From 7608deafd74ba6032dce169c1bdcd4e6069d2731 Mon Sep 17 00:00:00 2001
From: Loren <loren138@users.noreply.github.com>
Date: Sun, 16 Feb 2020 04:42:32 -0500
Subject: [PATCH 0001/1010] New Rule vue/sort-keys (#997)

* sort keys

* fix for eslint 6.7

* ignore children/grandchildren

* more finegrained parent analysis

* expand the test

* Update docs/rules/sort-keys.md

Co-Authored-By: Yosuke Ota <otameshiyo23@gmail.com>

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 .eslintignore                |    2 +-
 docs/rules/README.md         |    1 +
 docs/rules/sort-keys.md      |  109 ++++
 lib/index.js                 |    1 +
 lib/rules/sort-keys.js       |  265 ++++++++
 package.json                 |    1 +
 tests/lib/rules/sort-keys.js | 1195 ++++++++++++++++++++++++++++++++++
 7 files changed, 1573 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/sort-keys.md
 create mode 100644 lib/rules/sort-keys.js
 create mode 100644 tests/lib/rules/sort-keys.js

diff --git a/.eslintignore b/.eslintignore
index 20f3203c8..1905aa4a8 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -2,7 +2,7 @@
 /coverage
 /node_modules
 /tests/fixtures
-/tests/integrations/*/node_modules
+/tests/integrations/eslint-plugin-import
 
 !.vuepress
 /docs/.vuepress/dist
diff --git a/docs/rules/README.md b/docs/rules/README.md
index 30c0f93d1..ef6387ffc 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -168,6 +168,7 @@ For example:
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
+| [vue/sort-keys](./sort-keys.md) | enforce sort-keys within components after the top level details |  |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
new file mode 100644
index 000000000..38939fd55
--- /dev/null
+++ b/docs/rules/sort-keys.md
@@ -0,0 +1,109 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/sort-keys
+description: enforce sort-keys in a manner that is compatible with order-in-components
+---
+# vue/sort-keys
+> enforce sort-keys within components after the top level details
+
+This rule is almost the same rule as core [sorts-keys] rule but it will not error on top component properties allowing that order to be enforced with `order-in-components`.
+
+## Options
+
+```json
+{
+    "sort-keys": ["error", "asc", {
+        "caseSensitive": true,
+        "ignoreChildrenOf": ["model"],
+        "ignoreGrandchildrenOf": ["computed", "directives", "inject", "props", "watch"],
+        "minKeys": 2,
+        "natural": false
+  }]
+}
+```
+
+The 1st option is `"asc"` or `"desc"`.
+
+* `"asc"` (default) - enforce properties to be in ascending order.
+* `"desc"` - enforce properties to be in descending order.
+
+The 2nd option is an object which has 5 properties.
+
+* `caseSensitive` - if `true`, enforce properties to be in case-sensitive order. Default is `true`.
+* `ignoreChildrenOf` - an array of properties to ignore the children of.  Default is `["model"]`
+* `ignoreGrandchildrenOf` - an array of properties to ignore the grandchildren sort order. Default is `["computed", "directives", "inject", "props", "watch"]`
+* `minKeys` - Specifies the minimum number of keys that an object should have in order for the object's unsorted keys to produce an error. Default is `2`, which means by default all objects with unsorted keys will result in lint errors.
+* `natural` - if `true`, enforce properties to be in natural order. Default is `false`. Natural Order compares strings containing combination of letters and numbers in the way a human being would sort. It basically sorts numerically, instead of sorting alphabetically. So the number 10 comes after the number 3 in Natural Sorting.
+
+While using this rule, you may disable the normal `sort-keys` rule.  This rule will apply to plain js files as well as Vue component scripts.
+
+## :book: Rule Details
+
+This rule forces many dictionary properties to be in alphabetical order while allowing `order-in-components`, property details,
+and other similar fields not to be in alphabetical order.
+
+<eslint-code-block fix :rules="{'vue/sort-keys': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  name: 'app',
+  model: {
+    prop: 'checked',
+    event: 'change'
+  },
+  props: {
+    propA: {
+      type: String,
+      default: 'abc',
+    },
+    propB: {
+      type: String,
+      default: 'abc',
+    },
+  },
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/sort-keys': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  name: 'app',
+  model: {
+    prop: 'checked',
+    event: 'change'
+  },
+  props: {
+    propB: {
+      type: String,
+      default: 'abc',
+    },
+    propA: {
+      type: String,
+      default: 'abc',
+    },
+  },
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :books: Further reading
+
+- [sorts-keys]
+
+[sort-keys]: https://eslint.org/docs/rules/sort-keys
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/sort-keys.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/sort-keys.js)
diff --git a/lib/index.js b/lib/index.js
index d1b9bd9ef..efd41aaee 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -78,6 +78,7 @@ module.exports = {
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'script-indent': require('./rules/script-indent'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
+    'sort-keys': require('./rules/sort-keys'),
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),
     'static-class-names-order': require('./rules/static-class-names-order'),
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
new file mode 100644
index 000000000..8f900ef0e
--- /dev/null
+++ b/lib/rules/sort-keys.js
@@ -0,0 +1,265 @@
+/**
+ * @fileoverview enforce sort-keys in a manner that is compatible with order-in-components
+ * @author Loren Klingman
+ * Original ESLint sort-keys by Toru Nagashima
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const naturalCompare = require('natural-compare')
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Gets the property name of the given `Property` node.
+ *
+ * - If the property's key is an `Identifier` node, this returns the key's name
+ *   whether it's a computed property or not.
+ * - If the property has a static name, this returns the static name.
+ * - Otherwise, this returns null.
+ * @param {ASTNode} node The `Property` node to get.
+ * @returns {string|null} The property name or null.
+ * @private
+ */
+function getPropertyName (node) {
+  const staticName = utils.getStaticPropertyName(node)
+
+  if (staticName !== null) {
+    return staticName
+  }
+
+  return node.key.name || null
+}
+
+/**
+ * Functions which check that the given 2 names are in specific order.
+ *
+ * Postfix `I` is meant insensitive.
+ * Postfix `N` is meant natual.
+ * @private
+ */
+const isValidOrders = {
+  asc (a, b) {
+    return a <= b
+  },
+  ascI (a, b) {
+    return a.toLowerCase() <= b.toLowerCase()
+  },
+  ascN (a, b) {
+    return naturalCompare(a, b) <= 0
+  },
+  ascIN (a, b) {
+    return naturalCompare(a.toLowerCase(), b.toLowerCase()) <= 0
+  },
+  desc (a, b) {
+    return isValidOrders.asc(b, a)
+  },
+  descI (a, b) {
+    return isValidOrders.ascI(b, a)
+  },
+  descN (a, b) {
+    return isValidOrders.ascN(b, a)
+  },
+  descIN (a, b) {
+    return isValidOrders.ascIN(b, a)
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce sort-keys in a manner that is compatible with order-in-components',
+      category: null,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/sort-keys.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        enum: ['asc', 'desc']
+      },
+      {
+        type: 'object',
+        properties: {
+          caseSensitive: {
+            type: 'boolean',
+            default: true
+          },
+          ignoreChildrenOf: {
+            type: 'array'
+          },
+          ignoreGrandchildrenOf: {
+            type: 'array'
+          },
+          minKeys: {
+            type: 'integer',
+            minimum: 2,
+            default: 2
+          },
+          natural: {
+            type: 'boolean',
+            default: false
+          },
+          runOutsideVue: {
+            type: 'boolean',
+            default: true
+          }
+        },
+        additionalProperties: false
+      }
+    ]
+  },
+
+  create (context) {
+    // Parse options.
+    const options = context.options[1]
+    const order = context.options[0] || 'asc'
+
+    const ignoreGrandchildrenOf = (options && options.ignoreGrandchildrenOf) || ['computed', 'directives', 'inject', 'props', 'watch']
+    const ignoreChildrenOf = (options && options.ignoreChildrenOf) || ['model']
+    const insensitive = options && options.caseSensitive === false
+    const minKeys = options && options.minKeys
+    const natual = options && options.natural
+    const isValidOrder = isValidOrders[
+      order + (insensitive ? 'I' : '') + (natual ? 'N' : '')
+    ]
+
+    // The stack to save the previous property's name for each object literals.
+    let stack = null
+
+    let errors = []
+    const names = {}
+
+    const reportErrors = (isVue) => {
+      if (isVue) {
+        errors = errors.filter((error) => {
+          let parentIsRoot = !error.hasUpper
+          let grandParentIsRoot = !error.grandparent
+          let greatGrandparentIsRoot = !error.greatGrandparent
+
+          const stackPrevChar = stack && stack.prevChar
+          if (stackPrevChar) {
+            parentIsRoot = stackPrevChar === error.parent
+            grandParentIsRoot = stackPrevChar === error.grandparent
+            greatGrandparentIsRoot = stackPrevChar === error.greatGrandparent
+          }
+
+          if (parentIsRoot) {
+            return false
+          } else if (grandParentIsRoot) {
+            return !error.parentIsProperty || !ignoreChildrenOf.includes(names[error.parent])
+          } else if (greatGrandparentIsRoot) {
+            return !error.parentIsProperty || !ignoreGrandchildrenOf.includes(names[error.grandparent])
+          }
+          return true
+        })
+      }
+      errors.forEach((error) => error.errors.forEach((e) => context.report(e)))
+      errors = []
+    }
+
+    const sortTests = {
+      ObjectExpression (node) {
+        if (!stack) {
+          reportErrors(false)
+        }
+        stack = {
+          upper: stack,
+          prevChar: null,
+          prevName: null,
+          numKeys: node.properties.length,
+          parentIsProperty: node.parent.type === 'Property',
+          errors: []
+        }
+      },
+      'ObjectExpression:exit' (node) {
+        errors.push({
+          errors: stack.errors,
+          hasUpper: !!stack.upper,
+          parentIsProperty: node.parent.type === 'Property',
+          parent: stack.upper && stack.upper.prevChar,
+          grandparent: stack.upper && stack.upper.upper && stack.upper.upper.prevChar,
+          greatGrandparent: stack.upper && stack.upper.upper && stack.upper.upper.upper && stack.upper.upper.upper.prevChar
+        })
+        stack = stack.upper
+      },
+      SpreadElement (node) {
+        if (node.parent.type === 'ObjectExpression') {
+          stack.prevName = null
+          stack.prevChar = null
+        }
+      },
+      'Program:exit' () {
+        reportErrors(false)
+      },
+      Property (node) {
+        if (node.parent.type === 'ObjectPattern') {
+          return
+        }
+
+        const prevName = stack.prevName
+        const numKeys = stack.numKeys
+        const thisName = getPropertyName(node)
+
+        if (thisName !== null) {
+          stack.prevName = thisName
+          stack.prevChar = node.range[0]
+          if (Object.prototype.hasOwnProperty.call(names, node.range[0])) {
+            throw new Error('Name clash')
+          }
+          names[node.range[0]] = thisName
+        }
+
+        if (prevName === null || thisName === null || numKeys < minKeys) {
+          return
+        }
+
+        if (!isValidOrder(prevName, thisName)) {
+          stack.errors.push({
+            node,
+            loc: node.key.loc,
+            message: "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
+            data: {
+              thisName,
+              prevName,
+              order,
+              insensitive: insensitive ? 'insensitive ' : '',
+              natual: natual ? 'natural ' : ''
+            }
+          })
+        }
+      }
+    }
+
+    const execOnVue = utils.executeOnVue(context, (obj) => {
+      reportErrors(true)
+    })
+
+    const result = { ...sortTests }
+
+    Object.keys(execOnVue).forEach((key) => {
+      // Ensure we call both the callback from sortTests and execOnVue if they both use the same key
+      if (Object.prototype.hasOwnProperty.call(sortTests, key)) {
+        result[key] = (node) => {
+          sortTests[key](node)
+          execOnVue[key](node)
+        }
+      } else {
+        result[key] = execOnVue[key]
+      }
+    })
+
+    return result
+  }
+}
diff --git a/package.json b/package.json
index a48871f95..472689b0f 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "eslint": "^5.0.0 || ^6.0.0"
   },
   "dependencies": {
+    "natural-compare": "^1.4.0",
     "vue-eslint-parser": "^7.0.0",
     "semver": "^5.6.0"
   },
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
new file mode 100644
index 000000000..c8094b5b3
--- /dev/null
+++ b/tests/lib/rules/sort-keys.js
@@ -0,0 +1,1195 @@
+/**
+ * @fileoverview Enforces sort-keys within components after the top level details
+ * @author Loren Klingman
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/sort-keys')
+const RuleTester = require('eslint').RuleTester
+
+const ruleTester = new RuleTester()
+
+const parserOptions = {
+  ecmaVersion: 2018,
+  sourceType: 'module'
+}
+
+ruleTester.run('sort-keys', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        const obj = {
+          foo() {
+            Vue.component('my-component', {
+              name: 'app',
+              data() {}
+            })
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          name: 'app',
+          props: {
+            propA: Number,
+          },
+          ...a,
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        export default {
+          name: 'app',
+          model: {
+            prop: 'checked',
+            event: 'change'
+          },
+          props: {
+            propA: {
+              type: String,
+              default: 'abc',
+            },
+            propB: {
+              type: String,
+              default: 'abc',
+            },
+          },
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {}
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default 'example-text'
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.jsx',
+      code: `
+        export default {
+          name: 'app',
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        Vue.component('example')
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const { component } = Vue;
+        component('smart-list', {
+          name: 'app',
+          components: {},
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          el: '#app',
+          name: 'app',
+          components: {},
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue()
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    // default (asc)
+    { code: "var obj = {'':1, [``]:2}", options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {[``]:1, '':2}", options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {'':1, a:2}", options: [] },
+    { code: 'var obj = {[``]:1, a:2}', options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: 'var obj = {_:2, a:1, b:3} // default', options: [] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: [] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: [] },
+    { code: 'var obj = {C:3, b_:1, c:2}', options: [] },
+    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: [] },
+    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: [] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: [] },
+
+    // ignore non-simple computed properties.
+    { code: 'var obj = {a:1, b:3, [a + b]: -1, c:2}', options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {'':1, [f()]:2, a:3}", options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {a:1, [b++]:2, '':3}", options: ['desc'], parserOptions: { ecmaVersion: 6 }},
+
+    // ignore properties separated by spread properties
+    { code: 'var obj = {a:1, ...z, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {b:1, ...z, a:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...a, b:1, ...c, d:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...a, b:1, ...d, ...c, e:2, z:5}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {b:1, ...c, ...d, e:2}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: "var obj = {a:1, ...z, '':2}", options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: "var obj = {'':1, ...z, 'a':2}", options: ['desc'], parserOptions: { ecmaVersion: 2018 }},
+
+    // not ignore properties not separated by spread properties
+    { code: 'var obj = {...z, a:1, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...z, ...c, a:1, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {a:1, b:1, ...z}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...z, ...x, a:1, ...c, ...d, f:5, e:4}', options: ['desc'], parserOptions: { ecmaVersion: 2018 }},
+
+    // works when spread occurs somewhere other than an object literal
+    { code: 'function fn(...args) { return [...args].length; }', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'function g() {}; function f(...args) { return g(...args); }', options: [], parserOptions: { ecmaVersion: 2018 }},
+
+    // ignore destructuring patterns.
+    { code: 'let {a, b} = {}', options: [], parserOptions: { ecmaVersion: 6 }},
+
+    // nested
+    { code: 'var obj = {a:1, b:{x:1, y:1}, c:1}', options: [] },
+
+    // asc
+    { code: 'var obj = {_:2, a:1, b:3} // asc', options: ['asc'] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc'] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc'] },
+    { code: 'var obj = {C:3, b_:1, c:2}', options: ['asc'] },
+    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: ['asc'] },
+    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: ['asc'] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc'] },
+
+    // asc, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, c:2, b:3}', options: ['asc', { minKeys: 4 }] },
+
+    // asc, insensitive
+    { code: 'var obj = {_:2, a:1, b:3} // asc, insensitive', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {b_:1, C:3, c:2}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {b_:1, c:3, C:2}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { caseSensitive: false }] },
+    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: ['asc', { caseSensitive: false }] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { caseSensitive: false }] },
+
+    // asc, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: ['asc', { caseSensitive: false, minKeys: 5 }] },
+
+    // asc, natural
+    { code: 'var obj = {_:2, a:1, b:3} // asc, natural', options: ['asc', { natural: true }] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { natural: true }] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { natural: true }] },
+    { code: 'var obj = {C:3, b_:1, c:2}', options: ['asc', { natural: true }] },
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { natural: true }] },
+    { code: "var obj = {1:1, 2:4, '11':2, A:3}", options: ['asc', { natural: true }] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { natural: true }] },
+
+    // asc, natural, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {b_:1, a:2, b:3}', options: ['asc', { natural: true, minKeys: 4 }] },
+
+    // asc, natural, insensitive
+    { code: 'var obj = {_:2, a:1, b:3} // asc, natural, insensitive', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {b_:1, C:3, c:2}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {b_:1, c:3, C:2}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {1:1, 2:4, '11':2, A:3}", options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { natural: true, caseSensitive: false }] },
+
+    // asc, natural, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, _:2, b:3}', options: ['asc', { natural: true, caseSensitive: false, minKeys: 4 }] },
+
+    // desc
+    { code: 'var obj = {b:3, a:1, _:2} // desc', options: ['desc'] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc'] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc'] },
+    { code: 'var obj = {c:2, b_:1, C:3}', options: ['desc'] },
+    { code: 'var obj = {a:4, _:2, A:3, $:1}', options: ['desc'] },
+    { code: "var obj = {A:3, 2:4, '11':2, 1:1}", options: ['desc'] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc'] },
+
+    // desc, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, c:2, b:3}', options: ['desc', { minKeys: 4 }] },
+
+    // desc, insensitive
+    { code: 'var obj = {b:3, a:1, _:2} // desc, insensitive', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {c:2, C:3, b_:1}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {C:2, c:3, b_:1}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { caseSensitive: false }] },
+    { code: "var obj = {A:3, 2:4, '11':2, 1:1}", options: ['desc', { caseSensitive: false }] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { caseSensitive: false }] },
+
+    // desc, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['desc', { caseSensitive: false, minKeys: 5 }] },
+
+    // desc, natural
+    { code: 'var obj = {b:3, a:1, _:2} // desc, natural', options: ['desc', { natural: true }] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { natural: true }] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { natural: true }] },
+    { code: 'var obj = {c:2, b_:1, C:3}', options: ['desc', { natural: true }] },
+    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { natural: true }] },
+    { code: "var obj = {A:3, '11':2, 2:4, 1:1}", options: ['desc', { natural: true }] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { natural: true }] },
+
+    // desc, natural, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {b_:1, a:2, b:3}', options: ['desc', { natural: true, minKeys: 4 }] },
+
+    // desc, natural, insensitive
+    { code: 'var obj = {b:3, a:1, _:2} // desc, natural, insensitive', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {c:2, C:3, b_:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {C:2, c:3, b_:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {A:3, '11':2, 2:4, 1:1}", options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { natural: true, caseSensitive: false }] },
+
+    // desc, natural, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, _:2, b:3}', options: ['desc', { natural: true, caseSensitive: false, minKeys: 4 }] }
+  ],
+
+  invalid: [
+    // default (asc)
+    {
+      code: "var obj = {a:1, '':2} // default",
+      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {a:1, [``]:2} // default',
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {a:1, _:2, b:3} // default',
+      errors: ["Expected object keys to be in ascending order. '_' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b_'."]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      errors: ["Expected object keys to be in ascending order. 'C' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      errors: ["Expected object keys to be in ascending order. 'A' should be before '_'."]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      errors: ["Expected object keys to be in ascending order. '11' should be before 'A'."]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      errors: ["Expected object keys to be in ascending order. 'Z' should be before 'À'."]
+    },
+
+    // not ignore properties not separated by spread properties
+    {
+      code: 'var obj = {...z, c:1, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {...z, ...c, d:4, b:1, ...y, ...f, e:2, a:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'd'.",
+        "Expected object keys to be in ascending order. 'a' should be before 'e'."
+      ]
+    },
+    {
+      code: 'var obj = {c:1, b:1, ...a}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {...z, ...a, c:1, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {...z, b:1, a:1, ...d, ...c}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b'."]
+    },
+    {
+      code: 'var obj = {...z, a:2, b:0, ...x, ...c}',
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in descending order. 'b' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {...z, a:2, b:0, ...x}',
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in descending order. 'b' should be before 'a'."]
+    },
+    {
+      code: "var obj = {...z, '':1, a:2}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+    },
+
+    // ignore non-simple computed properties, but their position shouldn't affect other comparisons.
+    {
+      code: "var obj = {a:1, [b+c]:2, '':3}",
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+    },
+    {
+      code: "var obj = {'':1, [b+c]:2, a:3}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+    },
+    {
+      code: "var obj = {b:1, [f()]:2, '':3, a:4}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+    },
+
+    // not ignore simple computed properties.
+    {
+      code: 'var obj = {a:1, b:3, [a]: -1, c:2}',
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b'."]
+    },
+
+    // nested
+    {
+      code: 'var obj = {a:1, c:{y:1, x:1}, b:1}',
+      errors: [
+        "Expected object keys to be in ascending order. 'x' should be before 'y'.",
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
+    },
+
+    // asc
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'C' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'A' should be before '_'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. '11' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // asc, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc, insensitive',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '_' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '11' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, insensitive, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { caseSensitive: false, minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // asc, natural
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc, natural',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'C' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '_' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '11' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, natural, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { natural: true, minKeys: 2 }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // asc, natural, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc, natural, insensitive',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '_' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, '11':2, 2:4, A:3}",
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '2' should be before '11'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, natural, insensitive, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false, minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // desc
+    {
+      code: "var obj = {'':1, a:'2'} // desc",
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
+    },
+    {
+      code: "var obj = {[``]:1, a:'2'} // desc",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 },
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. '_' should be before '$'.",
+        "Expected object keys to be in descending order. 'a' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. '2' should be before '1'.",
+        "Expected object keys to be in descending order. 'A' should be before '2'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'À' should be before '#'.",
+        "Expected object keys to be in descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before '_'."
+      ]
+    },
+
+    // desc, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc, insensitive',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. '_' should be before '$'.",
+        "Expected object keys to be in insensitive descending order. 'A' should be before '_'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. '2' should be before '1'.",
+        "Expected object keys to be in insensitive descending order. 'A' should be before '2'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'À' should be before '#'.",
+        "Expected object keys to be in insensitive descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, insensitive should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { caseSensitive: false, minKeys: 2 }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+
+    // desc, natural
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc, natural',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. '_' should be before '$'.",
+        "Expected object keys to be in natural descending order. 'A' should be before '_'.",
+        "Expected object keys to be in natural descending order. 'a' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. '2' should be before '1'.",
+        "Expected object keys to be in natural descending order. 'A' should be before '2'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'À' should be before '#'.",
+        "Expected object keys to be in natural descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, natural should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { natural: true, minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'b' should be before '_'."
+      ]
+    },
+
+    // desc, natural, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc, natural, insensitive',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. '_' should be before '$'.",
+        "Expected object keys to be in natural insensitive descending order. 'A' should be before '_'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, '11':2, A:3}",
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. '2' should be before '1'.",
+        "Expected object keys to be in natural insensitive descending order. '11' should be before '2'.",
+        "Expected object keys to be in natural insensitive descending order. 'A' should be before '11'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'À' should be before '#'.",
+        "Expected object keys to be in natural insensitive descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, natural, insensitive should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false, minKeys: 2 }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          name: 'app',
+          props: {
+            z: Number,
+            propA: Number,
+          },
+          ...a,
+          data () {
+            return {
+              zd: 1,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        }
+      `,
+      parserOptions,
+
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'propA\' should be before \'z\'.',
+        line: 6
+      }, {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'zd\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          data() {
+            return {
+              isActive: false,
+            };
+          },
+          methods: {
+            toggleMenu() {
+              this.isActive = !this.isActive;
+            },
+            closeMenu() {
+              this.isActive = false;
+            }
+          },
+          name: 'burger',
+        };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'closeMenu\' should be before \'toggleMenu\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          methods: {
+            toggleMenu() {
+              return {
+                // These should have errors since they are not part of the vue component
+                model: {
+                  prop: 'checked',
+                  event: 'change'
+                },
+                props: {
+                  propA: {
+                    z: 1,
+                    a: 2
+                  },
+                },
+              };
+            }
+          },
+          name: 'burger',
+        };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'event\' should be before \'prop\'.',
+        line: 9
+      }, {
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'z\'.',
+        line: 14
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        const dict = { zd: 1, a: 2 };
+
+        export default {
+          data() {
+            return {
+              z: 2,
+              isActive: false,
+            };
+          },
+          name: 'burger',
+        };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      }, {
+        message: 'Expected object keys to be in ascending order. \'isActive\' should be before \'z\'.',
+        line: 8
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          data() {
+            return {
+              z: 2,
+              isActive: false,
+            };
+          },
+          name: 'burger',
+        };
+
+        const dict = { zd: 1, a: 2 };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'isActive\' should be before \'z\'.',
+        line: 6
+      }, {
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const dict = { zd: 1, a: 2 };
+        new Vue({
+          name: 'app',
+          el: '#app',
+          data () {
+            return {
+              z: 2,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      },
+      {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const dict = { zd: 1, a: 2 };
+
+        Vue.component('smart-list', {
+          name: 'app',
+          data () {
+            return {
+              z: 2,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      },
+      {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const dict = { zd: 1, a: 2 };
+        const { component } = Vue;
+        component('smart-list', {
+          name: 'app',
+          data () {
+            return {
+              z: 2,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      },
+      {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        export default {
+          name: 'app',
+          props: {
+            propA: {
+              type: String,
+              default: 'abc',
+            },
+          },
+        }
+      `,
+      options: ['asc', { ignoreGrandchildrenOf: [] }],
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'default\' should be before \'type\'.',
+        line: 7
+      }]
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        const obj = {
+          z: 1,
+          foo() {
+            Vue.component('my-component', {
+              name: 'app',
+              data: {}
+            })
+          },
+          a: 2
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'foo\' should be before \'z\'.',
+        line: 4
+      }, {
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'foo\'.',
+        line: 10
+      }]
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        export default {
+          computed: {
+            foo () {
+              return {
+                b,
+                a
+              }
+            }
+          }
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'b\'.',
+        line: 7
+      }]
+    }
+  ]
+})

From b394ca6457250956071231b7af43525762bd26f5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 16 Feb 2020 18:45:43 +0900
Subject: [PATCH 0002/1010] New: Add `vue/padding-line-between-blocks` rule
 (#1021)

---
 docs/rules/README.md                          |   1 +
 docs/rules/padding-line-between-blocks.md     | 139 ++++++++
 lib/configs/no-layout-rules.js                |   1 +
 lib/index.js                                  |   1 +
 lib/rules/component-tags-order.js             |   2 +-
 lib/rules/padding-line-between-blocks.js      | 194 +++++++++++
 .../lib/rules/padding-line-between-blocks.js  | 314 ++++++++++++++++++
 7 files changed, 651 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/padding-line-between-blocks.md
 create mode 100644 lib/rules/padding-line-between-blocks.js
 create mode 100644 tests/lib/rules/padding-line-between-blocks.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ef6387ffc..1e6d30bdc 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -165,6 +165,7 @@ For example:
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
+| [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-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
new file mode 100644
index 000000000..34a1d0468
--- /dev/null
+++ b/docs/rules/padding-line-between-blocks.md
@@ -0,0 +1,139 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/padding-line-between-blocks
+description: require or disallow padding lines between blocks
+---
+# vue/padding-line-between-blocks
+> require or disallow padding lines between blocks
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule requires or disallows blank lines between the given 2 blocks. Properly blank lines help developers to understand the code.
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div></div>
+</template>
+<script>
+export default {}
+</script>
+<style></style>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/padding-line-between-blocks": ["error", "always" | "never"]
+}
+```
+
+- `"always"` (default) ... Requires one or more blank lines. Note it does not count lines that comments exist as blank lines.
+- `"never"` ... Disallows blank lines.
+
+### `"always"` (default)
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div></div>
+</template>
+<script>
+export default {}
+</script>
+<style></style>
+```
+
+</eslint-code-block>
+
+### `"never"`
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error', 'never']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div></div>
+</template>
+<script>
+export default {}
+</script>
+<style></style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error', 'never']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
+```
+
+</eslint-code-block>
+
+## :books: Further reading
+
+- [padding-line-between-statements]
+- [lines-between-class-members]
+
+[padding-line-between-statements]: https://eslint.org/docs/rules/padding-line-between-statements
+[lines-between-class-members]: https://eslint.org/docs/rules/lines-between-class-members
+
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/padding-line-between-blocks.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/padding-line-between-blocks.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 3bf2fec4e..e45c080bc 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -25,6 +25,7 @@ module.exports = {
     'vue/no-multi-spaces': 'off',
     'vue/no-spaces-around-equal-signs-in-attribute': 'off',
     'vue/object-curly-spacing': 'off',
+    'vue/padding-line-between-blocks': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/space-infix-ops': 'off',
diff --git a/lib/index.js b/lib/index.js
index efd41aaee..02e65ba96 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -65,6 +65,7 @@ module.exports = {
     'no-v-html': require('./rules/no-v-html'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'order-in-components': require('./rules/order-in-components'),
+    'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'prop-name-casing': require('./rules/prop-name-casing'),
     'require-component-is': require('./rules/require-component-is'),
     'require-default-prop': require('./rules/require-default-prop'),
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index d6400dec0..7129aa36e 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -45,7 +45,7 @@ module.exports = {
 
     function getTopLevelHTMLElements () {
       if (documentFragment) {
-        return documentFragment.children
+        return documentFragment.children.filter(e => e.type === 'VElement')
       }
       return []
     }
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
new file mode 100644
index 000000000..6f08a5d7a
--- /dev/null
+++ b/lib/rules/padding-line-between-blocks.js
@@ -0,0 +1,194 @@
+/**
+ * @fileoverview Require or disallow padding lines between blocks
+ * @author Yosuke Ota
+ */
+'use strict'
+const utils = require('../utils')
+
+/**
+ * Split the source code into multiple lines based on the line delimiters.
+ * @param {string} text Source code as a string.
+ * @returns {string[]} Array of source code lines.
+ */
+function splitLines (text) {
+  return text.split(/\r\n|[\r\n\u2028\u2029]/gu)
+}
+
+/**
+ * Check and report blocks for `never` configuration.
+ * This autofix removes blank lines between the given 2 blocks.
+ * @param {RuleContext} context The rule context to report.
+ * @param {VElement} prevBlock The previous block to check.
+ * @param {VElement} nextBlock The next block to check.
+ * @param {Token[]} betweenTokens The array of tokens between blocks.
+ * @returns {void}
+ * @private
+ */
+function verifyForNever (context, prevBlock, nextBlock, betweenTokens) {
+  if (prevBlock.loc.end.line === nextBlock.loc.start.line) {
+    // same line
+    return
+  }
+  const tokenOrNodes = [...betweenTokens, nextBlock]
+  let prev = prevBlock
+  const paddingLines = []
+  for (const tokenOrNode of tokenOrNodes) {
+    const numOfLineBreaks = tokenOrNode.loc.start.line - prev.loc.end.line
+    if (numOfLineBreaks > 1) {
+      paddingLines.push([prev, tokenOrNode])
+    }
+    prev = tokenOrNode
+  }
+  if (!paddingLines.length) {
+    return
+  }
+
+  context.report({
+    node: nextBlock,
+    messageId: 'never',
+    fix (fixer) {
+      return paddingLines.map(([prevToken, nextToken]) => {
+        const start = prevToken.range[1]
+        const end = nextToken.range[0]
+        const paddingText = context.getSourceCode().text
+          .slice(start, end)
+        const lastSpaces = splitLines(paddingText).pop()
+        return fixer.replaceTextRange([start, end], '\n' + lastSpaces)
+      })
+    }
+  })
+}
+
+/**
+ * Check and report blocks for `always` configuration.
+ * This autofix inserts a blank line between the given 2 blocks.
+ * @param {RuleContext} context The rule context to report.
+ * @param {VElement} prevBlock The previous block to check.
+ * @param {VElement} nextBlock The next block to check.
+ * @param {Token[]} betweenTokens The array of tokens between blocks.
+ * @returns {void}
+ * @private
+ */
+function verifyForAlways (context, prevBlock, nextBlock, betweenTokens) {
+  const tokenOrNodes = [...betweenTokens, nextBlock]
+  let prev = prevBlock
+  let linebreak
+  for (const tokenOrNode of tokenOrNodes) {
+    const numOfLineBreaks = tokenOrNode.loc.start.line - prev.loc.end.line
+    if (numOfLineBreaks > 1) {
+      // Already padded.
+      return
+    }
+    if (!linebreak && numOfLineBreaks > 0) {
+      linebreak = prev
+    }
+    prev = tokenOrNode
+  }
+
+  context.report({
+    node: nextBlock,
+    messageId: 'always',
+    fix (fixer) {
+      if (linebreak) {
+        return fixer.insertTextAfter(linebreak, '\n')
+      }
+      return fixer.insertTextAfter(prevBlock, '\n\n')
+    }
+  })
+}
+
+/**
+ * Types of blank lines.
+ * `never` and `always` are defined.
+ * Those have `verify` method to check and report statements.
+ * @private
+ */
+const PaddingTypes = {
+  never: { verify: verifyForNever },
+  always: { verify: verifyForAlways }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description: 'require or disallow padding lines between blocks',
+      category: undefined,
+      url: 'https://eslint.vuejs.org/rules/padding-line-between-blocks.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        enum: Object.keys(PaddingTypes)
+      }
+    ],
+    messages: {
+      never: 'Unexpected blank line before this block.',
+      always: 'Expected blank line before this block.'
+    }
+  },
+  create (context) {
+    const paddingType = PaddingTypes[context.options[0] || 'always']
+    const documentFragment = context.parserServices.getDocumentFragment && context.parserServices.getDocumentFragment()
+
+    let tokens
+    function getTopLevelHTMLElements () {
+      if (documentFragment) {
+        return documentFragment.children.filter(e => e.type === 'VElement')
+      }
+      return []
+    }
+
+    function getTokenAndCommentsBetween (prev, next) {
+      // When there is no <template>, tokenStore.getTokensBetween cannot be used.
+      if (!tokens) {
+        tokens = [
+          ...documentFragment.tokens
+            .filter(token => token.type !== 'HTMLWhitespace'),
+          ...documentFragment.comments
+        ].sort((a, b) => a.range[0] > b.range[0] ? 1 : a.range[0] < b.range[0] ? -1 : 0)
+      }
+
+      let token = tokens.shift()
+
+      const results = []
+      while (token) {
+        if (prev.range[1] <= token.range[0]) {
+          if (next.range[0] <= token.range[0]) {
+            tokens.unshift(token)
+            break
+          } else {
+            results.push(token)
+          }
+        }
+        token = tokens.shift()
+      }
+
+      return results
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {},
+      {
+        Program (node) {
+          if (utils.hasInvalidEOF(node)) {
+            return
+          }
+          const elements = [...getTopLevelHTMLElements()]
+
+          let prev = elements.shift()
+          for (const element of elements) {
+            const betweenTokens = getTokenAndCommentsBetween(prev, element)
+            paddingType.verify(context, prev, element, betweenTokens)
+            prev = element
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/padding-line-between-blocks.js b/tests/lib/rules/padding-line-between-blocks.js
new file mode 100644
index 000000000..f81b2bbf7
--- /dev/null
+++ b/tests/lib/rules/padding-line-between-blocks.js
@@ -0,0 +1,314 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/padding-line-between-blocks')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('padding-line-between-blocks', rule, {
+  valid: [
+    `
+    <template></template>
+
+    <script></script>
+
+    <style></style>
+    `,
+    `<template></template>
+
+    <script></script>
+
+    <style></style>`,
+    {
+      code: `
+      <template></template>
+      <script></script>
+      <style></style>
+      `,
+      options: ['never']
+    },
+    // comments
+    `
+    <template></template>
+
+    <!-- comment -->
+    <script></script>
+    <!-- comment -->
+
+    <style></style>
+    <!-- comment -->
+
+    <!-- comment -->
+    <i18n></i18n>
+    `,
+    {
+      code: `
+      <template></template>
+      <!-- comment -->
+      <script></script>
+      <!-- comment -->
+      <!-- comment -->
+      <style></style>
+      `,
+      options: ['never']
+    },
+    // same line
+    {
+      code: `<template></template><script></script><style></style>`,
+      options: ['never']
+    },
+    {
+      code: `<template>
+
+      </template><script>
+
+      </script>`,
+      options: ['never']
+    },
+    // no template
+    `
+    <script></script>
+
+    <style></style>
+    `,
+    {
+      code: `
+      <script></script>
+      <style></style>
+      `,
+      options: ['never']
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template></template>
+      <script></script>
+      <style></style>
+      `,
+      output: `
+      <template></template>
+
+      <script></script>
+
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this block.',
+          line: 3,
+          column: 7,
+          endLine: 3,
+          endColumn: 24
+        },
+        {
+          message: 'Expected blank line before this block.',
+          line: 4,
+          column: 7,
+          endLine: 4,
+          endColumn: 22
+        }
+      ]
+    },
+    {
+      code: `
+      <template></template>
+
+      <script></script>
+
+      <style></style>
+      `,
+      options: ['never'],
+      output: `
+      <template></template>
+      <script></script>
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this block.',
+          line: 4,
+          column: 7,
+          endLine: 4,
+          endColumn: 24
+        },
+        {
+          message: 'Unexpected blank line before this block.',
+          line: 6,
+          column: 7,
+          endLine: 6,
+          endColumn: 22
+        }
+      ]
+    },
+    {
+      code: `
+      <template></template><script></script><style></style>
+      `,
+      output: `
+      <template></template>
+
+<script></script>
+
+<style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this block.',
+          line: 2
+        },
+        {
+          message: 'Expected blank line before this block.',
+          line: 2
+        }
+      ]
+    },
+    {
+      code: `
+      <template></template>
+      <!-- comment -->
+      <script></script>
+      <!-- comment -->
+      <!-- comment -->
+      <style></style>
+      `,
+      output: `
+      <template></template>
+
+      <!-- comment -->
+      <script></script>
+
+      <!-- comment -->
+      <!-- comment -->
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this block.',
+          line: 4
+        },
+        {
+          message: 'Expected blank line before this block.',
+          line: 7
+        }
+      ]
+    },
+    {
+      code: `
+      <template></template>
+
+      <!-- comment -->
+      <script></script>
+      <!-- comment -->
+
+      <style></style>
+      <!-- comment -->
+
+      <!-- comment -->
+      <i18n></i18n>
+      `,
+      options: ['never'],
+      output: `
+      <template></template>
+      <!-- comment -->
+      <script></script>
+      <!-- comment -->
+      <style></style>
+      <!-- comment -->
+      <!-- comment -->
+      <i18n></i18n>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this block.',
+          line: 5
+        },
+        {
+          message: 'Unexpected blank line before this block.',
+          line: 8
+        },
+        {
+          message: 'Unexpected blank line before this block.',
+          line: 12
+        }
+      ]
+    },
+    {
+      code: `
+      <template></template>TEXT
+      <!-- comment --><script></script><!-- comment
+      comment --><style></style>
+      `,
+      output: `
+      <template></template>TEXT
+
+      <!-- comment --><script></script>
+
+<!-- comment
+      comment --><style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this block.',
+          line: 3
+        },
+        {
+          message: 'Expected blank line before this block.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      <script></script>
+
+
+      <!-- comment -->
+
+      TEXT TEXT
+
+      <!-- comment
+
+
+      comment -->
+
+      <!-- comment -->
+
+
+      TEXT
+
+
+
+      TEXT
+
+      <style></style>
+      `,
+      options: ['never'],
+      output: `
+      <script></script>
+      <!-- comment -->
+      TEXT TEXT
+      <!-- comment
+
+
+      comment -->
+      <!-- comment -->
+      TEXT
+      TEXT
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this block.',
+          line: 23
+        }
+      ]
+    }
+  ]
+})

From 8cd3a41aed2d9fa78f4f2de383f1ad1cdaf5c928 Mon Sep 17 00:00:00 2001
From: Erin <erinldepew@gmail.com>
Date: Sun, 16 Feb 2020 04:49:27 -0500
Subject: [PATCH 0003/1010] adding in alphabetical ordering within groupings
 (#1022)

---
 docs/rules/attributes-order.md      |  48 ++-
 lib/rules/attributes-order.js       |  22 +-
 tests/lib/rules/attributes-order.js | 497 ++++++++++++++++++----------
 3 files changed, 392 insertions(+), 175 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 8c61d3688..879ec1d57 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -105,11 +105,57 @@ This rule aims to enforce ordering of component attributes. The default order is
       "OTHER_ATTR",
       "EVENTS",
       "CONTENT"
-    ]
+    ],
+    "alphabetical": true
   }]
 }
 ```
 
+### Alphabetical order 
+<eslint-code-block fix :rules="{'vue/attributes-order': ['error', {alphabetical: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+    <div
+      a-custom-prop="value"
+      :another-custom-prop="value"
+      :blue-color="false"
+      boolean-prop
+      z-prop="Z"
+      v-on:[c]="functionCall"
+      @change="functionCall"
+      v-on:click="functionCall"
+      @input="functionCall"
+      v-text="textContent">
+    </div>
+
+  <!-- ✗ BAD -->
+    <div
+      z-prop="Z"
+      a-prop="A">
+    </div>
+
+    <div
+      @input="bar"
+      @change="foo">
+    </div>
+
+    <div
+      v-on:click="functionCall"
+      v-on:[c]="functionCall">
+    </div>
+
+    <div
+      :a-prop="A"
+      :z-prop="Z">
+    </div>
+
+</template>
+```
+
+</eslint-code-block>
+
 ### Custom orders
 
 #### `['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_DIRECTIVES', 'OTHER_ATTR', 'EVENTS', 'CONTENT']`
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index afa0b3c5a..ac8afe283 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -22,6 +22,14 @@ const ATTRS = {
   CONTENT: 'CONTENT'
 }
 
+function getAttributeName (attribute, sourceCode) {
+  const isBind = attribute.directive && attribute.key.name.name === 'bind'
+  debugger
+  return isBind
+    ? (attribute.key.argument ? sourceCode.getText(attribute.key.argument) : '')
+    : (attribute.directive ? sourceCode.getText(attribute.key.argument) : attribute.key.name)
+}
+
 function getAttributeType (attribute, sourceCode) {
   const isBind = attribute.directive && attribute.key.name.name === 'bind'
   const name = isBind
@@ -64,6 +72,14 @@ function getPosition (attribute, attributePosition, sourceCode) {
   return attributePosition.hasOwnProperty(attributeType) ? attributePosition[attributeType] : -1
 }
 
+function isAlphabetical (prevNode, currNode, sourceCode) {
+  const isSameType = getAttributeType(prevNode, sourceCode) === getAttributeType(currNode, sourceCode)
+  if (isSameType) {
+    return getAttributeName(prevNode, sourceCode) < getAttributeName(currNode, sourceCode)
+  }
+  return true
+}
+
 function create (context) {
   const sourceCode = context.getSourceCode()
   let attributeOrder = [ATTRS.DEFINITION, ATTRS.LIST_RENDERING, ATTRS.CONDITIONALS, ATTRS.RENDER_MODIFIERS, ATTRS.GLOBAL, ATTRS.UNIQUE, ATTRS.TWO_WAY_BINDING, ATTRS.OTHER_DIRECTIVES, ATTRS.OTHER_ATTR, ATTRS.EVENTS, ATTRS.CONTENT]
@@ -110,7 +126,11 @@ function create (context) {
       previousNode = null
     },
     'VAttribute' (node) {
-      if ((currentPosition === -1) || (currentPosition <= getPosition(node, attributePosition, sourceCode))) {
+      let inAlphaOrder = true
+      if (currentPosition !== -1 && (context.options[0] && context.options[0].alphabetical)) {
+        inAlphaOrder = isAlphabetical(previousNode, node, sourceCode)
+      }
+      if ((currentPosition === -1) || ((currentPosition <= getPosition(node, attributePosition, sourceCode)) && inAlphaOrder)) {
         currentPosition = getPosition(node, attributePosition, sourceCode)
         previousNode = node
       } else {
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 7ac9aaf59..481148f9d 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -293,6 +293,25 @@ tester.run('attributes-order', rule, {
             v-text="textContent">
           </div>
         </template>`
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            a-custom-prop="value"
+            :another-custom-prop="value"
+            :blue-color="false"
+            boolean-prop
+            z-prop="Z"
+            v-on:[c]="functionCall"
+            @change="functionCall"
+            v-on:click="functionCall"
+            @input="functionCall"
+            v-text="textContent">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
     }
   ],
 
@@ -318,23 +337,23 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code:
-        `<template>
-          <div
-            model="baz"
-            v-model="toggle"
-            propOne="bar"
-            :id="foo">
-          </div>
-        </template>`,
+          `<template>
+            <div
+              model="baz"
+              v-model="toggle"
+              propOne="bar"
+              :id="foo">
+            </div>
+          </template>`,
       output:
-        `<template>
-          <div
-            v-model="toggle"
-            model="baz"
-            :id="foo"
-            propOne="bar">
-          </div>
-        </template>`,
+          `<template>
+            <div
+              v-model="toggle"
+              model="baz"
+              :id="foo"
+              propOne="bar">
+            </div>
+          </template>`,
       errors: [{
         message: 'Attribute "v-model" should go before "model".',
         type: 'VDirectiveKey'
@@ -347,25 +366,25 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code:
-        `<template>
-          <div
-            :bindingProp="foo"
-            model="baz"
-            v-on="functionCall"
-            v-model="toggle"
-            propOne="bar">
-          </div>
-        </template>`,
+          `<template>
+            <div
+              :bindingProp="foo"
+              model="baz"
+              v-on="functionCall"
+              v-model="toggle"
+              propOne="bar">
+            </div>
+          </template>`,
       output:
-        `<template>
-          <div
-            :bindingProp="foo"
-            model="baz"
-            v-model="toggle"
-            v-on="functionCall"
-            propOne="bar">
-          </div>
-        </template>`,
+          `<template>
+            <div
+              :bindingProp="foo"
+              model="baz"
+              v-model="toggle"
+              v-on="functionCall"
+              propOne="bar">
+            </div>
+          </template>`,
       errors: [{
         message: 'Attribute "v-model" should go before "v-on".',
         type: 'VDirectiveKey'
@@ -389,17 +408,17 @@ tester.run('attributes-order', rule, {
       code: '<template><div ref="header" propone="prop" is="header" ></div></template>',
       options: [
         { order:
-          ['LIST_RENDERING',
-            'CONDITIONALS',
-            'RENDER_MODIFIERS',
-            'GLOBAL',
-            'UNIQUE',
-            'TWO_WAY_BINDING',
-            'DEFINITION',
-            'OTHER_DIRECTIVES',
-            'OTHER_ATTR',
-            'EVENTS',
-            'CONTENT']
+            ['LIST_RENDERING',
+              'CONDITIONALS',
+              'RENDER_MODIFIERS',
+              'GLOBAL',
+              'UNIQUE',
+              'TWO_WAY_BINDING',
+              'DEFINITION',
+              'OTHER_DIRECTIVES',
+              'OTHER_ATTR',
+              'EVENTS',
+              'CONTENT']
         }],
       output: '<template><div ref="header" is="header" propone="prop" ></div></template>',
       errors: [{
@@ -410,17 +429,17 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code:
-        `<template>
-          <div v-cloak
-            is="header">
-          </div>
-        </template>`,
+          `<template>
+            <div v-cloak
+              is="header">
+            </div>
+          </template>`,
       output:
-        `<template>
-          <div is="header"
-            v-cloak>
-          </div>
-        </template>`,
+          `<template>
+            <div is="header"
+              v-cloak>
+            </div>
+          </template>`,
       errors: [{
         message: 'Attribute "is" should go before "v-cloak".',
         type: 'VIdentifier'
@@ -429,37 +448,37 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code:
-        `<template>
-          <div
-            v-if="!visible"
-            v-for="item in items"
-            v-once
-            is="header"
-            v-on:click="functionCall"
-            ref="header"
-            :prop="headerData"
-            v-text="textContent"
-            id="uniqueID"
-            myProp="prop"
-            >
-          </div>
-        </template>`,
+          `<template>
+            <div
+              v-if="!visible"
+              v-for="item in items"
+              v-once
+              is="header"
+              v-on:click="functionCall"
+              ref="header"
+              :prop="headerData"
+              v-text="textContent"
+              id="uniqueID"
+              myProp="prop"
+              >
+            </div>
+          </template>`,
       output:
-        `<template>
-          <div
-            v-for="item in items"
-            v-if="!visible"
-            is="header"
-            v-once
-            ref="header"
-            v-on:click="functionCall"
-            :prop="headerData"
-            id="uniqueID"
-            v-text="textContent"
-            myProp="prop"
-            >
-          </div>
-        </template>`,
+          `<template>
+            <div
+              v-for="item in items"
+              v-if="!visible"
+              is="header"
+              v-once
+              ref="header"
+              v-on:click="functionCall"
+              :prop="headerData"
+              id="uniqueID"
+              v-text="textContent"
+              myProp="prop"
+              >
+            </div>
+          </template>`,
       errors: [
         {
           message: 'Attribute "v-for" should go before "v-if".',
@@ -490,53 +509,53 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code:
-        `<template>
-          <div
-            v-if="!visible"
-            v-for="item in items"
-            v-once
-            is="header"
-            v-on:click="functionCall"
-            ref="header"
-            :prop="headerData"
-            v-text="textContent"
-            id="uniqueID"
-            myProp="prop"
-            >
-          </div>
-        </template>`,
+          `<template>
+            <div
+              v-if="!visible"
+              v-for="item in items"
+              v-once
+              is="header"
+              v-on:click="functionCall"
+              ref="header"
+              :prop="headerData"
+              v-text="textContent"
+              id="uniqueID"
+              myProp="prop"
+              >
+            </div>
+          </template>`,
       options: [
         { order:
-          [
-            'EVENTS',
-            'TWO_WAY_BINDING',
-            'UNIQUE',
-            'DEFINITION',
-            'CONDITIONALS',
-            'LIST_RENDERING',
-            'RENDER_MODIFIERS',
-            'GLOBAL',
-            'OTHER_ATTR',
-            'OTHER_DIRECTIVES',
-            'CONTENT'
-          ]
+            [
+              'EVENTS',
+              'TWO_WAY_BINDING',
+              'UNIQUE',
+              'DEFINITION',
+              'CONDITIONALS',
+              'LIST_RENDERING',
+              'RENDER_MODIFIERS',
+              'GLOBAL',
+              'OTHER_ATTR',
+              'OTHER_DIRECTIVES',
+              'CONTENT'
+            ]
         }],
       output:
-        `<template>
-          <div
-            v-if="!visible"
-            v-for="item in items"
-            is="header"
-            v-once
-            v-on:click="functionCall"
-            ref="header"
-            :prop="headerData"
-            id="uniqueID"
-            v-text="textContent"
-            myProp="prop"
-            >
-          </div>
-        </template>`,
+          `<template>
+            <div
+              v-if="!visible"
+              v-for="item in items"
+              is="header"
+              v-once
+              v-on:click="functionCall"
+              ref="header"
+              :prop="headerData"
+              id="uniqueID"
+              v-text="textContent"
+              myProp="prop"
+              >
+            </div>
+          </template>`,
       errors: [
         {
           message: 'Attribute "is" should go before "v-once".',
@@ -562,39 +581,39 @@ tester.run('attributes-order', rule, {
     },
     {
       code:
-        `<template>
-          <div
-            class="content"
-            v-if="!visible"
-            :class="className"
-            v-text="textContent"
-            >
-          </div>
-        </template>`,
+          `<template>
+            <div
+              class="content"
+              v-if="!visible"
+              :class="className"
+              v-text="textContent"
+              >
+            </div>
+          </template>`,
       options: [
         { order:
-          [
-            'CONDITIONALS',
-            'LIST_RENDERING',
-            'RENDER_MODIFIERS',
-            'DEFINITION',
-            'EVENTS',
-            'UNIQUE',
-            ['BINDING', 'OTHER_ATTR'],
-            'CONTENT',
-            'GLOBAL'
-          ]
+            [
+              'CONDITIONALS',
+              'LIST_RENDERING',
+              'RENDER_MODIFIERS',
+              'DEFINITION',
+              'EVENTS',
+              'UNIQUE',
+              ['BINDING', 'OTHER_ATTR'],
+              'CONTENT',
+              'GLOBAL'
+            ]
         }],
       output:
-        `<template>
-          <div
-            v-if="!visible"
-            class="content"
-            :class="className"
-            v-text="textContent"
-            >
-          </div>
-        </template>`,
+          `<template>
+            <div
+              v-if="!visible"
+              class="content"
+              :class="className"
+              v-text="textContent"
+              >
+            </div>
+          </template>`,
       errors: [
         {
           message: 'Attribute "v-if" should go before "class".',
@@ -604,29 +623,161 @@ tester.run('attributes-order', rule, {
     },
     {
       code:
-        `<template>
-          <my-component
-            v-if="!visible"
-            v-model="content"
-            v-slot="textContent"
-            >
-          </my-component>
-        </template>`,
+          `<template>
+            <my-component
+              v-if="!visible"
+              v-model="content"
+              v-slot="textContent"
+              >
+            </my-component>
+          </template>`,
       output:
-        `<template>
-          <my-component
-            v-if="!visible"
-            v-slot="textContent"
-            v-model="content"
-            >
-          </my-component>
-        </template>`,
+          `<template>
+            <my-component
+              v-if="!visible"
+              v-slot="textContent"
+              v-model="content"
+              >
+            </my-component>
+          </template>`,
       errors: [
         {
           message: 'Attribute "v-slot" should go before "v-model".',
           nodeType: 'VIdentifier'
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+      `<template>
+          <div
+            z-prop="Z"
+            a-prop="A">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            a-prop="A"
+            z-prop="Z">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "a-prop" should go before "z-prop".',
+        type: 'VIdentifier'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+      `<template>
+          <div
+            :z-prop="Z"
+            :a-prop="A">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            :a-prop="A"
+            :z-prop="Z">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute ":a-prop" should go before ":z-prop".',
+        type: 'VDirectiveKey'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            @input="bar"
+            @change="foo">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            @change="foo"
+            @input="bar">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "@change" should go before "@input".',
+        type: 'VDirectiveKey'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            z-prop="value"
+            boolean-prop>
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            boolean-prop
+            z-prop="value">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "boolean-prop" should go before "z-prop".',
+        type: 'VIdentifier'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-on:click="functionCall"
+            v-on:[c]="functionCall">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            v-on:[c]="functionCall"
+            v-on:click="functionCall">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "v-on:[c]" should go before "v-on:click".',
+        type: 'VDirectiveKey'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-text="textContent"
+            v-on:click="functionCall">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            v-on:click="functionCall"
+            v-text="textContent">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "v-on:click" should go before "v-text".',
+        type: 'VDirectiveKey'
+      }]
     }
   ]
 })

From a4e3f0fd45cf2c1e5562cdeeb35653d310bf10db Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 16 Feb 2020 18:50:02 +0900
Subject: [PATCH 0004/1010] Fixed false positives in
 `no-side-effects-in-computed-properties` (#1027)

---
 .../no-side-effects-in-computed-properties.js | 32 ++++++++++++++++---
 lib/utils/index.js                            |  2 +-
 .../no-side-effects-in-computed-properties.js | 30 +++++++++++++++++
 3 files changed, 58 insertions(+), 6 deletions(-)

diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 3abe009bf..9bda00681 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -24,20 +24,38 @@ module.exports = {
 
   create (context) {
     const forbiddenNodes = []
+    let scopeStack = { upper: null, body: null }
+
+    function onFunctionEnter (node) {
+      scopeStack = { upper: scopeStack, body: node.body }
+    }
+
+    function onFunctionExit () {
+      scopeStack = scopeStack.upper
+    }
 
     return Object.assign({},
       {
+        ':function': onFunctionEnter,
+        ':function:exit': onFunctionExit,
+
         // this.xxx <=|+=|-=>
         'AssignmentExpression' (node) {
           if (node.left.type !== 'MemberExpression') return
           if (utils.parseMemberExpression(node.left)[0] === 'this') {
-            forbiddenNodes.push(node)
+            forbiddenNodes.push({
+              node,
+              targetBody: scopeStack.body
+            })
           }
         },
         // this.xxx <++|-->
         'UpdateExpression > MemberExpression' (node) {
           if (utils.parseMemberExpression(node)[0] === 'this') {
-            forbiddenNodes.push(node)
+            forbiddenNodes.push({
+              node,
+              targetBody: scopeStack.body
+            })
           }
         },
         // this.xxx.func()
@@ -46,7 +64,10 @@ module.exports = {
           const MUTATION_REGEX = /(this.)((?!(concat|slice|map|filter)\().)[^\)]*((push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)\()/g
 
           if (MUTATION_REGEX.test(code)) {
-            forbiddenNodes.push(node)
+            forbiddenNodes.push({
+              node,
+              targetBody: scopeStack.body
+            })
           }
         }
       },
@@ -54,11 +75,12 @@ module.exports = {
         const computedProperties = utils.getComputedProperties(obj)
 
         computedProperties.forEach(cp => {
-          forbiddenNodes.forEach(node => {
+          forbiddenNodes.forEach(({ node, targetBody }) => {
             if (
               cp.value &&
               node.loc.start.line >= cp.value.loc.start.line &&
-              node.loc.end.line <= cp.value.loc.end.line
+              node.loc.end.line <= cp.value.loc.end.line &&
+              targetBody === cp.value
             ) {
               context.report({
                 node: node,
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 184ebbe3f..b24420a3a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -822,7 +822,7 @@ module.exports = {
         isFunc = true
       } else {
         if (n.computed) {
-          parsedCallee.push('[]')
+          parsedCallee.push('[]' + (isFunc ? '()' : ''))
         } else if (n.property.type === 'Identifier') {
           parsedCallee.push(n.property.name + (isFunc ? '()' : ''))
         }
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 3dc0f3fc8..df186b3a9 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -143,6 +143,36 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         }
       })`,
       parserOptions
+    },
+    {
+      code: `Vue.component('test', {
+        computed: {
+          test () {
+            return {
+              action1() {
+                this.something++
+              },
+              action2() {
+                this.something = 1
+              },
+              action3() {
+                this.something.reverse()
+              }
+            }
+          },
+        }
+      })`,
+      parserOptions
+    },
+    {
+      code: `Vue.component('test', {
+        computed: {
+          test () {
+            return this.something['a']().reverse()
+          },
+        }
+      })`,
+      parserOptions
     }
   ],
   invalid: [

From 5980cdc2885df37c460619f5ba4b617e12255049 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 16 Feb 2020 18:50:25 +0900
Subject: [PATCH 0005/1010] Fixed an error when using spread elements in
 `vue/require-default-prop`. (#1046)

* Fixed an error when using spread elements in `vue/require-default-prop`.

* Revert vscode/settings
---
 lib/rules/require-default-prop.js       | 43 ++++++++++++--------
 lib/utils/index.js                      | 26 ++++++++++--
 tests/lib/rules/require-default-prop.js | 54 +++++++++++++++++++++++++
 3 files changed, 103 insertions(+), 20 deletions(-)

diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 91dd90840..3f6f18613 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -4,6 +4,16 @@
  */
 'use strict'
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
+ */
+/**
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {ComponentObjectProp & { value: ObjectExpression} } ComponentObjectPropObject
+ */
+
 const utils = require('../utils')
 
 const NATIVE_TYPES = new Set([
@@ -39,14 +49,14 @@ module.exports = {
 
     /**
      * Checks if the passed prop is required
-     * @param {Property} prop - Property AST node for a single prop
+     * @param {ComponentObjectPropObject} prop - Property AST node for a single prop
      * @return {boolean}
      */
     function propIsRequired (prop) {
       const propRequiredNode = prop.value.properties
         .find(p =>
           p.type === 'Property' &&
-          p.key.name === 'required' &&
+          utils.getStaticPropertyName(p) === 'required' &&
           p.value.type === 'Literal' &&
           p.value.value === true
         )
@@ -56,14 +66,13 @@ module.exports = {
 
     /**
      * Checks if the passed prop has a default value
-     * @param {Property} prop - Property AST node for a single prop
+     * @param {ComponentObjectPropObject} prop - Property AST node for a single prop
      * @return {boolean}
      */
     function propHasDefault (prop) {
       const propDefaultNode = prop.value.properties
         .find(p =>
-          p.key &&
-          (p.key.name === 'default' || p.key.value === 'default')
+          p.type === 'Property' && utils.getStaticPropertyName(p) === 'default'
         )
 
       return Boolean(propDefaultNode)
@@ -71,23 +80,24 @@ module.exports = {
 
     /**
      * Finds all props that don't have a default value set
-     * @param {Array} props - Vue component's "props" node
-     * @return {Array} Array of props without "default" value
+     * @param {ComponentObjectProp[]} props - Vue component's "props" node
+     * @return {ComponentObjectProp[]} Array of props without "default" value
      */
     function findPropsWithoutDefaultValue (props) {
       return props
         .filter(prop => {
           if (prop.value.type !== 'ObjectExpression') {
-            return (prop.value.type !== 'CallExpression' && prop.value.type !== 'Identifier') || NATIVE_TYPES.has(prop.value.name)
+            return (prop.value.type !== 'CallExpression' && prop.value.type !== 'Identifier') ||
+              (prop.value.type === 'Identifier' && NATIVE_TYPES.has(prop.value.name))
           }
 
-          return !propIsRequired(prop) && !propHasDefault(prop)
+          return !propIsRequired(/** @type {ComponentObjectPropObject} */(prop)) && !propHasDefault(/** @type {ComponentObjectPropObject} */(prop))
         })
     }
 
     /**
      * Detects whether given value node is a Boolean type
-     * @param {Node} value
+     * @param {Expression | Pattern} value
      * @return {Boolean}
      */
     function isValueNodeOfBooleanType (value) {
@@ -104,7 +114,7 @@ module.exports = {
 
     /**
      * Detects whether given prop node is a Boolean
-     * @param {Node} prop
+     * @param {ComponentObjectProp} prop
      * @return {Boolean}
      */
     function isBooleanProp (prop) {
@@ -112,7 +122,8 @@ module.exports = {
 
       return isValueNodeOfBooleanType(value) || (
         value.type === 'ObjectExpression' &&
-        value.properties.find(p =>
+        value.properties.some(p =>
+          p.type === 'Property' &&
           p.key.type === 'Identifier' &&
           p.key.name === 'type' &&
           isValueNodeOfBooleanType(p.value)
@@ -122,8 +133,8 @@ module.exports = {
 
     /**
      * Excludes purely Boolean props from the Array
-     * @param {Array} props - Array with props
-     * @return {Array}
+     * @param {ComponentObjectProp[]} props - Array with props
+     * @return {ComponentObjectProp[]}
      */
     function excludeBooleanProps (props) {
       return props.filter(prop => !isBooleanProp(prop))
@@ -135,9 +146,9 @@ module.exports = {
 
     return utils.executeOnVue(context, (obj) => {
       const props = utils.getComponentProps(obj)
-        .filter(prop => prop.key && prop.value && !prop.node.shorthand)
+        .filter(prop => prop.key && prop.value && !(prop.node.type === 'Property' && prop.node.shorthand))
 
-      const propsWithoutDefault = findPropsWithoutDefaultValue(props)
+      const propsWithoutDefault = findPropsWithoutDefaultValue(/** @type {ComponentObjectProp[]} */(props))
       const propsToReport = excludeBooleanProps(propsWithoutDefault)
 
       for (const prop of propsToReport) {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b24420a3a..011ec6571 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -5,6 +5,23 @@
  */
 'use strict'
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintArrayExpression} ArrayExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
+ * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal
+ * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintMethodDefinition} MethodDefinition
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
+ * @typedef {import('vue-eslint-parser').AST.ESLintTemplateLiteral} TemplateLiteral
+ */
+
+/**
+ * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], propName: string} } ComponentArrayProp
+ * @typedef { {key: Property['key'], value: Property['value'], node: Property, propName: string} } ComponentObjectProp
+ */
+
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
@@ -382,7 +399,7 @@ module.exports = {
 
   /**
    * Gets the property name of a given node.
-   * @param {ASTNode} node - The node to get.
+   * @param {Property|MethodDefinition|MemberExpression|Literal|TemplateLiteral|Identifier} node - The node to get.
    * @return {string|null} The property name if static. Otherwise, null.
    */
   getStaticPropertyName (node) {
@@ -425,7 +442,7 @@ module.exports = {
   /**
    * Get all props by looking at all component's properties
    * @param {ObjectExpression} componentObject Object with component definition
-   * @return {Array} Array of component props in format: [{key?: String, value?: ASTNode, node: ASTNod}]
+   * @return {(ComponentArrayProp | ComponentObjectProp)[]} Array of component props in format: [{key?: String, value?: ASTNode, node: ASTNod}]
    */
   getComponentProps (componentObject) {
     const propsNode = componentObject.properties
@@ -844,8 +861,9 @@ module.exports = {
 
   /**
    * Unwrap typescript types like "X as F"
-   * @param {ASTNode} node
-   * @return {ASTNode}
+   * @template T
+   * @param {T} node
+   * @return {T}
    */
   unwrapTypes (node) {
     return node.type === 'TSAsExpression' ? node.expression : node
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index 62ee53342..b544921bd 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -153,6 +153,33 @@ ruleTester.run('require-default-prop', rule, {
           }
         }
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1040
+      filename: 'destructuring-test.vue',
+      code: `
+        export default {
+          props: {
+            foo: {
+              ...foo,
+              default: 0
+            },
+          }
+        }
+      `
+    },
+    {
+      filename: 'unknown-prop-details-test.vue',
+      code: `
+        export default {
+          props: {
+            foo: {
+              [bar]: true,
+              default: 0
+            },
+          }
+        }
+      `
     }
   ],
 
@@ -282,6 +309,33 @@ ruleTester.run('require-default-prop', rule, {
         message: `Prop '[baz.baz]' requires default value to be set.`,
         line: 6
       }]
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1040
+      filename: 'destructuring-test.vue',
+      code: `
+        export default {
+          props: {
+            foo: {
+              ...foo
+            },
+          }
+        }
+      `,
+      errors: ['Prop \'foo\' requires default value to be set.']
+    },
+    {
+      filename: 'unknown-prop-details-test.vue',
+      code: `
+        export default {
+          props: {
+            foo: {
+              [bar]: true
+            },
+          }
+        }
+      `,
+      errors: ['Prop \'foo\' requires default value to be set.']
     }
   ]
 })

From ca2c962d85b3039e0db1062bcc4ec0290cb476f4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 16 Feb 2020 18:51:44 +0900
Subject: [PATCH 0006/1010] Add `avoidEscape` option to `vue/html-quotes` rule
 (#1031)

---
 docs/rules/html-quotes.md      | 25 +++++++++++++++-
 lib/rules/html-quotes.js       | 39 ++++++++++++++++++++----
 tests/lib/rules/html-quotes.js | 54 ++++++++++++++++++++++++++++++++++
 3 files changed, 112 insertions(+), 6 deletions(-)

diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index aa0180de9..2d95009fe 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -43,13 +43,19 @@ Default is set to `double`.
 
 ```json
 {
-  "vue/html-quotes": ["error", "double" | "single"]
+  "vue/html-quotes": [ "error", "double" | "single", { "avoidEscape": false } ]
 }
 ```
 
+String option:
+
 - `"double"` (default) ... requires double quotes.
 - `"single"` ... requires single quotes.
 
+Object option:
+
+- `avoidEscape` ... If `true`, allows strings to use single-quotes or double-quotes so long as the string contains a quote that would have to be escaped otherwise.
+
 ### `"single"`
 
 <eslint-code-block fix :rules="{'vue/html-quotes': ['error', 'single']}">
@@ -67,6 +73,23 @@ Default is set to `double`.
 
 </eslint-code-block>
 
+### `"double", { "avoidEscape": true }`
+
+<eslint-code-block fix :rules="{'vue/html-quotes': ['error', 'double', { avoidEscape: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <img title='a string containing "double" quotes'>
+
+  <!-- ✗ BAD -->
+  <img title='foo'>
+  <img title=bar>
+</template>
+```
+
+</eslint-code-block>
+
 ## :books: Further reading
 
 - [Style guide - Quoted attribute values](https://vuejs.org/v2/style-guide/#Quoted-attribute-values-strongly-recommended)
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index c8392abef..b27b9d98d 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -25,17 +25,25 @@ module.exports = {
     },
     fixable: 'code',
     schema: [
-      { enum: ['double', 'single'] }
+      { enum: ['double', 'single'] },
+      {
+        type: 'object',
+        properties: {
+          avoidEscape: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
     ]
   },
 
   create (context) {
     const sourceCode = context.getSourceCode()
     const double = context.options[0] !== 'single'
+    const avoidEscape = context.options[1] && context.options[1].avoidEscape === true
     const quoteChar = double ? '"' : "'"
     const quoteName = double ? 'double quotes' : 'single quotes'
-    const quotePattern = double ? /"/g : /'/g
-    const quoteEscaped = double ? '&quot;' : '&apos;'
     let hasInvalidEOF
 
     return utils.defineTemplateBodyVisitor(context, {
@@ -48,14 +56,35 @@ module.exports = {
         const firstChar = text[0]
 
         if (firstChar !== quoteChar) {
+          const quoted = (firstChar === "'" || firstChar === '"')
+          if (avoidEscape && quoted) {
+            const contentText = text.slice(1, -1)
+            if (contentText.includes(quoteChar)) {
+              return
+            }
+          }
+
           context.report({
             node: node.value,
             loc: node.value.loc,
             message: 'Expected to be enclosed by {{kind}}.',
             data: { kind: quoteName },
             fix (fixer) {
-              const contentText = (firstChar === "'" || firstChar === '"') ? text.slice(1, -1) : text
-              const replacement = quoteChar + contentText.replace(quotePattern, quoteEscaped) + quoteChar
+              const contentText = quoted ? text.slice(1, -1) : text
+
+              const fixToDouble = avoidEscape && !quoted && contentText.includes(quoteChar)
+                ? (
+                  double
+                    ? contentText.includes("'")
+                    : !contentText.includes('"')
+                )
+                : double
+
+              const quotePattern = fixToDouble ? /"/g : /'/g
+              const quoteEscaped = fixToDouble ? '&quot;' : '&apos;'
+              const fixQuoteChar = fixToDouble ? '"' : "'"
+
+              const replacement = fixQuoteChar + contentText.replace(quotePattern, quoteEscaped) + fixQuoteChar
               return fixer.replaceText(node.value, replacement)
             }
           })
diff --git a/tests/lib/rules/html-quotes.js b/tests/lib/rules/html-quotes.js
index f54cc1d50..95338825a 100644
--- a/tests/lib/rules/html-quotes.js
+++ b/tests/lib/rules/html-quotes.js
@@ -55,6 +55,17 @@ tester.run('html-quotes', rule, {
       code: "<template><div :class='foo'></div></template>",
       options: ['single']
     },
+    // avoidEscape
+    {
+      filename: 'test.vue',
+      code: "<template><div attr='foo\"bar'></div></template>",
+      options: ['double', { avoidEscape: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><div attr=\"foo'bar\"></div></template>",
+      options: ['single', { avoidEscape: true }]
+    },
 
     // Invalid EOF
     {
@@ -166,6 +177,49 @@ tester.run('html-quotes', rule, {
       output: "<template><div :class='foo+&apos;bar&apos;'></div></template>",
       options: ['single'],
       errors: ['Expected to be enclosed by single quotes.']
+    },
+    // avoidEscape
+    {
+      filename: 'test.vue',
+      code: "<template><div attr='foo'></div></template>",
+      output: '<template><div attr="foo"></div></template>',
+      options: ['double', { avoidEscape: true }],
+      errors: ['Expected to be enclosed by double quotes.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div attr="bar"></div></template>',
+      output: "<template><div attr='bar'></div></template>",
+      options: ['single', { avoidEscape: true }],
+      errors: ['Expected to be enclosed by single quotes.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div attr=foo"bar></div></template>',
+      output: '<template><div attr=\'foo"bar\'></div></template>',
+      options: ['double', { avoidEscape: true }],
+      errors: ['Expected to be enclosed by double quotes.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div attr=foo\'bar></div></template>',
+      output: "<template><div attr=\"foo'bar\"></div></template>",
+      options: ['single', { avoidEscape: true }],
+      errors: ['Expected to be enclosed by single quotes.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div attr=foo"bar\'baz></div></template>',
+      output: '<template><div attr="foo&quot;bar\'baz"></div></template>',
+      options: ['double', { avoidEscape: true }],
+      errors: ['Expected to be enclosed by double quotes.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div attr=foo"bar\'baz></div></template>',
+      output: '<template><div attr=\'foo"bar&apos;baz\'></div></template>',
+      options: ['single', { avoidEscape: true }],
+      errors: ['Expected to be enclosed by single quotes.']
     }
   ]
 })

From 667bb2e3cfa30042895aae987f4f127bc8829edc Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 16 Feb 2020 19:04:32 +0900
Subject: [PATCH 0007/1010] version 6.2.0

---
 docs/rules/README.md    |  2 +-
 docs/rules/sort-keys.md | 12 ++++++------
 package.json            |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1e6d30bdc..ab1f5b220 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -169,7 +169,7 @@ For example:
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
-| [vue/sort-keys](./sort-keys.md) | enforce sort-keys within components after the top level details |  |
+| [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index 38939fd55..4202bd21c 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -5,11 +5,11 @@ title: vue/sort-keys
 description: enforce sort-keys in a manner that is compatible with order-in-components
 ---
 # vue/sort-keys
-> enforce sort-keys within components after the top level details
+> enforce sort-keys in a manner that is compatible with order-in-components
 
-This rule is almost the same rule as core [sorts-keys] rule but it will not error on top component properties allowing that order to be enforced with `order-in-components`.
+This rule is almost the same rule as core [sort-keys] rule but it will not error on top component properties allowing that order to be enforced with `order-in-components`.
 
-## Options
+## :wrench: Options
 
 ```json
 {
@@ -43,7 +43,7 @@ While using this rule, you may disable the normal `sort-keys` rule.  This rule w
 This rule forces many dictionary properties to be in alphabetical order while allowing `order-in-components`, property details,
 and other similar fields not to be in alphabetical order.
 
-<eslint-code-block fix :rules="{'vue/sort-keys': ['error']}">
+<eslint-code-block :rules="{'vue/sort-keys': ['error']}">
 
 ```vue
 <script>
@@ -70,7 +70,7 @@ export default {
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/sort-keys': ['error']}">
+<eslint-code-block :rules="{'vue/sort-keys': ['error']}">
 
 ```vue
 <script>
@@ -99,7 +99,7 @@ export default {
 
 ## :books: Further reading
 
-- [sorts-keys]
+- [sort-keys]
 
 [sort-keys]: https://eslint.org/docs/rules/sort-keys
 
diff --git a/package.json b/package.json
index 472689b0f..1212002bf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "6.1.2",
+  "version": "6.2.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From f558b79bfe1f09dfca4ee5d90c7d9e5f0155304d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 17 Feb 2020 22:38:51 +0900
Subject: [PATCH 0008/1010] Fixed false positives for binded and unbinded attrs
 in 'vue/attributes-order' with `alphabetical` option. (#1055)

* Fixed false positives for binded and unbinded attrs in 'vue/attributes-order' with `alphabetical` option.

* Fixed #1056

* test timeout to 300000ms

* revert timeout
---
 docs/rules/attributes-order.md      |  16 ++-
 lib/rules/attributes-order.js       |  23 ++++-
 tests/lib/rules/attributes-order.js | 150 ++++++++++++++++++++++++++++
 3 files changed, 182 insertions(+), 7 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 879ec1d57..59941462a 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -106,12 +106,13 @@ This rule aims to enforce ordering of component attributes. The default order is
       "EVENTS",
       "CONTENT"
     ],
-    "alphabetical": true
+    "alphabetical": false
   }]
 }
 ```
 
-### Alphabetical order 
+### `"alphabetical": true` 
+
 <eslint-code-block fix :rules="{'vue/attributes-order': ['error', {alphabetical: true}]}">
 
 ```vue
@@ -122,6 +123,8 @@ This rule aims to enforce ordering of component attributes. The default order is
       :another-custom-prop="value"
       :blue-color="false"
       boolean-prop
+      class="foo"
+      :class="bar"
       z-prop="Z"
       v-on:[c]="functionCall"
       @change="functionCall"
@@ -147,8 +150,13 @@ This rule aims to enforce ordering of component attributes. The default order is
     </div>
 
     <div
-      :a-prop="A"
-      :z-prop="Z">
+      :z-prop="Z"
+      :a-prop="A">
+    </div>
+
+    <div
+      :class="foo"
+      class="bar">
     </div>
 
 </template>
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index ac8afe283..32b1cb102 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -24,10 +24,20 @@ const ATTRS = {
 
 function getAttributeName (attribute, sourceCode) {
   const isBind = attribute.directive && attribute.key.name.name === 'bind'
-  debugger
   return isBind
     ? (attribute.key.argument ? sourceCode.getText(attribute.key.argument) : '')
-    : (attribute.directive ? sourceCode.getText(attribute.key.argument) : attribute.key.name)
+    : (attribute.directive ? getDirectiveKeyName(attribute.key, sourceCode) : attribute.key.name)
+}
+
+function getDirectiveKeyName (directiveKey, sourceCode) {
+  let text = 'v-' + directiveKey.name.name
+  if (directiveKey.argument) {
+    text += ':' + sourceCode.getText(directiveKey.argument)
+  }
+  for (const modifier of directiveKey.modifiers) {
+    text += '.' + modifier.name
+  }
+  return text
 }
 
 function getAttributeType (attribute, sourceCode) {
@@ -75,7 +85,14 @@ function getPosition (attribute, attributePosition, sourceCode) {
 function isAlphabetical (prevNode, currNode, sourceCode) {
   const isSameType = getAttributeType(prevNode, sourceCode) === getAttributeType(currNode, sourceCode)
   if (isSameType) {
-    return getAttributeName(prevNode, sourceCode) < getAttributeName(currNode, sourceCode)
+    const prevName = getAttributeName(prevNode, sourceCode)
+    const currName = getAttributeName(currNode, sourceCode)
+    if (prevName === currName) {
+      const prevIsBind = Boolean(prevNode.directive && prevNode.key.name.name === 'bind')
+      const currIsBind = Boolean(currNode.directive && currNode.key.name.name === 'bind')
+      return prevIsBind <= currIsBind
+    }
+    return prevName < currName
   }
   return true
 }
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 481148f9d..5583c9a1c 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -312,6 +312,72 @@ tester.run('attributes-order', rule, {
           </div>
         </template>`,
       options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            class="foo"
+            :class="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'duplicate.vue',
+      code:
+        `<template>
+          <div
+            class="foo"
+            class="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'duplicate.vue',
+      code:
+        `<template>
+          <div
+            :class="foo"
+            :class="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-if="foo"
+            v-show="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-bar="bar"
+            v-foo="foo">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-foo.a="a"
+            v-foo.b="b">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }]
     }
   ],
 
@@ -778,6 +844,90 @@ tester.run('attributes-order', rule, {
         message: 'Attribute "v-on:click" should go before "v-text".',
         type: 'VDirectiveKey'
       }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            :class="foo"
+            class="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            class="bar"
+            :class="foo">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "class" should go before ":class".'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-show="foo"
+            v-if="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            v-if="bar"
+            v-show="foo">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "v-if" should go before "v-show".'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-foo="foo"
+            v-bar="bar">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            v-bar="bar"
+            v-foo="foo">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "v-bar" should go before "v-foo".'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        `<template>
+          <div
+            v-foo.b="b"
+            v-foo.a="a">
+          </div>
+        </template>`,
+      options: [{ alphabetical: true }],
+      output:
+        `<template>
+          <div
+            v-foo.a="a"
+            v-foo.b="b">
+          </div>
+        </template>`,
+      errors: [{
+        message: 'Attribute "v-foo.a" should go before "v-foo.b".'
+      }]
     }
   ]
 })

From f955a55fcc144aedec0e9c8ee10905109c100ff8 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 17 Feb 2020 22:40:20 +0900
Subject: [PATCH 0009/1010] version v6.2.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1212002bf..1744009a5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From ab3bf3629fcccf032ef320b704a5b8b4f9dcafdc Mon Sep 17 00:00:00 2001
From: lily wang <lilywang711@users.noreply.github.com>
Date: Sat, 29 Feb 2020 09:37:28 +0800
Subject: [PATCH 0010/1010] Update jsx-uses-vars.md (#1060)

the variable should be `HelloWorld` not `Hello`
---
 docs/rules/jsx-uses-vars.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index 2b27c0645..3569bc008 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -30,7 +30,7 @@ export default {
 };
 ```
 
-After turning on, `Hello` is being marked as used and `no-unused-vars` rule doesn't report an issue.
+After turning on, `HelloWorld` is being marked as used and `no-unused-vars` rule doesn't report an issue.
 
 ## :mute: When Not To Use It
 

From e77081dd0a926b85d7b422e957f42bab66e885b3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 8 Mar 2020 18:32:33 +0900
Subject: [PATCH 0011/1010] Fixed no-use-v-if-with-v-for error when using
 destructuring for iteration or using iteration of expression (#1071)

---
 lib/rules/no-use-v-if-with-v-for.js       |  15 ++-
 tests/lib/rules/no-use-v-if-with-v-for.js | 113 ++++++++++++++++++++++
 2 files changed, 124 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 754086f7e..70d720750 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -37,7 +37,7 @@ function getVForUsingIterationVar (vIf) {
       variable.kind === 'v-for'
     )
     if (targetVFor) {
-      return targetVFor.id.parent
+      return targetVFor
     }
   }
   return undefined
@@ -76,13 +76,20 @@ module.exports = {
         if (utils.hasDirective(element, 'for')) {
           if (isUsingIterationVar(node)) {
             if (!allowUsingIterationVar) {
-              const vFor = getVForUsingIterationVar(node)
+              const vForVar = getVForUsingIterationVar(node)
+
+              let targetVForExpr = vForVar.id.parent
+              while (targetVForExpr.type !== 'VForExpression') {
+                targetVForExpr = targetVForExpr.parent
+              }
+              const iteratorNode = targetVForExpr.right
               context.report({
                 node,
                 loc: node.loc,
-                message: "The '{{iteratorName}}' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+                message: "The '{{iteratorName}}' {{kind}} inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
                 data: {
-                  iteratorName: vFor.right.name
+                  iteratorName: iteratorNode.type === 'Identifier' ? iteratorNode.name : context.getSourceCode().getText(iteratorNode),
+                  kind: iteratorNode.type === 'Identifier' ? 'variable' : 'expression'
                 }
               })
             }
diff --git a/tests/lib/rules/no-use-v-if-with-v-for.js b/tests/lib/rules/no-use-v-if-with-v-for.js
index a47e858a5..c8bcda784 100644
--- a/tests/lib/rules/no-use-v-if-with-v-for.js
+++ b/tests/lib/rules/no-use-v-if-with-v-for.js
@@ -73,6 +73,55 @@ tester.run('no-use-v-if-with-v-for', rule, {
           </ul>
         </template>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="{x} in list" v-if="x"></div></div></template>',
+      options: [{ allowUsingIterationVar: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="{x,y,z} in list" v-if="y.foo"></div></div></template>',
+      options: [{ allowUsingIterationVar: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="({x,y,z},i) in list" v-if="i%2==0"></div></div></template>',
+      options: [{ allowUsingIterationVar: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="shown"><div v-for="({x,y,z},i) in list"></div></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <ul>
+            <li
+              v-for="{user} in activeUsers"
+              :key="user.id"
+            >
+              {{ user.name }}
+            <li>
+          </ul>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <ul v-if="shouldShowUsers">
+            <li
+              v-for="{user} in users"
+              :key="user.id"
+            >
+              {{ user.name }}
+            <li>
+          </ul>
+        </template>
+      `
     }
   ],
   invalid: [
@@ -139,6 +188,70 @@ tester.run('no-use-v-if-with-v-for', rule, {
         message: "This 'v-if' should be moved to the wrapper element.",
         line: 6
       }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="{x,y,z} in list" v-if="z.isActive"></div></div></template>',
+      errors: [{
+        message: "The 'list' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <ul>
+            <li
+              v-for="{foo, bar, user} in users"
+              v-if="user.isActive"
+              :key="user.id"
+            >
+              {{ user.name }}
+            <li>
+          </ul>
+        </template>
+      `,
+      errors: [{
+        message: "The 'users' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+        line: 6
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <ul>
+            <li
+              v-for="{foo, bar, user} in users"
+              v-if="shouldShowUsers"
+              :key="user.id"
+            >
+              {{ user.name }}
+            <li>
+          </ul>
+        </template>
+      `,
+      errors: [{
+        message: "This 'v-if' should be moved to the wrapper element.",
+        line: 6
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="{x} in list()" v-if="x.isActive"></div></div></template>',
+      errors: [{
+        message: "The 'list()' expression inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="i in 5" v-if="i"></div></div></template>',
+      errors: [{
+        message: "The '5' expression inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+        line: 1
+      }]
     }
   ]
 })

From 800182c70fa20df858a46f949313f80e03a0f2ac Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 8 Mar 2020 18:34:11 +0900
Subject: [PATCH 0012/1010] 6.2.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1744009a5..e6d02ba4c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "6.2.1",
+  "version": "6.2.2",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From b86640a68a4fd0db81d462b47af47024003a3ec6 Mon Sep 17 00:00:00 2001
From: Erwan Rouchet <lucidiot@protonmail.com>
Date: Thu, 12 Mar 2020 11:46:29 +0100
Subject: [PATCH 0013/1010] Fix guide link on valid-v-bind-sync rule docs
 (#1076)

---
 docs/rules/valid-v-bind-sync.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 6e8d9504e..5c0018e19 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -62,7 +62,7 @@ Nothing.
 
 ## :books: Further reading
 
-- [Guide - `.sync` Modifier]([https://vuejs.org/v2/guide/list.html#v-for-with-a-Component](https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier))
+- [Guide - `.sync` Modifier](https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier)
 
 ## :mag: Implementation
 

From a72237d20e06bb92e167cbc39c8d4f7a898408a7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 16:22:05 +0900
Subject: [PATCH 0014/1010] Change the ruleset for categories (#1036)

- Change `plugin:vue/essential` config
  - Add `vue/valid-v-bind-sync` rule
  - Add `vue/valid-v-slot` rule
- Change `plugin:vue/strongly-recommended` config
  - Add `vue/component-definition-name-casing` rule
  - Add `vue/v-slot-style` rule
  - Remove `vue/name-property-casing` rule
- Change `plugin:vue/recommended` config
  - Add `vue/component-tags-order` rule
- To deprecate `vue/name-property-casing` rule.
---
 docs/rules/README.md                           | 12 ++++++------
 docs/rules/component-definition-name-casing.md |  1 +
 docs/rules/component-tags-order.md             |  2 ++
 docs/rules/name-property-casing.md             |  2 +-
 docs/rules/v-slot-style.md                     |  1 +
 docs/rules/valid-v-bind-sync.md                |  2 ++
 docs/rules/valid-v-slot.md                     |  2 ++
 lib/configs/essential.js                       |  2 ++
 lib/configs/recommended.js                     |  1 +
 lib/configs/strongly-recommended.js            |  5 +++--
 lib/rules/component-definition-name-casing.js  |  4 +---
 lib/rules/component-tags-order.js              |  4 +---
 lib/rules/name-property-casing.js              |  6 +++---
 lib/rules/v-slot-style.js                      |  4 +---
 lib/rules/valid-v-bind-sync.js                 |  4 +---
 lib/rules/valid-v-slot.js                      |  4 +---
 16 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ab1f5b220..b6457d6ba 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -58,6 +58,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
+| [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  |
 | [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
 | [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  |
 | [vue/valid-v-else-if](./valid-v-else-if.md) | enforce valid `v-else-if` directives |  |
@@ -70,6 +71,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  |
 | [vue/valid-v-pre](./valid-v-pre.md) | enforce valid `v-pre` directives |  |
 | [vue/valid-v-show](./valid-v-show.md) | enforce valid `v-show` directives |  |
+| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  |
 | [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  |
 
 ## Priority B: Strongly Recommended (Improving Readability)
@@ -85,6 +87,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: |
+| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
 | [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: |
 | [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: |
 | [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: |
@@ -94,7 +97,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/max-attributes-per-line](./max-attributes-per-line.md) | enforce the maximum number of attributes per line | :wrench: |
 | [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element | :wrench: |
 | [vue/mustache-interpolation-spacing](./mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations | :wrench: |
-| [vue/name-property-casing](./name-property-casing.md) | enforce specific casing for the name property in Vue components | :wrench: |
 | [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: |
 | [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: |
 | [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  |
@@ -104,6 +106,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
 | [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
 | [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: |
+| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
 
 ## Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
 
@@ -118,6 +121,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
+| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
 | [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template |  |
@@ -145,9 +149,7 @@ For example:
 | [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks | :wrench: |
 | [vue/camelcase](./camelcase.md) | enforce camelcase naming convention |  |
 | [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas | :wrench: |
-| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
 | [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |
@@ -174,9 +176,6 @@ For example:
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
-| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
-| [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  |
-| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  |
 
 ## Deprecated
 
@@ -185,4 +184,5 @@ For example:
 
 | Rule ID | Replaced by |
 |:--------|:------------|
+| [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) |
 | [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index d43d0ded9..d5566ca9c 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -7,6 +7,7 @@ description: enforce specific casing for component definition name
 # vue/component-definition-name-casing
 > enforce specific casing for component definition name
 
+- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for component definition name casing for consistency purposes.
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index d8c45447b..e66cb665a 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -7,6 +7,8 @@ description: enforce order of component top-level elements
 # vue/component-tags-order
 > enforce order of component top-level elements
 
+- :gear: This rule is included in `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rule warns about the order of the `<script>`, `<template>` & `<style>` tags.
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 98aa4a26c..852d4e71d 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -7,7 +7,7 @@ description: enforce specific casing for the name property in Vue components
 # vue/name-property-casing
 > enforce specific casing for the name property in Vue components
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 41b5ea6b4..9fdddaa77 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -7,6 +7,7 @@ description: enforce `v-slot` directive style
 # vue/v-slot-style
 > enforce `v-slot` directive style
 
+- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 5c0018e19..9ebd51fd1 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -7,6 +7,8 @@ description: enforce valid `.sync` modifier on `v-bind` directives
 # vue/valid-v-bind-sync
 > enforce valid `.sync` modifier on `v-bind` directives
 
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
 This rule checks whether every `.sync` modifier on `v-bind` directives is valid.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index edb17c8df..df3fce524 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -7,6 +7,8 @@ description: enforce valid `v-slot` directives
 # vue/valid-v-slot
 > enforce valid `v-slot` directives
 
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
 This rule checks whether every `v-slot` directive is valid.
 
 ## :book: Rule Details
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index a335310fe..a0a84ecbd 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -26,6 +26,7 @@ module.exports = {
     'vue/return-in-computed-property': 'error',
     'vue/use-v-on-exact': 'error',
     'vue/valid-template-root': 'error',
+    'vue/valid-v-bind-sync': 'error',
     'vue/valid-v-bind': 'error',
     'vue/valid-v-cloak': 'error',
     'vue/valid-v-else-if': 'error',
@@ -38,6 +39,7 @@ module.exports = {
     'vue/valid-v-once': 'error',
     'vue/valid-v-pre': 'error',
     'vue/valid-v-show': 'error',
+    'vue/valid-v-slot': 'error',
     'vue/valid-v-text': 'error'
   }
 }
diff --git a/lib/configs/recommended.js b/lib/configs/recommended.js
index 51bcc2e8c..e3ca8eba7 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/recommended.js
@@ -7,6 +7,7 @@ module.exports = {
   extends: require.resolve('./strongly-recommended'),
   rules: {
     'vue/attributes-order': 'warn',
+    'vue/component-tags-order': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
     'vue/this-in-template': 'warn'
diff --git a/lib/configs/strongly-recommended.js b/lib/configs/strongly-recommended.js
index 7c32816ce..22018866c 100644
--- a/lib/configs/strongly-recommended.js
+++ b/lib/configs/strongly-recommended.js
@@ -7,6 +7,7 @@ module.exports = {
   extends: require.resolve('./essential'),
   rules: {
     'vue/attribute-hyphenation': 'warn',
+    'vue/component-definition-name-casing': 'warn',
     'vue/html-closing-bracket-newline': 'warn',
     'vue/html-closing-bracket-spacing': 'warn',
     'vue/html-end-tags': 'warn',
@@ -16,7 +17,6 @@ module.exports = {
     'vue/max-attributes-per-line': 'warn',
     'vue/multiline-html-element-content-newline': 'warn',
     'vue/mustache-interpolation-spacing': 'warn',
-    'vue/name-property-casing': 'warn',
     'vue/no-multi-spaces': 'warn',
     'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
     'vue/no-template-shadow': 'warn',
@@ -25,6 +25,7 @@ module.exports = {
     'vue/require-prop-types': 'warn',
     'vue/singleline-html-element-content-newline': 'warn',
     'vue/v-bind-style': 'warn',
-    'vue/v-on-style': 'warn'
+    'vue/v-on-style': 'warn',
+    'vue/v-slot-style': 'warn'
   }
 }
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 9713cca22..efb3c3596 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -17,9 +17,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce specific casing for component definition name',
-      category: undefined,
-      // TODO Change with major version.
-      // category: 'strongly-recommended',
+      category: 'strongly-recommended',
       url: 'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
     },
     fixable: 'code', // or "code" or "whitespace"
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 7129aa36e..3cfb74849 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -21,9 +21,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of component top-level elements',
-      category: undefined,
-      // TODO Change with major version.
-      // category: 'recommended',
+      category: 'recommended',
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
     fixable: null,
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index 98403b31a..979872331 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -18,10 +18,10 @@ module.exports = {
     docs: {
       description: 'enforce specific casing for the name property in Vue components',
       category: 'strongly-recommended',
-      url: 'https://eslint.vuejs.org/rules/name-property-casing.html'
+      url: 'https://eslint.vuejs.org/rules/name-property-casing.html',
+      replacedBy: ['component-definition-name-casing']
     },
-    // deprecated: true, // TODO Change with major version.
-    // replacedBy: ['component-definition-name-casing'], // TODO Change with major version.
+    deprecated: true,
     fixable: 'code', // or "code" or "whitespace"
     schema: [
       {
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index 782dc435c..1fc51ec0a 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -77,9 +77,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-slot` directive style',
-      category: undefined, // strongly-recommended
-      // TODO Change with major version.
-      // category: 'strongly-recommended',
+      category: 'strongly-recommended',
       url: 'https://eslint.vuejs.org/rules/v-slot-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index e8a03fbfb..a0029ea61 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -52,9 +52,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `.sync` modifier on `v-bind` directives',
-      category: undefined,
-      // TODO Change with major version.
-      // category: 'essential',
+      category: 'essential',
       url: 'https://eslint.vuejs.org/rules/valid-v-bind-sync.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 3b2b57b76..2704ce817 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -142,9 +142,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-slot` directives',
-      category: undefined, // essential
-      // TODO Change with major version.
-      // category: 'essential',
+      category: 'essential',
       url: 'https://eslint.vuejs.org/rules/valid-v-slot.html'
     },
     fixable: null,

From d8e728addfd2fab019c5b17ef582555544a16fea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20Fa=C5=82owski?= <przemkow92@gmail.com>
Date: Sat, 14 Mar 2020 08:36:03 +0100
Subject: [PATCH 0015/1010] Feature/support for fragments (#1038)

* feat: update valid-template-root to support Vue 3 requirements

* feat: implement no-multiple-template-root method basing on valid-template-root implementation for Vue 2
---
 docs/rules/README.md                         |   1 +
 docs/rules/no-multiple-template-root.md      |  65 ++++++++++++
 docs/rules/valid-template-root.md            |  38 +------
 lib/configs/essential.js                     |   1 +
 lib/index.js                                 |   1 +
 lib/rules/no-multiple-template-root.js       |  98 ++++++++++++++++++
 lib/rules/valid-template-root.js             |  69 +++----------
 tests/lib/rules/no-multiple-template-root.js | 100 +++++++++++++++++++
 tests/lib/rules/valid-template-root.js       |  36 +++----
 9 files changed, 294 insertions(+), 115 deletions(-)
 create mode 100644 docs/rules/no-multiple-template-root.md
 create mode 100644 lib/rules/no-multiple-template-root.js
 create mode 100644 tests/lib/rules/no-multiple-template-root.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b6457d6ba..6699f77ca 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -41,6 +41,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
+| [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
new file mode 100644
index 000000000..e22cb0f42
--- /dev/null
+++ b/docs/rules/no-multiple-template-root.md
@@ -0,0 +1,65 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-multiple-template-root
+description: disallow adding multiple root nodes to the template
+---
+# vue/no-multiple-template-root
+> disallow adding multiple root nodes to the template
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+This rule checks whether template contains single root element valid for Vue 2.
+
+
+<eslint-code-block :rules="{'vue/no-multiple-template-root': ['error']}">
+
+```vue
+<!-- The root is text -->
+<template>Lorem ipsum</template>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-multiple-template-root': ['error']}">
+
+```vue
+<!-- There are multiple root elements -->
+<template>
+  <div>hello</div>
+  <div>hello</div>
+</template>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-multiple-template-root': ['error']}">
+
+```vue
+<!-- The root element has `v-for` directives -->
+<template>
+  <div v-for="item in items"/>
+</template>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-multiple-template-root': ['error']}">
+
+```vue
+<!-- The root element is `<template>` or `<slot>` -->
+<template>
+  <slot />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-template-root.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-multiple-template-root.js)
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index 777a674d7..7d6e07782 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -27,42 +27,8 @@ This rule reports the template root in the following cases:
 <eslint-code-block :rules="{'vue/valid-template-root': ['error']}">
 
 ```vue
-<!-- The root is text -->
-<template>Lorem ipsum</template>
-```
-
-</eslint-code-block>
-
-<eslint-code-block :rules="{'vue/valid-template-root': ['error']}">
-
-```vue
-<!-- There are multiple root elements -->
-<template>
-  <div>hello</div>
-  <div>hello</div>
-</template>
-```
-
-</eslint-code-block>
-
-<eslint-code-block :rules="{'vue/valid-template-root': ['error']}">
-
-```vue
-<!-- The root element has `v-for` directives -->
-<template>
-  <div v-for="item in items"/>
-</template>
-```
-
-</eslint-code-block>
-
-<eslint-code-block :rules="{'vue/valid-template-root': ['error']}">
-
-```vue
-<!-- The root element is `<template>` or `<slot>` -->
-<template>
-  <slot />
-</template>
+<!-- The root with src attribute is not empty -->
+<template src="foo.html"><div></div></template>
 ```
 
 </eslint-code-block>
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index a0a84ecbd..aa4a281dd 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -9,6 +9,7 @@ module.exports = {
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-duplicate-attributes': 'error',
+    'vue/no-multiple-template-root': 'error',
     'vue/no-parsing-error': 'error',
     'vue/no-reserved-keys': 'error',
     'vue/no-shared-component-data': 'error',
diff --git a/lib/index.js b/lib/index.js
index 02e65ba96..990755824 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -47,6 +47,7 @@ module.exports = {
     'no-empty-pattern': require('./rules/no-empty-pattern'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
+    'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
new file mode 100644
index 000000000..d4de9461e
--- /dev/null
+++ b/lib/rules/no-multiple-template-root.js
@@ -0,0 +1,98 @@
+/**
+ * @fileoverview disallow adding multiple root nodes to the template
+ * @author Przemyslaw Falowski (@przemkow)
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow adding multiple root nodes to the template',
+      category: 'essential',
+      url: 'https://eslint.vuejs.org/rules/no-multiple-template-root.html'
+    },
+    fixable: null,
+    schema: []
+  },
+
+  create: function (context) {
+    const sourceCode = context.getSourceCode()
+
+    return {
+      Program (program) {
+        const element = program.templateBody
+        if (element == null) {
+          return
+        }
+
+        const rootElements = []
+        let extraText = null
+        let extraElement = null
+        let vIf = false
+        for (const child of element.children) {
+          if (child.type === 'VElement') {
+            if (rootElements.length === 0) {
+              rootElements.push(child)
+              vIf = utils.hasDirective(child, 'if')
+            } else if (vIf && utils.hasDirective(child, 'else-if')) {
+              rootElements.push(child)
+            } else if (vIf && utils.hasDirective(child, 'else')) {
+              rootElements.push(child)
+              vIf = false
+            } else {
+              extraElement = child
+            }
+          } else if (sourceCode.getText(child).trim() !== '') {
+            extraText = child
+          }
+        }
+
+        if (extraText != null) {
+          context.report({
+            node: extraText,
+            loc: extraText.loc,
+            message: 'The template root requires an element rather than texts.'
+          })
+        } else if (extraElement != null) {
+          context.report({
+            node: extraElement,
+            loc: extraElement.loc,
+            message: 'The template root requires exactly one element.'
+          })
+        } else {
+          for (const element of rootElements) {
+            const tag = element.startTag
+            const name = element.name
+
+            if (name === 'template' || name === 'slot') {
+              context.report({
+                node: tag,
+                loc: tag.loc,
+                message: "The template root disallows '<{{name}}>' elements.",
+                data: { name }
+              })
+            }
+            if (utils.hasDirective(element, 'for')) {
+              context.report({
+                node: tag,
+                loc: tag.loc,
+                message: "The template root disallows 'v-for' directives."
+              })
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index 2932435df..860b550d4 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -39,72 +39,27 @@ module.exports = {
 
         const hasSrc = utils.hasAttribute(element, 'src')
         const rootElements = []
-        let extraText = null
-        let extraElement = null
-        let vIf = false
+
         for (const child of element.children) {
-          if (child.type === 'VElement') {
-            if (rootElements.length === 0 && !hasSrc) {
-              rootElements.push(child)
-              vIf = utils.hasDirective(child, 'if')
-            } else if (vIf && utils.hasDirective(child, 'else-if')) {
-              rootElements.push(child)
-            } else if (vIf && utils.hasDirective(child, 'else')) {
-              rootElements.push(child)
-              vIf = false
-            } else {
-              extraElement = child
-            }
-          } else if (sourceCode.getText(child).trim() !== '') {
-            extraText = child
+          if (sourceCode.getText(child).trim() !== '') {
+            rootElements.push(child)
           }
         }
 
-        if (hasSrc && (extraText != null || extraElement != null)) {
-          context.report({
-            node: extraText || extraElement,
-            loc: (extraText || extraElement).loc,
-            message: "The template root with 'src' attribute is required to be empty."
-          })
-        } else if (extraText != null) {
-          context.report({
-            node: extraText,
-            loc: extraText.loc,
-            message: 'The template root requires an element rather than texts.'
-          })
-        } else if (extraElement != null) {
-          context.report({
-            node: extraElement,
-            loc: extraElement.loc,
-            message: 'The template root requires exactly one element.'
-          })
+        if (hasSrc && rootElements.length) {
+          for (const element of rootElements) {
+            context.report({
+              node: element,
+              loc: element.loc,
+              message: "The template root with 'src' attribute is required to be empty."
+            })
+          }
         } else if (rootElements.length === 0 && !hasSrc) {
           context.report({
             node: element,
             loc: element.loc,
-            message: 'The template root requires exactly one element.'
+            message: 'The template requires child element.'
           })
-        } else {
-          for (const element of rootElements) {
-            const tag = element.startTag
-            const name = element.name
-
-            if (name === 'template' || name === 'slot') {
-              context.report({
-                node: tag,
-                loc: tag.loc,
-                message: "The template root disallows '<{{name}}>' elements.",
-                data: { name }
-              })
-            }
-            if (utils.hasDirective(element, 'for')) {
-              context.report({
-                node: tag,
-                loc: tag.loc,
-                message: "The template root disallows 'v-for' directives."
-              })
-            }
-          }
         }
       }
     }
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
new file mode 100644
index 000000000..3c8a99bc5
--- /dev/null
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -0,0 +1,100 @@
+/**
+ * @fileoverview disallow adding multiple root nodes to the template
+ * @author Przemyslaw Falowski (@przemkow)
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+var rule = require('../../../lib/rules/no-multiple-template-root')
+
+var RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+ruleTester.run('no-multiple-template-root', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div>abc</div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <div>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <!-- comment -->\n    <div>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>\n    <c1 v-if="1" />\n    <c2 v-else-if="1" />\n    <c3 v-else />\n</template>`
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div></div><div></div></template>',
+      errors: ['The template root requires exactly one element.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <div></div>\n    <div></div>\n</template>',
+      errors: ['The template root requires exactly one element.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>{{a b c}}</template>',
+      errors: ['The template root requires an element rather than texts.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div></div>aaaaaa</template>',
+      errors: ['The template root requires an element rather than texts.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>aaaaaa<div></div></template>',
+      errors: ['The template root requires an element rather than texts.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x in list"></div></template>',
+      errors: ["The template root disallows 'v-for' directives."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><slot></slot></template>',
+      errors: ["The template root disallows '<slot>' elements."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><template></template></template>',
+      errors: ["The template root disallows '<template>' elements."]
+    }
+  ]
+})
diff --git a/tests/lib/rules/valid-template-root.js b/tests/lib/rules/valid-template-root.js
index 2fd9dbc05..033188cca 100644
--- a/tests/lib/rules/valid-template-root.js
+++ b/tests/lib/rules/valid-template-root.js
@@ -74,53 +74,45 @@ tester.run('valid-template-root', rule, {
     {
       filename: 'test.vue',
       code: '<template lang="pug">test</template>'
-    }
-  ],
-  invalid: [
+    },
     {
       filename: 'test.vue',
-      code: '<template>\n</template>',
-      errors: ['The template root requires exactly one element.']
+      code: '<template><div></div><div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div></div><div></div></template>',
-      errors: ['The template root requires exactly one element.']
+      code: '<template>\n    <div></div>\n    <div></div>\n</template>'
     },
     {
       filename: 'test.vue',
-      code: '<template>\n    <div></div>\n    <div></div>\n</template>',
-      errors: ['The template root requires exactly one element.']
+      code: '<template>{{a b c}}</template>'
     },
     {
       filename: 'test.vue',
-      code: '<template>{{a b c}}</template>',
-      errors: ['The template root requires an element rather than texts.']
+      code: '<template><div></div>aaaaaa</template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div></div>aaaaaa</template>',
-      errors: ['The template root requires an element rather than texts.']
+      code: '<template>aaaaaa<div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template>aaaaaa<div></div></template>',
-      errors: ['The template root requires an element rather than texts.']
+      code: '<template><div v-for="x in list"></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-for="x in list"></div></template>',
-      errors: ["The template root disallows 'v-for' directives."]
+      code: '<template><slot></slot></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><slot></slot></template>',
-      errors: ["The template root disallows '<slot>' elements."]
-    },
+      code: '<template><template></template></template>'
+    }
+  ],
+  invalid: [
     {
       filename: 'test.vue',
-      code: '<template><template></template></template>',
-      errors: ["The template root disallows '<template>' elements."]
+      code: '<template>\n</template>',
+      errors: ['The template requires child element.']
     },
     {
       filename: 'test.vue',

From ef9515518aa0c43cb4b865a357570d5dd5a9b684 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20Fa=C5=82owski?= <przemkow92@gmail.com>
Date: Sat, 14 Mar 2020 08:53:23 +0100
Subject: [PATCH 0016/1010] Vue3 v-model API changes (#1039)

* feat(RFC0005): allow v-model argument when v-model is used on custom component

* feat(RFC0005): add no-v-model-argument rule which disallows v-model arguments.

Vue 2 compatibility rule

* feat(RFC0005): add no-deprecated-v-bind-sync rule

* feat(RFC0005): provide autofix fix for deprecated v-bind.prop.sync modifier

* feat(RFC0011): add support for custom modifiers in valid-v-model used on Vue component

* feat(RFC0011): add vue/no-custom-modifiers-on-v-model rule which checks if v-model has not allowed modifiers (Vue 2 backward compatibility)
---
 docs/rules/README.md                          |   3 +
 docs/rules/no-custom-modifiers-on-v-model.md  |  53 ++++++
 docs/rules/no-deprecated-v-bind-sync.md       |  52 ++++++
 docs/rules/no-v-model-argument.md             |  49 ++++++
 docs/rules/valid-v-bind.md                    |   8 +
 docs/rules/valid-v-model.md                   |   7 +-
 lib/configs/essential.js                      |   2 +
 lib/index.js                                  |   3 +
 lib/rules/no-custom-modifiers-on-v-model.js   |  57 +++++++
 lib/rules/no-deprecated-v-bind-sync.js        |  54 ++++++
 lib/rules/no-v-model-argument.js              |  47 ++++++
 lib/rules/valid-v-model.js                    |  27 +--
 .../rules/no-custom-modifiers-on-v-model.js   |  72 ++++++++
 tests/lib/rules/no-deprecated-v-bind-sync.js  | 154 ++++++++++++++++++
 tests/lib/rules/no-v-model-argument.js        |  44 +++++
 tests/lib/rules/valid-v-model.js              |  20 +++
 16 files changed, 638 insertions(+), 14 deletions(-)
 create mode 100644 docs/rules/no-custom-modifiers-on-v-model.md
 create mode 100644 docs/rules/no-deprecated-v-bind-sync.md
 create mode 100644 docs/rules/no-v-model-argument.md
 create mode 100644 lib/rules/no-custom-modifiers-on-v-model.js
 create mode 100644 lib/rules/no-deprecated-v-bind-sync.js
 create mode 100644 lib/rules/no-v-model-argument.js
 create mode 100644 tests/lib/rules/no-custom-modifiers-on-v-model.js
 create mode 100644 tests/lib/rules/no-deprecated-v-bind-sync.js
 create mode 100644 tests/lib/rules/no-v-model-argument.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 6699f77ca..d0aed44cd 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -39,6 +39,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
+| [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  |
@@ -51,6 +52,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
 | [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
@@ -161,6 +163,7 @@ For example:
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
+| [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
new file mode 100644
index 000000000..f204294b0
--- /dev/null
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -0,0 +1,53 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-custom-modifiers-on-v-model
+description: disallow custom modifiers on v-model used on the component
+---
+# vue/no-custom-modifiers-on-v-model
+> disallow custom modifiers on v-model used on the component
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+This rule checks whether `v-model `used on the component do not have custom modifiers.
+
+## Rule Details
+
+This rule reports `v-model` directives in the following cases:
+
+- The directive used on the component has custom modifiers. E.g. `<MyComponent v-model.aaa="foo" />`
+
+<eslint-code-block :rules="{'vue/no-custom-modifiers-on-v-model': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-model="foo" />
+  <MyComponent v-model.trim="foo" />
+  <MyComponent v-model.lazy="foo" />
+  <MyComponent v-model.number="foo" />
+
+
+  <!-- ✗ BAD -->
+  <MyComponent v-model.aaa="foo" />
+  <MyComponent v-model.aaa.bbb="foo" />
+
+</template>
+```
+
+</eslint-code-block>
+
+### Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [valid-v-model]
+
+[valid-v-model]: valid-v-model.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-custom-modifiers-on-v-model.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-custom-modifiers-on-v-model.js)
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
new file mode 100644
index 000000000..056b10a91
--- /dev/null
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -0,0 +1,52 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-v-bind-sync
+description: disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-v-bind-sync
+> disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-v-bind-sync': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-bind:propName="foo"/>
+  <MyComponent :propName="foo"/>
+
+
+  <!-- ✗ BAD -->
+  <MyComponent v-bind:propName.sync="foo"/>
+  <MyComponent v-bind:[dynamiArg].sync="foo"/>
+  <MyComponent v-bind.sync="foo"/>
+  <MyComponent :propName.sync="foo"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [valid-v-bind]
+
+[valid-v-bind]: valid-v-bind.md
+
+## :books: Further reading
+
+- [RFC: Replace v-bind.sync with v-model argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-bind-sync.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-v-bind-sync.js)
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
new file mode 100644
index 000000000..f67b3a3b6
--- /dev/null
+++ b/docs/rules/no-v-model-argument.md
@@ -0,0 +1,49 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-v-model-argument
+description: disallow adding an argument to `v-model` used in custom component
+---
+# vue/no-v-model-argument
+> disallow adding an argument to `v-model` used in custom component
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+This rule checks whether `v-model` used on custom component do not have an argument.
+
+## :book: Rule Details
+
+This rule reports `v-model` directives in the following cases:
+
+- The directive used on component has an argument. E.g. `<MyComponent v-model:aaa="foo" />`
+
+<eslint-code-block :rules="{'vue/no-v-model-argument': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-model="foo" />
+
+
+  <!-- ✗ BAD -->
+  <MyComponent v-model:aaa="foo" />
+</template>
+```
+
+</eslint-code-block>
+
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [valid-v-model]
+
+[valid-v-model]: valid-v-model.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-model-argument.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-v-model-argument.js)
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index 30d096e42..03c550f44 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -54,6 +54,14 @@ Nothing.
 
 [no-parsing-error]: no-parsing-error.md
 
+- [no-deprecated-v-bind-sync]
+
+[no-deprecated-v-bind-sync]: no-deprecated-v-bind-sync.md
+
+- [valid-v-bind-sync]
+
+[valid-v-bind-sync]: valid-v-bind-sync.md
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-bind.js)
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 0aa8a7531..934b5edff 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -15,8 +15,8 @@ This rule checks whether every `v-model` directive is valid.
 
 This rule reports `v-model` directives in the following cases:
 
-- The directive has that argument. E.g. `<input v-model:aaa="foo">`
-- The directive has the modifiers which are not supported. E.g. `<input v-model.bbb="foo">`
+- The directive used on HTMLElement has an argument. E.g. `<input v-model:aaa="foo">`
+- The directive used on HTMLElement has modifiers which are not supported. E.g. `<input v-model.bbb="foo">`
 - The directive does not have that attribute value. E.g. `<input v-model>`
 - The directive does not have the attribute value which is valid as LHS. E.g. `<input v-model="foo() + bar()">`
 - The directive is on unsupported elements. E.g. `<div v-model="foo"></div>`
@@ -32,6 +32,9 @@ This rule reports `v-model` directives in the following cases:
   <input v-model.lazy="foo">
   <textarea v-model="foo"/>
   <MyComponent v-model="foo"/>
+  <MyComponent v-model:propName="foo"/>
+  <MyComponent v-model.modifier="foo"/>
+  <MyComponent v-model:propName.modifier="foo"/>
   <div v-for="todo in todos">
     <input v-model="todo.name">
   </div>
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index aa4a281dd..21335f197 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -7,6 +7,7 @@ module.exports = {
   extends: require.resolve('./base'),
   rules: {
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-custom-modifiers-on-v-model': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-multiple-template-root': 'error',
@@ -19,6 +20,7 @@ module.exports = {
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
+    'vue/no-v-model-argument': 'error',
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
diff --git a/lib/index.js b/lib/index.js
index 990755824..c13af25c9 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -39,9 +39,11 @@ module.exports = {
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
+    'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
+    'no-deprecated-v-bind-sync': require('./rules/no-deprecated-v-bind-sync'),
     'no-dupe-keys': require('./rules/no-dupe-keys'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
@@ -64,6 +66,7 @@ module.exports = {
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-v-html': require('./rules/no-v-html'),
+    'no-v-model-argument': require('./rules/no-v-model-argument'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
diff --git a/lib/rules/no-custom-modifiers-on-v-model.js b/lib/rules/no-custom-modifiers-on-v-model.js
new file mode 100644
index 000000000..0d4305afe
--- /dev/null
+++ b/lib/rules/no-custom-modifiers-on-v-model.js
@@ -0,0 +1,57 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview This rule checks whether v-model used on the component do not have custom modifiers
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const VALID_MODIFIERS = new Set(['lazy', 'number', 'trim'])
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow custom modifiers on v-model used on the component',
+      category: 'essential',
+      url: 'https://eslint.vuejs.org/rules/no-custom-modifiers-on-v-model.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      notSupportedModifier: "'v-model' directives don't support the modifier '{{name}}'."
+    }
+  },
+  create (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='model']" (node) {
+        const element = node.parent.parent
+
+        if (utils.isCustomComponent(element)) {
+          for (const modifier of node.key.modifiers) {
+            if (!VALID_MODIFIERS.has(modifier.name)) {
+              context.report({
+                node,
+                loc: node.loc,
+                messageId: 'notSupportedModifier',
+                data: { name: modifier.name }
+              })
+            }
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/lib/rules/no-deprecated-v-bind-sync.js b/lib/rules/no-deprecated-v-bind-sync.js
new file mode 100644
index 000000000..240e3b0b3
--- /dev/null
+++ b/lib/rules/no-deprecated-v-bind-sync.js
@@ -0,0 +1,54 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview Disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)',
+      category: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-bind-sync.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      syncModifierIsDeprecated: "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+    }
+  },
+  create (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='bind']" (node) {
+        if (node.key.modifiers.map(mod => mod.name).includes('sync')) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'syncModifierIsDeprecated',
+            fix: (fixer) => {
+              const isUsingSpreadSyntax = node.key.argument == null
+              const hasMultipleModifiers = node.key.modifiers.length > 1
+              if (isUsingSpreadSyntax || hasMultipleModifiers) {
+                return
+              }
+
+              const bindArgument = context.getSourceCode().getText(node.key.argument)
+              return fixer.replaceText(node.key, `v-model:${bindArgument}`)
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
new file mode 100644
index 000000000..85b149ea6
--- /dev/null
+++ b/lib/rules/no-v-model-argument.js
@@ -0,0 +1,47 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview This rule checks whether v-model used on custom component do not have an argument
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow adding an argument to `v-model` used in custom component',
+      category: 'essential',
+      url: 'https://eslint.vuejs.org/rules/no-v-model-argument.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      vModelRequireNoArgument: "'v-model' directives require no argument."
+    }
+  },
+
+  create (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='model']" (node) {
+        const element = node.parent.parent
+
+        if (node.key.argument && utils.isCustomComponent(element)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'vModelRequireNoArgument'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index d969f2c0e..69b358906 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -112,24 +112,27 @@ module.exports = {
           })
         }
 
-        if (node.key.argument) {
-          context.report({
-            node,
-            loc: node.loc,
-            message: "'v-model' directives require no argument."
-          })
-        }
-
-        for (const modifier of node.key.modifiers) {
-          if (!VALID_MODIFIERS.has(modifier.name)) {
+        if (!utils.isCustomComponent(element)) {
+          if (node.key.argument) {
             context.report({
               node,
               loc: node.loc,
-              message: "'v-model' directives don't support the modifier '{{name}}'.",
-              data: { name: modifier.name }
+              message: "'v-model' directives require no argument."
             })
           }
+
+          for (const modifier of node.key.modifiers) {
+            if (!VALID_MODIFIERS.has(modifier.name)) {
+              context.report({
+                node,
+                loc: node.loc,
+                message: "'v-model' directives don't support the modifier '{{name}}'.",
+                data: { name: modifier.name }
+              })
+            }
+          }
         }
+
         if (!utils.hasAttributeValue(node)) {
           context.report({
             node,
diff --git a/tests/lib/rules/no-custom-modifiers-on-v-model.js b/tests/lib/rules/no-custom-modifiers-on-v-model.js
new file mode 100644
index 000000000..ad80cdb77
--- /dev/null
+++ b/tests/lib/rules/no-custom-modifiers-on-v-model.js
@@ -0,0 +1,72 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview This rule checks whether v-model used on the component do not have custom modifiers
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-custom-modifiers-on-v-model')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-custom-modifiers-on-v-model', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:propName="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:propName.trim="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model.trim="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:propName.lazy="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model.lazy="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:propName.number="foo"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model.number="foo"></template>'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:propName.aaa="foo"></template>',
+      errors: ["'v-model' directives don't support the modifier 'aaa'."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model.aaa="foo"></template>',
+      errors: ["'v-model' directives don't support the modifier 'aaa'."]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
new file mode 100644
index 000000000..6cf900265
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -0,0 +1,154 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview Disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-v-bind-sync')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-deprecated-v-bind-sync', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent v-bind:foo='bar'/></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent :foo='bar'/></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent v-bind:[dynamicArg]='bar'/></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent :[dynamicArg]='bar'/></template>"
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent v-bind:foo.sync='bar'/></template>",
+      output: "<template><MyComponent v-model:foo='bar'/></template>",
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent :foo.sync='bar'/></template>",
+      output: "<template><MyComponent v-model:foo='bar'/></template>",
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent v-bind:[dynamicArg].sync='bar'/></template>",
+      output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent :[dynamicArg].sync='bar'/></template>",
+      output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><MyComponent v-bind.sync='bar'/></template>",
+      output: "<template><MyComponent v-bind.sync='bar'/></template>",
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
+      output: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
+      output: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="x.foo" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x - 1]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`${x}`]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`prefix_${x}`]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x ? x : \'_\']" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x || \'_\']" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x()]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[typeof x]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>',
+      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[tag`${x}`]" /></div></div></template>',
+      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-v-model-argument.js b/tests/lib/rules/no-v-model-argument.js
new file mode 100644
index 000000000..5cf5c5952
--- /dev/null
+++ b/tests/lib/rules/no-v-model-argument.js
@@ -0,0 +1,44 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview This rule checks whether v-model used on custom component do not have an argument
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-v-model-argument')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-v-model-argument', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="bar"></MyComponent></template>'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:foo="bar"></MyComponent></template>',
+      errors: ["'v-model' directives require no argument."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:foo.trim="bar"></MyComponent></template>',
+      errors: ["'v-model' directives require no argument."]
+    }
+  ]
+})
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index f267ad455..9b2d19cc6 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -114,6 +114,26 @@ tester.run('valid-v-model', rule, {
     {
       filename: 'test.vue',
       code: '<template><input v-bind:type="a" v-model="b"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:aaa="a"></MyComponent></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:aaa.modifier="a"></MyComponent></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model.modifier="a"></MyComponent></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model:aaa.modifier.modifierTwo="a"></MyComponent></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
     }
   ],
   invalid: [

From bd770c2c474fe74eda56c40572b968bb2bacff27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20Fa=C5=82owski?= <przemkow92@gmail.com>
Date: Sat, 14 Mar 2020 09:00:51 +0100
Subject: [PATCH 0017/1010] feat(RFC0015): add no-deprecated-filter rule
 (#1043)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                    |  1 +
 docs/rules/no-deprecated-filter.md      | 50 +++++++++++++++++
 lib/index.js                            |  1 +
 lib/rules/no-deprecated-filter.js       | 43 +++++++++++++++
 tests/lib/rules/no-deprecated-filter.js | 72 +++++++++++++++++++++++++
 5 files changed, 167 insertions(+)
 create mode 100644 docs/rules/no-deprecated-filter.md
 create mode 100644 lib/rules/no-deprecated-filter.js
 create mode 100644 tests/lib/rules/no-deprecated-filter.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d0aed44cd..19a260621 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -160,6 +160,7 @@ For example:
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
+| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
new file mode 100644
index 000000000..f72a8ee8b
--- /dev/null
+++ b/docs/rules/no-deprecated-filter.md
@@ -0,0 +1,50 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-filter
+description: disallow using deprecated filters syntax
+---
+# vue/no-deprecated-filter
+> disallow using deprecated filters syntax
+
+
+## :book: Rule Details
+
+This rule reports deprecated `filters` syntax (removed in Vue.js v3.0.0+)
+
+<eslint-code-block :rules="{'vue/no-deprecated-filter': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  {{ filter(msg) }}
+  {{ filter(msg, '€') }}
+  {{ filterB(filterA(msg)) }}
+  <div v-bind:id="filter(msg)"></div>
+  <div v-bind:id="filter(msg, '€')"></div>
+  <div v-bind:id="filterB(filterA(msg))"></div>
+
+  <!-- ✗ BAD -->
+  {{ msg | filter }}
+  {{ msg | filter('€') }}
+  {{ msg | filterA | filterB }}
+  <div v-bind:id="msg | filter"></div>
+  <div v-bind:id="msg | filter('€')"></div>
+  <div v-bind:id="msg | filterA | filterB"></div>
+</template>
+```
+
+</eslint-code-block>
+
+### :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - Remove support for filters.](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-filter.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-filter.js)
diff --git a/lib/index.js b/lib/index.js
index c13af25c9..a8ebcd318 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -39,6 +39,7 @@ module.exports = {
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
+    'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
diff --git a/lib/rules/no-deprecated-filter.js b/lib/rules/no-deprecated-filter.js
new file mode 100644
index 000000000..2ec4256e1
--- /dev/null
+++ b/lib/rules/no-deprecated-filter.js
@@ -0,0 +1,43 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview disallow using deprecated filters syntax
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated filters syntax',
+      category: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-filter.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      noDeprecatedFilter: 'Filters are deprecated.'
+    }
+  },
+
+  create: function (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      'VFilterSequenceExpression' (node) {
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'noDeprecatedFilter'
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
new file mode 100644
index 000000000..20957e465
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -0,0 +1,72 @@
+/**
+ * @author Przemyslaw Falowski (@przemkow)
+ * @fileoverview disallow using deprecated filters syntax
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-filter')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-deprecated-filter', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template>{{ msg }}</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>{{ method(msg) }}</template>'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template>{{ msg | filter }}</template>',
+      errors: ['Filters are deprecated.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>{{ msg | filter(x) }}</template>',
+      errors: ['Filters are deprecated.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>{{ msg | filterA | filterB }}</template>',
+      errors: ['Filters are deprecated.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="msg in messages">{{ msg | filter }}</div></template>',
+      errors: ['Filters are deprecated.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:id="msg | filter"></div></template>',
+      errors: ['Filters are deprecated.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:id="msg | filter(aaa)"></div></template>',
+      errors: ['Filters are deprecated.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:id="msg | filterA | filterB"></div></template>',
+      errors: ['Filters are deprecated.']
+    }
+  ]
+})

From 11c9a94753495c8e97a2ab2497bda19a694d5d7e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 17:03:31 +0900
Subject: [PATCH 0018/1010] New: Add `vue/no-ref-as-operand` rule (#1065)

* Add no-ref-as-operand rule

* update

* Add testcases

* update

* Fixed testcases

* update doc
---
 docs/rules/README.md                 |   1 +
 docs/rules/no-ref-as-operand.md      |  58 +++++
 lib/index.js                         |   1 +
 lib/rules/no-ref-as-operand.js       | 124 ++++++++++
 package.json                         |   5 +-
 tests/lib/rules/no-ref-as-operand.js | 334 +++++++++++++++++++++++++++
 6 files changed, 521 insertions(+), 2 deletions(-)
 create mode 100644 docs/rules/no-ref-as-operand.md
 create mode 100644 lib/rules/no-ref-as-operand.js
 create mode 100644 tests/lib/rules/no-ref-as-operand.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 19a260621..8bf02045c 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -167,6 +167,7 @@ For example:
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
+| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
new file mode 100644
index 000000000..e6d0b94b3
--- /dev/null
+++ b/docs/rules/no-ref-as-operand.md
@@ -0,0 +1,58 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-ref-as-operand
+description: disallow use of value wrapped by `ref()` (Composition API) as an operand
+---
+# vue/no-ref-as-operand
+> disallow use of value wrapped by `ref()` (Composition API) as an operand
+
+## :book: Rule Details
+
+This rule reports cases where a ref is used incorrectly as an operand.
+
+<eslint-code-block :rules="{'vue/no-ref-as-operand': ['error']}">
+
+```vue
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup () {
+    const count = ref(0)
+    const ok = ref(true)
+
+    /* ✓ GOOD */
+    count.value++
+    count.value + 1
+    1 + count.value
+    var msg = ok.value ? 'yes' : 'no'
+
+    /* ✗ BAD */
+    count++
+    count + 1
+    1 + count
+    var msg = ok ? 'yes' : 'no'
+
+    return {
+      count
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-ref-as-operand.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-ref-as-operand.js)
diff --git a/lib/index.js b/lib/index.js
index a8ebcd318..4d3357cbb 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -52,6 +52,7 @@ module.exports = {
     'no-multi-spaces': require('./rules/no-multi-spaces'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-parsing-error': require('./rules/no-parsing-error'),
+    'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
new file mode 100644
index 000000000..ea57d9da4
--- /dev/null
+++ b/lib/rules/no-ref-as-operand.js
@@ -0,0 +1,124 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const { ReferenceTracker, findVariable } = require('eslint-utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow use of value wrapped by `ref()` (Composition API) as an operand',
+      category: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-ref-as-operand.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      requireDotValue: 'Must use `.value` to read or write the value wrapped by `ref()`.'
+    }
+  },
+  create (context) {
+    const refReferenceIds = new Map()
+
+    function reportIfRefWrapped (node) {
+      if (!refReferenceIds.has(node)) {
+        return
+      }
+      context.report({
+        node,
+        messageId: 'requireDotValue'
+      })
+    }
+    return {
+      'Program' () {
+        const tracker = new ReferenceTracker(context.getScope())
+        const traceMap = {
+          vue: {
+            [ReferenceTracker.ESM]: true,
+            ref: {
+              [ReferenceTracker.CALL]: true
+            }
+          }
+        }
+
+        for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+          const variableDeclarator = node.parent
+          if (
+            !variableDeclarator ||
+            variableDeclarator.type !== 'VariableDeclarator' ||
+            variableDeclarator.id.type !== 'Identifier'
+          ) {
+            continue
+          }
+          const variable = findVariable(context.getScope(), variableDeclarator.id)
+          if (!variable) {
+            continue
+          }
+          const variableDeclaration = (
+            variableDeclarator.parent &&
+            variableDeclarator.parent.type === 'VariableDeclaration' &&
+            variableDeclarator.parent
+          ) || null
+          for (const reference of variable.references) {
+            if (!reference.isRead()) {
+              continue
+            }
+
+            refReferenceIds.set(reference.identifier, {
+              variableDeclarator,
+              variableDeclaration
+            })
+          }
+        }
+      },
+      // if (refValue)
+      'IfStatement>Identifier' (node) {
+        reportIfRefWrapped(node)
+      },
+      // switch (refValue)
+      'SwitchStatement>Identifier' (node) {
+        reportIfRefWrapped(node)
+      },
+      // -refValue, +refValue, !refValue, ~refValue, typeof refValue
+      'UnaryExpression>Identifier' (node) {
+        reportIfRefWrapped(node)
+      },
+      // refValue++, refValue--
+      'UpdateExpression>Identifier' (node) {
+        reportIfRefWrapped(node)
+      },
+      // refValue+1, refValue-1
+      'BinaryExpression>Identifier' (node) {
+        reportIfRefWrapped(node)
+      },
+      // refValue+=1, refValue-=1, foo+=refValue, foo-=refValue
+      'AssignmentExpression>Identifier' (node) {
+        reportIfRefWrapped(node)
+      },
+      // refValue || other, refValue && other. ignore: other || refValue
+      'LogicalExpression>Identifier' (node) {
+        if (node.parent.left !== node) {
+          return
+        }
+        // Report only constants.
+        const info = refReferenceIds.get(node)
+        if (!info) {
+          return
+        }
+        if (!info.variableDeclaration || info.variableDeclaration.kind !== 'const') {
+          return
+        }
+        reportIfRefWrapped(node)
+      },
+      // refValue ? x : y
+      'ConditionalExpression>Identifier' (node) {
+        if (node.parent.test !== node) {
+          return
+        }
+        reportIfRefWrapped(node)
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index e6d02ba4c..619e27af5 100644
--- a/package.json
+++ b/package.json
@@ -47,9 +47,10 @@
     "eslint": "^5.0.0 || ^6.0.0"
   },
   "dependencies": {
+    "eslint-utils": "^2.0.0",
     "natural-compare": "^1.4.0",
-    "vue-eslint-parser": "^7.0.0",
-    "semver": "^5.6.0"
+    "semver": "^5.6.0",
+    "vue-eslint-parser": "^7.0.0"
   },
   "devDependencies": {
     "@types/node": "^4.2.16",
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
new file mode 100644
index 000000000..b8632c88b
--- /dev/null
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -0,0 +1,334 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-ref-as-operand')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+})
+
+tester.run('no-ref-as-operand', rule, {
+  valid: [
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    console.log(count.value) // 0
+
+    count.value++
+    console.log(count.value) // 1
+    `,
+    `
+    <script>
+      import { ref } from 'vue'
+      export default {
+        setup() {
+          const count = ref(0)
+          console.log(count.value) // 0
+
+          count.value++
+          console.log(count.value) // 1
+          return {
+            count
+          }
+        }
+      }
+    </script>
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    if (count.value) {}
+    switch (count.value) {}
+    var foo = -count.value
+    var foo = +count.value
+    count.value++
+    count.value--
+    count.value + 1
+    1 - count.value
+    count.value || other
+    count.value && other
+    var foo = count.value ? x : y
+    `,
+    `
+    import { ref } from 'vue'
+    const foo = ref(true)
+    if (bar) foo
+    `,
+    `
+    import { ref } from 'vue'
+    const foo = ref(true)
+    var a = other || foo // ignore
+    var b = other && foo // ignore
+
+    let bar = ref(true)
+    var a = bar || other
+    var b = bar || other
+    `,
+    `
+    import { ref } from 'vue'
+    let count = not_ref(0)
+
+    count++
+    `,
+    `
+    import { ref } from 'vue'
+    const foo = ref(0)
+    const bar = ref(0)
+    var baz = x ? foo : bar
+    `,
+    `
+    import { ref } from 'vue'
+    // Probably wrong, but not checked by this rule.
+    const {value} = ref(0)
+    value++
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    function foo() {
+      let count = 0
+      count++
+    }
+    `,
+    `
+    import { ref } from 'unknown'
+    const count = ref(0)
+    count++
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref
+    count++
+    `
+  ],
+  invalid: [
+    {
+      code: `
+      import { ref } from 'vue'
+      let count = ref(0)
+
+      count++ // error
+      console.log(count + 1) // error
+      console.log(1 + count) // error
+      `,
+      errors: [
+        {
+          message: 'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 5,
+          column: 7,
+          endLine: 5,
+          endColumn: 12
+        },
+        {
+          message: 'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 6,
+          column: 19,
+          endLine: 6,
+          endColumn: 24
+        },
+        {
+          message: 'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 7,
+          column: 23,
+          endLine: 7,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+        import { ref } from 'vue'
+        export default {
+          setup() {
+            let count = ref(0)
+
+            count++ // error
+            console.log(count + 1) // error
+            console.log(1 + count) // error
+            return {
+              count
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 8,
+          column: 13,
+          endLine: 8,
+          endColumn: 18
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 9,
+          column: 25,
+          endLine: 9,
+          endColumn: 30
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 10,
+          column: 29,
+          endLine: 10,
+          endColumn: 34
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      const foo = ref(true)
+      if (foo) {
+        //
+      }
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      const foo = ref(true)
+      switch (foo) {
+        //
+      }
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      const foo = ref(0)
+      var a = -foo
+      var b = +foo
+      var c = !foo
+      var d = ~foo
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 4
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 5
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 6
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 7
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      let foo = ref(0)
+      foo += 1
+      foo -= 1
+      baz += foo
+      baz -= foo
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 4
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 5
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 6
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 7
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      const foo = ref(true)
+      var a = foo || other
+      var b = foo && other
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 4
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      let foo = ref(true)
+      var a = foo ? x : y
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+        import { ref } from 'vue'
+        let count = ref(0)
+        export default {
+          setup() {
+            count++ // error
+            console.log(count + 1) // error
+            console.log(1 + count) // error
+            return {
+              count
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 7
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 8
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 9
+        }
+      ]
+    }
+  ]
+})

From 2c92d3d58f1b1563d23b3a364e22d3b266a6b69c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 17:04:32 +0900
Subject: [PATCH 0019/1010] New: Add `vue/no-setup-props-destructure` rule
 (#1066)

* Add no-setup-props-destructure rule

* update

* Add testcases

* update

* update

* update doc
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-setup-props-destructure.md      |  98 +++++
 lib/index.js                                  |   1 +
 lib/rules/no-setup-props-destructure.js       | 136 +++++++
 package.json                                  |   1 +
 tests/lib/rules/no-setup-props-destructure.js | 335 ++++++++++++++++++
 6 files changed, 572 insertions(+)
 create mode 100644 docs/rules/no-setup-props-destructure.md
 create mode 100644 lib/rules/no-setup-props-destructure.js
 create mode 100644 tests/lib/rules/no-setup-props-destructure.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 8bf02045c..86b51d484 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -170,6 +170,7 @@ For example:
 | [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
+| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
new file mode 100644
index 000000000..2c56d9aa2
--- /dev/null
+++ b/docs/rules/no-setup-props-destructure.md
@@ -0,0 +1,98 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-setup-props-destructure
+description: disallow destructuring of `props` passed to `setup`
+---
+# vue/no-setup-props-destructure
+> disallow destructuring of `props` passed to `setup`
+
+## :book: Rule Details
+
+This rule reports the destructuring of `props` passed to `setup` causing the value to lose reactivity.
+
+<eslint-code-block :rules="{'vue/no-setup-props-destructure': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  setup(props) {
+    watch(() => {
+      console.log(props.count)
+    })
+
+    return () => {
+      return h('div', props.count)
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+Destructuring the `props` passed to `setup` will cause the value to lose reactivity.
+
+<eslint-code-block :rules="{'vue/no-setup-props-destructure': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  setup({ count }) {
+    watch(() => {
+      console.log(count) // not going to detect changes
+    })
+
+    return () => {
+      return h('div', count) // not going to update
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+Also, destructuring in root scope of `setup()` should error, but ok inside nested callbacks or returned render functions:
+
+<eslint-code-block :rules="{'vue/no-setup-props-destructure': ['error']}">
+
+```vue
+<script>
+export default {
+  setup(props) {
+    /* ✗ BAD */
+    const { count } = props
+
+    watch(() => {
+      /* ✓ GOOD */
+      const { count } = props
+      console.log(count)
+    })
+
+    return () => {
+      /* ✓ GOOD */
+      const { count } = props
+      return h('div', count)
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-setup-props-destructure.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-setup-props-destructure.js)
diff --git a/lib/index.js b/lib/index.js
index 4d3357cbb..e772dc590 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -56,6 +56,7 @@ module.exports = {
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
+    'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
     'no-shared-component-data': require('./rules/no-shared-component-data'),
     'no-side-effects-in-computed-properties': require('./rules/no-side-effects-in-computed-properties'),
     'no-spaces-around-equal-signs-in-attribute': require('./rules/no-spaces-around-equal-signs-in-attribute'),
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
new file mode 100644
index 000000000..af7e3754a
--- /dev/null
+++ b/lib/rules/no-setup-props-destructure.js
@@ -0,0 +1,136 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow destructuring of `props` passed to `setup`',
+      category: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-setup-props-destructure.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      destructuring: 'Destructuring the `props` will cause the value to lose reactivity.',
+      getProperty: 'Getting a value from the `props` in root scope of `setup()` will cause the value to lose reactivity.'
+    }
+  },
+  create (context) {
+    const setupFunctions = new Map()
+    const forbiddenNodes = new Map()
+
+    function addForbiddenNode (property, node, messageId) {
+      let list = forbiddenNodes.get(property)
+      if (!list) {
+        list = []
+        forbiddenNodes.set(property, list)
+      }
+      list.push({
+        node,
+        messageId
+      })
+    }
+
+    function verify (left, right, { propsReferenceIds, setupProperty }) {
+      if (!right) {
+        return
+      }
+
+      if (left.type === 'ArrayPattern' || left.type === 'ObjectPattern') {
+        if (propsReferenceIds.has(right)) {
+          addForbiddenNode(setupProperty, left, 'getProperty')
+        }
+      } else if (left.type === 'Identifier' && right.type === 'MemberExpression') {
+        if (propsReferenceIds.has(right.object)) {
+          addForbiddenNode(setupProperty, right, 'getProperty')
+        }
+      }
+    }
+
+    let scopeStack = { upper: null, functionNode: null }
+
+    return Object.assign(
+      {
+        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node) {
+          if (utils.getStaticPropertyName(node) !== 'setup') {
+            return
+          }
+          const param = node.value.params[0]
+          if (!param) {
+            // no arguments
+            return
+          }
+          if (param.type === 'RestElement') {
+            // cannot check
+            return
+          }
+          if (param.type === 'ArrayPattern' || param.type === 'ObjectPattern') {
+            addForbiddenNode(node, param, 'destructuring')
+            return
+          }
+          setupFunctions.set(node.value, {
+            setupProperty: node,
+            propsParam: param,
+            propsReferenceIds: new Set()
+          })
+        },
+        ':function' (node) {
+          scopeStack = { upper: scopeStack, functionNode: node }
+        },
+        ':function>*' (node) {
+          const setupFunctionData = setupFunctions.get(node.parent)
+          if (!setupFunctionData || setupFunctionData.propsParam !== node) {
+            return
+          }
+          const variable = findVariable(context.getScope(), node)
+          if (!variable) {
+            return
+          }
+          const { propsReferenceIds } = setupFunctionData
+          for (const reference of variable.references) {
+            if (!reference.isRead()) {
+              continue
+            }
+
+            propsReferenceIds.add(reference.identifier)
+          }
+        },
+        'VariableDeclarator' (node) {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          verify(node.id, node.init, setupFunctionData)
+        },
+        'AssignmentExpression' (node) {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          verify(node.left, node.right, setupFunctionData)
+        },
+        ':function:exit' (node) {
+          scopeStack = scopeStack.upper
+
+          setupFunctions.delete(node)
+        }
+      },
+      utils.executeOnVue(context, obj => {
+        const reportsList = obj.properties
+          .map(item => forbiddenNodes.get(item))
+          .filter(reports => !!reports)
+        for (const reports of reportsList) {
+          for (const report of reports) {
+            context.report(report)
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/package.json b/package.json
index 619e27af5..57a44ce2f 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
     "debug": "mocha --inspect-brk \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
+    "cover:report": "nyc report --reporter=html",
     "lint": "eslint . --rulesdir eslint-internal-rules",
     "pretest": "npm run lint",
     "preversion": "npm test && npm run update && git add .",
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
new file mode 100644
index 000000000..2f3bccc51
--- /dev/null
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -0,0 +1,335 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-setup-props-destructure')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+})
+
+tester.run('no-setup-props-destructure', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(() => {
+            console.log(props.count) // ok
+          })
+
+          return () => {
+            return h('div', props.count) // ok
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(() => {
+            const { count } = props // ok
+            console.log(count)
+          })
+
+          return () => {
+            const { count } = props // ok
+            return h('div', count)
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        _setup({count}) {
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup() {
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(...args) {
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(() => {
+            ({ count } = props)
+          })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      var noVue = {
+        setup(props) {
+          const { count } = props
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          const {x} = noProps
+          ({y} = noProps)
+          const z = noProps.z
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          ({props} = x)
+        }
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup({ count }) { // error
+          watch(() => {
+            console.log(count) // not going to detect changes
+          })
+
+          return () => {
+            return h('div', count) // not going to update
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'destructuring',
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          const { count } = props // error
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 26
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup: (props) => {
+          const { count } = props
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          ({ count } = props)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const { count } = p
+        }
+      }
+
+      Vue.component('component', {
+        setup(p) {
+          const { count } = p
+        }
+      })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const { count } = p
+        },
+        _setup(p) {
+          const { count } = p
+        },
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const { x } = p
+          const { y } = p
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const foo = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          let foo
+          foo = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    }
+  ]
+})

From a634e3cf1e31c96400d19233cdab4732ee099701 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 17:09:10 +0900
Subject: [PATCH 0020/1010] Updated to detect Vue3 components. (#1073)

---
 docs/user-guide/README.md                     |   3 +
 lib/utils/index.js                            | 162 +++++++++++-------
 .../rules/component-definition-name-casing.js |  34 ++++
 tests/lib/rules/match-component-file-name.js  |  23 +++
 .../lib/rules/no-reserved-component-names.js  |  29 ++++
 tests/lib/rules/no-shared-component-data.js   |  24 +++
 .../no-side-effects-in-computed-properties.js |  19 ++
 tests/lib/rules/order-in-components.js        |  32 ++++
 tests/lib/rules/require-render-return.js      |  19 +-
 tests/lib/utils/vue-component.js              |  31 ++++
 10 files changed, 312 insertions(+), 64 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 01710c07a..1c4d0e38d 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -85,6 +85,9 @@ All component-related rules are applied to code that passes any of the following
 * `Vue.component()` expression
 * `Vue.extend()` expression
 * `Vue.mixin()` expression
+* `app.component()` expression
+* `app.mixin()` expression
+* `createApp()` expression
 * `export default {}` in `.vue` or `.jsx` file
 
 However, if you want to take advantage of the rules in any of your custom objects that are Vue components, you might need to use the special comment `// @vue/component` that marks an object in the next line as a Vue component in any file, e.g.:
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 011ec6571..d0c918299 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -264,7 +264,7 @@ module.exports = {
     return componentsNode.value.properties
       .filter(p => p.type === 'Property')
       .map(node => {
-        const name = this.getStaticPropertyName(node)
+        const name = getStaticPropertyName(node)
         return name ? { node, name } : null
       })
       .filter(comp => comp != null)
@@ -402,42 +402,7 @@ module.exports = {
    * @param {Property|MethodDefinition|MemberExpression|Literal|TemplateLiteral|Identifier} node - The node to get.
    * @return {string|null} The property name if static. Otherwise, null.
    */
-  getStaticPropertyName (node) {
-    let prop
-    switch (node && node.type) {
-      case 'Property':
-      case 'MethodDefinition':
-        prop = node.key
-        break
-      case 'MemberExpression':
-        prop = node.property
-        break
-      case 'Literal':
-      case 'TemplateLiteral':
-      case 'Identifier':
-        prop = node
-        break
-      // no default
-    }
-
-    switch (prop && prop.type) {
-      case 'Literal':
-        return String(prop.value)
-      case 'TemplateLiteral':
-        if (prop.expressions.length === 0 && prop.quasis.length === 1) {
-          return prop.quasis[0].value.cooked
-        }
-        break
-      case 'Identifier':
-        if (!node.computed) {
-          return prop.name
-        }
-        break
-      // no default
-    }
-
-    return null
-  },
+  getStaticPropertyName,
 
   /**
    * Get all props by looking at all component's properties
@@ -464,8 +429,8 @@ module.exports = {
         .filter(prop => prop.type === 'Property')
         .map(prop => {
           return {
-            key: prop.key, value: this.unwrapTypes(prop.value), node: prop,
-            propName: this.getStaticPropertyName(prop)
+            key: prop.key, value: unwrapTypes(prop.value), node: prop,
+            propName: getStaticPropertyName(prop)
           }
         })
     } else {
@@ -548,28 +513,52 @@ module.exports = {
       const callee = node.callee
 
       if (callee.type === 'MemberExpression') {
-        const calleeObject = this.unwrapTypes(callee.object)
+        const calleeObject = unwrapTypes(callee.object)
+
+        if (calleeObject.type === 'Identifier') {
+          const propName = getStaticPropertyName(callee.property)
+          if (calleeObject.name === 'Vue') {
+            // for Vue.js 2.x
+            // Vue.component('xxx', {}) || Vue.mixin({}) || Vue.extend('xxx', {})
+            const isFullVueComponentForVue2 =
+              ['component', 'mixin', 'extend'].includes(propName) &&
+              isObjectArgument(node)
+
+            return isFullVueComponentForVue2
+          }
 
-        const isFullVueComponent = calleeObject.type === 'Identifier' &&
-          calleeObject.name === 'Vue' &&
-          callee.property.type === 'Identifier' &&
-          ['component', 'mixin', 'extend'].indexOf(callee.property.name) > -1 &&
-          node.arguments.length >= 1 &&
-          node.arguments.slice(-1)[0].type === 'ObjectExpression'
+          // for Vue.js 3.x
+          // app.component('xxx', {}) || app.mixin({})
+          const isFullVueComponent =
+            ['component', 'mixin'].includes(propName) &&
+            isObjectArgument(node)
 
-        return isFullVueComponent
+          return isFullVueComponent
+        }
       }
 
       if (callee.type === 'Identifier') {
-        const isDestructedVueComponent = callee.name === 'component' &&
-          node.arguments.length >= 1 &&
-          node.arguments.slice(-1)[0].type === 'ObjectExpression'
-
-        return isDestructedVueComponent
+        if (callee.name === 'component') {
+          // for Vue.js 2.x
+          // component('xxx', {})
+          const isDestructedVueComponent = isObjectArgument(node)
+          return isDestructedVueComponent
+        }
+        if (callee.name === 'createApp') {
+          // for Vue.js 3.x
+          // createApp({})
+          const isAppVueComponent = isObjectArgument(node)
+          return isAppVueComponent
+        }
       }
     }
 
     return false
+
+    function isObjectArgument (node) {
+      return node.arguments.length > 0 &&
+        unwrapTypes(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+    }
   },
 
   /**
@@ -584,7 +573,7 @@ module.exports = {
       callee.type === 'Identifier' &&
       callee.name === 'Vue' &&
       node.arguments.length &&
-      node.arguments[0].type === 'ObjectExpression'
+      unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
   },
 
   /**
@@ -647,7 +636,7 @@ module.exports = {
       'CallExpression:exit' (node) {
         // Vue.component('xxx', {}) || component('xxx', {})
         if (!_this.isVueComponent(node) || isDuplicateNode(node.arguments.slice(-1)[0])) return
-        cb(node.arguments.slice(-1)[0])
+        cb(unwrapTypes(node.arguments.slice(-1)[0]))
       }
     }
   },
@@ -664,10 +653,10 @@ module.exports = {
         const callee = callExpr.callee
 
         if (callee.type === 'MemberExpression') {
-          const calleeObject = this.unwrapTypes(callee.object)
+          const calleeObject = unwrapTypes(callee.object)
 
           if (calleeObject.type === 'Identifier' &&
-            calleeObject.name === 'Vue' &&
+            // calleeObject.name === 'Vue' && // Any names can be used in Vue.js 3.x. e.g. app.component()
             callee.property === node &&
             callExpr.arguments.length >= 1) {
             cb(callExpr)
@@ -682,9 +671,9 @@ module.exports = {
    * @param {Set} groups Name of parent group
    */
   * iterateProperties (node, groups) {
-    const nodes = node.properties.filter(p => p.type === 'Property' && groups.has(this.getStaticPropertyName(p.key)))
+    const nodes = node.properties.filter(p => p.type === 'Property' && groups.has(getStaticPropertyName(p.key)))
     for (const item of nodes) {
-      const name = this.getStaticPropertyName(item.key)
+      const name = getStaticPropertyName(item.key)
       if (!name) continue
 
       if (item.value.type === 'ArrayExpression') {
@@ -705,7 +694,7 @@ module.exports = {
   * iterateArrayExpression (node, groupName) {
     assert(node.type === 'ArrayExpression')
     for (const item of node.elements) {
-      const name = this.getStaticPropertyName(item)
+      const name = getStaticPropertyName(item)
       if (name) {
         const obj = { name, groupName, node: item }
         yield obj
@@ -721,7 +710,7 @@ module.exports = {
   * iterateObjectExpression (node, groupName) {
     assert(node.type === 'ObjectExpression')
     for (const item of node.properties) {
-      const name = this.getStaticPropertyName(item)
+      const name = getStaticPropertyName(item)
       if (name) {
         const obj = { name, groupName, node: item.key }
         yield obj
@@ -865,7 +854,56 @@ module.exports = {
    * @param {T} node
    * @return {T}
    */
-  unwrapTypes (node) {
-    return node.type === 'TSAsExpression' ? node.expression : node
+  unwrapTypes
+}
+/**
+* Unwrap typescript types like "X as F"
+* @template T
+* @param {T} node
+* @return {T}
+*/
+function unwrapTypes (node) {
+  return node.type === 'TSAsExpression' ? node.expression : node
+}
+
+/**
+ * Gets the property name of a given node.
+ * @param {Property|MethodDefinition|MemberExpression|Literal|TemplateLiteral|Identifier} node - The node to get.
+ * @return {string|null} The property name if static. Otherwise, null.
+ */
+function getStaticPropertyName (node) {
+  let prop
+  switch (node && node.type) {
+    case 'Property':
+    case 'MethodDefinition':
+      prop = node.key
+      break
+    case 'MemberExpression':
+      prop = node.property
+      break
+    case 'Literal':
+    case 'TemplateLiteral':
+    case 'Identifier':
+      prop = node
+      break
+      // no default
   }
+
+  switch (prop && prop.type) {
+    case 'Literal':
+      return String(prop.value)
+    case 'TemplateLiteral':
+      if (prop.expressions.length === 0 && prop.quasis.length === 1) {
+        return prop.quasis[0].value.cooked
+      }
+      break
+    case 'Identifier':
+      if (!node.computed) {
+        return prop.name
+      }
+      break
+      // no default
+  }
+
+  return null
 }
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index 98cb43679..d14eedb7a 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -116,6 +116,12 @@ ruleTester.run('component-definition-name-casing', rule, {
       options: ['kebab-case'],
       parserOptions
     },
+    {
+      filename: 'test.vue',
+      code: `app.component('FooBar', component)`,
+      options: ['PascalCase'],
+      parserOptions
+    },
     {
       filename: 'test.vue',
       code: `Vue.mixin({})`,
@@ -137,6 +143,12 @@ ruleTester.run('component-definition-name-casing', rule, {
       options: ['kebab-case'],
       parserOptions
     },
+    {
+      filename: 'test.vue',
+      code: `app.component(\`fooBar\${foo}\`, component)`,
+      options: ['kebab-case'],
+      parserOptions
+    },
     // https://github.com/vuejs/eslint-plugin-vue/issues/1018
     {
       filename: 'test.js',
@@ -292,6 +304,17 @@ ruleTester.run('component-definition-name-casing', rule, {
         line: 1
       }]
     },
+    {
+      filename: 'test.vue',
+      code: `app.component('foo-bar', component)`,
+      output: `app.component('FooBar', component)`,
+      parserOptions,
+      errors: [{
+        message: 'Property name "foo-bar" is not PascalCase.',
+        type: 'Literal',
+        line: 1
+      }]
+    },
     {
       filename: 'test.vue',
       code: `(Vue as VueConstructor<Vue>).component('foo-bar', component)`,
@@ -315,6 +338,17 @@ ruleTester.run('component-definition-name-casing', rule, {
         line: 1
       }]
     },
+    {
+      filename: 'test.vue',
+      code: `app.component('foo-bar', {})`,
+      output: `app.component('FooBar', {})`,
+      parserOptions,
+      errors: [{
+        message: 'Property name "foo-bar" is not PascalCase.',
+        type: 'Literal',
+        line: 1
+      }]
+    },
     {
       filename: 'test.js',
       code: `Vue.component('foo_bar', {})`,
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index d8a1b141d..a97c5941e 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -429,6 +429,16 @@ ruleTester.run('match-component-file-name', rule, {
       options: [{ extensions: ['js'] }],
       parserOptions
     },
+    {
+      filename: 'MyComponent.js',
+      code: `
+        app.component('MyComponent', {
+          template: '<div />'
+        })
+      `,
+      options: [{ extensions: ['js'] }],
+      parserOptions
+    },
     {
       filename: 'MyComponent.js',
       code: `
@@ -701,6 +711,19 @@ ruleTester.run('match-component-file-name', rule, {
         message: 'Component name `MComponent` should match file name `MyComponent`.'
       }]
     },
+    {
+      filename: 'MyComponent.js',
+      code: `
+        app.component(\`MComponent\`, {
+          template: '<div />'
+        })
+      `,
+      options: [{ extensions: ['js'] }],
+      parserOptions,
+      errors: [{
+        message: 'Component name `MComponent` should match file name `MyComponent`.'
+      }]
+    },
 
     // casing
     {
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 43a34f153..0585b5c92 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -274,6 +274,11 @@ ruleTester.run('no-reserved-component-names', rule, {
       code: `Vue.component('FooBar', {})`,
       parserOptions
     },
+    {
+      filename: 'test.vue',
+      code: `app.component('FooBar', {})`,
+      parserOptions
+    },
     {
       filename: 'test.js',
       code: `
@@ -349,6 +354,18 @@ ruleTester.run('no-reserved-component-names', rule, {
         }]
       }
     }),
+    ...invalidElements.map(name => {
+      return {
+        filename: 'test.vue',
+        code: `app.component('${name}', component)`,
+        parserOptions,
+        errors: [{
+          message: `Name "${name}" is reserved.`,
+          type: 'Literal',
+          line: 1
+        }]
+      }
+    }),
     ...invalidElements.map(name => {
       return {
         filename: 'test.vue',
@@ -361,6 +378,18 @@ ruleTester.run('no-reserved-component-names', rule, {
         }]
       }
     }),
+    ...invalidElements.map(name => {
+      return {
+        filename: 'test.vue',
+        code: `app.component(\`${name}\`, {})`,
+        parserOptions,
+        errors: [{
+          message: `Name "${name}" is reserved.`,
+          type: 'TemplateLiteral',
+          line: 1
+        }]
+      }
+    }),
     ...invalidElements.map(name => {
       return {
         filename: 'test.vue',
diff --git a/tests/lib/rules/no-shared-component-data.js b/tests/lib/rules/no-shared-component-data.js
index ce0e0062b..ade9e9efe 100644
--- a/tests/lib/rules/no-shared-component-data.js
+++ b/tests/lib/rules/no-shared-component-data.js
@@ -135,6 +135,30 @@ ruleTester.run('no-shared-component-data', rule, {
 return {
             foo: 'bar'
           };
+}
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: '`data` property in component must be a function.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          data: {
+            foo: 'bar'
+          }
+        })
+      `,
+      output: `
+        app.component('some-comp', {
+          data: function() {
+return {
+            foo: 'bar'
+          };
 }
         })
       `,
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index df186b3a9..fa14ef248 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -296,6 +296,25 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         message: 'Unexpected side effect in "test1" computed property.'
       }],
       parser: require.resolve('@typescript-eslint/parser')
+    },
+
+    {
+      code: `app.component('test', {
+        computed: {
+          test1() {
+            this.firstName = 'lorem'
+            asd.qwe.zxc = 'lorem'
+            return this.firstName + ' ' + this.lastName
+          },
+        }
+      })`,
+      parserOptions,
+      errors: [
+        {
+          line: 4,
+          message: 'Unexpected side effect in "test1" computed property.'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index b022508fa..f94b4ec67 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -243,6 +243,38 @@ ruleTester.run('order-in-components', rule, {
         line: 9
       }]
     },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('smart-list', {
+          name: 'app',
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      output: `
+        app.component('smart-list', {
+          name: 'app',
+          components: {},
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          template: '<div></div>'
+        })
+      `,
+      errors: [{
+        message: 'The "components" property should be above the "data" property on line 4.',
+        line: 9
+      }]
+    },
     {
       filename: 'test.js',
       code: `
diff --git a/tests/lib/rules/require-render-return.js b/tests/lib/rules/require-render-return.js
index e7fde4e60..580a6b89e 100644
--- a/tests/lib/rules/require-render-return.js
+++ b/tests/lib/rules/require-render-return.js
@@ -86,7 +86,7 @@ ruleTester.run('require-render-return', rule, {
         render() {
           if (a) {
             if (b) {
-              
+
             }
             if (c) {
               return true
@@ -180,6 +180,21 @@ ruleTester.run('require-render-return', rule, {
         line: 2
       }]
     },
+    {
+      code: `app.component('test', {
+        render: function () {
+          if (a) {
+            return
+          }
+        }
+      })`,
+      parserOptions,
+      errors: [{
+        message: 'Expected to return a value in render function.',
+        type: 'Identifier',
+        line: 2
+      }]
+    },
     {
       code: `Vue.component('test2', {
         render: function () {
@@ -199,7 +214,7 @@ ruleTester.run('require-render-return', rule, {
       code: `Vue.component('test2', {
         render: function () {
           if (a) {
-            
+
           } else {
             return h('div', 'hello')
           }
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index db5d97337..69d663e92 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -108,6 +108,12 @@ function validTests (ext) {
       code: `export default Foo.extend({})`,
       parser: require.resolve('@typescript-eslint/parser'),
       parserOptions
+    },
+    {
+      filename: `test.${ext}`,
+      code: `export default Foo.extend({} as ComponentOptions)`,
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions
     }
   ]
 }
@@ -144,6 +150,18 @@ function invalidTests (ext) {
       parserOptions,
       errors: [makeError(1)]
     },
+    {
+      filename: `test.${ext}`,
+      code: `app.component('name', {})`,
+      parserOptions,
+      errors: [makeError(1)]
+    },
+    {
+      filename: `test.${ext}`,
+      code: `app.mixin({})`,
+      parserOptions,
+      errors: [makeError(1)]
+    },
     {
       filename: `test.${ext}`,
       code: `export default (Vue as VueConstructor<Vue>).extend({})`,
@@ -158,6 +176,19 @@ function invalidTests (ext) {
       parserOptions,
       errors: [makeError(1)]
     },
+    {
+      filename: `test.${ext}`,
+      code: `export default Vue.extend({} as ComponentOptions)`,
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions,
+      errors: [makeError(1)]
+    },
+    {
+      filename: `test.${ext}`,
+      code: `createApp({})`,
+      parserOptions,
+      errors: [makeError(1)]
+    },
     {
       filename: `test.${ext}`,
       code: `

From 3cc5ac00cb0db328c30b9d689502319d35f2e7c5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 17:10:58 +0900
Subject: [PATCH 0021/1010] New: Add `vue/no-lifecycle-after-await` rule
 (#1067)

---
 docs/rules/README.md                        |   1 +
 docs/rules/no-lifecycle-after-await.md      |  47 +++++
 lib/index.js                                |   1 +
 lib/rules/no-lifecycle-after-await.js       | 111 ++++++++++++
 tests/lib/rules/no-lifecycle-after-await.js | 180 ++++++++++++++++++++
 5 files changed, 340 insertions(+)
 create mode 100644 docs/rules/no-lifecycle-after-await.md
 create mode 100644 lib/rules/no-lifecycle-after-await.js
 create mode 100644 tests/lib/rules/no-lifecycle-after-await.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 86b51d484..5b21a0840 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -167,6 +167,7 @@ For example:
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
+| [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
 | [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
new file mode 100644
index 000000000..aaa521f7c
--- /dev/null
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -0,0 +1,47 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-lifecycle-after-await
+description: disallow asynchronously registered lifecycle hooks
+---
+# vue/no-lifecycle-after-await
+> disallow asynchronously registered lifecycle hooks
+
+## :book: Rule Details
+
+This rule reports the lifecycle hooks after `await` expression.  
+In `setup()` function, `onXXX` lifecycle hooks should be registered synchronously.
+
+<eslint-code-block :rules="{'vue/no-lifecycle-after-await': ['error']}">
+
+```vue
+<script>
+import { onMounted } from 'vue'
+export default {
+  async setup() {
+    /* ✓ GOOD */
+    onMounted(() => { /* ... */ })
+
+    await doSomething()
+
+    /* ✗ BAD */
+    onMounted(() => { /* ... */ })
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-lifecycle-after-await.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-lifecycle-after-await.js)
diff --git a/lib/index.js b/lib/index.js
index e772dc590..55d753058 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -49,6 +49,7 @@ module.exports = {
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
+    'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-parsing-error': require('./rules/no-parsing-error'),
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
new file mode 100644
index 000000000..1f78165e5
--- /dev/null
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -0,0 +1,111 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const { ReferenceTracker } = require('eslint-utils')
+const utils = require('../utils')
+
+const LIFECYCLE_HOOKS = ['onBeforeMount', 'onBeforeUnmount', 'onBeforeUpdate', 'onErrorCaptured', 'onMounted', 'onRenderTracked', 'onRenderTriggered', 'onUnmounted', 'onUpdated', 'onActivated', 'onDeactivated']
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow asynchronously registered lifecycle hooks',
+      category: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-lifecycle-after-await.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      forbidden: 'The lifecycle hooks after `await` expression are forbidden.'
+    }
+  },
+  create (context) {
+    const lifecycleHookCallNodes = new Set()
+    const setupFunctions = new Map()
+    const forbiddenNodes = new Map()
+
+    function addForbiddenNode (property, node) {
+      let list = forbiddenNodes.get(property)
+      if (!list) {
+        list = []
+        forbiddenNodes.set(property, list)
+      }
+      list.push(node)
+    }
+
+    let scopeStack = { upper: null, functionNode: null }
+
+    return Object.assign(
+      {
+        'Program' () {
+          const tracker = new ReferenceTracker(context.getScope())
+          const traceMap = {
+            vue: {
+              [ReferenceTracker.ESM]: true
+            }
+          }
+          for (const lifecycleHook of LIFECYCLE_HOOKS) {
+            traceMap.vue[lifecycleHook] = {
+              [ReferenceTracker.CALL]: true
+            }
+          }
+
+          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+            lifecycleHookCallNodes.add(node)
+          }
+        },
+        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node) {
+          if (utils.getStaticPropertyName(node) !== 'setup') {
+            return
+          }
+
+          setupFunctions.set(node.value, {
+            setupProperty: node,
+            afterAwait: false
+          })
+        },
+        ':function' (node) {
+          scopeStack = { upper: scopeStack, functionNode: node }
+        },
+        'AwaitExpression' () {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          setupFunctionData.afterAwait = true
+        },
+        'CallExpression' (node) {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+            return
+          }
+
+          if (lifecycleHookCallNodes.has(node)) {
+            addForbiddenNode(setupFunctionData.setupProperty, node)
+          }
+        },
+        ':function:exit' (node) {
+          scopeStack = scopeStack.upper
+
+          setupFunctions.delete(node)
+        }
+      },
+      utils.executeOnVue(context, obj => {
+        const reportsList = obj.properties
+          .map(item => forbiddenNodes.get(item))
+          .filter(reports => !!reports)
+        for (const reports of reportsList) {
+          for (const node of reports) {
+            context.report({
+              node,
+              messageId: 'forbidden'
+            })
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
new file mode 100644
index 000000000..eaa99f843
--- /dev/null
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -0,0 +1,180 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-lifecycle-after-await')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+})
+
+tester.run('no-lifecycle-after-await', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onMounted} from 'vue'
+      export default {
+        async setup() {
+          onMounted(() => { /* ... */ }) // ok
+
+          await doSomething()
+        }
+      }
+      </script>
+      `
+    }, {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onMounted} from 'vue'
+      export default {
+        async setup() {
+          onMounted(() => { /* ... */ })
+        }
+      }
+      </script>
+      `
+    }, {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onBeforeMount, onBeforeUnmount, onBeforeUpdate, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onUnmounted, onUpdated, onActivated, onDeactivated} from 'vue'
+      export default {
+        async setup() {
+          onBeforeMount(() => { /* ... */ })
+          onBeforeUnmount(() => { /* ... */ })
+          onBeforeUpdate(() => { /* ... */ })
+          onErrorCaptured(() => { /* ... */ })
+          onMounted(() => { /* ... */ })
+          onRenderTracked(() => { /* ... */ })
+          onRenderTriggered(() => { /* ... */ })
+          onUnmounted(() => { /* ... */ })
+          onUpdated(() => { /* ... */ })
+          onActivated(() => { /* ... */ })
+          onDeactivated(() => { /* ... */ })
+
+          await doSomething()
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onMounted} from 'vue'
+      export default {
+        async _setup() {
+          await doSomething()
+
+          onMounted(() => { /* ... */ }) // error
+        }
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onMounted} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          onMounted(() => { /* ... */ }) // error
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The lifecycle hooks after `await` expression are forbidden.',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 41
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onBeforeMount, onBeforeUnmount, onBeforeUpdate, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onUnmounted, onUpdated, onActivated, onDeactivated} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          onBeforeMount(() => { /* ... */ })
+          onBeforeUnmount(() => { /* ... */ })
+          onBeforeUpdate(() => { /* ... */ })
+          onErrorCaptured(() => { /* ... */ })
+          onMounted(() => { /* ... */ })
+          onRenderTracked(() => { /* ... */ })
+          onRenderTriggered(() => { /* ... */ })
+          onUnmounted(() => { /* ... */ })
+          onUpdated(() => { /* ... */ })
+          onActivated(() => { /* ... */ })
+          onDeactivated(() => { /* ... */ })
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'forbidden',
+          line: 8
+        },
+        {
+          messageId: 'forbidden',
+          line: 9
+        },
+        {
+          messageId: 'forbidden',
+          line: 10
+        },
+        {
+          messageId: 'forbidden',
+          line: 11
+        },
+        {
+          messageId: 'forbidden',
+          line: 12
+        },
+        {
+          messageId: 'forbidden',
+          line: 13
+        },
+        {
+          messageId: 'forbidden',
+          line: 14
+        },
+        {
+          messageId: 'forbidden',
+          line: 15
+        },
+        {
+          messageId: 'forbidden',
+          line: 16
+        },
+        {
+          messageId: 'forbidden',
+          line: 17
+        },
+        {
+          messageId: 'forbidden',
+          line: 18
+        }
+      ]
+    }
+  ]
+})

From 7a790bc157a08f42b07358a950ad179b0b417f48 Mon Sep 17 00:00:00 2001
From: frenchrabbit <hello@frenchrabbit.ru>
Date: Sat, 14 Mar 2020 11:14:34 +0300
Subject: [PATCH 0022/1010] Fix iterateProperties to support arrow functions
 (#1064)

* Fix iterateProperties to support arrow functions

* indent mistake

* add no-dupe-keys test cases using arrow function

* add no-reserved-keys no-template-shadow test cases using arrow function

Co-authored-by: maddocnc <maddocnc@gmail.com>
---
 lib/utils/index.js                    |  20 +++
 tests/lib/rules/no-dupe-keys.js       | 186 ++++++++++++++++++++++++++
 tests/lib/rules/no-reserved-keys.js   |  76 +++++++++++
 tests/lib/rules/no-template-shadow.js | 116 ++++++++++++++++
 4 files changed, 398 insertions(+)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index d0c918299..e784f2ab3 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -682,6 +682,8 @@ module.exports = {
         yield * this.iterateObjectExpression(item.value, name)
       } else if (item.value.type === 'FunctionExpression') {
         yield * this.iterateFunctionExpression(item.value, name)
+      } else if (item.value.type === 'ArrowFunctionExpression') {
+        yield * this.iterateArrowFunctionExpression(item.value, name)
       }
     }
   },
@@ -734,6 +736,24 @@ module.exports = {
     }
   },
 
+  /**
+   * Return generator with all elements inside ArrowFunctionExpression
+   * @param {ASTNode} node Node to check
+   * @param {string} groupName Name of parent group
+   */
+  * iterateArrowFunctionExpression (node, groupName) {
+    assert(node.type === 'ArrowFunctionExpression')
+    if (node.body.type === 'BlockStatement') {
+      for (const item of node.body.body) {
+        if (item.type === 'ReturnStatement' && item.argument && item.argument.type === 'ObjectExpression') {
+          yield * this.iterateObjectExpression(item.argument, groupName)
+        }
+      }
+    } else if (node.body.type === 'ObjectExpression') {
+      yield * this.iterateObjectExpression(node.body, groupName)
+    }
+  },
+
   /**
    * Find all functions which do not always return values
    * @param {boolean} treatUndefinedAsUnspecified
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 1abb67642..f1a35568a 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -45,6 +45,58 @@ ruleTester.run('no-dupe-keys', rule, {
       parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            bar () {
+            }
+          },
+          data: () => {
+            return {
+              dat: null
+            }
+          },
+          data: () => {
+            return
+          },
+          methods: {
+            _foo () {},
+            test () {
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            bar () {
+            }
+          },
+          data: () => ({
+            dat: null
+          }),
+          data: () => {
+            return
+          },
+          methods: {
+            _foo () {},
+            test () {
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+
     {
       filename: 'test.vue',
       code: `
@@ -82,6 +134,78 @@ ruleTester.run('no-dupe-keys', rule, {
       parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          ...foo(),
+          props: {
+            ...foo(),
+            foo: String
+          },
+          computed: {
+            ...mapGetters({
+              test: 'getTest'
+            }),
+            bar: {
+              get () {
+              }
+            }
+          },
+          data: {
+            ...foo(),
+            dat: null
+          },
+          methods: {
+            ...foo(),
+            test () {
+            }
+          },
+          data: () => {
+            return {
+              ...dat
+            }
+          },
+        }
+      `,
+      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          ...foo(),
+          props: {
+            ...foo(),
+            foo: String
+          },
+          computed: {
+            ...mapGetters({
+              test: 'getTest'
+            }),
+            bar: {
+              get () {
+              }
+            }
+          },
+          data: {
+            ...foo(),
+            dat: null
+          },
+          methods: {
+            ...foo(),
+            test () {
+            }
+          },
+          data: () => ({
+            ...dat
+          }),
+        }
+      `,
+      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+    },
+
     {
       filename: 'test.js',
       code: `
@@ -136,6 +260,68 @@ ruleTester.run('no-dupe-keys', rule, {
         line: 14
       }]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            foo () {
+            }
+          },
+          data: () => {
+            return {
+              foo: null
+            }
+          },
+          methods: {
+            foo () {
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 5
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 10
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 14
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            foo () {
+            }
+          },
+          data: () => ({
+            foo: null
+          }),
+          methods: {
+            foo () {
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 5
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 9
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 12
+      }]
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index 08c7f244c..05836bc47 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -45,6 +45,50 @@ ruleTester.run('no-reserved-keys', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            bar () {
+            }
+          },
+          data: () => {
+            return {
+              dat: null
+            }
+          },
+          methods: {
+            _foo () {},
+            test () {
+            }
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            bar () {
+            }
+          },
+          data: () => ({
+            dat: null
+          }),
+          methods: {
+            _foo () {},
+            test () {
+            }
+          }
+        }
+      `,
+      parserOptions
     }
   ],
 
@@ -79,6 +123,38 @@ ruleTester.run('no-reserved-keys', rule, {
         line: 4
       }]
     },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          data: () => {
+            return {
+              _foo: String
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: "Keys starting with with '_' are reserved in '_foo' group.",
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          data: () => ({
+            _foo: String
+          })
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: "Keys starting with with '_' are reserved in '_foo' group.",
+        line: 4
+      }]
+    },
     {
       filename: 'test.js',
       code: `
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index 68fefce0e..08e0e03b6 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -70,6 +70,52 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <div v-for="i in b" />
+        <div v-for="b in c" />
+        <div v-for="d in f" />
+      </template>
+      <script>
+        export default {
+          ...a,
+          data: () => {
+            return {
+              ...b,
+              c: [1, 2, 3]
+            }
+          },
+          computed: {
+            ...d,
+            e,
+            ['f']: [1, 2],
+          }
+        }
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <div v-for="i in b" />
+        <div v-for="b in c" />
+        <div v-for="d in f" />
+      </template>
+      <script>
+        export default {
+          ...a,
+          data: () => ({
+            ...b,
+            c: [1, 2, 3]
+          }),
+          computed: {
+            ...d,
+            e,
+            ['f']: [1, 2],
+          }
+        }
+      </script>`
     }
   ],
 
@@ -208,6 +254,76 @@ ruleTester.run('no-template-shadow', rule, {
         type: 'Identifier',
         line: 7
       }]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <div v-for="i in c" />
+        <div v-for="a in c" />
+        <div v-for="b in c" />
+        <div v-for="d in c" />
+        <div v-for="e in f" />
+        <div v-for="f in c" />
+      </template>
+      <script>
+        export default {
+          ...a,
+          data: () => {
+            return {
+              ...b,
+              c: [1, 2, 3]
+            }
+          },
+          computed: {
+            ...d,
+            e,
+            ['f']: [1, 2],
+          }
+        }
+      </script>`,
+      errors: [{
+        message: "Variable 'e' is already declared in the upper scope.",
+        type: 'Identifier',
+        line: 6
+      }, {
+        message: "Variable 'f' is already declared in the upper scope.",
+        type: 'Identifier',
+        line: 7
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <div v-for="i in c" />
+        <div v-for="a in c" />
+        <div v-for="b in c" />
+        <div v-for="d in c" />
+        <div v-for="e in f" />
+        <div v-for="f in c" />
+      </template>
+      <script>
+        export default {
+          ...a,
+          data: () => ({
+              ...b,
+              c: [1, 2, 3]
+          }),
+          computed: {
+            ...d,
+            e,
+            ['f']: [1, 2],
+          }
+        }
+      </script>`,
+      errors: [{
+        message: "Variable 'e' is already declared in the upper scope.",
+        type: 'Identifier',
+        line: 6
+      }, {
+        message: "Variable 'f' is already declared in the upper scope.",
+        type: 'Identifier',
+        line: 7
+      }]
     }
   ]
 })

From 60a5f6ce4c99cc5797390139900414d43cb42311 Mon Sep 17 00:00:00 2001
From: IWANABETHATGUY <974153916@qq.com>
Date: Sat, 14 Mar 2020 16:18:52 +0800
Subject: [PATCH 0023/1010] feat: add fixable, no more error when unused
 variable with prefix _ (#1070)

* feat: add fixable, no more error when unused variable with prefix _

implement proposal https://github.com/vuejs/eslint-plugin-vue/issues/1058

feat https://github.com/vuejs/eslint-plugin-vue/issues/1058

* fix: make fix optional,add varIgnorePattern

* feat: change varIgnorepattern to ignorePattern, add test, update readme

* docs: update doc
---
 docs/rules/no-unused-vars.md      | 12 ++++++++--
 lib/rules/no-unused-vars.js       | 31 +++++++++++++++++++++---
 tests/lib/rules/no-unused-vars.js | 39 +++++++++++++++++++++++++++++++
 3 files changed, 77 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index cde104f4f..3ce57fa94 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -33,8 +33,16 @@ This rule report variable definitions of v-for directives or scope attributes if
 
 ## :wrench: Options
 
-Nothing.
-
+```js
+{
+    "vue/no-unsed-vars": [{
+        "ignorePattern": '^_',
+    }]
+}
+```
+- `ignorePattern` ... disables reporting when your definitions of v-for directives or scope attributes match your ignorePattern Regular expression. default `null`, will ignore nothing
+## :rocket: Suggestion
+- When your ignorePattern set to `^_`, we could provide a suggestion which add a prefix`_` to your variable and no more eslint error
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-vars.js)
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 205531f31..6e3e39e4c 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -19,17 +19,34 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-unused-vars.html'
     },
     fixable: null,
-    schema: []
+    schema: [
+      {
+        'type': 'object',
+        'properties': {
+          'ignorePattern': {
+            'type': 'string'
+          }
+        },
+        'additionalProperties': false
+      }
+    ]
   },
 
   create (context) {
+    const option = context.options[0] || { }
+    const pattern = option['ignorePattern']
+    let regExp = null
+    if (pattern) {
+      regExp = new RegExp(pattern, 'u')
+    }
     return utils.defineTemplateBodyVisitor(context, {
       VElement (node) {
         const variables = node.variables
 
         for (
           let i = variables.length - 1;
-          i >= 0 && !variables[i].references.length;
+          // eslint-disable-next-line no-unmodified-loop-condition
+          i >= 0 && !variables[i].references.length && (regExp === null || !regExp.test(variables[i].id.name));
           i--
         ) {
           const variable = variables[i]
@@ -37,7 +54,15 @@ module.exports = {
             node: variable.id,
             loc: variable.id.loc,
             message: `'{{name}}' is defined but never used.`,
-            data: variable.id
+            data: variable.id,
+            suggest: pattern === '^_' ? [
+              {
+                desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
+                fix: function (fixer) {
+                  return fixer.replaceText(variable.id, `_${variable.id.name}`)
+                }
+              }
+            ] : []
           })
         }
       }
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index 09cfde9fc..cd2eb645d 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -52,6 +52,18 @@ tester.run('no-unused-vars', rule, {
     },
     {
       code: '<template><div v-for="x in foo" :[x]></div></template>'
+    },
+    {
+      code: '<template><div v-for="_ in foo" ></div></template>',
+      options: [{ ignorePattern: '^_' }]
+    },
+    {
+      code: '<template><div v-for="ignorei in foo" ></div></template>',
+      options: [{ ignorePattern: '^ignore' }]
+    },
+    {
+      code: '<template><div v-for="thisisignore in foo" ></div></template>',
+      options: [{ ignorePattern: 'ignore$' }]
     }
   ],
   invalid: [
@@ -82,6 +94,7 @@ tester.run('no-unused-vars', rule, {
     {
       code: '<template><div v-for="(a, b, c) in foo"></div></template>',
       errors: ["'a' is defined but never used.", "'b' is defined but never used.", "'c' is defined but never used."]
+
     },
     {
       code: '<template><div v-for="(a, b, c) in foo">{{a}}</div></template>',
@@ -97,7 +110,33 @@ tester.run('no-unused-vars', rule, {
     },
     {
       code: '<template><div v-for="x in items">{{value | x}}</div></template>',
+      errors: [{
+        message: "'x' is defined but never used.",
+        suggestions: [{
+          desc: 'Replace the x with _x',
+          output: '<template><div v-for="_x in items">{{value | x}}</div></template>'
+        }]
+      }],
+      options: [{ ignorePattern: '^_' }]
+    },
+    {
+      code: '<template><div v-for="x in items">{{value}}</div></template>',
+      options: [{ ignorePattern: 'ignore$' }],
       errors: ["'x' is defined but never used."]
+    },
+    {
+      code: '<template><span slot-scope="props"></span></template>',
+      errors: ["'props' is defined but never used."],
+      options: [{ ignorePattern: '^ignore' }]
+    },
+    {
+      code: '<template><span><template scope="props"></template></span></template>',
+      errors: ["'props' is defined but never used."],
+      options: [{ ignorePattern: '^ignore' }]
+    },
+    {
+      code: '<template><div v-for="_i in foo" ></div></template>',
+      errors: ["'_i' is defined but never used."]
     }
   ]
 })

From 566357264a5a4f54c109f9cdfe82bf34f06fdde2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 18:09:30 +0900
Subject: [PATCH 0024/1010] Add the ruleset for Vue.js 3 (#1061)

- Add `plugin:vue/vue3-essential` config
- Add `plugin:vue/vue3-strongly-recommended` config
- Add `plugin:vue/vue3-recommended` config
---
 .eslintrc.js                                  |   1 +
 docs/.vuepress/config.js                      |  46 +++++-
 docs/rules/README.md                          | 121 ++++++++++++--
 docs/rules/attribute-hyphenation.md           |   2 +-
 docs/rules/attributes-order.md                |   2 +-
 .../rules/component-definition-name-casing.md |   2 +-
 docs/rules/component-tags-order.md            |   2 +-
 docs/rules/html-closing-bracket-newline.md    |   2 +-
 docs/rules/html-closing-bracket-spacing.md    |   2 +-
 docs/rules/html-end-tags.md                   |   2 +-
 docs/rules/html-indent.md                     |   2 +-
 docs/rules/html-quotes.md                     |   2 +-
 docs/rules/html-self-closing.md               |   2 +-
 docs/rules/max-attributes-per-line.md         |   2 +-
 .../multiline-html-element-content-newline.md |   2 +-
 docs/rules/mustache-interpolation-spacing.md  |   2 +-
 docs/rules/no-async-in-computed-properties.md |   2 +-
 docs/rules/no-deprecated-filter.md            |   1 +
 docs/rules/no-deprecated-scope-attribute.md   |   1 +
 docs/rules/no-deprecated-slot-attribute.md    |   1 +
 .../no-deprecated-slot-scope-attribute.md     |   1 +
 docs/rules/no-deprecated-v-bind-sync.md       |   1 +
 docs/rules/no-dupe-keys.md                    |   2 +-
 docs/rules/no-duplicate-attributes.md         |   2 +-
 docs/rules/no-lifecycle-after-await.md        |   2 +
 docs/rules/no-multi-spaces.md                 |   2 +-
 docs/rules/no-parsing-error.md                |   2 +-
 docs/rules/no-ref-as-operand.md               |   2 +
 docs/rules/no-reserved-keys.md                |   2 +-
 docs/rules/no-setup-props-destructure.md      |   2 +
 docs/rules/no-shared-component-data.md        |   2 +-
 .../no-side-effects-in-computed-properties.md |   2 +-
 ...-spaces-around-equal-signs-in-attribute.md |   2 +-
 docs/rules/no-template-key.md                 |   2 +-
 docs/rules/no-template-shadow.md              |   2 +-
 docs/rules/no-textarea-mustache.md            |   2 +-
 docs/rules/no-unused-components.md            |   2 +-
 docs/rules/no-unused-vars.md                  |   2 +-
 docs/rules/no-use-v-if-with-v-for.md          |   2 +-
 docs/rules/no-v-html.md                       |   2 +-
 docs/rules/order-in-components.md             |   2 +-
 docs/rules/prop-name-casing.md                |   2 +-
 docs/rules/require-component-is.md            |   2 +-
 docs/rules/require-default-prop.md            |   2 +-
 docs/rules/require-prop-type-constructor.md   |   2 +-
 docs/rules/require-prop-types.md              |   2 +-
 docs/rules/require-render-return.md           |   2 +-
 docs/rules/require-v-for-key.md               |   2 +-
 docs/rules/require-valid-default-prop.md      |   2 +-
 docs/rules/return-in-computed-property.md     |   2 +-
 ...singleline-html-element-content-newline.md |   2 +-
 docs/rules/this-in-template.md                |   2 +-
 docs/rules/use-v-on-exact.md                  |   2 +-
 docs/rules/v-bind-style.md                    |   2 +-
 docs/rules/v-on-style.md                      |   2 +-
 docs/rules/v-slot-style.md                    |   2 +-
 docs/rules/valid-template-root.md             |   2 +-
 docs/rules/valid-v-bind.md                    |   2 +-
 docs/rules/valid-v-cloak.md                   |   2 +-
 docs/rules/valid-v-else-if.md                 |   2 +-
 docs/rules/valid-v-else.md                    |   2 +-
 docs/rules/valid-v-for.md                     |   2 +-
 docs/rules/valid-v-html.md                    |   2 +-
 docs/rules/valid-v-if.md                      |   2 +-
 docs/rules/valid-v-model.md                   |   2 +-
 docs/rules/valid-v-on.md                      |   2 +-
 docs/rules/valid-v-once.md                    |   2 +-
 docs/rules/valid-v-pre.md                     |   2 +-
 docs/rules/valid-v-show.md                    |   2 +-
 docs/rules/valid-v-slot.md                    |   2 +-
 docs/rules/valid-v-text.md                    |   2 +-
 docs/user-guide/README.md                     |   4 +-
 .../consistent-docs-description.js            |   2 +-
 .../no-invalid-meta-docs-categories.js        | 147 ++++++++++++++++++
 eslint-internal-rules/no-invalid-meta.js      |  10 +-
 .../require-meta-docs-url.js                  |   2 +-
 lib/configs/vue3-essential.js                 |  52 +++++++
 lib/configs/vue3-recommended.js               |  15 ++
 lib/configs/vue3-strongly-recommended.js      |  31 ++++
 lib/index.js                                  |   7 +-
 lib/rules/array-bracket-spacing.js            |   2 +-
 lib/rules/attribute-hyphenation.js            |   2 +-
 lib/rules/attributes-order.js                 |   2 +-
 lib/rules/block-spacing.js                    |   2 +-
 lib/rules/brace-style.js                      |   2 +-
 lib/rules/comment-directive.js                |   2 +-
 lib/rules/component-definition-name-casing.js |   2 +-
 .../component-name-in-template-casing.js      |   2 +-
 lib/rules/component-tags-order.js             |   2 +-
 lib/rules/html-closing-bracket-newline.js     |   2 +-
 lib/rules/html-closing-bracket-spacing.js     |   2 +-
 lib/rules/html-end-tags.js                    |   2 +-
 lib/rules/html-indent.js                      |   2 +-
 lib/rules/html-quotes.js                      |   2 +-
 lib/rules/html-self-closing.js                |   2 +-
 lib/rules/jsx-uses-vars.js                    |   2 +-
 lib/rules/key-spacing.js                      |   2 +-
 lib/rules/keyword-spacing.js                  |   2 +-
 lib/rules/match-component-file-name.js        |   2 +-
 lib/rules/max-attributes-per-line.js          |   2 +-
 lib/rules/max-len.js                          |   2 +-
 .../multiline-html-element-content-newline.js |   2 +-
 lib/rules/mustache-interpolation-spacing.js   |   2 +-
 lib/rules/name-property-casing.js             |   2 +-
 lib/rules/no-async-in-computed-properties.js  |   2 +-
 lib/rules/no-boolean-default.js               |   2 +-
 lib/rules/no-confusing-v-for-v-if.js          |   2 +-
 lib/rules/no-custom-modifiers-on-v-model.js   |   2 +-
 lib/rules/no-deprecated-filter.js             |   2 +-
 lib/rules/no-deprecated-scope-attribute.js    |   2 +-
 lib/rules/no-deprecated-slot-attribute.js     |   2 +-
 .../no-deprecated-slot-scope-attribute.js     |   2 +-
 lib/rules/no-deprecated-v-bind-sync.js        |   2 +-
 lib/rules/no-dupe-keys.js                     |   2 +-
 lib/rules/no-duplicate-attributes.js          |   2 +-
 lib/rules/no-irregular-whitespace.js          |   2 +-
 lib/rules/no-lifecycle-after-await.js         |   2 +-
 lib/rules/no-multi-spaces.js                  |   2 +-
 lib/rules/no-multiple-template-root.js        |   2 +-
 lib/rules/no-parsing-error.js                 |   2 +-
 lib/rules/no-ref-as-operand.js                |   2 +-
 lib/rules/no-reserved-component-names.js      |   2 +-
 lib/rules/no-reserved-keys.js                 |   2 +-
 lib/rules/no-setup-props-destructure.js       |   2 +-
 lib/rules/no-shared-component-data.js         |   2 +-
 .../no-side-effects-in-computed-properties.js |   2 +-
 ...-spaces-around-equal-signs-in-attribute.js |   2 +-
 lib/rules/no-static-inline-styles.js          |   2 +-
 lib/rules/no-template-key.js                  |   2 +-
 lib/rules/no-template-shadow.js               |   2 +-
 lib/rules/no-textarea-mustache.js             |   2 +-
 lib/rules/no-unsupported-features.js          |   2 +-
 lib/rules/no-unused-components.js             |   2 +-
 lib/rules/no-unused-vars.js                   |   2 +-
 lib/rules/no-use-v-if-with-v-for.js           |   2 +-
 lib/rules/no-v-html.js                        |   2 +-
 lib/rules/no-v-model-argument.js              |   2 +-
 lib/rules/object-curly-spacing.js             |   2 +-
 lib/rules/order-in-components.js              |   2 +-
 lib/rules/padding-line-between-blocks.js      |   2 +-
 lib/rules/prop-name-casing.js                 |   2 +-
 lib/rules/require-component-is.js             |   2 +-
 lib/rules/require-default-prop.js             |   2 +-
 lib/rules/require-direct-export.js            |   2 +-
 lib/rules/require-name-property.js            |   2 +-
 lib/rules/require-prop-type-constructor.js    |   2 +-
 lib/rules/require-prop-types.js               |   2 +-
 lib/rules/require-render-return.js            |   2 +-
 lib/rules/require-v-for-key.js                |   2 +-
 lib/rules/require-valid-default-prop.js       |   2 +-
 lib/rules/return-in-computed-property.js      |   2 +-
 lib/rules/script-indent.js                    |   2 +-
 ...singleline-html-element-content-newline.js |   2 +-
 lib/rules/sort-keys.js                        |   2 +-
 lib/rules/space-infix-ops.js                  |   2 +-
 lib/rules/space-unary-ops.js                  |   2 +-
 lib/rules/static-class-names-order.js         |   2 +-
 lib/rules/this-in-template.js                 |   2 +-
 lib/rules/use-v-on-exact.js                   |   2 +-
 lib/rules/v-bind-style.js                     |   2 +-
 lib/rules/v-on-function-call.js               |   2 +-
 lib/rules/v-on-style.js                       |   2 +-
 lib/rules/v-slot-style.js                     |   2 +-
 lib/rules/valid-template-root.js              |   2 +-
 lib/rules/valid-v-bind-sync.js                |   2 +-
 lib/rules/valid-v-bind.js                     |   2 +-
 lib/rules/valid-v-cloak.js                    |   2 +-
 lib/rules/valid-v-else-if.js                  |   2 +-
 lib/rules/valid-v-else.js                     |   2 +-
 lib/rules/valid-v-for.js                      |   2 +-
 lib/rules/valid-v-html.js                     |   2 +-
 lib/rules/valid-v-if.js                       |   2 +-
 lib/rules/valid-v-model.js                    |   2 +-
 lib/rules/valid-v-on.js                       |   2 +-
 lib/rules/valid-v-once.js                     |   2 +-
 lib/rules/valid-v-pre.js                      |   2 +-
 lib/rules/valid-v-show.js                     |   2 +-
 lib/rules/valid-v-slot.js                     |   2 +-
 lib/rules/valid-v-text.js                     |   2 +-
 package.json                                  |   1 +
 tools/lib/categories.js                       |  57 +++++--
 tools/lib/rules.js                            |  18 ++-
 tools/update-docs-rules-index.js              |   4 +-
 tools/update-docs.js                          |  36 ++++-
 tools/update-lib-configs.js                   |  33 ++--
 185 files changed, 696 insertions(+), 220 deletions(-)
 create mode 100644 eslint-internal-rules/no-invalid-meta-docs-categories.js
 create mode 100644 lib/configs/vue3-essential.js
 create mode 100644 lib/configs/vue3-recommended.js
 create mode 100644 lib/configs/vue3-strongly-recommended.js

diff --git a/.eslintrc.js b/.eslintrc.js
index eade1e93d..2693499d0 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -29,6 +29,7 @@ module.exports = {
     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": ["error", {
         "pattern": `https://eslint.vuejs.org/rules/{{name}}.html`
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 3f8282598..0b78e7eba 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -5,11 +5,47 @@
 'use strict'
 
 const rules = require('../../tools/lib/rules')
-const categories = require('../../tools/lib/categories')
 
-const uncategorizedRules = rules.filter(rule => !rule.meta.docs.category && !rule.meta.deprecated)
+const uncategorizedRules = rules.filter(rule => !rule.meta.docs.categories && !rule.meta.deprecated)
 const deprecatedRules = rules.filter(rule => rule.meta.deprecated)
 
+const sidebarCategories = [
+  { title: 'Base Rules', categoryIds: ['base'] },
+  { title: 'Priority A: Essential', categoryIds: ['vue3-essential', 'essential'] },
+  { title: 'Priority A: Essential for Vue.js 3.x', categoryIds: ['vue3-essential'] },
+  { title: 'Priority A: Essential for Vue.js 2.x', categoryIds: ['essential'] },
+  { title: 'Priority B: Strongly Recommended', categoryIds: ['vue3-strongly-recommended', 'strongly-recommended'] },
+  { title: 'Priority B: Strongly Recommended for Vue.js 3.x', categoryIds: ['vue3-strongly-recommended'] },
+  { title: 'Priority B: Strongly Recommended for Vue.js 2.x', categoryIds: ['strongly-recommended'] },
+  { title: 'Priority C: Recommended', categoryIds: ['vue3-recommended', 'recommended'] },
+  { title: 'Priority C: Recommended for Vue.js 3.x', categoryIds: ['vue3-recommended'] },
+  { title: 'Priority C: Recommended for Vue.js 2.x', categoryIds: ['recommended'] }
+]
+
+const categorizedRules = []
+for (const { title, categoryIds } of sidebarCategories) {
+  const categoryRules = rules
+    .filter(rule => rule.meta.docs.categories && !rule.meta.deprecated)
+    .filter(rule => categoryIds
+      .every(categoryId => rule.meta.docs.categories.includes(categoryId))
+    )
+  const children = categoryRules
+    .filter(({ ruleId }) => {
+      const exists = categorizedRules.some(({ children }) => children.some(([, alreadyRuleId]) => alreadyRuleId === ruleId))
+      return !exists
+    })
+    .map(({ ruleId, name }) => [`/rules/${name}`, ruleId])
+
+  if (children.length === 0) {
+    continue
+  }
+  categorizedRules.push({
+    title,
+    collapsable: false,
+    children
+  })
+}
+
 const extraCategories = []
 if (uncategorizedRules.length > 0) {
   extraCategories.push({
@@ -59,11 +95,7 @@ module.exports = {
         '/rules/',
 
         // Rules in each category.
-        ...categories.map(({ title, rules }) => ({
-          title: title.replace(/ \(.+?\)/, ''),
-          collapsable: false,
-          children: rules.map(({ ruleId, name }) => [`/rules/${name}`, ruleId])
-        })),
+        ...categorizedRules,
 
         // Rules in no category.
         ...extraCategories
diff --git a/docs/rules/README.md b/docs/rules/README.md
index 5b21a0840..e184873e5 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -26,7 +26,114 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  |
 | [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  |
 
-## Priority A: Essential (Error Prevention)
+## Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
+
+Enforce all the rules in this category, as well as all higher priority rules, with:
+
+```json
+{
+  "extends": "plugin:vue/vue3-essential"
+}
+```
+
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+| [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
+| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
+| [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
+| [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
+| [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
+| [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
+| [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
+| [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
+| [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
+| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
+| [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
+| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  |
+| [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
+| [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
+| [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
+| [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
+| [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
+| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
+| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
+| [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
+| [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
+| [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
+| [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
+| [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
+| [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
+| [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
+| [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
+| [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  |
+| [vue/valid-v-else-if](./valid-v-else-if.md) | enforce valid `v-else-if` directives |  |
+| [vue/valid-v-else](./valid-v-else.md) | enforce valid `v-else` directives |  |
+| [vue/valid-v-for](./valid-v-for.md) | enforce valid `v-for` directives |  |
+| [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  |
+| [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  |
+| [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  |
+| [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  |
+| [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  |
+| [vue/valid-v-pre](./valid-v-pre.md) | enforce valid `v-pre` directives |  |
+| [vue/valid-v-show](./valid-v-show.md) | enforce valid `v-show` directives |  |
+| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  |
+| [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  |
+
+## Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
+
+Enforce all the rules in this category, as well as all higher priority rules, with:
+
+```json
+{
+  "extends": "plugin:vue/vue3-strongly-recommended"
+}
+```
+
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+| [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: |
+| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
+| [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: |
+| [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: |
+| [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: |
+| [vue/html-indent](./html-indent.md) | enforce consistent indentation in `<template>` | :wrench: |
+| [vue/html-quotes](./html-quotes.md) | enforce quotes style of HTML attributes | :wrench: |
+| [vue/html-self-closing](./html-self-closing.md) | enforce self-closing style | :wrench: |
+| [vue/max-attributes-per-line](./max-attributes-per-line.md) | enforce the maximum number of attributes per line | :wrench: |
+| [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element | :wrench: |
+| [vue/mustache-interpolation-spacing](./mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations | :wrench: |
+| [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: |
+| [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: |
+| [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  |
+| [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
+| [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
+| [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
+| [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
+| [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
+| [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: |
+| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
+
+## Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
+
+Enforce all the rules in this category, as well as all higher priority rules, with:
+
+```json
+{
+  "extends": "plugin:vue/vue3-recommended"
+}
+```
+
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+| [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
+| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
+| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
+| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template |  |
+
+## Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
 
 Enforce all the rules in this category, as well as all higher priority rules, with:
 
@@ -77,7 +184,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  |
 | [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  |
 
-## Priority B: Strongly Recommended (Improving Readability)
+## Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
 
 Enforce all the rules in this category, as well as all higher priority rules, with:
 
@@ -111,7 +218,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: |
 | [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
 
-## Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
+## Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
 
 Enforce all the rules in this category, as well as all higher priority rules, with:
 
@@ -160,18 +267,10 @@ For example:
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
-| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
-| [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
-| [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
-| [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
-| [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
-| [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
-| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
-| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index 803baab0a..5a1ff4155 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -7,7 +7,7 @@ description: enforce attribute naming style on custom components in template
 # vue/attribute-hyphenation
 > enforce attribute naming style on custom components in template
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 59941462a..5efeb6ec8 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -7,7 +7,7 @@ description: enforce order of attributes
 # vue/attributes-order
 > enforce order of attributes
 
-- :gear: This rule is included in `"plugin:vue/recommended"`.
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index d5566ca9c..44d543f64 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -7,7 +7,7 @@ description: enforce specific casing for component definition name
 # vue/component-definition-name-casing
 > enforce specific casing for component definition name
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for component definition name casing for consistency purposes.
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index e66cb665a..3d157dc00 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -7,7 +7,7 @@ description: enforce order of component top-level elements
 # vue/component-tags-order
 > enforce order of component top-level elements
 
-- :gear: This rule is included in `"plugin:vue/recommended"`.
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index a27a14f5d..68d405fef 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -7,7 +7,7 @@ description: require or disallow a line break before tag's closing brackets
 # vue/html-closing-bracket-newline
 > require or disallow a line break before tag's closing brackets
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 People have their own preference about the location of closing brackets.
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index e77b9d7ec..32bf93b0d 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -7,7 +7,7 @@ description: require or disallow a space before tag's closing brackets
 # vue/html-closing-bracket-spacing
 > require or disallow a space before tag's closing brackets
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index 9cf5c1105..0cc0dac3f 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -7,7 +7,7 @@ description: enforce end tag style
 # vue/html-end-tags
 > enforce end tag style
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 4c366451c..81e225852 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -7,7 +7,7 @@ description: enforce consistent indentation in `<template>`
 # vue/html-indent
 > enforce consistent indentation in `<template>`
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 2d95009fe..48e40b93f 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -7,7 +7,7 @@ description: enforce quotes style of HTML attributes
 # vue/html-quotes
 > enforce quotes style of HTML attributes
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 You can choose quotes of HTML attributes from:
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index da83e5b73..d83e15103 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -7,7 +7,7 @@ description: enforce self-closing style
 # vue/html-self-closing
 > enforce self-closing style
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 97e0402ed..72eb5212a 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -7,7 +7,7 @@ description: enforce the maximum number of attributes per line
 # vue/max-attributes-per-line
 > enforce the maximum number of attributes per line
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 Limits the maximum number of attributes/properties per line to improve readability.
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index c3eab2c2e..e2089eaa6 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -7,7 +7,7 @@ description: require a line break before and after the contents of a multiline e
 # vue/multiline-html-element-content-newline
 > require a line break before and after the contents of a multiline element
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index 05db8ed48..63721f8db 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -7,7 +7,7 @@ description: enforce unified spacing in mustache interpolations
 # vue/mustache-interpolation-spacing
 > enforce unified spacing in mustache interpolations
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 7e2a39629..f1ee921d0 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -7,7 +7,7 @@ description: disallow asynchronous actions in computed properties
 # vue/no-async-in-computed-properties
 > disallow asynchronous actions in computed properties
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 Computed properties should be synchronous. Asynchronous actions inside them may not work as expected and can lead to an unexpected behaviour, that's why you should avoid them.
 If you need async computed properties you might want to consider using additional plugin [vue-async-computed]
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index f72a8ee8b..70a62e896 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -7,6 +7,7 @@ description: disallow using deprecated filters syntax
 # vue/no-deprecated-filter
 > disallow using deprecated filters syntax
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index d7ac6ef99..d8dcbede3 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -7,6 +7,7 @@ description: disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 # vue/no-deprecated-scope-attribute
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 9da6225a7..aacfcbda8 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -7,6 +7,7 @@ description: disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 # vue/no-deprecated-slot-attribute
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 2282a361c..321d7a956 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -7,6 +7,7 @@ description: disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 # vue/no-deprecated-slot-scope-attribute
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index 056b10a91..642df95bf 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -7,6 +7,7 @@ description: disallow use of deprecated `.sync` modifier on `v-bind` directive (
 # vue/no-deprecated-v-bind-sync
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index f139792d2..b4e2834b8 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -7,7 +7,7 @@ description: disallow duplication of field names
 # vue/no-dupe-keys
 > disallow duplication of field names
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule prevents to use duplicated names.
 
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index bdccf50bd..32db6e44c 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -7,7 +7,7 @@ description: disallow duplication of attributes
 # vue/no-duplicate-attributes
 > disallow duplication of attributes
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 When duplicate arguments exist, only the last one is valid.
 It's possibly mistakes.
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index aaa521f7c..80f9d1b5e 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -7,6 +7,8 @@ description: disallow asynchronously registered lifecycle hooks
 # vue/no-lifecycle-after-await
 > disallow asynchronously registered lifecycle hooks
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule reports the lifecycle hooks after `await` expression.  
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 72655e99e..765b81bc0 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -7,7 +7,7 @@ description: disallow multiple spaces
 # vue/no-multi-spaces
 > disallow multiple spaces
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index 502104724..6416fb246 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -7,7 +7,7 @@ description: disallow parsing errors in `<template>`
 # vue/no-parsing-error
 > disallow parsing errors in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule reports syntax errors in `<template>`. For example:
 
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index e6d0b94b3..c983d669d 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -7,6 +7,8 @@ description: disallow use of value wrapped by `ref()` (Composition API) as an op
 # vue/no-ref-as-operand
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule reports cases where a ref is used incorrectly as an operand.
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index f16da3e25..fee1cf0ee 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -7,7 +7,7 @@ description: disallow overwriting reserved keys
 # vue/no-reserved-keys
 > disallow overwriting reserved keys
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 2c56d9aa2..8492e5f0b 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -7,6 +7,8 @@ description: disallow destructuring of `props` passed to `setup`
 # vue/no-setup-props-destructure
 > disallow destructuring of `props` passed to `setup`
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule reports the destructuring of `props` passed to `setup` causing the value to lose reactivity.
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index cfa87ede8..cc0621439 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -7,7 +7,7 @@ description: enforce component's data property to be a function
 # vue/no-shared-component-data
 > enforce component's data property to be a function
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 When using the data property on a component (i.e. anywhere except on `new Vue`), the value must be a function that returns an object.
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 8e3e694b6..6d4c37488 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -7,7 +7,7 @@ description: disallow side effects in computed properties
 # vue/no-side-effects-in-computed-properties
 > disallow side effects in computed properties
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index 8498e3cc3..05cf39ff4 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -7,7 +7,7 @@ description: disallow spaces around equal signs in attribute
 # vue/no-spaces-around-equal-signs-in-attribute
 > disallow spaces around equal signs in attribute
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index e62f754b2..ca54192da 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -7,7 +7,7 @@ description: disallow `key` attribute on `<template>`
 # vue/no-template-key
 > disallow `key` attribute on `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 Vue.js disallows `key` attribute on `<template>` elements.
 
diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 3c3238813..b3bbc6c08 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -7,7 +7,7 @@ description: disallow variable declarations from shadowing variables declared in
 # vue/no-template-shadow
 > disallow variable declarations from shadowing variables declared in the outer scope
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 `no-template-shadow` should report variable definitions of v-for directives or scope attributes if those shadows the variables in parent scopes.
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index b5e1230e1..df7814e39 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -7,7 +7,7 @@ description: disallow mustaches in `<textarea>`
 # vue/no-textarea-mustache
 > disallow mustaches in `<textarea>`
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unused-components.md b/docs/rules/no-unused-components.md
index c63d98bab..4f86cf713 100644
--- a/docs/rules/no-unused-components.md
+++ b/docs/rules/no-unused-components.md
@@ -7,7 +7,7 @@ description: disallow registering components that are not used inside templates
 # vue/no-unused-components
 > disallow registering components that are not used inside templates
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index 3ce57fa94..321aede1a 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -7,7 +7,7 @@ description: disallow unused variable definitions of v-for directives or scope a
 # vue/no-unused-vars
 > disallow unused variable definitions of v-for directives or scope attributes
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 44c33531e..da17a2fe1 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -7,7 +7,7 @@ description: disallow use v-if on the same element as v-for
 # vue/no-use-v-if-with-v-for
 > disallow use v-if on the same element as v-for
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 76b01afbd..44563aa99 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -7,7 +7,7 @@ description: disallow use of v-html to prevent XSS attack
 # vue/no-v-html
 > disallow use of v-html to prevent XSS attack
 
-- :gear: This rule is included in `"plugin:vue/recommended"`.
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index d215cf1ee..25c62fe88 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -7,7 +7,7 @@ description: enforce order of properties in components
 # vue/order-in-components
 > enforce order of properties in components
 
-- :gear: This rule is included in `"plugin:vue/recommended"`.
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index def33cd5e..582432292 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -7,7 +7,7 @@ description: enforce specific casing for the Prop name in Vue components
 # vue/prop-name-casing
 > enforce specific casing for the Prop name in Vue components
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index c586ffd6d..0772f283b 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -7,7 +7,7 @@ description: require `v-bind:is` of `<component>` elements
 # vue/require-component-is
 > require `v-bind:is` of `<component>` elements
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index f49849b75..1fa67232a 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -7,7 +7,7 @@ description: require default value for props
 # vue/require-default-prop
 > require default value for props
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 79e500ee7..af004aaf3 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -7,7 +7,7 @@ description: require prop type to be a constructor
 # vue/require-prop-type-constructor
 > require prop type to be a constructor
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index dc730364d..3a1de73e5 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -7,7 +7,7 @@ description: require type definitions in props
 # vue/require-prop-types
 > require type definitions in props
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index 6c436bb6c..990ec2e68 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -7,7 +7,7 @@ description: enforce render function to always return value
 # vue/require-render-return
 > enforce render function to always return value
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index 2feff9970..19d693093 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -7,7 +7,7 @@ description: require `v-bind:key` with `v-for` directives
 # vue/require-v-for-key
 > require `v-bind:key` with `v-for` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index ff9d75e89..19888a214 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -7,7 +7,7 @@ description: enforce props default values to be valid
 # vue/require-valid-default-prop
 > enforce props default values to be valid
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 6e156a70e..0defe5c24 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -7,7 +7,7 @@ description: enforce that a return statement is present in computed property
 # vue/return-in-computed-property
 > enforce that a return statement is present in computed property
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 6ff57bc5e..0543b4ef3 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -7,7 +7,7 @@ description: require a line break before and after the contents of a singleline
 # vue/singleline-html-element-content-newline
 > require a line break before and after the contents of a singleline element
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index fdf821b60..0a2be2237 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -7,7 +7,7 @@ description: disallow usage of `this` in template
 # vue/this-in-template
 > disallow usage of `this` in template
 
-- :gear: This rule is included in `"plugin:vue/recommended"`.
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index 95be3bb0a..9bd9cc096 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -7,7 +7,7 @@ description: enforce usage of `exact` modifier on `v-on`
 # vue/use-v-on-exact
 > enforce usage of `exact` modifier on `v-on`
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 515b9a254..438b1ea81 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -7,7 +7,7 @@ description: enforce `v-bind` directive style
 # vue/v-bind-style
 > enforce `v-bind` directive style
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index bdb709481..b126c913d 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -7,7 +7,7 @@ description: enforce `v-on` directive style
 # vue/v-on-style
 > enforce `v-on` directive style
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 9fdddaa77..bd014971a 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -7,7 +7,7 @@ description: enforce `v-slot` directive style
 # vue/v-slot-style
 > enforce `v-slot` directive style
 
-- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index 7d6e07782..85bea862c 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -7,7 +7,7 @@ description: enforce valid template root
 # vue/valid-template-root
 > enforce valid template root
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every template root is valid.
 
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index 03c550f44..3c70abd16 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -7,7 +7,7 @@ description: enforce valid `v-bind` directives
 # vue/valid-v-bind
 > enforce valid `v-bind` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-bind` directive is valid.
 
diff --git a/docs/rules/valid-v-cloak.md b/docs/rules/valid-v-cloak.md
index 624140b0e..a5076cc60 100644
--- a/docs/rules/valid-v-cloak.md
+++ b/docs/rules/valid-v-cloak.md
@@ -7,7 +7,7 @@ description: enforce valid `v-cloak` directives
 # vue/valid-v-cloak
 > enforce valid `v-cloak` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-cloak` directive is valid.
 
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index c644929f8..6cb867192 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -7,7 +7,7 @@ description: enforce valid `v-else-if` directives
 # vue/valid-v-else-if
 > enforce valid `v-else-if` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-else-if` directive is valid.
 
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index 3dcd4bb13..5cce23f33 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -7,7 +7,7 @@ description: enforce valid `v-else` directives
 # vue/valid-v-else
 > enforce valid `v-else` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-else` directive is valid.
 
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 619434ec5..91c52ef11 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -7,7 +7,7 @@ description: enforce valid `v-for` directives
 # vue/valid-v-for
 > enforce valid `v-for` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-for` directive is valid.
 
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index 0de9a9cbf..e979d8978 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -7,7 +7,7 @@ description: enforce valid `v-html` directives
 # vue/valid-v-html
 > enforce valid `v-html` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-html` directive is valid.
 
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index 0729ab708..191734b26 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -7,7 +7,7 @@ description: enforce valid `v-if` directives
 # vue/valid-v-if
 > enforce valid `v-if` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-if` directive is valid.
 
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 934b5edff..f3a0afca3 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -7,7 +7,7 @@ description: enforce valid `v-model` directives
 # vue/valid-v-model
 > enforce valid `v-model` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-model` directive is valid.
 
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index d6f73c49b..e588db0b6 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -7,7 +7,7 @@ description: enforce valid `v-on` directives
 # vue/valid-v-on
 > enforce valid `v-on` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-on` directive is valid.
 
diff --git a/docs/rules/valid-v-once.md b/docs/rules/valid-v-once.md
index db786fafa..6a029c5d3 100644
--- a/docs/rules/valid-v-once.md
+++ b/docs/rules/valid-v-once.md
@@ -7,7 +7,7 @@ description: enforce valid `v-once` directives
 # vue/valid-v-once
 > enforce valid `v-once` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-once` directive is valid.
 
diff --git a/docs/rules/valid-v-pre.md b/docs/rules/valid-v-pre.md
index 82c366f74..e0b08ac87 100644
--- a/docs/rules/valid-v-pre.md
+++ b/docs/rules/valid-v-pre.md
@@ -7,7 +7,7 @@ description: enforce valid `v-pre` directives
 # vue/valid-v-pre
 > enforce valid `v-pre` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-pre` directive is valid.
 
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index ce962c369..e6d703b43 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -7,7 +7,7 @@ description: enforce valid `v-show` directives
 # vue/valid-v-show
 > enforce valid `v-show` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-show` directive is valid.
 
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index df3fce524..68429e54f 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -7,7 +7,7 @@ description: enforce valid `v-slot` directives
 # vue/valid-v-slot
 > enforce valid `v-slot` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-slot` directive is valid.
 
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index 5c2d9901f..566f8e192 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -7,7 +7,7 @@ description: enforce valid `v-text` directives
 # vue/valid-v-text
 > enforce valid `v-text` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether every `v-text` directive is valid.
 
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 1c4d0e38d..0e9fbd630 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -35,7 +35,7 @@ module.exports = {
   extends: [
     // add more generic rulesets here, such as:
     // 'eslint:recommended',
-    'plugin:vue/recommended'
+    'plugin:vue/vue3-recommended'
   ],
   rules: {
     // override/add rules settings here, such as:
@@ -187,7 +187,7 @@ Most `eslint-plugin-vue` rules require `vue-eslint-parser` to check `<template>`
 
 Make sure you have one of the following settings in your **.eslintrc**:
 
-- `"extends": ["plugin:vue/recommended"]`
+- `"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:
diff --git a/eslint-internal-rules/consistent-docs-description.js b/eslint-internal-rules/consistent-docs-description.js
index f93149e78..6a6e4b9c4 100644
--- a/eslint-internal-rules/consistent-docs-description.js
+++ b/eslint-internal-rules/consistent-docs-description.js
@@ -116,7 +116,7 @@ module.exports = {
   meta: {
     docs: {
       description: 'enforce correct conventions of `meta.docs.description` property in core rules',
-      category: 'Internal'
+      categories: ['Internal']
     },
     fixable: 'code',
     schema: []
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
new file mode 100644
index 000000000..5332cfe56
--- /dev/null
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -0,0 +1,147 @@
+/**
+ * @fileoverview Internal rule to prevent missing or invalid meta property in core rules.
+ * @author Vitor Balocco
+ */
+
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Gets the property of the Object node passed in that has the name specified.
+ *
+ * @param {string} property Name of the property to return.
+ * @param {ASTNode} node The ObjectExpression node.
+ * @returns {ASTNode} The Property node or null if not found.
+ */
+function getPropertyFromObject (property, node) {
+  if (node && node.type === 'ObjectExpression') {
+    const properties = node.properties
+
+    for (let i = 0; i < properties.length; i++) {
+      if (properties[i].key.name === property) {
+        return properties[i]
+      }
+    }
+  }
+  return null
+}
+
+/**
+ * Extracts the `meta` property from the ObjectExpression that all rules export.
+ *
+ * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
+ * @returns {ASTNode} The `meta` Property node or null if not found.
+ */
+function getMetaPropertyFromExportsNode (exportsNode) {
+  return getPropertyFromObject('meta', exportsNode)
+}
+
+/**
+ * Checks the validity of the meta definition of this rule and reports any errors found.
+ *
+ * @param {RuleContext} context The ESLint rule context.
+ * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
+ * @param {boolean} ruleIsFixable whether the rule is fixable or not.
+ * @returns {void}
+ */
+function checkMetaValidity (context, exportsNode) {
+  const metaProperty = getMetaPropertyFromExportsNode(exportsNode)
+  if (!metaProperty) {
+    return
+  }
+
+  const metaDocs = getPropertyFromObject('docs', metaProperty.value)
+  if (!metaDocs) {
+    return
+  }
+
+  const categories = getPropertyFromObject('categories', metaDocs.value)
+  if (!categories) {
+    context.report({
+      node: metaDocs,
+      message: 'Rule is missing a meta.docs.categories property.',
+      fix (fixer) {
+        const category = getPropertyFromObject('category', metaDocs.value)
+        if (!category) {
+          return null
+        }
+        const fixes = [fixer.replaceText(category.key, 'categories')]
+        if (category.value && category.value.type === 'Literal' && typeof category.value.value === 'string') {
+          // fixes.push(fixer.insertTextBefore(category.value, '['), fixer.insertTextAfter(category.value, ']'))
+
+          // for vue3 migration
+          if (category.value.value !== 'base') {
+            fixes.push(fixer.insertTextBefore(category.value, `['vue3-${category.value.value}', `))
+          } else {
+            fixes.push(fixer.insertTextBefore(category.value, '['))
+          }
+          fixes.push(fixer.insertTextAfter(category.value, ']'))
+        }
+        return fixes
+      }
+    })
+    return
+  }
+
+  if (categories.value &&
+    (
+      categories.value.type !== 'ArrayExpression' &&
+      !(categories.value.type === 'Literal' && categories.value.value == null) &&
+      !(categories.value.type === 'Identifier' && categories.value.name === 'undefined')
+    )) {
+    context.report(categories.value, 'meta.docs.categories must be an array.')
+  }
+}
+
+/**
+ * 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
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'enforce correct use of `meta` property in core rules',
+      categories: ['Internal']
+    },
+    fixable: 'code',
+    schema: []
+  },
+
+  create (context) {
+    let exportsNode
+
+    return {
+      AssignmentExpression (node) {
+        if (node.left &&
+            node.right &&
+            node.left.type === 'MemberExpression' &&
+            node.left.object.name === 'module' &&
+            node.left.property.name === 'exports') {
+          exportsNode = node.right
+        }
+      },
+
+      '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)
+      }
+    }
+  }
+}
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index bd96f4f74..8d3818984 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -67,10 +67,10 @@ function hasMetaDocsDescription (metaPropertyNode) {
  * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
  * @returns {boolean} `true` if a `docs.category` property exists.
  */
-function hasMetaDocsCategory (metaPropertyNode) {
+function hasMetaDocsCategories (metaPropertyNode) {
   const metaDocs = getPropertyFromObject('docs', metaPropertyNode.value)
 
-  return metaDocs && getPropertyFromObject('category', metaDocs.value)
+  return metaDocs && getPropertyFromObject('categories', metaDocs.value)
 }
 
 /**
@@ -109,8 +109,8 @@ function checkMetaValidity (context, exportsNode) {
     return
   }
 
-  if (!hasMetaDocsCategory(metaProperty)) {
-    context.report(metaProperty, 'Rule is missing a meta.docs.category property.')
+  if (!hasMetaDocsCategories(metaProperty)) {
+    context.report(metaProperty, 'Rule is missing a meta.docs.categories property.')
     return
   }
 
@@ -137,7 +137,7 @@ module.exports = {
   meta: {
     docs: {
       description: 'enforce correct use of `meta` property in core rules',
-      category: 'Internal'
+      categories: ['Internal']
     },
 
     schema: []
diff --git a/eslint-internal-rules/require-meta-docs-url.js b/eslint-internal-rules/require-meta-docs-url.js
index 14a4a9f1a..87385b01e 100644
--- a/eslint-internal-rules/require-meta-docs-url.js
+++ b/eslint-internal-rules/require-meta-docs-url.js
@@ -125,7 +125,7 @@ module.exports = {
   meta: {
     docs: {
       description: 'require rules to implement a meta.docs.url property',
-      category: 'Rules',
+      categories: ['Rules'],
       recommended: false
     },
     fixable: 'code',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
new file mode 100644
index 000000000..3e45ddd2c
--- /dev/null
+++ b/lib/configs/vue3-essential.js
@@ -0,0 +1,52 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update it's content execute "npm run update"
+ */
+module.exports = {
+  extends: require.resolve('./base'),
+  rules: {
+    'vue/no-async-in-computed-properties': 'error',
+    'vue/no-deprecated-filter': 'error',
+    'vue/no-deprecated-scope-attribute': 'error',
+    'vue/no-deprecated-slot-attribute': 'error',
+    'vue/no-deprecated-slot-scope-attribute': 'error',
+    'vue/no-deprecated-v-bind-sync': 'error',
+    'vue/no-dupe-keys': 'error',
+    'vue/no-duplicate-attributes': 'error',
+    'vue/no-lifecycle-after-await': 'error',
+    'vue/no-parsing-error': 'error',
+    'vue/no-ref-as-operand': 'error',
+    'vue/no-reserved-keys': 'error',
+    'vue/no-setup-props-destructure': 'error',
+    'vue/no-shared-component-data': 'error',
+    'vue/no-side-effects-in-computed-properties': 'error',
+    'vue/no-template-key': 'error',
+    'vue/no-textarea-mustache': 'error',
+    'vue/no-unused-components': 'error',
+    'vue/no-unused-vars': 'error',
+    'vue/no-use-v-if-with-v-for': 'error',
+    'vue/require-component-is': 'error',
+    'vue/require-prop-type-constructor': 'error',
+    'vue/require-render-return': 'error',
+    'vue/require-v-for-key': 'error',
+    'vue/require-valid-default-prop': 'error',
+    'vue/return-in-computed-property': 'error',
+    'vue/use-v-on-exact': 'error',
+    'vue/valid-template-root': 'error',
+    'vue/valid-v-bind': 'error',
+    'vue/valid-v-cloak': 'error',
+    'vue/valid-v-else-if': 'error',
+    'vue/valid-v-else': 'error',
+    'vue/valid-v-for': 'error',
+    'vue/valid-v-html': 'error',
+    'vue/valid-v-if': 'error',
+    'vue/valid-v-model': 'error',
+    'vue/valid-v-on': 'error',
+    'vue/valid-v-once': 'error',
+    'vue/valid-v-pre': 'error',
+    'vue/valid-v-show': 'error',
+    'vue/valid-v-slot': 'error',
+    'vue/valid-v-text': 'error'
+  }
+}
diff --git a/lib/configs/vue3-recommended.js b/lib/configs/vue3-recommended.js
new file mode 100644
index 000000000..700f0f8f5
--- /dev/null
+++ b/lib/configs/vue3-recommended.js
@@ -0,0 +1,15 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update it's content execute "npm run update"
+ */
+module.exports = {
+  extends: require.resolve('./vue3-strongly-recommended'),
+  rules: {
+    'vue/attributes-order': 'warn',
+    'vue/component-tags-order': 'warn',
+    'vue/no-v-html': 'warn',
+    'vue/order-in-components': 'warn',
+    'vue/this-in-template': 'warn'
+  }
+}
diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
new file mode 100644
index 000000000..771c5b922
--- /dev/null
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -0,0 +1,31 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update it's content execute "npm run update"
+ */
+module.exports = {
+  extends: require.resolve('./vue3-essential'),
+  rules: {
+    'vue/attribute-hyphenation': 'warn',
+    'vue/component-definition-name-casing': 'warn',
+    'vue/html-closing-bracket-newline': 'warn',
+    'vue/html-closing-bracket-spacing': 'warn',
+    'vue/html-end-tags': 'warn',
+    'vue/html-indent': 'warn',
+    'vue/html-quotes': 'warn',
+    'vue/html-self-closing': 'warn',
+    'vue/max-attributes-per-line': 'warn',
+    'vue/multiline-html-element-content-newline': 'warn',
+    'vue/mustache-interpolation-spacing': 'warn',
+    'vue/no-multi-spaces': 'warn',
+    'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
+    'vue/no-template-shadow': 'warn',
+    'vue/prop-name-casing': 'warn',
+    'vue/require-default-prop': 'warn',
+    'vue/require-prop-types': 'warn',
+    'vue/singleline-html-element-content-newline': 'warn',
+    'vue/v-bind-style': 'warn',
+    'vue/v-on-style': 'warn',
+    'vue/v-slot-style': 'warn'
+  }
+}
diff --git a/lib/index.js b/lib/index.js
index 55d753058..10e2e8766 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -39,8 +39,8 @@ module.exports = {
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
-    'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
+    'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
@@ -119,7 +119,10 @@ module.exports = {
     'essential': require('./configs/essential'),
     'no-layout-rules': require('./configs/no-layout-rules'),
     'recommended': require('./configs/recommended'),
-    'strongly-recommended': require('./configs/strongly-recommended')
+    'strongly-recommended': require('./configs/strongly-recommended'),
+    'vue3-essential': require('./configs/vue3-essential'),
+    'vue3-recommended': require('./configs/vue3-recommended'),
+    'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended')
   },
   processors: {
     '.vue': require('./processor')
diff --git a/lib/rules/array-bracket-spacing.js b/lib/rules/array-bracket-spacing.js
index 359a29c72..a08215e2b 100644
--- a/lib/rules/array-bracket-spacing.js
+++ b/lib/rules/array-bracket-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/array-bracket-spacing'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 2ead228b7..9873d3657 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -16,7 +16,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce attribute naming style on custom components in template',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/attribute-hyphenation.html'
     },
     fixable: 'code',
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 32b1cb102..1641e9b7f 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -162,7 +162,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of attributes',
-      category: 'recommended',
+      categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/attributes-order.html'
     },
     fixable: 'code',
diff --git a/lib/rules/block-spacing.js b/lib/rules/block-spacing.js
index 6877ce313..32c22a26b 100644
--- a/lib/rules/block-spacing.js
+++ b/lib/rules/block-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/block-spacing'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/brace-style.js b/lib/rules/brace-style.js
index 4d0999dda..f74715629 100644
--- a/lib/rules/brace-style.js
+++ b/lib/rules/brace-style.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/brace-style'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 09d1c6443..d5a1eeb86 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -109,7 +109,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'support comment-directives in `<template>`',
-      category: 'base',
+      categories: ['base'],
       url: 'https://eslint.vuejs.org/rules/comment-directive.html'
     },
     schema: []
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index efb3c3596..350ea9066 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce specific casing for component definition name',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
     },
     fixable: 'code', // or "code" or "whitespace"
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 66461ac09..2a8970555 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -28,7 +28,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce specific casing for the component naming style in template',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/component-name-in-template-casing.html'
     },
     fixable: 'code',
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 3cfb74849..46dde00c8 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -21,7 +21,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of component top-level elements',
-      category: 'recommended',
+      categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
     fixable: null,
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 3752b7541..02ddeb445 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -32,7 +32,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: "require or disallow a line break before tag's closing brackets",
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-newline.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index 3a3dfe7b1..eaf885ba5 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -53,7 +53,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'require or disallow a space before tag\'s closing brackets',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-spacing.html'
     },
     schema: [{
diff --git a/lib/rules/html-end-tags.js b/lib/rules/html-end-tags.js
index 8ca156e9b..cce52b721 100644
--- a/lib/rules/html-end-tags.js
+++ b/lib/rules/html-end-tags.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce end tag style',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-end-tags.html'
     },
     fixable: 'code',
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 4e0ac1864..b8d6b2e7d 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -29,7 +29,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce consistent indentation in `<template>`',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-indent.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index b27b9d98d..6740a5590 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce quotes style of HTML attributes',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-quotes.html'
     },
     fixable: 'code',
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 4f64beb26..b64c86ca1 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -88,7 +88,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce self-closing style',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-self-closing.html'
     },
     fixable: 'code',
diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index 7b11d0770..b5abaf702 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -39,7 +39,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'prevent variables used in JSX to be marked as unused', // eslint-disable-line consistent-docs-description
-      category: 'base',
+      categories: ['base'],
       url: 'https://eslint.vuejs.org/rules/jsx-uses-vars.html'
     },
     schema: []
diff --git a/lib/rules/key-spacing.js b/lib/rules/key-spacing.js
index 5dd81f5fc..f594086a9 100644
--- a/lib/rules/key-spacing.js
+++ b/lib/rules/key-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/key-spacing'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/keyword-spacing.js b/lib/rules/keyword-spacing.js
index 548c39ef4..6a340bb2a 100644
--- a/lib/rules/keyword-spacing.js
+++ b/lib/rules/keyword-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/keyword-spacing'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index ae060c44f..b5261825e 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -21,7 +21,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require component name property to match its file name',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/match-component-file-name.html'
     },
     fixable: null,
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index eca53345e..2b15523aa 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -14,7 +14,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce the maximum number of attributes per line',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/max-attributes-per-line.html'
     },
     fixable: 'whitespace', // or "code" or "whitespace"
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index ccc3efba7..83bb80910 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -183,7 +183,7 @@ module.exports = {
 
     docs: {
       description: 'enforce a maximum line length',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/max-len.html'
     },
 
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index 6b7e52480..f4a0bb447 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -56,7 +56,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'require a line break before and after the contents of a multiline element',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index 434253cdf..6f7dbf655 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce unified spacing in mustache interpolations',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/mustache-interpolation-spacing.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index 979872331..041967cf0 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce specific casing for the name property in Vue components',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/name-property-casing.html',
       replacedBy: ['component-definition-name-casing']
     },
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 7b024eb50..42956550d 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -64,7 +64,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow asynchronous actions in computed properties',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-async-in-computed-properties.html'
     },
     fixable: null,
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 5b436b722..84125af39 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -44,7 +44,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow boolean defaults',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-boolean-default.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-confusing-v-for-v-if.js b/lib/rules/no-confusing-v-for-v-if.js
index 0102ad55c..e99628cfc 100644
--- a/lib/rules/no-confusing-v-for-v-if.js
+++ b/lib/rules/no-confusing-v-for-v-if.js
@@ -39,7 +39,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow confusing `v-for` and `v-if` on the same element',
-      category: 'recommended',
+      categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/no-confusing-v-for-v-if.html',
       replacedBy: ['no-use-v-if-with-v-for']
     },
diff --git a/lib/rules/no-custom-modifiers-on-v-model.js b/lib/rules/no-custom-modifiers-on-v-model.js
index 0d4305afe..aa2fef9a5 100644
--- a/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/lib/rules/no-custom-modifiers-on-v-model.js
@@ -25,7 +25,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow custom modifiers on v-model used on the component',
-      category: 'essential',
+      categories: ['essential'],
       url: 'https://eslint.vuejs.org/rules/no-custom-modifiers-on-v-model.html'
     },
     fixable: null,
diff --git a/lib/rules/no-deprecated-filter.js b/lib/rules/no-deprecated-filter.js
index 2ec4256e1..104430a39 100644
--- a/lib/rules/no-deprecated-filter.js
+++ b/lib/rules/no-deprecated-filter.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow using deprecated filters syntax',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-filter.html'
     },
     fixable: null,
diff --git a/lib/rules/no-deprecated-scope-attribute.js b/lib/rules/no-deprecated-scope-attribute.js
index facac6cda..239bdf5e6 100644
--- a/lib/rules/no-deprecated-scope-attribute.js
+++ b/lib/rules/no-deprecated-scope-attribute.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow deprecated `scope` attribute (in Vue.js 2.5.0+)',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-scope-attribute.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index cf3e7c6ba..416179c83 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow deprecated `slot` attribute (in Vue.js 2.6.0+)',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-deprecated-slot-scope-attribute.js b/lib/rules/no-deprecated-slot-scope-attribute.js
index 97d9963bd..3965493ea 100644
--- a/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-scope-attribute.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-deprecated-v-bind-sync.js b/lib/rules/no-deprecated-v-bind-sync.js
index 240e3b0b3..b4c6fe8b1 100644
--- a/lib/rules/no-deprecated-v-bind-sync.js
+++ b/lib/rules/no-deprecated-v-bind-sync.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-v-bind-sync.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 437508457..1bee4d94a 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow duplication of field names',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-dupe-keys.html'
     },
     fixable: null, // or "code" or "whitespace"
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index d3c20c6ec..374daa39e 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -39,7 +39,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow duplication of attributes',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-duplicate-attributes.html'
     },
     fixable: null,
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index 0be04d21a..e4e6fd426 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -29,7 +29,7 @@ module.exports = {
 
     docs: {
       description: 'disallow irregular whitespace',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-irregular-whitespace.html'
     },
 
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index 1f78165e5..c4ae51a0e 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -13,7 +13,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow asynchronously registered lifecycle hooks',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-lifecycle-after-await.html'
     },
     fixable: null,
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index 6ff8c15b9..056d23bf0 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -18,7 +18,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'disallow multiple spaces',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-multi-spaces.html'
     },
     fixable: 'whitespace', // or "code" or "whitespace"
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index d4de9461e..5705592ab 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow adding multiple root nodes to the template',
-      category: 'essential',
+      categories: ['essential'],
       url: 'https://eslint.vuejs.org/rules/no-multiple-template-root.html'
     },
     fixable: null,
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index 6e79643cd..c01c5c9ba 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -58,7 +58,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow parsing errors in `<template>`',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-parsing-error.html'
     },
     fixable: null,
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index ea57d9da4..30ad6488a 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -10,7 +10,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow use of value wrapped by `ref()` (Composition API) as an operand',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-ref-as-operand.html'
     },
     fixable: null,
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index d65a36cc4..75e535567 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -46,7 +46,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow the use of reserved names in component definitions',
-      category: undefined, // 'essential'
+      categories: undefined, // 'essential'
       url: 'https://eslint.vuejs.org/rules/no-reserved-component-names.html'
     },
     fixable: null,
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index 63c72203e..80ecada3e 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -18,7 +18,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow overwriting reserved keys',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-reserved-keys.html'
     },
     fixable: null,
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index af7e3754a..7698ab9b7 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow destructuring of `props` passed to `setup`',
-      category: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-setup-props-destructure.html'
     },
     fixable: null,
diff --git a/lib/rules/no-shared-component-data.js b/lib/rules/no-shared-component-data.js
index b618a7dac..e94fbd0b8 100644
--- a/lib/rules/no-shared-component-data.js
+++ b/lib/rules/no-shared-component-data.js
@@ -40,7 +40,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: "enforce component's data property to be a function",
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-shared-component-data.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 9bda00681..a11c30326 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow side effects in computed properties',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
     },
     fixable: null,
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 46280a6f5..767017bc2 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'disallow spaces around equal signs in attribute',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/no-static-inline-styles.js b/lib/rules/no-static-inline-styles.js
index 6c064d273..1955ccbe7 100644
--- a/lib/rules/no-static-inline-styles.js
+++ b/lib/rules/no-static-inline-styles.js
@@ -10,7 +10,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow static inline `style` attributes',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-static-inline-styles.html'
     },
     fixable: null,
diff --git a/lib/rules/no-template-key.js b/lib/rules/no-template-key.js
index e73f12a73..da54909d1 100644
--- a/lib/rules/no-template-key.js
+++ b/lib/rules/no-template-key.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow `key` attribute on `<template>`',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-template-key.html'
     },
     fixable: null,
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 284596437..4548674b7 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -21,7 +21,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow variable declarations from shadowing variables declared in the outer scope',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-template-shadow.html'
     },
     fixable: null,
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index 86135d398..c8c00e5cf 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow mustaches in `<textarea>`',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-textarea-mustache.html'
     },
     fixable: null,
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index c4c361b3a..21997737e 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -69,7 +69,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow unsupported Vue.js syntax on the specified version',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-unsupported-features.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index bf012d558..7f3920d20 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow registering components that are not used inside templates',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-unused-components.html'
     },
     fixable: null,
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 6e3e39e4c..661a86ce4 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow unused variable definitions of v-for directives or scope attributes',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-unused-vars.html'
     },
     fixable: null,
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 70d720750..deea4b03c 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -52,7 +52,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow use v-if on the same element as v-for',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index 878bbbd02..276834f33 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -14,7 +14,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow use of v-html to prevent XSS attack',
-      category: 'recommended',
+      categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/no-v-html.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
index 85b149ea6..9a565d53f 100644
--- a/lib/rules/no-v-model-argument.js
+++ b/lib/rules/no-v-model-argument.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow adding an argument to `v-model` used in custom component',
-      category: 'essential',
+      categories: ['essential'],
       url: 'https://eslint.vuejs.org/rules/no-v-model-argument.html'
     },
     fixable: null,
diff --git a/lib/rules/object-curly-spacing.js b/lib/rules/object-curly-spacing.js
index db049bbf1..9830d2d43 100644
--- a/lib/rules/object-curly-spacing.js
+++ b/lib/rules/object-curly-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/object-curly-spacing'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index c873e8044..d26fa7d10 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -146,7 +146,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of properties in components',
-      category: 'recommended',
+      categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/order-in-components.html'
     },
     fixable: 'code', // null or "code" or "whitespace"
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index 6f08a5d7a..6017edca2 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -117,7 +117,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'require or disallow padding lines between blocks',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/padding-line-between-blocks.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index b09ed0b0b..235dda23c 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -55,7 +55,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce specific casing for the Prop name in Vue components',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/prop-name-casing.html'
     },
     fixable: null,  // null or "code" or "whitespace"
diff --git a/lib/rules/require-component-is.js b/lib/rules/require-component-is.js
index 259a70c96..c50682c87 100644
--- a/lib/rules/require-component-is.js
+++ b/lib/rules/require-component-is.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require `v-bind:is` of `<component>` elements',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-component-is.html'
     },
     fixable: null,
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 3f6f18613..7f3c938ad 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -35,7 +35,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require default value for props',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-default-prop.html'
     },
     fixable: null, // or "code" or "whitespace"
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 3fac553d4..41e1a9824 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require the component to be directly exported',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-direct-export.html'
     },
     fixable: null,  // or "code" or "whitespace"
diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index 126c1bfe6..81134dbbb 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require a name property in Vue components',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-name-property.html'
     },
     fixable: null,
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index b0b312615..28f0a0724 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -26,7 +26,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require prop type to be a constructor',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-prop-type-constructor.html'
     },
     fixable: 'code',  // or "code" or "whitespace"
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index a24f0633e..2f459672a 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require type definitions in props',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-prop-types.html'
     },
     fixable: null, // or "code" or "whitespace"
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 4f84dc2d0..3ae1623d2 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce render function to always return value',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-render-return.html'
     },
     fixable: null, // or "code" or "whitespace"
diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index 6a71e3aca..083fde773 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require `v-bind:key` with `v-for` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-v-for-key.html'
     },
     fixable: null,
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index b1b938d6c..8d1e05038 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -24,7 +24,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce props default values to be valid',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-valid-default-prop.html'
     },
     fixable: null,
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 171c99bdb..00a43a5c2 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce that a return statement is present in computed property',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-computed-property.html'
     },
     fixable: null, // or "code" or "whitespace"
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index d7dab1dd8..5f685141d 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -19,7 +19,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce consistent indentation in `<script>`',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/script-indent.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index f62025199..255856667 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -50,7 +50,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'require a line break before and after the contents of a singleline element',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 8f900ef0e..e961d35fa 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -80,7 +80,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce sort-keys in a manner that is compatible with order-in-components',
-      category: null,
+      categories: null,
       recommended: false,
       url: 'https://eslint.vuejs.org/rules/sort-keys.html'
     },
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index 251004681..e8dbb8f75 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/space-infix-ops'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index 787aae6b3..735425870 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(
   require('eslint/lib/rules/space-unary-ops'),
   { skipDynamicArguments: true }
diff --git a/lib/rules/static-class-names-order.js b/lib/rules/static-class-names-order.js
index a1faef036..dd58125f1 100644
--- a/lib/rules/static-class-names-order.js
+++ b/lib/rules/static-class-names-order.js
@@ -19,7 +19,7 @@ module.exports = {
     docs: {
       url: 'https://eslint.vuejs.org/rules/static-class-names-order.html',
       description: 'enforce static class names order',
-      category: undefined
+      categories: undefined
     },
     fixable: 'code',
     schema: []
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 6e972ee96..13b718697 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow usage of `this` in template',
-      category: 'recommended',
+      categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/this-in-template.html'
     },
     fixable: null,
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index 29862b845..5c024cef4 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -165,7 +165,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce usage of `exact` modifier on `v-on`',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/use-v-on-exact.html'
     },
     fixable: null,
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index a5025ee65..21747c325 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-bind` directive style',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-bind-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index e044cf134..4953049b7 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -18,7 +18,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce or forbid parentheses after method calls without arguments in `v-on` directives',
-      category: undefined,
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/v-on-function-call.html'
     },
     fixable: 'code',
diff --git a/lib/rules/v-on-style.js b/lib/rules/v-on-style.js
index 191a12fcb..54dc3129f 100644
--- a/lib/rules/v-on-style.js
+++ b/lib/rules/v-on-style.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-on` directive style',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-on-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index 1fc51ec0a..07e0f3544 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -77,7 +77,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-slot` directive style',
-      category: 'strongly-recommended',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-slot-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index 860b550d4..f736f3e76 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid template root',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-template-root.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index a0029ea61..a2a35c053 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -52,7 +52,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `.sync` modifier on `v-bind` directives',
-      category: 'essential',
+      categories: ['essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-bind-sync.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index f8bc3519f..d6f0097d9 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -26,7 +26,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-bind` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-bind.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-cloak.js b/lib/rules/valid-v-cloak.js
index b1676a083..1859374ad 100644
--- a/lib/rules/valid-v-cloak.js
+++ b/lib/rules/valid-v-cloak.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-cloak` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-cloak.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index a4b5987ed..8947e9c76 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-else-if` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-else-if.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index b0a09cb28..83068ca2b 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-else` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-else.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 28cf30c1a..48b2a052d 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -106,7 +106,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-for` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-for.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index 1aeaeef15..77f440c42 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-html` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-html.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index 40e9259c2..c0d3c33ea 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-if` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-if.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index 69b358906..a02d8d8d2 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -82,7 +82,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-model` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-model.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index 37e531f51..a174cba4e 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -52,7 +52,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-on` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-on.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-once.js b/lib/rules/valid-v-once.js
index e0ada5558..a79e68ae7 100644
--- a/lib/rules/valid-v-once.js
+++ b/lib/rules/valid-v-once.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-once` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-once.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-pre.js b/lib/rules/valid-v-pre.js
index 40231a462..b86442f20 100644
--- a/lib/rules/valid-v-pre.js
+++ b/lib/rules/valid-v-pre.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-pre` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-pre.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index 6eb5183ca..620836d92 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-show` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-show.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 2704ce817..b2bc31693 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -142,7 +142,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-slot` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-slot.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index c23d1f1de..69c2f1ded 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-text` directives',
-      category: 'essential',
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-text.html'
     },
     fixable: null,
diff --git a/package.json b/package.json
index 57a44ce2f..d95d1642e 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "debug": "mocha --inspect-brk \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
     "cover:report": "nyc report --reporter=html",
     "lint": "eslint . --rulesdir eslint-internal-rules",
+    "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
     "pretest": "npm run lint",
     "preversion": "npm test && npm run update && git add .",
     "version": "npm run lint -- --fix && git add .",
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index 4a2a06914..dd06588a3 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -5,23 +5,58 @@
  */
 'use strict'
 
-const groupBy = require('lodash/groupBy')
 const rules = require('./rules')
 
 const categoryTitles = {
-  'base': 'Base Rules (Enabling Correct ESLint Parsing)',
-  'essential': 'Priority A: Essential (Error Prevention)',
-  'strongly-recommended': 'Priority B: Strongly Recommended (Improving Readability)',
-  'recommended': 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)',
-  'use-with-caution': 'Priority D: Use with Caution (Potentially Dangerous Patterns)'
+  'base': {
+    text: 'Base Rules (Enabling Correct ESLint Parsing)',
+    vuepress: 'Base Rules (Enabling Correct ESLint Parsing)'
+  },
+  'vue3-essential': {
+    text: 'Priority A: Essential (Error Prevention) for Vue.js 3.x',
+    vuepress: 'Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+  },
+  'vue3-strongly-recommended': {
+    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x',
+    vuepress: 'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+  },
+  'vue3-recommended': {
+    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x',
+    vuepress: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+  },
+  'vue3-use-with-caution': {
+    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x',
+    vuepress: 'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+  },
+  'essential': {
+    text: 'Priority A: Essential (Error Prevention) for Vue.js 2.x',
+    vuepress: 'Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+  },
+  'strongly-recommended': {
+    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x',
+    vuepress: 'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+  },
+  'recommended': {
+    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x',
+    vuepress: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+  },
+  'use-with-caution': {
+    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x',
+    vuepress: 'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+  }
 }
 const categoryIds = Object.keys(categoryTitles)
-const categoryRules = groupBy(rules, (rule) => rule.meta.docs.category || 'uncategorized')
+const categoryRules = {}
 
-// Throw if no title is defined for a category
-for (const categoryId of Object.keys(categoryRules)) {
-  if (categoryId !== 'uncategorized' && !categoryTitles[categoryId]) {
-    throw new Error(`Category "${categoryId}" does not have a title defined.`)
+for (const rule of rules) {
+  const categories = rule.meta.docs.categories || ['uncategorized']
+  for (const categoryId of categories) {
+    // Throw if no title is defined for a category
+    if (categoryId !== 'uncategorized' && !categoryTitles[categoryId]) {
+      throw new Error(`Category "${categoryId}" does not have a title defined.`)
+    }
+    const catRules = categoryRules[categoryId] || (categoryRules[categoryId] = [])
+    catRules.push(rule)
   }
 }
 
diff --git a/tools/lib/rules.js b/tools/lib/rules.js
index e41d7ba6d..846db12ba 100644
--- a/tools/lib/rules.js
+++ b/tools/lib/rules.js
@@ -13,8 +13,16 @@ module.exports =
   fs.readdirSync(ROOT)
     .filter(file => path.extname(file) === '.js')
     .map(file => path.basename(file, '.js'))
-    .map(name => ({
-      ruleId: `vue/${name}`,
-      name,
-      meta: require(path.join(ROOT, name)).meta
-    }))
+    .map(name => {
+      const meta = { ...require(path.join(ROOT, name)).meta }
+      if (meta.docs && (!meta.docs.categories && meta.docs.category)) {
+        // for vue3 migration
+        meta.docs = { ...meta.docs }
+        meta.docs.categories = [meta.docs.category]
+      }
+      return {
+        ruleId: `vue/${name}`,
+        name,
+        meta
+      }
+    })
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index db8d6f487..e2283b3bf 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -10,7 +10,7 @@ const rules = require('./lib/rules')
 const categories = require('./lib/categories')
 
 // -----------------------------------------------------------------------------
-const uncategorizedRules = rules.filter(rule => !rule.meta.docs.category && !rule.meta.deprecated)
+const uncategorizedRules = rules.filter(rule => !rule.meta.docs.categories && !rule.meta.deprecated)
 const deprecatedRules = rules.filter(rule => rule.meta.deprecated)
 
 function toRuleRow (rule) {
@@ -33,7 +33,7 @@ function toDeprecatedRuleRow (rule) {
 
 // -----------------------------------------------------------------------------
 let rulesTableContent = categories.map(category => `
-## ${category.title}
+## ${category.title.vuepress}
 
 Enforce all the rules in this category, as well as all higher priority rules, with:
 
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 288d5a9fc..c978680d4 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -22,10 +22,21 @@ const fs = require('fs')
 const path = require('path')
 const last = require('lodash/last')
 const rules = require('./lib/rules')
-const categories = require('./lib/categories')
 
 const ROOT = path.resolve(__dirname, '../docs/rules')
 
+const presetCategories = {
+  'base': null,
+  'essential': 'base',
+  'vue3-essential': 'base',
+  'strongly-recommended': 'essential',
+  'vue3-strongly-recommended': 'vue3-essential',
+  'recommended': 'strongly-recommended',
+  'vue3-recommended': 'vue3-strongly-recommended'
+  // 'use-with-caution': 'recommended',
+  // 'vue3-use-with-caution': 'vue3-recommended'
+}
+
 function formatItems (items) {
   if (items.length <= 2) {
     return items.join(' and ')
@@ -33,6 +44,23 @@ function formatItems (items) {
   return `all of ${items.slice(0, -1).join(', ')} and ${last(items)}`
 }
 
+function getPresetIds (categoryIds) {
+  const subsetCategoryIds = categoryIds
+    .map(categoryId => {
+      for (const subsetCategoryId in presetCategories) {
+        if (presetCategories[subsetCategoryId] === categoryId) {
+          return subsetCategoryId
+        }
+      }
+      return null
+    })
+    .filter(subsetCategoryId => !!subsetCategoryId)
+  if (subsetCategoryIds.length === 0) {
+    return categoryIds
+  }
+  return [...new Set([...categoryIds, ...getPresetIds(subsetCategoryIds)])]
+}
+
 class DocFile {
   constructor (rule) {
     this.rule = rule
@@ -72,7 +100,6 @@ class DocFile {
 
   updateHeader () {
     const { ruleId, meta } = this.rule
-    const categoryIndex = categories.findIndex(category => category.categoryId === meta.docs.category)
     const title = `# ${ruleId}\n> ${meta.docs.description}`
     const notes = []
 
@@ -83,8 +110,9 @@ class DocFile {
       } else {
         notes.push(`- :warning: This rule was **deprecated**.`)
       }
-    } else if (categoryIndex >= 0) {
-      const presets = categories.slice(categoryIndex).map(category => `\`"plugin:vue/${category.categoryId}"\``)
+    } else if (meta.docs.categories) {
+      const presets = getPresetIds(meta.docs.categories).map(categoryId => `\`"plugin:vue/${categoryId}"\``)
+
       notes.push(`- :gear: This rule is included in ${formatItems(presets)}.`)
     }
     if (meta.fixable) {
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index 669b4cf8e..773643aad 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -14,18 +14,31 @@ const path = require('path')
 const eslint = require('eslint')
 const categories = require('./lib/categories')
 
-const errorCategories = ['base', 'essential']
+const errorCategories = ['base', 'essential', 'vue3-essential']
 
-function formatRules (rules) {
+const extendsCategories = {
+  'base': null,
+  'essential': 'base',
+  'vue3-essential': 'base',
+  'strongly-recommended': 'essential',
+  'vue3-strongly-recommended': 'vue3-essential',
+  'recommended': 'strongly-recommended',
+  'vue3-recommended': 'vue3-strongly-recommended',
+  'use-with-caution': 'recommended',
+  'vue3-use-with-caution': 'vue3-recommended'
+}
+
+function formatRules (rules, categoryId) {
   const obj = rules.reduce((setting, rule) => {
-    setting[rule.ruleId] = errorCategories.includes(rule.meta.docs.category) ? 'error' : 'warn'
+    setting[rule.ruleId] = errorCategories.includes(categoryId) ? 'error' : 'warn'
     return setting
   }, {})
   return JSON.stringify(obj, null, 2)
 }
 
-function formatCategory (category, prevCategory) {
-  if (prevCategory == null) {
+function formatCategory (category) {
+  const extendsCategoryId = extendsCategories[category.categoryId]
+  if (extendsCategoryId == null) {
     return `/*
  * IMPORTANT!
  * This file has been automatically generated,
@@ -47,7 +60,7 @@ module.exports = {
   plugins: [
     'vue'
   ],
-  rules: ${formatRules(category.rules)}
+  rules: ${formatRules(category.rules, category.categoryId)}
 }
 `
   }
@@ -57,17 +70,17 @@ module.exports = {
  * in order to update it's content execute "npm run update"
  */
 module.exports = {
-  extends: require.resolve('./${prevCategory.categoryId}'),
-  rules: ${formatRules(category.rules)}
+  extends: require.resolve('./${extendsCategoryId}'),
+  rules: ${formatRules(category.rules, category.categoryId)}
 }
 `
 }
 
 // Update files.
 const ROOT = path.resolve(__dirname, '../lib/configs/')
-categories.forEach((category, index) => {
+categories.forEach((category) => {
   const filePath = path.join(ROOT, `${category.categoryId}.js`)
-  const content = formatCategory(category, categories[index - 1])
+  const content = formatCategory(category)
 
   fs.writeFileSync(filePath, content)
 })

From 948a8721c5543b841f32330a04a63a151a972e09 Mon Sep 17 00:00:00 2001
From: ota <otameshiyo23@gmail.com>
Date: Mon, 9 Mar 2020 14:50:33 +0900
Subject: [PATCH 0025/1010] Update to v7 documentation.

---
 README.md                       |  8 ++++
 docs/.vuepress/theme/Layout.vue | 76 +++++++++++++++++++++++++++++++++
 docs/user-guide/README.md       |  4 +-
 3 files changed, 86 insertions(+), 2 deletions(-)
 create mode 100644 docs/.vuepress/theme/Layout.vue

diff --git a/README.md b/README.md
index f5932178c..1935bf189 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,14 @@
 
 See [the official website](https://eslint.vuejs.org).
 
+> :exclamation: Attention - this is documentation for version `7.x` :exclamation:
+>
+> This branch contains `eslint-plugin-vue@next` which is a pre-released `7.0`, but it's not the default version that you get with `npm install eslint-plugin-vue`. In order to install this you need to specify either `"eslint-plugin-vue": "next"` in `package.json` or do `npm install eslint-plugin-vue@next`.
+>
+> Please try it and report any issues that you might have encountered.
+>
+> If you want to check previous releases [go here](https://github.com/vuejs/eslint-plugin-vue/releases).
+
 ## :anchor: Versioning Policy
 
 This plugin is following [Semantic Versioning](https://semver.org/) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
diff --git a/docs/.vuepress/theme/Layout.vue b/docs/.vuepress/theme/Layout.vue
new file mode 100644
index 000000000..78dab76f9
--- /dev/null
+++ b/docs/.vuepress/theme/Layout.vue
@@ -0,0 +1,76 @@
+<template>
+  <BaseLayout
+    v-bind="$attrs"
+    v-on="$listeners">
+    <slot
+      name="sidebar-top"
+      slot="sidebar-top"
+    />
+    <slot
+      name="sidebar-bottom"
+      slot="sidebar-bottom"
+    />
+    <template
+      slot="page-top">
+      <div class="content beta-doc-description">
+        <div class="warning custom-block">
+          <p class="custom-block-title">Note</p>
+          <p>This is a documentation for version <code>{{docVersion}}</code>.<template v-if="hasNotYetBeenReleased"> Also, this documentation may contain content that has not yet been released.</template><br>
+          To check version <code>6.2.2</code> <a :href="v6DocLink">go here</a>.
+          To check previous releases <a href="https://github.com/vuejs/eslint-plugin-vue/releases">go here</a>.</p>
+        </div>
+      </div>
+      <slot
+        name="page-top"
+      />
+    </template>
+    <slot
+      name="page-bottom"
+      slot="page-bottom"
+    />
+  </BaseLayout>
+</template>
+<script>
+/**
+ * Layout definition to navigate to older versions of the document.
+ */
+import BaseLayout from 'vuepress/lib/default-theme/Layout.vue'
+import semver from 'semver'
+const version = semver.parse(require('../../../package.json').version)
+export default {
+  components: {
+    BaseLayout
+  },
+  computed: {
+    docVersion () {
+      if (version.major < 7) {
+        return '7.x'
+      }
+      return version.raw
+    },
+    hasNotYetBeenReleased () {
+      if (version.major < 7) {
+        return true
+      }
+      return false
+    },
+    v6DocLink () {
+      if (this.$page.path.endsWith('.html')) {
+        return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path.replace(/\.html$/, '')}.md`
+      }
+      return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path}README.md`
+    }
+  }
+}
+</script>
+<style scoped>
+.beta-doc-description {
+  padding-bottom: 0;
+}
+* ::v-deep .content ~ .content {
+  padding-top: 0;
+}
+* ::v-deep .content:not(.custom) h1{
+  margin-top: -3.1rem;
+}
+</style>
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 0e9fbd630..39d29477f 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -9,12 +9,12 @@ vue add @vue/cli-plugin-eslint
 
 Via [npm](https://www.npmjs.com/):
 ```bash
-npm install --save-dev eslint eslint-plugin-vue
+npm install --save-dev eslint eslint-plugin-vue@next
 ```
 
 Via [yarn](https://yarnpkg.com/):
 ```bash
-yarn add -D eslint eslint-plugin-vue
+yarn add -D eslint eslint-plugin-vue@next
 ```
 
 ::: tip Requirements

From 98fc0a3be67474df414b69b71a03d936a2bd2e67 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 14 Mar 2020 18:24:01 +0900
Subject: [PATCH 0026/1010] 7.0.0-alpha.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d95d1642e..c7dee9a4b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "6.2.2",
+  "version": "7.0.0-alpha.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1cd5590b3a6d85a3020e32ae055d1ce10d57489e Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 15 Mar 2020 07:53:59 +0900
Subject: [PATCH 0027/1010] Fixed documents

---
 docs/rules/comment-directive.md |  2 +-
 docs/rules/jsx-uses-vars.md     |  2 +-
 package.json                    |  3 ++-
 tools/update-docs.js            | 16 +++++++---------
 4 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 9db00825f..7ff91450c 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -7,7 +7,7 @@ description: support comment-directives in `<template>`
 # vue/comment-directive
 > support comment-directives in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
 
 Sole purpose of this rule is to provide `eslint-disable` functionality in `<template>`.
 It supports usage of the following comments:
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index 3569bc008..d4af01828 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -7,7 +7,7 @@ description: prevent variables used in JSX to be marked as unused
 # vue/jsx-uses-vars
 > prevent variables used in JSX to be marked as unused
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
 
 Since 0.17.0 the ESLint `no-unused-vars` rule does not detect variables used in JSX ([see details](https://eslint.org/blog/2015/03/eslint-0.17.0-released#changes-to-jsxreact-handling)).
 This rule will find variables used in JSX and mark them as used.
diff --git a/package.json b/package.json
index c7dee9a4b..c6bde732b 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,8 @@
   ],
   "author": "Toru Nagashima (https://github.com/mysticatea)",
   "contributors": [
-    "Michał Sajnóg <msajnog93@gmail.com> (https://github.com/michalsnik)"
+    "Michał Sajnóg <msajnog93@gmail.com> (https://github.com/michalsnik)",
+    "Yosuke Ota (https://github.com/ota-meshi)"
   ],
   "license": "MIT",
   "repository": {
diff --git a/tools/update-docs.js b/tools/update-docs.js
index c978680d4..144acdc45 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -45,16 +45,14 @@ function formatItems (items) {
 }
 
 function getPresetIds (categoryIds) {
-  const subsetCategoryIds = categoryIds
-    .map(categoryId => {
-      for (const subsetCategoryId in presetCategories) {
-        if (presetCategories[subsetCategoryId] === categoryId) {
-          return subsetCategoryId
-        }
+  const subsetCategoryIds = []
+  for (const categoryId of categoryIds) {
+    for (const subsetCategoryId in presetCategories) {
+      if (presetCategories[subsetCategoryId] === categoryId) {
+        subsetCategoryIds.push(subsetCategoryId)
       }
-      return null
-    })
-    .filter(subsetCategoryId => !!subsetCategoryId)
+    }
+  }
   if (subsetCategoryIds.length === 0) {
     return categoryIds
   }

From 1e14d66d2f97ca8f4c129d05cec594a01db4be11 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 17 Apr 2020 07:05:01 +0900
Subject: [PATCH 0028/1010] Upgrade vuepress and vue-eslint-editor. (#1096)

---
 docs/.vuepress/components/eslint-code-block.vue  |  3 +--
 docs/.vuepress/config.js                         | 11 +++++++----
 docs/.vuepress/{style.styl => styles/index.styl} |  2 +-
 docs/.vuepress/theme/index.js                    |  3 +++
 docs/.vuepress/theme/{ => layouts}/Layout.vue    | 13 ++++++++-----
 docs/rules/README.md                             |  4 ++--
 package.json                                     |  7 ++++---
 tools/update-docs-rules-index.js                 |  4 ++--
 8 files changed, 28 insertions(+), 19 deletions(-)
 rename docs/.vuepress/{style.styl => styles/index.styl} (81%)
 create mode 100644 docs/.vuepress/theme/index.js
 rename docs/.vuepress/theme/{ => layouts}/Layout.vue (83%)

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index ab33abdf1..fed685d91 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -18,8 +18,7 @@
 </template>
 
 <script>
-// https://github.com/vuejs/vuepress/issues/451
-import EslintEditor from '../../../node_modules/vue-eslint-editor'
+import EslintEditor from 'vue-eslint-editor'
 import { rules, processors } from '../../../'
 
 export default {
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 0b78e7eba..a6756baa7 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -66,12 +66,18 @@ module.exports = {
   base: '/',
   title: 'eslint-plugin-vue',
   description: 'Official ESLint plugin for Vue.js',
-  serviceWorker: true,
   evergreen: true,
   head: [
     ['link', { rel: 'icon', href: '/favicon.png' }]
   ],
 
+  plugins: {
+    '@vuepress/pwa': {
+      serviceWorker: true,
+      updatePopup: true
+    }
+  },
+
   themeConfig: {
     repo: 'vuejs/eslint-plugin-vue',
     docsRepo: 'vuejs/eslint-plugin-vue',
@@ -79,9 +85,6 @@ module.exports = {
     docsBranch: 'master',
     editLinks: true,
     lastUpdated: true,
-    serviceWorker: {
-      updatePopup: true
-    },
 
     nav: [
       { text: 'User Guide', link: '/user-guide/' },
diff --git a/docs/.vuepress/style.styl b/docs/.vuepress/styles/index.styl
similarity index 81%
rename from docs/.vuepress/style.styl
rename to docs/.vuepress/styles/index.styl
index 564ebd26e..48680bbf3 100644
--- a/docs/.vuepress/style.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -1,4 +1,4 @@
-.theme-container.rule-details .content > h1 {
+.theme-container.rule-details .theme-default-content > h1 {
   font-size: 1.8rem;
 
   + blockquote {
diff --git a/docs/.vuepress/theme/index.js b/docs/.vuepress/theme/index.js
new file mode 100644
index 000000000..b91b8a576
--- /dev/null
+++ b/docs/.vuepress/theme/index.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extend: '@vuepress/theme-default'
+}
diff --git a/docs/.vuepress/theme/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
similarity index 83%
rename from docs/.vuepress/theme/Layout.vue
rename to docs/.vuepress/theme/layouts/Layout.vue
index 78dab76f9..b88c846cd 100644
--- a/docs/.vuepress/theme/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -12,7 +12,7 @@
     />
     <template
       slot="page-top">
-      <div class="content beta-doc-description">
+      <div class="theme-default-content beta-doc-description">
         <div class="warning custom-block">
           <p class="custom-block-title">Note</p>
           <p>This is a documentation for version <code>{{docVersion}}</code>.<template v-if="hasNotYetBeenReleased"> Also, this documentation may contain content that has not yet been released.</template><br>
@@ -30,14 +30,16 @@
     />
   </BaseLayout>
 </template>
+
 <script>
 /**
  * Layout definition to navigate to older versions of the document.
  */
-import BaseLayout from 'vuepress/lib/default-theme/Layout.vue'
+import BaseLayout from '@vuepress/theme-default/layouts/Layout.vue'
 import semver from 'semver'
-const version = semver.parse(require('../../../package.json').version)
+const version = semver.parse(require('../../../../package.json').version)
 export default {
+  name: 'MyLayout',
   components: {
     BaseLayout
   },
@@ -63,14 +65,15 @@ export default {
   }
 }
 </script>
+
 <style scoped>
 .beta-doc-description {
   padding-bottom: 0;
 }
-* ::v-deep .content ~ .content {
+* ::v-deep .theme-default-content ~ .theme-default-content {
   padding-top: 0;
 }
-* ::v-deep .content:not(.custom) h1{
+* ::v-deep .theme-default-content:not(.custom) h1{
   margin-top: -3.1rem;
 }
 </style>
diff --git a/docs/rules/README.md b/docs/rules/README.md
index e184873e5..cc2a97313 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -2,10 +2,10 @@
 sidebarDepth: 0
 ---
 
-<!-- This file is automatically generated in tools/update-docs-rules-index.js, do not change! -->
-
 # Available rules
 
+<!-- This file is automatically generated in tools/update-docs-rules-index.js, do not change! -->
+
 ::: tip Legend
   :wrench: Indicates that the rule is fixable, and using `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
 :::
diff --git a/package.json b/package.json
index c6bde732b..2d568134e 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
   "devDependencies": {
     "@types/node": "^4.2.16",
     "@typescript-eslint/parser": "^2.6.1",
+    "@vuepress/plugin-pwa": "^1.4.0",
     "acorn": "^7.1.0",
     "babel-eslint": "^10.0.2",
     "chai": "^4.1.0",
@@ -66,12 +67,12 @@
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-vue": "file:.",
     "eslint-plugin-vue-libs": "^4.0.0",
-    "eslint4b": "^6.6.0",
+    "eslint4b": "^6.8.0",
     "lodash": "^4.17.4",
     "mocha": "^5.2.0",
     "nyc": "^12.0.2",
     "typescript": "^3.5.2",
-    "vue-eslint-editor": "^0.1.4",
-    "vuepress": "^0.14.5"
+    "vue-eslint-editor": "^1.1.0",
+    "vuepress": "^1.4.0"
   }
 }
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index e2283b3bf..23b1172b5 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -94,10 +94,10 @@ fs.writeFileSync(
 sidebarDepth: 0
 ---
 
-<!-- This file is automatically generated in tools/update-docs-rules-index.js, do not change! -->
-
 # Available rules
 
+<!-- This file is automatically generated in tools/update-docs-rules-index.js, do not change! -->
+
 ::: tip Legend
   :wrench: Indicates that the rule is fixable, and using \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
 :::

From 1ffcd01e678f6324da8fd1d1580b3a1fdc99078c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 17 Apr 2020 08:31:43 +0900
Subject: [PATCH 0029/1010] Update no-unused-vars.md

---
 docs/rules/no-unused-vars.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index 321aede1a..4d5d9ee25 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -35,14 +35,18 @@ This rule report variable definitions of v-for directives or scope attributes if
 
 ```js
 {
-    "vue/no-unsed-vars": [{
-        "ignorePattern": '^_',
+    "vue/no-unused-vars": ["error", {
+        "ignorePattern": "^_"
     }]
 }
 ```
+
 - `ignorePattern` ... disables reporting when your definitions of v-for directives or scope attributes match your ignorePattern Regular expression. default `null`, will ignore nothing
+
 ## :rocket: Suggestion
+
 - When your ignorePattern set to `^_`, we could provide a suggestion which add a prefix`_` to your variable and no more eslint error
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-vars.js)

From 335692e64a8824ee33890ba5e499489db046d2e5 Mon Sep 17 00:00:00 2001
From: IU <yoyo930021@gmail.com>
Date: Tue, 21 Apr 2020 16:00:33 +0800
Subject: [PATCH 0030/1010] New: Add `vue/no-deprecated-v-on-number-modifiers`
 rule (#1079)

---
 docs/rules/README.md                          |   1 +
 .../no-deprecated-v-on-number-modifiers.md    |  52 ++++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 .../no-deprecated-v-on-number-modifiers.js    |  58 ++++++
 lib/utils/keycode-to-key.json                 | 100 ++++++++++
 .../no-deprecated-v-on-number-modifiers.js    | 174 ++++++++++++++++++
 7 files changed, 387 insertions(+)
 create mode 100644 docs/rules/no-deprecated-v-on-number-modifiers.md
 create mode 100644 lib/rules/no-deprecated-v-on-number-modifiers.js
 create mode 100644 lib/utils/keycode-to-key.json
 create mode 100644 tests/lib/rules/no-deprecated-v-on-number-modifiers.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index cc2a97313..99bc361e7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -44,6 +44,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers | :wrench: |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
new file mode 100644
index 000000000..5ecba24a8
--- /dev/null
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -0,0 +1,52 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-v-on-number-modifiers
+description: disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-v-on-number-modifiers
+> disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `KeyboardEvent.keyCode` modifier on `v-on` directive (in Vue.js 3.0.0+)
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-v-on-number-modifiers': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <input v-on:keyup.page-down="onArrowUp">
+  <input @keyup.page-down="onArrowUp">
+  <input @keyup.9="onArrowUp"> <!-- 9 is KeyboardEvent.key -->
+
+
+  <!-- ✗ BAD -->
+  <input v-on:keyup.34="onArrowUp">
+  <input @keyup.34="onArrowUp">
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [valid-v-on]
+
+[valid-v-on]: valid-v-on.md
+
+## :books: Further reading
+
+- [RFC: drop keycode support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-on-number-modifiers.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-v-on-number-modifiers.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 3e45ddd2c..1b0c23e08 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -12,6 +12,7 @@ module.exports = {
     'vue/no-deprecated-slot-attribute': 'error',
     'vue/no-deprecated-slot-scope-attribute': 'error',
     'vue/no-deprecated-v-bind-sync': 'error',
+    'vue/no-deprecated-v-on-number-modifiers': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-lifecycle-after-await': 'error',
diff --git a/lib/index.js b/lib/index.js
index 10e2e8766..df70ec82a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -45,6 +45,7 @@ module.exports = {
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
     'no-deprecated-v-bind-sync': require('./rules/no-deprecated-v-bind-sync'),
+    'no-deprecated-v-on-number-modifiers': require('./rules/no-deprecated-v-on-number-modifiers'),
     'no-dupe-keys': require('./rules/no-dupe-keys'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
new file mode 100644
index 000000000..651991cd4
--- /dev/null
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -0,0 +1,58 @@
+/**
+ * @fileoverview disallow using deprecated number (keycode) modifiers
+ * @author yoyo930021
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const keyCodeToKey = require('../utils/keycode-to-key.json')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated number (keycode) modifiers',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-number-modifiers.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      numberModifierIsDeprecated: "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+    }
+  },
+
+  create (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='on']" (node) {
+        const modifier = node.key.modifiers.find(mod => Number.isInteger(parseInt(mod.name, 10)))
+        if (!modifier) return
+
+        const keyCodes = parseInt(modifier.name, 10)
+        if (
+          keyCodes > 9 || keyCodes < 0
+        ) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'numberModifierIsDeprecated',
+            fix: (fixer) => {
+              const key = keyCodeToKey[keyCodes]
+              if (!key) return
+
+              return fixer.replaceTextRange(modifier.range, `${key}`)
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/lib/utils/keycode-to-key.json b/lib/utils/keycode-to-key.json
new file mode 100644
index 000000000..43f480302
--- /dev/null
+++ b/lib/utils/keycode-to-key.json
@@ -0,0 +1,100 @@
+{
+  "8": "backspace",
+  "9": "tab",
+  "13": "enter",
+  "16": "shift",
+  "17": "ctrl",
+  "18": "alt",
+  "19": "pause-break",
+  "20": "caps-lock",
+  "27": "escape",
+  "33": "page-up",
+  "34": "page-down",
+  "35": "end",
+  "36": "home",
+  "37": "left-arrow",
+  "38": "up-arrow",
+  "39": "right-arrow",
+  "40": "down-arrow",
+  "45": "insert",
+  "46": "delete",
+  "48": "0",
+  "49": "1",
+  "50": "2",
+  "51": "3",
+  "52": "4",
+  "53": "5",
+  "54": "6",
+  "55": "7",
+  "56": "8",
+  "57": "9",
+  "65": "a",
+  "66": "b",
+  "67": "c",
+  "68": "d",
+  "69": "e",
+  "70": "f",
+  "71": "g",
+  "72": "h",
+  "73": "i",
+  "74": "j",
+  "75": "k",
+  "76": "l",
+  "77": "m",
+  "78": "n",
+  "79": "o",
+  "80": "p",
+  "81": "q",
+  "82": "r",
+  "83": "s",
+  "84": "t",
+  "85": "u",
+  "86": "v",
+  "87": "w",
+  "88": "x",
+  "89": "y",
+  "90": "z",
+  "91": "left-window-key",
+  "92": "right-window-key",
+  "93": "select-key",
+  "96": "numpad-0",
+  "97": "numpad-1",
+  "98": "numpad-2",
+  "99": "numpad-3",
+  "100": "numpad-4",
+  "101": "numpad-5",
+  "102": "numpad-6",
+  "103": "numpad-7",
+  "104": "numpad-8",
+  "105": "numpad-9",
+  "106": "multiply",
+  "107": "add",
+  "109": "subtract",
+  "110": "decimal-point",
+  "111": "divide",
+  "112": "f1",
+  "113": "f2",
+  "114": "f3",
+  "115": "f4",
+  "116": "f5",
+  "117": "f6",
+  "118": "f7",
+  "119": "f8",
+  "120": "f9",
+  "121": "f10",
+  "122": "f11",
+  "123": "f12",
+  "144": "num-lock",
+  "145": "scroll-lock",
+  "186": "semi-colon",
+  "187": "equal-sign",
+  "188": "comma",
+  "189": "dash",
+  "190": "period",
+  "191": "forward-slash",
+  "192": "grave-accent",
+  "219": "open-bracket",
+  "220": "back-slash",
+  "221": "close-braket",
+  "222": "single-quote"
+}
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
new file mode 100644
index 000000000..8c6d72698
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -0,0 +1,174 @@
+/**
+ * @fileoverview disallow using deprecated number (keyCodes) modifiers
+ * @author yoyo930021
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-v-on-number-modifiers')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-deprecated-v-bind-sync', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.page-down='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.page-down='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.9='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.9='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.0='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.0='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.4='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.4='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.page-down.native='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.page-down.native='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.0.native='onArrowUp'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.0.native='onArrowUp'></template>"
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.34='onArrowUp'></template>",
+      output: "<template><input v-on:keyup.page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.34.native='onArrowUp'></template>",
+      output: "<template><input v-on:keyup.page-down.native='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.unknown.34='onArrowUp'></template>",
+      output: "<template><input v-on:keyup.unknown.page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:[dynamicArg].34='onArrowUp'></template>",
+      output: "<template><input v-on:[dynamicArg].page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:[dynamicArg].unknown.34='onArrowUp'></template>",
+      output: "<template><input v-on:[dynamicArg].unknown.page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:[dynamicArg].34.unknown='onArrowUp'></template>",
+      output: "<template><input v-on:[dynamicArg].page-down.unknown='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.34='onArrowUp'></template>",
+      output: "<template><input @keyup.page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.34.native='onArrowUp'></template>",
+      output: "<template><input @keyup.page-down.native='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.unknown.34='onArrowUp'></template>",
+      output: "<template><input @keyup.unknown.page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @[dynamicArg].34='onArrowUp'></template>",
+      output: "<template><input @[dynamicArg].page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @[dynamicArg].unknown.34='onArrowUp'></template>",
+      output: "<template><input @[dynamicArg].unknown.page-down='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @[dynamicArg].34.unknown='onArrowUp'></template>",
+      output: "<template><input @[dynamicArg].page-down.unknown='onArrowUp'></template>",
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.10='onArrowUp'></template>",
+      output: null,
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.10.native='onArrowUp'></template>",
+      output: null,
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.unknown.10='onArrowUp'></template>",
+      output: null,
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @[dynamicArg].unknown.10='onArrowUp'></template>",
+      output: null,
+      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    }
+  ]
+})

From 7c24f5e5f315819ad74dcd0ea20b2c549bffdb99 Mon Sep 17 00:00:00 2001
From: IU <yoyo930021@gmail.com>
Date: Tue, 21 Apr 2020 16:01:03 +0800
Subject: [PATCH 0031/1010] no-xxxx-keys: change to handle setup (#1082)

* no-dupe-keys: change to handle setup

* no-reserved-keys: change to handle setup
---
 lib/rules/no-dupe-keys.js           |   2 +-
 lib/rules/no-reserved-keys.js       |   2 +-
 tests/lib/rules/no-dupe-keys.js     | 265 ++++++++++++++++++++++++++++
 tests/lib/rules/no-reserved-keys.js |  43 +++++
 4 files changed, 310 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 1bee4d94a..28018e445 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -10,7 +10,7 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
-const GROUP_NAMES = ['props', 'computed', 'data', 'methods']
+const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
 module.exports = {
   meta: {
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index 80ecada3e..249f10545 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -11,7 +11,7 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 const RESERVED_KEYS = require('../utils/vue-reserved.json')
-const GROUP_NAMES = ['props', 'computed', 'data', 'methods']
+const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
 module.exports = {
   meta: {
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index f1a35568a..0844173f0 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -44,6 +44,37 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          data () {
+            return {
+              dat: null
+            }
+          },
+          data () {
+            return
+          },
+          methods: {
+            _foo () {},
+            test () {
+            }
+          },
+          setup () {
+            const _foo = () => {}
+            const dat = ref(null)
+            const bar = computed(() => 'bar')
+
+            return {
+              bar
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
 
     {
       filename: 'test.vue',
@@ -134,6 +165,51 @@ ruleTester.run('no-dupe-keys', rule, {
       parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          ...foo(),
+          props: {
+            ...foo(),
+            foo: String
+          },
+          computed: {
+            ...mapGetters({
+              test: 'getTest'
+            }),
+            bar: {
+              get () {
+              }
+            }
+          },
+          data: {
+            ...foo(),
+            dat: null
+          },
+          methods: {
+            ...foo(),
+            test () {
+            }
+          },
+          data () {
+            return {
+              ...dat
+            }
+          },
+          setup () {
+            const com = computed(() => 1)
+
+            return {
+              ...foo(),
+              com
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+    },
+
     {
       filename: 'test.vue',
       code: `
@@ -224,6 +300,39 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        // @vue/component
+        export const compA = {
+          props: {
+            propA: String
+          },
+          setup (props) {
+            const com = computed(() => props.propA)
+
+            return {
+              com
+            }
+          }
+        }
+
+        // @vue/component
+        export const compB = {
+          props: {
+            propA: String
+          },
+          setup (props) {
+            const com = computed(() => props.propA)
+
+            return {
+              com
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     }
   ],
 
@@ -245,6 +354,13 @@ ruleTester.run('no-dupe-keys', rule, {
           methods: {
             foo () {
             }
+          },
+          setup () {
+            const foo = ref(1)
+
+            return {
+              foo
+            }
           }
         }
       `,
@@ -258,6 +374,9 @@ ruleTester.run('no-dupe-keys', rule, {
       }, {
         message: 'Duplicated key \'foo\'.',
         line: 14
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 21
       }]
     },
     {
@@ -277,6 +396,13 @@ ruleTester.run('no-dupe-keys', rule, {
           methods: {
             foo () {
             }
+          },
+          setup: () => {
+            const foo = computed(() => 0)
+
+            return {
+              foo
+            }
           }
         }
       `,
@@ -290,6 +416,9 @@ ruleTester.run('no-dupe-keys', rule, {
       }, {
         message: 'Duplicated key \'foo\'.',
         line: 14
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 21
       }]
     },
     {
@@ -341,6 +470,13 @@ ruleTester.run('no-dupe-keys', rule, {
           methods: {
             foo () {
             }
+          },
+          setup (props) {
+            const foo = computed(() => props.foo)
+
+            return {
+              foo
+            }
           }
         }
       `,
@@ -354,6 +490,9 @@ ruleTester.run('no-dupe-keys', rule, {
       }, {
         message: 'Duplicated key \'foo\'.',
         line: 16
+      }, {
+        message: 'Duplicated key \'foo\'.',
+        line: 23
       }]
     },
     {
@@ -374,6 +513,132 @@ ruleTester.run('no-dupe-keys', rule, {
         message: 'Duplicated key \'bar\'.',
         line: 7
       }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          methods: {
+            foo () {
+              return 0
+            }
+          },
+          setup () {
+            const foo = () => 0
+
+            return {
+              foo
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          methods: {
+            foo () {
+              return 0
+            }
+          },
+          setup () {
+            return {
+              foo: () => 0
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 10
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          methods: {
+            foo () {
+              return 0
+            }
+          },
+          setup: () => ({
+            foo: () => 0
+          })
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          computed: {
+            foo () {
+              return 0
+            }
+          },
+          setup: () => ({
+            foo: computed(() => 0)
+          })
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data() {
+            return {
+              foo: 0
+            }
+          },
+          setup: () => ({
+            foo: ref(0)
+          })
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data() {
+            return {
+              foo: 0
+            }
+          },
+          setup: () => ({
+            foo: 0
+          })
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'foo\'.',
+        line: 9
+      }]
     }
   ]
 })
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index 05836bc47..f3bc64acb 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -89,6 +89,32 @@ ruleTester.run('no-reserved-keys', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['foo'],
+          computed: {
+            bar () {
+            }
+          },
+          data: () => ({
+            dat: null
+          }),
+          methods: {
+            _foo () {},
+            test () {
+            }
+          },
+          setup () {
+            return {
+              _bar: () => {}
+            }
+          }
+        }
+      `,
+      parserOptions
     }
   ],
 
@@ -108,6 +134,23 @@ ruleTester.run('no-reserved-keys', rule, {
         line: 4
       }]
     },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          setup () {
+            return {
+              $el: ''
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: "Key '$el' is reserved.",
+        line: 5
+      }]
+    },
     {
       filename: 'test.js',
       code: `

From 7609be661287c6fd68a38a3cc8fbb1359249e8c0 Mon Sep 17 00:00:00 2001
From: IU <yoyo930021@gmail.com>
Date: Tue, 21 Apr 2020 16:01:27 +0800
Subject: [PATCH 0032/1010] New: Add
 `vue/no-deprecated-data-object-declaration` rule (#1083)

---
 docs/rules/README.md                          |   1 +
 .../no-deprecated-data-object-declaration.md  |  65 ++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 .../no-deprecated-data-object-declaration.js  |  86 ++++++
 .../no-deprecated-data-object-declaration.js  | 289 ++++++++++++++++++
 6 files changed, 443 insertions(+)
 create mode 100644 docs/rules/no-deprecated-data-object-declaration.md
 create mode 100644 lib/rules/no-deprecated-data-object-declaration.js
 create mode 100644 tests/lib/rules/no-deprecated-data-object-declaration.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 99bc361e7..ebcc7b303 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -39,6 +39,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
+| [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data | :wrench: |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
new file mode 100644
index 000000000..c095fadb3
--- /dev/null
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -0,0 +1,65 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-data-object-declaration
+description: disallow using deprecated object declaration on data
+---
+# vue/no-deprecated-data-object-declaration
+> disallow using deprecated object declaration on data
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports use of deprecated object declaration on `data` property (in Vue.js 3.0.0+).
+The different from `vue/no-shared-component-data` is the root instance being also disallowed.
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+createApp({
+  data: {
+    foo: null
+  }
+}).mount('#app')
+export default {
+  data: {
+    foo: null
+  }
+}
+
+/* ✓ GOOD */
+export default {
+  data () {
+    return {
+      foo: null
+    }
+  }
+}
+createApp({
+  data () {
+    return {
+      foo: null
+    }
+  }
+}).mount('#app')
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [RFC: remove data object declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-data-object-declaration.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-data-object-declaration.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 1b0c23e08..3f2865dfa 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -7,6 +7,7 @@ module.exports = {
   extends: require.resolve('./base'),
   rules: {
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-filter': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
     'vue/no-deprecated-slot-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index df70ec82a..4c746fd8b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -40,6 +40,7 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
+    'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
diff --git a/lib/rules/no-deprecated-data-object-declaration.js b/lib/rules/no-deprecated-data-object-declaration.js
new file mode 100644
index 000000000..4c8399d76
--- /dev/null
+++ b/lib/rules/no-deprecated-data-object-declaration.js
@@ -0,0 +1,86 @@
+/**
+ * @fileoverview disallow using deprecated object declaration on data
+ * @author yoyo930021
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+function isOpenParen (token) {
+  return token.type === 'Punctuator' && token.value === '('
+}
+
+function isCloseParen (token) {
+  return token.type === 'Punctuator' && token.value === ')'
+}
+
+function getFirstAndLastTokens (node, sourceCode) {
+  let first = sourceCode.getFirstToken(node)
+  let last = sourceCode.getLastToken(node)
+
+  // If the value enclosed by parentheses, update the 'first' and 'last' by the parentheses.
+  while (true) {
+    const prev = sourceCode.getTokenBefore(first)
+    const next = sourceCode.getTokenAfter(last)
+    if (isOpenParen(prev) && isCloseParen(next)) {
+      first = prev
+      last = next
+    } else {
+      return { first, last }
+    }
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated object declaration on data',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-data-object-declaration.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      objectDeclarationIsDeprecated: "Object declaration on \'data\' property is deprecated. Using function declaration instead."
+    }
+  },
+
+  create (context) {
+    const sourceCode = context.getSourceCode()
+
+    return utils.executeOnVue(context, (obj) => {
+      obj.properties
+        .filter(p =>
+          p.type === 'Property' &&
+          p.key.type === 'Identifier' &&
+          p.key.name === 'data' &&
+          p.value.type !== 'FunctionExpression' &&
+          p.value.type !== 'ArrowFunctionExpression' &&
+          p.value.type !== 'Identifier'
+        )
+        .forEach(p => {
+          context.report({
+            node: p,
+            messageId: 'objectDeclarationIsDeprecated',
+            fix (fixer) {
+              const tokens = getFirstAndLastTokens(p.value, sourceCode)
+
+              return [
+                fixer.insertTextBefore(tokens.first, 'function() {\nreturn '),
+                fixer.insertTextAfter(tokens.last, ';\n}')
+              ]
+            }
+          })
+        })
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-data-object-declaration.js b/tests/lib/rules/no-deprecated-data-object-declaration.js
new file mode 100644
index 000000000..1ced275c0
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-data-object-declaration.js
@@ -0,0 +1,289 @@
+/**
+ * @fileoverview disallow using deprecated object declaration on data
+ * @author yoyo930021
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-data-object-declaration')
+
+const RuleTester = require('eslint').RuleTester
+
+const parserOptions = {
+  ecmaVersion: 2018,
+  sourceType: 'module'
+}
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester()
+ruleTester.run('no-deprecated-data-object-declaration', rule, {
+
+  valid: [
+    {
+      filename: 'test.js',
+      code: `
+        createApp({
+          data: function () {
+            return {
+              foo: 'bar'
+            }
+          }
+        }).mount('#app')
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        createApp({
+          ...data,
+          data () {
+            return {
+              foo: 'bar'
+            }
+          }
+        }).mount('#app')
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const app = createApp(App)
+        app.component('some-comp', {
+          data: function () {
+            return {
+              foo: 'bar'
+            }
+          }
+        })
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data: function () {
+            return {
+              foo: 'bar'
+            }
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          ...foo
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data: () => {
+
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data () {
+
+          },
+          methods: {
+
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data () {
+
+          },
+          computed: {
+
+          }
+        }
+      `,
+      parserOptions
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.js',
+      code: `
+        const app = createApp(App)
+        app.component('some-comp', {
+          data: {
+            foo: 'bar'
+          }
+        })
+      `,
+      output: `
+        const app = createApp(App)
+        app.component('some-comp', {
+          data: function() {
+return {
+            foo: 'bar'
+          };
+}
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
+        line: 4
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          data: {
+            foo: 'bar'
+          }
+        })
+      `,
+      output: `
+        app.component('some-comp', {
+          data: function() {
+return {
+            foo: 'bar'
+          };
+}
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data: {
+            foo: 'bar'
+          }
+        }
+      `,
+      output: `
+        export default {
+          data: function() {
+return {
+            foo: 'bar'
+          };
+}
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          data: /*a*/ (/*b*/{
+            foo: 'bar'
+          })
+        }
+      `,
+      output: `
+        export default {
+          data: /*a*/ function() {
+return (/*b*/{
+            foo: 'bar'
+          });
+}
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        createApp({
+          data: {
+            foo: 'bar'
+          }
+        })
+      `,
+      output: `
+        createApp({
+          data: function() {
+return {
+            foo: 'bar'
+          };
+}
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        createApp({
+          data: {
+            foo: 'bar'
+          }
+        }).mount('#app')
+      `,
+      output: `
+        createApp({
+          data: function() {
+return {
+            foo: 'bar'
+          };
+}
+        }).mount('#app')
+      `,
+      parserOptions,
+      errors: [{
+        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
+        line: 3
+      }]
+    }
+  ]
+})

From 8d3c99a9c1df9f9978e71479792252554ffbabce Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Tue, 21 Apr 2020 17:06:33 +0900
Subject: [PATCH 0033/1010] New: add `vue/no-template-no-target-blank` rule
 (#1086)

* New: add `vue/no-template-no-target-blank` rule

* Fix document for no-template-target-blank
---
 docs/rules/README.md                        |   1 +
 docs/rules/no-template-target-blank.md      |  99 +++++++++++++++++
 lib/index.js                                |   1 +
 lib/rules/no-template-target-blank.js       | 111 ++++++++++++++++++++
 tests/lib/rules/no-template-target-blank.js |  68 ++++++++++++
 5 files changed, 280 insertions(+)
 create mode 100644 docs/rules/no-template-target-blank.md
 create mode 100644 lib/rules/no-template-target-blank.js
 create mode 100644 tests/lib/rules/no-template-target-blank.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ebcc7b303..e229c19fc 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -274,6 +274,7 @@ For example:
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
+| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
new file mode 100644
index 000000000..67dfcc995
--- /dev/null
+++ b/docs/rules/no-template-target-blank.md
@@ -0,0 +1,99 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-template-target-blank
+description: disallow target="_blank" attribute without rel="noopener noreferrer"
+---
+# vue/no-template-target-blank
+> disallow target="_blank" attribute without rel="noopener noreferrer"
+
+## :book: Rule Details
+
+This rule disallows using `target="_blank"` attribute without `rel="noopener noreferrer"` to avoid a security vulnerability([see here for more details](https://mathiasbynens.github.io/rel-noopener/)).
+
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ Good -->
+  <a link="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
+
+  <!-- ✗ BAD -->
+  <a link="http://example.com" target="_blank" >link</a>
+</temlate>
+```
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-template-target-blank": ["error", {
+    "allowReferrer": true,
+    "enforceDynamicLinks": "always"
+  }]
+}
+```
+
+- `allowReferrer` ... If `true`, does not require noreferrer.default `false`
+- `enforceDynamicLinks ("always" | "never")` ... If `always`, enforces the rule if the href is a dynamic link. default `always`.
+
+### `{ allowReferrer: false }` (default)
+
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { allowReferrer: false }]}">
+
+```vue
+<template>
+  <!-- ✓ Good -->
+  <a link="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
+
+  <!-- ✗ BAD -->
+  <a link="http://example.com" target="_blank" rel="noopener">link</a>
+</temlate>
+```
+
+### `{ allowReferrer: true }`
+
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { allowReferrer: true }]}">
+
+```vue
+<template>
+  <!-- ✓ Good -->
+  <a link="http://example.com" target="_blank" rel="noopener">link</a>
+
+  <!-- ✗ BAD -->
+  <a link="http://example.com" target="_blank" >link</a>
+</temlate>
+```
+
+### `{ "enforceDynamicLinks": "always" }` (default)
+
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'never' }]}">
+
+```vue
+<template>
+  <!-- ✓ Good -->
+  <a :link="link" target="_blank" rel="noopener noreferrer">link</a>
+
+  <!-- ✗ BAD -->
+  <a :link="link" target="_blank">link</a>
+</temlate>
+```
+
+### `{ "enforceDynamicLinks": "never" }`
+
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'never' }]}">
+
+```vue
+<template>
+  <!-- ✓ Good -->
+  <a :link="link" target="_blank">link</a>
+
+  <!-- ✗ BAD -->
+  <a link="http://example.com" target="_blank" >link</a>
+</temlate>
+```
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-template-target-blank.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-template-target-blank.js)
diff --git a/lib/index.js b/lib/index.js
index 4c746fd8b..040965de0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -66,6 +66,7 @@ module.exports = {
     'no-static-inline-styles': require('./rules/no-static-inline-styles'),
     'no-template-key': require('./rules/no-template-key'),
     'no-template-shadow': require('./rules/no-template-shadow'),
+    'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
diff --git a/lib/rules/no-template-target-blank.js b/lib/rules/no-template-target-blank.js
new file mode 100644
index 000000000..bf43e19e2
--- /dev/null
+++ b/lib/rules/no-template-target-blank.js
@@ -0,0 +1,111 @@
+/**
+ * @fileoverview disallow target="_blank" attribute without rel="noopener noreferrer"
+ * @author Sosukesuzuki
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+function isTargetBlank (node) {
+  return node.key &&
+    node.key.name === 'target' &&
+    node.value &&
+    node.value.value === '_blank'
+}
+
+function hasSecureRel (node, allowReferrer) {
+  return node.attributes.some(attr => {
+    if (attr.key && attr.key.name === 'rel') {
+      const tags = attr.value && attr.value.value.toLowerCase().split(' ')
+      return tags &&
+        tags.includes('noopener') &&
+        (allowReferrer || tags.includes('noreferrer'))
+    } else {
+      return false
+    }
+  })
+}
+
+function hasExternalLink (node) {
+  return node.attributes.some(attr =>
+    attr.key &&
+    attr.key.name === 'href' &&
+    attr.value && /^(?:\w+:|\/\/)/.test(attr.value.value)
+  )
+}
+
+function hasDynamicLink (node) {
+  return node.attributes.some(attr =>
+    attr.key &&
+    attr.key.type === 'VDirectiveKey' &&
+    attr.key.name &&
+    attr.key.name.name === 'bind' &&
+    attr.key.argument &&
+    attr.key.argument.name === 'href'
+  )
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow target="_blank" attribute without rel="noopener noreferrer"',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-template-target-blank.html'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        allowReferrer: {
+          type: 'boolean'
+        },
+        enforceDynamicLinks: {
+          enum: ['always', 'never']
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+
+  /**
+   * Creates AST event handlers for no-template-target-blank
+   *
+   * @param {RuleContext} context - The rule context.
+   * @returns {Object} AST event handlers.
+   */
+  create (context) {
+    const configuration = context.options[0] || {}
+    const allowReferrer = configuration.allowReferrer || false
+    const enforceDynamicLinks = configuration.enforceDynamicLinks || 'always'
+
+    return utils.defineTemplateBodyVisitor(context, {
+      'VAttribute' (node) {
+        if (!isTargetBlank(node) || hasSecureRel(node.parent, allowReferrer)) {
+          return
+        }
+
+        const hasDangerHref = hasExternalLink(node.parent) ||
+          (enforceDynamicLinks === 'always' && hasDynamicLink(node.parent))
+
+        if (hasDangerHref) {
+          context.report({
+            node,
+            message: 'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
new file mode 100644
index 000000000..41b5c1c4b
--- /dev/null
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -0,0 +1,68 @@
+/**
+ * @fileoverview disallow target="_blank" attribute without rel="noopener noreferrer"
+ * @author Sosukesuzuki
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-template-target-blank')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-template-target-blank', rule, {
+  valid: [
+    { code: '<template><a>link</a></template>' },
+    { code: '<template><a attr>link</a></template>' },
+    { code: '<template><a target>link</a></template>' },
+    { code: '<template><a href="https://eslint.vuejs.org">link</a></template>' },
+    { code: '<template><a :href="link">link</a></template>' },
+    { code: '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>' },
+    { code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>' },
+    {
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
+      options: [{ allowReferrer: true }]
+    },
+    { code: '<template><a href="/foo" target="_blank">link</a></template>' },
+    { code: '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>' },
+    { code: '<template><a href="foo/bar" target="_blank">link</a></template>' },
+    { code: '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>' },
+    {
+      code: '<template><a :href="link" target="_blank">link</a></template>',
+      options: [{ enforceDynamicLinks: 'never' }]
+    }
+  ],
+  invalid: [
+    {
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank">link</a></template>',
+      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+    },
+    {
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopenernoreferrer">link</a></template>',
+      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+    },
+    {
+      code: '<template><a :href="link" target="_blank" rel=3>link</a></template>',
+      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+    },
+    {
+      code: '<template><a :href="link" target="_blank">link</a></template>',
+      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+    },
+    {
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
+      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+    }
+  ]
+})

From cadec3b1c8043ae63da8e7be4fe23deb1fa0085f Mon Sep 17 00:00:00 2001
From: IU <yoyo930021@gmail.com>
Date: Tue, 21 Apr 2020 16:11:32 +0800
Subject: [PATCH 0034/1010] Fix detect Vue3 defineComponent (#1088)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 lib/utils/index.js               |  6 +++++
 tests/lib/rules/no-dupe-keys.js  | 38 ++++++++++++++++++++++++++++++++
 tests/lib/utils/vue-component.js |  6 +++++
 3 files changed, 50 insertions(+)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index e784f2ab3..b302cd6cb 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -550,6 +550,12 @@ module.exports = {
           const isAppVueComponent = isObjectArgument(node)
           return isAppVueComponent
         }
+        if (callee.name === 'defineComponent') {
+          // for Vue.js 3.x
+          // defineComponent({})
+          const isDestructedVueComponent = isObjectArgument(node)
+          return isDestructedVueComponent
+        }
       }
     }
 
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 0844173f0..a3bc06e77 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -639,6 +639,44 @@ ruleTester.run('no-dupe-keys', rule, {
         message: 'Duplicated key \'foo\'.',
         line: 9
       }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        defineComponent({
+          foo: {
+            bar: String
+          },
+          data: {
+            bar: null
+          },
+        })
+      `,
+      options: [{ groups: ['foo'] }],
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Duplicated key \'bar\'.',
+        line: 7
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        export default defineComponent({
+          foo: {
+            bar: String
+          },
+          data: {
+            bar: null
+          },
+        })
+      `,
+      options: [{ groups: ['foo'] }],
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [{
+        message: 'Duplicated key \'bar\'.',
+        line: 7
+      }]
     }
   ]
 })
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index 69d663e92..794075d47 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -311,6 +311,12 @@ function invalidTests (ext) {
       `,
       parserOptions,
       errors: (ext === 'js' ? [] : [makeError(2)]).concat([makeError(8)])
+    },
+    {
+      filename: `test.${ext}`,
+      code: `export default defineComponent({})`,
+      parserOptions,
+      errors: [makeError(1)]
     }
   ]
 }

From 35efedcc95dbdee0683ae8b69bf0d5ed0aeb8f09 Mon Sep 17 00:00:00 2001
From: IU <yoyo930021@gmail.com>
Date: Tue, 21 Apr 2020 16:16:12 +0800
Subject: [PATCH 0035/1010] New: Add `vue/no-deprecated-events-api` rule
 (#1097)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                        |   1 +
 docs/rules/no-deprecated-events-api.md      |  57 +++++++
 lib/configs/vue3-essential.js               |   1 +
 lib/index.js                                |   1 +
 lib/rules/no-deprecated-events-api.js       |  57 +++++++
 tests/lib/rules/no-deprecated-events-api.js | 161 ++++++++++++++++++++
 6 files changed, 278 insertions(+)
 create mode 100644 docs/rules/no-deprecated-events-api.md
 create mode 100644 lib/rules/no-deprecated-events-api.js
 create mode 100644 tests/lib/rules/no-deprecated-events-api.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e229c19fc..3e37fe70b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -39,6 +39,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
+| [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data | :wrench: |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
new file mode 100644
index 000000000..e855a5a4f
--- /dev/null
+++ b/docs/rules/no-deprecated-events-api.md
@@ -0,0 +1,57 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-events-api
+description: disallow using deprecated events api
+---
+# vue/no-deprecated-events-api
+> disallow using deprecated events api
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `$on`, `$off` `$once` api. (in Vue.js 3.0.0+).
+
+<eslint-code-block :rules="{'vue/no-deprecated-events-api': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  mounted () {
+    this.$on('start', function(args) {
+      console.log('start')
+    })
+    this.$emit('start')
+  }
+}
+
+/* ✓ GOOD */
+import mitt from 'mitt'
+const emitter = mitt()
+export default {
+  mounted () {
+    emitter.on('start', function(args) {
+      console.log('start')
+    })
+    emitter.emit('start')
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [RFC: events api change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-events-api.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-events-api.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 3f2865dfa..f7c35fecf 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -7,6 +7,7 @@ module.exports = {
   extends: require.resolve('./base'),
   rules: {
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-filter': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index 040965de0..03fd799a2 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -40,6 +40,7 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
+    'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
new file mode 100644
index 000000000..488b893d3
--- /dev/null
+++ b/lib/rules/no-deprecated-events-api.js
@@ -0,0 +1,57 @@
+/**
+ * @fileoverview disallow using deprecated events api
+ * @author yoyo930021
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated events api',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-events-api.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      noDeprecatedEventsApi: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
+    }
+  },
+
+  create (context) {
+    const forbiddenNodes = []
+
+    return Object.assign(
+      {
+        'CallExpression > MemberExpression > ThisExpression' (node) {
+          if (!['$on', '$off', '$once'].includes(node.parent.property.name)) return
+          forbiddenNodes.push(node.parent.parent)
+        }
+      },
+      utils.executeOnVue(context, (obj) => {
+        forbiddenNodes.forEach(node => {
+          if (
+            node.loc.start.line >= obj.loc.start.line &&
+            node.loc.end.line <= obj.loc.end.line
+          ) {
+            context.report({
+              node,
+              messageId: 'noDeprecatedEventsApi'
+            })
+          }
+        })
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
new file mode 100644
index 000000000..59a6c685f
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -0,0 +1,161 @@
+/* eslint-disable eslint-plugin/consistent-output */
+/**
+ * @fileoverview disallow using deprecated events api
+ * @author yoyo930021
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-events-api')
+
+const RuleTester = require('eslint').RuleTester
+
+const parserOptions = {
+  ecmaVersion: 2018,
+  sourceType: 'module'
+}
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester()
+ruleTester.run('no-deprecated-events-api', rule, {
+
+  valid: [
+    {
+      filename: 'test.js',
+      code: `
+        createApp({
+          mounted () {
+            this.$emit('start')
+          }
+        })
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        createApp({
+          methods: {
+            click () {
+              this.$emit('click')
+            }
+          }
+        })
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const another = function () {
+          this.$on('start', args => {
+            console.log('start')
+          })
+        }
+
+        createApp({
+          mounted () {
+            this.$emit('start')
+          }
+        })
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            this.$emit('start')
+          }
+        })
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          mounted () {
+            this.$emit('start')
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import mitt from 'mitt'
+        const emitter = mitt()
+
+        export default {
+          setup () {
+            emitter.on('foo', e => console.log('foo', e))
+            emitter.emit('foo', { a: 'b' })
+            emitter.off('foo', onFoo)
+          }
+        }
+      `,
+      parserOptions
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            this.$on('start', function (args) {
+              console.log('start', args)
+            })
+          }
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        line: 4
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            this.$off('start')
+          }
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        line: 4
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          mounted () {
+            this.$once('start', function () {
+              console.log('start')
+            })
+          }
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        line: 4
+      }]
+    }
+  ]
+})

From f4de98ea5cf235aa138f3e66e793b9a8238a5c53 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 21 Apr 2020 17:16:34 +0900
Subject: [PATCH 0036/1010] New: Add `vue/no-watch-after-await` rule (#1068)

* New: Add `vue/no-watch-after-await` rule

* Add check for watchEffect.

* Update vue/no-watch-after-await
---
 docs/rules/README.md                    |   1 +
 docs/rules/no-watch-after-await.md      |  73 ++++++++++
 lib/configs/vue3-essential.js           |   1 +
 lib/index.js                            |   1 +
 lib/rules/no-watch-after-await.js       | 137 ++++++++++++++++++
 tests/lib/rules/no-watch-after-await.js | 177 ++++++++++++++++++++++++
 6 files changed, 390 insertions(+)
 create mode 100644 docs/rules/no-watch-after-await.md
 create mode 100644 lib/rules/no-watch-after-await.js
 create mode 100644 tests/lib/rules/no-watch-after-await.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3e37fe70b..bb8d92e8b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -61,6 +61,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
 | [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
new file mode 100644
index 000000000..679dbcbfc
--- /dev/null
+++ b/docs/rules/no-watch-after-await.md
@@ -0,0 +1,73 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-watch-after-await
+description: disallow asynchronously registered `watch`
+---
+# vue/no-watch-after-await
+> disallow asynchronously registered `watch`
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports the `watch()` after `await` expression.  
+In `setup()` function, `watch()` should be registered synchronously.
+
+<eslint-code-block :rules="{'vue/no-watch-after-await': ['error']}">
+
+```vue
+<script>
+import { watch } from 'vue'
+export default {
+  async setup() {
+    /* ✓ GOOD */
+    watch(watchSource, () => { /* ... */ })
+
+    await doSomething()
+
+    /* ✗ BAD */
+    watch(watchSource, () => { /* ... */ })
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+This rule is not reported when using the stop handle.
+
+<eslint-code-block :rules="{'vue/no-watch-after-await': ['error']}">
+
+```vue
+<script>
+import { watch } from 'vue'
+export default {
+  async setup() {
+    await doSomething()
+
+    /* ✓ GOOD */
+    const stopHandle = watch(watchSource, () => { /* ... */ })
+
+    // later
+    stopHandle()
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
+- [Vue Composition API - API Reference - Stopping the Watcher](https://composition-api.vuejs.org/api.html#stopping-the-watcher)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-watch-after-await.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-watch-after-await.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index f7c35fecf..d668791c7 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -29,6 +29,7 @@ module.exports = {
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
+    'vue/no-watch-after-await': 'error',
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
diff --git a/lib/index.js b/lib/index.js
index 03fd799a2..fec192830 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -75,6 +75,7 @@ module.exports = {
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
+    'no-watch-after-await': require('./rules/no-watch-after-await'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
new file mode 100644
index 000000000..f65a459de
--- /dev/null
+++ b/lib/rules/no-watch-after-await.js
@@ -0,0 +1,137 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const { ReferenceTracker } = require('eslint-utils')
+const utils = require('../utils')
+
+function isMaybeUsedStopHandle (node) {
+  const parent = node.parent
+  if (parent) {
+    if (parent.type === 'VariableDeclarator') {
+      // var foo = watch()
+      return true
+    }
+    if (parent.type === 'AssignmentExpression') {
+      // foo = watch()
+      return true
+    }
+    if (parent.type === 'CallExpression') {
+      // foo(watch())
+      return true
+    }
+    if (parent.type === 'Property') {
+      // {foo: watch()}
+      return true
+    }
+    if (parent.type === 'ArrayExpression') {
+      // [watch()]
+      return true
+    }
+  }
+  return false
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow asynchronously registered `watch`',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-watch-after-await.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      forbidden: 'The `watch` after `await` expression are forbidden.'
+    }
+  },
+  create (context) {
+    const watchCallNodes = new Set()
+    const setupFunctions = new Map()
+    const forbiddenNodes = new Map()
+
+    function addForbiddenNode (property, node) {
+      let list = forbiddenNodes.get(property)
+      if (!list) {
+        list = []
+        forbiddenNodes.set(property, list)
+      }
+      list.push(node)
+    }
+
+    let scopeStack = { upper: null, functionNode: null }
+
+    return Object.assign(
+      {
+        'Program' () {
+          const tracker = new ReferenceTracker(context.getScope())
+          const traceMap = {
+            vue: {
+              [ReferenceTracker.ESM]: true,
+              watch: {
+                [ReferenceTracker.CALL]: true
+              },
+              watchEffect: {
+                [ReferenceTracker.CALL]: true
+              }
+            }
+          }
+
+          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+            watchCallNodes.add(node)
+          }
+        },
+        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node) {
+          if (utils.getStaticPropertyName(node) !== 'setup') {
+            return
+          }
+
+          setupFunctions.set(node.value, {
+            setupProperty: node,
+            afterAwait: false
+          })
+        },
+        ':function' (node) {
+          scopeStack = { upper: scopeStack, functionNode: node }
+        },
+        'AwaitExpression' () {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          setupFunctionData.afterAwait = true
+        },
+        'CallExpression' (node) {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+            return
+          }
+
+          if (watchCallNodes.has(node) && !isMaybeUsedStopHandle(node)) {
+            addForbiddenNode(setupFunctionData.setupProperty, node)
+          }
+        },
+        ':function:exit' (node) {
+          scopeStack = scopeStack.upper
+
+          setupFunctions.delete(node)
+        }
+      },
+      utils.executeOnVue(context, obj => {
+        const reportsList = obj.properties
+          .map(item => forbiddenNodes.get(item))
+          .filter(reports => !!reports)
+        for (const reports of reportsList) {
+          for (const node of reports) {
+            context.report({
+              node,
+              messageId: 'forbidden'
+            })
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
new file mode 100644
index 000000000..9d91fbb2b
--- /dev/null
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -0,0 +1,177 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-watch-after-await')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+})
+
+tester.run('no-watch-after-await', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch} from 'vue'
+      export default {
+        async setup() {
+          watch(foo, () => { /* ... */ }) // ok
+
+          await doSomething()
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch} from 'vue'
+      export default {
+        async setup() {
+          watch(foo, () => { /* ... */ })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch, watchEffect} from 'vue'
+      export default {
+        async setup() {
+          watchEffect(() => { /* ... */ })
+          watch(foo, () => { /* ... */ })
+          await doSomething()
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onMounted} from 'vue'
+      export default {
+        async _setup() {
+          await doSomething()
+
+          onMounted(() => { /* ... */ }) // error
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch, watchEffect} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+          const a = watchEffect(() => { /* ... */ })
+          const b = watch(foo, () => { /* ... */ })
+          c = watch()
+          d(watch())
+          e = {
+            foo: watch()
+          }
+          f = [watch()]
+        }
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          watch(foo, () => { /* ... */ }) // error
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The `watch` after `await` expression are forbidden.',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 42
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch, watchEffect} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          watchEffect(() => { /* ... */ })
+          watch(foo, () => { /* ... */ })
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'forbidden',
+          line: 8
+        },
+        {
+          messageId: 'forbidden',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          watch(foo, () => { /* ... */ })
+
+          await doSomething()
+
+          watch(foo, () => { /* ... */ })
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'forbidden',
+          line: 8
+        },
+        {
+          messageId: 'forbidden',
+          line: 12
+        }
+      ]
+    }
+  ]
+})

From 3e90a0c17e907c7b030388e49e1ddb2e05ab0a65 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 21 Apr 2020 17:17:04 +0900
Subject: [PATCH 0037/1010] New: Add `vue/require-v-if-inside-transition` rule
 (#1099)

---
 docs/rules/README.md                          |   1 +
 docs/rules/require-v-if-inside-transition.md  |  42 +++++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/require-v-if-inside-transition.js   |  82 +++++++++++++
 .../rules/require-v-if-inside-transition.js   | 110 ++++++++++++++++++
 6 files changed, 237 insertions(+)
 create mode 100644 docs/rules/require-v-if-inside-transition.md
 create mode 100644 lib/rules/require-v-if-inside-transition.js
 create mode 100644 tests/lib/rules/require-v-if-inside-transition.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index bb8d92e8b..fb952cddb 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -66,6 +66,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
 | [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
 | [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
+| [vue/require-v-if-inside-transition](./require-v-if-inside-transition.md) | require control the display of the content inside `<transition>` |  |
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
diff --git a/docs/rules/require-v-if-inside-transition.md b/docs/rules/require-v-if-inside-transition.md
new file mode 100644
index 000000000..5b541d223
--- /dev/null
+++ b/docs/rules/require-v-if-inside-transition.md
@@ -0,0 +1,42 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-v-if-inside-transition
+description: require control the display of the content inside `<transition>`
+---
+# vue/require-v-if-inside-transition
+> require control the display of the content inside `<transition>`
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports elements inside `<transition>` that do not control the display.
+
+<eslint-code-block :rules="{'vue/require-v-if-inside-transition': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <transition><div v-if="show" /></transition>
+  <transition><div v-show="show" /></transition>
+
+  <!-- ✗ BAD -->
+  <transition><div /></transition>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0017-transition-as-root](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0017-transition-as-root.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-v-if-inside-transition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-v-if-inside-transition.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index d668791c7..20135152d 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -34,6 +34,7 @@ module.exports = {
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
     'vue/require-v-for-key': 'error',
+    'vue/require-v-if-inside-transition': 'error',
     'vue/require-valid-default-prop': 'error',
     'vue/return-in-computed-property': 'error',
     'vue/use-v-on-exact': 'error',
diff --git a/lib/index.js b/lib/index.js
index fec192830..098b5fbd2 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -88,6 +88,7 @@ module.exports = {
     'require-prop-types': require('./rules/require-prop-types'),
     'require-render-return': require('./rules/require-render-return'),
     'require-v-for-key': require('./rules/require-v-for-key'),
+    'require-v-if-inside-transition': require('./rules/require-v-if-inside-transition'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'script-indent': require('./rules/script-indent'),
diff --git a/lib/rules/require-v-if-inside-transition.js b/lib/rules/require-v-if-inside-transition.js
new file mode 100644
index 000000000..5288e2e38
--- /dev/null
+++ b/lib/rules/require-v-if-inside-transition.js
@@ -0,0 +1,82 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Check whether the given node is an well-known element or not.
+ * @param {ASTNode} node The element node to check.
+ * @returns {boolean} `true` if the name is an well-known element name.
+ */
+function isWellKnownElement (node) {
+  if (
+    (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+    utils.isHtmlWellKnownElementName(node.rawName) ||
+    utils.isSvgWellKnownElementName(node.rawName)
+  ) {
+    return true
+  }
+  return false
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require control the display of the content inside `<transition>`',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/require-v-if-inside-transition.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      expected: 'The element inside `<transition>` is expected to have a `v-if` or `v-show` directive.'
+    }
+  },
+
+  create (context) {
+    /**
+     * Check if the given element has display control.
+     * @param {VElement} element The element node to check.
+     */
+    function verifyInsideElement (element) {
+      if (utils.isCustomComponent(element)) {
+        return
+      }
+      if (!isWellKnownElement(element)) {
+        return
+      }
+      if (!utils.hasDirective(element, 'if') && !utils.hasDirective(element, 'show')) {
+        context.report({
+          node: element.startTag,
+          loc: element.startTag.loc,
+          messageId: 'expected'
+        })
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      "VElement[name='transition'] > VElement" (node) {
+        if (node.parent.children[0] !== node) {
+          return
+        }
+        verifyInsideElement(node)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/require-v-if-inside-transition.js b/tests/lib/rules/require-v-if-inside-transition.js
new file mode 100644
index 000000000..08e3eddae
--- /dev/null
+++ b/tests/lib/rules/require-v-if-inside-transition.js
@@ -0,0 +1,110 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-v-if-inside-transition')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('require-v-if-inside-transition', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div v-if="show" /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div v-show="show" /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition><div v-if="show" /></Transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition><div v-show="show" /></Transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition><MyComp /></Transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition><component :is="component" /></Transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition><div :is="component" /></Transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><svg height="100" width="100"><transition><circle v-if="show" /></transition></svg> </template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><svg height="100" width="100"><transition><MyComponent /></transition></svg> </template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><template v-if="show"><div /></template></transition></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div /></transition></template>',
+      errors: [
+        {
+          line: 1,
+          column: 23,
+          messageId: 'expected',
+          endLine: 1,
+          endColumn: 30
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition><div /></Transition></template>',
+      errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div /><div /></transition></template>',
+      errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div v-for="e in list" /></transition></template>',
+      errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><svg height="100" width="100"><transition><circle /></transition></svg> </template>',
+      errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><template v-for="e in list"><div /></template></transition></template>',
+      errors: [{ messageId: 'expected' }]
+    }
+  ]
+})

From 96712baed3392f54de64276921efee5854f1ea50 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 21 Apr 2020 17:17:41 +0900
Subject: [PATCH 0038/1010] New: Add `vue/no-deprecated-inline-template` rule
 (#1100)

---
 docs/rules/README.md                          |  1 +
 docs/rules/no-deprecated-inline-template.md   | 46 +++++++++++++
 lib/configs/vue3-essential.js                 |  1 +
 lib/index.js                                  |  1 +
 lib/rules/no-deprecated-inline-template.js    | 43 ++++++++++++
 .../rules/no-deprecated-inline-template.js    | 68 +++++++++++++++++++
 6 files changed, 160 insertions(+)
 create mode 100644 docs/rules/no-deprecated-inline-template.md
 create mode 100644 lib/rules/no-deprecated-inline-template.js
 create mode 100644 tests/lib/rules/no-deprecated-inline-template.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index fb952cddb..ea139024a 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -42,6 +42,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data | :wrench: |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
+| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
new file mode 100644
index 000000000..7a993c92b
--- /dev/null
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -0,0 +1,46 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-inline-template
+description: disallow using deprecated `inline-template` attribute
+---
+# vue/no-deprecated-inline-template
+> disallow using deprecated `inline-template` attribute
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports deprecated `inline-template` attributes (removed in Vue.js v3.0.0+)
+
+<eslint-code-block :rules="{'vue/no-deprecated-inline-template': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <my-comnponent />
+
+  <!-- ✗ BAD -->
+  <my-component inline-template>
+    <div>
+      <p>These are compiled as the component's own template.</p>
+      <p>Not parent's transclusion content.</p>
+    </div>
+  </my-component>
+</template>
+```
+
+</eslint-code-block>
+
+### :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - 0016-remove-inline-templates](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0016-remove-inline-templates.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-inline-template.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-inline-template.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 20135152d..08d03a280 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-filter': 'error',
+    'vue/no-deprecated-inline-template': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
     'vue/no-deprecated-slot-attribute': 'error',
     'vue/no-deprecated-slot-scope-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index 098b5fbd2..b2b32474f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -43,6 +43,7 @@ module.exports = {
     'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
+    'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
diff --git a/lib/rules/no-deprecated-inline-template.js b/lib/rules/no-deprecated-inline-template.js
new file mode 100644
index 000000000..a401e819e
--- /dev/null
+++ b/lib/rules/no-deprecated-inline-template.js
@@ -0,0 +1,43 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated `inline-template` attribute',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-inline-template.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: '`inline-template` are deprecated.'
+    }
+  },
+
+  create: function (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=false] > VIdentifier[rawName='inline-template']" (node) {
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'unexpected'
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js
new file mode 100644
index 000000000..e64511acd
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-inline-template.js
@@ -0,0 +1,68 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-inline-template')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019 }
+})
+
+ruleTester.run('no-deprecated-inline-template', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><my-component><div /></my-component></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><my-component :inline-template="foo"><div /></my-component></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><my-component Inline-Template="foo"><div /></my-component></template>'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><my-component inline-template><div /></my-component></template>',
+      errors: [
+        {
+          line: 1,
+          column: 25,
+          messageId: 'unexpected',
+          endLine: 1,
+          endColumn: 40
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><my-component inline-template=""><div /></my-component></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><my-component inline-template="foo"><div /></my-component></template>',
+      errors: [{ messageId: 'unexpected' }]
+    }
+  ]
+})

From 8f2129bd501e0dbca44f73c52a12bf7343b31753 Mon Sep 17 00:00:00 2001
From: ota <y.ohta.z3@future.co.jp>
Date: Tue, 21 Apr 2020 18:07:35 +0900
Subject: [PATCH 0039/1010] Update documents

---
 docs/rules/README.md                                | 10 +++++-----
 docs/rules/no-deprecated-data-object-declaration.md |  4 ++--
 docs/rules/no-deprecated-events-api.md              |  4 ++--
 docs/rules/no-deprecated-filter.md                  |  4 ++--
 docs/rules/no-deprecated-inline-template.md         |  4 ++--
 lib/configs/vue3-essential.js                       |  2 +-
 lib/index.js                                        |  2 +-
 lib/rules/no-deprecated-data-object-declaration.js  |  2 +-
 lib/rules/no-deprecated-events-api.js               |  2 +-
 lib/rules/no-deprecated-filter.js                   |  2 +-
 lib/rules/no-deprecated-inline-template.js          |  2 +-
 lib/rules/no-deprecated-v-on-number-modifiers.js    |  2 +-
 package.json                                        |  3 +++
 13 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ea139024a..89fa12b52 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -39,15 +39,15 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
-| [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api |  |
-| [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data | :wrench: |
-| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax |  |
-| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute |  |
+| [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers | :wrench: |
+| [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index c095fadb3..69f5cf705 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -2,10 +2,10 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-data-object-declaration
-description: disallow using deprecated object declaration on data
+description: disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 ---
 # vue/no-deprecated-data-object-declaration
-> disallow using deprecated object declaration on data
+> disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index e855a5a4f..8f1244a08 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -2,10 +2,10 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-events-api
-description: disallow using deprecated events api
+description: disallow using deprecated events api (in Vue.js 3.0.0+)
 ---
 # vue/no-deprecated-events-api
-> disallow using deprecated events api
+> disallow using deprecated events api (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index 70a62e896..787536bad 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -2,10 +2,10 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-filter
-description: disallow using deprecated filters syntax
+description: disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 ---
 # vue/no-deprecated-filter
-> disallow using deprecated filters syntax
+> disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index 7a993c92b..74f8c485c 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -2,10 +2,10 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-inline-template
-description: disallow using deprecated `inline-template` attribute
+description: disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
 ---
 # vue/no-deprecated-inline-template
-> disallow using deprecated `inline-template` attribute
+> disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 08d03a280..eb1374480 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -7,8 +7,8 @@ module.exports = {
   extends: require.resolve('./base'),
   rules: {
     'vue/no-async-in-computed-properties': 'error',
-    'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
+    'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-filter': 'error',
     'vue/no-deprecated-inline-template': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index b2b32474f..740b49e3f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -40,8 +40,8 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
-    'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
+    'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
diff --git a/lib/rules/no-deprecated-data-object-declaration.js b/lib/rules/no-deprecated-data-object-declaration.js
index 4c8399d76..aa9c6d55d 100644
--- a/lib/rules/no-deprecated-data-object-declaration.js
+++ b/lib/rules/no-deprecated-data-object-declaration.js
@@ -43,7 +43,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated object declaration on data',
+      description: 'disallow using deprecated object declaration on data (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-data-object-declaration.html'
     },
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index 488b893d3..cc21edd40 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -18,7 +18,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated events api',
+      description: 'disallow using deprecated events api (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-events-api.html'
     },
diff --git a/lib/rules/no-deprecated-filter.js b/lib/rules/no-deprecated-filter.js
index 104430a39..c0e6c945e 100644
--- a/lib/rules/no-deprecated-filter.js
+++ b/lib/rules/no-deprecated-filter.js
@@ -18,7 +18,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated filters syntax',
+      description: 'disallow using deprecated filters syntax (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-filter.html'
     },
diff --git a/lib/rules/no-deprecated-inline-template.js b/lib/rules/no-deprecated-inline-template.js
index a401e819e..ff57a227e 100644
--- a/lib/rules/no-deprecated-inline-template.js
+++ b/lib/rules/no-deprecated-inline-template.js
@@ -18,7 +18,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated `inline-template` attribute',
+      description: 'disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-inline-template.html'
     },
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index 651991cd4..c9794c13e 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -19,7 +19,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated number (keycode) modifiers',
+      description: 'disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-number-modifiers.html'
     },
diff --git a/package.json b/package.json
index 2d568134e..25734e8a4 100644
--- a/package.json
+++ b/package.json
@@ -74,5 +74,8 @@
     "typescript": "^3.5.2",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.0"
+  },
+  "publishConfig": {
+    "tag": "next"
   }
 }

From bf754967d91a0733c6d88be565ef66a0cedbfcbd Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 22 Apr 2020 08:08:09 +0900
Subject: [PATCH 0040/1010] 7.0.0-alpha.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 25734e8a4..1e7cb40b2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.0",
+  "version": "7.0.0-alpha.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 9d559b21e596e7c6a59fad07ed120519310cbb8e Mon Sep 17 00:00:00 2001
From: ota <y.ohta.z3@future.co.jp>
Date: Wed, 22 Apr 2020 15:14:29 +0900
Subject: [PATCH 0041/1010] Fixed no-deprecated-data-object-declaration demo

---
 .../no-deprecated-data-object-declaration.md  | 42 +++++++++++++------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 69f5cf705..773a50dd6 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -15,37 +15,55 @@ description: disallow using deprecated object declaration on data (in Vue.js 3.0
 This rule reports use of deprecated object declaration on `data` property (in Vue.js 3.0.0+).
 The different from `vue/no-shared-component-data` is the root instance being also disallowed.
 
-<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}" language="javascript" filename="example.js">
 
-```vue
-<script>
-/* ✗ BAD */
+```js
 createApp({
+  /* ✗ BAD */
   data: {
     foo: null
   }
 }).mount('#app')
+
+createApp({
+  /* ✓ GOOD */
+  data () {
+    return {
+      foo: null
+    }
+  }
+}).mount('#app')
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+
+```vue
+<script>
 export default {
+  /* ✗ BAD */
   data: {
     foo: null
   }
 }
+</script>
+```
 
-/* ✓ GOOD */
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+
+```vue
+<script>
 export default {
+  /* ✓ GOOD */
   data () {
     return {
       foo: null
     }
   }
 }
-createApp({
-  data () {
-    return {
-      foo: null
-    }
-  }
-}).mount('#app')
 </script>
 ```
 

From fd6b3e1f685b1fa8217bbadb44117f99d60aa890 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 9 May 2020 11:30:03 +0900
Subject: [PATCH 0042/1010] Supports ESLint v7.x (#1077)

* Supports ESLint v7.x

* update
---
 .circleci/config.yml                          | 21 ++++++++++++++++++-
 .eslintrc.js                                  | 10 ++++-----
 package.json                                  |  4 ++--
 tests/lib/rules/attributes-order.js           | 14 ++++++-------
 .../multiline-html-element-content-newline.js |  4 ++--
 ...singleline-html-element-content-newline.js |  4 ++--
 6 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 60bfc8336..4dc127cba 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -5,6 +5,7 @@ workflows:
       - node-v8
       - node-v10
       - node-v12
+      - node-v14
 
 version: 2
 jobs:
@@ -31,9 +32,23 @@ jobs:
           command: npm test
 
   node-v8:
-    <<: *node-base
     docker:
       - image: node:8
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - run:
+          name: Install eslint@6
+          command: |
+            npm install -D eslint@6.0.0
+      - run:
+          name: Install dependencies
+          command: npm install
+      - run:
+          name: Test
+          command: npm test
   node-v10:
     <<: *node-base
     docker:
@@ -42,3 +57,7 @@ jobs:
     <<: *node-base
     docker:
       - image: node:12
+  node-v14:
+    <<: *node-base
+    docker:
+      - image: node:14
diff --git a/.eslintrc.js b/.eslintrc.js
index 2693499d0..e89fc7ff3 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -27,12 +27,12 @@ module.exports = {
   overrides: [{
     files: ['lib/rules/*.js'],
     rules: {
-      "consistent-docs-description": "error",
-      "no-invalid-meta": "error",
-      "no-invalid-meta-docs-categories": "error",
+      'consistent-docs-description': 'error',
+      'no-invalid-meta': 'error',
+      'no-invalid-meta-docs-categories': 'error',
       'eslint-plugin/require-meta-type': 'error',
-      "require-meta-docs-url": ["error", {
-        "pattern": `https://eslint.vuejs.org/rules/{{name}}.html`
+      'require-meta-docs-url': ['error', {
+        'pattern': `https://eslint.vuejs.org/rules/{{name}}.html`
       }]
     }
   }]
diff --git a/package.json b/package.json
index 1e7cb40b2..4be6eed17 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "node": ">=8.10"
   },
   "peerDependencies": {
-    "eslint": "^5.0.0 || ^6.0.0"
+    "eslint": "^6.0.0 || ^7.0.0"
   },
   "dependencies": {
     "eslint-utils": "^2.0.0",
@@ -62,7 +62,7 @@
     "acorn": "^7.1.0",
     "babel-eslint": "^10.0.2",
     "chai": "^4.1.0",
-    "eslint": "^6.0.0",
+    "eslint": "^7.0.0",
     "eslint-plugin-eslint-plugin": "^2.0.1",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-vue": "file:.",
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 5583c9a1c..74a38a870 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -625,23 +625,23 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-once".',
-          nodeType: 'VIdentifier'
+          type: 'VIdentifier'
         },
         {
           message: 'Attribute "v-on:click" should go before "v-once".',
-          nodeType: 'VDirectiveKey'
+          type: 'VDirectiveKey'
         },
         {
           message: 'Attribute "ref" should go before "v-once".',
-          nodeType: 'VIdentifier'
+          type: 'VIdentifier'
         },
         {
           message: 'Attribute "id" should go before "v-text".',
-          nodeType: 'VIdentifier'
+          type: 'VIdentifier'
         },
         {
           message: 'Attribute "myProp" should go before "v-text".',
-          nodeType: 'VIdentifier'
+          type: 'VIdentifier'
         }
       ]
     },
@@ -683,7 +683,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-if" should go before "class".',
-          nodeType: 'VIdentifier'
+          type: 'VDirectiveKey'
         }
       ]
     },
@@ -709,7 +709,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-slot" should go before "v-model".',
-          nodeType: 'VIdentifier'
+          type: 'VDirectiveKey'
         }
       ]
     },
diff --git a/tests/lib/rules/multiline-html-element-content-newline.js b/tests/lib/rules/multiline-html-element-content-newline.js
index 81786ecbe..63cf626a3 100644
--- a/tests/lib/rules/multiline-html-element-content-newline.js
+++ b/tests/lib/rules/multiline-html-element-content-newline.js
@@ -286,7 +286,7 @@ content
           message: 'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
           line: 5,
           column: 12,
-          nodeType: 'HTMLTagClose',
+          type: 'HTMLTagClose',
           endLine: 5,
           endColumn: 12
         },
@@ -294,7 +294,7 @@ content
           message: 'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
           line: 5,
           column: 19,
-          nodeType: 'HTMLEndTagOpen',
+          type: 'HTMLEndTagOpen',
           endLine: 5,
           endColumn: 19
         }
diff --git a/tests/lib/rules/singleline-html-element-content-newline.js b/tests/lib/rules/singleline-html-element-content-newline.js
index f8fb538c1..c47e9c573 100644
--- a/tests/lib/rules/singleline-html-element-content-newline.js
+++ b/tests/lib/rules/singleline-html-element-content-newline.js
@@ -227,7 +227,7 @@ content
           message: 'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
           line: 3,
           column: 30,
-          nodeType: 'HTMLTagClose',
+          type: 'HTMLTagClose',
           endLine: 3,
           endColumn: 30
         },
@@ -235,7 +235,7 @@ content
           message: 'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
           line: 3,
           column: 37,
-          nodeType: 'HTMLEndTagOpen',
+          type: 'HTMLEndTagOpen',
           endLine: 3,
           endColumn: 37
         }

From b940cb94fd1bbda117db2078f467511ee9fcc89f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 9 May 2020 18:13:17 +0900
Subject: [PATCH 0043/1010] Add `vue/no-deprecated-html-element-is` rule
 (#1117)

---
 docs/rules/README.md                          |  1 +
 docs/rules/no-deprecated-html-element-is.md   | 43 ++++++++++++
 lib/configs/vue3-essential.js                 |  1 +
 lib/index.js                                  |  1 +
 lib/rules/no-deprecated-html-element-is.js    | 50 ++++++++++++++
 .../rules/no-deprecated-html-element-is.js    | 69 +++++++++++++++++++
 6 files changed, 165 insertions(+)
 create mode 100644 docs/rules/no-deprecated-html-element-is.md
 create mode 100644 lib/rules/no-deprecated-html-element-is.js
 create mode 100644 tests/lib/rules/no-deprecated-html-element-is.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 89fa12b52..4357d7e9d 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -42,6 +42,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
new file mode 100644
index 000000000..800072b9c
--- /dev/null
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -0,0 +1,43 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-html-element-is
+description: disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-html-element-is
+> disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports deprecated the `is` attribute on HTML elements (removed in Vue.js v3.0.0+)
+
+<eslint-code-block :rules="{'vue/no-deprecated-html-element-is': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div />
+  <component is="foo">
+
+  <!-- ✗ BAD -->
+  <div is="foo" />
+  <div :is="foo" />
+</template>
+```
+
+</eslint-code-block>
+
+### :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - 0027-custom-elements-interop](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0027-custom-elements-interop.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-html-element-is.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-html-element-is.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index eb1374480..f21d544c7 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-filter': 'error',
+    'vue/no-deprecated-html-element-is': 'error',
     'vue/no-deprecated-inline-template': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
     'vue/no-deprecated-slot-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index 740b49e3f..adf6185f0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -43,6 +43,7 @@ module.exports = {
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
+    'no-deprecated-html-element-is': require('./rules/no-deprecated-html-element-is'),
     'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
diff --git a/lib/rules/no-deprecated-html-element-is.js b/lib/rules/no-deprecated-html-element-is.js
new file mode 100644
index 000000000..b45a700f3
--- /dev/null
+++ b/lib/rules/no-deprecated-html-element-is.js
@@ -0,0 +1,50 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-html-element-is.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'The `is` attribute on HTML element are deprecated.'
+    }
+  },
+
+  create: function (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=false][key.name='is']" (node) {
+        const element = node.parent.parent
+        if (
+          !utils.isHtmlWellKnownElementName(element.rawName) &&
+          !utils.isSvgWellKnownElementName(element.rawName)
+        ) {
+          return
+        }
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'unexpected'
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-html-element-is.js b/tests/lib/rules/no-deprecated-html-element-is.js
new file mode 100644
index 000000000..efa52e27a
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-html-element-is.js
@@ -0,0 +1,69 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-html-element-is')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019 }
+})
+
+ruleTester.run('no-deprecated-inline-template', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><component is="foo" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Foo is="foo" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><component :is="\'foo\'" /></template>'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div is="foo" /></template>',
+      errors: [
+        {
+          line: 1,
+          column: 16,
+          messageId: 'unexpected',
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :is="foo" /></template>',
+      errors: [
+        {
+          line: 1,
+          column: 16,
+          messageId: 'unexpected'
+        }
+      ]
+    }
+  ]
+})

From 0849a271ca7a6a0592df9183dc0f972f7b30bd9b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 9 May 2020 18:13:29 +0900
Subject: [PATCH 0044/1010] Add `disallowVueBuiltInComponents` and
 `disallowVue3BuiltInComponents` option that reports Vue built-in component
 names to the `vue/no-reserved-component-names` rule. (#1116)

---
 docs/rules/no-reserved-component-names.md     |  45 +++++-
 lib/rules/no-reserved-component-names.js      |  85 ++++++++---
 .../lib/rules/no-reserved-component-names.js  | 136 +++++++++++++++++-
 3 files changed, 241 insertions(+), 25 deletions(-)

diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 3aa5f5db3..2d11b2339 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -9,7 +9,7 @@ description: disallow the use of reserved names in component definitions
 
 ## :book: Rule Details
 
-This rule prevents name collisions between vue components and standard html elements. 
+This rule prevents name collisions between Vue components and standard HTML elements and built-in components.
 
 <eslint-code-block :rules="{'vue/no-reserved-component-names': ['error']}">
 
@@ -26,7 +26,47 @@ export default {
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-reserved-component-names": ["error", {
+    "disallowVueBuiltInComponents": false,
+    "disallowVue3BuiltInComponents": false
+  }]
+}
+```
+
+- `disallowVueBuiltInComponents` (`boolean`) ... If `true`, disallow Vue.js 2.x built-in component names. Default is `false`.
+- `disallowVue3BuiltInComponents` (`boolean`) ... If `true`, disallow Vue.js 3.x built-in component names. Default is `false`.
+
+### `"disallowVueBuiltInComponents": true`
+
+<eslint-code-block :rules="{'vue/no-reserved-component-names': ['error', {disallowVueBuiltInComponents: true}]}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  name: 'transition-group'
+}
+</script>
+```
+
+</eslint-code-block>
+
+### `"disallowVue3BuiltInComponents": true`
+
+<eslint-code-block :rules="{'vue/no-reserved-component-names': ['error', {disallowVue3BuiltInComponents: true}]}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  name: 'teleport'
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :books: Further reading
 
@@ -34,6 +74,7 @@ Nothing.
 - [List of SVG elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Element)
 - [Kebab case elements](https://stackoverflow.com/questions/22545621/do-custom-elements-require-a-dash-in-their-name/22545622#22545622)
 - [Valid custom element name](https://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name)
+- [API - Built-In Components](https://vuejs.org/v2/api/index.html#Built-In-Components)
 
 ## :mag: Implementation
 
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 75e535567..c566684e6 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -22,20 +22,44 @@ const kebabCaseElements = [
   'missing-glyph'
 ]
 
+// https://vuejs.org/v2/api/index.html#Built-In-Components
+const vueBuiltInComponents = [
+  'component',
+  'transition',
+  'transition-group',
+  'keep-alive',
+  'slot'
+]
+
+const vue3BuiltInComponents = [
+  'teleport',
+  'suspense'
+]
+
 const isLowercase = (word) => /^[a-z]*$/.test(word)
 const capitalizeFirstLetter = (word) => word[0].toUpperCase() + word.substring(1, word.length)
 
-const RESERVED_NAMES = new Set(
-  [
-    ...kebabCaseElements,
-    ...kebabCaseElements.map(casing.pascalCase),
-    ...htmlElements,
-    ...htmlElements.map(capitalizeFirstLetter),
-    ...deprecatedHtmlElements,
-    ...deprecatedHtmlElements.map(capitalizeFirstLetter),
-    ...svgElements,
-    ...svgElements.filter(isLowercase).map(capitalizeFirstLetter)
-  ])
+const RESERVED_NAMES_IN_HTML = new Set([
+  ...htmlElements,
+  ...htmlElements.map(capitalizeFirstLetter)
+])
+const RESERVED_NAMES_IN_VUE = new Set([
+  ...vueBuiltInComponents,
+  ...vueBuiltInComponents.map(casing.pascalCase)
+])
+const RESERVED_NAMES_IN_VUE3 = new Set([
+  ...RESERVED_NAMES_IN_VUE,
+  ...vue3BuiltInComponents,
+  ...vue3BuiltInComponents.map(casing.pascalCase)
+])
+const RESERVED_NAMES_IN_OTHERS = new Set([
+  ...deprecatedHtmlElements,
+  ...deprecatedHtmlElements.map(capitalizeFirstLetter),
+  ...kebabCaseElements,
+  ...kebabCaseElements.map(casing.pascalCase),
+  ...svgElements,
+  ...svgElements.filter(isLowercase).map(capitalizeFirstLetter)
+])
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -46,14 +70,41 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow the use of reserved names in component definitions',
-      categories: undefined, // 'essential'
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-reserved-component-names.html'
     },
     fixable: null,
-    schema: []
+    schema: [{
+      type: 'object',
+      properties: {
+        disallowVueBuiltInComponents: {
+          type: 'boolean'
+        },
+        disallowVue3BuiltInComponents: {
+          type: 'boolean'
+        }
+      }
+    }],
+    messages: {
+      reserved: 'Name "{{name}}" is reserved.',
+      reservedInHtml: 'Name "{{name}}" is reserved in HTML.',
+      reservedInVue: 'Name "{{name}}" is reserved in Vue.js.',
+      reservedInVue3: 'Name "{{name}}" is reserved in Vue.js 3.x.'
+    }
   },
 
   create (context) {
+    const options = context.options[0] || {}
+    const disallowVueBuiltInComponents = options.disallowVueBuiltInComponents === true
+    const disallowVue3BuiltInComponents = options.disallowVue3BuiltInComponents === true
+
+    const reservedNames = new Set([
+      ...RESERVED_NAMES_IN_HTML,
+      ...(disallowVueBuiltInComponents ? RESERVED_NAMES_IN_VUE : []),
+      ...(disallowVue3BuiltInComponents ? RESERVED_NAMES_IN_VUE3 : []),
+      ...RESERVED_NAMES_IN_OTHERS
+    ])
+
     function canVerify (node) {
       return node.type === 'Literal' || (
         node.type === 'TemplateLiteral' &&
@@ -70,7 +121,7 @@ module.exports = {
       } else {
         name = node.value
       }
-      if (RESERVED_NAMES.has(name)) {
+      if (reservedNames.has(name)) {
         report(node, name)
       }
     }
@@ -78,7 +129,9 @@ module.exports = {
     function report (node, name) {
       context.report({
         node: node,
-        message: 'Name "{{name}}" is reserved.',
+        messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml'
+          : RESERVED_NAMES_IN_VUE.has(name) ? 'reservedInVue'
+            : RESERVED_NAMES_IN_VUE3.has(name) ? 'reservedInVue3' : 'reserved',
         data: {
           name: name
         }
@@ -98,7 +151,7 @@ module.exports = {
       utils.executeOnVue(context, (obj) => {
         // Report if a component has been registered locally with a reserved name.
         utils.getRegisteredComponents(obj)
-          .filter(({ name }) => RESERVED_NAMES.has(name))
+          .filter(({ name }) => reservedNames.has(name))
           .forEach(({ node, name }) => report(node, name))
 
         const node = obj.properties
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 0585b5c92..a3bc3bb01 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -11,6 +11,12 @@
 const rule = require('../../../lib/rules/no-reserved-component-names')
 const RuleTester = require('eslint').RuleTester
 
+const htmlElements = require('../../../lib/utils/html-elements.json')
+const RESERVED_NAMES_IN_HTML = new Set([
+  ...htmlElements,
+  ...htmlElements.map((word) => word[0].toUpperCase() + word.substring(1, word.length))
+])
+
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
@@ -234,6 +240,18 @@ const invalidElements = [
   'xmp', 'Xmp'
 ]
 
+const vue2BuiltInComponents = [
+  'component', 'Component',
+  'transition', 'Transition',
+  'transition-group', 'TransitionGroup',
+  'keep-alive', 'KeepAlive'
+]
+
+const vue3BuiltInComponents = [
+  'teleport', 'Teleport',
+  'suspense', 'Suspense'
+]
+
 const parserOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
@@ -269,6 +287,16 @@ ruleTester.run('no-reserved-component-names', rule, {
       `,
       parserOptions
     },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          name: 'FooBar'
+        }
+      `,
+      options: [{ disallowVueBuiltInComponents: true, disallowVue3BuiltInComponents: true }],
+      parserOptions
+    },
     {
       filename: 'test.vue',
       code: `Vue.component('FooBar', {})`,
@@ -322,7 +350,41 @@ ruleTester.run('no-reserved-component-names', rule, {
       filename: 'test.js',
       code: `fn1(component.data)`,
       parserOptions
-    }
+    },
+    ...vue2BuiltInComponents.map(name => {
+      return {
+        filename: `${name}.vue`,
+        code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+        parserOptions
+      }
+    }),
+    ...vue3BuiltInComponents.map(name => {
+      return {
+        filename: `${name}.vue`,
+        code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+        parserOptions
+      }
+    }),
+    ...vue3BuiltInComponents.map(name => {
+      return {
+        filename: `${name}.vue`,
+        code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+        parserOptions,
+        options: [{ disallowVueBuiltInComponents: true }]
+      }
+    })
   ],
 
   invalid: [
@@ -336,7 +398,8 @@ ruleTester.run('no-reserved-component-names', rule, {
         `,
         parserOptions,
         errors: [{
-          message: `Name "${name}" is reserved.`,
+          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
+          data: { name },
           type: 'Literal',
           line: 3
         }]
@@ -348,7 +411,8 @@ ruleTester.run('no-reserved-component-names', rule, {
         code: `Vue.component('${name}', component)`,
         parserOptions,
         errors: [{
-          message: `Name "${name}" is reserved.`,
+          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
+          data: { name },
           type: 'Literal',
           line: 1
         }]
@@ -360,7 +424,8 @@ ruleTester.run('no-reserved-component-names', rule, {
         code: `app.component('${name}', component)`,
         parserOptions,
         errors: [{
-          message: `Name "${name}" is reserved.`,
+          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
+          data: { name },
           type: 'Literal',
           line: 1
         }]
@@ -372,7 +437,8 @@ ruleTester.run('no-reserved-component-names', rule, {
         code: `Vue.component(\`${name}\`, {})`,
         parserOptions,
         errors: [{
-          message: `Name "${name}" is reserved.`,
+          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
+          data: { name },
           type: 'TemplateLiteral',
           line: 1
         }]
@@ -384,7 +450,8 @@ ruleTester.run('no-reserved-component-names', rule, {
         code: `app.component(\`${name}\`, {})`,
         parserOptions,
         errors: [{
-          message: `Name "${name}" is reserved.`,
+          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
+          data: { name },
           type: 'TemplateLiteral',
           line: 1
         }]
@@ -400,11 +467,66 @@ ruleTester.run('no-reserved-component-names', rule, {
         }`,
         parserOptions,
         errors: [{
-          message: `Name "${name}" is reserved.`,
+          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
+          data: { name },
           type: 'Property',
           line: 3
         }]
       }
+    }),
+    ...vue2BuiltInComponents.map(name => {
+      return {
+        filename: `${name}.vue`,
+        code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+        parserOptions,
+        options: [{ disallowVueBuiltInComponents: true }],
+        errors: [{
+          messageId: 'reservedInVue',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }]
+      }
+    }),
+    ...vue2BuiltInComponents.map(name => {
+      return {
+        filename: `${name}.vue`,
+        code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+        parserOptions,
+        options: [{ disallowVue3BuiltInComponents: true }],
+        errors: [{
+          messageId: 'reservedInVue',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }]
+      }
+    }),
+    ...vue3BuiltInComponents.map(name => {
+      return {
+        filename: `${name}.vue`,
+        code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+        parserOptions,
+        options: [{ disallowVue3BuiltInComponents: true }],
+        errors: [{
+          messageId: 'reservedInVue3',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }]
+      }
     })
   ]
 })

From 424bcc2c517dad99ad1869fed60f01b586482988 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 9 May 2020 19:50:34 +0900
Subject: [PATCH 0045/1010] Add `vue/no-deprecated-vue-config-keycodes` rule
 (#1118)

---
 docs/rules/README.md                          |  1 +
 .../no-deprecated-vue-config-keycodes.md      | 46 ++++++++++++++++
 lib/configs/vue3-essential.js                 |  1 +
 lib/index.js                                  |  1 +
 .../no-deprecated-vue-config-keycodes.js      | 44 +++++++++++++++
 .../rules/no-deprecated-html-element-is.js    |  2 +-
 .../no-deprecated-vue-config-keycodes.js      | 55 +++++++++++++++++++
 7 files changed, 149 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-deprecated-vue-config-keycodes.md
 create mode 100644 lib/rules/no-deprecated-vue-config-keycodes.js
 create mode 100644 tests/lib/rules/no-deprecated-vue-config-keycodes.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4357d7e9d..24c7edf88 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -49,6 +49,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
new file mode 100644
index 000000000..16caa0ef5
--- /dev/null
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -0,0 +1,46 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-vue-config-keycodes
+description: disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-vue-config-keycodes
+> disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
+
+<eslint-code-block filename="a.js" language="javascript ":rules="{'vue/no-deprecated-vue-config-keycodes': ['error']}">
+
+```js
+/* ✗ BAD */
+Vue.config.keyCodes = {
+  // ...
+}
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [vue/no-deprecated-v-on-number-modifiers]
+- [API - Global Config - keyCodes]
+
+[vue/no-deprecated-v-on-number-modifiers]: ./no-deprecated-v-on-number-modifiers.md
+[API - Global Config - keyCodes]: https://vuejs.org/v2/api/#keyCodes
+
+## :books: Further reading
+
+- [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-vue-config-keycodes.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-vue-config-keycodes.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index f21d544c7..305146f22 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -17,6 +17,7 @@ module.exports = {
     'vue/no-deprecated-slot-scope-attribute': 'error',
     'vue/no-deprecated-v-bind-sync': 'error',
     'vue/no-deprecated-v-on-number-modifiers': 'error',
+    'vue/no-deprecated-vue-config-keycodes': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-lifecycle-after-await': 'error',
diff --git a/lib/index.js b/lib/index.js
index adf6185f0..43a34626b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -50,6 +50,7 @@ module.exports = {
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
     'no-deprecated-v-bind-sync': require('./rules/no-deprecated-v-bind-sync'),
     'no-deprecated-v-on-number-modifiers': require('./rules/no-deprecated-v-on-number-modifiers'),
+    'no-deprecated-vue-config-keycodes': require('./rules/no-deprecated-vue-config-keycodes'),
     'no-dupe-keys': require('./rules/no-dupe-keys'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
diff --git a/lib/rules/no-deprecated-vue-config-keycodes.js b/lib/rules/no-deprecated-vue-config-keycodes.js
new file mode 100644
index 000000000..9bae48ab7
--- /dev/null
+++ b/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -0,0 +1,44 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-vue-config-keycodes.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: '`Vue.config.keyCodes` are deprecated.'
+    }
+  },
+
+  create: function (context) {
+    return {
+      "MemberExpression[property.type='Identifier'][property.name='keyCodes']" (node) {
+        const config = node.object
+        if (config.type !== 'MemberExpression' ||
+          config.property.type !== 'Identifier' ||
+          config.property.name !== 'config' ||
+          config.object.type !== 'Identifier' ||
+          config.object.name !== 'Vue') {
+          return
+        }
+        context.report({
+          node,
+          messageId: 'unexpected'
+        })
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-html-element-is.js b/tests/lib/rules/no-deprecated-html-element-is.js
index efa52e27a..961644946 100644
--- a/tests/lib/rules/no-deprecated-html-element-is.js
+++ b/tests/lib/rules/no-deprecated-html-element-is.js
@@ -20,7 +20,7 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2019 }
 })
 
-ruleTester.run('no-deprecated-inline-template', rule, {
+ruleTester.run('no-deprecated-html-element-is', rule, {
   valid: [
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-deprecated-vue-config-keycodes.js b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
new file mode 100644
index 000000000..02fc42c4f
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -0,0 +1,55 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-vue-config-keycodes')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
+
+  valid: [
+    {
+      filename: 'test.js',
+      code: `Vue.config.silent = true`
+    },
+    {
+      filename: 'test.js',
+      code: 'config.keyCodes = {}'
+    },
+    {
+      filename: 'test.js',
+      code: 'V.config.keyCodes = {}'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.js',
+      code: 'Vue.config.keyCodes = {}',
+      errors: [{
+        message: '`Vue.config.keyCodes` are deprecated.',
+        line: 1,
+        column: 1,
+        type: 'MemberExpression',
+        // messageId: 'unexpected',
+        endLine: 1,
+        endColumn: 20
+      }]
+    }
+  ]
+})

From 59727a46d0a715df83287e7b6d2ecec3caf3cc35 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 9 May 2020 20:14:06 +0900
Subject: [PATCH 0046/1010] Add `vue/no-deprecated-functional-template` rule
 (#1119)

---
 docs/rules/README.md                          |  1 +
 .../no-deprecated-functional-template.md      | 39 +++++++++++
 lib/configs/vue3-essential.js                 |  1 +
 lib/index.js                                  |  1 +
 .../no-deprecated-functional-template.js      | 51 +++++++++++++++
 .../no-deprecated-functional-template.js      | 65 +++++++++++++++++++
 6 files changed, 158 insertions(+)
 create mode 100644 docs/rules/no-deprecated-functional-template.md
 create mode 100644 lib/rules/no-deprecated-functional-template.js
 create mode 100644 tests/lib/rules/no-deprecated-functional-template.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 24c7edf88..cb46ea8db 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -42,6 +42,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
new file mode 100644
index 000000000..a7e288f73
--- /dev/null
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -0,0 +1,39 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-functional-template
+description: disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-functional-template
+> disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports deprecated the `functional` template (in Vue.js 3.0.0+)
+
+<eslint-code-block :rules="{'vue/no-deprecated-functional-template': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template functional>
+  <!-- ... -->
+</template>
+```
+
+</eslint-code-block>
+
+### :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - 0007-functional-async-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0007-functional-async-api-change.md)
+- [Guide - Functional Components](https://vuejs.org/v2/guide/render-function.html#Functional-Components)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-functional-template.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-functional-template.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 305146f22..b476de9ea 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-filter': 'error',
+    'vue/no-deprecated-functional-template': 'error',
     'vue/no-deprecated-html-element-is': 'error',
     'vue/no-deprecated-inline-template': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index 43a34626b..852782f21 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -43,6 +43,7 @@ module.exports = {
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
+    'no-deprecated-functional-template': require('./rules/no-deprecated-functional-template'),
     'no-deprecated-html-element-is': require('./rules/no-deprecated-html-element-is'),
     'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
diff --git a/lib/rules/no-deprecated-functional-template.js b/lib/rules/no-deprecated-functional-template.js
new file mode 100644
index 000000000..7ab886230
--- /dev/null
+++ b/lib/rules/no-deprecated-functional-template.js
@@ -0,0 +1,51 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated the `functional` template (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-functional-template.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'The `functional` template are deprecated.'
+    }
+  },
+
+  create (context) {
+    return {
+      Program (program) {
+        const element = program.templateBody
+        if (element == null) {
+          return
+        }
+
+        const functional = utils.getAttribute(element, 'functional')
+
+        if (functional) {
+          context.report({
+            node: functional,
+            messageId: 'unexpected'
+          })
+        }
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-functional-template.js b/tests/lib/rules/no-deprecated-functional-template.js
new file mode 100644
index 000000000..9b031cf22
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-functional-template.js
@@ -0,0 +1,65 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-functional-template')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2019 }
+})
+
+ruleTester.run('no-deprecated-functional-template', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template f><div /></template>'
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template functional></template>',
+      errors: [
+        {
+          line: 1,
+          column: 11,
+          messageId: 'unexpected',
+          endLine: 1,
+          endColumn: 21
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template functional><div /></template>',
+      errors: [
+        {
+          line: 1,
+          column: 11,
+          messageId: 'unexpected'
+        }
+      ]
+    }
+  ]
+})

From 255a6b7e432464a12290f5c27d7a52866cf18980 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 10 May 2020 15:38:50 +0900
Subject: [PATCH 0047/1010] Rename `require-v-if-inside-transition` rule to
 `require-toggle-inside-transition`. (#1105)

---
 docs/rules/README.md                                   |  2 +-
 ...ansition.md => require-toggle-inside-transition.md} | 10 +++++-----
 lib/configs/vue3-essential.js                          |  2 +-
 lib/index.js                                           |  2 +-
 ...ansition.js => require-toggle-inside-transition.js} |  2 +-
 ...ansition.js => require-toggle-inside-transition.js} |  4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)
 rename docs/rules/{require-v-if-inside-transition.md => require-toggle-inside-transition.md} (78%)
 rename lib/rules/{require-v-if-inside-transition.js => require-toggle-inside-transition.js} (96%)
 rename tests/lib/rules/{require-v-if-inside-transition.js => require-toggle-inside-transition.js} (96%)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index cb46ea8db..ad262e405 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -69,8 +69,8 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
 | [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
+| [vue/require-toggle-inside-transition](./require-toggle-inside-transition.md) | require control the display of the content inside `<transition>` |  |
 | [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
-| [vue/require-v-if-inside-transition](./require-v-if-inside-transition.md) | require control the display of the content inside `<transition>` |  |
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
diff --git a/docs/rules/require-v-if-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
similarity index 78%
rename from docs/rules/require-v-if-inside-transition.md
rename to docs/rules/require-toggle-inside-transition.md
index 5b541d223..c5f4b8699 100644
--- a/docs/rules/require-v-if-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -1,10 +1,10 @@
 ---
 pageClass: rule-details
 sidebarDepth: 0
-title: vue/require-v-if-inside-transition
+title: vue/require-toggle-inside-transition
 description: require control the display of the content inside `<transition>`
 ---
-# vue/require-v-if-inside-transition
+# vue/require-toggle-inside-transition
 > require control the display of the content inside `<transition>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -13,7 +13,7 @@ description: require control the display of the content inside `<transition>`
 
 This rule reports elements inside `<transition>` that do not control the display.
 
-<eslint-code-block :rules="{'vue/require-v-if-inside-transition': ['error']}">
+<eslint-code-block :rules="{'vue/require-toggle-inside-transition': ['error']}">
 
 ```vue
 <template>
@@ -38,5 +38,5 @@ Nothing.
 
 ## :mag: Implementation
 
-- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-v-if-inside-transition.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-v-if-inside-transition.js)
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-toggle-inside-transition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-toggle-inside-transition.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index b476de9ea..c76edfdc4 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -37,8 +37,8 @@ module.exports = {
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
+    'vue/require-toggle-inside-transition': 'error',
     'vue/require-v-for-key': 'error',
-    'vue/require-v-if-inside-transition': 'error',
     'vue/require-valid-default-prop': 'error',
     'vue/return-in-computed-property': 'error',
     'vue/use-v-on-exact': 'error',
diff --git a/lib/index.js b/lib/index.js
index 852782f21..cd0691de0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -91,8 +91,8 @@ module.exports = {
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
     'require-prop-types': require('./rules/require-prop-types'),
     'require-render-return': require('./rules/require-render-return'),
+    'require-toggle-inside-transition': require('./rules/require-toggle-inside-transition'),
     'require-v-for-key': require('./rules/require-v-for-key'),
-    'require-v-if-inside-transition': require('./rules/require-v-if-inside-transition'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'script-indent': require('./rules/script-indent'),
diff --git a/lib/rules/require-v-if-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
similarity index 96%
rename from lib/rules/require-v-if-inside-transition.js
rename to lib/rules/require-toggle-inside-transition.js
index 5288e2e38..a4fb3e488 100644
--- a/lib/rules/require-v-if-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -40,7 +40,7 @@ module.exports = {
     docs: {
       description: 'require control the display of the content inside `<transition>`',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/require-v-if-inside-transition.html'
+      url: 'https://eslint.vuejs.org/rules/require-toggle-inside-transition.html'
     },
     fixable: null,
     schema: [],
diff --git a/tests/lib/rules/require-v-if-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
similarity index 96%
rename from tests/lib/rules/require-v-if-inside-transition.js
rename to tests/lib/rules/require-toggle-inside-transition.js
index 08e3eddae..76c2b7c5a 100644
--- a/tests/lib/rules/require-v-if-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -9,7 +9,7 @@
 // ------------------------------------------------------------------------------
 
 const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/require-v-if-inside-transition')
+const rule = require('../../../lib/rules/require-toggle-inside-transition')
 
 // ------------------------------------------------------------------------------
 // Tests
@@ -20,7 +20,7 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2015 }
 })
 
-tester.run('require-v-if-inside-transition', rule, {
+tester.run('require-toggle-inside-transition', rule, {
   valid: [
     {
       filename: 'test.vue',

From c0e737c5e5960494b17653ecad7432e3cc5a8b40 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 10 May 2020 16:36:32 +0900
Subject: [PATCH 0048/1010] Upgrade dependencies (#1121)

* Upgrade dependencies

* fix test error

* fixed node v8 test
---
 package.json                                  | 29 +++++++++----------
 tests/integrations/eslint-plugin-import.js    |  7 ++++-
 .../integrations/eslint-plugin-import/.npmrc  |  1 +
 .../eslint-plugin-import/package.json         |  2 +-
 4 files changed, 22 insertions(+), 17 deletions(-)
 create mode 100644 tests/integrations/eslint-plugin-import/.npmrc

diff --git a/package.json b/package.json
index 4be6eed17..4a64965f6 100644
--- a/package.json
+++ b/package.json
@@ -52,28 +52,27 @@
   "dependencies": {
     "eslint-utils": "^2.0.0",
     "natural-compare": "^1.4.0",
-    "semver": "^5.6.0",
+    "semver": "^7.3.2",
     "vue-eslint-parser": "^7.0.0"
   },
   "devDependencies": {
-    "@types/node": "^4.2.16",
-    "@typescript-eslint/parser": "^2.6.1",
-    "@vuepress/plugin-pwa": "^1.4.0",
-    "acorn": "^7.1.0",
-    "babel-eslint": "^10.0.2",
-    "chai": "^4.1.0",
+    "@types/node": "^13.13.5",
+    "@typescript-eslint/parser": "^2.31.0",
+    "@vuepress/plugin-pwa": "^1.4.1",
+    "babel-eslint": "^10.1.0",
+    "chai": "^4.2.0",
     "eslint": "^7.0.0",
-    "eslint-plugin-eslint-plugin": "^2.0.1",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-eslint-plugin": "^2.2.1",
+    "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-vue": "file:.",
     "eslint-plugin-vue-libs": "^4.0.0",
-    "eslint4b": "^6.8.0",
-    "lodash": "^4.17.4",
-    "mocha": "^5.2.0",
-    "nyc": "^12.0.2",
-    "typescript": "^3.5.2",
+    "eslint4b": "^7.0.0",
+    "lodash": "^4.17.15",
+    "mocha": "^7.1.2",
+    "nyc": "^15.0.1",
+    "typescript": "^3.8.3",
     "vue-eslint-editor": "^1.1.0",
-    "vuepress": "^1.4.0"
+    "vuepress": "^1.4.1"
   },
   "publishConfig": {
     "tag": "next"
diff --git a/tests/integrations/eslint-plugin-import.js b/tests/integrations/eslint-plugin-import.js
index e1908a636..81ddc171c 100644
--- a/tests/integrations/eslint-plugin-import.js
+++ b/tests/integrations/eslint-plugin-import.js
@@ -11,6 +11,7 @@
 
 const cp = require('child_process')
 const path = require('path')
+const semver = require('semver')
 
 // -----------------------------------------------------------------------------
 // Tests
@@ -24,7 +25,7 @@ describe('Integration with eslint-plugin-import', () => {
   before(() => {
     originalCwd = process.cwd()
     process.chdir(path.join(__dirname, 'eslint-plugin-import'))
-    cp.execSync('npm i', { stdio: 'inherit', env: { npm_config_package_lock: 'false' }})
+    cp.execSync('npm i', { stdio: 'inherit' })
   })
   after(() => {
     process.chdir(originalCwd)
@@ -34,6 +35,10 @@ describe('Integration with eslint-plugin-import', () => {
   // eslint-plugin-vue had been breaking eslint-plugin-import if people use both at the same time.
   // This test is in order to prevent the regression.
   it('should lint without errors', () => {
+    if (!semver.satisfies(process.version, require(path.join(__dirname, 'eslint-plugin-import/node_modules/eslint/package.json')).engines.node)) {
+      return
+    }
+
     cp.execSync(`${ESLINT} a.vue`, { stdio: 'inherit' })
   })
 })
diff --git a/tests/integrations/eslint-plugin-import/.npmrc b/tests/integrations/eslint-plugin-import/.npmrc
new file mode 100644
index 000000000..43c97e719
--- /dev/null
+++ b/tests/integrations/eslint-plugin-import/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/tests/integrations/eslint-plugin-import/package.json b/tests/integrations/eslint-plugin-import/package.json
index 1292d8513..63ba52e00 100644
--- a/tests/integrations/eslint-plugin-import/package.json
+++ b/tests/integrations/eslint-plugin-import/package.json
@@ -8,7 +8,7 @@
   "author": "Toru Nagashima (https://github.com/mysticatea)",
   "license": "MIT",
   "dependencies": {
-    "eslint": "~6.0.0",
+    "eslint": "~7.0.0",
     "eslint-plugin-import": "~2.18.2",
     "eslint-plugin-vue": "file:../../.."
   }

From b2dc044ea29b3adc38eb53a9b9403b3ebd2c82dd Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 10 May 2020 16:43:18 +0900
Subject: [PATCH 0049/1010] 7.0.0-alpha.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4a64965f6..5a703782e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.2",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From a7c66960e270a3c27016f1b58021d535561ea28c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesus.n@spotqa.com>
Date: Fri, 15 May 2020 02:06:37 +0200
Subject: [PATCH 0050/1010] Add `vue/no-unregistered-components` rule (#1114)

* Add `vue/no-unregistered-components` rule

* Remove rule from configs/essential

Also remove text about where rule is included

* Extend allowed ignore patterns

* Add note about globally/mixins registered components + use strings for ingore patterns

* (auto) update rules index

* (auto) update rules lib index

* Fix PR review's concerns

- Correct rule categories (null)
- Ignore `component :is="..."` component for well known HTML tags.
- Ignore `component`, `suspense`, `teleport` as unknown components.

* Add more rule tests to cover latest changes

* Correct + add test for `suspense` and `teleport`

* Restore not intended change in package.json

* Progress with PR review

* Handle edge case `<component is="div" />`

* Progress with PR review

- Remove no longer needed variable.
-  Handle edge case where a component is registered using kebab-case but later on is used using PascalCase. e.g: registered as `foo-bar` and used as `FooBar` is not valid.
- Handle edge case `<component is />`, where `node.value` would be `null`. See https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md#vattribute
- Add more tests to prove all these changes

* Remove unused block
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-unregistered-components.md      | 137 +++++
 lib/index.js                                  |   1 +
 lib/rules/no-unregistered-components.js       | 153 +++++
 tests/lib/rules/no-unregistered-components.js | 566 ++++++++++++++++++
 5 files changed, 858 insertions(+)
 create mode 100644 docs/rules/no-unregistered-components.md
 create mode 100644 lib/rules/no-unregistered-components.js
 create mode 100644 tests/lib/rules/no-unregistered-components.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ad262e405..e9c2c4bf0 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -282,6 +282,7 @@ For example:
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
new file mode 100644
index 000000000..c90b41c41
--- /dev/null
+++ b/docs/rules/no-unregistered-components.md
@@ -0,0 +1,137 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-unregistered-components
+description: disallow using components that are not registered inside templates
+---
+# vue/no-unregistered-components
+> disallow using components that are not registered inside templates
+
+## :book: Rule Details
+
+This rule reports components that haven't been registered and are being used in the template.
+
+::: warning Note
+This rule cannot check globally registered components and components registered in mixins 
+unless you add them as part of the ignored patterns. `component`, `suspense` and `teleport` 
+are ignored by default.
+:::
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <the-modal>
+      <component is="TheInput" />
+      <component :is="'TheDropdown'" />
+      <TheButton>CTA</TheButton>
+    </the-modal>
+  </div>
+</template>
+
+<script>
+  import TheButton from 'components/TheButton.vue'
+  import TheModal from 'components/TheModal.vue'
+  import TheInput from 'components/TheInput.vue'
+  import TheDropdown from 'components/TheDropdown.vue'
+
+  export default {
+    components: {
+      TheButton,
+      TheModal,
+      TheInput,
+      TheDropdown,
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <TheModal />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-unregistered-components": ["error", {
+    "ignorePatterns": []
+  }]
+}
+```
+
+- `ignorePatterns` Suppresses all errors if component name matches one or more patterns.
+
+### `ignorePatterns: ['custom(\\-\\w+)+']`
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <CustomComponent />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <WarmButton />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unregistered-components.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unregistered-components.js)
diff --git a/lib/index.js b/lib/index.js
index cd0691de0..2dd9b6bc2 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -73,6 +73,7 @@ module.exports = {
     'no-template-shadow': require('./rules/no-template-shadow'),
     'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
+    'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
     'no-unused-vars': require('./rules/no-unused-vars'),
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
new file mode 100644
index 000000000..f387248ac
--- /dev/null
+++ b/lib/rules/no-unregistered-components.js
@@ -0,0 +1,153 @@
+/**
+ * @fileoverview Report used components that are not registered
+ * @author Jesús Ángel González Novez
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('eslint-plugin-vue/lib/utils')
+const casing = require('eslint-plugin-vue/lib/utils/casing')
+
+// ------------------------------------------------------------------------------
+// Rule helpers
+// ------------------------------------------------------------------------------
+
+const VUE_BUILT_IN_COMPONENTS = [
+  'component',
+  'suspense',
+  'teleport',
+  'transition',
+  'transition-group',
+  'keep-alive',
+  'slot'
+]
+/**
+ * Check whether the given node is a built-in component or not.
+ *
+ * Includes `suspense` and `teleport` from Vue 3.
+ *
+ * @param {ASTNode} node The start tag node to check.
+ * @returns {boolean} `true` if the node is a built-in component.
+ */
+const isBuiltInComponent = (node) => {
+  const rawName = node && casing.kebabCase(node.rawName)
+  return utils.isHtmlElementNode(node) &&
+    !utils.isHtmlWellKnownElementName(node.rawName) &&
+    VUE_BUILT_IN_COMPONENTS.indexOf(rawName) > -1
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow using components that are not registered inside templates',
+      categories: null,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
+    },
+    fixable: null,
+    schema: [{
+      type: 'object',
+      properties: {
+        ignorePatterns: {
+          type: 'array'
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+
+  create (context) {
+    const options = context.options[0] || {}
+    const ignorePatterns = options.ignorePatterns || []
+    const usedComponentNodes = []
+    const registeredComponents = []
+
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement (node) {
+        if (
+          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+          utils.isHtmlWellKnownElementName(node.rawName) ||
+          utils.isSvgWellKnownElementName(node.rawName) ||
+          isBuiltInComponent(node)
+        ) {
+          return
+        }
+
+        usedComponentNodes.push({ node, name: node.rawName })
+      },
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']" (node) {
+        if (
+          !node.value ||
+          node.value.type !== 'VExpressionContainer' ||
+          !node.value.expression
+        ) return
+
+        if (node.value.expression.type === 'Literal') {
+          if (utils.isHtmlWellKnownElementName(node.value.expression.value)) return
+          usedComponentNodes.push({ node, name: node.value.expression.value })
+        }
+      },
+      "VAttribute[directive=false][key.name='is']" (node) {
+        if (
+          !node.value || // `<component is />`
+          utils.isHtmlWellKnownElementName(node.value.value)
+        ) return
+        usedComponentNodes.push({ node, name: node.value.value })
+      },
+      "VElement[name='template']:exit" () {
+        // All registered components, transformed to kebab-case
+        const registeredComponentNames = registeredComponents
+          .map(({ name }) => casing.kebabCase(name))
+
+        // All registered components using kebab-case syntax
+        const componentsRegisteredAsKebabCase = registeredComponents
+          .filter(({ name }) => name === casing.kebabCase(name))
+          .map(({ name }) => name)
+
+        usedComponentNodes
+          .filter(({ name }) => {
+            const kebabCaseName = casing.kebabCase(name)
+
+            // Check ignored patterns in first place
+            if (ignorePatterns.find(pattern => {
+              const regExp = new RegExp(pattern)
+              return regExp.test(kebabCaseName) ||
+                regExp.test(casing.pascalCase(name)) ||
+                regExp.test(casing.camelCase(name)) ||
+                regExp.test(casing.snakeCase(name)) ||
+                regExp.test(name)
+            })) return false
+
+            // Component registered as `foo-bar` cannot be used as `FooBar`
+            if (
+              name.indexOf('-') === -1 &&
+              name === casing.pascalCase(name) &&
+              componentsRegisteredAsKebabCase.indexOf(kebabCaseName) !== -1
+            ) {
+              return true
+            }
+
+            // Otherwise
+            return registeredComponentNames.indexOf(kebabCaseName) === -1
+          })
+          .forEach(({ node, name }) => context.report({
+            node,
+            message: 'The "{{name}}" component has been used but not registered.',
+            data: {
+              name
+            }
+          }))
+      }
+    }, utils.executeOnVue(context, (obj) => {
+      registeredComponents.push(...utils.getRegisteredComponents(obj))
+    }))
+  }
+}
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
new file mode 100644
index 000000000..2f7dd2630
--- /dev/null
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -0,0 +1,566 @@
+/**
+ * @fileoverview Report used components that are not registered
+ * @author Jesús Ángel González Novez
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-unregistered-components')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-unregistered-components', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>Lorem ipsum</div>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'custom(\\-\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'custom(\\-\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component>
+            Some text
+          </custom-component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'custom(\\-\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component>
+            Some text
+          </custom-component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'Custom(\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom_component>
+            Some text
+          </custom_component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'Custom(\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <customComponent>
+            Some text
+          </customComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'Custom(\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <customComponent>
+            <warm-code>Text</warm-code>
+            <InfoBtnPrimary value="text" />
+          </customComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'Custom(\\w+)+',
+            'Warm(\\w+)+',
+            'InfoBtn(\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'">
+            Some text
+          </component>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component v-if="showComponent" :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          data: () => ({
+            showComponent: true
+          }),
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component v-if="showComponent" :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          data: () => ({
+            showComponent: false
+          }),
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'div'" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="div" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="span">
+            Text
+          </component>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is="div" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is="span">
+            Text
+          </Component>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="name" />
+        </template>
+        <script>
+        export default {
+          data: () => ({ name: 'div' })
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="name" />
+        </template>
+        <script>
+        export default {
+          data: () => ({ name: 'warm-button' }),
+          components: { WarmButton }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <teleport />
+          <suspense />
+          <suspense>
+            <div>Text</div>
+          </suspense>
+          <Teleport />
+          <Suspense />
+          <Suspense>
+            <div>Text</div>
+          </Suspense>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <transition />
+          <transition-group />
+          <keep-alive />
+          <transition>
+            <div>Text</div>
+          </transition>
+          <TransitionGroup />
+          <KeepAlive />
+          <Transition>
+            <div>Text</div>
+          </Transition>
+          <Slot />
+          <slot />
+          <slot>
+            foo
+          </slot>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Custom-Component />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is />
+        </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <WarmButton />
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'custom(\\-\\w+)+'
+          ]
+        }
+      ],
+      errors: [{
+        message: 'The "WarmButton" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <WarmButton>
+            Some text
+          </WarmButton>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'custom(\\-\\w+)+'
+          ]
+        }
+      ],
+      errors: [{
+        message: 'The "WarmButton" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'">
+            Some text
+          </component>
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    }
+  ]
+})

From e785bdbee24df021ddffa4762cbd8514176c66e5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 15 May 2020 09:08:47 +0900
Subject: [PATCH 0051/1010] Add `vue/require-explicit-emits` rule (#1124)

* Add `vue/require-explicit-emits` rule

* Refactor
---
 docs/rules/README.md                          |    1 +
 .../no-deprecated-vue-config-keycodes.md      |   10 +-
 docs/rules/require-explicit-emits.md          |   84 +
 lib/index.js                                  |    1 +
 lib/rules/no-async-in-computed-properties.js  |  113 +-
 lib/rules/no-deprecated-events-api.js         |   25 +-
 lib/rules/no-lifecycle-after-await.js         |   99 +-
 lib/rules/no-setup-props-destructure.js       |  158 +-
 .../no-side-effects-in-computed-properties.js |   99 +-
 lib/rules/no-watch-after-await.js             |   99 +-
 lib/rules/require-explicit-emits.js           |  390 +++++
 lib/rules/require-render-return.js            |   40 +-
 lib/rules/return-in-computed-property.js      |   41 +-
 lib/utils/index.js                            |  415 +++--
 tests/lib/rules/no-setup-props-destructure.js |   60 +
 tests/lib/rules/require-explicit-emits.js     | 1433 +++++++++++++++++
 16 files changed, 2555 insertions(+), 513 deletions(-)
 create mode 100644 docs/rules/require-explicit-emits.md
 create mode 100644 lib/rules/require-explicit-emits.js
 create mode 100644 tests/lib/rules/require-explicit-emits.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e9c2c4bf0..11a347738 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -287,6 +287,7 @@ For example:
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [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-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index 16caa0ef5..8311e8a27 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -13,7 +13,7 @@ description: disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 
 This rule reports use of deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 
-<eslint-code-block filename="a.js" language="javascript ":rules="{'vue/no-deprecated-vue-config-keycodes': ['error']}">
+<eslint-code-block filename="a.js" language="javascript" :rules="{'vue/no-deprecated-vue-config-keycodes': ['error']}">
 
 ```js
 /* ✗ BAD */
@@ -31,14 +31,16 @@ Nothing.
 ## :couple: Related rules
 
 - [vue/no-deprecated-v-on-number-modifiers]
-- [API - Global Config - keyCodes]
 
 [vue/no-deprecated-v-on-number-modifiers]: ./no-deprecated-v-on-number-modifiers.md
-[API - Global Config - keyCodes]: https://vuejs.org/v2/api/#keyCodes
 
 ## :books: Further reading
 
-- [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
+- [Vue RFCs - 0014-drop-keycode-support]
+- [API - Global Config - keyCodes]
+
+[Vue RFCs - 0014-drop-keycode-support]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md
+[API - Global Config - keyCodes]: https://vuejs.org/v2/api/#keyCodes
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
new file mode 100644
index 000000000..542d23c6a
--- /dev/null
+++ b/docs/rules/require-explicit-emits.md
@@ -0,0 +1,84 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-explicit-emits
+description: require `emits` option with name triggered by `$emit()`
+---
+# vue/require-explicit-emits
+> require `emits` option with name triggered by `$emit()`
+
+## :book: Rule Details
+
+This rule reports event triggers not declared with the `emits` option. (The `emits` option is a new in Vue.js 3.0.0+)
+
+Explicit `emits` declaration serves as self-documenting code. This can be useful for other developers to instantly understand what events the component is supposed to emit.
+Also,  with attribute fallthrough changes in Vue.js 3.0.0+, `v-on` listeners on components will fallthrough as native listeners by default. Declare it as a component-only event in `emits` to avoid unnecessary registration of native listeners.
+
+<eslint-code-block :rules="{'vue/require-explicit-emits': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div @click="$emit('good')"/>
+  <!-- ✗ BAD -->
+  <div @click="$emit('bad')"/>
+</template>
+<script>
+export default {
+  emits: ['good']
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-explicit-emits': ['error']}">
+
+```vue
+<script>
+export default {
+  emits: ['good'],
+  methods: {
+    foo () {
+      // ✓ GOOD
+      this.$emit('good')
+      // ✗ BAD
+      this.$emit('bad')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-explicit-emits': ['error']}">
+
+```vue
+<script>
+export default {
+  emits: ['good'],
+  setup (props, context) {
+    // ✓ GOOD
+    context.emit('good')
+    // ✗ BAD
+    context.emit('bad')
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-explicit-emits.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-explicit-emits.js)
diff --git a/lib/index.js b/lib/index.js
index 2dd9b6bc2..c4dbcb87c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -88,6 +88,7 @@ module.exports = {
     'require-component-is': require('./rules/require-component-is'),
     'require-default-prop': require('./rules/require-default-prop'),
     'require-direct-export': require('./rules/require-direct-export'),
+    'require-explicit-emits': require('./rules/require-explicit-emits'),
     'require-name-property': require('./rules/require-name-property'),
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
     'require-prop-types': require('./rules/require-prop-types'),
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 42956550d..35a785b48 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -72,7 +72,7 @@ module.exports = {
   },
 
   create (context) {
-    const forbiddenNodes = []
+    const computedPropertiesMap = new Map()
     let scopeStack = { upper: null, body: null }
 
     const expressionTypes = {
@@ -83,13 +83,9 @@ module.exports = {
       timed: 'timed function'
     }
 
-    function onFunctionEnter (node) {
+    function onFunctionEnter (node, { node: vueNode }) {
       if (node.async) {
-        forbiddenNodes.push({
-          node: node,
-          type: 'async',
-          targetBody: node.body
-        })
+        verify(node, node.body, 'async', computedPropertiesMap.get(vueNode))
       }
 
       scopeStack = { upper: scopeStack, body: node.body }
@@ -98,68 +94,53 @@ module.exports = {
     function onFunctionExit () {
       scopeStack = scopeStack.upper
     }
-    return Object.assign({},
-      {
-        ':function': onFunctionEnter,
-        ':function:exit': onFunctionExit,
-
-        NewExpression (node) {
-          if (node.callee.name === 'Promise') {
-            forbiddenNodes.push({
-              node: node,
-              type: 'new',
-              targetBody: scopeStack.body
-            })
-          }
-        },
-
-        CallExpression (node) {
-          if (isPromise(node)) {
-            forbiddenNodes.push({
-              node: node,
-              type: 'promise',
-              targetBody: scopeStack.body
-            })
-          } else if (isTimedFunction(node)) {
-            forbiddenNodes.push({
-              node: node,
-              type: 'timed',
-              targetBody: scopeStack.body
-            })
-          }
-        },
-
-        AwaitExpression (node) {
-          forbiddenNodes.push({
+
+    function verify (node, targetBody, type, computedProperties) {
+      computedProperties.forEach(cp => {
+        if (
+          cp.value &&
+          node.loc.start.line >= cp.value.loc.start.line &&
+          node.loc.end.line <= cp.value.loc.end.line &&
+          targetBody === cp.value
+        ) {
+          context.report({
             node: node,
-            type: 'await',
-            targetBody: scopeStack.body
-          })
-        }
-      },
-      utils.executeOnVue(context, (obj) => {
-        const computedProperties = utils.getComputedProperties(obj)
-
-        computedProperties.forEach(cp => {
-          forbiddenNodes.forEach(el => {
-            if (
-              cp.value &&
-              el.node.loc.start.line >= cp.value.loc.start.line &&
-              el.node.loc.end.line <= cp.value.loc.end.line &&
-              el.targetBody === cp.value
-            ) {
-              context.report({
-                node: el.node,
-                message: 'Unexpected {{expressionName}} in "{{propertyName}}" computed property.',
-                data: {
-                  expressionName: expressionTypes[el.type],
-                  propertyName: cp.key
-                }
-              })
+            message: 'Unexpected {{expressionName}} in "{{propertyName}}" computed property.',
+            data: {
+              expressionName: expressionTypes[type],
+              propertyName: cp.key
             }
           })
-        })
+        }
       })
-    )
+    }
+    return utils.defineVueVisitor(context, {
+      ObjectExpression (node, { node: vueNode }) {
+        if (node !== vueNode) {
+          return
+        }
+        computedPropertiesMap.set(node, utils.getComputedProperties(node))
+      },
+      ':function': onFunctionEnter,
+      ':function:exit': onFunctionExit,
+
+      NewExpression (node, { node: vueNode }) {
+        if (node.callee.name === 'Promise') {
+          verify(node, scopeStack.body, 'new', computedPropertiesMap.get(vueNode))
+        }
+      },
+
+      CallExpression (node, { node: vueNode }) {
+        if (isPromise(node)) {
+          verify(node, scopeStack.body, 'promise', computedPropertiesMap.get(vueNode))
+        } else if (isTimedFunction(node)) {
+          verify(node, scopeStack.body, 'timed', computedPropertiesMap.get(vueNode))
+        }
+      },
+
+      AwaitExpression (node, { node: vueNode }) {
+        verify(node, scopeStack.body, 'await', computedPropertiesMap.get(vueNode))
+      }
+    })
   }
 }
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index cc21edd40..8537469ee 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -30,28 +30,17 @@ module.exports = {
   },
 
   create (context) {
-    const forbiddenNodes = []
-
-    return Object.assign(
+    return utils.defineVueVisitor(context,
       {
         'CallExpression > MemberExpression > ThisExpression' (node) {
           if (!['$on', '$off', '$once'].includes(node.parent.property.name)) return
-          forbiddenNodes.push(node.parent.parent)
+
+          context.report({
+            node: node.parent.parent,
+            messageId: 'noDeprecatedEventsApi'
+          })
         }
-      },
-      utils.executeOnVue(context, (obj) => {
-        forbiddenNodes.forEach(node => {
-          if (
-            node.loc.start.line >= obj.loc.start.line &&
-            node.loc.end.line <= obj.loc.end.line
-          ) {
-            context.report({
-              node,
-              messageId: 'noDeprecatedEventsApi'
-            })
-          }
-        })
-      })
+      }
     )
   }
 }
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index c4ae51a0e..b1c3c2439 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -25,16 +25,6 @@ module.exports = {
   create (context) {
     const lifecycleHookCallNodes = new Set()
     const setupFunctions = new Map()
-    const forbiddenNodes = new Map()
-
-    function addForbiddenNode (property, node) {
-      let list = forbiddenNodes.get(property)
-      if (!list) {
-        list = []
-        forbiddenNodes.set(property, list)
-      }
-      list.push(node)
-    }
 
     let scopeStack = { upper: null, functionNode: null }
 
@@ -56,56 +46,53 @@ module.exports = {
           for (const { node } of tracker.iterateEsmReferences(traceMap)) {
             lifecycleHookCallNodes.add(node)
           }
-        },
-        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node) {
-          if (utils.getStaticPropertyName(node) !== 'setup') {
-            return
-          }
-
-          setupFunctions.set(node.value, {
-            setupProperty: node,
-            afterAwait: false
-          })
-        },
-        ':function' (node) {
-          scopeStack = { upper: scopeStack, functionNode: node }
-        },
-        'AwaitExpression' () {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
-            return
-          }
-          setupFunctionData.afterAwait = true
-        },
-        'CallExpression' (node) {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData || !setupFunctionData.afterAwait) {
-            return
-          }
-
-          if (lifecycleHookCallNodes.has(node)) {
-            addForbiddenNode(setupFunctionData.setupProperty, node)
-          }
-        },
-        ':function:exit' (node) {
-          scopeStack = scopeStack.upper
-
-          setupFunctions.delete(node)
         }
       },
-      utils.executeOnVue(context, obj => {
-        const reportsList = obj.properties
-          .map(item => forbiddenNodes.get(item))
-          .filter(reports => !!reports)
-        for (const reports of reportsList) {
-          for (const node of reports) {
-            context.report({
-              node,
-              messageId: 'forbidden'
+      utils.defineVueVisitor(context,
+        {
+          'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
+            if (node.parent !== vueNode) {
+              return
+            }
+            if (utils.getStaticPropertyName(node) !== 'setup') {
+              return
+            }
+
+            setupFunctions.set(node.value, {
+              setupProperty: node,
+              afterAwait: false
             })
+          },
+          ':function' (node) {
+            scopeStack = { upper: scopeStack, functionNode: node }
+          },
+          'AwaitExpression' () {
+            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+            if (!setupFunctionData) {
+              return
+            }
+            setupFunctionData.afterAwait = true
+          },
+          'CallExpression' (node) {
+            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+            if (!setupFunctionData || !setupFunctionData.afterAwait) {
+              return
+            }
+
+            if (lifecycleHookCallNodes.has(node)) {
+              context.report({
+                node,
+                messageId: 'forbidden'
+              })
+            }
+          },
+          ':function:exit' (node) {
+            scopeStack = scopeStack.upper
+
+            setupFunctions.delete(node)
           }
-        }
-      })
+        },
+      )
     )
   }
 }
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index 7698ab9b7..f167357da 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -22,115 +22,93 @@ module.exports = {
     }
   },
   create (context) {
-    const setupFunctions = new Map()
-    const forbiddenNodes = new Map()
+    const setupScopePropsReferenceIds = new Map()
 
-    function addForbiddenNode (property, node, messageId) {
-      let list = forbiddenNodes.get(property)
-      if (!list) {
-        list = []
-        forbiddenNodes.set(property, list)
-      }
-      list.push({
+    function report (node, messageId) {
+      context.report({
         node,
         messageId
       })
     }
 
-    function verify (left, right, { propsReferenceIds, setupProperty }) {
+    function verify (left, right, propsReferenceIds) {
       if (!right) {
         return
       }
 
-      if (left.type === 'ArrayPattern' || left.type === 'ObjectPattern') {
-        if (propsReferenceIds.has(right)) {
-          addForbiddenNode(setupProperty, left, 'getProperty')
-        }
-      } else if (left.type === 'Identifier' && right.type === 'MemberExpression') {
-        if (propsReferenceIds.has(right.object)) {
-          addForbiddenNode(setupProperty, right, 'getProperty')
-        }
+      if (left.type !== 'ArrayPattern' && left.type !== 'ObjectPattern' && right.type !== 'MemberExpression') {
+        return
+      }
+
+      let rightId = right
+      while (rightId.type === 'MemberExpression') {
+        rightId = rightId.object
+      }
+      if (propsReferenceIds.has(rightId)) {
+        report(left, 'getProperty')
       }
     }
 
-    let scopeStack = { upper: null, functionNode: null }
+    let scopeStack = null
 
-    return Object.assign(
-      {
-        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node) {
-          if (utils.getStaticPropertyName(node) !== 'setup') {
-            return
-          }
-          const param = node.value.params[0]
-          if (!param) {
-            // no arguments
-            return
-          }
-          if (param.type === 'RestElement') {
-            // cannot check
-            return
-          }
-          if (param.type === 'ArrayPattern' || param.type === 'ObjectPattern') {
-            addForbiddenNode(node, param, 'destructuring')
-            return
-          }
-          setupFunctions.set(node.value, {
-            setupProperty: node,
-            propsParam: param,
-            propsReferenceIds: new Set()
-          })
-        },
-        ':function' (node) {
-          scopeStack = { upper: scopeStack, functionNode: node }
-        },
-        ':function>*' (node) {
-          const setupFunctionData = setupFunctions.get(node.parent)
-          if (!setupFunctionData || setupFunctionData.propsParam !== node) {
-            return
-          }
-          const variable = findVariable(context.getScope(), node)
-          if (!variable) {
-            return
-          }
-          const { propsReferenceIds } = setupFunctionData
-          for (const reference of variable.references) {
-            if (!reference.isRead()) {
-              continue
-            }
+    return utils.defineVueVisitor(context, {
+      'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
+        if (node.parent !== vueNode) {
+          return
+        }
+        if (utils.getStaticPropertyName(node) !== 'setup') {
+          return
+        }
+        const propsParam = node.value.params[0]
+        if (!propsParam) {
+          // no arguments
+          return
+        }
+        if (propsParam.type === 'RestElement') {
+          // cannot check
+          return
+        }
+        if (propsParam.type === 'ArrayPattern' || propsParam.type === 'ObjectPattern') {
+          report(propsParam, 'destructuring')
+          return
+        }
 
-            propsReferenceIds.add(reference.identifier)
-          }
-        },
-        'VariableDeclarator' (node) {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
-            return
-          }
-          verify(node.id, node.init, setupFunctionData)
-        },
-        'AssignmentExpression' (node) {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
-            return
+        const variable = findVariable(context.getScope(), propsParam)
+        if (!variable) {
+          return
+        }
+        const propsReferenceIds = new Set()
+        for (const reference of variable.references) {
+          if (!reference.isRead()) {
+            continue
           }
-          verify(node.left, node.right, setupFunctionData)
-        },
-        ':function:exit' (node) {
-          scopeStack = scopeStack.upper
 
-          setupFunctions.delete(node)
+          propsReferenceIds.add(reference.identifier)
         }
+        setupScopePropsReferenceIds.set(node.value, propsReferenceIds)
       },
-      utils.executeOnVue(context, obj => {
-        const reportsList = obj.properties
-          .map(item => forbiddenNodes.get(item))
-          .filter(reports => !!reports)
-        for (const reports of reportsList) {
-          for (const report of reports) {
-            context.report(report)
-          }
+      ':function' (node) {
+        scopeStack = { upper: scopeStack, functionNode: node }
+      },
+      'VariableDeclarator' (node) {
+        const propsReferenceIds = setupScopePropsReferenceIds.get(scopeStack.functionNode)
+        if (!propsReferenceIds) {
+          return
         }
-      })
-    )
+        verify(node.id, node.init, propsReferenceIds)
+      },
+      'AssignmentExpression' (node) {
+        const propsReferenceIds = setupScopePropsReferenceIds.get(scopeStack.functionNode)
+        if (!propsReferenceIds) {
+          return
+        }
+        verify(node.left, node.right, propsReferenceIds)
+      },
+      ':function:exit' (node) {
+        scopeStack = scopeStack.upper
+
+        setupScopePropsReferenceIds.delete(node)
+      }
+    })
   }
 }
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index a11c30326..eab6e0fae 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -23,7 +23,7 @@ module.exports = {
   },
 
   create (context) {
-    const forbiddenNodes = []
+    const computedPropertiesMap = new Map()
     let scopeStack = { upper: null, body: null }
 
     function onFunctionEnter (node) {
@@ -34,63 +34,56 @@ module.exports = {
       scopeStack = scopeStack.upper
     }
 
-    return Object.assign({},
-      {
-        ':function': onFunctionEnter,
-        ':function:exit': onFunctionExit,
+    function verify (node, targetBody, computedProperties) {
+      computedProperties.forEach(cp => {
+        if (
+          cp.value &&
+          node.loc.start.line >= cp.value.loc.start.line &&
+          node.loc.end.line <= cp.value.loc.end.line &&
+          targetBody === cp.value
+        ) {
+          context.report({
+            node: node,
+            message: 'Unexpected side effect in "{{key}}" computed property.',
+            data: { key: cp.key }
+          })
+        }
+      })
+    }
 
-        // this.xxx <=|+=|-=>
-        'AssignmentExpression' (node) {
-          if (node.left.type !== 'MemberExpression') return
-          if (utils.parseMemberExpression(node.left)[0] === 'this') {
-            forbiddenNodes.push({
-              node,
-              targetBody: scopeStack.body
-            })
-          }
-        },
-        // this.xxx <++|-->
-        'UpdateExpression > MemberExpression' (node) {
-          if (utils.parseMemberExpression(node)[0] === 'this') {
-            forbiddenNodes.push({
-              node,
-              targetBody: scopeStack.body
-            })
-          }
-        },
-        // this.xxx.func()
-        'CallExpression' (node) {
-          const code = utils.parseMemberOrCallExpression(node)
-          const MUTATION_REGEX = /(this.)((?!(concat|slice|map|filter)\().)[^\)]*((push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)\()/g
+    return utils.defineVueVisitor(context, {
+      ObjectExpression (node, { node: vueNode }) {
+        if (node !== vueNode) {
+          return
+        }
+        computedPropertiesMap.set(node, utils.getComputedProperties(node))
+      },
+      ':function': onFunctionEnter,
+      ':function:exit': onFunctionExit,
 
-          if (MUTATION_REGEX.test(code)) {
-            forbiddenNodes.push({
-              node,
-              targetBody: scopeStack.body
-            })
-          }
+      // this.xxx <=|+=|-=>
+      'AssignmentExpression' (node, { node: vueNode }) {
+        if (node.left.type !== 'MemberExpression') return
+        if (utils.parseMemberExpression(node.left)[0] === 'this') {
+          verify(node, scopeStack.body, computedPropertiesMap.get(vueNode))
         }
       },
-      utils.executeOnVue(context, (obj) => {
-        const computedProperties = utils.getComputedProperties(obj)
+      // this.xxx <++|-->
+      'UpdateExpression > MemberExpression' (node, { node: vueNode }) {
+        if (utils.parseMemberExpression(node)[0] === 'this') {
+          verify(node, scopeStack.body, computedPropertiesMap.get(vueNode))
+        }
+      },
+      // this.xxx.func()
+      'CallExpression' (node, { node: vueNode }) {
+        const code = utils.parseMemberOrCallExpression(node)
+        const MUTATION_REGEX = /(this.)((?!(concat|slice|map|filter)\().)[^\)]*((push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)\()/g
 
-        computedProperties.forEach(cp => {
-          forbiddenNodes.forEach(({ node, targetBody }) => {
-            if (
-              cp.value &&
-              node.loc.start.line >= cp.value.loc.start.line &&
-              node.loc.end.line <= cp.value.loc.end.line &&
-              targetBody === cp.value
-            ) {
-              context.report({
-                node: node,
-                message: 'Unexpected side effect in "{{key}}" computed property.',
-                data: { key: cp.key }
-              })
-            }
-          })
-        })
-      })
+        if (MUTATION_REGEX.test(code)) {
+          verify(node, scopeStack.body, computedPropertiesMap.get(vueNode))
+        }
+      }
+    }
     )
   }
 }
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index f65a459de..e666b8616 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -50,16 +50,6 @@ module.exports = {
   create (context) {
     const watchCallNodes = new Set()
     const setupFunctions = new Map()
-    const forbiddenNodes = new Map()
-
-    function addForbiddenNode (property, node) {
-      let list = forbiddenNodes.get(property)
-      if (!list) {
-        list = []
-        forbiddenNodes.set(property, list)
-      }
-      list.push(node)
-    }
 
     let scopeStack = { upper: null, functionNode: null }
 
@@ -82,56 +72,53 @@ module.exports = {
           for (const { node } of tracker.iterateEsmReferences(traceMap)) {
             watchCallNodes.add(node)
           }
-        },
-        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node) {
-          if (utils.getStaticPropertyName(node) !== 'setup') {
-            return
-          }
-
-          setupFunctions.set(node.value, {
-            setupProperty: node,
-            afterAwait: false
-          })
-        },
-        ':function' (node) {
-          scopeStack = { upper: scopeStack, functionNode: node }
-        },
-        'AwaitExpression' () {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
-            return
-          }
-          setupFunctionData.afterAwait = true
-        },
-        'CallExpression' (node) {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData || !setupFunctionData.afterAwait) {
-            return
-          }
-
-          if (watchCallNodes.has(node) && !isMaybeUsedStopHandle(node)) {
-            addForbiddenNode(setupFunctionData.setupProperty, node)
-          }
-        },
-        ':function:exit' (node) {
-          scopeStack = scopeStack.upper
-
-          setupFunctions.delete(node)
         }
       },
-      utils.executeOnVue(context, obj => {
-        const reportsList = obj.properties
-          .map(item => forbiddenNodes.get(item))
-          .filter(reports => !!reports)
-        for (const reports of reportsList) {
-          for (const node of reports) {
-            context.report({
-              node,
-              messageId: 'forbidden'
+      utils.defineVueVisitor(context,
+        {
+          'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
+            if (node.parent !== vueNode) {
+              return
+            }
+            if (utils.getStaticPropertyName(node) !== 'setup') {
+              return
+            }
+
+            setupFunctions.set(node.value, {
+              setupProperty: node,
+              afterAwait: false
             })
+          },
+          ':function' (node) {
+            scopeStack = { upper: scopeStack, functionNode: node }
+          },
+          'AwaitExpression' () {
+            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+            if (!setupFunctionData) {
+              return
+            }
+            setupFunctionData.afterAwait = true
+          },
+          'CallExpression' (node) {
+            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+            if (!setupFunctionData || !setupFunctionData.afterAwait) {
+              return
+            }
+
+            if (watchCallNodes.has(node) && !isMaybeUsedStopHandle(node)) {
+              context.report({
+                node,
+                messageId: 'forbidden'
+              })
+            }
+          },
+          ':function:exit' (node) {
+            scopeStack = scopeStack.upper
+
+            setupFunctions.delete(node)
           }
-        }
-      })
+        },
+      )
     )
   }
 }
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
new file mode 100644
index 000000000..2addf8471
--- /dev/null
+++ b/lib/rules/require-explicit-emits.js
@@ -0,0 +1,390 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+// @ts-check
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal
+ * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
+ * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
+ * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ */
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const FIX_EMITS_AFTER_OPTIONS = [
+  'props',
+  'propsData',
+  'setup',
+  'data',
+  'computed',
+  'watch',
+  'methods',
+  'template', 'render',
+  'renderError',
+
+  // lifecycle hooks
+  'beforeCreate',
+  'created',
+  'beforeMount',
+  'mounted',
+  'beforeUpdate',
+  'updated',
+  'activated',
+  'deactivated',
+  'beforeDestroy',
+  'destroyed'
+]
+
+/**
+ * Check whether the given token is a left brace.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a left brace.
+ */
+function isLeftBrace (token) {
+  return token != null && token.type === 'Punctuator' && token.value === '{'
+}
+
+/**
+ * Check whether the given token is a right brace.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a right brace.
+ */
+function isRightBrace (token) {
+  return token != null && token.type === 'Punctuator' && token.value === '}'
+}
+
+/**
+ * Check whether the given token is a left bracket.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a left bracket.
+ */
+function isLeftBracket (token) {
+  return token != null && token.type === 'Punctuator' && token.value === '['
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'require `emits` option with name triggered by `$emit()`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-explicit-emits.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      missing: 'The "{{name}}" event has been triggered but not declared on `emits` option.',
+      addOneOption: 'Add the "{{name}}" to `emits` option.',
+      addArrayEmitsOption: 'Add the `emits` option with array syntax and define "{{name}}" event.',
+      addObjectEmitsOption: 'Add the `emits` option with object syntax and define "{{name}}" event.'
+    }
+  },
+
+  create (context) {
+    /** @typedef { { node: Literal, name: string } } EmitCellName */
+
+    const setupContexts = new Map()
+    const vueEmitsDeclarations = new Map()
+
+    /** @type {EmitCellName[]} */
+    const templateEmitCellNames = []
+    /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression, emits: (ComponentArrayEmit | ComponentObjectEmit)[] } | null } */
+    let vueObjectData = null
+
+    function addTemplateEmitCellName (nameLiteralNode) {
+      templateEmitCellNames.push({
+        node: nameLiteralNode,
+        name: nameLiteralNode.value
+      })
+    }
+
+    function verify (emitsDeclarations, nameLiteralNode, vueObjectNode) {
+      const name = nameLiteralNode.value
+      if (emitsDeclarations.some(e => e.emitName === name)) {
+        return
+      }
+      context.report({
+        node: nameLiteralNode,
+        messageId: 'missing',
+        data: {
+          name
+        },
+        suggest: buildSuggest(vueObjectNode, emitsDeclarations, nameLiteralNode, context)
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(context,
+      {
+        'CallExpression[arguments.0.type=Literal]' (node) {
+          const callee = node.callee
+          const nameLiteralNode = node.arguments[0]
+          if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
+            // cannot check
+            return
+          }
+          if (callee.type === 'Identifier' && callee.name === '$emit') {
+            addTemplateEmitCellName(nameLiteralNode)
+          }
+        },
+        "VElement[parent.type!='VElement']:exit" () {
+          if (!vueObjectData) {
+            return
+          }
+          const emitsDeclarationNames = new Set(vueObjectData.emits.map(e => e.emitName))
+
+          for (const { name, node } of templateEmitCellNames) {
+            if (emitsDeclarationNames.has(name)) {
+              continue
+            }
+            context.report({
+              node,
+              messageId: 'missing',
+              data: {
+                name
+              },
+              suggest: buildSuggest(vueObjectData.object, vueObjectData.emits, node, context)
+            })
+          }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        ObjectExpression (node, { node: vueNode }) {
+          if (node !== vueNode) {
+            return
+          }
+          vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
+
+          const setupProperty = node.properties.find(p => utils.getStaticPropertyName(p) === 'setup')
+          if (!setupProperty) {
+            return
+          }
+          if (!/^(Arrow)?FunctionExpression$/.test(setupProperty.value.type)) {
+            return
+          }
+          const contextParam = setupProperty.value.params[1]
+          if (!contextParam) {
+            // no arguments
+            return
+          }
+          if (contextParam.type === 'RestElement') {
+            // cannot check
+            return
+          }
+          if (contextParam.type === 'ArrayPattern') {
+            // cannot check
+            return
+          }
+          const contextReferenceIds = new Set()
+          const emitReferenceIds = new Set()
+          if (contextParam.type === 'ObjectPattern') {
+            const emitProperty = contextParam.properties.find(p => p.type === 'Property' && utils.getStaticPropertyName(p) === 'emit')
+            if (!emitProperty) {
+              return
+            }
+            const emitParam = emitProperty.value
+            // `setup(props, {emit})`
+            const variable = findVariable(context.getScope(), emitParam)
+            if (!variable) {
+              return
+            }
+            for (const reference of variable.references) {
+              if (!reference.isRead()) {
+                continue
+              }
+
+              emitReferenceIds.add(reference.identifier)
+            }
+          } else {
+            // `setup(props, context)`
+            const variable = findVariable(context.getScope(), contextParam)
+            if (!variable) {
+              return
+            }
+            for (const reference of variable.references) {
+              if (!reference.isRead()) {
+                continue
+              }
+
+              contextReferenceIds.add(reference.identifier)
+            }
+          }
+          setupContexts.set(node, {
+            contextReferenceIds,
+            emitReferenceIds
+          })
+        },
+        'CallExpression[arguments.0.type=Literal]' (node, { node: vueNode }) {
+          const callee = node.callee
+          const nameLiteralNode = node.arguments[0]
+          if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
+            // cannot check
+            return
+          }
+          const emitsDeclarations = vueEmitsDeclarations.get(vueNode)
+
+          let emit
+          if (callee.type === 'MemberExpression') {
+            const name = utils.getStaticPropertyName(callee)
+            if (name === 'emit' || name === '$emit') {
+              emit = { name, member: callee }
+            }
+          }
+
+          // verify setup context
+          const setupContext = setupContexts.get(vueNode)
+          if (setupContext) {
+            const { contextReferenceIds, emitReferenceIds } = setupContext
+            if (emitReferenceIds.has(callee)) {
+            // verify setup(props,{emit}) {emit()}
+              verify(emitsDeclarations, nameLiteralNode, vueNode)
+            } else if (emit && emit.name === 'emit' && contextReferenceIds.has(emit.member.object)) {
+            // verify setup(props,context) {context.emit()}
+              verify(emitsDeclarations, nameLiteralNode, vueNode)
+            }
+          }
+
+          // verify $emit
+          if (emit && emit.name === '$emit') {
+            const objectType = emit.member.object.type
+            if (objectType === 'Identifier' || objectType === 'ThisExpression') {
+              // verify this.$emit()
+              verify(emitsDeclarations, nameLiteralNode, vueNode)
+            }
+          }
+        },
+        'ObjectExpression:exit' (node, { node: vueNode, type }) {
+          if (node !== vueNode) {
+            return
+          }
+          if (!vueObjectData || vueObjectData.type !== 'export') {
+            vueObjectData = {
+              type,
+              object: node,
+              emits: vueEmitsDeclarations.get(node)
+            }
+          }
+          setupContexts.delete(node)
+          vueEmitsDeclarations.delete(node)
+        }
+      }),
+    )
+  }
+}
+
+/**
+ * @param {ObjectExpression} object
+ * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
+ * @param {Literal} nameNode
+ * @param {RuleContext} context
+ */
+function buildSuggest (object, emits, nameNode, context) {
+  const certainEmits = emits.filter(e => e.key)
+  if (certainEmits.length) {
+    const last = certainEmits[certainEmits.length - 1]
+    return [
+      {
+        messageId: 'addOneOption',
+        data: { name: nameNode.value },
+        fix (fixer) {
+          if (last.value === null) {
+            // Array
+            return fixer.insertTextAfter(last.node, `, '${nameNode.value}'`)
+          } else {
+            // Object
+            return fixer.insertTextAfter(last.node, `, '${nameNode.value}': null`)
+          }
+        }
+      }
+    ]
+  }
+
+  const propertyNodes = object.properties
+    .filter(p =>
+      p.type === 'Property' &&
+      p.key.type === 'Identifier'
+    )
+
+  const emitsOption = propertyNodes.find(p => utils.getStaticPropertyName(p) === 'emits')
+  if (emitsOption) {
+    const sourceCode = context.getSourceCode()
+    const emitsOptionValue = emitsOption.value
+    if (emitsOptionValue.type === 'ArrayExpression') {
+      const leftBracket = sourceCode.getFirstToken(emitsOptionValue, isLeftBracket)
+      return [
+        {
+          messageId: 'addOneOption',
+          data: { name: nameNode.value },
+          fix (fixer) {
+            return fixer.insertTextAfter(leftBracket, `'${nameNode.value}'${emitsOptionValue.elements.length ? ',' : ''}`)
+          }
+        }
+      ]
+    } else if (emitsOptionValue.type === 'ObjectExpression') {
+      const leftBrace = sourceCode.getFirstToken(emitsOptionValue, isLeftBrace)
+      return [
+        {
+          messageId: 'addOneOption',
+          data: { name: nameNode.value },
+          fix (fixer) {
+            return fixer.insertTextAfter(leftBrace, `'${nameNode.value}': null${emitsOptionValue.properties.length ? ',' : ''}`)
+          }
+        }
+      ]
+    }
+    return []
+  }
+
+  const sourceCode = context.getSourceCode()
+  const afterOptionNode = propertyNodes.find(p => FIX_EMITS_AFTER_OPTIONS.includes(utils.getStaticPropertyName(p)))
+  return [
+    {
+      messageId: 'addArrayEmitsOption',
+      data: { name: nameNode.value },
+      fix (fixer) {
+        if (afterOptionNode) {
+          return fixer.insertTextAfter(sourceCode.getTokenBefore(afterOptionNode), `\nemits: ['${nameNode.value}'],`)
+        } else if (object.properties.length) {
+          const before = propertyNodes[propertyNodes.length - 1] || object.properties[object.properties.length - 1]
+          return fixer.insertTextAfter(before, `,\nemits: ['${nameNode.value}']`)
+        } else {
+          const objectLeftBrace = sourceCode.getFirstToken(object, isLeftBrace)
+          const objectRightBrace = sourceCode.getLastToken(object, isRightBrace)
+          return fixer.insertTextAfter(objectLeftBrace, `\nemits: ['${nameNode.value}']${objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line ? '' : '\n'}`)
+        }
+      }
+    },
+    {
+      messageId: 'addObjectEmitsOption',
+      data: { name: nameNode.value },
+      fix (fixer) {
+        if (afterOptionNode) {
+          return fixer.insertTextAfter(sourceCode.getTokenBefore(afterOptionNode), `\nemits: {'${nameNode.value}': null},`)
+        } else if (object.properties.length) {
+          const before = propertyNodes[propertyNodes.length - 1] || object.properties[object.properties.length - 1]
+          return fixer.insertTextAfter(before, `,\nemits: {'${nameNode.value}': null}`)
+        } else {
+          const objectLeftBrace = sourceCode.getFirstToken(object, isLeftBrace)
+          const objectRightBrace = sourceCode.getLastToken(object, isRightBrace)
+          return fixer.insertTextAfter(objectLeftBrace, `\nemits: {'${nameNode.value}': null}${objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line ? '' : '\n'}`)
+        }
+      }
+    }
+  ]
+}
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 3ae1623d2..17cfcb355 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -23,32 +23,36 @@ module.exports = {
   },
 
   create (context) {
-    const forbiddenNodes = []
+    const renderFunctions = new Map()
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
     return Object.assign({},
+      utils.defineVueVisitor(context,
+        {
+          ObjectExpression (obj, { node: vueNode }) {
+            if (obj !== vueNode) {
+              return
+            }
+            const node = obj.properties.find(item => item.type === 'Property' &&
+              utils.getStaticPropertyName(item) === 'render' &&
+              (item.value.type === 'ArrowFunctionExpression' || item.value.type === 'FunctionExpression')
+            )
+            if (!node) return
+            renderFunctions.set(node.value, node.key)
+          }
+        }
+      ),
       utils.executeOnFunctionsWithoutReturn(true, node => {
-        forbiddenNodes.push(node)
+        if (renderFunctions.has(node)) {
+          context.report({
+            node: renderFunctions.get(node),
+            message: 'Expected to return a value in render function.'
+          })
+        }
       }),
-      utils.executeOnVue(context, obj => {
-        const node = obj.properties.find(item => item.type === 'Property' &&
-          utils.getStaticPropertyName(item) === 'render' &&
-          (item.value.type === 'ArrowFunctionExpression' || item.value.type === 'FunctionExpression')
-        )
-        if (!node) return
-
-        forbiddenNodes.forEach(el => {
-          if (node.value === el) {
-            context.report({
-              node: node.key,
-              message: 'Expected to return a value in render function.'
-            })
-          }
-        })
-      })
     )
   }
 }
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 00a43a5c2..c62f59846 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -36,33 +36,38 @@ module.exports = {
     const options = context.options[0] || {}
     const treatUndefinedAsUnspecified = !(options.treatUndefinedAsUnspecified === false)
 
-    const forbiddenNodes = []
+    const computedProperties = new Set()
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
     return Object.assign({},
+      utils.defineVueVisitor(context,
+        {
+          ObjectExpression (obj, { node: vueNode }) {
+            if (obj !== vueNode) {
+              return
+            }
+            for (const computedProperty of utils.getComputedProperties(obj)) {
+              computedProperties.add(computedProperty)
+            }
+          }
+        }
+      ),
       utils.executeOnFunctionsWithoutReturn(treatUndefinedAsUnspecified, node => {
-        forbiddenNodes.push(node)
-      }),
-      utils.executeOnVue(context, properties => {
-        const computedProperties = utils.getComputedProperties(properties)
-
         computedProperties.forEach(cp => {
-          forbiddenNodes.forEach(el => {
-            if (cp.value && cp.value.parent === el) {
-              context.report({
-                node: el,
-                message: 'Expected to return a value in "{{name}}" computed property.',
-                data: {
-                  name: cp.key
-                }
-              })
-            }
-          })
+          if (cp.value && cp.value.parent === node) {
+            context.report({
+              node,
+              message: 'Expected to return a value in "{{name}}" computed property.',
+              data: {
+                name: cp.key
+              }
+            })
+          }
         })
-      })
+      }),
     )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b302cd6cb..3e1ce4c58 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -17,10 +17,19 @@
  * @typedef {import('vue-eslint-parser').AST.ESLintTemplateLiteral} TemplateLiteral
  */
 
+/**
+ * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ * @typedef {import('vue-eslint-parser').AST.Token} Token
+ */
+
 /**
  * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], propName: string} } ComponentArrayProp
  * @typedef { {key: Property['key'], value: Property['value'], node: Property, propName: string} } ComponentObjectProp
  */
+/**
+ * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], emitName: string} } ComponentArrayEmit
+ * @typedef { {key: Property['key'], value: Property['value'], node: Property, emitName: string} } ComponentObjectEmit
+ */
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -33,6 +42,11 @@ const assert = require('assert')
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 
+/**
+ * @type { WeakMap<RuleContext, Token[]> }
+ */
+const componentComments = new WeakMap()
+
 /**
  * Wrap the rule context object to override methods which access to tokens (such as getTokenAfter).
  * @param {RuleContext} context The rule context object.
@@ -422,10 +436,8 @@ module.exports = {
       return []
     }
 
-    let props
-
     if (propsNode.value.type === 'ObjectExpression') {
-      props = propsNode.value.properties
+      return propsNode.value.properties
         .filter(prop => prop.type === 'Property')
         .map(prop => {
           return {
@@ -434,15 +446,50 @@ module.exports = {
           }
         })
     } else {
-      props = propsNode.value.elements
+      return propsNode.value.elements
         .filter(prop => prop)
         .map(prop => {
           const key = prop.type === 'Literal' && typeof prop.value === 'string' ? prop : null
           return { key, value: null, node: prop, propName: key != null ? prop.value : null }
         })
     }
+  },
+
+  /**
+   * Get all emits by looking at all component's properties
+   * @param {ObjectExpression} componentObject Object with component definition
+   * @return {(ComponentArrayEmit | ComponentObjectEmit)[]} Array of component emits in format: [{key?: String, value?: ASTNode, node: ASTNod}]
+   */
+  getComponentEmits (componentObject) {
+    const emitsNode = componentObject.properties
+      .find(p =>
+        p.type === 'Property' &&
+        p.key.type === 'Identifier' &&
+        p.key.name === 'emits' &&
+        (p.value.type === 'ObjectExpression' || p.value.type === 'ArrayExpression')
+      )
+
+    if (!emitsNode) {
+      return []
+    }
 
-    return props
+    if (emitsNode.value.type === 'ObjectExpression') {
+      return emitsNode.value.properties
+        .filter(prop => prop.type === 'Property')
+        .map(prop => {
+          return {
+            key: prop.key, value: unwrapTypes(prop.value), node: prop,
+            emitName: getStaticPropertyName(prop)
+          }
+        })
+    } else {
+      return emitsNode.value.elements
+        .filter(prop => prop)
+        .map(prop => {
+          const key = prop.type === 'Literal' && typeof prop.value === 'string' ? prop : null
+          return { key, value: null, node: prop, emitName: key != null ? prop.value : null }
+        })
+    }
   },
 
   /**
@@ -484,115 +531,66 @@ module.exports = {
       })
   },
 
-  isVueFile (path) {
-    return path.endsWith('.vue') || path.endsWith('.jsx')
-  },
+  isVueFile,
 
   /**
-   * Check whether the given node is a Vue component based
-   * on the filename and default export type
-   * export default {} in .vue || .jsx
-   * @param {ASTNode} node Node to check
-   * @param {string} path File name with extension
-   * @returns {boolean}
+   * Check if current file is a Vue instance or component and call callback
+   * @param {RuleContext} context The ESLint rule context object.
+   * @param {Function} cb Callback function
    */
-  isVueComponentFile (node, path) {
-    return this.isVueFile(path) &&
-      node.type === 'ExportDefaultDeclaration' &&
-      node.declaration.type === 'ObjectExpression'
+  executeOnVue (context, cb) {
+    return compositingVisitors(
+      this.executeOnVueComponent(context, cb),
+      this.executeOnVueInstance(context, cb)
+    )
   },
 
   /**
-   * Check whether given node is Vue component
-   * Vue.component('xxx', {}) || component('xxx', {})
-   * @param {ASTNode} node Node to check
-   * @returns {boolean}
+   * Define handlers to traverse the Vue Objects.
+   * @param {RuleContext} context The ESLint rule context object.
+   * @param {Object} visitor The visitor to traverse the Vue Objects.
+   * @param {Function} cb Callback function
    */
-  isVueComponent (node) {
-    if (node.type === 'CallExpression') {
-      const callee = node.callee
-
-      if (callee.type === 'MemberExpression') {
-        const calleeObject = unwrapTypes(callee.object)
-
-        if (calleeObject.type === 'Identifier') {
-          const propName = getStaticPropertyName(callee.property)
-          if (calleeObject.name === 'Vue') {
-            // for Vue.js 2.x
-            // Vue.component('xxx', {}) || Vue.mixin({}) || Vue.extend('xxx', {})
-            const isFullVueComponentForVue2 =
-              ['component', 'mixin', 'extend'].includes(propName) &&
-              isObjectArgument(node)
+  defineVueVisitor (context, visitor) {
+    let vueStack = null
 
-            return isFullVueComponentForVue2
-          }
-
-          // for Vue.js 3.x
-          // app.component('xxx', {}) || app.mixin({})
-          const isFullVueComponent =
-            ['component', 'mixin'].includes(propName) &&
-            isObjectArgument(node)
-
-          return isFullVueComponent
-        }
+    function callVisitor (key, node) {
+      if (visitor[key] && vueStack) {
+        visitor[key](node, vueStack)
       }
-
-      if (callee.type === 'Identifier') {
-        if (callee.name === 'component') {
-          // for Vue.js 2.x
-          // component('xxx', {})
-          const isDestructedVueComponent = isObjectArgument(node)
-          return isDestructedVueComponent
-        }
-        if (callee.name === 'createApp') {
-          // for Vue.js 3.x
-          // createApp({})
-          const isAppVueComponent = isObjectArgument(node)
-          return isAppVueComponent
-        }
-        if (callee.name === 'defineComponent') {
-          // for Vue.js 3.x
-          // defineComponent({})
-          const isDestructedVueComponent = isObjectArgument(node)
-          return isDestructedVueComponent
-        }
+    }
+    function objectEnter (node) {
+      const type = getVueObjectType(context, node)
+      if (type) {
+        vueStack = { node, type, parent: vueStack }
+      }
+    }
+    function objectExit (node) {
+      if (vueStack && vueStack.node === node) {
+        vueStack = vueStack.parent
       }
     }
 
-    return false
+    const vueVisitor = {}
+    for (const key in visitor) {
+      vueVisitor[key] = (node) => callVisitor(key, node)
+    }
 
-    function isObjectArgument (node) {
-      return node.arguments.length > 0 &&
-        unwrapTypes(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+    return {
+      ...vueVisitor,
+      ObjectExpression: vueVisitor.ObjectExpression ? (node) => {
+        objectEnter(node)
+        vueVisitor.ObjectExpression(node)
+      } : objectEnter,
+      'ObjectExpression:exit': vueVisitor['ObjectExpression:exit'] ? (node) => {
+        vueVisitor['ObjectExpression:exit'](node)
+        objectExit(node)
+      } : objectExit
     }
   },
 
-  /**
-   * Check whether given node is new Vue instance
-   * new Vue({})
-   * @param {ASTNode} node Node to check
-   * @returns {boolean}
-   */
-  isVueInstance (node) {
-    const callee = node.callee
-    return node.type === 'NewExpression' &&
-      callee.type === 'Identifier' &&
-      callee.name === 'Vue' &&
-      node.arguments.length &&
-      unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
-  },
-
-  /**
-   * Check if current file is a Vue instance or component and call callback
-   * @param {RuleContext} context The ESLint rule context object.
-   * @param {Function} cb Callback function
-   */
-  executeOnVue (context, cb) {
-    return Object.assign(
-      this.executeOnVueComponent(context, cb),
-      this.executeOnVueInstance(context, cb)
-    )
-  },
+  getVueObjectType,
+  compositingVisitors,
 
   /**
    * Check if current file is a Vue instance (new Vue) and call callback
@@ -600,13 +598,11 @@ module.exports = {
    * @param {Function} cb Callback function
    */
   executeOnVueInstance (context, cb) {
-    const _this = this
-
     return {
-      'NewExpression:exit' (node) {
-        // new Vue({})
-        if (!_this.isVueInstance(node)) return
-        cb(node.arguments[0])
+      'ObjectExpression:exit' (node) {
+        const type = getVueObjectType(context, node)
+        if (!type || type !== 'instance') return
+        cb(node, type)
       }
     }
   },
@@ -617,32 +613,11 @@ module.exports = {
    * @param {Function} cb Callback function
    */
   executeOnVueComponent (context, cb) {
-    const filePath = context.getFilename()
-    const sourceCode = context.getSourceCode()
-    const _this = this
-    const componentComments = sourceCode.getAllComments().filter(comment => /@vue\/component/g.test(comment.value))
-    const foundNodes = []
-
-    const isDuplicateNode = (node) => {
-      if (foundNodes.some(el => el.loc.start.line === node.loc.start.line)) return true
-      foundNodes.push(node)
-      return false
-    }
-
     return {
       'ObjectExpression:exit' (node) {
-        if (!componentComments.some(el => el.loc.end.line === node.loc.start.line - 1) || isDuplicateNode(node)) return
-        cb(node)
-      },
-      'ExportDefaultDeclaration:exit' (node) {
-        // export default {} in .vue || .jsx
-        if (!_this.isVueComponentFile(node, filePath) || isDuplicateNode(node.declaration)) return
-        cb(node.declaration)
-      },
-      'CallExpression:exit' (node) {
-        // Vue.component('xxx', {}) || component('xxx', {})
-        if (!_this.isVueComponent(node) || isDuplicateNode(node.arguments.slice(-1)[0])) return
-        cb(unwrapTypes(node.arguments.slice(-1)[0]))
+        const type = getVueObjectType(context, node)
+        if (!type || (type !== 'mark' && type !== 'export' && type !== 'definition')) return
+        cb(node, type)
       }
     }
   },
@@ -882,14 +857,15 @@ module.exports = {
    */
   unwrapTypes
 }
+
 /**
-* Unwrap typescript types like "X as F"
-* @template T
-* @param {T} node
-* @return {T}
-*/
+ * Unwrap typescript types like "X as F"
+ * @template T
+ * @param {T} node
+ * @return {T}
+ */
 function unwrapTypes (node) {
-  return node.type === 'TSAsExpression' ? node.expression : node
+  return !node ? node : node.type === 'TSAsExpression' ? unwrapTypes(node.expression) : node
 }
 
 /**
@@ -933,3 +909,174 @@ function getStaticPropertyName (node) {
 
   return null
 }
+
+function isVueFile (path) {
+  return path.endsWith('.vue') || path.endsWith('.jsx')
+}
+
+/**
+ * Check whether the given node is a Vue component based
+ * on the filename and default export type
+ * export default {} in .vue || .jsx
+ * @param {ASTNode} node Node to check
+ * @param {string} path File name with extension
+ * @returns {boolean}
+ */
+function isVueComponentFile (node, path) {
+  return isVueFile(path) &&
+      node.type === 'ExportDefaultDeclaration' &&
+      node.declaration.type === 'ObjectExpression'
+}
+
+/**
+ * Check whether given node is Vue component
+ * Vue.component('xxx', {}) || component('xxx', {})
+ * @param {ASTNode} node Node to check
+ * @returns {boolean}
+ */
+function isVueComponent (node) {
+  if (node.type === 'CallExpression') {
+    const callee = node.callee
+
+    if (callee.type === 'MemberExpression') {
+      const calleeObject = unwrapTypes(callee.object)
+
+      if (calleeObject.type === 'Identifier') {
+        const propName = getStaticPropertyName(callee.property)
+        if (calleeObject.name === 'Vue') {
+          // for Vue.js 2.x
+          // Vue.component('xxx', {}) || Vue.mixin({}) || Vue.extend('xxx', {})
+          const isFullVueComponentForVue2 =
+              ['component', 'mixin', 'extend'].includes(propName) &&
+              isObjectArgument(node)
+
+          return isFullVueComponentForVue2
+        }
+
+        // for Vue.js 3.x
+        // app.component('xxx', {}) || app.mixin({})
+        const isFullVueComponent =
+            ['component', 'mixin'].includes(propName) &&
+            isObjectArgument(node)
+
+        return isFullVueComponent
+      }
+    }
+
+    if (callee.type === 'Identifier') {
+      if (callee.name === 'component') {
+        // for Vue.js 2.x
+        // component('xxx', {})
+        const isDestructedVueComponent = isObjectArgument(node)
+        return isDestructedVueComponent
+      }
+      if (callee.name === 'createApp') {
+        // for Vue.js 3.x
+        // createApp({})
+        const isAppVueComponent = isObjectArgument(node)
+        return isAppVueComponent
+      }
+      if (callee.name === 'defineComponent') {
+        // for Vue.js 3.x
+        // defineComponent({})
+        const isDestructedVueComponent = isObjectArgument(node)
+        return isDestructedVueComponent
+      }
+    }
+  }
+
+  return false
+
+  function isObjectArgument (node) {
+    return node.arguments.length > 0 &&
+        unwrapTypes(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+  }
+}
+
+/**
+ * Check whether given node is new Vue instance
+ * new Vue({})
+ * @param {ASTNode} node Node to check
+ * @returns {boolean}
+ */
+function isVueInstance (node) {
+  const callee = node.callee
+  return node.type === 'NewExpression' &&
+      callee.type === 'Identifier' &&
+      callee.name === 'Vue' &&
+      node.arguments.length &&
+      unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
+}
+
+/**
+ * If the given object is a Vue component or instance, returns the Vue definition type.
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {ObjectExpression} node Node to check
+ * @returns { 'mark' | 'export' | 'definition' | 'instance' | null } The Vue definition type.
+ */
+function getVueObjectType (context, node) {
+  if (node.type !== 'ObjectExpression') {
+    return null
+  }
+  let parent = node.parent
+  while (parent && parent.type === 'TSAsExpression') {
+    parent = parent.parent
+  }
+  if (parent) {
+    if (parent.type === 'ExportDefaultDeclaration') {
+      // export default {} in .vue || .jsx
+      const filePath = context.getFilename()
+      if (isVueComponentFile(parent, filePath) && unwrapTypes(parent.declaration) === node) {
+        return 'export'
+      }
+    } else if (parent.type === 'CallExpression') {
+      // Vue.component('xxx', {}) || component('xxx', {})
+      if (isVueComponent(parent) && unwrapTypes(parent.arguments.slice(-1)[0]) === node) {
+        return 'definition'
+      }
+    } else if (parent.type === 'NewExpression') {
+      // new Vue({})
+      if (isVueInstance(parent) && unwrapTypes(parent.arguments[0]) === node) {
+        return 'instance'
+      }
+    }
+  }
+  if (getComponentComments(context).some(el => el.loc.end.line === node.loc.start.line - 1)) {
+    return 'mark'
+  }
+  return null
+}
+
+/**
+ * Gets the component comments of a given context.
+ * @param {RuleContext} context The ESLint rule context object.
+ * @return {Token[]} The the component comments.
+ */
+function getComponentComments (context) {
+  let tokens = componentComments.get(context)
+  if (tokens) {
+    return tokens
+  }
+  const sourceCode = context.getSourceCode()
+  tokens = sourceCode.getAllComments().filter(comment => /@vue\/component/g.test(comment.value))
+  componentComments.set(context, tokens)
+  return tokens
+}
+
+function compositingVisitors (...visitors) {
+  const visitor = {}
+  for (const v of visitors) {
+    for (const key in v) {
+      if (visitor[key]) {
+        const o = visitor[key]
+        visitor[key] = (node) => {
+          o(node)
+          v[key](node)
+        }
+      } else {
+        visitor[key] = v[key]
+      }
+    }
+  }
+  return visitor
+}
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index 2f3bccc51..e81d680fc 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -135,6 +135,30 @@ tester.run('no-setup-props-destructure', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        watch: {
+          setup({val}) { }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          const props2 = props
+        }
+      }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -330,6 +354,42 @@ tester.run('no-setup-props-destructure', rule, {
           line: 6
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const {foo} = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          foo.bar = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
new file mode 100644
index 000000000..0a084ab43
--- /dev/null
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -0,0 +1,1433 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-explicit-emits')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  }
+})
+
+tester.run('require-explicit-emits', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('welcome')"/>
+      </template>
+      <script>
+      export default {
+        emits: ['welcome']
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('welcome')"/>
+      </template>
+      <script>
+      export default {
+        emits: {welcome:null}
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('welcome')"/>
+      </template>
+      <script>
+      export default {
+        emits: {welcome(){}}
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            this.$emit('welcome')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            const vm = this
+            vm.$emit('welcome')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, context) {
+          context.emit('welcome')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, {emit}) {
+          emit('welcome')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(props, context) {
+          context.emit = 'foo'
+          context='foo'
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(props, {emit}) {
+          emit='foo'
+        }
+      }
+      </script>
+      `
+    },
+    // unknown
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: ['welcome']
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            $emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            this.bar.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, ...context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, [emit]) {
+          emit('foo')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, {$emit}) {
+          $emit('foo')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit(foo)"/>
+        <div @click="$emit()"/>
+        <div @click="$emit(1)"/>
+        <div @click="$emit(true)"/>
+        <div @click="$emit(null)"/>
+        <div @click="$emit(/regex/)"/>
+      </template>
+      <script>
+      export default {
+        emits: ['welcome']
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, context) {
+          context.emit(foo)
+          context.emit()
+          context.emit(1)
+          context.emit(true)
+          context.emit(null)
+          context.emit(/regex/)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            this.$emit(foo)
+            this.$emit()
+            this.$emit(1)
+            this.$emit(true)
+            this.$emit(null)
+            this.$emit(/regex/)
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, context) {
+          context.fire('foo')
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            this.$fire('foo')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      function fn() {
+        this.$emit('foo')
+      }
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup: ((p, context) => {
+          context.emit('foo')
+        })()
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 28,
+          messageId: 'missing',
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+emits: ['foo']
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+emits: {'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: ['welcome'],
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 28,
+          messageId: 'missing',
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: ['welcome', 'foo'],
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {welcome:null}
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 28,
+          messageId: 'missing',
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {welcome:null, 'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {welcome(){}}
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 28,
+          messageId: 'missing',
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {welcome(){}, 'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            this.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 7,
+          column: 24,
+          messageId: 'missing',
+          endLine: 7,
+          endColumn: 29,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <script>
+      export default {
+        emits: ['welcome', 'foo'],
+        methods: {
+          onClick() {
+            this.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        methods: {
+          onClick() {
+            const vm = this
+            vm.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 8,
+          column: 22,
+          messageId: 'missing',
+          endLine: 8,
+          endColumn: 27,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <script>
+      export default {
+        emits: ['welcome', 'foo'],
+        methods: {
+          onClick() {
+            const vm = this
+            vm.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 6,
+          column: 24,
+          messageId: 'missing',
+          endLine: 6,
+          endColumn: 29,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <script>
+      export default {
+        emits: ['welcome', 'foo'],
+        setup(p, context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, {emit}) {
+          emit('foo')
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 6,
+          column: 16,
+          messageId: 'missing',
+          endLine: 6,
+          endColumn: 21,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <script>
+      export default {
+        emits: ['welcome', 'foo'],
+        setup(p, {emit}) {
+          emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['welcome'],
+        setup(p, {emit:fire}) {
+          fire('foo')
+          fire('bar')
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 6,
+          column: 16,
+          messageId: 'missing',
+          endLine: 6,
+          endColumn: 21,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <script>
+      export default {
+        emits: ['welcome', 'foo'],
+        setup(p, {emit:fire}) {
+          fire('foo')
+          fire('bar')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          line: 7,
+          column: 16,
+          messageId: 'missing',
+          endLine: 7,
+          endColumn: 21,
+          suggestions: [
+            {
+              desc: 'Add the "bar" to `emits` option.',
+              output: `
+      <script>
+      export default {
+        emits: ['welcome', 'bar'],
+        setup(p, {emit:fire}) {
+          fire('foo')
+          fire('bar')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {}
+      export default Foo
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {
+emits: ['foo']
+}
+      export default Foo
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {
+emits: {'foo': null}
+}
+      export default Foo
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {emits:{}}
+      export default {
+        emits: {}
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {emits:{}}
+      export default {
+        emits: {'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {emits: {}}
+      export default { emits: {} }
+      // @vue/component
+      const Bar = {emits: {}}
+      </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 28,
+          messageId: 'missing',
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      // @vue/component
+      const Foo = {emits: {}}
+      export default { emits: {'foo': null} }
+      // @vue/component
+      const Bar = {emits: {}}
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo'],
+            setup(p, {emit}) {
+              emit('bar')
+            }
+          }
+        },
+        emits: ['bar'],
+        setup(p, context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo'],
+            setup(p, {emit}) {
+              emit('bar')
+            }
+          }
+        },
+        emits: ['bar', 'foo'],
+        setup(p, context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'The "bar" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "bar" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo', 'bar'],
+            setup(p, {emit}) {
+              emit('bar')
+            }
+          }
+        },
+        emits: ['bar'],
+        setup(p, context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo'],
+            setup(p, {emit}) {
+              emit('bar')
+            }
+          }
+        },
+        emits: ['bar', 'foo'],
+        setup(p, context) {
+          context.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo'],
+            methods: {
+              onClick() {
+                this.$emit('bar')
+              }
+            }
+          }
+        },
+        emits: ['bar'],
+        methods: {
+          onClick() {
+            this.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo'],
+            methods: {
+              onClick() {
+                this.$emit('bar')
+              }
+            }
+          }
+        },
+        emits: ['bar', 'foo'],
+        methods: {
+          onClick() {
+            this.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'The "bar" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "bar" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo', 'bar'],
+            methods: {
+              onClick() {
+                this.$emit('bar')
+              }
+            }
+          }
+        },
+        emits: ['bar'],
+        methods: {
+          onClick() {
+            this.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        components: {
+          // @vue/component
+          Foo: {
+            emits: ['foo'],
+            methods: {
+              onClick() {
+                this.$emit('bar')
+              }
+            }
+          }
+        },
+        emits: ['bar', 'foo'],
+        methods: {
+          onClick() {
+            this.$emit('foo')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {...foo}
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {'foo': null,...foo}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: []
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: ['foo']
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: [...foo]
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the "foo" to `emits` option.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: ['foo',...foo]
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: foo
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: []
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+        props: {}
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+emits: ['foo'],
+        props: {}
+      }
+      </script>
+      `
+            }, {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+emits: {'foo': null},
+        props: {}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+emits: ['foo'],
+      }
+      </script>
+      `
+            }, {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+emits: {'foo': null},
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: ''
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+emits: ['foo']
+      }
+      </script>
+      `
+            }, {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+emits: {'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        ...foo
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        ...foo,
+emits: ['foo']
+      }
+      </script>
+      `
+            }, {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        ...foo,
+emits: {'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 7c53cd4c34fe10c8b4073e33355bb083add5a72b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 15 May 2020 09:09:06 +0900
Subject: [PATCH 0052/1010] Fixed wrong autofix in
 no-deprecated-v-on-number-modifiers rule (#1125)

---
 .../no-deprecated-v-on-number-modifiers.js    |   4 +-
 lib/utils/keycode-to-key.js                   |  98 +++++++++++++++++
 lib/utils/keycode-to-key.json                 | 100 ------------------
 .../no-deprecated-v-on-number-modifiers.js    |  49 +++++++++
 4 files changed, 149 insertions(+), 102 deletions(-)
 create mode 100644 lib/utils/keycode-to-key.js
 delete mode 100644 lib/utils/keycode-to-key.json

diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index c9794c13e..971ffdc07 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -9,7 +9,7 @@
 // ------------------------------------------------------------------------------
 
 const utils = require('../utils')
-const keyCodeToKey = require('../utils/keycode-to-key.json')
+const keyCodeToKey = require('../utils/keycode-to-key')
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -48,7 +48,7 @@ module.exports = {
               const key = keyCodeToKey[keyCodes]
               if (!key) return
 
-              return fixer.replaceTextRange(modifier.range, `${key}`)
+              return fixer.replaceText(modifier, `${key}`)
             }
           })
         }
diff --git a/lib/utils/keycode-to-key.js b/lib/utils/keycode-to-key.js
new file mode 100644
index 000000000..6f20a93b2
--- /dev/null
+++ b/lib/utils/keycode-to-key.js
@@ -0,0 +1,98 @@
+// https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
+module.exports = {
+  '8': 'backspace',
+  '9': 'tab',
+  '13': 'enter',
+  '16': 'shift',
+  '17': 'ctrl',
+  '18': 'alt',
+  '19': 'pause', // windows
+  '20': 'caps-lock',
+  '27': 'escape',
+  '32': 'space', // Vue.js specially key name.
+  '33': 'page-up',
+  '34': 'page-down',
+  '35': 'end',
+  '36': 'home',
+  '37': 'arrow-left',
+  '38': 'arrow-up',
+  '39': 'arrow-right',
+  '40': 'arrow-down',
+  '45': 'insert', // windows
+  '46': 'delete',
+
+  // If mistakenly use it in Vue.js 2.x, it will be irreversibly broken. Therefore, it will not be autofix.
+  // '48': '0',
+  // '49': '1',
+  // '50': '2',
+  // '51': '3',
+  // '52': '4',
+  // '53': '5',
+  // '54': '6',
+  // '55': '7',
+  // '56': '8',
+  // '57': '9',
+
+  '65': 'a',
+  '66': 'b',
+  '67': 'c',
+  '68': 'd',
+  '69': 'e',
+  '70': 'f',
+  '71': 'g',
+  '72': 'h',
+  '73': 'i',
+  '74': 'j',
+  '75': 'k',
+  '76': 'l',
+  '77': 'm',
+  '78': 'n',
+  '79': 'o',
+  '80': 'p',
+  '81': 'q',
+  '82': 'r',
+  '83': 's',
+  '84': 't',
+  '85': 'u',
+  '86': 'v',
+  '87': 'w',
+  '88': 'x',
+  '89': 'y',
+  '90': 'z',
+
+  // The key value may change depending on the OS.
+  // '91': 'meta' ,// Win: 'os'?
+  // '92': 'meta', // Win: 'meta' Mac: ?
+  // '93': 'meta',  // Win: 'context-menu' Mac: 'meta'
+
+  // Cannot determine numpad with key.
+  // '96': 'numpad-0',
+  // '97': 'numpad-1',
+  // '98': 'numpad-2',
+  // '99': 'numpad-3',
+  // '100': 'numpad-4',
+  // '101': 'numpad-5',
+  // '102': 'numpad-6',
+  // '103': 'numpad-7',
+  // '104': 'numpad-8',
+  // '105': 'numpad-9',
+  // '106': 'multiply',
+  // '107': 'add',
+  // '109': 'subtract',
+  // '110': 'decimal',
+  // '111': 'divide',
+  '112': 'f1',
+  '113': 'f2',
+  '114': 'f3',
+  '115': 'f4',
+  '116': 'f5',
+  '117': 'f6',
+  '118': 'f7',
+  '119': 'f8',
+  '120': 'f9',
+  '121': 'f10',
+  '122': 'f11',
+  '123': 'f12',
+  '144': 'num-lock',
+  '145': 'scroll-lock'
+}
diff --git a/lib/utils/keycode-to-key.json b/lib/utils/keycode-to-key.json
deleted file mode 100644
index 43f480302..000000000
--- a/lib/utils/keycode-to-key.json
+++ /dev/null
@@ -1,100 +0,0 @@
-{
-  "8": "backspace",
-  "9": "tab",
-  "13": "enter",
-  "16": "shift",
-  "17": "ctrl",
-  "18": "alt",
-  "19": "pause-break",
-  "20": "caps-lock",
-  "27": "escape",
-  "33": "page-up",
-  "34": "page-down",
-  "35": "end",
-  "36": "home",
-  "37": "left-arrow",
-  "38": "up-arrow",
-  "39": "right-arrow",
-  "40": "down-arrow",
-  "45": "insert",
-  "46": "delete",
-  "48": "0",
-  "49": "1",
-  "50": "2",
-  "51": "3",
-  "52": "4",
-  "53": "5",
-  "54": "6",
-  "55": "7",
-  "56": "8",
-  "57": "9",
-  "65": "a",
-  "66": "b",
-  "67": "c",
-  "68": "d",
-  "69": "e",
-  "70": "f",
-  "71": "g",
-  "72": "h",
-  "73": "i",
-  "74": "j",
-  "75": "k",
-  "76": "l",
-  "77": "m",
-  "78": "n",
-  "79": "o",
-  "80": "p",
-  "81": "q",
-  "82": "r",
-  "83": "s",
-  "84": "t",
-  "85": "u",
-  "86": "v",
-  "87": "w",
-  "88": "x",
-  "89": "y",
-  "90": "z",
-  "91": "left-window-key",
-  "92": "right-window-key",
-  "93": "select-key",
-  "96": "numpad-0",
-  "97": "numpad-1",
-  "98": "numpad-2",
-  "99": "numpad-3",
-  "100": "numpad-4",
-  "101": "numpad-5",
-  "102": "numpad-6",
-  "103": "numpad-7",
-  "104": "numpad-8",
-  "105": "numpad-9",
-  "106": "multiply",
-  "107": "add",
-  "109": "subtract",
-  "110": "decimal-point",
-  "111": "divide",
-  "112": "f1",
-  "113": "f2",
-  "114": "f3",
-  "115": "f4",
-  "116": "f5",
-  "117": "f6",
-  "118": "f7",
-  "119": "f8",
-  "120": "f9",
-  "121": "f10",
-  "122": "f11",
-  "123": "f12",
-  "144": "num-lock",
-  "145": "scroll-lock",
-  "186": "semi-colon",
-  "187": "equal-sign",
-  "188": "comma",
-  "189": "dash",
-  "190": "period",
-  "191": "forward-slash",
-  "192": "grave-accent",
-  "219": "open-bracket",
-  "220": "back-slash",
-  "221": "close-braket",
-  "222": "single-quote"
-}
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index 8c6d72698..f2e119069 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -169,6 +169,55 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: "<template><input @[dynamicArg].unknown.10='onArrowUp'></template>",
       output: null,
       errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input @keydown.48='onKeydown'>
+        <input @keydown.57='onKeydown'>
+        <input @keydown.91='onKeydown'>
+        <input @keydown.92='onKeydown'>
+        <input @keydown.93='onKeydown'>
+        <input @keydown.96='onKeydown'>
+        <input @keydown.111='onKeydown'>
+      </template>`,
+      output: null,
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input @keydown.19='onKeydown'>
+        <input @keydown.37='onKeydown'>
+        <input @keydown.38='onKeydown'>
+        <input @keydown.39='onKeydown'>
+        <input @keydown.40='onKeydown'>
+      </template>`,
+      output: `
+      <template>
+        <input @keydown.pause='onKeydown'>
+        <input @keydown.arrow-left='onKeydown'>
+        <input @keydown.arrow-up='onKeydown'>
+        <input @keydown.arrow-right='onKeydown'>
+        <input @keydown.arrow-down='onKeydown'>
+      </template>`,
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     }
   ]
 })

From 8de47f1677ad3ac06f788162fda79b704c1ced4f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 16 May 2020 08:15:18 +0900
Subject: [PATCH 0053/1010] Add `vue/return-in-emits-validator` rule (#1129)

---
 docs/rules/README.md                         |   1 +
 docs/rules/return-in-emits-validator.md      |  63 +++++
 lib/configs/vue3-essential.js                |   1 +
 lib/index.js                                 |   1 +
 lib/rules/return-in-emits-validator.js       | 109 ++++++++
 tests/lib/rules/return-in-emits-validator.js | 275 +++++++++++++++++++
 6 files changed, 450 insertions(+)
 create mode 100644 docs/rules/return-in-emits-validator.md
 create mode 100644 lib/rules/return-in-emits-validator.js
 create mode 100644 tests/lib/rules/return-in-emits-validator.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 11a347738..d022dd67f 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -73,6 +73,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
+| [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
 | [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
new file mode 100644
index 000000000..1122af378
--- /dev/null
+++ b/docs/rules/return-in-emits-validator.md
@@ -0,0 +1,63 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/return-in-emits-validator
+description: enforce that a return statement is present in emits validator
+---
+# vue/return-in-emits-validator
+> enforce that a return statement is present in emits validator
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule enforces that a `return` statement is present in `emits` validators.
+
+<eslint-code-block :rules="{'vue/return-in-emits-validator': ['error']}">
+
+```vue
+<script>
+export default {
+  emits: {
+    /* ✓ GOOD */
+    foo (evt) {
+      if (evt) {
+        return true
+      } else {
+        return false
+      }
+    },
+    bar: function () {
+      return true
+    },
+    baz (evt) {
+      if (evt) {
+        return true
+      }
+    },
+    /* ✗ BAD */
+    qux: function () {},
+    quux (evt) {
+      if (!evt) {
+        return false
+      }
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/return-in-emits-validator.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/return-in-emits-validator.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index c76edfdc4..651ff096b 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -41,6 +41,7 @@ module.exports = {
     'vue/require-v-for-key': 'error',
     'vue/require-valid-default-prop': 'error',
     'vue/return-in-computed-property': 'error',
+    'vue/return-in-emits-validator': 'error',
     'vue/use-v-on-exact': 'error',
     'vue/valid-template-root': 'error',
     'vue/valid-v-bind': 'error',
diff --git a/lib/index.js b/lib/index.js
index c4dbcb87c..fa2bc4347 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -97,6 +97,7 @@ module.exports = {
     'require-v-for-key': require('./rules/require-v-for-key'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
     'return-in-computed-property': require('./rules/return-in-computed-property'),
+    'return-in-emits-validator': require('./rules/return-in-emits-validator'),
     'script-indent': require('./rules/script-indent'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'sort-keys': require('./rules/sort-keys'),
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
new file mode 100644
index 000000000..dd5e551f4
--- /dev/null
+++ b/lib/rules/return-in-emits-validator.js
@@ -0,0 +1,109 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ */
+
+/**
+ * Checks if the given node value is falsy.
+ * @param {Expression} node The node to check
+ * @returns {boolean} If `true`, the given node value is falsy.
+ */
+function isFalsy (node) {
+  if (node.type === 'Literal') {
+    if (node.bigint) {
+      return node.bigint === '0'
+    } else if (!node.value) {
+      return true
+    }
+  } else if (node.type === 'Identifier') {
+    if (node.name === 'undefined' || node.name === 'NaN') {
+      return true
+    }
+  }
+  return false
+}
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce that a return statement is present in emits validator',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/return-in-emits-validator.html'
+    },
+    fixable: null, // or "code" or "whitespace"
+    schema: []
+  },
+
+  create (context) {
+    const emitsValidators = []
+
+    // ----------------------------------------------------------------------
+    // Public
+    // ----------------------------------------------------------------------
+
+    let scopeStack = null
+
+    return Object.assign({},
+      utils.defineVueVisitor(context,
+        {
+          ObjectExpression (obj, { node: vueNode }) {
+            if (obj !== vueNode) {
+              return
+            }
+            for (const emits of utils.getComponentEmits(obj)) {
+              const emitsValue = emits.value
+              if (!emitsValue) {
+                continue
+              }
+              if (emitsValue.type !== 'FunctionExpression' && emitsValue.type !== 'ArrowFunctionExpression') {
+                continue
+              }
+              emitsValidators.push(emits)
+            }
+          },
+          ':function' (node) {
+            scopeStack = { upper: scopeStack, functionNode: node, hasReturnValue: false, possibleOfReturnTrue: false }
+          },
+          ReturnStatement (node) {
+            if (node.argument) {
+              scopeStack.hasReturnValue = true
+
+              if (!isFalsy(node.argument)) {
+                scopeStack.possibleOfReturnTrue = true
+              }
+            }
+          },
+          ':function:exit' (node) {
+            if (!scopeStack.possibleOfReturnTrue) {
+              const emits = emitsValidators.find(e => e.value === node)
+              if (emits) {
+                context.report({
+                  node,
+                  message: scopeStack.hasReturnValue
+                    ? 'Expected to return a true value in "{{name}}" emits validator.'
+                    : 'Expected to return a boolean value in "{{name}}" emits validator.',
+                  data: {
+                    name: emits.emitName
+                  }
+                })
+              }
+            }
+
+            scopeStack = scopeStack.upper
+          }
+        }
+      ),
+    )
+  }
+}
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
new file mode 100644
index 000000000..8ee6b75e5
--- /dev/null
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -0,0 +1,275 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/return-in-emits-validator')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+ruleTester.run('return-in-emits-validator', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo () {
+              return true
+            },
+            bar: function (e) {
+              return true
+            },
+            baz: (e) => {
+              return e
+            },
+            qux () {
+              if (foo) {
+                return true
+              } else {
+                return false
+              }
+            },
+            quux: null,
+            corge (evt) {
+              return evt
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo () {
+              const options = []
+              this.matches.forEach((match) => {
+                options.push(match)
+              })
+              return options
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: ['foo']
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo () {
+              const options = []
+              this.matches.forEach(function (match) {
+                options.push(match)
+              })
+              return options
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            a () {
+              return 1n
+            },
+            b: function (e) {
+              return 1
+            },
+            c: (e) => {
+              return 'a'
+            },
+          }
+        }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo () {
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a boolean value in "foo" emits validator.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo: function () {
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a boolean value in "foo" emits validator.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo: () => {
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a boolean value in "foo" emits validator.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo: function () {
+              function bar () {
+                return this.baz * 2
+              }
+              bar()
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a boolean value in "foo" emits validator.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo () {
+            },
+            bar () {
+              return
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Expected to return a boolean value in "foo" emits validator.',
+          line: 5
+        },
+        {
+          message: 'Expected to return a boolean value in "bar" emits validator.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo () {
+              return
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a boolean value in "foo" emits validator.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo: function () {
+              if (a) {
+                return false
+              } else if (b) {
+                return 0
+              } else if (c) {
+                return null
+              } else if (d) {
+                return ''
+              } else if (e) {
+                return undefined
+              } else if (f) {
+                return NaN
+              } else if (g) {
+                return 0n
+              }
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a true value in "foo" emits validator.',
+        line: 5
+      }]
+    }
+  ]
+})

From 8ac8c328fc6391cd30935c3783d519e95c93016b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 16 May 2020 08:51:49 +0900
Subject: [PATCH 0054/1010] Improve HTML comment directives. (#1120)

* Improve HTML comment directives.

- Add the support of descriptions in directive comments.
- Add the support for block-level directive comments.

* Fixed docs
---
 docs/.vuepress/config.js               |  10 ++
 docs/.vuepress/shim/module.js          |   3 +
 docs/rules/comment-directive.md        |  53 ++++++++++-
 docs/rules/no-template-target-blank.md |  10 ++
 docs/user-guide/README.md              |   2 +-
 lib/rules/comment-directive.js         |  73 +++++++++++---
 package.json                           |   2 +-
 tests/lib/rules/comment-directive.js   | 126 +++++++++++++++++++++++++
 8 files changed, 261 insertions(+), 18 deletions(-)
 create mode 100644 docs/.vuepress/shim/module.js

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index a6756baa7..1bc13cdac 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -63,6 +63,16 @@ if (deprecatedRules.length > 0) {
 }
 
 module.exports = {
+  configureWebpack (_config, _isServer) {
+    return {
+      resolve: {
+        alias: {
+          module: require.resolve('./shim/module')
+        }
+      }
+    }
+  },
+
   base: '/',
   title: 'eslint-plugin-vue',
   description: 'Official ESLint plugin for Vue.js',
diff --git a/docs/.vuepress/shim/module.js b/docs/.vuepress/shim/module.js
new file mode 100644
index 000000000..66ab9785e
--- /dev/null
+++ b/docs/.vuepress/shim/module.js
@@ -0,0 +1,3 @@
+module.exports = {
+  createRequire: () => () => null
+}
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 7ff91450c..33ad1fa9d 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -9,7 +9,7 @@ description: support comment-directives in `<template>`
 
 - :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
 
-Sole purpose of this rule is to provide `eslint-disable` functionality in `<template>`.
+Sole purpose of this rule is to provide `eslint-disable` functionality in the `<template>` and in the block level.
 It supports usage of the following comments:
 
 - `eslint-disable`
@@ -34,8 +34,55 @@ This rule sends all `eslint-disable`-like comments as errors to the post-process
 ```vue
 <template>
   <!-- eslint-disable-next-line vue/max-attributes-per-line -->
-  <div a="1" b="2" c="3" d="4">
-  </div>
+  <div a="1" b="2" c="3" d="4" />
+</template>
+```
+
+</eslint-code-block>
+
+The `eslint-disable`-like comments can be used in the `<template>` and in the block level.
+
+<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/component-tags-order': ['error'] }">
+
+```vue
+<template>
+  <!-- eslint-disable-next-line vue/max-attributes-per-line -->
+  <div a="1" b="2" c="3" d="4" />
+</template>
+
+<!-- eslint-disable-next-line vue/component-tags-order -->
+<script>
+</script>
+```
+
+</eslint-code-block>
+
+The `eslint-disable` comments has no effect after one block.
+
+<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/component-tags-order': ['error'] }">
+
+```vue
+<template>
+</template>
+
+<!-- eslint-disable vue/component-tags-order -->
+<style> /* <- Warning has been disabled. */
+</style>
+
+<script> /* <- Warning are not disabled. */
+</script>
+```
+
+</eslint-code-block>
+
+The `eslint-disable`-like comments can include descriptions to explain why the comment is necessary. The description must occur after the directive and is separated from the directive by two or more consecutive `-` characters. For example:
+
+<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error']}">
+
+```vue
+<template>
+  <!-- eslint-disable-next-line vue/max-attributes-per-line -- Here's a description about why this disabling is necessary. -->
+  <div a="1" b="2" c="3" d="4" />
 </template>
 ```
 
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index 67dfcc995..2abc719ef 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -23,6 +23,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 </temlate>
 ```
 
+</eslint-code-block>
+
 ## :wrench: Options
 
 ```json
@@ -51,6 +53,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 </temlate>
 ```
 
+</eslint-code-block>
+
 ### `{ allowReferrer: true }`
 
 <eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { allowReferrer: true }]}">
@@ -65,6 +69,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 </temlate>
 ```
 
+</eslint-code-block>
+
 ### `{ "enforceDynamicLinks": "always" }` (default)
 
 <eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'never' }]}">
@@ -79,6 +85,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 </temlate>
 ```
 
+</eslint-code-block>
+
 ### `{ "enforceDynamicLinks": "never" }`
 
 <eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'never' }]}">
@@ -93,6 +101,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 </temlate>
 ```
 
+</eslint-code-block>
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-template-target-blank.js)
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 39d29477f..fc8e598e4 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -114,7 +114,7 @@ Vue.component('AsyncComponent', (resolve, reject) => {
 
 ### Disabling rules via `<!-- eslint-disable -->`
 
-You can use `<!-- eslint-disable -->`-like HTML comments in the `<template>` of `.vue` files to disable a certain rule temporarily.
+You can use `<!-- eslint-disable -->`-like HTML comments in the `<template>` and in the block level of `.vue` files to disable a certain rule temporarily.
 
 For example:
 
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index d5a1eeb86..2058190fc 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -12,6 +12,15 @@
 const COMMENT_DIRECTIVE_B = /^\s*(eslint-(?:en|dis)able)(?:\s+(\S|\S[\s\S]*\S))?\s*$/
 const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+(\S|\S[\s\S]*\S))?\s*$/
 
+/**
+ * Remove the ignored part from a given directive comment and trim it.
+ * @param {string} value The comment text to strip.
+ * @returns {string} The stripped text.
+ */
+function stripDirectiveComment (value) {
+  return value.split(/\s-{2,}\s/u)[0].trim()
+}
+
 /**
  * Parse a given comment.
  * @param {RegExp} pattern The RegExp pattern to parse.
@@ -19,7 +28,7 @@ const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+(\S|\S[\s\
  * @returns {({type:string,rules:string[]})|null} The parsing result.
  */
 function parse (pattern, comment) {
-  const match = pattern.exec(comment)
+  const match = pattern.exec(stripDirectiveComment(comment))
   if (match == null) {
     return null
   }
@@ -100,6 +109,28 @@ function processLine (context, comment) {
   }
 }
 
+/**
+ * Extracts the top-level elements in document fragment.
+ * @param {VDocumentFragment} documentFragment The document fragment.
+ * @returns {VElement[]} The top-level elements
+ */
+function extractTopLevelHTMLElements (documentFragment) {
+  return documentFragment.children.filter(e => e.type === 'VElement')
+}
+/**
+ * Extracts the top-level comments in document fragment.
+ * @param {VDocumentFragment} documentFragment The document fragment.
+ * @returns {Token[]} The top-level comments
+ */
+function extractTopLevelDocumentFragmentComments (documentFragment) {
+  const elements = extractTopLevelHTMLElements(documentFragment)
+
+  return documentFragment.comments.filter(comment =>
+    elements.every(element =>
+      comment.range[1] <= element.range[0] || element.range[1] <= comment.range[0]
+    ))
+}
+
 // -----------------------------------------------------------------------------
 // Rule Definition
 // -----------------------------------------------------------------------------
@@ -116,24 +147,40 @@ module.exports = {
   },
 
   create (context) {
+    const documentFragment = context.parserServices.getDocumentFragment && context.parserServices.getDocumentFragment()
+
     return {
       Program (node) {
-        if (!node.templateBody) {
-          return
-        }
+        if (node.templateBody) {
+          // Send directives to the post-process.
+          for (const comment of node.templateBody.comments) {
+            processBlock(context, comment)
+            processLine(context, comment)
+          }
 
-        // Send directives to the post-process.
-        for (const comment of node.templateBody.comments) {
-          processBlock(context, comment)
-          processLine(context, comment)
+          // Send a clear mark to the post-process.
+          context.report({
+            loc: node.templateBody.loc.end,
+            message: 'clear'
+          })
         }
+        if (documentFragment) {
+          // Send directives to the post-process.
+          for (const comment of extractTopLevelDocumentFragmentComments(documentFragment)) {
+            processBlock(context, comment)
+            processLine(context, comment)
+          }
 
-        // Send a clear mark to the post-process.
-        context.report({
-          loc: node.templateBody.loc.end,
-          message: 'clear'
-        })
+          // Send a clear mark to the post-process.
+          for (const element of extractTopLevelHTMLElements(documentFragment)) {
+            context.report({
+              loc: element.loc.end,
+              message: 'clear'
+            })
+          }
+        }
       }
     }
   }
 }
+
diff --git a/package.json b/package.json
index 5a703782e..2f16f5d3f 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "eslint-utils": "^2.0.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.0.0"
+    "vue-eslint-parser": "^7.1.0"
   },
   "devDependencies": {
     "@types/node": "^13.13.5",
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 346c6691a..d87e742c0 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -226,4 +226,130 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[1].line, 5)
     })
   })
+
+  describe('allow description', () => {
+    it('disable all rules if <!-- eslint-disable -- description -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable -- description -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+
+    it('enable all rules if <!-- eslint-enable -- description -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable -- description -->
+          <div id id="a">Hello</div>
+          <!-- eslint-enable -- description -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 2)
+      assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+      assert.deepEqual(messages[0].line, 6)
+      assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+      assert.deepEqual(messages[1].line, 6)
+    })
+
+    it('enable specific rules if <!-- eslint-enable vue/no-duplicate-attributes -- description -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable vue/no-parsing-error, vue/no-duplicate-attributes -- description -->
+          <div id id="a">Hello</div>
+          <!-- eslint-enable vue/no-duplicate-attributes -- description -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 1)
+      assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
+      assert.deepEqual(messages[0].line, 6)
+    })
+
+    it('disable all rules if <!-- eslint-disable-line -- description -->', () => {
+      const code = `
+        <template>
+          <div id id="a">Hello</div> <!-- eslint-disable-line -- description -->
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+
+    it('disable specific rules if <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->', () => {
+      const code = `
+        <template>
+          <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 1)
+      assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+    })
+
+    it('disable all rules if <!-- eslint-disable-next-line -- description -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable-next-line -- description -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+
+    it('disable specific rules if <!-- eslint-disable-next-line vue/no-duplicate-attributes -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable-next-line vue/no-duplicate-attributes -- description -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 1)
+      assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+    })
+  })
+
+  describe('block level directive', () => {
+    it('disable all rules if <!-- eslint-disable -->', () => {
+      const code = `
+        <!-- eslint-disable -->
+        <template>
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+
+    it('don\'t disable rules if <!-- eslint-disable --> is on after block', () => {
+      const code = `
+        <!-- eslint-disable -->
+        <i18n>
+        </i18n>
+        <template>
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+
+      assert.deepEqual(messages.length, 2)
+      assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+      assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+    })
+  })
 })

From 2772789d2445782a1613206388160392529d7e4e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 16 May 2020 09:50:11 +0900
Subject: [PATCH 0055/1010] Update docs (#1131)

---
 docs/rules/no-deprecated-data-object-declaration.md | 2 +-
 docs/rules/no-deprecated-events-api.md              | 2 +-
 docs/rules/no-deprecated-filter.md                  | 2 +-
 docs/rules/no-deprecated-v-bind-sync.md             | 2 +-
 docs/rules/no-deprecated-v-on-number-modifiers.md   | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 773a50dd6..1875ff09f 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -75,7 +75,7 @@ Nothing.
 
 ## :books: Further reading
 
-- [RFC: remove data object declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
+- [Vue RFCs - 0019-remove-data-object-declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index 8f1244a08..11fb96a32 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -49,7 +49,7 @@ Nothing.
 
 ## :books: Further reading
 
-- [RFC: events api change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
+- [Vue RFCs - 0020-events-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index 787536bad..cba1380f3 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -43,7 +43,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Vue RFCs - Remove support for filters.](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md)
+- [Vue RFCs - 0015-remove-filters](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index 642df95bf..75359741a 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -45,7 +45,7 @@ Nothing.
 
 ## :books: Further reading
 
-- [RFC: Replace v-bind.sync with v-model argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
+- [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 5ecba24a8..5b720015f 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -44,7 +44,7 @@ Nothing.
 
 ## :books: Further reading
 
-- [RFC: drop keycode support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
+- [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
 
 ## :mag: Implementation
 

From cee165ca385c182c425901030cb6372105b5580e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 16 May 2020 09:50:46 +0900
Subject: [PATCH 0056/1010] Improve the location reported by
 `no-deprecated-v-on-number-modifiers` rule. (#1132)

---
 lib/rules/no-deprecated-v-on-number-modifiers.js       | 7 +++----
 tests/lib/rules/no-deprecated-v-on-number-modifiers.js | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index 971ffdc07..6e5125e4d 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -32,8 +32,8 @@ module.exports = {
 
   create (context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on']" (node) {
-        const modifier = node.key.modifiers.find(mod => Number.isInteger(parseInt(mod.name, 10)))
+      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey" (node) {
+        const modifier = node.modifiers.find(mod => Number.isInteger(parseInt(mod.name, 10)))
         if (!modifier) return
 
         const keyCodes = parseInt(modifier.name, 10)
@@ -41,8 +41,7 @@ module.exports = {
           keyCodes > 9 || keyCodes < 0
         ) {
           context.report({
-            node,
-            loc: node.loc,
+            node: modifier,
             messageId: 'numberModifierIsDeprecated',
             fix: (fixer) => {
               const key = keyCodeToKey[keyCodes]
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index f2e119069..36d4bf003 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -20,7 +20,7 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2015 }
 })
 
-ruleTester.run('no-deprecated-v-bind-sync', rule, {
+ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
 
   valid: [
     {

From d78ec7d4df94233af01cb0bfa8597bdda2e60969 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 16 May 2020 17:32:29 +0900
Subject: [PATCH 0057/1010] Add `vue/no-deprecated-v-on-native-modifier` rule
 (#1130)

---
 docs/rules/README.md                          |  1 +
 .../no-deprecated-v-on-native-modifier.md     | 49 ++++++++++++
 lib/configs/vue3-essential.js                 |  1 +
 lib/index.js                                  |  1 +
 .../no-deprecated-v-on-native-modifier.js     | 45 +++++++++++
 .../no-deprecated-v-on-native-modifier.js     | 76 +++++++++++++++++++
 6 files changed, 173 insertions(+)
 create mode 100644 docs/rules/no-deprecated-v-on-native-modifier.md
 create mode 100644 lib/rules/no-deprecated-v-on-native-modifier.js
 create mode 100644 tests/lib/rules/no-deprecated-v-on-native-modifier.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d022dd67f..a6f2627ea 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -49,6 +49,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-v-on-native-modifier](./no-deprecated-v-on-native-modifier.md) | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
new file mode 100644
index 000000000..93620cd7b
--- /dev/null
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -0,0 +1,49 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-v-on-native-modifier
+description: disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-v-on-native-modifier
+> disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `.native` modifier on `v-on` directive (in Vue.js 3.0.0+)
+
+<eslint-code-block :rules="{'vue/no-deprecated-v-on-native-modifier': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <CoolInput v-on:keydown.enter="onKeydownEnter" />
+  <CoolInput @keydown.enter="onKeydownEnter" />
+
+  <!-- ✗ BAD -->
+  <CoolInput v-on:keydown.native="onKeydown" />
+  <CoolInput @keydown.enter.native="onKeydownEnter" />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [valid-v-on]
+
+[valid-v-on]: valid-v-on.md
+
+## :books: Further reading
+
+- [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-on-native-modifier.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-v-on-native-modifier.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 651ff096b..93e4996ba 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -17,6 +17,7 @@ module.exports = {
     'vue/no-deprecated-slot-attribute': 'error',
     'vue/no-deprecated-slot-scope-attribute': 'error',
     'vue/no-deprecated-v-bind-sync': 'error',
+    'vue/no-deprecated-v-on-native-modifier': 'error',
     'vue/no-deprecated-v-on-number-modifiers': 'error',
     'vue/no-deprecated-vue-config-keycodes': 'error',
     'vue/no-dupe-keys': 'error',
diff --git a/lib/index.js b/lib/index.js
index fa2bc4347..9faa91636 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -50,6 +50,7 @@ module.exports = {
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
     'no-deprecated-v-bind-sync': require('./rules/no-deprecated-v-bind-sync'),
+    'no-deprecated-v-on-native-modifier': require('./rules/no-deprecated-v-on-native-modifier'),
     'no-deprecated-v-on-number-modifiers': require('./rules/no-deprecated-v-on-number-modifiers'),
     'no-deprecated-vue-config-keycodes': require('./rules/no-deprecated-vue-config-keycodes'),
     'no-dupe-keys': require('./rules/no-dupe-keys'),
diff --git a/lib/rules/no-deprecated-v-on-native-modifier.js b/lib/rules/no-deprecated-v-on-native-modifier.js
new file mode 100644
index 000000000..d93755436
--- /dev/null
+++ b/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -0,0 +1,45 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-native-modifier.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      deprecated: "'.native' modifier on 'v-on' directive is deprecated."
+    }
+  },
+
+  create (context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey > VIdentifier[name='native']" (node) {
+        const key = node.parent
+        if (!key.modifiers.includes(node)) return
+
+        context.report({
+          node,
+          messageId: 'deprecated'
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-v-on-native-modifier.js b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
new file mode 100644
index 000000000..772a56918
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -0,0 +1,76 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-v-on-native-modifier')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-deprecated-v-on-native-modifier', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.enter='fire'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @keyup.enter='fire'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-native:foo.native.foo.bar='fire'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input @native.enter='fire'></template>"
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input :keydown.native='fire'></template>"
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.native='fore'></template>",
+      errors: [
+        {
+          line: 1,
+          column: 29,
+          messageId: 'deprecated',
+          endLine: 1,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: "<template><input v-on:keyup.foo.native.bar='fore'></template>",
+      errors: [
+        {
+          line: 1,
+          column: 33,
+          messageId: 'deprecated',
+          endLine: 1,
+          endColumn: 39
+        }
+      ]
+    }
+  ]
+})

From 22bb2c22d4f783a69b579e5d25ce223d052373e1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 16 May 2020 17:32:42 +0900
Subject: [PATCH 0058/1010] Add `vue/no-deprecated-dollar-listeners-api` rule
 (#1133)

---
 docs/rules/README.md                          |   1 +
 .../no-deprecated-dollar-listeners-api.md     |  51 +++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 .../no-deprecated-dollar-listeners-api.js     |  65 +++++++
 .../no-deprecated-dollar-listeners-api.js     | 184 ++++++++++++++++++
 tests/lib/rules/no-deprecated-events-api.js   |   1 -
 7 files changed, 303 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-deprecated-dollar-listeners-api.md
 create mode 100644 lib/rules/no-deprecated-dollar-listeners-api.js
 create mode 100644 tests/lib/rules/no-deprecated-dollar-listeners-api.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index a6f2627ea..6ff3780de 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -40,6 +40,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  |
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
new file mode 100644
index 000000000..99097e15d
--- /dev/null
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -0,0 +1,51 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-dollar-listeners-api
+description: disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-dollar-listeners-api
+> disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `$listeners`. (in Vue.js 3.0.0+).
+
+<eslint-code-block :rules="{'vue/no-deprecated-dollar-listeners-api': ['error']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <MyInput v-on="$listeners">
+</template>
+<script>
+export default {
+  computed: {
+    listeners() {
+      return {
+        /* ✗ BAD */
+        ...this.$listeners,
+        input() { /* */ }
+      }
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-dollar-listeners-api.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-dollar-listeners-api.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 93e4996ba..64d5eb72e 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
+    'vue/no-deprecated-dollar-listeners-api': 'error',
     'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-filter': 'error',
     'vue/no-deprecated-functional-template': 'error',
diff --git a/lib/index.js b/lib/index.js
index 9faa91636..63a16b25c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -41,6 +41,7 @@ module.exports = {
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
+    'no-deprecated-dollar-listeners-api': require('./rules/no-deprecated-dollar-listeners-api'),
     'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-deprecated-functional-template': require('./rules/no-deprecated-functional-template'),
diff --git a/lib/rules/no-deprecated-dollar-listeners-api.js b/lib/rules/no-deprecated-dollar-listeners-api.js
new file mode 100644
index 000000000..29c0655d0
--- /dev/null
+++ b/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -0,0 +1,65 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using deprecated `$listeners` (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-dollar-listeners-api.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      deprecated: 'The `$listeners` is deprecated.'
+    }
+  },
+
+  create (context) {
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        'VExpressionContainer' (node) {
+          for (const reference of node.references) {
+            if (reference.variable != null) {
+              // Not vm reference
+              continue
+            }
+            if (reference.id.name === '$listeners') {
+              context.report({
+                node: reference.id,
+                messageId: 'deprecated'
+              })
+            }
+          }
+        }
+      },
+      utils.defineVueVisitor(context,
+        {
+          'MemberExpression > ThisExpression' (node) {
+            if (node.parent.property.name !== '$listeners') return
+
+            context.report({
+              node: node.parent.property,
+              messageId: 'deprecated'
+            })
+          }
+        }
+      )
+    )
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
new file mode 100644
index 000000000..76f7c73cc
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -0,0 +1,184 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-dollar-listeners-api')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+})
+ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-bind="$attrs"/>
+        </template>
+        <script>
+        export default {
+          mounted () {
+            this.$emit('start')
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          methods: {
+            click () {
+              this.$emit('click')
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+        }
+        const another = function () {
+          console.log(this.$listeners)
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div foo="$listeners"/>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-on="() => {
+            function click ($listeners) {
+              fn(foo.$listeners)
+              fn($listeners)
+            }
+          }"/>
+          <div v-for="$listeners in list">
+            <div v-on="$listeners">
+          </div>
+          <VueComp>
+            <template v-slot="{$listeners}">
+              <div v-on="$listeners">
+            </template>
+          </VueComp>
+        </template>
+        <script>
+        export default {
+          methods: {
+            click ($listeners) {
+              foo.$listeners
+            }
+          }
+        }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-on="$listeners"/>
+        </template>
+        <script>
+        export default {
+          computed: {
+            foo () {
+              return this.$listeners
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 22,
+          messageId: 'deprecated',
+          endLine: 3,
+          endColumn: 32
+        },
+        {
+          line: 9,
+          column: 27,
+          messageId: 'deprecated',
+          endLine: 9,
+          endColumn: 37
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="listener in $listeners"/>
+          <div :foo="$listeners"/>
+        </template>
+        <script>
+        export default {
+          computed: {
+            foo () {
+              fn(this.$listeners)
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 35,
+          messageId: 'deprecated',
+          endLine: 3,
+          endColumn: 45
+        },
+        {
+          line: 4,
+          column: 22,
+          messageId: 'deprecated',
+          endLine: 4,
+          endColumn: 32
+        },
+        {
+          line: 10,
+          column: 23,
+          messageId: 'deprecated',
+          endLine: 10,
+          endColumn: 33
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index 59a6c685f..215a47d86 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -1,4 +1,3 @@
-/* eslint-disable eslint-plugin/consistent-output */
 /**
  * @fileoverview disallow using deprecated events api
  * @author yoyo930021

From 4d29de5b62effb2b4f83710356ac16edf059497e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 17 May 2020 09:12:44 +0900
Subject: [PATCH 0059/1010] =?UTF-8?q?=E2=AD=90=EF=B8=8FNew:=20Add=20rules?=
 =?UTF-8?q?=20of=20HTML=20comment=20styles=20(#755)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add rules of HTML comment styles

* update

* Fixed types
---
 docs/rules/README.md                          |   3 +
 docs/rules/html-comment-content-newline.md    | 229 +++++++
 docs/rules/html-comment-content-spacing.md    | 115 ++++
 docs/rules/html-comment-indent.md             | 133 ++++
 lib/configs/no-layout-rules.js                |   3 +
 lib/index.js                                  |   3 +
 lib/rules/html-comment-content-newline.js     | 185 +++++
 lib/rules/html-comment-content-spacing.js     | 159 +++++
 lib/rules/html-comment-indent.js              | 246 +++++++
 lib/utils/html-comments.js                    | 253 +++++++
 .../comment-tokens.json                       |  43 ++
 .../source.vue                                |   4 +
 .../html-comments/blank1/comment-tokens.json  |  43 ++
 .../utils/html-comments/blank1/source.vue     |   4 +
 .../html-comments/blank2/comment-tokens.json  |  43 ++
 .../utils/html-comments/blank2/source.vue     |   5 +
 .../comment-tokens.json                       |  60 ++
 .../decoration-empty-value/source.vue         |   4 +
 .../decoration1/comment-tokens.json           |  94 +++
 .../html-comments/decoration1/source.vue      |   4 +
 .../decoration2/comment-tokens.json           |  94 +++
 .../html-comments/decoration2/source.vue      |   4 +
 .../decoration3/comment-tokens.json           |  94 +++
 .../html-comments/decoration3/source.vue      |   6 +
 .../html-comments/empty/comment-tokens.json   |  43 ++
 .../utils/html-comments/empty/source.vue      |   4 +
 .../comment-tokens.json                       |   1 +
 .../ie-conditional-comments1/source.vue       |   6 +
 .../comment-tokens.json                       |   1 +
 .../ie-conditional-comments2/source.vue       |   6 +
 .../comment-tokens.json                       |   1 +
 .../incorrectly-closed-comment/source.vue     |   4 +
 .../non-decoration/comment-tokens.json        |  60 ++
 .../html-comments/non-decoration/source.vue   |   4 +
 .../script-comment/comment-tokens.json        |   1 +
 .../html-comments/script-comment/source.vue   |   4 +
 .../html-comments/test1/comment-tokens.json   |  60 ++
 .../utils/html-comments/test1/source.vue      |   4 +
 .../html-comments/test2/comment-tokens.json   |  60 ++
 .../utils/html-comments/test2/source.vue      |   4 +
 .../html-comments/test3/comment-tokens.json   |  60 ++
 .../utils/html-comments/test3/source.vue      |   4 +
 .../html-comments/test4/comment-tokens.json   |  60 ++
 .../utils/html-comments/test4/source.vue      |   7 +
 .../lib/rules/html-comment-content-newline.js | 394 +++++++++++
 .../lib/rules/html-comment-content-spacing.js | 326 +++++++++
 tests/lib/rules/html-comment-indent.js        | 648 ++++++++++++++++++
 tests/lib/utils/html-comments.js              |  70 ++
 48 files changed, 3663 insertions(+)
 create mode 100644 docs/rules/html-comment-content-newline.md
 create mode 100644 docs/rules/html-comment-content-spacing.md
 create mode 100644 docs/rules/html-comment-indent.md
 create mode 100644 lib/rules/html-comment-content-newline.js
 create mode 100644 lib/rules/html-comment-content-spacing.js
 create mode 100644 lib/rules/html-comment-indent.js
 create mode 100644 lib/utils/html-comments.js
 create mode 100644 tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/blank1/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/blank1/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/blank2/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/blank2/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/decoration-empty-value/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/decoration-empty-value/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/decoration1/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/decoration1/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/decoration2/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/decoration2/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/decoration3/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/decoration3/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/empty/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/empty/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/ie-conditional-comments1/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/ie-conditional-comments1/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/ie-conditional-comments2/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/ie-conditional-comments2/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/non-decoration/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/script-comment/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/script-comment/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/test1/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/test1/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/test2/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/test2/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/test3/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/test3/source.vue
 create mode 100644 tests/fixtures/utils/html-comments/test4/comment-tokens.json
 create mode 100644 tests/fixtures/utils/html-comments/test4/source.vue
 create mode 100644 tests/lib/rules/html-comment-content-newline.js
 create mode 100644 tests/lib/rules/html-comment-content-spacing.js
 create mode 100644 tests/lib/rules/html-comment-indent.js
 create mode 100644 tests/lib/utils/html-comments.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 6ff3780de..83eda5692 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -274,6 +274,9 @@ For example:
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
+| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
+| [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
+| [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |
 | [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
new file mode 100644
index 000000000..4a94ff7e3
--- /dev/null
+++ b/docs/rules/html-comment-content-newline.md
@@ -0,0 +1,229 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-comment-content-newline
+description: enforce unified line brake in HTML comments
+---
+# vue/html-comment-content-newline
+> enforce unified line brake in HTML comments
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule will enforce consistency of line break after the `<!--` and before the `-->` of comment. It also provides several exceptions for various documentation styles.
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!-- singleline comment -->
+  <!--
+    multiline
+    comment
+  -->
+
+  <!--
+    ✗ BAD
+  -->
+  <!--
+    singleline comment
+  -->
+  <!-- multiline
+    comment -->
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/html-comment-content-newline": ["error",
+    {
+      "singleline": "always" | "never" | "ignore",
+      "multiline": "always" | "never" | "ignore",
+    },
+    {
+      "exceptions": []
+    }
+  ]
+}
+```
+
+- The first option is either an object with `"singleline"` and `"multiline"` keys.
+    - `singleline` ... the configuration for single-line comments.
+        - `"never"` (default) ... disallow line breaks after the `<!--` and before the `-->`.
+        - `"always"` ... require one line break after the `<!--` and before the `-->`.
+    - `multiline` ... the configuration for multiline comments.
+        - `"never"` ... disallow line breaks after the `<!--` and before the `-->`.
+        - `"always"` (default) ... require one line break after the `<!--` and before the `-->`.
+
+    You can also set the same value for both `singleline` and `multiline` by specifies a string.
+
+- This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
+    - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
+
+    ```json
+    "vue/html-comment-content-newline": ["error", { ... }, { "exceptions": ["*"] }]
+    ```
+
+### `"always"`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error', { 'singleline': 'always', 'multiline': 'always' }]}">
+
+```vue
+<template>
+  <!--
+    ✓ GOOD
+  -->
+  <!--
+    singleline comment
+  -->
+  <!--
+    multiline
+    comment
+  -->
+
+  <!-- ✗ BAD -->
+  <!-- singleline comment -->
+  <!-- multiline
+    comment -->
+</template>
+```
+
+</eslint-code-block>
+
+### `"never"`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error', { 'singleline': 'never', 'multiline': 'never' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!-- singleline comment -->
+  <!-- multiline
+    comment -->
+
+  <!--
+    ✗ BAD
+  -->
+  <!--
+    singleline comment
+  -->
+  <!--
+    multiline
+    comment
+  -->
+</template>
+```
+
+</eslint-code-block>
+
+### `{"singleline": "always", "multiline": "ignore"}`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error', { 'singleline': 'always', 'multiline': 'ignore' }]}">
+
+```vue
+<template>
+  <!--
+    ✓ GOOD
+  -->
+  <!--
+    singleline comment
+  -->
+  <!--
+
+    singleline comment
+
+  -->
+  <!-- multiline
+    comment -->
+  <!--
+    multiline
+    comment
+  -->
+  <!--
+
+    multiline
+    comment
+
+  -->
+
+  <!-- ✗ BAD -->
+  <!-- singleline comment -->
+  <!--     singleline comment     -->
+</template>
+```
+
+</eslint-code-block>
+
+
+### `{"singleline": "ignore", "multiline": "always"}`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error', { 'singleline': 'ignore', 'multiline': 'always' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!--
+    multiline
+    comment
+  -->
+  <!--
+
+    multiline
+    comment
+
+  -->
+  <!-- singleline comment -->
+  <!--
+    singleline comment
+  -->
+  <!--
+
+    singleline comment
+
+  -->
+
+  <!-- ✗ BAD -->
+  <!-- multiline
+    comment -->
+</template>
+```
+
+</eslint-code-block>
+
+### `"always", { "exceptions": ["*"] }`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error', 'always', { 'exceptions': ['*'] }]}">
+
+```vue
+<template>
+  <!--*******
+    ✓ GOOD
+    *******-->
+  <!--*******
+    comment
+    *******-->
+
+  <!--******* ✗ BAD *******-->
+  <!--******* multiline
+    comment *******-->
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related rules
+
+- [vue/html-comment-indent](./html-comment-indent.md)
+- [vue/html-comment-content-spacing](./html-comment-content-spacing.md)
+- [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-content-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-comment-content-newline.js)
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
new file mode 100644
index 000000000..d16a5f19a
--- /dev/null
+++ b/docs/rules/html-comment-content-spacing.md
@@ -0,0 +1,115 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-comment-content-spacing
+description: enforce unified spacing in HTML comments
+---
+# vue/html-comment-content-spacing
+> enforce unified spacing in HTML comments
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule will enforce consistency of spacing after the `<!--` and before the `-->` of comment. It also provides several exceptions for various documentation styles.
+
+Whitespace after the `<!--` and before the `-->` makes it easier to read text in comments.
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-spacing': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!-- comment -->
+  <!--
+    comment
+  -->
+
+  <!--✗ BAD-->
+  <!--comment-->
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/html-comment-content-spacing": ["error",
+    "always" | "never",
+    {
+      "exceptions": []
+    }
+  ]
+}
+```
+
+- The first is a string which be either `"always"` or `"never"`. The default is `"always"`.
+    - `"always"` (default) ... there must be at least one whitespace at after the `<!--` and before the `-->`.
+    - `"never"` ... there should be no whitespace at after the `<!--` and before the `-->`.
+
+
+- This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
+    - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
+    Please note that exceptions are ignored if the first argument is `"never"`.
+
+    ```json
+    "vue/html-comment-content-spacing": ["error", "always", { "exceptions": ["*"] }]
+    ```
+
+### `"always"`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-spacing': ['error', 'always']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+
+  <!--✗ BAD-->
+</template>
+```
+
+</eslint-code-block>
+
+### `"never"`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-spacing': ['error', 'never']}">
+
+```vue
+<template>
+  <!--✓ GOOD-->
+
+  <!-- ✗ BAD -->
+  <!--       comment      -->
+</template>
+```
+
+</eslint-code-block>
+
+### `"always", { "exceptions": ["*"] }`
+
+<eslint-code-block fix :rules="{'vue/html-comment-content-spacing': ['error', 'always', { 'exceptions': ['*'] }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!--*******
+    comment
+    *******-->
+
+  <!--*******✗ BAD*******-->
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related rules
+
+- [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
+- [vue/html-comment-content-newline](./html-comment-content-newline.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-content-spacing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-comment-content-spacing.js)
diff --git a/docs/rules/html-comment-indent.md b/docs/rules/html-comment-indent.md
new file mode 100644
index 000000000..6da16a098
--- /dev/null
+++ b/docs/rules/html-comment-indent.md
@@ -0,0 +1,133 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-comment-indent
+description: enforce consistent indentation in HTML comments
+---
+# vue/html-comment-indent
+> enforce consistent indentation in HTML comments
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces a consistent indentation style in HTML comment (`<!-- ... -->`). The default style is 2 spaces.
+
+<eslint-code-block fix :rules="{'vue/html-comment-indent': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!--
+    comment
+  -->
+  <!--
+    comment
+    comment
+  -->
+    <!--
+      comment
+    -->
+
+  <!-- ✗ BAD -->
+  <!--
+  comment
+      comment
+  -->
+  <!--
+    comment
+    -->
+    <!--
+    comment
+  -->
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/html-comment-indent": ["error", type]
+}
+```
+
+- `type` (`number | "tab"`) ... The type of indentation. Default is `2`. If this is a number, it's the number of spaces for one indent. If this is `"tab"`, it uses one tab for one indent.
+
+### `2`
+
+<eslint-code-block fix :rules="{'vue/html-comment-indent': ['error', 2]}">
+
+```vue
+<template>
+  <!--
+    ✓ GOOD
+  -->
+
+  <!--
+   ✗ BAD
+  -->
+</template>
+```
+
+</eslint-code-block>
+
+### `4`
+
+<eslint-code-block fix :rules="{'vue/html-comment-indent': ['error', 4]}">
+
+```vue
+<template>
+  <!--
+      ✓ GOOD
+  -->
+
+  <!--
+    ✗ BAD
+  -->
+</template>
+```
+
+</eslint-code-block>
+
+### `0`
+
+<eslint-code-block fix :rules="{'vue/html-comment-indent': ['error', 0]}">
+
+```vue
+<template>
+  <!--
+  ✓ GOOD
+  -->
+
+  <!--
+    ✗ BAD
+  -->
+</template>
+```
+
+</eslint-code-block>
+
+### `"tab"`
+
+<eslint-code-block fix :rules="{'vue/html-comment-indent': ['error', 'tab']}">
+
+```vue
+<template>
+  <!--
+  	✓ GOOD
+  -->
+
+  <!--
+    ✗ BAD
+  -->
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-indent.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-comment-indent.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index e45c080bc..24e7d0f88 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -13,6 +13,9 @@ module.exports = {
     'vue/dot-location': 'off',
     'vue/html-closing-bracket-newline': 'off',
     'vue/html-closing-bracket-spacing': 'off',
+    'vue/html-comment-content-newline': 'off',
+    'vue/html-comment-content-spacing': 'off',
+    'vue/html-comment-indent': 'off',
     'vue/html-indent': 'off',
     'vue/html-quotes': 'off',
     'vue/html-self-closing': 'off',
diff --git a/lib/index.js b/lib/index.js
index 63a16b25c..6adbbecd4 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -23,6 +23,9 @@ module.exports = {
     'eqeqeq': require('./rules/eqeqeq'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
     'html-closing-bracket-spacing': require('./rules/html-closing-bracket-spacing'),
+    'html-comment-content-newline': require('./rules/html-comment-content-newline'),
+    'html-comment-content-spacing': require('./rules/html-comment-content-spacing'),
+    'html-comment-indent': require('./rules/html-comment-indent'),
     'html-end-tags': require('./rules/html-end-tags'),
     'html-indent': require('./rules/html-indent'),
     'html-quotes': require('./rules/html-quotes'),
diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
new file mode 100644
index 000000000..a736f4885
--- /dev/null
+++ b/lib/rules/html-comment-content-newline.js
@@ -0,0 +1,185 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+const htmlComments = require('../utils/html-comments')
+
+/**
+ * @typedef { import('../utils/html-comments').HTMLComment } HTMLComment
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+function parseOption (param) {
+  if (param && typeof param === 'string') {
+    return {
+      singleline: param,
+      multiline: param
+    }
+  }
+  return Object.assign({
+    singleline: 'never',
+    multiline: 'always'
+  }, param)
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+
+    docs: {
+      description: 'enforce unified line brake in HTML comments',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/html-comment-content-newline.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        anyOf: [
+          {
+            enum: ['always', 'never']
+          },
+          {
+            type: 'object',
+            properties: {
+              'singleline': { enum: ['always', 'never', 'ignore'] },
+              'multiline': { enum: ['always', 'never', 'ignore'] }
+            },
+            additionalProperties: false
+          }
+        ]
+      },
+      {
+        type: 'object',
+        properties: {
+          exceptions: {
+            type: 'array',
+            items: {
+              type: 'string'
+            }
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      expectedAfterHTMLCommentOpen: "Expected line break after '<!--'.",
+      expectedBeforeHTMLCommentOpen: "Expected line break before '-->'.",
+      expectedAfterExceptionBlock: 'Expected line break after exception block.',
+      expectedBeforeExceptionBlock: 'Expected line break before exception block.',
+      unexpectedAfterHTMLCommentOpen: "Unexpected line breaks after '<!--'.",
+      unexpectedBeforeHTMLCommentOpen: "Unexpected line breaks before '-->'."
+    }
+  },
+
+  create (context) {
+    const option = parseOption(context.options[0])
+    return htmlComments.defineVisitor(context, context.options[1], (comment) => {
+      if (!comment.value) {
+        return
+      }
+      const startLine = comment.openDecoration
+        ? comment.openDecoration.loc.end.line
+        : comment.value.loc.start.line
+      const endLine = comment.closeDecoration
+        ? comment.closeDecoration.loc.start.line
+        : comment.value.loc.end.line
+      const newlineType = startLine === endLine
+        ? option.singleline
+        : option.multiline
+      if (newlineType === 'ignore') {
+        return
+      }
+      checkCommentOpen(comment, newlineType !== 'never')
+      checkCommentClose(comment, newlineType !== 'never')
+    })
+
+    /**
+     * Reports the newline before the contents of a given comment if it's invalid.
+     * @param {HTMLComment} comment - comment data.
+     * @param {boolean} requireNewline - `true` if line breaks are required.
+     * @returns {void}
+     */
+    function checkCommentOpen (comment, requireNewline) {
+      const beforeToken = comment.openDecoration || comment.open
+
+      if (requireNewline) {
+        if (beforeToken.loc.end.line < comment.value.loc.start.line) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: beforeToken.loc.end,
+            end: comment.value.loc.start
+          },
+          messageId: comment.openDecoration ? 'expectedAfterExceptionBlock' : 'expectedAfterHTMLCommentOpen',
+          fix: comment.openDecoration ? undefined : (fixer) => fixer.insertTextAfter(beforeToken, '\n')
+        })
+      } else {
+        if (beforeToken.loc.end.line === comment.value.loc.start.line) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: beforeToken.loc.end,
+            end: comment.value.loc.start
+          },
+          messageId: 'unexpectedAfterHTMLCommentOpen',
+          fix: (fixer) => fixer.replaceTextRange([beforeToken.range[1], comment.value.range[0]], ' ')
+        })
+      }
+    }
+
+    /**
+     * Reports the space after the contents of a given comment if it's invalid.
+     * @param {HTMLComment} comment - comment data.
+     * @param {boolean} requireNewline - `true` if line breaks are required.
+     * @returns {void}
+     */
+    function checkCommentClose (comment, requireNewline) {
+      const afterToken = comment.closeDecoration || comment.close
+
+      if (requireNewline) {
+        if (comment.value.loc.end.line < afterToken.loc.start.line) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: comment.value.loc.end,
+            end: afterToken.loc.start
+          },
+          messageId: comment.closeDecoration ? 'expectedBeforeExceptionBlock' : 'expectedBeforeHTMLCommentOpen',
+          fix: comment.closeDecoration ? undefined : (fixer) => fixer.insertTextBefore(afterToken, '\n')
+        })
+      } else {
+        if (comment.value.loc.end.line === afterToken.loc.start.line) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: comment.value.loc.end,
+            end: afterToken.loc.start
+          },
+          messageId: 'unexpectedBeforeHTMLCommentOpen',
+          fix: (fixer) => fixer.replaceTextRange([comment.value.range[1], afterToken.range[0]], ' ')
+        })
+      }
+    }
+  }
+}
diff --git a/lib/rules/html-comment-content-spacing.js b/lib/rules/html-comment-content-spacing.js
new file mode 100644
index 000000000..9f318cf77
--- /dev/null
+++ b/lib/rules/html-comment-content-spacing.js
@@ -0,0 +1,159 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+const htmlComments = require('../utils/html-comments')
+
+/**
+ * @typedef { import('../utils/html-comments').HTMLComment } HTMLComment
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+
+    docs: {
+      description: 'enforce unified spacing in HTML comments',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/html-comment-content-spacing.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        enum: ['always', 'never']
+      },
+      {
+        type: 'object',
+        properties: {
+          exceptions: {
+            type: 'array',
+            items: {
+              type: 'string'
+            }
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      expectedAfterHTMLCommentOpen: "Expected space after '<!--'.",
+      expectedBeforeHTMLCommentOpen: "Expected space before '-->'.",
+      expectedAfterExceptionBlock: 'Expected space after exception block.',
+      expectedBeforeExceptionBlock: 'Expected space before exception block.',
+      unexpectedAfterHTMLCommentOpen: "Unexpected space after '<!--'.",
+      unexpectedBeforeHTMLCommentOpen: "Unexpected space before '-->'."
+    }
+  },
+
+  create (context) {
+    // Unless the first option is never, require a space
+    const requireSpace = context.options[0] !== 'never'
+    return htmlComments.defineVisitor(context, context.options[1], (comment) => {
+      if (!comment.value) {
+        return
+      }
+      checkCommentOpen(comment)
+      checkCommentClose(comment)
+    }, { includeDirectives: true })
+
+    /**
+     * Reports the space before the contents of a given comment if it's invalid.
+     * @param {HTMLComment} comment - comment data.
+     * @returns {void}
+     */
+    function checkCommentOpen (comment) {
+      const beforeToken = comment.openDecoration || comment.open
+      if (beforeToken.loc.end.line !== comment.value.loc.start.line) {
+        // Ignore newline
+        return
+      }
+
+      if (requireSpace) {
+        if (beforeToken.range[1] < comment.value.range[0]) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: beforeToken.loc.end,
+            end: comment.value.loc.start
+          },
+          messageId: comment.openDecoration ? 'expectedAfterExceptionBlock' : 'expectedAfterHTMLCommentOpen',
+          fix: comment.openDecoration ? undefined : (fixer) => fixer.insertTextAfter(beforeToken, ' ')
+        })
+      } else {
+        if (comment.openDecoration) {
+          // Ignore expection block
+          return
+        }
+        if (beforeToken.range[1] === comment.value.range[0]) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: beforeToken.loc.end,
+            end: comment.value.loc.start
+          },
+          messageId: 'unexpectedAfterHTMLCommentOpen',
+          fix: (fixer) => fixer.removeRange([beforeToken.range[1], comment.value.range[0]])
+        })
+      }
+    }
+
+    /**
+     * Reports the space after the contents of a given comment if it's invalid.
+     * @param {HTMLComment} comment - comment data.
+     * @returns {void}
+     */
+    function checkCommentClose (comment) {
+      const afterToken = comment.closeDecoration || comment.close
+      if (comment.value.loc.end.line !== afterToken.loc.start.line) {
+        // Ignore newline
+        return
+      }
+
+      if (requireSpace) {
+        if (comment.value.range[1] < afterToken.range[0]) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: comment.value.loc.end,
+            end: afterToken.loc.start
+          },
+          messageId: comment.closeDecoration ? 'expectedBeforeExceptionBlock' : 'expectedBeforeHTMLCommentOpen',
+          fix: comment.closeDecoration ? undefined : (fixer) => fixer.insertTextBefore(afterToken, ' ')
+        })
+      } else {
+        if (comment.closeDecoration) {
+          // Ignore expection block
+          return
+        }
+        if (comment.value.range[1] === afterToken.range[0]) {
+          // Is valid
+          return
+        }
+        context.report({
+          loc: {
+            start: comment.value.loc.end,
+            end: afterToken.loc.start
+          },
+          messageId: 'unexpectedBeforeHTMLCommentOpen',
+          fix: (fixer) => fixer.removeRange([comment.value.range[1], afterToken.range[0]])
+        })
+      }
+    }
+  }
+}
diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
new file mode 100644
index 000000000..bdc4ca0af
--- /dev/null
+++ b/lib/rules/html-comment-indent.js
@@ -0,0 +1,246 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+const htmlComments = require('../utils/html-comments')
+
+/**
+ * @typedef { import('../utils/html-comments').HTMLComment } HTMLComment
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Normalize options.
+ * @param {number|"tab"|undefined} type The type of indentation.
+ * @returns {Object} Normalized options.
+ */
+function parseOptions (type) {
+  const ret = {
+    indentChar: ' ',
+    indentSize: 2
+  }
+
+  if (Number.isSafeInteger(type)) {
+    ret.indentSize = type
+  } else if (type === 'tab') {
+    ret.indentChar = '\t'
+    ret.indentSize = 1
+  }
+  ret.indentText = ret.indentChar.repeat(ret.indentSize)
+
+  return ret
+}
+
+function toDisplay (s, unitChar) {
+  if (s.length === 0 && unitChar) {
+    return `0 ${toUnit(unitChar)}s`
+  }
+  const char = s[0]
+  if (char === ' ' || char === '\t') {
+    if (s.split('').every(c => c === char)) {
+      return `${s.length} ${toUnit(char)}${s.length === 1 ? '' : 's'}`
+    }
+  }
+
+  return JSON.stringify(s)
+}
+
+function toUnit (char) {
+  if (char === '\t') {
+    return 'tab'
+  }
+  if (char === ' ') {
+    return 'space'
+  }
+  return JSON.stringify(char)
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+
+    docs: {
+      description: 'enforce consistent indentation in HTML comments',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/html-comment-indent.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        anyOf: [
+          { type: 'integer', minimum: 0 },
+          { enum: ['tab'] }
+        ]
+      }
+    ],
+    messages: {
+      unexpectedBaseIndentation: 'Expected base point indentation of {{expected}}, but found {{actual}}.',
+      missingBaseIndentation: 'Expected base point indentation of {{expected}}, but not found.',
+      unexpectedIndentationCharacter: 'Expected {{expected}} character, but found {{actual}} character.',
+      unexpectedIndentation: 'Expected indentation of {{expected}} but found {{actual}}.',
+      unexpectedRelativeIndentation: 'Expected relative indentation of {{expected}} but found {{actual}}.'
+    }
+  },
+
+  create (context) {
+    const options = parseOptions(context.options[0])
+    const sourceCode = context.getSourceCode()
+    return htmlComments.defineVisitor(context, null, (comment) => {
+      const baseIndentText = getLineIndentText(comment.open.loc.start.line)
+      let endLine
+      if (comment.value) {
+        const startLine = comment.value.loc.start.line
+        endLine = comment.value.loc.end.line
+
+        const checkStartLine = comment.open.loc.end.line === startLine ? startLine + 1 : startLine
+
+        for (let line = checkStartLine; line <= endLine; line++) {
+          validateIndentForLine(line, baseIndentText, 1)
+        }
+      } else {
+        endLine = comment.open.loc.end.line
+      }
+
+      if (endLine < comment.close.loc.start.line) {
+        // `-->`
+        validateIndentForLine(comment.close.loc.start.line, baseIndentText, 0)
+      }
+    }, { includeDirectives: true })
+
+    /**
+     * Checks whether the given line is a blank line.
+     * @param {number} line The number of line. Begins with 1.
+     * @returns {boolean} `true` if the given line is a blank line
+     */
+    function isEmptyLine (line) {
+      const lineText = sourceCode.getLines()[line - 1]
+      return !lineText.trim()
+    }
+
+    /**
+     * Get the actual indentation of the given line.
+     * @param {number} line The number of line. Begins with 1.
+     * @returns {string} The actual indentation text
+     */
+    function getLineIndentText (line) {
+      const lineText = sourceCode.getLines()[line - 1]
+      const charIndex = lineText.search(/\S/)
+      // already checked
+      // if (charIndex < 0) {
+      //   return lineText
+      // }
+      return lineText.slice(0, charIndex)
+    }
+
+    /**
+     * Define the function which fixes the problem.
+     * @param {number} line The number of line.
+     * @param {string} actualIndentText The actual indentation text.
+     * @param {string} expectedIndentText The expected indentation text.
+     * @returns {function} The defined function.
+     */
+    function defineFix (line, actualIndentText, expectedIndentText) {
+      return fixer => {
+        const start = sourceCode.getIndexFromLoc({
+          line,
+          column: 0
+        })
+        return fixer.replaceTextRange(
+          [start, start + actualIndentText.length],
+          expectedIndentText
+        )
+      }
+    }
+
+    /**
+     * Validate the indentation of a line.
+     * @param {number} line The number of line. Begins with 1.
+     * @param {string} baseIndentText The expected base indentation text.
+     * @param {number} offset The number of the indentation offset.
+     */
+    function validateIndentForLine (line, baseIndentText, offset) {
+      if (isEmptyLine(line)) {
+        return
+      }
+      const actualIndentText = getLineIndentText(line)
+
+      const expectedOffsetIndentText = options.indentText.repeat(offset)
+      const expectedIndentText = baseIndentText + expectedOffsetIndentText
+
+      // validate base indent
+      if (
+        baseIndentText &&
+        (actualIndentText.length < baseIndentText.length ||
+            !actualIndentText.startsWith(baseIndentText))
+      ) {
+        context.report({
+          loc: {
+            start: { line, column: 0 },
+            end: { line, column: actualIndentText.length }
+          },
+          messageId: actualIndentText
+            ? 'unexpectedBaseIndentation'
+            : 'missingBaseIndentation',
+          data: {
+            expected: toDisplay(baseIndentText),
+            actual: toDisplay(actualIndentText.slice(0, baseIndentText.length))
+          },
+          fix: defineFix(line, actualIndentText, expectedIndentText)
+        })
+        return
+      }
+
+      const actualOffsetIndentText = actualIndentText.slice(baseIndentText.length)
+
+      // validate indent charctor
+      for (let i = 0; i < actualOffsetIndentText.length; ++i) {
+        if (actualOffsetIndentText[i] !== options.indentChar) {
+          context.report({
+            loc: {
+              start: { line, column: baseIndentText.length + i },
+              end: { line, column: baseIndentText.length + i + 1 }
+            },
+            messageId: 'unexpectedIndentationCharacter',
+            data: {
+              expected: toUnit(options.indentChar),
+              actual: toUnit(actualOffsetIndentText[i])
+            },
+            fix: defineFix(line, actualIndentText, expectedIndentText)
+          })
+          return
+        }
+      }
+
+      // validate indent length
+      if (actualOffsetIndentText.length !== expectedOffsetIndentText.length) {
+        context.report({
+          loc: {
+            start: { line, column: baseIndentText.length },
+            end: { line, column: actualIndentText.length }
+          },
+          messageId: baseIndentText
+            ? 'unexpectedRelativeIndentation'
+            : 'unexpectedIndentation',
+          data: {
+            expected: toDisplay(expectedOffsetIndentText, options.indentChar),
+            actual: toDisplay(actualOffsetIndentText, options.indentChar)
+          },
+          fix: defineFix(line, actualIndentText, expectedIndentText)
+        })
+      }
+    }
+  }
+}
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
new file mode 100644
index 000000000..50498bbe6
--- /dev/null
+++ b/lib/utils/html-comments.js
@@ -0,0 +1,253 @@
+/**
+ * @typedef { import('eslint').SourceCode } SourceCode
+ * @typedef { import('eslint').Rule.RuleContext } RuleContext
+ * @typedef { import('vue-eslint-parser').AST.Token } ASTToken
+ * @typedef { import('vue-eslint-parser').AST.HasLocation } HasLocation
+ */
+
+/**
+ * @typedef { { exceptions?: string[] } } CommentParserConfig
+ * @typedef { (comment: HTMLComment) => void } HTMLCommentVisitor
+ * @typedef { { includeDirectives?: boolean } } CommentVisitorOption
+ * @typedef { ASTToken & { type: 'HTMLComment' } } HTMLCommentToken
+ *
+ * @typedef { ASTToken & { type: 'HTMLCommentOpen' } } HTMLCommentOpen
+ * @typedef { ASTToken & { type: 'HTMLCommentOpenDecoration' } } HTMLCommentOpenDecoration
+ * @typedef { ASTToken & { type: 'HTMLCommentValue' } } HTMLCommentValue
+ * @typedef { ASTToken & { type: 'HTMLCommentClose' } } HTMLCommentClose
+ * @typedef { ASTToken & { type: 'HTMLCommentCloseDecoration' } } HTMLCommentCloseDecoration
+ * @typedef { { open: HTMLCommentOpen, openDecoration: HTMLCommentOpenDecoration | null, value: HTMLCommentValue | null, closeDecoration: HTMLCommentCloseDecoration | null, close: HTMLCommentClose } } HTMLComment
+ */
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+const utils = require('./')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const COMMENT_DIRECTIVE = /^\s*eslint-(?:en|dis)able/
+const IE_CONDITIONAL_IF = /^\[if\s+/
+const IE_CONDITIONAL_ENDIF = /\[endif\]$/
+
+/** @type { 'HTMLCommentOpen' } */
+const TYPE_HTML_COMMENT_OPEN = 'HTMLCommentOpen'
+/** @type { 'HTMLCommentOpenDecoration' } */
+const TYPE_HTML_COMMENT_OPEN_DECORATION = 'HTMLCommentOpenDecoration'
+/** @type { 'HTMLCommentValue' } */
+const TYPE_HTML_COMMENT_VALUE = 'HTMLCommentValue'
+/** @type { 'HTMLCommentClose' } */
+const TYPE_HTML_COMMENT_CLOSE = 'HTMLCommentClose'
+/** @type { 'HTMLCommentCloseDecoration' } */
+const TYPE_HTML_COMMENT_CLOSE_DECORATION = 'HTMLCommentCloseDecoration'
+
+/**
+ * @param {HTMLCommentToken} comment
+ * @returns {boolean}
+ */
+function isCommentDirective (comment) {
+  return COMMENT_DIRECTIVE.test(comment.value)
+}
+
+/**
+ * @param {HTMLCommentToken} comment
+ * @returns {boolean}
+ */
+function isIEConditionalComment (comment) {
+  return IE_CONDITIONAL_IF.test(comment.value) || IE_CONDITIONAL_ENDIF.test(comment.value)
+}
+
+/**
+ * Define HTML comment parser
+ *
+ * @param {SourceCode} sourceCode The source code instance.
+ * @param {CommentParserConfig} config The config.
+ * @returns { (node: ASTToken) => (HTMLComment | null) } HTML comment parser.
+ */
+function defineParser (sourceCode, config) {
+  config = config || {}
+
+  const exceptions = config.exceptions || []
+
+  /**
+   * Get a open decoration string from comment contents.
+   * @param {string} contents comment contents
+   * @returns {string} decoration string
+   */
+  function getOpenDecoration (contents) {
+    let decoration = ''
+    for (const exception of exceptions) {
+      const length = exception.length
+      let index = 0
+      while (contents.startsWith(exception, index)) {
+        index += length
+      }
+      const exceptionLength = index
+      if (decoration.length < exceptionLength) {
+        decoration = contents.slice(0, exceptionLength)
+      }
+    }
+    return decoration
+  }
+
+  /**
+   * Get a close decoration string from comment contents.
+   * @param {string} contents comment contents
+   * @returns {string} decoration string
+   */
+  function getCloseDecoration (contents) {
+    let decoration = ''
+    for (const exception of exceptions) {
+      const length = exception.length
+      let index = contents.length
+      while (contents.endsWith(exception, index)) {
+        index -= length
+      }
+      const exceptionLength = contents.length - index
+      if (decoration.length < exceptionLength) {
+        decoration = contents.slice(index)
+      }
+    }
+    return decoration
+  }
+
+  /**
+   * Parse HTMLComment.
+   * @param {ASTToken} node a comment token
+   * @returns {HTMLComment | null} the result of HTMLComment tokens.
+   */
+  return function parseHTMLComment (node) {
+    if (node.type !== 'HTMLComment') {
+      // Is not HTMLComment
+      return null
+    }
+
+    const htmlCommentText = sourceCode.getText(node)
+
+    if (!htmlCommentText.startsWith('<!--') || !htmlCommentText.endsWith('-->')) {
+      // Is not normal HTML Comment
+      // e.g. Error Code: "abrupt-closing-of-empty-comment", "incorrectly-closed-comment"
+      return null
+    }
+
+    let valueText = htmlCommentText.slice(4, -3)
+    const openDecorationText = getOpenDecoration(valueText)
+    valueText = valueText.slice(openDecorationText.length)
+    const firstCharIndex = valueText.search(/\S/)
+    const beforeSpace = firstCharIndex >= 0 ? valueText.slice(0, firstCharIndex) : valueText
+    valueText = valueText.slice(beforeSpace.length)
+
+    const closeDecorationText = getCloseDecoration(valueText)
+    if (closeDecorationText) {
+      valueText = valueText.slice(0, -closeDecorationText.length)
+    }
+    const lastCharIndex = valueText.search(/\S\s*$/)
+    const afterSpace = lastCharIndex >= 0 ? valueText.slice(lastCharIndex + 1) : valueText
+    if (afterSpace) {
+      valueText = valueText.slice(0, -afterSpace.length)
+    }
+
+    let tokenIndex = node.range[0]
+    /**
+     * @param {string} type
+     * @param {string} value
+     * @returns {any}
+     */
+    const createToken = (type, value) => {
+      /** @type {[number,number]} */
+      const range = [tokenIndex, tokenIndex + value.length]
+      tokenIndex = range[1]
+      let loc
+      return {
+        type,
+        value,
+        range,
+        get loc () {
+          if (loc) {
+            return loc
+          }
+          return (loc = {
+            start: sourceCode.getLocFromIndex(range[0]),
+            end: sourceCode.getLocFromIndex(range[1])
+          })
+        }
+      }
+    }
+
+    /** @type {HTMLCommentOpen} */
+    const open = createToken(TYPE_HTML_COMMENT_OPEN, '<!--')
+    /** @type {HTMLCommentOpenDecoration | null} */
+    const openDecoration = openDecorationText ? createToken(TYPE_HTML_COMMENT_OPEN_DECORATION, openDecorationText) : null
+    tokenIndex += beforeSpace.length
+    /** @type {HTMLCommentValue | null} */
+    const value = valueText ? createToken(TYPE_HTML_COMMENT_VALUE, valueText) : null
+    tokenIndex += afterSpace.length
+    /** @type {HTMLCommentCloseDecoration | null} */
+    const closeDecoration = closeDecorationText ? createToken(TYPE_HTML_COMMENT_CLOSE_DECORATION, closeDecorationText) : null
+    /** @type {HTMLCommentClose} */
+    const close = createToken(TYPE_HTML_COMMENT_CLOSE, '-->')
+
+    return {
+      /** HTML comment open (`<!--`) */
+      open,
+      /** decoration of the start of HTML comments. (`*****` when `<!--*****`) */
+      openDecoration,
+      /** value of HTML comment. whitespaces and other tokens are not included. */
+      value,
+      /** decoration of the end of HTML comments.  (`*****` when `*****-->`) */
+      closeDecoration,
+      /** HTML comment close (`-->`) */
+      close
+    }
+  }
+}
+
+/**
+ * Define HTML comment visitor
+ *
+ * @param {RuleContext} context The rule context.
+ * @param {CommentParserConfig} config The config.
+ * @param {HTMLCommentVisitor} visitHTMLComment The HTML comment visitor.
+ * @param {CommentVisitorOption} visitorOption The option for visitor.
+ * @returns {object} HTML comment visitor.
+ */
+function defineVisitor (context, config, visitHTMLComment, visitorOption) {
+  visitorOption = visitorOption || {}
+  return {
+    Program (node) {
+      if (utils.hasInvalidEOF(node)) {
+        return
+      }
+      if (!node.templateBody) {
+        return
+      }
+      const parse = defineParser(context.getSourceCode(), config)
+
+      for (const comment of node.templateBody.comments) {
+        if (comment.type !== 'HTMLComment') {
+          continue
+        }
+        if (!visitorOption.includeDirectives &&
+          isCommentDirective(comment)) {
+          // ignore directives
+          continue
+        }
+        if (isIEConditionalComment(comment)) {
+          // ignore IE conditional
+          continue
+        }
+
+        const tokens = parse(comment)
+        if (tokens) {
+          visitHTMLComment(tokens)
+        }
+      }
+    }
+  }
+}
+
+module.exports = {
+  defineVisitor
+}
diff --git a/tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/comment-tokens.json b/tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/comment-tokens.json
new file mode 100644
index 000000000..adf085577
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/comment-tokens.json
@@ -0,0 +1,43 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                68,
+                72
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": null,
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                72,
+                75
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 4,
+                    "column": 1
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/source.vue b/tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/source.vue
new file mode 100644
index 000000000..9276de6b5
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/abrupt-closing-of-empty-comment/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/blank1/comment-tokens.json b/tests/fixtures/utils/html-comments/blank1/comment-tokens.json
new file mode 100644
index 000000000..016703d3b
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/blank1/comment-tokens.json
@@ -0,0 +1,43 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                43,
+                47
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": null,
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                50,
+                53
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 9
+                },
+                "end": {
+                    "line": 3,
+                    "column": 12
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/blank1/source.vue b/tests/fixtures/utils/html-comments/blank1/source.vue
new file mode 100644
index 000000000..71043a9cb
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/blank1/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!--   -->
+</template>
diff --git a/tests/fixtures/utils/html-comments/blank2/comment-tokens.json b/tests/fixtures/utils/html-comments/blank2/comment-tokens.json
new file mode 100644
index 000000000..2cffdf190
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/blank2/comment-tokens.json
@@ -0,0 +1,43 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                43,
+                47
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": null,
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                50,
+                53
+            ],
+            "loc": {
+                "start": {
+                    "line": 4,
+                    "column": 2
+                },
+                "end": {
+                    "line": 4,
+                    "column": 5
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/blank2/source.vue b/tests/fixtures/utils/html-comments/blank2/source.vue
new file mode 100644
index 000000000..887603525
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/blank2/source.vue
@@ -0,0 +1,5 @@
+<!--{}-->
+<template>
+  <!--
+  -->
+</template>
diff --git a/tests/fixtures/utils/html-comments/decoration-empty-value/comment-tokens.json b/tests/fixtures/utils/html-comments/decoration-empty-value/comment-tokens.json
new file mode 100644
index 000000000..fff156f17
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration-empty-value/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                59,
+                63
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": {
+            "type": "HTMLCommentOpenDecoration",
+            "value": "*****",
+            "range": [
+                63,
+                68
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "value": null,
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                68,
+                71
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 11
+                },
+                "end": {
+                    "line": 3,
+                    "column": 14
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/decoration-empty-value/source.vue b/tests/fixtures/utils/html-comments/decoration-empty-value/source.vue
new file mode 100644
index 000000000..14bcb9519
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration-empty-value/source.vue
@@ -0,0 +1,4 @@
+<!--{ "exceptions": ["*", "+"] }-->
+<template>
+  <!--*****-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/decoration1/comment-tokens.json b/tests/fixtures/utils/html-comments/decoration1/comment-tokens.json
new file mode 100644
index 000000000..37dda22ae
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration1/comment-tokens.json
@@ -0,0 +1,94 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                48,
+                52
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": {
+            "type": "HTMLCommentOpenDecoration",
+            "value": "*****",
+            "range": [
+                52,
+                57
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "comment",
+            "range": [
+                57,
+                64
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 11
+                },
+                "end": {
+                    "line": 3,
+                    "column": 18
+                }
+            }
+        },
+        "closeDecoration": {
+            "type": "HTMLCommentCloseDecoration",
+            "value": "*****",
+            "range": [
+                64,
+                69
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 18
+                },
+                "end": {
+                    "line": 3,
+                    "column": 23
+                }
+            }
+        },
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                69,
+                72
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 23
+                },
+                "end": {
+                    "line": 3,
+                    "column": 26
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/decoration1/source.vue b/tests/fixtures/utils/html-comments/decoration1/source.vue
new file mode 100644
index 000000000..c5a6c442c
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration1/source.vue
@@ -0,0 +1,4 @@
+<!--{ "exceptions": ["*", "+"] }-->
+<template>
+  <!--*****comment*****-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/decoration2/comment-tokens.json b/tests/fixtures/utils/html-comments/decoration2/comment-tokens.json
new file mode 100644
index 000000000..0ad4e3634
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration2/comment-tokens.json
@@ -0,0 +1,94 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                48,
+                52
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": {
+            "type": "HTMLCommentOpenDecoration",
+            "value": "*****",
+            "range": [
+                52,
+                57
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "comment",
+            "range": [
+                58,
+                65
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 12
+                },
+                "end": {
+                    "line": 3,
+                    "column": 19
+                }
+            }
+        },
+        "closeDecoration": {
+            "type": "HTMLCommentCloseDecoration",
+            "value": "+++++",
+            "range": [
+                66,
+                71
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 20
+                },
+                "end": {
+                    "line": 3,
+                    "column": 25
+                }
+            }
+        },
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                71,
+                74
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 25
+                },
+                "end": {
+                    "line": 3,
+                    "column": 28
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/decoration2/source.vue b/tests/fixtures/utils/html-comments/decoration2/source.vue
new file mode 100644
index 000000000..f40c67956
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration2/source.vue
@@ -0,0 +1,4 @@
+<!--{ "exceptions": ["*", "+"] }-->
+<template>
+  <!--***** comment +++++-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/decoration3/comment-tokens.json b/tests/fixtures/utils/html-comments/decoration3/comment-tokens.json
new file mode 100644
index 000000000..ab7f1c333
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration3/comment-tokens.json
@@ -0,0 +1,94 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                48,
+                52
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": {
+            "type": "HTMLCommentOpenDecoration",
+            "value": "*****",
+            "range": [
+                52,
+                57
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "comment",
+            "range": [
+                62,
+                69
+            ],
+            "loc": {
+                "start": {
+                    "line": 4,
+                    "column": 4
+                },
+                "end": {
+                    "line": 4,
+                    "column": 11
+                }
+            }
+        },
+        "closeDecoration": {
+            "type": "HTMLCommentCloseDecoration",
+            "value": "+++++",
+            "range": [
+                72,
+                77
+            ],
+            "loc": {
+                "start": {
+                    "line": 5,
+                    "column": 2
+                },
+                "end": {
+                    "line": 5,
+                    "column": 7
+                }
+            }
+        },
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                77,
+                80
+            ],
+            "loc": {
+                "start": {
+                    "line": 5,
+                    "column": 7
+                },
+                "end": {
+                    "line": 5,
+                    "column": 10
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/decoration3/source.vue b/tests/fixtures/utils/html-comments/decoration3/source.vue
new file mode 100644
index 000000000..2fe37af4a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/decoration3/source.vue
@@ -0,0 +1,6 @@
+<!--{ "exceptions": ["*", "+"] }-->
+<template>
+  <!--*****
+    comment
+  +++++-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/empty/comment-tokens.json b/tests/fixtures/utils/html-comments/empty/comment-tokens.json
new file mode 100644
index 000000000..81d8f4723
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/empty/comment-tokens.json
@@ -0,0 +1,43 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                42,
+                46
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": null,
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                46,
+                49
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 3,
+                    "column": 9
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/empty/source.vue b/tests/fixtures/utils/html-comments/empty/source.vue
new file mode 100644
index 000000000..33d7fd240
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/empty/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!---->
+</template>
diff --git a/tests/fixtures/utils/html-comments/ie-conditional-comments1/comment-tokens.json b/tests/fixtures/utils/html-comments/ie-conditional-comments1/comment-tokens.json
new file mode 100644
index 000000000..0637a088a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/ie-conditional-comments1/comment-tokens.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/ie-conditional-comments1/source.vue b/tests/fixtures/utils/html-comments/ie-conditional-comments1/source.vue
new file mode 100644
index 000000000..f8a6a1559
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/ie-conditional-comments1/source.vue
@@ -0,0 +1,6 @@
+<!--{}-->
+<template>
+  <!--[if IE 8]>
+  <div>IE8 only</div>
+  <![endif]-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/ie-conditional-comments2/comment-tokens.json b/tests/fixtures/utils/html-comments/ie-conditional-comments2/comment-tokens.json
new file mode 100644
index 000000000..0637a088a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/ie-conditional-comments2/comment-tokens.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/ie-conditional-comments2/source.vue b/tests/fixtures/utils/html-comments/ie-conditional-comments2/source.vue
new file mode 100644
index 000000000..679eba727
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/ie-conditional-comments2/source.vue
@@ -0,0 +1,6 @@
+<!--{}-->
+<template>
+  <!--[if !IE]><!-->
+  <div>not IE only</div>
+  <!--<![endif]-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json
new file mode 100644
index 000000000..0637a088a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue
new file mode 100644
index 000000000..edfecdca6
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!--comment--!>
+</template>
diff --git a/tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json b/tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json
new file mode 100644
index 000000000..4a42c85cc
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                51,
+                55
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "***** c *****",
+            "range": [
+                56,
+                69
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 7
+                },
+                "end": {
+                    "line": 3,
+                    "column": 20
+                }
+            }
+        },
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                70,
+                73
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 21
+                },
+                "end": {
+                    "line": 3,
+                    "column": 24
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/non-decoration/source.vue b/tests/fixtures/utils/html-comments/non-decoration/source.vue
new file mode 100644
index 000000000..464b27799
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/non-decoration/source.vue
@@ -0,0 +1,4 @@
+<!--{ "exceptions": ["*", "+"] }-->
+<template>
+  <!-- ***** c ***** -->
+</template>
diff --git a/tests/fixtures/utils/html-comments/script-comment/comment-tokens.json b/tests/fixtures/utils/html-comments/script-comment/comment-tokens.json
new file mode 100644
index 000000000..0637a088a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/script-comment/comment-tokens.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/script-comment/source.vue b/tests/fixtures/utils/html-comments/script-comment/source.vue
new file mode 100644
index 000000000..41aedcefe
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/script-comment/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <Button :prop="prop/* ignore script comment */"/>
+</template>
diff --git a/tests/fixtures/utils/html-comments/test1/comment-tokens.json b/tests/fixtures/utils/html-comments/test1/comment-tokens.json
new file mode 100644
index 000000000..5c53e9ca4
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test1/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                42,
+                46
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "comment",
+            "range": [
+                46,
+                53
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 6
+                },
+                "end": {
+                    "line": 3,
+                    "column": 13
+                }
+            }
+        },
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                53,
+                56
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 13
+                },
+                "end": {
+                    "line": 3,
+                    "column": 16
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test1/source.vue b/tests/fixtures/utils/html-comments/test1/source.vue
new file mode 100644
index 000000000..a270969a3
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test1/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!--comment-->
+</template>
diff --git a/tests/fixtures/utils/html-comments/test2/comment-tokens.json b/tests/fixtures/utils/html-comments/test2/comment-tokens.json
new file mode 100644
index 000000000..c414ab176
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test2/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                42,
+                46
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "comment",
+            "range": [
+                47,
+                54
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 7
+                },
+                "end": {
+                    "line": 3,
+                    "column": 14
+                }
+            }
+        },
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                55,
+                58
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 15
+                },
+                "end": {
+                    "line": 3,
+                    "column": 18
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test2/source.vue b/tests/fixtures/utils/html-comments/test2/source.vue
new file mode 100644
index 000000000..aed10db97
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test2/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!-- comment -->
+</template>
diff --git a/tests/fixtures/utils/html-comments/test3/comment-tokens.json b/tests/fixtures/utils/html-comments/test3/comment-tokens.json
new file mode 100644
index 000000000..40db0b89d
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test3/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                42,
+                46
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "c o m m e n t",
+            "range": [
+                47,
+                60
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 7
+                },
+                "end": {
+                    "line": 3,
+                    "column": 20
+                }
+            }
+        },
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                61,
+                64
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 21
+                },
+                "end": {
+                    "line": 3,
+                    "column": 24
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test3/source.vue b/tests/fixtures/utils/html-comments/test3/source.vue
new file mode 100644
index 000000000..bdb9c48cd
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test3/source.vue
@@ -0,0 +1,4 @@
+<!--{}-->
+<template>
+  <!-- c o m m e n t -->
+</template>
diff --git a/tests/fixtures/utils/html-comments/test4/comment-tokens.json b/tests/fixtures/utils/html-comments/test4/comment-tokens.json
new file mode 100644
index 000000000..3513260bd
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test4/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+    {
+        "open": {
+            "type": "HTMLCommentOpen",
+            "value": "<!--",
+            "range": [
+                42,
+                46
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 2
+                },
+                "end": {
+                    "line": 3,
+                    "column": 6
+                }
+            }
+        },
+        "openDecoration": null,
+        "value": {
+            "type": "HTMLCommentValue",
+            "value": "comment\n    comment",
+            "range": [
+                51,
+                70
+            ],
+            "loc": {
+                "start": {
+                    "line": 4,
+                    "column": 4
+                },
+                "end": {
+                    "line": 5,
+                    "column": 11
+                }
+            }
+        },
+        "closeDecoration": null,
+        "close": {
+            "type": "HTMLCommentClose",
+            "value": "-->",
+            "range": [
+                73,
+                76
+            ],
+            "loc": {
+                "start": {
+                    "line": 6,
+                    "column": 2
+                },
+                "end": {
+                    "line": 6,
+                    "column": 5
+                }
+            }
+        }
+    }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test4/source.vue b/tests/fixtures/utils/html-comments/test4/source.vue
new file mode 100644
index 000000000..bca201562
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test4/source.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<template>
+  <!--
+    comment
+    comment
+  -->
+</template>
diff --git a/tests/lib/rules/html-comment-content-newline.js b/tests/lib/rules/html-comment-content-newline.js
new file mode 100644
index 000000000..8fa008e05
--- /dev/null
+++ b/tests/lib/rules/html-comment-content-newline.js
@@ -0,0 +1,394 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/html-comment-content-newline')
+
+const RuleTester = require('eslint').RuleTester
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2015
+  }
+})
+tester.run('html-comment-content-newline', rule, {
+
+  valid: [
+    {
+      code: `
+        <template>
+          <!-- comment -->
+          <!--
+            multiline
+            comment
+          -->
+        </template>
+        `
+    },
+    {
+      code: `
+        <template>
+          <!--
+            comment
+          -->
+          <!--
+            multiline
+            comment
+          -->
+          <!--
+
+            multiline
+            comment
+
+          -->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!-- comment -->
+          <!-- multiline
+            comment -->
+        </template>
+        `,
+      options: ['never']
+    },
+    {
+      code: `
+        <template>
+          <!---->
+          <!--
+          -->
+          <!--
+
+          -->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!---->
+          <!--
+          -->
+          <!--
+
+          -->
+        </template>
+        `,
+      options: ['never']
+    },
+    {
+      code: `
+        <template>
+          <!--
+            comment
+          -->
+          <!-- multiline
+            comment -->
+        </template>
+        `,
+      options: [{ singleline: 'always', multiline: 'never' }]
+    },
+    {
+      code: `
+        <template>
+          <!--comment-->
+          <!-- comment -->
+          <!--\tcomment\t-->
+          <!--    comment    -->
+        </template>
+        `,
+      options: ['never']
+    },
+    // ignore
+    {
+      code: `
+        <template>
+          <!-- comment -->
+          <!--
+            comment
+          -->
+          <!-- multiline
+            comment -->
+          <!--
+            multiline
+            comment
+          -->
+        </template>
+        `,
+      options: [{ singleline: 'ignore', multiline: 'ignore' }]
+    },
+
+    // exceptions
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++
+            comment
+          ++++++++++++++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--+-++-++-++-++-++-+
+            comment
+          +-++-++-++-++-++-+-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+-+'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--++++
+            comment
+          ++++-->
+          <!--****
+            comment
+          ****-->
+          <!--++xx
+            comment
+          ++xx-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+', '*', '++xx'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++ comment ++++++++++++++++-->
+        </template>
+        `,
+      options: ['never', { exceptions: ['+'] }]
+    },
+
+    // directive
+    {
+      code: `
+        <template>
+          <!-- eslint-disable -->
+          <!-- eslint-enable -->
+          <!-- eslint-disable-line-->
+          <!-- eslint-disable-next-line -->
+          <!-- eslint-disable xxx -->
+          <!-- eslint-enable  xxx -->
+          <!-- eslint-disable-line xxx-->
+          <!-- eslint-disable-next-line xxx -->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!--
+            eslint-disable
+          -->
+        </template>
+        `,
+      options: ['never']
+    },
+    // invalid html
+    {
+      code: `
+        <template>
+          <!-- comment
+        </template>
+        `,
+      options: ['always']
+    },
+
+    // IE conditional comments
+    {
+      code: `
+        <template>
+          <!--[if IE 8]>
+          <div>IE8 only</div>
+          <![endif]-->
+        </template>
+        `
+    },
+    {
+      code: `
+        <template>
+          <!--[if !IE]><!-->
+          <div>not IE only</div>
+          <!--<![endif]-->
+        </template>
+        `
+    }
+  ],
+
+  invalid: [
+    {
+      code: `
+        <template>
+          <!--
+            comment
+          -->
+          <!-- multiline
+            comment -->
+        </template>
+        `,
+      output: `
+        <template>
+          <!-- comment -->
+          <!--\n multiline
+            comment \n-->
+        </template>
+        `,
+      errors: [
+        { message: 'Unexpected line breaks after \'<!--\'.', line: 3, column: 15, endLine: 4, endColumn: 13 },
+        { message: 'Unexpected line breaks before \'-->\'.', line: 4, column: 20, endLine: 5, endColumn: 11 },
+        { message: 'Expected line break after \'<!--\'.', line: 6, column: 15, endColumn: 16 },
+        { message: 'Expected line break before \'-->\'.', line: 7, column: 20, endColumn: 21 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--comment-->
+          <!--  comment  -->
+        </template>
+        `,
+      options: ['always'],
+      output: `
+        <template>
+          <!--\ncomment\n-->
+          <!--\n  comment  \n-->
+        </template>
+        `,
+      errors: [
+        { message: 'Expected line break after \'<!--\'.', line: 3, column: 15, endColumn: 15 },
+        { message: 'Expected line break before \'-->\'.', line: 3, column: 22, endColumn: 22 },
+        { message: 'Expected line break after \'<!--\'.', line: 4, column: 15, endColumn: 17 },
+        { message: 'Expected line break before \'-->\'.', line: 4, column: 24, endColumn: 26 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--
+comment
+-->
+        </template>
+        `,
+      options: ['never'],
+      output: `
+        <template>
+          <!-- comment -->
+        </template>
+        `,
+      errors: [
+        { message: 'Unexpected line breaks after \'<!--\'.', line: 3, column: 15, endLine: 4, endColumn: 1 },
+        { message: 'Unexpected line breaks before \'-->\'.', line: 4, column: 8, endLine: 5, endColumn: 1 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!-- \t \t  \t\tcomment \t \t  \t\t-->
+        </template>
+        `,
+      options: ['always'],
+      output: `
+        <template>
+          <!--\n \t \t  \t\tcomment \t \t  \t\t\n-->
+        </template>
+        `,
+      errors: [
+        { message: 'Expected line break after \'<!--\'.', line: 3, column: 15, endColumn: 23 },
+        { message: 'Expected line break before \'-->\'.', line: 3, column: 30, endColumn: 38 }
+      ]
+    },
+    // exceptions
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++comment++++++++++++++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+'] }],
+      output: null,
+      errors: [
+        'Expected line break after exception block.',
+        'Expected line break before exception block.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--*****comment**-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['*'] }],
+      output: null,
+      errors: [
+        'Expected line break after exception block.',
+        'Expected line break before exception block.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--#+#-#+#-#+#-comment #+#-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['#+#-'] }],
+      output: `
+        <template>
+          <!--#+#-#+#-#+#-comment #+#\n-->
+        </template>
+        `,
+      errors: [
+        'Expected line break after exception block.',
+        'Expected line break before \'-->\'.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--*****comment++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['*', '++'] }],
+      output: null,
+      errors: [
+        'Expected line break after exception block.',
+        { message: 'Expected line break before exception block.', line: 3, column: 27 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--*****comment+++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['*', '++'] }],
+      output: null,
+      errors: [
+        'Expected line break after exception block.',
+        { message: 'Expected line break before exception block.', line: 3, column: 28 }
+      ]
+    }
+  ]
+
+})
diff --git a/tests/lib/rules/html-comment-content-spacing.js b/tests/lib/rules/html-comment-content-spacing.js
new file mode 100644
index 000000000..699d4d1ea
--- /dev/null
+++ b/tests/lib/rules/html-comment-content-spacing.js
@@ -0,0 +1,326 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/html-comment-content-spacing')
+
+const RuleTester = require('eslint').RuleTester
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2015
+  }
+})
+tester.run('html-comment-content-spacing', rule, {
+
+  valid: [
+    {
+      code: `
+        <template>
+          <!-- comment -->
+        </template>
+        `
+    },
+    {
+      code: `
+        <template>
+          <!--
+            comment
+          -->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!--\tcomment\t-->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!--\ncomment\n-->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!--comment-->
+        </template>
+        `,
+      options: ['never']
+    },
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++ comment ++++++++++++++++-->
+        </template>
+        `,
+      options: ['never']
+    },
+    {
+      code: `
+        <template>
+          <!--
+            comment
+          -->
+        </template>
+        `,
+      options: ['never']
+    },
+    {
+      code: `
+        <template>
+          <!---->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!---->
+        </template>
+        `,
+      options: ['never']
+    },
+    {
+      code: `
+        <template>
+          <!--
+
+          -->
+        </template>
+        `,
+      options: ['always']
+    },
+    {
+      code: `
+        <template>
+          <!--
+
+          -->
+        </template>
+        `,
+      options: ['never']
+    },
+
+    // exceptions
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++
+            comment
+          ++++++++++++++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--+-++-++-++-++-++-+
+            comment
+          +-++-++-++-++-++-+-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+-+'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--++++
+            comment
+          ++++-->
+          <!--****
+            comment
+          ****-->
+          <!--++xx
+            comment
+          ++xx-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+', '*', '++xx'] }]
+    },
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++ comment ++++++++++++++++-->
+        </template>
+        `,
+      options: ['never', { exceptions: ['+'] }]
+    },
+
+    // invalid html
+    {
+      code: `
+        <template>
+          <!--
+            comment
+        </template>
+        `,
+      options: ['always']
+    },
+
+    // IE conditional comments
+    {
+      code: `
+        <template>
+          <!--[if IE 8]>
+          <div>IE8 only</div>
+          <![endif]-->
+        </template>
+        `
+    },
+    {
+      code: `
+        <template>
+          <!--[if !IE]><!-->
+          <div>not IE only</div>
+          <!--<![endif]-->
+        </template>
+        `
+    }
+  ],
+
+  invalid: [
+    {
+      code: `
+        <template>
+          <!--comment-->
+        </template>
+        `,
+      options: ['always'],
+      output: `
+        <template>
+          <!-- comment -->
+        </template>
+        `,
+      errors: [
+        { message: 'Expected space after \'<!--\'.', line: 3, column: 15, endColumn: 15 },
+        { message: 'Expected space before \'-->\'.', line: 3, column: 22, endColumn: 22 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!-- comment -->
+        </template>
+        `,
+      options: ['never'],
+      output: `
+        <template>
+          <!--comment-->
+        </template>
+        `,
+      errors: [
+        { message: 'Unexpected space after \'<!--\'.', line: 3, column: 15, endColumn: 16 },
+        { message: 'Unexpected space before \'-->\'.', line: 3, column: 23, endColumn: 24 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!-- \t \t  \t\tcomment \t \t  \t\t-->
+        </template>
+        `,
+      options: ['never'],
+      output: `
+        <template>
+          <!--comment-->
+        </template>
+        `,
+      errors: [
+        { message: 'Unexpected space after \'<!--\'.', line: 3, column: 15, endColumn: 23 },
+        { message: 'Unexpected space before \'-->\'.', line: 3, column: 30, endColumn: 38 }
+      ]
+    },
+    // exceptions
+    {
+      code: `
+        <template>
+          <!--++++++++++++++++comment++++++++++++++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['+'] }],
+      output: null,
+      errors: [
+        'Expected space after exception block.',
+        'Expected space before exception block.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--*****comment**-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['*'] }],
+      output: null,
+      errors: [
+        'Expected space after exception block.',
+        'Expected space before exception block.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--#+#-#+#-#+#-comment #+#-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['#+#-'] }],
+      output: `
+        <template>
+          <!--#+#-#+#-#+#-comment #+# -->
+        </template>
+        `,
+      errors: [
+        'Expected space after exception block.',
+        'Expected space before \'-->\'.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--*****comment++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['*', '++'] }],
+      output: null,
+      errors: [
+        'Expected space after exception block.',
+        { message: 'Expected space before exception block.', line: 3, column: 27 }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!--*****comment+++++-->
+        </template>
+        `,
+      options: ['always', { exceptions: ['*', '++'] }],
+      output: null,
+      errors: [
+        'Expected space after exception block.',
+        { message: 'Expected space before exception block.', line: 3, column: 28 }
+      ]
+    }
+  ]
+
+})
diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
new file mode 100644
index 000000000..0415b13f9
--- /dev/null
+++ b/tests/lib/rules/html-comment-indent.js
@@ -0,0 +1,648 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/html-comment-indent')
+
+const RuleTester = require('eslint').RuleTester
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2015
+  }
+})
+tester.run('html-comment-indent', rule, {
+  valid: [
+    {
+      code: `
+        <template>
+          <!-- comment
+            comment
+          -->
+          <!--
+            comment
+            comment
+          -->
+            <!--
+              comment
+              comment
+            -->
+        </template>
+        `
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+          \tcomment
+          -->
+          <!--
+          \tcomment
+          \tcomment
+          -->
+            <!--
+            \tcomment
+            \tcomment
+            -->
+        </template>
+        `,
+      options: ['tab']
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+              comment
+          -->
+          <!--
+              comment
+              comment
+          -->
+            <!--
+                comment
+                comment
+            -->
+        </template>
+        `,
+      options: [4]
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+          comment
+          -->
+          <!--
+          comment
+          comment
+          -->
+            <!--
+            comment
+            comment
+            -->
+        </template>
+        `,
+      options: [0]
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+        \t
+            comment
+            \t
+            comment
+          \t
+          -->
+          <!--
+        \t
+          -->
+          <!--
+          -->
+        </template>
+        `
+    },
+
+    // IE conditional comments
+    {
+      code: `
+        <template>
+          <!--[if IE 8]>
+          <div>IE8 only</div>
+          <![endif]-->
+        </template>
+        `
+    },
+    {
+      code: `
+        <template>
+          <!--[if !IE]><!-->
+          <div>not IE only</div>
+          <!--<![endif]-->
+        </template>
+        `
+    }
+  ],
+
+  invalid: [
+    {
+      code: `
+        <template>
+          <!-- comment
+          comment
+          -->
+          <!--
+       comment
+               comment
+           -->
+            <!--
+             \tcomment
+            \tcomment
+           -->
+        </template>
+        `,
+      output: `
+        <template>
+          <!-- comment
+            comment
+          -->
+          <!--
+            comment
+            comment
+          -->
+            <!--
+              comment
+              comment
+            -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 2 spaces but found 0 spaces.',
+        line: 4,
+        column: 11,
+        endLine: 4,
+        endColumn: 11
+      },
+      {
+        message: 'Expected base point indentation of 10 spaces, but found 7 spaces.',
+        line: 7,
+        column: 1,
+        endLine: 7,
+        endColumn: 8
+      },
+      {
+        message: 'Expected relative indentation of 2 spaces but found 5 spaces.',
+        line: 8,
+        column: 11,
+        endLine: 8,
+        endColumn: 16
+      },
+      {
+        message: 'Expected relative indentation of 0 spaces but found 1 space.',
+        line: 9,
+        column: 11,
+        endLine: 9,
+        endColumn: 12
+      },
+      {
+        message: 'Expected space character, but found tab character.',
+        line: 11,
+        column: 14,
+        endLine: 11,
+        endColumn: 15
+      },
+      {
+        message: 'Expected space character, but found tab character.',
+        line: 12,
+        column: 13,
+        endLine: 12,
+        endColumn: 14
+      },
+      {
+        message: 'Expected base point indentation of 12 spaces, but found 11 spaces.',
+        line: 13,
+        column: 1,
+        endLine: 13,
+        endColumn: 12
+      }]
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+          comment
+          -->
+          <!--
+        \tcomment
+          \t\tcomment
+          \t-->
+            <!--
+            \t comment
+             comment
+           -->
+        </template>
+        `,
+      options: ['tab'],
+      output: `
+        <template>
+          <!-- comment
+          \tcomment
+          -->
+          <!--
+          \tcomment
+          \tcomment
+          -->
+            <!--
+            \tcomment
+            \tcomment
+            -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 1 tab but found 0 tabs.',
+        line: 4,
+        column: 11,
+        endLine: 4,
+        endColumn: 11
+      },
+      {
+        message: 'Expected base point indentation of 10 spaces, but found "        \\t".',
+        line: 7,
+        column: 1,
+        endLine: 7,
+        endColumn: 10
+      },
+      {
+        message: 'Expected relative indentation of 1 tab but found 2 tabs.',
+        line: 8,
+        column: 11,
+        endLine: 8,
+        endColumn: 13
+      },
+      {
+        message: 'Expected relative indentation of 0 tabs but found 1 tab.',
+        line: 9,
+        column: 11,
+        endLine: 9,
+        endColumn: 12
+      },
+      {
+        message: 'Expected tab character, but found space character.',
+        line: 11,
+        column: 14,
+        endLine: 11,
+        endColumn: 15
+      },
+      {
+        message: 'Expected tab character, but found space character.',
+        line: 12,
+        column: 13,
+        endLine: 12,
+        endColumn: 14
+      },
+      {
+        message: 'Expected base point indentation of 12 spaces, but found 11 spaces.',
+        line: 13,
+        column: 1,
+        endLine: 13,
+        endColumn: 12
+      }]
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+          comment
+          -->
+          <!--
+     comment
+                  comment
+            -->
+            <!--
+              \tcomment
+            \t  comment
+          -->
+        </template>
+        `,
+      options: [4],
+      output: `
+        <template>
+          <!-- comment
+              comment
+          -->
+          <!--
+              comment
+              comment
+          -->
+            <!--
+                comment
+                comment
+            -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 4 spaces but found 0 spaces.',
+        line: 4,
+        column: 11,
+        endLine: 4,
+        endColumn: 11
+      },
+      {
+        message: 'Expected base point indentation of 10 spaces, but found 5 spaces.',
+        line: 7,
+        column: 1,
+        endLine: 7,
+        endColumn: 6
+      },
+      {
+        message: 'Expected relative indentation of 4 spaces but found 8 spaces.',
+        line: 8,
+        column: 11,
+        endLine: 8,
+        endColumn: 19
+      },
+      {
+        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
+        line: 9,
+        column: 11,
+        endLine: 9,
+        endColumn: 13
+      },
+      {
+        message: 'Expected space character, but found tab character.',
+        line: 11,
+        column: 15,
+        endLine: 11,
+        endColumn: 16
+      },
+      {
+        message: 'Expected space character, but found tab character.',
+        line: 12,
+        column: 13,
+        endLine: 12,
+        endColumn: 14
+      },
+      {
+        message: 'Expected base point indentation of 12 spaces, but found 10 spaces.',
+        line: 13,
+        column: 1,
+        endLine: 13,
+        endColumn: 11
+      }]
+    },
+    {
+      code: `
+        <template>
+          <!--
+            comment
+          -->
+          <!--
+        comment
+          \tcomment
+            -->
+            <!--
+            \tcomment
+          \tcomment
+          -->
+        </template>
+        `,
+      options: [0],
+      output: `
+        <template>
+          <!--
+          comment
+          -->
+          <!--
+          comment
+          comment
+          -->
+            <!--
+            comment
+            comment
+            -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
+        line: 4,
+        column: 11,
+        endLine: 4,
+        endColumn: 13
+      },
+      {
+        message: 'Expected base point indentation of 10 spaces, but found 8 spaces.',
+        line: 7,
+        column: 1,
+        endLine: 7,
+        endColumn: 9
+      },
+      {
+        message: 'Expected space character, but found tab character.',
+        line: 8,
+        column: 11,
+        endLine: 8,
+        endColumn: 12
+      },
+      {
+        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
+        line: 9,
+        column: 11,
+        endLine: 9,
+        endColumn: 13
+      },
+      {
+        message: 'Expected space character, but found tab character.',
+        line: 11,
+        column: 13,
+        endLine: 11,
+        endColumn: 14
+      },
+      {
+        message: 'Expected base point indentation of 12 spaces, but found "          \\t".',
+        line: 12,
+        column: 1,
+        endLine: 12,
+        endColumn: 12
+      },
+      {
+        message: 'Expected base point indentation of 12 spaces, but found 10 spaces.',
+        line: 13,
+        column: 1,
+        endLine: 13,
+        endColumn: 11
+      }]
+    },
+    {
+      code: `
+        <template>
+          <!--
+        \t
+          comment
+            \t
+              comment
+          \t
+          -->
+          <!--
+        \t
+            -->
+          <!--
+        -->
+        </template>
+        `,
+      output: `
+        <template>
+          <!--
+        \t
+            comment
+            \t
+            comment
+          \t
+          -->
+          <!--
+        \t
+          -->
+          <!--
+          -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 2 spaces but found 0 spaces.',
+        line: 5
+      },
+      {
+        message: 'Expected relative indentation of 2 spaces but found 4 spaces.',
+        line: 7
+      },
+      {
+        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
+        line: 12
+      },
+      {
+        message: 'Expected base point indentation of 10 spaces, but found 8 spaces.',
+        line: 14
+      }]
+    },
+    {
+      code: `
+        <template>
+          <!-- comment
+          comment -->
+          <!-- comment
+              comment -->
+        </template>
+        `,
+      output: `
+        <template>
+          <!-- comment
+            comment -->
+          <!-- comment
+            comment -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 2 spaces but found 0 spaces.',
+        line: 4
+      },
+      {
+        message: 'Expected relative indentation of 2 spaces but found 4 spaces.',
+        line: 6
+      }]
+    },
+    {
+      code: `
+<template>
+<!-- comment
+comment
+comment -->
+<!--
+  -->
+</template>
+`,
+      output: `
+<template>
+<!-- comment
+  comment
+  comment -->
+<!--
+-->
+</template>
+`,
+      errors: [{
+        message: 'Expected indentation of 2 spaces but found 0 spaces.',
+        line: 4
+      },
+      {
+        message: 'Expected indentation of 2 spaces but found 0 spaces.',
+        line: 5
+      },
+      {
+        message: 'Expected indentation of 0 spaces but found 2 spaces.',
+        line: 7
+      }]
+    },
+    {
+      code: `
+<template>
+  <!-- comment
+comment
+comment -->
+  <!--
+-->
+</template>
+`,
+      output: `
+<template>
+  <!-- comment
+    comment
+    comment -->
+  <!--
+  -->
+</template>
+`,
+      errors: [{
+        message: 'Expected base point indentation of 2 spaces, but not found.',
+        line: 4
+      },
+      {
+        message: 'Expected base point indentation of 2 spaces, but not found.',
+        line: 5
+      },
+      {
+        message: 'Expected base point indentation of 2 spaces, but not found.',
+        line: 7
+      }]
+    },
+    {
+      code: `
+        <template>
+          <div><!--
+           comment
+           --></div>
+        </template>
+        `,
+      output: `
+        <template>
+          <div><!--
+            comment
+          --></div>
+        </template>
+        `,
+      errors: [{
+        message: 'Expected relative indentation of 2 spaces but found 1 space.',
+        line: 4
+      },
+      {
+        message: 'Expected relative indentation of 0 spaces but found 1 space.',
+        line: 5
+      }]
+    },
+    {
+      code: `
+        <template>
+ \t \t \t <!--
+            comment
+          -->
+        </template>
+        `,
+      output: `
+        <template>
+ \t \t \t <!--
+ \t \t \t   comment
+ \t \t \t -->
+        </template>
+        `,
+      errors: [{
+        message: 'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
+        line: 4
+      },
+      {
+        message: 'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
+        line: 5
+      }]
+    }
+  ]
+
+})
diff --git a/tests/lib/utils/html-comments.js b/tests/lib/utils/html-comments.js
new file mode 100644
index 000000000..dcda24754
--- /dev/null
+++ b/tests/lib/utils/html-comments.js
@@ -0,0 +1,70 @@
+'use strict'
+
+const fs = require('fs')
+const path = require('path')
+const chai = require('chai')
+
+const Linter = require('eslint').Linter
+const assert = chai.assert
+
+const htmlComments = require('../../../lib/utils/html-comments')
+
+const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/utils/html-comments')
+
+/**
+ * Load test patterns from fixtures.
+ *
+ * @returns {object} The loaded patterns.
+ */
+function loadPatterns () {
+  return fs
+    .readdirSync(FIXTURE_ROOT)
+    .map(name => {
+      const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, name, 'source.vue'), 'utf8')
+      const code = code0.replace(/^<!--(.+?)-->/, `<test-name>${name}</test-name>`)
+      const option = JSON.parse(/^<!--(.+?)-->/.exec(code0)[1])
+      return { code, name, option }
+    })
+}
+
+function tokenize (code, option) {
+  const linter = new Linter()
+  const result = []
+
+  linter.defineRule('vue/html-comments-test', content =>
+    htmlComments.defineVisitor(content, option, commentTokens => {
+      result.push(commentTokens)
+    })
+  )
+  linter.defineParser('vue-eslint-parser', require('vue-eslint-parser'))
+  linter.verify(
+    code,
+    {
+      parser: 'vue-eslint-parser',
+      parserOptions: { ecmaVersion: 2018 },
+      rules: { 'vue/html-comments-test': 'error' }
+    },
+    undefined,
+    true
+  )
+
+  return result
+}
+
+describe('defineVisitor()', () => {
+  for (const { name, code, option } of loadPatterns()) {
+    describe(`'test/fixtures/utils/html-comments/${name}/source.vue'`, () => {
+      it('should be parsed to valid tokens.', () => {
+        const tokens = tokenize(code, option)
+
+        const actual = JSON.stringify(tokens, null, 4)
+
+        // update fixture
+        // fs.writeFileSync(path.join(FIXTURE_ROOT, name, 'comment-tokens.json'), actual, 'utf8')
+
+        const expected = fs.readFileSync(path.join(FIXTURE_ROOT, name, 'comment-tokens.json'), 'utf8')
+        assert.strictEqual(actual, expected)
+      })
+    })
+  }
+})

From 47be9268cd169497858b8f8b9bc86b45dcdce9e4 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 17 May 2020 10:04:23 +0900
Subject: [PATCH 0060/1010] 7.0.0-alpha.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2f16f5d3f..dc4e6f550 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.3",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c54b13aedd6eb5c5a67e895e534044f6a18dfc8b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 17 May 2020 17:43:18 +0900
Subject: [PATCH 0061/1010] Add FAQ about conflicts with Prettier. (#1135)

---
 docs/user-guide/README.md | 46 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index fc8e598e4..aaf98fdc3 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -218,3 +218,49 @@ See also: "[How to use a custom parser?](#how-to-use-a-custom-parser)" section.
 2. Make sure your tool is set to lint `.vue` files.
   - CLI targets only `.js` files by default. You have to specify additional extensions with the `--ext` option or glob patterns. E.g. `eslint "src/**/*.{js,vue}"` or `eslint src --ext .vue`. If you use `@vue/cli-plugin-eslint` and the `vue-cli-service lint` command - you don't have to worry about it.
   - If you are having issues with configuring editor, please read [editor integrations](#editor-integrations)
+
+### Conflict with [Prettier].
+
+If the [Prettier] conflicts with the shareable config provided by this plugin, use [eslint-config-prettier] to resolve it.
+
+Example **.eslintrc.js**:
+
+```js
+module.exports = {
+  // ...
+  extends: [
+    // ...
+    // 'eslint:recommended',
+    // ...
+    'plugin:vue/vue3-recommended',
+    // ...
+    "prettier",
+    "prettier/vue",
+    // "prettier/@typescript-eslint", // required if you are using @typescript-eslint.
+    // Other settings may be required depending on the plugin you are using. See the eslint-config-prettier documentation for more details.
+  ],
+  // ...
+}
+```
+
+If the [Prettier] conflicts with the rule you have set, turn off that rule.
+
+Example **.eslintrc.js**:
+
+When the `vue/html-indent` rule conflict with [Prettier].
+
+```diff
+module.exports = {
+  // ...
+  rules: {
+    // ...
+-    "vue/html-indent": "error",
++    "vue/html-indent": "off",
+    // ...
+  },
+  // ...
+}
+```
+
+[prettier]: https://prettier.io/
+[eslint-config-prettier]: https://github.com/prettier/eslint-config-prettier

From d191481346e1bf24f15acf023297801fd970b104 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 06:18:57 +0900
Subject: [PATCH 0062/1010] Changed `vue/no-deprecated-dollar-listeners-api`
 and `vue/no-deprecated-events-api` rules to track the `this` variable.
 (#1143)

---
 .../no-deprecated-dollar-listeners-api.js     | 14 ++++-
 lib/rules/no-deprecated-events-api.js         | 16 ++++-
 lib/rules/require-explicit-emits.js           |  3 +-
 lib/utils/index.js                            | 30 ++++++++-
 .../no-deprecated-dollar-listeners-api.js     | 62 +++++++++++++++++++
 tests/lib/rules/no-deprecated-events-api.js   | 29 +++++++++
 6 files changed, 145 insertions(+), 9 deletions(-)

diff --git a/lib/rules/no-deprecated-dollar-listeners-api.js b/lib/rules/no-deprecated-dollar-listeners-api.js
index 29c0655d0..b833b462b 100644
--- a/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -50,11 +50,19 @@ module.exports = {
       },
       utils.defineVueVisitor(context,
         {
-          'MemberExpression > ThisExpression' (node) {
-            if (node.parent.property.name !== '$listeners') return
+          'MemberExpression' (node) {
+            if (
+              node.property.type !== 'Identifier' ||
+              node.property.name !== '$listeners'
+            ) {
+              return
+            }
+            if (!utils.isThis(node.object, context)) {
+              return
+            }
 
             context.report({
-              node: node.parent.property,
+              node: node.property,
               messageId: 'deprecated'
             })
           }
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index 8537469ee..7989ffb5e 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -32,11 +32,21 @@ module.exports = {
   create (context) {
     return utils.defineVueVisitor(context,
       {
-        'CallExpression > MemberExpression > ThisExpression' (node) {
-          if (!['$on', '$off', '$once'].includes(node.parent.property.name)) return
+        'CallExpression > MemberExpression' (node) {
+          const call = node.parent
+          if (
+            call.callee !== node ||
+            node.property.type !== 'Identifier' ||
+            !['$on', '$off', '$once'].includes(node.property.name)
+          ) {
+            return
+          }
+          if (!utils.isThis(node.object, context)) {
+            return
+          }
 
           context.report({
-            node: node.parent.parent,
+            node: node.property,
             messageId: 'noDeprecatedEventsApi'
           })
         }
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 2addf8471..c811fc9ce 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -262,8 +262,7 @@ module.exports = {
 
           // verify $emit
           if (emit && emit.name === '$emit') {
-            const objectType = emit.member.object.type
-            if (objectType === 'Identifier' || objectType === 'ThisExpression') {
+            if (utils.isThis(emit.member.object, context)) {
               // verify this.$emit()
               verify(emitsDeclarations, nameLiteralNode, vueNode)
             }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 3e1ce4c58..c31ed0e6e 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -41,6 +41,7 @@ const VOID_ELEMENT_NAMES = new Set(require('./void-elements.json'))
 const assert = require('assert')
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
+const { findVariable } = require('eslint-utils')
 
 /**
  * @type { WeakMap<RuleContext, Token[]> }
@@ -855,7 +856,34 @@ module.exports = {
    * @param {T} node
    * @return {T}
    */
-  unwrapTypes
+  unwrapTypes,
+
+  /**
+   * Check whether the given node is `this` or variable that stores `this`.
+   * @param  {ASTNode} node The node to check
+   * @returns {boolean} `true` if the given node is `this`.
+   */
+  isThis (node, context) {
+    if (node.type === 'ThisExpression') {
+      return true
+    }
+    if (node.type !== 'Identifier') {
+      return false
+    }
+    const variable = findVariable(context.getScope(), node)
+
+    if (variable != null && variable.defs.length === 1) {
+      const def = variable.defs[0]
+      if (
+        def.parent &&
+        def.parent.kind === 'const' &&
+        def.node.id.type === 'Identifier'
+      ) {
+        return def.node && def.node.init && def.node.init.type === 'ThisExpression'
+      }
+    }
+    return false
+  }
 }
 
 /**
diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
index 76f7c73cc..98a0d6270 100644
--- a/tests/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -101,6 +101,21 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          computed: {
+            foo () {
+              const {vm} = this
+              return vm.$listeners
+            }
+          }
+        }
+        </script>
+      `
     }
   ],
 
@@ -179,6 +194,53 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
           endColumn: 33
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          computed: {
+            foo () {
+              const vm = this
+              return vm.$listeners
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 7,
+          column: 25,
+          messageId: 'deprecated'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          computed: {
+            foo () {
+              const vm = this
+              function fn() {
+                return vm.$listeners
+              }
+              return fn()
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 8,
+          column: 27,
+          messageId: 'deprecated'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index 215a47d86..268c0a712 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -103,6 +103,17 @@ ruleTester.run('no-deprecated-events-api', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          mounted () {
+            a(this.$on)
+          }
+        }
+      `,
+      parserOptions
     }
   ],
 
@@ -155,6 +166,24 @@ ruleTester.run('no-deprecated-events-api', rule, {
         message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         line: 4
       }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            const vm = this
+            vm.$on('start', function (args) {
+              console.log('start', args)
+            })
+          }
+        })
+      `,
+      parserOptions,
+      errors: [{
+        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        line: 5
+      }]
     }
   ]
 })

From 03301476235ffa8f6370306476bbd90f64aa9179 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 06:22:47 +0900
Subject: [PATCH 0063/1010] Fix false positives for target instance is given,
 in no-lifecycle-after-await rule. (#1139)

---
 lib/rules/no-lifecycle-after-await.js       |  4 +++
 tests/lib/rules/no-lifecycle-after-await.js | 32 +++++++++++++++++++--
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index b1c3c2439..a009f0e42 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -80,6 +80,10 @@ module.exports = {
             }
 
             if (lifecycleHookCallNodes.has(node)) {
+              if (node.arguments.length >= 2) {
+                // Has target instance. e.g. `onMounted(() => {}, instance)`
+                return
+              }
               context.report({
                 node,
                 messageId: 'forbidden'
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index eaa99f843..404ad18bd 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -27,7 +27,8 @@ tester.run('no-lifecycle-after-await', rule, {
       }
       </script>
       `
-    }, {
+    },
+    {
       filename: 'test.vue',
       code: `
       <script>
@@ -39,7 +40,8 @@ tester.run('no-lifecycle-after-await', rule, {
       }
       </script>
       `
-    }, {
+    },
+    {
       filename: 'test.vue',
       code: `
       <script>
@@ -78,6 +80,32 @@ tester.run('no-lifecycle-after-await', rule, {
       }
       </script>
       `
+    },
+    // has target
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onBeforeMount, onBeforeUnmount, onBeforeUpdate, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onUnmounted, onUpdated, onActivated, onDeactivated} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          onBeforeMount(() => { /* ... */ }, instance)
+          onBeforeUnmount(() => { /* ... */ }, instance)
+          onBeforeUpdate(() => { /* ... */ }, instance)
+          onErrorCaptured(() => { /* ... */ }, instance)
+          onMounted(() => { /* ... */ }, instance)
+          onRenderTracked(() => { /* ... */ }, instance)
+          onRenderTriggered(() => { /* ... */ }, instance)
+          onUnmounted(() => { /* ... */ }, instance)
+          onUpdated(() => { /* ... */ }, instance)
+          onActivated(() => { /* ... */ }, instance)
+          onDeactivated(() => { /* ... */ }, instance)
+        }
+      }
+      </script>
+      `
     }
   ],
   invalid: [

From 3f917cdcb77323828142f040acb55aeee92c1de5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 13:17:48 +0900
Subject: [PATCH 0064/1010] Fix false positives for arrow function in
 `return-in-emits-validator` rule (#1138)

---
 lib/rules/return-in-emits-validator.js       |  8 ++++++++
 tests/lib/rules/return-in-emits-validator.js | 17 +++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index dd5e551f4..64e62b8c4 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -74,6 +74,14 @@ module.exports = {
           },
           ':function' (node) {
             scopeStack = { upper: scopeStack, functionNode: node, hasReturnValue: false, possibleOfReturnTrue: false }
+
+            if (node.type === 'ArrowFunctionExpression' && node.expression) {
+              scopeStack.hasReturnValue = true
+
+              if (!isFalsy(node.body)) {
+                scopeStack.possibleOfReturnTrue = true
+              }
+            }
           },
           ReturnStatement (node) {
             if (node.argument) {
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
index 8ee6b75e5..f988e6d93 100644
--- a/tests/lib/rules/return-in-emits-validator.js
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -38,6 +38,7 @@ ruleTester.run('return-in-emits-validator', rule, {
             baz: (e) => {
               return e
             },
+            baz2: (e) => e,
             qux () {
               if (foo) {
                 return true
@@ -174,6 +175,22 @@ ruleTester.run('return-in-emits-validator', rule, {
         line: 5
       }]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          emits: {
+            foo: () => false
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'Expected to return a true value in "foo" emits validator.',
+        line: 5
+      }]
+    },
     {
       filename: 'test.vue',
       code: `

From f3331bf9d371c411490732bc79fb04e1c33d27c1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 18:18:21 +0900
Subject: [PATCH 0065/1010] update doc (#1147)

---
 docs/rules/no-multiple-template-root.md | 3 ++-
 lib/rules/require-explicit-emits.js     | 1 -
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index e22cb0f42..3151ffe7c 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -9,8 +9,9 @@ description: disallow adding multiple root nodes to the template
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 
-This rule checks whether template contains single root element valid for Vue 2.
+## :book: Rule Details
 
+This rule checks whether template contains single root element valid for Vue 2.
 
 <eslint-code-block :rules="{'vue/no-multiple-template-root': ['error']}">
 
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index c811fc9ce..8bfe481b2 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -3,7 +3,6 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-// @ts-check
 
 /**
  * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal

From 6f892ba2185e0934c0a1562d17b4ac89bf1da011 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 18:22:20 +0900
Subject: [PATCH 0066/1010] Add `vue/no-duplicate-attr-inheritance` rule (from
 #627) (#1144)

* Added no-duplicate-attr-inheritence rule

* New rule no-duplicate-attr-inheritance

* New rule no-duplicate-attr-inheritance

* Code to work with Node v6.14.4

* Remove category

Co-Authored-By: hirokiosame <hiroki.osame@gmail.com>

* Update

Co-authored-by: Hiroki Osame <hiroki@weebly.com>
Co-authored-by: Armano <armano2@users.noreply.github.com>
Co-authored-by: hirokiosame <hiroki.osame@gmail.com>
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-duplicate-attr-inheritance.md   |  56 +++++++++
 lib/index.js                                  |   1 +
 lib/rules/no-duplicate-attr-inheritance.js    |  62 ++++++++++
 .../rules/no-duplicate-attr-inheritance.js    | 113 ++++++++++++++++++
 5 files changed, 233 insertions(+)
 create mode 100644 docs/rules/no-duplicate-attr-inheritance.md
 create mode 100644 lib/rules/no-duplicate-attr-inheritance.js
 create mode 100644 tests/lib/rules/no-duplicate-attr-inheritance.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 83eda5692..b89debd60 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -282,6 +282,7 @@ For example:
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
+| [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
new file mode 100644
index 000000000..959124e48
--- /dev/null
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -0,0 +1,56 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-duplicate-attr-inheritance
+description: enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
+---
+# vue/no-duplicate-attr-inheritance
+> enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
+
+## :book: Rule Details
+
+This rule aims to prevent duplicated attribute inheritance.  
+This rule to warn to apply `inheritAttrs: false` when it detects `v-bind="$attrs"` being used.
+
+<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error']}">
+
+```vue
+<template>
+  <MyInput v-bind="$attrs" />
+</template>
+<script>
+export default {
+  /* ✓ GOOD */
+  inheritAttrs: false
+}
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error']}">
+
+```vue
+<template>
+  <MyInput v-bind="$attrs" />
+</template>
+<script>
+export default {
+  /* ✗ BAD */
+  // inheritAttrs: true (default)
+}
+```
+
+</eslint-code-block>
+
+### Options
+
+Nothing.
+
+## Further Reading
+
+- [API - inheritAttrs](https://vuejs.org/v2/api/index.html#inheritAttrs)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-duplicate-attr-inheritance.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-duplicate-attr-inheritance.js)
diff --git a/lib/index.js b/lib/index.js
index 6adbbecd4..131c834d7 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -58,6 +58,7 @@ module.exports = {
     'no-deprecated-v-on-number-modifiers': require('./rules/no-deprecated-v-on-number-modifiers'),
     'no-deprecated-vue-config-keycodes': require('./rules/no-deprecated-vue-config-keycodes'),
     'no-dupe-keys': require('./rules/no-dupe-keys'),
+    'no-duplicate-attr-inheritance': require('./rules/no-duplicate-attr-inheritance'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
new file mode 100644
index 000000000..6ed2da07d
--- /dev/null
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -0,0 +1,62 @@
+/**
+ * @fileoverview Disable inheritAttrs when using v-bind="$attrs"
+ * @author Hiroki Osame
+ */
+'use strict'
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`',
+      categories: undefined,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/no-duplicate-attr-inheritance.html'
+    },
+    fixable: null,
+    schema: [
+      // fill in your schema
+    ]
+  },
+
+  create (context) {
+    let inheritsAttrs = true
+
+    return Object.assign(
+      utils.executeOnVue(context, (node) => {
+        const inheritAttrsProp = node.properties.find(prop => (prop.type === 'Property' && utils.getStaticPropertyName(prop) === 'inheritAttrs'))
+
+        if (inheritAttrsProp && inheritAttrsProp.value.type === 'Literal') {
+          inheritsAttrs = inheritAttrsProp.value.value
+        }
+      }),
+      utils.defineTemplateBodyVisitor(context, {
+        "VAttribute[directive=true][key.name.name='bind'][key.argument=null] > VExpressionContainer" (node) {
+          if (!inheritsAttrs) {
+            return
+          }
+          const attrsRef = node.references.find(reference => {
+            if (reference.variable != null) {
+              // Not vm reference
+              return false
+            }
+            return reference.id.name === '$attrs'
+          })
+
+          if (attrsRef) {
+            context.report({
+              node: attrsRef.id,
+              message: 'Set "inheritAttrs" to false.'
+            })
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
new file mode 100644
index 000000000..1c862ef8a
--- /dev/null
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -0,0 +1,113 @@
+/**
+ * @fileoverview Disable inheritAttrs when using v-bind=&#34;$attrs&#34;
+ * @author Hiroki Osame
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+var rule = require('../../../lib/rules/no-duplicate-attr-inheritance')
+
+var RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+var ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+ruleTester.run('no-duplicate-attr-inheritance', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div><div></div></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div></div></div></template>
+        <script>
+        export default { inheritAttrs: true }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div></div></div></template>
+        <script>
+        const data = {};
+        export default {
+          ...data,
+          inheritAttrs: true
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div></div></div></template>
+        <script>
+        const inheritAttrs = false;
+        export default { inheritAttrs }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div v-bind="$attrs"></div></div></template>
+        <script>
+        export default { inheritAttrs: false }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div v-bind="$attrs"></div></div></template>
+        <script>
+        export default { inheritAttrs: 0 }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div v-bind:foo="$attrs"></div></div></template>
+        <script>
+        export default {  }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div><div v-bind="$attrs"></div></div></template>',
+      errors: ['Set "inheritAttrs" to false.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div><div v-bind="$attrs"></div></div></template>
+        <script>
+        export default {
+          inheritAttrs: true
+        }
+        </script>
+      `,
+      errors: ['Set "inheritAttrs" to false.']
+    }
+  ]
+})

From e6332123775a4286e121bc9871246cc979221203 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 18:25:17 +0900
Subject: [PATCH 0067/1010] Add `vue/comma-spacing` rule (#1140)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ⭐️New: Add `vue/comma-spacing` rule

* use skipDynamicArguments
---
 docs/rules/README.md             |   1 +
 docs/rules/comma-spacing.md      |  23 +++
 lib/configs/no-layout-rules.js   |   1 +
 lib/index.js                     |   1 +
 lib/rules/comma-spacing.js       |  12 ++
 lib/utils/index.js               |  72 +++++++-
 tests/lib/rules/comma-spacing.js | 283 +++++++++++++++++++++++++++++++
 7 files changed, 389 insertions(+), 4 deletions(-)
 create mode 100644 docs/rules/comma-spacing.md
 create mode 100644 lib/rules/comma-spacing.js
 create mode 100644 tests/lib/rules/comma-spacing.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b89debd60..46652d4e6 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -271,6 +271,7 @@ For example:
 | [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks | :wrench: |
 | [vue/camelcase](./camelcase.md) | enforce camelcase naming convention |  |
 | [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas | :wrench: |
+| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
new file mode 100644
index 000000000..d596ee4ea
--- /dev/null
+++ b/docs/rules/comma-spacing.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/comma-spacing
+description: enforce consistent spacing before and after commas
+---
+# vue/comma-spacing
+> enforce consistent spacing before and after commas
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [comma-spacing] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [comma-spacing]
+
+[comma-spacing]: https://eslint.org/docs/rules/comma-spacing
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-spacing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-spacing.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 24e7d0f88..4a3fe8361 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/block-spacing': 'off',
     'vue/brace-style': 'off',
     'vue/comma-dangle': 'off',
+    'vue/comma-spacing': 'off',
     'vue/dot-location': 'off',
     'vue/html-closing-bracket-newline': 'off',
     'vue/html-closing-bracket-spacing': 'off',
diff --git a/lib/index.js b/lib/index.js
index 131c834d7..5f2657bc1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -15,6 +15,7 @@ module.exports = {
     'brace-style': require('./rules/brace-style'),
     'camelcase': require('./rules/camelcase'),
     'comma-dangle': require('./rules/comma-dangle'),
+    'comma-spacing': require('./rules/comma-spacing'),
     'comment-directive': require('./rules/comment-directive'),
     'component-definition-name-casing': require('./rules/component-definition-name-casing'),
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
new file mode 100644
index 000000000..f51bb7c6e
--- /dev/null
+++ b/lib/rules/comma-spacing.js
@@ -0,0 +1,12 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/comma-spacing'),
+  { skipDynamicArguments: true, skipDynamicArgumentsReport: true }
+)
diff --git a/lib/utils/index.js b/lib/utils/index.js
index c31ed0e6e..7787c1389 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -54,9 +54,24 @@ const componentComments = new WeakMap()
  * @param {TokenStore} tokenStore The token store object for template.
  */
 function wrapContextToOverrideTokenMethods (context, tokenStore) {
-  const sourceCode = new Proxy(context.getSourceCode(), {
+  const eslintSourceCode = context.getSourceCode()
+  let tokensAndComments
+  function getTokensAndComments () {
+    if (tokensAndComments) {
+      return tokensAndComments
+    }
+    const templateBody = eslintSourceCode.ast.templateBody
+    tokensAndComments = templateBody ? tokenStore.getTokens(templateBody, {
+      includeComments: true
+    }) : []
+    return tokensAndComments
+  }
+  const sourceCode = new Proxy(Object.assign({}, eslintSourceCode), {
     get (object, key) {
-      return key in tokenStore ? tokenStore[key] : object[key]
+      if (key === 'tokensAndComments') {
+        return getTokensAndComments()
+      }
+      return key in tokenStore ? tokenStore[key] : eslintSourceCode[key]
     }
   })
 
@@ -68,6 +83,50 @@ function wrapContextToOverrideTokenMethods (context, tokenStore) {
   }
 }
 
+/**
+ * Wrap the rule context object to override report method to skip the dynamic argument.
+ * @param {RuleContext} context The rule context object.
+ */
+function wrapContextToOverrideReportMethodToSkipDynamicArgument (context) {
+  const sourceCode = context.getSourceCode()
+  const templateBody = sourceCode.ast.templateBody
+  if (!templateBody) {
+    return context
+  }
+  const directiveKeyRanges = []
+  const traverseNodes = vueEslintParser.AST.traverseNodes
+  traverseNodes(templateBody, {
+    enterNode (node, parent) {
+      if (
+        parent && parent.type === 'VDirectiveKey' && node.type === 'VExpressionContainer'
+      ) {
+        directiveKeyRanges.push(node.range)
+      }
+    },
+    leaveNode () {}
+  })
+
+  return {
+    __proto__: context,
+    report (descriptor, ...args) {
+      let range = null
+      if (descriptor.loc) {
+        range = [sourceCode.getIndexFromLoc(descriptor.loc.start), sourceCode.getIndexFromLoc(descriptor.loc.end)]
+      } else if (descriptor.node) {
+        range = descriptor.node.range
+      }
+      if (range) {
+        for (const directiveKeyRange of directiveKeyRanges) {
+          if (range[0] < directiveKeyRange[1] && directiveKeyRange[0] < range[1]) {
+            return
+          }
+        }
+      }
+      context.report(descriptor, ...args)
+    }
+  }
+}
+
 // ------------------------------------------------------------------------------
 // Exports
 // ------------------------------------------------------------------------------
@@ -97,13 +156,14 @@ module.exports = {
   /**
    * Wrap a given core rule to apply it to Vue.js template.
    * @param {Rule} coreRule The core rule implementation to wrap.
-   * @param {Object|undefined} options The option of this rule.
+   * @param {Object} [options] The option of this rule.
    * @param {string|undefined} options.category The category of this rule.
    * @param {boolean|undefined} options.skipDynamicArguments If `true`, skip validation within dynamic arguments.
+   * @param {boolean|undefined} options.skipDynamicArgumentsReport If `true`, skip report within dynamic arguments.
    * @returns {Rule} The wrapped rule implementation.
    */
   wrapCoreRule (coreRule, options) {
-    const { category, skipDynamicArguments } = options || {}
+    const { category, skipDynamicArguments, skipDynamicArgumentsReport } = options || {}
     return {
       create (context) {
         const tokenStore =
@@ -116,6 +176,10 @@ module.exports = {
           context = wrapContextToOverrideTokenMethods(context, tokenStore)
         }
 
+        if (skipDynamicArgumentsReport) {
+          context = wrapContextToOverrideReportMethodToSkipDynamicArgument(context)
+        }
+
         // Move `Program` handlers to `VElement[parent.type!='VElement']`
         const handlers = coreRule.create(context)
         if (handlers.Program) {
diff --git a/tests/lib/rules/comma-spacing.js b/tests/lib/rules/comma-spacing.js
new file mode 100644
index 000000000..26b0ba1aa
--- /dev/null
+++ b/tests/lib/rules/comma-spacing.js
@@ -0,0 +1,283 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/comma-spacing')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('comma-spacing', rule, {
+  valid: [
+    `<template>
+      <button @click="
+        var foo = 1, bar = 2;
+      ">
+        OK
+      </button>
+    </template>`,
+    `<template>
+      <DateInput :value="[2000, 12, 31]" />
+    </template>`,
+    `<template>
+      <DateInput :value="{y: 2000, m: 12, d: 31}" />
+    </template>`,
+    `<template>
+      <CustomDlg @ok="foo(a, b)" />
+    </template>`,
+    `<template>
+      <CustomDlg @ok="(a, b) => {}" />
+    </template>`,
+    `<template>
+      <CustomDlg @ok="function (a, b) {}" />
+    </template>`,
+    `<template>
+      <CustomList>
+        <li slot-scope="a, b">{{ a }}</li>
+      </CustomList>
+    </template>`,
+    {
+      code: `
+        <template>
+          <button @click="
+            fn(a ,b)
+          "/>
+        </template>`,
+      options: [{ before: true, after: false }]
+    },
+    `<template>
+      <div :[fn(a,b)]="val" />
+    </template>`,
+    `<template>
+      <div :[[,]]="val" />
+    </template>`,
+    `<template>
+      <div :[a,]="val" />
+    </template>`,
+    `<script>
+    fn = (a,b) => {}
+    </script>`,
+    `fn = (a,b) => {}`
+  ],
+  invalid: [
+    {
+      code: `
+        <template>
+          <button @click="
+            var foo = 1 ,bar = 2;
+          ">
+            NG
+          </button>
+        </template>`,
+      output: `
+        <template>
+          <button @click="
+            var foo = 1, bar = 2;
+          ">
+            NG
+          </button>
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 4,
+          column: 25
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <DateInput :value="[2000 ,12 ,31]" />
+        </template>`,
+      output: `
+        <template>
+          <DateInput :value="[2000, 12, 31]" />
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        },
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <DateInput :value="{y: 2000 ,m: 12 ,d: 31}" />
+        </template>`,
+      output: `
+        <template>
+          <DateInput :value="{y: 2000, m: 12, d: 31}" />
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        },
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomDlg @ok="foo(a ,b)" />
+        </template>`,
+      output: `
+        <template>
+          <CustomDlg @ok="foo(a, b)" />
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomDlg @ok="(a ,b) => {}" />
+        </template>`,
+      output: `
+        <template>
+          <CustomDlg @ok="(a, b) => {}" />
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomDlg @ok="function (a ,b) {}" />
+        </template>`,
+      output: `
+        <template>
+          <CustomDlg @ok="function (a, b) {}" />
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomList>
+            <li slot-scope="a ,b">{{ a }}</li>
+          </CustomList>
+        </template>`,
+      output: `
+        <template>
+          <CustomList>
+            <li slot-scope="a, b">{{ a }}</li>
+          </CustomList>
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 4
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          {{ [a /*comment*/ ,/*comment*/b] }}
+        </template>`,
+      output: `
+        <template>
+          {{ [a /*comment*/, /*comment*/b] }}
+        </template>`,
+      errors: [
+        {
+          message: 'There should be no space before \',\'.',
+          line: 3
+        },
+        {
+          message: 'A space is required after \',\'.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <button @click="
+            fn(a, b)
+          "/>
+        </template>`,
+      options: [{ before: true, after: false }],
+      output: `
+        <template>
+          <button @click="
+            fn(a ,b)
+          "/>
+        </template>`,
+      errors: [
+        {
+          message: 'A space is required before \',\'.',
+          line: 4
+        },
+        {
+          message: 'There should be no space after \',\'.',
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From af491abe66fc9f2a82e623a72ea30df52b997a26 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 18:28:37 +0900
Subject: [PATCH 0068/1010] Add `vue/prefer-template` rule (#1141)

---
 docs/rules/README.md               |  1 +
 docs/rules/prefer-template.md      | 23 +++++++++++
 lib/index.js                       |  1 +
 lib/rules/prefer-template.js       | 11 ++++++
 tests/lib/rules/prefer-template.js | 63 ++++++++++++++++++++++++++++++
 5 files changed, 99 insertions(+)
 create mode 100644 docs/rules/prefer-template.md
 create mode 100644 lib/rules/prefer-template.js
 create mode 100644 tests/lib/rules/prefer-template.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 46652d4e6..d68509dea 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -294,6 +294,7 @@ For example:
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
+| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
 | [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
new file mode 100644
index 000000000..cbc6d8125
--- /dev/null
+++ b/docs/rules/prefer-template.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-template
+description: require template literals instead of string concatenation
+---
+# vue/prefer-template
+> require template literals instead of string concatenation
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [prefer-template] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [prefer-template]
+
+[prefer-template]: https://eslint.org/docs/rules/prefer-template
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-template.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-template.js)
diff --git a/lib/index.js b/lib/index.js
index 5f2657bc1..66db5a3e6 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -91,6 +91,7 @@ module.exports = {
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
+    'prefer-template': require('./rules/prefer-template'),
     'prop-name-casing': require('./rules/prop-name-casing'),
     'require-component-is': require('./rules/require-component-is'),
     'require-default-prop': require('./rules/require-default-prop'),
diff --git a/lib/rules/prefer-template.js b/lib/rules/prefer-template.js
new file mode 100644
index 000000000..70e041e57
--- /dev/null
+++ b/lib/rules/prefer-template.js
@@ -0,0 +1,11 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/prefer-template')
+)
diff --git a/tests/lib/rules/prefer-template.js b/tests/lib/rules/prefer-template.js
new file mode 100644
index 000000000..73ad5e5b6
--- /dev/null
+++ b/tests/lib/rules/prefer-template.js
@@ -0,0 +1,63 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/prefer-template')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('prefer-template', rule, {
+  valid: [
+    `
+    <template>
+      <div :class="[\`foo-\${bar}\`]" />
+    </template>
+    `,
+    `
+    <template>
+      <div :[\`foo\${bar}\`]="value" />
+    </template>
+    `
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :class="['foo-' + bar]" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :class="[\`foo-\${  bar}\`]" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected string concatenation.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :['foo'+bar]="value" />
+      </template>`,
+      output: `
+      <template>
+        <div :[\`foo\${bar}\`]="value" />
+      </template>`,
+      errors: [
+        {
+          message: 'Unexpected string concatenation.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 4eb39e779c0ba1dcde50967ed75992f299966c74 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 18:29:22 +0900
Subject: [PATCH 0069/1010] Add `vue/template-curly-spacing` rule (#1142)

---
 docs/rules/README.md                      |  1 +
 docs/rules/template-curly-spacing.md      | 23 ++++++
 lib/configs/no-layout-rules.js            |  3 +-
 lib/index.js                              |  1 +
 lib/rules/template-curly-spacing.js       | 12 +++
 tests/lib/rules/template-curly-spacing.js | 90 +++++++++++++++++++++++
 6 files changed, 129 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/template-curly-spacing.md
 create mode 100644 lib/rules/template-curly-spacing.js
 create mode 100644 tests/lib/rules/template-curly-spacing.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d68509dea..3b99cc240 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -303,6 +303,7 @@ For example:
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
+| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
 
 ## Deprecated
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
new file mode 100644
index 000000000..92daa477e
--- /dev/null
+++ b/docs/rules/template-curly-spacing.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/template-curly-spacing
+description: require or disallow spacing around embedded expressions of template strings
+---
+# vue/template-curly-spacing
+> require or disallow spacing around embedded expressions of template strings
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [template-curly-spacing] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [template-curly-spacing]
+
+[template-curly-spacing]: https://eslint.org/docs/rules/template-curly-spacing
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/template-curly-spacing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/template-curly-spacing.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 4a3fe8361..3b26ae1be 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -33,6 +33,7 @@ module.exports = {
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/space-infix-ops': 'off',
-    'vue/space-unary-ops': 'off'
+    'vue/space-unary-ops': 'off',
+    'vue/template-curly-spacing': 'off'
   }
 }
diff --git a/lib/index.js b/lib/index.js
index 66db5a3e6..ed1b93103 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -112,6 +112,7 @@ module.exports = {
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),
     'static-class-names-order': require('./rules/static-class-names-order'),
+    'template-curly-spacing': require('./rules/template-curly-spacing'),
     'this-in-template': require('./rules/this-in-template'),
     'use-v-on-exact': require('./rules/use-v-on-exact'),
     'v-bind-style': require('./rules/v-bind-style'),
diff --git a/lib/rules/template-curly-spacing.js b/lib/rules/template-curly-spacing.js
new file mode 100644
index 000000000..777c5d820
--- /dev/null
+++ b/lib/rules/template-curly-spacing.js
@@ -0,0 +1,12 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/template-curly-spacing'),
+  { skipDynamicArguments: true }
+)
diff --git a/tests/lib/rules/template-curly-spacing.js b/tests/lib/rules/template-curly-spacing.js
new file mode 100644
index 000000000..02aeb43e5
--- /dev/null
+++ b/tests/lib/rules/template-curly-spacing.js
@@ -0,0 +1,90 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/template-curly-spacing')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('template-curly-spacing', rule, {
+  valid: [
+    `
+    <template>
+      <div :class="[\`foo-\${bar}\`]" />
+    </template>
+    `,
+    `
+    <template>
+      <div :[\`foo\${bar}\`]="value" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :class="[\`foo-\${ bar }\`]" />
+      </template>
+      `,
+      options: ['always']
+    },
+    {
+      code: `
+      <template>
+        <div :[\`foo\${bar}\`]="value" />
+      </template>
+      `,
+      options: ['always']
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :class="[\`foo-\${ bar }\`]" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :class="[\`foo-\${bar}\`]" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Unexpected space(s) after '${'.",
+          line: 3
+        },
+        {
+          message: "Unexpected space(s) before '}'.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :class="[\`foo-\${bar}\`]" />
+      </template>
+      `,
+      options: ['always'],
+      output: `
+      <template>
+        <div :class="[\`foo-\${ bar }\`]" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Expected space(s) after '${'.",
+          line: 3
+        },
+        {
+          message: "Expected space(s) before '}'.",
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 64cd8232cdc2b47b52bbd0cf252cf29060c49e77 Mon Sep 17 00:00:00 2001
From: Armano <armano2@users.noreply.github.com>
Date: Wed, 20 May 2020 12:23:54 +0200
Subject: [PATCH 0070/1010] Add `vue/one-component-per-file` rule. (#671)

---
 docs/rules/one-component-per-file.md      | 33 ++++++++
 lib/rules/one-component-per-file.js       | 45 +++++++++++
 tests/lib/rules/one-component-per-file.js | 94 +++++++++++++++++++++++
 3 files changed, 172 insertions(+)
 create mode 100644 docs/rules/one-component-per-file.md
 create mode 100644 lib/rules/one-component-per-file.js
 create mode 100644 tests/lib/rules/one-component-per-file.js

diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
new file mode 100644
index 000000000..b163d0daa
--- /dev/null
+++ b/docs/rules/one-component-per-file.md
@@ -0,0 +1,33 @@
+# enforce that each component should be in its own file
+
+## :book: Rule Details
+
+This rule checks if there is oly one component per file.
+
+:-1: Examples of **incorrect** code for this rule:
+
+```js
+Vue.component('TodoList', {
+  // ...
+})
+
+Vue.component('TodoItem', {
+  // ...
+})
+```
+
+:+1: Examples of **correct** code for this rule:
+
+```js
+export default {
+  name: 'my-component'
+}
+```
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Style guide - Component files](https://vuejs.org/v2/style-guide/#Component-files-strongly-recommended)
diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
new file mode 100644
index 000000000..d6d67b813
--- /dev/null
+++ b/lib/rules/one-component-per-file.js
@@ -0,0 +1,45 @@
+/**
+ * @fileoverview enforce that each component should be in its own file
+ * @author Armano
+ */
+'use strict'
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce that each component should be in its own file',
+      category: undefined, // strongly-recommended
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/one-component-per-file.md'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      toManyComponents: 'There is more than one component in this file.'
+    }
+  },
+  create (context) {
+    let componentCount = 0
+
+    return Object.assign({},
+      utils.executeOnVueComponent(context, () => {
+        ++componentCount
+      }),
+      {
+        'Program:exit' (node) {
+          if (componentCount > 1) {
+            context.report({
+              node: node,
+              messageId: 'toManyComponents'
+            })
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/one-component-per-file.js b/tests/lib/rules/one-component-per-file.js
new file mode 100644
index 000000000..3c3c30961
--- /dev/null
+++ b/tests/lib/rules/one-component-per-file.js
@@ -0,0 +1,94 @@
+/**
+ * @fileoverview enforce that each component should be in its own file
+ * @author Armano
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/one-component-per-file')
+const RuleTester = require('eslint').RuleTester
+
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+
+ruleTester.run('one-component-per-file', rule, {
+  valid: [
+    {
+      filename: 'test.js',
+      code: `Vue.component('name', {})`
+    },
+    {
+      filename: 'test.js',
+      code: `
+        Vue.component('name', {})
+        new Vue({})
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const foo = {}
+        new Vue({})
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {}`
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        components: {
+          test: {
+            name: 'foo'
+          }
+        }
+      }`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.js',
+      code: `
+        Vue.component('name', {})
+        Vue.component('name', {})
+      `,
+      errors: [{
+        message: 'There is more than one component in this file.'
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        Vue.component('TodoList', {
+          // ...
+        })
+        
+        Vue.component('TodoItem', {
+          // ...
+        })
+        export default {}
+      `,
+      errors: [{
+        message: 'There is more than one component in this file.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        Vue.component('name', {})
+        export default {}
+      `,
+      errors: [{
+        message: 'There is more than one component in this file.'
+      }]
+    }
+  ]
+})

From 7f39dc77c76d91729e484e42d0ad6aefb451f4d8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 19:35:00 +0900
Subject: [PATCH 0071/1010] Update `vue/one-component-per-file` rule doc and
 update preset rules (#1149)

* Update `vue/one-component-per-file` rule doc and update preset rules

* update
---
 docs/rules/one-component-per-file.md      | 33 +++++++++++++++++++----
 lib/rules/one-component-per-file.js       | 24 +++++++++--------
 tests/lib/rules/one-component-per-file.js | 23 +++++++++-------
 3 files changed, 54 insertions(+), 26 deletions(-)

diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index b163d0daa..f3a852fa3 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -1,12 +1,23 @@
-# enforce that each component should be in its own file
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/one-component-per-file
+description: enforce that each component should be in its own file
+---
+# vue/one-component-per-file
+> enforce that each component should be in its own file
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
-This rule checks if there is oly one component per file.
+This rule checks if there is only one component per file.
 
-:-1: Examples of **incorrect** code for this rule:
+<eslint-code-block filename="a.js" language="javascript" :rules="{'vue/one-component-per-file': ['error']}">
 
 ```js
+/* ✗ BAD */
+
 Vue.component('TodoList', {
   // ...
 })
@@ -16,14 +27,21 @@ Vue.component('TodoItem', {
 })
 ```
 
-:+1: Examples of **correct** code for this rule:
+</eslint-code-block>
 
-```js
+<eslint-code-block :rules="{'vue/one-component-per-file': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
 export default {
   name: 'my-component'
 }
+</script>
 ```
 
+</eslint-code-block>
+
 ## :wrench: Options
 
 Nothing.
@@ -31,3 +49,8 @@ Nothing.
 ## :books: Further reading
 
 - [Style guide - Component files](https://vuejs.org/v2/style-guide/#Component-files-strongly-recommended)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/one-component-per-file.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/one-component-per-file.js)
diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
index d6d67b813..f21f6fdee 100644
--- a/lib/rules/one-component-per-file.js
+++ b/lib/rules/one-component-per-file.js
@@ -14,8 +14,8 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce that each component should be in its own file',
-      category: undefined, // strongly-recommended
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/one-component-per-file.md'
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      url: 'https://eslint.vuejs.org/rules/one-component-per-file.html'
     },
     fixable: null,
     schema: [],
@@ -24,19 +24,21 @@ module.exports = {
     }
   },
   create (context) {
-    let componentCount = 0
+    const components = []
 
     return Object.assign({},
-      utils.executeOnVueComponent(context, () => {
-        ++componentCount
+      utils.executeOnVueComponent(context, (node) => {
+        components.push(node)
       }),
       {
-        'Program:exit' (node) {
-          if (componentCount > 1) {
-            context.report({
-              node: node,
-              messageId: 'toManyComponents'
-            })
+        'Program:exit' () {
+          if (components.length > 1) {
+            for (const node of components) {
+              context.report({
+                node: node,
+                messageId: 'toManyComponents'
+              })
+            }
           }
         }
       }
diff --git a/tests/lib/rules/one-component-per-file.js b/tests/lib/rules/one-component-per-file.js
index 3c3c30961..201b391f3 100644
--- a/tests/lib/rules/one-component-per-file.js
+++ b/tests/lib/rules/one-component-per-file.js
@@ -60,9 +60,10 @@ ruleTester.run('one-component-per-file', rule, {
         Vue.component('name', {})
         Vue.component('name', {})
       `,
-      errors: [{
-        message: 'There is more than one component in this file.'
-      }]
+      errors: [
+        'There is more than one component in this file.',
+        'There is more than one component in this file.'
+      ]
     },
     {
       filename: 'test.js',
@@ -70,15 +71,16 @@ ruleTester.run('one-component-per-file', rule, {
         Vue.component('TodoList', {
           // ...
         })
-        
+
         Vue.component('TodoItem', {
           // ...
         })
         export default {}
       `,
-      errors: [{
-        message: 'There is more than one component in this file.'
-      }]
+      errors: [
+        'There is more than one component in this file.',
+        'There is more than one component in this file.'
+      ]
     },
     {
       filename: 'test.vue',
@@ -86,9 +88,10 @@ ruleTester.run('one-component-per-file', rule, {
         Vue.component('name', {})
         export default {}
       `,
-      errors: [{
-        message: 'There is more than one component in this file.'
-      }]
+      errors: [
+        'There is more than one component in this file.',
+        'There is more than one component in this file.'
+      ]
     }
   ]
 })

From d2c94a9dffb48344351e18bfd18916de47222da9 Mon Sep 17 00:00:00 2001
From: IWANABETHATGUY <974153916@qq.com>
Date: Wed, 20 May 2020 18:36:02 +0800
Subject: [PATCH 0072/1010] New Add `vue/no-potential-property-typo` rule
 (#1072)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(utils/index.js): add util lib

* feat(tests/lib/utils/index.js): add unit test

* feat: change test, complete rule

* feat: add test, add preset, custom option

* feat: add testcase

* test: add test, 100% test cover

* test: menual indentation

* style: remove todo comment that have been done🚀

* fix: change rule name -> no-unknown-component-options

* feat: rename `no-unknow-component-options` -> `no-potential-component-options-typo`

* feat: remove unnecessary readme

* feat: revert lib/utils/index.js

* docs: update readme

* feat: set categories to undefined

* test: add test case

* test: add test case

* test: add vue preset as default preset, abcde and abcd test case

* test: udpate test

* test: all valid options

* improvement: comment

* test: inline test
---
 docs/rules/README.md                          |   1 +
 .../no-potential-component-option-typo.md     | 121 +++++
 lib/index.js                                  |   1 +
 .../no-potential-component-option-typo.js     | 108 +++++
 lib/utils/index.js                            |  32 ++
 lib/utils/vue-component-options.json          |  47 ++
 .../no-potential-component-option-typo.js     | 452 ++++++++++++++++++
 tests/lib/utils/index.js                      |  14 +
 8 files changed, 776 insertions(+)
 create mode 100644 docs/rules/no-potential-component-option-typo.md
 create mode 100644 lib/rules/no-potential-component-option-typo.js
 create mode 100644 lib/utils/vue-component-options.json
 create mode 100644 tests/lib/rules/no-potential-component-option-typo.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3b99cc240..5a1421472 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -286,6 +286,7 @@ For example:
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
+| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
new file mode 100644
index 000000000..91256a7d0
--- /dev/null
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -0,0 +1,121 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-potential-component-option-typo
+description: disallow a potential typo in your component property
+---
+# vue/no-potential-component-option-typo
+> disallow a potential typo in your component property
+
+## :book: Rule Details
+
+This Rule disallow a potential typo in your component options
+
+**Here is the config**
+```js
+{'vue/no-potential-component-option-typo': ['error', {presets: ['all'], custom: ['test']}]}
+```
+
+<eslint-code-block :rules="{'vue/no-potential-component-option-typo': ['error', {presets: ['all'], custom: ['test']}]}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  props: {
+    
+  },
+  /* × BAD */
+  method: {
+
+  },
+  /* ✓ GOOD */
+  data: {
+    
+  },
+  /* × BAD */
+  beforeRouteEnteR() {
+
+  },
+  /* × BAD due to custom option 'test'*/
+  testt: {
+
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+> we use editdistance to compare two string similarity, threshold is an option to control upper bound of editdistance to report
+
+**Here is the another example about config option `threshold`**
+```js
+{'vue/no-potential-component-option-typo': ['error', {presets: ['vue', 'nuxt'], threshold: 5}]}
+```
+
+<eslint-code-block :rules="{'vue/no-potential-component-option-typo': ['error', {presets: ['vue', 'nuxt'], threshold: 5}]}">
+
+```vue
+<script>
+export default {
+  /* ✓ BAD, due to threshold is 5 */
+  props: {
+    
+  },
+  /* ✓ BAD, due to threshold is 5 */
+  method: {
+
+  },
+  /* ✓ BAD, due to threshold is 5 */
+  data: {
+    
+  },
+  /* × GOOD, due to we don't choose vue-router preset or add a custom option */
+  beforeRouteEnteR() {
+
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+```js
+{
+    "vue/no-unsed-vars": [{
+      presets: {
+        type: 'array',
+        items: {
+          type: 'string',
+          enum: ['all', 'vue', 'vue-router', 'nuxt']
+        },
+        uniqueItems: true,
+        minItems: 0
+      },
+      custom: {
+        type: 'array',
+        minItems: 0,
+        items: { type: 'string' },
+        uniqueItems: true
+      },
+      threshold: {
+        type: 'number',
+        'minimum': 1
+      }
+    }]
+}
+```
+- `presets` ... `enum type`, contains several common vue component option set, `['all']` is the same as `['vue', 'vue-router', 'nuxt']`. **default** `[]`
+- `custom` ... `array type`, a list store your custom component option want to detect. **default** `[]`
+- `threshold` ... `number type`, a number used to control the upper limit of the reported editing distance, we recommend don't change this config option, even if it is required, not bigger than `2`. **default** `1`
+## :rocket: Suggestion
+- We provide all the possible component option that editdistance between your vue component option and configuration options is greater than 0 and lessEqual than threshold
+
+## :books: Further reading
+- [Edit_distance](https://en.wikipedia.org/wiki/Edit_distance)
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-potential-component-option-typo.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-potential-component-option-typo.js)
diff --git a/lib/index.js b/lib/index.js
index ed1b93103..5573e998d 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -67,6 +67,7 @@ module.exports = {
     'no-multi-spaces': require('./rules/no-multi-spaces'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-parsing-error': require('./rules/no-parsing-error'),
+    'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
new file mode 100644
index 000000000..13d18f57e
--- /dev/null
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -0,0 +1,108 @@
+/**
+ * @fileoverview detect if there is a potential typo in your component property
+ * @author IWANABETHATGUY
+ */
+'use strict'
+
+const utils = require('../utils')
+const vueComponentOptions = require('../utils/vue-component-options.json')
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow a potential typo in your component property',
+      categories: undefined,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          presets: {
+            type: 'array',
+            items: {
+              type: 'string',
+              enum: ['all', 'vue', 'vue-router', 'nuxt']
+            },
+            uniqueItems: true,
+            minItems: 0
+          },
+          custom: {
+            type: 'array',
+            minItems: 0,
+            items: { type: 'string' },
+            uniqueItems: true
+          },
+          threshold: {
+            type: 'number',
+            'minimum': 1
+          }
+        }
+      }
+    ]
+  },
+
+  create: function (context) {
+    const option = context.options[0] || {}
+    const custom = option['custom'] || []
+    const presets = option['presets'] || ['vue']
+    const threshold = option['threshold'] || 1
+    let candidateOptions
+    if (presets.includes('all')) {
+      candidateOptions = Object.keys(vueComponentOptions).reduce((pre, cur) => {
+        return [...pre, ...vueComponentOptions[cur]]
+      }, [])
+    } else {
+      candidateOptions = presets.reduce((pre, cur) => {
+        return [...pre, ...vueComponentOptions[cur]]
+      }, [])
+    }
+    const candidateOptionSet = new Set([...candidateOptions, ...custom])
+    const candidateOptionList = [...candidateOptionSet]
+    if (!candidateOptionList.length) {
+      return {}
+    }
+    return utils.executeOnVue(context, obj => {
+      const componentInstanceOptions = obj.properties.filter(
+        p => p.type === 'Property' && p.key.type === 'Identifier'
+      )
+      if (!componentInstanceOptions.length) {
+        return {}
+      }
+      componentInstanceOptions.forEach(option => {
+        const id = option.key
+        const name = id.name
+        if (candidateOptionSet.has(name)) {
+          return
+        }
+        const potentialTypoList = candidateOptionList
+          .map(o => ({ option: o, distance: utils.editDistance(o, name) }))
+          .filter(({ distance, option }) => distance <= threshold && distance > 0)
+          .sort((a, b) => a.distance - b.distance)
+        if (potentialTypoList.length) {
+          context.report({
+            node: id,
+            loc: id.loc,
+            message: `'{{name}}' may be a typo, which is similar to option [{{option}}].`,
+            data: {
+              name,
+              option: potentialTypoList.map(({ option }) => option).join(',')
+            },
+            suggest: potentialTypoList.map(({ option }) => ({
+              desc: `Replace property '${name}' to '${option}'`,
+              fix (fixer) {
+                return fixer.replaceText(id, option)
+              }
+            }))
+          })
+        }
+      })
+    })
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 7787c1389..296acd87a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -914,6 +914,38 @@ module.exports = {
     return parsedCallee.reverse().join('.').replace(/\.\[/g, '[')
   },
 
+  /**
+   * return two string editdistance
+   * @param {string} a string a to compare
+   * @param {string} b string b to compare
+   * @returns {number}
+   */
+  editDistance (a, b) {
+    if (a === b) {
+      return 0
+    }
+    const alen = a.length
+    const blen = b.length
+    const dp = Array.from({ length: alen + 1 }).map(_ =>
+      Array.from({ length: blen + 1 }).fill(0)
+    )
+    for (let i = 0; i <= alen; i++) {
+      dp[i][0] = i
+    }
+    for (let j = 0; j <= blen; j++) {
+      dp[0][j] = j
+    }
+    for (let i = 1; i <= alen; i++) {
+      for (let j = 1; j <= blen; j++) {
+        if (a[i - 1] === b[j - 1]) {
+          dp[i][j] = dp[i - 1][j - 1]
+        } else {
+          dp[i][j] = Math.min(dp[i - 1][j], dp[i][j - 1], dp[i - 1][j - 1]) + 1
+        }
+      }
+    }
+    return dp[alen][blen]
+  },
   /**
    * Unwrap typescript types like "X as F"
    * @template T
diff --git a/lib/utils/vue-component-options.json b/lib/utils/vue-component-options.json
new file mode 100644
index 000000000..643e1299e
--- /dev/null
+++ b/lib/utils/vue-component-options.json
@@ -0,0 +1,47 @@
+{
+  "nuxt": ["asyncData", "fetch", "head", "key", "layout", "loading", "middleware", "scrollToTop", "transition", "validate", "watchQuery"],
+  "vue-router": [
+    "beforeRouteEnter",
+    "beforeRouteUpdate",
+    "beforeRouteLeave"
+  ],
+  "vue": [
+    "data",
+    "props",
+    "propsData",
+    "computed",
+    "methods",
+    "watch",
+    "el",
+    "template",
+    "render",
+    "renderError",
+    "staticRenderFns",
+    "beforeCreate",
+    "created",
+    "beforeDestroy",
+    "destroyed",
+    "beforeMount",
+    "mounted",
+    "beforeUpdate",
+    "updated",
+    "activated",
+    "deactivated",
+    "errorCaptured",
+    "serverPrefetch",
+    "directives",
+    "components",
+    "transitions",
+    "filters",
+    "provide",
+    "inject",
+    "model",
+    "parent",
+    "mixins",
+    "name",
+    "extends",
+    "delimiters",
+    "comments",
+    "inheritAttrs"
+  ]
+}
\ No newline at end of file
diff --git a/tests/lib/rules/no-potential-component-option-typo.js b/tests/lib/rules/no-potential-component-option-typo.js
new file mode 100644
index 000000000..12f8ed04e
--- /dev/null
+++ b/tests/lib/rules/no-potential-component-option-typo.js
@@ -0,0 +1,452 @@
+/**
+ * @fileoverview detect if there is a potential typo in your component property
+ * @author IWANABETHATGUY
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-potential-component-option-typo')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+})
+
+tester.run('no-potential-component-option-typo', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        dat: {},
+        method: {}
+      }
+      </script>
+      `,
+      // because vue preset is include by default, set the presets to empty
+      options: [{ presets: [] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+      }
+      </script>
+      `,
+      options: [{ presets: ['vue'] }]
+    },
+    // test if give preset and the potentialTypoList length is zero, just for 100% test cover
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {}
+      }
+      </script>
+      `,
+      options: [{ presets: ['vue'] }]
+    },
+    // multi preset that won't report
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {},
+        beforeRouteEnter() {}
+      }
+      </script>
+      `,
+      options: [{ presets: ['vue', 'vue-router'] }]
+    },
+    //  test custom option that is not available in the presets
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        custom: {},
+        foo: {}
+      }
+      </script>
+      `,
+      options: [{ custom: ['custom', 'foo'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        abcde: {},
+        abcd: {}
+      }
+      </script>
+      `,
+      options: [{ custom: ['abcde', 'abcd'] }]
+    },
+    // valid test case set custom and threshold
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        custom: {},
+        fooooo: {}
+      }
+      </script>
+      `,
+      options: [{ custom: ['custom', 'foo'], threshold: 2 }]
+    },
+    // test all valid vue options
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        asyncData: {},
+        fetch: {},
+        head: {},
+        key: {},
+        layout: {},
+        loading: {},
+        middleware: {},
+        scrollToTop: {},
+        transition: {},
+        validate: {},
+        watchQuery: {},
+        beforeRouteEnter: {},
+        beforeRouteUpdate: {},
+        beforeRouteLeave: {},
+        data() {},
+        props: {},
+        propsData: {},
+        computed: {},
+        methods: {},
+        watch: {},
+        el: {},
+        template: {},
+        render() {},
+        renderError() {},
+        staticRenderFns: {},
+        beforeCreate: {},
+        created: {},
+        beforeDestroy: {},
+        destroyed: {},
+        beforeMount: {},
+        mounted: {},
+        beforeUpdate: {},
+        updated: {},
+        activated: {},
+        deactivated: {},
+        errorCaptured: {},
+        serverPrefetch: {},
+        directives: {},
+        components: {},
+        transitions: {},
+        filters: {},
+        provide: {},
+        inject: {},
+        model: {},
+        parent: {},
+        mixins: {},
+        name: {},
+        extends: {},
+        delimiters: {},
+        comments: {},
+        inheritAttrs: {},
+      }; 
+      </script>
+      `,
+      options: [{ presets: ['all'] }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        dat: {},
+        method: {}
+      }
+      </script>`,
+      errors: [
+        {
+          message: "'dat' may be a typo, which is similar to option [data].",
+          line: 4,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'dat' to 'data'`,
+              output: `
+      <script>
+      export default {
+        data: {},
+        method: {}
+      }
+      </script>`
+            }
+          ]
+        },
+        {
+          message: `'method' may be a typo, which is similar to option [methods].`,
+          line: 5,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'method' to 'methods'`,
+              output: `
+      <script>
+      export default {
+        dat: {},
+        methods: {}
+      }
+      </script>`
+            }
+          ]
+        }
+      ],
+      options: [{ custom: ['data', 'methods'] }]
+    },
+    // test if user define custom rule is duplicate with presets
+    //  test custom option that is not available in the presets
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        dat: {},
+        method: {},
+        custo: {}
+      }
+      </script>`,
+      errors: [
+        {
+          message: "'dat' may be a typo, which is similar to option [data].",
+          line: 4,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'dat' to 'data'`,
+              output: `
+      <script>
+      export default {
+        data: {},
+        method: {},
+        custo: {}
+      }
+      </script>`
+            }
+          ]
+        },
+        {
+          message: `'method' may be a typo, which is similar to option [methods].`,
+          line: 5,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'method' to 'methods'`,
+              output: `
+      <script>
+      export default {
+        dat: {},
+        methods: {},
+        custo: {}
+      }
+      </script>`
+            }
+          ]
+        },
+        {
+          message: `'custo' may be a typo, which is similar to option [custom].`,
+          line: 6,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'custo' to 'custom'`,
+              output: `
+      <script>
+      export default {
+        dat: {},
+        method: {},
+        custom: {}
+      }
+      </script>`
+            }
+          ]
+        }
+      ],
+      options: [
+        { custom: ['data', 'methods', 'custom', 'foo'], presets: ['all'] }
+      ]
+    },
+    // test if report correctly, only have preset option
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        dat: {},
+        method: {}
+      }
+      </script>`,
+      errors: [
+        {
+          message: "'dat' may be a typo, which is similar to option [data].",
+          line: 4,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'dat' to 'data'`,
+              output: `
+      <script>
+      export default {
+        data: {},
+        method: {}
+      }
+      </script>`
+            }
+          ]
+        },
+        {
+          message: `'method' may be a typo, which is similar to option [methods].`,
+          line: 5,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'method' to 'methods'`,
+              output: `
+      <script>
+      export default {
+        dat: {},
+        methods: {}
+      }
+      </script>`
+            }
+          ]
+        }
+      ],
+      options: [{ presets: ['vue'] }]
+    },
+    // multi preset report typo
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        dat: {},
+        beforeRouteEntr,
+        method: {}
+      }
+      </script>`,
+      errors: [
+        {
+          message: "'dat' may be a typo, which is similar to option [data].",
+          line: 4,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'dat' to 'data'`,
+              output: `
+      <script>
+      export default {
+        data: {},
+        beforeRouteEntr,
+        method: {}
+      }
+      </script>`
+            }
+          ]
+        },
+        {
+          message:
+            "'beforeRouteEntr' may be a typo, which is similar to option [beforeRouteEnter].",
+          line: 5,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'beforeRouteEntr' to 'beforeRouteEnter'`,
+              output: `
+      <script>
+      export default {
+        dat: {},
+        beforeRouteEnter,
+        method: {}
+      }
+      </script>`
+            }
+          ]
+        },
+        {
+          message: `'method' may be a typo, which is similar to option [methods].`,
+          line: 6,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'method' to 'methods'`,
+              output: `
+      <script>
+      export default {
+        dat: {},
+        beforeRouteEntr,
+        methods: {}
+      }
+      </script>`
+            }
+          ]
+        }
+      ],
+      options: [{ presets: ['vue', 'vue-router'] }]
+    },
+    // test multi suggestion
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        method: {}
+      }
+      </script>`,
+      errors: [
+        {
+          message: `'method' may be a typo, which is similar to option [methods,data].`,
+          line: 4,
+          column: 9,
+          suggestions: [
+            {
+              desc: `Replace property 'method' to 'methods'`,
+              output: `
+      <script>
+      export default {
+        methods: {}
+      }
+      </script>`
+            },
+            {
+              desc: `Replace property 'method' to 'data'`,
+              output: `
+      <script>
+      export default {
+        data: {}
+      }
+      </script>`
+            }
+          ]
+        }
+      ],
+      options: [{ custom: ['data', 'methods'], threshold: 10, presets: [] }]
+    }
+  ]
+})
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index f698a98ef..219c94d35 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -367,3 +367,17 @@ describe('getComponentProps', () => {
     assert.notOk(props[3].value)
   })
 })
+
+describe('editdistance', () => {
+  const editDistance = utils.editDistance
+  it('should return editDistance beteen two string', () => {
+    assert.equal(editDistance('book', 'back'), 2)
+    assert.equal(editDistance('methods', 'metho'), 2)
+    assert.equal(editDistance('methods', 'metds'), 2)
+    assert.equal(editDistance('computed', 'comput'), 2)
+    assert.equal(editDistance('book', 'back'), 2)
+    assert.equal(editDistance('methods', 'method'), 1)
+    assert.equal(editDistance('methods', 'methds'), 1)
+    assert.equal(editDistance('computed', 'computd'), 1)
+  })
+})

From a95b1f2a8c8b16a9eedd0ff7a81075f06241ea6f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 19:56:15 +0900
Subject: [PATCH 0073/1010] Update preset

---
 docs/rules/README.md                     | 2 ++
 lib/configs/strongly-recommended.js      | 1 +
 lib/configs/vue3-strongly-recommended.js | 1 +
 lib/index.js                             | 1 +
 4 files changed, 5 insertions(+)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 5a1421472..2b7defe57 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -119,6 +119,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: |
 | [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: |
 | [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  |
+| [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  |
 | [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
 | [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
 | [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
@@ -222,6 +223,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: |
 | [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: |
 | [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  |
+| [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  |
 | [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
 | [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
 | [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
diff --git a/lib/configs/strongly-recommended.js b/lib/configs/strongly-recommended.js
index 22018866c..0d3d41246 100644
--- a/lib/configs/strongly-recommended.js
+++ b/lib/configs/strongly-recommended.js
@@ -20,6 +20,7 @@ module.exports = {
     'vue/no-multi-spaces': 'warn',
     'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
     'vue/no-template-shadow': 'warn',
+    'vue/one-component-per-file': 'warn',
     'vue/prop-name-casing': 'warn',
     'vue/require-default-prop': 'warn',
     'vue/require-prop-types': 'warn',
diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index 771c5b922..f62d3450f 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -20,6 +20,7 @@ module.exports = {
     'vue/no-multi-spaces': 'warn',
     'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
     'vue/no-template-shadow': 'warn',
+    'vue/one-component-per-file': 'warn',
     'vue/prop-name-casing': 'warn',
     'vue/require-default-prop': 'warn',
     'vue/require-prop-types': 'warn',
diff --git a/lib/index.js b/lib/index.js
index 5573e998d..7b3b5d9d1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -90,6 +90,7 @@ module.exports = {
     'no-v-model-argument': require('./rules/no-v-model-argument'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
+    'one-component-per-file': require('./rules/one-component-per-file'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'prefer-template': require('./rules/prefer-template'),

From 0a5aeaf7321d537dd93413d9c06962f7ad06aac4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 May 2020 19:56:24 +0900
Subject: [PATCH 0074/1010] Updated "vue/no-potential-component-option-typo"
 rule to support Vue 3.x and update docs. (#1150)

---
 .../no-potential-component-option-typo.md     | 59 ++++++++++---------
 lib/utils/vue-component-options.json          | 11 +++-
 2 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index 91256a7d0..e347676db 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -9,11 +9,18 @@ description: disallow a potential typo in your component property
 
 ## :book: Rule Details
 
-This Rule disallow a potential typo in your component options
+This rule disallow a potential typo in your component options
 
 **Here is the config**
-```js
-{'vue/no-potential-component-option-typo': ['error', {presets: ['all'], custom: ['test']}]}
+
+```json
+{
+  "vue/no-potential-component-option-typo": ["error", {
+    "presets": ["all"],
+    "custom": ["test"]
+    }
+  ]
+}
 ```
 
 <eslint-code-block :rules="{'vue/no-potential-component-option-typo': ['error', {presets: ['all'], custom: ['test']}]}">
@@ -50,8 +57,14 @@ export default {
 > we use editdistance to compare two string similarity, threshold is an option to control upper bound of editdistance to report
 
 **Here is the another example about config option `threshold`**
-```js
-{'vue/no-potential-component-option-typo': ['error', {presets: ['vue', 'nuxt'], threshold: 5}]}
+
+```json
+{
+  "vue/no-potential-component-option-typo": ["error", {
+    "presets": ["vue", "nuxt"],
+    "threshold": 5
+  }]
+}
 ```
 
 <eslint-code-block :rules="{'vue/no-potential-component-option-typo': ['error', {presets: ['vue', 'nuxt'], threshold: 5}]}">
@@ -82,39 +95,29 @@ export default {
 </eslint-code-block>
 
 ## :wrench: Options
-```js
+
+```json
 {
-    "vue/no-unsed-vars": [{
-      presets: {
-        type: 'array',
-        items: {
-          type: 'string',
-          enum: ['all', 'vue', 'vue-router', 'nuxt']
-        },
-        uniqueItems: true,
-        minItems: 0
-      },
-      custom: {
-        type: 'array',
-        minItems: 0,
-        items: { type: 'string' },
-        uniqueItems: true
-      },
-      threshold: {
-        type: 'number',
-        'minimum': 1
-      }
-    }]
+  "vue/no-unsed-vars": ["error", {
+    "presets": ["vue"],
+    "custom": [],
+    "threshold": 1
+  }]
 }
 ```
-- `presets` ... `enum type`, contains several common vue component option set, `['all']` is the same as `['vue', 'vue-router', 'nuxt']`. **default** `[]`
+
+- `presets` ... `enum type`, contains several common vue component option set, `["all"]` is the same as `["vue", "vue-router", "nuxt"]`. **default** `["vue"]`
 - `custom` ... `array type`, a list store your custom component option want to detect. **default** `[]`
 - `threshold` ... `number type`, a number used to control the upper limit of the reported editing distance, we recommend don't change this config option, even if it is required, not bigger than `2`. **default** `1`
+
 ## :rocket: Suggestion
+
 - We provide all the possible component option that editdistance between your vue component option and configuration options is greater than 0 and lessEqual than threshold
 
 ## :books: Further reading
+
 - [Edit_distance](https://en.wikipedia.org/wiki/Edit_distance)
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-potential-component-option-typo.js)
diff --git a/lib/utils/vue-component-options.json b/lib/utils/vue-component-options.json
index 643e1299e..1dcce9f5c 100644
--- a/lib/utils/vue-component-options.json
+++ b/lib/utils/vue-component-options.json
@@ -42,6 +42,13 @@
     "extends",
     "delimiters",
     "comments",
-    "inheritAttrs"
+    "inheritAttrs",
+
+    "setup",
+    "emits",
+    "beforeUnmount",
+    "unmounted",
+    "renderTracked",
+    "renderTriggered"
   ]
-}
\ No newline at end of file
+}

From 5750d7aeac3d0e342b42c6d284287bb9ef8e174c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 21 May 2020 11:19:55 +0900
Subject: [PATCH 0075/1010] Add `vue/no-unused-properties` rule (from #871)
 (#1145)

* New: add vue/no-unused-properties rule (#631)

* Update

* Updated to trace function calls.

Co-authored-by: Michaela Robosova <robosova.michaela@seznam.cz>
---
 docs/rules/README.md                    |    1 +
 docs/rules/no-unused-properties.md      |  164 +++
 lib/index.js                            |    1 +
 lib/rules/no-unused-properties.js       |  498 +++++++++
 lib/utils/index.js                      |   11 +
 tests/lib/rules/no-unused-properties.js | 1245 +++++++++++++++++++++++
 6 files changed, 1920 insertions(+)
 create mode 100644 docs/rules/no-unused-properties.md
 create mode 100644 lib/rules/no-unused-properties.js
 create mode 100644 tests/lib/rules/no-unused-properties.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 2b7defe57..e160ba03d 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -295,6 +295,7 @@ For example:
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
+| [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
new file mode 100644
index 000000000..438187060
--- /dev/null
+++ b/docs/rules/no-unused-properties.md
@@ -0,0 +1,164 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-unused-properties
+description: disallow unused properties
+---
+# vue/no-unused-properties
+> disallow unused properties
+
+## :book: Rule Details
+
+This rule is aimed at eliminating unused properties.
+
+::: warning Note
+This rule cannot be checked for use in other components (e.g. `mixins`, Property access via `$refs`) and use in places where the scope cannot be determined.
+:::
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>{{ count }}</div>
+</template>
+<script>
+  export default {
+    props: ['count']
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error']}">
+
+```vue
+<!-- ✗ BAD (`count` property not used) -->
+<template>
+  <div>{{ cnt }}</div>
+</template>
+<script>
+  export default {
+    props: ['count']
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-unused-properties": ["error", {
+    "groups": ["props"]
+  }]
+}
+```
+
+- `"groups"` (`string[]`) Array of groups to search for properties. Default is `["props"]`. The value of the array is some of the following strings:
+  - `"props"`
+  - `"data"`
+  - `"computed"`
+  - `"methods"`
+  - `"setup"`
+
+### `"groups": ["props", "data"]`
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'data']}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+  export default {
+    data() {
+      return {
+        count: null
+      }
+    },
+    created() {
+      this.count = 2
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'data']}]}">
+
+```vue
+<!-- ✓ BAD (`count` data not used) -->
+<script>
+  export default {
+    data() {
+      return {
+        count: null
+      }
+    },
+    created() {
+      this.cnt = 2
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+### `"groups": ["props", "computed"]`
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'computed']}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <p>{{ reversedMessage }}</p>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        message: 'Hello'
+      }
+    },
+    computed: {
+      reversedMessage() {
+        return this.message.split('').reverse().join('')
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'computed']}]}">
+
+```vue
+<!-- ✓ BAD (`reversedMessage` computed property not used) -->
+<template>
+  <p>{{ message }}</p>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        message: 'Hello'
+      }
+    },
+    computed: {
+      reversedMessage() {
+        return this.message.split('').reverse().join('')
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-properties.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unused-properties.js)
diff --git a/lib/index.js b/lib/index.js
index 7b3b5d9d1..ba8da3e72 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -84,6 +84,7 @@ module.exports = {
     'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
+    'no-unused-properties': require('./rules/no-unused-properties'),
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-v-html': require('./rules/no-v-html'),
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
new file mode 100644
index 000000000..2462446e4
--- /dev/null
+++ b/lib/rules/no-unused-properties.js
@@ -0,0 +1,498 @@
+/**
+ * @fileoverview Disallow unused properties, data and computed properties.
+ * @author Learning Equality
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const eslintUtils = require('eslint-utils')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.Node} Node
+ * @typedef {import('vue-eslint-parser').AST.ESLintNode} ASTNode
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectPattern} ObjectPattern
+ * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
+ * @typedef {import('vue-eslint-parser').AST.ESLintThisExpression} ThisExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintFunctionExpression} FunctionExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintArrowFunctionExpression} ArrowFunctionExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintFunctionDeclaration} FunctionDeclaration
+ * @typedef {import('eslint').Scope.Variable} Variable
+ * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ */
+/**
+ * @typedef { { name: string, groupName: string, node: ASTNode } } PropertyData
+ * @typedef { { usedNames: Set<string> } } TemplatePropertiesContainer
+ * @typedef { { properties: Array<PropertyData>, usedNames: Set<string>, unknown: boolean, usedPropsNames: Set<string>, unknownProps: boolean } } VueComponentPropertiesContainer
+ * @typedef { { node: FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, index: number } } CallIdAndParamIndex
+ * @typedef { { usedNames: Set<string>, unknown: boolean } } UsedProperties
+ */
+
+// ------------------------------------------------------------------------------
+// Constants
+// ------------------------------------------------------------------------------
+
+const GROUP_PROPERTY = 'props'
+const GROUP_DATA = 'data'
+const GROUP_COMPUTED_PROPERTY = 'computed'
+const GROUP_METHODS = 'methods'
+const GROUP_SETUP = 'setup'
+const GROUP_WATCHER = 'watch'
+
+const PROPERTY_LABEL = {
+  [GROUP_PROPERTY]: 'property',
+  [GROUP_DATA]: 'data',
+  [GROUP_COMPUTED_PROPERTY]: 'computed property',
+  [GROUP_METHODS]: 'method',
+  [GROUP_SETUP]: 'property returned from `setup()`'
+}
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Find the variable of a given name.
+ * @param {RuleContext} context The rule context
+ * @param {ASTNode} node The variable name to find.
+ * @returns {Variable|null} The found variable or null.
+ */
+function findVariable (context, node) {
+  // @ts-ignore
+  return eslintUtils.findVariable(getScope(context, node), node)
+}
+/**
+ * Gets the scope for the current node
+ * @param {RuleContext} context The rule context
+ * @param {ASTNode} currentNode The node to get the scope of
+ * @returns { import('eslint-scope').Scope } The scope information for this node
+ */
+function getScope (context, currentNode) {
+  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
+  const inner = currentNode.type !== 'Program'
+  const scopeManager = context.getSourceCode().scopeManager
+
+  // @ts-ignore
+  for (let node = currentNode; node; node = node.parent) {
+    // @ts-ignore
+    const scope = scopeManager.acquire(node, inner)
+
+    if (scope) {
+      if (scope.type === 'function-expression-name') {
+        return scope.childScopes[0]
+      }
+      return scope
+    }
+  }
+
+  return scopeManager.scopes[0]
+}
+
+/**
+ * Extract names from references objects.
+ */
+function getReferencesNames (references) {
+  return references
+    .filter(ref => ref.variable == null)
+    .map(ref => ref.id.name)
+}
+
+/**
+ * @param {ObjectPattern} node
+ * @returns {UsedProperties}
+ */
+function extractObjectPatternProperties (node) {
+  const usedNames = new Set()
+  for (const prop of node.properties) {
+    if (prop.type === 'Property') {
+      usedNames.add(utils.getStaticPropertyName(prop))
+    } else {
+      // If use RestElement, everything is used!
+      return {
+        usedNames,
+        unknown: true
+      }
+    }
+  }
+  return {
+    usedNames,
+    unknown: false
+  }
+}
+
+/**
+ * @param {Identifier | ThisExpression} node
+ * @param {RuleContext} context
+ * @returns {UsedProps}
+ */
+function extractIdOrThisProperties (node, context) {
+  /** @type {UsedProps} */
+  const result = new UsedProps()
+  const parent = node.parent
+  if (parent.type === 'AssignmentExpression') {
+    if (parent.right === node && parent.left.type === 'ObjectPattern') {
+      // `({foo} = arg)`
+      const { usedNames, unknown } = extractObjectPatternProperties(parent.left)
+      usedNames.forEach(name => result.usedNames.add(name))
+      result.unknown = result.unknown || unknown
+    }
+  } else if (parent.type === 'VariableDeclarator') {
+    if (parent.init === node && parent.id.type === 'ObjectPattern') {
+      // `const {foo} = arg`
+      const { usedNames, unknown } = extractObjectPatternProperties(parent.id)
+      usedNames.forEach(name => result.usedNames.add(name))
+      result.unknown = result.unknown || unknown
+    }
+  } else if (parent.type === 'MemberExpression') {
+    if (parent.object === node) {
+      // `arg.foo`
+      const name = utils.getStaticPropertyName(parent)
+      if (name) {
+        result.usedNames.add(name)
+      } else {
+        result.unknown = true
+      }
+    }
+  } else if (parent.type === 'CallExpression') {
+    const argIndex = parent.arguments.indexOf(node)
+    if (argIndex > -1 && parent.callee.type === 'Identifier') {
+      // `foo(arg)`
+      const calleeVariable = findVariable(context, parent.callee)
+      if (!calleeVariable) {
+        return result
+      }
+      if (calleeVariable.defs.length === 1) {
+        const def = calleeVariable.defs[0]
+        if (
+          def.type === 'Variable' &&
+              def.parent &&
+              def.parent.kind === 'const' &&
+              (def.node.init.type === 'FunctionExpression' || def.node.init.type === 'ArrowFunctionExpression')
+        ) {
+          result.calls.push({
+            // @ts-ignore
+            node: def.node.init,
+            index: argIndex
+          })
+        } else if (def.node.type === 'FunctionDeclaration') {
+          result.calls.push({
+            node: def.node,
+            index: argIndex
+          })
+        }
+      }
+    }
+  }
+  return result
+}
+
+/**
+ * Collects the property names used.
+ */
+class UsedProps {
+  constructor () {
+    /** @type {Set<string>} */
+    this.usedNames = new Set()
+    /** @type {CallIdAndParamIndex[]} */
+    this.calls = []
+    this.unknown = false
+  }
+}
+
+/**
+ * Collects the property names used for one parameter of the function.
+ */
+class ParamUsedProps extends UsedProps {
+  /**
+   * @param {ASTNode} paramNode
+   * @param {RuleContext} context
+   */
+  constructor (paramNode, context) {
+    super()
+
+    if (paramNode.type === 'RestElement' || paramNode.type === 'ArrayPattern') {
+      // cannot check
+      return
+    }
+    if (paramNode.type === 'ObjectPattern') {
+      const { usedNames, unknown } = extractObjectPatternProperties(paramNode)
+      usedNames.forEach(name => this.usedNames.add(name))
+      this.unknown = this.unknown || unknown
+      return
+    }
+    const variable = findVariable(context, paramNode)
+    if (!variable) {
+      return
+    }
+    for (const reference of variable.references) {
+      /** @type {Identifier} */
+      // @ts-ignore
+      const id = reference.identifier
+      const { usedNames, unknown, calls } = extractIdOrThisProperties(id, context)
+      usedNames.forEach(name => this.usedNames.add(name))
+      this.unknown = this.unknown || unknown
+      this.calls.push(...calls)
+    }
+  }
+}
+
+/**
+ * Collects the property names used for parameters of the function.
+ */
+class ParamsUsedProps {
+  /**
+   * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
+   * @param {RuleContext} context
+   */
+  constructor (node, context) {
+    this.node = node
+    this.context = context
+    /** @type {ParamUsedProps[]} */
+    this.params = []
+  }
+
+  /**
+   * @param {number} index
+   * @returns {ParamUsedProps}
+   */
+  getParam (index) {
+    const param = this.params[index]
+    if (param != null) {
+      return param
+    }
+    if (this.node.params[index]) {
+      return (this.params[index] = new ParamUsedProps(this.node.params[index], this.context))
+    }
+    return null
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow unused properties',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-unused-properties.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          groups: {
+            type: 'array',
+            items: {
+              enum: [
+                GROUP_PROPERTY,
+                GROUP_DATA,
+                GROUP_COMPUTED_PROPERTY,
+                GROUP_METHODS,
+                GROUP_SETUP
+              ]
+            },
+            additionalItems: false,
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      unused: "'{{name}}' of {{group}} found, but never used."
+    }
+  },
+
+  create (context) {
+    const options = context.options[0] || {}
+    const groups = new Set(options.groups || [GROUP_PROPERTY])
+
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, ParamsUsedProps>} */
+    const paramsUsedPropsMap = new Map()
+    /** @type {TemplatePropertiesContainer} */
+    const templatePropertiesContainer = {
+      usedNames: new Set()
+    }
+    /** @type {Map<ASTNode, VueComponentPropertiesContainer>} */
+    const vueComponentPropertiesContainerMap = new Map()
+
+    /**
+     * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
+     * @returns {ParamsUsedProps}
+     */
+    function getParamsUsedProps (node) {
+      let usedProps = paramsUsedPropsMap.get(node)
+      if (!usedProps) {
+        usedProps = new ParamsUsedProps(node, context)
+        paramsUsedPropsMap.set(node, usedProps)
+      }
+      return usedProps
+    }
+
+    /**
+     * @param {ASTNode} node
+     * @returns {VueComponentPropertiesContainer}
+     */
+    function getVueComponentPropertiesContainer (node) {
+      let container = vueComponentPropertiesContainerMap.get(node)
+      if (!container) {
+        container = {
+          properties: [],
+          usedNames: new Set(),
+          usedPropsNames: new Set(),
+          unknown: false,
+          unknownProps: false
+        }
+        vueComponentPropertiesContainerMap.set(node, container)
+      }
+      return container
+    }
+
+    /**
+     * Report all unused properties.
+     */
+    function reportUnusedProperties () {
+      for (const container of vueComponentPropertiesContainerMap.values()) {
+        if (container.unknown) {
+          continue
+        }
+        for (const property of container.properties) {
+          if (container.usedNames.has(property.name) || templatePropertiesContainer.usedNames.has(property.name)) {
+            continue
+          }
+          if (property.groupName === 'props' && (container.unknownProps || container.usedPropsNames.has(property.name))) {
+            continue
+          }
+          context.report({
+            node: property.node,
+            messageId: 'unused',
+            data: {
+              group: PROPERTY_LABEL[property.groupName],
+              name: property.name
+            }
+          })
+        }
+      }
+    }
+
+    /**
+     * @param {UsedProps} usedProps
+     * @param {Map<ASTNode,Set<number>>} already
+     * @returns {Generator<UsedProps>}
+     */
+    function * iterateUsedProps (usedProps, already = new Map()) {
+      yield usedProps
+      for (const call of usedProps.calls) {
+        let alreadyIndexes = already.get(call.node)
+        if (!alreadyIndexes) {
+          alreadyIndexes = new Set()
+          already.set(call.node, alreadyIndexes)
+        }
+        if (alreadyIndexes.has(call.index)) {
+          continue
+        }
+        alreadyIndexes.add(call.index)
+        const paramsUsedProps = getParamsUsedProps(call.node)
+        const paramUsedProps = paramsUsedProps.getParam(call.index)
+        if (!paramUsedProps) {
+          continue
+        }
+        yield paramUsedProps
+        yield * iterateUsedProps(paramUsedProps, already)
+      }
+    }
+
+    const scriptVisitor = Object.assign(
+      {},
+      utils.defineVueVisitor(context, {
+        ObjectExpression (node, vueData) {
+          if (node !== vueData.node) {
+            return
+          }
+
+          const container = getVueComponentPropertiesContainer(vueData.node)
+          const watcherNames = new Set()
+          for (const watcher of utils.iterateProperties(node, new Set([GROUP_WATCHER]))) {
+            watcherNames.add(watcher.name)
+          }
+          for (const prop of utils.iterateProperties(node, groups)) {
+            if (watcherNames.has(prop.name)) {
+              continue
+            }
+            container.properties.push(prop)
+          }
+        },
+        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, vueData) {
+          if (node.parent !== vueData.node) {
+            return
+          }
+          if (utils.getStaticPropertyName(node) !== 'setup') {
+            return
+          }
+          const container = getVueComponentPropertiesContainer(vueData.node)
+          const propsParam = node.value.params[0]
+          if (!propsParam) {
+            // no arguments
+            return
+          }
+          const paramsUsedProps = getParamsUsedProps(node.value)
+          const paramUsedProps = paramsUsedProps.getParam(0)
+
+          for (const { usedNames, unknown } of iterateUsedProps(paramUsedProps)) {
+            if (unknown) {
+              container.unknownProps = true
+              return
+            }
+            for (const name of usedNames) {
+              container.usedPropsNames.add(name)
+            }
+          }
+        },
+        'ThisExpression, Identifier' (node, vueData) {
+          if (!utils.isThis(node, context)) {
+            return
+          }
+          const container = getVueComponentPropertiesContainer(vueData.node)
+          const usedProps = extractIdOrThisProperties(node, context)
+
+          for (const { usedNames, unknown } of iterateUsedProps(usedProps)) {
+            if (unknown) {
+              container.unknown = true
+              return
+            }
+            for (const name of usedNames) {
+              container.usedNames.add(name)
+            }
+          }
+        }
+      }),
+      {
+        'Program:exit' (node) {
+          if (!node.templateBody) {
+            reportUnusedProperties()
+          }
+        }
+      },
+    )
+
+    const templateVisitor = {
+      'VExpressionContainer' (node) {
+        for (const name of getReferencesNames(node.references)) {
+          templatePropertiesContainer.usedNames.add(name)
+        }
+      },
+      "VElement[parent.type!='VElement']:exit" () {
+        reportUnusedProperties()
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 296acd87a..ad72908fe 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -966,6 +966,17 @@ module.exports = {
     if (node.type !== 'Identifier') {
       return false
     }
+    const parent = node.parent
+    if (parent.type === 'MemberExpression') {
+      if (parent.property === node) {
+        return false
+      }
+    } else if (parent.type === 'Property') {
+      if (parent.key === node && !parent.computed) {
+        return false
+      }
+    }
+
     const variable = findVariable(context.getScope(), node)
 
     if (variable != null && variable.defs.length === 1) {
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
new file mode 100644
index 000000000..a17aff8b9
--- /dev/null
+++ b/tests/lib/rules/no-unused-properties.js
@@ -0,0 +1,1245 @@
+/**
+ * @fileoverview Disallow unused properties, data and computed properties.
+ * @author Learning Equality
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-unused-properties')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+const allOptions = [{ groups: ['props', 'computed', 'data', 'methods', 'setup'] }]
+
+tester.run('no-unused-properties', rule, {
+  valid: [
+    // a property used in a script expression
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            created() {
+              alert(this.count + 1)
+            }
+          };
+        </script>
+      `
+    },
+    // default options
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data () {
+              return {
+                foo: 1
+              }
+            },
+            computed: {
+              bar() {}
+            },
+            methods: {
+              baz () {}
+            }
+          };
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup () {
+              return {
+                foo
+              }
+            },
+          };
+        </script>
+      `
+    },
+
+    // a property being watched
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              count: {
+                type: Number,
+                default: 0
+              }
+            },
+            watch: {
+              count() {
+                alert('Increased!');
+              },
+            },
+          };
+        </script>
+      `
+    },
+
+    // a property used as a template identifier
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          }
+        </script>
+      `
+    },
+
+    // properties used in a template expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count1 + count2 }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count1', 'count2']
+          };
+        </script>
+      `
+    },
+
+    // a property used in v-if
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="count > 0"></div>
+        </template>
+        <script>
+          export default {
+            props: {
+              count: {
+                type: Number
+              }
+            }
+          };
+        </script>
+      `
+    },
+
+    // a property used in v-for
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="color in colors">{{ color }}</div>
+        </template>
+        <script>
+          export default {
+            props: {
+              colors: {
+                type: Array,
+                default: () => []
+              }
+            }
+          };
+        </script>
+      `
+    },
+
+    // a property used in v-html
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-html="message" />
+        </template>
+        <script>
+          export default {
+            props: ['message']
+          };
+        </script>
+      `
+    },
+
+    // a property passed in a component
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <counter :count="count" />
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          };
+        </script>
+      `
+    },
+
+    // a property used in v-on
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <button @click="alert(count)" />
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          };
+        </script>
+      `
+    },
+
+    // data used in a script expression
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            },
+            created() {
+              alert(this.count + 1)
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data being watched
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                count: 2
+              };
+            },
+            watch: {
+              count() {
+                alert('Increased!');
+              },
+            },
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used as a template identifier
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count }}</div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            }
+          }
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used in a template expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count1 + count2 }}</div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count1: 1,
+                count2: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used in v-if
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="count > 0"></div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used in v-for
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="color in colors">{{ color }}</div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                colors: ["purple", "green"]
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used in v-html
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-html="message" />
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                message: "<span>Hey!</span>"
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used in v-model
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <input v-model="count" />
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data passed in a component
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <counter :count="count" />
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // data used in v-on
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <button @click="count++" />
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property used in a script expression
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              count() {
+                return 2;
+              }
+            },
+            created() {
+              const dummy = this.count + 1;
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property being watched
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              count() {
+                return 2;
+              }
+            },
+            watch: {
+              count() {
+                alert('Increased!');
+              },
+            },
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property used as a template identifier
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count }}</div>
+        </template>
+        <script>
+          export default {
+            computed: {
+              count() {
+                return 2;
+              }
+            }
+          }
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed properties used in a template expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count1 + count2 }}</div>
+        </template>
+        <script>
+          export default {
+            computed: {
+              count1() {
+                return 1;
+              },
+              count2() {
+                return 2;
+              }
+            }
+          }
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property used in v-if
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="count > 0"></div>
+        </template>
+        <script>
+          export default {
+            computed: {
+              count() {
+                return 2;
+              }
+            }
+          }
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property used in v-for
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="color in colors">{{ color }}</div>
+        </template>
+        <script>
+          export default {
+            computed: {
+              colors() {
+                return ["purple", "green"];
+              }
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property used in v-html
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-html="message" />
+        </template>
+        <script>
+          export default {
+            computed: {
+              message() {
+                return "<span>Hey!</span>";
+              }
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property used in v-model
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <input v-model="fullName" />
+        </template>
+        <script>
+          export default {
+            data() {
+              return {
+                firstName: "David",
+                lastName: "Attenborough"
+              }
+            },
+            computed: {
+              fullName: {
+                get() {
+                  return this.firstName + ' ' + this.lastName
+                },
+                set(newValue) {
+                  var names = newValue.split(' ')
+                  this.firstName = names[0]
+                  this.lastName = names[names.length - 1]
+                }
+              }
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // computed property passed in a component
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <counter :count="count" />
+        </template>
+        <script>
+          export default {
+            computed: {
+              count() {
+                return 2;
+              }
+            }
+          }
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // ignores unused data when marked with eslint-disable
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ cont }}</div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                // eslint-disable-next-line
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
+
+    // trace this
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            methods: {
+              click () {
+                const vm = this
+                fn(vm.count)
+              }
+            }
+          };
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            methods: {
+              click () {
+                const vm = this
+                const {count} = vm
+              }
+            }
+          };
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            methods: {
+              click () {
+                const vm = this
+                let count;
+                ({count} = vm)
+              }
+            }
+          };
+        </script>
+      `
+    },
+    // use rest
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ foo }}</div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            },
+            methods: {
+              click () {
+                const vm = this
+                const {...r} = vm
+              },
+              focus () {
+                fn(this.foo)
+              },
+              blur () {
+                const {foo} = this
+              },
+              keydown () {
+                let foo;
+                ({foo} = this)
+              }
+            }
+          };
+        </script>
+      `
+    },
+
+    // function trace
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(props)
+            }
+          }
+
+          function fn(p) {
+            return fn2(p)
+          }
+          function fn2(p2) {
+            const {...a} = p2
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(props)
+            }
+          }
+
+          function fn(a) {
+            return a[foo]
+          }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    // unused property
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ cont }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          };
+        </script>
+      `,
+      errors: [
+        {
+          message: "'count' of property found, but never used.",
+          line: 7
+        }
+      ]
+    },
+
+    // unused data
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ cont }}</div>
+        </template>
+        <script>
+          export default {
+            data () {
+              return {
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: [{ groups: ['props', 'computed', 'data'] }],
+      errors: [
+        {
+          message: "'count' of data found, but never used.",
+          line: 9
+        }
+      ]
+    },
+
+    // unused computed property
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ cont }}</div>
+        </template>
+        <script>
+          export default {
+            computed: {
+              count() {
+                return 2;
+              }
+            }
+          };
+        </script>
+      `,
+      options: [{ groups: ['props', 'computed', 'data'] }],
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 8
+        }
+      ]
+    },
+
+    // all options
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ foo }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['a'],
+            data() {
+              return {b:1}
+            },
+            computed: {
+              c() {
+                return 2;
+              }
+            },
+            methods: {
+              d() {}
+            },
+            setup() {
+              return {e:3}
+            }
+          };
+        </script>
+      `,
+      options: allOptions,
+      errors: [
+        {
+          message: "'a' of property found, but never used.",
+          line: 7
+        },
+        {
+          message: "'b' of data found, but never used.",
+          line: 9
+        },
+        {
+          message: "'c' of computed property found, but never used.",
+          line: 12
+        },
+        {
+          message: "'d' of method found, but never used.",
+          line: 17
+        },
+        {
+          message: "'e' of property returned from `setup()` found, but never used.",
+          line: 20
+        }
+      ]
+    },
+
+    // trace this
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            methods: {
+              click () {
+                fn(vm.count)
+              }
+            }
+          };
+        </script>
+      `,
+      errors: [
+        {
+          message: "'count' of property found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            methods: {
+              click () {
+                const {count} = vm
+              }
+            }
+          };
+        </script>
+      `,
+      errors: [
+        {
+          message: "'count' of property found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            methods: {
+              click () {
+                let count;
+                ({count} = vm)
+              }
+            }
+          };
+        </script>
+      `,
+      errors: [
+        {
+          message: "'count' of property found, but never used.",
+          line: 4
+        }
+      ]
+    },
+
+    // setup
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props:['foo', 'bar'],
+            setup(props) {
+              return fn(props.foo)
+            }
+          };
+        </script>
+      `,
+      errors: [
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props:['foo', 'bar'],
+            setup({foo}) {
+              return fn(foo)
+            }
+          };
+        </script>
+      `,
+      errors: [
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props:['foo', 'bar'],
+            setup(...foo) {
+              return fn(foo)
+            }
+          };
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props:['foo', 'bar'],
+            setup([foo]) {
+              return fn(foo)
+            }
+          };
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props:['foo', 'bar'],
+            setup(props) {
+              props = 'foo'
+            }
+          };
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used."
+      ]
+    },
+
+    // function trace
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar'],
+            methods: {
+              click () {
+                const vm = this
+                fn(vm)
+
+                fn(vm.vm.bar)
+              }
+            }
+          }
+
+          function fn(vm) {
+            return vm.foo
+          }
+        </script>
+      `,
+      errors: [
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(props)
+              fn3(props)
+            }
+          }
+
+          function fn(p) {
+            return fn2(p)
+          }
+          function fn2(p2) {
+            return p2.foo
+          }
+          function fn3({bar}) {}
+        </script>
+      `,
+      errors: [
+        "'baz' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar'],
+            setup (props) {
+              fn(props)
+
+              fn(props)
+            },
+            methods: {
+              click(e) {
+                fn2(e)
+                fn(this)
+              }
+            }
+          }
+
+          function fn(p) {
+            return fn(p)
+          }
+          function fn2(p2) {
+            return p2.foo
+          }
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(props)
+            }
+          }
+
+          function fn(p) {
+            return fnUnknown(p)
+          }
+          function fn3(p2) {
+            const {...a} = p2
+          }
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used.",
+        "'baz' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          const fnVar = (p) => p.baz
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(a, b, props)
+              fnVar(props)
+            }
+          }
+
+          function fn(a, b) {
+            return a.foo + b.bar
+          }
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(props, props)
+            }
+          }
+
+          function fn(a, b) {
+            return a.foo + b.bar
+          }
+        </script>
+      `,
+      errors: [
+        "'baz' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn.fn(props, props)
+            }
+          }
+
+          function fn(a, b) {
+            return a.foo + b.bar
+          }
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used.",
+        "'baz' of property found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          let fnLet = function foo(p){p.foo}
+          var fnVar = function foo(p){p.bar}
+          var fnVar = function foo(p){p.bar}
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            setup (props) {
+              fn(props)
+              fn3(props)
+              fn4(props)
+              fnLet(props)
+              fnVar(props)
+            }
+          }
+
+          function fn(a) {
+            a(fn2)
+            return fn2.fn2(a)
+          }
+          function fn2(a) {
+            return a.foo
+          }
+          function fn3(b) {
+            foo[b]
+          }
+          function fn4(b) {
+            const foo = {b}
+          }
+        </script>
+      `,
+      errors: [
+        "'foo' of property found, but never used.",
+        "'bar' of property found, but never used.",
+        "'baz' of property found, but never used."
+      ]
+    }
+  ]
+})

From f061f829599f5569285959ff73dbfbcc984514e8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 21 May 2020 13:11:06 +0900
Subject: [PATCH 0076/1010] Fix false positives for member call and autofix
 error in `vue/v-on-function-call` rule. (#1146)

---
 lib/rules/v-on-function-call.js       | 32 ++++++++++++++++++++-----
 tests/lib/rules/v-on-function-call.js | 34 +++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 6 deletions(-)

diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index 4953049b7..9bf7cd6fc 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -9,6 +9,19 @@
 
 const utils = require('../utils')
 
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Check whether the given token is a left parenthesis.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a left parenthesis.
+ */
+function isLeftParen (token) {
+  return token != null && token.type === 'Punctuator' && token.value === '('
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -40,17 +53,24 @@ module.exports = {
         })
       },
 
-      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression > ExpressionStatement > *" (node) {
-        if (!always && node.type === 'CallExpression' && node.arguments.length === 0) {
+      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression > ExpressionStatement > CallExpression" (node) {
+        if (!always && node.arguments.length === 0 && node.callee.type === 'Identifier') {
           context.report({
             node,
             loc: node.loc,
             message: "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
             fix: fixer => {
-              const nodeString = context.getSourceCode().getText().substring(node.range[0], node.range[1])
-              // This ensures that parens are also removed if they contain whitespace
-              const parensLength = nodeString.match(/\(\s*\)\s*$/)[0].length
-              return fixer.removeRange([node.end - parensLength, node.end])
+              const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+              const rightToken = tokenStore.getLastToken(node)
+              const leftToken = tokenStore.getTokenAfter(node.callee, isLeftParen)
+              const tokens = tokenStore.getTokensBetween(leftToken, rightToken, { includeComments: true })
+
+              if (tokens.length) {
+                // The comment is included and cannot be fixed.
+                return null
+              }
+
+              return fixer.removeRange([leftToken.range[0], rightToken.range[1]])
             }
           })
         }
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index 5a3533f21..b8ddf99b1 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -44,6 +44,33 @@ tester.run('v-on-function-call', rule, {
       filename: 'test.vue',
       code: '<template><div @click="foo"></div></template>',
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo.bar()"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo.bar()"></div></template>',
+      options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @[foo()]="bar"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @[foo]="bar()"></div></template>',
+      options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="()=>foo.bar()"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="()=>foo.bar()"></div></template>',
+      options: ['always']
     }
   ],
   invalid: [
@@ -67,6 +94,13 @@ tester.run('v-on-function-call', rule, {
       output: `<template><div @click="foo"></div></template>`,
       errors: ["Method calls without arguments inside of 'v-on' directives must not have parentheses."],
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo(/**/)"></div></template>',
+      output: null,
+      errors: ["Method calls without arguments inside of 'v-on' directives must not have parentheses."],
+      options: ['never']
     }
   ]
 })

From c47fa77812b2caa4774b496bf3a7088d3401b13b Mon Sep 17 00:00:00 2001
From: Tom Quirk <tomquirkacc@gmail.com>
Date: Thu, 21 May 2020 16:42:07 +0930
Subject: [PATCH 0077/1010] Fix vue-eslint-parser diff explanation (#1151)

---
 docs/user-guide/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index aaf98fdc3..469cdb941 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -194,7 +194,7 @@ If you already use another parser (e.g. `"parser": "babel-eslint"`), please move
 
 ```diff
 - "parser": "babel-eslint",
-  "parser": "vue-eslint-parser",
++ "parser": "vue-eslint-parser",
   "parserOptions": {
 +     "parser": "babel-eslint",
       "ecmaVersion": 2017,

From d0e8e47ad32617c146440cfed4e283bd5d9f4f97 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 21 May 2020 19:56:28 +0900
Subject: [PATCH 0078/1010] Add `vue/no-mutating-props` rule (from #633)
 (#1148)

* Add `no-mutating-props` rule.

* update

* support vue3

* delete unused function

Co-authored-by: Armano <armano2@users.noreply.github.com>
---
 docs/rules/README.md                 |   2 +
 docs/rules/no-mutating-props.md      |  99 +++++
 lib/configs/essential.js             |   1 +
 lib/configs/vue3-essential.js        |   1 +
 lib/index.js                         |   1 +
 lib/rules/no-mutating-props.js       | 361 +++++++++++++++
 lib/utils/index.js                   |  19 +
 tests/lib/rules/no-mutating-props.js | 640 +++++++++++++++++++++++++++
 8 files changed, 1124 insertions(+)
 create mode 100644 docs/rules/no-mutating-props.md
 create mode 100644 lib/rules/no-mutating-props.js
 create mode 100644 tests/lib/rules/no-mutating-props.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e160ba03d..ecea70df7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -56,6 +56,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
+| [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
 | [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
@@ -163,6 +164,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  |
+| [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
new file mode 100644
index 000000000..2d0833333
--- /dev/null
+++ b/docs/rules/no-mutating-props.md
@@ -0,0 +1,99 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-mutating-props
+description: disallow mutation of component props
+---
+# vue/no-mutating-props
+> disallow mutation of component props
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule reports mutation of component props.
+
+<eslint-code-block :rules="{'vue/no-mutating-props': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <input v-model="value" @click="openModal">
+  </div>
+</template>
+<script>
+  export default {
+    props: {
+      value: {
+        type: String,
+        required: true
+      }
+    },
+    methods: {
+      openModal() {
+        this.value = 'test'
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-mutating-props': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <input :value="value" @input="$emit('input', $event.target.value)" @click="openModal">
+  </div>
+</template>
+<script>
+  export default {
+    props: {
+      value: {
+        type: String,
+        required: true
+      }
+    },
+    methods: {
+      openModal() {
+        this.$emit('input', 'test')
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-mutating-props': ['error']}">
+
+```vue
+<script>
+  export default {
+    setup (props) {
+      // ✗ BAD
+      props.value = 'test'
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue - Prop Mutation - deprecated](https://vuejs.org/v2/guide/migration.html#Prop-Mutation-deprecated)
+- [Style guide - Implicit parent-child communication](https://vuejs.org/v2/style-guide/#Implicit-parent-child-communication-use-with-caution)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-mutating-props.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-mutating-props.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 21335f197..f85195de1 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -11,6 +11,7 @@ module.exports = {
     'vue/no-dupe-keys': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-multiple-template-root': 'error',
+    'vue/no-mutating-props': 'error',
     'vue/no-parsing-error': 'error',
     'vue/no-reserved-keys': 'error',
     'vue/no-shared-component-data': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 64d5eb72e..c8e630496 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -24,6 +24,7 @@ module.exports = {
     'vue/no-dupe-keys': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-lifecycle-after-await': 'error',
+    'vue/no-mutating-props': 'error',
     'vue/no-parsing-error': 'error',
     'vue/no-ref-as-operand': 'error',
     'vue/no-reserved-keys': 'error',
diff --git a/lib/index.js b/lib/index.js
index ba8da3e72..58642e5b6 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -66,6 +66,7 @@ module.exports = {
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
+    'no-mutating-props': require('./rules/no-mutating-props'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
new file mode 100644
index 000000000..90e614b48
--- /dev/null
+++ b/lib/rules/no-mutating-props.js
@@ -0,0 +1,361 @@
+/**
+ * @fileoverview disallow mutation component props
+ * @author 2018 Armano
+ */
+'use strict'
+
+const utils = require('../utils')
+const { findVariable } = require('eslint-utils')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
+ * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
+ * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectPattern} ObjectPattern
+ * @typedef {import('vue-eslint-parser').AST.ESLintArrayPattern} ArrayPattern
+ * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
+ * @typedef {import('vue-eslint-parser').AST.Node} Node
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow mutation of component props',
+      categories: ['vue3-essential', 'essential'],
+      url: 'https://eslint.vuejs.org/rules/no-mutating-props.html'
+    },
+    fixable: null, // or "code" or "whitespace"
+    schema: [
+      // fill in your schema
+    ]
+  },
+
+  create (context) {
+    /** @type {Map<ObjectExpression, Set<string>>} */
+    const propsMap = new Map()
+    /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression } | null } */
+    let vueObjectData = null
+
+    /**
+     * @param {Node} node
+     * @param {string} name
+     */
+    function report (node, name) {
+      context.report({
+        node,
+        message: 'Unexpected mutation of "{{key}}" prop.',
+        data: {
+          key: name
+        }
+      })
+    }
+
+    /**
+     * @param {Node} node
+     * @returns {VExpressionContainer}
+     */
+    function getVExpressionContainer (node) {
+      let n = node
+      while (n.type !== 'VExpressionContainer') {
+        n = n.parent
+      }
+      return n
+    }
+    /**
+     * @param {MemberExpression|Property} node
+     * @returns {string}
+     */
+    function getPropertyNameText (node) {
+      const name = utils.getStaticPropertyName(node)
+      if (name) {
+        return name
+      }
+      if (node.computed) {
+        const expr = node.type === 'Property' ? node.key : node.property
+        const str = context.getSourceCode().getText(expr)
+        return `[${str}]`
+      }
+      return '?unknown?'
+    }
+    /**
+     * @param {Node} node
+     * @returns {node is Identifier}
+     */
+    function isVmReference (node) {
+      if (node.type !== 'Identifier') {
+        return false
+      }
+      const parent = node.parent
+      if (parent.type === 'MemberExpression') {
+        if (parent.property === node) {
+          // foo.id
+          return false
+        }
+      } else if (parent.type === 'Property') {
+        // {id: foo}
+        if (parent.key === node && !parent.computed) {
+          return false
+        }
+      }
+
+      const exprContainer = getVExpressionContainer(node)
+
+      for (const reference of exprContainer.references) {
+        if (reference.variable != null) {
+          // Not vm reference
+          continue
+        }
+        if (reference.id === node) {
+          return true
+        }
+      }
+      return false
+    }
+
+    /**
+     * @param {MemberExpression|Identifier} props
+     * @param {string} name
+     */
+    function verifyMutating (props, name) {
+      const invalid = findMutating(props)
+      if (invalid) {
+        report(invalid.node, name)
+      }
+    }
+
+    /**
+     * @param {MemberExpression|Identifier} props
+     * @returns { { kind: 'assignment' | 'update' | 'call' , node: Node, pathNodes: MemberExpression[] } }
+     */
+    function findMutating (props) {
+      /** @type {MemberExpression[]} */
+      const pathNodes = []
+      let node = props
+      let target = node.parent
+      while (true) {
+        if (target.type === 'AssignmentExpression') {
+          if (target.left === node) {
+            // this.xxx <=|+=|-=>
+            return {
+              kind: 'assignment',
+              node: target,
+              pathNodes
+            }
+          }
+        } else if (target.type === 'UpdateExpression') {
+          // this.xxx <++|-->
+          return {
+            kind: 'update',
+            node: target,
+            pathNodes
+          }
+        } else if (target.type === 'CallExpression') {
+          if (node !== props && target.callee === node) {
+            const callName = utils.getStaticPropertyName(node)
+            if (callName && /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(callName)) {
+              // this.xxx.push()
+              pathNodes.pop()
+              return {
+                kind: 'call',
+                node: target,
+                pathNodes
+              }
+            }
+          }
+        } else if (target.type === 'MemberExpression') {
+          if (target.object === node) {
+            pathNodes.push(target)
+            node = target
+            target = target.parent
+            continue // loop
+          }
+        }
+
+        return null
+      }
+    }
+
+    /**
+     * @param {Pattern} param
+     * @param {string[]} path
+     * @returns {Generator<{ node: Identifier, path: string[] }>}
+     */
+    function * iterateParamProperties (param, path) {
+      if (!param) {
+        return
+      }
+      if (param.type === 'Identifier') {
+        yield {
+          node: param,
+          path
+        }
+      } else if (param.type === 'RestElement') {
+        yield * iterateParamProperties(param.argument, path)
+      } else if (param.type === 'AssignmentPattern') {
+        yield * iterateParamProperties(param.left, path)
+      } else if (param.type === 'ObjectPattern') {
+        for (const prop of param.properties) {
+          if (prop.type === 'Property') {
+            const name = getPropertyNameText(prop)
+            yield * iterateParamProperties(prop.value, [...path, name])
+          } else if (prop.type === 'RestElement') {
+            yield * iterateParamProperties(prop.argument, path)
+          }
+        }
+      } else if (param.type === 'ArrayPattern') {
+        for (let index = 0; index < param.elements.length; index++) {
+          const element = param.elements[index]
+          yield * iterateParamProperties(element, [...path, `${index}`])
+        }
+      }
+    }
+
+    return Object.assign({},
+      utils.defineVueVisitor(context,
+        {
+          ObjectExpression (node, { node: vueNode }) {
+            if (node !== vueNode) {
+              return
+            }
+            propsMap.set(node, new Set(utils.getComponentProps(node).map(p => p.propName)))
+          },
+          'ObjectExpression:exit' (node, { node: vueNode, type }) {
+            if (node !== vueNode) {
+              return
+            }
+            if (!vueObjectData || vueObjectData.type !== 'export') {
+              vueObjectData = {
+                type,
+                object: node
+              }
+            }
+          },
+          'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
+            if (node.parent !== vueNode) {
+              return
+            }
+            if (utils.getStaticPropertyName(node) !== 'setup') {
+              return
+            }
+            /** @type {Pattern} */
+            const propsParam = node.value.params[0]
+            if (!propsParam) {
+              // no arguments
+              return
+            }
+            if (propsParam.type === 'RestElement' || propsParam.type === 'ArrayPattern') {
+              // cannot check
+              return
+            }
+            for (const { node: prop, path } of iterateParamProperties(propsParam, [])) {
+              // @ts-ignore
+              const variable = findVariable(context.getScope(), prop)
+              if (!variable) {
+                continue
+              }
+
+              for (const reference of variable.references) {
+                if (!reference.isRead()) {
+                  continue
+                }
+                /** @type {Identifier} */
+                const id = reference.identifier
+
+                const invalid = findMutating(id)
+                if (!invalid) {
+                  continue
+                }
+                let name
+                if (path.length === 0) {
+                  if (invalid.pathNodes.length === 0) {
+                    continue
+                  }
+                  const mem = invalid.pathNodes[0]
+                  name = getPropertyNameText(mem)
+                } else {
+                  if (invalid.pathNodes.length === 0 && invalid.kind !== 'call') {
+                    continue
+                  }
+                  name = path[0]
+                }
+
+                report(invalid.node, name)
+              }
+            }
+          },
+          'MemberExpression > :matches(Identifier, ThisExpression)' (node, { node: vueNode }) {
+            if (!utils.isThis(node, context)) {
+              return
+            }
+            /** @type {MemberExpression} */
+            const mem = node.parent
+            if (mem.object !== node) {
+              return
+            }
+            const name = utils.getStaticPropertyName(mem)
+            if (name && propsMap.get(vueNode).has(name)) {
+              verifyMutating(mem, name)
+            }
+          }
+        }
+      ),
+      utils.defineTemplateBodyVisitor(context, {
+        'VExpressionContainer MemberExpression > ThisExpression' (node) {
+          if (!vueObjectData) {
+            return
+          }
+          /** @type {MemberExpression} */
+          const mem = node.parent
+          if (mem.object !== node) {
+            return
+          }
+          const name = utils.getStaticPropertyName(mem)
+          if (name && propsMap.get(vueObjectData.object).has(name)) {
+            verifyMutating(mem, name)
+          }
+        },
+        'VExpressionContainer Identifier' (node) {
+          if (!vueObjectData) {
+            return
+          }
+          if (!isVmReference(node)) {
+            return
+          }
+          const name = node.name
+          if (name && propsMap.get(vueObjectData.object).has(name)) {
+            verifyMutating(node, name)
+          }
+        },
+        "VAttribute[directive=true][key.name.name='model'] VExpressionContainer > *" (node) {
+          if (!vueObjectData) {
+            return
+          }
+          const nodes = utils.getMemberChaining(node)
+          const first = nodes[0]
+          let name
+          if (isVmReference(first)) {
+            name = first.name
+          } else if (first.type === 'ThisExpression') {
+            const mem = nodes[1]
+            if (!mem) {
+              return
+            }
+            name = utils.getStaticPropertyName(mem)
+          } else {
+            return
+          }
+          if (name && propsMap.get(vueObjectData.object).has(name)) {
+            report(node, name)
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index ad72908fe..dc883e026 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -15,6 +15,7 @@
  * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
  * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
  * @typedef {import('vue-eslint-parser').AST.ESLintTemplateLiteral} TemplateLiteral
+ * @typedef {import('vue-eslint-parser').AST.ESLintNode} ESLintNode
  */
 
 /**
@@ -877,6 +878,24 @@ module.exports = {
     return body.errors.some(error => typeof error.code === 'string' && error.code.startsWith('eof-'))
   },
 
+  /**
+   * Get the chaining nodes of MemberExpression.
+   *
+   * @param  {ESLintNode} node The node to parse
+   * @return {[ESLintNode, ...MemberExpression[]]} The chaining nodes
+   */
+  getMemberChaining (node) {
+    const nodes = []
+    let n = node
+
+    while (n.type === 'MemberExpression') {
+      nodes.push(n)
+      n = n.object
+    }
+    nodes.push(n)
+
+    return nodes.reverse()
+  },
   /**
    * Parse CallExpression or MemberExpression to get simplified version without arguments
    *
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
new file mode 100644
index 000000000..d87df48b9
--- /dev/null
+++ b/tests/lib/rules/no-mutating-props.js
@@ -0,0 +1,640 @@
+/**
+ * @fileoverview disallow mutation of component props
+ * @author 2018 Armano
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-mutating-props')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+ruleTester.run('no-mutating-props', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="foo"></div>
+            <div v-if="prop1 = [1, 2]"></div>
+            <div v-if="prop2++"></div>
+            <div v-text="prop3.shift()"></div>
+            <div v-text="prop4.slice(0).shift()"></div>
+            <div v-if="this.prop5 = [1, 2] && this.someProp"></div>
+            <div v-if="this.prop6++ && this.someProp < 10"></div>
+            <div v-text="this.prop7.shift()"></div>
+            <div v-text="this.prop8.slice(0).shift()"></div>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['foo']
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <input v-model="prop1.text">
+            <input v-model="prop2">
+            <input v-model="this.prop3.text">
+            <input v-model="this.prop4">
+            <input :value="prop5.text" @input="$emit('input', $event.target.value)">
+            <div v-for="prop5 of data">
+              <input v-model="prop5">
+            </div>
+            <div v-for="(prop6, index) of data">
+              <input v-model="prop6">
+            </div>
+            <template v-for="(test, index) of data">
+              <template v-for="(prop6, index) of data">
+                <input v-model="prop6">
+                <div v-text="prop6.shift()"></div>
+              </template>
+            </template>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop5', 'prop6', 'prop7', 'prop8']
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <input v-model="prop1.text">
+            <input v-model="prop2">
+            <input v-model="this.prop3.text">
+            <input v-model="this.prop4">
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop5', 'prop6', 'prop7', 'prop8']
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <input v-for="i in prop.slice()">
+            <input v-for="i in prop.foo.slice()">
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop']
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              todo: {
+                type: Object,
+                required: true
+              },
+              items: {
+                type: Array,
+                default: []
+              }
+            },
+            methods: {
+              openModal() {
+                this.$emit('someEvent', this.todo)
+                const a = this.items.slice(0).push('something') // no mutation because of \`slice(0)\`
+              }
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="prop">
+            <div v-for="prop in data">
+              <MyComp @click="prop.foo++"></MyComp>
+              <input v-model="prop">
+            </div>
+            <input v-model="prop()">
+            <input v-model="foo">
+            <input @click="prop().foo++">
+            <input v-model="foo[this]">
+            <input v-model="foo[this.prop]">
+            <input v-model="this">
+            <MyComp @click="bar = {prop: foo++}"></MyComp>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop'],
+            methods: {
+              onKeydown() {
+                const vm = this
+                foo.prop = 1
+                vm()()()
+                vm.prop()()
+                prop++
+                prop = 1
+                const bar = {prop: foo}
+                prop[this] ++
+              }
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <button @click="foo++"></button>
+            <button @click="foo+=1"></button>
+            <button @click="foo.push($event)"></button>
+            <input v-model="foo">
+            <input v-model="this.foo">
+          </div>
+        </template>
+      `
+    },
+
+    // setup
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+              props ++
+              props = 1
+              props.push(1)
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({a}) {
+              a ++
+              a = 1
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({...props}) {
+              props ++
+              props = 1
+              props.push(1)
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            ssss(props) {
+              props.a ++
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+              const a = props.a
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup() {
+              props.a++
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(...props) {
+              props.a++
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup([props]) {
+              props.a++
+            }
+          }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="prop1 = [1, 2]"></div>
+            <div v-if="prop2++"></div>
+            <div v-text="prop3.shift()"></div>
+            <div v-text="prop4.slice(0).shift()"></div>
+            <div v-if="this.prop5 = [1, 2] && this.someProp"></div>
+            <div v-if="this.prop6++ && this.someProp < 10"></div>
+            <div v-text="this.prop7.shift()"></div>
+            <div v-text="this.prop8.slice(0).shift()"></div>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6', 'prop7', 'prop8']
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop1" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "prop2" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "prop3" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "prop5" prop.',
+          line: 8
+        },
+        {
+          message: 'Unexpected mutation of "prop6" prop.',
+          line: 9
+        },
+        {
+          message: 'Unexpected mutation of "prop7" prop.',
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <input v-model="prop1.text">
+            <input v-model="prop2">
+            <input v-model="this.prop3.text">
+            <input v-model="this.prop4">
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3', 'prop4']
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop1" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "prop2" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "prop3" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "prop4" prop.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              todo: {
+                type: Object,
+                required: true
+              },
+              items: {
+                type: Array,
+                default: []
+              }
+            },
+            methods: {
+              openModal() {
+                ++this.items
+                this.todo.type = 'completed'
+                this.items.push('something')
+              }
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "items" prop.',
+          line: 16
+        },
+        {
+          message: 'Unexpected mutation of "todo" prop.',
+          line: 17
+        },
+        {
+          message: 'Unexpected mutation of "items" prop.',
+          line: 18
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <template v-for="(test, index) of data">
+              <template v-for="(prop, index) of data">
+                <input v-model="prop">
+              </template>
+              <input v-model="prop">
+            </template>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop']
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop" prop.',
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <template v-for="prop of data">
+              <input v-model="this.prop">
+              <div v-text="prop.shift()"></div>
+              <div v-text="this.prop.shift()"></div>
+            </template>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop']
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "prop" prop.',
+          line: 7
+        }
+      ]
+    },
+
+    // setup
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+              props.a ++
+              props.b = 1
+              props.c.push(1)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "b" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "c" prop.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({a,b,c, d: [e, , f]}) {
+              a.foo ++
+              b.foo = 1
+              c.push(1)
+
+              c.x.push(1)
+              e.foo++
+              f.foo++
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "b" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "c" prop.',
+          line: 7
+        },
+        {
+          message: 'Unexpected mutation of "c" prop.',
+          line: 9
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 10
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 11
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({a: foo, b: [...bar], c: baz = 1}) {
+              foo.x ++
+              bar.x = 1
+              baz.push(1)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "b" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "c" prop.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({...props}) {
+              props.a ++
+              props.b = 1
+              props.c.push(1)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "b" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "c" prop.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+              props[a] ++
+            }
+          }
+        </script>
+      `,
+      errors: [
+        'Unexpected mutation of "[a]" prop.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({[a]: c}) {
+              c.foo ++
+            }
+          }
+        </script>
+      `,
+      errors: [
+        'Unexpected mutation of "[a]" prop.'
+      ]
+    }
+  ]
+})

From e80c2f06e7f251ebd91a87c25b2e20182b656af2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 22 May 2020 06:14:00 +0900
Subject: [PATCH 0079/1010] Refactoring (#1154)

* Refactoring

* update
---
 lib/rules/no-async-in-computed-properties.js  |   5 +-
 lib/rules/no-lifecycle-after-await.js         |  19 +--
 lib/rules/no-mutating-props.js                |  76 +----------
 lib/rules/no-setup-props-destructure.js       |  18 +--
 .../no-side-effects-in-computed-properties.js |  73 +++++-----
 lib/rules/no-unused-properties.js             |  20 +--
 lib/rules/no-watch-after-await.js             |  19 +--
 lib/rules/require-explicit-emits.js           |  24 +---
 lib/rules/require-render-return.js            |   5 +-
 lib/rules/return-in-computed-property.js      |   5 +-
 lib/rules/return-in-emits-validator.js        |   5 +-
 lib/utils/index.js                            | 127 ++++++++++++++----
 12 files changed, 173 insertions(+), 223 deletions(-)

diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 35a785b48..96a29350f 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -115,10 +115,7 @@ module.exports = {
       })
     }
     return utils.defineVueVisitor(context, {
-      ObjectExpression (node, { node: vueNode }) {
-        if (node !== vueNode) {
-          return
-        }
+      onVueObjectEnter (node) {
         computedPropertiesMap.set(node, utils.getComputedProperties(node))
       },
       ':function': onFunctionEnter,
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index a009f0e42..9ed65ce16 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -50,22 +50,15 @@ module.exports = {
       },
       utils.defineVueVisitor(context,
         {
-          'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
-            if (node.parent !== vueNode) {
-              return
-            }
-            if (utils.getStaticPropertyName(node) !== 'setup') {
-              return
-            }
-
-            setupFunctions.set(node.value, {
-              setupProperty: node,
-              afterAwait: false
-            })
-          },
           ':function' (node) {
             scopeStack = { upper: scopeStack, functionNode: node }
           },
+          onSetupFunctionEnter (node) {
+            setupFunctions.set(node, {
+              setupProperty: node.parent,
+              afterAwait: false
+            })
+          },
           'AwaitExpression' () {
             const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
             if (!setupFunctionData) {
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 90e614b48..341f1b22a 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -124,64 +124,12 @@ module.exports = {
      * @param {string} name
      */
     function verifyMutating (props, name) {
-      const invalid = findMutating(props)
+      const invalid = utils.findMutating(props)
       if (invalid) {
         report(invalid.node, name)
       }
     }
 
-    /**
-     * @param {MemberExpression|Identifier} props
-     * @returns { { kind: 'assignment' | 'update' | 'call' , node: Node, pathNodes: MemberExpression[] } }
-     */
-    function findMutating (props) {
-      /** @type {MemberExpression[]} */
-      const pathNodes = []
-      let node = props
-      let target = node.parent
-      while (true) {
-        if (target.type === 'AssignmentExpression') {
-          if (target.left === node) {
-            // this.xxx <=|+=|-=>
-            return {
-              kind: 'assignment',
-              node: target,
-              pathNodes
-            }
-          }
-        } else if (target.type === 'UpdateExpression') {
-          // this.xxx <++|-->
-          return {
-            kind: 'update',
-            node: target,
-            pathNodes
-          }
-        } else if (target.type === 'CallExpression') {
-          if (node !== props && target.callee === node) {
-            const callName = utils.getStaticPropertyName(node)
-            if (callName && /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(callName)) {
-              // this.xxx.push()
-              pathNodes.pop()
-              return {
-                kind: 'call',
-                node: target,
-                pathNodes
-              }
-            }
-          }
-        } else if (target.type === 'MemberExpression') {
-          if (target.object === node) {
-            pathNodes.push(target)
-            node = target
-            target = target.parent
-            continue // loop
-          }
-        }
-
-        return null
-      }
-    }
-
     /**
      * @param {Pattern} param
      * @param {string[]} path
@@ -220,16 +168,10 @@ module.exports = {
     return Object.assign({},
       utils.defineVueVisitor(context,
         {
-          ObjectExpression (node, { node: vueNode }) {
-            if (node !== vueNode) {
-              return
-            }
+          onVueObjectEnter (node) {
             propsMap.set(node, new Set(utils.getComponentProps(node).map(p => p.propName)))
           },
-          'ObjectExpression:exit' (node, { node: vueNode, type }) {
-            if (node !== vueNode) {
-              return
-            }
+          onVueObjectExit (node, { type }) {
             if (!vueObjectData || vueObjectData.type !== 'export') {
               vueObjectData = {
                 type,
@@ -237,15 +179,9 @@ module.exports = {
               }
             }
           },
-          'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
-            if (node.parent !== vueNode) {
-              return
-            }
-            if (utils.getStaticPropertyName(node) !== 'setup') {
-              return
-            }
+          onSetupFunctionEnter (node) {
             /** @type {Pattern} */
-            const propsParam = node.value.params[0]
+            const propsParam = node.params[0]
             if (!propsParam) {
               // no arguments
               return
@@ -268,7 +204,7 @@ module.exports = {
                 /** @type {Identifier} */
                 const id = reference.identifier
 
-                const invalid = findMutating(id)
+                const invalid = utils.findMutating(id)
                 if (!invalid) {
                   continue
                 }
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index f167357da..fb992980c 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -52,14 +52,11 @@ module.exports = {
     let scopeStack = null
 
     return utils.defineVueVisitor(context, {
-      'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
-        if (node.parent !== vueNode) {
-          return
-        }
-        if (utils.getStaticPropertyName(node) !== 'setup') {
-          return
-        }
-        const propsParam = node.value.params[0]
+      ':function' (node) {
+        scopeStack = { upper: scopeStack, functionNode: node }
+      },
+      onSetupFunctionEnter (node) {
+        const propsParam = node.params[0]
         if (!propsParam) {
           // no arguments
           return
@@ -85,10 +82,7 @@ module.exports = {
 
           propsReferenceIds.add(reference.identifier)
         }
-        setupScopePropsReferenceIds.set(node.value, propsReferenceIds)
-      },
-      ':function' (node) {
-        scopeStack = { upper: scopeStack, functionNode: node }
+        setupScopePropsReferenceIds.set(node, propsReferenceIds)
       },
       'VariableDeclarator' (node) {
         const propsReferenceIds = setupScopePropsReferenceIds.get(scopeStack.functionNode)
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index eab6e0fae..d1bcc3a99 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -6,6 +6,12 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
+ * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -23,6 +29,7 @@ module.exports = {
   },
 
   create (context) {
+    /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
     let scopeStack = { upper: null, body: null }
 
@@ -34,53 +41,43 @@ module.exports = {
       scopeStack = scopeStack.upper
     }
 
-    function verify (node, targetBody, computedProperties) {
-      computedProperties.forEach(cp => {
-        if (
-          cp.value &&
-          node.loc.start.line >= cp.value.loc.start.line &&
-          node.loc.end.line <= cp.value.loc.end.line &&
-          targetBody === cp.value
-        ) {
-          context.report({
-            node: node,
-            message: 'Unexpected side effect in "{{key}}" computed property.',
-            data: { key: cp.key }
-          })
-        }
-      })
-    }
-
     return utils.defineVueVisitor(context, {
-      ObjectExpression (node, { node: vueNode }) {
-        if (node !== vueNode) {
-          return
-        }
+      onVueObjectEnter (node) {
         computedPropertiesMap.set(node, utils.getComputedProperties(node))
       },
       ':function': onFunctionEnter,
       ':function:exit': onFunctionExit,
 
-      // this.xxx <=|+=|-=>
-      'AssignmentExpression' (node, { node: vueNode }) {
-        if (node.left.type !== 'MemberExpression') return
-        if (utils.parseMemberExpression(node.left)[0] === 'this') {
-          verify(node, scopeStack.body, computedPropertiesMap.get(vueNode))
+      'MemberExpression > :matches(Identifier, ThisExpression)' (node, { node: vueNode }) {
+        const targetBody = scopeStack.body
+        const computedProperty = computedPropertiesMap.get(vueNode).find(cp => {
+          return (
+            cp.value &&
+            node.loc.start.line >= cp.value.loc.start.line &&
+            node.loc.end.line <= cp.value.loc.end.line &&
+            targetBody === cp.value
+          )
+        })
+        if (!computedProperty) {
+          return
         }
-      },
-      // this.xxx <++|-->
-      'UpdateExpression > MemberExpression' (node, { node: vueNode }) {
-        if (utils.parseMemberExpression(node)[0] === 'this') {
-          verify(node, scopeStack.body, computedPropertiesMap.get(vueNode))
+
+        if (!utils.isThis(node, context)) {
+          return
+        }
+        /** @type {MemberExpression} */
+        const mem = node.parent
+        if (mem.object !== node) {
+          return
         }
-      },
-      // this.xxx.func()
-      'CallExpression' (node, { node: vueNode }) {
-        const code = utils.parseMemberOrCallExpression(node)
-        const MUTATION_REGEX = /(this.)((?!(concat|slice|map|filter)\().)[^\)]*((push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)\()/g
 
-        if (MUTATION_REGEX.test(code)) {
-          verify(node, scopeStack.body, computedPropertiesMap.get(vueNode))
+        const invalid = utils.findMutating(mem)
+        if (invalid) {
+          context.report({
+            node: invalid.node,
+            message: 'Unexpected side effect in "{{key}}" computed property.',
+            data: { key: computedProperty.key }
+          })
         }
       }
     }
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 2462446e4..cbfcddaff 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -412,12 +412,8 @@ module.exports = {
     const scriptVisitor = Object.assign(
       {},
       utils.defineVueVisitor(context, {
-        ObjectExpression (node, vueData) {
-          if (node !== vueData.node) {
-            return
-          }
-
-          const container = getVueComponentPropertiesContainer(vueData.node)
+        onVueObjectEnter (node) {
+          const container = getVueComponentPropertiesContainer(node)
           const watcherNames = new Set()
           for (const watcher of utils.iterateProperties(node, new Set([GROUP_WATCHER]))) {
             watcherNames.add(watcher.name)
@@ -429,20 +425,14 @@ module.exports = {
             container.properties.push(prop)
           }
         },
-        'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, vueData) {
-          if (node.parent !== vueData.node) {
-            return
-          }
-          if (utils.getStaticPropertyName(node) !== 'setup') {
-            return
-          }
+        onSetupFunctionEnter (node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
-          const propsParam = node.value.params[0]
+          const propsParam = node.params[0]
           if (!propsParam) {
             // no arguments
             return
           }
-          const paramsUsedProps = getParamsUsedProps(node.value)
+          const paramsUsedProps = getParamsUsedProps(node)
           const paramUsedProps = paramsUsedProps.getParam(0)
 
           for (const { usedNames, unknown } of iterateUsedProps(paramUsedProps)) {
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index e666b8616..cbbd02061 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -76,22 +76,15 @@ module.exports = {
       },
       utils.defineVueVisitor(context,
         {
-          'Property[value.type=/^(Arrow)?FunctionExpression$/]' (node, { node: vueNode }) {
-            if (node.parent !== vueNode) {
-              return
-            }
-            if (utils.getStaticPropertyName(node) !== 'setup') {
-              return
-            }
-
-            setupFunctions.set(node.value, {
-              setupProperty: node,
-              afterAwait: false
-            })
-          },
           ':function' (node) {
             scopeStack = { upper: scopeStack, functionNode: node }
           },
+          onSetupFunctionEnter (node) {
+            setupFunctions.set(node, {
+              setupProperty: node.parent,
+              afterAwait: false
+            })
+          },
           'AwaitExpression' () {
             const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
             if (!setupFunctionData) {
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 8bfe481b2..decf07277 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -164,20 +164,11 @@ module.exports = {
         }
       },
       utils.defineVueVisitor(context, {
-        ObjectExpression (node, { node: vueNode }) {
-          if (node !== vueNode) {
-            return
-          }
+        onVueObjectEnter (node) {
           vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
-
-          const setupProperty = node.properties.find(p => utils.getStaticPropertyName(p) === 'setup')
-          if (!setupProperty) {
-            return
-          }
-          if (!/^(Arrow)?FunctionExpression$/.test(setupProperty.value.type)) {
-            return
-          }
-          const contextParam = setupProperty.value.params[1]
+        },
+        onSetupFunctionEnter (node, { node: vueNode }) {
+          const contextParam = node.params[1]
           if (!contextParam) {
             // no arguments
             return
@@ -224,7 +215,7 @@ module.exports = {
               contextReferenceIds.add(reference.identifier)
             }
           }
-          setupContexts.set(node, {
+          setupContexts.set(vueNode, {
             contextReferenceIds,
             emitReferenceIds
           })
@@ -267,10 +258,7 @@ module.exports = {
             }
           }
         },
-        'ObjectExpression:exit' (node, { node: vueNode, type }) {
-          if (node !== vueNode) {
-            return
-          }
+        onVueObjectExit (node, { type }) {
           if (!vueObjectData || vueObjectData.type !== 'export') {
             vueObjectData = {
               type,
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 17cfcb355..6b7310663 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -32,10 +32,7 @@ module.exports = {
     return Object.assign({},
       utils.defineVueVisitor(context,
         {
-          ObjectExpression (obj, { node: vueNode }) {
-            if (obj !== vueNode) {
-              return
-            }
+          onVueObjectEnter (obj) {
             const node = obj.properties.find(item => item.type === 'Property' &&
               utils.getStaticPropertyName(item) === 'render' &&
               (item.value.type === 'ArrowFunctionExpression' || item.value.type === 'FunctionExpression')
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index c62f59846..c0cc9a12c 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -45,10 +45,7 @@ module.exports = {
     return Object.assign({},
       utils.defineVueVisitor(context,
         {
-          ObjectExpression (obj, { node: vueNode }) {
-            if (obj !== vueNode) {
-              return
-            }
+          onVueObjectEnter (obj, { node: vueNode }) {
             for (const computedProperty of utils.getComputedProperties(obj)) {
               computedProperties.add(computedProperty)
             }
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 64e62b8c4..3fb95fe1a 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -57,10 +57,7 @@ module.exports = {
     return Object.assign({},
       utils.defineVueVisitor(context,
         {
-          ObjectExpression (obj, { node: vueNode }) {
-            if (obj !== vueNode) {
-              return
-            }
+          onVueObjectEnter (obj) {
             for (const emits of utils.getComponentEmits(obj)) {
               const emitsValue = emits.value
               if (!emitsValue) {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index dc883e026..698a9a047 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -15,6 +15,8 @@
  * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
  * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
  * @typedef {import('vue-eslint-parser').AST.ESLintTemplateLiteral} TemplateLiteral
+ * @typedef {import('vue-eslint-parser').AST.ESLintFunctionExpression} FunctionExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintBlockStatement} BlockStatement
  * @typedef {import('vue-eslint-parser').AST.ESLintNode} ESLintNode
  */
 
@@ -31,6 +33,9 @@
  * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], emitName: string} } ComponentArrayEmit
  * @typedef { {key: Property['key'], value: Property['value'], node: Property, emitName: string} } ComponentObjectEmit
  */
+/**
+ * @typedef { {key: string, value: BlockStatement} } ComponentComputedProperty
+ */
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -561,7 +566,7 @@ module.exports = {
   /**
    * Get all computed properties by looking at all component's properties
    * @param {ObjectExpression} componentObject Object with component definition
-   * @return {Array} Array of computed properties in format: [{key: String, value: ASTNode}]
+   * @return {ComponentComputedProperty[]} Array of computed properties in format: [{key: String, value: ASTNode}]
    */
   getComputedProperties (componentObject) {
     const computedPropertiesNode = componentObject.properties
@@ -577,20 +582,24 @@ module.exports = {
     return computedPropertiesNode.value.properties
       .filter(cp => cp.type === 'Property')
       .map(cp => {
-        const key = cp.key.name
-        let value
-
-        if (cp.value.type === 'FunctionExpression') {
-          value = cp.value.body
-        } else if (cp.value.type === 'ObjectExpression') {
-          value = cp.value.properties
-            .filter(p =>
+        const key = getStaticPropertyName(cp)
+        /** @type {Expression} */
+        const propValue = cp.value
+        /** @type {BlockStatement | null} */
+        let value = null
+
+        if (propValue.type === 'FunctionExpression') {
+          value = propValue.body
+        } else if (propValue.type === 'ObjectExpression') {
+          /** @type { (Property & { value: FunctionExpression }) | undefined} */
+          const get = propValue.properties
+            .find(p =>
               p.type === 'Property' &&
               p.key.type === 'Identifier' &&
               p.key.name === 'get' &&
               p.value.type === 'FunctionExpression'
             )
-            .map(p => p.value.body)[0]
+          value = get ? get.value.body : null
         }
 
         return { key, value }
@@ -613,9 +622,14 @@ module.exports = {
 
   /**
    * Define handlers to traverse the Vue Objects.
+   * Some special events are available to visitor.
+   *
+   * - `onVueObjectEnter` ... Event when Vue Object is found.
+   * - `onVueObjectExit` ... Event when Vue Object visit ends.
+   * - `onSetupFunctionEnter` ... Event when setup function found.
+   *
    * @param {RuleContext} context The ESLint rule context object.
    * @param {Object} visitor The visitor to traverse the Vue Objects.
-   * @param {Function} cb Callback function
    */
   defineVueVisitor (context, visitor) {
     let vueStack = null
@@ -625,34 +639,39 @@ module.exports = {
         visitor[key](node, vueStack)
       }
     }
-    function objectEnter (node) {
+
+    const vueVisitor = {}
+    for (const key in visitor) {
+      vueVisitor[key] = (node) => callVisitor(key, node)
+    }
+
+    vueVisitor['ObjectExpression'] = (node) => {
       const type = getVueObjectType(context, node)
       if (type) {
         vueStack = { node, type, parent: vueStack }
+        callVisitor('onVueObjectEnter', node)
       }
+      callVisitor('ObjectExpression', node)
     }
-    function objectExit (node) {
+    vueVisitor['ObjectExpression:exit'] = (node) => {
+      callVisitor('ObjectExpression:exit', node)
       if (vueStack && vueStack.node === node) {
+        callVisitor('onVueObjectExit', node)
         vueStack = vueStack.parent
       }
     }
-
-    const vueVisitor = {}
-    for (const key in visitor) {
-      vueVisitor[key] = (node) => callVisitor(key, node)
+    vueVisitor['Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'] = (node) => {
+      /** @type {Property} */
+      const prop = node.parent
+      if (vueStack && prop.parent === vueStack.node) {
+        if (getStaticPropertyName(prop) === 'setup' && prop.value === node) {
+          callVisitor('onSetupFunctionEnter', node)
+        }
+      }
+      callVisitor('Property[value.type=/^(Arrow)?FunctionExpression$/] > :function', node)
     }
 
-    return {
-      ...vueVisitor,
-      ObjectExpression: vueVisitor.ObjectExpression ? (node) => {
-        objectEnter(node)
-        vueVisitor.ObjectExpression(node)
-      } : objectEnter,
-      'ObjectExpression:exit': vueVisitor['ObjectExpression:exit'] ? (node) => {
-        vueVisitor['ObjectExpression:exit'](node)
-        objectExit(node)
-      } : objectExit
-    }
+    return vueVisitor
   },
 
   getVueObjectType,
@@ -1009,6 +1028,58 @@ module.exports = {
       }
     }
     return false
+  },
+
+  /**
+   * @param {MemberExpression|Identifier} props
+   * @returns { { kind: 'assignment' | 'update' | 'call' , node: Node, pathNodes: MemberExpression[] } }
+   */
+  findMutating (props) {
+    /** @type {MemberExpression[]} */
+    const pathNodes = []
+    let node = props
+    let target = node.parent
+    while (true) {
+      if (target.type === 'AssignmentExpression') {
+        if (target.left === node) {
+          // this.xxx <=|+=|-=>
+          return {
+            kind: 'assignment',
+            node: target,
+            pathNodes
+          }
+        }
+      } else if (target.type === 'UpdateExpression') {
+        // this.xxx <++|-->
+        return {
+          kind: 'update',
+          node: target,
+          pathNodes
+        }
+      } else if (target.type === 'CallExpression') {
+        if (node !== props && target.callee === node) {
+          const callName = getStaticPropertyName(node)
+          if (callName && /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(callName)) {
+            // this.xxx.push()
+            pathNodes.pop()
+            return {
+              kind: 'call',
+              node: target,
+              pathNodes
+            }
+          }
+        }
+      } else if (target.type === 'MemberExpression') {
+        if (target.object === node) {
+          pathNodes.push(target)
+          node = target
+          target = target.parent
+          continue // loop
+        }
+      }
+
+      return null
+    }
   }
 }
 

From f03b2d8f154ac0f71a91ec2e624b52c84230949f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 22 May 2020 07:51:44 +0900
Subject: [PATCH 0080/1010] Fix some casing issues (#1152)

* Fix casing of unicode characters

* Japanese and Chinese has no lower/upper letters

* Add support for node < 10

* lint fix

* Simplify casing regexp

* fix: make casing ignores language specific characters

* Fix some casing issues.

* Add testcase

Co-authored-by: Armano <armano2@users.noreply.github.com>
---
 lib/rules/attribute-hyphenation.js            |   2 +-
 lib/rules/component-definition-name-casing.js |   5 +-
 .../component-name-in-template-casing.js      |   7 +-
 lib/rules/name-property-casing.js             |   4 +-
 lib/rules/no-unregistered-components.js       |   3 +-
 lib/rules/no-unused-components.js             |   2 +-
 lib/rules/prop-name-casing.js                 |   5 +-
 lib/utils/casing.js                           | 166 ++++++++++++++---
 .../rules/component-definition-name-casing.js |  18 +-
 .../component-name-in-template-casing.js      |  25 +++
 tests/lib/rules/name-property-casing.js       |  18 +-
 tests/lib/rules/prop-name-casing.js           |  90 ++++++++--
 tests/lib/utils/casing.js                     | 170 +++++++++++++++++-
 13 files changed, 423 insertions(+), 92 deletions(-)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 9873d3657..e52d321b8 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -56,7 +56,7 @@ module.exports = {
       ignoredAttributes = ignoredAttributes.concat(optionsPayload.ignore)
     }
 
-    const caseConverter = casing.getConverter(useHyphenated ? 'kebab-case' : 'camelCase')
+    const caseConverter = casing.getExactConverter(useHyphenated ? 'kebab-case' : 'camelCase')
 
     function reportIssue (node, name) {
       const text = sourceCode.getText(node.key)
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 350ea9066..9012873a4 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -48,8 +48,7 @@ module.exports = {
         range = node.range
       }
 
-      const value = casing.getConverter(caseType)(nodeValue)
-      if (value !== nodeValue) {
+      if (!casing.getChecker(caseType)(nodeValue)) {
         context.report({
           node: node,
           message: 'Property name "{{value}}" is not {{caseType}}.',
@@ -57,7 +56,7 @@ module.exports = {
             value: nodeValue,
             caseType: caseType
           },
-          fix: fixer => fixer.replaceTextRange([range[0] + 1, range[1] - 1], value)
+          fix: fixer => fixer.replaceTextRange([range[0] + 1, range[1] - 1], casing.getExactConverter(caseType)(nodeValue))
         })
       }
     }
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 2a8970555..91481b0f4 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -87,7 +87,7 @@ module.exports = {
       }
       // We only verify the components registered in the component.
       if (registeredComponents
-        .filter(name => casing.pascalCase(name) === name) // When defining a component with PascalCase, you can use either case
+        .filter(name => casing.isPascalCase(name)) // When defining a component with PascalCase, you can use either case
         .some(name => node.rawName === name || casing.pascalCase(node.rawName) === name)) {
         return true
       }
@@ -108,11 +108,10 @@ module.exports = {
         }
 
         const name = node.rawName
-        const casingName = casing.getConverter(caseType)(name)
-        if (casingName !== name) {
+        if (!casing.getChecker(caseType)(name)) {
           const startTag = node.startTag
           const open = tokens.getFirstToken(startTag)
-
+          const casingName = casing.getExactConverter(caseType)(name)
           context.report({
             node: open,
             loc: open.loc,
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index 041967cf0..26ae6bfa7 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -48,8 +48,8 @@ module.exports = {
 
       if (!node) return
 
-      const value = casing.getConverter(caseType)(node.value.value)
-      if (value !== node.value.value) {
+      if (!casing.getChecker(caseType)(node.value.value)) {
+        const value = casing.getExactConverter(caseType)(node.value.value)
         context.report({
           node: node.value,
           message: 'Property name "{{value}}" is not {{caseType}}.',
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index f387248ac..6ee325058 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -128,8 +128,7 @@ module.exports = {
 
             // Component registered as `foo-bar` cannot be used as `FooBar`
             if (
-              name.indexOf('-') === -1 &&
-              name === casing.pascalCase(name) &&
+              casing.isPascalCase(name) &&
               componentsRegisteredAsKebabCase.indexOf(kebabCaseName) !== -1
             ) {
               return true
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 7f3920d20..21d2233cc 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -87,7 +87,7 @@ module.exports = {
             // it can be used in various of ways inside template,
             // like "theComponent", "The-component" etc.
             // but except snake_case
-            if (casing.pascalCase(name) === name || casing.camelCase(name) === name) {
+            if (casing.isPascalCase(name) || casing.isCamelCase(name)) {
               return ![...usedComponents].some(n => {
                 return n.indexOf('_') === -1 && (name === casing.pascalCase(n) || casing.camelCase(n) === name)
               })
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 235dda23c..532b41ce7 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -15,7 +15,7 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
 function create (context) {
   const options = context.options[0]
   const caseType = allowedCaseOptions.indexOf(options) !== -1 ? options : 'camelCase'
-  const converter = casing.getConverter(caseType)
+  const checker = casing.getChecker(caseType)
 
   // ----------------------------------------------------------------------
   // Public
@@ -31,8 +31,7 @@ function create (context) {
         // (boolean | null | number | RegExp) Literal
         continue
       }
-      const convertedName = converter(propName)
-      if (convertedName !== propName) {
+      if (!checker(propName)) {
         context.report({
           node: item.node,
           message: 'Prop "{{name}}" is not in {{caseType}}.',
diff --git a/lib/utils/casing.js b/lib/utils/casing.js
index 741481ef8..db01bc2e6 100644
--- a/lib/utils/casing.js
+++ b/lib/utils/casing.js
@@ -1,6 +1,27 @@
 const assert = require('assert')
 
-const invalidChars = /[^a-zA-Z0-9:]+/g
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Capitalize a string.
+ */
+function capitalize (str) {
+  return str.charAt(0).toUpperCase() + str.slice(1)
+}
+/**
+ * Checks whether the given string has symbols.
+ */
+function hasSymbols (str) {
+  return /[!"#%&'()*+,./:;<=>?@[\\\]^`{|}]/u.exec(str) // without " ", "$", "-" and "_"
+}
+/**
+ * Checks whether the given string has upper.
+ */
+function hasUpper (str) {
+  return /[A-Z]/u.exec(str)
+}
 
 /**
  * Convert text to kebab-case
@@ -9,13 +30,26 @@ const invalidChars = /[^a-zA-Z0-9:]+/g
  */
 function kebabCase (str) {
   return str
-    .replace(/[A-Z]/g, match => '-' + match)
-    .replace(/([^a-zA-Z])-([A-Z])/g, match => match[0] + match[2])
-    .replace(/^-/, '')
-    .replace(invalidChars, '-')
+    .replace(/_/gu, '-')
+    .replace(/\B([A-Z])/gu, '-$1')
     .toLowerCase()
 }
 
+/**
+ * Checks whether the given string is kebab-case.
+ */
+function isKebabCase (str) {
+  if (
+    hasUpper(str) ||
+    hasSymbols(str) ||
+    /^-/u.exec(str) || // starts with hyphen is not kebab-case
+    /_|--|\s/u.exec(str)
+  ) {
+    return false
+  }
+  return true
+}
+
 /**
  * Convert text to snake_case
  * @param {string} str Text to be converted
@@ -23,25 +57,49 @@ function kebabCase (str) {
  */
 function snakeCase (str) {
   return str
-    .replace(/[A-Z]/g, match => '_' + match)
-    .replace(/([^a-zA-Z])_([A-Z])/g, match => match[0] + match[2])
-    .replace(/^_/, '')
-    .replace(invalidChars, '_')
+    .replace(/\B([A-Z])/gu, '_$1')
+    .replace(/-/gu, '_')
     .toLowerCase()
 }
 
+/**
+ * Checks whether the given string is snake_case.
+ */
+function isSnakeCase (str) {
+  if (
+    hasUpper(str) ||
+    hasSymbols(str) ||
+    /-|__|\s/u.exec(str)
+  ) {
+    return false
+  }
+  return true
+}
+
 /**
  * Convert text to camelCase
  * @param {string} str Text to be converted
  * @return {string} Converted string
  */
 function camelCase (str) {
-  return str
-    .replace(/_/g, (_, index) => index === 0 ? _ : '-')
-    .replace(/(?:^\w|[A-Z]|\b\w)/g, (letter, index) =>
-      index === 0 ? letter.toLowerCase() : letter.toUpperCase()
-    )
-    .replace(invalidChars, '')
+  if (isPascalCase(str)) {
+    return str.charAt(0).toLowerCase() + str.slice(1)
+  }
+  return str.replace(/[-_](\w)/gu, (_, c) => c ? c.toUpperCase() : '')
+}
+
+/**
+ * Checks whether the given string is camelCase.
+ */
+function isCamelCase (str) {
+  if (
+    hasSymbols(str) ||
+    /^[A-Z]/u.exec(str) ||
+    /-|_|\s/u.exec(str) // kebab or snake or space
+  ) {
+    return false
+  }
+  return true
 }
 
 /**
@@ -50,10 +108,21 @@ function camelCase (str) {
  * @return {string} Converted string
  */
 function pascalCase (str) {
-  return str
-    .replace(/_/g, (_, index) => index === 0 ? _ : '-')
-    .replace(/(?:^\w|[A-Z]|\b\w)/g, (letter, index) => letter.toUpperCase())
-    .replace(invalidChars, '')
+  return capitalize(camelCase(str))
+}
+
+/**
+ * Checks whether the given string is PascalCase.
+ */
+function isPascalCase (str) {
+  if (
+    hasSymbols(str) ||
+    /^[a-z]/u.exec(str) ||
+    /-|_|\s/u.exec(str) // kebab or snake or space
+  ) {
+    return false
+  }
+  return true
 }
 
 const convertersMap = {
@@ -63,6 +132,34 @@ const convertersMap = {
   'PascalCase': pascalCase
 }
 
+const checkersMap = {
+  'kebab-case': isKebabCase,
+  'snake_case': isSnakeCase,
+  'camelCase': isCamelCase,
+  'PascalCase': isPascalCase
+}
+/**
+* Return case checker
+* @param {string} name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
+* @return {isKebabCase|isCamelCase|isPascalCase}
+*/
+function getChecker (name) {
+  assert(typeof name === 'string')
+
+  return checkersMap[name] || isPascalCase
+}
+
+/**
+ * Return case converter
+ * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
+ * @return {kebabCase|camelCase|pascalCase}
+ */
+function getConverter (name) {
+  assert(typeof name === 'string')
+
+  return convertersMap[name] || pascalCase
+}
+
 module.exports = {
   allowedCaseOptions: [
     'camelCase',
@@ -75,14 +172,37 @@ module.exports = {
    * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
    * @return {kebabCase|camelCase|pascalCase}
    */
-  getConverter (name) {
-    assert(typeof name === 'string')
+  getConverter,
+
+  /**
+   * Return case checker
+   * @param {string} name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
+   * @return {isKebabCase|isCamelCase|isPascalCase}
+   */
+  getChecker,
 
-    return convertersMap[name] || pascalCase
+  /**
+   * Return case exact converter.
+   * If the converted result is not the correct case, the original value is returned.
+   * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
+   * @return {kebabCase|camelCase|pascalCase}
+   */
+  getExactConverter (name) {
+    const converter = getConverter(name)
+    const checker = getChecker(name)
+    return (str) => {
+      const result = converter(str)
+      return checker(result) ? result : str/* cannot convert */
+    }
   },
 
   camelCase,
   pascalCase,
   kebabCase,
-  snakeCase
+  snakeCase,
+
+  isCamelCase,
+  isPascalCase,
+  isKebabCase,
+  isSnakeCase
 }
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index d14eedb7a..2317ea523 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -184,11 +184,7 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'foo  bar'
         }
       `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
+      output: null,
       parserOptions,
       errors: [{
         message: 'Property name "foo  bar" is not PascalCase.',
@@ -203,11 +199,7 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'foo!bar'
         }
       `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
+      output: null,
       parserOptions,
       errors: [{
         message: 'Property name "foo!bar" is not PascalCase.',
@@ -222,11 +214,7 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'foo!bar'
         })
       `,
-      output: `
-        new Vue({
-          name: 'FooBar'
-        })
-      `,
+      output: null,
       parserOptions: { ecmaVersion: 6 },
       errors: [{
         message: 'Property name "foo!bar" is not PascalCase.',
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index c1caf2e6d..d468dce84 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -686,6 +686,31 @@ tester.run('component-name-in-template-casing', rule, {
         'Component name "the-component" is not PascalCase.',
         'Component name "the-component" is not PascalCase.'
       ]
+    },
+    {
+      code: `
+      <template>
+        <foo--bar />
+        <Foo--Bar />
+        <FooBar />
+        <FooBar_Baz-qux />
+      </template>`,
+      output: `
+      <template>
+        <foo--bar />
+        <Foo--Bar />
+        <foo-bar />
+        <foo-bar-baz-qux />
+      </template>`,
+      options: ['kebab-case', {
+        registeredComponentsOnly: false
+      }],
+      errors: [
+        'Component name "foo--bar" is not kebab-case.',
+        'Component name "Foo--Bar" is not kebab-case.',
+        'Component name "FooBar" is not kebab-case.',
+        'Component name "FooBar_Baz-qux" is not kebab-case.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/name-property-casing.js b/tests/lib/rules/name-property-casing.js
index 1bdeb8769..ae2ed7dec 100644
--- a/tests/lib/rules/name-property-casing.js
+++ b/tests/lib/rules/name-property-casing.js
@@ -99,11 +99,7 @@ ruleTester.run('name-property-casing', rule, {
           name: 'foo  bar'
         }
       `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
+      output: null,
       parserOptions,
       errors: [{
         message: 'Property name "foo  bar" is not PascalCase.',
@@ -118,11 +114,7 @@ ruleTester.run('name-property-casing', rule, {
           name: 'foo!bar'
         }
       `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
+      output: null,
       parserOptions,
       errors: [{
         message: 'Property name "foo!bar" is not PascalCase.',
@@ -137,11 +129,7 @@ ruleTester.run('name-property-casing', rule, {
           name: 'foo!bar'
         })
       `,
-      output: `
-        new Vue({
-          name: 'FooBar'
-        })
-      `,
+      output: null,
       parserOptions: { ecmaVersion: 6 },
       errors: [{
         message: 'Property name "foo!bar" is not PascalCase.',
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index d80f7ab09..5290ec07d 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -287,6 +287,66 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      // Japanese characters
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            '漢字': String
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      // emoji
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            '\u{1F37B}': String
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      // #862
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            $actionEl: String
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      // #932
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            $css: String
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            _item: String
+          }
+        }
+      `,
+      options: ['snake_case'],
+      parserOptions
     }
   ],
 
@@ -441,35 +501,34 @@ ruleTester.run('prop-name-casing', rule, {
       }]
     },
     {
-      // emoji
       filename: 'test.vue',
       code: `
         export default {
           props: {
-            '\u{1F37B}': String
+            'abc-123-def': String
           }
         }
       `,
       parserOptions,
       errors: [{
-        message: 'Prop "\u{1F37B}" is not in camelCase.',
+        message: 'Prop "abc-123-def" is not in camelCase.',
         type: 'Property',
         line: 4
       }]
     },
     {
-      // Japanese characters
+      // Parentheses computed property name
       filename: 'test.vue',
       code: `
         export default {
           props: {
-            '漢字': String
+            [('greeting-text')]: String
           }
         }
       `,
       parserOptions,
       errors: [{
-        message: 'Prop "漢字" is not in camelCase.',
+        message: 'Prop "greeting-text" is not in camelCase.',
         type: 'Property',
         line: 4
       }]
@@ -479,33 +538,26 @@ ruleTester.run('prop-name-casing', rule, {
       code: `
         export default {
           props: {
-            'abc-123-def': String
+            _item: String
           }
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "abc-123-def" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: ['Prop "_item" is not in camelCase.']
     },
     {
-      // Parentheses computed property name
       filename: 'test.vue',
       code: `
         export default {
           props: {
-            [('greeting-text')]: String
+            _itemName: String
           }
         }
       `,
+      options: ['snake_case'],
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting-text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: ['Prop "_itemName" is not in snake_case.']
     }
+
   ]
 })
diff --git a/tests/lib/utils/casing.js b/tests/lib/utils/casing.js
index d72d186d5..28a71ce53 100644
--- a/tests/lib/utils/casing.js
+++ b/tests/lib/utils/casing.js
@@ -9,6 +9,7 @@ describe('getConverter()', () => {
   it('should convert string to camelCase', () => {
     const converter = casing.getConverter('camelCase')
 
+    assert.equal(converter('foo'), 'foo')
     assert.equal(converter('fooBar'), 'fooBar')
     assert.equal(converter('foo-bar'), 'fooBar')
     assert.equal(converter('foo_bar'), 'fooBar')
@@ -17,11 +18,18 @@ describe('getConverter()', () => {
     assert.equal(converter('FooBAR'), 'fooBAR')
     assert.equal(converter('Foo1BAZ'), 'foo1BAZ')
     assert.equal(converter('foo1b_a_z'), 'foo1bAZ')
+    assert.equal(converter('darИībaÊÊw'), 'darИībaÊÊw')
+    assert.equal(converter('klâwen-ûf'), 'klâwen-ûf')
+    assert.equal(converter('пустынныхИвдалП'), 'пустынныхИвдалП')
+    assert.equal(converter('kpłĄżć'), 'kpłĄżć')
+    assert.equal(converter('ÊtreSîne'), 'êtreSîne')
+    assert.equal(converter('    foo       Bar   '), '    foo       Bar   ')
   })
 
   it('should convert string to PascalCase', () => {
     const converter = casing.getConverter('PascalCase')
 
+    assert.equal(converter('foo'), 'Foo')
     assert.equal(converter('fooBar'), 'FooBar')
     assert.equal(converter('foo-bar'), 'FooBar')
     assert.equal(converter('foo_bar'), 'FooBar')
@@ -30,30 +38,184 @@ describe('getConverter()', () => {
     assert.equal(converter('FooBAR'), 'FooBAR')
     assert.equal(converter('Foo1BAZ'), 'Foo1BAZ')
     assert.equal(converter('foo1b_a_z'), 'Foo1bAZ')
+    assert.equal(converter('darИībaÊÊw'), 'DarИībaÊÊw')
+    assert.equal(converter('klâwen-ûf'), 'Klâwen-ûf')
+    assert.equal(converter('пустынныхИвдалП'), 'ПустынныхИвдалП')
+    assert.equal(converter('kpłĄżć'), 'KpłĄżć')
+    assert.equal(converter('ÊtreSîne'), 'ÊtreSîne')
+    assert.equal(converter('    foo       Bar   '), '    foo       Bar   ')
   })
 
   it('should convert string to kebab-case', () => {
     const converter = casing.getConverter('kebab-case')
 
+    assert.equal(converter('foo'), 'foo')
     assert.equal(converter('fooBar'), 'foo-bar')
     assert.equal(converter('foo-bar'), 'foo-bar')
     assert.equal(converter('foo_bar'), 'foo-bar')
     assert.equal(converter('FooBar'), 'foo-bar')
-    assert.equal(converter('Foo1Bar'), 'foo1bar')
+    assert.equal(converter('Foo1Bar'), 'foo1-bar')
     assert.equal(converter('FooBAR'), 'foo-b-a-r')
-    assert.equal(converter('Foo1BAZ'), 'foo1b-a-z')
+    assert.equal(converter('Foo1BAZ'), 'foo1-b-a-z')
     assert.equal(converter('foo1b_a_z'), 'foo1b-a-z')
+    assert.equal(converter('darИībaÊÊw'), 'darиībaêêw')
+    assert.equal(converter('klâwen-ûf'), 'klâwen-ûf')
+    assert.equal(converter('пустынныхИвдалП'), 'пустынныхивдалп')
+    assert.equal(converter('kpłĄżć'), 'kpłążć')
+    assert.equal(converter('ÊtreSîne'), 'être-sîne')
+    assert.equal(converter('    foo       Bar   '), '    foo       bar   ')
   })
 
   it('should convert string to snake_case', () => {
     const converter = casing.getConverter('snake_case')
 
+    assert.equal(converter('a'), 'a')
     assert.equal(converter('fooBar'), 'foo_bar')
     assert.equal(converter('foo-bar'), 'foo_bar')
     assert.equal(converter('FooBar'), 'foo_bar')
-    assert.equal(converter('Foo1Bar'), 'foo1bar')
+    assert.equal(converter('Foo1Bar'), 'foo1_bar')
     assert.equal(converter('FooBAR'), 'foo_b_a_r')
-    assert.equal(converter('Foo1BAZ'), 'foo1b_a_z')
+    assert.equal(converter('Foo1BAZ'), 'foo1_b_a_z')
     assert.equal(converter('foo1b_a_z'), 'foo1b_a_z')
+    assert.equal(converter('darИībaÊÊw'), 'darиībaêêw')
+    assert.equal(converter('klâwen-ûf'), 'klâwen_ûf')
+    assert.equal(converter('пустынныхИвдалП'), 'пустынныхивдалп')
+    assert.equal(converter('kpłĄżć'), 'kpłążć')
+    assert.equal(converter('ÊtreSîne'), 'être_sîne')
+    assert.equal(converter('    foo       Bar   '), '    foo       bar   ')
+  })
+})
+
+describe('getChecker()', () => {
+  it('should check string to camelCase', () => {
+    const checker = casing.getChecker('camelCase')
+
+    assert.equal(checker('foo'), true)
+    assert.equal(checker('fooBar'), true)
+    assert.equal(checker('fooBar'), true)
+    assert.equal(checker('fooBar'), true)
+    assert.equal(checker('fooBar'), true)
+    assert.equal(checker('foo1Bar'), true)
+    assert.equal(checker('fooBAR'), true)
+    assert.equal(checker('foo1BAZ'), true)
+    assert.equal(checker('foo1bAZ'), true)
+    assert.equal(checker('darИībaÊÊw'), true)
+    assert.equal(checker('klâwen-ûf'), false)
+    assert.equal(checker('пустынныхИвдалП'), true)
+    assert.equal(checker('kpłĄżć'), true)
+    assert.equal(checker('êtreSîne'), true)
+    assert.equal(checker('    foo       Bar   '), false)
+
+    assert.equal(checker('camelCase'), true)
+    assert.equal(checker('PascalCase'), false)
+    assert.equal(checker('kebab-case'), false)
+    assert.equal(checker('snake_case'), false)
+
+    assert.equal(checker('camel-Kebab-Case'), false)
+    assert.equal(checker('camel_Snake_Case'), false)
+    assert.equal(checker('Pascal-Kebab-Case'), false)
+    assert.equal(checker('Pascal_Snake_Case'), false)
+    assert.equal(checker('snake_kebab-case'), false)
+  })
+
+  it('should check string to PascalCase', () => {
+    const checker = casing.getChecker('PascalCase')
+
+    assert.equal(checker('Foo'), true)
+    assert.equal(checker('FooBar'), true)
+    assert.equal(checker('FooBar'), true)
+    assert.equal(checker('FooBar'), true)
+    assert.equal(checker('FooBar'), true)
+    assert.equal(checker('Foo1Bar'), true)
+    assert.equal(checker('FooBAR'), true)
+    assert.equal(checker('Foo1BAZ'), true)
+    assert.equal(checker('Foo1bAZ'), true)
+    assert.equal(checker('DarИībaÊÊw'), true)
+    assert.equal(checker('Klâwen-ûf'), false)
+    assert.equal(checker('ПустынныхИвдалП'), true)
+    assert.equal(checker('KpłĄżć'), true)
+    assert.equal(checker('ÊtreSîne'), true)
+    assert.equal(checker('    foo       Bar   '), false)
+
+    assert.equal(checker('DarbībaShow'), true)
+
+    assert.equal(checker('camelCase'), false)
+    assert.equal(checker('PascalCase'), true)
+    assert.equal(checker('kebab-case'), false)
+    assert.equal(checker('snake_case'), false)
+
+    assert.equal(checker('camel-Kebab-Case'), false)
+    assert.equal(checker('camel_Snake_Case'), false)
+    assert.equal(checker('Pascal-Kebab-Case'), false)
+    assert.equal(checker('Pascal_Snake_Case'), false)
+    assert.equal(checker('snake_kebab-case'), false)
+  })
+
+  it('should convert string to kebab-case', () => {
+    const checker = casing.getChecker('kebab-case')
+
+    assert.equal(checker('foo'), true)
+    assert.equal(checker('foo-bar'), true)
+    assert.equal(checker('foo-bar'), true)
+    assert.equal(checker('foo-bar'), true)
+    assert.equal(checker('foo-bar'), true)
+    assert.equal(checker('foo1-bar'), true)
+    assert.equal(checker('foo-b-a-r'), true)
+    assert.equal(checker('foo1-b-a-z'), true)
+    assert.equal(checker('foo1b-a-z'), true)
+    assert.equal(checker('darиībaêêw'), true)
+    assert.equal(checker('klâwen-ûf'), true)
+    assert.equal(checker('пустынныхивдалп'), true)
+    assert.equal(checker('kpłążć'), true)
+    assert.equal(checker('être-sîne'), true)
+    assert.equal(checker('    foo       bar   '), false)
+
+    assert.equal(checker('camelCase'), false)
+    assert.equal(checker('PascalCase'), false)
+    assert.equal(checker('kebab-case'), true)
+    assert.equal(checker('snake_case'), false)
+
+    assert.equal(checker('camel-Kebab-Case'), false)
+    assert.equal(checker('camel_Snake_Case'), false)
+    assert.equal(checker('Pascal-Kebab-Case'), false)
+    assert.equal(checker('Pascal_Snake_Case'), false)
+    assert.equal(checker('snake_kebab-case'), false)
+
+    assert.equal(checker('valid-kebab-case'), true)
+    assert.equal(checker('-invalid-kebab-case'), false)
+    assert.equal(checker('invalid--kebab-case'), false)
+  })
+
+  it('should check string to snake_case', () => {
+    const checker = casing.getChecker('snake_case')
+
+    assert.equal(checker('a'), true)
+    assert.equal(checker('foo_bar'), true)
+    assert.equal(checker('foo_bar'), true)
+    assert.equal(checker('foo_bar'), true)
+    assert.equal(checker('foo1_bar'), true)
+    assert.equal(checker('foo_b_a_r'), true)
+    assert.equal(checker('foo1_b_a_z'), true)
+    assert.equal(checker('foo1b_a_z'), true)
+    assert.equal(checker('darиībaêêw'), true)
+    assert.equal(checker('klâwen_ûf'), true)
+    assert.equal(checker('пустынныхивдалп'), true)
+    assert.equal(checker('kpłążć'), true)
+    assert.equal(checker('être_sîne'), true)
+    assert.equal(checker('    foo       bar   '), false)
+
+    assert.equal(checker('camelCase'), false)
+    assert.equal(checker('PascalCase'), false)
+    assert.equal(checker('kebab-case'), false)
+    assert.equal(checker('snake_case'), true)
+
+    assert.equal(checker('camel-Kebab-Case'), false)
+    assert.equal(checker('camel_Snake_Case'), false)
+    assert.equal(checker('Pascal-Kebab-Case'), false)
+    assert.equal(checker('Pascal_Snake_Case'), false)
+    assert.equal(checker('snake_kebab-case'), false)
+
+    assert.equal(checker('_valid_snake_case'), true)
+    assert.equal(checker('invalid__snake_case'), false)
   })
 })

From f8b301483edc6b6c6b6fe645c108bfe499fcf5c1 Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Sat, 23 May 2020 10:45:56 +0900
Subject: [PATCH 0081/1010] Add new `vue/no-arrow-functions-in-watch` rule
 (#1155)

* Add 'vue/no-arrow-functions-in-watch' rule

* Add property type check in 'vue/no-arrow-functions-in-watch'

* Modify to check error line info in 'vue/no-arrow-functions-in-watch' tests
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-arrow-functions-in-watch.md     |  61 +++++
 lib/index.js                                  |   1 +
 lib/rules/no-arrow-functions-in-watch.js      |  39 ++++
 .../lib/rules/no-arrow-functions-in-watch.js  | 217 ++++++++++++++++++
 5 files changed, 319 insertions(+)
 create mode 100644 docs/rules/no-arrow-functions-in-watch.md
 create mode 100644 lib/rules/no-arrow-functions-in-watch.js
 create mode 100644 tests/lib/rules/no-arrow-functions-in-watch.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ecea70df7..4327caf50 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -286,6 +286,7 @@ For example:
 | [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
+| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md)| disallows using arrow functions to define wathcer |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
new file mode 100644
index 000000000..7da767330
--- /dev/null
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -0,0 +1,61 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-arrow-functions-in-watch
+description: disallow arrow functions to define watcher
+---
+# vue/no-arrow-functions-in-watch
+> disallow using arrow functions to define watcher
+
+## :book: Rule Details
+
+This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://vuejs.org/v2/api/#watch))
+
+<eslint-code-block :rules="{'vue/no-arrow-functions-in-watch': ['error']}">
+
+```vue
+<script>
+export default {
+  watch: {
+    /* ✓ GOOD */
+    a: function (val, oldVal) {
+      console.log('new: %s, old: %s', val, oldVal)
+    },
+    b: 'someMethod',
+    c: {
+      handler: function (val, oldVal) { /* ... */ },
+      deep: true
+    },
+    d: {
+      handler: 'someMethod',
+      immediate: true
+    },
+    e: [
+      'handle1',
+      function handle2 (val, oldVal) { /* ... */ },
+      {
+        handler: function handle3 (val, oldVal) { /* ... */ },
+        /* ... */
+      }
+    ],
+    'e.f': function (val, oldVal) { /* ... */ }
+
+    /* ✗ BAD */
+    foo: (val, oldVal) => {
+      console.log('new: %s, old: %s', val, oldVal)
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-arrow-functions-in-watch.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-arrow-functions-in-watch.js)
diff --git a/lib/index.js b/lib/index.js
index 58642e5b6..66c381b39 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -40,6 +40,7 @@ module.exports = {
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
     'name-property-casing': require('./rules/name-property-casing'),
+    'no-arrow-functions-in-watch': require('./rules/no-arrow-functions-in-watch'),
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
new file mode 100644
index 000000000..ab8a608da
--- /dev/null
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -0,0 +1,39 @@
+/**
+ * @author Sosuke Suzuki
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow using arrow functions to define watcher',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-arrow-functions-in-watch.html'
+    },
+    fixable: null,
+    schema: []
+  },
+  create (context) {
+    return utils.executeOnVue(context, (obj) => {
+      const watchNode = obj.properties.find((property) => utils.getStaticPropertyName(property) === 'watch')
+      if (watchNode == null) {
+        return
+      }
+      const watchValue = watchNode.value
+      if (watchValue.type !== 'ObjectExpression') {
+        return
+      }
+      for (const property of watchValue.properties) {
+        if (property.type === 'Property' && property.value.type === 'ArrowFunctionExpression') {
+          context.report({
+            node: property,
+            message: 'You should not use an arrow function to define a watcher.'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-arrow-functions-in-watch.js b/tests/lib/rules/no-arrow-functions-in-watch.js
new file mode 100644
index 000000000..5d5b5cd87
--- /dev/null
+++ b/tests/lib/rules/no-arrow-functions-in-watch.js
@@ -0,0 +1,217 @@
+/**
+ * @author Sosuke Suzuki
+ */
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-arrow-functions-in-watch')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+ruleTester.run('no-arrow-functions-in-watch', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {}
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          watch: {}
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          watch: {
+            foo() {}
+          },
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          watch: {
+            foo: function() {}
+          },
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          watch: {
+            foo() {},
+            bar() {}
+          },
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          watch: {
+            foo: function() {},
+            bar: function() {}
+          },
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          watch: {
+            ...obj,
+            foo: function() {},
+            bar: function() {}
+          },
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data: {
+          a: 1,
+          b: 2,
+          c: 3,
+          d: 4,
+          e: {
+            f: {
+              g: 5
+            }
+          }
+        },
+        watch: {
+          a: function (val, oldVal) {
+            console.log('new: %s, old: %s', val, oldVal)
+          },
+          b: 'someMethod',
+          c: {
+            handler: function (val, oldVal) {},
+            deep: true
+          },
+          d: {
+            handler: 'someMethod',
+            immediate: true
+          },
+          e: [
+            'handle1',
+            function handle2 (val, oldVal) {},
+            {
+              handler: function handle3 (val, oldVal) {},
+              /* ... */
+            }
+          ],
+          'e.f': function (val, oldVal) { /* ... */ }
+        }
+      }`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        watch: {
+          foo: () => {}
+        },
+      }`,
+      errors: ['You should not use an arrow function to define a watcher.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        watch: {
+          foo() {},
+          bar: () => {}
+        }
+      }`,
+      errors: [{
+        message: 'You should not use an arrow function to define a watcher.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        watch: {
+          foo: function() {},
+          bar: () => {}
+        }
+      }`,
+      errors: [{
+        message: 'You should not use an arrow function to define a watcher.',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data: {
+          a: 1,
+          b: 2,
+          c: 3,
+          d: 4,
+          e: {
+            f: {
+              g: 5
+            }
+          }
+        },
+        watch: {
+          a: (val, oldVal) => {
+            console.log('new: %s, old: %s', val, oldVal)
+          },
+          b: 'someMethod',
+          c: {
+            handler: function (val, oldVal) {},
+            deep: true
+          },
+          d: {
+            handler: 'someMethod',
+            immediate: true
+          },
+          e: [
+            'handle1',
+            function handle2 (val, oldVal) {},
+            {
+              handler: function handle3 (val, oldVal) {},
+              /* ... */
+            }
+          ],
+          'e.f': function (val, oldVal) { /* ... */ }
+        }
+      }`,
+      errors: [{
+        message: 'You should not use an arrow function to define a watcher.',
+        line: 15
+      }]
+    }
+  ]
+})

From 812f6bbd6ab7bc13db3586354ada73de9d94dac4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 23 May 2020 11:15:44 +0900
Subject: [PATCH 0082/1010] Change the categories of 
 `vue/no-arrow-functions-in-watch` rule to 'vue3-essential' and 'essential'.
 (#1156)

---
 docs/rules/README.md                      | 3 ++-
 docs/rules/no-arrow-functions-in-watch.md | 4 +++-
 lib/configs/essential.js                  | 1 +
 lib/configs/vue3-essential.js             | 1 +
 lib/rules/no-arrow-functions-in-watch.js  | 2 +-
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4327caf50..8916464e6 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -38,6 +38,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
@@ -159,6 +160,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
@@ -286,7 +288,6 @@ For example:
 | [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
-| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md)| disallows using arrow functions to define wathcer |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 7da767330..4378fe567 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -2,11 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-arrow-functions-in-watch
-description: disallow arrow functions to define watcher
+description: disallow using arrow functions to define watcher
 ---
 # vue/no-arrow-functions-in-watch
 > disallow using arrow functions to define watcher
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://vuejs.org/v2/api/#watch))
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index f85195de1..92a9e7405 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -6,6 +6,7 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
+    'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-custom-modifiers-on-v-model': 'error',
     'vue/no-dupe-keys': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index c8e630496..9ae00e5e1 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -6,6 +6,7 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
+    'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-dollar-listeners-api': 'error',
diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
index ab8a608da..4df3ec27d 100644
--- a/lib/rules/no-arrow-functions-in-watch.js
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -10,7 +10,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow using arrow functions to define watcher',
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-arrow-functions-in-watch.html'
     },
     fixable: null,

From 625e2710587cb16a64cba86032f150422fafaad1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 23 May 2020 12:17:01 +0900
Subject: [PATCH 0083/1010] Add `vue/space-in-parens` rule (#1157)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ⭐️New: Add `vue/space-in-parens` rule

* update

* update

* update
---
 docs/rules/space-in-parens.md      |  23 ++++
 lib/configs/no-layout-rules.js     |   1 +
 lib/rules/space-in-parens.js       |  12 ++
 lib/utils/index.js                 |   8 +-
 tests/lib/rules/space-in-parens.js | 205 +++++++++++++++++++++++++++++
 5 files changed, 248 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/space-in-parens.md
 create mode 100644 lib/rules/space-in-parens.js
 create mode 100644 tests/lib/rules/space-in-parens.js

diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
new file mode 100644
index 000000000..3b39305dc
--- /dev/null
+++ b/docs/rules/space-in-parens.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/space-in-parens
+description: enforce consistent spacing inside parentheses
+---
+# vue/space-in-parens
+> enforce consistent spacing inside parentheses
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [space-in-parens] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [space-in-parens]
+
+[space-in-parens]: https://eslint.org/docs/rules/space-in-parens
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-in-parens.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-in-parens.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 3b26ae1be..5a9487caa 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -32,6 +32,7 @@ module.exports = {
     'vue/padding-line-between-blocks': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
+    'vue/space-in-parens': 'off',
     'vue/space-infix-ops': 'off',
     'vue/space-unary-ops': 'off',
     'vue/template-curly-spacing': 'off'
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
new file mode 100644
index 000000000..f3b03e22f
--- /dev/null
+++ b/lib/rules/space-in-parens.js
@@ -0,0 +1,12 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/space-in-parens'),
+  { skipDynamicArguments: true, skipDynamicArgumentsReport: true }
+)
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 698a9a047..0f68bf11f 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -117,7 +117,9 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument (context) {
     report (descriptor, ...args) {
       let range = null
       if (descriptor.loc) {
-        range = [sourceCode.getIndexFromLoc(descriptor.loc.start), sourceCode.getIndexFromLoc(descriptor.loc.end)]
+        const startLoc = isLoc(descriptor.loc.start) ? descriptor.loc.start : descriptor.loc
+        const endLoc = descriptor.loc.end || startLoc
+        range = [sourceCode.getIndexFromLoc(startLoc), sourceCode.getIndexFromLoc(endLoc)]
       } else if (descriptor.node) {
         range = descriptor.node.range
       }
@@ -131,6 +133,10 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument (context) {
       context.report(descriptor, ...args)
     }
   }
+
+  function isLoc (loc) {
+    return loc && typeof loc === 'object' && typeof loc.line === 'number' && typeof loc.column === 'number'
+  }
 }
 
 // ------------------------------------------------------------------------------
diff --git a/tests/lib/rules/space-in-parens.js b/tests/lib/rules/space-in-parens.js
new file mode 100644
index 000000000..11e83591d
--- /dev/null
+++ b/tests/lib/rules/space-in-parens.js
@@ -0,0 +1,205 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { RuleTester, CLIEngine } = require('eslint')
+const semver = require('semver')
+const rule = require('../../../lib/rules/space-in-parens')
+
+const errorMessage = semver.lt(CLIEngine.version, '6.4.0')
+  ? (obj) => {
+    const messageId = obj.messageId
+    delete obj.messageId
+    obj.message = messageId.startsWith('missing') ? 'There must be a space inside this paren.' : 'There should be no spaces inside this paren.'
+    return obj
+  }
+  : obj => obj
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('space-in-parens', rule, {
+  valid: [
+    `<template>
+      <button
+        @click="foo(arg)"
+      />
+    </template>`,
+    {
+      code: `
+      <template>
+        <button
+          @click="foo( arg )"
+        />
+      </template>`,
+      options: ['always']
+    },
+    `
+    <template>
+      <button
+        :[foo(arg)]="foo(arg)"
+      />
+    </template>`,
+    {
+      code: `
+      <template>
+        <button
+          :[foo(arg)]="foo( arg )"
+        />
+      </template>`,
+      options: ['always']
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <button
+          @click="foo( arg )"
+        />
+      </template>`,
+      output: `
+      <template>
+        <button
+          @click="foo(arg)"
+        />
+      </template>`,
+      errors: [
+        errorMessage({
+          messageId: 'rejectedOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'rejectedClosingSpace',
+          line: 4
+        })
+      ]
+    },
+    {
+      code: `
+      <template>
+        <button
+          @click="foo(arg)"
+        />
+      </template>`,
+      options: ['always'],
+      output: `
+      <template>
+        <button
+          @click="foo( arg )"
+        />
+      </template>`,
+      errors: [
+        errorMessage({
+          messageId: 'missingOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'missingClosingSpace',
+          line: 4
+        })
+      ]
+    },
+    {
+      code: `
+      <template>
+        <input
+          :value="( 1 + 2 ) + 3"
+        >
+      </template>`,
+      output: `
+      <template>
+        <input
+          :value="(1 + 2) + 3"
+        >
+      </template>`,
+      errors: [
+        errorMessage({
+          messageId: 'rejectedOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'rejectedClosingSpace',
+          line: 4
+        })
+      ]
+    },
+    {
+      code: `
+      <template>
+        <input
+          :value="(1 + 2) + 3"
+        >
+      </template>`,
+      options: ['always'],
+      output: `
+      <template>
+        <input
+          :value="( 1 + 2 ) + 3"
+        >
+      </template>`,
+      errors: [
+        errorMessage({
+          messageId: 'missingOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'missingClosingSpace',
+          line: 4
+        })
+      ]
+    },
+    {
+      code: `
+      <template>
+        <input
+          :[(1+2)]="( 1 + 2 ) + 3"
+        >
+      </template>`,
+      output: `
+      <template>
+        <input
+          :[(1+2)]="(1 + 2) + 3"
+        >
+      </template>`,
+      errors: [
+        errorMessage({
+          messageId: 'rejectedOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'rejectedClosingSpace',
+          line: 4
+        })
+      ]
+    },
+    {
+      code: `
+      <template>
+        <input
+          :[(1+2)]="(1 + 2) + 3"
+        >
+      </template>`,
+      options: ['always'],
+      output: `
+      <template>
+        <input
+          :[(1+2)]="( 1 + 2 ) + 3"
+        >
+      </template>`,
+      errors: [
+        errorMessage({
+          messageId: 'missingOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'missingClosingSpace',
+          line: 4
+        })
+      ]
+    }
+  ]
+})

From f537354c0b4741f9aa050ee4eb10e9105bd95e26 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 24 May 2020 06:27:55 +0900
Subject: [PATCH 0084/1010] Add `vue/comma-style` rule (#1159)

* Add `vue/comma-style` rule

* update
---
 docs/rules/README.md           |   2 +
 docs/rules/comma-style.md      |  23 ++++++
 lib/configs/no-layout-rules.js |   1 +
 lib/index.js                   |   2 +
 lib/rules/comma-style.js       |  20 ++++++
 lib/utils/index.js             |  58 +++++++++------
 tests/lib/rules/comma-style.js | 124 +++++++++++++++++++++++++++++++++
 7 files changed, 210 insertions(+), 20 deletions(-)
 create mode 100644 docs/rules/comma-style.md
 create mode 100644 lib/rules/comma-style.js
 create mode 100644 tests/lib/rules/comma-style.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 8916464e6..57890decd 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -278,6 +278,7 @@ For example:
 | [vue/camelcase](./camelcase.md) | enforce camelcase naming convention |  |
 | [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas | :wrench: |
 | [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas | :wrench: |
+| [vue/comma-style](./comma-style.md) | enforce consistent comma style | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
@@ -308,6 +309,7 @@ For example:
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
+| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses | :wrench: |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
new file mode 100644
index 000000000..6e4ea7422
--- /dev/null
+++ b/docs/rules/comma-style.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/comma-style
+description: enforce consistent comma style
+---
+# vue/comma-style
+> enforce consistent comma style
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [comma-style] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [comma-style]
+
+[comma-style]: https://eslint.org/docs/rules/comma-style
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-style.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-style.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 5a9487caa..57ea8002f 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -11,6 +11,7 @@ module.exports = {
     'vue/brace-style': 'off',
     'vue/comma-dangle': 'off',
     'vue/comma-spacing': 'off',
+    'vue/comma-style': 'off',
     'vue/dot-location': 'off',
     'vue/html-closing-bracket-newline': 'off',
     'vue/html-closing-bracket-spacing': 'off',
diff --git a/lib/index.js b/lib/index.js
index 66c381b39..5e52f514f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -16,6 +16,7 @@ module.exports = {
     'camelcase': require('./rules/camelcase'),
     'comma-dangle': require('./rules/comma-dangle'),
     'comma-spacing': require('./rules/comma-spacing'),
+    'comma-style': require('./rules/comma-style'),
     'comment-directive': require('./rules/comment-directive'),
     'component-definition-name-casing': require('./rules/component-definition-name-casing'),
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
@@ -114,6 +115,7 @@ module.exports = {
     'script-indent': require('./rules/script-indent'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'sort-keys': require('./rules/sort-keys'),
+    'space-in-parens': require('./rules/space-in-parens'),
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),
     'static-class-names-order': require('./rules/static-class-names-order'),
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
new file mode 100644
index 000000000..87ffaabc5
--- /dev/null
+++ b/lib/rules/comma-style.js
@@ -0,0 +1,20 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/comma-style'),
+  {
+    create (_context, { coreHandlers }) {
+      return {
+        VSlotScopeExpression (node) {
+          coreHandlers.FunctionExpression(node)
+        }
+      }
+    }
+  }
+)
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0f68bf11f..735d182d0 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -22,6 +22,7 @@
 
 /**
  * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ * @typedef {import('eslint').Rule.RuleModule} RuleModule
  * @typedef {import('vue-eslint-parser').AST.Token} Token
  */
 
@@ -154,28 +155,20 @@ module.exports = {
    * @param {Object} [scriptVisitor] The visitor to traverse the script.
    * @returns {Object} The merged visitor.
    */
-  defineTemplateBodyVisitor (context, templateBodyVisitor, scriptVisitor) {
-    if (context.parserServices.defineTemplateBodyVisitor == null) {
-      context.report({
-        loc: { line: 1, column: 0 },
-        message: 'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error'
-      })
-      return {}
-    }
-    return context.parserServices.defineTemplateBodyVisitor(templateBodyVisitor, scriptVisitor)
-  },
+  defineTemplateBodyVisitor,
 
   /**
    * Wrap a given core rule to apply it to Vue.js template.
-   * @param {Rule} coreRule The core rule implementation to wrap.
+   * @param {RuleModule} coreRule The core rule implementation to wrap.
    * @param {Object} [options] The option of this rule.
-   * @param {string|undefined} options.category The category of this rule.
-   * @param {boolean|undefined} options.skipDynamicArguments If `true`, skip validation within dynamic arguments.
-   * @param {boolean|undefined} options.skipDynamicArgumentsReport If `true`, skip report within dynamic arguments.
-   * @returns {Rule} The wrapped rule implementation.
+   * @param {string} [options.category] The category of this rule.
+   * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
+   * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
+   * @param {RuleModule["create"]} [options.create] If define, extend core rule.
+   * @returns {RuleModule} The wrapped rule implementation.
    */
   wrapCoreRule (coreRule, options) {
-    const { category, skipDynamicArguments, skipDynamicArgumentsReport } = options || {}
+    const { category, skipDynamicArguments, skipDynamicArgumentsReport, create } = options || {}
     return {
       create (context) {
         const tokenStore =
@@ -193,7 +186,8 @@ module.exports = {
         }
 
         // Move `Program` handlers to `VElement[parent.type!='VElement']`
-        const handlers = coreRule.create(context)
+        const coreHandlers = coreRule.create(context)
+        const handlers = Object.assign({}, coreHandlers)
         if (handlers.Program) {
           handlers["VElement[parent.type!='VElement']"] = handlers.Program
           delete handlers.Program
@@ -216,8 +210,12 @@ module.exports = {
           handlers['VDirectiveKey > VExpressionContainer:exit'] = () => { withinDynamicArguments = false }
         }
 
+        if (create) {
+          compositingVisitors(handlers, create(context, { coreHandlers }))
+        }
+
         // Apply the handlers to templates.
-        return module.exports.defineTemplateBodyVisitor(context, handlers)
+        return defineTemplateBodyVisitor(context, handlers)
       },
 
       meta: Object.assign({}, coreRule.meta, {
@@ -1089,6 +1087,27 @@ module.exports = {
   }
 }
 
+/**
+ * Register the given visitor to parser services.
+ * If the parser service of `vue-eslint-parser` was not found,
+ * this generates a warning.
+ *
+ * @param {RuleContext} context The rule context to use parser services.
+ * @param {Object} templateBodyVisitor The visitor to traverse the template body.
+ * @param {Object} [scriptVisitor] The visitor to traverse the script.
+ * @returns {Object} The merged visitor.
+ */
+function defineTemplateBodyVisitor (context, templateBodyVisitor, scriptVisitor) {
+  if (context.parserServices.defineTemplateBodyVisitor == null) {
+    context.report({
+      loc: { line: 1, column: 0 },
+      message: 'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error'
+    })
+    return {}
+  }
+  return context.parserServices.defineTemplateBodyVisitor(templateBodyVisitor, scriptVisitor)
+}
+
 /**
  * Unwrap typescript types like "X as F"
  * @template T
@@ -1294,8 +1313,7 @@ function getComponentComments (context) {
   return tokens
 }
 
-function compositingVisitors (...visitors) {
-  const visitor = {}
+function compositingVisitors (visitor, ...visitors) {
   for (const v of visitors) {
     for (const key in v) {
       if (visitor[key]) {
diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
new file mode 100644
index 000000000..bd469d7a9
--- /dev/null
+++ b/tests/lib/rules/comma-style.js
@@ -0,0 +1,124 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { RuleTester } = require('eslint')
+const rule = require('../../../lib/rules/comma-style')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018 }
+})
+
+tester.run('comma-style', rule, {
+  valid: [
+    `<template>
+      <CustomButton @click="() => fn({
+        a,
+        b
+      })" />
+    </template>`,
+    {
+      code: `
+        <template>
+          <CustomButton @click="($event,
+            data) => fn()" />
+        </template>`,
+      options: ['last', { exceptions: { ArrowFunctionExpression: false }}]
+    },
+    {
+      code: `
+        <template>
+          <CustomButton @click="($event
+            , data) => fn()" />
+        </template>`,
+      options: ['first', { exceptions: { ArrowFunctionExpression: false }}]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+        <template>
+          <CustomButton @click="() => fn({
+            a
+            , b
+          })" />
+        </template>`,
+      output: `
+        <template>
+          <CustomButton @click="() => fn({
+            a,
+             b
+          })" />
+        </template>`,
+      errors: [
+        {
+          message: "',' should be placed last.",
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomButton @click="($event
+            , data) => fn()" />
+        </template>`,
+      options: ['last', { exceptions: { ArrowFunctionExpression: false }}],
+      output: `
+        <template>
+          <CustomButton @click="($event,
+             data) => fn()" />
+        </template>`,
+      errors: [
+        {
+          message: "',' should be placed last.",
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomButton @click="($event,
+            data) => fn()" />
+        </template>`,
+      options: ['first', { exceptions: { ArrowFunctionExpression: false }}],
+      output: `
+        <template>
+          <CustomButton @click="($event
+            ,data) => fn()" />
+        </template>`,
+      errors: [
+        {
+          message: "',' should be placed first."
+          // line: 3 // eslint v7.0
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <CustomButton v-slot="foo,
+            bar" >
+            <div/>
+          </CustomButton>
+        </template>`,
+      options: ['first', { exceptions: { FunctionExpression: false }}],
+      output: `
+        <template>
+          <CustomButton v-slot="foo
+            ,bar" >
+            <div/>
+          </CustomButton>
+        </template>`,
+      errors: [
+        {
+          message: "',' should be placed first."
+          // line: 3 // eslint v7.0
+        }
+      ]
+    }
+  ]
+})

From 2606a029aadb215d742387e58ec957ab181af9d1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 24 May 2020 08:12:28 +0900
Subject: [PATCH 0085/1010] Add `vue/no-extra-parens` rule (#1158)

* Add `vue/no-extra-parens` rule

* update

* update
---
 docs/rules/README.md               |   1 +
 docs/rules/no-extra-parens.md      |  45 +++++++
 lib/configs/no-layout-rules.js     |   1 +
 lib/index.js                       |   1 +
 lib/rules/no-extra-parens.js       | 177 ++++++++++++++++++++++++++
 tests/lib/rules/no-extra-parens.js | 195 +++++++++++++++++++++++++++++
 6 files changed, 420 insertions(+)
 create mode 100644 docs/rules/no-extra-parens.md
 create mode 100644 lib/rules/no-extra-parens.js
 create mode 100644 tests/lib/rules/no-extra-parens.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 57890decd..9b32f097d 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -292,6 +292,7 @@ For example:
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
+| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses | :wrench: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
new file mode 100644
index 000000000..4726907d3
--- /dev/null
+++ b/docs/rules/no-extra-parens.md
@@ -0,0 +1,45 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-extra-parens
+description: disallow unnecessary parentheses
+---
+# vue/no-extra-parens
+> disallow unnecessary parentheses
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [no-extra-parens] rule but it applies to the expressions in `<template>`.
+
+## :book: Rule Details
+
+This rule restricts the use of parentheses to only where they are necessary.  
+This rule extends the core [no-extra-parens] rule and applies it to the `<template>`. This rule also checks some Vue.js syntax.
+
+<eslint-code-block fix :rules="{'vue/no-extra-parens': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div :class="foo + bar" />
+  {{ foo + bar }}
+  {{ foo + bar | filter }}
+  <!-- ✗ BAD -->
+  <div :class="(foo + bar)" />
+  {{ (foo + bar) }}
+  {{ (foo + bar) | filter }}
+</template>
+```
+
+</eslint-code-block>
+
+## :books: Further reading
+
+- [no-extra-parens]
+
+[no-extra-parens]: https://eslint.org/docs/rules/no-extra-parens
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-extra-parens.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-extra-parens.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 57ea8002f..e3b3fd9ba 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -27,6 +27,7 @@ module.exports = {
     'vue/max-len': 'off',
     'vue/multiline-html-element-content-newline': 'off',
     'vue/mustache-interpolation-spacing': 'off',
+    'vue/no-extra-parens': 'off',
     'vue/no-multi-spaces': 'off',
     'vue/no-spaces-around-equal-signs-in-attribute': 'off',
     'vue/object-curly-spacing': 'off',
diff --git a/lib/index.js b/lib/index.js
index 5e52f514f..d73a7f83a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -64,6 +64,7 @@ module.exports = {
     'no-duplicate-attr-inheritance': require('./rules/no-duplicate-attr-inheritance'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
+    'no-extra-parens': require('./rules/no-extra-parens'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
new file mode 100644
index 000000000..d875659b5
--- /dev/null
+++ b/lib/rules/no-extra-parens.js
@@ -0,0 +1,177 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { isParenthesized } = require('eslint-utils')
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/no-extra-parens'),
+  {
+    skipDynamicArguments: true,
+    create: createForVueSyntax
+  }
+)
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.Token} Token
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
+ * @typedef {import('vue-eslint-parser').AST.VFilterSequenceExpression} VFilterSequenceExpression
+ */
+
+/**
+ * Check whether the given token is a left parenthesis.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a left parenthesis.
+ */
+function isLeftParen (token) {
+  return token.type === 'Punctuator' && token.value === '('
+}
+
+/**
+ * Check whether the given token is a right parenthesis.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a right parenthesis.
+ */
+function isRightParen (token) {
+  return token.type === 'Punctuator' && token.value === ')'
+}
+
+/**
+ * Check whether the given token is a left brace.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a left brace.
+ */
+function isLeftBrace (token) {
+  return token.type === 'Punctuator' && token.value === '{'
+}
+
+/**
+ * Check whether the given token is a right brace.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a right brace.
+ */
+function isRightBrace (token) {
+  return token.type === 'Punctuator' && token.value === '}'
+}
+
+/**
+ * Check whether the given token is a left bracket.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a left bracket.
+ */
+function isLeftBracket (token) {
+  return token.type === 'Punctuator' && token.value === '['
+}
+
+/**
+ * Check whether the given token is a right bracket.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a right bracket.
+ */
+function isRightBracket (token) {
+  return token.type === 'Punctuator' && token.value === ']'
+}
+
+/**
+ * Determines if a given expression node is an IIFE
+ * @param {ASTNode} node The node to check
+ * @returns {boolean} `true` if the given node is an IIFE
+ */
+function isIIFE (node) {
+  return node.type === 'CallExpression' && node.callee.type === 'FunctionExpression'
+}
+
+function createForVueSyntax (context) {
+  const tokenStore = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+
+  /**
+   * Checks if the given node turns into a filter when unwraped.
+   * @param {Expression} node node to evaluate
+   * @returns {boolean} `true` if the given node turns into a filter when unwraped.
+   */
+  function isUnwrapChangeToFilter (expression) {
+    let parenStack = null
+    for (const token of tokenStore.getTokens(expression)) {
+      if (!parenStack) {
+        if (token.value === '|') {
+          return true
+        }
+      } else {
+        if (parenStack.isUpToken(token)) {
+          parenStack = parenStack.upper
+          continue
+        }
+      }
+      if (isLeftParen(token)) {
+        parenStack = { isUpToken: isRightParen, upper: parenStack }
+      } else if (isLeftBracket(token)) {
+        parenStack = { isUpToken: isRightBracket, upper: parenStack }
+      } else if (isLeftBrace(token)) {
+        parenStack = { isUpToken: isRightBrace, upper: parenStack }
+      }
+    }
+    return false
+  }
+  /**
+   * @param {VExpressionContainer} node
+   */
+  function verify (node) {
+    let expression = node.expression
+    if (!expression) {
+      return
+    }
+
+    if (expression.type === 'VFilterSequenceExpression') {
+      expression = expression.expression
+    }
+
+    if (!isParenthesized(expression, tokenStore)) {
+      return
+    }
+
+    if (!isParenthesized(2, expression, tokenStore)) {
+      if (isIIFE(expression) && !isParenthesized(expression.callee, tokenStore)) {
+        return
+      }
+      if (isUnwrapChangeToFilter(expression)) {
+        return
+      }
+    }
+    report(expression)
+  }
+
+  /**
+   * Report the node
+   * @param {Expression} node node to evaluate
+   * @returns {void}
+   * @private
+   */
+  function report (node) {
+    const sourceCode = context.getSourceCode()
+    const leftParenToken = tokenStore.getTokenBefore(node)
+    const rightParenToken = tokenStore.getTokenAfter(node)
+
+    context.report({
+      node,
+      loc: leftParenToken.loc,
+      messageId: 'unexpected',
+      fix (fixer) {
+        const parenthesizedSource = sourceCode.text.slice(leftParenToken.range[1], rightParenToken.range[0])
+
+        return fixer.replaceTextRange([
+          leftParenToken.range[0],
+          rightParenToken.range[1]
+        ], parenthesizedSource)
+      }
+    })
+  }
+
+  return {
+    "VAttribute[directive=true][key.name.name='bind'] > VExpressionContainer": verify,
+    'VElement > VExpressionContainer': verify
+  }
+}
diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
new file mode 100644
index 000000000..b4851272a
--- /dev/null
+++ b/tests/lib/rules/no-extra-parens.js
@@ -0,0 +1,195 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { RuleTester } = require('eslint')
+const rule = require('../../../lib/rules/no-extra-parens')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-extra-parens', rule, {
+  valid: [
+    `<template>
+      <button
+        :class="{
+          a: b || c,
+          [d + e]: f
+        }"
+      />
+    </template>`,
+    `<template>
+      <button
+        :class="a + b + c * d"
+        :class="[a + b + c * d]"
+      />
+    </template>`,
+    `<template>
+      <button
+        :[(a+b)+c]="foo"
+      />
+    </template>`,
+    `<template>
+      <button
+        :[(a+b)]="foo"
+      />
+    </template>`,
+
+    '<template><button :class="(a+b | bitwise)" /></template>',
+    '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
+    '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
+    '<template><button>{{ (function () {} ()) }}</button></template>'
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <button
+          :class="a + b + (c * d)"
+          :class="[a + b + (c * d)]"
+        />
+      </template>`,
+      output: `
+      <template>
+        <button
+          :class="a + b + c * d"
+          :class="[a + b + c * d]"
+        />
+      </template>`,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        },
+        {
+          messageId: 'unexpected',
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <button
+          :class="{
+            a: (b || c),
+            // [(d + e)]: f // valid in eslint v6.0
+          }"
+        />
+      </template>`,
+      output: `
+      <template>
+        <button
+          :class="{
+            a: b || c,
+            // [(d + e)]: f // valid in eslint v6.0
+          }"
+        />
+      </template>`,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 5
+        }
+        // valid in eslint v6.0
+        // {
+        //   messageId: 'unexpected',
+        //   line: 6
+        // }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <button
+          :class="(a+b)+c"
+        />
+      </template>`,
+      output: `
+      <template>
+        <button
+          :class="a+b+c"
+        />
+      </template>`,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: '<template><button :class="(a+b)" /></template>',
+      output: '<template><button :class="a+b" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          column: 27
+        }
+      ]
+    },
+    {
+      code: '<template><button :class="(a+b) | filter" /></template>',
+      output: '<template><button :class="a+b | filter" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button :class="((a+b | bitwise))" /></template>',
+      output: '<template><button :class="(a+b | bitwise)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ (foo + bar) }}</button></template>',
+      output: '<template><button>{{ foo + bar }}</button></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          column: 22
+        }
+      ]
+    },
+    {
+      code: '<template><button>{{ (foo + bar) | filter }}</button></template>',
+      output: '<template><button>{{ foo + bar | filter }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ ((foo + bar | bitwise)) }}</button></template>',
+      output: '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ ((foo | bitwise)) | filter }}</button></template>',
+      output: '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ (foo(bar|bitwise)) }}</button></template>',
+      output: '<template><button>{{ foo(bar|bitwise) }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ ([foo|bitwise]) }}</button></template>',
+      output: '<template><button>{{ [foo|bitwise] }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ ({foo:bar|bitwise}) }}</button></template>',
+      output: '<template><button>{{ {foo:bar|bitwise} }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ ((function () {} ())) }}</button></template>',
+      output: '<template><button>{{ (function () {} ()) }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      code: '<template><button>{{ ((function () {})()) }}</button></template>',
+      output: '<template><button>{{ (function () {})() }}</button></template>',
+      errors: [{ messageId: 'unexpected' }]
+    }
+  ]
+})

From 0c2ecc805882604c878cd984a1079a5538edd1e8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 24 May 2020 08:59:52 +0900
Subject: [PATCH 0086/1010] Improved `vue/require-valid-default-prop` rule
 (#1160)

* WIP

* Improved `require-valid-default-prop` rule.

- Change `vue/require-valid-default-prop` rule to track the` return` statement in the `function` defined in `default`.
- Change `vue/require-valid-default-prop` rule to check `BigInt`.
- Improved the location of reporting errors in `vue/require-valid-default-prop` rule.

* Add testcases
---
 lib/rules/require-valid-default-prop.js       | 290 ++++++++++++++----
 lib/utils/index.js                            |  18 +-
 tests/lib/rules/require-valid-default-prop.js | 253 ++++++++++++++-
 3 files changed, 493 insertions(+), 68 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 8d1e05038..0d21fdc01 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -5,6 +5,21 @@
 'use strict'
 const utils = require('../utils')
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
+ * @typedef {import('vue-eslint-parser').AST.ESLintBlockStatement} BlockStatement
+ * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
+ */
+/**
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ */
+
+// ----------------------------------------------------------------------
+// Helpers
+// ----------------------------------------------------------------------
+
 const NATIVE_TYPES = new Set([
   'String',
   'Number',
@@ -12,9 +27,52 @@ const NATIVE_TYPES = new Set([
   'Function',
   'Object',
   'Array',
-  'Symbol'
+  'Symbol',
+  'BigInt'
 ])
 
+const FUNCTION_VALUE_TYPES = new Set([
+  'Function',
+  'Object',
+  'Array'
+])
+
+/**
+ * @param {ObjectExpression} obj
+ * @param {string} name
+ * @returns {Property | null}
+ */
+function getPropertyNode (obj, name) {
+  for (const p of obj.properties) {
+    if (p.type === 'Property' &&
+      !p.computed &&
+      p.key.type === 'Identifier' &&
+      p.key.name === name) {
+      return p
+    }
+  }
+  return null
+}
+
+/**
+ * @param {Expression | Pattern} node
+ * @returns {string[]}
+ */
+function getTypes (node) {
+  if (node.type === 'Identifier') {
+    return [node.name]
+  } else if (node.type === 'ArrayExpression') {
+    return node.elements
+      .filter(item => item.type === 'Identifier')
+      .map(item => item.name)
+  }
+  return []
+}
+
+function capitalize (text) {
+  return text[0].toUpperCase() + text.slice(1)
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -32,93 +90,211 @@ module.exports = {
   },
 
   create (context) {
-    // ----------------------------------------------------------------------
-    // Helpers
-    // ----------------------------------------------------------------------
-
-    function isPropertyIdentifier (node) {
-      return node.type === 'Property' && node.key.type === 'Identifier'
-    }
+    /**
+     * @typedef { { type: string, function: false } } StandardValueType
+     * @typedef { { type: 'Function', function: true, expression: true, functionBody: BlockStatement, returnType: string | null } } FunctionExprValueType
+     * @typedef { { type: 'Function', function: true, expression: false, functionBody: BlockStatement, returnTypes: ReturnType[] } } FunctionValueType
+     * @typedef { ComponentObjectProp & { value: ObjectExpression } } ComponentObjectDefineProp
+     * @typedef { { prop: ComponentObjectDefineProp, type: Set<string>, default: FunctionValueType } } PropDefaultFunctionContext
+     * @typedef { { type: string, node: Expression } } ReturnType
+     */
 
-    function getPropertyNode (obj, name) {
-      return obj.properties.find(p =>
-        isPropertyIdentifier(p) &&
-        p.key.name === name
-      )
-    }
+    /**
+     * @type {Map<ObjectExpression, PropDefaultFunctionContext[]>}
+     */
+    const vueObjectPropsContexts = new Map()
 
-    function getTypes (node) {
-      if (node.type === 'Identifier') {
-        return [node.name]
-      } else if (node.type === 'ArrayExpression') {
-        return node.elements
-          .filter(item => item.type === 'Identifier')
-          .map(item => item.name)
-      }
-      return []
+    /** @type { { upper: any, body: null | BlockStatement, returnTypes?: null | ReturnType[] } } */
+    let scopeStack = { upper: null, body: null, returnTypes: null }
+    function onFunctionEnter (node) {
+      scopeStack = { upper: scopeStack, body: node.body, returnTypes: null }
     }
 
-    function ucFirst (text) {
-      return text[0].toUpperCase() + text.slice(1)
+    function onFunctionExit () {
+      scopeStack = scopeStack.upper
     }
 
+    /**
+     * @param {Expression | Pattern} node
+     * @returns { StandardValueType | FunctionExprValueType | FunctionValueType | null }
+     */
     function getValueType (node) {
       if (node.type === 'CallExpression') { // Symbol(), Number() ...
         if (node.callee.type === 'Identifier' && NATIVE_TYPES.has(node.callee.name)) {
-          return node.callee.name
+          return {
+            function: false,
+            type: node.callee.name
+          }
         }
       } else if (node.type === 'TemplateLiteral') { // String
-        return 'String'
+        return {
+          function: false,
+          type: 'String'
+        }
       } else if (node.type === 'Literal') { // String, Boolean, Number
-        if (node.value === null) return null
-        const type = ucFirst(typeof node.value)
+        if (node.value === null && !node.bigint) return null
+        const type = node.bigint ? 'BigInt' : capitalize(typeof node.value)
         if (NATIVE_TYPES.has(type)) {
-          return type
+          return {
+            function: false,
+            type
+          }
         }
       } else if (node.type === 'ArrayExpression') { // Array
-        return 'Array'
+        return {
+          function: false,
+          type: 'Array'
+        }
       } else if (node.type === 'ObjectExpression') { // Object
-        return 'Object'
+        return {
+          function: false,
+          type: 'Object'
+        }
+      } else if (node.type === 'FunctionExpression') {
+        return {
+          function: true,
+          expression: false,
+          type: 'Function',
+          functionBody: node.body,
+          returnTypes: []
+        }
+      } else if (node.type === 'ArrowFunctionExpression') {
+        if (node.expression) {
+          const valueType = getValueType(node.body)
+          return {
+            function: true,
+            expression: true,
+            type: 'Function',
+            functionBody: node.body,
+            returnType: valueType ? valueType.type : null
+          }
+        } else {
+          return {
+            function: true,
+            expression: false,
+            type: 'Function',
+            functionBody: node.body,
+            returnTypes: []
+          }
+        }
       }
-      // FunctionExpression, ArrowFunctionExpression
       return null
     }
 
+    /**
+     * @param {*} node
+     * @param {ComponentObjectProp} prop
+     * @param {Iterable<string>} expectedTypeNames
+     */
+    function report (node, prop, expectedTypeNames) {
+      const propName = prop.propName != null ? prop.propName : `[${context.getSourceCode().getText(prop.key)}]`
+      context.report({
+        node,
+        message: "Type of the default value for '{{name}}' prop must be a {{types}}.",
+        data: {
+          name: propName,
+          types: Array.from(expectedTypeNames)
+            .join(' or ')
+            .toLowerCase()
+        }
+      })
+    }
+
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.executeOnVue(context, obj => {
-      const props = utils.getComponentProps(obj)
-        .filter(prop => prop.key && prop.value && prop.value.type === 'ObjectExpression')
+    return utils.defineVueVisitor(context,
+      {
+        onVueObjectEnter (obj) {
+          /** @type {ComponentObjectDefineProp[]} */
+          const props = utils.getComponentProps(obj)
+            .filter(prop => prop.key && prop.value && prop.value.type === 'ObjectExpression')
+          /** @type {PropDefaultFunctionContext[]} */
+          const propContexts = []
+          for (const prop of props) {
+            const type = getPropertyNode(prop.value, 'type')
+            if (!type) continue
 
-      for (const prop of props) {
-        const type = getPropertyNode(prop.value, 'type')
-        if (!type) continue
+            const typeNames = new Set(getTypes(type.value)
+              .filter(item => NATIVE_TYPES.has(item)))
 
-        const typeNames = new Set(getTypes(type.value)
-          .map(item => item === 'Object' || item === 'Array' ? 'Function' : item) // Object and Array require function
-          .filter(item => NATIVE_TYPES.has(item)))
+            // There is no native types detected
+            if (typeNames.size === 0) continue
 
-        // There is no native types detected
-        if (typeNames.size === 0) continue
+            const def = getPropertyNode(prop.value, 'default')
+            if (!def) continue
 
-        const def = getPropertyNode(prop.value, 'default')
-        if (!def) continue
+            const defType = getValueType(def.value)
 
-        const defType = getValueType(def.value)
-        if (!defType || typeNames.has(defType)) continue
+            if (!defType) continue
 
-        const propName = prop.propName != null ? prop.propName : `[${context.getSourceCode().getText(prop.key)}]`
-        context.report({
-          node: def,
-          message: "Type of the default value for '{{name}}' prop must be a {{types}}.",
-          data: {
-            name: propName,
-            types: Array.from(typeNames).join(' or ').toLowerCase()
+            if (!defType.function) {
+              if (typeNames.has(defType.type)) {
+                if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
+                  continue
+                }
+              }
+              report(
+                def.value,
+                prop,
+                Array.from(typeNames).map(type => FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type)
+              )
+            } else {
+              if (typeNames.has('Function')) {
+                continue
+              }
+              if (defType.expression) {
+                if (!defType.returnType || typeNames.has(defType.returnType)) {
+                  continue
+                }
+                report(
+                  defType.functionBody,
+                  prop,
+                  typeNames
+                )
+              } else {
+                propContexts.push({
+                  prop,
+                  type: typeNames,
+                  default: defType
+                })
+              }
+            }
           }
-        })
+          vueObjectPropsContexts.set(obj, propContexts)
+        },
+        ':function' (node, { node: vueNode }) {
+          onFunctionEnter(node)
+
+          for (const { default: defType } of vueObjectPropsContexts.get(vueNode)) {
+            if (node.body === defType.functionBody) {
+              scopeStack.returnTypes = defType.returnTypes
+            }
+          }
+        },
+        ReturnStatement (node) {
+          if (scopeStack.returnTypes && node.argument) {
+            const type = getValueType(node.argument)
+            if (type) {
+              scopeStack.returnTypes.push({
+                type: type.type,
+                node: node.argument
+              })
+            }
+          }
+        },
+        ':function:exit': onFunctionExit,
+        onVueObjectExit (obj) {
+          for (const { prop, type: typeNames, default: defType } of vueObjectPropsContexts.get(obj)) {
+            for (const returnType of defType.returnTypes) {
+              if (typeNames.has(returnType.type)) continue
+
+              report(returnType.node, prop, typeNames)
+            }
+          }
+        }
       }
-    })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 735d182d0..5a07008b8 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -28,7 +28,7 @@
 
 /**
  * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], propName: string} } ComponentArrayProp
- * @typedef { {key: Property['key'], value: Property['value'], node: Property, propName: string} } ComponentObjectProp
+ * @typedef { {key: Property['key'], value: Expression, node: Property, propName: string} } ComponentObjectProp
  */
 /**
  * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], emitName: string} } ComponentArrayEmit
@@ -664,15 +664,17 @@ module.exports = {
         vueStack = vueStack.parent
       }
     }
-    vueVisitor['Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'] = (node) => {
-      /** @type {Property} */
-      const prop = node.parent
-      if (vueStack && prop.parent === vueStack.node) {
-        if (getStaticPropertyName(prop) === 'setup' && prop.value === node) {
-          callVisitor('onSetupFunctionEnter', node)
+    if (visitor.onSetupFunctionEnter) {
+      vueVisitor['Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'] = (node) => {
+        /** @type {Property} */
+        const prop = node.parent
+        if (vueStack && prop.parent === vueStack.node) {
+          if (getStaticPropertyName(prop) === 'setup' && prop.value === node) {
+            callVisitor('onSetupFunctionEnter', node)
+          }
         }
+        callVisitor('Property[value.type=/^(Arrow)?FunctionExpression$/] > :function', node)
       }
-      callVisitor('Property[value.type=/^(Arrow)?FunctionExpression$/] > :function', node)
     }
 
     return vueVisitor
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 4f9c59d28..ff7548977 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -12,7 +12,7 @@ const rule = require('../../../lib/rules/require-valid-default-prop')
 const RuleTester = require('eslint').RuleTester
 
 const parserOptions = {
-  ecmaVersion: 2018,
+  ecmaVersion: 2020,
   sourceType: 'module',
   ecmaFeatures: { jsx: true }
 }
@@ -20,11 +20,17 @@ const parserOptions = {
 function errorMessage (type) {
   return [{
     message: `Type of the default value for 'foo' prop must be a ${type}.`,
-    type: 'Property',
     line: 5
   }]
 }
 
+function errorMessageForFunction (type) {
+  return [{
+    message: `Type of the default value for 'foo' prop must be a ${type}.`,
+    line: 6
+  }]
+}
+
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
@@ -96,7 +102,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           foo: { type: Symbol, default: Symbol('a') },
           foo: { type: String, default: \`Foo\` },
           foo: { type: Foo, default: Foo('a') },
-          foo: { type: String, default: \`Foo\` }
+          foo: { type: String, default: \`Foo\` },
+          foo: { type: BigInt, default: 1n },
+          foo: { type: String, default: null },
+          foo: { type: String, default () { return Foo } },
+          foo: { type: Number, default () { return Foo } },
+          foo: { type: Object, default () { return Foo } },
         }
       })`,
       parserOptions
@@ -115,6 +126,58 @@ ruleTester.run('require-valid-default-prop', rule, {
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: [Number],
+            default() {
+              return 10
+            }
+          }
+        }
+      }`,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: [Function, Number],
+            default() {
+              return 's'
+            }
+          }
+        }
+      }`,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: [Number],
+            default: () => 10
+          }
+        }
+      }`,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: [Function, Number],
+            default: () => 's'
+          }
+        }
+      }`,
+      parserOptions
     }
   ],
 
@@ -475,6 +538,190 @@ ruleTester.run('require-valid-default-prop', rule, {
         message: `Type of the default value for '[baz]' prop must be a function.`,
         line: 13
       }]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: String,
+            default: 1n
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessage('string')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Number,
+            default() {
+              return ''
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessageForFunction('number')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Object,
+            default() {
+              return ''
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessageForFunction('object')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: String,
+            default() {
+              return 123
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessageForFunction('string')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Number,
+            default: () => {
+              return ''
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessageForFunction('number')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Object,
+            default: () => {
+              return ''
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessageForFunction('object')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: String,
+            default: () => {
+              return 123
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessageForFunction('string')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Number,
+            default: () => ''
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessage('number')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Object,
+            default: () => ''
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessage('object')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: String,
+            default: () => 123
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessage('string')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Function,
+            default: 1
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessage('function')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: [String, Boolean],
+            default() {
+              switch (kind) {
+                case 1: return 1
+                case 2: return '' // OK
+                case 3: return {}
+                case 4: return Foo // ignore?
+                case 5: return () => {}
+                case 6: return false // OK
+              }
+
+              function foo () {
+                return 1 // ignore?
+              }
+            }
+          }
+        }
+      }`,
+      parserOptions,
+      errors: [
+        { message: "Type of the default value for 'foo' prop must be a string or boolean.", line: 7 },
+        { message: "Type of the default value for 'foo' prop must be a string or boolean.", line: 9 },
+        { message: "Type of the default value for 'foo' prop must be a string or boolean.", line: 11 }]
     }
   ]
 })

From ec8083b8a9391a488f9b6d8cb6e18ee6b70ba359 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 24 May 2020 09:01:53 +0900
Subject: [PATCH 0087/1010] 7.0.0-alpha.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dc4e6f550..fd556cb51 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.3",
+  "version": "7.0.0-alpha.4",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From d206d353797ad99c287b78f74ccfa6336377871e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 26 May 2020 06:27:19 +0900
Subject: [PATCH 0088/1010] Introduce Prettier and update eslint config (#1161)

* Introduce Prettier and update eslint config

* update ci

* fix

* fix
---
 .circleci/config.yml                          |  23 +
 .eslintrc.js                                  |  88 ++-
 .prettierrc                                   |   4 +
 docs/.vuepress/config.js                      |  74 +-
 .../consistent-docs-description.js            |  42 +-
 .../no-invalid-meta-docs-categories.js        |  62 +-
 eslint-internal-rules/no-invalid-meta.js      |  50 +-
 .../require-meta-docs-url.js                  | 142 ++--
 lib/configs/base.js                           |   4 +-
 lib/index.js                                  |  10 +-
 lib/processor.js                              |   6 +-
 lib/rules/attribute-hyphenation.js            |  39 +-
 lib/rules/attributes-order.js                 |   6 +-
 lib/rules/block-spacing.js                    |   7 +-
 lib/rules/brace-style.js                      |   8 +-
 lib/rules/comma-spacing.js                    |   8 +-
 lib/rules/comma-style.js                      |  15 +-
 lib/rules/comment-directive.js                |  63 +-
 lib/rules/component-definition-name-casing.js |  40 +-
 .../component-name-in-template-casing.js      | 128 +--
 lib/rules/component-tags-order.js             |  22 +-
 lib/rules/html-closing-bracket-newline.js     |  72 +-
 lib/rules/html-closing-bracket-spacing.js     |  81 +-
 lib/rules/html-comment-content-newline.js     |  93 ++-
 lib/rules/html-comment-content-spacing.js     |  47 +-
 lib/rules/html-comment-indent.js              |  86 ++-
 lib/rules/html-end-tags.js                    |  52 +-
 lib/rules/html-indent.js                      |  27 +-
 lib/rules/html-quotes.js                      |  91 ++-
 lib/rules/html-self-closing.js                | 165 ++--
 lib/rules/jsx-uses-vars.js                    |   4 +-
 lib/rules/key-spacing.js                      |   7 +-
 lib/rules/keyword-spacing.js                  |   7 +-
 lib/rules/match-component-file-name.js        |  42 +-
 lib/rules/max-attributes-per-line.js          |  30 +-
 lib/rules/max-len.js                          | 167 ++--
 .../multiline-html-element-content-newline.js | 119 +--
 lib/rules/mustache-interpolation-spacing.js   |  18 +-
 lib/rules/name-property-casing.js             |  22 +-
 lib/rules/no-arrow-functions-in-watch.js      |  11 +-
 lib/rules/no-async-in-computed-properties.js  | 110 +--
 lib/rules/no-boolean-default.js               |  24 +-
 lib/rules/no-confusing-v-for-v-if.js          |  14 +-
 lib/rules/no-custom-modifiers-on-v-model.js   |   7 +-
 .../no-deprecated-data-object-declaration.js  |  36 +-
 .../no-deprecated-dollar-listeners-api.js     |  41 +-
 lib/rules/no-deprecated-events-api.js         |  43 +-
 lib/rules/no-deprecated-filter.js             |   7 +-
 .../no-deprecated-functional-template.js      |  10 +-
 lib/rules/no-deprecated-html-element-is.js    |   9 +-
 lib/rules/no-deprecated-inline-template.js    |   9 +-
 lib/rules/no-deprecated-scope-attribute.js    |   6 +-
 lib/rules/no-deprecated-slot-attribute.js     |   2 +-
 .../no-deprecated-slot-scope-attribute.js     |  13 +-
 lib/rules/no-deprecated-v-bind-sync.js        |  16 +-
 .../no-deprecated-v-on-native-modifier.js     |  12 +-
 .../no-deprecated-v-on-number-modifiers.js    |  21 +-
 .../no-deprecated-vue-config-keycodes.js      |  18 +-
 lib/rules/no-dupe-keys.js                     |   2 +-
 lib/rules/no-duplicate-attr-inheritance.js    |  17 +-
 lib/rules/no-duplicate-attributes.js          |  15 +-
 lib/rules/no-extra-parens.js                  |  63 +-
 lib/rules/no-irregular-whitespace.js          |  71 +-
 lib/rules/no-lifecycle-after-await.js         |  92 ++-
 lib/rules/no-multi-spaces.js                  |  49 +-
 lib/rules/no-multiple-template-root.js        |   4 +-
 lib/rules/no-mutating-props.js                | 171 ++--
 lib/rules/no-parsing-error.js                 |  82 +-
 .../no-potential-component-option-typo.js     |  27 +-
 lib/rules/no-ref-as-operand.js                |  48 +-
 lib/rules/no-reserved-component-names.js      |  80 +-
 lib/rules/no-reserved-keys.js                 |   5 +-
 lib/rules/no-setup-props-destructure.js       |  41 +-
 lib/rules/no-shared-component-data.js         |  27 +-
 .../no-side-effects-in-computed-properties.js |  37 +-
 ...-spaces-around-equal-signs-in-attribute.js |   9 +-
 lib/rules/no-static-inline-styles.js          |  10 +-
 lib/rules/no-template-key.js                  |  14 +-
 lib/rules/no-template-shadow.js               |  75 +-
 lib/rules/no-template-target-blank.js         |  77 +-
 lib/rules/no-textarea-mustache.js             |   4 +-
 lib/rules/no-unregistered-components.js       | 189 +++--
 lib/rules/no-unsupported-features.js          |  26 +-
 lib/rules/no-unused-components.js             | 165 ++--
 lib/rules/no-unused-properties.js             |  99 ++-
 lib/rules/no-unused-vars.js                   |  47 +-
 lib/rules/no-use-v-if-with-v-for.js           |  45 +-
 lib/rules/no-v-html.js                        |   4 +-
 lib/rules/no-v-model-argument.js              |   7 +-
 lib/rules/no-watch-after-await.js             |  74 +-
 lib/rules/one-component-per-file.js           |   9 +-
 lib/rules/padding-line-between-blocks.js      |  38 +-
 lib/rules/prefer-template.js                  |   4 +-
 lib/rules/prop-name-casing.js                 |  25 +-
 lib/rules/require-component-is.js             |   7 +-
 lib/rules/require-default-prop.js             | 101 ++-
 lib/rules/require-explicit-emits.js           | 177 +++--
 lib/rules/require-name-property.js            |  10 +-
 lib/rules/require-prop-type-constructor.js    |  47 +-
 lib/rules/require-prop-types.js               |  33 +-
 lib/rules/require-render-return.js            |  30 +-
 lib/rules/require-toggle-inside-transition.js |  22 +-
 lib/rules/require-v-for-key.js                |  14 +-
 lib/rules/require-valid-default-prop.js       | 217 +++---
 lib/rules/return-in-computed-property.js      |  52 +-
 lib/rules/return-in-emits-validator.js        | 106 +--
 lib/rules/script-indent.js                    |  17 +-
 ...singleline-html-element-content-newline.js | 103 ++-
 lib/rules/sort-keys.js                        |  69 +-
 lib/rules/space-in-parens.js                  |   8 +-
 lib/rules/space-infix-ops.js                  |   7 +-
 lib/rules/space-unary-ops.js                  |   7 +-
 lib/rules/static-class-names-order.js         |  22 +-
 .../syntaxes/dynamic-directive-arguments.js   |   4 +-
 lib/rules/syntaxes/scope-attribute.js         |   6 +-
 lib/rules/syntaxes/slot-attribute.js          |  49 +-
 lib/rules/syntaxes/slot-scope-attribute.js    |  41 +-
 .../v-bind-prop-modifier-shorthand.js         |  10 +-
 lib/rules/syntaxes/v-slot.js                  |  19 +-
 lib/rules/this-in-template.js                 | 117 +--
 lib/rules/use-v-on-exact.js                   |  67 +-
 lib/rules/v-bind-style.js                     |  24 +-
 lib/rules/v-on-function-call.js               |  49 +-
 lib/rules/v-on-style.js                       |  17 +-
 lib/rules/v-slot-style.js                     |  20 +-
 lib/rules/valid-template-root.js              |   7 +-
 lib/rules/valid-v-bind-sync.js                |  25 +-
 lib/rules/valid-v-bind.js                     |   7 +-
 lib/rules/valid-v-cloak.js                    |   4 +-
 lib/rules/valid-v-else-if.js                  |  13 +-
 lib/rules/valid-v-else.js                     |  13 +-
 lib/rules/valid-v-for.js                      |  32 +-
 lib/rules/valid-v-html.js                     |   4 +-
 lib/rules/valid-v-if.js                       |  10 +-
 lib/rules/valid-v-model.js                    |  36 +-
 lib/rules/valid-v-on.js                       |  50 +-
 lib/rules/valid-v-once.js                     |   4 +-
 lib/rules/valid-v-pre.js                      |   4 +-
 lib/rules/valid-v-show.js                     |   4 +-
 lib/rules/valid-v-slot.js                     | 135 ++--
 lib/rules/valid-v-text.js                     |   4 +-
 lib/utils/casing.js                           |  64 +-
 lib/utils/html-comments.js                    |  49 +-
 lib/utils/indent-common.js                    |   4 +-
 lib/utils/index.js                            |   6 +-
 lib/utils/regexp.js                           |   6 +-
 package.json                                  |   4 +-
 tests/integrations/eslint-plugin-import.js    |  10 +-
 tests/lib/autofix.js                          |  72 +-
 tests/lib/rules/attribute-hyphenation.js      | 214 ++---
 tests/lib/rules/attributes-order.js           |   6 +-
 tests/lib/rules/block-spacing.js              |  12 +-
 tests/lib/rules/brace-style.js                |  17 +-
 tests/lib/rules/camelcase.js                  |   4 +-
 tests/lib/rules/comma-dangle.js               |  24 +-
 tests/lib/rules/comma-spacing.js              |  44 +-
 tests/lib/rules/comma-style.js                |  10 +-
 tests/lib/rules/comment-directive.js          |  73 +-
 .../rules/component-definition-name-casing.js | 181 +++--
 .../component-name-in-template-casing.js      | 114 ++-
 tests/lib/rules/component-tags-order.js       |   6 +-
 tests/lib/rules/eqeqeq.js                     |   4 +-
 .../lib/rules/html-closing-bracket-newline.js | 120 +--
 .../lib/rules/html-closing-bracket-spacing.js |  87 ++-
 .../lib/rules/html-comment-content-newline.js | 104 ++-
 .../lib/rules/html-comment-content-spacing.js |  58 +-
 tests/lib/rules/html-comment-indent.js        | 571 +++++++-------
 tests/lib/rules/html-quotes.js                |  20 +-
 tests/lib/rules/html-self-closing.js          |  81 +-
 tests/lib/rules/jsx-uses-vars.js              |  38 +-
 tests/lib/rules/key-spacing.js                |   4 +-
 tests/lib/rules/keyword-spacing.js            |  24 +-
 tests/lib/rules/match-component-file-name.js  | 126 ++-
 tests/lib/rules/max-attributes-per-line.js    | 162 ++--
 tests/lib/rules/max-len.js                    |  44 +-
 .../multiline-html-element-content-newline.js |  46 +-
 .../rules/mustache-interpolation-spacing.js   |   7 +-
 tests/lib/rules/name-property-casing.js       |  85 +-
 .../lib/rules/no-arrow-functions-in-watch.js  |  30 +-
 .../rules/no-async-in-computed-properties.js  | 206 +++--
 tests/lib/rules/no-boolean-default.js         |  49 +-
 tests/lib/rules/no-confusing-v-for-v-if.js    |  18 +-
 .../rules/no-custom-modifiers-on-v-model.js   |   1 -
 .../no-deprecated-data-object-declaration.js  |  67 +-
 .../no-deprecated-dollar-listeners-api.js     |   1 -
 tests/lib/rules/no-deprecated-events-api.js   |  45 +-
 tests/lib/rules/no-deprecated-filter.js       |   6 +-
 .../rules/no-deprecated-inline-template.js    |  15 +-
 tests/lib/rules/no-deprecated-v-bind-sync.js  | 148 ++--
 .../no-deprecated-v-on-native-modifier.js     |   1 -
 .../no-deprecated-v-on-number-modifiers.js    | 104 ++-
 .../no-deprecated-vue-config-keycodes.js      |  21 +-
 tests/lib/rules/no-dupe-keys.js               | 207 +++--
 .../rules/no-duplicate-attr-inheritance.js    |   7 +-
 tests/lib/rules/no-duplicate-attributes.js    |   3 +-
 tests/lib/rules/no-empty-pattern.js           |   1 -
 tests/lib/rules/no-extra-parens.js            |  12 +-
 tests/lib/rules/no-irregular-whitespace.js    | 281 ++++---
 tests/lib/rules/no-lifecycle-after-await.js   |   3 +-
 tests/lib/rules/no-multi-spaces.js            |  59 +-
 tests/lib/rules/no-multiple-template-root.js  |  13 +-
 tests/lib/rules/no-mutating-props.js          |   9 +-
 tests/lib/rules/no-parsing-error.js           |  41 +-
 tests/lib/rules/no-ref-as-operand.js          |   9 +-
 .../lib/rules/no-reserved-component-names.js  | 731 ++++++++++++------
 tests/lib/rules/no-reserved-keys.js           |  60 +-
 tests/lib/rules/no-restricted-syntax.js       |  41 +-
 tests/lib/rules/no-shared-component-data.js   |  41 +-
 .../no-side-effects-in-computed-properties.js | 100 ++-
 ...-spaces-around-equal-signs-in-attribute.js |  12 +-
 tests/lib/rules/no-template-key.js            |  15 +-
 tests/lib/rules/no-template-shadow.js         | 152 ++--
 tests/lib/rules/no-template-target-blank.js   |  59 +-
 tests/lib/rules/no-textarea-mustache.js       |   6 +-
 tests/lib/rules/no-unregistered-components.js | 137 ++--
 tests/lib/rules/no-unsupported-features.js    |   1 -
 .../dynamic-directive-arguments.js            |   6 +-
 .../slot-scope-attribute.js                   |   5 +-
 .../rules/no-unsupported-features/utils.js    |   4 +-
 .../v-bind-prop-modifier-shorthand.js         |  12 +-
 .../rules/no-unsupported-features/v-slot.js   |   1 -
 tests/lib/rules/no-unused-components.js       | 101 ++-
 tests/lib/rules/no-unused-properties.js       |  27 +-
 tests/lib/rules/no-unused-vars.js             |  58 +-
 tests/lib/rules/no-use-v-if-with-v-for.js     | 148 ++--
 tests/lib/rules/no-v-model-argument.js        |   7 +-
 tests/lib/rules/prop-name-casing.js           | 134 ++--
 tests/lib/rules/require-default-prop.js       | 125 +--
 tests/lib/rules/require-explicit-emits.js     |  96 ++-
 tests/lib/rules/require-name-property.js      |  40 +-
 .../rules/require-prop-type-constructor.js    |  97 ++-
 tests/lib/rules/require-prop-types.js         | 115 +--
 tests/lib/rules/require-render-return.js      |  72 +-
 .../rules/require-toggle-inside-transition.js |  30 +-
 tests/lib/rules/require-v-for-key.js          |  27 +-
 tests/lib/rules/require-valid-default-prop.js |  68 +-
 .../lib/rules/return-in-computed-property.js  |  82 +-
 tests/lib/rules/return-in-emits-validator.js  |  82 +-
 ...singleline-html-element-content-newline.js |  30 +-
 tests/lib/rules/sort-keys.js                  | 625 +++++++++++----
 tests/lib/rules/space-in-parens.js            |  14 +-
 tests/lib/rules/space-infix-ops.js            |   2 +-
 tests/lib/rules/space-unary-ops.js            |   8 +-
 tests/lib/rules/static-class-names-order.js   |  23 +-
 tests/lib/rules/this-in-template.js           |  55 +-
 tests/lib/rules/use-v-on-exact.js             |  37 +-
 tests/lib/rules/v-on-function-call.js         |  16 +-
 tests/lib/rules/v-slot-style.js               | 112 ++-
 tests/lib/rules/valid-template-root.js        |  17 +-
 tests/lib/rules/valid-v-bind-sync.js          | 190 +++--
 tests/lib/rules/valid-v-else-if.js            |  65 +-
 tests/lib/rules/valid-v-else.js               |  59 +-
 tests/lib/rules/valid-v-for.js                | 126 ++-
 tests/lib/rules/valid-v-if.js                 |  11 +-
 tests/lib/rules/valid-v-model.js              |  80 +-
 tests/lib/rules/valid-v-on.js                 |   8 +-
 tests/lib/rules/valid-v-slot.js               |  10 +-
 tests/lib/utils/html-comments.js              |  38 +-
 tests/lib/utils/index.js                      |  53 +-
 tools/lib/categories.js                       |  68 +-
 tools/lib/configs.js                          |   8 +-
 tools/lib/rules.js                            |  34 +-
 tools/update-docs-rules-index.js              |  24 +-
 tools/update-docs.js                          |  51 +-
 tools/update-lib-configs.js                   |  14 +-
 tools/update-lib-index.js                     |   8 +-
 tools/update-no-layout-rules-config.js        |   4 +-
 267 files changed, 8740 insertions(+), 5556 deletions(-)
 create mode 100644 .prettierrc

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 4dc127cba..d20690e4c 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -6,6 +6,7 @@ workflows:
       - node-v10
       - node-v12
       - node-v14
+      - lint
 
 version: 2
 jobs:
@@ -61,3 +62,25 @@ jobs:
     <<: *node-base
     docker:
       - image: node:14
+
+  lint:
+    docker:
+      - image: node:14
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - restore_cache:
+          keys:
+            - v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
+      - run:
+          name: Install dependencies
+          command: npm install
+      - save_cache:
+          key: v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
+          paths:
+            - node_modules
+      - run:
+          name: Test
+          command: npm run lint
diff --git a/.eslintrc.js b/.eslintrc.js
index e89fc7ff3..f45e3ef28 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,8 +1,7 @@
 'use strict'
 
 module.exports = {
-  // https://github.com/eslint/eslint/issues/11888
-  root: false,
+  root: true,
   parserOptions: {
     ecmaVersion: 6
   },
@@ -12,28 +11,79 @@ module.exports = {
   },
   extends: [
     'plugin:eslint-plugin/recommended',
-    'plugin:vue-libs/recommended'
-  ],
-  plugins: [
-    'eslint-plugin'
+    'plugin:vue-libs/recommended',
+    'prettier'
   ],
+  plugins: ['eslint-plugin', 'prettier'],
   rules: {
-    'eslint-plugin/report-message-format': ['error', '^[A-Z`\'{].*\\.$'],
+    'prettier/prettier': 'error',
+    'eslint-plugin/report-message-format': ['error', "^[A-Z`'{].*\\.$"],
     'eslint-plugin/prefer-placeholders': 'error',
     'eslint-plugin/consistent-output': 'error',
-    'no-mixed-operators': 'error'
+
+    'no-debugger': 'error',
+    'no-console': 'error',
+    'no-alert': 'error',
+    'no-void': 'error',
+
+    'no-warning-comments': 'warn',
+    'no-var': 'error',
+    'prefer-template': 'error',
+    'object-shorthand': 'error',
+    'prefer-rest-params': 'error',
+    'prefer-arrow-callback': 'error',
+    'prefer-spread': 'error',
+
+    'dot-notation': 'error'
   },
+  overrides: [
+    // Introduce prettier. but ignore files to avoid conflicts with PR.
+    {
+      files: [
+        // https://github.com/vuejs/eslint-plugin-vue/pull/1107
+        'lib/rules/order-in-components.js',
+        'tests/lib/rules/order-in-components.js',
+        // https://github.com/vuejs/eslint-plugin-vue/pull/1090
+        'lib/rules/require-direct-export.js',
+        'tests/lib/rules/require-direct-export.js',
+        'lib/utils/index.js',
+        'tests/lib/utils/vue-component.js',
+        // https://github.com/vuejs/eslint-plugin-vue/pull/1017
+        'lib/utils/indent-common.js',
+        'tests/lib/rules/html-indent.js',
+        'tests/lib/rules/script-indent.js',
+        // https://github.com/vuejs/eslint-plugin-vue/pull/982
+        'lib/rules/attributes-order.js',
+        'tests/lib/rules/attributes-order.js',
+        // https://github.com/vuejs/eslint-plugin-vue/pull/819
+        'lib/rules/attributes-order.js',
+        'tests/lib/rules/attributes-order.js'
+      ],
+      extends: [
+        'plugin:eslint-plugin/recommended',
+        'plugin:vue-libs/recommended'
+      ],
+      rules: {
+        'prettier/prettier': 'off',
 
-  overrides: [{
-    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': ['error', {
-        'pattern': `https://eslint.vuejs.org/rules/{{name}}.html`
-      }]
+        'rest-spread-spacing': 'error',
+        'no-mixed-operators': 'error'
+      }
+    },
+    {
+      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': [
+          'error',
+          {
+            pattern: `https://eslint.vuejs.org/rules/{{name}}.html`
+          }
+        ]
+      }
     }
-  }]
+  ]
 }
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 000000000..38d9aa9aa
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+semi: false
+singleQuote: true
+printWidth: 80
+trailingComma: none
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 1bc13cdac..143b203d9 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -6,32 +6,62 @@
 
 const rules = require('../../tools/lib/rules')
 
-const uncategorizedRules = rules.filter(rule => !rule.meta.docs.categories && !rule.meta.deprecated)
-const deprecatedRules = rules.filter(rule => rule.meta.deprecated)
+const uncategorizedRules = rules.filter(
+  (rule) => !rule.meta.docs.categories && !rule.meta.deprecated
+)
+const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
 
 const sidebarCategories = [
   { title: 'Base Rules', categoryIds: ['base'] },
-  { title: 'Priority A: Essential', categoryIds: ['vue3-essential', 'essential'] },
-  { title: 'Priority A: Essential for Vue.js 3.x', categoryIds: ['vue3-essential'] },
+  {
+    title: 'Priority A: Essential',
+    categoryIds: ['vue3-essential', 'essential']
+  },
+  {
+    title: 'Priority A: Essential for Vue.js 3.x',
+    categoryIds: ['vue3-essential']
+  },
   { title: 'Priority A: Essential for Vue.js 2.x', categoryIds: ['essential'] },
-  { title: 'Priority B: Strongly Recommended', categoryIds: ['vue3-strongly-recommended', 'strongly-recommended'] },
-  { title: 'Priority B: Strongly Recommended for Vue.js 3.x', categoryIds: ['vue3-strongly-recommended'] },
-  { title: 'Priority B: Strongly Recommended for Vue.js 2.x', categoryIds: ['strongly-recommended'] },
-  { title: 'Priority C: Recommended', categoryIds: ['vue3-recommended', 'recommended'] },
-  { title: 'Priority C: Recommended for Vue.js 3.x', categoryIds: ['vue3-recommended'] },
-  { title: 'Priority C: Recommended for Vue.js 2.x', categoryIds: ['recommended'] }
+  {
+    title: 'Priority B: Strongly Recommended',
+    categoryIds: ['vue3-strongly-recommended', 'strongly-recommended']
+  },
+  {
+    title: 'Priority B: Strongly Recommended for Vue.js 3.x',
+    categoryIds: ['vue3-strongly-recommended']
+  },
+  {
+    title: 'Priority B: Strongly Recommended for Vue.js 2.x',
+    categoryIds: ['strongly-recommended']
+  },
+  {
+    title: 'Priority C: Recommended',
+    categoryIds: ['vue3-recommended', 'recommended']
+  },
+  {
+    title: 'Priority C: Recommended for Vue.js 3.x',
+    categoryIds: ['vue3-recommended']
+  },
+  {
+    title: 'Priority C: Recommended for Vue.js 2.x',
+    categoryIds: ['recommended']
+  }
 ]
 
 const categorizedRules = []
 for (const { title, categoryIds } of sidebarCategories) {
   const categoryRules = rules
-    .filter(rule => rule.meta.docs.categories && !rule.meta.deprecated)
-    .filter(rule => categoryIds
-      .every(categoryId => rule.meta.docs.categories.includes(categoryId))
+    .filter((rule) => rule.meta.docs.categories && !rule.meta.deprecated)
+    .filter((rule) =>
+      categoryIds.every((categoryId) =>
+        rule.meta.docs.categories.includes(categoryId)
+      )
     )
   const children = categoryRules
     .filter(({ ruleId }) => {
-      const exists = categorizedRules.some(({ children }) => children.some(([, alreadyRuleId]) => alreadyRuleId === ruleId))
+      const exists = categorizedRules.some(({ children }) =>
+        children.some(([, alreadyRuleId]) => alreadyRuleId === ruleId)
+      )
       return !exists
     })
     .map(({ ruleId, name }) => [`/rules/${name}`, ruleId])
@@ -51,19 +81,25 @@ if (uncategorizedRules.length > 0) {
   extraCategories.push({
     title: 'Uncategorized',
     collapsable: false,
-    children: uncategorizedRules.map(({ ruleId, name }) => [`/rules/${name}`, ruleId])
+    children: uncategorizedRules.map(({ ruleId, name }) => [
+      `/rules/${name}`,
+      ruleId
+    ])
   })
 }
 if (deprecatedRules.length > 0) {
   extraCategories.push({
     title: 'Deprecated',
     collapsable: false,
-    children: deprecatedRules.map(({ ruleId, name }) => [`/rules/${name}`, ruleId])
+    children: deprecatedRules.map(({ ruleId, name }) => [
+      `/rules/${name}`,
+      ruleId
+    ])
   })
 }
 
 module.exports = {
-  configureWebpack (_config, _isServer) {
+  configureWebpack(_config, _isServer) {
     return {
       resolve: {
         alias: {
@@ -77,9 +113,7 @@ module.exports = {
   title: 'eslint-plugin-vue',
   description: 'Official ESLint plugin for Vue.js',
   evergreen: true,
-  head: [
-    ['link', { rel: 'icon', href: '/favicon.png' }]
-  ],
+  head: [['link', { rel: 'icon', href: '/favicon.png' }]],
 
   plugins: {
     '@vuepress/pwa': {
diff --git a/eslint-internal-rules/consistent-docs-description.js b/eslint-internal-rules/consistent-docs-description.js
index 6a6e4b9c4..6ff7f8673 100644
--- a/eslint-internal-rules/consistent-docs-description.js
+++ b/eslint-internal-rules/consistent-docs-description.js
@@ -5,11 +5,7 @@
 
 'use strict'
 
-const ALLOWED_FIRST_WORDS = [
-  'enforce',
-  'require',
-  'disallow'
-]
+const ALLOWED_FIRST_WORDS = ['enforce', 'require', 'disallow']
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -22,7 +18,7 @@ const ALLOWED_FIRST_WORDS = [
  * @param {ASTNode} node The ObjectExpression node.
  * @returns {ASTNode} The Property node or null if not found.
  */
-function getPropertyFromObject (property, node) {
+function getPropertyFromObject(property, node) {
   if (node && node.type === 'ObjectExpression') {
     const properties = node.properties
 
@@ -42,15 +38,17 @@ function getPropertyFromObject (property, node) {
  * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
  * @returns {void}
  */
-function checkMetaDocsDescription (context, exportsNode) {
+function checkMetaDocsDescription(context, exportsNode) {
   if (exportsNode.type !== 'ObjectExpression') {
     // if the exported node is not the correct format, "internal-no-invalid-meta" will already report this.
     return
   }
 
   const metaProperty = getPropertyFromObject('meta', exportsNode)
-  const metaDocs = metaProperty && getPropertyFromObject('docs', metaProperty.value)
-  const metaDocsDescription = metaDocs && getPropertyFromObject('description', metaDocs.value)
+  const metaDocs =
+    metaProperty && getPropertyFromObject('docs', metaProperty.value)
+  const metaDocsDescription =
+    metaDocs && getPropertyFromObject('description', metaDocs.value)
 
   if (!metaDocsDescription) {
     // if there is no `meta.docs.description` property, "internal-no-invalid-meta" will already report this.
@@ -88,7 +86,8 @@ function checkMetaDocsDescription (context, exportsNode) {
   if (ALLOWED_FIRST_WORDS.indexOf(firstWord) === -1) {
     context.report({
       node: metaDocsDescription.value,
-      message: '`meta.docs.description` should start with one of the following words: {{ allowedWords }}. Started with "{{ firstWord }}" instead.',
+      message:
+        '`meta.docs.description` should start with one of the following words: {{ allowedWords }}. Started with "{{ firstWord }}" instead.',
       data: {
         allowedWords: ALLOWED_FIRST_WORDS.join(', '),
         firstWord
@@ -100,7 +99,7 @@ function checkMetaDocsDescription (context, exportsNode) {
     context.report({
       node: metaDocsDescription.value,
       message: '`meta.docs.description` should not end with `.`.',
-      fix (fixer) {
+      fix(fixer) {
         const pos = metaDocsDescription.range[1] - 2
         return fixer.removeRange([pos, pos + 1])
       }
@@ -115,22 +114,25 @@ function checkMetaDocsDescription (context, exportsNode) {
 module.exports = {
   meta: {
     docs: {
-      description: 'enforce correct conventions of `meta.docs.description` property in core rules',
+      description:
+        'enforce correct conventions of `meta.docs.description` property in core rules',
       categories: ['Internal']
     },
     fixable: 'code',
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return {
-      AssignmentExpression (node) {
-        if (node.left &&
-            node.right &&
-            node.left.type === 'MemberExpression' &&
-            node.left.object.name === 'module' &&
-            node.left.property.name === 'exports' &&
-            node.right.type === 'ObjectExpression') {
+      AssignmentExpression(node) {
+        if (
+          node.left &&
+          node.right &&
+          node.left.type === 'MemberExpression' &&
+          node.left.object.name === 'module' &&
+          node.left.property.name === 'exports' &&
+          node.right.type === 'ObjectExpression'
+        ) {
           checkMetaDocsDescription(context, node.right)
         }
       }
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index 5332cfe56..74cfff1cd 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -16,7 +16,7 @@
  * @param {ASTNode} node The ObjectExpression node.
  * @returns {ASTNode} The Property node or null if not found.
  */
-function getPropertyFromObject (property, node) {
+function getPropertyFromObject(property, node) {
   if (node && node.type === 'ObjectExpression') {
     const properties = node.properties
 
@@ -35,7 +35,7 @@ function getPropertyFromObject (property, node) {
  * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
  * @returns {ASTNode} The `meta` Property node or null if not found.
  */
-function getMetaPropertyFromExportsNode (exportsNode) {
+function getMetaPropertyFromExportsNode(exportsNode) {
   return getPropertyFromObject('meta', exportsNode)
 }
 
@@ -47,7 +47,7 @@ function getMetaPropertyFromExportsNode (exportsNode) {
  * @param {boolean} ruleIsFixable whether the rule is fixable or not.
  * @returns {void}
  */
-function checkMetaValidity (context, exportsNode) {
+function checkMetaValidity(context, exportsNode) {
   const metaProperty = getMetaPropertyFromExportsNode(exportsNode)
   if (!metaProperty) {
     return
@@ -63,18 +63,27 @@ function checkMetaValidity (context, exportsNode) {
     context.report({
       node: metaDocs,
       message: 'Rule is missing a meta.docs.categories property.',
-      fix (fixer) {
+      fix(fixer) {
         const category = getPropertyFromObject('category', metaDocs.value)
         if (!category) {
           return null
         }
         const fixes = [fixer.replaceText(category.key, 'categories')]
-        if (category.value && category.value.type === 'Literal' && typeof category.value.value === 'string') {
+        if (
+          category.value &&
+          category.value.type === 'Literal' &&
+          typeof category.value.value === 'string'
+        ) {
           // fixes.push(fixer.insertTextBefore(category.value, '['), fixer.insertTextAfter(category.value, ']'))
 
           // for vue3 migration
           if (category.value.value !== 'base') {
-            fixes.push(fixer.insertTextBefore(category.value, `['vue3-${category.value.value}', `))
+            fixes.push(
+              fixer.insertTextBefore(
+                category.value,
+                `['vue3-${category.value.value}', `
+              )
+            )
           } else {
             fixes.push(fixer.insertTextBefore(category.value, '['))
           }
@@ -86,12 +95,15 @@ function checkMetaValidity (context, exportsNode) {
     return
   }
 
-  if (categories.value &&
-    (
-      categories.value.type !== 'ArrayExpression' &&
-      !(categories.value.type === 'Literal' && categories.value.value == null) &&
-      !(categories.value.type === 'Identifier' && categories.value.name === 'undefined')
-    )) {
+  if (
+    categories.value &&
+    categories.value.type !== 'ArrayExpression' &&
+    !(categories.value.type === 'Literal' && categories.value.value == null) &&
+    !(
+      categories.value.type === 'Identifier' &&
+      categories.value.name === 'undefined'
+    )
+  ) {
     context.report(categories.value, 'meta.docs.categories must be an array.')
   }
 }
@@ -102,7 +114,7 @@ function checkMetaValidity (context, exportsNode) {
  * @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) {
+function isCorrectExportsFormat(node) {
   return node != null && node.type === 'ObjectExpression'
 }
 
@@ -120,23 +132,29 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     let exportsNode
 
     return {
-      AssignmentExpression (node) {
-        if (node.left &&
-            node.right &&
-            node.left.type === 'MemberExpression' &&
-            node.left.object.name === 'module' &&
-            node.left.property.name === 'exports') {
+      AssignmentExpression(node) {
+        if (
+          node.left &&
+          node.right &&
+          node.left.type === 'MemberExpression' &&
+          node.left.object.name === 'module' &&
+          node.left.property.name === 'exports'
+        ) {
           exportsNode = node.right
         }
       },
 
-      'Program:exit' (programNode) {
+      '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.' })
+          context.report({
+            node: exportsNode || programNode,
+            message:
+              'Rule does not export an Object. Make sure the rule follows the new rule format.'
+          })
           return
         }
 
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index 8d3818984..a032023f9 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -16,7 +16,7 @@
  * @param {ASTNode} node The ObjectExpression node.
  * @returns {ASTNode} The Property node or null if not found.
  */
-function getPropertyFromObject (property, node) {
+function getPropertyFromObject(property, node) {
   if (node && node.type === 'ObjectExpression') {
     const properties = node.properties
 
@@ -35,7 +35,7 @@ function getPropertyFromObject (property, node) {
  * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
  * @returns {ASTNode} The `meta` Property node or null if not found.
  */
-function getMetaPropertyFromExportsNode (exportsNode) {
+function getMetaPropertyFromExportsNode(exportsNode) {
   return getPropertyFromObject('meta', exportsNode)
 }
 
@@ -45,7 +45,7 @@ function getMetaPropertyFromExportsNode (exportsNode) {
  * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
  * @returns {boolean} `true` if a `docs` property exists.
  */
-function hasMetaDocs (metaPropertyNode) {
+function hasMetaDocs(metaPropertyNode) {
   return Boolean(getPropertyFromObject('docs', metaPropertyNode.value))
 }
 
@@ -55,7 +55,7 @@ function hasMetaDocs (metaPropertyNode) {
  * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
  * @returns {boolean} `true` if a `docs.description` property exists.
  */
-function hasMetaDocsDescription (metaPropertyNode) {
+function hasMetaDocsDescription(metaPropertyNode) {
   const metaDocs = getPropertyFromObject('docs', metaPropertyNode.value)
 
   return metaDocs && getPropertyFromObject('description', metaDocs.value)
@@ -67,7 +67,7 @@ function hasMetaDocsDescription (metaPropertyNode) {
  * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
  * @returns {boolean} `true` if a `docs.category` property exists.
  */
-function hasMetaDocsCategories (metaPropertyNode) {
+function hasMetaDocsCategories(metaPropertyNode) {
   const metaDocs = getPropertyFromObject('docs', metaPropertyNode.value)
 
   return metaDocs && getPropertyFromObject('categories', metaDocs.value)
@@ -79,7 +79,7 @@ function hasMetaDocsCategories (metaPropertyNode) {
  * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
  * @returns {boolean} `true` if a `schema` property exists.
  */
-function hasMetaSchema (metaPropertyNode) {
+function hasMetaSchema(metaPropertyNode) {
   return getPropertyFromObject('schema', metaPropertyNode.value)
 }
 
@@ -91,7 +91,7 @@ function hasMetaSchema (metaPropertyNode) {
  * @param {boolean} ruleIsFixable whether the rule is fixable or not.
  * @returns {void}
  */
-function checkMetaValidity (context, exportsNode) {
+function checkMetaValidity(context, exportsNode) {
   const metaProperty = getMetaPropertyFromExportsNode(exportsNode)
 
   if (!metaProperty) {
@@ -105,12 +105,18 @@ function checkMetaValidity (context, exportsNode) {
   }
 
   if (!hasMetaDocsDescription(metaProperty)) {
-    context.report(metaProperty, 'Rule is missing a meta.docs.description property.')
+    context.report(
+      metaProperty,
+      'Rule is missing a meta.docs.description property.'
+    )
     return
   }
 
   if (!hasMetaDocsCategories(metaProperty)) {
-    context.report(metaProperty, 'Rule is missing a meta.docs.categories property.')
+    context.report(
+      metaProperty,
+      'Rule is missing a meta.docs.categories property.'
+    )
     return
   }
 
@@ -125,7 +131,7 @@ function checkMetaValidity (context, exportsNode) {
  * @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) {
+function isCorrectExportsFormat(node) {
   return node != null && node.type === 'ObjectExpression'
 }
 
@@ -143,23 +149,29 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     let exportsNode
 
     return {
-      AssignmentExpression (node) {
-        if (node.left &&
-            node.right &&
-            node.left.type === 'MemberExpression' &&
-            node.left.object.name === 'module' &&
-            node.left.property.name === 'exports') {
+      AssignmentExpression(node) {
+        if (
+          node.left &&
+          node.right &&
+          node.left.type === 'MemberExpression' &&
+          node.left.object.name === 'module' &&
+          node.left.property.name === 'exports'
+        ) {
           exportsNode = node.right
         }
       },
 
-      'Program:exit' (programNode) {
+      '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.' })
+          context.report({
+            node: exportsNode || programNode,
+            message:
+              'Rule does not export an Object. Make sure the rule follows the new rule format.'
+          })
           return
         }
 
diff --git a/eslint-internal-rules/require-meta-docs-url.js b/eslint-internal-rules/require-meta-docs-url.js
index 87385b01e..88cd9de0f 100644
--- a/eslint-internal-rules/require-meta-docs-url.js
+++ b/eslint-internal-rules/require-meta-docs-url.js
@@ -21,12 +21,17 @@ const path = require('path')
 // -----------------------------------------------------------------------------
 
 /**
-* Determines whether a node is a 'normal' (i.e. non-async, non-generator) function expression.
-* @param {ASTNode} node The node in question
-* @returns {boolean} `true` if the node is a normal function expression
-*/
-function isNormalFunctionExpression (node) {
-  return (node.type === 'FunctionExpression' || node.type === 'ArrowFunctionExpression') && !node.generator && !node.async
+ * Determines whether a node is a 'normal' (i.e. non-async, non-generator) function expression.
+ * @param {ASTNode} node The node in question
+ * @returns {boolean} `true` if the node is a normal function expression
+ */
+function isNormalFunctionExpression(node) {
+  return (
+    (node.type === 'FunctionExpression' ||
+      node.type === 'ArrowFunctionExpression') &&
+    !node.generator &&
+    !node.async
+  )
 }
 
 /**
@@ -34,14 +39,17 @@ function isNormalFunctionExpression (node) {
  * @param {ASTNode} node The `Property` node
  * @returns {string|null} The key name, or `null` if the name cannot be determined statically.
  */
-function getKeyName (property) {
+function getKeyName(property) {
   if (!property.computed && property.key.type === 'Identifier') {
     return property.key.name
   }
   if (property.key.type === 'Literal') {
-    return '' + property.key.value
+    return `${property.key.value}`
   }
-  if (property.key.type === 'TemplateLiteral' && property.key.quasis.length === 1) {
+  if (
+    property.key.type === 'TemplateLiteral' &&
+    property.key.quasis.length === 1
+  ) {
     return property.key.quasis[0].value.cooked
   }
   return null
@@ -55,20 +63,22 @@ for the final values of `module.exports.meta` and `module.exports.create`. `isNe
 is an object, and `false` if module.exports is just the `create` function. If no valid ESLint rule info can be extracted
 from the file, the return value will be `null`.
 */
-function getRuleInfo (ast) {
+function getRuleInfo(ast) {
   const INTERESTING_KEYS = new Set(['create', 'meta'])
   let exportsVarOverridden = false
   let exportsIsFunction = false
 
   const exportNodes = ast.body
-    .filter(statement => statement.type === 'ExpressionStatement')
-    .map(statement => statement.expression)
-    .filter(expression => expression.type === 'AssignmentExpression')
-    .filter(expression => expression.left.type === 'MemberExpression')
+    .filter((statement) => statement.type === 'ExpressionStatement')
+    .map((statement) => statement.expression)
+    .filter((expression) => expression.type === 'AssignmentExpression')
+    .filter((expression) => expression.left.type === 'MemberExpression')
     .reduce((currentExports, node) => {
       if (
-        node.left.object.type === 'Identifier' && node.left.object.name === 'module' &&
-        node.left.property.type === 'Identifier' && node.left.property.name === 'exports'
+        node.left.object.type === 'Identifier' &&
+        node.left.object.name === 'module' &&
+        node.left.property.type === 'Identifier' &&
+        node.left.property.name === 'exports'
       ) {
         exportsVarOverridden = true
 
@@ -93,17 +103,22 @@ function getRuleInfo (ast) {
       } else if (
         !exportsIsFunction &&
         node.left.object.type === 'MemberExpression' &&
-        node.left.object.object.type === 'Identifier' && node.left.object.object.name === 'module' &&
-        node.left.object.property.type === 'Identifier' && node.left.object.property.name === 'exports' &&
-        node.left.property.type === 'Identifier' && INTERESTING_KEYS.has(node.left.property.name)
+        node.left.object.object.type === 'Identifier' &&
+        node.left.object.object.name === 'module' &&
+        node.left.object.property.type === 'Identifier' &&
+        node.left.object.property.name === 'exports' &&
+        node.left.property.type === 'Identifier' &&
+        INTERESTING_KEYS.has(node.left.property.name)
       ) {
         // Check `module.exports.create = () => {}`
 
         currentExports[node.left.property.name] = node.right
       } else if (
         !exportsVarOverridden &&
-        node.left.object.type === 'Identifier' && node.left.object.name === 'exports' &&
-        node.left.property.type === 'Identifier' && INTERESTING_KEYS.has(node.left.property.name)
+        node.left.object.type === 'Identifier' &&
+        node.left.object.name === 'exports' &&
+        node.left.property.type === 'Identifier' &&
+        INTERESTING_KEYS.has(node.left.property.name)
       ) {
         // Check `exports.create = () => {}`
 
@@ -129,13 +144,15 @@ module.exports = {
       recommended: false
     },
     fixable: 'code',
-    schema: [{
-      type: 'object',
-      properties: {
-        pattern: { type: 'string' }
-      },
-      additionalProperties: false
-    }]
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          pattern: { type: 'string' }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
   /**
@@ -143,29 +160,28 @@ module.exports = {
    * @param {RuleContext} context - The rule context.
    * @returns {Object} AST event handlers.
    */
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const sourceCode = context.getSourceCode()
     const filename = context.getFilename()
-    const ruleName = filename === '<input>' ? undefined : path.basename(filename, '.js')
-    const expectedUrl = !options.pattern || !ruleName
-      ? undefined
-      : options.pattern.replace(/{{\s*name\s*}}/g, ruleName)
+    const ruleName =
+      filename === '<input>' ? undefined : path.basename(filename, '.js')
+    const expectedUrl =
+      !options.pattern || !ruleName
+        ? undefined
+        : options.pattern.replace(/{{\s*name\s*}}/g, ruleName)
 
     /**
      * Check whether a given node is the expected URL.
      * @param {Node} node The node of property value to check.
      * @returns {boolean} `true` if the node is the expected URL.
      */
-    function isExpectedUrl (node) {
+    function isExpectedUrl(node) {
       return Boolean(
         node &&
-        node.type === 'Literal' &&
-        typeof node.value === 'string' &&
-        (
-          expectedUrl === undefined ||
-          node.value === expectedUrl
-        )
+          node.type === 'Literal' &&
+          typeof node.value === 'string' &&
+          (expectedUrl === undefined || node.value === expectedUrl)
       )
     }
 
@@ -176,7 +192,7 @@ module.exports = {
      * @param {string} propertyText The property code to insert.
      * @returns {void}
      */
-    function insertProperty (fixer, node, propertyText) {
+    function insertProperty(fixer, node, propertyText) {
       if (node.properties.length === 0) {
         return fixer.replaceText(node, `{\n${propertyText}\n}`)
       }
@@ -187,7 +203,7 @@ module.exports = {
     }
 
     return {
-      Program (node) {
+      Program(node) {
         const info = getRuleInfo(node)
         if (!info) {
           return
@@ -196,11 +212,15 @@ module.exports = {
         const docsPropNode =
           metaNode &&
           metaNode.properties &&
-          metaNode.properties.find(p => p.type === 'Property' && getKeyName(p) === 'docs')
+          metaNode.properties.find(
+            (p) => p.type === 'Property' && getKeyName(p) === 'docs'
+          )
         const urlPropNode =
           docsPropNode &&
           docsPropNode.value.properties &&
-          docsPropNode.value.properties.find(p => p.type === 'Property' && getKeyName(p) === 'url')
+          docsPropNode.value.properties.find(
+            (p) => p.type === 'Property' && getKeyName(p) === 'url'
+          )
 
         if (isExpectedUrl(urlPropNode && urlPropNode.value)) {
           return
@@ -213,26 +233,42 @@ module.exports = {
             (metaNode && metaNode.loc) ||
             node.loc.start,
 
-          message:
-            !urlPropNode ? 'Rules should export a `meta.docs.url` property.'
-              : !expectedUrl ? '`meta.docs.url` property must be a string.'
-                /* otherwise */ : '`meta.docs.url` property must be `{{expectedUrl}}`.',
+          message: !urlPropNode
+            ? 'Rules should export a `meta.docs.url` property.'
+            : !expectedUrl
+            ? '`meta.docs.url` property must be a string.'
+            : /* otherwise */ '`meta.docs.url` property must be `{{expectedUrl}}`.',
 
           data: {
             expectedUrl
           },
 
-          fix (fixer) {
+          fix(fixer) {
             if (expectedUrl) {
               const urlString = JSON.stringify(expectedUrl)
               if (urlPropNode) {
                 return fixer.replaceText(urlPropNode.value, urlString)
               }
-              if (docsPropNode && docsPropNode.value.type === 'ObjectExpression') {
-                return insertProperty(fixer, docsPropNode.value, `url: ${urlString}`)
+              if (
+                docsPropNode &&
+                docsPropNode.value.type === 'ObjectExpression'
+              ) {
+                return insertProperty(
+                  fixer,
+                  docsPropNode.value,
+                  `url: ${urlString}`
+                )
               }
-              if (!docsPropNode && metaNode && metaNode.type === 'ObjectExpression') {
-                return insertProperty(fixer, metaNode, `docs: {\nurl: ${urlString}\n}`)
+              if (
+                !docsPropNode &&
+                metaNode &&
+                metaNode.type === 'ObjectExpression'
+              ) {
+                return insertProperty(
+                  fixer,
+                  metaNode,
+                  `docs: {\nurl: ${urlString}\n}`
+                )
               }
             }
             return null
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 81789e991..747f2e65c 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -16,9 +16,7 @@ module.exports = {
     browser: true,
     es6: true
   },
-  plugins: [
-    'vue'
-  ],
+  plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
     'vue/jsx-uses-vars': 'error'
diff --git a/lib/index.js b/lib/index.js
index d73a7f83a..6b5ea2011 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -13,7 +13,7 @@ module.exports = {
     'attributes-order': require('./rules/attributes-order'),
     'block-spacing': require('./rules/block-spacing'),
     'brace-style': require('./rules/brace-style'),
-    'camelcase': require('./rules/camelcase'),
+    camelcase: require('./rules/camelcase'),
     'comma-dangle': require('./rules/comma-dangle'),
     'comma-spacing': require('./rules/comma-spacing'),
     'comma-style': require('./rules/comma-style'),
@@ -22,7 +22,7 @@ module.exports = {
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
     'component-tags-order': require('./rules/component-tags-order'),
     'dot-location': require('./rules/dot-location'),
-    'eqeqeq': require('./rules/eqeqeq'),
+    eqeqeq: require('./rules/eqeqeq'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
     'html-closing-bracket-spacing': require('./rules/html-closing-bracket-spacing'),
     'html-comment-content-newline': require('./rules/html-comment-content-newline'),
@@ -145,10 +145,10 @@ module.exports = {
     'valid-v-text': require('./rules/valid-v-text')
   },
   configs: {
-    'base': require('./configs/base'),
-    'essential': require('./configs/essential'),
+    base: require('./configs/base'),
+    essential: require('./configs/essential'),
     'no-layout-rules': require('./configs/no-layout-rules'),
-    'recommended': require('./configs/recommended'),
+    recommended: require('./configs/recommended'),
     'strongly-recommended': require('./configs/strongly-recommended'),
     'vue3-essential': require('./configs/vue3-essential'),
     'vue3-recommended': require('./configs/vue3-recommended'),
diff --git a/lib/processor.js b/lib/processor.js
index fcd8aaf67..a45827632 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -4,11 +4,11 @@
 'use strict'
 
 module.exports = {
-  preprocess (code) {
+  preprocess(code) {
     return [code]
   },
 
-  postprocess (messages) {
+  postprocess(messages) {
     const state = {
       block: {
         disableAll: false,
@@ -21,7 +21,7 @@ module.exports = {
     }
 
     // Filter messages which are in disabled area.
-    return messages[0].filter(message => {
+    return messages[0].filter((message) => {
       if (message.ruleId === 'vue/comment-directive') {
         const rules = message.message.split(' ')
         const type = rules.shift()
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index e52d321b8..ed5ab1904 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -15,7 +15,8 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce attribute naming style on custom components in template',
+      description:
+        'enforce attribute naming style on custom components in template',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/attribute-hyphenation.html'
     },
@@ -27,13 +28,13 @@ module.exports = {
       {
         type: 'object',
         properties: {
-          'ignore': {
+          ignore: {
             type: 'array',
             items: {
               allOf: [
                 { type: 'string' },
-                { not: { type: 'string', pattern: ':exit$' }},
-                { not: { type: 'string', pattern: '^\\s*$' }}
+                { not: { type: 'string', pattern: ':exit$' } },
+                { not: { type: 'string', pattern: '^\\s*$' } }
               ]
             },
             uniqueItems: true,
@@ -45,7 +46,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     const option = context.options[0]
     const optionsPayload = context.options[1]
@@ -56,24 +57,29 @@ module.exports = {
       ignoredAttributes = ignoredAttributes.concat(optionsPayload.ignore)
     }
 
-    const caseConverter = casing.getExactConverter(useHyphenated ? 'kebab-case' : 'camelCase')
+    const caseConverter = casing.getExactConverter(
+      useHyphenated ? 'kebab-case' : 'camelCase'
+    )
 
-    function reportIssue (node, name) {
+    function reportIssue(node, name) {
       const text = sourceCode.getText(node.key)
 
       context.report({
         node: node.key,
         loc: node.loc,
-        message: useHyphenated ? "Attribute '{{text}}' must be hyphenated." : "Attribute '{{text}}' can't be hyphenated.",
+        message: useHyphenated
+          ? "Attribute '{{text}}' must be hyphenated."
+          : "Attribute '{{text}}' can't be hyphenated.",
         data: {
           text
         },
-        fix: fixer => fixer.replaceText(node.key, text.replace(name, caseConverter(name)))
+        fix: (fixer) =>
+          fixer.replaceText(node.key, text.replace(name, caseConverter(name)))
       })
     }
 
-    function isIgnoredAttribute (value) {
-      const isIgnored = ignoredAttributes.some(function (attr) {
+    function isIgnoredAttribute(value) {
+      const isIgnored = ignoredAttributes.some((attr) => {
         return value.indexOf(attr) !== -1
       })
 
@@ -89,13 +95,14 @@ module.exports = {
     // ----------------------------------------------------------------------
 
     return utils.defineTemplateBodyVisitor(context, {
-      VAttribute (node) {
+      VAttribute(node) {
         if (!utils.isCustomComponent(node.parent.parent)) return
 
-        const name =
-          !node.directive ? node.key.rawName
-            : node.key.name.name === 'bind' ? node.key.argument && node.key.argument.rawName
-              : /* otherwise */ false
+        const name = !node.directive
+          ? node.key.rawName
+          : node.key.name.name === 'bind'
+          ? node.key.argument && node.key.argument.rawName
+          : /* otherwise */ false
         if (!name || isIgnoredAttribute(name)) return
 
         reportIssue(node, name)
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 1641e9b7f..2f3d54f09 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -30,12 +30,12 @@ function getAttributeName (attribute, sourceCode) {
 }
 
 function getDirectiveKeyName (directiveKey, sourceCode) {
-  let text = 'v-' + directiveKey.name.name
+  let text = `v-${directiveKey.name.name}`
   if (directiveKey.argument) {
-    text += ':' + sourceCode.getText(directiveKey.argument)
+    text += `:${sourceCode.getText(directiveKey.argument)}`
   }
   for (const modifier of directiveKey.modifiers) {
-    text += '.' + modifier.name
+    text += `.${modifier.name}`
   }
   return text
 }
diff --git a/lib/rules/block-spacing.js b/lib/rules/block-spacing.js
index 32c22a26b..d12ad7da8 100644
--- a/lib/rules/block-spacing.js
+++ b/lib/rules/block-spacing.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/block-spacing'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/block-spacing'), {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/brace-style.js b/lib/rules/brace-style.js
index f74715629..66680948d 100644
--- a/lib/rules/brace-style.js
+++ b/lib/rules/brace-style.js
@@ -6,8 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/brace-style'),
-  { skipDynamicArguments: true }
-)
-
+module.exports = wrapCoreRule(require('eslint/lib/rules/brace-style'), {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
index f51bb7c6e..2a68be8f1 100644
--- a/lib/rules/comma-spacing.js
+++ b/lib/rules/comma-spacing.js
@@ -6,7 +6,7 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/comma-spacing'),
-  { skipDynamicArguments: true, skipDynamicArgumentsReport: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/comma-spacing'), {
+  skipDynamicArguments: true,
+  skipDynamicArgumentsReport: true
+})
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index 87ffaabc5..4f7f32b2d 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -6,15 +6,12 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/comma-style'),
-  {
-    create (_context, { coreHandlers }) {
-      return {
-        VSlotScopeExpression (node) {
-          coreHandlers.FunctionExpression(node)
-        }
+module.exports = wrapCoreRule(require('eslint/lib/rules/comma-style'), {
+  create(_context, { coreHandlers }) {
+    return {
+      VSlotScopeExpression(node) {
+        coreHandlers.FunctionExpression(node)
       }
     }
   }
-)
+})
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 2058190fc..9b3842ca9 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -17,7 +17,7 @@ const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+(\S|\S[\s\
  * @param {string} value The comment text to strip.
  * @returns {string} The stripped text.
  */
-function stripDirectiveComment (value) {
+function stripDirectiveComment(value) {
   return value.split(/\s-{2,}\s/u)[0].trim()
 }
 
@@ -27,7 +27,7 @@ function stripDirectiveComment (value) {
  * @param {string} comment The comment value to parse.
  * @returns {({type:string,rules:string[]})|null} The parsing result.
  */
-function parse (pattern, comment) {
+function parse(pattern, comment) {
   const match = pattern.exec(stripDirectiveComment(comment))
   if (match == null) {
     return null
@@ -36,7 +36,7 @@ function parse (pattern, comment) {
   const type = match[1]
   const rules = (match[2] || '')
     .split(',')
-    .map(s => s.trim())
+    .map((s) => s.trim())
     .filter(Boolean)
 
   return { type, rules }
@@ -50,11 +50,15 @@ function parse (pattern, comment) {
  * @param {string[]} rules The rule IDs to enable.
  * @returns {void}
  */
-function enable (context, loc, group, rules) {
+function enable(context, loc, group, rules) {
   if (rules.length === 0) {
-    context.report({ loc, message: '++ {{group}}', data: { group }})
+    context.report({ loc, message: '++ {{group}}', data: { group } })
   } else {
-    context.report({ loc, message: '+ {{group}} {{rules}}', data: { group, rules: rules.join(' ') }})
+    context.report({
+      loc,
+      message: '+ {{group}} {{rules}}',
+      data: { group, rules: rules.join(' ') }
+    })
   }
 }
 
@@ -66,11 +70,15 @@ function enable (context, loc, group, rules) {
  * @param {string[]} rules The rule IDs to disable.
  * @returns {void}
  */
-function disable (context, loc, group, rules) {
+function disable(context, loc, group, rules) {
   if (rules.length === 0) {
-    context.report({ loc, message: '-- {{group}}', data: { group }})
+    context.report({ loc, message: '-- {{group}}', data: { group } })
   } else {
-    context.report({ loc, message: '- {{group}} {{rules}}', data: { group, rules: rules.join(' ') }})
+    context.report({
+      loc,
+      message: '- {{group}} {{rules}}',
+      data: { group, rules: rules.join(' ') }
+    })
   }
 }
 
@@ -81,7 +89,7 @@ function disable (context, loc, group, rules) {
  * @param {Token} comment The comment token to process.
  * @returns {void}
  */
-function processBlock (context, comment) {
+function processBlock(context, comment) {
   const parsed = parse(COMMENT_DIRECTIVE_B, comment.value)
   if (parsed != null) {
     if (parsed.type === 'eslint-disable') {
@@ -99,10 +107,11 @@ function processBlock (context, comment) {
  * @param {Token} comment The comment token to process.
  * @returns {void}
  */
-function processLine (context, comment) {
+function processLine(context, comment) {
   const parsed = parse(COMMENT_DIRECTIVE_L, comment.value)
   if (parsed != null && comment.loc.start.line === comment.loc.end.line) {
-    const line = comment.loc.start.line + (parsed.type === 'eslint-disable-line' ? 0 : 1)
+    const line =
+      comment.loc.start.line + (parsed.type === 'eslint-disable-line' ? 0 : 1)
     const column = -1
     disable(context, { line, column }, 'line', parsed.rules)
     enable(context, { line: line + 1, column }, 'line', parsed.rules)
@@ -114,21 +123,24 @@ function processLine (context, comment) {
  * @param {VDocumentFragment} documentFragment The document fragment.
  * @returns {VElement[]} The top-level elements
  */
-function extractTopLevelHTMLElements (documentFragment) {
-  return documentFragment.children.filter(e => e.type === 'VElement')
+function extractTopLevelHTMLElements(documentFragment) {
+  return documentFragment.children.filter((e) => e.type === 'VElement')
 }
 /**
  * Extracts the top-level comments in document fragment.
  * @param {VDocumentFragment} documentFragment The document fragment.
  * @returns {Token[]} The top-level comments
  */
-function extractTopLevelDocumentFragmentComments (documentFragment) {
+function extractTopLevelDocumentFragmentComments(documentFragment) {
   const elements = extractTopLevelHTMLElements(documentFragment)
 
-  return documentFragment.comments.filter(comment =>
-    elements.every(element =>
-      comment.range[1] <= element.range[0] || element.range[1] <= comment.range[0]
-    ))
+  return documentFragment.comments.filter((comment) =>
+    elements.every(
+      (element) =>
+        comment.range[1] <= element.range[0] ||
+        element.range[1] <= comment.range[0]
+    )
+  )
 }
 
 // -----------------------------------------------------------------------------
@@ -146,11 +158,13 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
-    const documentFragment = context.parserServices.getDocumentFragment && context.parserServices.getDocumentFragment()
+  create(context) {
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
 
     return {
-      Program (node) {
+      Program(node) {
         if (node.templateBody) {
           // Send directives to the post-process.
           for (const comment of node.templateBody.comments) {
@@ -166,7 +180,9 @@ module.exports = {
         }
         if (documentFragment) {
           // Send directives to the post-process.
-          for (const comment of extractTopLevelDocumentFragmentComments(documentFragment)) {
+          for (const comment of extractTopLevelDocumentFragmentComments(
+            documentFragment
+          )) {
             processBlock(context, comment)
             processLine(context, comment)
           }
@@ -183,4 +199,3 @@ module.exports = {
     }
   }
 }
-
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 9012873a4..453e3943e 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -18,7 +18,8 @@ module.exports = {
     docs: {
       description: 'enforce specific casing for component definition name',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
+      url:
+        'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
     },
     fixable: 'code', // or "code" or "whitespace"
     schema: [
@@ -28,15 +29,16 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0]
-    const caseType = allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
+    const caseType =
+      allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
-    function convertName (node) {
+    function convertName(node) {
       let nodeValue
       let range
       if (node.type === 'TemplateLiteral') {
@@ -50,26 +52,32 @@ module.exports = {
 
       if (!casing.getChecker(caseType)(nodeValue)) {
         context.report({
-          node: node,
+          node,
           message: 'Property name "{{value}}" is not {{caseType}}.',
           data: {
             value: nodeValue,
-            caseType: caseType
+            caseType
           },
-          fix: fixer => fixer.replaceTextRange([range[0] + 1, range[1] - 1], casing.getExactConverter(caseType)(nodeValue))
+          fix: (fixer) =>
+            fixer.replaceTextRange(
+              [range[0] + 1, range[1] - 1],
+              casing.getExactConverter(caseType)(nodeValue)
+            )
         })
       }
     }
 
-    function canConvert (node) {
-      return node.type === 'Literal' || (
-        node.type === 'TemplateLiteral' &&
-        node.expressions.length === 0 &&
-        node.quasis.length === 1
+    function canConvert(node) {
+      return (
+        node.type === 'Literal' ||
+        (node.type === 'TemplateLiteral' &&
+          node.expressions.length === 0 &&
+          node.quasis.length === 1)
       )
     }
 
-    return Object.assign({},
+    return Object.assign(
+      {},
       utils.executeOnCallVueComponent(context, (node) => {
         if (node.arguments.length === 2) {
           const argument = node.arguments[0]
@@ -80,12 +88,12 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (obj) => {
-        const node = obj.properties
-          .find(item => (
+        const node = obj.properties.find(
+          (item) =>
             item.type === 'Property' &&
             item.key.name === 'name' &&
             canConvert(item.value)
-          ))
+        )
 
         if (!node) return
         convertName(node.value)
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 91481b0f4..90eb48d84 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -27,9 +27,11 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce specific casing for the component naming style in template',
+      description:
+        'enforce specific casing for the component naming style in template',
       categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/component-name-in-template-casing.html'
+      url:
+        'https://eslint.vuejs.org/rules/component-name-in-template-casing.html'
     },
     fixable: 'code',
     schema: [
@@ -54,13 +56,16 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const caseOption = context.options[0]
     const options = context.options[1] || {}
-    const caseType = allowedCaseOptions.indexOf(caseOption) !== -1 ? caseOption : defaultCase
+    const caseType =
+      allowedCaseOptions.indexOf(caseOption) !== -1 ? caseOption : defaultCase
     const ignores = (options.ignores || []).map(toRegExp)
     const registeredComponentsOnly = options.registeredComponentsOnly !== false
-    const tokens = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+    const tokens =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
 
     const registeredComponents = []
 
@@ -69,15 +74,16 @@ module.exports = {
      * @param {VElement} node element node
      * @returns {boolean} `true` if the given node is the verification target node.
      */
-    function isVerifyTarget (node) {
-      if (ignores.some(re => re.test(node.rawName))) {
+    function isVerifyTarget(node) {
+      if (ignores.some((re) => re.test(node.rawName))) {
         // ignore
         return false
       }
 
       if (!registeredComponentsOnly) {
         // If the user specifies registeredComponentsOnly as false, it checks all component tags.
-        if ((!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+        if (
+          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
           utils.isHtmlWellKnownElementName(node.rawName) ||
           utils.isSvgWellKnownElementName(node.rawName)
         ) {
@@ -86,9 +92,14 @@ module.exports = {
         return true
       }
       // We only verify the components registered in the component.
-      if (registeredComponents
-        .filter(name => casing.isPascalCase(name)) // When defining a component with PascalCase, you can use either case
-        .some(name => node.rawName === name || casing.pascalCase(node.rawName) === name)) {
+      if (
+        registeredComponents
+          .filter((name) => casing.isPascalCase(name)) // When defining a component with PascalCase, you can use either case
+          .some(
+            (name) =>
+              node.rawName === name || casing.pascalCase(node.rawName) === name
+          )
+      ) {
         return true
       }
 
@@ -97,55 +108,60 @@ module.exports = {
 
     let hasInvalidEOF = false
 
-    return utils.defineTemplateBodyVisitor(context, {
-      'VElement' (node) {
-        if (hasInvalidEOF) {
-          return
-        }
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          if (hasInvalidEOF) {
+            return
+          }
 
-        if (!isVerifyTarget(node)) {
-          return
-        }
+          if (!isVerifyTarget(node)) {
+            return
+          }
 
-        const name = node.rawName
-        if (!casing.getChecker(caseType)(name)) {
-          const startTag = node.startTag
-          const open = tokens.getFirstToken(startTag)
-          const casingName = casing.getExactConverter(caseType)(name)
-          context.report({
-            node: open,
-            loc: open.loc,
-            message: 'Component name "{{name}}" is not {{caseType}}.',
-            data: {
-              name,
-              caseType
-            },
-            fix: fixer => {
-              const endTag = node.endTag
-              if (!endTag) {
-                return fixer.replaceText(open, `<${casingName}`)
+          const name = node.rawName
+          if (!casing.getChecker(caseType)(name)) {
+            const startTag = node.startTag
+            const open = tokens.getFirstToken(startTag)
+            const casingName = casing.getExactConverter(caseType)(name)
+            context.report({
+              node: open,
+              loc: open.loc,
+              message: 'Component name "{{name}}" is not {{caseType}}.',
+              data: {
+                name,
+                caseType
+              },
+              fix: (fixer) => {
+                const endTag = node.endTag
+                if (!endTag) {
+                  return fixer.replaceText(open, `<${casingName}`)
+                }
+                const endTagOpen = tokens.getFirstToken(endTag)
+                return [
+                  fixer.replaceText(open, `<${casingName}`),
+                  fixer.replaceText(endTagOpen, `</${casingName}`)
+                ]
               }
-              const endTagOpen = tokens.getFirstToken(endTag)
-              return [
-                fixer.replaceText(open, `<${casingName}`),
-                fixer.replaceText(endTagOpen, `</${casingName}`)
-              ]
-            }
-          })
-        }
-      }
-    },
-    Object.assign(
-      {
-        Program (node) {
-          hasInvalidEOF = utils.hasInvalidEOF(node)
+            })
+          }
         }
       },
-      registeredComponentsOnly
-        ? utils.executeOnVue(context, (obj) => {
-          registeredComponents.push(...utils.getRegisteredComponents(obj).map(n => n.name))
-        })
-        : {}
-    ))
+      Object.assign(
+        {
+          Program(node) {
+            hasInvalidEOF = utils.hasInvalidEOF(node)
+          }
+        },
+        registeredComponentsOnly
+          ? utils.executeOnVue(context, (obj) => {
+              registeredComponents.push(
+                ...utils.getRegisteredComponents(obj).map((n) => n.name)
+              )
+            })
+          : {}
+      )
+    )
   }
 }
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 46dde00c8..c19429637 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -34,21 +34,25 @@ module.exports = {
       }
     },
     messages: {
-      unexpected: 'The <{{name}}> should be above the <{{firstUnorderedName}}> on line {{line}}.'
+      unexpected:
+        'The <{{name}}> should be above the <{{firstUnorderedName}}> on line {{line}}.'
     }
   },
-  create (context) {
-    const order = (context.options[0] && context.options[0].order) || DEFAULT_ORDER
-    const documentFragment = context.parserServices.getDocumentFragment && context.parserServices.getDocumentFragment()
+  create(context) {
+    const order =
+      (context.options[0] && context.options[0].order) || DEFAULT_ORDER
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
 
-    function getTopLevelHTMLElements () {
+    function getTopLevelHTMLElements() {
       if (documentFragment) {
-        return documentFragment.children.filter(e => e.type === 'VElement')
+        return documentFragment.children.filter((e) => e.type === 'VElement')
       }
       return []
     }
 
-    function report (element, firstUnorderedElement) {
+    function report(element, firstUnorderedElement) {
       context.report({
         node: element,
         loc: element.loc,
@@ -65,7 +69,7 @@ module.exports = {
       context,
       {},
       {
-        Program (node) {
+        Program(node) {
           if (utils.hasInvalidEOF(node)) {
             return
           }
@@ -78,7 +82,7 @@ module.exports = {
             }
             const firstUnordered = elements
               .slice(0, index)
-              .filter(e => expectedIndex < order.indexOf(e.name))
+              .filter((e) => expectedIndex < order.indexOf(e.name))
               .sort(
                 (e1, e2) => order.indexOf(e1.name) - order.indexOf(e2.name)
               )[0]
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 02ddeb445..20d7fbd20 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -15,11 +15,14 @@ const utils = require('../utils')
 // Helpers
 // ------------------------------------------------------------------------------
 
-function getPhrase (lineBreaks) {
+function getPhrase(lineBreaks) {
   switch (lineBreaks) {
-    case 0: return 'no line breaks'
-    case 1: return '1 line break'
-    default: return `${lineBreaks} line breaks`
+    case 0:
+      return 'no line breaks'
+    case 1:
+      return '1 line break'
+    default:
+      return `${lineBreaks} line breaks`
   }
 }
 
@@ -31,39 +34,55 @@ module.exports = {
   meta: {
     type: 'layout',
     docs: {
-      description: "require or disallow a line break before tag's closing brackets",
+      description:
+        "require or disallow a line break before tag's closing brackets",
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-newline.html'
     },
     fixable: 'whitespace',
-    schema: [{
-      type: 'object',
-      properties: {
-        'singleline': { enum: ['always', 'never'] },
-        'multiline': { enum: ['always', 'never'] }
-      },
-      additionalProperties: false
-    }]
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          singleline: { enum: ['always', 'never'] },
+          multiline: { enum: ['always', 'never'] }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
-  create (context) {
-    const options = Object.assign({}, {
-      singleline: 'never',
-      multiline: 'always'
-    }, context.options[0] || {})
-    const template = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+  create(context) {
+    const options = Object.assign(
+      {},
+      {
+        singleline: 'never',
+        multiline: 'always'
+      },
+      context.options[0] || {}
+    )
+    const template =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VStartTag, VEndTag' (node) {
+      'VStartTag, VEndTag'(node) {
         const closingBracketToken = template.getLastToken(node)
-        if (closingBracketToken.type !== 'HTMLSelfClosingTagClose' && closingBracketToken.type !== 'HTMLTagClose') {
+        if (
+          closingBracketToken.type !== 'HTMLSelfClosingTagClose' &&
+          closingBracketToken.type !== 'HTMLTagClose'
+        ) {
           return
         }
 
         const prevToken = template.getTokenBefore(closingBracketToken)
-        const type = (node.loc.start.line === prevToken.loc.end.line) ? 'singleline' : 'multiline'
-        const expectedLineBreaks = (options[type] === 'always') ? 1 : 0
-        const actualLineBreaks = (closingBracketToken.loc.start.line - prevToken.loc.end.line)
+        const type =
+          node.loc.start.line === prevToken.loc.end.line
+            ? 'singleline'
+            : 'multiline'
+        const expectedLineBreaks = options[type] === 'always' ? 1 : 0
+        const actualLineBreaks =
+          closingBracketToken.loc.start.line - prevToken.loc.end.line
 
         if (actualLineBreaks !== expectedLineBreaks) {
           context.report({
@@ -72,12 +91,13 @@ module.exports = {
               start: prevToken.loc.end,
               end: closingBracketToken.loc.start
             },
-            message: 'Expected {{expected}} before closing bracket, but {{actual}} found.',
+            message:
+              'Expected {{expected}} before closing bracket, but {{actual}} found.',
             data: {
               expected: getPhrase(expectedLineBreaks),
               actual: getPhrase(actualLineBreaks)
             },
-            fix (fixer) {
+            fix(fixer) {
               const range = [prevToken.range[1], closingBracketToken.range[0]]
               const text = '\n'.repeat(expectedLineBreaks)
               return fixer.replaceTextRange(range, text)
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index eaf885ba5..9b70dfb09 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -20,28 +20,34 @@ const utils = require('../utils')
  * @param {TokenStore} tokens The token store of template body.
  * @returns {{startTag:"always"|"never",endTag:"always"|"never",selfClosingTag:"always"|"never"}} The normalized options.
  */
-function parseOptions (options, tokens) {
-  return Object.assign({
-    startTag: 'never',
-    endTag: 'never',
-    selfClosingTag: 'always',
+function parseOptions(options, tokens) {
+  return Object.assign(
+    {
+      startTag: 'never',
+      endTag: 'never',
+      selfClosingTag: 'always',
 
-    detectType (node) {
-      const openType = tokens.getFirstToken(node).type
-      const closeType = tokens.getLastToken(node).type
+      detectType(node) {
+        const openType = tokens.getFirstToken(node).type
+        const closeType = tokens.getLastToken(node).type
 
-      if (openType === 'HTMLEndTagOpen' && closeType === 'HTMLTagClose') {
-        return this.endTag
-      }
-      if (openType === 'HTMLTagOpen' && closeType === 'HTMLTagClose') {
-        return this.startTag
-      }
-      if (openType === 'HTMLTagOpen' && closeType === 'HTMLSelfClosingTagClose') {
-        return this.selfClosingTag
+        if (openType === 'HTMLEndTagOpen' && closeType === 'HTMLTagClose') {
+          return this.endTag
+        }
+        if (openType === 'HTMLTagOpen' && closeType === 'HTMLTagClose') {
+          return this.startTag
+        }
+        if (
+          openType === 'HTMLTagOpen' &&
+          closeType === 'HTMLSelfClosingTagClose'
+        ) {
+          return this.selfClosingTag
+        }
+        return null
       }
-      return null
-    }
-  }, options)
+    },
+    options
+  )
 }
 
 // -----------------------------------------------------------------------------
@@ -52,23 +58,25 @@ module.exports = {
   meta: {
     type: 'layout',
     docs: {
-      description: 'require or disallow a space before tag\'s closing brackets',
+      description: "require or disallow a space before tag's closing brackets",
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-spacing.html'
     },
-    schema: [{
-      type: 'object',
-      properties: {
-        startTag: { enum: ['always', 'never'] },
-        endTag: { enum: ['always', 'never'] },
-        selfClosingTag: { enum: ['always', 'never'] }
-      },
-      additionalProperties: false
-    }],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          startTag: { enum: ['always', 'never'] },
+          endTag: { enum: ['always', 'never'] },
+          selfClosingTag: { enum: ['always', 'never'] }
+        },
+        additionalProperties: false
+      }
+    ],
     fixable: 'whitespace'
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     const tokens =
       context.parserServices.getTemplateBodyTokenStore &&
@@ -76,18 +84,22 @@ module.exports = {
     const options = parseOptions(context.options[0], tokens)
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VStartTag, VEndTag' (node) {
+      'VStartTag, VEndTag'(node) {
         const type = options.detectType(node)
         const lastToken = tokens.getLastToken(node)
         const prevToken = tokens.getLastToken(node, 1)
 
         // Skip if EOF exists in the tag or linebreak exists before `>`.
-        if (type == null || prevToken == null || prevToken.loc.end.line !== lastToken.loc.start.line) {
+        if (
+          type == null ||
+          prevToken == null ||
+          prevToken.loc.end.line !== lastToken.loc.start.line
+        ) {
           return
         }
 
         // Check and report.
-        const hasSpace = (prevToken.range[1] !== lastToken.range[0])
+        const hasSpace = prevToken.range[1] !== lastToken.range[0]
         if (type === 'always' && !hasSpace) {
           context.report({
             node,
@@ -105,7 +117,8 @@ module.exports = {
             },
             message: "Expected no space before '{{bracket}}', but found.",
             data: { bracket: sourceCode.getText(lastToken) },
-            fix: (fixer) => fixer.removeRange([prevToken.range[1], lastToken.range[0]])
+            fix: (fixer) =>
+              fixer.removeRange([prevToken.range[1], lastToken.range[0]])
           })
         }
       }
diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
index a736f4885..e5e436490 100644
--- a/lib/rules/html-comment-content-newline.js
+++ b/lib/rules/html-comment-content-newline.js
@@ -18,17 +18,20 @@ const htmlComments = require('../utils/html-comments')
 // Helpers
 // ------------------------------------------------------------------------------
 
-function parseOption (param) {
+function parseOption(param) {
   if (param && typeof param === 'string') {
     return {
       singleline: param,
       multiline: param
     }
   }
-  return Object.assign({
-    singleline: 'never',
-    multiline: 'always'
-  }, param)
+  return Object.assign(
+    {
+      singleline: 'never',
+      multiline: 'always'
+    },
+    param
+  )
 }
 
 // ------------------------------------------------------------------------------
@@ -54,8 +57,8 @@ module.exports = {
           {
             type: 'object',
             properties: {
-              'singleline': { enum: ['always', 'never', 'ignore'] },
-              'multiline': { enum: ['always', 'never', 'ignore'] }
+              singleline: { enum: ['always', 'never', 'ignore'] },
+              multiline: { enum: ['always', 'never', 'ignore'] }
             },
             additionalProperties: false
           }
@@ -78,33 +81,37 @@ module.exports = {
       expectedAfterHTMLCommentOpen: "Expected line break after '<!--'.",
       expectedBeforeHTMLCommentOpen: "Expected line break before '-->'.",
       expectedAfterExceptionBlock: 'Expected line break after exception block.',
-      expectedBeforeExceptionBlock: 'Expected line break before exception block.',
+      expectedBeforeExceptionBlock:
+        'Expected line break before exception block.',
       unexpectedAfterHTMLCommentOpen: "Unexpected line breaks after '<!--'.",
       unexpectedBeforeHTMLCommentOpen: "Unexpected line breaks before '-->'."
     }
   },
 
-  create (context) {
+  create(context) {
     const option = parseOption(context.options[0])
-    return htmlComments.defineVisitor(context, context.options[1], (comment) => {
-      if (!comment.value) {
-        return
-      }
-      const startLine = comment.openDecoration
-        ? comment.openDecoration.loc.end.line
-        : comment.value.loc.start.line
-      const endLine = comment.closeDecoration
-        ? comment.closeDecoration.loc.start.line
-        : comment.value.loc.end.line
-      const newlineType = startLine === endLine
-        ? option.singleline
-        : option.multiline
-      if (newlineType === 'ignore') {
-        return
+    return htmlComments.defineVisitor(
+      context,
+      context.options[1],
+      (comment) => {
+        if (!comment.value) {
+          return
+        }
+        const startLine = comment.openDecoration
+          ? comment.openDecoration.loc.end.line
+          : comment.value.loc.start.line
+        const endLine = comment.closeDecoration
+          ? comment.closeDecoration.loc.start.line
+          : comment.value.loc.end.line
+        const newlineType =
+          startLine === endLine ? option.singleline : option.multiline
+        if (newlineType === 'ignore') {
+          return
+        }
+        checkCommentOpen(comment, newlineType !== 'never')
+        checkCommentClose(comment, newlineType !== 'never')
       }
-      checkCommentOpen(comment, newlineType !== 'never')
-      checkCommentClose(comment, newlineType !== 'never')
-    })
+    )
 
     /**
      * Reports the newline before the contents of a given comment if it's invalid.
@@ -112,7 +119,7 @@ module.exports = {
      * @param {boolean} requireNewline - `true` if line breaks are required.
      * @returns {void}
      */
-    function checkCommentOpen (comment, requireNewline) {
+    function checkCommentOpen(comment, requireNewline) {
       const beforeToken = comment.openDecoration || comment.open
 
       if (requireNewline) {
@@ -125,8 +132,12 @@ module.exports = {
             start: beforeToken.loc.end,
             end: comment.value.loc.start
           },
-          messageId: comment.openDecoration ? 'expectedAfterExceptionBlock' : 'expectedAfterHTMLCommentOpen',
-          fix: comment.openDecoration ? undefined : (fixer) => fixer.insertTextAfter(beforeToken, '\n')
+          messageId: comment.openDecoration
+            ? 'expectedAfterExceptionBlock'
+            : 'expectedAfterHTMLCommentOpen',
+          fix: comment.openDecoration
+            ? undefined
+            : (fixer) => fixer.insertTextAfter(beforeToken, '\n')
         })
       } else {
         if (beforeToken.loc.end.line === comment.value.loc.start.line) {
@@ -139,7 +150,11 @@ module.exports = {
             end: comment.value.loc.start
           },
           messageId: 'unexpectedAfterHTMLCommentOpen',
-          fix: (fixer) => fixer.replaceTextRange([beforeToken.range[1], comment.value.range[0]], ' ')
+          fix: (fixer) =>
+            fixer.replaceTextRange(
+              [beforeToken.range[1], comment.value.range[0]],
+              ' '
+            )
         })
       }
     }
@@ -150,7 +165,7 @@ module.exports = {
      * @param {boolean} requireNewline - `true` if line breaks are required.
      * @returns {void}
      */
-    function checkCommentClose (comment, requireNewline) {
+    function checkCommentClose(comment, requireNewline) {
       const afterToken = comment.closeDecoration || comment.close
 
       if (requireNewline) {
@@ -163,8 +178,12 @@ module.exports = {
             start: comment.value.loc.end,
             end: afterToken.loc.start
           },
-          messageId: comment.closeDecoration ? 'expectedBeforeExceptionBlock' : 'expectedBeforeHTMLCommentOpen',
-          fix: comment.closeDecoration ? undefined : (fixer) => fixer.insertTextBefore(afterToken, '\n')
+          messageId: comment.closeDecoration
+            ? 'expectedBeforeExceptionBlock'
+            : 'expectedBeforeHTMLCommentOpen',
+          fix: comment.closeDecoration
+            ? undefined
+            : (fixer) => fixer.insertTextBefore(afterToken, '\n')
         })
       } else {
         if (comment.value.loc.end.line === afterToken.loc.start.line) {
@@ -177,7 +196,11 @@ module.exports = {
             end: afterToken.loc.start
           },
           messageId: 'unexpectedBeforeHTMLCommentOpen',
-          fix: (fixer) => fixer.replaceTextRange([comment.value.range[1], afterToken.range[0]], ' ')
+          fix: (fixer) =>
+            fixer.replaceTextRange(
+              [comment.value.range[1], afterToken.range[0]],
+              ' '
+            )
         })
       }
     }
diff --git a/lib/rules/html-comment-content-spacing.js b/lib/rules/html-comment-content-spacing.js
index 9f318cf77..250fd7ae9 100644
--- a/lib/rules/html-comment-content-spacing.js
+++ b/lib/rules/html-comment-content-spacing.js
@@ -55,23 +55,28 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     // Unless the first option is never, require a space
     const requireSpace = context.options[0] !== 'never'
-    return htmlComments.defineVisitor(context, context.options[1], (comment) => {
-      if (!comment.value) {
-        return
-      }
-      checkCommentOpen(comment)
-      checkCommentClose(comment)
-    }, { includeDirectives: true })
+    return htmlComments.defineVisitor(
+      context,
+      context.options[1],
+      (comment) => {
+        if (!comment.value) {
+          return
+        }
+        checkCommentOpen(comment)
+        checkCommentClose(comment)
+      },
+      { includeDirectives: true }
+    )
 
     /**
      * Reports the space before the contents of a given comment if it's invalid.
      * @param {HTMLComment} comment - comment data.
      * @returns {void}
      */
-    function checkCommentOpen (comment) {
+    function checkCommentOpen(comment) {
       const beforeToken = comment.openDecoration || comment.open
       if (beforeToken.loc.end.line !== comment.value.loc.start.line) {
         // Ignore newline
@@ -88,8 +93,12 @@ module.exports = {
             start: beforeToken.loc.end,
             end: comment.value.loc.start
           },
-          messageId: comment.openDecoration ? 'expectedAfterExceptionBlock' : 'expectedAfterHTMLCommentOpen',
-          fix: comment.openDecoration ? undefined : (fixer) => fixer.insertTextAfter(beforeToken, ' ')
+          messageId: comment.openDecoration
+            ? 'expectedAfterExceptionBlock'
+            : 'expectedAfterHTMLCommentOpen',
+          fix: comment.openDecoration
+            ? undefined
+            : (fixer) => fixer.insertTextAfter(beforeToken, ' ')
         })
       } else {
         if (comment.openDecoration) {
@@ -106,7 +115,8 @@ module.exports = {
             end: comment.value.loc.start
           },
           messageId: 'unexpectedAfterHTMLCommentOpen',
-          fix: (fixer) => fixer.removeRange([beforeToken.range[1], comment.value.range[0]])
+          fix: (fixer) =>
+            fixer.removeRange([beforeToken.range[1], comment.value.range[0]])
         })
       }
     }
@@ -116,7 +126,7 @@ module.exports = {
      * @param {HTMLComment} comment - comment data.
      * @returns {void}
      */
-    function checkCommentClose (comment) {
+    function checkCommentClose(comment) {
       const afterToken = comment.closeDecoration || comment.close
       if (comment.value.loc.end.line !== afterToken.loc.start.line) {
         // Ignore newline
@@ -133,8 +143,12 @@ module.exports = {
             start: comment.value.loc.end,
             end: afterToken.loc.start
           },
-          messageId: comment.closeDecoration ? 'expectedBeforeExceptionBlock' : 'expectedBeforeHTMLCommentOpen',
-          fix: comment.closeDecoration ? undefined : (fixer) => fixer.insertTextBefore(afterToken, ' ')
+          messageId: comment.closeDecoration
+            ? 'expectedBeforeExceptionBlock'
+            : 'expectedBeforeHTMLCommentOpen',
+          fix: comment.closeDecoration
+            ? undefined
+            : (fixer) => fixer.insertTextBefore(afterToken, ' ')
         })
       } else {
         if (comment.closeDecoration) {
@@ -151,7 +165,8 @@ module.exports = {
             end: afterToken.loc.start
           },
           messageId: 'unexpectedBeforeHTMLCommentOpen',
-          fix: (fixer) => fixer.removeRange([comment.value.range[1], afterToken.range[0]])
+          fix: (fixer) =>
+            fixer.removeRange([comment.value.range[1], afterToken.range[0]])
         })
       }
     }
diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
index bdc4ca0af..c3b60bfcc 100644
--- a/lib/rules/html-comment-indent.js
+++ b/lib/rules/html-comment-indent.js
@@ -23,7 +23,7 @@ const htmlComments = require('../utils/html-comments')
  * @param {number|"tab"|undefined} type The type of indentation.
  * @returns {Object} Normalized options.
  */
-function parseOptions (type) {
+function parseOptions(type) {
   const ret = {
     indentChar: ' ',
     indentSize: 2
@@ -40,13 +40,13 @@ function parseOptions (type) {
   return ret
 }
 
-function toDisplay (s, unitChar) {
+function toDisplay(s, unitChar) {
   if (s.length === 0 && unitChar) {
     return `0 ${toUnit(unitChar)}s`
   }
   const char = s[0]
   if (char === ' ' || char === '\t') {
-    if (s.split('').every(c => c === char)) {
+    if (s.split('').every((c) => c === char)) {
       return `${s.length} ${toUnit(char)}${s.length === 1 ? '' : 's'}`
     }
   }
@@ -54,7 +54,7 @@ function toDisplay (s, unitChar) {
   return JSON.stringify(s)
 }
 
-function toUnit (char) {
+function toUnit(char) {
   if (char === '\t') {
     return 'tab'
   }
@@ -80,52 +80,60 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [
-          { type: 'integer', minimum: 0 },
-          { enum: ['tab'] }
-        ]
+        anyOf: [{ type: 'integer', minimum: 0 }, { enum: ['tab'] }]
       }
     ],
     messages: {
-      unexpectedBaseIndentation: 'Expected base point indentation of {{expected}}, but found {{actual}}.',
-      missingBaseIndentation: 'Expected base point indentation of {{expected}}, but not found.',
-      unexpectedIndentationCharacter: 'Expected {{expected}} character, but found {{actual}} character.',
-      unexpectedIndentation: 'Expected indentation of {{expected}} but found {{actual}}.',
-      unexpectedRelativeIndentation: 'Expected relative indentation of {{expected}} but found {{actual}}.'
+      unexpectedBaseIndentation:
+        'Expected base point indentation of {{expected}}, but found {{actual}}.',
+      missingBaseIndentation:
+        'Expected base point indentation of {{expected}}, but not found.',
+      unexpectedIndentationCharacter:
+        'Expected {{expected}} character, but found {{actual}} character.',
+      unexpectedIndentation:
+        'Expected indentation of {{expected}} but found {{actual}}.',
+      unexpectedRelativeIndentation:
+        'Expected relative indentation of {{expected}} but found {{actual}}.'
     }
   },
 
-  create (context) {
+  create(context) {
     const options = parseOptions(context.options[0])
     const sourceCode = context.getSourceCode()
-    return htmlComments.defineVisitor(context, null, (comment) => {
-      const baseIndentText = getLineIndentText(comment.open.loc.start.line)
-      let endLine
-      if (comment.value) {
-        const startLine = comment.value.loc.start.line
-        endLine = comment.value.loc.end.line
+    return htmlComments.defineVisitor(
+      context,
+      null,
+      (comment) => {
+        const baseIndentText = getLineIndentText(comment.open.loc.start.line)
+        let endLine
+        if (comment.value) {
+          const startLine = comment.value.loc.start.line
+          endLine = comment.value.loc.end.line
 
-        const checkStartLine = comment.open.loc.end.line === startLine ? startLine + 1 : startLine
+          const checkStartLine =
+            comment.open.loc.end.line === startLine ? startLine + 1 : startLine
 
-        for (let line = checkStartLine; line <= endLine; line++) {
-          validateIndentForLine(line, baseIndentText, 1)
+          for (let line = checkStartLine; line <= endLine; line++) {
+            validateIndentForLine(line, baseIndentText, 1)
+          }
+        } else {
+          endLine = comment.open.loc.end.line
         }
-      } else {
-        endLine = comment.open.loc.end.line
-      }
 
-      if (endLine < comment.close.loc.start.line) {
-        // `-->`
-        validateIndentForLine(comment.close.loc.start.line, baseIndentText, 0)
-      }
-    }, { includeDirectives: true })
+        if (endLine < comment.close.loc.start.line) {
+          // `-->`
+          validateIndentForLine(comment.close.loc.start.line, baseIndentText, 0)
+        }
+      },
+      { includeDirectives: true }
+    )
 
     /**
      * Checks whether the given line is a blank line.
      * @param {number} line The number of line. Begins with 1.
      * @returns {boolean} `true` if the given line is a blank line
      */
-    function isEmptyLine (line) {
+    function isEmptyLine(line) {
       const lineText = sourceCode.getLines()[line - 1]
       return !lineText.trim()
     }
@@ -135,7 +143,7 @@ module.exports = {
      * @param {number} line The number of line. Begins with 1.
      * @returns {string} The actual indentation text
      */
-    function getLineIndentText (line) {
+    function getLineIndentText(line) {
       const lineText = sourceCode.getLines()[line - 1]
       const charIndex = lineText.search(/\S/)
       // already checked
@@ -152,8 +160,8 @@ module.exports = {
      * @param {string} expectedIndentText The expected indentation text.
      * @returns {function} The defined function.
      */
-    function defineFix (line, actualIndentText, expectedIndentText) {
-      return fixer => {
+    function defineFix(line, actualIndentText, expectedIndentText) {
+      return (fixer) => {
         const start = sourceCode.getIndexFromLoc({
           line,
           column: 0
@@ -171,7 +179,7 @@ module.exports = {
      * @param {string} baseIndentText The expected base indentation text.
      * @param {number} offset The number of the indentation offset.
      */
-    function validateIndentForLine (line, baseIndentText, offset) {
+    function validateIndentForLine(line, baseIndentText, offset) {
       if (isEmptyLine(line)) {
         return
       }
@@ -184,7 +192,7 @@ module.exports = {
       if (
         baseIndentText &&
         (actualIndentText.length < baseIndentText.length ||
-            !actualIndentText.startsWith(baseIndentText))
+          !actualIndentText.startsWith(baseIndentText))
       ) {
         context.report({
           loc: {
@@ -203,7 +211,9 @@ module.exports = {
         return
       }
 
-      const actualOffsetIndentText = actualIndentText.slice(baseIndentText.length)
+      const actualOffsetIndentText = actualIndentText.slice(
+        baseIndentText.length
+      )
 
       // validate indent charctor
       for (let i = 0; i < actualOffsetIndentText.length; ++i) {
diff --git a/lib/rules/html-end-tags.js b/lib/rules/html-end-tags.js
index cce52b721..b40a53ce0 100644
--- a/lib/rules/html-end-tags.js
+++ b/lib/rules/html-end-tags.js
@@ -27,34 +27,38 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     let hasInvalidEOF = false
 
-    return utils.defineTemplateBodyVisitor(context, {
-      VElement (node) {
-        if (hasInvalidEOF) {
-          return
-        }
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          if (hasInvalidEOF) {
+            return
+          }
+
+          const name = node.name
+          const isVoid = utils.isHtmlVoidElementName(name)
+          const isSelfClosing = node.startTag.selfClosing
+          const hasEndTag = node.endTag != null
 
-        const name = node.name
-        const isVoid = utils.isHtmlVoidElementName(name)
-        const isSelfClosing = node.startTag.selfClosing
-        const hasEndTag = node.endTag != null
-
-        if (!isVoid && !hasEndTag && !isSelfClosing) {
-          context.report({
-            node: node.startTag,
-            loc: node.startTag.loc,
-            message: "'<{{name}}>' should have end tag.",
-            data: { name },
-            fix: (fixer) => fixer.insertTextAfter(node, `</${name}>`)
-          })
+          if (!isVoid && !hasEndTag && !isSelfClosing) {
+            context.report({
+              node: node.startTag,
+              loc: node.startTag.loc,
+              message: "'<{{name}}>' should have end tag.",
+              data: { name },
+              fix: (fixer) => fixer.insertTextAfter(node, `</${name}>`)
+            })
+          }
+        }
+      },
+      {
+        Program(node) {
+          hasInvalidEOF = utils.hasInvalidEOF(node)
         }
       }
-    }, {
-      Program (node) {
-        hasInvalidEOF = utils.hasInvalidEOF(node)
-      }
-    })
+    )
   }
 }
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index b8d6b2e7d..d62f6f3a5 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -17,11 +17,13 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 module.exports = {
-  create (context) {
+  create(context) {
     const tokenStore =
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
-    const visitor = indentCommon.defineVisitor(context, tokenStore, { baseIndent: 1 })
+    const visitor = indentCommon.defineVisitor(context, tokenStore, {
+      baseIndent: 1
+    })
 
     return utils.defineTemplateBodyVisitor(context, visitor)
   },
@@ -35,26 +37,23 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [
-          { type: 'integer', minimum: 1 },
-          { enum: ['tab'] }
-        ]
+        anyOf: [{ type: 'integer', minimum: 1 }, { enum: ['tab'] }]
       },
       {
         type: 'object',
         properties: {
-          'attribute': { type: 'integer', minimum: 0 },
-          'baseIndent': { type: 'integer', minimum: 0 },
-          'closeBracket': { type: 'integer', minimum: 0 },
-          'switchCase': { type: 'integer', minimum: 0 },
-          'alignAttributesVertically': { type: 'boolean' },
-          'ignores': {
+          attribute: { type: 'integer', minimum: 0 },
+          baseIndent: { type: 'integer', minimum: 0 },
+          closeBracket: { type: 'integer', minimum: 0 },
+          switchCase: { type: 'integer', minimum: 0 },
+          alignAttributesVertically: { type: 'boolean' },
+          ignores: {
             type: 'array',
             items: {
               allOf: [
                 { type: 'string' },
-                { not: { type: 'string', pattern: ':exit$' }},
-                { not: { type: 'string', pattern: '^\\s*$' }}
+                { not: { type: 'string', pattern: ':exit$' } },
+                { not: { type: 'string', pattern: '^\\s*$' } }
               ]
             },
             uniqueItems: true,
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index 6740a5590..05bb272d5 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -38,62 +38,69 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     const double = context.options[0] !== 'single'
-    const avoidEscape = context.options[1] && context.options[1].avoidEscape === true
+    const avoidEscape =
+      context.options[1] && context.options[1].avoidEscape === true
     const quoteChar = double ? '"' : "'"
     const quoteName = double ? 'double quotes' : 'single quotes'
     let hasInvalidEOF
 
-    return utils.defineTemplateBodyVisitor(context, {
-      'VAttribute[value!=null]' (node) {
-        if (hasInvalidEOF) {
-          return
-        }
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        'VAttribute[value!=null]'(node) {
+          if (hasInvalidEOF) {
+            return
+          }
 
-        const text = sourceCode.getText(node.value)
-        const firstChar = text[0]
+          const text = sourceCode.getText(node.value)
+          const firstChar = text[0]
 
-        if (firstChar !== quoteChar) {
-          const quoted = (firstChar === "'" || firstChar === '"')
-          if (avoidEscape && quoted) {
-            const contentText = text.slice(1, -1)
-            if (contentText.includes(quoteChar)) {
-              return
+          if (firstChar !== quoteChar) {
+            const quoted = firstChar === "'" || firstChar === '"'
+            if (avoidEscape && quoted) {
+              const contentText = text.slice(1, -1)
+              if (contentText.includes(quoteChar)) {
+                return
+              }
             }
-          }
 
-          context.report({
-            node: node.value,
-            loc: node.value.loc,
-            message: 'Expected to be enclosed by {{kind}}.',
-            data: { kind: quoteName },
-            fix (fixer) {
-              const contentText = quoted ? text.slice(1, -1) : text
+            context.report({
+              node: node.value,
+              loc: node.value.loc,
+              message: 'Expected to be enclosed by {{kind}}.',
+              data: { kind: quoteName },
+              fix(fixer) {
+                const contentText = quoted ? text.slice(1, -1) : text
 
-              const fixToDouble = avoidEscape && !quoted && contentText.includes(quoteChar)
-                ? (
-                  double
-                    ? contentText.includes("'")
-                    : !contentText.includes('"')
-                )
-                : double
+                const fixToDouble =
+                  avoidEscape && !quoted && contentText.includes(quoteChar)
+                    ? double
+                      ? contentText.includes("'")
+                      : !contentText.includes('"')
+                    : double
 
-              const quotePattern = fixToDouble ? /"/g : /'/g
-              const quoteEscaped = fixToDouble ? '&quot;' : '&apos;'
-              const fixQuoteChar = fixToDouble ? '"' : "'"
+                const quotePattern = fixToDouble ? /"/g : /'/g
+                const quoteEscaped = fixToDouble ? '&quot;' : '&apos;'
+                const fixQuoteChar = fixToDouble ? '"' : "'"
 
-              const replacement = fixQuoteChar + contentText.replace(quotePattern, quoteEscaped) + fixQuoteChar
-              return fixer.replaceText(node.value, replacement)
-            }
-          })
+                const replacement =
+                  fixQuoteChar +
+                  contentText.replace(quotePattern, quoteEscaped) +
+                  fixQuoteChar
+                return fixer.replaceText(node.value, replacement)
+              }
+            })
+          }
+        }
+      },
+      {
+        Program(node) {
+          hasInvalidEOF = utils.hasInvalidEOF(node)
         }
       }
-    }, {
-      Program (node) {
-        hasInvalidEOF = utils.hasInvalidEOF(node)
-      }
-    })
+    )
   }
 }
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index b64c86ca1..f2fa0b277 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -31,11 +31,14 @@ const ELEMENT_TYPE = Object.freeze({
  * @param {Object|undefined} options The raw options object.
  * @returns {Object} Normalized options.
  */
-function parseOptions (options) {
+function parseOptions(options) {
   return {
-    [ELEMENT_TYPE.NORMAL]: (options && options.html && options.html.normal) || 'always',
-    [ELEMENT_TYPE.VOID]: (options && options.html && options.html.void) || 'never',
-    [ELEMENT_TYPE.COMPONENT]: (options && options.html && options.html.component) || 'always',
+    [ELEMENT_TYPE.NORMAL]:
+      (options && options.html && options.html.normal) || 'always',
+    [ELEMENT_TYPE.VOID]:
+      (options && options.html && options.html.void) || 'never',
+    [ELEMENT_TYPE.COMPONENT]:
+      (options && options.html && options.html.component) || 'always',
     [ELEMENT_TYPE.SVG]: (options && options.svg) || 'always',
     [ELEMENT_TYPE.MATH]: (options && options.math) || 'always'
   }
@@ -46,7 +49,7 @@ function parseOptions (options) {
  * @param {VElement} node The element node to get.
  * @returns {string} The elementType of the element.
  */
-function getElementType (node) {
+function getElementType(node) {
   if (utils.isCustomComponent(node)) {
     return ELEMENT_TYPE.COMPONENT
   }
@@ -72,9 +75,9 @@ function getElementType (node) {
  * @param {SourceCode} sourceCode The source code object of the current context.
  * @returns {boolean} `true` if the element is empty.
  */
-function isEmpty (node, sourceCode) {
+function isEmpty(node, sourceCode) {
   const start = node.startTag.range[1]
-  const end = (node.endTag != null) ? node.endTag.range[0] : node.range[1]
+  const end = node.endTag != null ? node.endTag.range[0] : node.range[1]
 
   return sourceCode.text.slice(start, end).trim() === ''
 }
@@ -99,86 +102,106 @@ module.exports = {
         }
       },
       type: 'array',
-      items: [{
-        type: 'object',
-        properties: {
-          html: {
-            type: 'object',
-            properties: {
-              normal: { $ref: '#/definitions/optionValue' },
-              void: { $ref: '#/definitions/optionValue' },
-              component: { $ref: '#/definitions/optionValue' }
+      items: [
+        {
+          type: 'object',
+          properties: {
+            html: {
+              type: 'object',
+              properties: {
+                normal: { $ref: '#/definitions/optionValue' },
+                void: { $ref: '#/definitions/optionValue' },
+                component: { $ref: '#/definitions/optionValue' }
+              },
+              additionalProperties: false
             },
-            additionalProperties: false
+            svg: { $ref: '#/definitions/optionValue' },
+            math: { $ref: '#/definitions/optionValue' }
           },
-          svg: { $ref: '#/definitions/optionValue' },
-          math: { $ref: '#/definitions/optionValue' }
-        },
-        additionalProperties: false
-      }],
+          additionalProperties: false
+        }
+      ],
       maxItems: 1
     }
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     const options = parseOptions(context.options[0])
     let hasInvalidEOF = false
 
-    return utils.defineTemplateBodyVisitor(context, {
-      'VElement' (node) {
-        if (hasInvalidEOF) {
-          return
-        }
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          if (hasInvalidEOF) {
+            return
+          }
 
-        const elementType = getElementType(node)
-        const mode = options[elementType]
+          const elementType = getElementType(node)
+          const mode = options[elementType]
 
-        if (mode === 'always' && !node.startTag.selfClosing && isEmpty(node, sourceCode)) {
-          context.report({
-            node,
-            loc: node.loc,
-            message: 'Require self-closing on {{elementType}} (<{{name}}>).',
-            data: { elementType, name: node.rawName },
-            fix: (fixer) => {
-              const tokens = context.parserServices.getTemplateBodyTokenStore()
-              const close = tokens.getLastToken(node.startTag)
-              if (close.type !== 'HTMLTagClose') {
-                return null
+          if (
+            mode === 'always' &&
+            !node.startTag.selfClosing &&
+            isEmpty(node, sourceCode)
+          ) {
+            context.report({
+              node,
+              loc: node.loc,
+              message: 'Require self-closing on {{elementType}} (<{{name}}>).',
+              data: { elementType, name: node.rawName },
+              fix: (fixer) => {
+                const tokens = context.parserServices.getTemplateBodyTokenStore()
+                const close = tokens.getLastToken(node.startTag)
+                if (close.type !== 'HTMLTagClose') {
+                  return null
+                }
+                return fixer.replaceTextRange(
+                  [close.range[0], node.range[1]],
+                  '/>'
+                )
               }
-              return fixer.replaceTextRange([close.range[0], node.range[1]], '/>')
-            }
-          })
-        }
+            })
+          }
 
-        if (mode === 'never' && node.startTag.selfClosing) {
-          context.report({
-            node,
-            loc: node.loc,
-            message: 'Disallow self-closing on {{elementType}} (<{{name}}/>).',
-            data: { elementType, name: node.rawName },
-            fix: (fixer) => {
-              const tokens = context.parserServices.getTemplateBodyTokenStore()
-              const close = tokens.getLastToken(node.startTag)
-              if (close.type !== 'HTMLSelfClosingTagClose') {
-                return null
-              }
-              if (elementType === ELEMENT_TYPE.VOID) {
-                return fixer.replaceText(close, '>')
+          if (mode === 'never' && node.startTag.selfClosing) {
+            context.report({
+              node,
+              loc: node.loc,
+              message:
+                'Disallow self-closing on {{elementType}} (<{{name}}/>).',
+              data: { elementType, name: node.rawName },
+              fix: (fixer) => {
+                const tokens = context.parserServices.getTemplateBodyTokenStore()
+                const close = tokens.getLastToken(node.startTag)
+                if (close.type !== 'HTMLSelfClosingTagClose') {
+                  return null
+                }
+                if (elementType === ELEMENT_TYPE.VOID) {
+                  return fixer.replaceText(close, '>')
+                }
+                // If only `close` is targeted for replacement, it conflicts with `component-name-in-template-casing`,
+                // so replace the entire element.
+                // return fixer.replaceText(close, `></${node.rawName}>`)
+                const elementPart = sourceCode.text.slice(
+                  node.range[0],
+                  close.range[0]
+                )
+                return fixer.replaceText(
+                  node,
+                  `${elementPart}></${node.rawName}>`
+                )
               }
-              // If only `close` is targeted for replacement, it conflicts with `component-name-in-template-casing`,
-              // so replace the entire element.
-              // return fixer.replaceText(close, `></${node.rawName}>`)
-              const elementPart = sourceCode.text.slice(node.range[0], close.range[0])
-              return fixer.replaceText(node, elementPart + `></${node.rawName}>`)
-            }
-          })
+            })
+          }
+        }
+      },
+      {
+        Program(node) {
+          hasInvalidEOF = utils.hasInvalidEOF(node)
         }
       }
-    }, {
-      Program (node) {
-        hasInvalidEOF = utils.hasInvalidEOF(node)
-      }
-    })
+    )
   }
 }
diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index b5abaf702..2d335dde1 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -45,9 +45,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return {
-      JSXOpeningElement (node) {
+      JSXOpeningElement(node) {
         let name
         if (node.name.name) {
           // <Foo>
diff --git a/lib/rules/key-spacing.js b/lib/rules/key-spacing.js
index f594086a9..27e624517 100644
--- a/lib/rules/key-spacing.js
+++ b/lib/rules/key-spacing.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/key-spacing'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/key-spacing'), {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/keyword-spacing.js b/lib/rules/keyword-spacing.js
index 6a340bb2a..0b0da6277 100644
--- a/lib/rules/keyword-spacing.js
+++ b/lib/rules/keyword-spacing.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/keyword-spacing'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/keyword-spacing'), {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index b5261825e..45d603727 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -46,11 +46,13 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0]
     const shouldMatchCase = (options && options.shouldMatchCase) || false
     const extensionsArray = options && options.extensions
-    const allowedExtensions = Array.isArray(extensionsArray) ? extensionsArray : ['jsx']
+    const allowedExtensions = Array.isArray(extensionsArray)
+      ? extensionsArray
+      : ['jsx']
 
     const extension = path.extname(context.getFilename())
     const filename = path.basename(context.getFilename(), extension)
@@ -66,15 +68,18 @@ module.exports = {
     // Private
     // ----------------------------------------------------------------------
 
-    function compareNames (name, filename) {
+    function compareNames(name, filename) {
       if (shouldMatchCase) {
         return name === filename
       }
 
-      return casing.pascalCase(name) === filename || casing.kebabCase(name) === filename
+      return (
+        casing.pascalCase(name) === filename ||
+        casing.kebabCase(name) === filename
+      )
     }
 
-    function verifyName (node) {
+    function verifyName(node) {
       let name
       if (node.type === 'TemplateLiteral') {
         const quasis = node.quasis[0]
@@ -85,22 +90,25 @@ module.exports = {
 
       if (!compareNames(name, filename)) {
         errors.push({
-          node: node,
-          message: 'Component name `{{name}}` should match file name `{{filename}}`.',
+          node,
+          message:
+            'Component name `{{name}}` should match file name `{{filename}}`.',
           data: { filename, name }
         })
       }
     }
 
-    function canVerify (node) {
-      return node.type === 'Literal' || (
-        node.type === 'TemplateLiteral' &&
-        node.expressions.length === 0 &&
-        node.quasis.length === 1
+    function canVerify(node) {
+      return (
+        node.type === 'Literal' ||
+        (node.type === 'TemplateLiteral' &&
+          node.expressions.length === 0 &&
+          node.quasis.length === 1)
       )
     }
 
-    return Object.assign({},
+    return Object.assign(
+      {},
       utils.executeOnCallVueComponent(context, (node) => {
         if (node.arguments.length === 2) {
           const argument = node.arguments[0]
@@ -111,12 +119,12 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (object) => {
-        const node = object.properties
-          .find(item => (
+        const node = object.properties.find(
+          (item) =>
             item.type === 'Property' &&
             item.key.name === 'name' &&
             canVerify(item.value)
-          ))
+        )
 
         componentCount++
 
@@ -124,7 +132,7 @@ module.exports = {
         verifyName(node.value)
       }),
       {
-        'Program:exit' () {
+        'Program:exit'() {
           if (componentCount > 1) return
 
           errors.forEach((error) => context.report(error))
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index 2b15523aa..29b6a4e6b 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -66,32 +66,40 @@ module.exports = {
     ]
   },
 
-  create: function (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     const configuration = parseOptions(context.options[0])
     const multilineMaximum = configuration.multiline
     const singlelinemMaximum = configuration.singleline
     const canHaveFirstLine = configuration.allowFirstLine
-    const template = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+    const template =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VStartTag' (node) {
+      VStartTag(node) {
         const numberOfAttributes = node.attributes.length
 
         if (!numberOfAttributes) return
 
-        if (utils.isSingleLine(node) && numberOfAttributes > singlelinemMaximum) {
+        if (
+          utils.isSingleLine(node) &&
+          numberOfAttributes > singlelinemMaximum
+        ) {
           showErrors(node.attributes.slice(singlelinemMaximum))
         }
 
         if (!utils.isSingleLine(node)) {
-          if (!canHaveFirstLine && node.attributes[0].loc.start.line === node.loc.start.line) {
+          if (
+            !canHaveFirstLine &&
+            node.attributes[0].loc.start.line === node.loc.start.line
+          ) {
             showErrors([node.attributes[0]])
           }
 
           groupAttrsByLine(node.attributes)
-            .filter(attrs => attrs.length > multilineMaximum)
-            .forEach(attrs => showErrors(attrs.splice(multilineMaximum)))
+            .filter((attrs) => attrs.length > multilineMaximum)
+            .forEach((attrs) => showErrors(attrs.splice(multilineMaximum)))
         }
       }
     })
@@ -99,7 +107,7 @@ module.exports = {
     // ----------------------------------------------------------------------
     // Helpers
     // ----------------------------------------------------------------------
-    function parseOptions (options) {
+    function parseOptions(options) {
       const defaults = {
         singleline: 1,
         multiline: 1,
@@ -131,7 +139,7 @@ module.exports = {
       return defaults
     }
 
-    function showErrors (attributes) {
+    function showErrors(attributes) {
       attributes.forEach((prop, i) => {
         const fix = (fixer) => {
           if (i !== 0) return null
@@ -150,14 +158,14 @@ module.exports = {
         context.report({
           node: prop,
           loc: prop.loc,
-          message: '\'{{name}}\' should be on a new line.',
+          message: "'{{name}}' should be on a new line.",
           data: { name: sourceCode.getText(prop.key) },
           fix
         })
       })
     }
 
-    function groupAttrsByLine (attributes) {
+    function groupAttrsByLine(attributes) {
       const propsPerLine = [[attributes[0]]]
 
       attributes.reduce((previous, current) => {
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 83bb80910..5e8998233 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -86,7 +86,7 @@ const OPTIONS_OR_INTEGER_SCHEMA = {
  * @returns {int} The computed line length.
  * @private
  */
-function computeLineLength (line, tabWidth) {
+function computeLineLength(line, tabWidth) {
   let extraCharacterCount = 0
 
   line.replace(/\t/gu, (match, offset) => {
@@ -107,10 +107,14 @@ function computeLineLength (line, tabWidth) {
  * @param {ASTNode} comment The comment to inspect
  * @returns {boolean} If the comment is trailing on the given line
  */
-function isTrailingComment (line, lineNumber, comment) {
-  return comment &&
-              (comment.loc.start.line === lineNumber && lineNumber <= comment.loc.end.line) &&
-              (comment.loc.end.line > lineNumber || comment.loc.end.column === line.length)
+function isTrailingComment(line, lineNumber, comment) {
+  return (
+    comment &&
+    comment.loc.start.line === lineNumber &&
+    lineNumber <= comment.loc.end.line &&
+    (comment.loc.end.line > lineNumber ||
+      comment.loc.end.column === line.length)
+  )
 }
 
 /**
@@ -120,14 +124,18 @@ function isTrailingComment (line, lineNumber, comment) {
  * @param {ASTNode} comment The comment to remove
  * @returns {boolean} If the comment covers the entire line
  */
-function isFullLineComment (line, lineNumber, comment) {
+function isFullLineComment(line, lineNumber, comment) {
   const start = comment.loc.start
   const end = comment.loc.end
   const isFirstTokenOnLine = !line.slice(0, comment.loc.start.column).trim()
 
-  return comment &&
-              (start.line < lineNumber || (start.line === lineNumber && isFirstTokenOnLine)) &&
-              (end.line > lineNumber || (end.line === lineNumber && end.column === line.length))
+  return (
+    comment &&
+    (start.line < lineNumber ||
+      (start.line === lineNumber && isFirstTokenOnLine)) &&
+    (end.line > lineNumber ||
+      (end.line === lineNumber && end.column === line.length))
+  )
 }
 
 /**
@@ -137,7 +145,7 @@ function isFullLineComment (line, lineNumber, comment) {
  * @param {ASTNode} comment The comment to remove
  * @returns {string} Line without comment and trailing whitepace
  */
-function stripTrailingComment (line, comment) {
+function stripTrailingComment(line, comment) {
   // loc.column is zero-indexed
   return line.slice(0, comment.loc.start.column).replace(/\s+$/u, '')
 }
@@ -151,7 +159,7 @@ function stripTrailingComment (line, comment) {
  * @returns {void}
  * @private
  */
-function ensureArrayAndPush (object, key, value) {
+function ensureArrayAndPush(object, key, value) {
   if (!Array.isArray(object[key])) {
     object[key] = []
   }
@@ -166,7 +174,7 @@ function ensureArrayAndPush (object, key, value) {
  * @returns {Object} the modified accumulator
  * @private
  */
-function groupByLineNumber (acc, node) {
+function groupByLineNumber(acc, node) {
   for (let i = node.loc.start.line; i <= node.loc.end.line; ++i) {
     ensureArrayAndPush(acc, i, node)
   }
@@ -193,12 +201,14 @@ module.exports = {
       OPTIONS_SCHEMA
     ],
     messages: {
-      max: 'This line has a length of {{lineLength}}. Maximum allowed is {{maxLength}}.',
-      maxComment: 'This line has a comment length of {{lineLength}}. Maximum allowed is {{maxCommentLength}}.'
+      max:
+        'This line has a length of {{lineLength}}. Maximum allowed is {{maxLength}}.',
+      maxComment:
+        'This line has a comment length of {{lineLength}}. Maximum allowed is {{maxCommentLength}}.'
     }
   },
 
-  create (context) {
+  create(context) {
     /*
      * Inspired by http://tools.ietf.org/html/rfc3986#appendix-B, however:
      * - They're matching an entire string that we know is a URI
@@ -215,7 +225,10 @@ module.exports = {
     const htmlAttributeValues = []
 
     // The options object must be the last option specified…
-    const options = Object.assign({}, context.options[context.options.length - 1])
+    const options = Object.assign(
+      {},
+      context.options[context.options.length - 1]
+    )
 
     // …but max code length…
     if (typeof context.options[0] === 'number') {
@@ -228,13 +241,15 @@ module.exports = {
     }
 
     const scriptMaxLength = typeof options.code === 'number' ? options.code : 80
-    const tabWidth = typeof options.tabWidth === 'number' ? options.tabWidth : 2// default value of `vue/html-indent`
-    const templateMaxLength = typeof options.template === 'number' ? options.template : scriptMaxLength
+    const tabWidth = typeof options.tabWidth === 'number' ? options.tabWidth : 2 // default value of `vue/html-indent`
+    const templateMaxLength =
+      typeof options.template === 'number' ? options.template : scriptMaxLength
     const ignoreComments = !!options.ignoreComments
     const ignoreStrings = !!options.ignoreStrings
     const ignoreTemplateLiterals = !!options.ignoreTemplateLiterals
     const ignoreRegExpLiterals = !!options.ignoreRegExpLiterals
-    const ignoreTrailingComments = !!options.ignoreTrailingComments || !!options.ignoreComments
+    const ignoreTrailingComments =
+      !!options.ignoreTrailingComments || !!options.ignoreComments
     const ignoreUrls = !!options.ignoreUrls
     const ignoreHTMLAttributeValues = !!options.ignoreHTMLAttributeValues
     const ignoreHTMLTextContents = !!options.ignoreHTMLTextContents
@@ -254,9 +269,14 @@ module.exports = {
      *
      * @returns {ASTNode[]} An array of string nodes.
      */
-    function getAllStrings () {
-      return tokens.filter(token => (token.type === 'String' ||
-              (token.type === 'JSXText' && sourceCode.getNodeByRangeIndex(token.range[0] - 1).type === 'JSXAttribute')))
+    function getAllStrings() {
+      return tokens.filter(
+        (token) =>
+          token.type === 'String' ||
+          (token.type === 'JSXText' &&
+            sourceCode.getNodeByRangeIndex(token.range[0] - 1).type ===
+              'JSXAttribute')
+      )
     }
 
     /**
@@ -264,8 +284,8 @@ module.exports = {
      *
      * @returns {ASTNode[]} An array of template literal nodes.
      */
-    function getAllTemplateLiterals () {
-      return tokens.filter(token => token.type === 'Template')
+    function getAllTemplateLiterals() {
+      return tokens.filter((token) => token.type === 'Template')
     }
 
     /**
@@ -273,8 +293,8 @@ module.exports = {
      *
      * @returns {ASTNode[]} An array of RegExp literal nodes.
      */
-    function getAllRegExpLiterals () {
-      return tokens.filter(token => token.type === 'RegularExpression')
+    function getAllRegExpLiterals() {
+      return tokens.filter((token) => token.type === 'RegularExpression')
     }
 
     /**
@@ -282,8 +302,8 @@ module.exports = {
      *
      * @returns {ASTNode[]} An array of HTML text nodes.
      */
-    function getAllHTMLTextContents () {
-      return tokens.filter(token => token.type === 'HTMLText')
+    function getAllHTMLTextContents() {
+      return tokens.filter((token) => token.type === 'HTMLText')
     }
 
     /**
@@ -292,7 +312,7 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function checkProgramForMaxLength (node) {
+    function checkProgramForMaxLength(node) {
       const programNode = node
       const templateBody = node.templateBody
 
@@ -303,7 +323,9 @@ module.exports = {
       if (context.parserServices.getTemplateBodyTokenStore && templateBody) {
         const tokenStore = context.parserServices.getTemplateBodyTokenStore()
 
-        const templateTokens = tokenStore.getTokens(templateBody, { includeComments: true })
+        const templateTokens = tokenStore.getTokens(templateBody, {
+          includeComments: true
+        })
 
         if (templateBody.range[0] < programNode.range[0]) {
           tokens.push(...templateTokens, ...scriptTokens)
@@ -331,8 +353,14 @@ module.exports = {
       if (scriptTokens.length) {
         if (scriptComments.length) {
           scriptLinesRange = [
-            Math.min(scriptTokens[0].loc.start.line, scriptComments[0].loc.start.line),
-            Math.max(scriptTokens[scriptTokens.length - 1].loc.end.line, scriptComments[scriptComments.length - 1].loc.end.line)
+            Math.min(
+              scriptTokens[0].loc.start.line,
+              scriptComments[0].loc.start.line
+            ),
+            Math.max(
+              scriptTokens[scriptTokens.length - 1].loc.end.line,
+              scriptComments[scriptComments.length - 1].loc.end.line
+            )
           ]
         } else {
           scriptLinesRange = [
@@ -346,7 +374,10 @@ module.exports = {
           scriptComments[scriptComments.length - 1].loc.end.line
         ]
       }
-      const templateLinesRange = templateBody && [templateBody.loc.start.line, templateBody.loc.end.line]
+      const templateLinesRange = templateBody && [
+        templateBody.loc.start.line,
+        templateBody.loc.end.line
+      ]
 
       // split (honors line-ending)
       const lines = sourceCode.lines
@@ -355,15 +386,24 @@ module.exports = {
       const stringsByLine = strings.reduce(groupByLineNumber, {})
 
       const templateLiterals = getAllTemplateLiterals()
-      const templateLiteralsByLine = templateLiterals.reduce(groupByLineNumber, {})
+      const templateLiteralsByLine = templateLiterals.reduce(
+        groupByLineNumber,
+        {}
+      )
 
       const regExpLiterals = getAllRegExpLiterals()
       const regExpLiteralsByLine = regExpLiterals.reduce(groupByLineNumber, {})
 
-      const htmlAttributeValuesByLine = htmlAttributeValues.reduce(groupByLineNumber, {})
+      const htmlAttributeValuesByLine = htmlAttributeValues.reduce(
+        groupByLineNumber,
+        {}
+      )
 
       const htmlTextContents = getAllHTMLTextContents()
-      const htmlTextContentsByLine = htmlTextContents.reduce(groupByLineNumber, {})
+      const htmlTextContentsByLine = htmlTextContents.reduce(
+        groupByLineNumber,
+        {}
+      )
 
       const commentsByLine = comments.reduce(groupByLineNumber, {})
 
@@ -371,16 +411,23 @@ module.exports = {
         // i is zero-indexed, line numbers are one-indexed
         const lineNumber = i + 1
 
-        const inScript = (scriptLinesRange && scriptLinesRange[0] <= lineNumber && lineNumber <= scriptLinesRange[1])
-        const inTemplate = (templateLinesRange && templateLinesRange[0] <= lineNumber && lineNumber <= templateLinesRange[1])
+        const inScript =
+          scriptLinesRange &&
+          scriptLinesRange[0] <= lineNumber &&
+          lineNumber <= scriptLinesRange[1]
+        const inTemplate =
+          templateLinesRange &&
+          templateLinesRange[0] <= lineNumber &&
+          lineNumber <= templateLinesRange[1]
         // check if line is inside a script or template.
         if (!inScript && !inTemplate) {
           // out of range.
           return
         }
-        const maxLength = inScript && inTemplate
-          ? Math.max(scriptMaxLength, templateMaxLength)
-          : inScript
+        const maxLength =
+          inScript && inTemplate
+            ? Math.max(scriptMaxLength, templateMaxLength)
+            : inScript
             ? scriptMaxLength
             : templateMaxLength
 
@@ -388,7 +435,8 @@ module.exports = {
           (ignoreStrings && stringsByLine[lineNumber]) ||
           (ignoreTemplateLiterals && templateLiteralsByLine[lineNumber]) ||
           (ignoreRegExpLiterals && regExpLiteralsByLine[lineNumber]) ||
-          (ignoreHTMLAttributeValues && htmlAttributeValuesByLine[lineNumber]) ||
+          (ignoreHTMLAttributeValues &&
+            htmlAttributeValuesByLine[lineNumber]) ||
           (ignoreHTMLTextContents && htmlTextContentsByLine[lineNumber])
         ) {
           // ignore this line
@@ -413,7 +461,10 @@ module.exports = {
           if (isFullLineComment(line, lineNumber, comment)) {
             lineIsComment = true
             textToMeasure = line
-          } else if (ignoreTrailingComments && isTrailingComment(line, lineNumber, comment)) {
+          } else if (
+            ignoreTrailingComments &&
+            isTrailingComment(line, lineNumber, comment)
+          ) {
             textToMeasure = stripTrailingComment(line, comment)
 
             // ignore multiple trailing comments in the same line
@@ -429,8 +480,10 @@ module.exports = {
           textToMeasure = line
         }
 
-        if ((ignorePattern && ignorePattern.test(textToMeasure)) ||
-            (ignoreUrls && URL_REGEXP.test(textToMeasure))) {
+        if (
+          (ignorePattern && ignorePattern.test(textToMeasure)) ||
+          (ignoreUrls && URL_REGEXP.test(textToMeasure))
+        ) {
           // ignore this line
           return
         }
@@ -472,23 +525,19 @@ module.exports = {
     // Public API
     // --------------------------------------------------------------------------
 
-    const bodyVisitor = utils.defineTemplateBodyVisitor(context,
-      {
-        'VAttribute[directive=false] > VLiteral' (node) {
-          htmlAttributeValues.push(node)
-        }
+    const bodyVisitor = utils.defineTemplateBodyVisitor(context, {
+      'VAttribute[directive=false] > VLiteral'(node) {
+        htmlAttributeValues.push(node)
       }
-    )
+    })
 
-    return Object.assign({}, bodyVisitor,
-      {
-        'Program:exit' (node) {
-          if (bodyVisitor['Program:exit']) {
-            bodyVisitor['Program:exit'](node)
-          }
-          checkProgramForMaxLength(node)
+    return Object.assign({}, bodyVisitor, {
+      'Program:exit'(node) {
+        if (bodyVisitor['Program:exit']) {
+          bodyVisitor['Program:exit'](node)
         }
+        checkProgramForMaxLength(node)
       }
-    )
+    })
   }
 }
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index f4a0bb447..b2332ae5d 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -16,22 +16,27 @@ const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 // Helpers
 // ------------------------------------------------------------------------------
 
-function isMultilineElement (element) {
+function isMultilineElement(element) {
   return element.loc.start.line < element.endTag.loc.start.line
 }
 
-function parseOptions (options) {
-  return Object.assign({
-    ignores: ['pre', 'textarea'].concat(INLINE_ELEMENTS),
-    ignoreWhenEmpty: true,
-    allowEmptyLines: false
-  }, options)
+function parseOptions(options) {
+  return Object.assign(
+    {
+      ignores: ['pre', 'textarea'].concat(INLINE_ELEMENTS),
+      ignoreWhenEmpty: true,
+      allowEmptyLines: false
+    },
+    options
+  )
 }
 
-function getPhrase (lineBreaks) {
+function getPhrase(lineBreaks) {
   switch (lineBreaks) {
-    case 0: return 'no'
-    default: return `${lineBreaks}`
+    case 0:
+      return 'no'
+    default:
+      return `${lineBreaks}`
   }
 }
 /**
@@ -41,7 +46,7 @@ function getPhrase (lineBreaks) {
  * @param {SourceCode} sourceCode The source code object of the current context.
  * @returns {boolean} `true` if the element is empty.
  */
-function isEmpty (node, sourceCode) {
+function isEmpty(node, sourceCode) {
   const start = node.startTag.range[1]
   const end = node.endTag.range[0]
   return sourceCode.text.slice(start, end).trim() === ''
@@ -55,52 +60,62 @@ module.exports = {
   meta: {
     type: 'layout',
     docs: {
-      description: 'require a line break before and after the contents of a multiline element',
+      description:
+        'require a line break before and after the contents of a multiline element',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html'
+      url:
+        'https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
-    schema: [{
-      type: 'object',
-      properties: {
-        ignoreWhenEmpty: {
-          type: 'boolean'
-        },
-        ignores: {
-          type: 'array',
-          items: { type: 'string' },
-          uniqueItems: true,
-          additionalItems: false
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreWhenEmpty: {
+            type: 'boolean'
+          },
+          ignores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          },
+          allowEmptyLines: {
+            type: 'boolean'
+          }
         },
-        allowEmptyLines: {
-          type: 'boolean'
-        }
-      },
-      additionalProperties: false
-    }],
+        additionalProperties: false
+      }
+    ],
     messages: {
-      unexpectedAfterClosingBracket: 'Expected 1 line break after opening tag (`<{{name}}>`), but {{actual}} line breaks found.',
-      unexpectedBeforeOpeningBracket: 'Expected 1 line break before closing tag (`</{{name}}>`), but {{actual}} line breaks found.'
+      unexpectedAfterClosingBracket:
+        'Expected 1 line break after opening tag (`<{{name}}>`), but {{actual}} line breaks found.',
+      unexpectedBeforeOpeningBracket:
+        'Expected 1 line break before closing tag (`</{{name}}>`), but {{actual}} line breaks found.'
     }
   },
 
-  create (context) {
+  create(context) {
     const options = parseOptions(context.options[0])
     const ignores = options.ignores
     const ignoreWhenEmpty = options.ignoreWhenEmpty
     const allowEmptyLines = options.allowEmptyLines
-    const template = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+    const template =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
     const sourceCode = context.getSourceCode()
 
     let inIgnoreElement
 
-    function isIgnoredElement (node) {
-      return ignores.includes(node.name) ||
+    function isIgnoredElement(node) {
+      return (
+        ignores.includes(node.name) ||
         ignores.includes(casing.pascalCase(node.rawName)) ||
         ignores.includes(casing.kebabCase(node.rawName))
+      )
     }
 
-    function isInvalidLineBreaks (lineBreaks) {
+    function isInvalidLineBreaks(lineBreaks) {
       if (allowEmptyLines) {
         return lineBreaks === 0
       } else {
@@ -109,7 +124,7 @@ module.exports = {
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VElement' (node) {
+      VElement(node) {
         if (inIgnoreElement) {
           return
         }
@@ -127,20 +142,32 @@ module.exports = {
           return
         }
 
-        const getTokenOption = { includeComments: true, filter: (token) => token.type !== 'HTMLWhitespace' }
+        const getTokenOption = {
+          includeComments: true,
+          filter: (token) => token.type !== 'HTMLWhitespace'
+        }
         if (
           ignoreWhenEmpty &&
           node.children.length === 0 &&
-          template.getFirstTokensBetween(node.startTag, node.endTag, getTokenOption).length === 0
+          template.getFirstTokensBetween(
+            node.startTag,
+            node.endTag,
+            getTokenOption
+          ).length === 0
         ) {
           return
         }
 
-        const contentFirst = template.getTokenAfter(node.startTag, getTokenOption)
+        const contentFirst = template.getTokenAfter(
+          node.startTag,
+          getTokenOption
+        )
         const contentLast = template.getTokenBefore(node.endTag, getTokenOption)
 
-        const beforeLineBreaks = contentFirst.loc.start.line - node.startTag.loc.end.line
-        const afterLineBreaks = node.endTag.loc.start.line - contentLast.loc.end.line
+        const beforeLineBreaks =
+          contentFirst.loc.start.line - node.startTag.loc.end.line
+        const afterLineBreaks =
+          node.endTag.loc.start.line - contentLast.loc.end.line
         if (isInvalidLineBreaks(beforeLineBreaks)) {
           context.report({
             node: template.getLastToken(node.startTag),
@@ -153,7 +180,7 @@ module.exports = {
               name: node.rawName,
               actual: getPhrase(beforeLineBreaks)
             },
-            fix (fixer) {
+            fix(fixer) {
               const range = [node.startTag.range[1], contentFirst.range[0]]
               return fixer.replaceTextRange(range, '\n')
             }
@@ -176,14 +203,14 @@ module.exports = {
               name: node.name,
               actual: getPhrase(afterLineBreaks)
             },
-            fix (fixer) {
+            fix(fixer) {
               const range = [contentLast.range[1], node.endTag.range[0]]
               return fixer.replaceTextRange(range, '\n')
             }
           })
         }
       },
-      'VElement:exit' (node) {
+      'VElement:exit'(node) {
         if (inIgnoreElement === node) {
           inIgnoreElement = null
         }
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index 6f7dbf655..83fb7886c 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -30,7 +30,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || 'always'
     const template =
       context.parserServices.getTemplateBodyTokenStore &&
@@ -41,7 +41,7 @@ module.exports = {
     // ----------------------------------------------------------------------
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VExpressionContainer[expression!=null]' (node) {
+      'VExpressionContainer[expression!=null]'(node) {
         const openBrace = template.getFirstToken(node)
         const closeBrace = template.getLastToken(node)
 
@@ -54,8 +54,12 @@ module.exports = {
           return
         }
 
-        const firstToken = template.getTokenAfter(openBrace, { includeComments: true })
-        const lastToken = template.getTokenBefore(closeBrace, { includeComments: true })
+        const firstToken = template.getTokenAfter(openBrace, {
+          includeComments: true
+        })
+        const lastToken = template.getTokenBefore(closeBrace, {
+          includeComments: true
+        })
 
         if (options === 'always') {
           if (openBrace.range[1] === firstToken.range[0]) {
@@ -80,7 +84,8 @@ module.exports = {
                 end: firstToken.loc.start
               },
               message: "Expected no space after '{{', but found.",
-              fix: (fixer) => fixer.removeRange([openBrace.range[1], firstToken.range[0]])
+              fix: (fixer) =>
+                fixer.removeRange([openBrace.range[1], firstToken.range[0]])
             })
           }
           if (closeBrace.range[0] !== lastToken.range[1]) {
@@ -90,7 +95,8 @@ module.exports = {
                 end: closeBrace.loc.end
               },
               message: "Expected no space before '}}', but found.",
-              fix: (fixer) => fixer.removeRange([lastToken.range[1], closeBrace.range[0]])
+              fix: (fixer) =>
+                fixer.removeRange([lastToken.range[1], closeBrace.range[0]])
             })
           }
         }
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index 26ae6bfa7..6e5a52190 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -16,7 +16,8 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce specific casing for the name property in Vue components',
+      description:
+        'enforce specific casing for the name property in Vue components',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/name-property-casing.html',
       replacedBy: ['component-definition-name-casing']
@@ -30,21 +31,22 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0]
-    const caseType = allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
+    const caseType =
+      allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
     return utils.executeOnVue(context, (obj) => {
-      const node = obj.properties
-        .find(item => (
+      const node = obj.properties.find(
+        (item) =>
           item.type === 'Property' &&
           item.key.name === 'name' &&
           item.value.type === 'Literal'
-        ))
+      )
 
       if (!node) return
 
@@ -55,9 +57,13 @@ module.exports = {
           message: 'Property name "{{value}}" is not {{caseType}}.',
           data: {
             value: node.value.value,
-            caseType: caseType
+            caseType
           },
-          fix: fixer => fixer.replaceText(node.value, node.value.raw.replace(node.value.value, value))
+          fix: (fixer) =>
+            fixer.replaceText(
+              node.value,
+              node.value.raw.replace(node.value.value, value)
+            )
         })
       }
     })
diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
index 4df3ec27d..2fce3f87f 100644
--- a/lib/rules/no-arrow-functions-in-watch.js
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -16,9 +16,11 @@ module.exports = {
     fixable: null,
     schema: []
   },
-  create (context) {
+  create(context) {
     return utils.executeOnVue(context, (obj) => {
-      const watchNode = obj.properties.find((property) => utils.getStaticPropertyName(property) === 'watch')
+      const watchNode = obj.properties.find(
+        (property) => utils.getStaticPropertyName(property) === 'watch'
+      )
       if (watchNode == null) {
         return
       }
@@ -27,7 +29,10 @@ module.exports = {
         return
       }
       for (const property of watchValue.properties) {
-        if (property.type === 'Property' && property.value.type === 'ArrowFunctionExpression') {
+        if (
+          property.type === 'Property' &&
+          property.value.type === 'ArrowFunctionExpression'
+        ) {
           context.report({
             node: property,
             message: 'You should not use an arrow function to define a watcher.'
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 96a29350f..34849d1c6 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -6,18 +6,9 @@
 
 const utils = require('../utils')
 
-const PROMISE_FUNCTIONS = [
-  'then',
-  'catch',
-  'finally'
-]
+const PROMISE_FUNCTIONS = ['then', 'catch', 'finally']
 
-const PROMISE_METHODS = [
-  'all',
-  'race',
-  'reject',
-  'resolve'
-]
+const PROMISE_METHODS = ['all', 'race', 'reject', 'resolve']
 
 const TIMED_FUNCTIONS = [
   'setTimeout',
@@ -26,30 +17,32 @@ const TIMED_FUNCTIONS = [
   'requestAnimationFrame'
 ]
 
-function isTimedFunction (node) {
-  return ((
-    node.type === 'CallExpression' &&
-    node.callee.type === 'Identifier' &&
-    TIMED_FUNCTIONS.indexOf(node.callee.name) !== -1
-  ) || (
-    node.type === 'CallExpression' &&
-    node.callee.type === 'MemberExpression' &&
-    node.callee.object.type === 'Identifier' &&
-    node.callee.object.name === 'window' && (
-      TIMED_FUNCTIONS.indexOf(node.callee.property.name) !== -1
-    )
-  )) && node.arguments.length
+function isTimedFunction(node) {
+  return (
+    ((node.type === 'CallExpression' &&
+      node.callee.type === 'Identifier' &&
+      TIMED_FUNCTIONS.indexOf(node.callee.name) !== -1) ||
+      (node.type === 'CallExpression' &&
+        node.callee.type === 'MemberExpression' &&
+        node.callee.object.type === 'Identifier' &&
+        node.callee.object.name === 'window' &&
+        TIMED_FUNCTIONS.indexOf(node.callee.property.name) !== -1)) &&
+    node.arguments.length
+  )
 }
 
-function isPromise (node) {
-  if (node.type === 'CallExpression' && node.callee.type === 'MemberExpression') {
-    return ( // hello.PROMISE_FUNCTION()
-      node.callee.property.type === 'Identifier' &&
-      PROMISE_FUNCTIONS.indexOf(node.callee.property.name) !== -1
-    ) || ( // Promise.PROMISE_METHOD()
-      node.callee.object.type === 'Identifier' &&
-      node.callee.object.name === 'Promise' &&
-      PROMISE_METHODS.indexOf(node.callee.property.name) !== -1
+function isPromise(node) {
+  if (
+    node.type === 'CallExpression' &&
+    node.callee.type === 'MemberExpression'
+  ) {
+    return (
+      // hello.PROMISE_FUNCTION()
+      (node.callee.property.type === 'Identifier' &&
+        PROMISE_FUNCTIONS.indexOf(node.callee.property.name) !== -1) || // Promise.PROMISE_METHOD()
+      (node.callee.object.type === 'Identifier' &&
+        node.callee.object.name === 'Promise' &&
+        PROMISE_METHODS.indexOf(node.callee.property.name) !== -1)
     )
   }
   return false
@@ -71,7 +64,7 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const computedPropertiesMap = new Map()
     let scopeStack = { upper: null, body: null }
 
@@ -83,7 +76,7 @@ module.exports = {
       timed: 'timed function'
     }
 
-    function onFunctionEnter (node, { node: vueNode }) {
+    function onFunctionEnter(node, { node: vueNode }) {
       if (node.async) {
         verify(node, node.body, 'async', computedPropertiesMap.get(vueNode))
       }
@@ -91,12 +84,12 @@ module.exports = {
       scopeStack = { upper: scopeStack, body: node.body }
     }
 
-    function onFunctionExit () {
+    function onFunctionExit() {
       scopeStack = scopeStack.upper
     }
 
-    function verify (node, targetBody, type, computedProperties) {
-      computedProperties.forEach(cp => {
+    function verify(node, targetBody, type, computedProperties) {
+      computedProperties.forEach((cp) => {
         if (
           cp.value &&
           node.loc.start.line >= cp.value.loc.start.line &&
@@ -104,8 +97,9 @@ module.exports = {
           targetBody === cp.value
         ) {
           context.report({
-            node: node,
-            message: 'Unexpected {{expressionName}} in "{{propertyName}}" computed property.',
+            node,
+            message:
+              'Unexpected {{expressionName}} in "{{propertyName}}" computed property.',
             data: {
               expressionName: expressionTypes[type],
               propertyName: cp.key
@@ -115,28 +109,48 @@ module.exports = {
       })
     }
     return utils.defineVueVisitor(context, {
-      onVueObjectEnter (node) {
+      onVueObjectEnter(node) {
         computedPropertiesMap.set(node, utils.getComputedProperties(node))
       },
       ':function': onFunctionEnter,
       ':function:exit': onFunctionExit,
 
-      NewExpression (node, { node: vueNode }) {
+      NewExpression(node, { node: vueNode }) {
         if (node.callee.name === 'Promise') {
-          verify(node, scopeStack.body, 'new', computedPropertiesMap.get(vueNode))
+          verify(
+            node,
+            scopeStack.body,
+            'new',
+            computedPropertiesMap.get(vueNode)
+          )
         }
       },
 
-      CallExpression (node, { node: vueNode }) {
+      CallExpression(node, { node: vueNode }) {
         if (isPromise(node)) {
-          verify(node, scopeStack.body, 'promise', computedPropertiesMap.get(vueNode))
+          verify(
+            node,
+            scopeStack.body,
+            'promise',
+            computedPropertiesMap.get(vueNode)
+          )
         } else if (isTimedFunction(node)) {
-          verify(node, scopeStack.body, 'timed', computedPropertiesMap.get(vueNode))
+          verify(
+            node,
+            scopeStack.body,
+            'timed',
+            computedPropertiesMap.get(vueNode)
+          )
         }
       },
 
-      AwaitExpression (node, { node: vueNode }) {
-        verify(node, scopeStack.body, 'await', computedPropertiesMap.get(vueNode))
+      AwaitExpression(node, { node: vueNode }) {
+        verify(
+          node,
+          scopeStack.body,
+          'await',
+          computedPropertiesMap.get(vueNode)
+        )
       }
     })
   }
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 84125af39..1f1e192df 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -10,7 +10,7 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
-function isBooleanProp (prop) {
+function isBooleanProp(prop) {
   return (
     prop.type === 'Property' &&
     prop.key.type === 'Identifier' &&
@@ -20,17 +20,17 @@ function isBooleanProp (prop) {
   )
 }
 
-function getBooleanProps (props) {
-  return props
-    .filter(prop => (
+function getBooleanProps(props) {
+  return props.filter(
+    (prop) =>
       prop.value &&
       prop.value.properties &&
       prop.value.properties.find(isBooleanProp)
-    ))
+  )
 }
 
-function getDefaultNode (propDef) {
-  return propDef.value.properties.find(p => {
+function getDefaultNode(propDef) {
+  return propDef.value.properties.find((p) => {
     return (
       p.type === 'Property' &&
       p.key.type === 'Identifier' &&
@@ -55,7 +55,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     return utils.executeOnVueComponent(context, (obj) => {
       const props = utils.getComponentProps(obj)
       const booleanProps = getBooleanProps(props)
@@ -72,16 +72,14 @@ module.exports = {
             if (defaultNode) {
               context.report({
                 node: defaultNode,
-                message: 'Boolean prop should not set a default (Vue defaults it to false).'
+                message:
+                  'Boolean prop should not set a default (Vue defaults it to false).'
               })
             }
             break
 
           case 'default-false':
-            if (
-              defaultNode &&
-              defaultNode.value.value !== false
-            ) {
+            if (defaultNode && defaultNode.value.value !== false) {
               context.report({
                 node: defaultNode,
                 message: 'Boolean prop should only be defaulted to false.'
diff --git a/lib/rules/no-confusing-v-for-v-if.js b/lib/rules/no-confusing-v-for-v-if.js
index e99628cfc..43951a090 100644
--- a/lib/rules/no-confusing-v-for-v-if.js
+++ b/lib/rules/no-confusing-v-for-v-if.js
@@ -20,12 +20,12 @@ const utils = require('../utils')
  * @param {ASTNode} vIf The `v-if` attribute node to check.
  * @returns {boolean} `true` if the `v-if` is using the variable which is defined by the `v-for` directive.
  */
-function isUsingIterationVar (vIf) {
+function isUsingIterationVar(vIf) {
   const element = vIf.parent.parent
-  return vIf.value.references.some(reference =>
-    element.variables.some(variable =>
-      variable.id.name === reference.id.name &&
-      variable.kind === 'v-for'
+  return vIf.value.references.some((reference) =>
+    element.variables.some(
+      (variable) =>
+        variable.id.name === reference.id.name && variable.kind === 'v-for'
     )
   )
 }
@@ -48,9 +48,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='if']" (node) {
+      "VAttribute[directive=true][key.name.name='if']"(node) {
         const element = node.parent.parent
 
         if (utils.hasDirective(element, 'for') && !isUsingIterationVar(node)) {
diff --git a/lib/rules/no-custom-modifiers-on-v-model.js b/lib/rules/no-custom-modifiers-on-v-model.js
index aa2fef9a5..ea80fb7a6 100644
--- a/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/lib/rules/no-custom-modifiers-on-v-model.js
@@ -31,12 +31,13 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      notSupportedModifier: "'v-model' directives don't support the modifier '{{name}}'."
+      notSupportedModifier:
+        "'v-model' directives don't support the modifier '{{name}}'."
     }
   },
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='model']" (node) {
+      "VAttribute[directive=true][key.name.name='model']"(node) {
         const element = node.parent.parent
 
         if (utils.isCustomComponent(element)) {
diff --git a/lib/rules/no-deprecated-data-object-declaration.js b/lib/rules/no-deprecated-data-object-declaration.js
index aa9c6d55d..02422c7e5 100644
--- a/lib/rules/no-deprecated-data-object-declaration.js
+++ b/lib/rules/no-deprecated-data-object-declaration.js
@@ -10,15 +10,15 @@
 
 const utils = require('../utils')
 
-function isOpenParen (token) {
+function isOpenParen(token) {
   return token.type === 'Punctuator' && token.value === '('
 }
 
-function isCloseParen (token) {
+function isCloseParen(token) {
   return token.type === 'Punctuator' && token.value === ')'
 }
 
-function getFirstAndLastTokens (node, sourceCode) {
+function getFirstAndLastTokens(node, sourceCode) {
   let first = sourceCode.getFirstToken(node)
   let last = sourceCode.getLastToken(node)
 
@@ -43,35 +43,39 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated object declaration on data (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated object declaration on data (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-data-object-declaration.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-data-object-declaration.html'
     },
     fixable: 'code',
     schema: [],
     messages: {
-      objectDeclarationIsDeprecated: "Object declaration on \'data\' property is deprecated. Using function declaration instead."
+      objectDeclarationIsDeprecated:
+        "Object declaration on 'data' property is deprecated. Using function declaration instead."
     }
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.executeOnVue(context, (obj) => {
       obj.properties
-        .filter(p =>
-          p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'data' &&
-          p.value.type !== 'FunctionExpression' &&
-          p.value.type !== 'ArrowFunctionExpression' &&
-          p.value.type !== 'Identifier'
+        .filter(
+          (p) =>
+            p.type === 'Property' &&
+            p.key.type === 'Identifier' &&
+            p.key.name === 'data' &&
+            p.value.type !== 'FunctionExpression' &&
+            p.value.type !== 'ArrowFunctionExpression' &&
+            p.value.type !== 'Identifier'
         )
-        .forEach(p => {
+        .forEach((p) => {
           context.report({
             node: p,
             messageId: 'objectDeclarationIsDeprecated',
-            fix (fixer) {
+            fix(fixer) {
               const tokens = getFirstAndLastTokens(p.value, sourceCode)
 
               return [
diff --git a/lib/rules/no-deprecated-dollar-listeners-api.js b/lib/rules/no-deprecated-dollar-listeners-api.js
index b833b462b..7c60cbbe5 100644
--- a/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -20,7 +20,8 @@ module.exports = {
     docs: {
       description: 'disallow using deprecated `$listeners` (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-dollar-listeners-api.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-dollar-listeners-api.html'
     },
     fixable: null,
     schema: [],
@@ -29,11 +30,11 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(
       context,
       {
-        'VExpressionContainer' (node) {
+        VExpressionContainer(node) {
           for (const reference of node.references) {
             if (reference.variable != null) {
               // Not vm reference
@@ -48,26 +49,24 @@ module.exports = {
           }
         }
       },
-      utils.defineVueVisitor(context,
-        {
-          'MemberExpression' (node) {
-            if (
-              node.property.type !== 'Identifier' ||
-              node.property.name !== '$listeners'
-            ) {
-              return
-            }
-            if (!utils.isThis(node.object, context)) {
-              return
-            }
-
-            context.report({
-              node: node.property,
-              messageId: 'deprecated'
-            })
+      utils.defineVueVisitor(context, {
+        MemberExpression(node) {
+          if (
+            node.property.type !== 'Identifier' ||
+            node.property.name !== '$listeners'
+          ) {
+            return
           }
+          if (!utils.isThis(node.object, context)) {
+            return
+          }
+
+          context.report({
+            node: node.property,
+            messageId: 'deprecated'
+          })
         }
-      )
+      })
     )
   }
 }
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index 7989ffb5e..05d50bac1 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -25,32 +25,31 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      noDeprecatedEventsApi: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
+      noDeprecatedEventsApi:
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
     }
   },
 
-  create (context) {
-    return utils.defineVueVisitor(context,
-      {
-        'CallExpression > MemberExpression' (node) {
-          const call = node.parent
-          if (
-            call.callee !== node ||
-            node.property.type !== 'Identifier' ||
-            !['$on', '$off', '$once'].includes(node.property.name)
-          ) {
-            return
-          }
-          if (!utils.isThis(node.object, context)) {
-            return
-          }
-
-          context.report({
-            node: node.property,
-            messageId: 'noDeprecatedEventsApi'
-          })
+  create(context) {
+    return utils.defineVueVisitor(context, {
+      'CallExpression > MemberExpression'(node) {
+        const call = node.parent
+        if (
+          call.callee !== node ||
+          node.property.type !== 'Identifier' ||
+          !['$on', '$off', '$once'].includes(node.property.name)
+        ) {
+          return
+        }
+        if (!utils.isThis(node.object, context)) {
+          return
         }
+
+        context.report({
+          node: node.property,
+          messageId: 'noDeprecatedEventsApi'
+        })
       }
-    )
+    })
   }
 }
diff --git a/lib/rules/no-deprecated-filter.js b/lib/rules/no-deprecated-filter.js
index c0e6c945e..0229d6e2e 100644
--- a/lib/rules/no-deprecated-filter.js
+++ b/lib/rules/no-deprecated-filter.js
@@ -18,7 +18,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated filters syntax (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated filters syntax (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-filter.html'
     },
@@ -29,9 +30,9 @@ module.exports = {
     }
   },
 
-  create: function (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      'VFilterSequenceExpression' (node) {
+      VFilterSequenceExpression(node) {
         context.report({
           node,
           loc: node.loc,
diff --git a/lib/rules/no-deprecated-functional-template.js b/lib/rules/no-deprecated-functional-template.js
index 7ab886230..cfaa8d957 100644
--- a/lib/rules/no-deprecated-functional-template.js
+++ b/lib/rules/no-deprecated-functional-template.js
@@ -18,9 +18,11 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated the `functional` template (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated the `functional` template (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-functional-template.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-functional-template.html'
     },
     fixable: null,
     schema: [],
@@ -29,9 +31,9 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     return {
-      Program (program) {
+      Program(program) {
         const element = program.templateBody
         if (element == null) {
           return
diff --git a/lib/rules/no-deprecated-html-element-is.js b/lib/rules/no-deprecated-html-element-is.js
index b45a700f3..d62c3b479 100644
--- a/lib/rules/no-deprecated-html-element-is.js
+++ b/lib/rules/no-deprecated-html-element-is.js
@@ -18,7 +18,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-html-element-is.html'
     },
@@ -29,9 +30,11 @@ module.exports = {
     }
   },
 
-  create: function (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=false][key.name='is']" (node) {
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=false][key.name='is']"(
+        node
+      ) {
         const element = node.parent.parent
         if (
           !utils.isHtmlWellKnownElementName(element.rawName) &&
diff --git a/lib/rules/no-deprecated-inline-template.js b/lib/rules/no-deprecated-inline-template.js
index ff57a227e..69bdfda46 100644
--- a/lib/rules/no-deprecated-inline-template.js
+++ b/lib/rules/no-deprecated-inline-template.js
@@ -18,7 +18,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-inline-template.html'
     },
@@ -29,9 +30,11 @@ module.exports = {
     }
   },
 
-  create: function (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=false] > VIdentifier[rawName='inline-template']" (node) {
+      "VAttribute[directive=false] > VIdentifier[rawName='inline-template']"(
+        node
+      ) {
         context.report({
           node,
           loc: node.loc,
diff --git a/lib/rules/no-deprecated-scope-attribute.js b/lib/rules/no-deprecated-scope-attribute.js
index 239bdf5e6..24ef41042 100644
--- a/lib/rules/no-deprecated-scope-attribute.js
+++ b/lib/rules/no-deprecated-scope-attribute.js
@@ -21,8 +21,10 @@ module.exports = {
       forbiddenScopeAttribute: '`scope` attributes are deprecated.'
     }
   },
-  create (context) {
-    const templateBodyVisitor = scopeAttribute.createTemplateBodyVisitor(context)
+  create(context) {
+    const templateBodyVisitor = scopeAttribute.createTemplateBodyVisitor(
+      context
+    )
     return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
   }
 }
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index 416179c83..c7174c12a 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -21,7 +21,7 @@ module.exports = {
       forbiddenSlotAttribute: '`slot` attributes are deprecated.'
     }
   },
-  create (context) {
+  create(context) {
     const templateBodyVisitor = slotAttribute.createTemplateBodyVisitor(context)
     return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
   }
diff --git a/lib/rules/no-deprecated-slot-scope-attribute.js b/lib/rules/no-deprecated-slot-scope-attribute.js
index 3965493ea..1356016ed 100644
--- a/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -11,9 +11,11 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)',
+      description:
+        'disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-scope-attribute.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-slot-scope-attribute.html'
     },
     fixable: 'code',
     schema: [],
@@ -21,8 +23,11 @@ module.exports = {
       forbiddenSlotScopeAttribute: '`slot-scope` are deprecated.'
     }
   },
-  create (context) {
-    const templateBodyVisitor = slotScopeAttribute.createTemplateBodyVisitor(context, { fixToUpgrade: true })
+  create(context) {
+    const templateBodyVisitor = slotScopeAttribute.createTemplateBodyVisitor(
+      context,
+      { fixToUpgrade: true }
+    )
     return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
   }
 }
diff --git a/lib/rules/no-deprecated-v-bind-sync.js b/lib/rules/no-deprecated-v-bind-sync.js
index b4c6fe8b1..b84ebf4de 100644
--- a/lib/rules/no-deprecated-v-bind-sync.js
+++ b/lib/rules/no-deprecated-v-bind-sync.js
@@ -18,20 +18,22 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)',
+      description:
+        'disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-v-bind-sync.html'
     },
     fixable: 'code',
     schema: [],
     messages: {
-      syncModifierIsDeprecated: "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      syncModifierIsDeprecated:
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
     }
   },
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='bind']" (node) {
-        if (node.key.modifiers.map(mod => mod.name).includes('sync')) {
+      "VAttribute[directive=true][key.name.name='bind']"(node) {
+        if (node.key.modifiers.map((mod) => mod.name).includes('sync')) {
           context.report({
             node,
             loc: node.loc,
@@ -43,7 +45,9 @@ module.exports = {
                 return
               }
 
-              const bindArgument = context.getSourceCode().getText(node.key.argument)
+              const bindArgument = context
+                .getSourceCode()
+                .getText(node.key.argument)
               return fixer.replaceText(node.key, `v-model:${bindArgument}`)
             }
           })
diff --git a/lib/rules/no-deprecated-v-on-native-modifier.js b/lib/rules/no-deprecated-v-on-native-modifier.js
index d93755436..16f1987c5 100644
--- a/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -18,9 +18,11 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-native-modifier.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-v-on-native-modifier.html'
     },
     fixable: null,
     schema: [],
@@ -29,9 +31,11 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey > VIdentifier[name='native']" (node) {
+      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey > VIdentifier[name='native']"(
+        node
+      ) {
         const key = node.parent
         if (!key.modifiers.includes(node)) return
 
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index 6e5125e4d..bf1fb88bd 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -19,27 +19,30 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-number-modifiers.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-v-on-number-modifiers.html'
     },
     fixable: 'code',
     schema: [],
     messages: {
-      numberModifierIsDeprecated: "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      numberModifierIsDeprecated:
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
     }
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey" (node) {
-        const modifier = node.modifiers.find(mod => Number.isInteger(parseInt(mod.name, 10)))
+      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey"(node) {
+        const modifier = node.modifiers.find((mod) =>
+          Number.isInteger(parseInt(mod.name, 10))
+        )
         if (!modifier) return
 
         const keyCodes = parseInt(modifier.name, 10)
-        if (
-          keyCodes > 9 || keyCodes < 0
-        ) {
+        if (keyCodes > 9 || keyCodes < 0) {
           context.report({
             node: modifier,
             messageId: 'numberModifierIsDeprecated',
diff --git a/lib/rules/no-deprecated-vue-config-keycodes.js b/lib/rules/no-deprecated-vue-config-keycodes.js
index 9bae48ab7..0de109ef1 100644
--- a/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -12,9 +12,11 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)',
+      description:
+        'disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/no-deprecated-vue-config-keycodes.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-vue-config-keycodes.html'
     },
     fixable: null,
     schema: [],
@@ -23,15 +25,19 @@ module.exports = {
     }
   },
 
-  create: function (context) {
+  create(context) {
     return {
-      "MemberExpression[property.type='Identifier'][property.name='keyCodes']" (node) {
+      "MemberExpression[property.type='Identifier'][property.name='keyCodes']"(
+        node
+      ) {
         const config = node.object
-        if (config.type !== 'MemberExpression' ||
+        if (
+          config.type !== 'MemberExpression' ||
           config.property.type !== 'Identifier' ||
           config.property.name !== 'config' ||
           config.object.type !== 'Identifier' ||
-          config.object.name !== 'Vue') {
+          config.object.name !== 'Vue'
+        ) {
           return
         }
         context.report({
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 28018e445..dfbebdedf 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -34,7 +34,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const groups = new Set(GROUP_NAMES.concat(options.groups || []))
 
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index 6ed2da07d..78e00b326 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -14,7 +14,8 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`',
+      description:
+        'enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`',
       categories: undefined,
       recommended: false,
       url: 'https://eslint.vuejs.org/rules/no-duplicate-attr-inheritance.html'
@@ -25,23 +26,29 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     let inheritsAttrs = true
 
     return Object.assign(
       utils.executeOnVue(context, (node) => {
-        const inheritAttrsProp = node.properties.find(prop => (prop.type === 'Property' && utils.getStaticPropertyName(prop) === 'inheritAttrs'))
+        const inheritAttrsProp = node.properties.find(
+          (prop) =>
+            prop.type === 'Property' &&
+            utils.getStaticPropertyName(prop) === 'inheritAttrs'
+        )
 
         if (inheritAttrsProp && inheritAttrsProp.value.type === 'Literal') {
           inheritsAttrs = inheritAttrsProp.value.value
         }
       }),
       utils.defineTemplateBodyVisitor(context, {
-        "VAttribute[directive=true][key.name.name='bind'][key.argument=null] > VExpressionContainer" (node) {
+        "VAttribute[directive=true][key.name.name='bind'][key.argument=null] > VExpressionContainer"(
+          node
+        ) {
           if (!inheritsAttrs) {
             return
           }
-          const attrsRef = node.references.find(reference => {
+          const attrsRef = node.references.find((reference) => {
             if (reference.variable != null) {
               // Not vm reference
               return false
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index 374daa39e..023dacf42 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -20,7 +20,7 @@ const utils = require('../utils')
  * @param {ASTNode} attribute The attribute node to get.
  * @returns {string} The name of the attribute.
  */
-function getName (attribute) {
+function getName(attribute) {
   if (!attribute.directive) {
     return attribute.key.name
   }
@@ -59,7 +59,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const allowCoexistStyle = options.allowCoexistStyle !== false
     const allowCoexistClass = options.allowCoexistClass !== false
@@ -67,19 +67,22 @@ module.exports = {
     const directiveNames = new Set()
     const attributeNames = new Set()
 
-    function isDuplicate (name, isDirective) {
-      if ((allowCoexistStyle && name === 'style') || (allowCoexistClass && name === 'class')) {
+    function isDuplicate(name, isDirective) {
+      if (
+        (allowCoexistStyle && name === 'style') ||
+        (allowCoexistClass && name === 'class')
+      ) {
         return isDirective ? directiveNames.has(name) : attributeNames.has(name)
       }
       return directiveNames.has(name) || attributeNames.has(name)
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VStartTag' () {
+      VStartTag() {
         directiveNames.clear()
         attributeNames.clear()
       },
-      'VAttribute' (node) {
+      VAttribute(node) {
         const name = getName(node)
         if (name == null) {
           return
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index d875659b5..4cc865a5b 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -7,13 +7,10 @@ const { isParenthesized } = require('eslint-utils')
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/no-extra-parens'),
-  {
-    skipDynamicArguments: true,
-    create: createForVueSyntax
-  }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/no-extra-parens'), {
+  skipDynamicArguments: true,
+  create: createForVueSyntax
+})
 
 /**
  * @typedef {import('vue-eslint-parser').AST.Token} Token
@@ -27,7 +24,7 @@ module.exports = wrapCoreRule(
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left parenthesis.
  */
-function isLeftParen (token) {
+function isLeftParen(token) {
   return token.type === 'Punctuator' && token.value === '('
 }
 
@@ -36,7 +33,7 @@ function isLeftParen (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right parenthesis.
  */
-function isRightParen (token) {
+function isRightParen(token) {
   return token.type === 'Punctuator' && token.value === ')'
 }
 
@@ -45,7 +42,7 @@ function isRightParen (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left brace.
  */
-function isLeftBrace (token) {
+function isLeftBrace(token) {
   return token.type === 'Punctuator' && token.value === '{'
 }
 
@@ -54,7 +51,7 @@ function isLeftBrace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right brace.
  */
-function isRightBrace (token) {
+function isRightBrace(token) {
   return token.type === 'Punctuator' && token.value === '}'
 }
 
@@ -63,7 +60,7 @@ function isRightBrace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left bracket.
  */
-function isLeftBracket (token) {
+function isLeftBracket(token) {
   return token.type === 'Punctuator' && token.value === '['
 }
 
@@ -72,7 +69,7 @@ function isLeftBracket (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right bracket.
  */
-function isRightBracket (token) {
+function isRightBracket(token) {
   return token.type === 'Punctuator' && token.value === ']'
 }
 
@@ -81,19 +78,23 @@ function isRightBracket (token) {
  * @param {ASTNode} node The node to check
  * @returns {boolean} `true` if the given node is an IIFE
  */
-function isIIFE (node) {
-  return node.type === 'CallExpression' && node.callee.type === 'FunctionExpression'
+function isIIFE(node) {
+  return (
+    node.type === 'CallExpression' && node.callee.type === 'FunctionExpression'
+  )
 }
 
-function createForVueSyntax (context) {
-  const tokenStore = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+function createForVueSyntax(context) {
+  const tokenStore =
+    context.parserServices.getTemplateBodyTokenStore &&
+    context.parserServices.getTemplateBodyTokenStore()
 
   /**
    * Checks if the given node turns into a filter when unwraped.
    * @param {Expression} node node to evaluate
    * @returns {boolean} `true` if the given node turns into a filter when unwraped.
    */
-  function isUnwrapChangeToFilter (expression) {
+  function isUnwrapChangeToFilter(expression) {
     let parenStack = null
     for (const token of tokenStore.getTokens(expression)) {
       if (!parenStack) {
@@ -119,7 +120,7 @@ function createForVueSyntax (context) {
   /**
    * @param {VExpressionContainer} node
    */
-  function verify (node) {
+  function verify(node) {
     let expression = node.expression
     if (!expression) {
       return
@@ -134,7 +135,10 @@ function createForVueSyntax (context) {
     }
 
     if (!isParenthesized(2, expression, tokenStore)) {
-      if (isIIFE(expression) && !isParenthesized(expression.callee, tokenStore)) {
+      if (
+        isIIFE(expression) &&
+        !isParenthesized(expression.callee, tokenStore)
+      ) {
         return
       }
       if (isUnwrapChangeToFilter(expression)) {
@@ -150,7 +154,7 @@ function createForVueSyntax (context) {
    * @returns {void}
    * @private
    */
-  function report (node) {
+  function report(node) {
     const sourceCode = context.getSourceCode()
     const leftParenToken = tokenStore.getTokenBefore(node)
     const rightParenToken = tokenStore.getTokenAfter(node)
@@ -159,13 +163,16 @@ function createForVueSyntax (context) {
       node,
       loc: leftParenToken.loc,
       messageId: 'unexpected',
-      fix (fixer) {
-        const parenthesizedSource = sourceCode.text.slice(leftParenToken.range[1], rightParenToken.range[0])
-
-        return fixer.replaceTextRange([
-          leftParenToken.range[0],
-          rightParenToken.range[1]
-        ], parenthesizedSource)
+      fix(fixer) {
+        const parenthesizedSource = sourceCode.text.slice(
+          leftParenToken.range[1],
+          rightParenToken.range[0]
+        )
+
+        return fixer.replaceTextRange(
+          [leftParenToken.range[0], rightParenToken.range[1]],
+          parenthesizedSource
+        )
       }
     })
   }
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index e4e6fd426..dc2a0de1a 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -16,8 +16,8 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 const ALL_IRREGULARS = /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000\u2028\u2029]/u
-const IRREGULAR_WHITESPACE = /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000]+/mgu
-const IRREGULAR_LINE_TERMINATORS = /[\u2028\u2029]/mgu
+const IRREGULAR_WHITESPACE = /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000]+/gmu
+const IRREGULAR_LINE_TERMINATORS = /[\u2028\u2029]/gmu
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -70,7 +70,7 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     // Module store of error indexes that we have found
     let errorIndexes = []
 
@@ -91,11 +91,12 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function removeWhitespaceError (node) {
+    function removeWhitespaceError(node) {
       const [startIndex, endIndex] = node.range
 
-      errorIndexes = errorIndexes
-        .filter(errorIndex => errorIndex < startIndex || endIndex <= errorIndex)
+      errorIndexes = errorIndexes.filter(
+        (errorIndex) => errorIndex < startIndex || endIndex <= errorIndex
+      )
     }
 
     /**
@@ -104,8 +105,8 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function removeInvalidNodeErrorsInLiteral (node) {
-      const shouldCheckStrings = skipStrings && (typeof node.value === 'string')
+    function removeInvalidNodeErrorsInLiteral(node) {
+      const shouldCheckStrings = skipStrings && typeof node.value === 'string'
       const shouldCheckRegExps = skipRegExps && Boolean(node.regex)
 
       if (shouldCheckStrings || shouldCheckRegExps) {
@@ -122,7 +123,7 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function removeInvalidNodeErrorsInTemplateLiteral (node) {
+    function removeInvalidNodeErrorsInTemplateLiteral(node) {
       if (ALL_IRREGULARS.test(node.value.raw)) {
         removeWhitespaceError(node)
       }
@@ -134,7 +135,7 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function removeInvalidNodeErrorsInHTMLAttributeValue (node) {
+    function removeInvalidNodeErrorsInHTMLAttributeValue(node) {
       if (ALL_IRREGULARS.test(sourceCode.getText(node))) {
         removeWhitespaceError(node)
       }
@@ -146,7 +147,7 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function removeInvalidNodeErrorsInHTMLTextContent (node) {
+    function removeInvalidNodeErrorsInHTMLTextContent(node) {
       if (ALL_IRREGULARS.test(sourceCode.getText(node))) {
         removeWhitespaceError(node)
       }
@@ -158,7 +159,7 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function removeInvalidNodeErrorsInComment (node) {
+    function removeInvalidNodeErrorsInComment(node) {
       if (ALL_IRREGULARS.test(node.value)) {
         removeWhitespaceError(node)
       }
@@ -169,7 +170,7 @@ module.exports = {
      * @returns {void}
      * @private
      */
-    function checkForIrregularWhitespace () {
+    function checkForIrregularWhitespace() {
       const source = sourceCode.getText()
       let match
       while ((match = IRREGULAR_WHITESPACE.exec(source)) !== null) {
@@ -185,21 +186,29 @@ module.exports = {
     if (!errorIndexes.length) {
       return {}
     }
-    const bodyVisitor = utils.defineTemplateBodyVisitor(context,
-      {
-        ...(skipHTMLAttributeValues ? { 'VAttribute[directive=false] > VLiteral': removeInvalidNodeErrorsInHTMLAttributeValue } : {}),
-        ...(skipHTMLTextContents ? { VText: removeInvalidNodeErrorsInHTMLTextContent } : {}),
+    const bodyVisitor = utils.defineTemplateBodyVisitor(context, {
+      ...(skipHTMLAttributeValues
+        ? {
+            'VAttribute[directive=false] > VLiteral': removeInvalidNodeErrorsInHTMLAttributeValue
+          }
+        : {}),
+      ...(skipHTMLTextContents
+        ? { VText: removeInvalidNodeErrorsInHTMLTextContent }
+        : {}),
 
-        // inline scripts
-        Literal: removeInvalidNodeErrorsInLiteral,
-        ...(skipTemplates ? { TemplateElement: removeInvalidNodeErrorsInTemplateLiteral } : {})
-      }
-    )
+      // inline scripts
+      Literal: removeInvalidNodeErrorsInLiteral,
+      ...(skipTemplates
+        ? { TemplateElement: removeInvalidNodeErrorsInTemplateLiteral }
+        : {})
+    })
     return {
       ...bodyVisitor,
       Literal: removeInvalidNodeErrorsInLiteral,
-      ...(skipTemplates ? { TemplateElement: removeInvalidNodeErrorsInTemplateLiteral } : {}),
-      'Program:exit' (node) {
+      ...(skipTemplates
+        ? { TemplateElement: removeInvalidNodeErrorsInTemplateLiteral }
+        : {}),
+      'Program:exit'(node) {
         if (bodyVisitor['Program:exit']) {
           bodyVisitor['Program:exit'](node)
         }
@@ -214,15 +223,17 @@ module.exports = {
 
         // Removes errors that occur outside script and template
         const [scriptStart, scriptEnd] = node.range
-        const [templateStart, templateEnd] = templateBody ? templateBody.range : [0, 0]
-        errorIndexes = errorIndexes
-          .filter(errorIndex =>
+        const [templateStart, templateEnd] = templateBody
+          ? templateBody.range
+          : [0, 0]
+        errorIndexes = errorIndexes.filter(
+          (errorIndex) =>
             (scriptStart <= errorIndex && errorIndex < scriptEnd) ||
-              (templateStart <= errorIndex && errorIndex < templateEnd)
-          )
+            (templateStart <= errorIndex && errorIndex < templateEnd)
+        )
 
         // If we have any errors remaining report on them
-        errorIndexes.forEach(errorIndex => {
+        errorIndexes.forEach((errorIndex) => {
           context.report({
             loc: sourceCode.getLocFromIndex(errorIndex),
             messageId: 'disallow'
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index 9ed65ce16..cafcde97c 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -6,7 +6,19 @@
 const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
-const LIFECYCLE_HOOKS = ['onBeforeMount', 'onBeforeUnmount', 'onBeforeUpdate', 'onErrorCaptured', 'onMounted', 'onRenderTracked', 'onRenderTriggered', 'onUnmounted', 'onUpdated', 'onActivated', 'onDeactivated']
+const LIFECYCLE_HOOKS = [
+  'onBeforeMount',
+  'onBeforeUnmount',
+  'onBeforeUpdate',
+  'onErrorCaptured',
+  'onMounted',
+  'onRenderTracked',
+  'onRenderTriggered',
+  'onUnmounted',
+  'onUpdated',
+  'onActivated',
+  'onDeactivated'
+]
 
 module.exports = {
   meta: {
@@ -22,7 +34,7 @@ module.exports = {
       forbidden: 'The lifecycle hooks after `await` expression are forbidden.'
     }
   },
-  create (context) {
+  create(context) {
     const lifecycleHookCallNodes = new Set()
     const setupFunctions = new Map()
 
@@ -30,7 +42,7 @@ module.exports = {
 
     return Object.assign(
       {
-        'Program' () {
+        Program() {
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
             vue: {
@@ -48,48 +60,46 @@ module.exports = {
           }
         }
       },
-      utils.defineVueVisitor(context,
-        {
-          ':function' (node) {
-            scopeStack = { upper: scopeStack, functionNode: node }
-          },
-          onSetupFunctionEnter (node) {
-            setupFunctions.set(node, {
-              setupProperty: node.parent,
-              afterAwait: false
-            })
-          },
-          'AwaitExpression' () {
-            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-            if (!setupFunctionData) {
-              return
-            }
-            setupFunctionData.afterAwait = true
-          },
-          'CallExpression' (node) {
-            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-            if (!setupFunctionData || !setupFunctionData.afterAwait) {
-              return
-            }
+      utils.defineVueVisitor(context, {
+        ':function'(node) {
+          scopeStack = { upper: scopeStack, functionNode: node }
+        },
+        onSetupFunctionEnter(node) {
+          setupFunctions.set(node, {
+            setupProperty: node.parent,
+            afterAwait: false
+          })
+        },
+        AwaitExpression() {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          setupFunctionData.afterAwait = true
+        },
+        CallExpression(node) {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+            return
+          }
 
-            if (lifecycleHookCallNodes.has(node)) {
-              if (node.arguments.length >= 2) {
-                // Has target instance. e.g. `onMounted(() => {}, instance)`
-                return
-              }
-              context.report({
-                node,
-                messageId: 'forbidden'
-              })
+          if (lifecycleHookCallNodes.has(node)) {
+            if (node.arguments.length >= 2) {
+              // Has target instance. e.g. `onMounted(() => {}, instance)`
+              return
             }
-          },
-          ':function:exit' (node) {
-            scopeStack = scopeStack.upper
-
-            setupFunctions.delete(node)
+            context.report({
+              node,
+              messageId: 'forbidden'
+            })
           }
         },
-      )
+        ':function:exit'(node) {
+          scopeStack = scopeStack.upper
+
+          setupFunctions.delete(node)
+        }
+      })
     )
   }
 }
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index 056d23bf0..3c79ee7d0 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -22,31 +22,34 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-multi-spaces.html'
     },
     fixable: 'whitespace', // or "code" or "whitespace"
-    schema: [{
-      type: 'object',
-      properties: {
-        ignoreProperties: {
-          type: 'boolean'
-        }
-      },
-      additionalProperties: false
-    }]
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreProperties: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
   /**
    * @param {RuleContext} context - The rule context.
    * @returns {Object} AST event handlers.
    */
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const ignoreProperties = options.ignoreProperties === true
 
     return {
-      Program (node) {
+      Program(node) {
         if (context.parserServices.getTemplateBodyTokenStore == null) {
           context.report({
             loc: { line: 1, column: 0 },
-            message: 'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+            message:
+              'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
           })
           return
         }
@@ -55,15 +58,21 @@ module.exports = {
         }
         const sourceCode = context.getSourceCode()
         const tokenStore = context.parserServices.getTemplateBodyTokenStore()
-        const tokens = tokenStore.getTokens(node.templateBody, { includeComments: true })
+        const tokens = tokenStore.getTokens(node.templateBody, {
+          includeComments: true
+        })
 
         let prevToken = tokens.shift()
         for (const token of tokens) {
           const spaces = token.range[0] - prevToken.range[1]
-          const shouldIgnore = ignoreProperties && (
-            isProperty(context, token) || isProperty(context, prevToken)
-          )
-          if (spaces > 1 && token.loc.start.line === prevToken.loc.start.line && !shouldIgnore) {
+          const shouldIgnore =
+            ignoreProperties &&
+            (isProperty(context, token) || isProperty(context, prevToken))
+          if (
+            spaces > 1 &&
+            token.loc.start.line === prevToken.loc.start.line &&
+            !shouldIgnore
+          ) {
             context.report({
               node: token,
               loc: {
@@ -71,7 +80,11 @@ module.exports = {
                 end: token.loc.start
               },
               message: "Multiple spaces found before '{{displayValue}}'.",
-              fix: (fixer) => fixer.replaceTextRange([prevToken.range[1], token.range[0]], ' '),
+              fix: (fixer) =>
+                fixer.replaceTextRange(
+                  [prevToken.range[1], token.range[0]],
+                  ' '
+                ),
               data: {
                 displayValue: sourceCode.getText(token)
               }
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index 5705592ab..4fd0df0eb 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -26,11 +26,11 @@ module.exports = {
     schema: []
   },
 
-  create: function (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return {
-      Program (program) {
+      Program(program) {
         const element = program.templateBody
         if (element == null) {
           return
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 341f1b22a..4498fc9f5 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -37,7 +37,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     /** @type {Map<ObjectExpression, Set<string>>} */
     const propsMap = new Map()
     /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression } | null } */
@@ -47,7 +47,7 @@ module.exports = {
      * @param {Node} node
      * @param {string} name
      */
-    function report (node, name) {
+    function report(node, name) {
       context.report({
         node,
         message: 'Unexpected mutation of "{{key}}" prop.',
@@ -61,7 +61,7 @@ module.exports = {
      * @param {Node} node
      * @returns {VExpressionContainer}
      */
-    function getVExpressionContainer (node) {
+    function getVExpressionContainer(node) {
       let n = node
       while (n.type !== 'VExpressionContainer') {
         n = n.parent
@@ -72,7 +72,7 @@ module.exports = {
      * @param {MemberExpression|Property} node
      * @returns {string}
      */
-    function getPropertyNameText (node) {
+    function getPropertyNameText(node) {
       const name = utils.getStaticPropertyName(node)
       if (name) {
         return name
@@ -88,7 +88,7 @@ module.exports = {
      * @param {Node} node
      * @returns {node is Identifier}
      */
-    function isVmReference (node) {
+    function isVmReference(node) {
       if (node.type !== 'Identifier') {
         return false
       }
@@ -123,7 +123,7 @@ module.exports = {
      * @param {MemberExpression|Identifier} props
      * @param {string} name
      */
-    function verifyMutating (props, name) {
+    function verifyMutating(props, name) {
       const invalid = utils.findMutating(props)
       if (invalid) {
         report(invalid.node, name)
@@ -135,7 +135,7 @@ module.exports = {
      * @param {string[]} path
      * @returns {Generator<{ node: Identifier, path: string[] }>}
      */
-    function * iterateParamProperties (param, path) {
+    function* iterateParamProperties(param, path) {
       if (!param) {
         return
       }
@@ -145,105 +145,116 @@ module.exports = {
           path
         }
       } else if (param.type === 'RestElement') {
-        yield * iterateParamProperties(param.argument, path)
+        yield* iterateParamProperties(param.argument, path)
       } else if (param.type === 'AssignmentPattern') {
-        yield * iterateParamProperties(param.left, path)
+        yield* iterateParamProperties(param.left, path)
       } else if (param.type === 'ObjectPattern') {
         for (const prop of param.properties) {
           if (prop.type === 'Property') {
             const name = getPropertyNameText(prop)
-            yield * iterateParamProperties(prop.value, [...path, name])
+            yield* iterateParamProperties(prop.value, [...path, name])
           } else if (prop.type === 'RestElement') {
-            yield * iterateParamProperties(prop.argument, path)
+            yield* iterateParamProperties(prop.argument, path)
           }
         }
       } else if (param.type === 'ArrayPattern') {
         for (let index = 0; index < param.elements.length; index++) {
           const element = param.elements[index]
-          yield * iterateParamProperties(element, [...path, `${index}`])
+          yield* iterateParamProperties(element, [...path, `${index}`])
         }
       }
     }
 
-    return Object.assign({},
-      utils.defineVueVisitor(context,
-        {
-          onVueObjectEnter (node) {
-            propsMap.set(node, new Set(utils.getComponentProps(node).map(p => p.propName)))
-          },
-          onVueObjectExit (node, { type }) {
-            if (!vueObjectData || vueObjectData.type !== 'export') {
-              vueObjectData = {
-                type,
-                object: node
-              }
-            }
-          },
-          onSetupFunctionEnter (node) {
-            /** @type {Pattern} */
-            const propsParam = node.params[0]
-            if (!propsParam) {
-              // no arguments
-              return
+    return Object.assign(
+      {},
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          propsMap.set(
+            node,
+            new Set(utils.getComponentProps(node).map((p) => p.propName))
+          )
+        },
+        onVueObjectExit(node, { type }) {
+          if (!vueObjectData || vueObjectData.type !== 'export') {
+            vueObjectData = {
+              type,
+              object: node
             }
-            if (propsParam.type === 'RestElement' || propsParam.type === 'ArrayPattern') {
-              // cannot check
-              return
+          }
+        },
+        onSetupFunctionEnter(node) {
+          /** @type {Pattern} */
+          const propsParam = node.params[0]
+          if (!propsParam) {
+            // no arguments
+            return
+          }
+          if (
+            propsParam.type === 'RestElement' ||
+            propsParam.type === 'ArrayPattern'
+          ) {
+            // cannot check
+            return
+          }
+          for (const { node: prop, path } of iterateParamProperties(
+            propsParam,
+            []
+          )) {
+            // @ts-ignore
+            const variable = findVariable(context.getScope(), prop)
+            if (!variable) {
+              continue
             }
-            for (const { node: prop, path } of iterateParamProperties(propsParam, [])) {
-              // @ts-ignore
-              const variable = findVariable(context.getScope(), prop)
-              if (!variable) {
+
+            for (const reference of variable.references) {
+              if (!reference.isRead()) {
                 continue
               }
+              /** @type {Identifier} */
+              const id = reference.identifier
 
-              for (const reference of variable.references) {
-                if (!reference.isRead()) {
+              const invalid = utils.findMutating(id)
+              if (!invalid) {
+                continue
+              }
+              let name
+              if (path.length === 0) {
+                if (invalid.pathNodes.length === 0) {
                   continue
                 }
-                /** @type {Identifier} */
-                const id = reference.identifier
-
-                const invalid = utils.findMutating(id)
-                if (!invalid) {
+                const mem = invalid.pathNodes[0]
+                name = getPropertyNameText(mem)
+              } else {
+                if (invalid.pathNodes.length === 0 && invalid.kind !== 'call') {
                   continue
                 }
-                let name
-                if (path.length === 0) {
-                  if (invalid.pathNodes.length === 0) {
-                    continue
-                  }
-                  const mem = invalid.pathNodes[0]
-                  name = getPropertyNameText(mem)
-                } else {
-                  if (invalid.pathNodes.length === 0 && invalid.kind !== 'call') {
-                    continue
-                  }
-                  name = path[0]
-                }
-
-                report(invalid.node, name)
+                name = path[0]
               }
+
+              report(invalid.node, name)
             }
-          },
-          'MemberExpression > :matches(Identifier, ThisExpression)' (node, { node: vueNode }) {
-            if (!utils.isThis(node, context)) {
-              return
-            }
-            /** @type {MemberExpression} */
-            const mem = node.parent
-            if (mem.object !== node) {
-              return
-            }
-            const name = utils.getStaticPropertyName(mem)
-            if (name && propsMap.get(vueNode).has(name)) {
-              verifyMutating(mem, name)
-            }
+          }
+        },
+        'MemberExpression > :matches(Identifier, ThisExpression)'(
+          node,
+          { node: vueNode }
+        ) {
+          if (!utils.isThis(node, context)) {
+            return
+          }
+          /** @type {MemberExpression} */
+          const mem = node.parent
+          if (mem.object !== node) {
+            return
+          }
+          const name = utils.getStaticPropertyName(mem)
+          if (name && propsMap.get(vueNode).has(name)) {
+            verifyMutating(mem, name)
           }
         }
-      ),
+      }),
       utils.defineTemplateBodyVisitor(context, {
-        'VExpressionContainer MemberExpression > ThisExpression' (node) {
+        'VExpressionContainer MemberExpression > ThisExpression'(node) {
           if (!vueObjectData) {
             return
           }
@@ -257,7 +268,7 @@ module.exports = {
             verifyMutating(mem, name)
           }
         },
-        'VExpressionContainer Identifier' (node) {
+        'VExpressionContainer Identifier'(node) {
           if (!vueObjectData) {
             return
           }
@@ -269,7 +280,9 @@ module.exports = {
             verifyMutating(node, name)
           }
         },
-        "VAttribute[directive=true][key.name.name='model'] VExpressionContainer > *" (node) {
+        "VAttribute[directive=true][key.name.name='model'] VExpressionContainer > *"(
+          node
+        ) {
           if (!vueObjectData) {
             return
           }
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index c01c5c9ba..d51fd7f61 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -10,44 +10,46 @@
 // ------------------------------------------------------------------------------
 
 // https://html.spec.whatwg.org/multipage/parsing.html#parse-errors
-const DEFAULT_OPTIONS = Object.freeze(Object.assign(Object.create(null), {
-  'abrupt-closing-of-empty-comment': true,
-  'absence-of-digits-in-numeric-character-reference': true,
-  'cdata-in-html-content': true,
-  'character-reference-outside-unicode-range': true,
-  'control-character-in-input-stream': true,
-  'control-character-reference': true,
-  'eof-before-tag-name': true,
-  'eof-in-cdata': true,
-  'eof-in-comment': true,
-  'eof-in-tag': true,
-  'incorrectly-closed-comment': true,
-  'incorrectly-opened-comment': true,
-  'invalid-first-character-of-tag-name': true,
-  'missing-attribute-value': true,
-  'missing-end-tag-name': true,
-  'missing-semicolon-after-character-reference': true,
-  'missing-whitespace-between-attributes': true,
-  'nested-comment': true,
-  'noncharacter-character-reference': true,
-  'noncharacter-in-input-stream': true,
-  'null-character-reference': true,
-  'surrogate-character-reference': true,
-  'surrogate-in-input-stream': true,
-  'unexpected-character-in-attribute-name': true,
-  'unexpected-character-in-unquoted-attribute-value': true,
-  'unexpected-equals-sign-before-attribute-name': true,
-  'unexpected-null-character': true,
-  'unexpected-question-mark-instead-of-tag-name': true,
-  'unexpected-solidus-in-tag': true,
-  'unknown-named-character-reference': true,
-  'end-tag-with-attributes': true,
-  'duplicate-attribute': true,
-  'end-tag-with-trailing-solidus': true,
-  'non-void-html-element-start-tag-with-trailing-solidus': false,
-  'x-invalid-end-tag': true,
-  'x-invalid-namespace': true
-}))
+const DEFAULT_OPTIONS = Object.freeze(
+  Object.assign(Object.create(null), {
+    'abrupt-closing-of-empty-comment': true,
+    'absence-of-digits-in-numeric-character-reference': true,
+    'cdata-in-html-content': true,
+    'character-reference-outside-unicode-range': true,
+    'control-character-in-input-stream': true,
+    'control-character-reference': true,
+    'eof-before-tag-name': true,
+    'eof-in-cdata': true,
+    'eof-in-comment': true,
+    'eof-in-tag': true,
+    'incorrectly-closed-comment': true,
+    'incorrectly-opened-comment': true,
+    'invalid-first-character-of-tag-name': true,
+    'missing-attribute-value': true,
+    'missing-end-tag-name': true,
+    'missing-semicolon-after-character-reference': true,
+    'missing-whitespace-between-attributes': true,
+    'nested-comment': true,
+    'noncharacter-character-reference': true,
+    'noncharacter-in-input-stream': true,
+    'null-character-reference': true,
+    'surrogate-character-reference': true,
+    'surrogate-in-input-stream': true,
+    'unexpected-character-in-attribute-name': true,
+    'unexpected-character-in-unquoted-attribute-value': true,
+    'unexpected-equals-sign-before-attribute-name': true,
+    'unexpected-null-character': true,
+    'unexpected-question-mark-instead-of-tag-name': true,
+    'unexpected-solidus-in-tag': true,
+    'unknown-named-character-reference': true,
+    'end-tag-with-attributes': true,
+    'duplicate-attribute': true,
+    'end-tag-with-trailing-solidus': true,
+    'non-void-html-element-start-tag-with-trailing-solidus': false,
+    'x-invalid-end-tag': true,
+    'x-invalid-namespace': true
+  })
+)
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -74,11 +76,11 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = Object.assign({}, DEFAULT_OPTIONS, context.options[0] || {})
 
     return {
-      Program (program) {
+      Program(program) {
         const node = program.templateBody
         if (node == null || node.errors == null) {
           return
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index 13d18f57e..a29d2acf0 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -17,7 +17,8 @@ module.exports = {
       description: 'disallow a potential typo in your component property',
       categories: undefined,
       recommended: false,
-      url: 'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
     },
     fixable: null,
     schema: [
@@ -41,18 +42,18 @@ module.exports = {
           },
           threshold: {
             type: 'number',
-            'minimum': 1
+            minimum: 1
           }
         }
       }
     ]
   },
 
-  create: function (context) {
+  create(context) {
     const option = context.options[0] || {}
-    const custom = option['custom'] || []
-    const presets = option['presets'] || ['vue']
-    const threshold = option['threshold'] || 1
+    const custom = option.custom || []
+    const presets = option.presets || ['vue']
+    const threshold = option.threshold || 1
     let candidateOptions
     if (presets.includes('all')) {
       candidateOptions = Object.keys(vueComponentOptions).reduce((pre, cur) => {
@@ -68,22 +69,24 @@ module.exports = {
     if (!candidateOptionList.length) {
       return {}
     }
-    return utils.executeOnVue(context, obj => {
+    return utils.executeOnVue(context, (obj) => {
       const componentInstanceOptions = obj.properties.filter(
-        p => p.type === 'Property' && p.key.type === 'Identifier'
+        (p) => p.type === 'Property' && p.key.type === 'Identifier'
       )
       if (!componentInstanceOptions.length) {
         return {}
       }
-      componentInstanceOptions.forEach(option => {
+      componentInstanceOptions.forEach((option) => {
         const id = option.key
         const name = id.name
         if (candidateOptionSet.has(name)) {
           return
         }
         const potentialTypoList = candidateOptionList
-          .map(o => ({ option: o, distance: utils.editDistance(o, name) }))
-          .filter(({ distance, option }) => distance <= threshold && distance > 0)
+          .map((o) => ({ option: o, distance: utils.editDistance(o, name) }))
+          .filter(
+            ({ distance, option }) => distance <= threshold && distance > 0
+          )
           .sort((a, b) => a.distance - b.distance)
         if (potentialTypoList.length) {
           context.report({
@@ -96,7 +99,7 @@ module.exports = {
             },
             suggest: potentialTypoList.map(({ option }) => ({
               desc: `Replace property '${name}' to '${option}'`,
-              fix (fixer) {
+              fix(fixer) {
                 return fixer.replaceText(id, option)
               }
             }))
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 30ad6488a..11873edf0 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -9,20 +9,22 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow use of value wrapped by `ref()` (Composition API) as an operand',
+      description:
+        'disallow use of value wrapped by `ref()` (Composition API) as an operand',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-ref-as-operand.html'
     },
     fixable: null,
     schema: [],
     messages: {
-      requireDotValue: 'Must use `.value` to read or write the value wrapped by `ref()`.'
+      requireDotValue:
+        'Must use `.value` to read or write the value wrapped by `ref()`.'
     }
   },
-  create (context) {
+  create(context) {
     const refReferenceIds = new Map()
 
-    function reportIfRefWrapped (node) {
+    function reportIfRefWrapped(node) {
       if (!refReferenceIds.has(node)) {
         return
       }
@@ -32,7 +34,7 @@ module.exports = {
       })
     }
     return {
-      'Program' () {
+      Program() {
         const tracker = new ReferenceTracker(context.getScope())
         const traceMap = {
           vue: {
@@ -52,15 +54,18 @@ module.exports = {
           ) {
             continue
           }
-          const variable = findVariable(context.getScope(), variableDeclarator.id)
+          const variable = findVariable(
+            context.getScope(),
+            variableDeclarator.id
+          )
           if (!variable) {
             continue
           }
-          const variableDeclaration = (
-            variableDeclarator.parent &&
-            variableDeclarator.parent.type === 'VariableDeclaration' &&
-            variableDeclarator.parent
-          ) || null
+          const variableDeclaration =
+            (variableDeclarator.parent &&
+              variableDeclarator.parent.type === 'VariableDeclaration' &&
+              variableDeclarator.parent) ||
+            null
           for (const reference of variable.references) {
             if (!reference.isRead()) {
               continue
@@ -74,31 +79,31 @@ module.exports = {
         }
       },
       // if (refValue)
-      'IfStatement>Identifier' (node) {
+      'IfStatement>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // switch (refValue)
-      'SwitchStatement>Identifier' (node) {
+      'SwitchStatement>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // -refValue, +refValue, !refValue, ~refValue, typeof refValue
-      'UnaryExpression>Identifier' (node) {
+      'UnaryExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue++, refValue--
-      'UpdateExpression>Identifier' (node) {
+      'UpdateExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue+1, refValue-1
-      'BinaryExpression>Identifier' (node) {
+      'BinaryExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue+=1, refValue-=1, foo+=refValue, foo-=refValue
-      'AssignmentExpression>Identifier' (node) {
+      'AssignmentExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue || other, refValue && other. ignore: other || refValue
-      'LogicalExpression>Identifier' (node) {
+      'LogicalExpression>Identifier'(node) {
         if (node.parent.left !== node) {
           return
         }
@@ -107,13 +112,16 @@ module.exports = {
         if (!info) {
           return
         }
-        if (!info.variableDeclaration || info.variableDeclaration.kind !== 'const') {
+        if (
+          !info.variableDeclaration ||
+          info.variableDeclaration.kind !== 'const'
+        ) {
           return
         }
         reportIfRefWrapped(node)
       },
       // refValue ? x : y
-      'ConditionalExpression>Identifier' (node) {
+      'ConditionalExpression>Identifier'(node) {
         if (node.parent.test !== node) {
           return
         }
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index c566684e6..258f1c517 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -31,13 +31,11 @@ const vueBuiltInComponents = [
   'slot'
 ]
 
-const vue3BuiltInComponents = [
-  'teleport',
-  'suspense'
-]
+const vue3BuiltInComponents = ['teleport', 'suspense']
 
 const isLowercase = (word) => /^[a-z]*$/.test(word)
-const capitalizeFirstLetter = (word) => word[0].toUpperCase() + word.substring(1, word.length)
+const capitalizeFirstLetter = (word) =>
+  word[0].toUpperCase() + word.substring(1, word.length)
 
 const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements,
@@ -69,22 +67,25 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow the use of reserved names in component definitions',
+      description:
+        'disallow the use of reserved names in component definitions',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-reserved-component-names.html'
     },
     fixable: null,
-    schema: [{
-      type: 'object',
-      properties: {
-        disallowVueBuiltInComponents: {
-          type: 'boolean'
-        },
-        disallowVue3BuiltInComponents: {
-          type: 'boolean'
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          disallowVueBuiltInComponents: {
+            type: 'boolean'
+          },
+          disallowVue3BuiltInComponents: {
+            type: 'boolean'
+          }
         }
       }
-    }],
+    ],
     messages: {
       reserved: 'Name "{{name}}" is reserved.',
       reservedInHtml: 'Name "{{name}}" is reserved in HTML.',
@@ -93,10 +94,12 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
-    const disallowVueBuiltInComponents = options.disallowVueBuiltInComponents === true
-    const disallowVue3BuiltInComponents = options.disallowVue3BuiltInComponents === true
+    const disallowVueBuiltInComponents =
+      options.disallowVueBuiltInComponents === true
+    const disallowVue3BuiltInComponents =
+      options.disallowVue3BuiltInComponents === true
 
     const reservedNames = new Set([
       ...RESERVED_NAMES_IN_HTML,
@@ -105,15 +108,16 @@ module.exports = {
       ...RESERVED_NAMES_IN_OTHERS
     ])
 
-    function canVerify (node) {
-      return node.type === 'Literal' || (
-        node.type === 'TemplateLiteral' &&
-        node.expressions.length === 0 &&
-        node.quasis.length === 1
+    function canVerify(node) {
+      return (
+        node.type === 'Literal' ||
+        (node.type === 'TemplateLiteral' &&
+          node.expressions.length === 0 &&
+          node.quasis.length === 1)
       )
     }
 
-    function reportIfInvalid (node) {
+    function reportIfInvalid(node) {
       let name
       if (node.type === 'TemplateLiteral') {
         const quasis = node.quasis[0]
@@ -126,19 +130,24 @@ module.exports = {
       }
     }
 
-    function report (node, name) {
+    function report(node, name) {
       context.report({
-        node: node,
-        messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml'
-          : RESERVED_NAMES_IN_VUE.has(name) ? 'reservedInVue'
-            : RESERVED_NAMES_IN_VUE3.has(name) ? 'reservedInVue3' : 'reserved',
+        node,
+        messageId: RESERVED_NAMES_IN_HTML.has(name)
+          ? 'reservedInHtml'
+          : RESERVED_NAMES_IN_VUE.has(name)
+          ? 'reservedInVue'
+          : RESERVED_NAMES_IN_VUE3.has(name)
+          ? 'reservedInVue3'
+          : 'reserved',
         data: {
-          name: name
+          name
         }
       })
     }
 
-    return Object.assign({},
+    return Object.assign(
+      {},
       utils.executeOnCallVueComponent(context, (node) => {
         if (node.arguments.length === 2) {
           const argument = node.arguments[0]
@@ -150,16 +159,17 @@ module.exports = {
       }),
       utils.executeOnVue(context, (obj) => {
         // Report if a component has been registered locally with a reserved name.
-        utils.getRegisteredComponents(obj)
+        utils
+          .getRegisteredComponents(obj)
           .filter(({ name }) => reservedNames.has(name))
           .forEach(({ node, name }) => report(node, name))
 
-        const node = obj.properties
-          .find(item => (
+        const node = obj.properties.find(
+          (item) =>
             item.type === 'Property' &&
             item.key.name === 'name' &&
             canVerify(item.value)
-          ))
+        )
 
         if (!node) return
         reportIfInvalid(node.value)
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index 249f10545..d17ce05df 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -38,7 +38,7 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const reservedKeys = new Set(RESERVED_KEYS.concat(options.reserved || []))
     const groups = new Set(GROUP_NAMES.concat(options.groups || []))
@@ -53,7 +53,8 @@ module.exports = {
         if (o.groupName === 'data' && o.name[0] === '_') {
           context.report({
             node: o.node,
-            message: "Keys starting with with '_' are reserved in '{{name}}' group.",
+            message:
+              "Keys starting with with '_' are reserved in '{{name}}' group.",
             data: {
               name: o.name
             }
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index fb992980c..c4f04edd4 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -17,26 +17,32 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      destructuring: 'Destructuring the `props` will cause the value to lose reactivity.',
-      getProperty: 'Getting a value from the `props` in root scope of `setup()` will cause the value to lose reactivity.'
+      destructuring:
+        'Destructuring the `props` will cause the value to lose reactivity.',
+      getProperty:
+        'Getting a value from the `props` in root scope of `setup()` will cause the value to lose reactivity.'
     }
   },
-  create (context) {
+  create(context) {
     const setupScopePropsReferenceIds = new Map()
 
-    function report (node, messageId) {
+    function report(node, messageId) {
       context.report({
         node,
         messageId
       })
     }
 
-    function verify (left, right, propsReferenceIds) {
+    function verify(left, right, propsReferenceIds) {
       if (!right) {
         return
       }
 
-      if (left.type !== 'ArrayPattern' && left.type !== 'ObjectPattern' && right.type !== 'MemberExpression') {
+      if (
+        left.type !== 'ArrayPattern' &&
+        left.type !== 'ObjectPattern' &&
+        right.type !== 'MemberExpression'
+      ) {
         return
       }
 
@@ -52,10 +58,10 @@ module.exports = {
     let scopeStack = null
 
     return utils.defineVueVisitor(context, {
-      ':function' (node) {
+      ':function'(node) {
         scopeStack = { upper: scopeStack, functionNode: node }
       },
-      onSetupFunctionEnter (node) {
+      onSetupFunctionEnter(node) {
         const propsParam = node.params[0]
         if (!propsParam) {
           // no arguments
@@ -65,7 +71,10 @@ module.exports = {
           // cannot check
           return
         }
-        if (propsParam.type === 'ArrayPattern' || propsParam.type === 'ObjectPattern') {
+        if (
+          propsParam.type === 'ArrayPattern' ||
+          propsParam.type === 'ObjectPattern'
+        ) {
           report(propsParam, 'destructuring')
           return
         }
@@ -84,21 +93,25 @@ module.exports = {
         }
         setupScopePropsReferenceIds.set(node, propsReferenceIds)
       },
-      'VariableDeclarator' (node) {
-        const propsReferenceIds = setupScopePropsReferenceIds.get(scopeStack.functionNode)
+      VariableDeclarator(node) {
+        const propsReferenceIds = setupScopePropsReferenceIds.get(
+          scopeStack.functionNode
+        )
         if (!propsReferenceIds) {
           return
         }
         verify(node.id, node.init, propsReferenceIds)
       },
-      'AssignmentExpression' (node) {
-        const propsReferenceIds = setupScopePropsReferenceIds.get(scopeStack.functionNode)
+      AssignmentExpression(node) {
+        const propsReferenceIds = setupScopePropsReferenceIds.get(
+          scopeStack.functionNode
+        )
         if (!propsReferenceIds) {
           return
         }
         verify(node.left, node.right, propsReferenceIds)
       },
-      ':function:exit' (node) {
+      ':function:exit'(node) {
         scopeStack = scopeStack.upper
 
         setupScopePropsReferenceIds.delete(node)
diff --git a/lib/rules/no-shared-component-data.js b/lib/rules/no-shared-component-data.js
index e94fbd0b8..2200f0e78 100644
--- a/lib/rules/no-shared-component-data.js
+++ b/lib/rules/no-shared-component-data.js
@@ -6,15 +6,15 @@
 
 const utils = require('../utils')
 
-function isOpenParen (token) {
+function isOpenParen(token) {
   return token.type === 'Punctuator' && token.value === '('
 }
 
-function isCloseParen (token) {
+function isCloseParen(token) {
   return token.type === 'Punctuator' && token.value === ')'
 }
 
-function getFirstAndLastTokens (node, sourceCode) {
+function getFirstAndLastTokens(node, sourceCode) {
   let first = sourceCode.getFirstToken(node)
   let last = sourceCode.getLastToken(node)
 
@@ -47,24 +47,25 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.executeOnVueComponent(context, (obj) => {
       obj.properties
-        .filter(p =>
-          p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'data' &&
-          p.value.type !== 'FunctionExpression' &&
-          p.value.type !== 'ArrowFunctionExpression' &&
-          p.value.type !== 'Identifier'
+        .filter(
+          (p) =>
+            p.type === 'Property' &&
+            p.key.type === 'Identifier' &&
+            p.key.name === 'data' &&
+            p.value.type !== 'FunctionExpression' &&
+            p.value.type !== 'ArrowFunctionExpression' &&
+            p.value.type !== 'Identifier'
         )
-        .forEach(p => {
+        .forEach((p) => {
           context.report({
             node: p,
             message: '`data` property in component must be a function.',
-            fix (fixer) {
+            fix(fixer) {
               const tokens = getFirstAndLastTokens(p.value, sourceCode)
 
               return [
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index d1bcc3a99..59f3b37e7 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -22,42 +22,48 @@ module.exports = {
     docs: {
       description: 'disallow side effects in computed properties',
       categories: ['vue3-essential', 'essential'],
-      url: 'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
     },
     fixable: null,
     schema: []
   },
 
-  create (context) {
+  create(context) {
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
     let scopeStack = { upper: null, body: null }
 
-    function onFunctionEnter (node) {
+    function onFunctionEnter(node) {
       scopeStack = { upper: scopeStack, body: node.body }
     }
 
-    function onFunctionExit () {
+    function onFunctionExit() {
       scopeStack = scopeStack.upper
     }
 
     return utils.defineVueVisitor(context, {
-      onVueObjectEnter (node) {
+      onVueObjectEnter(node) {
         computedPropertiesMap.set(node, utils.getComputedProperties(node))
       },
       ':function': onFunctionEnter,
       ':function:exit': onFunctionExit,
 
-      'MemberExpression > :matches(Identifier, ThisExpression)' (node, { node: vueNode }) {
+      'MemberExpression > :matches(Identifier, ThisExpression)'(
+        node,
+        { node: vueNode }
+      ) {
         const targetBody = scopeStack.body
-        const computedProperty = computedPropertiesMap.get(vueNode).find(cp => {
-          return (
-            cp.value &&
-            node.loc.start.line >= cp.value.loc.start.line &&
-            node.loc.end.line <= cp.value.loc.end.line &&
-            targetBody === cp.value
-          )
-        })
+        const computedProperty = computedPropertiesMap
+          .get(vueNode)
+          .find((cp) => {
+            return (
+              cp.value &&
+              node.loc.start.line >= cp.value.loc.start.line &&
+              node.loc.end.line <= cp.value.loc.end.line &&
+              targetBody === cp.value
+            )
+          })
         if (!computedProperty) {
           return
         }
@@ -80,7 +86,6 @@ module.exports = {
           })
         }
       }
-    }
-    )
+    })
   }
 }
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 767017bc2..4bb32f03f 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -20,16 +20,17 @@ module.exports = {
     docs: {
       description: 'disallow spaces around equal signs in attribute',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
+      url:
+        'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
     },
     fixable: 'whitespace',
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     return utils.defineTemplateBodyVisitor(context, {
-      'VAttribute' (node) {
+      VAttribute(node) {
         if (!node.value) {
           return
         }
@@ -46,7 +47,7 @@ module.exports = {
             },
             message: 'Unexpected spaces found around equal signs.',
             data: {},
-            fix: fixer => fixer.replaceTextRange(range, expect)
+            fix: (fixer) => fixer.replaceTextRange(range, expect)
           })
         }
       }
diff --git a/lib/rules/no-static-inline-styles.js b/lib/rules/no-static-inline-styles.js
index 1955ccbe7..73421a97b 100644
--- a/lib/rules/no-static-inline-styles.js
+++ b/lib/rules/no-static-inline-styles.js
@@ -30,13 +30,13 @@ module.exports = {
       forbiddenStyleAttr: '`style` attributes are forbidden.'
     }
   },
-  create (context) {
+  create(context) {
     /**
      * Checks whether if the given property node is a static value.
      * @param {AssignmentProperty} prop property node to check
      * @returns {boolean} `true` if the given property node is a static value.
      */
-    function isStaticValue (prop) {
+    function isStaticValue(prop) {
       return (
         !prop.computed &&
         prop.value.type === 'Literal' &&
@@ -58,7 +58,7 @@ module.exports = {
      * @param {VAttribute} node `:style` node to check
      * @returns {AssignmentProperty[] | [VAttribute]} the static properties.
      */
-    function getReportNodes (node) {
+    function getReportNodes(node) {
       const { value } = node
       if (!value) {
         return []
@@ -110,7 +110,7 @@ module.exports = {
      * Reports if the value is static.
      * @param {VAttribute} node `:style` node to check
      */
-    function verifyVBindStyle (node) {
+    function verifyVBindStyle(node) {
       for (const n of getReportNodes(node)) {
         context.report({
           node: n,
@@ -120,7 +120,7 @@ module.exports = {
     }
 
     const visitor = {
-      "VAttribute[directive=false][key.name='style']" (node) {
+      "VAttribute[directive=false][key.name='style']"(node) {
         context.report({
           node,
           messageId: 'forbiddenStyleAttr'
diff --git a/lib/rules/no-template-key.js b/lib/rules/no-template-key.js
index da54909d1..c7b06ef56 100644
--- a/lib/rules/no-template-key.js
+++ b/lib/rules/no-template-key.js
@@ -27,14 +27,18 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VElement[name='template']" (node) {
-        if (utils.hasAttribute(node, 'key') || utils.hasDirective(node, 'bind', 'key')) {
+      "VElement[name='template']"(node) {
+        if (
+          utils.hasAttribute(node, 'key') ||
+          utils.hasDirective(node, 'bind', 'key')
+        ) {
           context.report({
-            node: node,
+            node,
             loc: node.loc,
-            message: "'<template>' cannot be keyed. Place the key on real elements instead."
+            message:
+              "'<template>' cannot be keyed. Place the key on real elements instead."
           })
         }
       }
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 4548674b7..73aeca296 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -20,7 +20,8 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow variable declarations from shadowing variables declared in the outer scope',
+      description:
+        'disallow variable declarations from shadowing variables declared in the outer scope',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-template-shadow.html'
     },
@@ -28,7 +29,7 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const jsVars = new Set()
     let scope = {
       parent: null,
@@ -39,39 +40,49 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.defineTemplateBodyVisitor(context, {
-      VElement (node) {
-        scope = {
-          parent: scope,
-          nodes: scope.nodes.slice() // make copy
-        }
-        if (node.variables) {
-          for (const variable of node.variables) {
-            const varNode = variable.id
-            const name = varNode.name
-            if (scope.nodes.some(node => node.name === name) || jsVars.has(name)) {
-              context.report({
-                node: varNode,
-                loc: varNode.loc,
-                message: "Variable '{{name}}' is already declared in the upper scope.",
-                data: {
-                  name
-                }
-              })
-            } else {
-              scope.nodes.push(varNode)
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          scope = {
+            parent: scope,
+            nodes: scope.nodes.slice() // make copy
+          }
+          if (node.variables) {
+            for (const variable of node.variables) {
+              const varNode = variable.id
+              const name = varNode.name
+              if (
+                scope.nodes.some((node) => node.name === name) ||
+                jsVars.has(name)
+              ) {
+                context.report({
+                  node: varNode,
+                  loc: varNode.loc,
+                  message:
+                    "Variable '{{name}}' is already declared in the upper scope.",
+                  data: {
+                    name
+                  }
+                })
+              } else {
+                scope.nodes.push(varNode)
+              }
             }
           }
+        },
+        'VElement:exit'(node) {
+          scope = scope.parent
         }
       },
-      'VElement:exit' (node) {
-        scope = scope.parent
-      }
-    }, utils.executeOnVue(context, (obj) => {
-      const properties = Array.from(utils.iterateProperties(obj, new Set(GROUP_NAMES)))
-      for (const node of properties) {
-        jsVars.add(node.name)
-      }
-    }))
+      utils.executeOnVue(context, (obj) => {
+        const properties = Array.from(
+          utils.iterateProperties(obj, new Set(GROUP_NAMES))
+        )
+        for (const node of properties) {
+          jsVars.add(node.name)
+        }
+      })
+    )
   }
 }
diff --git a/lib/rules/no-template-target-blank.js b/lib/rules/no-template-target-blank.js
index bf43e19e2..f7c1ab864 100644
--- a/lib/rules/no-template-target-blank.js
+++ b/lib/rules/no-template-target-blank.js
@@ -13,42 +13,49 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
-function isTargetBlank (node) {
-  return node.key &&
+function isTargetBlank(node) {
+  return (
+    node.key &&
     node.key.name === 'target' &&
     node.value &&
     node.value.value === '_blank'
+  )
 }
 
-function hasSecureRel (node, allowReferrer) {
-  return node.attributes.some(attr => {
+function hasSecureRel(node, allowReferrer) {
+  return node.attributes.some((attr) => {
     if (attr.key && attr.key.name === 'rel') {
       const tags = attr.value && attr.value.value.toLowerCase().split(' ')
-      return tags &&
+      return (
+        tags &&
         tags.includes('noopener') &&
         (allowReferrer || tags.includes('noreferrer'))
+      )
     } else {
       return false
     }
   })
 }
 
-function hasExternalLink (node) {
-  return node.attributes.some(attr =>
-    attr.key &&
-    attr.key.name === 'href' &&
-    attr.value && /^(?:\w+:|\/\/)/.test(attr.value.value)
+function hasExternalLink(node) {
+  return node.attributes.some(
+    (attr) =>
+      attr.key &&
+      attr.key.name === 'href' &&
+      attr.value &&
+      /^(?:\w+:|\/\/)/.test(attr.value.value)
   )
 }
 
-function hasDynamicLink (node) {
-  return node.attributes.some(attr =>
-    attr.key &&
-    attr.key.type === 'VDirectiveKey' &&
-    attr.key.name &&
-    attr.key.name.name === 'bind' &&
-    attr.key.argument &&
-    attr.key.argument.name === 'href'
+function hasDynamicLink(node) {
+  return node.attributes.some(
+    (attr) =>
+      attr.key &&
+      attr.key.type === 'VDirectiveKey' &&
+      attr.key.name &&
+      attr.key.name.name === 'bind' &&
+      attr.key.argument &&
+      attr.key.argument.name === 'href'
   )
 }
 
@@ -65,18 +72,20 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-template-target-blank.html'
     },
-    schema: [{
-      type: 'object',
-      properties: {
-        allowReferrer: {
-          type: 'boolean'
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allowReferrer: {
+            type: 'boolean'
+          },
+          enforceDynamicLinks: {
+            enum: ['always', 'never']
+          }
         },
-        enforceDynamicLinks: {
-          enum: ['always', 'never']
-        }
-      },
-      additionalProperties: false
-    }]
+        additionalProperties: false
+      }
+    ]
   },
 
   /**
@@ -85,24 +94,26 @@ module.exports = {
    * @param {RuleContext} context - The rule context.
    * @returns {Object} AST event handlers.
    */
-  create (context) {
+  create(context) {
     const configuration = context.options[0] || {}
     const allowReferrer = configuration.allowReferrer || false
     const enforceDynamicLinks = configuration.enforceDynamicLinks || 'always'
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VAttribute' (node) {
+      VAttribute(node) {
         if (!isTargetBlank(node) || hasSecureRel(node.parent, allowReferrer)) {
           return
         }
 
-        const hasDangerHref = hasExternalLink(node.parent) ||
+        const hasDangerHref =
+          hasExternalLink(node.parent) ||
           (enforceDynamicLinks === 'always' && hasDynamicLink(node.parent))
 
         if (hasDangerHref) {
           context.report({
             node,
-            message: 'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+            message:
+              'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
           })
         }
       }
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index c8c00e5cf..06dabbf57 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VElement[name='textarea'] VExpressionContainer" (node) {
+      "VElement[name='textarea'] VExpressionContainer"(node) {
         if (node.parent.type !== 'VElement') {
           return
         }
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 6ee325058..d4ac6fa15 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -34,9 +34,11 @@ const VUE_BUILT_IN_COMPONENTS = [
  */
 const isBuiltInComponent = (node) => {
   const rawName = node && casing.kebabCase(node.rawName)
-  return utils.isHtmlElementNode(node) &&
+  return (
+    utils.isHtmlElementNode(node) &&
     !utils.isHtmlWellKnownElementName(node.rawName) &&
     VUE_BUILT_IN_COMPONENTS.indexOf(rawName) > -1
+  )
 }
 
 // ------------------------------------------------------------------------------
@@ -47,106 +49,127 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow using components that are not registered inside templates',
+      description:
+        'disallow using components that are not registered inside templates',
       categories: null,
       recommended: false,
       url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
     },
     fixable: null,
-    schema: [{
-      type: 'object',
-      properties: {
-        ignorePatterns: {
-          type: 'array'
-        }
-      },
-      additionalProperties: false
-    }]
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignorePatterns: {
+            type: 'array'
+          }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const ignorePatterns = options.ignorePatterns || []
     const usedComponentNodes = []
     const registeredComponents = []
 
-    return utils.defineTemplateBodyVisitor(context, {
-      VElement (node) {
-        if (
-          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-          utils.isHtmlWellKnownElementName(node.rawName) ||
-          utils.isSvgWellKnownElementName(node.rawName) ||
-          isBuiltInComponent(node)
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          if (
+            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+            utils.isHtmlWellKnownElementName(node.rawName) ||
+            utils.isSvgWellKnownElementName(node.rawName) ||
+            isBuiltInComponent(node)
+          ) {
+            return
+          }
+
+          usedComponentNodes.push({ node, name: node.rawName })
+        },
+        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
+          node
         ) {
-          return
-        }
+          if (
+            !node.value ||
+            node.value.type !== 'VExpressionContainer' ||
+            !node.value.expression
+          )
+            return
 
-        usedComponentNodes.push({ node, name: node.rawName })
-      },
-      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']" (node) {
-        if (
-          !node.value ||
-          node.value.type !== 'VExpressionContainer' ||
-          !node.value.expression
-        ) return
+          if (node.value.expression.type === 'Literal') {
+            if (utils.isHtmlWellKnownElementName(node.value.expression.value))
+              return
+            usedComponentNodes.push({ node, name: node.value.expression.value })
+          }
+        },
+        "VAttribute[directive=false][key.name='is']"(node) {
+          if (
+            !node.value || // `<component is />`
+            utils.isHtmlWellKnownElementName(node.value.value)
+          )
+            return
+          usedComponentNodes.push({ node, name: node.value.value })
+        },
+        "VElement[name='template']:exit"() {
+          // All registered components, transformed to kebab-case
+          const registeredComponentNames = registeredComponents.map(
+            ({ name }) => casing.kebabCase(name)
+          )
 
-        if (node.value.expression.type === 'Literal') {
-          if (utils.isHtmlWellKnownElementName(node.value.expression.value)) return
-          usedComponentNodes.push({ node, name: node.value.expression.value })
-        }
-      },
-      "VAttribute[directive=false][key.name='is']" (node) {
-        if (
-          !node.value || // `<component is />`
-          utils.isHtmlWellKnownElementName(node.value.value)
-        ) return
-        usedComponentNodes.push({ node, name: node.value.value })
-      },
-      "VElement[name='template']:exit" () {
-        // All registered components, transformed to kebab-case
-        const registeredComponentNames = registeredComponents
-          .map(({ name }) => casing.kebabCase(name))
-
-        // All registered components using kebab-case syntax
-        const componentsRegisteredAsKebabCase = registeredComponents
-          .filter(({ name }) => name === casing.kebabCase(name))
-          .map(({ name }) => name)
+          // All registered components using kebab-case syntax
+          const componentsRegisteredAsKebabCase = registeredComponents
+            .filter(({ name }) => name === casing.kebabCase(name))
+            .map(({ name }) => name)
 
-        usedComponentNodes
-          .filter(({ name }) => {
-            const kebabCaseName = casing.kebabCase(name)
+          usedComponentNodes
+            .filter(({ name }) => {
+              const kebabCaseName = casing.kebabCase(name)
 
-            // Check ignored patterns in first place
-            if (ignorePatterns.find(pattern => {
-              const regExp = new RegExp(pattern)
-              return regExp.test(kebabCaseName) ||
-                regExp.test(casing.pascalCase(name)) ||
-                regExp.test(casing.camelCase(name)) ||
-                regExp.test(casing.snakeCase(name)) ||
-                regExp.test(name)
-            })) return false
+              // Check ignored patterns in first place
+              if (
+                ignorePatterns.find((pattern) => {
+                  const regExp = new RegExp(pattern)
+                  return (
+                    regExp.test(kebabCaseName) ||
+                    regExp.test(casing.pascalCase(name)) ||
+                    regExp.test(casing.camelCase(name)) ||
+                    regExp.test(casing.snakeCase(name)) ||
+                    regExp.test(name)
+                  )
+                })
+              )
+                return false
 
-            // Component registered as `foo-bar` cannot be used as `FooBar`
-            if (
-              casing.isPascalCase(name) &&
-              componentsRegisteredAsKebabCase.indexOf(kebabCaseName) !== -1
-            ) {
-              return true
-            }
+              // Component registered as `foo-bar` cannot be used as `FooBar`
+              if (
+                casing.isPascalCase(name) &&
+                componentsRegisteredAsKebabCase.indexOf(kebabCaseName) !== -1
+              ) {
+                return true
+              }
 
-            // Otherwise
-            return registeredComponentNames.indexOf(kebabCaseName) === -1
-          })
-          .forEach(({ node, name }) => context.report({
-            node,
-            message: 'The "{{name}}" component has been used but not registered.',
-            data: {
-              name
-            }
-          }))
-      }
-    }, utils.executeOnVue(context, (obj) => {
-      registeredComponents.push(...utils.getRegisteredComponents(obj))
-    }))
+              // Otherwise
+              return registeredComponentNames.indexOf(kebabCaseName) === -1
+            })
+            .forEach(({ node, name }) =>
+              context.report({
+                node,
+                message:
+                  'The "{{name}}" component has been used but not registered.',
+                data: {
+                  name
+                }
+              })
+            )
+        }
+      },
+      utils.executeOnVue(context, (obj) => {
+        registeredComponents.push(...utils.getRegisteredComponents(obj))
+      })
+    )
   }
 }
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 21997737e..4089eef94 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -25,7 +25,7 @@ const cache = new Map()
  * @returns {Range|null} The range object of a given range text.
  * It's null if the `x` is not a valid range text.
  */
-function getSemverRange (x) {
+function getSemverRange(x) {
   const s = String(x)
   let ret = cache.get(s) || null
 
@@ -47,12 +47,12 @@ function getSemverRange (x) {
  * @param {Visitor} y The visitor which is assigning.
  * @returns {Visitor} `x`.
  */
-function merge (x, y) {
+function merge(x, y) {
   for (const key of Object.keys(y)) {
     if (typeof x[key] === 'function') {
       if (x[key]._handlers == null) {
         const fs = [x[key], y[key]]
-        x[key] = node => fs.forEach(h => h(node))
+        x[key] = (node) => fs.forEach((h) => h(node))
         x[key]._handlers = fs
       } else {
         x[key]._handlers.push(y[key])
@@ -68,7 +68,8 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow unsupported Vue.js syntax on the specified version',
+      description:
+        'disallow unsupported Vue.js syntax on the specified version',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-unsupported-features.html'
     },
@@ -93,16 +94,19 @@ module.exports = {
     ],
     messages: {
       // Vue.js 2.5.0+
-      forbiddenSlotScopeAttribute: '`slot-scope` are not supported until Vue.js "2.5.0".',
+      forbiddenSlotScopeAttribute:
+        '`slot-scope` are not supported until Vue.js "2.5.0".',
       // Vue.js 2.6.0+
-      forbiddenDynamicDirectiveArguments: 'Dynamic arguments are not supported until Vue.js "2.6.0".',
+      forbiddenDynamicDirectiveArguments:
+        'Dynamic arguments are not supported until Vue.js "2.6.0".',
       forbiddenVSlot: '`v-slot` are not supported until Vue.js "2.6.0".',
 
       // >=2.6.0-beta.1 <=2.6.0-beta.3
-      forbiddenVBindPropModifierShorthand: '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".'
+      forbiddenVBindPropModifierShorthand:
+        '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".'
     }
   },
-  create (context) {
+  create(context) {
     const { version, ignores } = Object.assign(
       {
         version: null,
@@ -121,15 +125,15 @@ module.exports = {
      * @param {{supported:string}} aCase The case object to check.
      * @returns {boolean} `true` if it's supporting.
      */
-    function isNotSupportingVersion (aCase) {
+    function isNotSupportingVersion(aCase) {
       if (typeof aCase.supported === 'function') {
         return !aCase.supported(versionRange)
       }
       return versionRange.intersects(getSemverRange(`<${aCase.supported}`))
     }
     const templateBodyVisitor = Object.keys(FEATURES)
-      .filter(syntaxName => !ignores.includes(syntaxName))
-      .filter(syntaxName => isNotSupportingVersion(FEATURES[syntaxName]))
+      .filter((syntaxName) => !ignores.includes(syntaxName))
+      .filter((syntaxName) => isNotSupportingVersion(FEATURES[syntaxName]))
       .reduce((result, syntaxName) => {
         const visitor = FEATURES[syntaxName].createTemplateBodyVisitor(context)
         if (visitor) {
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 21d2233cc..09cad4af7 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -19,94 +19,115 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow registering components that are not used inside templates',
+      description:
+        'disallow registering components that are not used inside templates',
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-unused-components.html'
     },
     fixable: null,
-    schema: [{
-      type: 'object',
-      properties: {
-        ignoreWhenBindingPresent: {
-          type: 'boolean'
-        }
-      },
-      additionalProperties: false
-    }]
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreWhenBindingPresent: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
-    const ignoreWhenBindingPresent = options.ignoreWhenBindingPresent !== undefined ? options.ignoreWhenBindingPresent : true
+    const ignoreWhenBindingPresent =
+      options.ignoreWhenBindingPresent !== undefined
+        ? options.ignoreWhenBindingPresent
+        : true
     const usedComponents = new Set()
     let registeredComponents = []
     let ignoreReporting = false
     let templateLocation
 
-    return utils.defineTemplateBodyVisitor(context, {
-      VElement (node) {
-        if (
-          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-          utils.isHtmlWellKnownElementName(node.rawName) ||
-          utils.isSvgWellKnownElementName(node.rawName)
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          if (
+            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+            utils.isHtmlWellKnownElementName(node.rawName) ||
+            utils.isSvgWellKnownElementName(node.rawName)
+          ) {
+            return
+          }
+
+          usedComponents.add(node.rawName)
+        },
+        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
+          node
         ) {
-          return
-        }
+          if (
+            !node.value || // `<component :is>`
+            node.value.type !== 'VExpressionContainer' ||
+            !node.value.expression // `<component :is="">`
+          )
+            return
 
-        usedComponents.add(node.rawName)
-      },
-      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']" (node) {
-        if (
-          !node.value ||  // `<component :is>`
-          node.value.type !== 'VExpressionContainer' ||
-          !node.value.expression  // `<component :is="">`
-        ) return
+          if (node.value.expression.type === 'Literal') {
+            usedComponents.add(node.value.expression.value)
+          } else if (ignoreWhenBindingPresent) {
+            ignoreReporting = true
+          }
+        },
+        "VAttribute[directive=false][key.name='is']"(node) {
+          usedComponents.add(node.value.value)
+        },
+        "VElement[name='template']"(rootNode) {
+          templateLocation = templateLocation || rootNode.loc.start
+        },
+        "VElement[name='template']:exit"(rootNode) {
+          if (
+            rootNode.loc.start !== templateLocation ||
+            ignoreReporting ||
+            utils.hasAttribute(rootNode, 'src')
+          )
+            return
 
-        if (node.value.expression.type === 'Literal') {
-          usedComponents.add(node.value.expression.value)
-        } else if (ignoreWhenBindingPresent) {
-          ignoreReporting = true
+          registeredComponents
+            .filter(({ name }) => {
+              // If the component name is PascalCase or camelCase
+              // it can be used in various of ways inside template,
+              // like "theComponent", "The-component" etc.
+              // but except snake_case
+              if (casing.isPascalCase(name) || casing.isCamelCase(name)) {
+                return ![...usedComponents].some((n) => {
+                  return (
+                    n.indexOf('_') === -1 &&
+                    (name === casing.pascalCase(n) ||
+                      casing.camelCase(n) === name)
+                  )
+                })
+              } else {
+                // In any other case the used component name must exactly match
+                // the registered name
+                return !usedComponents.has(name)
+              }
+            })
+            .forEach(({ node, name }) =>
+              context.report({
+                node,
+                message:
+                  'The "{{name}}" component has been registered but not used.',
+                data: {
+                  name
+                }
+              })
+            )
         }
       },
-      "VAttribute[directive=false][key.name='is']" (node) {
-        usedComponents.add(node.value.value)
-      },
-      "VElement[name='template']" (rootNode) {
-        templateLocation = templateLocation || rootNode.loc.start
-      },
-      "VElement[name='template']:exit" (rootNode) {
-        if (
-          rootNode.loc.start !== templateLocation ||
-          ignoreReporting ||
-          utils.hasAttribute(rootNode, 'src')
-        ) return
-
-        registeredComponents
-          .filter(({ name }) => {
-            // If the component name is PascalCase or camelCase
-            // it can be used in various of ways inside template,
-            // like "theComponent", "The-component" etc.
-            // but except snake_case
-            if (casing.isPascalCase(name) || casing.isCamelCase(name)) {
-              return ![...usedComponents].some(n => {
-                return n.indexOf('_') === -1 && (name === casing.pascalCase(n) || casing.camelCase(n) === name)
-              })
-            } else {
-              // In any other case the used component name must exactly match
-              // the registered name
-              return !usedComponents.has(name)
-            }
-          })
-          .forEach(({ node, name }) => context.report({
-            node,
-            message: 'The "{{name}}" component has been registered but not used.',
-            data: {
-              name
-            }
-          }))
-      }
-    }, utils.executeOnVue(context, (obj) => {
-      registeredComponents = utils.getRegisteredComponents(obj)
-    }))
+      utils.executeOnVue(context, (obj) => {
+        registeredComponents = utils.getRegisteredComponents(obj)
+      })
+    )
   }
 }
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index cbfcddaff..4c9c0e418 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -60,7 +60,7 @@ const PROPERTY_LABEL = {
  * @param {ASTNode} node The variable name to find.
  * @returns {Variable|null} The found variable or null.
  */
-function findVariable (context, node) {
+function findVariable(context, node) {
   // @ts-ignore
   return eslintUtils.findVariable(getScope(context, node), node)
 }
@@ -70,7 +70,7 @@ function findVariable (context, node) {
  * @param {ASTNode} currentNode The node to get the scope of
  * @returns { import('eslint-scope').Scope } The scope information for this node
  */
-function getScope (context, currentNode) {
+function getScope(context, currentNode) {
   // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
   const inner = currentNode.type !== 'Program'
   const scopeManager = context.getSourceCode().scopeManager
@@ -94,17 +94,17 @@ function getScope (context, currentNode) {
 /**
  * Extract names from references objects.
  */
-function getReferencesNames (references) {
+function getReferencesNames(references) {
   return references
-    .filter(ref => ref.variable == null)
-    .map(ref => ref.id.name)
+    .filter((ref) => ref.variable == null)
+    .map((ref) => ref.id.name)
 }
 
 /**
  * @param {ObjectPattern} node
  * @returns {UsedProperties}
  */
-function extractObjectPatternProperties (node) {
+function extractObjectPatternProperties(node) {
   const usedNames = new Set()
   for (const prop of node.properties) {
     if (prop.type === 'Property') {
@@ -128,7 +128,7 @@ function extractObjectPatternProperties (node) {
  * @param {RuleContext} context
  * @returns {UsedProps}
  */
-function extractIdOrThisProperties (node, context) {
+function extractIdOrThisProperties(node, context) {
   /** @type {UsedProps} */
   const result = new UsedProps()
   const parent = node.parent
@@ -136,14 +136,14 @@ function extractIdOrThisProperties (node, context) {
     if (parent.right === node && parent.left.type === 'ObjectPattern') {
       // `({foo} = arg)`
       const { usedNames, unknown } = extractObjectPatternProperties(parent.left)
-      usedNames.forEach(name => result.usedNames.add(name))
+      usedNames.forEach((name) => result.usedNames.add(name))
       result.unknown = result.unknown || unknown
     }
   } else if (parent.type === 'VariableDeclarator') {
     if (parent.init === node && parent.id.type === 'ObjectPattern') {
       // `const {foo} = arg`
       const { usedNames, unknown } = extractObjectPatternProperties(parent.id)
-      usedNames.forEach(name => result.usedNames.add(name))
+      usedNames.forEach((name) => result.usedNames.add(name))
       result.unknown = result.unknown || unknown
     }
   } else if (parent.type === 'MemberExpression') {
@@ -168,9 +168,10 @@ function extractIdOrThisProperties (node, context) {
         const def = calleeVariable.defs[0]
         if (
           def.type === 'Variable' &&
-              def.parent &&
-              def.parent.kind === 'const' &&
-              (def.node.init.type === 'FunctionExpression' || def.node.init.type === 'ArrowFunctionExpression')
+          def.parent &&
+          def.parent.kind === 'const' &&
+          (def.node.init.type === 'FunctionExpression' ||
+            def.node.init.type === 'ArrowFunctionExpression')
         ) {
           result.calls.push({
             // @ts-ignore
@@ -193,7 +194,7 @@ function extractIdOrThisProperties (node, context) {
  * Collects the property names used.
  */
 class UsedProps {
-  constructor () {
+  constructor() {
     /** @type {Set<string>} */
     this.usedNames = new Set()
     /** @type {CallIdAndParamIndex[]} */
@@ -210,7 +211,7 @@ class ParamUsedProps extends UsedProps {
    * @param {ASTNode} paramNode
    * @param {RuleContext} context
    */
-  constructor (paramNode, context) {
+  constructor(paramNode, context) {
     super()
 
     if (paramNode.type === 'RestElement' || paramNode.type === 'ArrayPattern') {
@@ -219,7 +220,7 @@ class ParamUsedProps extends UsedProps {
     }
     if (paramNode.type === 'ObjectPattern') {
       const { usedNames, unknown } = extractObjectPatternProperties(paramNode)
-      usedNames.forEach(name => this.usedNames.add(name))
+      usedNames.forEach((name) => this.usedNames.add(name))
       this.unknown = this.unknown || unknown
       return
     }
@@ -231,8 +232,11 @@ class ParamUsedProps extends UsedProps {
       /** @type {Identifier} */
       // @ts-ignore
       const id = reference.identifier
-      const { usedNames, unknown, calls } = extractIdOrThisProperties(id, context)
-      usedNames.forEach(name => this.usedNames.add(name))
+      const { usedNames, unknown, calls } = extractIdOrThisProperties(
+        id,
+        context
+      )
+      usedNames.forEach((name) => this.usedNames.add(name))
       this.unknown = this.unknown || unknown
       this.calls.push(...calls)
     }
@@ -247,7 +251,7 @@ class ParamsUsedProps {
    * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
    * @param {RuleContext} context
    */
-  constructor (node, context) {
+  constructor(node, context) {
     this.node = node
     this.context = context
     /** @type {ParamUsedProps[]} */
@@ -258,13 +262,16 @@ class ParamsUsedProps {
    * @param {number} index
    * @returns {ParamUsedProps}
    */
-  getParam (index) {
+  getParam(index) {
     const param = this.params[index]
     if (param != null) {
       return param
     }
     if (this.node.params[index]) {
-      return (this.params[index] = new ParamUsedProps(this.node.params[index], this.context))
+      return (this.params[index] = new ParamUsedProps(
+        this.node.params[index],
+        this.context
+      ))
     }
     return null
   }
@@ -310,7 +317,7 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const groups = new Set(options.groups || [GROUP_PROPERTY])
 
@@ -327,7 +334,7 @@ module.exports = {
      * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
      * @returns {ParamsUsedProps}
      */
-    function getParamsUsedProps (node) {
+    function getParamsUsedProps(node) {
       let usedProps = paramsUsedPropsMap.get(node)
       if (!usedProps) {
         usedProps = new ParamsUsedProps(node, context)
@@ -340,7 +347,7 @@ module.exports = {
      * @param {ASTNode} node
      * @returns {VueComponentPropertiesContainer}
      */
-    function getVueComponentPropertiesContainer (node) {
+    function getVueComponentPropertiesContainer(node) {
       let container = vueComponentPropertiesContainerMap.get(node)
       if (!container) {
         container = {
@@ -358,16 +365,23 @@ module.exports = {
     /**
      * Report all unused properties.
      */
-    function reportUnusedProperties () {
+    function reportUnusedProperties() {
       for (const container of vueComponentPropertiesContainerMap.values()) {
         if (container.unknown) {
           continue
         }
         for (const property of container.properties) {
-          if (container.usedNames.has(property.name) || templatePropertiesContainer.usedNames.has(property.name)) {
+          if (
+            container.usedNames.has(property.name) ||
+            templatePropertiesContainer.usedNames.has(property.name)
+          ) {
             continue
           }
-          if (property.groupName === 'props' && (container.unknownProps || container.usedPropsNames.has(property.name))) {
+          if (
+            property.groupName === 'props' &&
+            (container.unknownProps ||
+              container.usedPropsNames.has(property.name))
+          ) {
             continue
           }
           context.report({
@@ -387,7 +401,7 @@ module.exports = {
      * @param {Map<ASTNode,Set<number>>} already
      * @returns {Generator<UsedProps>}
      */
-    function * iterateUsedProps (usedProps, already = new Map()) {
+    function* iterateUsedProps(usedProps, already = new Map()) {
       yield usedProps
       for (const call of usedProps.calls) {
         let alreadyIndexes = already.get(call.node)
@@ -405,17 +419,20 @@ module.exports = {
           continue
         }
         yield paramUsedProps
-        yield * iterateUsedProps(paramUsedProps, already)
+        yield* iterateUsedProps(paramUsedProps, already)
       }
     }
 
     const scriptVisitor = Object.assign(
       {},
       utils.defineVueVisitor(context, {
-        onVueObjectEnter (node) {
+        onVueObjectEnter(node) {
           const container = getVueComponentPropertiesContainer(node)
           const watcherNames = new Set()
-          for (const watcher of utils.iterateProperties(node, new Set([GROUP_WATCHER]))) {
+          for (const watcher of utils.iterateProperties(
+            node,
+            new Set([GROUP_WATCHER])
+          )) {
             watcherNames.add(watcher.name)
           }
           for (const prop of utils.iterateProperties(node, groups)) {
@@ -425,7 +442,7 @@ module.exports = {
             container.properties.push(prop)
           }
         },
-        onSetupFunctionEnter (node, vueData) {
+        onSetupFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
           const propsParam = node.params[0]
           if (!propsParam) {
@@ -435,7 +452,9 @@ module.exports = {
           const paramsUsedProps = getParamsUsedProps(node)
           const paramUsedProps = paramsUsedProps.getParam(0)
 
-          for (const { usedNames, unknown } of iterateUsedProps(paramUsedProps)) {
+          for (const { usedNames, unknown } of iterateUsedProps(
+            paramUsedProps
+          )) {
             if (unknown) {
               container.unknownProps = true
               return
@@ -445,7 +464,7 @@ module.exports = {
             }
           }
         },
-        'ThisExpression, Identifier' (node, vueData) {
+        'ThisExpression, Identifier'(node, vueData) {
           if (!utils.isThis(node, context)) {
             return
           }
@@ -464,25 +483,29 @@ module.exports = {
         }
       }),
       {
-        'Program:exit' (node) {
+        'Program:exit'(node) {
           if (!node.templateBody) {
             reportUnusedProperties()
           }
         }
-      },
+      }
     )
 
     const templateVisitor = {
-      'VExpressionContainer' (node) {
+      VExpressionContainer(node) {
         for (const name of getReferencesNames(node.references)) {
           templatePropertiesContainer.usedNames.add(name)
         }
       },
-      "VElement[parent.type!='VElement']:exit" () {
+      "VElement[parent.type!='VElement']:exit"() {
         reportUnusedProperties()
       }
     }
 
-    return utils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    return utils.defineTemplateBodyVisitor(
+      context,
+      templateVisitor,
+      scriptVisitor
+    )
   }
 }
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 661a86ce4..61aee3ff5 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -14,39 +14,42 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow unused variable definitions of v-for directives or scope attributes',
+      description:
+        'disallow unused variable definitions of v-for directives or scope attributes',
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-unused-vars.html'
     },
     fixable: null,
     schema: [
       {
-        'type': 'object',
-        'properties': {
-          'ignorePattern': {
-            'type': 'string'
+        type: 'object',
+        properties: {
+          ignorePattern: {
+            type: 'string'
           }
         },
-        'additionalProperties': false
+        additionalProperties: false
       }
     ]
   },
 
-  create (context) {
-    const option = context.options[0] || { }
-    const pattern = option['ignorePattern']
+  create(context) {
+    const option = context.options[0] || {}
+    const pattern = option.ignorePattern
     let regExp = null
     if (pattern) {
       regExp = new RegExp(pattern, 'u')
     }
     return utils.defineTemplateBodyVisitor(context, {
-      VElement (node) {
+      VElement(node) {
         const variables = node.variables
 
         for (
           let i = variables.length - 1;
+          i >= 0 &&
+          !variables[i].references.length &&
           // eslint-disable-next-line no-unmodified-loop-condition
-          i >= 0 && !variables[i].references.length && (regExp === null || !regExp.test(variables[i].id.name));
+          (regExp === null || !regExp.test(variables[i].id.name));
           i--
         ) {
           const variable = variables[i]
@@ -55,14 +58,20 @@ module.exports = {
             loc: variable.id.loc,
             message: `'{{name}}' is defined but never used.`,
             data: variable.id,
-            suggest: pattern === '^_' ? [
-              {
-                desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
-                fix: function (fixer) {
-                  return fixer.replaceText(variable.id, `_${variable.id.name}`)
-                }
-              }
-            ] : []
+            suggest:
+              pattern === '^_'
+                ? [
+                    {
+                      desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
+                      fix(fixer) {
+                        return fixer.replaceText(
+                          variable.id,
+                          `_${variable.id.name}`
+                        )
+                      }
+                    }
+                  ]
+                : []
           })
         }
       }
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index deea4b03c..a12fda3c9 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -23,18 +23,16 @@ const utils = require('../utils')
  * @param {ASTNode} vIf The `v-if` attribute node to check.
  * @returns {boolean} `true` if the `v-if` is using the variable which is defined by the `v-for` directive.
  */
-function isUsingIterationVar (vIf) {
+function isUsingIterationVar(vIf) {
   return !!getVForUsingIterationVar(vIf)
 }
 
-function getVForUsingIterationVar (vIf) {
+function getVForUsingIterationVar(vIf) {
   const element = vIf.parent.parent
-  for (var i = 0; i < vIf.value.references.length; i++) {
-    const reference = vIf.value.references[i]
-
-    const targetVFor = element.variables.find(variable =>
-      variable.id.name === reference.id.name &&
-      variable.kind === 'v-for'
+  for (const reference of vIf.value.references) {
+    const targetVFor = element.variables.find(
+      (variable) =>
+        variable.id.name === reference.id.name && variable.kind === 'v-for'
     )
     if (targetVFor) {
       return targetVFor
@@ -56,21 +54,23 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html'
     },
     fixable: null,
-    schema: [{
-      type: 'object',
-      properties: {
-        allowUsingIterationVar: {
-          type: 'boolean'
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allowUsingIterationVar: {
+            type: 'boolean'
+          }
         }
       }
-    }]
+    ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const allowUsingIterationVar = options.allowUsingIterationVar === true // default false
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='if']" (node) {
+      "VAttribute[directive=true][key.name.name='if']"(node) {
         const element = node.parent.parent
 
         if (utils.hasDirective(element, 'for')) {
@@ -86,10 +86,17 @@ module.exports = {
               context.report({
                 node,
                 loc: node.loc,
-                message: "The '{{iteratorName}}' {{kind}} inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+                message:
+                  "The '{{iteratorName}}' {{kind}} inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
                 data: {
-                  iteratorName: iteratorNode.type === 'Identifier' ? iteratorNode.name : context.getSourceCode().getText(iteratorNode),
-                  kind: iteratorNode.type === 'Identifier' ? 'variable' : 'expression'
+                  iteratorName:
+                    iteratorNode.type === 'Identifier'
+                      ? iteratorNode.name
+                      : context.getSourceCode().getText(iteratorNode),
+                  kind:
+                    iteratorNode.type === 'Identifier'
+                      ? 'variable'
+                      : 'expression'
                 }
               })
             }
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index 276834f33..24044c644 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -20,9 +20,9 @@ module.exports = {
     fixable: null,
     schema: []
   },
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='html']" (node) {
+      "VAttribute[directive=true][key.name.name='html']"(node) {
         context.report({
           node,
           loc: node.loc,
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
index 9a565d53f..281aa9edf 100644
--- a/lib/rules/no-v-model-argument.js
+++ b/lib/rules/no-v-model-argument.js
@@ -18,7 +18,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow adding an argument to `v-model` used in custom component',
+      description:
+        'disallow adding an argument to `v-model` used in custom component',
       categories: ['essential'],
       url: 'https://eslint.vuejs.org/rules/no-v-model-argument.html'
     },
@@ -29,9 +30,9 @@ module.exports = {
     }
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='model']" (node) {
+      "VAttribute[directive=true][key.name.name='model']"(node) {
         const element = node.parent.parent
 
         if (node.key.argument && utils.isCustomComponent(element)) {
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index cbbd02061..378a1138d 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -6,7 +6,7 @@
 const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
-function isMaybeUsedStopHandle (node) {
+function isMaybeUsedStopHandle(node) {
   const parent = node.parent
   if (parent) {
     if (parent.type === 'VariableDeclarator') {
@@ -47,7 +47,7 @@ module.exports = {
       forbidden: 'The `watch` after `await` expression are forbidden.'
     }
   },
-  create (context) {
+  create(context) {
     const watchCallNodes = new Set()
     const setupFunctions = new Map()
 
@@ -55,7 +55,7 @@ module.exports = {
 
     return Object.assign(
       {
-        'Program' () {
+        Program() {
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
             vue: {
@@ -74,44 +74,42 @@ module.exports = {
           }
         }
       },
-      utils.defineVueVisitor(context,
-        {
-          ':function' (node) {
-            scopeStack = { upper: scopeStack, functionNode: node }
-          },
-          onSetupFunctionEnter (node) {
-            setupFunctions.set(node, {
-              setupProperty: node.parent,
-              afterAwait: false
-            })
-          },
-          'AwaitExpression' () {
-            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-            if (!setupFunctionData) {
-              return
-            }
-            setupFunctionData.afterAwait = true
-          },
-          'CallExpression' (node) {
-            const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-            if (!setupFunctionData || !setupFunctionData.afterAwait) {
-              return
-            }
-
-            if (watchCallNodes.has(node) && !isMaybeUsedStopHandle(node)) {
-              context.report({
-                node,
-                messageId: 'forbidden'
-              })
-            }
-          },
-          ':function:exit' (node) {
-            scopeStack = scopeStack.upper
+      utils.defineVueVisitor(context, {
+        ':function'(node) {
+          scopeStack = { upper: scopeStack, functionNode: node }
+        },
+        onSetupFunctionEnter(node) {
+          setupFunctions.set(node, {
+            setupProperty: node.parent,
+            afterAwait: false
+          })
+        },
+        AwaitExpression() {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          setupFunctionData.afterAwait = true
+        },
+        CallExpression(node) {
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+            return
+          }
 
-            setupFunctions.delete(node)
+          if (watchCallNodes.has(node) && !isMaybeUsedStopHandle(node)) {
+            context.report({
+              node,
+              messageId: 'forbidden'
+            })
           }
         },
-      )
+        ':function:exit'(node) {
+          scopeStack = scopeStack.upper
+
+          setupFunctions.delete(node)
+        }
+      })
     )
   }
 }
diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
index f21f6fdee..cc1ce17df 100644
--- a/lib/rules/one-component-per-file.js
+++ b/lib/rules/one-component-per-file.js
@@ -23,19 +23,20 @@ module.exports = {
       toManyComponents: 'There is more than one component in this file.'
     }
   },
-  create (context) {
+  create(context) {
     const components = []
 
-    return Object.assign({},
+    return Object.assign(
+      {},
       utils.executeOnVueComponent(context, (node) => {
         components.push(node)
       }),
       {
-        'Program:exit' () {
+        'Program:exit'() {
           if (components.length > 1) {
             for (const node of components) {
               context.report({
-                node: node,
+                node,
                 messageId: 'toManyComponents'
               })
             }
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index 6017edca2..0fb5ee8d5 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -10,7 +10,7 @@ const utils = require('../utils')
  * @param {string} text Source code as a string.
  * @returns {string[]} Array of source code lines.
  */
-function splitLines (text) {
+function splitLines(text) {
   return text.split(/\r\n|[\r\n\u2028\u2029]/gu)
 }
 
@@ -24,7 +24,7 @@ function splitLines (text) {
  * @returns {void}
  * @private
  */
-function verifyForNever (context, prevBlock, nextBlock, betweenTokens) {
+function verifyForNever(context, prevBlock, nextBlock, betweenTokens) {
   if (prevBlock.loc.end.line === nextBlock.loc.start.line) {
     // same line
     return
@@ -46,14 +46,13 @@ function verifyForNever (context, prevBlock, nextBlock, betweenTokens) {
   context.report({
     node: nextBlock,
     messageId: 'never',
-    fix (fixer) {
+    fix(fixer) {
       return paddingLines.map(([prevToken, nextToken]) => {
         const start = prevToken.range[1]
         const end = nextToken.range[0]
-        const paddingText = context.getSourceCode().text
-          .slice(start, end)
+        const paddingText = context.getSourceCode().text.slice(start, end)
         const lastSpaces = splitLines(paddingText).pop()
-        return fixer.replaceTextRange([start, end], '\n' + lastSpaces)
+        return fixer.replaceTextRange([start, end], `\n${lastSpaces}`)
       })
     }
   })
@@ -69,7 +68,7 @@ function verifyForNever (context, prevBlock, nextBlock, betweenTokens) {
  * @returns {void}
  * @private
  */
-function verifyForAlways (context, prevBlock, nextBlock, betweenTokens) {
+function verifyForAlways(context, prevBlock, nextBlock, betweenTokens) {
   const tokenOrNodes = [...betweenTokens, nextBlock]
   let prev = prevBlock
   let linebreak
@@ -88,7 +87,7 @@ function verifyForAlways (context, prevBlock, nextBlock, betweenTokens) {
   context.report({
     node: nextBlock,
     messageId: 'always',
-    fix (fixer) {
+    fix(fixer) {
       if (linebreak) {
         return fixer.insertTextAfter(linebreak, '\n')
       }
@@ -131,26 +130,31 @@ module.exports = {
       always: 'Expected blank line before this block.'
     }
   },
-  create (context) {
+  create(context) {
     const paddingType = PaddingTypes[context.options[0] || 'always']
-    const documentFragment = context.parserServices.getDocumentFragment && context.parserServices.getDocumentFragment()
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
 
     let tokens
-    function getTopLevelHTMLElements () {
+    function getTopLevelHTMLElements() {
       if (documentFragment) {
-        return documentFragment.children.filter(e => e.type === 'VElement')
+        return documentFragment.children.filter((e) => e.type === 'VElement')
       }
       return []
     }
 
-    function getTokenAndCommentsBetween (prev, next) {
+    function getTokenAndCommentsBetween(prev, next) {
       // When there is no <template>, tokenStore.getTokensBetween cannot be used.
       if (!tokens) {
         tokens = [
-          ...documentFragment.tokens
-            .filter(token => token.type !== 'HTMLWhitespace'),
+          ...documentFragment.tokens.filter(
+            (token) => token.type !== 'HTMLWhitespace'
+          ),
           ...documentFragment.comments
-        ].sort((a, b) => a.range[0] > b.range[0] ? 1 : a.range[0] < b.range[0] ? -1 : 0)
+        ].sort((a, b) =>
+          a.range[0] > b.range[0] ? 1 : a.range[0] < b.range[0] ? -1 : 0
+        )
       }
 
       let token = tokens.shift()
@@ -175,7 +179,7 @@ module.exports = {
       context,
       {},
       {
-        Program (node) {
+        Program(node) {
           if (utils.hasInvalidEOF(node)) {
             return
           }
diff --git a/lib/rules/prefer-template.js b/lib/rules/prefer-template.js
index 70e041e57..b78d1eb7a 100644
--- a/lib/rules/prefer-template.js
+++ b/lib/rules/prefer-template.js
@@ -6,6 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/prefer-template')
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/prefer-template'))
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 532b41ce7..3ea2864cd 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -12,9 +12,10 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
 // Rule Definition
 // ------------------------------------------------------------------------------
 
-function create (context) {
+function create(context) {
   const options = context.options[0]
-  const caseType = allowedCaseOptions.indexOf(options) !== -1 ? options : 'camelCase'
+  const caseType =
+    allowedCaseOptions.indexOf(options) !== -1 ? options : 'camelCase'
   const checker = casing.getChecker(caseType)
 
   // ----------------------------------------------------------------------
@@ -22,11 +23,18 @@ function create (context) {
   // ----------------------------------------------------------------------
 
   return utils.executeOnVue(context, (obj) => {
-    const props = utils.getComponentProps(obj)
-      .filter(prop => prop.key && (prop.key.type === 'Literal' || (prop.key.type === 'Identifier' && !prop.node.computed)))
+    const props = utils
+      .getComponentProps(obj)
+      .filter(
+        (prop) =>
+          prop.key &&
+          (prop.key.type === 'Literal' ||
+            (prop.key.type === 'Identifier' && !prop.node.computed))
+      )
 
     for (const item of props) {
-      const propName = item.key.type === 'Literal' ? item.key.value : item.key.name
+      const propName =
+        item.key.type === 'Literal' ? item.key.value : item.key.name
       if (typeof propName !== 'string') {
         // (boolean | null | number | RegExp) Literal
         continue
@@ -37,7 +45,7 @@ function create (context) {
           message: 'Prop "{{name}}" is not in {{caseType}}.',
           data: {
             name: propName,
-            caseType: caseType
+            caseType
           }
         })
       }
@@ -53,11 +61,12 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce specific casing for the Prop name in Vue components',
+      description:
+        'enforce specific casing for the Prop name in Vue components',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/prop-name-casing.html'
     },
-    fixable: null,  // null or "code" or "whitespace"
+    fixable: null, // null or "code" or "whitespace"
     schema: [
       {
         enum: allowedCaseOptions
diff --git a/lib/rules/require-component-is.js b/lib/rules/require-component-is.js
index c50682c87..0ddab6551 100644
--- a/lib/rules/require-component-is.js
+++ b/lib/rules/require-component-is.js
@@ -27,14 +27,15 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VElement[name='component']" (node) {
+      "VElement[name='component']"(node) {
         if (!utils.hasDirective(node, 'bind', 'is')) {
           context.report({
             node,
             loc: node.loc,
-            message: "Expected '<component>' elements to have 'v-bind:is' attribute."
+            message:
+              "Expected '<component>' elements to have 'v-bind:is' attribute."
           })
         }
       }
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 7f3c938ad..02ed48238 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -42,7 +42,7 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     // ----------------------------------------------------------------------
     // Helpers
     // ----------------------------------------------------------------------
@@ -52,14 +52,14 @@ module.exports = {
      * @param {ComponentObjectPropObject} prop - Property AST node for a single prop
      * @return {boolean}
      */
-    function propIsRequired (prop) {
-      const propRequiredNode = prop.value.properties
-        .find(p =>
+    function propIsRequired(prop) {
+      const propRequiredNode = prop.value.properties.find(
+        (p) =>
           p.type === 'Property' &&
           utils.getStaticPropertyName(p) === 'required' &&
           p.value.type === 'Literal' &&
           p.value.value === true
-        )
+      )
 
       return Boolean(propRequiredNode)
     }
@@ -69,11 +69,11 @@ module.exports = {
      * @param {ComponentObjectPropObject} prop - Property AST node for a single prop
      * @return {boolean}
      */
-    function propHasDefault (prop) {
-      const propDefaultNode = prop.value.properties
-        .find(p =>
+    function propHasDefault(prop) {
+      const propDefaultNode = prop.value.properties.find(
+        (p) =>
           p.type === 'Property' && utils.getStaticPropertyName(p) === 'default'
-        )
+      )
 
       return Boolean(propDefaultNode)
     }
@@ -83,16 +83,22 @@ module.exports = {
      * @param {ComponentObjectProp[]} props - Vue component's "props" node
      * @return {ComponentObjectProp[]} Array of props without "default" value
      */
-    function findPropsWithoutDefaultValue (props) {
-      return props
-        .filter(prop => {
-          if (prop.value.type !== 'ObjectExpression') {
-            return (prop.value.type !== 'CallExpression' && prop.value.type !== 'Identifier') ||
-              (prop.value.type === 'Identifier' && NATIVE_TYPES.has(prop.value.name))
-          }
-
-          return !propIsRequired(/** @type {ComponentObjectPropObject} */(prop)) && !propHasDefault(/** @type {ComponentObjectPropObject} */(prop))
-        })
+    function findPropsWithoutDefaultValue(props) {
+      return props.filter((prop) => {
+        if (prop.value.type !== 'ObjectExpression') {
+          return (
+            (prop.value.type !== 'CallExpression' &&
+              prop.value.type !== 'Identifier') ||
+            (prop.value.type === 'Identifier' &&
+              NATIVE_TYPES.has(prop.value.name))
+          )
+        }
+
+        return (
+          !propIsRequired(/** @type {ComponentObjectPropObject} */ (prop)) &&
+          !propHasDefault(/** @type {ComponentObjectPropObject} */ (prop))
+        )
+      })
     }
 
     /**
@@ -100,15 +106,13 @@ module.exports = {
      * @param {Expression | Pattern} value
      * @return {Boolean}
      */
-    function isValueNodeOfBooleanType (value) {
+    function isValueNodeOfBooleanType(value) {
       return (
-        value.type === 'Identifier' &&
-        value.name === 'Boolean'
-      ) || (
-        value.type === 'ArrayExpression' &&
-        value.elements.length === 1 &&
-        value.elements[0].type === 'Identifier' &&
-        value.elements[0].name === 'Boolean'
+        (value.type === 'Identifier' && value.name === 'Boolean') ||
+        (value.type === 'ArrayExpression' &&
+          value.elements.length === 1 &&
+          value.elements[0].type === 'Identifier' &&
+          value.elements[0].name === 'Boolean')
       )
     }
 
@@ -117,17 +121,19 @@ module.exports = {
      * @param {ComponentObjectProp} prop
      * @return {Boolean}
      */
-    function isBooleanProp (prop) {
+    function isBooleanProp(prop) {
       const value = utils.unwrapTypes(prop.value)
 
-      return isValueNodeOfBooleanType(value) || (
-        value.type === 'ObjectExpression' &&
-        value.properties.some(p =>
-          p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'type' &&
-          isValueNodeOfBooleanType(p.value)
-        )
+      return (
+        isValueNodeOfBooleanType(value) ||
+        (value.type === 'ObjectExpression' &&
+          value.properties.some(
+            (p) =>
+              p.type === 'Property' &&
+              p.key.type === 'Identifier' &&
+              p.key.name === 'type' &&
+              isValueNodeOfBooleanType(p.value)
+          ))
       )
     }
 
@@ -136,8 +142,8 @@ module.exports = {
      * @param {ComponentObjectProp[]} props - Array with props
      * @return {ComponentObjectProp[]}
      */
-    function excludeBooleanProps (props) {
-      return props.filter(prop => !isBooleanProp(prop))
+    function excludeBooleanProps(props) {
+      return props.filter((prop) => !isBooleanProp(prop))
     }
 
     // ----------------------------------------------------------------------
@@ -145,14 +151,25 @@ module.exports = {
     // ----------------------------------------------------------------------
 
     return utils.executeOnVue(context, (obj) => {
-      const props = utils.getComponentProps(obj)
-        .filter(prop => prop.key && prop.value && !(prop.node.type === 'Property' && prop.node.shorthand))
+      const props = utils
+        .getComponentProps(obj)
+        .filter(
+          (prop) =>
+            prop.key &&
+            prop.value &&
+            !(prop.node.type === 'Property' && prop.node.shorthand)
+        )
 
-      const propsWithoutDefault = findPropsWithoutDefaultValue(/** @type {ComponentObjectProp[]} */(props))
+      const propsWithoutDefault = findPropsWithoutDefaultValue(
+        /** @type {ComponentObjectProp[]} */ (props)
+      )
       const propsToReport = excludeBooleanProps(propsWithoutDefault)
 
       for (const prop of propsToReport) {
-        const propName = prop.propName != null ? prop.propName : `[${context.getSourceCode().getText(prop.key)}]`
+        const propName =
+          prop.propName != null
+            ? prop.propName
+            : `[${context.getSourceCode().getText(prop.key)}]`
 
         context.report({
           node: prop.node,
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index decf07277..13219f71e 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -31,7 +31,8 @@ const FIX_EMITS_AFTER_OPTIONS = [
   'computed',
   'watch',
   'methods',
-  'template', 'render',
+  'template',
+  'render',
   'renderError',
 
   // lifecycle hooks
@@ -52,7 +53,7 @@ const FIX_EMITS_AFTER_OPTIONS = [
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left brace.
  */
-function isLeftBrace (token) {
+function isLeftBrace(token) {
   return token != null && token.type === 'Punctuator' && token.value === '{'
 }
 
@@ -61,7 +62,7 @@ function isLeftBrace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right brace.
  */
-function isRightBrace (token) {
+function isRightBrace(token) {
   return token != null && token.type === 'Punctuator' && token.value === '}'
 }
 
@@ -70,7 +71,7 @@ function isRightBrace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left bracket.
  */
-function isLeftBracket (token) {
+function isLeftBracket(token) {
   return token != null && token.type === 'Punctuator' && token.value === '['
 }
 
@@ -89,14 +90,17 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      missing: 'The "{{name}}" event has been triggered but not declared on `emits` option.',
+      missing:
+        'The "{{name}}" event has been triggered but not declared on `emits` option.',
       addOneOption: 'Add the "{{name}}" to `emits` option.',
-      addArrayEmitsOption: 'Add the `emits` option with array syntax and define "{{name}}" event.',
-      addObjectEmitsOption: 'Add the `emits` option with object syntax and define "{{name}}" event.'
+      addArrayEmitsOption:
+        'Add the `emits` option with array syntax and define "{{name}}" event.',
+      addObjectEmitsOption:
+        'Add the `emits` option with object syntax and define "{{name}}" event.'
     }
   },
 
-  create (context) {
+  create(context) {
     /** @typedef { { node: Literal, name: string } } EmitCellName */
 
     const setupContexts = new Map()
@@ -107,16 +111,16 @@ module.exports = {
     /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression, emits: (ComponentArrayEmit | ComponentObjectEmit)[] } | null } */
     let vueObjectData = null
 
-    function addTemplateEmitCellName (nameLiteralNode) {
+    function addTemplateEmitCellName(nameLiteralNode) {
       templateEmitCellNames.push({
         node: nameLiteralNode,
         name: nameLiteralNode.value
       })
     }
 
-    function verify (emitsDeclarations, nameLiteralNode, vueObjectNode) {
+    function verify(emitsDeclarations, nameLiteralNode, vueObjectNode) {
       const name = nameLiteralNode.value
-      if (emitsDeclarations.some(e => e.emitName === name)) {
+      if (emitsDeclarations.some((e) => e.emitName === name)) {
         return
       }
       context.report({
@@ -125,13 +129,19 @@ module.exports = {
         data: {
           name
         },
-        suggest: buildSuggest(vueObjectNode, emitsDeclarations, nameLiteralNode, context)
+        suggest: buildSuggest(
+          vueObjectNode,
+          emitsDeclarations,
+          nameLiteralNode,
+          context
+        )
       })
     }
 
-    return utils.defineTemplateBodyVisitor(context,
+    return utils.defineTemplateBodyVisitor(
+      context,
       {
-        'CallExpression[arguments.0.type=Literal]' (node) {
+        'CallExpression[arguments.0.type=Literal]'(node) {
           const callee = node.callee
           const nameLiteralNode = node.arguments[0]
           if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
@@ -142,11 +152,13 @@ module.exports = {
             addTemplateEmitCellName(nameLiteralNode)
           }
         },
-        "VElement[parent.type!='VElement']:exit" () {
+        "VElement[parent.type!='VElement']:exit"() {
           if (!vueObjectData) {
             return
           }
-          const emitsDeclarationNames = new Set(vueObjectData.emits.map(e => e.emitName))
+          const emitsDeclarationNames = new Set(
+            vueObjectData.emits.map((e) => e.emitName)
+          )
 
           for (const { name, node } of templateEmitCellNames) {
             if (emitsDeclarationNames.has(name)) {
@@ -158,16 +170,21 @@ module.exports = {
               data: {
                 name
               },
-              suggest: buildSuggest(vueObjectData.object, vueObjectData.emits, node, context)
+              suggest: buildSuggest(
+                vueObjectData.object,
+                vueObjectData.emits,
+                node,
+                context
+              )
             })
           }
         }
       },
       utils.defineVueVisitor(context, {
-        onVueObjectEnter (node) {
+        onVueObjectEnter(node) {
           vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
         },
-        onSetupFunctionEnter (node, { node: vueNode }) {
+        onSetupFunctionEnter(node, { node: vueNode }) {
           const contextParam = node.params[1]
           if (!contextParam) {
             // no arguments
@@ -184,7 +201,11 @@ module.exports = {
           const contextReferenceIds = new Set()
           const emitReferenceIds = new Set()
           if (contextParam.type === 'ObjectPattern') {
-            const emitProperty = contextParam.properties.find(p => p.type === 'Property' && utils.getStaticPropertyName(p) === 'emit')
+            const emitProperty = contextParam.properties.find(
+              (p) =>
+                p.type === 'Property' &&
+                utils.getStaticPropertyName(p) === 'emit'
+            )
             if (!emitProperty) {
               return
             }
@@ -220,7 +241,7 @@ module.exports = {
             emitReferenceIds
           })
         },
-        'CallExpression[arguments.0.type=Literal]' (node, { node: vueNode }) {
+        'CallExpression[arguments.0.type=Literal]'(node, { node: vueNode }) {
           const callee = node.callee
           const nameLiteralNode = node.arguments[0]
           if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
@@ -242,10 +263,14 @@ module.exports = {
           if (setupContext) {
             const { contextReferenceIds, emitReferenceIds } = setupContext
             if (emitReferenceIds.has(callee)) {
-            // verify setup(props,{emit}) {emit()}
+              // verify setup(props,{emit}) {emit()}
               verify(emitsDeclarations, nameLiteralNode, vueNode)
-            } else if (emit && emit.name === 'emit' && contextReferenceIds.has(emit.member.object)) {
-            // verify setup(props,context) {context.emit()}
+            } else if (
+              emit &&
+              emit.name === 'emit' &&
+              contextReferenceIds.has(emit.member.object)
+            ) {
+              // verify setup(props,context) {context.emit()}
               verify(emitsDeclarations, nameLiteralNode, vueNode)
             }
           }
@@ -258,7 +283,7 @@ module.exports = {
             }
           }
         },
-        onVueObjectExit (node, { type }) {
+        onVueObjectExit(node, { type }) {
           if (!vueObjectData || vueObjectData.type !== 'export') {
             vueObjectData = {
               type,
@@ -269,7 +294,7 @@ module.exports = {
           setupContexts.delete(node)
           vueEmitsDeclarations.delete(node)
         }
-      }),
+      })
     )
   }
 }
@@ -280,45 +305,56 @@ module.exports = {
  * @param {Literal} nameNode
  * @param {RuleContext} context
  */
-function buildSuggest (object, emits, nameNode, context) {
-  const certainEmits = emits.filter(e => e.key)
+function buildSuggest(object, emits, nameNode, context) {
+  const certainEmits = emits.filter((e) => e.key)
   if (certainEmits.length) {
     const last = certainEmits[certainEmits.length - 1]
     return [
       {
         messageId: 'addOneOption',
         data: { name: nameNode.value },
-        fix (fixer) {
+        fix(fixer) {
           if (last.value === null) {
             // Array
             return fixer.insertTextAfter(last.node, `, '${nameNode.value}'`)
           } else {
             // Object
-            return fixer.insertTextAfter(last.node, `, '${nameNode.value}': null`)
+            return fixer.insertTextAfter(
+              last.node,
+              `, '${nameNode.value}': null`
+            )
           }
         }
       }
     ]
   }
 
-  const propertyNodes = object.properties
-    .filter(p =>
-      p.type === 'Property' &&
-      p.key.type === 'Identifier'
-    )
+  const propertyNodes = object.properties.filter(
+    (p) => p.type === 'Property' && p.key.type === 'Identifier'
+  )
 
-  const emitsOption = propertyNodes.find(p => utils.getStaticPropertyName(p) === 'emits')
+  const emitsOption = propertyNodes.find(
+    (p) => utils.getStaticPropertyName(p) === 'emits'
+  )
   if (emitsOption) {
     const sourceCode = context.getSourceCode()
     const emitsOptionValue = emitsOption.value
     if (emitsOptionValue.type === 'ArrayExpression') {
-      const leftBracket = sourceCode.getFirstToken(emitsOptionValue, isLeftBracket)
+      const leftBracket = sourceCode.getFirstToken(
+        emitsOptionValue,
+        isLeftBracket
+      )
       return [
         {
           messageId: 'addOneOption',
           data: { name: nameNode.value },
-          fix (fixer) {
-            return fixer.insertTextAfter(leftBracket, `'${nameNode.value}'${emitsOptionValue.elements.length ? ',' : ''}`)
+          fix(fixer) {
+            return fixer.insertTextAfter(
+              leftBracket,
+              `'${nameNode.value}'${
+                emitsOptionValue.elements.length ? ',' : ''
+              }`
+            )
           }
         }
       ]
@@ -328,8 +364,13 @@ function buildSuggest (object, emits, nameNode, context) {
         {
           messageId: 'addOneOption',
           data: { name: nameNode.value },
-          fix (fixer) {
-            return fixer.insertTextAfter(leftBrace, `'${nameNode.value}': null${emitsOptionValue.properties.length ? ',' : ''}`)
+          fix(fixer) {
+            return fixer.insertTextAfter(
+              leftBrace,
+              `'${nameNode.value}': null${
+                emitsOptionValue.properties.length ? ',' : ''
+              }`
+            )
           }
         }
       ]
@@ -338,37 +379,69 @@ function buildSuggest (object, emits, nameNode, context) {
   }
 
   const sourceCode = context.getSourceCode()
-  const afterOptionNode = propertyNodes.find(p => FIX_EMITS_AFTER_OPTIONS.includes(utils.getStaticPropertyName(p)))
+  const afterOptionNode = propertyNodes.find((p) =>
+    FIX_EMITS_AFTER_OPTIONS.includes(utils.getStaticPropertyName(p))
+  )
   return [
     {
       messageId: 'addArrayEmitsOption',
       data: { name: nameNode.value },
-      fix (fixer) {
+      fix(fixer) {
         if (afterOptionNode) {
-          return fixer.insertTextAfter(sourceCode.getTokenBefore(afterOptionNode), `\nemits: ['${nameNode.value}'],`)
+          return fixer.insertTextAfter(
+            sourceCode.getTokenBefore(afterOptionNode),
+            `\nemits: ['${nameNode.value}'],`
+          )
         } else if (object.properties.length) {
-          const before = propertyNodes[propertyNodes.length - 1] || object.properties[object.properties.length - 1]
-          return fixer.insertTextAfter(before, `,\nemits: ['${nameNode.value}']`)
+          const before =
+            propertyNodes[propertyNodes.length - 1] ||
+            object.properties[object.properties.length - 1]
+          return fixer.insertTextAfter(
+            before,
+            `,\nemits: ['${nameNode.value}']`
+          )
         } else {
           const objectLeftBrace = sourceCode.getFirstToken(object, isLeftBrace)
           const objectRightBrace = sourceCode.getLastToken(object, isRightBrace)
-          return fixer.insertTextAfter(objectLeftBrace, `\nemits: ['${nameNode.value}']${objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line ? '' : '\n'}`)
+          return fixer.insertTextAfter(
+            objectLeftBrace,
+            `\nemits: ['${nameNode.value}']${
+              objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line
+                ? ''
+                : '\n'
+            }`
+          )
         }
       }
     },
     {
       messageId: 'addObjectEmitsOption',
       data: { name: nameNode.value },
-      fix (fixer) {
+      fix(fixer) {
         if (afterOptionNode) {
-          return fixer.insertTextAfter(sourceCode.getTokenBefore(afterOptionNode), `\nemits: {'${nameNode.value}': null},`)
+          return fixer.insertTextAfter(
+            sourceCode.getTokenBefore(afterOptionNode),
+            `\nemits: {'${nameNode.value}': null},`
+          )
         } else if (object.properties.length) {
-          const before = propertyNodes[propertyNodes.length - 1] || object.properties[object.properties.length - 1]
-          return fixer.insertTextAfter(before, `,\nemits: {'${nameNode.value}': null}`)
+          const before =
+            propertyNodes[propertyNodes.length - 1] ||
+            object.properties[object.properties.length - 1]
+          return fixer.insertTextAfter(
+            before,
+            `,\nemits: {'${nameNode.value}': null}`
+          )
         } else {
           const objectLeftBrace = sourceCode.getFirstToken(object, isLeftBrace)
           const objectRightBrace = sourceCode.getLastToken(object, isRightBrace)
-          return fixer.insertTextAfter(objectLeftBrace, `\nemits: {'${nameNode.value}': null}${objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line ? '' : '\n'}`)
+          return fixer.insertTextAfter(
+            objectLeftBrace,
+            `\nemits: {'${nameNode.value}': null}${
+              objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line
+                ? ''
+                : '\n'
+            }`
+          )
         }
       }
     }
diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index 81134dbbb..cf25b4aec 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -6,10 +6,8 @@
 
 const utils = require('../utils')
 
-function isNameProperty (node) {
-  return node.type === 'Property' &&
-    node.key.name === 'name' &&
-    !node.computed
+function isNameProperty(node) {
+  return node.type === 'Property' && node.key.name === 'name' && !node.computed
 }
 
 module.exports = {
@@ -24,8 +22,8 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
-    return utils.executeOnVue(context, component => {
+  create(context) {
+    return utils.executeOnVue(context, (component) => {
       if (component.properties.some(isNameProperty)) return
 
       context.report({
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index 28f0a0724..74a7d5d4c 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -19,7 +19,8 @@ const forbiddenTypes = [
   'UpdateExpression'
 ]
 
-const isForbiddenType = node => forbiddenTypes.indexOf(node.type) > -1 && node.raw !== 'null'
+const isForbiddenType = (node) =>
+  forbiddenTypes.indexOf(node.type) > -1 && node.raw !== 'null'
 
 module.exports = {
   meta: {
@@ -29,12 +30,12 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-prop-type-constructor.html'
     },
-    fixable: 'code',  // or "code" or "whitespace"
+    fixable: 'code', // or "code" or "whitespace"
     schema: []
   },
 
-  create (context) {
-    const fix = node => fixer => {
+  create(context) {
+    const fix = (node) => (fixer) => {
       let newText
       if (node.type === 'Literal') {
         if (typeof node.value !== 'string') {
@@ -58,7 +59,7 @@ module.exports = {
     const checkPropertyNode = (key, node) => {
       if (isForbiddenType(node)) {
         context.report({
-          node: node,
+          node,
           message,
           data: {
             name: utils.getStaticPropertyName(key)
@@ -67,29 +68,35 @@ module.exports = {
         })
       } else if (node.type === 'ArrayExpression') {
         node.elements
-          .filter(prop => prop && isForbiddenType(prop))
-          .forEach(prop => context.report({
-            node: prop,
-            message,
-            data: {
-              name: utils.getStaticPropertyName(key)
-            },
-            fix: fix(prop)
-          }))
+          .filter((prop) => prop && isForbiddenType(prop))
+          .forEach((prop) =>
+            context.report({
+              node: prop,
+              message,
+              data: {
+                name: utils.getStaticPropertyName(key)
+              },
+              fix: fix(prop)
+            })
+          )
       }
     }
 
     return utils.executeOnVueComponent(context, (obj) => {
-      const props = utils.getComponentProps(obj)
-        .filter(prop => prop.key && prop.value)
+      const props = utils
+        .getComponentProps(obj)
+        .filter((prop) => prop.key && prop.value)
 
       for (const prop of props) {
-        if (isForbiddenType(prop.value) || prop.value.type === 'ArrayExpression') {
+        if (
+          isForbiddenType(prop.value) ||
+          prop.value.type === 'ArrayExpression'
+        ) {
           checkPropertyNode(prop.key, prop.value)
         } else if (prop.value.type === 'ObjectExpression') {
-          const typeProperty = prop.value.properties.find(property =>
-            property.type === 'Property' &&
-            property.key.name === 'type'
+          const typeProperty = prop.value.properties.find(
+            (property) =>
+              property.type === 'Property' && property.key.name === 'type'
           )
 
           if (!typeProperty) continue
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 2f459672a..0fe880aee 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -24,35 +24,38 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     // ----------------------------------------------------------------------
     // Helpers
     // ----------------------------------------------------------------------
 
-    function objectHasType (node) {
-      const typeProperty = node.properties
-        .find(p =>
+    function objectHasType(node) {
+      const typeProperty = node.properties.find(
+        (p) =>
           utils.getStaticPropertyName(p.key) === 'type' &&
-          (
-            p.value.type !== 'ArrayExpression' ||
-            p.value.elements.length > 0
-          )
-        )
-      const validatorProperty = node.properties
-        .find(p => utils.getStaticPropertyName(p.key) === 'validator')
+          (p.value.type !== 'ArrayExpression' || p.value.elements.length > 0)
+      )
+      const validatorProperty = node.properties.find(
+        (p) => utils.getStaticPropertyName(p.key) === 'validator'
+      )
       return Boolean(typeProperty || validatorProperty)
     }
 
-    function checkProperty (key, value, node) {
+    function checkProperty(key, value, node) {
       let hasType = true
 
       if (!value) {
         hasType = false
-      } else if (value.type === 'ObjectExpression') { // foo: {
+      } else if (value.type === 'ObjectExpression') {
+        // foo: {
         hasType = objectHasType(value)
-      } else if (value.type === 'ArrayExpression') { // foo: [
+      } else if (value.type === 'ArrayExpression') {
+        // foo: [
         hasType = value.elements.length > 0
-      } else if (value.type === 'FunctionExpression' || value.type === 'ArrowFunctionExpression') {
+      } else if (
+        value.type === 'FunctionExpression' ||
+        value.type === 'ArrowFunctionExpression'
+      ) {
         hasType = false
       }
       if (!hasType) {
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 6b7310663..30e11b8fc 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -22,34 +22,36 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const renderFunctions = new Map()
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
-    return Object.assign({},
-      utils.defineVueVisitor(context,
-        {
-          onVueObjectEnter (obj) {
-            const node = obj.properties.find(item => item.type === 'Property' &&
+    return Object.assign(
+      {},
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(obj) {
+          const node = obj.properties.find(
+            (item) =>
+              item.type === 'Property' &&
               utils.getStaticPropertyName(item) === 'render' &&
-              (item.value.type === 'ArrowFunctionExpression' || item.value.type === 'FunctionExpression')
-            )
-            if (!node) return
-            renderFunctions.set(node.value, node.key)
-          }
+              (item.value.type === 'ArrowFunctionExpression' ||
+                item.value.type === 'FunctionExpression')
+          )
+          if (!node) return
+          renderFunctions.set(node.value, node.key)
         }
-      ),
-      utils.executeOnFunctionsWithoutReturn(true, node => {
+      }),
+      utils.executeOnFunctionsWithoutReturn(true, (node) => {
         if (renderFunctions.has(node)) {
           context.report({
             node: renderFunctions.get(node),
             message: 'Expected to return a value in render function.'
           })
         }
-      }),
+      })
     )
   }
 }
diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index a4fb3e488..b4ae77561 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -19,7 +19,7 @@ const utils = require('../utils')
  * @param {ASTNode} node The element node to check.
  * @returns {boolean} `true` if the name is an well-known element name.
  */
-function isWellKnownElement (node) {
+function isWellKnownElement(node) {
   if (
     (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
     utils.isHtmlWellKnownElementName(node.rawName) ||
@@ -38,30 +38,36 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'require control the display of the content inside `<transition>`',
+      description:
+        'require control the display of the content inside `<transition>`',
       categories: ['vue3-essential'],
-      url: 'https://eslint.vuejs.org/rules/require-toggle-inside-transition.html'
+      url:
+        'https://eslint.vuejs.org/rules/require-toggle-inside-transition.html'
     },
     fixable: null,
     schema: [],
     messages: {
-      expected: 'The element inside `<transition>` is expected to have a `v-if` or `v-show` directive.'
+      expected:
+        'The element inside `<transition>` is expected to have a `v-if` or `v-show` directive.'
     }
   },
 
-  create (context) {
+  create(context) {
     /**
      * Check if the given element has display control.
      * @param {VElement} element The element node to check.
      */
-    function verifyInsideElement (element) {
+    function verifyInsideElement(element) {
       if (utils.isCustomComponent(element)) {
         return
       }
       if (!isWellKnownElement(element)) {
         return
       }
-      if (!utils.hasDirective(element, 'if') && !utils.hasDirective(element, 'show')) {
+      if (
+        !utils.hasDirective(element, 'if') &&
+        !utils.hasDirective(element, 'show')
+      ) {
         context.report({
           node: element.startTag,
           loc: element.startTag.loc,
@@ -71,7 +77,7 @@ module.exports = {
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VElement[name='transition'] > VElement" (node) {
+      "VElement[name='transition'] > VElement"(node) {
         if (node.parent.children[0] !== node) {
           return
         }
diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index 083fde773..b595c7489 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -27,29 +27,33 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     /**
      * Check the given element about `v-bind:key` attributes.
      * @param {ASTNode} element The element node to check.
      */
-    function checkKey (element) {
+    function checkKey(element) {
       if (element.name === 'template' || element.name === 'slot') {
         for (const child of element.children) {
           if (child.type === 'VElement') {
             checkKey(child)
           }
         }
-      } else if (!utils.isCustomComponent(element) && !utils.hasDirective(element, 'bind', 'key')) {
+      } else if (
+        !utils.isCustomComponent(element) &&
+        !utils.hasDirective(element, 'bind', 'key')
+      ) {
         context.report({
           node: element.startTag,
           loc: element.startTag.loc,
-          message: "Elements in iteration expect to have 'v-bind:key' directives."
+          message:
+            "Elements in iteration expect to have 'v-bind:key' directives."
         })
       }
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='for']" (node) {
+      "VAttribute[directive=true][key.name.name='for']"(node) {
         checkKey(node.parent.parent)
       }
     })
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 0d21fdc01..6d6c7456f 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -31,23 +31,21 @@ const NATIVE_TYPES = new Set([
   'BigInt'
 ])
 
-const FUNCTION_VALUE_TYPES = new Set([
-  'Function',
-  'Object',
-  'Array'
-])
+const FUNCTION_VALUE_TYPES = new Set(['Function', 'Object', 'Array'])
 
 /**
  * @param {ObjectExpression} obj
  * @param {string} name
  * @returns {Property | null}
  */
-function getPropertyNode (obj, name) {
+function getPropertyNode(obj, name) {
   for (const p of obj.properties) {
-    if (p.type === 'Property' &&
+    if (
+      p.type === 'Property' &&
       !p.computed &&
       p.key.type === 'Identifier' &&
-      p.key.name === name) {
+      p.key.name === name
+    ) {
       return p
     }
   }
@@ -58,18 +56,18 @@ function getPropertyNode (obj, name) {
  * @param {Expression | Pattern} node
  * @returns {string[]}
  */
-function getTypes (node) {
+function getTypes(node) {
   if (node.type === 'Identifier') {
     return [node.name]
   } else if (node.type === 'ArrayExpression') {
     return node.elements
-      .filter(item => item.type === 'Identifier')
-      .map(item => item.name)
+      .filter((item) => item.type === 'Identifier')
+      .map((item) => item.name)
   }
   return []
 }
 
-function capitalize (text) {
+function capitalize(text) {
   return text[0].toUpperCase() + text.slice(1)
 }
 
@@ -89,7 +87,7 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     /**
      * @typedef { { type: string, function: false } } StandardValueType
      * @typedef { { type: 'Function', function: true, expression: true, functionBody: BlockStatement, returnType: string | null } } FunctionExprValueType
@@ -106,11 +104,11 @@ module.exports = {
 
     /** @type { { upper: any, body: null | BlockStatement, returnTypes?: null | ReturnType[] } } */
     let scopeStack = { upper: null, body: null, returnTypes: null }
-    function onFunctionEnter (node) {
+    function onFunctionEnter(node) {
       scopeStack = { upper: scopeStack, body: node.body, returnTypes: null }
     }
 
-    function onFunctionExit () {
+    function onFunctionExit() {
       scopeStack = scopeStack.upper
     }
 
@@ -118,20 +116,26 @@ module.exports = {
      * @param {Expression | Pattern} node
      * @returns { StandardValueType | FunctionExprValueType | FunctionValueType | null }
      */
-    function getValueType (node) {
-      if (node.type === 'CallExpression') { // Symbol(), Number() ...
-        if (node.callee.type === 'Identifier' && NATIVE_TYPES.has(node.callee.name)) {
+    function getValueType(node) {
+      if (node.type === 'CallExpression') {
+        // Symbol(), Number() ...
+        if (
+          node.callee.type === 'Identifier' &&
+          NATIVE_TYPES.has(node.callee.name)
+        ) {
           return {
             function: false,
             type: node.callee.name
           }
         }
-      } else if (node.type === 'TemplateLiteral') { // String
+      } else if (node.type === 'TemplateLiteral') {
+        // String
         return {
           function: false,
           type: 'String'
         }
-      } else if (node.type === 'Literal') { // String, Boolean, Number
+      } else if (node.type === 'Literal') {
+        // String, Boolean, Number
         if (node.value === null && !node.bigint) return null
         const type = node.bigint ? 'BigInt' : capitalize(typeof node.value)
         if (NATIVE_TYPES.has(type)) {
@@ -140,12 +144,14 @@ module.exports = {
             type
           }
         }
-      } else if (node.type === 'ArrayExpression') { // Array
+      } else if (node.type === 'ArrayExpression') {
+        // Array
         return {
           function: false,
           type: 'Array'
         }
-      } else if (node.type === 'ObjectExpression') { // Object
+      } else if (node.type === 'ObjectExpression') {
+        // Object
         return {
           function: false,
           type: 'Object'
@@ -186,16 +192,18 @@ module.exports = {
      * @param {ComponentObjectProp} prop
      * @param {Iterable<string>} expectedTypeNames
      */
-    function report (node, prop, expectedTypeNames) {
-      const propName = prop.propName != null ? prop.propName : `[${context.getSourceCode().getText(prop.key)}]`
+    function report(node, prop, expectedTypeNames) {
+      const propName =
+        prop.propName != null
+          ? prop.propName
+          : `[${context.getSourceCode().getText(prop.key)}]`
       context.report({
         node,
-        message: "Type of the default value for '{{name}}' prop must be a {{types}}.",
+        message:
+          "Type of the default value for '{{name}}' prop must be a {{types}}.",
         data: {
           name: propName,
-          types: Array.from(expectedTypeNames)
-            .join(' or ')
-            .toLowerCase()
+          types: Array.from(expectedTypeNames).join(' or ').toLowerCase()
         }
       })
     }
@@ -204,97 +212,104 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.defineVueVisitor(context,
-      {
-        onVueObjectEnter (obj) {
-          /** @type {ComponentObjectDefineProp[]} */
-          const props = utils.getComponentProps(obj)
-            .filter(prop => prop.key && prop.value && prop.value.type === 'ObjectExpression')
-          /** @type {PropDefaultFunctionContext[]} */
-          const propContexts = []
-          for (const prop of props) {
-            const type = getPropertyNode(prop.value, 'type')
-            if (!type) continue
+    return utils.defineVueVisitor(context, {
+      onVueObjectEnter(obj) {
+        /** @type {ComponentObjectDefineProp[]} */
+        const props = utils
+          .getComponentProps(obj)
+          .filter(
+            (prop) =>
+              prop.key && prop.value && prop.value.type === 'ObjectExpression'
+          )
+        /** @type {PropDefaultFunctionContext[]} */
+        const propContexts = []
+        for (const prop of props) {
+          const type = getPropertyNode(prop.value, 'type')
+          if (!type) continue
 
-            const typeNames = new Set(getTypes(type.value)
-              .filter(item => NATIVE_TYPES.has(item)))
+          const typeNames = new Set(
+            getTypes(type.value).filter((item) => NATIVE_TYPES.has(item))
+          )
 
-            // There is no native types detected
-            if (typeNames.size === 0) continue
+          // There is no native types detected
+          if (typeNames.size === 0) continue
 
-            const def = getPropertyNode(prop.value, 'default')
-            if (!def) continue
+          const def = getPropertyNode(prop.value, 'default')
+          if (!def) continue
 
-            const defType = getValueType(def.value)
+          const defType = getValueType(def.value)
 
-            if (!defType) continue
+          if (!defType) continue
 
-            if (!defType.function) {
-              if (typeNames.has(defType.type)) {
-                if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
-                  continue
-                }
+          if (!defType.function) {
+            if (typeNames.has(defType.type)) {
+              if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
+                continue
               }
-              report(
-                def.value,
-                prop,
-                Array.from(typeNames).map(type => FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type)
+            }
+            report(
+              def.value,
+              prop,
+              Array.from(typeNames).map((type) =>
+                FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
               )
-            } else {
-              if (typeNames.has('Function')) {
+            )
+          } else {
+            if (typeNames.has('Function')) {
+              continue
+            }
+            if (defType.expression) {
+              if (!defType.returnType || typeNames.has(defType.returnType)) {
                 continue
               }
-              if (defType.expression) {
-                if (!defType.returnType || typeNames.has(defType.returnType)) {
-                  continue
-                }
-                report(
-                  defType.functionBody,
-                  prop,
-                  typeNames
-                )
-              } else {
-                propContexts.push({
-                  prop,
-                  type: typeNames,
-                  default: defType
-                })
-              }
+              report(defType.functionBody, prop, typeNames)
+            } else {
+              propContexts.push({
+                prop,
+                type: typeNames,
+                default: defType
+              })
             }
           }
-          vueObjectPropsContexts.set(obj, propContexts)
-        },
-        ':function' (node, { node: vueNode }) {
-          onFunctionEnter(node)
+        }
+        vueObjectPropsContexts.set(obj, propContexts)
+      },
+      ':function'(node, { node: vueNode }) {
+        onFunctionEnter(node)
 
-          for (const { default: defType } of vueObjectPropsContexts.get(vueNode)) {
-            if (node.body === defType.functionBody) {
-              scopeStack.returnTypes = defType.returnTypes
-            }
+        for (const { default: defType } of vueObjectPropsContexts.get(
+          vueNode
+        )) {
+          if (node.body === defType.functionBody) {
+            scopeStack.returnTypes = defType.returnTypes
           }
-        },
-        ReturnStatement (node) {
-          if (scopeStack.returnTypes && node.argument) {
-            const type = getValueType(node.argument)
-            if (type) {
-              scopeStack.returnTypes.push({
-                type: type.type,
-                node: node.argument
-              })
-            }
+        }
+      },
+      ReturnStatement(node) {
+        if (scopeStack.returnTypes && node.argument) {
+          const type = getValueType(node.argument)
+          if (type) {
+            scopeStack.returnTypes.push({
+              type: type.type,
+              node: node.argument
+            })
           }
-        },
-        ':function:exit': onFunctionExit,
-        onVueObjectExit (obj) {
-          for (const { prop, type: typeNames, default: defType } of vueObjectPropsContexts.get(obj)) {
-            for (const returnType of defType.returnTypes) {
-              if (typeNames.has(returnType.type)) continue
+        }
+      },
+      ':function:exit': onFunctionExit,
+      onVueObjectExit(obj) {
+        for (const {
+          prop,
+          type: typeNames,
+          default: defType
+        } of vueObjectPropsContexts.get(obj)) {
+          for (const returnType of defType.returnTypes) {
+            if (typeNames.has(returnType.type)) continue
 
-              report(returnType.node, prop, typeNames)
-            }
+            report(returnType.node, prop, typeNames)
           }
         }
       }
-    )
+    })
   }
 }
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index c0cc9a12c..3a1243b3e 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -14,7 +14,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'enforce that a return statement is present in computed property',
+      description:
+        'enforce that a return statement is present in computed property',
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-computed-property.html'
     },
@@ -32,9 +33,11 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
-    const treatUndefinedAsUnspecified = !(options.treatUndefinedAsUnspecified === false)
+    const treatUndefinedAsUnspecified = !(
+      options.treatUndefinedAsUnspecified === false
+    )
 
     const computedProperties = new Set()
 
@@ -42,29 +45,32 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return Object.assign({},
-      utils.defineVueVisitor(context,
-        {
-          onVueObjectEnter (obj, { node: vueNode }) {
-            for (const computedProperty of utils.getComputedProperties(obj)) {
-              computedProperties.add(computedProperty)
-            }
+    return Object.assign(
+      {},
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(obj, { node: vueNode }) {
+          for (const computedProperty of utils.getComputedProperties(obj)) {
+            computedProperties.add(computedProperty)
           }
         }
-      ),
-      utils.executeOnFunctionsWithoutReturn(treatUndefinedAsUnspecified, node => {
-        computedProperties.forEach(cp => {
-          if (cp.value && cp.value.parent === node) {
-            context.report({
-              node,
-              message: 'Expected to return a value in "{{name}}" computed property.',
-              data: {
-                name: cp.key
-              }
-            })
-          }
-        })
       }),
+      utils.executeOnFunctionsWithoutReturn(
+        treatUndefinedAsUnspecified,
+        (node) => {
+          computedProperties.forEach((cp) => {
+            if (cp.value && cp.value.parent === node) {
+              context.report({
+                node,
+                message:
+                  'Expected to return a value in "{{name}}" computed property.',
+                data: {
+                  name: cp.key
+                }
+              })
+            }
+          })
+        }
+      )
     )
   }
 }
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 3fb95fe1a..7dad041c3 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -15,7 +15,7 @@ const utils = require('../utils')
  * @param {Expression} node The node to check
  * @returns {boolean} If `true`, the given node value is falsy.
  */
-function isFalsy (node) {
+function isFalsy(node) {
   if (node.type === 'Literal') {
     if (node.bigint) {
       return node.bigint === '0'
@@ -37,7 +37,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'enforce that a return statement is present in emits validator',
+      description:
+        'enforce that a return statement is present in emits validator',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-emits-validator.html'
     },
@@ -45,7 +46,7 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const emitsValidators = []
 
     // ----------------------------------------------------------------------
@@ -54,61 +55,68 @@ module.exports = {
 
     let scopeStack = null
 
-    return Object.assign({},
-      utils.defineVueVisitor(context,
-        {
-          onVueObjectEnter (obj) {
-            for (const emits of utils.getComponentEmits(obj)) {
-              const emitsValue = emits.value
-              if (!emitsValue) {
-                continue
-              }
-              if (emitsValue.type !== 'FunctionExpression' && emitsValue.type !== 'ArrowFunctionExpression') {
-                continue
-              }
-              emitsValidators.push(emits)
+    return Object.assign(
+      {},
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(obj) {
+          for (const emits of utils.getComponentEmits(obj)) {
+            const emitsValue = emits.value
+            if (!emitsValue) {
+              continue
             }
-          },
-          ':function' (node) {
-            scopeStack = { upper: scopeStack, functionNode: node, hasReturnValue: false, possibleOfReturnTrue: false }
+            if (
+              emitsValue.type !== 'FunctionExpression' &&
+              emitsValue.type !== 'ArrowFunctionExpression'
+            ) {
+              continue
+            }
+            emitsValidators.push(emits)
+          }
+        },
+        ':function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            functionNode: node,
+            hasReturnValue: false,
+            possibleOfReturnTrue: false
+          }
 
-            if (node.type === 'ArrowFunctionExpression' && node.expression) {
-              scopeStack.hasReturnValue = true
+          if (node.type === 'ArrowFunctionExpression' && node.expression) {
+            scopeStack.hasReturnValue = true
 
-              if (!isFalsy(node.body)) {
-                scopeStack.possibleOfReturnTrue = true
-              }
+            if (!isFalsy(node.body)) {
+              scopeStack.possibleOfReturnTrue = true
             }
-          },
-          ReturnStatement (node) {
-            if (node.argument) {
-              scopeStack.hasReturnValue = true
+          }
+        },
+        ReturnStatement(node) {
+          if (node.argument) {
+            scopeStack.hasReturnValue = true
 
-              if (!isFalsy(node.argument)) {
-                scopeStack.possibleOfReturnTrue = true
-              }
+            if (!isFalsy(node.argument)) {
+              scopeStack.possibleOfReturnTrue = true
             }
-          },
-          ':function:exit' (node) {
-            if (!scopeStack.possibleOfReturnTrue) {
-              const emits = emitsValidators.find(e => e.value === node)
-              if (emits) {
-                context.report({
-                  node,
-                  message: scopeStack.hasReturnValue
-                    ? 'Expected to return a true value in "{{name}}" emits validator.'
-                    : 'Expected to return a boolean value in "{{name}}" emits validator.',
-                  data: {
-                    name: emits.emitName
-                  }
-                })
-              }
+          }
+        },
+        ':function:exit'(node) {
+          if (!scopeStack.possibleOfReturnTrue) {
+            const emits = emitsValidators.find((e) => e.value === node)
+            if (emits) {
+              context.report({
+                node,
+                message: scopeStack.hasReturnValue
+                  ? 'Expected to return a true value in "{{name}}" emits validator.'
+                  : 'Expected to return a boolean value in "{{name}}" emits validator.',
+                data: {
+                  name: emits.emitName
+                }
+              })
             }
-
-            scopeStack = scopeStack.upper
           }
+
+          scopeStack = scopeStack.upper
         }
-      ),
+      })
     )
   }
 }
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index 5f685141d..09a9292f1 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -25,23 +25,20 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [
-          { type: 'integer', minimum: 1 },
-          { enum: ['tab'] }
-        ]
+        anyOf: [{ type: 'integer', minimum: 1 }, { enum: ['tab'] }]
       },
       {
         type: 'object',
         properties: {
-          'baseIndent': { type: 'integer', minimum: 0 },
-          'switchCase': { type: 'integer', minimum: 0 },
-          'ignores': {
+          baseIndent: { type: 'integer', minimum: 0 },
+          switchCase: { type: 'integer', minimum: 0 },
+          ignores: {
             type: 'array',
             items: {
               allOf: [
                 { type: 'string' },
-                { not: { type: 'string', pattern: ':exit$' }},
-                { not: { type: 'string', pattern: '^\\s*$' }}
+                { not: { type: 'string', pattern: ':exit$' } },
+                { not: { type: 'string', pattern: '^\\s*$' } }
               ]
             },
             uniqueItems: true,
@@ -52,7 +49,7 @@ module.exports = {
       }
     ]
   },
-  create (context) {
+  create(context) {
     return indentCommon.defineVisitor(context, context.getSourceCode(), {})
   }
 }
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 255856667..1261d2b73 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -16,16 +16,19 @@ const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 // Helpers
 // ------------------------------------------------------------------------------
 
-function isSinglelineElement (element) {
+function isSinglelineElement(element) {
   return element.loc.start.line === element.endTag.loc.start.line
 }
 
-function parseOptions (options) {
-  return Object.assign({
-    ignores: ['pre', 'textarea'].concat(INLINE_ELEMENTS),
-    ignoreWhenNoAttributes: true,
-    ignoreWhenEmpty: true
-  }, options)
+function parseOptions(options) {
+  return Object.assign(
+    {
+      ignores: ['pre', 'textarea'].concat(INLINE_ELEMENTS),
+      ignoreWhenNoAttributes: true,
+      ignoreWhenEmpty: true
+    },
+    options
+  )
 }
 
 /**
@@ -35,7 +38,7 @@ function parseOptions (options) {
  * @param {SourceCode} sourceCode The source code object of the current context.
  * @returns {boolean} `true` if the element is empty.
  */
-function isEmpty (node, sourceCode) {
+function isEmpty(node, sourceCode) {
   const start = node.startTag.range[1]
   const end = node.endTag.range[0]
   return sourceCode.text.slice(start, end).trim() === ''
@@ -49,53 +52,63 @@ module.exports = {
   meta: {
     type: 'layout',
     docs: {
-      description: 'require a line break before and after the contents of a singleline element',
+      description:
+        'require a line break before and after the contents of a singleline element',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html'
+      url:
+        'https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
-    schema: [{
-      type: 'object',
-      properties: {
-        ignoreWhenNoAttributes: {
-          type: 'boolean'
-        },
-        ignoreWhenEmpty: {
-          type: 'boolean'
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreWhenNoAttributes: {
+            type: 'boolean'
+          },
+          ignoreWhenEmpty: {
+            type: 'boolean'
+          },
+          ignores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          }
         },
-        ignores: {
-          type: 'array',
-          items: { type: 'string' },
-          uniqueItems: true,
-          additionalItems: false
-        }
-      },
-      additionalProperties: false
-    }],
+        additionalProperties: false
+      }
+    ],
     messages: {
-      unexpectedAfterClosingBracket: 'Expected 1 line break after opening tag (`<{{name}}>`), but no line breaks found.',
-      unexpectedBeforeOpeningBracket: 'Expected 1 line break before closing tag (`</{{name}}>`), but no line breaks found.'
+      unexpectedAfterClosingBracket:
+        'Expected 1 line break after opening tag (`<{{name}}>`), but no line breaks found.',
+      unexpectedBeforeOpeningBracket:
+        'Expected 1 line break before closing tag (`</{{name}}>`), but no line breaks found.'
     }
   },
 
-  create (context) {
+  create(context) {
     const options = parseOptions(context.options[0])
     const ignores = options.ignores
     const ignoreWhenNoAttributes = options.ignoreWhenNoAttributes
     const ignoreWhenEmpty = options.ignoreWhenEmpty
-    const template = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
+    const template =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
     const sourceCode = context.getSourceCode()
 
     let inIgnoreElement
 
-    function isIgnoredElement (node) {
-      return ignores.includes(node.name) ||
+    function isIgnoredElement(node) {
+      return (
+        ignores.includes(node.name) ||
         ignores.includes(casing.pascalCase(node.rawName)) ||
         ignores.includes(casing.kebabCase(node.rawName))
+      )
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      'VElement' (node) {
+      VElement(node) {
         if (inIgnoreElement) {
           return
         }
@@ -116,16 +129,26 @@ module.exports = {
           return
         }
 
-        const getTokenOption = { includeComments: true, filter: (token) => token.type !== 'HTMLWhitespace' }
+        const getTokenOption = {
+          includeComments: true,
+          filter: (token) => token.type !== 'HTMLWhitespace'
+        }
         if (
           ignoreWhenEmpty &&
           node.children.length === 0 &&
-          template.getFirstTokensBetween(node.startTag, node.endTag, getTokenOption).length === 0
+          template.getFirstTokensBetween(
+            node.startTag,
+            node.endTag,
+            getTokenOption
+          ).length === 0
         ) {
           return
         }
 
-        const contentFirst = template.getTokenAfter(node.startTag, getTokenOption)
+        const contentFirst = template.getTokenAfter(
+          node.startTag,
+          getTokenOption
+        )
         const contentLast = template.getTokenBefore(node.endTag, getTokenOption)
 
         context.report({
@@ -138,7 +161,7 @@ module.exports = {
           data: {
             name: node.rawName
           },
-          fix (fixer) {
+          fix(fixer) {
             const range = [node.startTag.range[1], contentFirst.range[0]]
             return fixer.replaceTextRange(range, '\n')
           }
@@ -158,13 +181,13 @@ module.exports = {
           data: {
             name: node.rawName
           },
-          fix (fixer) {
+          fix(fixer) {
             const range = [contentLast.range[1], node.endTag.range[0]]
             return fixer.replaceTextRange(range, '\n')
           }
         })
       },
-      'VElement:exit' (node) {
+      'VElement:exit'(node) {
         if (inIgnoreElement === node) {
           inIgnoreElement = null
         }
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index e961d35fa..246329e0b 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -27,7 +27,7 @@ const utils = require('../utils')
  * @returns {string|null} The property name or null.
  * @private
  */
-function getPropertyName (node) {
+function getPropertyName(node) {
   const staticName = utils.getStaticPropertyName(node)
 
   if (staticName !== null) {
@@ -45,28 +45,28 @@ function getPropertyName (node) {
  * @private
  */
 const isValidOrders = {
-  asc (a, b) {
+  asc(a, b) {
     return a <= b
   },
-  ascI (a, b) {
+  ascI(a, b) {
     return a.toLowerCase() <= b.toLowerCase()
   },
-  ascN (a, b) {
+  ascN(a, b) {
     return naturalCompare(a, b) <= 0
   },
-  ascIN (a, b) {
+  ascIN(a, b) {
     return naturalCompare(a.toLowerCase(), b.toLowerCase()) <= 0
   },
-  desc (a, b) {
+  desc(a, b) {
     return isValidOrders.asc(b, a)
   },
-  descI (a, b) {
+  descI(a, b) {
     return isValidOrders.ascI(b, a)
   },
-  descN (a, b) {
+  descN(a, b) {
     return isValidOrders.ascN(b, a)
   },
-  descIN (a, b) {
+  descIN(a, b) {
     return isValidOrders.ascIN(b, a)
   }
 }
@@ -79,7 +79,8 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce sort-keys in a manner that is compatible with order-in-components',
+      description:
+        'enforce sort-keys in a manner that is compatible with order-in-components',
       categories: null,
       recommended: false,
       url: 'https://eslint.vuejs.org/rules/sort-keys.html'
@@ -121,19 +122,25 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     // Parse options.
     const options = context.options[1]
     const order = context.options[0] || 'asc'
 
-    const ignoreGrandchildrenOf = (options && options.ignoreGrandchildrenOf) || ['computed', 'directives', 'inject', 'props', 'watch']
+    const ignoreGrandchildrenOf = (options &&
+      options.ignoreGrandchildrenOf) || [
+      'computed',
+      'directives',
+      'inject',
+      'props',
+      'watch'
+    ]
     const ignoreChildrenOf = (options && options.ignoreChildrenOf) || ['model']
     const insensitive = options && options.caseSensitive === false
     const minKeys = options && options.minKeys
     const natual = options && options.natural
-    const isValidOrder = isValidOrders[
-      order + (insensitive ? 'I' : '') + (natual ? 'N' : '')
-    ]
+    const isValidOrder =
+      isValidOrders[order + (insensitive ? 'I' : '') + (natual ? 'N' : '')]
 
     // The stack to save the previous property's name for each object literals.
     let stack = null
@@ -158,9 +165,15 @@ module.exports = {
           if (parentIsRoot) {
             return false
           } else if (grandParentIsRoot) {
-            return !error.parentIsProperty || !ignoreChildrenOf.includes(names[error.parent])
+            return (
+              !error.parentIsProperty ||
+              !ignoreChildrenOf.includes(names[error.parent])
+            )
           } else if (greatGrandparentIsRoot) {
-            return !error.parentIsProperty || !ignoreGrandchildrenOf.includes(names[error.grandparent])
+            return (
+              !error.parentIsProperty ||
+              !ignoreGrandchildrenOf.includes(names[error.grandparent])
+            )
           }
           return true
         })
@@ -170,7 +183,7 @@ module.exports = {
     }
 
     const sortTests = {
-      ObjectExpression (node) {
+      ObjectExpression(node) {
         if (!stack) {
           reportErrors(false)
         }
@@ -183,27 +196,32 @@ module.exports = {
           errors: []
         }
       },
-      'ObjectExpression:exit' (node) {
+      'ObjectExpression:exit'(node) {
         errors.push({
           errors: stack.errors,
           hasUpper: !!stack.upper,
           parentIsProperty: node.parent.type === 'Property',
           parent: stack.upper && stack.upper.prevChar,
-          grandparent: stack.upper && stack.upper.upper && stack.upper.upper.prevChar,
-          greatGrandparent: stack.upper && stack.upper.upper && stack.upper.upper.upper && stack.upper.upper.upper.prevChar
+          grandparent:
+            stack.upper && stack.upper.upper && stack.upper.upper.prevChar,
+          greatGrandparent:
+            stack.upper &&
+            stack.upper.upper &&
+            stack.upper.upper.upper &&
+            stack.upper.upper.upper.prevChar
         })
         stack = stack.upper
       },
-      SpreadElement (node) {
+      SpreadElement(node) {
         if (node.parent.type === 'ObjectExpression') {
           stack.prevName = null
           stack.prevChar = null
         }
       },
-      'Program:exit' () {
+      'Program:exit'() {
         reportErrors(false)
       },
-      Property (node) {
+      Property(node) {
         if (node.parent.type === 'ObjectPattern') {
           return
         }
@@ -229,7 +247,8 @@ module.exports = {
           stack.errors.push({
             node,
             loc: node.key.loc,
-            message: "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
+            message:
+              "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
             data: {
               thisName,
               prevName,
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
index f3b03e22f..518c62007 100644
--- a/lib/rules/space-in-parens.js
+++ b/lib/rules/space-in-parens.js
@@ -6,7 +6,7 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/space-in-parens'),
-  { skipDynamicArguments: true, skipDynamicArgumentsReport: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/space-in-parens'), {
+  skipDynamicArguments: true,
+  skipDynamicArgumentsReport: true
+})
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index e8dbb8f75..fe29d9ec0 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/space-infix-ops'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/space-infix-ops'), {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index 735425870..a45265c3f 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/space-unary-ops'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule(require('eslint/lib/rules/space-unary-ops'), {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/static-class-names-order.js b/lib/rules/static-class-names-order.js
index dd58125f1..3a43dbf23 100644
--- a/lib/rules/static-class-names-order.js
+++ b/lib/rules/static-class-names-order.js
@@ -1,7 +1,7 @@
 /**
-* @fileoverview Alphabetizes static class names.
-* @author Maciej Chmurski
-*/
+ * @fileoverview Alphabetizes static class names.
+ * @author Maciej Chmurski
+ */
 'use strict'
 
 // ------------------------------------------------------------------------------
@@ -24,9 +24,9 @@ module.exports = {
     fixable: 'code',
     schema: []
   },
-  create: context => {
+  create: (context) => {
     return defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=false][key.name='class']" (node) {
+      "VAttribute[directive=false][key.name='class']"(node) {
         const classList = node.value.value
         const classListWithWhitespace = classList.split(/(\s+)/)
 
@@ -36,7 +36,9 @@ module.exports = {
           divider = classListWithWhitespace[1]
         }
 
-        const classListNoWhitespace = classListWithWhitespace.filter(className => className.trim() !== '')
+        const classListNoWhitespace = classListWithWhitespace.filter(
+          (className) => className.trim() !== ''
+        )
         const classListSorted = classListNoWhitespace.sort().join(divider)
 
         if (classList !== classListSorted) {
@@ -44,9 +46,11 @@ module.exports = {
             node,
             loc: node.loc,
             message: 'Classes should be ordered alphabetically.',
-            fix: (fixer) => fixer.replaceTextRange(
-              [node.value.range[0], node.value.range[1]], `"${classListSorted}"`
-            )
+            fix: (fixer) =>
+              fixer.replaceTextRange(
+                [node.value.range[0], node.value.range[1]],
+                `"${classListSorted}"`
+              )
           })
         }
       }
diff --git a/lib/rules/syntaxes/dynamic-directive-arguments.js b/lib/rules/syntaxes/dynamic-directive-arguments.js
index 4c5a5a7f1..ae720d87a 100644
--- a/lib/rules/syntaxes/dynamic-directive-arguments.js
+++ b/lib/rules/syntaxes/dynamic-directive-arguments.js
@@ -5,13 +5,13 @@
 'use strict'
 module.exports = {
   supported: '2.6.0',
-  createTemplateBodyVisitor (context) {
+  createTemplateBodyVisitor(context) {
     /**
      * Reports dynamic argument node
      * @param {VExpressionContainer} dinamicArgument node of dynamic argument
      * @returns {void}
      */
-    function reportDynamicArgument (dinamicArgument) {
+    function reportDynamicArgument(dinamicArgument) {
       context.report({
         node: dinamicArgument,
         messageId: 'forbiddenDynamicDirectiveArguments'
diff --git a/lib/rules/syntaxes/scope-attribute.js b/lib/rules/syntaxes/scope-attribute.js
index faa9da2e8..b382eb40d 100644
--- a/lib/rules/syntaxes/scope-attribute.js
+++ b/lib/rules/syntaxes/scope-attribute.js
@@ -5,18 +5,18 @@
 'use strict'
 module.exports = {
   deprecated: '2.5.0',
-  createTemplateBodyVisitor (context) {
+  createTemplateBodyVisitor(context) {
     /**
      * Reports `scope` node
      * @param {VDirectiveKey} scopeKey node of `scope`
      * @returns {void}
      */
-    function reportScope (scopeKey) {
+    function reportScope(scopeKey) {
       context.report({
         node: scopeKey,
         messageId: 'forbiddenScopeAttribute',
         // fix to use `slot-scope`
-        fix: fixer => fixer.replaceText(scopeKey, 'slot-scope')
+        fix: (fixer) => fixer.replaceText(scopeKey, 'slot-scope')
       })
     }
 
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index db91e24fb..d20095a17 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.6.0',
-  createTemplateBodyVisitor (context) {
+  createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
     /**
@@ -13,7 +13,7 @@ module.exports = {
      * @param {VAttribute} slotAttr node of `slot`
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
-    function canConvertFromSlotToVSlot (slotAttr) {
+    function canConvertFromSlotToVSlot(slotAttr) {
       if (slotAttr.parent.parent.name !== 'template') {
         return false
       }
@@ -30,7 +30,7 @@ module.exports = {
      * @param {VAttribute} slotAttr node of `v-bind:slot`
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
-    function canConvertFromVBindSlotToVSlot (slotAttr) {
+    function canConvertFromVBindSlotToVSlot(slotAttr) {
       if (slotAttr.parent.parent.name !== 'template') {
         return false
       }
@@ -57,22 +57,27 @@ module.exports = {
      * @param {boolean} vBind `true` if `slotAttr` is `v-bind:slot`
      * @returns {*} fix data
      */
-    function fixSlotToVSlot (fixer, slotAttr, slotName, vBind) {
+    function fixSlotToVSlot(fixer, slotAttr, slotName, vBind) {
       const element = slotAttr.parent
-      const scopeAttr = element.attributes
-        .find(attr => attr.directive === true && attr.key.name && (
-          attr.key.name.name === 'slot-scope' ||
-          attr.key.name.name === 'scope'
-        ))
-      const nameArgument = slotName ? (vBind ? `:[${slotName}]` : `:${slotName}`) : ''
-      const scopeValue = scopeAttr && scopeAttr.value
-        ? `=${sourceCode.getText(scopeAttr.value)}`
+      const scopeAttr = element.attributes.find(
+        (attr) =>
+          attr.directive === true &&
+          attr.key.name &&
+          (attr.key.name.name === 'slot-scope' ||
+            attr.key.name.name === 'scope')
+      )
+      const nameArgument = slotName
+        ? vBind
+          ? `:[${slotName}]`
+          : `:${slotName}`
         : ''
+      const scopeValue =
+        scopeAttr && scopeAttr.value
+          ? `=${sourceCode.getText(scopeAttr.value)}`
+          : ''
 
       const replaceText = `v-slot${nameArgument}${scopeValue}`
-      const fixers = [
-        fixer.replaceText(slotAttr || scopeAttr, replaceText)
-      ]
+      const fixers = [fixer.replaceText(slotAttr || scopeAttr, replaceText)]
       if (slotAttr && scopeAttr) {
         fixers.push(fixer.remove(scopeAttr))
       }
@@ -83,17 +88,16 @@ module.exports = {
      * @param {VAttribute} slotAttr node of `slot`
      * @returns {void}
      */
-    function reportSlot (slotAttr) {
+    function reportSlot(slotAttr) {
       context.report({
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
         // fix to use `v-slot`
-        fix (fixer) {
+        fix(fixer) {
           if (!canConvertFromSlotToVSlot(slotAttr)) {
             return null
           }
-          const slotName = slotAttr.value &&
-            slotAttr.value.value
+          const slotName = slotAttr.value && slotAttr.value.value
           return fixSlotToVSlot(fixer, slotAttr, slotName, false)
         }
       })
@@ -103,16 +107,17 @@ module.exports = {
      * @param {VAttribute} slotAttr node of `v-bind:slot`
      * @returns {void}
      */
-    function reportVBindSlot (slotAttr) {
+    function reportVBindSlot(slotAttr) {
       context.report({
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
         // fix to use `v-slot`
-        fix (fixer) {
+        fix(fixer) {
           if (!canConvertFromVBindSlotToVSlot(slotAttr)) {
             return null
           }
-          const slotName = slotAttr.value &&
+          const slotName =
+            slotAttr.value &&
             slotAttr.value.expression &&
             sourceCode.getText(slotAttr.value.expression).trim()
           return fixSlotToVSlot(fixer, slotAttr, slotName, true)
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index 8e8464170..c4c20b771 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -6,7 +6,7 @@
 module.exports = {
   deprecated: '2.6.0',
   supported: '2.5.0',
-  createTemplateBodyVisitor (context, { fixToUpgrade } = {}) {
+  createTemplateBodyVisitor(context, { fixToUpgrade } = {}) {
     const sourceCode = context.getSourceCode()
 
     /**
@@ -14,25 +14,27 @@ module.exports = {
      * @param {VStartTag} startTag node of `<element v-slot ... >`
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
-    function canConvertToVSlot (startTag) {
+    function canConvertToVSlot(startTag) {
       if (startTag.parent.name !== 'template') {
         return false
       }
 
-      const slotAttr = startTag.attributes
-        .find(attr => attr.directive === false && attr.key.name === 'slot')
+      const slotAttr = startTag.attributes.find(
+        (attr) => attr.directive === false && attr.key.name === 'slot'
+      )
       if (slotAttr) {
         // if the element have `slot` it can not be converted.
         // Conversion of `slot` is done with `vue/no-deprecated-slot-attribute`.
         return false
       }
 
-      const vBindSlotAttr = startTag.attributes
-        .find(attr =>
+      const vBindSlotAttr = startTag.attributes.find(
+        (attr) =>
           attr.directive === true &&
           attr.key.name.name === 'bind' &&
           attr.key.argument &&
-          attr.key.argument.name === 'slot')
+          attr.key.argument.name === 'slot'
+      )
       if (vBindSlotAttr) {
         // if the element have `v-bind:slot` it can not be converted.
         // Conversion of `v-bind:slot` is done with `vue/no-deprecated-slot-attribute`.
@@ -47,10 +49,11 @@ module.exports = {
      * @param {VAttribute | null} scopeAttr node of `slot-scope`
      * @returns {*} fix data
      */
-    function fixSlotScopeToVSlot (fixer, scopeAttr) {
-      const scopeValue = scopeAttr && scopeAttr.value
-        ? `=${sourceCode.getText(scopeAttr.value)}`
-        : ''
+    function fixSlotScopeToVSlot(fixer, scopeAttr) {
+      const scopeValue =
+        scopeAttr && scopeAttr.value
+          ? `=${sourceCode.getText(scopeAttr.value)}`
+          : ''
 
       const replaceText = `v-slot${scopeValue}`
       return fixer.replaceText(scopeAttr, replaceText)
@@ -60,19 +63,19 @@ module.exports = {
      * @param {VAttribute} scopeAttr node of `slot-scope`
      * @returns {void}
      */
-    function reportSlotScope (scopeAttr) {
+    function reportSlotScope(scopeAttr) {
       context.report({
         node: scopeAttr.key,
         messageId: 'forbiddenSlotScopeAttribute',
         fix: fixToUpgrade
-          // fix to use `v-slot`
-          ? (fixer) => {
-            const startTag = scopeAttr.parent
-            if (!canConvertToVSlot(startTag)) {
-              return null
+          ? // fix to use `v-slot`
+            (fixer) => {
+              const startTag = scopeAttr.parent
+              if (!canConvertToVSlot(startTag)) {
+                return null
+              }
+              return fixSlotScopeToVSlot(fixer, scopeAttr)
             }
-            return fixSlotScopeToVSlot(fixer, scopeAttr)
-          }
           : null
       })
     }
diff --git a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
index db5076cf2..386277002 100644
--- a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
+++ b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
@@ -11,18 +11,22 @@ module.exports = {
   supported: (versionRange) => {
     return !versionRange.intersects(unsupported)
   },
-  createTemplateBodyVisitor (context) {
+  createTemplateBodyVisitor(context) {
     /**
      * Reports `.prop` shorthand node
      * @param {VDirectiveKey} bindPropKey node of `.prop` shorthand
      * @returns {void}
      */
-    function reportPropModifierShorthand (bindPropKey) {
+    function reportPropModifierShorthand(bindPropKey) {
       context.report({
         node: bindPropKey,
         messageId: 'forbiddenVBindPropModifierShorthand',
         // fix to use `:x.prop` (downgrade)
-        fix: fixer => fixer.replaceText(bindPropKey, `:${bindPropKey.argument.rawName}.prop`)
+        fix: (fixer) =>
+          fixer.replaceText(
+            bindPropKey,
+            `:${bindPropKey.argument.rawName}.prop`
+          )
       })
     }
 
diff --git a/lib/rules/syntaxes/v-slot.js b/lib/rules/syntaxes/v-slot.js
index 17b1018a1..1b17f7c1c 100644
--- a/lib/rules/syntaxes/v-slot.js
+++ b/lib/rules/syntaxes/v-slot.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   supported: '2.6.0',
-  createTemplateBodyVisitor (context) {
+  createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
     /**
@@ -13,7 +13,7 @@ module.exports = {
      * @param {VAttribute} vSlotAttr node of `v-slot`
      * @returns {boolean} `true` if the given node can convert to the `slot`
      */
-    function canConvertToSlot (vSlotAttr) {
+    function canConvertToSlot(vSlotAttr) {
       if (vSlotAttr.parent.parent.name !== 'template') {
         return false
       }
@@ -25,7 +25,7 @@ module.exports = {
      * @param {VAttribute} vSlotAttr node of `v-slot`
      * @returns {*} fix data
      */
-    function fixVSlotToSlot (fixer, vSlotAttr) {
+    function fixVSlotToSlot(fixer, vSlotAttr) {
       const key = vSlotAttr.key
       if (key.modifiers.length) {
         // unknown modifiers
@@ -38,7 +38,10 @@ module.exports = {
         if (argument.type === 'VIdentifier') {
           const name = argument.rawName
           attrs.push(`slot="${name}"`)
-        } else if (argument.type === 'VExpressionContainer' && argument.expression) {
+        } else if (
+          argument.type === 'VExpressionContainer' &&
+          argument.expression
+        ) {
           const expression = sourceCode.getText(argument.expression)
           attrs.push(`:slot="${expression}"`)
         } else {
@@ -48,9 +51,7 @@ module.exports = {
       }
       const scopedValueNode = vSlotAttr.value
       if (scopedValueNode) {
-        attrs.push(
-          `slot-scope=${sourceCode.getText(scopedValueNode)}`
-        )
+        attrs.push(`slot-scope=${sourceCode.getText(scopedValueNode)}`)
       }
       if (!attrs.length) {
         attrs.push('slot') // useless
@@ -62,12 +63,12 @@ module.exports = {
      * @param {VAttribute} vSlotAttr node of `v-slot`
      * @returns {void}
      */
-    function reportVSlot (vSlotAttr) {
+    function reportVSlot(vSlotAttr) {
       context.report({
         node: vSlotAttr.key,
         messageId: 'forbiddenVSlot',
         // fix to use `slot` (downgrade)
-        fix: fixer => {
+        fix: (fixer) => {
           if (!canConvertToSlot(vSlotAttr)) {
             return null
           }
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 13b718697..cec83201e 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -37,71 +37,82 @@ module.exports = {
    * @param {RuleContext} context - The rule context.
    * @returns {Object} AST event handlers.
    */
-  create (context) {
+  create(context) {
     const options = context.options[0] !== 'always' ? 'never' : 'always'
     let scope = {
       parent: null,
       nodes: []
     }
 
-    return utils.defineTemplateBodyVisitor(context, Object.assign({
-      VElement (node) {
-        scope = {
-          parent: scope,
-          nodes: scope.nodes.slice() // make copy
-        }
-        if (node.variables) {
-          for (const variable of node.variables) {
-            const varNode = variable.id
-            const name = varNode.name
-            if (!scope.nodes.some(node => node.name === name)) { // Prevent adding duplicates
-              scope.nodes.push(varNode)
+    return utils.defineTemplateBodyVisitor(
+      context,
+      Object.assign(
+        {
+          VElement(node) {
+            scope = {
+              parent: scope,
+              nodes: scope.nodes.slice() // make copy
             }
+            if (node.variables) {
+              for (const variable of node.variables) {
+                const varNode = variable.id
+                const name = varNode.name
+                if (!scope.nodes.some((node) => node.name === name)) {
+                  // Prevent adding duplicates
+                  scope.nodes.push(varNode)
+                }
+              }
+            }
+          },
+          'VElement:exit'(node) {
+            scope = scope.parent
           }
-        }
-      },
-      'VElement:exit' (node) {
-        scope = scope.parent
-      }
-    }, options === 'never'
-      ? {
-        'VExpressionContainer MemberExpression > ThisExpression' (node) {
-          const propertyName = utils.getStaticPropertyName(node.parent.property)
-          if (!propertyName ||
-            scope.nodes.some(el => el.name === propertyName) ||
-            RESERVED_NAMES.has(propertyName) || // this.class | this['class']
-            /^[0-9].*$|[^a-zA-Z0-9_]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
-          ) {
-            return
-          }
+        },
+        options === 'never'
+          ? {
+              'VExpressionContainer MemberExpression > ThisExpression'(node) {
+                const propertyName = utils.getStaticPropertyName(
+                  node.parent.property
+                )
+                if (
+                  !propertyName ||
+                  scope.nodes.some((el) => el.name === propertyName) ||
+                  RESERVED_NAMES.has(propertyName) || // this.class | this['class']
+                  /^[0-9].*$|[^a-zA-Z0-9_]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
+                ) {
+                  return
+                }
 
-          context.report({
-            node,
-            loc: node.loc,
-            message: "Unexpected usage of 'this'."
-          })
-        }
-      }
-      : {
-        'VExpressionContainer' (node) {
-          if (node.parent.type === 'VDirectiveKey') {
-            // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
-            // For example, In `:[this.prop]` case, `:[this` is an argument and `prop]` is a modifier.
-            return
-          }
-          if (node.references) {
-            for (const reference of node.references) {
-              if (!scope.nodes.some(el => el.name === reference.id.name)) {
                 context.report({
-                  node: reference.id,
-                  loc: reference.id.loc,
-                  message: "Expected 'this'."
+                  node,
+                  loc: node.loc,
+                  message: "Unexpected usage of 'this'."
                 })
               }
             }
-          }
-        }
-      }
-    ))
+          : {
+              VExpressionContainer(node) {
+                if (node.parent.type === 'VDirectiveKey') {
+                  // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
+                  // For example, In `:[this.prop]` case, `:[this` is an argument and `prop]` is a modifier.
+                  return
+                }
+                if (node.references) {
+                  for (const reference of node.references) {
+                    if (
+                      !scope.nodes.some((el) => el.name === reference.id.name)
+                    ) {
+                      context.report({
+                        node: reference.id,
+                        loc: reference.id.loc,
+                        message: "Expected 'this'."
+                      })
+                    }
+                  }
+                }
+              }
+            }
+      )
+    )
   }
 }
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index 5c024cef4..baaaf8c60 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -11,7 +11,15 @@
 const utils = require('../utils')
 
 const SYSTEM_MODIFIERS = new Set(['ctrl', 'shift', 'alt', 'meta'])
-const GLOBAL_MODIFIERS = new Set(['stop', 'prevent', 'capture', 'self', 'once', 'passive', 'native'])
+const GLOBAL_MODIFIERS = new Set([
+  'stop',
+  'prevent',
+  'capture',
+  'self',
+  'once',
+  'passive',
+  'native'
+])
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -24,16 +32,17 @@ const GLOBAL_MODIFIERS = new Set(['stop', 'prevent', 'capture', 'self', 'once',
  * @param {SourceCode} sourceCode The source code object.
  * @returns {array[object]} [{ name, node, modifiers }]
  */
-function getEventDirectives (attributes, sourceCode) {
+function getEventDirectives(attributes, sourceCode) {
   return attributes
-    .filter(attribute =>
-      attribute.directive &&
-      attribute.key.name.name === 'on'
+    .filter(
+      (attribute) => attribute.directive && attribute.key.name.name === 'on'
     )
-    .map(attribute => ({
-      name: attribute.key.argument ? sourceCode.getText(attribute.key.argument) : '',
+    .map((attribute) => ({
+      name: attribute.key.argument
+        ? sourceCode.getText(attribute.key.argument)
+        : '',
       node: attribute.key,
-      modifiers: attribute.key.modifiers.map(modifier => modifier.name)
+      modifiers: attribute.key.modifiers.map((modifier) => modifier.name)
     }))
 }
 
@@ -43,7 +52,7 @@ function getEventDirectives (attributes, sourceCode) {
  * @param {string} modifier
  * @returns {boolean}
  */
-function isKeyModifier (modifier) {
+function isKeyModifier(modifier) {
   return !GLOBAL_MODIFIERS.has(modifier) && !SYSTEM_MODIFIERS.has(modifier)
 }
 
@@ -53,7 +62,7 @@ function isKeyModifier (modifier) {
  * @param {string} modifier
  * @returns {boolean}
  */
-function isSystemModifier (modifier) {
+function isSystemModifier(modifier) {
   return SYSTEM_MODIFIERS.has(modifier)
 }
 
@@ -64,7 +73,7 @@ function isSystemModifier (modifier) {
  * @param {array} modifiers
  * @returns {boolean}
  */
-function hasSystemModifier (modifiers) {
+function hasSystemModifier(modifiers) {
   return modifiers.some(isSystemModifier)
 }
 
@@ -75,7 +84,7 @@ function hasSystemModifier (modifiers) {
  * @param {array} events
  * @returns {object} { click: [], keypress: [] }
  */
-function groupEvents (events) {
+function groupEvents(events) {
   return events.reduce((acc, event) => {
     if (acc[event.name]) {
       acc[event.name].push(event)
@@ -93,7 +102,7 @@ function groupEvents (events) {
  * @param {array[string]} modifiers
  * @returns {string} e.g. "alt,ctrl,del,shift"
  */
-function getSystemModifiersString (modifiers) {
+function getSystemModifiersString(modifiers) {
   return modifiers.filter(isSystemModifier).sort().join(',')
 }
 
@@ -103,7 +112,7 @@ function getSystemModifiersString (modifiers) {
  * @param {array[string]} modifiers
  * @returns {string} e.g. "enter,tab"
  */
-function getKeyModifiersString (modifiers) {
+function getKeyModifiersString(modifiers) {
   return modifiers.filter(isKeyModifier).sort().join(',')
 }
 
@@ -115,19 +124,19 @@ function getKeyModifiersString (modifiers) {
  * @param {object} event
  * @returns {boolean}
  */
-function hasConflictedModifiers (baseEvent, event) {
-  if (
-    event.node === baseEvent.node ||
-    event.modifiers.includes('exact')
-  ) return false
+function hasConflictedModifiers(baseEvent, event) {
+  if (event.node === baseEvent.node || event.modifiers.includes('exact'))
+    return false
 
   const eventKeyModifiers = getKeyModifiersString(event.modifiers)
   const baseEventKeyModifiers = getKeyModifiersString(baseEvent.modifiers)
 
   if (
-    eventKeyModifiers && baseEventKeyModifiers &&
+    eventKeyModifiers &&
+    baseEventKeyModifiers &&
     eventKeyModifiers !== baseEventKeyModifiers
-  ) return false
+  )
+    return false
 
   const eventSystemModifiers = getSystemModifiersString(event.modifiers)
   const baseEventSystemModifiers = getSystemModifiersString(baseEvent.modifiers)
@@ -145,12 +154,12 @@ function hasConflictedModifiers (baseEvent, event) {
  * @param {array} events
  * @returns {array} conflicted events, without duplicates
  */
-function findConflictedEvents (events) {
+function findConflictedEvents(events) {
   return events.reduce((acc, event) => {
     return [
       ...acc,
       ...events
-        .filter(evt => !acc.find(e => evt === e)) // No duplicates
+        .filter((evt) => !acc.find((e) => evt === e)) // No duplicates
         .filter(hasConflictedModifiers.bind(null, event))
     ]
   }, [])
@@ -178,11 +187,11 @@ module.exports = {
    * @param {RuleContext} context - The rule context.
    * @returns {Object} AST event handlers.
    */
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
-      VStartTag (node) {
+      VStartTag(node) {
         if (node.attributes.length === 0) return
 
         const isCustomComponent = utils.isCustomComponent(node.parent)
@@ -190,14 +199,14 @@ module.exports = {
 
         if (isCustomComponent) {
           // For components consider only events with `native` modifier
-          events = events.filter(event => event.modifiers.includes('native'))
+          events = events.filter((event) => event.modifiers.includes('native'))
         }
 
         const grouppedEvents = groupEvents(events)
 
-        Object.keys(grouppedEvents).forEach(eventName => {
+        Object.keys(grouppedEvents).forEach((eventName) => {
           const eventsInGroup = grouppedEvents[eventName]
-          const hasEventWithKeyModifier = eventsInGroup.some(event =>
+          const hasEventWithKeyModifier = eventsInGroup.some((event) =>
             hasSystemModifier(event.modifiers)
           )
 
@@ -205,7 +214,7 @@ module.exports = {
 
           const conflictedEvents = findConflictedEvents(eventsInGroup)
 
-          conflictedEvents.forEach(e => {
+          conflictedEvents.forEach((e) => {
             context.report({
               node: e.node,
               loc: e.node.loc,
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 21747c325..1e7c50e69 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -24,16 +24,16 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-bind-style.html'
     },
     fixable: 'code',
-    schema: [
-      { enum: ['shorthand', 'longform'] }
-    ]
+    schema: [{ enum: ['shorthand', 'longform'] }]
   },
 
-  create (context) {
+  create(context) {
     const preferShorthand = context.options[0] !== 'longform'
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]" (node) {
+      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]"(
+        node
+      ) {
         const shorthandProp = node.key.name.rawName === '.'
         const shorthand = node.key.name.rawName === ':' || shorthandProp
         if (shorthand === preferShorthand) {
@@ -43,11 +43,12 @@ module.exports = {
         context.report({
           node,
           loc: node.loc,
-          message:
-            preferShorthand ? "Unexpected 'v-bind' before ':'."
-              : shorthandProp ? "Expected 'v-bind:' instead of '.'."
-              /* otherwise */ : "Expected 'v-bind' before ':'.",
-          * fix (fixer) {
+          message: preferShorthand
+            ? "Unexpected 'v-bind' before ':'."
+            : shorthandProp
+            ? "Expected 'v-bind:' instead of '.'."
+            : /* otherwise */ "Expected 'v-bind' before ':'.",
+          *fix(fixer) {
             if (preferShorthand) {
               yield fixer.remove(node.key.name)
             } else {
@@ -59,7 +60,8 @@ module.exports = {
 
                 // Insert `.prop` modifier if it doesn't exist.
                 const modifier = node.key.modifiers[0]
-                const isAutoGeneratedPropModifier = modifier.name === 'prop' && modifier.rawName === ''
+                const isAutoGeneratedPropModifier =
+                  modifier.name === 'prop' && modifier.rawName === ''
                 if (isAutoGeneratedPropModifier) {
                   yield fixer.insertTextBefore(modifier, '.prop')
                 }
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index 9bf7cd6fc..fe19f52da 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -18,7 +18,7 @@ const utils = require('../utils')
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left parenthesis.
  */
-function isLeftParen (token) {
+function isLeftParen(token) {
   return token != null && token.type === 'Punctuator' && token.value === '('
 }
 
@@ -30,47 +30,66 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce or forbid parentheses after method calls without arguments in `v-on` directives',
+      description:
+        'enforce or forbid parentheses after method calls without arguments in `v-on` directives',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/v-on-function-call.html'
     },
     fixable: 'code',
-    schema: [
-      { enum: ['always', 'never'] }
-    ]
+    schema: [{ enum: ['always', 'never'] }]
   },
 
-  create (context) {
+  create(context) {
     const always = context.options[0] === 'always'
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier" (node) {
+      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
+        node
+      ) {
         if (!always) return
         context.report({
           node,
           loc: node.loc,
-          message: "Method calls inside of 'v-on' directives must have parentheses."
+          message:
+            "Method calls inside of 'v-on' directives must have parentheses."
         })
       },
 
-      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression > ExpressionStatement > CallExpression" (node) {
-        if (!always && node.arguments.length === 0 && node.callee.type === 'Identifier') {
+      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression > ExpressionStatement > CallExpression"(
+        node
+      ) {
+        if (
+          !always &&
+          node.arguments.length === 0 &&
+          node.callee.type === 'Identifier'
+        ) {
           context.report({
             node,
             loc: node.loc,
-            message: "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-            fix: fixer => {
+            message:
+              "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+            fix: (fixer) => {
               const tokenStore = context.parserServices.getTemplateBodyTokenStore()
               const rightToken = tokenStore.getLastToken(node)
-              const leftToken = tokenStore.getTokenAfter(node.callee, isLeftParen)
-              const tokens = tokenStore.getTokensBetween(leftToken, rightToken, { includeComments: true })
+              const leftToken = tokenStore.getTokenAfter(
+                node.callee,
+                isLeftParen
+              )
+              const tokens = tokenStore.getTokensBetween(
+                leftToken,
+                rightToken,
+                { includeComments: true }
+              )
 
               if (tokens.length) {
                 // The comment is included and cannot be fixed.
                 return null
               }
 
-              return fixer.removeRange([leftToken.range[0], rightToken.range[1]])
+              return fixer.removeRange([
+                leftToken.range[0],
+                rightToken.range[1]
+              ])
             }
           })
         }
diff --git a/lib/rules/v-on-style.js b/lib/rules/v-on-style.js
index 54dc3129f..bda26be94 100644
--- a/lib/rules/v-on-style.js
+++ b/lib/rules/v-on-style.js
@@ -24,16 +24,16 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-on-style.html'
     },
     fixable: 'code',
-    schema: [
-      { enum: ['shorthand', 'longform'] }
-    ]
+    schema: [{ enum: ['shorthand', 'longform'] }]
   },
 
-  create (context) {
+  create(context) {
     const preferShorthand = context.options[0] !== 'longform'
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on'][key.argument!=null]" (node) {
+      "VAttribute[directive=true][key.name.name='on'][key.argument!=null]"(
+        node
+      ) {
         const shorthand = node.key.name.rawName === '@'
         if (shorthand === preferShorthand) {
           return
@@ -46,9 +46,10 @@ module.exports = {
           message: preferShorthand
             ? "Expected '@' instead of 'v-on:'."
             : "Expected 'v-on:' instead of '@'.",
-          fix: (fixer) => preferShorthand
-            ? fixer.replaceTextRange([pos, pos + 5], '@')
-            : fixer.replaceTextRange([pos, pos + 1], 'v-on:')
+          fix: (fixer) =>
+            preferShorthand
+              ? fixer.replaceTextRange([pos, pos + 5], '@')
+              : fixer.replaceTextRange([pos, pos + 1], 'v-on:')
         })
       }
     })
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index 07e0f3544..bbae1989e 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -19,7 +19,7 @@ const utils = require('../utils')
  * @param {any} options The raw options to normalize.
  * @returns {Options} The normalized options.
  */
-function normalizeOptions (options) {
+function normalizeOptions(options) {
   const normalized = {
     atComponent: 'v-slot',
     default: 'shorthand',
@@ -45,10 +45,13 @@ function normalizeOptions (options) {
  * @param {VAttribute} node The `v-slot` node to check.
  * @returns {"shorthand" | "longform" | "v-slot"} The expected style.
  */
-function getExpectedStyle (options, node) {
+function getExpectedStyle(options, node) {
   const { argument } = node.key
 
-  if (argument == null || (argument.type === 'VIdentifier' && argument.name === 'default')) {
+  if (
+    argument == null ||
+    (argument.type === 'VIdentifier' && argument.name === 'default')
+  ) {
     const element = node.parent.parent
     return element.name === 'template' ? options.default : options.atComponent
   }
@@ -60,7 +63,7 @@ function getExpectedStyle (options, node) {
  * @param {VAttribute} node The `v-slot` node to check.
  * @returns {"shorthand" | "longform" | "v-slot"} The expected style.
  */
-function getActualStyle (node) {
+function getActualStyle(node) {
   const { name, argument } = node.key
 
   if (name.rawName === '#') {
@@ -99,17 +102,18 @@ module.exports = {
     ],
     messages: {
       expectedShorthand: "Expected '#{{argument}}' instead of '{{actual}}'.",
-      expectedLongform: "Expected 'v-slot:{{argument}}' instead of '{{actual}}'.",
+      expectedLongform:
+        "Expected 'v-slot:{{argument}}' instead of '{{actual}}'.",
       expectedVSlot: "Expected 'v-slot' instead of '{{actual}}'."
     }
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
     const options = normalizeOptions(context.options[0])
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='slot']" (node) {
+      "VAttribute[directive=true][key.name.name='slot']"(node) {
         const expected = getExpectedStyle(options, node)
         const actual = getActualStyle(node)
         if (actual === expected) {
@@ -127,7 +131,7 @@ module.exports = {
             argument: argumentText
           },
 
-          fix (fixer) {
+          fix(fixer) {
             switch (expected) {
               case 'shorthand':
                 return fixer.replaceTextRange(range, `#${argumentText}`)
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index f736f3e76..f7928d294 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -27,11 +27,11 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return {
-      Program (program) {
+      Program(program) {
         const element = program.templateBody
         if (element == null) {
           return
@@ -51,7 +51,8 @@ module.exports = {
             context.report({
               node: element,
               loc: element.loc,
-              message: "The template root with 'src' attribute is required to be empty."
+              message:
+                "The template root with 'src' attribute is required to be empty."
             })
           }
         } else if (rootElements.length === 0 && !hasSrc) {
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index a2a35c053..9d24442ac 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -19,7 +19,7 @@ const utils = require('../utils')
  * @param {ASTNode} node The element node to check.
  * @returns {boolean} `true` if the node is valid.
  */
-function isValidElement (node) {
+function isValidElement(node) {
   if (
     (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
     utils.isHtmlWellKnownElementName(node.rawName) ||
@@ -36,10 +36,10 @@ function isValidElement (node) {
  * @param {ASTNode} node The node to check.
  * @returns {boolean} `true` if the node can be LHS.
  */
-function isLhs (node) {
-  return Boolean(node) && (
-    node.type === 'Identifier' ||
-    node.type === 'MemberExpression'
+function isLhs(node) {
+  return (
+    Boolean(node) &&
+    (node.type === 'Identifier' || node.type === 'MemberExpression')
   )
 }
 
@@ -58,16 +58,19 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      unexpectedInvalidElement: "'.sync' modifiers aren't supported on <{{name}}> non Vue-components.",
-      unexpectedNonLhsExpression: "'.sync' modifiers require the attribute value which is valid as LHS.",
-      unexpectedUpdateIterationVariable: "'.sync' modifiers cannot update the iteration variable '{{varName}}' itself."
+      unexpectedInvalidElement:
+        "'.sync' modifiers aren't supported on <{{name}}> non Vue-components.",
+      unexpectedNonLhsExpression:
+        "'.sync' modifiers require the attribute value which is valid as LHS.",
+      unexpectedUpdateIterationVariable:
+        "'.sync' modifiers cannot update the iteration variable '{{varName}}' itself."
     }
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='bind']" (node) {
-        if (!node.key.modifiers.map(mod => mod.name).includes('sync')) {
+      "VAttribute[directive=true][key.name.name='bind']"(node) {
+        if (!node.key.modifiers.map((mod) => mod.name).includes('sync')) {
           return
         }
         const element = node.parent.parent
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index d6f0097d9..dfb1f97e2 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -33,15 +33,16 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='bind']" (node) {
+      "VAttribute[directive=true][key.name.name='bind']"(node) {
         for (const modifier of node.key.modifiers) {
           if (!VALID_MODIFIERS.has(modifier.name)) {
             context.report({
               node,
               loc: node.key.loc,
-              message: "'v-bind' directives don't support the modifier '{{name}}'.",
+              message:
+                "'v-bind' directives don't support the modifier '{{name}}'.",
               data: { name: modifier.name }
             })
           }
diff --git a/lib/rules/valid-v-cloak.js b/lib/rules/valid-v-cloak.js
index 1859374ad..b571ebd00 100644
--- a/lib/rules/valid-v-cloak.js
+++ b/lib/rules/valid-v-cloak.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='cloak']" (node) {
+      "VAttribute[directive=true][key.name.name='cloak']"(node) {
         if (node.key.argument) {
           context.report({
             node,
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index 8947e9c76..b68caa746 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -27,30 +27,33 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='else-if']" (node) {
+      "VAttribute[directive=true][key.name.name='else-if']"(node) {
         const element = node.parent.parent
 
         if (!utils.prevElementHasIf(element)) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+            message:
+              "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
           })
         }
         if (utils.hasDirective(element, 'if')) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-else-if' and 'v-if' directives can't exist on the same element."
+            message:
+              "'v-else-if' and 'v-if' directives can't exist on the same element."
           })
         }
         if (utils.hasDirective(element, 'else')) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-else-if' and 'v-else' directives can't exist on the same element."
+            message:
+              "'v-else-if' and 'v-else' directives can't exist on the same element."
           })
         }
         if (node.key.argument) {
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index 83068ca2b..3379fa326 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -27,30 +27,33 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='else']" (node) {
+      "VAttribute[directive=true][key.name.name='else']"(node) {
         const element = node.parent.parent
 
         if (!utils.prevElementHasIf(element)) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+            message:
+              "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
           })
         }
         if (utils.hasDirective(element, 'if')) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives."
+            message:
+              "'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives."
           })
         }
         if (utils.hasDirective(element, 'else-if')) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-else' and 'v-else-if' directives can't exist on the same element."
+            message:
+              "'v-else' and 'v-else-if' directives can't exist on the same element."
           })
         }
         if (node.key.argument) {
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 48b2a052d..681a5dcf1 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -21,16 +21,16 @@ const utils = require('../utils')
  * @param {ASTNode} vBindKey The attribute node of `v-bind:key` to check.
  * @returns {boolean} `true` if the node is using the variables which are defined by `v-for` directives.
  */
-function isUsingIterationVar (vFor, vBindKey) {
+function isUsingIterationVar(vFor, vBindKey) {
   if (vBindKey.value == null) {
     return false
   }
   const references = vBindKey.value.references
   const variables = vFor.parent.parent.variables
-  return references.some(reference =>
-    variables.some(variable =>
-      variable.id.name === reference.id.name &&
-            variable.kind === 'v-for'
+  return references.some((reference) =>
+    variables.some(
+      (variable) =>
+        variable.id.name === reference.id.name && variable.kind === 'v-for'
     )
   )
 }
@@ -41,16 +41,16 @@ function isUsingIterationVar (vFor, vBindKey) {
  * @param {ASTNode} vFor The attribute node of `v-for` to check.
  * @param {ASTNode} child The child node to check.
  */
-function checkChildKey (context, vFor, child) {
+function checkChildKey(context, vFor, child) {
   const childFor = utils.getDirective(child, 'for')
   // if child has v-for, check if parent iterator is used in v-for
   if (childFor != null) {
     const childForRefs = childFor.value.references
     const variables = vFor.parent.parent.variables
-    const usedInFor = childForRefs.some(cref =>
-      variables.some(variable =>
-        cref.id.name === variable.id.name &&
-        variable.kind === 'v-for'
+    const usedInFor = childForRefs.some((cref) =>
+      variables.some(
+        (variable) =>
+          cref.id.name === variable.id.name && variable.kind === 'v-for'
       )
     )
     // if parent iterator is used, skip other checks
@@ -69,7 +69,7 @@ function checkChildKey (context, vFor, child) {
  * @param {ASTNode} vFor The attribute node of `v-for` to check.
  * @param {ASTNode} element The element node to check.
  */
-function checkKey (context, vFor, element) {
+function checkKey(context, vFor, element) {
   if (element.name === 'template') {
     for (const child of element.children) {
       if (child.type === 'VElement') {
@@ -92,7 +92,8 @@ function checkKey (context, vFor, element) {
     context.report({
       node: vBindKey,
       loc: vBindKey.loc,
-      message: "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      message:
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
     })
   }
 }
@@ -113,11 +114,11 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='for']" (node) {
+      "VAttribute[directive=true][key.name.name='for']"(node) {
         const element = node.parent.parent
 
         checkKey(context, node, element)
@@ -153,7 +154,8 @@ module.exports = {
           context.report({
             node: node.value,
             loc: node.value.loc,
-            message: "'v-for' directives require the special syntax '<alias> in <expression>'."
+            message:
+              "'v-for' directives require the special syntax '<alias> in <expression>'."
           })
           return
         }
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index 77f440c42..1bc1fcb2b 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='html']" (node) {
+      "VAttribute[directive=true][key.name.name='html']"(node) {
         if (node.key.argument) {
           context.report({
             node,
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index c0d3c33ea..6c24cabc9 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -27,23 +27,25 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='if']" (node) {
+      "VAttribute[directive=true][key.name.name='if']"(node) {
         const element = node.parent.parent
 
         if (utils.hasDirective(element, 'else')) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-if' and 'v-else' directives can't exist on the same element. You may want 'v-else-if' directives."
+            message:
+              "'v-if' and 'v-else' directives can't exist on the same element. You may want 'v-else-if' directives."
           })
         }
         if (utils.hasDirective(element, 'else-if')) {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-if' and 'v-else-if' directives can't exist on the same element."
+            message:
+              "'v-if' and 'v-else-if' directives can't exist on the same element."
           })
         }
         if (node.key.argument) {
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index a02d8d8d2..7dc22a4d7 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -22,19 +22,17 @@ const VALID_MODIFIERS = new Set(['lazy', 'number', 'trim'])
  * @param {ASTNode} node The element node to check.
  * @returns {boolean} `true` if the node is valid.
  */
-function isValidElement (node) {
+function isValidElement(node) {
   const name = node.name
   return (
     name === 'input' ||
     name === 'select' ||
     name === 'textarea' ||
-    (
-      name !== 'keep-alive' &&
+    (name !== 'keep-alive' &&
       name !== 'slot' &&
       name !== 'transition' &&
       name !== 'transition-group' &&
-      utils.isCustomComponent(node)
-    )
+      utils.isCustomComponent(node))
   )
 }
 
@@ -43,10 +41,10 @@ function isValidElement (node) {
  * @param {ASTNode} node The node to check.
  * @returns {boolean} `true` if the node can be LHS.
  */
-function isLhs (node) {
-  return node != null && (
-    node.type === 'Identifier' ||
-    node.type === 'MemberExpression'
+function isLhs(node) {
+  return (
+    node != null &&
+    (node.type === 'Identifier' || node.type === 'MemberExpression')
   )
 }
 
@@ -56,12 +54,12 @@ function isLhs (node) {
  * @param {ASTNode} leafNode The node to look up.
  * @returns {Variable|null} The found variable or null.
  */
-function getVariable (name, leafNode) {
+function getVariable(name, leafNode) {
   let node = leafNode
 
   while (node != null) {
     const variables = node.variables
-    const variable = variables && variables.find(v => v.id.name === name)
+    const variable = variables && variables.find((v) => v.id.name === name)
 
     if (variable != null) {
       return variable
@@ -89,9 +87,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='model']" (node) {
+      "VAttribute[directive=true][key.name.name='model']"(node) {
         const element = node.parent.parent
         const name = element.name
 
@@ -99,7 +97,8 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-model' directives aren't supported on <{{name}}> elements.",
+            message:
+              "'v-model' directives aren't supported on <{{name}}> elements.",
             data: { name }
           })
         }
@@ -126,7 +125,8 @@ module.exports = {
               context.report({
                 node,
                 loc: node.loc,
-                message: "'v-model' directives don't support the modifier '{{name}}'.",
+                message:
+                  "'v-model' directives don't support the modifier '{{name}}'.",
                 data: { name: modifier.name }
               })
             }
@@ -145,7 +145,8 @@ module.exports = {
             context.report({
               node,
               loc: node.loc,
-              message: "'v-model' directives require the attribute value which is valid as LHS."
+              message:
+                "'v-model' directives require the attribute value which is valid as LHS."
             })
           }
 
@@ -160,7 +161,8 @@ module.exports = {
               context.report({
                 node,
                 loc: node.loc,
-                message: "'v-model' directives cannot update the iteration variable '{{varName}}' itself.",
+                message:
+                  "'v-model' directives cannot update the iteration variable '{{varName}}' itself.",
                 data: { varName: id.name }
               })
             }
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index a174cba4e..4e014e00c 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -17,17 +17,36 @@ const keyAliases = require('../utils/key-aliases.json')
 // ------------------------------------------------------------------------------
 
 const VALID_MODIFIERS = new Set([
-  'stop', 'prevent', 'capture', 'self', 'ctrl', 'shift', 'alt', 'meta',
-  'native', 'once', 'left', 'right', 'middle', 'passive', 'esc', 'tab',
-  'enter', 'space', 'up', 'left', 'right', 'down', 'delete', 'exact'
-])
-const VERB_MODIFIERS = new Set([
-  'stop', 'prevent'
+  'stop',
+  'prevent',
+  'capture',
+  'self',
+  'ctrl',
+  'shift',
+  'alt',
+  'meta',
+  'native',
+  'once',
+  'left',
+  'right',
+  'middle',
+  'passive',
+  'esc',
+  'tab',
+  'enter',
+  'space',
+  'up',
+  'left',
+  'right',
+  'down',
+  'delete',
+  'exact'
 ])
+const VERB_MODIFIERS = new Set(['stop', 'prevent'])
 // https://www.w3.org/TR/uievents-key/
 const KEY_ALIASES = new Set(keyAliases)
 
-function isValidModifier (modifierNode, customModifiers) {
+function isValidModifier(modifierNode, customModifiers) {
   const modifier = modifierNode.name
   return (
     // built-in aliases
@@ -69,19 +88,20 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const customModifiers = new Set(options.modifiers || [])
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on']" (node) {
+      "VAttribute[directive=true][key.name.name='on']"(node) {
         for (const modifier of node.key.modifiers) {
           if (!isValidModifier(modifier, customModifiers)) {
             context.report({
               node,
               loc: node.loc,
-              message: "'v-on' directives don't support the modifier '{{modifier}}'.",
+              message:
+                "'v-on' directives don't support the modifier '{{modifier}}'.",
               data: { modifier: modifier.name }
             })
           }
@@ -89,21 +109,25 @@ module.exports = {
 
         if (
           !utils.hasAttributeValue(node) &&
-          !node.key.modifiers.some(modifier => VERB_MODIFIERS.has(modifier.name))
+          !node.key.modifiers.some((modifier) =>
+            VERB_MODIFIERS.has(modifier.name)
+          )
         ) {
           if (node.value && sourceCode.getText(node.value.expression)) {
             const value = sourceCode.getText(node.value)
             context.report({
               node,
               loc: node.loc,
-              message: 'Avoid using JavaScript keyword as "v-on" value: {{value}}.',
+              message:
+                'Avoid using JavaScript keyword as "v-on" value: {{value}}.',
               data: { value }
             })
           } else {
             context.report({
               node,
               loc: node.loc,
-              message: "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
+              message:
+                "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
             })
           }
         }
diff --git a/lib/rules/valid-v-once.js b/lib/rules/valid-v-once.js
index a79e68ae7..aef2ca37d 100644
--- a/lib/rules/valid-v-once.js
+++ b/lib/rules/valid-v-once.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='once']" (node) {
+      "VAttribute[directive=true][key.name.name='once']"(node) {
         if (node.key.argument) {
           context.report({
             node,
diff --git a/lib/rules/valid-v-pre.js b/lib/rules/valid-v-pre.js
index b86442f20..c975b1e2d 100644
--- a/lib/rules/valid-v-pre.js
+++ b/lib/rules/valid-v-pre.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='pre']" (node) {
+      "VAttribute[directive=true][key.name.name='pre']"(node) {
         if (node.key.argument) {
           context.report({
             node,
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index 620836d92..51e4014fd 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='show']" (node) {
+      "VAttribute[directive=true][key.name.name='show']"(node) {
         if (node.key.argument) {
           context.report({
             node,
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index b2bc31693..79b052269 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -11,10 +11,9 @@ const utils = require('../utils')
  * @param {VElement} node The VElement node to check.
  * @returns {VAttribute[]} The array of `v-slot` directives.
  */
-function getSlotDirectivesOnElement (node) {
-  return node.startTag.attributes.filter(attribute =>
-    attribute.directive &&
-    attribute.key.name.name === 'slot'
+function getSlotDirectivesOnElement(node) {
+  return node.startTag.attributes.filter(
+    (attribute) => attribute.directive && attribute.key.name.name === 'slot'
   )
 }
 
@@ -26,46 +25,51 @@ function getSlotDirectivesOnElement (node) {
  * The group bundles `v-slot` directives of element sequence which is connected
  * by `v-if`/`v-else-if`/`v-else`.
  */
-function getSlotDirectivesOnChildren (node) {
+function getSlotDirectivesOnChildren(node) {
   return node.children
-    .reduce(({ groups, vIf }, childNode) => {
-      if (childNode.type === 'VElement') {
-        let connected
-        if (utils.hasDirective(childNode, 'if')) {
-          connected = false
-          vIf = true
-        } else if (utils.hasDirective(childNode, 'else-if')) {
-          connected = vIf
-          vIf = true
-        } else if (utils.hasDirective(childNode, 'else')) {
-          connected = vIf
-          vIf = false
-        } else {
-          connected = false
-          vIf = false
-        }
+    .reduce(
+      ({ groups, vIf }, childNode) => {
+        if (childNode.type === 'VElement') {
+          let connected
+          if (utils.hasDirective(childNode, 'if')) {
+            connected = false
+            vIf = true
+          } else if (utils.hasDirective(childNode, 'else-if')) {
+            connected = vIf
+            vIf = true
+          } else if (utils.hasDirective(childNode, 'else')) {
+            connected = vIf
+            vIf = false
+          } else {
+            connected = false
+            vIf = false
+          }
 
-        if (connected) {
-          groups[groups.length - 1].push(childNode)
-        } else {
-          groups.push([childNode])
+          if (connected) {
+            groups[groups.length - 1].push(childNode)
+          } else {
+            groups.push([childNode])
+          }
+        } else if (
+          childNode.type !== 'VText' ||
+          childNode.value.trim() !== ''
+        ) {
+          vIf = false
         }
-      } else if (childNode.type !== 'VText' || childNode.value.trim() !== '') {
-        vIf = false
-      }
-      return { groups, vIf }
-    }, { groups: [], vIf: false })
-    .groups
-    .map(group =>
+        return { groups, vIf }
+      },
+      { groups: [], vIf: false }
+    )
+    .groups.map((group) =>
       group
-        .map(childElement =>
+        .map((childElement) =>
           childElement.name === 'template'
             ? utils.getDirective(childElement, 'slot')
             : null
         )
         .filter(Boolean)
     )
-    .filter(group => group.length >= 1)
+    .filter((group) => group.length >= 1)
 }
 
 /**
@@ -73,8 +77,10 @@ function getSlotDirectivesOnChildren (node) {
  * @param {VAttribute} node The `v-slot` directive node.
  * @returns {string} The normalized name.
  */
-function getNormalizedName (node, sourceCode) {
-  return node.key.argument == null ? 'default' : sourceCode.getText(node.key.argument)
+function getNormalizedName(node, sourceCode) {
+  return node.key.argument == null
+    ? 'default'
+    : sourceCode.getText(node.key.argument)
 }
 
 /**
@@ -83,13 +89,15 @@ function getNormalizedName (node, sourceCode) {
  * @param {VElement} currentVSlot The current `v-slot` directive node.
  * @returns {VAttribute[][]} The array of the group of `v-slot` directives.
  */
-function filterSameSlot (vSlotGroups, currentVSlot, sourceCode) {
+function filterSameSlot(vSlotGroups, currentVSlot, sourceCode) {
   const currentName = getNormalizedName(currentVSlot, sourceCode)
   return vSlotGroups
-    .map(vSlots =>
-      vSlots.filter(vSlot => getNormalizedName(vSlot, sourceCode) === currentName)
+    .map((vSlots) =>
+      vSlots.filter(
+        (vSlot) => getNormalizedName(vSlot, sourceCode) === currentName
+      )
     )
-    .filter(slots => slots.length >= 1)
+    .filter((slots) => slots.length >= 1)
 }
 
 /**
@@ -98,7 +106,7 @@ function filterSameSlot (vSlotGroups, currentVSlot, sourceCode) {
  * @param {VElement} element The element node which has the argument.
  * @returns {boolean} `true` if the argument node is using the iteration variable.
  */
-function isUsingIterationVar (argument, element) {
+function isUsingIterationVar(argument, element) {
   if (argument && argument.type === 'VExpressionContainer') {
     for (const { variable } of argument.references) {
       if (
@@ -119,7 +127,7 @@ function isUsingIterationVar (argument, element) {
  * @param {VAttribute} vSlot The `v-slot` directive to check.
  * @returns {boolean} `true` if that argument node is using a scope variable the directive defined.
  */
-function isUsingScopeVar (vSlot) {
+function isUsingScopeVar(vSlot) {
   const argument = vSlot.key.argument
   const value = vSlot.value
 
@@ -148,26 +156,35 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      ownerMustBeCustomElement: "'v-slot' directive must be owned by a custom element, but '{{name}}' is not.",
-      namedSlotMustBeOnTemplate: "Named slots must use '<template>' on a custom element.",
-      defaultSlotMustBeOnTemplate: "Default slot must use '<template>' on a custom element when there are other named slots.",
-      disallowDuplicateSlotsOnElement: "An element cannot have multiple 'v-slot' directives.",
-      disallowDuplicateSlotsOnChildren: "An element cannot have multiple '<template>' elements which are distributed to the same slot.",
-      disallowArgumentUseSlotParams: "Dynamic argument of 'v-slot' directive cannot use that slot parameter.",
+      ownerMustBeCustomElement:
+        "'v-slot' directive must be owned by a custom element, but '{{name}}' is not.",
+      namedSlotMustBeOnTemplate:
+        "Named slots must use '<template>' on a custom element.",
+      defaultSlotMustBeOnTemplate:
+        "Default slot must use '<template>' on a custom element when there are other named slots.",
+      disallowDuplicateSlotsOnElement:
+        "An element cannot have multiple 'v-slot' directives.",
+      disallowDuplicateSlotsOnChildren:
+        "An element cannot have multiple '<template>' elements which are distributed to the same slot.",
+      disallowArgumentUseSlotParams:
+        "Dynamic argument of 'v-slot' directive cannot use that slot parameter.",
       disallowAnyModifier: "'v-slot' directive doesn't support any modifier.",
-      requireAttributeValue: "'v-slot' directive on a custom element requires that attribute value."
+      requireAttributeValue:
+        "'v-slot' directive on a custom element requires that attribute value."
     }
   },
 
-  create (context) {
+  create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='slot']" (node) {
-        const isDefaultSlot = node.key.argument == null || node.key.argument.name === 'default'
+      "VAttribute[directive=true][key.name.name='slot']"(node) {
+        const isDefaultSlot =
+          node.key.argument == null || node.key.argument.name === 'default'
         const element = node.parent.parent
         const parentElement = element.parent
-        const ownerElement = element.name === 'template' ? parentElement : element
+        const ownerElement =
+          element.name === 'template' ? parentElement : element
         const vSlotsOnElement = getSlotDirectivesOnElement(element)
         const vSlotGroupsOnChildren = getSlotDirectivesOnChildren(ownerElement)
 
@@ -201,7 +218,11 @@ module.exports = {
           })
         }
         if (ownerElement === parentElement) {
-          const vSlotGroupsOfSameSlot = filterSameSlot(vSlotGroupsOnChildren, node, sourceCode)
+          const vSlotGroupsOfSameSlot = filterSameSlot(
+            vSlotGroupsOnChildren,
+            node,
+            sourceCode
+          )
           const vFor = utils.getDirective(element, 'for')
           if (
             vSlotGroupsOfSameSlot.length >= 2 &&
@@ -240,7 +261,11 @@ module.exports = {
         }
 
         // Verify value.
-        if (ownerElement === element && isDefaultSlot && !utils.hasAttributeValue(node)) {
+        if (
+          ownerElement === element &&
+          isDefaultSlot &&
+          !utils.hasAttributeValue(node)
+        ) {
           context.report({
             node,
             messageId: 'requireAttributeValue'
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index 69c2f1ded..2e1881ce3 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -27,9 +27,9 @@ module.exports = {
     schema: []
   },
 
-  create (context) {
+  create(context) {
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='text']" (node) {
+      "VAttribute[directive=true][key.name.name='text']"(node) {
         if (node.key.argument) {
           context.report({
             node,
diff --git a/lib/utils/casing.js b/lib/utils/casing.js
index db01bc2e6..4d5ca22aa 100644
--- a/lib/utils/casing.js
+++ b/lib/utils/casing.js
@@ -7,19 +7,19 @@ const assert = require('assert')
 /**
  * Capitalize a string.
  */
-function capitalize (str) {
+function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1)
 }
 /**
  * Checks whether the given string has symbols.
  */
-function hasSymbols (str) {
+function hasSymbols(str) {
   return /[!"#%&'()*+,./:;<=>?@[\\\]^`{|}]/u.exec(str) // without " ", "$", "-" and "_"
 }
 /**
  * Checks whether the given string has upper.
  */
-function hasUpper (str) {
+function hasUpper(str) {
   return /[A-Z]/u.exec(str)
 }
 
@@ -28,7 +28,7 @@ function hasUpper (str) {
  * @param {string} str Text to be converted
  * @return {string}
  */
-function kebabCase (str) {
+function kebabCase(str) {
   return str
     .replace(/_/gu, '-')
     .replace(/\B([A-Z])/gu, '-$1')
@@ -38,7 +38,7 @@ function kebabCase (str) {
 /**
  * Checks whether the given string is kebab-case.
  */
-function isKebabCase (str) {
+function isKebabCase(str) {
   if (
     hasUpper(str) ||
     hasSymbols(str) ||
@@ -55,7 +55,7 @@ function isKebabCase (str) {
  * @param {string} str Text to be converted
  * @return {string}
  */
-function snakeCase (str) {
+function snakeCase(str) {
   return str
     .replace(/\B([A-Z])/gu, '_$1')
     .replace(/-/gu, '_')
@@ -65,12 +65,8 @@ function snakeCase (str) {
 /**
  * Checks whether the given string is snake_case.
  */
-function isSnakeCase (str) {
-  if (
-    hasUpper(str) ||
-    hasSymbols(str) ||
-    /-|__|\s/u.exec(str)
-  ) {
+function isSnakeCase(str) {
+  if (hasUpper(str) || hasSymbols(str) || /-|__|\s/u.exec(str)) {
     return false
   }
   return true
@@ -81,17 +77,17 @@ function isSnakeCase (str) {
  * @param {string} str Text to be converted
  * @return {string} Converted string
  */
-function camelCase (str) {
+function camelCase(str) {
   if (isPascalCase(str)) {
     return str.charAt(0).toLowerCase() + str.slice(1)
   }
-  return str.replace(/[-_](\w)/gu, (_, c) => c ? c.toUpperCase() : '')
+  return str.replace(/[-_](\w)/gu, (_, c) => (c ? c.toUpperCase() : ''))
 }
 
 /**
  * Checks whether the given string is camelCase.
  */
-function isCamelCase (str) {
+function isCamelCase(str) {
   if (
     hasSymbols(str) ||
     /^[A-Z]/u.exec(str) ||
@@ -107,14 +103,14 @@ function isCamelCase (str) {
  * @param {string} str Text to be converted
  * @return {string} Converted string
  */
-function pascalCase (str) {
+function pascalCase(str) {
   return capitalize(camelCase(str))
 }
 
 /**
  * Checks whether the given string is PascalCase.
  */
-function isPascalCase (str) {
+function isPascalCase(str) {
   if (
     hasSymbols(str) ||
     /^[a-z]/u.exec(str) ||
@@ -127,23 +123,23 @@ function isPascalCase (str) {
 
 const convertersMap = {
   'kebab-case': kebabCase,
-  'snake_case': snakeCase,
-  'camelCase': camelCase,
-  'PascalCase': pascalCase
+  snake_case: snakeCase,
+  camelCase,
+  PascalCase: pascalCase
 }
 
 const checkersMap = {
   'kebab-case': isKebabCase,
-  'snake_case': isSnakeCase,
-  'camelCase': isCamelCase,
-  'PascalCase': isPascalCase
+  snake_case: isSnakeCase,
+  camelCase: isCamelCase,
+  PascalCase: isPascalCase
 }
 /**
-* Return case checker
-* @param {string} name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
-* @return {isKebabCase|isCamelCase|isPascalCase}
-*/
-function getChecker (name) {
+ * Return case checker
+ * @param {string} name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
+ * @return {isKebabCase|isCamelCase|isPascalCase}
+ */
+function getChecker(name) {
   assert(typeof name === 'string')
 
   return checkersMap[name] || isPascalCase
@@ -154,18 +150,14 @@ function getChecker (name) {
  * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
  * @return {kebabCase|camelCase|pascalCase}
  */
-function getConverter (name) {
+function getConverter(name) {
   assert(typeof name === 'string')
 
   return convertersMap[name] || pascalCase
 }
 
 module.exports = {
-  allowedCaseOptions: [
-    'camelCase',
-    'kebab-case',
-    'PascalCase'
-  ],
+  allowedCaseOptions: ['camelCase', 'kebab-case', 'PascalCase'],
 
   /**
    * Return case converter
@@ -187,12 +179,12 @@ module.exports = {
    * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
    * @return {kebabCase|camelCase|pascalCase}
    */
-  getExactConverter (name) {
+  getExactConverter(name) {
     const converter = getConverter(name)
     const checker = getChecker(name)
     return (str) => {
       const result = converter(str)
-      return checker(result) ? result : str/* cannot convert */
+      return checker(result) ? result : str /* cannot convert */
     }
   },
 
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
index 50498bbe6..f214b7374 100644
--- a/lib/utils/html-comments.js
+++ b/lib/utils/html-comments.js
@@ -47,7 +47,7 @@ const TYPE_HTML_COMMENT_CLOSE_DECORATION = 'HTMLCommentCloseDecoration'
  * @param {HTMLCommentToken} comment
  * @returns {boolean}
  */
-function isCommentDirective (comment) {
+function isCommentDirective(comment) {
   return COMMENT_DIRECTIVE.test(comment.value)
 }
 
@@ -55,8 +55,11 @@ function isCommentDirective (comment) {
  * @param {HTMLCommentToken} comment
  * @returns {boolean}
  */
-function isIEConditionalComment (comment) {
-  return IE_CONDITIONAL_IF.test(comment.value) || IE_CONDITIONAL_ENDIF.test(comment.value)
+function isIEConditionalComment(comment) {
+  return (
+    IE_CONDITIONAL_IF.test(comment.value) ||
+    IE_CONDITIONAL_ENDIF.test(comment.value)
+  )
 }
 
 /**
@@ -66,7 +69,7 @@ function isIEConditionalComment (comment) {
  * @param {CommentParserConfig} config The config.
  * @returns { (node: ASTToken) => (HTMLComment | null) } HTML comment parser.
  */
-function defineParser (sourceCode, config) {
+function defineParser(sourceCode, config) {
   config = config || {}
 
   const exceptions = config.exceptions || []
@@ -76,7 +79,7 @@ function defineParser (sourceCode, config) {
    * @param {string} contents comment contents
    * @returns {string} decoration string
    */
-  function getOpenDecoration (contents) {
+  function getOpenDecoration(contents) {
     let decoration = ''
     for (const exception of exceptions) {
       const length = exception.length
@@ -97,7 +100,7 @@ function defineParser (sourceCode, config) {
    * @param {string} contents comment contents
    * @returns {string} decoration string
    */
-  function getCloseDecoration (contents) {
+  function getCloseDecoration(contents) {
     let decoration = ''
     for (const exception of exceptions) {
       const length = exception.length
@@ -118,7 +121,7 @@ function defineParser (sourceCode, config) {
    * @param {ASTToken} node a comment token
    * @returns {HTMLComment | null} the result of HTMLComment tokens.
    */
-  return function parseHTMLComment (node) {
+  return function parseHTMLComment(node) {
     if (node.type !== 'HTMLComment') {
       // Is not HTMLComment
       return null
@@ -126,7 +129,10 @@ function defineParser (sourceCode, config) {
 
     const htmlCommentText = sourceCode.getText(node)
 
-    if (!htmlCommentText.startsWith('<!--') || !htmlCommentText.endsWith('-->')) {
+    if (
+      !htmlCommentText.startsWith('<!--') ||
+      !htmlCommentText.endsWith('-->')
+    ) {
       // Is not normal HTML Comment
       // e.g. Error Code: "abrupt-closing-of-empty-comment", "incorrectly-closed-comment"
       return null
@@ -136,7 +142,8 @@ function defineParser (sourceCode, config) {
     const openDecorationText = getOpenDecoration(valueText)
     valueText = valueText.slice(openDecorationText.length)
     const firstCharIndex = valueText.search(/\S/)
-    const beforeSpace = firstCharIndex >= 0 ? valueText.slice(0, firstCharIndex) : valueText
+    const beforeSpace =
+      firstCharIndex >= 0 ? valueText.slice(0, firstCharIndex) : valueText
     valueText = valueText.slice(beforeSpace.length)
 
     const closeDecorationText = getCloseDecoration(valueText)
@@ -144,7 +151,8 @@ function defineParser (sourceCode, config) {
       valueText = valueText.slice(0, -closeDecorationText.length)
     }
     const lastCharIndex = valueText.search(/\S\s*$/)
-    const afterSpace = lastCharIndex >= 0 ? valueText.slice(lastCharIndex + 1) : valueText
+    const afterSpace =
+      lastCharIndex >= 0 ? valueText.slice(lastCharIndex + 1) : valueText
     if (afterSpace) {
       valueText = valueText.slice(0, -afterSpace.length)
     }
@@ -164,7 +172,7 @@ function defineParser (sourceCode, config) {
         type,
         value,
         range,
-        get loc () {
+        get loc() {
           if (loc) {
             return loc
           }
@@ -179,13 +187,19 @@ function defineParser (sourceCode, config) {
     /** @type {HTMLCommentOpen} */
     const open = createToken(TYPE_HTML_COMMENT_OPEN, '<!--')
     /** @type {HTMLCommentOpenDecoration | null} */
-    const openDecoration = openDecorationText ? createToken(TYPE_HTML_COMMENT_OPEN_DECORATION, openDecorationText) : null
+    const openDecoration = openDecorationText
+      ? createToken(TYPE_HTML_COMMENT_OPEN_DECORATION, openDecorationText)
+      : null
     tokenIndex += beforeSpace.length
     /** @type {HTMLCommentValue | null} */
-    const value = valueText ? createToken(TYPE_HTML_COMMENT_VALUE, valueText) : null
+    const value = valueText
+      ? createToken(TYPE_HTML_COMMENT_VALUE, valueText)
+      : null
     tokenIndex += afterSpace.length
     /** @type {HTMLCommentCloseDecoration | null} */
-    const closeDecoration = closeDecorationText ? createToken(TYPE_HTML_COMMENT_CLOSE_DECORATION, closeDecorationText) : null
+    const closeDecoration = closeDecorationText
+      ? createToken(TYPE_HTML_COMMENT_CLOSE_DECORATION, closeDecorationText)
+      : null
     /** @type {HTMLCommentClose} */
     const close = createToken(TYPE_HTML_COMMENT_CLOSE, '-->')
 
@@ -213,10 +227,10 @@ function defineParser (sourceCode, config) {
  * @param {CommentVisitorOption} visitorOption The option for visitor.
  * @returns {object} HTML comment visitor.
  */
-function defineVisitor (context, config, visitHTMLComment, visitorOption) {
+function defineVisitor(context, config, visitHTMLComment, visitorOption) {
   visitorOption = visitorOption || {}
   return {
-    Program (node) {
+    Program(node) {
       if (utils.hasInvalidEOF(node)) {
         return
       }
@@ -229,8 +243,7 @@ function defineVisitor (context, config, visitHTMLComment, visitorOption) {
         if (comment.type !== 'HTMLComment') {
           continue
         }
-        if (!visitorOption.includeDirectives &&
-          isCommentDirective(comment)) {
+        if (!visitorOption.includeDirectives && isCommentDirective(comment)) {
           // ignore directives
           continue
         }
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 2f2ec5745..1c8c3838a 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -615,8 +615,8 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
 
       if (visitor.hasOwnProperty(key)) {
         const handler = visitor[key]
-        visitor[key] = function (node) {
-          const ret = handler.apply(this, arguments)
+        visitor[key] = function (node, ...args) {
+          const ret = handler.call(this, node, ...args)
           ignore(node)
           return ret
         }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 5a07008b8..39d7270a5 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -649,7 +649,7 @@ module.exports = {
       vueVisitor[key] = (node) => callVisitor(key, node)
     }
 
-    vueVisitor['ObjectExpression'] = (node) => {
+    vueVisitor.ObjectExpression = (node) => {
       const type = getVueObjectType(context, node)
       if (type) {
         vueStack = { node, type, parent: vueStack }
@@ -855,7 +855,7 @@ module.exports = {
       onCodePathStart (codePath, node) {
         funcInfo = {
           codePath,
-          funcInfo: funcInfo,
+          funcInfo,
           hasReturn: false,
           hasReturnValue: false,
           node
@@ -938,7 +938,7 @@ module.exports = {
         isFunc = true
       } else {
         if (n.computed) {
-          parsedCallee.push('[]' + (isFunc ? '()' : ''))
+          parsedCallee.push(`[]${isFunc ? '()' : ''}`)
         } else if (n.property.type === 'Identifier') {
           parsedCallee.push(n.property.name + (isFunc ? '()' : ''))
         }
diff --git a/lib/utils/regexp.js b/lib/utils/regexp.js
index 023654f02..cdb4c3af5 100644
--- a/lib/utils/regexp.js
+++ b/lib/utils/regexp.js
@@ -10,8 +10,8 @@ const RE_REGEXP_STR = /^\/(.+)\/(.*)$/u
  * @param {string} string The string to escape.
  * @returns {string} Returns the escaped string.
  */
-function escape (string) {
-  return (string && RE_HAS_REGEXP_CHAR.test(string))
+function escape(string) {
+  return string && RE_HAS_REGEXP_CHAR.test(string)
     ? string.replace(RE_REGEXP_CHAR, '\\$&')
     : string
 }
@@ -24,7 +24,7 @@ function escape (string) {
  * @param {string} string The string to convert.
  * @returns {string} Returns the `RegExp`.
  */
-function toRegExp (string) {
+function toRegExp(string) {
   const parts = RE_REGEXP_STR.exec(string)
   if (parts) {
     return new RegExp(parts[1], parts[2])
diff --git a/package.json b/package.json
index fd556cb51..8ee9bb712 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,6 @@
     "cover:report": "nyc report --reporter=html",
     "lint": "eslint . --rulesdir eslint-internal-rules",
     "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
-    "pretest": "npm run lint",
     "preversion": "npm test && npm run update && git add .",
     "version": "npm run lint -- --fix && git add .",
     "update": "node ./tools/update.js",
@@ -62,14 +61,17 @@
     "babel-eslint": "^10.1.0",
     "chai": "^4.2.0",
     "eslint": "^7.0.0",
+    "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-eslint-plugin": "^2.2.1",
     "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
     "eslint-plugin-vue-libs": "^4.0.0",
     "eslint4b": "^7.0.0",
     "lodash": "^4.17.15",
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
+    "prettier": "^2.0.5",
     "typescript": "^3.8.3",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.1"
diff --git a/tests/integrations/eslint-plugin-import.js b/tests/integrations/eslint-plugin-import.js
index 81ddc171c..cdac4abe4 100644
--- a/tests/integrations/eslint-plugin-import.js
+++ b/tests/integrations/eslint-plugin-import.js
@@ -35,7 +35,15 @@ describe('Integration with eslint-plugin-import', () => {
   // eslint-plugin-vue had been breaking eslint-plugin-import if people use both at the same time.
   // This test is in order to prevent the regression.
   it('should lint without errors', () => {
-    if (!semver.satisfies(process.version, require(path.join(__dirname, 'eslint-plugin-import/node_modules/eslint/package.json')).engines.node)) {
+    if (
+      !semver.satisfies(
+        process.version,
+        require(path.join(
+          __dirname,
+          'eslint-plugin-import/node_modules/eslint/package.json'
+        )).engines.node
+      )
+    ) {
       return
     }
 
diff --git a/tests/lib/autofix.js b/tests/lib/autofix.js
index 6b0dc8437..4aca5b714 100644
--- a/tests/lib/autofix.js
+++ b/tests/lib/autofix.js
@@ -33,10 +33,12 @@ describe('Complex autofix test cases', () => {
 
   // https://github.com/vuejs/eslint-plugin-vue/issues/566
   describe('Autofix of `vue/order-in-components` and `comma-dangle` should not conflict.', () => {
-    const config = Object.assign({}, baseConfig, { 'rules': {
-      'vue/order-in-components': ['error'],
-      'comma-dangle': ['error', 'always']
-    }})
+    const config = Object.assign({}, baseConfig, {
+      rules: {
+        'vue/order-in-components': ['error'],
+        'comma-dangle': ['error', 'always']
+      }
+    })
 
     it('Even if set comma-dangle:always, the output should be as expected.', () => {
       const code = `
@@ -55,10 +57,7 @@ describe('Complex autofix test cases', () => {
           },
         };
       </script>`
-      assert.equal(
-        linter.verifyAndFix(code, config, 'test.vue').output,
-        output
-      )
+      assert.equal(linter.verifyAndFix(code, config, 'test.vue').output, output)
     })
 
     it('Even if include comments, the output should be as expected.', () => {
@@ -82,32 +81,47 @@ describe('Complex autofix test cases', () => {
           },/*after data*//*after name*/
         };
       </script>`
-      assert.equal(
-        linter.verifyAndFix(code, config, 'test.vue').output,
-        output
-      )
+      assert.equal(linter.verifyAndFix(code, config, 'test.vue').output, output)
     })
   })
 
   // https://github.com/vuejs/eslint-plugin-vue/issues/554
   describe('Autofix of `html-self-closing` and `component-name-in-template-casing` should not conflict.', () => {
-    const kebabConfig = Object.assign({}, baseConfig, { 'rules': {
-      'vue/html-self-closing': ['error', {
-        'html': {
-          'component': 'never'
-        }
-      }],
-      'vue/component-name-in-template-casing': ['error', 'kebab-case', { registeredComponentsOnly: false }]
-    }})
-
-    const pascalConfig = Object.assign({}, baseConfig, { 'rules': {
-      'vue/html-self-closing': ['error', {
-        'html': {
-          'component': 'never'
-        }
-      }],
-      'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false }]
-    }})
+    const kebabConfig = Object.assign({}, baseConfig, {
+      rules: {
+        'vue/html-self-closing': [
+          'error',
+          {
+            html: {
+              component: 'never'
+            }
+          }
+        ],
+        'vue/component-name-in-template-casing': [
+          'error',
+          'kebab-case',
+          { registeredComponentsOnly: false }
+        ]
+      }
+    })
+
+    const pascalConfig = Object.assign({}, baseConfig, {
+      rules: {
+        'vue/html-self-closing': [
+          'error',
+          {
+            html: {
+              component: 'never'
+            }
+          }
+        ],
+        'vue/component-name-in-template-casing': [
+          'error',
+          'PascalCase',
+          { registeredComponentsOnly: false }
+        ]
+      }
+    })
 
     it('Even if set kebab-case, the output should be as expected.', () => {
       const code = `
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 22d247984..284017a3e 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -22,7 +22,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('attribute-hyphenation', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -30,23 +29,27 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" my-prop="prop"></custom></div></template>',
+      code:
+        '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" my-prop="prop"></custom></div></template>',
       options: ['always']
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" myProp="prop"></custom></div></template>',
+      code:
+        '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" myProp="prop"></custom></div></template>',
       options: ['never']
     },
     {
       filename: 'test.vue',
-      code: '<template><div data-id="foo" aria-test="bar" slot-scope="{ data }"><a onClick="" my-prop="prop"></a></div></template>',
+      code:
+        '<template><div data-id="foo" aria-test="bar" slot-scope="{ data }"><a onClick="" my-prop="prop"></a></div></template>',
       options: ['never']
     },
     {
       filename: 'test.vue',
-      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" second-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
-      options: ['never', { 'ignore': ['custom-hyphen', 'second-custom'] }]
+      code:
+        '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" second-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
+      options: ['never', { ignore: ['custom-hyphen', 'second-custom'] }]
     },
     {
       filename: 'test.vue',
@@ -66,110 +69,144 @@ ruleTester.run('attribute-hyphenation', rule, {
       code: '<template><div><custom my-prop="foo"></custom></div></template>',
       output: '<template><div><custom myProp="foo"></custom></div></template>',
       options: ['never'],
-      errors: [{
-        message: "Attribute 'my-prop' can't be hyphenated.",
-        type: 'VIdentifier',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute 'my-prop' can't be hyphenated.",
+          type: 'VIdentifier',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><custom MyProp="Bar"></custom></div></template>',
       output: '<template><div><custom my-prop="Bar"></custom></div></template>',
       options: ['always'],
-      errors: [{
-        message: "Attribute 'MyProp' must be hyphenated.",
-        type: 'VIdentifier',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute 'MyProp' must be hyphenated.",
+          type: 'VIdentifier',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><custom :my-prop="prop"></custom></div></template>',
-      output: '<template><div><custom :myProp="prop"></custom></div></template>',
+      output:
+        '<template><div><custom :myProp="prop"></custom></div></template>',
       options: ['never'],
-      errors: [{
-        message: "Attribute ':my-prop' can't be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute ':my-prop' can't be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><custom :MyProp="prop"></custom></div></template>',
-      output: '<template><div><custom :my-prop="prop"></custom></div></template>',
+      output:
+        '<template><div><custom :my-prop="prop"></custom></div></template>',
       options: ['always'],
-      errors: [{
-        message: "Attribute ':MyProp' must be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute ':MyProp' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
-      output: '<template><div><custom v-bind:myProp="prop"></custom></div></template>',
+      code:
+        '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
+      output:
+        '<template><div><custom v-bind:myProp="prop"></custom></div></template>',
       options: ['never'],
-      errors: [{
-        message: "Attribute 'v-bind:my-prop' can't be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute 'v-bind:my-prop' can't be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
-      output: '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
+      code:
+        '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
+      output:
+        '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
       options: ['always'],
-      errors: [{
-        message: "Attribute 'v-bind:MyProp' must be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute 'v-bind:MyProp' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
-      output: '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
-      options: ['always', { 'ignore': [] }],
-      errors: [{
-        message: "Attribute 'v-bind:MyProp' must be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      code:
+        '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
+      output:
+        '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
+      options: ['always', { ignore: [] }],
+      errors: [
+        {
+          message: "Attribute 'v-bind:MyProp' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom v-bind:my-prop="prop" :second-prop="test"></custom></div></template>',
-      output: '<template><div><custom v-bind:my-prop="prop" :secondProp="test"></custom></div></template>',
+      code:
+        '<template><div><custom v-bind:my-prop="prop" :second-prop="test"></custom></div></template>',
+      output:
+        '<template><div><custom v-bind:my-prop="prop" :secondProp="test"></custom></div></template>',
       options: ['never', { ignore: ['my-prop'] }],
-      errors: [{
-        message: "Attribute ':second-prop' can't be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute ':second-prop' can't be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom v-bind:myProp="prop" :secondProp="test"></custom></div></template>',
-      output: '<template><div><custom v-bind:my-prop="prop" :secondProp="test"></custom></div></template>',
+      code:
+        '<template><div><custom v-bind:myProp="prop" :secondProp="test"></custom></div></template>',
+      output:
+        '<template><div><custom v-bind:my-prop="prop" :secondProp="test"></custom></div></template>',
       options: ['always', { ignore: ['secondProp'] }],
-      errors: [{
-        message: "Attribute 'v-bind:myProp' must be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute 'v-bind:myProp' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom v-bind:propID="prop" :secondPropID="test"></custom></div></template>',
-      output: '<template><div><custom v-bind:prop-i-d="prop" :secondPropID="test"></custom></div></template>',
+      code:
+        '<template><div><custom v-bind:propID="prop" :secondPropID="test"></custom></div></template>',
+      output:
+        '<template><div><custom v-bind:prop-i-d="prop" :secondPropID="test"></custom></div></template>',
       options: ['always', { ignore: ['secondPropID'] }],
-      errors: [{
-        message: "Attribute 'v-bind:propID' must be hyphenated.",
-        type: 'VDirectiveKey',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "Attribute 'v-bind:propID' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -187,12 +224,14 @@ ruleTester.run('attribute-hyphenation', rule, {
           </custom>
         </template>
       `,
-      options: ['never', { 'ignore': ['custom-hyphen', 'second-custom'] }],
-      errors: [{
-        message: "Attribute 'third-custom' can't be hyphenated.",
-        type: 'VIdentifier',
-        line: 3
-      }]
+      options: ['never', { ignore: ['custom-hyphen', 'second-custom'] }],
+      errors: [
+        {
+          message: "Attribute 'third-custom' can't be hyphenated.",
+          type: 'VIdentifier',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -211,15 +250,18 @@ ruleTester.run('attribute-hyphenation', rule, {
         </template>
       `,
       options: ['never'],
-      errors: [{
-        message: "Attribute 'custom-hyphen' can't be hyphenated.",
-        type: 'VIdentifier',
-        line: 3
-      }, {
-        message: "Attribute 'second-custom' can't be hyphenated.",
-        type: 'VIdentifier',
-        line: 3
-      }]
+      errors: [
+        {
+          message: "Attribute 'custom-hyphen' can't be hyphenated.",
+          type: 'VIdentifier',
+          line: 3
+        },
+        {
+          message: "Attribute 'second-custom' can't be hyphenated.",
+          type: 'VIdentifier',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 74a38a870..423f720c9 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -8,14 +8,14 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var rule = require('../../../lib/rules/attributes-order')
-var RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/attributes-order')
+const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
 
-var tester = new RuleTester({
+const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
 })
diff --git a/tests/lib/rules/block-spacing.js b/tests/lib/rules/block-spacing.js
index a65d24a94..1c4c531a2 100644
--- a/tests/lib/rules/block-spacing.js
+++ b/tests/lib/rules/block-spacing.js
@@ -15,7 +15,8 @@ tester.run('block-spacing', rule, {
   valid: [
     '<template><div :attr="function foo() { return true; }" /></template>',
     {
-      code: '<template><div :attr="function foo() {return true;}" /></template>',
+      code:
+        '<template><div :attr="function foo() {return true;}" /></template>',
       options: ['never']
     },
     '<template><div :[(function(){return(1)})()]="a" /></template>'
@@ -113,8 +114,10 @@ tester.run('block-spacing', rule, {
       ]
     },
     {
-      code: '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
-      output: '<template><div :[(function(){return(1)})()]="(function(){ return(1) })()" /></template>',
+      code:
+        '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
+      output:
+        '<template><div :[(function(){return(1)})()]="(function(){ return(1) })()" /></template>',
       errors: [
         {
           messageId: 'missing',
@@ -131,7 +134,8 @@ tester.run('block-spacing', rule, {
             token: '}'
           }
           // message: 'Requires a space before \'}\'',
-        }]
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/brace-style.js b/tests/lib/rules/brace-style.js
index 68355e193..24a41d28e 100644
--- a/tests/lib/rules/brace-style.js
+++ b/tests/lib/rules/brace-style.js
@@ -18,7 +18,7 @@ tester.run('brace-style', rule, {
     }" /></template>`,
     {
       code: `<template><div :attr="function foo() { return true; }" /></template>`,
-      options: ['1tbs', { 'allowSingleLine': true }]
+      options: ['1tbs', { allowSingleLine: true }]
     },
     `<template><div :[(function(){return(1)})()]="a" /></template>`
   ],
@@ -39,7 +39,8 @@ tester.run('brace-style', rule, {
         </template>`,
       errors: [
         {
-          message: 'Opening curly brace does not appear on the same line as controlling statement.',
+          message:
+            'Opening curly brace does not appear on the same line as controlling statement.',
           line: 4
         }
       ]
@@ -61,13 +62,15 @@ tester.run('brace-style', rule, {
           line: 3
         },
         {
-          message: 'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.',
+          message:
+            'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.',
           line: 3
         }
       ]
     },
     {
-      code: '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
+      code:
+        '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
       output: `<template><div :[(function(){return(1)})()]="(function(){
 return(1)
 })()" /></template>`,
@@ -76,8 +79,10 @@ return(1)
           message: 'Statement inside of curly braces should be on next line.'
         },
         {
-          message: 'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.'
-        }]
+          message:
+            'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/camelcase.js b/tests/lib/rules/camelcase.js
index 5b670be81..31d5b6beb 100644
--- a/tests/lib/rules/camelcase.js
+++ b/tests/lib/rules/camelcase.js
@@ -34,7 +34,7 @@ tester.run('camelcase', rule, {
         </template>`,
       errors: [
         {
-          message: 'Identifier \'my_pref\' is not in camel case.',
+          message: "Identifier 'my_pref' is not in camel case.",
           line: 3
         }
       ]
@@ -48,7 +48,7 @@ tester.run('camelcase', rule, {
         </template>`,
       errors: [
         {
-          message: 'Identifier \'my_pref\' is not in camel case.',
+          message: "Identifier 'my_pref' is not in camel case.",
           line: 4
         }
       ]
diff --git a/tests/lib/rules/comma-dangle.js b/tests/lib/rules/comma-dangle.js
index 40801cae7..bbfdbfe01 100644
--- a/tests/lib/rules/comma-dangle.js
+++ b/tests/lib/rules/comma-dangle.js
@@ -21,18 +21,22 @@ tester.run('comma-dangle', rule, {
         <template>
           <CustomButton @click="($event) => fn()" />
         </template>`,
-      options: [{
-        'functions': 'never'
-      }]
+      options: [
+        {
+          functions: 'never'
+        }
+      ]
     },
     {
       code: `
         <template>
           <button @click="() => fn([a, b, ])" ></button>
         </template>`,
-      options: [{
-        'arrays': 'ignore'
-      }]
+      options: [
+        {
+          arrays: 'ignore'
+        }
+      ]
     },
     {
       code: `
@@ -70,9 +74,11 @@ tester.run('comma-dangle', rule, {
         <template>
           <CustomButton @click="($event, ) => fn()" />
         </template>`,
-      options: [{
-        'functions': 'never'
-      }],
+      options: [
+        {
+          functions: 'never'
+        }
+      ],
       output: `
         <template>
           <CustomButton @click="($event ) => fn()" />
diff --git a/tests/lib/rules/comma-spacing.js b/tests/lib/rules/comma-spacing.js
index 26b0ba1aa..e5b74407f 100644
--- a/tests/lib/rules/comma-spacing.js
+++ b/tests/lib/rules/comma-spacing.js
@@ -83,12 +83,12 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 4,
           column: 25
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 4,
           column: 25
         }
@@ -105,19 +105,19 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         },
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         }
       ]
@@ -133,19 +133,19 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         },
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         }
       ]
@@ -161,11 +161,11 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         }
       ]
@@ -181,11 +181,11 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         }
       ]
@@ -201,11 +201,11 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         }
       ]
@@ -225,11 +225,11 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 4
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 4
         }
       ]
@@ -245,11 +245,11 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'There should be no space before \',\'.',
+          message: "There should be no space before ','.",
           line: 3
         },
         {
-          message: 'A space is required after \',\'.',
+          message: "A space is required after ','.",
           line: 3
         }
       ]
@@ -270,11 +270,11 @@ tester.run('comma-spacing', rule, {
         </template>`,
       errors: [
         {
-          message: 'A space is required before \',\'.',
+          message: "A space is required before ','.",
           line: 4
         },
         {
-          message: 'There should be no space after \',\'.',
+          message: "There should be no space after ','.",
           line: 4
         }
       ]
diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
index bd469d7a9..39135a697 100644
--- a/tests/lib/rules/comma-style.js
+++ b/tests/lib/rules/comma-style.js
@@ -25,7 +25,7 @@ tester.run('comma-style', rule, {
           <CustomButton @click="($event,
             data) => fn()" />
         </template>`,
-      options: ['last', { exceptions: { ArrowFunctionExpression: false }}]
+      options: ['last', { exceptions: { ArrowFunctionExpression: false } }]
     },
     {
       code: `
@@ -33,7 +33,7 @@ tester.run('comma-style', rule, {
           <CustomButton @click="($event
             , data) => fn()" />
         </template>`,
-      options: ['first', { exceptions: { ArrowFunctionExpression: false }}]
+      options: ['first', { exceptions: { ArrowFunctionExpression: false } }]
     }
   ],
   invalid: [
@@ -65,7 +65,7 @@ tester.run('comma-style', rule, {
           <CustomButton @click="($event
             , data) => fn()" />
         </template>`,
-      options: ['last', { exceptions: { ArrowFunctionExpression: false }}],
+      options: ['last', { exceptions: { ArrowFunctionExpression: false } }],
       output: `
         <template>
           <CustomButton @click="($event,
@@ -84,7 +84,7 @@ tester.run('comma-style', rule, {
           <CustomButton @click="($event,
             data) => fn()" />
         </template>`,
-      options: ['first', { exceptions: { ArrowFunctionExpression: false }}],
+      options: ['first', { exceptions: { ArrowFunctionExpression: false } }],
       output: `
         <template>
           <CustomButton @click="($event
@@ -105,7 +105,7 @@ tester.run('comma-style', rule, {
             <div/>
           </CustomButton>
         </template>`,
-      options: ['first', { exceptions: { FunctionExpression: false }}],
+      options: ['first', { exceptions: { FunctionExpression: false } }],
       output: `
         <template>
           <CustomButton v-slot="foo
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index d87e742c0..f112df008 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -39,11 +39,11 @@ describe('comment-directive', () => {
   // Make `require("eslint-plugin-vue")` loading this plugin while this test.
   const resolveFilename = Module._resolveFilename
   before(() => {
-    Module._resolveFilename = function (id) {
+    Module._resolveFilename = function (id, ...args) {
       if (id === 'eslint-plugin-vue') {
         return path.resolve(__dirname, '../../../lib/index.js')
       }
-      return resolveFilename.apply(this, arguments)
+      return resolveFilename.call(this, id, ...args)
     }
   })
   after(() => {
@@ -58,7 +58,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
@@ -70,7 +71,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -85,7 +87,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -103,7 +106,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
@@ -120,7 +124,8 @@ describe('comment-directive', () => {
           var a
         </script>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.strictEqual(messages.length, 1)
       assert.strictEqual(messages[0].ruleId, 'no-unused-vars')
@@ -134,7 +139,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
@@ -145,13 +151,14 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
     })
 
-    it('don\'t disable rules if <!-- eslint-disable-line --> is on another line', () => {
+    it("don't disable rules if <!-- eslint-disable-line --> is on another line", () => {
       const code = `
         <template>
           <!-- eslint-disable-line -->
@@ -159,7 +166,8 @@ describe('comment-directive', () => {
           <!-- eslint-disable-line -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -175,7 +183,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
@@ -187,13 +196,14 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
     })
 
-    it('don\'t disable rules if <!-- eslint-disable-next-line --> is on another line', () => {
+    it("don't disable rules if <!-- eslint-disable-next-line --> is on another line", () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line -->
@@ -202,7 +212,8 @@ describe('comment-directive', () => {
           <!-- eslint-disable-next-line -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -217,7 +228,8 @@ describe('comment-directive', () => {
           <div id id="b">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -235,7 +247,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
@@ -249,7 +262,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -267,7 +281,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
@@ -280,7 +295,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line -- description -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
@@ -291,7 +307,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -304,7 +321,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
@@ -316,7 +334,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -331,12 +350,13 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('don\'t disable rules if <!-- eslint-disable --> is on after block', () => {
+    it("don't disable rules if <!-- eslint-disable --> is on after block", () => {
       const code = `
         <!-- eslint-disable -->
         <i18n>
@@ -345,7 +365,8 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0].messages
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index 2317ea523..f62b7183b 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -22,7 +22,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('component-definition-name-casing', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -171,11 +170,13 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -186,11 +187,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       `,
       output: null,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo  bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo  bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -201,11 +204,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       `,
       output: null,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo!bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo!bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -216,11 +221,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       `,
       output: null,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Property name "foo!bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo!bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -235,11 +242,13 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -255,11 +264,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       `,
       options: ['PascalCase'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -275,33 +286,39 @@ ruleTester.run('component-definition-name-casing', rule, {
       `,
       options: ['kebab-case'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not kebab-case.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not kebab-case.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', component)`,
       output: `Vue.component('FooBar', component)`,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `app.component('foo-bar', component)`,
       output: `app.component('FooBar', component)`,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -309,33 +326,39 @@ ruleTester.run('component-definition-name-casing', rule, {
       output: `(Vue as VueConstructor<Vue>).component('FooBar', component)`,
       parserOptions,
       parser: require.resolve('@typescript-eslint/parser'),
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', {})`,
       output: `Vue.component('FooBar', {})`,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `app.component('foo-bar', {})`,
       output: `app.component('FooBar', {})`,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -343,11 +366,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       output: `Vue.component('FooBar', {})`,
       options: ['PascalCase'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not PascalCase.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not PascalCase.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -355,11 +380,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       output: `Vue.component('foo-bar', {})`,
       options: ['kebab-case'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not kebab-case.',
-        type: 'Literal',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not kebab-case.',
+          type: 'Literal',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -367,11 +394,13 @@ ruleTester.run('component-definition-name-casing', rule, {
       output: `Vue.component(\`foo-bar\`, {})`,
       options: ['kebab-case'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not kebab-case.',
-        type: 'TemplateLiteral',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not kebab-case.',
+          type: 'TemplateLiteral',
+          line: 1
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index d468dce84..31c4ae832 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -45,17 +45,50 @@ tester.run('component-name-in-template-casing', rule, {
     },
 
     // element types test
-    { code: '<template><div/></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><img></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><TheComponent/></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><svg><path/></svg></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><math><mspace/></math></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><div><slot></slot></div></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><h1>Title</h1></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><h1 :is="customTitle">Title</h1></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><svg><TheComponent /></svg></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><text /></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><circle cx="0" cy="0" :d="radius"></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    {
+      code: '<template><div/></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><img></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><TheComponent/></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><svg><path/></svg></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><math><mspace/></math></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><div><slot></slot></div></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><h1>Title</h1></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><h1 :is="customTitle">Title</h1></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><svg><TheComponent /></svg></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><text /></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><circle cx="0" cy="0" :d="radius"></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
 
     // kebab-case
     {
@@ -82,11 +115,18 @@ tester.run('component-name-in-template-casing', rule, {
     // ignores
     {
       code: '<template><custom-element></custom-element></template>',
-      options: ['PascalCase', { ignores: ['custom-element'], registeredComponentsOnly: false }]
+      options: [
+        'PascalCase',
+        { ignores: ['custom-element'], registeredComponentsOnly: false }
+      ]
     },
     {
-      code: '<template><custom-element><TheComponent/></custom-element></template>',
-      options: ['PascalCase', { ignores: ['custom-element'], registeredComponentsOnly: false }]
+      code:
+        '<template><custom-element><TheComponent/></custom-element></template>',
+      options: [
+        'PascalCase',
+        { ignores: ['custom-element'], registeredComponentsOnly: false }
+      ]
     },
     // regexp ignores
     {
@@ -98,12 +138,21 @@ tester.run('component-name-in-template-casing', rule, {
         </template>
       `,
       filename: 'test.vue',
-      options: ['PascalCase', { registeredComponentsOnly: false, ignores: ['/^global/'] }]
+      options: [
+        'PascalCase',
+        { registeredComponentsOnly: false, ignores: ['/^global/'] }
+      ]
     },
 
     // Invalid EOF
-    { code: '<template><the-component a=">test</the-component></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
-    { code: '<template><the-component><!--test</the-component></template>', options: ['PascalCase', { registeredComponentsOnly: false }] }
+    {
+      code: '<template><the-component a=">test</the-component></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+    {
+      code: '<template><the-component><!--test</the-component></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    }
   ],
   invalid: [
     {
@@ -652,10 +701,13 @@ tester.run('component-name-in-template-casing', rule, {
         <custom-element2 />
         <TheComponent />
       </template>`,
-      options: ['PascalCase', {
-        ignores: ['custom-element1', 'custom-element2'],
-        registeredComponentsOnly: false
-      }],
+      options: [
+        'PascalCase',
+        {
+          ignores: ['custom-element1', 'custom-element2'],
+          registeredComponentsOnly: false
+        }
+      ],
       errors: [
         'Component name "the-component" is not PascalCase.',
         'Component name "the-component" is not PascalCase.'
@@ -678,10 +730,13 @@ tester.run('component-name-in-template-casing', rule, {
         <custom-element2 />
         <TheComponent />
       </template>`,
-      options: ['PascalCase', {
-        ignores: ['/^custom-element/'],
-        registeredComponentsOnly: false
-      }],
+      options: [
+        'PascalCase',
+        {
+          ignores: ['/^custom-element/'],
+          registeredComponentsOnly: false
+        }
+      ],
       errors: [
         'Component name "the-component" is not PascalCase.',
         'Component name "the-component" is not PascalCase.'
@@ -702,9 +757,12 @@ tester.run('component-name-in-template-casing', rule, {
         <foo-bar />
         <foo-bar-baz-qux />
       </template>`,
-      options: ['kebab-case', {
-        registeredComponentsOnly: false
-      }],
+      options: [
+        'kebab-case',
+        {
+          registeredComponentsOnly: false
+        }
+      ],
       errors: [
         'Component name "foo--bar" is not kebab-case.',
         'Component name "Foo--Bar" is not kebab-case.',
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index a9108fb76..fdb34d1d0 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -54,12 +54,14 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['template', 'docs', 'script', 'style'] }]
     },
     {
-      code: '<template></template><docs></docs><script></script><style></style>',
+      code:
+        '<template></template><docs></docs><script></script><style></style>',
       output: null,
       options: [{ order: ['template', 'script', 'style'] }]
     },
     {
-      code: '<docs><div id="id">text <!--comment--> </div><br></docs><script></script><template></template><style></style>',
+      code:
+        '<docs><div id="id">text <!--comment--> </div><br></docs><script></script><template></template><style></style>',
       output: null,
       options: [{ order: ['docs', 'script', 'template', 'style'] }]
     },
diff --git a/tests/lib/rules/eqeqeq.js b/tests/lib/rules/eqeqeq.js
index c9527b452..baa6d4b6c 100644
--- a/tests/lib/rules/eqeqeq.js
+++ b/tests/lib/rules/eqeqeq.js
@@ -12,9 +12,7 @@ const tester = new RuleTester({
 })
 
 tester.run('eqeqeq', rule, {
-  valid: [
-    '<template><div :attr="a === 1" /></template>'
-  ],
+  valid: ['<template><div :attr="a === 1" /></template>'],
   invalid: [
     {
       code: '<template><div :attr="a == 1" /></template>',
diff --git a/tests/lib/rules/html-closing-bracket-newline.js b/tests/lib/rules/html-closing-bracket-newline.js
index f357eb46a..4c07c80db 100644
--- a/tests/lib/rules/html-closing-bracket-newline.js
+++ b/tests/lib/rules/html-closing-bracket-newline.js
@@ -36,10 +36,12 @@ tester.run('html-closing-bracket-newline', rule, {
     `,
     {
       code: `<template><div></div></template>`,
-      options: [{
-        singleline: 'never',
-        multiline: 'never'
-      }]
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'never'
+        }
+      ]
     },
     {
       code: `
@@ -49,10 +51,12 @@ tester.run('html-closing-bracket-newline', rule, {
           </div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'never'
-      }]
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'never'
+        }
+      ]
     },
     {
       code: `
@@ -63,10 +67,12 @@ tester.run('html-closing-bracket-newline', rule, {
           </div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'always'
-      }]
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'always'
+        }
+      ]
     },
     {
       code: `
@@ -75,10 +81,12 @@ tester.run('html-closing-bracket-newline', rule, {
           </div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'always'
-      }]
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'always'
+        }
+      ]
     },
     {
       code: `
@@ -91,10 +99,12 @@ tester.run('html-closing-bracket-newline', rule, {
         </template
         >
       `,
-      options: [{
-        singleline: 'always',
-        multiline: 'never'
-      }]
+      options: [
+        {
+          singleline: 'always',
+          multiline: 'never'
+        }
+      ]
     },
     {
       code: `
@@ -107,10 +117,12 @@ tester.run('html-closing-bracket-newline', rule, {
         </template
         >
       `,
-      options: [{
-        singleline: 'always',
-        multiline: 'never'
-      }]
+      options: [
+        {
+          singleline: 'always',
+          multiline: 'never'
+        }
+      ]
     },
 
     // Ignore if no closing brackets
@@ -175,10 +187,12 @@ tester.run('html-closing-bracket-newline', rule, {
           <div></div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'never'
-      }],
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'never'
+        }
+      ],
       errors: [
         'Expected no line breaks before closing bracket, but 1 line break found.',
         'Expected no line breaks before closing bracket, but 2 line breaks found.'
@@ -200,10 +214,12 @@ tester.run('html-closing-bracket-newline', rule, {
           </div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'never'
-      }],
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'never'
+        }
+      ],
       errors: [
         'Expected no line breaks before closing bracket, but 1 line break found.'
       ]
@@ -224,10 +240,12 @@ tester.run('html-closing-bracket-newline', rule, {
           </div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'always'
-      }],
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'always'
+        }
+      ],
       errors: [
         'Expected 1 line break before closing bracket, but no line breaks found.'
       ]
@@ -247,10 +265,12 @@ tester.run('html-closing-bracket-newline', rule, {
           </div>
         </template>
       `,
-      options: [{
-        singleline: 'never',
-        multiline: 'always'
-      }],
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'always'
+        }
+      ],
       errors: [
         'Expected no line breaks before closing bracket, but 1 line break found.',
         'Expected no line breaks before closing bracket, but 1 line break found.'
@@ -277,10 +297,12 @@ tester.run('html-closing-bracket-newline', rule, {
         </template
         >
       `,
-      options: [{
-        singleline: 'always',
-        multiline: 'never'
-      }],
+      options: [
+        {
+          singleline: 'always',
+          multiline: 'never'
+        }
+      ],
       errors: [
         'Expected no line breaks before closing bracket, but 1 line break found.',
         'Expected 1 line break before closing bracket, but no line breaks found.'
@@ -305,10 +327,12 @@ tester.run('html-closing-bracket-newline', rule, {
         </template
         >
       `,
-      options: [{
-        singleline: 'always',
-        multiline: 'never'
-      }],
+      options: [
+        {
+          singleline: 'always',
+          multiline: 'never'
+        }
+      ],
       errors: [
         'Expected 1 line break before closing bracket, but no line breaks found.',
         'Expected 1 line break before closing bracket, but no line breaks found.'
diff --git a/tests/lib/rules/html-closing-bracket-spacing.js b/tests/lib/rules/html-closing-bracket-spacing.js
index b0080df0c..154ba87b2 100644
--- a/tests/lib/rules/html-closing-bracket-spacing.js
+++ b/tests/lib/rules/html-closing-bracket-spacing.js
@@ -15,7 +15,7 @@ const rule = require('../../../lib/rules/html-closing-bracket-spacing')
 // Tests
 // -----------------------------------------------------------------------------
 
-var ruleTester = new RuleTester({
+const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2015
@@ -57,39 +57,92 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
       code: '<template>\n  <div >\n  </div >\n  <div/>\n</template>',
       output: '<template>\n  <div>\n  </div>\n  <div />\n</template>',
       errors: [
-        { message: "Expected no space before '>', but found.", line: 2, column: 7, endColumn: 9 },
-        { message: "Expected no space before '>', but found.", line: 3, column: 8, endColumn: 10 },
-        { message: "Expected a space before '/>', but not found.", line: 4, column: 7, endColumn: 9 }
+        {
+          message: "Expected no space before '>', but found.",
+          line: 2,
+          column: 7,
+          endColumn: 9
+        },
+        {
+          message: "Expected no space before '>', but found.",
+          line: 3,
+          column: 8,
+          endColumn: 10
+        },
+        {
+          message: "Expected a space before '/>', but not found.",
+          line: 4,
+          column: 7,
+          endColumn: 9
+        }
       ]
     },
     {
       code: '<template>\n  <div foo ></div>\n  <div foo/>\n</template>',
       output: '<template>\n  <div foo></div>\n  <div foo />\n</template>',
       errors: [
-        { message: "Expected no space before '>', but found.", line: 2, column: 11, endColumn: 13 },
-        { message: "Expected a space before '/>', but not found.", line: 3, column: 11, endColumn: 13 }
+        {
+          message: "Expected no space before '>', but found.",
+          line: 2,
+          column: 11,
+          endColumn: 13
+        },
+        {
+          message: "Expected a space before '/>', but not found.",
+          line: 3,
+          column: 11,
+          endColumn: 13
+        }
       ]
     },
     {
       code: '<template>\n  <div foo="1" ></div>\n  <div foo="1"/>\n</template>',
-      output: '<template>\n  <div foo="1"></div>\n  <div foo="1" />\n</template>',
+      output:
+        '<template>\n  <div foo="1"></div>\n  <div foo="1" />\n</template>',
       errors: [
-        { message: "Expected no space before '>', but found.", line: 2, column: 15, endColumn: 17 },
-        { message: "Expected a space before '/>', but not found.", line: 3, column: 15, endColumn: 17 }
+        {
+          message: "Expected no space before '>', but found.",
+          line: 2,
+          column: 15,
+          endColumn: 17
+        },
+        {
+          message: "Expected a space before '/>', but not found.",
+          line: 3,
+          column: 15,
+          endColumn: 17
+        }
       ]
     },
     {
       code: '<template >\n  <div>\n  </div>\n  <div />\n</template >',
       output: '<template >\n  <div >\n  </div >\n  <div/>\n</template >',
-      options: [{
-        startTag: 'always',
-        endTag: 'always',
-        selfClosingTag: 'never'
-      }],
+      options: [
+        {
+          startTag: 'always',
+          endTag: 'always',
+          selfClosingTag: 'never'
+        }
+      ],
       errors: [
-        { message: "Expected a space before '>', but not found.", line: 2, column: 7, endColumn: 8 },
-        { message: "Expected a space before '>', but not found.", line: 3, column: 8, endColumn: 9 },
-        { message: "Expected no space before '/>', but found.", line: 4, column: 7, endColumn: 10 }
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 2,
+          column: 7,
+          endColumn: 8
+        },
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 3,
+          column: 8,
+          endColumn: 9
+        },
+        {
+          message: "Expected no space before '/>', but found.",
+          line: 4,
+          column: 7,
+          endColumn: 10
+        }
       ]
     }
   ]
diff --git a/tests/lib/rules/html-comment-content-newline.js b/tests/lib/rules/html-comment-content-newline.js
index 8fa008e05..3755a5425 100644
--- a/tests/lib/rules/html-comment-content-newline.js
+++ b/tests/lib/rules/html-comment-content-newline.js
@@ -15,7 +15,6 @@ const tester = new RuleTester({
   }
 })
 tester.run('html-comment-content-newline', rule, {
-
   valid: [
     {
       code: `
@@ -256,10 +255,32 @@ tester.run('html-comment-content-newline', rule, {
         </template>
         `,
       errors: [
-        { message: 'Unexpected line breaks after \'<!--\'.', line: 3, column: 15, endLine: 4, endColumn: 13 },
-        { message: 'Unexpected line breaks before \'-->\'.', line: 4, column: 20, endLine: 5, endColumn: 11 },
-        { message: 'Expected line break after \'<!--\'.', line: 6, column: 15, endColumn: 16 },
-        { message: 'Expected line break before \'-->\'.', line: 7, column: 20, endColumn: 21 }
+        {
+          message: "Unexpected line breaks after '<!--'.",
+          line: 3,
+          column: 15,
+          endLine: 4,
+          endColumn: 13
+        },
+        {
+          message: "Unexpected line breaks before '-->'.",
+          line: 4,
+          column: 20,
+          endLine: 5,
+          endColumn: 11
+        },
+        {
+          message: "Expected line break after '<!--'.",
+          line: 6,
+          column: 15,
+          endColumn: 16
+        },
+        {
+          message: "Expected line break before '-->'.",
+          line: 7,
+          column: 20,
+          endColumn: 21
+        }
       ]
     },
     {
@@ -277,10 +298,30 @@ tester.run('html-comment-content-newline', rule, {
         </template>
         `,
       errors: [
-        { message: 'Expected line break after \'<!--\'.', line: 3, column: 15, endColumn: 15 },
-        { message: 'Expected line break before \'-->\'.', line: 3, column: 22, endColumn: 22 },
-        { message: 'Expected line break after \'<!--\'.', line: 4, column: 15, endColumn: 17 },
-        { message: 'Expected line break before \'-->\'.', line: 4, column: 24, endColumn: 26 }
+        {
+          message: "Expected line break after '<!--'.",
+          line: 3,
+          column: 15,
+          endColumn: 15
+        },
+        {
+          message: "Expected line break before '-->'.",
+          line: 3,
+          column: 22,
+          endColumn: 22
+        },
+        {
+          message: "Expected line break after '<!--'.",
+          line: 4,
+          column: 15,
+          endColumn: 17
+        },
+        {
+          message: "Expected line break before '-->'.",
+          line: 4,
+          column: 24,
+          endColumn: 26
+        }
       ]
     },
     {
@@ -298,8 +339,20 @@ comment
         </template>
         `,
       errors: [
-        { message: 'Unexpected line breaks after \'<!--\'.', line: 3, column: 15, endLine: 4, endColumn: 1 },
-        { message: 'Unexpected line breaks before \'-->\'.', line: 4, column: 8, endLine: 5, endColumn: 1 }
+        {
+          message: "Unexpected line breaks after '<!--'.",
+          line: 3,
+          column: 15,
+          endLine: 4,
+          endColumn: 1
+        },
+        {
+          message: "Unexpected line breaks before '-->'.",
+          line: 4,
+          column: 8,
+          endLine: 5,
+          endColumn: 1
+        }
       ]
     },
     {
@@ -315,8 +368,18 @@ comment
         </template>
         `,
       errors: [
-        { message: 'Expected line break after \'<!--\'.', line: 3, column: 15, endColumn: 23 },
-        { message: 'Expected line break before \'-->\'.', line: 3, column: 30, endColumn: 38 }
+        {
+          message: "Expected line break after '<!--'.",
+          line: 3,
+          column: 15,
+          endColumn: 23
+        },
+        {
+          message: "Expected line break before '-->'.",
+          line: 3,
+          column: 30,
+          endColumn: 38
+        }
       ]
     },
     // exceptions
@@ -360,7 +423,7 @@ comment
         `,
       errors: [
         'Expected line break after exception block.',
-        'Expected line break before \'-->\'.'
+        "Expected line break before '-->'."
       ]
     },
     {
@@ -373,7 +436,11 @@ comment
       output: null,
       errors: [
         'Expected line break after exception block.',
-        { message: 'Expected line break before exception block.', line: 3, column: 27 }
+        {
+          message: 'Expected line break before exception block.',
+          line: 3,
+          column: 27
+        }
       ]
     },
     {
@@ -386,9 +453,12 @@ comment
       output: null,
       errors: [
         'Expected line break after exception block.',
-        { message: 'Expected line break before exception block.', line: 3, column: 28 }
+        {
+          message: 'Expected line break before exception block.',
+          line: 3,
+          column: 28
+        }
       ]
     }
   ]
-
 })
diff --git a/tests/lib/rules/html-comment-content-spacing.js b/tests/lib/rules/html-comment-content-spacing.js
index 699d4d1ea..b29c1a960 100644
--- a/tests/lib/rules/html-comment-content-spacing.js
+++ b/tests/lib/rules/html-comment-content-spacing.js
@@ -15,7 +15,6 @@ const tester = new RuleTester({
   }
 })
 tester.run('html-comment-content-spacing', rule, {
-
   valid: [
     {
       code: `
@@ -213,8 +212,18 @@ tester.run('html-comment-content-spacing', rule, {
         </template>
         `,
       errors: [
-        { message: 'Expected space after \'<!--\'.', line: 3, column: 15, endColumn: 15 },
-        { message: 'Expected space before \'-->\'.', line: 3, column: 22, endColumn: 22 }
+        {
+          message: "Expected space after '<!--'.",
+          line: 3,
+          column: 15,
+          endColumn: 15
+        },
+        {
+          message: "Expected space before '-->'.",
+          line: 3,
+          column: 22,
+          endColumn: 22
+        }
       ]
     },
     {
@@ -230,8 +239,18 @@ tester.run('html-comment-content-spacing', rule, {
         </template>
         `,
       errors: [
-        { message: 'Unexpected space after \'<!--\'.', line: 3, column: 15, endColumn: 16 },
-        { message: 'Unexpected space before \'-->\'.', line: 3, column: 23, endColumn: 24 }
+        {
+          message: "Unexpected space after '<!--'.",
+          line: 3,
+          column: 15,
+          endColumn: 16
+        },
+        {
+          message: "Unexpected space before '-->'.",
+          line: 3,
+          column: 23,
+          endColumn: 24
+        }
       ]
     },
     {
@@ -247,8 +266,18 @@ tester.run('html-comment-content-spacing', rule, {
         </template>
         `,
       errors: [
-        { message: 'Unexpected space after \'<!--\'.', line: 3, column: 15, endColumn: 23 },
-        { message: 'Unexpected space before \'-->\'.', line: 3, column: 30, endColumn: 38 }
+        {
+          message: "Unexpected space after '<!--'.",
+          line: 3,
+          column: 15,
+          endColumn: 23
+        },
+        {
+          message: "Unexpected space before '-->'.",
+          line: 3,
+          column: 30,
+          endColumn: 38
+        }
       ]
     },
     // exceptions
@@ -292,7 +321,7 @@ tester.run('html-comment-content-spacing', rule, {
         `,
       errors: [
         'Expected space after exception block.',
-        'Expected space before \'-->\'.'
+        "Expected space before '-->'."
       ]
     },
     {
@@ -305,7 +334,11 @@ tester.run('html-comment-content-spacing', rule, {
       output: null,
       errors: [
         'Expected space after exception block.',
-        { message: 'Expected space before exception block.', line: 3, column: 27 }
+        {
+          message: 'Expected space before exception block.',
+          line: 3,
+          column: 27
+        }
       ]
     },
     {
@@ -318,9 +351,12 @@ tester.run('html-comment-content-spacing', rule, {
       output: null,
       errors: [
         'Expected space after exception block.',
-        { message: 'Expected space before exception block.', line: 3, column: 28 }
+        {
+          message: 'Expected space before exception block.',
+          line: 3,
+          column: 28
+        }
       ]
     }
   ]
-
 })
diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
index 0415b13f9..4ec5c6ee2 100644
--- a/tests/lib/rules/html-comment-indent.js
+++ b/tests/lib/rules/html-comment-indent.js
@@ -159,55 +159,62 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 2 spaces but found 0 spaces.',
-        line: 4,
-        column: 11,
-        endLine: 4,
-        endColumn: 11
-      },
-      {
-        message: 'Expected base point indentation of 10 spaces, but found 7 spaces.',
-        line: 7,
-        column: 1,
-        endLine: 7,
-        endColumn: 8
-      },
-      {
-        message: 'Expected relative indentation of 2 spaces but found 5 spaces.',
-        line: 8,
-        column: 11,
-        endLine: 8,
-        endColumn: 16
-      },
-      {
-        message: 'Expected relative indentation of 0 spaces but found 1 space.',
-        line: 9,
-        column: 11,
-        endLine: 9,
-        endColumn: 12
-      },
-      {
-        message: 'Expected space character, but found tab character.',
-        line: 11,
-        column: 14,
-        endLine: 11,
-        endColumn: 15
-      },
-      {
-        message: 'Expected space character, but found tab character.',
-        line: 12,
-        column: 13,
-        endLine: 12,
-        endColumn: 14
-      },
-      {
-        message: 'Expected base point indentation of 12 spaces, but found 11 spaces.',
-        line: 13,
-        column: 1,
-        endLine: 13,
-        endColumn: 12
-      }]
+      errors: [
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 0 spaces.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 11
+        },
+        {
+          message:
+            'Expected base point indentation of 10 spaces, but found 7 spaces.',
+          line: 7,
+          column: 1,
+          endLine: 7,
+          endColumn: 8
+        },
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 5 spaces.',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected relative indentation of 0 spaces but found 1 space.',
+          line: 9,
+          column: 11,
+          endLine: 9,
+          endColumn: 12
+        },
+        {
+          message: 'Expected space character, but found tab character.',
+          line: 11,
+          column: 14,
+          endLine: 11,
+          endColumn: 15
+        },
+        {
+          message: 'Expected space character, but found tab character.',
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 14
+        },
+        {
+          message:
+            'Expected base point indentation of 12 spaces, but found 11 spaces.',
+          line: 13,
+          column: 1,
+          endLine: 13,
+          endColumn: 12
+        }
+      ]
     },
     {
       code: `
@@ -241,55 +248,59 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 1 tab but found 0 tabs.',
-        line: 4,
-        column: 11,
-        endLine: 4,
-        endColumn: 11
-      },
-      {
-        message: 'Expected base point indentation of 10 spaces, but found "        \\t".',
-        line: 7,
-        column: 1,
-        endLine: 7,
-        endColumn: 10
-      },
-      {
-        message: 'Expected relative indentation of 1 tab but found 2 tabs.',
-        line: 8,
-        column: 11,
-        endLine: 8,
-        endColumn: 13
-      },
-      {
-        message: 'Expected relative indentation of 0 tabs but found 1 tab.',
-        line: 9,
-        column: 11,
-        endLine: 9,
-        endColumn: 12
-      },
-      {
-        message: 'Expected tab character, but found space character.',
-        line: 11,
-        column: 14,
-        endLine: 11,
-        endColumn: 15
-      },
-      {
-        message: 'Expected tab character, but found space character.',
-        line: 12,
-        column: 13,
-        endLine: 12,
-        endColumn: 14
-      },
-      {
-        message: 'Expected base point indentation of 12 spaces, but found 11 spaces.',
-        line: 13,
-        column: 1,
-        endLine: 13,
-        endColumn: 12
-      }]
+      errors: [
+        {
+          message: 'Expected relative indentation of 1 tab but found 0 tabs.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 11
+        },
+        {
+          message:
+            'Expected base point indentation of 10 spaces, but found "        \\t".',
+          line: 7,
+          column: 1,
+          endLine: 7,
+          endColumn: 10
+        },
+        {
+          message: 'Expected relative indentation of 1 tab but found 2 tabs.',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 13
+        },
+        {
+          message: 'Expected relative indentation of 0 tabs but found 1 tab.',
+          line: 9,
+          column: 11,
+          endLine: 9,
+          endColumn: 12
+        },
+        {
+          message: 'Expected tab character, but found space character.',
+          line: 11,
+          column: 14,
+          endLine: 11,
+          endColumn: 15
+        },
+        {
+          message: 'Expected tab character, but found space character.',
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 14
+        },
+        {
+          message:
+            'Expected base point indentation of 12 spaces, but found 11 spaces.',
+          line: 13,
+          column: 1,
+          endLine: 13,
+          endColumn: 12
+        }
+      ]
     },
     {
       code: `
@@ -323,55 +334,62 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 4 spaces but found 0 spaces.',
-        line: 4,
-        column: 11,
-        endLine: 4,
-        endColumn: 11
-      },
-      {
-        message: 'Expected base point indentation of 10 spaces, but found 5 spaces.',
-        line: 7,
-        column: 1,
-        endLine: 7,
-        endColumn: 6
-      },
-      {
-        message: 'Expected relative indentation of 4 spaces but found 8 spaces.',
-        line: 8,
-        column: 11,
-        endLine: 8,
-        endColumn: 19
-      },
-      {
-        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
-        line: 9,
-        column: 11,
-        endLine: 9,
-        endColumn: 13
-      },
-      {
-        message: 'Expected space character, but found tab character.',
-        line: 11,
-        column: 15,
-        endLine: 11,
-        endColumn: 16
-      },
-      {
-        message: 'Expected space character, but found tab character.',
-        line: 12,
-        column: 13,
-        endLine: 12,
-        endColumn: 14
-      },
-      {
-        message: 'Expected base point indentation of 12 spaces, but found 10 spaces.',
-        line: 13,
-        column: 1,
-        endLine: 13,
-        endColumn: 11
-      }]
+      errors: [
+        {
+          message:
+            'Expected relative indentation of 4 spaces but found 0 spaces.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 11
+        },
+        {
+          message:
+            'Expected base point indentation of 10 spaces, but found 5 spaces.',
+          line: 7,
+          column: 1,
+          endLine: 7,
+          endColumn: 6
+        },
+        {
+          message:
+            'Expected relative indentation of 4 spaces but found 8 spaces.',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 19
+        },
+        {
+          message:
+            'Expected relative indentation of 0 spaces but found 2 spaces.',
+          line: 9,
+          column: 11,
+          endLine: 9,
+          endColumn: 13
+        },
+        {
+          message: 'Expected space character, but found tab character.',
+          line: 11,
+          column: 15,
+          endLine: 11,
+          endColumn: 16
+        },
+        {
+          message: 'Expected space character, but found tab character.',
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 14
+        },
+        {
+          message:
+            'Expected base point indentation of 12 spaces, but found 10 spaces.',
+          line: 13,
+          column: 1,
+          endLine: 13,
+          endColumn: 11
+        }
+      ]
     },
     {
       code: `
@@ -405,55 +423,62 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
-        line: 4,
-        column: 11,
-        endLine: 4,
-        endColumn: 13
-      },
-      {
-        message: 'Expected base point indentation of 10 spaces, but found 8 spaces.',
-        line: 7,
-        column: 1,
-        endLine: 7,
-        endColumn: 9
-      },
-      {
-        message: 'Expected space character, but found tab character.',
-        line: 8,
-        column: 11,
-        endLine: 8,
-        endColumn: 12
-      },
-      {
-        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
-        line: 9,
-        column: 11,
-        endLine: 9,
-        endColumn: 13
-      },
-      {
-        message: 'Expected space character, but found tab character.',
-        line: 11,
-        column: 13,
-        endLine: 11,
-        endColumn: 14
-      },
-      {
-        message: 'Expected base point indentation of 12 spaces, but found "          \\t".',
-        line: 12,
-        column: 1,
-        endLine: 12,
-        endColumn: 12
-      },
-      {
-        message: 'Expected base point indentation of 12 spaces, but found 10 spaces.',
-        line: 13,
-        column: 1,
-        endLine: 13,
-        endColumn: 11
-      }]
+      errors: [
+        {
+          message:
+            'Expected relative indentation of 0 spaces but found 2 spaces.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 13
+        },
+        {
+          message:
+            'Expected base point indentation of 10 spaces, but found 8 spaces.',
+          line: 7,
+          column: 1,
+          endLine: 7,
+          endColumn: 9
+        },
+        {
+          message: 'Expected space character, but found tab character.',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 12
+        },
+        {
+          message:
+            'Expected relative indentation of 0 spaces but found 2 spaces.',
+          line: 9,
+          column: 11,
+          endLine: 9,
+          endColumn: 13
+        },
+        {
+          message: 'Expected space character, but found tab character.',
+          line: 11,
+          column: 13,
+          endLine: 11,
+          endColumn: 14
+        },
+        {
+          message:
+            'Expected base point indentation of 12 spaces, but found "          \\t".',
+          line: 12,
+          column: 1,
+          endLine: 12,
+          endColumn: 12
+        },
+        {
+          message:
+            'Expected base point indentation of 12 spaces, but found 10 spaces.',
+          line: 13,
+          column: 1,
+          endLine: 13,
+          endColumn: 11
+        }
+      ]
     },
     {
       code: `
@@ -488,22 +513,28 @@ tester.run('html-comment-indent', rule, {
           -->
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 2 spaces but found 0 spaces.',
-        line: 5
-      },
-      {
-        message: 'Expected relative indentation of 2 spaces but found 4 spaces.',
-        line: 7
-      },
-      {
-        message: 'Expected relative indentation of 0 spaces but found 2 spaces.',
-        line: 12
-      },
-      {
-        message: 'Expected base point indentation of 10 spaces, but found 8 spaces.',
-        line: 14
-      }]
+      errors: [
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 0 spaces.',
+          line: 5
+        },
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 4 spaces.',
+          line: 7
+        },
+        {
+          message:
+            'Expected relative indentation of 0 spaces but found 2 spaces.',
+          line: 12
+        },
+        {
+          message:
+            'Expected base point indentation of 10 spaces, but found 8 spaces.',
+          line: 14
+        }
+      ]
     },
     {
       code: `
@@ -522,14 +553,18 @@ tester.run('html-comment-indent', rule, {
             comment -->
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 2 spaces but found 0 spaces.',
-        line: 4
-      },
-      {
-        message: 'Expected relative indentation of 2 spaces but found 4 spaces.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 0 spaces.',
+          line: 4
+        },
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 4 spaces.',
+          line: 6
+        }
+      ]
     },
     {
       code: `
@@ -550,18 +585,20 @@ comment -->
 -->
 </template>
 `,
-      errors: [{
-        message: 'Expected indentation of 2 spaces but found 0 spaces.',
-        line: 4
-      },
-      {
-        message: 'Expected indentation of 2 spaces but found 0 spaces.',
-        line: 5
-      },
-      {
-        message: 'Expected indentation of 0 spaces but found 2 spaces.',
-        line: 7
-      }]
+      errors: [
+        {
+          message: 'Expected indentation of 2 spaces but found 0 spaces.',
+          line: 4
+        },
+        {
+          message: 'Expected indentation of 2 spaces but found 0 spaces.',
+          line: 5
+        },
+        {
+          message: 'Expected indentation of 0 spaces but found 2 spaces.',
+          line: 7
+        }
+      ]
     },
     {
       code: `
@@ -582,18 +619,23 @@ comment -->
   -->
 </template>
 `,
-      errors: [{
-        message: 'Expected base point indentation of 2 spaces, but not found.',
-        line: 4
-      },
-      {
-        message: 'Expected base point indentation of 2 spaces, but not found.',
-        line: 5
-      },
-      {
-        message: 'Expected base point indentation of 2 spaces, but not found.',
-        line: 7
-      }]
+      errors: [
+        {
+          message:
+            'Expected base point indentation of 2 spaces, but not found.',
+          line: 4
+        },
+        {
+          message:
+            'Expected base point indentation of 2 spaces, but not found.',
+          line: 5
+        },
+        {
+          message:
+            'Expected base point indentation of 2 spaces, but not found.',
+          line: 7
+        }
+      ]
     },
     {
       code: `
@@ -610,14 +652,18 @@ comment -->
           --></div>
         </template>
         `,
-      errors: [{
-        message: 'Expected relative indentation of 2 spaces but found 1 space.',
-        line: 4
-      },
-      {
-        message: 'Expected relative indentation of 0 spaces but found 1 space.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected relative indentation of 2 spaces but found 1 space.',
+          line: 4
+        },
+        {
+          message:
+            'Expected relative indentation of 0 spaces but found 1 space.',
+          line: 5
+        }
+      ]
     },
     {
       code: `
@@ -634,15 +680,18 @@ comment -->
  \t \t \t -->
         </template>
         `,
-      errors: [{
-        message: 'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
-        line: 4
-      },
-      {
-        message: 'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
+          line: 4
+        },
+        {
+          message:
+            'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
+          line: 5
+        }
+      ]
     }
   ]
-
 })
diff --git a/tests/lib/rules/html-quotes.js b/tests/lib/rules/html-quotes.js
index 95338825a..dd250054a 100644
--- a/tests/lib/rules/html-quotes.js
+++ b/tests/lib/rules/html-quotes.js
@@ -63,7 +63,7 @@ tester.run('html-quotes', rule, {
     },
     {
       filename: 'test.vue',
-      code: "<template><div attr=\"foo'bar\"></div></template>",
+      code: '<template><div attr="foo\'bar"></div></template>',
       options: ['single', { avoidEscape: true }]
     },
 
@@ -73,7 +73,7 @@ tester.run('html-quotes', rule, {
       options: ['single']
     },
     {
-      code: '<template><div class=\'foo></div></template>',
+      code: "<template><div class='foo></div></template>",
       options: ['double']
     }
   ],
@@ -146,28 +146,28 @@ tester.run('html-quotes', rule, {
     {
       filename: 'test.vue',
       code: '<template><div class=foo></div></template>',
-      output: '<template><div class=\'foo\'></div></template>',
+      output: "<template><div class='foo'></div></template>",
       options: ['single'],
       errors: ['Expected to be enclosed by single quotes.']
     },
     {
       filename: 'test.vue',
       code: '<template><div class="foo"></div></template>',
-      output: '<template><div class=\'foo\'></div></template>',
+      output: "<template><div class='foo'></div></template>",
       options: ['single'],
       errors: ['Expected to be enclosed by single quotes.']
     },
     {
       filename: 'test.vue',
       code: '<template><div :class=foo></div></template>',
-      output: '<template><div :class=\'foo\'></div></template>',
+      output: "<template><div :class='foo'></div></template>",
       options: ['single'],
       errors: ['Expected to be enclosed by single quotes.']
     },
     {
       filename: 'test.vue',
       code: '<template><div :class="foo"></div></template>',
-      output: '<template><div :class=\'foo\'></div></template>',
+      output: "<template><div :class='foo'></div></template>",
       options: ['single'],
       errors: ['Expected to be enclosed by single quotes.']
     },
@@ -196,14 +196,14 @@ tester.run('html-quotes', rule, {
     {
       filename: 'test.vue',
       code: '<template><div attr=foo"bar></div></template>',
-      output: '<template><div attr=\'foo"bar\'></div></template>',
+      output: "<template><div attr='foo\"bar'></div></template>",
       options: ['double', { avoidEscape: true }],
       errors: ['Expected to be enclosed by double quotes.']
     },
     {
       filename: 'test.vue',
-      code: '<template><div attr=foo\'bar></div></template>',
-      output: "<template><div attr=\"foo'bar\"></div></template>",
+      code: "<template><div attr=foo'bar></div></template>",
+      output: '<template><div attr="foo\'bar"></div></template>',
       options: ['single', { avoidEscape: true }],
       errors: ['Expected to be enclosed by single quotes.']
     },
@@ -217,7 +217,7 @@ tester.run('html-quotes', rule, {
     {
       filename: 'test.vue',
       code: '<template><div attr=foo"bar\'baz></div></template>',
-      output: '<template><div attr=\'foo"bar&apos;baz\'></div></template>',
+      output: "<template><div attr='foo\"bar&apos;baz'></div></template>",
       options: ['single', { avoidEscape: true }],
       errors: ['Expected to be enclosed by single quotes.']
     }
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index fe819cec4..d548b79d9 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -33,23 +33,24 @@ const ALL_CODE = `<template>
   <math><mspace/></math>
 </template>`
 
-const anyWith = (opts) => Object.assign(
-  {
-    svg: 'any',
-    math: 'any'
-  },
-  opts,
-  {
-    html: Object.assign(
-      {
-        normal: 'any',
-        void: 'any',
-        component: 'any'
-      },
-      opts.html || {}
-    )
-  }
-)
+const anyWith = (opts) =>
+  Object.assign(
+    {
+      svg: 'any',
+      math: 'any'
+    },
+    opts,
+    {
+      html: Object.assign(
+        {
+          normal: 'any',
+          void: 'any',
+          component: 'any'
+        },
+        opts.html || {}
+      )
+    }
+  )
 
 tester.run('html-self-closing', rule, {
   valid: [
@@ -64,7 +65,7 @@ tester.run('html-self-closing', rule, {
     {
       code: '<template><div><!-- comment --></div></template>',
       output: null,
-      options: [{ html: { normal: 'always' }}]
+      options: [{ html: { normal: 'always' } }]
     },
 
     // Invalid EOF
@@ -116,7 +117,7 @@ tester.run('html-self-closing', rule, {
   <math><mspace></mspace></math>
   <math><mspace/></math>
 </template>`,
-      options: [anyWith({ html: { normal: 'always' }})],
+      options: [anyWith({ html: { normal: 'always' } })],
       errors: [
         { message: 'Require self-closing on HTML elements (<div>).', line: 2 }
       ]
@@ -135,7 +136,7 @@ tester.run('html-self-closing', rule, {
   <math><mspace></mspace></math>
   <math><mspace/></math>
 </template>`,
-      options: [anyWith({ html: { normal: 'never' }})],
+      options: [anyWith({ html: { normal: 'never' } })],
       errors: [
         { message: 'Disallow self-closing on HTML elements (<div/>).', line: 3 }
       ]
@@ -154,9 +155,12 @@ tester.run('html-self-closing', rule, {
   <math><mspace></mspace></math>
   <math><mspace/></math>
 </template>`,
-      options: [anyWith({ html: { void: 'always' }})],
+      options: [anyWith({ html: { void: 'always' } })],
       errors: [
-        { message: 'Require self-closing on HTML void elements (<img>).', line: 4 }
+        {
+          message: 'Require self-closing on HTML void elements (<img>).',
+          line: 4
+        }
       ]
     },
     {
@@ -173,9 +177,12 @@ tester.run('html-self-closing', rule, {
   <math><mspace></mspace></math>
   <math><mspace/></math>
 </template>`,
-      options: [anyWith({ html: { void: 'never' }})],
+      options: [anyWith({ html: { void: 'never' } })],
       errors: [
-        { message: 'Disallow self-closing on HTML void elements (<img/>).', line: 5 }
+        {
+          message: 'Disallow self-closing on HTML void elements (<img/>).',
+          line: 5
+        }
       ]
     },
     {
@@ -192,9 +199,13 @@ tester.run('html-self-closing', rule, {
   <math><mspace></mspace></math>
   <math><mspace/></math>
 </template>`,
-      options: [anyWith({ html: { component: 'always' }})],
+      options: [anyWith({ html: { component: 'always' } })],
       errors: [
-        { message: 'Require self-closing on Vue.js custom components (<x-test>).', line: 6 }
+        {
+          message:
+            'Require self-closing on Vue.js custom components (<x-test>).',
+          line: 6
+        }
       ]
     },
     {
@@ -211,9 +222,13 @@ tester.run('html-self-closing', rule, {
   <math><mspace></mspace></math>
   <math><mspace/></math>
 </template>`,
-      options: [anyWith({ html: { component: 'never' }})],
+      options: [anyWith({ html: { component: 'never' } })],
       errors: [
-        { message: 'Disallow self-closing on Vue.js custom components (<x-test/>).', line: 7 }
+        {
+          message:
+            'Disallow self-closing on Vue.js custom components (<x-test/>).',
+          line: 7
+        }
       ]
     },
     {
@@ -270,7 +285,10 @@ tester.run('html-self-closing', rule, {
 </template>`,
       options: [anyWith({ math: 'always' })],
       errors: [
-        { message: 'Require self-closing on MathML elements (<mspace>).', line: 10 }
+        {
+          message: 'Require self-closing on MathML elements (<mspace>).',
+          line: 10
+        }
       ]
     },
     {
@@ -289,7 +307,10 @@ tester.run('html-self-closing', rule, {
 </template>`,
       options: [anyWith({ math: 'never' })],
       errors: [
-        { message: 'Disallow self-closing on MathML elements (<mspace/>).', line: 11 }
+        {
+          message: 'Disallow self-closing on MathML elements (<mspace/>).',
+          line: 11
+        }
       ]
     }
   ]
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index c40d406fe..875fb9288 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -8,12 +8,12 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var eslint = require('eslint')
-var rule = require('../../../lib/rules/jsx-uses-vars')
-var ruleNoUnusedVars = require('eslint/lib/rules/no-unused-vars')
+const eslint = require('eslint')
+const rule = require('../../../lib/rules/jsx-uses-vars')
+const ruleNoUnusedVars = require('eslint/lib/rules/no-unused-vars')
 
-var RuleTester = eslint.RuleTester
-var ruleTester = new RuleTester({
+const RuleTester = eslint.RuleTester
+const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'module',
@@ -23,7 +23,7 @@ var ruleTester = new RuleTester({
   }
 })
 
-var linter = ruleTester.linter || eslint.linter
+const linter = ruleTester.linter || eslint.linter
 linter.defineRule('jsx-uses-vars', rule)
 
 // ------------------------------------------------------------------------------
@@ -31,7 +31,6 @@ linter.defineRule('jsx-uses-vars', rule)
 // ------------------------------------------------------------------------------
 
 ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
-
   valid: [
     {
       code: `
@@ -45,7 +44,8 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           },
         };
       `
-    }, {
+    },
+    {
       code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.vue';
@@ -69,7 +69,8 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           }
         }
       `
-    }, {
+    },
+    {
       code: `
         /* eslint jsx-uses-vars: 1 */
         export default {
@@ -94,10 +95,13 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           },
         };
       `,
-      errors: [{
-        message: "'SomeComponent' is defined but never used."
-      }]
-    }, {
+      errors: [
+        {
+          message: "'SomeComponent' is defined but never used."
+        }
+      ]
+    },
+    {
       code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
@@ -111,9 +115,11 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           },
         };
       `,
-      errors: [{
-        message: "'wrapper' is assigned a value but never used."
-      }]
+      errors: [
+        {
+          message: "'wrapper' is assigned a value but never used."
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/key-spacing.js b/tests/lib/rules/key-spacing.js
index ffca2f56c..519230e23 100644
--- a/tests/lib/rules/key-spacing.js
+++ b/tests/lib/rules/key-spacing.js
@@ -17,7 +17,7 @@ tester.run('key-spacing', rule, {
     '<template><div :[{a:1}[`a`]]="a" /></template>',
     {
       code: '<template><div :[{a:1}[`a`]]="a" /></template>',
-      options: [{ 'beforeColon': true }]
+      options: [{ beforeColon: true }]
     }
   ],
   invalid: [
@@ -31,7 +31,7 @@ tester.run('key-spacing', rule, {
     },
     {
       code: '<template><div :[{a:1}[`a`]]="{a:1}[`a`]" /></template>',
-      options: [{ 'beforeColon': true }],
+      options: [{ beforeColon: true }],
       output: '<template><div :[{a:1}[`a`]]="{a : 1}[`a`]" /></template>',
       errors: [
         "Missing space after key 'a'.",
diff --git a/tests/lib/rules/keyword-spacing.js b/tests/lib/rules/keyword-spacing.js
index 314c4c1b1..dad5574e5 100644
--- a/tests/lib/rules/keyword-spacing.js
+++ b/tests/lib/rules/keyword-spacing.js
@@ -25,8 +25,7 @@ tester.run('keyword-spacing', rule, {
       " />
     </template>`,
     {
-      code:
-      `<template>
+      code: `<template>
         <div @event="
           if(foo) {
             //...
@@ -45,8 +44,7 @@ tester.run('keyword-spacing', rule, {
   ],
   invalid: [
     {
-      code:
-      `<template>
+      code: `<template>
         <div @event="
           if(foo) {
             //...
@@ -57,8 +55,7 @@ tester.run('keyword-spacing', rule, {
           }
         " />
       </template>`,
-      output:
-      `<template>
+      output: `<template>
         <div @event="
           if (foo) {
             //...
@@ -93,8 +90,7 @@ tester.run('keyword-spacing', rule, {
       ]
     },
     {
-      code:
-      `<template>
+      code: `<template>
         <div @event="
           if (foo) {
             //...
@@ -106,8 +102,7 @@ tester.run('keyword-spacing', rule, {
         " />
       </template>`,
       options: [{ before: false, after: false }],
-      output:
-      `<template>
+      output: `<template>
         <div @event="
           if(foo) {
             //...
@@ -142,19 +137,18 @@ tester.run('keyword-spacing', rule, {
       ]
     },
     {
-      code:
-      `<template>
+      code: `<template>
         <div :[(function(){return(1)})()]="(function(){return(1)})()" />
       </template>`,
-      output:
-      `<template>
+      output: `<template>
         <div :[(function(){return(1)})()]="(function(){return (1)})()" />
       </template>`,
       errors: [
         {
           message: 'Expected space(s) after "return".',
           line: 2
-        }]
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index a97c5941e..d1b4c3371 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -561,9 +561,12 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       parserOptions: jsxParserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.jsx',
@@ -575,9 +578,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['jsx'] }],
       parserOptions: jsxParserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.jsx',
@@ -589,9 +595,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['jsx'] }],
       parserOptions: jsxParserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
 
     // .vue
@@ -608,9 +617,12 @@ ruleTester.run('match-component-file-name', rule, {
       options: [{ extensions: ['vue'] }],
       parser: require.resolve('vue-eslint-parser'),
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.vue',
@@ -625,9 +637,12 @@ ruleTester.run('match-component-file-name', rule, {
       options: [{ extensions: ['vue'] }],
       parser: require.resolve('vue-eslint-parser'),
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
 
     // .js
@@ -641,9 +656,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -655,9 +673,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -668,9 +689,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -681,9 +705,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -694,9 +721,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -707,9 +737,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -720,9 +753,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ extensions: ['js'] }],
       parserOptions,
-      errors: [{
-        message: 'Component name `MComponent` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.'
+        }
+      ]
     },
 
     // casing
@@ -736,9 +772,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ shouldMatchCase: true }],
       parserOptions: jsxParserOptions,
-      errors: [{
-        message: 'Component name `my-component` should match file name `MyComponent`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `my-component` should match file name `MyComponent`.'
+        }
+      ]
     },
     {
       filename: 'my-component.jsx',
@@ -750,9 +789,12 @@ ruleTester.run('match-component-file-name', rule, {
       `,
       options: [{ shouldMatchCase: true }],
       parserOptions: jsxParserOptions,
-      errors: [{
-        message: 'Component name `MyComponent` should match file name `my-component`.'
-      }]
+      errors: [
+        {
+          message:
+            'Component name `MyComponent` should match file name `my-component`.'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index 0193f8524..fa7210027 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -38,7 +38,7 @@ ruleTester.run('max-attributes-per-line', rule, {
         age="30"
         job="Vet"
       ></component></template>`,
-      options: [{ multiline: { allowFirstLine: true }}]
+      options: [{ multiline: { allowFirstLine: true } }]
     },
     {
       code: `<template><component
@@ -57,18 +57,18 @@ ruleTester.run('max-attributes-per-line', rule, {
     },
     {
       code: `<template><component></component></template>`,
-      options: [{ singleline: 1, multiline: { max: 1, allowFirstLine: false }}]
+      options: [{ singleline: 1, multiline: { max: 1, allowFirstLine: false } }]
     },
     {
       code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false }}]
+      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false } }]
     },
     {
       code: `<template><component name="John Doe"
         age="30">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: true }}]
+      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: true } }]
     },
     {
       code: `<template><component
@@ -76,7 +76,7 @@ ruleTester.run('max-attributes-per-line', rule, {
         age="30">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false }}]
+      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false } }]
     },
     {
       code: `<template><component
@@ -84,7 +84,7 @@ ruleTester.run('max-attributes-per-line', rule, {
         job="Vet">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 2, allowFirstLine: false }}]
+      options: [{ singleline: 3, multiline: { max: 2, allowFirstLine: false } }]
     }
   ],
 
@@ -93,43 +93,43 @@ ruleTester.run('max-attributes-per-line', rule, {
       code: `<template><component name="John Doe" age="30"></component></template>`,
       output: `<template><component name="John Doe"
 age="30"></component></template>`,
-      errors: ['\'age\' should be on a new line.']
+      errors: ["'age' should be on a new line."]
     },
     {
       code: `<template><component :name="user.name" :age="user.age"></component></template>`,
       output: `<template><component :name="user.name"
 :age="user.age"></component></template>`,
-      errors: ['\':age\' should be on a new line.']
+      errors: ["':age' should be on a new line."]
     },
     {
       code: `<template><component :is="test" v-bind="user"></component></template>`,
       output: `<template><component :is="test"
 v-bind="user"></component></template>`,
-      errors: ['\'v-bind\' should be on a new line.']
+      errors: ["'v-bind' should be on a new line."]
     },
     {
       code: `<template><component :name="user.name" @buy="buyProduct"></component></template>`,
       output: `<template><component :name="user.name"
 @buy="buyProduct"></component></template>`,
-      errors: ['\'@buy\' should be on a new line.']
+      errors: ["'@buy' should be on a new line."]
     },
     {
       code: `<template><component :name="user.name" @click.stop></component></template>`,
       output: `<template><component :name="user.name"
 @click.stop></component></template>`,
-      errors: ['\'@click.stop\' should be on a new line.']
+      errors: ["'@click.stop' should be on a new line."]
     },
     {
       code: `<template><component :name="user.name" v-if="something"></component></template>`,
       output: `<template><component :name="user.name"
 v-if="something"></component></template>`,
-      errors: ['\'v-if\' should be on a new line.']
+      errors: ["'v-if' should be on a new line."]
     },
     {
       code: `<template><component name="John Doe"    v-bind:age="user.age"></component></template>`,
       output: `<template><component name="John Doe"
 v-bind:age="user.age"></component></template>`,
-      errors: ['\'v-bind:age\' should be on a new line.']
+      errors: ["'v-bind:age' should be on a new line."]
     },
     {
       code: `<template><component job="Vet"
@@ -143,54 +143,67 @@ job="Vet"
         age="30">
         </component>
       </template>`,
-      errors: [{
-        message: '\'job\' should be on a new line.',
-        type: 'VAttribute',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "'job' should be on a new line.",
+          type: 'VAttribute',
+          line: 1
+        }
+      ]
     },
     {
       code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
-      options: [{ singleline: { max: 2 }}],
+      options: [{ singleline: { max: 2 } }],
       output: `<template><component name="John Doe" age="30"
 job="Vet"></component></template>`,
-      errors: [{
-        message: '\'job\' should be on a new line.',
-        type: 'VAttribute',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "'job' should be on a new line.",
+          type: 'VAttribute',
+          line: 1
+        }
+      ]
     },
     {
       code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
-      options: [{ singleline: 1, multiline: { max: 1, allowFirstLine: false }}],
+      options: [
+        { singleline: 1, multiline: { max: 1, allowFirstLine: false } }
+      ],
       output: `<template><component name="John Doe"
 age="30" job="Vet"></component></template>`,
-      errors: [{
-        message: '\'age\' should be on a new line.',
-        type: 'VAttribute',
-        line: 1
-      }, {
-        message: '\'job\' should be on a new line.',
-        type: 'VAttribute',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "'age' should be on a new line.",
+          type: 'VAttribute',
+          line: 1
+        },
+        {
+          message: "'job' should be on a new line.",
+          type: 'VAttribute',
+          line: 1
+        }
+      ]
     },
     {
       code: `<template><component name="John Doe"
         age="30">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false }}],
+      options: [
+        { singleline: 3, multiline: { max: 1, allowFirstLine: false } }
+      ],
       output: `<template><component
 name="John Doe"
         age="30">
         </component>
       </template>`,
-      errors: [{
-        message: '\'name\' should be on a new line.',
-        type: 'VAttribute',
-        line: 1
-      }]
+      errors: [
+        {
+          message: "'name' should be on a new line.",
+          type: 'VAttribute',
+          line: 1
+        }
+      ]
     },
     {
       code: `<template><component
@@ -198,18 +211,22 @@ name="John Doe"
         job="Vet">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false }}],
+      options: [
+        { singleline: 3, multiline: { max: 1, allowFirstLine: false } }
+      ],
       output: `<template><component
         name="John Doe"
 age="30"
         job="Vet">
         </component>
       </template>`,
-      errors: [{
-        message: '\'age\' should be on a new line.',
-        type: 'VAttribute',
-        line: 2
-      }]
+      errors: [
+        {
+          message: "'age' should be on a new line.",
+          type: 'VAttribute',
+          line: 2
+        }
+      ]
     },
     {
       code: `<template><component
@@ -224,11 +241,13 @@ age="30"
         job="Vet">
         </component>
       </template>`,
-      errors: [{
-        message: '\'age\' should be on a new line.',
-        type: 'VAttribute',
-        line: 2
-      }]
+      errors: [
+        {
+          message: "'age' should be on a new line.",
+          type: 'VAttribute',
+          line: 2
+        }
+      ]
     },
     {
       code: `<template><component
@@ -236,18 +255,22 @@ age="30"
         job="Vet" pet="dog" petname="Snoopy">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 2, allowFirstLine: false }}],
+      options: [
+        { singleline: 3, multiline: { max: 2, allowFirstLine: false } }
+      ],
       output: `<template><component
         name="John Doe" age="30"
         job="Vet" pet="dog"
 petname="Snoopy">
         </component>
       </template>`,
-      errors: [{
-        message: '\'petname\' should be on a new line.',
-        type: 'VAttribute',
-        line: 3
-      }]
+      errors: [
+        {
+          message: "'petname' should be on a new line.",
+          type: 'VAttribute',
+          line: 3
+        }
+      ]
     },
     {
       code: `<template><component
@@ -255,22 +278,27 @@ petname="Snoopy">
         job="Vet" pet="dog" petname="Snoopy" extra="foo">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: { max: 2, allowFirstLine: false }}],
+      options: [
+        { singleline: 3, multiline: { max: 2, allowFirstLine: false } }
+      ],
       output: `<template><component
         name="John Doe" age="30"
         job="Vet" pet="dog"
 petname="Snoopy" extra="foo">
         </component>
       </template>`,
-      errors: [{
-        message: '\'petname\' should be on a new line.',
-        type: 'VAttribute',
-        line: 3
-      }, {
-        message: '\'extra\' should be on a new line.',
-        type: 'VAttribute',
-        line: 3
-      }]
+      errors: [
+        {
+          message: "'petname' should be on a new line.",
+          type: 'VAttribute',
+          line: 3
+        },
+        {
+          message: "'extra' should be on a new line.",
+          type: 'VAttribute',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/max-len.js b/tests/lib/rules/max-len.js
index 404348866..8734d775d 100644
--- a/tests/lib/rules/max-len.js
+++ b/tests/lib/rules/max-len.js
@@ -583,10 +583,12 @@ var b /* comment */ // trailing comments .......................................
 </script>
 `,
       options: [{ ignoreComments: true }],
-      errors: [{
-        message: 'This line has a length of 81. Maximum allowed is 80.',
-        line: 10
-      }]
+      errors: [
+        {
+          message: 'This line has a length of 81. Maximum allowed is 80.',
+          line: 10
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -609,10 +611,12 @@ var b /* comment */ // trailing comments .......................................
 </template>
 `,
       options: [{ ignoreComments: true }],
-      errors: [{
-        message: 'This line has a length of 81. Maximum allowed is 80.',
-        line: 15
-      }]
+      errors: [
+        {
+          message: 'This line has a length of 81. Maximum allowed is 80.',
+          line: 15
+        }
+      ]
     },
     // - ignoreTrailingComments: true
     {
@@ -1128,23 +1132,28 @@ var a;  // 41 cols comment                      *
 `,
       errors: [
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 3
         },
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 4
         },
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 9
         },
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 12
         },
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 13
         }
       ],
@@ -1223,15 +1232,18 @@ var b = \`81 columns
 `,
       errors: [
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 2
         },
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 3
         },
         {
-          message: 'This line has a comment length of 41. Maximum allowed is 40.',
+          message:
+            'This line has a comment length of 41. Maximum allowed is 40.',
           line: 4
         }
       ],
diff --git a/tests/lib/rules/multiline-html-element-content-newline.js b/tests/lib/rules/multiline-html-element-content-newline.js
index 63cf626a3..d566707d3 100644
--- a/tests/lib/rules/multiline-html-element-content-newline.js
+++ b/tests/lib/rules/multiline-html-element-content-newline.js
@@ -218,9 +218,11 @@ tester.run('multiline-html-element-content-newline', rule, {
           <ignore-tag>content
             content</ignore-tag>
         </template>`,
-      options: [{
-        ignores: ['ignore-tag']
-      }]
+      options: [
+        {
+          ignores: ['ignore-tag']
+        }
+      ]
     },
     {
       code: `
@@ -234,9 +236,11 @@ tester.run('multiline-html-element-content-newline', rule, {
           <IgnoreTag>content
             content</IgnoreTag>
         </template>`,
-      options: [{
-        ignores: ['IgnoreTag']
-      }]
+      options: [
+        {
+          ignores: ['IgnoreTag']
+        }
+      ]
     },
     {
       code: `
@@ -250,9 +254,11 @@ tester.run('multiline-html-element-content-newline', rule, {
           <ignore-tag>content
             content</ignore-tag>
         </template>`,
-      options: [{
-        ignores: ['IgnoreTag']
-      }]
+      options: [
+        {
+          ignores: ['IgnoreTag']
+        }
+      ]
     },
 
     // Ignore if no closing brackets
@@ -283,7 +289,8 @@ content
       `,
       errors: [
         {
-          message: 'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
           line: 5,
           column: 12,
           type: 'HTMLTagClose',
@@ -291,7 +298,8 @@ content
           endColumn: 12
         },
         {
-          message: 'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
           line: 5,
           column: 19,
           type: 'HTMLEndTagOpen',
@@ -320,14 +328,16 @@ content
       `,
       errors: [
         {
-          message: 'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
           line: 5,
           column: 12,
           endLine: 5,
           endColumn: 15
         },
         {
-          message: 'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
           line: 5,
           column: 22,
           endLine: 5,
@@ -353,14 +363,16 @@ content
       `,
       errors: [
         {
-          message: 'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
           line: 3,
           column: 16,
           endLine: 3,
           endColumn: 16
         },
         {
-          message: 'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
           line: 4,
           column: 22,
           endLine: 4,
@@ -710,7 +722,9 @@ content
         </template>
       `,
       options: [{ ignoreWhenEmpty: false }],
-      errors: ['Expected 1 line break after opening tag (`<div>`), but no line breaks found.']
+      errors: [
+        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/mustache-interpolation-spacing.js b/tests/lib/rules/mustache-interpolation-spacing.js
index 7c4787c69..45818fec8 100644
--- a/tests/lib/rules/mustache-interpolation-spacing.js
+++ b/tests/lib/rules/mustache-interpolation-spacing.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('mustache-interpolation-spacing', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -33,11 +32,13 @@ ruleTester.run('mustache-interpolation-spacing', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template>             <div id="               "></div>         </template>'
+      code:
+        '<template>             <div id="               "></div>         </template>'
     },
     {
       filename: 'test.vue',
-      code: '<template> <div :style="  " :class="       foo      " v-if=foo   ></div>      </template>'
+      code:
+        '<template> <div :style="  " :class="       foo      " v-if=foo   ></div>      </template>'
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/name-property-casing.js b/tests/lib/rules/name-property-casing.js
index ae2ed7dec..a7a8d41cc 100644
--- a/tests/lib/rules/name-property-casing.js
+++ b/tests/lib/rules/name-property-casing.js
@@ -22,7 +22,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('name-property-casing', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -86,11 +85,13 @@ ruleTester.run('name-property-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo-bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -101,11 +102,13 @@ ruleTester.run('name-property-casing', rule, {
       `,
       output: null,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo  bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo  bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -116,11 +119,13 @@ ruleTester.run('name-property-casing', rule, {
       `,
       output: null,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo!bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo!bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -131,11 +136,13 @@ ruleTester.run('name-property-casing', rule, {
       `,
       output: null,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Property name "foo!bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo!bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -150,11 +157,13 @@ ruleTester.run('name-property-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -170,11 +179,13 @@ ruleTester.run('name-property-casing', rule, {
       `,
       options: ['PascalCase'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not PascalCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not PascalCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -190,11 +201,13 @@ ruleTester.run('name-property-casing', rule, {
       `,
       options: ['kebab-case'],
       parserOptions,
-      errors: [{
-        message: 'Property name "foo_bar" is not kebab-case.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Property name "foo_bar" is not kebab-case.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-arrow-functions-in-watch.js b/tests/lib/rules/no-arrow-functions-in-watch.js
index 5d5b5cd87..b98179a3b 100644
--- a/tests/lib/rules/no-arrow-functions-in-watch.js
+++ b/tests/lib/rules/no-arrow-functions-in-watch.js
@@ -150,10 +150,12 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
           bar: () => {}
         }
       }`,
-      errors: [{
-        message: 'You should not use an arrow function to define a watcher.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -164,10 +166,12 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
           bar: () => {}
         }
       }`,
-      errors: [{
-        message: 'You should not use an arrow function to define a watcher.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -208,10 +212,12 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
           'e.f': function (val, oldVal) { /* ... */ }
         }
       }`,
-      errors: [{
-        message: 'You should not use an arrow function to define a watcher.',
-        line: 15
-      }]
+      errors: [
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 15
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index 171271188..b7f0283eb 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -23,7 +23,6 @@ const parserOptions = {
 const ruleTester = new RuleTester()
 
 ruleTester.run('no-async-in-computed-properties', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -240,13 +239,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected async function declaration in "foo" computed property.',
-        line: 4
-      }, {
-        message: 'Unexpected await operator in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in "foo" computed property.',
+          line: 4
+        },
+        {
+          message: 'Unexpected await operator in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -260,13 +263,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected async function declaration in "foo" computed property.',
-        line: 4
-      }, {
-        message: 'Unexpected Promise object in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in "foo" computed property.',
+          line: 4
+        },
+        {
+          message: 'Unexpected Promise object in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -280,10 +287,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -297,10 +306,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -314,10 +325,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -331,10 +344,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -348,10 +363,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -365,10 +382,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -382,10 +401,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -399,10 +420,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -418,10 +441,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 6
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -437,10 +462,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 6
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -456,10 +483,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Unexpected asynchronous action in "foo" computed property.',
-        line: 6
-      }]
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -480,31 +509,40 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       }
       `,
       parserOptions,
-      errors: [{
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 5
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 6
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 7
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 8
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 9
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 10
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 11
-      }, {
-        message: 'Unexpected timed function in "foo" computed property.',
-        line: 12
-      }]
+      errors: [
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 5
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 6
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 7
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 8
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 9
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 10
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 11
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 12
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index c113514b9..7421a049d 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -8,22 +8,21 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var rule = require('../../../lib/rules/no-boolean-default')
+const rule = require('../../../lib/rules/no-boolean-default')
 
-var RuleTester = require('eslint').RuleTester
+const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
 
-var ruleTester = new RuleTester({
+const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
 })
 ruleTester.run('no-boolean-default', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -247,10 +246,12 @@ ruleTester.run('no-boolean-default', rule, {
         }
       `,
       options: ['default-false'],
-      errors: [{
-        message: 'Boolean prop should only be defaulted to false.',
-        line: 6
-      }]
+      errors: [
+        {
+          message: 'Boolean prop should only be defaulted to false.',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -265,10 +266,12 @@ ruleTester.run('no-boolean-default', rule, {
         }
       `,
       options: ['default-false'],
-      errors: [{
-        message: 'Boolean prop should only be defaulted to false.',
-        line: 6
-      }]
+      errors: [
+        {
+          message: 'Boolean prop should only be defaulted to false.',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -283,10 +286,13 @@ ruleTester.run('no-boolean-default', rule, {
         }
       `,
       options: ['no-default'],
-      errors: [{
-        message: 'Boolean prop should not set a default (Vue defaults it to false).',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'Boolean prop should not set a default (Vue defaults it to false).',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -301,10 +307,13 @@ ruleTester.run('no-boolean-default', rule, {
         }
       `,
       options: ['no-default'],
-      errors: [{
-        message: 'Boolean prop should not set a default (Vue defaults it to false).',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'Boolean prop should not set a default (Vue defaults it to false).',
+          line: 6
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-confusing-v-for-v-if.js b/tests/lib/rules/no-confusing-v-for-v-if.js
index 47959aeb4..c94d1b3ea 100644
--- a/tests/lib/rules/no-confusing-v-for-v-if.js
+++ b/tests/lib/rules/no-confusing-v-for-v-if.js
@@ -29,30 +29,36 @@ tester.run('no-confusing-v-for-v-if', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list" v-if="x"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>'
+      code:
+        '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
+      code:
+        '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
     }
   ],
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
+      code:
+        '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
       errors: ["This 'v-if' should be moved to the wrapper element."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
+      code:
+        '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
       errors: ["This 'v-if' should be moved to the wrapper element."]
     }
   ]
diff --git a/tests/lib/rules/no-custom-modifiers-on-v-model.js b/tests/lib/rules/no-custom-modifiers-on-v-model.js
index ad80cdb77..03b0459a4 100644
--- a/tests/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/tests/lib/rules/no-custom-modifiers-on-v-model.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-custom-modifiers-on-v-model', rule, {
-
   valid: [
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-deprecated-data-object-declaration.js b/tests/lib/rules/no-deprecated-data-object-declaration.js
index 1ced275c0..22aa31160 100644
--- a/tests/lib/rules/no-deprecated-data-object-declaration.js
+++ b/tests/lib/rules/no-deprecated-data-object-declaration.js
@@ -23,7 +23,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('no-deprecated-data-object-declaration', rule, {
-
   valid: [
     {
       filename: 'test.js',
@@ -160,10 +159,13 @@ return {
         })
       `,
       parserOptions,
-      errors: [{
-        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
-        line: 4
-      }]
+      errors: [
+        {
+          message:
+            "Object declaration on 'data' property is deprecated. Using function declaration instead.",
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -184,10 +186,13 @@ return {
         })
       `,
       parserOptions,
-      errors: [{
-        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            "Object declaration on 'data' property is deprecated. Using function declaration instead.",
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -208,10 +213,13 @@ return {
         }
       `,
       parserOptions,
-      errors: [{
-        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            "Object declaration on 'data' property is deprecated. Using function declaration instead.",
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -232,10 +240,13 @@ return (/*b*/{
         }
       `,
       parserOptions,
-      errors: [{
-        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            "Object declaration on 'data' property is deprecated. Using function declaration instead.",
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -256,10 +267,13 @@ return {
         })
       `,
       parserOptions,
-      errors: [{
-        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            "Object declaration on 'data' property is deprecated. Using function declaration instead.",
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -280,10 +294,13 @@ return {
         }).mount('#app')
       `,
       parserOptions,
-      errors: [{
-        message: "Object declaration on \'data\' property is deprecated. Using function declaration instead.",
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            "Object declaration on 'data' property is deprecated. Using function declaration instead.",
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
index 98a0d6270..deaff0758 100644
--- a/tests/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
 })
 ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
-
   valid: [
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index 268c0a712..b52651aff 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -23,7 +23,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('no-deprecated-events-api', rule, {
-
   valid: [
     {
       filename: 'test.js',
@@ -130,10 +129,13 @@ ruleTester.run('no-deprecated-events-api', rule, {
         })
       `,
       parserOptions,
-      errors: [{
-        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        line: 4
-      }]
+      errors: [
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -145,10 +147,13 @@ ruleTester.run('no-deprecated-events-api', rule, {
         })
       `,
       parserOptions,
-      errors: [{
-        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        line: 4
-      }]
+      errors: [
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -162,10 +167,13 @@ ruleTester.run('no-deprecated-events-api', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        line: 4
-      }]
+      errors: [
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -180,10 +188,13 @@ ruleTester.run('no-deprecated-events-api', rule, {
         })
       `,
       parserOptions,
-      errors: [{
-        message: 'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 5
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
index 20957e465..7d9512819 100644
--- a/tests/lib/rules/no-deprecated-filter.js
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -50,7 +50,8 @@ ruleTester.run('no-deprecated-filter', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-for="msg in messages">{{ msg | filter }}</div></template>',
+      code:
+        '<template><div v-for="msg in messages">{{ msg | filter }}</div></template>',
       errors: ['Filters are deprecated.']
     },
     {
@@ -65,7 +66,8 @@ ruleTester.run('no-deprecated-filter', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-bind:id="msg | filterA | filterB"></div></template>',
+      code:
+        '<template><div v-bind:id="msg | filterA | filterB"></div></template>',
       errors: ['Filters are deprecated.']
     }
   ]
diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js
index e64511acd..3ee8e999c 100644
--- a/tests/lib/rules/no-deprecated-inline-template.js
+++ b/tests/lib/rules/no-deprecated-inline-template.js
@@ -32,18 +32,21 @@ ruleTester.run('no-deprecated-inline-template', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><my-component :inline-template="foo"><div /></my-component></template>'
+      code:
+        '<template><my-component :inline-template="foo"><div /></my-component></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><my-component Inline-Template="foo"><div /></my-component></template>'
+      code:
+        '<template><my-component Inline-Template="foo"><div /></my-component></template>'
     }
   ],
 
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><my-component inline-template><div /></my-component></template>',
+      code:
+        '<template><my-component inline-template><div /></my-component></template>',
       errors: [
         {
           line: 1,
@@ -56,12 +59,14 @@ ruleTester.run('no-deprecated-inline-template', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><my-component inline-template=""><div /></my-component></template>',
+      code:
+        '<template><my-component inline-template=""><div /></my-component></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code: '<template><my-component inline-template="foo"><div /></my-component></template>',
+      code:
+        '<template><my-component inline-template="foo"><div /></my-component></template>',
       errors: [{ messageId: 'unexpected' }]
     }
   ]
diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
index 6cf900265..469d2f577 100644
--- a/tests/lib/rules/no-deprecated-v-bind-sync.js
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-deprecated-v-bind-sync', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -46,109 +45,170 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       filename: 'test.vue',
       code: "<template><MyComponent v-bind:foo.sync='bar'/></template>",
       output: "<template><MyComponent v-model:foo='bar'/></template>",
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><MyComponent :foo.sync='bar'/></template>",
       output: "<template><MyComponent v-model:foo='bar'/></template>",
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: "<template><MyComponent v-bind:[dynamicArg].sync='bar'/></template>",
+      code:
+        "<template><MyComponent v-bind:[dynamicArg].sync='bar'/></template>",
       output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><MyComponent :[dynamicArg].sync='bar'/></template>",
       output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><MyComponent v-bind.sync='bar'/></template>",
       output: "<template><MyComponent v-bind.sync='bar'/></template>",
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
       output: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
-      output: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
+      output:
+        '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="x.foo" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="x.foo" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x - 1]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x - 1]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`${x}`]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`${x}`]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`prefix_${x}`]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`prefix_${x}`]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x ? x : \'_\']" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x ? x : \'_\']" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x || \'_\']" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x || \'_\']" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x()]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x()]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[typeof x]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[typeof x]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>',
-      output: '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[tag`${x}`]" /></div></div></template>',
-      errors: ["'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."]
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>',
+      output:
+        '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[tag`${x}`]" /></div></div></template>',
+      errors: [
+        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-v-on-native-modifier.js b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
index 772a56918..d201cd478 100644
--- a/tests/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-deprecated-v-on-native-modifier', rule, {
-
   valid: [
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index 36d4bf003..9edf2a272 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -57,7 +56,8 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
     },
     {
       filename: 'test.vue',
-      code: "<template><input v-on:keyup.page-down.native='onArrowUp'></template>"
+      code:
+        "<template><input v-on:keyup.page-down.native='onArrowUp'></template>"
     },
     {
       filename: 'test.vue',
@@ -78,97 +78,141 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       filename: 'test.vue',
       code: "<template><input v-on:keyup.34='onArrowUp'></template>",
       output: "<template><input v-on:keyup.page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input v-on:keyup.34.native='onArrowUp'></template>",
-      output: "<template><input v-on:keyup.page-down.native='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input v-on:keyup.page-down.native='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input v-on:keyup.unknown.34='onArrowUp'></template>",
-      output: "<template><input v-on:keyup.unknown.page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input v-on:keyup.unknown.page-down='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input v-on:[dynamicArg].34='onArrowUp'></template>",
-      output: "<template><input v-on:[dynamicArg].page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input v-on:[dynamicArg].page-down='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: "<template><input v-on:[dynamicArg].unknown.34='onArrowUp'></template>",
-      output: "<template><input v-on:[dynamicArg].unknown.page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      code:
+        "<template><input v-on:[dynamicArg].unknown.34='onArrowUp'></template>",
+      output:
+        "<template><input v-on:[dynamicArg].unknown.page-down='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: "<template><input v-on:[dynamicArg].34.unknown='onArrowUp'></template>",
-      output: "<template><input v-on:[dynamicArg].page-down.unknown='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      code:
+        "<template><input v-on:[dynamicArg].34.unknown='onArrowUp'></template>",
+      output:
+        "<template><input v-on:[dynamicArg].page-down.unknown='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @keyup.34='onArrowUp'></template>",
       output: "<template><input @keyup.page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @keyup.34.native='onArrowUp'></template>",
-      output: "<template><input @keyup.page-down.native='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input @keyup.page-down.native='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @keyup.unknown.34='onArrowUp'></template>",
-      output: "<template><input @keyup.unknown.page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input @keyup.unknown.page-down='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @[dynamicArg].34='onArrowUp'></template>",
-      output: "<template><input @[dynamicArg].page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input @[dynamicArg].page-down='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @[dynamicArg].unknown.34='onArrowUp'></template>",
-      output: "<template><input @[dynamicArg].unknown.page-down='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input @[dynamicArg].unknown.page-down='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @[dynamicArg].34.unknown='onArrowUp'></template>",
-      output: "<template><input @[dynamicArg].page-down.unknown='onArrowUp'></template>",
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      output:
+        "<template><input @[dynamicArg].page-down.unknown='onArrowUp'></template>",
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @keyup.10='onArrowUp'></template>",
       output: null,
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @keyup.10.native='onArrowUp'></template>",
       output: null,
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @keyup.unknown.10='onArrowUp'></template>",
       output: null,
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><input @[dynamicArg].unknown.10='onArrowUp'></template>",
       output: null,
-      errors: ["'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."]
+      errors: [
+        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-deprecated-vue-config-keycodes.js b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
index 02fc42c4f..eebd7943c 100644
--- a/tests/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
-
   valid: [
     {
       filename: 'test.js',
@@ -41,15 +40,17 @@ ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
     {
       filename: 'test.js',
       code: 'Vue.config.keyCodes = {}',
-      errors: [{
-        message: '`Vue.config.keyCodes` are deprecated.',
-        line: 1,
-        column: 1,
-        type: 'MemberExpression',
-        // messageId: 'unexpected',
-        endLine: 1,
-        endColumn: 20
-      }]
+      errors: [
+        {
+          message: '`Vue.config.keyCodes` are deprecated.',
+          line: 1,
+          column: 1,
+          type: 'MemberExpression',
+          // messageId: 'unexpected',
+          endLine: 1,
+          endColumn: 20
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index a3bc06e77..94c1eaf98 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -365,19 +365,24 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 5
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 10
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 14
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 21
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 5
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 10
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 14
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 21
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -407,19 +412,24 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 5
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 10
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 14
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 21
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 5
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 10
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 14
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 21
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -440,16 +450,20 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 5
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 9
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 12
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 5
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 9
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 12
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -481,19 +495,24 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 7
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 13
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 16
-      }, {
-        message: 'Duplicated key \'foo\'.',
-        line: 23
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 7
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 13
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 16
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 23
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -509,10 +528,12 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       options: [{ groups: ['foo'] }],
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Duplicated key \'bar\'.',
-        line: 7
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'bar'.",
+          line: 7
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -533,10 +554,12 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 12
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 12
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -555,10 +578,12 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 10
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 10
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -575,10 +600,12 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -595,10 +622,12 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -615,10 +644,12 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -635,10 +666,12 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'foo\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -654,10 +687,12 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       options: [{ groups: ['foo'] }],
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Duplicated key \'bar\'.',
-        line: 7
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'bar'.",
+          line: 7
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -673,10 +708,12 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       options: [{ groups: ['foo'] }],
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Duplicated key \'bar\'.',
-        line: 7
-      }]
+      errors: [
+        {
+          message: "Duplicated key 'bar'.",
+          line: 7
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
index 1c862ef8a..8c4917071 100644
--- a/tests/lib/rules/no-duplicate-attr-inheritance.js
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -8,15 +8,15 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var rule = require('../../../lib/rules/no-duplicate-attr-inheritance')
+const rule = require('../../../lib/rules/no-duplicate-attr-inheritance')
 
-var RuleTester = require('eslint').RuleTester
+const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
 
-var ruleTester = new RuleTester({
+const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
@@ -24,7 +24,6 @@ var ruleTester = new RuleTester({
   }
 })
 ruleTester.run('no-duplicate-attr-inheritance', rule, {
-
   valid: [
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-duplicate-attributes.js b/tests/lib/rules/no-duplicate-attributes.js
index baa79dc98..661cf1f33 100644
--- a/tests/lib/rules/no-duplicate-attributes.js
+++ b/tests/lib/rules/no-duplicate-attributes.js
@@ -33,7 +33,8 @@ tester.run('no-duplicate-attributes', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div @click="foo" @click="bar"></div></div></template>'
+      code:
+        '<template><div><div @click="foo" @click="bar"></div></div></template>'
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-empty-pattern.js b/tests/lib/rules/no-empty-pattern.js
index f3b6f860e..b3747965e 100644
--- a/tests/lib/rules/no-empty-pattern.js
+++ b/tests/lib/rules/no-empty-pattern.js
@@ -247,6 +247,5 @@ tester.run('no-empty-pattern', rule, {
         }
       ]
     }
-
   ]
 })
diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
index b4851272a..9b7ce315f 100644
--- a/tests/lib/rules/no-extra-parens.js
+++ b/tests/lib/rules/no-extra-parens.js
@@ -157,13 +157,17 @@ tester.run('no-extra-parens', rule, {
       errors: [{ messageId: 'unexpected' }]
     },
     {
-      code: '<template><button>{{ ((foo + bar | bitwise)) }}</button></template>',
-      output: '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
+      code:
+        '<template><button>{{ ((foo + bar | bitwise)) }}</button></template>',
+      output:
+        '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
-      code: '<template><button>{{ ((foo | bitwise)) | filter }}</button></template>',
-      output: '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
+      code:
+        '<template><button>{{ ((foo | bitwise)) | filter }}</button></template>',
+      output:
+        '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
diff --git a/tests/lib/rules/no-irregular-whitespace.js b/tests/lib/rules/no-irregular-whitespace.js
index 3814c3f23..85a0ad4aa 100644
--- a/tests/lib/rules/no-irregular-whitespace.js
+++ b/tests/lib/rules/no-irregular-whitespace.js
@@ -11,39 +11,77 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2018 }
 })
 
-const IRREGULAR_WHITESPACES = '\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000'.split('')
+const IRREGULAR_WHITESPACES = '\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000'.split(
+  ''
+)
 const IRREGULAR_LINE_TERMINATORS = '\u2028\u2029'.split('')
-const ALL_IRREGULAR_WHITESPACES = [].concat(IRREGULAR_WHITESPACES, IRREGULAR_LINE_TERMINATORS)
-const ALL_IRREGULAR_WHITESPACE_CODES = ALL_IRREGULAR_WHITESPACES.map(s => ('000' + s.charCodeAt(0).toString(16)).slice(-4))
+const ALL_IRREGULAR_WHITESPACES = [].concat(
+  IRREGULAR_WHITESPACES,
+  IRREGULAR_LINE_TERMINATORS
+)
+const ALL_IRREGULAR_WHITESPACE_CODES = ALL_IRREGULAR_WHITESPACES.map((s) =>
+  `000${s.charCodeAt(0).toString(16)}`.slice(-4)
+)
 
 tester.run('no-irregular-whitespace', rule, {
   valid: [
     'var a = \t\r\n b',
     '<template><div attr=" \t\r\n " :dir=" \t\r\n foo  \t\r\n " > \t\r\n s \t\r\n </div></template><script>var a = \t\r\n b</script>',
     // escapes
-    ...ALL_IRREGULAR_WHITESPACE_CODES.map(s => `/\\u${s}/+'\\u${s}'`),
+    ...ALL_IRREGULAR_WHITESPACE_CODES.map((s) => `/\\u${s}/+'\\u${s}'`),
     // html escapes
-    ...ALL_IRREGULAR_WHITESPACE_CODES
-      .map(s => `<template><div attr="&#x${s}">&#x${s}s&#x${s}</div></template>`),
+    ...ALL_IRREGULAR_WHITESPACE_CODES.map(
+      (s) => `<template><div attr="&#x${s}">&#x${s}s&#x${s}</div></template>`
+    ),
     // strings
-    ...IRREGULAR_WHITESPACES.map(s => `'${s}'`),
-    ...IRREGULAR_LINE_TERMINATORS.map(s => `'\\${s}'`), // multiline string
-    ...IRREGULAR_WHITESPACES.map(s => `<template>{{ '${s}' }}</template>`),
+    ...IRREGULAR_WHITESPACES.map((s) => `'${s}'`),
+    ...IRREGULAR_LINE_TERMINATORS.map((s) => `'\\${s}'`), // multiline string
+    ...IRREGULAR_WHITESPACES.map((s) => `<template>{{ '${s}' }}</template>`),
     // comments
-    ...IRREGULAR_WHITESPACES.map(s => ({ code: `//${s}`, options: [{ skipComments: true }] })),
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({ code: `/*${s}*/`, options: [{ skipComments: true }] })),
-    ...IRREGULAR_WHITESPACES.map(s => ({ code: `<template><div>{{ i//${s}\n }}</div></template>`, options: [{ skipComments: true }] })),
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({ code: `<template><div>{{ i/*${s}*/ }}</div></template>`, options: [{ skipComments: true }] })),
+    ...IRREGULAR_WHITESPACES.map((s) => ({
+      code: `//${s}`,
+      options: [{ skipComments: true }]
+    })),
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
+      code: `/*${s}*/`,
+      options: [{ skipComments: true }]
+    })),
+    ...IRREGULAR_WHITESPACES.map((s) => ({
+      code: `<template><div>{{ i//${s}\n }}</div></template>`,
+      options: [{ skipComments: true }]
+    })),
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
+      code: `<template><div>{{ i/*${s}*/ }}</div></template>`,
+      options: [{ skipComments: true }]
+    })),
     // regexps
-    ...IRREGULAR_WHITESPACES.map(s => ({ code: `/${s}/`, options: [{ skipRegExps: true }] })),
-    ...IRREGULAR_WHITESPACES.map(s => ({ code: `<template><div>{{ /${s}/ }}</div></template>`, options: [{ skipRegExps: true }] })),
+    ...IRREGULAR_WHITESPACES.map((s) => ({
+      code: `/${s}/`,
+      options: [{ skipRegExps: true }]
+    })),
+    ...IRREGULAR_WHITESPACES.map((s) => ({
+      code: `<template><div>{{ /${s}/ }}</div></template>`,
+      options: [{ skipRegExps: true }]
+    })),
     // templates
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({ code: `\`${s}\``, options: [{ skipTemplates: true }] })),
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({ code: `<template><div>{{ \`${s}\` }}</div></template>`, options: [{ skipTemplates: true }] })),
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
+      code: `\`${s}\``,
+      options: [{ skipTemplates: true }]
+    })),
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
+      code: `<template><div>{{ \`${s}\` }}</div></template>`,
+      options: [{ skipTemplates: true }]
+    })),
     // attribute values
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({ code: `<template><div attr="${s}" /></template>`, options: [{ skipHTMLAttributeValues: true }] })),
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
+      code: `<template><div attr="${s}" /></template>`,
+      options: [{ skipHTMLAttributeValues: true }]
+    })),
     // text contents
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({ code: `<template><div>${s}</div></template>`, options: [{ skipHTMLTextContents: true }] })),
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
+      code: `<template><div>${s}</div></template>`,
+      options: [{ skipHTMLTextContents: true }]
+    })),
     // outside
     `\u3000<template></template>\u3000<script></script>\u3000<block>\u3000</block>\u3000<style \u3000>\u3000</style>\u3000`
   ],
@@ -129,117 +167,143 @@ tester.run('no-irregular-whitespace', rule, {
       ]
     },
     // strings
-    ...IRREGULAR_WHITESPACES.map(s => ({
+    ...IRREGULAR_WHITESPACES.map((s) => ({
       code: `'${s}'`,
       options: [{ skipStrings: false }],
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 2
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 2
+        }
+      ]
     })),
-    ...IRREGULAR_LINE_TERMINATORS.map(s => ({
+    ...IRREGULAR_LINE_TERMINATORS.map((s) => ({
       code: `'\\${s}'`,
       options: [{ skipStrings: false }],
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 3
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 3
+        }
+      ]
     })),
-    ...IRREGULAR_WHITESPACES.map(s => ({
+    ...IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template>{{ '${s}' }}</template>`,
       options: [{ skipStrings: false }],
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 15
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 15
+        }
+      ]
     })),
     // comments
-    ...IRREGULAR_WHITESPACES.map(s => ({
+    ...IRREGULAR_WHITESPACES.map((s) => ({
       code: `//${s}`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 3
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 3
+        }
+      ]
     })),
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
       code: `/*${s}*/`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 3
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 3
+        }
+      ]
     })),
-    ...IRREGULAR_WHITESPACES.map(s => ({
+    ...IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template><div>{{ i//${s}\n }}</div></template>`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 22
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 22
+        }
+      ]
     })),
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template><div>{{ i/*${s}*/ }}</div></template>`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 22
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 22
+        }
+      ]
     })),
     // regexps
-    ...IRREGULAR_WHITESPACES.map(s => ({
+    ...IRREGULAR_WHITESPACES.map((s) => ({
       code: `/${s}/`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 2
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 2
+        }
+      ]
     })),
-    ...IRREGULAR_WHITESPACES.map(s => ({
+    ...IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template><div>{{ /${s}/ }}</div></template>`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 20
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 20
+        }
+      ]
     })),
     // templates
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
       code: `\`${s}\``,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 2
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 2
+        }
+      ]
     })),
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template><div>{{ \`${s}\` }}</div></template>`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 20
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 20
+        }
+      ]
     })),
     // attribute values
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template><div attr="${s}" /></template>`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 22
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 22
+        }
+      ]
     })),
     // text contents
-    ...ALL_IRREGULAR_WHITESPACES.map(s => ({
+    ...ALL_IRREGULAR_WHITESPACES.map((s) => ({
       code: `<template><div>${s}</div></template>`,
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 1,
-        column: 16
-      }]
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 1,
+          column: 16
+        }
+      ]
     })),
     // options
     {
@@ -260,12 +324,23 @@ tester.run('no-irregular-whitespace', rule, {
       var e = \`\f\`
       var f = \`\\f\`
       </script>`,
-      options: [{ skipComments: true, skipStrings: true, skipTemplates: true, skipRegExps: true, skipHTMLAttributeValues: true, skipHTMLTextContents: true }],
-      errors: [{
-        message: 'Irregular whitespace not allowed.',
-        line: 6,
-        column: 17
-      }]
+      options: [
+        {
+          skipComments: true,
+          skipStrings: true,
+          skipTemplates: true,
+          skipRegExps: true,
+          skipHTMLAttributeValues: true,
+          skipHTMLTextContents: true
+        }
+      ],
+      errors: [
+        {
+          message: 'Irregular whitespace not allowed.',
+          line: 6,
+          column: 17
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index 404ad18bd..dd1660790 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -125,7 +125,8 @@ tester.run('no-lifecycle-after-await', rule, {
       `,
       errors: [
         {
-          message: 'The lifecycle hooks after `await` expression are forbidden.',
+          message:
+            'The lifecycle hooks after `await` expression are forbidden.',
           line: 8,
           column: 11,
           endLine: 8,
diff --git a/tests/lib/rules/no-multi-spaces.js b/tests/lib/rules/no-multi-spaces.js
index 7a7947ad5..f7772dbe1 100644
--- a/tests/lib/rules/no-multi-spaces.js
+++ b/tests/lib/rules/no-multi-spaces.js
@@ -56,9 +56,11 @@ ruleTester.run('no-multi-spaces', rule, {
         />
       </template>
       `,
-      options: [{
-        ignoreProperties: true
-      }]
+      options: [
+        {
+          ignoreProperties: true
+        }
+      ]
     },
     {
       code: `
@@ -71,19 +73,23 @@ ruleTester.run('no-multi-spaces', rule, {
         />
       </template>
       `,
-      options: [{
-        ignoreProperties: true
-      }]
+      options: [
+        {
+          ignoreProperties: true
+        }
+      ]
     }
   ],
   invalid: [
     {
       code: '<template><div     /></template>',
       output: '<template><div /></template>',
-      errors: [{
-        message: "Multiple spaces found before '/>'.",
-        type: 'HTMLSelfClosingTagClose'
-      }]
+      errors: [
+        {
+          message: "Multiple spaces found before '/>'.",
+          type: 'HTMLSelfClosingTagClose'
+        }
+      ]
     },
     {
       code: '<template><div   class="foo"  /></template>',
@@ -130,26 +136,32 @@ ruleTester.run('no-multi-spaces', rule, {
     {
       code: '<template><div :foo="" class="foo"  /></template>',
       output: '<template><div :foo="" class="foo" /></template>',
-      errors: [{
-        message: "Multiple spaces found before '/>'.",
-        type: 'HTMLSelfClosingTagClose'
-      }]
+      errors: [
+        {
+          message: "Multiple spaces found before '/>'.",
+          type: 'HTMLSelfClosingTagClose'
+        }
+      ]
     },
     {
       code: '<template><div foo="" class="foo"  /></template>',
       output: '<template><div foo="" class="foo" /></template>',
-      errors: [{
-        message: "Multiple spaces found before '/>'.",
-        type: 'HTMLSelfClosingTagClose'
-      }]
+      errors: [
+        {
+          message: "Multiple spaces found before '/>'.",
+          type: 'HTMLSelfClosingTagClose'
+        }
+      ]
     },
     {
       code: '<template><foo v-foo="" class="foo"  /></template>',
       output: '<template><foo v-foo="" class="foo" /></template>',
-      errors: [{
-        message: "Multiple spaces found before '/>'.",
-        type: 'HTMLSelfClosingTagClose'
-      }]
+      errors: [
+        {
+          message: "Multiple spaces found before '/>'.",
+          type: 'HTMLSelfClosingTagClose'
+        }
+      ]
     },
     {
       code: '<template><foo v-foo="" \n         class="foo"    /></template>',
@@ -186,7 +198,8 @@ ruleTester.run('no-multi-spaces', rule, {
       ]
     },
     {
-      code: '<template><div v-for="      i    in    b       ">{{ test }}</div></template>',
+      code:
+        '<template><div v-for="      i    in    b       ">{{ test }}</div></template>',
       output: '<template><div v-for=" i in b ">{{ test }}</div></template>',
       errors: [
         {
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index 3c8a99bc5..aefaa1a63 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -8,9 +8,9 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var rule = require('../../../lib/rules/no-multiple-template-root')
+const rule = require('../../../lib/rules/no-multiple-template-root')
 
-var RuleTester = require('eslint').RuleTester
+const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
 // Tests
@@ -36,11 +36,13 @@ ruleTester.run('no-multiple-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code:
+        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
-      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code:
+        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
@@ -52,7 +54,8 @@ ruleTester.run('no-multiple-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+      code:
+        '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index d87df48b9..1e9e09737 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -24,7 +24,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-mutating-props', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -617,9 +616,7 @@ ruleTester.run('no-mutating-props', rule, {
           }
         </script>
       `,
-      errors: [
-        'Unexpected mutation of "[a]" prop.'
-      ]
+      errors: ['Unexpected mutation of "[a]" prop.']
     },
     {
       filename: 'test.vue',
@@ -632,9 +629,7 @@ ruleTester.run('no-mutating-props', rule, {
           }
         </script>
       `,
-      errors: [
-        'Unexpected mutation of "[a]" prop.'
-      ]
+      errors: ['Unexpected mutation of "[a]" prop.']
     }
   ]
 })
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 51741b40a..c0c1ce617 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -37,7 +37,8 @@ tester.run('no-parsing-error', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><svg class="icon"><use xlink:href="#chevron"></use></svg></template>'
+      code:
+        '<template><svg class="icon"><use xlink:href="#chevron"></use></svg></template>'
     },
     {
       filename: 'test.vue',
@@ -195,7 +196,9 @@ tester.run('no-parsing-error', rule, {
     },
     {
       code: '<template><div/></template>',
-      options: [{ 'non-void-html-element-start-tag-with-trailing-solidus': false }]
+      options: [
+        { 'non-void-html-element-start-tag-with-trailing-solidus': false }
+      ]
     },
     {
       code: '<template></div></template>',
@@ -235,7 +238,11 @@ tester.run('no-parsing-error', rule, {
       filename: 'test.vue',
       code: '<template><div v-show=" ">hello</div></template>',
       errors: [
-        { message: 'Parsing error: Expected to be an expression, but got empty.', column: 24 }
+        {
+          message:
+            'Parsing error: Expected to be an expression, but got empty.',
+          column: 24
+        }
       ]
     },
     {
@@ -248,9 +255,7 @@ tester.run('no-parsing-error', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-for="foo() in list">hello</div></template>',
-      errors: [
-        { message: 'Parsing error: Unexpected token (.', column: 26 }
-      ]
+      errors: [{ message: 'Parsing error: Unexpected token (.', column: 26 }]
     },
     {
       code: `<template><!--></template>`,
@@ -265,7 +270,9 @@ tester.run('no-parsing-error', rule, {
     {
       code: `<template>&#qux;</template>`,
       options: [{ 'absence-of-digits-in-numeric-character-reference': true }],
-      errors: ['Parsing error: absence-of-digits-in-numeric-character-reference.']
+      errors: [
+        'Parsing error: absence-of-digits-in-numeric-character-reference.'
+      ]
     },
     {
       code: '<template><![CDATA[cdata]]></template>',
@@ -380,7 +387,9 @@ tester.run('no-parsing-error', rule, {
     {
       code: '<template><div foo=bar"></template>',
       options: [{ 'unexpected-character-in-unquoted-attribute-value': true }],
-      errors: ['Parsing error: unexpected-character-in-unquoted-attribute-value.']
+      errors: [
+        'Parsing error: unexpected-character-in-unquoted-attribute-value.'
+      ]
     },
     {
       code: '<template><div =foo></template>',
@@ -424,8 +433,12 @@ tester.run('no-parsing-error', rule, {
     },
     {
       code: '<template><div/></template>',
-      options: [{ 'non-void-html-element-start-tag-with-trailing-solidus': true }],
-      errors: ['Parsing error: non-void-html-element-start-tag-with-trailing-solidus.']
+      options: [
+        { 'non-void-html-element-start-tag-with-trailing-solidus': true }
+      ],
+      errors: [
+        'Parsing error: non-void-html-element-start-tag-with-trailing-solidus.'
+      ]
     },
     {
       code: '<template></div></template>',
@@ -447,7 +460,9 @@ tester.run('no-parsing-error', rule, {
     },
     {
       code: `<template>&#qux;</template>`,
-      errors: ['Parsing error: absence-of-digits-in-numeric-character-reference.']
+      errors: [
+        'Parsing error: absence-of-digits-in-numeric-character-reference.'
+      ]
     },
     {
       code: '<template><![CDATA[cdata]]></template>',
@@ -539,7 +554,9 @@ tester.run('no-parsing-error', rule, {
     },
     {
       code: '<template><div foo=bar"></template>',
-      errors: ['Parsing error: unexpected-character-in-unquoted-attribute-value.']
+      errors: [
+        'Parsing error: unexpected-character-in-unquoted-attribute-value.'
+      ]
     },
     {
       code: '<template><div =foo></template>',
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index b8632c88b..6eeb11b54 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -117,21 +117,24 @@ tester.run('no-ref-as-operand', rule, {
       `,
       errors: [
         {
-          message: 'Must use `.value` to read or write the value wrapped by `ref()`.',
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 5,
           column: 7,
           endLine: 5,
           endColumn: 12
         },
         {
-          message: 'Must use `.value` to read or write the value wrapped by `ref()`.',
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 6,
           column: 19,
           endLine: 6,
           endColumn: 24
         },
         {
-          message: 'Must use `.value` to read or write the value wrapped by `ref()`.',
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 7,
           column: 23,
           endLine: 7,
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index a3bc3bb01..cdb3ab7a2 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -14,7 +14,9 @@ const RuleTester = require('eslint').RuleTester
 const htmlElements = require('../../../lib/utils/html-elements.json')
 const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements,
-  ...htmlElements.map((word) => word[0].toUpperCase() + word.substring(1, word.length))
+  ...htmlElements.map(
+    (word) => word[0].toUpperCase() + word.substring(1, word.length)
+  )
 ])
 
 // ------------------------------------------------------------------------------
@@ -22,143 +24,275 @@ const RESERVED_NAMES_IN_HTML = new Set([
 // ------------------------------------------------------------------------------
 
 const invalidElements = [
-  'annotation-xml', 'AnnotationXml',
-  'color-profile', 'ColorProfile',
-  'font-face', 'FontFace',
-  'font-face-src', 'FontFaceSrc',
-  'font-face-uri', 'FontFaceUri',
-  'font-face-format', 'FontFaceFormat',
-  'font-face-name', 'FontFaceName',
-  'missing-glyph', 'MissingGlyph',
-  'html', 'Html',
-  'body', 'Body',
-  'base', 'Base',
-  'head', 'Head',
-  'link', 'Link',
-  'meta', 'Meta',
-  'style', 'Style',
-  'title', 'Title',
-  'address', 'Address',
-  'article', 'Article',
-  'aside', 'Aside',
-  'footer', 'Footer',
-  'header', 'Header',
-  'h1', 'H1',
-  'h2', 'H2',
-  'h3', 'H3',
-  'h4', 'H4',
-  'h5', 'H5',
-  'h6', 'H6',
-  'hgroup', 'Hgroup',
-  'nav', 'Nav',
-  'section', 'Section',
-  'div', 'Div',
-  'dd', 'Dd',
-  'dl', 'Dl',
-  'dt', 'Dt',
-  'figcaption', 'Figcaption',
-  'figure', 'Figure',
-  'hr', 'Hr',
-  'img', 'Img',
-  'li', 'Li',
-  'main', 'Main',
-  'ol', 'Ol',
-  'p', 'P',
-  'pre', 'Pre',
-  'ul', 'Ul',
-  'a', 'A',
-  'b', 'B',
-  'abbr', 'Abbr',
-  'bdi', 'Bdi',
-  'bdo', 'Bdo',
-  'br', 'Br',
-  'cite', 'Cite',
-  'code', 'Code',
-  'data', 'Data',
-  'dfn', 'Dfn',
-  'em', 'Em',
-  'i', 'I',
-  'kbd', 'Kbd',
-  'mark', 'Mark',
-  'q', 'Q',
-  'rp', 'Rp',
-  'rt', 'Rt',
-  'rtc', 'Rtc',
-  'ruby', 'Ruby',
-  's', 'S',
-  'samp', 'Samp',
-  'small', 'Small',
-  'span', 'Span',
-  'strong', 'Strong',
-  'sub', 'Sub',
-  'sup', 'Sup',
-  'time', 'Time',
-  'u', 'U',
-  'var', 'Var',
-  'wbr', 'Wbr',
-  'area', 'Area',
-  'audio', 'Audio',
-  'map', 'Map',
-  'track', 'Track',
-  'video', 'Video',
-  'embed', 'Embed',
-  'object', 'Object',
-  'param', 'Param',
-  'source', 'Source',
-  'canvas', 'Canvas',
-  'script', 'Script',
-  'noscript', 'Noscript',
-  'del', 'Del',
-  'ins', 'Ins',
-  'caption', 'Caption',
-  'col', 'Col',
-  'colgroup', 'Colgroup',
-  'table', 'Table',
-  'thead', 'Thead',
-  'tbody', 'Tbody',
-  'tfoot', 'Tfoot',
-  'td', 'Td',
-  'th', 'Th',
-  'tr', 'Tr',
-  'button', 'Button',
-  'datalist', 'Datalist',
-  'fieldset', 'Fieldset',
-  'form', 'Form',
-  'input', 'Input',
-  'label', 'Label',
-  'legend', 'Legend',
-  'meter', 'Meter',
-  'optgroup', 'Optgroup',
-  'option', 'Option',
-  'output', 'Output',
-  'progress', 'Progress',
-  'select', 'Select',
-  'textarea', 'Textarea',
-  'details', 'Details',
-  'dialog', 'Dialog',
-  'menu', 'Menu',
-  'menuitem', 'menuitem',
-  'summary', 'Summary',
-  'content', 'Content',
-  'element', 'Element',
-  'shadow', 'Shadow',
-  'template', 'Template',
-  'slot', 'Slot',
-  'blockquote', 'Blockquote',
-  'iframe', 'Iframe',
-  'noframes', 'Noframes',
-  'picture', 'Picture',
+  'annotation-xml',
+  'AnnotationXml',
+  'color-profile',
+  'ColorProfile',
+  'font-face',
+  'FontFace',
+  'font-face-src',
+  'FontFaceSrc',
+  'font-face-uri',
+  'FontFaceUri',
+  'font-face-format',
+  'FontFaceFormat',
+  'font-face-name',
+  'FontFaceName',
+  'missing-glyph',
+  'MissingGlyph',
+  'html',
+  'Html',
+  'body',
+  'Body',
+  'base',
+  'Base',
+  'head',
+  'Head',
+  'link',
+  'Link',
+  'meta',
+  'Meta',
+  'style',
+  'Style',
+  'title',
+  'Title',
+  'address',
+  'Address',
+  'article',
+  'Article',
+  'aside',
+  'Aside',
+  'footer',
+  'Footer',
+  'header',
+  'Header',
+  'h1',
+  'H1',
+  'h2',
+  'H2',
+  'h3',
+  'H3',
+  'h4',
+  'H4',
+  'h5',
+  'H5',
+  'h6',
+  'H6',
+  'hgroup',
+  'Hgroup',
+  'nav',
+  'Nav',
+  'section',
+  'Section',
+  'div',
+  'Div',
+  'dd',
+  'Dd',
+  'dl',
+  'Dl',
+  'dt',
+  'Dt',
+  'figcaption',
+  'Figcaption',
+  'figure',
+  'Figure',
+  'hr',
+  'Hr',
+  'img',
+  'Img',
+  'li',
+  'Li',
+  'main',
+  'Main',
+  'ol',
+  'Ol',
+  'p',
+  'P',
+  'pre',
+  'Pre',
+  'ul',
+  'Ul',
+  'a',
+  'A',
+  'b',
+  'B',
+  'abbr',
+  'Abbr',
+  'bdi',
+  'Bdi',
+  'bdo',
+  'Bdo',
+  'br',
+  'Br',
+  'cite',
+  'Cite',
+  'code',
+  'Code',
+  'data',
+  'Data',
+  'dfn',
+  'Dfn',
+  'em',
+  'Em',
+  'i',
+  'I',
+  'kbd',
+  'Kbd',
+  'mark',
+  'Mark',
+  'q',
+  'Q',
+  'rp',
+  'Rp',
+  'rt',
+  'Rt',
+  'rtc',
+  'Rtc',
+  'ruby',
+  'Ruby',
+  's',
+  'S',
+  'samp',
+  'Samp',
+  'small',
+  'Small',
+  'span',
+  'Span',
+  'strong',
+  'Strong',
+  'sub',
+  'Sub',
+  'sup',
+  'Sup',
+  'time',
+  'Time',
+  'u',
+  'U',
+  'var',
+  'Var',
+  'wbr',
+  'Wbr',
+  'area',
+  'Area',
+  'audio',
+  'Audio',
+  'map',
+  'Map',
+  'track',
+  'Track',
+  'video',
+  'Video',
+  'embed',
+  'Embed',
+  'object',
+  'Object',
+  'param',
+  'Param',
+  'source',
+  'Source',
+  'canvas',
+  'Canvas',
+  'script',
+  'Script',
+  'noscript',
+  'Noscript',
+  'del',
+  'Del',
+  'ins',
+  'Ins',
+  'caption',
+  'Caption',
+  'col',
+  'Col',
+  'colgroup',
+  'Colgroup',
+  'table',
+  'Table',
+  'thead',
+  'Thead',
+  'tbody',
+  'Tbody',
+  'tfoot',
+  'Tfoot',
+  'td',
+  'Td',
+  'th',
+  'Th',
+  'tr',
+  'Tr',
+  'button',
+  'Button',
+  'datalist',
+  'Datalist',
+  'fieldset',
+  'Fieldset',
+  'form',
+  'Form',
+  'input',
+  'Input',
+  'label',
+  'Label',
+  'legend',
+  'Legend',
+  'meter',
+  'Meter',
+  'optgroup',
+  'Optgroup',
+  'option',
+  'Option',
+  'output',
+  'Output',
+  'progress',
+  'Progress',
+  'select',
+  'Select',
+  'textarea',
+  'Textarea',
+  'details',
+  'Details',
+  'dialog',
+  'Dialog',
+  'menu',
+  'Menu',
+  'menuitem',
+  'menuitem',
+  'summary',
+  'Summary',
+  'content',
+  'Content',
+  'element',
+  'Element',
+  'shadow',
+  'Shadow',
+  'template',
+  'Template',
+  'slot',
+  'Slot',
+  'blockquote',
+  'Blockquote',
+  'iframe',
+  'Iframe',
+  'noframes',
+  'Noframes',
+  'picture',
+  'Picture',
 
   // SVG elements
-  'animate', 'Animate',
+  'animate',
+  'Animate',
   'animateMotion',
   'animateTransform',
-  'circle', 'Circle',
+  'circle',
+  'Circle',
   'clipPath',
-  'defs', 'Defs',
-  'desc', 'Desc',
-  'discard', 'Discard',
-  'ellipse', 'Ellipse',
+  'defs',
+  'Defs',
+  'desc',
+  'Desc',
+  'discard',
+  'Discard',
+  'ellipse',
+  'Ellipse',
   'feBlend',
   'feColorMatrix',
   'feComponentTransfer',
@@ -184,73 +318,122 @@ const invalidElements = [
   'feSpotLight',
   'feTile',
   'feTurbulence',
-  'filter', 'Filter',
+  'filter',
+  'Filter',
   'foreignObject',
-  'g', 'G',
-  'image', 'Image',
-  'line', 'Line',
+  'g',
+  'G',
+  'image',
+  'Image',
+  'line',
+  'Line',
   'linearGradient',
-  'marker', 'Marker',
-  'mask', 'Mask',
-  'metadata', 'Metadata',
-  'mpath', 'Mpath',
-  'path', 'Path',
-  'pattern', 'Pattern',
-  'polygon', 'Polygon',
-  'polyline', 'Polyline',
+  'marker',
+  'Marker',
+  'mask',
+  'Mask',
+  'metadata',
+  'Metadata',
+  'mpath',
+  'Mpath',
+  'path',
+  'Path',
+  'pattern',
+  'Pattern',
+  'polygon',
+  'Polygon',
+  'polyline',
+  'Polyline',
   'radialGradient',
-  'rect', 'Rect',
-  'set', 'Set',
-  'stop', 'Stop',
-  'svg', 'Svg',
-  'switch', 'Switch',
-  'symbol', 'Symbol',
-  'text', 'Text',
+  'rect',
+  'Rect',
+  'set',
+  'Set',
+  'stop',
+  'Stop',
+  'svg',
+  'Svg',
+  'switch',
+  'Switch',
+  'symbol',
+  'Symbol',
+  'text',
+  'Text',
   'textPath',
-  'tspan', 'Tspan',
-  'unknown', 'Unknown',
-  'use', 'Use',
-  'view', 'View',
+  'tspan',
+  'Tspan',
+  'unknown',
+  'Unknown',
+  'use',
+  'Use',
+  'view',
+  'View',
 
   // Deprecated
-  'acronym', 'Acronym',
-  'applet', 'Applet',
-  'basefont', 'Basefont',
-  'bgsound', 'Bgsound',
-  'big', 'Big',
-  'blink', 'Blink',
-  'center', 'Center',
-  'command', 'Command',
-  'dir', 'Dir',
-  'font', 'Font',
-  'frame', 'Frame',
-  'frameset', 'Frameset',
-  'isindex', 'Isindex',
-  'keygen', 'Keygen',
-  'listing', 'Listing',
-  'marquee', 'Marquee',
-  'multicol', 'Multicol',
-  'nextid', 'Nextid',
-  'nobr', 'Nobr',
-  'noembed', 'Noembed',
-  'plaintext', 'Plaintext',
-  'spacer', 'Spacer',
-  'strike', 'Strike',
-  'tt', 'Tt',
-  'xmp', 'Xmp'
+  'acronym',
+  'Acronym',
+  'applet',
+  'Applet',
+  'basefont',
+  'Basefont',
+  'bgsound',
+  'Bgsound',
+  'big',
+  'Big',
+  'blink',
+  'Blink',
+  'center',
+  'Center',
+  'command',
+  'Command',
+  'dir',
+  'Dir',
+  'font',
+  'Font',
+  'frame',
+  'Frame',
+  'frameset',
+  'Frameset',
+  'isindex',
+  'Isindex',
+  'keygen',
+  'Keygen',
+  'listing',
+  'Listing',
+  'marquee',
+  'Marquee',
+  'multicol',
+  'Multicol',
+  'nextid',
+  'Nextid',
+  'nobr',
+  'Nobr',
+  'noembed',
+  'Noembed',
+  'plaintext',
+  'Plaintext',
+  'spacer',
+  'Spacer',
+  'strike',
+  'Strike',
+  'tt',
+  'Tt',
+  'xmp',
+  'Xmp'
 ]
 
 const vue2BuiltInComponents = [
-  'component', 'Component',
-  'transition', 'Transition',
-  'transition-group', 'TransitionGroup',
-  'keep-alive', 'KeepAlive'
+  'component',
+  'Component',
+  'transition',
+  'Transition',
+  'transition-group',
+  'TransitionGroup',
+  'keep-alive',
+  'KeepAlive'
 ]
 
-const vue3BuiltInComponents = [
-  'teleport', 'Teleport',
-  'suspense', 'Suspense'
-]
+const vue3BuiltInComponents = ['teleport', 'Teleport', 'suspense', 'Suspense']
 
 const parserOptions = {
   ecmaVersion: 2018,
@@ -259,7 +442,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('no-reserved-component-names', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -294,7 +476,12 @@ ruleTester.run('no-reserved-component-names', rule, {
           name: 'FooBar'
         }
       `,
-      options: [{ disallowVueBuiltInComponents: true, disallowVue3BuiltInComponents: true }],
+      options: [
+        {
+          disallowVueBuiltInComponents: true,
+          disallowVue3BuiltInComponents: true
+        }
+      ],
       parserOptions
     },
     {
@@ -351,7 +538,7 @@ ruleTester.run('no-reserved-component-names', rule, {
       code: `fn1(component.data)`,
       parserOptions
     },
-    ...vue2BuiltInComponents.map(name => {
+    ...vue2BuiltInComponents.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -362,7 +549,7 @@ ruleTester.run('no-reserved-component-names', rule, {
         parserOptions
       }
     }),
-    ...vue3BuiltInComponents.map(name => {
+    ...vue3BuiltInComponents.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -373,7 +560,7 @@ ruleTester.run('no-reserved-component-names', rule, {
         parserOptions
       }
     }),
-    ...vue3BuiltInComponents.map(name => {
+    ...vue3BuiltInComponents.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -388,7 +575,7 @@ ruleTester.run('no-reserved-component-names', rule, {
   ],
 
   invalid: [
-    ...invalidElements.map(name => {
+    ...invalidElements.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -397,67 +584,87 @@ ruleTester.run('no-reserved-component-names', rule, {
           }
         `,
         parserOptions,
-        errors: [{
-          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
-          data: { name },
-          type: 'Literal',
-          line: 3
-        }]
+        errors: [
+          {
+            messageId: RESERVED_NAMES_IN_HTML.has(name)
+              ? 'reservedInHtml'
+              : 'reserved',
+            data: { name },
+            type: 'Literal',
+            line: 3
+          }
+        ]
       }
     }),
-    ...invalidElements.map(name => {
+    ...invalidElements.map((name) => {
       return {
         filename: 'test.vue',
         code: `Vue.component('${name}', component)`,
         parserOptions,
-        errors: [{
-          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
-          data: { name },
-          type: 'Literal',
-          line: 1
-        }]
+        errors: [
+          {
+            messageId: RESERVED_NAMES_IN_HTML.has(name)
+              ? 'reservedInHtml'
+              : 'reserved',
+            data: { name },
+            type: 'Literal',
+            line: 1
+          }
+        ]
       }
     }),
-    ...invalidElements.map(name => {
+    ...invalidElements.map((name) => {
       return {
         filename: 'test.vue',
         code: `app.component('${name}', component)`,
         parserOptions,
-        errors: [{
-          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
-          data: { name },
-          type: 'Literal',
-          line: 1
-        }]
+        errors: [
+          {
+            messageId: RESERVED_NAMES_IN_HTML.has(name)
+              ? 'reservedInHtml'
+              : 'reserved',
+            data: { name },
+            type: 'Literal',
+            line: 1
+          }
+        ]
       }
     }),
-    ...invalidElements.map(name => {
+    ...invalidElements.map((name) => {
       return {
         filename: 'test.vue',
         code: `Vue.component(\`${name}\`, {})`,
         parserOptions,
-        errors: [{
-          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
-          data: { name },
-          type: 'TemplateLiteral',
-          line: 1
-        }]
+        errors: [
+          {
+            messageId: RESERVED_NAMES_IN_HTML.has(name)
+              ? 'reservedInHtml'
+              : 'reserved',
+            data: { name },
+            type: 'TemplateLiteral',
+            line: 1
+          }
+        ]
       }
     }),
-    ...invalidElements.map(name => {
+    ...invalidElements.map((name) => {
       return {
         filename: 'test.vue',
         code: `app.component(\`${name}\`, {})`,
         parserOptions,
-        errors: [{
-          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
-          data: { name },
-          type: 'TemplateLiteral',
-          line: 1
-        }]
+        errors: [
+          {
+            messageId: RESERVED_NAMES_IN_HTML.has(name)
+              ? 'reservedInHtml'
+              : 'reserved',
+            data: { name },
+            type: 'TemplateLiteral',
+            line: 1
+          }
+        ]
       }
     }),
-    ...invalidElements.map(name => {
+    ...invalidElements.map((name) => {
       return {
         filename: 'test.vue',
         code: `export default {
@@ -466,15 +673,19 @@ ruleTester.run('no-reserved-component-names', rule, {
           }
         }`,
         parserOptions,
-        errors: [{
-          messageId: RESERVED_NAMES_IN_HTML.has(name) ? 'reservedInHtml' : 'reserved',
-          data: { name },
-          type: 'Property',
-          line: 3
-        }]
+        errors: [
+          {
+            messageId: RESERVED_NAMES_IN_HTML.has(name)
+              ? 'reservedInHtml'
+              : 'reserved',
+            data: { name },
+            type: 'Property',
+            line: 3
+          }
+        ]
       }
     }),
-    ...vue2BuiltInComponents.map(name => {
+    ...vue2BuiltInComponents.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -484,15 +695,17 @@ ruleTester.run('no-reserved-component-names', rule, {
         `,
         parserOptions,
         options: [{ disallowVueBuiltInComponents: true }],
-        errors: [{
-          messageId: 'reservedInVue',
-          data: { name },
-          type: 'Literal',
-          line: 3
-        }]
+        errors: [
+          {
+            messageId: 'reservedInVue',
+            data: { name },
+            type: 'Literal',
+            line: 3
+          }
+        ]
       }
     }),
-    ...vue2BuiltInComponents.map(name => {
+    ...vue2BuiltInComponents.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -502,15 +715,17 @@ ruleTester.run('no-reserved-component-names', rule, {
         `,
         parserOptions,
         options: [{ disallowVue3BuiltInComponents: true }],
-        errors: [{
-          messageId: 'reservedInVue',
-          data: { name },
-          type: 'Literal',
-          line: 3
-        }]
+        errors: [
+          {
+            messageId: 'reservedInVue',
+            data: { name },
+            type: 'Literal',
+            line: 3
+          }
+        ]
       }
     }),
-    ...vue3BuiltInComponents.map(name => {
+    ...vue3BuiltInComponents.map((name) => {
       return {
         filename: `${name}.vue`,
         code: `
@@ -520,12 +735,14 @@ ruleTester.run('no-reserved-component-names', rule, {
         `,
         parserOptions,
         options: [{ disallowVue3BuiltInComponents: true }],
-        errors: [{
-          messageId: 'reservedInVue3',
-          data: { name },
-          type: 'Literal',
-          line: 3
-        }]
+        errors: [
+          {
+            messageId: 'reservedInVue3',
+            data: { name },
+            type: 'Literal',
+            line: 3
+          }
+        ]
       }
     })
   ]
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index f3bc64acb..fdd5e01f4 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -129,10 +129,12 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: "Key '$el' is reserved.",
-        line: 4
-      }]
+      errors: [
+        {
+          message: "Key '$el' is reserved.",
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -146,10 +148,12 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: "Key '$el' is reserved.",
-        line: 5
-      }]
+      errors: [
+        {
+          message: "Key '$el' is reserved.",
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -161,10 +165,12 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: "Keys starting with with '_' are reserved in '_foo' group.",
-        line: 4
-      }]
+      errors: [
+        {
+          message: "Keys starting with with '_' are reserved in '_foo' group.",
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -178,10 +184,12 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: "Keys starting with with '_' are reserved in '_foo' group.",
-        line: 5
-      }]
+      errors: [
+        {
+          message: "Keys starting with with '_' are reserved in '_foo' group.",
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -193,10 +201,12 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: "Keys starting with with '_' are reserved in '_foo' group.",
-        line: 4
-      }]
+      errors: [
+        {
+          message: "Keys starting with with '_' are reserved in '_foo' group.",
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -209,10 +219,12 @@ ruleTester.run('no-reserved-keys', rule, {
       `,
       options: [{ reserved: ['bar'], groups: ['foo'] }],
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: "Key 'bar' is reserved.",
-        line: 4
-      }]
+      errors: [
+        {
+          message: "Key 'bar' is reserved.",
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-restricted-syntax.js b/tests/lib/rules/no-restricted-syntax.js
index 9887a6ea3..e7b3d4480 100644
--- a/tests/lib/rules/no-restricted-syntax.js
+++ b/tests/lib/rules/no-restricted-syntax.js
@@ -20,8 +20,8 @@ tester.run('no-restricted-syntax', rule, {
         </template>`,
       options: [
         {
-          'selector': 'CallExpression',
-          'message': 'Call expressions are not allowed.'
+          selector: 'CallExpression',
+          message: 'Call expressions are not allowed.'
         }
       ]
     },
@@ -32,8 +32,8 @@ tester.run('no-restricted-syntax', rule, {
         </template>`,
       options: [
         {
-          'selector': 'CallExpression',
-          'message': 'Call expressions are not allowed.'
+          selector: 'CallExpression',
+          message: 'Call expressions are not allowed.'
         }
       ]
     }
@@ -46,8 +46,8 @@ tester.run('no-restricted-syntax', rule, {
         </template>`,
       options: [
         {
-          'selector': 'CallExpression',
-          'message': 'Call expressions are not allowed.'
+          selector: 'CallExpression',
+          message: 'Call expressions are not allowed.'
         }
       ],
       errors: [
@@ -71,27 +71,31 @@ tester.run('no-restricted-syntax', rule, {
         </template>`,
       options: [
         {
-          'selector': 'VElement > VExpressionContainer CallExpression',
-          'message': 'Call expressions are not allowed inside mustache interpolation.'
+          selector: 'VElement > VExpressionContainer CallExpression',
+          message:
+            'Call expressions are not allowed inside mustache interpolation.'
         }
       ],
       errors: [
         {
-          message: 'Call expressions are not allowed inside mustache interpolation.',
+          message:
+            'Call expressions are not allowed inside mustache interpolation.',
           line: 3,
           column: 20,
           endLine: 3,
           endColumn: 25
         },
         {
-          message: 'Call expressions are not allowed inside mustache interpolation.',
+          message:
+            'Call expressions are not allowed inside mustache interpolation.',
           line: 4,
           column: 20,
           endLine: 4,
           endColumn: 29
         },
         {
-          message: 'Call expressions are not allowed inside mustache interpolation.',
+          message:
+            'Call expressions are not allowed inside mustache interpolation.',
           line: 5,
           column: 20,
           endLine: 5,
@@ -111,14 +115,16 @@ tester.run('no-restricted-syntax', rule, {
       ],
       errors: [
         {
-          message: 'Using \'CallExpression[callee.type=\'Identifier\'][callee.name=\'$gettext\'] TemplateLiteral\' is not allowed.',
+          message:
+            "Using 'CallExpression[callee.type='Identifier'][callee.name='$gettext'] TemplateLiteral' is not allowed.",
           line: 3,
           column: 29,
           endLine: 3,
           endColumn: 34
         },
         {
-          message: 'Using \'CallExpression[callee.type=\'Identifier\'][callee.name=\'$gettext\'] TemplateLiteral\' is not allowed.',
+          message:
+            "Using 'CallExpression[callee.type='Identifier'][callee.name='$gettext'] TemplateLiteral' is not allowed.",
           line: 3,
           column: 48,
           endLine: 3,
@@ -134,11 +140,14 @@ tester.run('no-restricted-syntax', rule, {
         </template>`,
       options: [
         {
-          'selector': 'CallExpression',
-          'message': 'Call expressions are not allowed.'
+          selector: 'CallExpression',
+          message: 'Call expressions are not allowed.'
         }
       ],
-      errors: ['Call expressions are not allowed.', 'Call expressions are not allowed.']
+      errors: [
+        'Call expressions are not allowed.',
+        'Call expressions are not allowed.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-shared-component-data.js b/tests/lib/rules/no-shared-component-data.js
index ade9e9efe..38303b2ee 100644
--- a/tests/lib/rules/no-shared-component-data.js
+++ b/tests/lib/rules/no-shared-component-data.js
@@ -23,7 +23,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('no-shared-component-data', rule, {
-
   valid: [
     {
       filename: 'test.js',
@@ -139,10 +138,12 @@ return {
         })
       `,
       parserOptions,
-      errors: [{
-        message: '`data` property in component must be a function.',
-        line: 3
-      }]
+      errors: [
+        {
+          message: '`data` property in component must be a function.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -163,10 +164,12 @@ return {
         })
       `,
       parserOptions,
-      errors: [{
-        message: '`data` property in component must be a function.',
-        line: 3
-      }]
+      errors: [
+        {
+          message: '`data` property in component must be a function.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -187,10 +190,12 @@ return {
         }
       `,
       parserOptions,
-      errors: [{
-        message: '`data` property in component must be a function.',
-        line: 3
-      }]
+      errors: [
+        {
+          message: '`data` property in component must be a function.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -211,10 +216,12 @@ return (/*b*/{
         }
       `,
       parserOptions,
-      errors: [{
-        message: '`data` property in component must be a function.',
-        line: 3
-      }]
+      errors: [
+        {
+          message: '`data` property in component must be a function.',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index fa14ef248..b2f341a18 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -206,28 +206,36 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         }
       })`,
       parserOptions,
-      errors: [{
-        line: 4,
-        message: 'Unexpected side effect in "test1" computed property.'
-      }, {
-        line: 9,
-        message: 'Unexpected side effect in "test2" computed property.'
-      }, {
-        line: 10,
-        message: 'Unexpected side effect in "test2" computed property.'
-      }, {
-        line: 14,
-        message: 'Unexpected side effect in "test3" computed property.'
-      }, {
-        line: 17,
-        message: 'Unexpected side effect in "test4" computed property.'
-      }, {
-        line: 21,
-        message: 'Unexpected side effect in "test5" computed property.'
-      }, {
-        line: 25,
-        message: 'Unexpected side effect in "test6" computed property.'
-      }]
+      errors: [
+        {
+          line: 4,
+          message: 'Unexpected side effect in "test1" computed property.'
+        },
+        {
+          line: 9,
+          message: 'Unexpected side effect in "test2" computed property.'
+        },
+        {
+          line: 10,
+          message: 'Unexpected side effect in "test2" computed property.'
+        },
+        {
+          line: 14,
+          message: 'Unexpected side effect in "test3" computed property.'
+        },
+        {
+          line: 17,
+          message: 'Unexpected side effect in "test4" computed property.'
+        },
+        {
+          line: 21,
+          message: 'Unexpected side effect in "test5" computed property.'
+        },
+        {
+          line: 25,
+          message: 'Unexpected side effect in "test6" computed property.'
+        }
+      ]
     },
     {
       code: `Vue.component('test', {
@@ -262,22 +270,28 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         }
       })`,
       parserOptions,
-      errors: [{
-        line: 5,
-        message: 'Unexpected side effect in "test1" computed property.'
-      }, {
-        line: 11,
-        message: 'Unexpected side effect in "test2" computed property.'
-      }, {
-        line: 12,
-        message: 'Unexpected side effect in "test2" computed property.'
-      }, {
-        line: 18,
-        message: 'Unexpected side effect in "test3" computed property.'
-      }, {
-        line: 23,
-        message: 'Unexpected side effect in "test4" computed property.'
-      }]
+      errors: [
+        {
+          line: 5,
+          message: 'Unexpected side effect in "test1" computed property.'
+        },
+        {
+          line: 11,
+          message: 'Unexpected side effect in "test2" computed property.'
+        },
+        {
+          line: 12,
+          message: 'Unexpected side effect in "test2" computed property.'
+        },
+        {
+          line: 18,
+          message: 'Unexpected side effect in "test3" computed property.'
+        },
+        {
+          line: 23,
+          message: 'Unexpected side effect in "test4" computed property.'
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -291,10 +305,12 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         });
       `,
       parserOptions,
-      errors: [{
-        line: 5,
-        message: 'Unexpected side effect in "test1" computed property.'
-      }],
+      errors: [
+        {
+          line: 5,
+          message: 'Unexpected side effect in "test1" computed property.'
+        }
+      ],
       parser: require.resolve('@typescript-eslint/parser')
     },
 
diff --git a/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 600a025be..9e475a5d6 100644
--- a/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -22,7 +22,7 @@ tester.run('no-spaces-around-equal-signs-in-attribute', rule, {
   valid: [
     '<template><div attr="value" /></template>',
     '<template><div attr="" /></template>',
-    '<template><div attr=\'value\' /></template>',
+    "<template><div attr='value' /></template>",
     '<template><div attr=value /></template>',
     '<template><div attr /></template>',
     '<template><div/></template>',
@@ -69,8 +69,8 @@ tester.run('no-spaces-around-equal-signs-in-attribute', rule, {
       ]
     },
     {
-      code: '<template><div attr = \'value\' /></template>',
-      output: '<template><div attr=\'value\' /></template>',
+      code: "<template><div attr = 'value' /></template>",
+      output: "<template><div attr='value' /></template>",
       errors: [
         {
           message: 'Unexpected spaces found around equal signs.',
@@ -134,8 +134,7 @@ tester.run('no-spaces-around-equal-signs-in-attribute', rule, {
       ]
     },
     {
-      code:
-        `<template>
+      code: `<template>
           <div
             is = "header"
             v-for = "item in items"
@@ -149,8 +148,7 @@ tester.run('no-spaces-around-equal-signs-in-attribute', rule, {
             v-text = "textContent">
           </div>
         </template>`,
-      output:
-        `<template>
+      output: `<template>
           <div
             is="header"
             v-for="item in items"
diff --git a/tests/lib/rules/no-template-key.js b/tests/lib/rules/no-template-key.js
index 1b1870525..fb373e802 100644
--- a/tests/lib/rules/no-template-key.js
+++ b/tests/lib/rules/no-template-key.js
@@ -48,17 +48,24 @@ tester.run('no-template-key', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><template key="foo"></template></div></template>',
-      errors: ["'<template>' cannot be keyed. Place the key on real elements instead."]
+      errors: [
+        "'<template>' cannot be keyed. Place the key on real elements instead."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-bind:key="foo"></template></div></template>',
-      errors: ["'<template>' cannot be keyed. Place the key on real elements instead."]
+      code:
+        '<template><div><template v-bind:key="foo"></template></div></template>',
+      errors: [
+        "'<template>' cannot be keyed. Place the key on real elements instead."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><template :key="foo"></template></div></template>',
-      errors: ["'<template>' cannot be keyed. Place the key on real elements instead."]
+      errors: [
+        "'<template>' cannot be keyed. Place the key on real elements instead."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index 08e0e03b6..9d819f348 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -24,7 +24,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-template-shadow', rule, {
-
   valid: [
     '',
     '<template><div></div></template>',
@@ -122,11 +121,14 @@ ruleTester.run('no-template-shadow', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><div v-for="i in 5"><div v-for="i in 5"></div></div></template>',
-      errors: [{
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier'
-      }]
+      code:
+        '<template><div v-for="i in 5"><div v-for="i in 5"></div></div></template>',
+      errors: [
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -140,11 +142,13 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -159,15 +163,18 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 2
-      }, {
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 3
-      }]
+      errors: [
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 2
+        },
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -183,15 +190,18 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 2
-      }, {
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 3
-      }]
+      errors: [
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 2
+        },
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -209,15 +219,18 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'i' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 2
-      }, {
-        message: "Variable 'f' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 3
-      }]
+      errors: [
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 2
+        },
+        {
+          message: "Variable 'f' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -245,15 +258,18 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'e' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 6
-      }, {
-        message: "Variable 'f' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 7
-      }]
+      errors: [
+        {
+          message: "Variable 'e' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 6
+        },
+        {
+          message: "Variable 'f' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 7
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -281,15 +297,18 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'e' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 6
-      }, {
-        message: "Variable 'f' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 7
-      }]
+      errors: [
+        {
+          message: "Variable 'e' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 6
+        },
+        {
+          message: "Variable 'f' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 7
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -315,15 +334,18 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: "Variable 'e' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 6
-      }, {
-        message: "Variable 'f' is already declared in the upper scope.",
-        type: 'Identifier',
-        line: 7
-      }]
+      errors: [
+        {
+          message: "Variable 'e' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 6
+        },
+        {
+          message: "Variable 'f' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 7
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
index 41b5c1c4b..ab1bf9220 100644
--- a/tests/lib/rules/no-template-target-blank.js
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -26,18 +26,33 @@ ruleTester.run('no-template-target-blank', rule, {
     { code: '<template><a>link</a></template>' },
     { code: '<template><a attr>link</a></template>' },
     { code: '<template><a target>link</a></template>' },
-    { code: '<template><a href="https://eslint.vuejs.org">link</a></template>' },
+    {
+      code: '<template><a href="https://eslint.vuejs.org">link</a></template>'
+    },
     { code: '<template><a :href="link">link</a></template>' },
-    { code: '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>' },
-    { code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>' },
     {
-      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
+      code:
+        '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>'
+    },
+    {
+      code:
+        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
+    },
+    {
+      code:
+        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
       options: [{ allowReferrer: true }]
     },
     { code: '<template><a href="/foo" target="_blank">link</a></template>' },
-    { code: '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>' },
+    {
+      code:
+        '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>'
+    },
     { code: '<template><a href="foo/bar" target="_blank">link</a></template>' },
-    { code: '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>' },
+    {
+      code:
+        '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>'
+    },
     {
       code: '<template><a :href="link" target="_blank">link</a></template>',
       options: [{ enforceDynamicLinks: 'never' }]
@@ -45,24 +60,38 @@ ruleTester.run('no-template-target-blank', rule, {
   ],
   invalid: [
     {
-      code: '<template><a href="https://eslint.vuejs.org" target="_blank">link</a></template>',
-      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+      code:
+        '<template><a href="https://eslint.vuejs.org" target="_blank">link</a></template>',
+      errors: [
+        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+      ]
     },
     {
-      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopenernoreferrer">link</a></template>',
-      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+      code:
+        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopenernoreferrer">link</a></template>',
+      errors: [
+        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+      ]
     },
     {
-      code: '<template><a :href="link" target="_blank" rel=3>link</a></template>',
-      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+      code:
+        '<template><a :href="link" target="_blank" rel=3>link</a></template>',
+      errors: [
+        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+      ]
     },
     {
       code: '<template><a :href="link" target="_blank">link</a></template>',
-      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+      errors: [
+        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+      ]
     },
     {
-      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
-      errors: ['Using target="_blank" without rel="noopener noreferrer" is a security risk.']
+      code:
+        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
+      errors: [
+        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-textarea-mustache.js b/tests/lib/rules/no-textarea-mustache.js
index 75040538b..e31f96bed 100644
--- a/tests/lib/rules/no-textarea-mustache.js
+++ b/tests/lib/rules/no-textarea-mustache.js
@@ -29,7 +29,8 @@ tester.run('no-textarea-mustache', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><textarea v-model="text"></textarea></div></template>'
+      code:
+        '<template><div><textarea v-model="text"></textarea></div></template>'
     }
   ],
   invalid: [
@@ -40,7 +41,8 @@ tester.run('no-textarea-mustache', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><textarea>{{text}} and {{text}}</textarea></div></template>',
+      code:
+        '<template><div><textarea>{{text}} and {{text}}</textarea></div></template>',
       errors: [
         "Unexpected mustache. Use 'v-model' instead.",
         "Unexpected mustache. Use 'v-model' instead."
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 2f7dd2630..e7ae51983 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -42,9 +42,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'custom(\\-\\w+)+'
-          ]
+          ignorePatterns: ['custom(\\-\\w+)+']
         }
       ]
     },
@@ -59,9 +57,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'custom(\\-\\w+)+'
-          ]
+          ignorePatterns: ['custom(\\-\\w+)+']
         }
       ]
     },
@@ -76,9 +72,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'custom(\\-\\w+)+'
-          ]
+          ignorePatterns: ['custom(\\-\\w+)+']
         }
       ]
     },
@@ -93,9 +87,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'Custom(\\w+)+'
-          ]
+          ignorePatterns: ['Custom(\\w+)+']
         }
       ]
     },
@@ -110,9 +102,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'Custom(\\w+)+'
-          ]
+          ignorePatterns: ['Custom(\\w+)+']
         }
       ]
     },
@@ -127,9 +117,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'Custom(\\w+)+'
-          ]
+          ignorePatterns: ['Custom(\\w+)+']
         }
       ]
     },
@@ -145,11 +133,7 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'Custom(\\w+)+',
-            'Warm(\\w+)+',
-            'InfoBtn(\\w+)+'
-          ]
+          ignorePatterns: ['Custom(\\w+)+', 'Warm(\\w+)+', 'InfoBtn(\\w+)+']
         }
       ]
     },
@@ -404,10 +388,13 @@ tester.run('no-unregistered-components', rule, {
           <CustomComponent />
         </template>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -418,15 +405,16 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'custom(\\-\\w+)+'
-          ]
+          ignorePatterns: ['custom(\\-\\w+)+']
         }
       ],
-      errors: [{
-        message: 'The "WarmButton" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "WarmButton" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -437,10 +425,13 @@ tester.run('no-unregistered-components', rule, {
           </CustomComponent>
         </template>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -453,15 +444,16 @@ tester.run('no-unregistered-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: [
-            'custom(\\-\\w+)+'
-          ]
+          ignorePatterns: ['custom(\\-\\w+)+']
         }
       ],
-      errors: [{
-        message: 'The "WarmButton" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "WarmButton" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -477,10 +469,13 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -498,10 +493,13 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -517,10 +515,13 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -538,10 +539,13 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -557,10 +561,13 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'The "CustomComponent" component has been used but not registered.',
-        line: 3
-      }]
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unsupported-features.js b/tests/lib/rules/no-unsupported-features.js
index 6bebaae1a..d12109311 100644
--- a/tests/lib/rules/no-unsupported-features.js
+++ b/tests/lib/rules/no-unsupported-features.js
@@ -69,4 +69,3 @@ tester.run('no-unsupported-features', rule, {
     }
   ]
 })
-
diff --git a/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js b/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
index de403b7ec..5dd9bba77 100644
--- a/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
+++ b/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
@@ -8,7 +8,10 @@ const RuleTester = require('eslint').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
-const buildOptions = utils.optionsBuilder('dynamic-directive-arguments', '^2.5.0')
+const buildOptions = utils.optionsBuilder(
+  'dynamic-directive-arguments',
+  '^2.5.0'
+)
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
@@ -83,4 +86,3 @@ tester.run('no-unsupported-features/dynamic-directive-arguments', rule, {
     }
   ]
 })
-
diff --git a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
index 137ed7c2a..f9be7a006 100644
--- a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
+++ b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
@@ -52,7 +52,10 @@ tester.run('no-unsupported-features/slot-scope-attribute', rule, {
           <a slot-scope="{a}" />
         </LinkList>
       </template>`,
-      options: buildOptions({ version: '^2.4.0', ignores: ['slot-scope-attribute'] })
+      options: buildOptions({
+        version: '^2.4.0',
+        ignores: ['slot-scope-attribute']
+      })
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-unsupported-features/utils.js b/tests/lib/rules/no-unsupported-features/utils.js
index 9c94f062c..0273961bd 100644
--- a/tests/lib/rules/no-unsupported-features/utils.js
+++ b/tests/lib/rules/no-unsupported-features/utils.js
@@ -16,8 +16,8 @@ module.exports = {
    * @param {string} defaultVersion default Vue.js version
    * @returns {function} the options builder
    */
-  optionsBuilder (targetSyntax, defaultVersion) {
-    const baseIgnores = SYNTAXES.filter(s => s !== targetSyntax)
+  optionsBuilder(targetSyntax, defaultVersion) {
+    const baseIgnores = SYNTAXES.filter((s) => s !== targetSyntax)
     return (option) => {
       const ignores = [...baseIgnores]
       let version = defaultVersion
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
index ac4662935..a49b61e93 100644
--- a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
+++ b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
@@ -8,7 +8,10 @@ const RuleTester = require('eslint').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
-const buildOptions = utils.optionsBuilder('v-bind-prop-modifier-shorthand', '^2.6.0')
+const buildOptions = utils.optionsBuilder(
+  'v-bind-prop-modifier-shorthand',
+  '^2.6.0'
+)
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
@@ -60,7 +63,8 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       </template>`,
       errors: [
         {
-          message: '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
+          message:
+            '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
           line: 3
         }
       ]
@@ -77,11 +81,11 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       </template>`,
       errors: [
         {
-          message: '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
+          message:
+            '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
           line: 3
         }
       ]
     }
   ]
 })
-
diff --git a/tests/lib/rules/no-unsupported-features/v-slot.js b/tests/lib/rules/no-unsupported-features/v-slot.js
index 95b1eef13..6874731bd 100644
--- a/tests/lib/rules/no-unsupported-features/v-slot.js
+++ b/tests/lib/rules/no-unsupported-features/v-slot.js
@@ -74,7 +74,6 @@ tester.run('no-unsupported-features/v-slot', rule, {
     }
   ],
   invalid: [
-
     {
       code: `
       <template>
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index 085cab630..181fbd6a5 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -490,10 +490,13 @@ tester.run('no-unused-components', rule, {
           }
         </script>
       `,
-      errors: [{
-        message: 'The "TheButton" component has been registered but not used.',
-        line: 10
-      }]
+      errors: [
+        {
+          message:
+            'The "TheButton" component has been registered but not used.',
+          line: 10
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -512,10 +515,13 @@ tester.run('no-unused-components', rule, {
           }
         </script>
       `,
-      errors: [{
-        message: 'The "TheButton" component has been registered but not used.',
-        line: 11
-      }]
+      errors: [
+        {
+          message:
+            'The "TheButton" component has been registered but not used.',
+          line: 11
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -534,10 +540,13 @@ tester.run('no-unused-components', rule, {
           }
         </script>
       `,
-      errors: [{
-        message: 'The "the-button" component has been registered but not used.',
-        line: 11
-      }]
+      errors: [
+        {
+          message:
+            'The "the-button" component has been registered but not used.',
+          line: 11
+        }
+      ]
     },
     // Setting: ignoreWhenBindingPresent
     {
@@ -565,13 +574,16 @@ tester.run('no-unused-components', rule, {
         }
       </script>`,
       options: [{ ignoreWhenBindingPresent: false }],
-      errors: [{
-        message: 'The "Foo" component has been registered but not used.',
-        line: 13
-      }, {
-        message: 'The "Bar" component has been registered but not used.',
-        line: 14
-      }]
+      errors: [
+        {
+          message: 'The "Foo" component has been registered but not used.',
+          line: 13
+        },
+        {
+          message: 'The "Bar" component has been registered but not used.',
+          line: 14
+        }
+      ]
     },
 
     // empty `:is`
@@ -588,10 +600,12 @@ tester.run('no-unused-components', rule, {
           },
         }
       </script>`,
-      errors: [{
-        message: 'The "Foo" component has been registered but not used.',
-        line: 8
-      }]
+      errors: [
+        {
+          message: 'The "Foo" component has been registered but not used.',
+          line: 8
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -606,10 +620,12 @@ tester.run('no-unused-components', rule, {
           },
         }
       </script>`,
-      errors: [{
-        message: 'The "Foo" component has been registered but not used.',
-        line: 8
-      }]
+      errors: [
+        {
+          message: 'The "Foo" component has been registered but not used.',
+          line: 8
+        }
+      ]
     },
 
     // computed properties
@@ -631,19 +647,24 @@ tester.run('no-unused-components', rule, {
           }
         }
       </script>`,
-      errors: [{
-        message: 'The "foo" component has been registered but not used.',
-        line: 8
-      }, {
-        message: 'The "bar" component has been registered but not used.',
-        line: 9
-      }, {
-        message: 'The "baz" component has been registered but not used.',
-        line: 10
-      }, {
-        message: 'The "quux" component has been registered but not used.',
-        line: 13
-      }]
+      errors: [
+        {
+          message: 'The "foo" component has been registered but not used.',
+          line: 8
+        },
+        {
+          message: 'The "bar" component has been registered but not used.',
+          line: 9
+        },
+        {
+          message: 'The "baz" component has been registered but not used.',
+          line: 10
+        },
+        {
+          message: 'The "quux" component has been registered but not used.',
+          line: 13
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index a17aff8b9..b9f984afc 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -15,7 +15,9 @@ const tester = new RuleTester({
   }
 })
 
-const allOptions = [{ groups: ['props', 'computed', 'data', 'methods', 'setup'] }]
+const allOptions = [
+  { groups: ['props', 'computed', 'data', 'methods', 'setup'] }
+]
 
 tester.run('no-unused-properties', rule, {
   valid: [
@@ -872,7 +874,8 @@ tester.run('no-unused-properties', rule, {
           line: 17
         },
         {
-          message: "'e' of property returned from `setup()` found, but never used.",
+          message:
+            "'e' of property returned from `setup()` found, but never used.",
           line: 20
         }
       ]
@@ -957,9 +960,7 @@ tester.run('no-unused-properties', rule, {
           };
         </script>
       `,
-      errors: [
-        "'bar' of property found, but never used."
-      ]
+      errors: ["'bar' of property found, but never used."]
     },
     {
       filename: 'test.vue',
@@ -973,9 +974,7 @@ tester.run('no-unused-properties', rule, {
           };
         </script>
       `,
-      errors: [
-        "'bar' of property found, but never used."
-      ]
+      errors: ["'bar' of property found, but never used."]
     },
     {
       filename: 'test.vue',
@@ -1051,9 +1050,7 @@ tester.run('no-unused-properties', rule, {
           }
         </script>
       `,
-      errors: [
-        "'bar' of property found, but never used."
-      ]
+      errors: ["'bar' of property found, but never used."]
     },
     {
       filename: 'test.vue',
@@ -1076,9 +1073,7 @@ tester.run('no-unused-properties', rule, {
           function fn3({bar}) {}
         </script>
       `,
-      errors: [
-        "'baz' of property found, but never used."
-      ]
+      errors: ["'baz' of property found, but never used."]
     },
     {
       filename: 'test.vue',
@@ -1176,9 +1171,7 @@ tester.run('no-unused-properties', rule, {
           }
         </script>
       `,
-      errors: [
-        "'baz' of property found, but never used."
-      ]
+      errors: ["'baz' of property found, but never used."]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index cd2eb645d..bf8a93777 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -30,19 +30,23 @@ tester.run('no-unused-vars', rule, {
       code: '<template><ol v-for="i in 5"><li :prop="i"></li></ol></template>'
     },
     {
-      code: '<template v-for="i in 5"><comp v-for="j in 10">{{i}}{{j}}</comp></template>'
+      code:
+        '<template v-for="i in 5"><comp v-for="j in 10">{{i}}{{j}}</comp></template>'
     },
     {
-      code: '<template><ol v-for="i in data"><li v-for="f in i">{{ f.bar.baz }}</li></ol></template>'
+      code:
+        '<template><ol v-for="i in data"><li v-for="f in i">{{ f.bar.baz }}</li></ol></template>'
     },
     {
       code: '<template><template scope="props">{{props}}</template></template>'
     },
     {
-      code: '<template><template scope="props"><span v-if="props"></span></template></template>'
+      code:
+        '<template><template scope="props"><span v-if="props"></span></template></template>'
     },
     {
-      code: '<template><div v-for="(item, key) in items" :key="key">{{item.name}}</div></template>'
+      code:
+        '<template><div v-for="(item, key) in items" :key="key">{{item.name}}</div></template>'
     },
     {
       code: '<template><div v-for="(v, i, c) in foo">{{c}}</div></template>'
@@ -80,43 +84,58 @@ tester.run('no-unused-vars', rule, {
       errors: ["'props' is defined but never used."]
     },
     {
-      code: '<template><span><template scope="props"></template></span></template>',
+      code:
+        '<template><span><template scope="props"></template></span></template>',
       errors: ["'props' is defined but never used."]
     },
     {
-      code: '<template><div v-for="i in 5"><comp v-for="j in 10">{{i}}{{i}}</comp></div></template>',
+      code:
+        '<template><div v-for="i in 5"><comp v-for="j in 10">{{i}}{{i}}</comp></div></template>',
       errors: ["'j' is defined but never used."]
     },
     {
-      code: '<template><ol v-for="i in data"><li v-for="f in i"></li></ol></template>',
+      code:
+        '<template><ol v-for="i in data"><li v-for="f in i"></li></ol></template>',
       errors: ["'f' is defined but never used."]
     },
     {
       code: '<template><div v-for="(a, b, c) in foo"></div></template>',
-      errors: ["'a' is defined but never used.", "'b' is defined but never used.", "'c' is defined but never used."]
-
+      errors: [
+        "'a' is defined but never used.",
+        "'b' is defined but never used.",
+        "'c' is defined but never used."
+      ]
     },
     {
       code: '<template><div v-for="(a, b, c) in foo">{{a}}</div></template>',
-      errors: ["'b' is defined but never used.", "'c' is defined but never used."]
+      errors: [
+        "'b' is defined but never used.",
+        "'c' is defined but never used."
+      ]
     },
     {
       code: '<template><div v-for="(a, b, c) in foo">{{b}}</div></template>',
       errors: ["'c' is defined but never used."]
     },
     {
-      code: '<template><div v-for="(item, key) in items" :key="item.id">{{item.name}}</div></template>',
+      code:
+        '<template><div v-for="(item, key) in items" :key="item.id">{{item.name}}</div></template>',
       errors: ["'key' is defined but never used."]
     },
     {
       code: '<template><div v-for="x in items">{{value | x}}</div></template>',
-      errors: [{
-        message: "'x' is defined but never used.",
-        suggestions: [{
-          desc: 'Replace the x with _x',
-          output: '<template><div v-for="_x in items">{{value | x}}</div></template>'
-        }]
-      }],
+      errors: [
+        {
+          message: "'x' is defined but never used.",
+          suggestions: [
+            {
+              desc: 'Replace the x with _x',
+              output:
+                '<template><div v-for="_x in items">{{value | x}}</div></template>'
+            }
+          ]
+        }
+      ],
       options: [{ ignorePattern: '^_' }]
     },
     {
@@ -130,7 +149,8 @@ tester.run('no-unused-vars', rule, {
       options: [{ ignorePattern: '^ignore' }]
     },
     {
-      code: '<template><span><template scope="props"></template></span></template>',
+      code:
+        '<template><span><template scope="props"></template></span></template>',
       errors: ["'props' is defined but never used."],
       options: [{ ignorePattern: '^ignore' }]
     },
diff --git a/tests/lib/rules/no-use-v-if-with-v-for.js b/tests/lib/rules/no-use-v-if-with-v-for.js
index c8bcda784..d4bc932c9 100644
--- a/tests/lib/rules/no-use-v-if-with-v-for.js
+++ b/tests/lib/rules/no-use-v-if-with-v-for.js
@@ -27,22 +27,26 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x"></div></div></template>',
+      code:
+        '<template><div><div v-for="x in list" v-if="x"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>',
+      code:
+        '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>',
+      code:
+        '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
+      code:
+        '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -76,22 +80,26 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="{x} in list" v-if="x"></div></div></template>',
+      code:
+        '<template><div><div v-for="{x} in list" v-if="x"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="{x,y,z} in list" v-if="y.foo"></div></div></template>',
+      code:
+        '<template><div><div v-for="{x,y,z} in list" v-if="y.foo"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="({x,y,z},i) in list" v-if="i%2==0"></div></div></template>',
+      code:
+        '<template><div><div v-for="({x,y,z},i) in list" v-if="i%2==0"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-if="shown"><div v-for="({x,y,z},i) in list"></div></div></template>'
+      code:
+        '<template><div v-if="shown"><div v-for="({x,y,z},i) in list"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -127,27 +135,37 @@ tester.run('no-use-v-if-with-v-for', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
-      errors: [{
-        message: "This 'v-if' should be moved to the wrapper element.",
-        line: 1
-      }]
+      code:
+        '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
+      errors: [
+        {
+          message: "This 'v-if' should be moved to the wrapper element.",
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
-      errors: [{
-        message: "This 'v-if' should be moved to the wrapper element.",
-        line: 1
-      }]
+      code:
+        '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
+      errors: [
+        {
+          message: "This 'v-if' should be moved to the wrapper element.",
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x.isActive"></div></div></template>',
-      errors: [{
-        message: "The 'list' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
-        line: 1
-      }]
+      code:
+        '<template><div><div v-for="x in list" v-if="x.isActive"></div></div></template>',
+      errors: [
+        {
+          message:
+            "The 'list' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -164,10 +182,13 @@ tester.run('no-use-v-if-with-v-for', rule, {
           </ul>
         </template>
       `,
-      errors: [{
-        message: "The 'users' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            "The 'users' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -184,18 +205,24 @@ tester.run('no-use-v-if-with-v-for', rule, {
           </ul>
         </template>
       `,
-      errors: [{
-        message: "This 'v-if' should be moved to the wrapper element.",
-        line: 6
-      }]
+      errors: [
+        {
+          message: "This 'v-if' should be moved to the wrapper element.",
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="{x,y,z} in list" v-if="z.isActive"></div></div></template>',
-      errors: [{
-        message: "The 'list' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
-        line: 1
-      }]
+      code:
+        '<template><div><div v-for="{x,y,z} in list" v-if="z.isActive"></div></div></template>',
+      errors: [
+        {
+          message:
+            "The 'list' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -212,10 +239,13 @@ tester.run('no-use-v-if-with-v-for', rule, {
           </ul>
         </template>
       `,
-      errors: [{
-        message: "The 'users' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            "The 'users' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -232,26 +262,36 @@ tester.run('no-use-v-if-with-v-for', rule, {
           </ul>
         </template>
       `,
-      errors: [{
-        message: "This 'v-if' should be moved to the wrapper element.",
-        line: 6
-      }]
+      errors: [
+        {
+          message: "This 'v-if' should be moved to the wrapper element.",
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="{x} in list()" v-if="x.isActive"></div></div></template>',
-      errors: [{
-        message: "The 'list()' expression inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
-        line: 1
-      }]
+      code:
+        '<template><div><div v-for="{x} in list()" v-if="x.isActive"></div></div></template>',
+      errors: [
+        {
+          message:
+            "The 'list()' expression inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="i in 5" v-if="i"></div></div></template>',
-      errors: [{
-        message: "The '5' expression inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
-        line: 1
-      }]
+      code:
+        '<template><div><div v-for="i in 5" v-if="i"></div></div></template>',
+      errors: [
+        {
+          message:
+            "The '5' expression inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+          line: 1
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-v-model-argument.js b/tests/lib/rules/no-v-model-argument.js
index 5cf5c5952..cba98ebe4 100644
--- a/tests/lib/rules/no-v-model-argument.js
+++ b/tests/lib/rules/no-v-model-argument.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('no-v-model-argument', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -32,12 +31,14 @@ ruleTester.run('no-v-model-argument', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><MyComponent v-model:foo="bar"></MyComponent></template>',
+      code:
+        '<template><MyComponent v-model:foo="bar"></MyComponent></template>',
       errors: ["'v-model' directives require no argument."]
     },
     {
       filename: 'test.vue',
-      code: '<template><MyComponent v-model:foo.trim="bar"></MyComponent></template>',
+      code:
+        '<template><MyComponent v-model:foo.trim="bar"></MyComponent></template>',
       errors: ["'v-model' directives require no argument."]
     }
   ]
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index 5290ec07d..eb932b299 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -22,7 +22,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('prop-name-casing', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -361,11 +360,13 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting_text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -378,11 +379,13 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       options: ['camelCase'],
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting_text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -393,11 +396,13 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       options: ['camelCase'],
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting_text" is not in camelCase.',
-        type: 'Literal',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -410,11 +415,13 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       options: ['snake_case'],
       parserOptions,
-      errors: [{
-        message: 'Prop "greetingText" is not in snake_case.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greetingText" is not in snake_case.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -427,11 +434,13 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       options: ['camelCase'],
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting-text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting-text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -444,11 +453,13 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       options: ['snake_case'],
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting-text" is not in snake_case.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting-text" is not in snake_case.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -460,11 +471,13 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting_text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       // computed property name
@@ -477,11 +490,13 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting-text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting-text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       // shorthand
@@ -494,11 +509,13 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting_text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -510,11 +527,13 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "abc-123-def" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "abc-123-def" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       // Parentheses computed property name
@@ -527,11 +546,13 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Prop "greeting-text" is not in camelCase.',
-        type: 'Property',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "greeting-text" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -558,6 +579,5 @@ ruleTester.run('prop-name-casing', rule, {
       parserOptions,
       errors: ['Prop "_itemName" is not in snake_case.']
     }
-
   ]
 })
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index b544921bd..ce292774e 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -21,7 +21,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester({ parserOptions })
 ruleTester.run('require-default-prop', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -205,25 +204,32 @@ ruleTester.run('require-default-prop', rule, {
           }
         }
       `,
-      errors: [{
-        message: `Prop 'a' requires default value to be set.`,
-        line: 4
-      }, {
-        message: `Prop 'b' requires default value to be set.`,
-        line: 5
-      }, {
-        message: `Prop 'c' requires default value to be set.`,
-        line: 6
-      }, {
-        message: `Prop 'd' requires default value to be set.`,
-        line: 9
-      }, {
-        message: `Prop 'e' requires default value to be set.`,
-        line: 13
-      }, {
-        message: `Prop 'f' requires default value to be set.`,
-        line: 14
-      }]
+      errors: [
+        {
+          message: `Prop 'a' requires default value to be set.`,
+          line: 4
+        },
+        {
+          message: `Prop 'b' requires default value to be set.`,
+          line: 5
+        },
+        {
+          message: `Prop 'c' requires default value to be set.`,
+          line: 6
+        },
+        {
+          message: `Prop 'd' requires default value to be set.`,
+          line: 9
+        },
+        {
+          message: `Prop 'e' requires default value to be set.`,
+          line: 13
+        },
+        {
+          message: `Prop 'f' requires default value to be set.`,
+          line: 14
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -237,10 +243,12 @@ ruleTester.run('require-default-prop', rule, {
         });
       `,
       parser: require.resolve('@typescript-eslint/parser'),
-      errors: [{
-        message: `Prop 'a' requires default value to be set.`,
-        line: 4
-      }]
+      errors: [
+        {
+          message: `Prop 'a' requires default value to be set.`,
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -254,10 +262,12 @@ ruleTester.run('require-default-prop', rule, {
         });
       `,
       parser: require.resolve('@typescript-eslint/parser'),
-      errors: [{
-        message: `Prop 'a' requires default value to be set.`,
-        line: 4
-      }]
+      errors: [
+        {
+          message: `Prop 'a' requires default value to be set.`,
+          line: 4
+        }
+      ]
     },
 
     // computed propertys
@@ -273,19 +283,24 @@ ruleTester.run('require-default-prop', rule, {
           }
         };
       `,
-      errors: [{
-        message: `Prop 'a' requires default value to be set.`,
-        line: 4
-      }, {
-        message: `Prop 'b' requires default value to be set.`,
-        line: 5
-      }, {
-        message: `Prop 'c' requires default value to be set.`,
-        line: 6
-      }, {
-        message: `Prop 'd' requires default value to be set.`,
-        line: 7
-      }]
+      errors: [
+        {
+          message: `Prop 'a' requires default value to be set.`,
+          line: 4
+        },
+        {
+          message: `Prop 'b' requires default value to be set.`,
+          line: 5
+        },
+        {
+          message: `Prop 'c' requires default value to be set.`,
+          line: 6
+        },
+        {
+          message: `Prop 'd' requires default value to be set.`,
+          line: 7
+        }
+      ]
     },
     // unknown static name
     {
@@ -299,16 +314,20 @@ ruleTester.run('require-default-prop', rule, {
           }
         };
       `,
-      errors: [{
-        message: `Prop '[foo]' requires default value to be set.`,
-        line: 4
-      }, {
-        message: `Prop '[bar()]' requires default value to be set.`,
-        line: 5
-      }, {
-        message: `Prop '[baz.baz]' requires default value to be set.`,
-        line: 6
-      }]
+      errors: [
+        {
+          message: `Prop '[foo]' requires default value to be set.`,
+          line: 4
+        },
+        {
+          message: `Prop '[bar()]' requires default value to be set.`,
+          line: 5
+        },
+        {
+          message: `Prop '[baz.baz]' requires default value to be set.`,
+          line: 6
+        }
+      ]
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1040
@@ -322,7 +341,7 @@ ruleTester.run('require-default-prop', rule, {
           }
         }
       `,
-      errors: ['Prop \'foo\' requires default value to be set.']
+      errors: ["Prop 'foo' requires default value to be set."]
     },
     {
       filename: 'unknown-prop-details-test.vue',
@@ -335,7 +354,7 @@ ruleTester.run('require-default-prop', rule, {
           }
         }
       `,
-      errors: ['Prop \'foo\' requires default value to be set.']
+      errors: ["Prop 'foo' requires default value to be set."]
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 0a084ab43..1db1edb2b 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -382,7 +382,8 @@ tester.run('require-explicit-emits', rule, {
           endColumn: 33,
           suggestions: [
             {
-              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -395,7 +396,8 @@ emits: ['foo']
       `
             },
             {
-              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -756,10 +758,12 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -774,7 +778,8 @@ emits: ['foo']
       `
             },
             {
-              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -808,7 +813,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -896,7 +902,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -926,7 +933,8 @@ emits: {'foo': null}
           ]
         },
         {
-          message: 'The "bar" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "bar" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "bar" to `emits` option.',
@@ -956,7 +964,8 @@ emits: {'foo': null}
           ]
         },
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -1017,7 +1026,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -1051,7 +1061,8 @@ emits: {'foo': null}
           ]
         },
         {
-          message: 'The "bar" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "bar" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "bar" to `emits` option.',
@@ -1085,7 +1096,8 @@ emits: {'foo': null}
           ]
         },
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -1134,7 +1146,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -1167,7 +1180,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -1200,7 +1214,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
               desc: 'Add the "foo" to `emits` option.',
@@ -1233,7 +1248,8 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: []
         }
       ]
@@ -1253,10 +1269,12 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1269,8 +1287,10 @@ emits: ['foo'],
       }
       </script>
       `
-            }, {
-              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+            },
+            {
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1302,10 +1322,12 @@ emits: {'foo': null},
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1317,8 +1339,10 @@ emits: ['foo'],
       }
       </script>
       `
-            }, {
-              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+            },
+            {
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1349,10 +1373,12 @@ emits: {'foo': null},
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1364,8 +1390,10 @@ emits: ['foo']
       }
       </script>
       `
-            }, {
-              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+            },
+            {
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1396,10 +1424,12 @@ emits: {'foo': null}
       `,
       errors: [
         {
-          message: 'The "foo" event has been triggered but not declared on `emits` option.',
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1411,8 +1441,10 @@ emits: ['foo']
       }
       </script>
       `
-            }, {
-              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+            },
+            {
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
diff --git a/tests/lib/rules/require-name-property.js b/tests/lib/rules/require-name-property.js
index 7b55e2400..c79ee9f2a 100644
--- a/tests/lib/rules/require-name-property.js
+++ b/tests/lib/rules/require-name-property.js
@@ -52,10 +52,12 @@ ruleTester.run('require-name-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Required name property is not set.',
-        type: 'ObjectExpression'
-      }]
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression'
+        }
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -65,10 +67,12 @@ ruleTester.run('require-name-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Required name property is not set.',
-        type: 'ObjectExpression'
-      }]
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression'
+        }
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -80,10 +84,12 @@ ruleTester.run('require-name-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Required name property is not set.',
-        type: 'ObjectExpression'
-      }]
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression'
+        }
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -93,10 +99,12 @@ ruleTester.run('require-name-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Required name property is not set.',
-        type: 'ObjectExpression'
-      }]
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index 103eb26a1..18ece4f55 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -22,7 +22,6 @@ const ruleTester = new RuleTester({
   }
 })
 ruleTester.run('require-prop-type-constructor', rule, {
-
   valid: [
     {
       filename: 'SomeComponent.vue',
@@ -132,25 +131,32 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
-      errors: [{
-        message: 'The "myProp" property should be a constructor.',
-        line: 4
-      }, {
-        message: 'The "anotherType" property should be a constructor.',
-        line: 5
-      }, {
-        message: 'The "anotherType" property should be a constructor.',
-        line: 5
-      }, {
-        message: 'The "extraProp" property should be a constructor.',
-        line: 7
-      }, {
-        message: 'The "lastProp" property should be a constructor.',
-        line: 11
-      }, {
-        message: 'The "nullProp" property should be a constructor.',
-        line: 13
-      }]
+      errors: [
+        {
+          message: 'The "myProp" property should be a constructor.',
+          line: 4
+        },
+        {
+          message: 'The "anotherType" property should be a constructor.',
+          line: 5
+        },
+        {
+          message: 'The "anotherType" property should be a constructor.',
+          line: 5
+        },
+        {
+          message: 'The "extraProp" property should be a constructor.',
+          line: 7
+        },
+        {
+          message: 'The "lastProp" property should be a constructor.',
+          line: 11
+        },
+        {
+          message: 'The "nullProp" property should be a constructor.',
+          line: 13
+        }
+      ]
     },
     {
       filename: 'SomeComponent.vue',
@@ -174,19 +180,24 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
-      errors: [{
-        message: 'The "a" property should be a constructor.',
-        line: 4
-      }, {
-        message: 'The "b" property should be a constructor.',
-        line: 5
-      }, {
-        message: 'The "c" property should be a constructor.',
-        line: 6
-      }, {
-        message: 'The "d" property should be a constructor.',
-        line: 7
-      }]
+      errors: [
+        {
+          message: 'The "a" property should be a constructor.',
+          line: 4
+        },
+        {
+          message: 'The "b" property should be a constructor.',
+          line: 5
+        },
+        {
+          message: 'The "c" property should be a constructor.',
+          line: 6
+        },
+        {
+          message: 'The "d" property should be a constructor.',
+          line: 7
+        }
+      ]
     },
     {
       filename: 'SomeComponent.vue',
@@ -210,10 +221,12 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
-      errors: [{
-        message: 'The "a" property should be a constructor.',
-        line: 5
-      }],
+      errors: [
+        {
+          message: 'The "a" property should be a constructor.',
+          line: 5
+        }
+      ],
       parser: require.resolve('@typescript-eslint/parser')
     },
     {
@@ -232,10 +245,12 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
-      errors: [{
-        message: 'The "name" property should be a constructor.',
-        line: 4
-      }],
+      errors: [
+        {
+          message: 'The "name" property should be a constructor.',
+          line: 4
+        }
+      ],
       parser: require.resolve('@typescript-eslint/parser')
     },
     {
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index 594ccdd4f..4d7d153b3 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -16,9 +16,8 @@ const RuleTester = require('eslint').RuleTester
 // Tests
 // ------------------------------------------------------------------------------
 
-var ruleTester = new RuleTester()
+const ruleTester = new RuleTester()
 ruleTester.run('require-prop-types', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -171,19 +170,24 @@ ruleTester.run('require-prop-types', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 3
-      }, {
-        message: 'Prop "bar" should define at least its type.',
-        line: 3
-      }, {
-        message: 'Prop "baz" should define at least its type.',
-        line: 3
-      }, {
-        message: 'Prop "Unknown prop" should define at least its type.',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "bar" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "baz" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "Unknown prop" should define at least its type.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -193,19 +197,24 @@ ruleTester.run('require-prop-types', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 3
-      }, {
-        message: 'Prop "bar" should define at least its type.',
-        line: 3
-      }, {
-        message: 'Prop "baz" should define at least its type.',
-        line: 3
-      }, {
-        message: 'Prop "Unknown prop" should define at least its type.',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "bar" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "baz" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "Unknown prop" should define at least its type.',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -218,10 +227,12 @@ ruleTester.run('require-prop-types', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -235,10 +246,12 @@ ruleTester.run('require-prop-types', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -250,10 +263,12 @@ ruleTester.run('require-prop-types', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -266,10 +281,12 @@ ruleTester.run('require-prop-types', rule, {
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -282,10 +299,12 @@ ruleTester.run('require-prop-types', rule, {
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
-      errors: [{
-        message: 'Prop "foo" should define at least its type.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-render-return.js b/tests/lib/rules/require-render-return.js
index 580a6b89e..e931badf1 100644
--- a/tests/lib/rules/require-render-return.js
+++ b/tests/lib/rules/require-render-return.js
@@ -143,11 +143,13 @@ ruleTester.run('require-render-return', rule, {
         }
       }`,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in render function.',
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in render function.',
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -159,11 +161,13 @@ ruleTester.run('require-render-return', rule, {
         }
       }`,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in render function.',
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in render function.',
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     },
     {
       code: `Vue.component('test', {
@@ -174,11 +178,13 @@ ruleTester.run('require-render-return', rule, {
         }
       })`,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in render function.',
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in render function.',
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     },
     {
       code: `app.component('test', {
@@ -189,11 +195,13 @@ ruleTester.run('require-render-return', rule, {
         }
       })`,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in render function.',
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in render function.',
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     },
     {
       code: `Vue.component('test2', {
@@ -204,11 +212,13 @@ ruleTester.run('require-render-return', rule, {
         }
       })`,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in render function.',
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in render function.',
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     },
     {
       code: `Vue.component('test2', {
@@ -221,11 +231,13 @@ ruleTester.run('require-render-return', rule, {
         }
       })`,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in render function.',
-        type: 'Identifier',
-        line: 2
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in render function.',
+          type: 'Identifier',
+          line: 2
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 76c2b7c5a..82726b6f0 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -32,7 +32,8 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><transition><div v-show="show" /></transition></template>'
+      code:
+        '<template><transition><div v-show="show" /></transition></template>'
     },
     {
       filename: 'test.vue',
@@ -40,7 +41,8 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><Transition><div v-show="show" /></Transition></template>'
+      code:
+        '<template><Transition><div v-show="show" /></Transition></template>'
     },
     {
       filename: 'test.vue',
@@ -48,23 +50,28 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><Transition><component :is="component" /></Transition></template>'
+      code:
+        '<template><Transition><component :is="component" /></Transition></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><Transition><div :is="component" /></Transition></template>'
+      code:
+        '<template><Transition><div :is="component" /></Transition></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><svg height="100" width="100"><transition><circle v-if="show" /></transition></svg> </template>'
+      code:
+        '<template><svg height="100" width="100"><transition><circle v-if="show" /></transition></svg> </template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><svg height="100" width="100"><transition><MyComponent /></transition></svg> </template>'
+      code:
+        '<template><svg height="100" width="100"><transition><MyComponent /></transition></svg> </template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><transition><template v-if="show"><div /></template></transition></template>'
+      code:
+        '<template><transition><template v-if="show"><div /></template></transition></template>'
     }
   ],
   invalid: [
@@ -93,17 +100,20 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><transition><div v-for="e in list" /></transition></template>',
+      code:
+        '<template><transition><div v-for="e in list" /></transition></template>',
       errors: [{ messageId: 'expected' }]
     },
     {
       filename: 'test.vue',
-      code: '<template><svg height="100" width="100"><transition><circle /></transition></svg> </template>',
+      code:
+        '<template><svg height="100" width="100"><transition><circle /></transition></svg> </template>',
       errors: [{ messageId: 'expected' }]
     },
     {
       filename: 'test.vue',
-      code: '<template><transition><template v-for="e in list"><div /></template></transition></template>',
+      code:
+        '<template><transition><template v-for="e in list"><div /></template></transition></template>',
       errors: [{ messageId: 'expected' }]
     }
   ]
diff --git a/tests/lib/rules/require-v-for-key.js b/tests/lib/rules/require-v-for-key.js
index d866137a0..4b521593a 100644
--- a/tests/lib/rules/require-v-for-key.js
+++ b/tests/lib/rules/require-v-for-key.js
@@ -29,27 +29,33 @@ tester.run('require-v-for-key', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-bind:key="x"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list" v-bind:key="x"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" :key="x.foo"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list" :key="x.foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom-component v-for="x in list"></custom-component></div></template>'
+      code:
+        '<template><div><custom-component v-for="x in list"></custom-component></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
+      code:
+        '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><slot v-for="x in list" :name="x"></slot></div></template>'
+      code:
+        '<template><div><slot v-for="x in list" :name="x"></slot></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><slot v-for="x in list" :name="x"><div :key="x"></div></slot></div></template>'
+      code:
+        '<template><div><slot v-for="x in list" :name="x"><div :key="x"></div></slot></div></template>'
     }
   ],
   invalid: [
@@ -60,17 +66,20 @@ tester.run('require-v-for-key', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" key="100"></div></div></template>',
+      code:
+        '<template><div><div v-for="x in list" key="100"></div></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x in list"><div></div></template></div></template>',
+      code:
+        '<template><div><template v-for="x in list"><div></div></template></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><slot v-for="x in list" :name="x"><div></div></slot></div></template>',
+      code:
+        '<template><div><slot v-for="x in list" :name="x"><div></div></slot></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     }
   ]
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index ff7548977..9f8ff7275 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -17,18 +17,22 @@ const parserOptions = {
   ecmaFeatures: { jsx: true }
 }
 
-function errorMessage (type) {
-  return [{
-    message: `Type of the default value for 'foo' prop must be a ${type}.`,
-    line: 5
-  }]
+function errorMessage(type) {
+  return [
+    {
+      message: `Type of the default value for 'foo' prop must be a ${type}.`,
+      line: 5
+    }
+  ]
 }
 
-function errorMessageForFunction (type) {
-  return [{
-    message: `Type of the default value for 'foo' prop must be a ${type}.`,
-    line: 6
-  }]
+function errorMessageForFunction(type) {
+  return [
+    {
+      message: `Type of the default value for 'foo' prop must be a ${type}.`,
+      line: 6
+    }
+  ]
 }
 
 // ------------------------------------------------------------------------------
@@ -37,7 +41,6 @@ function errorMessageForFunction (type) {
 
 const ruleTester = new RuleTester()
 ruleTester.run('require-valid-default-prop', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -528,16 +531,20 @@ ruleTester.run('require-valid-default-prop', rule, {
         }
       }`,
       parserOptions,
-      errors: [{
-        message: `Type of the default value for 'foo' prop must be a function.`,
-        line: 5
-      }, {
-        message: `Type of the default value for 'bar' prop must be a function.`,
-        line: 9
-      }, {
-        message: `Type of the default value for '[baz]' prop must be a function.`,
-        line: 13
-      }]
+      errors: [
+        {
+          message: `Type of the default value for 'foo' prop must be a function.`,
+          line: 5
+        },
+        {
+          message: `Type of the default value for 'bar' prop must be a function.`,
+          line: 9
+        },
+        {
+          message: `Type of the default value for '[baz]' prop must be a function.`,
+          line: 13
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -719,9 +726,22 @@ ruleTester.run('require-valid-default-prop', rule, {
       }`,
       parserOptions,
       errors: [
-        { message: "Type of the default value for 'foo' prop must be a string or boolean.", line: 7 },
-        { message: "Type of the default value for 'foo' prop must be a string or boolean.", line: 9 },
-        { message: "Type of the default value for 'foo' prop must be a string or boolean.", line: 11 }]
+        {
+          message:
+            "Type of the default value for 'foo' prop must be a string or boolean.",
+          line: 7
+        },
+        {
+          message:
+            "Type of the default value for 'foo' prop must be a string or boolean.",
+          line: 9
+        },
+        {
+          message:
+            "Type of the default value for 'foo' prop must be a string or boolean.",
+          line: 11
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index 0a32faf75..a7c14a51f 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -23,7 +23,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 ruleTester.run('return-in-computed-property', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -120,10 +119,12 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -136,10 +137,12 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -155,10 +158,12 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -175,10 +180,12 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 7
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 7
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -195,10 +202,12 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -215,10 +224,12 @@ ruleTester.run('return-in-computed-property', rule, {
       `,
       parserOptions,
       options: [{ treatUndefinedAsUnspecified: false }],
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -233,10 +244,12 @@ ruleTester.run('return-in-computed-property', rule, {
       `,
       parserOptions,
       options: [{ treatUndefinedAsUnspecified: true }],
-      errors: [{
-        message: 'Expected to return a value in "foo" computed property.',
-        line: 4
-      }]
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -252,10 +265,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected to return a value in "my_FALSE_test" computed property.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected to return a value in "my_FALSE_test" computed property.',
+          line: 5
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
index f988e6d93..a1d3557ed 100644
--- a/tests/lib/rules/return-in-emits-validator.js
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -21,7 +21,6 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 ruleTester.run('return-in-emits-validator', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -136,10 +135,13 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a boolean value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -153,10 +155,13 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a boolean value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -170,10 +175,13 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a boolean value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -186,10 +194,12 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a true value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Expected to return a true value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -207,10 +217,13 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a boolean value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -229,11 +242,13 @@ ruleTester.run('return-in-emits-validator', rule, {
       `,
       errors: [
         {
-          message: 'Expected to return a boolean value in "foo" emits validator.',
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
           line: 5
         },
         {
-          message: 'Expected to return a boolean value in "bar" emits validator.',
+          message:
+            'Expected to return a boolean value in "bar" emits validator.',
           line: 7
         }
       ]
@@ -251,10 +266,13 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a boolean value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -283,10 +301,12 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `,
-      errors: [{
-        message: 'Expected to return a true value in "foo" emits validator.',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Expected to return a true value in "foo" emits validator.',
+          line: 5
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/singleline-html-element-content-newline.js b/tests/lib/rules/singleline-html-element-content-newline.js
index c47e9c573..7df1e4da8 100644
--- a/tests/lib/rules/singleline-html-element-content-newline.js
+++ b/tests/lib/rules/singleline-html-element-content-newline.js
@@ -163,9 +163,11 @@ tester.run('singleline-html-element-content-newline', rule, {
           <ignore-tag attr>content</ignore-tag>
           <ignore-tag><span attr>content</span></ignore-tag>
         </template>`,
-      options: [{
-        ignores: ['ignore-tag']
-      }]
+      options: [
+        {
+          ignores: ['ignore-tag']
+        }
+      ]
     },
     {
       code: `
@@ -174,9 +176,11 @@ tester.run('singleline-html-element-content-newline', rule, {
           <IgnoreTag attr>content</IgnoreTag>
           <IgnoreTag><span attr>content</span></IgnoreTag>
         </template>`,
-      options: [{
-        ignores: ['IgnoreTag']
-      }]
+      options: [
+        {
+          ignores: ['IgnoreTag']
+        }
+      ]
     },
     {
       code: `
@@ -185,9 +189,11 @@ tester.run('singleline-html-element-content-newline', rule, {
           <ignore-tag attr>content</ignore-tag>
           <ignore-tag><span attr>content</span></ignore-tag>
         </template>`,
-      options: [{
-        ignores: ['IgnoreTag']
-      }]
+      options: [
+        {
+          ignores: ['IgnoreTag']
+        }
+      ]
     },
     // not target
     `
@@ -224,7 +230,8 @@ content
       `,
       errors: [
         {
-          message: 'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
           line: 3,
           column: 30,
           type: 'HTMLTagClose',
@@ -232,7 +239,8 @@ content
           endColumn: 30
         },
         {
-          message: 'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
           line: 3,
           column: 37,
           type: 'HTMLEndTagOpen',
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
index c8094b5b3..83e59cc41 100644
--- a/tests/lib/rules/sort-keys.js
+++ b/tests/lib/rules/sort-keys.js
@@ -15,7 +15,6 @@ const parserOptions = {
 }
 
 ruleTester.run('sort-keys', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -147,10 +146,22 @@ ruleTester.run('sort-keys', rule, {
       parserOptions: { ecmaVersion: 6 }
     },
     // default (asc)
-    { code: "var obj = {'':1, [``]:2}", options: [], parserOptions: { ecmaVersion: 6 }},
-    { code: "var obj = {[``]:1, '':2}", options: [], parserOptions: { ecmaVersion: 6 }},
+    {
+      code: "var obj = {'':1, [``]:2}",
+      options: [],
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      code: "var obj = {[``]:1, '':2}",
+      options: [],
+      parserOptions: { ecmaVersion: 6 }
+    },
     { code: "var obj = {'':1, a:2}", options: [] },
-    { code: 'var obj = {[``]:1, a:2}', options: [], parserOptions: { ecmaVersion: 6 }},
+    {
+      code: 'var obj = {[``]:1, a:2}',
+      options: [],
+      parserOptions: { ecmaVersion: 6 }
+    },
     { code: 'var obj = {_:2, a:1, b:3} // default', options: [] },
     { code: 'var obj = {a:1, b:3, c:2}', options: [] },
     { code: 'var obj = {a:2, b:3, b_:1}', options: [] },
@@ -160,31 +171,95 @@ ruleTester.run('sort-keys', rule, {
     { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: [] },
 
     // ignore non-simple computed properties.
-    { code: 'var obj = {a:1, b:3, [a + b]: -1, c:2}', options: [], parserOptions: { ecmaVersion: 6 }},
-    { code: "var obj = {'':1, [f()]:2, a:3}", options: [], parserOptions: { ecmaVersion: 6 }},
-    { code: "var obj = {a:1, [b++]:2, '':3}", options: ['desc'], parserOptions: { ecmaVersion: 6 }},
+    {
+      code: 'var obj = {a:1, b:3, [a + b]: -1, c:2}',
+      options: [],
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      code: "var obj = {'':1, [f()]:2, a:3}",
+      options: [],
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      code: "var obj = {a:1, [b++]:2, '':3}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 }
+    },
 
     // ignore properties separated by spread properties
-    { code: 'var obj = {a:1, ...z, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {b:1, ...z, a:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {...a, b:1, ...c, d:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {...a, b:1, ...d, ...c, e:2, z:5}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {b:1, ...c, ...d, e:2}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: "var obj = {a:1, ...z, '':2}", options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: "var obj = {'':1, ...z, 'a':2}", options: ['desc'], parserOptions: { ecmaVersion: 2018 }},
+    {
+      code: 'var obj = {a:1, ...z, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {b:1, ...z, a:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {...a, b:1, ...c, d:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {...a, b:1, ...d, ...c, e:2, z:5}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {b:1, ...c, ...d, e:2}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: "var obj = {a:1, ...z, '':2}",
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: "var obj = {'':1, ...z, 'a':2}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 }
+    },
 
     // not ignore properties not separated by spread properties
-    { code: 'var obj = {...z, a:1, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {...z, ...c, a:1, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {a:1, b:1, ...z}', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'var obj = {...z, ...x, a:1, ...c, ...d, f:5, e:4}', options: ['desc'], parserOptions: { ecmaVersion: 2018 }},
+    {
+      code: 'var obj = {...z, a:1, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {...z, ...c, a:1, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {a:1, b:1, ...z}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'var obj = {...z, ...x, a:1, ...c, ...d, f:5, e:4}',
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 }
+    },
 
     // works when spread occurs somewhere other than an object literal
-    { code: 'function fn(...args) { return [...args].length; }', options: [], parserOptions: { ecmaVersion: 2018 }},
-    { code: 'function g() {}; function f(...args) { return g(...args); }', options: [], parserOptions: { ecmaVersion: 2018 }},
+    {
+      code: 'function fn(...args) { return [...args].length; }',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
+    {
+      code: 'function g() {}; function f(...args) { return g(...args); }',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 }
+    },
 
     // ignore destructuring patterns.
-    { code: 'let {a, b} = {}', options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: 'let {a, b} = {}', options: [], parserOptions: { ecmaVersion: 6 } },
 
     // nested
     { code: 'var obj = {a:1, b:{x:1, y:1}, c:1}', options: [] },
@@ -202,42 +277,111 @@ ruleTester.run('sort-keys', rule, {
     { code: 'var obj = {a:1, c:2, b:3}', options: ['asc', { minKeys: 4 }] },
 
     // asc, insensitive
-    { code: 'var obj = {_:2, a:1, b:3} // asc, insensitive', options: ['asc', { caseSensitive: false }] },
-    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { caseSensitive: false }] },
-    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { caseSensitive: false }] },
-    { code: 'var obj = {b_:1, C:3, c:2}', options: ['asc', { caseSensitive: false }] },
-    { code: 'var obj = {b_:1, c:3, C:2}', options: ['asc', { caseSensitive: false }] },
-    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { caseSensitive: false }] },
-    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: ['asc', { caseSensitive: false }] },
-    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { caseSensitive: false }] },
+    {
+      code: 'var obj = {_:2, a:1, b:3} // asc, insensitive',
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {a:1, b:3, c:2}',
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {a:2, b:3, b_:1}',
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {b_:1, C:3, c:2}',
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {b_:1, c:3, C:2}',
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: "var obj = {1:1, '11':2, 2:4, A:3}",
+      options: ['asc', { caseSensitive: false }]
+    },
+    {
+      code: "var obj = {'#':1, 'Z':2, À:3, è:4}",
+      options: ['asc', { caseSensitive: false }]
+    },
 
     // asc, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
-    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: ['asc', { caseSensitive: false, minKeys: 5 }] },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { caseSensitive: false, minKeys: 5 }]
+    },
 
     // asc, natural
-    { code: 'var obj = {_:2, a:1, b:3} // asc, natural', options: ['asc', { natural: true }] },
+    {
+      code: 'var obj = {_:2, a:1, b:3} // asc, natural',
+      options: ['asc', { natural: true }]
+    },
     { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { natural: true }] },
     { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { natural: true }] },
     { code: 'var obj = {C:3, b_:1, c:2}', options: ['asc', { natural: true }] },
-    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { natural: true }] },
-    { code: "var obj = {1:1, 2:4, '11':2, A:3}", options: ['asc', { natural: true }] },
-    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { natural: true }] },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['asc', { natural: true }]
+    },
+    {
+      code: "var obj = {1:1, 2:4, '11':2, A:3}",
+      options: ['asc', { natural: true }]
+    },
+    {
+      code: "var obj = {'#':1, 'Z':2, À:3, è:4}",
+      options: ['asc', { natural: true }]
+    },
 
     // asc, natural, minKeys should ignore unsorted keys when number of keys is less than minKeys
-    { code: 'var obj = {b_:1, a:2, b:3}', options: ['asc', { natural: true, minKeys: 4 }] },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { natural: true, minKeys: 4 }]
+    },
 
     // asc, natural, insensitive
-    { code: 'var obj = {_:2, a:1, b:3} // asc, natural, insensitive', options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {b_:1, C:3, c:2}', options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {b_:1, c:3, C:2}', options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: "var obj = {1:1, 2:4, '11':2, A:3}", options: ['asc', { natural: true, caseSensitive: false }] },
-    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { natural: true, caseSensitive: false }] },
+    {
+      code: 'var obj = {_:2, a:1, b:3} // asc, natural, insensitive',
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {a:1, b:3, c:2}',
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {a:2, b:3, b_:1}',
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {b_:1, C:3, c:2}',
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {b_:1, c:3, C:2}',
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: "var obj = {1:1, 2:4, '11':2, A:3}",
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: "var obj = {'#':1, 'Z':2, À:3, è:4}",
+      options: ['asc', { natural: true, caseSensitive: false }]
+    },
 
     // asc, natural, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
-    { code: 'var obj = {a:1, _:2, b:3}', options: ['asc', { natural: true, caseSensitive: false, minKeys: 4 }] },
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false, minKeys: 4 }]
+    },
 
     // desc
     { code: 'var obj = {b:3, a:1, _:2} // desc', options: ['desc'] },
@@ -252,82 +396,175 @@ ruleTester.run('sort-keys', rule, {
     { code: 'var obj = {a:1, c:2, b:3}', options: ['desc', { minKeys: 4 }] },
 
     // desc, insensitive
-    { code: 'var obj = {b:3, a:1, _:2} // desc, insensitive', options: ['desc', { caseSensitive: false }] },
-    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { caseSensitive: false }] },
-    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { caseSensitive: false }] },
-    { code: 'var obj = {c:2, C:3, b_:1}', options: ['desc', { caseSensitive: false }] },
-    { code: 'var obj = {C:2, c:3, b_:1}', options: ['desc', { caseSensitive: false }] },
-    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { caseSensitive: false }] },
-    { code: "var obj = {A:3, 2:4, '11':2, 1:1}", options: ['desc', { caseSensitive: false }] },
-    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { caseSensitive: false }] },
+    {
+      code: 'var obj = {b:3, a:1, _:2} // desc, insensitive',
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {c:2, b:3, a:1}',
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {b_:1, b:3, a:2}',
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {c:2, C:3, b_:1}',
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {C:2, c:3, b_:1}',
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {a:4, A:3, _:2, $:1}',
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: "var obj = {A:3, 2:4, '11':2, 1:1}",
+      options: ['desc', { caseSensitive: false }]
+    },
+    {
+      code: "var obj = {è:4, À:3, 'Z':2, '#':1}",
+      options: ['desc', { caseSensitive: false }]
+    },
 
     // desc, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
-    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['desc', { caseSensitive: false, minKeys: 5 }] },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { caseSensitive: false, minKeys: 5 }]
+    },
 
     // desc, natural
-    { code: 'var obj = {b:3, a:1, _:2} // desc, natural', options: ['desc', { natural: true }] },
+    {
+      code: 'var obj = {b:3, a:1, _:2} // desc, natural',
+      options: ['desc', { natural: true }]
+    },
     { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { natural: true }] },
-    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { natural: true }] },
-    { code: 'var obj = {c:2, b_:1, C:3}', options: ['desc', { natural: true }] },
-    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { natural: true }] },
-    { code: "var obj = {A:3, '11':2, 2:4, 1:1}", options: ['desc', { natural: true }] },
-    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { natural: true }] },
+    {
+      code: 'var obj = {b_:1, b:3, a:2}',
+      options: ['desc', { natural: true }]
+    },
+    {
+      code: 'var obj = {c:2, b_:1, C:3}',
+      options: ['desc', { natural: true }]
+    },
+    {
+      code: 'var obj = {a:4, A:3, _:2, $:1}',
+      options: ['desc', { natural: true }]
+    },
+    {
+      code: "var obj = {A:3, '11':2, 2:4, 1:1}",
+      options: ['desc', { natural: true }]
+    },
+    {
+      code: "var obj = {è:4, À:3, 'Z':2, '#':1}",
+      options: ['desc', { natural: true }]
+    },
 
     // desc, natural, minKeys should ignore unsorted keys when number of keys is less than minKeys
-    { code: 'var obj = {b_:1, a:2, b:3}', options: ['desc', { natural: true, minKeys: 4 }] },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { natural: true, minKeys: 4 }]
+    },
 
     // desc, natural, insensitive
-    { code: 'var obj = {b:3, a:1, _:2} // desc, natural, insensitive', options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {c:2, C:3, b_:1}', options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {C:2, c:3, b_:1}', options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: "var obj = {A:3, '11':2, 2:4, 1:1}", options: ['desc', { natural: true, caseSensitive: false }] },
-    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { natural: true, caseSensitive: false }] },
+    {
+      code: 'var obj = {b:3, a:1, _:2} // desc, natural, insensitive',
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {c:2, b:3, a:1}',
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {b_:1, b:3, a:2}',
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {c:2, C:3, b_:1}',
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {C:2, c:3, b_:1}',
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: 'var obj = {a:4, A:3, _:2, $:1}',
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: "var obj = {A:3, '11':2, 2:4, 1:1}",
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
+    {
+      code: "var obj = {è:4, À:3, 'Z':2, '#':1}",
+      options: ['desc', { natural: true, caseSensitive: false }]
+    },
 
     // desc, natural, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
-    { code: 'var obj = {a:1, _:2, b:3}', options: ['desc', { natural: true, caseSensitive: false, minKeys: 4 }] }
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false, minKeys: 4 }]
+    }
   ],
 
   invalid: [
     // default (asc)
     {
       code: "var obj = {a:1, '':2} // default",
-      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+      errors: [
+        "Expected object keys to be in ascending order. '' should be before 'a'."
+      ]
     },
     {
       code: 'var obj = {a:1, [``]:2} // default',
       parserOptions: { ecmaVersion: 6 },
-      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+      errors: [
+        "Expected object keys to be in ascending order. '' should be before 'a'."
+      ]
     },
     {
       code: 'var obj = {a:1, _:2, b:3} // default',
-      errors: ["Expected object keys to be in ascending order. '_' should be before 'a'."]
+      errors: [
+        "Expected object keys to be in ascending order. '_' should be before 'a'."
+      ]
     },
     {
       code: 'var obj = {a:1, c:2, b:3}',
-      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
     },
     {
       code: 'var obj = {b_:1, a:2, b:3}',
-      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b_'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'a' should be before 'b_'."
+      ]
     },
     {
       code: 'var obj = {b_:1, c:2, C:3}',
-      errors: ["Expected object keys to be in ascending order. 'C' should be before 'c'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'C' should be before 'c'."
+      ]
     },
     {
       code: 'var obj = {$:1, _:2, A:3, a:4}',
-      errors: ["Expected object keys to be in ascending order. 'A' should be before '_'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'A' should be before '_'."
+      ]
     },
     {
       code: "var obj = {1:1, 2:4, A:3, '11':2}",
-      errors: ["Expected object keys to be in ascending order. '11' should be before 'A'."]
+      errors: [
+        "Expected object keys to be in ascending order. '11' should be before 'A'."
+      ]
     },
     {
       code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
-      errors: ["Expected object keys to be in ascending order. 'Z' should be before 'À'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'Z' should be before 'À'."
+      ]
     },
 
     // not ignore properties not separated by spread properties
@@ -335,7 +572,9 @@ ruleTester.run('sort-keys', rule, {
       code: 'var obj = {...z, c:1, b:1}',
       options: [],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
     },
     {
       code: 'var obj = {...z, ...c, d:4, b:1, ...y, ...f, e:2, a:1}',
@@ -350,63 +589,83 @@ ruleTester.run('sort-keys', rule, {
       code: 'var obj = {c:1, b:1, ...a}',
       options: [],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
     },
     {
       code: 'var obj = {...z, ...a, c:1, b:1}',
       options: [],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
     },
     {
       code: 'var obj = {...z, b:1, a:1, ...d, ...c}',
       options: [],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'a' should be before 'b'."
+      ]
     },
     {
       code: 'var obj = {...z, a:2, b:0, ...x, ...c}',
       options: ['desc'],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in descending order. 'b' should be before 'a'."]
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before 'a'."
+      ]
     },
     {
       code: 'var obj = {...z, a:2, b:0, ...x}',
       options: ['desc'],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in descending order. 'b' should be before 'a'."]
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before 'a'."
+      ]
     },
     {
       code: "var obj = {...z, '':1, a:2}",
       options: ['desc'],
       parserOptions: { ecmaVersion: 2018 },
-      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
     },
 
     // ignore non-simple computed properties, but their position shouldn't affect other comparisons.
     {
       code: "var obj = {a:1, [b+c]:2, '':3}",
       parserOptions: { ecmaVersion: 6 },
-      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+      errors: [
+        "Expected object keys to be in ascending order. '' should be before 'a'."
+      ]
     },
     {
       code: "var obj = {'':1, [b+c]:2, a:3}",
       options: ['desc'],
       parserOptions: { ecmaVersion: 6 },
-      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
     },
     {
       code: "var obj = {b:1, [f()]:2, '':3, a:4}",
       options: ['desc'],
       parserOptions: { ecmaVersion: 6 },
-      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
     },
 
     // not ignore simple computed properties.
     {
       code: 'var obj = {a:1, b:3, [a]: -1, c:2}',
       parserOptions: { ecmaVersion: 6 },
-      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b'."]
+      errors: [
+        "Expected object keys to be in ascending order. 'a' should be before 'b'."
+      ]
     },
 
     // nested
@@ -932,13 +1191,18 @@ ruleTester.run('sort-keys', rule, {
       `,
       parserOptions,
 
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'propA\' should be before \'z\'.',
-        line: 6
-      }, {
-        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'zd\'.',
-        line: 12
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'propA' should be before 'z'.",
+          line: 6
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'msg' should be before 'zd'.",
+          line: 12
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -961,10 +1225,13 @@ ruleTester.run('sort-keys', rule, {
         };
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'closeMenu\' should be before \'toggleMenu\'.',
-        line: 12
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'closeMenu' should be before 'toggleMenu'.",
+          line: 12
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -991,13 +1258,18 @@ ruleTester.run('sort-keys', rule, {
         };
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'event\' should be before \'prop\'.',
-        line: 9
-      }, {
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'z\'.',
-        line: 14
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'event' should be before 'prop'.",
+          line: 9
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'z'.",
+          line: 14
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -1015,13 +1287,18 @@ ruleTester.run('sort-keys', rule, {
         };
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
-        line: 2
-      }, {
-        message: 'Expected object keys to be in ascending order. \'isActive\' should be before \'z\'.',
-        line: 8
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
+          line: 2
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'isActive' should be before 'z'.",
+          line: 8
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -1039,13 +1316,18 @@ ruleTester.run('sort-keys', rule, {
         const dict = { zd: 1, a: 2 };
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'isActive\' should be before \'z\'.',
-        line: 6
-      }, {
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
-        line: 12
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'isActive' should be before 'z'.",
+          line: 6
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
+          line: 12
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -1065,14 +1347,18 @@ ruleTester.run('sort-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
-        line: 2
-      },
-      {
-        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
+          line: 2
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -1092,14 +1378,18 @@ ruleTester.run('sort-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
-        line: 2
-      },
-      {
-        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
+          line: 2
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -1119,14 +1409,18 @@ ruleTester.run('sort-keys', rule, {
         })
       `,
       parserOptions: { ecmaVersion: 6 },
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
-        line: 2
-      },
-      {
-        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
-        line: 9
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
+          line: 2
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
+          line: 9
+        }
+      ]
     },
     {
       filename: 'propsOrder.vue',
@@ -1143,10 +1437,13 @@ ruleTester.run('sort-keys', rule, {
       `,
       options: ['asc', { ignoreGrandchildrenOf: [] }],
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'default\' should be before \'type\'.',
-        line: 7
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'default' should be before 'type'.",
+          line: 7
+        }
+      ]
     },
     {
       filename: 'propsOrder.vue',
@@ -1163,13 +1460,18 @@ ruleTester.run('sort-keys', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'foo\' should be before \'z\'.',
-        line: 4
-      }, {
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'foo\'.',
-        line: 10
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'foo' should be before 'z'.",
+          line: 4
+        },
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'foo'.",
+          line: 10
+        }
+      ]
     },
     {
       filename: 'propsOrder.vue',
@@ -1186,10 +1488,13 @@ ruleTester.run('sort-keys', rule, {
         }
       `,
       parserOptions,
-      errors: [{
-        message: 'Expected object keys to be in ascending order. \'a\' should be before \'b\'.',
-        line: 7
-      }]
+      errors: [
+        {
+          message:
+            "Expected object keys to be in ascending order. 'a' should be before 'b'.",
+          line: 7
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/space-in-parens.js b/tests/lib/rules/space-in-parens.js
index 11e83591d..421fb4e95 100644
--- a/tests/lib/rules/space-in-parens.js
+++ b/tests/lib/rules/space-in-parens.js
@@ -9,12 +9,14 @@ const rule = require('../../../lib/rules/space-in-parens')
 
 const errorMessage = semver.lt(CLIEngine.version, '6.4.0')
   ? (obj) => {
-    const messageId = obj.messageId
-    delete obj.messageId
-    obj.message = messageId.startsWith('missing') ? 'There must be a space inside this paren.' : 'There should be no spaces inside this paren.'
-    return obj
-  }
-  : obj => obj
+      const messageId = obj.messageId
+      delete obj.messageId
+      obj.message = messageId.startsWith('missing')
+        ? 'There must be a space inside this paren.'
+        : 'There should be no spaces inside this paren.'
+      return obj
+    }
+  : (obj) => obj
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
diff --git a/tests/lib/rules/space-infix-ops.js b/tests/lib/rules/space-infix-ops.js
index 595bcd2fc..427a8fdc5 100644
--- a/tests/lib/rules/space-infix-ops.js
+++ b/tests/lib/rules/space-infix-ops.js
@@ -14,7 +14,7 @@ const tester = new RuleTester({
 
 const message = semver.lt(CLIEngine.version, '5.10.0')
   ? () => 'Infix operators must be spaced.'
-  : operator => `Operator '${operator}' must be spaced.`
+  : (operator) => `Operator '${operator}' must be spaced.`
 
 tester.run('space-infix-ops', rule, {
   valid: [
diff --git a/tests/lib/rules/space-unary-ops.js b/tests/lib/rules/space-unary-ops.js
index b426a505c..9d74207c9 100644
--- a/tests/lib/rules/space-unary-ops.js
+++ b/tests/lib/rules/space-unary-ops.js
@@ -29,23 +29,23 @@ tester.run('space-unary-ops', rule, {
     {
       code: '<template><div :attr="- a" /></template>',
       output: '<template><div :attr="-a" /></template>',
-      errors: ['Unexpected space after unary operator \'-\'.']
+      errors: ["Unexpected space after unary operator '-'."]
     },
     {
       code: '<template><div :attr="typeof(a)" /></template>',
       output: '<template><div :attr="typeof (a)" /></template>',
-      errors: ['Unary word operator \'typeof\' must be followed by whitespace.']
+      errors: ["Unary word operator 'typeof' must be followed by whitespace."]
     },
     {
       code: '<template><div :[typeof(a)]="typeof(a)" /></template>',
       output: '<template><div :[typeof(a)]="typeof (a)" /></template>',
-      errors: ['Unary word operator \'typeof\' must be followed by whitespace.']
+      errors: ["Unary word operator 'typeof' must be followed by whitespace."]
     },
     {
       code: '<template><div :[!a]="!a" /></template>',
       options: [{ nonwords: true }],
       output: '<template><div :[!a]="! a" /></template>',
-      errors: ['Unary operator \'!\' must be followed by whitespace.']
+      errors: ["Unary operator '!' must be followed by whitespace."]
     }
   ]
 })
diff --git a/tests/lib/rules/static-class-names-order.js b/tests/lib/rules/static-class-names-order.js
index ad7ab8234..6028561fd 100644
--- a/tests/lib/rules/static-class-names-order.js
+++ b/tests/lib/rules/static-class-names-order.js
@@ -8,19 +8,18 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var rule = require('../../../lib/rules/static-class-names-order')
-var RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/static-class-names-order')
+const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
 
-var tester = new RuleTester({
+const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
 })
 tester.run('static-class-names-order', rule, {
-
   valid: [
     {
       filename: 'no-classes.vue',
@@ -49,20 +48,20 @@ tester.run('static-class-names-order', rule, {
       filename: 'two-classes.vue',
       code: '<template><div class="b a"></div></template>',
       output: '<template><div class="a b"></div></template>',
-      errors: [{
-        message: 'Classes should be ordered alphabetically.',
-        type: 'VAttribute'
-      }]
+      errors: [
+        {
+          message: 'Classes should be ordered alphabetically.',
+          type: 'VAttribute'
+        }
+      ]
     },
     {
       filename: 'three-classes.vue',
-      code:
-        `<template>
+      code: `<template>
           <div class="c b a">
           </div>
         </template>`,
-      output:
-        `<template>
+      output: `<template>
           <div class="a b c">
           </div>
         </template>`,
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 9250c4f29..2d7bd46c1 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -21,7 +21,7 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2015 }
 })
 
-function createValidTests (prefix, options) {
+function createValidTests(prefix, options) {
   const comment = options.join('')
   return [
     {
@@ -116,7 +116,7 @@ function createValidTests (prefix, options) {
   ]
 }
 
-function createInvalidTests (prefix, options, message, type) {
+function createInvalidTests(prefix, options, message, type) {
   const comment = options.join('')
   return [
     {
@@ -166,20 +166,21 @@ function createInvalidTests (prefix, options, message, type) {
     //   errors: [{ message, type }],
     //   options
     // }
-  ].concat(options[0] === 'always'
-    ? []
-    : [
-      {
-        code: `<template><div>{{ this['xs'] }}</div></template><!-- ${comment} -->`,
-        errors: [{ message, type }],
-        options
-      },
-      {
-        code: `<template><div>{{ this['xs0AZ_foo'] }}</div></template><!-- ${comment} -->`,
-        errors: [{ message, type }],
-        options
-      }
-    ]
+  ].concat(
+    options[0] === 'always'
+      ? []
+      : [
+          {
+            code: `<template><div>{{ this['xs'] }}</div></template><!-- ${comment} -->`,
+            errors: [{ message, type }],
+            options
+          },
+          {
+            code: `<template><div>{{ this['xs0AZ_foo'] }}</div></template><!-- ${comment} -->`,
+            errors: [{ message, type }],
+            options
+          }
+        ]
   )
 }
 
@@ -189,7 +190,23 @@ ruleTester.run('this-in-template', rule, {
     .concat(createValidTests('', ['never']))
     .concat(createValidTests('this.', ['always'])),
   invalid: []
-    .concat(createInvalidTests('this.', [], "Unexpected usage of 'this'.", 'ThisExpression'))
-    .concat(createInvalidTests('this.', ['never'], "Unexpected usage of 'this'.", 'ThisExpression'))
-    .concat(createInvalidTests('', ['always'], "Expected 'this'.", 'Identifier'))
+    .concat(
+      createInvalidTests(
+        'this.',
+        [],
+        "Unexpected usage of 'this'.",
+        'ThisExpression'
+      )
+    )
+    .concat(
+      createInvalidTests(
+        'this.',
+        ['never'],
+        "Unexpected usage of 'this'.",
+        'ThisExpression'
+      )
+    )
+    .concat(
+      createInvalidTests('', ['always'], "Expected 'this'.", 'Identifier')
+    )
 })
diff --git a/tests/lib/rules/use-v-on-exact.js b/tests/lib/rules/use-v-on-exact.js
index 726662ca8..b080faa87 100644
--- a/tests/lib/rules/use-v-on-exact.js
+++ b/tests/lib/rules/use-v-on-exact.js
@@ -22,7 +22,6 @@ const ruleTester = new RuleTester({
 })
 
 ruleTester.run('use-v-on-exact', rule, {
-
   valid: [
     {
       code: `<template><button @click="foo"/></template>`
@@ -190,9 +189,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @click.ctrl="bar"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 3 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 3 }]
     },
     {
       code: `<template>
@@ -201,9 +198,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @click.ctrl.stop="bar"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 3 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 3 }]
     },
     {
       code: `<template>
@@ -212,9 +207,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @click.ctrl="bar"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 3 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 3 }]
     },
     {
       code: `<template>
@@ -224,9 +217,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @click.ctrl.shift="baz"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 4 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 4 }]
     },
     {
       code: `<template>
@@ -248,9 +239,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @keypress.27.shift="bar"
         >
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 3 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 3 }]
     },
     {
       code: `<template>
@@ -260,9 +249,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @keypress.ctrl="baz"
         >
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 4 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 4 }]
     },
     {
       code: `<template>
@@ -272,9 +259,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @click.ctrl.native="baz"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 4 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 4 }]
     },
     {
       code: `<template>
@@ -283,9 +268,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @click.native.ctrl.shift="bar"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 3 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 3 }]
     },
     {
       code: `<template>
@@ -307,9 +290,7 @@ ruleTester.run('use-v-on-exact', rule, {
           @[foo].ctrl="bar"
         />
       </template>`,
-      errors: [
-        { message: "Consider to use '.exact' modifier.", line: 3 }
-      ]
+      errors: [{ message: "Consider to use '.exact' modifier.", line: 3 }]
     }
   ]
 })
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index b8ddf99b1..bf56f1453 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -78,28 +78,36 @@ tester.run('v-on-function-call', rule, {
       filename: 'test.vue',
       code: '<template><div @click="foo"></div></template>',
       output: `<template><div @click="foo"></div></template>`,
-      errors: ["Method calls inside of 'v-on' directives must have parentheses."],
+      errors: [
+        "Method calls inside of 'v-on' directives must have parentheses."
+      ],
       options: ['always']
     },
     {
       filename: 'test.vue',
       code: '<template><div @click="foo()"></div></template>',
       output: `<template><div @click="foo"></div></template>`,
-      errors: ["Method calls without arguments inside of 'v-on' directives must not have parentheses."],
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
       options: ['never']
     },
     {
       filename: 'test.vue',
       code: '<template><div @click="foo( )"></div></template>',
       output: `<template><div @click="foo"></div></template>`,
-      errors: ["Method calls without arguments inside of 'v-on' directives must not have parentheses."],
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
       options: ['never']
     },
     {
       filename: 'test.vue',
       code: '<template><div @click="foo(/**/)"></div></template>',
       output: null,
-      errors: ["Method calls without arguments inside of 'v-on' directives must not have parentheses."],
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
       options: ['never']
     }
   ]
diff --git a/tests/lib/rules/v-slot-style.js b/tests/lib/rules/v-slot-style.js
index e95826c89..72363f779 100644
--- a/tests/lib/rules/v-slot-style.js
+++ b/tests/lib/rules/v-slot-style.js
@@ -189,7 +189,12 @@ tester.run('v-slot-style', rule, {
           <my-component v-slot="data"></my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedVSlot', data: { actual: '#default', argument: 'default' }}]
+      errors: [
+        {
+          messageId: 'expectedVSlot',
+          data: { actual: '#default', argument: 'default' }
+        }
+      ]
     },
     {
       code: `
@@ -202,7 +207,12 @@ tester.run('v-slot-style', rule, {
           <my-component v-slot="data"></my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedVSlot', data: { actual: 'v-slot:default', argument: 'default' }}]
+      errors: [
+        {
+          messageId: 'expectedVSlot',
+          data: { actual: 'v-slot:default', argument: 'default' }
+        }
+      ]
     },
     {
       code: `
@@ -215,7 +225,12 @@ tester.run('v-slot-style', rule, {
           <my-component #default="data"></my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedShorthand', data: { actual: 'v-slot:default', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedShorthand',
+          data: { actual: 'v-slot:default', argument: 'default' }
+        }
+      ],
       options: [{ atComponent: 'shorthand' }]
     },
     {
@@ -229,7 +244,12 @@ tester.run('v-slot-style', rule, {
           <my-component #default="data"></my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedShorthand', data: { actual: 'v-slot', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedShorthand',
+          data: { actual: 'v-slot', argument: 'default' }
+        }
+      ],
       options: [{ atComponent: 'shorthand' }]
     },
     {
@@ -243,7 +263,12 @@ tester.run('v-slot-style', rule, {
           <my-component v-slot:default="data"></my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedLongform', data: { actual: '#default', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedLongform',
+          data: { actual: '#default', argument: 'default' }
+        }
+      ],
       options: [{ atComponent: 'longform' }]
     },
     {
@@ -257,7 +282,12 @@ tester.run('v-slot-style', rule, {
           <my-component v-slot:default="data"></my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedLongform', data: { actual: 'v-slot', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedLongform',
+          data: { actual: 'v-slot', argument: 'default' }
+        }
+      ],
       options: [{ atComponent: 'longform' }]
     },
 
@@ -276,7 +306,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedShorthand', data: { actual: 'v-slot', argument: 'default' }}]
+      errors: [
+        {
+          messageId: 'expectedShorthand',
+          data: { actual: 'v-slot', argument: 'default' }
+        }
+      ]
     },
     {
       code: `
@@ -293,7 +328,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedShorthand', data: { actual: 'v-slot:default', argument: 'default' }}]
+      errors: [
+        {
+          messageId: 'expectedShorthand',
+          data: { actual: 'v-slot:default', argument: 'default' }
+        }
+      ]
     },
     {
       code: `
@@ -310,7 +350,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedLongform', data: { actual: '#default', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedLongform',
+          data: { actual: '#default', argument: 'default' }
+        }
+      ],
       options: [{ default: 'longform' }]
     },
     {
@@ -328,7 +373,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedLongform', data: { actual: 'v-slot', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedLongform',
+          data: { actual: 'v-slot', argument: 'default' }
+        }
+      ],
       options: [{ default: 'longform' }]
     },
     {
@@ -346,7 +396,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedVSlot', data: { actual: '#default', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedVSlot',
+          data: { actual: '#default', argument: 'default' }
+        }
+      ],
       options: [{ default: 'v-slot' }]
     },
     {
@@ -364,7 +419,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedVSlot', data: { actual: 'v-slot:default', argument: 'default' }}],
+      errors: [
+        {
+          messageId: 'expectedVSlot',
+          data: { actual: 'v-slot:default', argument: 'default' }
+        }
+      ],
       options: [{ default: 'v-slot' }]
     },
 
@@ -383,7 +443,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedShorthand', data: { actual: 'v-slot:foo', argument: 'foo' }}]
+      errors: [
+        {
+          messageId: 'expectedShorthand',
+          data: { actual: 'v-slot:foo', argument: 'foo' }
+        }
+      ]
     },
     {
       code: `
@@ -400,7 +465,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedLongform', data: { actual: '#foo', argument: 'foo' }}],
+      errors: [
+        {
+          messageId: 'expectedLongform',
+          data: { actual: '#foo', argument: 'foo' }
+        }
+      ],
       options: [{ named: 'longform' }]
     },
 
@@ -419,7 +489,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedShorthand', data: { actual: 'v-slot:[foo]', argument: '[foo]' }}]
+      errors: [
+        {
+          messageId: 'expectedShorthand',
+          data: { actual: 'v-slot:[foo]', argument: '[foo]' }
+        }
+      ]
     },
     {
       code: `
@@ -436,7 +511,12 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
-      errors: [{ messageId: 'expectedLongform', data: { actual: '#[foo]', argument: '[foo]' }}],
+      errors: [
+        {
+          messageId: 'expectedLongform',
+          data: { actual: '#[foo]', argument: '[foo]' }
+        }
+      ],
       options: [{ named: 'longform' }]
     }
   ]
diff --git a/tests/lib/rules/valid-template-root.js b/tests/lib/rules/valid-template-root.js
index 033188cca..212fefc8d 100644
--- a/tests/lib/rules/valid-template-root.js
+++ b/tests/lib/rules/valid-template-root.js
@@ -41,11 +41,13 @@ tester.run('valid-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code:
+        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
-      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code:
+        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
@@ -57,7 +59,8 @@ tester.run('valid-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+      code:
+        '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
     },
     {
       filename: 'test.vue',
@@ -117,12 +120,16 @@ tester.run('valid-template-root', rule, {
     {
       filename: 'test.vue',
       code: '<template src="foo.html">abc</template>',
-      errors: ["The template root with 'src' attribute is required to be empty."]
+      errors: [
+        "The template root with 'src' attribute is required to be empty."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template src="foo.html"><div></div></template>',
-      errors: ["The template root with 'src' attribute is required to be empty."]
+      errors: [
+        "The template root with 'src' attribute is required to be empty."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index 4f939aa16..385f5d991 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -51,51 +51,63 @@ tester.run('valid-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><svg><MyComponent :foo.sync="this.foo().bar" /></svg></template>'
+      code:
+        '<template><svg><MyComponent :foo.sync="this.foo().bar" /></svg></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>'
     },
     // not .sync
     {
@@ -128,12 +140,15 @@ tester.run('valid-v-bind-sync', rule, {
           <MyComponent :foo.sync="a + b" />
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers require the attribute value which is valid as LHS.",
-        line: 3,
-        column: 24,
-        endColumn: 41
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers require the attribute value which is valid as LHS.",
+          line: 3,
+          column: 24,
+          endColumn: 41
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -142,12 +157,15 @@ tester.run('valid-v-bind-sync', rule, {
           <MyComponent v-bind:foo.sync="a + b" />
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers require the attribute value which is valid as LHS.",
-        line: 3,
-        column: 24,
-        endColumn: 47
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers require the attribute value which is valid as LHS.",
+          line: 3,
+          column: 24,
+          endColumn: 47
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -156,12 +174,15 @@ tester.run('valid-v-bind-sync', rule, {
           <input :foo.sync="foo">
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers aren't supported on <input> non Vue-components.",
-        line: 3,
-        column: 18,
-        endColumn: 33
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers aren't supported on <input> non Vue-components.",
+          line: 3,
+          column: 18,
+          endColumn: 33
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -170,12 +191,15 @@ tester.run('valid-v-bind-sync', rule, {
           <MyComponent :foo.sync="foo()" />
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers require the attribute value which is valid as LHS.",
-        line: 3,
-        column: 24,
-        endColumn: 41
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers require the attribute value which is valid as LHS.",
+          line: 3,
+          column: 24,
+          endColumn: 41
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -184,12 +208,15 @@ tester.run('valid-v-bind-sync', rule, {
           <MyComponent :foo.sync="this.foo()" />
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers require the attribute value which is valid as LHS.",
-        line: 3,
-        column: 24,
-        endColumn: 46
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers require the attribute value which is valid as LHS.",
+          line: 3,
+          column: 24,
+          endColumn: 46
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -198,12 +225,15 @@ tester.run('valid-v-bind-sync', rule, {
           <input v-bind:foo.sync="foo">
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers aren't supported on <input> non Vue-components.",
-        line: 3,
-        column: 18,
-        endColumn: 39
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers aren't supported on <input> non Vue-components.",
+          line: 3,
+          column: 18,
+          endColumn: 39
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -214,12 +244,15 @@ tester.run('valid-v-bind-sync', rule, {
           </div>
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers cannot update the iteration variable 'x' itself.",
-        line: 4,
-        column: 26,
-        endColumn: 39
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers cannot update the iteration variable 'x' itself.",
+          line: 4,
+          column: 26,
+          endColumn: 39
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -230,12 +263,15 @@ tester.run('valid-v-bind-sync', rule, {
           </div>
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers cannot update the iteration variable 'e' itself.",
-        line: 4,
-        column: 26,
-        endColumn: 45
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers cannot update the iteration variable 'e' itself.",
+          line: 4,
+          column: 26,
+          endColumn: 45
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -250,10 +286,13 @@ tester.run('valid-v-bind-sync', rule, {
           </div>
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers cannot update the iteration variable 'e1' itself.",
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers cannot update the iteration variable 'e1' itself.",
+          line: 6
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -264,10 +303,13 @@ tester.run('valid-v-bind-sync', rule, {
           </div>
         </template>
       `,
-      errors: [{
-        message: "'.sync' modifiers cannot update the iteration variable 'index' itself.",
-        line: 4
-      }]
+      errors: [
+        {
+          message:
+            "'.sync' modifiers cannot update the iteration variable 'index' itself.",
+          line: 4
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -276,17 +318,23 @@ tester.run('valid-v-bind-sync', rule, {
           <div :foo.sync="foo"></div>
         </template>
       `,
-      errors: ["'.sync' modifiers aren't supported on <div> non Vue-components."]
+      errors: [
+        "'.sync' modifiers aren't supported on <div> non Vue-components."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-bind.sync="foo()" /></template>',
-      errors: ["'.sync' modifiers require the attribute value which is valid as LHS."]
+      errors: [
+        "'.sync' modifiers require the attribute value which is valid as LHS."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><svg><MyComponent :foo.sync="foo()" /></svg></template>',
-      errors: ["'.sync' modifiers require the attribute value which is valid as LHS."]
+      errors: [
+        "'.sync' modifiers require the attribute value which is valid as LHS."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-else-if.js b/tests/lib/rules/valid-v-else-if.js
index b0c18093f..778d07339 100644
--- a/tests/lib/rules/valid-v-else-if.js
+++ b/tests/lib/rules/valid-v-else-if.js
@@ -29,11 +29,13 @@ tester.run('valid-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if="foo"></div></div></template>'
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if="foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else-if="foo"></div></div></template>'
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else-if="foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -43,57 +45,82 @@ tester.run('valid-v-else-if', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><template v-else-if="foo"><div></div></template></template>',
-      errors: ["'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      code:
+        '<template><template v-else-if="foo"><div></div></template></template>',
+      errors: [
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-else-if="foo"></div></template>',
-      errors: ["'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      errors: [
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div v-else-if="foo"></div></div></template>',
-      errors: ["'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      errors: [
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div></div><div v-else-if="foo"></div></div></template>',
-      errors: ["'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      code:
+        '<template><div><div></div><div v-else-if="foo"></div></div></template>',
+      errors: [
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div if="foo"></div><div v-else-if="foo"></div></div></template>',
-      errors: ["'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      code:
+        '<template><div><div if="foo"></div><div v-else-if="foo"></div></div></template>',
+      errors: [
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div></div><div v-else-if="foo"></div></div></template>',
-      errors: ["'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      code:
+        '<template><div><div v-if="foo"></div><div></div><div v-else-if="foo"></div></div></template>',
+      errors: [
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if="foo" v-if="bar"></div></div></template>',
-      errors: ["'v-else-if' and 'v-if' directives can't exist on the same element."]
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if="foo" v-if="bar"></div></div></template>',
+      errors: [
+        "'v-else-if' and 'v-if' directives can't exist on the same element."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if="foo" v-else></div></div></template>',
-      errors: ["'v-else-if' and 'v-else' directives can't exist on the same element."]
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if="foo" v-else></div></div></template>',
+      errors: [
+        "'v-else-if' and 'v-else' directives can't exist on the same element."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if:aaa="foo"></div></div></template>',
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if:aaa="foo"></div></div></template>',
       errors: ["'v-else-if' directives require no argument."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if.aaa="foo"></div></div></template>',
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if.aaa="foo"></div></div></template>',
       errors: ["'v-else-if' directives require no modifier."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if></div></div></template>',
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if></div></div></template>',
       errors: ["'v-else-if' directives require that attribute value."]
     }
   ]
diff --git a/tests/lib/rules/valid-v-else.js b/tests/lib/rules/valid-v-else.js
index 7825e4dfb..1e235f9b5 100644
--- a/tests/lib/rules/valid-v-else.js
+++ b/tests/lib/rules/valid-v-else.js
@@ -29,11 +29,13 @@ tester.run('valid-v-else', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else></div></div></template>'
+      code:
+        '<template><div><div v-if="foo"></div><div v-else></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else></div></div></template>'
+      code:
+        '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -44,56 +46,79 @@ tester.run('valid-v-else', rule, {
     {
       filename: 'test.vue',
       code: '<template><template v-else><div></div></template></template>',
-      errors: ["'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      errors: [
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-else></div></template>',
-      errors: ["'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      errors: [
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div v-else></div></div></template>',
-      errors: ["'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      errors: [
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div></div><div v-else></div></div></template>',
-      errors: ["'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      errors: [
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div if="foo"></div><div v-else></div></div></template>',
-      errors: ["'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      code:
+        '<template><div><div if="foo"></div><div v-else></div></div></template>',
+      errors: [
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div></div><div v-else></div></div></template>',
-      errors: ["'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."]
+      code:
+        '<template><div><div v-if="foo"></div><div></div><div v-else></div></div></template>',
+      errors: [
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else v-if="bar"></div></div></template>',
-      errors: ["'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives."]
+      code:
+        '<template><div><div v-if="foo"></div><div v-else v-if="bar"></div></div></template>',
+      errors: [
+        "'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else v-else-if="foo"></div></div></template>',
-      errors: ["'v-else' and 'v-else-if' directives can't exist on the same element."]
+      code:
+        '<template><div><div v-if="foo"></div><div v-else v-else-if="foo"></div></div></template>',
+      errors: [
+        "'v-else' and 'v-else-if' directives can't exist on the same element."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else:aaa></div></div></template>',
+      code:
+        '<template><div><div v-if="foo"></div><div v-else:aaa></div></div></template>',
       errors: ["'v-else' directives require no argument."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else.aaa></div></div></template>',
+      code:
+        '<template><div><div v-if="foo"></div><div v-else.aaa></div></div></template>',
       errors: ["'v-else' directives require no modifier."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo"></div><div v-else="foo"></div></div></template>',
+      code:
+        '<template><div><div v-if="foo"></div><div v-else="foo"></div></div></template>',
       errors: ["'v-else' directives require no attribute value."]
     }
   ]
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index d83b634a3..74a1ea614 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -37,55 +37,68 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(x, i, k) in list"></div></div></template>'
+      code:
+        '<template><div><div v-for="(x, i, k) in list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(x, i, k) of list"></div></div></template>'
+      code:
+        '<template><div><div v-for="(x, i, k) of list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="({id, name}, i, k) of list"></div></div></template>'
+      code:
+        '<template><div><div v-for="({id, name}, i, k) of list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="([id, name], i, k) of list"></div></div></template>'
+      code:
+        '<template><div><div v-for="([id, name], i, k) of list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><your-component v-for="x in list" :key="x.id"></your-component></div></template>'
+      code:
+        '<template><div><your-component v-for="x in list" :key="x.id"></your-component></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
+      code:
+        '<template><div><div is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div :is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
+      code:
+        '<template><div><div :is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x in list"><custom-component :key="x"></custom-component></template></div></template>'
+      code:
+        '<template><div><template v-for="x in list"><custom-component :key="x"></custom-component></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
+      code:
+        '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x in list"><div></div></template></div></template>'
+      code:
+        '<template><div><template v-for="x in list"><div></div></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><template v-for="x of list"><slot name="item" /></template></template>'
+      code:
+        '<template><template v-for="x of list"><slot name="item" /></template></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><template v-for="x of list">foo<div></div></template></template>'
+      code:
+        '<template><template v-for="x of list">foo<div></div></template></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x of list"><div v-for="foo of x" :key="foo"></div></template></div></template>'
+      code:
+        '<template><div><template v-for="x of list"><div v-for="foo of x" :key="foo"></div></template></div></template>'
     },
     {
       filename: 'test.vue',
@@ -134,92 +147,123 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(,a,b) in list"></div></div></template>',
+      code:
+        '<template><div><div v-for="(,a,b) in list"></div></div></template>',
       errors: ["Invalid alias ''."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(a,,b) in list"></div></div></template>',
+      code:
+        '<template><div><div v-for="(a,,b) in list"></div></div></template>',
       errors: ["Invalid alias ''."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(a,b,,) in list"></div></div></template>',
+      code:
+        '<template><div><div v-for="(a,b,,) in list"></div></div></template>',
       errors: ["Invalid alias ''."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(a,{b,c}) in list"></div></div></template>',
+      code:
+        '<template><div><div v-for="(a,{b,c}) in list"></div></div></template>',
       errors: ["Invalid alias '{b,c}'."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(a,b,{c,d}) in list"></div></div></template>',
+      code:
+        '<template><div><div v-for="(a,b,{c,d}) in list"></div></div></template>',
       errors: ["Invalid alias '{c,d}'."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><your-component v-for="x in list"></your-component></div></template>',
+      code:
+        '<template><div><your-component v-for="x in list"></your-component></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div is="your-component" v-for="x in list"></div></div></template>',
+      code:
+        '<template><div><div is="your-component" v-for="x in list"></div></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div :is="your-component" v-for="x in list"></div></div></template>',
+      code:
+        '<template><div><div :is="your-component" v-for="x in list"></div></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-bind:is="your-component" v-for="x in list"></div></div></template>',
+      code:
+        '<template><div><div v-bind:is="your-component" v-for="x in list"></div></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" :key="100"></div></div></template>',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."]
+      code:
+        '<template><div><div v-for="x in list" :key="100"></div></div></template>',
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom-component v-for="x in list" :key="100"></custom-component></div></template>',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."]
+      code:
+        '<template><div><custom-component v-for="x in list" :key="100"></custom-component></div></template>',
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" :key="foo"></div></div></template>',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."]
+      code:
+        '<template><div><div v-for="x in list" :key="foo"></div></div></template>',
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom-component v-for="x in list" :key="foo"></custom-component></div></template>',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."]
+      code:
+        '<template><div><custom-component v-for="x in list" :key="foo"></custom-component></div></template>',
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="(item, index) in suggestions" :key></div></div></template>',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."]
+      code:
+        '<template><div><div v-for="(item, index) in suggestions" :key></div></div></template>',
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="xin list"><div></div></template></div></template>',
+      code:
+        '<template><div><template v-for="xin list"><div></div></template></div></template>',
       errors: ["'v-for' directives require that attribute value."]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><template v-for="x of list"><div v-for="foo of y" :key="foo"></div></template></div></template>',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."]
+      code:
+        '<template><div><template v-for="x of list"><div v-for="foo of y" :key="foo"></div></template></div></template>',
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."],
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ],
       code: `
         <template>
           <template v-for="x in xs">
@@ -234,7 +278,9 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."],
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ],
       code: `
         <template>
           <template v-for="x in xs">
@@ -249,7 +295,9 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      errors: ["Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."],
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ],
       code: `
         <template>
           <template v-for="x in xs">
diff --git a/tests/lib/rules/valid-v-if.js b/tests/lib/rules/valid-v-if.js
index 9a0be6472..effe04836 100644
--- a/tests/lib/rules/valid-v-if.js
+++ b/tests/lib/rules/valid-v-if.js
@@ -36,12 +36,17 @@ tester.run('valid-v-if', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><div v-if="foo" v-else></div></div></template>',
-      errors: ["'v-if' and 'v-else' directives can't exist on the same element. You may want 'v-else-if' directives."]
+      errors: [
+        "'v-if' and 'v-else' directives can't exist on the same element. You may want 'v-else-if' directives."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-if="foo" v-else-if="bar"></div></div></template>',
-      errors: ["'v-if' and 'v-else-if' directives can't exist on the same element."]
+      code:
+        '<template><div><div v-if="foo" v-else-if="bar"></div></div></template>',
+      errors: [
+        "'v-if' and 'v-else-if' directives can't exist on the same element."
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 9b2d19cc6..c9c28585a 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -61,51 +61,63 @@ tester.run('valid-v-model', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><your-component v-model="foo"></your-component></template>'
+      code:
+        '<template><your-component v-model="foo"></your-component></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="x.foo"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="x.foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[x]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[x]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[x - 1]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[x - 1]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[`${x}`]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[`${x}`]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[`prefix_${x}`]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[`prefix_${x}`]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[x ? x : \'_\']"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[x ? x : \'_\']"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[x || \'_\']"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[x || \'_\']"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[x()]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[x()]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[/r/.match(x) ? 0 : 1]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[/r/.match(x) ? 0 : 1]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[typeof x]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[typeof x]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="foo[tag`${x}`]"></div></div></template>'
+      code:
+        '<template><div><div v-for="x in list"><input v-model="foo[tag`${x}`]"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -121,19 +133,23 @@ tester.run('valid-v-model', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><MyComponent v-model:aaa.modifier="a"></MyComponent></template>'
+      code:
+        '<template><MyComponent v-model:aaa.modifier="a"></MyComponent></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><MyComponent v-model.modifier="a"></MyComponent></template>'
+      code:
+        '<template><MyComponent v-model.modifier="a"></MyComponent></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><MyComponent v-model:aaa.modifier.modifierTwo="a"></MyComponent></template>'
+      code:
+        '<template><MyComponent v-model:aaa.modifier.modifierTwo="a"></MyComponent></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
+      code:
+        '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
     }
   ],
   invalid: [
@@ -160,7 +176,9 @@ tester.run('valid-v-model', rule, {
     {
       filename: 'test.vue',
       code: '<template><input v-model="a + b"></template>',
-      errors: ["'v-model' directives require the attribute value which is valid as LHS."]
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ]
     },
     {
       filename: 'test.vue',
@@ -169,23 +187,35 @@ tester.run('valid-v-model', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="x"></div></div></template>',
-      errors: ["'v-model' directives cannot update the iteration variable 'x' itself."]
+      code:
+        '<template><div><div v-for="x in list"><input v-model="x"></div></div></template>',
+      errors: [
+        "'v-model' directives cannot update the iteration variable 'x' itself."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="(x)"></div></div></template>',
-      errors: ["'v-model' directives cannot update the iteration variable 'x' itself."]
+      code:
+        '<template><div><div v-for="x in list"><input v-model="(x)"></div></div></template>',
+      errors: [
+        "'v-model' directives cannot update the iteration variable 'x' itself."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="x in list"><input v-model="(((x)))"></div></div></template>',
-      errors: ["'v-model' directives cannot update the iteration variable 'x' itself."]
+      code:
+        '<template><div><div v-for="x in list"><input v-model="(((x)))"></div></div></template>',
+      errors: [
+        "'v-model' directives cannot update the iteration variable 'x' itself."
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div><div v-for="e in list"><input v-model="e"></div></div></template>',
-      errors: ["'v-model' directives cannot update the iteration variable 'e' itself."]
+      code:
+        '<template><div><div v-for="e in list"><input v-model="e"></div></div></template>',
+      errors: [
+        "'v-model' directives cannot update the iteration variable 'e' itself."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-on.js b/tests/lib/rules/valid-v-on.js
index a5ff37d14..911039ea5 100644
--- a/tests/lib/rules/valid-v-on.js
+++ b/tests/lib/rules/valid-v-on.js
@@ -107,12 +107,16 @@ tester.run('valid-v-on', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-on:click></div></template>',
-      errors: ["'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."]
+      errors: [
+        "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div @click></div></template>',
-      errors: ["'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."]
+      errors: [
+        "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index 49f8a8791..ab8307fed 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -93,7 +93,7 @@ tester.run('valid-v-slot', rule, {
           <div v-slot="{data}">{{data}}</div>
         </template>
       `,
-      errors: [{ messageId: 'ownerMustBeCustomElement', data: { name: 'div' }}]
+      errors: [{ messageId: 'ownerMustBeCustomElement', data: { name: 'div' } }]
     },
     {
       code: `
@@ -101,7 +101,9 @@ tester.run('valid-v-slot', rule, {
           <template v-slot:named></template>
         </template>
       `,
-      errors: [{ messageId: 'ownerMustBeCustomElement', data: { name: 'template' }}]
+      errors: [
+        { messageId: 'ownerMustBeCustomElement', data: { name: 'template' } }
+      ]
     },
     {
       code: `
@@ -110,7 +112,7 @@ tester.run('valid-v-slot', rule, {
         </template>
       `,
       errors: [
-        { messageId: 'ownerMustBeCustomElement', data: { name: 'div' }},
+        { messageId: 'ownerMustBeCustomElement', data: { name: 'div' } },
         { messageId: 'namedSlotMustBeOnTemplate' }
       ]
     },
@@ -120,7 +122,7 @@ tester.run('valid-v-slot', rule, {
           <div><template v-slot></template></div>
         </template>
       `,
-      errors: [{ messageId: 'ownerMustBeCustomElement', data: { name: 'div' }}]
+      errors: [{ messageId: 'ownerMustBeCustomElement', data: { name: 'div' } }]
     },
     {
       code: `
diff --git a/tests/lib/utils/html-comments.js b/tests/lib/utils/html-comments.js
index dcda24754..6c9fef348 100644
--- a/tests/lib/utils/html-comments.js
+++ b/tests/lib/utils/html-comments.js
@@ -9,30 +9,37 @@ const assert = chai.assert
 
 const htmlComments = require('../../../lib/utils/html-comments')
 
-const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/utils/html-comments')
+const FIXTURE_ROOT = path.resolve(
+  __dirname,
+  '../../fixtures/utils/html-comments'
+)
 
 /**
  * Load test patterns from fixtures.
  *
  * @returns {object} The loaded patterns.
  */
-function loadPatterns () {
-  return fs
-    .readdirSync(FIXTURE_ROOT)
-    .map(name => {
-      const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, name, 'source.vue'), 'utf8')
-      const code = code0.replace(/^<!--(.+?)-->/, `<test-name>${name}</test-name>`)
-      const option = JSON.parse(/^<!--(.+?)-->/.exec(code0)[1])
-      return { code, name, option }
-    })
+function loadPatterns() {
+  return fs.readdirSync(FIXTURE_ROOT).map((name) => {
+    const code0 = fs.readFileSync(
+      path.join(FIXTURE_ROOT, name, 'source.vue'),
+      'utf8'
+    )
+    const code = code0.replace(
+      /^<!--(.+?)-->/,
+      `<test-name>${name}</test-name>`
+    )
+    const option = JSON.parse(/^<!--(.+?)-->/.exec(code0)[1])
+    return { code, name, option }
+  })
 }
 
-function tokenize (code, option) {
+function tokenize(code, option) {
   const linter = new Linter()
   const result = []
 
-  linter.defineRule('vue/html-comments-test', content =>
-    htmlComments.defineVisitor(content, option, commentTokens => {
+  linter.defineRule('vue/html-comments-test', (content) =>
+    htmlComments.defineVisitor(content, option, (commentTokens) => {
       result.push(commentTokens)
     })
   )
@@ -62,7 +69,10 @@ describe('defineVisitor()', () => {
         // update fixture
         // fs.writeFileSync(path.join(FIXTURE_ROOT, name, 'comment-tokens.json'), actual, 'utf8')
 
-        const expected = fs.readFileSync(path.join(FIXTURE_ROOT, name, 'comment-tokens.json'), 'utf8')
+        const expected = fs.readFileSync(
+          path.join(FIXTURE_ROOT, name, 'comment-tokens.json'),
+          'utf8'
+        )
         assert.strictEqual(actual, expected)
       })
     })
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index 219c94d35..32e074ee8 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -15,22 +15,18 @@ describe('parseMemberExpression', () => {
 
   it('should parse member expression', () => {
     node = parse('this.some.nested.property')
-    assert.deepEqual(
-      utils.parseMemberExpression(node),
-      ['this', 'some', 'nested', 'property']
-    )
+    assert.deepEqual(utils.parseMemberExpression(node), [
+      'this',
+      'some',
+      'nested',
+      'property'
+    ])
 
     node = parse('another.property')
-    assert.deepEqual(
-      utils.parseMemberExpression(node),
-      ['another', 'property']
-    )
+    assert.deepEqual(utils.parseMemberExpression(node), ['another', 'property'])
 
     node = parse('this.something')
-    assert.deepEqual(
-      utils.parseMemberExpression(node),
-      ['this', 'something']
-    )
+    assert.deepEqual(utils.parseMemberExpression(node), ['this', 'something'])
   })
 })
 
@@ -49,10 +45,7 @@ describe('getComputedProperties', () => {
       }
     }`)
 
-    assert.equal(
-      utils.getComputedProperties(node).length,
-      0
-    )
+    assert.equal(utils.getComputedProperties(node).length, 0)
   })
 
   it('should return computed properties', () => {
@@ -197,13 +190,17 @@ describe('parseMemberOrCallExpression', () => {
   }
 
   it('should parse CallExpression', () => {
-    node = parse(`const test = this.lorem['ipsum'].map(d => d.id).filter((a, b) => a > b).reduce((acc, d) => acc + d, 0)`)
+    node = parse(
+      `const test = this.lorem['ipsum'].map(d => d.id).filter((a, b) => a > b).reduce((acc, d) => acc + d, 0)`
+    )
     const parsed = utils.parseMemberOrCallExpression(node)
     assert.equal(parsed, 'this.lorem[].map().filter().reduce()')
   })
 
   it('should parse MemberExpression', () => {
-    node = parse(`const test = this.lorem['ipsum'][0].map(d => d.id).dolor.reduce((acc, d) => acc + d, 0).sit`)
+    node = parse(
+      `const test = this.lorem['ipsum'][0].map(d => d.id).dolor.reduce((acc, d) => acc + d, 0).sit`
+    )
     const parsed = utils.parseMemberOrCallExpression(node)
     assert.equal(parsed, 'this.lorem[][].map().dolor.reduce().sit')
   })
@@ -221,10 +218,7 @@ describe('getRegisteredComponents', () => {
       name: 'test',
     }`)
 
-    assert.equal(
-      utils.getRegisteredComponents(node).length,
-      0
-    )
+    assert.equal(utils.getRegisteredComponents(node).length, 0)
   })
 
   it('should return an array with all registered components', () => {
@@ -242,8 +236,15 @@ describe('getRegisteredComponents', () => {
     }`)
 
     assert.deepEqual(
-      utils.getRegisteredComponents(node).map(c => c.name),
-      ['PrimaryButton', 'secondaryButton', 'the-modal', 'the_dropdown', 'the_input', 'SomeComponent'],
+      utils.getRegisteredComponents(node).map((c) => c.name),
+      [
+        'PrimaryButton',
+        'secondaryButton',
+        'the-modal',
+        'the_dropdown',
+        'the_input',
+        'SomeComponent'
+      ]
     )
   })
 
@@ -261,8 +262,8 @@ describe('getRegisteredComponents', () => {
     }`)
 
     assert.deepEqual(
-      utils.getRegisteredComponents(node).map(c => c.name),
-      ['Foo', 'Quux'],
+      utils.getRegisteredComponents(node).map((c) => c.name),
+      ['Foo', 'Quux']
     )
   })
 })
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index dd06588a3..9f7fd796e 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -8,41 +8,55 @@
 const rules = require('./rules')
 
 const categoryTitles = {
-  'base': {
+  base: {
     text: 'Base Rules (Enabling Correct ESLint Parsing)',
     vuepress: 'Base Rules (Enabling Correct ESLint Parsing)'
   },
   'vue3-essential': {
     text: 'Priority A: Essential (Error Prevention) for Vue.js 3.x',
-    vuepress: 'Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    vuepress:
+      'Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
   'vue3-strongly-recommended': {
-    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x',
-    vuepress: 'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text:
+      'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x',
+    vuepress:
+      'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
   'vue3-recommended': {
-    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x',
-    vuepress: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text:
+      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x',
+    vuepress:
+      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
   'vue3-use-with-caution': {
-    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x',
-    vuepress: 'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text:
+      'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x',
+    vuepress:
+      'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
-  'essential': {
+  essential: {
     text: 'Priority A: Essential (Error Prevention) for Vue.js 2.x',
-    vuepress: 'Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    vuepress:
+      'Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   },
   'strongly-recommended': {
-    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x',
-    vuepress: 'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    text:
+      'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x',
+    vuepress:
+      'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   },
-  'recommended': {
-    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x',
-    vuepress: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+  recommended: {
+    text:
+      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x',
+    vuepress:
+      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   },
   'use-with-caution': {
-    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x',
-    vuepress: 'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    text:
+      'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x',
+    vuepress:
+      'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   }
 }
 const categoryIds = Object.keys(categoryTitles)
@@ -55,16 +69,18 @@ for (const rule of rules) {
     if (categoryId !== 'uncategorized' && !categoryTitles[categoryId]) {
       throw new Error(`Category "${categoryId}" does not have a title defined.`)
     }
-    const catRules = categoryRules[categoryId] || (categoryRules[categoryId] = [])
+    const catRules =
+      categoryRules[categoryId] || (categoryRules[categoryId] = [])
     catRules.push(rule)
   }
 }
 
-module.exports =
-  categoryIds
-    .map(categoryId => ({
-      categoryId,
-      title: categoryTitles[categoryId],
-      rules: (categoryRules[categoryId] || []).filter(rule => !rule.meta.deprecated)
-    }))
-    .filter(category => category.rules.length >= 1)
+module.exports = categoryIds
+  .map((categoryId) => ({
+    categoryId,
+    title: categoryTitles[categoryId],
+    rules: (categoryRules[categoryId] || []).filter(
+      (rule) => !rule.meta.deprecated
+    )
+  }))
+  .filter((category) => category.rules.length >= 1)
diff --git a/tools/lib/configs.js b/tools/lib/configs.js
index 3eedc5422..031f41e67 100644
--- a/tools/lib/configs.js
+++ b/tools/lib/configs.js
@@ -9,7 +9,7 @@ const fs = require('fs')
 const path = require('path')
 const ROOT = path.resolve(__dirname, '../../lib/configs')
 
-module.exports =
-  fs.readdirSync(ROOT)
-    .filter(file => path.extname(file) === '.js')
-    .map(file => path.basename(file, '.js'))
+module.exports = fs
+  .readdirSync(ROOT)
+  .filter((file) => path.extname(file) === '.js')
+  .map((file) => path.basename(file, '.js'))
diff --git a/tools/lib/rules.js b/tools/lib/rules.js
index 846db12ba..745c63595 100644
--- a/tools/lib/rules.js
+++ b/tools/lib/rules.js
@@ -9,20 +9,20 @@ const fs = require('fs')
 const path = require('path')
 const ROOT = path.resolve(__dirname, '../../lib/rules')
 
-module.exports =
-  fs.readdirSync(ROOT)
-    .filter(file => path.extname(file) === '.js')
-    .map(file => path.basename(file, '.js'))
-    .map(name => {
-      const meta = { ...require(path.join(ROOT, name)).meta }
-      if (meta.docs && (!meta.docs.categories && meta.docs.category)) {
-        // for vue3 migration
-        meta.docs = { ...meta.docs }
-        meta.docs.categories = [meta.docs.category]
-      }
-      return {
-        ruleId: `vue/${name}`,
-        name,
-        meta
-      }
-    })
+module.exports = fs
+  .readdirSync(ROOT)
+  .filter((file) => path.extname(file) === '.js')
+  .map((file) => path.basename(file, '.js'))
+  .map((name) => {
+    const meta = { ...require(path.join(ROOT, name)).meta }
+    if (meta.docs && !meta.docs.categories && meta.docs.category) {
+      // for vue3 migration
+      meta.docs = { ...meta.docs }
+      meta.docs.categories = [meta.docs.category]
+    }
+    return {
+      ruleId: `vue/${name}`,
+      name,
+      meta
+    }
+  })
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 23b1172b5..027285d93 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -10,29 +10,35 @@ const rules = require('./lib/rules')
 const categories = require('./lib/categories')
 
 // -----------------------------------------------------------------------------
-const uncategorizedRules = rules.filter(rule => !rule.meta.docs.categories && !rule.meta.deprecated)
-const deprecatedRules = rules.filter(rule => rule.meta.deprecated)
+const uncategorizedRules = rules.filter(
+  (rule) => !rule.meta.docs.categories && !rule.meta.deprecated
+)
+const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
 
-function toRuleRow (rule) {
-  const mark = `${rule.meta.fixable ? ':wrench:' : ''}${rule.meta.deprecated ? ':warning:' : ''}`
+function toRuleRow(rule) {
+  const mark = `${rule.meta.fixable ? ':wrench:' : ''}${
+    rule.meta.deprecated ? ':warning:' : ''
+  }`
   const link = `[${rule.ruleId}](./${rule.name}.md)`
   const description = rule.meta.docs.description || '(no description)'
 
   return `| ${link} | ${description} | ${mark} |`
 }
 
-function toDeprecatedRuleRow (rule) {
+function toDeprecatedRuleRow(rule) {
   const link = `[${rule.ruleId}](./${rule.name}.md)`
   const replacedRules = rule.meta.docs.replacedBy || []
   const replacedBy = replacedRules
-    .map(name => `[vue/${name}](./${name}.md)`)
+    .map((name) => `[vue/${name}](./${name}.md)`)
     .join(', ')
 
   return `| ${link} | ${replacedBy || '(no replacement)'} |`
 }
 
 // -----------------------------------------------------------------------------
-let rulesTableContent = categories.map(category => `
+let rulesTableContent = categories
+  .map(
+    (category) => `
 ## ${category.title.vuepress}
 
 Enforce all the rules in this category, as well as all higher priority rules, with:
@@ -46,7 +52,9 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 ${category.rules.map(toRuleRow).join('\n')}
-`).join('')
+`
+  )
+  .join('')
 
 // -----------------------------------------------------------------------------
 if (uncategorizedRules.length >= 1) {
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 144acdc45..cd1ecea6f 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -26,25 +26,25 @@ const rules = require('./lib/rules')
 const ROOT = path.resolve(__dirname, '../docs/rules')
 
 const presetCategories = {
-  'base': null,
-  'essential': 'base',
+  base: null,
+  essential: 'base',
   'vue3-essential': 'base',
   'strongly-recommended': 'essential',
   'vue3-strongly-recommended': 'vue3-essential',
-  'recommended': 'strongly-recommended',
+  recommended: 'strongly-recommended',
   'vue3-recommended': 'vue3-strongly-recommended'
   // 'use-with-caution': 'recommended',
   // 'vue3-use-with-caution': 'vue3-recommended'
 }
 
-function formatItems (items) {
+function formatItems(items) {
   if (items.length <= 2) {
     return items.join(' and ')
   }
   return `all of ${items.slice(0, -1).join(', ')} and ${last(items)}`
 }
 
-function getPresetIds (categoryIds) {
+function getPresetIds(categoryIds) {
   const subsetCategoryIds = []
   for (const categoryId of categoryIds) {
     for (const subsetCategoryId in presetCategories) {
@@ -60,21 +60,21 @@ function getPresetIds (categoryIds) {
 }
 
 class DocFile {
-  constructor (rule) {
+  constructor(rule) {
     this.rule = rule
     this.filePath = path.join(ROOT, `${rule.name}.md`)
     this.content = fs.readFileSync(this.filePath, 'utf8')
   }
 
-  static read (rule) {
+  static read(rule) {
     return new DocFile(rule)
   }
 
-  write () {
+  write() {
     fs.writeFileSync(this.filePath, this.content)
   }
 
-  updateFileIntro () {
+  updateFileIntro() {
     const { ruleId, meta } = this.rule
 
     const fileIntro = {
@@ -83,7 +83,9 @@ class DocFile {
       title: ruleId,
       description: meta.docs.description
     }
-    const computed = '---\n' + Object.entries(fileIntro).map(item => `${item[0]}: ${item[1]}`).join('\n') + '\n---\n'
+    const computed = `---\n${Object.entries(fileIntro)
+      .map((item) => `${item[0]}: ${item[1]}`)
+      .join('\n')}\n---\n`
 
     const fileIntroPattern = /^---\n(.*\n)+---\n*/g
 
@@ -96,25 +98,35 @@ class DocFile {
     return this
   }
 
-  updateHeader () {
+  updateHeader() {
     const { ruleId, meta } = this.rule
     const title = `# ${ruleId}\n> ${meta.docs.description}`
     const notes = []
 
     if (meta.deprecated) {
       if (meta.docs.replacedBy) {
-        const replacedRules = meta.docs.replacedBy.map(name => `[vue/${name}](${name}.md) rule`)
-        notes.push(`- :warning: This rule was **deprecated** and replaced by ${formatItems(replacedRules)}.`)
+        const replacedRules = meta.docs.replacedBy.map(
+          (name) => `[vue/${name}](${name}.md) rule`
+        )
+        notes.push(
+          `- :warning: This rule was **deprecated** and replaced by ${formatItems(
+            replacedRules
+          )}.`
+        )
       } else {
         notes.push(`- :warning: This rule was **deprecated**.`)
       }
     } else if (meta.docs.categories) {
-      const presets = getPresetIds(meta.docs.categories).map(categoryId => `\`"plugin:vue/${categoryId}"\``)
+      const presets = getPresetIds(meta.docs.categories).map(
+        (categoryId) => `\`"plugin:vue/${categoryId}"\``
+      )
 
       notes.push(`- :gear: This rule is included in ${formatItems(presets)}.`)
     }
     if (meta.fixable) {
-      notes.push(`- :wrench: The \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.`)
+      notes.push(
+        `- :wrench: The \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.`
+      )
     }
 
     // Add an empty line after notes.
@@ -133,7 +145,7 @@ class DocFile {
     return this
   }
 
-  updateCodeBlocks () {
+  updateCodeBlocks() {
     const { meta } = this.rule
 
     this.content = this.content.replace(
@@ -143,7 +155,7 @@ class DocFile {
     return this
   }
 
-  adjustCodeBlocks () {
+  adjustCodeBlocks() {
     // Adjust the necessary blank lines before and after the code block so that GitHub can recognize `.md`.
     this.content = this.content.replace(
       /(<eslint-code-block([\s\S]*?)>)\n+```/gm,
@@ -156,7 +168,7 @@ class DocFile {
     return this
   }
 
-  updateFooter () {
+  updateFooter() {
     const { name } = this.rule
     const footerPattern = /## :mag: Implementation.+$/s
     const footer = `## :mag: Implementation
@@ -175,8 +187,7 @@ class DocFile {
 }
 
 for (const rule of rules) {
-  DocFile
-    .read(rule)
+  DocFile.read(rule)
     .updateHeader()
     .updateFooter()
     .updateCodeBlocks()
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index 773643aad..df19f3619 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -17,26 +17,28 @@ const categories = require('./lib/categories')
 const errorCategories = ['base', 'essential', 'vue3-essential']
 
 const extendsCategories = {
-  'base': null,
-  'essential': 'base',
+  base: null,
+  essential: 'base',
   'vue3-essential': 'base',
   'strongly-recommended': 'essential',
   'vue3-strongly-recommended': 'vue3-essential',
-  'recommended': 'strongly-recommended',
+  recommended: 'strongly-recommended',
   'vue3-recommended': 'vue3-strongly-recommended',
   'use-with-caution': 'recommended',
   'vue3-use-with-caution': 'vue3-recommended'
 }
 
-function formatRules (rules, categoryId) {
+function formatRules(rules, categoryId) {
   const obj = rules.reduce((setting, rule) => {
-    setting[rule.ruleId] = errorCategories.includes(categoryId) ? 'error' : 'warn'
+    setting[rule.ruleId] = errorCategories.includes(categoryId)
+      ? 'error'
+      : 'warn'
     return setting
   }, {})
   return JSON.stringify(obj, null, 2)
 }
 
-function formatCategory (category) {
+function formatCategory(category) {
   const extendsCategoryId = extendsCategories[category.categoryId]
   if (extendsCategoryId == null) {
     return `/*
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 742b10a02..6c93c3a3d 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -26,10 +26,14 @@ const content = `/*
 
 module.exports = {
   rules: {
-    ${rules.map(rule => `'${rule.name}': require('./rules/${rule.name}')`).join(',\n')}
+    ${rules
+      .map((rule) => `'${rule.name}': require('./rules/${rule.name}')`)
+      .join(',\n')}
   },
   configs: {
-    ${configs.map(config => `'${config}': require('./configs/${config}')`).join(',\n')}
+    ${configs
+      .map((config) => `'${config}': require('./configs/${config}')`)
+      .join(',\n')}
   },
   processors: {
     '.vue': require('./processor')
diff --git a/tools/update-no-layout-rules-config.js b/tools/update-no-layout-rules-config.js
index f7b13e3ec..51d622047 100644
--- a/tools/update-no-layout-rules-config.js
+++ b/tools/update-no-layout-rules-config.js
@@ -16,7 +16,7 @@ const rules = require('./lib/rules')
 
 const rulesToDisable = rules.filter(({ meta }) => meta.type === 'layout')
 
-function formatRules (rules) {
+function formatRules(rules) {
   const obj = rules.reduce((setting, rule) => {
     setting[rule.ruleId] = 'off'
     return setting
@@ -24,7 +24,7 @@ function formatRules (rules) {
   return JSON.stringify(obj, null, 2)
 }
 
-function generateConfig (rules) {
+function generateConfig(rules) {
   return `/*
  * IMPORTANT!
  * This file has been automatically generated,

From e0049752f4cec18a8a93aea210d6553ce65c1908 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 26 May 2020 17:30:51 +0900
Subject: [PATCH 0089/1010] Fixed false negatives when using ignorePattern for
 `vue/no-unused-var` rule. (#1163)

---
 lib/rules/no-unused-vars.js       | 28 ++++++++++++++--------------
 tests/lib/rules/no-unused-vars.js |  5 +++++
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 61aee3ff5..37356c9c1 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -35,31 +35,31 @@ module.exports = {
 
   create(context) {
     const option = context.options[0] || {}
-    const pattern = option.ignorePattern
-    let regExp = null
-    if (pattern) {
-      regExp = new RegExp(pattern, 'u')
+    const ignorePattern = option.ignorePattern
+    let ignoreRegEx = null
+    if (ignorePattern) {
+      ignoreRegEx = new RegExp(ignorePattern, 'u')
     }
     return utils.defineTemplateBodyVisitor(context, {
       VElement(node) {
         const variables = node.variables
-
-        for (
-          let i = variables.length - 1;
-          i >= 0 &&
-          !variables[i].references.length &&
-          // eslint-disable-next-line no-unmodified-loop-condition
-          (regExp === null || !regExp.test(variables[i].id.name));
-          i--
-        ) {
+        for (let i = variables.length - 1; i >= 0; i--) {
           const variable = variables[i]
+
+          if (variable.references.length) {
+            break
+          }
+
+          if (ignoreRegEx != null && ignoreRegEx.test(variable.id.name)) {
+            continue
+          }
           context.report({
             node: variable.id,
             loc: variable.id.loc,
             message: `'{{name}}' is defined but never used.`,
             data: variable.id,
             suggest:
-              pattern === '^_'
+              ignorePattern === '^_'
                 ? [
                     {
                       desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index bf8a93777..0c1b85e55 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -157,6 +157,11 @@ tester.run('no-unused-vars', rule, {
     {
       code: '<template><div v-for="_i in foo" ></div></template>',
       errors: ["'_i' is defined but never used."]
+    },
+    {
+      code: '<template><div v-for="(a, _i) in foo" ></div></template>',
+      options: [{ ignorePattern: '^_' }],
+      errors: ["'a' is defined but never used."]
     }
   ]
 })

From d708da60706e44ea25265ca1830c87f5ae8947d1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:18:39 +0900
Subject: [PATCH 0090/1010] Improved closing bracket indentation for
 `vue/html-indent` rule. (#1162)

- Added `closeBracket.startTag`, `closeBracket.endTag` and `closeBracket.selfClosingTag` options to `vue/html-indent` rule.
  So that the closeBracket offset value can be set for each tag type.
- Changed `vue/html-indent` rule to calculate the base point of the indent offset of the closing bracket of the end tag by the start tag.
---
 docs/rules/html-indent.md                     |  6 ++-
 lib/rules/html-indent.js                      | 15 +++++-
 lib/utils/indent-common.js                    | 48 ++++++++++++++++---
 .../fixtures/html-indent/close-bracket-01.vue | 16 +++++++
 .../fixtures/html-indent/close-bracket-02.vue | 16 +++++++
 .../fixtures/html-indent/close-bracket-03.vue | 16 +++++++
 .../fixtures/html-indent/close-bracket-04.vue | 16 +++++++
 .../fixtures/html-indent/close-bracket-05.vue | 16 +++++++
 .../fixtures/html-indent/close-bracket-06.vue | 16 +++++++
 9 files changed, 157 insertions(+), 8 deletions(-)
 create mode 100644 tests/fixtures/html-indent/close-bracket-01.vue
 create mode 100644 tests/fixtures/html-indent/close-bracket-02.vue
 create mode 100644 tests/fixtures/html-indent/close-bracket-03.vue
 create mode 100644 tests/fixtures/html-indent/close-bracket-04.vue
 create mode 100644 tests/fixtures/html-indent/close-bracket-05.vue
 create mode 100644 tests/fixtures/html-indent/close-bracket-06.vue

diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 81e225852..d82ff86eb 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -76,7 +76,11 @@ This rule enforces a consistent indentation style in `<template>`. The default s
 - `type` (`number | "tab"`) ... The type of indentation. Default is `2`. If this is a number, it's the number of spaces for one indent. If this is `"tab"`, it uses one tab for one indent.
 - `attribute` (`integer`) ... The multiplier of indentation for attributes. Default is `1`.
 - `baseIndent` (`integer`) ... The multiplier of indentation for top-level statements. Default is `1`.
-- `closeBracket` (`integer`) ... The multiplier of indentation for right brackets. Default is `0`.
+- `closeBracket` (`integer | object`) ... The multiplier of indentation for right brackets. Default is `0`.  
+  You can apply all of the following by setting a number value.
+  - `closeBracket.startTag` (`integer`) ... The multiplier of indentation for right brackets of start tags (`<div>`). Default is `0`.
+  - `closeBracket.endTag` (`integer`) ... The multiplier of indentation for right brackets of end tags (`</div>`). Default is `0`.
+  - `closeBracket.selfClosingTag` (`integer`) ... The multiplier of indentation for right brackets of start tags (`<div/>`). Default is `0`.
 - `alignAttributesVertically` (`boolean`) ... Condition for whether attributes should be vertically aligned to the first attribute in multiline case or not. Default is `true`
 - `ignores` (`string[]`) ... The selector to ignore nodes. The AST spec is [here](https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md). You can use [esquery](https://github.com/estools/esquery#readme) to select nodes. Default is an empty array.
 
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index d62f6f3a5..9cbea60c7 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -44,7 +44,20 @@ module.exports = {
         properties: {
           attribute: { type: 'integer', minimum: 0 },
           baseIndent: { type: 'integer', minimum: 0 },
-          closeBracket: { type: 'integer', minimum: 0 },
+          closeBracket: {
+            anyOf: [
+              { type: 'integer', minimum: 0 },
+              {
+                type: 'object',
+                properties: {
+                  startTag: { type: 'integer', minimum: 0 },
+                  endTag: { type: 'integer', minimum: 0 },
+                  selfClosingTag: { type: 'integer', minimum: 0 }
+                },
+                additionalProperties: false
+              }
+            ]
+          },
           switchCase: { type: 'integer', minimum: 0 },
           alignAttributesVertically: { type: 'boolean' },
           ignores: {
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 1c8c3838a..a69d7a5d2 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -21,12 +21,26 @@ const BLOCK_COMMENT_PREFIX = /^\s*\*/
 const ITERATION_OPTS = Object.freeze({ includeComments: true, filter: isNotWhitespace })
 const PREFORMATTED_ELEMENT_NAMES = ['pre', 'textarea']
 
+/**
+ * @typedef {object} IndentOptions
+ * @property { " " | "\t" } IndentOptions.indentChar
+ * @property {number} IndentOptions.indentSize
+ * @property {number} IndentOptions.baseIndent
+ * @property {number} IndentOptions.attribute
+ * @property {object} IndentOptions.closeBracket
+ * @property {number} IndentOptions.closeBracket.startTag
+ * @property {number} IndentOptions.closeBracket.endTag
+ * @property {number} IndentOptions.closeBracket.selfClosingTag
+ * @property {number} IndentOptions.switchCase
+ * @property {boolean} IndentOptions.alignAttributesVertically
+ * @property {string[]} IndentOptions.ignores
+ */
 /**
  * Normalize options.
  * @param {number|"tab"|undefined} type The type of indentation.
  * @param {Object} options Other options.
  * @param {Object} defaultOptions The default value of options.
- * @returns {{indentChar:" "|"\t",indentSize:number,baseIndent:number,attribute:number,closeBracket:number,switchCase:number,alignAttributesVertically:boolean,ignores:string[]}} Normalized options.
+ * @returns {IndentOptions} Normalized options.
  */
 function parseOptions (type, options, defaultOptions) {
   const ret = Object.assign({
@@ -34,7 +48,11 @@ function parseOptions (type, options, defaultOptions) {
     indentSize: 2,
     baseIndent: 0,
     attribute: 1,
-    closeBracket: 0,
+    closeBracket: {
+      startTag: 0,
+      endTag: 0,
+      selfClosingTag: 0
+    },
     switchCase: 0,
     alignAttributesVertically: true,
     ignores: []
@@ -54,7 +72,21 @@ function parseOptions (type, options, defaultOptions) {
     ret.attribute = options.attribute
   }
   if (Number.isSafeInteger(options.closeBracket)) {
-    ret.closeBracket = options.closeBracket
+    const num = options.closeBracket
+    ret.closeBracket = {
+      startTag: num,
+      endTag: num,
+      selfClosingTag: num
+    }
+  } else if (options.closeBracket) {
+    ret.closeBracket = Object.assign(
+      {
+        startTag: 0,
+        endTag: 0,
+        selfClosingTag: 0
+      },
+      options.closeBracket
+    )
   }
   if (Number.isSafeInteger(options.switchCase)) {
     ret.switchCase = options.switchCase
@@ -919,11 +951,12 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
     },
 
     VEndTag (node) {
-      const openToken = tokenStore.getFirstToken(node)
+      const element = node.parent
+      const startTagOpenToken = tokenStore.getFirstToken(element.startTag)
       const closeToken = tokenStore.getLastToken(node)
 
       if (closeToken.type.endsWith('TagClose')) {
-        setOffset(closeToken, options.closeBracket, openToken)
+        setOffset(closeToken, options.closeBracket.endTag, startTagOpenToken)
       }
     },
 
@@ -996,7 +1029,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         options.alignAttributesVertically
       )
       if (closeToken != null && closeToken.type.endsWith('TagClose')) {
-        setOffset(closeToken, options.closeBracket, openToken)
+        const offset = closeToken.type !== 'HTMLSelfClosingTagClose'
+          ? options.closeBracket.startTag
+          : options.closeBracket.selfClosingTag
+        setOffset(closeToken, offset, openToken)
       }
     },
 
diff --git a/tests/fixtures/html-indent/close-bracket-01.vue b/tests/fixtures/html-indent/close-bracket-01.vue
new file mode 100644
index 000000000..3307b1454
--- /dev/null
+++ b/tests/fixtures/html-indent/close-bracket-01.vue
@@ -0,0 +1,16 @@
+<!--{}-->
+<template>
+  <a
+    href="#"
+  >Link 1</a
+  >
+  <a
+    href="#"
+  >
+    Link 2</a
+  >
+  <div>Content</div
+  >
+  <div
+  />
+</template>
diff --git a/tests/fixtures/html-indent/close-bracket-02.vue b/tests/fixtures/html-indent/close-bracket-02.vue
new file mode 100644
index 000000000..3f171a69a
--- /dev/null
+++ b/tests/fixtures/html-indent/close-bracket-02.vue
@@ -0,0 +1,16 @@
+<!--{"options":[2, { "closeBracket": 1 }]}-->
+<template>
+  <a
+    href="#"
+    >Link 1</a
+    >
+  <a
+    href="#"
+    >
+    Link 2</a
+    >
+  <div>Content</div
+    >
+  <div
+    />
+</template>
diff --git a/tests/fixtures/html-indent/close-bracket-03.vue b/tests/fixtures/html-indent/close-bracket-03.vue
new file mode 100644
index 000000000..518423c41
--- /dev/null
+++ b/tests/fixtures/html-indent/close-bracket-03.vue
@@ -0,0 +1,16 @@
+<!--{"options":[2, { "closeBracket": { "startTag": 1 } }]}-->
+<template>
+  <a
+    href="#"
+    >Link 1</a
+  >
+  <a
+    href="#"
+    >
+    Link 2</a
+  >
+  <div>Content</div
+  >
+  <div
+  />
+</template>
diff --git a/tests/fixtures/html-indent/close-bracket-04.vue b/tests/fixtures/html-indent/close-bracket-04.vue
new file mode 100644
index 000000000..f90ffc4de
--- /dev/null
+++ b/tests/fixtures/html-indent/close-bracket-04.vue
@@ -0,0 +1,16 @@
+<!--{"options":[2, { "closeBracket": { "endTag": 1 } }]}-->
+<template>
+  <a
+    href="#"
+  >Link 1</a
+    >
+  <a
+    href="#"
+  >
+    Link 2</a
+    >
+  <div>Content</div
+    >
+  <div
+  />
+</template>
diff --git a/tests/fixtures/html-indent/close-bracket-05.vue b/tests/fixtures/html-indent/close-bracket-05.vue
new file mode 100644
index 000000000..b5d48275a
--- /dev/null
+++ b/tests/fixtures/html-indent/close-bracket-05.vue
@@ -0,0 +1,16 @@
+<!--{"options":[2, { "closeBracket": { "selfClosingTag": 1 } }]}-->
+<template>
+  <a
+    href="#"
+  >Link 1</a
+  >
+  <a
+    href="#"
+  >
+    Link 2</a
+  >
+  <div>Content</div
+  >
+  <div
+    />
+</template>
diff --git a/tests/fixtures/html-indent/close-bracket-06.vue b/tests/fixtures/html-indent/close-bracket-06.vue
new file mode 100644
index 000000000..d5bae8ed4
--- /dev/null
+++ b/tests/fixtures/html-indent/close-bracket-06.vue
@@ -0,0 +1,16 @@
+<!--{"options":[2, { "closeBracket": {  "startTag": 1, "endTag": 2, "selfClosingTag": 3 } }]}-->
+<template>
+  <a
+    href="#"
+    >Link 1</a
+      >
+  <a
+    href="#"
+    >
+    Link 2</a
+      >
+  <div>Content</div
+      >
+  <div
+        />
+</template>

From 004559637a257ea17177bec23d2ae3bcb81f6a21 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:19:41 +0900
Subject: [PATCH 0091/1010] Fixed false negatives when `v-for` and `v-slot`
 mixed or use destructuring for `vue/no-unused-var` rule. (#1164)

---
 lib/rules/no-unused-vars.js       | 122 +++++++++++++++++++++++-------
 tests/lib/rules/no-unused-vars.js |  52 +++++++++++++
 2 files changed, 146 insertions(+), 28 deletions(-)

diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 37356c9c1..e808ee7f9 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -6,6 +6,58 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.Node} Node
+ * @typedef {import('vue-eslint-parser').AST.VElement} VElement
+ * @typedef {import('vue-eslint-parser').AST.Variable} Variable
+ */
+/**
+ * @typedef {Variable['kind']} VariableKind
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Groups variables by directive kind.
+ * @param {VElement} node The element node
+ * @returns { { [kind in VariableKind]?: Variable[] } } The variables of grouped by directive kind.
+ */
+function groupingVariables(node) {
+  /** @type { { [kind in VariableKind]?: Variable[] } } */
+  const result = {}
+  for (const variable of node.variables) {
+    const vars = result[variable.kind] || (result[variable.kind] = [])
+    vars.push(variable)
+  }
+  return result
+}
+
+/**
+ * Checks if the given variable was defined by destructuring.
+ * @param {Variable} variable the given variable to check
+ * @returns {boolean} `true` if the given variable was defined by destructuring.
+ */
+function isDestructuringVar(variable) {
+  const node = variable.id
+  /** @type {Node} */
+  let parent = node.parent
+  while (parent) {
+    if (
+      parent.type === 'VForExpression' ||
+      parent.type === 'VSlotScopeExpression'
+    ) {
+      return false
+    }
+    if (parent.type === 'Property' || parent.type === 'ArrayPattern') {
+      return true
+    }
+    parent = parent.parent
+  }
+  return false
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -41,38 +93,52 @@ module.exports = {
       ignoreRegEx = new RegExp(ignorePattern, 'u')
     }
     return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VElement} node
+       */
       VElement(node) {
-        const variables = node.variables
-        for (let i = variables.length - 1; i >= 0; i--) {
-          const variable = variables[i]
+        const vars = groupingVariables(node)
+        for (const variables of Object.values(vars)) {
+          let hasAfterUsed = false
 
-          if (variable.references.length) {
-            break
-          }
+          for (let i = variables.length - 1; i >= 0; i--) {
+            const variable = variables[i]
 
-          if (ignoreRegEx != null && ignoreRegEx.test(variable.id.name)) {
-            continue
-          }
-          context.report({
-            node: variable.id,
-            loc: variable.id.loc,
-            message: `'{{name}}' is defined but never used.`,
-            data: variable.id,
-            suggest:
-              ignorePattern === '^_'
-                ? [
-                    {
-                      desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
-                      fix(fixer) {
-                        return fixer.replaceText(
-                          variable.id,
-                          `_${variable.id.name}`
-                        )
+            if (variable.references.length) {
+              hasAfterUsed = true
+              continue
+            }
+
+            if (ignoreRegEx != null && ignoreRegEx.test(variable.id.name)) {
+              continue
+            }
+
+            if (hasAfterUsed && !isDestructuringVar(variable)) {
+              // If a variable after the variable is used, it will be skipped.
+              continue
+            }
+
+            context.report({
+              node: variable.id,
+              loc: variable.id.loc,
+              message: `'{{name}}' is defined but never used.`,
+              data: variable.id,
+              suggest:
+                ignorePattern === '^_'
+                  ? [
+                      {
+                        desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
+                        fix(fixer) {
+                          return fixer.replaceText(
+                            variable.id,
+                            `_${variable.id.name}`
+                          )
+                        }
                       }
-                    }
-                  ]
-                : []
-          })
+                    ]
+                  : []
+            })
+          }
         }
       }
     })
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index 0c1b85e55..81df799bb 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -162,6 +162,58 @@ tester.run('no-unused-vars', rule, {
       code: '<template><div v-for="(a, _i) in foo" ></div></template>',
       options: [{ ignorePattern: '^_' }],
       errors: ["'a' is defined but never used."]
+    },
+    {
+      code:
+        '<template><my-component v-slot="a" >{{d}}</my-component></template>',
+      errors: ["'a' is defined but never used."]
+    },
+    {
+      code:
+        '<template><my-component v-for="i in foo" v-slot="a" >{{a}}</my-component></template>',
+      errors: ["'i' is defined but never used."]
+    },
+    {
+      code:
+        '<template><my-component v-for="i in foo" v-slot="a" >{{i}}</my-component></template>',
+      errors: ["'a' is defined but never used."]
+    },
+    {
+      code:
+        '<template><div v-for="({a, b}, [c, d], e, f) in foo" >{{f}}</div></template>',
+      errors: [
+        "'a' is defined but never used.",
+        "'b' is defined but never used.",
+        "'c' is defined but never used.",
+        "'d' is defined but never used."
+      ]
+    },
+    {
+      code:
+        '<template><div v-for="({a, b}, c, [d], e, f) in foo" >{{f}}</div></template>',
+      errors: [
+        "'a' is defined but never used.",
+        "'b' is defined but never used.",
+        "'d' is defined but never used."
+      ]
+    },
+    {
+      code:
+        '<template><my-component v-slot="{a, b, c, d}" >{{d}}</my-component></template>',
+      errors: [
+        "'a' is defined but never used.",
+        "'b' is defined but never used.",
+        "'c' is defined but never used."
+      ]
+    },
+    {
+      code:
+        '<template><div v-for="({a, b: bar}, c = 1, [d], e, f) in foo" >{{f}}</div></template>',
+      errors: [
+        "'a' is defined but never used.",
+        "'bar' is defined but never used.",
+        "'d' is defined but never used."
+      ]
     }
   ]
 })

From b89adfaf9bfa55e9d262227d9e753b9d88739051 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:20:58 +0900
Subject: [PATCH 0092/1010] Add `vue/custom-event-name-casing` rule (#1166)

---
 docs/rules/README.md                        |   2 +
 docs/rules/custom-event-name-casing.md      |  63 ++++++
 lib/configs/essential.js                    |   1 +
 lib/configs/vue3-essential.js               |   1 +
 lib/index.js                                |   1 +
 lib/rules/custom-event-name-casing.js       | 221 ++++++++++++++++++++
 tests/lib/rules/custom-event-name-casing.js | 221 ++++++++++++++++++++
 7 files changed, 510 insertions(+)
 create mode 100644 docs/rules/custom-event-name-casing.md
 create mode 100644 lib/rules/custom-event-name-casing.js
 create mode 100644 tests/lib/rules/custom-event-name-casing.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9b32f097d..2df1e96a0 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -38,6 +38,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce custom event names always use "kebab-case" |  |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
@@ -160,6 +161,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce custom event names always use "kebab-case" |  |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
new file mode 100644
index 000000000..cc0153c81
--- /dev/null
+++ b/docs/rules/custom-event-name-casing.md
@@ -0,0 +1,63 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/custom-event-name-casing
+description: enforce custom event names always use "kebab-case"
+---
+# vue/custom-event-name-casing
+> enforce custom event names always use "kebab-case"
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule enforces using kebab-case custom event names.
+
+> Event names will never be used as variable or property names in JavaScript, so there’s no reason to use camelCase or PascalCase. Additionally, `v-on` event listeners inside DOM templates will be automatically transformed to lowercase (due to HTML’s case-insensitivity), so `v-on:myEvent` would become `v-on:myevent` – making `myEvent` impossible to listen to.
+>
+> For these reasons, we recommend you **always use kebab-case for event names**.
+
+See [Guide - Custom Events] for more details.
+
+<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error']}">
+
+```vue
+<template>
+  <!-- ✔ GOOD -->
+  <button @click="$emit('my-event')" />
+
+  <!-- ✘ BAD -->
+  <button @click="$emit('myEvent')" />
+</template>
+<script>
+export default {
+  methods: {
+    onClick () {
+      /* ✔ GOOD */
+      this.$emit('my-event')
+      this.$emit('update:myProp', myProp)
+
+      /* ✘ BAD */
+      this.$emit('myEvent')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Guide - Custom Events]
+
+[Guide - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/custom-event-name-casing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/custom-event-name-casing.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 92a9e7405..9005982b7 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -6,6 +6,7 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
+    'vue/custom-event-name-casing': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-custom-modifiers-on-v-model': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 9ae00e5e1..b2aec42d8 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -6,6 +6,7 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
+    'vue/custom-event-name-casing': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
diff --git a/lib/index.js b/lib/index.js
index 6b5ea2011..8f6e7f4d0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -21,6 +21,7 @@ module.exports = {
     'component-definition-name-casing': require('./rules/component-definition-name-casing'),
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
     'component-tags-order': require('./rules/component-tags-order'),
+    'custom-event-name-casing': require('./rules/custom-event-name-casing'),
     'dot-location': require('./rules/dot-location'),
     eqeqeq: require('./rules/eqeqeq'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
new file mode 100644
index 000000000..cec6f55d7
--- /dev/null
+++ b/lib/rules/custom-event-name-casing.js
@@ -0,0 +1,221 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal
+ * @typedef {import('vue-eslint-parser').AST.ESLintCallExpression} CallExpression
+ */
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+const { isKebabCase } = require('../utils/casing')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Check whether the given event name is valid.
+ * @param {string} name The name to check.
+ * @returns {boolean} `true` if the given event name is valid.
+ */
+function isValidEventName(name) {
+  return isKebabCase(name) || name.startsWith('update:')
+}
+
+/**
+ * Get the name param node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ * @returns { Literal & { value: string } }
+ */
+function getNameParamNode(node) {
+  const nameLiteralNode = node.arguments[0]
+  if (
+    !nameLiteralNode ||
+    nameLiteralNode.type !== 'Literal' ||
+    typeof nameLiteralNode.value !== 'string'
+  ) {
+    // cannot check
+    return null
+  }
+
+  return nameLiteralNode
+}
+/**
+ * Get the callee member node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ */
+function getCalleeMemberNode(node) {
+  const callee = node.callee
+
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
+    if (name) {
+      return { name, member: callee }
+    }
+  }
+  return null
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce custom event names always use "kebab-case"',
+      categories: ['vue3-essential', 'essential'],
+      url: 'https://eslint.vuejs.org/rules/custom-event-name-casing.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: "Custom event name '{{name}}' must be kebab-case."
+    }
+  },
+
+  create(context) {
+    const setupContexts = new Map()
+
+    /**
+     * @param { Literal & { value: string } } nameLiteralNode
+     */
+    function verify(nameLiteralNode) {
+      const name = nameLiteralNode.value
+      if (isValidEventName(name)) {
+        return
+      }
+      context.report({
+        node: nameLiteralNode,
+        messageId: 'unexpected',
+        data: {
+          name
+        }
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        CallExpression(node) {
+          const callee = node.callee
+          const nameLiteralNode = getNameParamNode(node)
+          if (!nameLiteralNode) {
+            // cannot check
+            return
+          }
+          if (callee.type === 'Identifier' && callee.name === '$emit') {
+            verify(nameLiteralNode)
+          }
+        }
+      },
+      utils.compositingVisitors(
+        utils.defineVueVisitor(context, {
+          onSetupFunctionEnter(node, { node: vueNode }) {
+            const contextParam = node.params[1]
+            if (!contextParam) {
+              // no arguments
+              return
+            }
+            if (contextParam.type === 'RestElement') {
+              // cannot check
+              return
+            }
+            if (contextParam.type === 'ArrayPattern') {
+              // cannot check
+              return
+            }
+            const contextReferenceIds = new Set()
+            const emitReferenceIds = new Set()
+            if (contextParam.type === 'ObjectPattern') {
+              const emitProperty = contextParam.properties.find(
+                (p) =>
+                  p.type === 'Property' &&
+                  utils.getStaticPropertyName(p) === 'emit'
+              )
+              if (!emitProperty) {
+                return
+              }
+              const emitParam = emitProperty.value
+              // `setup(props, {emit})`
+              const variable = findVariable(context.getScope(), emitParam)
+              if (!variable) {
+                return
+              }
+              for (const reference of variable.references) {
+                emitReferenceIds.add(reference.identifier)
+              }
+            } else {
+              // `setup(props, context)`
+              const variable = findVariable(context.getScope(), contextParam)
+              if (!variable) {
+                return
+              }
+              for (const reference of variable.references) {
+                contextReferenceIds.add(reference.identifier)
+              }
+            }
+            setupContexts.set(vueNode, {
+              contextReferenceIds,
+              emitReferenceIds
+            })
+          },
+          CallExpression(node, { node: vueNode }) {
+            const nameLiteralNode = getNameParamNode(node)
+            if (!nameLiteralNode) {
+              // cannot check
+              return
+            }
+
+            // verify setup context
+            const setupContext = setupContexts.get(vueNode)
+            if (setupContext) {
+              const { contextReferenceIds, emitReferenceIds } = setupContext
+              if (emitReferenceIds.has(node.callee)) {
+                // verify setup(props,{emit}) {emit()}
+                verify(nameLiteralNode)
+              } else {
+                const emit = getCalleeMemberNode(node)
+                if (
+                  emit &&
+                  emit.name === 'emit' &&
+                  contextReferenceIds.has(emit.member.object)
+                ) {
+                  // verify setup(props,context) {context.emit()}
+                  verify(nameLiteralNode)
+                }
+              }
+            }
+          },
+          onVueObjectExit(node) {
+            setupContexts.delete(node)
+          }
+        }),
+        {
+          CallExpression(node) {
+            const nameLiteralNode = getNameParamNode(node)
+            if (!nameLiteralNode) {
+              // cannot check
+              return
+            }
+            const emit = getCalleeMemberNode(node)
+            // verify $emit
+            if (emit && emit.name === '$emit') {
+              // verify this.$emit()
+              verify(nameLiteralNode)
+            }
+          }
+        }
+      )
+    )
+  }
+}
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
new file mode 100644
index 000000000..b767223e2
--- /dev/null
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -0,0 +1,221 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/custom-event-name-casing')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  }
+})
+
+tester.run('custom-event-name-casing', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('foo-bar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('update:fooBar', value)
+              context.emit('foo-bar')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('foo-bar')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('update:fooBar', value)">
+      </template>
+      <script>
+      export default {
+        setup(props, {emit}) {
+          return {
+            onInput(value) {
+              emit('update:fooBar', value)
+              emit('foo-bar')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('update:fooBar', value)
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="emit('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            $emit('bazQux')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit(fooBar)">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit(barBaz)
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit(bazQux)
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(prop, ...context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(prop, [context]) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(prop, {e}) {
+          return {
+            onInput(value) {
+              e('barBaz')
+            }
+          }
+        },
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('bazQux')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: "Custom event name 'fooBar' must be kebab-case.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 33
+        },
+        {
+          message: "Custom event name 'barBaz' must be kebab-case.",
+          line: 11,
+          column: 28,
+          endLine: 11,
+          endColumn: 36
+        },
+        {
+          message: "Custom event name 'bazQux' must be kebab-case.",
+          line: 17,
+          column: 24,
+          endLine: 17,
+          endColumn: 32
+        }
+      ]
+    }
+  ]
+})

From f35154b67668c4159de5e56345e91b465768bf32 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:23:07 +0900
Subject: [PATCH 0093/1010] Add reportUnusedDisableDirectives option to
 `vue/comment-directive` rule (#1167)

* Add reportUnusedDisableDirectives option to `vue/comment-directive` rule

* Update comment-directive.md

* Update comment-directive.md
---
 docs/rules/comment-directive.md      |  40 ++++-
 lib/processor.js                     | 159 +++++++++++++----
 lib/rules/comment-directive.js       | 244 +++++++++++++++++++++++----
 tests/lib/rules/comment-directive.js | 178 +++++++++++++++++++
 4 files changed, 550 insertions(+), 71 deletions(-)

diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 33ad1fa9d..b6c30b2a6 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -21,8 +21,6 @@ It supports usage of the following comments:
 We can't write HTML comments in tags.
 :::
 
-This rule doesn't throw any warning.
-
 ## :book: Rule Details
 
 ESLint doesn't provide any API to enhance `eslint-disable` functionality and ESLint rules cannot affect other rules. But ESLint provides [processors API](https://eslint.org/docs/developer-guide/working-with-plugins#processors-in-plugins).
@@ -88,9 +86,45 @@ The `eslint-disable`-like comments can include descriptions to explain why the c
 
 </eslint-code-block>
 
+## :wrench: Options
+
+```json
+{
+  "vue/comment-directive": ["error", {
+    "reportUnusedDisableDirectives": false
+  }]
+}
+```
+
+- `reportUnusedDisableDirectives` ... If `true`, to report unused `eslint-disable` HTML comments. default `false`
+
+### `{ "reportUnusedDisableDirectives": true }`
+
+<eslint-code-block :rules="{'vue/comment-directive': ['error', {reportUnusedDisableDirectives: true} ], 'vue/max-attributes-per-line': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <!-- eslint-disable-next-line vue/max-attributes-per-line -->
+  <div a="1" b="2" c="3" d="4" />
+
+  <!-- ✗ BAD -->
+  <!-- eslint-disable-next-line vue/max-attributes-per-line -->
+  <div a="1" />
+</template>
+```
+
+</eslint-code-block>
+
+::: warning Note
+Unused reports cannot be suppressed with `eslint-disable` HTML comments.
+:::
+
 ## :books: Further reading
 
-- [Disabling rules with inline comments](https://eslint.org/docs/user-guide/configuring#disabling-rules-with-inline-comments)
+- [Disabling rules with inline comments]
+
+[Disabling rules with inline comments]: https://eslint.org/docs/user-guide/configuring#disabling-rules-with-inline-comments
 
 ## :mag: Implementation
 
diff --git a/lib/processor.js b/lib/processor.js
index a45827632..b018e0bb8 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -3,64 +3,161 @@
  */
 'use strict'
 
+/**
+ * @typedef {import('eslint').Linter.LintMessage} LintMessage
+ */
+/**
+ * @typedef {object} GroupState
+ * @property {Set<string>} GroupState.disableAllKeys
+ * @property {Map<string, string[]>} GroupState.disableRuleKeys
+ */
+
 module.exports = {
   preprocess(code) {
     return [code]
   },
 
+  /**
+   * @param {LintMessage[][]} messages
+   * @returns {LintMessage[]}
+   */
   postprocess(messages) {
     const state = {
+      /** @type {GroupState} */
       block: {
-        disableAll: false,
-        disableRules: new Set()
+        disableAllKeys: new Set(),
+        disableRuleKeys: new Map()
       },
+      /** @type {GroupState} */
       line: {
-        disableAll: false,
-        disableRules: new Set()
+        disableAllKeys: new Set(),
+        disableRuleKeys: new Map()
       }
     }
+    const usedDisableDirectiveKeys = []
+    /** @type {Map<string,LintMessage>} */
+    const unusedDisableDirectiveReports = new Map()
 
     // Filter messages which are in disabled area.
-    return messages[0].filter((message) => {
+    const filteredMessages = messages[0].filter((message) => {
       if (message.ruleId === 'vue/comment-directive') {
-        const rules = message.message.split(' ')
-        const type = rules.shift()
-        const group = rules.shift()
-        switch (type) {
-          case '--':
-            state[group].disableAll = true
+        const directiveType = message.messageId
+        const data = message.message.split(' ')
+        switch (directiveType) {
+          case 'disableBlock':
+            state.block.disableAllKeys.add(data[1])
+            break
+          case 'disableLine':
+            state.line.disableAllKeys.add(data[1])
+            break
+          case 'enableBlock':
+            state.block.disableAllKeys.clear()
+            break
+          case 'enableLine':
+            state.line.disableAllKeys.clear()
             break
-          case '++':
-            state[group].disableAll = false
+          case 'disableBlockRule':
+            addDisableRule(state.block.disableRuleKeys, data[1], data[2])
             break
-          case '-':
-            for (const rule of rules) {
-              state[group].disableRules.add(rule)
-            }
+          case 'disableLineRule':
+            addDisableRule(state.line.disableRuleKeys, data[1], data[2])
             break
-          case '+':
-            for (const rule of rules) {
-              state[group].disableRules.delete(rule)
-            }
+          case 'enableBlockRule':
+            state.block.disableRuleKeys.delete(data[1])
+            break
+          case 'enableLineRule':
+            state.line.disableRuleKeys.delete(data[1])
             break
           case 'clear':
-            state.block.disableAll = false
-            state.block.disableRules.clear()
-            state.line.disableAll = false
-            state.line.disableRules.clear()
+            state.block.disableAllKeys.clear()
+            state.block.disableRuleKeys.clear()
+            state.line.disableAllKeys.clear()
+            state.line.disableRuleKeys.clear()
+            break
+          default:
+            // unused eslint-disable comments report
+            unusedDisableDirectiveReports.set(messageToKey(message), message)
             break
         }
         return false
       } else {
-        return !(
-          state.block.disableAll ||
-          state.line.disableAll ||
-          state.block.disableRules.has(message.ruleId) ||
-          state.line.disableRules.has(message.ruleId)
-        )
+        const disableDirectiveKeys = []
+        if (state.block.disableAllKeys.size) {
+          disableDirectiveKeys.push(...state.block.disableAllKeys)
+        }
+        if (state.line.disableAllKeys.size) {
+          disableDirectiveKeys.push(...state.line.disableAllKeys)
+        }
+        if (state.block.disableRuleKeys.has(message.ruleId)) {
+          disableDirectiveKeys.push(
+            ...state.block.disableRuleKeys.get(message.ruleId)
+          )
+        }
+        if (state.line.disableRuleKeys.has(message.ruleId)) {
+          disableDirectiveKeys.push(
+            ...state.line.disableRuleKeys.get(message.ruleId)
+          )
+        }
+
+        if (disableDirectiveKeys.length) {
+          // Store used eslint-disable comment key
+          usedDisableDirectiveKeys.push(...disableDirectiveKeys)
+          return false
+        } else {
+          return true
+        }
       }
     })
+
+    if (unusedDisableDirectiveReports.size) {
+      for (const key of usedDisableDirectiveKeys) {
+        // Remove used eslint-disable comments
+        unusedDisableDirectiveReports.delete(key)
+      }
+      // Reports unused eslint-disable comments
+      filteredMessages.push(...unusedDisableDirectiveReports.values())
+      filteredMessages.sort(compareLocations)
+    }
+
+    return filteredMessages
   },
 
   supportsAutofix: true
 }
+
+/**
+ * @param {Map<string, string[]>} disableRuleKeys
+ * @param {string} rule
+ * @param {string} key
+ */
+function addDisableRule(disableRuleKeys, rule, key) {
+  let keys = disableRuleKeys.get(rule)
+  if (keys) {
+    keys.push(key)
+  } else {
+    keys = [key]
+    disableRuleKeys.set(rule, keys)
+  }
+}
+
+/**
+ * @param {LintMessage} message
+ * @returns {string} message key
+ */
+function messageToKey(message) {
+  return `line:${message.line},column${
+    // -1 because +1 by ESLint's `report-translator`.
+    message.column - 1
+  }`
+}
+
+/**
+ * Compares the locations of two objects in a source file
+ * @param {{line: number, column: number}} itemA The first object
+ * @param {{line: number, column: number}} itemB The second object
+ * @returns {number} A value less than 1 if itemA appears before itemB in the source file, greater than 1 if
+ * itemA appears after itemB in the source file, or 0 if itemA and itemB have the same location.
+ */
+function compareLocations(itemA, itemB) {
+  return itemA.line - itemB.line || itemA.column - itemB.column
+}
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 9b3842ca9..74d528a96 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -5,12 +5,24 @@
 
 'use strict'
 
+/**
+ * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ * @typedef {import('vue-eslint-parser').AST.VDocumentFragment} VDocumentFragment
+ * @typedef {import('vue-eslint-parser').AST.VElement} VElement
+ * @typedef {import('vue-eslint-parser').AST.Token} Token
+ * @typedef {import('vue-eslint-parser').AST.Location} Location
+ */
+/**
+ * @typedef {object} RuleAndLocation
+ * @property {string} RuleAndLocation.ruleId
+ * @property {number} RuleAndLocation.index
+ */
 // -----------------------------------------------------------------------------
 // Helpers
 // -----------------------------------------------------------------------------
 
-const COMMENT_DIRECTIVE_B = /^\s*(eslint-(?:en|dis)able)(?:\s+(\S|\S[\s\S]*\S))?\s*$/
-const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+(\S|\S[\s\S]*\S))?\s*$/
+const COMMENT_DIRECTIVE_B = /^\s*(eslint-(?:en|dis)able)(?:\s+|$)/
+const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+|$)/
 
 /**
  * Remove the ignored part from a given directive comment and trim it.
@@ -18,26 +30,40 @@ const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+(\S|\S[\s\
  * @returns {string} The stripped text.
  */
 function stripDirectiveComment(value) {
-  return value.split(/\s-{2,}\s/u)[0].trim()
+  return value.split(/\s-{2,}\s/u)[0]
 }
 
 /**
  * Parse a given comment.
  * @param {RegExp} pattern The RegExp pattern to parse.
  * @param {string} comment The comment value to parse.
- * @returns {({type:string,rules:string[]})|null} The parsing result.
+ * @returns {({type:string,rules:RuleAndLocation[]})|null} The parsing result.
  */
 function parse(pattern, comment) {
-  const match = pattern.exec(stripDirectiveComment(comment))
+  const text = stripDirectiveComment(comment)
+  const match = pattern.exec(text)
   if (match == null) {
     return null
   }
 
   const type = match[1]
-  const rules = (match[2] || '')
-    .split(',')
-    .map((s) => s.trim())
-    .filter(Boolean)
+
+  /** @type {RuleAndLocation[]} */
+  const rules = []
+
+  const rulesRe = /([^,\s]+)[,\s]*/g
+  let startIndex = match[0].length
+  rulesRe.lastIndex = startIndex
+
+  let res
+  while ((res = rulesRe.exec(text))) {
+    const ruleId = res[1].trim()
+    rules.push({
+      ruleId,
+      index: startIndex
+    })
+    startIndex = rulesRe.lastIndex
+  }
 
   return { type, rules }
 }
@@ -46,18 +72,21 @@ function parse(pattern, comment) {
  * Enable rules.
  * @param {RuleContext} context The rule context.
  * @param {{line:number,column:number}} loc The location information to enable.
- * @param {string} group The group to enable.
- * @param {string[]} rules The rule IDs to enable.
+ * @param { 'block' | 'line' } group The group to enable.
+ * @param {string | null} rule The rule ID to enable.
  * @returns {void}
  */
-function enable(context, loc, group, rules) {
-  if (rules.length === 0) {
-    context.report({ loc, message: '++ {{group}}', data: { group } })
+function enable(context, loc, group, rule) {
+  if (!rule) {
+    context.report({
+      loc,
+      messageId: group === 'block' ? 'enableBlock' : 'enableLine'
+    })
   } else {
     context.report({
       loc,
-      message: '+ {{group}} {{rules}}',
-      data: { group, rules: rules.join(' ') }
+      messageId: group === 'block' ? 'enableBlockRule' : 'enableLineRule',
+      data: { rule }
     })
   }
 }
@@ -66,18 +95,23 @@ function enable(context, loc, group, rules) {
  * Disable rules.
  * @param {RuleContext} context The rule context.
  * @param {{line:number,column:number}} loc The location information to disable.
- * @param {string} group The group to disable.
- * @param {string[]} rules The rule IDs to disable.
+ * @param { 'block' | 'line' } group The group to disable.
+ * @param {string | null} rule The rule ID to disable.
+ * @param {string} key The disable directive key.
  * @returns {void}
  */
-function disable(context, loc, group, rules) {
-  if (rules.length === 0) {
-    context.report({ loc, message: '-- {{group}}', data: { group } })
+function disable(context, loc, group, rule, key) {
+  if (!rule) {
+    context.report({
+      loc,
+      messageId: group === 'block' ? 'disableBlock' : 'disableLine',
+      data: { key }
+    })
   } else {
     context.report({
       loc,
-      message: '- {{group}} {{rules}}',
-      data: { group, rules: rules.join(' ') }
+      messageId: group === 'block' ? 'disableBlockRule' : 'disableLineRule',
+      data: { rule, key }
     })
   }
 }
@@ -87,15 +121,40 @@ function disable(context, loc, group, rules) {
  * If the comment is `eslint-disable` or `eslint-enable` then it reports the comment.
  * @param {RuleContext} context The rule context.
  * @param {Token} comment The comment token to process.
+ * @param {boolean} reportUnusedDisableDirectives To report unused eslint-disable comments.
  * @returns {void}
  */
-function processBlock(context, comment) {
+function processBlock(context, comment, reportUnusedDisableDirectives) {
   const parsed = parse(COMMENT_DIRECTIVE_B, comment.value)
   if (parsed != null) {
     if (parsed.type === 'eslint-disable') {
-      disable(context, comment.loc.start, 'block', parsed.rules)
+      if (parsed.rules.length) {
+        const rules = reportUnusedDisableDirectives
+          ? reportUnusedRules(context, comment, parsed.type, parsed.rules)
+          : parsed.rules
+        for (const rule of rules) {
+          disable(
+            context,
+            comment.loc.start,
+            'block',
+            rule.ruleId,
+            rule.key || '*'
+          )
+        }
+      } else {
+        const key = reportUnusedDisableDirectives
+          ? reportUnused(context, comment, parsed.type)
+          : ''
+        disable(context, comment.loc.start, 'block', null, key)
+      }
     } else {
-      enable(context, comment.loc.start, 'block', parsed.rules)
+      if (parsed.rules.length) {
+        for (const rule of parsed.rules) {
+          enable(context, comment.loc.start, 'block', rule.ruleId)
+        }
+      } else {
+        enable(context, comment.loc.start, 'block', null)
+      }
     }
   }
 }
@@ -105,26 +164,109 @@ function processBlock(context, comment) {
  * If the comment is `eslint-disable-line` or `eslint-disable-next-line` then it reports the comment.
  * @param {RuleContext} context The rule context.
  * @param {Token} comment The comment token to process.
+ * @param {boolean} reportUnusedDisableDirectives To report unused eslint-disable comments.
  * @returns {void}
  */
-function processLine(context, comment) {
+function processLine(context, comment, reportUnusedDisableDirectives) {
   const parsed = parse(COMMENT_DIRECTIVE_L, comment.value)
   if (parsed != null && comment.loc.start.line === comment.loc.end.line) {
     const line =
       comment.loc.start.line + (parsed.type === 'eslint-disable-line' ? 0 : 1)
     const column = -1
-    disable(context, { line, column }, 'line', parsed.rules)
-    enable(context, { line: line + 1, column }, 'line', parsed.rules)
+    if (parsed.rules.length) {
+      const rules = reportUnusedDisableDirectives
+        ? reportUnusedRules(context, comment, parsed.type, parsed.rules)
+        : parsed.rules
+      for (const rule of rules) {
+        disable(context, { line, column }, 'line', rule.ruleId, rule.key || '')
+        enable(context, { line: line + 1, column }, 'line', rule.ruleId)
+      }
+    } else {
+      const key = reportUnusedDisableDirectives
+        ? reportUnused(context, comment, parsed.type)
+        : ''
+      disable(context, { line, column }, 'line', null, key)
+      enable(context, { line: line + 1, column }, 'line', null)
+    }
   }
 }
 
+/**
+ * Reports unused disable directive.
+ * Do not check the use of directives here. Filter the directives used with postprocess.
+ * @param {RuleContext} context The rule context.
+ * @param {Token} comment The comment token to report.
+ * @param {string} kind The comment directive kind.
+ * @returns {string} The report key
+ */
+function reportUnused(context, comment, kind) {
+  const loc = comment.loc
+
+  context.report({
+    loc,
+    messageId: 'unused',
+    data: { kind }
+  })
+
+  return locToKey(loc.start)
+}
+
+/**
+ * Reports unused disable directive rules.
+ * Do not check the use of directives here. Filter the directives used with postprocess.
+ * @param {RuleContext} context The rule context.
+ * @param {Token} comment The comment token to report.
+ * @param {string} kind The comment directive kind.
+ * @param {RuleAndLocation[]} rules To report rule.
+ * @returns { { ruleId: string; key: string; }[] }
+ */
+function reportUnusedRules(context, comment, kind, rules) {
+  const sourceCode = context.getSourceCode()
+  const commentStart = comment.range[0] + 4 /* <!-- */
+
+  return rules.map((rule) => {
+    const start = sourceCode.getLocFromIndex(commentStart + rule.index)
+    const end = sourceCode.getLocFromIndex(
+      commentStart + rule.index + rule.ruleId.length
+    )
+
+    context.report({
+      loc: { start, end },
+      messageId: 'unusedRule',
+      data: { rule: rule.ruleId, kind }
+    })
+
+    return {
+      ruleId: rule.ruleId,
+      key: locToKey(start)
+    }
+  })
+}
+
+/**
+ * Gets the key of location
+ * @param {Location} location The location
+ * @returns {string} The key
+ */
+function locToKey(location) {
+  return `line:${location.line},column${location.column}`
+}
+
 /**
  * Extracts the top-level elements in document fragment.
  * @param {VDocumentFragment} documentFragment The document fragment.
  * @returns {VElement[]} The top-level elements
  */
 function extractTopLevelHTMLElements(documentFragment) {
-  return documentFragment.children.filter((e) => e.type === 'VElement')
+  return documentFragment.children.filter(isVElement)
+
+  /**
+   * @param {any} e
+   * @returns {e is VElement}
+   */
+  function isVElement(e) {
+    return e.type === 'VElement'
+  }
 }
 /**
  * Extracts the top-level comments in document fragment.
@@ -155,10 +297,38 @@ module.exports = {
       categories: ['base'],
       url: 'https://eslint.vuejs.org/rules/comment-directive.html'
     },
-    schema: []
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          reportUnusedDisableDirectives: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      disableBlock: '--block {{key}}',
+      enableBlock: '++block',
+      disableLine: '--line {{key}}',
+      enableLine: '++line',
+      disableBlockRule: '-block {{rule}} {{key}}',
+      enableBlockRule: '+block {{rule}}',
+      disableLineRule: '-line {{rule}} {{key}}',
+      enableLineRule: '+line {{rule}}',
+      clear: 'clear',
+
+      unused: 'Unused {{kind}} directive (no problems were reported).',
+      unusedRule:
+        "Unused {{kind}} directive (no problems were reported from '{{rule}}')."
+    }
   },
 
   create(context) {
+    const options = context.options[0] || {}
+    /** @type {boolean} */
+    const reportUnusedDisableDirectives = options.reportUnusedDisableDirectives
     const documentFragment =
       context.parserServices.getDocumentFragment &&
       context.parserServices.getDocumentFragment()
@@ -168,14 +338,14 @@ module.exports = {
         if (node.templateBody) {
           // Send directives to the post-process.
           for (const comment of node.templateBody.comments) {
-            processBlock(context, comment)
-            processLine(context, comment)
+            processBlock(context, comment, reportUnusedDisableDirectives)
+            processLine(context, comment, reportUnusedDisableDirectives)
           }
 
           // Send a clear mark to the post-process.
           context.report({
             loc: node.templateBody.loc.end,
-            message: 'clear'
+            messageId: 'clear'
           })
         }
         if (documentFragment) {
@@ -183,15 +353,15 @@ module.exports = {
           for (const comment of extractTopLevelDocumentFragmentComments(
             documentFragment
           )) {
-            processBlock(context, comment)
-            processLine(context, comment)
+            processBlock(context, comment, reportUnusedDisableDirectives)
+            processLine(context, comment, reportUnusedDisableDirectives)
           }
 
           // Send a clear mark to the post-process.
           for (const element of extractTopLevelHTMLElements(documentFragment)) {
             context.report({
               loc: element.loc.end,
-              message: 'clear'
+              messageId: 'clear'
             })
           }
         }
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index f112df008..4b46a88b0 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -130,6 +130,19 @@ describe('comment-directive', () => {
       assert.strictEqual(messages.length, 1)
       assert.strictEqual(messages[0].ruleId, 'no-unused-vars')
     })
+
+    it('disable specific rules if <!-- eslint-disable vue/no-duplicate-attributes ,, , vue/no-parsing-error -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable vue/no-duplicate-attributes ,, , vue/no-parsing-error -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 0)
+    })
   })
 
   describe('eslint-disable-line', () => {
@@ -373,4 +386,169 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
     })
   })
+
+  describe('reportUnusedDisableDirectives', () => {
+    const linter = new eslint.CLIEngine({
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 2015
+      },
+      plugins: ['vue'],
+      rules: {
+        'no-unused-vars': 'error',
+        'vue/comment-directive': [
+          'error',
+          { reportUnusedDisableDirectives: true }
+        ],
+        'vue/no-parsing-error': 'error',
+        'vue/no-duplicate-attributes': 'error'
+      },
+      useEslintrc: false
+    })
+    it('report unused <!-- eslint-disable -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable -->
+          <div id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 1)
+      assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+      assert.deepEqual(
+        messages[0].message,
+        'Unused eslint-disable directive (no problems were reported).'
+      )
+      assert.deepEqual(messages[0].line, 3)
+      assert.deepEqual(messages[0].column, 11)
+    })
+
+    it('dont report unused <!-- eslint-disable -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+    it('disable and report unused <!-- eslint-disable -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable -->
+          <div id id="a">Hello</div>
+          <!-- eslint-enable -->
+          <!-- eslint-disable -->
+          <div id="b">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 1)
+      assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+      assert.deepEqual(
+        messages[0].message,
+        'Unused eslint-disable directive (no problems were reported).'
+      )
+      assert.deepEqual(messages[0].line, 6)
+      assert.deepEqual(messages[0].column, 11)
+    })
+
+    it('report unused <!-- eslint-disable vue/no-duplicate-attributes, vue/no-parsing-error -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable vue/no-duplicate-attributes, vue/no-parsing-error -->
+          <div id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 2)
+
+      assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+      assert.deepEqual(
+        messages[0].message,
+        "Unused eslint-disable directive (no problems were reported from 'vue/no-duplicate-attributes')."
+      )
+      assert.deepEqual(messages[0].line, 3)
+      assert.deepEqual(messages[0].column, 31)
+
+      assert.deepEqual(messages[1].ruleId, 'vue/comment-directive')
+      assert.deepEqual(
+        messages[1].message,
+        "Unused eslint-disable directive (no problems were reported from 'vue/no-parsing-error')."
+      )
+      assert.deepEqual(messages[1].line, 3)
+      assert.deepEqual(messages[1].column, 60)
+    })
+
+    it('report unused <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->
+          <div id="a">Hello</div>
+          <div id id="b">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 4)
+
+      assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+      assert.deepEqual(
+        messages[0].message,
+        "Unused eslint-disable-next-line directive (no problems were reported from 'vue/no-duplicate-attributes')."
+      )
+      assert.deepEqual(messages[0].line, 3)
+      assert.deepEqual(messages[0].column, 41)
+
+      assert.deepEqual(messages[1].ruleId, 'vue/comment-directive')
+      assert.deepEqual(
+        messages[1].message,
+        "Unused eslint-disable-next-line directive (no problems were reported from 'vue/no-parsing-error')."
+      )
+      assert.deepEqual(messages[1].line, 3)
+      assert.deepEqual(messages[1].column, 70)
+
+      assert.deepEqual(messages[2].ruleId, 'vue/no-parsing-error')
+      assert.deepEqual(messages[2].line, 5)
+      assert.deepEqual(messages[3].ruleId, 'vue/no-duplicate-attributes')
+      assert.deepEqual(messages[3].line, 5)
+    })
+
+    it('dont report used <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->
+          <div id id="a">Hello</div>
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+
+    it('dont report used, with duplicate eslint-disable', () => {
+      const code = `
+        <template>
+          <!-- eslint-disable -->
+          <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->
+          <div id id="a">Hello</div><!-- eslint-disable-line vue/no-duplicate-attributes, vue/no-parsing-error -->
+        </template>
+      `
+      const messages = linter.executeOnText(code, 'test.vue').results[0]
+        .messages
+
+      assert.deepEqual(messages.length, 0)
+    })
+  })
 })

From 55646bd8d6069d8ba1fdab0b0d54b118e9d83235 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:24:18 +0900
Subject: [PATCH 0094/1010] Fixed false positives for watch with properties in
 `vue/no-unused-properties` rule. (#1169)

---
 lib/rules/no-unused-properties.js       |  6 +++++-
 tests/lib/rules/no-unused-properties.js | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 4c9c0e418..39c6a8267 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -433,7 +433,11 @@ module.exports = {
             node,
             new Set([GROUP_WATCHER])
           )) {
-            watcherNames.add(watcher.name)
+            let path
+            for (const seg of watcher.name.split('.')) {
+              path = path ? `${path}.${seg}` : seg
+              watcherNames.add(path)
+            }
           }
           for (const prop of utils.iterateProperties(node, groups)) {
             if (watcherNames.has(prop.name)) {
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index b9f984afc..7c37da2f8 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -248,6 +248,21 @@ tester.run('no-unused-properties', rule, {
       `,
       options: allOptions
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo'],
+            watch: {
+              'foo.bar'() {
+                alert('Increased!');
+              },
+            },
+          };
+        </script>
+      `
+    },
 
     // data used as a template identifier
     {

From 4991cd6aa5656455355da541110161c50a317758 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:25:02 +0900
Subject: [PATCH 0095/1010] Fixed an error for v-slot in `vue/comma-style`
 rule. (#1170)

---
 lib/rules/comma-style.js       |  4 +++-
 tests/lib/rules/comma-style.js | 38 ++++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index 4f7f32b2d..40772dc37 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -10,7 +10,9 @@ module.exports = wrapCoreRule(require('eslint/lib/rules/comma-style'), {
   create(_context, { coreHandlers }) {
     return {
       VSlotScopeExpression(node) {
-        coreHandlers.FunctionExpression(node)
+        if (coreHandlers.FunctionExpression) {
+          coreHandlers.FunctionExpression(node)
+        }
       }
     }
   }
diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
index 39135a697..f02c3e6d9 100644
--- a/tests/lib/rules/comma-style.js
+++ b/tests/lib/rules/comma-style.js
@@ -34,6 +34,23 @@ tester.run('comma-style', rule, {
             , data) => fn()" />
         </template>`,
       options: ['first', { exceptions: { ArrowFunctionExpression: false } }]
+    },
+    {
+      code: `
+        <template>
+          <CustomButton v-slot="a,
+            b
+            ,c" />
+        </template>`
+    },
+    {
+      code: `
+        <template>
+          <CustomButton v-slot="a,
+            b
+            ,c" />
+        </template>`,
+      options: ['first', { exceptions: { FunctionExpression: true } }]
     }
   ],
   invalid: [
@@ -119,6 +136,27 @@ tester.run('comma-style', rule, {
           // line: 3 // eslint v7.0
         }
       ]
+    },
+    {
+      code: `
+        <template>
+          <CustomButton v-slot="a,
+            b
+            ,c" />
+        </template>`,
+      options: ['last', { exceptions: { FunctionExpression: false } }],
+      output: `
+        <template>
+          <CustomButton v-slot="a,
+            b,
+            c" />
+        </template>`,
+      errors: [
+        {
+          message: "',' should be placed last."
+          // line: 3 // eslint v7.0
+        }
+      ]
     }
   ]
 })

From 4cd77348cbbf707b7ce1b64a5788764287427082 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:25:58 +0900
Subject: [PATCH 0096/1010] Add `vue/no-useless-concat` rule (#1171)

---
 docs/rules/README.md                 |  1 +
 docs/rules/no-useless-concat.md      | 21 +++++++++++++++++++
 lib/index.js                         |  1 +
 lib/rules/no-useless-concat.js       |  9 +++++++++
 tests/lib/rules/no-useless-concat.js | 30 ++++++++++++++++++++++++++++
 5 files changed, 62 insertions(+)
 create mode 100644 docs/rules/no-useless-concat.md
 create mode 100644 lib/rules/no-useless-concat.js
 create mode 100644 tests/lib/rules/no-useless-concat.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 2df1e96a0..51b32d5a3 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -304,6 +304,7 @@ For example:
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
+| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
new file mode 100644
index 000000000..d05841f14
--- /dev/null
+++ b/docs/rules/no-useless-concat.md
@@ -0,0 +1,21 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-useless-concat
+description: disallow unnecessary concatenation of literals or template literals
+---
+# vue/no-useless-concat
+> disallow unnecessary concatenation of literals or template literals
+
+This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [no-useless-concat]
+
+[no-useless-concat]: https://eslint.org/docs/rules/no-useless-concat
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-concat.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-useless-concat.js)
diff --git a/lib/index.js b/lib/index.js
index 8f6e7f4d0..1f2f1ffd7 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -92,6 +92,7 @@ module.exports = {
     'no-unused-properties': require('./rules/no-unused-properties'),
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
+    'no-useless-concat': require('./rules/no-useless-concat'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
diff --git a/lib/rules/no-useless-concat.js b/lib/rules/no-useless-concat.js
new file mode 100644
index 000000000..9038b9b93
--- /dev/null
+++ b/lib/rules/no-useless-concat.js
@@ -0,0 +1,9 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(require('eslint/lib/rules/no-useless-concat'))
diff --git a/tests/lib/rules/no-useless-concat.js b/tests/lib/rules/no-useless-concat.js
new file mode 100644
index 000000000..72e1ca551
--- /dev/null
+++ b/tests/lib/rules/no-useless-concat.js
@@ -0,0 +1,30 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-useless-concat')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-useless-concat', rule, {
+  valid: [
+    `<template><div :attr="'foo-bar'" /></template>`,
+    '<template><div attr="foo-bar" /></template>',
+    `<template><div :[\`foo-bar\`]="a" /></template>`
+  ],
+  invalid: [
+    {
+      code: `<template><div :attr="'foo'+'bar'" /></template>`,
+      errors: ['Unexpected string concatenation of literals.']
+    },
+    {
+      code: `<template><div :[\`foo\`+\`bar\`]="a" /></template>`,
+      errors: ['Unexpected string concatenation of literals.']
+    }
+  ]
+})

From 7fd2e42dce53a826cc584aeb89e558a00f89fae6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:27:07 +0900
Subject: [PATCH 0097/1010] Add `vue/dot-notation` rule (#1173)

---
 docs/rules/README.md            |  1 +
 docs/rules/dot-notation.md      | 23 ++++++++++++++++++++++
 lib/index.js                    |  1 +
 lib/rules/dot-notation.js       |  9 +++++++++
 tests/lib/rules/dot-notation.js | 34 +++++++++++++++++++++++++++++++++
 5 files changed, 68 insertions(+)
 create mode 100644 docs/rules/dot-notation.md
 create mode 100644 lib/rules/dot-notation.js
 create mode 100644 tests/lib/rules/dot-notation.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 51b32d5a3..87b825a04 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -283,6 +283,7 @@ For example:
 | [vue/comma-style](./comma-style.md) | enforce consistent comma style | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
+| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
new file mode 100644
index 000000000..17c21d3b5
--- /dev/null
+++ b/docs/rules/dot-notation.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/dot-notation
+description: enforce dot notation whenever possible
+---
+# vue/dot-notation
+> enforce dot notation whenever possible
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [dot-notation] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [dot-notation]
+
+[dot-notation]: https://eslint.org/docs/rules/dot-notation
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-notation.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-notation.js)
diff --git a/lib/index.js b/lib/index.js
index 1f2f1ffd7..d5fc21229 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -23,6 +23,7 @@ module.exports = {
     'component-tags-order': require('./rules/component-tags-order'),
     'custom-event-name-casing': require('./rules/custom-event-name-casing'),
     'dot-location': require('./rules/dot-location'),
+    'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
     'html-closing-bracket-spacing': require('./rules/html-closing-bracket-spacing'),
diff --git a/lib/rules/dot-notation.js b/lib/rules/dot-notation.js
new file mode 100644
index 000000000..68633b30d
--- /dev/null
+++ b/lib/rules/dot-notation.js
@@ -0,0 +1,9 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(require('eslint/lib/rules/dot-notation'))
diff --git a/tests/lib/rules/dot-notation.js b/tests/lib/rules/dot-notation.js
new file mode 100644
index 000000000..eea4c1928
--- /dev/null
+++ b/tests/lib/rules/dot-notation.js
@@ -0,0 +1,34 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/dot-notation')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('dot-notation', rule, {
+  valid: [
+    `<template><div :attr="foo.bar" /></template>`,
+    '<template><div attr="foo[\'bar\']" /></template>',
+    `<template><div :[foo.bar]="a" /></template>`,
+    `<template><div :attr="foo[bar]" /></template>`,
+    `<template><div :[foo[bar]]="a" /></template>`
+  ],
+  invalid: [
+    {
+      code: `<template><div :attr="foo['bar']" /></template>`,
+      output: `<template><div :attr="foo.bar" /></template>`,
+      errors: ['["bar"] is better written in dot notation.']
+    },
+    {
+      code: `<template><div :[foo[\`bar\`]]="a" /></template>`,
+      output: `<template><div :[foo.bar]="a" /></template>`,
+      errors: ['[`bar`] is better written in dot notation.']
+    }
+  ]
+})

From 345dd2aa22f9a9ab7369bce8b0e166e14ba32734 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:38:42 +0900
Subject: [PATCH 0098/1010] Update docs to clarify rules that extend ESlint
 core rules. (#1174)

---
 docs/.vuepress/config.js              | 21 ++++++++++-
 docs/rules/README.md                  | 53 +++++++++++++++------------
 docs/rules/array-bracket-spacing.md   |  2 +
 docs/rules/arrow-spacing.md           |  2 +
 docs/rules/block-spacing.md           |  2 +
 docs/rules/brace-style.md             |  2 +
 docs/rules/camelcase.md               |  2 +
 docs/rules/comma-dangle.md            |  2 +
 docs/rules/comma-spacing.md           |  2 +
 docs/rules/comma-style.md             |  2 +
 docs/rules/dot-location.md            |  2 +
 docs/rules/dot-notation.md            |  2 +
 docs/rules/eqeqeq.md                  |  2 +
 docs/rules/key-spacing.md             |  2 +
 docs/rules/keyword-spacing.md         |  2 +
 docs/rules/max-len.md                 |  2 +
 docs/rules/no-empty-pattern.md        |  2 +
 docs/rules/no-extra-parens.md         |  2 +
 docs/rules/no-irregular-whitespace.md |  2 +
 docs/rules/no-restricted-syntax.md    |  2 +
 docs/rules/no-useless-concat.md       |  2 +
 docs/rules/object-curly-spacing.md    |  2 +
 docs/rules/prefer-template.md         |  2 +
 docs/rules/space-in-parens.md         |  2 +
 docs/rules/space-infix-ops.md         |  2 +
 docs/rules/space-unary-ops.md         |  2 +
 docs/rules/template-curly-spacing.md  |  2 +
 lib/rules/max-len.js                  |  4 +-
 lib/rules/no-irregular-whitespace.js  |  4 +-
 lib/utils/index.js                    | 11 ++++--
 tools/update-docs-rules-index.js      | 33 +++++++++++++++--
 tools/update-docs.js                  |  8 +++-
 32 files changed, 149 insertions(+), 35 deletions(-)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 143b203d9..d8b8b2928 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -7,7 +7,16 @@
 const rules = require('../../tools/lib/rules')
 
 const uncategorizedRules = rules.filter(
-  (rule) => !rule.meta.docs.categories && !rule.meta.deprecated
+  (rule) =>
+    !rule.meta.docs.categories &&
+    !rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
+)
+const uncategorizedExtensionRule = rules.filter(
+  (rule) =>
+    !rule.meta.docs.categories &&
+    rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
 )
 const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
 
@@ -87,6 +96,16 @@ if (uncategorizedRules.length > 0) {
     ])
   })
 }
+if (uncategorizedExtensionRule.length > 0) {
+  extraCategories.push({
+    title: 'Extension Rules',
+    collapsable: false,
+    children: uncategorizedExtensionRule.map(({ ruleId, name }) => [
+      `/rules/${name}`,
+      ruleId
+    ])
+  })
+}
 if (deprecatedRules.length > 0) {
   extraCategories.push({
     title: 'Deprecated',
diff --git a/docs/rules/README.md b/docs/rules/README.md
index 87b825a04..8d3e9fb32 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -266,11 +266,40 @@ For example:
 ```json
 {
   "rules": {
-    "vue/array-bracket-spacing": "error"
+    "vue/component-name-in-template-casing": "error"
   }
 }
 ```
 
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+| [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
+| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
+| [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
+| [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
+| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
+| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
+| [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
+| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
+| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
+| [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
+| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
+| [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
+| [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
+| [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-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
+| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
+| [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
+| [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
+| [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
+| [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
+
+### Extension Rules
+
+The following rules extend the rules provided by ESLint itself and apply them to the expressions in the `<template>`.
+
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets | :wrench: |
@@ -281,45 +310,23 @@ For example:
 | [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas | :wrench: |
 | [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas | :wrench: |
 | [vue/comma-style](./comma-style.md) | enforce consistent comma style | :wrench: |
-| [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
 | [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
-| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
-| [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
-| [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |
 | [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
-| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
-| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
-| [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses | :wrench: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
-| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
-| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
-| [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
-| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
-| [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
-| [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
-| [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
-| [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
-| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
-| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
-| [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
-| [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
 | [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses | :wrench: |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
-| [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
 | [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings | :wrench: |
-| [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
 
 ## Deprecated
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index 7d1040f1f..ed8e0cb36 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [array-bracket-spacing] rule but it applies t
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/array-bracket-spacing)</sup>
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 1caf1cb9f..91f5783f0 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [arrow-spacing] rule but it applies to the ex
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/arrow-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/arrow-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/arrow-spacing)</sup>
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 2c468cf31..16d5b3f51 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [block-spacing] rule but it applies to the ex
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/block-spacing)</sup>
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 4e11a9f26..a0466e6fe 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [brace-style] rule but it applies to the expr
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/brace-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/brace-style.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/brace-style)</sup>
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index c54c44457..e0e6d15f5 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -19,3 +19,5 @@ This rule is the same rule as core [camelcase] rule but it applies to the expres
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/camelcase.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/camelcase.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/camelcase)</sup>
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 0ccdf1518..960776664 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [comma-dangle] rule but it applies to the exp
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-dangle.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-dangle.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/comma-dangle)</sup>
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index d596ee4ea..9f2b5e9b2 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [comma-spacing] rule but it applies to the ex
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/comma-spacing)</sup>
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 6e4ea7422..6b393a56a 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [comma-style] rule but it applies to the expr
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-style.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/comma-style)</sup>
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index 56a9c3342..8411d83d8 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [dot-location] rule but it applies to the exp
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-location.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-location.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/dot-location)</sup>
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 17c21d3b5..9de04c2cd 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [dot-notation] rule but it applies to the exp
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-notation.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-notation.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/dot-notation)</sup>
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index 06a0a0b67..2c9489515 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [eqeqeq] rule but it applies to the expressio
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/eqeqeq.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/eqeqeq.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/eqeqeq)</sup>
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index afed8557e..ebe0d4b16 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [key-spacing] rule but it applies to the expr
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/key-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/key-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/key-spacing)</sup>
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index f053a90b3..7fc17ecbd 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [keyword-spacing] rule but it applies to the
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/keyword-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/keyword-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/keyword-spacing)</sup>
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index 4dc5ba8d5..831090c07 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -327,3 +327,5 @@ var longRegExpLiteral = /this is a really really really really really long regul
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-len.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/max-len.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/max-len)</sup>
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index dd23c9f5b..a86204a92 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -19,3 +19,5 @@ This rule is the same rule as core [no-empty-pattern] rule but it applies to the
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-empty-pattern.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-empty-pattern.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-empty-pattern)</sup>
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 4726907d3..dc0392ef7 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -43,3 +43,5 @@ This rule extends the core [no-extra-parens] rule and applies it to the `<templa
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-extra-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-extra-parens.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-extra-parens)</sup>
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
index 7fd4efcd9..bb6da716d 100644
--- a/docs/rules/no-irregular-whitespace.md
+++ b/docs/rules/no-irregular-whitespace.md
@@ -167,3 +167,5 @@ var foo = ``
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-irregular-whitespace.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-irregular-whitespace.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-irregular-whitespace)</sup>
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 254439e16..04dcd4048 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -53,3 +53,5 @@ Forbids call expressions inside mustache interpolation.
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-syntax.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-syntax.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-restricted-syntax)</sup>
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index d05841f14..351f89431 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -19,3 +19,5 @@ This rule is the same rule as core [no-useless-concat] rule but it applies to th
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-concat.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-useless-concat.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-useless-concat)</sup>
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index c9ee00a89..e430de9c7 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [object-curly-spacing] rule but it applies to
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-curly-spacing)</sup>
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index cbc6d8125..ee65217ca 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [prefer-template] rule but it applies to the
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-template.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-template.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/prefer-template)</sup>
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index 3b39305dc..aac2df2a9 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [space-in-parens] rule but it applies to the
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-in-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-in-parens.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/space-in-parens)</sup>
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 14301e4ad..385463582 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [space-infix-ops] rule but it applies to the
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-infix-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-infix-ops.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/space-infix-ops)</sup>
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 63976d3a0..a6879ff21 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [space-unary-ops] rule but it applies to the
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-unary-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-unary-ops.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/space-unary-ops)</sup>
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 92daa477e..5d21b6ede 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -21,3 +21,5 @@ This rule is the same rule as core [template-curly-spacing] rule but it applies
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/template-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/template-curly-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/template-curly-spacing)</sup>
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 5e8998233..8f1b07b87 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -192,7 +192,9 @@ module.exports = {
     docs: {
       description: 'enforce a maximum line length',
       categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/max-len.html'
+      url: 'https://eslint.vuejs.org/rules/max-len.html',
+      extensionRule: true,
+      coreRuleUrl: 'https://eslint.org/docs/rules/max-len'
     },
 
     schema: [
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index dc2a0de1a..babd2d6e1 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -30,7 +30,9 @@ module.exports = {
     docs: {
       description: 'disallow irregular whitespace',
       categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/no-irregular-whitespace.html'
+      url: 'https://eslint.vuejs.org/rules/no-irregular-whitespace.html',
+      extensionRule: true,
+      coreRuleUrl: 'https://eslint.org/docs/rules/no-irregular-whitespace'
     },
 
     schema: [
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 39d7270a5..43c919f88 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -161,14 +161,14 @@ module.exports = {
    * Wrap a given core rule to apply it to Vue.js template.
    * @param {RuleModule} coreRule The core rule implementation to wrap.
    * @param {Object} [options] The option of this rule.
-   * @param {string} [options.category] The category of this rule.
+   * @param {string[]} [options.categories] The categories of this rule.
    * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
    * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
    * @param {RuleModule["create"]} [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
    */
   wrapCoreRule (coreRule, options) {
-    const { category, skipDynamicArguments, skipDynamicArgumentsReport, create } = options || {}
+    const { categories, skipDynamicArguments, skipDynamicArgumentsReport, create } = options || {}
     return {
       create (context) {
         const tokenStore =
@@ -220,8 +220,11 @@ module.exports = {
 
       meta: Object.assign({}, coreRule.meta, {
         docs: Object.assign({}, coreRule.meta.docs, {
-          category,
-          url: `https://eslint.vuejs.org/rules/${path.basename(coreRule.meta.docs.url || '')}.html`
+          category: null,
+          categories,
+          url: `https://eslint.vuejs.org/rules/${path.basename(coreRule.meta.docs.url || '')}.html`,
+          extensionRule: true,
+          coreRuleUrl: coreRule.meta.docs.url
         })
       })
     }
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 027285d93..6e9c0f03f 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -11,7 +11,16 @@ const categories = require('./lib/categories')
 
 // -----------------------------------------------------------------------------
 const uncategorizedRules = rules.filter(
-  (rule) => !rule.meta.docs.categories && !rule.meta.deprecated
+  (rule) =>
+    !rule.meta.docs.categories &&
+    !rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
+)
+const uncategorizedExtensionRule = rules.filter(
+  (rule) =>
+    !rule.meta.docs.categories &&
+    rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
 )
 const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
 
@@ -57,7 +66,7 @@ ${category.rules.map(toRuleRow).join('\n')}
   .join('')
 
 // -----------------------------------------------------------------------------
-if (uncategorizedRules.length >= 1) {
+if (uncategorizedRules.length || uncategorizedExtensionRule.length) {
   rulesTableContent += `
 ## Uncategorized
 
@@ -69,16 +78,32 @@ For example:
 \`\`\`json
 {
   "rules": {
-    "${uncategorizedRules[0].ruleId}": "error"
+    "${
+      (uncategorizedRules[0] || uncategorizedExtensionRule[0]).ruleId
+    }": "error"
   }
 }
 \`\`\`
-
+`
+}
+if (uncategorizedRules.length) {
+  rulesTableContent += `
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 ${uncategorizedRules.map(toRuleRow).join('\n')}
 `
 }
+if (uncategorizedExtensionRule.length) {
+  rulesTableContent += `
+### Extension Rules
+
+The following rules extend the rules provided by ESLint itself and apply them to the expressions in the \`<template>\`.
+
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+${uncategorizedExtensionRule.map(toRuleRow).join('\n')}
+`
+}
 
 // -----------------------------------------------------------------------------
 if (deprecatedRules.length >= 1) {
diff --git a/tools/update-docs.js b/tools/update-docs.js
index cd1ecea6f..358d396f7 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -169,13 +169,19 @@ class DocFile {
   }
 
   updateFooter() {
-    const { name } = this.rule
+    const { name, meta } = this.rule
     const footerPattern = /## :mag: Implementation.+$/s
     const footer = `## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/${name}.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/${name}.js)
+${
+  meta.docs.extensionRule
+    ? `
+<sup>Taken with ❤️ [from ESLint core](${meta.docs.coreRuleUrl})</sup>
 `
+    : ''
+}`
     if (footerPattern.test(this.content)) {
       this.content = this.content.replace(footerPattern, footer)
     } else {

From c0270a5f24940c0699771727cd260ddbae64d4db Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 30 May 2020 12:48:01 +0900
Subject: [PATCH 0099/1010] 7.0.0-alpha.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8ee9bb712..1c6347af1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.5",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 67b3e79232044fc69737b6fab411eab4659f26dd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 31 May 2020 16:47:13 +0900
Subject: [PATCH 0100/1010] Format files (#1182)

---
 .eslintrc.js                     |   4 -
 lib/utils/indent-common.js       | 697 +++++++++++++++++++++---------
 tests/lib/rules/html-indent.js   | 702 +++++++++++++++++++------------
 tests/lib/rules/script-indent.js | 216 +++++-----
 4 files changed, 1032 insertions(+), 587 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index f45e3ef28..97e2e03f9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -48,10 +48,6 @@ module.exports = {
         'tests/lib/rules/require-direct-export.js',
         'lib/utils/index.js',
         'tests/lib/utils/vue-component.js',
-        // https://github.com/vuejs/eslint-plugin-vue/pull/1017
-        'lib/utils/indent-common.js',
-        'tests/lib/rules/html-indent.js',
-        'tests/lib/rules/script-indent.js',
         // https://github.com/vuejs/eslint-plugin-vue/pull/982
         'lib/rules/attributes-order.js',
         'tests/lib/rules/attributes-order.js',
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index a69d7a5d2..97d285274 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -14,11 +14,98 @@ const assert = require('assert')
 // Helpers
 // ------------------------------------------------------------------------------
 
-const KNOWN_NODES = new Set(['ArrayExpression', 'ArrayPattern', 'ArrowFunctionExpression', 'AssignmentExpression', 'AssignmentPattern', 'AwaitExpression', 'BinaryExpression', 'BlockStatement', 'BreakStatement', 'CallExpression', 'CatchClause', 'ClassBody', 'ClassDeclaration', 'ClassExpression', 'ConditionalExpression', 'ContinueStatement', 'DebuggerStatement', 'DoWhileStatement', 'EmptyStatement', 'ExperimentalRestProperty', 'ExperimentalSpreadProperty', 'ExportAllDeclaration', 'ExportDefaultDeclaration', 'ExportNamedDeclaration', 'ExportSpecifier', 'ExpressionStatement', 'ForInStatement', 'ForOfStatement', 'ForStatement', 'FunctionDeclaration', 'FunctionExpression', 'Identifier', 'IfStatement', 'ImportDeclaration', 'ImportDefaultSpecifier', 'ImportNamespaceSpecifier', 'ImportSpecifier', 'LabeledStatement', 'Literal', 'LogicalExpression', 'MemberExpression', 'MetaProperty', 'MethodDefinition', 'NewExpression', 'ObjectExpression', 'ObjectPattern', 'Program', 'Property', 'RestElement', 'ReturnStatement', 'SequenceExpression', 'SpreadElement', 'Super', 'SwitchCase', 'SwitchStatement', 'TaggedTemplateExpression', 'TemplateElement', 'TemplateLiteral', 'ThisExpression', 'ThrowStatement', 'TryStatement', 'UnaryExpression', 'UpdateExpression', 'VariableDeclaration', 'VariableDeclarator', 'WhileStatement', 'WithStatement', 'YieldExpression', 'VAttribute', 'VDirectiveKey', 'VDocumentFragment', 'VElement', 'VEndTag', 'VExpressionContainer', 'VFilter', 'VFilterSequenceExpression', 'VForExpression', 'VIdentifier', 'VLiteral', 'VOnExpression', 'VSlotScopeExpression', 'VStartTag', 'VText'])
+const KNOWN_NODES = new Set([
+  'ArrayExpression',
+  'ArrayPattern',
+  'ArrowFunctionExpression',
+  'AssignmentExpression',
+  'AssignmentPattern',
+  'AwaitExpression',
+  'BinaryExpression',
+  'BlockStatement',
+  'BreakStatement',
+  'CallExpression',
+  'CatchClause',
+  'ClassBody',
+  'ClassDeclaration',
+  'ClassExpression',
+  'ConditionalExpression',
+  'ContinueStatement',
+  'DebuggerStatement',
+  'DoWhileStatement',
+  'EmptyStatement',
+  'ExperimentalRestProperty',
+  'ExperimentalSpreadProperty',
+  'ExportAllDeclaration',
+  'ExportDefaultDeclaration',
+  'ExportNamedDeclaration',
+  'ExportSpecifier',
+  'ExpressionStatement',
+  'ForInStatement',
+  'ForOfStatement',
+  'ForStatement',
+  'FunctionDeclaration',
+  'FunctionExpression',
+  'Identifier',
+  'IfStatement',
+  'ImportDeclaration',
+  'ImportDefaultSpecifier',
+  'ImportNamespaceSpecifier',
+  'ImportSpecifier',
+  'LabeledStatement',
+  'Literal',
+  'LogicalExpression',
+  'MemberExpression',
+  'MetaProperty',
+  'MethodDefinition',
+  'NewExpression',
+  'ObjectExpression',
+  'ObjectPattern',
+  'Program',
+  'Property',
+  'RestElement',
+  'ReturnStatement',
+  'SequenceExpression',
+  'SpreadElement',
+  'Super',
+  'SwitchCase',
+  'SwitchStatement',
+  'TaggedTemplateExpression',
+  'TemplateElement',
+  'TemplateLiteral',
+  'ThisExpression',
+  'ThrowStatement',
+  'TryStatement',
+  'UnaryExpression',
+  'UpdateExpression',
+  'VariableDeclaration',
+  'VariableDeclarator',
+  'WhileStatement',
+  'WithStatement',
+  'YieldExpression',
+  'VAttribute',
+  'VDirectiveKey',
+  'VDocumentFragment',
+  'VElement',
+  'VEndTag',
+  'VExpressionContainer',
+  'VFilter',
+  'VFilterSequenceExpression',
+  'VForExpression',
+  'VIdentifier',
+  'VLiteral',
+  'VOnExpression',
+  'VSlotScopeExpression',
+  'VStartTag',
+  'VText'
+])
 const LT_CHAR = /[\r\n\u2028\u2029]/
 const LINES = /[^\r\n\u2028\u2029]+(?:$|\r\n|[\r\n\u2028\u2029])/g
 const BLOCK_COMMENT_PREFIX = /^\s*\*/
-const ITERATION_OPTS = Object.freeze({ includeComments: true, filter: isNotWhitespace })
+const ITERATION_OPTS = Object.freeze({
+  includeComments: true,
+  filter: isNotWhitespace
+})
 const PREFORMATTED_ELEMENT_NAMES = ['pre', 'textarea']
 
 /**
@@ -42,21 +129,24 @@ const PREFORMATTED_ELEMENT_NAMES = ['pre', 'textarea']
  * @param {Object} defaultOptions The default value of options.
  * @returns {IndentOptions} Normalized options.
  */
-function parseOptions (type, options, defaultOptions) {
-  const ret = Object.assign({
-    indentChar: ' ',
-    indentSize: 2,
-    baseIndent: 0,
-    attribute: 1,
-    closeBracket: {
-      startTag: 0,
-      endTag: 0,
-      selfClosingTag: 0
+function parseOptions(type, options, defaultOptions) {
+  const ret = Object.assign(
+    {
+      indentChar: ' ',
+      indentSize: 2,
+      baseIndent: 0,
+      attribute: 1,
+      closeBracket: {
+        startTag: 0,
+        endTag: 0,
+        selfClosingTag: 0
+      },
+      switchCase: 0,
+      alignAttributesVertically: true,
+      ignores: []
     },
-    switchCase: 0,
-    alignAttributesVertically: true,
-    ignores: []
-  }, defaultOptions)
+    defaultOptions
+  )
 
   if (Number.isSafeInteger(type)) {
     ret.indentSize = type
@@ -107,7 +197,7 @@ function parseOptions (type, options, defaultOptions) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is an arrow.
  */
-function isArrow (token) {
+function isArrow(token) {
   return token != null && token.type === 'Punctuator' && token.value === '=>'
 }
 
@@ -116,7 +206,7 @@ function isArrow (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left parenthesis.
  */
-function isLeftParen (token) {
+function isLeftParen(token) {
   return token != null && token.type === 'Punctuator' && token.value === '('
 }
 
@@ -125,7 +215,7 @@ function isLeftParen (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `false` if the token is a left parenthesis.
  */
-function isNotLeftParen (token) {
+function isNotLeftParen(token) {
   return token != null && (token.type !== 'Punctuator' || token.value !== '(')
 }
 
@@ -134,7 +224,7 @@ function isNotLeftParen (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right parenthesis.
  */
-function isRightParen (token) {
+function isRightParen(token) {
   return token != null && token.type === 'Punctuator' && token.value === ')'
 }
 
@@ -143,7 +233,7 @@ function isRightParen (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `false` if the token is a right parenthesis.
  */
-function isNotRightParen (token) {
+function isNotRightParen(token) {
   return token != null && (token.type !== 'Punctuator' || token.value !== ')')
 }
 
@@ -152,7 +242,7 @@ function isNotRightParen (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left brace.
  */
-function isLeftBrace (token) {
+function isLeftBrace(token) {
   return token != null && token.type === 'Punctuator' && token.value === '{'
 }
 
@@ -161,7 +251,7 @@ function isLeftBrace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right brace.
  */
-function isRightBrace (token) {
+function isRightBrace(token) {
   return token != null && token.type === 'Punctuator' && token.value === '}'
 }
 
@@ -170,7 +260,7 @@ function isRightBrace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a left bracket.
  */
-function isLeftBracket (token) {
+function isLeftBracket(token) {
   return token != null && token.type === 'Punctuator' && token.value === '['
 }
 
@@ -179,7 +269,7 @@ function isLeftBracket (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a right bracket.
  */
-function isRightBracket (token) {
+function isRightBracket(token) {
   return token != null && token.type === 'Punctuator' && token.value === ']'
 }
 
@@ -188,7 +278,7 @@ function isRightBracket (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a semicolon.
  */
-function isSemicolon (token) {
+function isSemicolon(token) {
   return token != null && token.type === 'Punctuator' && token.value === ';'
 }
 
@@ -197,7 +287,7 @@ function isSemicolon (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a comma.
  */
-function isComma (token) {
+function isComma(token) {
   return token != null && token.type === 'Punctuator' && token.value === ','
 }
 
@@ -206,7 +296,7 @@ function isComma (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a whitespace.
  */
-function isNotWhitespace (token) {
+function isNotWhitespace(token) {
   return token != null && token.type !== 'HTMLWhitespace'
 }
 
@@ -215,8 +305,14 @@ function isNotWhitespace (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a comment.
  */
-function isComment (token) {
-  return token != null && (token.type === 'Block' || token.type === 'Line' || token.type === 'Shebang' || token.type.endsWith('Comment'))
+function isComment(token) {
+  return (
+    token != null &&
+    (token.type === 'Block' ||
+      token.type === 'Line' ||
+      token.type === 'Shebang' ||
+      token.type.endsWith('Comment'))
+  )
 }
 
 /**
@@ -224,8 +320,14 @@ function isComment (token) {
  * @param {Token} token The token to check.
  * @returns {boolean} `false` if the token is a comment.
  */
-function isNotComment (token) {
-  return token != null && token.type !== 'Block' && token.type !== 'Line' && token.type !== 'Shebang' && !token.type.endsWith('Comment')
+function isNotComment(token) {
+  return (
+    token != null &&
+    token.type !== 'Block' &&
+    token.type !== 'Line' &&
+    token.type !== 'Shebang' &&
+    !token.type.endsWith('Comment')
+  )
 }
 
 /**
@@ -233,7 +335,7 @@ function isNotComment (token) {
  * @param {Node} node The node to check.
  * @returns {boolean} `false` if the token is empty text node.
  */
-function isNotEmptyTextNode (node) {
+function isNotEmptyTextNode(node) {
   return !(node.type === 'VText' && node.value.trim() === '')
 }
 
@@ -242,7 +344,7 @@ function isNotEmptyTextNode (node) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a pipe operator.
  */
-function isPipeOperator (token) {
+function isPipeOperator(token) {
   return token != null && token.type === 'Punctuator' && token.value === '|'
 }
 
@@ -251,7 +353,7 @@ function isPipeOperator (token) {
  * @param {Array} xs The array to get the last element.
  * @returns {any|undefined} The last element or undefined.
  */
-function last (xs) {
+function last(xs) {
   return xs.length === 0 ? undefined : xs[xs.length - 1]
 }
 
@@ -262,7 +364,7 @@ function last (xs) {
  * @param {Node[]} nodes The array of nodes.
  * @returns {boolean} `true` if the node is at the beginning of line.
  */
-function isBeginningOfLine (node, index, nodes) {
+function isBeginningOfLine(node, index, nodes) {
   if (node != null) {
     for (let i = index - 1; i >= 0; --i) {
       const prevNode = nodes[i]
@@ -281,18 +383,13 @@ function isBeginningOfLine (node, index, nodes) {
  * @param {Token} token The token to check.
  * @returns {boolean} `true` if the token is a closing token.
  */
-function isClosingToken (token) {
-  return token != null && (
-    token.type === 'HTMLEndTagOpen' ||
-    token.type === 'VExpressionEnd' ||
-    (
-      token.type === 'Punctuator' &&
-      (
-        token.value === ')' ||
-        token.value === '}' ||
-        token.value === ']'
-      )
-    )
+function isClosingToken(token) {
+  return (
+    token != null &&
+    (token.type === 'HTMLEndTagOpen' ||
+      token.type === 'VExpressionEnd' ||
+      (token.type === 'Punctuator' &&
+        (token.value === ')' || token.value === '}' || token.value === ']')))
   )
 }
 
@@ -304,10 +401,18 @@ function isClosingToken (token) {
  * @param {Object} defaultOptions The default value of options.
  * @returns {object} AST event handlers.
  */
-module.exports.defineVisitor = function create (context, tokenStore, defaultOptions) {
+module.exports.defineVisitor = function create(
+  context,
+  tokenStore,
+  defaultOptions
+) {
   if (!context.getFilename().endsWith('.vue')) return {}
 
-  const options = parseOptions(context.options[0], context.options[1] || {}, defaultOptions)
+  const options = parseOptions(
+    context.options[0],
+    context.options[1] || {},
+    defaultOptions
+  )
   const sourceCode = context.getSourceCode()
   const offsets = new Map()
   const ignoreTokens = new Set()
@@ -320,7 +425,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {boolean} [trivial=false] The flag for trivial tokens.
    * @returns {void}
    */
-  function setOffset (token, offset, baseToken) {
+  function setOffset(token, offset, baseToken) {
     assert(baseToken != null, "'baseToken' should not be null or undefined.")
 
     if (Array.isArray(token)) {
@@ -347,7 +452,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Token} token The token to set.
    * @returns {void}
    */
-  function setBaseline (token) {
+  function setBaseline(token) {
     const offsetInfo = offsets.get(token)
     if (offsetInfo != null) {
       offsetInfo.baseline = true
@@ -359,20 +464,26 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Node} node The node to set.
    * @returns {void}
    */
-  function setPreformattedTokens (node) {
-    const endToken = (node.endTag && tokenStore.getFirstToken(node.endTag)) || tokenStore.getTokenAfter(node)
+  function setPreformattedTokens(node) {
+    const endToken =
+      (node.endTag && tokenStore.getFirstToken(node.endTag)) ||
+      tokenStore.getTokenAfter(node)
 
     const option = {
       includeComments: true,
-      filter: token => token != null && (
-        token.type === 'HTMLText' ||
-        token.type === 'HTMLRCDataText' ||
-        token.type === 'HTMLTagOpen' ||
-        token.type === 'HTMLEndTagOpen' ||
-        token.type === 'HTMLComment'
-      )
+      filter: (token) =>
+        token != null &&
+        (token.type === 'HTMLText' ||
+          token.type === 'HTMLRCDataText' ||
+          token.type === 'HTMLTagOpen' ||
+          token.type === 'HTMLEndTagOpen' ||
+          token.type === 'HTMLComment')
     }
-    for (const token of tokenStore.getTokensBetween(node.startTag, endToken, option)) {
+    for (const token of tokenStore.getTokensBetween(
+      node.startTag,
+      endToken,
+      option
+    )) {
       ignoreTokens.add(token)
     }
     ignoreTokens.add(endToken)
@@ -385,7 +496,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {number} [borderOffset] The least offset of the first token. Defailt is 0. This value is used to prevent false positive in the following case: `(a) => {}` The parentheses are enclosing the whole parameter part rather than the first parameter, but this offset parameter is needed to distinguish.
    * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
    */
-  function getFirstAndLastTokens (node, borderOffset) {
+  function getFirstAndLastTokens(node, borderOffset) {
     borderOffset |= 0
 
     let firstToken = tokenStore.getFirstToken(node)
@@ -393,7 +504,13 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
 
     // Get the outermost left parenthesis if it's parenthesized.
     let t, u
-    while ((t = tokenStore.getTokenBefore(firstToken)) != null && (u = tokenStore.getTokenAfter(lastToken)) != null && isLeftParen(t) && isRightParen(u) && t.range[0] >= borderOffset) {
+    while (
+      (t = tokenStore.getTokenBefore(firstToken)) != null &&
+      (u = tokenStore.getTokenAfter(lastToken)) != null &&
+      isLeftParen(t) &&
+      isRightParen(u) &&
+      t.range[0] >= borderOffset
+    ) {
       firstToken = t
       lastToken = u
     }
@@ -412,7 +529,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {boolean} [alignVertically=true] The flag to align vertically. If `false`, this doesn't align vertically even if the first node is not at beginning of line.
    * @returns {void}
    */
-  function processNodeList (nodeList, left, right, offset, alignVertically) {
+  function processNodeList(nodeList, left, right, offset, alignVertically) {
     let t
     const leftToken = (left && tokenStore.getFirstToken(left)) || left
     const rightToken = (right && tokenStore.getFirstToken(right)) || right
@@ -429,7 +546,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
           // Holes of an array.
           continue
         }
-        const elementTokens = getFirstAndLastTokens(node, lastToken != null ? lastToken.range[1] : 0)
+        const elementTokens = getFirstAndLastTokens(
+          node,
+          lastToken != null ? lastToken.range[1] : 0
+        )
 
         // Collect comma/comment tokens between the last token of the previous node and the first token of this node.
         if (lastToken != null) {
@@ -508,7 +628,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Token} baseToken The base token.
    * @returns {void}
    */
-  function processMaybeBlock (node, baseToken) {
+  function processMaybeBlock(node, baseToken) {
     const firstToken = getFirstAndLastTokens(node).firstToken
     setOffset(firstToken, isLeftBrace(firstToken) ? 0 : 1, baseToken)
   }
@@ -518,7 +638,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * The prefix includes `async`, `get`, `set`, `static`, and `*`.
    * @param {Property|MethodDefinition} node The property node to collect prefix tokens.
    */
-  function getPrefixTokens (node) {
+  function getPrefixTokens(node) {
     const prefixes = []
 
     let token = tokenStore.getFirstToken(node)
@@ -538,7 +658,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Node} node The start node to find the head.
    * @returns {Token} The head token of the chain.
    */
-  function getChainHeadToken (node) {
+  function getChainHeadToken(node) {
     const type = node.type
     while (node.parent.type === type) {
       const prevToken = tokenStore.getTokenBefore(node)
@@ -564,7 +684,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Node} belongingNode The node that the token is belonging to.
    * @returns {boolean} `true` if the token is the first token of an element.
    */
-  function isBeginningOfElement (token, belongingNode) {
+  function isBeginningOfElement(token, belongingNode) {
     let node = belongingNode
 
     while (node != null) {
@@ -585,20 +705,28 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         return true
       }
       if (t === 'CallExpression' || t === 'NewExpression') {
-        const openParen = tokenStore.getTokenAfter(parent.callee, isNotRightParen)
-        return parent.arguments.some(param =>
-          getFirstAndLastTokens(param, openParen.range[1]).firstToken.range[0] === token.range[0]
+        const openParen = tokenStore.getTokenAfter(
+          parent.callee,
+          isNotRightParen
+        )
+        return parent.arguments.some(
+          (param) =>
+            getFirstAndLastTokens(param, openParen.range[1]).firstToken
+              .range[0] === token.range[0]
         )
       }
       if (t === 'ArrayExpression') {
-        return parent.elements.some(element =>
-          element != null &&
-          getFirstAndLastTokens(element).firstToken.range[0] === token.range[0]
+        return parent.elements.some(
+          (element) =>
+            element != null &&
+            getFirstAndLastTokens(element).firstToken.range[0] ===
+              token.range[0]
         )
       }
       if (t === 'SequenceExpression') {
-        return parent.expressions.some(expr =>
-          getFirstAndLastTokens(expr).firstToken.range[0] === token.range[0]
+        return parent.expressions.some(
+          (expr) =>
+            getFirstAndLastTokens(expr).firstToken.range[0] === token.range[0]
         )
       }
 
@@ -614,13 +742,18 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {number} expectedIndent The number of expected indent.
    * @returns {void}
    */
-  function processTopLevelNode (node, expectedIndent) {
+  function processTopLevelNode(node, expectedIndent) {
     const token = tokenStore.getFirstToken(node)
     const offsetInfo = offsets.get(token)
     if (offsetInfo != null) {
       offsetInfo.expectedIndent = expectedIndent
     } else {
-      offsets.set(token, { baseToken: null, offset: 0, baseline: false, expectedIndent })
+      offsets.set(token, {
+        baseToken: null,
+        offset: 0,
+        baseline: false,
+        expectedIndent
+      })
     }
   }
 
@@ -629,7 +762,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Node} node The node to ignore.
    * @returns {void}
    */
-  function ignore (node) {
+  function ignore(node) {
     for (const token of tokenStore.getTokens(node)) {
       offsets.delete(token)
       ignoreTokens.add(token)
@@ -641,7 +774,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Object} visitor The visitor to define functions to ignore nodes.
    * @returns {Object} The visitor.
    */
-  function processIgnores (visitor) {
+  function processIgnores(visitor) {
     for (const ignorePattern of options.ignores) {
       const key = `${ignorePattern}:exit`
 
@@ -665,7 +798,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Token[]} tokens Tokens which are on the same line.
    * @returns {object|null} Correct indentation. If it failed to calculate then `null`.
    */
-  function getExpectedIndents (tokens) {
+  function getExpectedIndents(tokens) {
     const expectedIndents = []
 
     for (let i = 0; i < tokens.length; ++i) {
@@ -677,8 +810,15 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
           expectedIndents.push(offsetInfo.expectedIndent)
         } else {
           const baseOffsetInfo = offsets.get(offsetInfo.baseToken)
-          if (baseOffsetInfo != null && baseOffsetInfo.expectedIndent != null && (i === 0 || !baseOffsetInfo.baseline)) {
-            expectedIndents.push(baseOffsetInfo.expectedIndent + (offsetInfo.offset * options.indentSize))
+          if (
+            baseOffsetInfo != null &&
+            baseOffsetInfo.expectedIndent != null &&
+            (i === 0 || !baseOffsetInfo.baseline)
+          ) {
+            expectedIndents.push(
+              baseOffsetInfo.expectedIndent +
+                offsetInfo.offset * options.indentSize
+            )
             if (baseOffsetInfo.baseline) {
               break
             }
@@ -701,7 +841,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Token} firstToken The first token on a line.
    * @returns {string} The text of indentation part.
    */
-  function getIndentText (firstToken) {
+  function getIndentText(firstToken) {
     const text = sourceCode.text
     let i = firstToken.range[0] - 1
 
@@ -719,25 +859,27 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {number} expectedIndent The number of expected indentation.
    * @returns {Function} The defined function.
    */
-  function defineFix (token, actualIndent, expectedIndent) {
+  function defineFix(token, actualIndent, expectedIndent) {
     if (token.type === 'Block' && token.loc.start.line !== token.loc.end.line) {
       // Fix indentation in multiline block comments.
       const lines = sourceCode.getText(token).match(LINES)
       const firstLine = lines.shift()
-      if (lines.every(l => BLOCK_COMMENT_PREFIX.test(l))) {
-        return fixer => {
+      if (lines.every((l) => BLOCK_COMMENT_PREFIX.test(l))) {
+        return (fixer) => {
           const range = [token.range[0] - actualIndent, token.range[1]]
           const indent = options.indentChar.repeat(expectedIndent)
 
           return fixer.replaceTextRange(
             range,
-            `${indent}${firstLine}${lines.map(l => l.replace(BLOCK_COMMENT_PREFIX, `${indent} *`)).join('')}`
+            `${indent}${firstLine}${lines
+              .map((l) => l.replace(BLOCK_COMMENT_PREFIX, `${indent} *`))
+              .join('')}`
           )
         }
       }
     }
 
-    return fixer => {
+    return (fixer) => {
       const range = [token.range[0] - actualIndent, token.range[0]]
       const indent = options.indentChar.repeat(expectedIndent)
       return fixer.replaceTextRange(range, indent)
@@ -751,7 +893,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {number[]|undefined} optionalExpectedIndents The optional expected indentation.
    * @returns {void}
    */
-  function validateCore (token, expectedIndent, optionalExpectedIndents) {
+  function validateCore(token, expectedIndent, optionalExpectedIndents) {
     const line = token.loc.start.line
     const indentText = getIndentText(token)
 
@@ -763,7 +905,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
     }
 
     const actualIndent = token.loc.start.column
-    const unit = (options.indentChar === '\t' ? 'tab' : 'space')
+    const unit = options.indentChar === '\t' ? 'tab' : 'space'
 
     for (let i = 0; i < indentText.length; ++i) {
       if (indentText[i] !== options.indentChar) {
@@ -772,7 +914,8 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
             start: { line, column: i },
             end: { line, column: i + 1 }
           },
-          message: 'Expected {{expected}} character, but found {{actual}} character.',
+          message:
+            'Expected {{expected}} character, but found {{actual}} character.',
           data: {
             expected: JSON.stringify(options.indentChar),
             actual: JSON.stringify(indentText[i])
@@ -783,19 +926,24 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     }
 
-    if (actualIndent !== expectedIndent && (optionalExpectedIndents == null || !optionalExpectedIndents.includes(actualIndent))) {
+    if (
+      actualIndent !== expectedIndent &&
+      (optionalExpectedIndents == null ||
+        !optionalExpectedIndents.includes(actualIndent))
+    ) {
       context.report({
         loc: {
           start: { line, column: 0 },
           end: { line, column: actualIndent }
         },
-        message: 'Expected indentation of {{expectedIndent}} {{unit}}{{expectedIndentPlural}} but found {{actualIndent}} {{unit}}{{actualIndentPlural}}.',
+        message:
+          'Expected indentation of {{expectedIndent}} {{unit}}{{expectedIndentPlural}} but found {{actualIndent}} {{unit}}{{actualIndentPlural}}.',
         data: {
           expectedIndent,
           actualIndent,
           unit,
-          expectedIndentPlural: (expectedIndent === 1) ? '' : 's',
-          actualIndentPlural: (actualIndent === 1) ? '' : 's'
+          expectedIndentPlural: expectedIndent === 1 ? '' : 's',
+          actualIndentPlural: actualIndent === 1 ? '' : 's'
         },
         fix: defineFix(token, actualIndent, expectedIndent)
       })
@@ -809,7 +957,11 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {number|undefined} lastExpectedIndent The expected indent of the last token.
    * @returns {number[]}
    */
-  function getCommentExpectedIndents (nextToken, nextExpectedIndent, lastExpectedIndent) {
+  function getCommentExpectedIndents(
+    nextToken,
+    nextExpectedIndent,
+    lastExpectedIndent
+  ) {
     if (typeof lastExpectedIndent === 'number' && isClosingToken(nextToken)) {
       if (nextExpectedIndent === lastExpectedIndent) {
         // For solo comment. E.g.,
@@ -842,7 +994,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
    * @param {Token|null} lastToken The last validated token. Comments can adjust to the token.
    * @returns {void}
    */
-  function validate (tokens, comments, lastToken) {
+  function validate(tokens, comments, lastToken) {
     // Calculate and save expected indentation.
     const firstToken = tokens[0]
     const actualIndent = firstToken.loc.start.column
@@ -876,16 +1028,22 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         if (offsetInfo.baseline) {
           // This is a baseline token, so the expected indent is the column of this token.
           if (options.indentChar === ' ') {
-            offsetInfo.expectedIndent = Math.max(0, token.loc.start.column + expectedBaseIndent - actualIndent)
+            offsetInfo.expectedIndent = Math.max(
+              0,
+              token.loc.start.column + expectedBaseIndent - actualIndent
+            )
           } else {
             // In hard-tabs mode, it cannot align tokens strictly, so use one additional offset.
             // But the additional offset isn't needed if it's at the beginning of the line.
-            offsetInfo.expectedIndent = expectedBaseIndent + (token === tokens[0] ? 0 : 1)
+            offsetInfo.expectedIndent =
+              expectedBaseIndent + (token === tokens[0] ? 0 : 1)
           }
           baseline.add(token)
         } else if (baseline.has(offsetInfo.baseToken)) {
           // The base token is a baseline token on this line, so inherit it.
-          offsetInfo.expectedIndent = offsets.get(offsetInfo.baseToken).expectedIndent
+          offsetInfo.expectedIndent = offsets.get(
+            offsetInfo.baseToken
+          ).expectedIndent
           baseline.add(token)
         } else {
           // Otherwise, set the expected indent of this line.
@@ -903,17 +1061,24 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
     // It allows the same indent level with the previous line.
     const lastOffsetInfo = offsets.get(lastToken)
     const lastExpectedIndent = lastOffsetInfo && lastOffsetInfo.expectedIndent
-    const commentOptionalExpectedIndents = getCommentExpectedIndents(firstToken, expectedIndent, lastExpectedIndent)
+    const commentOptionalExpectedIndents = getCommentExpectedIndents(
+      firstToken,
+      expectedIndent,
+      lastExpectedIndent
+    )
 
     // Validate.
     for (const comment of comments) {
       const commentExpectedIndents = getExpectedIndents([comment])
-      const commentExpectedIndent =
-        commentExpectedIndents
-          ? commentExpectedIndents.expectedIndent
-          : commentOptionalExpectedIndents[0]
-
-      validateCore(comment, commentExpectedIndent, commentOptionalExpectedIndents)
+      const commentExpectedIndent = commentExpectedIndents
+        ? commentExpectedIndents.expectedIndent
+        : commentOptionalExpectedIndents[0]
+
+      validateCore(
+        comment,
+        commentExpectedIndent,
+        commentOptionalExpectedIndents
+      )
     }
     validateCore(firstToken, expectedIndent)
   }
@@ -923,7 +1088,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
   // ------------------------------------------------------------------------------
 
   return processIgnores({
-    VAttribute (node) {
+    VAttribute(node) {
       const keyToken = tokenStore.getFirstToken(node)
       const eqToken = tokenStore.getTokenAfter(node.key)
 
@@ -937,11 +1102,17 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    VElement (node) {
+    VElement(node) {
       if (!PREFORMATTED_ELEMENT_NAMES.includes(node.name)) {
         const isTopLevel = node.parent.type !== 'VElement'
         const offset = isTopLevel ? options.baseIndent : 1
-        processNodeList(node.children.filter(isNotEmptyTextNode), node.startTag, node.endTag, offset, false)
+        processNodeList(
+          node.children.filter(isNotEmptyTextNode),
+          node.startTag,
+          node.endTag,
+          offset,
+          false
+        )
       } else {
         const startTagToken = tokenStore.getFirstToken(node)
         const endTagToken = node.endTag && tokenStore.getFirstToken(node.endTag)
@@ -950,7 +1121,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    VEndTag (node) {
+    VEndTag(node) {
       const element = node.parent
       const startTagOpenToken = tokenStore.getFirstToken(element.startTag)
       const closeToken = tokenStore.getLastToken(node)
@@ -960,8 +1131,11 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    VExpressionContainer (node) {
-      if (node.expression != null && node.range[0] !== node.expression.range[0]) {
+    VExpressionContainer(node) {
+      if (
+        node.expression != null &&
+        node.range[0] !== node.expression.range[0]
+      ) {
         const startQuoteToken = tokenStore.getFirstToken(node)
         const endQuoteToken = tokenStore.getLastToken(node)
         const childToken = tokenStore.getTokenAfter(startQuoteToken)
@@ -971,7 +1145,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    VFilter (node) {
+    VFilter(node) {
       const idToken = tokenStore.getFirstToken(node)
       const lastToken = tokenStore.getLastToken(node)
       if (isRightParen(lastToken)) {
@@ -981,7 +1155,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    VFilterSequenceExpression (node) {
+    VFilterSequenceExpression(node) {
       if (node.filters.length === 0) {
         return
       }
@@ -999,7 +1173,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(tokens, 1, firstToken)
     },
 
-    VForExpression (node) {
+    VForExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const lastOfLeft = last(node.left) || firstToken
       const inToken = tokenStore.getTokenAfter(lastOfLeft, isNotRightParen)
@@ -1013,11 +1187,11 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(rightToken, 1, inToken)
     },
 
-    VOnExpression (node) {
+    VOnExpression(node) {
       processNodeList(node.body, null, null, 0)
     },
 
-    VStartTag (node) {
+    VStartTag(node) {
       const openToken = tokenStore.getFirstToken(node)
       const closeToken = tokenStore.getLastToken(node)
 
@@ -1029,14 +1203,15 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         options.alignAttributesVertically
       )
       if (closeToken != null && closeToken.type.endsWith('TagClose')) {
-        const offset = closeToken.type !== 'HTMLSelfClosingTagClose'
-          ? options.closeBracket.startTag
-          : options.closeBracket.selfClosingTag
+        const offset =
+          closeToken.type !== 'HTMLSelfClosingTagClose'
+            ? options.closeBracket.startTag
+            : options.closeBracket.selfClosingTag
         setOffset(closeToken, offset, openToken)
       }
     },
 
-    VText (node) {
+    VText(node) {
       const tokens = tokenStore.getTokens(node, isNotWhitespace)
       const firstTokenInfo = offsets.get(tokenStore.getFirstToken(node))
 
@@ -1045,11 +1220,16 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    'ArrayExpression, ArrayPattern' (node) {
-      processNodeList(node.elements, tokenStore.getFirstToken(node), tokenStore.getLastToken(node), 1)
+    'ArrayExpression, ArrayPattern'(node) {
+      processNodeList(
+        node.elements,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
     },
 
-    ArrowFunctionExpression (node) {
+    ArrowFunctionExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const secondToken = tokenStore.getTokenAfter(firstToken)
       const leftToken = node.async ? secondToken : firstToken
@@ -1059,7 +1239,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         setOffset(secondToken, 1, firstToken)
       }
       if (isLeftParen(leftToken)) {
-        const rightToken = tokenStore.getTokenAfter(last(node.params) || leftToken, isRightParen)
+        const rightToken = tokenStore.getTokenAfter(
+          last(node.params) || leftToken,
+          isRightParen
+        )
         processNodeList(node.params, leftToken, rightToken, 1)
       }
 
@@ -1067,32 +1250,38 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       processMaybeBlock(node.body, firstToken)
     },
 
-    'AssignmentExpression, AssignmentPattern, BinaryExpression, LogicalExpression' (node) {
+    'AssignmentExpression, AssignmentPattern, BinaryExpression, LogicalExpression'(
+      node
+    ) {
       const leftToken = getChainHeadToken(node)
       const opToken = tokenStore.getTokenAfter(node.left, isNotRightParen)
       const rightToken = tokenStore.getTokenAfter(opToken)
       const prevToken = tokenStore.getTokenBefore(leftToken)
-      const shouldIndent = (
+      const shouldIndent =
         prevToken == null ||
         prevToken.loc.end.line === leftToken.loc.start.line ||
         isBeginningOfElement(leftToken, node)
-      )
 
       setOffset([opToken, rightToken], shouldIndent ? 1 : 0, leftToken)
     },
 
-    'AwaitExpression, RestElement, SpreadElement, UnaryExpression' (node) {
+    'AwaitExpression, RestElement, SpreadElement, UnaryExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const nextToken = tokenStore.getTokenAfter(firstToken)
 
       setOffset(nextToken, 1, firstToken)
     },
 
-    'BlockStatement, ClassBody' (node) {
-      processNodeList(node.body, tokenStore.getFirstToken(node), tokenStore.getLastToken(node), 1)
+    'BlockStatement, ClassBody'(node) {
+      processNodeList(
+        node.body,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
     },
 
-    'BreakStatement, ContinueStatement, ReturnStatement, ThrowStatement' (node) {
+    'BreakStatement, ContinueStatement, ReturnStatement, ThrowStatement'(node) {
       if (node.argument != null || node.label != null) {
         const firstToken = tokenStore.getFirstToken(node)
         const nextToken = tokenStore.getTokenAfter(firstToken)
@@ -1101,7 +1290,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    CallExpression (node) {
+    CallExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
       const leftToken = tokenStore.getTokenAfter(node.callee, isLeftParen)
@@ -1110,7 +1299,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       processNodeList(node.arguments, leftToken, rightToken, 1)
     },
 
-    CatchClause (node) {
+    CatchClause(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const bodyToken = tokenStore.getFirstToken(node.body)
 
@@ -1124,7 +1313,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(bodyToken, 0, firstToken)
     },
 
-    'ClassDeclaration, ClassExpression' (node) {
+    'ClassDeclaration, ClassExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const bodyToken = tokenStore.getFirstToken(node.body)
 
@@ -1140,12 +1329,15 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(bodyToken, 0, firstToken)
     },
 
-    ConditionalExpression (node) {
+    ConditionalExpression(node) {
       const prevToken = tokenStore.getTokenBefore(node)
       const firstToken = tokenStore.getFirstToken(node)
       const questionToken = tokenStore.getTokenAfter(node.test, isNotRightParen)
       const consequentToken = tokenStore.getTokenAfter(questionToken)
-      const colonToken = tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+      const colonToken = tokenStore.getTokenAfter(
+        node.consequent,
+        isNotRightParen
+      )
       const alternateToken = tokenStore.getTokenAfter(colonToken)
       const isFlat =
         prevToken &&
@@ -1153,20 +1345,26 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         node.test.loc.end.line === node.consequent.loc.start.line
 
       if (isFlat) {
-        setOffset([questionToken, consequentToken, colonToken, alternateToken], 0, firstToken)
+        setOffset(
+          [questionToken, consequentToken, colonToken, alternateToken],
+          0,
+          firstToken
+        )
       } else {
         setOffset([questionToken, colonToken], 1, firstToken)
         setOffset([consequentToken, alternateToken], 1, questionToken)
       }
     },
 
-    DoWhileStatement (node) {
+    DoWhileStatement(node) {
       const doToken = tokenStore.getFirstToken(node)
       const whileToken = tokenStore.getTokenAfter(node.body, isNotRightParen)
       const leftToken = tokenStore.getTokenAfter(whileToken)
       const testToken = tokenStore.getTokenAfter(leftToken)
       const lastToken = tokenStore.getLastToken(node)
-      const rightToken = isSemicolon(lastToken) ? tokenStore.getTokenBefore(lastToken) : lastToken
+      const rightToken = isSemicolon(lastToken)
+        ? tokenStore.getTokenBefore(lastToken)
+        : lastToken
 
       processMaybeBlock(node.body, doToken)
       setOffset(whileToken, 0, doToken)
@@ -1175,7 +1373,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(rightToken, 0, leftToken)
     },
 
-    ExportAllDeclaration (node) {
+    ExportAllDeclaration(node) {
       const tokens = tokenStore.getTokens(node)
       const firstToken = tokens.shift()
       if (isSemicolon(last(tokens))) {
@@ -1184,14 +1382,15 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(tokens, 1, firstToken)
     },
 
-    ExportDefaultDeclaration (node) {
+    ExportDefaultDeclaration(node) {
       const exportToken = tokenStore.getFirstToken(node)
       const defaultToken = tokenStore.getFirstToken(node, 1)
-      const declarationToken = getFirstAndLastTokens(node.declaration).firstToken
+      const declarationToken = getFirstAndLastTokens(node.declaration)
+        .firstToken
       setOffset([defaultToken, declarationToken], 1, exportToken)
     },
 
-    ExportNamedDeclaration (node) {
+    ExportNamedDeclaration(node) {
       const exportToken = tokenStore.getFirstToken(node)
       if (node.declaration) {
         // export var foo = 1;
@@ -1205,7 +1404,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
 
         const maybeFromToken = tokenStore.getTokenAfter(rightParenToken)
-        if (maybeFromToken != null && sourceCode.getText(maybeFromToken) === 'from') {
+        if (
+          maybeFromToken != null &&
+          sourceCode.getText(maybeFromToken) === 'from'
+        ) {
           const fromToken = maybeFromToken
           const nameToken = tokenStore.getTokenAfter(fromToken)
           setOffset([fromToken, nameToken], 1, exportToken)
@@ -1213,19 +1415,22 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    ExportSpecifier (node) {
+    ExportSpecifier(node) {
       const tokens = tokenStore.getTokens(node)
       const firstToken = tokens.shift()
       setOffset(tokens, 1, firstToken)
     },
 
-    'ForInStatement, ForOfStatement' (node) {
+    'ForInStatement, ForOfStatement'(node) {
       const forToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(forToken)
       const leftToken = tokenStore.getTokenAfter(leftParenToken)
       const inToken = tokenStore.getTokenAfter(leftToken, isNotRightParen)
       const rightToken = tokenStore.getTokenAfter(inToken)
-      const rightParenToken = tokenStore.getTokenBefore(node.body, isNotLeftParen)
+      const rightParenToken = tokenStore.getTokenBefore(
+        node.body,
+        isNotLeftParen
+      )
 
       setOffset(leftParenToken, 1, forToken)
       setOffset(leftToken, 1, leftParenToken)
@@ -1235,33 +1440,53 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       processMaybeBlock(node.body, forToken)
     },
 
-    ForStatement (node) {
+    ForStatement(node) {
       const forToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(forToken)
-      const rightParenToken = tokenStore.getTokenBefore(node.body, isNotLeftParen)
+      const rightParenToken = tokenStore.getTokenBefore(
+        node.body,
+        isNotLeftParen
+      )
 
       setOffset(leftParenToken, 1, forToken)
-      processNodeList([node.init, node.test, node.update], leftParenToken, rightParenToken, 1)
+      processNodeList(
+        [node.init, node.test, node.update],
+        leftParenToken,
+        rightParenToken,
+        1
+      )
       processMaybeBlock(node.body, forToken)
     },
 
-    'FunctionDeclaration, FunctionExpression' (node) {
+    'FunctionDeclaration, FunctionExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       if (isLeftParen(firstToken)) {
         // Methods.
         const leftToken = firstToken
-        const rightToken = tokenStore.getTokenAfter(last(node.params) || leftToken, isRightParen)
+        const rightToken = tokenStore.getTokenAfter(
+          last(node.params) || leftToken,
+          isRightParen
+        )
         const bodyToken = tokenStore.getFirstToken(node.body)
 
         processNodeList(node.params, leftToken, rightToken, 1)
         setOffset(bodyToken, 0, tokenStore.getFirstToken(node.parent))
       } else {
         // Normal functions.
-        const functionToken = node.async ? tokenStore.getTokenAfter(firstToken) : firstToken
-        const starToken = node.generator ? tokenStore.getTokenAfter(functionToken) : null
+        const functionToken = node.async
+          ? tokenStore.getTokenAfter(firstToken)
+          : firstToken
+        const starToken = node.generator
+          ? tokenStore.getTokenAfter(functionToken)
+          : null
         const idToken = node.id && tokenStore.getFirstToken(node.id)
-        const leftToken = tokenStore.getTokenAfter(idToken || starToken || functionToken)
-        const rightToken = tokenStore.getTokenAfter(last(node.params) || leftToken, isRightParen)
+        const leftToken = tokenStore.getTokenAfter(
+          idToken || starToken || functionToken
+        )
+        const rightToken = tokenStore.getTokenAfter(
+          last(node.params) || leftToken,
+          isRightParen
+        )
         const bodyToken = tokenStore.getFirstToken(node.body)
 
         if (node.async) {
@@ -1279,24 +1504,30 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    IfStatement (node) {
+    IfStatement(node) {
       const ifToken = tokenStore.getFirstToken(node)
       const ifLeftParenToken = tokenStore.getTokenAfter(ifToken)
-      const ifRightParenToken = tokenStore.getTokenBefore(node.consequent, isRightParen)
+      const ifRightParenToken = tokenStore.getTokenBefore(
+        node.consequent,
+        isRightParen
+      )
 
       setOffset(ifLeftParenToken, 1, ifToken)
       setOffset(ifRightParenToken, 0, ifLeftParenToken)
       processMaybeBlock(node.consequent, ifToken)
 
       if (node.alternate != null) {
-        const elseToken = tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+        const elseToken = tokenStore.getTokenAfter(
+          node.consequent,
+          isNotRightParen
+        )
 
         setOffset(elseToken, 0, ifToken)
         processMaybeBlock(node.alternate, elseToken)
       }
     },
 
-    ImportDeclaration (node) {
+    ImportDeclaration(node) {
       const firstSpecifier = node.specifiers[0]
       const secondSpecifier = node.specifiers[1]
       const importToken = tokenStore.getFirstToken(node)
@@ -1322,7 +1553,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
           tokens.push(tokenStore.getLastToken(node, hasSemi ? 1 : 0))
         }
       } else if (firstSpecifier.type === 'ImportDefaultSpecifier') {
-        if (secondSpecifier && secondSpecifier.type === 'ImportNamespaceSpecifier') {
+        if (
+          secondSpecifier &&
+          secondSpecifier.type === 'ImportNamespaceSpecifier'
+        ) {
           // There is a pattern:
           //     import Foo, * as foo from "foo"
           tokens.push(
@@ -1381,7 +1615,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(tokens, 1, importToken)
     },
 
-    ImportSpecifier (node) {
+    ImportSpecifier(node) {
       if (node.local.range[0] !== node.imported.range[0]) {
         const tokens = tokenStore.getTokens(node)
         const firstToken = tokens.shift()
@@ -1389,13 +1623,13 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    ImportNamespaceSpecifier (node) {
+    ImportNamespaceSpecifier(node) {
       const tokens = tokenStore.getTokens(node)
       const firstToken = tokens.shift()
       setOffset(tokens, 1, firstToken)
     },
 
-    LabeledStatement (node) {
+    LabeledStatement(node) {
       const labelToken = tokenStore.getFirstToken(node)
       const colonToken = tokenStore.getTokenAfter(labelToken)
       const bodyToken = tokenStore.getTokenAfter(colonToken)
@@ -1403,12 +1637,18 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset([colonToken, bodyToken], 1, labelToken)
     },
 
-    'MemberExpression, MetaProperty' (node) {
+    'MemberExpression, MetaProperty'(node) {
       const objectToken = tokenStore.getFirstToken(node)
       if (node.computed) {
-        const leftBracketToken = tokenStore.getTokenBefore(node.property, isLeftBracket)
+        const leftBracketToken = tokenStore.getTokenBefore(
+          node.property,
+          isLeftBracket
+        )
         const propertyToken = tokenStore.getTokenAfter(leftBracketToken)
-        const rightBracketToken = tokenStore.getTokenAfter(node.property, isRightBracket)
+        const rightBracketToken = tokenStore.getTokenAfter(
+          node.property,
+          isRightBracket
+        )
 
         setOffset(leftBracketToken, 1, objectToken)
         setOffset(propertyToken, 1, leftBracketToken)
@@ -1421,8 +1661,8 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    'MethodDefinition, Property' (node) {
-      const isMethod = (node.type === 'MethodDefinition' || node.method === true)
+    'MethodDefinition, Property'(node) {
+      const isMethod = node.type === 'MethodDefinition' || node.method === true
       const prefixTokens = getPrefixTokens(node)
       const hasPrefix = prefixTokens.length >= 1
 
@@ -1434,7 +1674,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       if (node.computed) {
         const keyLeftToken = tokenStore.getFirstToken(node, isLeftBracket)
         const keyToken = tokenStore.getTokenAfter(keyLeftToken)
-        const keyRightToken = lastKeyToken = tokenStore.getTokenAfter(node.key, isRightBracket)
+        const keyRightToken = (lastKeyToken = tokenStore.getTokenAfter(
+          node.key,
+          isRightBracket
+        ))
 
         if (hasPrefix) {
           setOffset(keyLeftToken, 0, last(prefixTokens))
@@ -1442,7 +1685,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         setOffset(keyToken, 1, keyLeftToken)
         setOffset(keyRightToken, 0, keyLeftToken)
       } else {
-        const idToken = lastKeyToken = tokenStore.getFirstToken(node.key)
+        const idToken = (lastKeyToken = tokenStore.getFirstToken(node.key))
 
         if (hasPrefix) {
           setOffset(idToken, 0, last(prefixTokens))
@@ -1461,7 +1704,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    NewExpression (node) {
+    NewExpression(node) {
       const newToken = tokenStore.getFirstToken(node)
       const calleeToken = tokenStore.getTokenAfter(newToken)
       const rightToken = tokenStore.getLastToken(node)
@@ -1476,15 +1719,20 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    'ObjectExpression, ObjectPattern' (node) {
-      processNodeList(node.properties, tokenStore.getFirstToken(node), tokenStore.getLastToken(node), 1)
+    'ObjectExpression, ObjectPattern'(node) {
+      processNodeList(
+        node.properties,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
     },
 
-    SequenceExpression (node) {
+    SequenceExpression(node) {
       processNodeList(node.expressions, null, null, 0)
     },
 
-    SwitchCase (node) {
+    SwitchCase(node) {
       const caseToken = tokenStore.getFirstToken(node)
 
       if (node.test != null) {
@@ -1498,7 +1746,10 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
         setOffset(colonToken, 1, caseToken)
       }
 
-      if (node.consequent.length === 1 && node.consequent[0].type === 'BlockStatement') {
+      if (
+        node.consequent.length === 1 &&
+        node.consequent[0].type === 'BlockStatement'
+      ) {
         setOffset(tokenStore.getFirstToken(node.consequent[0]), 0, caseToken)
       } else if (node.consequent.length >= 1) {
         setOffset(tokenStore.getFirstToken(node.consequent[0]), 1, caseToken)
@@ -1506,11 +1757,14 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    SwitchStatement (node) {
+    SwitchStatement(node) {
       const switchToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(switchToken)
       const discriminantToken = tokenStore.getTokenAfter(leftParenToken)
-      const leftBraceToken = tokenStore.getTokenAfter(node.discriminant, isLeftBrace)
+      const leftBraceToken = tokenStore.getTokenAfter(
+        node.discriminant,
+        isLeftBrace
+      )
       const rightParenToken = tokenStore.getTokenBefore(leftBraceToken)
       const rightBraceToken = tokenStore.getLastToken(node)
 
@@ -1518,26 +1772,35 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       setOffset(discriminantToken, 1, leftParenToken)
       setOffset(rightParenToken, 0, leftParenToken)
       setOffset(leftBraceToken, 0, switchToken)
-      processNodeList(node.cases, leftBraceToken, rightBraceToken, options.switchCase)
+      processNodeList(
+        node.cases,
+        leftBraceToken,
+        rightBraceToken,
+        options.switchCase
+      )
     },
 
-    TaggedTemplateExpression (node) {
+    TaggedTemplateExpression(node) {
       const tagTokens = getFirstAndLastTokens(node.tag, node.range[0])
       const quasiToken = tokenStore.getTokenAfter(tagTokens.lastToken)
 
       setOffset(quasiToken, 1, tagTokens.firstToken)
     },
 
-    TemplateLiteral (node) {
+    TemplateLiteral(node) {
       const firstToken = tokenStore.getFirstToken(node)
-      const quasiTokens = node.quasis.slice(1).map(n => tokenStore.getFirstToken(n))
-      const expressionToken = node.quasis.slice(0, -1).map(n => tokenStore.getTokenAfter(n))
+      const quasiTokens = node.quasis
+        .slice(1)
+        .map((n) => tokenStore.getFirstToken(n))
+      const expressionToken = node.quasis
+        .slice(0, -1)
+        .map((n) => tokenStore.getTokenAfter(n))
 
       setOffset(quasiTokens, 0, firstToken)
       setOffset(expressionToken, 1, firstToken)
     },
 
-    TryStatement (node) {
+    TryStatement(node) {
       const tryToken = tokenStore.getFirstToken(node)
       const tryBlockToken = tokenStore.getFirstToken(node.block)
 
@@ -1557,18 +1820,23 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    UpdateExpression (node) {
+    UpdateExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const nextToken = tokenStore.getTokenAfter(firstToken)
 
       setOffset(nextToken, 1, firstToken)
     },
 
-    VariableDeclaration (node) {
-      processNodeList(node.declarations, tokenStore.getFirstToken(node), null, 1)
+    VariableDeclaration(node) {
+      processNodeList(
+        node.declarations,
+        tokenStore.getFirstToken(node),
+        null,
+        1
+      )
     },
 
-    VariableDeclarator (node) {
+    VariableDeclarator(node) {
       if (node.init != null) {
         const idToken = tokenStore.getFirstToken(node)
         const eqToken = tokenStore.getTokenAfter(node.id)
@@ -1578,7 +1846,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       }
     },
 
-    'WhileStatement, WithStatement' (node) {
+    'WhileStatement, WithStatement'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(firstToken)
       const rightParenToken = tokenStore.getTokenBefore(node.body, isRightParen)
@@ -1588,7 +1856,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       processMaybeBlock(node.body, firstToken)
     },
 
-    YieldExpression (node) {
+    YieldExpression(node) {
       if (node.argument != null) {
         const yieldToken = tokenStore.getFirstToken(node)
 
@@ -1600,7 +1868,7 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
     },
 
     // Process semicolons.
-    ':statement' (node) {
+    ':statement'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const lastToken = tokenStore.getLastToken(node)
       if (isSemicolon(lastToken) && firstToken !== lastToken) {
@@ -1613,14 +1881,18 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
       //   ;[1,2,3].forEach(f)
       const info = offsets.get(firstToken)
       const prevToken = tokenStore.getTokenBefore(firstToken)
-      if (info != null && isSemicolon(prevToken) && prevToken.loc.end.line === firstToken.loc.start.line) {
+      if (
+        info != null &&
+        isSemicolon(prevToken) &&
+        prevToken.loc.end.line === firstToken.loc.start.line
+      ) {
         offsets.set(prevToken, info)
       }
     },
 
     // Process parentheses.
     // `:expression` does not match with MetaProperty and TemplateLiteral as a bug: https://github.com/estools/esquery/pull/59
-    ':expression, MetaProperty, TemplateLiteral' (node) {
+    ':expression, MetaProperty, TemplateLiteral'(node) {
       let leftToken = tokenStore.getTokenBefore(node)
       let rightToken = tokenStore.getTokenAfter(node)
       let firstToken = tokenStore.getFirstToken(node)
@@ -1636,33 +1908,33 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
     },
 
     // Ignore tokens of unknown nodes.
-    '*:exit' (node) {
+    '*:exit'(node) {
       if (!KNOWN_NODES.has(node.type)) {
         ignore(node)
       }
     },
 
     // Top-level process.
-    Program (node) {
+    Program(node) {
       const firstToken = node.tokens[0]
-      const isScriptTag = (
+      const isScriptTag =
         firstToken != null &&
         firstToken.type === 'Punctuator' &&
         firstToken.value === '<script>'
-      )
-      const baseIndent =
-        isScriptTag ? (options.indentSize * options.baseIndent) : 0
+      const baseIndent = isScriptTag
+        ? options.indentSize * options.baseIndent
+        : 0
 
       for (const statement of node.body) {
         processTopLevelNode(statement, baseIndent)
       }
     },
-    "VElement[parent.type!='VElement']" (node) {
+    "VElement[parent.type!='VElement']"(node) {
       processTopLevelNode(node, 0)
     },
 
     // Do validation.
-    ":matches(Program, VElement[parent.type!='VElement']):exit" (node) {
+    ":matches(Program, VElement[parent.type!='VElement']):exit"(node) {
       let comments = []
       let tokensOnSameLine = []
       let isBesideMultilineToken = false
@@ -1670,14 +1942,18 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
 
       // Validate indentation of tokens.
       for (const token of tokenStore.getTokens(node, ITERATION_OPTS)) {
-        if (tokensOnSameLine.length === 0 || tokensOnSameLine[0].loc.start.line === token.loc.start.line) {
+        if (
+          tokensOnSameLine.length === 0 ||
+          tokensOnSameLine[0].loc.start.line === token.loc.start.line
+        ) {
           // This is on the same line (or the first token).
           tokensOnSameLine.push(token)
         } else if (tokensOnSameLine.every(isComment)) {
           // New line is detected, but the all tokens of the previous line are comment.
           // Comment lines are adjusted to the next code line.
           comments.push(tokensOnSameLine[0])
-          isBesideMultilineToken = last(tokensOnSameLine).loc.end.line === token.loc.start.line
+          isBesideMultilineToken =
+            last(tokensOnSameLine).loc.end.line === token.loc.start.line
           tokensOnSameLine = [token]
         } else {
           // New line is detected, so validate the tokens.
@@ -1685,7 +1961,8 @@ module.exports.defineVisitor = function create (context, tokenStore, defaultOpti
             validate(tokensOnSameLine, comments, lastValidatedToken)
             lastValidatedToken = tokensOnSameLine[0]
           }
-          isBesideMultilineToken = last(tokensOnSameLine).loc.end.line === token.loc.start.line
+          isBesideMultilineToken =
+            last(tokensOnSameLine).loc.end.line === token.loc.start.line
           tokensOnSameLine = [token]
           comments = []
         }
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 81a773402..875b5df78 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -35,34 +35,36 @@ const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/html-indent/')
  * @param {object[]} additionalInvalid The array of additional invalid patterns.
  * @returns {object} The loaded patterns.
  */
-function loadPatterns (additionalValid, additionalInvalid) {
-  const valid = fs
-    .readdirSync(FIXTURE_ROOT)
-    .map(filename => {
-      const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
-      const code = code0.replace(/^<!--(.+?)-->/, `<!--${filename}-->`)
-      const baseObj = JSON.parse(/^<!--(.+?)-->/.exec(code0)[1])
-      return Object.assign(baseObj, { code, filename })
-    })
+function loadPatterns(additionalValid, additionalInvalid) {
+  const valid = fs.readdirSync(FIXTURE_ROOT).map((filename) => {
+    const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
+    const code = code0.replace(/^<!--(.+?)-->/, `<!--${filename}-->`)
+    const baseObj = JSON.parse(/^<!--(.+?)-->/.exec(code0)[1])
+    return Object.assign(baseObj, { code, filename })
+  })
   const invalid = valid
-    .map(pattern => {
-      const kind = ((pattern.options && pattern.options[0]) === 'tab') ? 'tab' : 'space'
+    .map((pattern) => {
+      const kind =
+        (pattern.options && pattern.options[0]) === 'tab' ? 'tab' : 'space'
       const output = pattern.code
-      const lines = output
-        .split('\n')
-        .map((text, number) => ({
-          number,
-          text,
-          indentSize: (/^[ \t]+/.exec(text) || [''])[0].length
-        }))
+      const lines = output.split('\n').map((text, number) => ({
+        number,
+        text,
+        indentSize: (/^[ \t]+/.exec(text) || [''])[0].length
+      }))
       const code = lines
-        .map(line => line.text.replace(/^[ \t]+/, ''))
+        .map((line) => line.text.replace(/^[ \t]+/, ''))
         .join('\n')
       const errors = lines
-        .map(line =>
+        .map((line) =>
           line.indentSize === 0
             ? null
-            : { message: `Expected indentation of ${line.indentSize} ${kind}${line.indentSize === 1 ? '' : 's'} but found 0 ${kind}s.`, line: line.number + 1 }
+            : {
+                message: `Expected indentation of ${line.indentSize} ${kind}${
+                  line.indentSize === 1 ? '' : 's'
+                } but found 0 ${kind}s.`,
+                line: line.number + 1
+              }
         )
         .filter(Boolean)
 
@@ -81,13 +83,18 @@ function loadPatterns (additionalValid, additionalInvalid) {
  * @param {string[]} strings The strings in the template literal
  * @returns {string} The template literal, with spaces removed from all lines
  */
-function unIndent (strings) {
+function unIndent(strings) {
   const templateValue = strings[0]
-  const lines = templateValue.replace(/^\n/, '').replace(/\n\s*$/, '').split('\n')
-  const lineIndents = lines.filter(line => line.trim()).map(line => line.match(/ */)[0].length)
+  const lines = templateValue
+    .replace(/^\n/, '')
+    .replace(/\n\s*$/, '')
+    .split('\n')
+  const lineIndents = lines
+    .filter((line) => line.trim())
+    .map((line) => line.match(/ */)[0].length)
   const minLineIndent = Math.min.apply(null, lineIndents)
 
-  return lines.map(line => line.slice(minLineIndent)).join('\n')
+  return lines.map((line) => line.slice(minLineIndent)).join('\n')
 }
 
 // ------------------------------------------------------------------------------
@@ -104,13 +111,16 @@ const tester = new RuleTester({
   }
 })
 
-tester.run('html-indent', rule, loadPatterns(
-  // Valid
-  [
-    // TemplateLiteral
-    {
-      filename: 'test.vue',
-      code: unIndent`
+tester.run(
+  'html-indent',
+  rule,
+  loadPatterns(
+    // Valid
+    [
+      // TemplateLiteral
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div
             v-bind:b="
@@ -123,23 +133,23 @@ tester.run('html-indent', rule, loadPatterns(
           ></div>
         </template>
       `
-    },
+      },
 
-    // VAttribute
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // VAttribute
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div a="
           a" b="b"></div>
         </template>
       `
-    },
+      },
 
-    // Comments
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Comments
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <!-- comment -->
           {{
@@ -149,10 +159,10 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           {{
             /*
@@ -162,10 +172,10 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           {{
             message
@@ -175,10 +185,10 @@ tester.run('html-indent', rule, loadPatterns(
           <!-- comment -->
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           {{
             message
@@ -188,10 +198,10 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           {{
             message
@@ -201,10 +211,10 @@ tester.run('html-indent', rule, loadPatterns(
           <!-- comment -->
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           {{
             message
@@ -214,46 +224,46 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div>
             <!-- this comment is ignored because the next token doesn't exist. -->
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div>
             <div></div>
             <!-- this comment is ignored because the next token doesn't exist. -->
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div>
         <!-- this comment is ignored because the next token doesn't exist. -->
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div>
             <div></div>
         <!-- this comment is ignored because the next token doesn't exist. -->
       `
-    },
+      },
 
-    // Ignores
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Ignores
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
               <div
             id
@@ -263,16 +273,19 @@ tester.run('html-indent', rule, loadPatterns(
         <span>
         </template>
       `,
-      options: [4, {
-        // Ignore all :D
-        ignores: ['*']
-      }]
-    },
+        options: [
+          4,
+          {
+            // Ignore all :D
+            ignores: ['*']
+          }
+        ]
+      },
 
-    // Pre, Textarea
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Pre, Textarea
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <pre>
         aaa
@@ -281,10 +294,10 @@ tester.run('html-indent', rule, loadPatterns(
           </pre>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <textarea>
         aaa
@@ -293,10 +306,10 @@ tester.run('html-indent', rule, loadPatterns(
           </textarea>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <pre>
         <span>aaa</span>
@@ -305,10 +318,10 @@ tester.run('html-indent', rule, loadPatterns(
           </pre>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <pre>aaa
         bbb ccc
@@ -316,10 +329,10 @@ tester.run('html-indent', rule, loadPatterns(
         fff</pre>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <pre><span>aaa</span>
         <span>bbb</span> <span>ccc</span>
@@ -327,10 +340,10 @@ tester.run('html-indent', rule, loadPatterns(
         <span>fff</span></pre>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div><pre>aaa
         bbb ccc
@@ -338,10 +351,10 @@ tester.run('html-indent', rule, loadPatterns(
         fff</pre></div>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div><textarea>aaa
         bbb ccc
@@ -349,10 +362,10 @@ tester.run('html-indent', rule, loadPatterns(
         fff</textarea></div>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <pre>
         <!-- comment -->
@@ -360,10 +373,10 @@ tester.run('html-indent', rule, loadPatterns(
         <!-- comment --></pre>
         </template>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <pre>
         <!-- comment --> text <span />
@@ -381,15 +394,15 @@ tester.run('html-indent', rule, loadPatterns(
         text <span /> <!-- comment --></pre>
         </template>
       `
-    }
-  ],
+      }
+    ],
 
-  // Invalid
-  [
-    // TemplateLiteral
-    {
-      filename: 'test.vue',
-      code: unIndent`
+    // Invalid
+    [
+      // TemplateLiteral
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
             <div
                 v-bind:b="
@@ -402,7 +415,7 @@ tester.run('html-indent', rule, loadPatterns(
             ></div>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
             <div
                 v-bind:b="
@@ -415,59 +428,68 @@ tester.run('html-indent', rule, loadPatterns(
             ></div>
         </template>
       `,
-      options: [4],
-      errors: [
-        { message: 'Expected indentation of 12 spaces but found 10 spaces.', line: 4 }
-      ]
-    },
+        options: [4],
+        errors: [
+          {
+            message: 'Expected indentation of 12 spaces but found 10 spaces.',
+            line: 4
+          }
+        ]
+      },
 
-    // A mix of spaces and tabs.
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // A mix of spaces and tabs.
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           <div>
           \tHello
           </div>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           <div>
             Hello
           </div>
         </template>
       `,
-      errors: [
-        { message: 'Expected " " character, but found "\\t" character.', line: 3 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected " " character, but found "\\t" character.',
+            line: 3
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         \t<div>
         \t    Hello
         \t</div>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
         \t<div>
         \t\tHello
         \t</div>
         </template>
       `,
-      options: ['tab'],
-      errors: [
-        { message: 'Expected "\\t" character, but found " " character.', line: 3 }
-      ]
-    },
+        options: ['tab'],
+        errors: [
+          {
+            message: 'Expected "\\t" character, but found " " character.',
+            line: 3
+          }
+        ]
+      },
 
-    // Comments
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Comments
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         <!-- comment -->
         {{
@@ -477,7 +499,7 @@ tester.run('html-indent', rule, loadPatterns(
         }}
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           <!-- comment -->
           {{
@@ -487,18 +509,36 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 2 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 3 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 4 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 5 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 6 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 7 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 2
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 4
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 5
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 6
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 7
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
           {{
           /*
@@ -508,7 +548,7 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           {{
             /*
@@ -518,14 +558,20 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 4 spaces but found 2 spaces.', line: 3 },
-        { message: 'Expected indentation of 4 spaces but found 2 spaces.', line: 6 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected indentation of 4 spaces but found 2 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 2 spaces.',
+            line: 6
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         {{
         message
@@ -535,7 +581,7 @@ tester.run('html-indent', rule, loadPatterns(
         <!-- comment -->
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           {{
             message
@@ -545,17 +591,32 @@ tester.run('html-indent', rule, loadPatterns(
         <!-- comment -->
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 2 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 3 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 4 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 5 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 6 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 2
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 4
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 5
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 6
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         {{
         message
@@ -565,7 +626,7 @@ tester.run('html-indent', rule, loadPatterns(
         }}
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           {{
             message
@@ -575,18 +636,30 @@ tester.run('html-indent', rule, loadPatterns(
           }}
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 2 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 3 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 4 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 7 }
-      ]
-    },
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 2
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 4
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 7
+          }
+        ]
+      },
 
-    // Ignores
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Ignores
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
             <div
             id=""
@@ -594,7 +667,7 @@ tester.run('html-indent', rule, loadPatterns(
                 />
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
             <div
             id=""
@@ -602,16 +675,22 @@ tester.run('html-indent', rule, loadPatterns(
             />
         </template>
       `,
-      options: [4, {
-        ignores: ['VAttribute']
-      }],
-      errors: [
-        { message: 'Expected indentation of 4 spaces but found 8 spaces.', line: 5 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        options: [
+          4,
+          {
+            ignores: ['VAttribute']
+          }
+        ],
+        errors: [
+          {
+            message: 'Expected indentation of 4 spaces but found 8 spaces.',
+            line: 5
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
             {{
               obj
@@ -621,7 +700,7 @@ tester.run('html-indent', rule, loadPatterns(
             }}
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
             {{
                 obj
@@ -631,21 +710,33 @@ tester.run('html-indent', rule, loadPatterns(
             }}
         </template>
       `,
-      options: [4, {
-        // Ignore inside of computed properties.
-        ignores: ['MemberExpression[computed=true] *.property']
-      }],
-      errors: [
-        { message: 'Expected indentation of 8 spaces but found 6 spaces.', line: 3 },
-        { message: 'Expected indentation of 12 spaces but found 8 spaces.', line: 4 },
-        { message: 'Expected indentation of 12 spaces but found 8 spaces.', line: 6 }
-      ]
-    },
+        options: [
+          4,
+          {
+            // Ignore inside of computed properties.
+            ignores: ['MemberExpression[computed=true] *.property']
+          }
+        ],
+        errors: [
+          {
+            message: 'Expected indentation of 8 spaces but found 6 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 12 spaces but found 8 spaces.',
+            line: 4
+          },
+          {
+            message: 'Expected indentation of 12 spaces but found 8 spaces.',
+            line: 6
+          }
+        ]
+      },
 
-    // Pre, Textarea
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Pre, Textarea
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         <pre
         style=""
@@ -656,7 +747,7 @@ tester.run('html-indent', rule, loadPatterns(
         </pre>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           <pre
             style=""
@@ -667,15 +758,24 @@ tester.run('html-indent', rule, loadPatterns(
         </pre>
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 2 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 3 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 4 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 2
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 4
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         <pre
         :class="[
@@ -690,7 +790,7 @@ tester.run('html-indent', rule, loadPatterns(
         </pre>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           <pre
             :class="[
@@ -705,19 +805,40 @@ tester.run('html-indent', rule, loadPatterns(
         </pre>
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 2 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 3 },
-        { message: 'Expected indentation of 6 spaces but found 0 spaces.', line: 4 },
-        { message: 'Expected indentation of 6 spaces but found 0 spaces.', line: 5 },
-        { message: 'Expected indentation of 6 spaces but found 0 spaces.', line: 6 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 7 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 8 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 2
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 6 spaces but found 0 spaces.',
+            line: 4
+          },
+          {
+            message: 'Expected indentation of 6 spaces but found 0 spaces.',
+            line: 5
+          },
+          {
+            message: 'Expected indentation of 6 spaces but found 0 spaces.',
+            line: 6
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 7
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 8
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         <textarea
         :class="[
@@ -732,7 +853,7 @@ tester.run('html-indent', rule, loadPatterns(
         </textarea>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
           <textarea
             :class="[
@@ -747,34 +868,59 @@ tester.run('html-indent', rule, loadPatterns(
         </textarea>
         </template>
       `,
-      errors: [
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 2 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 3 },
-        { message: 'Expected indentation of 6 spaces but found 0 spaces.', line: 4 },
-        { message: 'Expected indentation of 6 spaces but found 0 spaces.', line: 5 },
-        { message: 'Expected indentation of 6 spaces but found 0 spaces.', line: 6 },
-        { message: 'Expected indentation of 4 spaces but found 0 spaces.', line: 7 },
-        { message: 'Expected indentation of 2 spaces but found 0 spaces.', line: 8 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 2
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 3
+          },
+          {
+            message: 'Expected indentation of 6 spaces but found 0 spaces.',
+            line: 4
+          },
+          {
+            message: 'Expected indentation of 6 spaces but found 0 spaces.',
+            line: 5
+          },
+          {
+            message: 'Expected indentation of 6 spaces but found 0 spaces.',
+            line: 6
+          },
+          {
+            message: 'Expected indentation of 4 spaces but found 0 spaces.',
+            line: 7
+          },
+          {
+            message: 'Expected indentation of 2 spaces but found 0 spaces.',
+            line: 8
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <template>
         \t <div attr1
         \t\t attr2/>
         </template>
       `,
-      output: unIndent`
+        output: unIndent`
         <template>
         \t<div attr1
         \t\t attr2/>
         </template>
       `,
-      options: ['tab', { 'ignores': ['VAttribute'] }],
-      errors: [
-        { message: 'Expected "\\t" character, but found " " character.', line: 2 }
-      ]
-    }
-  ]
-))
+        options: ['tab', { ignores: ['VAttribute'] }],
+        errors: [
+          {
+            message: 'Expected "\\t" character, but found " " character.',
+            line: 2
+          }
+        ]
+      }
+    ]
+  )
+)
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 53750272c..d74d41dd3 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -35,35 +35,37 @@ const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/script-indent/')
  * @param {object[]} additionalInvalid The array of additional invalid patterns.
  * @returns {object} The loaded patterns.
  */
-function loadPatterns (additionalValid, additionalInvalid) {
-  const valid = fs
-    .readdirSync(FIXTURE_ROOT)
-    .map(filename => {
-      const commentPattern = /^(<!--|\/\*)(.+?)(-->|\*\/)/
-      const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
-      const code = code0.replace(commentPattern, `$1${filename}$3`)
-      const baseObj = JSON.parse(commentPattern.exec(code0)[2])
-      return Object.assign(baseObj, { code, filename })
-    })
+function loadPatterns(additionalValid, additionalInvalid) {
+  const valid = fs.readdirSync(FIXTURE_ROOT).map((filename) => {
+    const commentPattern = /^(<!--|\/\*)(.+?)(-->|\*\/)/
+    const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
+    const code = code0.replace(commentPattern, `$1${filename}$3`)
+    const baseObj = JSON.parse(commentPattern.exec(code0)[2])
+    return Object.assign(baseObj, { code, filename })
+  })
   const invalid = valid
-    .map(pattern => {
-      const kind = ((pattern.options && pattern.options[0]) === 'tab') ? 'tab' : 'space'
+    .map((pattern) => {
+      const kind =
+        (pattern.options && pattern.options[0]) === 'tab' ? 'tab' : 'space'
       const output = pattern.code
-      const lines = output
-        .split('\n')
-        .map((text, number) => ({
-          number,
-          text,
-          indentSize: (/^[ \t]+/.exec(text) || [''])[0].length
-        }))
+      const lines = output.split('\n').map((text, number) => ({
+        number,
+        text,
+        indentSize: (/^[ \t]+/.exec(text) || [''])[0].length
+      }))
       const code = lines
-        .map(line => line.text.replace(/^[ \t]+/, ''))
+        .map((line) => line.text.replace(/^[ \t]+/, ''))
         .join('\n')
       const errors = lines
-        .map(line =>
+        .map((line) =>
           line.indentSize === 0
             ? null
-            : { message: `Expected indentation of ${line.indentSize} ${kind}${line.indentSize === 1 ? '' : 's'} but found 0 ${kind}s.`, line: line.number + 1 }
+            : {
+                message: `Expected indentation of ${line.indentSize} ${kind}${
+                  line.indentSize === 1 ? '' : 's'
+                } but found 0 ${kind}s.`,
+                line: line.number + 1
+              }
         )
         .filter(Boolean)
 
@@ -82,13 +84,18 @@ function loadPatterns (additionalValid, additionalInvalid) {
  * @param {string[]} strings The strings in the template literal
  * @returns {string} The template literal, with spaces removed from all lines
  */
-function unIndent (strings) {
+function unIndent(strings) {
   const templateValue = strings[0]
-  const lines = templateValue.replace(/^\n/, '').replace(/\n\s*$/, '').split('\n')
-  const lineIndents = lines.filter(line => line.trim()).map(line => line.match(/ */)[0].length)
+  const lines = templateValue
+    .replace(/^\n/, '')
+    .replace(/\n\s*$/, '')
+    .split('\n')
+  const lineIndents = lines
+    .filter((line) => line.trim())
+    .map((line) => line.match(/ */)[0].length)
   const minLineIndent = Math.min.apply(null, lineIndents)
 
-  return lines.map(line => line.slice(minLineIndent)).join('\n')
+  return lines.map((line) => line.slice(minLineIndent)).join('\n')
 }
 
 // ------------------------------------------------------------------------------
@@ -103,13 +110,16 @@ const tester = new RuleTester({
   }
 })
 
-tester.run('script-indent', rule, loadPatterns(
-  // Valid
-  [
-    // TemplateLiteral
-    {
-      filename: 'test.vue',
-      code: unIndent`
+tester.run(
+  'script-indent',
+  rule,
+  loadPatterns(
+    // Valid
+    [
+      // TemplateLiteral
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         \`
           test
@@ -118,22 +128,22 @@ tester.run('script-indent', rule, loadPatterns(
           \`
         </script>
       `
-    },
+      },
 
-    // Comments
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Comments
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         // comment
         // comment
         foo
         </script>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         /*
         * comment
@@ -141,10 +151,10 @@ tester.run('script-indent', rule, loadPatterns(
         message
         </script>
       `
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         message
         /*
@@ -152,12 +162,12 @@ tester.run('script-indent', rule, loadPatterns(
         */
         </script>
       `
-    },
+      },
 
-    // Ignores files other than .vue
-    {
-      filename: 'test.js',
-      code: unIndent`
+      // Ignores files other than .vue
+      {
+        filename: 'test.js',
+        code: unIndent`
         <script>
           \`
           test
@@ -166,12 +176,12 @@ tester.run('script-indent', rule, loadPatterns(
           \`
         </script>
       `
-    },
+      },
 
-    // Ignores
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // Ignores
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         var a
                 =
@@ -179,19 +189,22 @@ tester.run('script-indent', rule, loadPatterns(
         2
         </script>
       `,
-      options: [4, {
-        // Ignore all :D
-        ignores: ['*']
-      }]
-    }
-  ],
+        options: [
+          4,
+          {
+            // Ignore all :D
+            ignores: ['*']
+          }
+        ]
+      }
+    ],
 
-  // Invalid
-  [
-    // TemplateLiteral
-    {
-      filename: 'test.vue',
-      code: unIndent`
+    // Invalid
+    [
+      // TemplateLiteral
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
           \`
           test
@@ -200,7 +213,7 @@ tester.run('script-indent', rule, loadPatterns(
           \`
         </script>
       `,
-      output: unIndent`
+        output: unIndent`
         <script>
         \`
           test
@@ -209,34 +222,40 @@ tester.run('script-indent', rule, loadPatterns(
           \`
         </script>
       `,
-      options: [4],
-      errors: [
-        { message: 'Expected indentation of 0 spaces but found 2 spaces.', line: 2 }
-      ]
-    },
+        options: [4],
+        errors: [
+          {
+            message: 'Expected indentation of 0 spaces but found 2 spaces.',
+            line: 2
+          }
+        ]
+      },
 
-    // A mix of spaces and tabs.
-    {
-      filename: 'test.vue',
-      code: unIndent`
+      // A mix of spaces and tabs.
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         var a =
         \t1
         </script>
       `,
-      output: unIndent`
+        output: unIndent`
         <script>
         var a =
           1
         </script>
       `,
-      errors: [
-        { message: 'Expected " " character, but found "\\t" character.', line: 3 }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: unIndent`
+        errors: [
+          {
+            message: 'Expected " " character, but found "\\t" character.',
+            line: 3
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
         <script>
         var obj = {
           a: 1,
@@ -244,7 +263,7 @@ tester.run('script-indent', rule, loadPatterns(
         }
         </script>
       `,
-      output: unIndent`
+        output: unIndent`
         <script>
         var obj = {
         \ta: 1,
@@ -252,11 +271,18 @@ tester.run('script-indent', rule, loadPatterns(
         }
         </script>
       `,
-      options: ['tab'],
-      errors: [
-        { message: 'Expected "\\t" character, but found " " character.', line: 3 },
-        { message: 'Expected "\\t" character, but found " " character.', line: 4 }
-      ]
-    }
-  ]
-))
+        options: ['tab'],
+        errors: [
+          {
+            message: 'Expected "\\t" character, but found " " character.',
+            line: 3
+          },
+          {
+            message: 'Expected "\\t" character, but found " " character.',
+            line: 4
+          }
+        ]
+      }
+    ]
+  )
+)

From fb1fb7946a338173908471a2e4be4dab4c403568 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 11:13:16 +0900
Subject: [PATCH 0101/1010] Add `vue/no-deprecated-dollar-scopedslots-api`
 rule. (#1177)

---
 docs/rules/README.md                          |   1 +
 .../no-deprecated-dollar-scopedslots-api.md   |  47 +++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 .../no-deprecated-dollar-scopedslots-api.js   |  79 +++++
 .../no-deprecated-dollar-scopedslots-api.js   | 288 ++++++++++++++++++
 6 files changed, 417 insertions(+)
 create mode 100644 docs/rules/no-deprecated-dollar-scopedslots-api.md
 create mode 100644 lib/rules/no-deprecated-dollar-scopedslots-api.js
 create mode 100644 tests/lib/rules/no-deprecated-dollar-scopedslots-api.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 8d3e9fb32..40548ec13 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -43,6 +43,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-dollar-scopedslots-api](./no-deprecated-dollar-scopedslots-api.md) | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  |
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
new file mode 100644
index 000000000..9b1d577c7
--- /dev/null
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -0,0 +1,47 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-dollar-scopedslots-api
+description: disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-dollar-scopedslots-api
+> disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `$scopedSlots`. (in Vue.js 3.0.0+).
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-dollar-scopedslots-api': ['error']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <div v-if="$scopedSlots.default"><slot /></div>
+</template>
+<script>
+export default {
+  render() {
+    /* ✗ BAD */
+    return this.$scopedSlots.default()
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-dollar-scopedslots-api.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index b2aec42d8..0e3e02f74 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -11,6 +11,7 @@ module.exports = {
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-dollar-listeners-api': 'error',
+    'vue/no-deprecated-dollar-scopedslots-api': 'error',
     'vue/no-deprecated-events-api': 'error',
     'vue/no-deprecated-filter': 'error',
     'vue/no-deprecated-functional-template': 'error',
diff --git a/lib/index.js b/lib/index.js
index d5fc21229..6eb4dc340 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -50,6 +50,7 @@ module.exports = {
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-dollar-listeners-api': require('./rules/no-deprecated-dollar-listeners-api'),
+    'no-deprecated-dollar-scopedslots-api': require('./rules/no-deprecated-dollar-scopedslots-api'),
     'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
     'no-deprecated-filter': require('./rules/no-deprecated-filter'),
     'no-deprecated-functional-template': require('./rules/no-deprecated-functional-template'),
diff --git a/lib/rules/no-deprecated-dollar-scopedslots-api.js b/lib/rules/no-deprecated-dollar-scopedslots-api.js
new file mode 100644
index 000000000..f369c70ff
--- /dev/null
+++ b/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -0,0 +1,79 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-dollar-scopedslots-api.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      deprecated: 'The `$scopedSlots` is deprecated.'
+    }
+  },
+
+  create(context) {
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VExpressionContainer(node) {
+          for (const reference of node.references) {
+            if (reference.variable != null) {
+              // Not vm reference
+              continue
+            }
+            if (reference.id.name === '$scopedSlots') {
+              context.report({
+                node: reference.id,
+                messageId: 'deprecated',
+                fix(fixer) {
+                  return fixer.replaceText(reference.id, '$slots')
+                }
+              })
+            }
+          }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        MemberExpression(node) {
+          if (
+            node.property.type !== 'Identifier' ||
+            node.property.name !== '$scopedSlots'
+          ) {
+            return
+          }
+          if (!utils.isThis(node.object, context)) {
+            return
+          }
+
+          context.report({
+            node: node.property,
+            messageId: 'deprecated',
+            fix(fixer) {
+              return fixer.replaceText(node.property, '$slots')
+            }
+          })
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
new file mode 100644
index 000000000..303e5de99
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -0,0 +1,288 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-dollar-scopedslots-api')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+})
+ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-bind="$attrs"/>
+        </template>
+        <script>
+        export default {
+          mounted () {
+            this.$emit('start')
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          methods: {
+            click () {
+              this.$emit('click')
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+        }
+        const another = function () {
+          console.log(this.$scopedSlots)
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div foo="$scopedSlots"/>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-on="() => {
+            function click ($scopedSlots) {
+              fn(foo.$scopedSlots)
+              fn($scopedSlots)
+            }
+          }"/>
+          <div v-for="$scopedSlots in list">
+            <div v-on="$scopedSlots">
+          </div>
+          <VueComp>
+            <template v-slot="{$scopedSlots}">
+              <div v-on="$scopedSlots">
+            </template>
+          </VueComp>
+        </template>
+        <script>
+        export default {
+          methods: {
+            click ($scopedSlots) {
+              foo.$scopedSlots
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          computed: {
+            foo () {
+              const {vm} = this
+              return vm.$scopedSlots
+            }
+          }
+        }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="$scopedSlots.default"/>
+        </template>
+        <script>
+        export default {
+          render() {
+            return this.$scopedSlots.foo('bar')
+          }
+        }
+        </script>
+      `,
+      output: `
+        <template>
+          <div v-if="$slots.default"/>
+        </template>
+        <script>
+        export default {
+          render() {
+            return this.$slots.foo('bar')
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 22,
+          messageId: 'deprecated',
+          endLine: 3,
+          endColumn: 34
+        },
+        {
+          line: 8,
+          column: 25,
+          messageId: 'deprecated',
+          endLine: 8,
+          endColumn: 37
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="slot in $scopedSlots"/>
+          <div :foo="$scopedSlots"/>
+        </template>
+        <script>
+        export default {
+          computed: {
+            foo () {
+              fn(this.$scopedSlots)
+            }
+          }
+        }
+        </script>
+      `,
+      output: `
+        <template>
+          <div v-for="slot in $slots"/>
+          <div :foo="$slots"/>
+        </template>
+        <script>
+        export default {
+          computed: {
+            foo () {
+              fn(this.$slots)
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 3,
+          column: 31,
+          messageId: 'deprecated',
+          endLine: 3,
+          endColumn: 43
+        },
+        {
+          line: 4,
+          column: 22,
+          messageId: 'deprecated',
+          endLine: 4,
+          endColumn: 34
+        },
+        {
+          line: 10,
+          column: 23,
+          messageId: 'deprecated',
+          endLine: 10,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          render() {
+            const vm = this
+            return vm.$scopedSlots.foo('bar')
+          }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+          render() {
+            const vm = this
+            return vm.$slots.foo('bar')
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 6,
+          column: 23,
+          messageId: 'deprecated'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          render() {
+            const vm = this
+            function fn() {
+              return vm.$scopedSlots
+            }
+            return fn().foo('bar')
+          }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+          render() {
+            const vm = this
+            function fn() {
+              return vm.$slots
+            }
+            return fn().foo('bar')
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          line: 7,
+          column: 25,
+          messageId: 'deprecated'
+        }
+      ]
+    }
+  ]
+})

From ffe9ecea8895fbfa2fb1566898f8a5c828107c83 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 11:14:24 +0900
Subject: [PATCH 0102/1010] Add `vue/require-slots-as-functions` rule. (#1178)

* Add `vue/require-slots-as-functions` rule.

* Update require-slots-as-functions.js
---
 docs/rules/README.md                          |   1 +
 docs/rules/require-slots-as-functions.md      |  48 +++++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/require-slots-as-functions.js       | 124 ++++++++++++++++++
 tests/lib/rules/require-slots-as-functions.js | 115 ++++++++++++++++
 6 files changed, 290 insertions(+)
 create mode 100644 docs/rules/require-slots-as-functions.md
 create mode 100644 lib/rules/require-slots-as-functions.js
 create mode 100644 tests/lib/rules/require-slots-as-functions.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 40548ec13..dd5718b08 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -75,6 +75,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
 | [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
+| [vue/require-slots-as-functions](./require-slots-as-functions.md) | enforce properties of `$slots` to be used as a function |  |
 | [vue/require-toggle-inside-transition](./require-toggle-inside-transition.md) | require control the display of the content inside `<transition>` |  |
 | [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
new file mode 100644
index 000000000..8b4c01f91
--- /dev/null
+++ b/docs/rules/require-slots-as-functions.md
@@ -0,0 +1,48 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-slots-as-functions
+description: enforce properties of `$slots` to be used as a function
+---
+# vue/require-slots-as-functions
+> enforce properties of `$slots` to be used as a function
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule enforces the properties of `$slots` to be used as a function.  
+`this.$slots.default` was an array of VNode in Vue.js 2.x, but changed to a function that returns an array of VNode in Vue.js 3.x.
+
+<eslint-code-block :rules="{'vue/require-slots-as-functions': ['error']}">
+
+```vue
+<script>
+export default {
+  render(h) {
+    /* ✓ GOOD */
+    var children = this.$slots.default()
+    var children = this.$slots.default && this.$slots.default()
+
+    /* ✗ BAD */
+    var children = [...this.$slots.default]
+    var children = this.$slots.default.filter(test)
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-slots-as-functions.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-slots-as-functions.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 0e3e02f74..b802623da 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -43,6 +43,7 @@ module.exports = {
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
+    'vue/require-slots-as-functions': 'error',
     'vue/require-toggle-inside-transition': 'error',
     'vue/require-v-for-key': 'error',
     'vue/require-valid-default-prop': 'error',
diff --git a/lib/index.js b/lib/index.js
index 6eb4dc340..f41be8ba7 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -112,6 +112,7 @@ module.exports = {
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
     'require-prop-types': require('./rules/require-prop-types'),
     'require-render-return': require('./rules/require-render-return'),
+    'require-slots-as-functions': require('./rules/require-slots-as-functions'),
     'require-toggle-inside-transition': require('./rules/require-toggle-inside-transition'),
     'require-v-for-key': require('./rules/require-v-for-key'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
new file mode 100644
index 000000000..07493ddbb
--- /dev/null
+++ b/lib/rules/require-slots-as-functions.js
@@ -0,0 +1,124 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const { findVariable } = require('eslint-utils')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce properties of `$slots` to be used as a function',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/require-slots-as-functions.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'Property in `$slots` should be used as function.'
+    }
+  },
+
+  create(context) {
+    /**
+     * Verify the given node
+     * @param {MemberExpression | Identifier} node The node to verify
+     * @param {Expression} reportNode The node to report
+     */
+    function verify(node, reportNode) {
+      const parent = node.parent
+
+      if (
+        parent.type === 'VariableDeclarator' &&
+        parent.id.type === 'Identifier'
+      ) {
+        // const children = this.$slots.foo
+        verifyReferences(parent.id, reportNode)
+        return
+      }
+
+      if (
+        parent.type === 'AssignmentExpression' &&
+        parent.right === node &&
+        parent.left.type === 'Identifier'
+      ) {
+        // children = this.$slots.foo
+        verifyReferences(parent.left, reportNode)
+        return
+      }
+
+      if (
+        // this.$slots.foo.xxx
+        parent.type === 'MemberExpression' ||
+        // var [foo] = this.$slots.foo
+        parent.type === 'VariableDeclarator' ||
+        // [...this.$slots.foo]
+        parent.type === 'SpreadElement' ||
+        // [this.$slots.foo]
+        parent.type === 'ArrayExpression'
+      ) {
+        context.report({
+          node: reportNode,
+          messageId: 'unexpected'
+        })
+      }
+    }
+    /**
+     * Verify the references of the given node.
+     * @param {Identifier} node The node to verify
+     * @param {Expression} reportNode The node to report
+     */
+    function verifyReferences(node, reportNode) {
+      // @ts-ignore
+      const variable = findVariable(context.getScope(), node)
+      if (!variable) {
+        return
+      }
+      for (const reference of variable.references) {
+        if (!reference.isRead()) {
+          continue
+        }
+        /** @type {Identifier} */
+        const id = reference.identifier
+        verify(id, reportNode)
+      }
+    }
+
+    return utils.defineVueVisitor(context, {
+      /** @param {MemberExpression} node */
+      MemberExpression(node) {
+        const object = node.object
+        if (object.type !== 'MemberExpression') {
+          return
+        }
+        if (
+          object.property.type !== 'Identifier' ||
+          object.property.name !== '$slots'
+        ) {
+          return
+        }
+        if (!utils.isThis(object.object, context)) {
+          return
+        }
+        verify(node, node.property)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/require-slots-as-functions.js b/tests/lib/rules/require-slots-as-functions.js
new file mode 100644
index 000000000..9d79a1ec7
--- /dev/null
+++ b/tests/lib/rules/require-slots-as-functions.js
@@ -0,0 +1,115 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/require-slots-as-functions')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+})
+ruleTester.run('require-slots-as-functions', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          var children = this.$slots.default()
+          var children = this.$slots.default && this.$slots.default()
+
+          return h('div', this.$slots.default)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          var children = unknown.$slots.default
+          var children = unknown.$slots.default.filter(test)
+
+          return h('div', [...children])
+        }
+      }
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          var children = this.$slots.default
+          var children = this.$slots.default.filter(test)
+
+          return h('div', [...children])
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Property in `$slots` should be used as function.',
+          line: 5,
+          column: 38,
+          endLine: 5,
+          endColumn: 45
+        },
+        {
+          message: 'Property in `$slots` should be used as function.',
+          line: 6,
+          column: 38,
+          endLine: 6,
+          endColumn: 45
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          let children
+
+          const [node] = this.$slots.foo
+          const bar = [this.$slots[foo]]
+
+          children = this.$slots.foo
+
+          return h('div', children.filter(test))
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'Property in `$slots` should be used as function.',
+        'Property in `$slots` should be used as function.',
+        'Property in `$slots` should be used as function.'
+      ]
+    }
+  ]
+})

From 52f34e93bcc06c6ba3c341e351b251e0f6721e87 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 11:17:06 +0900
Subject: [PATCH 0103/1010] Add `vue/no-multiple-slot-args` rule. (#1179)

* Add `vue/no-multiple-slot-args` rule.

* Fixed testcase
---
 docs/rules/README.md                     |   2 +
 docs/rules/no-multiple-slot-args.md      |  49 +++++++
 lib/configs/recommended.js               |   1 +
 lib/configs/vue3-recommended.js          |   1 +
 lib/index.js                             |   1 +
 lib/rules/no-multiple-slot-args.js       | 127 ++++++++++++++++++
 tests/lib/rules/no-multiple-slot-args.js | 164 +++++++++++++++++++++++
 7 files changed, 345 insertions(+)
 create mode 100644 docs/rules/no-multiple-slot-args.md
 create mode 100644 lib/rules/no-multiple-slot-args.js
 create mode 100644 tests/lib/rules/no-multiple-slot-args.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index dd5718b08..f3e2bfdf6 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -147,6 +147,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
 | [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
 | [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template |  |
@@ -254,6 +255,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
 | [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
 | [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template |  |
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
new file mode 100644
index 000000000..d0d319458
--- /dev/null
+++ b/docs/rules/no-multiple-slot-args.md
@@ -0,0 +1,49 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-multiple-slot-args
+description: disallow to pass multiple arguments to scoped slots
+---
+# vue/no-multiple-slot-args
+> disallow to pass multiple arguments to scoped slots
+
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule disallows to pass multiple arguments to scoped slots.  
+In details, it reports call expressions if a call of `this.$scopedSlots` members has 2 or more arguments.
+
+<eslint-code-block :rules="{'vue/no-multiple-slot-args': ['error']}">
+
+```vue
+<script>
+export default {
+  render(h) {
+    /* ✓ GOOD */
+    var children = this.$scopedSlots.default()
+    var children = this.$scopedSlots.default(foo)
+    var children = this.$scopedSlots.default({ foo, bar })
+
+    /* ✗ BAD */
+    var children = this.$scopedSlots.default(foo, bar)
+    var children = this.$scopedSlots.default(...foo)
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further reading
+
+- [vuejs/vue#9468](https://github.com/vuejs/vue/issues/9468#issuecomment-462210146)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-slot-args.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-multiple-slot-args.js)
diff --git a/lib/configs/recommended.js b/lib/configs/recommended.js
index e3ca8eba7..e6388e158 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
+    'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
     'vue/this-in-template': 'warn'
diff --git a/lib/configs/vue3-recommended.js b/lib/configs/vue3-recommended.js
index 700f0f8f5..318690c33 100644
--- a/lib/configs/vue3-recommended.js
+++ b/lib/configs/vue3-recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
+    'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
     'vue/this-in-template': 'warn'
diff --git a/lib/index.js b/lib/index.js
index f41be8ba7..c0041525f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -71,6 +71,7 @@ module.exports = {
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
+    'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
     'no-parsing-error': require('./rules/no-parsing-error'),
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
new file mode 100644
index 000000000..e8bcae96c
--- /dev/null
+++ b/lib/rules/no-multiple-slot-args.js
@@ -0,0 +1,127 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const { findVariable } = require('eslint-utils')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow to pass multiple arguments to scoped slots',
+      categories: ['vue3-recommended', 'recommended'],
+      url: 'https://eslint.vuejs.org/rules/no-multiple-slot-args.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'Unexpected multiple arguments.',
+      unexpectedSpread: 'Unexpected spread argument.'
+    }
+  },
+
+  create(context) {
+    /**
+     * Verify the given node
+     * @param {MemberExpression | Identifier} node The node to verify
+     */
+    function verify(node) {
+      const parent = node.parent
+
+      if (
+        parent.type === 'VariableDeclarator' &&
+        parent.id.type === 'Identifier'
+      ) {
+        // const foo = this.$scopedSlots.foo
+        verifyReferences(parent.id)
+        return
+      }
+
+      if (
+        parent.type === 'AssignmentExpression' &&
+        parent.right === node &&
+        parent.left.type === 'Identifier'
+      ) {
+        // foo = this.$scopedSlots.foo
+        verifyReferences(parent.left)
+        return
+      }
+
+      if (parent.type !== 'CallExpression' || parent.arguments.includes(node)) {
+        return
+      }
+
+      if (!parent.arguments.length) {
+        return
+      }
+      if (parent.arguments.length > 1) {
+        context.report({
+          node: parent.arguments[1],
+          messageId: 'unexpected'
+        })
+      }
+      if (parent.arguments[0].type === 'SpreadElement') {
+        context.report({
+          node: parent.arguments[0],
+          messageId: 'unexpectedSpread'
+        })
+      }
+    }
+    /**
+     * Verify the references of the given node.
+     * @param {Identifier} node The node to verify
+     */
+    function verifyReferences(node) {
+      // @ts-ignore
+      const variable = findVariable(context.getScope(), node)
+      if (!variable) {
+        return
+      }
+      for (const reference of variable.references) {
+        if (!reference.isRead()) {
+          continue
+        }
+        /** @type {Identifier} */
+        const id = reference.identifier
+        verify(id)
+      }
+    }
+
+    return utils.defineVueVisitor(context, {
+      /** @param {MemberExpression} node */
+      MemberExpression(node) {
+        const object = node.object
+        if (object.type !== 'MemberExpression') {
+          return
+        }
+        if (
+          object.property.type !== 'Identifier' ||
+          (object.property.name !== '$slots' &&
+            object.property.name !== '$scopedSlots')
+        ) {
+          return
+        }
+        if (!utils.isThis(object.object, context)) {
+          return
+        }
+        verify(node)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-multiple-slot-args.js b/tests/lib/rules/no-multiple-slot-args.js
new file mode 100644
index 000000000..fb42767b9
--- /dev/null
+++ b/tests/lib/rules/no-multiple-slot-args.js
@@ -0,0 +1,164 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-multiple-slot-args')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+})
+ruleTester.run('no-multiple-slot-args', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          var children = this.$scopedSlots.default()
+          var children = this.$scopedSlots.foo(foo)
+          const bar = this.$scopedSlots.bar
+          bar(foo)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          unknown.$scopedSlots.default(foo, bar)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          // for Vue3
+          var children = this.$slots.default()
+          var children = this.$slots.foo(foo)
+          const bar = this.$slots.bar
+          bar(foo)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          this.$foo.default(foo, bar)
+        }
+      }
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          this.$scopedSlots.default(foo, bar)
+          this.$scopedSlots.foo(foo, bar)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 5,
+          column: 42,
+          endLine: 5,
+          endColumn: 45
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 6,
+          column: 38,
+          endLine: 6,
+          endColumn: 41
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          let children
+
+          this.$scopedSlots.default(foo, { bar })
+
+          children = this.$scopedSlots.foo
+          if (children) children(...foo)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 7,
+          column: 42,
+          endLine: 7,
+          endColumn: 49
+        },
+        {
+          message: 'Unexpected spread argument.',
+          line: 10,
+          column: 34,
+          endLine: 10,
+          endColumn: 40
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          // for Vue3
+          this.$slots.default(foo, bar)
+          this.$slots.foo(foo, bar)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.'
+      ]
+    }
+  ]
+})

From 083ea82d88b93714eca99c0669a80006f812a1d7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 11:18:08 +0900
Subject: [PATCH 0104/1010] Improved `vue/no-ref-as-operand` rule. (#1180)

- Changed `vue/no-ref-as-operand` rule to additionally track variables generated by `computed`, `toRef`, `customRef` and `shallowRef`.
- Changed `vue/no-ref-as-operand` rule to report incorrect use of TemplateLiteral and MemberExpression.
---
 docs/rules/no-ref-as-operand.md      |   3 +-
 lib/rules/no-ref-as-operand.js       |  56 ++++++++++++---
 tests/lib/rules/no-ref-as-operand.js | 103 ++++++++++++++++++++++++++-
 3 files changed, 151 insertions(+), 11 deletions(-)

diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index c983d669d..609a07279 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -11,7 +11,8 @@ description: disallow use of value wrapped by `ref()` (Composition API) as an op
 
 ## :book: Rule Details
 
-This rule reports cases where a ref is used incorrectly as an operand.
+This rule reports cases where a ref is used incorrectly as an operand.  
+You must use `.value` to access the `Ref` value.
 
 <eslint-code-block :rules="{'vue/no-ref-as-operand': ['error']}">
 
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 11873edf0..cfd09921c 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 const { ReferenceTracker, findVariable } = require('eslint-utils')
+const utils = require('../utils')
 
 module.exports = {
   meta: {
@@ -18,19 +19,23 @@ module.exports = {
     schema: [],
     messages: {
       requireDotValue:
-        'Must use `.value` to read or write the value wrapped by `ref()`.'
+        'Must use `.value` to read or write the value wrapped by `{{method}}()`.'
     }
   },
   create(context) {
     const refReferenceIds = new Map()
 
     function reportIfRefWrapped(node) {
-      if (!refReferenceIds.has(node)) {
+      const data = refReferenceIds.get(node)
+      if (!data) {
         return
       }
       context.report({
         node,
-        messageId: 'requireDotValue'
+        messageId: 'requireDotValue',
+        data: {
+          method: data.method
+        }
       })
     }
     return {
@@ -41,11 +46,23 @@ module.exports = {
             [ReferenceTracker.ESM]: true,
             ref: {
               [ReferenceTracker.CALL]: true
+            },
+            computed: {
+              [ReferenceTracker.CALL]: true
+            },
+            toRef: {
+              [ReferenceTracker.CALL]: true
+            },
+            customRef: {
+              [ReferenceTracker.CALL]: true
+            },
+            shallowRef: {
+              [ReferenceTracker.CALL]: true
             }
           }
         }
 
-        for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+        for (const { node, path } of tracker.iterateEsmReferences(traceMap)) {
           const variableDeclarator = node.parent
           if (
             !variableDeclarator ||
@@ -73,7 +90,8 @@ module.exports = {
 
             refReferenceIds.set(reference.identifier, {
               variableDeclarator,
-              variableDeclaration
+              variableDeclaration,
+              method: path[1]
             })
           }
         }
@@ -108,13 +126,13 @@ module.exports = {
           return
         }
         // Report only constants.
-        const info = refReferenceIds.get(node)
-        if (!info) {
+        const data = refReferenceIds.get(node)
+        if (!data) {
           return
         }
         if (
-          !info.variableDeclaration ||
-          info.variableDeclaration.kind !== 'const'
+          !data.variableDeclaration ||
+          data.variableDeclaration.kind !== 'const'
         ) {
           return
         }
@@ -126,6 +144,26 @@ module.exports = {
           return
         }
         reportIfRefWrapped(node)
+      },
+      // `${refValue}`
+      'TemplateLiteral>Identifier'(node) {
+        reportIfRefWrapped(node)
+      },
+      // refValue.x
+      'MemberExpression>Identifier'(node) {
+        if (node.parent.object !== node) {
+          return
+        }
+        const name = utils.getStaticPropertyName(node.parent)
+        if (
+          name === 'value' ||
+          name == null ||
+          // WritableComputedRef
+          name === 'effect'
+        ) {
+          return
+        }
+        reportIfRefWrapped(node)
       }
     }
   }
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 6eeb11b54..5d53a5571 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -103,7 +103,25 @@ tester.run('no-ref-as-operand', rule, {
     import { ref } from 'vue'
     const count = ref
     count++
-    `
+    `,
+    {
+      code: `
+      <script>
+        import { ref, computed, toRef, customRef, shallowRef } from 'vue'
+        const foo = shallowRef({})
+        foo[bar] = 123
+      </script>
+      `
+    },
+    {
+      code: `
+      <script>
+        import { ref, computed, toRef, customRef, shallowRef } from 'vue'
+        const foo = shallowRef({})
+        const isComp = foo.effect
+      </script>
+      `
+    }
   ],
   invalid: [
     {
@@ -332,6 +350,89 @@ tester.run('no-ref-as-operand', rule, {
           line: 9
         }
       ]
+    },
+    {
+      code: `
+      <script>
+        import { ref, computed, toRef, customRef, shallowRef } from 'vue'
+        let count = ref(0)
+        let cntcnt = computed(()=>count.value+count.value)
+
+        const state = reactive({
+          foo: 1,
+          bar: 2
+        })
+
+        const fooRef = toRef(state, 'foo')
+
+        let value = 'hello'
+        const cref = customRef((track, trigger) => {
+          return {
+            get() {
+              track()
+              return value
+            },
+            set(newValue) {
+              clearTimeout(timeout)
+              timeout = setTimeout(() => {
+                value = newValue
+                trigger()
+              }, delay)
+            }
+          }
+        })
+
+        const foo = shallowRef({})
+
+        count++ // error
+        cntcnt++ // error
+
+        const s = \`\${fooRef} : \${cref}\` // error x 2
+
+        const n = foo + 1 // error
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 33
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `computed()`.',
+          line: 34
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `toRef()`.',
+          line: 36
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `customRef()`.',
+          line: 36
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `shallowRef()`.',
+          line: 38
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+        import { ref, computed, toRef, customRef, shallowRef } from 'vue'
+        const foo = shallowRef({})
+        foo.bar = 123
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue'
+        }
+      ]
     }
   ]
 })

From 50bf17a748a39b2d6865774ae82131c4f40ecd25 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 11:19:22 +0900
Subject: [PATCH 0105/1010] Improved autofix of `vue/order-in-components` rule
 to understand "Nullish Coalescing". (#1183)

---
 lib/rules/order-in-components.js       | 20 +++++++++++---------
 tests/lib/rules/order-in-components.js |  6 ++++--
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index d26fa7d10..2366cabbf 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -64,7 +64,7 @@ function isComma (node) {
   return node.type === 'Punctuator' && node.value === ','
 }
 
-const ARITHMETIC_OPERATORS = ['+', '-', '*', '/', '%', '**']
+const ARITHMETIC_OPERATORS = ['+', '-', '*', '/', '%', '**'/* es2016 */]
 const BITWISE_OPERATORS = ['&', '|', '^', '~', '<<', '>>', '>>>']
 const COMPARISON_OPERATORS = ['==', '!=', '===', '!==', '>', '>=', '<', '<=']
 const RELATIONAL_OPERATORS = ['in', 'instanceof']
@@ -74,7 +74,7 @@ const ALL_BINARY_OPERATORS = [].concat(
   COMPARISON_OPERATORS,
   RELATIONAL_OPERATORS
 )
-const LOGICAL_OPERATORS = ['&&', '||']
+const LOGICAL_OPERATORS = ['&&', '||', '??'/* es2020 */]
 
 /*
  * Result `true` if the node is sure that there are no side effects
@@ -94,17 +94,15 @@ const LOGICAL_OPERATORS = ['&&', '||']
  */
 function isNotSideEffectsNode (node, visitorKeys) {
   let result = true
-  const noSideEffectsNodes = new Set()
+  let skipNode = false
   traverseNodes(node, {
     visitorKeys,
-    enterNode (node, parent) {
-      if (!result) {
+    enterNode (node) {
+      if (!result || skipNode) {
         return
       }
 
       if (
-        // parent has no side effects
-        noSideEffectsNodes.has(parent) ||
         // no side effects node
         node.type === 'FunctionExpression' ||
         node.type === 'Identifier' ||
@@ -113,7 +111,7 @@ function isNotSideEffectsNode (node, visitorKeys) {
         node.type === 'ArrowFunctionExpression' ||
         node.type === 'TemplateElement'
       ) {
-        noSideEffectsNodes.add(node)
+        skipNode = node
       } else if (
         node.type !== 'Property' &&
         node.type !== 'ObjectExpression' &&
@@ -131,7 +129,11 @@ function isNotSideEffectsNode (node, visitorKeys) {
         result = false
       }
     },
-    leaveNode () {}
+    leaveNode (node) {
+      if (skipNode === node) {
+        skipNode = null
+      }
+    }
   })
 
   return result
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index f94b4ec67..538234944 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -10,7 +10,7 @@ const RuleTester = require('eslint').RuleTester
 const ruleTester = new RuleTester()
 
 const parserOptions = {
-  ecmaVersion: 2018,
+  ecmaVersion: 2020,
   sourceType: 'module'
 }
 
@@ -751,6 +751,7 @@ ruleTester.run('order-in-components', rule, {
           testConditional: a ? b : c,
           testYield: function* () {},
           testTemplate: \`a:\${a},b:\${b},c:\${c}.\`,
+          testNullish: a ?? b,
           name: 'burger',
         };
       `,
@@ -768,11 +769,12 @@ ruleTester.run('order-in-components', rule, {
           testConditional: a ? b : c,
           testYield: function* () {},
           testTemplate: \`a:\${a},b:\${b},c:\${c}.\`,
+          testNullish: a ?? b,
         };
       `,
       errors: [{
         message: 'The "name" property should be above the "data" property on line 3.',
-        line: 13
+        line: 14
       }]
     }
   ]

From af90fed4dfe1dbd618164b2d5ae1272e060604b5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 11:20:20 +0900
Subject: [PATCH 0106/1010] Improved to not report that a value is required
 when parsing error, for `vue/valid-v-bind-sync`, `vue/valid-v-bind`,
 `vue/valid-v-else-if`, `vue/valid-v-for`, `vue/valid-v-html`,
 `vue/valid-v-if`, `vue/valid-v-model`, `vue/valid-v-on`, `vue/valid-v-show`,
 `vue/valid-v-slot` and `vue/valid-v-text` rules. (#1184)

---
 lib/rules/valid-v-bind-sync.js       | 45 +++++++++--------
 lib/rules/valid-v-bind.js            |  2 +-
 lib/rules/valid-v-else-if.js         |  2 +-
 lib/rules/valid-v-else.js            |  2 +-
 lib/rules/valid-v-for.js             |  2 +-
 lib/rules/valid-v-html.js            |  2 +-
 lib/rules/valid-v-if.js              |  2 +-
 lib/rules/valid-v-model.js           | 52 ++++++++++----------
 lib/rules/valid-v-on.js              | 30 ++++++++----
 lib/rules/valid-v-show.js            |  2 +-
 lib/rules/valid-v-slot.js            |  4 +-
 lib/rules/valid-v-text.js            |  2 +-
 lib/utils/index.js                   | 73 +++++++++++++++++++++++++---
 tests/lib/rules/valid-v-bind-sync.js | 15 ++++++
 tests/lib/rules/valid-v-bind.js      | 16 ++++++
 tests/lib/rules/valid-v-cloak.js     | 18 +++++++
 tests/lib/rules/valid-v-else-if.js   | 19 ++++++++
 tests/lib/rules/valid-v-else.js      | 19 ++++++++
 tests/lib/rules/valid-v-for.js       | 27 +++++++---
 tests/lib/rules/valid-v-html.js      | 16 ++++++
 tests/lib/rules/valid-v-if.js        | 16 ++++++
 tests/lib/rules/valid-v-model.js     | 16 ++++++
 tests/lib/rules/valid-v-on.js        | 35 +++++++++++++
 tests/lib/rules/valid-v-once.js      | 18 +++++++
 tests/lib/rules/valid-v-pre.js       | 18 +++++++
 tests/lib/rules/valid-v-show.js      | 13 ++++-
 tests/lib/rules/valid-v-slot.js      | 28 ++++++++++-
 tests/lib/rules/valid-v-text.js      | 16 ++++++
 28 files changed, 426 insertions(+), 84 deletions(-)

diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 9d24442ac..6b9225308 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -37,10 +37,7 @@ function isValidElement(node) {
  * @returns {boolean} `true` if the node can be LHS.
  */
 function isLhs(node) {
-  return (
-    Boolean(node) &&
-    (node.type === 'Identifier' || node.type === 'MemberExpression')
-  )
+  return node.type === 'Identifier' || node.type === 'MemberExpression'
 }
 
 // ------------------------------------------------------------------------------
@@ -85,30 +82,32 @@ module.exports = {
           })
         }
 
-        if (node.value) {
-          if (!isLhs(node.value.expression)) {
+        if (!node.value || !node.value.expression) {
+          return
+        }
+
+        if (!isLhs(node.value.expression)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedNonLhsExpression'
+          })
+        }
+
+        for (const reference of node.value.references) {
+          const id = reference.id
+          if (id.parent.type !== 'VExpressionContainer') {
+            continue
+          }
+          const variable = reference.variable
+          if (variable) {
             context.report({
               node,
               loc: node.loc,
-              messageId: 'unexpectedNonLhsExpression'
+              messageId: 'unexpectedUpdateIterationVariable',
+              data: { varName: id.name }
             })
           }
-
-          for (const reference of node.value.references) {
-            const id = reference.id
-            if (id.parent.type !== 'VExpressionContainer') {
-              continue
-            }
-            const variable = reference.variable
-            if (variable) {
-              context.report({
-                node,
-                loc: node.loc,
-                messageId: 'unexpectedUpdateIterationVariable',
-                data: { varName: id.name }
-              })
-            }
-          }
         }
       }
     })
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index dfb1f97e2..7d88bad38 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -48,7 +48,7 @@ module.exports = {
           }
         }
 
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index b68caa746..59252855b 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -70,7 +70,7 @@ module.exports = {
             message: "'v-else-if' directives require no modifier."
           })
         }
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index 3379fa326..2479f467e 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -70,7 +70,7 @@ module.exports = {
             message: "'v-else' directives require no modifier."
           })
         }
-        if (utils.hasAttributeValue(node)) {
+        if (node.value) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 681a5dcf1..443afc2d0 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -137,7 +137,7 @@ module.exports = {
             message: "'v-for' directives require no modifier."
           })
         }
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index 1bc1fcb2b..575939a2a 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -44,7 +44,7 @@ module.exports = {
             message: "'v-html' directives require no modifier."
           })
         }
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index 6c24cabc9..c07ae2c81 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -62,7 +62,7 @@ module.exports = {
             message: "'v-if' directives require no modifier."
           })
         }
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index 7dc22a4d7..0c7431c05 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -42,10 +42,7 @@ function isValidElement(node) {
  * @returns {boolean} `true` if the node can be LHS.
  */
 function isLhs(node) {
-  return (
-    node != null &&
-    (node.type === 'Identifier' || node.type === 'MemberExpression')
-  )
+  return node.type === 'Identifier' || node.type === 'MemberExpression'
 }
 
 /**
@@ -133,40 +130,43 @@ module.exports = {
           }
         }
 
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
             message: "'v-model' directives require that attribute value."
           })
+          return
+        }
+        if (!node.value.expression) {
+          // Parsing error
+          return
         }
-        if (node.value) {
-          if (!isLhs(node.value.expression)) {
+        if (!isLhs(node.value.expression)) {
+          context.report({
+            node,
+            loc: node.loc,
+            message:
+              "'v-model' directives require the attribute value which is valid as LHS."
+          })
+        }
+
+        for (const reference of node.value.references) {
+          const id = reference.id
+          if (id.parent.type !== 'VExpressionContainer') {
+            continue
+          }
+
+          const variable = getVariable(id.name, element)
+          if (variable != null) {
             context.report({
               node,
               loc: node.loc,
               message:
-                "'v-model' directives require the attribute value which is valid as LHS."
+                "'v-model' directives cannot update the iteration variable '{{varName}}' itself.",
+              data: { varName: id.name }
             })
           }
-
-          for (const reference of node.value.references) {
-            const id = reference.id
-            if (id.parent.type !== 'VExpressionContainer') {
-              continue
-            }
-
-            const variable = getVariable(id.name, element)
-            if (variable != null) {
-              context.report({
-                node,
-                loc: node.loc,
-                message:
-                  "'v-model' directives cannot update the iteration variable '{{varName}}' itself.",
-                data: { varName: id.name }
-              })
-            }
-          }
         }
       }
     })
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index 4e014e00c..bcdb76db0 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -108,20 +108,30 @@ module.exports = {
         }
 
         if (
-          !utils.hasAttributeValue(node) &&
+          (!node.value || !node.value.expression) &&
           !node.key.modifiers.some((modifier) =>
             VERB_MODIFIERS.has(modifier.name)
           )
         ) {
-          if (node.value && sourceCode.getText(node.value.expression)) {
-            const value = sourceCode.getText(node.value)
-            context.report({
-              node,
-              loc: node.loc,
-              message:
-                'Avoid using JavaScript keyword as "v-on" value: {{value}}.',
-              data: { value }
-            })
+          if (node.value && !utils.isEmptyValueDirective(node, context)) {
+            const valueText = sourceCode.getText(node.value)
+            let innerText = valueText
+            if (
+              (valueText[0] === '"' || valueText[0] === "'") &&
+              valueText[0] === valueText[valueText.length - 1]
+            ) {
+              // quoted
+              innerText = valueText.slice(1, -1)
+            }
+            if (/^\w+$/.test(innerText)) {
+              context.report({
+                node,
+                loc: node.loc,
+                message:
+                  'Avoid using JavaScript keyword as "v-on" value: {{value}}.',
+                data: { value: valueText }
+              })
+            }
           } else {
             context.report({
               node,
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index 51e4014fd..71553722c 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -44,7 +44,7 @@ module.exports = {
             message: "'v-show' directives require no modifier."
           })
         }
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 79b052269..118dc8463 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -264,7 +264,9 @@ module.exports = {
         if (
           ownerElement === element &&
           isDefaultSlot &&
-          !utils.hasAttributeValue(node)
+          (!node.value ||
+            utils.isEmptyValueDirective(node, context) ||
+            utils.isEmptyExpressionValueDirective(node, context))
         ) {
           context.report({
             node,
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index 2e1881ce3..f0a3f09fa 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -44,7 +44,7 @@ module.exports = {
             message: "'v-text' directives require no modifier."
           })
         }
-        if (!utils.hasAttributeValue(node)) {
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 43c919f88..b61b52926 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -290,16 +290,73 @@ module.exports = {
   },
 
   /**
-   * Check whether the given attribute has their attribute value.
-   * @param {ASTNode} node The attribute node to check.
-   * @returns {boolean} `true` if the attribute has their value.
+   * Check whether the given directive attribute has their empty value (`=""`).
+   * @param {ASTNode} node The directive attribute node to check.
+   * @param {RuleContext} context The rule context to use parser services.
+   * @returns {boolean} `true` if the directive attribute has their empty value (`=""`).
    */
-  hasAttributeValue (node) {
+  isEmptyValueDirective (node, context) {
     assert(node && node.type === 'VAttribute')
-    return (
-      node.value != null &&
-      (node.value.expression != null || node.value.syntaxError != null)
-    )
+    if (node.value == null) {
+      return false
+    }
+    if (node.value.expression != null) {
+      return false
+    }
+
+    let valueText = context.getSourceCode().getText(node.value)
+    if ((valueText[0] === '"' || valueText[0] === "'") && valueText[0] === valueText[valueText.length - 1]) {
+      // quoted
+      valueText = valueText.slice(1, -1)
+    }
+    if (!valueText) {
+      // empty
+      return true
+    }
+    return false
+  },
+
+  /**
+   * Check whether the given directive attribute has their empty expression value (e.g. `=" "`, `="/* &ast;/"`).
+   * @param {ASTNode} node The directive attribute node to check.
+   * @param {RuleContext} context The rule context to use parser services.
+   * @returns {boolean} `true` if the directive attribute has their empty expression value.
+   */
+  isEmptyExpressionValueDirective (node, context) {
+    assert(node && node.type === 'VAttribute')
+    if (node.value == null) {
+      return false
+    }
+    if (node.value.expression != null) {
+      return false
+    }
+
+    const valueNode = node.value
+    const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+    let quote1 = null
+    let quote2 = null
+    // `node.value` may be only comments, so cannot get the correct tokens with `tokenStore.getTokens(node.value)`.
+    for (const token of tokenStore.getTokens(node)) {
+      if (token.range[1] <= valueNode.range[0]) {
+        continue
+      }
+      if (valueNode.range[1] <= token.range[0]) {
+        // empty
+        return true
+      }
+      if (!quote1 && token.type === 'Punctuator' && (token.value === '"' || token.value === "'")) {
+        quote1 = token
+        continue
+      }
+      if (!quote2 && quote1 && token.type === 'Punctuator' && (token.value === quote1.value)) {
+        quote2 = token
+        continue
+      }
+      // not empty
+      return false
+    }
+    // empty
+    return true
   },
 
   /**
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index 385f5d991..ea8bdf333 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -130,6 +130,21 @@ tester.run('valid-v-bind-sync', rule, {
     {
       filename: 'test.vue',
       code: '<template><MyComponent :foo.sync.unknown="foo" /></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><MyComponent :foo.sync="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent :foo.sync="/**/" /></template>'
+    },
+    // empty value (valid-v-bind)
+    {
+      filename: 'empty-value.vue',
+      code: '<template><MyComponent :foo.sync="" /></template>'
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/valid-v-bind.js b/tests/lib/rules/valid-v-bind.js
index d98ff34d7..b5e71af7c 100644
--- a/tests/lib/rules/valid-v-bind.js
+++ b/tests/lib/rules/valid-v-bind.js
@@ -74,6 +74,16 @@ tester.run('valid-v-bind', rule, {
     {
       filename: 'test.vue',
       code: "<template><input v-bind='$attrs' /></template>"
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><MyComponent :foo="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent :foo="/**/" /></template>'
     }
   ],
   invalid: [
@@ -91,6 +101,12 @@ tester.run('valid-v-bind', rule, {
       filename: 'test.vue',
       code: "<template><div :aaa.unknown='bbb'></div></template>",
       errors: ["'v-bind' directives don't support the modifier 'unknown'."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><MyComponent :foo="" /></template>',
+      errors: ["'v-bind' directives require an attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-cloak.js b/tests/lib/rules/valid-v-cloak.js
index 8a8a0acad..abecacba4 100644
--- a/tests/lib/rules/valid-v-cloak.js
+++ b/tests/lib/rules/valid-v-cloak.js
@@ -47,6 +47,24 @@ tester.run('valid-v-cloak', rule, {
       filename: 'test.vue',
       code: '<template><div v-cloak="aaa"></div></template>',
       errors: ["'v-cloak' directives require no attribute value."]
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-cloak="."></div></template>',
+      errors: ["'v-cloak' directives require no attribute value."]
+    },
+    // comment value
+    {
+      filename: 'comment-value.vue',
+      code: '<template><div v-cloak="/**/" /></template>',
+      errors: ["'v-cloak' directives require no attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-cloak="" /></template>',
+      errors: ["'v-cloak' directives require no attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-else-if.js b/tests/lib/rules/valid-v-else-if.js
index 778d07339..e9f05d1e2 100644
--- a/tests/lib/rules/valid-v-else-if.js
+++ b/tests/lib/rules/valid-v-else-if.js
@@ -40,6 +40,18 @@ tester.run('valid-v-else-if', rule, {
     {
       filename: 'test.vue',
       code: `<template>\n    <c1 v-if="1" />\n    <c2 v-else-if="1" />\n    <c3 v-else />\n</template>`
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code:
+        '<template><div v-if="foo"></div><div v-else-if="."></div></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code:
+        '<template><div v-if="foo"></div><div v-else-if="/**/"></div></template>'
     }
   ],
   invalid: [
@@ -122,6 +134,13 @@ tester.run('valid-v-else-if', rule, {
       code:
         '<template><div><div v-if="foo"></div><div v-else-if></div></div></template>',
       errors: ["'v-else-if' directives require that attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code:
+        '<template><div v-if="foo"></div><div v-else-if=""></div></template>',
+      errors: ["'v-else-if' directives require that attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-else.js b/tests/lib/rules/valid-v-else.js
index 1e235f9b5..31b067861 100644
--- a/tests/lib/rules/valid-v-else.js
+++ b/tests/lib/rules/valid-v-else.js
@@ -120,6 +120,25 @@ tester.run('valid-v-else', rule, {
       code:
         '<template><div><div v-if="foo"></div><div v-else="foo"></div></div></template>',
       errors: ["'v-else' directives require no attribute value."]
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-if="foo"></div><div v-else="."></div></template>',
+      errors: ["'v-else' directives require no attribute value."]
+    },
+    // comment value
+    {
+      filename: 'comment-value.vue',
+      code:
+        '<template><div v-if="foo"></div><div v-else="/**/"></div></template>',
+      errors: ["'v-else' directives require no attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-if="foo"></div><div v-else=""></div></template>',
+      errors: ["'v-else' directives require no attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index 74a1ea614..94fa43467 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -127,6 +127,21 @@ tester.run('valid-v-for', rule, {
           </template>
         </template>
       `
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-for="."></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="xin list"><div></div></template></div></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><div v-for="/**/"></div></template>'
     }
   ],
   invalid: [
@@ -245,12 +260,6 @@ tester.run('valid-v-for', rule, {
         '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
-    {
-      filename: 'test.vue',
-      code:
-        '<template><div><template v-for="xin list"><div></div></template></div></template>',
-      errors: ["'v-for' directives require that attribute value."]
-    },
     {
       filename: 'test.vue',
       code:
@@ -309,6 +318,12 @@ tester.run('valid-v-for', rule, {
           </template>
         </template>
       `
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-for=""></div></template>',
+      errors: ["'v-for' directives require that attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-html.js b/tests/lib/rules/valid-v-html.js
index 9a30bcf48..afb312f74 100644
--- a/tests/lib/rules/valid-v-html.js
+++ b/tests/lib/rules/valid-v-html.js
@@ -30,6 +30,16 @@ tester.run('valid-v-html', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-html="foo"></div></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-html="."></div></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><div v-html="/**/"></div></template>'
     }
   ],
   invalid: [
@@ -47,6 +57,12 @@ tester.run('valid-v-html', rule, {
       filename: 'test.vue',
       code: '<template><div v-html></div></template>',
       errors: ["'v-html' directives require that attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-html=""></div></template>',
+      errors: ["'v-html' directives require that attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-if.js b/tests/lib/rules/valid-v-if.js
index effe04836..d3afe5780 100644
--- a/tests/lib/rules/valid-v-if.js
+++ b/tests/lib/rules/valid-v-if.js
@@ -30,6 +30,16 @@ tester.run('valid-v-if', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><div v-if="foo"></div></div></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-if="."></div></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><div v-if="/**/"></div></template>'
     }
   ],
   invalid: [
@@ -62,6 +72,12 @@ tester.run('valid-v-if', rule, {
       filename: 'test.vue',
       code: '<template><div><div v-if></div></div></template>',
       errors: ["'v-if' directives require that attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div><div v-if=""></div></div></template>',
+      errors: ["'v-if' directives require that attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index c9c28585a..9e78ef47a 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -150,6 +150,16 @@ tester.run('valid-v-model', rule, {
       filename: 'test.vue',
       code:
         '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><MyComponent v-model="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-model="/**/" /></template>'
     }
   ],
   invalid: [
@@ -216,6 +226,12 @@ tester.run('valid-v-model', rule, {
       errors: [
         "'v-model' directives cannot update the iteration variable 'e' itself."
       ]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><MyComponent v-model="" /></template>',
+      errors: ["'v-model' directives require that attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-on.js b/tests/lib/rules/valid-v-on.js
index 911039ea5..6f162e1df 100644
--- a/tests/lib/rules/valid-v-on.js
+++ b/tests/lib/rules/valid-v-on.js
@@ -96,6 +96,33 @@ tester.run('valid-v-on', rule, {
       filename: 'test.vue',
       code: '<template><div v-on:keydown.bar.aaa="foo"></div></template>',
       options: [{ modifiers: ['bar', 'aaa'] }]
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><MyComponent v-on:keydown="." /></template>'
+    },
+    // comment value (valid)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-on:keydown="/**/" /></template>'
+    },
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-on:keydown=/**/ /></template>'
+    },
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-on:keydown.stop="/**/" /></template>'
+    },
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-on:keydown.stop=/**/ /></template>'
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><MyComponent v-on:keydown.stop="" /></template>'
     }
   ],
   invalid: [
@@ -139,6 +166,14 @@ tester.run('valid-v-on', rule, {
       filename: 'test.vue',
       code: '<template><div @click="delete"></div></template>',
       errors: ['Avoid using JavaScript keyword as "v-on" value: "delete".']
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><MyComponent v-on:keydown="" /></template>',
+      errors: [
+        "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-once.js b/tests/lib/rules/valid-v-once.js
index 0c6a71a20..c9f3750c3 100644
--- a/tests/lib/rules/valid-v-once.js
+++ b/tests/lib/rules/valid-v-once.js
@@ -47,6 +47,24 @@ tester.run('valid-v-once', rule, {
       filename: 'test.vue',
       code: '<template><div v-once="aaa"></div></template>',
       errors: ["'v-once' directives require no attribute value."]
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><MyComponent v-once="." /></template>',
+      errors: ["'v-once' directives require no attribute value."]
+    },
+    // comment value
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-once="/**/" /></template>',
+      errors: ["'v-once' directives require no attribute value."]
+    },
+    // empty value
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-once="" /></template>',
+      errors: ["'v-once' directives require no attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-pre.js b/tests/lib/rules/valid-v-pre.js
index ae9d38e6f..3d9c9d883 100644
--- a/tests/lib/rules/valid-v-pre.js
+++ b/tests/lib/rules/valid-v-pre.js
@@ -47,6 +47,24 @@ tester.run('valid-v-pre', rule, {
       filename: 'test.vue',
       code: '<template><div v-pre="aaa"></div></template>',
       errors: ["'v-pre' directives require no attribute value."]
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-pre="." /></template>',
+      errors: ["'v-pre' directives require no attribute value."]
+    },
+    // comment value
+    {
+      filename: 'comment-value.vue',
+      code: '<template><div v-pre="/**/" /></template>',
+      errors: ["'v-pre' directives require no attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-pre="" /></template>',
+      errors: ["'v-pre' directives require no attribute value."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-show.js b/tests/lib/rules/valid-v-show.js
index 0471ccd9f..4220e8749 100644
--- a/tests/lib/rules/valid-v-show.js
+++ b/tests/lib/rules/valid-v-show.js
@@ -30,6 +30,16 @@ tester.run('valid-v-show', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-show="foo"></div></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><MyComponent v-show="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><MyComponent v-show="/**/" /></template>'
     }
   ],
   invalid: [
@@ -48,8 +58,9 @@ tester.run('valid-v-show', rule, {
       code: '<template><div v-show></div></template>',
       errors: ["'v-show' directives require that attribute value."]
     },
+    // empty value
     {
-      filename: 'test.vue',
+      filename: 'empty-value.vue',
       code: '<template><div v-show=""></div></template>',
       errors: ["'v-show' directives require that attribute value."]
     }
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index ab8307fed..0043756f1 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -83,7 +83,13 @@ tester.run('valid-v-slot', rule, {
       <MyComponent>
         <template v-for="(key, value) in xxxx" #[key]>{{value}}</template>
       </MyComponent>
-    </template>`
+    </template>`,
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code:
+        '<template><MyComponent v-slot="." ><div /></MyComponent></template>'
+    }
   ],
   invalid: [
     // Verify location.
@@ -294,6 +300,26 @@ tester.run('valid-v-slot', rule, {
         </template>
       `,
       errors: [{ messageId: 'requireAttributeValue' }]
+    },
+    // comment value
+    {
+      filename: 'comment-value1.vue',
+      code:
+        '<template><MyComponent v-slot="/**/" ><div /></MyComponent></template>',
+      errors: [{ messageId: 'requireAttributeValue' }]
+    },
+    {
+      filename: 'comment-value2.vue',
+      code:
+        '<template><MyComponent v-slot=/**/ ><div /></MyComponent></template>',
+      errors: [{ messageId: 'requireAttributeValue' }]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code:
+        '<template><MyComponent v-slot="" ><div /></MyComponent></template>',
+      errors: [{ messageId: 'requireAttributeValue' }]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-text.js b/tests/lib/rules/valid-v-text.js
index 3956462ce..611b1a31a 100644
--- a/tests/lib/rules/valid-v-text.js
+++ b/tests/lib/rules/valid-v-text.js
@@ -34,6 +34,16 @@ tester.run('valid-v-text', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-text="foo"></div></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-text="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-text="/**/" /></template>'
     }
   ],
   invalid: [
@@ -51,6 +61,12 @@ tester.run('valid-v-text', rule, {
       filename: 'test.vue',
       code: '<template><div v-text></div></template>',
       errors: ["'v-text' directives require that attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-text="" /></template>',
+      errors: ["'v-text' directives require that attribute value."]
     }
   ]
 })

From e5c835eb957340b153ea2047e3ba274b88ba01bb Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 14:29:35 +0900
Subject: [PATCH 0107/1010] Add `vue/no-bare-strings-in-template` rule (#1185)

---
 docs/rules/README.md                          |   1 +
 docs/rules/no-bare-strings-in-template.md     |  88 ++++++
 lib/index.js                                  |   1 +
 lib/rules/no-bare-strings-in-template.js      | 279 +++++++++++++++++
 lib/utils/regexp.js                           |  14 +-
 package.json                                  |   2 +
 .../lib/rules/no-bare-strings-in-template.js  | 290 ++++++++++++++++++
 7 files changed, 673 insertions(+), 2 deletions(-)
 create mode 100644 docs/rules/no-bare-strings-in-template.md
 create mode 100644 lib/rules/no-bare-strings-in-template.js
 create mode 100644 tests/lib/rules/no-bare-strings-in-template.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index f3e2bfdf6..55b3c4e0d 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -282,6 +282,7 @@ For example:
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
+| [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
new file mode 100644
index 000000000..40041119c
--- /dev/null
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -0,0 +1,88 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-bare-strings-in-template
+description: disallow the use of bare strings in `<template>`
+---
+# vue/no-bare-strings-in-template
+> disallow the use of bare strings in `<template>`
+
+## :book: Rule Details
+
+This rule disallows the use of bare strings in `<template>`.  
+In order to be able to internationalize your application, you will need to avoid using plain strings in your templates. Instead, you would need to use a template helper specializing in translation.  
+
+This rule was inspired by [no-bare-strings rule in ember-template-lint](https://github.com/ember-template-lint/ember-template-lint/blob/master/docs/rule/no-bare-strings.md).
+
+
+<eslint-code-block :rules="{'vue/no-bare-strings-in-template': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <h1>{{ $t('foo.bar') }}</h1>
+  <h1>{{ foo }}</h1>
+  <h1 v-t="'foo.bar'"></h1>
+
+  <!-- ✗ BAD -->
+  <h1>Lorem ipsum</h1>
+  <div
+    title="Lorem ipsum"
+    aria-label="Lorem ipsum"
+    aria-placeholder="Lorem ipsum"
+    aria-roledescription="Lorem ipsum"
+    aria-valuetext="Lorem ipsum"
+  />
+  <img alt="Lorem ipsum">
+  <input placeholder="Lorem ipsum">
+  <h1 v-text="'Lorem ipsum'" />
+
+  <!-- Does not check -->
+  <h1>{{ 'Lorem ipsum' }}</h1>
+  <div
+    v-bind:title="'Lorem ipsum'"
+  />
+</template>
+```
+
+</eslint-code-block>
+
+:::tip
+This rule does not check for string literals, in bindings and mustaches interpolation. This is because it looks like a conscious decision.  
+If you want to report these string literals, enable the [vue/no-useless-v-bind] and [vue/no-useless-mustaches] rules and fix the useless string literals.
+:::
+
+## :wrench: Options
+
+```js
+{
+  "vue/no-bare-strings-in-template": ["error", {
+    "whitelist": [
+      "(", ")", ",", ".", "&", "+", "-", "=", "*", "/", "#", "%", "!", "?", ":", "[", "]", "{", "}", "<", ">", "\u00b7", "\u2022", "\u2010", "\u2013", "\u2014", "\u2212", "|"
+    ],
+    "attributes": {
+      "/.+/": ["title", "aria-label", "aria-placeholder", "aria-roledescription", "aria-valuetext"],
+      "input": ["placeholder"],
+      "img": ["alt"]
+    },
+    "directives": ["v-text"]
+  }]
+}
+```
+
+- `whitelist` ... An array of whitelisted strings.
+- `attributes` ... An object whose keys are tag name or patterns and value is an array of attributes to check for that tag name.
+- `directives` ... An array of directive names to check literal value.
+
+## :couple: Related rules
+
+- [vue/no-useless-v-bind]
+- [vue/no-useless-mustaches]
+
+[vue/no-useless-v-bind]: ./no-useless-v-bind.md
+[vue/no-useless-mustaches]: ./no-useless-mustaches.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-bare-strings-in-template.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-bare-strings-in-template.js)
diff --git a/lib/index.js b/lib/index.js
index c0041525f..942e564f0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -45,6 +45,7 @@ module.exports = {
     'name-property-casing': require('./rules/name-property-casing'),
     'no-arrow-functions-in-watch': require('./rules/no-arrow-functions-in-watch'),
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
+    'no-bare-strings-in-template': require('./rules/no-bare-strings-in-template'),
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
new file mode 100644
index 000000000..8fea1625c
--- /dev/null
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -0,0 +1,279 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+const casing = require('../utils/casing')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.VAttribute} VAttribute
+ * @typedef {import('vue-eslint-parser').AST.VDirective} VDirective
+ * @typedef {import('vue-eslint-parser').AST.VElement} VElement
+ * @typedef {import('vue-eslint-parser').AST.VIdentifier} VIdentifier
+ * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
+ * @typedef {import('vue-eslint-parser').AST.VText} VText
+ */
+
+/**
+ * @typedef { { names: { [tagName in string]: Set<string> }, regexps: { name: RegExp, attrs: Set<string> }[], cache: { [tagName in string]: Set<string> } } } TargetAttrs
+ * @typedef { { upper: ElementStack, name: string, attrs: Set<string> } } ElementStack
+ */
+
+// ------------------------------------------------------------------------------
+// Constants
+// ------------------------------------------------------------------------------
+
+// https://dev.w3.org/html5/html-author/charref
+const DEFAULT_WHITELIST = [
+  '(',
+  ')',
+  ',',
+  '.',
+  '&',
+  '+',
+  '-',
+  '=',
+  '*',
+  '/',
+  '#',
+  '%',
+  '!',
+  '?',
+  ':',
+  '[',
+  ']',
+  '{',
+  '}',
+  '<',
+  '>',
+  '\u00b7', // "·"
+  '\u2022', // "•"
+  '\u2010', // "‐"
+  '\u2013', // "–"
+  '\u2014', // "—"
+  '\u2212', // "−"
+  '|'
+]
+
+const DEFAULT_ATTRIBUTES = {
+  '/.+/': [
+    'title',
+    'aria-label',
+    'aria-placeholder',
+    'aria-roledescription',
+    'aria-valuetext'
+  ],
+  input: ['placeholder'],
+  img: ['alt']
+}
+
+const DEFAULT_DIRECTIVES = ['v-text']
+
+// --------------------------------------------------------------------------
+// Helpers
+// --------------------------------------------------------------------------
+
+/**
+ * Parse attributes option
+ * @returns {TargetAttrs}
+ */
+function parseTargetAttrs(options) {
+  /** @type {TargetAttrs} */
+  const result = { names: {}, regexps: [], cache: {} }
+  for (const tagName of Object.keys(options)) {
+    /** @type { Set<string> } */
+    const attrs = new Set(options[tagName])
+    if (regexp.isRegExp(tagName)) {
+      result.regexps.push({
+        name: regexp.toRegExp(tagName),
+        attrs
+      })
+    } else {
+      result.names[tagName] = attrs
+    }
+  }
+  return result
+}
+
+/**
+ * Get a string from given expression container node
+ * @param {VExpressionContainer} node
+ * @returns { string | null }
+ */
+function getStringValue(value) {
+  const expression = value.expression
+  if (!expression) {
+    return null
+  }
+  if (expression.type !== 'Literal') {
+    return null
+  }
+  if (typeof expression.value === 'string') {
+    return expression.value
+  }
+  return null
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow the use of bare strings in `<template>`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-bare-strings-in-template.html'
+    },
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          whitelist: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
+          },
+          attributes: {
+            type: 'object',
+            patternProperties: {
+              '^(?:\\S+|/.*/[a-z]*)$': {
+                type: 'array',
+                items: { type: 'string' },
+                uniqueItems: true
+              }
+            },
+            additionalProperties: false
+          },
+          directives: {
+            type: 'array',
+            items: { type: 'string', pattern: '^v-' },
+            uniqueItems: true
+          }
+        }
+      }
+    ],
+    messages: {
+      unexpected: 'Unexpected non-translated string used.',
+      unexpectedInAttr: 'Unexpected non-translated string used in `{{attr}}`.'
+    }
+  },
+  create(context) {
+    const opts = context.options[0] || {}
+    const whitelist = opts.whitelist || DEFAULT_WHITELIST
+    const attributes = parseTargetAttrs(opts.attributes || DEFAULT_ATTRIBUTES)
+    const directives = opts.directives || DEFAULT_DIRECTIVES
+
+    const whitelistRe = new RegExp(
+      whitelist.map((w) => regexp.escape(w)).join('|'),
+      'gu'
+    )
+
+    /** @type {ElementStack | null} */
+    let elementStack = null
+    /**
+     * Gets the bare string from given string
+     * @param {string} str
+     */
+    function getBareString(str) {
+      return str.trim().replace(whitelistRe, '').trim()
+    }
+
+    /**
+     * Get the attribute to be verified from the element name.
+     * @param {string} tagName
+     * @returns {Set<string>}
+     */
+    function getTargetAttrs(tagName) {
+      if (attributes.cache[tagName]) {
+        return attributes.cache[tagName]
+      }
+      /** @type {string[]} */
+      const result = []
+      if (attributes.names[tagName]) {
+        result.push(...attributes.names[tagName])
+      }
+      for (const { name, attrs } of attributes.regexps) {
+        name.lastIndex = 0
+        if (name.test(tagName)) {
+          result.push(...attrs)
+        }
+      }
+      if (casing.isKebabCase(tagName)) {
+        result.push(...getTargetAttrs(casing.pascalCase(tagName)))
+      }
+
+      return (attributes.cache[tagName] = new Set(result))
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VText} node */
+      VText(node) {
+        if (getBareString(node.value)) {
+          context.report({
+            node,
+            messageId: 'unexpected'
+          })
+        }
+      },
+      /**
+       * @param {VElement} node
+       */
+      VElement(node) {
+        elementStack = {
+          upper: elementStack,
+          name: node.rawName,
+          attrs: getTargetAttrs(node.rawName)
+        }
+      },
+      'VElement:exit'() {
+        elementStack = elementStack.upper
+      },
+      /** @param {VAttribute|VDirective} node */
+      VAttribute(node) {
+        if (!node.value) {
+          return
+        }
+        if (node.directive === false) {
+          const attrs = elementStack.attrs
+          if (!attrs.has(node.key.rawName)) {
+            return
+          }
+
+          if (getBareString(node.value.value)) {
+            context.report({
+              node: node.value,
+              messageId: 'unexpectedInAttr',
+              data: {
+                attr: node.key.rawName
+              }
+            })
+          }
+        } else {
+          const directive = `v-${node.key.name.name}`
+          if (!directives.includes(directive)) {
+            return
+          }
+          const str = getStringValue(node.value)
+          if (str && getBareString(str)) {
+            context.report({
+              node: node.value,
+              messageId: 'unexpectedInAttr',
+              data: {
+                attr: directive
+              }
+            })
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/lib/utils/regexp.js b/lib/utils/regexp.js
index cdb4c3af5..073a99f80 100644
--- a/lib/utils/regexp.js
+++ b/lib/utils/regexp.js
@@ -22,7 +22,7 @@ function escape(string) {
  * Strings like `"/^foo/i"` are converted to `/^foo/i` of `RegExp`.
  *
  * @param {string} string The string to convert.
- * @returns {string} Returns the `RegExp`.
+ * @returns {RegExp} Returns the `RegExp`.
  */
 function toRegExp(string) {
   const parts = RE_REGEXP_STR.exec(string)
@@ -32,7 +32,17 @@ function toRegExp(string) {
   return new RegExp(`^${escape(string)}$`)
 }
 
+/**
+ * Checks whether given string is regexp string
+ * @param {string} string
+ * @returns {boolean}
+ */
+function isRegExp(string) {
+  return Boolean(RE_REGEXP_STR.exec(string))
+}
+
 module.exports = {
   escape,
-  toRegExp
+  toRegExp,
+  isRegExp
 }
diff --git a/package.json b/package.json
index 1c6347af1..18b2c8932 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,8 @@
     "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
     "debug": "mocha --inspect-brk \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
+    "cover": "npm run cover:test && npm run cover:report",
+    "cover:test": "nyc npm run test:base -- --timeout 60000",
     "cover:report": "nyc report --reporter=html",
     "lint": "eslint . --rulesdir eslint-internal-rules",
     "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
diff --git a/tests/lib/rules/no-bare-strings-in-template.js b/tests/lib/rules/no-bare-strings-in-template.js
new file mode 100644
index 000000000..3fc4a432d
--- /dev/null
+++ b/tests/lib/rules/no-bare-strings-in-template.js
@@ -0,0 +1,290 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-bare-strings-in-template')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('no-bare-strings-in-template', rule, {
+  valid: [
+    `
+    <template>
+      <h1>{{ $t('foo.bar') }}</h1>
+      <h1>{{ foo }}</h1>
+      <h1 v-t="'foo.bar'"></h1>
+    </template>
+    `,
+    `
+    <template>
+      <h1 v-text="'Lorem ipsum' + foo" />
+      <h1 v-text="foo" />
+      <h1 v-text="1" />
+      <h1 v-text="true" />
+      <h1 v-text />
+      <h1 v-text="" />
+    </template>
+    `,
+    `
+    <template>
+      <h1>#</h1>
+      <div title="#" />
+    </template>
+    `,
+    `
+    <template>
+      <div>(</div>
+      <div>)</div>
+      <div>,</div>
+      <div>.</div>
+      <div>&</div>
+      <div>+</div>
+      <div>-</div>
+      <div>=</div>
+      <div>*</div>
+      <div>/</div>
+      <div>#</div>
+      <div>%</div>
+      <div>!</div>
+      <div>?</div>
+      <div>:</div>
+      <div>[</div>
+      <div>]</div>
+      <div>{</div>
+      <div>}</div>
+      <div title="<"></div>
+      <div title=">"></div>
+      <div>•</div>
+      <div>—</div>
+      <div> </div>
+      <div>|</div>
+      <div>&lpar;</div>
+      <div>&rpar;</div>
+      <div>&comma;</div>
+      <div>&period;</div>
+      <div>&amp;</div>
+      <div>&AMP;</div>
+      <div>&plus;</div>
+      <div>&minus;</div>
+      <div>&equals;</div>
+      <div>&ast;</div>
+      <div>&midast;</div>
+      <div>&sol;</div>
+      <div>&num;</div>
+      <div>&percnt;</div>
+      <div>&excl;</div>
+      <div>&quest;</div>
+      <div>&colon;</div>
+      <div>&lsqb;</div>
+      <div>&lbrack;</div>
+      <div>&rsqb;</div>
+      <div>&rbrack;</div>
+      <div>&lcub;</div>
+      <div>&lbrace;</div>
+      <div>&rcub;</div>
+      <div>&rbrace;</div>
+      <div>&lt;</div>
+      <div>&LT;</div>
+      <div>&gt;</div>
+      <div>&GT;</div>
+      <div>&bull;</div>
+      <div>&bullet;</div>
+      <div>&mdash;</div>
+      <div>&ndash;</div>
+      <div>&nbsp;</div>
+      <div>&Tab;</div>
+      <div>&NewLine;</div>
+      <div>&verbar;</div>
+      <div>&vert;</div>
+      <div>&VerticalLine;</div>
+
+      <div>
+        ( ) , . & + - = * / # % ! ? : [ ] { }   • —   | &lpar; &rpar; &comma; &period; &amp; &AMP; &plus; &minus; &equals; &ast; &midast; &sol; &num; &percnt; &excl; &quest; &colon; &lsqb; &lbrack; &rsqb; &rbrack; &lcub; &lbrace; &rcub; &rbrace; &lt; &LT; &gt; &GT; &bull; &bullet; &mdash; &ndash; &nbsp; &Tab; &NewLine; &verbar; &vert; &VerticalLine;
+      </div>
+
+      <div
+        title="( ) , . & + - = * / # % ! ? : [ ] { } < > • —   | &lpar; &rpar; &comma; &period; &amp; &AMP; &plus; &minus; &equals; &ast; &midast; &sol; &num; &percnt; &excl; &quest; &colon; &lsqb; &lbrack; &rsqb; &rbrack; &lcub; &lbrace; &rcub; &rbrace; &lt; &LT; &gt; &GT; &bull; &bullet; &mdash; &ndash; &nbsp; &Tab; &NewLine; &verbar; &vert; &VerticalLine;"
+      />
+    </template>
+    `
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <h1>Lorem ipsum</h1>
+        <div
+          title="Lorem ipsum"
+          aria-label="Lorem ipsum"
+          aria-placeholder="Lorem ipsum"
+          aria-roledescription="Lorem ipsum"
+          aria-valuetext="Lorem ipsum"
+        />
+        <img alt="Lorem ipsum">
+        <input placeholder="Lorem ipsum">
+        <h1 v-text="'Lorem ipsum'" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected non-translated string used.',
+          line: 3,
+          column: 13,
+          endLine: 3,
+          endColumn: 24
+        },
+        {
+          message: 'Unexpected non-translated string used in `title`.',
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 30
+        },
+        {
+          message: 'Unexpected non-translated string used in `aria-label`.',
+          line: 6,
+          column: 22,
+          endLine: 6,
+          endColumn: 35
+        },
+        {
+          message:
+            'Unexpected non-translated string used in `aria-placeholder`.',
+          line: 7,
+          column: 28,
+          endLine: 7,
+          endColumn: 41
+        },
+        {
+          message:
+            'Unexpected non-translated string used in `aria-roledescription`.',
+          line: 8,
+          column: 32,
+          endLine: 8,
+          endColumn: 45
+        },
+        {
+          message: 'Unexpected non-translated string used in `aria-valuetext`.',
+          line: 9,
+          column: 26,
+          endLine: 9,
+          endColumn: 39
+        },
+        {
+          message: 'Unexpected non-translated string used in `alt`.',
+          line: 11,
+          column: 18,
+          endLine: 11,
+          endColumn: 31
+        },
+        {
+          message: 'Unexpected non-translated string used in `placeholder`.',
+          line: 12,
+          column: 28,
+          endLine: 12,
+          endColumn: 41
+        },
+        {
+          message: 'Unexpected non-translated string used in `v-text`.',
+          line: 13,
+          column: 20,
+          endLine: 13,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <h1>Lorem</h1>
+        <h1>Lorem ipsum</h1>
+        <h1>ipsum</h1>
+      </template>
+      `,
+      options: [{ whitelist: ['Lorem'] }],
+      errors: [
+        {
+          line: 4,
+          column: 13,
+          messageId: 'unexpected',
+          endLine: 4,
+          endColumn: 24
+        },
+        {
+          line: 5,
+          column: 13,
+          messageId: 'unexpected',
+          endLine: 5,
+          endColumn: 18
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <h1 foo="Lorem ipsum" />
+        <h1 bar="Lorem ipsum" />
+        <h2 foo="Lorem ipsum" />
+        <h2 bar="Lorem ipsum" />
+        <div foo="Lorem ipsum" />
+        <div bar="Lorem ipsum" />
+      </template>
+      `,
+      options: [{ attributes: { '/^h\\d$/': ['foo'], h1: ['bar'] } }],
+      errors: [
+        {
+          message: 'Unexpected non-translated string used in `foo`.',
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 30
+        },
+        {
+          message: 'Unexpected non-translated string used in `bar`.',
+          line: 4,
+          column: 17,
+          endLine: 4,
+          endColumn: 30
+        },
+        {
+          message: 'Unexpected non-translated string used in `foo`.',
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 30
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <h1 v-foo="'Lorem ipsum'" />
+        <h1 v-bar="'Lorem ipsum'" />
+      </template>
+      `,
+      options: [{ directives: ['v-foo'] }],
+      errors: [
+        {
+          message: 'Unexpected non-translated string used in `v-foo`.',
+          line: 3,
+          column: 19,
+          endLine: 3,
+          endColumn: 34
+        }
+      ]
+    }
+  ]
+})

From e6448552e0b9c690f1397096a04a02ec83577c55 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 14:30:17 +0900
Subject: [PATCH 0108/1010] Add `vue/no-useless-v-bind` rule (#1186)

---
 docs/rules/README.md                 |   1 +
 docs/rules/no-useless-v-bind.md      |  87 +++++++++++++++
 lib/index.js                         |   1 +
 lib/rules/no-useless-v-bind.js       | 153 +++++++++++++++++++++++++++
 tests/lib/rules/no-useless-v-bind.js | 149 ++++++++++++++++++++++++++
 5 files changed, 391 insertions(+)
 create mode 100644 docs/rules/no-useless-v-bind.md
 create mode 100644 lib/rules/no-useless-v-bind.js
 create mode 100644 tests/lib/rules/no-useless-v-bind.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 55b3c4e0d..1e1a92a0d 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -292,6 +292,7 @@ For example:
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
+| [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: |
 | [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-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
new file mode 100644
index 000000000..d202104e2
--- /dev/null
+++ b/docs/rules/no-useless-v-bind.md
@@ -0,0 +1,87 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-useless-v-bind
+description: disallow unnecessary `v-bind` directives
+---
+# vue/no-useless-v-bind
+> disallow unnecessary `v-bind` directives
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports `v-bind` with a string literal value.  
+The `v-bind` with a string literal value can be changed to a static attribute definition.
+
+<eslint-code-block fix :rules="{'vue/no-useless-v-bind': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div foo="bar"/>
+  <div :foo="bar"/>
+
+  <!-- ✗ BAD -->
+  <div v-bind:foo="'bar'"/>
+  <div :foo="'bar'"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```js
+{
+  "vue/no-useless-v-bind": ["error", {
+    "ignoreIncludesComment": false,
+    "ignoreStringEscape": false
+  }]
+}
+```
+
+- `ignoreIncludesComment` ... If `true`, do not report expressions containing comments. default `false`.
+- `ignoreStringEscape` ... If `true`, do not report string literals with useful escapes. default `false`.
+
+### `"ignoreIncludesComment": true`
+
+<eslint-code-block fix :rules="{'vue/no-useless-v-bind': ['error', {ignoreIncludesComment: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-bind:foo="'bar'/* comment */"/>
+
+  <!-- ✗ BAD -->
+  <div v-bind:foo="'bar'"/>
+</template>
+```
+
+</eslint-code-block>
+
+### `"ignoreStringEscape": true`
+
+<eslint-code-block fix :rules="{'vue/no-useless-v-bind': ['error', {ignoreStringEscape: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-bind:foo="'bar\nbaz'"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related rules
+
+- [vue/no-useless-mustaches]
+- [vue/no-useless-concat]
+
+[vue/no-useless-mustaches]: ./no-useless-mustaches.md
+[vue/no-useless-concat]: ./no-useless-concat.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-v-bind.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-useless-v-bind.js)
diff --git a/lib/index.js b/lib/index.js
index 942e564f0..6504e05d0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -97,6 +97,7 @@ module.exports = {
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-useless-concat': require('./rules/no-useless-concat'),
+    'no-useless-v-bind': require('./rules/no-useless-v-bind'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
new file mode 100644
index 000000000..2ffa71400
--- /dev/null
+++ b/lib/rules/no-useless-v-bind.js
@@ -0,0 +1,153 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+const DOUBLE_QUOTES_RE = /"/gu
+const SINGLE_QUOTES_RE = /'/gu
+
+/**
+ * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ * @typedef {import('vue-eslint-parser').AST.VDirective} VDirective
+ */
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'disallow unnecessary `v-bind` directives',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-useless-v-bind.html'
+    },
+    fixable: 'code',
+    messages: {
+      unexpected: 'Unexpected `v-bind` with a string literal value.'
+    },
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreIncludesComment: {
+            type: 'boolean'
+          },
+          ignoreStringEscape: {
+            type: 'boolean'
+          }
+        }
+      }
+    ],
+    type: 'suggestion'
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const opts = context.options[0] || {}
+    const ignoreIncludesComment = opts.ignoreIncludesComment
+    const ignoreStringEscape = opts.ignoreStringEscape
+    const sourceCode = context.getSourceCode()
+
+    /**
+     * Report if the value expression is string literals
+     * @param {VDirective} node the node to check
+     */
+    function verify(node) {
+      if (!node.value || node.key.modifiers.length) {
+        return
+      }
+      const { expression } = node.value
+      if (!expression) {
+        return
+      }
+      let strValue, rawValue
+      if (expression.type === 'Literal') {
+        if (typeof expression.value !== 'string') {
+          return
+        }
+        strValue = expression.value
+        rawValue = expression.raw.slice(1, -1)
+      } else if (expression.type === 'TemplateLiteral') {
+        if (expression.expressions.length > 0) {
+          return
+        }
+        strValue = expression.quasis[0].value.cooked
+        rawValue = expression.quasis[0].value.raw
+      } else {
+        return
+      }
+
+      const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      const hasComment = tokenStore
+        .getTokens(node.value, { includeComments: true })
+        .some((t) => t.type === 'Block' || t.type === 'Line')
+      if (ignoreIncludesComment && hasComment) {
+        return
+      }
+
+      let hasEscape = false
+      if (rawValue !== strValue) {
+        // check escapes
+        const chars = [...rawValue]
+        let c = chars.shift()
+        while (c) {
+          if (c === '\\') {
+            c = chars.shift()
+            if (
+              c == null ||
+              // ignore "\\", '"', "'", "`" and "$"
+              'nrvtbfux'.includes(c)
+            ) {
+              // has useful escape.
+              hasEscape = true
+              break
+            }
+          }
+          c = chars.shift()
+        }
+      }
+      if (ignoreStringEscape && hasEscape) {
+        return
+      }
+
+      context.report({
+        // @ts-ignore
+        node,
+        messageId: 'unexpected',
+        fix(fixer) {
+          if (hasComment || hasEscape) {
+            // cannot fix
+            return null
+          }
+          const text = sourceCode.getText(node.value)
+          const quoteChar = text[0]
+
+          const shorthand = node.key.name.rawName === ':'
+          /** @type { [number, number] } */
+          const keyDirectiveRange = [
+            node.key.name.range[0],
+            node.key.name.range[1] + (shorthand ? 0 : 1)
+          ]
+
+          let attrValue
+          if (quoteChar === '"') {
+            attrValue = strValue.replace(DOUBLE_QUOTES_RE, '&quot;')
+          } else if (quoteChar === "'") {
+            attrValue = strValue.replace(SINGLE_QUOTES_RE, '&apos;')
+          } else {
+            attrValue = strValue
+              .replace(DOUBLE_QUOTES_RE, '&quot;')
+              .replace(SINGLE_QUOTES_RE, '&apos;')
+          }
+          return [
+            fixer.removeRange(keyDirectiveRange),
+            fixer.replaceText(expression, attrValue)
+          ]
+        }
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]": verify
+    })
+  }
+}
diff --git a/tests/lib/rules/no-useless-v-bind.js b/tests/lib/rules/no-useless-v-bind.js
new file mode 100644
index 000000000..8362aa0b9
--- /dev/null
+++ b/tests/lib/rules/no-useless-v-bind.js
@@ -0,0 +1,149 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-useless-v-bind.js')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-useless-v-bind', rule, {
+  valid: [
+    `
+    <template>
+      <div id="foo" />
+      <div id='foo' />
+      <div id=foo />
+      <div :id="foo" />
+      <div :id="'foo' || 'bar'" />
+      <div :id="1" />
+      <div :id />
+      <div :id="{" />
+      <div :id="null" />
+    </template>`,
+    {
+      code: `
+      <template>
+        <div :id="'comment'/*comment*/" />
+        <div :id="'comment'//comment
+        " />
+      </template>
+      `,
+      options: [{ ignoreIncludesComment: true }]
+    },
+    {
+      code: `
+      <template>
+        <div :id="'\\n'" />
+        <div :id="'\\r'" />
+      </template>`,
+      options: [{ ignoreStringEscape: true }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :id="'foo'" />
+        <div v-bind:id="'foo'" />
+      </template>`,
+      output: `
+      <template>
+        <div id="foo" />
+        <div id="foo" />
+      </template>`,
+      errors: [
+        {
+          message: 'Unexpected `v-bind` with a string literal value.',
+          line: 3,
+          column: 14,
+          endLine: 3,
+          endColumn: 25
+        },
+        {
+          message: 'Unexpected `v-bind` with a string literal value.',
+          line: 4,
+          column: 14,
+          endLine: 4,
+          endColumn: 31
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :id="'comment'/*comment*/" />
+        <div :id="'comment'//comment
+        " />
+      </template>
+      `,
+      output: null,
+      errors: [
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :id="'\\n'" />
+        <div :id="'\\r'" />
+      </template>`,
+      output: null,
+      errors: [
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :id="'&quot;'" />
+        <div :id=\`&quot;&apos;\` />
+        <div :id="'\\\\'" />
+        <div :id="'\\\\r'" />
+        <div :id="'\\'" />
+        <div :id="\`foo\`" />
+        <div :id="\`foo\${bar}\`" />
+        <div :id='"&apos;"' />
+        <div :id=\`foo\` />
+      </template>`,
+      output: `
+      <template>
+        <div id="&quot;" />
+        <div id=&quot;&apos; />
+        <div id="\\" />
+        <div id="\\r" />
+        <div :id="'\\'" />
+        <div id="foo" />
+        <div :id="\`foo\${bar}\`" />
+        <div id='&apos;' />
+        <div id=foo />
+      </template>`,
+      errors: [
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.'
+      ]
+    }
+  ]
+})

From 7dee01d92614f8c2c9ded9a41e64e1ec549aa2fc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Jun 2020 14:36:08 +0900
Subject: [PATCH 0109/1010] Add `vue/no-useless-mustaches` rule (#1187)

* Add `vue/no-useless-mustaches` rule

* Add testcases
---
 docs/rules/README.md                    |   1 +
 docs/rules/no-useless-mustaches.md      |  88 +++++++++
 lib/index.js                            |   1 +
 lib/rules/no-useless-mustaches.js       | 158 +++++++++++++++++
 tests/lib/rules/no-useless-mustaches.js | 225 ++++++++++++++++++++++++
 5 files changed, 473 insertions(+)
 create mode 100644 docs/rules/no-useless-mustaches.md
 create mode 100644 lib/rules/no-useless-mustaches.js
 create mode 100644 tests/lib/rules/no-useless-mustaches.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1e1a92a0d..e44b2855b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -293,6 +293,7 @@ For example:
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: |
+| [vue/no-useless-mustaches](./no-useless-mustaches.md) | disallow unnecessary mustache interpolations | :wrench: |
 | [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-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
new file mode 100644
index 000000000..6c9d2689e
--- /dev/null
+++ b/docs/rules/no-useless-mustaches.md
@@ -0,0 +1,88 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-useless-mustaches
+description: disallow unnecessary mustache interpolations
+---
+# vue/no-useless-mustaches
+> disallow unnecessary mustache interpolations
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports mustache interpolation with a string literal value.  
+The mustache interpolation with a string literal value can be changed to a static contents.
+
+<eslint-code-block fix :rules="{'vue/no-useless-mustaches': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  Lorem ipsum
+  {{ foo }}
+
+  <!-- ✗ BAD -->
+  {{ 'Lorem ipsum' }}
+  {{ "Lorem ipsum" }}
+  {{ `Lorem ipsum` }}
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```js
+{
+  "vue/no-useless-mustaches": ["error", {
+    "ignoreIncludesComment": false,
+    "ignoreStringEscape": false
+  }]
+}
+```
+
+- `ignoreIncludesComment` ... If `true`, do not report expressions containing comments. default `false`.
+- `ignoreStringEscape` ... If `true`, do not report string literals with useful escapes. default `false`.
+
+### `"ignoreIncludesComment": true`
+
+<eslint-code-block fix :rules="{'vue/no-useless-mustaches': ['error', {ignoreIncludesComment: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  {{ 'Lorem ipsum'/* comment */ }}
+
+  <!-- ✗ BAD -->
+  {{ 'Lorem ipsum' }}
+</template>
+```
+
+</eslint-code-block>
+
+### `"ignoreStringEscape": true`
+
+<eslint-code-block fix :rules="{'vue/no-useless-mustaches': ['error', {ignoreStringEscape: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  {{ 'Lorem \n ipsum' }}
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related rules
+
+- [vue/no-useless-v-bind]
+- [vue/no-useless-concat]
+
+[vue/no-useless-v-bind]: ./no-useless-v-bind.md
+[vue/no-useless-concat]: ./no-useless-concat.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-mustaches.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-useless-mustaches.js)
diff --git a/lib/index.js b/lib/index.js
index 6504e05d0..04b4af116 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -97,6 +97,7 @@ module.exports = {
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-useless-concat': require('./rules/no-useless-concat'),
+    'no-useless-mustaches': require('./rules/no-useless-mustaches'),
     'no-useless-v-bind': require('./rules/no-useless-v-bind'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
new file mode 100644
index 000000000..c10889a23
--- /dev/null
+++ b/lib/rules/no-useless-mustaches.js
@@ -0,0 +1,158 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
+ */
+
+/**
+ * Strip quotes string
+ * @param {string} text
+ * @returns {string}
+ */
+function stripQuotesForHTML(text) {
+  if (
+    (text[0] === '"' || text[0] === "'" || text[0] === '`') &&
+    text[0] === text[text.length - 1]
+  ) {
+    return text.slice(1, -1)
+  }
+
+  const re = /^(?:&(?:quot|apos|#\d+|#x[\da-f]+);|["'`])([\s\S]*)(?:&(?:quot|apos|#\d+|#x[\da-f]+);|["'`])$/u.exec(
+    text
+  )
+  if (!re) {
+    return null
+  }
+  return re[1]
+}
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'disallow unnecessary mustache interpolations',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-useless-mustaches.html'
+    },
+    fixable: 'code',
+    messages: {
+      unexpected:
+        'Unexpected mustache interpolation with a string literal value.'
+    },
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreIncludesComment: {
+            type: 'boolean'
+          },
+          ignoreStringEscape: {
+            type: 'boolean'
+          }
+        }
+      }
+    ],
+    type: 'suggestion'
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const opts = context.options[0] || {}
+    const ignoreIncludesComment = opts.ignoreIncludesComment
+    const ignoreStringEscape = opts.ignoreStringEscape
+    const sourceCode = context.getSourceCode()
+
+    /**
+     * Report if the value expression is string literals
+     * @param {VExpressionContainer} node the node to check
+     */
+    function verify(node) {
+      const { expression } = node
+      if (!expression) {
+        return
+      }
+      let strValue, rawValue
+      if (expression.type === 'Literal') {
+        if (typeof expression.value !== 'string') {
+          return
+        }
+        strValue = expression.value
+        rawValue = expression.raw.slice(1, -1)
+      } else if (expression.type === 'TemplateLiteral') {
+        if (expression.expressions.length > 0) {
+          return
+        }
+        strValue = expression.quasis[0].value.cooked
+        rawValue = expression.quasis[0].value.raw
+      } else {
+        return
+      }
+
+      const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      const hasComment = tokenStore
+        .getTokens(node, { includeComments: true })
+        .some((t) => t.type === 'Block' || t.type === 'Line')
+      if (ignoreIncludesComment && hasComment) {
+        return
+      }
+
+      let hasEscape = false
+      if (rawValue !== strValue) {
+        // check escapes
+        const chars = [...rawValue]
+        let c = chars.shift()
+        while (c) {
+          if (c === '\\') {
+            c = chars.shift()
+            if (
+              c == null ||
+              // ignore "\\", '"', "'", "`" and "$"
+              'nrvtbfux'.includes(c)
+            ) {
+              // has useful escape.
+              hasEscape = true
+              break
+            }
+          }
+          c = chars.shift()
+        }
+      }
+      if (ignoreStringEscape && hasEscape) {
+        return
+      }
+
+      context.report({
+        // @ts-ignore
+        node,
+        messageId: 'unexpected',
+        fix(fixer) {
+          if (hasComment || hasEscape) {
+            // cannot fix
+            return null
+          }
+          context.parserServices.getDocumentFragment()
+          const text = stripQuotesForHTML(sourceCode.getText(expression))
+          if (text == null) {
+            // unknowns
+            return null
+          }
+          if (text.includes('\n') || /^\s|\s$/u.test(text)) {
+            // It doesn't autofix because another rule like indent or eol space might remove spaces.
+            return null
+          }
+
+          return [fixer.replaceText(node, text.replace(/\\([\s\S])/g, '$1'))]
+        }
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      'VElement > VExpressionContainer': verify
+    })
+  }
+}
diff --git a/tests/lib/rules/no-useless-mustaches.js b/tests/lib/rules/no-useless-mustaches.js
new file mode 100644
index 000000000..e12d33c1e
--- /dev/null
+++ b/tests/lib/rules/no-useless-mustaches.js
@@ -0,0 +1,225 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-useless-mustaches.js')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-useless-mustaches', rule, {
+  valid: [
+    `
+    <template>
+      foo
+      'foo'
+      {{ foo }}
+      {{ 'foo'||'bar' }}
+      {{ 1 }}
+      {{  }}
+      {{ . }}
+      {{ null }}
+    </template>`,
+    {
+      code: `
+      <template>
+        {{ 'comment'/*comment*/ }}
+        {{ 'comment'//comment
+        " }}
+      </template>
+      `,
+      options: [{ ignoreIncludesComment: true }]
+    },
+    {
+      code: `
+      <template>
+        {{ '\\n' }}
+        {{ '\\r' }}
+      </template>`,
+      options: [{ ignoreStringEscape: true }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        {{ 'foo' }}
+      </template>`,
+      output: `
+      <template>
+        foo
+      </template>`,
+      errors: [
+        {
+          message:
+            'Unexpected mustache interpolation with a string literal value.',
+          line: 3,
+          column: 9,
+          endLine: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ 'comment'/*comment*/ }}
+        {{ 'comment'//comment
+         }}
+      </template>
+      `,
+      output: null,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ '\\n' }}
+        {{ '\\r' }}
+      </template>`,
+      output: null,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ '&quot;' }}
+        {{ \`&quot;&apos;\` }}
+        {{ '\\\\' }}
+        {{ '\\\\r' }}
+        {{ '\\' }}
+        {{ \`foo\` }}
+        {{ \`foo\${bar}\` }}
+        {{ "&apos;" }}
+        {{ \`foo\` }}
+      </template>`,
+      output: `
+      <template>
+        &quot;
+        &quot;&apos;
+        \\
+        \\r
+        {{ '\\' }}
+        foo
+        {{ \`foo\${bar}\` }}
+        &apos;
+        foo
+      </template>`,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ &apos;msg&apos; }}
+        {{ &quot;msg&quot; }}
+        {{ &apos;msg' }}
+        {{ &quot;msg" }}
+        {{ 'msg&apos; }}
+        {{ "msg&quot; }}
+        {{ &#39;&lt;msg&gt;&apos; }}
+        {{ &#34;I&apos;m&#x22; }}
+        {{ "no semi&#34 }}
+      </template>`,
+      output: `
+      <template>
+        msg
+        msg
+        msg
+        msg
+        msg
+        msg
+        &lt;msg&gt;
+        I&apos;m
+        {{ "no semi&#34 }}
+      </template>`,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ 'I\\'m' }}
+        {{ "\\"Happy\\"" }}
+        {{ \`backtick \\\` and dollar \\$\` }}
+        {{ "\\\\" }}
+      </template>`,
+      output: `
+      <template>
+        I'm
+        "Happy"
+        backtick \` and dollar $
+        \\
+      </template>`,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ \`foo
+bar\` }}
+      </template>
+      `,
+      output: null,
+      errors: ['Unexpected mustache interpolation with a string literal value.']
+    },
+    {
+      code: `
+      <template>
+        {{ 'space ' }}
+        {{ ' space' }}
+        {{ ' space ' }}
+        {{ '  ' }}
+      </template>
+      `,
+      output: null,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    }
+  ]
+})

From 170070853526b1a21c5299d77a0fa676ccf14aa9 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 6 Jun 2020 06:27:59 +0900
Subject: [PATCH 0110/1010] Changed so that the names array can be specified in
 the one order option of the `vue/component-tags-order` rule, and the default
 setting has been changed. (#1189)

---
 docs/rules/comment-directive.md         | 17 +++----
 docs/rules/component-tags-order.md      | 28 +++++++++--
 lib/rules/component-tags-order.js       | 46 +++++++++++++-----
 tests/lib/rules/component-tags-order.js | 62 ++++++++++++++++++++++++-
 4 files changed, 128 insertions(+), 25 deletions(-)

diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index b6c30b2a6..01ad51826 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -49,8 +49,8 @@ The `eslint-disable`-like comments can be used in the `<template>` and in the bl
 </template>
 
 <!-- eslint-disable-next-line vue/component-tags-order -->
-<script>
-</script>
+<style>
+</style>
 ```
 
 </eslint-code-block>
@@ -60,15 +60,16 @@ The `eslint-disable` comments has no effect after one block.
 <eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/component-tags-order': ['error'] }">
 
 ```vue
-<template>
-</template>
-
-<!-- eslint-disable vue/component-tags-order -->
-<style> /* <- Warning has been disabled. */
+<style>
 </style>
 
-<script> /* <- Warning are not disabled. */
+<!-- eslint-disable -->
+<script> /* <- Warning has been disabled. */
 </script>
+
+<template> <!-- <- Warning are not disabled. -->
+</template>
+
 ```
 
 </eslint-code-block>
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 3d157dc00..50d43b83c 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -18,14 +18,14 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 ```json
 {
   "vue/component-tags-order": ["error", {
-    "order": ["script", "template", "style"]
+    "order": [ [ "script", "template" ], "style" ]
   }]
 }
 ```
 
-- `order` (`string[]`) ... The order of top-level element names. default `["script", "template", "style"]`.
+- `order` (`(string|string[])[]`) ... The order of top-level element names. default `[ [ "script", "template" ], "style" ]`.
 
-### `{ "order": ["script", "template", "style"] }` (default)
+### `{ "order": [ [ "script", "template" ], "style" ] }` (default)
 
 <eslint-code-block :rules="{'vue/component-tags-order': ['error']}">
 
@@ -40,6 +40,17 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 <eslint-code-block :rules="{'vue/component-tags-order': ['error']}">
 
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<script>/* ... */</script>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/component-tags-order': ['error']}">
+
 ```vue
 <!-- ✗ BAD -->
 <style>/* ... */</style>
@@ -62,6 +73,17 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<script>/* ... */</script>
+<template>...</template>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
 ### `{ "order": ["docs", "template", "script", "style"] }`
 
 <eslint-code-block :rules="{'vue/component-tags-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index c19429637..6fa6f211e 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -10,7 +10,7 @@
 
 const utils = require('../utils')
 
-const DEFAULT_ORDER = Object.freeze(['script', 'template', 'style'])
+const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -25,22 +25,44 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
     fixable: null,
-    schema: {
-      type: 'array',
-      properties: {
-        order: {
-          type: 'array'
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          order: {
+            type: 'array',
+            items: {
+              anyOf: [
+                { type: 'string' },
+                { type: 'array', items: { type: 'string' }, uniqueItems: true }
+              ]
+            },
+            uniqueItems: true,
+            additionalItems: false
+          }
         }
       }
-    },
+    ],
     messages: {
       unexpected:
         'The <{{name}}> should be above the <{{firstUnorderedName}}> on line {{line}}.'
     }
   },
   create(context) {
-    const order =
-      (context.options[0] && context.options[0].order) || DEFAULT_ORDER
+    /** @type {Map<string, number} */
+    const orderMap = new Map()
+    ;(
+      (context.options[0] && context.options[0].order) ||
+      DEFAULT_ORDER
+    ).forEach((nameOrNames, index) => {
+      if (Array.isArray(nameOrNames)) {
+        for (const name of nameOrNames) {
+          orderMap.set(name, index)
+        }
+      } else {
+        orderMap.set(nameOrNames, index)
+      }
+    })
     const documentFragment =
       context.parserServices.getDocumentFragment &&
       context.parserServices.getDocumentFragment()
@@ -76,15 +98,15 @@ module.exports = {
           const elements = getTopLevelHTMLElements()
 
           elements.forEach((element, index) => {
-            const expectedIndex = order.indexOf(element.name)
+            const expectedIndex = orderMap.get(element.name)
             if (expectedIndex < 0) {
               return
             }
             const firstUnordered = elements
               .slice(0, index)
-              .filter((e) => expectedIndex < order.indexOf(e.name))
+              .filter((e) => expectedIndex < orderMap.get(e.name))
               .sort(
-                (e1, e2) => order.indexOf(e1.name) - order.indexOf(e2.name)
+                (e1, e2) => orderMap.get(e1.name) - orderMap.get(e2.name)
               )[0]
             if (firstUnordered) {
               report(element, firstUnordered)
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index fdb34d1d0..1630cbed1 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -22,10 +22,24 @@ tester.run('component-tags-order', rule, {
   valid: [
     // default
     '<script></script><template></template><style></style>',
+    '<template></template><script></script><style></style>',
     '<script> /*script*/ </script><template><div id="id">text <!--comment--> </div><br></template><style>.button{ color: red; }</style>',
     '<docs></docs><script></script><template></template><style></style>',
     '<script></script><docs></docs><template></template><style></style>',
+    '<docs></docs><template></template><script></script><style></style>',
+    '<template></template><script></script><docs></docs><style></style>',
     '<script></script><template></template>',
+    '<template></template><script></script>',
+    `
+      <template>
+      </template>
+
+      <script>
+      </script>
+
+      <style>
+      </style>
+    `,
     `
       <script>
       </script>
@@ -38,6 +52,11 @@ tester.run('component-tags-order', rule, {
     `,
 
     // order
+    {
+      code: '<script></script><template></template><style></style>',
+      output: null,
+      options: [{ order: ['script', 'template', 'style'] }]
+    },
     {
       code: '<template></template><script></script><style></style>',
       output: null,
@@ -65,6 +84,12 @@ tester.run('component-tags-order', rule, {
       output: null,
       options: [{ order: ['docs', 'script', 'template', 'style'] }]
     },
+    {
+      code:
+        '<template></template><docs></docs><script></script><style></style>',
+      output: null,
+      options: [{ order: [['docs', 'script', 'template'], 'style'] }]
+    },
 
     `<script></script><style></style>`,
 
@@ -73,8 +98,24 @@ tester.run('component-tags-order', rule, {
     '<template><div><!--test</div></template><style></style>'
   ],
   invalid: [
+    {
+      code: '<style></style><template></template><script></script>',
+      errors: [
+        {
+          message: 'The <template> should be above the <style> on line 1.',
+          line: 1,
+          column: 16
+        },
+        {
+          message: 'The <script> should be above the <style> on line 1.',
+          line: 1,
+          column: 37
+        }
+      ]
+    },
     {
       code: '<template></template><script></script><style></style>',
+      options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
           message: 'The <script> should be above the <template> on line 1.',
@@ -83,12 +124,27 @@ tester.run('component-tags-order', rule, {
         }
       ]
     },
+    {
+      code: `
+        <template></template>
+
+        <style></style>
+
+        <script></script>`,
+      errors: [
+        {
+          message: 'The <script> should be above the <style> on line 4.',
+          line: 6
+        }
+      ]
+    },
     {
       code: `
         <template></template>
         <script></script>
         <style></style>
       `,
+      options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
           message: 'The <script> should be above the <template> on line 2.',
@@ -132,6 +188,7 @@ tester.run('component-tags-order', rule, {
         <script></script>
         <style></style>
       `,
+      options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
           message: 'The <script> should be above the <template> on line 2.',
@@ -147,6 +204,7 @@ tester.run('component-tags-order', rule, {
         <script></script>
         <style></style>
       `,
+      options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
           message: 'The <script> should be above the <template> on line 2.',
@@ -179,7 +237,7 @@ tester.run('component-tags-order', rule, {
           line: 3
         },
         {
-          message: 'The <script> should be above the <template> on line 3.',
+          message: 'The <script> should be above the <style> on line 2.',
           line: 4
         }
       ]
@@ -197,7 +255,7 @@ tester.run('component-tags-order', rule, {
           line: 4
         },
         {
-          message: 'The <script> should be above the <template> on line 4.',
+          message: 'The <script> should be above the <style> on line 2.',
           line: 5
         }
       ]

From 47960f6b46700aeb8e32866c7a051bd07b11af2f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 6 Jun 2020 06:28:26 +0900
Subject: [PATCH 0111/1010] Fixed false positives for getter/setter in
 `vue/no-dupe-keys` rule (#1190)

---
 lib/utils/index.js              |  82 +++++++++----
 tests/lib/rules/no-dupe-keys.js | 205 ++++++++++++++++++++++++++------
 2 files changed, 231 insertions(+), 56 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index b61b52926..6b7df723f 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -18,6 +18,8 @@
  * @typedef {import('vue-eslint-parser').AST.ESLintFunctionExpression} FunctionExpression
  * @typedef {import('vue-eslint-parser').AST.ESLintBlockStatement} BlockStatement
  * @typedef {import('vue-eslint-parser').AST.ESLintNode} ESLintNode
+ *
+ * @typedef {import('vue-eslint-parser').AST.ESLintArrowFunctionExpression | { type: 'ArrowFunctionExpression', body: BlockStatement | Expression } } ArrowFunctionExpression
  */
 
 /**
@@ -37,6 +39,11 @@
 /**
  * @typedef { {key: string, value: BlockStatement} } ComponentComputedProperty
  */
+/**
+ * @typedef { { name: string, groupName: string, node: Literal | TemplateLiteral } } ComponentArrayPropertyData
+ * @typedef { { name: string, groupName: string, node: Identifier | Literal | TemplateLiteral } } ComponentObjectPropertyData
+ * @typedef { ComponentArrayPropertyData | ComponentObjectPropertyData } ComponentPropertyData
+ */
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -799,14 +806,17 @@ module.exports = {
   },
   /**
    * Return generator with all properties
-   * @param {ASTNode} node Node to check
-   * @param {Set} groups Name of parent group
+   * @param {ObjectExpression} node Node to check
+   * @param {Set<string>} groups Name of parent group
+   * @returns {IterableIterator<ComponentPropertyData>}
    */
   * iterateProperties (node, groups) {
-    const nodes = node.properties.filter(p => p.type === 'Property' && groups.has(getStaticPropertyName(p.key)))
-    for (const item of nodes) {
-      const name = getStaticPropertyName(item.key)
-      if (!name) continue
+    for (const item of node.properties) {
+      if (item.type !== 'Property') {
+        continue
+      }
+      const name = getStaticPropertyName(item)
+      if (!name || !groups.has(name)) continue
 
       if (item.value.type === 'ArrayExpression') {
         yield * this.iterateArrayExpression(item.value, name)
@@ -822,40 +832,66 @@ module.exports = {
 
   /**
    * Return generator with all elements inside ArrayExpression
-   * @param {ASTNode} node Node to check
+   * @param {ArrayExpression} node Node to check
    * @param {string} groupName Name of parent group
+   * @returns {IterableIterator<ComponentArrayPropertyData>}
    */
   * iterateArrayExpression (node, groupName) {
     assert(node.type === 'ArrayExpression')
     for (const item of node.elements) {
-      const name = getStaticPropertyName(item)
-      if (name) {
-        const obj = { name, groupName, node: item }
-        yield obj
+      if (item.type === 'Literal' || item.type === 'TemplateLiteral') {
+        const name = getStaticPropertyName(item)
+        if (name) {
+          yield { name, groupName, node: item }
+        }
       }
     }
   },
 
   /**
    * Return generator with all elements inside ObjectExpression
-   * @param {ASTNode} node Node to check
+   * @param {ObjectExpression} node Node to check
    * @param {string} groupName Name of parent group
+   * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
   * iterateObjectExpression (node, groupName) {
     assert(node.type === 'ObjectExpression')
+    let usedGetter
     for (const item of node.properties) {
-      const name = getStaticPropertyName(item)
-      if (name) {
-        const obj = { name, groupName, node: item.key }
-        yield obj
+      if (item.type === 'Property') {
+        const key = item.key
+        if (key.type === 'Identifier' || key.type === 'Literal' || key.type === 'TemplateLiteral') {
+          const name = getStaticPropertyName(item)
+          if (name) {
+            if (item.kind === 'set') {
+              // find getter pair
+              if (!usedGetter) { usedGetter = new Set() }
+              if (node.properties.some(item2 => {
+                if (item2.type === 'Property' && item2.kind === 'get' && !usedGetter.has(item2)) {
+                  const getterName = getStaticPropertyName(item2)
+                  if (getterName === name) {
+                    usedGetter.add(item2)
+                    return true
+                  }
+                }
+                return false
+              })) {
+                // has getter pair
+                continue
+              }
+            }
+            yield { name, groupName, node: key }
+          }
+        }
       }
     }
   },
 
   /**
    * Return generator with all elements inside FunctionExpression
-   * @param {ASTNode} node Node to check
+   * @param {FunctionExpression} node Node to check
    * @param {string} groupName Name of parent group
+   * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
   * iterateFunctionExpression (node, groupName) {
     assert(node.type === 'FunctionExpression')
@@ -870,19 +906,21 @@ module.exports = {
 
   /**
    * Return generator with all elements inside ArrowFunctionExpression
-   * @param {ASTNode} node Node to check
+   * @param {ArrowFunctionExpression} node Node to check
    * @param {string} groupName Name of parent group
+   * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
   * iterateArrowFunctionExpression (node, groupName) {
     assert(node.type === 'ArrowFunctionExpression')
-    if (node.body.type === 'BlockStatement') {
-      for (const item of node.body.body) {
+    const body = node.body
+    if (body.type === 'BlockStatement') {
+      for (const item of body.body) {
         if (item.type === 'ReturnStatement' && item.argument && item.argument.type === 'ObjectExpression') {
           yield * this.iterateObjectExpression(item.argument, groupName)
         }
       }
-    } else if (node.body.type === 'ObjectExpression') {
-      yield * this.iterateObjectExpression(node.body, groupName)
+    } else if (body.type === 'ObjectExpression') {
+      yield * this.iterateObjectExpression(body, groupName)
     }
   },
 
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 94c1eaf98..d85655669 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -15,7 +15,12 @@ const RuleTester = require('eslint').RuleTester
 // Tests
 // ------------------------------------------------------------------------------
 
-const ruleTester = new RuleTester()
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
 ruleTester.run('no-dupe-keys', rule, {
   valid: [
     {
@@ -41,8 +46,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      `
     },
     {
       filename: 'test.vue',
@@ -72,8 +76,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      `
     },
 
     {
@@ -99,8 +102,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      `
     },
 
     {
@@ -124,8 +126,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      `
     },
 
     {
@@ -161,8 +162,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           },
         }
-      `,
-      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+      `
     },
 
     {
@@ -206,8 +206,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+      `
     },
 
     {
@@ -243,8 +242,7 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           },
         }
-      `,
-      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+      `
     },
 
     {
@@ -278,8 +276,7 @@ ruleTester.run('no-dupe-keys', rule, {
             ...dat
           }),
         }
-      `,
-      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+      `
     },
 
     {
@@ -298,8 +295,7 @@ ruleTester.run('no-dupe-keys', rule, {
             propA: String
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      `
     },
     {
       filename: 'test.vue',
@@ -331,8 +327,59 @@ ruleTester.run('no-dupe-keys', rule, {
             }
           }
         }
-      `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data () {
+          return {
+            get foo() {
+              return foo
+            },
+            set foo(v) {
+              foo = v
+            }
+          }
+        }
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data () {
+          return {
+            set foo(v) {
+              foo = v
+            },
+            get foo() {
+              return foo
+            }
+          }
+        }
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data () {
+          return {
+            get foo() {
+              return foo
+            },
+            bar,
+            set foo(v) {
+              foo = v
+            }
+          }
+        }
+      }
+      `
     }
   ],
 
@@ -364,7 +411,6 @@ ruleTester.run('no-dupe-keys', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -411,7 +457,6 @@ ruleTester.run('no-dupe-keys', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -449,7 +494,6 @@ ruleTester.run('no-dupe-keys', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -494,7 +538,6 @@ ruleTester.run('no-dupe-keys', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -527,7 +570,6 @@ ruleTester.run('no-dupe-keys', rule, {
         })
       `,
       options: [{ groups: ['foo'] }],
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Duplicated key 'bar'.",
@@ -553,7 +595,6 @@ ruleTester.run('no-dupe-keys', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -577,7 +618,6 @@ ruleTester.run('no-dupe-keys', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -599,7 +639,6 @@ ruleTester.run('no-dupe-keys', rule, {
           })
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -621,7 +660,6 @@ ruleTester.run('no-dupe-keys', rule, {
           })
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -643,7 +681,6 @@ ruleTester.run('no-dupe-keys', rule, {
           })
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -665,7 +702,6 @@ ruleTester.run('no-dupe-keys', rule, {
           })
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'foo'.",
@@ -686,7 +722,6 @@ ruleTester.run('no-dupe-keys', rule, {
         })
       `,
       options: [{ groups: ['foo'] }],
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Duplicated key 'bar'.",
@@ -707,13 +742,115 @@ ruleTester.run('no-dupe-keys', rule, {
         })
       `,
       options: [{ groups: ['foo'] }],
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Duplicated key 'bar'.",
           line: 7
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo'],
+        data () {
+          return {
+            get foo() {
+              return foo
+            },
+            set foo(v) {
+              foo = v
+            }
+          }
+        }
+      }
+      `,
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo'],
+        data () {
+          return {
+            set foo(v) {},
+            get foo() {}
+          }
+        }
+      }
+      `,
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo'],
+        data () {
+          return {
+            set foo(v) {}
+          }
+        }
+      }
+      `,
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data () {
+          return {
+            get foo() {},
+            set foo(v) {},
+            get foo() {},
+          }
+        }
+      }
+      `,
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        data () {
+          return {
+            get foo() {},
+            set foo(v) {},
+            set foo(v) {},
+          }
+        }
+      }
+      `,
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 7
+        }
+      ]
     }
   ]
 })

From bf7d2199f9d550bf574d204c223355b867fb08ec Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 6 Jun 2020 11:59:29 +0900
Subject: [PATCH 0112/1010] Changed the default order setting of
 `vue/order-in-components` rule. (#1181)

* Changed the default order setting of `vue/order-in-components` rule.

- Add options for Vue.js 3.x
  - `emits` to after `props`.
  - `setup` to after `emits`.
  - `beforeUnmount` and `unmounted` to LIFECYCLE_HOOKS.
  - `renderTracked` and `renderTriggered` to LIFECYCLE_HOOKS.

- Add options for Vue.js 2.x
  - `provide` and `inject` to after `mixins`.
  - `errorCaptured` to LIFECYCLE_HOOKS.

* Update require-explicit-emits
---
 lib/rules/order-in-components.js          | 42 ++++++++++++++--
 lib/rules/require-explicit-emits.js       |  9 ++--
 tests/lib/rules/order-in-components.js    | 43 +++++++++++++++++
 tests/lib/rules/require-explicit-emits.js | 58 ++++++++++++++++++++++-
 4 files changed, 143 insertions(+), 9 deletions(-)

diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 2366cabbf..65ba64f16 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -8,25 +8,54 @@ const utils = require('../utils')
 const traverseNodes = require('vue-eslint-parser').AST.traverseNodes
 
 const defaultOrder = [
+  // Side Effects (triggers effects outside the component)
   'el',
+
+  // Global Awareness (requires knowledge beyond the component)
   'name',
   'parent',
+
+  // Component Type (changes the type of the component)
   'functional',
+
+  // Template Modifiers (changes the way templates are compiled)
   ['delimiters', 'comments'],
+
+  // Template Dependencies (assets used in the template)
   ['components', 'directives', 'filters'],
+
+  // Composition (merges properties into the options)
   'extends',
   'mixins',
+  ['provide', 'inject'], // for Vue.js 2.2.0+
+
+  // Interface (the interface to the component)
   'inheritAttrs',
   'model',
   ['props', 'propsData'],
-  'fetch',
-  'asyncData',
+  'emits', // for Vue.js 3.x
+
+  // Note:
+  // The `setup` option is included in the "Composition" category,
+  // but the behavior of the `setup` option requires the definition of "Interface",
+  // so we prefer to put the `setup` option after the "Interface".
+  'setup', // for Vue 3.x
+
+  // Local State (local reactive properties)
+  'fetch', // for Nuxt
+  'asyncData', // for Nuxt
   'data',
   'computed',
+
+  // Events (callbacks triggered by reactive events)
   'watch',
   'LIFECYCLE_HOOKS',
+
+  // Non-Reactive Properties (instance properties independent of the reactivity system)
   'methods',
-  'head',
+
+  // Rendering (the declarative description of the component output)
+  'head', // for Nuxt
   ['template', 'render'],
   'renderError'
 ]
@@ -41,8 +70,13 @@ const groups = {
     'updated',
     'activated',
     'deactivated',
+    'beforeUnmount', // for Vue.js 3.x
+    'unmounted', // for Vue.js 3.x
     'beforeDestroy',
-    'destroyed'
+    'destroyed',
+    'renderTracked', // for Vue.js 3.x
+    'renderTriggered', // for Vue.js 3.x
+    'errorCaptured' // for Vue.js 2.5.0+
   ]
 }
 
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 13219f71e..034921622 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -24,8 +24,6 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 const FIX_EMITS_AFTER_OPTIONS = [
-  'props',
-  'propsData',
   'setup',
   'data',
   'computed',
@@ -44,8 +42,13 @@ const FIX_EMITS_AFTER_OPTIONS = [
   'updated',
   'activated',
   'deactivated',
+  'beforeUnmount',
+  'unmounted',
   'beforeDestroy',
-  'destroyed'
+  'destroyed',
+  'renderTracked',
+  'renderTriggered',
+  'errorCaptured'
 ]
 
 /**
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 538234944..9e6dbb2d8 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -35,6 +35,49 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions
     },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          el,
+          name,
+          parent,
+          functional,
+          delimiters, comments,
+          components, directives, filters,
+          extends: MyComp,
+          mixins,
+          provide, inject,
+          inheritAttrs,
+          model,
+          props, propsData,
+          emits,
+          setup,
+          data,
+          computed,
+          watch,
+          beforeCreate,
+          created,
+          beforeMount,
+          mounted,
+          beforeUpdate,
+          updated,
+          activated,
+          deactivated,
+          beforeUnmount,
+          unmounted,
+          beforeDestroy,
+          destroyed,
+          renderTracked,
+          renderTriggered,
+          errorCaptured,
+          methods,
+          template, render,
+          renderError,
+        };
+      `,
+      parserOptions
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 1db1edb2b..cef95dd75 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -1282,8 +1282,62 @@ emits: {'foo': null}
       <script>
       export default {
         name: '',
+        props: {},
+emits: ['foo']
+      }
+      </script>
+      `
+            },
+            {
+              desc:
+                'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+        props: {},
+emits: {'foo': null}
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
+        watch: {}
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc:
+                'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        name: '',
 emits: ['foo'],
-        props: {}
+        watch: {}
       }
       </script>
       `
@@ -1299,7 +1353,7 @@ emits: ['foo'],
       export default {
         name: '',
 emits: {'foo': null},
-        props: {}
+        watch: {}
       }
       </script>
       `

From ba230cdac203c3e1117576ac08f6913af2f6005a Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 17:19:34 +0900
Subject: [PATCH 0113/1010] Add `vue/no-restricted-v-bind` rule (#1191)

* Add `vue/no-restricted-v-bind` rule

* Fix

* Add testcase
---
 docs/rules/README.md                    |   1 +
 docs/rules/no-restricted-v-bind.md      | 119 +++++++++++++++
 lib/index.js                            |   1 +
 lib/rules/no-restricted-v-bind.js       | 189 ++++++++++++++++++++++++
 tests/lib/rules/no-restricted-v-bind.js | 153 +++++++++++++++++++
 5 files changed, 463 insertions(+)
 create mode 100644 docs/rules/no-restricted-v-bind.md
 create mode 100644 lib/rules/no-restricted-v-bind.js
 create mode 100644 tests/lib/rules/no-restricted-v-bind.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e44b2855b..860b0f731 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -287,6 +287,7 @@ For example:
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
+| [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
new file mode 100644
index 000000000..cc141f1bd
--- /dev/null
+++ b/docs/rules/no-restricted-v-bind.md
@@ -0,0 +1,119 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-v-bind
+description: disallow specific argument in `v-bind`
+---
+# vue/no-restricted-v-bind
+> disallow specific argument in `v-bind`
+
+## :book: Rule Details
+
+This rule allows you to specify `v-bind` argument names that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a argument name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-v-bind": ["error", "/^v-/", "foo", "bar"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-v-bind': ['error', '/^v-/', 'foo', 'bar']}">
+
+```vue
+<template>
+  <!-- ✘ BAD -->
+  <div v-bind:foo="x" />
+  <div :bar="x" />
+</template>
+```
+
+</eslint-code-block>
+
+By default, `'/^v-/'` is set. This prevents mistakes intended to be directives.
+
+<eslint-code-block :rules="{'vue/no-restricted-v-bind': ['error']}">
+
+```vue
+<template>
+  <!-- ✘ BAD -->
+  <MyInput :v-model="x" />
+  <div :v-if="x" />
+</template>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-v-bind": ["error",
+    {
+      "argument": "/^v-/",
+      "message": "Using `:v-xxx` is not allowed. Instead, remove `:` and use it as directive."
+    },
+    {
+      "argument": "foo",
+      "message": "Use \"v-bind:x\" instead."
+    },
+    {
+      "argument": "bar",
+      "message": "\":bar\" is deprecated."
+    }
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `argument` ... Specify the argument name or pattern or `null`. If `null` is specified, it matches `v-bind=`.
+- `modifiers` ... Specifies an array of the modifier names. If specified, it will only be reported if the specified modifier is used.
+- `element` ... Specify the element name or pattern. If specified, it will only be reported if used on the specified element.
+- `message` ... Specify an optional custom message.
+
+### `{ "argument": "foo", "modifiers": ["prop"]  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-v-bind': ['error', { argument: 'foo', modifiers: ['prop'] }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div :foo="x" />
+
+  <!-- ✘ BAD -->
+  <div :foo.prop="x" />
+</template>
+```
+
+</eslint-code-block>
+
+### `{ "argument": "foo", "element": "MyButton"  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-v-bind': ['error', { argument: 'foo', element: 'MyButton' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <CoolButton :foo="x" />
+
+  <!-- ✘ BAD -->
+  <MyButton :foo="x" />
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related rules
+
+- [vue/no-restricted-static-attribute]
+
+[vue/no-restricted-static-attribute]: ./no-restricted-static-attribute.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-v-bind.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-v-bind.js)
diff --git a/lib/index.js b/lib/index.js
index 04b4af116..974ea15e0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -81,6 +81,7 @@ module.exports = {
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
+    'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
     'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
     'no-shared-component-data': require('./rules/no-shared-component-data'),
     'no-side-effects-in-computed-properties': require('./rules/no-side-effects-in-computed-properties'),
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
new file mode 100644
index 000000000..a87be4d2d
--- /dev/null
+++ b/lib/rules/no-restricted-v-bind.js
@@ -0,0 +1,189 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+// @ts-check
+'use strict'
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.VDirectiveKey} VDirectiveKey
+ * @typedef {import('vue-eslint-parser').AST.VIdentifier} VIdentifier
+ */
+/**
+ * @typedef {object} ParsedOption
+ * @property { (key: VDirectiveKey) => boolean } test
+ * @property {string[]} modifiers
+ * @property {boolean} [useElement]
+ * @property {string} [message]
+ */
+
+const DEFAULT_OPTIONS = [
+  {
+    argument: '/^v-/',
+    message:
+      'Using `:v-xxx` is not allowed. Instead, remove `:` and use it as directive.'
+  }
+]
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+/**
+ * @param {any} option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return {
+      test(key) {
+        return (
+          key.argument &&
+          key.argument.type === 'VIdentifier' &&
+          matcher(key.argument.rawName)
+        )
+      },
+      modifiers: []
+    }
+  }
+  if (option === null) {
+    return {
+      test(key) {
+        return key.argument === null
+      },
+      modifiers: []
+    }
+  }
+  const parsed = parseOption(option.argument)
+  if (option.modifiers) {
+    const argTest = parsed.test
+    parsed.test = (key) => {
+      if (!argTest(key)) {
+        return false
+      }
+      return option.modifiers.every((modName) => {
+        return key.modifiers.some((mid) => mid.name === modName)
+      })
+    }
+    parsed.modifiers = option.modifiers
+  }
+  if (option.element) {
+    const argTest = parsed.test
+    const tagMatcher = buildMatcher(option.element)
+    parsed.test = (key) => {
+      if (!argTest(key)) {
+        return false
+      }
+      const element = key.parent.parent.parent
+      return tagMatcher(element.rawName)
+    }
+    parsed.useElement = true
+  }
+  parsed.message = option.message
+  return parsed
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific argument in `v-bind`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-v-bind.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: ['string', 'null'] },
+          {
+            type: 'object',
+            properties: {
+              argument: { type: ['string', 'null'] },
+              modifiers: {
+                type: 'array',
+                items: {
+                  type: 'string',
+                  enum: ['prop', 'camel', 'sync']
+                },
+                uniqueItems: true
+              },
+              element: { type: 'string' },
+              message: { type: 'string', minLength: 1 }
+            },
+            required: ['argument'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedVBind: '{{message}}'
+    }
+  },
+  create(context) {
+    /** @type {ParsedOption[]} */
+    const options = (context.options.length === 0
+      ? DEFAULT_OPTIONS
+      : context.options
+    ).map(parseOption)
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VDirectiveKey} node
+       */
+      "VAttribute[directive=true][key.name.name='bind'] > VDirectiveKey"(node) {
+        for (const option of options) {
+          if (option.test(node)) {
+            const message = option.message || defaultMessage(node, option)
+            context.report({
+              node,
+              messageId: 'restrictedVBind',
+              data: { message }
+            })
+            return
+          }
+        }
+      }
+    })
+
+    /**
+     * @param {VDirectiveKey} key
+     * @param {ParsedOption} option
+     */
+    function defaultMessage(key, option) {
+      const vbind = key.name.rawName === ':' ? '' : 'v-bind'
+      const arg =
+        key.argument != null && key.argument.type === 'VIdentifier'
+          ? `:${key.argument.rawName}`
+          : ''
+      const mod = option.modifiers.length
+        ? `.${option.modifiers.join('.')}`
+        : ''
+      let on = ''
+      if (option.useElement) {
+        on = ` on \`<${key.parent.parent.parent.rawName}>\``
+      }
+      return `Using \`${vbind + arg + mod}\`${on} is not allowed.`
+    }
+  }
+}
diff --git a/tests/lib/rules/no-restricted-v-bind.js b/tests/lib/rules/no-restricted-v-bind.js
new file mode 100644
index 000000000..6a7f0a447
--- /dev/null
+++ b/tests/lib/rules/no-restricted-v-bind.js
@@ -0,0 +1,153 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-v-bind')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('no-restricted-v-bind', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :v-model="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :bar="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo"></div></template>',
+      options: [{ argument: 'foo', modifiers: ['sync'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo"></div></template>',
+      options: [{ argument: 'foo', element: 'input' }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div :v-model="foo"></div></template>',
+      errors: [
+        {
+          message:
+            'Using `:v-xxx` is not allowed. Instead, remove `:` and use it as directive.',
+          line: 1,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:v-model="foo"></div></template>',
+      errors: [
+        'Using `:v-xxx` is not allowed. Instead, remove `:` and use it as directive.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="bar" :bar="foo"></div></template>',
+      options: ['foo'],
+      errors: ['Using `:foo` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="bar" :bar="foo"></div></template>',
+      options: ['foo', 'bar'],
+      errors: ['Using `:foo` is not allowed.', 'Using `:bar` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="bar" :bar.sync="foo"></div></template>',
+      options: [{ argument: '/^(foo|bar)$/' }],
+      errors: ['Using `:foo` is not allowed.', 'Using `:bar` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo.sync="foo" /><div :foo="foo" /></template>',
+      options: [{ argument: 'foo', modifiers: ['sync'] }],
+      errors: ['Using `:foo.sync` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div :v-on :foo.sync /><div :foo="foo" v-bind="listener" /></template>',
+      options: ['/^v-/', { argument: 'foo', modifiers: ['sync'] }, null],
+      errors: [
+        'Using `:v-on` is not allowed.',
+        'Using `:foo.sync` is not allowed.',
+        'Using `v-bind` is not allowed.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :v-on :foo.sync />
+        <MyButton :foo="foo" :bar="bar" />
+      </template>`,
+      options: ['/^v-/', { argument: 'foo', element: `/^My/` }],
+      errors: [
+        'Using `:v-on` is not allowed.',
+        'Using `:foo` on `<MyButton>` is not allowed.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :foo="x" />
+      </template>`,
+      options: ['/^f/', { argument: 'foo' }],
+      errors: ['Using `:foo` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :foo="x" />
+      </template>`,
+      options: [{ argument: 'foo', message: 'foo' }],
+      errors: ['foo']
+    }
+  ]
+})

From 898740e27774d1b23101f12dde5b42c7f3e5e858 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 17:23:30 +0900
Subject: [PATCH 0114/1010] Add `vue/no-restricted-static-attribute` rule
 (#1192)

* Add `vue/no-restricted-static-attribute` rule

* fix
---
 docs/rules/README.md                          |   3 +-
 docs/rules/no-restricted-static-attribute.md  |  97 ++++++++++
 lib/index.js                                  |   1 +
 lib/rules/no-restricted-static-attribute.js   | 166 ++++++++++++++++++
 .../rules/no-restricted-static-attribute.js   | 151 ++++++++++++++++
 5 files changed, 417 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-restricted-static-attribute.md
 create mode 100644 lib/rules/no-restricted-static-attribute.js
 create mode 100644 tests/lib/rules/no-restricted-static-attribute.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 860b0f731..4239d3a21 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -287,14 +287,15 @@ For example:
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
+| [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
-| [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: |
 | [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/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-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
new file mode 100644
index 000000000..a2009d7a1
--- /dev/null
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -0,0 +1,97 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-static-attribute
+description: disallow specific attribute
+---
+# vue/no-restricted-static-attribute
+> disallow specific attribute
+
+## :book: Rule Details
+
+This rule allows you to specify attribute names that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a attribute name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-static-attribute": ["error", "foo", "bar"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-static-attribute': ['error', 'foo', 'bar']}">
+
+```vue
+<template>
+  <!-- ✘ BAD -->
+  <div foo="x" />
+  <div bar />
+</template>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-static-attribute": ["error",
+    {
+      "key": "stlye",
+      "message": "Using \"stlye\" is not allowed. Use \"style\" instead."
+    }
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `key` ... Specify the attribute key name or pattern.
+- `value` ... Specify the value text or pattern or `true`. If specified, it will only be reported if the specified value is used. If `true`, it will only be reported if there is no value or if the value and key are same.
+- `element` ... Specify the element name or pattern. If specified, it will only be reported if used on the specified element.
+- `message` ... Specify an optional custom message.
+
+### `{ "key": "foo", "value": "bar"  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-static-attribute': ['error', { key: 'foo', value: 'bar' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div foo="foo" />
+
+  <!-- ✘ BAD -->
+  <div foo="bar" />
+</template>
+```
+
+</eslint-code-block>
+
+### `{ "key": "foo", "element": "MyButton"  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-static-attribute': ['error', { key: 'foo', element: 'MyButton' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <CoolButton foo="x" />
+
+  <!-- ✘ BAD -->
+  <MyButton foo="x" />
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related rules
+
+- [vue/no-restricted-v-bind]
+
+[vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-static-attribute.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-static-attribute.js)
diff --git a/lib/index.js b/lib/index.js
index 974ea15e0..45d0d58fe 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -80,6 +80,7 @@ module.exports = {
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
+    'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
     'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
diff --git a/lib/rules/no-restricted-static-attribute.js b/lib/rules/no-restricted-static-attribute.js
new file mode 100644
index 000000000..70db824db
--- /dev/null
+++ b/lib/rules/no-restricted-static-attribute.js
@@ -0,0 +1,166 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+
+/**
+ * @typedef {import('vue-eslint-parser').AST.VAttribute} VAttribute
+ */
+/**
+ * @typedef {object} ParsedOption
+ * @property { (key: VAttribute) => boolean } test
+ * @property {boolean} [useValue]
+ * @property {boolean} [useElement]
+ * @property {string} [message]
+ */
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+/**
+ * @param {any} option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return {
+      test({ key }) {
+        return matcher(key.rawName)
+      }
+    }
+  }
+  const parsed = parseOption(option.key)
+  if (option.value) {
+    const keyTest = parsed.test
+    if (option.value === true) {
+      parsed.test = (node) => {
+        if (!keyTest(node)) {
+          return false
+        }
+        return node.value == null || node.value.value === node.key.rawName
+      }
+    } else {
+      const valueMatcher = buildMatcher(option.value)
+      parsed.test = (node) => {
+        if (!keyTest(node)) {
+          return false
+        }
+        return node.value != null && valueMatcher(node.value.value)
+      }
+    }
+    parsed.useValue = true
+  }
+  if (option.element) {
+    const argTest = parsed.test
+    const tagMatcher = buildMatcher(option.element)
+    parsed.test = (node) => {
+      if (!argTest(node)) {
+        return false
+      }
+      const element = node.parent.parent
+      return tagMatcher(element.rawName)
+    }
+    parsed.useElement = true
+  }
+  parsed.message = option.message
+  return parsed
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific attribute',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-static-attribute.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: 'string' },
+          {
+            type: 'object',
+            properties: {
+              key: { type: 'string' },
+              value: { anyOf: [{ type: 'string' }, { enum: [true] }] },
+              element: { type: 'string' },
+              message: { type: 'string', minLength: 1 }
+            },
+            required: ['key'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedAttr: '{{message}}'
+    }
+  },
+  create(context) {
+    if (!context.options.length) {
+      return {}
+    }
+    /** @type {ParsedOption[]} */
+    const options = context.options.map(parseOption)
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VAttribute} node
+       */
+      'VAttribute[directive=false]'(node) {
+        for (const option of options) {
+          if (option.test(node)) {
+            const message = option.message || defaultMessage(node, option)
+            context.report({
+              node,
+              messageId: 'restrictedAttr',
+              data: { message }
+            })
+            return
+          }
+        }
+      }
+    })
+
+    /**
+     * @param {VAttribute} node
+     * @param {ParsedOption} option
+     */
+    function defaultMessage(node, option) {
+      const key = node.key.rawName
+      const value = !option.useValue
+        ? ''
+        : node.value == null
+        ? '` set to `true'
+        : `="${node.value.value}"`
+
+      let on = ''
+      if (option.useElement) {
+        on = ` on \`<${node.parent.parent.rawName}>\``
+      }
+      return `Using \`${key + value}\`${on} is not allowed.`
+    }
+  }
+}
diff --git a/tests/lib/rules/no-restricted-static-attribute.js b/tests/lib/rules/no-restricted-static-attribute.js
new file mode 100644
index 000000000..1b57e9145
--- /dev/null
+++ b/tests/lib/rules/no-restricted-static-attribute.js
@@ -0,0 +1,151 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-static-attribute')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('no-restricted-static-attribute', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-model="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div bar="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div></template>',
+      options: [{ key: 'foo', value: 'bar' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div><input bar></template>',
+      options: [{ key: 'foo', element: 'input' }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div></template>',
+      options: ['foo'],
+      errors: [
+        {
+          message: 'Using `foo` is not allowed.',
+          line: 1,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="bar" bar="foo"></div></template>',
+      options: ['foo'],
+      errors: ['Using `foo` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo" bar="bar"></div></template>',
+      options: ['/^f/'],
+      errors: ['Using `foo` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="bar" bar="foo"></div></template>',
+      options: ['foo', 'bar'],
+      errors: ['Using `foo` is not allowed.', 'Using `bar` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="bar" bar></div></template>',
+      options: [{ key: '/^(foo|bar)$/' }],
+      errors: ['Using `foo` is not allowed.', 'Using `bar` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo" /><div foo="bar" /></template>',
+      options: [{ key: 'foo', value: 'bar' }],
+      errors: ['Using `foo="bar"` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div foo v bar /><div foo="foo" vv="foo" bar="vfoo" /><div vvv="foo" bar="vv" /></template>',
+      options: [
+        '/^vv/',
+        { key: 'foo', value: true },
+        { key: 'bar', value: '/^vv/' }
+      ],
+      errors: [
+        'Using `foo` set to `true` is not allowed.',
+        'Using `foo="foo"` is not allowed.',
+        'Using `vv` is not allowed.',
+        'Using `vvv` is not allowed.',
+        'Using `bar="vv"` is not allowed.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div foo />
+        <MyButton foo bar />
+      </template>`,
+      options: [{ key: 'foo', element: `/^My/` }],
+      errors: ['Using `foo` on `<MyButton>` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div foo="x" />
+      </template>`,
+      options: ['/^f/', { key: 'foo' }],
+      errors: ['Using `foo` is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div foo="x" />
+      </template>`,
+      options: [{ key: 'foo', message: 'foo' }],
+      errors: ['foo']
+    }
+  ]
+})

From c3ec79442669a0cda234e356d5caa32e99815b30 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 17:24:04 +0900
Subject: [PATCH 0115/1010] Add `vue/object-property-newline` rule (#1193)

---
 docs/rules/README.md                       |  1 +
 docs/rules/object-property-newline.md      | 25 ++++++
 lib/configs/no-layout-rules.js             |  1 +
 lib/index.js                               |  1 +
 lib/rules/object-property-newline.js       | 12 +++
 tests/lib/rules/object-property-newline.js | 90 ++++++++++++++++++++++
 6 files changed, 130 insertions(+)
 create mode 100644 docs/rules/object-property-newline.md
 create mode 100644 lib/rules/object-property-newline.js
 create mode 100644 tests/lib/rules/object-property-newline.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4239d3a21..1e299adfc 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -331,6 +331,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
+| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
 | [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses | :wrench: |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
new file mode 100644
index 000000000..3095ebfc7
--- /dev/null
+++ b/docs/rules/object-property-newline.md
@@ -0,0 +1,25 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/object-property-newline
+description: enforce placing object properties on separate lines
+---
+# vue/object-property-newline
+> enforce placing object properties on separate lines
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [object-property-newline] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [object-property-newline]
+
+[object-property-newline]: https://eslint.org/docs/rules/object-property-newline
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-property-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-property-newline.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-property-newline)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index e3b3fd9ba..49413285b 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -31,6 +31,7 @@ module.exports = {
     'vue/no-multi-spaces': 'off',
     'vue/no-spaces-around-equal-signs-in-attribute': 'off',
     'vue/object-curly-spacing': 'off',
+    'vue/object-property-newline': 'off',
     'vue/padding-line-between-blocks': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
diff --git a/lib/index.js b/lib/index.js
index 45d0d58fe..2b5169b57 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -105,6 +105,7 @@ module.exports = {
     'no-v-model-argument': require('./rules/no-v-model-argument'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
+    'object-property-newline': require('./rules/object-property-newline'),
     'one-component-per-file': require('./rules/one-component-per-file'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
diff --git a/lib/rules/object-property-newline.js b/lib/rules/object-property-newline.js
new file mode 100644
index 000000000..d58aeb842
--- /dev/null
+++ b/lib/rules/object-property-newline.js
@@ -0,0 +1,12 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/object-property-newline'),
+  { skipDynamicArguments: true }
+)
diff --git a/tests/lib/rules/object-property-newline.js b/tests/lib/rules/object-property-newline.js
new file mode 100644
index 000000000..2de002caf
--- /dev/null
+++ b/tests/lib/rules/object-property-newline.js
@@ -0,0 +1,90 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/object-property-newline')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('object-property-newline', rule, {
+  valid: [
+    `
+    <template>
+      <div :foo="{a: 1,
+        b: [2, {a: 3,
+          b: 4}]}" />
+    </template>
+    `,
+    `
+    <template>
+      <div :foo="{a: 1,
+        b: 2}" />
+    </template>
+    `,
+    `
+    <template>
+      <div :[{a:1,b:2}]="value" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :foo="{a: 1, b: [2, {a: 3, b: 4}]}" />
+      </template>
+      `,
+      options: [{ allowAllPropertiesOnSameLine: true }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :foo="{a: 1, b: [2, {a: 3, b: 4}]}" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="{a: 1,
+b: [2, {a: 3,
+b: 4}]}" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Object properties must go on a new line.',
+          line: 3,
+          column: 27
+        },
+        {
+          message: 'Object properties must go on a new line.',
+          line: 3,
+          column: 41
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="{a: 1, b: 2,
+          c: 3}" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="{a: 1,
+b: 2,
+          c: 3}" />
+      </template>
+      `,
+      options: [{ allowAllPropertiesOnSameLine: true }],
+      errors: [
+        "Object properties must go on a new line if they aren't all on the same line."
+      ]
+    }
+  ]
+})

From ad07d6267ae5429825a7f6667e857929d72666c6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 17:25:04 +0900
Subject: [PATCH 0116/1010] Add `vue/object-curly-newline` rule (#1194)

---
 docs/rules/README.md                    |   1 +
 docs/rules/object-curly-newline.md      |  25 ++++
 lib/configs/no-layout-rules.js          |   1 +
 lib/index.js                            |   1 +
 lib/rules/object-curly-newline.js       |  12 ++
 tests/lib/rules/object-curly-newline.js | 148 ++++++++++++++++++++++++
 6 files changed, 188 insertions(+)
 create mode 100644 docs/rules/object-curly-newline.md
 create mode 100644 lib/rules/object-curly-newline.js
 create mode 100644 tests/lib/rules/object-curly-newline.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1e299adfc..636d67686 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -330,6 +330,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks inside braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
new file mode 100644
index 000000000..12f871bea
--- /dev/null
+++ b/docs/rules/object-curly-newline.md
@@ -0,0 +1,25 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/object-curly-newline
+description: enforce consistent line breaks inside braces
+---
+# vue/object-curly-newline
+> enforce consistent line breaks inside braces
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [object-curly-newline] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [object-curly-newline]
+
+[object-curly-newline]: https://eslint.org/docs/rules/object-curly-newline
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-newline.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-curly-newline)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 49413285b..d8ba1837f 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -30,6 +30,7 @@ module.exports = {
     'vue/no-extra-parens': 'off',
     'vue/no-multi-spaces': 'off',
     'vue/no-spaces-around-equal-signs-in-attribute': 'off',
+    'vue/object-curly-newline': 'off',
     'vue/object-curly-spacing': 'off',
     'vue/object-property-newline': 'off',
     'vue/padding-line-between-blocks': 'off',
diff --git a/lib/index.js b/lib/index.js
index 2b5169b57..c8b463f63 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -104,6 +104,7 @@ module.exports = {
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
+    'object-curly-newline': require('./rules/object-curly-newline'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'object-property-newline': require('./rules/object-property-newline'),
     'one-component-per-file': require('./rules/one-component-per-file'),
diff --git a/lib/rules/object-curly-newline.js b/lib/rules/object-curly-newline.js
new file mode 100644
index 000000000..296abe570
--- /dev/null
+++ b/lib/rules/object-curly-newline.js
@@ -0,0 +1,12 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(
+  require('eslint/lib/rules/object-curly-newline'),
+  { skipDynamicArguments: true }
+)
diff --git a/tests/lib/rules/object-curly-newline.js b/tests/lib/rules/object-curly-newline.js
new file mode 100644
index 000000000..9fcacb77e
--- /dev/null
+++ b/tests/lib/rules/object-curly-newline.js
@@ -0,0 +1,148 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/object-curly-newline')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('object-curly-newline', rule, {
+  valid: [
+    `
+    <template>
+      <div :foo="{a: 1}" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :foo="{a: 1}" />
+      </template>
+      `,
+      options: ['never']
+    },
+    `
+    <template>
+      <div :foo="{
+        a: 1
+      }" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :foo="{
+          a: 1
+        }" />
+      </template>
+      `,
+      options: ['always']
+    },
+    `
+    <template>
+      <div :[{a:1}]="value" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :[{a:1}]="value" />
+      </template>
+      `,
+      options: ['always']
+    },
+    {
+      code: `
+      <template>
+        <div :[{a:1}]="value" />
+      </template>
+      `,
+      options: ['never']
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :foo="{a: 1
+        }" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="{a: 1}" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected line break before this closing brace.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="{
+          a: 1}" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="{a: 1}" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected line break after this opening brace.',
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="{a: 1}" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="{
+a: 1
+}" />
+      </template>
+      `,
+      options: ['always'],
+      errors: [
+        'Expected a line break after this opening brace.',
+        'Expected a line break before this closing brace.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="{
+          a: 1
+        }" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="{a: 1}" />
+      </template>
+      `,
+      options: ['never'],
+      errors: [
+        'Unexpected line break after this opening brace.',
+        'Unexpected line break before this closing brace.'
+      ]
+    }
+  ]
+})

From 476d647bfc7c020527c37c82ee5fb409c5ff5fc1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 17:25:49 +0900
Subject: [PATCH 0117/1010] Fixed false positives for render props and template
 refs in `vue/no-unused-properties` rule. (#1198)

---
 lib/rules/no-unused-properties.js       | 266 ++++++++++++++++++++----
 lib/utils/index.js                      |  46 +++-
 tests/lib/rules/no-unused-properties.js | 229 ++++++++++++++++++++
 3 files changed, 497 insertions(+), 44 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 39c6a8267..8dce09b40 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -16,19 +16,34 @@ const eslintUtils = require('eslint-utils')
  * @typedef {import('vue-eslint-parser').AST.ESLintNode} ASTNode
  * @typedef {import('vue-eslint-parser').AST.ESLintObjectPattern} ObjectPattern
  * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
+ * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
  * @typedef {import('vue-eslint-parser').AST.ESLintThisExpression} ThisExpression
+ * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
  * @typedef {import('vue-eslint-parser').AST.ESLintFunctionExpression} FunctionExpression
  * @typedef {import('vue-eslint-parser').AST.ESLintArrowFunctionExpression} ArrowFunctionExpression
  * @typedef {import('vue-eslint-parser').AST.ESLintFunctionDeclaration} FunctionDeclaration
+ * @typedef {import('vue-eslint-parser').AST.VAttribute} VAttribute
+ * @typedef {import('vue-eslint-parser').AST.VIdentifier} VIdentifier
+ * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
  * @typedef {import('eslint').Scope.Variable} Variable
  * @typedef {import('eslint').Rule.RuleContext} RuleContext
  */
 /**
- * @typedef { { name: string, groupName: string, node: ASTNode } } PropertyData
- * @typedef { { usedNames: Set<string> } } TemplatePropertiesContainer
- * @typedef { { properties: Array<PropertyData>, usedNames: Set<string>, unknown: boolean, usedPropsNames: Set<string>, unknownProps: boolean } } VueComponentPropertiesContainer
+ * @typedef {import('../utils').ComponentPropertyData} ComponentPropertyData
+ */
+/**
+ * @typedef {object} TemplatePropertiesContainer
+ * @property {Set<string>} usedNames
+ * @property {Set<string>} refNames
+ * @typedef {object} VueComponentPropertiesContainer
+ * @property {ComponentPropertyData[]} properties
+ * @property {Set<string>} usedNames
+ * @property {boolean} unknown
+ * @property {Set<string>} usedPropsNames
+ * @property {boolean} unknownProps
  * @typedef { { node: FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, index: number } } CallIdAndParamIndex
- * @typedef { { usedNames: Set<string>, unknown: boolean } } UsedProperties
+ * @typedef { { usedNames: UsedNames, unknown: boolean } } UsedProperties
+ * @typedef { (context: RuleContext) => UsedProps } UsedPropsTracker
  */
 
 // ------------------------------------------------------------------------------
@@ -100,15 +115,61 @@ function getReferencesNames(references) {
     .map((ref) => ref.id.name)
 }
 
+class UsedNames {
+  constructor() {
+    /** @type {Map<string, UsedPropsTracker[]>} */
+    this.map = new Map()
+  }
+  /**
+   * @returns {IterableIterator<string>}
+   */
+  names() {
+    return this.map.keys()
+  }
+  /**
+   * @param {string} name
+   * @returns {UsedPropsTracker[]}
+   */
+  get(name) {
+    return this.map.get(name) || []
+  }
+  /**
+   * @param {string} name
+   * @param {UsedPropsTracker} tracker
+   */
+  add(name, tracker) {
+    const list = this.map.get(name)
+    if (list) {
+      list.push(tracker)
+    } else {
+      this.map.set(name, [tracker])
+    }
+  }
+  /**
+   * @param {UsedNames} other
+   */
+  addAll(other) {
+    other.map.forEach((trackers, name) => {
+      const list = this.map.get(name)
+      if (list) {
+        list.push(...trackers)
+      } else {
+        this.map.set(name, trackers)
+      }
+    })
+  }
+}
+
 /**
  * @param {ObjectPattern} node
  * @returns {UsedProperties}
  */
 function extractObjectPatternProperties(node) {
-  const usedNames = new Set()
+  const usedNames = new UsedNames()
   for (const prop of node.properties) {
     if (prop.type === 'Property') {
-      usedNames.add(utils.getStaticPropertyName(prop))
+      const name = utils.getStaticPropertyName(prop)
+      usedNames.add(name, getObjectPatternPropertyPatternTracker(prop.value))
     } else {
       // If use RestElement, everything is used!
       return {
@@ -124,39 +185,109 @@ function extractObjectPatternProperties(node) {
 }
 
 /**
- * @param {Identifier | ThisExpression} node
+ * @param {Pattern} pattern
+ * @returns {UsedPropsTracker}
+ */
+function getObjectPatternPropertyPatternTracker(pattern) {
+  if (pattern.type === 'ObjectPattern') {
+    return () => {
+      const result = new UsedProps()
+      const { usedNames, unknown } = extractObjectPatternProperties(pattern)
+      result.usedNames.addAll(usedNames)
+      result.unknown = unknown
+      return result
+    }
+  }
+  if (pattern.type === 'Identifier') {
+    return (context) => {
+      const result = new UsedProps()
+      const variable = findVariable(context, pattern)
+      if (!variable) {
+        return result
+      }
+      for (const reference of variable.references) {
+        /** @type {Identifier} */
+        // @ts-ignore
+        const id = reference.identifier
+        const { usedNames, unknown, calls } = extractPatternOrThisProperties(
+          id,
+          context
+        )
+        result.usedNames.addAll(usedNames)
+        result.unknown = result.unknown || unknown
+        result.calls.push(...calls)
+      }
+      return result
+    }
+  } else if (pattern.type === 'AssignmentPattern') {
+    return getObjectPatternPropertyPatternTracker(pattern.left)
+  }
+  return () => {
+    const result = new UsedProps()
+    result.unknown = true
+    return result
+  }
+}
+
+/**
+ * @param {Identifier | MemberExpression | ThisExpression} node
  * @param {RuleContext} context
  * @returns {UsedProps}
  */
-function extractIdOrThisProperties(node, context) {
-  /** @type {UsedProps} */
+function extractPatternOrThisProperties(node, context) {
   const result = new UsedProps()
   const parent = node.parent
   if (parent.type === 'AssignmentExpression') {
     if (parent.right === node && parent.left.type === 'ObjectPattern') {
       // `({foo} = arg)`
       const { usedNames, unknown } = extractObjectPatternProperties(parent.left)
-      usedNames.forEach((name) => result.usedNames.add(name))
+      result.usedNames.addAll(usedNames)
       result.unknown = result.unknown || unknown
     }
+    return result
   } else if (parent.type === 'VariableDeclarator') {
-    if (parent.init === node && parent.id.type === 'ObjectPattern') {
-      // `const {foo} = arg`
-      const { usedNames, unknown } = extractObjectPatternProperties(parent.id)
-      usedNames.forEach((name) => result.usedNames.add(name))
-      result.unknown = result.unknown || unknown
+    if (parent.init === node) {
+      if (parent.id.type === 'ObjectPattern') {
+        // `const {foo} = arg`
+        const { usedNames, unknown } = extractObjectPatternProperties(parent.id)
+        result.usedNames.addAll(usedNames)
+        result.unknown = result.unknown || unknown
+      } else if (parent.id.type === 'Identifier') {
+        // `const foo = arg`
+        const variable = findVariable(context, parent.id)
+        if (!variable) {
+          return result
+        }
+        for (const reference of variable.references) {
+          /** @type {Identifier} */
+          // @ts-ignore
+          const id = reference.identifier
+          const { usedNames, unknown, calls } = extractPatternOrThisProperties(
+            id,
+            context
+          )
+          result.usedNames.addAll(usedNames)
+          result.unknown = result.unknown || unknown
+          result.calls.push(...calls)
+        }
+      }
     }
+    return result
   } else if (parent.type === 'MemberExpression') {
     if (parent.object === node) {
       // `arg.foo`
       const name = utils.getStaticPropertyName(parent)
       if (name) {
-        result.usedNames.add(name)
+        result.usedNames.add(name, () =>
+          extractPatternOrThisProperties(parent, context)
+        )
       } else {
         result.unknown = true
       }
     }
+    return result
   } else if (parent.type === 'CallExpression') {
+    // @ts-ignore
     const argIndex = parent.arguments.indexOf(node)
     if (argIndex > -1 && parent.callee.type === 'Identifier') {
       // `foo(arg)`
@@ -195,8 +326,7 @@ function extractIdOrThisProperties(node, context) {
  */
 class UsedProps {
   constructor() {
-    /** @type {Set<string>} */
-    this.usedNames = new Set()
+    this.usedNames = new UsedNames()
     /** @type {CallIdAndParamIndex[]} */
     this.calls = []
     this.unknown = false
@@ -220,7 +350,7 @@ class ParamUsedProps extends UsedProps {
     }
     if (paramNode.type === 'ObjectPattern') {
       const { usedNames, unknown } = extractObjectPatternProperties(paramNode)
-      usedNames.forEach((name) => this.usedNames.add(name))
+      this.usedNames.addAll(usedNames)
       this.unknown = this.unknown || unknown
       return
     }
@@ -232,11 +362,11 @@ class ParamUsedProps extends UsedProps {
       /** @type {Identifier} */
       // @ts-ignore
       const id = reference.identifier
-      const { usedNames, unknown, calls } = extractIdOrThisProperties(
+      const { usedNames, unknown, calls } = extractPatternOrThisProperties(
         id,
         context
       )
-      usedNames.forEach((name) => this.usedNames.add(name))
+      this.usedNames.addAll(usedNames)
       this.unknown = this.unknown || unknown
       this.calls.push(...calls)
     }
@@ -325,7 +455,8 @@ module.exports = {
     const paramsUsedPropsMap = new Map()
     /** @type {TemplatePropertiesContainer} */
     const templatePropertiesContainer = {
-      usedNames: new Set()
+      usedNames: new Set(),
+      refNames: new Set()
     }
     /** @type {Map<ASTNode, VueComponentPropertiesContainer>} */
     const vueComponentPropertiesContainerMap = new Map()
@@ -368,6 +499,7 @@ module.exports = {
     function reportUnusedProperties() {
       for (const container of vueComponentPropertiesContainerMap.values()) {
         if (container.unknown) {
+          // unknown
           continue
         }
         for (const property of container.properties) {
@@ -375,6 +507,7 @@ module.exports = {
             container.usedNames.has(property.name) ||
             templatePropertiesContainer.usedNames.has(property.name)
           ) {
+            // used
             continue
           }
           if (
@@ -382,6 +515,14 @@ module.exports = {
             (container.unknownProps ||
               container.usedPropsNames.has(property.name))
           ) {
+            // used props
+            continue
+          }
+          if (
+            property.groupName === 'setup' &&
+            templatePropertiesContainer.refNames.has(property.name)
+          ) {
+            // used template refs
             continue
           }
           context.report({
@@ -399,7 +540,7 @@ module.exports = {
     /**
      * @param {UsedProps} usedProps
      * @param {Map<ASTNode,Set<number>>} already
-     * @returns {Generator<UsedProps>}
+     * @returns {IterableIterator<UsedProps>}
      */
     function* iterateUsedProps(usedProps, already = new Map()) {
       yield usedProps
@@ -423,6 +564,22 @@ module.exports = {
       }
     }
 
+    /**
+     * @param {VueComponentPropertiesContainer} container
+     * @param {UsedProps} baseUseProps
+     */
+    function processParamPropsUsed(container, baseUseProps) {
+      for (const { usedNames, unknown } of iterateUsedProps(baseUseProps)) {
+        if (unknown) {
+          container.unknownProps = true
+          return
+        }
+        for (const name of usedNames.names()) {
+          container.usedPropsNames.add(name)
+        }
+      }
+    }
+
     const scriptVisitor = Object.assign(
       {},
       utils.defineVueVisitor(context, {
@@ -448,23 +605,45 @@ module.exports = {
         },
         onSetupFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
-          const propsParam = node.params[0]
-          if (!propsParam) {
-            // no arguments
-            return
+          if (node.params[0]) {
+            const paramsUsedProps = getParamsUsedProps(node)
+            const paramUsedProps = paramsUsedProps.getParam(0)
+
+            processParamPropsUsed(container, paramUsedProps)
           }
-          const paramsUsedProps = getParamsUsedProps(node)
-          const paramUsedProps = paramsUsedProps.getParam(0)
+        },
+        onRenderFunctionEnter(node, vueData) {
+          const container = getVueComponentPropertiesContainer(vueData.node)
+          if (node.params[0]) {
+            // for Vue 3.x render
+            const paramsUsedProps = getParamsUsedProps(node)
+            const paramUsedProps = paramsUsedProps.getParam(0)
 
-          for (const { usedNames, unknown } of iterateUsedProps(
-            paramUsedProps
-          )) {
-            if (unknown) {
-              container.unknownProps = true
+            processParamPropsUsed(container, paramUsedProps)
+            if (container.unknownProps) {
               return
             }
-            for (const name of usedNames) {
-              container.usedPropsNames.add(name)
+          }
+
+          if (vueData.functional && node.params[1]) {
+            // for Vue 2.x render & functional
+            const paramsUsedProps = getParamsUsedProps(node)
+            const paramUsedProps = paramsUsedProps.getParam(1)
+
+            for (const { usedNames, unknown } of iterateUsedProps(
+              paramUsedProps
+            )) {
+              if (unknown) {
+                container.unknownProps = true
+                return
+              }
+              for (const usedPropsTracker of usedNames.get('props')) {
+                const propUsedProps = usedPropsTracker(context)
+                processParamPropsUsed(container, propUsedProps)
+                if (container.unknownProps) {
+                  return
+                }
+              }
             }
           }
         },
@@ -473,14 +652,14 @@ module.exports = {
             return
           }
           const container = getVueComponentPropertiesContainer(vueData.node)
-          const usedProps = extractIdOrThisProperties(node, context)
+          const usedProps = extractPatternOrThisProperties(node, context)
 
           for (const { usedNames, unknown } of iterateUsedProps(usedProps)) {
             if (unknown) {
               container.unknown = true
               return
             }
-            for (const name of usedNames) {
+            for (const name of usedNames.names()) {
               container.usedNames.add(name)
             }
           }
@@ -496,11 +675,22 @@ module.exports = {
     )
 
     const templateVisitor = {
+      /**
+       * @param {VExpressionContainer} node
+       */
       VExpressionContainer(node) {
         for (const name of getReferencesNames(node.references)) {
           templatePropertiesContainer.usedNames.add(name)
         }
       },
+      /**
+       * @param {VAttribute} node
+       */
+      'VAttribute[directive=false]'(node) {
+        if (node.key.name === 'ref' && node.value != null) {
+          templatePropertiesContainer.refNames.add(node.value.value)
+        }
+      },
       "VElement[parent.type!='VElement']:exit"() {
         reportUnusedProperties()
       }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 6b7df723f..e9f8efe50 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -698,6 +698,7 @@ module.exports = {
    * - `onVueObjectEnter` ... Event when Vue Object is found.
    * - `onVueObjectExit` ... Event when Vue Object visit ends.
    * - `onSetupFunctionEnter` ... Event when setup function found.
+   * - `onRenderFunctionEnter` ... Event when render function found.
    *
    * @param {RuleContext} context The ESLint rule context object.
    * @param {Object} visitor The visitor to traverse the Vue Objects.
@@ -716,10 +717,35 @@ module.exports = {
       vueVisitor[key] = (node) => callVisitor(key, node)
     }
 
+    /**
+     * @param {ObjectExpression} node
+     */
     vueVisitor.ObjectExpression = (node) => {
       const type = getVueObjectType(context, node)
       if (type) {
-        vueStack = { node, type, parent: vueStack }
+        vueStack = {
+          node,
+          type,
+          parent: vueStack,
+          get functional () {
+            /** @type {Property} */
+            const functional = node.properties.find(
+              (p) =>
+                p.type === 'Property' &&
+                getStaticPropertyName(p) === 'functional'
+            )
+            if (!functional) {
+              return false
+            }
+            if (
+              functional.value.type === 'Literal' &&
+              functional.value.value === false
+            ) {
+              return false
+            }
+            return true
+          }
+        }
         callVisitor('onVueObjectEnter', node)
       }
       callVisitor('ObjectExpression', node)
@@ -731,16 +757,24 @@ module.exports = {
         vueStack = vueStack.parent
       }
     }
-    if (visitor.onSetupFunctionEnter) {
-      vueVisitor['Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'] = (node) => {
+    if (visitor.onSetupFunctionEnter || visitor.onRenderFunctionEnter) {
+      vueVisitor[
+        'Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'
+      ] = (node) => {
         /** @type {Property} */
         const prop = node.parent
-        if (vueStack && prop.parent === vueStack.node) {
-          if (getStaticPropertyName(prop) === 'setup' && prop.value === node) {
+        if (vueStack && prop.parent === vueStack.node && prop.value === node) {
+          const name = getStaticPropertyName(prop)
+          if (name === 'setup') {
             callVisitor('onSetupFunctionEnter', node)
+          } else if (name === 'render') {
+            callVisitor('onRenderFunctionEnter', node)
           }
         }
-        callVisitor('Property[value.type=/^(Arrow)?FunctionExpression$/] > :function', node)
+        callVisitor(
+          'Property[value.type=/^(Arrow)?FunctionExpression$/] > :function',
+          node
+        )
       }
     }
 
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 7c37da2f8..c5796e752 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -766,6 +766,221 @@ tester.run('no-unused-properties', rule, {
           }
         </script>
       `
+    },
+
+    // render & functional
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('smart-list', {
+        functional: true,
+        props: {
+          items: {
+            type: Array,
+            required: true
+          },
+          isOrdered: Boolean
+        },
+        render: function (createElement, context) {
+          function appropriateListComponent () {
+            var items = context.props.items
+
+            if (items.length === 0)           return EmptyList
+            if (typeof items[0] === 'object') return TableList
+            if (context.props.isOrdered)      return OrderedList
+
+            return UnorderedList
+          }
+
+          return createElement(
+            appropriateListComponent(),
+            context.data,
+            context.children
+          )
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, {props}) {
+          return createElement('button', props.foo)
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, ctx) {
+          return createElement('button', fn(ctx.props))
+        }
+      })
+
+      function fn(props) {
+        return props.foo
+      }
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, ctx) {
+          return createElement('button', fn(ctx))
+        }
+      })
+
+      function fn({props}) {
+        return props.foo
+      }
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, {props:{foo}}) {
+          return createElement('button', foo)
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, {props:[bar]}) {
+          return createElement('button')
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, {props:bar={}}) {
+          return createElement('button', bar.foo)
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo'],
+        render: function (createElement, {...foo}) {
+          return createElement('button')
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo', 'bar'],
+        render: function (createElement, ctx) {
+          const a = ctx.props
+          const b = ctx.props
+          return createElement('button', a.foo + b.bar)
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo', 'bar'],
+        render: function (createElement, {props: a, props: b}) {
+          return createElement('button', a.foo + b.bar)
+        }
+      })
+      `
+    },
+    // render for Vue 3.x
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo'],
+        render (props) {
+          return h('button', props.foo)
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo'],
+        render ({foo}) {
+          return h('button', foo)
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo'],
+        render (bar) {
+          const {...baz} = bar
+          return h('button')
+        }
+      })
+      `
+    },
+    // Vue.js 3.x Template Refs
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div ref="root"></div>
+      </template>
+
+      <script>
+        import { ref, onMounted } from 'vue'
+
+        export default {
+          setup() {
+            const root = ref(null)
+
+            onMounted(() => {
+              // the DOM element will be assigned to the ref after initial render
+              console.log(root.value) // <div/>
+            })
+
+            return {
+              root
+            }
+          }
+        }
+      </script>`,
+      options: [{ groups: ['props', 'setup'] }]
     }
   ],
 
@@ -1248,6 +1463,20 @@ tester.run('no-unused-properties', rule, {
         "'bar' of property found, but never used.",
         "'baz' of property found, but never used."
       ]
+    },
+
+    // render & not functional
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        props: ['foo'],
+        render: function (createElement, {props}) {
+          return createElement('button', props.foo)
+        }
+      })
+      `,
+      errors: ["'foo' of property found, but never used."]
     }
   ]
 })

From 376048efd60b98baa7a7ae2a183d37386dc493b0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 17:26:27 +0900
Subject: [PATCH 0118/1010] Fixed false positives for Vue 3 functional
 component in `vue/require-direct-export` rule. (#1199)

And, add option `disallowFunctionalComponentFunction` to revert to the old behavior.
---
 docs/rules/require-direct-export.md      |  36 ++++-
 lib/rules/require-direct-export.js       |  93 ++++++++++--
 tests/lib/rules/require-direct-export.js | 186 +++++++++++++++++++++--
 3 files changed, 285 insertions(+), 30 deletions(-)

diff --git a/docs/rules/require-direct-export.md b/docs/rules/require-direct-export.md
index 63d9fb19e..e51751df0 100644
--- a/docs/rules/require-direct-export.md
+++ b/docs/rules/require-direct-export.md
@@ -51,7 +51,41 @@ export default ComponentA
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/require-direct-export": ["error", {
+    "disallowFunctionalComponentFunction": false
+  }]
+}
+```
+
+- `"disallowFunctionalComponentFunction"` ... If `true`, disallow functional component functions, available in Vue 3.x. default `false`
+
+### `"disallowFunctionalComponentFunction": false`
+
+<eslint-code-block :rules="{'vue/require-direct-export': ['error', {disallowFunctionalComponentFunction: false}]}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default props => h('div', props.msg)
+</script>
+```
+
+</eslint-code-block>
+
+### `"disallowFunctionalComponentFunction": true`
+
+<eslint-code-block :rules="{'vue/require-direct-export': ['error', {disallowFunctionalComponentFunction: true}]}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default props => h('div', props.msg)
+</script>
+```
+
+</eslint-code-block>
 
 ## :mag: Implementation
 
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 41e1a9824..2bc0abd12 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -6,6 +6,13 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.ESLintExportDefaultDeclaration} ExportDefaultDeclaration
+ * @typedef {import('vue-eslint-parser').AST.ESLintDeclaration} Declaration
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ * @typedef {import('vue-eslint-parser').AST.ESLintReturnStatement} ReturnStatement
+ *
+ */
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -19,28 +26,84 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-direct-export.html'
     },
     fixable: null,  // or "code" or "whitespace"
-    schema: []
+    schema: [{
+      type: 'object',
+      properties: {
+        disallowFunctionalComponentFunction: { type: 'boolean' }
+      },
+      additionalProperties: false
+    }]
   },
 
   create (context) {
     const filePath = context.getFilename()
+    if (!utils.isVueFile(filePath)) return {}
+
+    const disallowFunctional = (context.options[0] || {}).disallowFunctionalComponentFunction
+
+    let maybeVue3Functional
+    let scopeStack = null
 
     return {
-      'ExportDefaultDeclaration:exit' (node) {
-        if (!utils.isVueFile(filePath)) return
-
-        const isObjectExpression = (
-          node.type === 'ExportDefaultDeclaration' &&
-          node.declaration.type === 'ObjectExpression'
-        )
-
-        if (!isObjectExpression) {
-          context.report({
-            node,
-            message: `Expected the component literal to be directly exported.`
-          })
+      /** @param {Declaration | Expression} node */
+      'ExportDefaultDeclaration > *' (node) {
+        if (node.type === 'ObjectExpression') {
+          // OK
+          return
+        }
+        if (!disallowFunctional) {
+          if (node.type === 'ArrowFunctionExpression') {
+            if (node.body.type !== 'BlockStatement') {
+            // OK
+              return
+            }
+            maybeVue3Functional = {
+              body: node.body
+            }
+            return
+          }
+          if (node.type === 'FunctionExpression' || node.type === 'FunctionDeclaration') {
+            maybeVue3Functional = {
+              body: node.body
+            }
+            return
+          }
+        }
+
+        context.report({
+          node: node.parent,
+          message: `Expected the component literal to be directly exported.`
+        })
+      },
+      ...(disallowFunctional ? {} : {
+        ':function > BlockStatement' (node) {
+          if (!maybeVue3Functional) {
+            return
+          }
+          scopeStack = { upper: scopeStack, withinVue3FunctionalBody: maybeVue3Functional.body === node }
+        },
+        /** @param {ReturnStatement} node */
+        ReturnStatement (node) {
+          if (scopeStack && scopeStack.withinVue3FunctionalBody && node.argument) {
+            maybeVue3Functional.hasReturnArgument = true
+          }
+        },
+        ':function > BlockStatement:exit' (node) {
+          scopeStack = scopeStack && scopeStack.upper
+        },
+        /** @param {ExportDefaultDeclaration} node */
+        'ExportDefaultDeclaration:exit' (node) {
+          if (!maybeVue3Functional) {
+            return
+          }
+          if (!maybeVue3Functional.hasReturnArgument) {
+            context.report({
+              node,
+              message: `Expected the component literal to be directly exported.`
+            })
+          }
         }
-      }
+      })
     }
   }
 }
diff --git a/tests/lib/rules/require-direct-export.js b/tests/lib/rules/require-direct-export.js
index 72f71bf93..16b6aa96a 100644
--- a/tests/lib/rules/require-direct-export.js
+++ b/tests/lib/rules/require-direct-export.js
@@ -11,17 +11,17 @@
 const rule = require('../../../lib/rules/require-direct-export')
 const RuleTester = require('eslint').RuleTester
 
-const parserOptions = {
-  ecmaVersion: 2018,
-  sourceType: 'module',
-  ecmaFeatures: { jsx: true }
-}
-
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
 
-const ruleTester = new RuleTester()
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: { jsx: true }
+  }
+})
 ruleTester.run('require-direct-export', rule, {
 
   valid: [
@@ -29,28 +29,186 @@ ruleTester.run('require-direct-export', rule, {
       filename: 'test.vue',
       code: ''
     },
+    {
+      filename: 'test.vue',
+      code: `export default {}`
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {}`,
+      options: [{ disallowFunctionalComponentFunction: true }]
+    },
+    {
+      filename: 'test.js',
+      code: `export default Foo`
+    },
     {
       filename: 'test.vue',
       code: `
-            export default {}
-          `,
-      parserOptions
+      import { h } from 'vue'
+      export default function (props) {
+        return h('div', \`Hello! \${props.name}\`)
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default function Component () {
+        return h('div')
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default (props) => {
+        return h('div', \`Hello! \${props.name}\`)
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default props => h('div', props.msg)
+      `
     }
   ],
 
   invalid: [
-
     {
       filename: 'test.vue',
       code: `
-          const A = {};
-          export default A`,
-      parserOptions,
+      const A = {};
+      export default A`,
       errors: [{
         message: 'Expected the component literal to be directly exported.',
         type: 'ExportDefaultDeclaration',
         line: 3
       }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      function A(props) {
+        return h('div', props.msg)
+      };
+      export default A`,
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default function NoReturn() {}`,
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default function () {}`,
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default () => {}`,
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default () => {
+        const foo = () => {
+          return b
+        }
+      }`,
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default () => {
+        return
+      }`,
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 1
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      function A(props) {
+        return h('div', props.msg)
+      };
+      export default A`,
+      options: [{ disallowFunctionalComponentFunction: true }],
+      errors: [{
+        message: 'Expected the component literal to be directly exported.',
+        type: 'ExportDefaultDeclaration',
+        line: 5
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default function (props) {
+        return h('div', \`Hello! \${props.name}\`)
+      }
+      `,
+      options: [{ disallowFunctionalComponentFunction: true }],
+      errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default function Component () {
+        return h('div')
+      }
+      `,
+      options: [{ disallowFunctionalComponentFunction: true }],
+      errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default (props) => {
+        return h('div', \`Hello! \${props.name}\`)
+      }
+      `,
+      options: [{ disallowFunctionalComponentFunction: true }],
+      errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { h } from 'vue'
+      export default props => h('div', props.msg)
+      `,
+      options: [{ disallowFunctionalComponentFunction: true }],
+      errors: ['Expected the component literal to be directly exported.']
     }
   ]
 })

From ba6ae96b34db29e895fb9405bb9f1b2f06a7c453 Mon Sep 17 00:00:00 2001
From: danyadev <danyadev@mail.ru>
Date: Sun, 7 Jun 2020 13:24:26 +0300
Subject: [PATCH 0119/1010] =?UTF-8?q?Fixed=20the=20usage=20of=20'=E2=9C=97?=
 =?UTF-8?q?=20BAD'=20and=20'=E2=9C=93=20GOOD'=20in=20the=20documentation?=
 =?UTF-8?q?=20(#1202)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/rules/attribute-hyphenation.md           | 18 ++++++-------
 docs/rules/custom-event-name-casing.md        |  8 +++---
 .../no-potential-component-option-typo.md     | 25 +++++++++----------
 docs/rules/no-restricted-static-attribute.md  |  6 ++---
 docs/rules/no-restricted-syntax.md            |  4 +--
 docs/rules/no-restricted-v-bind.md            |  8 +++---
 docs/rules/no-unused-properties.md            |  4 +--
 7 files changed, 36 insertions(+), 37 deletions(-)

diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index 5a1ff4155..b6a4915c2 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -18,10 +18,10 @@ This rule enforces using hyphenated attribute names on custom components in Vue
 
 ```vue
 <template>
-  <!-- ✔ GOOD -->
+  <!-- ✓ GOOD -->
   <MyComponent my-prop="prop" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyComponent myProp="prop" />
 </template>
 ```
@@ -51,10 +51,10 @@ It errors on upper case letters.
 
 ```vue
 <template>
-  <!-- ✔ GOOD -->
+  <!-- ✓ GOOD -->
   <MyComponent my-prop="prop" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyComponent myProp="prop" />
 </template>
 ```
@@ -68,34 +68,34 @@ It errors on hyphens except `data-`, `aria-` and `slot-scope`.
 
 ```vue
 <template>
-  <!-- ✔ GOOD -->
+  <!-- ✓ GOOD -->
   <MyComponent myProp="prop" />
   <MyComponent data-id="prop" />
   <MyComponent aria-role="button" />
   <MyComponent slot-scope="prop" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyComponent my-prop="prop" />
 </template>
 ```
 
 </eslint-code-block>
 
-### `"never", { "ignore": ["custom-prop"] }` 
+### `"never", { "ignore": ["custom-prop"] }`
 Don't use hyphenated name but allow custom attributes
 
 <eslint-code-block fix :rules="{'vue/attribute-hyphenation': ['error', 'never', { ignore: ['custom-prop']}]}">
 
 ```vue
 <template>
-  <!-- ✔ GOOD -->
+  <!-- ✓ GOOD -->
   <MyComponent myProp="prop" />
   <MyComponent custom-prop="prop" />
   <MyComponent data-id="prop" />
   <MyComponent aria-role="button" />
   <MyComponent slot-scope="prop" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyComponent my-prop="prop" />
 </template>
 ```
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index cc0153c81..52ddc7b5b 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -23,21 +23,21 @@ See [Guide - Custom Events] for more details.
 
 ```vue
 <template>
-  <!-- ✔ GOOD -->
+  <!-- ✓ GOOD -->
   <button @click="$emit('my-event')" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <button @click="$emit('myEvent')" />
 </template>
 <script>
 export default {
   methods: {
     onClick () {
-      /* ✔ GOOD */
+      /* ✓ GOOD */
       this.$emit('my-event')
       this.$emit('update:myProp', myProp)
 
-      /* ✘ BAD */
+      /* ✗ BAD */
       this.$emit('myEvent')
     }
   }
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index e347676db..6474addad 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -18,8 +18,7 @@ This rule disallow a potential typo in your component options
   "vue/no-potential-component-option-typo": ["error", {
     "presets": ["all"],
     "custom": ["test"]
-    }
-  ]
+  }]
 }
 ```
 
@@ -30,21 +29,21 @@ This rule disallow a potential typo in your component options
 export default {
   /* ✓ GOOD */
   props: {
-    
+
   },
-  /* × BAD */
+  /* ✗ BAD */
   method: {
 
   },
   /* ✓ GOOD */
   data: {
-    
+
   },
-  /* × BAD */
+  /* ✗ BAD */
   beforeRouteEnteR() {
 
   },
-  /* × BAD due to custom option 'test'*/
+  /* ✗ BAD due to custom option 'test' */
   testt: {
 
   }
@@ -72,19 +71,19 @@ export default {
 ```vue
 <script>
 export default {
-  /* ✓ BAD, due to threshold is 5 */
+  /* ✓ GOOD, due to threshold is 5 */
   props: {
-    
+
   },
-  /* ✓ BAD, due to threshold is 5 */
+  /* ✓ GOOD, due to threshold is 5 */
   method: {
 
   },
-  /* ✓ BAD, due to threshold is 5 */
+  /* ✓ GOOD, due to threshold is 5 */
   data: {
-    
+
   },
-  /* × GOOD, due to we don't choose vue-router preset or add a custom option */
+  /* ✗ BAD, due to we don't choose vue-router preset or add a custom option */
   beforeRouteEnteR() {
 
   }
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index a2009d7a1..f0453e6ea 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -25,7 +25,7 @@ This rule takes a list of strings, where each string is a attribute name or patt
 
 ```vue
 <template>
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <div foo="x" />
   <div bar />
 </template>
@@ -62,7 +62,7 @@ The following properties can be specified for the object.
   <!-- ✓ GOOD -->
   <div foo="foo" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <div foo="bar" />
 </template>
 ```
@@ -78,7 +78,7 @@ The following properties can be specified for the object.
   <!-- ✓ GOOD -->
   <CoolButton foo="x" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyButton foo="x" />
 </template>
 ```
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 04dcd4048..ddd7d044f 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -25,11 +25,11 @@ Forbids call expressions inside mustache interpolation.
 
 ```vue
 <template>
-  <!-- ✔ GOOD -->
+  <!-- ✓ GOOD -->
   <div> {{ foo }} </div>
   <div> {{ foo.bar }} </div>
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <div> {{ foo() }} </div>
   <div> {{ foo.bar() }} </div>
   <div> {{ foo().bar }} </div>
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index cc141f1bd..26f37646d 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -25,7 +25,7 @@ This rule takes a list of strings, where each string is a argument name or patte
 
 ```vue
 <template>
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <div v-bind:foo="x" />
   <div :bar="x" />
 </template>
@@ -39,7 +39,7 @@ By default, `'/^v-/'` is set. This prevents mistakes intended to be directives.
 
 ```vue
 <template>
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyInput :v-model="x" />
   <div :v-if="x" />
 </template>
@@ -84,7 +84,7 @@ The following properties can be specified for the object.
   <!-- ✓ GOOD -->
   <div :foo="x" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <div :foo.prop="x" />
 </template>
 ```
@@ -100,7 +100,7 @@ The following properties can be specified for the object.
   <!-- ✓ GOOD -->
   <CoolButton :foo="x" />
 
-  <!-- ✘ BAD -->
+  <!-- ✗ BAD -->
   <MyButton :foo="x" />
 </template>
 ```
diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index 438187060..bcf1a56ec 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -89,7 +89,7 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 <eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'data']}]}">
 
 ```vue
-<!-- ✓ BAD (`count` data not used) -->
+<!-- ✗ BAD (`count` data not used) -->
 <script>
   export default {
     data() {
@@ -136,7 +136,7 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 <eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'computed']}]}">
 
 ```vue
-<!-- ✓ BAD (`reversedMessage` computed property not used) -->
+<!-- ✗ BAD (`reversedMessage` computed property not used) -->
 <template>
   <p>{{ message }}</p>
 </template>

From 3812d412ebe6b1dc7ce9f4e25f500002ddc28a84 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 19:25:57 +0900
Subject: [PATCH 0120/1010] Add `vue/operator-linebreak` rule (#1200)

* Add `vue/operator-linebreak` rule

* fix
---
 docs/rules/README.md                  |   1 +
 docs/rules/operator-linebreak.md      |  25 +++++
 lib/configs/no-layout-rules.js        |   1 +
 lib/index.js                          |   1 +
 lib/rules/operator-linebreak.js       |   9 ++
 tests/lib/rules/operator-linebreak.js | 129 ++++++++++++++++++++++++++
 6 files changed, 166 insertions(+)
 create mode 100644 docs/rules/operator-linebreak.md
 create mode 100644 lib/rules/operator-linebreak.js
 create mode 100644 tests/lib/rules/operator-linebreak.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 636d67686..261eed05c 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -333,6 +333,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks inside braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
+| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
 | [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses | :wrench: |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
new file mode 100644
index 000000000..080e7e777
--- /dev/null
+++ b/docs/rules/operator-linebreak.md
@@ -0,0 +1,25 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/operator-linebreak
+description: enforce consistent linebreak style for operators
+---
+# vue/operator-linebreak
+> enforce consistent linebreak style for operators
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [operator-linebreak] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [operator-linebreak]
+
+[operator-linebreak]: https://eslint.org/docs/rules/operator-linebreak
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/operator-linebreak.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/operator-linebreak.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/operator-linebreak)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index d8ba1837f..4e4734e52 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -33,6 +33,7 @@ module.exports = {
     'vue/object-curly-newline': 'off',
     'vue/object-curly-spacing': 'off',
     'vue/object-property-newline': 'off',
+    'vue/operator-linebreak': 'off',
     'vue/padding-line-between-blocks': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
diff --git a/lib/index.js b/lib/index.js
index c8b463f63..6a9462c7b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -108,6 +108,7 @@ module.exports = {
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'object-property-newline': require('./rules/object-property-newline'),
     'one-component-per-file': require('./rules/one-component-per-file'),
+    'operator-linebreak': require('./rules/operator-linebreak'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'prefer-template': require('./rules/prefer-template'),
diff --git a/lib/rules/operator-linebreak.js b/lib/rules/operator-linebreak.js
new file mode 100644
index 000000000..2546693d9
--- /dev/null
+++ b/lib/rules/operator-linebreak.js
@@ -0,0 +1,9 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(require('eslint/lib/rules/operator-linebreak'))
diff --git a/tests/lib/rules/operator-linebreak.js b/tests/lib/rules/operator-linebreak.js
new file mode 100644
index 000000000..8b0c731e6
--- /dev/null
+++ b/tests/lib/rules/operator-linebreak.js
@@ -0,0 +1,129 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/operator-linebreak')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('operator-linebreak', rule, {
+  valid: [
+    `
+    <template>
+      <div :foo="1 + 2" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :foo="1 + 2" />
+      </template>
+      `,
+      options: ['before']
+    },
+    {
+      code: `
+      <template>
+        <div :foo="1 + 2" />
+      </template>
+      `,
+      options: ['none']
+    },
+    `
+    <template>
+      <div :[foo+bar]="value" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :[foo+bar]="value" />
+      </template>
+      `,
+      options: ['before']
+    },
+    {
+      code: `
+      <template>
+        <div :[foo+bar]="value" />
+      </template>
+      `,
+      options: ['none']
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :foo="1
+          + 2" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="1 +
+          2" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "'+' should be placed at the end of the line.",
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="1 +
+          2" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="1
+          + 2" />
+      </template>
+      `,
+      options: ['before'],
+      errors: [
+        {
+          message: "'+' should be placed at the beginning of the line.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="1 +
+          2" />
+        <div :foo="1
+          + 2" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="1 +          2" />
+        <div :foo="1          + 2" />
+      </template>
+      `,
+      options: ['none'],
+      errors: [
+        {
+          message: "There should be no line break before or after '+'.",
+          line: 3
+        },
+        {
+          message: "There should be no line break before or after '+'.",
+          line: 6
+        }
+      ]
+    }
+  ]
+})

From 7cc41c99534457b2a1eaa8588b8076d8cb91bf38 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 19:26:45 +0900
Subject: [PATCH 0121/1010] Add `vue/func-call-spacing` rule (#1201)

* Add `vue/func-call-spacing` rule

* fix

* fixed
---
 docs/rules/README.md                 |  1 +
 docs/rules/func-call-spacing.md      | 25 ++++++++
 lib/configs/no-layout-rules.js       |  1 +
 lib/index.js                         |  1 +
 lib/rules/func-call-spacing.js       | 11 ++++
 tests/lib/rules/func-call-spacing.js | 85 ++++++++++++++++++++++++++++
 6 files changed, 124 insertions(+)
 create mode 100644 docs/rules/func-call-spacing.md
 create mode 100644 lib/rules/func-call-spacing.js
 create mode 100644 tests/lib/rules/func-call-spacing.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 261eed05c..1fe658682 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -322,6 +322,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
 | [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible | :wrench: |
 | [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
+| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations | :wrench: |
 | [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |
 | [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
new file mode 100644
index 000000000..41af5a45a
--- /dev/null
+++ b/docs/rules/func-call-spacing.md
@@ -0,0 +1,25 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/func-call-spacing
+description: require or disallow spacing between function identifiers and their invocations
+---
+# vue/func-call-spacing
+> require or disallow spacing between function identifiers and their invocations
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [func-call-spacing] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [func-call-spacing]
+
+[func-call-spacing]: https://eslint.org/docs/rules/func-call-spacing
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/func-call-spacing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/func-call-spacing.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/func-call-spacing)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 4e4734e52..3d2cb5d30 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -13,6 +13,7 @@ module.exports = {
     'vue/comma-spacing': 'off',
     'vue/comma-style': 'off',
     'vue/dot-location': 'off',
+    'vue/func-call-spacing': 'off',
     'vue/html-closing-bracket-newline': 'off',
     'vue/html-closing-bracket-spacing': 'off',
     'vue/html-comment-content-newline': 'off',
diff --git a/lib/index.js b/lib/index.js
index 6a9462c7b..f962015c3 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -25,6 +25,7 @@ module.exports = {
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
+    'func-call-spacing': require('./rules/func-call-spacing'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
     'html-closing-bracket-spacing': require('./rules/html-closing-bracket-spacing'),
     'html-comment-content-newline': require('./rules/html-comment-content-newline'),
diff --git a/lib/rules/func-call-spacing.js b/lib/rules/func-call-spacing.js
new file mode 100644
index 000000000..da076f9cb
--- /dev/null
+++ b/lib/rules/func-call-spacing.js
@@ -0,0 +1,11 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(require('eslint/lib/rules/func-call-spacing'), {
+  skipDynamicArguments: true
+})
diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
new file mode 100644
index 000000000..93df1577c
--- /dev/null
+++ b/tests/lib/rules/func-call-spacing.js
@@ -0,0 +1,85 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { RuleTester, CLIEngine } = require('eslint')
+const semver = require('semver')
+const rule = require('../../../lib/rules/func-call-spacing')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('func-call-spacing', rule, {
+  valid: [
+    `
+    <template>
+      <div :foo="foo()" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :foo="foo ()" />
+      </template>
+      `,
+      options: ['always']
+    },
+    `
+    <template>
+      <div :[foo()]="value" />
+    </template>
+    `,
+    {
+      code: `
+      <template>
+        <div :[foo()]="value" />
+      </template>
+      `,
+      options: ['always']
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :foo="foo ()" />
+      </template>
+      `,
+      output: `
+      <template>
+        <div :foo="foo()" />
+      </template>
+      `,
+      errors: [
+        {
+          message: semver.lt(CLIEngine.version, '7.0.0')
+            ? 'Unexpected newline between function name and paren.'
+            : 'Unexpected whitespace between function name and paren.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :foo="foo()" />
+      </template>
+      `,
+      options: ['always'],
+      output: `
+      <template>
+        <div :foo="foo ()" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Missing space between function name and paren.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From ad70c986d6458c449c768254e2a694b304baa641 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 7 Jun 2020 19:30:11 +0900
Subject: [PATCH 0122/1010] 7.0.0-alpha.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 18b2c8932..b734f167d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.5",
+  "version": "7.0.0-alpha.6",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1823583ea8a09525fbda43e12cf011505912aeaa Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Tue, 9 Jun 2020 03:25:13 +0200
Subject: [PATCH 0123/1010] Add Nuxt and Vue Router properties in
 `order-in-components` (#1107)

* Add other Nuxt properties

* Add Vue Router's navigation guard properties

* Update rule docs

* Change order according to feedback
---
 docs/rules/order-in-components.md | 21 +++++++++++++++++++--
 lib/rules/order-in-components.js  | 18 +++++++++++++++++-
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 25c62fe88..81708c9f1 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -65,23 +65,35 @@ export default {
     "order": [
       "el",
       "name",
+      "key",
       "parent",
       "functional",
       ["delimiters", "comments"],
       ["components", "directives", "filters"],
       "extends",
       "mixins",
+      ["provide", "inject"],
+      "ROUTER_GUARDS",
+      "layout",
+      "middleware",
+      "validate",
+      "scrollToTop",
+      "transition",
+      "loading",
       "inheritAttrs",
       "model",
       ["props", "propsData"],
+      "emits",
+      "setup",
       "fetch",
       "asyncData",
       "data",
+      "head",
       "computed",
       "watch",
+      "watchQuery",
       "LIFECYCLE_HOOKS",
       "methods",
-      "head",
       ["template", "render"],
       "renderError"
     ]
@@ -89,7 +101,12 @@ export default {
 }
 ```
 
-- `order` (`(string | string[])[]`) ... The order of properties. Elements are the property names or `LIFECYCLE_HOOKS`. If an element is the array of strings, it means any of those can be placed there unordered. Default is above.
+- `order` (`(string | string[])[]`) ... The order of properties. Elements are the property names or one of the following groups:
+
+  - `LIFECYCLE_HOOKS`: [Vue Lifecycle Events](https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram), in the order they are called
+  - `ROUTER_GUARDS`: [Vue Router Navigation Guards](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards), in the order they are called
+
+  If an element is an array of strings, it means any of those can be placed there unordered. Default is above.
 
 
 ## :books: Further reading
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 65ba64f16..29c34f26d 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -13,6 +13,7 @@ const defaultOrder = [
 
   // Global Awareness (requires knowledge beyond the component)
   'name',
+  'key', // for Nuxt
   'parent',
 
   // Component Type (changes the type of the component)
@@ -29,6 +30,15 @@ const defaultOrder = [
   'mixins',
   ['provide', 'inject'], // for Vue.js 2.2.0+
 
+  // Page Options (component rendered as a router page)
+  'ROUTER_GUARDS', // for Vue Router
+  'layout', // for Nuxt
+  'middleware', // for Nuxt
+  'validate', // for Nuxt
+  'scrollToTop', // for Nuxt
+  'transition', // for Nuxt
+  'loading', // for Nuxt
+
   // Interface (the interface to the component)
   'inheritAttrs',
   'model',
@@ -45,17 +55,18 @@ const defaultOrder = [
   'fetch', // for Nuxt
   'asyncData', // for Nuxt
   'data',
+  'head', // for Nuxt
   'computed',
 
   // Events (callbacks triggered by reactive events)
   'watch',
+  'watchQuery', // for Nuxt
   'LIFECYCLE_HOOKS',
 
   // Non-Reactive Properties (instance properties independent of the reactivity system)
   'methods',
 
   // Rendering (the declarative description of the component output)
-  'head', // for Nuxt
   ['template', 'render'],
   'renderError'
 ]
@@ -77,6 +88,11 @@ const groups = {
     'renderTracked', // for Vue.js 3.x
     'renderTriggered', // for Vue.js 3.x
     'errorCaptured' // for Vue.js 2.5.0+
+  ],
+  ROUTER_GUARDS: [
+    'beforeRouteEnter',
+    'beforeRouteUpdate',
+    'beforeRouteLeave'
   ]
 }
 

From 6def98a0ad4912c474fff8db479f07befc122b8e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 9 Jun 2020 12:14:42 +0900
Subject: [PATCH 0124/1010] Format some files (#1205)

Format the files for which the PR has been finished.
---
 .eslintrc.js                             |  11 -
 lib/rules/order-in-components.js         |  74 ++--
 lib/rules/require-direct-export.js       |  99 +++--
 lib/utils/index.js                       | 523 ++++++++++++++---------
 tests/lib/rules/order-in-components.js   | 317 +++++++++-----
 tests/lib/rules/require-direct-export.js |  97 +++--
 tests/lib/utils/vue-component.js         |  21 +-
 7 files changed, 701 insertions(+), 441 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 97e2e03f9..7bc7d0960 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -40,17 +40,6 @@ module.exports = {
     // Introduce prettier. but ignore files to avoid conflicts with PR.
     {
       files: [
-        // https://github.com/vuejs/eslint-plugin-vue/pull/1107
-        'lib/rules/order-in-components.js',
-        'tests/lib/rules/order-in-components.js',
-        // https://github.com/vuejs/eslint-plugin-vue/pull/1090
-        'lib/rules/require-direct-export.js',
-        'tests/lib/rules/require-direct-export.js',
-        'lib/utils/index.js',
-        'tests/lib/utils/vue-component.js',
-        // https://github.com/vuejs/eslint-plugin-vue/pull/982
-        'lib/rules/attributes-order.js',
-        'tests/lib/rules/attributes-order.js',
         // https://github.com/vuejs/eslint-plugin-vue/pull/819
         'lib/rules/attributes-order.js',
         'tests/lib/rules/attributes-order.js'
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 29c34f26d..afdb17828 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -89,19 +89,15 @@ const groups = {
     'renderTriggered', // for Vue.js 3.x
     'errorCaptured' // for Vue.js 2.5.0+
   ],
-  ROUTER_GUARDS: [
-    'beforeRouteEnter',
-    'beforeRouteUpdate',
-    'beforeRouteLeave'
-  ]
+  ROUTER_GUARDS: ['beforeRouteEnter', 'beforeRouteUpdate', 'beforeRouteLeave']
 }
 
-function getOrderMap (order) {
+function getOrderMap(order) {
   const orderMap = new Map()
 
   order.forEach((property, i) => {
     if (Array.isArray(property)) {
-      property.forEach(p => orderMap.set(p, i))
+      property.forEach((p) => orderMap.set(p, i))
     } else {
       orderMap.set(property, i)
     }
@@ -110,11 +106,11 @@ function getOrderMap (order) {
   return orderMap
 }
 
-function isComma (node) {
+function isComma(node) {
   return node.type === 'Punctuator' && node.value === ','
 }
 
-const ARITHMETIC_OPERATORS = ['+', '-', '*', '/', '%', '**'/* es2016 */]
+const ARITHMETIC_OPERATORS = ['+', '-', '*', '/', '%', '**' /* es2016 */]
 const BITWISE_OPERATORS = ['&', '|', '^', '~', '<<', '>>', '>>>']
 const COMPARISON_OPERATORS = ['==', '!=', '===', '!==', '>', '>=', '<', '<=']
 const RELATIONAL_OPERATORS = ['in', 'instanceof']
@@ -124,7 +120,7 @@ const ALL_BINARY_OPERATORS = [].concat(
   COMPARISON_OPERATORS,
   RELATIONAL_OPERATORS
 )
-const LOGICAL_OPERATORS = ['&&', '||', '??'/* es2020 */]
+const LOGICAL_OPERATORS = ['&&', '||', '??' /* es2020 */]
 
 /*
  * Result `true` if the node is sure that there are no side effects
@@ -142,12 +138,12 @@ const LOGICAL_OPERATORS = ['&&', '||', '??'/* es2020 */]
  * @param  {Object} visitorKeys sourceCode.visitorKey
  * @returns {Boolean} no side effects
  */
-function isNotSideEffectsNode (node, visitorKeys) {
+function isNotSideEffectsNode(node, visitorKeys) {
   let result = true
   let skipNode = false
   traverseNodes(node, {
     visitorKeys,
-    enterNode (node) {
+    enterNode(node) {
       if (!result || skipNode) {
         return
       }
@@ -166,9 +162,12 @@ function isNotSideEffectsNode (node, visitorKeys) {
         node.type !== 'Property' &&
         node.type !== 'ObjectExpression' &&
         node.type !== 'ArrayExpression' &&
-        (node.type !== 'UnaryExpression' || !['!', '~', '+', '-', 'typeof'].includes(node.operator)) &&
-        (node.type !== 'BinaryExpression' || !ALL_BINARY_OPERATORS.includes(node.operator)) &&
-        (node.type !== 'LogicalExpression' || !LOGICAL_OPERATORS.includes(node.operator)) &&
+        (node.type !== 'UnaryExpression' ||
+          !['!', '~', '+', '-', 'typeof'].includes(node.operator)) &&
+        (node.type !== 'BinaryExpression' ||
+          !ALL_BINARY_OPERATORS.includes(node.operator)) &&
+        (node.type !== 'LogicalExpression' ||
+          !LOGICAL_OPERATORS.includes(node.operator)) &&
         node.type !== 'MemberExpression' &&
         node.type !== 'ConditionalExpression' &&
         // es2015
@@ -179,7 +178,7 @@ function isNotSideEffectsNode (node, visitorKeys) {
         result = false
       }
     },
-    leaveNode (node) {
+    leaveNode(node) {
       if (skipNode === node) {
         skipNode = null
       }
@@ -215,23 +214,25 @@ module.exports = {
     ]
   },
 
-  create (context) {
+  create(context) {
     const options = context.options[0] || {}
     const order = options.order || defaultOrder
-    const extendedOrder = order.map(property => groups[property] || property)
+    const extendedOrder = order.map((property) => groups[property] || property)
     const orderMap = getOrderMap(extendedOrder)
     const sourceCode = context.getSourceCode()
 
-    function checkOrder (propertiesNodes, orderMap) {
+    function checkOrder(propertiesNodes, orderMap) {
       const properties = propertiesNodes
-        .filter(property => property.type === 'Property')
-        .map(property => property.key)
+        .filter((property) => property.type === 'Property')
+        .map((property) => property.key)
 
       properties.forEach((property, i) => {
         const propertiesAbove = properties.slice(0, i)
         const unorderedProperties = propertiesAbove
-          .filter(p => orderMap.get(p.name) > orderMap.get(property.name))
-          .sort((p1, p2) => orderMap.get(p1.name) > orderMap.get(p2.name) ? 1 : -1)
+          .filter((p) => orderMap.get(p.name) > orderMap.get(property.name))
+          .sort((p1, p2) =>
+            orderMap.get(p1.name) > orderMap.get(p2.name) ? 1 : -1
+          )
 
         const firstUnorderedProperty = unorderedProperties[0]
 
@@ -245,7 +246,7 @@ module.exports = {
               firstUnorderedPropertyName: firstUnorderedProperty.name,
               line
             },
-            fix (fixer) {
+            fix(fixer) {
               const propertyNode = property.parent
               const firstUnorderedPropertyNode = firstUnorderedProperty.parent
               const hasSideEffectsPossibility = propertiesNodes
@@ -253,7 +254,10 @@ module.exports = {
                   propertiesNodes.indexOf(firstUnorderedPropertyNode),
                   propertiesNodes.indexOf(propertyNode) + 1
                 )
-                .some((property) => !isNotSideEffectsNode(property, sourceCode.visitorKeys))
+                .some(
+                  (property) =>
+                    !isNotSideEffectsNode(property, sourceCode.visitorKeys)
+                )
               if (hasSideEffectsPossibility) {
                 return undefined
               }
@@ -262,12 +266,20 @@ module.exports = {
 
               const beforeComma = sourceCode.getTokenBefore(propertyNode)
               const codeStart = beforeComma.range[1] // to include comments
-              const codeEnd = hasAfterComma ? afterComma.range[1] : propertyNode.range[1]
-
-              const propertyCode = sourceCode.text.slice(codeStart, codeEnd) + (hasAfterComma ? '' : ',')
-              const insertTarget = sourceCode.getTokenBefore(firstUnorderedPropertyNode)
-
-              const removeStart = hasAfterComma ? codeStart : beforeComma.range[0]
+              const codeEnd = hasAfterComma
+                ? afterComma.range[1]
+                : propertyNode.range[1]
+
+              const propertyCode =
+                sourceCode.text.slice(codeStart, codeEnd) +
+                (hasAfterComma ? '' : ',')
+              const insertTarget = sourceCode.getTokenBefore(
+                firstUnorderedPropertyNode
+              )
+
+              const removeStart = hasAfterComma
+                ? codeStart
+                : beforeComma.range[0]
 
               return [
                 fixer.removeRange([removeStart, codeEnd]),
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 2bc0abd12..472a01846 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -25,28 +25,31 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-direct-export.html'
     },
-    fixable: null,  // or "code" or "whitespace"
-    schema: [{
-      type: 'object',
-      properties: {
-        disallowFunctionalComponentFunction: { type: 'boolean' }
-      },
-      additionalProperties: false
-    }]
+    fixable: null, // or "code" or "whitespace"
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          disallowFunctionalComponentFunction: { type: 'boolean' }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
-  create (context) {
+  create(context) {
     const filePath = context.getFilename()
     if (!utils.isVueFile(filePath)) return {}
 
-    const disallowFunctional = (context.options[0] || {}).disallowFunctionalComponentFunction
+    const disallowFunctional = (context.options[0] || {})
+      .disallowFunctionalComponentFunction
 
     let maybeVue3Functional
     let scopeStack = null
 
     return {
       /** @param {Declaration | Expression} node */
-      'ExportDefaultDeclaration > *' (node) {
+      'ExportDefaultDeclaration > *'(node) {
         if (node.type === 'ObjectExpression') {
           // OK
           return
@@ -54,7 +57,7 @@ module.exports = {
         if (!disallowFunctional) {
           if (node.type === 'ArrowFunctionExpression') {
             if (node.body.type !== 'BlockStatement') {
-            // OK
+              // OK
               return
             }
             maybeVue3Functional = {
@@ -62,7 +65,10 @@ module.exports = {
             }
             return
           }
-          if (node.type === 'FunctionExpression' || node.type === 'FunctionDeclaration') {
+          if (
+            node.type === 'FunctionExpression' ||
+            node.type === 'FunctionDeclaration'
+          ) {
             maybeVue3Functional = {
               body: node.body
             }
@@ -75,35 +81,44 @@ module.exports = {
           message: `Expected the component literal to be directly exported.`
         })
       },
-      ...(disallowFunctional ? {} : {
-        ':function > BlockStatement' (node) {
-          if (!maybeVue3Functional) {
-            return
-          }
-          scopeStack = { upper: scopeStack, withinVue3FunctionalBody: maybeVue3Functional.body === node }
-        },
-        /** @param {ReturnStatement} node */
-        ReturnStatement (node) {
-          if (scopeStack && scopeStack.withinVue3FunctionalBody && node.argument) {
-            maybeVue3Functional.hasReturnArgument = true
-          }
-        },
-        ':function > BlockStatement:exit' (node) {
-          scopeStack = scopeStack && scopeStack.upper
-        },
-        /** @param {ExportDefaultDeclaration} node */
-        'ExportDefaultDeclaration:exit' (node) {
-          if (!maybeVue3Functional) {
-            return
-          }
-          if (!maybeVue3Functional.hasReturnArgument) {
-            context.report({
-              node,
-              message: `Expected the component literal to be directly exported.`
-            })
-          }
-        }
-      })
+      ...(disallowFunctional
+        ? {}
+        : {
+            ':function > BlockStatement'(node) {
+              if (!maybeVue3Functional) {
+                return
+              }
+              scopeStack = {
+                upper: scopeStack,
+                withinVue3FunctionalBody: maybeVue3Functional.body === node
+              }
+            },
+            /** @param {ReturnStatement} node */
+            ReturnStatement(node) {
+              if (
+                scopeStack &&
+                scopeStack.withinVue3FunctionalBody &&
+                node.argument
+              ) {
+                maybeVue3Functional.hasReturnArgument = true
+              }
+            },
+            ':function > BlockStatement:exit'(node) {
+              scopeStack = scopeStack && scopeStack.upper
+            },
+            /** @param {ExportDefaultDeclaration} node */
+            'ExportDefaultDeclaration:exit'(node) {
+              if (!maybeVue3Functional) {
+                return
+              }
+              if (!maybeVue3Functional.hasReturnArgument) {
+                context.report({
+                  node,
+                  message: `Expected the component literal to be directly exported.`
+                })
+              }
+            }
+          })
     }
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index e9f8efe50..6ff8d6f7e 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -67,21 +67,23 @@ const componentComments = new WeakMap()
  * @param {RuleContext} context The rule context object.
  * @param {TokenStore} tokenStore The token store object for template.
  */
-function wrapContextToOverrideTokenMethods (context, tokenStore) {
+function wrapContextToOverrideTokenMethods(context, tokenStore) {
   const eslintSourceCode = context.getSourceCode()
   let tokensAndComments
-  function getTokensAndComments () {
+  function getTokensAndComments() {
     if (tokensAndComments) {
       return tokensAndComments
     }
     const templateBody = eslintSourceCode.ast.templateBody
-    tokensAndComments = templateBody ? tokenStore.getTokens(templateBody, {
-      includeComments: true
-    }) : []
+    tokensAndComments = templateBody
+      ? tokenStore.getTokens(templateBody, {
+          includeComments: true
+        })
+      : []
     return tokensAndComments
   }
   const sourceCode = new Proxy(Object.assign({}, eslintSourceCode), {
-    get (object, key) {
+    get(object, key) {
       if (key === 'tokensAndComments') {
         return getTokensAndComments()
       }
@@ -91,7 +93,7 @@ function wrapContextToOverrideTokenMethods (context, tokenStore) {
 
   return {
     __proto__: context,
-    getSourceCode () {
+    getSourceCode() {
       return sourceCode
     }
   }
@@ -101,7 +103,7 @@ function wrapContextToOverrideTokenMethods (context, tokenStore) {
  * Wrap the rule context object to override report method to skip the dynamic argument.
  * @param {RuleContext} context The rule context object.
  */
-function wrapContextToOverrideReportMethodToSkipDynamicArgument (context) {
+function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
   const sourceCode = context.getSourceCode()
   const templateBody = sourceCode.ast.templateBody
   if (!templateBody) {
@@ -110,30 +112,40 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument (context) {
   const directiveKeyRanges = []
   const traverseNodes = vueEslintParser.AST.traverseNodes
   traverseNodes(templateBody, {
-    enterNode (node, parent) {
+    enterNode(node, parent) {
       if (
-        parent && parent.type === 'VDirectiveKey' && node.type === 'VExpressionContainer'
+        parent &&
+        parent.type === 'VDirectiveKey' &&
+        node.type === 'VExpressionContainer'
       ) {
         directiveKeyRanges.push(node.range)
       }
     },
-    leaveNode () {}
+    leaveNode() {}
   })
 
   return {
     __proto__: context,
-    report (descriptor, ...args) {
+    report(descriptor, ...args) {
       let range = null
       if (descriptor.loc) {
-        const startLoc = isLoc(descriptor.loc.start) ? descriptor.loc.start : descriptor.loc
+        const startLoc = isLoc(descriptor.loc.start)
+          ? descriptor.loc.start
+          : descriptor.loc
         const endLoc = descriptor.loc.end || startLoc
-        range = [sourceCode.getIndexFromLoc(startLoc), sourceCode.getIndexFromLoc(endLoc)]
+        range = [
+          sourceCode.getIndexFromLoc(startLoc),
+          sourceCode.getIndexFromLoc(endLoc)
+        ]
       } else if (descriptor.node) {
         range = descriptor.node.range
       }
       if (range) {
         for (const directiveKeyRange of directiveKeyRanges) {
-          if (range[0] < directiveKeyRange[1] && directiveKeyRange[0] < range[1]) {
+          if (
+            range[0] < directiveKeyRange[1] &&
+            directiveKeyRange[0] < range[1]
+          ) {
             return
           }
         }
@@ -142,8 +154,13 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument (context) {
     }
   }
 
-  function isLoc (loc) {
-    return loc && typeof loc === 'object' && typeof loc.line === 'number' && typeof loc.column === 'number'
+  function isLoc(loc) {
+    return (
+      loc &&
+      typeof loc === 'object' &&
+      typeof loc.line === 'number' &&
+      typeof loc.column === 'number'
+    )
   }
 }
 
@@ -174,10 +191,15 @@ module.exports = {
    * @param {RuleModule["create"]} [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
    */
-  wrapCoreRule (coreRule, options) {
-    const { categories, skipDynamicArguments, skipDynamicArgumentsReport, create } = options || {}
+  wrapCoreRule(coreRule, options) {
+    const {
+      categories,
+      skipDynamicArguments,
+      skipDynamicArgumentsReport,
+      create
+    } = options || {}
     return {
-      create (context) {
+      create(context) {
         const tokenStore =
           context.parserServices.getTemplateBodyTokenStore &&
           context.parserServices.getTemplateBodyTokenStore()
@@ -189,7 +211,9 @@ module.exports = {
         }
 
         if (skipDynamicArgumentsReport) {
-          context = wrapContextToOverrideReportMethodToSkipDynamicArgument(context)
+          context = wrapContextToOverrideReportMethodToSkipDynamicArgument(
+            context
+          )
         }
 
         // Move `Program` handlers to `VElement[parent.type!='VElement']`
@@ -200,7 +224,8 @@ module.exports = {
           delete handlers.Program
         }
         if (handlers['Program:exit']) {
-          handlers["VElement[parent.type!='VElement']:exit"] = handlers['Program:exit']
+          handlers["VElement[parent.type!='VElement']:exit"] =
+            handlers['Program:exit']
           delete handlers['Program:exit']
         }
 
@@ -213,8 +238,12 @@ module.exports = {
               original(...args)
             }
           }
-          handlers['VDirectiveKey > VExpressionContainer'] = () => { withinDynamicArguments = true }
-          handlers['VDirectiveKey > VExpressionContainer:exit'] = () => { withinDynamicArguments = false }
+          handlers['VDirectiveKey > VExpressionContainer'] = () => {
+            withinDynamicArguments = true
+          }
+          handlers['VDirectiveKey > VExpressionContainer:exit'] = () => {
+            withinDynamicArguments = false
+          }
         }
 
         if (create) {
@@ -229,7 +258,9 @@ module.exports = {
         docs: Object.assign({}, coreRule.meta.docs, {
           category: null,
           categories,
-          url: `https://eslint.vuejs.org/rules/${path.basename(coreRule.meta.docs.url || '')}.html`,
+          url: `https://eslint.vuejs.org/rules/${path.basename(
+            coreRule.meta.docs.url || ''
+          )}.html`,
           extensionRule: true,
           coreRuleUrl: coreRule.meta.docs.url
         })
@@ -242,7 +273,7 @@ module.exports = {
    * @param {ASTNode} node The element node to check.
    * @returns {boolean} `true` if the node is the root element.
    */
-  isRootElement (node) {
+  isRootElement(node) {
     assert(node && node.type === 'VElement')
 
     return (
@@ -256,7 +287,7 @@ module.exports = {
    * @param {ASTNode} node The element node to get the previous sibling element.
    * @returns {ASTNode|null} The previous sibling element.
    */
-  prevSibling (node) {
+  prevSibling(node) {
     assert(node && node.type === 'VElement')
     let prevElement = null
 
@@ -279,7 +310,7 @@ module.exports = {
    * @param {string} [value] The attribute value to check.
    * @returns {boolean} `true` if the start tag has the attribute.
    */
-  hasAttribute (node, name, value) {
+  hasAttribute(node, name, value) {
     assert(node && node.type === 'VElement')
     return Boolean(this.getAttribute(node, name, value))
   },
@@ -291,7 +322,7 @@ module.exports = {
    * @param {string} [argument] The directive argument to check.
    * @returns {boolean} `true` if the start tag has the directive.
    */
-  hasDirective (node, name, argument) {
+  hasDirective(node, name, argument) {
     assert(node && node.type === 'VElement')
     return Boolean(this.getDirective(node, name, argument))
   },
@@ -302,7 +333,7 @@ module.exports = {
    * @param {RuleContext} context The rule context to use parser services.
    * @returns {boolean} `true` if the directive attribute has their empty value (`=""`).
    */
-  isEmptyValueDirective (node, context) {
+  isEmptyValueDirective(node, context) {
     assert(node && node.type === 'VAttribute')
     if (node.value == null) {
       return false
@@ -312,7 +343,10 @@ module.exports = {
     }
 
     let valueText = context.getSourceCode().getText(node.value)
-    if ((valueText[0] === '"' || valueText[0] === "'") && valueText[0] === valueText[valueText.length - 1]) {
+    if (
+      (valueText[0] === '"' || valueText[0] === "'") &&
+      valueText[0] === valueText[valueText.length - 1]
+    ) {
       // quoted
       valueText = valueText.slice(1, -1)
     }
@@ -329,7 +363,7 @@ module.exports = {
    * @param {RuleContext} context The rule context to use parser services.
    * @returns {boolean} `true` if the directive attribute has their empty expression value.
    */
-  isEmptyExpressionValueDirective (node, context) {
+  isEmptyExpressionValueDirective(node, context) {
     assert(node && node.type === 'VAttribute')
     if (node.value == null) {
       return false
@@ -351,11 +385,20 @@ module.exports = {
         // empty
         return true
       }
-      if (!quote1 && token.type === 'Punctuator' && (token.value === '"' || token.value === "'")) {
+      if (
+        !quote1 &&
+        token.type === 'Punctuator' &&
+        (token.value === '"' || token.value === "'")
+      ) {
         quote1 = token
         continue
       }
-      if (!quote2 && quote1 && token.type === 'Punctuator' && (token.value === quote1.value)) {
+      if (
+        !quote2 &&
+        quote1 &&
+        token.type === 'Punctuator' &&
+        token.value === quote1.value
+      ) {
         quote2 = token
         continue
       }
@@ -373,15 +416,13 @@ module.exports = {
    * @param {string} [value] The attribute value to check.
    * @returns {ASTNode} The found attribute.
    */
-  getAttribute (node, name, value) {
+  getAttribute(node, name, value) {
     assert(node && node.type === 'VElement')
-    return node.startTag.attributes.find(a =>
-      !a.directive &&
-      a.key.name === name &&
-      (
-        value === undefined ||
-        (a.value != null && a.value.value === value)
-      )
+    return node.startTag.attributes.find(
+      (a) =>
+        !a.directive &&
+        a.key.name === name &&
+        (value === undefined || (a.value != null && a.value.value === value))
     )
   },
 
@@ -392,12 +433,14 @@ module.exports = {
    * @param {string} [argument] The directive argument to check.
    * @returns {ASTNode} The found directive.
    */
-  getDirective (node, name, argument) {
+  getDirective(node, name, argument) {
     assert(node && node.type === 'VElement')
-    return node.startTag.attributes.find(a =>
-      a.directive &&
-      a.key.name.name === name &&
-      (argument === undefined || (a.key.argument && a.key.argument.name) === argument)
+    return node.startTag.attributes.find(
+      (a) =>
+        a.directive &&
+        a.key.name.name === name &&
+        (argument === undefined ||
+          (a.key.argument && a.key.argument.name) === argument)
     )
   },
 
@@ -406,24 +449,26 @@ module.exports = {
    * @param {ASTNode} componentObject
    * @returns {Array} Array of ASTNodes
    */
-  getRegisteredComponents (componentObject) {
-    const componentsNode = componentObject.properties
-      .find(p =>
+  getRegisteredComponents(componentObject) {
+    const componentsNode = componentObject.properties.find(
+      (p) =>
         p.type === 'Property' &&
         p.key.type === 'Identifier' &&
         p.key.name === 'components' &&
         p.value.type === 'ObjectExpression'
-      )
+    )
 
-    if (!componentsNode) { return [] }
+    if (!componentsNode) {
+      return []
+    }
 
     return componentsNode.value.properties
-      .filter(p => p.type === 'Property')
-      .map(node => {
+      .filter((p) => p.type === 'Property')
+      .map((node) => {
         const name = getStaticPropertyName(node)
         return name ? { node, name } : null
       })
-      .filter(comp => comp != null)
+      .filter((comp) => comp != null)
   },
 
   /**
@@ -431,15 +476,16 @@ module.exports = {
    * @param {ASTNode} node The element node to check.
    * @returns {boolean} `true` if the previous sibling element has `if` or `else-if` directive.
    */
-  prevElementHasIf (node) {
+  prevElementHasIf(node) {
     assert(node && node.type === 'VElement')
 
     const prev = this.prevSibling(node)
     return (
       prev != null &&
-      prev.startTag.attributes.some(a =>
-        a.directive &&
-        (a.key.name.name === 'if' || a.key.name.name === 'else-if')
+      prev.startTag.attributes.some(
+        (a) =>
+          a.directive &&
+          (a.key.name.name === 'if' || a.key.name.name === 'else-if')
       )
     )
   },
@@ -449,11 +495,12 @@ module.exports = {
    * @param {ASTNode} node The start tag node to check.
    * @returns {boolean} `true` if the node is a custom component.
    */
-  isCustomComponent (node) {
+  isCustomComponent(node) {
     assert(node && node.type === 'VElement')
 
     return (
-      (this.isHtmlElementNode(node) && !this.isHtmlWellKnownElementName(node.rawName)) ||
+      (this.isHtmlElementNode(node) &&
+        !this.isHtmlWellKnownElementName(node.rawName)) ||
       this.hasAttribute(node, 'is') ||
       this.hasDirective(node, 'bind', 'is')
     )
@@ -464,7 +511,7 @@ module.exports = {
    * @param {ASTNode} node The node to check.
    * @returns {boolean} `true` if the node is a HTML element.
    */
-  isHtmlElementNode (node) {
+  isHtmlElementNode(node) {
     assert(node && node.type === 'VElement')
 
     return node.namespace === vueEslintParser.AST.NS.HTML
@@ -475,7 +522,7 @@ module.exports = {
    * @param {ASTNode} node The node to check.
    * @returns {boolean} `true` if the name is a SVG element.
    */
-  isSvgElementNode (node) {
+  isSvgElementNode(node) {
     assert(node && node.type === 'VElement')
 
     return node.namespace === vueEslintParser.AST.NS.SVG
@@ -486,7 +533,7 @@ module.exports = {
    * @param {ASTNode} node The node to check.
    * @returns {boolean} `true` if the node is a MathML element.
    */
-  isMathMLElementNode (node) {
+  isMathMLElementNode(node) {
     assert(node && node.type === 'VElement')
 
     return node.namespace === vueEslintParser.AST.NS.MathML
@@ -497,7 +544,7 @@ module.exports = {
    * @param {string} name The name to check.
    * @returns {boolean} `true` if the name is an well-known element name.
    */
-  isHtmlWellKnownElementName (name) {
+  isHtmlWellKnownElementName(name) {
     assert(typeof name === 'string')
 
     return HTML_ELEMENT_NAMES.has(name)
@@ -508,7 +555,7 @@ module.exports = {
    * @param {string} name The name to check.
    * @returns {boolean} `true` if the name is an well-known SVG element name.
    */
-  isSvgWellKnownElementName (name) {
+  isSvgWellKnownElementName(name) {
     assert(typeof name === 'string')
     return SVG_ELEMENT_NAMES.has(name)
   },
@@ -518,7 +565,7 @@ module.exports = {
    * @param {string} name The name to check.
    * @returns {boolean} `true` if the name is a void element name.
    */
-  isHtmlVoidElementName (name) {
+  isHtmlVoidElementName(name) {
     assert(typeof name === 'string')
 
     return VOID_ELEMENT_NAMES.has(name)
@@ -529,7 +576,7 @@ module.exports = {
    * @param {ASTNode} node MemberExpression
    * @returns {Array}
    */
-  parseMemberExpression (node) {
+  parseMemberExpression(node) {
     const members = []
     let memberExpression
 
@@ -565,14 +612,15 @@ module.exports = {
    * @param {ObjectExpression} componentObject Object with component definition
    * @return {(ComponentArrayProp | ComponentObjectProp)[]} Array of component props in format: [{key?: String, value?: ASTNode, node: ASTNod}]
    */
-  getComponentProps (componentObject) {
-    const propsNode = componentObject.properties
-      .find(p =>
+  getComponentProps(componentObject) {
+    const propsNode = componentObject.properties.find(
+      (p) =>
         p.type === 'Property' &&
         p.key.type === 'Identifier' &&
         p.key.name === 'props' &&
-        (p.value.type === 'ObjectExpression' || p.value.type === 'ArrayExpression')
-      )
+        (p.value.type === 'ObjectExpression' ||
+          p.value.type === 'ArrayExpression')
+    )
 
     if (!propsNode) {
       return []
@@ -580,19 +628,29 @@ module.exports = {
 
     if (propsNode.value.type === 'ObjectExpression') {
       return propsNode.value.properties
-        .filter(prop => prop.type === 'Property')
-        .map(prop => {
+        .filter((prop) => prop.type === 'Property')
+        .map((prop) => {
           return {
-            key: prop.key, value: unwrapTypes(prop.value), node: prop,
+            key: prop.key,
+            value: unwrapTypes(prop.value),
+            node: prop,
             propName: getStaticPropertyName(prop)
           }
         })
     } else {
       return propsNode.value.elements
-        .filter(prop => prop)
-        .map(prop => {
-          const key = prop.type === 'Literal' && typeof prop.value === 'string' ? prop : null
-          return { key, value: null, node: prop, propName: key != null ? prop.value : null }
+        .filter((prop) => prop)
+        .map((prop) => {
+          const key =
+            prop.type === 'Literal' && typeof prop.value === 'string'
+              ? prop
+              : null
+          return {
+            key,
+            value: null,
+            node: prop,
+            propName: key != null ? prop.value : null
+          }
         })
     }
   },
@@ -602,14 +660,15 @@ module.exports = {
    * @param {ObjectExpression} componentObject Object with component definition
    * @return {(ComponentArrayEmit | ComponentObjectEmit)[]} Array of component emits in format: [{key?: String, value?: ASTNode, node: ASTNod}]
    */
-  getComponentEmits (componentObject) {
-    const emitsNode = componentObject.properties
-      .find(p =>
+  getComponentEmits(componentObject) {
+    const emitsNode = componentObject.properties.find(
+      (p) =>
         p.type === 'Property' &&
         p.key.type === 'Identifier' &&
         p.key.name === 'emits' &&
-        (p.value.type === 'ObjectExpression' || p.value.type === 'ArrayExpression')
-      )
+        (p.value.type === 'ObjectExpression' ||
+          p.value.type === 'ArrayExpression')
+    )
 
     if (!emitsNode) {
       return []
@@ -617,19 +676,29 @@ module.exports = {
 
     if (emitsNode.value.type === 'ObjectExpression') {
       return emitsNode.value.properties
-        .filter(prop => prop.type === 'Property')
-        .map(prop => {
+        .filter((prop) => prop.type === 'Property')
+        .map((prop) => {
           return {
-            key: prop.key, value: unwrapTypes(prop.value), node: prop,
+            key: prop.key,
+            value: unwrapTypes(prop.value),
+            node: prop,
             emitName: getStaticPropertyName(prop)
           }
         })
     } else {
       return emitsNode.value.elements
-        .filter(prop => prop)
-        .map(prop => {
-          const key = prop.type === 'Literal' && typeof prop.value === 'string' ? prop : null
-          return { key, value: null, node: prop, emitName: key != null ? prop.value : null }
+        .filter((prop) => prop)
+        .map((prop) => {
+          const key =
+            prop.type === 'Literal' && typeof prop.value === 'string'
+              ? prop
+              : null
+          return {
+            key,
+            value: null,
+            node: prop,
+            emitName: key != null ? prop.value : null
+          }
         })
     }
   },
@@ -639,20 +708,22 @@ module.exports = {
    * @param {ObjectExpression} componentObject Object with component definition
    * @return {ComponentComputedProperty[]} Array of computed properties in format: [{key: String, value: ASTNode}]
    */
-  getComputedProperties (componentObject) {
-    const computedPropertiesNode = componentObject.properties
-      .find(p =>
+  getComputedProperties(componentObject) {
+    const computedPropertiesNode = componentObject.properties.find(
+      (p) =>
         p.type === 'Property' &&
         p.key.type === 'Identifier' &&
         p.key.name === 'computed' &&
         p.value.type === 'ObjectExpression'
-      )
+    )
 
-    if (!computedPropertiesNode) { return [] }
+    if (!computedPropertiesNode) {
+      return []
+    }
 
     return computedPropertiesNode.value.properties
-      .filter(cp => cp.type === 'Property')
-      .map(cp => {
+      .filter((cp) => cp.type === 'Property')
+      .map((cp) => {
         const key = getStaticPropertyName(cp)
         /** @type {Expression} */
         const propValue = cp.value
@@ -663,13 +734,13 @@ module.exports = {
           value = propValue.body
         } else if (propValue.type === 'ObjectExpression') {
           /** @type { (Property & { value: FunctionExpression }) | undefined} */
-          const get = propValue.properties
-            .find(p =>
+          const get = propValue.properties.find(
+            (p) =>
               p.type === 'Property' &&
               p.key.type === 'Identifier' &&
               p.key.name === 'get' &&
               p.value.type === 'FunctionExpression'
-            )
+          )
           value = get ? get.value.body : null
         }
 
@@ -684,7 +755,7 @@ module.exports = {
    * @param {RuleContext} context The ESLint rule context object.
    * @param {Function} cb Callback function
    */
-  executeOnVue (context, cb) {
+  executeOnVue(context, cb) {
     return compositingVisitors(
       this.executeOnVueComponent(context, cb),
       this.executeOnVueInstance(context, cb)
@@ -703,10 +774,10 @@ module.exports = {
    * @param {RuleContext} context The ESLint rule context object.
    * @param {Object} visitor The visitor to traverse the Vue Objects.
    */
-  defineVueVisitor (context, visitor) {
+  defineVueVisitor(context, visitor) {
     let vueStack = null
 
-    function callVisitor (key, node) {
+    function callVisitor(key, node) {
       if (visitor[key] && vueStack) {
         visitor[key](node, vueStack)
       }
@@ -727,7 +798,7 @@ module.exports = {
           node,
           type,
           parent: vueStack,
-          get functional () {
+          get functional() {
             /** @type {Property} */
             const functional = node.properties.find(
               (p) =>
@@ -789,9 +860,9 @@ module.exports = {
    * @param {RuleContext} context The ESLint rule context object.
    * @param {Function} cb Callback function
    */
-  executeOnVueInstance (context, cb) {
+  executeOnVueInstance(context, cb) {
     return {
-      'ObjectExpression:exit' (node) {
+      'ObjectExpression:exit'(node) {
         const type = getVueObjectType(context, node)
         if (!type || type !== 'instance') return
         cb(node, type)
@@ -804,11 +875,15 @@ module.exports = {
    * @param {RuleContext} context The ESLint rule context object.
    * @param {Function} cb Callback function
    */
-  executeOnVueComponent (context, cb) {
+  executeOnVueComponent(context, cb) {
     return {
-      'ObjectExpression:exit' (node) {
+      'ObjectExpression:exit'(node) {
         const type = getVueObjectType(context, node)
-        if (!type || (type !== 'mark' && type !== 'export' && type !== 'definition')) return
+        if (
+          !type ||
+          (type !== 'mark' && type !== 'export' && type !== 'definition')
+        )
+          return
         cb(node, type)
       }
     }
@@ -819,19 +894,23 @@ module.exports = {
    * @param {RuleContext} _context The ESLint rule context object.
    * @param {Function} cb Callback function
    */
-  executeOnCallVueComponent (_context, cb) {
+  executeOnCallVueComponent(_context, cb) {
     return {
-      "CallExpression > MemberExpression > Identifier[name='component']": (node) => {
+      "CallExpression > MemberExpression > Identifier[name='component']": (
+        node
+      ) => {
         const callExpr = node.parent.parent
         const callee = callExpr.callee
 
         if (callee.type === 'MemberExpression') {
           const calleeObject = unwrapTypes(callee.object)
 
-          if (calleeObject.type === 'Identifier' &&
+          if (
+            calleeObject.type === 'Identifier' &&
             // calleeObject.name === 'Vue' && // Any names can be used in Vue.js 3.x. e.g. app.component()
             callee.property === node &&
-            callExpr.arguments.length >= 1) {
+            callExpr.arguments.length >= 1
+          ) {
             cb(callExpr)
           }
         }
@@ -844,7 +923,7 @@ module.exports = {
    * @param {Set<string>} groups Name of parent group
    * @returns {IterableIterator<ComponentPropertyData>}
    */
-  * iterateProperties (node, groups) {
+  *iterateProperties(node, groups) {
     for (const item of node.properties) {
       if (item.type !== 'Property') {
         continue
@@ -853,13 +932,13 @@ module.exports = {
       if (!name || !groups.has(name)) continue
 
       if (item.value.type === 'ArrayExpression') {
-        yield * this.iterateArrayExpression(item.value, name)
+        yield* this.iterateArrayExpression(item.value, name)
       } else if (item.value.type === 'ObjectExpression') {
-        yield * this.iterateObjectExpression(item.value, name)
+        yield* this.iterateObjectExpression(item.value, name)
       } else if (item.value.type === 'FunctionExpression') {
-        yield * this.iterateFunctionExpression(item.value, name)
+        yield* this.iterateFunctionExpression(item.value, name)
       } else if (item.value.type === 'ArrowFunctionExpression') {
-        yield * this.iterateArrowFunctionExpression(item.value, name)
+        yield* this.iterateArrowFunctionExpression(item.value, name)
       }
     }
   },
@@ -870,7 +949,7 @@ module.exports = {
    * @param {string} groupName Name of parent group
    * @returns {IterableIterator<ComponentArrayPropertyData>}
    */
-  * iterateArrayExpression (node, groupName) {
+  *iterateArrayExpression(node, groupName) {
     assert(node.type === 'ArrayExpression')
     for (const item of node.elements) {
       if (item.type === 'Literal' || item.type === 'TemplateLiteral') {
@@ -888,28 +967,40 @@ module.exports = {
    * @param {string} groupName Name of parent group
    * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
-  * iterateObjectExpression (node, groupName) {
+  *iterateObjectExpression(node, groupName) {
     assert(node.type === 'ObjectExpression')
     let usedGetter
     for (const item of node.properties) {
       if (item.type === 'Property') {
         const key = item.key
-        if (key.type === 'Identifier' || key.type === 'Literal' || key.type === 'TemplateLiteral') {
+        if (
+          key.type === 'Identifier' ||
+          key.type === 'Literal' ||
+          key.type === 'TemplateLiteral'
+        ) {
           const name = getStaticPropertyName(item)
           if (name) {
             if (item.kind === 'set') {
               // find getter pair
-              if (!usedGetter) { usedGetter = new Set() }
-              if (node.properties.some(item2 => {
-                if (item2.type === 'Property' && item2.kind === 'get' && !usedGetter.has(item2)) {
-                  const getterName = getStaticPropertyName(item2)
-                  if (getterName === name) {
-                    usedGetter.add(item2)
-                    return true
+              if (!usedGetter) {
+                usedGetter = new Set()
+              }
+              if (
+                node.properties.some((item2) => {
+                  if (
+                    item2.type === 'Property' &&
+                    item2.kind === 'get' &&
+                    !usedGetter.has(item2)
+                  ) {
+                    const getterName = getStaticPropertyName(item2)
+                    if (getterName === name) {
+                      usedGetter.add(item2)
+                      return true
+                    }
                   }
-                }
-                return false
-              })) {
+                  return false
+                })
+              ) {
                 // has getter pair
                 continue
               }
@@ -927,12 +1018,16 @@ module.exports = {
    * @param {string} groupName Name of parent group
    * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
-  * iterateFunctionExpression (node, groupName) {
+  *iterateFunctionExpression(node, groupName) {
     assert(node.type === 'FunctionExpression')
     if (node.body.type === 'BlockStatement') {
       for (const item of node.body.body) {
-        if (item.type === 'ReturnStatement' && item.argument && item.argument.type === 'ObjectExpression') {
-          yield * this.iterateObjectExpression(item.argument, groupName)
+        if (
+          item.type === 'ReturnStatement' &&
+          item.argument &&
+          item.argument.type === 'ObjectExpression'
+        ) {
+          yield* this.iterateObjectExpression(item.argument, groupName)
         }
       }
     }
@@ -944,17 +1039,21 @@ module.exports = {
    * @param {string} groupName Name of parent group
    * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
-  * iterateArrowFunctionExpression (node, groupName) {
+  *iterateArrowFunctionExpression(node, groupName) {
     assert(node.type === 'ArrowFunctionExpression')
     const body = node.body
     if (body.type === 'BlockStatement') {
       for (const item of body.body) {
-        if (item.type === 'ReturnStatement' && item.argument && item.argument.type === 'ObjectExpression') {
-          yield * this.iterateObjectExpression(item.argument, groupName)
+        if (
+          item.type === 'ReturnStatement' &&
+          item.argument &&
+          item.argument.type === 'ObjectExpression'
+        ) {
+          yield* this.iterateObjectExpression(item.argument, groupName)
         }
       }
     } else if (body.type === 'ObjectExpression') {
-      yield * this.iterateObjectExpression(body, groupName)
+      yield* this.iterateObjectExpression(body, groupName)
     }
   },
 
@@ -963,7 +1062,7 @@ module.exports = {
    * @param {boolean} treatUndefinedAsUnspecified
    * @param {Function} cb Callback function
    */
-  executeOnFunctionsWithoutReturn (treatUndefinedAsUnspecified, cb) {
+  executeOnFunctionsWithoutReturn(treatUndefinedAsUnspecified, cb) {
     let funcInfo = {
       funcInfo: null,
       codePath: null,
@@ -972,11 +1071,11 @@ module.exports = {
       node: null
     }
 
-    function isReachable (segment) {
+    function isReachable(segment) {
       return segment.reachable
     }
 
-    function isValidReturn () {
+    function isValidReturn() {
       if (funcInfo.codePath.currentSegments.some(isReachable)) {
         return false
       }
@@ -984,7 +1083,7 @@ module.exports = {
     }
 
     return {
-      onCodePathStart (codePath, node) {
+      onCodePathStart(codePath, node) {
         funcInfo = {
           codePath,
           funcInfo,
@@ -993,19 +1092,19 @@ module.exports = {
           node
         }
       },
-      onCodePathEnd () {
+      onCodePathEnd() {
         funcInfo = funcInfo.funcInfo
       },
-      ReturnStatement (node) {
+      ReturnStatement(node) {
         funcInfo.hasReturn = true
         funcInfo.hasReturnValue = Boolean(node.argument)
       },
-      'ArrowFunctionExpression:exit' (node) {
+      'ArrowFunctionExpression:exit'(node) {
         if (!isValidReturn() && !node.expression) {
           cb(funcInfo.node)
         }
       },
-      'FunctionExpression:exit' (node) {
+      'FunctionExpression:exit'(node) {
         if (!isValidReturn()) {
           cb(funcInfo.node)
         }
@@ -1018,7 +1117,7 @@ module.exports = {
    * @param {ASTNode} node
    * @returns {boolean}
    */
-  isSingleLine (node) {
+  isSingleLine(node) {
     return node.loc.start.line === node.loc.end.line
   },
 
@@ -1027,12 +1126,14 @@ module.exports = {
    * @param {Program} node The program node to check.
    * @returns {boolean} `true` if it has invalid EOF.
    */
-  hasInvalidEOF (node) {
+  hasInvalidEOF(node) {
     const body = node.templateBody
     if (body == null || body.errors == null) {
       return
     }
-    return body.errors.some(error => typeof error.code === 'string' && error.code.startsWith('eof-'))
+    return body.errors.some(
+      (error) => typeof error.code === 'string' && error.code.startsWith('eof-')
+    )
   },
 
   /**
@@ -1041,7 +1142,7 @@ module.exports = {
    * @param  {ESLintNode} node The node to parse
    * @return {[ESLintNode, ...MemberExpression[]]} The chaining nodes
    */
-  getMemberChaining (node) {
+  getMemberChaining(node) {
     const nodes = []
     let n = node
 
@@ -1059,7 +1160,7 @@ module.exports = {
    * @param  {ASTNode} node The node to parse (MemberExpression | CallExpression)
    * @return {String} eg. 'this.asd.qwe().map().filter().test.reduce()'
    */
-  parseMemberOrCallExpression (node) {
+  parseMemberOrCallExpression(node) {
     const parsedCallee = []
     let n = node
     let isFunc
@@ -1096,13 +1197,13 @@ module.exports = {
    * @param {string} b string b to compare
    * @returns {number}
    */
-  editDistance (a, b) {
+  editDistance(a, b) {
     if (a === b) {
       return 0
     }
     const alen = a.length
     const blen = b.length
-    const dp = Array.from({ length: alen + 1 }).map(_ =>
+    const dp = Array.from({ length: alen + 1 }).map((_) =>
       Array.from({ length: blen + 1 }).fill(0)
     )
     for (let i = 0; i <= alen; i++) {
@@ -1135,7 +1236,7 @@ module.exports = {
    * @param  {ASTNode} node The node to check
    * @returns {boolean} `true` if the given node is `this`.
    */
-  isThis (node, context) {
+  isThis(node, context) {
     if (node.type === 'ThisExpression') {
       return true
     }
@@ -1162,7 +1263,9 @@ module.exports = {
         def.parent.kind === 'const' &&
         def.node.id.type === 'Identifier'
       ) {
-        return def.node && def.node.init && def.node.init.type === 'ThisExpression'
+        return (
+          def.node && def.node.init && def.node.init.type === 'ThisExpression'
+        )
       }
     }
     return false
@@ -1172,7 +1275,7 @@ module.exports = {
    * @param {MemberExpression|Identifier} props
    * @returns { { kind: 'assignment' | 'update' | 'call' , node: Node, pathNodes: MemberExpression[] } }
    */
-  findMutating (props) {
+  findMutating(props) {
     /** @type {MemberExpression[]} */
     const pathNodes = []
     let node = props
@@ -1197,7 +1300,12 @@ module.exports = {
       } else if (target.type === 'CallExpression') {
         if (node !== props && target.callee === node) {
           const callName = getStaticPropertyName(node)
-          if (callName && /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(callName)) {
+          if (
+            callName &&
+            /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(
+              callName
+            )
+          ) {
             // this.xxx.push()
             pathNodes.pop()
             return {
@@ -1231,15 +1339,23 @@ module.exports = {
  * @param {Object} [scriptVisitor] The visitor to traverse the script.
  * @returns {Object} The merged visitor.
  */
-function defineTemplateBodyVisitor (context, templateBodyVisitor, scriptVisitor) {
+function defineTemplateBodyVisitor(
+  context,
+  templateBodyVisitor,
+  scriptVisitor
+) {
   if (context.parserServices.defineTemplateBodyVisitor == null) {
     context.report({
       loc: { line: 1, column: 0 },
-      message: 'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error'
+      message:
+        'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error'
     })
     return {}
   }
-  return context.parserServices.defineTemplateBodyVisitor(templateBodyVisitor, scriptVisitor)
+  return context.parserServices.defineTemplateBodyVisitor(
+    templateBodyVisitor,
+    scriptVisitor
+  )
 }
 
 /**
@@ -1248,8 +1364,12 @@ function defineTemplateBodyVisitor (context, templateBodyVisitor, scriptVisitor)
  * @param {T} node
  * @return {T}
  */
-function unwrapTypes (node) {
-  return !node ? node : node.type === 'TSAsExpression' ? unwrapTypes(node.expression) : node
+function unwrapTypes(node) {
+  return !node
+    ? node
+    : node.type === 'TSAsExpression'
+    ? unwrapTypes(node.expression)
+    : node
 }
 
 /**
@@ -1257,7 +1377,7 @@ function unwrapTypes (node) {
  * @param {Property|MethodDefinition|MemberExpression|Literal|TemplateLiteral|Identifier} node - The node to get.
  * @return {string|null} The property name if static. Otherwise, null.
  */
-function getStaticPropertyName (node) {
+function getStaticPropertyName(node) {
   let prop
   switch (node && node.type) {
     case 'Property':
@@ -1272,7 +1392,7 @@ function getStaticPropertyName (node) {
     case 'Identifier':
       prop = node
       break
-      // no default
+    // no default
   }
 
   switch (prop && prop.type) {
@@ -1288,13 +1408,13 @@ function getStaticPropertyName (node) {
         return prop.name
       }
       break
-      // no default
+    // no default
   }
 
   return null
 }
 
-function isVueFile (path) {
+function isVueFile(path) {
   return path.endsWith('.vue') || path.endsWith('.jsx')
 }
 
@@ -1306,10 +1426,12 @@ function isVueFile (path) {
  * @param {string} path File name with extension
  * @returns {boolean}
  */
-function isVueComponentFile (node, path) {
-  return isVueFile(path) &&
-      node.type === 'ExportDefaultDeclaration' &&
-      node.declaration.type === 'ObjectExpression'
+function isVueComponentFile(node, path) {
+  return (
+    isVueFile(path) &&
+    node.type === 'ExportDefaultDeclaration' &&
+    node.declaration.type === 'ObjectExpression'
+  )
 }
 
 /**
@@ -1318,7 +1440,7 @@ function isVueComponentFile (node, path) {
  * @param {ASTNode} node Node to check
  * @returns {boolean}
  */
-function isVueComponent (node) {
+function isVueComponent(node) {
   if (node.type === 'CallExpression') {
     const callee = node.callee
 
@@ -1331,8 +1453,8 @@ function isVueComponent (node) {
           // for Vue.js 2.x
           // Vue.component('xxx', {}) || Vue.mixin({}) || Vue.extend('xxx', {})
           const isFullVueComponentForVue2 =
-              ['component', 'mixin', 'extend'].includes(propName) &&
-              isObjectArgument(node)
+            ['component', 'mixin', 'extend'].includes(propName) &&
+            isObjectArgument(node)
 
           return isFullVueComponentForVue2
         }
@@ -1340,8 +1462,7 @@ function isVueComponent (node) {
         // for Vue.js 3.x
         // app.component('xxx', {}) || app.mixin({})
         const isFullVueComponent =
-            ['component', 'mixin'].includes(propName) &&
-            isObjectArgument(node)
+          ['component', 'mixin'].includes(propName) && isObjectArgument(node)
 
         return isFullVueComponent
       }
@@ -1371,9 +1492,11 @@ function isVueComponent (node) {
 
   return false
 
-  function isObjectArgument (node) {
-    return node.arguments.length > 0 &&
-        unwrapTypes(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+  function isObjectArgument(node) {
+    return (
+      node.arguments.length > 0 &&
+      unwrapTypes(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+    )
   }
 }
 
@@ -1383,13 +1506,15 @@ function isVueComponent (node) {
  * @param {ASTNode} node Node to check
  * @returns {boolean}
  */
-function isVueInstance (node) {
+function isVueInstance(node) {
   const callee = node.callee
-  return node.type === 'NewExpression' &&
-      callee.type === 'Identifier' &&
-      callee.name === 'Vue' &&
-      node.arguments.length &&
-      unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
+  return (
+    node.type === 'NewExpression' &&
+    callee.type === 'Identifier' &&
+    callee.name === 'Vue' &&
+    node.arguments.length &&
+    unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
+  )
 }
 
 /**
@@ -1398,7 +1523,7 @@ function isVueInstance (node) {
  * @param {ObjectExpression} node Node to check
  * @returns { 'mark' | 'export' | 'definition' | 'instance' | null } The Vue definition type.
  */
-function getVueObjectType (context, node) {
+function getVueObjectType(context, node) {
   if (node.type !== 'ObjectExpression') {
     return null
   }
@@ -1410,12 +1535,18 @@ function getVueObjectType (context, node) {
     if (parent.type === 'ExportDefaultDeclaration') {
       // export default {} in .vue || .jsx
       const filePath = context.getFilename()
-      if (isVueComponentFile(parent, filePath) && unwrapTypes(parent.declaration) === node) {
+      if (
+        isVueComponentFile(parent, filePath) &&
+        unwrapTypes(parent.declaration) === node
+      ) {
         return 'export'
       }
     } else if (parent.type === 'CallExpression') {
       // Vue.component('xxx', {}) || component('xxx', {})
-      if (isVueComponent(parent) && unwrapTypes(parent.arguments.slice(-1)[0]) === node) {
+      if (
+        isVueComponent(parent) &&
+        unwrapTypes(parent.arguments.slice(-1)[0]) === node
+      ) {
         return 'definition'
       }
     } else if (parent.type === 'NewExpression') {
@@ -1425,7 +1556,11 @@ function getVueObjectType (context, node) {
       }
     }
   }
-  if (getComponentComments(context).some(el => el.loc.end.line === node.loc.start.line - 1)) {
+  if (
+    getComponentComments(context).some(
+      (el) => el.loc.end.line === node.loc.start.line - 1
+    )
+  ) {
     return 'mark'
   }
   return null
@@ -1436,18 +1571,20 @@ function getVueObjectType (context, node) {
  * @param {RuleContext} context The ESLint rule context object.
  * @return {Token[]} The the component comments.
  */
-function getComponentComments (context) {
+function getComponentComments(context) {
   let tokens = componentComments.get(context)
   if (tokens) {
     return tokens
   }
   const sourceCode = context.getSourceCode()
-  tokens = sourceCode.getAllComments().filter(comment => /@vue\/component/g.test(comment.value))
+  tokens = sourceCode
+    .getAllComments()
+    .filter((comment) => /@vue\/component/g.test(comment.value))
   componentComments.set(context, tokens)
   return tokens
 }
 
-function compositingVisitors (visitor, ...visitors) {
+function compositingVisitors(visitor, ...visitors) {
   for (const v of visitors) {
     for (const key in v) {
       if (visitor[key]) {
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 9e6dbb2d8..5c99608fc 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -15,7 +15,6 @@ const parserOptions = {
 }
 
 ruleTester.run('order-in-components', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -199,10 +198,13 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      errors: [{
-        message: 'The "props" property should be above the "data" property on line 4.',
-        line: 9
-      }]
+      errors: [
+        {
+          message:
+            'The "props" property should be above the "data" property on line 4.',
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.jsx',
@@ -224,7 +226,11 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module', ecmaFeatures: { jsx: true }},
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        ecmaFeatures: { jsx: true }
+      },
       output: `
         export default {
           name: 'app',
@@ -243,16 +249,23 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      errors: [{
-        message: 'The "name" property should be above the "render" property on line 3.',
-        line: 8
-      }, {
-        message: 'The "data" property should be above the "render" property on line 3.',
-        line: 9
-      }, {
-        message: 'The "props" property should be above the "data" property on line 9.',
-        line: 14
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "render" property on line 3.',
+          line: 8
+        },
+        {
+          message:
+            'The "data" property should be above the "render" property on line 3.',
+          line: 9
+        },
+        {
+          message:
+            'The "props" property should be above the "data" property on line 9.',
+          line: 14
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -281,10 +294,13 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      errors: [{
-        message: 'The "components" property should be above the "data" property on line 4.',
-        line: 9
-      }]
+      errors: [
+        {
+          message:
+            'The "components" property should be above the "data" property on line 4.',
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -313,10 +329,13 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      errors: [{
-        message: 'The "components" property should be above the "data" property on line 4.',
-        line: 9
-      }]
+      errors: [
+        {
+          message:
+            'The "components" property should be above the "data" property on line 4.',
+          line: 9
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -347,10 +366,13 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      errors: [{
-        message: 'The "components" property should be above the "data" property on line 5.',
-        line: 10
-      }]
+      errors: [
+        {
+          message:
+            'The "components" property should be above the "data" property on line 5.',
+          line: 10
+        }
+      ]
     },
     {
       filename: 'test.js',
@@ -381,13 +403,18 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      errors: [{
-        message: 'The "el" property should be above the "name" property on line 3.',
-        line: 4
-      }, {
-        message: 'The "components" property should be above the "data" property on line 5.',
-        line: 10
-      }]
+      errors: [
+        {
+          message:
+            'The "el" property should be above the "name" property on line 3.',
+          line: 4
+        },
+        {
+          message:
+            'The "components" property should be above the "data" property on line 5.',
+          line: 10
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -428,10 +455,13 @@ ruleTester.run('order-in-components', rule, {
           },
         };
       `,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 16
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 16
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -453,10 +483,13 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       options: [{ order: ['data', 'test', 'name'] }],
-      errors: [{
-        message: 'The "test" property should be above the "name" property on line 5.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "test" property should be above the "name" property on line 5.',
+          line: 6
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -479,10 +512,13 @@ ruleTester.run('order-in-components', rule, {
           }
         };
       `,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 4.',
-        line: 7
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 4.',
+          line: 7
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -505,20 +541,26 @@ ruleTester.run('order-in-components', rule, {
           }/*test*/
         };
       `,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 4.',
-        line: 7
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 4.',
+          line: 7
+        }
+      ]
     },
     {
       filename: 'example.vue',
       code: `export default {data(){},name:'burger'};`,
       parserOptions,
       output: `export default {name:'burger',data(){}};`,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 1.',
-        line: 1
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 1.',
+          line: 1
+        }
+      ]
     },
     {
       // side-effects CallExpression
@@ -533,10 +575,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects NewExpression
@@ -551,10 +596,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects UpdateExpression
@@ -569,10 +617,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects AssignmentExpression
@@ -587,10 +638,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects TaggedTemplateExpression
@@ -605,10 +659,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects key
@@ -623,10 +680,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects object deep props
@@ -641,10 +701,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects array elements
@@ -659,10 +722,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects call at middle
@@ -677,10 +743,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects delete
@@ -695,10 +764,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects within BinaryExpression
@@ -713,10 +785,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects within ConditionalExpression
@@ -731,10 +806,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // side-effects within TemplateLiteral
@@ -749,10 +827,13 @@ ruleTester.run('order-in-components', rule, {
       `,
       parserOptions,
       output: null,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 6
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 6
+        }
+      ]
     },
     {
       // without side-effects
@@ -774,10 +855,13 @@ ruleTester.run('order-in-components', rule, {
           test: fn(),
         };
       `,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 5
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 5
+        }
+      ]
     },
     {
       // don't side-effects
@@ -815,10 +899,13 @@ ruleTester.run('order-in-components', rule, {
           testNullish: a ?? b,
         };
       `,
-      errors: [{
-        message: 'The "name" property should be above the "data" property on line 3.',
-        line: 14
-      }]
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "data" property on line 3.',
+          line: 14
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-direct-export.js b/tests/lib/rules/require-direct-export.js
index 16b6aa96a..d8dc568b1 100644
--- a/tests/lib/rules/require-direct-export.js
+++ b/tests/lib/rules/require-direct-export.js
@@ -23,7 +23,6 @@ const ruleTester = new RuleTester({
   }
 })
 ruleTester.run('require-direct-export', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -84,11 +83,13 @@ ruleTester.run('require-direct-export', rule, {
       code: `
       const A = {};
       export default A`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 3
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 3
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -97,38 +98,46 @@ ruleTester.run('require-direct-export', rule, {
         return h('div', props.msg)
       };
       export default A`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `export default function NoReturn() {}`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `export default function () {}`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `export default () => {}`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -137,22 +146,26 @@ ruleTester.run('require-direct-export', rule, {
           return b
         }
       }`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `export default () => {
         return
       }`,
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 1
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -162,11 +175,13 @@ ruleTester.run('require-direct-export', rule, {
       };
       export default A`,
       options: [{ disallowFunctionalComponentFunction: true }],
-      errors: [{
-        message: 'Expected the component literal to be directly exported.',
-        type: 'ExportDefaultDeclaration',
-        line: 5
-      }]
+      errors: [
+        {
+          message: 'Expected the component literal to be directly exported.',
+          type: 'ExportDefaultDeclaration',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index 794075d47..91da3d28c 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -10,8 +10,8 @@ const utils = require('../../../lib/utils/index')
 // ------------------------------------------------------------------------------
 
 const rule = {
-  create (context) {
-    return utils.executeOnVueComponent(context, obj => {
+  create(context) {
+    return utils.executeOnVueComponent(context, (obj) => {
       context.report({
         node: obj,
         message: 'Component detected.'
@@ -30,7 +30,7 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-function makeError (line) {
+function makeError(line) {
   return {
     message: 'Component detected.',
     line,
@@ -38,7 +38,7 @@ function makeError (line) {
   }
 }
 
-function validTests (ext) {
+function validTests(ext) {
   return [
     {
       filename: `test.${ext}`,
@@ -118,7 +118,7 @@ function validTests (ext) {
   ]
 }
 
-function invalidTests (ext) {
+function invalidTests(ext) {
   return [
     {
       filename: `test.${ext}`,
@@ -327,14 +327,16 @@ function invalidTests (ext) {
 
 const ruleTester = new RuleTester()
 ruleTester.run('vue-component', rule, {
-
   valid: [
     {
       filename: 'test.js',
       code: `export default { }`,
       parserOptions
     }
-  ].concat(validTests('js')).concat(validTests('jsx')).concat(validTests('vue')),
+  ]
+    .concat(validTests('js'))
+    .concat(validTests('jsx'))
+    .concat(validTests('vue')),
   invalid: [
     {
       filename: 'test.vue',
@@ -348,5 +350,8 @@ ruleTester.run('vue-component', rule, {
       parserOptions,
       errors: [makeError(1)]
     }
-  ].concat(invalidTests('js')).concat(invalidTests('jsx')).concat(invalidTests('vue'))
+  ]
+    .concat(invalidTests('js'))
+    .concat(invalidTests('jsx'))
+    .concat(invalidTests('vue'))
 })

From 6f8aceed575a0bf5fef5bb6b896a171fba6d126d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 Jun 2020 11:44:30 +0900
Subject: [PATCH 0125/1010] Fixed wrong autofix in `vue/v-on-function-call`
 rule and `ignoreIncludesComment` option to `vue/v-on-function-call` rule
 (#1204)

---
 docs/rules/v-on-function-call.md      |  35 +++++-
 lib/rules/no-restricted-v-bind.js     |   1 -
 lib/rules/v-on-function-call.js       | 168 ++++++++++++++++++--------
 tests/lib/rules/v-on-function-call.js | 132 ++++++++++++++++++++
 4 files changed, 285 insertions(+), 51 deletions(-)

diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index 7e858eb7f..9ca7ec2af 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -37,10 +37,19 @@ Default is set to `never`.
 
 ```json
 {
-  "vue/v-on-function-call": ["error", "always"|"never"]
+  "vue/v-on-function-call": ["error",
+    "always"|"never",
+    {
+      "ignoreIncludesComment": false
+    }
+  ]
 }
 ```
 
+- `"always"` ... Always use parentheses in `v-on` directives.
+- `"never"` ... Never use parentheses in `v-on` directives for method calls without arguments. this is default.
+- `ignoreIncludesComment` ... If `true`, do not report expressions containing comments. default `false`.
+
 ### `"always"` - Always use parentheses in `v-on` directives
 
 <eslint-code-block fix :rules="{'vue/v-on-function-call': ['error', 'always']}">
@@ -63,7 +72,6 @@ Default is set to `never`.
 
 ### `"never"` - Never use parentheses in `v-on` directives for method calls without arguments
 
-
 <eslint-code-block fix :rules="{'vue/v-on-function-call': ['error', 'never']}">
 
 ```vue
@@ -85,6 +93,29 @@ Default is set to `never`.
 
 </eslint-code-block>
 
+### `"never", { "ignoreIncludesComment": true }`
+
+<eslint-code-block fix :rules="{'vue/v-on-function-call': ['error', 'never', {ignoreIncludesComment: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="closeModal">
+    Close
+  </button>
+  <button v-on:click="closeModal() /* comment */">
+    Close
+  </button>
+
+  <!-- ✗ BAD -->
+  <button v-on:click="closeModal()">
+    Close
+  </button>
+</template>
+```
+
+</eslint-code-block>
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-function-call.js)
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index a87be4d2d..7ec586dd5 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -2,7 +2,6 @@
  * @author Yosuke Ota
  * See LICENSE file in root directory for full license.
  */
-// @ts-check
 'use strict'
 
 const utils = require('../utils')
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index fe19f52da..1897b65f0 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -9,17 +9,28 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('vue-eslint-parser').AST.VOnExpression} VOnExpression
+ * @typedef {import('vue-eslint-parser').AST.Token} Token
+ * @typedef {import('vue-eslint-parser').AST.ESLintExpressionStatement} ExpressionStatement
+ * @typedef {import('vue-eslint-parser').AST.ESLintCallExpression} CallExpression
+ */
+
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
 
 /**
- * Check whether the given token is a left parenthesis.
+ * Check whether the given token is a quote.
  * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a left parenthesis.
+ * @returns {boolean} `true` if the token is a quote.
  */
-function isLeftParen(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '('
+function isQuote(token) {
+  return (
+    token != null &&
+    token.type === 'Punctuator' &&
+    (token.value === '"' || token.value === "'")
+  )
 }
 
 // ------------------------------------------------------------------------------
@@ -36,64 +47,125 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-on-function-call.html'
     },
     fixable: 'code',
-    schema: [{ enum: ['always', 'never'] }]
+    schema: [
+      { enum: ['always', 'never'] },
+      {
+        type: 'object',
+        properties: {
+          ignoreIncludesComment: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ]
   },
 
   create(context) {
     const always = context.options[0] === 'always'
 
+    /**
+     * @param {VOnExpression} node
+     * @returns {CallExpression | null}
+     */
+    function getInvalidNeverCallExpression(node) {
+      /** @type {ExpressionStatement} */
+      let exprStatement
+      let body = node.body
+      while (true) {
+        const statements = body.filter((st) => st.type !== 'EmptyStatement')
+        if (statements.length !== 1) {
+          return null
+        }
+        const statement = statements[0]
+        if (statement.type === 'ExpressionStatement') {
+          exprStatement = statement
+          break
+        }
+        if (statement.type === 'BlockStatement') {
+          body = statement.body
+          continue
+        }
+        return null
+      }
+      const expression = exprStatement.expression
+      if (expression.type !== 'CallExpression' || expression.arguments.length) {
+        return null
+      }
+      const callee = expression.callee
+      if (callee.type !== 'Identifier') {
+        return null
+      }
+      return expression
+    }
+
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
-        node
-      ) {
-        if (!always) return
-        context.report({
-          node,
-          loc: node.loc,
-          message:
-            "Method calls inside of 'v-on' directives must have parentheses."
-        })
-      },
+      ...(always
+        ? {
+            "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
+              node
+            ) {
+              context.report({
+                node,
+                message:
+                  "Method calls inside of 'v-on' directives must have parentheses."
+              })
+            }
+          }
+        : {
+            /** @param {VOnExpression} node */
+            "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression"(
+              node
+            ) {
+              const expression = getInvalidNeverCallExpression(node)
+              if (!expression) {
+                return
+              }
+              const option = context.options[1] || {}
+              const ignoreIncludesComment = option.ignoreIncludesComment
 
-      "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression > ExpressionStatement > CallExpression"(
-        node
-      ) {
-        if (
-          !always &&
-          node.arguments.length === 0 &&
-          node.callee.type === 'Identifier'
-        ) {
-          context.report({
-            node,
-            loc: node.loc,
-            message:
-              "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-            fix: (fixer) => {
               const tokenStore = context.parserServices.getTemplateBodyTokenStore()
-              const rightToken = tokenStore.getLastToken(node)
-              const leftToken = tokenStore.getTokenAfter(
-                node.callee,
-                isLeftParen
-              )
-              const tokens = tokenStore.getTokensBetween(
-                leftToken,
-                rightToken,
-                { includeComments: true }
+              /** @type {Token[]} */
+              const tokens = tokenStore.getTokens(node.parent, {
+                includeComments: true
+              })
+              let leftQuote
+              let rightQuote
+              if (isQuote(tokens[0])) {
+                leftQuote = tokens.shift()
+                rightQuote = tokens.pop()
+              }
+
+              const hasComment = tokens.some(
+                (token) => token.type === 'Block' || token.type === 'Line'
               )
 
-              if (tokens.length) {
-                // The comment is included and cannot be fixed.
-                return null
+              if (ignoreIncludesComment && hasComment) {
+                return
               }
 
-              return fixer.removeRange([
-                leftToken.range[0],
-                rightToken.range[1]
-              ])
+              context.report({
+                node: expression,
+                message:
+                  "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+                fix: hasComment
+                  ? null /* The comment is included and cannot be fixed. */
+                  : (fixer) => {
+                      const range = leftQuote
+                        ? [leftQuote.range[1], rightQuote.range[0]]
+                        : [
+                            tokens[0].range[0],
+                            tokens[tokens.length - 1].range[1]
+                          ]
+
+                      return fixer.replaceTextRange(
+                        range,
+                        context.getSourceCode().getText(expression.callee)
+                      )
+                    }
+              })
             }
           })
-        }
-      }
     })
   }
 }
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index bf56f1453..b78a92370 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -71,6 +71,41 @@ tester.run('v-on-function-call', rule, {
       filename: 'test.vue',
       code: '<template><div @click="()=>foo.bar()"></div></template>',
       options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="
+          fn()
+          fn()
+        "></div>
+      </template>`,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="{}"></div>
+      </template>`,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="{return}"></div>
+      </template>`,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="fn() /* comment */"></div>
+      </template>`,
+      options: ['never', { ignoreIncludesComment: true }]
     }
   ],
   invalid: [
@@ -109,6 +144,103 @@ tester.run('v-on-function-call', rule, {
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
       ],
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="/*comment*/fn()"></div>
+        <div @click="fn()/*comment*/"></div>
+        <div @click=fn()/*comment*/></div>
+        <div @click="fn()// comment
+          "></div>
+      </template>`,
+      output: null,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="fn();"></div>
+      </template>`,
+      output: `
+      <template>
+        <div @click="fn"></div>
+      </template>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click=fn();></div>
+      </template>`,
+      output: `
+      <template>
+        <div @click=fn></div>
+      </template>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click=" beforeSpace()"></div>
+        <div @click='afterSpace() '></div>
+      </template>`,
+      output: `
+      <template>
+        <div @click="beforeSpace"></div>
+        <div @click='afterSpace'></div>
+      </template>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click=" &#x66;oo ( ) "></div>
+      </template>`,
+      output: `
+      <template>
+        <div @click="&#x66;oo"></div>
+      </template>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="{(fn());;;}"></div>
+      </template>`,
+      output: `
+      <template>
+        <div @click="fn"></div>
+      </template>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
     }
   ]
 })

From b33c708d8df9543315467d7a684ee207d784b971 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 Jun 2020 15:48:03 +0900
Subject: [PATCH 0126/1010] Chores: Add JSDoc type checking with TypeScript
 (#1206)

* Chores: Add JSDoc type checking with TypeScript

* update

* update

* update guide
---
 .eslintrc.js                                  |  18 -
 .gitignore                                    |   1 +
 .vscode/settings.json                         |   5 +-
 docs/developer-guide/README.md                |   7 +
 lib/processor.js                              |  24 +-
 lib/rules/arrow-spacing.js                    |   2 +-
 lib/rules/attribute-hyphenation.js            |  13 +-
 lib/rules/attributes-order.js                 | 222 ++--
 lib/rules/camelcase.js                        |   2 +-
 lib/rules/comma-dangle.js                     |   2 +-
 lib/rules/comma-style.js                      |   1 +
 lib/rules/comment-directive.js                |  33 +-
 lib/rules/component-definition-name-casing.js |  21 +-
 .../component-name-in-template-casing.js      |  18 +-
 lib/rules/component-tags-order.js             |  74 +-
 lib/rules/custom-event-name-casing.js         |  31 +-
 lib/rules/dot-location.js                     |   2 +-
 lib/rules/eqeqeq.js                           |   2 +-
 lib/rules/html-closing-bracket-newline.js     |   7 +-
 lib/rules/html-closing-bracket-spacing.js     |  60 +-
 lib/rules/html-comment-content-newline.js     |  73 +-
 lib/rules/html-comment-content-spacing.js     |  59 +-
 lib/rules/html-comment-indent.js              |  20 +-
 lib/rules/html-end-tags.js                    |   2 +-
 lib/rules/html-indent.js                      |   1 +
 lib/rules/html-quotes.js                      |   3 +-
 lib/rules/html-self-closing.js                |  61 +-
 lib/rules/jsx-uses-vars.js                    |  11 +-
 lib/rules/match-component-file-name.js        |  24 +-
 lib/rules/max-attributes-per-line.js          |  43 +-
 lib/rules/max-len.js                          |  98 +-
 .../multiline-html-element-content-newline.js |  70 +-
 lib/rules/mustache-interpolation-spacing.js   |   3 +-
 lib/rules/name-property-casing.js             |  26 +-
 lib/rules/no-arrow-functions-in-watch.js      |   5 +-
 lib/rules/no-async-in-computed-properties.js  |  43 +-
 lib/rules/no-bare-strings-in-template.js      |  22 +-
 lib/rules/no-boolean-default.js               |  59 +-
 lib/rules/no-confusing-v-for-v-if.js          |  17 +-
 lib/rules/no-custom-modifiers-on-v-model.js   |   1 +
 .../no-deprecated-data-object-declaration.js  |  51 +-
 .../no-deprecated-dollar-listeners-api.js     |   2 +-
 .../no-deprecated-dollar-scopedslots-api.js   |   2 +-
 lib/rules/no-deprecated-events-api.js         |   3 +-
 lib/rules/no-deprecated-filter.js             |   2 +-
 .../no-deprecated-functional-template.js      |   5 +-
 lib/rules/no-deprecated-html-element-is.js    |   3 +-
 lib/rules/no-deprecated-inline-template.js    |   3 +-
 lib/rules/no-deprecated-scope-attribute.js    |   1 +
 lib/rules/no-deprecated-slot-attribute.js     |   1 +
 .../no-deprecated-slot-scope-attribute.js     |   1 +
 lib/rules/no-deprecated-v-bind-sync.js        |  12 +-
 .../no-deprecated-v-on-native-modifier.js     |   3 +-
 .../no-deprecated-v-on-number-modifiers.js    |   5 +-
 .../no-deprecated-vue-config-keycodes.js      |   3 +-
 lib/rules/no-dupe-keys.js                     |   8 +-
 lib/rules/no-duplicate-attr-inheritance.js    |  10 +-
 lib/rules/no-duplicate-attributes.js          |  19 +-
 lib/rules/no-empty-pattern.js                 |   2 +-
 lib/rules/no-extra-parens.js                  |  36 +-
 lib/rules/no-irregular-whitespace.js          |  20 +-
 lib/rules/no-lifecycle-after-await.js         |  29 +-
 lib/rules/no-multi-spaces.js                  |   8 +-
 lib/rules/no-multiple-slot-args.js            |   8 +-
 lib/rules/no-multiple-template-root.js        |   5 +-
 lib/rules/no-mutating-props.js                |  71 +-
 lib/rules/no-parsing-error.js                 |   7 +-
 .../no-potential-component-option-typo.js     |  54 +-
 lib/rules/no-ref-as-operand.js                |  21 +
 lib/rules/no-reserved-component-names.js      |  34 +-
 lib/rules/no-reserved-keys.js                 |   7 +-
 lib/rules/no-restricted-static-attribute.js   |   4 +-
 lib/rules/no-restricted-syntax.js             |   2 +-
 lib/rules/no-restricted-v-bind.js             |  14 +-
 lib/rules/no-setup-props-destructure.js       |  27 +-
 lib/rules/no-shared-component-data.js         |  50 +-
 .../no-side-effects-in-computed-properties.js |  43 +-
 ...-spaces-around-equal-signs-in-attribute.js |   3 +-
 lib/rules/no-static-inline-styles.js          |  11 +-
 lib/rules/no-template-key.js                  |   3 +-
 lib/rules/no-template-shadow.js               |  27 +-
 lib/rules/no-template-target-blank.js         |  22 +-
 lib/rules/no-textarea-mustache.js             |   3 +-
 lib/rules/no-unregistered-components.js       |  20 +-
 lib/rules/no-unsupported-features.js          |  39 +-
 lib/rules/no-unused-components.js             |  22 +-
 lib/rules/no-unused-properties.js             |  93 +-
 lib/rules/no-unused-vars.js                   |  25 +-
 lib/rules/no-use-v-if-with-v-for.js           |  16 +-
 lib/rules/no-useless-mustaches.js             |  16 +-
 lib/rules/no-useless-v-bind.js                |  24 +-
 lib/rules/no-v-html.js                        |   2 +
 lib/rules/no-v-model-argument.js              |   3 +-
 lib/rules/no-watch-after-await.js             |  16 +-
 lib/rules/one-component-per-file.js           |   2 +
 lib/rules/order-in-components.js              |  89 +-
 lib/rules/padding-line-between-blocks.js      |  34 +-
 lib/rules/prop-name-casing.js                 |  25 +-
 lib/rules/require-component-is.js             |   3 +-
 lib/rules/require-default-prop.js             |  10 +-
 lib/rules/require-direct-export.js            |  28 +-
 lib/rules/require-explicit-emits.js           | 110 +-
 lib/rules/require-name-property.js            |  12 +-
 lib/rules/require-prop-type-constructor.js    | 102 +-
 lib/rules/require-prop-types.js               |  31 +-
 lib/rules/require-render-return.js            |  23 +-
 lib/rules/require-slots-as-functions.js       |   9 +-
 lib/rules/require-toggle-inside-transition.js |   5 +-
 lib/rules/require-v-for-key.js                |   5 +-
 lib/rules/require-valid-default-prop.js       |  71 +-
 lib/rules/return-in-computed-property.js      |  13 +-
 lib/rules/return-in-emits-validator.js        |  28 +-
 lib/rules/script-indent.js                    |   1 +
 ...singleline-html-element-content-newline.js |  60 +-
 lib/rules/sort-keys.js                        | 196 ++--
 lib/rules/static-class-names-order.js         |  14 +-
 .../syntaxes/dynamic-directive-arguments.js   |   7 +-
 lib/rules/syntaxes/scope-attribute.js         |   1 +
 lib/rules/syntaxes/slot-attribute.js          |  11 +-
 lib/rules/syntaxes/slot-scope-attribute.js    |  14 +-
 .../v-bind-prop-modifier-shorthand.js         |   8 +-
 lib/rules/syntaxes/v-slot.js                  |  11 +-
 lib/rules/this-in-template.js                 | 132 +--
 lib/rules/use-v-on-exact.js                   |  54 +-
 lib/rules/v-bind-style.js                     |   3 +-
 lib/rules/v-on-function-call.js               |  29 +-
 lib/rules/v-on-style.js                       |   3 +-
 lib/rules/v-slot-style.js                     |  15 +-
 lib/rules/valid-template-root.js              |   3 +-
 lib/rules/valid-v-bind-sync.js                |   5 +-
 lib/rules/valid-v-bind.js                     |   3 +-
 lib/rules/valid-v-cloak.js                    |   3 +-
 lib/rules/valid-v-else-if.js                  |   3 +-
 lib/rules/valid-v-else.js                     |   3 +-
 lib/rules/valid-v-for.js                      |  20 +-
 lib/rules/valid-v-html.js                     |   3 +-
 lib/rules/valid-v-if.js                       |   3 +-
 lib/rules/valid-v-model.js                    |  13 +-
 lib/rules/valid-v-on.js                       |   8 +-
 lib/rules/valid-v-once.js                     |   3 +-
 lib/rules/valid-v-pre.js                      |   3 +-
 lib/rules/valid-v-show.js                     |   3 +-
 lib/rules/valid-v-slot.js                     |  39 +-
 lib/rules/valid-v-text.js                     |   3 +-
 lib/utils/casing.js                           |  29 +-
 lib/utils/html-comments.js                    |  41 +-
 lib/utils/indent-common.js                    | 349 ++++---
 lib/utils/index.js                            | 984 ++++++++++++------
 lib/utils/keycode-to-key.js                   |   1 +
 package.json                                  |   7 +-
 tests/lib/rules/attributes-order.js           | 470 ++++-----
 tests/lib/utils/index.js                      |  16 +-
 tools/setup-eslint-rule-types.js              |  52 +
 tsconfig.json                                 |  25 +
 typings/eslint-plugin-vue/global.d.ts         | 175 ++++
 .../eslint-plugin-vue/util-types/ast/ast.ts   | 265 +++++
 .../util-types/ast/es-ast.ts                  | 519 +++++++++
 .../eslint-plugin-vue/util-types/ast/index.ts |   5 +
 .../util-types/ast/jsx-ast.ts                 | 106 ++
 .../util-types/ast/ts-ast.ts                  |  11 +
 .../eslint-plugin-vue/util-types/ast/v-ast.ts | 174 ++++
 .../eslint-plugin-vue/util-types/errors.ts    |  43 +
 .../util-types/node/index.ts                  |   3 +
 .../util-types/node/locations.ts              |  13 +
 .../eslint-plugin-vue/util-types/node/node.ts |  11 +
 .../util-types/node/tokens.ts                 |  17 +
 .../util-types/parser-services.ts             | 122 +++
 typings/eslint-plugin-vue/util-types/utils.ts |  29 +
 typings/eslint-utils/index.d.ts               |  72 ++
 typings/eslint/index.d.ts                     | 420 ++++++++
 typings/vue-eslint-parser/index.d.ts          |  14 +
 171 files changed, 5282 insertions(+), 2075 deletions(-)
 create mode 100644 tools/setup-eslint-rule-types.js
 create mode 100644 tsconfig.json
 create mode 100644 typings/eslint-plugin-vue/global.d.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/ast/ast.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/ast/es-ast.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/ast/index.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/ast/v-ast.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/errors.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/node/index.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/node/locations.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/node/node.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/node/tokens.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/parser-services.ts
 create mode 100644 typings/eslint-plugin-vue/util-types/utils.ts
 create mode 100644 typings/eslint-utils/index.d.ts
 create mode 100644 typings/eslint/index.d.ts
 create mode 100644 typings/vue-eslint-parser/index.d.ts

diff --git a/.eslintrc.js b/.eslintrc.js
index 7bc7d0960..f8f46d5fa 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -37,24 +37,6 @@ module.exports = {
     'dot-notation': 'error'
   },
   overrides: [
-    // Introduce prettier. but ignore files to avoid conflicts with PR.
-    {
-      files: [
-        // https://github.com/vuejs/eslint-plugin-vue/pull/819
-        'lib/rules/attributes-order.js',
-        'tests/lib/rules/attributes-order.js'
-      ],
-      extends: [
-        'plugin:eslint-plugin/recommended',
-        'plugin:vue-libs/recommended'
-      ],
-      rules: {
-        'prettier/prettier': 'off',
-
-        'rest-spread-spacing': 'error',
-        'no-mixed-operators': 'error'
-      }
-    },
     {
       files: ['lib/rules/*.js'],
       rules: {
diff --git a/.gitignore b/.gitignore
index 688618a31..e1401b951 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@
 yarn.lock
 yarn-error.log
 docs/.vuepress/dist
+typings/eslint/lib/rules
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7bd96f8d9..841a29074 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,6 +6,7 @@
     "eslint.validate": [
         "javascript",
         "javascriptreact",
-        { "language": "vue", "autoFix": true }
-    ]
+        "vue"
+    ],
+    "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/docs/developer-guide/README.md b/docs/developer-guide/README.md
index bdc148105..658a4bf66 100644
--- a/docs/developer-guide/README.md
+++ b/docs/developer-guide/README.md
@@ -47,3 +47,10 @@ Check out an [example rule](https://github.com/vuejs/eslint-plugin-vue/blob/mast
 Please be aware that regarding what kind of code examples you'll write in tests, you'll have to accordingly setup the parser in `RuleTester` (you can do it on per test case basis though). [See an example here](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/attribute-hyphenation.js#L19)
 
 If you'll stuck, remember there are plenty of rules you can learn from already, and if you can't find the right solution - don't hesitate to reach out in issues. We're happy to help!
+
+## :white_check_mark: JSDoc type checking with TypeScript
+
+We have type checking enabled via TypeScript and JSDoc.  
+The command to perform type checking is: `npm run tsc`
+
+This is just to help you write the rules, not to do strict type checking. If you find it difficult to resolve type checking warnings, feel free to suppress warnings using the `// @ts-nocheck` and `// @ts-ignore` comment.
diff --git a/lib/processor.js b/lib/processor.js
index b018e0bb8..81ab94784 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -13,6 +13,7 @@
  */
 
 module.exports = {
+  /** @param {string} code */
   preprocess(code) {
     return [code]
   },
@@ -34,6 +35,7 @@ module.exports = {
         disableRuleKeys: new Map()
       }
     }
+    /** @type {string[]} */
     const usedDisableDirectiveKeys = []
     /** @type {Map<string,LintMessage>} */
     const unusedDisableDirectiveReports = new Map()
@@ -88,15 +90,15 @@ module.exports = {
         if (state.line.disableAllKeys.size) {
           disableDirectiveKeys.push(...state.line.disableAllKeys)
         }
-        if (state.block.disableRuleKeys.has(message.ruleId)) {
-          disableDirectiveKeys.push(
-            ...state.block.disableRuleKeys.get(message.ruleId)
-          )
-        }
-        if (state.line.disableRuleKeys.has(message.ruleId)) {
-          disableDirectiveKeys.push(
-            ...state.line.disableRuleKeys.get(message.ruleId)
-          )
+        if (message.ruleId) {
+          const block = state.block.disableRuleKeys.get(message.ruleId)
+          if (block) {
+            disableDirectiveKeys.push(...block)
+          }
+          const line = state.line.disableRuleKeys.get(message.ruleId)
+          if (line) {
+            disableDirectiveKeys.push(...line)
+          }
         }
 
         if (disableDirectiveKeys.length) {
@@ -153,8 +155,8 @@ function messageToKey(message) {
 
 /**
  * Compares the locations of two objects in a source file
- * @param {{line: number, column: number}} itemA The first object
- * @param {{line: number, column: number}} itemB The second object
+ * @param {Position} itemA The first object
+ * @param {Position} itemB The second object
  * @returns {number} A value less than 1 if itemA appears before itemB in the source file, greater than 1 if
  * itemA appears after itemB in the source file, or 0 if itemA and itemB have the same location.
  */
diff --git a/lib/rules/arrow-spacing.js b/lib/rules/arrow-spacing.js
index 6586e8389..3d626c614 100644
--- a/lib/rules/arrow-spacing.js
+++ b/lib/rules/arrow-spacing.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/arrow-spacing'))
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index ed5ab1904..1fd7b5e9b 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -45,7 +45,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     const option = context.options[0]
@@ -61,6 +61,10 @@ module.exports = {
       useHyphenated ? 'kebab-case' : 'camelCase'
     )
 
+    /**
+     * @param {VDirective | VAttribute} node
+     * @param {string} name
+     */
     function reportIssue(node, name) {
       const text = sourceCode.getText(node.key)
 
@@ -78,6 +82,9 @@ module.exports = {
       })
     }
 
+    /**
+     * @param {string} value
+     */
     function isIgnoredAttribute(value) {
       const isIgnored = ignoredAttributes.some((attr) => {
         return value.indexOf(attr) !== -1
@@ -101,7 +108,9 @@ module.exports = {
         const name = !node.directive
           ? node.key.rawName
           : node.key.name.name === 'bind'
-          ? node.key.argument && node.key.argument.rawName
+          ? node.key.argument &&
+            node.key.argument.type === 'VIdentifier' &&
+            node.key.argument.rawName
           : /* otherwise */ false
         if (!name || isIgnoredAttribute(name)) return
 
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 2f3d54f09..794628a5c 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -22,14 +22,29 @@ const ATTRS = {
   CONTENT: 'CONTENT'
 }
 
-function getAttributeName (attribute, sourceCode) {
-  const isBind = attribute.directive && attribute.key.name.name === 'bind'
-  return isBind
-    ? (attribute.key.argument ? sourceCode.getText(attribute.key.argument) : '')
-    : (attribute.directive ? getDirectiveKeyName(attribute.key, sourceCode) : attribute.key.name)
+/**
+ * @param {VAttribute | VDirective} attribute
+ * @param {SourceCode} sourceCode
+ */
+function getAttributeName(attribute, sourceCode) {
+  if (attribute.directive) {
+    if (attribute.key.name.name === 'bind') {
+      return attribute.key.argument
+        ? sourceCode.getText(attribute.key.argument)
+        : ''
+    } else {
+      return getDirectiveKeyName(attribute.key, sourceCode)
+    }
+  } else {
+    return attribute.key.name
+  }
 }
 
-function getDirectiveKeyName (directiveKey, sourceCode) {
+/**
+ * @param {VDirectiveKey} directiveKey
+ * @param {SourceCode} sourceCode
+ */
+function getDirectiveKeyName(directiveKey, sourceCode) {
   let text = `v-${directiveKey.name.name}`
   if (directiveKey.argument) {
     text += `:${sourceCode.getText(directiveKey.argument)}`
@@ -40,56 +55,92 @@ function getDirectiveKeyName (directiveKey, sourceCode) {
   return text
 }
 
-function getAttributeType (attribute, sourceCode) {
-  const isBind = attribute.directive && attribute.key.name.name === 'bind'
-  const name = isBind
-    ? (attribute.key.argument ? sourceCode.getText(attribute.key.argument) : '')
-    : (attribute.directive ? attribute.key.name.name : attribute.key.name)
-
-  if (attribute.directive && !isBind) {
-    if (name === 'for') {
-      return ATTRS.LIST_RENDERING
-    } else if (name === 'if' || name === 'else-if' || name === 'else' || name === 'show' || name === 'cloak') {
-      return ATTRS.CONDITIONALS
-    } else if (name === 'pre' || name === 'once') {
-      return ATTRS.RENDER_MODIFIERS
-    } else if (name === 'model') {
-      return ATTRS.TWO_WAY_BINDING
-    } else if (name === 'on') {
-      return ATTRS.EVENTS
-    } else if (name === 'html' || name === 'text') {
-      return ATTRS.CONTENT
-    } else if (name === 'slot') {
-      return ATTRS.UNIQUE
-    } else {
-      return ATTRS.OTHER_DIRECTIVES
+/**
+ * @param {VAttribute | VDirective} attribute
+ * @param {SourceCode} sourceCode
+ */
+function getAttributeType(attribute, sourceCode) {
+  let propName
+  if (attribute.directive) {
+    if (attribute.key.name.name !== 'bind') {
+      const name = attribute.key.name.name
+      if (name === 'for') {
+        return ATTRS.LIST_RENDERING
+      } else if (
+        name === 'if' ||
+        name === 'else-if' ||
+        name === 'else' ||
+        name === 'show' ||
+        name === 'cloak'
+      ) {
+        return ATTRS.CONDITIONALS
+      } else if (name === 'pre' || name === 'once') {
+        return ATTRS.RENDER_MODIFIERS
+      } else if (name === 'model') {
+        return ATTRS.TWO_WAY_BINDING
+      } else if (name === 'on') {
+        return ATTRS.EVENTS
+      } else if (name === 'html' || name === 'text') {
+        return ATTRS.CONTENT
+      } else if (name === 'slot') {
+        return ATTRS.UNIQUE
+      } else {
+        return ATTRS.OTHER_DIRECTIVES
+      }
     }
+    propName = attribute.key.argument
+      ? sourceCode.getText(attribute.key.argument)
+      : ''
   } else {
-    if (name === 'is') {
-      return ATTRS.DEFINITION
-    } else if (name === 'id') {
-      return ATTRS.GLOBAL
-    } else if (name === 'ref' || name === 'key' || name === 'slot' || name === 'slot-scope') {
-      return ATTRS.UNIQUE
-    } else {
-      return ATTRS.OTHER_ATTR
-    }
+    propName = attribute.key.name
+  }
+  if (propName === 'is') {
+    return ATTRS.DEFINITION
+  } else if (propName === 'id') {
+    return ATTRS.GLOBAL
+  } else if (
+    propName === 'ref' ||
+    propName === 'key' ||
+    propName === 'slot' ||
+    propName === 'slot-scope'
+  ) {
+    return ATTRS.UNIQUE
+  } else {
+    return ATTRS.OTHER_ATTR
   }
 }
 
-function getPosition (attribute, attributePosition, sourceCode) {
+/**
+ * @param {VAttribute | VDirective} attribute
+ * @param { { [key: string]: number } } attributePosition
+ * @param {SourceCode} sourceCode
+ */
+function getPosition(attribute, attributePosition, sourceCode) {
   const attributeType = getAttributeType(attribute, sourceCode)
-  return attributePosition.hasOwnProperty(attributeType) ? attributePosition[attributeType] : -1
+  return attributePosition.hasOwnProperty(attributeType)
+    ? attributePosition[attributeType]
+    : -1
 }
 
-function isAlphabetical (prevNode, currNode, sourceCode) {
-  const isSameType = getAttributeType(prevNode, sourceCode) === getAttributeType(currNode, sourceCode)
+/**
+ * @param {VAttribute | VDirective} prevNode
+ * @param {VAttribute | VDirective} currNode
+ * @param {SourceCode} sourceCode
+ */
+function isAlphabetical(prevNode, currNode, sourceCode) {
+  const isSameType =
+    getAttributeType(prevNode, sourceCode) ===
+    getAttributeType(currNode, sourceCode)
   if (isSameType) {
     const prevName = getAttributeName(prevNode, sourceCode)
     const currName = getAttributeName(currNode, sourceCode)
     if (prevName === currName) {
-      const prevIsBind = Boolean(prevNode.directive && prevNode.key.name.name === 'bind')
-      const currIsBind = Boolean(currNode.directive && currNode.key.name.name === 'bind')
+      const prevIsBind = Boolean(
+        prevNode.directive && prevNode.key.name.name === 'bind'
+      )
+      const currIsBind = Boolean(
+        currNode.directive && currNode.key.name.name === 'bind'
+      )
       return prevIsBind <= currIsBind
     }
     return prevName < currName
@@ -97,24 +148,57 @@ function isAlphabetical (prevNode, currNode, sourceCode) {
   return true
 }
 
-function create (context) {
+/**
+ * @param {RuleContext} context - The rule context.
+ * @returns {RuleListener} AST event handlers.
+ */
+function create(context) {
   const sourceCode = context.getSourceCode()
-  let attributeOrder = [ATTRS.DEFINITION, ATTRS.LIST_RENDERING, ATTRS.CONDITIONALS, ATTRS.RENDER_MODIFIERS, ATTRS.GLOBAL, ATTRS.UNIQUE, ATTRS.TWO_WAY_BINDING, ATTRS.OTHER_DIRECTIVES, ATTRS.OTHER_ATTR, ATTRS.EVENTS, ATTRS.CONTENT]
+  let attributeOrder = [
+    ATTRS.DEFINITION,
+    ATTRS.LIST_RENDERING,
+    ATTRS.CONDITIONALS,
+    ATTRS.RENDER_MODIFIERS,
+    ATTRS.GLOBAL,
+    ATTRS.UNIQUE,
+    ATTRS.TWO_WAY_BINDING,
+    ATTRS.OTHER_DIRECTIVES,
+    ATTRS.OTHER_ATTR,
+    ATTRS.EVENTS,
+    ATTRS.CONTENT
+  ]
   if (context.options[0] && context.options[0].order) {
     attributeOrder = context.options[0].order
   }
+  const alphabetical = Boolean(
+    context.options[0] && context.options[0].alphabetical
+  )
+
+  /** @type { { [key: string]: number } } */
   const attributePosition = {}
   attributeOrder.forEach((item, i) => {
-    if (item instanceof Array) {
+    if (Array.isArray(item)) {
       item.forEach((attr) => {
         attributePosition[attr] = i
       })
     } else attributePosition[item] = i
   })
-  let currentPosition
-  let previousNode
 
-  function reportIssue (node, previousNode) {
+  /**
+   * @typedef {object} State
+   * @property {number} currentPosition
+   * @property {VAttribute | VDirective} previousNode
+   */
+  /**
+   * @type {State | null}
+   */
+  let state
+
+  /**
+   * @param {VAttribute | VDirective} node
+   * @param {VAttribute | VDirective} previousNode
+   */
+  function reportIssue(node, previousNode) {
     const currentNode = sourceCode.getText(node.key)
     const prevNode = sourceCode.getText(previousNode.key)
     context.report({
@@ -125,12 +209,18 @@ function create (context) {
         currentNode
       },
 
-      fix (fixer) {
+      fix(fixer) {
         const attributes = node.parent.attributes
-        const shiftAttrs = attributes.slice(attributes.indexOf(previousNode), attributes.indexOf(node) + 1)
+        const shiftAttrs = attributes.slice(
+          attributes.indexOf(previousNode),
+          attributes.indexOf(node) + 1
+        )
 
         return shiftAttrs.map((attr, i) => {
-          const text = attr === previousNode ? sourceCode.getText(node) : sourceCode.getText(shiftAttrs[i - 1])
+          const text =
+            attr === previousNode
+              ? sourceCode.getText(node)
+              : sourceCode.getText(shiftAttrs[i - 1])
           return fixer.replaceText(attr, text)
         })
       }
@@ -138,20 +228,26 @@ function create (context) {
   }
 
   return utils.defineTemplateBodyVisitor(context, {
-    'VStartTag' () {
-      currentPosition = -1
-      previousNode = null
+    VStartTag() {
+      state = null
     },
-    'VAttribute' (node) {
+    VAttribute(node) {
       let inAlphaOrder = true
-      if (currentPosition !== -1 && (context.options[0] && context.options[0].alphabetical)) {
-        inAlphaOrder = isAlphabetical(previousNode, node, sourceCode)
+      if (state && alphabetical) {
+        inAlphaOrder = isAlphabetical(state.previousNode, node, sourceCode)
       }
-      if ((currentPosition === -1) || ((currentPosition <= getPosition(node, attributePosition, sourceCode)) && inAlphaOrder)) {
-        currentPosition = getPosition(node, attributePosition, sourceCode)
-        previousNode = node
+      if (
+        !state ||
+        (state.currentPosition <=
+          getPosition(node, attributePosition, sourceCode) &&
+          inAlphaOrder)
+      ) {
+        state = {
+          currentPosition: getPosition(node, attributePosition, sourceCode),
+          previousNode: node
+        }
       } else {
-        reportIssue(node, previousNode)
+        reportIssue(node, state.previousNode)
       }
     }
   })
diff --git a/lib/rules/camelcase.js b/lib/rules/camelcase.js
index c0ca04175..4aebfabab 100644
--- a/lib/rules/camelcase.js
+++ b/lib/rules/camelcase.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/camelcase'))
diff --git a/lib/rules/comma-dangle.js b/lib/rules/comma-dangle.js
index cfd0a4185..aa6c83c5e 100644
--- a/lib/rules/comma-dangle.js
+++ b/lib/rules/comma-dangle.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/comma-dangle'))
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index 40772dc37..e7313b8ac 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -11,6 +11,7 @@ module.exports = wrapCoreRule(require('eslint/lib/rules/comma-style'), {
     return {
       VSlotScopeExpression(node) {
         if (coreHandlers.FunctionExpression) {
+          // @ts-expect-error -- Process params of VSlotScopeExpression as FunctionExpression.
           coreHandlers.FunctionExpression(node)
         }
       }
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 74d528a96..9ff9d2fdf 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -5,17 +5,17 @@
 
 'use strict'
 
-/**
- * @typedef {import('eslint').Rule.RuleContext} RuleContext
- * @typedef {import('vue-eslint-parser').AST.VDocumentFragment} VDocumentFragment
- * @typedef {import('vue-eslint-parser').AST.VElement} VElement
- * @typedef {import('vue-eslint-parser').AST.Token} Token
- * @typedef {import('vue-eslint-parser').AST.Location} Location
- */
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
 /**
  * @typedef {object} RuleAndLocation
  * @property {string} RuleAndLocation.ruleId
  * @property {number} RuleAndLocation.index
+ * @property {string} [RuleAndLocation.key]
  */
 // -----------------------------------------------------------------------------
 // Helpers
@@ -218,7 +218,7 @@ function reportUnused(context, comment, kind) {
  * @param {Token} comment The comment token to report.
  * @param {string} kind The comment directive kind.
  * @param {RuleAndLocation[]} rules To report rule.
- * @returns { { ruleId: string; key: string; }[] }
+ * @returns { { ruleId: string, key: string }[] }
  */
 function reportUnusedRules(context, comment, kind, rules) {
   const sourceCode = context.getSourceCode()
@@ -245,7 +245,7 @@ function reportUnusedRules(context, comment, kind, rules) {
 
 /**
  * Gets the key of location
- * @param {Location} location The location
+ * @param {Position} location The location
  * @returns {string} The key
  */
 function locToKey(location) {
@@ -258,15 +258,7 @@ function locToKey(location) {
  * @returns {VElement[]} The top-level elements
  */
 function extractTopLevelHTMLElements(documentFragment) {
-  return documentFragment.children.filter(isVElement)
-
-  /**
-   * @param {any} e
-   * @returns {e is VElement}
-   */
-  function isVElement(e) {
-    return e.type === 'VElement'
-  }
+  return documentFragment.children.filter(utils.isVElement)
 }
 /**
  * Extracts the top-level comments in document fragment.
@@ -324,7 +316,10 @@ module.exports = {
         "Unused {{kind}} directive (no problems were reported from '{{rule}}')."
     }
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     const options = context.options[0] || {}
     /** @type {boolean} */
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 453e3943e..1f2e59a85 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -28,7 +28,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0]
     const caseType =
@@ -38,15 +38,20 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
+    /**
+     * @param {Literal | TemplateLiteral} node
+     */
     function convertName(node) {
+      /** @type {string} */
       let nodeValue
+      /** @type {Range} */
       let range
       if (node.type === 'TemplateLiteral') {
         const quasis = node.quasis[0]
         nodeValue = quasis.value.cooked
         range = quasis.range
       } else {
-        nodeValue = node.value
+        nodeValue = `${node.value}`
         range = node.range
       }
 
@@ -67,6 +72,10 @@ module.exports = {
       }
     }
 
+    /**
+     * @param {Expression | SpreadElement} node
+     * @returns {node is (Literal | TemplateLiteral)}
+     */
     function canConvert(node) {
       return (
         node.type === 'Literal' ||
@@ -88,14 +97,10 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (obj) => {
-        const node = obj.properties.find(
-          (item) =>
-            item.type === 'Property' &&
-            item.key.name === 'name' &&
-            canConvert(item.value)
-        )
+        const node = utils.findProperty(obj, 'name')
 
         if (!node) return
+        if (!canConvert(node.value)) return
         convertName(node.value)
       })
     )
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 90eb48d84..a4771c0bf 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -55,18 +55,20 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const caseOption = context.options[0]
     const options = context.options[1] || {}
     const caseType =
       allowedCaseOptions.indexOf(caseOption) !== -1 ? caseOption : defaultCase
+    /** @type {RegExp[]} */
     const ignores = (options.ignores || []).map(toRegExp)
     const registeredComponentsOnly = options.registeredComponentsOnly !== false
     const tokens =
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
 
+    /** @type { string[] } */
     const registeredComponents = []
 
     /**
@@ -148,20 +150,18 @@ module.exports = {
           }
         }
       },
-      Object.assign(
-        {
-          Program(node) {
-            hasInvalidEOF = utils.hasInvalidEOF(node)
-          }
+      {
+        Program(node) {
+          hasInvalidEOF = utils.hasInvalidEOF(node)
         },
-        registeredComponentsOnly
+        ...(registeredComponentsOnly
           ? utils.executeOnVue(context, (obj) => {
               registeredComponents.push(
                 ...utils.getRegisteredComponents(obj).map((n) => n.name)
               )
             })
-          : {}
-      )
+          : {})
+      }
     )
   }
 }
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 6fa6f211e..b2a2692a8 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -48,13 +48,17 @@ module.exports = {
         'The <{{name}}> should be above the <{{firstUnorderedName}}> on line {{line}}.'
     }
   },
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
-    /** @type {Map<string, number} */
+    /** @type {Map<string, number>} */
     const orderMap = new Map()
-    ;(
-      (context.options[0] && context.options[0].order) ||
-      DEFAULT_ORDER
-    ).forEach((nameOrNames, index) => {
+    /** @type {(string|string[])[]} */
+    const orderOptions =
+      (context.options[0] && context.options[0].order) || DEFAULT_ORDER
+    orderOptions.forEach((nameOrNames, index) => {
       if (Array.isArray(nameOrNames)) {
         for (const name of nameOrNames) {
           orderMap.set(name, index)
@@ -63,17 +67,29 @@ module.exports = {
         orderMap.set(nameOrNames, index)
       }
     })
+
+    /**
+     * @param {string} name
+     */
+    function getOrderPosition(name) {
+      const num = orderMap.get(name)
+      return num == null ? -1 : num
+    }
     const documentFragment =
       context.parserServices.getDocumentFragment &&
       context.parserServices.getDocumentFragment()
 
     function getTopLevelHTMLElements() {
       if (documentFragment) {
-        return documentFragment.children.filter((e) => e.type === 'VElement')
+        return documentFragment.children.filter(utils.isVElement)
       }
       return []
     }
 
+    /**
+     * @param {VElement} element
+     * @param {VElement} firstUnorderedElement
+     */
     function report(element, firstUnorderedElement) {
       context.report({
         node: element,
@@ -87,33 +103,29 @@ module.exports = {
       })
     }
 
-    return utils.defineTemplateBodyVisitor(
-      context,
-      {},
-      {
-        Program(node) {
-          if (utils.hasInvalidEOF(node)) {
+    return {
+      Program(node) {
+        if (utils.hasInvalidEOF(node)) {
+          return
+        }
+        const elements = getTopLevelHTMLElements()
+
+        elements.forEach((element, index) => {
+          const expectedIndex = getOrderPosition(element.name)
+          if (expectedIndex < 0) {
             return
           }
-          const elements = getTopLevelHTMLElements()
-
-          elements.forEach((element, index) => {
-            const expectedIndex = orderMap.get(element.name)
-            if (expectedIndex < 0) {
-              return
-            }
-            const firstUnordered = elements
-              .slice(0, index)
-              .filter((e) => expectedIndex < orderMap.get(e.name))
-              .sort(
-                (e1, e2) => orderMap.get(e1.name) - orderMap.get(e2.name)
-              )[0]
-            if (firstUnordered) {
-              report(element, firstUnordered)
-            }
-          })
-        }
+          const firstUnordered = elements
+            .slice(0, index)
+            .filter((e) => expectedIndex < getOrderPosition(e.name))
+            .sort(
+              (e1, e2) => getOrderPosition(e1.name) - getOrderPosition(e2.name)
+            )[0]
+          if (firstUnordered) {
+            report(element, firstUnordered)
+          }
+        })
       }
-    )
+    }
   }
 }
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index cec6f55d7..cd7f73443 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -4,11 +4,6 @@
  */
 'use strict'
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal
- * @typedef {import('vue-eslint-parser').AST.ESLintCallExpression} CallExpression
- */
-
 // ------------------------------------------------------------------------------
 // Requirements
 // ------------------------------------------------------------------------------
@@ -33,7 +28,7 @@ function isValidEventName(name) {
 /**
  * Get the name param node from the given CallExpression
  * @param {CallExpression} node CallExpression
- * @returns { Literal & { value: string } }
+ * @returns { Literal & { value: string } | null }
  */
 function getNameParamNode(node) {
   const nameLiteralNode = node.arguments[0]
@@ -46,7 +41,7 @@ function getNameParamNode(node) {
     return null
   }
 
-  return nameLiteralNode
+  return /** @type {Literal & { value: string }} */ (nameLiteralNode)
 }
 /**
  * Get the callee member node from the given CallExpression
@@ -82,7 +77,7 @@ module.exports = {
       unexpected: "Custom event name '{{name}}' must be kebab-case."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const setupContexts = new Map()
 
@@ -121,28 +116,26 @@ module.exports = {
       utils.compositingVisitors(
         utils.defineVueVisitor(context, {
           onSetupFunctionEnter(node, { node: vueNode }) {
-            const contextParam = node.params[1]
+            const contextParam = utils.unwrapAssignmentPattern(node.params[1])
             if (!contextParam) {
               // no arguments
               return
             }
-            if (contextParam.type === 'RestElement') {
-              // cannot check
-              return
-            }
-            if (contextParam.type === 'ArrayPattern') {
+            if (
+              contextParam.type === 'RestElement' ||
+              contextParam.type === 'ArrayPattern'
+            ) {
               // cannot check
               return
             }
             const contextReferenceIds = new Set()
             const emitReferenceIds = new Set()
             if (contextParam.type === 'ObjectPattern') {
-              const emitProperty = contextParam.properties.find(
-                (p) =>
-                  p.type === 'Property' &&
-                  utils.getStaticPropertyName(p) === 'emit'
+              const emitProperty = utils.findAssignmentProperty(
+                contextParam,
+                'emit'
               )
-              if (!emitProperty) {
+              if (!emitProperty || emitProperty.value.type !== 'Identifier') {
                 return
               }
               const emitParam = emitProperty.value
diff --git a/lib/rules/dot-location.js b/lib/rules/dot-location.js
index c8889bb63..14ab075cd 100644
--- a/lib/rules/dot-location.js
+++ b/lib/rules/dot-location.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/dot-location'))
diff --git a/lib/rules/eqeqeq.js b/lib/rules/eqeqeq.js
index 5e9d4d8b9..e749e41f7 100644
--- a/lib/rules/eqeqeq.js
+++ b/lib/rules/eqeqeq.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/eqeqeq'))
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 20d7fbd20..6963de8f1 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -15,6 +15,9 @@ const utils = require('../utils')
 // Helpers
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {number} lineBreaks
+ */
 function getPhrase(lineBreaks) {
   switch (lineBreaks) {
     case 0:
@@ -51,7 +54,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = Object.assign(
       {},
@@ -66,6 +69,7 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore()
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VStartTag | VEndTag} node */
       'VStartTag, VEndTag'(node) {
         const closingBracketToken = template.getLastToken(node)
         if (
@@ -98,6 +102,7 @@ module.exports = {
               actual: getPhrase(actualLineBreaks)
             },
             fix(fixer) {
+              /** @type {Range} */
               const range = [prevToken.range[1], closingBracketToken.range[0]]
               const text = '\n'.repeat(expectedLineBreaks)
               return fixer.replaceTextRange(range, text)
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index 9b70dfb09..95de6d01f 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -14,40 +14,49 @@ const utils = require('../utils')
 // Helpers
 // -----------------------------------------------------------------------------
 
+/**
+ * @typedef { {startTag?:"always"|"never",endTag?:"always"|"never",selfClosingTag?:"always"|"never"} } Options
+ */
+
 /**
  * Normalize options.
- * @param {{startTag?:"always"|"never",endTag?:"always"|"never",selfClosingTag?:"always"|"never"}} options The options user configured.
- * @param {TokenStore} tokens The token store of template body.
- * @returns {{startTag:"always"|"never",endTag:"always"|"never",selfClosingTag:"always"|"never"}} The normalized options.
+ * @param {Options} options The options user configured.
+ * @param {ParserServices.TokenStore} tokens The token store of template body.
+ * @returns {Options & { detectType: (node: VStartTag | VEndTag) => 'never' | 'always' | null }} The normalized options.
  */
 function parseOptions(options, tokens) {
-  return Object.assign(
+  const opts = Object.assign(
     {
       startTag: 'never',
       endTag: 'never',
-      selfClosingTag: 'always',
-
-      detectType(node) {
-        const openType = tokens.getFirstToken(node).type
-        const closeType = tokens.getLastToken(node).type
-
-        if (openType === 'HTMLEndTagOpen' && closeType === 'HTMLTagClose') {
-          return this.endTag
-        }
-        if (openType === 'HTMLTagOpen' && closeType === 'HTMLTagClose') {
-          return this.startTag
-        }
-        if (
-          openType === 'HTMLTagOpen' &&
-          closeType === 'HTMLSelfClosingTagClose'
-        ) {
-          return this.selfClosingTag
-        }
-        return null
-      }
+      selfClosingTag: 'always'
     },
     options
   )
+  return Object.assign(opts, {
+    /**
+     * @param {VStartTag | VEndTag} node
+     * @returns {'never' | 'always' | null}
+     */
+    detectType(node) {
+      const openType = tokens.getFirstToken(node).type
+      const closeType = tokens.getLastToken(node).type
+
+      if (openType === 'HTMLEndTagOpen' && closeType === 'HTMLTagClose') {
+        return opts.endTag
+      }
+      if (openType === 'HTMLTagOpen' && closeType === 'HTMLTagClose') {
+        return opts.startTag
+      }
+      if (
+        openType === 'HTMLTagOpen' &&
+        closeType === 'HTMLSelfClosingTagClose'
+      ) {
+        return opts.selfClosingTag
+      }
+      return null
+    }
+  })
 }
 
 // -----------------------------------------------------------------------------
@@ -75,7 +84,7 @@ module.exports = {
     ],
     fixable: 'whitespace'
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     const tokens =
@@ -84,6 +93,7 @@ module.exports = {
     const options = parseOptions(context.options[0], tokens)
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VStartTag | VEndTag} node */
       'VStartTag, VEndTag'(node) {
         const type = options.detectType(node)
         const lastToken = tokens.getLastToken(node)
diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
index e5e436490..3985f7d52 100644
--- a/lib/rules/html-comment-content-newline.js
+++ b/lib/rules/html-comment-content-newline.js
@@ -11,13 +11,16 @@
 const htmlComments = require('../utils/html-comments')
 
 /**
- * @typedef { import('../utils/html-comments').HTMLComment } HTMLComment
+ * @typedef { import('../utils/html-comments').ParsedHTMLComment } ParsedHTMLComment
  */
 
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {any} param
+ */
 function parseOption(param) {
   if (param && typeof param === 'string') {
     return {
@@ -87,22 +90,24 @@ module.exports = {
       unexpectedBeforeHTMLCommentOpen: "Unexpected line breaks before '-->'."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const option = parseOption(context.options[0])
     return htmlComments.defineVisitor(
       context,
       context.options[1],
       (comment) => {
-        if (!comment.value) {
+        const { value, openDecoration, closeDecoration } = comment
+        if (!value) {
           return
         }
-        const startLine = comment.openDecoration
-          ? comment.openDecoration.loc.end.line
-          : comment.value.loc.start.line
-        const endLine = comment.closeDecoration
-          ? comment.closeDecoration.loc.start.line
-          : comment.value.loc.end.line
+
+        const startLine = openDecoration
+          ? openDecoration.loc.end.line
+          : value.loc.start.line
+        const endLine = closeDecoration
+          ? closeDecoration.loc.start.line
+          : value.loc.end.line
         const newlineType =
           startLine === endLine ? option.singleline : option.multiline
         if (newlineType === 'ignore') {
@@ -115,92 +120,94 @@ module.exports = {
 
     /**
      * Reports the newline before the contents of a given comment if it's invalid.
-     * @param {HTMLComment} comment - comment data.
+     * @param {ParsedHTMLComment} comment - comment data.
      * @param {boolean} requireNewline - `true` if line breaks are required.
      * @returns {void}
      */
     function checkCommentOpen(comment, requireNewline) {
-      const beforeToken = comment.openDecoration || comment.open
+      const { value, openDecoration, open } = comment
+      if (!value) {
+        return
+      }
+      const beforeToken = openDecoration || open
 
       if (requireNewline) {
-        if (beforeToken.loc.end.line < comment.value.loc.start.line) {
+        if (beforeToken.loc.end.line < value.loc.start.line) {
           // Is valid
           return
         }
         context.report({
           loc: {
             start: beforeToken.loc.end,
-            end: comment.value.loc.start
+            end: value.loc.start
           },
-          messageId: comment.openDecoration
+          messageId: openDecoration
             ? 'expectedAfterExceptionBlock'
             : 'expectedAfterHTMLCommentOpen',
-          fix: comment.openDecoration
+          fix: openDecoration
             ? undefined
             : (fixer) => fixer.insertTextAfter(beforeToken, '\n')
         })
       } else {
-        if (beforeToken.loc.end.line === comment.value.loc.start.line) {
+        if (beforeToken.loc.end.line === value.loc.start.line) {
           // Is valid
           return
         }
         context.report({
           loc: {
             start: beforeToken.loc.end,
-            end: comment.value.loc.start
+            end: value.loc.start
           },
           messageId: 'unexpectedAfterHTMLCommentOpen',
           fix: (fixer) =>
-            fixer.replaceTextRange(
-              [beforeToken.range[1], comment.value.range[0]],
-              ' '
-            )
+            fixer.replaceTextRange([beforeToken.range[1], value.range[0]], ' ')
         })
       }
     }
 
     /**
      * Reports the space after the contents of a given comment if it's invalid.
-     * @param {HTMLComment} comment - comment data.
+     * @param {ParsedHTMLComment} comment - comment data.
      * @param {boolean} requireNewline - `true` if line breaks are required.
      * @returns {void}
      */
     function checkCommentClose(comment, requireNewline) {
-      const afterToken = comment.closeDecoration || comment.close
+      const { value, closeDecoration, close } = comment
+      if (!value) {
+        return
+      }
+      const afterToken = closeDecoration || close
 
       if (requireNewline) {
-        if (comment.value.loc.end.line < afterToken.loc.start.line) {
+        if (value.loc.end.line < afterToken.loc.start.line) {
           // Is valid
           return
         }
         context.report({
           loc: {
-            start: comment.value.loc.end,
+            start: value.loc.end,
             end: afterToken.loc.start
           },
-          messageId: comment.closeDecoration
+          messageId: closeDecoration
             ? 'expectedBeforeExceptionBlock'
             : 'expectedBeforeHTMLCommentOpen',
-          fix: comment.closeDecoration
+          fix: closeDecoration
             ? undefined
             : (fixer) => fixer.insertTextBefore(afterToken, '\n')
         })
       } else {
-        if (comment.value.loc.end.line === afterToken.loc.start.line) {
+        if (value.loc.end.line === afterToken.loc.start.line) {
           // Is valid
           return
         }
         context.report({
           loc: {
-            start: comment.value.loc.end,
+            start: value.loc.end,
             end: afterToken.loc.start
           },
           messageId: 'unexpectedBeforeHTMLCommentOpen',
           fix: (fixer) =>
-            fixer.replaceTextRange(
-              [comment.value.range[1], afterToken.range[0]],
-              ' '
-            )
+            fixer.replaceTextRange([value.range[1], afterToken.range[0]], ' ')
         })
       }
     }
diff --git a/lib/rules/html-comment-content-spacing.js b/lib/rules/html-comment-content-spacing.js
index 250fd7ae9..b4f31672a 100644
--- a/lib/rules/html-comment-content-spacing.js
+++ b/lib/rules/html-comment-content-spacing.js
@@ -11,7 +11,7 @@
 const htmlComments = require('../utils/html-comments')
 
 /**
- * @typedef { import('../utils/html-comments').HTMLComment } HTMLComment
+ * @typedef { import('../utils/html-comments').ParsedHTMLComment } ParsedHTMLComment
  */
 
 // ------------------------------------------------------------------------------
@@ -54,7 +54,7 @@ module.exports = {
       unexpectedBeforeHTMLCommentOpen: "Unexpected space before '-->'."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     // Unless the first option is never, require a space
     const requireSpace = context.options[0] !== 'never'
@@ -62,9 +62,6 @@ module.exports = {
       context,
       context.options[1],
       (comment) => {
-        if (!comment.value) {
-          return
-        }
         checkCommentOpen(comment)
         checkCommentClose(comment)
       },
@@ -73,100 +70,108 @@ module.exports = {
 
     /**
      * Reports the space before the contents of a given comment if it's invalid.
-     * @param {HTMLComment} comment - comment data.
+     * @param {ParsedHTMLComment} comment - comment data.
      * @returns {void}
      */
     function checkCommentOpen(comment) {
-      const beforeToken = comment.openDecoration || comment.open
-      if (beforeToken.loc.end.line !== comment.value.loc.start.line) {
+      const { value, openDecoration, open } = comment
+      if (!value) {
+        return
+      }
+      const beforeToken = openDecoration || open
+      if (beforeToken.loc.end.line !== value.loc.start.line) {
         // Ignore newline
         return
       }
 
       if (requireSpace) {
-        if (beforeToken.range[1] < comment.value.range[0]) {
+        if (beforeToken.range[1] < value.range[0]) {
           // Is valid
           return
         }
         context.report({
           loc: {
             start: beforeToken.loc.end,
-            end: comment.value.loc.start
+            end: value.loc.start
           },
-          messageId: comment.openDecoration
+          messageId: openDecoration
             ? 'expectedAfterExceptionBlock'
             : 'expectedAfterHTMLCommentOpen',
-          fix: comment.openDecoration
+          fix: openDecoration
             ? undefined
             : (fixer) => fixer.insertTextAfter(beforeToken, ' ')
         })
       } else {
-        if (comment.openDecoration) {
+        if (openDecoration) {
           // Ignore expection block
           return
         }
-        if (beforeToken.range[1] === comment.value.range[0]) {
+        if (beforeToken.range[1] === value.range[0]) {
           // Is valid
           return
         }
         context.report({
           loc: {
             start: beforeToken.loc.end,
-            end: comment.value.loc.start
+            end: value.loc.start
           },
           messageId: 'unexpectedAfterHTMLCommentOpen',
           fix: (fixer) =>
-            fixer.removeRange([beforeToken.range[1], comment.value.range[0]])
+            fixer.removeRange([beforeToken.range[1], value.range[0]])
         })
       }
     }
 
     /**
      * Reports the space after the contents of a given comment if it's invalid.
-     * @param {HTMLComment} comment - comment data.
+     * @param {ParsedHTMLComment} comment - comment data.
      * @returns {void}
      */
     function checkCommentClose(comment) {
-      const afterToken = comment.closeDecoration || comment.close
-      if (comment.value.loc.end.line !== afterToken.loc.start.line) {
+      const { value, closeDecoration, close } = comment
+      if (!value) {
+        return
+      }
+      const afterToken = closeDecoration || close
+      if (value.loc.end.line !== afterToken.loc.start.line) {
         // Ignore newline
         return
       }
 
       if (requireSpace) {
-        if (comment.value.range[1] < afterToken.range[0]) {
+        if (value.range[1] < afterToken.range[0]) {
           // Is valid
           return
         }
         context.report({
           loc: {
-            start: comment.value.loc.end,
+            start: value.loc.end,
             end: afterToken.loc.start
           },
-          messageId: comment.closeDecoration
+          messageId: closeDecoration
             ? 'expectedBeforeExceptionBlock'
             : 'expectedBeforeHTMLCommentOpen',
-          fix: comment.closeDecoration
+          fix: closeDecoration
             ? undefined
             : (fixer) => fixer.insertTextBefore(afterToken, ' ')
         })
       } else {
-        if (comment.closeDecoration) {
+        if (closeDecoration) {
           // Ignore expection block
           return
         }
-        if (comment.value.range[1] === afterToken.range[0]) {
+        if (value.range[1] === afterToken.range[0]) {
           // Is valid
           return
         }
         context.report({
           loc: {
-            start: comment.value.loc.end,
+            start: value.loc.end,
             end: afterToken.loc.start
           },
           messageId: 'unexpectedBeforeHTMLCommentOpen',
           fix: (fixer) =>
-            fixer.removeRange([comment.value.range[1], afterToken.range[0]])
+            fixer.removeRange([value.range[1], afterToken.range[0]])
         })
       }
     }
diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
index c3b60bfcc..d5992b59b 100644
--- a/lib/rules/html-comment-indent.js
+++ b/lib/rules/html-comment-indent.js
@@ -10,10 +10,6 @@
 
 const htmlComments = require('../utils/html-comments')
 
-/**
- * @typedef { import('../utils/html-comments').HTMLComment } HTMLComment
- */
-
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
@@ -21,16 +17,17 @@ const htmlComments = require('../utils/html-comments')
 /**
  * Normalize options.
  * @param {number|"tab"|undefined} type The type of indentation.
- * @returns {Object} Normalized options.
+ * @returns { { indentChar: string, indentSize: number, indentText: string } } Normalized options.
  */
 function parseOptions(type) {
   const ret = {
     indentChar: ' ',
-    indentSize: 2
+    indentSize: 2,
+    indentText: ''
   }
 
   if (Number.isSafeInteger(type)) {
-    ret.indentSize = type
+    ret.indentSize = Number(type)
   } else if (type === 'tab') {
     ret.indentChar = '\t'
     ret.indentSize = 1
@@ -40,6 +37,10 @@ function parseOptions(type) {
   return ret
 }
 
+/**
+ * @param {string} s
+ * @param {string} [unitChar]
+ */
 function toDisplay(s, unitChar) {
   if (s.length === 0 && unitChar) {
     return `0 ${toUnit(unitChar)}s`
@@ -54,6 +55,7 @@ function toDisplay(s, unitChar) {
   return JSON.stringify(s)
 }
 
+/** @param {string} char */
 function toUnit(char) {
   if (char === '\t') {
     return 'tab'
@@ -96,7 +98,7 @@ module.exports = {
         'Expected relative indentation of {{expected}} but found {{actual}}.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = parseOptions(context.options[0])
     const sourceCode = context.getSourceCode()
@@ -158,7 +160,7 @@ module.exports = {
      * @param {number} line The number of line.
      * @param {string} actualIndentText The actual indentation text.
      * @param {string} expectedIndentText The expected indentation text.
-     * @returns {function} The defined function.
+     * @returns { (fixer: RuleFixer) => Fix } The defined function.
      */
     function defineFix(line, actualIndentText, expectedIndentText) {
       return (fixer) => {
diff --git a/lib/rules/html-end-tags.js b/lib/rules/html-end-tags.js
index b40a53ce0..59d2e874f 100644
--- a/lib/rules/html-end-tags.js
+++ b/lib/rules/html-end-tags.js
@@ -26,7 +26,7 @@ module.exports = {
     fixable: 'code',
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     let hasInvalidEOF = false
 
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 9cbea60c7..6e6149ef5 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -17,6 +17,7 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 module.exports = {
+  /** @param {RuleContext} context */
   create(context) {
     const tokenStore =
       context.parserServices.getTemplateBodyTokenStore &&
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index 05bb272d5..9f741b21b 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -37,7 +37,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     const double = context.options[0] !== 'single'
@@ -45,6 +45,7 @@ module.exports = {
       context.options[1] && context.options[1].avoidEscape === true
     const quoteChar = double ? '"' : "'"
     const quoteName = double ? 'double quotes' : 'single quotes'
+    /** @type {boolean} */
     let hasInvalidEOF
 
     return utils.defineTemplateBodyVisitor(
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index f2fa0b277..f8841f782 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -18,54 +18,63 @@ const utils = require('../utils')
 /**
  * These strings wil be displayed in error messages.
  */
-const ELEMENT_TYPE = Object.freeze({
+const ELEMENT_TYPE_MESSAGES = Object.freeze({
   NORMAL: 'HTML elements',
   VOID: 'HTML void elements',
   COMPONENT: 'Vue.js custom components',
   SVG: 'SVG elements',
-  MATH: 'MathML elements'
+  MATH: 'MathML elements',
+  UNKNOWN: 'unknown elements'
 })
 
+/**
+ * @typedef {object} Options
+ * @property {'always' | 'never'} NORMAL
+ * @property {'always' | 'never'} VOID
+ * @property {'always' | 'never'} COMPONENT
+ * @property {'always' | 'never'} SVG
+ * @property {'always' | 'never'} MATH
+ * @property {null} UNKNOWN
+ */
+
 /**
  * Normalize the given options.
- * @param {Object|undefined} options The raw options object.
- * @returns {Object} Normalized options.
+ * @param {any} options The raw options object.
+ * @returns {Options} Normalized options.
  */
 function parseOptions(options) {
   return {
-    [ELEMENT_TYPE.NORMAL]:
-      (options && options.html && options.html.normal) || 'always',
-    [ELEMENT_TYPE.VOID]:
-      (options && options.html && options.html.void) || 'never',
-    [ELEMENT_TYPE.COMPONENT]:
-      (options && options.html && options.html.component) || 'always',
-    [ELEMENT_TYPE.SVG]: (options && options.svg) || 'always',
-    [ELEMENT_TYPE.MATH]: (options && options.math) || 'always'
+    NORMAL: (options && options.html && options.html.normal) || 'always',
+    VOID: (options && options.html && options.html.void) || 'never',
+    COMPONENT: (options && options.html && options.html.component) || 'always',
+    SVG: (options && options.svg) || 'always',
+    MATH: (options && options.math) || 'always',
+    UNKNOWN: null
   }
 }
 
 /**
  * Get the elementType of the given element.
  * @param {VElement} node The element node to get.
- * @returns {string} The elementType of the element.
+ * @returns {keyof Options} The elementType of the element.
  */
 function getElementType(node) {
   if (utils.isCustomComponent(node)) {
-    return ELEMENT_TYPE.COMPONENT
+    return 'COMPONENT'
   }
   if (utils.isHtmlElementNode(node)) {
     if (utils.isHtmlVoidElementName(node.name)) {
-      return ELEMENT_TYPE.VOID
+      return 'VOID'
     }
-    return ELEMENT_TYPE.NORMAL
+    return 'NORMAL'
   }
   if (utils.isSvgElementNode(node)) {
-    return ELEMENT_TYPE.SVG
+    return 'SVG'
   }
   if (utils.isMathMLElementNode(node)) {
-    return ELEMENT_TYPE.MATH
+    return 'MATH'
   }
-  return 'unknown elements'
+  return 'UNKNOWN'
 }
 
 /**
@@ -124,7 +133,7 @@ module.exports = {
       maxItems: 1
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     const options = parseOptions(context.options[0])
@@ -150,7 +159,10 @@ module.exports = {
               node,
               loc: node.loc,
               message: 'Require self-closing on {{elementType}} (<{{name}}>).',
-              data: { elementType, name: node.rawName },
+              data: {
+                elementType: ELEMENT_TYPE_MESSAGES[elementType],
+                name: node.rawName
+              },
               fix: (fixer) => {
                 const tokens = context.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
@@ -171,14 +183,17 @@ module.exports = {
               loc: node.loc,
               message:
                 'Disallow self-closing on {{elementType}} (<{{name}}/>).',
-              data: { elementType, name: node.rawName },
+              data: {
+                elementType: ELEMENT_TYPE_MESSAGES[elementType],
+                name: node.rawName
+              },
               fix: (fixer) => {
                 const tokens = context.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLSelfClosingTagClose') {
                   return null
                 }
-                if (elementType === ELEMENT_TYPE.VOID) {
+                if (elementType === 'VOID') {
                   return fixer.replaceText(close, '>')
                 }
                 // If only `close` is targeted for replacement, it conflicts with `component-name-in-template-casing`,
diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index 2d335dde1..0da5e486f 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -44,18 +44,21 @@ module.exports = {
     },
     schema: []
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     return {
       JSXOpeningElement(node) {
         let name
-        if (node.name.name) {
+        if (node.name.type === 'JSXIdentifier') {
           // <Foo>
           name = node.name.name
-        } else if (node.name.object) {
+        } else if (node.name.type === 'JSXMemberExpression') {
           // <Foo...Bar>
           let parent = node.name.object
-          while (parent.object) {
+          while (parent.type === 'JSXMemberExpression') {
             parent = parent.object
           }
           name = parent.name
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index 45d603727..8428516fb 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -45,7 +45,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0]
     const shouldMatchCase = (options && options.shouldMatchCase) || false
@@ -57,6 +57,7 @@ module.exports = {
     const extension = path.extname(context.getFilename())
     const filename = path.basename(context.getFilename(), extension)
 
+    /** @type {Rule.ReportDescriptor[]} */
     const errors = []
     let componentCount = 0
 
@@ -68,6 +69,10 @@ module.exports = {
     // Private
     // ----------------------------------------------------------------------
 
+    /**
+     * @param {string} name
+     * @param {string} filename
+     */
     function compareNames(name, filename) {
       if (shouldMatchCase) {
         return name === filename
@@ -79,13 +84,16 @@ module.exports = {
       )
     }
 
+    /**
+     * @param {Literal | TemplateLiteral} node
+     */
     function verifyName(node) {
       let name
       if (node.type === 'TemplateLiteral') {
         const quasis = node.quasis[0]
         name = quasis.value.cooked
       } else {
-        name = node.value
+        name = `${node.value}`
       }
 
       if (!compareNames(name, filename)) {
@@ -98,6 +106,10 @@ module.exports = {
       }
     }
 
+    /**
+     * @param {Expression | SpreadElement} node
+     * @returns {node is (Literal | TemplateLiteral)}
+     */
     function canVerify(node) {
       return (
         node.type === 'Literal' ||
@@ -119,16 +131,12 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (object) => {
-        const node = object.properties.find(
-          (item) =>
-            item.type === 'Property' &&
-            item.key.name === 'name' &&
-            canVerify(item.value)
-        )
+        const node = utils.findProperty(object, 'name')
 
         componentCount++
 
         if (!node) return
+        if (!canVerify(node.value)) return
         verifyName(node.value)
       }),
       {
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index 29b6a4e6b..8cec63617 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -65,7 +65,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     const configuration = parseOptions(context.options[0])
@@ -107,6 +107,9 @@ module.exports = {
     // ----------------------------------------------------------------------
     // Helpers
     // ----------------------------------------------------------------------
+    /**
+     * @param {any} options
+     */
     function parseOptions(options) {
       const defaults = {
         singleline: 1,
@@ -139,32 +142,40 @@ module.exports = {
       return defaults
     }
 
+    /**
+     * @param {(VDirective | VAttribute)[]} attributes
+     */
     function showErrors(attributes) {
       attributes.forEach((prop, i) => {
-        const fix = (fixer) => {
-          if (i !== 0) return null
-
-          // Find the closest token before the current prop
-          // that is not a white space
-          const prevToken = template.getTokenBefore(prop, {
-            filter: (token) => token.type !== 'HTMLWhitespace'
-          })
-
-          const range = [prevToken.range[1], prop.range[0]]
-
-          return fixer.replaceTextRange(range, '\n')
-        }
-
         context.report({
           node: prop,
           loc: prop.loc,
           message: "'{{name}}' should be on a new line.",
           data: { name: sourceCode.getText(prop.key) },
-          fix
+          fix(fixer) {
+            if (i !== 0) return null
+
+            // Find the closest token before the current prop
+            // that is not a white space
+            const prevToken = /** @type {Token} */ (template.getTokenBefore(
+              prop,
+              {
+                filter: (token) => token.type !== 'HTMLWhitespace'
+              }
+            ))
+
+            /** @type {Range} */
+            const range = [prevToken.range[1], prop.range[0]]
+
+            return fixer.replaceTextRange(range, '\n')
+          }
         })
       })
     }
 
+    /**
+     * @param {(VDirective | VAttribute)[]} attributes
+     */
     function groupAttrsByLine(attributes) {
       const propsPerLine = [[attributes[0]]]
 
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 8f1b07b87..6de8f8953 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -82,20 +82,23 @@ const OPTIONS_OR_INTEGER_SCHEMA = {
  * Computes the length of a line that may contain tabs. The width of each
  * tab will be the number of spaces to the next tab stop.
  * @param {string} line The line.
- * @param {int} tabWidth The width of each tab stop in spaces.
- * @returns {int} The computed line length.
+ * @param {number} tabWidth The width of each tab stop in spaces.
+ * @returns {number} The computed line length.
  * @private
  */
 function computeLineLength(line, tabWidth) {
   let extraCharacterCount = 0
 
-  line.replace(/\t/gu, (match, offset) => {
+  const re = /\t/gu
+  let ret
+  while ((ret = re.exec(line))) {
+    const offset = ret.index
     const totalOffset = offset + extraCharacterCount
     const previousTabStopOffset = tabWidth ? totalOffset % tabWidth : 0
     const spaceCount = tabWidth - previousTabStopOffset
-
     extraCharacterCount += spaceCount - 1 // -1 for the replaced tab
-  })
+  }
+
   return Array.from(line).length + extraCharacterCount
 }
 
@@ -104,16 +107,16 @@ function computeLineLength(line, tabWidth) {
  * extends to or past the end of the current line.
  * @param {string} line The source line we want to check for a trailing comment on
  * @param {number} lineNumber The one-indexed line number for line
- * @param {ASTNode} comment The comment to inspect
- * @returns {boolean} If the comment is trailing on the given line
+ * @param {Token | null} comment The comment to inspect
+ * @returns {comment is Token} If the comment is trailing on the given line
  */
 function isTrailingComment(line, lineNumber, comment) {
-  return (
+  return Boolean(
     comment &&
-    comment.loc.start.line === lineNumber &&
-    lineNumber <= comment.loc.end.line &&
-    (comment.loc.end.line > lineNumber ||
-      comment.loc.end.column === line.length)
+      comment.loc.start.line === lineNumber &&
+      lineNumber <= comment.loc.end.line &&
+      (comment.loc.end.line > lineNumber ||
+        comment.loc.end.column === line.length)
   )
 }
 
@@ -121,10 +124,13 @@ function isTrailingComment(line, lineNumber, comment) {
  * Tells if a comment encompasses the entire line.
  * @param {string} line The source line with a trailing comment
  * @param {number} lineNumber The one-indexed line number this is on
- * @param {ASTNode} comment The comment to remove
+ * @param {Token | null} comment The comment to remove
  * @returns {boolean} If the comment covers the entire line
  */
 function isFullLineComment(line, lineNumber, comment) {
+  if (!comment) {
+    return false
+  }
   const start = comment.loc.start
   const end = comment.loc.end
   const isFirstTokenOnLine = !line.slice(0, comment.loc.start.column).trim()
@@ -142,7 +148,7 @@ function isFullLineComment(line, lineNumber, comment) {
  * Gets the line after the comment and any remaining trailing whitespace is
  * stripped.
  * @param {string} line The source line with a trailing comment
- * @param {ASTNode} comment The comment to remove
+ * @param {Token} comment The comment to remove
  * @returns {string} Line without comment and trailing whitepace
  */
 function stripTrailingComment(line, comment) {
@@ -153,9 +159,9 @@ function stripTrailingComment(line, comment) {
 /**
  * Ensure that an array exists at [key] on `object`, and add `value` to it.
  *
- * @param {Object} object the object to mutate
- * @param {string} key the object's key
- * @param {*} value the value to add
+ * @param { { [key: number]: Token[] } } object the object to mutate
+ * @param {number} key the object's key
+ * @param {Token} value the value to add
  * @returns {void}
  * @private
  */
@@ -169,9 +175,9 @@ function ensureArrayAndPush(object, key, value) {
 /**
  * A reducer to group an AST node by line number, both start and end.
  *
- * @param {Object} acc the accumulator
- * @param {ASTNode} node the AST node in question
- * @returns {Object} the modified accumulator
+ * @param { { [key: number]: Token[] } } acc the accumulator
+ * @param {Token} node the AST node in question
+ * @returns { { [key: number]: Token[] } } the modified accumulator
  * @private
  */
 function groupByLineNumber(acc, node) {
@@ -209,7 +215,10 @@ module.exports = {
         'This line has a comment length of {{lineLength}}. Maximum allowed is {{maxCommentLength}}.'
     }
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     /*
      * Inspired by http://tools.ietf.org/html/rfc3986#appendix-B, however:
@@ -222,8 +231,11 @@ module.exports = {
     const URL_REGEXP = /[^:/?#]:\/\/[^?#]/u
 
     const sourceCode = context.getSourceCode()
+    /** @type {Token[]} */
     const tokens = []
+    /** @type {(HTMLComment | HTMLBogusComment | Comment)[]} */
     const comments = []
+    /** @type {VLiteral[]} */
     const htmlAttributeValues = []
 
     // The options object must be the last option specified…
@@ -241,9 +253,11 @@ module.exports = {
     if (typeof context.options[1] === 'number') {
       options.tabWidth = context.options[1]
     }
-
+    /** @type {number} */
     const scriptMaxLength = typeof options.code === 'number' ? options.code : 80
+    /** @type {number} */
     const tabWidth = typeof options.tabWidth === 'number' ? options.tabWidth : 2 // default value of `vue/html-indent`
+    /** @type {number} */
     const templateMaxLength =
       typeof options.template === 'number' ? options.template : scriptMaxLength
     const ignoreComments = !!options.ignoreComments
@@ -255,7 +269,9 @@ module.exports = {
     const ignoreUrls = !!options.ignoreUrls
     const ignoreHTMLAttributeValues = !!options.ignoreHTMLAttributeValues
     const ignoreHTMLTextContents = !!options.ignoreHTMLTextContents
+    /** @type {number} */
     const maxCommentLength = options.comments
+    /** @type {RegExp} */
     let ignorePattern = options.ignorePattern || null
 
     if (ignorePattern) {
@@ -269,7 +285,7 @@ module.exports = {
     /**
      * Retrieves an array containing all strings (" or ') in the source code.
      *
-     * @returns {ASTNode[]} An array of string nodes.
+     * @returns {Token[]} An array of string nodes.
      */
     function getAllStrings() {
       return tokens.filter(
@@ -284,7 +300,7 @@ module.exports = {
     /**
      * Retrieves an array containing all template literals in the source code.
      *
-     * @returns {ASTNode[]} An array of template literal nodes.
+     * @returns {Token[]} An array of template literal nodes.
      */
     function getAllTemplateLiterals() {
       return tokens.filter((token) => token.type === 'Template')
@@ -293,7 +309,7 @@ module.exports = {
     /**
      * Retrieves an array containing all RegExp literals in the source code.
      *
-     * @returns {ASTNode[]} An array of RegExp literal nodes.
+     * @returns {Token[]} An array of RegExp literal nodes.
      */
     function getAllRegExpLiterals() {
       return tokens.filter((token) => token.type === 'RegularExpression')
@@ -302,7 +318,7 @@ module.exports = {
     /**
      * Retrieves an array containing all HTML texts in the source code.
      *
-     * @returns {ASTNode[]} An array of HTML text nodes.
+     * @returns {Token[]} An array of HTML text nodes.
      */
     function getAllHTMLTextContents() {
       return tokens.filter((token) => token.type === 'HTMLText')
@@ -310,7 +326,7 @@ module.exports = {
 
     /**
      * Check the program for max length
-     * @param {ASTNode} node Node to examine
+     * @param {Program} node Node to examine
      * @returns {void}
      * @private
      */
@@ -351,6 +367,7 @@ module.exports = {
         }
       }
 
+      /** @type {Range} */
       let scriptLinesRange
       if (scriptTokens.length) {
         if (scriptComments.length) {
@@ -458,7 +475,7 @@ module.exports = {
         if (commentsByLine[lineNumber]) {
           const commentList = [...commentsByLine[lineNumber]]
 
-          let comment = commentList.pop()
+          let comment = commentList.pop() || null
 
           if (isFullLineComment(line, lineNumber, comment)) {
             lineIsComment = true
@@ -470,7 +487,7 @@ module.exports = {
             textToMeasure = stripTrailingComment(line, comment)
 
             // ignore multiple trailing comments in the same line
-            comment = commentList.pop()
+            comment = commentList.pop() || null
 
             while (isTrailingComment(textToMeasure, lineNumber, comment)) {
               textToMeasure = stripTrailingComment(textToMeasure, comment)
@@ -527,19 +544,18 @@ module.exports = {
     // Public API
     // --------------------------------------------------------------------------
 
-    const bodyVisitor = utils.defineTemplateBodyVisitor(context, {
-      'VAttribute[directive=false] > VLiteral'(node) {
-        htmlAttributeValues.push(node)
-      }
-    })
-
-    return Object.assign({}, bodyVisitor, {
-      'Program:exit'(node) {
-        if (bodyVisitor['Program:exit']) {
-          bodyVisitor['Program:exit'](node)
+    return utils.compositingVisitors(
+      utils.defineTemplateBodyVisitor(context, {
+        /** @param {VLiteral} node */
+        'VAttribute[directive=false] > VLiteral'(node) {
+          htmlAttributeValues.push(node)
+        }
+      }),
+      {
+        'Program:exit'(node) {
+          checkProgramForMaxLength(node)
         }
-        checkProgramForMaxLength(node)
       }
-    })
+    )
   }
 }
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index b2332ae5d..49a675c4b 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -16,10 +16,16 @@ const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 // Helpers
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {VElement & { endTag: VEndTag }} element
+ */
 function isMultilineElement(element) {
   return element.loc.start.line < element.endTag.loc.start.line
 }
 
+/**
+ * @param {any} options
+ */
 function parseOptions(options) {
   return Object.assign(
     {
@@ -31,6 +37,9 @@ function parseOptions(options) {
   )
 }
 
+/**
+ * @param {number} lineBreaks
+ */
 function getPhrase(lineBreaks) {
   switch (lineBreaks) {
     case 0:
@@ -42,7 +51,7 @@ function getPhrase(lineBreaks) {
 /**
  * Check whether the given element is empty or not.
  * This ignores whitespaces, doesn't ignore comments.
- * @param {VElement} node The element node to check.
+ * @param {VElement & { endTag: VEndTag }} node The element node to check.
  * @param {SourceCode} sourceCode The source code object of the current context.
  * @returns {boolean} `true` if the element is empty.
  */
@@ -94,7 +103,7 @@ module.exports = {
         'Expected 1 line break before closing tag (`</{{name}}>`), but {{actual}} line breaks found.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = parseOptions(context.options[0])
     const ignores = options.ignores
@@ -105,8 +114,12 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore()
     const sourceCode = context.getSourceCode()
 
-    let inIgnoreElement
+    /** @type {VElement | null} */
+    let inIgnoreElement = null
 
+    /**
+     * @param {VElement} node
+     */
     function isIgnoredElement(node) {
       return (
         ignores.includes(node.name) ||
@@ -115,6 +128,9 @@ module.exports = {
       )
     }
 
+    /**
+     * @param {number} lineBreaks
+     */
     function isInvalidLineBreaks(lineBreaks) {
       if (allowEmptyLines) {
         return lineBreaks === 0
@@ -138,73 +154,83 @@ module.exports = {
           return
         }
 
-        if (!isMultilineElement(node)) {
+        const element = /** @type {VElement & { endTag: VEndTag }} */ (node)
+
+        if (!isMultilineElement(element)) {
           return
         }
 
+        /**
+         * @type {SourceCode.CursorWithCountOptions}
+         */
         const getTokenOption = {
           includeComments: true,
           filter: (token) => token.type !== 'HTMLWhitespace'
         }
         if (
           ignoreWhenEmpty &&
-          node.children.length === 0 &&
+          element.children.length === 0 &&
           template.getFirstTokensBetween(
-            node.startTag,
-            node.endTag,
+            element.startTag,
+            element.endTag,
             getTokenOption
           ).length === 0
         ) {
           return
         }
 
-        const contentFirst = template.getTokenAfter(
-          node.startTag,
+        const contentFirst = /** @type {Token} */ (template.getTokenAfter(
+          element.startTag,
+          getTokenOption
+        ))
+        const contentLast = /** @type {Token} */ (template.getTokenBefore(
+          element.endTag,
           getTokenOption
-        )
-        const contentLast = template.getTokenBefore(node.endTag, getTokenOption)
+        ))
 
         const beforeLineBreaks =
-          contentFirst.loc.start.line - node.startTag.loc.end.line
+          contentFirst.loc.start.line - element.startTag.loc.end.line
         const afterLineBreaks =
-          node.endTag.loc.start.line - contentLast.loc.end.line
+          element.endTag.loc.start.line - contentLast.loc.end.line
         if (isInvalidLineBreaks(beforeLineBreaks)) {
           context.report({
-            node: template.getLastToken(node.startTag),
+            node: template.getLastToken(element.startTag),
             loc: {
-              start: node.startTag.loc.end,
+              start: element.startTag.loc.end,
               end: contentFirst.loc.start
             },
             messageId: 'unexpectedAfterClosingBracket',
             data: {
-              name: node.rawName,
+              name: element.rawName,
               actual: getPhrase(beforeLineBreaks)
             },
             fix(fixer) {
-              const range = [node.startTag.range[1], contentFirst.range[0]]
+              /** @type {Range} */
+              const range = [element.startTag.range[1], contentFirst.range[0]]
               return fixer.replaceTextRange(range, '\n')
             }
           })
         }
 
-        if (isEmpty(node, sourceCode)) {
+        if (isEmpty(element, sourceCode)) {
           return
         }
 
         if (isInvalidLineBreaks(afterLineBreaks)) {
           context.report({
-            node: template.getFirstToken(node.endTag),
+            node: template.getFirstToken(element.endTag),
             loc: {
               start: contentLast.loc.end,
-              end: node.endTag.loc.start
+              end: element.endTag.loc.start
             },
             messageId: 'unexpectedBeforeOpeningBracket',
             data: {
-              name: node.name,
+              name: element.name,
               actual: getPhrase(afterLineBreaks)
             },
             fix(fixer) {
-              const range = [contentLast.range[1], node.endTag.range[0]]
+              /** @type {Range} */
+              const range = [contentLast.range[1], element.endTag.range[0]]
               return fixer.replaceTextRange(range, '\n')
             }
           })
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index 83fb7886c..8522c8ad9 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -29,7 +29,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || 'always'
     const template =
@@ -41,6 +41,7 @@ module.exports = {
     // ----------------------------------------------------------------------
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VExpressionContainer} node */
       'VExpressionContainer[expression!=null]'(node) {
         const openBrace = template.getFirstToken(node)
         const closeBrace = template.getLastToken(node)
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index 6e5a52190..d86435a95 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -30,7 +30,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0]
     const caseType =
@@ -41,28 +41,28 @@ module.exports = {
     // ----------------------------------------------------------------------
 
     return utils.executeOnVue(context, (obj) => {
-      const node = obj.properties.find(
-        (item) =>
-          item.type === 'Property' &&
-          item.key.name === 'name' &&
-          item.value.type === 'Literal'
-      )
+      const node = utils.findProperty(obj, 'name')
 
       if (!node) return
+      const valueNode = node.value
+      if (valueNode.type !== 'Literal') return
 
-      if (!casing.getChecker(caseType)(node.value.value)) {
-        const value = casing.getExactConverter(caseType)(node.value.value)
+      if (!casing.getChecker(caseType)(`${valueNode.value}`)) {
+        const value = casing.getExactConverter(caseType)(`${valueNode.value}`)
         context.report({
-          node: node.value,
+          node: valueNode,
           message: 'Property name "{{value}}" is not {{caseType}}.',
           data: {
-            value: node.value.value,
+            value: `${valueNode.value}`,
             caseType
           },
           fix: (fixer) =>
             fixer.replaceText(
-              node.value,
-              node.value.raw.replace(node.value.value, value)
+              valueNode,
+              context
+                .getSourceCode()
+                .getText(valueNode)
+                .replace(`${valueNode.value}`, value)
             )
         })
       }
diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
index 2fce3f87f..77bb6787e 100644
--- a/lib/rules/no-arrow-functions-in-watch.js
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -16,11 +16,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
+  /** @param {RuleContext} context */
   create(context) {
     return utils.executeOnVue(context, (obj) => {
-      const watchNode = obj.properties.find(
-        (property) => utils.getStaticPropertyName(property) === 'watch'
-      )
+      const watchNode = utils.findProperty(obj, 'watch')
       if (watchNode == null) {
         return
       }
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 34849d1c6..e3080d7d5 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -6,6 +6,11 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').VueObjectData} VueObjectData
+ * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
+ */
+
 const PROMISE_FUNCTIONS = ['then', 'catch', 'finally']
 
 const PROMISE_METHODS = ['all', 'race', 'reject', 'resolve']
@@ -17,6 +22,9 @@ const TIMED_FUNCTIONS = [
   'requestAnimationFrame'
 ]
 
+/**
+ * @param {CallExpression} node
+ */
 function isTimedFunction(node) {
   return (
     ((node.type === 'CallExpression' &&
@@ -26,11 +34,15 @@ function isTimedFunction(node) {
         node.callee.type === 'MemberExpression' &&
         node.callee.object.type === 'Identifier' &&
         node.callee.object.name === 'window' &&
+        node.callee.property.type === 'Identifier' &&
         TIMED_FUNCTIONS.indexOf(node.callee.property.name) !== -1)) &&
     node.arguments.length
   )
 }
 
+/**
+ * @param {CallExpression} node
+ */
 function isPromise(node) {
   if (
     node.type === 'CallExpression' &&
@@ -42,6 +54,7 @@ function isPromise(node) {
         PROMISE_FUNCTIONS.indexOf(node.callee.property.name) !== -1) || // Promise.PROMISE_METHOD()
       (node.callee.object.type === 'Identifier' &&
         node.callee.object.name === 'Promise' &&
+        node.callee.property.type === 'Identifier' &&
         PROMISE_METHODS.indexOf(node.callee.property.name) !== -1)
     )
   }
@@ -63,10 +76,17 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {BlockStatement | Expression} body
+     */
+    /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
-    let scopeStack = { upper: null, body: null }
+    /** @type {ScopeStack} */
+    let scopeStack
 
     const expressionTypes = {
       promise: 'asynchronous action',
@@ -76,6 +96,10 @@ module.exports = {
       timed: 'timed function'
     }
 
+    /**
+     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     * @param {VueObjectData} data
+     */
     function onFunctionEnter(node, { node: vueNode }) {
       if (node.async) {
         verify(node, node.body, 'async', computedPropertiesMap.get(vueNode))
@@ -88,7 +112,13 @@ module.exports = {
       scopeStack = scopeStack.upper
     }
 
-    function verify(node, targetBody, type, computedProperties) {
+    /**
+     * @param {ESNode} node
+     * @param {BlockStatement | Expression} targetBody
+     * @param {keyof expressionTypes} type
+     * @param {ComponentComputedProperty[]} computedProperties
+     */
+    function verify(node, targetBody, type, computedProperties = []) {
       computedProperties.forEach((cp) => {
         if (
           cp.value &&
@@ -102,7 +132,7 @@ module.exports = {
               'Unexpected {{expressionName}} in "{{propertyName}}" computed property.',
             data: {
               expressionName: expressionTypes[type],
-              propertyName: cp.key
+              propertyName: cp.key || 'unknown'
             }
           })
         }
@@ -116,7 +146,10 @@ module.exports = {
       ':function:exit': onFunctionExit,
 
       NewExpression(node, { node: vueNode }) {
-        if (node.callee.name === 'Promise') {
+        if (
+          node.callee.type === 'Identifier' &&
+          node.callee.name === 'Promise'
+        ) {
           verify(
             node,
             scopeStack.body,
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index 8fea1625c..d0426e3a5 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -12,18 +12,8 @@ const utils = require('../utils')
 const regexp = require('../utils/regexp')
 const casing = require('../utils/casing')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.VAttribute} VAttribute
- * @typedef {import('vue-eslint-parser').AST.VDirective} VDirective
- * @typedef {import('vue-eslint-parser').AST.VElement} VElement
- * @typedef {import('vue-eslint-parser').AST.VIdentifier} VIdentifier
- * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
- * @typedef {import('vue-eslint-parser').AST.VText} VText
- */
-
 /**
  * @typedef { { names: { [tagName in string]: Set<string> }, regexps: { name: RegExp, attrs: Set<string> }[], cache: { [tagName in string]: Set<string> } } } TargetAttrs
- * @typedef { { upper: ElementStack, name: string, attrs: Set<string> } } ElementStack
  */
 
 // ------------------------------------------------------------------------------
@@ -82,6 +72,7 @@ const DEFAULT_DIRECTIVES = ['v-text']
 
 /**
  * Parse attributes option
+ * @param {any} options
  * @returns {TargetAttrs}
  */
 function parseTargetAttrs(options) {
@@ -104,7 +95,7 @@ function parseTargetAttrs(options) {
 
 /**
  * Get a string from given expression container node
- * @param {VExpressionContainer} node
+ * @param {VExpressionContainer} value
  * @returns { string | null }
  */
 function getStringValue(value) {
@@ -166,8 +157,13 @@ module.exports = {
       unexpectedInAttr: 'Unexpected non-translated string used in `{{attr}}`.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
+    /**
+     * @typedef { { upper: ElementStack, name: string, attrs: Set<string> } } ElementStack
+     */
     const opts = context.options[0] || {}
+    /** @type {string[]} */
     const whitelist = opts.whitelist || DEFAULT_WHITELIST
     const attributes = parseTargetAttrs(opts.attributes || DEFAULT_ATTRIBUTES)
     const directives = opts.directives || DEFAULT_DIRECTIVES
@@ -177,8 +173,8 @@ module.exports = {
       'gu'
     )
 
-    /** @type {ElementStack | null} */
-    let elementStack = null
+    /** @type {ElementStack} */
+    let elementStack
     /**
      * Gets the bare string from given string
      * @param {string} str
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 1f1e192df..e278e3011 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -6,10 +6,18 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {Property | SpreadElement} prop
+ */
 function isBooleanProp(prop) {
   return (
     prop.type === 'Property' &&
@@ -20,23 +28,32 @@ function isBooleanProp(prop) {
   )
 }
 
+/**
+ * @typedef {ComponentObjectProp & { value : ObjectExpression }} ObjectExpressionProp
+ */
+
+/**
+ * @param {(ComponentArrayProp | ComponentObjectProp)[]} props
+ * @returns {ObjectExpressionProp[]}
+ */
 function getBooleanProps(props) {
   return props.filter(
+    /**
+     * @param {ComponentArrayProp | ComponentObjectProp} prop
+     * @returns {prop is ObjectExpressionProp}
+     */
     (prop) =>
-      prop.value &&
-      prop.value.properties &&
-      prop.value.properties.find(isBooleanProp)
+      prop.value != null &&
+      prop.value.type === 'ObjectExpression' &&
+      prop.value.properties.some(isBooleanProp)
   )
 }
 
+/**
+ * @param {ObjectExpressionProp} propDef
+ */
 function getDefaultNode(propDef) {
-  return propDef.value.properties.find((p) => {
-    return (
-      p.type === 'Property' &&
-      p.key.type === 'Identifier' &&
-      p.key.name === 'default'
-    )
-  })
+  return utils.findProperty(propDef.value, 'default')
 }
 
 module.exports = {
@@ -54,7 +71,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.executeOnVueComponent(context, (obj) => {
       const props = utils.getComponentProps(obj)
@@ -66,20 +83,24 @@ module.exports = {
 
       booleanProps.forEach((propDef) => {
         const defaultNode = getDefaultNode(propDef)
+        if (!defaultNode) {
+          return
+        }
 
         switch (booleanType) {
           case 'no-default':
-            if (defaultNode) {
-              context.report({
-                node: defaultNode,
-                message:
-                  'Boolean prop should not set a default (Vue defaults it to false).'
-              })
-            }
+            context.report({
+              node: defaultNode,
+              message:
+                'Boolean prop should not set a default (Vue defaults it to false).'
+            })
             break
 
           case 'default-false':
-            if (defaultNode && defaultNode.value.value !== false) {
+            if (
+              defaultNode.value.type !== 'Literal' ||
+              defaultNode.value.value !== false
+            ) {
               context.report({
                 node: defaultNode,
                 message: 'Boolean prop should only be defaulted to false.'
diff --git a/lib/rules/no-confusing-v-for-v-if.js b/lib/rules/no-confusing-v-for-v-if.js
index 43951a090..4135f163a 100644
--- a/lib/rules/no-confusing-v-for-v-if.js
+++ b/lib/rules/no-confusing-v-for-v-if.js
@@ -17,16 +17,19 @@ const utils = require('../utils')
 
 /**
  * Check whether the given `v-if` node is using the variable which is defined by the `v-for` directive.
- * @param {ASTNode} vIf The `v-if` attribute node to check.
+ * @param {VDirective} vIf The `v-if` attribute node to check.
  * @returns {boolean} `true` if the `v-if` is using the variable which is defined by the `v-for` directive.
  */
 function isUsingIterationVar(vIf) {
   const element = vIf.parent.parent
-  return vIf.value.references.some((reference) =>
-    element.variables.some(
-      (variable) =>
-        variable.id.name === reference.id.name && variable.kind === 'v-for'
-    )
+  return Boolean(
+    vIf.value &&
+      vIf.value.references.some((reference) =>
+        element.variables.some(
+          (variable) =>
+            variable.id.name === reference.id.name && variable.kind === 'v-for'
+        )
+      )
   )
 }
 
@@ -47,7 +50,7 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       "VAttribute[directive=true][key.name.name='if']"(node) {
diff --git a/lib/rules/no-custom-modifiers-on-v-model.js b/lib/rules/no-custom-modifiers-on-v-model.js
index ea80fb7a6..6670be1da 100644
--- a/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/lib/rules/no-custom-modifiers-on-v-model.js
@@ -35,6 +35,7 @@ module.exports = {
         "'v-model' directives don't support the modifier '{{name}}'."
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       "VAttribute[directive=true][key.name.name='model']"(node) {
diff --git a/lib/rules/no-deprecated-data-object-declaration.js b/lib/rules/no-deprecated-data-object-declaration.js
index 02422c7e5..37d280ef6 100644
--- a/lib/rules/no-deprecated-data-object-declaration.js
+++ b/lib/rules/no-deprecated-data-object-declaration.js
@@ -10,14 +10,20 @@
 
 const utils = require('../utils')
 
+/** @param {Token} token */
 function isOpenParen(token) {
   return token.type === 'Punctuator' && token.value === '('
 }
 
+/** @param {Token} token */
 function isCloseParen(token) {
   return token.type === 'Punctuator' && token.value === ')'
 }
 
+/**
+ * @param {Expression} node
+ * @param {SourceCode} sourceCode
+ */
 function getFirstAndLastTokens(node, sourceCode) {
   let first = sourceCode.getFirstToken(node)
   let last = sourceCode.getLastToken(node)
@@ -56,35 +62,34 @@ module.exports = {
         "Object declaration on 'data' property is deprecated. Using function declaration instead."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.executeOnVue(context, (obj) => {
-      obj.properties
-        .filter(
-          (p) =>
-            p.type === 'Property' &&
-            p.key.type === 'Identifier' &&
-            p.key.name === 'data' &&
-            p.value.type !== 'FunctionExpression' &&
-            p.value.type !== 'ArrowFunctionExpression' &&
-            p.value.type !== 'Identifier'
-        )
-        .forEach((p) => {
-          context.report({
-            node: p,
-            messageId: 'objectDeclarationIsDeprecated',
-            fix(fixer) {
-              const tokens = getFirstAndLastTokens(p.value, sourceCode)
+      const invalidData = utils.findProperty(
+        obj,
+        'data',
+        (p) =>
+          p.value.type !== 'FunctionExpression' &&
+          p.value.type !== 'ArrowFunctionExpression' &&
+          p.value.type !== 'Identifier'
+      )
+
+      if (invalidData) {
+        context.report({
+          node: invalidData,
+          messageId: 'objectDeclarationIsDeprecated',
+          fix(fixer) {
+            const tokens = getFirstAndLastTokens(invalidData.value, sourceCode)
 
-              return [
-                fixer.insertTextBefore(tokens.first, 'function() {\nreturn '),
-                fixer.insertTextAfter(tokens.last, ';\n}')
-              ]
-            }
-          })
+            return [
+              fixer.insertTextBefore(tokens.first, 'function() {\nreturn '),
+              fixer.insertTextAfter(tokens.last, ';\n}')
+            ]
+          }
         })
+      }
     })
   }
 }
diff --git a/lib/rules/no-deprecated-dollar-listeners-api.js b/lib/rules/no-deprecated-dollar-listeners-api.js
index 7c60cbbe5..97d98359c 100644
--- a/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -29,7 +29,7 @@ module.exports = {
       deprecated: 'The `$listeners` is deprecated.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(
       context,
diff --git a/lib/rules/no-deprecated-dollar-scopedslots-api.js b/lib/rules/no-deprecated-dollar-scopedslots-api.js
index f369c70ff..bdfa0f844 100644
--- a/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -30,7 +30,7 @@ module.exports = {
       deprecated: 'The `$scopedSlots` is deprecated.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(
       context,
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index 05d50bac1..a09f36bf0 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -29,9 +29,10 @@ module.exports = {
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineVueVisitor(context, {
+      /** @param {MemberExpression & {parent: CallExpression}} node */
       'CallExpression > MemberExpression'(node) {
         const call = node.parent
         if (
diff --git a/lib/rules/no-deprecated-filter.js b/lib/rules/no-deprecated-filter.js
index 0229d6e2e..87b61a5b3 100644
--- a/lib/rules/no-deprecated-filter.js
+++ b/lib/rules/no-deprecated-filter.js
@@ -29,7 +29,7 @@ module.exports = {
       noDeprecatedFilter: 'Filters are deprecated.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       VFilterSequenceExpression(node) {
diff --git a/lib/rules/no-deprecated-functional-template.js b/lib/rules/no-deprecated-functional-template.js
index cfaa8d957..e489841b0 100644
--- a/lib/rules/no-deprecated-functional-template.js
+++ b/lib/rules/no-deprecated-functional-template.js
@@ -30,7 +30,10 @@ module.exports = {
       unexpected: 'The `functional` template are deprecated.'
     }
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     return {
       Program(program) {
diff --git a/lib/rules/no-deprecated-html-element-is.js b/lib/rules/no-deprecated-html-element-is.js
index d62c3b479..e07f493a5 100644
--- a/lib/rules/no-deprecated-html-element-is.js
+++ b/lib/rules/no-deprecated-html-element-is.js
@@ -29,9 +29,10 @@ module.exports = {
       unexpected: 'The `is` attribute on HTML element are deprecated.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective | VAttribute} node */
       "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=false][key.name='is']"(
         node
       ) {
diff --git a/lib/rules/no-deprecated-inline-template.js b/lib/rules/no-deprecated-inline-template.js
index 69bdfda46..647121638 100644
--- a/lib/rules/no-deprecated-inline-template.js
+++ b/lib/rules/no-deprecated-inline-template.js
@@ -29,9 +29,10 @@ module.exports = {
       unexpected: '`inline-template` are deprecated.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VIdentifier} node */
       "VAttribute[directive=false] > VIdentifier[rawName='inline-template']"(
         node
       ) {
diff --git a/lib/rules/no-deprecated-scope-attribute.js b/lib/rules/no-deprecated-scope-attribute.js
index 24ef41042..e7e22c3d3 100644
--- a/lib/rules/no-deprecated-scope-attribute.js
+++ b/lib/rules/no-deprecated-scope-attribute.js
@@ -21,6 +21,7 @@ module.exports = {
       forbiddenScopeAttribute: '`scope` attributes are deprecated.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     const templateBodyVisitor = scopeAttribute.createTemplateBodyVisitor(
       context
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index c7174c12a..6459cdff4 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -21,6 +21,7 @@ module.exports = {
       forbiddenSlotAttribute: '`slot` attributes are deprecated.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     const templateBodyVisitor = slotAttribute.createTemplateBodyVisitor(context)
     return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
diff --git a/lib/rules/no-deprecated-slot-scope-attribute.js b/lib/rules/no-deprecated-slot-scope-attribute.js
index 1356016ed..793b1ed6d 100644
--- a/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -23,6 +23,7 @@ module.exports = {
       forbiddenSlotScopeAttribute: '`slot-scope` are deprecated.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     const templateBodyVisitor = slotScopeAttribute.createTemplateBodyVisitor(
       context,
diff --git a/lib/rules/no-deprecated-v-bind-sync.js b/lib/rules/no-deprecated-v-bind-sync.js
index b84ebf4de..97dfe51bd 100644
--- a/lib/rules/no-deprecated-v-bind-sync.js
+++ b/lib/rules/no-deprecated-v-bind-sync.js
@@ -30,6 +30,7 @@ module.exports = {
         "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       "VAttribute[directive=true][key.name.name='bind']"(node) {
@@ -39,10 +40,13 @@ module.exports = {
             loc: node.loc,
             messageId: 'syncModifierIsDeprecated',
             fix: (fixer) => {
-              const isUsingSpreadSyntax = node.key.argument == null
-              const hasMultipleModifiers = node.key.modifiers.length > 1
-              if (isUsingSpreadSyntax || hasMultipleModifiers) {
-                return
+              if (node.key.argument == null) {
+                // is using spread syntax
+                return null
+              }
+              if (node.key.modifiers.length > 1) {
+                // has multiple modifiers
+                return null
               }
 
               const bindArgument = context
diff --git a/lib/rules/no-deprecated-v-on-native-modifier.js b/lib/rules/no-deprecated-v-on-native-modifier.js
index 16f1987c5..4f60210b0 100644
--- a/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -30,9 +30,10 @@ module.exports = {
       deprecated: "'.native' modifier on 'v-on' directive is deprecated."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VIdentifier & {parent:VDirectiveKey} } node */
       "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey > VIdentifier[name='native']"(
         node
       ) {
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index bf1fb88bd..544c1ee9f 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -32,9 +32,10 @@ module.exports = {
         "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirectiveKey} node */
       "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey"(node) {
         const modifier = node.modifiers.find((mod) =>
           Number.isInteger(parseInt(mod.name, 10))
@@ -48,7 +49,7 @@ module.exports = {
             messageId: 'numberModifierIsDeprecated',
             fix: (fixer) => {
               const key = keyCodeToKey[keyCodes]
-              if (!key) return
+              if (!key) return null
 
               return fixer.replaceText(modifier, `${key}`)
             }
diff --git a/lib/rules/no-deprecated-vue-config-keycodes.js b/lib/rules/no-deprecated-vue-config-keycodes.js
index 0de109ef1..b30db3fed 100644
--- a/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -24,9 +24,10 @@ module.exports = {
       unexpected: '`Vue.config.keyCodes` are deprecated.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return {
+      /** @param {MemberExpression} node */
       "MemberExpression[property.type='Identifier'][property.name='keyCodes']"(
         node
       ) {
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index dfbebdedf..8b5e8e54c 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -6,10 +6,14 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').GroupName} GroupName
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
-
+/** @type {GroupName[]} */
 const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
 module.exports = {
@@ -33,7 +37,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const groups = new Set(GROUP_NAMES.concat(options.groups || []))
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index 78e00b326..08426c352 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -25,23 +25,21 @@ module.exports = {
       // fill in your schema
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
+    /** @type {string | number | boolean | RegExp | BigInt | null} */
     let inheritsAttrs = true
 
     return Object.assign(
       utils.executeOnVue(context, (node) => {
-        const inheritAttrsProp = node.properties.find(
-          (prop) =>
-            prop.type === 'Property' &&
-            utils.getStaticPropertyName(prop) === 'inheritAttrs'
-        )
+        const inheritAttrsProp = utils.findProperty(node, 'inheritAttrs')
 
         if (inheritAttrsProp && inheritAttrsProp.value.type === 'Literal') {
           inheritsAttrs = inheritAttrsProp.value.value
         }
       }),
       utils.defineTemplateBodyVisitor(context, {
+        /** @param {VExpressionContainer} node */
         "VAttribute[directive=true][key.name.name='bind'][key.argument=null] > VExpressionContainer"(
           node
         ) {
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index 023dacf42..83cc52d83 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -17,15 +17,20 @@ const utils = require('../utils')
 
 /**
  * Get the name of the given attribute node.
- * @param {ASTNode} attribute The attribute node to get.
- * @returns {string} The name of the attribute.
+ * @param {VAttribute | VDirective} attribute The attribute node to get.
+ * @returns {string | null} The name of the attribute.
  */
 function getName(attribute) {
   if (!attribute.directive) {
     return attribute.key.name
   }
   if (attribute.key.name.name === 'bind') {
-    return (attribute.key.argument && attribute.key.argument.name) || null
+    return (
+      (attribute.key.argument &&
+        attribute.key.argument.type === 'VIdentifier' &&
+        attribute.key.argument.name) ||
+      null
+    )
   }
   return null
 }
@@ -58,15 +63,21 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const allowCoexistStyle = options.allowCoexistStyle !== false
     const allowCoexistClass = options.allowCoexistClass !== false
 
+    /** @type {Set<string>} */
     const directiveNames = new Set()
+    /** @type {Set<string>} */
     const attributeNames = new Set()
 
+    /**
+     * @param {string} name
+     * @param {boolean} isDirective
+     */
     function isDuplicate(name, isDirective) {
       if (
         (allowCoexistStyle && name === 'style') ||
diff --git a/lib/rules/no-empty-pattern.js b/lib/rules/no-empty-pattern.js
index daa5b1c26..2d8223876 100644
--- a/lib/rules/no-empty-pattern.js
+++ b/lib/rules/no-empty-pattern.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/no-empty-pattern'))
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 4cc865a5b..3e04f193e 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -12,13 +12,6 @@ module.exports = wrapCoreRule(require('eslint/lib/rules/no-extra-parens'), {
   create: createForVueSyntax
 })
 
-/**
- * @typedef {import('vue-eslint-parser').AST.Token} Token
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
- * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
- * @typedef {import('vue-eslint-parser').AST.VFilterSequenceExpression} VFilterSequenceExpression
- */
-
 /**
  * Check whether the given token is a left parenthesis.
  * @param {Token} token The token to check.
@@ -75,8 +68,8 @@ function isRightBracket(token) {
 
 /**
  * Determines if a given expression node is an IIFE
- * @param {ASTNode} node The node to check
- * @returns {boolean} `true` if the given node is an IIFE
+ * @param {Expression} node The node to check
+ * @returns {node is CallExpression & { callee: FunctionExpression } } `true` if the given node is an IIFE
  */
 function isIIFE(node) {
   return (
@@ -84,14 +77,19 @@ function isIIFE(node) {
   )
 }
 
+/**
+ * @param {RuleContext} context - The rule context.
+ * @returns {TemplateListener} AST event handlers.
+ */
 function createForVueSyntax(context) {
-  const tokenStore =
-    context.parserServices.getTemplateBodyTokenStore &&
-    context.parserServices.getTemplateBodyTokenStore()
+  if (!context.parserServices.getTemplateBodyTokenStore) {
+    return {}
+  }
+  const tokenStore = context.parserServices.getTemplateBodyTokenStore()
 
   /**
    * Checks if the given node turns into a filter when unwraped.
-   * @param {Expression} node node to evaluate
+   * @param {Expression} expression node to evaluate
    * @returns {boolean} `true` if the given node turns into a filter when unwraped.
    */
   function isUnwrapChangeToFilter(expression) {
@@ -118,17 +116,17 @@ function createForVueSyntax(context) {
     return false
   }
   /**
-   * @param {VExpressionContainer} node
+   * @param {VExpressionContainer & { expression: Expression | VFilterSequenceExpression | null }} node
    */
   function verify(node) {
-    let expression = node.expression
-    if (!expression) {
+    if (!node.expression) {
       return
     }
 
-    if (expression.type === 'VFilterSequenceExpression') {
-      expression = expression.expression
-    }
+    const expression =
+      node.expression.type === 'VFilterSequenceExpression'
+        ? node.expression.expression
+        : node.expression
 
     if (!isParenthesized(expression, tokenStore)) {
       return
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index babd2d6e1..7c05083b3 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -71,9 +71,13 @@ module.exports = {
       disallow: 'Irregular whitespace not allowed.'
     }
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     // Module store of error indexes that we have found
+    /** @type {number[]} */
     let errorIndexes = []
 
     // Lookup the `skipComments` option, which defaults to `false`.
@@ -89,7 +93,7 @@ module.exports = {
 
     /**
      * Removes errors that occur inside a string node
-     * @param {ASTNode} node to check for matching errors.
+     * @param {ASTNode | Token} node to check for matching errors.
      * @returns {void}
      * @private
      */
@@ -103,7 +107,7 @@ module.exports = {
 
     /**
      * Checks literal nodes for errors that we are choosing to ignore and calls the relevant methods to remove the errors
-     * @param {ASTNode} node to check for matching errors.
+     * @param {Literal} node to check for matching errors.
      * @returns {void}
      * @private
      */
@@ -113,7 +117,7 @@ module.exports = {
 
       if (shouldCheckStrings || shouldCheckRegExps) {
         // If we have irregular characters remove them from the errors list
-        if (ALL_IRREGULARS.test(node.raw)) {
+        if (ALL_IRREGULARS.test(sourceCode.getText(node))) {
           removeWhitespaceError(node)
         }
       }
@@ -121,7 +125,7 @@ module.exports = {
 
     /**
      * Checks template string literal nodes for errors that we are choosing to ignore and calls the relevant methods to remove the errors
-     * @param {ASTNode} node to check for matching errors.
+     * @param {TemplateElement} node to check for matching errors.
      * @returns {void}
      * @private
      */
@@ -133,7 +137,7 @@ module.exports = {
 
     /**
      * Checks HTML attribute value nodes for errors that we are choosing to ignore and calls the relevant methods to remove the errors
-     * @param {ASTNode} node to check for matching errors.
+     * @param {VLiteral} node to check for matching errors.
      * @returns {void}
      * @private
      */
@@ -145,7 +149,7 @@ module.exports = {
 
     /**
      * Checks HTML text content nodes for errors that we are choosing to ignore and calls the relevant methods to remove the errors
-     * @param {ASTNode} node to check for matching errors.
+     * @param {VText} node to check for matching errors.
      * @returns {void}
      * @private
      */
@@ -157,7 +161,7 @@ module.exports = {
 
     /**
      * Checks comment nodes for errors that we are choosing to ignore and calls the relevant methods to remove the errors
-     * @param {ASTNode} node to check for matching errors.
+     * @param {Comment | HTMLComment | HTMLBogusComment} node to check for matching errors.
      * @returns {void}
      * @private
      */
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index cafcde97c..2b5304c9b 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -6,6 +6,10 @@
 const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
+/**
+ * @typedef {import('eslint-utils').TYPES.TraceMap} TraceMap
+ */
+
 const LIFECYCLE_HOOKS = [
   'onBeforeMount',
   'onBeforeUnmount',
@@ -34,17 +38,32 @@ module.exports = {
       forbidden: 'The lifecycle hooks after `await` expression are forbidden.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
+    /**
+     * @typedef {object} SetupFunctionData
+     * @property {Property} setupProperty
+     * @property {boolean} afterAwait
+     */
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} functionNode
+     */
+    /** @type {Set<ESNode>} */
     const lifecycleHookCallNodes = new Set()
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, SetupFunctionData>} */
     const setupFunctions = new Map()
 
-    let scopeStack = { upper: null, functionNode: null }
+    /** @type {ScopeStack} */
+    let scopeStack
 
     return Object.assign(
       {
         Program() {
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
+            /** @type {TraceMap} */
             vue: {
               [ReferenceTracker.ESM]: true
             }
@@ -71,14 +90,18 @@ module.exports = {
           })
         },
         AwaitExpression() {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          const setupFunctionData = setupFunctions.get(
+            scopeStack && scopeStack.functionNode
+          )
           if (!setupFunctionData) {
             return
           }
           setupFunctionData.afterAwait = true
         },
         CallExpression(node) {
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          const setupFunctionData = setupFunctions.get(
+            scopeStack && scopeStack.functionNode
+          )
           if (!setupFunctionData || !setupFunctionData.afterAwait) {
             return
           }
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index 3c79ee7d0..ef1fee678 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -8,6 +8,10 @@
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {RuleContext} context
+ * @param {Token} node
+ */
 const isProperty = (context, node) => {
   const sourceCode = context.getSourceCode()
   return node.type === 'Punctuator' && sourceCode.getText(node) === ':'
@@ -37,7 +41,7 @@ module.exports = {
 
   /**
    * @param {RuleContext} context - The rule context.
-   * @returns {Object} AST event handlers.
+   * @returns {RuleListener} AST event handlers.
    */
   create(context) {
     const options = context.options[0] || {}
@@ -62,7 +66,7 @@ module.exports = {
           includeComments: true
         })
 
-        let prevToken = tokens.shift()
+        let prevToken = /** @type {Token} */ (tokens.shift())
         for (const token of tokens) {
           const spaces = token.range[0] - prevToken.range[1]
           const shouldIgnore =
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index e8bcae96c..f98e058ec 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -11,11 +11,6 @@
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
- */
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -35,7 +30,7 @@ module.exports = {
       unexpectedSpread: 'Unexpected spread argument.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /**
      * Verify the given node
@@ -88,7 +83,6 @@ module.exports = {
      * @param {Identifier} node The node to verify
      */
     function verifyReferences(node) {
-      // @ts-ignore
       const variable = findVariable(context.getScope(), node)
       if (!variable) {
         return
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index 4fd0df0eb..1bbad01ca 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -25,7 +25,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     const sourceCode = context.getSourceCode()
 
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 4498fc9f5..b8eeb17e4 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -7,18 +7,6 @@
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
- * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
- * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectPattern} ObjectPattern
- * @typedef {import('vue-eslint-parser').AST.ESLintArrayPattern} ArrayPattern
- * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
- * @typedef {import('vue-eslint-parser').AST.Node} Node
- */
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -36,7 +24,7 @@ module.exports = {
       // fill in your schema
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /** @type {Map<ObjectExpression, Set<string>>} */
     const propsMap = new Map()
@@ -44,7 +32,7 @@ module.exports = {
     let vueObjectData = null
 
     /**
-     * @param {Node} node
+     * @param {ASTNode} node
      * @param {string} name
      */
     function report(node, name) {
@@ -58,18 +46,18 @@ module.exports = {
     }
 
     /**
-     * @param {Node} node
+     * @param {ASTNode} node
      * @returns {VExpressionContainer}
      */
     function getVExpressionContainer(node) {
       let n = node
       while (n.type !== 'VExpressionContainer') {
-        n = n.parent
+        n = /** @type {ASTNode} */ (n.parent)
       }
       return n
     }
     /**
-     * @param {MemberExpression|Property} node
+     * @param {MemberExpression|AssignmentProperty} node
      * @returns {string}
      */
     function getPropertyNameText(node) {
@@ -85,7 +73,7 @@ module.exports = {
       return '?unknown?'
     }
     /**
-     * @param {Node} node
+     * @param {ASTNode} node
      * @returns {node is Identifier}
      */
     function isVmReference(node) {
@@ -171,11 +159,19 @@ module.exports = {
         onVueObjectEnter(node) {
           propsMap.set(
             node,
-            new Set(utils.getComponentProps(node).map((p) => p.propName))
+            new Set(
+              utils
+                .getComponentProps(node)
+                .map((p) => p.propName)
+                .filter(utils.isDef)
+            )
           )
         },
         onVueObjectExit(node, { type }) {
-          if (!vueObjectData || vueObjectData.type !== 'export') {
+          if (
+            (!vueObjectData || vueObjectData.type !== 'export') &&
+            type !== 'instance'
+          ) {
             vueObjectData = {
               type,
               object: node
@@ -183,7 +179,6 @@ module.exports = {
           }
         },
         onSetupFunctionEnter(node) {
-          /** @type {Pattern} */
           const propsParam = node.params[0]
           if (!propsParam) {
             // no arguments
@@ -200,7 +195,6 @@ module.exports = {
             propsParam,
             []
           )) {
-            // @ts-ignore
             const variable = findVariable(context.getScope(), prop)
             if (!variable) {
               continue
@@ -210,7 +204,6 @@ module.exports = {
               if (!reference.isRead()) {
                 continue
               }
-              /** @type {Identifier} */
               const id = reference.identifier
 
               const invalid = utils.findMutating(id)
@@ -235,6 +228,7 @@ module.exports = {
             }
           }
         },
+        /** @param {(Identifier | ThisExpression) & { parent: MemberExpression } } node */
         'MemberExpression > :matches(Identifier, ThisExpression)'(
           node,
           { node: vueNode }
@@ -242,32 +236,40 @@ module.exports = {
           if (!utils.isThis(node, context)) {
             return
           }
-          /** @type {MemberExpression} */
           const mem = node.parent
           if (mem.object !== node) {
             return
           }
           const name = utils.getStaticPropertyName(mem)
-          if (name && propsMap.get(vueNode).has(name)) {
+          if (
+            name &&
+            /** @type {Set<string>} */ (propsMap.get(vueNode)).has(name)
+          ) {
             verifyMutating(mem, name)
           }
         }
       }),
       utils.defineTemplateBodyVisitor(context, {
+        /** @param {ThisExpression & { parent: MemberExpression } } node */
         'VExpressionContainer MemberExpression > ThisExpression'(node) {
           if (!vueObjectData) {
             return
           }
-          /** @type {MemberExpression} */
           const mem = node.parent
           if (mem.object !== node) {
             return
           }
           const name = utils.getStaticPropertyName(mem)
-          if (name && propsMap.get(vueObjectData.object).has(name)) {
+          if (
+            name &&
+            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
+              name
+            )
+          ) {
             verifyMutating(mem, name)
           }
         },
+        /** @param {Identifier } node */
         'VExpressionContainer Identifier'(node) {
           if (!vueObjectData) {
             return
@@ -276,10 +278,16 @@ module.exports = {
             return
           }
           const name = node.name
-          if (name && propsMap.get(vueObjectData.object).has(name)) {
+          if (
+            name &&
+            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
+              name
+            )
+          ) {
             verifyMutating(node, name)
           }
         },
+        /** @param {ESNode} node */
         "VAttribute[directive=true][key.name.name='model'] VExpressionContainer > *"(
           node
         ) {
@@ -300,7 +308,12 @@ module.exports = {
           } else {
             return
           }
-          if (name && propsMap.get(vueObjectData.object).has(name)) {
+          if (
+            name &&
+            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
+              name
+            )
+          ) {
             report(node, name)
           }
         }
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index d51fd7f61..9a6b4f869 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -70,12 +70,15 @@ module.exports = {
         properties: Object.keys(DEFAULT_OPTIONS).reduce((ret, code) => {
           ret[code] = { type: 'boolean' }
           return ret
-        }, {}),
+        }, /** @type { { [key: string]: { type: 'boolean' } } } */ ({})),
         additionalProperties: false
       }
     ]
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     const options = Object.assign({}, DEFAULT_OPTIONS, context.options[0] || {})
 
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index a29d2acf0..f3ac47363 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -48,50 +48,64 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const option = context.options[0] || {}
     const custom = option.custom || []
+    /** @type {('all' | 'vue' | 'vue-router' | 'nuxt')[]} */
     const presets = option.presets || ['vue']
     const threshold = option.threshold || 1
-    let candidateOptions
-    if (presets.includes('all')) {
-      candidateOptions = Object.keys(vueComponentOptions).reduce((pre, cur) => {
-        return [...pre, ...vueComponentOptions[cur]]
-      }, [])
-    } else {
-      candidateOptions = presets.reduce((pre, cur) => {
-        return [...pre, ...vueComponentOptions[cur]]
-      }, [])
+    /** @type {Set<string>} */
+    const candidateOptionSet = new Set(custom)
+    for (const preset of presets) {
+      if (preset === 'all') {
+        for (const opts of Object.values(vueComponentOptions)) {
+          for (const opt of opts) {
+            candidateOptionSet.add(opt)
+          }
+        }
+      } else {
+        for (const opt of vueComponentOptions[preset]) {
+          candidateOptionSet.add(opt)
+        }
+      }
     }
-    const candidateOptionSet = new Set([...candidateOptions, ...custom])
     const candidateOptionList = [...candidateOptionSet]
     if (!candidateOptionList.length) {
       return {}
     }
     return utils.executeOnVue(context, (obj) => {
-      const componentInstanceOptions = obj.properties.filter(
-        (p) => p.type === 'Property' && p.key.type === 'Identifier'
-      )
+      const componentInstanceOptions = obj.properties
+        .map((p) => {
+          if (p.type === 'Property') {
+            const name = utils.getStaticPropertyName(p)
+            if (name != null) {
+              return {
+                name,
+                key: p.key
+              }
+            }
+          }
+          return null
+        })
+        .filter(utils.isDef)
+
       if (!componentInstanceOptions.length) {
-        return {}
+        return
       }
       componentInstanceOptions.forEach((option) => {
         const id = option.key
-        const name = id.name
+        const name = option.name
         if (candidateOptionSet.has(name)) {
           return
         }
         const potentialTypoList = candidateOptionList
           .map((o) => ({ option: o, distance: utils.editDistance(o, name) }))
-          .filter(
-            ({ distance, option }) => distance <= threshold && distance > 0
-          )
+          .filter(({ distance }) => distance <= threshold && distance > 0)
           .sort((a, b) => a.distance - b.distance)
         if (potentialTypoList.length) {
           context.report({
             node: id,
-            loc: id.loc,
             message: `'{{name}}' may be a typo, which is similar to option [{{option}}].`,
             data: {
               name,
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index cfd09921c..bfb344d24 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -22,9 +22,20 @@ module.exports = {
         'Must use `.value` to read or write the value wrapped by `{{method}}()`.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
+    /**
+     * @typedef {object} ReferenceData
+     * @property {VariableDeclarator} variableDeclarator
+     * @property {VariableDeclaration | null} variableDeclaration
+     * @property {string} method
+     */
+    /** @type {Map<Identifier, ReferenceData>} */
     const refReferenceIds = new Map()
 
+    /**
+     * @param {Identifier} node
+     */
     function reportIfRefWrapped(node) {
       const data = refReferenceIds.get(node)
       if (!data) {
@@ -97,30 +108,37 @@ module.exports = {
         }
       },
       // if (refValue)
+      /** @param {Identifier} node */
       'IfStatement>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // switch (refValue)
+      /** @param {Identifier} node */
       'SwitchStatement>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // -refValue, +refValue, !refValue, ~refValue, typeof refValue
+      /** @param {Identifier} node */
       'UnaryExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue++, refValue--
+      /** @param {Identifier} node */
       'UpdateExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue+1, refValue-1
+      /** @param {Identifier} node */
       'BinaryExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue+=1, refValue-=1, foo+=refValue, foo-=refValue
+      /** @param {Identifier} node */
       'AssignmentExpression>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue || other, refValue && other. ignore: other || refValue
+      /** @param {Identifier & {parent: LogicalExpression}} node */
       'LogicalExpression>Identifier'(node) {
         if (node.parent.left !== node) {
           return
@@ -139,6 +157,7 @@ module.exports = {
         reportIfRefWrapped(node)
       },
       // refValue ? x : y
+      /** @param {Identifier & {parent: ConditionalExpression}} node */
       'ConditionalExpression>Identifier'(node) {
         if (node.parent.test !== node) {
           return
@@ -146,10 +165,12 @@ module.exports = {
         reportIfRefWrapped(node)
       },
       // `${refValue}`
+      /** @param {Identifier} node */
       'TemplateLiteral>Identifier'(node) {
         reportIfRefWrapped(node)
       },
       // refValue.x
+      /** @param {Identifier & {parent: MemberExpression}} node */
       'MemberExpression>Identifier'(node) {
         if (node.parent.object !== node) {
           return
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 258f1c517..e21bf7cd8 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -33,9 +33,14 @@ const vueBuiltInComponents = [
 
 const vue3BuiltInComponents = ['teleport', 'suspense']
 
-const isLowercase = (word) => /^[a-z]*$/.test(word)
-const capitalizeFirstLetter = (word) =>
-  word[0].toUpperCase() + word.substring(1, word.length)
+/** @param {string} word  */
+function isLowercase(word) {
+  return /^[a-z]*$/.test(word)
+}
+/** @param {string} word  */
+function capitalizeFirstLetter(word) {
+  return word[0].toUpperCase() + word.substring(1, word.length)
+}
 
 const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements,
@@ -93,7 +98,7 @@ module.exports = {
       reservedInVue3: 'Name "{{name}}" is reserved in Vue.js 3.x.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const disallowVueBuiltInComponents =
@@ -108,6 +113,10 @@ module.exports = {
       ...RESERVED_NAMES_IN_OTHERS
     ])
 
+    /**
+     * @param {Expression | SpreadElement} node
+     * @returns {node is (Literal | TemplateLiteral)}
+     */
     function canVerify(node) {
       return (
         node.type === 'Literal' ||
@@ -117,19 +126,26 @@ module.exports = {
       )
     }
 
+    /**
+     * @param {Literal | TemplateLiteral} node
+     */
     function reportIfInvalid(node) {
       let name
       if (node.type === 'TemplateLiteral') {
         const quasis = node.quasis[0]
         name = quasis.value.cooked
       } else {
-        name = node.value
+        name = `${node.value}`
       }
       if (reservedNames.has(name)) {
         report(node, name)
       }
     }
 
+    /**
+     * @param {ESNode} node
+     * @param {string} name
+     */
     function report(node, name) {
       context.report({
         node,
@@ -164,14 +180,10 @@ module.exports = {
           .filter(({ name }) => reservedNames.has(name))
           .forEach(({ node, name }) => report(node, name))
 
-        const node = obj.properties.find(
-          (item) =>
-            item.type === 'Property' &&
-            item.key.name === 'name' &&
-            canVerify(item.value)
-        )
+        const node = utils.findProperty(obj, 'name')
 
         if (!node) return
+        if (!canVerify(node.value)) return
         reportIfInvalid(node.value)
       })
     )
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index d17ce05df..38b4f410d 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -6,11 +6,16 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').GroupName} GroupName
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
 
 const RESERVED_KEYS = require('../utils/vue-reserved.json')
+/** @type {GroupName[]} */
 const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
 module.exports = {
@@ -37,7 +42,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const reservedKeys = new Set(RESERVED_KEYS.concat(options.reserved || []))
diff --git a/lib/rules/no-restricted-static-attribute.js b/lib/rules/no-restricted-static-attribute.js
index 70db824db..24cab62b8 100644
--- a/lib/rules/no-restricted-static-attribute.js
+++ b/lib/rules/no-restricted-static-attribute.js
@@ -7,9 +7,6 @@
 const utils = require('../utils')
 const regexp = require('../utils/regexp')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.VAttribute} VAttribute
- */
 /**
  * @typedef {object} ParsedOption
  * @property { (key: VAttribute) => boolean } test
@@ -118,6 +115,7 @@ module.exports = {
       restrictedAttr: '{{message}}'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     if (!context.options.length) {
       return {}
diff --git a/lib/rules/no-restricted-syntax.js b/lib/rules/no-restricted-syntax.js
index 869540001..279f400cd 100644
--- a/lib/rules/no-restricted-syntax.js
+++ b/lib/rules/no-restricted-syntax.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule(require('eslint/lib/rules/no-restricted-syntax'))
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index 7ec586dd5..02ac6e399 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -6,11 +6,6 @@
 
 const utils = require('../utils')
 const regexp = require('../utils/regexp')
-
-/**
- * @typedef {import('vue-eslint-parser').AST.VDirectiveKey} VDirectiveKey
- * @typedef {import('vue-eslint-parser').AST.VIdentifier} VIdentifier
- */
 /**
  * @typedef {object} ParsedOption
  * @property { (key: VDirectiveKey) => boolean } test
@@ -50,10 +45,10 @@ function parseOption(option) {
     const matcher = buildMatcher(option)
     return {
       test(key) {
-        return (
+        return Boolean(
           key.argument &&
-          key.argument.type === 'VIdentifier' &&
-          matcher(key.argument.rawName)
+            key.argument.type === 'VIdentifier' &&
+            matcher(key.argument.rawName)
         )
       },
       modifiers: []
@@ -74,7 +69,7 @@ function parseOption(option) {
       if (!argTest(key)) {
         return false
       }
-      return option.modifiers.every((modName) => {
+      return /** @type {string[]} */ (option.modifiers).every((modName) => {
         return key.modifiers.some((mid) => mid.name === modName)
       })
     }
@@ -139,6 +134,7 @@ module.exports = {
       restrictedVBind: '{{message}}'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     /** @type {ParsedOption[]} */
     const options = (context.options.length === 0
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index c4f04edd4..43b1856ee 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -23,9 +23,15 @@ module.exports = {
         'Getting a value from the `props` in root scope of `setup()` will cause the value to lose reactivity.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, Set<Identifier>>} */
     const setupScopePropsReferenceIds = new Map()
 
+    /**
+     * @param {ESNode} node
+     * @param {string} messageId
+     */
     function report(node, messageId) {
       context.report({
         node,
@@ -33,6 +39,11 @@ module.exports = {
       })
     }
 
+    /**
+     * @param {Pattern} left
+     * @param {Expression | null} right
+     * @param {Set<Identifier>} propsReferenceIds
+     */
     function verify(left, right, propsReferenceIds) {
       if (!right) {
         return
@@ -46,23 +57,31 @@ module.exports = {
         return
       }
 
+      /** @type {Expression | Super} */
       let rightId = right
       while (rightId.type === 'MemberExpression') {
         rightId = rightId.object
       }
-      if (propsReferenceIds.has(rightId)) {
+      if (rightId.type === 'Identifier' && propsReferenceIds.has(rightId)) {
         report(left, 'getProperty')
       }
     }
-
-    let scopeStack = null
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} functionNode
+     */
+    /**
+     * @type {ScopeStack}
+     */
+    let scopeStack
 
     return utils.defineVueVisitor(context, {
       ':function'(node) {
         scopeStack = { upper: scopeStack, functionNode: node }
       },
       onSetupFunctionEnter(node) {
-        const propsParam = node.params[0]
+        const propsParam = utils.unwrapAssignmentPattern(node.params[0])
         if (!propsParam) {
           // no arguments
           return
diff --git a/lib/rules/no-shared-component-data.js b/lib/rules/no-shared-component-data.js
index 2200f0e78..160f41ef9 100644
--- a/lib/rules/no-shared-component-data.js
+++ b/lib/rules/no-shared-component-data.js
@@ -6,14 +6,20 @@
 
 const utils = require('../utils')
 
+/** @param {Token} token  */
 function isOpenParen(token) {
   return token.type === 'Punctuator' && token.value === '('
 }
 
+/** @param {Token} token  */
 function isCloseParen(token) {
   return token.type === 'Punctuator' && token.value === ')'
 }
 
+/**
+ * @param {Expression} node
+ * @param {SourceCode} sourceCode
+ */
 function getFirstAndLastTokens(node, sourceCode) {
   let first = sourceCode.getFirstToken(node)
   let last = sourceCode.getLastToken(node)
@@ -46,35 +52,33 @@ module.exports = {
     fixable: 'code',
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.executeOnVueComponent(context, (obj) => {
-      obj.properties
-        .filter(
-          (p) =>
-            p.type === 'Property' &&
-            p.key.type === 'Identifier' &&
-            p.key.name === 'data' &&
-            p.value.type !== 'FunctionExpression' &&
-            p.value.type !== 'ArrowFunctionExpression' &&
-            p.value.type !== 'Identifier'
-        )
-        .forEach((p) => {
-          context.report({
-            node: p,
-            message: '`data` property in component must be a function.',
-            fix(fixer) {
-              const tokens = getFirstAndLastTokens(p.value, sourceCode)
+      const invalidData = utils.findProperty(
+        obj,
+        'data',
+        (p) =>
+          p.value.type !== 'FunctionExpression' &&
+          p.value.type !== 'ArrowFunctionExpression' &&
+          p.value.type !== 'Identifier'
+      )
+      if (invalidData) {
+        context.report({
+          node: invalidData,
+          message: '`data` property in component must be a function.',
+          fix(fixer) {
+            const tokens = getFirstAndLastTokens(invalidData.value, sourceCode)
 
-              return [
-                fixer.insertTextBefore(tokens.first, 'function() {\nreturn '),
-                fixer.insertTextAfter(tokens.last, ';\n}')
-              ]
-            }
-          })
+            return [
+              fixer.insertTextBefore(tokens.first, 'function() {\nreturn '),
+              fixer.insertTextAfter(tokens.last, ';\n}')
+            ]
+          }
         })
+      }
     })
   }
 }
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 59f3b37e7..e6cd548e9 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -7,8 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
+ * @typedef {import('../utils').VueObjectData} VueObjectData
  * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
  */
 
@@ -28,12 +27,21 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
-    let scopeStack = { upper: null, body: null }
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {BlockStatement | Expression} body
+     */
+    /**
+     * @type {ScopeStack}
+     */
+    let scopeStack
 
+    /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
     function onFunctionEnter(node) {
       scopeStack = { upper: scopeStack, body: node.body }
     }
@@ -49,21 +57,25 @@ module.exports = {
       ':function': onFunctionEnter,
       ':function:exit': onFunctionExit,
 
+      /**
+       * @param {(Identifier | ThisExpression) & {parent: MemberExpression}} node
+       * @param {VueObjectData} data
+       */
       'MemberExpression > :matches(Identifier, ThisExpression)'(
         node,
         { node: vueNode }
       ) {
         const targetBody = scopeStack.body
-        const computedProperty = computedPropertiesMap
-          .get(vueNode)
-          .find((cp) => {
-            return (
-              cp.value &&
-              node.loc.start.line >= cp.value.loc.start.line &&
-              node.loc.end.line <= cp.value.loc.end.line &&
-              targetBody === cp.value
-            )
-          })
+        const computedProperty = /** @type {ComponentComputedProperty[]} */ (computedPropertiesMap.get(
+          vueNode
+        )).find((cp) => {
+          return (
+            cp.value &&
+            node.loc.start.line >= cp.value.loc.start.line &&
+            node.loc.end.line <= cp.value.loc.end.line &&
+            targetBody === cp.value
+          )
+        })
         if (!computedProperty) {
           return
         }
@@ -71,7 +83,6 @@ module.exports = {
         if (!utils.isThis(node, context)) {
           return
         }
-        /** @type {MemberExpression} */
         const mem = node.parent
         if (mem.object !== node) {
           return
@@ -82,7 +93,7 @@ module.exports = {
           context.report({
             node: invalid.node,
             message: 'Unexpected side effect in "{{key}}" computed property.',
-            data: { key: computedProperty.key }
+            data: { key: computedProperty.key || 'Unknown' }
           })
         }
       }
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 4bb32f03f..8357fbf3d 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -26,7 +26,7 @@ module.exports = {
     fixable: 'whitespace',
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     return utils.defineTemplateBodyVisitor(context, {
@@ -34,6 +34,7 @@ module.exports = {
         if (!node.value) {
           return
         }
+        /** @type {Range} */
         const range = [node.key.range[1], node.value.range[0]]
         const eqText = sourceCode.text.slice(range[0], range[1])
         const expect = eqText.trim()
diff --git a/lib/rules/no-static-inline-styles.js b/lib/rules/no-static-inline-styles.js
index 73421a97b..7dce27e1a 100644
--- a/lib/rules/no-static-inline-styles.js
+++ b/lib/rules/no-static-inline-styles.js
@@ -30,10 +30,11 @@ module.exports = {
       forbiddenStyleAttr: '`style` attributes are forbidden.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     /**
      * Checks whether if the given property node is a static value.
-     * @param {AssignmentProperty} prop property node to check
+     * @param {Property} prop property node to check
      * @returns {boolean} `true` if the given property node is a static value.
      */
     function isStaticValue(prop) {
@@ -55,8 +56,8 @@ module.exports = {
      * - If all properties are static properties, it returns one root node.
      *   `:style="[ { color: 'red' }, { display: 'flex', width: '16px' } ]"`
      *    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-     * @param {VAttribute} node `:style` node to check
-     * @returns {AssignmentProperty[] | [VAttribute]} the static properties.
+     * @param {VDirective} node `:style` node to check
+     * @returns {Property[] | [VDirective]} the static properties.
      */
     function getReportNodes(node) {
       const { value } = node
@@ -108,7 +109,7 @@ module.exports = {
 
     /**
      * Reports if the value is static.
-     * @param {VAttribute} node `:style` node to check
+     * @param {VDirective} node `:style` node to check
      */
     function verifyVBindStyle(node) {
       for (const n of getReportNodes(node)) {
@@ -119,7 +120,9 @@ module.exports = {
       }
     }
 
+    /** @type {TemplateListener} */
     const visitor = {
+      /** @param {VAttribute} node */
       "VAttribute[directive=false][key.name='style']"(node) {
         context.report({
           node,
diff --git a/lib/rules/no-template-key.js b/lib/rules/no-template-key.js
index c7b06ef56..935113820 100644
--- a/lib/rules/no-template-key.js
+++ b/lib/rules/no-template-key.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VElement} node */
       "VElement[name='template']"(node) {
         if (
           utils.hasAttribute(node, 'key') ||
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 73aeca296..c228642f4 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -10,10 +10,15 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').GroupName} GroupName
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/** @type {GroupName[]} */
 const GROUP_NAMES = ['props', 'computed', 'data', 'methods']
 
 module.exports = {
@@ -28,13 +33,18 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
+    /** @type {Set<string>} */
     const jsVars = new Set()
-    let scope = {
-      parent: null,
-      nodes: []
-    }
+
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} parent
+     * @property {Identifier[]} nodes
+     */
+    /** @type {ScopeStack} */
+    let scope
 
     // ----------------------------------------------------------------------
     // Public
@@ -43,10 +53,13 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(
       context,
       {
+        /** @param {VElement} node */
         VElement(node) {
           scope = {
             parent: scope,
-            nodes: scope.nodes.slice() // make copy
+            nodes: scope
+              ? scope.nodes.slice() // make copy
+              : []
           }
           if (node.variables) {
             for (const variable of node.variables) {
@@ -71,7 +84,7 @@ module.exports = {
             }
           }
         },
-        'VElement:exit'(node) {
+        'VElement:exit'() {
           scope = scope.parent
         }
       },
diff --git a/lib/rules/no-template-target-blank.js b/lib/rules/no-template-target-blank.js
index f7c1ab864..b671091ce 100644
--- a/lib/rules/no-template-target-blank.js
+++ b/lib/rules/no-template-target-blank.js
@@ -13,6 +13,7 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
+/** @param {VAttribute} node */
 function isTargetBlank(node) {
   return (
     node.key &&
@@ -21,11 +22,17 @@ function isTargetBlank(node) {
     node.value.value === '_blank'
   )
 }
-
+/**
+ * @param {VStartTag} node
+ * @param {boolean} allowReferrer
+ */
 function hasSecureRel(node, allowReferrer) {
   return node.attributes.some((attr) => {
     if (attr.key && attr.key.name === 'rel') {
-      const tags = attr.value && attr.value.value.toLowerCase().split(' ')
+      const tags =
+        attr.value &&
+        attr.value.type === 'VLiteral' &&
+        attr.value.value.toLowerCase().split(' ')
       return (
         tags &&
         tags.includes('noopener') &&
@@ -37,16 +44,23 @@ function hasSecureRel(node, allowReferrer) {
   })
 }
 
+/**
+ * @param {VStartTag} node
+ */
 function hasExternalLink(node) {
   return node.attributes.some(
     (attr) =>
       attr.key &&
       attr.key.name === 'href' &&
       attr.value &&
+      attr.value.type === 'VLiteral' &&
       /^(?:\w+:|\/\/)/.test(attr.value.value)
   )
 }
 
+/**
+ * @param {VStartTag} node
+ */
 function hasDynamicLink(node) {
   return node.attributes.some(
     (attr) =>
@@ -55,6 +69,7 @@ function hasDynamicLink(node) {
       attr.key.name &&
       attr.key.name.name === 'bind' &&
       attr.key.argument &&
+      attr.key.argument.type === 'VIdentifier' &&
       attr.key.argument.name === 'href'
   )
 }
@@ -100,7 +115,8 @@ module.exports = {
     const enforceDynamicLinks = configuration.enforceDynamicLinks || 'always'
 
     return utils.defineTemplateBodyVisitor(context, {
-      VAttribute(node) {
+      /** @param {VAttribute} node */
+      'VAttribute[directive=false]'(node) {
         if (!isTargetBlank(node) || hasSecureRel(node.parent, allowReferrer)) {
           return
         }
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index 06dabbf57..abbe01157 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VExpressionContainer} node */
       "VElement[name='textarea'] VExpressionContainer"(node) {
         if (node.parent.type !== 'VElement') {
           return
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index d4ac6fa15..205580221 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -29,7 +29,7 @@ const VUE_BUILT_IN_COMPONENTS = [
  *
  * Includes `suspense` and `teleport` from Vue 3.
  *
- * @param {ASTNode} node The start tag node to check.
+ * @param {VElement} node The start tag node to check.
  * @returns {boolean} `true` if the node is a built-in component.
  */
 const isBuiltInComponent = (node) => {
@@ -68,16 +68,20 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
+    /** @type {string[]} */
     const ignorePatterns = options.ignorePatterns || []
+    /** @type { { node: VElement | VDirective | VAttribute, name: string }[] } */
     const usedComponentNodes = []
+    /** @type { { node: Property, name: string }[] } */
     const registeredComponents = []
 
     return utils.defineTemplateBodyVisitor(
       context,
       {
+        /** @param {VElement} node */
         VElement(node) {
           if (
             (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
@@ -90,6 +94,7 @@ module.exports = {
 
           usedComponentNodes.push({ node, name: node.rawName })
         },
+        /** @param {VDirective} node */
         "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
           node
         ) {
@@ -101,11 +106,17 @@ module.exports = {
             return
 
           if (node.value.expression.type === 'Literal') {
-            if (utils.isHtmlWellKnownElementName(node.value.expression.value))
+            if (
+              utils.isHtmlWellKnownElementName(`${node.value.expression.value}`)
+            )
               return
-            usedComponentNodes.push({ node, name: node.value.expression.value })
+            usedComponentNodes.push({
+              node,
+              name: `${node.value.expression.value}`
+            })
           }
         },
+        /** @param {VAttribute} node */
         "VAttribute[directive=false][key.name='is']"(node) {
           if (
             !node.value || // `<component is />`
@@ -114,6 +125,7 @@ module.exports = {
             return
           usedComponentNodes.push({ node, name: node.value.value })
         },
+        /** @param {VElement} node */
         "VElement[name='template']:exit"() {
           // All registered components, transformed to kebab-case
           const registeredComponentNames = registeredComponents.map(
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 4089eef94..eaf9ce57a 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { Range } = require('semver')
+const semver = require('semver')
 const utils = require('../utils')
 
 const FEATURES = {
@@ -22,7 +22,7 @@ const cache = new Map()
 /**
  * Get the `semver.Range` object of a given range text.
  * @param {string} x The text expression for a semver range.
- * @returns {Range|null} The range object of a given range text.
+ * @returns {semver.Range} The range object of a given range text.
  * It's null if the `x` is not a valid range text.
  */
 function getSemverRange(x) {
@@ -31,7 +31,7 @@ function getSemverRange(x) {
 
   if (!ret) {
     try {
-      ret = new Range(s)
+      ret = new semver.Range(s)
     } catch (_error) {
       // Ignore parsing error.
     }
@@ -41,29 +41,6 @@ function getSemverRange(x) {
   return ret
 }
 
-/**
- * Merge two visitors.
- * @param {Visitor} x The visitor which is assigned.
- * @param {Visitor} y The visitor which is assigning.
- * @returns {Visitor} `x`.
- */
-function merge(x, y) {
-  for (const key of Object.keys(y)) {
-    if (typeof x[key] === 'function') {
-      if (x[key]._handlers == null) {
-        const fs = [x[key], y[key]]
-        x[key] = (node) => fs.forEach((h) => h(node))
-        x[key]._handlers = fs
-      } else {
-        x[key]._handlers.push(y[key])
-      }
-    } else {
-      x[key] = y[key]
-    }
-  }
-  return x
-}
-
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -106,6 +83,7 @@ module.exports = {
         '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     const { version, ignores } = Object.assign(
       {
@@ -122,7 +100,7 @@ module.exports = {
 
     /**
      * Check whether a given case object is full-supported on the configured node version.
-     * @param {{supported:string}} aCase The case object to check.
+     * @param { { supported?: string | ((range: semver.Range) => boolean) } } aCase The case object to check.
      * @returns {boolean} `true` if it's supporting.
      */
     function isNotSupportingVersion(aCase) {
@@ -131,13 +109,16 @@ module.exports = {
       }
       return versionRange.intersects(getSemverRange(`<${aCase.supported}`))
     }
-    const templateBodyVisitor = Object.keys(FEATURES)
+
+    const keys = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
+
+    const templateBodyVisitor = keys
       .filter((syntaxName) => !ignores.includes(syntaxName))
       .filter((syntaxName) => isNotSupportingVersion(FEATURES[syntaxName]))
       .reduce((result, syntaxName) => {
         const visitor = FEATURES[syntaxName].createTemplateBodyVisitor(context)
         if (visitor) {
-          merge(result, visitor)
+          return utils.compositingVisitors(result, visitor)
         }
         return result
       }, {})
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 09cad4af7..b76af7198 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -37,7 +37,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const ignoreWhenBindingPresent =
@@ -45,13 +45,16 @@ module.exports = {
         ? options.ignoreWhenBindingPresent
         : true
     const usedComponents = new Set()
+    /** @type { { node: Property, name: string }[] } */
     let registeredComponents = []
     let ignoreReporting = false
+    /** @type {Position} */
     let templateLocation
 
     return utils.defineTemplateBodyVisitor(
       context,
       {
+        /** @param {VElement} node */
         VElement(node) {
           if (
             (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
@@ -63,6 +66,7 @@ module.exports = {
 
           usedComponents.add(node.rawName)
         },
+        /** @param {VDirective} node */
         "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
           node
         ) {
@@ -79,17 +83,23 @@ module.exports = {
             ignoreReporting = true
           }
         },
+        /** @param {VAttribute} node */
         "VAttribute[directive=false][key.name='is']"(node) {
+          if (!node.value) {
+            return
+          }
           usedComponents.add(node.value.value)
         },
-        "VElement[name='template']"(rootNode) {
-          templateLocation = templateLocation || rootNode.loc.start
+        /** @param {VElement} node */
+        "VElement[name='template']"(node) {
+          templateLocation = templateLocation || node.loc.start
         },
-        "VElement[name='template']:exit"(rootNode) {
+        /** @param {VElement} node */
+        "VElement[name='template']:exit"(node) {
           if (
-            rootNode.loc.start !== templateLocation ||
+            node.loc.start !== templateLocation ||
             ignoreReporting ||
-            utils.hasAttribute(rootNode, 'src')
+            utils.hasAttribute(node, 'src')
           )
             return
 
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 8dce09b40..951d6a2db 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -11,25 +11,9 @@
 const utils = require('../utils')
 const eslintUtils = require('eslint-utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.Node} Node
- * @typedef {import('vue-eslint-parser').AST.ESLintNode} ASTNode
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectPattern} ObjectPattern
- * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
- * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
- * @typedef {import('vue-eslint-parser').AST.ESLintThisExpression} ThisExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintFunctionExpression} FunctionExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintArrowFunctionExpression} ArrowFunctionExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintFunctionDeclaration} FunctionDeclaration
- * @typedef {import('vue-eslint-parser').AST.VAttribute} VAttribute
- * @typedef {import('vue-eslint-parser').AST.VIdentifier} VIdentifier
- * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
- * @typedef {import('eslint').Scope.Variable} Variable
- * @typedef {import('eslint').Rule.RuleContext} RuleContext
- */
 /**
  * @typedef {import('../utils').ComponentPropertyData} ComponentPropertyData
+ * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 /**
  * @typedef {object} TemplatePropertiesContainer
@@ -58,11 +42,12 @@ const GROUP_SETUP = 'setup'
 const GROUP_WATCHER = 'watch'
 
 const PROPERTY_LABEL = {
-  [GROUP_PROPERTY]: 'property',
-  [GROUP_DATA]: 'data',
-  [GROUP_COMPUTED_PROPERTY]: 'computed property',
-  [GROUP_METHODS]: 'method',
-  [GROUP_SETUP]: 'property returned from `setup()`'
+  props: 'property',
+  data: 'data',
+  computed: 'computed property',
+  methods: 'method',
+  setup: 'property returned from `setup()`',
+  watch: 'watch'
 }
 
 // ------------------------------------------------------------------------------
@@ -72,27 +57,26 @@ const PROPERTY_LABEL = {
 /**
  * Find the variable of a given name.
  * @param {RuleContext} context The rule context
- * @param {ASTNode} node The variable name to find.
+ * @param {Identifier} node The variable name to find.
  * @returns {Variable|null} The found variable or null.
  */
 function findVariable(context, node) {
-  // @ts-ignore
   return eslintUtils.findVariable(getScope(context, node), node)
 }
 /**
  * Gets the scope for the current node
  * @param {RuleContext} context The rule context
- * @param {ASTNode} currentNode The node to get the scope of
- * @returns { import('eslint-scope').Scope } The scope information for this node
+ * @param {ESNode} currentNode The node to get the scope of
+ * @returns { import('eslint').Scope.Scope } The scope information for this node
  */
 function getScope(context, currentNode) {
   // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
   const inner = currentNode.type !== 'Program'
   const scopeManager = context.getSourceCode().scopeManager
 
-  // @ts-ignore
-  for (let node = currentNode; node; node = node.parent) {
-    // @ts-ignore
+  /** @type {ESNode | null} */
+  let node = currentNode
+  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
     const scope = scopeManager.acquire(node, inner)
 
     if (scope) {
@@ -108,6 +92,7 @@ function getScope(context, currentNode) {
 
 /**
  * Extract names from references objects.
+ * @param {VReference[]} references
  */
 function getReferencesNames(references) {
   return references
@@ -169,7 +154,15 @@ function extractObjectPatternProperties(node) {
   for (const prop of node.properties) {
     if (prop.type === 'Property') {
       const name = utils.getStaticPropertyName(prop)
-      usedNames.add(name, getObjectPatternPropertyPatternTracker(prop.value))
+      if (name) {
+        usedNames.add(name, getObjectPatternPropertyPatternTracker(prop.value))
+      } else {
+        // If cannot trace name, everything is used!
+        return {
+          usedNames,
+          unknown: true
+        }
+      }
     } else {
       // If use RestElement, everything is used!
       return {
@@ -206,8 +199,6 @@ function getObjectPatternPropertyPatternTracker(pattern) {
         return result
       }
       for (const reference of variable.references) {
-        /** @type {Identifier} */
-        // @ts-ignore
         const id = reference.identifier
         const { usedNames, unknown, calls } = extractPatternOrThisProperties(
           id,
@@ -259,8 +250,6 @@ function extractPatternOrThisProperties(node, context) {
           return result
         }
         for (const reference of variable.references) {
-          /** @type {Identifier} */
-          // @ts-ignore
           const id = reference.identifier
           const { usedNames, unknown, calls } = extractPatternOrThisProperties(
             id,
@@ -287,7 +276,6 @@ function extractPatternOrThisProperties(node, context) {
     }
     return result
   } else if (parent.type === 'CallExpression') {
-    // @ts-ignore
     const argIndex = parent.arguments.indexOf(node)
     if (argIndex > -1 && parent.callee.type === 'Identifier') {
       // `foo(arg)`
@@ -299,13 +287,12 @@ function extractPatternOrThisProperties(node, context) {
         const def = calleeVariable.defs[0]
         if (
           def.type === 'Variable' &&
-          def.parent &&
           def.parent.kind === 'const' &&
+          def.node.init &&
           (def.node.init.type === 'FunctionExpression' ||
             def.node.init.type === 'ArrowFunctionExpression')
         ) {
           result.calls.push({
-            // @ts-ignore
             node: def.node.init,
             index: argIndex
           })
@@ -338,12 +325,14 @@ class UsedProps {
  */
 class ParamUsedProps extends UsedProps {
   /**
-   * @param {ASTNode} paramNode
+   * @param {Pattern} paramNode
    * @param {RuleContext} context
    */
   constructor(paramNode, context) {
     super()
-
+    while (paramNode.type === 'AssignmentPattern') {
+      paramNode = paramNode.left
+    }
     if (paramNode.type === 'RestElement' || paramNode.type === 'ArrayPattern') {
       // cannot check
       return
@@ -354,13 +343,14 @@ class ParamUsedProps extends UsedProps {
       this.unknown = this.unknown || unknown
       return
     }
+    if (paramNode.type !== 'Identifier') {
+      return
+    }
     const variable = findVariable(context, paramNode)
     if (!variable) {
       return
     }
     for (const reference of variable.references) {
-      /** @type {Identifier} */
-      // @ts-ignore
       const id = reference.identifier
       const { usedNames, unknown, calls } = extractPatternOrThisProperties(
         id,
@@ -390,7 +380,7 @@ class ParamsUsedProps {
 
   /**
    * @param {number} index
-   * @returns {ParamUsedProps}
+   * @returns {ParamUsedProps | null}
    */
   getParam(index) {
     const param = this.params[index]
@@ -446,7 +436,7 @@ module.exports = {
       unused: "'{{name}}' of {{group}} found, but never used."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const groups = new Set(options.groups || [GROUP_PROPERTY])
@@ -607,7 +597,9 @@ module.exports = {
           const container = getVueComponentPropertiesContainer(vueData.node)
           if (node.params[0]) {
             const paramsUsedProps = getParamsUsedProps(node)
-            const paramUsedProps = paramsUsedProps.getParam(0)
+            const paramUsedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
+              0
+            ))
 
             processParamPropsUsed(container, paramUsedProps)
           }
@@ -617,7 +609,9 @@ module.exports = {
           if (node.params[0]) {
             // for Vue 3.x render
             const paramsUsedProps = getParamsUsedProps(node)
-            const paramUsedProps = paramsUsedProps.getParam(0)
+            const paramUsedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
+              0
+            ))
 
             processParamPropsUsed(container, paramUsedProps)
             if (container.unknownProps) {
@@ -628,7 +622,9 @@ module.exports = {
           if (vueData.functional && node.params[1]) {
             // for Vue 2.x render & functional
             const paramsUsedProps = getParamsUsedProps(node)
-            const paramUsedProps = paramsUsedProps.getParam(1)
+            const paramUsedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
+              1
+            ))
 
             for (const { usedNames, unknown } of iterateUsedProps(
               paramUsedProps
@@ -647,6 +643,10 @@ module.exports = {
             }
           }
         },
+        /**
+         * @param {ThisExpression | Identifier} node
+         * @param {VueObjectData} vueData
+         */
         'ThisExpression, Identifier'(node, vueData) {
           if (!utils.isThis(node, context)) {
             return
@@ -666,6 +666,7 @@ module.exports = {
         }
       }),
       {
+        /** @param {Program} node */
         'Program:exit'(node) {
           if (!node.templateBody) {
             reportUnusedProperties()
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index e808ee7f9..a9939c1ae 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -7,12 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('vue-eslint-parser').AST.Node} Node
- * @typedef {import('vue-eslint-parser').AST.VElement} VElement
- * @typedef {import('vue-eslint-parser').AST.Variable} Variable
- */
-/**
- * @typedef {Variable['kind']} VariableKind
+ * @typedef {VVariable['kind']} VariableKind
  */
 
 // ------------------------------------------------------------------------------
@@ -22,10 +17,10 @@ const utils = require('../utils')
 /**
  * Groups variables by directive kind.
  * @param {VElement} node The element node
- * @returns { { [kind in VariableKind]?: Variable[] } } The variables of grouped by directive kind.
+ * @returns { { [kind in VariableKind]?: VVariable[] } } The variables of grouped by directive kind.
  */
 function groupingVariables(node) {
-  /** @type { { [kind in VariableKind]?: Variable[] } } */
+  /** @type { { [kind in VariableKind]?: VVariable[] } } */
   const result = {}
   for (const variable of node.variables) {
     const vars = result[variable.kind] || (result[variable.kind] = [])
@@ -36,12 +31,12 @@ function groupingVariables(node) {
 
 /**
  * Checks if the given variable was defined by destructuring.
- * @param {Variable} variable the given variable to check
+ * @param {VVariable} variable the given variable to check
  * @returns {boolean} `true` if the given variable was defined by destructuring.
  */
 function isDestructuringVar(variable) {
   const node = variable.id
-  /** @type {Node} */
+  /** @type {ASTNode | null} */
   let parent = node.parent
   while (parent) {
     if (
@@ -84,10 +79,11 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const option = context.options[0] || {}
     const ignorePattern = option.ignorePattern
+    /** @type {RegExp | null} */
     let ignoreRegEx = null
     if (ignorePattern) {
       ignoreRegEx = new RegExp(ignorePattern, 'u')
@@ -99,6 +95,9 @@ module.exports = {
       VElement(node) {
         const vars = groupingVariables(node)
         for (const variables of Object.values(vars)) {
+          if (!variables) {
+            continue
+          }
           let hasAfterUsed = false
 
           for (let i = variables.length - 1; i >= 0; i--) {
@@ -122,7 +121,9 @@ module.exports = {
               node: variable.id,
               loc: variable.id.loc,
               message: `'{{name}}' is defined but never used.`,
-              data: variable.id,
+              data: {
+                name: variable.id.name
+              },
               suggest:
                 ignorePattern === '^_'
                   ? [
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index a12fda3c9..0cc4aba49 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -20,14 +20,18 @@ const utils = require('../utils')
 
 /**
  * Check whether the given `v-if` node is using the variable which is defined by the `v-for` directive.
- * @param {ASTNode} vIf The `v-if` attribute node to check.
+ * @param {VDirective} vIf The `v-if` attribute node to check.
  * @returns {boolean} `true` if the `v-if` is using the variable which is defined by the `v-for` directive.
  */
 function isUsingIterationVar(vIf) {
   return !!getVForUsingIterationVar(vIf)
 }
 
+/** @param {VDirective} vIf */
 function getVForUsingIterationVar(vIf) {
+  if (!vIf.value) {
+    return null
+  }
   const element = vIf.parent.parent
   for (const reference of vIf.value.references) {
     const targetVFor = element.variables.find(
@@ -38,7 +42,7 @@ function getVForUsingIterationVar(vIf) {
       return targetVFor
     }
   }
-  return undefined
+  return null
 }
 
 // ------------------------------------------------------------------------------
@@ -65,11 +69,12 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const allowUsingIterationVar = options.allowUsingIterationVar === true // default false
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='if']"(node) {
         const element = node.parent.parent
 
@@ -77,10 +82,13 @@ module.exports = {
           if (isUsingIterationVar(node)) {
             if (!allowUsingIterationVar) {
               const vForVar = getVForUsingIterationVar(node)
+              if (!vForVar) {
+                return
+              }
 
               let targetVForExpr = vForVar.id.parent
               while (targetVForExpr.type !== 'VForExpression') {
-                targetVForExpr = targetVForExpr.parent
+                targetVForExpr = /** @type {ASTNode} */ (targetVForExpr.parent)
               }
               const iteratorNode = targetVForExpr.right
               context.report({
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index c10889a23..89d8d5422 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -6,15 +6,10 @@
 
 const utils = require('../utils')
 
-/**
- * @typedef {import('eslint').Rule.RuleContext} RuleContext
- * @typedef {import('vue-eslint-parser').AST.VExpressionContainer} VExpressionContainer
- */
-
 /**
  * Strip quotes string
  * @param {string} text
- * @returns {string}
+ * @returns {string|null}
  */
 function stripQuotesForHTML(text) {
   if (
@@ -76,13 +71,16 @@ module.exports = {
       if (!expression) {
         return
       }
-      let strValue, rawValue
+      /** @type {string} */
+      let strValue
+      /** @type {string} */
+      let rawValue
       if (expression.type === 'Literal') {
         if (typeof expression.value !== 'string') {
           return
         }
         strValue = expression.value
-        rawValue = expression.raw.slice(1, -1)
+        rawValue = sourceCode.getText(expression).slice(1, -1)
       } else if (expression.type === 'TemplateLiteral') {
         if (expression.expressions.length > 0) {
           return
@@ -127,7 +125,6 @@ module.exports = {
       }
 
       context.report({
-        // @ts-ignore
         node,
         messageId: 'unexpected',
         fix(fixer) {
@@ -135,7 +132,6 @@ module.exports = {
             // cannot fix
             return null
           }
-          context.parserServices.getDocumentFragment()
           const text = stripQuotesForHTML(sourceCode.getText(expression))
           if (text == null) {
             // unknowns
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index 2ffa71400..d64e95535 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -9,11 +9,6 @@ const utils = require('../utils')
 const DOUBLE_QUOTES_RE = /"/gu
 const SINGLE_QUOTES_RE = /'/gu
 
-/**
- * @typedef {import('eslint').Rule.RuleContext} RuleContext
- * @typedef {import('vue-eslint-parser').AST.VDirective} VDirective
- */
-
 module.exports = {
   meta: {
     docs: {
@@ -52,20 +47,24 @@ module.exports = {
      * @param {VDirective} node the node to check
      */
     function verify(node) {
-      if (!node.value || node.key.modifiers.length) {
+      const { value } = node
+      if (!value || node.key.modifiers.length) {
         return
       }
-      const { expression } = node.value
+      const { expression } = value
       if (!expression) {
         return
       }
-      let strValue, rawValue
+      /** @type {string} */
+      let strValue
+      /** @type {string} */
+      let rawValue
       if (expression.type === 'Literal') {
         if (typeof expression.value !== 'string') {
           return
         }
         strValue = expression.value
-        rawValue = expression.raw.slice(1, -1)
+        rawValue = sourceCode.getText(expression).slice(1, -1)
       } else if (expression.type === 'TemplateLiteral') {
         if (expression.expressions.length > 0) {
           return
@@ -78,7 +77,7 @@ module.exports = {
 
       const tokenStore = context.parserServices.getTemplateBodyTokenStore()
       const hasComment = tokenStore
-        .getTokens(node.value, { includeComments: true })
+        .getTokens(value, { includeComments: true })
         .some((t) => t.type === 'Block' || t.type === 'Line')
       if (ignoreIncludesComment && hasComment) {
         return
@@ -110,7 +109,6 @@ module.exports = {
       }
 
       context.report({
-        // @ts-ignore
         node,
         messageId: 'unexpected',
         fix(fixer) {
@@ -118,11 +116,11 @@ module.exports = {
             // cannot fix
             return null
           }
-          const text = sourceCode.getText(node.value)
+          const text = sourceCode.getText(value)
           const quoteChar = text[0]
 
           const shorthand = node.key.name.rawName === ':'
-          /** @type { [number, number] } */
+          /** @type {Range} */
           const keyDirectiveRange = [
             node.key.name.range[0],
             node.key.name.range[1] + (shorthand ? 0 : 1)
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index 24044c644..33a1bfa30 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -20,8 +20,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='html']"(node) {
         context.report({
           node,
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
index 281aa9edf..615af912c 100644
--- a/lib/rules/no-v-model-argument.js
+++ b/lib/rules/no-v-model-argument.js
@@ -29,9 +29,10 @@ module.exports = {
       vModelRequireNoArgument: "'v-model' directives require no argument."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='model']"(node) {
         const element = node.parent.parent
 
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index 378a1138d..d9a8c3822 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -6,6 +6,9 @@
 const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
+/**
+ * @param {CallExpression} node
+ */
 function isMaybeUsedStopHandle(node) {
   const parent = node.parent
   if (parent) {
@@ -47,11 +50,19 @@ module.exports = {
       forbidden: 'The `watch` after `await` expression are forbidden.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
     const watchCallNodes = new Set()
+    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, { setupProperty: Property, afterAwait: boolean }>} */
     const setupFunctions = new Map()
 
-    let scopeStack = { upper: null, functionNode: null }
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} functionNode
+     */
+    /** @type {ScopeStack} */
+    let scopeStack
 
     return Object.assign(
       {
@@ -75,6 +86,7 @@ module.exports = {
         }
       },
       utils.defineVueVisitor(context, {
+        /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function'(node) {
           scopeStack = { upper: scopeStack, functionNode: node }
         },
@@ -91,6 +103,7 @@ module.exports = {
           }
           setupFunctionData.afterAwait = true
         },
+        /** @param {CallExpression} node */
         CallExpression(node) {
           const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
           if (!setupFunctionData || !setupFunctionData.afterAwait) {
@@ -104,6 +117,7 @@ module.exports = {
             })
           }
         },
+        /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function:exit'(node) {
           scopeStack = scopeStack.upper
 
diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
index cc1ce17df..619942c1d 100644
--- a/lib/rules/one-component-per-file.js
+++ b/lib/rules/one-component-per-file.js
@@ -23,7 +23,9 @@ module.exports = {
       toManyComponents: 'There is more than one component in this file.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
+    /** @type {ObjectExpression[]} */
     const components = []
 
     return Object.assign(
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index afdb17828..fcff89ab2 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -7,6 +7,10 @@
 const utils = require('../utils')
 const traverseNodes = require('vue-eslint-parser').AST.traverseNodes
 
+/**
+ * @typedef {import('eslint-visitor-keys').VisitorKeys} VisitorKeys
+ */
+
 const defaultOrder = [
   // Side Effects (triggers effects outside the component)
   'el',
@@ -71,6 +75,7 @@ const defaultOrder = [
   'renderError'
 ]
 
+/** @type { { [key: string]: string[] } } */
 const groups = {
   LIFECYCLE_HOOKS: [
     'beforeCreate',
@@ -92,7 +97,11 @@ const groups = {
   ROUTER_GUARDS: ['beforeRouteEnter', 'beforeRouteUpdate', 'beforeRouteLeave']
 }
 
+/**
+ * @param {(string | string[])[]} order
+ */
 function getOrderMap(order) {
+  /** @type {Map<string, number>} */
   const orderMap = new Map()
 
   order.forEach((property, i) => {
@@ -106,6 +115,9 @@ function getOrderMap(order) {
   return orderMap
 }
 
+/**
+ * @param {Token} node
+ */
 function isComma(node) {
   return node.type === 'Punctuator' && node.value === ','
 }
@@ -114,15 +126,15 @@ const ARITHMETIC_OPERATORS = ['+', '-', '*', '/', '%', '**' /* es2016 */]
 const BITWISE_OPERATORS = ['&', '|', '^', '~', '<<', '>>', '>>>']
 const COMPARISON_OPERATORS = ['==', '!=', '===', '!==', '>', '>=', '<', '<=']
 const RELATIONAL_OPERATORS = ['in', 'instanceof']
-const ALL_BINARY_OPERATORS = [].concat(
-  ARITHMETIC_OPERATORS,
-  BITWISE_OPERATORS,
-  COMPARISON_OPERATORS,
-  RELATIONAL_OPERATORS
-)
+const ALL_BINARY_OPERATORS = [
+  ...ARITHMETIC_OPERATORS,
+  ...BITWISE_OPERATORS,
+  ...COMPARISON_OPERATORS,
+  ...RELATIONAL_OPERATORS
+]
 const LOGICAL_OPERATORS = ['&&', '||', '??' /* es2020 */]
 
-/*
+/**
  * Result `true` if the node is sure that there are no side effects
  *
  * Currently known side effects types
@@ -135,12 +147,13 @@ const LOGICAL_OPERATORS = ['&&', '||', '??' /* es2020 */]
  * node.type === 'UnaryExpression' && node.operator === 'delete'
  *
  * @param  {ASTNode} node target node
- * @param  {Object} visitorKeys sourceCode.visitorKey
- * @returns {Boolean} no side effects
+ * @param  {VisitorKeys} visitorKeys sourceCode.visitorKey
+ * @returns {boolean} no side effects
  */
 function isNotSideEffectsNode(node, visitorKeys) {
   let result = true
-  let skipNode = false
+  /** @type {ASTNode | null} */
+  let skipNode = null
   traverseNodes(node, {
     visitorKeys,
     enterNode(node) {
@@ -213,33 +226,63 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
+    /** @type {(string|string[])[]} */
     const order = options.order || defaultOrder
-    const extendedOrder = order.map((property) => groups[property] || property)
+    /** @type {(string|string[])[]} */
+    const extendedOrder = order.map(
+      (property) =>
+        (typeof property === 'string' && groups[property]) || property
+    )
     const orderMap = getOrderMap(extendedOrder)
     const sourceCode = context.getSourceCode()
 
-    function checkOrder(propertiesNodes, orderMap) {
+    /**
+     * @param {string} name
+     */
+    function getOrderPosition(name) {
+      const num = orderMap.get(name)
+      return num == null ? -1 : num
+    }
+
+    /**
+     * @param {(Property | SpreadElement)[]} propertiesNodes
+     */
+    function checkOrder(propertiesNodes) {
       const properties = propertiesNodes
-        .filter((property) => property.type === 'Property')
-        .map((property) => property.key)
+        .filter(utils.isProperty)
+        .map((property) => {
+          return {
+            node: property,
+            name:
+              utils.getStaticPropertyName(property) ||
+              (property.key.type === 'Identifier' && property.key.name) ||
+              ''
+          }
+        })
 
       properties.forEach((property, i) => {
+        const orderPos = getOrderPosition(property.name)
+        if (orderPos < 0) {
+          return
+        }
         const propertiesAbove = properties.slice(0, i)
         const unorderedProperties = propertiesAbove
-          .filter((p) => orderMap.get(p.name) > orderMap.get(property.name))
+          .filter(
+            (p) => getOrderPosition(p.name) > getOrderPosition(property.name)
+          )
           .sort((p1, p2) =>
-            orderMap.get(p1.name) > orderMap.get(p2.name) ? 1 : -1
+            getOrderPosition(p1.name) > getOrderPosition(p2.name) ? 1 : -1
           )
 
         const firstUnorderedProperty = unorderedProperties[0]
 
         if (firstUnorderedProperty) {
-          const line = firstUnorderedProperty.loc.start.line
+          const line = firstUnorderedProperty.node.loc.start.line
           context.report({
-            node: property,
+            node: property.node,
             message: `The "{{name}}" property should be above the "{{firstUnorderedPropertyName}}" property on line {{line}}.`,
             data: {
               name: property.name,
@@ -247,8 +290,8 @@ module.exports = {
               line
             },
             fix(fixer) {
-              const propertyNode = property.parent
-              const firstUnorderedPropertyNode = firstUnorderedProperty.parent
+              const propertyNode = property.node
+              const firstUnorderedPropertyNode = firstUnorderedProperty.node
               const hasSideEffectsPossibility = propertiesNodes
                 .slice(
                   propertiesNodes.indexOf(firstUnorderedPropertyNode),
@@ -259,7 +302,7 @@ module.exports = {
                     !isNotSideEffectsNode(property, sourceCode.visitorKeys)
                 )
               if (hasSideEffectsPossibility) {
-                return undefined
+                return null
               }
               const afterComma = sourceCode.getTokenAfter(propertyNode)
               const hasAfterComma = isComma(afterComma)
@@ -292,7 +335,7 @@ module.exports = {
     }
 
     return utils.executeOnVue(context, (obj) => {
-      checkOrder(obj.properties, orderMap)
+      checkOrder(obj.properties)
     })
   }
 }
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index 0fb5ee8d5..b9215e2c9 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -30,7 +30,9 @@ function verifyForNever(context, prevBlock, nextBlock, betweenTokens) {
     return
   }
   const tokenOrNodes = [...betweenTokens, nextBlock]
+  /** @type {ASTNode | Token} */
   let prev = prevBlock
+  /** @type {[ASTNode | Token, ASTNode | Token][]} */
   const paddingLines = []
   for (const tokenOrNode of tokenOrNodes) {
     const numOfLineBreaks = tokenOrNode.loc.start.line - prev.loc.end.line
@@ -70,7 +72,9 @@ function verifyForNever(context, prevBlock, nextBlock, betweenTokens) {
  */
 function verifyForAlways(context, prevBlock, nextBlock, betweenTokens) {
   const tokenOrNodes = [...betweenTokens, nextBlock]
+  /** @type {ASTNode | Token} */
   let prev = prevBlock
+  /** @type {ASTNode | Token | undefined} */
   let linebreak
   for (const tokenOrNode of tokenOrNodes) {
     const numOfLineBreaks = tokenOrNode.loc.start.line - prev.loc.end.line
@@ -130,20 +134,30 @@ module.exports = {
       always: 'Expected blank line before this block.'
     }
   },
+  /** @param {RuleContext} context */
   create(context) {
-    const paddingType = PaddingTypes[context.options[0] || 'always']
-    const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+    if (!context.parserServices.getDocumentFragment) {
+      return {}
+    }
+    /** @type {'always' | 'never'} */
+    const option = context.options[0] || 'always'
+    const paddingType = PaddingTypes[option]
+
+    const documentFragment = context.parserServices.getDocumentFragment()
 
+    /** @type {Token[]} */
     let tokens
+    /**
+     * @returns {VElement[]}
+     */
     function getTopLevelHTMLElements() {
-      if (documentFragment) {
-        return documentFragment.children.filter((e) => e.type === 'VElement')
-      }
-      return []
+      return documentFragment.children.filter(utils.isVElement)
     }
 
+    /**
+     * @param {VElement} prev
+     * @param {VElement} next
+     */
     function getTokenAndCommentsBetween(prev, next) {
       // When there is no <template>, tokenStore.getTokensBetween cannot be used.
       if (!tokens) {
@@ -179,6 +193,7 @@ module.exports = {
       context,
       {},
       {
+        /** @param {Program} node */
         Program(node) {
           if (utils.hasInvalidEOF(node)) {
             return
@@ -187,6 +202,9 @@ module.exports = {
 
           let prev = elements.shift()
           for (const element of elements) {
+            if (!prev) {
+              return
+            }
             const betweenTokens = getTokenAndCommentsBetween(prev, element)
             paddingType.verify(context, prev, element, betweenTokens)
             prev = element
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 3ea2864cd..826197313 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -11,7 +11,7 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
-
+/** @param {RuleContext} context */
 function create(context) {
   const options = context.options[0]
   const caseType =
@@ -23,18 +23,19 @@ function create(context) {
   // ----------------------------------------------------------------------
 
   return utils.executeOnVue(context, (obj) => {
-    const props = utils
-      .getComponentProps(obj)
-      .filter(
-        (prop) =>
-          prop.key &&
-          (prop.key.type === 'Literal' ||
-            (prop.key.type === 'Identifier' && !prop.node.computed))
-      )
-
-    for (const item of props) {
+    for (const item of utils.getComponentProps(obj)) {
+      if (item.propName == null) {
+        continue
+      }
       const propName =
-        item.key.type === 'Literal' ? item.key.value : item.key.name
+        item.key.type === 'Literal'
+          ? item.key.value
+          : item.key.type === 'TemplateLiteral'
+          ? null
+          : item.propName
+      // TODO We should use propName.
+      // const propName = item.propName
+
       if (typeof propName !== 'string') {
         // (boolean | null | number | RegExp) Literal
         continue
diff --git a/lib/rules/require-component-is.js b/lib/rules/require-component-is.js
index 0ddab6551..12fda302b 100644
--- a/lib/rules/require-component-is.js
+++ b/lib/rules/require-component-is.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VElement} node */
       "VElement[name='component']"(node) {
         if (!utils.hasDirective(node, 'bind', 'is')) {
           context.report({
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 02ed48238..ff014ca8f 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -4,11 +4,6 @@
  */
 'use strict'
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
- */
 /**
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {ComponentObjectProp & { value: ObjectExpression} } ComponentObjectPropObject
@@ -41,7 +36,7 @@ module.exports = {
     fixable: null, // or "code" or "whitespace"
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     // ----------------------------------------------------------------------
     // Helpers
@@ -155,7 +150,6 @@ module.exports = {
         .getComponentProps(obj)
         .filter(
           (prop) =>
-            prop.key &&
             prop.value &&
             !(prop.node.type === 'Property' && prop.node.shorthand)
         )
@@ -169,7 +163,7 @@ module.exports = {
         const propName =
           prop.propName != null
             ? prop.propName
-            : `[${context.getSourceCode().getText(prop.key)}]`
+            : `[${context.getSourceCode().getText(prop.node.key)}]`
 
         context.report({
           node: prop.node,
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 472a01846..4464569ff 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -6,13 +6,6 @@
 
 const utils = require('../utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintExportDefaultDeclaration} ExportDefaultDeclaration
- * @typedef {import('vue-eslint-parser').AST.ESLintDeclaration} Declaration
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
- * @typedef {import('vue-eslint-parser').AST.ESLintReturnStatement} ReturnStatement
- *
- */
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -36,7 +29,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const filePath = context.getFilename()
     if (!utils.isVueFile(filePath)) return {}
@@ -44,8 +37,16 @@ module.exports = {
     const disallowFunctional = (context.options[0] || {})
       .disallowFunctionalComponentFunction
 
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {boolean} withinVue3FunctionalBody
+     */
+
+    /** @type { { body: BlockStatement, hasReturnArgument: boolean } } */
     let maybeVue3Functional
-    let scopeStack = null
+    /** @type {ScopeStack} */
+    let scopeStack
 
     return {
       /** @param {Declaration | Expression} node */
@@ -61,7 +62,8 @@ module.exports = {
               return
             }
             maybeVue3Functional = {
-              body: node.body
+              body: node.body,
+              hasReturnArgument: false
             }
             return
           }
@@ -70,7 +72,8 @@ module.exports = {
             node.type === 'FunctionDeclaration'
           ) {
             maybeVue3Functional = {
-              body: node.body
+              body: node.body,
+              hasReturnArgument: false
             }
             return
           }
@@ -84,6 +87,7 @@ module.exports = {
       ...(disallowFunctional
         ? {}
         : {
+            /** @param {BlockStatement} node */
             ':function > BlockStatement'(node) {
               if (!maybeVue3Functional) {
                 return
@@ -103,7 +107,7 @@ module.exports = {
                 maybeVue3Functional.hasReturnArgument = true
               }
             },
-            ':function > BlockStatement:exit'(node) {
+            ':function > BlockStatement:exit'() {
               scopeStack = scopeStack && scopeStack.upper
             },
             /** @param {ExportDefaultDeclaration} node */
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 034921622..7dc1706bb 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -5,11 +5,9 @@
 'use strict'
 
 /**
- * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal
- * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
  * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
 // ------------------------------------------------------------------------------
@@ -102,11 +100,12 @@ module.exports = {
         'Add the `emits` option with object syntax and define "{{name}}" event.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /** @typedef { { node: Literal, name: string } } EmitCellName */
-
+    /** @type {Map<ObjectExpression, { contextReferenceIds: Set<Identifier>, emitReferenceIds: Set<Identifier> }>} */
     const setupContexts = new Map()
+    /** @type {Map<ObjectExpression, (ComponentArrayEmit | ComponentObjectEmit)[]>} */
     const vueEmitsDeclarations = new Map()
 
     /** @type {EmitCellName[]} */
@@ -114,15 +113,23 @@ module.exports = {
     /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression, emits: (ComponentArrayEmit | ComponentObjectEmit)[] } | null } */
     let vueObjectData = null
 
+    /**
+     * @param {Literal} nameLiteralNode
+     */
     function addTemplateEmitCellName(nameLiteralNode) {
       templateEmitCellNames.push({
         node: nameLiteralNode,
-        name: nameLiteralNode.value
+        name: `${nameLiteralNode.value}`
       })
     }
 
+    /**
+     * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emitsDeclarations
+     * @param {Literal} nameLiteralNode
+     * @param {ObjectExpression} vueObjectNode
+     */
     function verify(emitsDeclarations, nameLiteralNode, vueObjectNode) {
-      const name = nameLiteralNode.value
+      const name = `${nameLiteralNode.value}`
       if (emitsDeclarations.some((e) => e.emitName === name)) {
         return
       }
@@ -144,9 +151,10 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(
       context,
       {
+        /** @param { CallExpression & { argument: [Literal, ...Expression] } } node */
         'CallExpression[arguments.0.type=Literal]'(node) {
           const callee = node.callee
-          const nameLiteralNode = node.arguments[0]
+          const nameLiteralNode = /** @type {Literal} */ (node.arguments[0])
           if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
             // cannot check
             return
@@ -201,20 +209,24 @@ module.exports = {
             // cannot check
             return
           }
+          /** @type {Set<Identifier>} */
           const contextReferenceIds = new Set()
+          /** @type {Set<Identifier>} */
           const emitReferenceIds = new Set()
           if (contextParam.type === 'ObjectPattern') {
-            const emitProperty = contextParam.properties.find(
-              (p) =>
-                p.type === 'Property' &&
-                utils.getStaticPropertyName(p) === 'emit'
+            const emitProperty = utils.findAssignmentProperty(
+              contextParam,
+              'emit'
             )
             if (!emitProperty) {
               return
             }
             const emitParam = emitProperty.value
             // `setup(props, {emit})`
-            const variable = findVariable(context.getScope(), emitParam)
+            const variable =
+              emitParam.type === 'Identifier'
+                ? findVariable(context.getScope(), emitParam)
+                : null
             if (!variable) {
               return
             }
@@ -225,7 +237,7 @@ module.exports = {
 
               emitReferenceIds.add(reference.identifier)
             }
-          } else {
+          } else if (contextParam.type === 'Identifier') {
             // `setup(props, context)`
             const variable = findVariable(context.getScope(), contextParam)
             if (!variable) {
@@ -244,6 +256,10 @@ module.exports = {
             emitReferenceIds
           })
         },
+        /**
+         * @param {CallExpression & { arguments: [Literal, ...Expression] }} node
+         * @param {VueObjectData} data
+         */
         'CallExpression[arguments.0.type=Literal]'(node, { node: vueNode }) {
           const callee = node.callee
           const nameLiteralNode = node.arguments[0]
@@ -252,6 +268,9 @@ module.exports = {
             return
           }
           const emitsDeclarations = vueEmitsDeclarations.get(vueNode)
+          if (!emitsDeclarations) {
+            return
+          }
 
           let emit
           if (callee.type === 'MemberExpression') {
@@ -265,12 +284,13 @@ module.exports = {
           const setupContext = setupContexts.get(vueNode)
           if (setupContext) {
             const { contextReferenceIds, emitReferenceIds } = setupContext
-            if (emitReferenceIds.has(callee)) {
+            if (callee.type === 'Identifier' && emitReferenceIds.has(callee)) {
               // verify setup(props,{emit}) {emit()}
               verify(emitsDeclarations, nameLiteralNode, vueNode)
             } else if (
               emit &&
               emit.name === 'emit' &&
+              emit.member.object.type === 'Identifier' &&
               contextReferenceIds.has(emit.member.object)
             ) {
               // verify setup(props,context) {context.emit()}
@@ -287,11 +307,17 @@ module.exports = {
           }
         },
         onVueObjectExit(node, { type }) {
+          const emits = vueEmitsDeclarations.get(node)
           if (!vueObjectData || vueObjectData.type !== 'export') {
-            vueObjectData = {
-              type,
-              object: node,
-              emits: vueEmitsDeclarations.get(node)
+            if (
+              emits &&
+              (type === 'mark' || type === 'export' || type === 'definition')
+            ) {
+              vueObjectData = {
+                type,
+                object: node,
+                emits
+              }
             }
           }
           setupContexts.delete(node)
@@ -307,6 +333,7 @@ module.exports = {
  * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
  * @param {Literal} nameNode
  * @param {RuleContext} context
+ * @returns {Rule.SuggestionReportDescriptor[]}
  */
 function buildSuggest(object, emits, nameNode, context) {
   const certainEmits = emits.filter((e) => e.key)
@@ -315,7 +342,7 @@ function buildSuggest(object, emits, nameNode, context) {
     return [
       {
         messageId: 'addOneOption',
-        data: { name: nameNode.value },
+        data: { name: `${nameNode.value}` },
         fix(fixer) {
           if (last.value === null) {
             // Array
@@ -332,9 +359,7 @@ function buildSuggest(object, emits, nameNode, context) {
     ]
   }
 
-  const propertyNodes = object.properties.filter(
-    (p) => p.type === 'Property' && p.key.type === 'Identifier'
-  )
+  const propertyNodes = object.properties.filter(utils.isProperty)
 
   const emitsOption = propertyNodes.find(
     (p) => utils.getStaticPropertyName(p) === 'emits'
@@ -343,14 +368,14 @@ function buildSuggest(object, emits, nameNode, context) {
     const sourceCode = context.getSourceCode()
     const emitsOptionValue = emitsOption.value
     if (emitsOptionValue.type === 'ArrayExpression') {
-      const leftBracket = sourceCode.getFirstToken(
+      const leftBracket = /** @type {Token} */ (sourceCode.getFirstToken(
         emitsOptionValue,
         isLeftBracket
-      )
+      ))
       return [
         {
           messageId: 'addOneOption',
-          data: { name: nameNode.value },
+          data: { name: `${nameNode.value}` },
           fix(fixer) {
             return fixer.insertTextAfter(
               leftBracket,
@@ -362,11 +387,14 @@ function buildSuggest(object, emits, nameNode, context) {
         }
       ]
     } else if (emitsOptionValue.type === 'ObjectExpression') {
-      const leftBrace = sourceCode.getFirstToken(emitsOptionValue, isLeftBrace)
+      const leftBrace = /** @type {Token} */ (sourceCode.getFirstToken(
+        emitsOptionValue,
+        isLeftBrace
+      ))
       return [
         {
           messageId: 'addOneOption',
-          data: { name: nameNode.value },
+          data: { name: `${nameNode.value}` },
           fix(fixer) {
             return fixer.insertTextAfter(
               leftBrace,
@@ -383,12 +411,12 @@ function buildSuggest(object, emits, nameNode, context) {
 
   const sourceCode = context.getSourceCode()
   const afterOptionNode = propertyNodes.find((p) =>
-    FIX_EMITS_AFTER_OPTIONS.includes(utils.getStaticPropertyName(p))
+    FIX_EMITS_AFTER_OPTIONS.includes(utils.getStaticPropertyName(p) || '')
   )
   return [
     {
       messageId: 'addArrayEmitsOption',
-      data: { name: nameNode.value },
+      data: { name: `${nameNode.value}` },
       fix(fixer) {
         if (afterOptionNode) {
           return fixer.insertTextAfter(
@@ -404,8 +432,14 @@ function buildSuggest(object, emits, nameNode, context) {
             `,\nemits: ['${nameNode.value}']`
           )
         } else {
-          const objectLeftBrace = sourceCode.getFirstToken(object, isLeftBrace)
-          const objectRightBrace = sourceCode.getLastToken(object, isRightBrace)
+          const objectLeftBrace = /** @type {Token} */ (sourceCode.getFirstToken(
+            object,
+            isLeftBrace
+          ))
+          const objectRightBrace = /** @type {Token} */ (sourceCode.getLastToken(
+            object,
+            isRightBrace
+          ))
           return fixer.insertTextAfter(
             objectLeftBrace,
             `\nemits: ['${nameNode.value}']${
@@ -419,7 +453,7 @@ function buildSuggest(object, emits, nameNode, context) {
     },
     {
       messageId: 'addObjectEmitsOption',
-      data: { name: nameNode.value },
+      data: { name: `${nameNode.value}` },
       fix(fixer) {
         if (afterOptionNode) {
           return fixer.insertTextAfter(
@@ -435,8 +469,14 @@ function buildSuggest(object, emits, nameNode, context) {
             `,\nemits: {'${nameNode.value}': null}`
           )
         } else {
-          const objectLeftBrace = sourceCode.getFirstToken(object, isLeftBrace)
-          const objectRightBrace = sourceCode.getLastToken(object, isRightBrace)
+          const objectLeftBrace = /** @type {Token} */ (sourceCode.getFirstToken(
+            object,
+            isLeftBrace
+          ))
+          const objectRightBrace = /** @type {Token} */ (sourceCode.getLastToken(
+            object,
+            isRightBrace
+          ))
           return fixer.insertTextAfter(
             objectLeftBrace,
             `\nemits: {'${nameNode.value}': null}${
diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index cf25b4aec..e8930ceb4 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -6,8 +6,16 @@
 
 const utils = require('../utils')
 
+/**
+ * @param {Property | SpreadElement} node
+ * @returns {node is ObjectExpressionProperty}
+ */
 function isNameProperty(node) {
-  return node.type === 'Property' && node.key.name === 'name' && !node.computed
+  return (
+    node.type === 'Property' &&
+    utils.getStaticPropertyName(node) === 'name' &&
+    !node.computed
+  )
 }
 
 module.exports = {
@@ -21,7 +29,7 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.executeOnVue(context, (component) => {
       if (component.properties.some(isNameProperty)) return
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index 74a7d5d4c..1104c7a33 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -19,8 +19,15 @@ const forbiddenTypes = [
   'UpdateExpression'
 ]
 
-const isForbiddenType = (node) =>
-  forbiddenTypes.indexOf(node.type) > -1 && node.raw !== 'null'
+/**
+ * @param {ESNode} node
+ */
+function isForbiddenType(node) {
+  return (
+    forbiddenTypes.indexOf(node.type) > -1 &&
+    !(node.type === 'Literal' && node.value == null && !node.bigint)
+  )
+}
 
 module.exports = {
   meta: {
@@ -34,74 +41,55 @@ module.exports = {
     schema: []
   },
 
+  /** @param {RuleContext} context */
   create(context) {
-    const fix = (node) => (fixer) => {
-      let newText
-      if (node.type === 'Literal') {
-        if (typeof node.value !== 'string') {
-          return undefined
-        }
-        newText = node.value
-      } else if (
-        node.type === 'TemplateLiteral' &&
-        node.expressions.length === 0 &&
-        node.quasis.length === 1
-      ) {
-        newText = node.quasis[0].value.cooked
-      } else {
-        return undefined
-      }
-      if (newText) {
-        return fixer.replaceText(node, newText)
-      }
-    }
+    /**
+     * @param {string} propName
+     * @param {ESNode} node
+     */
+    function checkPropertyNode(propName, node) {
+      /** @type {ESNode[]} */
+      const nodes = node.type === 'ArrayExpression' ? node.elements : [node]
 
-    const checkPropertyNode = (key, node) => {
-      if (isForbiddenType(node)) {
-        context.report({
-          node,
-          message,
-          data: {
-            name: utils.getStaticPropertyName(key)
-          },
-          fix: fix(node)
-        })
-      } else if (node.type === 'ArrayExpression') {
-        node.elements
-          .filter((prop) => prop && isForbiddenType(prop))
-          .forEach((prop) =>
-            context.report({
-              node: prop,
-              message,
-              data: {
-                name: utils.getStaticPropertyName(key)
-              },
-              fix: fix(prop)
-            })
-          )
-      }
+      nodes
+        .filter((prop) => prop && isForbiddenType(prop))
+        .forEach((prop) =>
+          context.report({
+            node: prop,
+            message,
+            data: {
+              name: propName
+            },
+            fix: (fixer) => {
+              if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+                const newText = utils.getStringLiteralValue(prop, true)
+
+                if (newText) {
+                  return fixer.replaceText(prop, newText)
+                }
+              }
+              return null
+            }
+          })
+        )
     }
 
     return utils.executeOnVueComponent(context, (obj) => {
-      const props = utils
-        .getComponentProps(obj)
-        .filter((prop) => prop.key && prop.value)
-
-      for (const prop of props) {
+      for (const prop of utils.getComponentProps(obj)) {
+        if (!prop.value || prop.propName == null) {
+          continue
+        }
         if (
           isForbiddenType(prop.value) ||
           prop.value.type === 'ArrayExpression'
         ) {
-          checkPropertyNode(prop.key, prop.value)
+          checkPropertyNode(prop.propName, prop.value)
         } else if (prop.value.type === 'ObjectExpression') {
-          const typeProperty = prop.value.properties.find(
-            (property) =>
-              property.type === 'Property' && property.key.name === 'type'
-          )
+          const typeProperty = utils.findProperty(prop.value, 'type')
 
           if (!typeProperty) continue
 
-          checkPropertyNode(prop.key, typeProperty.value)
+          checkPropertyNode(prop.propName, typeProperty.value)
         }
       }
     })
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 0fe880aee..17037853f 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -6,6 +6,11 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -23,25 +28,35 @@ module.exports = {
       // fill in your schema
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     // ----------------------------------------------------------------------
     // Helpers
     // ----------------------------------------------------------------------
 
+    /**
+     * @param {ObjectExpression} node
+     * @returns {boolean}
+     */
     function objectHasType(node) {
       const typeProperty = node.properties.find(
         (p) =>
-          utils.getStaticPropertyName(p.key) === 'type' &&
+          p.type === 'Property' &&
+          utils.getStaticPropertyName(p) === 'type' &&
           (p.value.type !== 'ArrayExpression' || p.value.elements.length > 0)
       )
       const validatorProperty = node.properties.find(
-        (p) => utils.getStaticPropertyName(p.key) === 'validator'
+        (p) =>
+          p.type === 'Property' &&
+          utils.getStaticPropertyName(p) === 'validator'
       )
       return Boolean(typeProperty || validatorProperty)
     }
 
-    function checkProperty(key, value, node) {
+    /**
+     * @param { ComponentArrayProp | ComponentObjectProp } prop
+     */
+    function checkProperty({ value, node, propName }) {
       let hasType = true
 
       if (!value) {
@@ -59,11 +74,15 @@ module.exports = {
         hasType = false
       }
       if (!hasType) {
+        const name =
+          propName ||
+          (node.type === 'Identifier' && node.name) ||
+          'Unknown prop'
         context.report({
           node,
           message: 'Prop "{{name}}" should define at least its type.',
           data: {
-            name: utils.getStaticPropertyName(key || node) || 'Unknown prop'
+            name
           }
         })
       }
@@ -77,7 +96,7 @@ module.exports = {
       const props = utils.getComponentProps(obj)
 
       for (const prop of props) {
-        checkProperty(prop.key, prop.value, prop.node)
+        checkProperty(prop)
       }
     })
   }
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 30e11b8fc..8d3b2096e 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -21,33 +21,26 @@ module.exports = {
     fixable: null, // or "code" or "whitespace"
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
+    /** @type {Map<ESNode, Property['key']>} */
     const renderFunctions = new Map()
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
-    return Object.assign(
-      {},
+    return utils.compositingVisitors(
       utils.defineVueVisitor(context, {
-        onVueObjectEnter(obj) {
-          const node = obj.properties.find(
-            (item) =>
-              item.type === 'Property' &&
-              utils.getStaticPropertyName(item) === 'render' &&
-              (item.value.type === 'ArrowFunctionExpression' ||
-                item.value.type === 'FunctionExpression')
-          )
-          if (!node) return
-          renderFunctions.set(node.value, node.key)
+        onRenderFunctionEnter(node) {
+          renderFunctions.set(node.parent.value, node.parent.key)
         }
       }),
       utils.executeOnFunctionsWithoutReturn(true, (node) => {
-        if (renderFunctions.has(node)) {
+        const key = renderFunctions.get(node)
+        if (key) {
           context.report({
-            node: renderFunctions.get(node),
+            node: key,
             message: 'Expected to return a value in render function.'
           })
         }
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
index 07493ddbb..36a3f9339 100644
--- a/lib/rules/require-slots-as-functions.js
+++ b/lib/rules/require-slots-as-functions.js
@@ -11,12 +11,6 @@
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
- */
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -35,7 +29,7 @@ module.exports = {
       unexpected: 'Property in `$slots` should be used as function.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /**
      * Verify the given node
@@ -86,7 +80,6 @@ module.exports = {
      * @param {Expression} reportNode The node to report
      */
     function verifyReferences(node, reportNode) {
-      // @ts-ignore
       const variable = findVariable(context.getScope(), node)
       if (!variable) {
         return
diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index b4ae77561..93a074f2b 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -16,7 +16,7 @@ const utils = require('../utils')
 
 /**
  * Check whether the given node is an well-known element or not.
- * @param {ASTNode} node The element node to check.
+ * @param {VElement} node The element node to check.
  * @returns {boolean} `true` if the name is an well-known element name.
  */
 function isWellKnownElement(node) {
@@ -51,7 +51,7 @@ module.exports = {
         'The element inside `<transition>` is expected to have a `v-if` or `v-show` directive.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /**
      * Check if the given element has display control.
@@ -77,6 +77,7 @@ module.exports = {
     }
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VElement} node */
       "VElement[name='transition'] > VElement"(node) {
         if (node.parent.children[0] !== node) {
           return
diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index b595c7489..987cb9794 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -26,11 +26,11 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /**
      * Check the given element about `v-bind:key` attributes.
-     * @param {ASTNode} element The element node to check.
+     * @param {VElement} element The element node to check.
      */
     function checkKey(element) {
       if (element.name === 'template' || element.name === 'slot') {
@@ -53,6 +53,7 @@ module.exports = {
     }
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='for']"(node) {
         checkKey(node.parent.parent)
       }
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 6d6c7456f..5003d20c7 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -5,15 +5,10 @@
 'use strict'
 const utils = require('../utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
- * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
- * @typedef {import('vue-eslint-parser').AST.ESLintBlockStatement} BlockStatement
- * @typedef {import('vue-eslint-parser').AST.ESLintPattern} Pattern
- */
 /**
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
 // ----------------------------------------------------------------------
@@ -61,12 +56,21 @@ function getTypes(node) {
     return [node.name]
   } else if (node.type === 'ArrayExpression') {
     return node.elements
-      .filter((item) => item.type === 'Identifier')
+      .filter(
+        /**
+         * @param {Expression | SpreadElement} item
+         * @returns {item is Identifier}
+         */
+        (item) => item.type === 'Identifier'
+      )
       .map((item) => item.name)
   }
   return []
 }
 
+/**
+ * @param {string} text
+ */
 function capitalize(text) {
   return text[0].toUpperCase() + text.slice(1)
 }
@@ -86,11 +90,11 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     /**
      * @typedef { { type: string, function: false } } StandardValueType
-     * @typedef { { type: 'Function', function: true, expression: true, functionBody: BlockStatement, returnType: string | null } } FunctionExprValueType
+     * @typedef { { type: 'Function', function: true, expression: true, functionBody: Expression, returnType: string | null } } FunctionExprValueType
      * @typedef { { type: 'Function', function: true, expression: false, functionBody: BlockStatement, returnTypes: ReturnType[] } } FunctionValueType
      * @typedef { ComponentObjectProp & { value: ObjectExpression } } ComponentObjectDefineProp
      * @typedef { { prop: ComponentObjectDefineProp, type: Set<string>, default: FunctionValueType } } PropDefaultFunctionContext
@@ -102,8 +106,11 @@ module.exports = {
      */
     const vueObjectPropsContexts = new Map()
 
-    /** @type { { upper: any, body: null | BlockStatement, returnTypes?: null | ReturnType[] } } */
+    /** @type { { upper: any, body: null | BlockStatement | Expression, returnTypes?: null | ReturnType[] } } */
     let scopeStack = { upper: null, body: null, returnTypes: null }
+    /**
+     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
     function onFunctionEnter(node) {
       scopeStack = { upper: scopeStack, body: node.body, returnTypes: null }
     }
@@ -196,7 +203,7 @@ module.exports = {
       const propName =
         prop.propName != null
           ? prop.propName
-          : `[${context.getSourceCode().getText(prop.key)}]`
+          : `[${context.getSourceCode().getText(prop.node.key)}]`
       context.report({
         node,
         message:
@@ -215,12 +222,14 @@ module.exports = {
     return utils.defineVueVisitor(context, {
       onVueObjectEnter(obj) {
         /** @type {ComponentObjectDefineProp[]} */
-        const props = utils
-          .getComponentProps(obj)
-          .filter(
-            (prop) =>
-              prop.key && prop.value && prop.value.type === 'ObjectExpression'
-          )
+        const props = utils.getComponentProps(obj).filter(
+          /**
+           * @param {ComponentObjectProp | ComponentArrayProp} prop
+           * @returns {prop is ComponentObjectDefineProp}
+           */
+          (prop) =>
+            Boolean(prop.value && prop.value.type === 'ObjectExpression')
+        )
         /** @type {PropDefaultFunctionContext[]} */
         const propContexts = []
         for (const prop of props) {
@@ -274,17 +283,27 @@ module.exports = {
         }
         vueObjectPropsContexts.set(obj, propContexts)
       },
+      /**
+       * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+       * @param {VueObjectData} data
+       */
       ':function'(node, { node: vueNode }) {
         onFunctionEnter(node)
 
-        for (const { default: defType } of vueObjectPropsContexts.get(
-          vueNode
-        )) {
+        const data = vueObjectPropsContexts.get(vueNode)
+        if (!data) {
+          return
+        }
+
+        for (const { default: defType } of data) {
           if (node.body === defType.functionBody) {
             scopeStack.returnTypes = defType.returnTypes
           }
         }
       },
+      /**
+       * @param {ReturnStatement} node
+       */
       ReturnStatement(node) {
         if (scopeStack.returnTypes && node.argument) {
           const type = getValueType(node.argument)
@@ -298,11 +317,11 @@ module.exports = {
       },
       ':function:exit': onFunctionExit,
       onVueObjectExit(obj) {
-        for (const {
-          prop,
-          type: typeNames,
-          default: defType
-        } of vueObjectPropsContexts.get(obj)) {
+        const data = vueObjectPropsContexts.get(obj)
+        if (!data) {
+          return
+        }
+        for (const { prop, type: typeNames, default: defType } of data) {
           for (const returnType of defType.returnTypes) {
             if (typeNames.has(returnType.type)) continue
 
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 3a1243b3e..770e0c597 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -6,6 +6,10 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -32,13 +36,16 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const treatUndefinedAsUnspecified = !(
       options.treatUndefinedAsUnspecified === false
     )
 
+    /**
+     * @type {Set<ComponentComputedProperty>}
+     */
     const computedProperties = new Set()
 
     // ----------------------------------------------------------------------
@@ -48,7 +55,7 @@ module.exports = {
     return Object.assign(
       {},
       utils.defineVueVisitor(context, {
-        onVueObjectEnter(obj, { node: vueNode }) {
+        onVueObjectEnter(obj) {
           for (const computedProperty of utils.getComputedProperties(obj)) {
             computedProperties.add(computedProperty)
           }
@@ -64,7 +71,7 @@ module.exports = {
                 message:
                   'Expected to return a value in "{{name}}" computed property.',
                 data: {
-                  name: cp.key
+                  name: cp.key || 'Unknown'
                 }
               })
             }
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 7dad041c3..15493a8d0 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -7,7 +7,8 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
+ * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
+ * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
  */
 
 /**
@@ -45,25 +46,37 @@ module.exports = {
     fixable: null, // or "code" or "whitespace"
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
+    /** @type {ComponentObjectEmit[]} */
     const emitsValidators = []
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
-    let scopeStack = null
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} upper
+     * @property {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} functionNode
+     * @property {boolean} hasReturnValue
+     * @property {boolean} possibleOfReturnTrue
+     */
+    /**
+     * @type {ScopeStack}
+     */
+    let scopeStack
 
     return Object.assign(
       {},
       utils.defineVueVisitor(context, {
+        /** @param {ObjectExpression} obj */
         onVueObjectEnter(obj) {
           for (const emits of utils.getComponentEmits(obj)) {
-            const emitsValue = emits.value
-            if (!emitsValue) {
+            if (!emits.value) {
               continue
             }
+            const emitsValue = emits.value
             if (
               emitsValue.type !== 'FunctionExpression' &&
               emitsValue.type !== 'ArrowFunctionExpression'
@@ -73,6 +86,7 @@ module.exports = {
             emitsValidators.push(emits)
           }
         },
+        /** @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node */
         ':function'(node) {
           scopeStack = {
             upper: scopeStack,
@@ -89,6 +103,7 @@ module.exports = {
             }
           }
         },
+        /** @param {ReturnStatement} node */
         ReturnStatement(node) {
           if (node.argument) {
             scopeStack.hasReturnValue = true
@@ -98,6 +113,7 @@ module.exports = {
             }
           }
         },
+        /** @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node */
         ':function:exit'(node) {
           if (!scopeStack.possibleOfReturnTrue) {
             const emits = emitsValidators.find((e) => e.value === node)
@@ -108,7 +124,7 @@ module.exports = {
                   ? 'Expected to return a true value in "{{name}}" emits validator.'
                   : 'Expected to return a boolean value in "{{name}}" emits validator.',
                 data: {
-                  name: emits.emitName
+                  name: emits.emitName || 'Unknown'
                 }
               })
             }
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index 09a9292f1..6a85e7114 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -49,6 +49,7 @@ module.exports = {
       }
     ]
   },
+  /** @param {RuleContext} context */
   create(context) {
     return indentCommon.defineVisitor(context, context.getSourceCode(), {})
   }
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 1261d2b73..52b5ed1fe 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -16,10 +16,16 @@ const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 // Helpers
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {VElement & { endTag: VEndTag } } element
+ */
 function isSinglelineElement(element) {
   return element.loc.start.line === element.endTag.loc.start.line
 }
 
+/**
+ * @param {any} options
+ */
 function parseOptions(options) {
   return Object.assign(
     {
@@ -34,7 +40,7 @@ function parseOptions(options) {
 /**
  * Check whether the given element is empty or not.
  * This ignores whitespaces, doesn't ignore comments.
- * @param {VElement} node The element node to check.
+ * @param {VElement & { endTag: VEndTag } } node The element node to check.
  * @param {SourceCode} sourceCode The source code object of the current context.
  * @returns {boolean} `true` if the element is empty.
  */
@@ -86,7 +92,7 @@ module.exports = {
         'Expected 1 line break before closing tag (`</{{name}}>`), but no line breaks found.'
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = parseOptions(context.options[0])
     const ignores = options.ignores
@@ -97,8 +103,10 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore()
     const sourceCode = context.getSourceCode()
 
-    let inIgnoreElement
+    /** @type {VElement | null} */
+    let inIgnoreElement = null
 
+    /** @param {VElement} node */
     function isIgnoredElement(node) {
       return (
         ignores.includes(node.name) ||
@@ -108,6 +116,7 @@ module.exports = {
     }
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VElement} node */
       VElement(node) {
         if (inIgnoreElement) {
           return
@@ -122,71 +131,80 @@ module.exports = {
           return
         }
 
-        if (!isSinglelineElement(node)) {
+        const elem = /** @type {VElement & { endTag: VEndTag } } */ (node)
+
+        if (!isSinglelineElement(elem)) {
           return
         }
-        if (ignoreWhenNoAttributes && node.startTag.attributes.length === 0) {
+        if (ignoreWhenNoAttributes && elem.startTag.attributes.length === 0) {
           return
         }
 
+        /** @type {SourceCode.CursorWithCountOptions} */
         const getTokenOption = {
           includeComments: true,
           filter: (token) => token.type !== 'HTMLWhitespace'
         }
         if (
           ignoreWhenEmpty &&
-          node.children.length === 0 &&
+          elem.children.length === 0 &&
           template.getFirstTokensBetween(
-            node.startTag,
-            node.endTag,
+            elem.startTag,
+            elem.endTag,
             getTokenOption
           ).length === 0
         ) {
           return
         }
 
-        const contentFirst = template.getTokenAfter(
-          node.startTag,
+        const contentFirst = /** @type {Token} */ (template.getTokenAfter(
+          elem.startTag,
+          getTokenOption
+        ))
+        const contentLast = /** @type {Token} */ (template.getTokenBefore(
+          elem.endTag,
           getTokenOption
-        )
-        const contentLast = template.getTokenBefore(node.endTag, getTokenOption)
+        ))
 
         context.report({
-          node: template.getLastToken(node.startTag),
+          node: template.getLastToken(elem.startTag),
           loc: {
-            start: node.startTag.loc.end,
+            start: elem.startTag.loc.end,
             end: contentFirst.loc.start
           },
           messageId: 'unexpectedAfterClosingBracket',
           data: {
-            name: node.rawName
+            name: elem.rawName
           },
           fix(fixer) {
-            const range = [node.startTag.range[1], contentFirst.range[0]]
+            /** @type {Range} */
+            const range = [elem.startTag.range[1], contentFirst.range[0]]
             return fixer.replaceTextRange(range, '\n')
           }
         })
 
-        if (isEmpty(node, sourceCode)) {
+        if (isEmpty(elem, sourceCode)) {
           return
         }
 
         context.report({
-          node: template.getFirstToken(node.endTag),
+          node: template.getFirstToken(elem.endTag),
           loc: {
             start: contentLast.loc.end,
-            end: node.endTag.loc.start
+            end: elem.endTag.loc.start
           },
           messageId: 'unexpectedBeforeOpeningBracket',
           data: {
-            name: node.rawName
+            name: elem.rawName
           },
           fix(fixer) {
-            const range = [contentLast.range[1], node.endTag.range[0]]
+            /** @type {Range} */
+            const range = [contentLast.range[1], elem.endTag.range[0]]
             return fixer.replaceTextRange(range, '\n')
           }
         })
       },
+      /** @param {VElement} node */
       'VElement:exit'(node) {
         if (inIgnoreElement === node) {
           inIgnoreElement = null
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 246329e0b..5e4fa3c10 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -23,7 +23,7 @@ const utils = require('../utils')
  *   whether it's a computed property or not.
  * - If the property has a static name, this returns the static name.
  * - Otherwise, this returns null.
- * @param {ASTNode} node The `Property` node to get.
+ * @param {Property} node The `Property` node to get.
  * @returns {string|null} The property name or null.
  * @private
  */
@@ -34,15 +34,16 @@ function getPropertyName(node) {
     return staticName
   }
 
-  return node.key.name || null
+  return node.key.type === 'Identifier' ? node.key.name : null
 }
 
 /**
  * Functions which check that the given 2 names are in specific order.
  *
  * Postfix `I` is meant insensitive.
- * Postfix `N` is meant natual.
+ * Postfix `N` is meant natural.
  * @private
+ * @type { { [key: string]: (a:string, b:string) => boolean } }
  */
 const isValidOrders = {
   asc(a, b) {
@@ -119,14 +120,22 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      sortKeys:
+        "Expected object keys to be in {{natural}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'."
+    }
   },
-
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
   create(context) {
     // Parse options.
     const options = context.options[1]
     const order = context.options[0] || 'asc'
 
+    /** @type {string[]} */
     const ignoreGrandchildrenOf = (options &&
       options.ignoreGrandchildrenOf) || [
       'computed',
@@ -135,108 +144,112 @@ module.exports = {
       'props',
       'watch'
     ]
+    /** @type {string[]} */
     const ignoreChildrenOf = (options && options.ignoreChildrenOf) || ['model']
     const insensitive = options && options.caseSensitive === false
     const minKeys = options && options.minKeys
-    const natual = options && options.natural
+    const natural = options && options.natural
     const isValidOrder =
-      isValidOrders[order + (insensitive ? 'I' : '') + (natual ? 'N' : '')]
-
-    // The stack to save the previous property's name for each object literals.
-    let stack = null
+      isValidOrders[order + (insensitive ? 'I' : '') + (natural ? 'N' : '')]
 
-    let errors = []
-    const names = {}
-
-    const reportErrors = (isVue) => {
-      if (isVue) {
-        errors = errors.filter((error) => {
-          let parentIsRoot = !error.hasUpper
-          let grandParentIsRoot = !error.grandparent
-          let greatGrandparentIsRoot = !error.greatGrandparent
-
-          const stackPrevChar = stack && stack.prevChar
-          if (stackPrevChar) {
-            parentIsRoot = stackPrevChar === error.parent
-            grandParentIsRoot = stackPrevChar === error.grandparent
-            greatGrandparentIsRoot = stackPrevChar === error.greatGrandparent
-          }
+    /**
+     * @typedef {object} ObjectStack
+     * @property {ObjectStack} ObjectStack.upper
+     * @property {string | null} ObjectStack.prevName
+     * @property {number} ObjectStack.numKeys
+     * @property {VueState} ObjectStack.vueState
+     *
+     * @typedef {object} VueState
+     * @property {Property} [VueState.currentProperty]
+     * @property {boolean} [VueState.isVueObject]
+     * @property {boolean} [VueState.within]
+     * @property {string} [VueState.propName]
+     * @property {number} [VueState.chainLevel]
+     * @property {boolean} [VueState.ignore]
+     */
 
-          if (parentIsRoot) {
-            return false
-          } else if (grandParentIsRoot) {
-            return (
-              !error.parentIsProperty ||
-              !ignoreChildrenOf.includes(names[error.parent])
-            )
-          } else if (greatGrandparentIsRoot) {
-            return (
-              !error.parentIsProperty ||
-              !ignoreGrandchildrenOf.includes(names[error.grandparent])
-            )
-          }
-          return true
-        })
-      }
-      errors.forEach((error) => error.errors.forEach((e) => context.report(e)))
-      errors = []
-    }
+    /**
+     * The stack to save the previous property's name for each object literals.
+     * @type {ObjectStack}
+     */
+    let stack
 
-    const sortTests = {
+    return {
       ObjectExpression(node) {
-        if (!stack) {
-          reportErrors(false)
-        }
+        /** @type {VueState} */
+        const vueState = {}
+        const upperVueState = (stack && stack.vueState) || {}
         stack = {
           upper: stack,
-          prevChar: null,
           prevName: null,
           numKeys: node.properties.length,
-          parentIsProperty: node.parent.type === 'Property',
-          errors: []
+          vueState
+        }
+
+        vueState.isVueObject = utils.getVueObjectType(context, node) != null
+        if (vueState.isVueObject) {
+          vueState.within = vueState.isVueObject
+          // Ignore Vue object properties
+          vueState.ignore = true
+        } else {
+          if (upperVueState.within && upperVueState.currentProperty) {
+            const isChain = utils.isPropertyChain(
+              upperVueState.currentProperty,
+              node
+            )
+            if (isChain) {
+              let propName
+              let chainLevel
+              if (upperVueState.isVueObject) {
+                propName =
+                  utils.getStaticPropertyName(upperVueState.currentProperty) ||
+                  ''
+                chainLevel = 1
+              } else {
+                propName = upperVueState.propName
+                chainLevel = upperVueState.chainLevel + 1
+              }
+              vueState.propName = propName
+              vueState.chainLevel = chainLevel
+              // chaining
+              vueState.within = true
+
+              // Judge whether to ignore the property.
+              if (chainLevel === 1) {
+                if (ignoreChildrenOf.includes(propName)) {
+                  vueState.ignore = true
+                }
+              } else if (chainLevel === 2) {
+                if (ignoreGrandchildrenOf.includes(propName)) {
+                  vueState.ignore = true
+                }
+              }
+            } else {
+              // chaining has broken.
+              vueState.within = false
+            }
+          }
         }
       },
-      'ObjectExpression:exit'(node) {
-        errors.push({
-          errors: stack.errors,
-          hasUpper: !!stack.upper,
-          parentIsProperty: node.parent.type === 'Property',
-          parent: stack.upper && stack.upper.prevChar,
-          grandparent:
-            stack.upper && stack.upper.upper && stack.upper.upper.prevChar,
-          greatGrandparent:
-            stack.upper &&
-            stack.upper.upper &&
-            stack.upper.upper.upper &&
-            stack.upper.upper.upper.prevChar
-        })
+      'ObjectExpression:exit'() {
         stack = stack.upper
       },
       SpreadElement(node) {
         if (node.parent.type === 'ObjectExpression') {
           stack.prevName = null
-          stack.prevChar = null
         }
       },
-      'Program:exit'() {
-        reportErrors(false)
-      },
-      Property(node) {
-        if (node.parent.type === 'ObjectPattern') {
+      'ObjectExpression > Property'(node) {
+        stack.vueState.currentProperty = node
+        if (stack.vueState.ignore) {
           return
         }
-
         const prevName = stack.prevName
         const numKeys = stack.numKeys
         const thisName = getPropertyName(node)
 
         if (thisName !== null) {
           stack.prevName = thisName
-          stack.prevChar = node.range[0]
-          if (Object.prototype.hasOwnProperty.call(names, node.range[0])) {
-            throw new Error('Name clash')
-          }
-          names[node.range[0]] = thisName
         }
 
         if (prevName === null || thisName === null || numKeys < minKeys) {
@@ -244,41 +257,20 @@ module.exports = {
         }
 
         if (!isValidOrder(prevName, thisName)) {
-          stack.errors.push({
+          context.report({
             node,
             loc: node.key.loc,
-            message:
-              "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
+            messageId: 'sortKeys',
             data: {
               thisName,
               prevName,
               order,
               insensitive: insensitive ? 'insensitive ' : '',
-              natual: natual ? 'natural ' : ''
+              natural: natural ? 'natural ' : ''
             }
           })
         }
       }
     }
-
-    const execOnVue = utils.executeOnVue(context, (obj) => {
-      reportErrors(true)
-    })
-
-    const result = { ...sortTests }
-
-    Object.keys(execOnVue).forEach((key) => {
-      // Ensure we call both the callback from sortTests and execOnVue if they both use the same key
-      if (Object.prototype.hasOwnProperty.call(sortTests, key)) {
-        result[key] = (node) => {
-          sortTests[key](node)
-          execOnVue[key](node)
-        }
-      } else {
-        result[key] = execOnVue[key]
-      }
-    })
-
-    return result
   }
 }
diff --git a/lib/rules/static-class-names-order.js b/lib/rules/static-class-names-order.js
index 3a43dbf23..bee820fa2 100644
--- a/lib/rules/static-class-names-order.js
+++ b/lib/rules/static-class-names-order.js
@@ -24,10 +24,16 @@ module.exports = {
     fixable: 'code',
     schema: []
   },
+  /** @param {RuleContext} context */
   create: (context) => {
     return defineTemplateBodyVisitor(context, {
+      /** @param {VAttribute} node */
       "VAttribute[directive=false][key.name='class']"(node) {
-        const classList = node.value.value
+        const value = node.value
+        if (!value) {
+          return
+        }
+        const classList = value.value
         const classListWithWhitespace = classList.split(/(\s+)/)
 
         // Detect and reuse any type of whitespace.
@@ -46,11 +52,7 @@ module.exports = {
             node,
             loc: node.loc,
             message: 'Classes should be ordered alphabetically.',
-            fix: (fixer) =>
-              fixer.replaceTextRange(
-                [node.value.range[0], node.value.range[1]],
-                `"${classListSorted}"`
-              )
+            fix: (fixer) => fixer.replaceText(value, `"${classListSorted}"`)
           })
         }
       }
diff --git a/lib/rules/syntaxes/dynamic-directive-arguments.js b/lib/rules/syntaxes/dynamic-directive-arguments.js
index ae720d87a..314bceeaa 100644
--- a/lib/rules/syntaxes/dynamic-directive-arguments.js
+++ b/lib/rules/syntaxes/dynamic-directive-arguments.js
@@ -5,15 +5,16 @@
 'use strict'
 module.exports = {
   supported: '2.6.0',
+  /** @param {RuleContext} context */
   createTemplateBodyVisitor(context) {
     /**
      * Reports dynamic argument node
-     * @param {VExpressionContainer} dinamicArgument node of dynamic argument
+     * @param {VExpressionContainer} dynamicArgument node of dynamic argument
      * @returns {void}
      */
-    function reportDynamicArgument(dinamicArgument) {
+    function reportDynamicArgument(dynamicArgument) {
       context.report({
-        node: dinamicArgument,
+        node: dynamicArgument,
         messageId: 'forbiddenDynamicDirectiveArguments'
       })
     }
diff --git a/lib/rules/syntaxes/scope-attribute.js b/lib/rules/syntaxes/scope-attribute.js
index b382eb40d..e2b0a697e 100644
--- a/lib/rules/syntaxes/scope-attribute.js
+++ b/lib/rules/syntaxes/scope-attribute.js
@@ -5,6 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.5.0',
+  /** @param {RuleContext} context */
   createTemplateBodyVisitor(context) {
     /**
      * Reports `scope` node
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index d20095a17..12d6ad67a 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -5,6 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.6.0',
+  /** @param {RuleContext} context */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
@@ -27,7 +28,7 @@ module.exports = {
 
     /**
      * Checks whether the given node can convert to the `v-slot`.
-     * @param {VAttribute} slotAttr node of `v-bind:slot`
+     * @param {VDirective} slotAttr node of `v-bind:slot`
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
     function canConvertFromVBindSlotToVSlot(slotAttr) {
@@ -51,11 +52,11 @@ module.exports = {
 
     /**
      * Convert to `v-slot`.
-     * @param {object} fixer fixer
-     * @param {VAttribute} slotAttr node of `slot`
+     * @param {RuleFixer} fixer fixer
+     * @param {VAttribute|VDirective} slotAttr node of `slot`
      * @param {string | null} slotName name of `slot`
      * @param {boolean} vBind `true` if `slotAttr` is `v-bind:slot`
-     * @returns {*} fix data
+     * @returns {Fix[]} fix data
      */
     function fixSlotToVSlot(fixer, slotAttr, slotName, vBind) {
       const element = slotAttr.parent
@@ -104,7 +105,7 @@ module.exports = {
     }
     /**
      * Reports `v-bind:slot` node
-     * @param {VAttribute} slotAttr node of `v-bind:slot`
+     * @param {VDirective} slotAttr node of `v-bind:slot`
      * @returns {void}
      */
     function reportVBindSlot(slotAttr) {
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index c4c20b771..6efa41552 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -6,6 +6,11 @@
 module.exports = {
   deprecated: '2.6.0',
   supported: '2.5.0',
+  /**
+   * @param {RuleContext} context
+   * @param {object} option
+   * @param {boolean} [option.fixToUpgrade]
+   */
   createTemplateBodyVisitor(context, { fixToUpgrade } = {}) {
     const sourceCode = context.getSourceCode()
 
@@ -33,6 +38,7 @@ module.exports = {
           attr.directive === true &&
           attr.key.name.name === 'bind' &&
           attr.key.argument &&
+          attr.key.argument.type === 'VIdentifier' &&
           attr.key.argument.name === 'slot'
       )
       if (vBindSlotAttr) {
@@ -45,9 +51,9 @@ module.exports = {
 
     /**
      * Convert to `v-slot`.
-     * @param {object} fixer fixer
-     * @param {VAttribute | null} scopeAttr node of `slot-scope`
-     * @returns {*} fix data
+     * @param {RuleFixer} fixer fixer
+     * @param {VDirective} scopeAttr node of `slot-scope`
+     * @returns {Fix} fix data
      */
     function fixSlotScopeToVSlot(fixer, scopeAttr) {
       const scopeValue =
@@ -60,7 +66,7 @@ module.exports = {
     }
     /**
      * Reports `slot-scope` node
-     * @param {VAttribute} scopeAttr node of `slot-scope`
+     * @param {VDirective} scopeAttr node of `slot-scope`
      * @returns {void}
      */
     function reportSlotScope(scopeAttr) {
diff --git a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
index 386277002..1374379f2 100644
--- a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
+++ b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
@@ -3,18 +3,20 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const { Range } = require('semver')
-const unsupported = new Range('<=2.5 || >=2.6.0')
+const semver = require('semver')
+const unsupported = new semver.Range('<=2.5 || >=2.6.0')
 
 module.exports = {
   // >=2.6.0-beta.1 <=2.6.0-beta.3
+  /** @param {semver.Range} versionRange */
   supported: (versionRange) => {
     return !versionRange.intersects(unsupported)
   },
+  /** @param {RuleContext} context */
   createTemplateBodyVisitor(context) {
     /**
      * Reports `.prop` shorthand node
-     * @param {VDirectiveKey} bindPropKey node of `.prop` shorthand
+     * @param { VDirectiveKey & { argument: VIdentifier } } bindPropKey node of `.prop` shorthand
      * @returns {void}
      */
     function reportPropModifierShorthand(bindPropKey) {
diff --git a/lib/rules/syntaxes/v-slot.js b/lib/rules/syntaxes/v-slot.js
index 1b17f7c1c..c3b5dfc0d 100644
--- a/lib/rules/syntaxes/v-slot.js
+++ b/lib/rules/syntaxes/v-slot.js
@@ -5,12 +5,13 @@
 'use strict'
 module.exports = {
   supported: '2.6.0',
+  /** @param {RuleContext} context */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
     /**
      * Checks whether the given node can convert to the `slot`.
-     * @param {VAttribute} vSlotAttr node of `v-slot`
+     * @param {VDirective} vSlotAttr node of `v-slot`
      * @returns {boolean} `true` if the given node can convert to the `slot`
      */
     function canConvertToSlot(vSlotAttr) {
@@ -21,9 +22,9 @@ module.exports = {
     }
     /**
      * Convert to `slot` and `slot-scope`.
-     * @param {object} fixer fixer
-     * @param {VAttribute} vSlotAttr node of `v-slot`
-     * @returns {*} fix data
+     * @param {RuleFixer} fixer fixer
+     * @param {VDirective} vSlotAttr node of `v-slot`
+     * @returns {null|Fix} fix data
      */
     function fixVSlotToSlot(fixer, vSlotAttr) {
       const key = vSlotAttr.key
@@ -60,7 +61,7 @@ module.exports = {
     }
     /**
      * Reports `v-slot` node
-     * @param {VAttribute} vSlotAttr node of `v-slot`
+     * @param {VDirective} vSlotAttr node of `v-slot`
      * @returns {void}
      */
     function reportVSlot(vSlotAttr) {
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index cec83201e..10c89a81e 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -39,80 +39,82 @@ module.exports = {
    */
   create(context) {
     const options = context.options[0] !== 'always' ? 'never' : 'always'
-    let scope = {
-      parent: null,
-      nodes: []
-    }
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack} parent
+     * @property {Identifier[]} nodes
+     */
 
-    return utils.defineTemplateBodyVisitor(
-      context,
-      Object.assign(
-        {
-          VElement(node) {
-            scope = {
-              parent: scope,
-              nodes: scope.nodes.slice() // make copy
+    /** @type {ScopeStack} */
+    let scope
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VElement} node */
+      VElement(node) {
+        scope = {
+          parent: scope,
+          nodes: scope
+            ? scope.nodes.slice() // make copy
+            : []
+        }
+        if (node.variables) {
+          for (const variable of node.variables) {
+            const varNode = variable.id
+            const name = varNode.name
+            if (!scope.nodes.some((node) => node.name === name)) {
+              // Prevent adding duplicates
+              scope.nodes.push(varNode)
             }
-            if (node.variables) {
-              for (const variable of node.variables) {
-                const varNode = variable.id
-                const name = varNode.name
-                if (!scope.nodes.some((node) => node.name === name)) {
-                  // Prevent adding duplicates
-                  scope.nodes.push(varNode)
-                }
+          }
+        }
+      },
+      'VElement:exit'() {
+        scope = scope.parent
+      },
+      ...(options === 'never'
+        ? {
+            /** @param { ThisExpression & { parent: MemberExpression } } node */
+            'VExpressionContainer MemberExpression > ThisExpression'(node) {
+              const propertyName = utils.getStaticPropertyName(node.parent)
+              if (
+                !propertyName ||
+                scope.nodes.some((el) => el.name === propertyName) ||
+                RESERVED_NAMES.has(propertyName) || // this.class | this['class']
+                /^[0-9].*$|[^a-zA-Z0-9_]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
+              ) {
+                return
               }
+
+              context.report({
+                node,
+                loc: node.loc,
+                message: "Unexpected usage of 'this'."
+              })
             }
-          },
-          'VElement:exit'(node) {
-            scope = scope.parent
           }
-        },
-        options === 'never'
-          ? {
-              'VExpressionContainer MemberExpression > ThisExpression'(node) {
-                const propertyName = utils.getStaticPropertyName(
-                  node.parent.property
-                )
-                if (
-                  !propertyName ||
-                  scope.nodes.some((el) => el.name === propertyName) ||
-                  RESERVED_NAMES.has(propertyName) || // this.class | this['class']
-                  /^[0-9].*$|[^a-zA-Z0-9_]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
-                ) {
-                  return
-                }
-
-                context.report({
-                  node,
-                  loc: node.loc,
-                  message: "Unexpected usage of 'this'."
-                })
+        : {
+            /** @param {VExpressionContainer} node */
+            VExpressionContainer(node) {
+              if (node.parent.type === 'VDirectiveKey') {
+                // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
+                // For example, In `:[this.prop]` case, `:[this` is an argument and `prop]` is a modifier.
+                return
               }
-            }
-          : {
-              VExpressionContainer(node) {
-                if (node.parent.type === 'VDirectiveKey') {
-                  // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
-                  // For example, In `:[this.prop]` case, `:[this` is an argument and `prop]` is a modifier.
-                  return
-                }
-                if (node.references) {
-                  for (const reference of node.references) {
-                    if (
-                      !scope.nodes.some((el) => el.name === reference.id.name)
-                    ) {
-                      context.report({
-                        node: reference.id,
-                        loc: reference.id.loc,
-                        message: "Expected 'this'."
-                      })
-                    }
+              if (node.references) {
+                for (const reference of node.references) {
+                  if (
+                    !scope.nodes.some((el) => el.name === reference.id.name)
+                  ) {
+                    context.report({
+                      node: reference.id,
+                      loc: reference.id.loc,
+                      message: "Expected 'this'."
+                    })
                   }
                 }
               }
             }
-      )
-    )
+          })
+    })
   }
 }
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index baaaf8c60..0a1790658 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -8,6 +8,10 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+/**
+ * @typedef { {name: string, node: VDirectiveKey, modifiers: string[] } } EventDirective
+ */
+
 const utils = require('../utils')
 
 const SYSTEM_MODIFIERS = new Set(['ctrl', 'shift', 'alt', 'meta'])
@@ -28,22 +32,18 @@ const GLOBAL_MODIFIERS = new Set([
 /**
  * Finds and returns all keys for event directives
  *
- * @param {array} attributes Element attributes
+ * @param {VStartTag} startTag Element startTag
  * @param {SourceCode} sourceCode The source code object.
- * @returns {array[object]} [{ name, node, modifiers }]
+ * @returns {EventDirective[]} [{ name, node, modifiers }]
  */
-function getEventDirectives(attributes, sourceCode) {
-  return attributes
-    .filter(
-      (attribute) => attribute.directive && attribute.key.name.name === 'on'
-    )
-    .map((attribute) => ({
-      name: attribute.key.argument
-        ? sourceCode.getText(attribute.key.argument)
-        : '',
-      node: attribute.key,
-      modifiers: attribute.key.modifiers.map((modifier) => modifier.name)
-    }))
+function getEventDirectives(startTag, sourceCode) {
+  return utils.getDirectives(startTag, 'on').map((attribute) => ({
+    name: attribute.key.argument
+      ? sourceCode.getText(attribute.key.argument)
+      : '',
+    node: attribute.key,
+    modifiers: attribute.key.modifiers.map((modifier) => modifier.name)
+  }))
 }
 
 /**
@@ -70,7 +70,7 @@ function isSystemModifier(modifier) {
  * Checks whether given any of provided modifiers
  * has system modifier
  *
- * @param {array} modifiers
+ * @param {string[]} modifiers
  * @returns {boolean}
  */
 function hasSystemModifier(modifiers) {
@@ -81,8 +81,8 @@ function hasSystemModifier(modifiers) {
  * Groups all events in object,
  * with keys represinting each event name
  *
- * @param {array} events
- * @returns {object} { click: [], keypress: [] }
+ * @param {EventDirective[]} events
+ * @returns { { [key: string]: EventDirective[]  } } { click: [], keypress: [] }
  */
 function groupEvents(events) {
   return events.reduce((acc, event) => {
@@ -91,15 +91,14 @@ function groupEvents(events) {
     } else {
       acc[event.name] = [event]
     }
-
     return acc
-  }, {})
+  }, /** @type { { [key: string]: EventDirective[] } }*/ ({}))
 }
 
 /**
  * Creates alphabetically sorted string with system modifiers
  *
- * @param {array[string]} modifiers
+ * @param {string[]} modifiers
  * @returns {string} e.g. "alt,ctrl,del,shift"
  */
 function getSystemModifiersString(modifiers) {
@@ -109,7 +108,7 @@ function getSystemModifiersString(modifiers) {
 /**
  * Creates alphabetically sorted string with key modifiers
  *
- * @param {array[string]} modifiers
+ * @param {string[]} modifiers
  * @returns {string} e.g. "enter,tab"
  */
 function getKeyModifiersString(modifiers) {
@@ -120,8 +119,8 @@ function getKeyModifiersString(modifiers) {
  * Compares two events based on their modifiers
  * to detect possible event leakeage
  *
- * @param {object} baseEvent
- * @param {object} event
+ * @param {EventDirective} baseEvent
+ * @param {EventDirective} event
  * @returns {boolean}
  */
 function hasConflictedModifiers(baseEvent, event) {
@@ -151,8 +150,8 @@ function hasConflictedModifiers(baseEvent, event) {
 /**
  * Searches for events that might conflict with each other
  *
- * @param {array} events
- * @returns {array} conflicted events, without duplicates
+ * @param {EventDirective[]} events
+ * @returns {EventDirective[]} conflicted events, without duplicates
  */
 function findConflictedEvents(events) {
   return events.reduce((acc, event) => {
@@ -162,7 +161,7 @@ function findConflictedEvents(events) {
         .filter((evt) => !acc.find((e) => evt === e)) // No duplicates
         .filter(hasConflictedModifiers.bind(null, event))
     ]
-  }, [])
+  }, /** @type {EventDirective[]} */ ([]))
 }
 
 // ------------------------------------------------------------------------------
@@ -191,11 +190,12 @@ module.exports = {
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VStartTag} node */
       VStartTag(node) {
         if (node.attributes.length === 0) return
 
         const isCustomComponent = utils.isCustomComponent(node.parent)
-        let events = getEventDirectives(node.attributes, sourceCode)
+        let events = getEventDirectives(node, sourceCode)
 
         if (isCustomComponent) {
           // For components consider only events with `native` modifier
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 1e7c50e69..e6878a349 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -26,11 +26,12 @@ module.exports = {
     fixable: 'code',
     schema: [{ enum: ['shorthand', 'longform'] }]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const preferShorthand = context.options[0] !== 'longform'
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]"(
         node
       ) {
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index 1897b65f0..04eb79792 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -9,13 +9,6 @@
 
 const utils = require('../utils')
 
-/**
- * @typedef {import('vue-eslint-parser').AST.VOnExpression} VOnExpression
- * @typedef {import('vue-eslint-parser').AST.Token} Token
- * @typedef {import('vue-eslint-parser').AST.ESLintExpressionStatement} ExpressionStatement
- * @typedef {import('vue-eslint-parser').AST.ESLintCallExpression} CallExpression
- */
-
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
@@ -60,7 +53,7 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const always = context.options[0] === 'always'
 
@@ -102,6 +95,7 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(context, {
       ...(always
         ? {
+            /** @param {Identifier} node */
             "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
               node
             ) {
@@ -122,14 +116,15 @@ module.exports = {
                 return
               }
               const option = context.options[1] || {}
-              const ignoreIncludesComment = option.ignoreIncludesComment
+              const ignoreIncludesComment = !!option.ignoreIncludesComment
 
               const tokenStore = context.parserServices.getTemplateBodyTokenStore()
-              /** @type {Token[]} */
               const tokens = tokenStore.getTokens(node.parent, {
                 includeComments: true
               })
+              /** @type {Token | undefined} */
               let leftQuote
+              /** @type {Token | undefined} */
               let rightQuote
               if (isQuote(tokens[0])) {
                 leftQuote = tokens.shift()
@@ -151,12 +146,14 @@ module.exports = {
                 fix: hasComment
                   ? null /* The comment is included and cannot be fixed. */
                   : (fixer) => {
-                      const range = leftQuote
-                        ? [leftQuote.range[1], rightQuote.range[0]]
-                        : [
-                            tokens[0].range[0],
-                            tokens[tokens.length - 1].range[1]
-                          ]
+                      /** @type {Range} */
+                      const range =
+                        leftQuote && rightQuote
+                          ? [leftQuote.range[1], rightQuote.range[0]]
+                          : [
+                              tokens[0].range[0],
+                              tokens[tokens.length - 1].range[1]
+                            ]
 
                       return fixer.replaceTextRange(
                         range,
diff --git a/lib/rules/v-on-style.js b/lib/rules/v-on-style.js
index bda26be94..4649aacf9 100644
--- a/lib/rules/v-on-style.js
+++ b/lib/rules/v-on-style.js
@@ -26,11 +26,12 @@ module.exports = {
     fixable: 'code',
     schema: [{ enum: ['shorthand', 'longform'] }]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const preferShorthand = context.options[0] !== 'longform'
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='on'][key.argument!=null]"(
         node
       ) {
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index bbae1989e..f0cbe3610 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -20,6 +20,7 @@ const utils = require('../utils')
  * @returns {Options} The normalized options.
  */
 function normalizeOptions(options) {
+  /** @type {Options} */
   const normalized = {
     atComponent: 'v-slot',
     default: 'shorthand',
@@ -27,9 +28,11 @@ function normalizeOptions(options) {
   }
 
   if (typeof options === 'string') {
-    normalized.atComponent = normalized.default = normalized.named = options
+    normalized.atComponent = normalized.default = normalized.named = /** @type {"shorthand" | "longform"} */ (options)
   } else if (options != null) {
-    for (const key of ['atComponent', 'default', 'named']) {
+    /** @type {(keyof Options)[]} */
+    const keys = ['atComponent', 'default', 'named']
+    for (const key of keys) {
       if (options[key] != null) {
         normalized[key] = options[key]
       }
@@ -42,7 +45,7 @@ function normalizeOptions(options) {
 /**
  * Get the expected style.
  * @param {Options} options The options that defined expected types.
- * @param {VAttribute} node The `v-slot` node to check.
+ * @param {VDirective} node The `v-slot` node to check.
  * @returns {"shorthand" | "longform" | "v-slot"} The expected style.
  */
 function getExpectedStyle(options, node) {
@@ -60,7 +63,7 @@ function getExpectedStyle(options, node) {
 
 /**
  * Get the expected style.
- * @param {VAttribute} node The `v-slot` node to check.
+ * @param {VDirective} node The `v-slot` node to check.
  * @returns {"shorthand" | "longform" | "v-slot"} The expected style.
  */
 function getActualStyle(node) {
@@ -107,12 +110,13 @@ module.exports = {
       expectedVSlot: "Expected 'v-slot' instead of '{{actual}}'."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
     const options = normalizeOptions(context.options[0])
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='slot']"(node) {
         const expected = getExpectedStyle(options, node)
         const actual = getActualStyle(node)
@@ -121,6 +125,7 @@ module.exports = {
         }
 
         const { name, argument } = node.key
+        /** @type {Range} */
         const range = [name.range[0], (argument || name).range[1]]
         const argumentText = argument ? sourceCode.getText(argument) : 'default'
         context.report({
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index f7928d294..703ab8b8e 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -26,11 +26,12 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
 
     return {
+      /** @param {Program} program */
       Program(program) {
         const element = program.templateBody
         if (element == null) {
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 6b9225308..3799d0895 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -16,7 +16,7 @@ const utils = require('../utils')
 
 /**
  * Check whether the given node is valid or not.
- * @param {ASTNode} node The element node to check.
+ * @param {VElement} node The element node to check.
  * @returns {boolean} `true` if the node is valid.
  */
 function isValidElement(node) {
@@ -63,9 +63,10 @@ module.exports = {
         "'.sync' modifiers cannot update the iteration variable '{{varName}}' itself."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='bind']"(node) {
         if (!node.key.modifiers.map((mod) => mod.name).includes('sync')) {
           return
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index 7d88bad38..385272f71 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -32,9 +32,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='bind']"(node) {
         for (const modifier of node.key.modifiers) {
           if (!VALID_MODIFIERS.has(modifier.name)) {
diff --git a/lib/rules/valid-v-cloak.js b/lib/rules/valid-v-cloak.js
index b571ebd00..4fd51d781 100644
--- a/lib/rules/valid-v-cloak.js
+++ b/lib/rules/valid-v-cloak.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='cloak']"(node) {
         if (node.key.argument) {
           context.report({
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index 59252855b..aafe97b1c 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='else-if']"(node) {
         const element = node.parent.parent
 
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index 2479f467e..7a8542787 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='else']"(node) {
         const element = node.parent.parent
 
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 443afc2d0..81fcc8a0d 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -17,8 +17,8 @@ const utils = require('../utils')
 
 /**
  * Check whether the given attribute is using the variables which are defined by `v-for` directives.
- * @param {ASTNode} vFor The attribute node of `v-for` to check.
- * @param {ASTNode} vBindKey The attribute node of `v-bind:key` to check.
+ * @param {VDirective} vFor The attribute node of `v-for` to check.
+ * @param {VDirective} vBindKey The attribute node of `v-bind:key` to check.
  * @returns {boolean} `true` if the node is using the variables which are defined by `v-for` directives.
  */
 function isUsingIterationVar(vFor, vBindKey) {
@@ -38,14 +38,14 @@ function isUsingIterationVar(vFor, vBindKey) {
 /**
  * Check the child element in tempalte v-for about `v-bind:key` attributes.
  * @param {RuleContext} context The rule context to report.
- * @param {ASTNode} vFor The attribute node of `v-for` to check.
- * @param {ASTNode} child The child node to check.
+ * @param {VDirective} vFor The attribute node of `v-for` to check.
+ * @param {VElement} child The child node to check.
  */
 function checkChildKey(context, vFor, child) {
   const childFor = utils.getDirective(child, 'for')
   // if child has v-for, check if parent iterator is used in v-for
   if (childFor != null) {
-    const childForRefs = childFor.value.references
+    const childForRefs = (childFor.value && childFor.value.references) || []
     const variables = vFor.parent.parent.variables
     const usedInFor = childForRefs.some((cref) =>
       variables.some(
@@ -66,8 +66,8 @@ function checkChildKey(context, vFor, child) {
 /**
  * Check the given element about `v-bind:key` attributes.
  * @param {RuleContext} context The rule context to report.
- * @param {ASTNode} vFor The attribute node of `v-for` to check.
- * @param {ASTNode} element The element node to check.
+ * @param {VDirective} vFor The attribute node of `v-for` to check.
+ * @param {VElement} element The element node to check.
  */
 function checkKey(context, vFor, element) {
   if (element.name === 'template') {
@@ -113,11 +113,12 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='for']"(node) {
         const element = node.parent.parent
 
@@ -167,8 +168,7 @@ module.exports = {
 
         if (value === null) {
           context.report({
-            node: value || expr,
-            loc: value && value.loc,
+            node: expr,
             message: "Invalid alias ''."
           })
         }
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index 575939a2a..d88997682 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='html']"(node) {
         if (node.key.argument) {
           context.report({
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index c07ae2c81..b61435ab0 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='if']"(node) {
         const element = node.parent.parent
 
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index 0c7431c05..451787367 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -19,7 +19,7 @@ const VALID_MODIFIERS = new Set(['lazy', 'number', 'trim'])
 
 /**
  * Check whether the given node is valid or not.
- * @param {ASTNode} node The element node to check.
+ * @param {VElement} node The element node to check.
  * @returns {boolean} `true` if the node is valid.
  */
 function isValidElement(node) {
@@ -48,8 +48,8 @@ function isLhs(node) {
 /**
  * Get the variable by names.
  * @param {string} name The variable name to find.
- * @param {ASTNode} leafNode The node to look up.
- * @returns {Variable|null} The found variable or null.
+ * @param {VElement} leafNode The node to look up.
+ * @returns {VVariable|null} The found variable or null.
  */
 function getVariable(name, leafNode) {
   let node = leafNode
@@ -62,6 +62,10 @@ function getVariable(name, leafNode) {
       return variable
     }
 
+    if (node.parent.type === 'VDocumentFragment') {
+      break
+    }
+
     node = node.parent
   }
 
@@ -83,9 +87,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='model']"(node) {
         const element = node.parent.parent
         const name = element.name
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index bcdb76db0..4d55d7f19 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -46,6 +46,10 @@ const VERB_MODIFIERS = new Set(['stop', 'prevent'])
 // https://www.w3.org/TR/uievents-key/
 const KEY_ALIASES = new Set(keyAliases)
 
+/**
+ * @param {VIdentifier} modifierNode
+ * @param {Set<string>} customModifiers
+ */
 function isValidModifier(modifierNode, customModifiers) {
   const modifier = modifierNode.name
   return (
@@ -87,13 +91,15 @@ module.exports = {
       }
     ]
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
+    /** @type {Set<string>} */
     const customModifiers = new Set(options.modifiers || [])
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='on']"(node) {
         for (const modifier of node.key.modifiers) {
           if (!isValidModifier(modifier, customModifiers)) {
diff --git a/lib/rules/valid-v-once.js b/lib/rules/valid-v-once.js
index aef2ca37d..83ff3ddcf 100644
--- a/lib/rules/valid-v-once.js
+++ b/lib/rules/valid-v-once.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='once']"(node) {
         if (node.key.argument) {
           context.report({
diff --git a/lib/rules/valid-v-pre.js b/lib/rules/valid-v-pre.js
index c975b1e2d..90174db12 100644
--- a/lib/rules/valid-v-pre.js
+++ b/lib/rules/valid-v-pre.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='pre']"(node) {
         if (node.key.argument) {
           context.report({
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index 71553722c..d5378a63a 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='show']"(node) {
         if (node.key.argument) {
           context.report({
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 118dc8463..a94d8c9dc 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -9,18 +9,16 @@ const utils = require('../utils')
 /**
  * Get all `v-slot` directives on a given element.
  * @param {VElement} node The VElement node to check.
- * @returns {VAttribute[]} The array of `v-slot` directives.
+ * @returns {VDirective[]} The array of `v-slot` directives.
  */
 function getSlotDirectivesOnElement(node) {
-  return node.startTag.attributes.filter(
-    (attribute) => attribute.directive && attribute.key.name.name === 'slot'
-  )
+  return utils.getDirectives(node, 'slot')
 }
 
 /**
  * Get all `v-slot` directives on the children of a given element.
  * @param {VElement} node The VElement node to check.
- * @returns {VAttribute[][]}
+ * @returns {VDirective[][]}
  * The array of the group of `v-slot` directives.
  * The group bundles `v-slot` directives of element sequence which is connected
  * by `v-if`/`v-else-if`/`v-else`.
@@ -58,7 +56,11 @@ function getSlotDirectivesOnChildren(node) {
         }
         return { groups, vIf }
       },
-      { groups: [], vIf: false }
+      {
+        /** @type {VElement[][]} */
+        groups: [],
+        vIf: false
+      }
     )
     .groups.map((group) =>
       group
@@ -67,14 +69,15 @@ function getSlotDirectivesOnChildren(node) {
             ? utils.getDirective(childElement, 'slot')
             : null
         )
-        .filter(Boolean)
+        .filter(utils.isDef)
     )
     .filter((group) => group.length >= 1)
 }
 
 /**
  * Get the normalized name of a given `v-slot` directive node.
- * @param {VAttribute} node The `v-slot` directive node.
+ * @param {VDirective} node The `v-slot` directive node.
+ * @param {SourceCode} sourceCode The source code.
  * @returns {string} The normalized name.
  */
 function getNormalizedName(node, sourceCode) {
@@ -85,9 +88,10 @@ function getNormalizedName(node, sourceCode) {
 
 /**
  * Get all `v-slot` directives which are distributed to the same slot as a given `v-slot` directive node.
- * @param {VAttribute[][]} vSlotGroups The result of `getAllNamedSlotElements()`.
- * @param {VElement} currentVSlot The current `v-slot` directive node.
- * @returns {VAttribute[][]} The array of the group of `v-slot` directives.
+ * @param {VDirective[][]} vSlotGroups The result of `getAllNamedSlotElements()`.
+ * @param {VDirective} currentVSlot The current `v-slot` directive node.
+ * @param {SourceCode} sourceCode The source code.
+ * @returns {VDirective[][]} The array of the group of `v-slot` directives.
  */
 function filterSameSlot(vSlotGroups, currentVSlot, sourceCode) {
   const currentName = getNormalizedName(currentVSlot, sourceCode)
@@ -124,7 +128,7 @@ function isUsingIterationVar(argument, element) {
 
 /**
  * Check whether a given argument node is using an scope variable that the directive defined.
- * @param {VAttribute} vSlot The `v-slot` directive to check.
+ * @param {VDirective} vSlot The `v-slot` directive to check.
  * @returns {boolean} `true` if that argument node is using a scope variable the directive defined.
  */
 function isUsingScopeVar(vSlot) {
@@ -143,6 +147,7 @@ function isUsingScopeVar(vSlot) {
       }
     }
   }
+  return false
 }
 
 module.exports = {
@@ -173,18 +178,24 @@ module.exports = {
         "'v-slot' directive on a custom element requires that attribute value."
     }
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
 
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='slot']"(node) {
         const isDefaultSlot =
-          node.key.argument == null || node.key.argument.name === 'default'
+          node.key.argument == null ||
+          (node.key.argument.type === 'VIdentifier' &&
+            node.key.argument.name === 'default')
         const element = node.parent.parent
         const parentElement = element.parent
         const ownerElement =
           element.name === 'template' ? parentElement : element
+        if (ownerElement.type === 'VDocumentFragment') {
+          return
+        }
         const vSlotsOnElement = getSlotDirectivesOnElement(element)
         const vSlotGroupsOnChildren = getSlotDirectivesOnChildren(ownerElement)
 
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index f0a3f09fa..1e90ec688 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -26,9 +26,10 @@ module.exports = {
     fixable: null,
     schema: []
   },
-
+  /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='text']"(node) {
         if (node.key.argument) {
           context.report({
diff --git a/lib/utils/casing.js b/lib/utils/casing.js
index 4d5ca22aa..f6dea6d6e 100644
--- a/lib/utils/casing.js
+++ b/lib/utils/casing.js
@@ -1,23 +1,24 @@
-const assert = require('assert')
-
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
 
 /**
  * Capitalize a string.
+ * @param {string} str
  */
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1)
 }
 /**
  * Checks whether the given string has symbols.
+ * @param {string} str
  */
 function hasSymbols(str) {
   return /[!"#%&'()*+,./:;<=>?@[\\\]^`{|}]/u.exec(str) // without " ", "$", "-" and "_"
 }
 /**
  * Checks whether the given string has upper.
+ * @param {string} str
  */
 function hasUpper(str) {
   return /[A-Z]/u.exec(str)
@@ -37,6 +38,7 @@ function kebabCase(str) {
 
 /**
  * Checks whether the given string is kebab-case.
+ * @param {string} str
  */
 function isKebabCase(str) {
   if (
@@ -64,6 +66,7 @@ function snakeCase(str) {
 
 /**
  * Checks whether the given string is snake_case.
+ * @param {string} str
  */
 function isSnakeCase(str) {
   if (hasUpper(str) || hasSymbols(str) || /-|__|\s/u.exec(str)) {
@@ -86,6 +89,7 @@ function camelCase(str) {
 
 /**
  * Checks whether the given string is camelCase.
+ * @param {string} str
  */
 function isCamelCase(str) {
   if (
@@ -109,6 +113,7 @@ function pascalCase(str) {
 
 /**
  * Checks whether the given string is PascalCase.
+ * @param {string} str
  */
 function isPascalCase(str) {
   if (
@@ -136,23 +141,19 @@ const checkersMap = {
 }
 /**
  * Return case checker
- * @param {string} name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
- * @return {isKebabCase|isCamelCase|isPascalCase}
+ * @param { 'camelCase' | 'kebab-case' | 'PascalCase' | 'snake_case' } name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
+ * @return {isKebabCase|isCamelCase|isPascalCase|isSnakeCase}
  */
 function getChecker(name) {
-  assert(typeof name === 'string')
-
   return checkersMap[name] || isPascalCase
 }
 
 /**
  * Return case converter
- * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
- * @return {kebabCase|camelCase|pascalCase}
+ * @param { 'camelCase' | 'kebab-case' | 'PascalCase' | 'snake_case' } name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
+ * @return {kebabCase|camelCase|pascalCase|snakeCase}
  */
 function getConverter(name) {
-  assert(typeof name === 'string')
-
   return convertersMap[name] || pascalCase
 }
 
@@ -162,22 +163,22 @@ module.exports = {
   /**
    * Return case converter
    * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
-   * @return {kebabCase|camelCase|pascalCase}
+   * @return {kebabCase|camelCase|pascalCase|snakeCase}
    */
   getConverter,
 
   /**
    * Return case checker
    * @param {string} name type of checker to return ('camelCase', 'kebab-case', 'PascalCase')
-   * @return {isKebabCase|isCamelCase|isPascalCase}
+   * @return {isKebabCase|isCamelCase|isPascalCase|isSnakeCase}
    */
   getChecker,
 
   /**
    * Return case exact converter.
    * If the converted result is not the correct case, the original value is returned.
-   * @param {string} name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
-   * @return {kebabCase|camelCase|pascalCase}
+   * @param { 'camelCase' | 'kebab-case' | 'PascalCase' | 'snake_case' } name type of converter to return ('camelCase', 'kebab-case', 'PascalCase')
+   * @return {kebabCase|camelCase|pascalCase|snakeCase}
    */
   getExactConverter(name) {
     const converter = getConverter(name)
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
index f214b7374..aced46e71 100644
--- a/lib/utils/html-comments.js
+++ b/lib/utils/html-comments.js
@@ -1,22 +1,14 @@
-/**
- * @typedef { import('eslint').SourceCode } SourceCode
- * @typedef { import('eslint').Rule.RuleContext } RuleContext
- * @typedef { import('vue-eslint-parser').AST.Token } ASTToken
- * @typedef { import('vue-eslint-parser').AST.HasLocation } HasLocation
- */
-
 /**
  * @typedef { { exceptions?: string[] } } CommentParserConfig
- * @typedef { (comment: HTMLComment) => void } HTMLCommentVisitor
+ * @typedef { (comment: ParsedHTMLComment) => void } HTMLCommentVisitor
  * @typedef { { includeDirectives?: boolean } } CommentVisitorOption
- * @typedef { ASTToken & { type: 'HTMLComment' } } HTMLCommentToken
  *
- * @typedef { ASTToken & { type: 'HTMLCommentOpen' } } HTMLCommentOpen
- * @typedef { ASTToken & { type: 'HTMLCommentOpenDecoration' } } HTMLCommentOpenDecoration
- * @typedef { ASTToken & { type: 'HTMLCommentValue' } } HTMLCommentValue
- * @typedef { ASTToken & { type: 'HTMLCommentClose' } } HTMLCommentClose
- * @typedef { ASTToken & { type: 'HTMLCommentCloseDecoration' } } HTMLCommentCloseDecoration
- * @typedef { { open: HTMLCommentOpen, openDecoration: HTMLCommentOpenDecoration | null, value: HTMLCommentValue | null, closeDecoration: HTMLCommentCloseDecoration | null, close: HTMLCommentClose } } HTMLComment
+ * @typedef { Token & { type: 'HTMLCommentOpen' } } HTMLCommentOpen
+ * @typedef { Token & { type: 'HTMLCommentOpenDecoration' } } HTMLCommentOpenDecoration
+ * @typedef { Token & { type: 'HTMLCommentValue' } } HTMLCommentValue
+ * @typedef { Token & { type: 'HTMLCommentClose' } } HTMLCommentClose
+ * @typedef { Token & { type: 'HTMLCommentCloseDecoration' } } HTMLCommentCloseDecoration
+ * @typedef { { open: HTMLCommentOpen, openDecoration: HTMLCommentOpenDecoration | null, value: HTMLCommentValue | null, closeDecoration: HTMLCommentCloseDecoration | null, close: HTMLCommentClose } } ParsedHTMLComment
  */
 // -----------------------------------------------------------------------------
 // Requirements
@@ -44,7 +36,7 @@ const TYPE_HTML_COMMENT_CLOSE = 'HTMLCommentClose'
 const TYPE_HTML_COMMENT_CLOSE_DECORATION = 'HTMLCommentCloseDecoration'
 
 /**
- * @param {HTMLCommentToken} comment
+ * @param {HTMLComment} comment
  * @returns {boolean}
  */
 function isCommentDirective(comment) {
@@ -52,7 +44,7 @@ function isCommentDirective(comment) {
 }
 
 /**
- * @param {HTMLCommentToken} comment
+ * @param {HTMLComment} comment
  * @returns {boolean}
  */
 function isIEConditionalComment(comment) {
@@ -66,8 +58,8 @@ function isIEConditionalComment(comment) {
  * Define HTML comment parser
  *
  * @param {SourceCode} sourceCode The source code instance.
- * @param {CommentParserConfig} config The config.
- * @returns { (node: ASTToken) => (HTMLComment | null) } HTML comment parser.
+ * @param {CommentParserConfig | null} config The config.
+ * @returns { (node: Token) => (ParsedHTMLComment | null) } HTML comment parser.
  */
 function defineParser(sourceCode, config) {
   config = config || {}
@@ -164,9 +156,10 @@ function defineParser(sourceCode, config) {
      * @returns {any}
      */
     const createToken = (type, value) => {
-      /** @type {[number,number]} */
+      /** @type {Range} */
       const range = [tokenIndex, tokenIndex + value.length]
       tokenIndex = range[1]
+      /** @type {SourceLocation} */
       let loc
       return {
         type,
@@ -222,15 +215,15 @@ function defineParser(sourceCode, config) {
  * Define HTML comment visitor
  *
  * @param {RuleContext} context The rule context.
- * @param {CommentParserConfig} config The config.
+ * @param {CommentParserConfig | null} config The config.
  * @param {HTMLCommentVisitor} visitHTMLComment The HTML comment visitor.
- * @param {CommentVisitorOption} visitorOption The option for visitor.
- * @returns {object} HTML comment visitor.
+ * @param {CommentVisitorOption} [visitorOption] The option for visitor.
+ * @returns {RuleListener} HTML comment visitor.
  */
 function defineVisitor(context, config, visitHTMLComment, visitorOption) {
-  visitorOption = visitorOption || {}
   return {
     Program(node) {
+      visitorOption = visitorOption || {}
       if (utils.hasInvalidEOF(node)) {
         return
       }
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 97d285274..718f04278 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -8,8 +8,6 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-const assert = require('assert')
-
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
@@ -122,14 +120,26 @@ const PREFORMATTED_ELEMENT_NAMES = ['pre', 'textarea']
  * @property {boolean} IndentOptions.alignAttributesVertically
  * @property {string[]} IndentOptions.ignores
  */
+/**
+ * @typedef {object} IndentUserOptions
+ * @property { " " | "\t" } [IndentUserOptions.indentChar]
+ * @property {number} [IndentUserOptions.indentSize]
+ * @property {number} [IndentUserOptions.baseIndent]
+ * @property {number} [IndentUserOptions.attribute]
+ * @property {IndentOptions['closeBracket'] | number} [IndentUserOptions.closeBracket]
+ * @property {number} [IndentUserOptions.switchCase]
+ * @property {boolean} [IndentUserOptions.alignAttributesVertically]
+ * @property {string[]} [IndentUserOptions.ignores]
+ */
 /**
  * Normalize options.
  * @param {number|"tab"|undefined} type The type of indentation.
- * @param {Object} options Other options.
- * @param {Object} defaultOptions The default value of options.
+ * @param {IndentUserOptions} options Other options.
+ * @param {Partial<IndentOptions>} defaultOptions The default value of options.
  * @returns {IndentOptions} Normalized options.
  */
 function parseOptions(type, options, defaultOptions) {
+  /** @type {IndentOptions} */
   const ret = Object.assign(
     {
       indentChar: ' ',
@@ -149,7 +159,7 @@ function parseOptions(type, options, defaultOptions) {
   )
 
   if (Number.isSafeInteger(type)) {
-    ret.indentSize = type
+    ret.indentSize = Number(type)
   } else if (type === 'tab') {
     ret.indentChar = '\t'
     ret.indentSize = 1
@@ -162,7 +172,7 @@ function parseOptions(type, options, defaultOptions) {
     ret.attribute = options.attribute
   }
   if (Number.isSafeInteger(options.closeBracket)) {
-    const num = options.closeBracket
+    const num = Number(options.closeBracket)
     ret.closeBracket = {
       startTag: num,
       endTag: num,
@@ -194,7 +204,7 @@ function parseOptions(type, options, defaultOptions) {
 
 /**
  * Check whether the given token is an arrow.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is an arrow.
  */
 function isArrow(token) {
@@ -203,7 +213,7 @@ function isArrow(token) {
 
 /**
  * Check whether the given token is a left parenthesis.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a left parenthesis.
  */
 function isLeftParen(token) {
@@ -212,7 +222,7 @@ function isLeftParen(token) {
 
 /**
  * Check whether the given token is a left parenthesis.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `false` if the token is a left parenthesis.
  */
 function isNotLeftParen(token) {
@@ -221,7 +231,7 @@ function isNotLeftParen(token) {
 
 /**
  * Check whether the given token is a right parenthesis.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a right parenthesis.
  */
 function isRightParen(token) {
@@ -230,7 +240,7 @@ function isRightParen(token) {
 
 /**
  * Check whether the given token is a right parenthesis.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `false` if the token is a right parenthesis.
  */
 function isNotRightParen(token) {
@@ -239,7 +249,7 @@ function isNotRightParen(token) {
 
 /**
  * Check whether the given token is a left brace.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a left brace.
  */
 function isLeftBrace(token) {
@@ -248,7 +258,7 @@ function isLeftBrace(token) {
 
 /**
  * Check whether the given token is a right brace.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a right brace.
  */
 function isRightBrace(token) {
@@ -257,7 +267,7 @@ function isRightBrace(token) {
 
 /**
  * Check whether the given token is a left bracket.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a left bracket.
  */
 function isLeftBracket(token) {
@@ -266,7 +276,7 @@ function isLeftBracket(token) {
 
 /**
  * Check whether the given token is a right bracket.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a right bracket.
  */
 function isRightBracket(token) {
@@ -275,7 +285,7 @@ function isRightBracket(token) {
 
 /**
  * Check whether the given token is a semicolon.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a semicolon.
  */
 function isSemicolon(token) {
@@ -284,7 +294,7 @@ function isSemicolon(token) {
 
 /**
  * Check whether the given token is a comma.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a comma.
  */
 function isComma(token) {
@@ -293,7 +303,7 @@ function isComma(token) {
 
 /**
  * Check whether the given token is a whitespace.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a whitespace.
  */
 function isNotWhitespace(token) {
@@ -302,7 +312,7 @@ function isNotWhitespace(token) {
 
 /**
  * Check whether the given token is a comment.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a comment.
  */
 function isComment(token) {
@@ -317,7 +327,7 @@ function isComment(token) {
 
 /**
  * Check whether the given token is a comment.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `false` if the token is a comment.
  */
 function isNotComment(token) {
@@ -332,7 +342,7 @@ function isNotComment(token) {
 
 /**
  * Check whether the given node is not an empty text node.
- * @param {Node} node The node to check.
+ * @param {ASTNode} node The node to check.
  * @returns {boolean} `false` if the token is empty text node.
  */
 function isNotEmptyTextNode(node) {
@@ -341,7 +351,7 @@ function isNotEmptyTextNode(node) {
 
 /**
  * Check whether the given token is a pipe operator.
- * @param {Token} token The token to check.
+ * @param {Token|undefined|null} token The token to check.
  * @returns {boolean} `true` if the token is a pipe operator.
  */
 function isPipeOperator(token) {
@@ -350,8 +360,9 @@ function isPipeOperator(token) {
 
 /**
  * Get the last element.
- * @param {Array} xs The array to get the last element.
- * @returns {any|undefined} The last element or undefined.
+ * @template T
+ * @param {T[]} xs The array to get the last element.
+ * @returns {T | undefined} The last element or undefined.
  */
 function last(xs) {
   return xs.length === 0 ? undefined : xs[xs.length - 1]
@@ -359,9 +370,9 @@ function last(xs) {
 
 /**
  * Check whether the node is at the beginning of line.
- * @param {Node} node The node to check.
+ * @param {ASTNode|null} node The node to check.
  * @param {number} index The index of the node in the nodes.
- * @param {Node[]} nodes The array of nodes.
+ * @param {(ASTNode|null)[]} nodes The array of nodes.
  * @returns {boolean} `true` if the node is at the beginning of line.
  */
 function isBeginningOfLine(node, index, nodes) {
@@ -397,9 +408,9 @@ function isClosingToken(token) {
  * Creates AST event handlers for html-indent.
  *
  * @param {RuleContext} context The rule context.
- * @param {TokenStore} tokenStore The token store object to get tokens.
- * @param {Object} defaultOptions The default value of options.
- * @returns {object} AST event handlers.
+ * @param {ParserServices.TokenStore | SourceCode} tokenStore The token store object to get tokens.
+ * @param {Partial<IndentOptions>} defaultOptions The default value of options.
+ * @returns {NodeListener} AST event handlers.
  */
 module.exports.defineVisitor = function create(
   context,
@@ -419,15 +430,15 @@ module.exports.defineVisitor = function create(
 
   /**
    * Set offset to the given tokens.
-   * @param {Token|Token[]} token The token to set.
+   * @param {Token|Token[]|null|(Token|null)[]} token The token to set.
    * @param {number} offset The offset of the tokens.
    * @param {Token} baseToken The token of the base offset.
-   * @param {boolean} [trivial=false] The flag for trivial tokens.
    * @returns {void}
    */
   function setOffset(token, offset, baseToken) {
-    assert(baseToken != null, "'baseToken' should not be null or undefined.")
-
+    if (!token) {
+      return
+    }
     if (Array.isArray(token)) {
       for (const t of token) {
         offsets.set(t, {
@@ -461,7 +472,7 @@ module.exports.defineVisitor = function create(
 
   /**
    * Sets preformatted tokens to the given element node.
-   * @param {Node} node The node to set.
+   * @param {VElement} node The node to set.
    * @returns {void}
    */
   function setPreformattedTokens(node) {
@@ -469,6 +480,7 @@ module.exports.defineVisitor = function create(
       (node.endTag && tokenStore.getFirstToken(node.endTag)) ||
       tokenStore.getTokenAfter(node)
 
+    /** @type {SourceCode.CursorWithSkipOptions} */
     const option = {
       includeComments: true,
       filter: (token) =>
@@ -492,11 +504,11 @@ module.exports.defineVisitor = function create(
   /**
    * Get the first and last tokens of the given node.
    * If the node is parenthesized, this gets the outermost parentheses.
-   * @param {Node} node The node to get.
+   * @param {ASTNode} node The node to get.
    * @param {number} [borderOffset] The least offset of the first token. Defailt is 0. This value is used to prevent false positive in the following case: `(a) => {}` The parentheses are enclosing the whole parameter part rather than the first parameter, but this offset parameter is needed to distinguish.
    * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
    */
-  function getFirstAndLastTokens(node, borderOffset) {
+  function getFirstAndLastTokens(node, borderOffset = 0) {
     borderOffset |= 0
 
     let firstToken = tokenStore.getFirstToken(node)
@@ -522,17 +534,17 @@ module.exports.defineVisitor = function create(
    * Process the given node list.
    * The first node is offsetted from the given left token.
    * Rest nodes are adjusted to the first node.
-   * @param {Node[]} nodeList The node to process.
-   * @param {Node|Token|null} left The left parenthesis token.
-   * @param {Node|Token|null} right The right parenthesis token.
+   * @param {(ASTNode|null)[]} nodeList The node to process.
+   * @param {ASTNode|Token|null} left The left parenthesis token.
+   * @param {ASTNode|Token|null} right The right parenthesis token.
    * @param {number} offset The offset to set.
    * @param {boolean} [alignVertically=true] The flag to align vertically. If `false`, this doesn't align vertically even if the first node is not at beginning of line.
    * @returns {void}
    */
   function processNodeList(nodeList, left, right, offset, alignVertically) {
     let t
-    const leftToken = (left && tokenStore.getFirstToken(left)) || left
-    const rightToken = (right && tokenStore.getFirstToken(right)) || right
+    const leftToken = left && tokenStore.getFirstToken(left)
+    const rightToken = right && tokenStore.getFirstToken(right)
 
     if (nodeList.length >= 1) {
       let baseToken = null
@@ -616,7 +628,7 @@ module.exports.defineVisitor = function create(
       }
     }
 
-    if (rightToken != null) {
+    if (rightToken != null && leftToken != null) {
       setOffset(rightToken, 0, leftToken)
     }
   }
@@ -624,7 +636,7 @@ module.exports.defineVisitor = function create(
   /**
    * Process the given node as body.
    * The body node maybe a block statement or an expression node.
-   * @param {Node} node The body node to process.
+   * @param {ASTNode} node The body node to process.
    * @param {Token} baseToken The base token.
    * @returns {void}
    */
@@ -641,6 +653,7 @@ module.exports.defineVisitor = function create(
   function getPrefixTokens(node) {
     const prefixes = []
 
+    /** @type {Token|null} */
     let token = tokenStore.getFirstToken(node)
     while (token != null && token.range[1] <= node.key.range[0]) {
       prefixes.push(token)
@@ -655,12 +668,12 @@ module.exports.defineVisitor = function create(
 
   /**
    * Find the head of chaining nodes.
-   * @param {Node} node The start node to find the head.
+   * @param {ASTNode} node The start node to find the head.
    * @returns {Token} The head token of the chain.
    */
   function getChainHeadToken(node) {
     const type = node.type
-    while (node.parent.type === type) {
+    while (node.parent && node.parent.type === type) {
       const prevToken = tokenStore.getTokenBefore(node)
       if (isLeftParen(prevToken)) {
         // The chaining is broken by parentheses.
@@ -681,19 +694,21 @@ module.exports.defineVisitor = function create(
    * - An expression of SequenceExpression
    *
    * @param {Token} token The token to check.
-   * @param {Node} belongingNode The node that the token is belonging to.
+   * @param {ASTNode} belongingNode The node that the token is belonging to.
    * @returns {boolean} `true` if the token is the first token of an element.
    */
   function isBeginningOfElement(token, belongingNode) {
     let node = belongingNode
 
-    while (node != null) {
+    while (node != null && node.parent != null) {
       const parent = node.parent
-      const t = parent && parent.type
-      if (t != null && (t.endsWith('Statement') || t.endsWith('Declaration'))) {
+      if (
+        parent.type.endsWith('Statement') ||
+        parent.type.endsWith('Declaration')
+      ) {
         return parent.range[0] === token.range[0]
       }
-      if (t === 'VExpressionContainer') {
+      if (parent.type === 'VExpressionContainer') {
         if (node.range[0] !== token.range[0]) {
           return false
         }
@@ -704,18 +719,18 @@ module.exports.defineVisitor = function create(
         }
         return true
       }
-      if (t === 'CallExpression' || t === 'NewExpression') {
-        const openParen = tokenStore.getTokenAfter(
+      if (parent.type === 'CallExpression' || parent.type === 'NewExpression') {
+        const openParen = /** @type {Token} */ (tokenStore.getTokenAfter(
           parent.callee,
           isNotRightParen
-        )
+        ))
         return parent.arguments.some(
           (param) =>
             getFirstAndLastTokens(param, openParen.range[1]).firstToken
               .range[0] === token.range[0]
         )
       }
-      if (t === 'ArrayExpression') {
+      if (parent.type === 'ArrayExpression') {
         return parent.elements.some(
           (element) =>
             element != null &&
@@ -723,7 +738,7 @@ module.exports.defineVisitor = function create(
               token.range[0]
         )
       }
-      if (t === 'SequenceExpression') {
+      if (parent.type === 'SequenceExpression') {
         return parent.expressions.some(
           (expr) =>
             getFirstAndLastTokens(expr).firstToken.range[0] === token.range[0]
@@ -738,7 +753,7 @@ module.exports.defineVisitor = function create(
 
   /**
    * Set the base indentation to a given top-level AST node.
-   * @param {Node} node The node to set.
+   * @param {ASTNode} node The node to set.
    * @param {number} expectedIndent The number of expected indent.
    * @returns {void}
    */
@@ -759,7 +774,7 @@ module.exports.defineVisitor = function create(
 
   /**
    * Ignore all tokens of the given node.
-   * @param {Node} node The node to ignore.
+   * @param {ASTNode} node The node to ignore.
    * @returns {void}
    */
   function ignore(node) {
@@ -771,8 +786,8 @@ module.exports.defineVisitor = function create(
 
   /**
    * Define functions to ignore nodes into the given visitor.
-   * @param {Object} visitor The visitor to define functions to ignore nodes.
-   * @returns {Object} The visitor.
+   * @param {NodeListener} visitor The visitor to define functions to ignore nodes.
+   * @returns {NodeListener} The visitor.
    */
   function processIgnores(visitor) {
     for (const ignorePattern of options.ignores) {
@@ -781,6 +796,7 @@ module.exports.defineVisitor = function create(
       if (visitor.hasOwnProperty(key)) {
         const handler = visitor[key]
         visitor[key] = function (node, ...args) {
+          // @ts-expect-error
           const ret = handler.call(this, node, ...args)
           ignore(node)
           return ret
@@ -796,7 +812,7 @@ module.exports.defineVisitor = function create(
   /**
    * Calculate correct indentation of the line of the given tokens.
    * @param {Token[]} tokens Tokens which are on the same line.
-   * @returns {object|null} Correct indentation. If it failed to calculate then `null`.
+   * @returns { { expectedIndent: number, expectedBaseIndent: number } |null } Correct indentation. If it failed to calculate then `null`.
    */
   function getExpectedIndents(tokens) {
     const expectedIndents = []
@@ -855,17 +871,18 @@ module.exports.defineVisitor = function create(
   /**
    * Define the function which fixes the problem.
    * @param {Token} token The token to fix.
-   * @param {number} actualIndent The number of actual indentaion.
+   * @param {number} actualIndent The number of actual indentation.
    * @param {number} expectedIndent The number of expected indentation.
-   * @returns {Function} The defined function.
+   * @returns { (fixer: RuleFixer) => Fix } The defined function.
    */
   function defineFix(token, actualIndent, expectedIndent) {
     if (token.type === 'Block' && token.loc.start.line !== token.loc.end.line) {
       // Fix indentation in multiline block comments.
-      const lines = sourceCode.getText(token).match(LINES)
+      const lines = sourceCode.getText(token).match(LINES) || []
       const firstLine = lines.shift()
       if (lines.every((l) => BLOCK_COMMENT_PREFIX.test(l))) {
         return (fixer) => {
+          /** @type {Range} */
           const range = [token.range[0] - actualIndent, token.range[1]]
           const indent = options.indentChar.repeat(expectedIndent)
 
@@ -880,6 +897,7 @@ module.exports.defineVisitor = function create(
     }
 
     return (fixer) => {
+      /** @type {Range} */
       const range = [token.range[0] - actualIndent, token.range[0]]
       const indent = options.indentChar.repeat(expectedIndent)
       return fixer.replaceTextRange(range, indent)
@@ -890,7 +908,7 @@ module.exports.defineVisitor = function create(
    * Validate the given token with the pre-calculated expected indentation.
    * @param {Token} token The token to validate.
    * @param {number} expectedIndent The expected indentation.
-   * @param {number[]|undefined} optionalExpectedIndents The optional expected indentation.
+   * @param {number[]} [optionalExpectedIndents] The optional expected indentation.
    * @returns {void}
    */
   function validateCore(token, expectedIndent, optionalExpectedIndents) {
@@ -952,9 +970,9 @@ module.exports.defineVisitor = function create(
 
   /**
    * Get the expected indent of comments.
-   * @param {Token|null} nextToken The next token of comments.
-   * @param {number|undefined} nextExpectedIndent The expected indent of the next token.
-   * @param {number|undefined} lastExpectedIndent The expected indent of the last token.
+   * @param {Token} nextToken The next token of comments.
+   * @param {number} nextExpectedIndent The expected indent of the next token.
+   * @param {number} lastExpectedIndent The expected indent of the last token.
    * @returns {number[]}
    */
   function getCommentExpectedIndents(
@@ -1088,6 +1106,7 @@ module.exports.defineVisitor = function create(
   // ------------------------------------------------------------------------------
 
   return processIgnores({
+    /** @param {VAttribute} node */
     VAttribute(node) {
       const keyToken = tokenStore.getFirstToken(node)
       const eqToken = tokenStore.getTokenAfter(node.key)
@@ -1101,7 +1120,7 @@ module.exports.defineVisitor = function create(
         }
       }
     },
-
+    /** @param {VElement} node */
     VElement(node) {
       if (!PREFORMATTED_ELEMENT_NAMES.includes(node.name)) {
         const isTopLevel = node.parent.type !== 'VElement'
@@ -1120,7 +1139,7 @@ module.exports.defineVisitor = function create(
         setPreformattedTokens(node)
       }
     },
-
+    /** @param {VEndTag} node */
     VEndTag(node) {
       const element = node.parent
       const startTagOpenToken = tokenStore.getFirstToken(element.startTag)
@@ -1130,7 +1149,7 @@ module.exports.defineVisitor = function create(
         setOffset(closeToken, options.closeBracket.endTag, startTagOpenToken)
       }
     },
-
+    /** @param {VExpressionContainer} node */
     VExpressionContainer(node) {
       if (
         node.expression != null &&
@@ -1144,7 +1163,7 @@ module.exports.defineVisitor = function create(
         setOffset(endQuoteToken, 0, startQuoteToken)
       }
     },
-
+    /** @param {VFilter} node */
     VFilter(node) {
       const idToken = tokenStore.getFirstToken(node)
       const lastToken = tokenStore.getLastToken(node)
@@ -1154,13 +1173,14 @@ module.exports.defineVisitor = function create(
         processNodeList(node.arguments, leftParenToken, lastToken, 1)
       }
     },
-
+    /** @param {VFilterSequenceExpression} node */
     VFilterSequenceExpression(node) {
       if (node.filters.length === 0) {
         return
       }
 
       const firstToken = tokenStore.getFirstToken(node)
+      /** @type {(Token|null)[]} */
       const tokens = []
 
       for (const filter of node.filters) {
@@ -1172,11 +1192,14 @@ module.exports.defineVisitor = function create(
 
       setOffset(tokens, 1, firstToken)
     },
-
+    /** @param {VForExpression} node */
     VForExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const lastOfLeft = last(node.left) || firstToken
-      const inToken = tokenStore.getTokenAfter(lastOfLeft, isNotRightParen)
+      const inToken = /** @type {Token} */ (tokenStore.getTokenAfter(
+        lastOfLeft,
+        isNotRightParen
+      ))
       const rightToken = tokenStore.getFirstToken(node.right)
 
       if (isLeftParen(firstToken)) {
@@ -1186,11 +1209,11 @@ module.exports.defineVisitor = function create(
       setOffset(inToken, 1, firstToken)
       setOffset(rightToken, 1, inToken)
     },
-
+    /** @param {VOnExpression} node */
     VOnExpression(node) {
       processNodeList(node.body, null, null, 0)
     },
-
+    /** @param {VStartTag} node */
     VStartTag(node) {
       const openToken = tokenStore.getFirstToken(node)
       const closeToken = tokenStore.getLastToken(node)
@@ -1210,7 +1233,7 @@ module.exports.defineVisitor = function create(
         setOffset(closeToken, offset, openToken)
       }
     },
-
+    /** @param {VText} node */
     VText(node) {
       const tokens = tokenStore.getTokens(node, isNotWhitespace)
       const firstTokenInfo = offsets.get(tokenStore.getFirstToken(node))
@@ -1219,7 +1242,7 @@ module.exports.defineVisitor = function create(
         offsets.set(token, Object.assign({}, firstTokenInfo))
       }
     },
-
+    /** @param {ArrayExpression | ArrayPattern} node */
     'ArrayExpression, ArrayPattern'(node) {
       processNodeList(
         node.elements,
@@ -1228,7 +1251,7 @@ module.exports.defineVisitor = function create(
         1
       )
     },
-
+    /** @param {ArrowFunctionExpression} node */
     ArrowFunctionExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const secondToken = tokenStore.getTokenAfter(firstToken)
@@ -1249,12 +1272,15 @@ module.exports.defineVisitor = function create(
       setOffset(arrowToken, 1, firstToken)
       processMaybeBlock(node.body, firstToken)
     },
-
+    /** @param {AssignmentExpression | AssignmentPattern | BinaryExpression | LogicalExpression} node */
     'AssignmentExpression, AssignmentPattern, BinaryExpression, LogicalExpression'(
       node
     ) {
       const leftToken = getChainHeadToken(node)
-      const opToken = tokenStore.getTokenAfter(node.left, isNotRightParen)
+      const opToken = /** @type {Token} */ (tokenStore.getTokenAfter(
+        node.left,
+        isNotRightParen
+      ))
       const rightToken = tokenStore.getTokenAfter(opToken)
       const prevToken = tokenStore.getTokenBefore(leftToken)
       const shouldIndent =
@@ -1264,14 +1290,14 @@ module.exports.defineVisitor = function create(
 
       setOffset([opToken, rightToken], shouldIndent ? 1 : 0, leftToken)
     },
-
+    /** @param {AwaitExpression | RestElement | SpreadElement | UnaryExpression} node */
     'AwaitExpression, RestElement, SpreadElement, UnaryExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const nextToken = tokenStore.getTokenAfter(firstToken)
 
       setOffset(nextToken, 1, firstToken)
     },
-
+    /** @param {BlockStatement | ClassBody} node */
     'BlockStatement, ClassBody'(node) {
       processNodeList(
         node.body,
@@ -1280,16 +1306,22 @@ module.exports.defineVisitor = function create(
         1
       )
     },
-
+    /** @param {BreakStatement | ContinueStatement | ReturnStatement | ThrowStatement} node */
     'BreakStatement, ContinueStatement, ReturnStatement, ThrowStatement'(node) {
-      if (node.argument != null || node.label != null) {
+      if (
+        ((node.type === 'ReturnStatement' || node.type === 'ThrowStatement') &&
+          node.argument != null) ||
+        ((node.type === 'BreakStatement' ||
+          node.type === 'ContinueStatement') &&
+          node.label != null)
+      ) {
         const firstToken = tokenStore.getFirstToken(node)
         const nextToken = tokenStore.getTokenAfter(firstToken)
 
         setOffset(nextToken, 1, firstToken)
       }
     },
-
+    /** @param {CallExpression} node */
     CallExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
@@ -1298,7 +1330,7 @@ module.exports.defineVisitor = function create(
       setOffset(leftToken, 1, firstToken)
       processNodeList(node.arguments, leftToken, rightToken, 1)
     },
-
+    /** @param {CatchClause} node */
     CatchClause(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const bodyToken = tokenStore.getFirstToken(node.body)
@@ -1312,7 +1344,7 @@ module.exports.defineVisitor = function create(
       }
       setOffset(bodyToken, 0, firstToken)
     },
-
+    /** @param {ClassDeclaration | ClassExpression} node */
     'ClassDeclaration, ClassExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const bodyToken = tokenStore.getFirstToken(node.body)
@@ -1328,16 +1360,19 @@ module.exports.defineVisitor = function create(
       }
       setOffset(bodyToken, 0, firstToken)
     },
-
+    /** @param {ConditionalExpression} node */
     ConditionalExpression(node) {
       const prevToken = tokenStore.getTokenBefore(node)
       const firstToken = tokenStore.getFirstToken(node)
-      const questionToken = tokenStore.getTokenAfter(node.test, isNotRightParen)
+      const questionToken = /** @type {Token} */ (tokenStore.getTokenAfter(
+        node.test,
+        isNotRightParen
+      ))
       const consequentToken = tokenStore.getTokenAfter(questionToken)
-      const colonToken = tokenStore.getTokenAfter(
+      const colonToken = /** @type {Token} */ (tokenStore.getTokenAfter(
         node.consequent,
         isNotRightParen
-      )
+      ))
       const alternateToken = tokenStore.getTokenAfter(colonToken)
       const isFlat =
         prevToken &&
@@ -1355,10 +1390,13 @@ module.exports.defineVisitor = function create(
         setOffset([consequentToken, alternateToken], 1, questionToken)
       }
     },
-
+    /** @param {DoWhileStatement} node */
     DoWhileStatement(node) {
       const doToken = tokenStore.getFirstToken(node)
-      const whileToken = tokenStore.getTokenAfter(node.body, isNotRightParen)
+      const whileToken = /** @type {Token} */ (tokenStore.getTokenAfter(
+        node.body,
+        isNotRightParen
+      ))
       const leftToken = tokenStore.getTokenAfter(whileToken)
       const testToken = tokenStore.getTokenAfter(leftToken)
       const lastToken = tokenStore.getLastToken(node)
@@ -1372,16 +1410,16 @@ module.exports.defineVisitor = function create(
       setOffset(testToken, 1, leftToken)
       setOffset(rightToken, 0, leftToken)
     },
-
+    /** @param {ExportAllDeclaration} node */
     ExportAllDeclaration(node) {
       const tokens = tokenStore.getTokens(node)
-      const firstToken = tokens.shift()
+      const firstToken = /** @type {Token} */ (tokens.shift())
       if (isSemicolon(last(tokens))) {
         tokens.pop()
       }
       setOffset(tokens, 1, firstToken)
     },
-
+    /** @param {ExportDefaultDeclaration} node */
     ExportDefaultDeclaration(node) {
       const exportToken = tokenStore.getFirstToken(node)
       const defaultToken = tokenStore.getFirstToken(node, 1)
@@ -1389,7 +1427,7 @@ module.exports.defineVisitor = function create(
         .firstToken
       setOffset([defaultToken, declarationToken], 1, exportToken)
     },
-
+    /** @param {ExportNamedDeclaration} node */
     ExportNamedDeclaration(node) {
       const exportToken = tokenStore.getFirstToken(node)
       if (node.declaration) {
@@ -1399,7 +1437,10 @@ module.exports.defineVisitor = function create(
       } else {
         // export {foo, bar}; or export {foo, bar} from "mod";
         const leftParenToken = tokenStore.getFirstToken(node, 1)
-        const rightParenToken = tokenStore.getLastToken(node, isRightBrace)
+        const rightParenToken = /** @type {Token} */ (tokenStore.getLastToken(
+          node,
+          isRightBrace
+        ))
         setOffset(leftParenToken, 0, exportToken)
         processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
 
@@ -1414,18 +1455,21 @@ module.exports.defineVisitor = function create(
         }
       }
     },
-
+    /** @param {ExportSpecifier} node */
     ExportSpecifier(node) {
       const tokens = tokenStore.getTokens(node)
-      const firstToken = tokens.shift()
+      const firstToken = /** @type {Token} */ (tokens.shift())
       setOffset(tokens, 1, firstToken)
     },
-
+    /** @param {ForInStatement | ForOfStatement} node */
     'ForInStatement, ForOfStatement'(node) {
       const forToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(forToken)
       const leftToken = tokenStore.getTokenAfter(leftParenToken)
-      const inToken = tokenStore.getTokenAfter(leftToken, isNotRightParen)
+      const inToken = /** @type {Token} */ (tokenStore.getTokenAfter(
+        leftToken,
+        isNotRightParen
+      ))
       const rightToken = tokenStore.getTokenAfter(inToken)
       const rightParenToken = tokenStore.getTokenBefore(
         node.body,
@@ -1439,7 +1483,7 @@ module.exports.defineVisitor = function create(
       setOffset(rightParenToken, 0, leftParenToken)
       processMaybeBlock(node.body, forToken)
     },
-
+    /** @param {ForStatement} node */
     ForStatement(node) {
       const forToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(forToken)
@@ -1457,7 +1501,7 @@ module.exports.defineVisitor = function create(
       )
       processMaybeBlock(node.body, forToken)
     },
-
+    /** @param {FunctionDeclaration | FunctionExpression} node */
     'FunctionDeclaration, FunctionExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       if (isLeftParen(firstToken)) {
@@ -1503,7 +1547,7 @@ module.exports.defineVisitor = function create(
         setOffset(bodyToken, 0, firstToken)
       }
     },
-
+    /** @param {IfStatement} node */
     IfStatement(node) {
       const ifToken = tokenStore.getFirstToken(node)
       const ifLeftParenToken = tokenStore.getTokenAfter(ifToken)
@@ -1517,21 +1561,22 @@ module.exports.defineVisitor = function create(
       processMaybeBlock(node.consequent, ifToken)
 
       if (node.alternate != null) {
-        const elseToken = tokenStore.getTokenAfter(
+        const elseToken = /** @type {Token} */ (tokenStore.getTokenAfter(
           node.consequent,
           isNotRightParen
-        )
+        ))
 
         setOffset(elseToken, 0, ifToken)
         processMaybeBlock(node.alternate, elseToken)
       }
     },
-
+    /** @param {ImportDeclaration} node */
     ImportDeclaration(node) {
       const firstSpecifier = node.specifiers[0]
       const secondSpecifier = node.specifiers[1]
       const importToken = tokenStore.getFirstToken(node)
       const hasSemi = tokenStore.getLastToken(node).value === ';'
+      /** @type {Token[]} */
       const tokens = [] // tokens to one indent
 
       if (!firstSpecifier) {
@@ -1614,21 +1659,21 @@ module.exports.defineVisitor = function create(
 
       setOffset(tokens, 1, importToken)
     },
-
+    /** @param {ImportSpecifier} node */
     ImportSpecifier(node) {
       if (node.local.range[0] !== node.imported.range[0]) {
         const tokens = tokenStore.getTokens(node)
-        const firstToken = tokens.shift()
+        const firstToken = /** @type {Token} */ (tokens.shift())
         setOffset(tokens, 1, firstToken)
       }
     },
-
+    /** @param {ImportNamespaceSpecifier} node */
     ImportNamespaceSpecifier(node) {
       const tokens = tokenStore.getTokens(node)
-      const firstToken = tokens.shift()
+      const firstToken = /** @type {Token} */ (tokens.shift())
       setOffset(tokens, 1, firstToken)
     },
-
+    /** @param {LabeledStatement} node */
     LabeledStatement(node) {
       const labelToken = tokenStore.getFirstToken(node)
       const colonToken = tokenStore.getTokenAfter(labelToken)
@@ -1636,14 +1681,14 @@ module.exports.defineVisitor = function create(
 
       setOffset([colonToken, bodyToken], 1, labelToken)
     },
-
+    /** @param {MemberExpression | MetaProperty} node */
     'MemberExpression, MetaProperty'(node) {
       const objectToken = tokenStore.getFirstToken(node)
-      if (node.computed) {
-        const leftBracketToken = tokenStore.getTokenBefore(
+      if (node.type === 'MemberExpression' && node.computed) {
+        const leftBracketToken = /** @type {Token} */ (tokenStore.getTokenBefore(
           node.property,
           isLeftBracket
-        )
+        ))
         const propertyToken = tokenStore.getTokenAfter(leftBracketToken)
         const rightBracketToken = tokenStore.getTokenAfter(
           node.property,
@@ -1660,7 +1705,7 @@ module.exports.defineVisitor = function create(
         setOffset([dotToken, propertyToken], 1, objectToken)
       }
     },
-
+    /** @param {MethodDefinition | Property} node */
     'MethodDefinition, Property'(node) {
       const isMethod = node.type === 'MethodDefinition' || node.method === true
       const prefixTokens = getPrefixTokens(node)
@@ -1670,17 +1715,21 @@ module.exports.defineVisitor = function create(
         setOffset(prefixTokens[i], 0, prefixTokens[i - 1])
       }
 
-      let lastKeyToken = null
+      /** @type {Token} */
+      let lastKeyToken
       if (node.computed) {
-        const keyLeftToken = tokenStore.getFirstToken(node, isLeftBracket)
+        const keyLeftToken = /** @type {Token} */ (tokenStore.getFirstToken(
+          node,
+          isLeftBracket
+        ))
         const keyToken = tokenStore.getTokenAfter(keyLeftToken)
-        const keyRightToken = (lastKeyToken = tokenStore.getTokenAfter(
+        const keyRightToken = (lastKeyToken = /** @type {Token} */ (tokenStore.getTokenAfter(
           node.key,
           isRightBracket
-        ))
+        )))
 
         if (hasPrefix) {
-          setOffset(keyLeftToken, 0, last(prefixTokens))
+          setOffset(keyLeftToken, 0, /** @type {Token} */ (last(prefixTokens)))
         }
         setOffset(keyToken, 1, keyLeftToken)
         setOffset(keyRightToken, 0, keyLeftToken)
@@ -1688,7 +1737,7 @@ module.exports.defineVisitor = function create(
         const idToken = (lastKeyToken = tokenStore.getFirstToken(node.key))
 
         if (hasPrefix) {
-          setOffset(idToken, 0, last(prefixTokens))
+          setOffset(idToken, 0, /** @type {Token} */ (last(prefixTokens)))
         }
       }
 
@@ -1696,14 +1745,14 @@ module.exports.defineVisitor = function create(
         const leftParenToken = tokenStore.getTokenAfter(lastKeyToken)
 
         setOffset(leftParenToken, 1, lastKeyToken)
-      } else if (!node.shorthand) {
+      } else if (node.type === 'Property' && !node.shorthand) {
         const colonToken = tokenStore.getTokenAfter(lastKeyToken)
         const valueToken = tokenStore.getTokenAfter(colonToken)
 
         setOffset([colonToken, valueToken], 1, lastKeyToken)
       }
     },
-
+    /** @param {NewExpression} node */
     NewExpression(node) {
       const newToken = tokenStore.getFirstToken(node)
       const calleeToken = tokenStore.getTokenAfter(newToken)
@@ -1718,7 +1767,7 @@ module.exports.defineVisitor = function create(
         processNodeList(node.arguments, leftToken, rightToken, 1)
       }
     },
-
+    /** @param {ObjectExpression | ObjectPattern} node */
     'ObjectExpression, ObjectPattern'(node) {
       processNodeList(
         node.properties,
@@ -1727,11 +1776,11 @@ module.exports.defineVisitor = function create(
         1
       )
     },
-
+    /** @param {SequenceExpression} node */
     SequenceExpression(node) {
       processNodeList(node.expressions, null, null, 0)
     },
-
+    /** @param {SwitchCase} node */
     SwitchCase(node) {
       const caseToken = tokenStore.getFirstToken(node)
 
@@ -1756,15 +1805,15 @@ module.exports.defineVisitor = function create(
         processNodeList(node.consequent, null, null, 0)
       }
     },
-
+    /** @param {SwitchStatement} node */
     SwitchStatement(node) {
       const switchToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(switchToken)
       const discriminantToken = tokenStore.getTokenAfter(leftParenToken)
-      const leftBraceToken = tokenStore.getTokenAfter(
+      const leftBraceToken = /** @type {Token} */ (tokenStore.getTokenAfter(
         node.discriminant,
         isLeftBrace
-      )
+      ))
       const rightParenToken = tokenStore.getTokenBefore(leftBraceToken)
       const rightBraceToken = tokenStore.getLastToken(node)
 
@@ -1779,14 +1828,14 @@ module.exports.defineVisitor = function create(
         options.switchCase
       )
     },
-
+    /** @param {TaggedTemplateExpression} node */
     TaggedTemplateExpression(node) {
       const tagTokens = getFirstAndLastTokens(node.tag, node.range[0])
       const quasiToken = tokenStore.getTokenAfter(tagTokens.lastToken)
 
       setOffset(quasiToken, 1, tagTokens.firstToken)
     },
-
+    /** @param {TemplateLiteral} node */
     TemplateLiteral(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const quasiTokens = node.quasis
@@ -1799,7 +1848,7 @@ module.exports.defineVisitor = function create(
       setOffset(quasiTokens, 0, firstToken)
       setOffset(expressionToken, 1, firstToken)
     },
-
+    /** @param {TryStatement} node */
     TryStatement(node) {
       const tryToken = tokenStore.getFirstToken(node)
       const tryBlockToken = tokenStore.getFirstToken(node.block)
@@ -1819,14 +1868,14 @@ module.exports.defineVisitor = function create(
         setOffset([finallyToken, finallyBlockToken], 0, tryToken)
       }
     },
-
+    /** @param {UpdateExpression} node */
     UpdateExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const nextToken = tokenStore.getTokenAfter(firstToken)
 
       setOffset(nextToken, 1, firstToken)
     },
-
+    /** @param {VariableDeclaration} node */
     VariableDeclaration(node) {
       processNodeList(
         node.declarations,
@@ -1835,7 +1884,7 @@ module.exports.defineVisitor = function create(
         1
       )
     },
-
+    /** @param {VariableDeclarator} node */
     VariableDeclarator(node) {
       if (node.init != null) {
         const idToken = tokenStore.getFirstToken(node)
@@ -1845,7 +1894,7 @@ module.exports.defineVisitor = function create(
         setOffset([eqToken, initToken], 1, idToken)
       }
     },
-
+    /** @param {WhileStatement | WithStatement} node */
     'WhileStatement, WithStatement'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(firstToken)
@@ -1855,7 +1904,7 @@ module.exports.defineVisitor = function create(
       setOffset(rightParenToken, 0, leftParenToken)
       processMaybeBlock(node.body, firstToken)
     },
-
+    /** @param {YieldExpression} node */
     YieldExpression(node) {
       if (node.argument != null) {
         const yieldToken = tokenStore.getFirstToken(node)
@@ -1866,7 +1915,7 @@ module.exports.defineVisitor = function create(
         }
       }
     },
-
+    /** @param {Statement} node */
     // Process semicolons.
     ':statement'(node) {
       const firstToken = tokenStore.getFirstToken(node)
@@ -1889,7 +1938,7 @@ module.exports.defineVisitor = function create(
         offsets.set(prevToken, info)
       }
     },
-
+    /** @param {Expression | MetaProperty | TemplateLiteral} node */
     // Process parentheses.
     // `:expression` does not match with MetaProperty and TemplateLiteral as a bug: https://github.com/estools/esquery/pull/59
     ':expression, MetaProperty, TemplateLiteral'(node) {
@@ -1906,14 +1955,14 @@ module.exports.defineVisitor = function create(
         rightToken = tokenStore.getTokenAfter(rightToken)
       }
     },
-
+    /** @param {ASTNode} node */
     // Ignore tokens of unknown nodes.
     '*:exit'(node) {
       if (!KNOWN_NODES.has(node.type)) {
         ignore(node)
       }
     },
-
+    /** @param {Program} node */
     // Top-level process.
     Program(node) {
       const firstToken = node.tokens[0]
@@ -1929,13 +1978,15 @@ module.exports.defineVisitor = function create(
         processTopLevelNode(statement, baseIndent)
       }
     },
+    /** @param {VElement} node */
     "VElement[parent.type!='VElement']"(node) {
       processTopLevelNode(node, 0)
     },
-
+    /** @param {Program | VElement} node */
     // Do validation.
     ":matches(Program, VElement[parent.type!='VElement']):exit"(node) {
       let comments = []
+      /** @type {Token[]} */
       let tokensOnSameLine = []
       let isBesideMultilineToken = false
       let lastValidatedToken = null
@@ -1953,7 +2004,8 @@ module.exports.defineVisitor = function create(
           // Comment lines are adjusted to the next code line.
           comments.push(tokensOnSameLine[0])
           isBesideMultilineToken =
-            last(tokensOnSameLine).loc.end.line === token.loc.start.line
+            /** @type {Token} */ (last(tokensOnSameLine)).loc.end.line ===
+            token.loc.start.line
           tokensOnSameLine = [token]
         } else {
           // New line is detected, so validate the tokens.
@@ -1962,7 +2014,8 @@ module.exports.defineVisitor = function create(
             lastValidatedToken = tokensOnSameLine[0]
           }
           isBesideMultilineToken =
-            last(tokensOnSameLine).loc.end.line === token.loc.start.line
+            /** @type {Token} */ (last(tokensOnSameLine)).loc.end.line ===
+            token.loc.start.line
           tokensOnSameLine = [token]
           comments = []
         }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 6ff8d6f7e..4e1725efa 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -6,44 +6,91 @@
 'use strict'
 
 /**
- * @typedef {import('vue-eslint-parser').AST.ESLintArrayExpression} ArrayExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintExpression} Expression
- * @typedef {import('vue-eslint-parser').AST.ESLintIdentifier} Identifier
- * @typedef {import('vue-eslint-parser').AST.ESLintLiteral} Literal
- * @typedef {import('vue-eslint-parser').AST.ESLintMemberExpression} MemberExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintMethodDefinition} MethodDefinition
- * @typedef {import('vue-eslint-parser').AST.ESLintObjectExpression} ObjectExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintProperty} Property
- * @typedef {import('vue-eslint-parser').AST.ESLintTemplateLiteral} TemplateLiteral
- * @typedef {import('vue-eslint-parser').AST.ESLintFunctionExpression} FunctionExpression
- * @typedef {import('vue-eslint-parser').AST.ESLintBlockStatement} BlockStatement
- * @typedef {import('vue-eslint-parser').AST.ESLintNode} ESLintNode
- *
- * @typedef {import('vue-eslint-parser').AST.ESLintArrowFunctionExpression | { type: 'ArrowFunctionExpression', body: BlockStatement | Expression } } ArrowFunctionExpression
- */
-
-/**
- * @typedef {import('eslint').Rule.RuleContext} RuleContext
  * @typedef {import('eslint').Rule.RuleModule} RuleModule
- * @typedef {import('vue-eslint-parser').AST.Token} Token
+ * @typedef {import('estree').Position} Position
+ * @typedef {import('eslint').Rule.CodePath} CodePath
+ * @typedef {import('eslint').Rule.CodePathSegment} CodePathSegment
  */
-
 /**
- * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], propName: string} } ComponentArrayProp
- * @typedef { {key: Property['key'], value: Expression, node: Property, propName: string} } ComponentObjectProp
+ * @typedef {object} ComponentArrayPropDetectName
+ * @property {'array'} type
+ * @property {Literal | TemplateLiteral} key
+ * @property {string} propName
+ * @property {null} value
+ * @property {Expression | SpreadElement} node
+ *
+ * @typedef {object} ComponentArrayPropUnknownName
+ * @property {'array'} type
+ * @property {null} key
+ * @property {null} propName
+ * @property {null} value
+ * @property {Expression | SpreadElement} node
+ *
+ * @typedef {ComponentArrayPropDetectName | ComponentArrayPropUnknownName} ComponentArrayProp
+ *
+ * @typedef {object} ComponentObjectPropDetectName
+ * @property {'object'} type
+ * @property {Expression} key
+ * @property {string} propName
+ * @property {Expression} value
+ * @property {Property} node
+ *
+ * @typedef {object} ComponentObjectPropUnknownName
+ * @property {'object'} type
+ * @property {null} key
+ * @property {null} propName
+ * @property {Expression} value
+ * @property {Property} node
+ *
+ * @typedef {ComponentObjectPropDetectName | ComponentObjectPropUnknownName} ComponentObjectProp
  */
 /**
- * @typedef { {key: Literal | null, value: null, node: ArrayExpression['elements'][0], emitName: string} } ComponentArrayEmit
- * @typedef { {key: Property['key'], value: Property['value'], node: Property, emitName: string} } ComponentObjectEmit
+ * @typedef {object} ComponentArrayEmitDetectName
+ * @property {'array'} type
+ * @property {Literal | TemplateLiteral} key
+ * @property {string} emitName
+ * @property {null} value
+ * @property {Expression | SpreadElement} node
+ *
+ * @typedef {object} ComponentArrayEmitUnknownName
+ * @property {'array'} type
+ * @property {null} key
+ * @property {null} emitName
+ * @property {null} value
+ * @property {Expression | SpreadElement} node
+ *
+ * @typedef {ComponentArrayEmitDetectName | ComponentArrayEmitUnknownName} ComponentArrayEmit
+ *
+ * @typedef {object} ComponentObjectEmitDetectName
+ * @property {'object'} type
+ * @property {Expression} key
+ * @property {string} emitName
+ * @property {Expression} value
+ * @property {Property} node
+ *
+ * @typedef {object} ComponentObjectEmitUnknownName
+ * @property {'object'} type
+ * @property {null} key
+ * @property {null} emitName
+ * @property {Expression} value
+ * @property {Property} node
+ *
+ * @typedef {ComponentObjectEmitDetectName | ComponentObjectEmitUnknownName} ComponentObjectEmit
  */
 /**
- * @typedef { {key: string, value: BlockStatement} } ComponentComputedProperty
+ * @typedef { {key: string | null, value: BlockStatement | null} } ComponentComputedProperty
  */
 /**
- * @typedef { { name: string, groupName: string, node: Literal | TemplateLiteral } } ComponentArrayPropertyData
- * @typedef { { name: string, groupName: string, node: Identifier | Literal | TemplateLiteral } } ComponentObjectPropertyData
+ * @typedef { 'props' | 'data' | 'computed' | 'setup' | 'watch' | 'methods' } GroupName
+ * @typedef { { type: 'array',  name: string, groupName: GroupName, node: Literal | TemplateLiteral } } ComponentArrayPropertyData
+ * @typedef { { type: 'object', name: string, groupName: GroupName, node: Identifier | Literal | TemplateLiteral } } ComponentObjectPropertyData
  * @typedef { ComponentArrayPropertyData | ComponentObjectPropertyData } ComponentPropertyData
  */
+/**
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').VueObjectType} VueObjectType
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').VueObjectData} VueObjectData
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').VueVisitor} VueVisitor
+ */
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -52,7 +99,6 @@
 const HTML_ELEMENT_NAMES = new Set(require('./html-elements.json'))
 const SVG_ELEMENT_NAMES = new Set(require('./svg-elements.json'))
 const VOID_ELEMENT_NAMES = new Set(require('./void-elements.json'))
-const assert = require('assert')
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const { findVariable } = require('eslint-utils')
@@ -65,11 +111,13 @@ const componentComments = new WeakMap()
 /**
  * Wrap the rule context object to override methods which access to tokens (such as getTokenAfter).
  * @param {RuleContext} context The rule context object.
- * @param {TokenStore} tokenStore The token store object for template.
+ * @param {ParserServices.TokenStore} tokenStore The token store object for template.
+ * @returns {RuleContext}
  */
 function wrapContextToOverrideTokenMethods(context, tokenStore) {
   const eslintSourceCode = context.getSourceCode()
-  let tokensAndComments
+  /** @type {Token[] | null} */
+  let tokensAndComments = null
   function getTokensAndComments() {
     if (tokensAndComments) {
       return tokensAndComments
@@ -83,15 +131,17 @@ function wrapContextToOverrideTokenMethods(context, tokenStore) {
     return tokensAndComments
   }
   const sourceCode = new Proxy(Object.assign({}, eslintSourceCode), {
-    get(object, key) {
+    get(_object, key) {
       if (key === 'tokensAndComments') {
         return getTokensAndComments()
       }
+      // @ts-expect-error
       return key in tokenStore ? tokenStore[key] : eslintSourceCode[key]
     }
   })
 
   return {
+    // @ts-expect-error
     __proto__: context,
     getSourceCode() {
       return sourceCode
@@ -102,6 +152,7 @@ function wrapContextToOverrideTokenMethods(context, tokenStore) {
 /**
  * Wrap the rule context object to override report method to skip the dynamic argument.
  * @param {RuleContext} context The rule context object.
+ * @returns {RuleContext}
  */
 function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
   const sourceCode = context.getSourceCode()
@@ -109,6 +160,7 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
   if (!templateBody) {
     return context
   }
+  /** @type {Range[]} */
   const directiveKeyRanges = []
   const traverseNodes = vueEslintParser.AST.traverseNodes
   traverseNodes(templateBody, {
@@ -125,13 +177,12 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
   })
 
   return {
+    // @ts-expect-error
     __proto__: context,
     report(descriptor, ...args) {
       let range = null
       if (descriptor.loc) {
-        const startLoc = isLoc(descriptor.loc.start)
-          ? descriptor.loc.start
-          : descriptor.loc
+        const startLoc = descriptor.loc.start || descriptor.loc
         const endLoc = descriptor.loc.end || startLoc
         range = [
           sourceCode.getIndexFromLoc(startLoc),
@@ -153,15 +204,6 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
       context.report(descriptor, ...args)
     }
   }
-
-  function isLoc(loc) {
-    return (
-      loc &&
-      typeof loc === 'object' &&
-      typeof loc.line === 'number' &&
-      typeof loc.column === 'number'
-    )
-  }
 }
 
 // ------------------------------------------------------------------------------
@@ -175,9 +217,9 @@ module.exports = {
    * this generates a warning.
    *
    * @param {RuleContext} context The rule context to use parser services.
-   * @param {Object} templateBodyVisitor The visitor to traverse the template body.
-   * @param {Object} [scriptVisitor] The visitor to traverse the script.
-   * @returns {Object} The merged visitor.
+   * @param {TemplateListener} templateBodyVisitor The visitor to traverse the template body.
+   * @param {RuleListener} [scriptVisitor] The visitor to traverse the script.
+   * @returns {RuleListener} The merged visitor.
    */
   defineTemplateBodyVisitor,
 
@@ -188,7 +230,7 @@ module.exports = {
    * @param {string[]} [options.categories] The categories of this rule.
    * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
    * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
-   * @param {RuleModule["create"]} [options.create] If define, extend core rule.
+   * @param { (context: RuleContext, options: { coreHandlers: RuleListener }) => TemplateListener } [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
    */
   wrapCoreRule(coreRule, options) {
@@ -218,7 +260,11 @@ module.exports = {
 
         // Move `Program` handlers to `VElement[parent.type!='VElement']`
         const coreHandlers = coreRule.create(context)
-        const handlers = Object.assign({}, coreHandlers)
+
+        const handlers = /** @type {TemplateListener} */ (Object.assign(
+          {},
+          coreHandlers
+        ))
         if (handlers.Program) {
           handlers["VElement[parent.type!='VElement']"] = handlers.Program
           delete handlers.Program
@@ -233,8 +279,10 @@ module.exports = {
           let withinDynamicArguments = false
           for (const name of Object.keys(handlers)) {
             const original = handlers[name]
+            /** @param {any[]} args */
             handlers[name] = (...args) => {
               if (withinDynamicArguments) return
+              // @ts-expect-error
               original(...args)
             }
           }
@@ -268,14 +316,19 @@ module.exports = {
     }
   },
 
+  /**
+   * Checks whether the given value is defined.
+   * @template T
+   * @param {T | null | undefined} v
+   * @returns {v is T}
+   */
+  isDef,
   /**
    * Check whether the given node is the root element or not.
-   * @param {ASTNode} node The element node to check.
+   * @param {VElement} node The element node to check.
    * @returns {boolean} `true` if the node is the root element.
    */
   isRootElement(node) {
-    assert(node && node.type === 'VElement')
-
     return (
       node.parent.type === 'VDocumentFragment' ||
       node.parent.parent.type === 'VDocumentFragment'
@@ -284,11 +337,10 @@ module.exports = {
 
   /**
    * Get the previous sibling element of the given element.
-   * @param {ASTNode} node The element node to get the previous sibling element.
-   * @returns {ASTNode|null} The previous sibling element.
+   * @param {VElement} node The element node to get the previous sibling element.
+   * @returns {VElement|null} The previous sibling element.
    */
   prevSibling(node) {
-    assert(node && node.type === 'VElement')
     let prevElement = null
 
     for (const siblingNode of (node.parent && node.parent.children) || []) {
@@ -305,36 +357,33 @@ module.exports = {
 
   /**
    * Check whether the given start tag has specific directive.
-   * @param {ASTNode} node The start tag node to check.
+   * @param {VElement} node The start tag node to check.
    * @param {string} name The attribute name to check.
    * @param {string} [value] The attribute value to check.
    * @returns {boolean} `true` if the start tag has the attribute.
    */
   hasAttribute(node, name, value) {
-    assert(node && node.type === 'VElement')
     return Boolean(this.getAttribute(node, name, value))
   },
 
   /**
    * Check whether the given start tag has specific directive.
-   * @param {ASTNode} node The start tag node to check.
+   * @param {VElement} node The start tag node to check.
    * @param {string} name The directive name to check.
    * @param {string} [argument] The directive argument to check.
    * @returns {boolean} `true` if the start tag has the directive.
    */
   hasDirective(node, name, argument) {
-    assert(node && node.type === 'VElement')
     return Boolean(this.getDirective(node, name, argument))
   },
 
   /**
    * Check whether the given directive attribute has their empty value (`=""`).
-   * @param {ASTNode} node The directive attribute node to check.
+   * @param {VDirective} node The directive attribute node to check.
    * @param {RuleContext} context The rule context to use parser services.
    * @returns {boolean} `true` if the directive attribute has their empty value (`=""`).
    */
   isEmptyValueDirective(node, context) {
-    assert(node && node.type === 'VAttribute')
     if (node.value == null) {
       return false
     }
@@ -359,12 +408,11 @@ module.exports = {
 
   /**
    * Check whether the given directive attribute has their empty expression value (e.g. `=" "`, `="/* &ast;/"`).
-   * @param {ASTNode} node The directive attribute node to check.
+   * @param {VDirective} node The directive attribute node to check.
    * @param {RuleContext} context The rule context to use parser services.
    * @returns {boolean} `true` if the directive attribute has their empty expression value.
    */
   isEmptyExpressionValueDirective(node, context) {
-    assert(node && node.type === 'VAttribute')
     if (node.value == null) {
       return false
     }
@@ -411,51 +459,96 @@ module.exports = {
 
   /**
    * Get the attribute which has the given name.
-   * @param {ASTNode} node The start tag node to check.
+   * @param {VElement} node The start tag node to check.
    * @param {string} name The attribute name to check.
    * @param {string} [value] The attribute value to check.
-   * @returns {ASTNode} The found attribute.
+   * @returns {VAttribute | null} The found attribute.
    */
   getAttribute(node, name, value) {
-    assert(node && node.type === 'VElement')
-    return node.startTag.attributes.find(
-      (a) =>
-        !a.directive &&
-        a.key.name === name &&
-        (value === undefined || (a.value != null && a.value.value === value))
+    return (
+      node.startTag.attributes.find(
+        /**
+         * @param {VAttribute | VDirective} node
+         * @returns {node is VAttribute}
+         */
+        (node) => {
+          return (
+            !node.directive &&
+            node.key.name === name &&
+            (value === undefined ||
+              (node.value != null && node.value.value === value))
+          )
+        }
+      ) || null
     )
   },
 
+  /**
+   * Get the directive list which has the given name.
+   * @param {VElement | VStartTag} node The start tag node to check.
+   * @param {string} name The directive name to check.
+   * @returns {VDirective[]} The array of `v-slot` directives.
+   */
+  getDirectives(node, name) {
+    const attributes =
+      node.type === 'VElement' ? node.startTag.attributes : node.attributes
+    return attributes.filter(
+      /**
+       * @param {VAttribute | VDirective} node
+       * @returns {node is VDirective}
+       */
+      (node) => {
+        return node.directive && node.key.name.name === name
+      }
+    )
+  },
   /**
    * Get the directive which has the given name.
-   * @param {ASTNode} node The start tag node to check.
+   * @param {VElement} node The start tag node to check.
    * @param {string} name The directive name to check.
    * @param {string} [argument] The directive argument to check.
-   * @returns {ASTNode} The found directive.
+   * @returns {VDirective | null} The found directive.
    */
   getDirective(node, name, argument) {
-    assert(node && node.type === 'VElement')
-    return node.startTag.attributes.find(
-      (a) =>
-        a.directive &&
-        a.key.name.name === name &&
-        (argument === undefined ||
-          (a.key.argument && a.key.argument.name) === argument)
+    return (
+      node.startTag.attributes.find(
+        /**
+         * @param {VAttribute | VDirective} node
+         * @returns {node is VDirective}
+         */
+        (node) => {
+          return (
+            node.directive &&
+            node.key.name.name === name &&
+            (argument === undefined ||
+              (node.key.argument &&
+                node.key.argument.type === 'VIdentifier' &&
+                node.key.argument.name) === argument)
+          )
+        }
+      ) || null
     )
   },
 
   /**
    * Returns the list of all registered components
-   * @param {ASTNode} componentObject
-   * @returns {Array} Array of ASTNodes
+   * @param {ObjectExpression} componentObject
+   * @returns { { node: Property, name: string }[] } Array of ASTNodes
    */
   getRegisteredComponents(componentObject) {
     const componentsNode = componentObject.properties.find(
-      (p) =>
-        p.type === 'Property' &&
-        p.key.type === 'Identifier' &&
-        p.key.name === 'components' &&
-        p.value.type === 'ObjectExpression'
+      /**
+       * @param {ESNode} p
+       * @returns {p is (Property & { key: Identifier & {name: 'components'}, value: ObjectExpression })}
+       */
+      (p) => {
+        return (
+          p.type === 'Property' &&
+          p.key.type === 'Identifier' &&
+          p.key.name === 'components' &&
+          p.value.type === 'ObjectExpression'
+        )
+      }
     )
 
     if (!componentsNode) {
@@ -463,22 +556,20 @@ module.exports = {
     }
 
     return componentsNode.value.properties
-      .filter((p) => p.type === 'Property')
+      .filter(isProperty)
       .map((node) => {
         const name = getStaticPropertyName(node)
         return name ? { node, name } : null
       })
-      .filter((comp) => comp != null)
+      .filter(isDef)
   },
 
   /**
    * Check whether the previous sibling element has `if` or `else-if` directive.
-   * @param {ASTNode} node The element node to check.
+   * @param {VElement} node The element node to check.
    * @returns {boolean} `true` if the previous sibling element has `if` or `else-if` directive.
    */
   prevElementHasIf(node) {
-    assert(node && node.type === 'VElement')
-
     const prev = this.prevSibling(node)
     return (
       prev != null &&
@@ -492,12 +583,10 @@ module.exports = {
 
   /**
    * Check whether the given node is a custom component or not.
-   * @param {ASTNode} node The start tag node to check.
+   * @param {VElement} node The start tag node to check.
    * @returns {boolean} `true` if the node is a custom component.
    */
   isCustomComponent(node) {
-    assert(node && node.type === 'VElement')
-
     return (
       (this.isHtmlElementNode(node) &&
         !this.isHtmlWellKnownElementName(node.rawName)) ||
@@ -508,34 +597,28 @@ module.exports = {
 
   /**
    * Check whether the given node is a HTML element or not.
-   * @param {ASTNode} node The node to check.
+   * @param {VElement} node The node to check.
    * @returns {boolean} `true` if the node is a HTML element.
    */
   isHtmlElementNode(node) {
-    assert(node && node.type === 'VElement')
-
     return node.namespace === vueEslintParser.AST.NS.HTML
   },
 
   /**
    * Check whether the given node is a SVG element or not.
-   * @param {ASTNode} node The node to check.
+   * @param {VElement} node The node to check.
    * @returns {boolean} `true` if the name is a SVG element.
    */
   isSvgElementNode(node) {
-    assert(node && node.type === 'VElement')
-
     return node.namespace === vueEslintParser.AST.NS.SVG
   },
 
   /**
    * Check whether the given name is a MathML element or not.
-   * @param {ASTNode} node The node to check.
+   * @param {VElement} node The node to check.
    * @returns {boolean} `true` if the node is a MathML element.
    */
   isMathMLElementNode(node) {
-    assert(node && node.type === 'VElement')
-
     return node.namespace === vueEslintParser.AST.NS.MathML
   },
 
@@ -545,8 +628,6 @@ module.exports = {
    * @returns {boolean} `true` if the name is an well-known element name.
    */
   isHtmlWellKnownElementName(name) {
-    assert(typeof name === 'string')
-
     return HTML_ELEMENT_NAMES.has(name)
   },
 
@@ -556,7 +637,6 @@ module.exports = {
    * @returns {boolean} `true` if the name is an well-known SVG element name.
    */
   isSvgWellKnownElementName(name) {
-    assert(typeof name === 'string')
     return SVG_ELEMENT_NAMES.has(name)
   },
 
@@ -566,22 +646,20 @@ module.exports = {
    * @returns {boolean} `true` if the name is a void element name.
    */
   isHtmlVoidElementName(name) {
-    assert(typeof name === 'string')
-
     return VOID_ELEMENT_NAMES.has(name)
   },
 
   /**
    * Parse member expression node to get array with all of its parts
-   * @param {ASTNode} node MemberExpression
-   * @returns {Array}
+   * @param {ESNode} node MemberExpression
+   * @returns {string[]}
    */
   parseMemberExpression(node) {
     const members = []
-    let memberExpression
 
     if (node.type === 'MemberExpression') {
-      memberExpression = node
+      /** @type {Expression | Super} */
+      let memberExpression = node
 
       while (memberExpression.type === 'MemberExpression') {
         if (memberExpression.property.type === 'Identifier') {
@@ -602,11 +680,16 @@ module.exports = {
 
   /**
    * Gets the property name of a given node.
-   * @param {Property|MethodDefinition|MemberExpression|Literal|TemplateLiteral|Identifier} node - The node to get.
+   * @param {Property|AssignmentProperty|MethodDefinition|MemberExpression} node - The node to get.
    * @return {string|null} The property name if static. Otherwise, null.
    */
   getStaticPropertyName,
-
+  /**
+   * Gets the string of a given node.
+   * @param {Literal|TemplateLiteral} node - The node to get.
+   * @return {string|null} The string if static. Otherwise, null.
+   */
+  getStringLiteralValue,
   /**
    * Get all props by looking at all component's properties
    * @param {ObjectExpression} componentObject Object with component definition
@@ -614,12 +697,19 @@ module.exports = {
    */
   getComponentProps(componentObject) {
     const propsNode = componentObject.properties.find(
-      (p) =>
-        p.type === 'Property' &&
-        p.key.type === 'Identifier' &&
-        p.key.name === 'props' &&
-        (p.value.type === 'ObjectExpression' ||
-          p.value.type === 'ArrayExpression')
+      /**
+       * @param {ESNode} p
+       * @returns {p is (Property & { key: Identifier & {name: 'props'}, value: ObjectExpression | ArrayExpression })}
+       */
+      (p) => {
+        return (
+          p.type === 'Property' &&
+          p.key.type === 'Identifier' &&
+          p.key.name === 'props' &&
+          (p.value.type === 'ObjectExpression' ||
+            p.value.type === 'ArrayExpression')
+        )
+      }
     )
 
     if (!propsNode) {
@@ -627,29 +717,47 @@ module.exports = {
     }
 
     if (propsNode.value.type === 'ObjectExpression') {
-      return propsNode.value.properties
-        .filter((prop) => prop.type === 'Property')
-        .map((prop) => {
+      return propsNode.value.properties.filter(isProperty).map((prop) => {
+        const propName = getStaticPropertyName(prop)
+        if (propName != null) {
           return {
+            type: 'object',
             key: prop.key,
+            propName,
             value: unwrapTypes(prop.value),
-            node: prop,
-            propName: getStaticPropertyName(prop)
+            node: prop
           }
-        })
+        }
+        return {
+          type: 'object',
+          key: null,
+          propName: null,
+          value: unwrapTypes(prop.value),
+          node: prop
+        }
+      })
     } else {
       return propsNode.value.elements
         .filter((prop) => prop)
         .map((prop) => {
-          const key =
-            prop.type === 'Literal' && typeof prop.value === 'string'
-              ? prop
-              : null
+          if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+            const propName = getStringLiteralValue(prop)
+            if (propName != null) {
+              return {
+                type: 'array',
+                key: prop,
+                propName,
+                value: null,
+                node: prop
+              }
+            }
+          }
           return {
-            key,
+            type: 'array',
+            key: null,
+            propName: null,
             value: null,
-            node: prop,
-            propName: key != null ? prop.value : null
+            node: prop
           }
         })
     }
@@ -662,12 +770,19 @@ module.exports = {
    */
   getComponentEmits(componentObject) {
     const emitsNode = componentObject.properties.find(
-      (p) =>
-        p.type === 'Property' &&
-        p.key.type === 'Identifier' &&
-        p.key.name === 'emits' &&
-        (p.value.type === 'ObjectExpression' ||
-          p.value.type === 'ArrayExpression')
+      /**
+       * @param {ESNode} p
+       * @returns {p is (Property & { key: Identifier & {name: 'emits'}, value: ObjectExpression | ArrayExpression })}
+       */
+      (p) => {
+        return (
+          p.type === 'Property' &&
+          p.key.type === 'Identifier' &&
+          p.key.name === 'emits' &&
+          (p.value.type === 'ObjectExpression' ||
+            p.value.type === 'ArrayExpression')
+        )
+      }
     )
 
     if (!emitsNode) {
@@ -675,29 +790,47 @@ module.exports = {
     }
 
     if (emitsNode.value.type === 'ObjectExpression') {
-      return emitsNode.value.properties
-        .filter((prop) => prop.type === 'Property')
-        .map((prop) => {
+      return emitsNode.value.properties.filter(isProperty).map((prop) => {
+        const emitName = getStaticPropertyName(prop)
+        if (emitName != null) {
           return {
+            type: 'object',
             key: prop.key,
+            emitName,
             value: unwrapTypes(prop.value),
-            node: prop,
-            emitName: getStaticPropertyName(prop)
+            node: prop
           }
-        })
+        }
+        return {
+          type: 'object',
+          key: null,
+          emitName: null,
+          value: unwrapTypes(prop.value),
+          node: prop
+        }
+      })
     } else {
       return emitsNode.value.elements
         .filter((prop) => prop)
         .map((prop) => {
-          const key =
-            prop.type === 'Literal' && typeof prop.value === 'string'
-              ? prop
-              : null
+          if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+            const emitName = getStringLiteralValue(prop)
+            if (emitName != null) {
+              return {
+                type: 'array',
+                key: prop,
+                emitName,
+                value: null,
+                node: prop
+              }
+            }
+          }
           return {
-            key,
+            type: 'array',
+            key: null,
+            emitName: null,
             value: null,
-            node: prop,
-            emitName: key != null ? prop.value : null
+            node: prop
           }
         })
     }
@@ -710,11 +843,18 @@ module.exports = {
    */
   getComputedProperties(componentObject) {
     const computedPropertiesNode = componentObject.properties.find(
-      (p) =>
-        p.type === 'Property' &&
-        p.key.type === 'Identifier' &&
-        p.key.name === 'computed' &&
-        p.value.type === 'ObjectExpression'
+      /**
+       * @param {ESNode} p
+       * @returns {p is (Property & { key: Identifier & {name: 'computed'}, value: ObjectExpression })}
+       */
+      (p) => {
+        return (
+          p.type === 'Property' &&
+          p.key.type === 'Identifier' &&
+          p.key.name === 'computed' &&
+          p.value.type === 'ObjectExpression'
+        )
+      }
     )
 
     if (!computedPropertiesNode) {
@@ -722,19 +862,22 @@ module.exports = {
     }
 
     return computedPropertiesNode.value.properties
-      .filter((cp) => cp.type === 'Property')
+      .filter(isProperty)
       .map((cp) => {
         const key = getStaticPropertyName(cp)
         /** @type {Expression} */
-        const propValue = cp.value
+        const propValue = unwrapTypes(cp.value)
         /** @type {BlockStatement | null} */
         let value = null
 
         if (propValue.type === 'FunctionExpression') {
           value = propValue.body
         } else if (propValue.type === 'ObjectExpression') {
-          /** @type { (Property & { value: FunctionExpression }) | undefined} */
           const get = propValue.properties.find(
+            /**
+             * @param {ESNode} p
+             * @returns { p is (Property & { value: FunctionExpression }) }
+             */
             (p) =>
               p.type === 'Property' &&
               p.key.type === 'Identifier' &&
@@ -753,7 +896,7 @@ module.exports = {
   /**
    * Check if current file is a Vue instance or component and call callback
    * @param {RuleContext} context The ESLint rule context object.
-   * @param {Function} cb Callback function
+   * @param { (node: ObjectExpression, type: VueObjectType) => void } cb Callback function
    */
   executeOnVue(context, cb) {
     return compositingVisitors(
@@ -772,17 +915,24 @@ module.exports = {
    * - `onRenderFunctionEnter` ... Event when render function found.
    *
    * @param {RuleContext} context The ESLint rule context object.
-   * @param {Object} visitor The visitor to traverse the Vue Objects.
+   * @param {VueVisitor} visitor The visitor to traverse the Vue Objects.
    */
   defineVueVisitor(context, visitor) {
+    /** @type {VueObjectData | null} */
     let vueStack = null
 
+    /**
+     * @param {string} key
+     * @param {ESNode} node
+     */
     function callVisitor(key, node) {
       if (visitor[key] && vueStack) {
+        // @ts-expect-error
         visitor[key](node, vueStack)
       }
     }
 
+    /** @type {NodeListener} */
     const vueVisitor = {}
     for (const key in visitor) {
       vueVisitor[key] = (node) => callVisitor(key, node)
@@ -799,8 +949,11 @@ module.exports = {
           type,
           parent: vueStack,
           get functional() {
-            /** @type {Property} */
             const functional = node.properties.find(
+              /**
+               * @param {Property | SpreadElement} p
+               * @returns {p is Property}
+               */
               (p) =>
                 p.type === 'Property' &&
                 getStaticPropertyName(p) === 'functional'
@@ -829,6 +982,7 @@ module.exports = {
       }
     }
     if (visitor.onSetupFunctionEnter || visitor.onRenderFunctionEnter) {
+      /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property } } node */
       vueVisitor[
         'Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'
       ] = (node) => {
@@ -858,10 +1012,11 @@ module.exports = {
   /**
    * Check if current file is a Vue instance (new Vue) and call callback
    * @param {RuleContext} context The ESLint rule context object.
-   * @param {Function} cb Callback function
+   * @param { (node: ObjectExpression, type: VueObjectType) => void } cb Callback function
    */
   executeOnVueInstance(context, cb) {
     return {
+      /** @param {ObjectExpression} node */
       'ObjectExpression:exit'(node) {
         const type = getVueObjectType(context, node)
         if (!type || type !== 'instance') return
@@ -873,10 +1028,11 @@ module.exports = {
   /**
    * Check if current file is a Vue component and call callback
    * @param {RuleContext} context The ESLint rule context object.
-   * @param {Function} cb Callback function
+   * @param { (node: ObjectExpression, type: VueObjectType) => void } cb Callback function
    */
   executeOnVueComponent(context, cb) {
     return {
+      /** @param {ObjectExpression} node */
       'ObjectExpression:exit'(node) {
         const type = getVueObjectType(context, node)
         if (
@@ -892,10 +1048,11 @@ module.exports = {
   /**
    * Check call `Vue.component` and call callback.
    * @param {RuleContext} _context The ESLint rule context object.
-   * @param {Function} cb Callback function
+   * @param { (node: CallExpression) => void } cb Callback function
    */
   executeOnCallVueComponent(_context, cb) {
     return {
+      /** @param {Identifier & { parent: MemberExpression & { parent: CallExpression } } } node */
       "CallExpression > MemberExpression > Identifier[name='component']": (
         node
       ) => {
@@ -920,7 +1077,7 @@ module.exports = {
   /**
    * Return generator with all properties
    * @param {ObjectExpression} node Node to check
-   * @param {Set<string>} groups Name of parent group
+   * @param {Set<GroupName>} groups Name of parent group
    * @returns {IterableIterator<ComponentPropertyData>}
    */
   *iterateProperties(node, groups) {
@@ -928,7 +1085,8 @@ module.exports = {
       if (item.type !== 'Property') {
         continue
       }
-      const name = getStaticPropertyName(item)
+
+      const name = /** @type {GroupName | null} */ (getStaticPropertyName(item))
       if (!name || !groups.has(name)) continue
 
       if (item.value.type === 'ArrayExpression') {
@@ -946,16 +1104,15 @@ module.exports = {
   /**
    * Return generator with all elements inside ArrayExpression
    * @param {ArrayExpression} node Node to check
-   * @param {string} groupName Name of parent group
+   * @param {GroupName} groupName Name of parent group
    * @returns {IterableIterator<ComponentArrayPropertyData>}
    */
   *iterateArrayExpression(node, groupName) {
-    assert(node.type === 'ArrayExpression')
     for (const item of node.elements) {
       if (item.type === 'Literal' || item.type === 'TemplateLiteral') {
-        const name = getStaticPropertyName(item)
+        const name = getStringLiteralValue(item)
         if (name) {
-          yield { name, groupName, node: item }
+          yield { type: 'array', name, groupName, node: item }
         }
       }
     }
@@ -964,12 +1121,12 @@ module.exports = {
   /**
    * Return generator with all elements inside ObjectExpression
    * @param {ObjectExpression} node Node to check
-   * @param {string} groupName Name of parent group
+   * @param {GroupName} groupName Name of parent group
    * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
   *iterateObjectExpression(node, groupName) {
-    assert(node.type === 'ObjectExpression')
-    let usedGetter
+    /** @type {Set<Property> | undefined} */
+    let usedGetter = new Set()
     for (const item of node.properties) {
       if (item.type === 'Property') {
         const key = item.key
@@ -982,16 +1139,15 @@ module.exports = {
           if (name) {
             if (item.kind === 'set') {
               // find getter pair
-              if (!usedGetter) {
-                usedGetter = new Set()
-              }
               if (
                 node.properties.some((item2) => {
-                  if (
-                    item2.type === 'Property' &&
-                    item2.kind === 'get' &&
-                    !usedGetter.has(item2)
-                  ) {
+                  if (item2.type === 'Property' && item2.kind === 'get') {
+                    if (!usedGetter) {
+                      usedGetter = new Set()
+                    }
+                    if (usedGetter.has(item2)) {
+                      return false
+                    }
                     const getterName = getStaticPropertyName(item2)
                     if (getterName === name) {
                       usedGetter.add(item2)
@@ -1005,7 +1161,7 @@ module.exports = {
                 continue
               }
             }
-            yield { name, groupName, node: key }
+            yield { type: 'object', name, groupName, node: key }
           }
         }
       }
@@ -1015,11 +1171,10 @@ module.exports = {
   /**
    * Return generator with all elements inside FunctionExpression
    * @param {FunctionExpression} node Node to check
-   * @param {string} groupName Name of parent group
+   * @param {GroupName} groupName Name of parent group
    * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
   *iterateFunctionExpression(node, groupName) {
-    assert(node.type === 'FunctionExpression')
     if (node.body.type === 'BlockStatement') {
       for (const item of node.body.body) {
         if (
@@ -1036,11 +1191,10 @@ module.exports = {
   /**
    * Return generator with all elements inside ArrowFunctionExpression
    * @param {ArrowFunctionExpression} node Node to check
-   * @param {string} groupName Name of parent group
+   * @param {GroupName} groupName Name of parent group
    * @returns {IterableIterator<ComponentObjectPropertyData>}
    */
   *iterateArrowFunctionExpression(node, groupName) {
-    assert(node.type === 'ArrowFunctionExpression')
     const body = node.body
     if (body.type === 'BlockStatement') {
       for (const item of body.body) {
@@ -1060,29 +1214,41 @@ module.exports = {
   /**
    * Find all functions which do not always return values
    * @param {boolean} treatUndefinedAsUnspecified
-   * @param {Function} cb Callback function
+   * @param { (node: ESNode) => void } cb Callback function
    */
   executeOnFunctionsWithoutReturn(treatUndefinedAsUnspecified, cb) {
-    let funcInfo = {
-      funcInfo: null,
-      codePath: null,
-      hasReturn: false,
-      hasReturnValue: false,
-      node: null
-    }
+    /**
+     * @typedef {object} FuncInfo
+     * @property {FuncInfo} funcInfo
+     * @property {CodePath} codePath
+     * @property {boolean} hasReturn
+     * @property {boolean} hasReturnValue
+     * @property {ESNode} node
+     */
 
+    /** @type {FuncInfo} */
+    let funcInfo
+
+    /** @param {CodePathSegment} segment */
     function isReachable(segment) {
       return segment.reachable
     }
 
     function isValidReturn() {
-      if (funcInfo.codePath.currentSegments.some(isReachable)) {
+      if (
+        funcInfo.codePath &&
+        funcInfo.codePath.currentSegments.some(isReachable)
+      ) {
         return false
       }
       return !treatUndefinedAsUnspecified || funcInfo.hasReturnValue
     }
 
     return {
+      /**
+       * @param {CodePath} codePath
+       * @param {ESNode} node
+       */
       onCodePathStart(codePath, node) {
         funcInfo = {
           codePath,
@@ -1095,16 +1261,18 @@ module.exports = {
       onCodePathEnd() {
         funcInfo = funcInfo.funcInfo
       },
+      /** @param {ReturnStatement} node */
       ReturnStatement(node) {
         funcInfo.hasReturn = true
         funcInfo.hasReturnValue = Boolean(node.argument)
       },
+      /** @param {ArrowFunctionExpression} node */
       'ArrowFunctionExpression:exit'(node) {
         if (!isValidReturn() && !node.expression) {
           cb(funcInfo.node)
         }
       },
-      'FunctionExpression:exit'(node) {
+      'FunctionExpression:exit'() {
         if (!isValidReturn()) {
           cb(funcInfo.node)
         }
@@ -1129,7 +1297,7 @@ module.exports = {
   hasInvalidEOF(node) {
     const body = node.templateBody
     if (body == null || body.errors == null) {
-      return
+      return false
     }
     return body.errors.some(
       (error) => typeof error.code === 'string' && error.code.startsWith('eof-')
@@ -1139,10 +1307,11 @@ module.exports = {
   /**
    * Get the chaining nodes of MemberExpression.
    *
-   * @param  {ESLintNode} node The node to parse
-   * @return {[ESLintNode, ...MemberExpression[]]} The chaining nodes
+   * @param  {ESNode} node The node to parse
+   * @return {[ESNode, ...MemberExpression[]]} The chaining nodes
    */
   getMemberChaining(node) {
+    /** @type {MemberExpression[]} */
     const nodes = []
     let n = node
 
@@ -1150,14 +1319,13 @@ module.exports = {
       nodes.push(n)
       n = n.object
     }
-    nodes.push(n)
 
-    return nodes.reverse()
+    return [n, ...nodes.reverse()]
   },
   /**
    * Parse CallExpression or MemberExpression to get simplified version without arguments
    *
-   * @param  {ASTNode} node The node to parse (MemberExpression | CallExpression)
+   * @param  {ESNode} node The node to parse (MemberExpression | CallExpression)
    * @return {String} eg. 'this.asd.qwe().map().filter().test.reduce()'
    */
   parseMemberOrCallExpression(node) {
@@ -1223,6 +1391,32 @@ module.exports = {
     }
     return dp[alen][blen]
   },
+  /**
+   * Checks whether the given node is Property.
+   */
+  isProperty,
+  /**
+   * Checks whether the given node is AssignmentProperty.
+   */
+  isAssignmentProperty,
+  /**
+   * Checks whether the given node is VElement.
+   */
+  isVElement,
+  /**
+   * Finds the property with the given name from the given ObjectExpression node.
+   */
+  findProperty,
+  /**
+   * Finds the assignment property with the given name from the given ObjectPattern node.
+   */
+  findAssignmentProperty,
+  /**
+   * Checks if the given node is a property value.
+   * @param {Property} prop
+   * @param {Expression} node
+   */
+  isPropertyChain,
   /**
    * Unwrap typescript types like "X as F"
    * @template T
@@ -1230,10 +1424,17 @@ module.exports = {
    * @return {T}
    */
   unwrapTypes,
+  /**
+   * Unwrap AssignmentPattern like "(a = 1) => ret"
+   * @param { AssignmentPattern | RestElement | ArrayPattern | ObjectPattern | Identifier } node
+   * @return { RestElement | ArrayPattern | ObjectPattern | Identifier}
+   */
+  unwrapAssignmentPattern,
 
   /**
    * Check whether the given node is `this` or variable that stores `this`.
-   * @param  {ASTNode} node The node to check
+   * @param  {ESNode} node The node to check
+   * @param {RuleContext} context The rule context to use parser services.
    * @returns {boolean} `true` if the given node is `this`.
    */
   isThis(node, context) {
@@ -1259,11 +1460,11 @@ module.exports = {
     if (variable != null && variable.defs.length === 1) {
       const def = variable.defs[0]
       if (
-        def.parent &&
+        def.type === 'Variable' &&
         def.parent.kind === 'const' &&
         def.node.id.type === 'Identifier'
       ) {
-        return (
+        return Boolean(
           def.node && def.node.init && def.node.init.type === 'ThisExpression'
         )
       }
@@ -1273,7 +1474,7 @@ module.exports = {
 
   /**
    * @param {MemberExpression|Identifier} props
-   * @returns { { kind: 'assignment' | 'update' | 'call' , node: Node, pathNodes: MemberExpression[] } }
+   * @returns { { kind: 'assignment' | 'update' | 'call' , node: ESNode, pathNodes: MemberExpression[] } | null }
    */
   findMutating(props) {
     /** @type {MemberExpression[]} */
@@ -1299,7 +1500,9 @@ module.exports = {
         }
       } else if (target.type === 'CallExpression') {
         if (node !== props && target.callee === node) {
-          const callName = getStaticPropertyName(node)
+          const callName = getStaticPropertyName(
+            /** @type {MemberExpression} */ (node)
+          )
           if (
             callName &&
             /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(
@@ -1329,15 +1532,33 @@ module.exports = {
   }
 }
 
+// ------------------------------------------------------------------------------
+// Standard Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Checks whether the given value is defined.
+ * @template T
+ * @param {T | null | undefined} v
+ * @returns {v is T}
+ */
+function isDef(v) {
+  return v != null
+}
+
+// ------------------------------------------------------------------------------
+// Rule Helpers
+// ------------------------------------------------------------------------------
+
 /**
  * Register the given visitor to parser services.
  * If the parser service of `vue-eslint-parser` was not found,
  * this generates a warning.
  *
  * @param {RuleContext} context The rule context to use parser services.
- * @param {Object} templateBodyVisitor The visitor to traverse the template body.
- * @param {Object} [scriptVisitor] The visitor to traverse the script.
- * @returns {Object} The merged visitor.
+ * @param {TemplateListener} templateBodyVisitor The visitor to traverse the template body.
+ * @param {RuleListener} [scriptVisitor] The visitor to traverse the script.
+ * @returns {RuleListener} The merged visitor.
  */
 function defineTemplateBodyVisitor(
   context,
@@ -1358,6 +1579,110 @@ function defineTemplateBodyVisitor(
   )
 }
 
+/**
+ * @param {RuleListener} visitor
+ * @param {...RuleListener} visitors
+ * @returns {RuleListener}
+ */
+function compositingVisitors(visitor, ...visitors) {
+  for (const v of visitors) {
+    for (const key in v) {
+      if (visitor[key]) {
+        const o = visitor[key]
+        /** @param {any[]} args */
+        visitor[key] = (...args) => {
+          // @ts-expect-error
+          o(...args)
+          // @ts-expect-error
+          v[key](...args)
+        }
+      } else {
+        visitor[key] = v[key]
+      }
+    }
+  }
+  return visitor
+}
+
+// ------------------------------------------------------------------------------
+// AST Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Finds the property with the given name from the given ObjectExpression node.
+ * @param {ObjectExpression} node
+ * @param {string} name
+ * @param { (p: Property) => boolean } [filter]
+ * @returns { (Property) | null}
+ */
+function findProperty(node, name, filter) {
+  const predicate = filter
+    ? /**
+       * @param {Property | SpreadElement} prop
+       * @returns {prop is Property}
+       */
+      (prop) =>
+        prop.type === 'Property' &&
+        getStaticPropertyName(prop) === name &&
+        filter(prop)
+    : /**
+       * @param {Property | SpreadElement} prop
+       * @returns {prop is Property}
+       */
+      (prop) => prop.type === 'Property' && getStaticPropertyName(prop) === name
+  return node.properties.find(predicate) || null
+}
+
+/**
+ * Finds the assignment property with the given name from the given ObjectPattern node.
+ * @param {ObjectPattern} node
+ * @param {string} name
+ * @param { (p: AssignmentProperty) => boolean } [filter]
+ * @returns { (AssignmentProperty) | null}
+ */
+function findAssignmentProperty(node, name, filter) {
+  const predicate = filter
+    ? /**
+       * @param {AssignmentProperty | RestElement} prop
+       * @returns {prop is AssignmentProperty}
+       */
+      (prop) =>
+        prop.type === 'Property' &&
+        getStaticPropertyName(prop) === name &&
+        filter(prop)
+    : /**
+       * @param {AssignmentProperty | RestElement} prop
+       * @returns {prop is AssignmentProperty}
+       */
+      (prop) => prop.type === 'Property' && getStaticPropertyName(prop) === name
+  return node.properties.find(predicate) || null
+}
+
+/**
+ * Checks whether the given node is Property.
+ * @param {Property | SpreadElement} node
+ * @returns {node is Property}
+ */
+function isProperty(node) {
+  return node.type === 'Property'
+}
+/**
+ * Checks whether the given node is AssignmentProperty.
+ * @param {AssignmentProperty | RestElement} node
+ * @returns {node is AssignmentProperty}
+ */
+function isAssignmentProperty(node) {
+  return node.type === 'Property'
+}
+/**
+ * Checks whether the given node is VElement.
+ * @param {VElement | VExpressionContainer | VText} node
+ * @returns {node is VElement}
+ */
+function isVElement(node) {
+  return node.type === 'VElement'
+}
+
 /**
  * Unwrap typescript types like "X as F"
  * @template T
@@ -1365,55 +1690,126 @@ function defineTemplateBodyVisitor(
  * @return {T}
  */
 function unwrapTypes(node) {
-  return !node
-    ? node
-    : node.type === 'TSAsExpression'
-    ? unwrapTypes(node.expression)
-    : node
+  if (!node) {
+    return node
+  }
+  // @ts-expect-error
+  if (node.type === 'TSAsExpression') {
+    // @ts-expect-error
+    return unwrapTypes(node.expression)
+  }
+  return node
+}
+
+/**
+ * Gets the parent node of the given node. This method returns a value ignoring `X as F`.
+ * @param {Expression} node
+ * @returns {ASTNode}
+ */
+function getParent(node) {
+  let parent = node.parent
+  while (parent.type === 'TSAsExpression') {
+    parent = parent.parent
+  }
+  return parent
+}
+
+/**
+ * Checks if the given node is a property value.
+ * @param {Property} prop
+ * @param {Expression} node
+ */
+function isPropertyChain(prop, node) {
+  let value = node
+  while (value.parent.type === 'TSAsExpression') {
+    value = value.parent
+  }
+  return prop === value.parent && prop.value === value
+}
+
+/**
+ * Unwrap AssignmentPattern like "(a = 1) => ret"
+ * @param { AssignmentPattern | RestElement | ArrayPattern | ObjectPattern | Identifier } node
+ * @return { RestElement | ArrayPattern | ObjectPattern | Identifier}
+ */
+function unwrapAssignmentPattern(node) {
+  if (!node) {
+    return node
+  }
+  if (node.type === 'AssignmentPattern') {
+    // @ts-expect-error
+    return unwrapAssignmentPattern(node.left)
+  }
+  return node
 }
 
 /**
  * Gets the property name of a given node.
- * @param {Property|MethodDefinition|MemberExpression|Literal|TemplateLiteral|Identifier} node - The node to get.
+ * @param {Property|AssignmentProperty|MethodDefinition|MemberExpression} node - The node to get.
  * @return {string|null} The property name if static. Otherwise, null.
  */
 function getStaticPropertyName(node) {
-  let prop
-  switch (node && node.type) {
-    case 'Property':
-    case 'MethodDefinition':
-      prop = node.key
-      break
-    case 'MemberExpression':
-      prop = node.property
-      break
-    case 'Literal':
-    case 'TemplateLiteral':
-    case 'Identifier':
-      prop = node
-      break
-    // no default
-  }
+  if (node.type === 'Property' || node.type === 'MethodDefinition') {
+    const key = node.key
 
-  switch (prop && prop.type) {
-    case 'Literal':
-      return String(prop.value)
-    case 'TemplateLiteral':
-      if (prop.expressions.length === 0 && prop.quasis.length === 1) {
-        return prop.quasis[0].value.cooked
+    if (!node.computed) {
+      if (key.type === 'Identifier') {
+        return key.name
       }
-      break
-    case 'Identifier':
-      if (!node.computed) {
-        return prop.name
+    }
+    // @ts-expect-error
+    return getStringLiteralValue(key)
+  } else if (node.type === 'MemberExpression') {
+    const property = node.property
+    if (!node.computed) {
+      if (property.type === 'Identifier') {
+        return property.name
       }
-      break
-    // no default
+      return null
+    }
+    // @ts-expect-error
+    return getStringLiteralValue(property)
   }
+  return null
+}
 
+/**
+ * Gets the string of a given node.
+ * @param {Literal|TemplateLiteral} node - The node to get.
+ * @param {boolean} [stringOnly]
+ * @return {string|null} The string if static. Otherwise, null.
+ */
+function getStringLiteralValue(node, stringOnly) {
+  if (node.type === 'Literal') {
+    if (node.value == null) {
+      if (!stringOnly && node.bigint != null) {
+        return node.bigint
+      }
+      return null
+    }
+    if (typeof node.value === 'string') {
+      return node.value
+    }
+    if (!stringOnly) {
+      return String(node.value)
+    }
+    return null
+  }
+  if (node.type === 'TemplateLiteral') {
+    if (node.expressions.length === 0 && node.quasis.length === 1) {
+      return node.quasis[0].value.cooked
+    }
+  }
   return null
 }
 
+// ------------------------------------------------------------------------------
+// Vue Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {string} path
+ */
 function isVueFile(path) {
   return path.endsWith('.vue') || path.endsWith('.jsx')
 }
@@ -1422,7 +1818,7 @@ function isVueFile(path) {
  * Check whether the given node is a Vue component based
  * on the filename and default export type
  * export default {} in .vue || .jsx
- * @param {ASTNode} node Node to check
+ * @param {ESNode} node Node to check
  * @param {string} path File name with extension
  * @returns {boolean}
  */
@@ -1437,7 +1833,7 @@ function isVueComponentFile(node, path) {
 /**
  * Check whether given node is Vue component
  * Vue.component('xxx', {}) || component('xxx', {})
- * @param {ASTNode} node Node to check
+ * @param {ESNode} node Node to check
  * @returns {boolean}
  */
 function isVueComponent(node) {
@@ -1448,23 +1844,26 @@ function isVueComponent(node) {
       const calleeObject = unwrapTypes(callee.object)
 
       if (calleeObject.type === 'Identifier') {
-        const propName = getStaticPropertyName(callee.property)
+        const propName = getStaticPropertyName(callee)
         if (calleeObject.name === 'Vue') {
           // for Vue.js 2.x
           // Vue.component('xxx', {}) || Vue.mixin({}) || Vue.extend('xxx', {})
           const isFullVueComponentForVue2 =
+            propName &&
             ['component', 'mixin', 'extend'].includes(propName) &&
             isObjectArgument(node)
 
-          return isFullVueComponentForVue2
+          return Boolean(isFullVueComponentForVue2)
         }
 
         // for Vue.js 3.x
         // app.component('xxx', {}) || app.mixin({})
         const isFullVueComponent =
-          ['component', 'mixin'].includes(propName) && isObjectArgument(node)
+          propName &&
+          ['component', 'mixin'].includes(propName) &&
+          isObjectArgument(node)
 
-        return isFullVueComponent
+        return Boolean(isFullVueComponent)
       }
     }
 
@@ -1492,6 +1891,7 @@ function isVueComponent(node) {
 
   return false
 
+  /** @param {CallExpression} node */
   function isObjectArgument(node) {
     return (
       node.arguments.length > 0 &&
@@ -1503,17 +1903,17 @@ function isVueComponent(node) {
 /**
  * Check whether given node is new Vue instance
  * new Vue({})
- * @param {ASTNode} node Node to check
+ * @param {NewExpression} node Node to check
  * @returns {boolean}
  */
 function isVueInstance(node) {
   const callee = node.callee
-  return (
+  return Boolean(
     node.type === 'NewExpression' &&
-    callee.type === 'Identifier' &&
-    callee.name === 'Vue' &&
-    node.arguments.length &&
-    unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
+      callee.type === 'Identifier' &&
+      callee.name === 'Vue' &&
+      node.arguments.length &&
+      unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
   )
 }
 
@@ -1521,39 +1921,34 @@ function isVueInstance(node) {
  * If the given object is a Vue component or instance, returns the Vue definition type.
  * @param {RuleContext} context The ESLint rule context object.
  * @param {ObjectExpression} node Node to check
- * @returns { 'mark' | 'export' | 'definition' | 'instance' | null } The Vue definition type.
+ * @returns { VueObjectType | null } The Vue definition type.
  */
 function getVueObjectType(context, node) {
   if (node.type !== 'ObjectExpression') {
     return null
   }
-  let parent = node.parent
-  while (parent && parent.type === 'TSAsExpression') {
-    parent = parent.parent
-  }
-  if (parent) {
-    if (parent.type === 'ExportDefaultDeclaration') {
-      // export default {} in .vue || .jsx
-      const filePath = context.getFilename()
-      if (
-        isVueComponentFile(parent, filePath) &&
-        unwrapTypes(parent.declaration) === node
-      ) {
-        return 'export'
-      }
-    } else if (parent.type === 'CallExpression') {
-      // Vue.component('xxx', {}) || component('xxx', {})
-      if (
-        isVueComponent(parent) &&
-        unwrapTypes(parent.arguments.slice(-1)[0]) === node
-      ) {
-        return 'definition'
-      }
-    } else if (parent.type === 'NewExpression') {
-      // new Vue({})
-      if (isVueInstance(parent) && unwrapTypes(parent.arguments[0]) === node) {
-        return 'instance'
-      }
+  const parent = getParent(node)
+  if (parent.type === 'ExportDefaultDeclaration') {
+    // export default {} in .vue || .jsx
+    const filePath = context.getFilename()
+    if (
+      isVueComponentFile(parent, filePath) &&
+      unwrapTypes(parent.declaration) === node
+    ) {
+      return 'export'
+    }
+  } else if (parent.type === 'CallExpression') {
+    // Vue.component('xxx', {}) || component('xxx', {})
+    if (
+      isVueComponent(parent) &&
+      unwrapTypes(parent.arguments.slice(-1)[0]) === node
+    ) {
+      return 'definition'
+    }
+  } else if (parent.type === 'NewExpression') {
+    // new Vue({})
+    if (isVueInstance(parent) && unwrapTypes(parent.arguments[0]) === node) {
+      return 'instance'
     }
   }
   if (
@@ -1583,20 +1978,3 @@ function getComponentComments(context) {
   componentComments.set(context, tokens)
   return tokens
 }
-
-function compositingVisitors(visitor, ...visitors) {
-  for (const v of visitors) {
-    for (const key in v) {
-      if (visitor[key]) {
-        const o = visitor[key]
-        visitor[key] = (node) => {
-          o(node)
-          v[key](node)
-        }
-      } else {
-        visitor[key] = v[key]
-      }
-    }
-  }
-  return visitor
-}
diff --git a/lib/utils/keycode-to-key.js b/lib/utils/keycode-to-key.js
index 6f20a93b2..365ae435d 100644
--- a/lib/utils/keycode-to-key.js
+++ b/lib/utils/keycode-to-key.js
@@ -1,4 +1,5 @@
 // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
+/** @type { { [key: number]: string }  } */
 module.exports = {
   '8': 'backspace',
   '9': 'tab',
diff --git a/package.json b/package.json
index b734f167d..4291451fd 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,8 @@
     "cover:report": "nyc report --reporter=html",
     "lint": "eslint . --rulesdir eslint-internal-rules",
     "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
+    "pretsc": "node ./tools/setup-eslint-rule-types.js",
+    "tsc": "tsc",
     "preversion": "npm test && npm run update && git add .",
     "version": "npm run lint -- --fix && git add .",
     "update": "node ./tools/update.js",
@@ -51,12 +53,15 @@
     "eslint": "^6.0.0 || ^7.0.0"
   },
   "dependencies": {
+    "@types/semver": "^7.2.0",
     "eslint-utils": "^2.0.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
     "vue-eslint-parser": "^7.1.0"
   },
   "devDependencies": {
+    "@types/eslint": "^6.8.1",
+    "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@typescript-eslint/parser": "^2.31.0",
     "@vuepress/plugin-pwa": "^1.4.1",
@@ -74,7 +79,7 @@
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
     "prettier": "^2.0.5",
-    "typescript": "^3.8.3",
+    "typescript": "^3.9.5",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.1"
   },
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 423f720c9..a0b930241 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -20,7 +20,6 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2015 }
 })
 tester.run('attributes-order', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -88,8 +87,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-      `<template>
+      code: `<template>
         <div
           v-model="toggle"
           :bindingProp="foo"
@@ -108,8 +106,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             is="header"
             v-for="item in items"
@@ -126,8 +123,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             is="header"
             v-for="item in items"
@@ -144,8 +140,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             is="header"
             v-for="item in items"
@@ -162,8 +157,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-for="item in items"
             v-if="!visible"
@@ -177,14 +171,17 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div propone="prop" proptwo="prop" propthree="prop"></div></template>'
+      code:
+        '<template><div propone="prop" proptwo="prop" propthree="prop"></div></template>'
     },
     {
       filename: 'test.vue',
-      code: '<template><div propone="prop" proptwo="prop" is="header"></div></template>',
+      code:
+        '<template><div propone="prop" proptwo="prop" is="header"></div></template>',
       options: [
-        { order:
-          ['LIST_RENDERING',
+        {
+          order: [
+            'LIST_RENDERING',
             'CONDITIONALS',
             'RENDER_MODIFIERS',
             'GLOBAL',
@@ -194,15 +191,19 @@ tester.run('attributes-order', rule, {
             'OTHER_ATTR',
             'EVENTS',
             'CONTENT',
-            'DEFINITION']
-        }]
+            'DEFINITION'
+          ]
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div ref="header" is="header" propone="prop" proptwo="prop"></div></template>',
+      code:
+        '<template><div ref="header" is="header" propone="prop" proptwo="prop"></div></template>',
       options: [
-        { order:
-          ['LIST_RENDERING',
+        {
+          order: [
+            'LIST_RENDERING',
             'CONDITIONALS',
             'RENDER_MODIFIERS',
             'GLOBAL',
@@ -212,13 +213,14 @@ tester.run('attributes-order', rule, {
             'OTHER_DIRECTIVES',
             'OTHER_ATTR',
             'EVENTS',
-            'CONTENT']
-        }]
+            'CONTENT'
+          ]
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-if="!visible"
             v-for="item in items"
@@ -234,8 +236,8 @@ tester.run('attributes-order', rule, {
           </div>
         </template>`,
       options: [
-        { order:
-          [
+        {
+          order: [
             'CONDITIONALS',
             'LIST_RENDERING',
             'RENDER_MODIFIERS',
@@ -248,12 +250,12 @@ tester.run('attributes-order', rule, {
             'OTHER_ATTR',
             'OTHER_DIRECTIVES'
           ]
-        }]
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-if="!visible"
             class="content"
@@ -263,8 +265,8 @@ tester.run('attributes-order', rule, {
           </div>
         </template>`,
       options: [
-        { order:
-          [
+        {
+          order: [
             'CONDITIONALS',
             'LIST_RENDERING',
             'RENDER_MODIFIERS',
@@ -275,12 +277,12 @@ tester.run('attributes-order', rule, {
             'CONTENT',
             'GLOBAL'
           ]
-        }]
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             id="uniqueID"
             ref="header"
@@ -296,8 +298,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             a-custom-prop="value"
             :another-custom-prop="value"
@@ -315,8 +316,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             class="foo"
             :class="bar">
@@ -326,8 +326,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'duplicate.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             class="foo"
             class="bar">
@@ -337,8 +336,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'duplicate.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             :class="foo"
             :class="bar">
@@ -348,8 +346,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-if="foo"
             v-show="bar">
@@ -359,8 +356,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-bar="bar"
             v-foo="foo">
@@ -370,8 +366,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-foo.a="a"
             v-foo.b="b">
@@ -386,24 +381,27 @@ tester.run('attributes-order', rule, {
       filename: 'test.vue',
       code: '<template><div v-cloak is="header"></div></template>',
       output: '<template><div is="header" v-cloak></div></template>',
-      errors: [{
-        message: 'Attribute "is" should go before "v-cloak".',
-        type: 'VIdentifier'
-      }]
+      errors: [
+        {
+          message: 'Attribute "is" should go before "v-cloak".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div id="uniqueID" v-cloak></div></template>',
       output: '<template><div v-cloak id="uniqueID"></div></template>',
-      errors: [{
-        message: 'Attribute "v-cloak" should go before "id".',
-        type: 'VDirectiveKey'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-cloak" should go before "id".',
+          type: 'VDirectiveKey'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-          `<template>
+      code: `<template>
             <div
               model="baz"
               v-model="toggle"
@@ -411,8 +409,7 @@ tester.run('attributes-order', rule, {
               :id="foo">
             </div>
           </template>`,
-      output:
-          `<template>
+      output: `<template>
             <div
               v-model="toggle"
               model="baz"
@@ -420,19 +417,20 @@ tester.run('attributes-order', rule, {
               propOne="bar">
             </div>
           </template>`,
-      errors: [{
-        message: 'Attribute "v-model" should go before "model".',
-        type: 'VDirectiveKey'
-      },
-      {
-        message: 'Attribute ":id" should go before "propOne".',
-        type: 'VDirectiveKey'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-model" should go before "model".',
+          type: 'VDirectiveKey'
+        },
+        {
+          message: 'Attribute ":id" should go before "propOne".',
+          type: 'VDirectiveKey'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-          `<template>
+      code: `<template>
             <div
               :bindingProp="foo"
               model="baz"
@@ -441,8 +439,7 @@ tester.run('attributes-order', rule, {
               propOne="bar">
             </div>
           </template>`,
-      output:
-          `<template>
+      output: `<template>
             <div
               :bindingProp="foo"
               model="baz"
@@ -451,70 +448,82 @@ tester.run('attributes-order', rule, {
               propOne="bar">
             </div>
           </template>`,
-      errors: [{
-        message: 'Attribute "v-model" should go before "v-on".',
-        type: 'VDirectiveKey'
-      },
-      {
-        message: 'Attribute "propOne" should go before "v-on".',
-        type: 'VIdentifier'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-model" should go before "v-on".',
+          type: 'VDirectiveKey'
+        },
+        {
+          message: 'Attribute "propOne" should go before "v-on".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div data-id="foo" aria-test="bar" is="custom" myProp="prop"></div></template>',
-      output: '<template><div data-id="foo" is="custom" aria-test="bar" myProp="prop"></div></template>',
-      errors: [{
-        message: 'Attribute "is" should go before "aria-test".',
-        type: 'VIdentifier'
-      }]
+      code:
+        '<template><div data-id="foo" aria-test="bar" is="custom" myProp="prop"></div></template>',
+      output:
+        '<template><div data-id="foo" is="custom" aria-test="bar" myProp="prop"></div></template>',
+      errors: [
+        {
+          message: 'Attribute "is" should go before "aria-test".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code: '<template><div ref="header" propone="prop" is="header" ></div></template>',
+      code:
+        '<template><div ref="header" propone="prop" is="header" ></div></template>',
       options: [
-        { order:
-            ['LIST_RENDERING',
-              'CONDITIONALS',
-              'RENDER_MODIFIERS',
-              'GLOBAL',
-              'UNIQUE',
-              'TWO_WAY_BINDING',
-              'DEFINITION',
-              'OTHER_DIRECTIVES',
-              'OTHER_ATTR',
-              'EVENTS',
-              'CONTENT']
-        }],
-      output: '<template><div ref="header" is="header" propone="prop" ></div></template>',
-      errors: [{
-        message: 'Attribute "is" should go before "propone".',
-        type: 'VIdentifier'
-      }]
+        {
+          order: [
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            'UNIQUE',
+            'TWO_WAY_BINDING',
+            'DEFINITION',
+            'OTHER_DIRECTIVES',
+            'OTHER_ATTR',
+            'EVENTS',
+            'CONTENT'
+          ]
+        }
+      ],
+      output:
+        '<template><div ref="header" is="header" propone="prop" ></div></template>',
+      errors: [
+        {
+          message: 'Attribute "is" should go before "propone".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-          `<template>
+      code: `<template>
             <div v-cloak
               is="header">
             </div>
           </template>`,
-      output:
-          `<template>
+      output: `<template>
             <div is="header"
               v-cloak>
             </div>
           </template>`,
-      errors: [{
-        message: 'Attribute "is" should go before "v-cloak".',
-        type: 'VIdentifier'
-      }]
+      errors: [
+        {
+          message: 'Attribute "is" should go before "v-cloak".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-          `<template>
+      code: `<template>
             <div
               v-if="!visible"
               v-for="item in items"
@@ -529,8 +538,7 @@ tester.run('attributes-order', rule, {
               >
             </div>
           </template>`,
-      output:
-          `<template>
+      output: `<template>
             <div
               v-for="item in items"
               v-if="!visible"
@@ -574,8 +582,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-          `<template>
+      code: `<template>
             <div
               v-if="!visible"
               v-for="item in items"
@@ -591,23 +598,23 @@ tester.run('attributes-order', rule, {
             </div>
           </template>`,
       options: [
-        { order:
-            [
-              'EVENTS',
-              'TWO_WAY_BINDING',
-              'UNIQUE',
-              'DEFINITION',
-              'CONDITIONALS',
-              'LIST_RENDERING',
-              'RENDER_MODIFIERS',
-              'GLOBAL',
-              'OTHER_ATTR',
-              'OTHER_DIRECTIVES',
-              'CONTENT'
-            ]
-        }],
-      output:
-          `<template>
+        {
+          order: [
+            'EVENTS',
+            'TWO_WAY_BINDING',
+            'UNIQUE',
+            'DEFINITION',
+            'CONDITIONALS',
+            'LIST_RENDERING',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            'OTHER_ATTR',
+            'OTHER_DIRECTIVES',
+            'CONTENT'
+          ]
+        }
+      ],
+      output: `<template>
             <div
               v-if="!visible"
               v-for="item in items"
@@ -646,8 +653,7 @@ tester.run('attributes-order', rule, {
       ]
     },
     {
-      code:
-          `<template>
+      code: `<template>
             <div
               class="content"
               v-if="!visible"
@@ -657,21 +663,21 @@ tester.run('attributes-order', rule, {
             </div>
           </template>`,
       options: [
-        { order:
-            [
-              'CONDITIONALS',
-              'LIST_RENDERING',
-              'RENDER_MODIFIERS',
-              'DEFINITION',
-              'EVENTS',
-              'UNIQUE',
-              ['BINDING', 'OTHER_ATTR'],
-              'CONTENT',
-              'GLOBAL'
-            ]
-        }],
-      output:
-          `<template>
+        {
+          order: [
+            'CONDITIONALS',
+            'LIST_RENDERING',
+            'RENDER_MODIFIERS',
+            'DEFINITION',
+            'EVENTS',
+            'UNIQUE',
+            ['BINDING', 'OTHER_ATTR'],
+            'CONTENT',
+            'GLOBAL'
+          ]
+        }
+      ],
+      output: `<template>
             <div
               v-if="!visible"
               class="content"
@@ -688,8 +694,7 @@ tester.run('attributes-order', rule, {
       ]
     },
     {
-      code:
-          `<template>
+      code: `<template>
             <my-component
               v-if="!visible"
               v-model="content"
@@ -697,8 +702,7 @@ tester.run('attributes-order', rule, {
               >
             </my-component>
           </template>`,
-      output:
-          `<template>
+      output: `<template>
             <my-component
               v-if="!visible"
               v-slot="textContent"
@@ -715,219 +719,219 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-      `<template>
+      code: `<template>
           <div
             z-prop="Z"
             a-prop="A">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             a-prop="A"
             z-prop="Z">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "a-prop" should go before "z-prop".',
-        type: 'VIdentifier'
-      }]
+      errors: [
+        {
+          message: 'Attribute "a-prop" should go before "z-prop".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-      `<template>
+      code: `<template>
           <div
             :z-prop="Z"
             :a-prop="A">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             :a-prop="A"
             :z-prop="Z">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute ":a-prop" should go before ":z-prop".',
-        type: 'VDirectiveKey'
-      }]
+      errors: [
+        {
+          message: 'Attribute ":a-prop" should go before ":z-prop".',
+          type: 'VDirectiveKey'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             @input="bar"
             @change="foo">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             @change="foo"
             @input="bar">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "@change" should go before "@input".',
-        type: 'VDirectiveKey'
-      }]
+      errors: [
+        {
+          message: 'Attribute "@change" should go before "@input".',
+          type: 'VDirectiveKey'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             z-prop="value"
             boolean-prop>
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             boolean-prop
             z-prop="value">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "boolean-prop" should go before "z-prop".',
-        type: 'VIdentifier'
-      }]
+      errors: [
+        {
+          message: 'Attribute "boolean-prop" should go before "z-prop".',
+          type: 'VIdentifier'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-on:click="functionCall"
             v-on:[c]="functionCall">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             v-on:[c]="functionCall"
             v-on:click="functionCall">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "v-on:[c]" should go before "v-on:click".',
-        type: 'VDirectiveKey'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-on:[c]" should go before "v-on:click".',
+          type: 'VDirectiveKey'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-text="textContent"
             v-on:click="functionCall">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             v-on:click="functionCall"
             v-text="textContent">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "v-on:click" should go before "v-text".',
-        type: 'VDirectiveKey'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-on:click" should go before "v-text".',
+          type: 'VDirectiveKey'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             :class="foo"
             class="bar">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             class="bar"
             :class="foo">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "class" should go before ":class".'
-      }]
+      errors: [
+        {
+          message: 'Attribute "class" should go before ":class".'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-show="foo"
             v-if="bar">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             v-if="bar"
             v-show="foo">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "v-if" should go before "v-show".'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-if" should go before "v-show".'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-foo="foo"
             v-bar="bar">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             v-bar="bar"
             v-foo="foo">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "v-bar" should go before "v-foo".'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-bar" should go before "v-foo".'
+        }
+      ]
     },
     {
       filename: 'test.vue',
-      code:
-        `<template>
+      code: `<template>
           <div
             v-foo.b="b"
             v-foo.a="a">
           </div>
         </template>`,
       options: [{ alphabetical: true }],
-      output:
-        `<template>
+      output: `<template>
           <div
             v-foo.a="a"
             v-foo.b="b">
           </div>
         </template>`,
-      errors: [{
-        message: 'Attribute "v-foo.a" should go before "v-foo.b".'
-      }]
+      errors: [
+        {
+          message: 'Attribute "v-foo.a" should go before "v-foo.b".'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index 32e074ee8..d1b8c076d 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -162,22 +162,22 @@ describe('getStaticPropertyName', () => {
     const parsed = utils.getStaticPropertyName(node.properties[0])
     assert.ok(parsed === 'computed')
   })
-  it('should parse identifier', () => {
-    node = parse(`const test = { computed: { } }`)
+  // it('should parse identifier', () => {
+  //   node = parse(`const test = { computed: { } }`)
 
-    const parsed = utils.getStaticPropertyName(node.properties[0].key)
-    assert.ok(parsed === 'computed')
-  })
+  //   const parsed = utils.getStaticPropertyName(node.properties[0].key)
+  //   assert.ok(parsed === 'computed')
+  // })
   it('should parse literal', () => {
     node = parse(`const test = { ['computed'] () {} }`)
 
-    const parsed = utils.getStaticPropertyName(node.properties[0].key)
+    const parsed = utils.getStringLiteralValue(node.properties[0].key)
     assert.ok(parsed === 'computed')
   })
   it('should parse template literal', () => {
     node = parse(`const test = { [\`computed\`] () {} }`)
 
-    const parsed = utils.getStaticPropertyName(node.properties[0].key)
+    const parsed = utils.getStringLiteralValue(node.properties[0].key)
     assert.ok(parsed === 'computed')
   })
 })
@@ -360,7 +360,7 @@ describe('getComponentProps', () => {
     assert.notOk(props[1].value)
 
     assert.ok(props[2].node.type === 'TemplateLiteral')
-    assert.notOk(props[2].key)
+    assert.deepEqual(props[2].key, props[2].node)
     assert.notOk(props[2].value)
 
     assert.ok(props[3].node.type === 'Literal')
diff --git a/tools/setup-eslint-rule-types.js b/tools/setup-eslint-rule-types.js
new file mode 100644
index 000000000..d836d025c
--- /dev/null
+++ b/tools/setup-eslint-rule-types.js
@@ -0,0 +1,52 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const fs = require('fs')
+const path = require('path')
+const eslint = require('eslint')
+const ruleNames = new Set(new eslint.Linter().getRules().keys())
+
+const TYPINGS_ESLINT_RULES_ROOT = path.resolve(
+  __dirname,
+  '../typings/eslint/lib/rules'
+)
+
+mkdirIfNotExists(TYPINGS_ESLINT_RULES_ROOT)
+
+for (const ruleName of ruleNames) {
+  const filePath = path.join(TYPINGS_ESLINT_RULES_ROOT, `${ruleName}.d.ts`)
+  fs.writeFileSync(
+    filePath,
+    `import { Rule } from '../../index'
+declare const rule: Rule.RuleModule
+export = rule
+`
+  )
+}
+
+fs.readdirSync(TYPINGS_ESLINT_RULES_ROOT)
+  .filter((file) => file.endsWith('.d.ts'))
+  .filter((file) => !ruleNames.has(file.slice(0, -5)))
+  .map((file) => path.join(TYPINGS_ESLINT_RULES_ROOT, file))
+  .forEach((filePath) => fs.unlinkSync(filePath))
+
+function exists(file) {
+  try {
+    fs.statSync(file)
+    return true
+  } catch (err) {
+    if (err.code === 'ENOENT') return false
+  }
+}
+
+function mkdirIfNotExists(dir) {
+  if (exists(dir)) {
+    return
+  }
+  const p = path.dirname(dir)
+  mkdirIfNotExists(p)
+  fs.mkdirSync(dir)
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 000000000..40f2ceeee
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "lib": ["es2020"],
+    "allowJs": true,
+    "checkJs": true,
+    "noEmit": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "baseUrl": ".",
+    "paths": {
+      "*": ["typings/*"]
+    }
+  },
+  "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts"]
+}
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
new file mode 100644
index 000000000..268cbbb18
--- /dev/null
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -0,0 +1,175 @@
+import * as VAST from './util-types/ast'
+import * as VNODE from './util-types/node'
+import * as parserServices from './util-types/parser-services'
+import * as eslint from 'eslint'
+
+declare global {
+  // **** Rule Helpers ****
+  type RuleModule = eslint.Rule.RuleModule
+  type RuleContext = eslint.Rule.RuleContext
+  namespace Rule {
+    type ReportDescriptor = eslint.Rule.ReportDescriptor
+    type SuggestionReportDescriptor = eslint.Rule.SuggestionReportDescriptor
+  }
+  type SourceCode = eslint.SourceCode
+  namespace SourceCode {
+    type CursorWithSkipOptions = eslint.SourceCode.CursorWithSkipOptions
+    type CursorWithCountOptions = eslint.SourceCode.CursorWithCountOptions
+  }
+  type RuleFixer = eslint.Rule.RuleFixer
+  type Fix = eslint.Rule.Fix
+
+  type NodeListener = eslint.Rule.NodeListener
+  type RuleListener = eslint.Rule.RuleListener
+  type TemplateListener = parserServices.TemplateListener
+  type ParserServices = parserServices.ParserServices
+  namespace ParserServices {
+    type TokenStore = parserServices.ParserServices.TokenStore
+  }
+
+  // **** Node data ****
+
+  type Range = VNODE.Range
+  type Position = VNODE.Position
+  type SourceLocation = VNODE.SourceLocation
+  type Token = VNODE.Token
+  type Comment = VNODE.Comment
+  type HTMLComment = VNODE.HTMLComment
+  type HTMLBogusComment = VNODE.HTMLBogusComment
+
+  type NodeListenerMap = VAST.NodeListenerMap
+  type VNodeListenerMap = VAST.VNodeListenerMap
+
+  // **** AST nodes ****
+
+  type ASTNode = VAST.ASTNode
+  type ESNode = VAST.ESNode
+  type VNode = VAST.VNode
+  type TSNode = VAST.TSNode
+  type JSXNode = VAST.JSXNode
+
+  // ---- Vue Template Nodes ----
+
+  type VAttribute = VAST.VAttribute
+  type VDirective = VAST.VDirective
+  type VDirectiveKey = VAST.VDirectiveKey
+  type VDocumentFragment = VAST.VDocumentFragment
+  type VElement = VAST.VElement
+  type VRootElement = VAST.VRootElement
+  type VEndTag = VAST.VEndTag
+  type VExpressionContainer = VAST.VExpressionContainer
+  type VIdentifier = VAST.VIdentifier
+  type VLiteral = VAST.VLiteral
+  type VStartTag = VAST.VStartTag
+  type VText = VAST.VText
+  type VForExpression = VAST.VForExpression
+  type VOnExpression = VAST.VOnExpression
+  type VSlotScopeExpression = VAST.VSlotScopeExpression
+  type VFilterSequenceExpression = VAST.VFilterSequenceExpression
+  type VFilter = VAST.VFilter
+
+  // ---- ES Nodes ----
+
+  type Identifier = VAST.Identifier
+  type Literal = VAST.Literal
+  type Program = VAST.Program
+  type SwitchCase = VAST.SwitchCase
+  type CatchClause = VAST.CatchClause
+  type VariableDeclarator = VAST.VariableDeclarator
+  type Statement = VAST.Statement
+  type ExpressionStatement = VAST.ExpressionStatement
+  type BlockStatement = VAST.BlockStatement
+  type EmptyStatement = VAST.EmptyStatement
+  type DebuggerStatement = VAST.DebuggerStatement
+  type WithStatement = VAST.WithStatement
+  type ReturnStatement = VAST.ReturnStatement
+  type LabeledStatement = VAST.LabeledStatement
+  type BreakStatement = VAST.BreakStatement
+  type ContinueStatement = VAST.ContinueStatement
+  type IfStatement = VAST.IfStatement
+  type SwitchStatement = VAST.SwitchStatement
+  type ThrowStatement = VAST.ThrowStatement
+  type TryStatement = VAST.TryStatement
+  type WhileStatement = VAST.WhileStatement
+  type DoWhileStatement = VAST.DoWhileStatement
+  type ForStatement = VAST.ForStatement
+  type ForInStatement = VAST.ForInStatement
+  type ForOfStatement = VAST.ForOfStatement
+  type Declaration = VAST.Declaration
+  type FunctionDeclaration = VAST.FunctionDeclaration
+  type VariableDeclaration = VAST.VariableDeclaration
+  type ClassDeclaration = VAST.ClassDeclaration
+  type Expression = VAST.Expression
+  type ThisExpression = VAST.ThisExpression
+  type ArrayExpression = VAST.ArrayExpression
+  type ObjectExpression = VAST.ObjectExpression
+  type FunctionExpression = VAST.FunctionExpression
+  type ArrowFunctionExpression = VAST.ArrowFunctionExpression
+  type YieldExpression = VAST.YieldExpression
+  type UnaryExpression = VAST.UnaryExpression
+  type UpdateExpression = VAST.UpdateExpression
+  type BinaryExpression = VAST.BinaryExpression
+  type AssignmentExpression = VAST.AssignmentExpression
+  type LogicalExpression = VAST.LogicalExpression
+  type MemberExpression = VAST.MemberExpression
+  type ConditionalExpression = VAST.ConditionalExpression
+  type CallExpression = VAST.CallExpression
+  type NewExpression = VAST.NewExpression
+  type SequenceExpression = VAST.SequenceExpression
+  type TemplateLiteral = VAST.TemplateLiteral
+  type TaggedTemplateExpression = VAST.TaggedTemplateExpression
+  type ClassExpression = VAST.ClassExpression
+  type MetaProperty = VAST.MetaProperty
+  type AwaitExpression = VAST.AwaitExpression
+  type Property = VAST.Property
+  type AssignmentProperty = VAST.AssignmentProperty
+  type Super = VAST.Super
+  type TemplateElement = VAST.TemplateElement
+  type SpreadElement = VAST.SpreadElement
+  type Pattern = VAST.Pattern
+  type ObjectPattern = VAST.ObjectPattern
+  type ArrayPattern = VAST.ArrayPattern
+  type RestElement = VAST.RestElement
+  type AssignmentPattern = VAST.AssignmentPattern
+  type ClassBody = VAST.ClassBody
+  type MethodDefinition = VAST.MethodDefinition
+  type ModuleDeclaration = VAST.ModuleDeclaration
+  type ImportDeclaration = VAST.ImportDeclaration
+  type ExportNamedDeclaration = VAST.ExportNamedDeclaration
+  type ExportDefaultDeclaration = VAST.ExportDefaultDeclaration
+  type ExportAllDeclaration = VAST.ExportAllDeclaration
+  type ModuleSpecifier = VAST.ModuleSpecifier
+  type ImportSpecifier = VAST.ImportSpecifier
+  type ImportDefaultSpecifier = VAST.ImportDefaultSpecifier
+  type ImportNamespaceSpecifier = VAST.ImportNamespaceSpecifier
+  type ExportSpecifier = VAST.ExportSpecifier
+
+  // ---- TS Nodes ----
+
+  type TSAsExpression = VAST.TSAsExpression
+
+  // ---- JSX Nodes ----
+
+  type JSXAttribute = VAST.JSXAttribute
+  type JSXClosingElement = VAST.JSXClosingElement
+  type JSXClosingFragment = VAST.JSXClosingFragment
+  type JSXElement = VAST.JSXElement
+  type JSXEmptyExpression = VAST.JSXEmptyExpression
+  type JSXExpressionContainer = VAST.JSXExpressionContainer
+  type JSXFragment = VAST.JSXFragment
+  type JSXIdentifier = VAST.JSXIdentifier
+  type JSXOpeningElement = VAST.JSXOpeningElement
+  type JSXOpeningFragment = VAST.JSXOpeningFragment
+  type JSXSpreadAttribute = VAST.JSXSpreadAttribute
+  type JSXSpreadChild = VAST.JSXSpreadChild
+  type JSXMemberExpression = VAST.JSXMemberExpression
+  type JSXText = VAST.JSXText
+
+  // **** Variables ****
+
+  type VVariable = VAST.VVariable
+  type VReference = VAST.VReference
+
+  type Variable = eslint.Scope.Variable
+  type Reference = eslint.Scope.Reference
+}
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
new file mode 100644
index 000000000..dc55396eb
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -0,0 +1,265 @@
+import * as ES from './es-ast'
+import * as V from './v-ast'
+import * as TS from './ts-ast'
+import * as JSX from './jsx-ast'
+
+export type ASTNode = ES.ESNode | V.VNode | TS.TSNode | JSX.JSXNode
+
+export type ParamNode = never // You specify the node type in JSDoc.
+
+export type VNodeListenerMap = {
+  VAttribute: V.VAttribute | V.VDirective
+  'VAttribute:exit': V.VAttribute | V.VDirective
+  'VAttribute[directive=false]': V.VAttribute
+  'VAttribute[directive=false]:exit': V.VAttribute
+  "VAttribute[directive=true][key.name.name='bind']": V.VDirective
+  "VAttribute[directive=true][key.name.name='bind']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='cloak']": V.VDirective
+  "VAttribute[directive=true][key.name.name='cloak']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='else-if']": V.VDirective
+  "VAttribute[directive=true][key.name.name='else-if']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='else']": V.VDirective
+  "VAttribute[directive=true][key.name.name='else']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='for']": V.VDirective
+  "VAttribute[directive=true][key.name.name='for']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='html']": V.VDirective
+  "VAttribute[directive=true][key.name.name='html']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='if']": V.VDirective
+  "VAttribute[directive=true][key.name.name='if']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='model']": V.VDirective
+  "VAttribute[directive=true][key.name.name='model']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='on']": V.VDirective
+  "VAttribute[directive=true][key.name.name='on']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='once']": V.VDirective
+  "VAttribute[directive=true][key.name.name='once']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='pre']": V.VDirective
+  "VAttribute[directive=true][key.name.name='pre']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='show']": V.VDirective
+  "VAttribute[directive=true][key.name.name='show']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='slot']": V.VDirective
+  "VAttribute[directive=true][key.name.name='slot']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='text']": V.VDirective
+  "VAttribute[directive=true][key.name.name='text']:exit": V.VDirective
+  'VAttribute[value!=null]':
+    | (V.VAttribute & { value: VLiteral })
+    | (V.VDirective & { value: VExpressionContainer })
+  // VDirective: V.VDirective
+  // 'VDirective:exit': V.VDirective
+  VDirectiveKey: V.VDirectiveKey
+  'VDirectiveKey:exit': V.VDirectiveKey
+  VElement: V.VElement
+  'VElement:exit': V.VElement
+  VEndTag: V.VEndTag
+  'VEndTag:exit': V.VEndTag
+  VExpressionContainer: V.VExpressionContainer
+  'VExpressionContainer:exit': V.VExpressionContainer
+  VIdentifier: V.VIdentifier
+  'VIdentifier:exit': V.VIdentifier
+  VLiteral: V.VLiteral
+  'VLiteral:exit': V.VLiteral
+  VStartTag: V.VStartTag
+  'VStartTag:exit': V.VStartTag
+  VText: V.VText
+  'VText:exit': V.VText
+  VForExpression: V.VForExpression
+  'VForExpression:exit': V.VForExpression
+  VOnExpression: V.VOnExpression
+  'VOnExpression:exit': V.VOnExpression
+  VSlotScopeExpression: V.VSlotScopeExpression
+  'VSlotScopeExpression:exit': V.VSlotScopeExpression
+  VFilterSequenceExpression: V.VFilterSequenceExpression
+  'VFilterSequenceExpression:exit': V.VFilterSequenceExpression
+  VFilter: V.VFilter
+  'VFilter:exit': V.VFilter
+} & ESNodeListenerMap
+export type NodeListenerMap = {
+  JSXAttribute: JSX.JSXAttribute
+  'JSXAttribute:exit': JSX.JSXAttribute
+  JSXClosingElement: JSX.JSXClosingElement
+  'JSXClosingElement:exit': JSX.JSXClosingElement
+  JSXClosingFragment: JSX.JSXClosingFragment
+  'JSXClosingFragment:exit': JSX.JSXClosingFragment
+  JSXElement: JSX.JSXElement
+  'JSXElement:exit': JSX.JSXElement
+  JSXEmptyExpression: JSX.JSXEmptyExpression
+  'JSXEmptyExpression:exit': JSX.JSXEmptyExpression
+  JSXExpressionContainer: JSX.JSXExpressionContainer
+  'JSXExpressionContainer:exit': JSX.JSXExpressionContainer
+  JSXFragment: JSX.JSXFragment
+  'JSXFragment:exit': JSX.JSXFragment
+  JSXIdentifier: JSX.JSXIdentifier
+  'JSXIdentifier:exit': JSX.JSXIdentifier
+  JSXOpeningElement: JSX.JSXOpeningElement
+  'JSXOpeningElement:exit': JSX.JSXOpeningElement
+  JSXOpeningFragment: JSX.JSXOpeningFragment
+  'JSXOpeningFragment:exit': JSX.JSXOpeningFragment
+  JSXSpreadAttribute: JSX.JSXSpreadAttribute
+  'JSXSpreadAttribute:exit': JSX.JSXSpreadAttribute
+  JSXSpreadChild: JSX.JSXSpreadChild
+  'JSXSpreadChild:exit': JSX.JSXSpreadChild
+  JSXMemberExpression: JSX.JSXMemberExpression
+  'JSXMemberExpression:exit': JSX.JSXMemberExpression
+  JSXText: JSX.JSXText
+  'JSXText:exit': JSX.JSXText
+} & ESNodeListenerMap
+export type ESNodeListenerMap = {
+  Identifier: ES.Identifier
+  'Identifier:exit': ES.Identifier
+  Literal: ES.Literal
+  'Literal:exit': ES.Literal
+  Program: ES.Program
+  'Program:exit': ES.Program
+  SwitchCase: ES.SwitchCase
+  'SwitchCase:exit': ES.SwitchCase
+  CatchClause: ES.CatchClause
+  'CatchClause:exit': ES.CatchClause
+  VariableDeclarator: ES.VariableDeclarator
+  'VariableDeclarator:exit': ES.VariableDeclarator
+  ':statement': ES.Statement
+  ':statement:exit': ES.Statement
+  ExpressionStatement: ES.ExpressionStatement
+  'ExpressionStatement:exit': ES.ExpressionStatement
+  BlockStatement: ES.BlockStatement
+  'BlockStatement:exit': ES.BlockStatement
+  EmptyStatement: ES.EmptyStatement
+  'EmptyStatement:exit': ES.EmptyStatement
+  DebuggerStatement: ES.DebuggerStatement
+  'DebuggerStatement:exit': ES.DebuggerStatement
+  WithStatement: ES.WithStatement
+  'WithStatement:exit': ES.WithStatement
+  ReturnStatement: ES.ReturnStatement
+  'ReturnStatement:exit': ES.ReturnStatement
+  LabeledStatement: ES.LabeledStatement
+  'LabeledStatement:exit': ES.LabeledStatement
+  BreakStatement: ES.BreakStatement
+  'BreakStatement:exit': ES.BreakStatement
+  ContinueStatement: ES.ContinueStatement
+  'ContinueStatement:exit': ES.ContinueStatement
+  IfStatement: ES.IfStatement
+  'IfStatement:exit': ES.IfStatement
+  SwitchStatement: ES.SwitchStatement
+  'SwitchStatement:exit': ES.SwitchStatement
+  ThrowStatement: ES.ThrowStatement
+  'ThrowStatement:exit': ES.ThrowStatement
+  TryStatement: ES.TryStatement
+  'TryStatement:exit': ES.TryStatement
+  WhileStatement: ES.WhileStatement
+  'WhileStatement:exit': ES.WhileStatement
+  DoWhileStatement: ES.DoWhileStatement
+  'DoWhileStatement:exit': ES.DoWhileStatement
+  ForStatement: ES.ForStatement
+  'ForStatement:exit': ES.ForStatement
+  ForInStatement: ES.ForInStatement
+  'ForInStatement:exit': ES.ForInStatement
+  ForOfStatement: ES.ForOfStatement
+  'ForOfStatement:exit': ES.ForOfStatement
+  ':declaration': ES.Declaration
+  ':declaration:exit': ES.Declaration
+  FunctionDeclaration: ES.FunctionDeclaration
+  'FunctionDeclaration:exit': ES.FunctionDeclaration
+  VariableDeclaration: ES.VariableDeclaration
+  'VariableDeclaration:exit': ES.VariableDeclaration
+  ClassDeclaration: ES.ClassDeclaration
+  'ClassDeclaration:exit': ES.ClassDeclaration
+  ':expression': ES.Expression
+  ':expression:exit': ES.Expression
+  ThisExpression: ES.ThisExpression
+  'ThisExpression:exit': ES.ThisExpression
+  ArrayExpression: ES.ArrayExpression
+  'ArrayExpression:exit': ES.ArrayExpression
+  ObjectExpression: ES.ObjectExpression
+  'ObjectExpression:exit': ES.ObjectExpression
+  ':function':
+    | ES.FunctionExpression
+    | ES.ArrowFunctionExpression
+    | ES.FunctionDeclaration
+  ':function:exit':
+    | ES.FunctionExpression
+    | ES.ArrowFunctionExpression
+    | ES.FunctionDeclaration
+  FunctionExpression: ES.FunctionExpression
+  'FunctionExpression:exit': ES.FunctionExpression
+  ArrowFunctionExpression: ES.ArrowFunctionExpression
+  'ArrowFunctionExpression:exit': ES.ArrowFunctionExpression
+  YieldExpression: ES.YieldExpression
+  'YieldExpression:exit': ES.YieldExpression
+  UnaryExpression: ES.UnaryExpression
+  'UnaryExpression:exit': ES.UnaryExpression
+  UpdateExpression: ES.UpdateExpression
+  'UpdateExpression:exit': ES.UpdateExpression
+  BinaryExpression: ES.BinaryExpression
+  'BinaryExpression:exit': ES.BinaryExpression
+  AssignmentExpression: ES.AssignmentExpression
+  'AssignmentExpression:exit': ES.AssignmentExpression
+  LogicalExpression: ES.LogicalExpression
+  'LogicalExpression:exit': ES.LogicalExpression
+  MemberExpression: ES.MemberExpression
+  'MemberExpression:exit': ES.MemberExpression
+  ConditionalExpression: ES.ConditionalExpression
+  'ConditionalExpression:exit': ES.ConditionalExpression
+  CallExpression: ES.CallExpression
+  'CallExpression:exit': ES.CallExpression
+  NewExpression: ES.NewExpression
+  'NewExpression:exit': ES.NewExpression
+  SequenceExpression: ES.SequenceExpression
+  'SequenceExpression:exit': ES.SequenceExpression
+  TemplateLiteral: ES.TemplateLiteral
+  'TemplateLiteral:exit': ES.TemplateLiteral
+  TaggedTemplateExpression: ES.TaggedTemplateExpression
+  'TaggedTemplateExpression:exit': ES.TaggedTemplateExpression
+  ClassExpression: ES.ClassExpression
+  'ClassExpression:exit': ES.ClassExpression
+  MetaProperty: ES.MetaProperty
+  'MetaProperty:exit': ES.MetaProperty
+  AwaitExpression: ES.AwaitExpression
+  'AwaitExpression:exit': ES.AwaitExpression
+  Property: ES.Property | ES.AssignmentProperty
+  'Property:exit': ES.Property | ES.AssignmentProperty
+  'ObjectExpression>Property': ES.Property
+  'ObjectExpression>Property:exit': ES.Property
+  'ObjectExpression > Property': ES.Property
+  'ObjectExpression > Property:exit': ES.Property
+  'ObjectPattern>Property': ES.AssignmentProperty
+  'ObjectPattern>Property:exit': ES.AssignmentProperty
+  'ObjectPattern > Property': ES.AssignmentProperty
+  'ObjectPattern > Property:exit': ES.AssignmentProperty
+  Super: ES.Super
+  'Super:exit': ES.Super
+  TemplateElement: ES.TemplateElement
+  'TemplateElement:exit': ES.TemplateElement
+  SpreadElement: ES.SpreadElement
+  'SpreadElement:exit': ES.SpreadElement
+  ':pattern': ES.Pattern
+  ':pattern:exit': ES.Pattern
+  ObjectPattern: ES.ObjectPattern
+  'ObjectPattern:exit': ES.ObjectPattern
+  ArrayPattern: ES.ArrayPattern
+  'ArrayPattern:exit': ES.ArrayPattern
+  RestElement: ES.RestElement
+  'RestElement:exit': ES.RestElement
+  AssignmentPattern: ES.AssignmentPattern
+  'AssignmentPattern:exit': ES.AssignmentPattern
+  ClassBody: ES.ClassBody
+  'ClassBody:exit': ES.ClassBody
+  MethodDefinition: ES.MethodDefinition
+  'MethodDefinition:exit': ES.MethodDefinition
+  ImportDeclaration: ES.ImportDeclaration
+  'ImportDeclaration:exit': ES.ImportDeclaration
+  ExportNamedDeclaration: ES.ExportNamedDeclaration
+  'ExportNamedDeclaration:exit': ES.ExportNamedDeclaration
+  ExportDefaultDeclaration: ES.ExportDefaultDeclaration
+  'ExportDefaultDeclaration:exit': ES.ExportDefaultDeclaration
+  ExportAllDeclaration: ES.ExportAllDeclaration
+  'ExportAllDeclaration:exit': ES.ExportAllDeclaration
+  ImportSpecifier: ES.ImportSpecifier
+  'ImportSpecifier:exit': ES.ImportSpecifier
+  ImportDefaultSpecifier: ES.ImportDefaultSpecifier
+  'ImportDefaultSpecifier:exit': ES.ImportDefaultSpecifier
+  ImportNamespaceSpecifier: ES.ImportNamespaceSpecifier
+  'ImportNamespaceSpecifier:exit': ES.ImportNamespaceSpecifier
+  ExportSpecifier: ES.ExportSpecifier
+  'ExportSpecifier:exit': ES.ExportSpecifier
+
+  TSAsExpression: TS.TSAsExpression
+  'TSAsExpression:exit': TS.TSAsExpression
+}
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
new file mode 100644
index 000000000..efc81f169
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -0,0 +1,519 @@
+/**
+ * @see https://github.com/estree/estree
+ */
+import { BaseNode, HasParentNode } from '../node'
+import { Token } from '../node'
+import { ParseError } from '../errors'
+import * as V from './v-ast'
+import * as TS from './ts-ast'
+import * as JSX from './jsx-ast'
+
+export type ESNode =
+  | Identifier
+  | Literal
+  | Program
+  | SwitchCase
+  | CatchClause
+  | VariableDeclarator
+  | Statement
+  | Expression
+  | Property
+  | AssignmentProperty
+  | Super
+  | TemplateElement
+  | SpreadElement
+  | Pattern
+  | ClassBody
+  | MethodDefinition
+  | ModuleDeclaration
+  | ModuleSpecifier
+
+export interface Program extends BaseNode {
+  type: 'Program'
+  sourceType: 'script' | 'module'
+  body: (Statement | ModuleDeclaration)[]
+  templateBody?: V.VRootElement
+  tokens: Token[]
+  comments: Token[]
+  errors: ParseError[]
+  parent: null
+}
+export type Statement =
+  | ExpressionStatement
+  | BlockStatement
+  | EmptyStatement
+  | DebuggerStatement
+  | WithStatement
+  | ReturnStatement
+  | LabeledStatement
+  | BreakStatement
+  | ContinueStatement
+  | IfStatement
+  | SwitchStatement
+  | ThrowStatement
+  | TryStatement
+  | WhileStatement
+  | DoWhileStatement
+  | ForStatement
+  | ForInStatement
+  | ForOfStatement
+  | Declaration
+export interface EmptyStatement extends HasParentNode {
+  type: 'EmptyStatement'
+}
+export interface BlockStatement extends HasParentNode {
+  type: 'BlockStatement'
+  body: Statement[]
+}
+export interface ExpressionStatement extends HasParentNode {
+  type: 'ExpressionStatement'
+  expression: Expression
+}
+export interface IfStatement extends HasParentNode {
+  type: 'IfStatement'
+  test: Expression
+  consequent: Statement
+  alternate: Statement | null
+}
+export interface SwitchStatement extends HasParentNode {
+  type: 'SwitchStatement'
+  discriminant: Expression
+  cases: SwitchCase[]
+}
+export interface SwitchCase extends HasParentNode {
+  type: 'SwitchCase'
+  test: Expression | null
+  consequent: Statement[]
+}
+export interface WhileStatement extends HasParentNode {
+  type: 'WhileStatement'
+  test: Expression
+  body: Statement
+}
+export interface DoWhileStatement extends HasParentNode {
+  type: 'DoWhileStatement'
+  body: Statement
+  test: Expression
+}
+export interface ForStatement extends HasParentNode {
+  type: 'ForStatement'
+  init: VariableDeclaration | Expression | null
+  test: Expression | null
+  update: Expression | null
+  body: Statement
+}
+export interface ForInStatement extends HasParentNode {
+  type: 'ForInStatement'
+  left: VariableDeclaration | Pattern
+  right: Expression
+  body: Statement
+}
+export interface ForOfStatement extends HasParentNode {
+  type: 'ForOfStatement'
+  left: VariableDeclaration | Pattern
+  right: Expression
+  body: Statement
+}
+export interface LabeledStatement extends HasParentNode {
+  type: 'LabeledStatement'
+  label: Identifier
+  body: Statement
+}
+export interface BreakStatement extends HasParentNode {
+  type: 'BreakStatement'
+  label: Identifier | null
+}
+export interface ContinueStatement extends HasParentNode {
+  type: 'ContinueStatement'
+  label: Identifier | null
+}
+export interface ReturnStatement extends HasParentNode {
+  type: 'ReturnStatement'
+  argument: Expression | null
+}
+export interface ThrowStatement extends HasParentNode {
+  type: 'ThrowStatement'
+  argument: Expression
+}
+export interface TryStatement extends HasParentNode {
+  type: 'TryStatement'
+  block: BlockStatement
+  handler: CatchClause | null
+  finalizer: BlockStatement | null
+}
+export interface CatchClause extends HasParentNode {
+  type: 'CatchClause'
+  param: Pattern
+  body: BlockStatement
+}
+export interface WithStatement extends HasParentNode {
+  type: 'WithStatement'
+  object: Expression
+  body: Statement
+}
+export interface DebuggerStatement extends HasParentNode {
+  type: 'DebuggerStatement'
+}
+export type Declaration =
+  | FunctionDeclaration
+  | VariableDeclaration
+  | ClassDeclaration
+export interface FunctionDeclaration extends HasParentNode {
+  type: 'FunctionDeclaration'
+  async: boolean
+  generator: boolean
+  id: Identifier | null
+  params: _FunctionParameter[]
+  body: BlockStatement
+}
+export interface VariableDeclaration extends HasParentNode {
+  type: 'VariableDeclaration'
+  kind: 'var' | 'let' | 'const'
+  declarations: VariableDeclarator[]
+}
+export interface VariableDeclarator extends HasParentNode {
+  type: 'VariableDeclarator'
+  id: Pattern
+  init: Expression | null
+}
+export interface ClassDeclaration extends HasParentNode {
+  type: 'ClassDeclaration'
+  id: Identifier | null
+  superClass: Expression | null
+  body: ClassBody
+}
+export interface ClassBody extends HasParentNode {
+  type: 'ClassBody'
+  body: MethodDefinition[]
+}
+export interface MethodDefinition extends HasParentNode {
+  type: 'MethodDefinition'
+  kind: 'constructor' | 'method' | 'get' | 'set'
+  computed: boolean
+  static: boolean
+  key: Expression
+  value: FunctionExpression
+}
+export type ModuleDeclaration =
+  | ImportDeclaration
+  | ExportNamedDeclaration
+  | ExportDefaultDeclaration
+  | ExportAllDeclaration
+export type ModuleSpecifier =
+  | ImportSpecifier
+  | ImportDefaultSpecifier
+  | ImportNamespaceSpecifier
+  | ExportSpecifier
+export interface ImportDeclaration extends HasParentNode {
+  type: 'ImportDeclaration'
+  specifiers: (
+    | ImportSpecifier
+    | ImportDefaultSpecifier
+    | ImportNamespaceSpecifier
+  )[]
+  source: Literal
+}
+export interface ImportSpecifier extends HasParentNode {
+  type: 'ImportSpecifier'
+  imported: Identifier
+  local: Identifier
+}
+export interface ImportDefaultSpecifier extends HasParentNode {
+  type: 'ImportDefaultSpecifier'
+  local: Identifier
+}
+export interface ImportNamespaceSpecifier extends HasParentNode {
+  type: 'ImportNamespaceSpecifier'
+  local: Identifier
+}
+export interface ExportNamedDeclaration extends HasParentNode {
+  type: 'ExportNamedDeclaration'
+  declaration?: Declaration | null
+  specifiers: ExportSpecifier[]
+  source?: Literal | null
+}
+export interface ExportSpecifier extends HasParentNode {
+  type: 'ExportSpecifier'
+  exported: Identifier
+}
+export interface ExportDefaultDeclaration extends HasParentNode {
+  type: 'ExportDefaultDeclaration'
+  declaration: Declaration | Expression
+}
+export interface ExportAllDeclaration extends HasParentNode {
+  type: 'ExportAllDeclaration'
+  source: Literal
+}
+export type Expression =
+  | ThisExpression
+  | ArrayExpression
+  | ObjectExpression
+  | FunctionExpression
+  | ArrowFunctionExpression
+  | YieldExpression
+  | Literal
+  | UnaryExpression
+  | UpdateExpression
+  | BinaryExpression
+  | AssignmentExpression
+  | LogicalExpression
+  | MemberExpression
+  | ConditionalExpression
+  | CallExpression
+  | NewExpression
+  | SequenceExpression
+  | TemplateLiteral
+  | TaggedTemplateExpression
+  | ClassExpression
+  | MetaProperty
+  | Identifier
+  | AwaitExpression
+  | JSX.JSXElement
+  | JSX.JSXFragment
+  | TS.TSAsExpression
+
+export interface Identifier extends HasParentNode {
+  type: 'Identifier'
+  name: string
+}
+export interface Literal extends HasParentNode {
+  type: 'Literal'
+  value: string | boolean | null | number | RegExp | BigInt
+  regex?: {
+    pattern: string
+    flags: string
+  }
+  bigint?: string
+}
+export interface ThisExpression extends HasParentNode {
+  type: 'ThisExpression'
+}
+export interface ArrayExpression extends HasParentNode {
+  type: 'ArrayExpression'
+  elements: (Expression | SpreadElement)[]
+}
+export interface ObjectExpression extends HasParentNode {
+  type: 'ObjectExpression'
+  properties: (Property | SpreadElement)[]
+}
+export interface Property extends HasParentNode {
+  type: 'Property'
+  kind: 'init' | 'get' | 'set'
+  method: boolean
+  shorthand: boolean
+  computed: boolean
+  key: Expression
+  value: Expression
+  parent: ObjectExpression
+}
+export interface FunctionExpression extends HasParentNode {
+  type: 'FunctionExpression'
+  async: boolean
+  generator: boolean
+  id: Identifier | null
+  params: _FunctionParameter[]
+  body: BlockStatement
+}
+
+interface ArrowFunctionExpressionHasBlock extends HasParentNode {
+  type: 'ArrowFunctionExpression'
+  async: boolean
+  generator: boolean
+  id: Identifier | null
+  params: _FunctionParameter[]
+  body: BlockStatement
+  expression: false
+}
+
+interface ArrowFunctionExpressionNoBlock extends HasParentNode {
+  type: 'ArrowFunctionExpression'
+  async: boolean
+  generator: boolean
+  id: Identifier | null
+  params: _FunctionParameter[]
+  body: Expression
+  expression: true
+}
+
+export type ArrowFunctionExpression =
+  | ArrowFunctionExpressionNoBlock
+  | ArrowFunctionExpressionHasBlock
+
+export interface SequenceExpression extends HasParentNode {
+  type: 'SequenceExpression'
+  expressions: Expression[]
+}
+export interface UnaryExpression extends HasParentNode {
+  type: 'UnaryExpression'
+  operator: '-' | '+' | '!' | '~' | 'typeof' | 'void' | 'delete'
+  prefix: boolean
+  argument: Expression
+}
+export interface BinaryExpression extends HasParentNode {
+  type: 'BinaryExpression'
+  operator:
+    | '=='
+    | '!='
+    | '==='
+    | '!=='
+    | '<'
+    | '<='
+    | '>'
+    | '>='
+    | '<<'
+    | '>>'
+    | '>>>'
+    | '+'
+    | '-'
+    | '*'
+    | '/'
+    | '%'
+    | '**'
+    | '|'
+    | '^'
+    | '&'
+    | 'in'
+    | 'instanceof'
+  left: Expression
+  right: Expression
+}
+export interface AssignmentExpression extends HasParentNode {
+  type: 'AssignmentExpression'
+  operator:
+    | '='
+    | '+='
+    | '-='
+    | '*='
+    | '/='
+    | '%='
+    | '**='
+    | '<<='
+    | '>>='
+    | '>>>='
+    | '|='
+    | '^='
+    | '&='
+  left: Pattern
+  right: Expression
+}
+export interface UpdateExpression extends HasParentNode {
+  type: 'UpdateExpression'
+  operator: '++' | '--'
+  argument: Expression
+  prefix: boolean
+}
+export interface LogicalExpression extends HasParentNode {
+  type: 'LogicalExpression'
+  operator: '||' | '&&'
+  left: Expression
+  right: Expression
+}
+export interface ConditionalExpression extends HasParentNode {
+  type: 'ConditionalExpression'
+  test: Expression
+  alternate: Expression
+  consequent: Expression
+}
+export interface CallExpression extends HasParentNode {
+  type: 'CallExpression'
+  callee: Expression | Super
+  arguments: (Expression | SpreadElement)[]
+}
+export interface Super extends HasParentNode {
+  type: 'Super'
+}
+export interface NewExpression extends HasParentNode {
+  type: 'NewExpression'
+  callee: Expression
+  arguments: (Expression | SpreadElement)[]
+}
+export interface MemberExpression extends HasParentNode {
+  type: 'MemberExpression'
+  computed: boolean
+  object: Expression | Super
+  property: Expression
+}
+export interface YieldExpression extends HasParentNode {
+  type: 'YieldExpression'
+  delegate: boolean
+  argument: Expression | null
+}
+export interface AwaitExpression extends HasParentNode {
+  type: 'AwaitExpression'
+  argument: Expression
+}
+export interface TemplateLiteral extends HasParentNode {
+  type: 'TemplateLiteral'
+  quasis: TemplateElement[]
+  expressions: Expression[]
+}
+export interface TaggedTemplateExpression extends HasParentNode {
+  type: 'TaggedTemplateExpression'
+  tag: Expression
+  quasi: TemplateLiteral
+}
+export interface TemplateElement extends HasParentNode {
+  type: 'TemplateElement'
+  tail: boolean
+  value: {
+    cooked: string
+    raw: string
+  }
+}
+export interface ClassExpression extends HasParentNode {
+  type: 'ClassExpression'
+  id: Identifier | null
+  superClass: Expression | null
+  body: ClassBody
+}
+export interface MetaProperty extends HasParentNode {
+  type: 'MetaProperty'
+  meta: Identifier
+  property: Identifier
+}
+export type Pattern =
+  | Identifier
+  | ObjectPattern
+  | ArrayPattern
+  | RestElement
+  | AssignmentPattern
+  | MemberExpression
+export interface ObjectPattern extends HasParentNode {
+  type: 'ObjectPattern'
+  properties: (AssignmentProperty | RestElement)[]
+}
+export interface AssignmentProperty extends HasParentNode {
+  type: 'Property'
+  kind: 'init'
+  method: false
+  shorthand: boolean
+  computed: boolean
+  key: Expression
+  value: Pattern
+  parent: ObjectPattern
+}
+export interface ArrayPattern extends HasParentNode {
+  type: 'ArrayPattern'
+  elements: Pattern[]
+}
+export interface RestElement extends HasParentNode {
+  type: 'RestElement'
+  argument: Pattern
+}
+export interface SpreadElement extends HasParentNode {
+  type: 'SpreadElement'
+  argument: Expression
+}
+export interface AssignmentPattern extends HasParentNode {
+  type: 'AssignmentPattern'
+  left: Pattern
+  right: Expression
+}
+
+export type _FunctionParameter =
+  | AssignmentPattern
+  | RestElement
+  | ArrayPattern
+  | ObjectPattern
+  | Identifier
+// | TSParameterProperty;
diff --git a/typings/eslint-plugin-vue/util-types/ast/index.ts b/typings/eslint-plugin-vue/util-types/ast/index.ts
new file mode 100644
index 000000000..5372ff3ea
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/ast/index.ts
@@ -0,0 +1,5 @@
+export * from './ast'
+export * from './es-ast'
+export * from './v-ast'
+export * from './ts-ast'
+export * from './jsx-ast'
diff --git a/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts b/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts
new file mode 100644
index 000000000..4f1b04af0
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts
@@ -0,0 +1,106 @@
+/**
+ * @see https://github.com/facebook/jsx/blob/master/AST.md
+ * @see https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/typescript-estree/src/ts-estree/ts-estree.ts
+ */
+import { HasParentNode } from '../node'
+import * as ES from './es-ast'
+
+export type JSXNode =
+  | JSXAttribute
+  | JSXClosingElement
+  | JSXClosingFragment
+  | JSXElement
+  | JSXEmptyExpression
+  | JSXExpressionContainer
+  | JSXFragment
+  | JSXIdentifier
+  | JSXOpeningElement
+  | JSXOpeningFragment
+  | JSXSpreadAttribute
+  | JSXSpreadChild
+  | JSXMemberExpression
+  | JSXText
+
+export type JSXChild = JSXElement | JSXExpression | JSXFragment | JSXText
+export type JSXExpression =
+  | JSXEmptyExpression
+  | JSXSpreadChild
+  | JSXExpressionContainer
+export type JSXTagNameExpression = JSXIdentifier | JSXMemberExpression
+
+export interface JSXAttribute extends HasParentNode {
+  type: 'JSXAttribute'
+  name: JSXIdentifier
+  value: ES.Literal | JSXExpression | null
+}
+
+export interface JSXClosingElement extends HasParentNode {
+  type: 'JSXClosingElement'
+  name: JSXTagNameExpression
+}
+
+export interface JSXClosingFragment extends HasParentNode {
+  type: 'JSXClosingFragment'
+}
+
+export interface JSXElement extends HasParentNode {
+  type: 'JSXElement'
+  openingElement: JSXOpeningElement
+  closingElement: JSXClosingElement | null
+  children: JSXChild[]
+}
+
+export interface JSXEmptyExpression extends HasParentNode {
+  type: 'JSXEmptyExpression'
+}
+
+export interface JSXExpressionContainer extends HasParentNode {
+  type: 'JSXExpressionContainer'
+  expression: ES.Expression | JSXEmptyExpression
+}
+
+export interface JSXFragment extends HasParentNode {
+  type: 'JSXFragment'
+  openingFragment: JSXOpeningFragment
+  closingFragment: JSXClosingFragment
+  children: JSXChild[]
+}
+
+export interface JSXIdentifier extends HasParentNode {
+  type: 'JSXIdentifier'
+  name: string
+}
+
+export interface JSXMemberExpression extends HasParentNode {
+  type: 'JSXMemberExpression'
+  object: JSXTagNameExpression
+  property: JSXIdentifier
+}
+
+export interface JSXOpeningElement extends HasParentNode {
+  type: 'JSXOpeningElement'
+  // typeParameters?: TSTypeParameterInstantiation;
+  selfClosing: boolean
+  name: JSXTagNameExpression
+  attributes: JSXAttribute[]
+}
+
+export interface JSXOpeningFragment extends HasParentNode {
+  type: 'JSXOpeningFragment'
+}
+
+export interface JSXSpreadAttribute extends HasParentNode {
+  type: 'JSXSpreadAttribute'
+  argument: ES.Expression
+}
+
+export interface JSXSpreadChild extends HasParentNode {
+  type: 'JSXSpreadChild'
+  expression: ES.Expression | JSXEmptyExpression
+}
+
+export interface JSXText extends HasParentNode {
+  type: 'JSXText'
+  value: string
+  raw: string
+}
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
new file mode 100644
index 000000000..28dc29fe2
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -0,0 +1,11 @@
+/**
+ * @see https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/typescript-estree/src/ts-estree/ts-estree.ts
+ */
+import { HasParentNode } from '../node'
+import * as ES from './es-ast'
+export type TSNode = TSAsExpression
+
+export interface TSAsExpression extends HasParentNode {
+  type: 'TSAsExpression'
+  expression: ES.Expression
+}
diff --git a/typings/eslint-plugin-vue/util-types/ast/v-ast.ts b/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
new file mode 100644
index 000000000..b7c5446dc
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
@@ -0,0 +1,174 @@
+/**
+ * @see https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md
+ */
+import { HasParentNode, BaseNode } from '../node'
+import { Token, HTMLComment, HTMLBogusComment, Comment } from '../node'
+import { ParseError } from '../errors'
+import * as ES from './es-ast'
+
+export type NS = {
+  HTML: 'http://www.w3.org/1999/xhtml'
+  MathML: 'http://www.w3.org/1998/Math/MathML'
+  SVG: 'http://www.w3.org/2000/svg'
+  XLink: 'http://www.w3.org/1999/xlink'
+  XML: 'http://www.w3.org/XML/1998/namespace'
+  XMLNS: 'http://www.w3.org/2000/xmlns/'
+}
+export type Namespace =
+  | NS['HTML']
+  | NS['MathML']
+  | NS['SVG']
+  | NS['XLink']
+  | NS['XML']
+  | NS['XMLNS']
+export interface VVariable {
+  id: ES.Identifier
+  kind: 'v-for' | 'scope'
+  references: VReference[]
+}
+export interface VReference {
+  id: ES.Identifier
+  mode: 'rw' | 'r' | 'w'
+  variable: VVariable | null
+}
+export interface VForExpression extends HasParentNode {
+  type: 'VForExpression'
+  parent: VExpressionContainer
+  left: ES.Pattern[]
+  right: ES.Expression
+}
+export interface VOnExpression extends HasParentNode {
+  type: 'VOnExpression'
+  parent: VExpressionContainer
+  body: ES.Statement[]
+}
+export interface VSlotScopeExpression extends HasParentNode {
+  type: 'VSlotScopeExpression'
+  parent: VExpressionContainer
+  params: ES._FunctionParameter[]
+}
+export interface VFilterSequenceExpression extends HasParentNode {
+  type: 'VFilterSequenceExpression'
+  parent: VExpressionContainer
+  expression: ES.Expression
+  filters: VFilter[]
+}
+export interface VFilter extends HasParentNode {
+  type: 'VFilter'
+  parent: VFilterSequenceExpression
+  callee: ES.Identifier
+  arguments: (ES.Expression | ES.SpreadElement)[]
+}
+export type VNode =
+  | VAttribute
+  | VDirective
+  | VDirectiveKey
+  | VElement
+  | VEndTag
+  | VExpressionContainer
+  | VIdentifier
+  | VLiteral
+  | VStartTag
+  | VText
+  | VDocumentFragment
+  | VForExpression
+  | VOnExpression
+  | VSlotScopeExpression
+  | VFilterSequenceExpression
+  | VFilter
+
+export interface VText extends HasParentNode {
+  type: 'VText'
+  parent: VDocumentFragment | VElement
+  value: string
+}
+export interface VExpressionContainer extends HasParentNode {
+  type: 'VExpressionContainer'
+  parent: VDocumentFragment | VElement | VDirective | VDirectiveKey
+  expression:
+    | ES.Expression
+    | VFilterSequenceExpression
+    | VForExpression
+    | VOnExpression
+    | VSlotScopeExpression
+    | null
+  references: VReference[]
+}
+export interface VIdentifier extends HasParentNode {
+  type: 'VIdentifier'
+  parent: VAttribute | VDirectiveKey
+  name: string
+  rawName: string
+}
+export interface VDirectiveKey extends HasParentNode {
+  type: 'VDirectiveKey'
+  parent: VAttribute
+  name: VIdentifier
+  argument: VExpressionContainer | VIdentifier | null
+  modifiers: VIdentifier[]
+}
+export interface VLiteral extends HasParentNode {
+  type: 'VLiteral'
+  parent: VAttribute
+  value: string
+}
+export interface VAttribute extends HasParentNode {
+  type: 'VAttribute'
+  parent: VStartTag
+  directive: false
+  key: VIdentifier
+  value: VLiteral | null
+}
+export interface VDirective extends HasParentNode {
+  type: 'VAttribute'
+  parent: VStartTag
+  directive: true
+  key: VDirectiveKey
+  value: VExpressionContainer | null
+}
+export interface VStartTag extends HasParentNode {
+  type: 'VStartTag'
+  parent: VElement
+  selfClosing: boolean
+  attributes: (VAttribute | VDirective)[]
+}
+export interface VEndTag extends HasParentNode {
+  type: 'VEndTag'
+  parent: VElement
+}
+interface HasConcreteInfo {
+  tokens: Token[]
+  comments: (HTMLComment | HTMLBogusComment | Comment)[]
+  errors: ParseError[]
+}
+export interface VRootElement extends HasParentNode, HasConcreteInfo {
+  type: 'VElement'
+  parent: VDocumentFragment
+  namespace: Namespace
+  name: string
+  rawName: string
+  startTag: VStartTag
+  children: (VElement | VText | VExpressionContainer)[]
+  endTag: VEndTag | null
+  variables: VVariable[]
+}
+
+interface VChildElement extends HasParentNode {
+  type: 'VElement'
+  parent: VRootElement | VElement
+  namespace: Namespace
+  name: string
+  rawName: string
+  startTag: VStartTag
+  children: (VElement | VText | VExpressionContainer)[]
+  endTag: VEndTag | null
+  variables: VVariable[]
+}
+
+export type VElement = VChildElement | VRootElement
+
+export interface VDocumentFragment extends BaseNode, HasConcreteInfo {
+  type: 'VDocumentFragment'
+  parent: null
+  children: (VElement | VText | VExpressionContainer)[]
+}
diff --git a/typings/eslint-plugin-vue/util-types/errors.ts b/typings/eslint-plugin-vue/util-types/errors.ts
new file mode 100644
index 000000000..213e80388
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/errors.ts
@@ -0,0 +1,43 @@
+export interface ParseError extends SyntaxError {
+  code?: VParseErrorCode
+  index: number
+  lineNumber: number
+  column: number
+}
+type VParseErrorCode =
+  | 'abrupt-closing-of-empty-comment'
+  | 'absence-of-digits-in-numeric-character-reference'
+  | 'cdata-in-html-content'
+  | 'character-reference-outside-unicode-range'
+  | 'control-character-in-input-stream'
+  | 'control-character-reference'
+  | 'eof-before-tag-name'
+  | 'eof-in-cdata'
+  | 'eof-in-comment'
+  | 'eof-in-tag'
+  | 'incorrectly-closed-comment'
+  | 'incorrectly-opened-comment'
+  | 'invalid-first-character-of-tag-name'
+  | 'missing-attribute-value'
+  | 'missing-end-tag-name'
+  | 'missing-semicolon-after-character-reference'
+  | 'missing-whitespace-between-attributes'
+  | 'nested-comment'
+  | 'noncharacter-character-reference'
+  | 'noncharacter-in-input-stream'
+  | 'null-character-reference'
+  | 'surrogate-character-reference'
+  | 'surrogate-in-input-stream'
+  | 'unexpected-character-in-attribute-name'
+  | 'unexpected-character-in-unquoted-attribute-value'
+  | 'unexpected-equals-sign-before-attribute-name'
+  | 'unexpected-null-character'
+  | 'unexpected-question-mark-instead-of-tag-name'
+  | 'unexpected-solidus-in-tag'
+  | 'unknown-named-character-reference'
+  | 'end-tag-with-attributes'
+  | 'duplicate-attribute'
+  | 'end-tag-with-trailing-solidus'
+  | 'non-void-html-element-start-tag-with-trailing-solidus'
+  | 'x-invalid-end-tag'
+  | 'x-invalid-namespace'
diff --git a/typings/eslint-plugin-vue/util-types/node/index.ts b/typings/eslint-plugin-vue/util-types/node/index.ts
new file mode 100644
index 000000000..b51b688cf
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/node/index.ts
@@ -0,0 +1,3 @@
+export * from './locations'
+export * from './tokens'
+export * from './node'
diff --git a/typings/eslint-plugin-vue/util-types/node/locations.ts b/typings/eslint-plugin-vue/util-types/node/locations.ts
new file mode 100644
index 000000000..78a4e6411
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/node/locations.ts
@@ -0,0 +1,13 @@
+export interface Position {
+  line: number
+  column: number
+}
+export interface SourceLocation {
+  start: Position
+  end: Position
+}
+export type Range = [number, number]
+export interface HasLocation {
+  range: Range
+  loc: SourceLocation
+}
diff --git a/typings/eslint-plugin-vue/util-types/node/node.ts b/typings/eslint-plugin-vue/util-types/node/node.ts
new file mode 100644
index 000000000..93dee902d
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/node/node.ts
@@ -0,0 +1,11 @@
+import { HasLocation } from './locations'
+import * as VAST from '../ast'
+
+export interface BaseNode extends HasLocation {
+  type: string
+  parent: VAST.ASTNode | null
+}
+
+export interface HasParentNode extends BaseNode {
+  parent: VAST.ASTNode
+}
diff --git a/typings/eslint-plugin-vue/util-types/node/tokens.ts b/typings/eslint-plugin-vue/util-types/node/tokens.ts
new file mode 100644
index 000000000..fd765281f
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/node/tokens.ts
@@ -0,0 +1,17 @@
+import { HasLocation } from './locations'
+export interface Token extends HasLocation {
+  type: string
+  value: string
+}
+export interface Comment extends Token {
+  type: 'Line' | 'Block'
+  value: string
+}
+export interface HTMLComment extends Token {
+  type: 'HTMLComment'
+  value: string
+}
+export interface HTMLBogusComment extends Token {
+  type: 'HTMLBogusComment'
+  value: string
+}
diff --git a/typings/eslint-plugin-vue/util-types/parser-services.ts b/typings/eslint-plugin-vue/util-types/parser-services.ts
new file mode 100644
index 000000000..c2e68464a
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/parser-services.ts
@@ -0,0 +1,122 @@
+import * as VNODE from './node'
+import * as VAST from './ast'
+import * as eslint from 'eslint'
+
+type TemplateListenerBase = {
+  [T in keyof VAST.VNodeListenerMap]?: (node: VAST.VNodeListenerMap[T]) => void
+}
+export interface TemplateListener
+  extends TemplateListenerBase,
+    eslint.Rule.NodeListener {
+  [key: string]: ((node: VAST.ParamNode) => void) | undefined
+}
+
+export interface ParserServices {
+  getTemplateBodyTokenStore: () => ParserServices.TokenStore
+  defineTemplateBodyVisitor?: (
+    templateBodyVisitor: TemplateListener,
+    scriptVisitor?: eslint.Rule.RuleListener
+  ) => eslint.Rule.RuleListener
+  getDocumentFragment?: () => VAST.VDocumentFragment
+}
+export namespace ParserServices {
+  export interface TokenStore {
+    getTokenByRangeStart(
+      offset: number,
+      options?: { includeComments: boolean }
+    ): VNODE.Token | null
+    getFirstToken(node: VNODE.HasLocation): VNODE.Token
+    getFirstToken(node: VNODE.HasLocation, options: number): VNODE.Token
+    getFirstToken(
+      node: VNODE.HasLocation,
+      options: eslint.SourceCode.CursorWithSkipOptions
+    ): VNODE.Token | null
+    getLastToken(node: VNODE.HasLocation): VNODE.Token
+    getLastToken(node: VNODE.HasLocation, options: number): VNODE.Token
+    getLastToken(
+      node: VNODE.HasLocation,
+      options: eslint.SourceCode.CursorWithSkipOptions
+    ): VNODE.Token | null
+    getTokenBefore(node: VNODE.HasLocation): VNODE.Token
+    getTokenBefore(node: VNODE.HasLocation, options: number): VNODE.Token
+    getTokenBefore(
+      node: VNODE.HasLocation,
+      options: { includeComments: boolean }
+    ): VNODE.Token
+    getTokenBefore(
+      node: VNODE.HasLocation,
+      options: eslint.SourceCode.CursorWithSkipOptions
+    ): VNODE.Token | null
+    getTokenAfter(node: VNODE.HasLocation): VNODE.Token
+    getTokenAfter(node: VNODE.HasLocation, options: number): VNODE.Token
+    getTokenAfter(
+      node: VNODE.HasLocation,
+      options: { includeComments: boolean }
+    ): VNODE.Token
+    getTokenAfter(
+      node: VNODE.HasLocation,
+      options: eslint.SourceCode.CursorWithSkipOptions
+    ): VNODE.Token | null
+    getFirstTokenBetween(
+      left: VNODE.HasLocation,
+      right: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithSkipOptions
+    ): VNODE.Token | null
+    getLastTokenBetween(
+      left: VNODE.HasLocation,
+      right: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithSkipOptions
+    ): VNODE.Token | null
+    getTokenOrCommentBefore(
+      node: VNODE.HasLocation,
+      skip?: number
+    ): VNODE.Token | null
+    getTokenOrCommentAfter(
+      node: VNODE.HasLocation,
+      skip?: number
+    ): VNODE.Token | null
+    getFirstTokens(
+      node: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    getLastTokens(
+      node: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    getTokensBefore(
+      node: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    getTokensAfter(
+      node: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    getFirstTokensBetween(
+      left: VNODE.HasLocation,
+      right: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    getLastTokensBetween(
+      left: VNODE.HasLocation,
+      right: VNODE.HasLocation,
+      options?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    getTokens(
+      node: VNODE.HasLocation,
+      beforeCount?: eslint.SourceCode.CursorWithCountOptions,
+      afterCount?: number
+    ): VNODE.Token[]
+    getTokensBetween(
+      left: VNODE.HasLocation,
+      right: VNODE.HasLocation,
+      padding?: eslint.SourceCode.CursorWithCountOptions
+    ): VNODE.Token[]
+    commentsExistBetween(
+      left: VNODE.HasLocation,
+      right: VNODE.HasLocation
+    ): boolean
+    getCommentsBefore(nodeOrToken: VNODE.HasLocation): VNODE.Token[]
+    getCommentsAfter(nodeOrToken: VNODE.HasLocation): VNODE.Token[]
+    getCommentsInside(node: VNODE.HasLocation): VNODE.Token[]
+  }
+}
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
new file mode 100644
index 000000000..6888e9a41
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -0,0 +1,29 @@
+import * as VAST from './ast'
+export type VueObjectType = 'mark' | 'export' | 'definition' | 'instance'
+export type VueObjectData = {
+  node: ObjectExpression
+  type: VueObjectType
+  parent: VueObjectData | null
+  functional: boolean
+}
+type VueVisitorBase = {
+  [T in keyof NodeListenerMap]?: (
+    node: NodeListenerMap[T],
+    obj: VueObjectData
+  ) => void
+}
+export interface VueVisitor extends VueVisitorBase {
+  onVueObjectEnter?(node: ObjectExpression, obj: VueObjectData): void
+  onVueObjectExit?(node: ObjectExpression, obj: VueObjectData): void
+  onSetupFunctionEnter?(
+    node: (FunctionExpression | ArrowFunctionExpression) & { parent: Property },
+    obj: VueObjectData
+  ): void
+  onRenderFunctionEnter?(
+    node: (FunctionExpression | ArrowFunctionExpression) & { parent: Property },
+    obj: VueObjectData
+  ): void
+  [query: string]:
+    | ((node: VAST.ParamNode, obj: VueObjectData) => void)
+    | undefined
+}
diff --git a/typings/eslint-utils/index.d.ts b/typings/eslint-utils/index.d.ts
new file mode 100644
index 000000000..884fc60cd
--- /dev/null
+++ b/typings/eslint-utils/index.d.ts
@@ -0,0 +1,72 @@
+import * as VAST from '../eslint-plugin-vue/util-types/ast'
+import { ParserServices } from '../eslint-plugin-vue/util-types/parser-services'
+import eslint from 'eslint'
+
+export function findVariable(
+  initialScope: eslint.Scope.Scope,
+  nameOrNode: VAST.Identifier | string
+): eslint.Scope.Variable
+
+export function isParenthesized(
+  num: number,
+  node: VAST.ESNode,
+  sourceCode: eslint.SourceCode | ParserServices.TokenStore
+): boolean
+export function isParenthesized(
+  node: VAST.ESNode,
+  sourceCode: eslint.SourceCode | ParserServices.TokenStore
+): boolean
+
+export namespace TYPES {
+  type TraceKind = {
+    [ReferenceTracker.READ]?: boolean
+    [ReferenceTracker.CALL]?: boolean
+    [ReferenceTracker.CONSTRUCT]?: boolean
+    [ReferenceTracker.ESM]?: boolean
+  }
+  type TraceMap = {
+    [key: string]: TraceKind & TraceMap
+  }
+}
+
+export class ReferenceTracker {
+  constructor(
+    globalScope: eslint.Scope.Scope,
+    options?: {
+      mode?: 'legacy' | 'strict'
+      globalObjectNames?: ('global' | 'globalThis' | 'self' | 'window')[]
+    }
+  )
+
+  iterateGlobalReferences(
+    traceMap: TYPES.TraceMap
+  ): IterableIterator<{
+    node: VAST.ESNode
+    path: string[]
+    type: symbol
+    info: any
+  }>
+  iterateCjsReferences(
+    traceMap: TYPES.TraceMap
+  ): IterableIterator<{
+    node: VAST.ESNode
+    path: string[]
+    type: symbol
+    info: any
+  }>
+  iterateEsmReferences(
+    traceMap: TYPES.TraceMap
+  ): IterableIterator<{
+    node: VAST.ESNode
+    path: string[]
+    type: symbol
+    info: any
+  }>
+}
+
+export namespace ReferenceTracker {
+  const READ: unique symbol
+  const CALL: unique symbol
+  const CONSTRUCT: unique symbol
+  const ESM: unique symbol
+}
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
new file mode 100644
index 000000000..653abebda
--- /dev/null
+++ b/typings/eslint/index.d.ts
@@ -0,0 +1,420 @@
+import {
+  Rule as ESLintRule,
+  RuleTester as ESLintRuleTester,
+  Linter as ESLintLinter
+} from '../../node_modules/@types/eslint'
+import * as VAST from '../eslint-plugin-vue/util-types/ast'
+import * as VNODE from '../eslint-plugin-vue/util-types/node'
+import * as parserServices from '../eslint-plugin-vue/util-types/parser-services'
+
+export namespace AST {
+  type Token = VNODE.Token
+  type Range = VNODE.Range
+  type SourceLocation = VNODE.SourceLocation
+  type Program = VAST.Program
+}
+export namespace Scope {
+  interface ScopeManager {
+    scopes: Scope[]
+    globalScope: Scope | null
+    acquire(node: VAST.ESNode | VAST.Program, inner?: boolean): Scope | null
+    getDeclaredVariables(node: VAST.ESNode): Variable[]
+  }
+  interface Scope {
+    type:
+      | 'block'
+      | 'catch'
+      | 'class'
+      | 'for'
+      | 'function'
+      | 'function-expression-name'
+      | 'global'
+      | 'module'
+      | 'switch'
+      | 'with'
+      | 'TDZ'
+    isStrict: boolean
+    upper: Scope | null
+    childScopes: Scope[]
+    variableScope: Scope
+    block: VAST.ESNode
+    variables: Variable[]
+    set: Map<string, Variable>
+    references: Reference[]
+    through: Reference[]
+    functionExpressionScope: boolean
+  }
+  interface Variable {
+    name: string
+    identifiers: VAST.Identifier[]
+    references: Reference[]
+    defs: Definition[]
+  }
+  interface Reference {
+    identifier: VAST.Identifier
+    from: Scope
+    resolved: Variable | null
+    writeExpr: VAST.ESNode | null
+    init: boolean
+    isWrite(): boolean
+    isRead(): boolean
+    isWriteOnly(): boolean
+    isReadOnly(): boolean
+    isReadWrite(): boolean
+  }
+  type DefinitionType =
+    | { type: 'CatchClause'; node: VAST.CatchClause; parent: null }
+    | {
+        type: 'ClassName'
+        node: VAST.ClassDeclaration | VAST.ClassExpression
+        parent: null
+      }
+    | {
+        type: 'FunctionName'
+        node: VAST.FunctionDeclaration | VAST.FunctionExpression
+        parent: null
+      }
+    | { type: 'ImplicitGlobalVariable'; node: VAST.Program; parent: null }
+    | {
+        type: 'ImportBinding'
+        node:
+          | VAST.ImportSpecifier
+          | VAST.ImportDefaultSpecifier
+          | VAST.ImportNamespaceSpecifier
+        parent: VAST.ImportDeclaration
+      }
+    | {
+        type: 'Parameter'
+        node:
+          | VAST.FunctionDeclaration
+          | VAST.FunctionExpression
+          | VAST.ArrowFunctionExpression
+        parent: null
+      }
+    | { type: 'TDZ'; node: any; parent: null }
+    | {
+        type: 'Variable'
+        node: VAST.VariableDeclarator
+        parent: VAST.VariableDeclaration
+      }
+  type Definition = DefinitionType & { name: VAST.Identifier }
+}
+
+export class SourceCode /*extends ESLintSourceCode*/ {
+  text: string
+  ast: AST.Program
+  lines: string[]
+  hasBOM: boolean
+  parserServices: SourceCode.ParserServices
+  scopeManager: Scope.ScopeManager
+  visitorKeys: SourceCode.VisitorKeys
+
+  static splitLines(text: string): string[]
+
+  getText(
+    node?: VNODE.HasLocation,
+    beforeCount?: number,
+    afterCount?: number
+  ): string
+  getLines(): string[]
+  getAllComments(): VNODE.Comment[]
+  getComments(
+    node: VAST.ESNode
+  ): { leading: VNODE.Comment[]; trailing: VNODE.Comment[] }
+  getJSDocComment(node: VAST.ESNode): AST.Token | null
+  getNodeByRangeIndex(index: number): VAST.ESNode | VAST.JSXNode
+  isSpaceBetweenTokens(first: AST.Token, second: AST.Token): boolean
+  getLocFromIndex(index: number): VNODE.Position
+  getIndexFromLoc(location: VNODE.Position): number
+
+  getTokenByRangeStart(
+    offset: number,
+    options?: { includeComments?: boolean }
+  ): AST.Token | null
+  getFirstToken(node: VNODE.HasLocation): AST.Token
+  getFirstToken(node: VNODE.HasLocation, options: number): AST.Token
+  getFirstToken(
+    node: VNODE.HasLocation,
+    options: SourceCode.CursorWithSkipOptions
+  ): AST.Token | null
+  getFirstTokens(
+    node: VNODE.HasLocation,
+    options?: SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getLastToken(node: VNODE.HasLocation): AST.Token
+  getLastToken(node: VNODE.HasLocation, options: number): AST.Token
+  getLastToken(
+    node: VNODE.HasLocation,
+    optionss: SourceCode.CursorWithSkipOptions
+  ): AST.Token | null
+  getLastTokens(
+    node: VNODE.HasLocation,
+    options?: SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getTokenBefore(node: VNODE.HasLocation): AST.Token
+  getTokenBefore(node: VNODE.HasLocation, options: number): AST.Token
+  getTokenBefore(
+    node: VNODE.HasLocation,
+    options: { includeComments: boolean }
+  ): AST.Token
+  getTokenBefore(
+    node: VNODE.HasLocation,
+    options?: SourceCode.CursorWithSkipOptions
+  ): AST.Token | null
+  getTokensBefore(
+    node: VNODE.HasLocation,
+    options?: SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getTokenAfter(node: VNODE.HasLocation): AST.Token
+  getTokenAfter(node: VNODE.HasLocation, options: number): AST.Token
+  getTokenAfter(
+    node: VNODE.HasLocation,
+    options: { includeComments: boolean }
+  ): AST.Token
+  getTokenAfter(
+    node: VNODE.HasLocation,
+    options: SourceCode.CursorWithSkipOptions
+  ): AST.Token | null
+  getTokensAfter(
+    node: VNODE.HasLocation,
+    options?: SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getFirstTokenBetween(
+    left: VNODE.HasLocation,
+    right: VNODE.HasLocation,
+    options?: SourceCode.CursorWithSkipOptions
+  ): AST.Token | null
+  getFirstTokensBetween(
+    left: VNODE.HasLocation,
+    right: VNODE.HasLocation,
+    options?: SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getLastTokenBetween(
+    left: VNODE.HasLocation,
+    right: VNODE.HasLocation,
+    options?: SourceCode.CursorWithSkipOptions
+  ): AST.Token | null
+  getLastTokensBetween(
+    left: VNODE.HasLocation,
+    right: VNODE.HasLocation,
+    options?: SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getTokensBetween(
+    left: VNODE.HasLocation,
+    right: VNODE.HasLocation,
+    padding?:
+      | number
+      | SourceCode.FilterPredicate
+      | SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  getTokens(
+    node: VNODE.HasLocation,
+    beforeCount?: number,
+    afterCount?: number
+  ): AST.Token[]
+  getTokens(
+    node: VNODE.HasLocation,
+    options: SourceCode.FilterPredicate | SourceCode.CursorWithCountOptions
+  ): AST.Token[]
+  commentsExistBetween(
+    left: VNODE.HasLocation,
+    right: VNODE.HasLocation
+  ): boolean
+  getCommentsBefore(nodeOrToken: VNODE.HasLocation): VNODE.Comment[]
+  getCommentsAfter(nodeOrToken: VNODE.HasLocation): VNODE.Comment[]
+  getCommentsInside(node: VNODE.HasLocation): VNODE.Comment[]
+}
+export namespace SourceCode {
+  interface Config {
+    text: string
+    ast: AST.Program
+    parserServices?: ParserServices
+    scopeManager?: Scope.ScopeManager
+    visitorKeys?: VisitorKeys
+  }
+
+  type ParserServices = parserServices.ParserServices
+
+  interface VisitorKeys {
+    [nodeType: string]: string[]
+  }
+
+  type FilterPredicate = (tokenOrComment: AST.Token) => boolean
+
+  type CursorWithSkipOptions =
+    | number
+    | FilterPredicate
+    | {
+        includeComments?: boolean
+        filter?: FilterPredicate
+        skip?: number
+      }
+
+  type CursorWithCountOptions =
+    | number
+    | FilterPredicate
+    | {
+        includeComments?: boolean
+        filter?: FilterPredicate
+        count?: number
+      }
+}
+
+export namespace Rule {
+  interface RuleModule /*extends ESLintRule.RuleModule*/ {
+    meta: RuleMetaData
+    create(context: RuleContext): Rule.RuleListener
+  }
+
+  type NodeTypes = VAST.ESNode['type']
+
+  type NodeListenerBase = {
+    [T in keyof VAST.NodeListenerMap]?: (node: VAST.NodeListenerMap[T]) => void
+  }
+  interface NodeListener extends NodeListenerBase {
+    [key: string]: ((node: VAST.ParamNode) => void) | undefined
+  }
+
+  interface RuleListener extends NodeListenerBase {
+    onCodePathStart?(codePath: CodePath, node: VAST.ParamNode): void
+    onCodePathEnd?(codePath: CodePath, node: VAST.ParamNode): void
+    onCodePathSegmentStart?(
+      segment: CodePathSegment,
+      node: VAST.ParamNode
+    ): void
+    onCodePathSegmentEnd?(segment: CodePathSegment, node: VAST.ParamNode): void
+    onCodePathSegmentLoop?(
+      fromSegment: CodePathSegment,
+      toSegment: CodePathSegment,
+      node: VAST.ParamNode
+    ): void
+    [key: string]:
+      | ((codePath: CodePath, node: VAST.ParamNode) => void)
+      | ((segment: CodePathSegment, node: VAST.ParamNode) => void)
+      | ((
+          fromSegment: CodePathSegment,
+          toSegment: CodePathSegment,
+          node: VAST.ParamNode
+        ) => void)
+      | ((node: VAST.ParamNode) => void)
+      | undefined
+  }
+  interface CodePath extends ESLintRule.CodePath {}
+  interface CodePathSegment extends ESLintRule.CodePathSegment {}
+
+  interface RuleMetaData extends ESLintRule.RuleMetaData {
+    docs: Required<ESLintRule.RuleMetaData>['docs']
+  }
+
+  interface RuleContext {
+    id: string
+    options: ESLintRule.RuleContext['options']
+    settings: { [name: string]: any }
+    parserPath: string
+    parserOptions: any
+    parserServices: parserServices.ParserServices
+
+    getAncestors(): VAST.ESNode[]
+
+    getDeclaredVariables(node: VAST.ESNode): Scope.Variable[]
+    getFilename(): string
+    getScope(): Scope.Scope
+    getSourceCode(): SourceCode
+    markVariableAsUsed(name: string): boolean
+    report(descriptor: ReportDescriptor): void
+  }
+
+  type ReportDescriptor =
+    | ReportDescriptor1
+    | ReportDescriptor2
+    | ReportDescriptor3
+    | ReportDescriptor4
+
+  type SuggestionReportDescriptor =
+    | SuggestionReportDescriptor1
+    | SuggestionReportDescriptor2
+
+  interface RuleFixer {
+    insertTextAfter(nodeOrToken: VNODE.HasLocation, text: string): Fix
+    insertTextAfterRange(range: AST.Range, text: string): Fix
+    insertTextBefore(nodeOrToken: VNODE.HasLocation, text: string): Fix
+    insertTextBeforeRange(range: AST.Range, text: string): Fix
+    remove(nodeOrToken: VNODE.HasLocation): Fix
+    removeRange(range: AST.Range): Fix
+    replaceText(nodeOrToken: VNODE.HasLocation, text: string): Fix
+    replaceTextRange(range: AST.Range, text: string): Fix
+  }
+
+  interface Fix {
+    range: AST.Range
+    text: string
+  }
+}
+
+export class RuleTester extends ESLintRuleTester {}
+
+export namespace Linter {
+  type LintMessage = ESLintLinter.LintMessage
+  type LintOptions = ESLintLinter.LintOptions
+}
+
+interface ReportDescriptorOptionsBase {
+  data?: {
+    [key: string]: string | number
+  }
+  fix?:
+    | null
+    | ((
+        fixer: Rule.RuleFixer
+      ) => null | Rule.Fix | IterableIterator<Rule.Fix> | Rule.Fix[])
+}
+
+interface SuggestionReportDescriptor1 extends ReportDescriptorOptionsBase {
+  desc: string
+}
+
+interface SuggestionReportDescriptor2 extends ReportDescriptorOptionsBase {
+  messageId: string
+}
+interface ReportDescriptorOptions extends ReportDescriptorOptionsBase {
+  suggest?: Rule.SuggestionReportDescriptor[] | null
+}
+
+interface ReportSourceLocation1 {
+  start: VNODE.Position
+  end: VNODE.Position
+  line?: undefined
+  column?: undefined
+}
+
+interface ReportSourceLocation2 extends VNODE.Position {
+  start?: undefined
+  end?: undefined
+}
+
+type ReportSourceLocation = ReportSourceLocation1 | ReportSourceLocation2
+
+interface ReportDescriptor1 extends ReportDescriptorOptions {
+  message: string
+  messageId?: string
+  node: VNODE.HasLocation
+  loc?: ReportSourceLocation
+}
+interface ReportDescriptor2 extends ReportDescriptorOptions {
+  message: string
+  messageId?: string
+  node?: VNODE.HasLocation
+  loc: ReportSourceLocation
+}
+interface ReportDescriptor3 extends ReportDescriptorOptions {
+  message?: string
+  messageId: string
+  node: VNODE.HasLocation
+  loc?: ReportSourceLocation
+}
+interface ReportDescriptor4 extends ReportDescriptorOptions {
+  message?: string
+  messageId: string
+  node?: VNODE.HasLocation
+  loc: ReportSourceLocation
+}
diff --git a/typings/vue-eslint-parser/index.d.ts b/typings/vue-eslint-parser/index.d.ts
new file mode 100644
index 000000000..7343902cf
--- /dev/null
+++ b/typings/vue-eslint-parser/index.d.ts
@@ -0,0 +1,14 @@
+import { VisitorKeys } from 'eslint-visitor-keys'
+import * as VAST from '../eslint-plugin-vue/util-types/ast'
+export namespace AST {
+  function getFallbackKeys(node: VAST.ASTNode): string[]
+  export interface Visitor {
+    visitorKeys?: VisitorKeys
+    enterNode(node: VAST.ASTNode, parent: VAST.ASTNode | null): void
+    leaveNode(node: VAST.ASTNode, parent: VAST.ASTNode | null): void
+  }
+  export function traverseNodes(node: VAST.ASTNode, visitor: Visitor): void
+  export { getFallbackKeys }
+
+  export const NS: VAST.NS
+}

From 7617a9153ae64b03156f12aecf2f84f82a13876c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 Jun 2020 17:19:55 +0900
Subject: [PATCH 0127/1010] Fix false negatives in TemplateLiteral for
 `vue/prop-name-casing` rule. (#1208)

---
 lib/rules/prop-name-casing.js       | 16 ++-------
 tests/lib/rules/prop-name-casing.js | 50 +++++++++++++++--------------
 2 files changed, 28 insertions(+), 38 deletions(-)

diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 826197313..5ee9b78f1 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -24,20 +24,8 @@ function create(context) {
 
   return utils.executeOnVue(context, (obj) => {
     for (const item of utils.getComponentProps(obj)) {
-      if (item.propName == null) {
-        continue
-      }
-      const propName =
-        item.key.type === 'Literal'
-          ? item.key.value
-          : item.key.type === 'TemplateLiteral'
-          ? null
-          : item.propName
-      // TODO We should use propName.
-      // const propName = item.propName
-
-      if (typeof propName !== 'string') {
-        // (boolean | null | number | RegExp) Literal
+      const propName = item.propName
+      if (propName == null) {
         continue
       }
       if (!checker(propName)) {
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index eb932b299..4815c4ebf 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -131,18 +131,6 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       parserOptions
     },
-    {
-      // TemplateLiteral computed property does not warn
-      filename: 'test.vue',
-      code: `
-        export default {
-          props: {
-            [\`greeting-text\`]: String
-          }
-        }
-      `,
-      parserOptions
-    },
     {
       // TemplateLiteral computed property does not warn
       filename: 'test.vue',
@@ -275,18 +263,6 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       parserOptions
     },
-    {
-      // RegExp Literal computed property name
-      filename: 'test.vue',
-      code: `
-        export default {
-          props: {
-            [/greeting-text/]: String
-          }
-        }
-      `,
-      parserOptions
-    },
     {
       // Japanese characters
       filename: 'test.vue',
@@ -578,6 +554,32 @@ ruleTester.run('prop-name-casing', rule, {
       options: ['snake_case'],
       parserOptions,
       errors: ['Prop "_itemName" is not in snake_case.']
+    },
+    {
+      // TemplateLiteral computed property
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            [\`greeting-text\`]: String
+          }
+        }
+      `,
+      parserOptions,
+      errors: ['Prop "greeting-text" is not in camelCase.']
+    },
+    {
+      // RegExp Literal computed property name
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            [/greeting-text/]: String
+          }
+        }
+      `,
+      parserOptions,
+      errors: ['Prop "/greeting-text/" is not in camelCase.']
     }
   ]
 })

From bbcc1f0074c22a989b23fdc19ba4c4e31181b20b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 Jun 2020 17:33:43 +0900
Subject: [PATCH 0128/1010] Make the indent rules supports ECMAScript 2020
 (#1017)

* Make the indent rules supports ECMAScript 2020

* update
---
 docs/rules/html-indent.md                     |   2 +-
 lib/utils/indent-common.js                    | 105 ++++++++++++++----
 package.json                                  |   2 +-
 .../nullish-coalescing-operator-01.vue        |   7 ++
 .../html-indent/optional-chaining-01.vue      |   9 ++
 .../html-indent/optional-chaining-02.vue      |   9 ++
 .../html-indent/optional-chaining-03.vue      |   9 ++
 .../html-indent/optional-chaining-04.vue      |  15 +++
 tests/fixtures/script-indent/bigint-01.vue    |   7 ++
 .../export-all-declaration-02.vue             |  16 +++
 .../script-indent/for-await-of-01.vue         |  15 +++
 .../script-indent/import-expression-01.vue    |   7 ++
 .../script-indent/import-expression-02.vue    |   8 ++
 .../script-indent/import-expression-03.vue    |  11 ++
 .../nullish-coalescing-operator-01.vue        |   6 +
 .../script-indent/object-expression-04.vue    |  12 ++
 .../script-indent/optional-chaining-01.vue    |   7 ++
 .../script-indent/optional-chaining-02.vue    |   7 ++
 .../script-indent/optional-chaining-03.vue    |   7 ++
 .../script-indent/optional-chaining-04.vue    |  13 +++
 .../script-indent/optional-chaining-05.vue    |  11 ++
 .../script-indent/optional-chaining-06.vue    |  25 +++++
 .../script-indent/optional-chaining-07.vue    |  25 +++++
 .../script-indent/optional-chaining-08.vue    |  12 ++
 .../script-indent/optional-chaining-09.vue    |  32 ++++++
 .../script-indent/rest-properties-01.vue      |   8 ++
 .../script-indent/try-statement-04.vue        |  14 +++
 tests/lib/rules/html-indent.js                |  10 +-
 tests/lib/rules/script-indent.js              |  10 +-
 typings/eslint-plugin-vue/global.d.ts         |   3 +
 .../eslint-plugin-vue/util-types/ast/ast.ts   |   4 +
 .../util-types/ast/es-ast.ts                  |  20 +++-
 32 files changed, 418 insertions(+), 30 deletions(-)
 create mode 100644 tests/fixtures/html-indent/nullish-coalescing-operator-01.vue
 create mode 100644 tests/fixtures/html-indent/optional-chaining-01.vue
 create mode 100644 tests/fixtures/html-indent/optional-chaining-02.vue
 create mode 100644 tests/fixtures/html-indent/optional-chaining-03.vue
 create mode 100644 tests/fixtures/html-indent/optional-chaining-04.vue
 create mode 100644 tests/fixtures/script-indent/bigint-01.vue
 create mode 100644 tests/fixtures/script-indent/export-all-declaration-02.vue
 create mode 100644 tests/fixtures/script-indent/for-await-of-01.vue
 create mode 100644 tests/fixtures/script-indent/import-expression-01.vue
 create mode 100644 tests/fixtures/script-indent/import-expression-02.vue
 create mode 100644 tests/fixtures/script-indent/import-expression-03.vue
 create mode 100644 tests/fixtures/script-indent/nullish-coalescing-operator-01.vue
 create mode 100644 tests/fixtures/script-indent/object-expression-04.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-01.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-02.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-03.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-04.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-05.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-06.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-07.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-08.vue
 create mode 100644 tests/fixtures/script-indent/optional-chaining-09.vue
 create mode 100644 tests/fixtures/script-indent/rest-properties-01.vue
 create mode 100644 tests/fixtures/script-indent/try-statement-04.vue

diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index d82ff86eb..c3a45f273 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -15,7 +15,7 @@ description: enforce consistent indentation in `<template>`
 This rule enforces a consistent indentation style in `<template>`. The default style is 2 spaces.
 
 - This rule checks all tags, also all expressions in directives and mustaches.
-- In the expressions, this rule supports ECMAScript 2017 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
+- In the expressions, this rule supports ECMAScript 2020 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
 
 <eslint-code-block fix :rules="{'vue/html-indent': ['error']}">
 
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 718f04278..9e6bfdeff 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -12,6 +12,7 @@
 // Helpers
 // ------------------------------------------------------------------------------
 
+/** @type {Set<ASTNode['type']>} */
 const KNOWN_NODES = new Set([
   'ArrayExpression',
   'ArrayPattern',
@@ -24,6 +25,7 @@ const KNOWN_NODES = new Set([
   'BreakStatement',
   'CallExpression',
   'CatchClause',
+  'ChainExpression',
   'ClassBody',
   'ClassDeclaration',
   'ClassExpression',
@@ -32,8 +34,6 @@ const KNOWN_NODES = new Set([
   'DebuggerStatement',
   'DoWhileStatement',
   'EmptyStatement',
-  'ExperimentalRestProperty',
-  'ExperimentalSpreadProperty',
   'ExportAllDeclaration',
   'ExportDefaultDeclaration',
   'ExportNamedDeclaration',
@@ -48,6 +48,7 @@ const KNOWN_NODES = new Set([
   'IfStatement',
   'ImportDeclaration',
   'ImportDefaultSpecifier',
+  'ImportExpression',
   'ImportNamespaceSpecifier',
   'ImportSpecifier',
   'LabeledStatement',
@@ -97,6 +98,10 @@ const KNOWN_NODES = new Set([
   'VStartTag',
   'VText'
 ])
+const NON_STANDARD_KNOWN_NODES = new Set([
+  'ExperimentalRestProperty',
+  'ExperimentalSpreadProperty'
+])
 const LT_CHAR = /[\r\n\u2028\u2029]/
 const LINES = /[^\r\n\u2028\u2029]+(?:$|\r\n|[\r\n\u2028\u2029])/g
 const BLOCK_COMMENT_PREFIX = /^\s*\*/
@@ -300,6 +305,14 @@ function isSemicolon(token) {
 function isComma(token) {
   return token != null && token.type === 'Punctuator' && token.value === ','
 }
+/**
+ * Check whether the given token is a wildcard.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a wildcard.
+ */
+function isWildcard(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '*'
+}
 
 /**
  * Check whether the given token is a whitespace.
@@ -321,7 +334,9 @@ function isComment(token) {
     (token.type === 'Block' ||
       token.type === 'Line' ||
       token.type === 'Shebang' ||
-      token.type.endsWith('Comment'))
+      (typeof token.type ===
+        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
+        token.type.endsWith('Comment')))
   )
 }
 
@@ -336,7 +351,11 @@ function isNotComment(token) {
     token.type !== 'Block' &&
     token.type !== 'Line' &&
     token.type !== 'Shebang' &&
-    !token.type.endsWith('Comment')
+    !(
+      typeof token.type ===
+        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
+      token.type.endsWith('Comment')
+    )
   )
 }
 
@@ -1330,6 +1349,15 @@ module.exports.defineVisitor = function create(
       setOffset(leftToken, 1, firstToken)
       processNodeList(node.arguments, leftToken, rightToken, 1)
     },
+    /** @param {ImportExpression} node */
+    ImportExpression(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const rightToken = tokenStore.getLastToken(node)
+      const leftToken = tokenStore.getTokenAfter(firstToken, isLeftParen)
+
+      setOffset(leftToken, 1, firstToken)
+      processNodeList([node.source], leftToken, rightToken, 1)
+    },
     /** @param {CatchClause} node */
     CatchClause(node) {
       const firstToken = tokenStore.getFirstToken(node)
@@ -1417,7 +1445,20 @@ module.exports.defineVisitor = function create(
       if (isSemicolon(last(tokens))) {
         tokens.pop()
       }
-      setOffset(tokens, 1, firstToken)
+      if (!node.exported) {
+        setOffset(tokens, 1, firstToken)
+      } else {
+        // export * as foo from "mod"
+        const starToken = /** @type {Token} */ (tokens.find(isWildcard))
+        const asToken = tokenStore.getTokenAfter(starToken)
+        const exportedToken = tokenStore.getTokenAfter(asToken)
+        const afterTokens = tokens.slice(tokens.indexOf(exportedToken) + 1)
+
+        setOffset(starToken, 1, firstToken)
+        setOffset(asToken, 1, starToken)
+        setOffset(exportedToken, 1, starToken)
+        setOffset(afterTokens, 1, firstToken)
+      }
     },
     /** @param {ExportDefaultDeclaration} node */
     ExportDefaultDeclaration(node) {
@@ -1435,23 +1476,28 @@ module.exports.defineVisitor = function create(
         const declarationToken = tokenStore.getFirstToken(node, 1)
         setOffset(declarationToken, 1, exportToken)
       } else {
-        // export {foo, bar}; or export {foo, bar} from "mod";
-        const leftParenToken = tokenStore.getFirstToken(node, 1)
-        const rightParenToken = /** @type {Token} */ (tokenStore.getLastToken(
-          node,
-          isRightBrace
-        ))
-        setOffset(leftParenToken, 0, exportToken)
-        processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
-
-        const maybeFromToken = tokenStore.getTokenAfter(rightParenToken)
-        if (
-          maybeFromToken != null &&
-          sourceCode.getText(maybeFromToken) === 'from'
-        ) {
-          const fromToken = maybeFromToken
-          const nameToken = tokenStore.getTokenAfter(fromToken)
-          setOffset([fromToken, nameToken], 1, exportToken)
+        const firstSpecifier = node.specifiers[0]
+        if (!firstSpecifier || firstSpecifier.type === 'ExportSpecifier') {
+          // export {foo, bar}; or export {foo, bar} from "mod";
+          const leftParenToken = tokenStore.getFirstToken(node, 1)
+          const rightParenToken = /** @type {Token} */ (tokenStore.getLastToken(
+            node,
+            isRightBrace
+          ))
+          setOffset(leftParenToken, 0, exportToken)
+          processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
+
+          const maybeFromToken = tokenStore.getTokenAfter(rightParenToken)
+          if (
+            maybeFromToken != null &&
+            sourceCode.getText(maybeFromToken) === 'from'
+          ) {
+            const fromToken = maybeFromToken
+            const nameToken = tokenStore.getTokenAfter(fromToken)
+            setOffset([fromToken, nameToken], 1, exportToken)
+          }
+        } else {
+          // maybe babel-eslint
         }
       }
     },
@@ -1464,7 +1510,12 @@ module.exports.defineVisitor = function create(
     /** @param {ForInStatement | ForOfStatement} node */
     'ForInStatement, ForOfStatement'(node) {
       const forToken = tokenStore.getFirstToken(node)
-      const leftParenToken = tokenStore.getTokenAfter(forToken)
+      const awaitToken =
+        (node.type === 'ForOfStatement' &&
+          node.await &&
+          tokenStore.getTokenAfter(forToken)) ||
+        null
+      const leftParenToken = tokenStore.getTokenAfter(awaitToken || forToken)
       const leftToken = tokenStore.getTokenAfter(leftParenToken)
       const inToken = /** @type {Token} */ (tokenStore.getTokenAfter(
         leftToken,
@@ -1476,6 +1527,9 @@ module.exports.defineVisitor = function create(
         isNotLeftParen
       )
 
+      if (awaitToken != null) {
+        setOffset(awaitToken, 0, forToken)
+      }
       setOffset(leftParenToken, 1, forToken)
       setOffset(leftToken, 1, leftParenToken)
       setOffset(inToken, 1, leftToken)
@@ -1958,7 +2012,10 @@ module.exports.defineVisitor = function create(
     /** @param {ASTNode} node */
     // Ignore tokens of unknown nodes.
     '*:exit'(node) {
-      if (!KNOWN_NODES.has(node.type)) {
+      if (
+        !KNOWN_NODES.has(node.type) &&
+        !NON_STANDARD_KNOWN_NODES.has(node.type)
+      ) {
         ignore(node)
       }
     },
diff --git a/package.json b/package.json
index 4291451fd..512de1597 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
     "@types/eslint": "^6.8.1",
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
-    "@typescript-eslint/parser": "^2.31.0",
+    "@typescript-eslint/parser": "^3.0.2",
     "@vuepress/plugin-pwa": "^1.4.1",
     "babel-eslint": "^10.1.0",
     "chai": "^4.2.0",
diff --git a/tests/fixtures/html-indent/nullish-coalescing-operator-01.vue b/tests/fixtures/html-indent/nullish-coalescing-operator-01.vue
new file mode 100644
index 000000000..927d62769
--- /dev/null
+++ b/tests/fixtures/html-indent/nullish-coalescing-operator-01.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<template>
+  <div v-bind:a="a
+    ??
+    b
+  "/>
+</template>
diff --git a/tests/fixtures/html-indent/optional-chaining-01.vue b/tests/fixtures/html-indent/optional-chaining-01.vue
new file mode 100644
index 000000000..6a6078e95
--- /dev/null
+++ b/tests/fixtures/html-indent/optional-chaining-01.vue
@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div v-bind:a="
+    obj
+      ?.aaa
+      ?.bbb
+      ?.ccc
+  "/>
+</template>
diff --git a/tests/fixtures/html-indent/optional-chaining-02.vue b/tests/fixtures/html-indent/optional-chaining-02.vue
new file mode 100644
index 000000000..3d53c6018
--- /dev/null
+++ b/tests/fixtures/html-indent/optional-chaining-02.vue
@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div v-bind:a="
+    obj?.
+      aaa?.
+      bbb?.
+      ccc
+  "/>
+</template>
diff --git a/tests/fixtures/html-indent/optional-chaining-03.vue b/tests/fixtures/html-indent/optional-chaining-03.vue
new file mode 100644
index 000000000..ff81bb467
--- /dev/null
+++ b/tests/fixtures/html-indent/optional-chaining-03.vue
@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div v-bind:a="
+    obj?.
+      [aaa]?.
+      [bbb]
+      ?.[ccc]
+  "/>
+</template>
diff --git a/tests/fixtures/html-indent/optional-chaining-04.vue b/tests/fixtures/html-indent/optional-chaining-04.vue
new file mode 100644
index 000000000..f064b73cb
--- /dev/null
+++ b/tests/fixtures/html-indent/optional-chaining-04.vue
@@ -0,0 +1,15 @@
+<!--{}-->
+<template>
+  <div v-bind:a="
+    obj?.
+      (
+        aaa
+      )?.
+      (
+        bbb
+      )
+      ?.(
+        ccc
+      )
+  "/>
+</template>
diff --git a/tests/fixtures/script-indent/bigint-01.vue b/tests/fixtures/script-indent/bigint-01.vue
new file mode 100644
index 000000000..4e8e6c20b
--- /dev/null
+++ b/tests/fixtures/script-indent/bigint-01.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<script>
+var a =
+  10n
+  +
+  5n
+</script>
diff --git a/tests/fixtures/script-indent/export-all-declaration-02.vue b/tests/fixtures/script-indent/export-all-declaration-02.vue
new file mode 100644
index 000000000..b85213a6b
--- /dev/null
+++ b/tests/fixtures/script-indent/export-all-declaration-02.vue
@@ -0,0 +1,16 @@
+<!--{}-->
+<script>
+export
+  *
+    as
+    foo
+  from
+  "mod"
+;
+export
+  *
+    as
+    bar
+  from
+  "mod"
+</script>
diff --git a/tests/fixtures/script-indent/for-await-of-01.vue b/tests/fixtures/script-indent/for-await-of-01.vue
new file mode 100644
index 000000000..b5c07e2c1
--- /dev/null
+++ b/tests/fixtures/script-indent/for-await-of-01.vue
@@ -0,0 +1,15 @@
+<!--{}-->
+<script>
+async function fn() {
+  for
+  await
+    (
+      a
+        of
+        b
+    )
+  {
+    ;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/import-expression-01.vue b/tests/fixtures/script-indent/import-expression-01.vue
new file mode 100644
index 000000000..3f7c7cb61
--- /dev/null
+++ b/tests/fixtures/script-indent/import-expression-01.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<script>
+const fs = import
+  (
+    'fs'
+  )
+</script>
diff --git a/tests/fixtures/script-indent/import-expression-02.vue b/tests/fixtures/script-indent/import-expression-02.vue
new file mode 100644
index 000000000..8144c3ffa
--- /dev/null
+++ b/tests/fixtures/script-indent/import-expression-02.vue
@@ -0,0 +1,8 @@
+<!--{}-->
+<script>
+const module = import
+  (
+    m.
+      n
+  )
+</script>
diff --git a/tests/fixtures/script-indent/import-expression-03.vue b/tests/fixtures/script-indent/import-expression-03.vue
new file mode 100644
index 000000000..e82a6df42
--- /dev/null
+++ b/tests/fixtures/script-indent/import-expression-03.vue
@@ -0,0 +1,11 @@
+<!--{}-->
+<script>
+async function fn() {
+  return await
+    import
+      (
+        m.
+          n
+      )
+}
+</script>
diff --git a/tests/fixtures/script-indent/nullish-coalescing-operator-01.vue b/tests/fixtures/script-indent/nullish-coalescing-operator-01.vue
new file mode 100644
index 000000000..22427c7f6
--- /dev/null
+++ b/tests/fixtures/script-indent/nullish-coalescing-operator-01.vue
@@ -0,0 +1,6 @@
+<!--{}-->
+<script>
+var v = a
+  ??
+  b
+</script>
diff --git a/tests/fixtures/script-indent/object-expression-04.vue b/tests/fixtures/script-indent/object-expression-04.vue
new file mode 100644
index 000000000..25e8c2077
--- /dev/null
+++ b/tests/fixtures/script-indent/object-expression-04.vue
@@ -0,0 +1,12 @@
+<!--{}-->
+<script>
+var obj = {
+  a:
+    1,
+  ...obj1,
+  b:
+    2,
+  ...
+    obj2,
+}
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-01.vue b/tests/fixtures/script-indent/optional-chaining-01.vue
new file mode 100644
index 000000000..f0ea36ee4
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-01.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<script>
+obj
+  ?.aaa
+  ?.bbb
+  ?.ccc
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-02.vue b/tests/fixtures/script-indent/optional-chaining-02.vue
new file mode 100644
index 000000000..11c77d518
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-02.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<script>
+obj?.
+  aaa?.
+  bbb?.
+  ccc
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-03.vue b/tests/fixtures/script-indent/optional-chaining-03.vue
new file mode 100644
index 000000000..01626acf0
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-03.vue
@@ -0,0 +1,7 @@
+<!--{}-->
+<script>
+obj?.
+  [aaa]?.
+  [bbb]
+  ?.[ccc]
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-04.vue b/tests/fixtures/script-indent/optional-chaining-04.vue
new file mode 100644
index 000000000..65a42a74d
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-04.vue
@@ -0,0 +1,13 @@
+<!--{}-->
+<script>
+obj?.
+  (
+    aaa
+  )?.
+  (
+    bbb
+  )
+  ?.(
+    ccc
+  )
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-05.vue b/tests/fixtures/script-indent/optional-chaining-05.vue
new file mode 100644
index 000000000..0e926b497
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-05.vue
@@ -0,0 +1,11 @@
+<!--{}-->
+<script>
+// https://github.com/estree/estree/blob/master/es2020.md
+obj.aaa?.bbb;
+obj?.aaa.bbb;
+obj?.aaa?.bbb;
+(obj.aaa).bbb;
+(obj.aaa)?.bbb;
+(obj?.aaa).bbb;
+(obj?.aaa)?.bbb;
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-06.vue b/tests/fixtures/script-indent/optional-chaining-06.vue
new file mode 100644
index 000000000..47898015b
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-06.vue
@@ -0,0 +1,25 @@
+<!--{}-->
+<script>
+// https://github.com/estree/estree/blob/master/es2020.md
+obj
+  .aaa
+  ?.bbb;
+obj
+  ?.aaa
+  .bbb;
+obj
+  ?.aaa
+  ?.bbb;
+(obj
+  .aaa)
+  .bbb;
+(obj
+  .aaa)
+  ?.bbb;
+(obj
+  ?.aaa)
+  .bbb;
+(obj
+  ?.aaa)
+  ?.bbb;
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-07.vue b/tests/fixtures/script-indent/optional-chaining-07.vue
new file mode 100644
index 000000000..1ba9fb0fe
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-07.vue
@@ -0,0 +1,25 @@
+<!--{}-->
+<script>
+// https://github.com/estree/estree/blob/master/es2020.md
+obj.
+  aaa?.
+  bbb;
+obj?.
+  aaa.
+  bbb;
+obj?.
+  aaa?.
+  bbb;
+(obj.
+  aaa).
+  bbb;
+(obj.
+  aaa)?.
+  bbb;
+(obj?.
+  aaa).
+  bbb;
+(obj?.
+  aaa)?.
+  bbb;
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-08.vue b/tests/fixtures/script-indent/optional-chaining-08.vue
new file mode 100644
index 000000000..61d071887
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-08.vue
@@ -0,0 +1,12 @@
+<!--{}-->
+<script>
+// https://github.com/estree/estree/blob/master/es2020.md
+(obj.aaa
+).bbb;
+(obj.aaa
+)?.bbb;
+(obj?.aaa
+).bbb;
+(obj?.aaa
+)?.bbb;
+</script>
diff --git a/tests/fixtures/script-indent/optional-chaining-09.vue b/tests/fixtures/script-indent/optional-chaining-09.vue
new file mode 100644
index 000000000..c17562c0c
--- /dev/null
+++ b/tests/fixtures/script-indent/optional-chaining-09.vue
@@ -0,0 +1,32 @@
+<!--{}-->
+<script>
+// https://github.com/estree/estree/blob/master/es2020.md
+(
+  obj
+    .
+    aaa
+)
+  .
+  bbb;
+(
+  obj
+    .
+    aaa
+)
+  ?.
+  bbb;
+(
+  obj
+    ?.
+    aaa
+)
+  .
+  bbb;
+(
+  obj
+    ?.
+    aaa
+)
+  ?.
+  bbb;
+</script>
diff --git a/tests/fixtures/script-indent/rest-properties-01.vue b/tests/fixtures/script-indent/rest-properties-01.vue
new file mode 100644
index 000000000..87ab2ab9b
--- /dev/null
+++ b/tests/fixtures/script-indent/rest-properties-01.vue
@@ -0,0 +1,8 @@
+<!--{}-->
+<script>
+({
+  a,
+  ...
+    b
+} = {})
+</script>
diff --git a/tests/fixtures/script-indent/try-statement-04.vue b/tests/fixtures/script-indent/try-statement-04.vue
new file mode 100644
index 000000000..4b3d9e866
--- /dev/null
+++ b/tests/fixtures/script-indent/try-statement-04.vue
@@ -0,0 +1,14 @@
+<!--{}-->
+<script>
+try
+{
+}
+catch
+{
+  ;
+}
+finally
+{
+  ;
+}
+</script>
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 875b5df78..d70b03957 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -40,6 +40,14 @@ function loadPatterns(additionalValid, additionalInvalid) {
     const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
     const code = code0.replace(/^<!--(.+?)-->/, `<!--${filename}-->`)
     const baseObj = JSON.parse(/^<!--(.+?)-->/.exec(code0)[1])
+    if ('parser' in baseObj) {
+      baseObj.parser = require.resolve(baseObj.parser)
+    }
+    if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
+      baseObj.parserOptions.parser = require.resolve(
+        baseObj.parserOptions.parser
+      )
+    }
     return Object.assign(baseObj, { code, filename })
   })
   const invalid = valid
@@ -104,7 +112,7 @@ function unIndent(strings) {
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2017,
+    ecmaVersion: 2020,
     ecmaFeatures: {
       globalReturn: true
     }
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index d74d41dd3..42497d2dd 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -41,6 +41,14 @@ function loadPatterns(additionalValid, additionalInvalid) {
     const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
     const code = code0.replace(commentPattern, `$1${filename}$3`)
     const baseObj = JSON.parse(commentPattern.exec(code0)[2])
+    if ('parser' in baseObj) {
+      baseObj.parser = require.resolve(baseObj.parser)
+    }
+    if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
+      baseObj.parserOptions.parser = require.resolve(
+        baseObj.parserOptions.parser
+      )
+    }
     return Object.assign(baseObj, { code, filename })
   })
   const invalid = valid
@@ -105,7 +113,7 @@ function unIndent(strings) {
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2017,
+    ecmaVersion: 2020,
     sourceType: 'module'
   }
 })
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
index 268cbbb18..aa23a1a21 100644
--- a/typings/eslint-plugin-vue/global.d.ts
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -121,6 +121,8 @@ declare global {
   type ClassExpression = VAST.ClassExpression
   type MetaProperty = VAST.MetaProperty
   type AwaitExpression = VAST.AwaitExpression
+  type ChainExpression = VAST.ChainExpression
+  type ChainElement = VAST.ChainElement
   type Property = VAST.Property
   type AssignmentProperty = VAST.AssignmentProperty
   type Super = VAST.Super
@@ -143,6 +145,7 @@ declare global {
   type ImportDefaultSpecifier = VAST.ImportDefaultSpecifier
   type ImportNamespaceSpecifier = VAST.ImportNamespaceSpecifier
   type ExportSpecifier = VAST.ExportSpecifier
+  type ImportExpression = VAST.ImportExpression
 
   // ---- TS Nodes ----
 
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index dc55396eb..bcdeb93c6 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -259,6 +259,10 @@ export type ESNodeListenerMap = {
   'ImportNamespaceSpecifier:exit': ES.ImportNamespaceSpecifier
   ExportSpecifier: ES.ExportSpecifier
   'ExportSpecifier:exit': ES.ExportSpecifier
+  ImportExpression: ES.ImportExpression
+  'ImportExpression:exit': ES.ImportExpression
+  ChainExpression: ES.ChainExpression
+  'ChainExpression:exit': ES.ChainExpression
 
   TSAsExpression: TS.TSAsExpression
   'TSAsExpression:exit': TS.TSAsExpression
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index efc81f169..701de116d 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -113,6 +113,7 @@ export interface ForOfStatement extends HasParentNode {
   left: VariableDeclaration | Pattern
   right: Expression
   body: Statement
+  await: boolean
 }
 export interface LabeledStatement extends HasParentNode {
   type: 'LabeledStatement'
@@ -143,7 +144,7 @@ export interface TryStatement extends HasParentNode {
 }
 export interface CatchClause extends HasParentNode {
   type: 'CatchClause'
-  param: Pattern
+  param: Pattern | null
   body: BlockStatement
 }
 export interface WithStatement extends HasParentNode {
@@ -243,6 +244,11 @@ export interface ExportDefaultDeclaration extends HasParentNode {
 export interface ExportAllDeclaration extends HasParentNode {
   type: 'ExportAllDeclaration'
   source: Literal
+  exported: Identifier | null
+}
+export interface ImportExpression extends HasParentNode {
+  type: 'ImportExpression'
+  source: Expression
 }
 export type Expression =
   | ThisExpression
@@ -268,6 +274,8 @@ export type Expression =
   | MetaProperty
   | Identifier
   | AwaitExpression
+  | ImportExpression
+  | ChainExpression
   | JSX.JSXElement
   | JSX.JSXFragment
   | TS.TSAsExpression
@@ -404,7 +412,7 @@ export interface UpdateExpression extends HasParentNode {
 }
 export interface LogicalExpression extends HasParentNode {
   type: 'LogicalExpression'
-  operator: '||' | '&&'
+  operator: '||' | '&&' | '??'
   left: Expression
   right: Expression
 }
@@ -418,6 +426,7 @@ export interface CallExpression extends HasParentNode {
   type: 'CallExpression'
   callee: Expression | Super
   arguments: (Expression | SpreadElement)[]
+  optional: boolean
 }
 export interface Super extends HasParentNode {
   type: 'Super'
@@ -432,7 +441,13 @@ export interface MemberExpression extends HasParentNode {
   computed: boolean
   object: Expression | Super
   property: Expression
+  optional: boolean
+}
+export interface ChainExpression extends HasParentNode {
+  type: 'ChainExpression'
+  expression: ChainElement
 }
+export type ChainElement = CallExpression | MemberExpression
 export interface YieldExpression extends HasParentNode {
   type: 'YieldExpression'
   delegate: boolean
@@ -457,6 +472,7 @@ export interface TemplateElement extends HasParentNode {
   tail: boolean
   value: {
     cooked: string
+    // cooked: string | null // If the template literal is tagged and the text has an invalid escape, `cooked` will be `null`, e.g., `` tag`\unicode and \u{55}` ``
     raw: string
   }
 }

From 752a028da8153ce96c588f3b2b1938c1b373053d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 Jun 2020 15:36:02 +0900
Subject: [PATCH 0129/1010] Update Developer Guide (#1210)

---
 README.md                      | 9 ++++++---
 docs/developer-guide/README.md | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 1935bf189..52fb216ef 100644
--- a/README.md
+++ b/README.md
@@ -37,9 +37,12 @@ See [The ESLint Vue Plugin Developer Guide](https://eslint.vuejs.org/developer-g
 
 Before you start writing a new rule, please read [the official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules).
 
-Next, in order to get an idea how does the AST of the code that you want to check looks like, use one of the following applications:
-- [astexplorer.net](https://astexplorer.net/) - the best tool to inspect ASTs, but it doesn't support Vue template yet
-- [ast.js.org](https://ast.js.org/) - not fully featured, but supports Vue template syntax
+Next, in order to get an idea how does the AST of the code that you want to check looks like, use the [astexplorer.net].
+The [astexplorer.net] is a great tool to inspect ASTs, also Vue templates are supported.
+
+After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+
+[astexplorer.net]: https://astexplorer.net/
 
 Since single file components in Vue are not plain JavaScript, the default parser couldn't be used, so a new one was introduced. `vue-eslint-parser` generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
 
diff --git a/docs/developer-guide/README.md b/docs/developer-guide/README.md
index 658a4bf66..d216984b8 100644
--- a/docs/developer-guide/README.md
+++ b/docs/developer-guide/README.md
@@ -28,9 +28,12 @@ We're more than happy to see potential contributions, so don't hesitate. If you
 
 Before you start writing new rule, please read the [official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules).
 
-Next in order to get an idea how does the AST of the code that you want to check looks like, you can use one of the following applications:
-- [astexplorer.net](https://astexplorer.net/) - best tool to inspect ASTs, but it doesn't support Vue templates yet
-- [ast.js.org](https://ast.js.org/) - not fully featured, but supports Vue templates syntax
+Next, in order to get an idea how does the AST of the code that you want to check looks like, use the [astexplorer.net].
+The [astexplorer.net] is a great tool to inspect ASTs, also Vue templates are supported.
+
+After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+
+[astexplorer.net]: https://astexplorer.net/
 
 Since single file components in Vue are not plain JavaScript, we can't use the default parser, and we had to introduce additional one: `vue-eslint-parser`, that generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
 

From b039fa7f4f6705c6b55070657633d261370c3f91 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 16 Jun 2020 09:53:12 +0900
Subject: [PATCH 0130/1010] Replace words (#1214)

---
 docs/rules/no-bare-strings-in-template.md      |  4 ++--
 docs/rules/require-prop-type-constructor.md    |  2 +-
 lib/rules/no-bare-strings-in-template.js       | 10 +++++-----
 tests/lib/rules/no-bare-strings-in-template.js |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index 40041119c..2edbfda6c 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -57,7 +57,7 @@ If you want to report these string literals, enable the [vue/no-useless-v-bind]
 ```js
 {
   "vue/no-bare-strings-in-template": ["error", {
-    "whitelist": [
+    "allowlist": [
       "(", ")", ",", ".", "&", "+", "-", "=", "*", "/", "#", "%", "!", "?", ":", "[", "]", "{", "}", "<", ">", "\u00b7", "\u2022", "\u2010", "\u2013", "\u2014", "\u2212", "|"
     ],
     "attributes": {
@@ -70,7 +70,7 @@ If you want to report these string literals, enable the [vue/no-useless-v-bind]
 }
 ```
 
-- `whitelist` ... An array of whitelisted strings.
+- `allowlist` ... An array of allowed strings.
 - `attributes` ... An object whose keys are tag name or patterns and value is an array of attributes to check for that tag name.
 - `directives` ... An array of directive names to check literal value.
 
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index af004aaf3..21c8a7408 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -14,7 +14,7 @@ description: require prop type to be a constructor
 
 This rule reports prop types that can't be presumed as constructors.
 
-It's impossible to catch every possible case and know whether the prop type is a constructor or not, hence this rule black list few types of nodes, instead of white-listing correct ones.
+It's impossible to catch every possible case and know whether the prop type is a constructor or not, hence this rule block-list few types of nodes, instead of allow-listing correct ones.
 
 The following types are forbidden and will be reported:
 
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index d0426e3a5..0c190b2a0 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -128,7 +128,7 @@ module.exports = {
       {
         type: 'object',
         properties: {
-          whitelist: {
+          allowlist: {
             type: 'array',
             items: { type: 'string' },
             uniqueItems: true
@@ -164,12 +164,12 @@ module.exports = {
      */
     const opts = context.options[0] || {}
     /** @type {string[]} */
-    const whitelist = opts.whitelist || DEFAULT_WHITELIST
+    const allowlist = opts.allowlist || DEFAULT_WHITELIST
     const attributes = parseTargetAttrs(opts.attributes || DEFAULT_ATTRIBUTES)
     const directives = opts.directives || DEFAULT_DIRECTIVES
 
-    const whitelistRe = new RegExp(
-      whitelist.map((w) => regexp.escape(w)).join('|'),
+    const allowlistRe = new RegExp(
+      allowlist.map((w) => regexp.escape(w)).join('|'),
       'gu'
     )
 
@@ -180,7 +180,7 @@ module.exports = {
      * @param {string} str
      */
     function getBareString(str) {
-      return str.trim().replace(whitelistRe, '').trim()
+      return str.trim().replace(allowlistRe, '').trim()
     }
 
     /**
diff --git a/tests/lib/rules/no-bare-strings-in-template.js b/tests/lib/rules/no-bare-strings-in-template.js
index 3fc4a432d..8856ab962 100644
--- a/tests/lib/rules/no-bare-strings-in-template.js
+++ b/tests/lib/rules/no-bare-strings-in-template.js
@@ -214,7 +214,7 @@ tester.run('no-bare-strings-in-template', rule, {
         <h1>ipsum</h1>
       </template>
       `,
-      options: [{ whitelist: ['Lorem'] }],
+      options: [{ allowlist: ['Lorem'] }],
       errors: [
         {
           line: 4,

From bb767b75170b5fa7590fd15b53665aabea2d298d Mon Sep 17 00:00:00 2001
From: ota <y.ohta.z3@future.co.jp>
Date: Tue, 16 Jun 2020 09:54:56 +0900
Subject: [PATCH 0131/1010] replace words

---
 lib/rules/no-bare-strings-in-template.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index 0c190b2a0..29bc17dbb 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -21,7 +21,7 @@ const casing = require('../utils/casing')
 // ------------------------------------------------------------------------------
 
 // https://dev.w3.org/html5/html-author/charref
-const DEFAULT_WHITELIST = [
+const DEFAULT_ALLOWLIST = [
   '(',
   ')',
   ',',
@@ -164,7 +164,7 @@ module.exports = {
      */
     const opts = context.options[0] || {}
     /** @type {string[]} */
-    const allowlist = opts.allowlist || DEFAULT_WHITELIST
+    const allowlist = opts.allowlist || DEFAULT_ALLOWLIST
     const attributes = parseTargetAttrs(opts.attributes || DEFAULT_ATTRIBUTES)
     const directives = opts.directives || DEFAULT_DIRECTIVES
 

From f3224ba5a36b440976a4c5b5426a471f0321d4ff Mon Sep 17 00:00:00 2001
From: ota <y.ohta.z3@future.co.jp>
Date: Tue, 16 Jun 2020 10:05:25 +0900
Subject: [PATCH 0132/1010] update `vue/require-prop-type-constructor` doc

---
 docs/rules/require-prop-type-constructor.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 21c8a7408..9d48c071f 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -14,7 +14,7 @@ description: require prop type to be a constructor
 
 This rule reports prop types that can't be presumed as constructors.
 
-It's impossible to catch every possible case and know whether the prop type is a constructor or not, hence this rule block-list few types of nodes, instead of allow-listing correct ones.
+It's impossible to catch every possible case and know whether the prop type is a constructor or not, hence this rule restricts few types of nodes, instead of allowing correct ones.
 
 The following types are forbidden and will be reported:
 

From b57a273024a627980a6263f506e3925670b56b7b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 23 Jun 2020 11:27:56 +0900
Subject: [PATCH 0133/1010] Fixed CI failing when using ESLint 7.3. (#1217)

---
 tests/lib/rules/html-indent.js   | 1 +
 tests/lib/rules/script-indent.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index d70b03957..316eb9257 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -78,6 +78,7 @@ function loadPatterns(additionalValid, additionalInvalid) {
 
       return Object.assign({}, pattern, { code, output, errors })
     })
+    .filter((invalid) => invalid.errors.length > 0) // Empty errors cannot be verified with eslint 7.3.
     .filter(Boolean)
 
   return {
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 42497d2dd..865e73141 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -79,6 +79,7 @@ function loadPatterns(additionalValid, additionalInvalid) {
 
       return Object.assign({}, pattern, { code, output, errors })
     })
+    .filter((invalid) => invalid.errors.length > 0) // Empty errors cannot be verified with eslint 7.3.
     .filter(Boolean)
 
   return {

From a12f2d9b425f000384999cb8485f586bcaa5d524 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 26 Jun 2020 18:07:57 +0900
Subject: [PATCH 0134/1010] Add `vue/no-deprecated-destroyed-lifecycle` rule
 (#1211)

* Add `vue/no-deprecated-destroyed-lifecycle` rule

* Add testcases and fix bug
---
 docs/rules/README.md                          |   1 +
 .../no-deprecated-destroyed-lifecycle.md      |  43 ++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 .../no-deprecated-destroyed-lifecycle.js      | 101 +++++
 .../no-deprecated-destroyed-lifecycle.js      | 377 ++++++++++++++++++
 6 files changed, 524 insertions(+)
 create mode 100644 docs/rules/no-deprecated-destroyed-lifecycle.md
 create mode 100644 lib/rules/no-deprecated-destroyed-lifecycle.js
 create mode 100644 tests/lib/rules/no-deprecated-destroyed-lifecycle.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1fe658682..16e0ef983 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -42,6 +42,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-dollar-scopedslots-api](./no-deprecated-dollar-scopedslots-api.md) | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
new file mode 100644
index 000000000..f7f7cd8dc
--- /dev/null
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -0,0 +1,43 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-destroyed-lifecycle
+description: disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-destroyed-lifecycle
+> disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports use of deprecated `destroyed` and `beforeDestroy` lifecycle hooks. (in Vue.js 3.0.0+).
+
+<eslint-code-block :rules="{'vue/no-deprecated-destroyed-lifecycle': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  beforeMount () {},
+  mounted () {},
+  beforeUnmount () {},
+  unmounted () {},
+
+  /* ✗ BAD */
+  beforeDestroy () {},
+  destroyed () {}
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-destroyed-lifecycle.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-destroyed-lifecycle.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index b802623da..432df355b 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
+    'vue/no-deprecated-destroyed-lifecycle': 'error',
     'vue/no-deprecated-dollar-listeners-api': 'error',
     'vue/no-deprecated-dollar-scopedslots-api': 'error',
     'vue/no-deprecated-events-api': 'error',
diff --git a/lib/index.js b/lib/index.js
index f962015c3..7eda5423d 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -51,6 +51,7 @@ module.exports = {
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
+    'no-deprecated-destroyed-lifecycle': require('./rules/no-deprecated-destroyed-lifecycle'),
     'no-deprecated-dollar-listeners-api': require('./rules/no-deprecated-dollar-listeners-api'),
     'no-deprecated-dollar-scopedslots-api': require('./rules/no-deprecated-dollar-scopedslots-api'),
     'no-deprecated-events-api': require('./rules/no-deprecated-events-api'),
diff --git a/lib/rules/no-deprecated-destroyed-lifecycle.js b/lib/rules/no-deprecated-destroyed-lifecycle.js
new file mode 100644
index 000000000..c3556084c
--- /dev/null
+++ b/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -0,0 +1,101 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)',
+      categories: ['vue3-essential'],
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-destroyed-lifecycle.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      deprecatedDestroyed:
+        'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
+      deprecatedBeforeDestroy:
+        'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+      insteadUnmounted: 'Instead, change to `unmounted`.',
+      insteadBeforeUnmount: 'Instead, change to `beforeUnmount`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.executeOnVue(context, (obj) => {
+      const destroyed = utils.findProperty(obj, 'destroyed')
+
+      if (destroyed) {
+        context.report({
+          node: destroyed.key,
+          messageId: 'deprecatedDestroyed',
+          // I don't know if they have exactly the same function, so don't do autofix.
+          suggest: [
+            {
+              messageId: 'insteadUnmounted',
+              fix(fixer) {
+                return fix(fixer, destroyed, 'unmounted')
+              }
+            }
+          ]
+        })
+      }
+
+      const beforeDestroy = utils.findProperty(obj, 'beforeDestroy')
+      if (beforeDestroy) {
+        context.report({
+          node: beforeDestroy.key,
+          messageId: 'deprecatedBeforeDestroy',
+          // I don't know if they have exactly the same function, so don't do autofix.
+          suggest: [
+            {
+              messageId: 'insteadBeforeUnmount',
+              fix(fixer) {
+                return fix(fixer, beforeDestroy, 'beforeUnmount')
+              }
+            }
+          ]
+        })
+      }
+
+      /**
+       * @param {RuleFixer} fixer
+       * @param {Property} property
+       * @param {string} newName
+       */
+      function fix(fixer, property, newName) {
+        if (property.computed) {
+          if (
+            property.key.type === 'Literal' ||
+            property.key.type === 'TemplateLiteral'
+          ) {
+            return fixer.replaceTextRange(
+              [property.key.range[0] + 1, property.key.range[1] - 1],
+              newName
+            )
+          }
+          return null
+        }
+        if (property.shorthand) {
+          return fixer.insertTextBefore(property.key, `${newName}:`)
+        }
+        return fixer.replaceText(property.key, newName)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
new file mode 100644
index 000000000..00dda6ed8
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -0,0 +1,377 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-destroyed-lifecycle')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        unmounted () {},
+        beforeUnmount () {},
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        unmounted,
+        beforeUnmount,
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        beforeCreate,
+        created,
+        beforeMount,
+        mounted,
+        beforeUpdate,
+        updated,
+        activated,
+        deactivated,
+        beforeUnmount,
+        unmounted,
+        errorCaptured,
+        renderTracked,
+        renderTriggered,
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        beforeUnmount:beforeDestroy,
+        unmounted:destroyed,
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        ...beforeDestroy,
+        ...destroyed,
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        [beforeDestroy] () {},
+        [destroyed] () {},
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        beforeDestroy () {},
+        destroyed () {},
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4,
+          suggestions: [
+            {
+              desc: 'Instead, change to `beforeUnmount`.',
+              output: `
+      <script>
+      export default {
+        beforeUnmount () {},
+        destroyed () {},
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Instead, change to `unmounted`.',
+              output: `
+      <script>
+      export default {
+        beforeDestroy () {},
+        unmounted () {},
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        beforeDestroy,
+        destroyed,
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4,
+          suggestions: [
+            {
+              desc: 'Instead, change to `beforeUnmount`.',
+              output: `
+      <script>
+      export default {
+        beforeUnmount:beforeDestroy,
+        destroyed,
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Instead, change to `unmounted`.',
+              output: `
+      <script>
+      export default {
+        beforeDestroy,
+        unmounted:destroyed,
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        beforeCreate,
+        created,
+        beforeMount,
+        mounted,
+        beforeUpdate,
+        updated,
+        activated,
+        deactivated,
+        beforeDestroy,
+        destroyed,
+        errorCaptured,
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 12,
+          suggestions: [
+            {
+              desc: 'Instead, change to `beforeUnmount`.',
+              output: `
+      <script>
+      export default {
+        beforeCreate,
+        created,
+        beforeMount,
+        mounted,
+        beforeUpdate,
+        updated,
+        activated,
+        deactivated,
+        beforeUnmount:beforeDestroy,
+        destroyed,
+        errorCaptured,
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
+          line: 13,
+          suggestions: [
+            {
+              desc: 'Instead, change to `unmounted`.',
+              output: `
+      <script>
+      export default {
+        beforeCreate,
+        created,
+        beforeMount,
+        mounted,
+        beforeUpdate,
+        updated,
+        activated,
+        deactivated,
+        beforeDestroy,
+        unmounted:destroyed,
+        errorCaptured,
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        ['beforeDestroy']() {},
+        ['destroyed']() {},
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4,
+          suggestions: [
+            {
+              desc: 'Instead, change to `beforeUnmount`.',
+              output: `
+      <script>
+      export default {
+        ['beforeUnmount']() {},
+        ['destroyed']() {},
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Instead, change to `unmounted`.',
+              output: `
+      <script>
+      export default {
+        ['beforeDestroy']() {},
+        ['unmounted']() {},
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        [\`beforeDestroy\`]() {},
+        [\`destroyed\`]() {},
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4,
+          suggestions: [
+            {
+              desc: 'Instead, change to `beforeUnmount`.',
+              output: `
+      <script>
+      export default {
+        [\`beforeUnmount\`]() {},
+        [\`destroyed\`]() {},
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Instead, change to `unmounted`.',
+              output: `
+      <script>
+      export default {
+        [\`beforeDestroy\`]() {},
+        [\`unmounted\`]() {},
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 04f83ba5ede7f5212afea9d27ae1ef45b0cb7e72 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 26 Jun 2020 18:12:24 +0900
Subject: [PATCH 0135/1010] Add `"v-model-argument"` and
 `"v-model-custom-modifiers"` to the syntax checked by the
 `vue/no-unsupported-features` rule. (#1212)

---
 docs/rules/no-unsupported-features.md         | 40 +++++++++-
 lib/rules/no-unsupported-features.js          | 66 ++++++++++++-----
 .../syntaxes/dynamic-directive-arguments.js   |  2 +-
 lib/rules/syntaxes/scope-attribute.js         |  2 +-
 lib/rules/syntaxes/slot-attribute.js          |  2 +-
 lib/rules/syntaxes/slot-scope-attribute.js    |  1 +
 .../v-bind-prop-modifier-shorthand.js         |  2 +-
 lib/rules/syntaxes/v-model-argument.js        | 23 ++++++
 .../syntaxes/v-model-custom-modifiers.js      | 33 +++++++++
 lib/rules/syntaxes/v-slot.js                  |  2 +-
 lib/utils/index.js                            | 14 ++--
 .../v-model-argument.js                       | 59 +++++++++++++++
 .../v-model-custom-modifiers.js               | 73 +++++++++++++++++++
 13 files changed, 288 insertions(+), 31 deletions(-)
 create mode 100644 lib/rules/syntaxes/v-model-argument.js
 create mode 100644 lib/rules/syntaxes/v-model-custom-modifiers.js
 create mode 100644 tests/lib/rules/no-unsupported-features/v-model-argument.js
 create mode 100644 tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 5bb39148f..a9a8693ce 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -27,6 +27,9 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `version` ... The `version` option accepts [the valid version range of `node-semver`](https://github.com/npm/node-semver#range-grammar). Set the version of Vue.js you are using. This option is required.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
+  - Vue.js 3.0.0+
+    - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
+    - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
   - Vue.js 2.6.0+
     - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://vuejs.org/v2/guide/syntax.html#Dynamic-Arguments).
     - `"v-slot"` ... [v-slot](https://vuejs.org/v2/api/#v-slot) directive.
@@ -35,6 +38,25 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js `">=2.6.0-beta.1 <=2.6.0-beta.3"` or 2.6 custom build
     - `"v-bind-prop-modifier-shorthand"` ... [v-bind](https://vuejs.org/v2/api/#v-bind) with `.prop` modifier shorthand.
 
+### `{"version": "^2.6.0"}`
+
+<eslint-code-block fix :rules="{'vue/no-unsupported-features': ['error', {'version': '^2.6.0'}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyInput v-bind:foo.sync="val" />
+
+  <!-- ✗ BAD -->
+  <!-- argument on `v-model` -->
+  <MyInput v-model:foo="val" />
+  <!-- custom modifiers on `v-model` -->
+  <MyComp v-model.foo.bar="text" />
+</template>
+```
+
+</eslint-code-block>
+
 ### `{"version": "^2.5.0"}`
 
 <eslint-code-block fix :rules="{'vue/no-unsupported-features': ['error', {'version': '^2.5.0'}]}">
@@ -71,10 +93,20 @@ The `"ignores"` option accepts an array of the following strings.
 - [Guide - Dynamic Arguments](https://vuejs.org/v2/guide/syntax.html#Dynamic-Arguments)
 - [API - v-slot](https://vuejs.org/v2/api/#v-slot)
 - [API - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
-- [Vue RFCs - 0001-new-slot-syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot-syntax.md)
-- [Vue RFCs - 0002-slot-syntax-shorthand](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0002-slot-syntax-shorthand.md)
-- [Vue RFCs - 0003-dynamic-directive-arguments](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0003-dynamic-directive-arguments.md)
-- [Vue RFCs - v-bind .prop shorthand proposal](https://github.com/vuejs/rfcs/pull/18)
+- [Vue RFCs - 0001-new-slot-syntax]
+- [Vue RFCs - 0002-slot-syntax-shorthand]
+- [Vue RFCs - 0003-dynamic-directive-arguments]
+- [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
+- [Vue RFCs - 0011-v-model-api-change]
+- [Vue RFCs - v-bind .prop shorthand proposal]
+
+[Vue RFCs - 0001-new-slot-syntax]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot-syntax.md
+[Vue RFCs - 0002-slot-syntax-shorthand]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0002-slot-syntax-shorthand.md
+[Vue RFCs - 0003-dynamic-directive-arguments]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0003-dynamic-directive-arguments.md
+[Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md
+[Vue RFCs - 0011-v-model-api-change]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0011-v-model-api-change.md
+
+[Vue RFCs - v-bind .prop shorthand proposal]: https://github.com/vuejs/rfcs/pull/18
 
 ## :mag: Implementation
 
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index eaf9ce57a..468e718ec 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -7,15 +7,24 @@
 const semver = require('semver')
 const utils = require('../utils')
 
+/**
+ * @typedef {object} SyntaxRule
+ * @property {string | ((range: semver.Range) => boolean)} supported
+ * @property { (context: RuleContext) => TemplateListener } [createTemplateBodyVisitor]
+ * @property { (context: RuleContext) => RuleListener } [createScriptVisitor]
+ */
+
 const FEATURES = {
   // Vue.js 2.5.0+
   'slot-scope-attribute': require('./syntaxes/slot-scope-attribute'),
   // Vue.js 2.6.0+
   'dynamic-directive-arguments': require('./syntaxes/dynamic-directive-arguments'),
   'v-slot': require('./syntaxes/v-slot'),
-
   // >=2.6.0-beta.1 <=2.6.0-beta.3
-  'v-bind-prop-modifier-shorthand': require('./syntaxes/v-bind-prop-modifier-shorthand')
+  'v-bind-prop-modifier-shorthand': require('./syntaxes/v-bind-prop-modifier-shorthand'),
+  // Vue.js 3.0.0+
+  'v-model-argument': require('./syntaxes/v-model-argument'),
+  'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers')
 }
 
 const cache = new Map()
@@ -77,10 +86,14 @@ module.exports = {
       forbiddenDynamicDirectiveArguments:
         'Dynamic arguments are not supported until Vue.js "2.6.0".',
       forbiddenVSlot: '`v-slot` are not supported until Vue.js "2.6.0".',
-
       // >=2.6.0-beta.1 <=2.6.0-beta.3
       forbiddenVBindPropModifierShorthand:
-        '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".'
+        '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
+      // Vue.js 3.0.0+
+      forbiddenVModelArgument:
+        'Argument on `v-model` is not supported until Vue.js "3.0.0".',
+      forbiddenVModelCustomModifiers:
+        'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".'
     }
   },
   /** @param {RuleContext} context */
@@ -100,7 +113,7 @@ module.exports = {
 
     /**
      * Check whether a given case object is full-supported on the configured node version.
-     * @param { { supported?: string | ((range: semver.Range) => boolean) } } aCase The case object to check.
+     * @param {SyntaxRule} aCase The case object to check.
      * @returns {boolean} `true` if it's supporting.
      */
     function isNotSupportingVersion(aCase) {
@@ -110,19 +123,38 @@ module.exports = {
       return versionRange.intersects(getSemverRange(`<${aCase.supported}`))
     }
 
-    const keys = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
+    const syntaxNames = /** @type {(keyof FEATURES)[]} */ (Object.keys(
+      FEATURES
+    ))
 
-    const templateBodyVisitor = keys
-      .filter((syntaxName) => !ignores.includes(syntaxName))
-      .filter((syntaxName) => isNotSupportingVersion(FEATURES[syntaxName]))
-      .reduce((result, syntaxName) => {
-        const visitor = FEATURES[syntaxName].createTemplateBodyVisitor(context)
-        if (visitor) {
-          return utils.compositingVisitors(result, visitor)
-        }
-        return result
-      }, {})
+    /** @type {TemplateListener} */
+    let templateBodyVisitor = {}
+    /** @type {RuleListener} */
+    let scriptVisitor = {}
 
-    return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
+    for (const syntaxName of syntaxNames) {
+      /** @type {SyntaxRule} */
+      const syntax = FEATURES[syntaxName]
+      if (ignores.includes(syntaxName) || !isNotSupportingVersion(syntax)) {
+        continue
+      }
+      if (syntax.createTemplateBodyVisitor) {
+        const visitor = syntax.createTemplateBodyVisitor(context)
+        templateBodyVisitor = utils.compositingVisitors(
+          templateBodyVisitor,
+          visitor
+        )
+      }
+      if (syntax.createScriptVisitor) {
+        const visitor = syntax.createScriptVisitor(context)
+        scriptVisitor = utils.compositingVisitors(scriptVisitor, visitor)
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      templateBodyVisitor,
+      scriptVisitor
+    )
   }
 }
diff --git a/lib/rules/syntaxes/dynamic-directive-arguments.js b/lib/rules/syntaxes/dynamic-directive-arguments.js
index 314bceeaa..595f70fb9 100644
--- a/lib/rules/syntaxes/dynamic-directive-arguments.js
+++ b/lib/rules/syntaxes/dynamic-directive-arguments.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   supported: '2.6.0',
-  /** @param {RuleContext} context */
+  /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
      * Reports dynamic argument node
diff --git a/lib/rules/syntaxes/scope-attribute.js b/lib/rules/syntaxes/scope-attribute.js
index e2b0a697e..c1673c3cc 100644
--- a/lib/rules/syntaxes/scope-attribute.js
+++ b/lib/rules/syntaxes/scope-attribute.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.5.0',
-  /** @param {RuleContext} context */
+  /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
      * Reports `scope` node
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 12d6ad67a..bf84361fb 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.6.0',
-  /** @param {RuleContext} context */
+  /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index 6efa41552..e05be5c3f 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -10,6 +10,7 @@ module.exports = {
    * @param {RuleContext} context
    * @param {object} option
    * @param {boolean} [option.fixToUpgrade]
+   * @returns {TemplateListener}
    */
   createTemplateBodyVisitor(context, { fixToUpgrade } = {}) {
     const sourceCode = context.getSourceCode()
diff --git a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
index 1374379f2..4038c81a5 100644
--- a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
+++ b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
@@ -12,7 +12,7 @@ module.exports = {
   supported: (versionRange) => {
     return !versionRange.intersects(unsupported)
   },
-  /** @param {RuleContext} context */
+  /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
      * Reports `.prop` shorthand node
diff --git a/lib/rules/syntaxes/v-model-argument.js b/lib/rules/syntaxes/v-model-argument.js
new file mode 100644
index 000000000..bba028e12
--- /dev/null
+++ b/lib/rules/syntaxes/v-model-argument.js
@@ -0,0 +1,23 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+module.exports = {
+  supported: '3.0.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    return {
+      /** @param {VDirectiveKey & { argument: VExpressionContainer | VIdentifier }} node */
+      "VAttribute[directive=true] > VDirectiveKey[name.name='model'][argument!=null]"(
+        node
+      ) {
+        context.report({
+          node: node.argument,
+          messageId: 'forbiddenVModelArgument'
+        })
+      }
+    }
+  }
+}
diff --git a/lib/rules/syntaxes/v-model-custom-modifiers.js b/lib/rules/syntaxes/v-model-custom-modifiers.js
new file mode 100644
index 000000000..5630f9ad4
--- /dev/null
+++ b/lib/rules/syntaxes/v-model-custom-modifiers.js
@@ -0,0 +1,33 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const BUILTIN_MODIFIERS = new Set(['lazy', 'number', 'trim'])
+
+module.exports = {
+  supported: '3.0.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    return {
+      /** @param {VDirectiveKey} node */
+      "VAttribute[directive=true] > VDirectiveKey[name.name='model'][modifiers.length>0]"(
+        node
+      ) {
+        for (const modifier of node.modifiers) {
+          if (!BUILTIN_MODIFIERS.has(modifier.name)) {
+            context.report({
+              node: modifier,
+              messageId: 'forbiddenVModelCustomModifiers'
+            })
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/rules/syntaxes/v-slot.js b/lib/rules/syntaxes/v-slot.js
index c3b5dfc0d..9d563a2dd 100644
--- a/lib/rules/syntaxes/v-slot.js
+++ b/lib/rules/syntaxes/v-slot.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   supported: '2.6.0',
-  /** @param {RuleContext} context */
+  /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 4e1725efa..a0710a8d9 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1215,6 +1215,7 @@ module.exports = {
    * Find all functions which do not always return values
    * @param {boolean} treatUndefinedAsUnspecified
    * @param { (node: ESNode) => void } cb Callback function
+   * @returns {RuleListener}
    */
   executeOnFunctionsWithoutReturn(treatUndefinedAsUnspecified, cb) {
     /**
@@ -1580,23 +1581,26 @@ function defineTemplateBodyVisitor(
 }
 
 /**
- * @param {RuleListener} visitor
- * @param {...RuleListener} visitors
- * @returns {RuleListener}
+ * @template T
+ * @param {T} visitor
+ * @param {...(TemplateListener | RuleListener | NodeListener)} visitors
+ * @returns {T}
  */
 function compositingVisitors(visitor, ...visitors) {
   for (const v of visitors) {
     for (const key in v) {
+      // @ts-expect-error
       if (visitor[key]) {
+        // @ts-expect-error
         const o = visitor[key]
-        /** @param {any[]} args */
+        // @ts-expect-error
         visitor[key] = (...args) => {
-          // @ts-expect-error
           o(...args)
           // @ts-expect-error
           v[key](...args)
         }
       } else {
+        // @ts-expect-error
         visitor[key] = v[key]
       }
     }
diff --git a/tests/lib/rules/no-unsupported-features/v-model-argument.js b/tests/lib/rules/no-unsupported-features/v-model-argument.js
new file mode 100644
index 000000000..ceb79784e
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/v-model-argument.js
@@ -0,0 +1,59 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('v-model-argument', '^2.6.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/v-model-argument', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <MyInput v-model:foo="foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.0.0' })
+    },
+    {
+      code: `
+      <template>
+        <MyInput v-model="foo" />
+      </template>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <template>
+        <MyInput v-bind:foo.sync="foo" />
+      </template>`,
+      options: buildOptions()
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <MyInput v-model:foo="foo" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            'Argument on `v-model` is not supported until Vue.js "3.0.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js b/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js
new file mode 100644
index 000000000..521272738
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js
@@ -0,0 +1,73 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('v-model-custom-modifiers', '^2.6.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/v-model-custom-modifiers', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <MyInput v-model:foo.bar="foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.0.0' })
+    },
+    {
+      code: `
+      <template>
+        <MyInput v-model.foo="foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.0.0' })
+    },
+    {
+      code: `
+      <template>
+        <MyInput v-model.trim="foo" />
+      </template>`,
+      options: buildOptions()
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <MyInput v-model:foo.bar="foo" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <MyInput v-model.foo="foo" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From dbba30dd57add3141a1962e7496c6806e170cf4c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 26 Jun 2020 18:13:50 +0900
Subject: [PATCH 0136/1010] Add `vue/no-restricted-component-options` rule
 (#1213)

---
 docs/rules/README.md                          |   1 +
 docs/rules/no-restricted-component-options.md | 124 +++++++
 lib/index.js                                  |   1 +
 lib/rules/no-restricted-component-options.js  | 215 ++++++++++++
 .../rules/no-restricted-component-options.js  | 317 ++++++++++++++++++
 5 files changed, 658 insertions(+)
 create mode 100644 docs/rules/no-restricted-component-options.md
 create mode 100644 lib/rules/no-restricted-component-options.js
 create mode 100644 tests/lib/rules/no-restricted-component-options.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 16e0ef983..fa734f4ca 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -288,6 +288,7 @@ For example:
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
+| [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
diff --git a/docs/rules/no-restricted-component-options.md b/docs/rules/no-restricted-component-options.md
new file mode 100644
index 000000000..41292bc67
--- /dev/null
+++ b/docs/rules/no-restricted-component-options.md
@@ -0,0 +1,124 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-component-options
+description: disallow specific component option
+---
+# vue/no-restricted-component-options
+> disallow specific component option
+
+## :book: Rule Details
+
+This rule allows you to specify component options that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a component option name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-component-options": ["error", "init", "beforeCompile", "compiled", "activate", "ready", "/^(?:at|de)tached$/"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-component-options': ['error', 'init', 'beforeCompile', 'compiled', 'activate', 'ready', '/^(?:at|de)tached$/']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  init: function () {},
+  beforeCompile: function () {},
+  compiled: function () {},
+  activate: function () {},
+  ready: function () {},
+  attached: function () {},
+  detached: function () {},
+
+  /* ✓ GOOD */
+  beforeCreate: function () {},
+  activated: function () {},
+  mounted: function () {},
+}
+</script>
+```
+
+</eslint-code-block>
+
+Also, you can use an array to specify the path of object properties.
+
+e.g. `[ "error", ["props", "/.*/", "twoWay"] ]`
+
+<eslint-code-block :rules="{'vue/no-restricted-component-options': ['error' , ['props', '/.*/', 'twoWay'] ]}">
+
+```vue
+<script>
+export default {
+  props: {
+    size: Number,
+    name: {
+      type: String,
+      required: true,
+      /* ✗ BAD */
+      twoWay: true
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+You can use `"*"` to match all properties, including computed keys.
+
+e.g. `[ "error", ["props", "*", "twoWay"] ]`
+
+<eslint-code-block :rules="{'vue/no-restricted-component-options': ['error' , ['props', '*', 'twoWay'] ]}">
+
+```vue
+<script>
+export default {
+  props: {
+    [foo + bar]: {
+      type: String,
+      required: true,
+      /* ✗ BAD */
+      twoWay: true
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-component-options": ["error",
+    {
+      "name": "init",
+      "message": "Use \"beforeCreate\" instead."
+    },
+    {
+      "name": "/^(?:at|de)tached$/",
+      "message": "\"attached\" and \"detached\" is deprecated."
+    },
+    {
+      "name": ["props", "/.*/", "twoWay"],
+      "message": "\"props.*.twoWay\" cannot be used."
+    }
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `name` ... Specify the component option name or pattern, or the path by its array.
+- `message` ... Specify an optional custom message.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-component-options.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-component-options.js)
diff --git a/lib/index.js b/lib/index.js
index 7eda5423d..81f7dfc72 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -82,6 +82,7 @@ module.exports = {
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
+    'no-restricted-component-options': require('./rules/no-restricted-component-options'),
     'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
new file mode 100644
index 000000000..6d0de9a8d
--- /dev/null
+++ b/lib/rules/no-restricted-component-options.js
@@ -0,0 +1,215 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+
+/**
+ * @typedef {object} ParsedOption
+ * @property {Tester} test
+ * @property {string|undefined} [message]
+ */
+/**
+ * @typedef {object} MatchResult
+ * @property {Tester | undefined} [next]
+ * @property {boolean} [wildcard]
+ * @property {string} keyName
+ */
+/**
+ * @typedef { (name: string) => boolean } Matcher
+ * @typedef { (node: Property | SpreadElement) => (MatchResult | null) } Tester
+ */
+
+/**
+ * @param {string} str
+ * @returns {Matcher}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+
+/**
+ * @param {string | string[] | { name: string | string[], message?: string } } option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string' || Array.isArray(option)) {
+    return parseOption({
+      name: option
+    })
+  }
+
+  /**
+   * @typedef {object} Step
+   * @property {Matcher} [test]
+   * @property {boolean} [wildcard]
+   */
+
+  /** @type {Step[]} */
+  const steps = []
+  for (const name of Array.isArray(option.name) ? option.name : [option.name]) {
+    if (name === '*') {
+      steps.push({ wildcard: true })
+    } else {
+      steps.push({ test: buildMatcher(name) })
+    }
+  }
+  const message = option.message
+
+  return {
+    test: buildTester(0),
+    message
+  }
+
+  /**
+   * @param {number} index
+   * @returns {Tester}
+   */
+  function buildTester(index) {
+    const { wildcard, test } = steps[index]
+    const next = index + 1
+    const needNext = steps.length > next
+    return (node) => {
+      /** @type {string} */
+      let keyName
+      if (wildcard) {
+        keyName = '*'
+      } else {
+        if (node.type !== 'Property') {
+          return null
+        }
+        const name = utils.getStaticPropertyName(node)
+        if (!name || !test(name)) {
+          return null
+        }
+        keyName = name
+      }
+
+      return {
+        next: needNext ? buildTester(next) : undefined,
+        wildcard,
+        keyName
+      }
+    }
+  }
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific component option',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-component-options.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: 'string' },
+          {
+            type: 'array',
+            items: {
+              type: 'string'
+            }
+          },
+          {
+            type: 'object',
+            properties: {
+              name: {
+                anyOf: [
+                  { type: 'string' },
+                  {
+                    type: 'array',
+                    items: {
+                      type: 'string'
+                    }
+                  }
+                ]
+              },
+              message: { type: 'string', minLength: 1 }
+            },
+            required: ['name'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedOption: '{{message}}'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    if (!context.options || context.options.length === 0) {
+      return {}
+    }
+    /** @type {ParsedOption[]} */
+    const options = context.options.map(parseOption)
+
+    return utils.defineVueVisitor(context, {
+      onVueObjectEnter(node) {
+        for (const option of options) {
+          verify(node, option.test, option.message)
+        }
+      }
+    })
+
+    /**
+     * @param {ObjectExpression} node
+     * @param {Tester} test
+     * @param {string | undefined} customMessage
+     * @param {string[]} path
+     */
+    function verify(node, test, customMessage, path = []) {
+      for (const prop of node.properties) {
+        const result = test(prop)
+        if (!result) {
+          continue
+        }
+        if (result.next) {
+          if (
+            prop.type !== 'Property' ||
+            prop.value.type !== 'ObjectExpression'
+          ) {
+            continue
+          }
+          verify(prop.value, result.next, customMessage, [
+            ...path,
+            result.keyName
+          ])
+        } else {
+          const message =
+            customMessage || defaultMessage([...path, result.keyName])
+          context.report({
+            node: prop.type === 'Property' ? prop.key : prop,
+            messageId: 'restrictedOption',
+            data: { message }
+          })
+        }
+      }
+    }
+
+    /**
+     * @param {string[]} path
+     */
+    function defaultMessage(path) {
+      return `Using \`${path.join('.')}\` is not allowed.`
+    }
+  }
+}
diff --git a/tests/lib/rules/no-restricted-component-options.js b/tests/lib/rules/no-restricted-component-options.js
new file mode 100644
index 000000000..512eb53c5
--- /dev/null
+++ b/tests/lib/rules/no-restricted-component-options.js
@@ -0,0 +1,317 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-component-options')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('no-restricted-component-options', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        /* ✗ BAD */
+        init: function () {},
+        beforeCompile: function () {},
+        compiled: function () {},
+        activate: function () {},
+        ready: function () {},
+        attached: function () {},
+        detached: function () {},
+
+        /* ✓ GOOD */
+        beforeCreate: function () {},
+        activated: function () {},
+        mounted: function () {},
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          size: Number,
+          name: {
+            type: String,
+            required: true,
+            /* ✗ BAD */
+            twoWay: true
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        /* ✓ GOOD */
+        beforeCreate: function () {},
+        activated: function () {},
+        mounted: function () {},
+      }
+      </script>
+      `,
+      options: [
+        'init',
+        'beforeCompile',
+        'compiled',
+        'activate',
+        'ready',
+        '/^(?:at|de)tached$/'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        foo: {
+          ...bar,
+          baz
+        }
+      }
+      </script>
+      `,
+      options: [['foo', '*', 'baz']]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        foo: {
+          ...bar,
+          baz
+        }
+      }
+      </script>
+      `,
+      options: [['foo', 'bar']]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        /* ✗ BAD */
+        init: function () {},
+        beforeCompile: function () {},
+        compiled: function () {},
+        activate: function () {},
+        ready: function () {},
+        attached: function () {},
+        detached: function () {},
+
+        /* ✓ GOOD */
+        beforeCreate: function () {},
+        activated: function () {},
+        mounted: function () {},
+      }
+      </script>
+      `,
+      options: [
+        'init',
+        'beforeCompile',
+        'compiled',
+        'activate',
+        'ready',
+        '/^(?:at|de)tached$/'
+      ],
+      errors: [
+        {
+          message: 'Using `init` is not allowed.',
+          line: 5,
+          column: 9
+        },
+        {
+          message: 'Using `beforeCompile` is not allowed.',
+          line: 6,
+          column: 9
+        },
+        {
+          message: 'Using `compiled` is not allowed.',
+          line: 7,
+          column: 9
+        },
+        {
+          message: 'Using `activate` is not allowed.',
+          line: 8,
+          column: 9
+        },
+        {
+          message: 'Using `ready` is not allowed.',
+          line: 9,
+          column: 9
+        },
+        {
+          message: 'Using `attached` is not allowed.',
+          line: 10,
+          column: 9
+        },
+        {
+          message: 'Using `detached` is not allowed.',
+          line: 11,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          size: Number,
+          name: {
+            type: String,
+            required: true,
+            /* ✗ BAD */
+            twoWay: true
+          }
+        }
+      }
+      </script>
+      `,
+      options: [['props', '/.*/', 'twoWay']],
+      errors: [
+        {
+          message: 'Using `props.name.twoWay` is not allowed.',
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          size: Number,
+          name: {
+            type: String,
+            required: true,
+            /* ✗ BAD */
+            twoWay: true
+          }
+        },
+        init: function () {},
+        beforeCompile: function () {},
+        compiled: function () {},
+        activate: function () {},
+        ready: function () {},
+        attached: function () {},
+        detached: function () {},
+
+        beforeCreate: function () {},
+        activated: function () {},
+        mounted: function () {},
+      }
+      </script>
+      `,
+      options: [
+        {
+          name: 'init',
+          message: 'Use "beforeCreate" instead.'
+        },
+        {
+          name: '/^(?:at|de)tached$/',
+          message: '"attached" and "detached" is deprecated.'
+        },
+        {
+          name: ['props', '/.*/', 'twoWay'],
+          message: '"props.*.twoWay" cannot be used.'
+        }
+      ],
+      errors: [
+        {
+          message: '"props.*.twoWay" cannot be used.',
+          line: 10,
+          column: 13
+        },
+        {
+          message: 'Use "beforeCreate" instead.',
+          line: 13,
+          column: 9
+        },
+        {
+          message: '"attached" and "detached" is deprecated.',
+          line: 18,
+          column: 9
+        },
+        {
+          message: '"attached" and "detached" is deprecated.',
+          line: 19,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          size: Number,
+          [name]: {
+            type: String,
+            required: true,
+            /* ✗ BAD */
+            twoWay: true
+          }
+        }
+      }
+      </script>
+      `,
+      options: [['props', '*', 'twoWay']],
+      errors: [
+        {
+          message: 'Using `props.*.twoWay` is not allowed.',
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        foo: {
+          ...bar
+        }
+      }
+      </script>
+      `,
+      options: [['foo', '*']],
+      errors: [
+        {
+          message: 'Using `foo.*` is not allowed.',
+          line: 5
+        }
+      ]
+    }
+  ]
+})

From f77e34625880a82fc2a67341ccc1c2e16d07764d Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Fri, 26 Jun 2020 18:15:32 +0900
Subject: [PATCH 0137/1010] chore(tools): use ESLint class (#1216)

* chore(tools): use ESLint class

* build: upgrade types of eslint

* refactor: rename function
---
 package.json                |  2 +-
 tools/update-lib-configs.js | 10 +++++++---
 tools/update-lib-index.js   | 10 +++++++---
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 512de1597..b132e0a83 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "vue-eslint-parser": "^7.1.0"
   },
   "devDependencies": {
-    "@types/eslint": "^6.8.1",
+    "@types/eslint": "^7.2.0",
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@typescript-eslint/parser": "^3.0.2",
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index df19f3619..ff026eca0 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -88,6 +88,10 @@ categories.forEach((category) => {
 })
 
 // Format files.
-const linter = new eslint.CLIEngine({ fix: true })
-const report = linter.executeOnFiles([ROOT])
-eslint.CLIEngine.outputFixes(report)
+async function format() {
+  const linter = new eslint.ESLint({ fix: true })
+  const report = await linter.lintFiles([ROOT])
+  eslint.ESLint.outputFixes(report)
+}
+
+format()
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 6c93c3a3d..378de4349 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -43,6 +43,10 @@ module.exports = {
 fs.writeFileSync(filePath, content)
 
 // Format files.
-const linter = new eslint.CLIEngine({ fix: true })
-const report = linter.executeOnFiles([filePath])
-eslint.CLIEngine.outputFixes(report)
+async function format() {
+  const linter = new eslint.ESLint({ fix: true })
+  const report = await linter.lintFiles([filePath])
+  eslint.ESLint.outputFixes(report)
+}
+
+format()

From e70eee6fc5bd2fab0eff9ab202134a5fe2bdd1dc Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Fri, 26 Jun 2020 18:16:03 +0900
Subject: [PATCH 0138/1010] feat: Add `vue/no-multiple-objects-in-class` rule
 (#1218)

* feat: Add

* feat: Add rule, test, and docs

* chore: run update

* chore: rename no-multiple-objects-in-class

* chore: fix docs url

* docs: fix pattern

* fix: consider bind

* chore: remove unused function
---
 docs/rules/README.md                          |  1 +
 docs/rules/no-multiple-objects-in-class.md    | 37 ++++++++++++
 lib/index.js                                  |  1 +
 lib/rules/no-multiple-objects-in-class.js     | 59 +++++++++++++++++++
 .../lib/rules/no-multiple-objects-in-class.js | 48 +++++++++++++++
 5 files changed, 146 insertions(+)
 create mode 100644 docs/rules/no-multiple-objects-in-class.md
 create mode 100644 lib/rules/no-multiple-objects-in-class.js
 create mode 100644 tests/lib/rules/no-multiple-objects-in-class.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index fa734f4ca..d4ae75129 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -286,6 +286,7 @@ For example:
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
+| [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
diff --git a/docs/rules/no-multiple-objects-in-class.md b/docs/rules/no-multiple-objects-in-class.md
new file mode 100644
index 000000000..a7043767e
--- /dev/null
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -0,0 +1,37 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-multiple-objects-in-class
+description: disallow to pass multiple objects into array to class
+---
+# vue/no-multiple-objects-in-class
+> disallow to pass multiple objects into array to class
+
+## :book: Rule Details
+
+This rule disallows to pass multiple objects into array to class.  
+
+<eslint-code-block :rules="{'vue/no-multiple-objects-in-class': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD -->
+    <div :class="[{'foo': isFoo, 'bar': isBar}]" />
+
+    <!-- ✗ BAD -->
+    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-objects-in-class.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-multiple-objects-in-class.js)
diff --git a/lib/index.js b/lib/index.js
index 81f7dfc72..39510d3f8 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -74,6 +74,7 @@ module.exports = {
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
+    'no-multiple-objects-in-class': require('./rules/no-multiple-objects-in-class'),
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
new file mode 100644
index 000000000..72b802318
--- /dev/null
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -0,0 +1,59 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { defineTemplateBodyVisitor } = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/**
+ * count ObjectExpression element
+ * @param {VAttribute} node
+ * @return {number}
+ */
+function countObjectExpression(node) {
+  return node.value.expression.elements.filter(
+    (element) => element.type === 'ObjectExpression'
+  ).length
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow to pass multiple objects into array to class',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-multiple-objects-in-class.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'Unexpected multiple objects. Merge objects.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return defineTemplateBodyVisitor(context, {
+      /** @param {VAttribute} node */
+      'VAttribute[directive=true][key.argument.name="class"][key.name.name="bind"][value.expression.type="ArrayExpression"]'(
+        node
+      ) {
+        if (countObjectExpression(node) > 1) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpected'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-multiple-objects-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
new file mode 100644
index 000000000..45f1b721d
--- /dev/null
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -0,0 +1,48 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-multiple-objects-in-class')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+ruleTester.run('no-multiple-objects-in-class', rule, {
+  valid: [
+    `<template><div :class="[{'foo': isFoo}]" /></template>`,
+    `<template><div :class="[{'foo': isFoo, 'bar': isBar}]" /></template>`,
+    `<template><div v-foo:class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`
+  ],
+  invalid: [
+    {
+      code: `<template><div v-bind:class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`,
+      errors: [
+        {
+          message: 'Unexpected multiple objects. Merge objects.',
+          type: 'VAttribute'
+        }
+      ]
+    },
+    {
+      code: `<template><div :class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`,
+      errors: [
+        {
+          message: 'Unexpected multiple objects. Merge objects.',
+          type: 'VAttribute'
+        }
+      ]
+    }
+  ]
+})

From 295763847922650d64c74276468f0243b12d2904 Mon Sep 17 00:00:00 2001
From: ota <y.ohta.z3@future.co.jp>
Date: Fri, 26 Jun 2020 18:20:34 +0900
Subject: [PATCH 0139/1010] Update jsdoc types

---
 lib/rules/no-multiple-objects-in-class.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index 72b802318..f2a170641 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -16,7 +16,7 @@ const { defineTemplateBodyVisitor } = require('../utils')
 
 /**
  * count ObjectExpression element
- * @param {VAttribute} node
+ * @param {VDirective & {value: VExpressionContainer & {expression: ArrayExpression}}} node
  * @return {number}
  */
 function countObjectExpression(node) {
@@ -42,7 +42,7 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     return defineTemplateBodyVisitor(context, {
-      /** @param {VAttribute} node */
+      /** @param {VDirective & {value: VExpressionContainer & {expression: ArrayExpression}}} node */
       'VAttribute[directive=true][key.argument.name="class"][key.name.name="bind"][value.expression.type="ArrayExpression"]'(
         node
       ) {

From c210505a4d414a6fcf9c69384f0685e01e99759a Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Sun, 28 Jun 2020 07:33:47 +0900
Subject: [PATCH 0140/1010] feat: Add no-empty-component-block rule (#1222)

* feat: Add no-empty-component-block rule

* chore: run update

* feat: consider whether exist node.templateBody

* refactor: use parserServices.getDocumentFragment

* feat: consider whether exists context.parserServices.getDocumentFragment

* feat: consider whitespaces and break lines

* chore run update

* refactor: reflect PR review
---
 docs/rules/README.md                        |   1 +
 docs/rules/no-empty-component-block.md      |  68 +++++++++
 lib/index.js                                |   1 +
 lib/rules/no-empty-component-block.js       |  99 +++++++++++++
 tests/lib/rules/no-empty-component-block.js | 145 ++++++++++++++++++++
 5 files changed, 314 insertions(+)
 create mode 100644 docs/rules/no-empty-component-block.md
 create mode 100644 lib/rules/no-empty-component-block.js
 create mode 100644 tests/lib/rules/no-empty-component-block.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d4ae75129..e2353b631 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -286,6 +286,7 @@ For example:
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
+| [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
new file mode 100644
index 000000000..25cc0ef1f
--- /dev/null
+++ b/docs/rules/no-empty-component-block.md
@@ -0,0 +1,68 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-empty-component-block
+description: disallow the `<template>` `<script>` `<style>` block to be empty
+---
+# vue/no-empty-component-block
+> disallow the `<template>` `<script>` `<style>` block to be empty
+
+## :book: Rule Details
+
+This rule disallows the `<template>` `<script>` `<style>` block to be empty.
+
+This rule also checks block what has attribute `src`.
+See: https://vue-loader.vuejs.org/spec.html#src-imports
+
+<eslint-code-block :rules="{'vue/no-empty-component-block': ['error']}">
+
+```vue
+// ✓ GOOD
+<template>
+  <p>foo</p>
+</template>
+
+<script>
+  console.log('foo')
+</script>
+
+<style>
+  p {
+    display: inline;
+  }
+</style>
+
+<template src="./template.html"></template>
+<template src="./template.html" />
+
+<script src="./script.js"></script>
+<script src="./script.js" />
+
+<style src="./style.css"></style>
+<style src="./style.css" />
+
+
+// ✗ BAD
+<template></template>
+<template />
+<template src="" />
+
+<script></script>
+<script />
+<script src="" />
+
+<style></style>
+<style />
+<style src="" />
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-empty-component-block.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-empty-component-block.js)
diff --git a/lib/index.js b/lib/index.js
index 39510d3f8..ae86686a7 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -69,6 +69,7 @@ module.exports = {
     'no-dupe-keys': require('./rules/no-dupe-keys'),
     'no-duplicate-attr-inheritance': require('./rules/no-duplicate-attr-inheritance'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
+    'no-empty-component-block': require('./rules/no-empty-component-block'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
     'no-extra-parens': require('./rules/no-extra-parens'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
new file mode 100644
index 000000000..2df2679db
--- /dev/null
+++ b/lib/rules/no-empty-component-block.js
@@ -0,0 +1,99 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/**
+ * check whether has attribute `src`
+ */
+function hasAttributeSrc(componentBlock) {
+  const hasAttribute = componentBlock.startTag.attributes.length > 0
+
+  const hasSrc =
+    componentBlock.startTag.attributes.filter(
+      (attribute) =>
+        attribute.key.name === 'src' && attribute.value.value !== ''
+    ).length > 0
+
+  return hasAttribute && hasSrc
+}
+
+/**
+ * check whether value under the component block is only whitespaces or break lines
+ */
+function isValueOnlyWhiteSpacesOrLineBreaks(componentBlock) {
+  return (
+    componentBlock.children.length === 1 &&
+    componentBlock.children[0].type === 'VText' &&
+    !componentBlock.children[0].value.trim()
+  )
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'disallow the `<template>` `<script>` `<style>` block to be empty',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-empty-component-block.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: '`<{{ blockName }}>` is empty. Empty block is not allowed.'
+    }
+  },
+
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
+  create(context) {
+    if (!context.parserServices.getDocumentFragment) {
+      return {}
+    }
+
+    const componentBlocks = context.parserServices.getDocumentFragment()
+      .children
+
+    return {
+      Program(node) {
+        for (const componentBlock of componentBlocks) {
+          if (
+            componentBlock.name !== 'template' &&
+            componentBlock.name !== 'script' &&
+            componentBlock.name !== 'style'
+          )
+            continue
+
+          // https://vue-loader.vuejs.org/spec.html#src-imports
+          if (hasAttributeSrc(componentBlock)) continue
+
+          if (
+            isValueOnlyWhiteSpacesOrLineBreaks(componentBlock) ||
+            componentBlock.children.length === 0
+          ) {
+            context.report({
+              node: componentBlock,
+              loc: componentBlock.loc,
+              messageId: 'unexpected',
+              data: {
+                blockName: componentBlock.name
+              }
+            })
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-empty-component-block.js b/tests/lib/rules/no-empty-component-block.js
new file mode 100644
index 000000000..92813aa28
--- /dev/null
+++ b/tests/lib/rules/no-empty-component-block.js
@@ -0,0 +1,145 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-empty-component-block')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2018 }
+})
+
+tester.run('no-empty-component-block', rule, {
+  valid: [
+    `<template><p>foo</p></template>`,
+    `<template>  foobar   </template>`,
+    `<template><p>foo</p></template><script>console.log('foo')</script>`,
+    `<template><p>foo</p></template><script>console.log('foo')</script><style>p{display: inline;}</style>`,
+    `<template src="./template.html"></template>`,
+    `<template src="./template.html" />`,
+    `<template src="./template.html"></template><script src="./script.js"></script>`,
+    `<template src="./template.html" /><script src="./script.js" />`,
+    `<template src="./template.html"></template><script src="./script.js"></script><style src="./style.css"></style>`,
+    `<template src="./template.html" /><script src="./script.js" /><style src="./style.css" />`
+  ],
+  invalid: [
+    {
+      code: `<template></template>`,
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: `<template> </template>`,
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: `<template>
+</template>`,
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template />',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template src="" />',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template></template><script></script>',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template /><script />',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template src="" /><script src="" />',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template></template><script></script><style></style>',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template /><script /><style />',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template src="" /><script src="" /><style src="" />',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
+    }
+  ]
+})

From 342bc52fe77e36b70968d01274119bc2d04c2bb6 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 28 Jun 2020 07:56:02 +0900
Subject: [PATCH 0141/1010] Fix tsc errors

---
 lib/rules/no-empty-component-block.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
index 2df2679db..dc776705a 100644
--- a/lib/rules/no-empty-component-block.js
+++ b/lib/rules/no-empty-component-block.js
@@ -8,12 +8,15 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const { isVElement } = require('../utils')
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
 
 /**
  * check whether has attribute `src`
+ * @param {VElement} componentBlock
  */
 function hasAttributeSrc(componentBlock) {
   const hasAttribute = componentBlock.startTag.attributes.length > 0
@@ -21,7 +24,10 @@ function hasAttributeSrc(componentBlock) {
   const hasSrc =
     componentBlock.startTag.attributes.filter(
       (attribute) =>
-        attribute.key.name === 'src' && attribute.value.value !== ''
+        !attribute.directive &&
+        attribute.key.name === 'src' &&
+        attribute.value &&
+        attribute.value.value !== ''
     ).length > 0
 
   return hasAttribute && hasSrc
@@ -29,6 +35,7 @@ function hasAttributeSrc(componentBlock) {
 
 /**
  * check whether value under the component block is only whitespaces or break lines
+ * @param {VElement} componentBlock
  */
 function isValueOnlyWhiteSpacesOrLineBreaks(componentBlock) {
   return (
@@ -63,11 +70,12 @@ module.exports = {
       return {}
     }
 
-    const componentBlocks = context.parserServices.getDocumentFragment()
-      .children
+    const componentBlocks = context.parserServices
+      .getDocumentFragment()
+      .children.filter(isVElement)
 
     return {
-      Program(node) {
+      Program() {
         for (const componentBlock of componentBlocks) {
           if (
             componentBlock.name !== 'template' &&

From eb20820df997cbd3afef4ea2a3589f7a04ffb620 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 28 Jun 2020 07:58:14 +0900
Subject: [PATCH 0142/1010] 7.0.0-alpha.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b132e0a83..559386ec0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.6",
+  "version": "7.0.0-alpha.7",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2e75ba6ca7a3acd8348d8c0245bbc76e31644d52 Mon Sep 17 00:00:00 2001
From: ktmouk <ktmouk.dev@gmail.com>
Date: Tue, 30 Jun 2020 15:38:00 +0900
Subject: [PATCH 0143/1010] Fixed no-side-effects-in-computed-properties when
 el is object (#1226)

* Fix scopeStack

* Remove comma
---
 lib/rules/no-side-effects-in-computed-properties.js  | 12 +++---------
 .../rules/no-side-effects-in-computed-properties.js  |  7 +++++++
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index e6cd548e9..761b1ac61 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -31,15 +31,9 @@ module.exports = {
   create(context) {
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
-    /**
-     * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
-     * @property {BlockStatement | Expression} body
-     */
-    /**
-     * @type {ScopeStack}
-     */
-    let scopeStack
+
+    /** @type { { upper: any, body: null | BlockStatement | Expression } } */
+    let scopeStack = { upper: null, body: null }
 
     /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
     function onFunctionEnter(node) {
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index b2f341a18..40caaf0c9 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -173,6 +173,13 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         }
       })`,
       parserOptions
+    },
+    {
+      code: `const test = { el: '#app' }
+        Vue.component('test', {
+        el: test.el
+      })`,
+      parserOptions
     }
   ],
   invalid: [

From a744a9ddb1eed6ecfed6b475f554dd257e79ac47 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 30 Jun 2020 16:18:33 +0900
Subject: [PATCH 0144/1010] Fixed crash in
 `vue/no-async-in-computed-properties`, `vue/no-setup-props-destructure` and
 `vue/no-watch-after-await` (#1227)

---
 lib/rules/no-async-in-computed-properties.js  | 22 ++++++++++---
 lib/rules/no-bare-strings-in-template.js      | 10 +++---
 lib/rules/no-lifecycle-after-await.js         | 27 +++++++++-------
 lib/rules/no-setup-props-destructure.js       | 19 ++++++++---
 .../no-side-effects-in-computed-properties.js | 21 +++++++++---
 lib/rules/no-template-shadow.js               | 20 ++++++------
 lib/rules/no-watch-after-await.js             | 19 ++++++++---
 lib/rules/require-direct-export.js            |  6 ++--
 lib/rules/require-valid-default-prop.js       | 20 +++++++++---
 lib/rules/return-in-emits-validator.js        | 13 +++++---
 lib/rules/sort-keys.js                        | 32 +++++++++++--------
 lib/rules/this-in-template.js                 | 32 ++++++++++++-------
 .../rules/no-async-in-computed-properties.js  |  8 +++++
 tests/lib/rules/no-setup-props-destructure.js |  6 ++++
 tests/lib/rules/no-watch-after-await.js       |  6 ++++
 15 files changed, 179 insertions(+), 82 deletions(-)

diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index e3080d7d5..da11e0426 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -80,13 +80,13 @@ module.exports = {
   create(context) {
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
+     * @property {ScopeStack | null} upper
      * @property {BlockStatement | Expression} body
      */
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
-    /** @type {ScopeStack} */
-    let scopeStack
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
     const expressionTypes = {
       promise: 'asynchronous action',
@@ -105,11 +105,14 @@ module.exports = {
         verify(node, node.body, 'async', computedPropertiesMap.get(vueNode))
       }
 
-      scopeStack = { upper: scopeStack, body: node.body }
+      scopeStack = {
+        upper: scopeStack,
+        body: node.body
+      }
     }
 
     function onFunctionExit() {
-      scopeStack = scopeStack.upper
+      scopeStack = scopeStack && scopeStack.upper
     }
 
     /**
@@ -146,6 +149,9 @@ module.exports = {
       ':function:exit': onFunctionExit,
 
       NewExpression(node, { node: vueNode }) {
+        if (!scopeStack) {
+          return
+        }
         if (
           node.callee.type === 'Identifier' &&
           node.callee.name === 'Promise'
@@ -160,6 +166,9 @@ module.exports = {
       },
 
       CallExpression(node, { node: vueNode }) {
+        if (!scopeStack) {
+          return
+        }
         if (isPromise(node)) {
           verify(
             node,
@@ -178,6 +187,9 @@ module.exports = {
       },
 
       AwaitExpression(node, { node: vueNode }) {
+        if (!scopeStack) {
+          return
+        }
         verify(
           node,
           scopeStack.body,
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index 29bc17dbb..e8dc5bfcd 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -160,7 +160,7 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     /**
-     * @typedef { { upper: ElementStack, name: string, attrs: Set<string> } } ElementStack
+     * @typedef { { upper: ElementStack | null, name: string, attrs: Set<string> } } ElementStack
      */
     const opts = context.options[0] || {}
     /** @type {string[]} */
@@ -173,8 +173,8 @@ module.exports = {
       'gu'
     )
 
-    /** @type {ElementStack} */
-    let elementStack
+    /** @type {ElementStack | null} */
+    let elementStack = null
     /**
      * Gets the bare string from given string
      * @param {string} str
@@ -231,11 +231,11 @@ module.exports = {
         }
       },
       'VElement:exit'() {
-        elementStack = elementStack.upper
+        elementStack = elementStack && elementStack.upper
       },
       /** @param {VAttribute|VDirective} node */
       VAttribute(node) {
-        if (!node.value) {
+        if (!node.value || !elementStack) {
           return
         }
         if (node.directive === false) {
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index 2b5304c9b..7688d5b70 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -47,7 +47,7 @@ module.exports = {
      */
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
+     * @property {ScopeStack | null} upper
      * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} functionNode
      */
     /** @type {Set<ESNode>} */
@@ -55,8 +55,8 @@ module.exports = {
     /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, SetupFunctionData>} */
     const setupFunctions = new Map()
 
-    /** @type {ScopeStack} */
-    let scopeStack
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
     return Object.assign(
       {
@@ -81,7 +81,10 @@ module.exports = {
       },
       utils.defineVueVisitor(context, {
         ':function'(node) {
-          scopeStack = { upper: scopeStack, functionNode: node }
+          scopeStack = {
+            upper: scopeStack,
+            functionNode: node
+          }
         },
         onSetupFunctionEnter(node) {
           setupFunctions.set(node, {
@@ -90,18 +93,20 @@ module.exports = {
           })
         },
         AwaitExpression() {
-          const setupFunctionData = setupFunctions.get(
-            scopeStack && scopeStack.functionNode
-          )
+          if (!scopeStack) {
+            return
+          }
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
           if (!setupFunctionData) {
             return
           }
           setupFunctionData.afterAwait = true
         },
         CallExpression(node) {
-          const setupFunctionData = setupFunctions.get(
-            scopeStack && scopeStack.functionNode
-          )
+          if (!scopeStack) {
+            return
+          }
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
           if (!setupFunctionData || !setupFunctionData.afterAwait) {
             return
           }
@@ -118,7 +123,7 @@ module.exports = {
           }
         },
         ':function:exit'(node) {
-          scopeStack = scopeStack.upper
+          scopeStack = scopeStack && scopeStack.upper
 
           setupFunctions.delete(node)
         }
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index 43b1856ee..3c6ce4446 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -68,17 +68,20 @@ module.exports = {
     }
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
+     * @property {ScopeStack | null} upper
      * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} functionNode
      */
     /**
-     * @type {ScopeStack}
+     * @type {ScopeStack | null}
      */
-    let scopeStack
+    let scopeStack = null
 
     return utils.defineVueVisitor(context, {
       ':function'(node) {
-        scopeStack = { upper: scopeStack, functionNode: node }
+        scopeStack = {
+          upper: scopeStack,
+          functionNode: node
+        }
       },
       onSetupFunctionEnter(node) {
         const propsParam = utils.unwrapAssignmentPattern(node.params[0])
@@ -113,6 +116,9 @@ module.exports = {
         setupScopePropsReferenceIds.set(node, propsReferenceIds)
       },
       VariableDeclarator(node) {
+        if (!scopeStack) {
+          return
+        }
         const propsReferenceIds = setupScopePropsReferenceIds.get(
           scopeStack.functionNode
         )
@@ -122,6 +128,9 @@ module.exports = {
         verify(node.id, node.init, propsReferenceIds)
       },
       AssignmentExpression(node) {
+        if (!scopeStack) {
+          return
+        }
         const propsReferenceIds = setupScopePropsReferenceIds.get(
           scopeStack.functionNode
         )
@@ -131,7 +140,7 @@ module.exports = {
         verify(node.left, node.right, propsReferenceIds)
       },
       ':function:exit'(node) {
-        scopeStack = scopeStack.upper
+        scopeStack = scopeStack && scopeStack.upper
 
         setupScopePropsReferenceIds.delete(node)
       }
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 761b1ac61..4d5c79e49 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -32,16 +32,26 @@ module.exports = {
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
 
-    /** @type { { upper: any, body: null | BlockStatement | Expression } } */
-    let scopeStack = { upper: null, body: null }
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {BlockStatement | Expression | null} body
+     */
+    /**
+     * @type {ScopeStack | null}
+     */
+    let scopeStack = null
 
     /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
     function onFunctionEnter(node) {
-      scopeStack = { upper: scopeStack, body: node.body }
+      scopeStack = {
+        upper: scopeStack,
+        body: node.body
+      }
     }
 
     function onFunctionExit() {
-      scopeStack = scopeStack.upper
+      scopeStack = scopeStack && scopeStack.upper
     }
 
     return utils.defineVueVisitor(context, {
@@ -59,6 +69,9 @@ module.exports = {
         node,
         { node: vueNode }
       ) {
+        if (!scopeStack) {
+          return
+        }
         const targetBody = scopeStack.body
         const computedProperty = /** @type {ComponentComputedProperty[]} */ (computedPropertiesMap.get(
           vueNode
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index c228642f4..44f26cf57 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -40,11 +40,11 @@ module.exports = {
 
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} parent
+     * @property {ScopeStack | null} parent
      * @property {Identifier[]} nodes
      */
-    /** @type {ScopeStack} */
-    let scope
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
     // ----------------------------------------------------------------------
     // Public
@@ -55,10 +55,10 @@ module.exports = {
       {
         /** @param {VElement} node */
         VElement(node) {
-          scope = {
-            parent: scope,
-            nodes: scope
-              ? scope.nodes.slice() // make copy
+          scopeStack = {
+            parent: scopeStack,
+            nodes: scopeStack
+              ? scopeStack.nodes.slice() // make copy
               : []
           }
           if (node.variables) {
@@ -66,7 +66,7 @@ module.exports = {
               const varNode = variable.id
               const name = varNode.name
               if (
-                scope.nodes.some((node) => node.name === name) ||
+                scopeStack.nodes.some((node) => node.name === name) ||
                 jsVars.has(name)
               ) {
                 context.report({
@@ -79,13 +79,13 @@ module.exports = {
                   }
                 })
               } else {
-                scope.nodes.push(varNode)
+                scopeStack.nodes.push(varNode)
               }
             }
           }
         },
         'VElement:exit'() {
-          scope = scope.parent
+          scopeStack = scopeStack && scopeStack.parent
         }
       },
       utils.executeOnVue(context, (obj) => {
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index d9a8c3822..fc46dcd6f 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -58,11 +58,11 @@ module.exports = {
 
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
+     * @property {ScopeStack | null} upper
      * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} functionNode
      */
-    /** @type {ScopeStack} */
-    let scopeStack
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
     return Object.assign(
       {
@@ -88,7 +88,10 @@ module.exports = {
       utils.defineVueVisitor(context, {
         /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function'(node) {
-          scopeStack = { upper: scopeStack, functionNode: node }
+          scopeStack = {
+            upper: scopeStack,
+            functionNode: node
+          }
         },
         onSetupFunctionEnter(node) {
           setupFunctions.set(node, {
@@ -97,6 +100,9 @@ module.exports = {
           })
         },
         AwaitExpression() {
+          if (!scopeStack) {
+            return
+          }
           const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
           if (!setupFunctionData) {
             return
@@ -105,6 +111,9 @@ module.exports = {
         },
         /** @param {CallExpression} node */
         CallExpression(node) {
+          if (!scopeStack) {
+            return
+          }
           const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
           if (!setupFunctionData || !setupFunctionData.afterAwait) {
             return
@@ -119,7 +128,7 @@ module.exports = {
         },
         /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function:exit'(node) {
-          scopeStack = scopeStack.upper
+          scopeStack = scopeStack && scopeStack.upper
 
           setupFunctions.delete(node)
         }
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 4464569ff..c3eaebd01 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -39,14 +39,14 @@ module.exports = {
 
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
+     * @property {ScopeStack | null} upper
      * @property {boolean} withinVue3FunctionalBody
      */
 
     /** @type { { body: BlockStatement, hasReturnArgument: boolean } } */
     let maybeVue3Functional
-    /** @type {ScopeStack} */
-    let scopeStack
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
     return {
       /** @param {Declaration | Expression} node */
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 5003d20c7..3779fa9ab 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -106,17 +106,29 @@ module.exports = {
      */
     const vueObjectPropsContexts = new Map()
 
-    /** @type { { upper: any, body: null | BlockStatement | Expression, returnTypes?: null | ReturnType[] } } */
-    let scopeStack = { upper: null, body: null, returnTypes: null }
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {BlockStatement | Expression} body
+     * @property {null | ReturnType[]} [returnTypes]
+     */
+    /**
+     * @type {ScopeStack | null}
+     */
+    let scopeStack = null
     /**
      * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
      */
     function onFunctionEnter(node) {
-      scopeStack = { upper: scopeStack, body: node.body, returnTypes: null }
+      scopeStack = {
+        upper: scopeStack,
+        body: node.body,
+        returnTypes: null
+      }
     }
 
     function onFunctionExit() {
-      scopeStack = scopeStack.upper
+      scopeStack = scopeStack && scopeStack.upper
     }
 
     /**
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 15493a8d0..c4ced9074 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -57,15 +57,15 @@ module.exports = {
 
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} upper
+     * @property {ScopeStack | null} upper
      * @property {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} functionNode
      * @property {boolean} hasReturnValue
      * @property {boolean} possibleOfReturnTrue
      */
     /**
-     * @type {ScopeStack}
+     * @type {ScopeStack | null}
      */
-    let scopeStack
+    let scopeStack = null
 
     return Object.assign(
       {},
@@ -105,6 +105,9 @@ module.exports = {
         },
         /** @param {ReturnStatement} node */
         ReturnStatement(node) {
+          if (!scopeStack) {
+            return
+          }
           if (node.argument) {
             scopeStack.hasReturnValue = true
 
@@ -115,7 +118,7 @@ module.exports = {
         },
         /** @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node */
         ':function:exit'(node) {
-          if (!scopeStack.possibleOfReturnTrue) {
+          if (scopeStack && !scopeStack.possibleOfReturnTrue) {
             const emits = emitsValidators.find((e) => e.value === node)
             if (emits) {
               context.report({
@@ -130,7 +133,7 @@ module.exports = {
             }
           }
 
-          scopeStack = scopeStack.upper
+          scopeStack = scopeStack && scopeStack.upper
         }
       })
     )
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 5e4fa3c10..664186bdd 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -154,7 +154,7 @@ module.exports = {
 
     /**
      * @typedef {object} ObjectStack
-     * @property {ObjectStack} ObjectStack.upper
+     * @property {ObjectStack | null} ObjectStack.upper
      * @property {string | null} ObjectStack.prevName
      * @property {number} ObjectStack.numKeys
      * @property {VueState} ObjectStack.vueState
@@ -170,17 +170,17 @@ module.exports = {
 
     /**
      * The stack to save the previous property's name for each object literals.
-     * @type {ObjectStack}
+     * @type {ObjectStack | null}
      */
-    let stack
+    let objectStack
 
     return {
       ObjectExpression(node) {
         /** @type {VueState} */
         const vueState = {}
-        const upperVueState = (stack && stack.vueState) || {}
-        stack = {
-          upper: stack,
+        const upperVueState = (objectStack && objectStack.vueState) || {}
+        objectStack = {
+          upper: objectStack,
           prevName: null,
           numKeys: node.properties.length,
           vueState
@@ -232,24 +232,30 @@ module.exports = {
         }
       },
       'ObjectExpression:exit'() {
-        stack = stack.upper
+        objectStack = objectStack && objectStack.upper
       },
       SpreadElement(node) {
+        if (!objectStack) {
+          return
+        }
         if (node.parent.type === 'ObjectExpression') {
-          stack.prevName = null
+          objectStack.prevName = null
         }
       },
       'ObjectExpression > Property'(node) {
-        stack.vueState.currentProperty = node
-        if (stack.vueState.ignore) {
+        if (!objectStack) {
+          return
+        }
+        objectStack.vueState.currentProperty = node
+        if (objectStack.vueState.ignore) {
           return
         }
-        const prevName = stack.prevName
-        const numKeys = stack.numKeys
+        const prevName = objectStack.prevName
+        const numKeys = objectStack.numKeys
         const thisName = getPropertyName(node)
 
         if (thisName !== null) {
-          stack.prevName = thisName
+          objectStack.prevName = thisName
         }
 
         if (prevName === null || thisName === null || numKeys < minKeys) {
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 10c89a81e..0efa03035 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -41,44 +41,47 @@ module.exports = {
     const options = context.options[0] !== 'always' ? 'never' : 'always'
     /**
      * @typedef {object} ScopeStack
-     * @property {ScopeStack} parent
+     * @property {ScopeStack | null} parent
      * @property {Identifier[]} nodes
      */
 
-    /** @type {ScopeStack} */
-    let scope
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VElement} node */
       VElement(node) {
-        scope = {
-          parent: scope,
-          nodes: scope
-            ? scope.nodes.slice() // make copy
+        scopeStack = {
+          parent: scopeStack,
+          nodes: scopeStack
+            ? scopeStack.nodes.slice() // make copy
             : []
         }
         if (node.variables) {
           for (const variable of node.variables) {
             const varNode = variable.id
             const name = varNode.name
-            if (!scope.nodes.some((node) => node.name === name)) {
+            if (!scopeStack.nodes.some((node) => node.name === name)) {
               // Prevent adding duplicates
-              scope.nodes.push(varNode)
+              scopeStack.nodes.push(varNode)
             }
           }
         }
       },
       'VElement:exit'() {
-        scope = scope.parent
+        scopeStack = scopeStack && scopeStack.parent
       },
       ...(options === 'never'
         ? {
             /** @param { ThisExpression & { parent: MemberExpression } } node */
             'VExpressionContainer MemberExpression > ThisExpression'(node) {
+              if (!scopeStack) {
+                return
+              }
               const propertyName = utils.getStaticPropertyName(node.parent)
               if (
                 !propertyName ||
-                scope.nodes.some((el) => el.name === propertyName) ||
+                scopeStack.nodes.some((el) => el.name === propertyName) ||
                 RESERVED_NAMES.has(propertyName) || // this.class | this['class']
                 /^[0-9].*$|[^a-zA-Z0-9_]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
               ) {
@@ -95,6 +98,9 @@ module.exports = {
         : {
             /** @param {VExpressionContainer} node */
             VExpressionContainer(node) {
+              if (!scopeStack) {
+                return
+              }
               if (node.parent.type === 'VDirectiveKey') {
                 // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
                 // For example, In `:[this.prop]` case, `:[this` is an argument and `prop]` is a modifier.
@@ -103,7 +109,9 @@ module.exports = {
               if (node.references) {
                 for (const reference of node.references) {
                   if (
-                    !scope.nodes.some((el) => el.name === reference.id.name)
+                    !scopeStack.nodes.some(
+                      (el) => el.name === reference.id.name
+                    )
                   ) {
                     context.report({
                       node: reference.id,
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index b7f0283eb..de6769091 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -223,6 +223,14 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      code: `
+        Vue.component('test',{
+          data1: new Promise(),
+          data2: Promise.resolve(),
+        })`,
+      parserOptions
     }
   ],
 
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index e81d680fc..c0e35df06 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -159,6 +159,12 @@ tester.run('no-setup-props-destructure', rule, {
       }
       </script>
       `
+    },
+    {
+      code: `
+      Vue.component('test', {
+        el: a = b
+      })`
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index 9d91fbb2b..9bc7c04e6 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -91,6 +91,12 @@ tester.run('no-watch-after-await', rule, {
       }
       </script>
       `
+    },
+    {
+      code: `
+      Vue.component('test', {
+        el: foo()
+      })`
     }
   ],
   invalid: [

From e51d97593d52a0a59fd5df4acc537dd2863d1e86 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 30 Jun 2020 16:22:11 +0900
Subject: [PATCH 0145/1010] Fixed tsc error

---
 lib/rules/require-valid-default-prop.js | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 3779fa9ab..a6b2ca95e 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -116,16 +116,6 @@ module.exports = {
      * @type {ScopeStack | null}
      */
     let scopeStack = null
-    /**
-     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
-     */
-    function onFunctionEnter(node) {
-      scopeStack = {
-        upper: scopeStack,
-        body: node.body,
-        returnTypes: null
-      }
-    }
 
     function onFunctionExit() {
       scopeStack = scopeStack && scopeStack.upper
@@ -300,7 +290,11 @@ module.exports = {
        * @param {VueObjectData} data
        */
       ':function'(node, { node: vueNode }) {
-        onFunctionEnter(node)
+        scopeStack = {
+          upper: scopeStack,
+          body: node.body,
+          returnTypes: null
+        }
 
         const data = vueObjectPropsContexts.get(vueNode)
         if (!data) {
@@ -317,6 +311,9 @@ module.exports = {
        * @param {ReturnStatement} node
        */
       ReturnStatement(node) {
+        if (!scopeStack) {
+          return
+        }
         if (scopeStack.returnTypes && node.argument) {
           const type = getValueType(node.argument)
           if (type) {

From a2614ef22d33f98af2d9b300bd88e86b8a35c02f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 30 Jun 2020 16:23:53 +0900
Subject: [PATCH 0146/1010] 7.0.0-alpha.8

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 559386ec0..83845e74d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.7",
+  "version": "7.0.0-alpha.8",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From d88edf13c5ff74a040ffd0a70367481589a4e998 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 4 Jul 2020 07:10:52 +0900
Subject: [PATCH 0147/1010] Fixed crash when using
 `vue/no-empty-component-block` and `vue/padding-line-between-blocks` rules in
 `.js` file (#1232)

---
 lib/rules/no-empty-component-block.js         |  8 +++--
 lib/rules/padding-line-between-blocks.js      |  8 +++--
 tests/lib/rules-without-vue-sfc.js            | 31 +++++++++++++++++++
 tests/lib/rules/no-empty-component-block.js   |  3 +-
 .../lib/rules/padding-line-between-blocks.js  |  3 +-
 .../util-types/parser-services.ts             |  2 +-
 6 files changed, 47 insertions(+), 8 deletions(-)
 create mode 100644 tests/lib/rules-without-vue-sfc.js

diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
index dc776705a..6378dcd83 100644
--- a/lib/rules/no-empty-component-block.js
+++ b/lib/rules/no-empty-component-block.js
@@ -69,10 +69,12 @@ module.exports = {
     if (!context.parserServices.getDocumentFragment) {
       return {}
     }
+    const documentFragment = context.parserServices.getDocumentFragment()
+    if (!documentFragment) {
+      return {}
+    }
 
-    const componentBlocks = context.parserServices
-      .getDocumentFragment()
-      .children.filter(isVElement)
+    const componentBlocks = documentFragment.children.filter(isVElement)
 
     return {
       Program() {
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index b9215e2c9..cc4773703 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -139,12 +139,16 @@ module.exports = {
     if (!context.parserServices.getDocumentFragment) {
       return {}
     }
+    const df = context.parserServices.getDocumentFragment()
+    if (!df) {
+      return {}
+    }
+    const documentFragment = df
+
     /** @type {'always' | 'never'} */
     const option = context.options[0] || 'always'
     const paddingType = PaddingTypes[option]
 
-    const documentFragment = context.parserServices.getDocumentFragment()
-
     /** @type {Token[]} */
     let tokens
     /**
diff --git a/tests/lib/rules-without-vue-sfc.js b/tests/lib/rules-without-vue-sfc.js
new file mode 100644
index 000000000..c1d5eb2be
--- /dev/null
+++ b/tests/lib/rules-without-vue-sfc.js
@@ -0,0 +1,31 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const Linter = require('eslint').Linter
+const parser = require('vue-eslint-parser')
+const rules = require('../..').rules
+
+describe("Don't crash even if without vue SFC.", () => {
+  const code = 'var a = 1'
+
+  for (const key of Object.keys(rules)) {
+    const ruleId = `vue/${key}`
+
+    it(ruleId, () => {
+      const linter = new Linter()
+      const config = {
+        parser: 'vue-eslint-parser',
+        parserOptions: { ecmaVersion: 2015 },
+        rules: {
+          [ruleId]: 'error'
+        }
+      }
+      linter.defineParser('vue-eslint-parser', parser)
+      linter.defineRule(ruleId, rules[key])
+      linter.verifyAndFix(code, config, 'test.js')
+    })
+  }
+})
diff --git a/tests/lib/rules/no-empty-component-block.js b/tests/lib/rules/no-empty-component-block.js
index 92813aa28..8ba6a2f2c 100644
--- a/tests/lib/rules/no-empty-component-block.js
+++ b/tests/lib/rules/no-empty-component-block.js
@@ -22,7 +22,8 @@ tester.run('no-empty-component-block', rule, {
     `<template src="./template.html"></template><script src="./script.js"></script>`,
     `<template src="./template.html" /><script src="./script.js" />`,
     `<template src="./template.html"></template><script src="./script.js"></script><style src="./style.css"></style>`,
-    `<template src="./template.html" /><script src="./script.js" /><style src="./style.css" />`
+    `<template src="./template.html" /><script src="./script.js" /><style src="./style.css" />`,
+    `var a = 1`
   ],
   invalid: [
     {
diff --git a/tests/lib/rules/padding-line-between-blocks.js b/tests/lib/rules/padding-line-between-blocks.js
index f81b2bbf7..622839bdc 100644
--- a/tests/lib/rules/padding-line-between-blocks.js
+++ b/tests/lib/rules/padding-line-between-blocks.js
@@ -83,7 +83,8 @@ tester.run('padding-line-between-blocks', rule, {
       <style></style>
       `,
       options: ['never']
-    }
+    },
+    `var a = 1`
   ],
   invalid: [
     {
diff --git a/typings/eslint-plugin-vue/util-types/parser-services.ts b/typings/eslint-plugin-vue/util-types/parser-services.ts
index c2e68464a..8f6e2a625 100644
--- a/typings/eslint-plugin-vue/util-types/parser-services.ts
+++ b/typings/eslint-plugin-vue/util-types/parser-services.ts
@@ -17,7 +17,7 @@ export interface ParserServices {
     templateBodyVisitor: TemplateListener,
     scriptVisitor?: eslint.Rule.RuleListener
   ) => eslint.Rule.RuleListener
-  getDocumentFragment?: () => VAST.VDocumentFragment
+  getDocumentFragment?: () => VAST.VDocumentFragment | null
 }
 export namespace ParserServices {
   export interface TokenStore {

From 0f704bd9b8526eac707160b792165387f305508f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 4 Jul 2020 07:12:29 +0900
Subject: [PATCH 0148/1010] 7.0.0-alpha.9

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 83845e74d..4ccf68721 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.8",
+  "version": "7.0.0-alpha.9",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c21dde06aca53fd9bf6a2a1ca08cbd21b7aa316c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 9 Jul 2020 10:12:45 +0900
Subject: [PATCH 0149/1010] Move `@types/semver` from dependencies to
 devDependencies. (#1236)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4ccf68721..2c44bcba4 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,6 @@
     "eslint": "^6.0.0 || ^7.0.0"
   },
   "dependencies": {
-    "@types/semver": "^7.2.0",
     "eslint-utils": "^2.0.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
@@ -63,6 +62,7 @@
     "@types/eslint": "^7.2.0",
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
+    "@types/semver": "^7.2.0",
     "@typescript-eslint/parser": "^3.0.2",
     "@vuepress/plugin-pwa": "^1.4.1",
     "babel-eslint": "^10.1.0",

From cfa494913e4faf0a64e1cbbc5927acc75eab7a10 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 9 Jul 2020 16:50:07 +0900
Subject: [PATCH 0150/1010] Update no-empty-component-block.md

---
 docs/rules/no-empty-component-block.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index 25cc0ef1f..5b164b6de 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -17,7 +17,7 @@ See: https://vue-loader.vuejs.org/spec.html#src-imports
 <eslint-code-block :rules="{'vue/no-empty-component-block': ['error']}">
 
 ```vue
-// ✓ GOOD
+<!-- ✓ GOOD -->
 <template>
   <p>foo</p>
 </template>
@@ -42,7 +42,7 @@ See: https://vue-loader.vuejs.org/spec.html#src-imports
 <style src="./style.css" />
 
 
-// ✗ BAD
+<!-- ✗ BAD -->
 <template></template>
 <template />
 <template src="" />

From fd205ad8c60e8d15387b960559ac652079be7498 Mon Sep 17 00:00:00 2001
From: danyadev <danyadev@mail.ru>
Date: Tue, 14 Jul 2020 03:57:33 +0300
Subject: [PATCH 0151/1010] Changed tabs to spaces in issue template (#1241)

* changed tab to space in bug report template

* remove space
---
 .github/ISSUE_TEMPLATE/bug_report.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 1dd689274..2a02e0226 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -10,10 +10,10 @@ about: Create a report to help us improve
   To make sure it's not, run: yarn eslint src/your-file.vue
 -->
 
-**Tell us about your environment**	
-* **ESLint version:**	
-* **eslint-plugin-vue version:**	
-* **Node version:**	
+**Tell us about your environment**
+* **ESLint version:** 
+* **eslint-plugin-vue version:** 
+* **Node version:** 
 
 **Please show your full configuration:**
 <!-- Paste content of your .eslintrc file -->

From c37f953896daf5c822c22f219bcaff5a75c7f34d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 14 Jul 2020 11:39:17 +0900
Subject: [PATCH 0152/1010] Remove jsx:true from shareable configs. (#1237)

* Remove jsx:true from shareable configs.

* Fixed doc
---
 docs/user-guide/README.md   | 23 +++++++++++++++++++++--
 lib/configs/base.js         |  5 +----
 tools/update-lib-configs.js |  5 +----
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 469cdb941..4579d6c72 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -65,7 +65,7 @@ eslint "src/**/*.{js,vue}"
 If you installed [@vue/cli-plugin-eslint](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint), you should have the `lint` script added to your `package.json`. That means you can just run `yarn lint` or `npm run lint`.
 :::
 
-#### How to use a custom parser?
+### 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.
 
@@ -197,7 +197,7 @@ If you already use another parser (e.g. `"parser": "babel-eslint"`), please move
 + "parser": "vue-eslint-parser",
   "parserOptions": {
 +     "parser": "babel-eslint",
-      "ecmaVersion": 2017,
+      "ecmaVersion": 2020,
       "sourceType": "module"
   }
 ```
@@ -264,3 +264,22 @@ module.exports = {
 
 [prettier]: https://prettier.io/
 [eslint-config-prettier]: https://github.com/prettier/eslint-config-prettier
+
+### Using JSX.
+
+If you are using JSX, you need to enable JSX in your ESLint configuration.
+
+```diff
+  "parserOptions": {
+      "ecmaVersion": 2020,
+      "ecmaFeatures": {
++         "jsx": true
+      }
+  }
+```
+
+See also [ESLint - Specifying Parser Options](https://eslint.org/docs/user-guide/configuring#specifying-parser-options).
+
+The same configuration is required when using JSX with TypeScript (TSX) in the `.vue` file.  
+See also [here](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/parser/README.md#parseroptionsecmafeaturesjsx).  
+Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`) when using `jsx: true`.
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 747f2e65c..71279b9a0 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -7,10 +7,7 @@ module.exports = {
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true
-    }
+    sourceType: 'module'
   },
   env: {
     browser: true,
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index ff026eca0..5379decb6 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -50,10 +50,7 @@ module.exports = {
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-    }
+    sourceType: 'module'
   },
   env: {
     browser: true,

From cc8450d8e97165c8420fd60e095442bc13636ee3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 14 Jul 2020 11:41:24 +0900
Subject: [PATCH 0153/1010] Add `vue/no-lone-template` rule (#1238)

---
 docs/rules/README.md                |   2 +
 docs/rules/no-lone-template.md      |  82 +++++++++++++
 lib/configs/recommended.js          |   1 +
 lib/configs/vue3-recommended.js     |   1 +
 lib/index.js                        |   1 +
 lib/rules/no-lone-template.js       | 129 ++++++++++++++++++++
 tests/lib/rules/no-lone-template.js | 181 ++++++++++++++++++++++++++++
 7 files changed, 397 insertions(+)
 create mode 100644 docs/rules/no-lone-template.md
 create mode 100644 lib/rules/no-lone-template.js
 create mode 100644 tests/lib/rules/no-lone-template.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e2353b631..6b74ad281 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -148,6 +148,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
 | [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
@@ -256,6 +257,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
 | [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
new file mode 100644
index 000000000..c3ea7b71d
--- /dev/null
+++ b/docs/rules/no-lone-template.md
@@ -0,0 +1,82 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-lone-template
+description: disallow unnecessary `<template>`
+---
+# vue/no-lone-template
+> disallow unnecessary `<template>`
+
+- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule aims to eliminate unnecessary and potentially confusing `<template>`.  
+In Vue.js 2.x, the `<template>` elements that have no specific directives have no effect.  
+In Vue.js 3.x, the `<template>` elements that have no specific directives render the `<template>` elements as is, but in most cases this may not be what you intended.
+
+<eslint-code-block :rules="{'vue/no-lone-template': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <template v-if="foo">...</template>
+  <template v-else-if="bar">...</template>
+  <template v-else>...</template>
+  <template v-for="e in list">...</template>
+  <template v-slot>...</template>
+
+  <!-- ✗ BAD -->
+  <template>...</template>
+  <template/>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-lone-template": ["error", {
+    "ignoreAccessible": false
+  }]
+}
+```
+
+- `ignoreAccessible` ... If `true`, ignore accessible `<template>` elements. default `false`.  
+  Note: this option is useless if you are using Vue.js 2.x.
+
+### `"ignoreAccessible": true`
+
+<eslint-code-block :rules="{'vue/no-lone-template': ['error', { 'ignoreAccessible': true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <template ref="foo">...</template>
+  <template id="bar">...</template>
+
+  <!-- ✗ BAD -->
+  <template class="baz">...</template>
+</template>
+```
+
+</eslint-code-block>
+
+## :mute: When Not To Use It
+
+If you are using Vue.js 3.x and want to define the `<template>` element intentionally, you will have to turn this rule off or use `"ignoreAccessible"` option.
+
+## :couple: Related rules
+
+- [vue/no-template-key]
+- [no-lone-blocks]
+
+[no-lone-blocks]: https://eslint.org/docs/rules/no-lone-blocks
+[vue/no-template-key]: ./no-template-key.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-lone-template.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-lone-template.js)
diff --git a/lib/configs/recommended.js b/lib/configs/recommended.js
index e6388e158..61781f754 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
+    'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
diff --git a/lib/configs/vue3-recommended.js b/lib/configs/vue3-recommended.js
index 318690c33..452703dcb 100644
--- a/lib/configs/vue3-recommended.js
+++ b/lib/configs/vue3-recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
+    'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
diff --git a/lib/index.js b/lib/index.js
index ae86686a7..8e54379af 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -74,6 +74,7 @@ module.exports = {
     'no-extra-parens': require('./rules/no-extra-parens'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
+    'no-lone-template': require('./rules/no-lone-template'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
     'no-multiple-objects-in-class': require('./rules/no-multiple-objects-in-class'),
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
diff --git a/lib/rules/no-lone-template.js b/lib/rules/no-lone-template.js
new file mode 100644
index 000000000..b56c60815
--- /dev/null
+++ b/lib/rules/no-lone-template.js
@@ -0,0 +1,129 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+// https://github.com/vuejs/vue-next/blob/64e2f4643602c5980361e66674141e61ba60ef70/packages/compiler-core/src/parse.ts#L405
+const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
+  'if',
+  'else',
+  'else-if',
+  'for',
+  'slot'
+])
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow unnecessary `<template>`',
+      categories: ['vue3-recommended', 'recommended'],
+      url: 'https://eslint.vuejs.org/rules/no-lone-template.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreAccessible: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      requireDirective: '`<template>` require directive.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || {}
+    const ignoreAccessible = options.ignoreAccessible === true
+
+    /**
+     * @param {VAttribute | VDirective} attr
+     */
+    function getKeyName(attr) {
+      if (attr.directive) {
+        if (attr.key.name.name !== 'bind') {
+          // no v-bind
+          return null
+        }
+        if (
+          !attr.key.argument ||
+          attr.key.argument.type === 'VExpressionContainer'
+        ) {
+          // unknown
+          return null
+        }
+        return attr.key.argument.name
+      }
+      return attr.key.name
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VStartTag} node */
+      "VElement[name='template'][parent.type='VElement'] > VStartTag"(node) {
+        if (
+          node.attributes.some((attr) => {
+            if (attr.directive) {
+              const directiveName = attr.key.name.name
+              if (SPECIAL_TEMPLATE_DIRECTIVES.has(directiveName)) {
+                return true
+              }
+              if (directiveName === 'slot-scope') {
+                // `slot-scope` is deprecated in Vue.js 2.6
+                return true
+              }
+              if (directiveName === 'scope') {
+                // `scope` is deprecated in Vue.js 2.5
+                return true
+              }
+            }
+
+            const keyName = getKeyName(attr)
+            if (keyName === 'slot') {
+              // `slot` is deprecated in Vue.js 2.6
+              return true
+            }
+
+            return false
+          })
+        ) {
+          return
+        }
+
+        if (
+          ignoreAccessible &&
+          node.attributes.some((attr) => {
+            const keyName = getKeyName(attr)
+            return keyName === 'id' || keyName === 'ref'
+          })
+        ) {
+          return
+        }
+
+        context.report({
+          node,
+          messageId: 'requireDirective'
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-lone-template.js b/tests/lib/rules/no-lone-template.js
new file mode 100644
index 000000000..947934fcd
--- /dev/null
+++ b/tests/lib/rules/no-lone-template.js
@@ -0,0 +1,181 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-lone-template')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-lone-template', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-if="foo">...</template>
+        <template v-else-if="bar">...</template>
+        <template v-else>...</template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-for="e in list">...</template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-slot>...</template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <CoolButton>
+         <template slot="foo">...</template>
+        </CoolButton>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <CoolButton>
+         <template slot-scope="foo">...</template>
+        </CoolButton>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <CoolButton>
+         <template scope="foo">...</template>
+        </CoolButton>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template id="a">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template :id="a">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template ref="b">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template :ref="b">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template>...</template>
+      </template>
+      `,
+      errors: [
+        {
+          message: '`<template>` require directive.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 19
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template/>
+      </template>
+      `,
+      errors: ['`<template>` require directive.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-on:id="a">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }],
+      errors: ['`<template>` require directive.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-bind="id">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }],
+      errors: ['`<template>` require directive.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-bind:[foo]="id">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }],
+      errors: ['`<template>` require directive.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template class="b">...</template>
+      </template>
+      `,
+      options: [{ ignoreAccessible: true }],
+      errors: ['`<template>` require directive.']
+    }
+  ]
+})

From fec4e419b591c03606c15b081a12c35018f074ea Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 14 Jul 2020 11:43:17 +0900
Subject: [PATCH 0154/1010] Add `vue/no-dupe-v-else-if` rule (#1239)

---
 docs/rules/README.md                          |   2 +
 docs/rules/no-dupe-v-else-if.md               |  98 +++
 lib/configs/essential.js                      |   1 +
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/no-dupe-v-else-if.js                | 193 +++++
 lib/utils/index.js                            |  26 +
 tests/lib/rules/no-dupe-v-else-if.js          | 662 ++++++++++++++++++
 .../eslint-plugin-vue/util-types/ast/ast.ts   | 104 ++-
 9 files changed, 1072 insertions(+), 16 deletions(-)
 create mode 100644 docs/rules/no-dupe-v-else-if.md
 create mode 100644 lib/rules/no-dupe-v-else-if.js
 create mode 100644 tests/lib/rules/no-dupe-v-else-if.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 6b74ad281..3dc1c2550 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -58,6 +58,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
+| [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
 | [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
@@ -171,6 +172,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
+| [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
 | [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  |
 | [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
new file mode 100644
index 000000000..2960bdbb1
--- /dev/null
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -0,0 +1,98 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-dupe-v-else-if
+description: disallow duplicate conditions in `v-if` / `v-else-if` chains
+---
+# vue/no-dupe-v-else-if
+> disallow duplicate conditions in `v-if` / `v-else-if` chains
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule disallows duplicate conditions in the same `v-if` / `v-else-if` chain.
+
+<eslint-code-block :rules="{'vue/no-dupe-v-else-if': ['error']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <div v-if="isSomething(x)" />
+  <div v-else-if="isSomething(x)" />
+
+  <div v-if="a" />
+  <div v-else-if="b" />
+  <div v-else-if="c && d" />
+  <div v-else-if="c && d" />
+
+  <div v-if="n === 1" />
+  <div v-else-if="n === 2" />
+  <div v-else-if="n === 3" />
+  <div v-else-if="n === 2" />
+  <div v-else-if="n === 5" />
+
+  <!-- ✓ GOOD -->
+  <div v-if="isSomething(x)" />
+  <div v-else-if="isSomethingElse(x)" />
+
+  <div v-if="a" />
+  <div v-else-if="b" />
+  <div v-else-if="c && d" />
+  <div v-else-if="c && e" />
+
+  <div v-if="n === 1" />
+  <div v-else-if="n === 2" />
+  <div v-else-if="n === 3" />
+  <div v-else-if="n === 4" />
+  <div v-else-if="n === 5" />
+</template>
+```
+
+</eslint-code-block>
+
+This rule can also detect some cases where the conditions are not identical, but the branch can never execute due to the logic of `||` and `&&` operators.
+
+<eslint-code-block :rules="{'vue/no-dupe-v-else-if': ['error']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <div v-if="a || b" />
+  <div v-else-if="a" />
+
+  <div v-if="a" />
+  <div v-else-if="b" />
+  <div v-else-if="a || b" />
+
+  <div v-if="a" />
+  <div v-else-if="a && b" />
+
+  <div v-if="a && b" />
+  <div v-else-if="a && b && c" />
+
+  <div v-if="a || b" />
+  <div v-else-if="b && c" />
+
+  <div v-if="a" />
+  <div v-else-if="b && c" />
+  <div v-else-if="d && (c && e && b || a)" />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related rules
+
+- [no-dupe-else-if]
+
+[no-dupe-else-if]: https://eslint.org/docs/rules/no-dupe-else-if
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-dupe-v-else-if.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-dupe-v-else-if.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 9005982b7..722cf1fa1 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -11,6 +11,7 @@ module.exports = {
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-custom-modifiers-on-v-model': 'error',
     'vue/no-dupe-keys': 'error',
+    'vue/no-dupe-v-else-if': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-multiple-template-root': 'error',
     'vue/no-mutating-props': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 432df355b..5adbbcd23 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -26,6 +26,7 @@ module.exports = {
     'vue/no-deprecated-v-on-number-modifiers': 'error',
     'vue/no-deprecated-vue-config-keycodes': 'error',
     'vue/no-dupe-keys': 'error',
+    'vue/no-dupe-v-else-if': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-lifecycle-after-await': 'error',
     'vue/no-mutating-props': 'error',
diff --git a/lib/index.js b/lib/index.js
index 8e54379af..282ddd399 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -67,6 +67,7 @@ module.exports = {
     'no-deprecated-v-on-number-modifiers': require('./rules/no-deprecated-v-on-number-modifiers'),
     'no-deprecated-vue-config-keycodes': require('./rules/no-deprecated-vue-config-keycodes'),
     'no-dupe-keys': require('./rules/no-dupe-keys'),
+    'no-dupe-v-else-if': require('./rules/no-dupe-v-else-if'),
     'no-duplicate-attr-inheritance': require('./rules/no-duplicate-attr-inheritance'),
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-component-block': require('./rules/no-empty-component-block'),
diff --git a/lib/rules/no-dupe-v-else-if.js b/lib/rules/no-dupe-v-else-if.js
new file mode 100644
index 000000000..8e3a3dec1
--- /dev/null
+++ b/lib/rules/no-dupe-v-else-if.js
@@ -0,0 +1,193 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @typedef {NonNullable<VExpressionContainer['expression']>} VExpression
+ */
+/**
+ * @typedef {object} OrOperands
+ * @property {VExpression} OrOperands.node
+ * @property {AndOperands[]} OrOperands.operands
+ *
+ * @typedef {object} AndOperands
+ * @property {VExpression} AndOperands.node
+ * @property {VExpression[]} AndOperands.operands
+ */
+/**
+ * Splits the given node by the given logical operator.
+ * @param {string} operator Logical operator `||` or `&&`.
+ * @param {VExpression} node The node to split.
+ * @returns {VExpression[]} Array of conditions that makes the node when joined by the operator.
+ */
+function splitByLogicalOperator(operator, node) {
+  if (node.type === 'LogicalExpression' && node.operator === operator) {
+    return [
+      ...splitByLogicalOperator(operator, node.left),
+      ...splitByLogicalOperator(operator, node.right)
+    ]
+  }
+  return [node]
+}
+
+/**
+ * @param {VExpression} node
+ */
+function splitByOr(node) {
+  return splitByLogicalOperator('||', node)
+}
+/**
+ * @param {VExpression} node
+ */
+function splitByAnd(node) {
+  return splitByLogicalOperator('&&', node)
+}
+
+/**
+ * @param {VExpression} node
+ * @returns {OrOperands}
+ */
+function buildOrOperands(node) {
+  const orOperands = splitByOr(node)
+  return {
+    node,
+    operands: orOperands.map((orOperand) => {
+      const andOperands = splitByAnd(orOperand)
+      return {
+        node: orOperand,
+        operands: andOperands
+      }
+    })
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow duplicate conditions in `v-if` / `v-else-if` chains',
+      categories: ['vue3-essential', 'essential'],
+      url: 'https://eslint.vuejs.org/rules/no-dupe-v-else-if.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected:
+        'This branch can never execute. Its condition is a duplicate or covered by previous conditions in the `v-if` / `v-else-if` chain.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const tokenStore =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
+    /**
+     * Determines whether the two given nodes are considered to be equal. In particular, given that the nodes
+     * represent expressions in a boolean context, `||` and `&&` can be considered as commutative operators.
+     * @param {VExpression} a First node.
+     * @param {VExpression} b Second node.
+     * @returns {boolean} `true` if the nodes are considered to be equal.
+     */
+    function equal(a, b) {
+      if (a.type !== b.type) {
+        return false
+      }
+
+      if (
+        a.type === 'LogicalExpression' &&
+        b.type === 'LogicalExpression' &&
+        (a.operator === '||' || a.operator === '&&') &&
+        a.operator === b.operator
+      ) {
+        return (
+          (equal(a.left, b.left) && equal(a.right, b.right)) ||
+          (equal(a.left, b.right) && equal(a.right, b.left))
+        )
+      }
+
+      return utils.equalTokens(a, b, tokenStore)
+    }
+
+    /**
+     * Determines whether the first given AndOperands is a subset of the second given AndOperands.
+     *
+     * e.g. A: (a && b), B: (a && b && c): B is a subset of A.
+     *
+     * @param {AndOperands} operandsA The AndOperands to compare from.
+     * @param {AndOperands} operandsB The AndOperands to compare against.
+     * @returns {boolean} `true` if the `andOperandsA` is a subset of the `andOperandsB`.
+     */
+    function isSubset(operandsA, operandsB) {
+      return operandsA.operands.every((operandA) =>
+        operandsB.operands.some((operandB) => equal(operandA, operandB))
+      )
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='else-if']"(node) {
+        if (!node.value || !node.value.expression) {
+          return
+        }
+        const test = node.value.expression
+        const conditionsToCheck =
+          test.type === 'LogicalExpression' && test.operator === '&&'
+            ? [...splitByAnd(test), test]
+            : [test]
+        const listToCheck = conditionsToCheck.map(buildOrOperands)
+
+        /** @type {VElement | null} */
+        let current = node.parent.parent
+        while (current && (current = utils.prevSibling(current))) {
+          const vIf = utils.getDirective(current, 'if')
+          const currentTestDir = vIf || utils.getDirective(current, 'else-if')
+          if (!currentTestDir) {
+            return
+          }
+          if (currentTestDir.value && currentTestDir.value.expression) {
+            const currentOrOperands = buildOrOperands(
+              currentTestDir.value.expression
+            )
+
+            for (const condition of listToCheck) {
+              const operands = (condition.operands = condition.operands.filter(
+                (orOperand) => {
+                  return !currentOrOperands.operands.some((currentOrOperand) =>
+                    isSubset(currentOrOperand, orOperand)
+                  )
+                }
+              ))
+              if (!operands.length) {
+                context.report({
+                  node: condition.node,
+                  messageId: 'unexpected'
+                })
+                return
+              }
+            }
+          }
+
+          if (vIf) {
+            return
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index a0710a8d9..7fae65530 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1530,6 +1530,32 @@ module.exports = {
 
       return null
     }
+  },
+
+  /**
+   * Checks whether or not the tokens of two given nodes are same.
+   * @param {ASTNode} left A node 1 to compare.
+   * @param {ASTNode} right A node 2 to compare.
+   * @param {ParserServices.TokenStore | SourceCode} sourceCode The ESLint source code object.
+   * @returns {boolean} the source code for the given node.
+   */
+  equalTokens(left, right, sourceCode) {
+    const tokensL = sourceCode.getTokens(left)
+    const tokensR = sourceCode.getTokens(right)
+
+    if (tokensL.length !== tokensR.length) {
+      return false
+    }
+    for (let i = 0; i < tokensL.length; ++i) {
+      if (
+        tokensL[i].type !== tokensR[i].type ||
+        tokensL[i].value !== tokensR[i].value
+      ) {
+        return false
+      }
+    }
+
+    return true
   }
 }
 
diff --git a/tests/lib/rules/no-dupe-v-else-if.js b/tests/lib/rules/no-dupe-v-else-if.js
new file mode 100644
index 000000000..0b5698fe8
--- /dev/null
+++ b/tests/lib/rules/no-dupe-v-else-if.js
@@ -0,0 +1,662 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-dupe-v-else-if')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-dupe-v-else-if', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else-if="bar" />
+        <div v-else-if="baz" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" >
+          <div v-else-if="foo" />
+        </div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else-if="bar" />
+        <div v-if="bar" />
+        <div v-else-if="foo" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="isSomething(x)" />
+        <div v-else-if="isSomethingElse(x)" />
+
+        <div v-if="a" />
+        <div v-else-if="b" />
+        <div v-else-if="c && d" />
+        <div v-else-if="c && e" />
+
+        <div v-if="n === 1" />
+        <div v-else-if="n === 2" />
+        <div v-else-if="n === 3" />
+        <div v-else-if="n === 4" />
+        <div v-else-if="n === 5" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div />
+        <div v-else-if="foo" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if />
+        <div v-else-if />
+      </template>
+      `
+    },
+    // parse error
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo." />
+        <div v-else-if="foo." />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-else-if="foo." />
+        <div v-else-if="foo" />
+      </template>
+      `
+    },
+
+    // Referred to the ESLint core rule.
+    '<template><div v-if="a" /><div v-else-if="b" /></template>',
+    '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /></template>',
+    '<template><div v-if="true" /><div v-else-if="false" /></template>',
+    '<template><div v-if="1" /><div v-else-if="2" /></template>',
+    '<template><div v-if="f" /><div v-else-if="f()" /></template>',
+    '<template><div v-if="f(a)" /><div v-else-if="g(a)" /></template>',
+    '<template><div v-if="f(a)" /><div v-else-if="f(b)" /></template>',
+    '<template><div v-if="a === 1" /><div v-else-if="a === 2" /></template>',
+    '<template><div v-if="a === 1" /><div v-else-if="b === 1" /></template>',
+    '<template><div v-if="a" /></template>',
+    '<template><div v-if="a"><div v-if="a" /></div></template>',
+    '<template><div v-if="a"><div v-if="b" /></div><div v-else-if="b" /></template>',
+    '<template><div v-if="a"><div v-if="b" /><div v-else-if="a" /></div></template>',
+    '<template><div v-if="a" /><div v-else-if="!!a" /></template>',
+    '<template><div v-if="a === 1" /><div v-else-if="a === (1)" /></template>',
+    '<template><div v-if="a || b" /><div v-else-if="c || d" /></template>',
+    '<template><div v-if="a || b" /><div v-else-if="a || c" /></template>',
+    '<template><div v-if="a" /><div v-else-if="a || b" /></template>',
+    '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a || b || c" /></template>',
+    '<template><div v-if="a && b" /><div v-else-if="a" /><div v-else-if="b" /></template>',
+    '<template><div v-if="a && b" /><div v-else-if="b && c" /><div v-else-if="a && c" /></template>',
+    '<template><div v-if="a && b" /><div v-else-if="b || c" /></template>',
+    '<template><div v-if="a" /><div v-else-if="b && (a || c)" /></template>',
+    '<template><div v-if="a" /><div v-else-if="b && (c || d && a)" /></template>',
+    '<template><div v-if="a && b && c" /><div v-else-if="a && b && (c || d)" /></template>'
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else-if="foo" />
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            'This branch can never execute. Its condition is a duplicate or covered by previous conditions in the `v-if` / `v-else-if` chain.',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="isSomething(x)" />
+        <div v-else-if="isSomething(x)" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a" />
+        <div v-else-if="b" />
+        <div v-else-if="c && d" />
+        <div v-else-if="c && d" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="n === 1" />
+        <div v-else-if="n === 2" />
+        <div v-else-if="n === 3" />
+        <div v-else-if="n === 2" />
+        <div v-else-if="n === 5" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a || b" />
+        <div v-else-if="a" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a" />
+        <div v-else-if="b" />
+        <div v-else-if="a || b" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a" />
+        <div v-else-if="a && b" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a && b" />
+        <div v-else-if="a && b && c" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a || b" />
+        <div v-else-if="b && c" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a" />
+        <div v-else-if="b && c" />
+        <div v-else-if="d && (c && e && b || a)" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else-if="foo && bar" />
+        <div v-else-if="baz && foo" />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 28
+        },
+        {
+          messageId: 'unexpected',
+          line: 5,
+          column: 32,
+          endLine: 5,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a && b" />
+        <div v-else-if="a && b && c" />
+        <div v-else-if="a && c && b" />
+      </template>
+      `,
+      errors: [
+        { messageId: 'unexpected', line: 4 },
+        { messageId: 'unexpected', line: 5 }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a || b" />
+        <div v-else-if="a" />
+        <div v-else-if="b" />
+      </template>
+      `,
+      errors: [
+        { messageId: 'unexpected', line: 4 },
+        { messageId: 'unexpected', line: 5 }
+      ]
+    },
+    {
+      filename: 'foo.vue',
+      code: `
+      <template>
+        <div v-if      ="((f && e) || d) && c || (b && a)" />
+        <div v-else-if ="(a && b) || (c && (d || (e && f)))" />
+        <div v-else-if ="(a && b) || (c && (d || (e && f)))" />
+      </template>
+      `,
+      errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
+    },
+
+    // Referred to the ESLint core rule.
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /><div v-else-if="d" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b" /><div v-else-if="e" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="a" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
+      errors: [
+        { messageId: 'unexpected' },
+        { messageId: 'unexpected' },
+        { messageId: 'unexpected' }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a"><div v-if="b" /></div><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a === 1" /><div v-else-if="a === 1" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="1 < a" /><div v-else-if="1 < a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="true" /><div v-else-if="true" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a && b" /><div v-else-if="a && b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a && b || c" /><div v-else-if="a && b || c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="f(a)" /><div v-else-if="f(a)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a === 1" /><div v-else-if="a===1" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a === 1" /><div v-else-if="a === /* comment */ 1" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a || b" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="a" /><div v-else-if="b" /></template>',
+      errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="b || a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a || b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="c || d" /><div v-else-if="a || d" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="(a === b && fn(c)) || d" /><div v-else-if="fn(c) && a === b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a" /><div v-else-if="a && b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a && b" /><div v-else-if="a && b && c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || c" /><div v-else-if="a && b || c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && a || b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || b)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (a || e && c && b)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b && c" /><div v-else-if="b && c && d" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="b && c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="(a || b) && c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="(a && (b || c)) || d" /><div v-else-if="(c || b) && e && a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a && b || b && c" /><div v-else-if="a && b && c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (c && e && b || a)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || (b && (c || d))" /><div v-else-if="(d || c) && b" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="(b || a) && c" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b && (a || c)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b || c" /><div v-else-if="a || (b && d) || (c && e)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || (b || c)" /><div v-else-if="a || (b && c)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="(a || c) && (b || d)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || d && b)" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a" /><div v-else-if="a || a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a || a" /><div v-else-if="a || a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a || a" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a" /><div v-else-if="a && a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div v-if="a && a" /><div v-else-if="a && a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="a && a" /><div v-else-if="a" /></template>',
+      errors: [{ messageId: 'unexpected' }]
+    }
+  ]
+})
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index bcdeb93c6..357b56400 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -12,32 +12,104 @@ export type VNodeListenerMap = {
   'VAttribute:exit': V.VAttribute | V.VDirective
   'VAttribute[directive=false]': V.VAttribute
   'VAttribute[directive=false]:exit': V.VAttribute
-  "VAttribute[directive=true][key.name.name='bind']": V.VDirective
-  "VAttribute[directive=true][key.name.name='bind']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='bind']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & {
+          expression: ES.Expression | V.VFilterSequenceExpression | null
+        })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='bind']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & {
+          expression: ES.Expression | V.VFilterSequenceExpression | null
+        })
+      | null
+  }
   "VAttribute[directive=true][key.name.name='cloak']": V.VDirective
   "VAttribute[directive=true][key.name.name='cloak']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='else-if']": V.VDirective
-  "VAttribute[directive=true][key.name.name='else-if']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='else-if']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='else-if']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
   "VAttribute[directive=true][key.name.name='else']": V.VDirective
   "VAttribute[directive=true][key.name.name='else']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='for']": V.VDirective
-  "VAttribute[directive=true][key.name.name='for']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='for']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: V.VForExpression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='for']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: V.VForExpression | null })
+      | null
+  }
   "VAttribute[directive=true][key.name.name='html']": V.VDirective
   "VAttribute[directive=true][key.name.name='html']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='if']": V.VDirective
-  "VAttribute[directive=true][key.name.name='if']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='model']": V.VDirective
-  "VAttribute[directive=true][key.name.name='model']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='on']": V.VDirective
-  "VAttribute[directive=true][key.name.name='on']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='if']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='if']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='model']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='model']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='on']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & {
+          expression: ES.Expression | V.VOnExpression | null
+        })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='on']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & {
+          expression: ES.Expression | V.VOnExpression | null
+        })
+      | null
+  }
   "VAttribute[directive=true][key.name.name='once']": V.VDirective
   "VAttribute[directive=true][key.name.name='once']:exit": V.VDirective
   "VAttribute[directive=true][key.name.name='pre']": V.VDirective
   "VAttribute[directive=true][key.name.name='pre']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='show']": V.VDirective
-  "VAttribute[directive=true][key.name.name='show']:exit": V.VDirective
-  "VAttribute[directive=true][key.name.name='slot']": V.VDirective
-  "VAttribute[directive=true][key.name.name='slot']:exit": V.VDirective
+  "VAttribute[directive=true][key.name.name='show']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='show']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='slot']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: V.VSlotScopeExpression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='slot']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: V.VSlotScopeExpression | null })
+      | null
+  }
   "VAttribute[directive=true][key.name.name='text']": V.VDirective
   "VAttribute[directive=true][key.name.name='text']:exit": V.VDirective
   'VAttribute[value!=null]':

From 8c981ea43cfce21cae67f4b0aeb60a447f634c0b Mon Sep 17 00:00:00 2001
From: Adam Haglund <adam.lj.haglund@gmail.com>
Date: Tue, 14 Jul 2020 04:56:13 +0200
Subject: [PATCH 0155/1010] Check `@vue/composition-api` Usages in
 `no-ref-as-operand` (#1225)

* check '@vue/composition-api' usages in no-ref-as-operand

* add test cases

* add composition-api checking to no-lifecycle-after-await

* add composition-api checking to no-watch-after-await

* prettier fix

* revert adding vue 2 support for async rules

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 lib/rules/no-ref-as-operand.js       | 36 ++++++++---------
 lib/utils/index.js                   |  9 +++++
 tests/lib/rules/no-ref-as-operand.js | 59 ++++++++++++++++++++++++++++
 3 files changed, 85 insertions(+), 19 deletions(-)

diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index bfb344d24..fb5dc0881 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -52,26 +52,24 @@ module.exports = {
     return {
       Program() {
         const tracker = new ReferenceTracker(context.getScope())
-        const traceMap = {
-          vue: {
-            [ReferenceTracker.ESM]: true,
-            ref: {
-              [ReferenceTracker.CALL]: true
-            },
-            computed: {
-              [ReferenceTracker.CALL]: true
-            },
-            toRef: {
-              [ReferenceTracker.CALL]: true
-            },
-            customRef: {
-              [ReferenceTracker.CALL]: true
-            },
-            shallowRef: {
-              [ReferenceTracker.CALL]: true
-            }
+        const traceMap = utils.createCompositionApiTraceMap({
+          [ReferenceTracker.ESM]: true,
+          ref: {
+            [ReferenceTracker.CALL]: true
+          },
+          computed: {
+            [ReferenceTracker.CALL]: true
+          },
+          toRef: {
+            [ReferenceTracker.CALL]: true
+          },
+          customRef: {
+            [ReferenceTracker.CALL]: true
+          },
+          shallowRef: {
+            [ReferenceTracker.CALL]: true
           }
-        }
+        })
 
         for (const { node, path } of tracker.iterateEsmReferences(traceMap)) {
           const variableDeclarator = node.parent
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 7fae65530..085c596ad 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1532,6 +1532,15 @@ module.exports = {
     }
   },
 
+  /**
+   * Wraps composition API trace map in both 'vue' and '@vue/composition-api' imports
+   * @param {import('eslint-utils').TYPES.TraceMap} map
+   */
+  createCompositionApiTraceMap: (map) => ({
+    vue: map,
+    '@vue/composition-api': map
+  }),
+
   /**
    * Checks whether or not the tokens of two given nodes are same.
    * @param {ASTNode} left A node 1 to compare.
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 5d53a5571..ca553e35c 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -39,6 +39,23 @@ tester.run('no-ref-as-operand', rule, {
     </script>
     `,
     `
+    <script>
+      import { ref } from '@vue/composition-api'
+      export default {
+        setup() {
+          const count = ref(0)
+          console.log(count.value) // 0
+
+          count.value++
+          console.log(count.value) // 1
+          return {
+            count
+          }
+        }
+      }
+    </script>
+    `,
+    `
     import { ref } from 'vue'
     const count = ref(0)
     if (count.value) {}
@@ -202,6 +219,48 @@ tester.run('no-ref-as-operand', rule, {
         }
       ]
     },
+    {
+      code: `
+      <script>
+        import { ref } from '@vue/composition-api'
+        export default {
+          setup() {
+            let count = ref(0)
+
+            count++ // error
+            console.log(count + 1) // error
+            console.log(1 + count) // error
+            return {
+              count
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue',
+          line: 8,
+          column: 13,
+          endLine: 8,
+          endColumn: 18
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 9,
+          column: 25,
+          endLine: 9,
+          endColumn: 30
+        },
+        {
+          messageId: 'requireDotValue',
+          line: 10,
+          column: 29,
+          endLine: 10,
+          endColumn: 34
+        }
+      ]
+    },
     {
       code: `
       import { ref } from 'vue'

From a7f95ce329171c3a492586ca23957027f5cf34dc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 15 Jul 2020 11:39:46 +0900
Subject: [PATCH 0156/1010] Fixed `vue/no-unused-properties`,
 `vue/require-valid-default-prop`, `vue/require-default-prop` and
 `vue/no-multiple-objects-in-class` rules crash on sparse arrays. (#1242)

---
 lib/rules/no-multiple-objects-in-class.js     |  2 +-
 lib/rules/require-default-prop.js             | 22 +++--
 lib/rules/require-prop-type-constructor.js    |  6 +-
 lib/rules/require-valid-default-prop.js       |  4 +-
 lib/utils/index.js                            | 85 +++++++++----------
 .../lib/rules/no-multiple-objects-in-class.js | 11 +++
 tests/lib/rules/no-unused-properties.js       | 15 ++++
 tests/lib/rules/require-default-prop.js       | 15 ++++
 tests/lib/rules/require-valid-default-prop.js | 14 +++
 .../util-types/ast/es-ast.ts                  |  2 +-
 10 files changed, 119 insertions(+), 57 deletions(-)

diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index f2a170641..cf930ebec 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -21,7 +21,7 @@ const { defineTemplateBodyVisitor } = require('../utils')
  */
 function countObjectExpression(node) {
   return node.value.expression.elements.filter(
-    (element) => element.type === 'ObjectExpression'
+    (element) => element && element.type === 'ObjectExpression'
   ).length
 }
 
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index ff014ca8f..ec73e369b 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -10,6 +10,7 @@
  */
 
 const utils = require('../utils')
+const { isDef } = require('../utils')
 
 const NATIVE_TYPES = new Set([
   'String',
@@ -99,16 +100,21 @@ module.exports = {
     /**
      * Detects whether given value node is a Boolean type
      * @param {Expression | Pattern} value
-     * @return {Boolean}
+     * @return {boolean}
      */
     function isValueNodeOfBooleanType(value) {
-      return (
-        (value.type === 'Identifier' && value.name === 'Boolean') ||
-        (value.type === 'ArrayExpression' &&
-          value.elements.length === 1 &&
-          value.elements[0].type === 'Identifier' &&
-          value.elements[0].name === 'Boolean')
-      )
+      if (value.type === 'Identifier' && value.name === 'Boolean') {
+        return true
+      }
+      if (value.type === 'ArrayExpression') {
+        const elements = value.elements.filter(isDef)
+        return (
+          elements.length === 1 &&
+          elements[0].type === 'Identifier' &&
+          elements[0].name === 'Boolean'
+        )
+      }
+      return false
     }
 
     /**
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index 1104c7a33..0f94f0f2c 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
+const { isDef } = require('../utils')
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -49,10 +50,11 @@ module.exports = {
      */
     function checkPropertyNode(propName, node) {
       /** @type {ESNode[]} */
-      const nodes = node.type === 'ArrayExpression' ? node.elements : [node]
+      const nodes =
+        node.type === 'ArrayExpression' ? node.elements.filter(isDef) : [node]
 
       nodes
-        .filter((prop) => prop && isForbiddenType(prop))
+        .filter((prop) => isForbiddenType(prop))
         .forEach((prop) =>
           context.report({
             node: prop,
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index a6b2ca95e..a0444db08 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -58,10 +58,10 @@ function getTypes(node) {
     return node.elements
       .filter(
         /**
-         * @param {Expression | SpreadElement} item
+         * @param {Expression | SpreadElement | null} item
          * @returns {item is Identifier}
          */
-        (item) => item.type === 'Identifier'
+        (item) => item != null && item.type === 'Identifier'
       )
       .map((item) => item.name)
   }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 085c596ad..0a6f7bf33 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -737,29 +737,27 @@ module.exports = {
         }
       })
     } else {
-      return propsNode.value.elements
-        .filter((prop) => prop)
-        .map((prop) => {
-          if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
-            const propName = getStringLiteralValue(prop)
-            if (propName != null) {
-              return {
-                type: 'array',
-                key: prop,
-                propName,
-                value: null,
-                node: prop
-              }
+      return propsNode.value.elements.filter(isDef).map((prop) => {
+        if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+          const propName = getStringLiteralValue(prop)
+          if (propName != null) {
+            return {
+              type: 'array',
+              key: prop,
+              propName,
+              value: null,
+              node: prop
             }
           }
-          return {
-            type: 'array',
-            key: null,
-            propName: null,
-            value: null,
-            node: prop
-          }
-        })
+        }
+        return {
+          type: 'array',
+          key: null,
+          propName: null,
+          value: null,
+          node: prop
+        }
+      })
     }
   },
 
@@ -810,29 +808,27 @@ module.exports = {
         }
       })
     } else {
-      return emitsNode.value.elements
-        .filter((prop) => prop)
-        .map((prop) => {
-          if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
-            const emitName = getStringLiteralValue(prop)
-            if (emitName != null) {
-              return {
-                type: 'array',
-                key: prop,
-                emitName,
-                value: null,
-                node: prop
-              }
+      return emitsNode.value.elements.filter(isDef).map((prop) => {
+        if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+          const emitName = getStringLiteralValue(prop)
+          if (emitName != null) {
+            return {
+              type: 'array',
+              key: prop,
+              emitName,
+              value: null,
+              node: prop
             }
           }
-          return {
-            type: 'array',
-            key: null,
-            emitName: null,
-            value: null,
-            node: prop
-          }
-        })
+        }
+        return {
+          type: 'array',
+          key: null,
+          emitName: null,
+          value: null,
+          node: prop
+        }
+      })
     }
   },
 
@@ -1109,7 +1105,10 @@ module.exports = {
    */
   *iterateArrayExpression(node, groupName) {
     for (const item of node.elements) {
-      if (item.type === 'Literal' || item.type === 'TemplateLiteral') {
+      if (
+        item &&
+        (item.type === 'Literal' || item.type === 'TemplateLiteral')
+      ) {
         const name = getStringLiteralValue(item)
         if (name) {
           yield { type: 'array', name, groupName, node: item }
diff --git a/tests/lib/rules/no-multiple-objects-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
index 45f1b721d..64ce82b0a 100644
--- a/tests/lib/rules/no-multiple-objects-in-class.js
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -43,6 +43,17 @@ ruleTester.run('no-multiple-objects-in-class', rule, {
           type: 'VAttribute'
         }
       ]
+    },
+
+    // sparse array
+    {
+      code: `<template><div v-bind:class="[,{'foo': isFoo}, {'bar': isBar}]" /></template>`,
+      errors: [
+        {
+          message: 'Unexpected multiple objects. Merge objects.',
+          type: 'VAttribute'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index c5796e752..355fb8df7 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -981,6 +981,21 @@ tester.run('no-unused-properties', rule, {
         }
       </script>`,
       options: [{ groups: ['props', 'setup'] }]
+    },
+
+    // sparse array
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count }}</div>
+        </template>
+        <script>
+          export default {
+            props: [, 'count']
+          }
+        </script>
+      `
     }
   ],
 
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index ce292774e..cdc0f4170 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -179,6 +179,21 @@ ruleTester.run('require-default-prop', rule, {
           }
         }
       `
+    },
+
+    // sparse array
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            a: {
+              type: [,Boolean]
+            },
+            b: [,Boolean],
+          }
+        }
+      `
     }
   ],
 
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 9f8ff7275..2617e1460 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -181,6 +181,20 @@ ruleTester.run('require-valid-default-prop', rule, {
         }
       }`,
       parserOptions
+    },
+
+    // sparse array
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: [,Object, Number],
+            default: 10
+          }
+        }
+      }`,
+      parserOptions
     }
   ],
 
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 701de116d..035c113f4 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -298,7 +298,7 @@ export interface ThisExpression extends HasParentNode {
 }
 export interface ArrayExpression extends HasParentNode {
   type: 'ArrayExpression'
-  elements: (Expression | SpreadElement)[]
+  elements: (Expression | SpreadElement | null)[]
 }
 export interface ObjectExpression extends HasParentNode {
   type: 'ObjectExpression'

From 455e852f95496c4bb44e918283c65945f6e00cc6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 15 Jul 2020 11:40:28 +0900
Subject: [PATCH 0157/1010] Add `vue/no-sparse-arrays` rule (#1243)

---
 docs/rules/README.md                |  1 +
 docs/rules/no-sparse-arrays.md      | 23 ++++++++++++
 lib/index.js                        |  1 +
 lib/rules/no-sparse-arrays.js       |  9 +++++
 tests/lib/rules/no-sparse-arrays.js | 55 +++++++++++++++++++++++++++++
 5 files changed, 89 insertions(+)
 create mode 100644 docs/rules/no-sparse-arrays.md
 create mode 100644 lib/rules/no-sparse-arrays.js
 create mode 100644 tests/lib/rules/no-sparse-arrays.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3dc1c2550..33285ae25 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -338,6 +338,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses | :wrench: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
+| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
 | [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks inside braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
new file mode 100644
index 000000000..ea0678c16
--- /dev/null
+++ b/docs/rules/no-sparse-arrays.md
@@ -0,0 +1,23 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-sparse-arrays
+description: disallow sparse arrays
+---
+# vue/no-sparse-arrays
+> disallow sparse arrays
+
+This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
+
+## :books: Further reading
+
+- [no-sparse-arrays]
+
+[no-sparse-arrays]: https://eslint.org/docs/rules/no-sparse-arrays
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-sparse-arrays.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-sparse-arrays.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-sparse-arrays)</sup>
diff --git a/lib/index.js b/lib/index.js
index 282ddd399..530c05c58 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -94,6 +94,7 @@ module.exports = {
     'no-shared-component-data': require('./rules/no-shared-component-data'),
     'no-side-effects-in-computed-properties': require('./rules/no-side-effects-in-computed-properties'),
     'no-spaces-around-equal-signs-in-attribute': require('./rules/no-spaces-around-equal-signs-in-attribute'),
+    'no-sparse-arrays': require('./rules/no-sparse-arrays'),
     'no-static-inline-styles': require('./rules/no-static-inline-styles'),
     'no-template-key': require('./rules/no-template-key'),
     'no-template-shadow': require('./rules/no-template-shadow'),
diff --git a/lib/rules/no-sparse-arrays.js b/lib/rules/no-sparse-arrays.js
new file mode 100644
index 000000000..89e30b36c
--- /dev/null
+++ b/lib/rules/no-sparse-arrays.js
@@ -0,0 +1,9 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule(require('eslint/lib/rules/no-sparse-arrays'))
diff --git a/tests/lib/rules/no-sparse-arrays.js b/tests/lib/rules/no-sparse-arrays.js
new file mode 100644
index 000000000..7c0020fd5
--- /dev/null
+++ b/tests/lib/rules/no-sparse-arrays.js
@@ -0,0 +1,55 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-sparse-arrays')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-sparse-arrays', rule, {
+  valid: [
+    `<template>
+      <div :class="['foo', 'bar']" />
+    </template>`,
+    `<template>
+      <div v-bind:[['foo'][0]]="bar" />
+    </template>`
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :class="[, 'foo', 'bar']" />
+      </template>`,
+      errors: [
+        {
+          message: 'Unexpected comma in middle of array.',
+          line: 3,
+          column: 22,
+          endLine: 3,
+          endColumn: 38
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div v-bind:[[,'foo'][1]]="bar" />
+      </template>`,
+      errors: [
+        {
+          message: 'Unexpected comma in middle of array.',
+          line: 3,
+          column: 22,
+          endLine: 3,
+          endColumn: 30
+        }
+      ]
+    }
+  ]
+})

From 874589e9d7a8117381b3eef76c3ab0315cef172b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 15 Jul 2020 11:43:07 +0900
Subject: [PATCH 0158/1010] 7.0.0-alpha.10

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2c44bcba4..01b1a161d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.9",
+  "version": "7.0.0-alpha.10",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From fa6ad5ca27cf297da6f8f76b9bf3de8fc09bd705 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 15 Jul 2020 17:06:19 +0900
Subject: [PATCH 0159/1010] Fixed some rule documents. (#1244)

---
 .../components/eslint-code-block.vue          | 25 ++++++++-----------
 docs/rules/no-arrow-functions-in-watch.md     |  2 +-
 docs/rules/no-deprecated-events-api.md        |  8 ++++++
 docs/rules/no-template-target-blank.md        | 22 ++++++++--------
 4 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index fed685d91..a4d6232a1 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -32,7 +32,7 @@ export default {
     },
     rules: {
       type: Object,
-      default () {
+      default() {
         return {}
       }
     },
@@ -46,7 +46,7 @@ export default {
     }
   },
 
-  data () {
+  data() {
     return {
       linter: null,
       preprocess: processors['.vue'].preprocess,
@@ -59,7 +59,7 @@ export default {
   },
 
   computed: {
-    config () {
+    config() {
       return {
         globals: {
           // ES2015 globals
@@ -98,33 +98,30 @@ export default {
       }
     },
 
-    code () {
+    code() {
       return `${this.computeCodeFromSlot(this.$slots.default).trim()}\n`
     },
 
-    height () {
+    height() {
       const lines = this.code.split('\n').length
       return `${Math.max(120, 19 * lines)}px`
     }
   },
 
   methods: {
-    computeCodeFromSlot (nodes) {
+    computeCodeFromSlot(nodes) {
       if (!Array.isArray(nodes)) {
         return ''
       }
-      return nodes.map(node =>
-        node.text || this.computeCodeFromSlot(node.children)
-      ).join('')
+      return nodes
+        .map((node) => node.text || this.computeCodeFromSlot(node.children))
+        .join('')
     }
   },
 
-  async mounted () {
+  async mounted() {
     // Load linter.
-    const [
-      { default: Linter },
-      { parseForESLint }
-    ] = await Promise.all([
+    const [{ default: Linter }, { parseForESLint }] = await Promise.all([
       import('eslint4b/dist/linter'),
       import('espree').then(() => import('vue-eslint-parser'))
     ])
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 4378fe567..998c05f0f 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -40,7 +40,7 @@ export default {
         /* ... */
       }
     ],
-    'e.f': function (val, oldVal) { /* ... */ }
+    'e.f': function (val, oldVal) { /* ... */ },
 
     /* ✗ BAD */
     foo: (val, oldVal) => {
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index 11fb96a32..b4a04fa86 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -26,7 +26,15 @@ export default {
     this.$emit('start')
   }
 }
+</script>
+```
+
+</eslint-code-block>
 
+<eslint-code-block :rules="{'vue/no-deprecated-events-api': ['error']}">
+
+```vue
+<script>
 /* ✓ GOOD */
 import mitt from 'mitt'
 const emitter = mitt()
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index 2abc719ef..d4a142d76 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -16,10 +16,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a link="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" >link</a>
+  <a href="http://example.com" target="_blank" >link</a>
 </temlate>
 ```
 
@@ -46,10 +46,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a link="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" rel="noopener">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener">link</a>
 </temlate>
 ```
 
@@ -62,10 +62,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a link="http://example.com" target="_blank" rel="noopener">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" >link</a>
+  <a href="http://example.com" target="_blank" >link</a>
 </temlate>
 ```
 
@@ -73,15 +73,15 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
 ### `{ "enforceDynamicLinks": "always" }` (default)
 
-<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'never' }]}">
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'always' }]}">
 
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a :link="link" target="_blank" rel="noopener noreferrer">link</a>
+  <a :href="link" target="_blank" rel="noopener noreferrer">link</a>
 
   <!-- ✗ BAD -->
-  <a :link="link" target="_blank">link</a>
+  <a :href="link" target="_blank">link</a>
 </temlate>
 ```
 
@@ -94,10 +94,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a :link="link" target="_blank">link</a>
+  <a :href="link" target="_blank">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" >link</a>
+  <a href="http://example.com" target="_blank" >link</a>
 </temlate>
 ```
 

From b9feb6724af2da92f7a578608b3a9271002e6dbf Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 18 Jul 2020 11:07:17 +0900
Subject: [PATCH 0160/1010] Chores: Remove eslint-plugin-vue-libs (#1249)

* Chores: Remove eslint-plugin-vue-libs

* update
---
 .eslintrc.js                            | 98 +++++++++++++++++++++++--
 .vscode/settings.json                   |  3 +-
 docs/.vuepress/theme/layouts/Layout.vue | 54 +++++++-------
 package.json                            |  1 -
 4 files changed, 120 insertions(+), 36 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index f8f46d5fa..f5eb3a23a 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -3,19 +3,97 @@
 module.exports = {
   root: true,
   parserOptions: {
-    ecmaVersion: 6
+    ecmaVersion: 2018
   },
   env: {
+    es6: true,
     node: true,
     mocha: true
   },
-  extends: [
-    'plugin:eslint-plugin/recommended',
-    'plugin:vue-libs/recommended',
-    'prettier'
-  ],
+  extends: ['plugin:eslint-plugin/recommended', 'prettier'],
   plugins: ['eslint-plugin', 'prettier'],
   rules: {
+    'accessor-pairs': 2,
+    camelcase: [2, { properties: 'never' }],
+    'constructor-super': 2,
+    eqeqeq: [2, 'allow-null'],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'jsx-quotes': [2, 'prefer-single'],
+    'new-cap': [2, { newIsCap: true, capIsNew: false }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 2,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, { allowLoop: false, allowSwitch: false }],
+    'no-lone-blocks': 2,
+    'no-multi-spaces': [2, { ignoreEOLComments: true }],
+    'no-multi-str': 2,
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, { defaultAssignment: false }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, { vars: 'all', args: 'none' }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-with': 2,
+    'one-var': [2, { initialized: 'never' }],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    yoda: [2, 'never'],
+    'prefer-const': 2,
+
     'prettier/prettier': 'error',
     'eslint-plugin/report-message-format': ['error', "^[A-Z`'{].*\\.$"],
     'eslint-plugin/prefer-placeholders': 'error',
@@ -37,6 +115,14 @@ module.exports = {
     'dot-notation': 'error'
   },
   overrides: [
+    {
+      files: ['./**/*.vue'],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module'
+      }
+    },
     {
       files: ['lib/rules/*.js'],
       rules: {
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 841a29074..e8e944bef 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -8,5 +8,6 @@
         "javascriptreact",
         "vue"
     ],
-    "typescript.tsdk": "node_modules/typescript/lib"
+    "typescript.tsdk": "node_modules/typescript/lib",
+    "vetur.validation.script": false
 }
diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
index b88c846cd..43b5ad685 100644
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -1,33 +1,28 @@
 <template>
-  <BaseLayout
-    v-bind="$attrs"
-    v-on="$listeners">
-    <slot
-      name="sidebar-top"
-      slot="sidebar-top"
-    />
-    <slot
-      name="sidebar-bottom"
-      slot="sidebar-bottom"
-    />
-    <template
-      slot="page-top">
+  <BaseLayout v-bind="$attrs" v-on="$listeners">
+    <slot name="sidebar-top" slot="sidebar-top" />
+    <slot name="sidebar-bottom" slot="sidebar-bottom" />
+    <template slot="page-top">
       <div class="theme-default-content beta-doc-description">
         <div class="warning custom-block">
           <p class="custom-block-title">Note</p>
-          <p>This is a documentation for version <code>{{docVersion}}</code>.<template v-if="hasNotYetBeenReleased"> Also, this documentation may contain content that has not yet been released.</template><br>
-          To check version <code>6.2.2</code> <a :href="v6DocLink">go here</a>.
-          To check previous releases <a href="https://github.com/vuejs/eslint-plugin-vue/releases">go here</a>.</p>
+          <p>
+            This is a documentation for version <code>{{ docVersion }}</code
+            >.<template v-if="hasNotYetBeenReleased">
+              Also, this documentation may contain content that has not yet been
+              released.</template
+            ><br />
+            To check version <code>6.2.2</code>
+            <a :href="v6DocLink">go here</a>. To check previous releases
+            <a href="https://github.com/vuejs/eslint-plugin-vue/releases"
+              >go here</a
+            >.
+          </p>
         </div>
       </div>
-      <slot
-        name="page-top"
-      />
+      <slot name="page-top" />
     </template>
-    <slot
-      name="page-bottom"
-      slot="page-bottom"
-    />
+    <slot name="page-bottom" slot="page-bottom" />
   </BaseLayout>
 </template>
 
@@ -44,21 +39,24 @@ export default {
     BaseLayout
   },
   computed: {
-    docVersion () {
+    docVersion() {
       if (version.major < 7) {
         return '7.x'
       }
       return version.raw
     },
-    hasNotYetBeenReleased () {
+    hasNotYetBeenReleased() {
       if (version.major < 7) {
         return true
       }
       return false
     },
-    v6DocLink () {
+    v6DocLink() {
       if (this.$page.path.endsWith('.html')) {
-        return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path.replace(/\.html$/, '')}.md`
+        return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path.replace(
+          /\.html$/,
+          ''
+        )}.md`
       }
       return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path}README.md`
     }
@@ -73,7 +71,7 @@ export default {
 * ::v-deep .theme-default-content ~ .theme-default-content {
   padding-top: 0;
 }
-* ::v-deep .theme-default-content:not(.custom) h1{
+* ::v-deep .theme-default-content:not(.custom) h1 {
   margin-top: -3.1rem;
 }
 </style>
diff --git a/package.json b/package.json
index 01b1a161d..f1a5d94d4 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,6 @@
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
-    "eslint-plugin-vue-libs": "^4.0.0",
     "eslint4b": "^7.0.0",
     "lodash": "^4.17.15",
     "mocha": "^7.1.2",

From 8cabc18359d6198778fc111062fb7fa0fb695a2e Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 18 Jul 2020 15:53:45 +0900
Subject: [PATCH 0161/1010] Chores: Fix typing

---
 typings/eslint-plugin-vue/util-types/ast/v-ast.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/typings/eslint-plugin-vue/util-types/ast/v-ast.ts b/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
index b7c5446dc..64149ac58 100644
--- a/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
@@ -102,7 +102,7 @@ export interface VIdentifier extends HasParentNode {
 }
 export interface VDirectiveKey extends HasParentNode {
   type: 'VDirectiveKey'
-  parent: VAttribute
+  parent: VDirective
   name: VIdentifier
   argument: VExpressionContainer | VIdentifier | null
   modifiers: VIdentifier[]

From ce38da738e8aa06d407b46806831825cdedbdd62 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 15:45:25 +0900
Subject: [PATCH 0162/1010] Supports Optional Chaining (#1209)

* Supports Optional Chaining

* Refactored to resemble eslint core util function naming. e.g. unwrap -> skip

* update config

* upgrade eslint-utils

* Change the supported version of ESLint from 6.0.0 to 6.2.0.
---
 .circleci/config.yml                          |   2 +-
 .eslintrc.js                                  |   4 +-
 .../components/eslint-code-block.vue          |   2 +-
 docs/rules/valid-v-bind-sync.md               |   6 +-
 docs/rules/valid-v-model.md                   |   5 +-
 docs/user-guide/README.md                     |   2 +-
 lib/configs/base.js                           |   2 +-
 .../component-name-in-template-casing.js      |  13 +-
 lib/rules/custom-event-name-casing.js         |   4 +-
 lib/rules/html-self-closing.js                |   4 +-
 lib/rules/no-async-in-computed-properties.js  |  33 ++-
 lib/rules/no-deprecated-events-api.js         |  25 +-
 lib/rules/no-deprecated-v-bind-sync.js        |   2 +-
 .../no-deprecated-v-on-number-modifiers.js    |   2 +-
 .../no-deprecated-vue-config-keycodes.js      |   4 +-
 lib/rules/no-multiple-slot-args.js            |   9 +-
 lib/rules/no-setup-props-destructure.js       |  10 +-
 lib/rules/no-unused-properties.js             |  10 +-
 lib/rules/no-useless-mustaches.js             |   2 +-
 lib/rules/no-useless-v-bind.js                |  11 +-
 lib/rules/no-watch-after-await.js             |   6 +-
 lib/rules/order-in-components.js              |  22 +-
 lib/rules/padding-line-between-blocks.js      |   8 +-
 lib/rules/require-default-prop.js             |  22 +-
 lib/rules/require-explicit-emits.js           |  22 +-
 lib/rules/require-slots-as-functions.js       |  15 +-
 lib/rules/require-valid-default-prop.js       |   7 +-
 lib/rules/syntaxes/slot-attribute.js          |  21 +-
 lib/rules/syntaxes/slot-scope-attribute.js    |  21 +-
 lib/rules/syntaxes/v-slot.js                  |   2 +-
 lib/rules/v-on-function-call.js               |   4 +
 lib/rules/valid-v-bind-sync.js                |  69 +++++-
 lib/rules/valid-v-model.js                    | 101 +++++++--
 lib/utils/index.js                            | 199 ++++++----------
 package.json                                  |   4 +-
 tests/lib/rules/custom-event-name-casing.js   |  62 ++++-
 .../rules/no-async-in-computed-properties.js  |  90 +++++++-
 .../no-deprecated-dollar-listeners-api.js     |  26 ++-
 .../no-deprecated-dollar-scopedslots-api.js   |  37 ++-
 tests/lib/rules/no-deprecated-events-api.js   |  52 ++++-
 .../no-deprecated-vue-config-keycodes.js      |  12 +-
 tests/lib/rules/no-lifecycle-after-await.js   |  22 +-
 tests/lib/rules/no-multiple-slot-args.js      |  86 ++++++-
 tests/lib/rules/no-mutating-props.js          |  68 ++++++
 tests/lib/rules/no-ref-as-operand.js          |  16 +-
 tests/lib/rules/no-setup-props-destructure.js |  34 ++-
 .../no-side-effects-in-computed-properties.js |  23 +-
 tests/lib/rules/no-unused-properties.js       |  35 +++
 tests/lib/rules/no-watch-after-await.js       |  23 +-
 tests/lib/rules/order-in-components.js        |   4 +-
 tests/lib/rules/require-default-prop.js       |  23 +-
 tests/lib/rules/require-explicit-emits.js     |  39 +++-
 tests/lib/rules/require-slots-as-functions.js |  24 +-
 tests/lib/rules/require-valid-default-prop.js |  25 ++
 tests/lib/rules/this-in-template.js           |  17 +-
 tests/lib/rules/v-on-function-call.js         |   7 +-
 tests/lib/rules/valid-v-bind-sync.js          |  38 +++-
 tests/lib/rules/valid-v-model.js              |  32 ++-
 tests/lib/utils/index.js                      | 213 ++++++++++++------
 tools/update-lib-configs.js                   |   2 +-
 60 files changed, 1307 insertions(+), 378 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d20690e4c..d593e239e 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -43,7 +43,7 @@ jobs:
       - run:
           name: Install eslint@6
           command: |
-            npm install -D eslint@6.0.0
+            npm install -D eslint@6.2.0
       - run:
           name: Install dependencies
           command: npm install
diff --git a/.eslintrc.js b/.eslintrc.js
index f5eb3a23a..704f09732 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -135,7 +135,9 @@ module.exports = {
           {
             pattern: `https://eslint.vuejs.org/rules/{{name}}.html`
           }
-        ]
+        ],
+
+        'eslint-plugin/fixer-return': 'off'
       }
     }
   ]
diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index a4d6232a1..391ae5490 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -89,7 +89,7 @@ export default {
         rules: this.rules,
         parser: 'vue-eslint-parser',
         parserOptions: {
-          ecmaVersion: 2019,
+          ecmaVersion: 2020,
           sourceType: 'module',
           ecmaFeatures: {
             jsx: true
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 9ebd51fd1..163d8b217 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -15,7 +15,8 @@ This rule checks whether every `.sync` modifier on `v-bind` directives is valid.
 
 This rule reports `.sync` modifier on `v-bind` directives in the following cases:
 
-- The `.sync` modifier does not have the attribute value which is valid as LHS. E.g. `<MyComponent v-bind:aaa.sync="foo() + bar()" />`
+- The `.sync` modifier does not have the attribute value which is valid as LHS. E.g. `<MyComponent v-bind:aaa.sync="foo() + bar()" />`, `<MyComponent v-bind:aaa.sync="a?.b" />`
+- The `.sync` modifier has potential null object property access. E.g. `<MyComponent v-bind:aaa.sync="(a?.b).c" />`
 - The `.sync` modifier is on non Vue-components. E.g. `<input v-bind:aaa.sync="foo"></div>`
 - The `.sync` modifier's reference is iteration variables. E.g. `<div v-for="x in list"><MyComponent v-bind:aaa.sync="x" /></div>`
 
@@ -36,6 +37,9 @@ This rule reports `.sync` modifier on `v-bind` directives in the following cases
   <MyComponent v-bind:aaa.sync="foo + bar" />
   <MyComponent :aaa.sync="foo + bar" />
 
+  <MyComponent :aaa.sync="a?.b.c" />
+  <MyComponent :aaa.sync="(a?.b).c" />
+
   <input v-bind:aaa.sync="foo">
   <input :aaa.sync="foo">
 
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index f3a0afca3..345e3bf9d 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -18,7 +18,8 @@ This rule reports `v-model` directives in the following cases:
 - The directive used on HTMLElement has an argument. E.g. `<input v-model:aaa="foo">`
 - The directive used on HTMLElement has modifiers which are not supported. E.g. `<input v-model.bbb="foo">`
 - The directive does not have that attribute value. E.g. `<input v-model>`
-- The directive does not have the attribute value which is valid as LHS. E.g. `<input v-model="foo() + bar()">`
+- The directive does not have the attribute value which is valid as LHS. E.g. `<input v-model="foo() + bar()">`, `<input v-model="a?.b">`
+- The directive has potential null object property access. E.g. `<input v-model="(a?.b).c">`
 - The directive is on unsupported elements. E.g. `<div v-model="foo"></div>`
 - The directive is on `<input>` elements which their types are `file`. E.g. `<input type="file" v-model="foo">`
 - The directive's reference is iteration variables. E.g. `<div v-for="x in list"><input type="file" v-model="x"></div>`
@@ -44,6 +45,8 @@ This rule reports `v-model` directives in the following cases:
   <input v-model:aaa="foo">
   <input v-model.bbb="foo">
   <input v-model="foo + bar">
+  <input v-model="a?.b.c">
+  <input v-model="(a?.b).c">
   <div v-model="foo"/>
   <div v-for="todo in todos">
     <input v-model="todo">
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 4579d6c72..8de4d3e9d 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -18,7 +18,7 @@ yarn add -D eslint eslint-plugin-vue@next
 ```
 
 ::: tip Requirements
-- ESLint v6.0.0 and above
+- ESLint v6.2.0 and above
 - Node.js v8.10.0 and above
 :::
 
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 71279b9a0..2521a623c 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -6,7 +6,7 @@
 module.exports = {
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: 2020,
     sourceType: 'module'
   },
   env: {
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index a4771c0bf..dffca0c88 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -135,16 +135,13 @@ module.exports = {
                 name,
                 caseType
               },
-              fix: (fixer) => {
+              *fix(fixer) {
+                yield fixer.replaceText(open, `<${casingName}`)
                 const endTag = node.endTag
-                if (!endTag) {
-                  return fixer.replaceText(open, `<${casingName}`)
+                if (endTag) {
+                  const endTagOpen = tokens.getFirstToken(endTag)
+                  yield fixer.replaceText(endTagOpen, `</${casingName}`)
                 }
-                const endTagOpen = tokens.getFirstToken(endTag)
-                return [
-                  fixer.replaceText(open, `<${casingName}`),
-                  fixer.replaceText(endTagOpen, `</${casingName}`)
-                ]
               }
             })
           }
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index cd7f73443..6c5f072c3 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -48,7 +48,7 @@ function getNameParamNode(node) {
  * @param {CallExpression} node CallExpression
  */
 function getCalleeMemberNode(node) {
-  const callee = node.callee
+  const callee = utils.skipChainExpression(node.callee)
 
   if (callee.type === 'MemberExpression') {
     const name = utils.getStaticPropertyName(callee)
@@ -116,7 +116,7 @@ module.exports = {
       utils.compositingVisitors(
         utils.defineVueVisitor(context, {
           onSetupFunctionEnter(node, { node: vueNode }) {
-            const contextParam = utils.unwrapAssignmentPattern(node.params[1])
+            const contextParam = utils.skipDefaultParamValue(node.params[1])
             if (!contextParam) {
               // no arguments
               return
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index f8841f782..b54c20671 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -163,7 +163,7 @@ module.exports = {
                 elementType: ELEMENT_TYPE_MESSAGES[elementType],
                 name: node.rawName
               },
-              fix: (fixer) => {
+              fix(fixer) {
                 const tokens = context.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLTagClose') {
@@ -187,7 +187,7 @@ module.exports = {
                 elementType: ELEMENT_TYPE_MESSAGES[elementType],
                 name: node.rawName
               },
-              fix: (fixer) => {
+              fix(fixer) {
                 const tokens = context.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLSelfClosingTagClose') {
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index da11e0426..9812d61c0 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -26,16 +26,17 @@ const TIMED_FUNCTIONS = [
  * @param {CallExpression} node
  */
 function isTimedFunction(node) {
+  const callee = utils.skipChainExpression(node.callee)
   return (
     ((node.type === 'CallExpression' &&
-      node.callee.type === 'Identifier' &&
-      TIMED_FUNCTIONS.indexOf(node.callee.name) !== -1) ||
+      callee.type === 'Identifier' &&
+      TIMED_FUNCTIONS.indexOf(callee.name) !== -1) ||
       (node.type === 'CallExpression' &&
-        node.callee.type === 'MemberExpression' &&
-        node.callee.object.type === 'Identifier' &&
-        node.callee.object.name === 'window' &&
-        node.callee.property.type === 'Identifier' &&
-        TIMED_FUNCTIONS.indexOf(node.callee.property.name) !== -1)) &&
+        callee.type === 'MemberExpression' &&
+        callee.object.type === 'Identifier' &&
+        callee.object.name === 'window' &&
+        callee.property.type === 'Identifier' &&
+        TIMED_FUNCTIONS.indexOf(callee.property.name) !== -1)) &&
     node.arguments.length
   )
 }
@@ -44,18 +45,16 @@ function isTimedFunction(node) {
  * @param {CallExpression} node
  */
 function isPromise(node) {
-  if (
-    node.type === 'CallExpression' &&
-    node.callee.type === 'MemberExpression'
-  ) {
+  const callee = utils.skipChainExpression(node.callee)
+  if (node.type === 'CallExpression' && callee.type === 'MemberExpression') {
     return (
       // hello.PROMISE_FUNCTION()
-      (node.callee.property.type === 'Identifier' &&
-        PROMISE_FUNCTIONS.indexOf(node.callee.property.name) !== -1) || // Promise.PROMISE_METHOD()
-      (node.callee.object.type === 'Identifier' &&
-        node.callee.object.name === 'Promise' &&
-        node.callee.property.type === 'Identifier' &&
-        PROMISE_METHODS.indexOf(node.callee.property.name) !== -1)
+      (callee.property.type === 'Identifier' &&
+        PROMISE_FUNCTIONS.indexOf(callee.property.name) !== -1) || // Promise.PROMISE_METHOD()
+      (callee.object.type === 'Identifier' &&
+        callee.object.name === 'Promise' &&
+        callee.property.type === 'Identifier' &&
+        PROMISE_METHODS.indexOf(callee.property.name) !== -1)
     )
   }
   return false
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index a09f36bf0..f393f59ef 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -32,13 +32,26 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     return utils.defineVueVisitor(context, {
-      /** @param {MemberExpression & {parent: CallExpression}} node */
-      'CallExpression > MemberExpression'(node) {
-        const call = node.parent
+      /** @param {MemberExpression & ({parent: CallExpression} | {parent: ChainExpression & {parent: CallExpression}})} node */
+      'CallExpression > MemberExpression, CallExpression > ChainExpression > MemberExpression'(
+        node
+      ) {
+        const call =
+          node.parent.type === 'ChainExpression'
+            ? node.parent.parent
+            : node.parent
+
+        if (call.optional) {
+          // It is OK because checking whether it is deprecated.
+          // e.g. `this.$on?.()`
+          return
+        }
+
         if (
-          call.callee !== node ||
-          node.property.type !== 'Identifier' ||
-          !['$on', '$off', '$once'].includes(node.property.name)
+          utils.skipChainExpression(call.callee) !== node ||
+          !['$on', '$off', '$once'].includes(
+            utils.getStaticPropertyName(node) || ''
+          )
         ) {
           return
         }
diff --git a/lib/rules/no-deprecated-v-bind-sync.js b/lib/rules/no-deprecated-v-bind-sync.js
index 97dfe51bd..786ecb927 100644
--- a/lib/rules/no-deprecated-v-bind-sync.js
+++ b/lib/rules/no-deprecated-v-bind-sync.js
@@ -39,7 +39,7 @@ module.exports = {
             node,
             loc: node.loc,
             messageId: 'syncModifierIsDeprecated',
-            fix: (fixer) => {
+            fix(fixer) {
               if (node.key.argument == null) {
                 // is using spread syntax
                 return null
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index 544c1ee9f..24341580a 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -47,7 +47,7 @@ module.exports = {
           context.report({
             node: modifier,
             messageId: 'numberModifierIsDeprecated',
-            fix: (fixer) => {
+            fix(fixer) {
               const key = keyCodeToKey[keyCodes]
               if (!key) return null
 
diff --git a/lib/rules/no-deprecated-vue-config-keycodes.js b/lib/rules/no-deprecated-vue-config-keycodes.js
index b30db3fed..4db268e44 100644
--- a/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -4,6 +4,8 @@
  */
 'use strict'
 
+const utils = require('../utils')
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -31,7 +33,7 @@ module.exports = {
       "MemberExpression[property.type='Identifier'][property.name='keyCodes']"(
         node
       ) {
-        const config = node.object
+        const config = utils.skipChainExpression(node.object)
         if (
           config.type !== 'MemberExpression' ||
           config.property.type !== 'Identifier' ||
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index f98e058ec..474a56ba2 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -100,15 +100,12 @@ module.exports = {
     return utils.defineVueVisitor(context, {
       /** @param {MemberExpression} node */
       MemberExpression(node) {
-        const object = node.object
+        const object = utils.skipChainExpression(node.object)
         if (object.type !== 'MemberExpression') {
           return
         }
-        if (
-          object.property.type !== 'Identifier' ||
-          (object.property.name !== '$slots' &&
-            object.property.name !== '$scopedSlots')
-        ) {
+        const name = utils.getStaticPropertyName(object)
+        if (!name || (name !== '$slots' && name !== '$scopedSlots')) {
           return
         }
         if (!utils.isThis(object.object, context)) {
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index 3c6ce4446..e77f63c4d 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -49,18 +49,18 @@ module.exports = {
         return
       }
 
+      const rightNode = utils.skipChainExpression(right)
       if (
         left.type !== 'ArrayPattern' &&
         left.type !== 'ObjectPattern' &&
-        right.type !== 'MemberExpression'
+        rightNode.type !== 'MemberExpression'
       ) {
         return
       }
-
       /** @type {Expression | Super} */
-      let rightId = right
+      let rightId = rightNode
       while (rightId.type === 'MemberExpression') {
-        rightId = rightId.object
+        rightId = utils.skipChainExpression(rightId.object)
       }
       if (rightId.type === 'Identifier' && propsReferenceIds.has(rightId)) {
         report(left, 'getProperty')
@@ -84,7 +84,7 @@ module.exports = {
         }
       },
       onSetupFunctionEnter(node) {
-        const propsParam = utils.unwrapAssignmentPattern(node.params[0])
+        const propsParam = utils.skipDefaultParamValue(node.params[0])
         if (!propsParam) {
           // no arguments
           return
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 951d6a2db..f7f30dc84 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -221,7 +221,7 @@ function getObjectPatternPropertyPatternTracker(pattern) {
 }
 
 /**
- * @param {Identifier | MemberExpression | ThisExpression} node
+ * @param {Identifier | MemberExpression | ChainExpression | ThisExpression} node
  * @param {RuleContext} context
  * @returns {UsedProps}
  */
@@ -304,6 +304,14 @@ function extractPatternOrThisProperties(node, context) {
         }
       }
     }
+  } else if (parent.type === 'ChainExpression') {
+    const { usedNames, unknown, calls } = extractPatternOrThisProperties(
+      parent,
+      context
+    )
+    result.usedNames.addAll(usedNames)
+    result.unknown = result.unknown || unknown
+    result.calls.push(...calls)
   }
   return result
 }
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index 89d8d5422..b8a2057d8 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -142,7 +142,7 @@ module.exports = {
             return null
           }
 
-          return [fixer.replaceText(node, text.replace(/\\([\s\S])/g, '$1'))]
+          return fixer.replaceText(node, text.replace(/\\([\s\S])/g, '$1'))
         }
       })
     }
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index d64e95535..01549ca6e 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -111,10 +111,10 @@ module.exports = {
       context.report({
         node,
         messageId: 'unexpected',
-        fix(fixer) {
+        *fix(fixer) {
           if (hasComment || hasEscape) {
             // cannot fix
-            return null
+            return
           }
           const text = sourceCode.getText(value)
           const quoteChar = text[0]
@@ -126,6 +126,8 @@ module.exports = {
             node.key.name.range[1] + (shorthand ? 0 : 1)
           ]
 
+          yield fixer.removeRange(keyDirectiveRange)
+
           let attrValue
           if (quoteChar === '"') {
             attrValue = strValue.replace(DOUBLE_QUOTES_RE, '&quot;')
@@ -136,10 +138,7 @@ module.exports = {
               .replace(DOUBLE_QUOTES_RE, '&quot;')
               .replace(SINGLE_QUOTES_RE, '&apos;')
           }
-          return [
-            fixer.removeRange(keyDirectiveRange),
-            fixer.replaceText(expression, attrValue)
-          ]
+          yield fixer.replaceText(expression, attrValue)
         }
       })
     }
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index fc46dcd6f..5f037fb30 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -7,7 +7,8 @@ const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
 /**
- * @param {CallExpression} node
+ * @param {CallExpression | ChainExpression} node
+ * @returns {boolean}
  */
 function isMaybeUsedStopHandle(node) {
   const parent = node.parent
@@ -32,6 +33,9 @@ function isMaybeUsedStopHandle(node) {
       // [watch()]
       return true
     }
+    if (parent.type === 'ChainExpression') {
+      return isMaybeUsedStopHandle(parent)
+    }
   }
   return false
 }
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index fcff89ab2..92b9b4c15 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -185,7 +185,9 @@ function isNotSideEffectsNode(node, visitorKeys) {
         node.type !== 'ConditionalExpression' &&
         // es2015
         node.type !== 'SpreadElement' &&
-        node.type !== 'TemplateLiteral'
+        node.type !== 'TemplateLiteral' &&
+        // es2020
+        node.type !== 'ChainExpression'
       ) {
         // Can not be sure that a node has no side effects
         result = false
@@ -289,7 +291,7 @@ module.exports = {
               firstUnorderedPropertyName: firstUnorderedProperty.name,
               line
             },
-            fix(fixer) {
+            *fix(fixer) {
               const propertyNode = property.node
               const firstUnorderedPropertyNode = firstUnorderedProperty.node
               const hasSideEffectsPossibility = propertiesNodes
@@ -302,7 +304,7 @@ module.exports = {
                     !isNotSideEffectsNode(property, sourceCode.visitorKeys)
                 )
               if (hasSideEffectsPossibility) {
-                return null
+                return
               }
               const afterComma = sourceCode.getTokenAfter(propertyNode)
               const hasAfterComma = isComma(afterComma)
@@ -313,6 +315,11 @@ module.exports = {
                 ? afterComma.range[1]
                 : propertyNode.range[1]
 
+              const removeStart = hasAfterComma
+                ? codeStart
+                : beforeComma.range[0]
+              yield fixer.removeRange([removeStart, codeEnd])
+
               const propertyCode =
                 sourceCode.text.slice(codeStart, codeEnd) +
                 (hasAfterComma ? '' : ',')
@@ -320,14 +327,7 @@ module.exports = {
                 firstUnorderedPropertyNode
               )
 
-              const removeStart = hasAfterComma
-                ? codeStart
-                : beforeComma.range[0]
-
-              return [
-                fixer.removeRange([removeStart, codeEnd]),
-                fixer.insertTextAfter(insertTarget, propertyCode)
-              ]
+              yield fixer.insertTextAfter(insertTarget, propertyCode)
             }
           })
         }
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index cc4773703..c1b652455 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -48,14 +48,14 @@ function verifyForNever(context, prevBlock, nextBlock, betweenTokens) {
   context.report({
     node: nextBlock,
     messageId: 'never',
-    fix(fixer) {
-      return paddingLines.map(([prevToken, nextToken]) => {
+    *fix(fixer) {
+      for (const [prevToken, nextToken] of paddingLines) {
         const start = prevToken.range[1]
         const end = nextToken.range[0]
         const paddingText = context.getSourceCode().text.slice(start, end)
         const lastSpaces = splitLines(paddingText).pop()
-        return fixer.replaceTextRange([start, end], `\n${lastSpaces}`)
-      })
+        yield fixer.replaceTextRange([start, end], `\n${lastSpaces}`)
+      }
     }
   })
 }
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index ec73e369b..e0e29b69e 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -82,12 +82,18 @@ module.exports = {
     function findPropsWithoutDefaultValue(props) {
       return props.filter((prop) => {
         if (prop.value.type !== 'ObjectExpression') {
-          return (
-            (prop.value.type !== 'CallExpression' &&
-              prop.value.type !== 'Identifier') ||
-            (prop.value.type === 'Identifier' &&
-              NATIVE_TYPES.has(prop.value.name))
-          )
+          if (prop.value.type === 'Identifier') {
+            return NATIVE_TYPES.has(prop.value.name)
+          }
+          if (
+            prop.value.type === 'CallExpression' ||
+            prop.value.type === 'MemberExpression'
+          ) {
+            // OK
+            return false
+          }
+          // NG
+          return true
         }
 
         return (
@@ -99,7 +105,7 @@ module.exports = {
 
     /**
      * Detects whether given value node is a Boolean type
-     * @param {Expression | Pattern} value
+     * @param {Expression} value
      * @return {boolean}
      */
     function isValueNodeOfBooleanType(value) {
@@ -123,7 +129,7 @@ module.exports = {
      * @return {Boolean}
      */
     function isBooleanProp(prop) {
-      const value = utils.unwrapTypes(prop.value)
+      const value = utils.skipTSAsExpression(prop.value)
 
       return (
         isValueNodeOfBooleanType(value) ||
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 7dc1706bb..27ae600fa 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -261,7 +261,7 @@ module.exports = {
          * @param {VueObjectData} data
          */
         'CallExpression[arguments.0.type=Literal]'(node, { node: vueNode }) {
-          const callee = node.callee
+          const callee = utils.skipChainExpression(node.callee)
           const nameLiteralNode = node.arguments[0]
           if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
             // cannot check
@@ -287,20 +287,22 @@ module.exports = {
             if (callee.type === 'Identifier' && emitReferenceIds.has(callee)) {
               // verify setup(props,{emit}) {emit()}
               verify(emitsDeclarations, nameLiteralNode, vueNode)
-            } else if (
-              emit &&
-              emit.name === 'emit' &&
-              emit.member.object.type === 'Identifier' &&
-              contextReferenceIds.has(emit.member.object)
-            ) {
-              // verify setup(props,context) {context.emit()}
-              verify(emitsDeclarations, nameLiteralNode, vueNode)
+            } else if (emit && emit.name === 'emit') {
+              const memObject = utils.skipChainExpression(emit.member.object)
+              if (
+                memObject.type === 'Identifier' &&
+                contextReferenceIds.has(memObject)
+              ) {
+                // verify setup(props,context) {context.emit()}
+                verify(emitsDeclarations, nameLiteralNode, vueNode)
+              }
             }
           }
 
           // verify $emit
           if (emit && emit.name === '$emit') {
-            if (utils.isThis(emit.member.object, context)) {
+            const memObject = utils.skipChainExpression(emit.member.object)
+            if (utils.isThis(memObject, context)) {
               // verify this.$emit()
               verify(emitsDeclarations, nameLiteralNode, vueNode)
             }
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
index 36a3f9339..658071d22 100644
--- a/lib/rules/require-slots-as-functions.js
+++ b/lib/rules/require-slots-as-functions.js
@@ -33,7 +33,7 @@ module.exports = {
   create(context) {
     /**
      * Verify the given node
-     * @param {MemberExpression | Identifier} node The node to verify
+     * @param {MemberExpression | Identifier | ChainExpression} node The node to verify
      * @param {Expression} reportNode The node to report
      */
     function verify(node, reportNode) {
@@ -58,6 +58,12 @@ module.exports = {
         return
       }
 
+      if (parent.type === 'ChainExpression') {
+        // (this.$slots?.foo).x
+        verify(parent, reportNode)
+        return
+      }
+
       if (
         // this.$slots.foo.xxx
         parent.type === 'MemberExpression' ||
@@ -97,14 +103,11 @@ module.exports = {
     return utils.defineVueVisitor(context, {
       /** @param {MemberExpression} node */
       MemberExpression(node) {
-        const object = node.object
+        const object = utils.skipChainExpression(node.object)
         if (object.type !== 'MemberExpression') {
           return
         }
-        if (
-          object.property.type !== 'Identifier' ||
-          object.property.name !== '$slots'
-        ) {
+        if (utils.getStaticPropertyName(object) !== '$slots') {
           return
         }
         if (!utils.isThis(object.object, context)) {
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index a0444db08..ffebef07f 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -48,7 +48,7 @@ function getPropertyNode(obj, name) {
 }
 
 /**
- * @param {Expression | Pattern} node
+ * @param {Expression} node
  * @returns {string[]}
  */
 function getTypes(node) {
@@ -122,10 +122,11 @@ module.exports = {
     }
 
     /**
-     * @param {Expression | Pattern} node
+     * @param {Expression} targetNode
      * @returns { StandardValueType | FunctionExprValueType | FunctionValueType | null }
      */
-    function getValueType(node) {
+    function getValueType(targetNode) {
+      const node = utils.skipChainExpression(targetNode)
       if (node.type === 'CallExpression') {
         // Symbol(), Number() ...
         if (
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index bf84361fb..6f38166ee 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -56,9 +56,9 @@ module.exports = {
      * @param {VAttribute|VDirective} slotAttr node of `slot`
      * @param {string | null} slotName name of `slot`
      * @param {boolean} vBind `true` if `slotAttr` is `v-bind:slot`
-     * @returns {Fix[]} fix data
+     * @returns {IterableIterator<Fix>} fix data
      */
-    function fixSlotToVSlot(fixer, slotAttr, slotName, vBind) {
+    function* fixSlotToVSlot(fixer, slotAttr, slotName, vBind) {
       const element = slotAttr.parent
       const scopeAttr = element.attributes.find(
         (attr) =>
@@ -78,11 +78,10 @@ module.exports = {
           : ''
 
       const replaceText = `v-slot${nameArgument}${scopeValue}`
-      const fixers = [fixer.replaceText(slotAttr || scopeAttr, replaceText)]
+      yield fixer.replaceText(slotAttr || scopeAttr, replaceText)
       if (slotAttr && scopeAttr) {
-        fixers.push(fixer.remove(scopeAttr))
+        yield fixer.remove(scopeAttr)
       }
-      return fixers
     }
     /**
      * Reports `slot` node
@@ -94,12 +93,12 @@ module.exports = {
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
         // fix to use `v-slot`
-        fix(fixer) {
+        *fix(fixer) {
           if (!canConvertFromSlotToVSlot(slotAttr)) {
-            return null
+            return
           }
           const slotName = slotAttr.value && slotAttr.value.value
-          return fixSlotToVSlot(fixer, slotAttr, slotName, false)
+          yield* fixSlotToVSlot(fixer, slotAttr, slotName, false)
         }
       })
     }
@@ -113,15 +112,15 @@ module.exports = {
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
         // fix to use `v-slot`
-        fix(fixer) {
+        *fix(fixer) {
           if (!canConvertFromVBindSlotToVSlot(slotAttr)) {
-            return null
+            return
           }
           const slotName =
             slotAttr.value &&
             slotAttr.value.expression &&
             sourceCode.getText(slotAttr.value.expression).trim()
-          return fixSlotToVSlot(fixer, slotAttr, slotName, true)
+          yield* fixSlotToVSlot(fixer, slotAttr, slotName, true)
         }
       })
     }
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index e05be5c3f..2afd790b6 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -74,16 +74,17 @@ module.exports = {
       context.report({
         node: scopeAttr.key,
         messageId: 'forbiddenSlotScopeAttribute',
-        fix: fixToUpgrade
-          ? // fix to use `v-slot`
-            (fixer) => {
-              const startTag = scopeAttr.parent
-              if (!canConvertToVSlot(startTag)) {
-                return null
-              }
-              return fixSlotScopeToVSlot(fixer, scopeAttr)
-            }
-          : null
+        fix(fixer) {
+          if (!fixToUpgrade) {
+            return null
+          }
+          // fix to use `v-slot`
+          const startTag = scopeAttr.parent
+          if (!canConvertToVSlot(startTag)) {
+            return null
+          }
+          return fixSlotScopeToVSlot(fixer, scopeAttr)
+        }
       })
     }
 
diff --git a/lib/rules/syntaxes/v-slot.js b/lib/rules/syntaxes/v-slot.js
index 9d563a2dd..ae71dc9de 100644
--- a/lib/rules/syntaxes/v-slot.js
+++ b/lib/rules/syntaxes/v-slot.js
@@ -69,7 +69,7 @@ module.exports = {
         node: vSlotAttr.key,
         messageId: 'forbiddenVSlot',
         // fix to use `slot` (downgrade)
-        fix: (fixer) => {
+        fix(fixer) {
           if (!canConvertToSlot(vSlotAttr)) {
             return null
           }
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index 04eb79792..4befe9f8c 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -85,6 +85,10 @@ module.exports = {
       if (expression.type !== 'CallExpression' || expression.arguments.length) {
         return null
       }
+      if (expression.optional) {
+        // Allow optional chaining
+        return null
+      }
       const callee = expression.callee
       if (callee.type !== 'Identifier') {
         return null
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 3799d0895..48452f822 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -32,7 +32,22 @@ function isValidElement(node) {
 }
 
 /**
- * Check whether the given node can be LHS.
+ * Check whether the given node is a MemberExpression containing an optional chaining.
+ * e.g.
+ * - `a?.b`
+ * - `a?.b.c`
+ * @param {ASTNode} node The node to check.
+ * @returns {boolean} `true` if the node is a MemberExpression containing an optional chaining.
+ */
+function isOptionalChainingMemberExpression(node) {
+  return (
+    node.type === 'ChainExpression' &&
+    node.expression.type === 'MemberExpression'
+  )
+}
+
+/**
+ * Check whether the given node can be LHS (left-hand side).
  * @param {ASTNode} node The node to check.
  * @returns {boolean} `true` if the node can be LHS.
  */
@@ -40,6 +55,33 @@ function isLhs(node) {
   return node.type === 'Identifier' || node.type === 'MemberExpression'
 }
 
+/**
+ * Check whether the given node is a MemberExpression of a possibly null object.
+ * e.g.
+ * - `(a?.b).c`
+ * - `(null).foo`
+ * @param {ASTNode} node The node to check.
+ * @returns {boolean} `true` if the node is a MemberExpression of a possibly null object.
+ */
+function maybeNullObjectMemberExpression(node) {
+  if (node.type !== 'MemberExpression') {
+    return false
+  }
+  const { object } = node
+  if (object.type === 'ChainExpression') {
+    // `(a?.b).c`
+    return true
+  }
+  if (object.type === 'Literal' && object.value === null && !object.bigint) {
+    // `(null).foo`
+    return true
+  }
+  if (object.type === 'MemberExpression') {
+    return maybeNullObjectMemberExpression(object)
+  }
+  return false
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -57,8 +99,12 @@ module.exports = {
     messages: {
       unexpectedInvalidElement:
         "'.sync' modifiers aren't supported on <{{name}}> non Vue-components.",
+      unexpectedOptionalChaining:
+        "Optional chaining cannot appear in 'v-bind' with '.sync' modifiers.",
       unexpectedNonLhsExpression:
         "'.sync' modifiers require the attribute value which is valid as LHS.",
+      unexpectedNullObject:
+        "'.sync' modifier has potential null object property access.",
       unexpectedUpdateIterationVariable:
         "'.sync' modifiers cannot update the iteration variable '{{varName}}' itself."
     }
@@ -83,16 +129,33 @@ module.exports = {
           })
         }
 
-        if (!node.value || !node.value.expression) {
+        if (!node.value) {
           return
         }
 
-        if (!isLhs(node.value.expression)) {
+        const expression = node.value.expression
+        if (!expression) {
+          // Parsing error
+          return
+        }
+        if (isOptionalChainingMemberExpression(expression)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedOptionalChaining'
+          })
+        } else if (!isLhs(expression)) {
           context.report({
             node,
             loc: node.loc,
             messageId: 'unexpectedNonLhsExpression'
           })
+        } else if (maybeNullObjectMemberExpression(expression)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedNullObject'
+          })
         }
 
         for (const reference of node.value.references) {
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index 451787367..adfe9c2da 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -37,7 +37,22 @@ function isValidElement(node) {
 }
 
 /**
- * Check whether the given node can be LHS.
+ * Check whether the given node is a MemberExpression containing an optional chaining.
+ * e.g.
+ * - `a?.b`
+ * - `a?.b.c`
+ * @param {ASTNode} node The node to check.
+ * @returns {boolean} `true` if the node is a MemberExpression containing an optional chaining.
+ */
+function isOptionalChainingMemberExpression(node) {
+  return (
+    node.type === 'ChainExpression' &&
+    node.expression.type === 'MemberExpression'
+  )
+}
+
+/**
+ * Check whether the given node can be LHS (left-hand side).
  * @param {ASTNode} node The node to check.
  * @returns {boolean} `true` if the node can be LHS.
  */
@@ -45,6 +60,33 @@ function isLhs(node) {
   return node.type === 'Identifier' || node.type === 'MemberExpression'
 }
 
+/**
+ * Check whether the given node is a MemberExpression of a possibly null object.
+ * e.g.
+ * - `(a?.b).c`
+ * - `(null).foo`
+ * @param {ASTNode} node The node to check.
+ * @returns {boolean} `true` if the node is a MemberExpression of a possibly null object.
+ */
+function maybeNullObjectMemberExpression(node) {
+  if (node.type !== 'MemberExpression') {
+    return false
+  }
+  const { object } = node
+  if (object.type === 'ChainExpression') {
+    // `(a?.b).c`
+    return true
+  }
+  if (object.type === 'Literal' && object.value === null && !object.bigint) {
+    // `(null).foo`
+    return true
+  }
+  if (object.type === 'MemberExpression') {
+    return maybeNullObjectMemberExpression(object)
+  }
+  return false
+}
+
 /**
  * Get the variable by names.
  * @param {string} name The variable name to find.
@@ -76,6 +118,7 @@ function getVariable(name, leafNode) {
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/** @type {RuleModule}  */
 module.exports = {
   meta: {
     type: 'problem',
@@ -85,7 +128,25 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-model.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedInvalidElement:
+        "'v-model' directives aren't supported on <{{name}}> elements.",
+      unexpectedInputFile:
+        "'v-model' directives don't support 'file' input type.",
+      unexpectedArgument: "'v-model' directives require no argument.",
+      unexpectedModifier:
+        "'v-model' directives don't support the modifier '{{name}}'.",
+      missingValue: "'v-model' directives require that attribute value.",
+      unexpectedOptionalChaining:
+        "Optional chaining cannot appear in 'v-model' directives.",
+      unexpectedNonLhsExpression:
+        "'v-model' directives require the attribute value which is valid as LHS.",
+      unexpectedNullObject:
+        "'v-model' directive has potential null object property access.",
+      unexpectedUpdateIterationVariable:
+        "'v-model' directives cannot update the iteration variable '{{varName}}' itself."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -99,8 +160,7 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message:
-              "'v-model' directives aren't supported on <{{name}}> elements.",
+            messageId: 'unexpectedInvalidElement',
             data: { name }
           })
         }
@@ -109,7 +169,7 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-model' directives don't support 'file' input type."
+            messageId: 'unexpectedInputFile'
           })
         }
 
@@ -118,7 +178,7 @@ module.exports = {
             context.report({
               node,
               loc: node.loc,
-              message: "'v-model' directives require no argument."
+              messageId: 'unexpectedArgument'
             })
           }
 
@@ -127,8 +187,7 @@ module.exports = {
               context.report({
                 node,
                 loc: node.loc,
-                message:
-                  "'v-model' directives don't support the modifier '{{name}}'.",
+                messageId: 'unexpectedModifier',
                 data: { name: modifier.name }
               })
             }
@@ -139,20 +198,32 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message: "'v-model' directives require that attribute value."
+            messageId: 'missingValue'
           })
           return
         }
-        if (!node.value.expression) {
+        const expression = node.value.expression
+        if (!expression) {
           // Parsing error
           return
         }
-        if (!isLhs(node.value.expression)) {
+        if (isOptionalChainingMemberExpression(expression)) {
           context.report({
             node,
             loc: node.loc,
-            message:
-              "'v-model' directives require the attribute value which is valid as LHS."
+            messageId: 'unexpectedOptionalChaining'
+          })
+        } else if (!isLhs(expression)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedNonLhsExpression'
+          })
+        } else if (maybeNullObjectMemberExpression(expression)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedNullObject'
           })
         }
 
@@ -167,8 +238,8 @@ module.exports = {
             context.report({
               node,
               loc: node.loc,
-              message:
-                "'v-model' directives cannot update the iteration variable '{{varName}}' itself.",
+              messageId: 'unexpectedUpdateIterationVariable',
+
               data: { varName: id.name }
             })
           }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0a6f7bf33..130530526 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -315,7 +315,6 @@ module.exports = {
       })
     }
   },
-
   /**
    * Checks whether the given value is defined.
    * @template T
@@ -323,18 +322,6 @@ module.exports = {
    * @returns {v is T}
    */
   isDef,
-  /**
-   * Check whether the given node is the root element or not.
-   * @param {VElement} node The element node to check.
-   * @returns {boolean} `true` if the node is the root element.
-   */
-  isRootElement(node) {
-    return (
-      node.parent.type === 'VDocumentFragment' ||
-      node.parent.parent.type === 'VDocumentFragment'
-    )
-  },
-
   /**
    * Get the previous sibling element of the given element.
    * @param {VElement} node The element node to get the previous sibling element.
@@ -648,36 +635,6 @@ module.exports = {
   isHtmlVoidElementName(name) {
     return VOID_ELEMENT_NAMES.has(name)
   },
-
-  /**
-   * Parse member expression node to get array with all of its parts
-   * @param {ESNode} node MemberExpression
-   * @returns {string[]}
-   */
-  parseMemberExpression(node) {
-    const members = []
-
-    if (node.type === 'MemberExpression') {
-      /** @type {Expression | Super} */
-      let memberExpression = node
-
-      while (memberExpression.type === 'MemberExpression') {
-        if (memberExpression.property.type === 'Identifier') {
-          members.push(memberExpression.property.name)
-        }
-        memberExpression = memberExpression.object
-      }
-
-      if (memberExpression.type === 'ThisExpression') {
-        members.push('this')
-      } else if (memberExpression.type === 'Identifier') {
-        members.push(memberExpression.name)
-      }
-    }
-
-    return members.reverse()
-  },
-
   /**
    * Gets the property name of a given node.
    * @param {Property|AssignmentProperty|MethodDefinition|MemberExpression} node - The node to get.
@@ -724,7 +681,7 @@ module.exports = {
             type: 'object',
             key: prop.key,
             propName,
-            value: unwrapTypes(prop.value),
+            value: skipTSAsExpression(prop.value),
             node: prop
           }
         }
@@ -732,7 +689,7 @@ module.exports = {
           type: 'object',
           key: null,
           propName: null,
-          value: unwrapTypes(prop.value),
+          value: skipTSAsExpression(prop.value),
           node: prop
         }
       })
@@ -795,7 +752,7 @@ module.exports = {
             type: 'object',
             key: prop.key,
             emitName,
-            value: unwrapTypes(prop.value),
+            value: skipTSAsExpression(prop.value),
             node: prop
           }
         }
@@ -803,7 +760,7 @@ module.exports = {
           type: 'object',
           key: null,
           emitName: null,
-          value: unwrapTypes(prop.value),
+          value: skipTSAsExpression(prop.value),
           node: prop
         }
       })
@@ -862,7 +819,7 @@ module.exports = {
       .map((cp) => {
         const key = getStaticPropertyName(cp)
         /** @type {Expression} */
-        const propValue = unwrapTypes(cp.value)
+        const propValue = skipTSAsExpression(cp.value)
         /** @type {BlockStatement | null} */
         let value = null
 
@@ -1056,7 +1013,7 @@ module.exports = {
         const callee = callExpr.callee
 
         if (callee.type === 'MemberExpression') {
-          const calleeObject = unwrapTypes(callee.object)
+          const calleeObject = skipTSAsExpression(callee.object)
 
           if (
             calleeObject.type === 'Identifier' &&
@@ -1125,7 +1082,7 @@ module.exports = {
    */
   *iterateObjectExpression(node, groupName) {
     /** @type {Set<Property> | undefined} */
-    let usedGetter = new Set()
+    let usedGetter
     for (const item of node.properties) {
       if (item.type === 'Property') {
         const key = item.key
@@ -1313,52 +1270,15 @@ module.exports = {
   getMemberChaining(node) {
     /** @type {MemberExpression[]} */
     const nodes = []
-    let n = node
+    let n = skipChainExpression(node)
 
     while (n.type === 'MemberExpression') {
       nodes.push(n)
-      n = n.object
+      n = skipChainExpression(n.object)
     }
 
     return [n, ...nodes.reverse()]
   },
-  /**
-   * Parse CallExpression or MemberExpression to get simplified version without arguments
-   *
-   * @param  {ESNode} node The node to parse (MemberExpression | CallExpression)
-   * @return {String} eg. 'this.asd.qwe().map().filter().test.reduce()'
-   */
-  parseMemberOrCallExpression(node) {
-    const parsedCallee = []
-    let n = node
-    let isFunc
-
-    while (n.type === 'MemberExpression' || n.type === 'CallExpression') {
-      if (n.type === 'CallExpression') {
-        n = n.callee
-        isFunc = true
-      } else {
-        if (n.computed) {
-          parsedCallee.push(`[]${isFunc ? '()' : ''}`)
-        } else if (n.property.type === 'Identifier') {
-          parsedCallee.push(n.property.name + (isFunc ? '()' : ''))
-        }
-        isFunc = false
-        n = n.object
-      }
-    }
-
-    if (n.type === 'Identifier') {
-      parsedCallee.push(n.name)
-    }
-
-    if (n.type === 'ThisExpression') {
-      parsedCallee.push('this')
-    }
-
-    return parsedCallee.reverse().join('.').replace(/\.\[/g, '[')
-  },
-
   /**
    * return two string editdistance
    * @param {string} a string a to compare
@@ -1418,18 +1338,17 @@ module.exports = {
    */
   isPropertyChain,
   /**
-   * Unwrap typescript types like "X as F"
-   * @template T
-   * @param {T} node
-   * @return {T}
+   * Retrieve `TSAsExpression#expression` value if the given node a `TSAsExpression` node. Otherwise, pass through it.
+   */
+  skipTSAsExpression,
+  /**
+   * Retrieve `AssignmentPattern#left` value if the given node a `AssignmentPattern` node. Otherwise, pass through it.
    */
-  unwrapTypes,
+  skipDefaultParamValue,
   /**
-   * Unwrap AssignmentPattern like "(a = 1) => ret"
-   * @param { AssignmentPattern | RestElement | ArrayPattern | ObjectPattern | Identifier } node
-   * @return { RestElement | ArrayPattern | ObjectPattern | Identifier}
+   * Retrieve `ChainExpression#expression` value if the given node a `ChainExpression` node. Otherwise, pass through it.
    */
-  unwrapAssignmentPattern,
+  skipChainExpression,
 
   /**
    * Check whether the given node is `this` or variable that stores `this`.
@@ -1479,6 +1398,7 @@ module.exports = {
   findMutating(props) {
     /** @type {MemberExpression[]} */
     const pathNodes = []
+    /** @type {MemberExpression | Identifier | ChainExpression} */
     let node = props
     let target = node.parent
     while (true) {
@@ -1499,10 +1419,9 @@ module.exports = {
           pathNodes
         }
       } else if (target.type === 'CallExpression') {
-        if (node !== props && target.callee === node) {
-          const callName = getStaticPropertyName(
-            /** @type {MemberExpression} */ (node)
-          )
+        if (pathNodes.length > 0 && target.callee === node) {
+          const mem = pathNodes[pathNodes.length - 1]
+          const callName = getStaticPropertyName(mem)
           if (
             callName &&
             /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(
@@ -1525,6 +1444,10 @@ module.exports = {
           target = target.parent
           continue // loop
         }
+      } else if (target.type === 'ChainExpression') {
+        node = target
+        target = target.parent
+        continue // loop
       }
 
       return null
@@ -1660,14 +1583,12 @@ function findProperty(node, name, filter) {
        * @returns {prop is Property}
        */
       (prop) =>
-        prop.type === 'Property' &&
-        getStaticPropertyName(prop) === name &&
-        filter(prop)
+        isProperty(prop) && getStaticPropertyName(prop) === name && filter(prop)
     : /**
        * @param {Property | SpreadElement} prop
        * @returns {prop is Property}
        */
-      (prop) => prop.type === 'Property' && getStaticPropertyName(prop) === name
+      (prop) => isProperty(prop) && getStaticPropertyName(prop) === name
   return node.properties.find(predicate) || null
 }
 
@@ -1685,14 +1606,15 @@ function findAssignmentProperty(node, name, filter) {
        * @returns {prop is AssignmentProperty}
        */
       (prop) =>
-        prop.type === 'Property' &&
+        isAssignmentProperty(prop) &&
         getStaticPropertyName(prop) === name &&
         filter(prop)
     : /**
        * @param {AssignmentProperty | RestElement} prop
        * @returns {prop is AssignmentProperty}
        */
-      (prop) => prop.type === 'Property' && getStaticPropertyName(prop) === name
+      (prop) =>
+        isAssignmentProperty(prop) && getStaticPropertyName(prop) === name
   return node.properties.find(predicate) || null
 }
 
@@ -1722,20 +1644,21 @@ function isVElement(node) {
 }
 
 /**
- * Unwrap typescript types like "X as F"
- * @template T
- * @param {T} node
- * @return {T}
+ * Retrieve `TSAsExpression#expression` value if the given node a `TSAsExpression` node. Otherwise, pass through it.
+ * @template T Node type
+ * @param {T | TSAsExpression} node The node to address.
+ * @returns {T} The `TSAsExpression#expression` value if the node is a `TSAsExpression` node. Otherwise, the node.
  */
-function unwrapTypes(node) {
+function skipTSAsExpression(node) {
   if (!node) {
     return node
   }
   // @ts-expect-error
   if (node.type === 'TSAsExpression') {
     // @ts-expect-error
-    return unwrapTypes(node.expression)
+    return skipTSAsExpression(node.expression)
   }
+  // @ts-expect-error
   return node
 }
 
@@ -1766,18 +1689,40 @@ function isPropertyChain(prop, node) {
 }
 
 /**
- * Unwrap AssignmentPattern like "(a = 1) => ret"
- * @param { AssignmentPattern | RestElement | ArrayPattern | ObjectPattern | Identifier } node
- * @return { RestElement | ArrayPattern | ObjectPattern | Identifier}
+ * Retrieve `AssignmentPattern#left` value if the given node a `AssignmentPattern` node. Otherwise, pass through it.
+ * @template T Node type
+ * @param {T | AssignmentPattern} node The node to address.
+ * @return {T} The `AssignmentPattern#left` value if the node is a `AssignmentPattern` node. Otherwise, the node.
  */
-function unwrapAssignmentPattern(node) {
+function skipDefaultParamValue(node) {
   if (!node) {
     return node
   }
+  // @ts-expect-error
   if (node.type === 'AssignmentPattern') {
     // @ts-expect-error
-    return unwrapAssignmentPattern(node.left)
+    return skipDefaultParamValue(node.left)
   }
+  // @ts-expect-error
+  return node
+}
+
+/**
+ * Retrieve `ChainExpression#expression` value if the given node a `ChainExpression` node. Otherwise, pass through it.
+ * @template T Node type
+ * @param {T | ChainExpression} node The node to address.
+ * @returns {T} The `ChainExpression#expression` value if the node is a `ChainExpression` node. Otherwise, the node.
+ */
+function skipChainExpression(node) {
+  if (!node) {
+    return node
+  }
+  // @ts-expect-error
+  if (node.type === 'ChainExpression') {
+    // @ts-expect-error
+    return skipChainExpression(node.expression)
+  }
+  // @ts-expect-error
   return node
 }
 
@@ -1879,7 +1824,7 @@ function isVueComponent(node) {
     const callee = node.callee
 
     if (callee.type === 'MemberExpression') {
-      const calleeObject = unwrapTypes(callee.object)
+      const calleeObject = skipTSAsExpression(callee.object)
 
       if (calleeObject.type === 'Identifier') {
         const propName = getStaticPropertyName(callee)
@@ -1933,7 +1878,8 @@ function isVueComponent(node) {
   function isObjectArgument(node) {
     return (
       node.arguments.length > 0 &&
-      unwrapTypes(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+      skipTSAsExpression(node.arguments.slice(-1)[0]).type ===
+        'ObjectExpression'
     )
   }
 }
@@ -1951,7 +1897,7 @@ function isVueInstance(node) {
       callee.type === 'Identifier' &&
       callee.name === 'Vue' &&
       node.arguments.length &&
-      unwrapTypes(node.arguments[0]).type === 'ObjectExpression'
+      skipTSAsExpression(node.arguments[0]).type === 'ObjectExpression'
   )
 }
 
@@ -1971,7 +1917,7 @@ function getVueObjectType(context, node) {
     const filePath = context.getFilename()
     if (
       isVueComponentFile(parent, filePath) &&
-      unwrapTypes(parent.declaration) === node
+      skipTSAsExpression(parent.declaration) === node
     ) {
       return 'export'
     }
@@ -1979,13 +1925,16 @@ function getVueObjectType(context, node) {
     // Vue.component('xxx', {}) || component('xxx', {})
     if (
       isVueComponent(parent) &&
-      unwrapTypes(parent.arguments.slice(-1)[0]) === node
+      skipTSAsExpression(parent.arguments.slice(-1)[0]) === node
     ) {
       return 'definition'
     }
   } else if (parent.type === 'NewExpression') {
     // new Vue({})
-    if (isVueInstance(parent) && unwrapTypes(parent.arguments[0]) === node) {
+    if (
+      isVueInstance(parent) &&
+      skipTSAsExpression(parent.arguments[0]) === node
+    ) {
       return 'instance'
     }
   }
diff --git a/package.json b/package.json
index f1a5d94d4..2dacb75b8 100644
--- a/package.json
+++ b/package.json
@@ -50,10 +50,10 @@
     "node": ">=8.10"
   },
   "peerDependencies": {
-    "eslint": "^6.0.0 || ^7.0.0"
+    "eslint": "^6.2.0 || ^7.0.0"
   },
   "dependencies": {
-    "eslint-utils": "^2.0.0",
+    "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
     "vue-eslint-parser": "^7.1.0"
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index b767223e2..934bb079f 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -10,7 +10,7 @@ const rule = require('../../../lib/rules/custom-event-name-casing')
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2019,
+    ecmaVersion: 2020,
     sourceType: 'module'
   }
 })
@@ -216,6 +216,66 @@ tester.run('custom-event-name-casing', rule, {
           endColumn: 32
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit?.('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context?.emit?.('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this?.$emit?.('bazQux')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        "Custom event name 'fooBar' must be kebab-case.",
+        "Custom event name 'barBaz' must be kebab-case.",
+        "Custom event name 'bazQux' must be kebab-case."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit?.('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              (context?.emit)?.('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            (this?.$emit)?.('bazQux')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        "Custom event name 'fooBar' must be kebab-case.",
+        "Custom event name 'barBaz' must be kebab-case.",
+        "Custom event name 'bazQux' must be kebab-case."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index de6769091..8ea81b5cb 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -12,7 +12,7 @@ const rule = require('../../../lib/rules/no-async-in-computed-properties')
 const RuleTester = require('eslint').RuleTester
 
 const parserOptions = {
-  ecmaVersion: 2018,
+  ecmaVersion: 2020,
   sourceType: 'module'
 }
 
@@ -302,6 +302,34 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          computed: {
+            foo: function () {
+              return bar?.then?.(response => {})
+            }
+          }
+        }
+      `,
+      parserOptions,
+      errors: ['Unexpected asynchronous action in "foo" computed property.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          computed: {
+            foo: function () {
+              return (bar?.then)?.(response => {})
+            }
+          }
+        }
+      `,
+      parserOptions,
+      errors: ['Unexpected asynchronous action in "foo" computed property.']
+    },
     {
       filename: 'test.vue',
       code: `
@@ -551,6 +579,66 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           line: 12
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        computed: {
+          foo: function () {
+            setTimeout?.(() => { }, 0)
+            window?.setTimeout?.(() => { }, 0)
+            setInterval(() => { }, 0)
+            window?.setInterval?.(() => { }, 0)
+            setImmediate?.(() => { })
+            window?.setImmediate?.(() => { })
+            requestAnimationFrame?.(() => {})
+            window?.requestAnimationFrame?.(() => {})
+          }
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        computed: {
+          foo: function () {
+            setTimeout?.(() => { }, 0)
+            ;(window?.setTimeout)?.(() => { }, 0)
+            setInterval(() => { }, 0)
+            ;(window?.setInterval)?.(() => { }, 0)
+            setImmediate?.(() => { })
+            ;(window?.setImmediate)?.(() => { })
+            requestAnimationFrame?.(() => {})
+            ;(window?.requestAnimationFrame)?.(() => {})
+          }
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.',
+        'Unexpected timed function in "foo" computed property.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
index deaff0758..8644d13aa 100644
--- a/tests/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -18,7 +18,7 @@ const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
   valid: [
@@ -240,6 +240,30 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
           messageId: 'deprecated'
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          computed: {
+            foo () {
+              const vm = this
+              const a = vm?.$listeners
+              const b = this?.$listeners
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated'
+        },
+        {
+          messageId: 'deprecated'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
index 303e5de99..a29211a22 100644
--- a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -18,7 +18,7 @@ const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
   valid: [
@@ -283,6 +283,41 @@ ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
           messageId: 'deprecated'
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          render () {
+            const vm = this
+            const a = vm?.$scopedSlots
+            const b = this?.$scopedSlots
+            return a.foo('bar')
+          }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+          render () {
+            const vm = this
+            const a = vm?.$slots
+            const b = this?.$slots
+            return a.foo('bar')
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated'
+        },
+        {
+          messageId: 'deprecated'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index b52651aff..3022690b1 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -13,7 +13,7 @@ const rule = require('../../../lib/rules/no-deprecated-events-api')
 const RuleTester = require('eslint').RuleTester
 
 const parserOptions = {
-  ecmaVersion: 2018,
+  ecmaVersion: 2020,
   sourceType: 'module'
 }
 
@@ -113,6 +113,20 @@ ruleTester.run('no-deprecated-events-api', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            // It is OK because checking whether it is deprecated.
+            this.$on?.('start', foo)
+            this.$off?.('start', foo)
+            this.$once?.('start', foo)
+          }
+        })
+      `,
+      parserOptions
     }
   ],
 
@@ -195,6 +209,42 @@ ruleTester.run('no-deprecated-events-api', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            this?.$on('start')
+            this?.$off('start')
+            this?.$once('start')
+          }
+        })
+      `,
+      parserOptions,
+      errors: [
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
+      ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            ;(this?.$on)('start')
+            ;(this?.$off)('start')
+            ;(this?.$once)('start')
+          }
+        })
+      `,
+      parserOptions,
+      errors: [
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-vue-config-keycodes.js b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
index eebd7943c..dae0ec800 100644
--- a/tests/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -17,7 +17,7 @@ const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  parserOptions: { ecmaVersion: 2020 }
 })
 
 ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
@@ -51,6 +51,16 @@ ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
           endColumn: 20
         }
       ]
+    },
+    {
+      filename: 'test.js',
+      code: 'Vue?.config?.keyCodes',
+      errors: ['`Vue.config.keyCodes` are deprecated.']
+    },
+    {
+      filename: 'test.js',
+      code: '(Vue?.config)?.keyCodes',
+      errors: ['`Vue.config.keyCodes` are deprecated.']
     }
   ]
 })
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index dd1660790..17dfada47 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -8,7 +8,7 @@ const rule = require('../../../lib/rules/no-lifecycle-after-await')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
 tester.run('no-lifecycle-after-await', rule, {
@@ -204,6 +204,26 @@ tester.run('no-lifecycle-after-await', rule, {
           line: 18
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {onMounted} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+
+          onMounted?.(() => { /* ... */ }) // error
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'forbidden'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-multiple-slot-args.js b/tests/lib/rules/no-multiple-slot-args.js
index fb42767b9..0720a951f 100644
--- a/tests/lib/rules/no-multiple-slot-args.js
+++ b/tests/lib/rules/no-multiple-slot-args.js
@@ -18,7 +18,7 @@ const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 ruleTester.run('no-multiple-slot-args', rule, {
   valid: [
@@ -109,6 +109,90 @@ ruleTester.run('no-multiple-slot-args', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          this?.$scopedSlots?.default?.(foo, bar)
+          this?.$scopedSlots?.foo?.(foo, bar)
+          const vm = this
+          vm?.$scopedSlots?.default?.(foo, bar)
+          vm?.$scopedSlots?.foo?.(foo, bar)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          this.$scopedSlots.default?.(foo, bar)
+          this.$scopedSlots.foo?.(foo, bar)
+          const vm = this
+          vm.$scopedSlots.default?.(foo, bar)
+          vm.$scopedSlots.foo?.(foo, bar)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          ;(this?.$scopedSlots)?.default?.(foo, bar)
+          ;(this?.$scopedSlots?.foo)?.(foo, bar)
+          const vm = this
+          ;(vm?.$scopedSlots)?.default?.(foo, bar)
+          ;(vm?.$scopedSlots?.foo)?.(foo, bar)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        render (h) {
+          ;(this?.$scopedSlots).default(foo, bar)
+          ;(this?.$scopedSlots?.foo)(foo, bar)
+          const vm = this
+          ;(vm?.$scopedSlots).default(foo, bar)
+          ;(vm?.$scopedSlots?.foo)(foo, bar)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'Unexpected multiple arguments.',
+        'Unexpected multiple arguments.'
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 1e9e09737..e46ae0fd2 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -343,6 +343,52 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-text="prop1?.shift?.()"></div>
+            <div v-text="prop2?.slice?.(0)?.shift?.()"></div>
+            <div v-if="this?.prop3"></div>
+            <div v-if="this?.prop4 < 10"></div>
+            <div v-text="this?.prop5?.shift?.()"></div>
+            <div v-text="this?.prop6?.slice?.(0)?.shift?.()"></div>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6']
+          }
+        </script>
+      `,
+      errors: [
+        'Unexpected mutation of "prop1" prop.',
+        'Unexpected mutation of "prop5" prop.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-text="(prop1?.shift)?.()"></div>
+            <div v-text="(this?.prop2)?.shift?.()"></div>
+            <div v-text="(this?.prop3?.shift)?.()"></div>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3']
+          }
+        </script>
+      `,
+      errors: [
+        'Unexpected mutation of "prop1" prop.',
+        'Unexpected mutation of "prop2" prop.',
+        'Unexpected mutation of "prop3" prop.'
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -419,6 +465,28 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo', 'bar', 'baz'],
+            methods: {
+              openModal() {
+                this?.foo?.push?.('something')
+                ;(this?.bar)?.push?.('something')
+                ;(this?.baz?.push)?.('something')
+              }
+            }
+          }
+        </script>
+      `,
+      errors: [
+        'Unexpected mutation of "foo" prop.',
+        'Unexpected mutation of "bar" prop.',
+        'Unexpected mutation of "baz" prop.'
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index ca553e35c..50cfd3249 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -8,7 +8,7 @@ const rule = require('../../../lib/rules/no-ref-as-operand')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
 tester.run('no-ref-as-operand', rule, {
@@ -492,6 +492,20 @@ tester.run('no-ref-as-operand', rule, {
           messageId: 'requireDotValue'
         }
       ]
+    },
+    {
+      code: `
+      <script>
+        import { ref } from 'vue'
+        const foo = ref(123)
+        const bar = foo?.bar
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'requireDotValue'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index c0e35df06..781a3ce08 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -8,7 +8,7 @@ const rule = require('../../../lib/rules/no-setup-props-destructure')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
 tester.run('no-setup-props-destructure', rule, {
@@ -342,6 +342,38 @@ tester.run('no-setup-props-destructure', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const x = p.foo
+          const y = p?.bar
+          const z = (p?.baz).qux
+
+          const xc = p?.foo?.()
+          const yc = (p?.bar)?.()
+          const zc = (p?.baz.qux)?.()
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 6
+        },
+        {
+          messageId: 'getProperty',
+          line: 7
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 40caaf0c9..5aefc95c9 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -12,7 +12,7 @@ const rule = require('../../../lib/rules/no-side-effects-in-computed-properties'
 const RuleTester = require('eslint').RuleTester
 
 const parserOptions = {
-  ecmaVersion: 2018,
+  ecmaVersion: 2020,
   sourceType: 'module'
 }
 
@@ -338,6 +338,27 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           message: 'Unexpected side effect in "test1" computed property.'
         }
       ]
+    },
+    {
+      code: `Vue.component('test', {
+        computed: {
+          test1() {
+            return this?.something?.reverse?.()
+          },
+          test2() {
+            return (this?.something)?.reverse?.()
+          },
+          test3() {
+            return (this?.something?.reverse)?.()
+          },
+        }
+      })`,
+      parserOptions,
+      errors: [
+        'Unexpected side effect in "test1" computed property.',
+        'Unexpected side effect in "test2" computed property.',
+        'Unexpected side effect in "test3" computed property.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 355fb8df7..4319d14fc 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -995,6 +995,41 @@ tester.run('no-unused-properties', rule, {
             props: [, 'count']
           }
         </script>
+        `
+    },
+    // optional chaining
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import { ref, onMounted } from 'vue'
+
+        export default {
+          props: ['foo', 'bar'],
+          methods: {
+            fn () {
+              fn(this)
+            }
+          }
+        }
+
+        function fn(a) {
+          return a?.foo + a?.bar
+        }
+      </script>`
+    },
+    {
+      filename: 'test.js',
+      code: `
+      Vue.component('MyButton', {
+        functional: true,
+        props: ['foo', 'bar'],
+        render: function (createElement, ctx) {
+          const a = ctx
+          const b = a?.props?.foo
+          const c = (a?.props)?.bar
+        }
+      })
       `
     }
   ],
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index 9bc7c04e6..c7cf73150 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -8,7 +8,7 @@ const rule = require('../../../lib/rules/no-watch-after-await')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
 tester.run('no-watch-after-await', rule, {
@@ -97,6 +97,27 @@ tester.run('no-watch-after-await', rule, {
       Vue.component('test', {
         el: foo()
       })`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {watch, watchEffect} from 'vue'
+      export default {
+        async setup() {
+          await doSomething()
+          const a = watchEffect?.(() => { /* ... */ })
+          const b = watch?.(foo, () => { /* ... */ })
+          c = watch?.()
+          d(watch?.())
+          e = {
+            foo: watch?.()
+          }
+          f = [watch?.()]
+        }
+      }
+      </script>
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 5c99608fc..76d510964 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -879,6 +879,7 @@ ruleTester.run('order-in-components', rule, {
           testYield: function* () {},
           testTemplate: \`a:\${a},b:\${b},c:\${c}.\`,
           testNullish: a ?? b,
+          testOptionalChaining: a?.b?.c,
           name: 'burger',
         };
       `,
@@ -897,13 +898,14 @@ ruleTester.run('order-in-components', rule, {
           testYield: function* () {},
           testTemplate: \`a:\${a},b:\${b},c:\${c}.\`,
           testNullish: a ?? b,
+          testOptionalChaining: a?.b?.c,
         };
       `,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 14
+          line: 15
         }
       ]
     }
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index cdc0f4170..dcd551560 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -11,7 +11,7 @@
 const rule = require('../../../lib/rules/require-default-prop')
 const RuleTester = require('eslint').RuleTester
 const parserOptions = {
-  ecmaVersion: 2018,
+  ecmaVersion: 2020,
   sourceType: 'module'
 }
 
@@ -148,7 +148,8 @@ ruleTester.run('require-default-prop', rule, {
           props: {
             bar,
             baz: prop,
-            bar1: foo()
+            baz1: prop.foo,
+            bar2: foo()
           }
         }
       `
@@ -285,7 +286,7 @@ ruleTester.run('require-default-prop', rule, {
       ]
     },
 
-    // computed propertys
+    // computed properties
     {
       filename: 'test.vue',
       code: `
@@ -370,6 +371,22 @@ ruleTester.run('require-default-prop', rule, {
         }
       `,
       errors: ["Prop 'foo' requires default value to be set."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            bar,
+            baz: prop?.foo,
+            bar1: foo?.(),
+          }
+        }
+      `,
+      errors: [
+        "Prop 'baz' requires default value to be set.",
+        "Prop 'bar1' requires default value to be set."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index cef95dd75..d59d78600 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -10,7 +10,7 @@ const rule = require('../../../lib/rules/require-explicit-emits')
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2019,
+    ecmaVersion: 2020,
     sourceType: 'module'
   }
 })
@@ -1514,6 +1514,43 @@ emits: {'foo': null}
           ]
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+            ;(vm?.$emit)?.('bar')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'The "foo" event has been triggered but not declared on `emits` option.',
+        'The "bar" event has been triggered but not declared on `emits` option.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p, c) {
+          c?.emit?.('foo')
+          ;(c?.emit)?.('bar')
+        }
+      }
+      </script>
+      `,
+      errors: [
+        'The "foo" event has been triggered but not declared on `emits` option.',
+        'The "bar" event has been triggered but not declared on `emits` option.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-slots-as-functions.js b/tests/lib/rules/require-slots-as-functions.js
index 9d79a1ec7..ea83b5696 100644
--- a/tests/lib/rules/require-slots-as-functions.js
+++ b/tests/lib/rules/require-slots-as-functions.js
@@ -18,7 +18,7 @@ const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 ruleTester.run('require-slots-as-functions', rule, {
   valid: [
@@ -86,29 +86,27 @@ ruleTester.run('require-slots-as-functions', rule, {
         }
       ]
     },
-
     {
       filename: 'test.vue',
       code: `
       <script>
       export default {
         render (h) {
-          let children
-
-          const [node] = this.$slots.foo
-          const bar = [this.$slots[foo]]
-
-          children = this.$slots.foo
-
-          return h('div', children.filter(test))
+          var bar = this.$slots.foo?.bar // NG
+          var bar = this.$slots.foo?.() // OK
+          var bar = (this.$slots?.foo)?.bar // NG
+          var bar = (this.$slots?.foo)?.() // OK
+          var bar = (this?.$slots)?.foo?.bar // NG
+          var bar = (this?.$slots)?.foo?.() // OK
+          return h('div', bar)
         }
       }
       </script>
       `,
       errors: [
-        'Property in `$slots` should be used as function.',
-        'Property in `$slots` should be used as function.',
-        'Property in `$slots` should be used as function.'
+        { messageId: 'unexpected', line: 5 },
+        { messageId: 'unexpected', line: 7 },
+        { messageId: 'unexpected', line: 9 }
       ]
     }
   ]
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 2617e1460..58adccadf 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -195,6 +195,18 @@ ruleTester.run('require-valid-default-prop', rule, {
         }
       }`,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: Number,
+            default: Number?.()
+          }
+        }
+      }`,
+      parserOptions
     }
   ],
 
@@ -756,6 +768,19 @@ ruleTester.run('require-valid-default-prop', rule, {
           line: 11
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `export default {
+        props: {
+          foo: {
+            type: String,
+            default: Number?.()
+          }
+        }
+      }`,
+      parserOptions,
+      errors: errorMessage('string')
     }
   ]
 })
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 2d7bd46c1..5f36b570e 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -18,7 +18,7 @@ const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  parserOptions: { ecmaVersion: 2020 }
 })
 
 function createValidTests(prefix, options) {
@@ -188,7 +188,8 @@ ruleTester.run('this-in-template', rule, {
   valid: ['', '<template></template>', '<template><div></div></template>']
     .concat(createValidTests('', []))
     .concat(createValidTests('', ['never']))
-    .concat(createValidTests('this.', ['always'])),
+    .concat(createValidTests('this.', ['always']))
+    .concat(createValidTests('this?.', ['always'])),
   invalid: []
     .concat(
       createInvalidTests(
@@ -196,6 +197,12 @@ ruleTester.run('this-in-template', rule, {
         [],
         "Unexpected usage of 'this'.",
         'ThisExpression'
+      ),
+      createInvalidTests(
+        'this?.',
+        [],
+        "Unexpected usage of 'this'.",
+        'ThisExpression'
       )
     )
     .concat(
@@ -204,6 +211,12 @@ ruleTester.run('this-in-template', rule, {
         ['never'],
         "Unexpected usage of 'this'.",
         'ThisExpression'
+      ),
+      createInvalidTests(
+        'this?.',
+        ['never'],
+        "Unexpected usage of 'this'.",
+        'ThisExpression'
       )
     )
     .concat(
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index b78a92370..4ba6f5b00 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -16,7 +16,7 @@ const rule = require('../../../lib/rules/v-on-function-call')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  parserOptions: { ecmaVersion: 2020 }
 })
 
 tester.run('v-on-function-call', rule, {
@@ -106,6 +106,11 @@ tester.run('v-on-function-call', rule, {
         <div @click="fn() /* comment */"></div>
       </template>`,
       options: ['never', { ignoreIncludesComment: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo?.()"></div></template>',
+      options: ['never']
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index ea8bdf333..dfaf161ea 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -16,7 +16,7 @@ const rule = require('../../../lib/rules/valid-v-bind-sync')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  parserOptions: { ecmaVersion: 2020 }
 })
 
 tester.run('valid-v-bind-sync', rule, {
@@ -350,6 +350,42 @@ tester.run('valid-v-bind-sync', rule, {
       errors: [
         "'.sync' modifiers require the attribute value which is valid as LHS."
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync="foo?.bar" /></template>',
+      errors: [
+        "Optional chaining cannot appear in 'v-bind' with '.sync' modifiers."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync="foo?.bar.baz" /></template>',
+      errors: [
+        "Optional chaining cannot appear in 'v-bind' with '.sync' modifiers."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync="(a?.b)?.c" /></template>',
+      errors: [
+        "Optional chaining cannot appear in 'v-bind' with '.sync' modifiers."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync="(a?.b).c" /></template>',
+      errors: ["'.sync' modifier has potential null object property access."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync="(null).foo" /></template>',
+      errors: ["'.sync' modifier has potential null object property access."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent :foo.sync="(a?.b).c.d" /></template>',
+      errors: ["'.sync' modifier has potential null object property access."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 9e78ef47a..2369fe4df 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -18,7 +18,7 @@ const rule = require('../../../lib/rules/valid-v-model')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  parserOptions: { ecmaVersion: 2020 }
 })
 
 tester.run('valid-v-model', rule, {
@@ -232,6 +232,36 @@ tester.run('valid-v-model', rule, {
       filename: 'empty-value.vue',
       code: '<template><MyComponent v-model="" /></template>',
       errors: ["'v-model' directives require that attribute value."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><input v-model="foo?.bar"></template>',
+      errors: ["Optional chaining cannot appear in 'v-model' directives."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><input v-model="foo?.bar.baz"></template>',
+      errors: ["Optional chaining cannot appear in 'v-model' directives."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><input v-model="(a?.b)?.c"></template>',
+      errors: ["Optional chaining cannot appear in 'v-model' directives."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><input v-model="(a?.b).c"></template>',
+      errors: ["'v-model' directive has potential null object property access."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><input v-model="(null).foo"></template>',
+      errors: ["'v-model' directive has potential null object property access."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><input v-model="(a?.b).c.d"></template>',
+      errors: ["'v-model' directive has potential null object property access."]
     }
   ]
 })
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index d1b8c076d..fe5bf77fa 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -1,44 +1,19 @@
 'use strict'
 
 const babelEslint = require('babel-eslint')
+const espree = require('espree')
 const utils = require('../../../lib/utils/index')
 const chai = require('chai')
 
 const assert = chai.assert
 
-describe('parseMemberExpression', () => {
-  let node
-
-  const parse = function (code) {
-    return babelEslint.parse(code).body[0].expression
-  }
-
-  it('should parse member expression', () => {
-    node = parse('this.some.nested.property')
-    assert.deepEqual(utils.parseMemberExpression(node), [
-      'this',
-      'some',
-      'nested',
-      'property'
-    ])
-
-    node = parse('another.property')
-    assert.deepEqual(utils.parseMemberExpression(node), ['another', 'property'])
-
-    node = parse('this.something')
-    assert.deepEqual(utils.parseMemberExpression(node), ['this', 'something'])
-  })
-})
-
 describe('getComputedProperties', () => {
-  let node
-
   const parse = function (code) {
     return babelEslint.parse(code).body[0].declarations[0].init
   }
 
   it('should return empty array when there is no computed property', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
       data() {
         return {}
@@ -49,7 +24,7 @@ describe('getComputedProperties', () => {
   })
 
   it('should return computed properties', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
       data() {
         return {}
@@ -93,7 +68,7 @@ describe('getComputedProperties', () => {
   })
 
   it('should not collide with object spread operator', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
       computed: {
         ...mapGetters(['test']),
@@ -115,7 +90,7 @@ describe('getComputedProperties', () => {
   })
 
   it('should not collide with object spread operator inside CP', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
       computed: {
         foo: {
@@ -138,83 +113,175 @@ describe('getComputedProperties', () => {
 })
 
 describe('getStaticPropertyName', () => {
-  let node
-
   const parse = function (code) {
     return babelEslint.parse(code).body[0].declarations[0].init
   }
 
   it('should parse property expression with identifier', () => {
-    node = parse(`const test = { computed: { } }`)
+    const node = parse(`const test = { computed: { } }`)
 
     const parsed = utils.getStaticPropertyName(node.properties[0])
     assert.ok(parsed === 'computed')
   })
   it('should parse property expression with literal', () => {
-    node = parse(`const test = { ['computed'] () {} }`)
+    const node = parse(`const test = { ['computed'] () {} }`)
 
     const parsed = utils.getStaticPropertyName(node.properties[0])
     assert.ok(parsed === 'computed')
   })
   it('should parse property expression with template literal', () => {
-    node = parse(`const test = { [\`computed\`] () {} }`)
+    const node = parse(`const test = { [\`computed\`] () {} }`)
 
     const parsed = utils.getStaticPropertyName(node.properties[0])
     assert.ok(parsed === 'computed')
   })
-  // it('should parse identifier', () => {
-  //   node = parse(`const test = { computed: { } }`)
+})
+
+describe('getStringLiteralValue', () => {
+  const parse = function (code) {
+    return babelEslint.parse(code).body[0].declarations[0].init
+  }
 
-  //   const parsed = utils.getStaticPropertyName(node.properties[0].key)
-  //   assert.ok(parsed === 'computed')
-  // })
   it('should parse literal', () => {
-    node = parse(`const test = { ['computed'] () {} }`)
+    const node = parse(`const test = { ['computed'] () {} }`)
 
     const parsed = utils.getStringLiteralValue(node.properties[0].key)
     assert.ok(parsed === 'computed')
   })
   it('should parse template literal', () => {
-    node = parse(`const test = { [\`computed\`] () {} }`)
+    const node = parse(`const test = { [\`computed\`] () {} }`)
 
     const parsed = utils.getStringLiteralValue(node.properties[0].key)
     assert.ok(parsed === 'computed')
   })
 })
 
-describe('parseMemberOrCallExpression', () => {
-  let node
-
+describe('getMemberChaining', () => {
   const parse = function (code) {
-    return babelEslint.parse(code).body[0].declarations[0].init
+    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
+      .init
   }
 
-  it('should parse CallExpression', () => {
-    node = parse(
-      `const test = this.lorem['ipsum'].map(d => d.id).filter((a, b) => a > b).reduce((acc, d) => acc + d, 0)`
+  const jsonIgnoreKeys = ['expression', 'object']
+
+  it('should parse MemberExpression', () => {
+    const node = parse(`const test = this.lorem['ipsum'].foo.bar`)
+    const parsed = utils.getMemberChaining(node)
+    assert.equal(
+      nodeToJson(parsed, jsonIgnoreKeys),
+      nodeToJson([
+        {
+          type: 'ThisExpression'
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Identifier',
+            name: 'lorem'
+          },
+          computed: false,
+          optional: false
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Literal',
+            value: 'ipsum',
+            raw: "'ipsum'"
+          },
+          computed: true,
+          optional: false
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Identifier',
+            name: 'foo'
+          },
+          computed: false,
+          optional: false
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Identifier',
+            name: 'bar'
+          },
+          computed: false,
+          optional: false
+        }
+      ])
     )
-    const parsed = utils.parseMemberOrCallExpression(node)
-    assert.equal(parsed, 'this.lorem[].map().filter().reduce()')
   })
 
-  it('should parse MemberExpression', () => {
-    node = parse(
-      `const test = this.lorem['ipsum'][0].map(d => d.id).dolor.reduce((acc, d) => acc + d, 0).sit`
+  it('should parse optional Chaining ', () => {
+    const node = parse(`const test = (this?.lorem)['ipsum']?.[0]?.foo?.bar`)
+    const parsed = utils.getMemberChaining(node)
+    assert.equal(
+      nodeToJson(parsed, jsonIgnoreKeys),
+      nodeToJson([
+        {
+          type: 'ThisExpression'
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Identifier',
+            name: 'lorem'
+          },
+          computed: false,
+          optional: true
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Literal',
+            value: 'ipsum',
+            raw: "'ipsum'"
+          },
+          computed: true,
+          optional: false
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Literal',
+            value: 0,
+            raw: '0'
+          },
+          computed: true,
+          optional: true
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Identifier',
+            name: 'foo'
+          },
+          computed: false,
+          optional: true
+        },
+        {
+          type: 'MemberExpression',
+          property: {
+            type: 'Identifier',
+            name: 'bar'
+          },
+          computed: false,
+          optional: true
+        }
+      ])
     )
-    const parsed = utils.parseMemberOrCallExpression(node)
-    assert.equal(parsed, 'this.lorem[][].map().dolor.reduce().sit')
   })
 })
 
 describe('getRegisteredComponents', () => {
-  let node
-
   const parse = function (code) {
     return babelEslint.parse(code).body[0].declarations[0].init
   }
 
   it('should return empty array when there are no components registered', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
     }`)
 
@@ -222,7 +289,7 @@ describe('getRegisteredComponents', () => {
   })
 
   it('should return an array with all registered components', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
       components: {
         ...test,
@@ -249,7 +316,7 @@ describe('getRegisteredComponents', () => {
   })
 
   it('should return an array of only components whose names can be identified', () => {
-    node = parse(`const test = {
+    const node = parse(`const test = {
       name: 'test',
       components: {
         ...test,
@@ -269,15 +336,13 @@ describe('getRegisteredComponents', () => {
 })
 
 describe('getComponentProps', () => {
-  let props
-
   const parse = function (code) {
     const data = babelEslint.parse(code).body[0].declarations[0].init
     return utils.getComponentProps(data)
   }
 
   it('should return empty array when there is no component props', () => {
-    props = parse(`const test = {
+    const props = parse(`const test = {
       name: 'test',
       data() {
         return {}
@@ -288,7 +353,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return empty array when component props is empty array', () => {
-    props = parse(`const test = {
+    const props = parse(`const test = {
       name: 'test',
       props: []
     }`)
@@ -297,7 +362,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return empty array when component props is empty object', () => {
-    props = parse(`const test = {
+    const props = parse(`const test = {
       name: 'test',
       props: {}
     }`)
@@ -306,7 +371,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return computed props', () => {
-    props = parse(`const test = {
+    const props = parse(`const test = {
       name: 'test',
       ...test,
       data() {
@@ -341,7 +406,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return computed from array props', () => {
-    props = parse(`const test = {
+    const props = parse(`const test = {
       name: 'test',
       data() {
         return {}
@@ -382,3 +447,15 @@ describe('editdistance', () => {
     assert.equal(editDistance('computed', 'computd'), 1)
   })
 })
+function nodeToJson(nodes, ignores = []) {
+  return JSON.stringify(nodes, replacer, 2)
+  function replacer(key, value) {
+    if (key === 'parent' || key === 'start' || key === 'end') {
+      return undefined
+    }
+    if (ignores.includes(key)) {
+      return undefined
+    }
+    return value
+  }
+}
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index 5379decb6..b5b2488ca 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -49,7 +49,7 @@ function formatCategory(category) {
 module.exports = {
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: 2020,
     sourceType: 'module'
   },
   env: {

From d4cd35ec550629a44dd66b3e397dad9218bea1a1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 15:46:39 +0900
Subject: [PATCH 0163/1010] Update docs (#1252)

- Change link to documentation to v3.
- Add links to the v3 documentation in the rules for v3.
- format.
---
 docs/README.md                                |  4 ++--
 docs/rules/array-bracket-spacing.md           |  2 +-
 docs/rules/arrow-spacing.md                   |  2 +-
 docs/rules/attributes-order.md                |  7 ++++---
 docs/rules/block-spacing.md                   |  2 +-
 docs/rules/brace-style.md                     |  2 +-
 docs/rules/camelcase.md                       |  2 +-
 docs/rules/comma-dangle.md                    |  2 +-
 docs/rules/comma-spacing.md                   |  2 +-
 docs/rules/comma-style.md                     |  2 +-
 docs/rules/comment-directive.md               |  2 +-
 .../rules/component-definition-name-casing.md |  4 ++--
 .../component-name-in-template-casing.md      |  4 ++--
 docs/rules/component-tags-order.md            |  4 ++--
 docs/rules/custom-event-name-casing.md        |  3 ++-
 docs/rules/dot-location.md                    |  2 +-
 docs/rules/dot-notation.md                    |  2 +-
 docs/rules/eqeqeq.md                          |  2 +-
 docs/rules/func-call-spacing.md               |  2 +-
 docs/rules/html-closing-bracket-spacing.md    |  2 +-
 docs/rules/html-comment-content-newline.md    |  2 +-
 docs/rules/html-comment-content-spacing.md    |  2 +-
 docs/rules/html-quotes.md                     |  4 ++--
 docs/rules/html-self-closing.md               |  4 ++--
 docs/rules/key-spacing.md                     |  2 +-
 docs/rules/keyword-spacing.md                 |  2 +-
 docs/rules/match-component-file-name.md       |  4 ++--
 docs/rules/max-attributes-per-line.md         |  4 ++--
 docs/rules/max-len.md                         |  2 +-
 .../multiline-html-element-content-newline.md |  2 +-
 docs/rules/name-property-casing.md            |  4 ++--
 docs/rules/no-arrow-functions-in-watch.md     |  2 +-
 docs/rules/no-async-in-computed-properties.md |  2 +-
 docs/rules/no-bare-strings-in-template.md     |  2 +-
 docs/rules/no-confusing-v-for-v-if.md         | 10 ++++-----
 docs/rules/no-custom-modifiers-on-v-model.md  | 10 ++++-----
 .../no-deprecated-data-object-declaration.md  |  2 +-
 .../no-deprecated-dollar-listeners-api.md     |  2 +-
 .../no-deprecated-dollar-scopedslots-api.md   |  2 +-
 docs/rules/no-deprecated-events-api.md        |  2 +-
 docs/rules/no-deprecated-scope-attribute.md   |  2 +-
 docs/rules/no-deprecated-slot-attribute.md    |  2 +-
 .../no-deprecated-slot-scope-attribute.md     |  2 +-
 docs/rules/no-deprecated-v-bind-sync.md       |  8 +++----
 .../no-deprecated-v-on-native-modifier.md     |  8 +++----
 .../no-deprecated-v-on-number-modifiers.md    |  8 +++----
 .../no-deprecated-vue-config-keycodes.md      |  4 ++--
 docs/rules/no-dupe-v-else-if.md               |  2 +-
 docs/rules/no-duplicate-attr-inheritance.md   |  6 +++---
 docs/rules/no-duplicate-attributes.md         |  4 ++--
 docs/rules/no-empty-pattern.md                |  2 +-
 docs/rules/no-extra-parens.md                 |  2 +-
 docs/rules/no-irregular-whitespace.md         |  2 +-
 docs/rules/no-lifecycle-after-await.md        |  3 ++-
 docs/rules/no-lone-template.md                |  2 +-
 docs/rules/no-multiple-slot-args.md           |  2 +-
 docs/rules/no-mutating-props.md               |  4 ++--
 docs/rules/no-parsing-error.md                |  2 +-
 .../no-potential-component-option-typo.md     |  2 +-
 docs/rules/no-ref-as-operand.md               |  3 ++-
 docs/rules/no-reserved-component-names.md     |  5 +++--
 docs/rules/no-reserved-keys.md                |  2 +-
 docs/rules/no-restricted-static-attribute.md  |  2 +-
 docs/rules/no-restricted-syntax.md            |  2 +-
 docs/rules/no-restricted-v-bind.md            |  2 +-
 docs/rules/no-setup-props-destructure.md      |  3 ++-
 docs/rules/no-shared-component-data.md        |  7 +++++--
 .../no-side-effects-in-computed-properties.md |  4 ++--
 ...-spaces-around-equal-signs-in-attribute.md |  2 +-
 docs/rules/no-sparse-arrays.md                |  2 +-
 docs/rules/no-static-inline-styles.md         |  4 ++--
 docs/rules/no-template-key.md                 |  4 ++--
 docs/rules/no-textarea-mustache.md            |  6 +++---
 docs/rules/no-unsupported-features.md         | 14 ++++++-------
 docs/rules/no-use-v-if-with-v-for.md          |  8 +++----
 docs/rules/no-useless-concat.md               |  2 +-
 docs/rules/no-useless-mustaches.md            |  2 +-
 docs/rules/no-useless-v-bind.md               |  2 +-
 docs/rules/no-v-html.md                       |  2 +-
 docs/rules/no-v-model-argument.md             |  6 +++---
 docs/rules/no-watch-after-await.md            |  4 ++--
 docs/rules/object-curly-newline.md            |  2 +-
 docs/rules/object-curly-spacing.md            |  2 +-
 docs/rules/object-property-newline.md         |  2 +-
 docs/rules/one-component-per-file.md          |  4 ++--
 docs/rules/operator-linebreak.md              |  2 +-
 docs/rules/order-in-components.md             |  9 ++++----
 docs/rules/padding-line-between-blocks.md     |  2 +-
 docs/rules/prefer-template.md                 |  2 +-
 docs/rules/prop-name-casing.md                |  4 ++--
 docs/rules/require-component-is.md            |  4 ++--
 docs/rules/require-default-prop.md            |  4 ++--
 docs/rules/require-explicit-emits.md          |  3 ++-
 docs/rules/require-prop-type-constructor.md   |  4 ++--
 docs/rules/require-prop-types.md              |  4 ++--
 docs/rules/require-render-return.md           |  4 ++--
 docs/rules/require-slots-as-functions.md      |  3 ++-
 .../rules/require-toggle-inside-transition.md |  2 +-
 docs/rules/require-v-for-key.md               | 14 +++++++------
 docs/rules/require-valid-default-prop.md      |  4 ++--
 docs/rules/return-in-emits-validator.md       |  3 ++-
 docs/rules/script-indent.md                   |  2 +-
 docs/rules/sort-keys.md                       |  2 +-
 docs/rules/space-in-parens.md                 |  2 +-
 docs/rules/space-infix-ops.md                 |  2 +-
 docs/rules/space-unary-ops.md                 |  2 +-
 docs/rules/template-curly-spacing.md          |  2 +-
 docs/rules/use-v-on-exact.md                  |  6 +++---
 docs/rules/v-bind-style.md                    |  4 ++--
 docs/rules/v-on-style.md                      |  4 ++--
 docs/rules/v-slot-style.md                    |  4 ++--
 docs/rules/valid-v-bind-sync.md               | 12 +++++------
 docs/rules/valid-v-bind.md                    | 21 +++++++------------
 docs/rules/valid-v-else-if.md                 | 17 +++++++--------
 docs/rules/valid-v-else.md                    | 15 +++++++------
 docs/rules/valid-v-for.md                     | 15 +++++++------
 docs/rules/valid-v-html.md                    |  9 ++++----
 docs/rules/valid-v-if.md                      | 17 +++++++--------
 docs/rules/valid-v-model.md                   |  8 +++----
 docs/rules/valid-v-on.md                      |  8 +++----
 docs/rules/valid-v-show.md                    |  8 +++----
 docs/rules/valid-v-slot.md                    |  8 +++----
 docs/rules/valid-v-text.md                    |  8 +++----
 docs/user-guide/README.md                     | 15 ++++++-------
 lib/rules/no-use-v-if-with-v-for.js           |  5 +----
 125 files changed, 276 insertions(+), 273 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 953b51b5b..8bb745619 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -9,8 +9,8 @@ Official ESLint plugin for Vue.js.
 This plugin allows us to check the `<template>` and `<script>` of `.vue` files with ESLint.
 
 - Finds syntax errors.
-- Finds the wrong use of [Vue.js Directives](https://vuejs.org/v2/api/#Directives).
-- Finds the violation for [Vue.js Style Guide](https://vuejs.org/v2/style-guide/).
+- Finds the wrong use of [Vue.js Directives](https://v3.vuejs.org/api/directives.html).
+- Finds the violation for [Vue.js Style Guide](https://v3.vuejs.org/style-guide/).
 
 ESLint editor integrations are useful to check your code in real-time.
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index ed8e0cb36..4da69b6f6 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing inside array brackets
 
 This rule is the same rule as core [array-bracket-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [array-bracket-spacing]
 
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 91f5783f0..0ca9c4f82 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing before and after the arrow in arrow func
 
 This rule is the same rule as core [arrow-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [arrow-spacing]
 
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 5efeb6ec8..2da566bf4 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -12,7 +12,7 @@ description: enforce order of attributes
 
 ## :book: Rule Details
 
-This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue styleguide](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended) and is:
+This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue styleguide](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended) and is:
 
 - `DEFINITION`
   e.g. 'is'
@@ -215,9 +215,10 @@ This rule aims to enforce ordering of component attributes. The default order is
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Element attribute order](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended)
+- [Style guide - Element attribute order](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended)
+- [Style guide (for v2) - Element attribute order](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 16d5b3f51..bc6b003d6 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -11,7 +11,7 @@ description: disallow or enforce spaces inside of blocks after opening block and
 
 This rule is the same rule as core [block-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [block-spacing]
 
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index a0466e6fe..7ef57cd85 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -11,7 +11,7 @@ description: enforce consistent brace style for blocks
 
 This rule is the same rule as core [brace-style] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [brace-style]
 
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index e0e6d15f5..b52fcefd8 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -9,7 +9,7 @@ description: enforce camelcase naming convention
 
 This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [camelcase]
 
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 960776664..8e0561fee 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -11,7 +11,7 @@ description: require or disallow trailing commas
 
 This rule is the same rule as core [comma-dangle] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [comma-dangle]
 
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index 9f2b5e9b2..47069d384 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing before and after commas
 
 This rule is the same rule as core [comma-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [comma-spacing]
 
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 6b393a56a..ee335f70c 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -11,7 +11,7 @@ description: enforce consistent comma style
 
 This rule is the same rule as core [comma-style] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [comma-style]
 
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 01ad51826..8b56e14a1 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -121,7 +121,7 @@ The `eslint-disable`-like comments can include descriptions to explain why the c
 Unused reports cannot be suppressed with `eslint-disable` HTML comments.
 :::
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Disabling rules with inline comments]
 
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index 44d543f64..b14e70e6f 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -117,9 +117,9 @@ Vue.component('MyComponent', {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Component name casing in JS/JSX](https://vuejs.org/v2/style-guide/#Component-name-casing-in-JS-JSX-strongly-recommended)
+- [Style guide - Component name casing in JS/JSX](https://v3.vuejs.org/style-guide/#component-name-casing-in-js-jsx-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index ffe6c39cd..a996a5f44 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -139,9 +139,9 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Component name casing in templates](https://vuejs.org/v2/style-guide/#Component-name-casing-in-templates-strongly-recommended)
+- [Style guide - Component name casing in templates](https://v3.vuejs.org/style-guide/#component-name-casing-in-templates-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 50d43b83c..d1ecc7d85 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -110,9 +110,9 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Single-file component top-level element order](https://vuejs.org/v2/style-guide/#Single-file-component-top-level-element-order-recommended)
+- [Style guide - Single-file component top-level element order](https://v3.vuejs.org/style-guide/#single-file-component-top-level-element-order-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index 52ddc7b5b..b4faacfbd 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -55,7 +55,8 @@ Nothing.
 
 - [Guide - Custom Events]
 
-[Guide - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
+[Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
+[Guide (for v2) - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
 
 ## :mag: Implementation
 
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index 8411d83d8..ea9e97628 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -11,7 +11,7 @@ description: enforce consistent newlines before and after dots
 
 This rule is the same rule as core [dot-location] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [dot-location]
 
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 9de04c2cd..427a2f395 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -11,7 +11,7 @@ description: enforce dot notation whenever possible
 
 This rule is the same rule as core [dot-notation] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [dot-notation]
 
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index 2c9489515..e259e2808 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -11,7 +11,7 @@ description: require the use of `===` and `!==`
 
 This rule is the same rule as core [eqeqeq] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [eqeqeq]
 
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 41af5a45a..8f3c38725 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -11,7 +11,7 @@ description: require or disallow spacing between function identifiers and their
 
 This rule is the same rule as core [func-call-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [func-call-spacing]
 
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index 32bf93b0d..ccbbcb1c6 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -81,7 +81,7 @@ This rule aims to enforce consistent spacing style before closing brackets `>` o
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-multi-spaces](./no-multi-spaces.md)
 - [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md)
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index 4a94ff7e3..02efef3d1 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -217,7 +217,7 @@ This rule will enforce consistency of line break after the `<!--` and before the
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/html-comment-indent](./html-comment-indent.md)
 - [vue/html-comment-content-spacing](./html-comment-content-spacing.md)
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
index d16a5f19a..f92cfc15b 100644
--- a/docs/rules/html-comment-content-spacing.md
+++ b/docs/rules/html-comment-content-spacing.md
@@ -104,7 +104,7 @@ Whitespace after the `<!--` and before the `-->` makes it easier to read text in
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
 - [vue/html-comment-content-newline](./html-comment-content-newline.md)
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 48e40b93f..91d829677 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -90,9 +90,9 @@ Object option:
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Quoted attribute values](https://vuejs.org/v2/style-guide/#Quoted-attribute-values-strongly-recommended)
+- [Style guide - Quoted attribute values](https://v3.vuejs.org/style-guide/#Quoted-attribute-values-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index d83e15103..afe64ed1c 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -91,9 +91,9 @@ Every option can be set to one of the following values:
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Self closing components](https://vuejs.org/v2/style-guide/#Self-closing-components-strongly-recommended)
+- [Style guide - Self closing components](https://v3.vuejs.org/style-guide/#Self-closing-components-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index ebe0d4b16..1ef312113 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing between keys and values in object litera
 
 This rule is the same rule as core [key-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [key-spacing]
 
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 7fc17ecbd..04f218cac 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing before and after keywords
 
 This rule is the same rule as core [keyword-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [keyword-spacing]
 
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index bbf84be72..1ae1989fc 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -304,9 +304,9 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
- - [Style guide - Single-file component filename casing](https://vuejs.org/v2/style-guide/#Single-file-component-filename-casing-strongly-recommended)
+ - [Style guide - Single-file component filename casing](https://v3.vuejs.org/style-guide/#single-file-component-filename-casing-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 72eb5212a..7fb05e416 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -122,9 +122,9 @@ There is a configurable number of attributes that are acceptable in one-line cas
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Multi attribute elements](https://vuejs.org/v2/style-guide/#Multi-attribute-elements-strongly-recommended)
+- [Style guide - Multi attribute elements](https://v3.vuejs.org/style-guide/#multi-attribute-elements-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index 831090c07..a0ae5d1a2 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -317,7 +317,7 @@ var longRegExpLiteral = /this is a really really really really really long regul
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [max-len]
 
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index e2089eaa6..971f9ecd6 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -140,7 +140,7 @@ This rule enforces a line break before and after the contents of a multiline ele
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-multiple-empty-lines]
 
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 852d4e71d..545f23c5d 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -79,9 +79,9 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Component name casing in JS/JSX](https://vuejs.org/v2/style-guide/#Component-name-casing-in-JS-JSX-strongly-recommended)
+- [Style guide - Component name casing in JS/JSX](https://v3.vuejs.org/style-guide/#component-name-casing-in-js-jsx-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 998c05f0f..3f9e83fb0 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -11,7 +11,7 @@ description: disallow using arrow functions to define watcher
 
 ## :book: Rule Details
 
-This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://vuejs.org/v2/api/#watch))
+This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://v3.vuejs.org/api/options-data.html#watch))
 
 <eslint-code-block :rules="{'vue/no-arrow-functions-in-watch': ['error']}">
 
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index f1ee921d0..1c9e5602a 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -64,7 +64,7 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [vue-async-computed](https://github.com/foxbenjaminfox/vue-async-computed)
 
diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index 2edbfda6c..09e2df6e3 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -74,7 +74,7 @@ If you want to report these string literals, enable the [vue/no-useless-v-bind]
 - `attributes` ... An object whose keys are tag name or patterns and value is an array of attributes to check for that tag name.
 - `directives` ... An array of directive names to check literal value.
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-useless-v-bind]
 - [vue/no-useless-mustaches]
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index 4e8fccbd7..8076ebb52 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -48,18 +48,18 @@ In that case, the `v-if` should be written on the wrapper element.
 ::: warning Note
 When they exist on the same node, `v-for` has a higher priority than `v-if`. That means the `v-if` will be run on each iteration of the loop separately.
 
-[https://vuejs.org/v2/guide/list.html#v-for-with-v-if](https://vuejs.org/v2/guide/list.html#v-for-with-v-if)
+[https://v3.vuejs.org/guide/list.html#v-for-with-v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Avoid v-if with v-for](https://vuejs.org/v2/style-guide/#Avoid-v-if-with-v-for-essential)
-- [Guide - Conditional / v-if with v-for](https://vuejs.org/v2/guide/conditional.html#v-if-with-v-for)
-- [Guide - List / v-for with v-if](https://vuejs.org/v2/guide/list.html#v-for-with-v-if)
+- [Style guide - Avoid v-if with v-for](https://v3.vuejs.org/style-guide/#avoid-v-if-with-v-for-essential)
+- [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
+- [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index f204294b0..023508b0e 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -11,7 +11,7 @@ description: disallow custom modifiers on v-model used on the component
 
 This rule checks whether `v-model `used on the component do not have custom modifiers.
 
-## Rule Details
+## :book: Rule Details
 
 This rule reports `v-model` directives in the following cases:
 
@@ -37,15 +37,15 @@ This rule reports `v-model` directives in the following cases:
 
 </eslint-code-block>
 
-### Options
+## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-model]
+- [vue/valid-v-model]
 
-[valid-v-model]: valid-v-model.md
+[vue/valid-v-model]: ./valid-v-model.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 1875ff09f..dfc84989c 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -73,7 +73,7 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0019-remove-data-object-declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
 
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index 99097e15d..6ed23aa16 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -41,7 +41,7 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
 
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index 9b1d577c7..63b4e70e6 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -37,7 +37,7 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index b4a04fa86..a73d88401 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -55,7 +55,7 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0020-events-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
 
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index d8dcbede3..e4a422beb 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -38,7 +38,7 @@ This rule reports deprecated `scope` attribute in Vue.js v2.5.0+.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [API - scope](https://vuejs.org/v2/api/#scope-removed)
 
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index aacfcbda8..1a2e7deb6 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -35,7 +35,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [API - slot](https://vuejs.org/v2/api/#slot-deprecated)
 
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 321d7a956..22b822205 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -35,7 +35,7 @@ This rule reports deprecated `slot-scope` attribute in Vue.js v2.6.0+.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [API - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
 
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index 75359741a..e27f28047 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -37,13 +37,13 @@ This rule reports use of deprecated `.sync` modifier on `v-bind` directive (in V
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-bind]
+- [vue/valid-v-bind]
 
-[valid-v-bind]: valid-v-bind.md
+[vue/valid-v-bind]: ./valid-v-bind.md
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
 
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index 93620cd7b..3159c48e0 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -33,13 +33,13 @@ This rule reports use of deprecated `.native` modifier on `v-on` directive (in V
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-on]
+- [vue/valid-v-on]
 
-[valid-v-on]: valid-v-on.md
+[vue/valid-v-on]: ./valid-v-on.md
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
 
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 5b720015f..c0937aefa 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -36,13 +36,13 @@ This rule reports use of deprecated `KeyboardEvent.keyCode` modifier on `v-on` d
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-on]
+- [vue/valid-v-on]
 
-[valid-v-on]: valid-v-on.md
+[vue/valid-v-on]: ./valid-v-on.md
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
 
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index 8311e8a27..18df590d1 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -28,13 +28,13 @@ Vue.config.keyCodes = {
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-deprecated-v-on-number-modifiers]
 
 [vue/no-deprecated-v-on-number-modifiers]: ./no-deprecated-v-on-number-modifiers.md
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0014-drop-keycode-support]
 - [API - Global Config - keyCodes]
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
index 2960bdbb1..57322a8a3 100644
--- a/docs/rules/no-dupe-v-else-if.md
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -86,7 +86,7 @@ This rule can also detect some cases where the conditions are not identical, but
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [no-dupe-else-if]
 
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index 959124e48..17e6fbe1d 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -42,13 +42,13 @@ export default {
 
 </eslint-code-block>
 
-### Options
+## :wrench: Options
 
 Nothing.
 
-## Further Reading
+## :books: Further Reading
 
-- [API - inheritAttrs](https://vuejs.org/v2/api/index.html#inheritAttrs)
+- [API - inheritAttrs](https://v3.vuejs.org/api/options-misc.html#inheritattrs)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index 32db6e44c..3b52d820a 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -51,8 +51,8 @@ This rule reports duplicate attributes.
 - `allowCoexistClass` (`boolean`) ... Enables [`v-bind:class`] directive can coexist with the plain `class` attribute. Default is `true`.
 - `allowCoexistStyle` (`boolean`) ... Enables [`v-bind:style`] directive can coexist with the plain `style` attribute. Default is `true`.
 
-[`v-bind:class`]: https://vuejs.org/v2/guide/class-and-style.html
-[`v-bind:style`]: https://vuejs.org/v2/guide/class-and-style.html
+[`v-bind:class`]: https://v3.vuejs.org/guide/class-and-style.html
+[`v-bind:style`]: https://v3.vuejs.org/guide/class-and-style.html
 
 ### `"allowCoexistClass": false, "allowCoexistStyle": false`
 
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index a86204a92..9fe341619 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -9,7 +9,7 @@ description: disallow empty destructuring patterns
 
 This rule is the same rule as core [no-empty-pattern] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-empty-pattern]
 
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index dc0392ef7..3f813e851 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -33,7 +33,7 @@ This rule extends the core [no-extra-parens] rule and applies it to the `<templa
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-extra-parens]
 
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
index bb6da716d..11610c908 100644
--- a/docs/rules/no-irregular-whitespace.md
+++ b/docs/rules/no-irregular-whitespace.md
@@ -157,7 +157,7 @@ var foo = ``
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-irregular-whitespace]
 
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index 80f9d1b5e..2ecc56d36 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -39,8 +39,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Guide - Composition API - Lifecycle Hooks](https://v3.vuejs.org/guide/composition-api-lifecycle-hooks.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index c3ea7b71d..cafd8398e 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -68,7 +68,7 @@ In Vue.js 3.x, the `<template>` elements that have no specific directives render
 
 If you are using Vue.js 3.x and want to define the `<template>` element intentionally, you will have to turn this rule off or use `"ignoreAccessible"` option.
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-template-key]
 - [no-lone-blocks]
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index d0d319458..519277098 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -39,7 +39,7 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [vuejs/vue#9468](https://github.com/vuejs/vue/issues/9468#issuecomment-462210146)
 
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 2d0833333..0bedc4b9d 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -88,10 +88,10 @@ This rule reports mutation of component props.
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Style guide - Implicit parent-child communication](https://v3.vuejs.org/style-guide/#implicit-parent-child-communication-use-with-caution)
 - [Vue - Prop Mutation - deprecated](https://vuejs.org/v2/guide/migration.html#Prop-Mutation-deprecated)
-- [Style guide - Implicit parent-child communication](https://vuejs.org/v2/style-guide/#Implicit-parent-child-communication-use-with-caution)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index 6416fb246..7c3f80ca1 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -96,7 +96,7 @@ The error codes which have `x-` prefix are original of this rule because errors
 - `x-invalid-end-tag` enables the errors about the end tags of elements which have not opened.
 - `x-invalid-namespace` enables the errors about invalid `xmlns` attributes. See also [step 10. of "create an element for a token"](https://html.spec.whatwg.org/multipage/parsing.html#create-an-element-for-the-token).
 
-## :books: Further reading
+## :books: Further Reading
 
 - [WHATWG HTML spec](https://html.spec.whatwg.org/multipage/parsing.html#parse-errors)
 
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index 6474addad..a3a9a6e71 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -113,7 +113,7 @@ export default {
 
 - We provide all the possible component option that editdistance between your vue component option and configuration options is greater than 0 and lessEqual than threshold
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Edit_distance](https://en.wikipedia.org/wiki/Edit_distance)
 
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index 609a07279..40a085b46 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -51,8 +51,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Guide - Reactivity - Reactivity Fundamentals / Creating Standalone Reactive Values as `refs`](https://v3.vuejs.org/guide/reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 2d11b2339..2440a121b 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -68,13 +68,14 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [List of html elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
 - [List of SVG elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Element)
 - [Kebab case elements](https://stackoverflow.com/questions/22545621/do-custom-elements-require-a-dash-in-their-name/22545622#22545622)
 - [Valid custom element name](https://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name)
-- [API - Built-In Components](https://vuejs.org/v2/api/index.html#Built-In-Components)
+- [API - Built-In Components](https://v3.vuejs.org/api/built-in-components.html)
+- [API (for v2) - Built-In Components](https://vuejs.org/v2/api/index.html#Built-In-Components)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index fee1cf0ee..daee8e049 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -73,7 +73,7 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [List of reserved keys](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/utils/vue-reserved.json)
 
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index f0453e6ea..7cd5f9546 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -85,7 +85,7 @@ The following properties can be specified for the object.
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-restricted-v-bind]
 
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index ddd7d044f..1ddde7d97 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -38,7 +38,7 @@ Forbids call expressions inside mustache interpolation.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-restricted-syntax]
 - [ESTree]
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index 26f37646d..30f4fa06d 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -107,7 +107,7 @@ The following properties can be specified for the object.
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-restricted-static-attribute]
 
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 8492e5f0b..2bd784a87 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -90,8 +90,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Guide - Composition API - Setup](https://v3.vuejs.org/guide/composition-api-setup.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index cc0621439..a869b8000 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -66,9 +66,12 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [API - data](https://vuejs.org/v2/api/#data)
+
+- [Style guide (for v2) - Component data](https://vuejs.org/v2/style-guide/#Component-data-essential)
+- [API - data](https://v3.vuejs.org/api/options-data.html#data-2)
+- [API (for v2) - data](https://v3.vuejs.org/api/options-data.html#data-2)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 6d4c37488..999a87f1b 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -60,9 +60,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Computed Caching vs Methods](https://vuejs.org/v2/guide/computed.html#Computed-Caching-vs-Methods)
+- [Guide - Computed Caching vs Methods](https://v3.vuejs.org/guide/computed.html#computed-caching-vs-methods)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index 05cf39ff4..8ac003c5c 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -39,7 +39,7 @@ HTML5 allows spaces around equal signs. But space-less is easier to read, and gr
 }
 ```
 
-## :books: Further reading
+## :books: Further Reading
 
 * [HTML5 Style Guide - W3Schools *Spaces and Equal Signs*](https://www.w3schools.com/html/html5_syntax.asp)
 
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index ea0678c16..3757d3408 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -9,7 +9,7 @@ description: disallow sparse arrays
 
 This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-sparse-arrays]
 
diff --git a/docs/rules/no-static-inline-styles.md b/docs/rules/no-static-inline-styles.md
index 88ab28833..3d0921c02 100644
--- a/docs/rules/no-static-inline-styles.md
+++ b/docs/rules/no-static-inline-styles.md
@@ -59,9 +59,9 @@ The styles reported in this rule mean that we recommend separating them into `<s
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Binding Inline Styles](https://vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles)
+- [Guide - Class and Style Bindings / Binding Inline Styles](https://v3.vuejs.org/guide/class-and-style.html#binding-inline-styles)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index ca54192da..ebd4b40ee 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -36,9 +36,9 @@ This rule reports the `<template>` elements which have `key` attribute.
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [API - Special Attributes - key](https://vuejs.org/v2/api/#key)
+- [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index df7814e39..6bd242a42 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -29,16 +29,16 @@ This rule reports mustaches in `<textarea>`.
 
 ::: warning Note
 Interpolation on textareas (`<textarea>{{text}}</textarea>`) won't work. Use `v-model` instead.
-[https://vuejs.org/v2/guide/forms.html#Multiline-text](https://vuejs.org/v2/guide/forms.html#Multiline-text)
+[https://v3.vuejs.org/guide/forms.html#multiline-text](https://v3.vuejs.org/guide/forms.html#multiline-text)
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Forms / Multiline text](https://vuejs.org/v2/guide/forms.html#Multiline-text)
+- [Guide - Form Input Bindings / Multiline text](https://v3.vuejs.org/guide/forms.html#multiline-text)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index a9a8693ce..4487a4f7e 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -31,12 +31,12 @@ The `"ignores"` option accepts an array of the following strings.
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
   - Vue.js 2.6.0+
-    - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://vuejs.org/v2/guide/syntax.html#Dynamic-Arguments).
-    - `"v-slot"` ... [v-slot](https://vuejs.org/v2/api/#v-slot) directive.
+    - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments).
+    - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.
   - Vue.js 2.5.0+
     - `"slot-scope-attribute"` ... [slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated) attributes.
   - Vue.js `">=2.6.0-beta.1 <=2.6.0-beta.3"` or 2.6 custom build
-    - `"v-bind-prop-modifier-shorthand"` ... [v-bind](https://vuejs.org/v2/api/#v-bind) with `.prop` modifier shorthand.
+    - `"v-bind-prop-modifier-shorthand"` ... `v-bind` with `.prop` modifier shorthand.
 
 ### `{"version": "^2.6.0"}`
 
@@ -88,11 +88,11 @@ The `"ignores"` option accepts an array of the following strings.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Dynamic Arguments](https://vuejs.org/v2/guide/syntax.html#Dynamic-Arguments)
-- [API - v-slot](https://vuejs.org/v2/api/#v-slot)
-- [API - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
+- [Guide - Dynamic Arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments)
+- [API - v-slot](https://v3.vuejs.org/api/directives.html#v-slot)
+- [API (for v2) - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
 - [Vue RFCs - 0001-new-slot-syntax]
 - [Vue RFCs - 0002-slot-syntax-shorthand]
 - [Vue RFCs - 0003-dynamic-directive-arguments]
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index da17a2fe1..db3f3dc7f 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -85,11 +85,11 @@ There are two common cases where this can be tempting:
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Avoid v-if with v-for](https://vuejs.org/v2/style-guide/#Avoid-v-if-with-v-for-essential)
-- [Guide - Conditional / v-if with v-for](https://vuejs.org/v2/guide/conditional.html#v-if-with-v-for)
-- [Guide - List / v-for with v-if](https://vuejs.org/v2/guide/list.html#v-for-with-v-if)
+- [Style guide - Avoid v-if with v-for](https://v3.vuejs.org/style-guide/#avoid-v-if-with-v-for-essential)
+- [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
+- [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 351f89431..c58ec07b2 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -9,7 +9,7 @@ description: disallow unnecessary concatenation of literals or template literals
 
 This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [no-useless-concat]
 
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index 6c9d2689e..b517b7b14 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -74,7 +74,7 @@ The mustache interpolation with a string literal value can be changed to a stati
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-useless-v-bind]
 - [vue/no-useless-concat]
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
index d202104e2..4abf90193 100644
--- a/docs/rules/no-useless-v-bind.md
+++ b/docs/rules/no-useless-v-bind.md
@@ -73,7 +73,7 @@ The `v-bind` with a string literal value can be changed to a static attribute de
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/no-useless-mustaches]
 - [vue/no-useless-concat]
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 44563aa99..2bf8c2f61 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -35,7 +35,7 @@ Nothing.
 
 If you are certain the content passed to `v-html` is sanitized HTML you can disable this rule.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [XSS in Vue.js](https://blog.sqreen.io/xss-in-vue-js/)
 
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index f67b3a3b6..6dce76e25 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -37,11 +37,11 @@ This rule reports `v-model` directives in the following cases:
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-model]
+- [vue/valid-v-model]
 
-[valid-v-model]: valid-v-model.md
+[vue/valid-v-model]: ./valid-v-model.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index 679dbcbfc..f0d45af2b 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -62,10 +62,10 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Guide - Reactivity - Computed and Watch](https://v3.vuejs.org/guide/reactivity-computed-watchers.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
-- [Vue Composition API - API Reference - Stopping the Watcher](https://composition-api.vuejs.org/api.html#stopping-the-watcher)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index 12f871bea..aa426587d 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -11,7 +11,7 @@ description: enforce consistent line breaks inside braces
 
 This rule is the same rule as core [object-curly-newline] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [object-curly-newline]
 
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index e430de9c7..de3b6488d 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing inside braces
 
 This rule is the same rule as core [object-curly-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [object-curly-spacing]
 
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index 3095ebfc7..2070eface 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -11,7 +11,7 @@ description: enforce placing object properties on separate lines
 
 This rule is the same rule as core [object-property-newline] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [object-property-newline]
 
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index f3a852fa3..7bb21a1ad 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -46,9 +46,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Component files](https://vuejs.org/v2/style-guide/#Component-files-strongly-recommended)
+- [Style guide - Component files](https://v3.vuejs.org/style-guide/#component-files-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 080e7e777..1f772d721 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -11,7 +11,7 @@ description: enforce consistent linebreak style for operators
 
 This rule is the same rule as core [operator-linebreak] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [operator-linebreak]
 
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 81708c9f1..0820c8035 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -13,7 +13,7 @@ description: enforce order of properties in components
 ## :book: Rule Details
 
 This rule makes sure you keep declared order of properties in components.
-Recommended order of properties can be [found here](https://vuejs.org/v2/style-guide/#Component-instance-options-order-recommended).
+Recommended order of properties can be [found here](https://v3.vuejs.org/style-guide/#component-instance-options-order-recommended).
 
 <eslint-code-block fix :rules="{'vue/order-in-components': ['error']}">
 
@@ -103,15 +103,16 @@ export default {
 
 - `order` (`(string | string[])[]`) ... The order of properties. Elements are the property names or one of the following groups:
 
-  - `LIFECYCLE_HOOKS`: [Vue Lifecycle Events](https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram), in the order they are called
+  - `LIFECYCLE_HOOKS`: [Vue Lifecycle Events](https://v3.vuejs.org/guide/instance.html#lifecycle-diagram), in the order they are called
   - `ROUTER_GUARDS`: [Vue Router Navigation Guards](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards), in the order they are called
 
   If an element is an array of strings, it means any of those can be placed there unordered. Default is above.
 
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Component/instance options order](https://vuejs.org/v2/style-guide/#Component-instance-options-order-recommended)
+- [Style guide - Component/instance options order](https://v3.vuejs.org/style-guide/#component-instance-options-order-recommended)
+- [Style guide (for v2) - Component/instance options order](https://vuejs.org/v2/style-guide/#Component-instance-options-order-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 34a1d0468..5c6ddb314 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -124,7 +124,7 @@ export default {}
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [padding-line-between-statements]
 - [lines-between-class-members]
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index ee65217ca..4c149fc9f 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -11,7 +11,7 @@ description: require template literals instead of string concatenation
 
 This rule is the same rule as core [prefer-template] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [prefer-template]
 
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 582432292..ad562f0f4 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -64,9 +64,9 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Prop name casing](https://vuejs.org/v2/style-guide/#Prop-name-casing-strongly-recommended)
+- [Style guide - Prop name casing](https://v3.vuejs.org/style-guide/#prop-name-casing-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 0772f283b..503dccd26 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -39,9 +39,9 @@ You can use the same mount point and dynamically switch between multiple compone
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Dynamic Components](https://vuejs.org/v2/guide/components.html#Dynamic-Components)
+- [Guide - Components Basics / Dynamic Components](https://v3.vuejs.org/guide/component-basics.html#dynamic-components)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index 1fa67232a..60768c3ac 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -59,9 +59,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Prop definitions](https://vuejs.org/v2/style-guide/#Prop-definitions-essential)
+- [Style guide - Prop definitions](https://v3.vuejs.org/style-guide/#prop-definitions-essential)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 542d23c6a..60a914cad 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -74,8 +74,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Guide - Custom Events / Defining Custom Events](https://v3.vuejs.org/guide/component-custom-events.html#defining-custom-events)
 - [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 9d48c071f..10df2725b 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -68,9 +68,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Prop Validation](https://vuejs.org/v2/guide/components-props.html#Prop-Validation)
+- [Guide - Prop Validation](https://v3.vuejs.org/guide/component-props.html#prop-validation)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index 3a1de73e5..eba13faf5 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -61,9 +61,9 @@ Vue.component('baz', {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Prop definitions](https://vuejs.org/v2/style-guide/#Prop-definitions-essential)
+- [Style guide - Prop definitions](https://v3.vuejs.org/style-guide/#prop-definitions-essential)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index 990ec2e68..e5e5bd5f6 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -49,9 +49,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Render Functions & JSX](https://vuejs.org/v2/guide/render-function.html)
+- [Guide - Render Functions](https://v3.vuejs.org/guide/render-function.html)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index 8b4c01f91..b39ccfb80 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -38,8 +38,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [API - $slots](https://v3.vuejs.org/api/instance-properties.html#slots)
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index c5f4b8699..a112698ab 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -32,7 +32,7 @@ This rule reports elements inside `<transition>` that do not control the display
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [Vue RFCs - 0017-transition-as-root](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0017-transition-as-root.md)
 
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index 19d693093..06aa469c6 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -31,21 +31,23 @@ This rule reports the elements which have `v-for` and do not have `v-bind:key` w
 
 ::: warning Note
 This rule does not report missing `v-bind:key` on custom components.
-It will be reported by [valid-v-for](./valid-v-for.md) rule.
+It will be reported by [vue/valid-v-for] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-for](./valid-v-for.md)
+- [vue/valid-v-for]
 
-## :books: Further reading
+[vue/valid-v-for]: ./valid-v-for.md
 
-- [Style guide - Keyed v-for](https://vuejs.org/v2/style-guide/#Keyed-v-for-essential)
-- [Guide - v-for with a Component](https://vuejs.org/v2/guide/list.html#v-for-with-a-Component)
+## :books: Further Reading
+
+- [Style guide - Keyed v-for](https://v3.vuejs.org/style-guide/#keyed-v-for-essential)
+- [Guide (for v2) - v-for with a Component](https://vuejs.org/v2/guide/list.html#v-for-with-a-Component)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index 19888a214..e6769b242 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -74,9 +74,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - Prop Validation](https://vuejs.org/v2/guide/components-props.html#Prop-Validation)
+- [Guide - Prop Validation](https://v3.vuejs.org/guide/component-props.html#prop-validation)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index 1122af378..a8051dcaf 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -53,8 +53,9 @@ export default {
 
 Nothing.
 
-## :books: Further reading
+## :books: Further Reading
 
+- [Guide - Custom Events / Validate Emitted Events](https://v3.vuejs.org/guide/component-custom-events.html#validate-emitted-events)
 - [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index c28120b7d..6efa786a3 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -111,7 +111,7 @@ This rule only checks `.vue` files and does not interfere with other `.js` files
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [indent](https://eslint.org/docs/rules/indent)
 - [vue/html-indent](./html-indent.md)
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index 4202bd21c..37cb109b1 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -97,7 +97,7 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
 - [sort-keys]
 
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index aac2df2a9..f0a16f43f 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing inside parentheses
 
 This rule is the same rule as core [space-in-parens] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [space-in-parens]
 
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 385463582..2287c2cf3 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -11,7 +11,7 @@ description: require spacing around infix operators
 
 This rule is the same rule as core [space-infix-ops] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [space-infix-ops]
 
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index a6879ff21..f9eeb8c2c 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -11,7 +11,7 @@ description: enforce consistent spacing before or after unary operators
 
 This rule is the same rule as core [space-unary-ops] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [space-unary-ops]
 
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 5d21b6ede..2721d936b 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -11,7 +11,7 @@ description: require or disallow spacing around embedded expressions of template
 
 This rule is the same rule as core [template-curly-spacing] rule but it applies to the expressions in `<template>`.
 
-## :books: Further reading
+## :books: Further Reading
 
 - [template-curly-spacing]
 
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index 9bd9cc096..ed437d271 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -36,14 +36,14 @@ This rule enforce usage of `exact` modifier on `v-on` when there is another `v-o
 }
 ```
 
-## :couple: Related rules
+## :couple: Related Rules
 
 - [vue/v-on-style](./v-on-style.md)
 - [vue/valid-v-on](./valid-v-on.md)
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - .exact Modifier](https://vuejs.org/v2/guide/events.html#exact-Modifier)
+- [Guide - .exact Modifier](https://v3.vuejs.org/guide/events.html#exact-modifier)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 438b1ea81..b4a3a442a 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -56,9 +56,9 @@ Default is set to `shorthand`.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Directive shorthands](https://vuejs.org/v2/style-guide/#Directive-shorthands-strongly-recommended)
+- [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index b126c913d..af8355e13 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -56,9 +56,9 @@ Default is set to `shorthand`.
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Directive shorthands](https://vuejs.org/v2/style-guide/#Directive-shorthands-strongly-recommended)
+- [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index bd014971a..f54799f67 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -101,9 +101,9 @@ And a string option is supported to be consistent to similar `vue/v-bind-style`
 
 </eslint-code-block>
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Style guide - Directive shorthands](https://vuejs.org/v2/style-guide/#Directive-shorthands-strongly-recommended)
+- [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 163d8b217..db8f10d4c 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -53,22 +53,22 @@ This rule reports `.sync` modifier on `v-bind` directives in the following cases
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
-## :books: Further reading
+## :books: Further Reading
 
-- [Guide - `.sync` Modifier](https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier)
+- [Guide (for v2) - `.sync` Modifier](https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index 3c70abd16..696fc1678 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -40,27 +40,22 @@ This rule does not report `v-bind` directives which do not have their argument (
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
+- [vue/no-deprecated-v-bind-sync]
+- [vue/valid-v-bind-sync]
 
-
-[no-parsing-error]: no-parsing-error.md
-
-- [no-deprecated-v-bind-sync]
-
-[no-deprecated-v-bind-sync]: no-deprecated-v-bind-sync.md
-
-- [valid-v-bind-sync]
-
-[valid-v-bind-sync]: valid-v-bind-sync.md
+[vue/no-parsing-error]: ./no-parsing-error.md
+[vue/no-deprecated-v-bind-sync]: ./no-deprecated-v-bind-sync.md
+[vue/valid-v-bind-sync]: ./valid-v-bind-sync.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index 6cb867192..5ed9529c8 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -39,23 +39,22 @@ This rule reports `v-else-if` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-if]
-- [valid-v-else]
-- [no-parsing-error]
+- [vue/valid-v-if]
+- [vue/valid-v-else]
+- [vue/no-parsing-error]
 
-
-[valid-v-if]: valid-v-if.md
-[valid-v-else]: valid-v-else.md
-[no-parsing-error]: no-parsing-error.md
+[vue/valid-v-if]: ./valid-v-if.md
+[vue/valid-v-else]: ./valid-v-else.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index 5cce23f33..ce3c41f1c 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -42,16 +42,15 @@ This rule reports `v-else` directives in the following cases:
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-if]
-- [valid-v-else-if]
-- [no-parsing-error]
+- [vue/valid-v-if]
+- [vue/valid-v-else-if]
+- [vue/no-parsing-error]
 
-
-[valid-v-if]: valid-v-if.md
-[valid-v-else-if]: valid-v-else-if.md
-[no-parsing-error]: no-parsing-error.md
+[vue/valid-v-if]: ./valid-v-if.md
+[vue/valid-v-else-if]: ./valid-v-else-if.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 91c52ef11..1ec05ad99 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -21,7 +21,7 @@ This rule reports `v-for` directives in the following cases:
 - If the element which has the directive is a custom component, the component does not have `v-bind:key` directive. E.g. `<your-component v-for="item in list"></your-component>`
 - The `v-bind:key` directive does not use the variables which are defined by the `v-for` directive. E.g. `<div v-for="x in list" :key="foo"></div>`
 
-If the element which has the directive is a reserved element, this rule does not report it even if the element does not have `v-bind:key` directive because it's not fatal error. [require-v-for-key] rule reports it.
+If the element which has the directive is a reserved element, this rule does not report it even if the element does not have `v-bind:key` directive because it's not fatal error. [vue/require-v-for-key] rule reports it.
 
 <eslint-code-block :rules="{'vue/valid-v-for': ['error']}">
 
@@ -58,7 +58,7 @@ If the element which has the directive is a reserved element, this rule does not
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives. [no-parsing-error] rule reports it.
+This rule does not check syntax errors in directives. [vue/no-parsing-error] rule reports it.
 The following cases are syntax errors:
 
 - The directive's value isn't `alias in expr`. E.g. `<div v-for="foo"></div>`
@@ -69,14 +69,13 @@ The following cases are syntax errors:
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [require-v-for-key]
-- [no-parsing-error]
+- [vue/require-v-for-key]
+- [vue/no-parsing-error]
 
-
-[require-v-for-key]: require-v-for-key.md
-[no-parsing-error]: no-parsing-error.md
+[vue/require-v-for-key]: ./require-v-for-key.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index e979d8978..3a7f7bc35 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -36,19 +36,18 @@ This rule reports `v-html` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index 191734b26..21dca6ff9 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -47,23 +47,22 @@ This rule reports `v-if` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [valid-v-else]
-- [valid-v-else-if]
-- [no-parsing-error]
+- [vue/valid-v-else]
+- [vue/valid-v-else-if]
+- [vue/no-parsing-error]
 
-
-[valid-v-else]: valid-v-else.md
-[valid-v-else-if]: valid-v-else-if.md
-[no-parsing-error]: no-parsing-error.md
+[vue/valid-v-else]: ./valid-v-else.md
+[vue/valid-v-else-if]: ./valid-v-else-if.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 345e3bf9d..58c6a2673 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -57,18 +57,18 @@ This rule reports `v-model` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index e588db0b6..c6643391b 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -42,7 +42,7 @@ This rule reports `v-on` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
@@ -72,11 +72,11 @@ This rule has an object option:
 
 </eslint-code-block>
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index e6d703b43..46246e000 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -36,18 +36,18 @@ This rule reports `v-show` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index 68429e54f..2a9183926 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -95,18 +95,18 @@ This rule reports `v-slot` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index 566f8e192..c5b93dfbf 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -36,18 +36,18 @@ This rule reports `v-text` directives in the following cases:
 </eslint-code-block>
 
 ::: warning Note
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
 :::
 
 ## :wrench: Options
 
 Nothing.
 
-## :couple: Related rules
+## :couple: Related Rules
 
-- [no-parsing-error]
+- [vue/no-parsing-error]
 
-[no-parsing-error]: no-parsing-error.md
+[vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :mag: Implementation
 
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 8de4d3e9d..470267f0c 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -82,13 +82,14 @@ If you want to use custom parsers such as [babel-eslint](https://www.npmjs.com/p
 
 All component-related rules are applied to code that passes any of the following checks:
 
-* `Vue.component()` expression
-* `Vue.extend()` expression
-* `Vue.mixin()` expression
-* `app.component()` expression
-* `app.mixin()` expression
-* `createApp()` expression
-* `export default {}` in `.vue` or `.jsx` file
+- `Vue.component()` expression
+- `Vue.extend()` expression
+- `Vue.mixin()` expression
+- `app.component()` expression
+- `app.mixin()` expression
+- `createApp()` expression
+- `defineComponent()` expression
+- `export default {}` in `.vue` or `.jsx` file
 
 However, if you want to take advantage of the rules in any of your custom objects that are Vue components, you might need to use the special comment `// @vue/component` that marks an object in the next line as a Vue component in any file, e.g.:
 
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 0cc4aba49..187339260 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -1,10 +1,7 @@
 /**
  * @author Yosuke Ota
  *
- * issue        https://github.com/vuejs/eslint-plugin-vue/issues/403
- * Style guide: https://vuejs.org/v2/style-guide/#Avoid-v-if-with-v-for-essential
- *
- * I implemented it with reference to `no-confusing-v-for-v-if`
+ * Style guide: https://v3.vuejs.org/style-guide/#avoid-v-if-with-v-for-essential
  */
 'use strict'
 

From 7ef7de85f443d185a52fb63b5e1e3c7fe9c0773b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 17:47:10 +0900
Subject: [PATCH 0164/1010] Change category of `vue/require-explicit-emits`
 rule to `vue3-strongly-recommended`. (#1251)

This is also recommended in the official guide.
https://v3.vuejs.org/guide/component-custom-events.html#defining-custom-events
---
 docs/rules/README.md                     | 2 +-
 docs/rules/require-explicit-emits.md     | 2 ++
 lib/configs/vue3-strongly-recommended.js | 1 +
 lib/rules/require-explicit-emits.js      | 2 +-
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 33285ae25..b4c01e51c 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -129,6 +129,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  |
 | [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
 | [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
+| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
 | [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
 | [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
 | [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
@@ -306,7 +307,6 @@ For example:
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: |
 | [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-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 60a914cad..2a165ec19 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -7,6 +7,8 @@ description: require `emits` option with name triggered by `$emit()`
 # vue/require-explicit-emits
 > require `emits` option with name triggered by `$emit()`
 
+- :gear: This rule is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule reports event triggers not declared with the `emits` option. (The `emits` option is a new in Vue.js 3.0.0+)
diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index f62d3450f..9adfcd7c7 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -23,6 +23,7 @@ module.exports = {
     'vue/one-component-per-file': 'warn',
     'vue/prop-name-casing': 'warn',
     'vue/require-default-prop': 'warn',
+    'vue/require-explicit-emits': 'warn',
     'vue/require-prop-types': 'warn',
     'vue/singleline-html-element-content-newline': 'warn',
     'vue/v-bind-style': 'warn',
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 27ae600fa..fdadc2332 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -85,7 +85,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require `emits` option with name triggered by `$emit()`',
-      categories: undefined,
+      categories: ['vue3-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-explicit-emits.html'
     },
     fixable: null,

From f626498e81408201969ddfd7944219519e05e7a4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 17:47:46 +0900
Subject: [PATCH 0165/1010] Add `vue/valid-v-is` rule (#1253)

---
 docs/rules/README.md                          |   1 +
 docs/rules/valid-v-is.md                      |  63 ++++++++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/valid-v-is.js                       |  95 +++++++++++++++
 tests/lib/rules/valid-v-is.js                 | 109 ++++++++++++++++++
 .../eslint-plugin-vue/util-types/ast/ast.ts   |   2 +
 7 files changed, 272 insertions(+)
 create mode 100644 docs/rules/valid-v-is.md
 create mode 100644 lib/rules/valid-v-is.js
 create mode 100644 tests/lib/rules/valid-v-is.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b4c01e51c..7e0b1dd96 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -92,6 +92,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/valid-v-for](./valid-v-for.md) | enforce valid `v-for` directives |  |
 | [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  |
 | [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  |
+| [vue/valid-v-is](./valid-v-is.md) | enforce valid `v-is` directives |  |
 | [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  |
 | [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  |
 | [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  |
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
new file mode 100644
index 000000000..c8b44d213
--- /dev/null
+++ b/docs/rules/valid-v-is.md
@@ -0,0 +1,63 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-v-is
+description: enforce valid `v-is` directives
+---
+# vue/valid-v-is
+> enforce valid `v-is` directives
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+This rule checks whether every `v-is` directive is valid.
+
+## :book: Rule Details
+
+This rule reports `v-is` directives in the following cases:
+
+- The directive has that argument. E.g. `<div v-is:aaa="foo"></div>`
+- The directive has that modifier. E.g. `<div v-is.bbb="foo"></div>`
+- The directive does not have that attribute value. E.g. `<div v-is></div>`
+- The directive is on Vue-components. E.g. `<MyComponent v-is="foo"></MyComponent>`
+
+<eslint-code-block :rules="{'vue/valid-v-is': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <tr v-is="'blog-post-row'"></tr>
+  <tr v-is="foo"></tr>
+
+  <!-- ✗ BAD -->
+  <tr v-is:a="foo"></tr>
+  <tr v-is.m="foo"></tr>
+  <tr v-is></tr>
+  <tr v-is=""></tr>
+  <MyComponent v-is="foo" />
+</template>
+```
+
+</eslint-code-block>
+
+::: warning Note
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
+:::
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/no-parsing-error]
+
+[vue/no-parsing-error]: ./no-parsing-error.md
+
+## :books: Further Reading
+
+- [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-is.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-v-is.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 5adbbcd23..8b2d6a131 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -60,6 +60,7 @@ module.exports = {
     'vue/valid-v-for': 'error',
     'vue/valid-v-html': 'error',
     'vue/valid-v-if': 'error',
+    'vue/valid-v-is': 'error',
     'vue/valid-v-model': 'error',
     'vue/valid-v-on': 'error',
     'vue/valid-v-once': 'error',
diff --git a/lib/index.js b/lib/index.js
index 530c05c58..5f285be69 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -158,6 +158,7 @@ module.exports = {
     'valid-v-for': require('./rules/valid-v-for'),
     'valid-v-html': require('./rules/valid-v-html'),
     'valid-v-if': require('./rules/valid-v-if'),
+    'valid-v-is': require('./rules/valid-v-is'),
     'valid-v-model': require('./rules/valid-v-model'),
     'valid-v-on': require('./rules/valid-v-on'),
     'valid-v-once': require('./rules/valid-v-once'),
diff --git a/lib/rules/valid-v-is.js b/lib/rules/valid-v-is.js
new file mode 100644
index 000000000..50fa1fb5e
--- /dev/null
+++ b/lib/rules/valid-v-is.js
@@ -0,0 +1,95 @@
+/**
+ * @fileoverview enforce valid `v-is` directives
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Check whether the given node is valid or not.
+ * @param {VElement} node The element node to check.
+ * @returns {boolean} `true` if the node is valid.
+ */
+function isValidElement(node) {
+  if (
+    utils.isHtmlElementNode(node) &&
+    !utils.isHtmlWellKnownElementName(node.rawName)
+  ) {
+    // Vue-component
+    return false
+  }
+  return true
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce valid `v-is` directives',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/valid-v-is.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-is' directives require no argument.",
+      unexpectedModifier: "'v-is' directives require no modifier.",
+      expectedValue: "'v-is' directives require that attribute value.",
+      ownerMustBeHTMLElement:
+        "'v-is' directive must be owned by a native HTML element, but '{{name}}' is not."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='is']"(node) {
+        if (node.key.argument) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedArgument'
+          })
+        }
+        if (node.key.modifiers.length > 0) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpectedModifier'
+          })
+        }
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'expectedValue'
+          })
+        }
+
+        const element = node.parent.parent
+
+        if (!isValidElement(element)) {
+          const name = element.name
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'ownerMustBeHTMLElement',
+            data: { name }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/valid-v-is.js b/tests/lib/rules/valid-v-is.js
new file mode 100644
index 000000000..1a3a45e5e
--- /dev/null
+++ b/tests/lib/rules/valid-v-is.js
@@ -0,0 +1,109 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/valid-v-is')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('valid-v-is', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-is="foo" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo="foo" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div v-is="'foo'" /></template>`
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-is="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'comment-value.vue',
+      code: '<template><div v-is="/**/" /></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div v-is:a="foo" /></template>',
+      errors: [
+        {
+          message: "'v-is' directives require no argument.",
+          column: 16,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-is.a="foo" /></template>',
+      errors: [
+        {
+          message: "'v-is' directives require no modifier.",
+          column: 16,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-is /></template>',
+      errors: [
+        {
+          message: "'v-is' directives require that attribute value.",
+          column: 16,
+          endColumn: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-is="" /></template>',
+      errors: [
+        {
+          message: "'v-is' directives require that attribute value.",
+          column: 16,
+          endColumn: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-is="foo" /></template>',
+      errors: [
+        {
+          message:
+            "'v-is' directive must be owned by a native HTML element, but 'mycomponent' is not.",
+          column: 24,
+          endColumn: 34
+        }
+      ]
+    }
+  ]
+})
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index 357b56400..d8f21315c 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -62,6 +62,8 @@ export type VNodeListenerMap = {
       | (V.VExpressionContainer & { expression: ES.Expression | null })
       | null
   }
+  "VAttribute[directive=true][key.name.name='is']": V.VDirective
+  "VAttribute[directive=true][key.name.name='is']:exit": V.VDirective
   "VAttribute[directive=true][key.name.name='model']": V.VDirective & {
     value:
       | (V.VExpressionContainer & { expression: ES.Expression | null })

From e1c87a1f9c22acd0e3a8df04c3d4e821c0e585fd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 17:48:03 +0900
Subject: [PATCH 0166/1010] Change the rules to support "v-is". (#1254)

* Change the rules to support "v-is".

- Change the `vue/attributes-order` rule to handle `v-is` as `DEFINITION` category.
- Change the `vue/no-unregistered-components` rule to handle `v-is` like `:is`.
- Change the `vue/no-unused-components` rule to handle `v-is` like `:is`.

* Add `"v-is"` to the syntax checked by the `vue/no-unsupported-features` rule.
---
 docs/rules/attributes-order.md                |  2 +-
 docs/rules/no-unsupported-features.md         |  2 +
 lib/rules/attributes-order.js                 |  2 +
 lib/rules/no-unregistered-components.js       |  2 +-
 lib/rules/no-unsupported-features.js          |  6 +-
 lib/rules/no-unused-components.js             |  2 +-
 lib/rules/syntaxes/v-is.js                    | 26 +++++++++
 lib/utils/index.js                            |  3 +-
 tests/lib/rules/attributes-order.js           | 11 ++++
 tests/lib/rules/no-unregistered-components.js | 15 +++++
 .../lib/rules/no-unsupported-features/v-is.js | 58 +++++++++++++++++++
 tests/lib/rules/no-unused-components.js       | 15 +++++
 12 files changed, 138 insertions(+), 6 deletions(-)
 create mode 100644 lib/rules/syntaxes/v-is.js
 create mode 100644 tests/lib/rules/no-unsupported-features/v-is.js

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 2da566bf4..c6391ffa6 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -15,7 +15,7 @@ description: enforce order of attributes
 This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue styleguide](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended) and is:
 
 - `DEFINITION`
-  e.g. 'is'
+  e.g. 'is', 'v-is'
 - `LIST_RENDERING`
   e.g. 'v-for item in items'
 - `CONDITIONALS`
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 4487a4f7e..b706ef884 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -30,6 +30,7 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.0.0+
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
+    - `"v-id"` ... [v-is](https://v3.vuejs.org/api/directives.html#v-is) directive.
   - Vue.js 2.6.0+
     - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments).
     - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.
@@ -90,6 +91,7 @@ The `"ignores"` option accepts an array of the following strings.
 
 ## :books: Further Reading
 
+- [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
 - [Guide - Dynamic Arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments)
 - [API - v-slot](https://v3.vuejs.org/api/directives.html#v-slot)
 - [API (for v2) - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 794628a5c..34a9d7d32 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -84,6 +84,8 @@ function getAttributeType(attribute, sourceCode) {
         return ATTRS.CONTENT
       } else if (name === 'slot') {
         return ATTRS.UNIQUE
+      } else if (name === 'is') {
+        return ATTRS.DEFINITION
       } else {
         return ATTRS.OTHER_DIRECTIVES
       }
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 205580221..56f03e40c 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -95,7 +95,7 @@ module.exports = {
           usedComponentNodes.push({ node, name: node.rawName })
         },
         /** @param {VDirective} node */
-        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
+        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=true][key.name.name='is']"(
           node
         ) {
           if (
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 468e718ec..6f7a87ab9 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -24,7 +24,8 @@ const FEATURES = {
   'v-bind-prop-modifier-shorthand': require('./syntaxes/v-bind-prop-modifier-shorthand'),
   // Vue.js 3.0.0+
   'v-model-argument': require('./syntaxes/v-model-argument'),
-  'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers')
+  'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
+  'v-is': require('./syntaxes/v-is')
 }
 
 const cache = new Map()
@@ -93,7 +94,8 @@ module.exports = {
       forbiddenVModelArgument:
         'Argument on `v-model` is not supported until Vue.js "3.0.0".',
       forbiddenVModelCustomModifiers:
-        'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".'
+        'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
+      forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index b76af7198..e067e3eb0 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -67,7 +67,7 @@ module.exports = {
           usedComponents.add(node.rawName)
         },
         /** @param {VDirective} node */
-        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
+        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=true][key.name.name='is']"(
           node
         ) {
           if (
diff --git a/lib/rules/syntaxes/v-is.js b/lib/rules/syntaxes/v-is.js
new file mode 100644
index 000000000..a974b820f
--- /dev/null
+++ b/lib/rules/syntaxes/v-is.js
@@ -0,0 +1,26 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+module.exports = {
+  supported: '3.0.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    /**
+     * Reports `v-is` node
+     * @param {VDirective} vSlotAttr node of `v-is`
+     * @returns {void}
+     */
+    function reportVSlot(vSlotAttr) {
+      context.report({
+        node: vSlotAttr.key,
+        messageId: 'forbiddenVIs'
+      })
+    }
+
+    return {
+      "VAttribute[directive=true][key.name.name='is']": reportVSlot
+    }
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 130530526..06775eafa 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -578,7 +578,8 @@ module.exports = {
       (this.isHtmlElementNode(node) &&
         !this.isHtmlWellKnownElementName(node.rawName)) ||
       this.hasAttribute(node, 'is') ||
-      this.hasDirective(node, 'bind', 'is')
+      this.hasDirective(node, 'bind', 'is') ||
+      this.hasDirective(node, 'is')
     )
   },
 
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index a0b930241..87e72b56e 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -932,6 +932,17 @@ tester.run('attributes-order', rule, {
           message: 'Attribute "v-foo.a" should go before "v-foo.b".'
         }
       ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: '<template><div v-cloak v-is="foo"></div></template>',
+      output: '<template><div v-is="foo" v-cloak></div></template>',
+      errors: [
+        {
+          message: 'Attribute "v-is" should go before "v-cloak".'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index e7ae51983..da9e37ee2 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -378,6 +378,21 @@ tester.run('no-unregistered-components', rule, {
           <Component is />
         </template>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-unsupported-features/v-is.js b/tests/lib/rules/no-unsupported-features/v-is.js
new file mode 100644
index 000000000..3212a7578
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/v-is.js
@@ -0,0 +1,58 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('v-is', '^2.6.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/v-is', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <div v-is="foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.0.0' })
+    },
+    {
+      code: `
+      <template>
+        <div :is="foo" />
+      </template>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <template>
+        <div v-is="foo" />
+      </template>`,
+      options: buildOptions({ version: '^2.5.0', ignores: ['v-is'] })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div v-is="foo" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message: '`v-is` are not supported until Vue.js "3.0.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index 181fbd6a5..02cb1a3cf 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -471,6 +471,21 @@ tester.run('no-unused-components', rule, {
           }
         }
       </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
     }
   ],
   invalid: [

From a5d24823d6cb1804f672c9295def94cc9c5f05e8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 17:48:17 +0900
Subject: [PATCH 0167/1010] Fix false positives for watch handler methods in
 `vue/no-unused-properties` rule (#1255)

---
 lib/rules/no-unused-properties.js       | 34 ++++++++++++++++--
 lib/utils/index.js                      | 10 ++++--
 tests/lib/rules/no-unused-properties.js | 47 +++++++++++++++++++++++++
 3 files changed, 86 insertions(+), 5 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index f7f30dc84..23fab4424 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -583,19 +583,47 @@ module.exports = {
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
           const container = getVueComponentPropertiesContainer(node)
-          const watcherNames = new Set()
+          const watcherUsedProperties = new Set()
           for (const watcher of utils.iterateProperties(
             node,
             new Set([GROUP_WATCHER])
           )) {
+            // Process `watch: { foo /* <- this */ () {} }`
             let path
             for (const seg of watcher.name.split('.')) {
               path = path ? `${path}.${seg}` : seg
-              watcherNames.add(path)
+              watcherUsedProperties.add(path)
+            }
+
+            // Process `watch: { x: 'foo' /* <- this */  }`
+            if (watcher.type === 'object') {
+              const property = watcher.property
+              if (property.kind === 'init') {
+                /** @type {Expression | null} */
+                let handlerValueNode = null
+                if (property.value.type === 'ObjectExpression') {
+                  const handler = utils.findProperty(property.value, 'handler')
+                  if (handler) {
+                    handlerValueNode = handler.value
+                  }
+                } else {
+                  handlerValueNode = property.value
+                }
+                if (
+                  handlerValueNode &&
+                  (handlerValueNode.type === 'Literal' ||
+                    handlerValueNode.type === 'TemplateLiteral')
+                ) {
+                  const name = utils.getStringLiteralValue(handlerValueNode)
+                  if (name != null) {
+                    watcherUsedProperties.add(name)
+                  }
+                }
+              }
             }
           }
           for (const prop of utils.iterateProperties(node, groups)) {
-            if (watcherNames.has(prop.name)) {
+            if (watcherUsedProperties.has(prop.name)) {
               continue
             }
             container.properties.push(prop)
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 06775eafa..5abb635ed 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -83,7 +83,7 @@
 /**
  * @typedef { 'props' | 'data' | 'computed' | 'setup' | 'watch' | 'methods' } GroupName
  * @typedef { { type: 'array',  name: string, groupName: GroupName, node: Literal | TemplateLiteral } } ComponentArrayPropertyData
- * @typedef { { type: 'object', name: string, groupName: GroupName, node: Identifier | Literal | TemplateLiteral } } ComponentObjectPropertyData
+ * @typedef { { type: 'object', name: string, groupName: GroupName, node: Identifier | Literal | TemplateLiteral, property: Property } } ComponentObjectPropertyData
  * @typedef { ComponentArrayPropertyData | ComponentObjectPropertyData } ComponentPropertyData
  */
 /**
@@ -1118,7 +1118,13 @@ module.exports = {
                 continue
               }
             }
-            yield { type: 'object', name, groupName, node: key }
+            yield {
+              type: 'object',
+              name,
+              groupName,
+              node: key,
+              property: item
+            }
           }
         }
       }
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 4319d14fc..dffa036f8 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1031,6 +1031,53 @@ tester.run('no-unused-properties', rule, {
         }
       })
       `
+    },
+    // handlers
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['foo', 'bar'],
+          watch: {
+            foo: 'updateFoo',
+            bar: {
+              handler: 'updateBar',
+              immediate: true
+            }
+          },
+          methods: {
+            updateFoo() {},
+            updateBar() {}
+          }
+        };
+      </script>
+      `,
+      options: [{ groups: ['props', 'methods'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['foo', 'bar'],
+          data () {
+            return {
+              updateFoo() {},
+              updateBar() {}
+            }
+          },
+          watch: {
+            foo: 'updateFoo',
+            bar: {
+              handler: 'updateBar',
+              immediate: true
+            }
+          }
+        };
+      </script>
+      `,
+      options: [{ groups: ['props', 'data'] }]
     }
   ],
 

From bde00f17ae1918ce40162e7252335021541ed4fd Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 17:51:17 +0900
Subject: [PATCH 0168/1010] 7.0.0-beta.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2dacb75b8..bc7f148f6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-alpha.10",
+  "version": "7.0.0-beta.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 878879aba658a29e117412d261ca20b6b9e9a95e Mon Sep 17 00:00:00 2001
From: Hugo Alliaume <kocal@live.fr>
Date: Sun, 19 Jul 2020 12:50:23 +0200
Subject: [PATCH 0169/1010] doc(typo): change `v-id` to `v-is` (#1257)

From https://github.com/vuejs/eslint-plugin-vue/pull/1254/files#diff-86b20cade68a6fa81dfb9c4a6295da05R33
---
 docs/rules/no-unsupported-features.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index b706ef884..a9f021c54 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -30,7 +30,7 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.0.0+
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
-    - `"v-id"` ... [v-is](https://v3.vuejs.org/api/directives.html#v-is) directive.
+    - `"v-is"` ... [v-is](https://v3.vuejs.org/api/directives.html#v-is) directive.
   - Vue.js 2.6.0+
     - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments).
     - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.

From 95cccec67182e3963ff0231091c2717778e13272 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 26 Jul 2020 09:08:00 +0900
Subject: [PATCH 0170/1010] Chores: Remove "chai" (#1263)

---
 package.json                     |  3 +--
 tests/lib/autofix.js             |  4 +---
 tests/lib/utils/casing.js        |  4 +---
 tests/lib/utils/html-comments.js |  3 +--
 tests/lib/utils/index.js         | 24 +++++++++++-------------
 tests/lib/utils/regexp.js        |  4 +---
 6 files changed, 16 insertions(+), 26 deletions(-)

diff --git a/package.json b/package.json
index bc7f148f6..9b5b85266 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "start": "npm run test:base -- --watch --growl",
     "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
-    "debug": "mocha --inspect-brk \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
+    "debug": "mocha --inspect \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
     "cover": "npm run cover:test && npm run cover:report",
     "cover:test": "nyc npm run test:base -- --timeout 60000",
     "cover:report": "nyc report --reporter=html",
@@ -66,7 +66,6 @@
     "@typescript-eslint/parser": "^3.0.2",
     "@vuepress/plugin-pwa": "^1.4.1",
     "babel-eslint": "^10.1.0",
-    "chai": "^4.2.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-eslint-plugin": "^2.2.1",
diff --git a/tests/lib/autofix.js b/tests/lib/autofix.js
index 4aca5b714..bb08d0f36 100644
--- a/tests/lib/autofix.js
+++ b/tests/lib/autofix.js
@@ -6,12 +6,10 @@
 
 const Linter = require('eslint').Linter
 const parser = require('vue-eslint-parser')
-const chai = require('chai')
+const assert = require('assert')
 
 const rules = require('../..').rules
 
-const assert = chai.assert
-
 const baseConfig = {
   parser: 'vue-eslint-parser',
   parserOptions: {
diff --git a/tests/lib/utils/casing.js b/tests/lib/utils/casing.js
index 28a71ce53..dfcc70e0b 100644
--- a/tests/lib/utils/casing.js
+++ b/tests/lib/utils/casing.js
@@ -1,9 +1,7 @@
 'use strict'
 
 const casing = require('../../../lib/utils/casing')
-const chai = require('chai')
-
-const assert = chai.assert
+const assert = require('assert')
 
 describe('getConverter()', () => {
   it('should convert string to camelCase', () => {
diff --git a/tests/lib/utils/html-comments.js b/tests/lib/utils/html-comments.js
index 6c9fef348..066c73eb1 100644
--- a/tests/lib/utils/html-comments.js
+++ b/tests/lib/utils/html-comments.js
@@ -2,10 +2,9 @@
 
 const fs = require('fs')
 const path = require('path')
-const chai = require('chai')
+const assert = require('assert')
 
 const Linter = require('eslint').Linter
-const assert = chai.assert
 
 const htmlComments = require('../../../lib/utils/html-comments')
 
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index fe5bf77fa..df45da856 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -3,9 +3,7 @@
 const babelEslint = require('babel-eslint')
 const espree = require('espree')
 const utils = require('../../../lib/utils/index')
-const chai = require('chai')
-
-const assert = chai.assert
+const assert = require('assert')
 
 describe('getComputedProperties', () => {
   const parse = function (code) {
@@ -59,11 +57,11 @@ describe('getComputedProperties', () => {
       'it detects all computed properties'
     )
 
-    assert.notOk(computedProperties[0].value)
+    assert.ok(!computedProperties[0].value)
     assert.ok(computedProperties[1].value)
     assert.ok(computedProperties[2].value)
-    assert.notOk(computedProperties[3].value)
-    assert.notOk(computedProperties[4].value)
+    assert.ok(!computedProperties[3].value)
+    assert.ok(!computedProperties[4].value)
     assert.ok(computedProperties[5].value)
   })
 
@@ -108,7 +106,7 @@ describe('getComputedProperties', () => {
       'it detects all computed properties'
     )
 
-    assert.notOk(computedProperties[0].value)
+    assert.ok(!computedProperties[0].value)
   })
 })
 
@@ -418,19 +416,19 @@ describe('getComponentProps', () => {
 
     assert.ok(props[0].node.type === 'Literal')
     assert.deepEqual(props[0].key, props[0].node)
-    assert.notOk(props[0].value)
+    assert.ok(!props[0].value)
 
     assert.ok(props[1].node.type === 'Identifier')
-    assert.notOk(props[1].key)
-    assert.notOk(props[1].value)
+    assert.ok(!props[1].key)
+    assert.ok(!props[1].value)
 
     assert.ok(props[2].node.type === 'TemplateLiteral')
     assert.deepEqual(props[2].key, props[2].node)
-    assert.notOk(props[2].value)
+    assert.ok(!props[2].value)
 
     assert.ok(props[3].node.type === 'Literal')
-    assert.notOk(props[3].key)
-    assert.notOk(props[3].value)
+    assert.ok(!props[3].key)
+    assert.ok(!props[3].value)
   })
 })
 
diff --git a/tests/lib/utils/regexp.js b/tests/lib/utils/regexp.js
index 8e38a9687..830fa2a11 100644
--- a/tests/lib/utils/regexp.js
+++ b/tests/lib/utils/regexp.js
@@ -1,9 +1,7 @@
 'use strict'
 
 const { escape, toRegExp } = require('../../../lib/utils/regexp')
-const chai = require('chai')
-
-const assert = chai.assert
+const assert = require('assert')
 
 const ESCAPED = '\\^\\$\\.\\*\\+\\?\\(\\)\\[\\]\\{\\}\\|\\\\'
 const UNESCAPED = '^$.*+?()[]{}|\\'

From 0a6f0f2a03eda7120b2d2ecfaa0efeabb730a9b3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 31 Jul 2020 20:03:31 +0900
Subject: [PATCH 0171/1010] Fix false negatives of "slot-scope" when "^3.0.0"
 is set in "no-unsupported-features" rule. (#1258)

---
 lib/rules/no-unsupported-features.js          | 19 ++++++---------
 .../syntaxes/dynamic-directive-arguments.js   |  2 +-
 lib/rules/syntaxes/scope-attribute.js         |  1 +
 lib/rules/syntaxes/slot-attribute.js          |  1 +
 lib/rules/syntaxes/slot-scope-attribute.js    |  2 +-
 .../v-bind-prop-modifier-shorthand.js         |  8 +------
 lib/rules/syntaxes/v-is.js                    |  2 +-
 lib/rules/syntaxes/v-model-argument.js        |  2 +-
 .../syntaxes/v-model-custom-modifiers.js      |  2 +-
 lib/rules/syntaxes/v-slot.js                  |  2 +-
 .../dynamic-directive-arguments.js            |  2 +-
 .../slot-scope-attribute.js                   | 23 +++++++++++++++++--
 .../rules/no-unsupported-features/v-slot.js   |  2 +-
 13 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 6f7a87ab9..9eb00be0e 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -9,7 +9,7 @@ const utils = require('../utils')
 
 /**
  * @typedef {object} SyntaxRule
- * @property {string | ((range: semver.Range) => boolean)} supported
+ * @property {string} supported
  * @property { (context: RuleContext) => TemplateListener } [createTemplateBodyVisitor]
  * @property { (context: RuleContext) => RuleListener } [createScriptVisitor]
  */
@@ -28,6 +28,8 @@ const FEATURES = {
   'v-is': require('./syntaxes/v-is')
 }
 
+const SYNTAX_NAMES = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
+
 const cache = new Map()
 /**
  * Get the `semver.Range` object of a given range text.
@@ -71,7 +73,7 @@ module.exports = {
           ignores: {
             type: 'array',
             items: {
-              enum: Object.keys(FEATURES)
+              enum: SYNTAX_NAMES
             },
             uniqueItems: true
           }
@@ -82,7 +84,7 @@ module.exports = {
     messages: {
       // Vue.js 2.5.0+
       forbiddenSlotScopeAttribute:
-        '`slot-scope` are not supported until Vue.js "2.5.0".',
+        '`slot-scope` are not supported except Vue.js ">=2.5.0 <3.0.0".',
       // Vue.js 2.6.0+
       forbiddenDynamicDirectiveArguments:
         'Dynamic arguments are not supported until Vue.js "2.6.0".',
@@ -119,22 +121,15 @@ module.exports = {
      * @returns {boolean} `true` if it's supporting.
      */
     function isNotSupportingVersion(aCase) {
-      if (typeof aCase.supported === 'function') {
-        return !aCase.supported(versionRange)
-      }
-      return versionRange.intersects(getSemverRange(`<${aCase.supported}`))
+      return !semver.subset(versionRange, getSemverRange(aCase.supported))
     }
 
-    const syntaxNames = /** @type {(keyof FEATURES)[]} */ (Object.keys(
-      FEATURES
-    ))
-
     /** @type {TemplateListener} */
     let templateBodyVisitor = {}
     /** @type {RuleListener} */
     let scriptVisitor = {}
 
-    for (const syntaxName of syntaxNames) {
+    for (const syntaxName of SYNTAX_NAMES) {
       /** @type {SyntaxRule} */
       const syntax = FEATURES[syntaxName]
       if (ignores.includes(syntaxName) || !isNotSupportingVersion(syntax)) {
diff --git a/lib/rules/syntaxes/dynamic-directive-arguments.js b/lib/rules/syntaxes/dynamic-directive-arguments.js
index 595f70fb9..9a790e9f7 100644
--- a/lib/rules/syntaxes/dynamic-directive-arguments.js
+++ b/lib/rules/syntaxes/dynamic-directive-arguments.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 module.exports = {
-  supported: '2.6.0',
+  supported: '>=2.6.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
diff --git a/lib/rules/syntaxes/scope-attribute.js b/lib/rules/syntaxes/scope-attribute.js
index c1673c3cc..c356a6750 100644
--- a/lib/rules/syntaxes/scope-attribute.js
+++ b/lib/rules/syntaxes/scope-attribute.js
@@ -5,6 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.5.0',
+  supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 6f38166ee..1ce27484d 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -5,6 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.6.0',
+  supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index 2afd790b6..902b5ded8 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -5,7 +5,7 @@
 'use strict'
 module.exports = {
   deprecated: '2.6.0',
-  supported: '2.5.0',
+  supported: '>=2.5.0 <3.0.0',
   /**
    * @param {RuleContext} context
    * @param {object} option
diff --git a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
index 4038c81a5..219d2b3c9 100644
--- a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
+++ b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
@@ -3,15 +3,9 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const semver = require('semver')
-const unsupported = new semver.Range('<=2.5 || >=2.6.0')
 
 module.exports = {
-  // >=2.6.0-beta.1 <=2.6.0-beta.3
-  /** @param {semver.Range} versionRange */
-  supported: (versionRange) => {
-    return !versionRange.intersects(unsupported)
-  },
+  supported: '>=2.6.0-beta.1 <=2.6.0-beta.3',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
diff --git a/lib/rules/syntaxes/v-is.js b/lib/rules/syntaxes/v-is.js
index a974b820f..9aeeb8d7e 100644
--- a/lib/rules/syntaxes/v-is.js
+++ b/lib/rules/syntaxes/v-is.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 module.exports = {
-  supported: '3.0.0',
+  supported: '>=3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
diff --git a/lib/rules/syntaxes/v-model-argument.js b/lib/rules/syntaxes/v-model-argument.js
index bba028e12..d1bd59738 100644
--- a/lib/rules/syntaxes/v-model-argument.js
+++ b/lib/rules/syntaxes/v-model-argument.js
@@ -5,7 +5,7 @@
 'use strict'
 
 module.exports = {
-  supported: '3.0.0',
+  supported: '>=3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     return {
diff --git a/lib/rules/syntaxes/v-model-custom-modifiers.js b/lib/rules/syntaxes/v-model-custom-modifiers.js
index 5630f9ad4..d11116b2d 100644
--- a/lib/rules/syntaxes/v-model-custom-modifiers.js
+++ b/lib/rules/syntaxes/v-model-custom-modifiers.js
@@ -11,7 +11,7 @@
 const BUILTIN_MODIFIERS = new Set(['lazy', 'number', 'trim'])
 
 module.exports = {
-  supported: '3.0.0',
+  supported: '>=3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     return {
diff --git a/lib/rules/syntaxes/v-slot.js b/lib/rules/syntaxes/v-slot.js
index ae71dc9de..9a9ba1fba 100644
--- a/lib/rules/syntaxes/v-slot.js
+++ b/lib/rules/syntaxes/v-slot.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 module.exports = {
-  supported: '2.6.0',
+  supported: '>=2.6.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
diff --git a/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js b/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
index 5dd9bba77..61b39e738 100644
--- a/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
+++ b/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
@@ -54,7 +54,7 @@ tester.run('no-unsupported-features/dynamic-directive-arguments', rule, {
       <template>
         <a :[href]="'/xxx'" />
       </template>`,
-      options: buildOptions({ version: '2.6.0-beta.2' })
+      options: buildOptions({ version: '^3.0.0' })
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
index f9be7a006..5307aa616 100644
--- a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
+++ b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
@@ -70,7 +70,8 @@ tester.run('no-unsupported-features/slot-scope-attribute', rule, {
       output: null,
       errors: [
         {
-          message: '`slot-scope` are not supported until Vue.js "2.5.0".',
+          message:
+            '`slot-scope` are not supported except Vue.js ">=2.5.0 <3.0.0".',
           line: 4
         }
       ]
@@ -86,7 +87,25 @@ tester.run('no-unsupported-features/slot-scope-attribute', rule, {
       output: null,
       errors: [
         {
-          message: '`slot-scope` are not supported until Vue.js "2.5.0".',
+          message:
+            '`slot-scope` are not supported except Vue.js ">=2.5.0 <3.0.0".',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <LinkList>
+          <a slot-scope />
+        </LinkList>
+      </template>`,
+      options: buildOptions({ version: '^3.0.0' }),
+      output: null,
+      errors: [
+        {
+          message:
+            '`slot-scope` are not supported except Vue.js ">=2.5.0 <3.0.0".',
           line: 4
         }
       ]
diff --git a/tests/lib/rules/no-unsupported-features/v-slot.js b/tests/lib/rules/no-unsupported-features/v-slot.js
index 6874731bd..66b3b0b9e 100644
--- a/tests/lib/rules/no-unsupported-features/v-slot.js
+++ b/tests/lib/rules/no-unsupported-features/v-slot.js
@@ -70,7 +70,7 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot:name ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions({ version: '2.6.0-beta.2' })
+      options: buildOptions({ version: '^3.0.0' })
     }
   ],
   invalid: [

From 872c0b8d2c2e2caab38e6611cb2c861d7a6ae641 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 31 Jul 2020 20:04:19 +0900
Subject: [PATCH 0172/1010] Add `allowProps` option to
 `vue/require-explicit-emits` rule. (#1259)

Even if you declare it in props, a warning message and fallthrough can be stopped, so I add an option to allow this.
https://github.com/vuejs/vue-next/blob/00ab9e2e8506d108958895cda4e977dfb16b53f9/packages/runtime-core/src/componentEmits.ts#L50

By default this option remains disabled.
---
 docs/rules/require-explicit-emits.md      |  32 +++++-
 lib/rules/no-reserved-component-names.js  |  10 +-
 lib/rules/require-explicit-emits.js       | 131 ++++++++++++----------
 lib/rules/require-valid-default-prop.js   |   8 +-
 lib/utils/casing.js                       |   4 +-
 tests/lib/rules/require-explicit-emits.js |  56 +++++++++
 6 files changed, 168 insertions(+), 73 deletions(-)

diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 2a165ec19..ba33eadf0 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -74,7 +74,37 @@ export default {
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/require-explicit-emits": ["error", {
+    "allowProps": false
+  }]
+}
+```
+
+- `"allowProps"` ... If `true`, allow event names defined in `props`. default `false`
+
+### `"allowProps": true`
+
+<eslint-code-block fix :rules="{'vue/require-explicit-emits': ['error', {allowProps: true}]}">
+
+```vue
+<script>
+export default {
+  props: ['onGood', 'bad'],
+  methods: {
+    foo () {
+      // ✓ GOOD
+      this.$emit('good')
+      // ✗ BAD
+      this.$emit('bad')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :books: Further Reading
 
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index e21bf7cd8..aecbe6020 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -37,14 +37,10 @@ const vue3BuiltInComponents = ['teleport', 'suspense']
 function isLowercase(word) {
   return /^[a-z]*$/.test(word)
 }
-/** @param {string} word  */
-function capitalizeFirstLetter(word) {
-  return word[0].toUpperCase() + word.substring(1, word.length)
-}
 
 const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements,
-  ...htmlElements.map(capitalizeFirstLetter)
+  ...htmlElements.map(casing.capitalize)
 ])
 const RESERVED_NAMES_IN_VUE = new Set([
   ...vueBuiltInComponents,
@@ -57,11 +53,11 @@ const RESERVED_NAMES_IN_VUE3 = new Set([
 ])
 const RESERVED_NAMES_IN_OTHERS = new Set([
   ...deprecatedHtmlElements,
-  ...deprecatedHtmlElements.map(capitalizeFirstLetter),
+  ...deprecatedHtmlElements.map(casing.capitalize),
   ...kebabCaseElements,
   ...kebabCaseElements.map(casing.pascalCase),
   ...svgElements,
-  ...svgElements.filter(isLowercase).map(capitalizeFirstLetter)
+  ...svgElements.filter(isLowercase).map(casing.capitalize)
 ])
 
 // ------------------------------------------------------------------------------
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index fdadc2332..ec356364e 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -7,6 +7,8 @@
 /**
  * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
@@ -16,6 +18,7 @@
 
 const { findVariable } = require('eslint-utils')
 const utils = require('../utils')
+const { capitalize } = require('../utils/casing')
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -89,7 +92,17 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-explicit-emits.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allowProps: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       missing:
         'The "{{name}}" event has been triggered but not declared on `emits` option.',
@@ -102,49 +115,49 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @typedef { { node: Literal, name: string } } EmitCellName */
+    const options = context.options[0] || {}
+    const allowProps = !!options.allowProps
     /** @type {Map<ObjectExpression, { contextReferenceIds: Set<Identifier>, emitReferenceIds: Set<Identifier> }>} */
     const setupContexts = new Map()
     /** @type {Map<ObjectExpression, (ComponentArrayEmit | ComponentObjectEmit)[]>} */
     const vueEmitsDeclarations = new Map()
-
-    /** @type {EmitCellName[]} */
-    const templateEmitCellNames = []
-    /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression, emits: (ComponentArrayEmit | ComponentObjectEmit)[] } | null } */
-    let vueObjectData = null
+    /** @type {Map<ObjectExpression, (ComponentArrayProp | ComponentObjectProp)[]>} */
+    const vuePropsDeclarations = new Map()
 
     /**
-     * @param {Literal} nameLiteralNode
+     * @typedef {object} VueTemplateObjectData
+     * @property {'export' | 'mark' | 'definition'} type
+     * @property {ObjectExpression} object
+     * @property {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
+     * @property {(ComponentArrayProp | ComponentObjectProp)[]} props
      */
-    function addTemplateEmitCellName(nameLiteralNode) {
-      templateEmitCellNames.push({
-        node: nameLiteralNode,
-        name: `${nameLiteralNode.value}`
-      })
-    }
+    /** @type {VueTemplateObjectData | null} */
+    let vueTemplateObjectData = null
 
     /**
-     * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emitsDeclarations
+     * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
+     * @param {(ComponentArrayProp | ComponentObjectProp)[]} props
      * @param {Literal} nameLiteralNode
      * @param {ObjectExpression} vueObjectNode
      */
-    function verify(emitsDeclarations, nameLiteralNode, vueObjectNode) {
+    function verifyEmit(emits, props, nameLiteralNode, vueObjectNode) {
       const name = `${nameLiteralNode.value}`
-      if (emitsDeclarations.some((e) => e.emitName === name)) {
+      if (emits.some((e) => e.emitName === name)) {
         return
       }
+      if (allowProps) {
+        const key = `on${capitalize(name)}`
+        if (props.some((e) => e.propName === key)) {
+          return
+        }
+      }
       context.report({
         node: nameLiteralNode,
         messageId: 'missing',
         data: {
           name
         },
-        suggest: buildSuggest(
-          vueObjectNode,
-          emitsDeclarations,
-          nameLiteralNode,
-          context
-        )
+        suggest: buildSuggest(vueObjectNode, emits, nameLiteralNode, context)
       })
     }
 
@@ -153,47 +166,31 @@ module.exports = {
       {
         /** @param { CallExpression & { argument: [Literal, ...Expression] } } node */
         'CallExpression[arguments.0.type=Literal]'(node) {
-          const callee = node.callee
+          const callee = utils.skipChainExpression(node.callee)
           const nameLiteralNode = /** @type {Literal} */ (node.arguments[0])
           if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
             // cannot check
             return
           }
-          if (callee.type === 'Identifier' && callee.name === '$emit') {
-            addTemplateEmitCellName(nameLiteralNode)
-          }
-        },
-        "VElement[parent.type!='VElement']:exit"() {
-          if (!vueObjectData) {
+          if (!vueTemplateObjectData) {
             return
           }
-          const emitsDeclarationNames = new Set(
-            vueObjectData.emits.map((e) => e.emitName)
-          )
-
-          for (const { name, node } of templateEmitCellNames) {
-            if (emitsDeclarationNames.has(name)) {
-              continue
-            }
-            context.report({
-              node,
-              messageId: 'missing',
-              data: {
-                name
-              },
-              suggest: buildSuggest(
-                vueObjectData.object,
-                vueObjectData.emits,
-                node,
-                context
-              )
-            })
+          if (callee.type === 'Identifier' && callee.name === '$emit') {
+            verifyEmit(
+              vueTemplateObjectData.emits,
+              vueTemplateObjectData.props,
+              nameLiteralNode,
+              vueTemplateObjectData.object
+            )
           }
         }
       },
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
           vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
+          if (allowProps) {
+            vuePropsDeclarations.set(node, utils.getComponentProps(node))
+          }
         },
         onSetupFunctionEnter(node, { node: vueNode }) {
           const contextParam = node.params[1]
@@ -286,7 +283,12 @@ module.exports = {
             const { contextReferenceIds, emitReferenceIds } = setupContext
             if (callee.type === 'Identifier' && emitReferenceIds.has(callee)) {
               // verify setup(props,{emit}) {emit()}
-              verify(emitsDeclarations, nameLiteralNode, vueNode)
+              verifyEmit(
+                emitsDeclarations,
+                vuePropsDeclarations.get(vueNode) || [],
+                nameLiteralNode,
+                vueNode
+              )
             } else if (emit && emit.name === 'emit') {
               const memObject = utils.skipChainExpression(emit.member.object)
               if (
@@ -294,7 +296,12 @@ module.exports = {
                 contextReferenceIds.has(memObject)
               ) {
                 // verify setup(props,context) {context.emit()}
-                verify(emitsDeclarations, nameLiteralNode, vueNode)
+                verifyEmit(
+                  emitsDeclarations,
+                  vuePropsDeclarations.get(vueNode) || [],
+                  nameLiteralNode,
+                  vueNode
+                )
               }
             }
           }
@@ -304,26 +311,36 @@ module.exports = {
             const memObject = utils.skipChainExpression(emit.member.object)
             if (utils.isThis(memObject, context)) {
               // verify this.$emit()
-              verify(emitsDeclarations, nameLiteralNode, vueNode)
+              verifyEmit(
+                emitsDeclarations,
+                vuePropsDeclarations.get(vueNode) || [],
+                nameLiteralNode,
+                vueNode
+              )
             }
           }
         },
         onVueObjectExit(node, { type }) {
           const emits = vueEmitsDeclarations.get(node)
-          if (!vueObjectData || vueObjectData.type !== 'export') {
+          if (
+            !vueTemplateObjectData ||
+            vueTemplateObjectData.type !== 'export'
+          ) {
             if (
               emits &&
               (type === 'mark' || type === 'export' || type === 'definition')
             ) {
-              vueObjectData = {
+              vueTemplateObjectData = {
                 type,
                 object: node,
-                emits
+                emits,
+                props: vuePropsDeclarations.get(node) || []
               }
             }
           }
           setupContexts.delete(node)
           vueEmitsDeclarations.delete(node)
+          vuePropsDeclarations.delete(node)
         }
       })
     )
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index ffebef07f..ef9453b23 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 const utils = require('../utils')
+const { capitalize } = require('../utils/casing')
 
 /**
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
@@ -68,13 +69,6 @@ function getTypes(node) {
   return []
 }
 
-/**
- * @param {string} text
- */
-function capitalize(text) {
-  return text[0].toUpperCase() + text.slice(1)
-}
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
diff --git a/lib/utils/casing.js b/lib/utils/casing.js
index f6dea6d6e..b2f2e89b5 100644
--- a/lib/utils/casing.js
+++ b/lib/utils/casing.js
@@ -197,5 +197,7 @@ module.exports = {
   isCamelCase,
   isPascalCase,
   isKebabCase,
-  isSnakeCase
+  isSnakeCase,
+
+  capitalize
 }
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index d59d78600..4f27563cd 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -359,6 +359,27 @@ tester.run('require-explicit-emits', rule, {
       }
       </script>
       `
+    },
+    // allowProps
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['onFoo'],
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `,
+      options: [{ allowProps: true }]
     }
   ],
   invalid: [
@@ -1551,6 +1572,41 @@ emits: {'foo': null}
         'The "foo" event has been triggered but not declared on `emits` option.',
         'The "bar" event has been triggered but not declared on `emits` option.'
       ]
+    },
+    // allowProps
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `,
+      options: [{ allowProps: true }],
+      errors: [
+        {
+          line: 3,
+          messageId: 'missing'
+        },
+        {
+          line: 9,
+          messageId: 'missing'
+        },
+        {
+          line: 12,
+          messageId: 'missing'
+        }
+      ]
     }
   ]
 })

From 3a4aa1a18d8052df03fa07e03f7b499cd3faf304 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 31 Jul 2020 20:04:50 +0900
Subject: [PATCH 0173/1010] Fix reporting "Use the latest vue-eslint-parser"
 message in non-vue files. (#1262)

---
 lib/rules/no-multi-spaces.js                 | 15 ++++++++++-----
 lib/utils/index.js                           | 13 ++++++++-----
 tests/lib/rules-without-vue-eslint-parser.js | 12 +++++++++++-
 3 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index ef1fee678..aa8b70a22 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -4,6 +4,8 @@
  */
 'use strict'
 
+const path = require('path')
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -50,11 +52,14 @@ module.exports = {
     return {
       Program(node) {
         if (context.parserServices.getTemplateBodyTokenStore == null) {
-          context.report({
-            loc: { line: 1, column: 0 },
-            message:
-              'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
-          })
+          const filename = context.getFilename()
+          if (path.extname(filename) === '.vue') {
+            context.report({
+              loc: { line: 1, column: 0 },
+              message:
+                'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+            })
+          }
           return
         }
         if (!node.templateBody) {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 5abb635ed..814517e39 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1531,11 +1531,14 @@ function defineTemplateBodyVisitor(
   scriptVisitor
 ) {
   if (context.parserServices.defineTemplateBodyVisitor == null) {
-    context.report({
-      loc: { line: 1, column: 0 },
-      message:
-        'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error'
-    })
+    const filename = context.getFilename()
+    if (path.extname(filename) === '.vue') {
+      context.report({
+        loc: { line: 1, column: 0 },
+        message:
+          'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+      })
+    }
     return {}
   }
   return context.parserServices.defineTemplateBodyVisitor(
diff --git a/tests/lib/rules-without-vue-eslint-parser.js b/tests/lib/rules-without-vue-eslint-parser.js
index cd91f7915..b7c585134 100644
--- a/tests/lib/rules-without-vue-eslint-parser.js
+++ b/tests/lib/rules-without-vue-eslint-parser.js
@@ -7,6 +7,7 @@
 const Linter = require('eslint').Linter
 const parser = require('babel-eslint')
 const rules = require('../..').rules
+const assert = require('assert')
 
 describe("Don't crash even if without vue-eslint-parser.", () => {
   const code = '<template><div>TEST</div></template>'
@@ -25,7 +26,16 @@ describe("Don't crash even if without vue-eslint-parser.", () => {
       }
       linter.defineParser('babel-eslint', parser)
       linter.defineRule(ruleId, rules[key])
-      linter.verifyAndFix(code, config, 'test.vue')
+      const resultVue = linter.verifyAndFix(code, config, 'test.vue')
+      for (const { message } of resultVue.messages) {
+        assert.strictEqual(
+          message,
+          'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+        )
+      }
+
+      const resultJs = linter.verifyAndFix(code, config, 'test.js')
+      assert.strictEqual(resultJs.messages.length, 0)
     })
   }
 })

From 61c62e92dc84d2dc0b7835f1a2bc72629a23d0b3 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 31 Jul 2020 13:07:10 +0200
Subject: [PATCH 0174/1010] Add `v-for-delimiter-style` rule (#1267)

* Add `v-for-delimiter-style` rule

* Change rule type to "layout"

* Include error columns in tests
---
 docs/rules/README.md                     |   1 +
 docs/rules/v-for-delimiter-style.md      |  65 ++++++++++++
 lib/configs/no-layout-rules.js           |   3 +-
 lib/index.js                             |   1 +
 lib/rules/v-for-delimiter-style.js       |  69 ++++++++++++
 tests/lib/rules/v-for-delimiter-style.js | 128 +++++++++++++++++++++++
 6 files changed, 266 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/v-for-delimiter-style.md
 create mode 100644 lib/rules/v-for-delimiter-style.js
 create mode 100644 tests/lib/rules/v-for-delimiter-style.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 7e0b1dd96..63d538e47 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -312,6 +312,7 @@ For example:
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
+| [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
 
 ### Extension Rules
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
new file mode 100644
index 000000000..2b90aca24
--- /dev/null
+++ b/docs/rules/v-for-delimiter-style.md
@@ -0,0 +1,65 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/v-for-delimiter-style
+description: enforce `v-for` directive's delimiter style
+---
+# vue/v-for-delimiter-style
+> enforce `v-for` directive's delimiter style
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces which delimiter (`in` or `of`) should be used in `v-for` directives.
+
+<eslint-code-block fix :rules="{'vue/v-for-delimiter-style': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-for="x in xs" />
+
+  <!-- ✗ BAD -->
+  <div v-for="x of xs" />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+Default is set to `in`.
+
+```json
+{
+  "vue/v-for-delimiter-style": ["error", "in" | "of"]
+}
+```
+
+- `"in"` (default) ... requires using `in`.
+- `"of"` ... requires using `of`.
+
+### `"of"`
+
+<eslint-code-block fix :rules="{'vue/v-for-delimiter-style': ['error', 'of']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-for="x of xs" />
+
+  <!-- ✗ BAD -->
+  <div v-for="x in xs" />
+</template>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [Guide - List Rendering](https://v3.vuejs.org/guide/list.html)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-for-delimiter-style.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/v-for-delimiter-style.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 3d2cb5d30..be534fd38 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -41,6 +41,7 @@ module.exports = {
     'vue/space-in-parens': 'off',
     'vue/space-infix-ops': 'off',
     'vue/space-unary-ops': 'off',
-    'vue/template-curly-spacing': 'off'
+    'vue/template-curly-spacing': 'off',
+    'vue/v-for-delimiter-style': 'off'
   }
 }
diff --git a/lib/index.js b/lib/index.js
index 5f285be69..71c922f44 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -146,6 +146,7 @@ module.exports = {
     'this-in-template': require('./rules/this-in-template'),
     'use-v-on-exact': require('./rules/use-v-on-exact'),
     'v-bind-style': require('./rules/v-bind-style'),
+    'v-for-delimiter-style': require('./rules/v-for-delimiter-style'),
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
new file mode 100644
index 000000000..ef0086cfe
--- /dev/null
+++ b/lib/rules/v-for-delimiter-style.js
@@ -0,0 +1,69 @@
+/**
+ * @fileoverview enforce `v-for` directive's delimiter style
+ * @author Flo Edelmann
+ * @copyright 2020 Flo Edelmann. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description: "enforce `v-for` directive's delimiter style",
+      categories: undefined,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/v-for-delimiter-style.html'
+    },
+    fixable: 'code',
+    schema: [{ enum: ['in', 'of'] }]
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const preferredDelimiter =
+      /** @type {string|undefined} */ (context.options[0]) || 'in'
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VForExpression} node */
+      VForExpression(node) {
+        const tokenStore =
+          context.parserServices.getTemplateBodyTokenStore &&
+          context.parserServices.getTemplateBodyTokenStore()
+
+        const delimiterToken = /** @type {Token} */ (tokenStore.getTokenAfter(
+          node.left.length
+            ? node.left[node.left.length - 1]
+            : tokenStore.getFirstToken(node),
+          (token) => token.type !== 'Punctuator' || token.value !== ')'
+        ))
+
+        if (delimiterToken.value === preferredDelimiter) {
+          return
+        }
+
+        context.report({
+          node,
+          loc: node.loc,
+          message: `Expected '{{preferredDelimiter}}' instead of '{{usedDelimiter}}' in 'v-for'.`,
+          data: {
+            preferredDelimiter,
+            usedDelimiter: delimiterToken.value
+          },
+          *fix(fixer) {
+            yield fixer.replaceText(delimiterToken, preferredDelimiter)
+          }
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/v-for-delimiter-style.js b/tests/lib/rules/v-for-delimiter-style.js
new file mode 100644
index 000000000..4b232a290
--- /dev/null
+++ b/tests/lib/rules/v-for-delimiter-style.js
@@ -0,0 +1,128 @@
+/**
+ * @fileoverview enforce `v-for` directive's delimiter style
+ * @author Flo Edelmann
+ * @copyright 2020 Flo Edelmann. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/v-for-delimiter-style')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('v-for-delimiter-style', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x in xs"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x    in xs"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x in    xs"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x    in    xs"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x in xs"></div></template>',
+      options: ['in']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x of xs"></div></template>',
+      options: ['of']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x of xs"></div></template>',
+      output: '<template><div v-for="x in xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'in' instead of 'of' in 'v-for'.",
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x    of xs"></div></template>',
+      output: '<template><div v-for="x    in xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'in' instead of 'of' in 'v-for'.",
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x of    xs"></div></template>',
+      output: '<template><div v-for="x in    xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'in' instead of 'of' in 'v-for'.",
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x    of    xs"></div></template>',
+      output: '<template><div v-for="x    in    xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'in' instead of 'of' in 'v-for'.",
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: ['in'],
+      code: '<template><div v-for="x of xs"></div></template>',
+      output: '<template><div v-for="x in xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'in' instead of 'of' in 'v-for'.",
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: ['of'],
+      code: '<template><div v-for="x in xs"></div></template>',
+      output: '<template><div v-for="x of xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'of' instead of 'in' in 'v-for'.",
+          column: 23
+        }
+      ]
+    }
+  ]
+})

From 9239393e746bb2c7ac63088471fa80c5eee02fd6 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 31 Jul 2020 20:11:09 +0900
Subject: [PATCH 0175/1010] 7.0.0-beta.1

---
 docs/rules/require-explicit-emits.md | 2 +-
 package.json                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index ba33eadf0..71d1f5d6c 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -86,7 +86,7 @@ export default {
 
 ### `"allowProps": true`
 
-<eslint-code-block fix :rules="{'vue/require-explicit-emits': ['error', {allowProps: true}]}">
+<eslint-code-block :rules="{'vue/require-explicit-emits': ['error', {allowProps: true}]}">
 
 ```vue
 <script>
diff --git a/package.json b/package.json
index 9b5b85266..28e9f957b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-beta.0",
+  "version": "7.0.0-beta.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c8e2514ff820e41b1aa68a85b9e695b024f201b1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 5 Aug 2020 11:06:49 +0900
Subject: [PATCH 0176/1010] Docs: Add "Trouble with Visual Studio Code" section
 to FAQ (#1270)

* Add ` Trouble with Visual Studio Code` section to FAQ

* update
---
 docs/user-guide/README.md | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 470267f0c..55590ca97 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -131,7 +131,7 @@ If you want to disallow `eslint-disable` functionality in `<template>`, disable
 
 ## :computer: Editor integrations
 
-#### Visual Studio Code
+### Visual Studio Code
 
 Use the [dbaeumer.vscode-eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) extension that Microsoft provides officially.
 
@@ -151,7 +151,7 @@ Example **.vscode/settings.json**:
 
 If you use the `Vetur` plugin, set `"vetur.validation.template": false` to avoid default Vetur template validation. Check out [vetur documentation](https://vuejs.github.io/vetur/linting-error.html) for more info.
 
-#### Sublime Text
+### Sublime Text
 
 Use Package Control to install **SublimeLinter** and its ESLint extension **[SublimeLinter-eslint](https://github.com/SublimeLinter/SublimeLinter-eslint)**.
 
@@ -167,11 +167,11 @@ In the menu go to `Preferences > Package Settings > SublimeLinter > Settings` an
 }
 ```
 
-#### Atom editor
+### Atom editor
 
 Go into `Settings -> Packages -> linter-eslint`, under the option "List of scopes to run eslint on", add `text.html.vue`. You may need to restart Atom.
 
-#### IntelliJ IDEA / JetBrains WebStorm
+### IntelliJ IDEA / JetBrains WebStorm
 
 In the **Settings/Preferences** dialog (`Cmd+,`/`Ctrl+Alt+S`), choose JavaScript under **Languages and Frameworks** and then choose **ESLint** under **Code Quality Tools**.
 On the **ESLint page** that opens, select the *Enable* checkbox.
@@ -284,3 +284,14 @@ See also [ESLint - Specifying Parser Options](https://eslint.org/docs/user-guide
 The same configuration is required when using JSX with TypeScript (TSX) in the `.vue` file.  
 See also [here](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/parser/README.md#parseroptionsecmafeaturesjsx).  
 Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`) when using `jsx: true`.
+
+### Trouble with Visual Studio Code
+
+- 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.
+
+You need to turn off Vetur's template validation by adding `vetur.validation.template: false` to your `.vscode/settings.json`.
+
+See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Linting / Error Checking > Linting](https://vuejs.github.io/vetur/linting-error.html#linting).

From d339b61120148be538a57cdfb5e63ef24c197409 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 5 Aug 2020 11:12:44 +0900
Subject: [PATCH 0177/1010] Update README.md

---
 docs/user-guide/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 55590ca97..82e8393a8 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -294,4 +294,4 @@ Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`
 
 You need to turn off Vetur's template validation by adding `vetur.validation.template: false` to your `.vscode/settings.json`.
 
-See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Linting / Error Checking > Linting](https://vuejs.github.io/vetur/linting-error.html#linting).
+See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Linting](https://vuejs.github.io/vetur/linting-error.html#linting).

From 37ec77aea5a68128b90b2b1563ab49f7891c0821 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 8 Aug 2020 09:28:17 +0200
Subject: [PATCH 0178/1010] Reorder Nuxt.js's `fetch` method in
 `vue/order-in-components` (#1268)

---
 docs/rules/order-in-components.md | 2 +-
 lib/rules/order-in-components.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 0820c8035..8fae0c294 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -85,9 +85,9 @@ export default {
       ["props", "propsData"],
       "emits",
       "setup",
-      "fetch",
       "asyncData",
       "data",
+      "fetch",
       "head",
       "computed",
       "watch",
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 92b9b4c15..5f3373458 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -56,9 +56,9 @@ const defaultOrder = [
   'setup', // for Vue 3.x
 
   // Local State (local reactive properties)
-  'fetch', // for Nuxt
   'asyncData', // for Nuxt
   'data',
+  'fetch', // for Nuxt
   'head', // for Nuxt
   'computed',
 

From 20f2ef289dddea8fbd5e29f7e6fa7d2b957e6675 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 8 Aug 2020 16:31:29 +0900
Subject: [PATCH 0179/1010] 7.0.0-beta.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 28e9f957b..7bc47d2cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.2",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 48d82c036c1f719b47dd9cef0e07074c74e743bb Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 11 Aug 2020 19:52:40 +0900
Subject: [PATCH 0180/1010] Update issue templates (#1275)

---
 .github/ISSUE_TEMPLATE/bug_report.md    | 21 +++++++++++++----
 .github/ISSUE_TEMPLATE/change.md        | 26 +++++++++++++++++++++
 .github/ISSUE_TEMPLATE/rule-change.md   | 31 +++++++++++++++++++++++++
 .github/ISSUE_TEMPLATE/rule-proposal.md | 11 +++++----
 4 files changed, 79 insertions(+), 10 deletions(-)
 create mode 100644 .github/ISSUE_TEMPLATE/change.md
 create mode 100644 .github/ISSUE_TEMPLATE/rule-change.md

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 2a02e0226..94800468f 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -1,7 +1,6 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-
 ---
 
 <!--
@@ -10,10 +9,16 @@ about: Create a report to help us improve
   To make sure it's not, run: yarn eslint src/your-file.vue
 -->
 
+**Checklist**
+
+- [ ] I checked the [FAQ](https://eslint.vuejs.org/user-guide/#faq).
+
 **Tell us about your environment**
-* **ESLint version:** 
-* **eslint-plugin-vue version:** 
-* **Node version:** 
+
+- **ESLint version:** 
+- **eslint-plugin-vue version:** 
+- **Node version:** 
+- **Operating System:** 
 
 **Please show your full configuration:**
 <!-- Paste content of your .eslintrc file -->
@@ -31,4 +36,10 @@ about: Create a report to help us improve
 
 
 **What actually happened?**
-<!-- Please include the actual, raw output from ESLint. -->
+<!--
+  Please include the actual, raw output from ESLint.
+  If you are only looking at the results of your editor extension, also check the CLI results.
+-->
+
+**Repository to reproduce this issue**
+
diff --git a/.github/ISSUE_TEMPLATE/change.md b/.github/ISSUE_TEMPLATE/change.md
new file mode 100644
index 000000000..a6a4a7dc0
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/change.md
@@ -0,0 +1,26 @@
+---
+name: "Non-rule change request"
+about: Request a change that is not a bug fix, rule change, or new rule
+---
+
+<!--
+  Before proposing changes, please make sure it hasn't been posted already.
+  You can see all open propositions here:
+  https://github.com/vuejs/eslint-plugin-vue/issues?q=is%3Aopen+is%3Aissue+label%3A%22new+rule+proposition%22
+-->
+
+**Tell us about your environment**
+
+- **ESLint version:** 
+- **eslint-plugin-vue version:** 
+- **Node version:** 
+
+**The problem you want to solve.**
+
+
+**Your take on the correct solution to problem.**
+
+
+**Additional context**
+<!-- Add any other context or screenshots about the feature request here. -->
+
diff --git a/.github/ISSUE_TEMPLATE/rule-change.md b/.github/ISSUE_TEMPLATE/rule-change.md
new file mode 100644
index 000000000..78a3a2dd1
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/rule-change.md
@@ -0,0 +1,31 @@
+---
+name: "Rule change request"
+about: Request a change to an existing rule
+---
+
+<!--
+  Before proposing rule changes, please make sure it hasn't been posted already.
+  You can see all open propositions here:
+  https://github.com/vuejs/eslint-plugin-vue/issues?q=is%3Aopen+is%3Aissue+label%3A%22new+rule+proposition%22
+-->
+
+**What rule do you want to change?**
+
+**Does this change cause the rule to produce more or fewer warnings?**
+
+**How will the change be implemented? (New option, new default behavior, etc.)?**
+
+**Please provide some example code that this change will affect:**
+
+<!-- Put your code examples here -->
+```vue
+
+```
+
+**What does the rule currently do for this code?**
+
+**What will the rule do after it's changed?**
+
+**Additional context**
+<!-- Add any other context or screenshots about the feature request here. -->
+
diff --git a/.github/ISSUE_TEMPLATE/rule-proposal.md b/.github/ISSUE_TEMPLATE/rule-proposal.md
index 7130c789f..6c571721c 100644
--- a/.github/ISSUE_TEMPLATE/rule-proposal.md
+++ b/.github/ISSUE_TEMPLATE/rule-proposal.md
@@ -1,7 +1,6 @@
 ---
 name: Rule Proposal
 about: Suggest an idea for a new rule
-
 ---
 
 <!--
@@ -15,15 +14,17 @@ about: Suggest an idea for a new rule
 
 **What category should the rule belong to?**
 <!-- (place an "X" next to just one item) -->
-- [ ] Enforces code style
-- [ ] Warns about a potential error
-- [ ] Suggests an alternate way of doing something
-- [ ] Other (please specify:)
+[ ] Enforces code style (layout)
+[ ] Warns about a potential error (problem)
+[ ] Suggests an alternate way of doing something (suggestion)
+[ ] Other (please specify:)
 
 **Provide 2-3 code examples that this rule should warn about:**
+
 ```vue
 
 ```
 
 **Additional context**
 <!-- Add any other context or screenshots about the feature request here. -->
+

From 4331491f5aea4d34417921a131dd76df7698f897 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 26 Aug 2020 10:02:30 +0900
Subject: [PATCH 0181/1010] Add test for no-side-effects-in-computed-properties
 rule to check #1282 (#1283)

---
 .../rules/no-side-effects-in-computed-properties.js    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 5aefc95c9..ae5ff7512 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -180,6 +180,16 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         el: test.el
       })`,
       parserOptions
+    },
+    {
+      code: `Vue.component('test', {
+        computed: {
+          test () {
+            return [...this.items].reverse()
+          },
+        }
+      })`,
+      parserOptions
     }
   ],
   invalid: [

From dab51e8d61cf59b254f4161b0082bbc97e0bd588 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 26 Aug 2020 16:15:34 +0900
Subject: [PATCH 0182/1010] Upgrade prettier (#1286)

---
 lib/utils/keycode-to-key.js | 120 ++++++++++++++++++------------------
 package.json                |   2 +-
 2 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/lib/utils/keycode-to-key.js b/lib/utils/keycode-to-key.js
index 365ae435d..cabf377d1 100644
--- a/lib/utils/keycode-to-key.js
+++ b/lib/utils/keycode-to-key.js
@@ -1,26 +1,26 @@
 // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
 /** @type { { [key: number]: string }  } */
 module.exports = {
-  '8': 'backspace',
-  '9': 'tab',
-  '13': 'enter',
-  '16': 'shift',
-  '17': 'ctrl',
-  '18': 'alt',
-  '19': 'pause', // windows
-  '20': 'caps-lock',
-  '27': 'escape',
-  '32': 'space', // Vue.js specially key name.
-  '33': 'page-up',
-  '34': 'page-down',
-  '35': 'end',
-  '36': 'home',
-  '37': 'arrow-left',
-  '38': 'arrow-up',
-  '39': 'arrow-right',
-  '40': 'arrow-down',
-  '45': 'insert', // windows
-  '46': 'delete',
+  8: 'backspace',
+  9: 'tab',
+  13: 'enter',
+  16: 'shift',
+  17: 'ctrl',
+  18: 'alt',
+  19: 'pause', // windows
+  20: 'caps-lock',
+  27: 'escape',
+  32: 'space', // Vue.js specially key name.
+  33: 'page-up',
+  34: 'page-down',
+  35: 'end',
+  36: 'home',
+  37: 'arrow-left',
+  38: 'arrow-up',
+  39: 'arrow-right',
+  40: 'arrow-down',
+  45: 'insert', // windows
+  46: 'delete',
 
   // If mistakenly use it in Vue.js 2.x, it will be irreversibly broken. Therefore, it will not be autofix.
   // '48': '0',
@@ -34,32 +34,32 @@ module.exports = {
   // '56': '8',
   // '57': '9',
 
-  '65': 'a',
-  '66': 'b',
-  '67': 'c',
-  '68': 'd',
-  '69': 'e',
-  '70': 'f',
-  '71': 'g',
-  '72': 'h',
-  '73': 'i',
-  '74': 'j',
-  '75': 'k',
-  '76': 'l',
-  '77': 'm',
-  '78': 'n',
-  '79': 'o',
-  '80': 'p',
-  '81': 'q',
-  '82': 'r',
-  '83': 's',
-  '84': 't',
-  '85': 'u',
-  '86': 'v',
-  '87': 'w',
-  '88': 'x',
-  '89': 'y',
-  '90': 'z',
+  65: 'a',
+  66: 'b',
+  67: 'c',
+  68: 'd',
+  69: 'e',
+  70: 'f',
+  71: 'g',
+  72: 'h',
+  73: 'i',
+  74: 'j',
+  75: 'k',
+  76: 'l',
+  77: 'm',
+  78: 'n',
+  79: 'o',
+  80: 'p',
+  81: 'q',
+  82: 'r',
+  83: 's',
+  84: 't',
+  85: 'u',
+  86: 'v',
+  87: 'w',
+  88: 'x',
+  89: 'y',
+  90: 'z',
 
   // The key value may change depending on the OS.
   // '91': 'meta' ,// Win: 'os'?
@@ -82,18 +82,18 @@ module.exports = {
   // '109': 'subtract',
   // '110': 'decimal',
   // '111': 'divide',
-  '112': 'f1',
-  '113': 'f2',
-  '114': 'f3',
-  '115': 'f4',
-  '116': 'f5',
-  '117': 'f6',
-  '118': 'f7',
-  '119': 'f8',
-  '120': 'f9',
-  '121': 'f10',
-  '122': 'f11',
-  '123': 'f12',
-  '144': 'num-lock',
-  '145': 'scroll-lock'
+  112: 'f1',
+  113: 'f2',
+  114: 'f3',
+  115: 'f4',
+  116: 'f5',
+  117: 'f6',
+  118: 'f7',
+  119: 'f8',
+  120: 'f9',
+  121: 'f10',
+  122: 'f11',
+  123: 'f12',
+  144: 'num-lock',
+  145: 'scroll-lock'
 }
diff --git a/package.json b/package.json
index 7bc47d2cb..22001b269 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "lodash": "^4.17.15",
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
-    "prettier": "^2.0.5",
+    "prettier": "^2.1.1",
     "typescript": "^3.9.5",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.1"

From 1c52bb96dbd611ba72b9f36674aba646791813d0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 28 Aug 2020 18:29:47 +0900
Subject: [PATCH 0183/1010] Separate rule that report <template v-for key> from
 no-template-key rule. (#1281)

---
 docs/rules/README.md                     |   1 +
 docs/rules/no-template-key.md            |  13 +++
 docs/rules/no-v-for-template-key.md      |  58 +++++++++++++
 lib/configs/essential.js                 |   1 +
 lib/index.js                             |   1 +
 lib/rules/no-template-key.js             |  27 ++++--
 lib/rules/no-v-for-template-key.js       |  48 +++++++++++
 tests/lib/rules/no-template-key.js       |  38 +++++++++
 tests/lib/rules/no-v-for-template-key.js | 102 +++++++++++++++++++++++
 9 files changed, 280 insertions(+), 9 deletions(-)
 create mode 100644 docs/rules/no-v-for-template-key.md
 create mode 100644 lib/rules/no-v-for-template-key.js
 create mode 100644 tests/lib/rules/no-v-for-template-key.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 63d538e47..dfb0a2a47 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -187,6 +187,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  |
 | [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index ebd4b40ee..3b0d83669 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -23,6 +23,9 @@ This rule reports the `<template>` elements which have `key` attribute.
   <div key="foo"> ... </div>
   <template> ... </template>
 
+  <!-- It's valid for Vue.js 3.x -->
+  <template v-for="item in list" :key="item.id"> ... </template>
+
   <!-- ✗ BAD -->
   <template key="foo"> ... </template>
   <template v-bind:key="bar"> ... </template>
@@ -32,10 +35,20 @@ This rule reports the `<template>` elements which have `key` attribute.
 
 </eslint-code-block>
 
+::: tip Note
+This rule does not report keys placed on `<template v-for>`. It's valid for Vue.js 3.x. If you want to report keys placed on `<template v-for>` invalid for Vue.js 2.x, use [vue/no-v-for-template-key] rule.
+:::
+
 ## :wrench: Options
 
 Nothing.
 
+## :couple: Related Rules
+
+- [vue/no-v-for-template-key]
+
+[vue/no-v-for-template-key]: ./no-v-for-template-key.md
+
 ## :books: Further Reading
 
 - [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
new file mode 100644
index 000000000..a39709a3c
--- /dev/null
+++ b/docs/rules/no-v-for-template-key.md
@@ -0,0 +1,58 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-v-for-template-key
+description: disallow `key` attribute on `<template v-for>`
+---
+# vue/no-v-for-template-key
+> disallow `key` attribute on `<template v-for>`
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+Vue.js disallows `key` attribute on `<template>` elements.
+
+## :book: Rule Details
+
+This rule reports the `<template v-for>` elements which have `key` attribute.
+
+<eslint-code-block :rules="{'vue/no-v-for-template-key': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <template v-for="item in list">
+    <div :key="item.id" />
+  </template>
+
+  <!-- ✗ BAD -->
+  <template v-for="item in list" :key="item.id">
+    <div />
+  </template>
+</template>
+```
+
+</eslint-code-block>
+
+::: tip Note
+If you want to report keys placed on `<template>` without `v-for`, use the [vue/no-template-key] rule.
+:::
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/no-template-key](./no-template-key.md)
+
+[vue/no-template-key]: ./no-template-key.md
+
+## :books: Further Reading
+
+- [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
+- [API (for v2) - Special Attributes - key](https://vuejs.org/v2/api/#key)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-for-template-key.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-v-for-template-key.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 722cf1fa1..7b7a58733 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -24,6 +24,7 @@ module.exports = {
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
+    'vue/no-v-for-template-key': 'error',
     'vue/no-v-model-argument': 'error',
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
diff --git a/lib/index.js b/lib/index.js
index 71c922f44..d6c82ea2e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -109,6 +109,7 @@ module.exports = {
     'no-useless-concat': require('./rules/no-useless-concat'),
     'no-useless-mustaches': require('./rules/no-useless-mustaches'),
     'no-useless-v-bind': require('./rules/no-useless-v-bind'),
+    'no-v-for-template-key': require('./rules/no-v-for-template-key'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
diff --git a/lib/rules/no-template-key.js b/lib/rules/no-template-key.js
index 935113820..c3fc3f2b4 100644
--- a/lib/rules/no-template-key.js
+++ b/lib/rules/no-template-key.js
@@ -24,22 +24,31 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-template-key.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      disallow:
+        "'<template>' cannot be keyed. Place the key on real elements instead."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VElement} node */
       "VElement[name='template']"(node) {
-        if (
-          utils.hasAttribute(node, 'key') ||
-          utils.hasDirective(node, 'bind', 'key')
-        ) {
+        const keyNode =
+          utils.getAttribute(node, 'key') ||
+          utils.getDirective(node, 'bind', 'key')
+        if (keyNode) {
+          if (utils.hasDirective(node, 'for')) {
+            // It's valid for Vue.js 3.x.
+            // <template v-for="item in list" :key="item.id"> ... </template>
+            // see https://github.com/vuejs/vue-next/issues/1734
+            return
+          }
           context.report({
-            node,
-            loc: node.loc,
-            message:
-              "'<template>' cannot be keyed. Place the key on real elements instead."
+            node: keyNode,
+            loc: keyNode.loc,
+            messageId: 'disallow'
           })
         }
       }
diff --git a/lib/rules/no-v-for-template-key.js b/lib/rules/no-v-for-template-key.js
new file mode 100644
index 000000000..9a0175150
--- /dev/null
+++ b/lib/rules/no-v-for-template-key.js
@@ -0,0 +1,48 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow `key` attribute on `<template v-for>`',
+      categories: ['essential'],
+      url: 'https://eslint.vuejs.org/rules/no-v-for-template-key.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      disallow:
+        "'<template v-for>' cannot be keyed. Place the key on real elements instead."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
+      "VElement[name='template'] > VStartTag > VAttribute[directive=true][key.name.name='for']"(
+        node
+      ) {
+        const element = node.parent.parent
+        const keyNode =
+          utils.getAttribute(element, 'key') ||
+          utils.getDirective(element, 'bind', 'key')
+        if (keyNode) {
+          context.report({
+            node: keyNode,
+            loc: keyNode.loc,
+            messageId: 'disallow'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-template-key.js b/tests/lib/rules/no-template-key.js
index fb373e802..9ec20a7fb 100644
--- a/tests/lib/rules/no-template-key.js
+++ b/tests/lib/rules/no-template-key.js
@@ -42,6 +42,28 @@ tester.run('no-template-key', rule, {
     {
       filename: 'test.vue',
       code: '<template><div :key="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list" :key="item.id"><div /></template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="(item, i) in list" :key="i"><div /></template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list" :key="foo + item.id"><div /></template></template>'
+    },
+    {
+      filename: 'test.vue',
+      // It is probably not valid, but it works as the Vue.js 3.x compiler.
+      // We can prevent it with other rules. e.g. vue/require-v-for-key
+      code:
+        '<template><template v-for="item in list" key="foo"><div /></template></template>'
     }
   ],
   invalid: [
@@ -66,6 +88,22 @@ tester.run('no-template-key', rule, {
       errors: [
         "'<template>' cannot be keyed. Place the key on real elements instead."
       ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-slot="item" :key="item.id"><div /></template></template>',
+      errors: [
+        "'<template>' cannot be keyed. Place the key on real elements instead."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list"><template :key="item.id"><div /></template></template></template>',
+      errors: [
+        "'<template>' cannot be keyed. Place the key on real elements instead."
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-v-for-template-key.js b/tests/lib/rules/no-v-for-template-key.js
new file mode 100644
index 000000000..56fdb348d
--- /dev/null
+++ b/tests/lib/rules/no-v-for-template-key.js
@@ -0,0 +1,102 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-v-for-template-key')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-v-for-template-key', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><template></template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div key="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:key="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :key="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><template key="foo"></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-bind:key="foo"></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><template :key="foo"></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-slot="item" :key="item.id"><div /></template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list"><template :key="item.id"><div /></template></template></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list" :key="item.id"><div /></template></template>',
+      errors: [
+        "'<template v-for>' cannot be keyed. Place the key on real elements instead."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="(item, i) in list" :key="i"><div /></template></template>',
+      errors: [
+        "'<template v-for>' cannot be keyed. Place the key on real elements instead."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list" :key="foo + item.id"><div /></template></template>',
+      errors: [
+        "'<template v-for>' cannot be keyed. Place the key on real elements instead."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><template v-for="item in list" key="foo"><div /></template></template>',
+      errors: [
+        "'<template v-for>' cannot be keyed. Place the key on real elements instead."
+      ]
+    }
+  ]
+})

From e1366fd7ce40f4f20efd5f72ce2405db2aecd8f6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 28 Aug 2020 18:50:37 +0900
Subject: [PATCH 0184/1010] Change `vue/valid-v-for` and
 `vue/require-v-for-key` rules to not report when placing a key on
 `<template>` (#1287)

---
 lib/rules/require-v-for-key.js       |  8 ++--
 lib/rules/valid-v-for.js             |  6 +--
 tests/lib/rules/require-v-for-key.js | 52 +++++++++++++++++++++++
 tests/lib/rules/valid-v-for.js       | 63 +++++++++++++++++++++++++---
 4 files changed, 116 insertions(+), 13 deletions(-)

diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index 987cb9794..3f82e696a 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -33,16 +33,16 @@ module.exports = {
      * @param {VElement} element The element node to check.
      */
     function checkKey(element) {
+      if (utils.hasDirective(element, 'bind', 'key')) {
+        return
+      }
       if (element.name === 'template' || element.name === 'slot') {
         for (const child of element.children) {
           if (child.type === 'VElement') {
             checkKey(child)
           }
         }
-      } else if (
-        !utils.isCustomComponent(element) &&
-        !utils.hasDirective(element, 'bind', 'key')
-      ) {
+      } else if (!utils.isCustomComponent(element)) {
         context.report({
           node: element.startTag,
           loc: element.startTag.loc,
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 81fcc8a0d..0d560aa91 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -70,7 +70,9 @@ function checkChildKey(context, vFor, child) {
  * @param {VElement} element The element node to check.
  */
 function checkKey(context, vFor, element) {
-  if (element.name === 'template') {
+  const vBindKey = utils.getDirective(element, 'bind', 'key')
+
+  if (vBindKey == null && element.name === 'template') {
     for (const child of element.children) {
       if (child.type === 'VElement') {
         checkChildKey(context, vFor, child)
@@ -79,8 +81,6 @@ function checkKey(context, vFor, element) {
     return
   }
 
-  const vBindKey = utils.getDirective(element, 'bind', 'key')
-
   if (utils.isCustomComponent(element) && vBindKey == null) {
     context.report({
       node: element.startTag,
diff --git a/tests/lib/rules/require-v-for-key.js b/tests/lib/rules/require-v-for-key.js
index 4b521593a..f98da8bc1 100644
--- a/tests/lib/rules/require-v-for-key.js
+++ b/tests/lib/rules/require-v-for-key.js
@@ -56,6 +56,58 @@ tester.run('require-v-for-key', rule, {
       filename: 'test.vue',
       code:
         '<template><div><slot v-for="x in list" :name="x"><div :key="x"></div></slot></div></template>'
+    },
+    // key on <template> : In Vue.js 3.x, you can place key on <template>.
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" v-bind:key="x"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" v-bind:key="x"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x.id"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x.id"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="(x, i) in list" :key="i"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="(x, i) in list" :key="i"><MyComp /></template></div></template>'
+    },
+    // key on <slot> : In Vue.js 3.x, you can place key on <slot>.
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><slot v-for="x in list" :key="x"><div /></slot></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><slot v-for="x in list" :key="x"><MyComp /></slot></div></template>'
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index 94fa43467..e42fa4f4a 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -128,6 +128,63 @@ tester.run('valid-v-for', rule, {
         </template>
       `
     },
+    // key on <template> : In Vue.js 3.x, you can place key on <template>.
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" v-bind:key="x"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" v-bind:key="x"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x.id"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x.id"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="(x, i) in list" :key="i"><div /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="(x, i) in list" :key="i"><MyComp /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>'
+    },
+    // key on <slot> : In Vue.js 3.x, you can place key on <slot>.
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><slot v-for="x in list" :key="x"><div /></slot></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><slot v-for="x in list" :key="x"><MyComp /></slot></div></template>'
+    },
     // parsing error
     {
       filename: 'parsing-error.vue',
@@ -254,12 +311,6 @@ tester.run('valid-v-for', rule, {
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
     },
-    {
-      filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>',
-      errors: ["Custom elements in iteration require 'v-bind:key' directives."]
-    },
     {
       filename: 'test.vue',
       code:

From c3221b8806380aa6a23df48cb5864b6193ed9315 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 28 Aug 2020 18:51:19 +0900
Subject: [PATCH 0185/1010] Add `vue/no-v-for-template-key-on-child` rule
 (#1289)

* Add `vue/no-v-for-template-key-on-child` rule

* Add tests

* update

* Update docs
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-v-for-template-key-on-child.md  |  54 ++++++
 docs/rules/no-v-for-template-key.md           |  12 +-
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/no-v-for-template-key-on-child.js   |  95 ++++++++++
 .../rules/no-v-for-template-key-on-child.js   | 167 ++++++++++++++++++
 7 files changed, 329 insertions(+), 2 deletions(-)
 create mode 100644 docs/rules/no-v-for-template-key-on-child.md
 create mode 100644 lib/rules/no-v-for-template-key-on-child.js
 create mode 100644 tests/lib/rules/no-v-for-template-key-on-child.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index dfb0a2a47..9798e7778 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -73,6 +73,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  |
 | [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
new file mode 100644
index 000000000..982ddd5ef
--- /dev/null
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -0,0 +1,54 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-v-for-template-key-on-child
+description: disallow key of `<template v-for>` placed on child elements
+---
+# vue/no-v-for-template-key-on-child
+> disallow key of `<template v-for>` placed on child elements
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports the key of the `<template v-for>` placed on the child elements.
+
+In Vue.js 3.x, with the support for fragments, the `<template v-for>` key can be placed on the `<template>` tag.  
+
+::: warning Note
+Do not use with the [vue/no-v-for-template-key] rule for Vue.js 2.x.  
+This rule conflicts with the [vue/no-v-for-template-key] rule.
+:::
+
+<eslint-code-block :rules="{'vue/no-v-for-template-key-on-child': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <template v-for="todo in todos" :key="todo">
+    <Foo />
+  </template>
+
+  <!-- ✗ BAD -->
+  <template v-for="todo in todos">
+    <Foo :key="todo" />
+  </template>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/no-v-for-template-key]
+
+[vue/no-v-for-template-key]: ./no-v-for-template-key.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-for-template-key-on-child.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-v-for-template-key-on-child.js)
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index a39709a3c..15111ce70 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -9,12 +9,18 @@ description: disallow `key` attribute on `<template v-for>`
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 
-Vue.js disallows `key` attribute on `<template>` elements.
 
 ## :book: Rule Details
 
 This rule reports the `<template v-for>` elements which have `key` attribute.
 
+In Vue.js 2.x, disallows `key` attribute on `<template>` elements.
+
+::: warning Note
+Do not use with the [vue/no-v-for-template-key-on-child] rule for Vue.js 3.x.  
+This rule conflicts with the [vue/no-v-for-template-key-on-child] rule.
+:::
+
 <eslint-code-block :rules="{'vue/no-v-for-template-key': ['error']}">
 
 ```vue
@@ -43,9 +49,11 @@ Nothing.
 
 ## :couple: Related Rules
 
-- [vue/no-template-key](./no-template-key.md)
+- [vue/no-template-key]
+- [vue/no-v-for-template-key-on-child]
 
 [vue/no-template-key]: ./no-template-key.md
+[vue/no-v-for-template-key-on-child]: ./no-v-for-template-key-on-child.md
 
 ## :books: Further Reading
 
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 8b2d6a131..7d715c18a 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -41,6 +41,7 @@ module.exports = {
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
+    'vue/no-v-for-template-key-on-child': 'error',
     'vue/no-watch-after-await': 'error',
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
diff --git a/lib/index.js b/lib/index.js
index d6c82ea2e..556fadeb4 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -109,6 +109,7 @@ module.exports = {
     'no-useless-concat': require('./rules/no-useless-concat'),
     'no-useless-mustaches': require('./rules/no-useless-mustaches'),
     'no-useless-v-bind': require('./rules/no-useless-v-bind'),
+    'no-v-for-template-key-on-child': require('./rules/no-v-for-template-key-on-child'),
     'no-v-for-template-key': require('./rules/no-v-for-template-key'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
diff --git a/lib/rules/no-v-for-template-key-on-child.js b/lib/rules/no-v-for-template-key-on-child.js
new file mode 100644
index 000000000..79ee1d97c
--- /dev/null
+++ b/lib/rules/no-v-for-template-key-on-child.js
@@ -0,0 +1,95 @@
+/**
+ * @author Yosuke Ota
+ * This rule is based on X_V_FOR_TEMPLATE_KEY_PLACEMENT error of Vue 3.
+ * see https://github.com/vuejs/vue-next/blob/b0d01e9db9ffe5781cce5a2d62c8552db3d615b0/packages/compiler-core/src/errors.ts#L70
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Check whether the given attribute is using the variables which are defined by `v-for` directives.
+ * @param {VDirective} vFor The attribute node of `v-for` to check.
+ * @param {VDirective} vBindKey The attribute node of `v-bind:key` to check.
+ * @returns {boolean} `true` if the node is using the variables which are defined by `v-for` directives.
+ */
+function isUsingIterationVar(vFor, vBindKey) {
+  if (vBindKey.value == null) {
+    return false
+  }
+  const references = vBindKey.value.references
+  const variables = vFor.parent.parent.variables
+  return references.some((reference) =>
+    variables.some(
+      (variable) =>
+        variable.id.name === reference.id.name && variable.kind === 'v-for'
+    )
+  )
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow key of `<template v-for>` placed on child elements',
+      categories: ['vue3-essential'],
+      url: 'https://eslint.vuejs.org/rules/no-v-for-template-key-on-child.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      vForTemplateKeyPlacement:
+        '`<template v-for>` key should be placed on the `<template>` tag.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
+      "VElement[name='template'] > VStartTag > VAttribute[directive=true][key.name.name='for']"(
+        node
+      ) {
+        const template = node.parent.parent
+        const vBindKeyOnTemplate = utils.getDirective(template, 'bind', 'key')
+        if (
+          vBindKeyOnTemplate &&
+          isUsingIterationVar(node, vBindKeyOnTemplate)
+        ) {
+          return
+        }
+
+        for (const child of template.children.filter(utils.isVElement)) {
+          if (
+            utils.hasDirective(child, 'if') ||
+            utils.hasDirective(child, 'else-if') ||
+            utils.hasDirective(child, 'else') ||
+            utils.hasDirective(child, 'for')
+          ) {
+            continue
+          }
+          const vBindKeyOnChild = utils.getDirective(child, 'bind', 'key')
+          if (vBindKeyOnChild && isUsingIterationVar(node, vBindKeyOnChild)) {
+            context.report({
+              node: vBindKeyOnChild,
+              loc: vBindKeyOnChild.loc,
+              messageId: 'vForTemplateKeyPlacement'
+            })
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-v-for-template-key-on-child.js b/tests/lib/rules/no-v-for-template-key-on-child.js
new file mode 100644
index 000000000..36254f996
--- /dev/null
+++ b/tests/lib/rules/no-v-for-template-key-on-child.js
@@ -0,0 +1,167 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-v-for-template-key-on-child')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-v-for-template-key-on-child', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list"><Foo /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x"><Foo /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="x.id"><Foo :key="x.id" /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="(x, i) in list" :key="i"><Foo :key="x" /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="(x, i) in list"><Foo :key="foo" /></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <template v-for="x in list">
+            <Foo v-if="a" :key="x" />
+          </template>
+        </div>
+      </template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <template v-for="x in list">
+            <Foo v-if="a" :key="x.key1" />
+            <Foo v-else-if="a" :key="x.key2" />
+            <Foo v-else :key="x.key3" />
+            <Foo v-for="y in list" :key="x.key4" />
+          </template>
+        </div>
+      </template>`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list"><Foo :key="x" /></template></div></template>',
+      errors: [
+        {
+          message:
+            '`<template v-for>` key should be placed on the `<template>` tag.',
+          column: 49
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list"><Foo :key="x.id" /></template></div></template>',
+      errors: [
+        '`<template v-for>` key should be placed on the `<template>` tag.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key="foo"><Foo :key="x.id" /></template></div></template>',
+      errors: [
+        '`<template v-for>` key should be placed on the `<template>` tag.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key><Foo :key="x.id" /></template></div></template>',
+      errors: [
+        '`<template v-for>` key should be placed on the `<template>` tag.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><div><template v-for="x in list" :key><div /><Foo :key="x.id" /></template></div></template>',
+      errors: [
+        '`<template v-for>` key should be placed on the `<template>` tag.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div><template v-for="x in list" :key><Foo :key="'foo' + x.id" /><Bar :key="'bar' + x.id" /></template></div></template>`,
+      errors: [
+        '`<template v-for>` key should be placed on the `<template>` tag.',
+        '`<template v-for>` key should be placed on the `<template>` tag.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <template v-for="x in list">
+            <Foo v-if="a" :key="x.key1" />
+            <Foo v-else-if="a" :key="x.key2" />
+            <Foo v-else :key="x.key3" />
+            <Foo v-for="y in list" :key="x.key4" />
+            <Foo :key="x.error1" />
+            <div :key="x.error2" />
+            <slot :key="x.error3" ></slot>
+          </template>
+        </div>
+      </template>`,
+      errors: [
+        {
+          message:
+            '`<template v-for>` key should be placed on the `<template>` tag.',
+          line: 9
+        },
+        {
+          message:
+            '`<template v-for>` key should be placed on the `<template>` tag.',
+          line: 10
+        },
+        {
+          message:
+            '`<template v-for>` key should be placed on the `<template>` tag.',
+          line: 11
+        }
+      ]
+    }
+  ]
+})

From 6b4fb5c93a2bc7bf0ea956e82578005ce1100c37 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 28 Aug 2020 18:55:46 +0900
Subject: [PATCH 0186/1010] 7.0.0-beta.3

---
 docs/rules/no-v-for-template-key.md | 1 -
 package.json                        | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 15111ce70..debcd3280 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -9,7 +9,6 @@ description: disallow `key` attribute on `<template v-for>`
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 
-
 ## :book: Rule Details
 
 This rule reports the `<template v-for>` elements which have `key` attribute.
diff --git a/package.json b/package.json
index 22001b269..018321703 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.3",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1cbe9034ed8c1bc0e0833881f621a2216ee7d509 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 19 Sep 2020 09:35:41 +0900
Subject: [PATCH 0187/1010] Update bug_report.md

---
 .github/ISSUE_TEMPLATE/bug_report.md | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 94800468f..cc2e88ff0 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -3,6 +3,13 @@ name: Bug report
 about: Create a report to help us improve
 ---
 
+<!--
+  ❗Please don't ignore this template.❗
+
+  If you ignore it, we're just going to respond asking you to fill it out, which wastes everyone's time.
+  The more relevant information you can include, the faster we can find the issue and fix it without asking you for more info.
+-->
+
 <!--
   Before posting the issue, please confirm that the problem you're getting
   is not related with your code editor configuration.
@@ -11,7 +18,9 @@ about: Create a report to help us improve
 
 **Checklist**
 
-- [ ] I checked the [FAQ](https://eslint.vuejs.org/user-guide/#faq).
+- [ ] I have tried restarting my IDE and the issue persists.
+- [ ] I have read the [FAQ](https://eslint.vuejs.org/user-guide/#faq) and my problem is not listed.
+<!-- If you do not read the FAQ and open an issue that is listed in the FAQ, we may silently close the issue. -->
 
 **Tell us about your environment**
 
@@ -22,7 +31,7 @@ about: Create a report to help us improve
 
 **Please show your full configuration:**
 <!-- Paste content of your .eslintrc file -->
-```json
+```json5
 
 ```
 

From 1acb37d53134c0df932738449c9376dbc335c579 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 23 Sep 2020 13:28:02 +0900
Subject: [PATCH 0188/1010] Fix doc of vue/no-potential-component-option-typo
 rule (#1308)

---
 docs/rules/no-potential-component-option-typo.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index a3a9a6e71..2233361ef 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -53,7 +53,7 @@ export default {
 
 </eslint-code-block>
 
-> we use editdistance to compare two string similarity, threshold is an option to control upper bound of editdistance to report
+> we use edit distance to compare two string similarity, threshold is an option to control upper bound of edit distance to report
 
 **Here is the another example about config option `threshold`**
 
@@ -75,15 +75,15 @@ export default {
   props: {
 
   },
-  /* ✓ GOOD, due to threshold is 5 */
-  method: {
+  /* ✗ BAD, due to threshold is 5 */
+  mehtod: {
 
   },
   /* ✓ GOOD, due to threshold is 5 */
   data: {
 
   },
-  /* ✗ BAD, due to we don't choose vue-router preset or add a custom option */
+  /* ✓ GOOD, due to we don't choose vue-router preset or add a custom option */
   beforeRouteEnteR() {
 
   }
@@ -97,7 +97,7 @@ export default {
 
 ```json
 {
-  "vue/no-unsed-vars": ["error", {
+  "vue/no-potential-component-option-typo": ["error", {
     "presets": ["vue"],
     "custom": [],
     "threshold": 1
@@ -111,11 +111,11 @@ export default {
 
 ## :rocket: Suggestion
 
-- We provide all the possible component option that editdistance between your vue component option and configuration options is greater than 0 and lessEqual than threshold
+- We provide all the possible component option that edit distance between your vue component option and configuration options is greater than 0 and less equal than threshold
 
 ## :books: Further Reading
 
-- [Edit_distance](https://en.wikipedia.org/wiki/Edit_distance)
+- [Edit distance](https://en.wikipedia.org/wiki/Edit_distance)
 
 ## :mag: Implementation
 

From 47ade6085a56c6627bfea841a6d13e3d41668d6c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 23 Sep 2020 13:29:20 +0900
Subject: [PATCH 0189/1010] Add `vue/no-deprecated-props-default-this` rule
 (#1302)

* Add `vue/no-deprecated-props-default-this` rule

* update comments
---
 docs/rules/README.md                          |   1 +
 .../rules/no-deprecated-props-default-this.md |  70 +++++++
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/no-deprecated-props-default-this.js | 107 ++++++++++
 .../rules/no-deprecated-props-default-this.js | 187 ++++++++++++++++++
 6 files changed, 367 insertions(+)
 create mode 100644 docs/rules/no-deprecated-props-default-this.md
 create mode 100644 lib/rules/no-deprecated-props-default-this.js
 create mode 100644 tests/lib/rules/no-deprecated-props-default-this.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9798e7778..c0e7bc6a2 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -50,6 +50,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow props default function `this` access |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
new file mode 100644
index 000000000..51ae71013
--- /dev/null
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -0,0 +1,70 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-props-default-this
+description: disallow props default function `this` access
+---
+# vue/no-deprecated-props-default-this
+> disallow props default function `this` access
+
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
+## :book: Rule Details
+
+This rule reports the use of `this` within the props default value factory functions.
+In Vue.js 3.0.0+, props default value factory functions no longer have access to `this`.
+
+See [Migration Guide - Props Default Function `this` Access](https://v3.vuejs.org/guide/migration/props-default-this.html) for more details.
+
+<eslint-code-block :rules="{'vue/no-deprecated-props-default-this': ['error']}">
+
+```vue
+<script>
+export default {
+  props: {
+    a: String,
+    b: {
+      default () {
+        /* ✗ BAD */
+        return this.a
+      }
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-deprecated-props-default-this': ['error']}">
+
+```vue
+<script>
+export default {
+  props: {
+    a: String,
+    b: {
+      default (props) {
+        /* ✓ GOOD */
+        return props.a
+      }
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Migration Guide - Props Default Function `this` Access](https://v3.vuejs.org/guide/migration/props-default-this.html)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-props-default-this.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-props-default-this.js)
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 7d715c18a..d1e2d1768 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -18,6 +18,7 @@ module.exports = {
     'vue/no-deprecated-functional-template': 'error',
     'vue/no-deprecated-html-element-is': 'error',
     'vue/no-deprecated-inline-template': 'error',
+    'vue/no-deprecated-props-default-this': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
     'vue/no-deprecated-slot-attribute': 'error',
     'vue/no-deprecated-slot-scope-attribute': 'error',
diff --git a/lib/index.js b/lib/index.js
index 556fadeb4..df641f04b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -59,6 +59,7 @@ module.exports = {
     'no-deprecated-functional-template': require('./rules/no-deprecated-functional-template'),
     'no-deprecated-html-element-is': require('./rules/no-deprecated-html-element-is'),
     'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
+    'no-deprecated-props-default-this': require('./rules/no-deprecated-props-default-this'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
new file mode 100644
index 000000000..926476c1e
--- /dev/null
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -0,0 +1,107 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow props default function `this` access',
+      categories: ['vue3-essential'],
+      url:
+        'https://eslint.vuejs.org/rules/no-deprecated-props-default-this.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      deprecated:
+        'Props default value factory functions no longer have access to `this`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionExpression | FunctionDeclaration} node
+     * @property {boolean} propDefault
+     */
+    /** @type {Set<FunctionExpression>} */
+    const propsDefault = new Set()
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
+
+    /**
+     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    function onFunctionEnter(node) {
+      if (node.type === 'ArrowFunctionExpression') {
+        return
+      }
+      if (scopeStack) {
+        scopeStack = {
+          upper: scopeStack,
+          node,
+          propDefault: false
+        }
+      } else if (node.type === 'FunctionExpression' && propsDefault.has(node)) {
+        scopeStack = {
+          upper: scopeStack,
+          node,
+          propDefault: true
+        }
+      }
+    }
+
+    /**
+     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    function onFunctionExit(node) {
+      if (scopeStack && scopeStack.node === node) {
+        scopeStack = scopeStack.upper
+      }
+    }
+    return utils.defineVueVisitor(context, {
+      onVueObjectEnter(node) {
+        for (const prop of utils.getComponentProps(node)) {
+          if (prop.type !== 'object') {
+            continue
+          }
+          if (prop.value.type !== 'ObjectExpression') {
+            continue
+          }
+          const def = utils.findProperty(prop.value, 'default')
+          if (!def) {
+            continue
+          }
+          if (def.value.type !== 'FunctionExpression') {
+            continue
+          }
+          propsDefault.add(def.value)
+        }
+      },
+      ':function': onFunctionEnter,
+      ':function:exit': onFunctionExit,
+      ThisExpression(node) {
+        if (scopeStack && scopeStack.propDefault) {
+          context.report({
+            node,
+            messageId: 'deprecated'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-props-default-this.js b/tests/lib/rules/no-deprecated-props-default-this.js
new file mode 100644
index 000000000..0993e817a
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-props-default-this.js
@@ -0,0 +1,187 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-deprecated-props-default-this')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+ruleTester.run('no-deprecated-props-default-this', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        export default {
+          props: {
+            a: String,
+            b: {
+              default (props) {
+                return props.a
+              }
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        export default {
+          props: {
+            a: String,
+            b: {
+              default: () => {
+                return this.a
+              }
+            }
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        export default {
+          props: {
+            a: String,
+            b: {
+              default () {
+                return function () {
+                  return this.a
+                }
+              }
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [{}, {}]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        const Foo = {
+          props: {
+            a: String,
+            b: {
+              default () {
+                return this.a
+              }
+            }
+          }
+        }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        export default {
+          props: {
+            a: String,
+            b: {
+              default () {
+                return this.a
+              }
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            'Props default value factory functions no longer have access to `this`.',
+          line: 9,
+          column: 24,
+          endLine: 9,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        export default {
+          props: {
+            a: String,
+            b: {
+              default () {
+                return () => this.a
+              }
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            'Props default value factory functions no longer have access to `this`.',
+          line: 9,
+          column: 30,
+          endLine: 9,
+          endColumn: 34
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template><div /></template>
+        <script>
+        export default {
+          props: {
+            a: String,
+            b: {
+              default () {
+                return this.a
+              }
+            },
+            c: {
+              default () {
+                return this.a
+              }
+            }
+          }
+        }
+        </script>
+      `,
+      errors: [
+        'Props default value factory functions no longer have access to `this`.',
+        'Props default value factory functions no longer have access to `this`.'
+      ]
+    }
+  ]
+})

From bcca3640d1b352fd2604551af682ee9300ac8f99 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 23 Sep 2020 13:29:57 +0900
Subject: [PATCH 0190/1010] Add `vue/experimental-script-setup-vars` rule
 (#1303)

* Add `vue/experimental-script-setup-vars` rule

* update
---
 .../components/eslint-code-block.vue          |   9 +-
 docs/rules/README.md                          |   1 +
 docs/rules/experimental-script-setup-vars.md  |  42 ++++
 lib/configs/base.js                           |   1 +
 lib/index.js                                  |   1 +
 lib/rules/experimental-script-setup-vars.js   | 228 ++++++++++++++++++
 .../rules/experimental-script-setup-vars.js   |  58 +++++
 tests/lib/script-setup.js                     |  49 ++++
 typings/eslint/index.d.ts                     |   5 +
 9 files changed, 393 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/experimental-script-setup-vars.md
 create mode 100644 lib/rules/experimental-script-setup-vars.js
 create mode 100644 tests/lib/rules/experimental-script-setup-vars.js
 create mode 100644 tests/lib/script-setup.js

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index 391ae5490..465043750 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -62,6 +62,7 @@ export default {
     config() {
       return {
         globals: {
+          console: false,
           // ES2015 globals
           ArrayBuffer: false,
           DataView: false,
@@ -121,8 +122,13 @@ export default {
 
   async mounted() {
     // Load linter.
-    const [{ default: Linter }, { parseForESLint }] = await Promise.all([
+    const [
+      { default: Linter },
+      { default: noUndefRule },
+      { parseForESLint }
+    ] = await Promise.all([
       import('eslint4b/dist/linter'),
+      import('eslint/lib/rules/no-undef'),
       import('espree').then(() => import('vue-eslint-parser'))
     ])
 
@@ -131,6 +137,7 @@ export default {
     for (const ruleId of Object.keys(rules)) {
       linter.defineRule(`vue/${ruleId}`, rules[ruleId])
     }
+    linter.defineRule('no-undef', noUndefRule)
 
     linter.defineParser('vue-eslint-parser', { parseForESLint })
   }
diff --git a/docs/rules/README.md b/docs/rules/README.md
index c0e7bc6a2..1ffb102f8 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -24,6 +24,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  |
+| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | prevent variables defined in `<script setup>` to be marked as undefined |  |
 | [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  |
 
 ## Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
new file mode 100644
index 000000000..c4f768996
--- /dev/null
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -0,0 +1,42 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/experimental-script-setup-vars
+description: prevent variables defined in `<script setup>` to be marked as undefined
+---
+# vue/experimental-script-setup-vars
+> prevent variables defined in `<script setup>` to be marked as undefined
+
+- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+
+:::warning
+This rule is an experimental rule. It may be removed without notice.
+:::
+
+This rule will find variables defined in `<script setup="args">` and mark them as defined variables.
+
+This rule only has an effect when the `no-undef` rule is enabled.
+
+## :book: Rule Details
+
+Without this rule this code triggers warning:
+
+<eslint-code-block :rules="{'no-undef': ['error'], 'vue/experimental-script-setup-vars': ['error']}">
+
+```vue
+<script setup="props, { emit }">
+import { watchEffect } from 'vue'
+
+watchEffect(() => console.log(props.msg))
+emit('foo')
+</script>
+```
+
+</eslint-code-block>
+
+After turning on, `props` and `emit` are being marked as defined and `no-undef` rule doesn't report an issue.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/experimental-script-setup-vars.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/experimental-script-setup-vars.js)
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 2521a623c..eb129643f 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -16,6 +16,7 @@ module.exports = {
   plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
+    'vue/experimental-script-setup-vars': 'error',
     'vue/jsx-uses-vars': 'error'
   }
 }
diff --git a/lib/index.js b/lib/index.js
index df641f04b..eb6a42915 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -25,6 +25,7 @@ module.exports = {
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
+    'experimental-script-setup-vars': require('./rules/experimental-script-setup-vars'),
     'func-call-spacing': require('./rules/func-call-spacing'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
     'html-closing-bracket-spacing': require('./rules/html-closing-bracket-spacing'),
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
new file mode 100644
index 000000000..b209376d6
--- /dev/null
+++ b/lib/rules/experimental-script-setup-vars.js
@@ -0,0 +1,228 @@
+/**
+ * @fileoverview prevent variables defined in `<script setup>` to be marked as undefined
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const Module = require('module')
+const path = require('path')
+const utils = require('../utils')
+const AST = require('vue-eslint-parser').AST
+
+const ecmaVersion = 2020
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'prevent variables defined in `<script setup>` to be marked as undefined', // eslint-disable-line consistent-docs-description
+      categories: ['base'],
+      url: 'https://eslint.vuejs.org/rules/experimental-script-setup-vars.html'
+    },
+    schema: []
+  },
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
+  create(context) {
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+    if (!documentFragment) {
+      return {}
+    }
+    const sourceCode = context.getSourceCode()
+    const scriptElement = documentFragment.children
+      .filter(utils.isVElement)
+      .find(
+        (element) =>
+          element.name === 'script' &&
+          element.range[0] <= sourceCode.ast.range[0] &&
+          sourceCode.ast.range[1] <= element.range[1]
+      )
+    if (!scriptElement) {
+      return {}
+    }
+    const setupAttr = utils.getAttribute(scriptElement, 'setup')
+    if (!setupAttr || !setupAttr.value) {
+      return {}
+    }
+    const value = setupAttr.value.value
+
+    let eslintScope
+    try {
+      eslintScope = getESLintModule('eslint-scope', () =>
+        // @ts-ignore
+        require('eslint-scope')
+      )
+    } catch (_e) {
+      context.report({
+        node: setupAttr,
+        message: 'Can not be resolved eslint-scope.'
+      })
+      return {}
+    }
+    let espree
+    try {
+      espree = getESLintModule('espree', () =>
+        // @ts-ignore
+        require('espree')
+      )
+    } catch (_e) {
+      context.report({
+        node: setupAttr,
+        message: 'Can not be resolved espree.'
+      })
+      return {}
+    }
+
+    const globalScope = sourceCode.scopeManager.scopes[0]
+
+    /** @type {string[]} */
+    let vars
+    try {
+      vars = parseSetup(value, espree, eslintScope)
+    } catch (_e) {
+      context.report({
+        node: setupAttr.value,
+        message: 'Parsing error.'
+      })
+      return {}
+    }
+
+    // Define configured global variables.
+    for (const id of vars) {
+      const tempVariable = globalScope.set.get(id)
+
+      /** @type {Variable} */
+      let variable
+      if (!tempVariable) {
+        variable = new eslintScope.Variable(id, globalScope)
+
+        globalScope.variables.push(variable)
+        globalScope.set.set(id, variable)
+      } else {
+        variable = tempVariable
+      }
+
+      variable.eslintImplicitGlobalSetting = 'readonly'
+      variable.eslintExplicitGlobal = undefined
+      variable.eslintExplicitGlobalComments = undefined
+      variable.writeable = false
+    }
+
+    /*
+     * "through" contains all references which definitions cannot be found.
+     * Since we augment the global scope using configuration, we need to update
+     * references and remove the ones that were added by configuration.
+     */
+    globalScope.through = globalScope.through.filter((reference) => {
+      const name = reference.identifier.name
+      const variable = globalScope.set.get(name)
+
+      if (variable) {
+        /*
+         * Links the variable and the reference.
+         * And this reference is removed from `Scope#through`.
+         */
+        reference.resolved = variable
+        variable.references.push(reference)
+
+        return false
+      }
+
+      return true
+    })
+
+    return {}
+  }
+}
+
+/**
+ * @param {string} code
+ * @param {any} espree
+ * @param {any} eslintScope
+ * @returns {string[]}
+ */
+function parseSetup(code, espree, eslintScope) {
+  /** @type {Program} */
+  const ast = espree.parse(`(${code})=>{}`, { ecmaVersion })
+  const result = eslintScope.analyze(ast, {
+    ignoreEval: true,
+    nodejsScope: false,
+    ecmaVersion,
+    sourceType: 'script',
+    fallback: AST.getFallbackKeys
+  })
+
+  const variables = /** @type {Variable[]} */ (result.globalScope.childScopes[0]
+    .variables)
+
+  return variables.map((v) => v.name)
+}
+
+const createRequire =
+  // Added in v12.2.0
+  Module.createRequire ||
+  // Added in v10.12.0, but deprecated in v12.2.0.
+  Module.createRequireFromPath ||
+  // Polyfill - This is not executed on the tests on node@>=10.
+  /**
+   * @param {string} filename
+   */
+  function (filename) {
+    const mod = new Module(filename)
+
+    mod.filename = filename
+    // @ts-ignore
+    mod.paths = Module._nodeModulePaths(path.dirname(filename))
+    // @ts-ignore
+    mod._compile('module.exports = require;', filename)
+    return mod.exports
+  }
+
+/** @type { { 'espree'?: any, 'eslint-scope'?: any } } */
+const modulesCache = {}
+
+/**
+ * @param {string} p
+ */
+function isLinterPath(p) {
+  return (
+    // ESLint 6 and above
+    p.includes(`eslint${path.sep}lib${path.sep}linter${path.sep}linter.js`) ||
+    // ESLint 5
+    p.includes(`eslint${path.sep}lib${path.sep}linter.js`)
+  )
+}
+
+/**
+ * Load module from the loaded ESLint.
+ * If the loaded ESLint was not found, just returns `fallback()`.
+ * @param {'espree' | 'eslint-scope'} name
+ * @param { () => any } fallback
+ */
+function getESLintModule(name, fallback) {
+  if (!modulesCache[name]) {
+    // Lookup the loaded eslint
+    const linterPath = Object.keys(require.cache).find(isLinterPath)
+    if (linterPath) {
+      try {
+        modulesCache[name] = createRequire(linterPath)(name)
+      } catch (_e) {
+        // ignore
+      }
+    }
+    if (!modulesCache[name]) {
+      modulesCache[name] = fallback()
+    }
+  }
+
+  return modulesCache[name]
+}
diff --git a/tests/lib/rules/experimental-script-setup-vars.js b/tests/lib/rules/experimental-script-setup-vars.js
new file mode 100644
index 000000000..089019c7c
--- /dev/null
+++ b/tests/lib/rules/experimental-script-setup-vars.js
@@ -0,0 +1,58 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { RuleTester } = require('eslint')
+const rule = require('../../../lib/rules/experimental-script-setup-vars')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('experimental-script-setup-vars', rule, {
+  valid: [
+    `
+    <script setup="props, { emit }">
+    import { watchEffect } from 'vue'
+
+    watchEffect(() => console.log(props.msg))
+    emit('foo')
+    </script>`,
+    `
+    <script setup>
+    export let count = 1
+    </script>`,
+    `
+    <script>
+    import { watchEffect } from 'vue'
+
+    export default {
+      setup (props, { emit }) {
+        watchEffect(() => console.log(props.msg))
+        emit('foo')
+        return {}
+      }
+    }
+    </script>`,
+    `
+    <template>
+      <div />
+    </template>`
+  ],
+  invalid: [
+    {
+      code: `
+      <script setup="a - b">
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Parsing error.',
+          line: 2
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/script-setup.js b/tests/lib/script-setup.js
new file mode 100644
index 000000000..ad7409dcb
--- /dev/null
+++ b/tests/lib/script-setup.js
@@ -0,0 +1,49 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const Linter = require('eslint').Linter
+const parser = require('vue-eslint-parser')
+const assert = require('assert')
+const experimentalScriptSetupVars = require('../../lib/rules/experimental-script-setup-vars')
+
+const baseConfig = {
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+}
+
+describe('script-setup test cases', () => {
+  const linter = new Linter()
+  linter.defineParser('vue-eslint-parser', parser)
+  linter.defineRule(
+    'vue/experimental-script-setup-vars',
+    experimentalScriptSetupVars
+  )
+
+  describe('temporary supports.', () => {
+    const config = Object.assign({}, baseConfig, {
+      globals: { console: false },
+      rules: {
+        'vue/experimental-script-setup-vars': 'error',
+        'no-undef': 'error'
+      }
+    })
+
+    it('should not be marked.', () => {
+      const code = `
+      <script setup="props, { emit }">
+      import { watchEffect } from 'vue'
+
+      watchEffect(() => console.log(props.msg))
+      emit('foo')
+      </script>`
+      const messages = linter.verify(code, config, 'test.vue')
+      assert.deepStrictEqual(messages, [])
+    })
+  })
+})
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 653abebda..1d793d243 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -49,6 +49,11 @@ export namespace Scope {
     identifiers: VAST.Identifier[]
     references: Reference[]
     defs: Definition[]
+
+    writeable?: boolean | undefined
+    eslintExplicitGlobal?: boolean | undefined
+    eslintExplicitGlobalComments?: Comment[] | undefined
+    eslintImplicitGlobalSetting?: 'readonly' | 'writable' | undefined
   }
   interface Reference {
     identifier: VAST.Identifier

From 990e13e72d1bd46579e6e484b9b1cdcbdd71dc16 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 23 Sep 2020 13:43:27 +0900
Subject: [PATCH 0191/1010] 7.0.0-beta.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 018321703..8d5f08d2d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0-beta.4",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From f478d6554dd5aa11b21fd33be7b7ccc70d02c5bb Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 30 Sep 2020 13:13:29 +0900
Subject: [PATCH 0192/1010] Update documents (#1301)

* Update documentations

* updatte

* update docs
---
 README.md                                     |  8 --
 docs/.vuepress/theme/index.js                 |  3 -
 docs/.vuepress/theme/layouts/Layout.vue       | 77 -------------------
 docs/README.md                                |  4 +
 docs/rules/attributes-order.md                |  2 +-
 docs/rules/match-component-file-name.md       |  2 +-
 .../no-deprecated-data-object-declaration.md  |  3 +
 .../no-deprecated-dollar-scopedslots-api.md   |  3 +
 docs/rules/no-deprecated-events-api.md        |  3 +
 docs/rules/no-deprecated-filter.md            |  5 +-
 .../no-deprecated-functional-template.md      |  5 +-
 docs/rules/no-deprecated-html-element-is.md   |  5 +-
 docs/rules/no-deprecated-inline-template.md   |  5 +-
 docs/rules/no-deprecated-v-bind-sync.md       |  5 +-
 .../no-deprecated-v-on-number-modifiers.md    |  5 +-
 .../no-deprecated-vue-config-keycodes.md      |  6 +-
 docs/rules/no-shared-component-data.md        |  1 -
 docs/rules/no-v-for-template-key-on-child.md  |  6 ++
 docs/user-guide/README.md                     | 39 ++++++++--
 package.json                                  |  3 -
 20 files changed, 82 insertions(+), 108 deletions(-)
 delete mode 100644 docs/.vuepress/theme/index.js
 delete mode 100644 docs/.vuepress/theme/layouts/Layout.vue

diff --git a/README.md b/README.md
index 52fb216ef..c34728c49 100644
--- a/README.md
+++ b/README.md
@@ -11,14 +11,6 @@
 
 See [the official website](https://eslint.vuejs.org).
 
-> :exclamation: Attention - this is documentation for version `7.x` :exclamation:
->
-> This branch contains `eslint-plugin-vue@next` which is a pre-released `7.0`, but it's not the default version that you get with `npm install eslint-plugin-vue`. In order to install this you need to specify either `"eslint-plugin-vue": "next"` in `package.json` or do `npm install eslint-plugin-vue@next`.
->
-> Please try it and report any issues that you might have encountered.
->
-> If you want to check previous releases [go here](https://github.com/vuejs/eslint-plugin-vue/releases).
-
 ## :anchor: Versioning Policy
 
 This plugin is following [Semantic Versioning](https://semver.org/) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
diff --git a/docs/.vuepress/theme/index.js b/docs/.vuepress/theme/index.js
deleted file mode 100644
index b91b8a576..000000000
--- a/docs/.vuepress/theme/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  extend: '@vuepress/theme-default'
-}
diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
deleted file mode 100644
index 43b5ad685..000000000
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <BaseLayout v-bind="$attrs" v-on="$listeners">
-    <slot name="sidebar-top" slot="sidebar-top" />
-    <slot name="sidebar-bottom" slot="sidebar-bottom" />
-    <template slot="page-top">
-      <div class="theme-default-content beta-doc-description">
-        <div class="warning custom-block">
-          <p class="custom-block-title">Note</p>
-          <p>
-            This is a documentation for version <code>{{ docVersion }}</code
-            >.<template v-if="hasNotYetBeenReleased">
-              Also, this documentation may contain content that has not yet been
-              released.</template
-            ><br />
-            To check version <code>6.2.2</code>
-            <a :href="v6DocLink">go here</a>. To check previous releases
-            <a href="https://github.com/vuejs/eslint-plugin-vue/releases"
-              >go here</a
-            >.
-          </p>
-        </div>
-      </div>
-      <slot name="page-top" />
-    </template>
-    <slot name="page-bottom" slot="page-bottom" />
-  </BaseLayout>
-</template>
-
-<script>
-/**
- * Layout definition to navigate to older versions of the document.
- */
-import BaseLayout from '@vuepress/theme-default/layouts/Layout.vue'
-import semver from 'semver'
-const version = semver.parse(require('../../../../package.json').version)
-export default {
-  name: 'MyLayout',
-  components: {
-    BaseLayout
-  },
-  computed: {
-    docVersion() {
-      if (version.major < 7) {
-        return '7.x'
-      }
-      return version.raw
-    },
-    hasNotYetBeenReleased() {
-      if (version.major < 7) {
-        return true
-      }
-      return false
-    },
-    v6DocLink() {
-      if (this.$page.path.endsWith('.html')) {
-        return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path.replace(
-          /\.html$/,
-          ''
-        )}.md`
-      }
-      return `https://github.com/vuejs/eslint-plugin-vue/blob/v6.2.2/docs${this.$page.path}README.md`
-    }
-  }
-}
-</script>
-
-<style scoped>
-.beta-doc-description {
-  padding-bottom: 0;
-}
-* ::v-deep .theme-default-content ~ .theme-default-content {
-  padding-top: 0;
-}
-* ::v-deep .theme-default-content:not(.custom) h1 {
-  margin-top: -3.1rem;
-}
-</style>
diff --git a/docs/README.md b/docs/README.md
index 8bb745619..fe739cc26 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -14,6 +14,10 @@ This plugin allows us to check the `<template>` and `<script>` of `.vue` files w
 
 ESLint editor integrations are useful to check your code in real-time.
 
+:::warning Status of Vue.js 3.x supports
+This plugin supports the basic syntax of Vue.js 3.0, but the Vue.js 3.0 experimental features `<script setup>` and `<style vars>` are not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
+:::
+
 ## :traffic_light: Versioning policy
 
 This plugin is following [Semantic Versioning](https://semver.org/) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index c6391ffa6..ea8c4ae9c 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -12,7 +12,7 @@ description: enforce order of attributes
 
 ## :book: Rule Details
 
-This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue styleguide](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended) and is:
+This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue.js Style Guide](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended) and is:
 
 - `DEFINITION`
   e.g. 'is', 'v-is'
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index 1ae1989fc..7e454a8af 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -306,7 +306,7 @@ export default {
 
 ## :books: Further Reading
 
- - [Style guide - Single-file component filename casing](https://v3.vuejs.org/style-guide/#single-file-component-filename-casing-strongly-recommended)
+- [Style guide - Single-file component filename casing](https://v3.vuejs.org/style-guide/#single-file-component-filename-casing-strongly-recommended)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index dfc84989c..4724226db 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -15,6 +15,8 @@ description: disallow using deprecated object declaration on data (in Vue.js 3.0
 This rule reports use of deprecated object declaration on `data` property (in Vue.js 3.0.0+).
 The different from `vue/no-shared-component-data` is the root instance being also disallowed.
 
+See [Migration Guide - Data Option](https://v3.vuejs.org/guide/migration/data-option.html) for more details.
+
 <eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}" language="javascript" filename="example.js">
 
 ```js
@@ -75,6 +77,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Data Option](https://v3.vuejs.org/guide/migration/data-option.html)
 - [Vue RFCs - 0019-remove-data-object-declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index 63b4e70e6..c497acb8f 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -14,6 +14,8 @@ description: disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 
 This rule reports use of deprecated `$scopedSlots`. (in Vue.js 3.0.0+).
 
+See [Migration Guide - Slots Unification](https://v3.vuejs.org/guide/migration/slots-unification.html) for more details.
+
 <eslint-code-block fix :rules="{'vue/no-deprecated-dollar-scopedslots-api': ['error']}">
 
 ```vue
@@ -39,6 +41,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Slots Unification](https://v3.vuejs.org/guide/migration/slots-unification.html)
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index a73d88401..1d268b74b 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -13,6 +13,8 @@ description: disallow using deprecated events api (in Vue.js 3.0.0+)
 
 This rule reports use of deprecated `$on`, `$off` `$once` api. (in Vue.js 3.0.0+).
 
+See [Migration Guide - Events API](https://v3.vuejs.org/guide/migration/events-api.html) for more details.
+
 <eslint-code-block :rules="{'vue/no-deprecated-events-api': ['error']}">
 
 ```vue
@@ -57,6 +59,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Events API](https://v3.vuejs.org/guide/migration/events-api.html)
 - [Vue RFCs - 0020-events-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index cba1380f3..13a1aa9d4 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -11,7 +11,9 @@ description: disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 
 ## :book: Rule Details
 
-This rule reports deprecated `filters` syntax (removed in Vue.js v3.0.0+)
+This rule reports deprecated `filters` syntax (removed in Vue.js v3.0.0+).
+
+See [Migration Guide - Filters](https://v3.vuejs.org/guide/migration/filters.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-filter': ['error']}">
 
@@ -43,6 +45,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Filters](https://v3.vuejs.org/guide/migration/filters.html)
 - [Vue RFCs - 0015-remove-filters](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index a7e288f73..bfd259b7b 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -11,7 +11,9 @@ description: disallow using deprecated the `functional` template (in Vue.js 3.0.
 
 ## :book: Rule Details
 
-This rule reports deprecated the `functional` template (in Vue.js 3.0.0+)
+This rule reports deprecated the `functional` template (in Vue.js 3.0.0+).
+
+See [Migration Guide - Functional Components](https://v3.vuejs.org/guide/migration/functional-components.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-functional-template': ['error']}">
 
@@ -30,6 +32,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Functional Components](https://v3.vuejs.org/guide/migration/functional-components.html)
 - [Vue RFCs - 0007-functional-async-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0007-functional-async-api-change.md)
 - [Guide - Functional Components](https://vuejs.org/v2/guide/render-function.html#Functional-Components)
 
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index 800072b9c..406715fb1 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -11,7 +11,9 @@ description: disallow using deprecated the `is` attribute on HTML elements (in V
 
 ## :book: Rule Details
 
-This rule reports deprecated the `is` attribute on HTML elements (removed in Vue.js v3.0.0+)
+This rule reports deprecated the `is` attribute on HTML elements (removed in Vue.js v3.0.0+).
+
+See [Migration Guide - Custom Elements Interop](https://v3.vuejs.org/guide/migration/custom-elements-interop.html#customized-built-in-elements) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-html-element-is': ['error']}">
 
@@ -35,6 +37,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Custom Elements Interop](https://v3.vuejs.org/guide/migration/custom-elements-interop.html#customized-built-in-elements)
 - [Vue RFCs - 0027-custom-elements-interop](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0027-custom-elements-interop.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index 74f8c485c..eca07d446 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -11,7 +11,9 @@ description: disallow using deprecated `inline-template` attribute (in Vue.js 3.
 
 ## :book: Rule Details
 
-This rule reports deprecated `inline-template` attributes (removed in Vue.js v3.0.0+)
+This rule reports deprecated `inline-template` attributes (removed in Vue.js v3.0.0+).
+
+See [Migration Guide - Inline Template Attribute](https://v3.vuejs.org/guide/migration/inline-template-attribute.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-inline-template': ['error']}">
 
@@ -38,6 +40,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - Inline Template Attribute](https://v3.vuejs.org/guide/migration/inline-template-attribute.html)
 - [Vue RFCs - 0016-remove-inline-templates](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0016-remove-inline-templates.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index e27f28047..41fa3d99a 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -12,7 +12,9 @@ description: disallow use of deprecated `.sync` modifier on `v-bind` directive (
 
 ## :book: Rule Details
 
-This rule reports use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+This rule reports use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+).
+
+See [Migration Guide - `v-model`](https://v3.vuejs.org/guide/migration/v-model.html) for more details.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-v-bind-sync': ['error']}">
 
@@ -45,6 +47,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - `v-model`](https://v3.vuejs.org/guide/migration/v-model.html)
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index c0937aefa..2d7ece065 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -12,7 +12,9 @@ description: disallow using deprecated number (keycode) modifiers (in Vue.js 3.0
 
 ## :book: Rule Details
 
-This rule reports use of deprecated `KeyboardEvent.keyCode` modifier on `v-on` directive (in Vue.js 3.0.0+)
+This rule reports use of deprecated `KeyboardEvent.keyCode` modifier on `v-on` directive (in Vue.js 3.0.0+).
+
+See [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html) for more details.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-v-on-number-modifiers': ['error']}">
 
@@ -44,6 +46,7 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html)
 - [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
 
 ## :mag: Implementation
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index 18df590d1..1b394feb7 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -11,7 +11,9 @@ description: disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 
 ## :book: Rule Details
 
-This rule reports use of deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
+This rule reports use of deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+).
+
+See [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html) for more details.
 
 <eslint-code-block filename="a.js" language="javascript" :rules="{'vue/no-deprecated-vue-config-keycodes': ['error']}">
 
@@ -36,9 +38,11 @@ Nothing.
 
 ## :books: Further Reading
 
+- [Migration Guide - KeyCode Modifiers]
 - [Vue RFCs - 0014-drop-keycode-support]
 - [API - Global Config - keyCodes]
 
+[Migration Guide - KeyCode Modifiers]: https://v3.vuejs.org/guide/migration/keycode-modifiers.html
 [Vue RFCs - 0014-drop-keycode-support]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md
 [API - Global Config - keyCodes]: https://vuejs.org/v2/api/#keyCodes
 
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index a869b8000..2b0fb706a 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -68,7 +68,6 @@ Nothing.
 
 ## :books: Further Reading
 
-
 - [Style guide (for v2) - Component data](https://vuejs.org/v2/style-guide/#Component-data-essential)
 - [API - data](https://v3.vuejs.org/api/options-data.html#data-2)
 - [API (for v2) - data](https://v3.vuejs.org/api/options-data.html#data-2)
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index 982ddd5ef..bd56e4813 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -15,6 +15,8 @@ This rule reports the key of the `<template v-for>` placed on the child elements
 
 In Vue.js 3.x, with the support for fragments, the `<template v-for>` key can be placed on the `<template>` tag.  
 
+See [Migration Guide - `key` attribute > With `<template v-for>`](https://v3.vuejs.org/guide/migration/key-attribute.html#with-template-v-for) for more details.
+
 ::: warning Note
 Do not use with the [vue/no-v-for-template-key] rule for Vue.js 2.x.  
 This rule conflicts with the [vue/no-v-for-template-key] rule.
@@ -48,6 +50,10 @@ Nothing.
 
 [vue/no-v-for-template-key]: ./no-v-for-template-key.md
 
+## :books: Further Reading
+
+- [Migration Guide - `key` attribute > With `<template v-for>`](https://v3.vuejs.org/guide/migration/key-attribute.html#with-template-v-for)
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-for-template-key-on-child.js)
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 82e8393a8..552a1bdf1 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -3,23 +3,28 @@
 ## :cd: Installation
 
 Via `vue-cli` (**Recommended**):
+
 ```bash
 vue add @vue/cli-plugin-eslint
 ```
 
 Via [npm](https://www.npmjs.com/):
+
 ```bash
-npm install --save-dev eslint eslint-plugin-vue@next
+npm install --save-dev eslint eslint-plugin-vue
 ```
 
 Via [yarn](https://yarnpkg.com/):
+
 ```bash
-yarn add -D eslint eslint-plugin-vue@next
+yarn add -D eslint eslint-plugin-vue
 ```
 
 ::: tip Requirements
+
 - ESLint v6.2.0 and above
 - Node.js v8.10.0 and above
+
 :::
 
 ## :book: Usage
@@ -35,7 +40,8 @@ module.exports = {
   extends: [
     // add more generic rulesets here, such as:
     // 'eslint:recommended',
-    'plugin:vue/vue3-recommended'
+    'plugin:vue/vue3-recommended',
+    // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
   ],
   rules: {
     // override/add rules settings here, such as:
@@ -46,13 +52,32 @@ module.exports = {
 
 See [the rule list](../rules/README.md) to get the `extends` &amp; `rules` that this plugin provides.
 
+#### Bundle Configurations
+
+This plugin provides some predefined configs.
+You can use the following configs by adding them to `extends`.
+
+- `"plugin:vue/base"` ... Settings and rules to enable correct ESLint parsing.
+- Configurations for using Vue.js 3.x.
+  - `"plugin:vue/vue3-essential"` ... `base`, plus rules to prevent errors or unintended behavior.
+  - `"plugin:vue/vue3-strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
+  - `"plugin:vue/vue3-recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency.
+- Configurations for using Vue.js 2.x.
+  - `"plugin:vue/essential"` ... `base`, plus rules to prevent errors or unintended behavior.
+  - `"plugin:vue/strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
+  - `"plugin:vue/recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency
+
 :::warning Reporting rules
-By default all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a treshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
+By default all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
+:::
+
+:::warning Status of Vue.js 3.x supports
+This plugin supports the basic syntax of Vue.js 3.0, but the Vue.js 3.0 experimental features `<script setup>` and `<style vars>` are not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
 :::
 
 ### Running ESLint from the command line
 
-If you want to run `eslint` from the command line, make sure you include the `.vue` extension using [the `--ext` option](https://eslint.org/docs/user-guide/configuring#specifying-file-extensions-to-lint) or a glob pattern, because ESLint targets only `.js` files by default.
+If you want to run `eslint` from the command line, make sure you include the `.vue` extension using [the `--ext` option](https://eslint.org/docs/user-guide/configuring#specifying-target-files-to-lint) or a glob pattern, because ESLint targets only `.js` files by default.
 
 Examples:
 
@@ -220,7 +245,7 @@ See also: "[How to use a custom parser?](#how-to-use-a-custom-parser)" section.
   - CLI targets only `.js` files by default. You have to specify additional extensions with the `--ext` option or glob patterns. E.g. `eslint "src/**/*.{js,vue}"` or `eslint src --ext .vue`. If you use `@vue/cli-plugin-eslint` and the `vue-cli-service lint` command - you don't have to worry about it.
   - If you are having issues with configuring editor, please read [editor integrations](#editor-integrations)
 
-### Conflict with [Prettier].
+### Conflict with [Prettier]
 
 If the [Prettier] conflicts with the shareable config provided by this plugin, use [eslint-config-prettier] to resolve it.
 
@@ -266,7 +291,7 @@ module.exports = {
 [prettier]: https://prettier.io/
 [eslint-config-prettier]: https://github.com/prettier/eslint-config-prettier
 
-### Using JSX.
+### Using JSX
 
 If you are using JSX, you need to enable JSX in your ESLint configuration.
 
diff --git a/package.json b/package.json
index 8d5f08d2d..c47c90e77 100644
--- a/package.json
+++ b/package.json
@@ -80,8 +80,5 @@
     "typescript": "^3.9.5",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.1"
-  },
-  "publishConfig": {
-    "tag": "next"
   }
 }

From 52ba4fe16a0c47e2f8fc6bf569bba171a1212430 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 30 Sep 2020 13:17:07 +0900
Subject: [PATCH 0193/1010] 7.0.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c47c90e77..990facfc9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0-beta.4",
+  "version": "7.0.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From f87f76c4ed6b37382a1adcd162d4530dc2931aa8 Mon Sep 17 00:00:00 2001
From: Constantine Genchevsky <const.gen@gmail.com>
Date: Mon, 5 Oct 2020 04:50:50 +0300
Subject: [PATCH 0194/1010] Avoid redundant global self-require of the plugin
 (#1317)

* Avoid redundant global require

* Bring back alias to self
---
 lib/rules/no-unregistered-components.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 56f03e40c..be892a6e6 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -8,8 +8,8 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-const utils = require('eslint-plugin-vue/lib/utils')
-const casing = require('eslint-plugin-vue/lib/utils/casing')
+const utils = require('../utils')
+const casing = require('../utils/casing')
 
 // ------------------------------------------------------------------------------
 // Rule helpers

From ff78496ca654c3bec1eb7a676bd1d36e37f0a705 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 5 Oct 2020 10:52:36 +0900
Subject: [PATCH 0195/1010] 7.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 990facfc9..ef4847dbf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From d626ec1b589559507637a3e5617ae88fafe0c27f Mon Sep 17 00:00:00 2001
From: arrudaje <arrudaje@gmail.com>
Date: Sun, 18 Oct 2020 15:14:25 +0200
Subject: [PATCH 0196/1010] Make rule vue/no-unregistered-components ignore
 recursive components (#1305)

* Add tests

* Modify rule to include `ignoreRecursive` argument

* Modify docs

* Address PR comments

* empty commit

* Refactor no-unregistered-components to always bypass recursive components

* Update docs

Co-authored-by: Joao Elias Arruda <joao.arruda@booking.com>
---
 lib/rules/no-unregistered-components.js       |  9 +++
 tests/lib/rules/no-unregistered-components.js | 65 +++++++++++++++++++
 2 files changed, 74 insertions(+)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index be892a6e6..7ec74e503 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -181,6 +181,15 @@ module.exports = {
       },
       utils.executeOnVue(context, (obj) => {
         registeredComponents.push(...utils.getRegisteredComponents(obj))
+
+        const nameProperty = utils.findProperty(obj, 'name')
+
+        if (nameProperty) {
+          registeredComponents.push({
+            node: nameProperty,
+            name: nameProperty.value.value
+          })
+        }
       })
     )
   }
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index da9e37ee2..367026909 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -393,6 +393,71 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="CustomComponent" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
     }
   ],
   invalid: [

From 9932d13c37fdd7d0af1120d71209d107dddb4489 Mon Sep 17 00:00:00 2001
From: devTeaa <devtea@protonmail.com>
Date: Sun, 18 Oct 2020 20:18:17 +0700
Subject: [PATCH 0197/1010] added options for events that ignore
 custom-event-name-casing (#1321)

* added options for custom-event-name-casing

* add test case to close #1260

* update docs for custom-event-name-casing

* Update test case event name with regex

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/custom-event-name-casing.md for better description

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* updated custom-event-name-casing readme with ignores options

* added custom-event-name-casing invalid test cases

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/custom-event-name-casing.md      |  42 ++++++-
 lib/rules/custom-event-name-casing.js       |  21 +++-
 tests/lib/rules/custom-event-name-casing.js | 122 ++++++++++++++++++++
 3 files changed, 182 insertions(+), 3 deletions(-)

diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index b4faacfbd..2b3dfb089 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -49,7 +49,47 @@ export default {
 
 ## :wrench: Options
 
-Nothing.
+
+```json
+{
+  "vue/custom-event-name-casing": ["error", {
+    "ignores": []
+  }]
+}
+```
+- `ignores` (`string[]`) ... The event names to ignore. Sets the event name to allow. For example, custom event names, Vue components event with special name, or Vue library component event name. You can set the regexp by writing it like `"/^name/"` or `click:row` or `fooBar`.
+
+### `"ignores": ["fooBar", "/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u"]`
+
+<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', {ignores:'/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button @click="$emit('click:row')" />
+  <button @click="$emit('fooBar')" />
+
+  <!-- ✗ BAD -->
+  <button @click="$emit('myEvent')" />
+</template>
+<script>
+export default {
+  methods: {
+    onClick () {
+      /* ✓ GOOD */
+      this.$emit('click:row')
+      this.$emit('fooBar')
+
+      /* ✗ BAD */
+      this.$emit('myEvent')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
 
 ## :books: Further Reading
 
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 6c5f072c3..7ed9335a2 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -11,6 +11,7 @@
 const { findVariable } = require('eslint-utils')
 const utils = require('../utils')
 const { isKebabCase } = require('../utils/casing')
+const { toRegExp } = require('../utils/regexp')
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -72,7 +73,20 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/custom-event-name-casing.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       unexpected: "Custom event name '{{name}}' must be kebab-case."
     }
@@ -80,13 +94,16 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const setupContexts = new Map()
+    const options = context.options[0] || {}
+    /** @type {RegExp[]} */
+    const ignores = (options.ignores || []).map(toRegExp)
 
     /**
      * @param { Literal & { value: string } } nameLiteralNode
      */
     function verify(nameLiteralNode) {
       const name = nameLiteralNode.value
-      if (isValidEventName(name)) {
+      if (ignores.some((re) => re.test(name)) || isValidEventName(name)) {
         return
       }
       context.report({
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 934bb079f..ed0ba0eb5 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -166,6 +166,66 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('bazQux')
+          }
+        }
+      }
+      </script>
+      `,
+      options: [{ ignores: ['fooBar', 'barBaz', 'bazQux'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('input:update')">
+        <input
+          @click="$emit('search:update')">
+        <input
+          @click="$emit('click:row')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('input:update')
+              context.emit('search:update')
+              context.emit('click:row')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('input:update')
+            this.$emit('search:update')
+            this.$emit('click:row')
+          }
+        }
+      }
+      </script>
+      `,
+      options: [{ ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }]
     }
   ],
   invalid: [
@@ -276,6 +336,68 @@ tester.run('custom-event-name-casing', rule, {
         "Custom event name 'barBaz' must be kebab-case.",
         "Custom event name 'bazQux' must be kebab-case."
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('input/update')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('search/update')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('click/row')
+          }
+        }
+      }
+      </script>
+      `,
+      options: [{ ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }],
+      errors: [
+        "Custom event name 'input/update' must be kebab-case.",
+        "Custom event name 'search/update' must be kebab-case.",
+        "Custom event name 'click/row' must be kebab-case."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('input/update')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('search/update')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('click/row')
+          }
+        }
+      }
+      </script>
+      `,
+      options: [{ ignores: ['input:update', 'search:update', 'click:row'] }],
+      errors: [
+        "Custom event name 'input/update' must be kebab-case.",
+        "Custom event name 'search/update' must be kebab-case.",
+        "Custom event name 'click/row' must be kebab-case."
+      ]
     }
   ]
 })

From 0e1a05af34d054ae4c47b3a8f584b8af8a943aec Mon Sep 17 00:00:00 2001
From: nokazn <41154684+nokazn@users.noreply.github.com>
Date: Sun, 18 Oct 2020 22:22:59 +0900
Subject: [PATCH 0198/1010] Add allowModifiers option to valid-v-slot (#1330)

* add allowModifiers option to valid-v-slot

* update doc

* fix for missing cases & improve code

* add test cases

* revert option in test
---
 docs/rules/valid-v-slot.md      | 38 ++++++++++++++-
 lib/rules/valid-v-slot.js       | 40 +++++++++++++---
 tests/lib/rules/valid-v-slot.js | 85 +++++++++++++++++++++++++++++++++
 3 files changed, 156 insertions(+), 7 deletions(-)

diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index 2a9183926..f0810cc75 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -100,7 +100,43 @@ This rule does not check syntax errors in directives because it's checked by [vu
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/valid-v-slot": ["error", {
+    "allowModifiers": false
+  }]
+}
+```
+
+- `allowModifiers` (`boolean`) ... allows having modifiers in the argument of `v-slot` directives. Modifiers just after `v-slot` are still disallowed. E.g. `<template v-slot.foo>` default `false`.
+
+### `allowModifiers: true`
+
+<eslint-code-block :rules="{'vue/valid-v-slot': ['error', {allowModifiers: true}]}">
+
+```vue
+<template>
+  <!-- ignore -->
+  <MyComponent>
+    <template v-slot:foo></template>
+    <template v-slot:foo.bar></template>
+    <template v-slot:foo.baz></template>
+    <template v-slot:foo.bar.baz></template>
+  </MyComponent>
+
+  <!--  ✗ BAD */ -->
+  <MyComponent v-slot.foo="{data}">
+    {{ data }}
+  </MyComponent>
+  <MyComponent>
+    <template v-slot.foo>
+      bar
+    </template>
+  </MyComponent>
+</template>
+```
+
+</eslint-code-block>
 
 ## :couple: Related Rules
 
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index a94d8c9dc..07025f5e7 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -75,15 +75,18 @@ function getSlotDirectivesOnChildren(node) {
 }
 
 /**
- * Get the normalized name of a given `v-slot` directive node.
+ * Get the normalized name of a given `v-slot` directive node with modifiers after `v-slot:` directive.
  * @param {VDirective} node The `v-slot` directive node.
  * @param {SourceCode} sourceCode The source code.
  * @returns {string} The normalized name.
  */
 function getNormalizedName(node, sourceCode) {
-  return node.key.argument == null
-    ? 'default'
-    : sourceCode.getText(node.key.argument)
+  if (node.key.argument == null) {
+    return 'default'
+  }
+  return node.key.modifiers.length === 0
+    ? sourceCode.getText(node.key.argument)
+    : sourceCode.text.slice(node.key.argument.range[0], node.key.range[1])
 }
 
 /**
@@ -150,6 +153,19 @@ function isUsingScopeVar(vSlot) {
   return false
 }
 
+/**
+ * If `allowModifiers` option is set to `true`, check whether a given argument node has invalid modifiers like `v-slot.foo`.
+ * Otherwise, check whether a given argument node has at least one modifier.
+ * @param {VDirective} vSlot The `v-slot` directive to check.
+ * @param {boolean} allowModifiers `allowModifiers` option in context.
+ * @return {boolean} `true` if that argument node has invalid modifiers like `v-slot.foo`.
+ */
+function hasInvalidModifiers(vSlot, allowModifiers) {
+  return allowModifiers
+    ? vSlot.key.argument == null && vSlot.key.modifiers.length >= 1
+    : vSlot.key.modifiers.length >= 1
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -159,7 +175,16 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-slot.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allowModifiers: {
+            type: 'boolean'
+          }
+        }
+      }
+    ],
     messages: {
       ownerMustBeCustomElement:
         "'v-slot' directive must be owned by a custom element, but '{{name}}' is not.",
@@ -181,6 +206,8 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
+    const options = context.options[0] || {}
+    const allowModifiers = options.allowModifiers === true
 
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VDirective} node */
@@ -264,7 +291,8 @@ module.exports = {
         }
 
         // Verify modifiers.
-        if (node.key.modifiers.length >= 1) {
+        if (hasInvalidModifiers(node, allowModifiers)) {
+          // E.g., <template v-slot.foo>
           context.report({
             node,
             messageId: 'disallowAnyModifier'
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index 0043756f1..08b55224d 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -84,6 +84,29 @@ tester.run('valid-v-slot', rule, {
         <template v-for="(key, value) in xxxx" #[key]>{{value}}</template>
       </MyComponent>
     </template>`,
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot:foo.bar></template>
+          </MyComponent>
+        </template>
+      `,
+      options: [{ allowModifiers: true }]
+    },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot:foo></template>
+            <template v-slot:foo.bar></template>
+            <template v-slot:foo.baz></template>
+            <template v-slot:foo.bar.baz></template>
+          </MyComponent>
+        </template>
+      `,
+      options: [{ allowModifiers: true }]
+    },
     // parsing error
     {
       filename: 'parsing-error.vue',
@@ -259,6 +282,18 @@ tester.run('valid-v-slot', rule, {
       `,
       errors: [{ messageId: 'disallowDuplicateSlotsOnChildren' }]
     },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot:foo.bar></template>
+            <template v-slot:foo.bar></template>
+          </MyComponent>
+        </template>
+      `,
+      options: [{ allowModifiers: true }],
+      errors: [{ messageId: 'disallowDuplicateSlotsOnChildren' }]
+    },
 
     // Verify arguments.
     {
@@ -291,6 +326,56 @@ tester.run('valid-v-slot', rule, {
       `,
       errors: [{ messageId: 'disallowAnyModifier' }]
     },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot:foo.bar></template>
+          </MyComponent>
+        </template>
+      `,
+      errors: [{ messageId: 'disallowAnyModifier' }]
+    },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot.foo></template>
+          </MyComponent>
+        </template>
+      `,
+      errors: [{ messageId: 'disallowAnyModifier' }],
+      options: [{ allowModifiers: true }]
+    },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot:foo.bar></template>
+          </MyComponent>
+        </template>
+      `,
+      errors: [{ messageId: 'disallowAnyModifier' }],
+      options: [{ allowModifiers: false }]
+    },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-slot:foo></template>
+            <template v-slot:foo.bar></template>
+            <template v-slot:foo.baz></template>
+            <template v-slot:foo.bar.baz></template>
+          </MyComponent>
+        </template>
+      `,
+      options: [{ allowModifiers: false }],
+      errors: [
+        { messageId: 'disallowAnyModifier' },
+        { messageId: 'disallowAnyModifier' },
+        { messageId: 'disallowAnyModifier' }
+      ]
+    },
 
     // Verify value.
     {

From 0e5480c9b1e654dd1a45c779fa3a8667b8927e19 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:23:46 +0900
Subject: [PATCH 0199/1010] Upgrade vue-eslint-parser to 7.1.1 and fixed CRLF
 issues. (#1332)

* Upgrade vue-eslint-parser to 7.1.1 and fixed CRLF issues.

* move  vue-eslint-parser repo
---
 README.md                                         |  2 +-
 docs/developer-guide/README.md                    |  2 +-
 docs/rules/html-indent.md                         |  2 +-
 docs/rules/no-restricted-syntax.md                |  4 ++--
 docs/rules/script-indent.md                       |  2 +-
 package.json                                      |  2 +-
 tests/lib/rules/v-on-function-call.js             | 11 ++++++++++-
 typings/eslint-plugin-vue/util-types/ast/v-ast.ts |  2 +-
 8 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index c34728c49..c8951f0a3 100644
--- a/README.md
+++ b/README.md
@@ -40,7 +40,7 @@ Since single file components in Vue are not plain JavaScript, the default parser
 
 To know more about certain nodes in produced ASTs, go here:
 - [ESTree docs](https://github.com/estree/estree)
-- [vue-eslint-parser AST docs](https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md)
+- [vue-eslint-parser AST docs](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md)
 
 The `vue-eslint-parser` provides a few useful parser services that help traverse the produced AST and access tokens of the template:
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
diff --git a/docs/developer-guide/README.md b/docs/developer-guide/README.md
index d216984b8..f08ecc3a8 100644
--- a/docs/developer-guide/README.md
+++ b/docs/developer-guide/README.md
@@ -39,7 +39,7 @@ Since single file components in Vue are not plain JavaScript, we can't use the d
 
 To know more about certain nodes in produced ASTs, go here:
 - [ESTree docs](https://github.com/estree/estree)
-- [vue-eslint-parser AST docs](https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md)
+- [vue-eslint-parser AST docs](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md)
 
 The `vue-eslint-parser` provides few useful parser services, to help traverse the produced AST and access tokens of the template:
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index c3a45f273..ab6e144d5 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -82,7 +82,7 @@ This rule enforces a consistent indentation style in `<template>`. The default s
   - `closeBracket.endTag` (`integer`) ... The multiplier of indentation for right brackets of end tags (`</div>`). Default is `0`.
   - `closeBracket.selfClosingTag` (`integer`) ... The multiplier of indentation for right brackets of start tags (`<div/>`). Default is `0`.
 - `alignAttributesVertically` (`boolean`) ... Condition for whether attributes should be vertically aligned to the first attribute in multiline case or not. Default is `true`
-- `ignores` (`string[]`) ... The selector to ignore nodes. The AST spec is [here](https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md). You can use [esquery](https://github.com/estools/esquery#readme) to select nodes. Default is an empty array.
+- `ignores` (`string[]`) ... The selector to ignore nodes. The AST spec is [here](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md). You can use [esquery](https://github.com/estools/esquery#readme) to select nodes. Default is an empty array.
 
 ### `2, {"attribute": 1, "closeBracket": 1}`
 
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 1ddde7d97..c28bd5ba6 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -46,8 +46,8 @@ Forbids call expressions inside mustache interpolation.
 
 [no-restricted-syntax]: https://eslint.org/docs/rules/no-restricted-syntax
 [ESTree]: https://github.com/estree/estree
-[vue-eslint-parser]: https://github.com/mysticatea/vue-eslint-parser
-[vue-eslint-parser - AST docs]: https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md
+[vue-eslint-parser]: https://github.com/vuejs/vue-eslint-parser
+[vue-eslint-parser - AST docs]: https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md
 
 ## :mag: Implementation
 
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index 6efa786a3..ac3dfd118 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -59,7 +59,7 @@ This rule has some options.
 - `TYPE` (`number | "tab"`) ... The type of indentation. Default is `2`. If this is a number, it's the number of spaces for one indent. If this is `"tab"`, it uses one tab for one indent.
 - `baseIndent` (`integer`) ... The multiplier of indentation for top-level statements. Default is `0`.
 - `switchCase` (`integer`) ... The multiplier of indentation for `case`/`default` clauses. Default is `0`.
-- `ignores` (`string[]`) ... The selector to ignore nodes. The AST spec is [here](https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md). You can use [esquery](https://github.com/estools/esquery#readme) to select nodes. Default is an empty array.
+- `ignores` (`string[]`) ... The selector to ignore nodes. The AST spec is [here](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md). You can use [esquery](https://github.com/estools/esquery#readme) to select nodes. Default is an empty array.
 
 ::: warning Note
 This rule only checks `.vue` files and does not interfere with other `.js` files. Unfortunately the default `indent` rule when turned on will try to lint both, so in order to make them complementary you can use `overrides` setting and disable `indent` rule on `.vue` files:
diff --git a/package.json b/package.json
index ef4847dbf..0f09b2af8 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.1.0"
+    "vue-eslint-parser": "^7.1.1"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index 4ba6f5b00..2dee605d0 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -117,7 +117,7 @@ tester.run('v-on-function-call', rule, {
     {
       filename: 'test.vue',
       code: '<template><div @click="foo"></div></template>',
-      output: `<template><div @click="foo"></div></template>`,
+      output: null,
       errors: [
         "Method calls inside of 'v-on' directives must have parentheses."
       ],
@@ -246,6 +246,15 @@ tester.run('v-on-function-call', rule, {
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
       ],
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\r\n<div\r\n@click="foo()" /></template>',
+      output: '<template>\r\n<div\r\n@click="foo" /></template>',
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/ast/v-ast.ts b/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
index 64149ac58..fe0ac6379 100644
--- a/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/v-ast.ts
@@ -1,5 +1,5 @@
 /**
- * @see https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md
+ * @see https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md
  */
 import { HasParentNode, BaseNode } from '../node'
 import { Token, HTMLComment, HTMLBogusComment, Comment } from '../node'

From d44fb18388a6c53afd2e3f6d5600c84f5eef38dd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:29:33 +0900
Subject: [PATCH 0200/1010] Change not to use ESLint internal modules (#1322)

* Change not to use ESLint internal modules

* update

* remove unused scrip
---
 .../components/eslint-code-block.vue          |  6 +--
 docs/.vuepress/config.js                      |  4 +-
 docs/.vuepress/shim/eslint/index.js           |  2 +
 docs/.vuepress/shim/eslint/lib/rules/index.js |  0
 docs/rules/no-textarea-mustache.md            |  4 ++
 docs/rules/no-unused-vars.md                  |  2 +-
 lib/rules/array-bracket-spacing.js            |  7 ++-
 lib/rules/arrow-spacing.js                    |  2 +-
 lib/rules/block-spacing.js                    |  2 +-
 lib/rules/brace-style.js                      |  2 +-
 lib/rules/camelcase.js                        |  2 +-
 lib/rules/comma-dangle.js                     |  2 +-
 lib/rules/comma-spacing.js                    |  2 +-
 lib/rules/comma-style.js                      |  2 +-
 lib/rules/dot-location.js                     |  2 +-
 lib/rules/dot-notation.js                     |  2 +-
 lib/rules/eqeqeq.js                           |  2 +-
 lib/rules/func-call-spacing.js                |  2 +-
 lib/rules/key-spacing.js                      |  2 +-
 lib/rules/keyword-spacing.js                  |  2 +-
 lib/rules/no-empty-pattern.js                 |  2 +-
 lib/rules/no-extra-parens.js                  |  2 +-
 lib/rules/no-restricted-syntax.js             |  2 +-
 lib/rules/no-sparse-arrays.js                 |  2 +-
 lib/rules/no-useless-concat.js                |  2 +-
 lib/rules/object-curly-newline.js             |  7 ++-
 lib/rules/object-curly-spacing.js             |  7 ++-
 lib/rules/object-property-newline.js          |  7 ++-
 lib/rules/operator-linebreak.js               |  2 +-
 lib/rules/prefer-template.js                  |  2 +-
 lib/rules/space-in-parens.js                  |  2 +-
 lib/rules/space-infix-ops.js                  |  2 +-
 lib/rules/space-unary-ops.js                  |  2 +-
 lib/rules/template-curly-spacing.js           |  7 ++-
 lib/utils/index.js                            | 17 +++++-
 package.json                                  |  1 -
 tools/setup-eslint-rule-types.js              | 52 -------------------
 typings/eslint/index.d.ts                     |  3 ++
 38 files changed, 69 insertions(+), 103 deletions(-)
 create mode 100644 docs/.vuepress/shim/eslint/index.js
 create mode 100644 docs/.vuepress/shim/eslint/lib/rules/index.js
 delete mode 100644 tools/setup-eslint-rule-types.js

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index 465043750..00b694825 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -124,11 +124,11 @@ export default {
     // Load linter.
     const [
       { default: Linter },
-      { default: noUndefRule },
+      { default: coreRules },
       { parseForESLint }
     ] = await Promise.all([
       import('eslint4b/dist/linter'),
-      import('eslint/lib/rules/no-undef'),
+      import('eslint4b/dist/core-rules'),
       import('espree').then(() => import('vue-eslint-parser'))
     ])
 
@@ -137,7 +137,7 @@ export default {
     for (const ruleId of Object.keys(rules)) {
       linter.defineRule(`vue/${ruleId}`, rules[ruleId])
     }
-    linter.defineRule('no-undef', noUndefRule)
+    linter.defineRule('no-undef', coreRules['no-undef'])
 
     linter.defineParser('vue-eslint-parser', { parseForESLint })
   }
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index d8b8b2928..fb7719ff3 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const rules = require('../../tools/lib/rules')
+const path = require('path')
 
 const uncategorizedRules = rules.filter(
   (rule) =>
@@ -122,7 +123,8 @@ module.exports = {
     return {
       resolve: {
         alias: {
-          module: require.resolve('./shim/module')
+          module: require.resolve('./shim/module'),
+          eslint: path.resolve(__dirname, './shim/eslint')
         }
       }
     }
diff --git a/docs/.vuepress/shim/eslint/index.js b/docs/.vuepress/shim/eslint/index.js
new file mode 100644
index 000000000..e32cb598f
--- /dev/null
+++ b/docs/.vuepress/shim/eslint/index.js
@@ -0,0 +1,2 @@
+const Linter = require('eslint4b')
+module.exports = { Linter }
diff --git a/docs/.vuepress/shim/eslint/lib/rules/index.js b/docs/.vuepress/shim/eslint/lib/rules/index.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 6bd242a42..c424f2010 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -27,11 +27,15 @@ This rule reports mustaches in `<textarea>`.
 
 </eslint-code-block>
 
+<div v-pre>
+
 ::: warning Note
 Interpolation on textareas (`<textarea>{{text}}</textarea>`) won't work. Use `v-model` instead.
 [https://v3.vuejs.org/guide/forms.html#multiline-text](https://v3.vuejs.org/guide/forms.html#multiline-text)
 :::
 
+</div>
+
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index 4d5d9ee25..2def5d564 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -33,7 +33,7 @@ This rule report variable definitions of v-for directives or scope attributes if
 
 ## :wrench: Options
 
-```js
+```json
 {
     "vue/no-unused-vars": ["error", {
         "ignorePattern": "^_"
diff --git a/lib/rules/array-bracket-spacing.js b/lib/rules/array-bracket-spacing.js
index a08215e2b..0541d0585 100644
--- a/lib/rules/array-bracket-spacing.js
+++ b/lib/rules/array-bracket-spacing.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/array-bracket-spacing'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule('array-bracket-spacing', {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/arrow-spacing.js b/lib/rules/arrow-spacing.js
index 3d626c614..f31ab3c3d 100644
--- a/lib/rules/arrow-spacing.js
+++ b/lib/rules/arrow-spacing.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/arrow-spacing'))
+module.exports = wrapCoreRule('arrow-spacing')
diff --git a/lib/rules/block-spacing.js b/lib/rules/block-spacing.js
index d12ad7da8..0634f2b6a 100644
--- a/lib/rules/block-spacing.js
+++ b/lib/rules/block-spacing.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/block-spacing'), {
+module.exports = wrapCoreRule('block-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/brace-style.js b/lib/rules/brace-style.js
index 66680948d..5dad2c29d 100644
--- a/lib/rules/brace-style.js
+++ b/lib/rules/brace-style.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/brace-style'), {
+module.exports = wrapCoreRule('brace-style', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/camelcase.js b/lib/rules/camelcase.js
index 4aebfabab..4b0898fe6 100644
--- a/lib/rules/camelcase.js
+++ b/lib/rules/camelcase.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/camelcase'))
+module.exports = wrapCoreRule('camelcase')
diff --git a/lib/rules/comma-dangle.js b/lib/rules/comma-dangle.js
index aa6c83c5e..6fb48b79d 100644
--- a/lib/rules/comma-dangle.js
+++ b/lib/rules/comma-dangle.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/comma-dangle'))
+module.exports = wrapCoreRule('comma-dangle')
diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
index 2a68be8f1..7ac0245e8 100644
--- a/lib/rules/comma-spacing.js
+++ b/lib/rules/comma-spacing.js
@@ -6,7 +6,7 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/comma-spacing'), {
+module.exports = wrapCoreRule('comma-spacing', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true
 })
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index e7313b8ac..960e6d6df 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -6,7 +6,7 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/comma-style'), {
+module.exports = wrapCoreRule('comma-style', {
   create(_context, { coreHandlers }) {
     return {
       VSlotScopeExpression(node) {
diff --git a/lib/rules/dot-location.js b/lib/rules/dot-location.js
index 14ab075cd..08f96127b 100644
--- a/lib/rules/dot-location.js
+++ b/lib/rules/dot-location.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/dot-location'))
+module.exports = wrapCoreRule('dot-location')
diff --git a/lib/rules/dot-notation.js b/lib/rules/dot-notation.js
index 68633b30d..712658967 100644
--- a/lib/rules/dot-notation.js
+++ b/lib/rules/dot-notation.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/dot-notation'))
+module.exports = wrapCoreRule('dot-notation')
diff --git a/lib/rules/eqeqeq.js b/lib/rules/eqeqeq.js
index e749e41f7..39894e1fc 100644
--- a/lib/rules/eqeqeq.js
+++ b/lib/rules/eqeqeq.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/eqeqeq'))
+module.exports = wrapCoreRule('eqeqeq')
diff --git a/lib/rules/func-call-spacing.js b/lib/rules/func-call-spacing.js
index da076f9cb..9fb96ab39 100644
--- a/lib/rules/func-call-spacing.js
+++ b/lib/rules/func-call-spacing.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/func-call-spacing'), {
+module.exports = wrapCoreRule('func-call-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/key-spacing.js b/lib/rules/key-spacing.js
index 27e624517..a949c18a0 100644
--- a/lib/rules/key-spacing.js
+++ b/lib/rules/key-spacing.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/key-spacing'), {
+module.exports = wrapCoreRule('key-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/keyword-spacing.js b/lib/rules/keyword-spacing.js
index 0b0da6277..af1b28487 100644
--- a/lib/rules/keyword-spacing.js
+++ b/lib/rules/keyword-spacing.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/keyword-spacing'), {
+module.exports = wrapCoreRule('keyword-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/no-empty-pattern.js b/lib/rules/no-empty-pattern.js
index 2d8223876..91c7472de 100644
--- a/lib/rules/no-empty-pattern.js
+++ b/lib/rules/no-empty-pattern.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/no-empty-pattern'))
+module.exports = wrapCoreRule('no-empty-pattern')
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 3e04f193e..3f202fa9d 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -7,7 +7,7 @@ const { isParenthesized } = require('eslint-utils')
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/no-extra-parens'), {
+module.exports = wrapCoreRule('no-extra-parens', {
   skipDynamicArguments: true,
   create: createForVueSyntax
 })
diff --git a/lib/rules/no-restricted-syntax.js b/lib/rules/no-restricted-syntax.js
index 279f400cd..a09ff6660 100644
--- a/lib/rules/no-restricted-syntax.js
+++ b/lib/rules/no-restricted-syntax.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/no-restricted-syntax'))
+module.exports = wrapCoreRule('no-restricted-syntax')
diff --git a/lib/rules/no-sparse-arrays.js b/lib/rules/no-sparse-arrays.js
index 89e30b36c..48f7390e8 100644
--- a/lib/rules/no-sparse-arrays.js
+++ b/lib/rules/no-sparse-arrays.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/no-sparse-arrays'))
+module.exports = wrapCoreRule('no-sparse-arrays')
diff --git a/lib/rules/no-useless-concat.js b/lib/rules/no-useless-concat.js
index 9038b9b93..7379a1ee7 100644
--- a/lib/rules/no-useless-concat.js
+++ b/lib/rules/no-useless-concat.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/no-useless-concat'))
+module.exports = wrapCoreRule('no-useless-concat')
diff --git a/lib/rules/object-curly-newline.js b/lib/rules/object-curly-newline.js
index 296abe570..5aa994117 100644
--- a/lib/rules/object-curly-newline.js
+++ b/lib/rules/object-curly-newline.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/object-curly-newline'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule('object-curly-newline', {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/object-curly-spacing.js b/lib/rules/object-curly-spacing.js
index 9830d2d43..b7c669c4f 100644
--- a/lib/rules/object-curly-spacing.js
+++ b/lib/rules/object-curly-spacing.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/object-curly-spacing'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule('object-curly-spacing', {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/object-property-newline.js b/lib/rules/object-property-newline.js
index d58aeb842..dacd82441 100644
--- a/lib/rules/object-property-newline.js
+++ b/lib/rules/object-property-newline.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/object-property-newline'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule('object-property-newline', {
+  skipDynamicArguments: true
+})
diff --git a/lib/rules/operator-linebreak.js b/lib/rules/operator-linebreak.js
index 2546693d9..ad92aa74f 100644
--- a/lib/rules/operator-linebreak.js
+++ b/lib/rules/operator-linebreak.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/operator-linebreak'))
+module.exports = wrapCoreRule('operator-linebreak')
diff --git a/lib/rules/prefer-template.js b/lib/rules/prefer-template.js
index b78d1eb7a..5cc11e2a5 100644
--- a/lib/rules/prefer-template.js
+++ b/lib/rules/prefer-template.js
@@ -6,4 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/prefer-template'))
+module.exports = wrapCoreRule('prefer-template')
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
index 518c62007..29ba0403b 100644
--- a/lib/rules/space-in-parens.js
+++ b/lib/rules/space-in-parens.js
@@ -6,7 +6,7 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/space-in-parens'), {
+module.exports = wrapCoreRule('space-in-parens', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true
 })
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index fe29d9ec0..650b215e8 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/space-infix-ops'), {
+module.exports = wrapCoreRule('space-infix-ops', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index a45265c3f..4920ca9e4 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -6,6 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(require('eslint/lib/rules/space-unary-ops'), {
+module.exports = wrapCoreRule('space-unary-ops', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/template-curly-spacing.js b/lib/rules/template-curly-spacing.js
index 777c5d820..acefea6b5 100644
--- a/lib/rules/template-curly-spacing.js
+++ b/lib/rules/template-curly-spacing.js
@@ -6,7 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule(
-  require('eslint/lib/rules/template-curly-spacing'),
-  { skipDynamicArguments: true }
-)
+module.exports = wrapCoreRule('template-curly-spacing', {
+  skipDynamicArguments: true
+})
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 814517e39..24b9a1bbf 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -108,6 +108,18 @@ const { findVariable } = require('eslint-utils')
  */
 const componentComments = new WeakMap()
 
+/** @type { Map<string, RuleModule> | null } */
+let ruleMap = null
+/**
+ * Get the core rule implementation from the rule name
+ * @param {string} name
+ * @returns {RuleModule}
+ */
+function getCoreRule(name) {
+  const map = ruleMap || (ruleMap = new (require('eslint').Linter)().getRules())
+  return map.get(name) || require(`eslint/lib/rules/${name}`)
+}
+
 /**
  * Wrap the rule context object to override methods which access to tokens (such as getTokenAfter).
  * @param {RuleContext} context The rule context object.
@@ -225,7 +237,7 @@ module.exports = {
 
   /**
    * Wrap a given core rule to apply it to Vue.js template.
-   * @param {RuleModule} coreRule The core rule implementation to wrap.
+   * @param {string} coreRuleName The name of the core rule implementation to wrap.
    * @param {Object} [options] The option of this rule.
    * @param {string[]} [options.categories] The categories of this rule.
    * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
@@ -233,7 +245,8 @@ module.exports = {
    * @param { (context: RuleContext, options: { coreHandlers: RuleListener }) => TemplateListener } [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
    */
-  wrapCoreRule(coreRule, options) {
+  wrapCoreRule(coreRuleName, options) {
+    const coreRule = getCoreRule(coreRuleName)
     const {
       categories,
       skipDynamicArguments,
diff --git a/package.json b/package.json
index 0f09b2af8..7a5036484 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,6 @@
     "cover:report": "nyc report --reporter=html",
     "lint": "eslint . --rulesdir eslint-internal-rules",
     "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
-    "pretsc": "node ./tools/setup-eslint-rule-types.js",
     "tsc": "tsc",
     "preversion": "npm test && npm run update && git add .",
     "version": "npm run lint -- --fix && git add .",
diff --git a/tools/setup-eslint-rule-types.js b/tools/setup-eslint-rule-types.js
deleted file mode 100644
index d836d025c..000000000
--- a/tools/setup-eslint-rule-types.js
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * @author Yosuke Ota
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const fs = require('fs')
-const path = require('path')
-const eslint = require('eslint')
-const ruleNames = new Set(new eslint.Linter().getRules().keys())
-
-const TYPINGS_ESLINT_RULES_ROOT = path.resolve(
-  __dirname,
-  '../typings/eslint/lib/rules'
-)
-
-mkdirIfNotExists(TYPINGS_ESLINT_RULES_ROOT)
-
-for (const ruleName of ruleNames) {
-  const filePath = path.join(TYPINGS_ESLINT_RULES_ROOT, `${ruleName}.d.ts`)
-  fs.writeFileSync(
-    filePath,
-    `import { Rule } from '../../index'
-declare const rule: Rule.RuleModule
-export = rule
-`
-  )
-}
-
-fs.readdirSync(TYPINGS_ESLINT_RULES_ROOT)
-  .filter((file) => file.endsWith('.d.ts'))
-  .filter((file) => !ruleNames.has(file.slice(0, -5)))
-  .map((file) => path.join(TYPINGS_ESLINT_RULES_ROOT, file))
-  .forEach((filePath) => fs.unlinkSync(filePath))
-
-function exists(file) {
-  try {
-    fs.statSync(file)
-    return true
-  } catch (err) {
-    if (err.code === 'ENOENT') return false
-  }
-}
-
-function mkdirIfNotExists(dir) {
-  if (exists(dir)) {
-    return
-  }
-  const p = path.dirname(dir)
-  mkdirIfNotExists(p)
-  fs.mkdirSync(dir)
-}
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 1d793d243..0c99161f8 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -357,6 +357,9 @@ export namespace Rule {
 }
 
 export class RuleTester extends ESLintRuleTester {}
+export class Linter {
+  getRules(): Map<string, Rule.RuleModule>
+}
 
 export namespace Linter {
   type LintMessage = ESLintLinter.LintMessage

From 30da121e0b2e5a4f679fb226403ee2478edb0bdf Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:31:13 +0900
Subject: [PATCH 0201/1010] Fixed false positives when used via argument in
 `vue/no-unused-properties` (#1324)

---
 lib/rules/no-unused-properties.js       | 100 +++++++++++++++++++++---
 tests/lib/rules/no-unused-properties.js |  89 +++++++++++++++++++++
 2 files changed, 180 insertions(+), 9 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 23fab4424..75b56a4ef 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -578,6 +578,41 @@ module.exports = {
       }
     }
 
+    /**
+     * @param {VueComponentPropertiesContainer} container
+     * @param {UsedProps} baseUseProps
+     */
+    function processUsed(container, baseUseProps) {
+      for (const { usedNames, unknown } of iterateUsedProps(baseUseProps)) {
+        if (unknown) {
+          container.unknown = true
+          return
+        }
+        for (const name of usedNames.names()) {
+          container.usedNames.add(name)
+        }
+      }
+    }
+
+    /**
+     * @param {Expression} node
+     * @returns {Property|null}
+     */
+    function getParentProperty(node) {
+      if (
+        !node.parent ||
+        node.parent.type !== 'Property' ||
+        node.parent.value !== node
+      ) {
+        return null
+      }
+      const property = node.parent
+      if (!property.parent || property.parent.type !== 'ObjectExpression') {
+        return null
+      }
+      return /** @type {Property} */ (property)
+    }
+
     const scriptVisitor = Object.assign(
       {},
       utils.defineVueVisitor(context, {
@@ -629,6 +664,61 @@ module.exports = {
             container.properties.push(prop)
           }
         },
+        /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property }} node */
+        'ObjectExpression > Property > :function[params.length>0]'(
+          node,
+          vueData
+        ) {
+          const property = getParentProperty(node)
+          if (!property) {
+            return
+          }
+          if (property.parent === vueData.node) {
+            if (utils.getStaticPropertyName(property) !== 'data') {
+              return
+            }
+            // check { data: (vm) => vm.prop }
+          } else {
+            const parentProperty = getParentProperty(property.parent)
+            if (!parentProperty) {
+              return
+            }
+            if (parentProperty.parent === vueData.node) {
+              if (utils.getStaticPropertyName(parentProperty) !== 'computed') {
+                return
+              }
+              // check { computed: { foo: (vm) => vm.prop } }
+            } else {
+              const parentParentProperty = getParentProperty(
+                parentProperty.parent
+              )
+              if (!parentParentProperty) {
+                return
+              }
+              if (parentParentProperty.parent === vueData.node) {
+                if (
+                  utils.getStaticPropertyName(parentParentProperty) !==
+                    'computed' ||
+                  utils.getStaticPropertyName(property) !== 'handler'
+                ) {
+                  return
+                }
+                // check { computed: { foo: { handler: (vm) => vm.prop } } }
+              } else {
+                return
+              }
+            }
+          }
+
+          const paramsUsedProps = getParamsUsedProps(node)
+          const usedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
+            0
+          ))
+          processUsed(
+            getVueComponentPropertiesContainer(vueData.node),
+            usedProps
+          )
+        },
         onSetupFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
           if (node.params[0]) {
@@ -690,15 +780,7 @@ module.exports = {
           const container = getVueComponentPropertiesContainer(vueData.node)
           const usedProps = extractPatternOrThisProperties(node, context)
 
-          for (const { usedNames, unknown } of iterateUsedProps(usedProps)) {
-            if (unknown) {
-              container.unknown = true
-              return
-            }
-            for (const name of usedNames.names()) {
-              container.usedNames.add(name)
-            }
-          }
+          processUsed(container, usedProps)
         }
       }),
       {
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index dffa036f8..78e15c4f8 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1078,6 +1078,48 @@ tester.run('no-unused-properties', rule, {
       </script>
       `,
       options: [{ groups: ['props', 'data'] }]
+    },
+    // contexts
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          data: ({ x }) => ({
+              y: x
+          })
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          computed: {
+            y: (vm) => vm.x * 2
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          computed: {
+            y: {
+              handler: (vm) => vm.x * 2
+            }
+          }
+        };
+      </script>
+      `
     }
   ],
 
@@ -1574,6 +1616,53 @@ tester.run('no-unused-properties', rule, {
       })
       `,
       errors: ["'foo' of property found, but never used."]
+    },
+
+    // contexts
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          data: () => ({
+              y: x
+          })
+        };
+      </script>
+      `,
+      errors: ["'x' of property found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          computed: {
+            [(vm) => vm.x * 2]: y
+          }
+        };
+      </script>
+      `,
+      errors: ["'x' of property found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          computed: {
+            y: {
+              handler: (vm) => vm.z * 2,
+              deep: (vm) => vm.x * 2
+            }
+          }
+        };
+      </script>
+      `,
+      errors: ["'x' of property found, but never used."]
     }
   ]
 })

From f4c21e591457a7e5b482433cf4e21306fc27fda0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:33:20 +0900
Subject: [PATCH 0202/1010] Fixed crash when the name property value was not
 literal, in `no-unregistered-components` rule (#1336)

---
 lib/rules/no-unregistered-components.js       | 10 ++++++----
 tests/lib/rules/no-unregistered-components.js | 20 +++++++++++++++++++
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 7ec74e503..3ae283284 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -185,10 +185,12 @@ module.exports = {
         const nameProperty = utils.findProperty(obj, 'name')
 
         if (nameProperty) {
-          registeredComponents.push({
-            node: nameProperty,
-            name: nameProperty.value.value
-          })
+          if (nameProperty.value.type === 'Literal') {
+            registeredComponents.push({
+              node: nameProperty,
+              name: `${nameProperty.value.value}`
+            })
+          }
         }
       })
     )
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 367026909..a50e3c0f0 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -648,6 +648,26 @@ tester.run('no-unregistered-components', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          name: CustomComponent
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "CustomComponent" component has been used but not registered.',
+          line: 3
+        }
+      ]
     }
   ]
 })

From bebb9b390d48b4f8db4a862dd78e8d1e182f2353 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:34:20 +0900
Subject: [PATCH 0203/1010] Add vue/block-tag-newline rule (#1328)

---
 docs/rules/README.md                 |   3 +-
 docs/rules/block-tag-newline.md      | 161 ++++++++++++
 lib/configs/no-layout-rules.js       |   1 +
 lib/index.js                         |   1 +
 lib/rules/block-tag-newline.js       | 375 +++++++++++++++++++++++++++
 tests/lib/rules/block-tag-newline.js | 247 ++++++++++++++++++
 6 files changed, 787 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/block-tag-newline.md
 create mode 100644 lib/rules/block-tag-newline.js
 create mode 100644 tests/lib/rules/block-tag-newline.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1ffb102f8..9e0ac610b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -281,13 +281,14 @@ For example:
 ```json
 {
   "rules": {
-    "vue/component-name-in-template-casing": "error"
+    "vue/block-tag-newline": "error"
   }
 }
 ```
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
diff --git a/docs/rules/block-tag-newline.md b/docs/rules/block-tag-newline.md
new file mode 100644
index 000000000..a3ab5f965
--- /dev/null
+++ b/docs/rules/block-tag-newline.md
@@ -0,0 +1,161 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/block-tag-newline
+description: enforce line breaks after opening and before closing block-level tags
+---
+# vue/block-tag-newline
+> enforce line breaks after opening and before closing block-level tags
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces a line break (or no line break) after opening and before closing block tags.
+
+<eslint-code-block fix :rules="{'vue/block-tag-newline': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template><input></template>
+
+<script>
+export default {}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-tag-newline': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+<input></template>
+
+<script>
+export default {}</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/block-tag-newline": ["error", {
+    "singleline": "always" | "never" | "consistent" | "ignore",
+    "multiline": "always" | "never" | "consistent" | "ignore",
+    "maxEmptyLines": 0,
+    "blocks": {
+      "template": {
+        "singleline": "always" | "never" | "consistent" | "ignore",
+        "multiline": "always" | "never" | "consistent" | "ignore",
+        "maxEmptyLines": 0,
+      },
+      "script": {
+        "singleline": "always" | "never" | "consistent" | "ignore",
+        "multiline": "always" | "never" | "consistent" | "ignore",
+        "maxEmptyLines": 0,
+      },
+      "my-block": {
+        "singleline": "always" | "never" | "consistent" | "ignore",
+        "multiline": "always" | "never" | "consistent" | "ignore",
+        "maxEmptyLines": 0,
+      }
+    }
+  }]
+}
+```
+
+- `singleline` ... the configuration for single-line blocks.
+  - `"consistent"` ... (default) requires consistent usage of line breaks for each pair of tags. It reports an error if one tag in the pair has a linebreak inside it and the other tag does not.
+  - `"always"` ... require one line break after opening and before closing block tags.
+  - `"never"` ... disallow line breaks after opening and before closing block tags.
+- `multiline` ... the configuration for multi-line blocks.
+  - `"consistent"` ... requires consistent usage of line breaks for each pair of tags. It reports an error if one tag in the pair has a linebreak inside it and the other tag does not.
+  - `"always"` ... (default) require one line break after opening and before closing block tags.
+  - `"never"` ... disallow line breaks after opening and before closing block tags.
+- `maxEmptyLines` ... specifies the maximum number of empty lines allowed. default 0.
+- `blocks` ... specifies for each block name.
+
+### `{ "singleline": "never", "multiline": "always" }`
+
+<eslint-code-block fix :rules="{'vue/block-tag-newline': ['error', { 'singleline': 'never', 'multiline': 'always' }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template><input></template>
+
+<script>
+export default {
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-tag-newline': ['error', { 'singleline': 'never', 'multiline': 'always' }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+<input>
+</template>
+
+<script>export default {
+}</script>
+```
+
+</eslint-code-block>
+
+### `{ "singleline": "always", "multiline": "always", "maxEmptyLines": 1 }`
+
+<eslint-code-block fix :rules="{'vue/block-tag-newline': ['error', { 'singleline': 'always', 'multiline': 'always', 'maxEmptyLines': 1 }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+
+<input>
+
+</template>
+
+<script>
+
+export default {
+}
+
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-tag-newline': ['error', { 'singleline': 'always', 'multiline': 'always', 'maxEmptyLines': 1 }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+
+
+<input>
+
+
+</template>
+
+<script>
+
+
+export default {
+}
+
+
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-tag-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-tag-newline.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index be534fd38..73e504a91 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -8,6 +8,7 @@ module.exports = {
     'vue/array-bracket-spacing': 'off',
     'vue/arrow-spacing': 'off',
     'vue/block-spacing': 'off',
+    'vue/block-tag-newline': 'off',
     'vue/brace-style': 'off',
     'vue/comma-dangle': 'off',
     'vue/comma-spacing': 'off',
diff --git a/lib/index.js b/lib/index.js
index eb6a42915..f0b6b7cbc 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -12,6 +12,7 @@ module.exports = {
     'attribute-hyphenation': require('./rules/attribute-hyphenation'),
     'attributes-order': require('./rules/attributes-order'),
     'block-spacing': require('./rules/block-spacing'),
+    'block-tag-newline': require('./rules/block-tag-newline'),
     'brace-style': require('./rules/brace-style'),
     camelcase: require('./rules/camelcase'),
     'comma-dangle': require('./rules/comma-dangle'),
diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
new file mode 100644
index 000000000..c88a36c27
--- /dev/null
+++ b/lib/rules/block-tag-newline.js
@@ -0,0 +1,375 @@
+/**
+ * @fileoverview Enforce line breaks style after opening and before closing block-level tags.
+ * @author Yosuke Ota
+ */
+'use strict'
+const utils = require('../utils')
+
+/**
+ * @typedef { 'always' | 'never' | 'consistent' | 'ignore' } OptionType
+ * @typedef { { singleline?: OptionType, multiline?: OptionType, maxEmptyLines?: number } } ContentsOptions
+ * @typedef { ContentsOptions & { blocks?: { [element: string]: ContentsOptions } } } Options
+ * @typedef { Required<ContentsOptions> } ArgsOptions
+ */
+
+/**
+ * @param {string} text Source code as a string.
+ * @returns {number}
+ */
+function getLinebreakCount(text) {
+  return text.split(/\r\n|[\r\n\u2028\u2029]/gu).length - 1
+}
+
+/**
+ * @param {number} lineBreaks
+ */
+function getPhrase(lineBreaks) {
+  switch (lineBreaks) {
+    case 1:
+      return '1 line break'
+    default:
+      return `${lineBreaks} line breaks`
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+const ENUM_OPTIONS = { enum: ['always', 'never', 'consistent', 'ignore'] }
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description:
+        'enforce line breaks after opening and before closing block-level tags',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/block-tag-newline.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          singleline: ENUM_OPTIONS,
+          multiline: ENUM_OPTIONS,
+          maxEmptyLines: { type: 'number', minimum: 0 },
+          blocks: {
+            type: 'object',
+            patternProperties: {
+              '^(?:\\S+)$': {
+                type: 'object',
+                properties: {
+                  singleline: ENUM_OPTIONS,
+                  multiline: ENUM_OPTIONS,
+                  maxEmptyLines: { type: 'number', minimum: 0 }
+                },
+                additionalProperties: false
+              }
+            },
+            additionalProperties: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      unexpectedOpeningLinebreak:
+        "There should be no line break after '<{{tag}}>'.",
+      unexpectedClosingLinebreak:
+        "There should be no line break before '</{{tag}}>'.",
+      expectedOpeningLinebreak:
+        "Expected {{expected}} after '<{{tag}}>', but {{actual}} found.",
+      expectedClosingLinebreak:
+        "Expected {{expected}}  before '</{{tag}}>', but {{actual}} found.",
+      missingOpeningLinebreak: "A line break is required after '<{{tag}}>'.",
+      missingClosingLinebreak: "A line break is required before '</{{tag}}>'."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const df =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+    if (!df) {
+      return {}
+    }
+
+    const sourceCode = context.getSourceCode()
+
+    /**
+     * @param {VStartTag} startTag
+     * @param {string} beforeText
+     * @param {number} beforeLinebreakCount
+     * @param {'always' | 'never'} beforeOption
+     * @param {number} maxEmptyLines
+     * @returns {void}
+     */
+    function verifyBeforeSpaces(
+      startTag,
+      beforeText,
+      beforeLinebreakCount,
+      beforeOption,
+      maxEmptyLines
+    ) {
+      if (beforeOption === 'always') {
+        if (beforeLinebreakCount === 0) {
+          context.report({
+            loc: {
+              start: startTag.loc.end,
+              end: startTag.loc.end
+            },
+            messageId: 'missingOpeningLinebreak',
+            data: { tag: startTag.parent.name },
+            fix(fixer) {
+              return fixer.insertTextAfter(startTag, '\n')
+            }
+          })
+        } else if (maxEmptyLines < beforeLinebreakCount - 1) {
+          context.report({
+            loc: {
+              start: startTag.loc.end,
+              end: sourceCode.getLocFromIndex(
+                startTag.range[1] + beforeText.length
+              )
+            },
+            messageId: 'expectedOpeningLinebreak',
+            data: {
+              tag: startTag.parent.name,
+              expected: getPhrase(maxEmptyLines + 1),
+              actual: getPhrase(beforeLinebreakCount)
+            },
+            fix(fixer) {
+              return fixer.replaceTextRange(
+                [startTag.range[1], startTag.range[1] + beforeText.length],
+                '\n'.repeat(maxEmptyLines + 1)
+              )
+            }
+          })
+        }
+      } else {
+        if (beforeLinebreakCount > 0) {
+          context.report({
+            loc: {
+              start: startTag.loc.end,
+              end: sourceCode.getLocFromIndex(
+                startTag.range[1] + beforeText.length
+              )
+            },
+            messageId: 'unexpectedOpeningLinebreak',
+            data: { tag: startTag.parent.name },
+            fix(fixer) {
+              return fixer.removeRange([
+                startTag.range[1],
+                startTag.range[1] + beforeText.length
+              ])
+            }
+          })
+        }
+      }
+    }
+    /**
+     * @param {VEndTag} endTag
+     * @param {string} afterText
+     * @param {number} afterLinebreakCount
+     * @param {'always' | 'never'} afterOption
+     * @param {number} maxEmptyLines
+     * @returns {void}
+     */
+    function verifyAfterSpaces(
+      endTag,
+      afterText,
+      afterLinebreakCount,
+      afterOption,
+      maxEmptyLines
+    ) {
+      if (afterOption === 'always') {
+        if (afterLinebreakCount === 0) {
+          context.report({
+            loc: {
+              start: endTag.loc.start,
+              end: endTag.loc.start
+            },
+            messageId: 'missingClosingLinebreak',
+            data: { tag: endTag.parent.name },
+            fix(fixer) {
+              return fixer.insertTextBefore(endTag, '\n')
+            }
+          })
+        } else if (maxEmptyLines < afterLinebreakCount - 1) {
+          context.report({
+            loc: {
+              start: sourceCode.getLocFromIndex(
+                endTag.range[0] - afterText.length
+              ),
+              end: endTag.loc.start
+            },
+            messageId: 'expectedClosingLinebreak',
+            data: {
+              tag: endTag.parent.name,
+              expected: getPhrase(maxEmptyLines + 1),
+              actual: getPhrase(afterLinebreakCount)
+            },
+            fix(fixer) {
+              return fixer.replaceTextRange(
+                [endTag.range[0] - afterText.length, endTag.range[0]],
+                '\n'.repeat(maxEmptyLines + 1)
+              )
+            }
+          })
+        }
+      } else {
+        if (afterLinebreakCount > 0) {
+          context.report({
+            loc: {
+              start: sourceCode.getLocFromIndex(
+                endTag.range[0] - afterText.length
+              ),
+              end: endTag.loc.start
+            },
+            messageId: 'unexpectedOpeningLinebreak',
+            data: { tag: endTag.parent.name },
+            fix(fixer) {
+              return fixer.removeRange([
+                endTag.range[0] - afterText.length,
+                endTag.range[0]
+              ])
+            }
+          })
+        }
+      }
+    }
+    /**
+     * @param {VElement} element
+     * @param {ArgsOptions} options
+     * @returns {void}
+     */
+    function verifyElement(element, options) {
+      const { startTag, endTag } = element
+      if (startTag.selfClosing || endTag == null) {
+        return
+      }
+      const text = sourceCode.text.slice(startTag.range[1], endTag.range[0])
+
+      const trimText = text.trim()
+      if (!trimText) {
+        return
+      }
+
+      const option =
+        options.multiline === options.singleline
+          ? options.singleline
+          : /[\n\r\u2028\u2029]/u.test(text.trim())
+          ? options.multiline
+          : options.singleline
+      if (option === 'ignore') {
+        return
+      }
+      const beforeText = /** @type {RegExpExecArray} */ (/^\s*/u.exec(text))[0]
+      const afterText = /** @type {RegExpExecArray} */ (/\s*$/u.exec(text))[0]
+      const beforeLinebreakCount = getLinebreakCount(beforeText)
+      const afterLinebreakCount = getLinebreakCount(afterText)
+
+      /** @type {'always' | 'never'} */
+      let beforeOption
+      /** @type {'always' | 'never'} */
+      let afterOption
+      if (option === 'always' || option === 'never') {
+        beforeOption = option
+        afterOption = option
+      } else {
+        // consistent
+        if (beforeLinebreakCount > 0 === afterLinebreakCount > 0) {
+          return
+        }
+        beforeOption = 'always'
+        afterOption = 'always'
+      }
+
+      verifyBeforeSpaces(
+        startTag,
+        beforeText,
+        beforeLinebreakCount,
+        beforeOption,
+        options.maxEmptyLines
+      )
+
+      verifyAfterSpaces(
+        endTag,
+        afterText,
+        afterLinebreakCount,
+        afterOption,
+        options.maxEmptyLines
+      )
+    }
+
+    /**
+     * Normalizes a given option value.
+     * @param { Options | undefined } option An option value to parse.
+     * @returns { (element: VElement) => void } Verify function.
+     */
+    function normalizeOptionValue(option) {
+      if (!option) {
+        return normalizeOptionValue({})
+      }
+
+      /** @type {ContentsOptions} */
+      const contentsOptions = option
+      /** @type {ArgsOptions} */
+      const options = {
+        singleline: contentsOptions.singleline || 'consistent',
+        multiline: contentsOptions.multiline || 'always',
+        maxEmptyLines: contentsOptions.maxEmptyLines || 0
+      }
+      const { blocks } = option
+      if (!blocks) {
+        return (element) => verifyElement(element, options)
+      }
+
+      return (element) => {
+        const { name } = element
+        const elementsOptions = blocks[name]
+        if (!elementsOptions) {
+          verifyElement(element, options)
+        } else {
+          normalizeOptionValue({
+            singleline: elementsOptions.singleline || options.singleline,
+            multiline: elementsOptions.multiline || options.multiline,
+            maxEmptyLines:
+              elementsOptions.maxEmptyLines != null
+                ? elementsOptions.maxEmptyLines
+                : options.maxEmptyLines
+          })(element)
+        }
+      }
+    }
+
+    const documentFragment = df
+
+    const verify = normalizeOptionValue(context.options[0])
+
+    /**
+     * @returns {VElement[]}
+     */
+    function getTopLevelHTMLElements() {
+      return documentFragment.children.filter(utils.isVElement)
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {},
+      {
+        /** @param {Program} node */
+        Program(node) {
+          if (utils.hasInvalidEOF(node)) {
+            return
+          }
+
+          for (const element of getTopLevelHTMLElements()) {
+            verify(element)
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/block-tag-newline.js b/tests/lib/rules/block-tag-newline.js
new file mode 100644
index 000000000..924278799
--- /dev/null
+++ b/tests/lib/rules/block-tag-newline.js
@@ -0,0 +1,247 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/block-tag-newline')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('block-tag-newline', rule, {
+  valid: [
+    '<template><input></template>\n<script>let a</script>',
+    '<template>\n<input>\n</template>\n<script>\nlet a\n</script>',
+    '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\nlet b\n</script>',
+    '<template></template>\n<script></script>',
+    '<template>\n\n</template>\n<script>\n\n</script>',
+    '<template />\n<script />',
+    {
+      code: '<template><div>\n</div></template>\n<script>let a</script>',
+      options: [{ singleline: 'never', multiline: 'never' }]
+    },
+    {
+      code:
+        '<template>\n<input>\n</template>\n<script>\nlet a\nlet b\n</script>',
+      options: [{ singleline: 'always', multiline: 'always' }]
+    },
+    {
+      code:
+        '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      options: [{ singleline: 'always', multiline: 'always', maxEmptyLines: 1 }]
+    },
+    {
+      code: '<template>\n<input></template>\n<script>let a\nlet b\n</script>',
+      options: [{ singleline: 'ignore', multiline: 'ignore' }]
+    },
+    {
+      code: '<template><input></template>\n<script>\nlet a\n</script>',
+      options: [{ multiline: 'never' }]
+    },
+    {
+      code:
+        '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\nlet b\n</script>',
+      options: [{ singleline: 'never' }]
+    },
+    // invalid
+    '<template><div a="></div>\n</template>\n<script>\nlet a</script>'
+  ],
+  invalid: [
+    {
+      code: '<template><input>\n</template>\n<script>let a\n</script>',
+      output: '<template>\n<input>\n</template>\n<script>\nlet a\n</script>',
+      errors: [
+        {
+          message: "A line break is required after '<template>'.",
+          line: 1,
+          column: 11
+        },
+        {
+          message: "A line break is required after '<script>'.",
+          line: 3,
+          column: 9
+        }
+      ]
+    },
+    {
+      code: '<template>\n<input></template>\n<script>\nlet a</script>',
+      output: '<template>\n<input>\n</template>\n<script>\nlet a\n</script>',
+      errors: [
+        {
+          message: "A line break is required before '</template>'.",
+          line: 2,
+          column: 8
+        },
+        {
+          message: "A line break is required before '</script>'.",
+          line: 4,
+          column: 6
+        }
+      ]
+    },
+    {
+      code: '<template><div>\n</div></template>\n<script>let a\nlet b</script>',
+      output:
+        '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\nlet b\n</script>',
+      errors: [
+        {
+          message: "A line break is required after '<template>'.",
+          line: 1,
+          column: 11
+        },
+        {
+          message: "A line break is required before '</template>'.",
+          line: 2,
+          column: 7
+        },
+        {
+          message: "A line break is required after '<script>'.",
+          line: 3,
+          column: 9
+        },
+        {
+          message: "A line break is required before '</script>'.",
+          line: 4,
+          column: 6
+        }
+      ]
+    },
+    {
+      code:
+        '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\n</script>',
+      output: '<template><div>\n</div></template>\n<script>let a</script>',
+      options: [{ singleline: 'never', multiline: 'never' }],
+      errors: [
+        {
+          message: "There should be no line break after '<template>'.",
+          line: 1,
+          column: 11
+        },
+        {
+          message: "There should be no line break after '<template>'.",
+          line: 3,
+          column: 7
+        },
+        {
+          message: "There should be no line break after '<script>'.",
+          line: 5,
+          column: 9
+        },
+        {
+          message: "There should be no line break after '<script>'.",
+          line: 6,
+          column: 6
+        }
+      ]
+    },
+    {
+      code: '<template><div>\n</div></template>\n<script>let a</script>',
+      output:
+        '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\n</script>',
+      options: [{ singleline: 'always', multiline: 'always' }],
+      errors: [
+        {
+          message: "A line break is required after '<template>'.",
+          line: 1,
+          column: 11
+        },
+        {
+          message: "A line break is required before '</template>'.",
+          line: 2,
+          column: 7
+        },
+        {
+          message: "A line break is required after '<script>'.",
+          line: 3,
+          column: 9
+        },
+        {
+          message: "A line break is required before '</script>'.",
+          line: 3,
+          column: 14
+        }
+      ]
+    },
+    {
+      code:
+        '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      output:
+        '<template>\n<input>\n</template>\n<script>\nlet a\nlet b\n</script>',
+      options: [{ singleline: 'always', multiline: 'always' }],
+      errors: [
+        {
+          message:
+            "Expected 1 line break after '<template>', but 2 line breaks found.",
+          line: 1,
+          column: 11
+        },
+        {
+          message:
+            "Expected 1 line break  before '</template>', but 2 line breaks found.",
+          line: 3,
+          column: 8
+        },
+        {
+          message:
+            "Expected 1 line break after '<script>', but 2 line breaks found.",
+          line: 6,
+          column: 9
+        },
+        {
+          message:
+            "Expected 1 line break  before '</script>', but 2 line breaks found.",
+          line: 9,
+          column: 6
+        }
+      ]
+    },
+    {
+      code:
+        '<template>\n\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n\n</script>',
+      output:
+        '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      options: [
+        { singleline: 'always', multiline: 'always', maxEmptyLines: 1 }
+      ],
+      errors: [
+        {
+          message:
+            "Expected 2 line breaks after '<template>', but 3 line breaks found.",
+          line: 1,
+          column: 11
+        },
+        {
+          message:
+            "Expected 2 line breaks  before '</script>', but 3 line breaks found.",
+          line: 10,
+          column: 6
+        }
+      ]
+    },
+    {
+      code:
+        '<template><input>\n\n</template>\n<script>let a\nlet b\n\n\n</script><docs>\n#</docs>',
+      output:
+        '<template><input>\n\n</template>\n<script>let a\nlet b</script><docs>\n#\n</docs>',
+      options: [
+        {
+          blocks: {
+            template: {
+              singleline: 'ignore'
+            },
+            script: {
+              multiline: 'never'
+            }
+          }
+        }
+      ],
+      errors: [
+        "There should be no line break after '<script>'.",
+        "A line break is required before '</docs>'."
+      ]
+    }
+  ]
+})

From b75d312c90754eff0d703637614a3f9e8e8f58f3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:36:20 +0900
Subject: [PATCH 0204/1010] Add `vue/array-bracket-newline` rule (#1326)

* Add `vue/array-bracket-newline` rule

`vue/array-bracket-newline` rule that applies `array-bracket-newline` rule to expressions in <template>.

* update
---
 docs/rules/README.md                     |   1 +
 docs/rules/array-bracket-newline.md      |  25 ++++++
 lib/configs/no-layout-rules.js           |   1 +
 lib/index.js                             |   1 +
 lib/rules/array-bracket-newline.js       |  11 +++
 tests/lib/rules/array-bracket-newline.js | 108 +++++++++++++++++++++++
 6 files changed, 147 insertions(+)
 create mode 100644 docs/rules/array-bracket-newline.md
 create mode 100644 lib/rules/array-bracket-newline.js
 create mode 100644 tests/lib/rules/array-bracket-newline.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9e0ac610b..f2d9b8476 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -326,6 +326,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets | :wrench: |
 | [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets | :wrench: |
 | [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions | :wrench: |
 | [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block | :wrench: |
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
new file mode 100644
index 000000000..2bc2a0886
--- /dev/null
+++ b/docs/rules/array-bracket-newline.md
@@ -0,0 +1,25 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/array-bracket-newline
+description: enforce linebreaks after opening and before closing array brackets
+---
+# vue/array-bracket-newline
+> enforce linebreaks after opening and before closing array brackets
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [array-bracket-newline] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [array-bracket-newline]
+
+[array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-newline.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/array-bracket-newline)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 73e504a91..59c56af89 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -5,6 +5,7 @@
  */
 module.exports = {
   rules: {
+    'vue/array-bracket-newline': 'off',
     'vue/array-bracket-spacing': 'off',
     'vue/arrow-spacing': 'off',
     'vue/block-spacing': 'off',
diff --git a/lib/index.js b/lib/index.js
index f0b6b7cbc..7755e9f1e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -7,6 +7,7 @@
 
 module.exports = {
   rules: {
+    'array-bracket-newline': require('./rules/array-bracket-newline'),
     'array-bracket-spacing': require('./rules/array-bracket-spacing'),
     'arrow-spacing': require('./rules/arrow-spacing'),
     'attribute-hyphenation': require('./rules/attribute-hyphenation'),
diff --git a/lib/rules/array-bracket-newline.js b/lib/rules/array-bracket-newline.js
new file mode 100644
index 000000000..c667fc7e3
--- /dev/null
+++ b/lib/rules/array-bracket-newline.js
@@ -0,0 +1,11 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('array-bracket-newline', {
+  skipDynamicArguments: true
+})
diff --git a/tests/lib/rules/array-bracket-newline.js b/tests/lib/rules/array-bracket-newline.js
new file mode 100644
index 000000000..06e1890ca
--- /dev/null
+++ b/tests/lib/rules/array-bracket-newline.js
@@ -0,0 +1,108 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/array-bracket-newline')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('array-bracket-newline', rule, {
+  valid: [
+    '<template><div :attr="[a]" /></template>',
+    '<template><div :attr="[\na,\nb,\nc\n]" /></template>',
+    {
+      code: '<template><div :attr="[a]" /></template>',
+      options: ['never']
+    },
+    {
+      code: '<template><div :attr="[\na\n]" /></template>',
+      options: ['always']
+    },
+    '<template><div :[attr]="a" /></template>',
+    {
+      code: '<template><div :[attr]="a" /></template>',
+      options: ['always']
+    },
+    '<template><div :[[attr]]="a" /></template>',
+    {
+      code: '<template><div :[[attr]]="a" /></template>',
+      options: ['always']
+    }
+  ],
+  invalid: [
+    {
+      code: '<template><div :attr="[\na]" /></template>',
+      output: '<template><div :attr="[a]" /></template>',
+      errors: ["There should be no linebreak after '['."]
+    },
+    {
+      code: '<template><div :attr="[a\n]" /></template>',
+      output: '<template><div :attr="[a]" /></template>',
+      errors: ["There should be no linebreak before ']'."]
+    },
+    {
+      code: '<template><div :attr="[\na\n]" /></template>',
+      output: '<template><div :attr="[a]" /></template>',
+      errors: [
+        "There should be no linebreak after '['.",
+        "There should be no linebreak before ']'."
+      ]
+    },
+    {
+      code: '<template><div :attr="[\na]" /></template>',
+      options: ['never'],
+      output: '<template><div :attr="[a]" /></template>',
+      errors: ["There should be no linebreak after '['."]
+    },
+    {
+      code: '<template><div :attr="[a\n]" /></template>',
+      options: ['never'],
+      output: '<template><div :attr="[a]" /></template>',
+      errors: ["There should be no linebreak before ']'."]
+    },
+    {
+      code: '<template><div :attr="[\na\n]" /></template>',
+      options: ['never'],
+      output: '<template><div :attr="[a]" /></template>',
+      errors: [
+        "There should be no linebreak after '['.",
+        "There should be no linebreak before ']'."
+      ]
+    },
+    {
+      code: '<template><div :attr="[\na]" /></template>',
+      options: ['always'],
+      output: '<template><div :attr="[\na\n]" /></template>',
+      errors: ["A linebreak is required before ']'."]
+    },
+    {
+      code: '<template><div :attr="[a\n]" /></template>',
+      options: ['always'],
+      output: '<template><div :attr="[\na\n]" /></template>',
+      errors: ["A linebreak is required after '['."]
+    },
+    {
+      code: '<template><div :attr="[a]" /></template>',
+      options: ['always'],
+      output: '<template><div :attr="[\na\n]" /></template>',
+      errors: [
+        "A linebreak is required after '['.",
+        "A linebreak is required before ']'."
+      ]
+    },
+    {
+      code: '<template><div :[[attr]]="[a]" /></template>',
+      options: ['always'],
+      output: '<template><div :[[attr]]="[\na\n]" /></template>',
+      errors: [
+        "A linebreak is required after '['.",
+        "A linebreak is required before ']'."
+      ]
+    }
+  ]
+})

From 2a3294d248e1225325d8176d0f737e6404cf3885 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:42:48 +0900
Subject: [PATCH 0205/1010] Chores: Add Types for ES2021 (#1337)

---
 .../util-types/ast/es-ast.ts                  | 88 ++++++++++---------
 1 file changed, 48 insertions(+), 40 deletions(-)

diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 035c113f4..9af1e7d06 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -351,68 +351,76 @@ export interface SequenceExpression extends HasParentNode {
   type: 'SequenceExpression'
   expressions: Expression[]
 }
+export type UnaryOperator = '-' | '+' | '!' | '~' | 'typeof' | 'void' | 'delete'
 export interface UnaryExpression extends HasParentNode {
   type: 'UnaryExpression'
-  operator: '-' | '+' | '!' | '~' | 'typeof' | 'void' | 'delete'
+  operator: UnaryOperator
   prefix: boolean
   argument: Expression
 }
+export type BinaryOperator =
+  | '=='
+  | '!='
+  | '==='
+  | '!=='
+  | '<'
+  | '<='
+  | '>'
+  | '>='
+  | '<<'
+  | '>>'
+  | '>>>'
+  | '+'
+  | '-'
+  | '*'
+  | '/'
+  | '%'
+  | '|'
+  | '^'
+  | '&'
+  | 'in'
+  | 'instanceof'
+  | '**'
 export interface BinaryExpression extends HasParentNode {
   type: 'BinaryExpression'
-  operator:
-    | '=='
-    | '!='
-    | '==='
-    | '!=='
-    | '<'
-    | '<='
-    | '>'
-    | '>='
-    | '<<'
-    | '>>'
-    | '>>>'
-    | '+'
-    | '-'
-    | '*'
-    | '/'
-    | '%'
-    | '**'
-    | '|'
-    | '^'
-    | '&'
-    | 'in'
-    | 'instanceof'
+  operator: BinaryOperator
   left: Expression
   right: Expression
 }
+export type AssignmentOperator =
+  | '='
+  | '+='
+  | '-='
+  | '*='
+  | '/='
+  | '%='
+  | '<<='
+  | '>>='
+  | '>>>='
+  | '|='
+  | '^='
+  | '&='
+  | '**='
+  | '||='
+  | '&&='
+  | '??='
 export interface AssignmentExpression extends HasParentNode {
   type: 'AssignmentExpression'
-  operator:
-    | '='
-    | '+='
-    | '-='
-    | '*='
-    | '/='
-    | '%='
-    | '**='
-    | '<<='
-    | '>>='
-    | '>>>='
-    | '|='
-    | '^='
-    | '&='
+  operator: AssignmentOperator
   left: Pattern
   right: Expression
 }
+export type UpdateOperator = '++' | '--'
 export interface UpdateExpression extends HasParentNode {
   type: 'UpdateExpression'
-  operator: '++' | '--'
+  operator: UpdateOperator
   argument: Expression
   prefix: boolean
 }
+export type LogicalOperator = '||' | '&&' | '??'
 export interface LogicalExpression extends HasParentNode {
   type: 'LogicalExpression'
-  operator: '||' | '&&' | '??'
+  operator: LogicalOperator
   left: Expression
   right: Expression
 }

From d62b8749645562e08d11382a83763b3007965a8a Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 22:45:27 +0900
Subject: [PATCH 0206/1010] 7.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7a5036484..eb2ab0254 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.0.1",
+  "version": "7.1.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 80b8983118cc08cf473642c05413bcb930c93613 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Oct 2020 23:37:57 +0900
Subject: [PATCH 0207/1010] Update doc for custom-event-name-casing (#1338)

---
 docs/rules/custom-event-name-casing.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index 2b3dfb089..6890c771e 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -49,7 +49,6 @@ export default {
 
 ## :wrench: Options
 
-
 ```json
 {
   "vue/custom-event-name-casing": ["error", {
@@ -57,11 +56,12 @@ export default {
   }]
 }
 ```
+
 - `ignores` (`string[]`) ... The event names to ignore. Sets the event name to allow. For example, custom event names, Vue components event with special name, or Vue library component event name. You can set the regexp by writing it like `"/^name/"` or `click:row` or `fooBar`.
 
 ### `"ignores": ["fooBar", "/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u"]`
 
-<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', {ignores:'/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'}]}">
+<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', { ignores: ['fooBar', '/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }]}">
 
 ```vue
 <template>
@@ -90,7 +90,6 @@ export default {
 
 </eslint-code-block>
 
-
 ## :books: Further Reading
 
 - [Guide - Custom Events]

From f1c6789d0826919d9085cea461f5465697d21797 Mon Sep 17 00:00:00 2001
From: David D Lowe <daviddlowe.flimm@gmail.com>
Date: Thu, 3 Dec 2020 01:39:10 +0100
Subject: [PATCH 0208/1010] Mention that .js files are linted as well (#1333)

---
 docs/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/README.md b/docs/README.md
index fe739cc26..e19258040 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -6,7 +6,7 @@ sidebarDepth: 0
 
 Official ESLint plugin for Vue.js.
 
-This plugin allows us to check the `<template>` and `<script>` of `.vue` files with ESLint.
+This plugin allows us to check the `<template>` and `<script>` of `.vue` files with ESLint, as well as Vue code in `.js` files.
 
 - Finds syntax errors.
 - Finds the wrong use of [Vue.js Directives](https://v3.vuejs.org/api/directives.html).

From af5c4c0afa9aea5461bc48e9a8984edb91a5cd38 Mon Sep 17 00:00:00 2001
From: Moulik Aggarwal <qwertymoulik@gmail.com>
Date: Fri, 4 Dec 2020 09:35:04 +0530
Subject: [PATCH 0209/1010] fix(eslint-plugin-vue): [valid-v-bind-sync] Added
 Case: when valid is then valid .sync (#1335)

* fix(eslint-plugin-vue): [valid-v-bind-sync] If Valid Is then .sync is Valid

Signed-off-by: Moulik Aggarwal <qwertymoulik@gmail.com>

* Formatted Document

Signed-off-by: Moulik Aggarwal <qwertymoulik@gmail.com>

* fix: [v-bind-sync] added check for :is bind attribute

Signed-off-by: Moulik Aggarwal <qwertymoulik@gmail.com>

* fix: [valid-v-bind-sync] add unit tests for `v-bind:is`

Signed-off-by: Moulik Aggarwal <qwertymoulik@gmail.com>

* Update tests/lib/rules/valid-v-bind-sync.js

* Update package.json

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 lib/rules/valid-v-bind-sync.js       | 18 +++++++++++-
 tests/lib/rules/valid-v-bind-sync.js | 42 ++++++++++++++++++++++++++++
 2 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 48452f822..d6ab658e2 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -82,6 +82,22 @@ function maybeNullObjectMemberExpression(node) {
   return false
 }
 
+function isValidIs(node) {
+  const { attributes } = node
+  const isAttribute = attributes.some((attr) => {
+    // check for `VAttribute`
+    if (attr.type === 'VAttribute') {
+      // check for `is` attribute
+      if (attr.key.type === 'VIdentifier' && attr.key.name === 'is') return true
+
+      // check for `:is` `bind` attribute
+      if (attr.key.type === 'VDirectiveKey' && attr.key.argument.name === 'is')
+        return true
+    }
+  })
+  return isAttribute
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -120,7 +136,7 @@ module.exports = {
         const element = node.parent.parent
         const name = element.name
 
-        if (!isValidElement(element)) {
+        if (!isValidElement(element) && !isValidIs(node.parent)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index dfaf161ea..6ff2c462d 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -145,6 +145,48 @@ tester.run('valid-v-bind-sync', rule, {
     {
       filename: 'empty-value.vue',
       code: '<template><MyComponent :foo.sync="" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <table>
+          <tr is="my-row"
+            :some-prop.sync="somePropValue"
+            :some-other-prop.sync="someOtherPropValue">
+            <td></td>
+          </tr>
+        </table>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <table>
+          <tr :is="my-row"
+            :some-prop.sync="somePropValue"
+            :some-other-prop.sync="someOtherPropValue">
+            <td></td>
+          </tr>
+        </table>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <table>
+          <tr v-bind:is="myRow"
+            :some-prop.sync="somePropValue"
+            :some-other-prop.sync="someOtherPropValue">
+            <td></td>
+          </tr>
+        </table>
+      </template>
+      `
     }
   ],
   invalid: [

From 6d6203fe85d58003844f84776d60816fbe591ef1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:08:44 +0900
Subject: [PATCH 0210/1010] Add casing option to vue/custom-event-name-casing
 rule & remove from configs. (#1364)

* Add casing option to vue/custom-event-name-casing rule & remove from configs.

* update
---
 docs/rules/README.md                        |  3 +-
 docs/rules/custom-event-name-casing.md      | 88 ++++++++++++++++++--
 lib/configs/essential.js                    |  1 -
 lib/configs/vue3-essential.js               |  1 -
 lib/rules/custom-event-name-casing.js       | 92 ++++++++++++++-------
 tests/lib/rules/custom-event-name-casing.js | 88 +++++++++++++++++++-
 6 files changed, 227 insertions(+), 46 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index f2d9b8476..fe113336e 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -39,7 +39,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
-| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce custom event names always use "kebab-case" |  |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
@@ -172,7 +171,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
-| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce custom event names always use "kebab-case" |  |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
@@ -290,6 +288,7 @@ For example:
 |:--------|:------------|:---|
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
+| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index 6890c771e..3a5f339cf 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -2,22 +2,30 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/custom-event-name-casing
-description: enforce custom event names always use "kebab-case"
+description: enforce specific casing for custom event name
 ---
 # vue/custom-event-name-casing
-> enforce custom event names always use "kebab-case"
+> enforce specific casing for custom event name
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+Define a style for custom event name casing for consistency purposes.
 
 ## :book: Rule Details
 
-This rule enforces using kebab-case custom event names.
+This rule aims to warn the custom event names other than the configured casing.
+
+Vue 2 recommends using kebab-case for custom event names.
 
 > Event names will never be used as variable or property names in JavaScript, so there’s no reason to use camelCase or PascalCase. Additionally, `v-on` event listeners inside DOM templates will be automatically transformed to lowercase (due to HTML’s case-insensitivity), so `v-on:myEvent` would become `v-on:myevent` – making `myEvent` impossible to listen to.
 >
 > For these reasons, we recommend you **always use kebab-case for event names**.
 
-See [Guide - Custom Events] for more details.
+See [Guide (for v2) - Custom Events] for more details.
+
+Vue 3 recommends using camelCase for custom event names.
+
+See [vuejs/docs-next#656](https://github.com/vuejs/docs-next/issues/656) for more details.
+
+This rule enforces kebab-case by default.
 
 <eslint-code-block :rules="{'vue/custom-event-name-casing': ['error']}">
 
@@ -51,14 +59,77 @@ export default {
 
 ```json
 {
-  "vue/custom-event-name-casing": ["error", {
-    "ignores": []
-  }]
+  "vue/custom-event-name-casing": ["error",
+    "kebab-case" | "camelCase",
+    {
+      "ignores": []
+    }
+  ]
 }
 ```
 
+- `"kebab-case"` (default) ... Enforce custom event names to kebab-case.
+- `"camelCase"` ... Enforce custom event names to camelCase.
 - `ignores` (`string[]`) ... The event names to ignore. Sets the event name to allow. For example, custom event names, Vue components event with special name, or Vue library component event name. You can set the regexp by writing it like `"/^name/"` or `click:row` or `fooBar`.
 
+### `"kebab-case"`
+
+<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', 'kebab-case']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button @click="$emit('my-event')" />
+
+  <!-- ✗ BAD -->
+  <button @click="$emit('myEvent')" />
+</template>
+<script>
+export default {
+  methods: {
+    onClick () {
+      /* ✓ GOOD */
+      this.$emit('my-event')
+
+      /* ✗ BAD */
+      this.$emit('myEvent')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+### `"camelCase"`
+
+<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', 'camelCase']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button @click="$emit('myEvent')" />
+
+  <!-- ✗ BAD -->
+  <button @click="$emit('my-event')" />
+</template>
+<script>
+export default {
+  methods: {
+    onClick () {
+      /* ✓ GOOD */
+      this.$emit('myEvent')
+
+      /* ✗ BAD */
+      this.$emit('my-event')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
 ### `"ignores": ["fooBar", "/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u"]`
 
 <eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', { ignores: ['fooBar', '/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }]}">
@@ -93,6 +164,7 @@ export default {
 ## :books: Further Reading
 
 - [Guide - Custom Events]
+- [Guide (for v2) - Custom Events]
 
 [Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
 [Guide (for v2) - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 7b7a58733..dca31cd2e 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -6,7 +6,6 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
-    'vue/custom-event-name-casing': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-custom-modifiers-on-v-model': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index d1e2d1768..802cb62ed 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -6,7 +6,6 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
-    'vue/custom-event-name-casing': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 7ed9335a2..39d9436e7 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -10,21 +10,15 @@
 
 const { findVariable } = require('eslint-utils')
 const utils = require('../utils')
-const { isKebabCase } = require('../utils/casing')
+const casing = require('../utils/casing')
 const { toRegExp } = require('../utils/regexp')
 
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
 
-/**
- * Check whether the given event name is valid.
- * @param {string} name The name to check.
- * @returns {boolean} `true` if the given event name is valid.
- */
-function isValidEventName(name) {
-  return isKebabCase(name) || name.startsWith('update:')
-}
+const ALLOWED_CASE_OPTIONS = ['kebab-case', 'camelCase']
+const DEFAULT_CASE = 'kebab-case'
 
 /**
  * Get the name param node from the given CallExpression
@@ -64,53 +58,87 @@ function getCalleeMemberNode(node) {
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+const OBJECT_OPTION_SCHEMA = {
+  type: 'object',
+  properties: {
+    ignores: {
+      type: 'array',
+      items: { type: 'string' },
+      uniqueItems: true,
+      additionalItems: false
+    }
+  },
+  additionalProperties: false
+}
 module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce custom event names always use "kebab-case"',
-      categories: ['vue3-essential', 'essential'],
+      description: 'enforce specific casing for custom event name',
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/custom-event-name-casing.html'
     },
     fixable: null,
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          ignores: {
-            type: 'array',
-            items: { type: 'string' },
-            uniqueItems: true,
-            additionalItems: false
-          }
+    schema: {
+      anyOf: [
+        {
+          type: 'array',
+          items: [
+            {
+              enum: ALLOWED_CASE_OPTIONS
+            },
+            OBJECT_OPTION_SCHEMA
+          ]
         },
-        additionalProperties: false
-      }
-    ],
+        // For backward compatibility
+        {
+          type: 'array',
+          items: [OBJECT_OPTION_SCHEMA]
+        }
+      ]
+    },
     messages: {
-      unexpected: "Custom event name '{{name}}' must be kebab-case."
+      unexpected: "Custom event name '{{name}}' must be {{caseType}}."
     }
   },
   /** @param {RuleContext} context */
   create(context) {
+    /** @type {Map<ObjectExpression, {contextReferenceIds:Set<Identifier>,emitReferenceIds:Set<Identifier>}>} */
     const setupContexts = new Map()
-    const options = context.options[0] || {}
+    const options =
+      context.options.length === 1 && typeof context.options[0] !== 'string'
+        ? // For backward compatibility
+          [undefined, context.options[0]]
+        : context.options
+    const caseType = options[0] || DEFAULT_CASE
+    const objectOption = options[1] || {}
+    const caseChecker = casing.getChecker(caseType)
     /** @type {RegExp[]} */
-    const ignores = (options.ignores || []).map(toRegExp)
+    const ignores = (objectOption.ignores || []).map(toRegExp)
+
+    /**
+     * Check whether the given event name is valid.
+     * @param {string} name The name to check.
+     * @returns {boolean} `true` if the given event name is valid.
+     */
+    function isValidEventName(name) {
+      return caseChecker(name) || name.startsWith('update:')
+    }
 
     /**
      * @param { Literal & { value: string } } nameLiteralNode
      */
     function verify(nameLiteralNode) {
       const name = nameLiteralNode.value
-      if (ignores.some((re) => re.test(name)) || isValidEventName(name)) {
+      if (isValidEventName(name) || ignores.some((re) => re.test(name))) {
         return
       }
       context.report({
         node: nameLiteralNode,
         messageId: 'unexpected',
         data: {
-          name
+          name,
+          caseType
         }
       })
     }
@@ -190,7 +218,10 @@ module.exports = {
             const setupContext = setupContexts.get(vueNode)
             if (setupContext) {
               const { contextReferenceIds, emitReferenceIds } = setupContext
-              if (emitReferenceIds.has(node.callee)) {
+              if (
+                node.callee.type === 'Identifier' &&
+                emitReferenceIds.has(node.callee)
+              ) {
                 // verify setup(props,{emit}) {emit()}
                 verify(nameLiteralNode)
               } else {
@@ -198,6 +229,7 @@ module.exports = {
                 if (
                   emit &&
                   emit.name === 'emit' &&
+                  emit.member.object.type === 'Identifier' &&
                   contextReferenceIds.has(emit.member.object)
                 ) {
                   // verify setup(props,context) {context.emit()}
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index ed0ba0eb5..cd857b4ce 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -191,7 +191,7 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
-      options: [{ ignores: ['fooBar', 'barBaz', 'bazQux'] }]
+      options: ['kebab-case', { ignores: ['fooBar', 'barBaz', 'bazQux'] }]
     },
     {
       filename: 'test.vue',
@@ -225,7 +225,50 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
-      options: [{ ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }]
+      options: [
+        'kebab-case',
+        { ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }
+      ]
+    },
+
+    // For backward compatibility
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('fooBar')">
+      </template>
+      `,
+      options: [{ ignores: ['fooBar'] }]
+    },
+
+    // camelCase
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('bazQux')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['camelCase']
     }
   ],
   invalid: [
@@ -361,7 +404,10 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
-      options: [{ ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }],
+      options: [
+        'kebab-case',
+        { ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }
+      ],
       errors: [
         "Custom event name 'input/update' must be kebab-case.",
         "Custom event name 'search/update' must be kebab-case.",
@@ -392,12 +438,46 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
-      options: [{ ignores: ['input:update', 'search:update', 'click:row'] }],
+      options: [
+        'kebab-case',
+        { ignores: ['input:update', 'search:update', 'click:row'] }
+      ],
       errors: [
         "Custom event name 'input/update' must be kebab-case.",
         "Custom event name 'search/update' must be kebab-case.",
         "Custom event name 'click/row' must be kebab-case."
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('foo-bar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('bar-baz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('baz-qux')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['camelCase'],
+      errors: [
+        "Custom event name 'foo-bar' must be camelCase.",
+        "Custom event name 'bar-baz' must be camelCase.",
+        "Custom event name 'baz-qux' must be camelCase."
+      ]
     }
   ]
 })

From 805b3f5fdf64349228909fd2967b3e2aa541dfda Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:09:00 +0900
Subject: [PATCH 0211/1010] Upgrade vue-eslint-parser to v7.2.0 (#1365)

---
 docs/rules/no-deprecated-filter.md      | 16 ++++++++++++++++
 docs/user-guide/README.md               | 19 +++++++++++++++++++
 package.json                            |  2 +-
 tests/lib/rules/no-deprecated-filter.js |  7 +++++++
 4 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index 13a1aa9d4..c128e5f8f 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -39,6 +39,22 @@ See [Migration Guide - Filters](https://v3.vuejs.org/guide/migration/filters.htm
 
 </eslint-code-block>
 
+:::warning
+Do not disable [`"parserOptions.vueFeatures.filter"`](https://github.com/vuejs/vue-eslint-parser#parseroptionsvuefeaturesfilter) to use this rule.
+
+```json5
+{
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "vueFeatures": {
+      "filter": false // Don't!!
+    }
+  }
+}
+```
+
+:::
+
 ### :wrench: Options
 
 Nothing.
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 552a1bdf1..f3ff5eecc 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -154,6 +154,25 @@ For example:
 
 If you want to disallow `eslint-disable` functionality in `<template>`, disable the [vue/comment-directive](../rules/comment-directive.md) rule.
 
+### Parser Options
+
+This plugin uses [vue-eslint-parser](https://www.npmjs.com/package/vue-eslint-parser).
+For `parserOptions`, you can use the `vueFeatures` options of `vue-eslint-parser`.
+
+```json
+{
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "vueFeatures": {
+      "filter": true,
+      "interpolationAsNonHTML": false,
+    }
+  }
+}
+```
+
+See the [`parserOptions.vueFeatures` documentation for `vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser#parseroptionsvuefeatures) for more details.
+
 ## :computer: Editor integrations
 
 ### Visual Studio Code
diff --git a/package.json b/package.json
index eb2ab0254..64f56d2c3 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.1.1"
+    "vue-eslint-parser": "^7.2.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
index 7d9512819..a6158ab90 100644
--- a/tests/lib/rules/no-deprecated-filter.js
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -29,6 +29,13 @@ ruleTester.run('no-deprecated-filter', rule, {
     {
       filename: 'test.vue',
       code: '<template>{{ method(msg) }}</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>{{ msg | filter }}</template>',
+      parserOptions: {
+        vueFeatures: { filter: false }
+      }
     }
   ],
 

From 0c5f2a1c50d39fdd17f9bcf87db0f2fd8543c360 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:09:27 +0900
Subject: [PATCH 0212/1010] Fix false positives when using v-for variable for
 v-slot in `vue/valid-v-slot` rule (#1366)

---
 lib/rules/valid-v-slot.js       | 138 +++++++++++++++++++++++++++++---
 tests/lib/rules/valid-v-slot.js |  61 ++++++++++++++
 2 files changed, 187 insertions(+), 12 deletions(-)

diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 07025f5e7..f5ff3a0e7 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -6,6 +6,10 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef { { expr: VForExpression, variables: VVariable[] } } VSlotVForVariables
+ */
+
 /**
  * Get all `v-slot` directives on a given element.
  * @param {VElement} node The VElement node to check.
@@ -93,27 +97,128 @@ function getNormalizedName(node, sourceCode) {
  * Get all `v-slot` directives which are distributed to the same slot as a given `v-slot` directive node.
  * @param {VDirective[][]} vSlotGroups The result of `getAllNamedSlotElements()`.
  * @param {VDirective} currentVSlot The current `v-slot` directive node.
+ * @param {VSlotVForVariables | null} currentVSlotVForVars The current `v-for` variables.
  * @param {SourceCode} sourceCode The source code.
+ * @param {ParserServices.TokenStore} tokenStore The token store.
  * @returns {VDirective[][]} The array of the group of `v-slot` directives.
  */
-function filterSameSlot(vSlotGroups, currentVSlot, sourceCode) {
+function filterSameSlot(
+  vSlotGroups,
+  currentVSlot,
+  currentVSlotVForVars,
+  sourceCode,
+  tokenStore
+) {
   const currentName = getNormalizedName(currentVSlot, sourceCode)
   return vSlotGroups
     .map((vSlots) =>
-      vSlots.filter(
-        (vSlot) => getNormalizedName(vSlot, sourceCode) === currentName
-      )
+      vSlots.filter((vSlot) => {
+        if (getNormalizedName(vSlot, sourceCode) !== currentName) {
+          return false
+        }
+        const vForExpr = getVSlotVForVariableIfUsingIterationVars(
+          vSlot,
+          utils.getDirective(vSlot.parent.parent, 'for')
+        )
+        if (!currentVSlotVForVars || !vForExpr) {
+          return !currentVSlotVForVars && !vForExpr
+        }
+        if (
+          !equalVSlotVForVariables(currentVSlotVForVars, vForExpr, tokenStore)
+        ) {
+          return false
+        }
+        //
+        return true
+      })
     )
     .filter((slots) => slots.length >= 1)
 }
 
 /**
- * Check whether a given argument node is using an iteration variable that the element defined.
+ * Determines whether the two given `v-slot` variables are considered to be equal.
+ * @param {VSlotVForVariables} a First element.
+ * @param {VSlotVForVariables} b Second element.
+ * @param {ParserServices.TokenStore} tokenStore The token store.
+ * @returns {boolean} `true` if the elements are considered to be equal.
+ */
+function equalVSlotVForVariables(a, b, tokenStore) {
+  if (a.variables.length !== b.variables.length) {
+    return false
+  }
+  if (!equal(a.expr.right, b.expr.right)) {
+    return false
+  }
+
+  const checkedVarNames = new Set()
+  const len = Math.min(a.expr.left.length, b.expr.left.length)
+  for (let index = 0; index < len; index++) {
+    const aPtn = a.expr.left[index]
+    const bPtn = b.expr.left[index]
+
+    const aVar = a.variables.find(
+      (v) => aPtn.range[0] <= v.id.range[0] && v.id.range[1] <= aPtn.range[1]
+    )
+    const bVar = b.variables.find(
+      (v) => bPtn.range[0] <= v.id.range[0] && v.id.range[1] <= bPtn.range[1]
+    )
+    if (aVar && bVar) {
+      if (aVar.id.name !== bVar.id.name) {
+        return false
+      }
+      if (!equal(aPtn, bPtn)) {
+        return false
+      }
+      checkedVarNames.add(aVar.id.name)
+    } else if (aVar || bVar) {
+      return false
+    }
+  }
+  for (const v of a.variables) {
+    if (!checkedVarNames.has(v.id.name)) {
+      if (b.variables.every((bv) => v.id.name !== bv.id.name)) {
+        return false
+      }
+    }
+  }
+  return true
+
+  /**
+   * Determines whether the two given nodes are considered to be equal.
+   * @param {ASTNode} a First node.
+   * @param {ASTNode} b Second node.
+   * @returns {boolean} `true` if the nodes are considered to be equal.
+   */
+  function equal(a, b) {
+    if (a.type !== b.type) {
+      return false
+    }
+    return utils.equalTokens(a, b, tokenStore)
+  }
+}
+
+/**
+ * Gets the `v-for` directive and variable that provide the variables used by the given` v-slot` directive.
+ * @param {VDirective} vSlot The current `v-slot` directive node.
+ * @param {VDirective | null} [vFor] The current `v-for` directive node.
+ * @returns { VSlotVForVariables | null } The VSlotVForVariable.
+ */
+function getVSlotVForVariableIfUsingIterationVars(vSlot, vFor) {
+  const expr =
+    vFor && vFor.value && /** @type {VForExpression} */ (vFor.value.expression)
+  const variables =
+    expr && getUsingIterationVars(vSlot.key.argument, vSlot.parent.parent)
+  return expr && variables && variables.length ? { expr, variables } : null
+}
+
+/**
+ * Gets iterative variables if a given argument node is using iterative variables that the element defined.
  * @param {VExpressionContainer|VIdentifier|null} argument The argument node to check.
  * @param {VElement} element The element node which has the argument.
- * @returns {boolean} `true` if the argument node is using the iteration variable.
+ * @returns {VVariable[]} The argument node is using iteration variables.
  */
-function isUsingIterationVar(argument, element) {
+function getUsingIterationVars(argument, element) {
+  const vars = []
   if (argument && argument.type === 'VExpressionContainer') {
     for (const { variable } of argument.references) {
       if (
@@ -122,11 +227,11 @@ function isUsingIterationVar(argument, element) {
         variable.id.range[0] > element.startTag.range[0] &&
         variable.id.range[1] < element.startTag.range[1]
       ) {
-        return true
+        vars.push(variable)
       }
     }
   }
-  return false
+  return vars
 }
 
 /**
@@ -206,6 +311,9 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.getSourceCode()
+    const tokenStore =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
     const options = context.options[0] || {}
     const allowModifiers = options.allowModifiers === true
 
@@ -256,12 +364,18 @@ module.exports = {
           })
         }
         if (ownerElement === parentElement) {
+          const vFor = utils.getDirective(element, 'for')
+          const vSlotVForVar = getVSlotVForVariableIfUsingIterationVars(
+            node,
+            vFor
+          )
           const vSlotGroupsOfSameSlot = filterSameSlot(
             vSlotGroupsOnChildren,
             node,
-            sourceCode
+            vSlotVForVar,
+            sourceCode,
+            tokenStore
           )
-          const vFor = utils.getDirective(element, 'for')
           if (
             vSlotGroupsOfSameSlot.length >= 2 &&
             !vSlotGroupsOfSameSlot[0].includes(node)
@@ -273,7 +387,7 @@ module.exports = {
               messageId: 'disallowDuplicateSlotsOnChildren'
             })
           }
-          if (vFor && !isUsingIterationVar(node.key.argument, element)) {
+          if (vFor && !vSlotVForVar) {
             // E.g., <template v-for="x of xs" #one></template>
             context.report({
               node,
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index 08b55224d..dfcb0eb75 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -84,6 +84,30 @@ tester.run('valid-v-slot', rule, {
         <template v-for="(key, value) in xxxx" #[key]>{{value}}</template>
       </MyComponent>
     </template>`,
+    `<template>
+      <MyComponent>
+        <template v-for="(key, value) in xxxx" #[key]>{{value}}</template>
+        <template v-for="(key, value) in yyyy" #[key]>{{value}}</template>
+      </MyComponent>
+    </template>`,
+    `<template>
+      <MyComponent>
+        <template #[key]>{{value}}</template>
+        <template v-for="(key, value) in yyyy" #[key]>{{value}}</template>
+      </MyComponent>
+    </template>`,
+    `<template>
+      <MyComponent>
+        <template v-for="(value, key) in xxxx" #[key]>{{value}}</template>
+        <template v-for="(key, value) in xxxx" #[key]>{{value}}</template>
+      </MyComponent>
+    </template>`,
+    `<template>
+      <MyComponent>
+        <template v-for="(key) in xxxx" #[key+value]>{{value}}</template>
+        <template v-for="(key, value) in xxxx" #[key+value]>{{value}}</template>
+      </MyComponent>
+    </template>`,
     {
       code: `
         <template>
@@ -282,6 +306,43 @@ tester.run('valid-v-slot', rule, {
       `,
       errors: [{ messageId: 'disallowDuplicateSlotsOnChildren' }]
     },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-for="(key, value) in xxxx" v-slot:key>{{value}}</template>
+            <template v-for="(key, value) in yyyy" v-slot:key>{{value}}</template>
+          </MyComponent>
+        </template>
+      `,
+      errors: [
+        { messageId: 'disallowDuplicateSlotsOnChildren' },
+        { messageId: 'disallowDuplicateSlotsOnChildren' },
+        { messageId: 'disallowDuplicateSlotsOnChildren' }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-for="(key, value) in xxxx" v-slot:[key]>{{value}}</template>
+            <template v-for="(key, value) in xxxx" v-slot:[key]>{{value}}</template>
+          </MyComponent>
+        </template>
+      `,
+      errors: [{ messageId: 'disallowDuplicateSlotsOnChildren' }]
+    },
+    {
+      code: `
+        <template>
+          <MyComponent>
+            <template v-for="(key) in xxxx" v-slot:[key]>{{value}}</template>
+            <template v-for="(key, value) in xxxx" v-slot:[key]>{{value}}</template>
+          </MyComponent>
+        </template>
+      `,
+      errors: [{ messageId: 'disallowDuplicateSlotsOnChildren' }]
+    },
     {
       code: `
         <template>

From 3f2b669799a2f53b1c7145fe13a860ee1c8f15d0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:10:06 +0900
Subject: [PATCH 0213/1010] Fix false positives when using <svg> in
 `vue/valid-v-slot` and `vue/valid-v-model` rule (#1367)

---
 lib/rules/require-toggle-inside-transition.js | 23 ------------------
 lib/rules/valid-v-bind-sync.js                | 24 ++-----------------
 lib/utils/index.js                            |  2 ++
 tests/lib/rules/valid-v-bind-sync.js          | 12 ++++++++++
 tests/lib/rules/valid-v-model.js              |  9 +++++++
 tests/lib/rules/valid-v-slot.js               | 11 +++++++++
 6 files changed, 36 insertions(+), 45 deletions(-)

diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index 93a074f2b..12b77d741 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -10,26 +10,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Check whether the given node is an well-known element or not.
- * @param {VElement} node The element node to check.
- * @returns {boolean} `true` if the name is an well-known element name.
- */
-function isWellKnownElement(node) {
-  if (
-    (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-    utils.isHtmlWellKnownElementName(node.rawName) ||
-    utils.isSvgWellKnownElementName(node.rawName)
-  ) {
-    return true
-  }
-  return false
-}
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -61,9 +41,6 @@ module.exports = {
       if (utils.isCustomComponent(element)) {
         return
       }
-      if (!isWellKnownElement(element)) {
-        return
-      }
       if (
         !utils.hasDirective(element, 'if') &&
         !utils.hasDirective(element, 'show')
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index d6ab658e2..945ab0a77 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -20,11 +20,7 @@ const utils = require('../utils')
  * @returns {boolean} `true` if the node is valid.
  */
 function isValidElement(node) {
-  if (
-    (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-    utils.isHtmlWellKnownElementName(node.rawName) ||
-    utils.isSvgWellKnownElementName(node.rawName)
-  ) {
+  if (!utils.isCustomComponent(node)) {
     // non Vue-component
     return false
   }
@@ -82,22 +78,6 @@ function maybeNullObjectMemberExpression(node) {
   return false
 }
 
-function isValidIs(node) {
-  const { attributes } = node
-  const isAttribute = attributes.some((attr) => {
-    // check for `VAttribute`
-    if (attr.type === 'VAttribute') {
-      // check for `is` attribute
-      if (attr.key.type === 'VIdentifier' && attr.key.name === 'is') return true
-
-      // check for `:is` `bind` attribute
-      if (attr.key.type === 'VDirectiveKey' && attr.key.argument.name === 'is')
-        return true
-    }
-  })
-  return isAttribute
-}
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -136,7 +116,7 @@ module.exports = {
         const element = node.parent.parent
         const name = element.name
 
-        if (!isValidElement(element) && !isValidIs(node.parent)) {
+        if (!isValidElement(element)) {
           context.report({
             node,
             loc: node.loc,
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 24b9a1bbf..793d34403 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -590,6 +590,8 @@ module.exports = {
     return (
       (this.isHtmlElementNode(node) &&
         !this.isHtmlWellKnownElementName(node.rawName)) ||
+      (this.isSvgElementNode(node) &&
+        !this.isSvgWellKnownElementName(node.rawName)) ||
       this.hasAttribute(node, 'is') ||
       this.hasDirective(node, 'bind', 'is') ||
       this.hasDirective(node, 'is')
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index 6ff2c462d..763ae582d 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -428,6 +428,18 @@ tester.run('valid-v-bind-sync', rule, {
       filename: 'test.vue',
       code: '<template><MyComponent :foo.sync="(a?.b).c.d" /></template>',
       errors: ["'.sync' modifier has potential null object property access."]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><tr v-on:is="myRow" :some-prop.sync="somePropValue"></template>',
+      errors: ["'.sync' modifiers aren't supported on <tr> non Vue-components."]
+    },
+    {
+      filename: 'test.vue',
+      code:
+        '<template><tr v-bind="myRow" :some-prop.sync="somePropValue"></template>',
+      errors: ["'.sync' modifiers aren't supported on <tr> non Vue-components."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 2369fe4df..8c3e384a3 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -151,6 +151,15 @@ tester.run('valid-v-model', rule, {
       code:
         '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
     },
+    // svg
+    {
+      code: `
+      <template>
+        <svg>
+          <MyComponent v-model="slotProps"></MyComponent>
+        </svg>
+      </template>`
+    },
     // parsing error
     {
       filename: 'parsing-error.vue',
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index dfcb0eb75..99dc4b39b 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -131,6 +131,17 @@ tester.run('valid-v-slot', rule, {
       `,
       options: [{ allowModifiers: true }]
     },
+    // svg
+    {
+      code: `
+      <template>
+        <svg>
+          <MyComponent v-slot="slotProps">
+            <MyChildComponent :thing="slotProps.thing" />
+          </MyComponent>
+        </svg>
+      </template>`
+    },
     // parsing error
     {
       filename: 'parsing-error.vue',

From b73d7c5ec4df1156b5b8038e9103f055c15f33ed Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:10:34 +0900
Subject: [PATCH 0214/1010] Fix false negatives when using handler property in
 `vue/no-arrow-functions-in-watch` rule (#1368)

---
 lib/rules/no-arrow-functions-in-watch.js      | 20 +++++----
 lib/rules/no-unused-properties.js             | 33 ++++++--------
 lib/utils/index.js                            | 30 +++++++++++++
 .../lib/rules/no-arrow-functions-in-watch.js  | 45 +++++++++++++++++++
 tests/lib/rules/no-unused-properties.js       | 25 ++++++++++-
 5 files changed, 124 insertions(+), 29 deletions(-)

diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
index 77bb6787e..ca83a16a6 100644
--- a/lib/rules/no-arrow-functions-in-watch.js
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -28,14 +28,18 @@ module.exports = {
         return
       }
       for (const property of watchValue.properties) {
-        if (
-          property.type === 'Property' &&
-          property.value.type === 'ArrowFunctionExpression'
-        ) {
-          context.report({
-            node: property,
-            message: 'You should not use an arrow function to define a watcher.'
-          })
+        if (property.type !== 'Property') {
+          continue
+        }
+
+        for (const handler of utils.iterateWatchHandlerValues(property)) {
+          if (handler.type === 'ArrowFunctionExpression') {
+            context.report({
+              node: handler,
+              message:
+                'You should not use an arrow function to define a watcher.'
+            })
+          }
         }
       }
     })
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 75b56a4ef..a405c8e60 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -634,24 +634,17 @@ module.exports = {
             if (watcher.type === 'object') {
               const property = watcher.property
               if (property.kind === 'init') {
-                /** @type {Expression | null} */
-                let handlerValueNode = null
-                if (property.value.type === 'ObjectExpression') {
-                  const handler = utils.findProperty(property.value, 'handler')
-                  if (handler) {
-                    handlerValueNode = handler.value
-                  }
-                } else {
-                  handlerValueNode = property.value
-                }
-                if (
-                  handlerValueNode &&
-                  (handlerValueNode.type === 'Literal' ||
-                    handlerValueNode.type === 'TemplateLiteral')
-                ) {
-                  const name = utils.getStringLiteralValue(handlerValueNode)
-                  if (name != null) {
-                    watcherUsedProperties.add(name)
+                for (const handlerValueNode of utils.iterateWatchHandlerValues(
+                  property
+                )) {
+                  if (
+                    handlerValueNode.type === 'Literal' ||
+                    handlerValueNode.type === 'TemplateLiteral'
+                  ) {
+                    const name = utils.getStringLiteralValue(handlerValueNode)
+                    if (name != null) {
+                      watcherUsedProperties.add(name)
+                    }
                   }
                 }
               }
@@ -699,11 +692,11 @@ module.exports = {
                 if (
                   utils.getStaticPropertyName(parentParentProperty) !==
                     'computed' ||
-                  utils.getStaticPropertyName(property) !== 'handler'
+                  utils.getStaticPropertyName(property) !== 'get'
                 ) {
                   return
                 }
-                // check { computed: { foo: { handler: (vm) => vm.prop } } }
+                // check { computed: { foo: { get: () => vm.prop } } }
               } else {
                 return
               }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 793d34403..3df90418a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1476,6 +1476,13 @@ module.exports = {
     }
   },
 
+  /**
+   * Return generator with the all handler nodes defined in the given watcher property.
+   * @param {Property|Expression} property
+   * @returns {IterableIterator<Expression>}
+   */
+  iterateWatchHandlerValues,
+
   /**
    * Wraps composition API trace map in both 'vue' and '@vue/composition-api' imports
    * @param {import('eslint-utils').TYPES.TraceMap} map
@@ -1990,3 +1997,26 @@ function getComponentComments(context) {
   componentComments.set(context, tokens)
   return tokens
 }
+
+/**
+ * Return generator with the all handler nodes defined in the given watcher property.
+ * @param {Property|Expression} property
+ * @returns {IterableIterator<Expression>}
+ */
+function* iterateWatchHandlerValues(property) {
+  const value = property.type === 'Property' ? property.value : property
+  if (value.type === 'ObjectExpression') {
+    const handler = findProperty(value, 'handler')
+    if (handler) {
+      yield handler.value
+    }
+  } else if (value.type === 'ArrayExpression') {
+    for (const element of value.elements.filter(isDef)) {
+      if (element.type !== 'SpreadElement') {
+        yield* iterateWatchHandlerValues(element)
+      }
+    }
+  } else {
+    yield value
+  }
+}
diff --git a/tests/lib/rules/no-arrow-functions-in-watch.js b/tests/lib/rules/no-arrow-functions-in-watch.js
index b98179a3b..0e137c193 100644
--- a/tests/lib/rules/no-arrow-functions-in-watch.js
+++ b/tests/lib/rules/no-arrow-functions-in-watch.js
@@ -218,6 +218,51 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
           line: 15
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        watch: {
+          foo:{
+            handler: function() {},
+          },
+          bar:{
+            handler: () => {}
+          }
+        }
+      }`,
+      errors: [
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        watch: {
+          e: [
+            'handle1',
+            (val, oldVal) => { /* ... */ },
+            {
+              handler: (val, oldVal) => { /* ... */ },
+            }
+          ],
+        }
+      }`,
+      errors: [
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 6
+        },
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 8
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 78e15c4f8..1419add66 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -263,6 +263,29 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['foo'],
+            watch: {
+              foo: [
+                'bar',
+                {
+                  handler: 'baz'
+                }
+              ],
+            },
+            methods: {
+              bar () {},
+              baz () {},
+            }
+          };
+        </script>
+      `,
+      options: allOptions
+    },
 
     // data used as a template identifier
     {
@@ -1114,7 +1137,7 @@ tester.run('no-unused-properties', rule, {
           props: ['x'],
           computed: {
             y: {
-              handler: (vm) => vm.x * 2
+              get: () => this.x * 2
             }
           }
         };

From d9f72a597520e606635dbfcc6967178b160b0a81 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:10:59 +0900
Subject: [PATCH 0215/1010] Fix false positives for methods whose arguments
 should not be changed in the `vue/v-on-function-call` rule. (#1369)

---
 lib/rules/v-on-function-call.js       | 173 ++++++++++++++++----------
 tests/lib/rules/v-on-function-call.js | 103 ++++++++++++++-
 2 files changed, 207 insertions(+), 69 deletions(-)

diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index 4befe9f8c..90da5ed43 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -9,6 +9,10 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef { import('../utils').ComponentPropertyData } ComponentPropertyData
+ */
+
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
@@ -96,77 +100,110 @@ module.exports = {
       return expression
     }
 
-    return utils.defineTemplateBodyVisitor(context, {
-      ...(always
-        ? {
-            /** @param {Identifier} node */
-            "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
-              node
-            ) {
-              context.report({
-                node,
-                message:
-                  "Method calls inside of 'v-on' directives must have parentheses."
-              })
+    if (always) {
+      return utils.defineTemplateBodyVisitor(context, {
+        /** @param {Identifier} node */
+        "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
+          node
+        ) {
+          context.report({
+            node,
+            message:
+              "Method calls inside of 'v-on' directives must have parentheses."
+          })
+        }
+      })
+    }
+
+    const option = context.options[1] || {}
+    const ignoreIncludesComment = !!option.ignoreIncludesComment
+    /** @type {Set<string>} */
+    const useArgsMethods = new Set()
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        /** @param {VOnExpression} node */
+        "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression"(
+          node
+        ) {
+          const expression = getInvalidNeverCallExpression(node)
+          if (!expression) {
+            return
+          }
+
+          const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+          const tokens = tokenStore.getTokens(node.parent, {
+            includeComments: true
+          })
+          /** @type {Token | undefined} */
+          let leftQuote
+          /** @type {Token | undefined} */
+          let rightQuote
+          if (isQuote(tokens[0])) {
+            leftQuote = tokens.shift()
+            rightQuote = tokens.pop()
+          }
+
+          const hasComment = tokens.some(
+            (token) => token.type === 'Block' || token.type === 'Line'
+          )
+
+          if (ignoreIncludesComment && hasComment) {
+            return
+          }
+
+          if (expression.callee.type === 'Identifier') {
+            if (useArgsMethods.has(expression.callee.name)) {
+              // The behavior of target method can change given the arguments.
+              return
             }
           }
-        : {
-            /** @param {VOnExpression} node */
-            "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression"(
-              node
+
+          context.report({
+            node: expression,
+            message:
+              "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+            fix: hasComment
+              ? null /* The comment is included and cannot be fixed. */
+              : (fixer) => {
+                  /** @type {Range} */
+                  const range =
+                    leftQuote && rightQuote
+                      ? [leftQuote.range[1], rightQuote.range[0]]
+                      : [tokens[0].range[0], tokens[tokens.length - 1].range[1]]
+
+                  return fixer.replaceTextRange(
+                    range,
+                    context.getSourceCode().getText(expression.callee)
+                  )
+                }
+          })
+        }
+      },
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          for (const method of utils.iterateProperties(
+            node,
+            new Set(['methods'])
+          )) {
+            if (useArgsMethods.has(method.name)) {
+              continue
+            }
+            if (method.type !== 'object') {
+              continue
+            }
+            const value = method.property.value
+            if (
+              (value.type === 'FunctionExpression' ||
+                value.type === 'ArrowFunctionExpression') &&
+              value.params.length > 0
             ) {
-              const expression = getInvalidNeverCallExpression(node)
-              if (!expression) {
-                return
-              }
-              const option = context.options[1] || {}
-              const ignoreIncludesComment = !!option.ignoreIncludesComment
-
-              const tokenStore = context.parserServices.getTemplateBodyTokenStore()
-              const tokens = tokenStore.getTokens(node.parent, {
-                includeComments: true
-              })
-              /** @type {Token | undefined} */
-              let leftQuote
-              /** @type {Token | undefined} */
-              let rightQuote
-              if (isQuote(tokens[0])) {
-                leftQuote = tokens.shift()
-                rightQuote = tokens.pop()
-              }
-
-              const hasComment = tokens.some(
-                (token) => token.type === 'Block' || token.type === 'Line'
-              )
-
-              if (ignoreIncludesComment && hasComment) {
-                return
-              }
-
-              context.report({
-                node: expression,
-                message:
-                  "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-                fix: hasComment
-                  ? null /* The comment is included and cannot be fixed. */
-                  : (fixer) => {
-                      /** @type {Range} */
-                      const range =
-                        leftQuote && rightQuote
-                          ? [leftQuote.range[1], rightQuote.range[0]]
-                          : [
-                              tokens[0].range[0],
-                              tokens[tokens.length - 1].range[1]
-                            ]
-
-                      return fixer.replaceTextRange(
-                        range,
-                        context.getSourceCode().getText(expression.callee)
-                      )
-                    }
-              })
+              useArgsMethods.add(method.name)
             }
-          })
-    })
+          }
+        }
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index 2dee605d0..cca7834da 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -16,7 +16,7 @@ const rule = require('../../../lib/rules/v-on-function-call')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
 tester.run('v-on-function-call', rule, {
@@ -111,6 +111,57 @@ tester.run('v-on-function-call', rule, {
       filename: 'test.vue',
       code: '<template><div @click="foo?.()"></div></template>',
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><div @click="foo()" /></template>
+      <script>
+      export default {
+        methods: {
+          foo(a) {}
+        }
+      }
+      </script>`,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="foo()" />
+        <div @click="bar()" />
+        <div @click="baz()" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo(a,b) {},
+          bar(...a) {},
+          baz(a = 42) {},
+        }
+      }
+      </script>`,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="foo()" />
+        <div @click="bar()" />
+        <div @click="baz()" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo: (a,b) => {},
+          bar: (...a) => {},
+          baz: (a = 42) => {},
+        }
+      }
+      </script>`,
+      options: ['never']
     }
   ],
   invalid: [
@@ -255,6 +306,56 @@ tester.run('v-on-function-call', rule, {
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
       ],
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><div @click="foo()" /></template>
+      <script>
+      export default {
+        methods: {
+          foo() {}
+        }
+      }
+      </script>`,
+      output: `
+      <template><div @click="foo" /></template>
+      <script>
+      export default {
+        methods: {
+          foo() {}
+        }
+      }
+      </script>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><div @click="foo()" /></template>
+      <script>
+      export default {
+        methods: {
+          foo: () => {}
+        }
+      }
+      </script>`,
+      output: `
+      <template><div @click="foo" /></template>
+      <script>
+      export default {
+        methods: {
+          foo: () => {}
+        }
+      }
+      </script>`,
+      errors: [
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+      ],
+      options: ['never']
     }
   ]
 })

From 1f355c9932f35bb8f42403ec4657f0371690ad7a Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 4 Dec 2020 13:16:26 +0900
Subject: [PATCH 0216/1010] 7.2.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 64f56d2c3..cac69b2e2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.1.0",
+  "version": "7.2.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 4a141ce3d7045b0422273421f347c95ea766d3c4 Mon Sep 17 00:00:00 2001
From: Romain Lamothe <benzen@hotmail.fr>
Date: Wed, 9 Dec 2020 12:46:39 +0100
Subject: [PATCH 0217/1010] fix broken link (#1372)

---
 docs/user-guide/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index f3ff5eecc..2457534fc 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -193,7 +193,7 @@ Example **.vscode/settings.json**:
 }
 ```
 
-If you use the `Vetur` plugin, set `"vetur.validation.template": false` to avoid default Vetur template validation. Check out [vetur documentation](https://vuejs.github.io/vetur/linting-error.html) for more info.
+If you use the `Vetur` plugin, set `"vetur.validation.template": false` to avoid default Vetur template validation. Check out [vetur documentation](https://vuejs.github.io/vetur/guide/linting-error.html#linting) for more info.
 
 ### Sublime Text
 

From 95fd13f4a811c97e143fcf23c930cc2ddf6612f6 Mon Sep 17 00:00:00 2001
From: IWANABETHATGUY <974153916@qq.com>
Date: Wed, 16 Dec 2020 11:19:32 +0800
Subject: [PATCH 0218/1010] New Add `vue/new-line-between-multiline-property`
 rule (#1080)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: init commit

* feat: add test, make rule configurable

* docs: update doc📖

* chore: update version

* lint fix

* test: 💍 add test case

* test: 💍 fix report when multi-line-property in callExpression

* test: 💍 fix test in change request

* test: 💍 js doc

* test: 💍 Vue.component()

* docs: ✏️ docs

* fix: 🐛 using sourceCode api

* fix: 🐛 using getTokenBewteen instead of getAlltoken

* fix: 🐛 lint error
---
 docs/.vuepress/public/favicon.png             | Bin 3451 -> 3450 bytes
 docs/rules/README.md                          |   1 +
 .../new-line-between-multi-line-property.md   |  93 +++
 lib/configs/no-layout-rules.js                |   1 +
 lib/index.js                                  |   1 +
 .../new-line-between-multi-line-property.js   | 117 ++++
 .../new-line-between-multi-line-property.js   | 624 ++++++++++++++++++
 7 files changed, 837 insertions(+)
 create mode 100644 docs/rules/new-line-between-multi-line-property.md
 create mode 100644 lib/rules/new-line-between-multi-line-property.js
 create mode 100644 tests/lib/rules/new-line-between-multi-line-property.js

diff --git a/docs/.vuepress/public/favicon.png b/docs/.vuepress/public/favicon.png
index 60e17006ad07cd313788585e2f5e528fbb7cf821..6378563a04ef6375c2de7b7b02c15e724bf47e60 100644
GIT binary patch
delta 13
Ucmew@^-GGSGr-S%BWoEi04HSx)c^nh

delta 14
Vcmew*^;?RyGr-TCcOy#~F90h?1mXYy

diff --git a/docs/rules/README.md b/docs/rules/README.md
index fe113336e..4450e76b8 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -293,6 +293,7 @@ For example:
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
+| [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
new file mode 100644
index 000000000..afa1856d8
--- /dev/null
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -0,0 +1,93 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/new-line-between-multi-line-property
+description: enforce new lines between multi-line properties in Vue components
+---
+# vue/new-line-between-multi-line-property
+> enforce new lines between multi-line properties in Vue components
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims at enforcing new lines between multi-line properties in Vue components to help readability
+
+Examples of **incorrect** code for this rule:
+
+<eslint-code-block fix :rules="{'vue/new-line-between-multi-line-property': ['error']}">
+
+```vue
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true
+    },
+    focused: {
+      type: Boolean,
+      default: false,
+      required: true
+    },
+
+    label: String,
+    icon: String
+  },
+  computed: {
+
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+
+Examples of **correct** code for this rule:
+
+<eslint-code-block fix :rules="{'vue/new-line-between-multi-line-property': ['error']}">
+
+```vue
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true
+    },
+
+    focused: {
+      type: Boolean,
+      default: false,
+      required: true
+    },
+
+    label: String,
+    icon: String
+  },
+
+  computed: {
+    
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Option
+```json
+{
+  "vue/new-line-between-multiline-property": ["error", {
+    "minLineOfMultilineProperty": 2
+  }]
+}
+```
+- `minLineOfMultilineProperty` ... `type: number`, Define the minimum number of rows for a multi-line property  .`type:` number, `default:` 2 , `min:`: 2
+## :books: Further Reading
+Nothing here
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/new-line-between-multi-line-property.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/new-line-between-multi-line-property.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 59c56af89..b7d33e0c1 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -30,6 +30,7 @@ module.exports = {
     'vue/max-len': 'off',
     'vue/multiline-html-element-content-newline': 'off',
     'vue/mustache-interpolation-spacing': 'off',
+    'vue/new-line-between-multi-line-property': 'off',
     'vue/no-extra-parens': 'off',
     'vue/no-multi-spaces': 'off',
     'vue/no-spaces-around-equal-signs-in-attribute': 'off',
diff --git a/lib/index.js b/lib/index.js
index 7755e9f1e..aef4beaf0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -47,6 +47,7 @@ module.exports = {
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
     'name-property-casing': require('./rules/name-property-casing'),
+    'new-line-between-multi-line-property': require('./rules/new-line-between-multi-line-property'),
     'no-arrow-functions-in-watch': require('./rules/no-arrow-functions-in-watch'),
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-bare-strings-in-template': require('./rules/no-bare-strings-in-template'),
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
new file mode 100644
index 000000000..cdea8ea02
--- /dev/null
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -0,0 +1,117 @@
+/**
+ * @fileoverview Enforce new lines between multi-line properties in Vue components.
+ * @author IWANABETHATGUY
+ */
+'use strict'
+
+const utils = require('../utils')
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+// @ts-ignore
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description:
+        'enforce new lines between multi-line properties in Vue components',
+      categories: undefined,
+      url:
+        'https://eslint.vuejs.org/rules/new-line-between-multi-line-property.html'
+    },
+    fixable: 'whitespace', // or "code" or "whitespace"
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          // number of line you want to insert after multi-line property
+          minLineOfMultilineProperty: {
+            type: 'number',
+            minimum: 2
+          }
+        }
+      }
+    ]
+  },
+
+  /** @param {RuleContext} context */
+  create(context) {
+    // always insert one line
+    const insertLine = 1
+
+    let minLineOfMultilineProperty = 2
+    if (
+      context.options &&
+      context.options[0] &&
+      context.options[0].minLineOfMultilineProperty
+    ) {
+      minLineOfMultilineProperty = context.options[0].minLineOfMultilineProperty
+    }
+
+    /** @type {any[]} */
+    const callStack = []
+    const sourceCode = context.getSourceCode()
+    return Object.assign(
+      utils.defineVueVisitor(context, {
+        CallExpression(node) {
+          callStack.push(node)
+        },
+        'CallExpression:exit'() {
+          callStack.pop()
+        },
+
+        /**
+         * @param {ObjectExpression} node
+         */
+        ObjectExpression(node) {
+          if (callStack.length) {
+            return
+          }
+          const properties = node.properties
+          for (let i = 1; i < properties.length; i++) {
+            const cur = properties[i]
+            const pre = properties[i - 1]
+
+            const leadingComments = sourceCode
+              .getTokensBetween(pre, cur, { includeComments: true })
+              .filter((token) => ['Line', 'Block'].includes(token.type))
+            const lineCountOfPreProperty =
+              pre.loc.end.line - pre.loc.start.line + 1
+            let curStartLine = cur.loc.start.line
+            if (leadingComments.length) {
+              curStartLine = leadingComments[0].loc.start.line
+            }
+            const lineCountBetweenCurAndPreProperty =
+              curStartLine - pre.loc.end.line - 1
+            if (
+              lineCountOfPreProperty >= minLineOfMultilineProperty &&
+              lineCountBetweenCurAndPreProperty < insertLine
+            ) {
+              context.report({
+                node: pre,
+                loc: pre.loc,
+                message:
+                  'Enforce new lines between multi-line properties in Vue components.',
+                // @ts-ignore
+                fix(fixer) {
+                  let firstPositionOfLine = cur.range[0] - cur.loc.start.column
+                  if (leadingComments.length) {
+                    const firstComment = leadingComments[0]
+                    firstPositionOfLine =
+                      firstComment.range[0] - firstComment.loc.start.column
+                  }
+                  // this action equal to insert number of line before node
+                  return fixer.insertTextAfterRange(
+                    [firstPositionOfLine, firstPositionOfLine],
+                    '\n'
+                    // to avoid conflict with no-multiple-empty-lines, only insert one newline
+                  )
+                }
+              })
+            }
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/new-line-between-multi-line-property.js b/tests/lib/rules/new-line-between-multi-line-property.js
new file mode 100644
index 000000000..740654f1a
--- /dev/null
+++ b/tests/lib/rules/new-line-between-multi-line-property.js
@@ -0,0 +1,624 @@
+/**
+ * @fileoverview Enforce new lines between multi-line properties in Vue components.
+ * @author IWANABETHATGUY
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/new-line-between-multi-line-property')
+const RuleTester = require('eslint').RuleTester
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+ruleTester.run('new-line-between-multi-line-property', rule, {
+  valid: [
+    // test good example of proposal https://github.com/vuejs/eslint-plugin-vue/issues/391
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        name: 'component-name',
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+          label: String,
+          icon: String
+        },
+
+        computed: {
+          formattedValue: function () {
+            // ...
+            // ...
+            // ...
+            // ...
+          },
+
+          inputClasses: function () {
+            // ...
+            // ...
+            // ...
+            // ...
+          }
+        },
+
+        methods: {
+          methodA: function () {
+            // ...
+            // ...
+            // ...
+          },
+
+          methodB: function () {
+            // ...
+            // ...
+            // ...
+          }
+        }
+      }
+      </script>
+      `
+    },
+    // should valid if there are more than one line between
+    // multiline property
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        name: 'component-name',
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+
+          label: String,
+          icon: String
+        },
+      }
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+          label: String,
+          icon: String
+        }
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      export default {
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+          label: String,
+          icon: String
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 10
+        }
+      ]
+    },
+    // test bad example of proposal https://github.com/vuejs/eslint-plugin-vue/issues/391
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        name: 'component-name',
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+          label: String,
+          icon: String
+        },
+        computed: {
+          formattedValue: function () {
+            // ...
+            // ...
+            // ...
+            // ...
+          },
+
+          inputClasses: function () {
+            // ...
+            // ...
+            // ...
+            // ...
+          }
+        },
+        methods: {
+          methodA: function () {
+            // ...
+            // ...
+            // ...
+          },
+
+          methodB: function () {
+            // ...
+            // ...
+            // ...
+          }
+        }
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      export default {
+        name: 'component-name',
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+          label: String,
+          icon: String
+        },
+
+        computed: {
+          formattedValue: function () {
+            // ...
+            // ...
+            // ...
+            // ...
+          },
+
+          inputClasses: function () {
+            // ...
+            // ...
+            // ...
+            // ...
+          }
+        },
+
+        methods: {
+          methodA: function () {
+            // ...
+            // ...
+            // ...
+          },
+
+          methodB: function () {
+            // ...
+            // ...
+            // ...
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 5
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 19
+        }
+      ]
+    },
+    // test set insertLine and minLineOfMultilineProperty to 5
+    {
+      filename: 'test.vue',
+      options: [{ minLineOfMultilineProperty: 5 }],
+      code: `
+      <script>
+      export default {
+        props: {
+          setMultiLineProperty: {
+            type: String,
+            required: true
+          },
+          focused: {
+            type: Boolean,
+            default: false,
+            required: true
+          },
+          label: String,
+          icon: String
+        }
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      export default {
+        props: {
+          setMultiLineProperty: {
+            type: String,
+            required: true
+          },
+          focused: {
+            type: Boolean,
+            default: false,
+            required: true
+          },
+
+          label: String,
+          icon: String
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 9
+        }
+      ]
+    },
+    // test js comments
+    {
+      filename: 'test.vue',
+      options: [{ minLineOfMultilineProperty: 5 }],
+      code: `
+      <script>
+      export default {
+        props: {
+          setMultiLineProperty: {
+            type: String,
+            required: true
+          },
+          focused: {
+            type: Boolean,
+            default: false,
+            required: true
+          },
+          // comments
+          label: String,
+          icon: String
+        }
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      export default {
+        props: {
+          setMultiLineProperty: {
+            type: String,
+            required: true
+          },
+          focused: {
+            type: Boolean,
+            default: false,
+            required: true
+          },
+
+          // comments
+          label: String,
+          icon: String
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 9
+        }
+      ]
+    },
+    // test js doc
+    {
+      filename: 'test.vue',
+      options: [],
+      code: `
+      <script>
+      export default {
+        props: {
+          setMultiLineProperty: {
+            type: String,
+            required: true
+          },
+        },
+        
+        methods: {
+          test() {
+
+          },
+          /**
+          *
+          * @returns
+          */
+          test2() {
+
+          }
+        }
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      export default {
+        props: {
+          setMultiLineProperty: {
+            type: String,
+            required: true
+          },
+        },
+        
+        methods: {
+          test() {
+
+          },
+
+          /**
+          *
+          * @returns
+          */
+          test2() {
+
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+          focused: {
+            type: Boolean,
+            default: false
+          },
+          label: String,
+          icon: String
+        },
+        staticMethodFn() {
+          fn(
+            fn(),
+            {
+            a: {
+              foo,
+            },
+            b: {
+              foo,
+            },
+            c: {
+              foo,
+            },
+          });
+        },
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      export default {
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+          label: String,
+          icon: String
+        },
+
+        staticMethodFn() {
+          fn(
+            fn(),
+            {
+            a: {
+              foo,
+            },
+            b: {
+              foo,
+            },
+            c: {
+              foo,
+            },
+          });
+        },
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 4
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 5
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 9
+        }
+      ]
+    },
+    // test Vue.component()
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      Vue.component('test', {
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+          //test
+          focused: {
+            type: Boolean,
+            default: false
+          },
+          label: String,
+          icon: String
+        },
+        staticMethodFn() {
+          fn(
+            fn(),
+            {
+            a: {
+              foo,
+            },
+            b: {
+              foo,
+            },
+            c: {
+              foo,
+            },
+          });
+        },
+      })
+      </script>
+      `,
+      output: `
+      <script>
+      Vue.component('test', {
+        props: {
+          value: {
+            type: String,
+            required: true
+          },
+
+          //test
+          focused: {
+            type: Boolean,
+            default: false
+          },
+
+          label: String,
+          icon: String
+        },
+
+        staticMethodFn() {
+          fn(
+            fn(),
+            {
+            a: {
+              foo,
+            },
+            b: {
+              foo,
+            },
+            c: {
+              foo,
+            },
+          });
+        },
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 4
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 5
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 10
+        }
+      ]
+    }
+  ]
+})

From 7212c36fdc21fce535ee38a70ab84f68eba6343b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 16 Dec 2020 12:19:52 +0900
Subject: [PATCH 0219/1010] Upgrade vue-eslint-parser (#1375)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cac69b2e2..1a06f986d 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.2.0"
+    "vue-eslint-parser": "^7.3.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",

From 27fc097d67ac971806d1e81bfd2f06bda26e8a5b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 16 Dec 2020 12:20:04 +0900
Subject: [PATCH 0220/1010] Add vue/no-restricted-props rule (#1376)

---
 docs/rules/README.md                   |   1 +
 docs/rules/no-restricted-props.md      | 104 ++++++++
 lib/index.js                           |   1 +
 lib/rules/no-restricted-props.js       | 149 +++++++++++
 tests/lib/rules/no-restricted-props.js | 331 +++++++++++++++++++++++++
 5 files changed, 586 insertions(+)
 create mode 100644 docs/rules/no-restricted-props.md
 create mode 100644 lib/rules/no-restricted-props.js
 create mode 100644 tests/lib/rules/no-restricted-props.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4450e76b8..a242514bd 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -302,6 +302,7 @@ For example:
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
+| [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props |  |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
diff --git a/docs/rules/no-restricted-props.md b/docs/rules/no-restricted-props.md
new file mode 100644
index 000000000..664b6f2cd
--- /dev/null
+++ b/docs/rules/no-restricted-props.md
@@ -0,0 +1,104 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-props
+description: disallow specific props
+---
+# vue/no-restricted-props
+> disallow specific props
+
+## :book: Rule Details
+
+This rule allows you to specify props that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a prop name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-props": ["error", "value", "/^forbidden/"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-props': ['error', 'value', '/^forbidden/']}">
+
+```vue
+<script>
+export default {
+  props: {
+    /* ✗ BAD */
+    value: String,
+    forbiddenNum: Number,
+
+    /* ✓ GOOD */
+    foo: {},
+    bar: {},
+    arrowedBool: Boolean,
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-restricted-props': ['error', 'value', '/^forbidden/']}">
+
+```vue
+<script>
+export default {
+  props: [
+    /* ✗ BAD */
+    'value',
+    'forbiddenNum',
+
+    /* ✓ GOOD */
+    'foo',
+    'bar',
+    'arrowedBool',
+  ]
+}
+</script>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-props": ["error",
+    {
+      "name": "value",
+      "message": "If you intend a prop for v-model, it should be 'modelValue' in Vue 3.",
+      "suggest": "modelValue"
+    },
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `name` ... Specify the prop name or pattern.
+- `message` ... Specify an optional custom message.
+- `suggest` ... Specify an optional name to suggest changes.
+
+<eslint-code-block :rules="{'vue/no-restricted-props': ['error', { name: 'value', message: 'If you intend a prop for v-model, it should be \'modelValue\' in Vue 3.', suggest: 'modelValue'}]}">
+
+```vue
+<script>
+export default {
+  props: [
+    /* ✗ BAD */
+    'value',
+  ]
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-props.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-props.js)
diff --git a/lib/index.js b/lib/index.js
index aef4beaf0..9c396cb6b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -92,6 +92,7 @@ module.exports = {
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
+    'no-restricted-props': require('./rules/no-restricted-props'),
     'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
new file mode 100644
index 000000000..d1ba3bc49
--- /dev/null
+++ b/lib/rules/no-restricted-props.js
@@ -0,0 +1,149 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+
+/**
+ * @typedef {object} ParsedOption
+ * @property { (name: string) => boolean } test
+ * @property {string} [message]
+ * @property {string} [suggest]
+ */
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+/**
+ * @param {string|{name:string, message?: string, suggest?:string}} option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return {
+      test(name) {
+        return matcher(name)
+      }
+    }
+  }
+  const parsed = parseOption(option.name)
+  parsed.message = option.message
+  parsed.suggest = option.suggest
+  return parsed
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific props',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-props.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: ['string'] },
+          {
+            type: 'object',
+            properties: {
+              name: { type: 'string' },
+              message: { type: 'string', minLength: 1 },
+              suggest: { type: 'string' }
+            },
+            required: ['name'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedProp: '{{message}}',
+      instead: 'Instead, change to `{{suggest}}`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {ParsedOption[]} */
+    const options = context.options.map(parseOption)
+
+    return utils.defineVueVisitor(context, {
+      onVueObjectEnter(node) {
+        for (const prop of utils.getComponentProps(node)) {
+          if (!prop.propName) {
+            continue
+          }
+
+          for (const option of options) {
+            if (option.test(prop.propName)) {
+              const message =
+                option.message ||
+                `Using \`${prop.propName}\` props is not allowed.`
+              context.report({
+                node: prop.key,
+                messageId: 'restrictedProp',
+                data: { message },
+                suggest: createSuggest(prop.key, option)
+              })
+              break
+            }
+          }
+        }
+      }
+    })
+  }
+}
+
+/**
+ * @param {Expression} node
+ * @param {ParsedOption} option
+ * @returns {Rule.SuggestionReportDescriptor[]}
+ */
+function createSuggest(node, option) {
+  if (!option.suggest) {
+    return []
+  }
+
+  /** @type {string} */
+  let replaceText
+  if (node.type === 'Literal' || node.type === 'TemplateLiteral') {
+    replaceText = JSON.stringify(option.suggest)
+  } else if (node.type === 'Identifier') {
+    replaceText = /^[a-z]\w*$/iu.exec(option.suggest)
+      ? option.suggest
+      : JSON.stringify(option.suggest)
+  } else {
+    return []
+  }
+
+  return [
+    {
+      fix(fixer) {
+        return fixer.replaceText(node, replaceText)
+      },
+      messageId: 'instead',
+      data: { suggest: option.suggest }
+    }
+  ]
+}
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
new file mode 100644
index 000000000..4206b4014
--- /dev/null
+++ b/tests/lib/rules/no-restricted-props.js
@@ -0,0 +1,331 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-props')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('no-restricted-props', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          /* ✗ BAD */
+          bad: {},
+          /* ✓ GOOD */
+          good: {}
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          /* ✗ BAD */
+          'bad',
+          /* ✓ GOOD */
+          'good'
+        ]
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: {
+          foo: null,
+          bar: null,
+          baz: null
+        }
+      }
+      </script>
+      `,
+      options: ['foo', 'bar', 'baz']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [foo, ...bar, baz],
+        emits: ['foo', 'bar', 'baz']
+      }
+      </script>
+      `,
+      options: ['foo', 'bar', 'baz']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          /* ✗ BAD */
+          bad: {},
+          /* ✓ GOOD */
+          good: {}
+        }
+      }
+      </script>
+      `,
+      options: ['bad'],
+      errors: [
+        {
+          message: 'Using `bad` props is not allowed.',
+          line: 6,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          /* ✗ BAD */
+          'bad',
+          /* ✓ GOOD */
+          'good'
+        ]
+      }
+      </script>
+      `,
+      options: ['bad'],
+      errors: [
+        {
+          message: 'Using `bad` props is not allowed.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          bad: String,
+          good: bb
+        }
+      }
+      </script>
+      `,
+      options: ['/a/'],
+      errors: ['Using `bad` props is not allowed.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          'foo',
+          'bar',
+          'baz'
+        ]
+      }
+      </script>
+      `,
+      options: [{ name: 'bar' }, { name: 'baz', message: 'Using Baz' }],
+      errors: [
+        {
+          message: 'Using `bar` props is not allowed.',
+          line: 6
+        },
+        {
+          message: 'Using Baz',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          'foo',
+          \`bar\`,
+          0
+        ]
+      }
+      </script>
+      `,
+      options: [
+        { name: 'foo', suggest: 'Foo' },
+        { name: 'bar', suggest: 'Bar' },
+        { name: '0', suggest: 'Zero' }
+      ],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script>
+      export default {
+        props: [
+          "Foo",
+          \`bar\`,
+          0
+        ]
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'Using `bar` props is not allowed.',
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Bar`.',
+              output: `
+      <script>
+      export default {
+        props: [
+          'foo',
+          "Bar",
+          0
+        ]
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'Using `0` props is not allowed.',
+          line: 7,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Zero`.',
+              output: `
+      <script>
+      export default {
+        props: [
+          'foo',
+          \`bar\`,
+          "Zero"
+        ]
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          foo: {},
+          bar: {},
+          [\`baz\`]: {},
+        }
+      }
+      </script>
+      `,
+      options: [
+        { name: 'foo', suggest: 'Foo' },
+        { name: 'bar', suggest: 'b-a-r' },
+        { name: 'baz', suggest: 'Baz' }
+      ],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script>
+      export default {
+        props: {
+          Foo: {},
+          bar: {},
+          [\`baz\`]: {},
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'Using `bar` props is not allowed.',
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Instead, change to `b-a-r`.',
+              output: `
+      <script>
+      export default {
+        props: {
+          foo: {},
+          "b-a-r": {},
+          [\`baz\`]: {},
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'Using `baz` props is not allowed.',
+          line: 7,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Baz`.',
+              output: `
+      <script>
+      export default {
+        props: {
+          foo: {},
+          bar: {},
+          ["Baz"]: {},
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 110b236d217354cbcc643e6059b7b8138dd8d9df Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 16 Dec 2020 12:32:36 +0900
Subject: [PATCH 0221/1010] Add vue/no-restricted-custom-event rule (#1377)

---
 docs/rules/README.md                          |   1 +
 docs/rules/no-restricted-custom-event.md      |  97 ++++++
 lib/index.js                                  |   1 +
 lib/rules/no-restricted-custom-event.js       | 293 +++++++++++++++++
 tests/lib/rules/no-restricted-custom-event.js | 296 ++++++++++++++++++
 5 files changed, 688 insertions(+)
 create mode 100644 docs/rules/no-restricted-custom-event.md
 create mode 100644 lib/rules/no-restricted-custom-event.js
 create mode 100644 tests/lib/rules/no-restricted-custom-event.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index a242514bd..68677d252 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -302,6 +302,7 @@ For example:
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
+| [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event |  |
 | [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props |  |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
new file mode 100644
index 000000000..73cf09679
--- /dev/null
+++ b/docs/rules/no-restricted-custom-event.md
@@ -0,0 +1,97 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-custom-event
+description: disallow specific custom event
+---
+# vue/no-restricted-custom-event
+> disallow specific custom event
+
+## :book: Rule Details
+
+This rule allows you to specify custom event that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a custom event name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-custom-event": ["error", "input", "/^forbidden/"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-custom-event': ['error', 'input', '/^forbidden/']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <input @input="$emit('input', $event.target.value)">
+  <!-- ✗ GOOD -->
+  <input @input="$emit('update:value', $event.target.value)">
+</template>
+<script>
+export default {
+  methods: {
+    handleChangeValue(newValue) {
+      /* ✗ BAD */
+      this.$emit('input', newValue)
+      this.$emit('forbiddenEvent')
+
+      /* ✓ GOOD */
+      this.$emit('foo')
+      this.$emit('bar')
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-custom-event": ["error",
+    {
+      "event": "input",
+      "message": "If you intend a prop for v-model, it should be 'update:modelValue' in Vue 3.",
+      "suggest": "update:modelValue"
+    },
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `event` ... Specify the event name or pattern.
+- `message` ... Specify an optional custom message.
+- `suggest` ... Specify an optional name to suggest changes.
+
+<eslint-code-block :rules="{'vue/no-restricted-custom-event': ['error', { event: 'input', message: 'If you intend a prop for v-model, it should be \'update:modelValue\' in Vue 3.', suggest: 'update:modelValue'}]}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <input @input="$emit('input', $event.target.value)">
+</template>
+<script>
+export default {
+  methods: {
+    handleChangeValue(newValue) {
+      /* ✗ BAD */
+      this.$emit('input', newValue)
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-custom-event.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-custom-event.js)
diff --git a/lib/index.js b/lib/index.js
index 9c396cb6b..95ffd1dd6 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -92,6 +92,7 @@ module.exports = {
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
+    'no-restricted-custom-event': require('./rules/no-restricted-custom-event'),
     'no-restricted-props': require('./rules/no-restricted-props'),
     'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
new file mode 100644
index 000000000..72835ddd0
--- /dev/null
+++ b/lib/rules/no-restricted-custom-event.js
@@ -0,0 +1,293 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @typedef {object} ParsedOption
+ * @property { (name: string) => boolean } test
+ * @property {string} [message]
+ * @property {string} [suggest]
+ */
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+/**
+ * @param {string|{event: string, message?: string, suggest?: string}} option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return {
+      test(name) {
+        return matcher(name)
+      }
+    }
+  }
+  const parsed = parseOption(option.event)
+  parsed.message = option.message
+  parsed.suggest = option.suggest
+  return parsed
+}
+
+/**
+ * Get the name param node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ * @returns { Literal & { value: string } | null }
+ */
+function getNameParamNode(node) {
+  const nameLiteralNode = node.arguments[0]
+  if (
+    !nameLiteralNode ||
+    nameLiteralNode.type !== 'Literal' ||
+    typeof nameLiteralNode.value !== 'string'
+  ) {
+    // cannot check
+    return null
+  }
+
+  return /** @type {Literal & { value: string }} */ (nameLiteralNode)
+}
+/**
+ * Get the callee member node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ */
+function getCalleeMemberNode(node) {
+  const callee = utils.skipChainExpression(node.callee)
+
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
+    if (name) {
+      return { name, member: callee }
+    }
+  }
+  return null
+}
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific custom event',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-custom-event.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: ['string'] },
+          {
+            type: 'object',
+            properties: {
+              event: { type: 'string' },
+              message: { type: 'string', minLength: 1 },
+              suggest: { type: 'string' }
+            },
+            required: ['event'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedEvent: '{{message}}',
+      instead: 'Instead, change to `{{suggest}}`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {Map<ObjectExpression, {contextReferenceIds:Set<Identifier>,emitReferenceIds:Set<Identifier>}>} */
+    const setupContexts = new Map()
+    /** @type {ParsedOption[]} */
+    const options = context.options.map(parseOption)
+
+    /**
+     * @param { Literal & { value: string } } nameLiteralNode
+     */
+    function verify(nameLiteralNode) {
+      const name = nameLiteralNode.value
+
+      for (const option of options) {
+        if (option.test(name)) {
+          const message =
+            option.message || `Using \`${name}\` event is not allowed.`
+          context.report({
+            node: nameLiteralNode,
+            messageId: 'restrictedEvent',
+            data: { message },
+            suggest: option.suggest
+              ? [
+                  {
+                    fix(fixer) {
+                      const sourceCode = context.getSourceCode()
+                      return fixer.replaceText(
+                        nameLiteralNode,
+                        `${
+                          sourceCode.text[nameLiteralNode.range[0]]
+                        }${JSON.stringify(option.suggest)
+                          .slice(1, -1)
+                          .replace(/'/gu, "\\'")}${
+                          sourceCode.text[nameLiteralNode.range[1] - 1]
+                        }`
+                      )
+                    },
+                    messageId: 'instead',
+                    data: { suggest: option.suggest }
+                  }
+                ]
+              : []
+          })
+          break
+        }
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        CallExpression(node) {
+          const callee = node.callee
+          const nameLiteralNode = getNameParamNode(node)
+          if (!nameLiteralNode) {
+            // cannot check
+            return
+          }
+          if (callee.type === 'Identifier' && callee.name === '$emit') {
+            verify(nameLiteralNode)
+          }
+        }
+      },
+      utils.compositingVisitors(
+        utils.defineVueVisitor(context, {
+          onSetupFunctionEnter(node, { node: vueNode }) {
+            const contextParam = utils.skipDefaultParamValue(node.params[1])
+            if (!contextParam) {
+              // no arguments
+              return
+            }
+            if (
+              contextParam.type === 'RestElement' ||
+              contextParam.type === 'ArrayPattern'
+            ) {
+              // cannot check
+              return
+            }
+            const contextReferenceIds = new Set()
+            const emitReferenceIds = new Set()
+            if (contextParam.type === 'ObjectPattern') {
+              const emitProperty = utils.findAssignmentProperty(
+                contextParam,
+                'emit'
+              )
+              if (!emitProperty || emitProperty.value.type !== 'Identifier') {
+                return
+              }
+              const emitParam = emitProperty.value
+              // `setup(props, {emit})`
+              const variable = findVariable(context.getScope(), emitParam)
+              if (!variable) {
+                return
+              }
+              for (const reference of variable.references) {
+                emitReferenceIds.add(reference.identifier)
+              }
+            } else {
+              // `setup(props, context)`
+              const variable = findVariable(context.getScope(), contextParam)
+              if (!variable) {
+                return
+              }
+              for (const reference of variable.references) {
+                contextReferenceIds.add(reference.identifier)
+              }
+            }
+            setupContexts.set(vueNode, {
+              contextReferenceIds,
+              emitReferenceIds
+            })
+          },
+          CallExpression(node, { node: vueNode }) {
+            const nameLiteralNode = getNameParamNode(node)
+            if (!nameLiteralNode) {
+              // cannot check
+              return
+            }
+
+            // verify setup context
+            const setupContext = setupContexts.get(vueNode)
+            if (setupContext) {
+              const { contextReferenceIds, emitReferenceIds } = setupContext
+              if (
+                node.callee.type === 'Identifier' &&
+                emitReferenceIds.has(node.callee)
+              ) {
+                // verify setup(props,{emit}) {emit()}
+                verify(nameLiteralNode)
+              } else {
+                const emit = getCalleeMemberNode(node)
+                if (
+                  emit &&
+                  emit.name === 'emit' &&
+                  emit.member.object.type === 'Identifier' &&
+                  contextReferenceIds.has(emit.member.object)
+                ) {
+                  // verify setup(props,context) {context.emit()}
+                  verify(nameLiteralNode)
+                }
+              }
+            }
+          },
+          onVueObjectExit(node) {
+            setupContexts.delete(node)
+          }
+        }),
+        {
+          CallExpression(node) {
+            const nameLiteralNode = getNameParamNode(node)
+            if (!nameLiteralNode) {
+              // cannot check
+              return
+            }
+            const emit = getCalleeMemberNode(node)
+            // verify $emit
+            if (emit && emit.name === '$emit') {
+              // verify this.$emit()
+              verify(nameLiteralNode)
+            }
+          }
+        }
+      )
+    )
+  }
+}
diff --git a/tests/lib/rules/no-restricted-custom-event.js b/tests/lib/rules/no-restricted-custom-event.js
new file mode 100644
index 000000000..447f8122c
--- /dev/null
+++ b/tests/lib/rules/no-restricted-custom-event.js
@@ -0,0 +1,296 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-custom-event')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('no-restricted-custom-event', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('click')"></button>
+      </template>
+      <script>
+      export default {
+        methods: {
+          handleClick() {
+            this.$emit('foo')
+            this.$emit('bar')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('click')"></button>
+      </template>
+      <script>
+      export default {
+        methods: {
+          handleClick() {
+            this.$emit('good')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['bad']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit(0)"></button>
+        <button @click="emit('ignore')"></button>
+      </template>
+      <script>
+      export default {
+        setup(props, {emit}) {
+          emit(ignore)
+        }
+      }
+      </script>
+      `,
+      options: ['ignore', '0']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props, emit) {
+          emit('ignore')
+        }
+      }
+      </script>
+      `,
+      options: ['ignore', '0']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props, ...emit) {
+          emit('ignore')
+        }
+      }
+      </script>
+      `,
+      options: ['ignore', '0']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          emit('ignore')
+        }
+      }
+      </script>
+      `,
+      options: ['ignore', '0']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props, {a: emit}) {
+          emit('ignore')
+        }
+      }
+      </script>
+      `,
+      options: ['ignore', '0']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        methods: {
+          handleClick() {
+            /* ✗ BAD */
+            this.$emit('bad')
+
+            /* ✓ GOOD */
+            this.$emit('good')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['bad'],
+      errors: [
+        {
+          message: 'Using `bad` event is not allowed.',
+          line: 7,
+          column: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        methods: {
+          handleClick() {
+            this.$emit('foo')
+            this.$emit('bar', 123)
+          }
+        }
+      }
+      </script>
+      `,
+      options: [
+        { event: 'foo' },
+        { event: 'bar', message: 'Use Bar instead', suggest: 'Bar' }
+      ],
+      errors: [
+        {
+          message: 'Using `foo` event is not allowed.',
+          line: 6
+        },
+        {
+          message: 'Use Bar instead',
+          line: 7,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Bar`.',
+              output: `
+      <script>
+      export default {
+        methods: {
+          handleClick() {
+            this.$emit('foo')
+            this.$emit('Bar', 123)
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        methods: {
+          handleClick() {
+            this.$emit('regexp1')
+            this.$emit('regexp2')
+            this.$emit('ignore-regexp')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['/^regexp/'],
+      errors: [
+        {
+          message: 'Using `regexp1` event is not allowed.',
+          line: 6
+        },
+        {
+          message: 'Using `regexp2` event is not allowed.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bad')"></button>
+      </template>
+      `,
+      options: [{ event: 'bad', suggest: "foo'" }],
+      errors: [
+        {
+          message: 'Using `bad` event is not allowed.',
+          line: 3,
+          suggestions: [
+            {
+              desc: "Instead, change to `foo'`.",
+              output: `
+      <template>
+        <button @click="$emit('foo\\'')"></button>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props, {emit}) {
+          emit('foo')
+          emit('bar')
+        }
+      }
+      </script>
+      `,
+      options: ['foo'],
+      errors: [
+        {
+          message: 'Using `foo` event is not allowed.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props, ctx) {
+          ctx.emit('foo')
+          ctx.emit('bar')
+        }
+      }
+      </script>
+      `,
+      options: ['foo'],
+      errors: [
+        {
+          message: 'Using `foo` event is not allowed.',
+          line: 5
+        }
+      ]
+    }
+  ]
+})

From 96425c6d0f066c60767298f46ee2463909cb90c0 Mon Sep 17 00:00:00 2001
From: ota-meshi <otameshiyo23@gmail.com>
Date: Wed, 16 Dec 2020 12:36:28 +0900
Subject: [PATCH 0222/1010] update docs and fix typings

---
 .../new-line-between-multi-line-property.md      | 16 +++++++++-------
 .../new-line-between-multi-line-property.js      |  4 +---
 lib/rules/no-restricted-custom-event.js          |  4 ++--
 lib/rules/no-restricted-props.js                 |  4 ++--
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index afa1856d8..46862c222 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -13,12 +13,11 @@ description: enforce new lines between multi-line properties in Vue components
 
 This rule aims at enforcing new lines between multi-line properties in Vue components to help readability
 
-Examples of **incorrect** code for this rule:
-
 <eslint-code-block fix :rules="{'vue/new-line-between-multi-line-property': ['error']}">
 
 ```vue
 <script>
+/* ✗ BAD */
 export default {
   props: {
     value: {
@@ -43,13 +42,11 @@ export default {
 
 </eslint-code-block>
 
-
-Examples of **correct** code for this rule:
-
 <eslint-code-block fix :rules="{'vue/new-line-between-multi-line-property': ['error']}">
 
 ```vue
 <script>
+/* ✓ GOOD */
 export default {
   props: {
     value: {
@@ -77,6 +74,7 @@ export default {
 </eslint-code-block>
 
 ## :wrench: Option
+
 ```json
 {
   "vue/new-line-between-multiline-property": ["error", {
@@ -84,9 +82,13 @@ export default {
   }]
 }
 ```
-- `minLineOfMultilineProperty` ... `type: number`, Define the minimum number of rows for a multi-line property  .`type:` number, `default:` 2 , `min:`: 2
+
+- `minLineOfMultilineProperty` ... Define the minimum number of rows for a multi-line property. default `2`
+
 ## :books: Further Reading
-Nothing here
+
+- [Style guide - Empty lines in component/instance options](https://v3.vuejs.org/style-guide/#empty-lines-in-component-instance-options-recommended)
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/new-line-between-multi-line-property.js)
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index cdea8ea02..b40f4ffbb 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -8,7 +8,6 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
-// @ts-ignore
 module.exports = {
   meta: {
     type: 'layout',
@@ -48,7 +47,7 @@ module.exports = {
       minLineOfMultilineProperty = context.options[0].minLineOfMultilineProperty
     }
 
-    /** @type {any[]} */
+    /** @type {CallExpression[]} */
     const callStack = []
     const sourceCode = context.getSourceCode()
     return Object.assign(
@@ -92,7 +91,6 @@ module.exports = {
                 loc: pre.loc,
                 message:
                   'Enforce new lines between multi-line properties in Vue components.',
-                // @ts-ignore
                 fix(fixer) {
                   let firstPositionOfLine = cur.range[0] - cur.loc.start.column
                   if (leadingComments.length) {
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 72835ddd0..19183e34a 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -19,8 +19,8 @@ const regexp = require('../utils/regexp')
 /**
  * @typedef {object} ParsedOption
  * @property { (name: string) => boolean } test
- * @property {string} [message]
- * @property {string} [suggest]
+ * @property {string|undefined} [message]
+ * @property {string|undefined} [suggest]
  */
 
 /**
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index d1ba3bc49..8a64913c3 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -10,8 +10,8 @@ const regexp = require('../utils/regexp')
 /**
  * @typedef {object} ParsedOption
  * @property { (name: string) => boolean } test
- * @property {string} [message]
- * @property {string} [suggest]
+ * @property {string|undefined} [message]
+ * @property {string|undefined} [suggest]
  */
 
 /**

From 1b8beb039cda267222b28ca5d93542e35cdf8407 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 16 Dec 2020 14:38:17 +0900
Subject: [PATCH 0223/1010] Fixed wrong autofix when properties on the same
 line in new-line-between-multi-line-property. (#1378)

I also improved the position of the report.
---
 .../new-line-between-multi-line-property.js   | 107 ++++++----
 .../new-line-between-multi-line-property.js   | 185 ++++++++++++++++--
 typings/eslint/index.d.ts                     |   2 +-
 3 files changed, 247 insertions(+), 47 deletions(-)

diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index b40f4ffbb..b48d78379 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -5,6 +5,46 @@
 'use strict'
 
 const utils = require('../utils')
+
+/**
+ * @param {Token} node
+ */
+function isComma(node) {
+  return node.type === 'Punctuator' && node.value === ','
+}
+
+/**
+ * Check whether the between given nodes has empty line.
+ * @param {SourceCode} sourceCode
+ * @param {ASTNode} pre
+ * @param {ASTNode} cur
+ */
+function* iterateBetweenTokens(sourceCode, pre, cur) {
+  yield sourceCode.getLastToken(pre)
+  yield* sourceCode.getTokensBetween(pre, cur, {
+    includeComments: true
+  })
+  yield sourceCode.getFirstToken(cur)
+}
+
+/**
+ * Check whether the between given nodes has empty line.
+ * @param {SourceCode} sourceCode
+ * @param {ASTNode} pre
+ * @param {ASTNode} cur
+ */
+function hasEmptyLine(sourceCode, pre, cur) {
+  /** @type {Token|null} */
+  let preToken = null
+  for (const token of iterateBetweenTokens(sourceCode, pre, cur)) {
+    if (preToken && token.loc.start.line - preToken.loc.end.line >= 2) {
+      return true
+    }
+    preToken = token
+  }
+  return false
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -35,9 +75,6 @@ module.exports = {
 
   /** @param {RuleContext} context */
   create(context) {
-    // always insert one line
-    const insertLine = 1
-
     let minLineOfMultilineProperty = 2
     if (
       context.options &&
@@ -71,42 +108,44 @@ module.exports = {
             const cur = properties[i]
             const pre = properties[i - 1]
 
-            const leadingComments = sourceCode
-              .getTokensBetween(pre, cur, { includeComments: true })
-              .filter((token) => ['Line', 'Block'].includes(token.type))
             const lineCountOfPreProperty =
               pre.loc.end.line - pre.loc.start.line + 1
-            let curStartLine = cur.loc.start.line
-            if (leadingComments.length) {
-              curStartLine = leadingComments[0].loc.start.line
+            if (lineCountOfPreProperty < minLineOfMultilineProperty) {
+              continue
+            }
+
+            if (hasEmptyLine(sourceCode, pre, cur)) {
+              continue
             }
-            const lineCountBetweenCurAndPreProperty =
-              curStartLine - pre.loc.end.line - 1
-            if (
-              lineCountOfPreProperty >= minLineOfMultilineProperty &&
-              lineCountBetweenCurAndPreProperty < insertLine
-            ) {
-              context.report({
-                node: pre,
-                loc: pre.loc,
-                message:
-                  'Enforce new lines between multi-line properties in Vue components.',
-                fix(fixer) {
-                  let firstPositionOfLine = cur.range[0] - cur.loc.start.column
-                  if (leadingComments.length) {
-                    const firstComment = leadingComments[0]
-                    firstPositionOfLine =
-                      firstComment.range[0] - firstComment.loc.start.column
+
+            context.report({
+              node: pre,
+              loc: {
+                start: pre.loc.end,
+                end: cur.loc.start
+              },
+              message:
+                'Enforce new lines between multi-line properties in Vue components.',
+              fix(fixer) {
+                /** @type {Token|null} */
+                let preToken = null
+                for (const token of iterateBetweenTokens(
+                  sourceCode,
+                  pre,
+                  cur
+                )) {
+                  if (
+                    preToken &&
+                    preToken.loc.end.line < token.loc.start.line
+                  ) {
+                    return fixer.insertTextAfter(preToken, '\n')
                   }
-                  // this action equal to insert number of line before node
-                  return fixer.insertTextAfterRange(
-                    [firstPositionOfLine, firstPositionOfLine],
-                    '\n'
-                    // to avoid conflict with no-multiple-empty-lines, only insert one newline
-                  )
+                  preToken = token
                 }
-              })
-            }
+                const commaToken = sourceCode.getTokenAfter(pre, isComma)
+                return fixer.insertTextAfter(commaToken || pre, '\n\n')
+              }
+            })
           }
         }
       })
diff --git a/tests/lib/rules/new-line-between-multi-line-property.js b/tests/lib/rules/new-line-between-multi-line-property.js
index 740654f1a..41dce3434 100644
--- a/tests/lib/rules/new-line-between-multi-line-property.js
+++ b/tests/lib/rules/new-line-between-multi-line-property.js
@@ -103,6 +103,19 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+        }/*A*/
+
+        ,/*B*/emits: {
+        },
+      }
+      </script>`
     }
   ],
 
@@ -152,7 +165,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 10
+          line: 13
         }
       ]
     },
@@ -263,12 +276,12 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 5
+          line: 18
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 19
+          line: 33
         }
       ]
     },
@@ -319,7 +332,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 9
+          line: 13
         }
       ]
     },
@@ -372,7 +385,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 9
+          line: 13
         }
       ]
     },
@@ -389,7 +402,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
             required: true
           },
         },
-        
+
         methods: {
           test() {
 
@@ -414,7 +427,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
             required: true
           },
         },
-        
+
         methods: {
           test() {
 
@@ -435,7 +448,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 12
+          line: 14
         }
       ]
     },
@@ -514,17 +527,17 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 4
+          line: 8
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 5
+          line: 12
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 9
+          line: 15
         }
       ]
     },
@@ -606,8 +619,120 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 4
+          line: 8
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 13
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+        },emits: {
+        }
+      }
+      </script>`,
+      output: `
+      <script>
+      export default {
+        props: {
         },
+
+emits: {
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+        }
+        ,emits: {
+        }
+      }
+      </script>`,
+      output: `
+      <script>
+      export default {
+        props: {
+        }
+
+        ,emits: {
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+        }/*A*/
+        ,/*B*/emits: {
+        },
+
+        data: {
+        }/*A*/,/*B*/computed: {
+        },
+
+        watch: {
+        }/*A*/,
+        /*B*/methods: {
+        }
+      }
+      </script>`,
+      output: `
+      <script>
+      export default {
+        props: {
+        }/*A*/
+
+        ,/*B*/emits: {
+        },
+
+        data: {
+        }/*A*/,
+
+/*B*/computed: {
+        },
+
+        watch: {
+        }/*A*/,
+
+        /*B*/methods: {
+        }
+      }
+      </script>`,
+      errors: [
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
@@ -617,6 +742,42 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
           line: 10
+        },
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+        }
+        ,
+        emits: {
+        }
+      }
+      </script>`,
+      output: `
+      <script>
+      export default {
+        props: {
+        }
+
+        ,
+        emits: {
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message:
+            'Enforce new lines between multi-line properties in Vue components.',
+          line: 5
         }
       ]
     }
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 0c99161f8..f977b45ae 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -150,7 +150,7 @@ export class SourceCode /*extends ESLintSourceCode*/ {
   getLastToken(node: VNODE.HasLocation, options: number): AST.Token
   getLastToken(
     node: VNODE.HasLocation,
-    optionss: SourceCode.CursorWithSkipOptions
+    options: SourceCode.CursorWithSkipOptions
   ): AST.Token | null
   getLastTokens(
     node: VNODE.HasLocation,

From 79fabf8f4257d9ef7f0edf6a6508e1f403bdf7e5 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 16 Dec 2020 14:51:58 +0900
Subject: [PATCH 0224/1010] 7.3.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1a06f986d..cca34e8c8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.2.0",
+  "version": "7.3.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From b617e718f0c6732d27c911f392f826ca06af52b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A0=20Fontcuberta?= <afontcu@gmail.com>
Date: Wed, 16 Dec 2020 22:42:53 +0100
Subject: [PATCH 0225/1010] Update new-line-between-multi-line-property.md
 (#1380)

---
 docs/rules/new-line-between-multi-line-property.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index 46862c222..420dee786 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -77,7 +77,7 @@ export default {
 
 ```json
 {
-  "vue/new-line-between-multiline-property": ["error", {
+  "vue/new-line-between-multi-line-property": ["error", {
     "minLineOfMultilineProperty": 2
   }]
 }

From 2567f1639ca896b98f4ec77608a0b4b318670e29 Mon Sep 17 00:00:00 2001
From: enzo360 <55434771+enzo360@users.noreply.github.com>
Date: Fri, 18 Dec 2020 09:12:37 +0100
Subject: [PATCH 0226/1010] Fix multiple reporting of same warnings in
 `vue/no-unregistered-component` (#1382)

* fix multiple reporting of unregistered components

* add tests

* fix linter error
---
 lib/rules/no-unregistered-components.js       |  2 +-
 tests/lib/rules/no-unregistered-components.js | 38 +++++++++++++++++++
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 3ae283284..6e6cb2ada 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -126,7 +126,7 @@ module.exports = {
           usedComponentNodes.push({ node, name: node.value.value })
         },
         /** @param {VElement} node */
-        "VElement[name='template']:exit"() {
+        "VElement[name='template'][parent.type='VDocumentFragment']:exit"() {
           // All registered components, transformed to kebab-case
           const registeredComponentNames = registeredComponents.map(
             ({ name }) => casing.kebabCase(name)
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index a50e3c0f0..27739b78a 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -458,6 +458,25 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponentWithNamedSlots>
+            <template #slotA>
+              <div>Text</div>
+            </template>
+          </CustomComponentWithNamedSlots>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponentWithNamedSlots
+          }
+        }
+        </script>
+      `
     }
   ],
   invalid: [
@@ -668,6 +687,25 @@ tester.run('no-unregistered-components', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponentWithNamedSlots>
+            <template #slotA>
+              <div>Text</div>
+            </template>
+          </CustomComponentWithNamedSlots>
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            'The "CustomComponentWithNamedSlots" component has been used but not registered.',
+          line: 3
+        }
+      ]
     }
   ]
 })

From dfe445fe923c3de5b09b8a0020aa4080eeb1e287 Mon Sep 17 00:00:00 2001
From: Andre-John Mas <andrejohn.mas@gmail.com>
Date: Thu, 24 Dec 2020 03:30:35 +0100
Subject: [PATCH 0227/1010] Fixes #1379 Add since attribute (#1384)

* Fixes #1379 Add since attribute

* reintroduced stripped trailing spaces

* add stripped content line

* Update docs/rules/README.md

* Update docs/rules/html-comment-indent.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/array-bracket-newline.md                     | 1 +
 docs/rules/array-bracket-spacing.md                     | 1 +
 docs/rules/arrow-spacing.md                             | 1 +
 docs/rules/attribute-hyphenation.md                     | 1 +
 docs/rules/attributes-order.md                          | 1 +
 docs/rules/block-spacing.md                             | 1 +
 docs/rules/block-tag-newline.md                         | 1 +
 docs/rules/brace-style.md                               | 1 +
 docs/rules/camelcase.md                                 | 1 +
 docs/rules/comma-dangle.md                              | 1 +
 docs/rules/comma-spacing.md                             | 1 +
 docs/rules/comma-style.md                               | 1 +
 docs/rules/comment-directive.md                         | 1 +
 docs/rules/component-definition-name-casing.md          | 1 +
 docs/rules/component-name-in-template-casing.md         | 1 +
 docs/rules/component-tags-order.md                      | 1 +
 docs/rules/custom-event-name-casing.md                  | 1 +
 docs/rules/dot-location.md                              | 1 +
 docs/rules/dot-notation.md                              | 1 +
 docs/rules/eqeqeq.md                                    | 1 +
 docs/rules/experimental-script-setup-vars.md            | 1 +
 docs/rules/func-call-spacing.md                         | 1 +
 docs/rules/html-closing-bracket-newline.md              | 1 +
 docs/rules/html-closing-bracket-spacing.md              | 1 +
 docs/rules/html-comment-content-newline.md              | 1 +
 docs/rules/html-comment-content-spacing.md              | 1 +
 docs/rules/html-comment-indent.md                       | 1 +
 docs/rules/html-end-tags.md                             | 1 +
 docs/rules/html-indent.md                               | 1 +
 docs/rules/html-quotes.md                               | 1 +
 docs/rules/html-self-closing.md                         | 1 +
 docs/rules/jsx-uses-vars.md                             | 1 +
 docs/rules/key-spacing.md                               | 1 +
 docs/rules/keyword-spacing.md                           | 1 +
 docs/rules/match-component-file-name.md                 | 1 +
 docs/rules/max-attributes-per-line.md                   | 1 +
 docs/rules/max-len.md                                   | 1 +
 docs/rules/multiline-html-element-content-newline.md    | 1 +
 docs/rules/mustache-interpolation-spacing.md            | 1 +
 docs/rules/name-property-casing.md                      | 1 +
 docs/rules/new-line-between-multi-line-property.md      | 1 +
 docs/rules/no-arrow-functions-in-watch.md               | 1 +
 docs/rules/no-async-in-computed-properties.md           | 1 +
 docs/rules/no-bare-strings-in-template.md               | 1 +
 docs/rules/no-boolean-default.md                        | 1 +
 docs/rules/no-confusing-v-for-v-if.md                   | 1 +
 docs/rules/no-custom-modifiers-on-v-model.md            | 1 +
 docs/rules/no-deprecated-data-object-declaration.md     | 1 +
 docs/rules/no-deprecated-destroyed-lifecycle.md         | 1 +
 docs/rules/no-deprecated-dollar-listeners-api.md        | 1 +
 docs/rules/no-deprecated-dollar-scopedslots-api.md      | 1 +
 docs/rules/no-deprecated-events-api.md                  | 1 +
 docs/rules/no-deprecated-filter.md                      | 1 +
 docs/rules/no-deprecated-functional-template.md         | 1 +
 docs/rules/no-deprecated-html-element-is.md             | 1 +
 docs/rules/no-deprecated-inline-template.md             | 1 +
 docs/rules/no-deprecated-props-default-this.md          | 1 +
 docs/rules/no-deprecated-scope-attribute.md             | 1 +
 docs/rules/no-deprecated-slot-attribute.md              | 1 +
 docs/rules/no-deprecated-slot-scope-attribute.md        | 1 +
 docs/rules/no-deprecated-v-bind-sync.md                 | 1 +
 docs/rules/no-deprecated-v-on-native-modifier.md        | 1 +
 docs/rules/no-deprecated-v-on-number-modifiers.md       | 1 +
 docs/rules/no-deprecated-vue-config-keycodes.md         | 1 +
 docs/rules/no-dupe-keys.md                              | 1 +
 docs/rules/no-dupe-v-else-if.md                         | 1 +
 docs/rules/no-duplicate-attr-inheritance.md             | 1 +
 docs/rules/no-duplicate-attributes.md                   | 1 +
 docs/rules/no-empty-component-block.md                  | 1 +
 docs/rules/no-empty-pattern.md                          | 1 +
 docs/rules/no-extra-parens.md                           | 1 +
 docs/rules/no-irregular-whitespace.md                   | 1 +
 docs/rules/no-lifecycle-after-await.md                  | 1 +
 docs/rules/no-lone-template.md                          | 1 +
 docs/rules/no-multi-spaces.md                           | 1 +
 docs/rules/no-multiple-objects-in-class.md              | 1 +
 docs/rules/no-multiple-slot-args.md                     | 1 +
 docs/rules/no-multiple-template-root.md                 | 1 +
 docs/rules/no-mutating-props.md                         | 1 +
 docs/rules/no-parsing-error.md                          | 1 +
 docs/rules/no-potential-component-option-typo.md        | 1 +
 docs/rules/no-ref-as-operand.md                         | 1 +
 docs/rules/no-reserved-component-names.md               | 1 +
 docs/rules/no-reserved-keys.md                          | 1 +
 docs/rules/no-restricted-component-options.md           | 1 +
 docs/rules/no-restricted-custom-event.md                | 1 +
 docs/rules/no-restricted-props.md                       | 1 +
 docs/rules/no-restricted-static-attribute.md            | 1 +
 docs/rules/no-restricted-syntax.md                      | 1 +
 docs/rules/no-restricted-v-bind.md                      | 1 +
 docs/rules/no-setup-props-destructure.md                | 1 +
 docs/rules/no-shared-component-data.md                  | 1 +
 docs/rules/no-side-effects-in-computed-properties.md    | 1 +
 docs/rules/no-spaces-around-equal-signs-in-attribute.md | 1 +
 docs/rules/no-sparse-arrays.md                          | 1 +
 docs/rules/no-static-inline-styles.md                   | 1 +
 docs/rules/no-template-key.md                           | 1 +
 docs/rules/no-template-shadow.md                        | 1 +
 docs/rules/no-template-target-blank.md                  | 1 +
 docs/rules/no-textarea-mustache.md                      | 1 +
 docs/rules/no-unregistered-components.md                | 1 +
 docs/rules/no-unsupported-features.md                   | 1 +
 docs/rules/no-unused-components.md                      | 1 +
 docs/rules/no-unused-properties.md                      | 1 +
 docs/rules/no-unused-vars.md                            | 1 +
 docs/rules/no-use-v-if-with-v-for.md                    | 1 +
 docs/rules/no-useless-concat.md                         | 1 +
 docs/rules/no-useless-mustaches.md                      | 1 +
 docs/rules/no-useless-v-bind.md                         | 1 +
 docs/rules/no-v-for-template-key-on-child.md            | 1 +
 docs/rules/no-v-for-template-key.md                     | 1 +
 docs/rules/no-v-html.md                                 | 1 +
 docs/rules/no-v-model-argument.md                       | 1 +
 docs/rules/no-watch-after-await.md                      | 1 +
 docs/rules/object-curly-newline.md                      | 1 +
 docs/rules/object-curly-spacing.md                      | 1 +
 docs/rules/object-property-newline.md                   | 1 +
 docs/rules/one-component-per-file.md                    | 1 +
 docs/rules/operator-linebreak.md                        | 1 +
 docs/rules/order-in-components.md                       | 1 +
 docs/rules/padding-line-between-blocks.md               | 1 +
 docs/rules/prefer-template.md                           | 1 +
 docs/rules/prop-name-casing.md                          | 1 +
 docs/rules/require-component-is.md                      | 1 +
 docs/rules/require-default-prop.md                      | 1 +
 docs/rules/require-direct-export.md                     | 1 +
 docs/rules/require-explicit-emits.md                    | 1 +
 docs/rules/require-name-property.md                     | 1 +
 docs/rules/require-prop-type-constructor.md             | 1 +
 docs/rules/require-prop-types.md                        | 1 +
 docs/rules/require-render-return.md                     | 1 +
 docs/rules/require-slots-as-functions.md                | 1 +
 docs/rules/require-toggle-inside-transition.md          | 1 +
 docs/rules/require-v-for-key.md                         | 1 +
 docs/rules/require-valid-default-prop.md                | 1 +
 docs/rules/return-in-computed-property.md               | 1 +
 docs/rules/return-in-emits-validator.md                 | 1 +
 docs/rules/script-indent.md                             | 1 +
 docs/rules/singleline-html-element-content-newline.md   | 1 +
 docs/rules/sort-keys.md                                 | 1 +
 docs/rules/space-in-parens.md                           | 1 +
 docs/rules/space-infix-ops.md                           | 1 +
 docs/rules/space-unary-ops.md                           | 1 +
 docs/rules/static-class-names-order.md                  | 1 +
 docs/rules/template-curly-spacing.md                    | 1 +
 docs/rules/this-in-template.md                          | 1 +
 docs/rules/use-v-on-exact.md                            | 1 +
 docs/rules/v-bind-style.md                              | 1 +
 docs/rules/v-for-delimiter-style.md                     | 1 +
 docs/rules/v-on-function-call.md                        | 1 +
 docs/rules/v-on-style.md                                | 1 +
 docs/rules/v-slot-style.md                              | 1 +
 docs/rules/valid-template-root.md                       | 1 +
 docs/rules/valid-v-bind-sync.md                         | 1 +
 docs/rules/valid-v-bind.md                              | 1 +
 docs/rules/valid-v-cloak.md                             | 1 +
 docs/rules/valid-v-else-if.md                           | 1 +
 docs/rules/valid-v-else.md                              | 1 +
 docs/rules/valid-v-for.md                               | 1 +
 docs/rules/valid-v-html.md                              | 1 +
 docs/rules/valid-v-if.md                                | 1 +
 docs/rules/valid-v-is.md                                | 1 +
 docs/rules/valid-v-model.md                             | 1 +
 docs/rules/valid-v-on.md                                | 1 +
 docs/rules/valid-v-once.md                              | 1 +
 docs/rules/valid-v-pre.md                               | 1 +
 docs/rules/valid-v-show.md                              | 1 +
 docs/rules/valid-v-slot.md                              | 1 +
 docs/rules/valid-v-text.md                              | 1 +
 169 files changed, 169 insertions(+)

diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 2bc2a0886..02d592022 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-newline
 description: enforce linebreaks after opening and before closing array brackets
+since: v7.1.0
 ---
 # vue/array-bracket-newline
 > enforce linebreaks after opening and before closing array brackets
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index 4da69b6f6..9d84f3f0c 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-spacing
 description: enforce consistent spacing inside array brackets
+since: v5.2.0
 ---
 # vue/array-bracket-spacing
 > enforce consistent spacing inside array brackets
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 0ca9c4f82..fb244a0e8 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/arrow-spacing
 description: enforce consistent spacing before and after the arrow in arrow functions
+since: v5.2.0
 ---
 # vue/arrow-spacing
 > enforce consistent spacing before and after the arrow in arrow functions
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index b6a4915c2..e45ba08c6 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/attribute-hyphenation
 description: enforce attribute naming style on custom components in template
+since: v3.9.0
 ---
 # vue/attribute-hyphenation
 > enforce attribute naming style on custom components in template
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index ea8c4ae9c..01d0adb55 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/attributes-order
 description: enforce order of attributes
+since: v4.3.0
 ---
 # vue/attributes-order
 > enforce order of attributes
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index bc6b003d6..105e712e2 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-spacing
 description: disallow or enforce spaces inside of blocks after opening block and before closing block
+since: v5.2.0
 ---
 # vue/block-spacing
 > disallow or enforce spaces inside of blocks after opening block and before closing block
diff --git a/docs/rules/block-tag-newline.md b/docs/rules/block-tag-newline.md
index a3ab5f965..8432d2537 100644
--- a/docs/rules/block-tag-newline.md
+++ b/docs/rules/block-tag-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-tag-newline
 description: enforce line breaks after opening and before closing block-level tags
+since: v7.1.0
 ---
 # vue/block-tag-newline
 > enforce line breaks after opening and before closing block-level tags
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 7ef57cd85..d2b0b890e 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/brace-style
 description: enforce consistent brace style for blocks
+since: v5.2.0
 ---
 # vue/brace-style
 > enforce consistent brace style for blocks
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index b52fcefd8..206baff29 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/camelcase
 description: enforce camelcase naming convention
+since: v5.2.0
 ---
 # vue/camelcase
 > enforce camelcase naming convention
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 8e0561fee..ba120e35c 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-dangle
 description: require or disallow trailing commas
+since: v5.2.0
 ---
 # vue/comma-dangle
 > require or disallow trailing commas
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index 47069d384..614850710 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-spacing
 description: enforce consistent spacing before and after commas
+since: v7.0.0
 ---
 # vue/comma-spacing
 > enforce consistent spacing before and after commas
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index ee335f70c..bf6a1e229 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-style
 description: enforce consistent comma style
+since: v7.0.0
 ---
 # vue/comma-style
 > enforce consistent comma style
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 8b56e14a1..a44fcee4c 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/comment-directive
 description: support comment-directives in `<template>`
+since: v4.1.0
 ---
 # vue/comment-directive
 > support comment-directives in `<template>`
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index b14e70e6f..23ff8b92d 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/component-definition-name-casing
 description: enforce specific casing for component definition name
+since: v7.0.0
 ---
 # vue/component-definition-name-casing
 > enforce specific casing for component definition name
diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index a996a5f44..a04a6fa69 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/component-name-in-template-casing
 description: enforce specific casing for the component naming style in template
+since: v5.0.0
 ---
 # vue/component-name-in-template-casing
 > enforce specific casing for the component naming style in template
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index d1ecc7d85..31efd507e 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/component-tags-order
 description: enforce order of component top-level elements
+since: v6.1.0
 ---
 # vue/component-tags-order
 > enforce order of component top-level elements
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index 3a5f339cf..e433f6249 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/custom-event-name-casing
 description: enforce specific casing for custom event name
+since: v7.0.0
 ---
 # vue/custom-event-name-casing
 > enforce specific casing for custom event name
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index ea9e97628..d44299d4e 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-location
 description: enforce consistent newlines before and after dots
+since: v6.0.0
 ---
 # vue/dot-location
 > enforce consistent newlines before and after dots
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 427a2f395..2caf7e22d 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-notation
 description: enforce dot notation whenever possible
+since: v7.0.0
 ---
 # vue/dot-notation
 > enforce dot notation whenever possible
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index e259e2808..67ab2f751 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/eqeqeq
 description: require the use of `===` and `!==`
+since: v5.2.0
 ---
 # vue/eqeqeq
 > require the use of `===` and `!==`
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index c4f768996..d4d1b6648 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/experimental-script-setup-vars
 description: prevent variables defined in `<script setup>` to be marked as undefined
+since: v7.0.0
 ---
 # vue/experimental-script-setup-vars
 > prevent variables defined in `<script setup>` to be marked as undefined
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 8f3c38725..57d0d3d31 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/func-call-spacing
 description: require or disallow spacing between function identifiers and their invocations
+since: v7.0.0
 ---
 # vue/func-call-spacing
 > require or disallow spacing between function identifiers and their invocations
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index 68d405fef..1325c74db 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-closing-bracket-newline
 description: require or disallow a line break before tag's closing brackets
+since: v4.1.0
 ---
 # vue/html-closing-bracket-newline
 > require or disallow a line break before tag's closing brackets
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index ccbbcb1c6..2067aac7f 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-closing-bracket-spacing
 description: require or disallow a space before tag's closing brackets
+since: v4.1.0
 ---
 # vue/html-closing-bracket-spacing
 > require or disallow a space before tag's closing brackets
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index 02efef3d1..f15e1f5db 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-comment-content-newline
 description: enforce unified line brake in HTML comments
+since: v7.0.0
 ---
 # vue/html-comment-content-newline
 > enforce unified line brake in HTML comments
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
index f92cfc15b..b67545cc4 100644
--- a/docs/rules/html-comment-content-spacing.md
+++ b/docs/rules/html-comment-content-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-comment-content-spacing
 description: enforce unified spacing in HTML comments
+since: v7.0.0
 ---
 # vue/html-comment-content-spacing
 > enforce unified spacing in HTML comments
diff --git a/docs/rules/html-comment-indent.md b/docs/rules/html-comment-indent.md
index 6da16a098..7311b0574 100644
--- a/docs/rules/html-comment-indent.md
+++ b/docs/rules/html-comment-indent.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-comment-indent
 description: enforce consistent indentation in HTML comments
+since: v7.0.0
 ---
 # vue/html-comment-indent
 > enforce consistent indentation in HTML comments
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index 0cc0dac3f..681090321 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-end-tags
 description: enforce end tag style
+since: v3.0.0
 ---
 # vue/html-end-tags
 > enforce end tag style
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index ab6e144d5..964cab83a 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-indent
 description: enforce consistent indentation in `<template>`
+since: v3.14.0
 ---
 # vue/html-indent
 > enforce consistent indentation in `<template>`
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 91d829677..c5ee33d91 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-quotes
 description: enforce quotes style of HTML attributes
+since: v3.0.0
 ---
 # vue/html-quotes
 > enforce quotes style of HTML attributes
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index afe64ed1c..f917850d3 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-self-closing
 description: enforce self-closing style
+since: v3.11.0
 ---
 # vue/html-self-closing
 > enforce self-closing style
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index d4af01828..c9a615fe7 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/jsx-uses-vars
 description: prevent variables used in JSX to be marked as unused
+since: v2.0.0
 ---
 # vue/jsx-uses-vars
 > prevent variables used in JSX to be marked as unused
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 1ef312113..24a4970a0 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/key-spacing
 description: enforce consistent spacing between keys and values in object literal properties
+since: v5.2.0
 ---
 # vue/key-spacing
 > enforce consistent spacing between keys and values in object literal properties
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 04f218cac..785c19006 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/keyword-spacing
 description: enforce consistent spacing before and after keywords
+since: v6.0.0
 ---
 # vue/keyword-spacing
 > enforce consistent spacing before and after keywords
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index 7e454a8af..7a68b63c0 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/match-component-file-name
 description: require component name property to match its file name
+since: v5.2.0
 ---
 # vue/match-component-file-name
 > require component name property to match its file name
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 7fb05e416..910dd1a4b 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/max-attributes-per-line
 description: enforce the maximum number of attributes per line
+since: v3.12.0
 ---
 # vue/max-attributes-per-line
 > enforce the maximum number of attributes per line
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index a0ae5d1a2..483bae5bf 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/max-len
 description: enforce a maximum line length
+since: v6.1.0
 ---
 # vue/max-len
 > enforce a maximum line length
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index 971f9ecd6..e9948eeda 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-html-element-content-newline
 description: require a line break before and after the contents of a multiline element
+since: v5.0.0
 ---
 # vue/multiline-html-element-content-newline
 > require a line break before and after the contents of a multiline element
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index 63721f8db..557563bdf 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/mustache-interpolation-spacing
 description: enforce unified spacing in mustache interpolations
+since: v3.13.0
 ---
 # vue/mustache-interpolation-spacing
 > enforce unified spacing in mustache interpolations
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 545f23c5d..40c68d552 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/name-property-casing
 description: enforce specific casing for the name property in Vue components
+since: v3.8.0
 ---
 # vue/name-property-casing
 > enforce specific casing for the name property in Vue components
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index 420dee786..5c57d7d17 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/new-line-between-multi-line-property
 description: enforce new lines between multi-line properties in Vue components
+since: v7.3.0
 ---
 # vue/new-line-between-multi-line-property
 > enforce new lines between multi-line properties in Vue components
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 3f9e83fb0..1692feb64 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-arrow-functions-in-watch
 description: disallow using arrow functions to define watcher
+since: v7.0.0
 ---
 # vue/no-arrow-functions-in-watch
 > disallow using arrow functions to define watcher
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 1c9e5602a..2fcb18e1c 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-async-in-computed-properties
 description: disallow asynchronous actions in computed properties
+since: v3.8.0
 ---
 # vue/no-async-in-computed-properties
 > disallow asynchronous actions in computed properties
diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index 09e2df6e3..2c5e614ad 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-bare-strings-in-template
 description: disallow the use of bare strings in `<template>`
+since: v7.0.0
 ---
 # vue/no-bare-strings-in-template
 > disallow the use of bare strings in `<template>`
diff --git a/docs/rules/no-boolean-default.md b/docs/rules/no-boolean-default.md
index 74e53f92d..43afc887d 100644
--- a/docs/rules/no-boolean-default.md
+++ b/docs/rules/no-boolean-default.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-boolean-default
 description: disallow boolean defaults
+since: v7.0.0
 ---
 # vue/no-boolean-default
 > disallow boolean defaults
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index 8076ebb52..8cf21c13c 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-confusing-v-for-v-if
 description: disallow confusing `v-for` and `v-if` on the same element
+since: v3.0.0
 ---
 # vue/no-confusing-v-for-v-if
 > disallow confusing `v-for` and `v-if` on the same element
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index 023508b0e..f1cd7fcbe 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-custom-modifiers-on-v-model
 description: disallow custom modifiers on v-model used on the component
+since: v7.0.0
 ---
 # vue/no-custom-modifiers-on-v-model
 > disallow custom modifiers on v-model used on the component
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 4724226db..f14b8ca50 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-data-object-declaration
 description: disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-data-object-declaration
 > disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index f7f7cd8dc..a5a2585ed 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-destroyed-lifecycle
 description: disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-destroyed-lifecycle
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index 6ed23aa16..c03f61254 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-dollar-listeners-api
 description: disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-dollar-listeners-api
 > disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index c497acb8f..a7c870662 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-dollar-scopedslots-api
 description: disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-dollar-scopedslots-api
 > disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index 1d268b74b..d9ea77ae9 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-events-api
 description: disallow using deprecated events api (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-events-api
 > disallow using deprecated events api (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index c128e5f8f..474246b0c 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-filter
 description: disallow using deprecated filters syntax (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-filter
 > disallow using deprecated filters syntax (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index bfd259b7b..19c8f0a89 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-functional-template
 description: disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-functional-template
 > disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index 406715fb1..fc62e13c5 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-html-element-is
 description: disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-html-element-is
 > disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index eca07d446..48294de27 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-inline-template
 description: disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-inline-template
 > disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index 51ae71013..bd3ddcd17 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-props-default-this
 description: disallow props default function `this` access
+since: v7.0.0
 ---
 # vue/no-deprecated-props-default-this
 > disallow props default function `this` access
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index e4a422beb..e17699cd6 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-scope-attribute
 description: disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
+since: v6.0.0
 ---
 # vue/no-deprecated-scope-attribute
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 1a2e7deb6..03d57a080 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-slot-attribute
 description: disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
+since: v6.1.0
 ---
 # vue/no-deprecated-slot-attribute
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 22b822205..021770035 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-slot-scope-attribute
 description: disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
+since: v6.1.0
 ---
 # vue/no-deprecated-slot-scope-attribute
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index 41fa3d99a..fe17ea157 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-v-bind-sync
 description: disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-v-bind-sync
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index 3159c48e0..5c9767c5e 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-v-on-native-modifier
 description: disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-v-on-native-modifier
 > disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 2d7ece065..98d297912 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-v-on-number-modifiers
 description: disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-v-on-number-modifiers
 > disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index 1b394feb7..bbbdf3c15 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-vue-config-keycodes
 description: disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
+since: v7.0.0
 ---
 # vue/no-deprecated-vue-config-keycodes
 > disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index b4e2834b8..853fbc088 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-dupe-keys
 description: disallow duplication of field names
+since: v3.9.0
 ---
 # vue/no-dupe-keys
 > disallow duplication of field names
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
index 57322a8a3..c98de10e4 100644
--- a/docs/rules/no-dupe-v-else-if.md
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-dupe-v-else-if
 description: disallow duplicate conditions in `v-if` / `v-else-if` chains
+since: v7.0.0
 ---
 # vue/no-dupe-v-else-if
 > disallow duplicate conditions in `v-if` / `v-else-if` chains
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index 17e6fbe1d..e28acd0b1 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-duplicate-attr-inheritance
 description: enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
+since: v7.0.0
 ---
 # vue/no-duplicate-attr-inheritance
 > enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index 3b52d820a..a40c0d4dd 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-duplicate-attributes
 description: disallow duplication of attributes
+since: v3.0.0
 ---
 # vue/no-duplicate-attributes
 > disallow duplication of attributes
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index 5b164b6de..ef9c75886 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-empty-component-block
 description: disallow the `<template>` `<script>` `<style>` block to be empty
+since: v7.0.0
 ---
 # vue/no-empty-component-block
 > disallow the `<template>` `<script>` `<style>` block to be empty
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index 9fe341619..5982aada2 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-empty-pattern
 description: disallow empty destructuring patterns
+since: v6.0.0
 ---
 # vue/no-empty-pattern
 > disallow empty destructuring patterns
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 3f813e851..327861366 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-extra-parens
 description: disallow unnecessary parentheses
+since: v7.0.0
 ---
 # vue/no-extra-parens
 > disallow unnecessary parentheses
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
index 11610c908..0c5500c5a 100644
--- a/docs/rules/no-irregular-whitespace.md
+++ b/docs/rules/no-irregular-whitespace.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-irregular-whitespace
 description: disallow irregular whitespace
+since: v6.1.0
 ---
 # vue/no-irregular-whitespace
 > disallow irregular whitespace
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index 2ecc56d36..dc72a288a 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-lifecycle-after-await
 description: disallow asynchronously registered lifecycle hooks
+since: v7.0.0
 ---
 # vue/no-lifecycle-after-await
 > disallow asynchronously registered lifecycle hooks
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index cafd8398e..01a959759 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-lone-template
 description: disallow unnecessary `<template>`
+since: v7.0.0
 ---
 # vue/no-lone-template
 > disallow unnecessary `<template>`
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 765b81bc0..250de4e2e 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-multi-spaces
 description: disallow multiple spaces
+since: v3.12.0
 ---
 # vue/no-multi-spaces
 > disallow multiple spaces
diff --git a/docs/rules/no-multiple-objects-in-class.md b/docs/rules/no-multiple-objects-in-class.md
index a7043767e..79dda0979 100644
--- a/docs/rules/no-multiple-objects-in-class.md
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-multiple-objects-in-class
 description: disallow to pass multiple objects into array to class
+since: v7.0.0
 ---
 # vue/no-multiple-objects-in-class
 > disallow to pass multiple objects into array to class
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index 519277098..7b2286bc4 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-multiple-slot-args
 description: disallow to pass multiple arguments to scoped slots
+since: v7.0.0
 ---
 # vue/no-multiple-slot-args
 > disallow to pass multiple arguments to scoped slots
diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index 3151ffe7c..89e85d555 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-multiple-template-root
 description: disallow adding multiple root nodes to the template
+since: v7.0.0
 ---
 # vue/no-multiple-template-root
 > disallow adding multiple root nodes to the template
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 0bedc4b9d..058172631 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-mutating-props
 description: disallow mutation of component props
+since: v7.0.0
 ---
 # vue/no-mutating-props
 > disallow mutation of component props
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index 7c3f80ca1..38aa56961 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-parsing-error
 description: disallow parsing errors in `<template>`
+since: v3.0.0
 ---
 # vue/no-parsing-error
 > disallow parsing errors in `<template>`
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index 2233361ef..3ad3fdabb 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-potential-component-option-typo
 description: disallow a potential typo in your component property
+since: v7.0.0
 ---
 # vue/no-potential-component-option-typo
 > disallow a potential typo in your component property
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index 40a085b46..c8a250913 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-ref-as-operand
 description: disallow use of value wrapped by `ref()` (Composition API) as an operand
+since: v7.0.0
 ---
 # vue/no-ref-as-operand
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 2440a121b..f014a9e49 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-reserved-component-names
 description: disallow the use of reserved names in component definitions
+since: v6.1.0
 ---
 # vue/no-reserved-component-names
 > disallow the use of reserved names in component definitions
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index daee8e049..6d97d6b8f 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-reserved-keys
 description: disallow overwriting reserved keys
+since: v3.9.0
 ---
 # vue/no-reserved-keys
 > disallow overwriting reserved keys
diff --git a/docs/rules/no-restricted-component-options.md b/docs/rules/no-restricted-component-options.md
index 41292bc67..e591a7cb3 100644
--- a/docs/rules/no-restricted-component-options.md
+++ b/docs/rules/no-restricted-component-options.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-component-options
 description: disallow specific component option
+since: v7.0.0
 ---
 # vue/no-restricted-component-options
 > disallow specific component option
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
index 73cf09679..dc10b7571 100644
--- a/docs/rules/no-restricted-custom-event.md
+++ b/docs/rules/no-restricted-custom-event.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-custom-event
 description: disallow specific custom event
+since: v7.3.0
 ---
 # vue/no-restricted-custom-event
 > disallow specific custom event
diff --git a/docs/rules/no-restricted-props.md b/docs/rules/no-restricted-props.md
index 664b6f2cd..e7da3e84c 100644
--- a/docs/rules/no-restricted-props.md
+++ b/docs/rules/no-restricted-props.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-props
 description: disallow specific props
+since: v7.3.0
 ---
 # vue/no-restricted-props
 > disallow specific props
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index 7cd5f9546..8bf5a8952 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-static-attribute
 description: disallow specific attribute
+since: v7.0.0
 ---
 # vue/no-restricted-static-attribute
 > disallow specific attribute
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index c28bd5ba6..b324876cd 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-syntax
 description: disallow specified syntax
+since: v5.2.0
 ---
 # vue/no-restricted-syntax
 > disallow specified syntax
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index 30f4fa06d..3a670ad94 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-v-bind
 description: disallow specific argument in `v-bind`
+since: v7.0.0
 ---
 # vue/no-restricted-v-bind
 > disallow specific argument in `v-bind`
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 2bd784a87..ca647a25c 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-setup-props-destructure
 description: disallow destructuring of `props` passed to `setup`
+since: v7.0.0
 ---
 # vue/no-setup-props-destructure
 > disallow destructuring of `props` passed to `setup`
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index 2b0fb706a..df4fd05a8 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-shared-component-data
 description: enforce component's data property to be a function
+since: v3.8.0
 ---
 # vue/no-shared-component-data
 > enforce component's data property to be a function
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 999a87f1b..3d92798bd 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-side-effects-in-computed-properties
 description: disallow side effects in computed properties
+since: v3.6.0
 ---
 # vue/no-side-effects-in-computed-properties
 > disallow side effects in computed properties
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index 8ac003c5c..078034369 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-spaces-around-equal-signs-in-attribute
 description: disallow spaces around equal signs in attribute
+since: v5.0.0
 ---
 # vue/no-spaces-around-equal-signs-in-attribute
 > disallow spaces around equal signs in attribute
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index 3757d3408..99f1a54db 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-sparse-arrays
 description: disallow sparse arrays
+since: v7.0.0
 ---
 # vue/no-sparse-arrays
 > disallow sparse arrays
diff --git a/docs/rules/no-static-inline-styles.md b/docs/rules/no-static-inline-styles.md
index 3d0921c02..96b91c310 100644
--- a/docs/rules/no-static-inline-styles.md
+++ b/docs/rules/no-static-inline-styles.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-static-inline-styles
 description: disallow static inline `style` attributes
+since: v7.0.0
 ---
 # vue/no-static-inline-styles
 > disallow static inline `style` attributes
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index 3b0d83669..fc3fa65ac 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-template-key
 description: disallow `key` attribute on `<template>`
+since: v3.4.0
 ---
 # vue/no-template-key
 > disallow `key` attribute on `<template>`
diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index b3bbc6c08..308a6bd75 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-template-shadow
 description: disallow variable declarations from shadowing variables declared in the outer scope
+since: v5.0.0
 ---
 # vue/no-template-shadow
 > disallow variable declarations from shadowing variables declared in the outer scope
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index d4a142d76..86d2aeed3 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-template-target-blank
 description: disallow target="_blank" attribute without rel="noopener noreferrer"
+since: v7.0.0
 ---
 # vue/no-template-target-blank
 > disallow target="_blank" attribute without rel="noopener noreferrer"
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index c424f2010..19ca85f87 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-textarea-mustache
 description: disallow mustaches in `<textarea>`
+since: v3.0.0
 ---
 # vue/no-textarea-mustache
 > disallow mustaches in `<textarea>`
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index c90b41c41..3d141d675 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unregistered-components
 description: disallow using components that are not registered inside templates
+since: v7.0.0
 ---
 # vue/no-unregistered-components
 > disallow using components that are not registered inside templates
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index a9f021c54..96de00609 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unsupported-features
 description: disallow unsupported Vue.js syntax on the specified version
+since: v6.1.0
 ---
 # vue/no-unsupported-features
 > disallow unsupported Vue.js syntax on the specified version
diff --git a/docs/rules/no-unused-components.md b/docs/rules/no-unused-components.md
index 4f86cf713..9cfb6bdbc 100644
--- a/docs/rules/no-unused-components.md
+++ b/docs/rules/no-unused-components.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unused-components
 description: disallow registering components that are not used inside templates
+since: v7.0.0
 ---
 # vue/no-unused-components
 > disallow registering components that are not used inside templates
diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index bcf1a56ec..6509bbe27 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unused-properties
 description: disallow unused properties
+since: v7.0.0
 ---
 # vue/no-unused-properties
 > disallow unused properties
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index 2def5d564..bda627608 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unused-vars
 description: disallow unused variable definitions of v-for directives or scope attributes
+since: v3.14.0
 ---
 # vue/no-unused-vars
 > disallow unused variable definitions of v-for directives or scope attributes
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index db3f3dc7f..910f48e85 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-use-v-if-with-v-for
 description: disallow use v-if on the same element as v-for
+since: v4.6.0
 ---
 # vue/no-use-v-if-with-v-for
 > disallow use v-if on the same element as v-for
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index c58ec07b2..2e2af2589 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-concat
 description: disallow unnecessary concatenation of literals or template literals
+since: v7.0.0
 ---
 # vue/no-useless-concat
 > disallow unnecessary concatenation of literals or template literals
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index b517b7b14..9f4ad2ba9 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-mustaches
 description: disallow unnecessary mustache interpolations
+since: v7.0.0
 ---
 # vue/no-useless-mustaches
 > disallow unnecessary mustache interpolations
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
index 4abf90193..96c1b6d8a 100644
--- a/docs/rules/no-useless-v-bind.md
+++ b/docs/rules/no-useless-v-bind.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-v-bind
 description: disallow unnecessary `v-bind` directives
+since: v7.0.0
 ---
 # vue/no-useless-v-bind
 > disallow unnecessary `v-bind` directives
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index bd56e4813..ddc7dc9c9 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-v-for-template-key-on-child
 description: disallow key of `<template v-for>` placed on child elements
+since: v7.0.0
 ---
 # vue/no-v-for-template-key-on-child
 > disallow key of `<template v-for>` placed on child elements
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index debcd3280..083db3cec 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-v-for-template-key
 description: disallow `key` attribute on `<template v-for>`
+since: v7.0.0
 ---
 # vue/no-v-for-template-key
 > disallow `key` attribute on `<template v-for>`
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 2bf8c2f61..35bb21621 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-v-html
 description: disallow use of v-html to prevent XSS attack
+since: v4.7.0
 ---
 # vue/no-v-html
 > disallow use of v-html to prevent XSS attack
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index 6dce76e25..0b27f96c6 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-v-model-argument
 description: disallow adding an argument to `v-model` used in custom component
+since: v7.0.0
 ---
 # vue/no-v-model-argument
 > disallow adding an argument to `v-model` used in custom component
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index f0d45af2b..2f4c67f4e 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-watch-after-await
 description: disallow asynchronously registered `watch`
+since: v7.0.0
 ---
 # vue/no-watch-after-await
 > disallow asynchronously registered `watch`
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index aa426587d..d973bc31b 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
 description: enforce consistent line breaks inside braces
+since: v7.0.0
 ---
 # vue/object-curly-newline
 > enforce consistent line breaks inside braces
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index de3b6488d..e82e3f984 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-spacing
 description: enforce consistent spacing inside braces
+since: v5.2.0
 ---
 # vue/object-curly-spacing
 > enforce consistent spacing inside braces
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index 2070eface..f2ee3f067 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-property-newline
 description: enforce placing object properties on separate lines
+since: v7.0.0
 ---
 # vue/object-property-newline
 > enforce placing object properties on separate lines
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index 7bb21a1ad..5fd704395 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/one-component-per-file
 description: enforce that each component should be in its own file
+since: v7.0.0
 ---
 # vue/one-component-per-file
 > enforce that each component should be in its own file
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 1f772d721..42ac648a7 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/operator-linebreak
 description: enforce consistent linebreak style for operators
+since: v7.0.0
 ---
 # vue/operator-linebreak
 > enforce consistent linebreak style for operators
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 8fae0c294..46e6eb194 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/order-in-components
 description: enforce order of properties in components
+since: v3.2.0
 ---
 # vue/order-in-components
 > enforce order of properties in components
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 5c6ddb314..24511f3ea 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/padding-line-between-blocks
 description: require or disallow padding lines between blocks
+since: v6.2.0
 ---
 # vue/padding-line-between-blocks
 > require or disallow padding lines between blocks
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index 4c149fc9f..fceee3abd 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-template
 description: require template literals instead of string concatenation
+since: v7.0.0
 ---
 # vue/prefer-template
 > require template literals instead of string concatenation
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index ad562f0f4..6870d66c8 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prop-name-casing
 description: enforce specific casing for the Prop name in Vue components
+since: v4.3.0
 ---
 # vue/prop-name-casing
 > enforce specific casing for the Prop name in Vue components
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 503dccd26..868fae19a 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-component-is
 description: require `v-bind:is` of `<component>` elements
+since: v3.0.0
 ---
 # vue/require-component-is
 > require `v-bind:is` of `<component>` elements
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index 60768c3ac..db8918199 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-default-prop
 description: require default value for props
+since: v3.13.0
 ---
 # vue/require-default-prop
 > require default value for props
diff --git a/docs/rules/require-direct-export.md b/docs/rules/require-direct-export.md
index e51751df0..a35982a03 100644
--- a/docs/rules/require-direct-export.md
+++ b/docs/rules/require-direct-export.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-direct-export
 description: require the component to be directly exported
+since: v5.2.0
 ---
 # vue/require-direct-export
 > require the component to be directly exported
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 71d1f5d6c..e35b33552 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-explicit-emits
 description: require `emits` option with name triggered by `$emit()`
+since: v7.0.0
 ---
 # vue/require-explicit-emits
 > require `emits` option with name triggered by `$emit()`
diff --git a/docs/rules/require-name-property.md b/docs/rules/require-name-property.md
index 8b6959f3d..7997ba85e 100644
--- a/docs/rules/require-name-property.md
+++ b/docs/rules/require-name-property.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-name-property
 description: require a name property in Vue components
+since: v6.1.0
 ---
 # vue/require-name-property
 > require a name property in Vue components
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 10df2725b..efc299eda 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-prop-type-constructor
 description: require prop type to be a constructor
+since: v5.0.0
 ---
 # vue/require-prop-type-constructor
 > require prop type to be a constructor
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index eba13faf5..7cec00a82 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-prop-types
 description: require type definitions in props
+since: v3.9.0
 ---
 # vue/require-prop-types
 > require type definitions in props
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index e5e5bd5f6..50343cca9 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-render-return
 description: enforce render function to always return value
+since: v3.10.0
 ---
 # vue/require-render-return
 > enforce render function to always return value
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index b39ccfb80..509c37a8a 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-slots-as-functions
 description: enforce properties of `$slots` to be used as a function
+since: v7.0.0
 ---
 # vue/require-slots-as-functions
 > enforce properties of `$slots` to be used as a function
diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index a112698ab..5cf147543 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-toggle-inside-transition
 description: require control the display of the content inside `<transition>`
+since: v7.0.0
 ---
 # vue/require-toggle-inside-transition
 > require control the display of the content inside `<transition>`
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index 06aa469c6..eb5f2c334 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-v-for-key
 description: require `v-bind:key` with `v-for` directives
+since: v3.0.0
 ---
 # vue/require-v-for-key
 > require `v-bind:key` with `v-for` directives
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index e6769b242..76e16c0cc 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-valid-default-prop
 description: enforce props default values to be valid
+since: v3.13.0
 ---
 # vue/require-valid-default-prop
 > enforce props default values to be valid
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 0defe5c24..03b263b6b 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/return-in-computed-property
 description: enforce that a return statement is present in computed property
+since: v3.7.0
 ---
 # vue/return-in-computed-property
 > enforce that a return statement is present in computed property
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index a8051dcaf..9061eee87 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/return-in-emits-validator
 description: enforce that a return statement is present in emits validator
+since: v7.0.0
 ---
 # vue/return-in-emits-validator
 > enforce that a return statement is present in emits validator
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index ac3dfd118..93ba431f5 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/script-indent
 description: enforce consistent indentation in `<script>`
+since: v4.2.0
 ---
 # vue/script-indent
 > enforce consistent indentation in `<script>`
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 0543b4ef3..8be367d03 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/singleline-html-element-content-newline
 description: require a line break before and after the contents of a singleline element
+since: v5.0.0
 ---
 # vue/singleline-html-element-content-newline
 > require a line break before and after the contents of a singleline element
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index 37cb109b1..aae9722b3 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/sort-keys
 description: enforce sort-keys in a manner that is compatible with order-in-components
+since: v6.2.0
 ---
 # vue/sort-keys
 > enforce sort-keys in a manner that is compatible with order-in-components
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index f0a16f43f..f5df0e5ef 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-in-parens
 description: enforce consistent spacing inside parentheses
+since: v7.0.0
 ---
 # vue/space-in-parens
 > enforce consistent spacing inside parentheses
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 2287c2cf3..0be37f7a1 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-infix-ops
 description: require spacing around infix operators
+since: v5.2.0
 ---
 # vue/space-infix-ops
 > require spacing around infix operators
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index f9eeb8c2c..0e9dc5f60 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-unary-ops
 description: enforce consistent spacing before or after unary operators
+since: v5.2.0
 ---
 # vue/space-unary-ops
 > enforce consistent spacing before or after unary operators
diff --git a/docs/rules/static-class-names-order.md b/docs/rules/static-class-names-order.md
index 8b27dc28a..6895391a1 100644
--- a/docs/rules/static-class-names-order.md
+++ b/docs/rules/static-class-names-order.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/static-class-names-order
 description: enforce static class names order
+since: v6.1.0
 ---
 # vue/static-class-names-order
 > enforce static class names order
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 2721d936b..0e0823780 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/template-curly-spacing
 description: require or disallow spacing around embedded expressions of template strings
+since: v7.0.0
 ---
 # vue/template-curly-spacing
 > require or disallow spacing around embedded expressions of template strings
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index 0a2be2237..6130e7d47 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/this-in-template
 description: disallow usage of `this` in template
+since: v3.13.0
 ---
 # vue/this-in-template
 > disallow usage of `this` in template
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index ed437d271..a6f97e445 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/use-v-on-exact
 description: enforce usage of `exact` modifier on `v-on`
+since: v5.0.0
 ---
 # vue/use-v-on-exact
 > enforce usage of `exact` modifier on `v-on`
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index b4a3a442a..7ce23d501 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-bind-style
 description: enforce `v-bind` directive style
+since: v3.0.0
 ---
 # vue/v-bind-style
 > enforce `v-bind` directive style
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
index 2b90aca24..39e7bf077 100644
--- a/docs/rules/v-for-delimiter-style.md
+++ b/docs/rules/v-for-delimiter-style.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-for-delimiter-style
 description: enforce `v-for` directive's delimiter style
+since: v7.0.0
 ---
 # vue/v-for-delimiter-style
 > enforce `v-for` directive's delimiter style
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index 9ca7ec2af..2a43722d0 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-on-function-call
 description: enforce or forbid parentheses after method calls without arguments in `v-on` directives
+since: v5.2.0
 ---
 # vue/v-on-function-call
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index af8355e13..79be7ec14 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-on-style
 description: enforce `v-on` directive style
+since: v3.0.0
 ---
 # vue/v-on-style
 > enforce `v-on` directive style
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index f54799f67..200e14f55 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-slot-style
 description: enforce `v-slot` directive style
+since: v6.0.0
 ---
 # vue/v-slot-style
 > enforce `v-slot` directive style
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index 85bea862c..40f40c6ad 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-template-root
 description: enforce valid template root
+since: v3.11.0
 ---
 # vue/valid-template-root
 > enforce valid template root
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index db8f10d4c..55c38e84c 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-bind-sync
 description: enforce valid `.sync` modifier on `v-bind` directives
+since: v7.0.0
 ---
 # vue/valid-v-bind-sync
 > enforce valid `.sync` modifier on `v-bind` directives
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index 696fc1678..cd05521ca 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-bind
 description: enforce valid `v-bind` directives
+since: v3.11.0
 ---
 # vue/valid-v-bind
 > enforce valid `v-bind` directives
diff --git a/docs/rules/valid-v-cloak.md b/docs/rules/valid-v-cloak.md
index a5076cc60..75215b05c 100644
--- a/docs/rules/valid-v-cloak.md
+++ b/docs/rules/valid-v-cloak.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-cloak
 description: enforce valid `v-cloak` directives
+since: v3.11.0
 ---
 # vue/valid-v-cloak
 > enforce valid `v-cloak` directives
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index 5ed9529c8..c273fcd90 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-else-if
 description: enforce valid `v-else-if` directives
+since: v3.11.0
 ---
 # vue/valid-v-else-if
 > enforce valid `v-else-if` directives
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index ce3c41f1c..78abe54c8 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-else
 description: enforce valid `v-else` directives
+since: v3.11.0
 ---
 # vue/valid-v-else
 > enforce valid `v-else` directives
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 1ec05ad99..67512f589 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-for
 description: enforce valid `v-for` directives
+since: v3.11.0
 ---
 # vue/valid-v-for
 > enforce valid `v-for` directives
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index 3a7f7bc35..66523a80a 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-html
 description: enforce valid `v-html` directives
+since: v3.11.0
 ---
 # vue/valid-v-html
 > enforce valid `v-html` directives
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index 21dca6ff9..73afc8fca 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-if
 description: enforce valid `v-if` directives
+since: v3.11.0
 ---
 # vue/valid-v-if
 > enforce valid `v-if` directives
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index c8b44d213..de3c50dce 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -4,6 +4,7 @@ sidebarDepth: 0
 title: vue/valid-v-is
 description: enforce valid `v-is` directives
 ---
+---
 # vue/valid-v-is
 > enforce valid `v-is` directives
 
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 58c6a2673..a52e6653e 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-model
 description: enforce valid `v-model` directives
+since: v3.11.0
 ---
 # vue/valid-v-model
 > enforce valid `v-model` directives
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index c6643391b..78a912e69 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-on
 description: enforce valid `v-on` directives
+since: v3.11.0
 ---
 # vue/valid-v-on
 > enforce valid `v-on` directives
diff --git a/docs/rules/valid-v-once.md b/docs/rules/valid-v-once.md
index 6a029c5d3..d8cc12cc3 100644
--- a/docs/rules/valid-v-once.md
+++ b/docs/rules/valid-v-once.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-once
 description: enforce valid `v-once` directives
+since: v3.11.0
 ---
 # vue/valid-v-once
 > enforce valid `v-once` directives
diff --git a/docs/rules/valid-v-pre.md b/docs/rules/valid-v-pre.md
index e0b08ac87..2ba42ba4f 100644
--- a/docs/rules/valid-v-pre.md
+++ b/docs/rules/valid-v-pre.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-pre
 description: enforce valid `v-pre` directives
+since: v3.11.0
 ---
 # vue/valid-v-pre
 > enforce valid `v-pre` directives
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index 46246e000..c2832e923 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-show
 description: enforce valid `v-show` directives
+since: v3.11.0
 ---
 # vue/valid-v-show
 > enforce valid `v-show` directives
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index f0810cc75..17c5d259b 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-slot
 description: enforce valid `v-slot` directives
+since: v7.0.0
 ---
 # vue/valid-v-slot
 > enforce valid `v-slot` directives
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index c5b93dfbf..66daaea43 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -3,6 +3,7 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-text
 description: enforce valid `v-text` directives
+since: v3.11.0
 ---
 # vue/valid-v-text
 > enforce valid `v-text` directives

From 30e89ec349d6f54535f74dc0453b0fe03fc50bd0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 24 Dec 2020 11:51:18 +0900
Subject: [PATCH 0228/1010] Chores: Add release version of rule to docs (#1386)

---
 docs/rules/array-bracket-newline.md           |  5 +++
 docs/rules/array-bracket-spacing.md           |  5 +++
 docs/rules/arrow-spacing.md                   |  5 +++
 docs/rules/attribute-hyphenation.md           |  5 +++
 docs/rules/attributes-order.md                |  5 +++
 docs/rules/block-spacing.md                   |  5 +++
 docs/rules/block-tag-newline.md               |  5 +++
 docs/rules/brace-style.md                     |  5 +++
 docs/rules/camelcase.md                       |  5 +++
 docs/rules/comma-dangle.md                    |  5 +++
 docs/rules/comma-spacing.md                   |  5 +++
 docs/rules/comma-style.md                     |  5 +++
 docs/rules/comment-directive.md               |  5 +++
 .../rules/component-definition-name-casing.md |  5 +++
 .../component-name-in-template-casing.md      |  5 +++
 docs/rules/component-tags-order.md            |  5 +++
 docs/rules/custom-event-name-casing.md        |  5 +++
 docs/rules/dot-location.md                    |  5 +++
 docs/rules/dot-notation.md                    |  5 +++
 docs/rules/eqeqeq.md                          |  5 +++
 docs/rules/experimental-script-setup-vars.md  |  5 +++
 docs/rules/func-call-spacing.md               |  5 +++
 docs/rules/html-closing-bracket-newline.md    |  5 +++
 docs/rules/html-closing-bracket-spacing.md    |  5 +++
 docs/rules/html-comment-content-newline.md    |  5 +++
 docs/rules/html-comment-content-spacing.md    |  5 +++
 docs/rules/html-comment-indent.md             |  5 +++
 docs/rules/html-end-tags.md                   |  5 +++
 docs/rules/html-indent.md                     |  5 +++
 docs/rules/html-quotes.md                     |  5 +++
 docs/rules/html-self-closing.md               |  5 +++
 docs/rules/jsx-uses-vars.md                   |  5 +++
 docs/rules/key-spacing.md                     |  5 +++
 docs/rules/keyword-spacing.md                 |  5 +++
 docs/rules/match-component-file-name.md       |  5 +++
 docs/rules/max-attributes-per-line.md         |  5 +++
 docs/rules/max-len.md                         |  5 +++
 .../multiline-html-element-content-newline.md |  5 +++
 docs/rules/mustache-interpolation-spacing.md  |  5 +++
 docs/rules/name-property-casing.md            |  5 +++
 .../new-line-between-multi-line-property.md   |  5 +++
 docs/rules/no-arrow-functions-in-watch.md     |  5 +++
 docs/rules/no-async-in-computed-properties.md |  5 +++
 docs/rules/no-bare-strings-in-template.md     |  5 +++
 docs/rules/no-boolean-default.md              |  5 +++
 docs/rules/no-confusing-v-for-v-if.md         |  5 +++
 docs/rules/no-custom-modifiers-on-v-model.md  |  5 +++
 .../no-deprecated-data-object-declaration.md  |  5 +++
 .../no-deprecated-destroyed-lifecycle.md      |  5 +++
 .../no-deprecated-dollar-listeners-api.md     |  5 +++
 .../no-deprecated-dollar-scopedslots-api.md   |  5 +++
 docs/rules/no-deprecated-events-api.md        |  5 +++
 docs/rules/no-deprecated-filter.md            |  5 +++
 .../no-deprecated-functional-template.md      |  5 +++
 docs/rules/no-deprecated-html-element-is.md   |  5 +++
 docs/rules/no-deprecated-inline-template.md   |  5 +++
 .../rules/no-deprecated-props-default-this.md |  5 +++
 docs/rules/no-deprecated-scope-attribute.md   |  5 +++
 docs/rules/no-deprecated-slot-attribute.md    |  5 +++
 .../no-deprecated-slot-scope-attribute.md     |  5 +++
 docs/rules/no-deprecated-v-bind-sync.md       |  5 +++
 .../no-deprecated-v-on-native-modifier.md     |  5 +++
 .../no-deprecated-v-on-number-modifiers.md    |  5 +++
 .../no-deprecated-vue-config-keycodes.md      |  5 +++
 docs/rules/no-dupe-keys.md                    |  5 +++
 docs/rules/no-dupe-v-else-if.md               |  5 +++
 docs/rules/no-duplicate-attr-inheritance.md   |  5 +++
 docs/rules/no-duplicate-attributes.md         |  5 +++
 docs/rules/no-empty-component-block.md        |  5 +++
 docs/rules/no-empty-pattern.md                |  5 +++
 docs/rules/no-extra-parens.md                 |  5 +++
 docs/rules/no-irregular-whitespace.md         |  5 +++
 docs/rules/no-lifecycle-after-await.md        |  5 +++
 docs/rules/no-lone-template.md                |  5 +++
 docs/rules/no-multi-spaces.md                 |  5 +++
 docs/rules/no-multiple-objects-in-class.md    |  5 +++
 docs/rules/no-multiple-slot-args.md           |  5 +++
 docs/rules/no-multiple-template-root.md       |  5 +++
 docs/rules/no-mutating-props.md               |  5 +++
 docs/rules/no-parsing-error.md                |  5 +++
 .../no-potential-component-option-typo.md     |  5 +++
 docs/rules/no-ref-as-operand.md               |  5 +++
 docs/rules/no-reserved-component-names.md     |  5 +++
 docs/rules/no-reserved-keys.md                |  5 +++
 docs/rules/no-restricted-component-options.md |  5 +++
 docs/rules/no-restricted-custom-event.md      |  5 +++
 docs/rules/no-restricted-props.md             |  5 +++
 docs/rules/no-restricted-static-attribute.md  |  5 +++
 docs/rules/no-restricted-syntax.md            |  5 +++
 docs/rules/no-restricted-v-bind.md            |  5 +++
 docs/rules/no-setup-props-destructure.md      |  5 +++
 docs/rules/no-shared-component-data.md        |  5 +++
 .../no-side-effects-in-computed-properties.md |  5 +++
 ...-spaces-around-equal-signs-in-attribute.md |  5 +++
 docs/rules/no-sparse-arrays.md                |  5 +++
 docs/rules/no-static-inline-styles.md         |  5 +++
 docs/rules/no-template-key.md                 |  5 +++
 docs/rules/no-template-shadow.md              |  5 +++
 docs/rules/no-template-target-blank.md        |  5 +++
 docs/rules/no-textarea-mustache.md            |  5 +++
 docs/rules/no-unregistered-components.md      |  5 +++
 docs/rules/no-unsupported-features.md         |  5 +++
 docs/rules/no-unused-components.md            |  5 +++
 docs/rules/no-unused-properties.md            |  5 +++
 docs/rules/no-unused-vars.md                  |  5 +++
 docs/rules/no-use-v-if-with-v-for.md          |  5 +++
 docs/rules/no-useless-concat.md               |  5 +++
 docs/rules/no-useless-mustaches.md            |  5 +++
 docs/rules/no-useless-v-bind.md               |  5 +++
 docs/rules/no-v-for-template-key-on-child.md  |  5 +++
 docs/rules/no-v-for-template-key.md           |  5 +++
 docs/rules/no-v-html.md                       |  5 +++
 docs/rules/no-v-model-argument.md             |  5 +++
 docs/rules/no-watch-after-await.md            |  5 +++
 docs/rules/object-curly-newline.md            |  5 +++
 docs/rules/object-curly-spacing.md            |  5 +++
 docs/rules/object-property-newline.md         |  5 +++
 docs/rules/one-component-per-file.md          |  5 +++
 docs/rules/operator-linebreak.md              |  5 +++
 docs/rules/order-in-components.md             |  5 +++
 docs/rules/padding-line-between-blocks.md     |  5 +++
 docs/rules/prefer-template.md                 |  5 +++
 docs/rules/prop-name-casing.md                |  5 +++
 docs/rules/require-component-is.md            |  5 +++
 docs/rules/require-default-prop.md            |  5 +++
 docs/rules/require-direct-export.md           |  5 +++
 docs/rules/require-explicit-emits.md          |  5 +++
 docs/rules/require-name-property.md           |  5 +++
 docs/rules/require-prop-type-constructor.md   |  5 +++
 docs/rules/require-prop-types.md              |  5 +++
 docs/rules/require-render-return.md           |  5 +++
 docs/rules/require-slots-as-functions.md      |  5 +++
 .../rules/require-toggle-inside-transition.md |  5 +++
 docs/rules/require-v-for-key.md               |  5 +++
 docs/rules/require-valid-default-prop.md      |  5 +++
 docs/rules/return-in-computed-property.md     |  5 +++
 docs/rules/return-in-emits-validator.md       |  5 +++
 docs/rules/script-indent.md                   |  5 +++
 ...singleline-html-element-content-newline.md |  5 +++
 docs/rules/sort-keys.md                       |  5 +++
 docs/rules/space-in-parens.md                 |  5 +++
 docs/rules/space-infix-ops.md                 |  5 +++
 docs/rules/space-unary-ops.md                 |  5 +++
 docs/rules/static-class-names-order.md        |  5 +++
 docs/rules/template-curly-spacing.md          |  5 +++
 docs/rules/this-in-template.md                |  5 +++
 docs/rules/use-v-on-exact.md                  |  5 +++
 docs/rules/v-bind-style.md                    |  5 +++
 docs/rules/v-for-delimiter-style.md           |  5 +++
 docs/rules/v-on-function-call.md              |  5 +++
 docs/rules/v-on-style.md                      |  5 +++
 docs/rules/v-slot-style.md                    |  5 +++
 docs/rules/valid-template-root.md             |  5 +++
 docs/rules/valid-v-bind-sync.md               |  5 +++
 docs/rules/valid-v-bind.md                    |  5 +++
 docs/rules/valid-v-cloak.md                   |  5 +++
 docs/rules/valid-v-else-if.md                 |  5 +++
 docs/rules/valid-v-else.md                    |  5 +++
 docs/rules/valid-v-for.md                     |  5 +++
 docs/rules/valid-v-html.md                    |  5 +++
 docs/rules/valid-v-if.md                      |  5 +++
 docs/rules/valid-v-is.md                      |  7 ++-
 docs/rules/valid-v-model.md                   |  5 +++
 docs/rules/valid-v-on.md                      |  5 +++
 docs/rules/valid-v-once.md                    |  5 +++
 docs/rules/valid-v-pre.md                     |  5 +++
 docs/rules/valid-v-show.md                    |  5 +++
 docs/rules/valid-v-slot.md                    |  5 +++
 docs/rules/valid-v-text.md                    |  5 +++
 tools/update-docs.js                          | 44 ++++++++++++++++---
 170 files changed, 885 insertions(+), 6 deletions(-)

diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 02d592022..4d336afd0 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -6,6 +6,7 @@ description: enforce linebreaks after opening and before closing array brackets
 since: v7.1.0
 ---
 # vue/array-bracket-newline
+
 > enforce linebreaks after opening and before closing array brackets
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [array-bracket-newline] rule but it applies t
 
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-newline.js)
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index 9d84f3f0c..fd37f2fe3 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing inside array brackets
 since: v5.2.0
 ---
 # vue/array-bracket-spacing
+
 > enforce consistent spacing inside array brackets
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [array-bracket-spacing] rule but it applies t
 
 [array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-spacing.js)
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index fb244a0e8..40194ae4b 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing before and after the arrow in arrow func
 since: v5.2.0
 ---
 # vue/arrow-spacing
+
 > enforce consistent spacing before and after the arrow in arrow functions
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [arrow-spacing] rule but it applies to the ex
 
 [arrow-spacing]: https://eslint.org/docs/rules/arrow-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/arrow-spacing.js)
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index e45ba08c6..fc7bba756 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -6,6 +6,7 @@ description: enforce attribute naming style on custom components in template
 since: v3.9.0
 ---
 # vue/attribute-hyphenation
+
 > enforce attribute naming style on custom components in template
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -103,6 +104,10 @@ Don't use hyphenated name but allow custom attributes
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/attribute-hyphenation.js)
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 01d0adb55..e5c8a91f1 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -6,6 +6,7 @@ description: enforce order of attributes
 since: v4.3.0
 ---
 # vue/attributes-order
+
 > enforce order of attributes
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -221,6 +222,10 @@ This rule aims to enforce ordering of component attributes. The default order is
 - [Style guide - Element attribute order](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended)
 - [Style guide (for v2) - Element attribute order](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.3.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/attributes-order.js)
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 105e712e2..72a4d495c 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -6,6 +6,7 @@ description: disallow or enforce spaces inside of blocks after opening block and
 since: v5.2.0
 ---
 # vue/block-spacing
+
 > disallow or enforce spaces inside of blocks after opening block and before closing block
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [block-spacing] rule but it applies to the ex
 
 [block-spacing]: https://eslint.org/docs/rules/block-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-spacing.js)
diff --git a/docs/rules/block-tag-newline.md b/docs/rules/block-tag-newline.md
index 8432d2537..59d43a14b 100644
--- a/docs/rules/block-tag-newline.md
+++ b/docs/rules/block-tag-newline.md
@@ -6,6 +6,7 @@ description: enforce line breaks after opening and before closing block-level ta
 since: v7.1.0
 ---
 # vue/block-tag-newline
+
 > enforce line breaks after opening and before closing block-level tags
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -156,6 +157,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-tag-newline.js)
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index d2b0b890e..99bf8e0ce 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -6,6 +6,7 @@ description: enforce consistent brace style for blocks
 since: v5.2.0
 ---
 # vue/brace-style
+
 > enforce consistent brace style for blocks
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [brace-style] rule but it applies to the expr
 
 [brace-style]: https://eslint.org/docs/rules/brace-style
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/brace-style.js)
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index 206baff29..2ee39bdcc 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -6,6 +6,7 @@ description: enforce camelcase naming convention
 since: v5.2.0
 ---
 # vue/camelcase
+
 > enforce camelcase naming convention
 
 This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
@@ -16,6 +17,10 @@ This rule is the same rule as core [camelcase] rule but it applies to the expres
 
 [camelcase]: https://eslint.org/docs/rules/camelcase
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/camelcase.js)
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index ba120e35c..1ef275f42 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -6,6 +6,7 @@ description: require or disallow trailing commas
 since: v5.2.0
 ---
 # vue/comma-dangle
+
 > require or disallow trailing commas
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [comma-dangle] rule but it applies to the exp
 
 [comma-dangle]: https://eslint.org/docs/rules/comma-dangle
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-dangle.js)
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index 614850710..f3531c8cf 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing before and after commas
 since: v7.0.0
 ---
 # vue/comma-spacing
+
 > enforce consistent spacing before and after commas
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [comma-spacing] rule but it applies to the ex
 
 [comma-spacing]: https://eslint.org/docs/rules/comma-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-spacing.js)
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index bf6a1e229..2dfb24660 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -6,6 +6,7 @@ description: enforce consistent comma style
 since: v7.0.0
 ---
 # vue/comma-style
+
 > enforce consistent comma style
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [comma-style] rule but it applies to the expr
 
 [comma-style]: https://eslint.org/docs/rules/comma-style
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-style.js)
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index a44fcee4c..77c3986c5 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -6,6 +6,7 @@ description: support comment-directives in `<template>`
 since: v4.1.0
 ---
 # vue/comment-directive
+
 > support comment-directives in `<template>`
 
 - :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -128,6 +129,10 @@ Unused reports cannot be suppressed with `eslint-disable` HTML comments.
 
 [Disabling rules with inline comments]: https://eslint.org/docs/user-guide/configuring#disabling-rules-with-inline-comments
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comment-directive.js)
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index 23ff8b92d..5e89ace75 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -6,6 +6,7 @@ description: enforce specific casing for component definition name
 since: v7.0.0
 ---
 # vue/component-definition-name-casing
+
 > enforce specific casing for component definition name
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -122,6 +123,10 @@ Vue.component('MyComponent', {
 
 - [Style guide - Component name casing in JS/JSX](https://v3.vuejs.org/style-guide/#component-name-casing-in-js-jsx-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-definition-name-casing.js)
diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index a04a6fa69..a8bbc7745 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -6,6 +6,7 @@ description: enforce specific casing for the component naming style in template
 since: v5.0.0
 ---
 # vue/component-name-in-template-casing
+
 > enforce specific casing for the component naming style in template
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -144,6 +145,10 @@ export default {
 
 - [Style guide - Component name casing in templates](https://v3.vuejs.org/style-guide/#component-name-casing-in-templates-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-name-in-template-casing.js)
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 31efd507e..e0c0c99f3 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -6,6 +6,7 @@ description: enforce order of component top-level elements
 since: v6.1.0
 ---
 # vue/component-tags-order
+
 > enforce order of component top-level elements
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -115,6 +116,10 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 - [Style guide - Single-file component top-level element order](https://v3.vuejs.org/style-guide/#single-file-component-top-level-element-order-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-tags-order.js)
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index e433f6249..16a46dfda 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -6,6 +6,7 @@ description: enforce specific casing for custom event name
 since: v7.0.0
 ---
 # vue/custom-event-name-casing
+
 > enforce specific casing for custom event name
 
 Define a style for custom event name casing for consistency purposes.
@@ -170,6 +171,10 @@ export default {
 [Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
 [Guide (for v2) - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/custom-event-name-casing.js)
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index d44299d4e..aafef433a 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -6,6 +6,7 @@ description: enforce consistent newlines before and after dots
 since: v6.0.0
 ---
 # vue/dot-location
+
 > enforce consistent newlines before and after dots
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [dot-location] rule but it applies to the exp
 
 [dot-location]: https://eslint.org/docs/rules/dot-location
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-location.js)
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 2caf7e22d..d94fac957 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -6,6 +6,7 @@ description: enforce dot notation whenever possible
 since: v7.0.0
 ---
 # vue/dot-notation
+
 > enforce dot notation whenever possible
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [dot-notation] rule but it applies to the exp
 
 [dot-notation]: https://eslint.org/docs/rules/dot-notation
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-notation.js)
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index 67ab2f751..08fdaacea 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -6,6 +6,7 @@ description: require the use of `===` and `!==`
 since: v5.2.0
 ---
 # vue/eqeqeq
+
 > require the use of `===` and `!==`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [eqeqeq] rule but it applies to the expressio
 
 [eqeqeq]: https://eslint.org/docs/rules/eqeqeq
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/eqeqeq.js)
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index d4d1b6648..9608384a1 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -6,6 +6,7 @@ description: prevent variables defined in `<script setup>` to be marked as undef
 since: v7.0.0
 ---
 # vue/experimental-script-setup-vars
+
 > prevent variables defined in `<script setup>` to be marked as undefined
 
 - :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -37,6 +38,10 @@ emit('foo')
 
 After turning on, `props` and `emit` are being marked as defined and `no-undef` rule doesn't report an issue.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/experimental-script-setup-vars.js)
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 57d0d3d31..578cde982 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -6,6 +6,7 @@ description: require or disallow spacing between function identifiers and their
 since: v7.0.0
 ---
 # vue/func-call-spacing
+
 > require or disallow spacing between function identifiers and their invocations
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [func-call-spacing] rule but it applies to th
 
 [func-call-spacing]: https://eslint.org/docs/rules/func-call-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/func-call-spacing.js)
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index 1325c74db..df3a8ac3c 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -6,6 +6,7 @@ description: require or disallow a line break before tag's closing brackets
 since: v4.1.0
 ---
 # vue/html-closing-bracket-newline
+
 > require or disallow a line break before tag's closing brackets
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -94,6 +95,10 @@ Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-l
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-closing-bracket-newline.js)
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index 2067aac7f..ee2a608d2 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -6,6 +6,7 @@ description: require or disallow a space before tag's closing brackets
 since: v4.1.0
 ---
 # vue/html-closing-bracket-spacing
+
 > require or disallow a space before tag's closing brackets
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -87,6 +88,10 @@ This rule aims to enforce consistent spacing style before closing brackets `>` o
 - [vue/no-multi-spaces](./no-multi-spaces.md)
 - [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-closing-bracket-spacing.js)
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index f15e1f5db..eb543a753 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -6,6 +6,7 @@ description: enforce unified line brake in HTML comments
 since: v7.0.0
 ---
 # vue/html-comment-content-newline
+
 > enforce unified line brake in HTML comments
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -224,6 +225,10 @@ This rule will enforce consistency of line break after the `<!--` and before the
 - [vue/html-comment-content-spacing](./html-comment-content-spacing.md)
 - [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-content-newline.js)
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
index b67545cc4..70d6d78a9 100644
--- a/docs/rules/html-comment-content-spacing.md
+++ b/docs/rules/html-comment-content-spacing.md
@@ -6,6 +6,7 @@ description: enforce unified spacing in HTML comments
 since: v7.0.0
 ---
 # vue/html-comment-content-spacing
+
 > enforce unified spacing in HTML comments
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -110,6 +111,10 @@ Whitespace after the `<!--` and before the `-->` makes it easier to read text in
 - [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
 - [vue/html-comment-content-newline](./html-comment-content-newline.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-content-spacing.js)
diff --git a/docs/rules/html-comment-indent.md b/docs/rules/html-comment-indent.md
index 7311b0574..21c53ab2b 100644
--- a/docs/rules/html-comment-indent.md
+++ b/docs/rules/html-comment-indent.md
@@ -6,6 +6,7 @@ description: enforce consistent indentation in HTML comments
 since: v7.0.0
 ---
 # vue/html-comment-indent
+
 > enforce consistent indentation in HTML comments
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -128,6 +129,10 @@ This rule enforces a consistent indentation style in HTML comment (`<!-- ... -->
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-indent.js)
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index 681090321..ab7069b46 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -6,6 +6,7 @@ description: enforce end tag style
 since: v3.0.0
 ---
 # vue/html-end-tags
+
 > enforce end tag style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -38,6 +39,10 @@ This rule aims to disallow lacking end tags.
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-end-tags.js)
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 964cab83a..61ecf57be 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -6,6 +6,7 @@ description: enforce consistent indentation in `<template>`
 since: v3.14.0
 ---
 # vue/html-indent
+
 > enforce consistent indentation in `<template>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -191,6 +192,10 @@ This rule enforces a consistent indentation style in `<template>`. The default s
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.14.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-indent.js)
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index c5ee33d91..8ebd0eefa 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -6,6 +6,7 @@ description: enforce quotes style of HTML attributes
 since: v3.0.0
 ---
 # vue/html-quotes
+
 > enforce quotes style of HTML attributes
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -95,6 +96,10 @@ Object option:
 
 - [Style guide - Quoted attribute values](https://v3.vuejs.org/style-guide/#Quoted-attribute-values-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-quotes.js)
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index f917850d3..a5f290689 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -6,6 +6,7 @@ description: enforce self-closing style
 since: v3.11.0
 ---
 # vue/html-self-closing
+
 > enforce self-closing style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -96,6 +97,10 @@ Every option can be set to one of the following values:
 
 - [Style guide - Self closing components](https://v3.vuejs.org/style-guide/#Self-closing-components-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-self-closing.js)
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index c9a615fe7..eaad85593 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -6,6 +6,7 @@ description: prevent variables used in JSX to be marked as unused
 since: v2.0.0
 ---
 # vue/jsx-uses-vars
+
 > prevent variables used in JSX to be marked as unused
 
 - :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -37,6 +38,10 @@ After turning on, `HelloWorld` is being marked as used and `no-unused-vars` rule
 
 If you are not using JSX or if you do not use the `no-unused-vars` rule then you can disable this rule.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v2.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/jsx-uses-vars.js)
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 24a4970a0..63b6f7200 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing between keys and values in object litera
 since: v5.2.0
 ---
 # vue/key-spacing
+
 > enforce consistent spacing between keys and values in object literal properties
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [key-spacing] rule but it applies to the expr
 
 [key-spacing]: https://eslint.org/docs/rules/key-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/key-spacing.js)
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 785c19006..739b5b661 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing before and after keywords
 since: v6.0.0
 ---
 # vue/keyword-spacing
+
 > enforce consistent spacing before and after keywords
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [keyword-spacing] rule but it applies to the
 
 [keyword-spacing]: https://eslint.org/docs/rules/keyword-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/keyword-spacing.js)
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index 7a68b63c0..c9168e870 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -6,6 +6,7 @@ description: require component name property to match its file name
 since: v5.2.0
 ---
 # vue/match-component-file-name
+
 > require component name property to match its file name
 
 This rule reports if a component `name` property does not match its file name.
@@ -309,6 +310,10 @@ export default {
 
 - [Style guide - Single-file component filename casing](https://v3.vuejs.org/style-guide/#single-file-component-filename-casing-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/match-component-file-name.js)
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 910dd1a4b..69bd77949 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -6,6 +6,7 @@ description: enforce the maximum number of attributes per line
 since: v3.12.0
 ---
 # vue/max-attributes-per-line
+
 > enforce the maximum number of attributes per line
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -127,6 +128,10 @@ There is a configurable number of attributes that are acceptable in one-line cas
 
 - [Style guide - Multi attribute elements](https://v3.vuejs.org/style-guide/#multi-attribute-elements-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.12.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-attributes-per-line.js)
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index 483bae5bf..8d7b32eb7 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -6,6 +6,7 @@ description: enforce a maximum line length
 since: v6.1.0
 ---
 # vue/max-len
+
 > enforce a maximum line length
 
 ## :book: Rule Details
@@ -324,6 +325,10 @@ var longRegExpLiteral = /this is a really really really really really long regul
 
 [max-len]: https://eslint.org/docs/rules/max-len
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-len.js)
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index e9948eeda..9813113ee 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -6,6 +6,7 @@ description: require a line break before and after the contents of a multiline e
 since: v5.0.0
 ---
 # vue/multiline-html-element-content-newline
+
 > require a line break before and after the contents of a multiline element
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -147,6 +148,10 @@ This rule enforces a line break before and after the contents of a multiline ele
 
 [no-multiple-empty-lines]: https://eslint.org/docs/rules/no-multiple-empty-lines
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-html-element-content-newline.js)
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index 557563bdf..f331d968b 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -6,6 +6,7 @@ description: enforce unified spacing in mustache interpolations
 since: v3.13.0
 ---
 # vue/mustache-interpolation-spacing
+
 > enforce unified spacing in mustache interpolations
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -58,6 +59,10 @@ This rule aims at enforcing unified spacing in mustache interpolations.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/mustache-interpolation-spacing.js)
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 40c68d552..7a912d56b 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -6,6 +6,7 @@ description: enforce specific casing for the name property in Vue components
 since: v3.8.0
 ---
 # vue/name-property-casing
+
 > enforce specific casing for the name property in Vue components
 
 - :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
@@ -84,6 +85,10 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 - [Style guide - Component name casing in JS/JSX](https://v3.vuejs.org/style-guide/#component-name-casing-in-js-jsx-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.8.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/name-property-casing.js)
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index 5c57d7d17..7af127bea 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -6,6 +6,7 @@ description: enforce new lines between multi-line properties in Vue components
 since: v7.3.0
 ---
 # vue/new-line-between-multi-line-property
+
 > enforce new lines between multi-line properties in Vue components
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -90,6 +91,10 @@ export default {
 
 - [Style guide - Empty lines in component/instance options](https://v3.vuejs.org/style-guide/#empty-lines-in-component-instance-options-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.3.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/new-line-between-multi-line-property.js)
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 1692feb64..2ad7bdf70 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -6,6 +6,7 @@ description: disallow using arrow functions to define watcher
 since: v7.0.0
 ---
 # vue/no-arrow-functions-in-watch
+
 > disallow using arrow functions to define watcher
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -58,6 +59,10 @@ export default {
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-arrow-functions-in-watch.js)
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 2fcb18e1c..93e0ef045 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -6,6 +6,7 @@ description: disallow asynchronous actions in computed properties
 since: v3.8.0
 ---
 # vue/no-async-in-computed-properties
+
 > disallow asynchronous actions in computed properties
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -69,6 +70,10 @@ Nothing.
 
 - [vue-async-computed](https://github.com/foxbenjaminfox/vue-async-computed)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.8.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-async-in-computed-properties.js)
diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index 2c5e614ad..f462ca21a 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -6,6 +6,7 @@ description: disallow the use of bare strings in `<template>`
 since: v7.0.0
 ---
 # vue/no-bare-strings-in-template
+
 > disallow the use of bare strings in `<template>`
 
 ## :book: Rule Details
@@ -83,6 +84,10 @@ If you want to report these string literals, enable the [vue/no-useless-v-bind]
 [vue/no-useless-v-bind]: ./no-useless-v-bind.md
 [vue/no-useless-mustaches]: ./no-useless-mustaches.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-bare-strings-in-template.js)
diff --git a/docs/rules/no-boolean-default.md b/docs/rules/no-boolean-default.md
index 43afc887d..c64beb212 100644
--- a/docs/rules/no-boolean-default.md
+++ b/docs/rules/no-boolean-default.md
@@ -6,6 +6,7 @@ description: disallow boolean defaults
 since: v7.0.0
 ---
 # vue/no-boolean-default
+
 > disallow boolean defaults
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -44,6 +45,10 @@ export default {
   "vue/no-boolean-default": ["error", "no-default|default-false"]
 ```
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-boolean-default.js)
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index 8cf21c13c..8c5d799da 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -6,6 +6,7 @@ description: disallow confusing `v-for` and `v-if` on the same element
 since: v3.0.0
 ---
 # vue/no-confusing-v-for-v-if
+
 > disallow confusing `v-for` and `v-if` on the same element
 
 - :warning: This rule was **deprecated** and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
@@ -62,6 +63,10 @@ Nothing.
 - [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
 - [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-confusing-v-for-v-if.js)
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index f1cd7fcbe..092ee325c 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -6,6 +6,7 @@ description: disallow custom modifiers on v-model used on the component
 since: v7.0.0
 ---
 # vue/no-custom-modifiers-on-v-model
+
 > disallow custom modifiers on v-model used on the component
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
@@ -48,6 +49,10 @@ Nothing.
 
 [vue/valid-v-model]: ./valid-v-model.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-custom-modifiers-on-v-model.js)
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index f14b8ca50..faedcfab7 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -6,6 +6,7 @@ description: disallow using deprecated object declaration on data (in Vue.js 3.0
 since: v7.0.0
 ---
 # vue/no-deprecated-data-object-declaration
+
 > disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -81,6 +82,10 @@ Nothing.
 - [Migration Guide - Data Option](https://v3.vuejs.org/guide/migration/data-option.html)
 - [Vue RFCs - 0019-remove-data-object-declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-data-object-declaration.js)
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index a5a2585ed..37f8c0fe1 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -6,6 +6,7 @@ description: disallow using deprecated `destroyed` and `beforeDestroy` lifecycle
 since: v7.0.0
 ---
 # vue/no-deprecated-destroyed-lifecycle
+
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -38,6 +39,10 @@ export default {
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-destroyed-lifecycle.js)
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index c03f61254..f0f1616cc 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -6,6 +6,7 @@ description: disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-dollar-listeners-api
+
 > disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -46,6 +47,10 @@ Nothing.
 
 - [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-dollar-listeners-api.js)
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index a7c870662..3183ea472 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -6,6 +6,7 @@ description: disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-dollar-scopedslots-api
+
 > disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -45,6 +46,10 @@ Nothing.
 - [Migration Guide - Slots Unification](https://v3.vuejs.org/guide/migration/slots-unification.html)
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-dollar-scopedslots-api.js)
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index d9ea77ae9..f78ec8c71 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -6,6 +6,7 @@ description: disallow using deprecated events api (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-events-api
+
 > disallow using deprecated events api (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -63,6 +64,10 @@ Nothing.
 - [Migration Guide - Events API](https://v3.vuejs.org/guide/migration/events-api.html)
 - [Vue RFCs - 0020-events-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-events-api.js)
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index 474246b0c..25998699d 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -6,6 +6,7 @@ description: disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-filter
+
 > disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -65,6 +66,10 @@ Nothing.
 - [Migration Guide - Filters](https://v3.vuejs.org/guide/migration/filters.html)
 - [Vue RFCs - 0015-remove-filters](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-filter.js)
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index 19c8f0a89..86fd241d0 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -6,6 +6,7 @@ description: disallow using deprecated the `functional` template (in Vue.js 3.0.
 since: v7.0.0
 ---
 # vue/no-deprecated-functional-template
+
 > disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -37,6 +38,10 @@ Nothing.
 - [Vue RFCs - 0007-functional-async-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0007-functional-async-api-change.md)
 - [Guide - Functional Components](https://vuejs.org/v2/guide/render-function.html#Functional-Components)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-functional-template.js)
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index fc62e13c5..71d92bfdf 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -6,6 +6,7 @@ description: disallow using deprecated the `is` attribute on HTML elements (in V
 since: v7.0.0
 ---
 # vue/no-deprecated-html-element-is
+
 > disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -41,6 +42,10 @@ Nothing.
 - [Migration Guide - Custom Elements Interop](https://v3.vuejs.org/guide/migration/custom-elements-interop.html#customized-built-in-elements)
 - [Vue RFCs - 0027-custom-elements-interop](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0027-custom-elements-interop.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-html-element-is.js)
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index 48294de27..ba4aa6853 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -6,6 +6,7 @@ description: disallow using deprecated `inline-template` attribute (in Vue.js 3.
 since: v7.0.0
 ---
 # vue/no-deprecated-inline-template
+
 > disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -44,6 +45,10 @@ Nothing.
 - [Migration Guide - Inline Template Attribute](https://v3.vuejs.org/guide/migration/inline-template-attribute.html)
 - [Vue RFCs - 0016-remove-inline-templates](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0016-remove-inline-templates.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-inline-template.js)
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index bd3ddcd17..aa84ea3c9 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -6,6 +6,7 @@ description: disallow props default function `this` access
 since: v7.0.0
 ---
 # vue/no-deprecated-props-default-this
+
 > disallow props default function `this` access
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -65,6 +66,10 @@ Nothing.
 
 - [Migration Guide - Props Default Function `this` Access](https://v3.vuejs.org/guide/migration/props-default-this.html)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-props-default-this.js)
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index e17699cd6..cae02132a 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -6,6 +6,7 @@ description: disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 since: v6.0.0
 ---
 # vue/no-deprecated-scope-attribute
+
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -43,6 +44,10 @@ This rule reports deprecated `scope` attribute in Vue.js v2.5.0+.
 
 - [API - scope](https://vuejs.org/v2/api/#scope-removed)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-scope-attribute.js)
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 03d57a080..d8a45cff5 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -6,6 +6,7 @@ description: disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 since: v6.1.0
 ---
 # vue/no-deprecated-slot-attribute
+
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -40,6 +41,10 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 - [API - slot](https://vuejs.org/v2/api/#slot-deprecated)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-slot-attribute.js)
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 021770035..f1fe017e6 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -6,6 +6,7 @@ description: disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 since: v6.1.0
 ---
 # vue/no-deprecated-slot-scope-attribute
+
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -40,6 +41,10 @@ This rule reports deprecated `slot-scope` attribute in Vue.js v2.6.0+.
 
 - [API - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-slot-scope-attribute.js)
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index fe17ea157..dfc652890 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -6,6 +6,7 @@ description: disallow use of deprecated `.sync` modifier on `v-bind` directive (
 since: v7.0.0
 ---
 # vue/no-deprecated-v-bind-sync
+
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -51,6 +52,10 @@ Nothing.
 - [Migration Guide - `v-model`](https://v3.vuejs.org/guide/migration/v-model.html)
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-bind-sync.js)
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index 5c9767c5e..394db36bc 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -6,6 +6,7 @@ description: disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-v-on-native-modifier
+
 > disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -44,6 +45,10 @@ Nothing.
 
 - [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-on-native-modifier.js)
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 98d297912..74e711f9c 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -6,6 +6,7 @@ description: disallow using deprecated number (keycode) modifiers (in Vue.js 3.0
 since: v7.0.0
 ---
 # vue/no-deprecated-v-on-number-modifiers
+
 > disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -50,6 +51,10 @@ Nothing.
 - [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html)
 - [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-on-number-modifiers.js)
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index bbbdf3c15..b271741e0 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -6,6 +6,7 @@ description: disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-vue-config-keycodes
+
 > disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -47,6 +48,10 @@ Nothing.
 [Vue RFCs - 0014-drop-keycode-support]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md
 [API - Global Config - keyCodes]: https://vuejs.org/v2/api/#keyCodes
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-vue-config-keycodes.js)
diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index 853fbc088..41f4a962f 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -6,6 +6,7 @@ description: disallow duplication of field names
 since: v3.9.0
 ---
 # vue/no-dupe-keys
+
 > disallow duplication of field names
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -74,6 +75,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-dupe-keys.js)
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
index c98de10e4..4fbdffcbc 100644
--- a/docs/rules/no-dupe-v-else-if.md
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -6,6 +6,7 @@ description: disallow duplicate conditions in `v-if` / `v-else-if` chains
 since: v7.0.0
 ---
 # vue/no-dupe-v-else-if
+
 > disallow duplicate conditions in `v-if` / `v-else-if` chains
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -93,6 +94,10 @@ Nothing.
 
 [no-dupe-else-if]: https://eslint.org/docs/rules/no-dupe-else-if
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-dupe-v-else-if.js)
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index e28acd0b1..908b49b19 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -6,6 +6,7 @@ description: enforce `inheritAttrs` to be set to `false` when using `v-bind="$at
 since: v7.0.0
 ---
 # vue/no-duplicate-attr-inheritance
+
 > enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
 
 ## :book: Rule Details
@@ -51,6 +52,10 @@ Nothing.
 
 - [API - inheritAttrs](https://v3.vuejs.org/api/options-misc.html#inheritattrs)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-duplicate-attr-inheritance.js)
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index a40c0d4dd..000b67414 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -6,6 +6,7 @@ description: disallow duplication of attributes
 since: v3.0.0
 ---
 # vue/no-duplicate-attributes
+
 > disallow duplication of attributes
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -69,6 +70,10 @@ This rule reports duplicate attributes.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-duplicate-attributes.js)
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index ef9c75886..5a15b6d7d 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -6,6 +6,7 @@ description: disallow the `<template>` `<script>` `<style>` block to be empty
 since: v7.0.0
 ---
 # vue/no-empty-component-block
+
 > disallow the `<template>` `<script>` `<style>` block to be empty
 
 ## :book: Rule Details
@@ -63,6 +64,10 @@ See: https://vue-loader.vuejs.org/spec.html#src-imports
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-empty-component-block.js)
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index 5982aada2..6b017a8b0 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -6,6 +6,7 @@ description: disallow empty destructuring patterns
 since: v6.0.0
 ---
 # vue/no-empty-pattern
+
 > disallow empty destructuring patterns
 
 This rule is the same rule as core [no-empty-pattern] rule but it applies to the expressions in `<template>`.
@@ -16,6 +17,10 @@ This rule is the same rule as core [no-empty-pattern] rule but it applies to the
 
 [no-empty-pattern]: https://eslint.org/docs/rules/no-empty-pattern
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-empty-pattern.js)
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 327861366..49359d948 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -6,6 +6,7 @@ description: disallow unnecessary parentheses
 since: v7.0.0
 ---
 # vue/no-extra-parens
+
 > disallow unnecessary parentheses
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -40,6 +41,10 @@ This rule extends the core [no-extra-parens] rule and applies it to the `<templa
 
 [no-extra-parens]: https://eslint.org/docs/rules/no-extra-parens
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-extra-parens.js)
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
index 0c5500c5a..401b0feef 100644
--- a/docs/rules/no-irregular-whitespace.md
+++ b/docs/rules/no-irregular-whitespace.md
@@ -6,6 +6,7 @@ description: disallow irregular whitespace
 since: v6.1.0
 ---
 # vue/no-irregular-whitespace
+
 > disallow irregular whitespace
 
 ## :book: Rule Details
@@ -164,6 +165,10 @@ var foo = ``
 
 [no-irregular-whitespace]: https://eslint.org/docs/rules/no-irregular-whitespace
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-irregular-whitespace.js)
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index dc72a288a..dbcef6b80 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -6,6 +6,7 @@ description: disallow asynchronously registered lifecycle hooks
 since: v7.0.0
 ---
 # vue/no-lifecycle-after-await
+
 > disallow asynchronously registered lifecycle hooks
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -45,6 +46,10 @@ Nothing.
 - [Guide - Composition API - Lifecycle Hooks](https://v3.vuejs.org/guide/composition-api-lifecycle-hooks.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-lifecycle-after-await.js)
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index 01a959759..0c3904e3c 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -6,6 +6,7 @@ description: disallow unnecessary `<template>`
 since: v7.0.0
 ---
 # vue/no-lone-template
+
 > disallow unnecessary `<template>`
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -77,6 +78,10 @@ If you are using Vue.js 3.x and want to define the `<template>` element intentio
 [no-lone-blocks]: https://eslint.org/docs/rules/no-lone-blocks
 [vue/no-template-key]: ./no-template-key.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-lone-template.js)
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 250de4e2e..065b799b7 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -6,6 +6,7 @@ description: disallow multiple spaces
 since: v3.12.0
 ---
 # vue/no-multi-spaces
+
 > disallow multiple spaces
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -74,6 +75,10 @@ This rule aims at removing multiple spaces in tags, which are not used for inden
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.12.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multi-spaces.js)
diff --git a/docs/rules/no-multiple-objects-in-class.md b/docs/rules/no-multiple-objects-in-class.md
index 79dda0979..9e1508b8b 100644
--- a/docs/rules/no-multiple-objects-in-class.md
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -6,6 +6,7 @@ description: disallow to pass multiple objects into array to class
 since: v7.0.0
 ---
 # vue/no-multiple-objects-in-class
+
 > disallow to pass multiple objects into array to class
 
 ## :book: Rule Details
@@ -32,6 +33,10 @@ This rule disallows to pass multiple objects into array to class.
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-objects-in-class.js)
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index 7b2286bc4..c73be9007 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -6,6 +6,7 @@ description: disallow to pass multiple arguments to scoped slots
 since: v7.0.0
 ---
 # vue/no-multiple-slot-args
+
 > disallow to pass multiple arguments to scoped slots
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -44,6 +45,10 @@ Nothing.
 
 - [vuejs/vue#9468](https://github.com/vuejs/vue/issues/9468#issuecomment-462210146)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-slot-args.js)
diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index 89e85d555..e5130faab 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -6,6 +6,7 @@ description: disallow adding multiple root nodes to the template
 since: v7.0.0
 ---
 # vue/no-multiple-template-root
+
 > disallow adding multiple root nodes to the template
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
@@ -61,6 +62,10 @@ This rule checks whether template contains single root element valid for Vue 2.
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-template-root.js)
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 058172631..1b58da7d4 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -6,6 +6,7 @@ description: disallow mutation of component props
 since: v7.0.0
 ---
 # vue/no-mutating-props
+
 > disallow mutation of component props
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -94,6 +95,10 @@ Nothing.
 - [Style guide - Implicit parent-child communication](https://v3.vuejs.org/style-guide/#implicit-parent-child-communication-use-with-caution)
 - [Vue - Prop Mutation - deprecated](https://vuejs.org/v2/guide/migration.html#Prop-Mutation-deprecated)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-mutating-props.js)
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index 38aa56961..811fd06af 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -6,6 +6,7 @@ description: disallow parsing errors in `<template>`
 since: v3.0.0
 ---
 # vue/no-parsing-error
+
 > disallow parsing errors in `<template>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -101,6 +102,10 @@ The error codes which have `x-` prefix are original of this rule because errors
 
 - [WHATWG HTML spec](https://html.spec.whatwg.org/multipage/parsing.html#parse-errors)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-parsing-error.js)
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index 3ad3fdabb..0a4696af8 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -6,6 +6,7 @@ description: disallow a potential typo in your component property
 since: v7.0.0
 ---
 # vue/no-potential-component-option-typo
+
 > disallow a potential typo in your component property
 
 ## :book: Rule Details
@@ -118,6 +119,10 @@ export default {
 
 - [Edit distance](https://en.wikipedia.org/wiki/Edit_distance)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-potential-component-option-typo.js)
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index c8a250913..3284fa7c7 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -6,6 +6,7 @@ description: disallow use of value wrapped by `ref()` (Composition API) as an op
 since: v7.0.0
 ---
 # vue/no-ref-as-operand
+
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -57,6 +58,10 @@ Nothing.
 - [Guide - Reactivity - Reactivity Fundamentals / Creating Standalone Reactive Values as `refs`](https://v3.vuejs.org/guide/reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-ref-as-operand.js)
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index f014a9e49..d424fb8f1 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -6,6 +6,7 @@ description: disallow the use of reserved names in component definitions
 since: v6.1.0
 ---
 # vue/no-reserved-component-names
+
 > disallow the use of reserved names in component definitions
 
 ## :book: Rule Details
@@ -78,6 +79,10 @@ export default {
 - [API - Built-In Components](https://v3.vuejs.org/api/built-in-components.html)
 - [API (for v2) - Built-In Components](https://vuejs.org/v2/api/index.html#Built-In-Components)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-reserved-component-names.js)
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index 6d97d6b8f..36535c5b5 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -6,6 +6,7 @@ description: disallow overwriting reserved keys
 since: v3.9.0
 ---
 # vue/no-reserved-keys
+
 > disallow overwriting reserved keys
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -78,6 +79,10 @@ export default {
 
 - [List of reserved keys](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/utils/vue-reserved.json)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-reserved-keys.js)
diff --git a/docs/rules/no-restricted-component-options.md b/docs/rules/no-restricted-component-options.md
index e591a7cb3..a11570945 100644
--- a/docs/rules/no-restricted-component-options.md
+++ b/docs/rules/no-restricted-component-options.md
@@ -6,6 +6,7 @@ description: disallow specific component option
 since: v7.0.0
 ---
 # vue/no-restricted-component-options
+
 > disallow specific component option
 
 ## :book: Rule Details
@@ -119,6 +120,10 @@ The following properties can be specified for the object.
 - `name` ... Specify the component option name or pattern, or the path by its array.
 - `message` ... Specify an optional custom message.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-component-options.js)
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
index dc10b7571..231ad0607 100644
--- a/docs/rules/no-restricted-custom-event.md
+++ b/docs/rules/no-restricted-custom-event.md
@@ -6,6 +6,7 @@ description: disallow specific custom event
 since: v7.3.0
 ---
 # vue/no-restricted-custom-event
+
 > disallow specific custom event
 
 ## :book: Rule Details
@@ -92,6 +93,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.3.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-custom-event.js)
diff --git a/docs/rules/no-restricted-props.md b/docs/rules/no-restricted-props.md
index e7da3e84c..42ddec12b 100644
--- a/docs/rules/no-restricted-props.md
+++ b/docs/rules/no-restricted-props.md
@@ -6,6 +6,7 @@ description: disallow specific props
 since: v7.3.0
 ---
 # vue/no-restricted-props
+
 > disallow specific props
 
 ## :book: Rule Details
@@ -99,6 +100,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.3.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-props.js)
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index 8bf5a8952..68ed58431 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -6,6 +6,7 @@ description: disallow specific attribute
 since: v7.0.0
 ---
 # vue/no-restricted-static-attribute
+
 > disallow specific attribute
 
 ## :book: Rule Details
@@ -92,6 +93,10 @@ The following properties can be specified for the object.
 
 [vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-static-attribute.js)
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index b324876cd..e509e1fc0 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -6,6 +6,7 @@ description: disallow specified syntax
 since: v5.2.0
 ---
 # vue/no-restricted-syntax
+
 > disallow specified syntax
 
 This rule is the same rule as core [no-restricted-syntax] rule but it applies to the expressions in `<template>`.
@@ -50,6 +51,10 @@ Forbids call expressions inside mustache interpolation.
 [vue-eslint-parser]: https://github.com/vuejs/vue-eslint-parser
 [vue-eslint-parser - AST docs]: https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-syntax.js)
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index 3a670ad94..8b9332f6e 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -6,6 +6,7 @@ description: disallow specific argument in `v-bind`
 since: v7.0.0
 ---
 # vue/no-restricted-v-bind
+
 > disallow specific argument in `v-bind`
 
 ## :book: Rule Details
@@ -114,6 +115,10 @@ The following properties can be specified for the object.
 
 [vue/no-restricted-static-attribute]: ./no-restricted-static-attribute.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-v-bind.js)
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index ca647a25c..91504a946 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -6,6 +6,7 @@ description: disallow destructuring of `props` passed to `setup`
 since: v7.0.0
 ---
 # vue/no-setup-props-destructure
+
 > disallow destructuring of `props` passed to `setup`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -96,6 +97,10 @@ Nothing.
 - [Guide - Composition API - Setup](https://v3.vuejs.org/guide/composition-api-setup.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-setup-props-destructure.js)
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index df4fd05a8..258828a47 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -6,6 +6,7 @@ description: enforce component's data property to be a function
 since: v3.8.0
 ---
 # vue/no-shared-component-data
+
 > enforce component's data property to be a function
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -73,6 +74,10 @@ Nothing.
 - [API - data](https://v3.vuejs.org/api/options-data.html#data-2)
 - [API (for v2) - data](https://v3.vuejs.org/api/options-data.html#data-2)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.8.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-shared-component-data.js)
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 3d92798bd..7a3df6871 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -6,6 +6,7 @@ description: disallow side effects in computed properties
 since: v3.6.0
 ---
 # vue/no-side-effects-in-computed-properties
+
 > disallow side effects in computed properties
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -65,6 +66,10 @@ Nothing.
 
 - [Guide - Computed Caching vs Methods](https://v3.vuejs.org/guide/computed.html#computed-caching-vs-methods)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.6.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-side-effects-in-computed-properties.js)
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index 078034369..f13feee2a 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -6,6 +6,7 @@ description: disallow spaces around equal signs in attribute
 since: v5.0.0
 ---
 # vue/no-spaces-around-equal-signs-in-attribute
+
 > disallow spaces around equal signs in attribute
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -44,6 +45,10 @@ HTML5 allows spaces around equal signs. But space-less is easier to read, and gr
 
 * [HTML5 Style Guide - W3Schools *Spaces and Equal Signs*](https://www.w3schools.com/html/html5_syntax.asp)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-spaces-around-equal-signs-in-attribute.js)
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index 99f1a54db..394aaa16e 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -6,6 +6,7 @@ description: disallow sparse arrays
 since: v7.0.0
 ---
 # vue/no-sparse-arrays
+
 > disallow sparse arrays
 
 This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
@@ -16,6 +17,10 @@ This rule is the same rule as core [no-sparse-arrays] rule but it applies to the
 
 [no-sparse-arrays]: https://eslint.org/docs/rules/no-sparse-arrays
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-sparse-arrays.js)
diff --git a/docs/rules/no-static-inline-styles.md b/docs/rules/no-static-inline-styles.md
index 96b91c310..09f7f2188 100644
--- a/docs/rules/no-static-inline-styles.md
+++ b/docs/rules/no-static-inline-styles.md
@@ -6,6 +6,7 @@ description: disallow static inline `style` attributes
 since: v7.0.0
 ---
 # vue/no-static-inline-styles
+
 > disallow static inline `style` attributes
 
 ## :book: Rule Details
@@ -64,6 +65,10 @@ The styles reported in this rule mean that we recommend separating them into `<s
 
 - [Guide - Class and Style Bindings / Binding Inline Styles](https://v3.vuejs.org/guide/class-and-style.html#binding-inline-styles)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-static-inline-styles.js)
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index fc3fa65ac..eb1846309 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -6,6 +6,7 @@ description: disallow `key` attribute on `<template>`
 since: v3.4.0
 ---
 # vue/no-template-key
+
 > disallow `key` attribute on `<template>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -54,6 +55,10 @@ Nothing.
 
 - [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-template-key.js)
diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 308a6bd75..a03d85938 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -6,6 +6,7 @@ description: disallow variable declarations from shadowing variables declared in
 since: v5.0.0
 ---
 # vue/no-template-shadow
+
 > disallow variable declarations from shadowing variables declared in the outer scope
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -51,6 +52,10 @@ This rule aims to eliminate shadowed variable declarations of v-for directives o
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-template-shadow.js)
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index 86d2aeed3..411b1c9c2 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -6,6 +6,7 @@ description: disallow target="_blank" attribute without rel="noopener noreferrer
 since: v7.0.0
 ---
 # vue/no-template-target-blank
+
 > disallow target="_blank" attribute without rel="noopener noreferrer"
 
 ## :book: Rule Details
@@ -104,6 +105,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-template-target-blank.js)
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 19ca85f87..4c26b6bf0 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -6,6 +6,7 @@ description: disallow mustaches in `<textarea>`
 since: v3.0.0
 ---
 # vue/no-textarea-mustache
+
 > disallow mustaches in `<textarea>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -45,6 +46,10 @@ Nothing.
 
 - [Guide - Form Input Bindings / Multiline text](https://v3.vuejs.org/guide/forms.html#multiline-text)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-textarea-mustache.js)
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 3d141d675..20e2867bf 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -6,6 +6,7 @@ description: disallow using components that are not registered inside templates
 since: v7.0.0
 ---
 # vue/no-unregistered-components
+
 > disallow using components that are not registered inside templates
 
 ## :book: Rule Details
@@ -132,6 +133,10 @@ are ignored by default.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unregistered-components.js)
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 96de00609..dfb73e851 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -6,6 +6,7 @@ description: disallow unsupported Vue.js syntax on the specified version
 since: v6.1.0
 ---
 # vue/no-unsupported-features
+
 > disallow unsupported Vue.js syntax on the specified version
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -111,6 +112,10 @@ The `"ignores"` option accepts an array of the following strings.
 
 [Vue RFCs - v-bind .prop shorthand proposal]: https://github.com/vuejs/rfcs/pull/18
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unsupported-features.js)
diff --git a/docs/rules/no-unused-components.md b/docs/rules/no-unused-components.md
index 9cfb6bdbc..6f70e9291 100644
--- a/docs/rules/no-unused-components.md
+++ b/docs/rules/no-unused-components.md
@@ -6,6 +6,7 @@ description: disallow registering components that are not used inside templates
 since: v7.0.0
 ---
 # vue/no-unused-components
+
 > disallow registering components that are not used inside templates
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -155,6 +156,10 @@ Components registered under `PascalCase` or `camelCase` names have may be called
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-components.js)
diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index 6509bbe27..e0e39eedb 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -6,6 +6,7 @@ description: disallow unused properties
 since: v7.0.0
 ---
 # vue/no-unused-properties
+
 > disallow unused properties
 
 ## :book: Rule Details
@@ -159,6 +160,10 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-properties.js)
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index bda627608..a7486bad5 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -6,6 +6,7 @@ description: disallow unused variable definitions of v-for directives or scope a
 since: v3.14.0
 ---
 # vue/no-unused-vars
+
 > disallow unused variable definitions of v-for directives or scope attributes
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -48,6 +49,10 @@ This rule report variable definitions of v-for directives or scope attributes if
 
 - When your ignorePattern set to `^_`, we could provide a suggestion which add a prefix`_` to your variable and no more eslint error
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.14.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-vars.js)
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 910f48e85..78b11aa4c 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -6,6 +6,7 @@ description: disallow use v-if on the same element as v-for
 since: v4.6.0
 ---
 # vue/no-use-v-if-with-v-for
+
 > disallow use v-if on the same element as v-for
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -92,6 +93,10 @@ There are two common cases where this can be tempting:
 - [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
 - [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.6.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-use-v-if-with-v-for.js)
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 2e2af2589..0deda262e 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -6,6 +6,7 @@ description: disallow unnecessary concatenation of literals or template literals
 since: v7.0.0
 ---
 # vue/no-useless-concat
+
 > disallow unnecessary concatenation of literals or template literals
 
 This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
@@ -16,6 +17,10 @@ This rule is the same rule as core [no-useless-concat] rule but it applies to th
 
 [no-useless-concat]: https://eslint.org/docs/rules/no-useless-concat
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-concat.js)
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index 9f4ad2ba9..205371a86 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -6,6 +6,7 @@ description: disallow unnecessary mustache interpolations
 since: v7.0.0
 ---
 # vue/no-useless-mustaches
+
 > disallow unnecessary mustache interpolations
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -83,6 +84,10 @@ The mustache interpolation with a string literal value can be changed to a stati
 [vue/no-useless-v-bind]: ./no-useless-v-bind.md
 [vue/no-useless-concat]: ./no-useless-concat.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-mustaches.js)
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
index 96c1b6d8a..303f15871 100644
--- a/docs/rules/no-useless-v-bind.md
+++ b/docs/rules/no-useless-v-bind.md
@@ -6,6 +6,7 @@ description: disallow unnecessary `v-bind` directives
 since: v7.0.0
 ---
 # vue/no-useless-v-bind
+
 > disallow unnecessary `v-bind` directives
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -82,6 +83,10 @@ The `v-bind` with a string literal value can be changed to a static attribute de
 [vue/no-useless-mustaches]: ./no-useless-mustaches.md
 [vue/no-useless-concat]: ./no-useless-concat.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-v-bind.js)
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index ddc7dc9c9..f43aa307f 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -6,6 +6,7 @@ description: disallow key of `<template v-for>` placed on child elements
 since: v7.0.0
 ---
 # vue/no-v-for-template-key-on-child
+
 > disallow key of `<template v-for>` placed on child elements
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -55,6 +56,10 @@ Nothing.
 
 - [Migration Guide - `key` attribute > With `<template v-for>`](https://v3.vuejs.org/guide/migration/key-attribute.html#with-template-v-for)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-for-template-key-on-child.js)
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 083db3cec..128a5c07d 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -6,6 +6,7 @@ description: disallow `key` attribute on `<template v-for>`
 since: v7.0.0
 ---
 # vue/no-v-for-template-key
+
 > disallow `key` attribute on `<template v-for>`
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
@@ -60,6 +61,10 @@ Nothing.
 - [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
 - [API (for v2) - Special Attributes - key](https://vuejs.org/v2/api/#key)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-for-template-key.js)
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 35bb21621..cb390eca1 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -6,6 +6,7 @@ description: disallow use of v-html to prevent XSS attack
 since: v4.7.0
 ---
 # vue/no-v-html
+
 > disallow use of v-html to prevent XSS attack
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -40,6 +41,10 @@ If you are certain the content passed to `v-html` is sanitized HTML you can disa
 
 - [XSS in Vue.js](https://blog.sqreen.io/xss-in-vue-js/)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.7.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-html.js)
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index 0b27f96c6..4571893c6 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -6,6 +6,7 @@ description: disallow adding an argument to `v-model` used in custom component
 since: v7.0.0
 ---
 # vue/no-v-model-argument
+
 > disallow adding an argument to `v-model` used in custom component
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
@@ -44,6 +45,10 @@ Nothing.
 
 [vue/valid-v-model]: ./valid-v-model.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-model-argument.js)
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index 2f4c67f4e..a5c2a5e9f 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -6,6 +6,7 @@ description: disallow asynchronously registered `watch`
 since: v7.0.0
 ---
 # vue/no-watch-after-await
+
 > disallow asynchronously registered `watch`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -68,6 +69,10 @@ Nothing.
 - [Guide - Reactivity - Computed and Watch](https://v3.vuejs.org/guide/reactivity-computed-watchers.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-watch-after-await.js)
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index d973bc31b..cc4831c12 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -6,6 +6,7 @@ description: enforce consistent line breaks inside braces
 since: v7.0.0
 ---
 # vue/object-curly-newline
+
 > enforce consistent line breaks inside braces
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [object-curly-newline] rule but it applies to
 
 [object-curly-newline]: https://eslint.org/docs/rules/object-curly-newline
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-newline.js)
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index e82e3f984..f63716c24 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing inside braces
 since: v5.2.0
 ---
 # vue/object-curly-spacing
+
 > enforce consistent spacing inside braces
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [object-curly-spacing] rule but it applies to
 
 [object-curly-spacing]: https://eslint.org/docs/rules/object-curly-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-spacing.js)
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index f2ee3f067..62ec559f6 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -6,6 +6,7 @@ description: enforce placing object properties on separate lines
 since: v7.0.0
 ---
 # vue/object-property-newline
+
 > enforce placing object properties on separate lines
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [object-property-newline] rule but it applies
 
 [object-property-newline]: https://eslint.org/docs/rules/object-property-newline
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-property-newline.js)
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index 5fd704395..006a13b74 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -6,6 +6,7 @@ description: enforce that each component should be in its own file
 since: v7.0.0
 ---
 # vue/one-component-per-file
+
 > enforce that each component should be in its own file
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -51,6 +52,10 @@ Nothing.
 
 - [Style guide - Component files](https://v3.vuejs.org/style-guide/#component-files-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/one-component-per-file.js)
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 42ac648a7..a982b999a 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -6,6 +6,7 @@ description: enforce consistent linebreak style for operators
 since: v7.0.0
 ---
 # vue/operator-linebreak
+
 > enforce consistent linebreak style for operators
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [operator-linebreak] rule but it applies to t
 
 [operator-linebreak]: https://eslint.org/docs/rules/operator-linebreak
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/operator-linebreak.js)
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 46e6eb194..bcbbe77d0 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -6,6 +6,7 @@ description: enforce order of properties in components
 since: v3.2.0
 ---
 # vue/order-in-components
+
 > enforce order of properties in components
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -115,6 +116,10 @@ export default {
 - [Style guide - Component/instance options order](https://v3.vuejs.org/style-guide/#component-instance-options-order-recommended)
 - [Style guide (for v2) - Component/instance options order](https://vuejs.org/v2/style-guide/#Component-instance-options-order-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/order-in-components.js)
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 24511f3ea..7e1e058e1 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -6,6 +6,7 @@ description: require or disallow padding lines between blocks
 since: v6.2.0
 ---
 # vue/padding-line-between-blocks
+
 > require or disallow padding lines between blocks
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -134,6 +135,10 @@ export default {}
 [lines-between-class-members]: https://eslint.org/docs/rules/lines-between-class-members
 
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/padding-line-between-blocks.js)
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index fceee3abd..09a41769e 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -6,6 +6,7 @@ description: require template literals instead of string concatenation
 since: v7.0.0
 ---
 # vue/prefer-template
+
 > require template literals instead of string concatenation
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [prefer-template] rule but it applies to the
 
 [prefer-template]: https://eslint.org/docs/rules/prefer-template
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-template.js)
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 6870d66c8..3cfee5b06 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -6,6 +6,7 @@ description: enforce specific casing for the Prop name in Vue components
 since: v4.3.0
 ---
 # vue/prop-name-casing
+
 > enforce specific casing for the Prop name in Vue components
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -69,6 +70,10 @@ export default {
 
 - [Style guide - Prop name casing](https://v3.vuejs.org/style-guide/#prop-name-casing-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.3.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prop-name-casing.js)
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 868fae19a..767e9a930 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -6,6 +6,7 @@ description: require `v-bind:is` of `<component>` elements
 since: v3.0.0
 ---
 # vue/require-component-is
+
 > require `v-bind:is` of `<component>` elements
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -44,6 +45,10 @@ Nothing.
 
 - [Guide - Components Basics / Dynamic Components](https://v3.vuejs.org/guide/component-basics.html#dynamic-components)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-component-is.js)
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index db8918199..2f43c88a1 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -6,6 +6,7 @@ description: require default value for props
 since: v3.13.0
 ---
 # vue/require-default-prop
+
 > require default value for props
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -64,6 +65,10 @@ Nothing.
 
 - [Style guide - Prop definitions](https://v3.vuejs.org/style-guide/#prop-definitions-essential)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-default-prop.js)
diff --git a/docs/rules/require-direct-export.md b/docs/rules/require-direct-export.md
index a35982a03..52661b7c1 100644
--- a/docs/rules/require-direct-export.md
+++ b/docs/rules/require-direct-export.md
@@ -6,6 +6,7 @@ description: require the component to be directly exported
 since: v5.2.0
 ---
 # vue/require-direct-export
+
 > require the component to be directly exported
 
 ## :book: Rule Details
@@ -88,6 +89,10 @@ export default props => h('div', props.msg)
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-direct-export.js)
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index e35b33552..b698b488f 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -6,6 +6,7 @@ description: require `emits` option with name triggered by `$emit()`
 since: v7.0.0
 ---
 # vue/require-explicit-emits
+
 > require `emits` option with name triggered by `$emit()`
 
 - :gear: This rule is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -112,6 +113,10 @@ export default {
 - [Guide - Custom Events / Defining Custom Events](https://v3.vuejs.org/guide/component-custom-events.html#defining-custom-events)
 - [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-explicit-emits.js)
diff --git a/docs/rules/require-name-property.md b/docs/rules/require-name-property.md
index 7997ba85e..d741e07c3 100644
--- a/docs/rules/require-name-property.md
+++ b/docs/rules/require-name-property.md
@@ -6,6 +6,7 @@ description: require a name property in Vue components
 since: v6.1.0
 ---
 # vue/require-name-property
+
 > require a name property in Vue components
 
 ## :book: Rule Details
@@ -54,6 +55,10 @@ export default {
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-name-property.js)
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index efc299eda..97bce84f3 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -6,6 +6,7 @@ description: require prop type to be a constructor
 since: v5.0.0
 ---
 # vue/require-prop-type-constructor
+
 > require prop type to be a constructor
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -73,6 +74,10 @@ Nothing.
 
 - [Guide - Prop Validation](https://v3.vuejs.org/guide/component-props.html#prop-validation)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-prop-type-constructor.js)
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index 7cec00a82..ae3ffe47c 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -6,6 +6,7 @@ description: require type definitions in props
 since: v3.9.0
 ---
 # vue/require-prop-types
+
 > require type definitions in props
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -66,6 +67,10 @@ Nothing.
 
 - [Style guide - Prop definitions](https://v3.vuejs.org/style-guide/#prop-definitions-essential)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-prop-types.js)
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index 50343cca9..0e5c89434 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -6,6 +6,7 @@ description: enforce render function to always return value
 since: v3.10.0
 ---
 # vue/require-render-return
+
 > enforce render function to always return value
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -54,6 +55,10 @@ Nothing.
 
 - [Guide - Render Functions](https://v3.vuejs.org/guide/render-function.html)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.10.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-render-return.js)
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index 509c37a8a..244e14548 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -6,6 +6,7 @@ description: enforce properties of `$slots` to be used as a function
 since: v7.0.0
 ---
 # vue/require-slots-as-functions
+
 > enforce properties of `$slots` to be used as a function
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -44,6 +45,10 @@ Nothing.
 - [API - $slots](https://v3.vuejs.org/api/instance-properties.html#slots)
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-slots-as-functions.js)
diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index 5cf147543..b9880e594 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -6,6 +6,7 @@ description: require control the display of the content inside `<transition>`
 since: v7.0.0
 ---
 # vue/require-toggle-inside-transition
+
 > require control the display of the content inside `<transition>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -37,6 +38,10 @@ Nothing.
 
 - [Vue RFCs - 0017-transition-as-root](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0017-transition-as-root.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-toggle-inside-transition.js)
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index eb5f2c334..1e2b8a5f0 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -6,6 +6,7 @@ description: require `v-bind:key` with `v-for` directives
 since: v3.0.0
 ---
 # vue/require-v-for-key
+
 > require `v-bind:key` with `v-for` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -50,6 +51,10 @@ Nothing.
 - [Style guide - Keyed v-for](https://v3.vuejs.org/style-guide/#keyed-v-for-essential)
 - [Guide (for v2) - v-for with a Component](https://vuejs.org/v2/guide/list.html#v-for-with-a-Component)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-v-for-key.js)
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index 76e16c0cc..c53af81e1 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -6,6 +6,7 @@ description: enforce props default values to be valid
 since: v3.13.0
 ---
 # vue/require-valid-default-prop
+
 > enforce props default values to be valid
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -79,6 +80,10 @@ Nothing.
 
 - [Guide - Prop Validation](https://v3.vuejs.org/guide/component-props.html#prop-validation)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-valid-default-prop.js)
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 03b263b6b..d25225798 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -6,6 +6,7 @@ description: enforce that a return statement is present in computed property
 since: v3.7.0
 ---
 # vue/return-in-computed-property
+
 > enforce that a return statement is present in computed property
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -91,6 +92,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.7.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/return-in-computed-property.js)
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index 9061eee87..f952d0a0b 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -6,6 +6,7 @@ description: enforce that a return statement is present in emits validator
 since: v7.0.0
 ---
 # vue/return-in-emits-validator
+
 > enforce that a return statement is present in emits validator
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -59,6 +60,10 @@ Nothing.
 - [Guide - Custom Events / Validate Emitted Events](https://v3.vuejs.org/guide/component-custom-events.html#validate-emitted-events)
 - [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/return-in-emits-validator.js)
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index 93ba431f5..ffff5be72 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -6,6 +6,7 @@ description: enforce consistent indentation in `<script>`
 since: v4.2.0
 ---
 # vue/script-indent
+
 > enforce consistent indentation in `<script>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -118,6 +119,10 @@ This rule only checks `.vue` files and does not interfere with other `.js` files
 - [vue/html-indent](./html-indent.md)
 - [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/indent.md). The `vue/script-indent` rule does not understand TypeScript AST. Please use `@typescript-eslint/indent` rule instead of this one inside of `<script lang="ts"`
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/script-indent.js)
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 8be367d03..d9c2e0be7 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -6,6 +6,7 @@ description: require a line break before and after the contents of a singleline
 since: v5.0.0
 ---
 # vue/singleline-html-element-content-newline
+
 > require a line break before and after the contents of a singleline element
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -108,6 +109,10 @@ This rule enforces a line break before and after the contents of a singleline el
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/singleline-html-element-content-newline.js)
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index aae9722b3..cb8836f36 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -6,6 +6,7 @@ description: enforce sort-keys in a manner that is compatible with order-in-comp
 since: v6.2.0
 ---
 # vue/sort-keys
+
 > enforce sort-keys in a manner that is compatible with order-in-components
 
 This rule is almost the same rule as core [sort-keys] rule but it will not error on top component properties allowing that order to be enforced with `order-in-components`.
@@ -104,6 +105,10 @@ export default {
 
 [sort-keys]: https://eslint.org/docs/rules/sort-keys
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/sort-keys.js)
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index f5df0e5ef..f99c498c7 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing inside parentheses
 since: v7.0.0
 ---
 # vue/space-in-parens
+
 > enforce consistent spacing inside parentheses
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [space-in-parens] rule but it applies to the
 
 [space-in-parens]: https://eslint.org/docs/rules/space-in-parens
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-in-parens.js)
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 0be37f7a1..0ea99a59a 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -6,6 +6,7 @@ description: require spacing around infix operators
 since: v5.2.0
 ---
 # vue/space-infix-ops
+
 > require spacing around infix operators
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [space-infix-ops] rule but it applies to the
 
 [space-infix-ops]: https://eslint.org/docs/rules/space-infix-ops
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-infix-ops.js)
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 0e9dc5f60..bf1b71a2d 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -6,6 +6,7 @@ description: enforce consistent spacing before or after unary operators
 since: v5.2.0
 ---
 # vue/space-unary-ops
+
 > enforce consistent spacing before or after unary operators
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [space-unary-ops] rule but it applies to the
 
 [space-unary-ops]: https://eslint.org/docs/rules/space-unary-ops
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-unary-ops.js)
diff --git a/docs/rules/static-class-names-order.md b/docs/rules/static-class-names-order.md
index 6895391a1..e2f5d83ca 100644
--- a/docs/rules/static-class-names-order.md
+++ b/docs/rules/static-class-names-order.md
@@ -6,6 +6,7 @@ description: enforce static class names order
 since: v6.1.0
 ---
 # vue/static-class-names-order
+
 > enforce static class names order
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -32,6 +33,10 @@ This rule aims to enforce the order of static class names.
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/static-class-names-order.js)
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 0e0823780..f02a14eba 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -6,6 +6,7 @@ description: require or disallow spacing around embedded expressions of template
 since: v7.0.0
 ---
 # vue/template-curly-spacing
+
 > require or disallow spacing around embedded expressions of template strings
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -18,6 +19,10 @@ This rule is the same rule as core [template-curly-spacing] rule but it applies
 
 [template-curly-spacing]: https://eslint.org/docs/rules/template-curly-spacing
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/template-curly-spacing.js)
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index 6130e7d47..7924ad3b5 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -6,6 +6,7 @@ description: disallow usage of `this` in template
 since: v3.13.0
 ---
 # vue/this-in-template
+
 > disallow usage of `this` in template
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -62,6 +63,10 @@ This rule aims at preventing usage of `this` in Vue templates.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/this-in-template.js)
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index a6f97e445..e33e5b005 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -6,6 +6,7 @@ description: enforce usage of `exact` modifier on `v-on`
 since: v5.0.0
 ---
 # vue/use-v-on-exact
+
 > enforce usage of `exact` modifier on `v-on`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -46,6 +47,10 @@ This rule enforce usage of `exact` modifier on `v-on` when there is another `v-o
 
 - [Guide - .exact Modifier](https://v3.vuejs.org/guide/events.html#exact-modifier)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/use-v-on-exact.js)
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 7ce23d501..52c26a966 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -6,6 +6,7 @@ description: enforce `v-bind` directive style
 since: v3.0.0
 ---
 # vue/v-bind-style
+
 > enforce `v-bind` directive style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -61,6 +62,10 @@ Default is set to `shorthand`.
 
 - [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-bind-style.js)
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
index 39e7bf077..7239ef02a 100644
--- a/docs/rules/v-for-delimiter-style.md
+++ b/docs/rules/v-for-delimiter-style.md
@@ -6,6 +6,7 @@ description: enforce `v-for` directive's delimiter style
 since: v7.0.0
 ---
 # vue/v-for-delimiter-style
+
 > enforce `v-for` directive's delimiter style
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -60,6 +61,10 @@ Default is set to `in`.
 
 - [Guide - List Rendering](https://v3.vuejs.org/guide/list.html)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-for-delimiter-style.js)
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index 2a43722d0..edd48f084 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -6,6 +6,7 @@ description: enforce or forbid parentheses after method calls without arguments
 since: v5.2.0
 ---
 # vue/v-on-function-call
+
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
@@ -117,6 +118,10 @@ Default is set to `never`.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v5.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-function-call.js)
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 79be7ec14..210047a90 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -6,6 +6,7 @@ description: enforce `v-on` directive style
 since: v3.0.0
 ---
 # vue/v-on-style
+
 > enforce `v-on` directive style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -61,6 +62,10 @@ Default is set to `shorthand`.
 
 - [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-style.js)
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 200e14f55..bd25f9c07 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -6,6 +6,7 @@ description: enforce `v-slot` directive style
 since: v6.0.0
 ---
 # vue/v-slot-style
+
 > enforce `v-slot` directive style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -106,6 +107,10 @@ And a string option is supported to be consistent to similar `vue/v-bind-style`
 
 - [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v6.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-slot-style.js)
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index 40f40c6ad..14a56edc0 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -6,6 +6,7 @@ description: enforce valid template root
 since: v3.11.0
 ---
 # vue/valid-template-root
+
 > enforce valid template root
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -38,6 +39,10 @@ This rule reports the template root in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-template-root.js)
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 55c38e84c..8b847659c 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -6,6 +6,7 @@ description: enforce valid `.sync` modifier on `v-bind` directives
 since: v7.0.0
 ---
 # vue/valid-v-bind-sync
+
 > enforce valid `.sync` modifier on `v-bind` directives
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
@@ -71,6 +72,10 @@ Nothing.
 
 - [Guide (for v2) - `.sync` Modifier](https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-bind-sync.js)
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index cd05521ca..32a07aa60 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -6,6 +6,7 @@ description: enforce valid `v-bind` directives
 since: v3.11.0
 ---
 # vue/valid-v-bind
+
 > enforce valid `v-bind` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -58,6 +59,10 @@ Nothing.
 [vue/no-deprecated-v-bind-sync]: ./no-deprecated-v-bind-sync.md
 [vue/valid-v-bind-sync]: ./valid-v-bind-sync.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-bind.js)
diff --git a/docs/rules/valid-v-cloak.md b/docs/rules/valid-v-cloak.md
index 75215b05c..c992edd6e 100644
--- a/docs/rules/valid-v-cloak.md
+++ b/docs/rules/valid-v-cloak.md
@@ -6,6 +6,7 @@ description: enforce valid `v-cloak` directives
 since: v3.11.0
 ---
 # vue/valid-v-cloak
+
 > enforce valid `v-cloak` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -40,6 +41,10 @@ This rule reports `v-cloak` directives in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-cloak.js)
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index c273fcd90..85c33e55a 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -6,6 +6,7 @@ description: enforce valid `v-else-if` directives
 since: v3.11.0
 ---
 # vue/valid-v-else-if
+
 > enforce valid `v-else-if` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -57,6 +58,10 @@ Nothing.
 [vue/valid-v-else]: ./valid-v-else.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-else-if.js)
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index 78abe54c8..35b26ceea 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -6,6 +6,7 @@ description: enforce valid `v-else` directives
 since: v3.11.0
 ---
 # vue/valid-v-else
+
 > enforce valid `v-else` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -53,6 +54,10 @@ Nothing.
 [vue/valid-v-else-if]: ./valid-v-else-if.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-else.js)
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 67512f589..843682626 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -6,6 +6,7 @@ description: enforce valid `v-for` directives
 since: v3.11.0
 ---
 # vue/valid-v-for
+
 > enforce valid `v-for` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -78,6 +79,10 @@ Nothing.
 [vue/require-v-for-key]: ./require-v-for-key.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-for.js)
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index 66523a80a..8c1932290 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -6,6 +6,7 @@ description: enforce valid `v-html` directives
 since: v3.11.0
 ---
 # vue/valid-v-html
+
 > enforce valid `v-html` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -50,6 +51,10 @@ Nothing.
 
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-html.js)
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index 73afc8fca..f059aab30 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -6,6 +6,7 @@ description: enforce valid `v-if` directives
 since: v3.11.0
 ---
 # vue/valid-v-if
+
 > enforce valid `v-if` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -65,6 +66,10 @@ Nothing.
 [vue/valid-v-else-if]: ./valid-v-else-if.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-if.js)
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index de3c50dce..d1b7eac9c 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -3,9 +3,10 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-is
 description: enforce valid `v-is` directives
----
+since: v7.0.0
 ---
 # vue/valid-v-is
+
 > enforce valid `v-is` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
@@ -58,6 +59,10 @@ Nothing.
 
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-is.js)
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index a52e6653e..25c9ddb1f 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -6,6 +6,7 @@ description: enforce valid `v-model` directives
 since: v3.11.0
 ---
 # vue/valid-v-model
+
 > enforce valid `v-model` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -71,6 +72,10 @@ Nothing.
 
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-model.js)
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index 78a912e69..b3a157c2d 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -6,6 +6,7 @@ description: enforce valid `v-on` directives
 since: v3.11.0
 ---
 # vue/valid-v-on
+
 > enforce valid `v-on` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -79,6 +80,10 @@ This rule has an object option:
 
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-on.js)
diff --git a/docs/rules/valid-v-once.md b/docs/rules/valid-v-once.md
index d8cc12cc3..4ab4ed8da 100644
--- a/docs/rules/valid-v-once.md
+++ b/docs/rules/valid-v-once.md
@@ -6,6 +6,7 @@ description: enforce valid `v-once` directives
 since: v3.11.0
 ---
 # vue/valid-v-once
+
 > enforce valid `v-once` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -40,6 +41,10 @@ This rule reports `v-once` directives in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-once.js)
diff --git a/docs/rules/valid-v-pre.md b/docs/rules/valid-v-pre.md
index 2ba42ba4f..63095aab7 100644
--- a/docs/rules/valid-v-pre.md
+++ b/docs/rules/valid-v-pre.md
@@ -6,6 +6,7 @@ description: enforce valid `v-pre` directives
 since: v3.11.0
 ---
 # vue/valid-v-pre
+
 > enforce valid `v-pre` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -40,6 +41,10 @@ This rule reports `v-pre` directives in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-pre.js)
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index c2832e923..bcfb0c87b 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -6,6 +6,7 @@ description: enforce valid `v-show` directives
 since: v3.11.0
 ---
 # vue/valid-v-show
+
 > enforce valid `v-show` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -50,6 +51,10 @@ Nothing.
 
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-show.js)
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index 17c5d259b..9c7c6621d 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -6,6 +6,7 @@ description: enforce valid `v-slot` directives
 since: v7.0.0
 ---
 # vue/valid-v-slot
+
 > enforce valid `v-slot` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -145,6 +146,10 @@ This rule does not check syntax errors in directives because it's checked by [vu
 
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-slot.js)
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index 66daaea43..c9d2a569e 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -6,6 +6,7 @@ description: enforce valid `v-text` directives
 since: v3.11.0
 ---
 # vue/valid-v-text
+
 > enforce valid `v-text` directives
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
@@ -50,6 +51,10 @@ Nothing.
 
 [vue/no-parsing-error]: ./no-parsing-error.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-text.js)
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 358d396f7..ce89c6d0d 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -59,11 +59,30 @@ function getPresetIds(categoryIds) {
   return [...new Set([...categoryIds, ...getPresetIds(subsetCategoryIds)])]
 }
 
+function pickSince(content) {
+  const fileIntro = /^---\n(.*\n)+---\n*/g.exec(content)
+  if (fileIntro) {
+    const since = /since: (v\d+\.\d+\.\d+)/.exec(fileIntro[0])
+    if (since) {
+      return since[1]
+    }
+  }
+  if (
+    process.env.npm_package_version &&
+    process.env.npm_package_version !== require('../package.json').version
+  ) {
+    // Maybe version script
+    return `v${process.env.npm_package_version}`
+  }
+  return null
+}
+
 class DocFile {
   constructor(rule) {
     this.rule = rule
     this.filePath = path.join(ROOT, `${rule.name}.md`)
     this.content = fs.readFileSync(this.filePath, 'utf8')
+    this.since = pickSince(this.content)
   }
 
   static read(rule) {
@@ -81,7 +100,8 @@ class DocFile {
       pageClass: 'rule-details',
       sidebarDepth: 0,
       title: ruleId,
-      description: meta.docs.description
+      description: meta.docs.description,
+      ...(this.since ? { since: this.since } : {})
     }
     const computed = `---\n${Object.entries(fileIntro)
       .map((item) => `${item[0]}: ${item[1]}`)
@@ -100,7 +120,7 @@ class DocFile {
 
   updateHeader() {
     const { ruleId, meta } = this.rule
-    const title = `# ${ruleId}\n> ${meta.docs.description}`
+    const title = `# ${ruleId}\n\n> ${meta.docs.description}`
     const notes = []
 
     if (meta.deprecated) {
@@ -129,12 +149,18 @@ class DocFile {
       )
     }
 
+    if (!this.since) {
+      notes.unshift(
+        `- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>`
+      )
+    }
+
     // Add an empty line after notes.
     if (notes.length >= 1) {
       notes.push('', '')
     }
 
-    const headerPattern = /#.+\n[^\n]*\n+(?:- .+\n)*\n*/
+    const headerPattern = /#.+\n\n*[^\n]*\n+(?:- .+\n)*\n*/
     const header = `${title}\n\n${notes.join('\n')}`
     if (headerPattern.test(this.content)) {
       this.content = this.content.replace(headerPattern, header)
@@ -170,8 +196,16 @@ class DocFile {
 
   updateFooter() {
     const { name, meta } = this.rule
-    const footerPattern = /## :mag: Implementation.+$/s
-    const footer = `## :mag: Implementation
+    const footerPattern = /## (?::mag: Implementation|:rocket: Version).+$/s
+    const footer = `${
+      this.since
+        ? `## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue ${this.since}
+
+`
+        : ''
+    }## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/${name}.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/${name}.js)

From f0e13a4093f3a8794e29043a48c2c50cb89fc510 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 25 Dec 2020 22:29:40 +0900
Subject: [PATCH 0229/1010] Add vue/no-restricted-call-after-await rule (#1381)

* Add vue/no-restricted-call-after-await rule

* Fix bug in eslint 6

* update
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-restricted-call-after-await.md  |  98 +++++
 lib/index.js                                  |   1 +
 lib/rules/no-restricted-call-after-await.js   | 227 +++++++++++
 .../rules/no-restricted-call-after-await.js   | 382 ++++++++++++++++++
 typings/eslint/index.d.ts                     |   3 +
 6 files changed, 712 insertions(+)
 create mode 100644 docs/rules/no-restricted-call-after-await.md
 create mode 100644 lib/rules/no-restricted-call-after-await.js
 create mode 100644 tests/lib/rules/no-restricted-call-after-await.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 68677d252..0d1fccd31 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -301,6 +301,7 @@ For example:
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
+| [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
 | [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event |  |
 | [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props |  |
diff --git a/docs/rules/no-restricted-call-after-await.md b/docs/rules/no-restricted-call-after-await.md
new file mode 100644
index 000000000..735fc87b0
--- /dev/null
+++ b/docs/rules/no-restricted-call-after-await.md
@@ -0,0 +1,98 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-call-after-await
+description: disallow asynchronously called restricted methods
+---
+# vue/no-restricted-call-after-await
+
+> disallow asynchronously called restricted methods
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports your restricted calls after the `await` expression.
+In `setup()` function, you need to call your restricted functions synchronously.
+
+## :wrench: Options
+
+This rule takes a list of objects, where each object specifies a restricted module name and an exported name:
+
+```json5
+{
+  "vue/no-restricted-call-after-await": ["error",
+    { "module": "vue-i18n", "path": "useI18n" },
+    { ... } // You can specify more...
+  ]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-call-after-await': ['error', { module: 'vue-i18n', path: ['useI18n'] }]}">
+
+```vue
+<script>
+import { useI18n } from 'vue-i18n'
+export default {
+  async setup() {
+    /* ✓ GOOD */
+    useI18n({})
+
+    await doSomething()
+
+    /* ✗ BAD */
+    useI18n({})
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+The following properties can be specified for the object.
+
+- `module` ... Specify the module name.
+- `path` ... Specify the imported name or the path that points to the method.
+- `message` ... Specify an optional custom message.
+
+For examples:
+
+```json5
+{
+  "vue/no-restricted-call-after-await": ["error",
+    { "module": "a", "path": "foo" },
+    { "module": "b", "path": ["bar", "baz"] },
+    { "module": "c" }, // Checks the default import.
+    { "module": "d", "path": "default" }, // Checks the default import.
+  ]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-call-after-await': ['error', { module: 'a', path: 'foo' }, { module: 'b', path: ['bar', 'baz'] }, { module: 'c' }, { module: 'd', path: 'default' }]}">
+
+```vue
+<script>
+import { foo as fooOfA } from 'a'
+import { bar as barOfB } from 'b'
+import defaultOfC from 'c'
+import defaultOfD from 'd'
+export default {
+  async setup() {
+    await doSomething()
+
+    /* ✗ BAD */
+    fooOfA()
+    barOfB.baz()
+    defaultOfC()
+    defaultOfD()
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-call-after-await.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-call-after-await.js)
diff --git a/lib/index.js b/lib/index.js
index 95ffd1dd6..0cc2ef271 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -91,6 +91,7 @@ module.exports = {
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
+    'no-restricted-call-after-await': require('./rules/no-restricted-call-after-await'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
     'no-restricted-custom-event': require('./rules/no-restricted-custom-event'),
     'no-restricted-props': require('./rules/no-restricted-props'),
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
new file mode 100644
index 000000000..6723d91ce
--- /dev/null
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -0,0 +1,227 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const fs = require('fs')
+const path = require('path')
+const { ReferenceTracker } = require('eslint-utils')
+const utils = require('../utils')
+
+/**
+ * @typedef {import('eslint-utils').TYPES.TraceMap} TraceMap
+ * @typedef {import('eslint-utils').TYPES.TraceKind} TraceKind
+ */
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow asynchronously called restricted methods',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-call-after-await.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        type: 'object',
+        properties: {
+          module: { type: 'string' },
+          path: {
+            anyOf: [
+              { type: 'string' },
+              {
+                type: 'array',
+                items: {
+                  type: 'string'
+                }
+              }
+            ]
+          },
+          message: { type: 'string', minLength: 1 }
+        },
+        required: ['module'],
+        additionalProperties: false
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restricted: '{{message}}'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {Map<ESNode, string>} */
+    const restrictedCallNodes = new Map()
+    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, { setupProperty: Property, afterAwait: boolean }>} */
+    const setupFunctions = new Map()
+
+    /**x
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} functionNode
+     */
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
+
+    /** @type {Record<string, string[]> | null} */
+    let allLocalImports = null
+    /**
+     * @param {string} id
+     */
+    function safeRequireResolve(id) {
+      try {
+        if (fs.statSync(id).isDirectory()) {
+          return require.resolve(id)
+        }
+      } catch (_e) {
+        // ignore
+      }
+      return id
+    }
+    /**
+     * @param {Program} ast
+     */
+    function getAllLocalImports(ast) {
+      if (!allLocalImports) {
+        allLocalImports = {}
+        const dir = path.dirname(context.getFilename())
+        for (const body of ast.body) {
+          if (body.type !== 'ImportDeclaration') {
+            continue
+          }
+          const source = String(body.source.value)
+          if (!source.startsWith('.')) {
+            continue
+          }
+          const modulePath = safeRequireResolve(path.join(dir, source))
+          const list =
+            allLocalImports[modulePath] || (allLocalImports[modulePath] = [])
+          list.push(source)
+        }
+      }
+
+      return allLocalImports
+    }
+
+    function getCwd() {
+      if (context.getCwd) {
+        return context.getCwd()
+      }
+      return path.resolve('')
+    }
+
+    /**
+     * @param {string} moduleName
+     * @param {Program} ast
+     * @returns {string[]}
+     */
+    function normalizeModules(moduleName, ast) {
+      /** @type {string} */
+      let modulePath
+      if (moduleName.startsWith('.')) {
+        modulePath = safeRequireResolve(path.join(getCwd(), moduleName))
+      } else if (path.isAbsolute(moduleName)) {
+        modulePath = safeRequireResolve(moduleName)
+      } else {
+        return [moduleName]
+      }
+      return getAllLocalImports(ast)[modulePath] || []
+    }
+
+    return utils.compositingVisitors(
+      {
+        /** @param {Program} node */
+        Program(node) {
+          const tracker = new ReferenceTracker(context.getScope())
+
+          for (const option of context.options) {
+            const modules = normalizeModules(option.module, node)
+
+            for (const module of modules) {
+              /** @type {TraceMap} */
+              const traceMap = {
+                [module]: {
+                  [ReferenceTracker.ESM]: true
+                }
+              }
+
+              /** @type {TraceKind & TraceMap} */
+              const mod = traceMap[module]
+              let local = mod
+              const paths = Array.isArray(option.path)
+                ? option.path
+                : [option.path || 'default']
+              for (const path of paths) {
+                local = local[path] || (local[path] = {})
+              }
+              local[ReferenceTracker.CALL] = true
+              const message =
+                option.message ||
+                `The \`${[`import("${module}")`, ...paths].join(
+                  '.'
+                )}\` after \`await\` expression are forbidden.`
+
+              for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+                restrictedCallNodes.set(node, message)
+              }
+            }
+          }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
+        ':function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            functionNode: node
+          }
+        },
+        onSetupFunctionEnter(node) {
+          setupFunctions.set(node, {
+            setupProperty: node.parent,
+            afterAwait: false
+          })
+        },
+        AwaitExpression() {
+          if (!scopeStack) {
+            return
+          }
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData) {
+            return
+          }
+          setupFunctionData.afterAwait = true
+        },
+        /** @param {CallExpression} node */
+        CallExpression(node) {
+          if (!scopeStack) {
+            return
+          }
+          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
+          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+            return
+          }
+
+          const message = restrictedCallNodes.get(node)
+          if (message) {
+            context.report({
+              node,
+              messageId: 'restricted',
+              data: { message }
+            })
+          }
+        },
+        /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
+        ':function:exit'(node) {
+          scopeStack = scopeStack && scopeStack.upper
+
+          setupFunctions.delete(node)
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-restricted-call-after-await.js b/tests/lib/rules/no-restricted-call-after-await.js
new file mode 100644
index 000000000..530e7cd39
--- /dev/null
+++ b/tests/lib/rules/no-restricted-call-after-await.js
@@ -0,0 +1,382 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const path = require('path')
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-call-after-await')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('no-restricted-call-after-await', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { useI18n } from 'vue-i18n'
+      export default {
+        async setup() {
+          const { t } = useI18n({ })
+          return { t }
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'vue-i18n', path: 'useI18n' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { useI18n } from 'vue-i18n'
+      export default {
+        async foo() {
+          await doSomething()
+          const { t } = useI18n({ })
+          return { t }
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'vue-i18n', path: 'useI18n' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { bar } from 'foo'
+      export default {
+        async setup() {
+          const qux = bar.baz({ })
+          await doSomething()
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'foo', path: ['bar', 'baz'] }]
+    },
+    {
+      filename: path.join(process.cwd(), 'test.vue'),
+      code: `
+      <script>
+      export default {
+        async setup() {
+          await doSomething()
+          const v = bar({ })
+          qux()
+          useI18n()
+        }
+      }
+      </script>
+      `,
+      options: [
+        { module: './foo', path: 'bar' },
+        { module: './baz', path: 'qux' },
+        { module: 'vue-i18n', path: 'useI18n' }
+      ]
+    },
+    {
+      filename: path.join(process.cwd(), 'test.vue'),
+      code: `
+      <script>
+      import {useI18n} from 'vue-i18n'
+      import { bar } from './foo'
+      import { qux } from './baz'
+      export default {
+        async setup() {
+          const v = bar({ })
+          qux()
+          useI18n()
+          await doSomething()
+        }
+      }
+      </script>
+      `,
+      options: [
+        { module: './foo', path: 'bar' },
+        { module: './baz', path: 'qux' },
+        { module: 'vue-i18n', path: 'useI18n' }
+      ]
+    },
+    {
+      filename: path.join(process.cwd(), 'test.vue'),
+      code: `
+      <script>
+      import {useI18n} from 'vue-i18n'
+      import { bar } from './foo'
+      import { qux } from './baz'
+      const v = bar({ })
+      qux()
+      useI18n()
+      export default {
+        async setup() {
+          await doSomething()
+        }
+      }
+      </script>
+      `,
+      options: [
+        { module: './foo', path: 'bar' },
+        { module: './baz', path: 'qux' },
+        { module: 'vue-i18n', path: 'useI18n' }
+      ]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { useI18n } from 'vue-i18n'
+      export default {
+        async setup() {
+          await doSomething()
+          const { t } = useI18n({ })
+          return { t }
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'vue-i18n', path: 'useI18n' }],
+      errors: [
+        {
+          message:
+            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+          line: 7,
+          column: 25,
+          endLine: 7,
+          endColumn: 37
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { bar } from 'foo'
+      export default {
+        async setup() {
+          await doSomething()
+          const qux = bar.baz({ })
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'foo', path: ['bar', 'baz'] }],
+      errors: [
+        {
+          message:
+            'The `import("foo").bar.baz` after `await` expression are forbidden.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { bar } from 'foo'
+      import { useI18n } from 'vue-i18n'
+      export default {
+        async setup() {
+          await doSomething()
+          const {t} = useI18n({ })
+          const qux = bar.baz({ })
+        }
+      }
+      </script>
+      `,
+      options: [
+        { module: 'vue-i18n', path: 'useI18n' },
+        { module: 'foo', path: ['bar', 'baz'] }
+      ],
+      errors: [
+        {
+          message:
+            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+          line: 8
+        },
+        {
+          message:
+            'The `import("foo").bar.baz` after `await` expression are forbidden.',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import def from 'foo'
+      export default {
+        async setup() {
+          await doSomething()
+          const v = def({ })
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'foo', path: 'default' }],
+      errors: [
+        {
+          message:
+            'The `import("foo").default` after `await` expression are forbidden.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import def from 'foo'
+      export default {
+        async setup() {
+          await doSomething()
+          const v = def({ })
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'foo' }],
+      errors: [
+        {
+          message:
+            'The `import("foo").default` after `await` expression are forbidden.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import * as i18n from 'vue-i18n'
+      export default {
+        async setup() {
+          await doSomething()
+          const v = i18n.useI18n({ })
+        }
+      }
+      </script>
+      `,
+      options: [{ module: 'vue-i18n', path: 'useI18n' }],
+      errors: [
+        {
+          message:
+            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: path.join(process.cwd(), 'test.vue'),
+      code: `
+      <script>
+      import {useI18n} from 'vue-i18n'
+      import { bar } from './foo'
+      import { qux } from './baz'
+      export default {
+        async setup() {
+          useI18n()
+          await doSomething()
+          const v = bar({ })
+          qux()
+          useI18n()
+        }
+      }
+      </script>
+      `,
+      options: [
+        { module: './foo', path: 'bar' },
+        { module: './baz', path: 'qux' },
+        { module: 'vue-i18n', path: 'useI18n' }
+      ],
+      errors: [
+        {
+          message:
+            'The `import("./foo").bar` after `await` expression are forbidden.',
+          line: 10
+        },
+        {
+          message:
+            'The `import("./baz").qux` after `await` expression are forbidden.',
+          line: 11
+        },
+        {
+          message:
+            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: path.join(process.cwd(), 'test.vue'),
+      code: `
+      <script>
+      import {useI18n} from 'vue-i18n'
+      import { bar } from './foo'
+      import { qux } from './baz'
+      export default {
+        async setup() {
+          useI18n()
+          await doSomething()
+          const v = bar({ })
+          qux()
+          useI18n()
+        }
+      }
+      </script>
+      `,
+      options: [
+        { module: path.join(process.cwd(), './foo'), path: 'bar' },
+        { module: path.join(process.cwd(), './baz'), path: 'qux' },
+        { module: 'vue-i18n', path: 'useI18n' }
+      ],
+      errors: [
+        {
+          message:
+            'The `import("./foo").bar` after `await` expression are forbidden.',
+          line: 10
+        },
+        {
+          message:
+            'The `import("./baz").qux` after `await` expression are forbidden.',
+          line: 11
+        },
+        {
+          message:
+            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: path.join(__dirname, '../../../test/test.vue'),
+      code: `
+      <script>
+      import { foo } from '..'
+      export default {
+        async setup() {
+          await doSomething()
+          foo({})
+        }
+      }
+      </script>
+      `,
+      options: [{ module: require.resolve('../../..'), path: 'foo' }],
+      errors: [
+        {
+          message:
+            'The `import("..").foo` after `await` expression are forbidden.',
+          line: 7
+        }
+      ]
+    }
+  ]
+})
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index f977b45ae..fdbca8503 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -327,6 +327,9 @@ export namespace Rule {
     getSourceCode(): SourceCode
     markVariableAsUsed(name: string): boolean
     report(descriptor: ReportDescriptor): void
+
+    // eslint@6 does not have this method.
+    getCwd?: () => string
   }
 
   type ReportDescriptor =

From caab1c45a51af4e5c6b90454ce86919447c7fe95 Mon Sep 17 00:00:00 2001
From: ota-meshi <otameshiyo23@gmail.com>
Date: Fri, 25 Dec 2020 22:32:49 +0900
Subject: [PATCH 0230/1010] update npm script

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index cca34e8c8..72b4d6976 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "version": "npm run lint -- --fix && git add .",
     "update": "node ./tools/update.js",
     "docs:watch": "vuepress dev docs",
+    "predocs:build": "npm run update",
     "docs:build": "vuepress build docs"
   },
   "files": [

From 543361bc4a14e2088533e418e03025e0187704f3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 27 Dec 2020 11:56:22 +0900
Subject: [PATCH 0231/1010] Fixed false positives for `v-bind="object"` syntax
 in `vue/attributes-order` rule (#1391)

---
 docs/rules/attributes-order.md      |  28 ++-
 lib/rules/attributes-order.js       | 198 ++++++++++++++------
 tests/lib/rules/attributes-order.js | 270 ++++++++++++++++++++++++++++
 3 files changed, 440 insertions(+), 56 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index e5c8a91f1..8bcb8b8ea 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -91,7 +91,33 @@ This rule aims to enforce ordering of component attributes. The default order is
 
 </eslint-code-block>
 
+Note that `v-bind="object"` syntax is considered to be the same as the next or previous attribute categories.
+
+<eslint-code-block fix :rules="{'vue/attributes-order': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD (`v-bind="object"` is considered GLOBAL category) -->
+  <MyComponent
+    v-bind="object"
+    id="x"
+    v-model="x"
+    v-bind:foo="x">
+  </MyComponent>
+
+  <!-- ✗ BAD (`v-bind="object"` is considered UNIQUE category) -->
+  <MyComponent
+    key="x"
+    v-model="x"
+    v-bind="object">
+  </MyComponent>
+</template>
+```
+
+</eslint-code-block>
+
 ## :wrench: Options
+
 ```json
 {
   "vue/attributes-order": ["error", {
@@ -113,7 +139,7 @@ This rule aims to enforce ordering of component attributes. The default order is
 }
 ```
 
-### `"alphabetical": true` 
+### `"alphabetical": true`
 
 <eslint-code-block fix :rules="{'vue/attributes-order': ['error', {alphabetical: true}]}">
 
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 34a9d7d32..2441ee497 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -8,6 +8,11 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
+
+/**
+ * @typedef { VDirective & { key: VDirectiveKey & { name: VIdentifier & { name: 'bind' } } } } VBindDirective
+ */
+
 const ATTRS = {
   DEFINITION: 'DEFINITION',
   LIST_RENDERING: 'LIST_RENDERING',
@@ -22,13 +27,47 @@ const ATTRS = {
   CONTENT: 'CONTENT'
 }
 
+/**
+ * Check whether the given attribute is `v-bind` directive.
+ * @param {VAttribute | VDirective | undefined | null} node
+ * @returns { node is VBindDirective }
+ */
+function isVBind(node) {
+  return Boolean(node && node.directive && node.key.name.name === 'bind')
+}
+/**
+ * Check whether the given attribute is plain attribute.
+ * @param {VAttribute | VDirective | undefined | null} node
+ * @returns { node is VAttribute }
+ */
+function isVAttribute(node) {
+  return Boolean(node && !node.directive)
+}
+/**
+ * Check whether the given attribute is plain attribute or `v-bind` directive.
+ * @param {VAttribute | VDirective | undefined | null} node
+ * @returns { node is VAttribute }
+ */
+function isVAttributeOrVBind(node) {
+  return isVAttribute(node) || isVBind(node)
+}
+
+/**
+ * Check whether the given attribute is `v-bind="..."` directive.
+ * @param {VAttribute | VDirective | undefined | null} node
+ * @returns { node is VBindDirective }
+ */
+function isVBindObject(node) {
+  return isVBind(node) && node.key.argument == null
+}
+
 /**
  * @param {VAttribute | VDirective} attribute
  * @param {SourceCode} sourceCode
  */
 function getAttributeName(attribute, sourceCode) {
   if (attribute.directive) {
-    if (attribute.key.name.name === 'bind') {
+    if (isVBind(attribute)) {
       return attribute.key.argument
         ? sourceCode.getText(attribute.key.argument)
         : ''
@@ -62,7 +101,7 @@ function getDirectiveKeyName(directiveKey, sourceCode) {
 function getAttributeType(attribute, sourceCode) {
   let propName
   if (attribute.directive) {
-    if (attribute.key.name.name !== 'bind') {
+    if (!isVBind(attribute)) {
       const name = attribute.key.name.name
       if (name === 'for') {
         return ATTRS.LIST_RENDERING
@@ -130,24 +169,14 @@ function getPosition(attribute, attributePosition, sourceCode) {
  * @param {SourceCode} sourceCode
  */
 function isAlphabetical(prevNode, currNode, sourceCode) {
-  const isSameType =
-    getAttributeType(prevNode, sourceCode) ===
-    getAttributeType(currNode, sourceCode)
-  if (isSameType) {
-    const prevName = getAttributeName(prevNode, sourceCode)
-    const currName = getAttributeName(currNode, sourceCode)
-    if (prevName === currName) {
-      const prevIsBind = Boolean(
-        prevNode.directive && prevNode.key.name.name === 'bind'
-      )
-      const currIsBind = Boolean(
-        currNode.directive && currNode.key.name.name === 'bind'
-      )
-      return prevIsBind <= currIsBind
-    }
-    return prevName < currName
+  const prevName = getAttributeName(prevNode, sourceCode)
+  const currName = getAttributeName(currNode, sourceCode)
+  if (prevName === currName) {
+    const prevIsBind = isVBind(prevNode)
+    const currIsBind = isVBind(currNode)
+    return prevIsBind <= currIsBind
   }
-  return true
+  return prevName < currName
 }
 
 /**
@@ -186,16 +215,6 @@ function create(context) {
     } else attributePosition[item] = i
   })
 
-  /**
-   * @typedef {object} State
-   * @property {number} currentPosition
-   * @property {VAttribute | VDirective} previousNode
-   */
-  /**
-   * @type {State | null}
-   */
-  let state
-
   /**
    * @param {VAttribute | VDirective} node
    * @param {VAttribute | VDirective} previousNode
@@ -213,43 +232,112 @@ function create(context) {
 
       fix(fixer) {
         const attributes = node.parent.attributes
-        const shiftAttrs = attributes.slice(
+
+        /** @type { (node: VAttribute | VDirective | undefined) => boolean } */
+        let isMoveUp
+
+        if (isVBindObject(node)) {
+          // prev, v-bind:foo, v-bind -> v-bind:foo, v-bind, prev
+          isMoveUp = isVAttributeOrVBind
+        } else if (isVAttributeOrVBind(node)) {
+          // prev, v-bind, v-bind:foo -> v-bind, v-bind:foo, prev
+          isMoveUp = isVBindObject
+        } else {
+          isMoveUp = () => false
+        }
+
+        const previousNodes = attributes.slice(
           attributes.indexOf(previousNode),
-          attributes.indexOf(node) + 1
+          attributes.indexOf(node)
         )
+        const moveUpNodes = [node]
+        const moveDownNodes = []
+        let index = 0
+        while (previousNodes[index]) {
+          const node = previousNodes[index++]
+          if (isMoveUp(node)) {
+            moveUpNodes.unshift(node)
+          } else {
+            moveDownNodes.push(node)
+          }
+        }
+        const moveNodes = [...moveUpNodes, ...moveDownNodes]
 
-        return shiftAttrs.map((attr, i) => {
-          const text =
-            attr === previousNode
-              ? sourceCode.getText(node)
-              : sourceCode.getText(shiftAttrs[i - 1])
-          return fixer.replaceText(attr, text)
+        return moveNodes.map((moveNode, index) => {
+          const text = sourceCode.getText(moveNode)
+          return fixer.replaceText(previousNodes[index] || node, text)
         })
       }
     })
   }
 
   return utils.defineTemplateBodyVisitor(context, {
-    VStartTag() {
-      state = null
-    },
-    VAttribute(node) {
-      let inAlphaOrder = true
-      if (state && alphabetical) {
-        inAlphaOrder = isAlphabetical(state.previousNode, node, sourceCode)
+    VStartTag(node) {
+      const attributes = node.attributes.filter((node, index, attributes) => {
+        if (
+          isVBindObject(node) &&
+          (isVAttributeOrVBind(attributes[index - 1]) ||
+            isVAttributeOrVBind(attributes[index + 1]))
+        ) {
+          // In Vue 3, ignore the `v-bind:foo=" ... "` and `v-bind ="object"` syntax
+          // as they behave differently if you change the order.
+          return false
+        }
+        return true
+      })
+      if (attributes.length <= 1) {
+        return
       }
-      if (
-        !state ||
-        (state.currentPosition <=
-          getPosition(node, attributePosition, sourceCode) &&
-          inAlphaOrder)
-      ) {
-        state = {
-          currentPosition: getPosition(node, attributePosition, sourceCode),
-          previousNode: node
+
+      let previousNode = attributes[0]
+      let previousPosition = getPositionFromAttrIndex(0)
+      for (let index = 1; index < attributes.length; index++) {
+        const node = attributes[index]
+        const position = getPositionFromAttrIndex(index)
+
+        let valid = previousPosition <= position
+        if (valid && alphabetical && previousPosition === position) {
+          valid = isAlphabetical(previousNode, node, sourceCode)
         }
-      } else {
-        reportIssue(node, state.previousNode)
+        if (valid) {
+          previousNode = node
+          previousPosition = position
+        } else {
+          reportIssue(node, previousNode)
+        }
+      }
+
+      /**
+       * @param {number} index
+       * @returns {number}
+       */
+      function getPositionFromAttrIndex(index) {
+        const node = attributes[index]
+        if (isVBindObject(node)) {
+          // node is `v-bind ="object"` syntax
+
+          // In Vue 3, if change the order of `v-bind:foo=" ... "` and `v-bind ="object"`,
+          // the behavior will be different, so adjust so that there is no change in behavior.
+
+          const len = attributes.length
+          for (let nextIndex = index + 1; nextIndex < len; nextIndex++) {
+            const next = attributes[nextIndex]
+
+            if (isVAttributeOrVBind(next) && !isVBindObject(next)) {
+              // It is considered to be in the same order as the next bind prop node.
+              return getPositionFromAttrIndex(nextIndex)
+            }
+          }
+          for (let prevIndex = index - 1; prevIndex >= 0; prevIndex--) {
+            const prev = attributes[prevIndex]
+
+            if (isVAttributeOrVBind(prev) && !isVBindObject(prev)) {
+              // It is considered to be in the same order as the prev bind prop node.
+              return getPositionFromAttrIndex(prevIndex)
+            }
+          }
+        }
+        return getPosition(node, attributePosition, sourceCode)
       }
     }
   })
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 87e72b56e..399a859b4 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -373,6 +373,54 @@ tester.run('attributes-order', rule, {
           </div>
         </template>`,
       options: [{ alphabetical: true }]
+    },
+
+    // v-bind="..."
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind:id="a"
+          v-bind="b">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind="b"
+          v-bind:id="a">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="x"
+          v-bind:id="a"
+          v-bind="b">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="x"
+          v-bind="b"
+          v-bind:id="a">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }]
     }
   ],
 
@@ -943,6 +991,228 @@ tester.run('attributes-order', rule, {
           message: 'Attribute "v-is" should go before "v-cloak".'
         }
       ]
+    },
+
+    // v-bind="..."
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind:id="a"
+          v-bind="b"
+          v-if="x">
+        </div>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-if="x"
+          v-bind:id="a"
+          v-bind="b">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-if" should go before "v-bind:id".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind:id="a"
+          v-if="x"
+          v-bind="b">
+        </div>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-if="x"
+          v-bind:id="a"
+          v-bind="b">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-if" should go before "v-bind:id".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind="b"
+          v-bind:id="a"
+          v-if="x">
+        </div>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-bind="b"
+          v-if="x"
+          v-bind:id="a">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-if" should go before "v-bind:id".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-on:click="x"
+          v-bind:id="a"
+          v-bind="b">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-bind:id="a"
+          v-on:click="x"
+          v-bind="b">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-bind:id" should go before "v-on:click".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind:id="a"
+          v-on:click="x"
+          v-bind="b">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-bind:id="a"
+          v-bind="b"
+          v-on:click="x">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-bind" should go before "v-on:click".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-on:click="x"
+          v-bind="b"
+          v-bind:id="a">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-bind="b"
+          v-bind:id="a"
+          v-on:click="x">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-bind:id" should go before "v-on:click".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-on:click="x"
+          v-bind:a="x"
+          v-bind="x"
+          v-if="x">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-bind:a="x"
+          v-on:click="x"
+          v-bind="x"
+          v-if="x">
+        </div>
+      </template>`,
+      errors: [
+        'Attribute "v-bind:a" should go before "v-on:click".',
+        'Attribute "v-if" should go before "v-on:click".'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind:a="x"
+          v-on:click="x"
+          v-bind="x"
+          v-if="x">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-bind:a="x"
+          v-bind="x"
+          v-on:click="x"
+          v-if="x">
+        </div>
+      </template>`,
+      errors: [
+        'Attribute "v-bind" should go before "v-on:click".',
+        'Attribute "v-if" should go before "v-on:click".'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          a="x"
+          v-bind="x"
+          v-if="x">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-if="x"
+          a="x"
+          v-bind="x">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-if" should go before "a".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-on:click="x"
+          v-bind="x"
+          v-if="x">
+        </div>
+      </template>`,
+      options: [{ alphabetical: true }],
+      output: `
+      <template>
+        <div
+          v-bind="x"
+          v-on:click="x"
+          v-if="x">
+        </div>
+      </template>`,
+      errors: [
+        'Attribute "v-bind" should go before "v-on:click".',
+        'Attribute "v-if" should go before "v-on:click".'
+      ]
     }
   ]
 })

From 01f7732d41748be3e5919cbf73ac6431783fbb75 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 27 Dec 2020 11:56:39 +0900
Subject: [PATCH 0232/1010] Add vue/v-on-event-hyphenation rule (#1388)

* Add vue/v-on-event-hyphenation rule

* update docs

* Update doc
---
 docs/rules/README.md                      |   1 +
 docs/rules/attribute-hyphenation.md       |   8 ++
 docs/rules/custom-event-name-casing.md    |   9 +-
 docs/rules/prop-name-casing.md            |   5 +
 docs/rules/v-on-event-hyphenation.md      | 119 ++++++++++++++++++++++
 lib/index.js                              |   1 +
 lib/rules/attribute-hyphenation.js        |   2 +-
 lib/rules/v-on-event-hyphenation.js       | 113 ++++++++++++++++++++
 tests/lib/rules/v-on-event-hyphenation.js | 107 +++++++++++++++++++
 9 files changed, 362 insertions(+), 3 deletions(-)
 create mode 100644 docs/rules/v-on-event-hyphenation.md
 create mode 100644 lib/rules/v-on-event-hyphenation.js
 create mode 100644 tests/lib/rules/v-on-event-hyphenation.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 0d1fccd31..b9d6be74b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -321,6 +321,7 @@ For example:
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
+| [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
 
 ### Extension Rules
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index fc7bba756..cc6391831 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -47,6 +47,7 @@ Default casing is set to `always` with `['data-', 'aria-', 'slot-scope']` set to
 - `"ignore"` ... Array of ignored names
 
 ### `"always"`
+
 It errors on upper case letters.
 
 <eslint-code-block fix :rules="{'vue/attribute-hyphenation': ['error', 'always']}">
@@ -64,6 +65,7 @@ It errors on upper case letters.
 </eslint-code-block>
 
 ### `"never"`
+
 It errors on hyphens except `data-`, `aria-` and `slot-scope`.
 
 <eslint-code-block fix :rules="{'vue/attribute-hyphenation': ['error', 'never']}">
@@ -84,6 +86,7 @@ It errors on hyphens except `data-`, `aria-` and `slot-scope`.
 </eslint-code-block>
 
 ### `"never", { "ignore": ["custom-prop"] }`
+
 Don't use hyphenated name but allow custom attributes
 
 <eslint-code-block fix :rules="{'vue/attribute-hyphenation': ['error', 'never', { ignore: ['custom-prop']}]}">
@@ -104,6 +107,11 @@ Don't use hyphenated name but allow custom attributes
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md)
+- [vue/prop-name-casing](./prop-name-casing.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v3.9.0
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index 16a46dfda..ae08fc25d 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -23,9 +23,9 @@ Vue 2 recommends using kebab-case for custom event names.
 
 See [Guide (for v2) - Custom Events] for more details.
 
-Vue 3 recommends using camelCase for custom event names.
+In Vue 3, using either camelCase or kebab-case for your custom event name does not limit its use in v-on. However, following JavaScript conventions, camelCase is more natural.
 
-See [vuejs/docs-next#656](https://github.com/vuejs/docs-next/issues/656) for more details.
+See [Guide - Custom Events] for more details.
 
 This rule enforces kebab-case by default.
 
@@ -171,6 +171,11 @@ export default {
 [Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
 [Guide (for v2) - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
 
+## :couple: Related Rules
+
+- [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md)
+- [vue/prop-name-casing](./prop-name-casing.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.0.0
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 3cfee5b06..81f19518f 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -70,6 +70,11 @@ export default {
 
 - [Style guide - Prop name casing](https://v3.vuejs.org/style-guide/#prop-name-casing-strongly-recommended)
 
+## :couple: Related Rules
+
+- [vue/attribute-hyphenation](./attribute-hyphenation.md)
+- [vue/custom-event-name-casing](./custom-event-name-casing.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v4.3.0
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
new file mode 100644
index 000000000..92caed693
--- /dev/null
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -0,0 +1,119 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/v-on-event-hyphenation
+description: enforce v-on event naming style on custom components in template
+---
+# vue/v-on-event-hyphenation
+
+> enforce v-on event naming style on custom components in template
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces using hyphenated v-on event names on custom components in Vue templates.
+
+<eslint-code-block fix :rules="{'vue/v-on-event-hyphenation': ['error', 'always', { autofix: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-on:custom-event="handleEvent"/>
+  <MyComponent @custom-event="handleEvent"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent v-on:customEvent="handleEvent"/>
+  <MyComponent @customEvent="handleEvent"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/v-on-event-hyphenation": ["error", "always" | "never", {
+    "autofix": false,
+    "ignore": []
+  }]
+}
+```
+
+- `"always"` (default) ... Use hyphenated name.
+- `"never"` ... Don't use hyphenated name.
+- `"ignore"` ... Array of ignored names
+- `"autofix"` ... If `true`, enable autofix. If you are using Vue 2, we recommend that you do not use it due to its side effects.
+
+### `"always"`
+
+It errors on upper case letters.
+
+<eslint-code-block fix :rules="{'vue/v-on-event-hyphenation': ['error', 'always', { autofix: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-on:custom-event="handleEvent"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent v-on:customEvent="handleEvent"/>
+</template>
+```
+
+</eslint-code-block>
+
+### `"never"`
+
+It errors on hyphens.
+
+<eslint-code-block fix :rules="{'vue/v-on-event-hyphenation': ['error', 'never', { autofix: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-on:customEvent="handleEvent"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent v-on:custom-event="handleEvent"/>
+</template>
+```
+
+</eslint-code-block>
+
+### `"never", { "ignore": ["custom-event"] }`
+
+Don't use hyphenated name but allow custom event names
+
+<eslint-code-block fix :rules="{'vue/v-on-event-hyphenation': ['error', 'never', { ignore: ['custom-event'], autofix: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent v-on:custom-event="handleEvent"/>
+  <MyComponent v-on:myEvent="handleEvent"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent v-on:my-event="handleEvent"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [Guide - Custom Events]
+
+[Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
+
+## :couple: Related Rules
+
+- [vue/custom-event-name-casing](./custom-event-name-casing.md)
+- [vue/attribute-hyphenation](./attribute-hyphenation.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-event-hyphenation.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/v-on-event-hyphenation.js)
diff --git a/lib/index.js b/lib/index.js
index 0cc2ef271..30f517169 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -157,6 +157,7 @@ module.exports = {
     'use-v-on-exact': require('./rules/use-v-on-exact'),
     'v-bind-style': require('./rules/v-bind-style'),
     'v-for-delimiter-style': require('./rules/v-for-delimiter-style'),
+    'v-on-event-hyphenation': require('./rules/v-on-event-hyphenation'),
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 1fd7b5e9b..cba9dc241 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -87,7 +87,7 @@ module.exports = {
      */
     function isIgnoredAttribute(value) {
       const isIgnored = ignoredAttributes.some((attr) => {
-        return value.indexOf(attr) !== -1
+        return value.includes(attr)
       })
 
       if (isIgnored) {
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
new file mode 100644
index 000000000..60823e013
--- /dev/null
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -0,0 +1,113 @@
+'use strict'
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+module.exports = {
+  meta: {
+    docs: {
+      description:
+        'enforce v-on event naming style on custom components in template',
+      // TODO Change with major version.
+      // categories: ['vue3-strongly-recommended'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/v-on-event-hyphenation.html'
+    },
+    fixable: 'code',
+    schema: [
+      {
+        enum: ['always', 'never']
+      },
+      {
+        type: 'object',
+        properties: {
+          autofix: { type: 'boolean' },
+          ignore: {
+            type: 'array',
+            items: {
+              allOf: [
+                { type: 'string' },
+                { not: { type: 'string', pattern: ':exit$' } },
+                { not: { type: 'string', pattern: '^\\s*$' } }
+              ]
+            },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    type: 'suggestion'
+  },
+
+  /** @param {RuleContext} context */
+  create(context) {
+    const sourceCode = context.getSourceCode()
+    const option = context.options[0]
+    const optionsPayload = context.options[1]
+    const useHyphenated = option !== 'never'
+    /** @type {string[]} */
+    const ignoredAttributes = (optionsPayload && optionsPayload.ignore) || []
+    const autofix = Boolean(optionsPayload && optionsPayload.autofix)
+
+    const caseConverter = casing.getExactConverter(
+      useHyphenated ? 'kebab-case' : 'camelCase'
+    )
+
+    /**
+     * @param {VDirective} node
+     * @param {string} name
+     */
+    function reportIssue(node, name) {
+      const text = sourceCode.getText(node.key)
+
+      context.report({
+        node: node.key,
+        loc: node.loc,
+        message: useHyphenated
+          ? "v-on event '{{text}}' must be hyphenated."
+          : "v-on event '{{text}}' can't be hyphenated.",
+        data: {
+          text
+        },
+        fix: autofix
+          ? (fixer) =>
+              fixer.replaceText(
+                node.key,
+                text.replace(name, caseConverter(name))
+              )
+          : null
+      })
+    }
+
+    /**
+     * @param {string} value
+     */
+    function isIgnoredAttribute(value) {
+      const isIgnored = ignoredAttributes.some((attr) => {
+        return value.includes(attr)
+      })
+
+      if (isIgnored) {
+        return true
+      }
+
+      return useHyphenated ? value.toLowerCase() === value : !/-/.test(value)
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='on']"(node) {
+        if (!utils.isCustomComponent(node.parent.parent)) return
+
+        const name =
+          node.key.argument &&
+          node.key.argument.type === 'VIdentifier' &&
+          node.key.argument.rawName
+        if (!name || isIgnoredAttribute(name)) return
+
+        reportIssue(node, name)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/v-on-event-hyphenation.js b/tests/lib/rules/v-on-event-hyphenation.js
new file mode 100644
index 000000000..c77449971
--- /dev/null
+++ b/tests/lib/rules/v-on-event-hyphenation.js
@@ -0,0 +1,107 @@
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/v-on-event-hyphenation.js')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('v-on-event-hyphenation', rule, {
+  valid: [
+    `
+    <template>
+        <VueComponent @custom-event="onEvent"/>
+    </template>
+    `,
+    `
+    <template>
+        <VueComponent :customEvent="onEvent"/>
+    </template>
+    `,
+    `
+    <template>
+        <VueComponent v-on="events"/>
+    </template>
+    `,
+    `
+    <template>
+        <div v-on:unknownEvent="onEvent"/>
+    </template>
+    `,
+    {
+      code: `
+      <template>
+          <VueComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      options: ['never']
+    },
+    {
+      code: `
+      <template>
+          <VueComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      options: ['never', { ignore: ['custom'] }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+          <VueComponent @customEvent="onEvent"/>
+      </template>
+      `,
+      output: null,
+      errors: [
+        {
+          message: "v-on event '@customEvent' must be hyphenated.",
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 47
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+          <VueComponent @customEvent="onEvent"/>
+      </template>
+      `,
+      options: ['always', { autofix: true }],
+      output: `
+      <template>
+          <VueComponent @custom-event="onEvent"/>
+      </template>
+      `,
+      errors: [
+        {
+          message: "v-on event '@customEvent' must be hyphenated.",
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 47
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+          <VueComponent v-on:custom-event="events"/>
+      </template>
+      `,
+      options: ['never', { autofix: true }],
+      output: `
+      <template>
+          <VueComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      errors: ["v-on event 'v-on:custom-event' can't be hyphenated."]
+    }
+  ]
+})

From 7c0cd3e85ce5b76028415aae628b65c166d39ad4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 27 Dec 2020 12:02:40 +0900
Subject: [PATCH 0233/1010] Add vue/no-restricted-block rule (#1389)

---
 docs/rules/README.md                   |   1 +
 docs/rules/no-restricted-block.md      |  88 +++++++++++++++++
 lib/index.js                           |   1 +
 lib/rules/no-restricted-block.js       | 126 +++++++++++++++++++++++++
 tests/lib/rules/no-restricted-block.js |  96 +++++++++++++++++++
 5 files changed, 312 insertions(+)
 create mode 100644 docs/rules/no-restricted-block.md
 create mode 100644 lib/rules/no-restricted-block.js
 create mode 100644 tests/lib/rules/no-restricted-block.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b9d6be74b..5f848467b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -301,6 +301,7 @@ For example:
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
+| [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
 | [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event |  |
diff --git a/docs/rules/no-restricted-block.md b/docs/rules/no-restricted-block.md
new file mode 100644
index 000000000..f84b13746
--- /dev/null
+++ b/docs/rules/no-restricted-block.md
@@ -0,0 +1,88 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-block
+description: disallow specific block
+---
+# vue/no-restricted-block
+
+> disallow specific block
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule allows you to specify block names that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a block name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-block": ["error", "style", "foo", "bar"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-block': ['error', 'style', 'foo', 'bar']}">
+
+```vue
+<!-- ✗ BAD -->
+<foo>
+  Custom block
+</foo>
+<bar>
+  Custom block
+</bar>
+<style>
+.foo {}
+</style>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-block": ["error",
+    {
+      "element": "style",
+      "message": "Do not use <style> block in this project."
+    },
+    {
+      "element": "foo",
+      "message": "Do not use <foo> block in this project."
+    },
+    {
+      "element": "/forbidden/",
+      "message": "Do not use blocks that include `forbidden` in their name."
+    }
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `element` ... Specify the block element name or pattern.
+- `message` ... Specify an optional custom message.
+
+### `{ "element": "foo"  }, { "element": "/forbidden/"  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-block': ['error', { element: 'foo' }, { element: '/forbidden/' }]}">
+
+```vue
+<!-- ✗ BAD -->
+<foo>
+  ✗ BAD
+</foo>
+<forbidden-block></forbidden-block>
+<block-forbidden></block-forbidden>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-block.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-block.js)
diff --git a/lib/index.js b/lib/index.js
index 30f517169..21091a9f8 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -91,6 +91,7 @@ module.exports = {
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
+    'no-restricted-block': require('./rules/no-restricted-block'),
     'no-restricted-call-after-await': require('./rules/no-restricted-call-after-await'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
     'no-restricted-custom-event': require('./rules/no-restricted-custom-event'),
diff --git a/lib/rules/no-restricted-block.js b/lib/rules/no-restricted-block.js
new file mode 100644
index 000000000..b94ce0c17
--- /dev/null
+++ b/lib/rules/no-restricted-block.js
@@ -0,0 +1,126 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+/**
+ * @typedef {object} ParsedOption
+ * @property { (block: VElement) => boolean } test
+ * @property {string} [message]
+ */
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+/**
+ * @param {any} option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return {
+      test(block) {
+        return matcher(block.rawName)
+      }
+    }
+  }
+  const parsed = parseOption(option.element)
+  parsed.message = option.message
+  return parsed
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific block',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-block.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: 'string' },
+          {
+            type: 'object',
+            properties: {
+              element: { type: 'string' },
+              message: { type: 'string', minLength: 1 }
+            },
+            required: ['element'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedBlock: '{{message}}'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {ParsedOption[]} */
+    const options = context.options.map(parseOption)
+
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+
+    function getTopLevelHTMLElements() {
+      if (documentFragment) {
+        return documentFragment.children.filter(utils.isVElement)
+      }
+      return []
+    }
+
+    return {
+      /** @param {Program} node */
+      Program(node) {
+        if (utils.hasInvalidEOF(node)) {
+          return
+        }
+        for (const block of getTopLevelHTMLElements()) {
+          for (const option of options) {
+            if (option.test(block)) {
+              const message = option.message || defaultMessage(block)
+              context.report({
+                node: block.startTag,
+                messageId: 'restrictedBlock',
+                data: { message }
+              })
+              break
+            }
+          }
+        }
+      }
+    }
+
+    /**
+     * @param {VElement} block
+     */
+    function defaultMessage(block) {
+      return `Using \`<${block.rawName}>\` is not allowed.`
+    }
+  }
+}
diff --git a/tests/lib/rules/no-restricted-block.js b/tests/lib/rules/no-restricted-block.js
new file mode 100644
index 000000000..82b0b3b6f
--- /dev/null
+++ b/tests/lib/rules/no-restricted-block.js
@@ -0,0 +1,96 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-block')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 }
+})
+
+tester.run('no-restricted-block', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<style>.foo {}</style>',
+      options: ['foo']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<style>.foo {}</style><foo></foo>`,
+      options: ['style', 'foo'],
+      errors: [
+        {
+          message: 'Using `<style>` is not allowed.',
+          line: 1,
+          column: 1
+        },
+        {
+          message: 'Using `<foo>` is not allowed.',
+          line: 1,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<forbidden-block></forbidden-block>
+      <block-forbidden></block-forbidden>`,
+      options: ['/forbidden/'],
+      errors: [
+        'Using `<forbidden-block>` is not allowed.',
+        'Using `<block-forbidden>` is not allowed.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<style>.foo {}</style>
+      <forbidden-block></forbidden-block>
+      <block-forbidden></block-forbidden>`,
+      options: [
+        {
+          element: 'style',
+          message: 'Do not use <style> block in this project.'
+        },
+        {
+          element: '/forbidden/',
+          message: 'Do not use blocks that include `forbidden` in their name.'
+        }
+      ],
+      errors: [
+        {
+          message: 'Do not use <style> block in this project.',
+          line: 1,
+          column: 1
+        },
+        {
+          message: 'Do not use blocks that include `forbidden` in their name.',
+          line: 2,
+          column: 7
+        },
+        {
+          message: 'Do not use blocks that include `forbidden` in their name.',
+          line: 3,
+          column: 7
+        }
+      ]
+    }
+  ]
+})

From e1cabbb154d5bd012fe9b37b01ffd15fc264fd21 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 28 Dec 2020 07:52:08 +0900
Subject: [PATCH 0234/1010] Add `deepData` option to `vue/no-unused-properties`
 rule (#1387)

* Add deepData option to `vue/no-unused-properties`

* update

* update

* update
---
 docs/rules/no-unused-properties.md      |  30 +-
 lib/rules/no-unused-properties.js       | 834 +++++++++++++-----------
 lib/utils/index.js                      |   7 +-
 tests/lib/rules/no-unused-properties.js | 491 ++++++++++++++
 4 files changed, 995 insertions(+), 367 deletions(-)

diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index e0e39eedb..932fb9563 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -54,7 +54,8 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 ```json
 {
   "vue/no-unused-properties": ["error", {
-    "groups": ["props"]
+    "groups": ["props"],
+    "deepData": false
   }]
 }
 ```
@@ -65,6 +66,7 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
   - `"computed"`
   - `"methods"`
   - `"setup"`
+- `"deepData"` (`boolean`) If `true`, the object of the property defined in `data` will be searched deeply. Default is `false`. Include `"data"` in `groups` to use this option.
 
 ### `"groups": ["props", "data"]`
 
@@ -108,6 +110,32 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 
 </eslint-code-block>
 
+### `{ "groups": ["props", "data"], "deepData": true }`
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'data'], deepData: true}]}">
+
+```vue
+<template>
+  <Foo :param="state.used">
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        state: {
+          /* ✓ GOOD */
+          used: null,
+          /* ✗ BAD (`state.unused` data not used) */
+          unused: null
+        }
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
 ### `"groups": ["props", "computed"]`
 
 <eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'computed']}]}">
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index a405c8e60..61ac8357f 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -17,17 +17,12 @@ const eslintUtils = require('eslint-utils')
  */
 /**
  * @typedef {object} TemplatePropertiesContainer
- * @property {Set<string>} usedNames
+ * @property {UsedProperties} usedProperties
  * @property {Set<string>} refNames
  * @typedef {object} VueComponentPropertiesContainer
  * @property {ComponentPropertyData[]} properties
- * @property {Set<string>} usedNames
- * @property {boolean} unknown
- * @property {Set<string>} usedPropsNames
- * @property {boolean} unknownProps
- * @typedef { { node: FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, index: number } } CallIdAndParamIndex
- * @typedef { { usedNames: UsedNames, unknown: boolean } } UsedProperties
- * @typedef { (context: RuleContext) => UsedProps } UsedPropsTracker
+ * @property {UsedProperties} usedProperties
+ * @property {UsedProperties} usedPropertiesForProps
  */
 
 // ------------------------------------------------------------------------------
@@ -94,171 +89,290 @@ function getScope(context, currentNode) {
  * Extract names from references objects.
  * @param {VReference[]} references
  */
-function getReferencesNames(references) {
-  return references
-    .filter((ref) => ref.variable == null)
-    .map((ref) => ref.id.name)
+function getReferences(references) {
+  return references.filter((ref) => ref.variable == null).map((ref) => ref.id)
 }
 
-class UsedNames {
-  constructor() {
-    /** @type {Map<string, UsedPropsTracker[]>} */
-    this.map = new Map()
+/**
+ * @param {RuleContext} context
+ * @param {Identifier} id
+ * @returns {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | null}
+ */
+function findFunction(context, id) {
+  const calleeVariable = findVariable(context, id)
+  if (!calleeVariable) {
+    return null
+  }
+  if (calleeVariable.defs.length === 1) {
+    const def = calleeVariable.defs[0]
+    if (def.node.type === 'FunctionDeclaration') {
+      return def.node
+    }
+    if (
+      def.type === 'Variable' &&
+      def.parent.kind === 'const' &&
+      def.node.init
+    ) {
+      if (
+        def.node.init.type === 'FunctionExpression' ||
+        def.node.init.type === 'ArrowFunctionExpression'
+      ) {
+        return def.node.init
+      }
+      if (def.node.init.type === 'Identifier') {
+        return findFunction(context, def.node.init)
+      }
+    }
+  }
+  return null
+}
+
+/**
+ * @param {RuleContext} context
+ * @param {Identifier} id
+ * @returns {Expression}
+ */
+function findExpression(context, id) {
+  const variable = findVariable(context, id)
+  if (!variable) {
+    return id
   }
+  if (variable.defs.length === 1) {
+    const def = variable.defs[0]
+    if (
+      def.type === 'Variable' &&
+      def.parent.kind === 'const' &&
+      def.node.init
+    ) {
+      if (def.node.init.type === 'Identifier') {
+        return findExpression(context, def.node.init)
+      }
+      return def.node.init
+    }
+  }
+  return id
+}
+
+/**
+ * @typedef { (context: RuleContext) => UsedProperties } UsedPropertiesTracker
+ * @typedef { { node: CallExpression, index: number } } CallAndParamIndex
+ */
+
+/**
+ * Collects the used property names.
+ */
+class UsedProperties {
   /**
-   * @returns {IterableIterator<string>}
+   * @param {object} [option]
+   * @param {boolean} [option.unknown]
    */
-  names() {
-    return this.map.keys()
+  constructor(option) {
+    /** @type {Record<string, UsedPropertiesTracker[]>} */
+    this.map = {}
+    /** @type {CallAndParamIndex[]} */
+    this.calls = []
+    this.unknown = (option && option.unknown) || false
   }
+
   /**
    * @param {string} name
-   * @returns {UsedPropsTracker[]}
    */
-  get(name) {
-    return this.map.get(name) || []
+  isUsed(name) {
+    if (this.unknown) {
+      // If it is unknown, it is considered used.
+      return true
+    }
+    return Boolean(this.map[name])
   }
+
   /**
    * @param {string} name
-   * @param {UsedPropsTracker} tracker
+   * @param {UsedPropertiesTracker | null} tracker
    */
-  add(name, tracker) {
-    const list = this.map.get(name)
-    if (list) {
-      list.push(tracker)
-    } else {
-      this.map.set(name, [tracker])
-    }
+  addUsed(name, tracker) {
+    const trackers = this.map[name] || (this.map[name] = [])
+    if (tracker) trackers.push(tracker)
   }
+
   /**
-   * @param {UsedNames} other
+   * @param {string} name
+   * @returns {UsedPropertiesTracker}
    */
-  addAll(other) {
-    other.map.forEach((trackers, name) => {
-      const list = this.map.get(name)
-      if (list) {
-        list.push(...trackers)
-      } else {
-        this.map.set(name, trackers)
+  getPropsTracker(name) {
+    if (this.unknown) {
+      return () => new UsedProperties({ unknown: true })
+    }
+    const trackers = this.map[name] || []
+    return (context) => {
+      const result = new UsedProperties()
+      for (const tracker of trackers) {
+        result.merge(tracker(context))
       }
-    })
+      return result
+    }
+  }
+
+  /**
+   * @param {UsedProperties | null} other
+   */
+  merge(other) {
+    if (!other) {
+      return
+    }
+    this.unknown = this.unknown || other.unknown
+    if (this.unknown) {
+      return
+    }
+    for (const [name, otherTrackers] of Object.entries(other.map)) {
+      const trackers = this.map[name] || (this.map[name] = [])
+      trackers.push(...otherTrackers)
+    }
+    this.calls.push(...other.calls)
   }
 }
 
 /**
+ * Collects the used property names for parameters of the function.
+ */
+class ParamsUsedProperties {
+  /**
+   * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
+   * @param {RuleContext} context
+   */
+  constructor(node, context) {
+    this.node = node
+    this.context = context
+    /** @type {UsedProperties[]} */
+    this.params = []
+  }
+
+  /**
+   * @param {number} index
+   * @returns {UsedProperties | null}
+   */
+  getParam(index) {
+    const param = this.params[index]
+    if (param != null) {
+      return param
+    }
+    if (this.node.params[index]) {
+      return (this.params[index] = extractParamProperties(
+        this.node.params[index],
+        this.context
+      ))
+    }
+    return null
+  }
+}
+/**
+ * Extract the used property name from one parameter of the function.
+ * @param {Pattern} node
+ * @param {RuleContext} context
+ * @returns {UsedProperties}
+ */
+function extractParamProperties(node, context) {
+  const result = new UsedProperties()
+
+  while (node.type === 'AssignmentPattern') {
+    node = node.left
+  }
+  if (node.type === 'RestElement' || node.type === 'ArrayPattern') {
+    // cannot check
+    return result
+  }
+  if (node.type === 'ObjectPattern') {
+    result.merge(extractObjectPatternProperties(node))
+    return result
+  }
+  if (node.type !== 'Identifier') {
+    return result
+  }
+  const variable = findVariable(context, node)
+  if (!variable) {
+    return result
+  }
+  for (const reference of variable.references) {
+    const id = reference.identifier
+    result.merge(extractPatternOrThisProperties(id, context, false))
+  }
+
+  return result
+}
+
+/**
+ * Extract the used property name from ObjectPattern.
  * @param {ObjectPattern} node
  * @returns {UsedProperties}
  */
 function extractObjectPatternProperties(node) {
-  const usedNames = new UsedNames()
+  const result = new UsedProperties()
   for (const prop of node.properties) {
     if (prop.type === 'Property') {
       const name = utils.getStaticPropertyName(prop)
       if (name) {
-        usedNames.add(name, getObjectPatternPropertyPatternTracker(prop.value))
+        result.addUsed(name, getObjectPatternPropertyPatternTracker(prop.value))
       } else {
         // If cannot trace name, everything is used!
-        return {
-          usedNames,
-          unknown: true
-        }
+        result.unknown = true
+        return result
       }
     } else {
       // If use RestElement, everything is used!
-      return {
-        usedNames,
-        unknown: true
-      }
+      result.unknown = true
+      return result
     }
   }
-  return {
-    usedNames,
-    unknown: false
-  }
+  return result
 }
 
 /**
- * @param {Pattern} pattern
- * @returns {UsedPropsTracker}
+ * Extract the used property name from id.
+ * @param {Identifier} node
+ * @param {RuleContext} context
+ * @returns {UsedProperties}
  */
-function getObjectPatternPropertyPatternTracker(pattern) {
-  if (pattern.type === 'ObjectPattern') {
-    return () => {
-      const result = new UsedProps()
-      const { usedNames, unknown } = extractObjectPatternProperties(pattern)
-      result.usedNames.addAll(usedNames)
-      result.unknown = unknown
-      return result
-    }
-  }
-  if (pattern.type === 'Identifier') {
-    return (context) => {
-      const result = new UsedProps()
-      const variable = findVariable(context, pattern)
-      if (!variable) {
-        return result
-      }
-      for (const reference of variable.references) {
-        const id = reference.identifier
-        const { usedNames, unknown, calls } = extractPatternOrThisProperties(
-          id,
-          context
-        )
-        result.usedNames.addAll(usedNames)
-        result.unknown = result.unknown || unknown
-        result.calls.push(...calls)
-      }
-      return result
-    }
-  } else if (pattern.type === 'AssignmentPattern') {
-    return getObjectPatternPropertyPatternTracker(pattern.left)
-  }
-  return () => {
-    const result = new UsedProps()
-    result.unknown = true
+function extractIdentifierProperties(node, context) {
+  const result = new UsedProperties()
+  const variable = findVariable(context, node)
+  if (!variable) {
     return result
   }
+  for (const reference of variable.references) {
+    const id = reference.identifier
+    result.merge(extractPatternOrThisProperties(id, context, false))
+  }
+  return result
 }
-
 /**
+ * Extract the used property name from pattern or `this`.
  * @param {Identifier | MemberExpression | ChainExpression | ThisExpression} node
  * @param {RuleContext} context
- * @returns {UsedProps}
+ * @param {boolean} withInTemplate
+ * @returns {UsedProperties}
  */
-function extractPatternOrThisProperties(node, context) {
-  const result = new UsedProps()
+function extractPatternOrThisProperties(node, context, withInTemplate) {
+  const result = new UsedProperties()
   const parent = node.parent
   if (parent.type === 'AssignmentExpression') {
+    if (withInTemplate) {
+      return result
+    }
     if (parent.right === node && parent.left.type === 'ObjectPattern') {
       // `({foo} = arg)`
-      const { usedNames, unknown } = extractObjectPatternProperties(parent.left)
-      result.usedNames.addAll(usedNames)
-      result.unknown = result.unknown || unknown
+      result.merge(extractObjectPatternProperties(parent.left))
     }
     return result
   } else if (parent.type === 'VariableDeclarator') {
+    if (withInTemplate) {
+      return result
+    }
     if (parent.init === node) {
       if (parent.id.type === 'ObjectPattern') {
         // `const {foo} = arg`
-        const { usedNames, unknown } = extractObjectPatternProperties(parent.id)
-        result.usedNames.addAll(usedNames)
-        result.unknown = result.unknown || unknown
+        result.merge(extractObjectPatternProperties(parent.id))
       } else if (parent.id.type === 'Identifier') {
         // `const foo = arg`
-        const variable = findVariable(context, parent.id)
-        if (!variable) {
-          return result
-        }
-        for (const reference of variable.references) {
-          const id = reference.identifier
-          const { usedNames, unknown, calls } = extractPatternOrThisProperties(
-            id,
-            context
-          )
-          result.usedNames.addAll(usedNames)
-          result.unknown = result.unknown || unknown
-          result.calls.push(...calls)
-        }
+        result.merge(extractIdentifierProperties(parent.id, context))
       }
     }
     return result
@@ -267,8 +381,8 @@ function extractPatternOrThisProperties(node, context) {
       // `arg.foo`
       const name = utils.getStaticPropertyName(parent)
       if (name) {
-        result.usedNames.add(name, () =>
-          extractPatternOrThisProperties(parent, context)
+        result.addUsed(name, () =>
+          extractPatternOrThisProperties(parent, context, withInTemplate)
         )
       } else {
         result.unknown = true
@@ -276,133 +390,73 @@ function extractPatternOrThisProperties(node, context) {
     }
     return result
   } else if (parent.type === 'CallExpression') {
+    if (withInTemplate) {
+      return result
+    }
     const argIndex = parent.arguments.indexOf(node)
-    if (argIndex > -1 && parent.callee.type === 'Identifier') {
+    if (argIndex > -1) {
       // `foo(arg)`
-      const calleeVariable = findVariable(context, parent.callee)
-      if (!calleeVariable) {
-        return result
-      }
-      if (calleeVariable.defs.length === 1) {
-        const def = calleeVariable.defs[0]
-        if (
-          def.type === 'Variable' &&
-          def.parent.kind === 'const' &&
-          def.node.init &&
-          (def.node.init.type === 'FunctionExpression' ||
-            def.node.init.type === 'ArrowFunctionExpression')
-        ) {
-          result.calls.push({
-            node: def.node.init,
-            index: argIndex
-          })
-        } else if (def.node.type === 'FunctionDeclaration') {
-          result.calls.push({
-            node: def.node,
-            index: argIndex
-          })
-        }
-      }
+      result.calls.push({
+        node: parent,
+        index: argIndex
+      })
     }
   } else if (parent.type === 'ChainExpression') {
-    const { usedNames, unknown, calls } = extractPatternOrThisProperties(
-      parent,
-      context
+    result.merge(
+      extractPatternOrThisProperties(parent, context, withInTemplate)
     )
-    result.usedNames.addAll(usedNames)
-    result.unknown = result.unknown || unknown
-    result.calls.push(...calls)
+  } else if (
+    parent.type === 'ArrowFunctionExpression' ||
+    parent.type === 'ReturnStatement' ||
+    parent.type === 'VExpressionContainer' ||
+    parent.type === 'Property' ||
+    parent.type === 'ArrayExpression'
+  ) {
+    // Maybe used externally.
+    if (maybeExternalUsed(parent)) {
+      result.unknown = true
+    }
   }
   return result
-}
 
-/**
- * Collects the property names used.
- */
-class UsedProps {
-  constructor() {
-    this.usedNames = new UsedNames()
-    /** @type {CallIdAndParamIndex[]} */
-    this.calls = []
-    this.unknown = false
-  }
-}
-
-/**
- * Collects the property names used for one parameter of the function.
- */
-class ParamUsedProps extends UsedProps {
   /**
-   * @param {Pattern} paramNode
-   * @param {RuleContext} context
+   * @param {ASTNode} parentTarget
+   * @returns {boolean}
    */
-  constructor(paramNode, context) {
-    super()
-    while (paramNode.type === 'AssignmentPattern') {
-      paramNode = paramNode.left
+  function maybeExternalUsed(parentTarget) {
+    if (
+      parentTarget.type === 'ReturnStatement' ||
+      parentTarget.type === 'VExpressionContainer'
+    ) {
+      return true
     }
-    if (paramNode.type === 'RestElement' || paramNode.type === 'ArrayPattern') {
-      // cannot check
-      return
+    if (parentTarget.type === 'ArrayExpression') {
+      return maybeExternalUsed(parentTarget.parent)
     }
-    if (paramNode.type === 'ObjectPattern') {
-      const { usedNames, unknown } = extractObjectPatternProperties(paramNode)
-      this.usedNames.addAll(usedNames)
-      this.unknown = this.unknown || unknown
-      return
+    if (parentTarget.type === 'Property') {
+      return maybeExternalUsed(parentTarget.parent.parent)
     }
-    if (paramNode.type !== 'Identifier') {
-      return
-    }
-    const variable = findVariable(context, paramNode)
-    if (!variable) {
-      return
-    }
-    for (const reference of variable.references) {
-      const id = reference.identifier
-      const { usedNames, unknown, calls } = extractPatternOrThisProperties(
-        id,
-        context
-      )
-      this.usedNames.addAll(usedNames)
-      this.unknown = this.unknown || unknown
-      this.calls.push(...calls)
+    if (parentTarget.type === 'ArrowFunctionExpression') {
+      return parentTarget.body === node
     }
+    return false
   }
 }
 
 /**
- * Collects the property names used for parameters of the function.
+ * @param {Pattern} pattern
+ * @returns {UsedPropertiesTracker}
  */
-class ParamsUsedProps {
-  /**
-   * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
-   * @param {RuleContext} context
-   */
-  constructor(node, context) {
-    this.node = node
-    this.context = context
-    /** @type {ParamUsedProps[]} */
-    this.params = []
+function getObjectPatternPropertyPatternTracker(pattern) {
+  if (pattern.type === 'ObjectPattern') {
+    return () => extractObjectPatternProperties(pattern)
   }
-
-  /**
-   * @param {number} index
-   * @returns {ParamUsedProps | null}
-   */
-  getParam(index) {
-    const param = this.params[index]
-    if (param != null) {
-      return param
-    }
-    if (this.node.params[index]) {
-      return (this.params[index] = new ParamUsedProps(
-        this.node.params[index],
-        this.context
-      ))
-    }
-    return null
+  if (pattern.type === 'Identifier') {
+    return (context) => extractIdentifierProperties(pattern, context)
+  } else if (pattern.type === 'AssignmentPattern') {
+    return getObjectPatternPropertyPatternTracker(pattern.left)
   }
+  return () => new UsedProperties({ unknown: true })
 }
 
 // ------------------------------------------------------------------------------
@@ -435,7 +489,8 @@ module.exports = {
             },
             additionalItems: false,
             uniqueItems: true
-          }
+          },
+          deepData: { type: 'boolean' }
         },
         additionalProperties: false
       }
@@ -448,12 +503,13 @@ module.exports = {
   create(context) {
     const options = context.options[0] || {}
     const groups = new Set(options.groups || [GROUP_PROPERTY])
+    const deepData = Boolean(options.deepData)
 
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, ParamsUsedProps>} */
-    const paramsUsedPropsMap = new Map()
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, ParamsUsedProperties>} */
+    const paramsUsedPropertiesMap = new Map()
     /** @type {TemplatePropertiesContainer} */
     const templatePropertiesContainer = {
-      usedNames: new Set(),
+      usedProperties: new UsedProperties(),
       refNames: new Set()
     }
     /** @type {Map<ASTNode, VueComponentPropertiesContainer>} */
@@ -461,13 +517,13 @@ module.exports = {
 
     /**
      * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
-     * @returns {ParamsUsedProps}
+     * @returns {ParamsUsedProperties}
      */
-    function getParamsUsedProps(node) {
-      let usedProps = paramsUsedPropsMap.get(node)
+    function getParamsUsedProperties(node) {
+      let usedProps = paramsUsedPropertiesMap.get(node)
       if (!usedProps) {
-        usedProps = new ParamsUsedProps(node, context)
-        paramsUsedPropsMap.set(node, usedProps)
+        usedProps = new ParamsUsedProperties(node, context)
+        paramsUsedPropertiesMap.set(node, usedProps)
       }
       return usedProps
     }
@@ -481,37 +537,84 @@ module.exports = {
       if (!container) {
         container = {
           properties: [],
-          usedNames: new Set(),
-          usedPropsNames: new Set(),
-          unknown: false,
-          unknownProps: false
+          usedProperties: new UsedProperties(),
+          usedPropertiesForProps: new UsedProperties()
         }
         vueComponentPropertiesContainerMap.set(node, container)
       }
       return container
     }
+    /**
+     * @param {string[]} segments
+     * @param {Expression} propertyValue
+     * @param {UsedProperties} baseUsedProperties
+     */
+    function verifyDataOptionDeepProperties(
+      segments,
+      propertyValue,
+      baseUsedProperties
+    ) {
+      let targetExpr = propertyValue
+      if (targetExpr.type === 'Identifier') {
+        targetExpr = findExpression(context, targetExpr)
+      }
+      if (targetExpr.type === 'ObjectExpression') {
+        const usedProperties = resolvedUsedProperties(baseUsedProperties, {
+          allowUnknownCall: true
+        })
+        if (usedProperties.unknown) {
+          return
+        }
+
+        for (const prop of targetExpr.properties) {
+          if (prop.type !== 'Property') {
+            continue
+          }
+          const name = utils.getStaticPropertyName(prop)
+          if (name == null) {
+            continue
+          }
+          if (!usedProperties.isUsed(name)) {
+            // report
+            context.report({
+              node: prop.key,
+              messageId: 'unused',
+              data: {
+                group: PROPERTY_LABEL.data,
+                name: [...segments, name].join('.')
+              }
+            })
+            continue
+          }
+          // next
+          verifyDataOptionDeepProperties(
+            [...segments, name],
+            prop.value,
+            usedProperties.getPropsTracker(name)(context)
+          )
+        }
+      }
+    }
 
     /**
      * Report all unused properties.
      */
     function reportUnusedProperties() {
       for (const container of vueComponentPropertiesContainerMap.values()) {
-        if (container.unknown) {
-          // unknown
+        const usedProperties = resolvedUsedProperties(container.usedProperties)
+        usedProperties.merge(templatePropertiesContainer.usedProperties)
+        if (usedProperties.unknown) {
           continue
         }
+
+        const usedPropertiesForProps = resolvedUsedProperties(
+          container.usedPropertiesForProps
+        )
+
         for (const property of container.properties) {
-          if (
-            container.usedNames.has(property.name) ||
-            templatePropertiesContainer.usedNames.has(property.name)
-          ) {
-            // used
-            continue
-          }
           if (
             property.groupName === 'props' &&
-            (container.unknownProps ||
-              container.usedPropsNames.has(property.name))
+            usedPropertiesForProps.isUsed(property.name)
           ) {
             // used props
             continue
@@ -523,6 +626,22 @@ module.exports = {
             // used template refs
             continue
           }
+          if (usedProperties.isUsed(property.name)) {
+            // used
+            if (
+              deepData &&
+              property.groupName === 'data' &&
+              property.type === 'object'
+            ) {
+              // Check the deep properties of the data option.
+              verifyDataOptionDeepProperties(
+                [property.name],
+                property.property.value,
+                usedProperties.getPropsTracker(property.name)(context)
+              )
+            }
+            continue
+          }
           context.report({
             node: property.node,
             messageId: 'unused',
@@ -536,60 +655,60 @@ module.exports = {
     }
 
     /**
-     * @param {UsedProps} usedProps
-     * @param {Map<ASTNode,Set<number>>} already
-     * @returns {IterableIterator<UsedProps>}
+     * @param {UsedProperties | null} usedProps
+     * @param {object} [options]
+     * @param {boolean} [options.allowUnknownCall]
+     * @returns {UsedProperties}
      */
-    function* iterateUsedProps(usedProps, already = new Map()) {
-      yield usedProps
-      for (const call of usedProps.calls) {
-        let alreadyIndexes = already.get(call.node)
-        if (!alreadyIndexes) {
-          alreadyIndexes = new Set()
-          already.set(call.node, alreadyIndexes)
+    function resolvedUsedProperties(usedProps, options) {
+      const allowUnknownCall = options && options.allowUnknownCall
+      const already = new Map()
+
+      const result = new UsedProperties()
+      for (const up of iterate(usedProps)) {
+        result.merge(up)
+        if (result.unknown) {
+          break
         }
-        if (alreadyIndexes.has(call.index)) {
-          continue
-        }
-        alreadyIndexes.add(call.index)
-        const paramsUsedProps = getParamsUsedProps(call.node)
-        const paramUsedProps = paramsUsedProps.getParam(call.index)
-        if (!paramUsedProps) {
-          continue
-        }
-        yield paramUsedProps
-        yield* iterateUsedProps(paramUsedProps, already)
       }
-    }
+      return result
 
-    /**
-     * @param {VueComponentPropertiesContainer} container
-     * @param {UsedProps} baseUseProps
-     */
-    function processParamPropsUsed(container, baseUseProps) {
-      for (const { usedNames, unknown } of iterateUsedProps(baseUseProps)) {
-        if (unknown) {
-          container.unknownProps = true
+      /**
+       * @param {UsedProperties | null} usedProps
+       * @returns {IterableIterator<UsedProperties>}
+       */
+      function* iterate(usedProps) {
+        if (!usedProps) {
           return
         }
-        for (const name of usedNames.names()) {
-          container.usedPropsNames.add(name)
-        }
-      }
-    }
+        yield usedProps
+        for (const call of usedProps.calls) {
+          if (call.node.callee.type !== 'Identifier') {
+            if (allowUnknownCall) {
+              yield new UsedProperties({ unknown: true })
+            }
+            continue
+          }
+          const fnNode = findFunction(context, call.node.callee)
+          if (!fnNode) {
+            if (allowUnknownCall) {
+              yield new UsedProperties({ unknown: true })
+            }
+            continue
+          }
 
-    /**
-     * @param {VueComponentPropertiesContainer} container
-     * @param {UsedProps} baseUseProps
-     */
-    function processUsed(container, baseUseProps) {
-      for (const { usedNames, unknown } of iterateUsedProps(baseUseProps)) {
-        if (unknown) {
-          container.unknown = true
-          return
-        }
-        for (const name of usedNames.names()) {
-          container.usedNames.add(name)
+          let alreadyIndexes = already.get(fnNode)
+          if (!alreadyIndexes) {
+            alreadyIndexes = new Set()
+            already.set(fnNode, alreadyIndexes)
+          }
+          if (alreadyIndexes.has(call.index)) {
+            continue
+          }
+          alreadyIndexes.add(call.index)
+          const paramsUsedProps = getParamsUsedProperties(fnNode)
+          const paramUsedProps = paramsUsedProps.getParam(call.index)
+          yield* iterate(paramUsedProps)
         }
       }
     }
@@ -607,28 +726,44 @@ module.exports = {
         return null
       }
       const property = node.parent
-      if (!property.parent || property.parent.type !== 'ObjectExpression') {
+      if (!utils.isProperty(property)) {
         return null
       }
-      return /** @type {Property} */ (property)
+      return property
     }
 
-    const scriptVisitor = Object.assign(
+    const scriptVisitor = utils.compositingVisitors(
       {},
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
           const container = getVueComponentPropertiesContainer(node)
-          const watcherUsedProperties = new Set()
+
           for (const watcher of utils.iterateProperties(
             node,
             new Set([GROUP_WATCHER])
           )) {
             // Process `watch: { foo /* <- this */ () {} }`
-            let path
-            for (const seg of watcher.name.split('.')) {
-              path = path ? `${path}.${seg}` : seg
-              watcherUsedProperties.add(path)
-            }
+            const segments = watcher.name.split('.')
+            container.usedProperties.addUsed(segments[0], (context) => {
+              return buildChainTracker(segments)(context)
+              /**
+               * @param {string[]} baseSegments
+               * @returns {UsedPropertiesTracker}
+               */
+              function buildChainTracker(baseSegments) {
+                return () => {
+                  const subSegments = baseSegments.slice(1)
+                  const usedProps = new UsedProperties()
+                  if (subSegments.length) {
+                    usedProps.addUsed(
+                      subSegments[0],
+                      buildChainTracker(subSegments)
+                    )
+                  }
+                  return usedProps
+                }
+              }
+            })
 
             // Process `watch: { x: 'foo' /* <- this */  }`
             if (watcher.type === 'object') {
@@ -643,19 +778,14 @@ module.exports = {
                   ) {
                     const name = utils.getStringLiteralValue(handlerValueNode)
                     if (name != null) {
-                      watcherUsedProperties.add(name)
+                      container.usedProperties.addUsed(name, null)
                     }
                   }
                 }
               }
             }
           }
-          for (const prop of utils.iterateProperties(node, groups)) {
-            if (watcherUsedProperties.has(prop.name)) {
-              continue
-            }
-            container.properties.push(prop)
-          }
+          container.properties.push(...utils.iterateProperties(node, groups))
         },
         /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property }} node */
         'ObjectExpression > Property > :function[params.length>0]'(
@@ -696,70 +826,44 @@ module.exports = {
                 ) {
                   return
                 }
-                // check { computed: { foo: { get: () => vm.prop } } }
+                // check { computed: { foo: { get: (vm) => vm.prop } } }
               } else {
                 return
               }
             }
           }
 
-          const paramsUsedProps = getParamsUsedProps(node)
-          const usedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
-            0
-          ))
-          processUsed(
-            getVueComponentPropertiesContainer(vueData.node),
-            usedProps
-          )
+          const paramsUsedProps = getParamsUsedProperties(node)
+          const usedProps = paramsUsedProps.getParam(0)
+          const container = getVueComponentPropertiesContainer(vueData.node)
+          container.usedProperties.merge(usedProps)
         },
         onSetupFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
-          if (node.params[0]) {
-            const paramsUsedProps = getParamsUsedProps(node)
-            const paramUsedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
-              0
-            ))
-
-            processParamPropsUsed(container, paramUsedProps)
-          }
+          const paramsUsedProps = getParamsUsedProperties(node)
+          const paramUsedProps = paramsUsedProps.getParam(0)
+          container.usedPropertiesForProps.merge(paramUsedProps)
         },
         onRenderFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
-          if (node.params[0]) {
-            // for Vue 3.x render
-            const paramsUsedProps = getParamsUsedProps(node)
-            const paramUsedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
-              0
-            ))
-
-            processParamPropsUsed(container, paramUsedProps)
-            if (container.unknownProps) {
-              return
-            }
+
+          // Check for Vue 3.x render
+          const paramsUsedProps = getParamsUsedProperties(node)
+          const ctxUsedProps = paramsUsedProps.getParam(0)
+
+          container.usedPropertiesForProps.merge(ctxUsedProps)
+          if (container.usedPropertiesForProps.unknown) {
+            return
           }
 
-          if (vueData.functional && node.params[1]) {
-            // for Vue 2.x render & functional
-            const paramsUsedProps = getParamsUsedProps(node)
-            const paramUsedProps = /** @type {ParamUsedProps} */ (paramsUsedProps.getParam(
-              1
-            ))
-
-            for (const { usedNames, unknown } of iterateUsedProps(
-              paramUsedProps
-            )) {
-              if (unknown) {
-                container.unknownProps = true
-                return
-              }
-              for (const usedPropsTracker of usedNames.get('props')) {
-                const propUsedProps = usedPropsTracker(context)
-                processParamPropsUsed(container, propUsedProps)
-                if (container.unknownProps) {
-                  return
-                }
-              }
-            }
+          if (vueData.functional) {
+            // Check for Vue 2.x render & functional
+            const contextUsedProps = resolvedUsedProperties(
+              paramsUsedProps.getParam(1)
+            )
+            const tracker = contextUsedProps.getPropsTracker('props')
+            const propUsedProps = tracker(context)
+            container.usedPropertiesForProps.merge(propUsedProps)
           }
         },
         /**
@@ -771,9 +875,8 @@ module.exports = {
             return
           }
           const container = getVueComponentPropertiesContainer(vueData.node)
-          const usedProps = extractPatternOrThisProperties(node, context)
-
-          processUsed(container, usedProps)
+          const usedProps = extractPatternOrThisProperties(node, context, false)
+          container.usedProperties.merge(usedProps)
         }
       }),
       {
@@ -791,8 +894,11 @@ module.exports = {
        * @param {VExpressionContainer} node
        */
       VExpressionContainer(node) {
-        for (const name of getReferencesNames(node.references)) {
-          templatePropertiesContainer.usedNames.add(name)
+        for (const id of getReferences(node.references)) {
+          templatePropertiesContainer.usedProperties.addUsed(
+            id.name,
+            (context) => extractPatternOrThisProperties(id, context, true)
+          )
         }
       },
       /**
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 3df90418a..b6ed05900 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1652,11 +1652,14 @@ function findAssignmentProperty(node, name, filter) {
 
 /**
  * Checks whether the given node is Property.
- * @param {Property | SpreadElement} node
+ * @param {Property | SpreadElement | AssignmentProperty} node
  * @returns {node is Property}
  */
 function isProperty(node) {
-  return node.type === 'Property'
+  if (node.type !== 'Property') {
+    return false
+  }
+  return !node.parent || node.parent.type === 'ObjectExpression'
 }
 /**
  * Checks whether the given node is AssignmentProperty.
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 1419add66..89478e06b 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -18,6 +18,7 @@ const tester = new RuleTester({
 const allOptions = [
   { groups: ['props', 'computed', 'data', 'methods', 'setup'] }
 ]
+const deepDataOptions = [{ groups: ['data'], deepData: true }]
 
 tester.run('no-unused-properties', rule, {
   valid: [
@@ -1143,6 +1144,273 @@ tester.run('no-unused-properties', rule, {
         };
       </script>
       `
+    },
+
+    // deep data
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+         {{ foo.baz.b }}
+        </template>
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              a () {
+                return this.foo.bar.a
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            created() {
+              alert(this.foo)
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            created() {
+              fn(this.foo)
+            }
+          };
+          function fn(foo) {
+            return foo.bar.a + foo.baz.b
+          }
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          {{ foo.bar }}
+          {{ foo.baz }}
+        </template>
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              a () {
+                return this.foo
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Foo :param="{ a: foo.bar }"></Foo>
+        </template>
+
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              fn () {
+                return {
+                  b: this.foo.baz
+                }
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Foo :class="[ foo.bar ]"></Foo>
+        </template>
+
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              fn () {
+                return [this.foo.baz]
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Foo :param="[ {a: foo.bar} ]"></Foo>
+        </template>
+
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              fn () {
+                return {
+                  b: [this.foo.baz]
+                }
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              fn () {
+                unknown(this.foo.bar)
+                f( () => this.foo.baz )
+              }
+            }
+          };
+
+          function f (a) {
+
+          }
+        </script>
+      `,
+      options: deepDataOptions
     }
   ],
 
@@ -1686,6 +1954,229 @@ tester.run('no-unused-properties', rule, {
       </script>
       `,
       errors: ["'x' of property found, but never used."]
+    },
+
+    // deep data
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+         {{ foo.baz.a }}
+        </template>
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            methods: {
+              a () {
+                return this.foo.bar
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: [
+        {
+          message: "'foo.baz.b' of data found, but never used.",
+          line: 14,
+          column: 21
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            created() {
+              fn(this.foo)
+            }
+          };
+          function fn(b) {
+            b.baz()
+          }
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: [
+        "'foo.bar' of data found, but never used.",
+        "'foo.baz.b' of data found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            created() {
+              fn(this.foo)
+            }
+          };
+          function fn(foo) {
+            return foo.bar + foo.baz.b
+          }
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: ["'foo.bar.a' of data found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                  baz: {
+                    b: 1
+                  }
+                }
+              }
+            },
+            created() {
+              fn(this.foo)
+              this.foo.baz
+            }
+          };
+          function fn(foo) {
+            foo.bar
+          }
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: [
+        "'foo.bar.a' of data found, but never used.",
+        "'foo.baz.b' of data found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                }
+              }
+            },
+            mounted () {
+              if (this.foo.bar) {
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: ["'foo.bar.a' of data found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              return {
+                foo: {
+                  bar: {
+                    a: 1
+                  },
+                }
+              }
+            },
+            methods: {
+              fn () {
+                return this.foo.bar ? 1 : 2
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: ["'foo.bar.a' of data found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data() {
+              const bar = {
+                a: 1
+              }
+              const baz = {
+                a: 1
+              }
+              return {
+                foo: {
+                  bar,
+                  baz,
+                }
+              }
+            },
+            methods: {
+              fn () {
+                console.log(this.foo.bar + this.foo.baz)
+              }
+            }
+          };
+        </script>
+      `,
+      options: deepDataOptions,
+      errors: [
+        {
+          message: "'foo.bar.a' of data found, but never used.",
+          line: 6,
+          column: 17
+        },
+        {
+          message: "'foo.baz.a' of data found, but never used.",
+          line: 9,
+          column: 17
+        }
+      ]
     }
   ]
 })

From f934005a098332f6216603410d4a473ee91286e5 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 28 Dec 2020 08:00:04 +0900
Subject: [PATCH 0235/1010] update script

---
 .env-cmdrc           | 5 +++++
 package.json         | 5 +++--
 tools/update-docs.js | 8 ++------
 3 files changed, 10 insertions(+), 8 deletions(-)
 create mode 100644 .env-cmdrc

diff --git a/.env-cmdrc b/.env-cmdrc
new file mode 100644
index 000000000..59d3db357
--- /dev/null
+++ b/.env-cmdrc
@@ -0,0 +1,5 @@
+{
+  "version": {
+    "IN_VERSION_SCRIPT": "true"
+  }
+}
diff --git a/package.json b/package.json
index 72b4d6976..c69d599d9 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,8 @@
     "lint": "eslint . --rulesdir eslint-internal-rules",
     "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
     "tsc": "tsc",
-    "preversion": "npm test && npm run update && git add .",
-    "version": "npm run lint -- --fix && git add .",
+    "preversion": "npm test && git add .",
+    "version": "env-cmd -e version npm run update && npm run lint -- --fix && git add .",
     "update": "node ./tools/update.js",
     "docs:watch": "vuepress dev docs",
     "predocs:build": "npm run update",
@@ -66,6 +66,7 @@
     "@typescript-eslint/parser": "^3.0.2",
     "@vuepress/plugin-pwa": "^1.4.1",
     "babel-eslint": "^10.1.0",
+    "env-cmd": "^10.1.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-eslint-plugin": "^2.2.1",
diff --git a/tools/update-docs.js b/tools/update-docs.js
index ce89c6d0d..50e77ad2e 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -67,12 +67,8 @@ function pickSince(content) {
       return since[1]
     }
   }
-  if (
-    process.env.npm_package_version &&
-    process.env.npm_package_version !== require('../package.json').version
-  ) {
-    // Maybe version script
-    return `v${process.env.npm_package_version}`
+  if (process.env.IN_VERSION_SCRIPT) {
+    return `v${require('../package.json').version}`
   }
   return null
 }

From c387fc343c12858b38587bb160d1e4bcba0ff50b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 28 Dec 2020 08:25:44 +0900
Subject: [PATCH 0236/1010] 7.4.0

---
 docs/rules/no-restricted-block.md            | 7 +++++--
 docs/rules/no-restricted-call-after-await.md | 7 +++++--
 docs/rules/v-on-event-hyphenation.md         | 6 +++++-
 package.json                                 | 2 +-
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/docs/rules/no-restricted-block.md b/docs/rules/no-restricted-block.md
index f84b13746..cb6ab788b 100644
--- a/docs/rules/no-restricted-block.md
+++ b/docs/rules/no-restricted-block.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-block
 description: disallow specific block
+since: v7.4.0
 ---
 # vue/no-restricted-block
 
 > disallow specific block
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule allows you to specify block names that you don't want to use in your application.
@@ -82,6 +81,10 @@ The following properties can be specified for the object.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-block.js)
diff --git a/docs/rules/no-restricted-call-after-await.md b/docs/rules/no-restricted-call-after-await.md
index 735fc87b0..f880f8f12 100644
--- a/docs/rules/no-restricted-call-after-await.md
+++ b/docs/rules/no-restricted-call-after-await.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-call-after-await
 description: disallow asynchronously called restricted methods
+since: v7.4.0
 ---
 # vue/no-restricted-call-after-await
 
 > disallow asynchronously called restricted methods
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports your restricted calls after the `await` expression.
@@ -92,6 +91,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-call-after-await.js)
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 92caed693..8e182be14 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-on-event-hyphenation
 description: enforce v-on event naming style on custom components in template
+since: v7.4.0
 ---
 # vue/v-on-event-hyphenation
 
 > enforce v-on event naming style on custom components in template
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -113,6 +113,10 @@ Don't use hyphenated name but allow custom event names
 - [vue/custom-event-name-casing](./custom-event-name-casing.md)
 - [vue/attribute-hyphenation](./attribute-hyphenation.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-event-hyphenation.js)
diff --git a/package.json b/package.json
index c69d599d9..b907051f3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1b75e283946882859171e0f66d94bd4250ae64c5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 29 Dec 2020 03:34:06 +0900
Subject: [PATCH 0237/1010] Refactor attributes-order (#1392)

---
 lib/rules/attributes-order.js       | 38 +++++++++-----------
 tests/lib/rules/attributes-order.js | 56 ++++++++++++++---------------
 2 files changed, 44 insertions(+), 50 deletions(-)

diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 2441ee497..96fb1ac1d 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -96,9 +96,8 @@ function getDirectiveKeyName(directiveKey, sourceCode) {
 
 /**
  * @param {VAttribute | VDirective} attribute
- * @param {SourceCode} sourceCode
  */
-function getAttributeType(attribute, sourceCode) {
+function getAttributeType(attribute) {
   let propName
   if (attribute.directive) {
     if (!isVBind(attribute)) {
@@ -129,9 +128,10 @@ function getAttributeType(attribute, sourceCode) {
         return ATTRS.OTHER_DIRECTIVES
       }
     }
-    propName = attribute.key.argument
-      ? sourceCode.getText(attribute.key.argument)
-      : ''
+    propName =
+      attribute.key.argument && attribute.key.argument.type === 'VIdentifier'
+        ? attribute.key.argument.rawName
+        : ''
   } else {
     propName = attribute.key.name
   }
@@ -154,11 +154,10 @@ function getAttributeType(attribute, sourceCode) {
 /**
  * @param {VAttribute | VDirective} attribute
  * @param { { [key: string]: number } } attributePosition
- * @param {SourceCode} sourceCode
  */
-function getPosition(attribute, attributePosition, sourceCode) {
-  const attributeType = getAttributeType(attribute, sourceCode)
-  return attributePosition.hasOwnProperty(attributeType)
+function getPosition(attribute, attributePosition) {
+  const attributeType = getAttributeType(attribute)
+  return attributePosition[attributeType] != null
     ? attributePosition[attributeType]
     : -1
 }
@@ -209,9 +208,9 @@ function create(context) {
   const attributePosition = {}
   attributeOrder.forEach((item, i) => {
     if (Array.isArray(item)) {
-      item.forEach((attr) => {
+      for (const attr of item) {
         attributePosition[attr] = i
-      })
+      }
     } else attributePosition[item] = i
   })
 
@@ -223,8 +222,7 @@ function create(context) {
     const currentNode = sourceCode.getText(node.key)
     const prevNode = sourceCode.getText(previousNode.key)
     context.report({
-      node: node.key,
-      loc: node.loc,
+      node,
       message: `Attribute "${currentNode}" should go before "${prevNode}".`,
       data: {
         currentNode
@@ -250,18 +248,14 @@ function create(context) {
           attributes.indexOf(previousNode),
           attributes.indexOf(node)
         )
-        const moveUpNodes = [node]
-        const moveDownNodes = []
-        let index = 0
-        while (previousNodes[index]) {
-          const node = previousNodes[index++]
+        const moveNodes = [node]
+        for (const node of previousNodes) {
           if (isMoveUp(node)) {
-            moveUpNodes.unshift(node)
+            moveNodes.unshift(node)
           } else {
-            moveDownNodes.push(node)
+            moveNodes.push(node)
           }
         }
-        const moveNodes = [...moveUpNodes, ...moveDownNodes]
 
         return moveNodes.map((moveNode, index) => {
           const text = sourceCode.getText(moveNode)
@@ -337,7 +331,7 @@ function create(context) {
             }
           }
         }
-        return getPosition(node, attributePosition, sourceCode)
+        return getPosition(node, attributePosition)
       }
     }
   })
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 399a859b4..97c3b6e73 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -432,7 +432,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-cloak".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -443,7 +443,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-cloak" should go before "id".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -468,11 +468,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-model" should go before "model".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute ":id" should go before "propOne".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -499,11 +499,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-model" should go before "v-on".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "propOne" should go before "v-on".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -516,7 +516,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "aria-test".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -546,7 +546,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "propone".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -565,7 +565,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-cloak".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -604,27 +604,27 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-for" should go before "v-if".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "is" should go before "v-once".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "ref" should go before "v-on:click".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute ":prop" should go before "v-on:click".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "id" should go before "v-text".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "myProp" should go before "v-text".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -680,23 +680,23 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-once".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "v-on:click" should go before "v-once".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "ref" should go before "v-once".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "id" should go before "v-text".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         },
         {
           message: 'Attribute "myProp" should go before "v-text".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -737,7 +737,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-if" should go before "class".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -761,7 +761,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-slot" should go before "v-model".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -783,7 +783,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "a-prop" should go before "z-prop".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -805,7 +805,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute ":a-prop" should go before ":z-prop".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -827,7 +827,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "@change" should go before "@input".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -849,7 +849,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "boolean-prop" should go before "z-prop".',
-          type: 'VIdentifier'
+          type: 'VAttribute'
         }
       ]
     },
@@ -871,7 +871,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-on:[c]" should go before "v-on:click".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },
@@ -893,7 +893,7 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-on:click" should go before "v-text".',
-          type: 'VDirectiveKey'
+          type: 'VAttribute'
         }
       ]
     },

From b5b63479a0961c726950d8088add43f4fc9793b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Sun, 3 Jan 2021 09:46:25 +0900
Subject: [PATCH 0238/1010] Add composition api's computed function support to
 vue/no-async-in-computed-properties refs #1393 (#1398)

* Add composition api's computed function support to vue/no-async-in-computed-properties refs #1393

* rename getComputedGetterBody to getGetterBodyFromComputedFunction

* add testcase without return

* use array instead of set
---
 docs/rules/no-async-in-computed-properties.md |  49 ++-
 lib/rules/no-async-in-computed-properties.js  | 139 ++++++---
 lib/utils/index.js                            |  38 +++
 .../rules/no-async-in-computed-properties.js  | 281 ++++++++++++++++++
 4 files changed, 455 insertions(+), 52 deletions(-)

diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 93e0ef045..549dc2013 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -2,21 +2,21 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-async-in-computed-properties
-description: disallow asynchronous actions in computed properties
+description: disallow asynchronous actions in computed properties and functions
 since: v3.8.0
 ---
 # vue/no-async-in-computed-properties
 
-> disallow asynchronous actions in computed properties
+> disallow asynchronous actions in computed properties and functions
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
-Computed properties should be synchronous. Asynchronous actions inside them may not work as expected and can lead to an unexpected behaviour, that's why you should avoid them.
+Computed properties and functions should be synchronous. Asynchronous actions inside them may not work as expected and can lead to an unexpected behaviour, that's why you should avoid them.
 If you need async computed properties you might want to consider using additional plugin [vue-async-computed]
 
 ## :book: Rule Details
 
-This rule is aimed at preventing asynchronous methods from being called in computed properties.
+This rule is aimed at preventing asynchronous methods from being called in computed properties and functions.
 
 <eslint-code-block :rules="{'vue/no-async-in-computed-properties': ['error']}">
 
@@ -62,6 +62,47 @@ export default {
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/no-async-in-computed-properties': ['error']}">
+
+```vue
+<script>
+import {computed} from 'vue'
+export default {
+  setup() {
+    /* ✓ GOOD */
+    const foo = computed(() => {
+      var bar = 0
+      try {
+        bar = bar / this.a
+      } catch (e) {
+        return 0
+      } finally {
+        return bar
+      }
+    })
+
+    /* ✗ BAD */
+    const pro = computed(() => Promise.all([new Promise((resolve, reject) => {})]))
+    const foo1 = computed(async () => await someFunc())
+    const bar = computed(() => {
+      return fetch(url).then(response => {})
+    })
+    const tim = computed(() => {
+      setTimeout(() => { }, 0)
+    })
+    const inter = computed(() => {
+      setInterval(() => { }, 0)
+    })
+    const anim = computed(() => {
+      requestAnimationFrame(() => {})
+    })
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :wrench: Options
 
 Nothing.
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 9812d61c0..6d853f52a 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -3,7 +3,7 @@
  * @author Armano
  */
 'use strict'
-
+const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
 /**
@@ -77,13 +77,16 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
+    const computedPropertiesMap = new Map()
+    /** @type {Array<FunctionExpression | ArrowFunctionExpression>} */
+    const computedFunctionNodes = []
+
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
      * @property {BlockStatement | Expression} body
      */
-    /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
-    const computedPropertiesMap = new Map()
     /** @type {ScopeStack | null} */
     let scopeStack = null
 
@@ -139,63 +142,103 @@ module.exports = {
           })
         }
       })
-    }
-    return utils.defineVueVisitor(context, {
-      onVueObjectEnter(node) {
-        computedPropertiesMap.set(node, utils.getComputedProperties(node))
-      },
-      ':function': onFunctionEnter,
-      ':function:exit': onFunctionExit,
 
-      NewExpression(node, { node: vueNode }) {
-        if (!scopeStack) {
-          return
-        }
+      computedFunctionNodes.forEach((c) => {
         if (
-          node.callee.type === 'Identifier' &&
-          node.callee.name === 'Promise'
+          node.loc.start.line >= c.loc.start.line &&
+          node.loc.end.line <= c.loc.end.line &&
+          targetBody === c.body
         ) {
-          verify(
+          context.report({
             node,
-            scopeStack.body,
-            'new',
-            computedPropertiesMap.get(vueNode)
-          )
+            message: 'Unexpected {{expressionName}} in computed function.',
+            data: {
+              expressionName: expressionTypes[type]
+            }
+          })
         }
-      },
+      })
+    }
+    return Object.assign(
+      {
+        Program() {
+          const tracker = new ReferenceTracker(context.getScope())
+          const traceMap = utils.createCompositionApiTraceMap({
+            [ReferenceTracker.ESM]: true,
+            computed: {
+              [ReferenceTracker.CALL]: true
+            }
+          })
+
+          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+            if (node.type !== 'CallExpression') {
+              continue
+            }
 
-      CallExpression(node, { node: vueNode }) {
-        if (!scopeStack) {
-          return
+            const getter = utils.getGetterBodyFromComputedFunction(node)
+            if (getter) {
+              computedFunctionNodes.push(getter)
+            }
+          }
         }
-        if (isPromise(node)) {
-          verify(
-            node,
-            scopeStack.body,
-            'promise',
-            computedPropertiesMap.get(vueNode)
-          )
-        } else if (isTimedFunction(node)) {
+      },
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          computedPropertiesMap.set(node, utils.getComputedProperties(node))
+        },
+        ':function': onFunctionEnter,
+        ':function:exit': onFunctionExit,
+
+        NewExpression(node, { node: vueNode }) {
+          if (!scopeStack) {
+            return
+          }
+          if (
+            node.callee.type === 'Identifier' &&
+            node.callee.name === 'Promise'
+          ) {
+            verify(
+              node,
+              scopeStack.body,
+              'new',
+              computedPropertiesMap.get(vueNode)
+            )
+          }
+        },
+
+        CallExpression(node, { node: vueNode }) {
+          if (!scopeStack) {
+            return
+          }
+          if (isPromise(node)) {
+            verify(
+              node,
+              scopeStack.body,
+              'promise',
+              computedPropertiesMap.get(vueNode)
+            )
+          } else if (isTimedFunction(node)) {
+            verify(
+              node,
+              scopeStack.body,
+              'timed',
+              computedPropertiesMap.get(vueNode)
+            )
+          }
+        },
+
+        AwaitExpression(node, { node: vueNode }) {
+          if (!scopeStack) {
+            return
+          }
           verify(
             node,
             scopeStack.body,
-            'timed',
+            'await',
             computedPropertiesMap.get(vueNode)
           )
         }
-      },
-
-      AwaitExpression(node, { node: vueNode }) {
-        if (!scopeStack) {
-          return
-        }
-        verify(
-          node,
-          scopeStack.body,
-          'await',
-          computedPropertiesMap.get(vueNode)
-        )
-      }
-    })
+      })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b6ed05900..6d38bb97a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -860,6 +860,44 @@ module.exports = {
       })
   },
 
+  /**
+   * Get getter body from computed function
+   * @param {CallExpression} callExpression call of computed function
+   * @return {FunctionExpression | ArrowFunctionExpression | null} getter function
+   */
+  getGetterBodyFromComputedFunction(callExpression) {
+    if (callExpression.arguments.length <= 0) {
+      return null
+    }
+
+    const arg = callExpression.arguments[0]
+
+    if (
+      arg.type === 'FunctionExpression' ||
+      arg.type === 'ArrowFunctionExpression'
+    ) {
+      return arg
+    }
+
+    if (arg.type === 'ObjectExpression') {
+      const getProperty = arg.properties.find(
+        /**
+         * @param {ESNode} p
+         * @returns { p is (Property & { value: FunctionExpression | ArrowFunctionExpression }) }
+         */
+        (p) =>
+          p.type === 'Property' &&
+          p.key.type === 'Identifier' &&
+          p.key.name === 'get' &&
+          (p.value.type === 'FunctionExpression' ||
+            p.value.type === 'ArrowFunctionExpression')
+      )
+      return getProperty ? getProperty.value : null
+    }
+
+    return null
+  },
+
   isVueFile,
 
   /**
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index 8ea81b5cb..2a15712cf 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -231,6 +231,81 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           data2: Promise.resolve(),
         })`,
       parserOptions
+    },
+    {
+      code: `
+        import {computed} from 'vue'
+        export default {
+          setup() {
+            const test1 = computed(() => {})
+            const test2 = computed(function () {
+              var bar = 0
+              try {
+                bar = bar / 0
+              } catch (e) {
+                return e
+              } finally {
+                return bar
+              }
+            })
+            const test3 = computed({
+              set() {
+                new Promise((resolve, reject) => {})
+              }
+            })
+            const test4 = computed(() => {
+              return {
+                async bar() {
+                  const data = await baz(this.a)
+                  return data
+                }
+              }
+            })
+            const test5 = computed(() => {
+              const a = 'test'
+              return [
+                async () => {
+                  const baz = await bar(a)
+                  return baz
+                },
+                'b',
+                {}
+              ]
+            })
+            const test6 = computed(() => function () {
+              return async () => await bar()
+            })
+            const test7 = computed(() => new Promise.resolve())
+            const test8 = computed(() => {
+              return new Bar(async () => await baz())
+            })
+            const test9 = computed(() => {
+              return someFunc.doSomething({
+                async bar() {
+                  return await baz()
+                }
+              })
+            })
+            const test10 = computed(() => {
+              return this.bar
+                      ? {
+                          baz:() => Promise.resolve(1)
+                        }
+                      : {}
+            })
+            const test11 = computed(() => {
+              return this.bar ? () => Promise.resolve(1) : null
+            })
+            const test12 = computed(() => {
+              return this.bar ? async () => 1 : null
+            })
+            const test13 = computed(() => {
+              bar()
+            })
+          }
+        }
+        `,
+      parserOptions
     }
   ],
 
@@ -639,6 +714,212 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.'
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import {computed} from 'vue'
+      export default {
+        setup() {
+          const test1 = computed(async () => {
+            return await someFunc()
+          })
+          const test2 = computed(async () => await someFunc())
+          const test3 = computed(async function () {
+            return await someFunc()
+          })
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 5
+        },
+        {
+          message: 'Unexpected await operator in computed function.',
+          line: 6
+        },
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 8
+        },
+        {
+          message: 'Unexpected await operator in computed function.',
+          line: 8
+        },
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 9
+        },
+        {
+          message: 'Unexpected await operator in computed function.',
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import {computed} from 'vue'
+      export default {
+        setup() {
+          const test = computed(async () => {
+            return new Promise((resolve, reject) => {})
+          })
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 5
+        },
+        {
+          message: 'Unexpected Promise object in computed function.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import {computed} from 'vue'
+      export default {
+        setup() {
+          const test1 = computed(() => {
+            return bar.then(response => {})
+          })
+          const test2 = computed(() => {
+            return Promise.all([])
+          })
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 6
+        },
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import {computed} from 'vue'
+      export default {
+        setup() {
+          const test1 = computed({
+            get: () => {
+              return Promise.resolve([])
+            }
+          })
+          const test2 = computed({
+            get() {
+              return Promise.resolve([])
+            }
+          })
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 7
+        },
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import {computed} from 'vue'
+      export default {
+        setup() {
+          const test = computed(() => {
+            setTimeout(() => { }, 0)
+            window.setTimeout(() => { }, 0)
+            setInterval(() => { }, 0)
+            window.setInterval(() => { }, 0)
+            setImmediate(() => { })
+            window.setImmediate(() => { })
+            requestAnimationFrame(() => {})
+            window.requestAnimationFrame(() => {})
+          })
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 6
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 7
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 8
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 9
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 10
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 11
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 12
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import {computed} from 'vue'
+      export default {
+        setup() {
+          const test = computed(async () => {
+            bar()
+          })
+        }
+      }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 42a543df9c3a63786cc0a010d72311f0eddff72e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Sun, 3 Jan 2021 09:46:53 +0900
Subject: [PATCH 0239/1010] Make no-ref-as-operand fixable close #1394 (#1396)

* Make no-ref-as-operand fixable close #1394

* dont use array for returning a single fix data

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                 |   2 +-
 docs/rules/no-ref-as-operand.md      |   3 +-
 lib/rules/no-ref-as-operand.js       |   5 +-
 tests/lib/rules/no-ref-as-operand.js | 153 +++++++++++++++++++++++++++
 4 files changed, 160 insertions(+), 3 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 5f848467b..4d0316c09 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -64,7 +64,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
 | [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
-| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand |  |
+| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
 | [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index 3284fa7c7..2610d4624 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -10,13 +10,14 @@ since: v7.0.0
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
 This rule reports cases where a ref is used incorrectly as an operand.  
 You must use `.value` to access the `Ref` value.
 
-<eslint-code-block :rules="{'vue/no-ref-as-operand': ['error']}">
+<eslint-code-block fix :rules="{'vue/no-ref-as-operand': ['error']}">
 
 ```vue
 <script>
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index fb5dc0881..d93d0422e 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -15,7 +15,7 @@ module.exports = {
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-ref-as-operand.html'
     },
-    fixable: null,
+    fixable: 'code',
     schema: [],
     messages: {
       requireDotValue:
@@ -46,6 +46,9 @@ module.exports = {
         messageId: 'requireDotValue',
         data: {
           method: data.method
+        },
+        fix(fixer) {
+          return fixer.insertTextAfter(node, '.value')
         }
       })
     }
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 50cfd3249..7cdc61b74 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -150,6 +150,14 @@ tester.run('no-ref-as-operand', rule, {
       console.log(count + 1) // error
       console.log(1 + count) // error
       `,
+      output: `
+      import { ref } from 'vue'
+      let count = ref(0)
+
+      count.value++ // error
+      console.log(count.value + 1) // error
+      console.log(1 + count.value) // error
+      `,
       errors: [
         {
           message:
@@ -195,6 +203,23 @@ tester.run('no-ref-as-operand', rule, {
         }
       </script>
       `,
+      output: `
+      <script>
+        import { ref } from 'vue'
+        export default {
+          setup() {
+            let count = ref(0)
+
+            count.value++ // error
+            console.log(count.value + 1) // error
+            console.log(1 + count.value) // error
+            return {
+              count
+            }
+          }
+        }
+      </script>
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -237,6 +262,23 @@ tester.run('no-ref-as-operand', rule, {
         }
       </script>
       `,
+      output: `
+      <script>
+        import { ref } from '@vue/composition-api'
+        export default {
+          setup() {
+            let count = ref(0)
+
+            count.value++ // error
+            console.log(count.value + 1) // error
+            console.log(1 + count.value) // error
+            return {
+              count
+            }
+          }
+        }
+      </script>
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -269,6 +311,13 @@ tester.run('no-ref-as-operand', rule, {
         //
       }
       `,
+      output: `
+      import { ref } from 'vue'
+      const foo = ref(true)
+      if (foo.value) {
+        //
+      }
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -284,6 +333,13 @@ tester.run('no-ref-as-operand', rule, {
         //
       }
       `,
+      output: `
+      import { ref } from 'vue'
+      const foo = ref(true)
+      switch (foo.value) {
+        //
+      }
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -300,6 +356,14 @@ tester.run('no-ref-as-operand', rule, {
       var c = !foo
       var d = ~foo
       `,
+      output: `
+      import { ref } from 'vue'
+      const foo = ref(0)
+      var a = -foo.value
+      var b = +foo.value
+      var c = !foo.value
+      var d = ~foo.value
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -328,6 +392,14 @@ tester.run('no-ref-as-operand', rule, {
       baz += foo
       baz -= foo
       `,
+      output: `
+      import { ref } from 'vue'
+      let foo = ref(0)
+      foo.value += 1
+      foo.value -= 1
+      baz += foo.value
+      baz -= foo.value
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -354,6 +426,12 @@ tester.run('no-ref-as-operand', rule, {
       var a = foo || other
       var b = foo && other
       `,
+      output: `
+      import { ref } from 'vue'
+      const foo = ref(true)
+      var a = foo.value || other
+      var b = foo.value && other
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -371,6 +449,11 @@ tester.run('no-ref-as-operand', rule, {
       let foo = ref(true)
       var a = foo ? x : y
       `,
+      output: `
+      import { ref } from 'vue'
+      let foo = ref(true)
+      var a = foo.value ? x : y
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -395,6 +478,22 @@ tester.run('no-ref-as-operand', rule, {
         }
       </script>
       `,
+      output: `
+      <script>
+        import { ref } from 'vue'
+        let count = ref(0)
+        export default {
+          setup() {
+            count.value++ // error
+            console.log(count.value + 1) // error
+            console.log(1 + count.value) // error
+            return {
+              count
+            }
+          }
+        }
+      </script>
+      `,
       errors: [
         {
           messageId: 'requireDotValue',
@@ -451,6 +550,46 @@ tester.run('no-ref-as-operand', rule, {
         const n = foo + 1 // error
       </script>
       `,
+      output: `
+      <script>
+        import { ref, computed, toRef, customRef, shallowRef } from 'vue'
+        let count = ref(0)
+        let cntcnt = computed(()=>count.value+count.value)
+
+        const state = reactive({
+          foo: 1,
+          bar: 2
+        })
+
+        const fooRef = toRef(state, 'foo')
+
+        let value = 'hello'
+        const cref = customRef((track, trigger) => {
+          return {
+            get() {
+              track()
+              return value
+            },
+            set(newValue) {
+              clearTimeout(timeout)
+              timeout = setTimeout(() => {
+                value = newValue
+                trigger()
+              }, delay)
+            }
+          }
+        })
+
+        const foo = shallowRef({})
+
+        count.value++ // error
+        cntcnt.value++ // error
+
+        const s = \`\${fooRef.value} : \${cref.value}\` // error x 2
+
+        const n = foo.value + 1 // error
+      </script>
+      `,
       errors: [
         {
           message:
@@ -487,6 +626,13 @@ tester.run('no-ref-as-operand', rule, {
         foo.bar = 123
       </script>
       `,
+      output: `
+      <script>
+        import { ref, computed, toRef, customRef, shallowRef } from 'vue'
+        const foo = shallowRef({})
+        foo.value.bar = 123
+      </script>
+      `,
       errors: [
         {
           messageId: 'requireDotValue'
@@ -501,6 +647,13 @@ tester.run('no-ref-as-operand', rule, {
         const bar = foo?.bar
       </script>
       `,
+      output: `
+      <script>
+        import { ref } from 'vue'
+        const foo = ref(123)
+        const bar = foo.value?.bar
+      </script>
+      `,
       errors: [
         {
           messageId: 'requireDotValue'

From 6b62278355b33538f93fc669510223f3bb4be62e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sun, 3 Jan 2021 01:48:12 +0100
Subject: [PATCH 0240/1010] Add `vue/no-constant-condition` rule (#1401)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add `vue/no-constant-condition` rule

* Comment out failing test cases

* Support `v-else-if`, `v-else` and `v-show` as well

* Update plugin docs (remove version, add "unreleased" notice)

* Remove `v-else` again 🤦
---
 docs/rules/README.md                     |   1 +
 docs/rules/no-constant-condition.md      |  26 ++++++
 lib/index.js                             |   1 +
 lib/rules/no-constant-condition.js       |  29 ++++++
 tests/lib/rules/no-constant-condition.js | 113 +++++++++++++++++++++++
 5 files changed, 170 insertions(+)
 create mode 100644 docs/rules/no-constant-condition.md
 create mode 100644 lib/rules/no-constant-condition.js
 create mode 100644 tests/lib/rules/no-constant-condition.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4d0316c09..c96f44a00 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -347,6 +347,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |
 | [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length |  |
+| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions |  |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses | :wrench: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
new file mode 100644
index 000000000..901b2a401
--- /dev/null
+++ b/docs/rules/no-constant-condition.md
@@ -0,0 +1,26 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-constant-condition
+description: disallow constant expressions in conditions
+---
+# vue/no-constant-condition
+
+> disallow constant expressions in conditions
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [no-constant-condition]
+
+[no-constant-condition]: https://eslint.org/docs/rules/no-constant-condition
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-constant-condition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-constant-condition.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-constant-condition)</sup>
diff --git a/lib/index.js b/lib/index.js
index 21091a9f8..699d2f405 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -53,6 +53,7 @@ module.exports = {
     'no-bare-strings-in-template': require('./rules/no-bare-strings-in-template'),
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
+    'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
     'no-deprecated-destroyed-lifecycle': require('./rules/no-deprecated-destroyed-lifecycle'),
diff --git a/lib/rules/no-constant-condition.js b/lib/rules/no-constant-condition.js
new file mode 100644
index 000000000..a6b62431b
--- /dev/null
+++ b/lib/rules/no-constant-condition.js
@@ -0,0 +1,29 @@
+/**
+ * @author Flo Edelmann
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+const conditionalDirectiveNames = new Set(['v-show', 'v-if', 'v-else-if'])
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('no-constant-condition', {
+  create(_context, { coreHandlers }) {
+    return {
+      VDirectiveKey(node) {
+        if (
+          conditionalDirectiveNames.has(`v-${node.name.name}`) &&
+          node.parent.value &&
+          node.parent.value.expression &&
+          coreHandlers.IfStatement
+        ) {
+          coreHandlers.IfStatement({
+            // @ts-expect-error -- Process expression of VExpressionContainer as IfStatement.
+            test: node.parent.value.expression
+          })
+        }
+      }
+    }
+  }
+})
diff --git a/tests/lib/rules/no-constant-condition.js b/tests/lib/rules/no-constant-condition.js
new file mode 100644
index 000000000..312a6ee05
--- /dev/null
+++ b/tests/lib/rules/no-constant-condition.js
@@ -0,0 +1,113 @@
+/**
+ * @author Flo Edelmann
+ */
+'use strict'
+
+const { RuleTester } = require('eslint')
+const rule = require('../../../lib/rules/no-constant-condition.js')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 6 }
+})
+
+tester.run('no-constant-condition', rule, {
+  valid: [
+    '<template><CustomButton v-if="a" /></template>',
+    '<template><CustomButton v-if="a == 0" /></template>',
+    '<template><CustomButton v-if="a == f()" /></template>',
+    '<template><CustomButton v-other-directive="true" /></template>'
+  ],
+  invalid: [
+    {
+      code: '<template><CustomButton v-if="-2" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          type: 'UnaryExpression',
+          column: 31,
+          endColumn: 33
+        }
+      ]
+    },
+    {
+      code: '<template><CustomButton v-else-if="true" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          type: 'Literal',
+          column: 36,
+          endColumn: 40
+        }
+      ]
+    },
+    {
+      code: '<template><CustomButton v-if="1" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          type: 'Literal',
+          column: 31,
+          endColumn: 32
+        }
+      ]
+    },
+    {
+      code: '<template><CustomButton v-show="{}" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          type: 'ObjectExpression',
+          column: 33,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      code: '<template><CustomButton v-if="0 < 1" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          type: 'BinaryExpression',
+          column: 31,
+          endColumn: 36
+        }
+      ]
+    },
+    {
+      code: '<template><CustomButton v-if="0 || 1" /></template>',
+      errors: [
+        {
+          messageId: 'unexpected',
+          type: 'LogicalExpression',
+          column: 31,
+          endColumn: 37
+        }
+      ]
+    }
+
+    // failing in Node.js v8, because template literals are not supported there:
+    // {
+    //   code: '<template><CustomButton v-if="`foo`" /></template>',
+    //   errors: [
+    //     {
+    //       messageId: 'unexpected',
+    //       type: 'TemplateLiteral',
+    //       column: 31,
+    //       endColumn: 36
+    //     }
+    //   ]
+    // },
+    // {
+    //   code: '<template><CustomButton v-if="``" /></template>',
+    //   errors: [
+    //     {
+    //       messageId: 'unexpected',
+    //       type: 'TemplateLiteral',
+    //       column: 31,
+    //       endColumn: 33
+    //     }
+    //   ]
+    // }
+  ]
+})

From 3fb52a97b4b95fccd33fc3f8eda6e796aec7a4a8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 3 Jan 2021 11:56:38 +0900
Subject: [PATCH 0241/1010] Refactor no-async-in-computed-properties (#1405)

---
 lib/rules/no-async-in-computed-properties.js | 53 ++++++++++----------
 lib/utils/index.js                           | 33 ++++--------
 2 files changed, 37 insertions(+), 49 deletions(-)

diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 6d853f52a..b12fa3407 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -11,16 +11,16 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
  */
 
-const PROMISE_FUNCTIONS = ['then', 'catch', 'finally']
+const PROMISE_FUNCTIONS = new Set(['then', 'catch', 'finally'])
 
-const PROMISE_METHODS = ['all', 'race', 'reject', 'resolve']
+const PROMISE_METHODS = new Set(['all', 'race', 'reject', 'resolve'])
 
-const TIMED_FUNCTIONS = [
+const TIMED_FUNCTIONS = new Set([
   'setTimeout',
   'setInterval',
   'setImmediate',
   'requestAnimationFrame'
-]
+])
 
 /**
  * @param {CallExpression} node
@@ -28,16 +28,12 @@ const TIMED_FUNCTIONS = [
 function isTimedFunction(node) {
   const callee = utils.skipChainExpression(node.callee)
   return (
-    ((node.type === 'CallExpression' &&
-      callee.type === 'Identifier' &&
-      TIMED_FUNCTIONS.indexOf(callee.name) !== -1) ||
-      (node.type === 'CallExpression' &&
-        callee.type === 'MemberExpression' &&
+    ((callee.type === 'Identifier' && TIMED_FUNCTIONS.has(callee.name)) ||
+      (callee.type === 'MemberExpression' &&
         callee.object.type === 'Identifier' &&
         callee.object.name === 'window' &&
-        callee.property.type === 'Identifier' &&
-        TIMED_FUNCTIONS.indexOf(callee.property.name) !== -1)) &&
-    node.arguments.length
+        TIMED_FUNCTIONS.has(utils.getStaticPropertyName(callee) || ''))) &&
+    node.arguments.length > 0
   )
 }
 
@@ -46,15 +42,16 @@ function isTimedFunction(node) {
  */
 function isPromise(node) {
   const callee = utils.skipChainExpression(node.callee)
-  if (node.type === 'CallExpression' && callee.type === 'MemberExpression') {
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
     return (
+      name &&
       // hello.PROMISE_FUNCTION()
-      (callee.property.type === 'Identifier' &&
-        PROMISE_FUNCTIONS.indexOf(callee.property.name) !== -1) || // Promise.PROMISE_METHOD()
-      (callee.object.type === 'Identifier' &&
-        callee.object.name === 'Promise' &&
-        callee.property.type === 'Identifier' &&
-        PROMISE_METHODS.indexOf(callee.property.name) !== -1)
+      (PROMISE_FUNCTIONS.has(name) ||
+        // Promise.PROMISE_METHOD()
+        (callee.object.type === 'Identifier' &&
+          callee.object.name === 'Promise' &&
+          PROMISE_METHODS.has(name)))
     )
   }
   return false
@@ -79,7 +76,7 @@ module.exports = {
   create(context) {
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
-    /** @type {Array<FunctionExpression | ArrowFunctionExpression>} */
+    /** @type {(FunctionExpression | ArrowFunctionExpression)[]} */
     const computedFunctionNodes = []
 
     /**
@@ -124,7 +121,7 @@ module.exports = {
      * @param {ComponentComputedProperty[]} computedProperties
      */
     function verify(node, targetBody, type, computedProperties = []) {
-      computedProperties.forEach((cp) => {
+      for (const cp of computedProperties) {
         if (
           cp.value &&
           node.loc.start.line >= cp.value.loc.start.line &&
@@ -140,14 +137,15 @@ module.exports = {
               propertyName: cp.key || 'unknown'
             }
           })
+          return
         }
-      })
+      }
 
-      computedFunctionNodes.forEach((c) => {
+      for (const cf of computedFunctionNodes) {
         if (
-          node.loc.start.line >= c.loc.start.line &&
-          node.loc.end.line <= c.loc.end.line &&
-          targetBody === c.body
+          node.loc.start.line >= cf.body.loc.start.line &&
+          node.loc.end.line <= cf.body.loc.end.line &&
+          targetBody === cf.body
         ) {
           context.report({
             node,
@@ -156,8 +154,9 @@ module.exports = {
               expressionName: expressionTypes[type]
             }
           })
+          return
         }
-      })
+      }
     }
     return Object.assign(
       {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 6d38bb97a..94d9994d2 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -842,17 +842,11 @@ module.exports = {
         if (propValue.type === 'FunctionExpression') {
           value = propValue.body
         } else if (propValue.type === 'ObjectExpression') {
-          const get = propValue.properties.find(
-            /**
-             * @param {ESNode} p
-             * @returns { p is (Property & { value: FunctionExpression }) }
-             */
-            (p) =>
-              p.type === 'Property' &&
-              p.key.type === 'Identifier' &&
-              p.key.name === 'get' &&
-              p.value.type === 'FunctionExpression'
-          )
+          const get = /** @type {(Property & { value: FunctionExpression }) | null} */ (findProperty(
+            propValue,
+            'get',
+            (p) => p.value.type === 'FunctionExpression'
+          ))
           value = get ? get.value.body : null
         }
 
@@ -880,18 +874,13 @@ module.exports = {
     }
 
     if (arg.type === 'ObjectExpression') {
-      const getProperty = arg.properties.find(
-        /**
-         * @param {ESNode} p
-         * @returns { p is (Property & { value: FunctionExpression | ArrowFunctionExpression }) }
-         */
+      const getProperty = /** @type {(Property & { value: FunctionExpression | ArrowFunctionExpression }) | null} */ (findProperty(
+        arg,
+        'get',
         (p) =>
-          p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'get' &&
-          (p.value.type === 'FunctionExpression' ||
-            p.value.type === 'ArrowFunctionExpression')
-      )
+          p.value.type === 'FunctionExpression' ||
+          p.value.type === 'ArrowFunctionExpression'
+      ))
       return getProperty ? getProperty.value : null
     }
 

From dc81e40e75b6c37359a5c96bb74f463b22bb1550 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 5 Jan 2021 10:29:24 +0900
Subject: [PATCH 0242/1010] Fix false positives for assignments in
 `no-ref-as-operand` rule (#1409)

---
 lib/rules/no-ref-as-operand.js       |  5 ++++-
 tests/lib/rules/no-ref-as-operand.js | 10 ++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index d93d0422e..465ec50b0 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -134,8 +134,11 @@ module.exports = {
         reportIfRefWrapped(node)
       },
       // refValue+=1, refValue-=1, foo+=refValue, foo-=refValue
-      /** @param {Identifier} node */
+      /** @param {Identifier & {parent: AssignmentExpression}} node */
       'AssignmentExpression>Identifier'(node) {
+        if (node.parent.operator === '=' && node.parent.left !== node) {
+          return
+        }
         reportIfRefWrapped(node)
       },
       // refValue || other, refValue && other. ignore: other || refValue
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 7cdc61b74..fb564ce17 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -121,6 +121,16 @@ tester.run('no-ref-as-operand', rule, {
     const count = ref
     count++
     `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    foo = count
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    const foo = count
+    `,
     {
       code: `
       <script>

From 3168819e165193856b46320ad0d41bd5d9ff4d27 Mon Sep 17 00:00:00 2001
From: doubleInc <60121273+doubleInc@users.noreply.github.com>
Date: Tue, 19 Jan 2021 19:31:32 +1100
Subject: [PATCH 0243/1010] Fix broken link in VScode section. (#1415)

---
 docs/user-guide/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 2457534fc..a4e9acd9d 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -338,4 +338,4 @@ Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`
 
 You need to turn off Vetur's template validation by adding `vetur.validation.template: false` to your `.vscode/settings.json`.
 
-See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Linting](https://vuejs.github.io/vetur/linting-error.html#linting).
+See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Linting](https://vuejs.github.io/vetur/guide/linting-error.html#linting).

From 24eccfbcea303a558fb2be907525d8bedbaf9238 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 21 Jan 2021 21:30:22 +0900
Subject: [PATCH 0244/1010] Upgrade vue-eslint-parser (#1422)

---
 package.json                        | 2 +-
 tests/lib/rules/no-parsing-error.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b907051f3..8467ccbf1 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.3.0"
+    "vue-eslint-parser": "^7.4.1"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index c0c1ce617..46733a3fe 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -249,7 +249,10 @@ tester.run('no-parsing-error', rule, {
       filename: 'test.vue',
       code: '<template><div v-for="foo">hello</div></template>',
       errors: [
-        { message: 'Parsing error: Unexpected end of expression.', column: 26 }
+        {
+          message: 'Parsing error: Expected to be an alias, but got empty.',
+          column: 23
+        }
       ]
     },
     {

From ec2dc7914404a23e5bde2ed2bed7c3055afa2c6c Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 21 Jan 2021 13:32:08 +0100
Subject: [PATCH 0245/1010] Add `vue/next-tick-style` rule (#1400)

* Add rule docs

* Add rule tests

* Initial implementation: detect nextTick calls

* Finish rule implementation

* Add fixer for promise style

* Add new rule to rule collections

* Improve short description

* Use `output: null` instead of copying the unchanged code

* Update documentation with update tool

* Simplify rule fix code

* Drop unused `recommended` property

* Fix require path

* Update docs

* Fix docs

* Prevent false positives for `foo.then(nextTick)`

* Update rule type

* Add `foo.then(nextTick, catchHandler)` test case
---
 docs/rules/README.md               |   1 +
 docs/rules/next-tick-style.md      | 103 ++++++++++
 lib/index.js                       |   1 +
 lib/rules/next-tick-style.js       | 146 ++++++++++++++
 tests/lib/rules/next-tick-style.js | 304 +++++++++++++++++++++++++++++
 5 files changed, 555 insertions(+)
 create mode 100644 docs/rules/next-tick-style.md
 create mode 100644 lib/rules/next-tick-style.js
 create mode 100644 tests/lib/rules/next-tick-style.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index c96f44a00..92674e1f5 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -294,6 +294,7 @@ For example:
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: |
+| [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
diff --git a/docs/rules/next-tick-style.md b/docs/rules/next-tick-style.md
new file mode 100644
index 000000000..52188fd06
--- /dev/null
+++ b/docs/rules/next-tick-style.md
@@ -0,0 +1,103 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/next-tick-style
+description: enforce Promise or callback style in `nextTick`
+---
+# vue/next-tick-style
+
+> enforce Promise or callback style in `nextTick`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces whether the callback version or Promise version (which was introduced in Vue v2.1.0) should be used in `Vue.nextTick` and `this.$nextTick`.
+
+<eslint-code-block fix :rules="{'vue/next-tick-style': ['error']}">
+
+```vue
+<script>
+import { nextTick as nt } from 'vue';
+
+export default {
+  async mounted() {
+    /* ✓ GOOD */
+    nt().then(() => callback());
+    await nt(); callback();
+    Vue.nextTick().then(() => callback());
+    await Vue.nextTick(); callback();
+    this.$nextTick().then(() => callback());
+    await this.$nextTick(); callback();
+
+    /* ✗ BAD */
+    nt(() => callback());
+    nt(callback);
+    Vue.nextTick(() => callback());
+    Vue.nextTick(callback);
+    this.$nextTick(() => callback());
+    this.$nextTick(callback);
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+Default is set to `promise`.
+
+```json
+{
+  "vue/next-tick-style": ["error", "promise" | "callback"]
+}
+```
+
+- `"promise"` (default) ... requires using the promise version.
+- `"callback"` ... requires using the callback version. Use this if you use a Vue version below v2.1.0.
+
+### `"callback"`
+
+<eslint-code-block fix :rules="{'vue/next-tick-style': ['error', 'callback']}">
+
+```vue
+<script>
+import { nextTick as nt } from 'vue';
+
+export default {
+  async mounted() {
+    /* ✓ GOOD */
+    nt(() => callback());
+    nt(callback);
+    Vue.nextTick(() => callback());
+    Vue.nextTick(callback);
+    this.$nextTick(() => callback());
+    this.$nextTick(callback);
+
+    /* ✗ BAD */
+    nt().then(() => callback());
+    await nt(); callback();
+    Vue.nextTick().then(() => callback());
+    await Vue.nextTick(); callback();
+    this.$nextTick().then(() => callback());
+    await this.$nextTick(); callback();
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [`Vue.nextTick` API in Vue 2](https://vuejs.org/v2/api/#Vue-nextTick)
+- [`vm.$nextTick` API in Vue 2](https://vuejs.org/v2/api/#vm-nextTick)
+- [Global API Treeshaking](https://v3.vuejs.org/guide/migration/global-api-treeshaking.html)
+- [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
+- [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/next-tick-style.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/next-tick-style.js)
diff --git a/lib/index.js b/lib/index.js
index 699d2f405..ec311919d 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -48,6 +48,7 @@ module.exports = {
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
     'name-property-casing': require('./rules/name-property-casing'),
     'new-line-between-multi-line-property': require('./rules/new-line-between-multi-line-property'),
+    'next-tick-style': require('./rules/next-tick-style'),
     'no-arrow-functions-in-watch': require('./rules/no-arrow-functions-in-watch'),
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-bare-strings-in-template': require('./rules/no-bare-strings-in-template'),
diff --git a/lib/rules/next-tick-style.js b/lib/rules/next-tick-style.js
new file mode 100644
index 000000000..d015bb5b7
--- /dev/null
+++ b/lib/rules/next-tick-style.js
@@ -0,0 +1,146 @@
+/**
+ * @fileoverview enforce Promise or callback style in `nextTick`
+ * @author Flo Edelmann
+ * @copyright 2020 Flo Edelmann. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const { findVariable } = require('eslint-utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {Identifier} identifier
+ * @param {RuleContext} context
+ * @returns {CallExpression|undefined}
+ */
+function getVueNextTickCallExpression(identifier, context) {
+  // Instance API: this.$nextTick()
+  if (
+    identifier.name === '$nextTick' &&
+    identifier.parent.type === 'MemberExpression' &&
+    utils.isThis(identifier.parent.object, context) &&
+    identifier.parent.parent.type === 'CallExpression' &&
+    identifier.parent.parent.callee === identifier.parent
+  ) {
+    return identifier.parent.parent
+  }
+
+  // Vue 2 Global API: Vue.nextTick()
+  if (
+    identifier.name === 'nextTick' &&
+    identifier.parent.type === 'MemberExpression' &&
+    identifier.parent.object.type === 'Identifier' &&
+    identifier.parent.object.name === 'Vue' &&
+    identifier.parent.parent.type === 'CallExpression' &&
+    identifier.parent.parent.callee === identifier.parent
+  ) {
+    return identifier.parent.parent
+  }
+
+  // Vue 3 Global API: import { nextTick as nt } from 'vue'; nt()
+  if (
+    identifier.parent.type === 'CallExpression' &&
+    identifier.parent.callee === identifier
+  ) {
+    const variable = findVariable(context.getScope(), identifier)
+
+    if (variable != null && variable.defs.length === 1) {
+      const def = variable.defs[0]
+      if (
+        def.type === 'ImportBinding' &&
+        def.node.type === 'ImportSpecifier' &&
+        def.node.imported.type === 'Identifier' &&
+        def.node.imported.name === 'nextTick' &&
+        def.node.parent.type === 'ImportDeclaration' &&
+        def.node.parent.source.value === 'vue'
+      ) {
+        return identifier.parent
+      }
+    }
+  }
+
+  return undefined
+}
+
+/**
+ * @param {CallExpression} callExpression
+ * @returns {boolean}
+ */
+function isAwaitedPromise(callExpression) {
+  return (
+    callExpression.parent.type === 'AwaitExpression' ||
+    (callExpression.parent.type === 'MemberExpression' &&
+      callExpression.parent.property.type === 'Identifier' &&
+      callExpression.parent.property.name === 'then')
+  )
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce Promise or callback style in `nextTick`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/next-tick-style.html'
+    },
+    fixable: 'code',
+    schema: [{ enum: ['promise', 'callback'] }]
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const preferredStyle =
+      /** @type {string|undefined} */ (context.options[0]) || 'promise'
+
+    return utils.defineVueVisitor(context, {
+      /** @param {Identifier} node */
+      Identifier(node) {
+        const callExpression = getVueNextTickCallExpression(node, context)
+        if (!callExpression) {
+          return
+        }
+
+        if (preferredStyle === 'callback') {
+          if (
+            callExpression.arguments.length !== 1 ||
+            isAwaitedPromise(callExpression)
+          ) {
+            context.report({
+              node,
+              message:
+                'Pass a callback function to `nextTick` instead of using the returned Promise.'
+            })
+          }
+
+          return
+        }
+
+        if (
+          callExpression.arguments.length !== 0 ||
+          !isAwaitedPromise(callExpression)
+        ) {
+          context.report({
+            node,
+            message:
+              'Use the Promise returned by `nextTick` instead of passing a callback function.',
+            fix(fixer) {
+              return fixer.insertTextAfter(node, '().then')
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/next-tick-style.js b/tests/lib/rules/next-tick-style.js
new file mode 100644
index 000000000..9f2d0ae5b
--- /dev/null
+++ b/tests/lib/rules/next-tick-style.js
@@ -0,0 +1,304 @@
+/**
+ * @fileoverview enforce Promise or callback style in `nextTick`
+ * @author Flo Edelmann
+ * @copyright 2020 Flo Edelmann. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/next-tick-style')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2017,
+    sourceType: 'module'
+  }
+})
+
+tester.run('next-tick-style', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          this.$nextTick().then(() => callback());
+          Vue.nextTick().then(() => callback());
+          nt().then(() => callback());
+
+          await this.$nextTick(); callback();
+          await Vue.nextTick(); callback();
+          await nt(); callback();
+        }
+      }</script>`
+    },
+    {
+      filename: 'test.vue',
+      options: ['promise'],
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          this.$nextTick().then(() => callback());
+          Vue.nextTick().then(() => callback());
+          nt().then(() => callback());
+
+          await this.$nextTick(); callback();
+          await Vue.nextTick(); callback();
+          await nt(); callback();
+        }
+      }</script>`
+    },
+    {
+      filename: 'test.vue',
+      options: ['callback'],
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          this.$nextTick(() => callback());
+          Vue.nextTick(() => callback());
+          nt(() => callback());
+
+          this.$nextTick(callback);
+          Vue.nextTick(callback);
+          nt(callback);
+        }
+      }</script>`
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/pull/1400#discussion_r550937977
+    {
+      filename: 'test.vue',
+      options: ['promise'],
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          foo.then(this.$nextTick);
+          foo.then(Vue.nextTick);
+          foo.then(nt);
+
+          foo.then(nt, catchHandler);
+          foo.then(Vue.nextTick, catchHandler);
+          foo.then(this.$nextTick, catchHandler);
+        }
+      }</script>`
+    },
+    {
+      filename: 'test.vue',
+      options: ['callback'],
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          foo.then(this.$nextTick);
+          foo.then(Vue.nextTick);
+          foo.then(nt);
+
+          foo.then(nt, catchHandler);
+          foo.then(Vue.nextTick, catchHandler);
+          foo.then(this.$nextTick, catchHandler);
+        }
+      }</script>`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          this.$nextTick(() => callback());
+          Vue.nextTick(() => callback());
+          nt(() => callback());
+
+          this.$nextTick(callback);
+          Vue.nextTick(callback);
+          nt(callback);
+        }
+      }</script>`,
+      output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          this.$nextTick().then(() => callback());
+          Vue.nextTick().then(() => callback());
+          nt().then(() => callback());
+
+          this.$nextTick().then(callback);
+          Vue.nextTick().then(callback);
+          nt().then(callback);
+        }
+      }</script>`,
+      errors: [
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 4,
+          column: 16
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 5,
+          column: 15
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 6,
+          column: 11
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 8,
+          column: 16
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 9,
+          column: 15
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 10,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: ['promise'],
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          this.$nextTick(() => callback());
+          Vue.nextTick(() => callback());
+          nt(() => callback());
+
+          this.$nextTick(callback);
+          Vue.nextTick(callback);
+          nt(callback);
+        }
+      }</script>`,
+      output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          this.$nextTick().then(() => callback());
+          Vue.nextTick().then(() => callback());
+          nt().then(() => callback());
+
+          this.$nextTick().then(callback);
+          Vue.nextTick().then(callback);
+          nt().then(callback);
+        }
+      }</script>`,
+      errors: [
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 4,
+          column: 16
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 5,
+          column: 15
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 6,
+          column: 11
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 8,
+          column: 16
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 9,
+          column: 15
+        },
+        {
+          message:
+            'Use the Promise returned by `nextTick` instead of passing a callback function.',
+          line: 10,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: ['callback'],
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          this.$nextTick().then(() => callback());
+          Vue.nextTick().then(() => callback());
+          nt().then(() => callback());
+
+          await this.$nextTick(); callback();
+          await Vue.nextTick(); callback();
+          await nt(); callback();
+        }
+      }</script>`,
+      output: null,
+      errors: [
+        {
+          message:
+            'Pass a callback function to `nextTick` instead of using the returned Promise.',
+          line: 4,
+          column: 16
+        },
+        {
+          message:
+            'Pass a callback function to `nextTick` instead of using the returned Promise.',
+          line: 5,
+          column: 15
+        },
+        {
+          message:
+            'Pass a callback function to `nextTick` instead of using the returned Promise.',
+          line: 6,
+          column: 11
+        },
+        {
+          message:
+            'Pass a callback function to `nextTick` instead of using the returned Promise.',
+          line: 8,
+          column: 22
+        },
+        {
+          message:
+            'Pass a callback function to `nextTick` instead of using the returned Promise.',
+          line: 9,
+          column: 21
+        },
+        {
+          message:
+            'Pass a callback function to `nextTick` instead of using the returned Promise.',
+          line: 10,
+          column: 17
+        }
+      ]
+    }
+  ]
+})

From 10824ec447bd1345375c5025d523c38455e38836 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 21 Jan 2021 13:32:26 +0100
Subject: [PATCH 0246/1010] Add `vue/valid-next-tick` rule (#1404)

* Add rule docs

* Add rule to collections

* Add rule tests

* Add more test cases

* Add rule implementation

* Fix docs

* Update docs

* Remove categories

* Prevent false positives for `foo.then(nextTick)`

* Suggest `await` instead of fixing it

* Add tests and logic for more false positives
---
 docs/rules/README.md               |   1 +
 docs/rules/valid-next-tick.md      |  88 +++++++
 lib/index.js                       |   1 +
 lib/rules/valid-next-tick.js       | 204 +++++++++++++++
 tests/lib/rules/valid-next-tick.js | 405 +++++++++++++++++++++++++++++
 5 files changed, 699 insertions(+)
 create mode 100644 docs/rules/valid-next-tick.md
 create mode 100644 lib/rules/valid-next-tick.js
 create mode 100644 tests/lib/rules/valid-next-tick.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 92674e1f5..0fd8e2fa1 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -325,6 +325,7 @@ For example:
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
 | [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
+| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
 
 ### Extension Rules
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
new file mode 100644
index 000000000..076fcc792
--- /dev/null
+++ b/docs/rules/valid-next-tick.md
@@ -0,0 +1,88 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-next-tick
+description: enforce valid `nextTick` function calls
+---
+# vue/valid-next-tick
+
+> enforce valid `nextTick` function calls
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+Calling `Vue.nextTick` or `vm.$nextTick` without passing a callback and without awaiting the returned Promise is likely a mistake (probably a missing `await`).
+
+<eslint-code-block fix :rules="{'vue/valid-next-tick': ['error']}">
+
+```vue
+<script>
+import { nextTick as nt } from 'vue';
+
+export default {
+  async mounted() {
+    /* ✗ BAD: no callback function or awaited Promise */
+    nt();
+    Vue.nextTick();
+    this.$nextTick();
+
+    /* ✗ BAD: too many parameters */
+    nt(callback, anotherCallback);
+    Vue.nextTick(callback, anotherCallback);
+    this.$nextTick(callback, anotherCallback);
+
+    /* ✗ BAD: no function call */
+    nt.then(callback);
+    Vue.nextTick.then(callback);
+    this.$nextTick.then(callback);
+    await nt;
+    await Vue.nextTick;
+    await this.$nextTick;
+
+    /* ✗ BAD: both callback function and awaited Promise */
+    nt(callback).then(anotherCallback);
+    Vue.nextTick(callback).then(anotherCallback);
+    this.$nextTick(callback).then(anotherCallback);
+    await nt(callback);
+    await Vue.nextTick(callback);
+    await this.$nextTick(callback);
+
+    /* ✓ GOOD */
+    await nt();
+    await Vue.nextTick();
+    await this.$nextTick();
+
+    /* ✓ GOOD */
+    nt().then(callback);
+    Vue.nextTick().then(callback);
+    this.$nextTick().then(callback);
+
+    /* ✓ GOOD */
+    nt(callback);
+    Vue.nextTick(callback);
+    this.$nextTick(callback);
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [`Vue.nextTick` API in Vue 2](https://vuejs.org/v2/api/#Vue-nextTick)
+- [`vm.$nextTick` API in Vue 2](https://vuejs.org/v2/api/#vm-nextTick)
+- [Global API Treeshaking](https://v3.vuejs.org/guide/migration/global-api-treeshaking.html)
+- [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
+- [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-next-tick.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-next-tick.js)
diff --git a/lib/index.js b/lib/index.js
index ec311919d..2d600117d 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -164,6 +164,7 @@ module.exports = {
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
+    'valid-next-tick': require('./rules/valid-next-tick'),
     'valid-template-root': require('./rules/valid-template-root'),
     'valid-v-bind-sync': require('./rules/valid-v-bind-sync'),
     'valid-v-bind': require('./rules/valid-v-bind'),
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
new file mode 100644
index 000000000..4e41abbf2
--- /dev/null
+++ b/lib/rules/valid-next-tick.js
@@ -0,0 +1,204 @@
+/**
+ * @fileoverview enforce valid `nextTick` function calls
+ * @author Flo Edelmann
+ * @copyright 2021 Flo Edelmann. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const { findVariable } = require('eslint-utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {Identifier} identifier
+ * @param {RuleContext} context
+ * @returns {ASTNode|undefined}
+ */
+function getVueNextTickNode(identifier, context) {
+  // Instance API: this.$nextTick()
+  if (
+    identifier.name === '$nextTick' &&
+    identifier.parent.type === 'MemberExpression' &&
+    utils.isThis(identifier.parent.object, context)
+  ) {
+    return identifier.parent
+  }
+
+  // Vue 2 Global API: Vue.nextTick()
+  if (
+    identifier.name === 'nextTick' &&
+    identifier.parent.type === 'MemberExpression' &&
+    identifier.parent.object.type === 'Identifier' &&
+    identifier.parent.object.name === 'Vue'
+  ) {
+    return identifier.parent
+  }
+
+  // Vue 3 Global API: import { nextTick as nt } from 'vue'; nt()
+  const variable = findVariable(context.getScope(), identifier)
+
+  if (variable != null && variable.defs.length === 1) {
+    const def = variable.defs[0]
+    if (
+      def.type === 'ImportBinding' &&
+      def.node.type === 'ImportSpecifier' &&
+      def.node.imported.type === 'Identifier' &&
+      def.node.imported.name === 'nextTick' &&
+      def.node.parent.type === 'ImportDeclaration' &&
+      def.node.parent.source.value === 'vue'
+    ) {
+      return identifier
+    }
+  }
+
+  return undefined
+}
+
+/**
+ * @param {CallExpression} callExpression
+ * @returns {boolean}
+ */
+function isAwaitedPromise(callExpression) {
+  if (callExpression.parent.type === 'AwaitExpression') {
+    // cases like `await nextTick()`
+    return true
+  }
+
+  if (callExpression.parent.type === 'ReturnStatement') {
+    // cases like `return nextTick()`
+    return true
+  }
+
+  if (
+    callExpression.parent.type === 'MemberExpression' &&
+    callExpression.parent.property.type === 'Identifier' &&
+    callExpression.parent.property.name === 'then'
+  ) {
+    // cases like `nextTick().then()`
+    return true
+  }
+
+  if (
+    callExpression.parent.type === 'VariableDeclarator' ||
+    callExpression.parent.type === 'AssignmentExpression'
+  ) {
+    // cases like `let foo = nextTick()` or `foo = nextTick()`
+    return true
+  }
+
+  if (
+    callExpression.parent.type === 'ArrayExpression' &&
+    callExpression.parent.parent.type === 'CallExpression' &&
+    callExpression.parent.parent.callee.type === 'MemberExpression' &&
+    callExpression.parent.parent.callee.object.type === 'Identifier' &&
+    callExpression.parent.parent.callee.object.name === 'Promise' &&
+    callExpression.parent.parent.callee.property.type === 'Identifier'
+  ) {
+    // cases like `Promise.all([nextTick()])`
+    return true
+  }
+
+  return false
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce valid `nextTick` function calls',
+      // categories: ['vue3-essential', 'essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/valid-next-tick.html'
+    },
+    fixable: 'code',
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineVueVisitor(context, {
+      /** @param {Identifier} node */
+      Identifier(node) {
+        const nextTickNode = getVueNextTickNode(node, context)
+        if (!nextTickNode || !nextTickNode.parent) {
+          return
+        }
+
+        const parentNode = nextTickNode.parent
+
+        if (
+          parentNode.type === 'CallExpression' &&
+          parentNode.callee !== nextTickNode
+        ) {
+          // cases like `foo.then(nextTick)` are allowed
+          return
+        }
+
+        if (
+          parentNode.type === 'VariableDeclarator' ||
+          parentNode.type === 'AssignmentExpression'
+        ) {
+          // cases like `let foo = nextTick` or `foo = nextTick` are allowed
+          return
+        }
+
+        if (parentNode.type !== 'CallExpression') {
+          context.report({
+            node,
+            message: '`nextTick` is a function.',
+            fix(fixer) {
+              return fixer.insertTextAfter(node, '()')
+            }
+          })
+          return
+        }
+
+        if (parentNode.arguments.length === 0) {
+          if (!isAwaitedPromise(parentNode)) {
+            context.report({
+              node,
+              message:
+                'Await the Promise returned by `nextTick` or pass a callback function.',
+              suggest: [
+                {
+                  desc: 'Add missing `await` statement.',
+                  fix(fixer) {
+                    return fixer.insertTextBefore(parentNode, 'await ')
+                  }
+                }
+              ]
+            })
+          }
+          return
+        }
+
+        if (parentNode.arguments.length > 1) {
+          context.report({
+            node,
+            message: '`nextTick` expects zero or one parameters.'
+          })
+          return
+        }
+
+        if (isAwaitedPromise(parentNode)) {
+          context.report({
+            node,
+            message:
+              'Either await the Promise or pass a callback function to `nextTick`.'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/valid-next-tick.js b/tests/lib/rules/valid-next-tick.js
new file mode 100644
index 000000000..220e43417
--- /dev/null
+++ b/tests/lib/rules/valid-next-tick.js
@@ -0,0 +1,405 @@
+/**
+ * @fileoverview enforce valid `nextTick` function calls
+ * @author Flo Edelmann
+ * @copyright 2021 Flo Edelmann. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/valid-next-tick')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2017,
+    sourceType: 'module'
+  }
+})
+
+tester.run('valid-next-tick', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          await nt();
+          await Vue.nextTick();
+          await this.$nextTick();
+
+          nt().then(callback);
+          Vue.nextTick().then(callback);
+          this.$nextTick().then(callback);
+
+          nt(callback);
+          Vue.nextTick(callback);
+          this.$nextTick(callback);
+        }
+      }</script>`
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/pull/1404#discussion_r550937500
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          foo.then(nt);
+          foo.then(Vue.nextTick);
+          foo.then(this.$nextTick);
+
+          foo.then(nt, catchHandler);
+          foo.then(Vue.nextTick, catchHandler);
+          foo.then(this.$nextTick, catchHandler);
+        }
+      }</script>`
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/pull/1404#discussion_r550936410
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          let foo = nt;
+          foo = Vue.nextTick;
+          foo = this.$nextTick;
+        }
+      }</script>`
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/pull/1404#discussion_r550936933
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          Promise.all([nt(), someOtherPromise]);
+          Promise.all([Vue.nextTick(), someOtherPromise]);
+          Promise.all([this.$nextTick(), someOtherPromise]);
+        }
+      }</script>`
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/pull/1404#discussion_r551769969
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        created() {
+          let queue = nt();
+          queue = queue.then(nt);
+          return nt();
+        },
+        mounted() {
+          const queue = Vue.nextTick();
+          return Vue.nextTick();
+        },
+        updated() {
+          const queue = this.$nextTick();
+          return this.$nextTick();
+        }
+      }</script>`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          nt();
+          Vue.nextTick();
+          this.$nextTick();
+        }
+      }</script>`,
+      output: null,
+      errors: [
+        {
+          message:
+            'Await the Promise returned by `nextTick` or pass a callback function.',
+          line: 4,
+          column: 11,
+          suggestions: [
+            {
+              output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          await nt();
+          Vue.nextTick();
+          this.$nextTick();
+        }
+      }</script>`
+            }
+          ]
+        },
+        {
+          message:
+            'Await the Promise returned by `nextTick` or pass a callback function.',
+          line: 5,
+          column: 15,
+          suggestions: [
+            {
+              output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          nt();
+          await Vue.nextTick();
+          this.$nextTick();
+        }
+      }</script>`
+            }
+          ]
+        },
+        {
+          message:
+            'Await the Promise returned by `nextTick` or pass a callback function.',
+          line: 6,
+          column: 16,
+          suggestions: [
+            {
+              output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          nt();
+          Vue.nextTick();
+          await this.$nextTick();
+        }
+      }</script>`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          nt;
+          Vue.nextTick;
+          this.$nextTick;
+
+          nt.then(callback);
+          Vue.nextTick.then(callback);
+          this.$nextTick.then(callback);
+        }
+      }</script>`,
+      output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          nt();
+          Vue.nextTick();
+          this.$nextTick();
+
+          nt().then(callback);
+          Vue.nextTick().then(callback);
+          this.$nextTick().then(callback);
+        }
+      }</script>`,
+      errors: [
+        {
+          message: '`nextTick` is a function.',
+          line: 4,
+          column: 11
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 5,
+          column: 15
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 6,
+          column: 16
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 8,
+          column: 11
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 9,
+          column: 15
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 10,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          await nt;
+          await Vue.nextTick;
+          return this.$nextTick;
+        }
+      }</script>`,
+      output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          await nt();
+          await Vue.nextTick();
+          return this.$nextTick();
+        }
+      }</script>`,
+      errors: [
+        {
+          message: '`nextTick` is a function.',
+          line: 4,
+          column: 17
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 5,
+          column: 21
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 6,
+          column: 23
+        }
+      ]
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/pull/1404#discussion_r550936933
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          Promise.all([nt, someOtherPromise]);
+          Promise.all([Vue.nextTick, someOtherPromise]);
+          Promise.all([this.$nextTick, someOtherPromise]);
+        }
+      }</script>`,
+      output: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          Promise.all([nt(), someOtherPromise]);
+          Promise.all([Vue.nextTick(), someOtherPromise]);
+          Promise.all([this.$nextTick(), someOtherPromise]);
+        }
+      }</script>`,
+      errors: [
+        {
+          message: '`nextTick` is a function.',
+          line: 4,
+          column: 24
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 5,
+          column: 28
+        },
+        {
+          message: '`nextTick` is a function.',
+          line: 6,
+          column: 29
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          nt(callback, anotherCallback);
+          Vue.nextTick(callback, anotherCallback);
+          this.$nextTick(callback, anotherCallback);
+        }
+      }</script>`,
+      output: null,
+      errors: [
+        {
+          message: '`nextTick` expects zero or one parameters.',
+          line: 4,
+          column: 11
+        },
+        {
+          message: '`nextTick` expects zero or one parameters.',
+          line: 5,
+          column: 15
+        },
+        {
+          message: '`nextTick` expects zero or one parameters.',
+          line: 6,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        async mounted() {
+          nt(callback).then(anotherCallback);
+          Vue.nextTick(callback).then(anotherCallback);
+          this.$nextTick(callback).then(anotherCallback);
+
+          await nt(callback);
+          await Vue.nextTick(callback);
+          await this.$nextTick(callback);
+        }
+      }</script>`,
+      output: null,
+      errors: [
+        {
+          message:
+            'Either await the Promise or pass a callback function to `nextTick`.',
+          line: 4,
+          column: 11
+        },
+        {
+          message:
+            'Either await the Promise or pass a callback function to `nextTick`.',
+          line: 5,
+          column: 15
+        },
+        {
+          message:
+            'Either await the Promise or pass a callback function to `nextTick`.',
+          line: 6,
+          column: 16
+        },
+        {
+          message:
+            'Either await the Promise or pass a callback function to `nextTick`.',
+          line: 8,
+          column: 17
+        },
+        {
+          message:
+            'Either await the Promise or pass a callback function to `nextTick`.',
+          line: 9,
+          column: 21
+        },
+        {
+          message:
+            'Either await the Promise or pass a callback function to `nextTick`.',
+          line: 10,
+          column: 22
+        }
+      ]
+    }
+  ]
+})

From d7eacd683a57cc2c99e7f47e251440b9e7d47b07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Thu, 21 Jan 2021 21:32:47 +0900
Subject: [PATCH 0247/1010] Add composition api's computed function support to
 vue/return-in-computed-property refs #1393 (#1406)

---
 docs/rules/return-in-computed-property.md     |  39 +++++-
 lib/rules/return-in-computed-property.js      |  35 ++++-
 .../lib/rules/return-in-computed-property.js  | 122 ++++++++++++++++++
 3 files changed, 191 insertions(+), 5 deletions(-)

diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index d25225798..0ade8e5ae 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -2,18 +2,18 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/return-in-computed-property
-description: enforce that a return statement is present in computed property
+description: enforce that a return statement is present in computed property and function
 since: v3.7.0
 ---
 # vue/return-in-computed-property
 
-> enforce that a return statement is present in computed property
+> enforce that a return statement is present in computed property and function
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
-This rule enforces that a `return` statement is present in `computed` properties.
+This rule enforces that a `return` statement is present in `computed` properties and functions.
 
 <eslint-code-block :rules="{'vue/return-in-computed-property': ['error']}">
 
@@ -46,6 +46,39 @@ export default {
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/return-in-computed-property': ['error']}">
+
+```vue
+<script>
+import {computed} from 'vue'
+export default {
+  setup() {
+    const foobar = useFoobar()
+
+    /* ✓ GOOD */
+    const foo = computed(() => {
+      if (foobar.bar) {
+        return foobar.baz
+      } else {
+        return foobar.baf
+      }
+    })
+    const bar = computed(() => false)
+
+    /* ✗ BAD */
+    const baz = computed(() => {
+      if (foobar.baf) {
+        return foobar.baf
+      }
+    })
+    const baf = computed(() => {})
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :wrench: Options
 
 ```json
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 770e0c597..9908fe4fe 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -3,7 +3,7 @@
  * @author Armano
  */
 'use strict'
-
+const { ReferenceTracker } = require('eslint-utils')
 const utils = require('../utils')
 
 /**
@@ -47,13 +47,36 @@ module.exports = {
      * @type {Set<ComponentComputedProperty>}
      */
     const computedProperties = new Set()
+    /** @type {(FunctionExpression | ArrowFunctionExpression)[]} */
+    const computedFunctionNodes = []
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
     return Object.assign(
-      {},
+      {
+        Program() {
+          const tracker = new ReferenceTracker(context.getScope())
+          const traceMap = utils.createCompositionApiTraceMap({
+            [ReferenceTracker.ESM]: true,
+            computed: {
+              [ReferenceTracker.CALL]: true
+            }
+          })
+
+          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+            if (node.type !== 'CallExpression') {
+              continue
+            }
+
+            const getter = utils.getGetterBodyFromComputedFunction(node)
+            if (getter) {
+              computedFunctionNodes.push(getter)
+            }
+          }
+        }
+      },
       utils.defineVueVisitor(context, {
         onVueObjectEnter(obj) {
           for (const computedProperty of utils.getComputedProperties(obj)) {
@@ -76,6 +99,14 @@ module.exports = {
               })
             }
           })
+          computedFunctionNodes.forEach((cf) => {
+            if (cf === node) {
+              context.report({
+                node,
+                message: 'Expected to return a value in computed function.'
+              })
+            }
+          })
         }
       )
     )
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index a7c14a51f..df6b1b680 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -104,6 +104,56 @@ ruleTester.run('return-in-computed-property', rule, {
       `,
       parserOptions,
       options: [{ treatUndefinedAsUnspecified: false }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import {computed} from 'vue'
+        export default {
+          setup() {
+            const foo = computed(() => true)
+            const bar = computed(function() {
+              return false
+            })
+            const bar3 = computed({
+              set: () => true,
+              get: () => true
+            })
+            const bar4 = computed(() => {
+              if (foo) {
+                return true
+              } else {
+                return false
+              }
+            })
+            const foo2 = computed(() => {
+              const options = []
+              this.matches.forEach((match) => {
+                options.push(match)
+              })
+              return options
+            })
+          }
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import {computed} from 'vue'
+        export default {
+          setup() {
+            const foo = computed({
+              get: () => {
+                return
+              }
+            })
+          }
+        }
+      `,
+      parserOptions,
+      options: [{ treatUndefinedAsUnspecified: false }]
     }
   ],
 
@@ -272,6 +322,78 @@ ruleTester.run('return-in-computed-property', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import {computed} from 'vue'
+        export default {
+          setup() {
+            const foo = computed(() => {})
+            const foo2 = computed(function() {})
+            const foo3 = computed(() => {
+              if (a) {
+                return
+              }
+            })
+            const foo4 = computed({
+              set: () => {},
+              get: () => {}
+            })
+            const foo5 = computed(() => {
+              const bar = () => {
+                return this.baz * 2
+              }
+              bar()
+            })
+          }
+        }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Expected to return a value in computed function.',
+          line: 5
+        },
+        {
+          message: 'Expected to return a value in computed function.',
+          line: 6
+        },
+        {
+          message: 'Expected to return a value in computed function.',
+          line: 7
+        },
+        {
+          message: 'Expected to return a value in computed function.',
+          line: 14
+        },
+        {
+          message: 'Expected to return a value in computed function.',
+          line: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import {computed} from 'vue'
+        export default {
+          setup() {
+            const foo = computed(() => {})
+            const baz = computed(() => {
+              return
+            })
+          }
+        }
+      `,
+      parserOptions,
+      options: [{ treatUndefinedAsUnspecified: false }],
+      errors: [
+        {
+          message: 'Expected to return a value in computed function.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 3f20a0813ac2b67d058e20760b974cc2fabc5834 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Thu, 21 Jan 2021 21:33:48 +0900
Subject: [PATCH 0248/1010] Add composition api's computed function support to
 vue/no-side-effects-in-computed-properties close #1393 (#1407)

* Add composition api's computed function support to vue/no-side-effects-in-computed-properties close #1393

* check targetBody

* fix false negative with arr.reverse()

* only report variables declared inside setup
---
 .../no-side-effects-in-computed-properties.md |  53 +++-
 .../no-side-effects-in-computed-properties.js | 185 ++++++++----
 .../no-side-effects-in-computed-properties.js | 266 ++++++++++++++++--
 3 files changed, 431 insertions(+), 73 deletions(-)

diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 7a3df6871..221be32d9 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -2,20 +2,20 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-side-effects-in-computed-properties
-description: disallow side effects in computed properties
+description: disallow side effects in computed properties and functions
 since: v3.6.0
 ---
 # vue/no-side-effects-in-computed-properties
 
-> disallow side effects in computed properties
+> disallow side effects in computed properties and functions
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
-This rule is aimed at preventing the code which makes side effects in computed properties.
+This rule is aimed at preventing the code which makes side effects in computed properties and functions.
 
-It is considered a very bad practice to introduce side effects inside computed properties. It makes the code not predictable and hard to understand.
+It is considered a very bad practice to introduce side effects inside computed properties and functions. It makes the code not predictable and hard to understand.
 
 <eslint-code-block :rules="{'vue/no-side-effects-in-computed-properties': ['error']}">
 
@@ -58,6 +58,51 @@ export default {
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/no-side-effects-in-computed-properties': ['error']}">
+
+```vue
+<script>
+import {computed} from 'vue'
+/* ✓ GOOD */
+export default {
+  setup() {
+    const foo = useFoo()
+
+    const fullName = computed(() => `${foo.firstName} ${foo.lastName}`)
+    const reversedArray = computed(() => {
+      return foo.array.slice(0).reverse() // .slice makes a copy of the array, instead of mutating the orginal
+    })
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-side-effects-in-computed-properties': ['error']}">
+
+```vue
+<script>
+import {computed} from 'vue'
+/* ✗ BAD */
+export default {
+  setup() {
+    const foo = useFoo()
+    
+    const fullName = computed(() => {
+      foo.firstName = 'lorem' // <- side effect
+      return `${foo.firstName} ${foo.lastName}`
+    })
+    const reversedArray = computed(() => {
+      return foo.array.reverse() // <- side effect - orginal array is being mutated
+    })
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :wrench: Options
 
 Nothing.
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 4d5c79e49..7c0639b95 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -3,7 +3,7 @@
  * @author Michał Sajnóg
  */
 'use strict'
-
+const { ReferenceTracker, findVariable } = require('eslint-utils')
 const utils = require('../utils')
 
 /**
@@ -31,6 +31,10 @@ module.exports = {
   create(context) {
     /** @type {Map<ObjectExpression, ComponentComputedProperty[]>} */
     const computedPropertiesMap = new Map()
+    /** @type {Array<FunctionExpression | ArrowFunctionExpression>} */
+    const computedCallNodes = []
+    /** @type {Array<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration>} */
+    const setupFunctions = []
 
     /**
      * @typedef {object} ScopeStack
@@ -54,56 +58,143 @@ module.exports = {
       scopeStack = scopeStack && scopeStack.upper
     }
 
-    return utils.defineVueVisitor(context, {
-      onVueObjectEnter(node) {
-        computedPropertiesMap.set(node, utils.getComputedProperties(node))
-      },
-      ':function': onFunctionEnter,
-      ':function:exit': onFunctionExit,
-
-      /**
-       * @param {(Identifier | ThisExpression) & {parent: MemberExpression}} node
-       * @param {VueObjectData} data
-       */
-      'MemberExpression > :matches(Identifier, ThisExpression)'(
-        node,
-        { node: vueNode }
-      ) {
-        if (!scopeStack) {
-          return
-        }
-        const targetBody = scopeStack.body
-        const computedProperty = /** @type {ComponentComputedProperty[]} */ (computedPropertiesMap.get(
-          vueNode
-        )).find((cp) => {
-          return (
-            cp.value &&
-            node.loc.start.line >= cp.value.loc.start.line &&
-            node.loc.end.line <= cp.value.loc.end.line &&
-            targetBody === cp.value
-          )
-        })
-        if (!computedProperty) {
-          return
-        }
+    return Object.assign(
+      {
+        Program() {
+          const tracker = new ReferenceTracker(context.getScope())
+          const traceMap = utils.createCompositionApiTraceMap({
+            [ReferenceTracker.ESM]: true,
+            computed: {
+              [ReferenceTracker.CALL]: true
+            }
+          })
 
-        if (!utils.isThis(node, context)) {
-          return
-        }
-        const mem = node.parent
-        if (mem.object !== node) {
-          return
+          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+            if (node.type !== 'CallExpression') {
+              continue
+            }
+
+            const getterBody = utils.getGetterBodyFromComputedFunction(node)
+            if (getterBody) {
+              computedCallNodes.push(getterBody)
+            }
+          }
         }
+      },
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          computedPropertiesMap.set(node, utils.getComputedProperties(node))
+        },
+        ':function': onFunctionEnter,
+        ':function:exit': onFunctionExit,
+        onSetupFunctionEnter(node) {
+          setupFunctions.push(node)
+        },
 
-        const invalid = utils.findMutating(mem)
-        if (invalid) {
-          context.report({
-            node: invalid.node,
-            message: 'Unexpected side effect in "{{key}}" computed property.',
-            data: { key: computedProperty.key || 'Unknown' }
+        /**
+         * @param {(Identifier | ThisExpression) & {parent: MemberExpression}} node
+         * @param {VueObjectData} data
+         */
+        'MemberExpression > :matches(Identifier, ThisExpression)'(
+          node,
+          { node: vueNode }
+        ) {
+          if (!scopeStack) {
+            return
+          }
+          const targetBody = scopeStack.body
+
+          const computedProperty = /** @type {ComponentComputedProperty[]} */ (computedPropertiesMap.get(
+            vueNode
+          )).find((cp) => {
+            return (
+              cp.value &&
+              node.loc.start.line >= cp.value.loc.start.line &&
+              node.loc.end.line <= cp.value.loc.end.line &&
+              targetBody === cp.value
+            )
           })
+          if (computedProperty) {
+            if (!utils.isThis(node, context)) {
+              return
+            }
+            const mem = node.parent
+            if (mem.object !== node) {
+              return
+            }
+
+            const invalid = utils.findMutating(mem)
+            if (invalid) {
+              context.report({
+                node: invalid.node,
+                message:
+                  'Unexpected side effect in "{{key}}" computed property.',
+                data: { key: computedProperty.key || 'Unknown' }
+              })
+            }
+            return
+          }
+
+          // ignore `this` for computed functions
+          if (node.type === 'ThisExpression') {
+            return
+          }
+
+          const computedFunction = computedCallNodes.find(
+            (c) =>
+              node.loc.start.line >= c.loc.start.line &&
+              node.loc.end.line <= c.loc.end.line &&
+              targetBody === c.body
+          )
+          if (!computedFunction) {
+            return
+          }
+
+          const mem = node.parent
+          if (mem.object !== node) {
+            return
+          }
+
+          const variable = findVariable(context.getScope(), node)
+          if (!variable || variable.defs.length !== 1) {
+            return
+          }
+
+          const def = variable.defs[0]
+          if (
+            def.type === 'ImplicitGlobalVariable' ||
+            def.type === 'TDZ' ||
+            def.type === 'ImportBinding'
+          ) {
+            return
+          }
+
+          const isDeclaredInsideSetup = setupFunctions.some(
+            (setupFn) =>
+              def.node.loc.start.line >= setupFn.loc.start.line &&
+              def.node.loc.end.line <= setupFn.loc.end.line
+          )
+          if (!isDeclaredInsideSetup) {
+            return
+          }
+
+          if (
+            def.node.loc.start.line >= computedFunction.loc.start.line &&
+            def.node.loc.end.line <= computedFunction.loc.end.line
+          ) {
+            // mutating local variables are accepted
+            return
+          }
+
+          const invalid = utils.findMutating(node)
+          if (invalid) {
+            context.report({
+              node: invalid.node,
+              message: 'Unexpected side effect in computed function.'
+            })
+          }
         }
-      }
-    })
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index ae5ff7512..647910d4a 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -20,7 +20,11 @@ const parserOptions = {
 // Tests
 // ------------------------------------------------------------------------------
 
-const ruleTester = new RuleTester()
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions
+})
+
 ruleTester.run('no-side-effects-in-computed-properties', rule, {
   valid: [
     {
@@ -101,8 +105,7 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             this.someArray.forEach(arr => console.log(arr))
           }
         }
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `Vue.component('test', {
@@ -120,8 +123,7 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             return something.b
           }
         }
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `Vue.component('test', {
@@ -129,8 +131,7 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         data() {
           return {}
         }
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `Vue.component('test', {
@@ -141,8 +142,7 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             return a
           },
         }
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `Vue.component('test', {
@@ -161,8 +161,7 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             }
           },
         }
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `Vue.component('test', {
@@ -171,15 +170,13 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             return this.something['a']().reverse()
           },
         }
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `const test = { el: '#app' }
         Vue.component('test', {
         el: test.el
-      })`,
-      parserOptions
+      })`
     },
     {
       code: `Vue.component('test', {
@@ -188,8 +185,92 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             return [...this.items].reverse()
           },
         }
-      })`,
-      parserOptions
+      })`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { computed } from 'vue'
+      const utils = {}
+      export default {
+        setup() {
+          const foo = useFoo()
+          function bar () {}
+          class Baz {}
+
+          const test0 = computed(test0f)
+          const test1 = computed(() => foo.firstName + ' ' + foo.lastName)
+          const test2 = computed(() => foo.something.slice(0).reverse())
+          const test3 = computed(() => {
+            return {
+              ...foo.something,
+              test: 'example'
+            }
+          })
+          const test5 = computed({
+            get: () => foo.firstName + ' ' + foo.lastName,
+            set: newValue => {
+              const names = newValue.split(' ')
+              foo.firstName = names[0]
+              foo.lastName = names[names.length - 1]
+            }
+          })
+          const test6 = computed({
+            get: () => foo.something.slice(0).reverse()
+          })
+          const test7 = computed({
+            get: () => {
+              const example = foo.something * 2
+              return example + 'test'
+            }
+          })
+          const test8 = computed({
+            get: () => {
+              return {
+                ...foo.something,
+                test: 'example'
+              }
+            }
+          })
+          const test9 = computed(() => Object.keys(foo.a).sort())
+          const test10 = computed({
+            get: () => Object.keys(foo.a).sort()
+          })
+          const test11 = computed(() => {
+            const categories = {}
+
+            foo.types.forEach(c => {
+              categories[c.category] = categories[c.category] || []
+              categories[c.category].push(c)
+            })
+
+            return categories
+          })
+          const test12 = computed(() => {
+            return foo.types.map(t => {
+              // [].push('xxx')
+              return t
+            })
+          })
+          const test13 = computed(() => {
+            foo.someArray.forEach(arr => console.log(arr))
+          })
+          const test14 = computed(() => bar.name)
+          const test15 = computed(() => Baz.name)
+          const test16 = computed(() => {
+            function b () {}
+            b.name = 'c'
+          })
+          const test17 = computed(() => {
+            class C {}
+            C.name = 'D'
+          })
+          const test18 = computed(() => (console.log('a'), true))
+          const test19 = computed(() => utils.reverse(foo.array))
+        }
+      }
+      </script>`
     }
   ],
   invalid: [
@@ -222,7 +303,6 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           }
         }
       })`,
-      parserOptions,
       errors: [
         {
           line: 4,
@@ -286,7 +366,6 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           },
         }
       })`,
-      parserOptions,
       errors: [
         {
           line: 5,
@@ -321,7 +400,6 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           }
         });
       `,
-      parserOptions,
       errors: [
         {
           line: 5,
@@ -341,7 +419,6 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           },
         }
       })`,
-      parserOptions,
       errors: [
         {
           line: 4,
@@ -363,12 +440,157 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           },
         }
       })`,
-      parserOptions,
       errors: [
         'Unexpected side effect in "test1" computed property.',
         'Unexpected side effect in "test2" computed property.',
         'Unexpected side effect in "test3" computed property.'
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {ref, computed} from 'vue'
+      export default {
+        setup() {
+          const foo = useFoo()
+          const asd = { qwe: {} }
+          function a () {}
+          class A {}
+
+          const test1 = computed(() => {
+            foo.firstName = 'lorem'
+            asd.qwe.zxc = 'lorem'
+            return foo.firstName + ' ' + foo.lastName
+          })
+          const test2 = computed(() => {
+            foo.count += 2;
+            foo.count++;
+            return foo.count;
+          })
+          const test3 = computed(() => foo.something.reverse())
+          const test4 = computed(() => {
+            const test = foo.another.something.push('example')
+            return 'something'
+          })
+          const test5 = computed(() => {
+            foo.something[index] = foo.thing[index]
+            return foo.something
+          })
+          const test6 = computed(() => foo.something.keys.sort())
+          const test7 = computed({
+            get() {
+              return foo.something.reverse()
+            }
+          })
+          const test8 = computed(() => {
+            a.name = ''
+          })
+          const test9 = computed(() => {
+            A.name = ''
+          })
+          const test10 = computed(() => (foo.a = '', true))
+
+          const test100 = computed(() => {
+            const a = foo
+            a.count++ // false negative
+          })
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 12,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 13,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 17,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 18,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 21,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 23,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 27,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 30,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 33,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 37,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 40,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 42,
+          message: 'Unexpected side effect in computed function.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {reactive, computed} from 'vue'
+      export default {
+        setup() {
+          const arr = reactive([])
+
+          const test1 = computed(() => arr.reverse())
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 8,
+          message: 'Unexpected side effect in computed function.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script lang="ts">
+      import {ref, computed} from 'vue'
+      export default {
+        setup() {
+          const foo = useFoo()
+
+          const test1 = computed(() => foo.something.reverse())
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          line: 8,
+          message: 'Unexpected side effect in computed function.'
+        }
+      ]
     }
   ]
 })

From 6894340100b2759feca166452f872a445474720e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 22 Jan 2021 09:56:40 +0900
Subject: [PATCH 0249/1010] Fix false positives for mixin in
 one-component-per-file and require-name-property rule (#1419)

---
 lib/rules/one-component-per-file.js       |  9 +++-
 lib/rules/require-name-property.js        | 10 +++-
 lib/utils/index.js                        | 61 +++++++++++++----------
 tests/lib/rules/one-component-per-file.js |  7 +++
 tests/lib/rules/require-name-property.js  | 10 ++++
 5 files changed, 70 insertions(+), 27 deletions(-)

diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
index 619942c1d..59deba90e 100644
--- a/lib/rules/one-component-per-file.js
+++ b/lib/rules/one-component-per-file.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 const utils = require('../utils')
+const { getVueComponentDefinitionType } = require('../utils')
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -30,7 +31,13 @@ module.exports = {
 
     return Object.assign(
       {},
-      utils.executeOnVueComponent(context, (node) => {
+      utils.executeOnVueComponent(context, (node, type) => {
+        if (type === 'definition') {
+          const defType = getVueComponentDefinitionType(node)
+          if (defType === 'mixin') {
+            return
+          }
+        }
         components.push(node)
       }),
       {
diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index e8930ceb4..6bb57b244 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
+const { getVueComponentDefinitionType } = require('../utils')
 
 /**
  * @param {Property | SpreadElement} node
@@ -31,7 +32,14 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    return utils.executeOnVue(context, (component) => {
+    return utils.executeOnVue(context, (component, type) => {
+      if (type === 'definition') {
+        const defType = getVueComponentDefinitionType(component)
+        if (defType === 'mixin') {
+          return
+        }
+      }
+
       if (component.properties.some(isNameProperty)) return
 
       context.report({
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 94d9994d2..35521255b 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1003,6 +1003,13 @@ module.exports = {
   },
 
   getVueObjectType,
+  /**
+   * Get the Vue component definition type from given node
+   * Vue.component('xxx', {}) || component('xxx', {})
+   * @param {ObjectExpression} node Node to check
+   * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | null}
+   */
+  getVueComponentDefinitionType,
   compositingVisitors,
 
   /**
@@ -1876,14 +1883,15 @@ function isVueComponentFile(node, path) {
 }
 
 /**
- * Check whether given node is Vue component
+ * Get the Vue component definition type from given node
  * Vue.component('xxx', {}) || component('xxx', {})
- * @param {ESNode} node Node to check
- * @returns {boolean}
+ * @param {ObjectExpression} node Node to check
+ * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | null}
  */
-function isVueComponent(node) {
-  if (node.type === 'CallExpression') {
-    const callee = node.callee
+function getVueComponentDefinitionType(node) {
+  const parent = getParent(node)
+  if (parent.type === 'CallExpression') {
+    const callee = parent.callee
 
     if (callee.type === 'MemberExpression') {
       const calleeObject = skipTSAsExpression(callee.object)
@@ -1893,22 +1901,25 @@ function isVueComponent(node) {
         if (calleeObject.name === 'Vue') {
           // for Vue.js 2.x
           // Vue.component('xxx', {}) || Vue.mixin({}) || Vue.extend('xxx', {})
-          const isFullVueComponentForVue2 =
-            propName &&
-            ['component', 'mixin', 'extend'].includes(propName) &&
-            isObjectArgument(node)
-
-          return Boolean(isFullVueComponentForVue2)
+          const maybeFullVueComponentForVue2 =
+            propName && isObjectArgument(parent)
+
+          return maybeFullVueComponentForVue2 &&
+            (propName === 'component' ||
+              propName === 'mixin' ||
+              propName === 'extend')
+            ? propName
+            : null
         }
 
         // for Vue.js 3.x
         // app.component('xxx', {}) || app.mixin({})
-        const isFullVueComponent =
-          propName &&
-          ['component', 'mixin'].includes(propName) &&
-          isObjectArgument(node)
+        const maybeFullVueComponent = propName && isObjectArgument(parent)
 
-        return Boolean(isFullVueComponent)
+        return maybeFullVueComponent &&
+          (propName === 'component' || propName === 'mixin')
+          ? propName
+          : null
       }
     }
 
@@ -1916,25 +1927,25 @@ function isVueComponent(node) {
       if (callee.name === 'component') {
         // for Vue.js 2.x
         // component('xxx', {})
-        const isDestructedVueComponent = isObjectArgument(node)
-        return isDestructedVueComponent
+        const isDestructedVueComponent = isObjectArgument(parent)
+        return isDestructedVueComponent ? 'component' : null
       }
       if (callee.name === 'createApp') {
         // for Vue.js 3.x
         // createApp({})
-        const isAppVueComponent = isObjectArgument(node)
-        return isAppVueComponent
+        const isAppVueComponent = isObjectArgument(parent)
+        return isAppVueComponent ? 'createApp' : null
       }
       if (callee.name === 'defineComponent') {
         // for Vue.js 3.x
         // defineComponent({})
-        const isDestructedVueComponent = isObjectArgument(node)
-        return isDestructedVueComponent
+        const isDestructedVueComponent = isObjectArgument(parent)
+        return isDestructedVueComponent ? 'defineComponent' : null
       }
     }
   }
 
-  return false
+  return null
 
   /** @param {CallExpression} node */
   function isObjectArgument(node) {
@@ -1986,7 +1997,7 @@ function getVueObjectType(context, node) {
   } else if (parent.type === 'CallExpression') {
     // Vue.component('xxx', {}) || component('xxx', {})
     if (
-      isVueComponent(parent) &&
+      getVueComponentDefinitionType(node) != null &&
       skipTSAsExpression(parent.arguments.slice(-1)[0]) === node
     ) {
       return 'definition'
diff --git a/tests/lib/rules/one-component-per-file.js b/tests/lib/rules/one-component-per-file.js
index 201b391f3..5cdabfa85 100644
--- a/tests/lib/rules/one-component-per-file.js
+++ b/tests/lib/rules/one-component-per-file.js
@@ -51,6 +51,13 @@ ruleTester.run('one-component-per-file', rule, {
           }
         }
       }`
+    },
+    {
+      filename: 'test.js',
+      code: `
+        Vue.mixin({})
+        Vue.component('name', {})
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/require-name-property.js b/tests/lib/rules/require-name-property.js
index c79ee9f2a..eae44a9ca 100644
--- a/tests/lib/rules/require-name-property.js
+++ b/tests/lib/rules/require-name-property.js
@@ -41,6 +41,16 @@ ruleTester.run('require-name-property', rule, {
         }
       `,
       parserOptions
+    },
+    {
+      code: `
+        Vue.mixin({
+          methods: {
+            $foo () {}
+          }
+        })
+      `,
+      parserOptions
     }
   ],
 

From 2d290b295a92f24ebb2836ed314805ea810e2ce7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 22 Jan 2021 09:59:43 +0900
Subject: [PATCH 0250/1010] Fix crash for toLocaleString() in
 `vue/no-unused-properties` rule (#1421)

---
 lib/rules/no-unused-properties.js       |  2 +-
 tests/lib/rules/no-unused-properties.js | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 61ac8357f..f89c51878 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -168,7 +168,7 @@ class UsedProperties {
    */
   constructor(option) {
     /** @type {Record<string, UsedPropertiesTracker[]>} */
-    this.map = {}
+    this.map = Object.create(null)
     /** @type {CallAndParamIndex[]} */
     this.calls = []
     this.unknown = (option && option.unknown) || false
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 89478e06b..eae813bb2 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1411,6 +1411,23 @@ tester.run('no-unused-properties', rule, {
         </script>
       `,
       options: deepDataOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div> {{ obj.num.toLocaleString() }} </div>
+      </template>
+      <script>
+      export default {
+        data () {
+          return {
+            obj: { num: 42 }
+          }
+        }
+      }
+      </script>`,
+      options: deepDataOptions
     }
   ],
 

From bbbb6ca5584e0f6158f822de7e54a5dd8598b9e7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 22 Jan 2021 10:04:05 +0900
Subject: [PATCH 0251/1010] Fix false positives for quoted 'emits' in
 vue/require-explicit-emits rule (#1420)

---
 lib/utils/index.js                             | 12 ++++--------
 tests/lib/rules/require-explicit-emits.js      | 14 ++++++++++++++
 tests/lib/rules/return-in-computed-property.js | 17 +++++++++++++++++
 3 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 35521255b..0bcf80169 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -544,8 +544,7 @@ module.exports = {
       (p) => {
         return (
           p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'components' &&
+          getStaticPropertyName(p) === 'components' &&
           p.value.type === 'ObjectExpression'
         )
       }
@@ -677,8 +676,7 @@ module.exports = {
       (p) => {
         return (
           p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'props' &&
+          getStaticPropertyName(p) === 'props' &&
           (p.value.type === 'ObjectExpression' ||
             p.value.type === 'ArrayExpression')
         )
@@ -748,8 +746,7 @@ module.exports = {
       (p) => {
         return (
           p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'emits' &&
+          getStaticPropertyName(p) === 'emits' &&
           (p.value.type === 'ObjectExpression' ||
             p.value.type === 'ArrayExpression')
         )
@@ -819,8 +816,7 @@ module.exports = {
       (p) => {
         return (
           p.type === 'Property' &&
-          p.key.type === 'Identifier' &&
-          p.key.name === 'computed' &&
+          getStaticPropertyName(p) === 'computed' &&
           p.value.type === 'ObjectExpression'
         )
       }
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 4f27563cd..31ad623a4 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -140,6 +140,20 @@ tester.run('require-explicit-emits', rule, {
       </script>
       `
     },
+    // quoted
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('welcome')"/>
+      </template>
+      <script>
+      export default {
+        'emits': ['welcome']
+      }
+      </script>
+      `
+    },
     // unknown
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index df6b1b680..4a988e86b 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -394,6 +394,23 @@ ruleTester.run('return-in-computed-property', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        'computed': {
+          foo() {
+          }
+        }
+      }`,
+      parserOptions,
+      errors: [
+        {
+          message: 'Expected to return a value in "foo" computed property.',
+          line: 4
+        }
+      ]
     }
   ]
 })

From cc9c14003390dccf358cbda042e359ecfda8432a Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 22 Jan 2021 10:06:33 +0900
Subject: [PATCH 0252/1010] 7.5.0

---
 docs/rules/next-tick-style.md                        | 6 +++++-
 docs/rules/no-async-in-computed-properties.md        | 4 ++--
 docs/rules/no-constant-condition.md                  | 7 +++++--
 docs/rules/no-side-effects-in-computed-properties.md | 4 ++--
 docs/rules/return-in-computed-property.md            | 4 ++--
 docs/rules/valid-next-tick.md                        | 6 +++++-
 package.json                                         | 2 +-
 7 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/docs/rules/next-tick-style.md b/docs/rules/next-tick-style.md
index 52188fd06..2f17f2dd4 100644
--- a/docs/rules/next-tick-style.md
+++ b/docs/rules/next-tick-style.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/next-tick-style
 description: enforce Promise or callback style in `nextTick`
+since: v7.5.0
 ---
 # vue/next-tick-style
 
 > enforce Promise or callback style in `nextTick`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -97,6 +97,10 @@ export default {
 - [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
 - [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/next-tick-style.js)
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 549dc2013..ac7ac50f2 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-async-in-computed-properties
-description: disallow asynchronous actions in computed properties and functions
+description: disallow asynchronous actions in computed properties
 since: v3.8.0
 ---
 # vue/no-async-in-computed-properties
 
-> disallow asynchronous actions in computed properties and functions
+> disallow asynchronous actions in computed properties
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 901b2a401..54f6df9d0 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-constant-condition
 description: disallow constant expressions in conditions
+since: v7.5.0
 ---
 # vue/no-constant-condition
 
 > disallow constant expressions in conditions
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in `<template>`.
 
 ## :books: Further Reading
@@ -18,6 +17,10 @@ This rule is the same rule as core [no-constant-condition] rule but it applies t
 
 [no-constant-condition]: https://eslint.org/docs/rules/no-constant-condition
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-constant-condition.js)
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 221be32d9..b2d0490b7 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-side-effects-in-computed-properties
-description: disallow side effects in computed properties and functions
+description: disallow side effects in computed properties
 since: v3.6.0
 ---
 # vue/no-side-effects-in-computed-properties
 
-> disallow side effects in computed properties and functions
+> disallow side effects in computed properties
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 0ade8e5ae..d18a1b274 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/return-in-computed-property
-description: enforce that a return statement is present in computed property and function
+description: enforce that a return statement is present in computed property
 since: v3.7.0
 ---
 # vue/return-in-computed-property
 
-> enforce that a return statement is present in computed property and function
+> enforce that a return statement is present in computed property
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index 076fcc792..43be62caa 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-next-tick
 description: enforce valid `nextTick` function calls
+since: v7.5.0
 ---
 # vue/valid-next-tick
 
 > enforce valid `nextTick` function calls
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -82,6 +82,10 @@ Nothing.
 - [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
 - [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-next-tick.js)
diff --git a/package.json b/package.json
index 8467ccbf1..d3ef63e66 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.4.0",
+  "version": "7.5.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7965d12152b1375c2fd65585b2806cedb4fede06 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 4 Feb 2021 09:05:13 +0900
Subject: [PATCH 0253/1010] Add "SLOT" option to vue/attributes-order rule to
 specify v-slot order. (#1429)

* feat(attribute-order): add slot attribute

* update

* revert option schema

Co-authored-by: Stas Lashmanov <stasvarenkin@gmail.com>
---
 docs/rules/attributes-order.md      |   6 +-
 lib/rules/attributes-order.js       | 131 ++++++++++++++++------------
 tests/lib/rules/attributes-order.js | 121 +++++++++++++++++++++++++
 3 files changed, 201 insertions(+), 57 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 8bcb8b8ea..9caad0b67 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -27,7 +27,9 @@ This rule aims to enforce ordering of component attributes. The default order is
 - `GLOBAL`
   e.g. 'id'
 - `UNIQUE`
-  e.g. 'ref', 'key', 'v-slot', 'slot'
+  e.g. 'ref', 'key'
+- `SLOT`
+  e.g. 'v-slot', 'slot'.
 - `TWO_WAY_BINDING`
   e.g. 'v-model'
 - `OTHER_DIRECTIVES`
@@ -127,7 +129,7 @@ Note that `v-bind="object"` syntax is considered to be the same as the next or p
       "CONDITIONALS",
       "RENDER_MODIFIERS",
       "GLOBAL",
-      "UNIQUE",
+      ["UNIQUE", "SLOT"],
       "TWO_WAY_BINDING",
       "OTHER_DIRECTIVES",
       "OTHER_ATTR",
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 96fb1ac1d..7c985e5e4 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -20,6 +20,7 @@ const ATTRS = {
   RENDER_MODIFIERS: 'RENDER_MODIFIERS',
   GLOBAL: 'GLOBAL',
   UNIQUE: 'UNIQUE',
+  SLOT: 'SLOT',
   TWO_WAY_BINDING: 'TWO_WAY_BINDING',
   OTHER_DIRECTIVES: 'OTHER_DIRECTIVES',
   OTHER_ATTR: 'OTHER_ATTR',
@@ -121,7 +122,7 @@ function getAttributeType(attribute) {
       } else if (name === 'html' || name === 'text') {
         return ATTRS.CONTENT
       } else if (name === 'slot') {
-        return ATTRS.UNIQUE
+        return ATTRS.SLOT
       } else if (name === 'is') {
         return ATTRS.DEFINITION
       } else {
@@ -139,13 +140,10 @@ function getAttributeType(attribute) {
     return ATTRS.DEFINITION
   } else if (propName === 'id') {
     return ATTRS.GLOBAL
-  } else if (
-    propName === 'ref' ||
-    propName === 'key' ||
-    propName === 'slot' ||
-    propName === 'slot-scope'
-  ) {
+  } else if (propName === 'ref' || propName === 'key') {
     return ATTRS.UNIQUE
+  } else if (propName === 'slot' || propName === 'slot-scope') {
+    return ATTRS.SLOT
   } else {
     return ATTRS.OTHER_ATTR
   }
@@ -154,12 +152,13 @@ function getAttributeType(attribute) {
 /**
  * @param {VAttribute | VDirective} attribute
  * @param { { [key: string]: number } } attributePosition
+ * @returns {number | null} If the value is null, the order is omitted. Do not force the order.
  */
 function getPosition(attribute, attributePosition) {
   const attributeType = getAttributeType(attribute)
   return attributePosition[attributeType] != null
     ? attributePosition[attributeType]
-    : -1
+    : null
 }
 
 /**
@@ -190,7 +189,7 @@ function create(context) {
     ATTRS.CONDITIONALS,
     ATTRS.RENDER_MODIFIERS,
     ATTRS.GLOBAL,
-    ATTRS.UNIQUE,
+    [ATTRS.UNIQUE, ATTRS.SLOT],
     ATTRS.TWO_WAY_BINDING,
     ATTRS.OTHER_DIRECTIVES,
     ATTRS.OTHER_ATTR,
@@ -267,74 +266,96 @@ function create(context) {
 
   return utils.defineTemplateBodyVisitor(context, {
     VStartTag(node) {
-      const attributes = node.attributes.filter((node, index, attributes) => {
-        if (
-          isVBindObject(node) &&
-          (isVAttributeOrVBind(attributes[index - 1]) ||
-            isVAttributeOrVBind(attributes[index + 1]))
-        ) {
-          // In Vue 3, ignore the `v-bind:foo=" ... "` and `v-bind ="object"` syntax
-          // as they behave differently if you change the order.
-          return false
-        }
-        return true
-      })
-      if (attributes.length <= 1) {
+      const attributeAndPositions = getAttributeAndPositionList(node)
+      if (attributeAndPositions.length <= 1) {
         return
       }
 
-      let previousNode = attributes[0]
-      let previousPosition = getPositionFromAttrIndex(0)
-      for (let index = 1; index < attributes.length; index++) {
-        const node = attributes[index]
-        const position = getPositionFromAttrIndex(index)
+      let {
+        attr: previousNode,
+        position: previousPosition
+      } = attributeAndPositions[0]
+      for (let index = 1; index < attributeAndPositions.length; index++) {
+        const { attr, position } = attributeAndPositions[index]
 
         let valid = previousPosition <= position
         if (valid && alphabetical && previousPosition === position) {
-          valid = isAlphabetical(previousNode, node, sourceCode)
+          valid = isAlphabetical(previousNode, attr, sourceCode)
         }
         if (valid) {
-          previousNode = node
+          previousNode = attr
           previousPosition = position
         } else {
-          reportIssue(node, previousNode)
+          reportIssue(attr, previousNode)
         }
       }
+    }
+  })
 
-      /**
-       * @param {number} index
-       * @returns {number}
-       */
-      function getPositionFromAttrIndex(index) {
-        const node = attributes[index]
-        if (isVBindObject(node)) {
-          // node is `v-bind ="object"` syntax
+  /**
+   * @param {VStartTag} node
+   * @returns { { attr: ( VAttribute | VDirective ), position: number }[] }
+   */
+  function getAttributeAndPositionList(node) {
+    const attributes = node.attributes.filter((node, index, attributes) => {
+      if (
+        isVBindObject(node) &&
+        (isVAttributeOrVBind(attributes[index - 1]) ||
+          isVAttributeOrVBind(attributes[index + 1]))
+      ) {
+        // In Vue 3, ignore the `v-bind:foo=" ... "` and `v-bind ="object"` syntax
+        // as they behave differently if you change the order.
+        return false
+      }
+      return true
+    })
 
-          // In Vue 3, if change the order of `v-bind:foo=" ... "` and `v-bind ="object"`,
-          // the behavior will be different, so adjust so that there is no change in behavior.
+    const results = []
+    for (let index = 0; index < attributes.length; index++) {
+      const attr = attributes[index]
+      const position = getPositionFromAttrIndex(index)
+      if (position == null) {
+        // The omitted order is skipped.
+        continue
+      }
+      results.push({ attr, position })
+    }
+
+    return results
+
+    /**
+     * @param {number} index
+     * @returns {number | null}
+     */
+    function getPositionFromAttrIndex(index) {
+      const node = attributes[index]
+      if (isVBindObject(node)) {
+        // node is `v-bind ="object"` syntax
 
-          const len = attributes.length
-          for (let nextIndex = index + 1; nextIndex < len; nextIndex++) {
-            const next = attributes[nextIndex]
+        // In Vue 3, if change the order of `v-bind:foo=" ... "` and `v-bind ="object"`,
+        // the behavior will be different, so adjust so that there is no change in behavior.
 
-            if (isVAttributeOrVBind(next) && !isVBindObject(next)) {
-              // It is considered to be in the same order as the next bind prop node.
-              return getPositionFromAttrIndex(nextIndex)
-            }
+        const len = attributes.length
+        for (let nextIndex = index + 1; nextIndex < len; nextIndex++) {
+          const next = attributes[nextIndex]
+
+          if (isVAttributeOrVBind(next) && !isVBindObject(next)) {
+            // It is considered to be in the same order as the next bind prop node.
+            return getPositionFromAttrIndex(nextIndex)
           }
-          for (let prevIndex = index - 1; prevIndex >= 0; prevIndex--) {
-            const prev = attributes[prevIndex]
+        }
+        for (let prevIndex = index - 1; prevIndex >= 0; prevIndex--) {
+          const prev = attributes[prevIndex]
 
-            if (isVAttributeOrVBind(prev) && !isVBindObject(prev)) {
-              // It is considered to be in the same order as the prev bind prop node.
-              return getPositionFromAttrIndex(prevIndex)
-            }
+          if (isVAttributeOrVBind(prev) && !isVBindObject(prev)) {
+            // It is considered to be in the same order as the prev bind prop node.
+            return getPositionFromAttrIndex(prevIndex)
           }
         }
-        return getPosition(node, attributePosition)
       }
+      return getPosition(node, attributePosition)
     }
-  })
+  }
 }
 
 module.exports = {
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 97c3b6e73..6933a01d1 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -421,6 +421,20 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ alphabetical: true }]
+    },
+
+    // omit order
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-for="a in items"
+          v-if="a"
+          attr="a">
+        </div>
+      </template>`,
+      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }]
     }
   ],
 
@@ -1213,6 +1227,113 @@ tester.run('attributes-order', rule, {
         'Attribute "v-bind" should go before "v-on:click".',
         'Attribute "v-if" should go before "v-on:click".'
       ]
+    },
+
+    // omit order
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="a"
+          attr="a"
+          v-for="a in items">
+        </div>
+      </template>`,
+      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
+      output: `
+      <template>
+        <div
+          v-for="a in items"
+          v-if="a"
+          attr="a">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-for" should go before "v-if".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          attr="a"
+          v-if="a"
+          v-for="a in items">
+        </div>
+      </template>`,
+      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
+      output: `
+      <template>
+        <div
+          attr="a"
+          v-for="a in items"
+          v-if="a">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-for" should go before "v-if".']
+    },
+
+    // slot
+    {
+      filename: 'test.vue',
+      options: [
+        {
+          order: [
+            'UNIQUE',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'OTHER_ATTR',
+            'EVENTS',
+            'CONTENT',
+            'DEFINITION',
+            'SLOT'
+          ]
+        }
+      ],
+      code:
+        '<template><div ref="foo" v-slot="{ qux }" bar="baz"></div></template>',
+      output:
+        '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
+      errors: [
+        {
+          message: 'Attribute "bar" should go before "v-slot".'
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      options: [
+        {
+          order: [
+            'UNIQUE',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'OTHER_ATTR',
+            'EVENTS',
+            'CONTENT',
+            'DEFINITION',
+            'SLOT'
+          ]
+        }
+      ],
+      code:
+        '<template><div bar="baz" ref="foo" v-slot="{ qux }"></div></template>',
+      output:
+        '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
+      errors: [
+        {
+          message: 'Attribute "ref" should go before "bar".'
+        }
+      ]
     }
   ]
 })

From 47e3f89a554ada9f32acd48088abbb7d40d51b5e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 4 Feb 2021 09:05:30 +0900
Subject: [PATCH 0254/1010] Change options schema to strictly. (#1430)

---
 lib/rules/attributes-order.js                 | 35 +++++++++++++------
 lib/rules/component-tags-order.js             |  3 +-
 lib/rules/max-attributes-per-line.js          |  3 +-
 .../new-line-between-multi-line-property.js   |  3 +-
 lib/rules/no-bare-strings-in-template.js      |  3 +-
 lib/rules/no-duplicate-attributes.js          |  3 +-
 .../no-potential-component-option-typo.js     |  3 +-
 lib/rules/no-reserved-component-names.js      |  3 +-
 lib/rules/no-use-v-if-with-v-for.js           |  3 +-
 lib/rules/no-useless-mustaches.js             |  3 +-
 lib/rules/no-useless-v-bind.js                |  3 +-
 lib/rules/valid-v-slot.js                     |  3 +-
 tests/lib/rules/attributes-order.js           | 10 +++---
 13 files changed, 52 insertions(+), 26 deletions(-)

diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 7c985e5e4..8e618ebac 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -367,18 +367,33 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/attributes-order.html'
     },
     fixable: 'code',
-    schema: {
-      type: 'array',
-      properties: {
-        order: {
-          items: {
-            type: 'string'
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          order: {
+            type: 'array',
+            items: {
+              anyOf: [
+                { enum: Object.values(ATTRS) },
+                {
+                  type: 'array',
+                  items: {
+                    enum: Object.values(ATTRS),
+                    uniqueItems: true,
+                    additionalItems: false
+                  }
+                }
+              ]
+            },
+            uniqueItems: true,
+            additionalItems: false
           },
-          maxItems: 10,
-          minItems: 10
-        }
+          alphabetical: { type: 'boolean' }
+        },
+        additionalProperties: false
       }
-    }
+    ]
   },
   create
 }
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index b2a2692a8..dc7da9725 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -40,7 +40,8 @@ module.exports = {
             uniqueItems: true,
             additionalItems: false
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     messages: {
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index 8cec63617..e379df47f 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -61,7 +61,8 @@ module.exports = {
               }
             ]
           }
-        }
+        },
+        additionalProperties: false
       }
     ]
   },
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index b48d78379..c1be3618f 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -68,7 +68,8 @@ module.exports = {
             type: 'number',
             minimum: 2
           }
-        }
+        },
+        additionalProperties: false
       }
     ]
   },
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index e8dc5bfcd..899700036 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -149,7 +149,8 @@ module.exports = {
             items: { type: 'string', pattern: '^v-' },
             uniqueItems: true
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     messages: {
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index 83cc52d83..4a3309b0c 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -59,7 +59,8 @@ module.exports = {
           allowCoexistStyle: {
             type: 'boolean'
           }
-        }
+        },
+        additionalProperties: false
       }
     ]
   },
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index f3ac47363..cf3b33cdc 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -44,7 +44,8 @@ module.exports = {
             type: 'number',
             minimum: 1
           }
-        }
+        },
+        additionalProperties: false
       }
     ]
   },
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index aecbe6020..890f1a306 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -84,7 +84,8 @@ module.exports = {
           disallowVue3BuiltInComponents: {
             type: 'boolean'
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     messages: {
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 187339260..47904629c 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -62,7 +62,8 @@ module.exports = {
           allowUsingIterationVar: {
             type: 'boolean'
           }
-        }
+        },
+        additionalProperties: false
       }
     ]
   },
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index b8a2057d8..845c42f9b 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -50,7 +50,8 @@ module.exports = {
           ignoreStringEscape: {
             type: 'boolean'
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     type: 'suggestion'
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index 01549ca6e..5d4dc0067 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -30,7 +30,8 @@ module.exports = {
           ignoreStringEscape: {
             type: 'boolean'
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     type: 'suggestion'
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index f5ff3a0e7..4914edef9 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -287,7 +287,8 @@ module.exports = {
           allowModifiers: {
             type: 'boolean'
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     messages: {
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 6933a01d1..15ccccae0 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -259,7 +259,7 @@ tester.run('attributes-order', rule, {
           <div
             v-if="!visible"
             class="content"
-            :class="className"
+            v-model="foo"
             v-text="textContent"
             >
           </div>
@@ -273,7 +273,7 @@ tester.run('attributes-order', rule, {
             'DEFINITION',
             'EVENTS',
             'UNIQUE',
-            ['BINDING', 'OTHER_ATTR'],
+            ['TWO_WAY_BINDING', 'OTHER_ATTR'],
             'CONTENT',
             'GLOBAL'
           ]
@@ -719,7 +719,7 @@ tester.run('attributes-order', rule, {
             <div
               class="content"
               v-if="!visible"
-              :class="className"
+              v-model="foo"
               v-text="textContent"
               >
             </div>
@@ -733,7 +733,7 @@ tester.run('attributes-order', rule, {
             'DEFINITION',
             'EVENTS',
             'UNIQUE',
-            ['BINDING', 'OTHER_ATTR'],
+            ['TWO_WAY_BINDING', 'OTHER_ATTR'],
             'CONTENT',
             'GLOBAL'
           ]
@@ -743,7 +743,7 @@ tester.run('attributes-order', rule, {
             <div
               v-if="!visible"
               class="content"
-              :class="className"
+              v-model="foo"
               v-text="textContent"
               >
             </div>

From 9a9461a12dffc22ca236e8507706bde0c3a4ff26 Mon Sep 17 00:00:00 2001
From: Jonathan Santerre <jonathan@santerre.dev>
Date: Thu, 4 Feb 2021 19:18:09 -0500
Subject: [PATCH 0255/1010] New: vue/html-button-has-type rule (#1001)

* New: vue/html-button-has-type rule (fixes #894)

* more precise error location

* revert npm run update deleted script indent doc ref

* fix: eslint-plugin-import when running lint

* fix lint errors

* update readme and docs

* Support bind type attribute
---
 docs/rules/README.md                    |   1 +
 docs/rules/html-button-has-type.md      |  64 +++++++++
 lib/configs/recommended.js              |   1 +
 lib/index.js                            |   1 +
 lib/rules/html-button-has-type.js       | 102 ++++++++++++++
 tests/lib/rules/html-button-has-type.js | 170 ++++++++++++++++++++++++
 6 files changed, 339 insertions(+)
 create mode 100644 docs/rules/html-button-has-type.md
 create mode 100644 lib/rules/html-button-has-type.js
 create mode 100644 tests/lib/rules/html-button-has-type.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 0fd8e2fa1..6b9680a97 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -263,6 +263,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
 | [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
 | [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
diff --git a/docs/rules/html-button-has-type.md b/docs/rules/html-button-has-type.md
new file mode 100644
index 000000000..580e6fd43
--- /dev/null
+++ b/docs/rules/html-button-has-type.md
@@ -0,0 +1,64 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-button-has-type
+description: disallow usage of button without an explicit type attribute
+---
+# vue/html-button-has-type
+
+> disallow usage of button without an explicit type attribute
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in `"plugin:vue/recommended"`.
+
+Forgetting the type attribute on a button defaults it to being a submit type. 
+This is nearly never what is intended, especially in your average one-page application.
+
+## :book: Rule Details
+
+This rule aims to warn if no type or an invalid type is used on a button type attribute.
+
+<eslint-code-block :rules="{'vue/html-button-has-type': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button type="button">Hello World</button>
+  <button type="submit">Hello World</button>
+  <button type="reset">Hello World</button>
+
+  <!-- ✗ BAD -->
+  <button>Hello World</button>
+  <button type="">Hello World</button>
+  <button type="foo">Hello World</button>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/html-button-has-type": ["error", {
+    "button": true,
+    "submit": true,
+    "reset": true
+  }]
+}
+```
+
+- `button` ... `<button type="button"></button>`
+    - `true` (default) ... allow value `button`.
+    - `false"` ... disallow value `button`.
+- `sumbit` ... `<button type="sumbit"></button>`
+    - `true` (default) ... allow value `submit`.
+    - `false"` ... disallow value `submit`.
+- `reset` ... `<button type="reset"></button>`
+    - `true` (default) ... allow value `reset`.
+    - `false"` ... disallow value `reset`.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-button-has-type.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-button-has-type.js)
diff --git a/lib/configs/recommended.js b/lib/configs/recommended.js
index 61781f754..c425c60ef 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
+    'vue/html-button-has-type': 'warn',
     'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
diff --git a/lib/index.js b/lib/index.js
index 2d600117d..cc18e3055 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -29,6 +29,7 @@ module.exports = {
     eqeqeq: require('./rules/eqeqeq'),
     'experimental-script-setup-vars': require('./rules/experimental-script-setup-vars'),
     'func-call-spacing': require('./rules/func-call-spacing'),
+    'html-button-has-type': require('./rules/html-button-has-type'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
     'html-closing-bracket-spacing': require('./rules/html-closing-bracket-spacing'),
     'html-comment-content-newline': require('./rules/html-comment-content-newline'),
diff --git a/lib/rules/html-button-has-type.js b/lib/rules/html-button-has-type.js
new file mode 100644
index 000000000..fdf06b212
--- /dev/null
+++ b/lib/rules/html-button-has-type.js
@@ -0,0 +1,102 @@
+/**
+ * @fileoverview Disallow usage of button without an explicit type attribute
+ * @author Jonathan Santerre <jonathan@santerre.dev>
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+const optionDefaults = {
+  button: true,
+  submit: true,
+  reset: true
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow usage of button without an explicit type attribute',
+      category: 'recommended',
+      url: 'https://eslint.vuejs.org/rules/html-button-has-type.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          button: {
+            default: optionDefaults.button,
+            type: 'boolean'
+          },
+          submit: {
+            default: optionDefaults.submit,
+            type: 'boolean'
+          },
+          reset: {
+            default: optionDefaults.reset,
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      missingTypeAttribute: 'Missing an explicit type attribute for button.',
+      invalidTypeAttribute: '{{value}} is an invalid value for button type attribute.',
+      forbiddenTypeAttribute: '{{value}} is a forbidden value for button type attribute.',
+      emptyTypeAttribute: 'A value must be set for button type attribute.'
+    }
+  },
+
+  create: function (context) {
+    const configuration = Object.assign({}, optionDefaults, context.options[0])
+
+    function report (node, messageId, data) {
+      context.report({
+        node,
+        messageId,
+        data
+      })
+    }
+
+    function validateAttribute (attribute) {
+      const value = attribute.value
+      const strValue = value.value
+      if (strValue === '') {
+        report(value, 'emptyTypeAttribute')
+      } else if (!(strValue in configuration)) {
+        report(value, 'invalidTypeAttribute', { value: strValue })
+      } else if (!configuration[strValue]) {
+        report(value, 'forbiddenTypeAttribute', { value: strValue })
+      }
+    }
+
+    function validateDirective (directive) {
+      const value = directive.value
+      if (!value.expression) {
+        report(value, 'emptyTypeAttribute')
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      "VElement[name='button']" (node) {
+        if (utils.hasAttribute(node, 'type')) {
+          validateAttribute(utils.getAttribute(node, 'type'))
+        } else if (utils.hasDirective(node, 'bind', 'type')) {
+          validateDirective(utils.getDirective(node, 'bind', 'type'))
+        } else {
+          report(node, 'missingTypeAttribute')
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
new file mode 100644
index 000000000..4fd40d2ad
--- /dev/null
+++ b/tests/lib/rules/html-button-has-type.js
@@ -0,0 +1,170 @@
+/**
+ * @fileoverview Prevent usage of button without an explicit type attribute
+ * @author Jonathan Santerre
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+var rule = require('../../../lib/rules/html-button-has-type')
+
+var RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+var ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+ruleTester.run('html-button-has-type', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><button type="button">Hello World</button></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button type="submit">Hello World</button></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button type="reset">Hello World</button></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><slot><button type="button">Hello World</button></slot></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+                <button type="button">Hello World</button>
+                <button type="submit">Hello World</button>
+                <button type="reset">Hello World</button>
+             </template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><button :type="buttonType">Hello World</button></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: ''
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><button>Hello World</button></template>',
+      errors: [{
+        message: 'Missing an explicit type attribute for button.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button type="">Hello World</button></template>',
+      errors: [{
+        message: 'A value must be set for button type attribute.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button type="foo">Hello World</button></template>',
+      errors: [{
+        message: 'foo is an invalid value for button type attribute.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      options: [{ button: false }],
+      code: '<template><button type="button">Hello World</button></template>',
+      errors: [{
+        message: 'button is a forbidden value for button type attribute.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      options: [{ submit: false }],
+      code: '<template><button type="submit">Hello World</button></template>',
+      errors: [{
+        message: 'submit is a forbidden value for button type attribute.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      options: [{ reset: false }],
+      code: '<template><button type="reset">Hello World</button></template>',
+      errors: [{
+        message: 'reset is a forbidden value for button type attribute.'
+      }]
+    },
+    {
+      filename: 'test.vue',
+      options: [{ button: false, submit: false, reset: false }],
+      code: `<template>
+                <button type="button">Hello World</button>
+                <button type="submit">Hello World</button>
+                <button type="reset">Hello World</button>
+             </template>`,
+      errors: [
+        {
+          message: 'button is a forbidden value for button type attribute.'
+        },
+        {
+          message: 'submit is a forbidden value for button type attribute.'
+        },
+        {
+          message: 'reset is a forbidden value for button type attribute.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: [{ button: true, submit: true, reset: false }],
+      code: `<template>
+                <button type="button">Hello World</button>
+                <button type="submit">Hello World</button>
+                <button type="reset">Hello World</button>
+                <button type="">Hello World</button>
+                <button type="foo">Hello World</button>
+             </template>`,
+      errors: [
+        {
+          message: 'reset is a forbidden value for button type attribute.'
+        },
+        {
+          message: 'A value must be set for button type attribute.'
+        },
+        {
+          message: 'foo is an invalid value for button type attribute.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button>Hello World</button><button>Hello World</button></template>',
+      errors: [
+        {
+          message: 'Missing an explicit type attribute for button.'
+        },
+        {
+          message: 'Missing an explicit type attribute for button.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><button :type="">Hello World</button></template>`,
+      errors: [
+        {
+          message: 'A value must be set for button type attribute.'
+        }
+      ]
+    }
+  ]
+})

From 5129cef626ea4d69ab7e022869cc22aa9d8409bd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 5 Feb 2021 10:07:41 +0900
Subject: [PATCH 0256/1010] Change vue/html-button-has-type rule (#1432)

- Enable type checking
- Format
- Exclude from recommended category
- Exclude `Button` component from check
---
 docs/rules/README.md                    |   2 +-
 docs/rules/html-button-has-type.md      |  17 ++--
 lib/configs/recommended.js              |   1 -
 lib/rules/html-button-has-type.js       |  84 ++++++++++++----
 tests/lib/rules/html-button-has-type.js | 124 +++++++++++++++++-------
 5 files changed, 164 insertions(+), 64 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 6b9680a97..d00e5478b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -263,7 +263,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
 | [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
-| [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
 | [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
@@ -290,6 +289,7 @@ For example:
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
+| [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
diff --git a/docs/rules/html-button-has-type.md b/docs/rules/html-button-has-type.md
index 580e6fd43..af81eb9ed 100644
--- a/docs/rules/html-button-has-type.md
+++ b/docs/rules/html-button-has-type.md
@@ -9,9 +9,8 @@ description: disallow usage of button without an explicit type attribute
 > disallow usage of button without an explicit type attribute
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-- :gear: This rule is included in `"plugin:vue/recommended"`.
 
-Forgetting the type attribute on a button defaults it to being a submit type. 
+Forgetting the type attribute on a button defaults it to being a submit type.
 This is nearly never what is intended, especially in your average one-page application.
 
 ## :book: Rule Details
@@ -49,14 +48,14 @@ This rule aims to warn if no type or an invalid type is used on a button type at
 ```
 
 - `button` ... `<button type="button"></button>`
-    - `true` (default) ... allow value `button`.
-    - `false"` ... disallow value `button`.
-- `sumbit` ... `<button type="sumbit"></button>`
-    - `true` (default) ... allow value `submit`.
-    - `false"` ... disallow value `submit`.
+  - `true` (default) ... allow value `button`.
+  - `false"` ... disallow value `button`.
+- `submit` ... `<button type="submit"></button>`
+  - `true` (default) ... allow value `submit`.
+  - `false"` ... disallow value `submit`.
 - `reset` ... `<button type="reset"></button>`
-    - `true` (default) ... allow value `reset`.
-    - `false"` ... disallow value `reset`.
+  - `true` (default) ... allow value `reset`.
+  - `false"` ... disallow value `reset`.
 
 ## :mag: Implementation
 
diff --git a/lib/configs/recommended.js b/lib/configs/recommended.js
index c425c60ef..61781f754 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/recommended.js
@@ -8,7 +8,6 @@ module.exports = {
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
-    'vue/html-button-has-type': 'warn',
     'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
diff --git a/lib/rules/html-button-has-type.js b/lib/rules/html-button-has-type.js
index fdf06b212..4ef7d2feb 100644
--- a/lib/rules/html-button-has-type.js
+++ b/lib/rules/html-button-has-type.js
@@ -24,8 +24,9 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow usage of button without an explicit type attribute',
-      category: 'recommended',
+      description:
+        'disallow usage of button without an explicit type attribute',
+      categories: null,
       url: 'https://eslint.vuejs.org/rules/html-button-has-type.html'
     },
     fixable: null,
@@ -51,16 +52,42 @@ module.exports = {
     ],
     messages: {
       missingTypeAttribute: 'Missing an explicit type attribute for button.',
-      invalidTypeAttribute: '{{value}} is an invalid value for button type attribute.',
-      forbiddenTypeAttribute: '{{value}} is a forbidden value for button type attribute.',
+      invalidTypeAttribute:
+        '{{value}} is an invalid value for button type attribute.',
+      forbiddenTypeAttribute:
+        '{{value}} is a forbidden value for button type attribute.',
       emptyTypeAttribute: 'A value must be set for button type attribute.'
     }
   },
 
-  create: function (context) {
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
+  create(context) {
+    /**
+     * @typedef {object} Configuration
+     * @property {boolean} button
+     * @property {boolean} submit
+     * @property {boolean} reset
+     */
+    /** @type {Configuration} */
     const configuration = Object.assign({}, optionDefaults, context.options[0])
 
-    function report (node, messageId, data) {
+    /**
+     *
+     * @param {string} type
+     * @returns {type is 'button' | 'submit' | 'reset'}
+     */
+    function isButtonType(type) {
+      return type === 'button' || type === 'submit' || type === 'reset'
+    }
+    /**
+     * @param {ASTNode} node
+     * @param {string} messageId
+     * @param {any} [data]
+     */
+    function report(node, messageId, data) {
       context.report({
         node,
         messageId,
@@ -68,34 +95,51 @@ module.exports = {
       })
     }
 
-    function validateAttribute (attribute) {
+    /**
+     * @param {VAttribute} attribute
+     */
+    function validateAttribute(attribute) {
       const value = attribute.value
+      if (!value || !value.value) {
+        report(value || attribute, 'emptyTypeAttribute')
+        return
+      }
+
       const strValue = value.value
-      if (strValue === '') {
-        report(value, 'emptyTypeAttribute')
-      } else if (!(strValue in configuration)) {
+      if (!isButtonType(strValue)) {
         report(value, 'invalidTypeAttribute', { value: strValue })
       } else if (!configuration[strValue]) {
         report(value, 'forbiddenTypeAttribute', { value: strValue })
       }
     }
 
-    function validateDirective (directive) {
+    /**
+     * @param {VDirective} directive
+     */
+    function validateDirective(directive) {
       const value = directive.value
-      if (!value.expression) {
-        report(value, 'emptyTypeAttribute')
+      if (!value || !value.expression) {
+        report(value || directive, 'emptyTypeAttribute')
       }
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VElement[name='button']" (node) {
-        if (utils.hasAttribute(node, 'type')) {
-          validateAttribute(utils.getAttribute(node, 'type'))
-        } else if (utils.hasDirective(node, 'bind', 'type')) {
-          validateDirective(utils.getDirective(node, 'bind', 'type'))
-        } else {
-          report(node, 'missingTypeAttribute')
+      /**
+       * @param {VElement} node
+       */
+      "VElement[rawName='button']"(node) {
+        const typeAttr = utils.getAttribute(node, 'type')
+        if (typeAttr) {
+          validateAttribute(typeAttr)
+          return
         }
+        const typeDir = utils.getDirective(node, 'bind', 'type')
+        if (typeDir) {
+          validateDirective(typeDir)
+          return
+        }
+
+        report(node.startTag, 'missingTypeAttribute')
       }
     })
   }
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index 4fd40d2ad..d6f40487f 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -8,20 +8,19 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-var rule = require('../../../lib/rules/html-button-has-type')
+const rule = require('../../../lib/rules/html-button-has-type')
 
-var RuleTester = require('eslint').RuleTester
+const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
 // Tests
 // ------------------------------------------------------------------------------
 
-var ruleTester = new RuleTester({
+const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
 })
 ruleTester.run('html-button-has-type', rule, {
-
   valid: [
     {
       filename: 'test.vue',
@@ -37,7 +36,8 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><slot><button type="button">Hello World</button></slot></template>'
+      code:
+        '<template><slot><button type="button">Hello World</button></slot></template>'
     },
     {
       filename: 'test.vue',
@@ -54,6 +54,10 @@ ruleTester.run('html-button-has-type', rule, {
     {
       filename: 'test.vue',
       code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><Button>Hello World</Button></template>`
     }
   ],
 
@@ -61,47 +65,75 @@ ruleTester.run('html-button-has-type', rule, {
     {
       filename: 'test.vue',
       code: '<template><button>Hello World</button></template>',
-      errors: [{
-        message: 'Missing an explicit type attribute for button.'
-      }]
+      errors: [
+        {
+          message: 'Missing an explicit type attribute for button.',
+          column: 11
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><button type="">Hello World</button></template>',
-      errors: [{
-        message: 'A value must be set for button type attribute.'
-      }]
+      errors: [
+        {
+          message: 'A value must be set for button type attribute.',
+          column: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button type>Hello World</button></template>',
+      errors: [
+        {
+          message: 'A value must be set for button type attribute.',
+          column: 19
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><button type="foo">Hello World</button></template>',
-      errors: [{
-        message: 'foo is an invalid value for button type attribute.'
-      }]
+      errors: [
+        {
+          message: 'foo is an invalid value for button type attribute.',
+          column: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
       options: [{ button: false }],
       code: '<template><button type="button">Hello World</button></template>',
-      errors: [{
-        message: 'button is a forbidden value for button type attribute.'
-      }]
+      errors: [
+        {
+          message: 'button is a forbidden value for button type attribute.',
+          column: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
       options: [{ submit: false }],
       code: '<template><button type="submit">Hello World</button></template>',
-      errors: [{
-        message: 'submit is a forbidden value for button type attribute.'
-      }]
+      errors: [
+        {
+          message: 'submit is a forbidden value for button type attribute.',
+          column: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
       options: [{ reset: false }],
       code: '<template><button type="reset">Hello World</button></template>',
-      errors: [{
-        message: 'reset is a forbidden value for button type attribute.'
-      }]
+      errors: [
+        {
+          message: 'reset is a forbidden value for button type attribute.',
+          column: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -113,13 +145,19 @@ ruleTester.run('html-button-has-type', rule, {
              </template>`,
       errors: [
         {
-          message: 'button is a forbidden value for button type attribute.'
+          message: 'button is a forbidden value for button type attribute.',
+          line: 2,
+          column: 30
         },
         {
-          message: 'submit is a forbidden value for button type attribute.'
+          message: 'submit is a forbidden value for button type attribute.',
+          line: 3,
+          column: 30
         },
         {
-          message: 'reset is a forbidden value for button type attribute.'
+          message: 'reset is a forbidden value for button type attribute.',
+          line: 4,
+          column: 30
         }
       ]
     },
@@ -135,25 +173,34 @@ ruleTester.run('html-button-has-type', rule, {
              </template>`,
       errors: [
         {
-          message: 'reset is a forbidden value for button type attribute.'
+          message: 'reset is a forbidden value for button type attribute.',
+          line: 4,
+          column: 30
         },
         {
-          message: 'A value must be set for button type attribute.'
+          message: 'A value must be set for button type attribute.',
+          line: 5,
+          column: 30
         },
         {
-          message: 'foo is an invalid value for button type attribute.'
+          message: 'foo is an invalid value for button type attribute.',
+          line: 6,
+          column: 30
         }
       ]
     },
     {
       filename: 'test.vue',
-      code: '<template><button>Hello World</button><button>Hello World</button></template>',
+      code:
+        '<template><button>Hello World</button><button>Hello World</button></template>',
       errors: [
         {
-          message: 'Missing an explicit type attribute for button.'
+          message: 'Missing an explicit type attribute for button.',
+          column: 11
         },
         {
-          message: 'Missing an explicit type attribute for button.'
+          message: 'Missing an explicit type attribute for button.',
+          column: 39
         }
       ]
     },
@@ -162,7 +209,18 @@ ruleTester.run('html-button-has-type', rule, {
       code: `<template><button :type="">Hello World</button></template>`,
       errors: [
         {
-          message: 'A value must be set for button type attribute.'
+          message: 'A value must be set for button type attribute.',
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><button v-bind:type>Hello World</button></template>`,
+      errors: [
+        {
+          message: 'A value must be set for button type attribute.',
+          column: 19
         }
       ]
     }

From b978258b616da35283d9757074037fb030dbe428 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 14 Feb 2021 09:40:49 +0900
Subject: [PATCH 0257/1010] Fix false negatives for v-bind="object" in
 vue/attributes-order rule (#1434)

---
 lib/rules/attributes-order.js       |   8 --
 tests/lib/rules/attributes-order.js | 129 ++++++++++++++++++++++++++++
 2 files changed, 129 insertions(+), 8 deletions(-)

diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 8e618ebac..8f2917dd7 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -344,14 +344,6 @@ function create(context) {
             return getPositionFromAttrIndex(nextIndex)
           }
         }
-        for (let prevIndex = index - 1; prevIndex >= 0; prevIndex--) {
-          const prev = attributes[prevIndex]
-
-          if (isVAttributeOrVBind(prev) && !isVBindObject(prev)) {
-            // It is considered to be in the same order as the prev bind prop node.
-            return getPositionFromAttrIndex(prevIndex)
-          }
-        }
       }
       return getPosition(node, attributePosition)
     }
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 15ccccae0..c956dae8d 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -21,6 +21,29 @@ const tester = new RuleTester({
 })
 tester.run('attributes-order', rule, {
   valid: [
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1433
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          ref="ref"
+          v-model="model"
+          v-bind="object"
+          @click="handleClick"/>
+      </template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind="object"
+          ref="ref"
+          v-model="model"
+          @click="handleClick"/>
+      </template>`
+    },
     {
       filename: 'test.vue',
       code: '<template><div></div></template>'
@@ -1334,6 +1357,112 @@ tester.run('attributes-order', rule, {
           message: 'Attribute "ref" should go before "bar".'
         }
       ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind="object"
+          v-if="show"
+          v-model="model"
+          ref="ref"
+          @click="handleClick"/>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-if="show"
+          v-bind="object"
+          ref="ref"
+          v-model="model"
+          @click="handleClick"/>
+      </template>`,
+      errors: [
+        'Attribute "v-if" should go before "v-bind".',
+        'Attribute "ref" should go before "v-model".'
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          @click="handleClick"
+          v-bind="object"/>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-bind="object"
+          @click="handleClick"/>
+      </template>`,
+      errors: ['Attribute "v-bind" should go before "@click".']
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          ref="ref"
+          @click="handleClick"
+          v-bind="object"
+          @input="handleInput"/>
+      </template>`,
+      output: `
+      <template>
+        <div
+          ref="ref"
+          v-bind="object"
+          @click="handleClick"
+          @input="handleInput"/>
+      </template>`,
+      errors: ['Attribute "v-bind" should go before "@click".']
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          ref="ref"
+          @click="handleClick"
+          v-bind="object"
+          @input="handleInput"/>
+      </template>`,
+      options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
+      output: `
+      <template>
+        <div
+          ref="ref"
+          @click="handleClick"
+          @input="handleInput"
+          v-bind="object"/>
+      </template>`,
+      errors: ['Attribute "@input" should go before "v-bind".']
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind="object"
+          @click="handleClick"
+          attr="foo"/>
+      </template>`,
+      options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
+      output: `
+      <template>
+        <div
+          @click="handleClick"
+          v-bind="object"
+          attr="foo"/>
+      </template>`,
+      errors: ['Attribute "@click" should go before "v-bind".']
     }
   ]
 })

From 4b413993b9b5003a7855f8d4f7f5bd2ba7ef0cd1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 14 Feb 2021 09:40:58 +0900
Subject: [PATCH 0258/1010] Improved autofix of
 vue/no-deprecated-slot-attribute rule when slot name contains `_`. (#1436)

---
 lib/rules/syntaxes/slot-attribute.js          |  4 +-
 .../lib/rules/no-deprecated-slot-attribute.js | 57 +++++++++++++++++++
 2 files changed, 59 insertions(+), 2 deletions(-)

diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 1ce27484d..8b4392746 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -23,8 +23,8 @@ module.exports = {
         return true
       }
       const slotName = slotAttr.value.value
-      // If non-Latin characters are included it can not be converted.
-      return !/[^a-z]/i.test(slotName)
+      // If other than alphanumeric, underscore and hyphen characters are included it can not be converted.
+      return !/[^\w\-]/u.test(slotName)
     }
 
     /**
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 4d75508a4..ab08c4aff 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -348,6 +348,63 @@ tester.run('no-deprecated-slot-attribute', rule, {
           line: 4
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <MyComponent>
+          <template slot="foo-bar">
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      output: `
+      <template>
+        <MyComponent>
+          <template v-slot:foo-bar>
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <MyComponent>
+          <template slot="foo_bar">
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      output: `
+      <template>
+        <MyComponent>
+          <template v-slot:foo_bar>
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <MyComponent>
+          <template slot="123">
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      output: `
+      <template>
+        <MyComponent>
+          <template v-slot:123>
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
     }
   ]
 })

From 43f76df1454d84e951b2f16f3e856fd01617ae9e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 14 Feb 2021 11:10:13 +0900
Subject: [PATCH 0259/1010] Upgrade vue-eslint-parser to v7.5.0 (#1440)

---
 package.json                            |  2 +-
 tests/lib/rules/no-restricted-syntax.js | 35 +++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d3ef63e66..0d33765a5 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.4.1"
+    "vue-eslint-parser": "^7.5.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/no-restricted-syntax.js b/tests/lib/rules/no-restricted-syntax.js
index e7b3d4480..662c2296f 100644
--- a/tests/lib/rules/no-restricted-syntax.js
+++ b/tests/lib/rules/no-restricted-syntax.js
@@ -36,6 +36,20 @@ tester.run('no-restricted-syntax', rule, {
           message: 'Call expressions are not allowed.'
         }
       ]
+    },
+
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/870
+      code: `
+        <template>
+          <input :value="interpolate(foo, bar, true)">
+        </template>`,
+      options: [
+        {
+          selector: 'CallExpression > :nth-child(3)[value!=true]',
+          message: 'Third argument of interpolate must be true'
+        }
+      ]
     }
   ],
   invalid: [
@@ -148,6 +162,27 @@ tester.run('no-restricted-syntax', rule, {
         'Call expressions are not allowed.',
         'Call expressions are not allowed.'
       ]
+    },
+
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/870
+      code: `
+        <template>
+          <input :value="interpolate(foo, bar, false)">
+        </template>`,
+      options: [
+        {
+          selector: 'CallExpression > :nth-child(3)[value!=true]',
+          message: 'Third argument of interpolate must be true'
+        }
+      ],
+      errors: [
+        {
+          message: 'Third argument of interpolate must be true',
+          line: 3,
+          column: 48
+        }
+      ]
     }
   ]
 })

From 4ae9178475601ce95188bf07f73e159b83517ca5 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 15 Feb 2021 09:56:10 +0900
Subject: [PATCH 0260/1010] 7.6.0

---
 docs/rules/html-button-has-type.md | 7 +++++--
 package.json                       | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/html-button-has-type.md b/docs/rules/html-button-has-type.md
index af81eb9ed..5974f72da 100644
--- a/docs/rules/html-button-has-type.md
+++ b/docs/rules/html-button-has-type.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-button-has-type
 description: disallow usage of button without an explicit type attribute
+since: v7.6.0
 ---
 # vue/html-button-has-type
 
 > disallow usage of button without an explicit type attribute
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 Forgetting the type attribute on a button defaults it to being a submit type.
 This is nearly never what is intended, especially in your average one-page application.
 
@@ -57,6 +56,10 @@ This rule aims to warn if no type or an invalid type is used on a button type at
   - `true` (default) ... allow value `reset`.
   - `false"` ... disallow value `reset`.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.6.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-button-has-type.js)
diff --git a/package.json b/package.json
index 0d33765a5..9714f037a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.5.0",
+  "version": "7.6.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7099954d1213d081a0c92a09e4ed8c588c745b69 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 2 Mar 2021 19:27:57 +0900
Subject: [PATCH 0261/1010] Add `ignorePublicMembers` option to
 `vue/no-unused-properties` rule (#1444)

---
 docs/rules/no-unused-properties.md      |  36 ++++-
 lib/rules/no-unused-properties.js       |  95 ++++++++++-
 tests/lib/rules/no-unused-properties.js | 206 ++++++++++++++++++++++++
 typings/eslint-utils/index.d.ts         |   3 +
 4 files changed, 336 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index 932fb9563..da8fa7d87 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -55,18 +55,20 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 {
   "vue/no-unused-properties": ["error", {
     "groups": ["props"],
-    "deepData": false
+    "deepData": false,
+    "ignorePublicMembers": false
   }]
 }
 ```
 
-- `"groups"` (`string[]`) Array of groups to search for properties. Default is `["props"]`. The value of the array is some of the following strings:
+- `groups` (`string[]`) Array of groups to search for properties. Default is `["props"]`. The value of the array is some of the following strings:
   - `"props"`
   - `"data"`
   - `"computed"`
   - `"methods"`
   - `"setup"`
-- `"deepData"` (`boolean`) If `true`, the object of the property defined in `data` will be searched deeply. Default is `false`. Include `"data"` in `groups` to use this option.
+- `deepData` (`boolean`) If `true`, the object of the property defined in `data` will be searched deeply. Default is `false`. Include `"data"` in `groups` to use this option.
+- `ignorePublicMembers` (`boolean`) If `true`, members marked with a [JSDoc `/** @public */` tag](https://jsdoc.app/tags-public.html) will be ignored. Default is `false`.
 
 ### `"groups": ["props", "data"]`
 
@@ -188,6 +190,34 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 
 </eslint-code-block>
 
+### `{ "groups": ["props", "methods"], "ignorePublicMembers": true }`
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['props', 'methods'], ignorePublicMembers: true}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <button @click="usedInTemplate()" />
+</template>
+<script>
+  export default {
+    methods: {
+      /* ✓ GOOD */
+      usedInTemplate() {},
+      
+      /* ✓ GOOD */
+      /** @public */
+      publicMethod() {},
+      
+      /* ✗ BAD */
+      unusedMethod() {}
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.0.0
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index f89c51878..be18224ed 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -459,6 +459,91 @@ function getObjectPatternPropertyPatternTracker(pattern) {
   return () => new UsedProperties({ unknown: true })
 }
 
+/**
+ * Check if the given component property is marked as `@public` in JSDoc comments.
+ * @param {ComponentPropertyData} property
+ * @param {SourceCode} sourceCode
+ */
+function isPublicMember(property, sourceCode) {
+  if (
+    property.type === 'object' &&
+    // Props do not support @public.
+    property.groupName !== 'props'
+  ) {
+    return isPublicProperty(property.property, sourceCode)
+  }
+  return false
+}
+
+/**
+ * Check if the given property node is marked as `@public` in JSDoc comments.
+ * @param {Property} node
+ * @param {SourceCode} sourceCode
+ */
+function isPublicProperty(node, sourceCode) {
+  const jsdoc = getJSDocFromProperty(node, sourceCode)
+  if (jsdoc) {
+    return /(?:^|\s|\*)@public\b/u.test(jsdoc.value)
+  }
+  return false
+}
+
+/**
+ * Get the JSDoc comment for a given property node.
+ * @param {Property} node
+ * @param {SourceCode} sourceCode
+ */
+function getJSDocFromProperty(node, sourceCode) {
+  const jsdoc = findJSDocComment(node, sourceCode)
+  if (jsdoc) {
+    return jsdoc
+  }
+  if (
+    node.value.type === 'FunctionExpression' ||
+    node.value.type === 'ArrowFunctionExpression'
+  ) {
+    return findJSDocComment(node.value, sourceCode)
+  }
+
+  return null
+}
+
+/**
+ * Finds a JSDoc comment for the given node.
+ * @param {ASTNode} node
+ * @param {SourceCode} sourceCode
+ * @returns {Comment | null}
+ */
+function findJSDocComment(node, sourceCode) {
+  /** @type {ASTNode | Token} */
+  let currentNode = node
+  let tokenBefore = null
+
+  while (currentNode) {
+    tokenBefore = sourceCode.getTokenBefore(currentNode, {
+      includeComments: true
+    })
+    if (!tokenBefore || !eslintUtils.isCommentToken(tokenBefore)) {
+      return null
+    }
+    if (tokenBefore.type === 'Line') {
+      currentNode = tokenBefore
+      continue
+    }
+    break
+  }
+
+  if (
+    tokenBefore &&
+    tokenBefore.type === 'Block' &&
+    tokenBefore.value.charAt(0) === '*'
+  ) {
+    return tokenBefore
+  }
+
+  return null
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -490,7 +575,8 @@ module.exports = {
             additionalItems: false,
             uniqueItems: true
           },
-          deepData: { type: 'boolean' }
+          deepData: { type: 'boolean' },
+          ignorePublicMembers: { type: 'boolean' }
         },
         additionalProperties: false
       }
@@ -504,6 +590,7 @@ module.exports = {
     const options = context.options[0] || {}
     const groups = new Set(options.groups || [GROUP_PROPERTY])
     const deepData = Boolean(options.deepData)
+    const ignorePublicMembers = Boolean(options.ignorePublicMembers)
 
     /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, ParamsUsedProperties>} */
     const paramsUsedPropertiesMap = new Map()
@@ -626,6 +713,12 @@ module.exports = {
             // used template refs
             continue
           }
+          if (
+            ignorePublicMembers &&
+            isPublicMember(property, context.getSourceCode())
+          ) {
+            continue
+          }
           if (usedProperties.isUsed(property.name)) {
             // used
             if (
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index eae813bb2..e52a4bbf4 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1428,6 +1428,113 @@ tester.run('no-unused-properties', rule, {
       }
       </script>`,
       options: deepDataOptions
+    },
+
+    // ignore public members
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          data: () => ({
+            /** @public */
+            publicData: 'foo'
+          })
+        }
+        </script>
+      `,
+      options: [{ groups: ['data'], ignorePublicMembers: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          computed: {
+            /** @public */
+            unusedComputed() {
+              return 'foo'
+            }
+          }
+        }
+        </script>
+      `,
+      options: [{ groups: ['computed'], ignorePublicMembers: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          methods: {
+            /** @public */
+            publicMethod() {}
+          }
+        }
+        </script>
+      `,
+      options: [{ groups: ['methods'], ignorePublicMembers: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          setup() {
+            return {
+              /** @public */
+              publicRef: 3
+            }
+          }
+        }
+        </script>
+      `,
+      options: [{ groups: ['setup'], ignorePublicMembers: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      </template>
+      <script>
+      export default {
+        props: {
+          a: String,
+        },
+        setup() {
+          return {
+            /** @public */
+            b: 42
+          }
+        },
+        data () {
+          return {
+            /** @public */
+            c: 42
+          }
+        },
+        computed: {
+          /** @public */
+          d () { return this.a }
+        },
+        methods: {
+          /** @public */
+          e () {},
+          f:
+            /** @public */
+            function () {},
+          g:
+            /** @public */
+            () => {},
+        },
+      }
+      </script>`,
+      options: [
+        {
+          groups: ['props', 'data', 'computed', 'methods', 'setup'],
+          ignorePublicMembers: true
+        }
+      ]
     }
   ],
 
@@ -2194,6 +2301,105 @@ tester.run('no-unused-properties', rule, {
           column: 17
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      </template>
+      <script>
+      export default {
+        props: {
+          _a: String,
+          /** @public Props do not support public. */
+          a: String,
+        },
+        setup() {
+          return {
+            /** @public */
+            b: 42,
+            _b: 42
+          }
+        },
+        data () {
+          return {
+            c: {
+              /** @public */
+              _c1: 42,
+              /** @public */
+              _c2: 42
+            },
+            _c: 42
+          }
+        },
+        computed: {
+          /** @public */
+          // _eslint-disable-next-line foo
+          d () { return this.c._c1 },
+          /* non jsdoc @public */
+          _d () { return 42 }
+        },
+        methods: {
+          /** @public */
+          e () {},
+          _e () {},
+          f:
+            /** @public */
+            function () {},
+          _f: function () {},
+          g:
+            /** @public */
+            () => {},
+          _g: () => {},
+        },
+      }
+      </script>`,
+      options: [
+        {
+          groups: ['props', 'data', 'computed', 'methods', 'setup'],
+          ignorePublicMembers: true,
+          deepData: true
+        }
+      ],
+      errors: [
+        "'_a' of property found, but never used.",
+        "'a' of property found, but never used.",
+        "'_b' of property returned from `setup()` found, but never used.",
+        "'c._c2' of data found, but never used.",
+        "'_c' of data found, but never used.",
+        "'_d' of computed property found, but never used.",
+        "'_e' of method found, but never used.",
+        "'_f' of method found, but never used.",
+        "'_g' of method found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      </template>
+      <script>
+      export default {
+        // Edge case
+        data: [
+          /** @public doesn't public supports array style */
+          'a',
+          /** @public doesn't public supports array style */
+          'b'
+        ]
+      }
+      </script>`,
+      options: [
+        {
+          groups: ['data'],
+          ignorePublicMembers: true,
+          deepData: true
+        }
+      ],
+      errors: [
+        "'a' of data found, but never used.",
+        "'b' of data found, but never used."
+      ]
     }
   ]
 })
diff --git a/typings/eslint-utils/index.d.ts b/typings/eslint-utils/index.d.ts
index 884fc60cd..a97522876 100644
--- a/typings/eslint-utils/index.d.ts
+++ b/typings/eslint-utils/index.d.ts
@@ -1,4 +1,5 @@
 import * as VAST from '../eslint-plugin-vue/util-types/ast'
+import { Token, Comment } from '../eslint-plugin-vue/util-types/node'
 import { ParserServices } from '../eslint-plugin-vue/util-types/parser-services'
 import eslint from 'eslint'
 
@@ -70,3 +71,5 @@ export namespace ReferenceTracker {
   const CONSTRUCT: unique symbol
   const ESM: unique symbol
 }
+
+export function isCommentToken(token: Token): token is Comment

From 467ef9626ed4d3eeacf47ce4b3d550ed7af0d6ad Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 2 Mar 2021 19:28:05 +0900
Subject: [PATCH 0262/1010] Fix false negatives for member access with `$` in
 `vue/this-in-template` rule (#1446)

---
 lib/rules/this-in-template.js       |  2 +-
 tests/lib/rules/this-in-template.js | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 0efa03035..8ed42345c 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -83,7 +83,7 @@ module.exports = {
                 !propertyName ||
                 scopeStack.nodes.some((el) => el.name === propertyName) ||
                 RESERVED_NAMES.has(propertyName) || // this.class | this['class']
-                /^[0-9].*$|[^a-zA-Z0-9_]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
+                /^[0-9].*$|[^a-zA-Z0-9_$]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
               ) {
                 return
               }
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 5f36b570e..f2a40ff61 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -222,4 +222,16 @@ ruleTester.run('this-in-template', rule, {
     .concat(
       createInvalidTests('', ['always'], "Expected 'this'.", 'Identifier')
     )
+    .concat([
+      {
+        code: `<template><div v-if="fn(this.$foo)"></div></template><!-- never -->`,
+        errors: ["Unexpected usage of 'this'."],
+        options: ['never']
+      },
+      {
+        code: `<template><div :class="{ foo: this.$foo }"></div></template><!-- never -->`,
+        errors: ["Unexpected usage of 'this'."],
+        options: ['never']
+      }
+    ])
 })

From 3878fc4d8ebaa5e980c42044e61e019dc9c1580c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 2 Mar 2021 19:28:33 +0900
Subject: [PATCH 0263/1010] Upgrade vue-eslint-parser to 7.6.0 (#1448)

close #1292
close #1300
close #1439
---
 package.json                                   |  2 +-
 .../html-indent/address-component-01.vue       | 11 +++++++++++
 .../html-indent/input-component-01.vue         | 11 +++++++++++
 .../html-indent/input-component-02.vue         |  9 +++++++++
 tests/lib/rules/html-end-tags.js               | 16 ++++++++++++++++
 tests/lib/rules/html-self-closing.js           | 18 +++++++++++++++++-
 tests/lib/rules/no-multiple-template-root.js   | 18 ++++++++++++++++++
 tests/lib/rules/no-parsing-error.js            | 18 +++++++++++++++++-
 8 files changed, 100 insertions(+), 3 deletions(-)
 create mode 100644 tests/fixtures/html-indent/address-component-01.vue
 create mode 100644 tests/fixtures/html-indent/input-component-01.vue
 create mode 100644 tests/fixtures/html-indent/input-component-02.vue

diff --git a/package.json b/package.json
index 9714f037a..860dc376f 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.5.0"
+    "vue-eslint-parser": "^7.6.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/fixtures/html-indent/address-component-01.vue b/tests/fixtures/html-indent/address-component-01.vue
new file mode 100644
index 000000000..62c3e11d1
--- /dev/null
+++ b/tests/fixtures/html-indent/address-component-01.vue
@@ -0,0 +1,11 @@
+<!--{}-->
+<template>
+  <div>
+    <p>
+      <Address
+        value=""
+        onchange="await setTokenAddress(event.target.value)"/>
+    </p>
+  </div>
+</template>
+<!-- https://github.com/vuejs/eslint-plugin-vue/issues/1403 -->
diff --git a/tests/fixtures/html-indent/input-component-01.vue b/tests/fixtures/html-indent/input-component-01.vue
new file mode 100644
index 000000000..e4759061c
--- /dev/null
+++ b/tests/fixtures/html-indent/input-component-01.vue
@@ -0,0 +1,11 @@
+<!--{}-->
+<template>
+  <div>
+    <Input>
+      <template #suffix>
+        <Icon name="user"></Icon>
+      </template>
+    </Input>
+  </div>
+</template>
+<!-- https://github.com/vuejs/eslint-plugin-vue/issues/1292 -->
diff --git a/tests/fixtures/html-indent/input-component-02.vue b/tests/fixtures/html-indent/input-component-02.vue
new file mode 100644
index 000000000..c7c1c3ad3
--- /dev/null
+++ b/tests/fixtures/html-indent/input-component-02.vue
@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <Input>
+    <template #prepend>
+      <p class="abc" v-if="true">123</p>
+    </template>
+  </Input>
+</template>
+<!-- https://github.com/vuejs/eslint-plugin-vue/issues/1300 -->
diff --git a/tests/lib/rules/html-end-tags.js b/tests/lib/rules/html-end-tags.js
index bb84c3155..76c250c0a 100644
--- a/tests/lib/rules/html-end-tags.js
+++ b/tests/lib/rules/html-end-tags.js
@@ -66,6 +66,22 @@ tester.run('html-end-tags', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><svg><![CDATA[test</svg></div></template>'
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1403
+    {
+      code: `
+      <template>
+        <div>
+          <p>
+            <Address
+              value=""
+              onchange="await setTokenAddress(event.target.value)"/>
+          </p>
+        </div>
+      </template>
+      `,
+      filename: 'test.vue'
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index d548b79d9..a93844739 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -70,7 +70,23 @@ tester.run('html-self-closing', rule, {
 
     // Invalid EOF
     '<template><div a=">test</div></template>',
-    '<template><div><!--test</div></template>'
+    '<template><div><!--test</div></template>',
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1403
+    {
+      code: `
+      <template>
+        <div>
+          <p>
+            <Address
+              value=""
+              onchange="await setTokenAddress(event.target.value)"/>
+          </p>
+        </div>
+      </template>
+      `,
+      filename: 'test.vue'
+    }
 
     // other cases are in `invalid` tests.
   ],
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index aefaa1a63..7899620a0 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -56,6 +56,24 @@ ruleTester.run('no-multiple-template-root', rule, {
       filename: 'test.vue',
       code:
         '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1439
+    {
+      code: `
+      <template>
+        <Link :to="to" class="flex items-center">
+          <span v-if="prefixIcon || $slots.prefix" class="mr-1">
+            <slot name="prefix">
+              <FontAwesomeIcon v-if="prefixIcon" :icon="prefixIcon" fixedWidth />
+            </slot>
+          </span>
+
+          <slot />
+        </Link>
+      </template>
+      `,
+      filename: 'test.vue'
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 46733a3fe..91b787212 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -211,7 +211,23 @@ tester.run('no-parsing-error', rule, {
     },
     '<template><div/></template>',
     '<template><div v-show="">hello</div></template>',
-    '<template><div>{{ }}</div></template>'
+    '<template><div>{{ }}</div></template>',
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1403
+    {
+      code: `
+      <template>
+        <div>
+          <p>
+            <Address
+              value=""
+              onchange="await setTokenAddress(event.target.value)"/>
+          </p>
+        </div>
+      </template>
+      `,
+      filename: 'test.vue'
+    }
   ],
   invalid: [
     {

From 3128c113f9117cda60dd35cbf55179a89093a19f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 2 Mar 2021 19:31:08 +0900
Subject: [PATCH 0264/1010] 7.7.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 860dc376f..2b6f2d20b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.6.0",
+  "version": "7.7.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From db2928ae62853b9129c4699d75f5112c87765c5e Mon Sep 17 00:00:00 2001
From: Georgii Dolzhykov <thorn.mailbox@gmail.com>
Date: Wed, 3 Mar 2021 07:11:41 +0200
Subject: [PATCH 0265/1010] docs: remove mention of "prettier/vue" (#1449)

* docs: remove mention of "prettier/vue"

`prettier/vue`, `prettier/@typescript-eslint`, etc. have been removed in `eslint-config-prettier` v8.0.0.
They are needed no longer.
See https://github.com/prettier/eslint-config-prettier/blob/main/CHANGELOG.md#version-800-2021-02-21

I've also removed the "If [Prettier] conflicts with the rule you have set, turn off that rule" part because that's exactly what `eslint-config-prettier` is for.

* Update README.md

* Update README.md
---
 docs/user-guide/README.md | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index a4e9acd9d..45a3b72ac 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -266,7 +266,7 @@ See also: "[How to use a custom parser?](#how-to-use-a-custom-parser)" section.
 
 ### Conflict with [Prettier]
 
-If the [Prettier] conflicts with the shareable config provided by this plugin, use [eslint-config-prettier] to resolve it.
+Use [eslint-config-prettier] for [Prettier] not to conflict with the shareable config provided by this plugin.
 
 Example **.eslintrc.js**:
 
@@ -279,20 +279,14 @@ module.exports = {
     // ...
     'plugin:vue/vue3-recommended',
     // ...
-    "prettier",
-    "prettier/vue",
-    // "prettier/@typescript-eslint", // required if you are using @typescript-eslint.
-    // Other settings may be required depending on the plugin you are using. See the eslint-config-prettier documentation for more details.
+    "prettier"
+    // Make sure "prettier" is the last element in this list.
   ],
   // ...
 }
 ```
 
-If the [Prettier] conflicts with the rule you have set, turn off that rule.
-
-Example **.eslintrc.js**:
-
-When the `vue/html-indent` rule conflict with [Prettier].
+If Prettier conflicts with a rule you have set, [turn off that rule][prettier-linters]. For example, if you have `vue/html-indent` configured as `error` in `rules`, but it conflicts with Prettier, remove that line:
 
 ```diff
 module.exports = {
@@ -300,7 +294,6 @@ module.exports = {
   rules: {
     // ...
 -    "vue/html-indent": "error",
-+    "vue/html-indent": "off",
     // ...
   },
   // ...
@@ -308,6 +301,7 @@ module.exports = {
 ```
 
 [prettier]: https://prettier.io/
+[prettier-linters]: https://prettier.io/docs/en/integrating-with-linters.html
 [eslint-config-prettier]: https://github.com/prettier/eslint-config-prettier
 
 ### Using JSX

From 43a01cfb689f734bcd72a2128daef648c3abe837 Mon Sep 17 00:00:00 2001
From: Simon Legner <Simon.Legner@gmail.com>
Date: Thu, 11 Mar 2021 12:27:29 +0100
Subject: [PATCH 0266/1010] docs: fix favicon.png (#1456)

---
 docs/.vuepress/public/favicon.png | Bin 3450 -> 3451 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/docs/.vuepress/public/favicon.png b/docs/.vuepress/public/favicon.png
index 6378563a04ef6375c2de7b7b02c15e724bf47e60..60e17006ad07cd313788585e2f5e528fbb7cf821 100644
GIT binary patch
delta 14
Vcmew*^;?RyGr-TCcOy#~F90h?1mXYy

delta 13
Ucmew@^-GGSGr-S%BWoEi04HSx)c^nh


From ff8cfaa01adad12f886d9f188423273d8ba9150e Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Mon, 22 Mar 2021 15:51:43 +0800
Subject: [PATCH 0267/1010] Update: allow more cases in `require-direct-export`
 (#1450)

(fixes #907)
---
 lib/rules/require-direct-export.js       | 19 ++++++++++
 tests/lib/rules/require-direct-export.js | 48 ++++++++++++++++++++++++
 2 files changed, 67 insertions(+)

diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index c3eaebd01..18897eb07 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -55,6 +55,25 @@ module.exports = {
           // OK
           return
         }
+        if (node.type === 'CallExpression') {
+          const {
+            callee,
+            arguments: [firstArg]
+          } = node
+          if (firstArg && firstArg.type === 'ObjectExpression') {
+            if (
+              (callee.type === 'Identifier' &&
+                callee.name === 'defineComponent') ||
+              (callee.type === 'MemberExpression' &&
+                callee.object.type === 'Identifier' &&
+                callee.object.name === 'Vue' &&
+                callee.property.type === 'Identifier' &&
+                callee.property.name === 'extend')
+            ) {
+              return
+            }
+          }
+        }
         if (!disallowFunctional) {
           if (node.type === 'ArrowFunctionExpression') {
             if (node.body.type !== 'BlockStatement') {
diff --git a/tests/lib/rules/require-direct-export.js b/tests/lib/rules/require-direct-export.js
index d8dc568b1..4f16e0fcd 100644
--- a/tests/lib/rules/require-direct-export.js
+++ b/tests/lib/rules/require-direct-export.js
@@ -74,6 +74,20 @@ ruleTester.run('require-direct-export', rule, {
       import { h } from 'vue'
       export default props => h('div', props.msg)
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import Vue from 'vue'
+      export default Vue.extend({})
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { defineComponent } from 'vue'
+      export default defineComponent({})
+      `
     }
   ],
 
@@ -224,6 +238,40 @@ ruleTester.run('require-direct-export', rule, {
       `,
       options: [{ disallowFunctionalComponentFunction: true }],
       errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import Vue from 'vue'
+      export default Vue.extend()
+      `,
+      errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import Vue from 'vue'
+      const A = {}
+      export default Vue.extend(A)
+      `,
+      errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { defineComponent } from 'vue'
+      export default defineComponent()
+      `,
+      errors: ['Expected the component literal to be directly exported.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { defineComponent } from 'vue'
+      const A = {}
+      export default defineComponent(A)
+      `,
+      errors: ['Expected the component literal to be directly exported.']
     }
   ]
 })

From bf8516305760a832953b2342493299a05df49405 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Mon, 22 Mar 2021 15:51:51 +0800
Subject: [PATCH 0268/1010] Update: disallow `v-show` on `<template>` tag
 (#1451)

---
 docs/rules/valid-v-show.md      |  2 ++
 lib/rules/valid-v-show.js       |  7 +++++++
 tests/lib/rules/valid-v-show.js | 10 ++++++++++
 3 files changed, 19 insertions(+)

diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index bcfb0c87b..710489946 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -20,6 +20,7 @@ This rule reports `v-show` directives in the following cases:
 - The directive has that argument. E.g. `<div v-show:aaa></div>`
 - The directive has that modifier. E.g. `<div v-show.bbb></div>`
 - The directive does not have that attribute value. E.g. `<div v-show></div>`
+- The directive is put on `<template>` tag. E.g. `<template v-show="condition" />`
 
 <eslint-code-block :rules="{'vue/valid-v-show': ['error']}">
 
@@ -32,6 +33,7 @@ This rule reports `v-show` directives in the following cases:
   <div v-show/>
   <div v-show:aaa="foo"/>
   <div v-show.bbb="foo"/>
+  <template v-show="condition" />
 </template>
 ```
 
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index d5378a63a..721904f4f 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -52,6 +52,13 @@ module.exports = {
             message: "'v-show' directives require that attribute value."
           })
         }
+        if (node.parent.parent.name === 'template') {
+          context.report({
+            node,
+            loc: node.loc,
+            message: "'v-show' directives cannot be put on <template> tags."
+          })
+        }
       }
     })
   }
diff --git a/tests/lib/rules/valid-v-show.js b/tests/lib/rules/valid-v-show.js
index 4220e8749..6b1d62015 100644
--- a/tests/lib/rules/valid-v-show.js
+++ b/tests/lib/rules/valid-v-show.js
@@ -63,6 +63,16 @@ tester.run('valid-v-show', rule, {
       filename: 'empty-value.vue',
       code: '<template><div v-show=""></div></template>',
       errors: ["'v-show' directives require that attribute value."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><template v-show="condition"></template></template>',
+      errors: ["'v-show' directives cannot be put on <template> tags."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><template v-show="condition" /></template>',
+      errors: ["'v-show' directives cannot be put on <template> tags."]
     }
   ]
 })

From 62f577dcfcb859c24c6e0d4615ad880f5e1d4688 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 22 Mar 2021 17:01:10 +0900
Subject: [PATCH 0269/1010] 7.8.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2b6f2d20b..a6512db0c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.7.0",
+  "version": "7.8.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 8bdb2a905b362434cfcf91e561fab5338d0c70a9 Mon Sep 17 00:00:00 2001
From: hiroki osame <hiroki.osame@gmail.com>
Date: Sun, 11 Apr 2021 23:40:36 -0400
Subject: [PATCH 0270/1010] feat(max-attributes-per-line):
 singleline.allowFirstLine option (#1465)

* feat(max-attributes-per-line): allow max attribues 0 for singleline

* feat(max-attributes-per-line): allowFirstLine option

* docs(max-attributes-per-line): updated options and added example
---
 docs/rules/max-attributes-per-line.md      | 26 ++++++++++++-
 lib/rules/max-attributes-per-line.js       | 45 +++++++++++++++-------
 tests/lib/rules/max-attributes-per-line.js | 13 +++++++
 3 files changed, 69 insertions(+), 15 deletions(-)

diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 69bd77949..dac9d2d72 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -57,7 +57,10 @@ There is a configurable number of attributes that are acceptable in one-line cas
 ```json
 {
   "vue/max-attributes-per-line": ["error", {
-    "singleline": 1,
+    "singleline": {
+      "max": 1,
+      "allowFirstLine": true
+    },      
     "multiline": {
       "max": 1,
       "allowFirstLine": false
@@ -66,7 +69,8 @@ There is a configurable number of attributes that are acceptable in one-line cas
 }
 ```
 
-- `singleline` (`number`) ... The number of maximum attributes per line when the opening tag is in a single line. Default is `1`.
+- `singleline.max` (`number`) ... The number of maximum attributes per line when the opening tag is in a single line. Default is `1`.
+- `singleline.allowFirstLine` (`boolean`) ... If `true`, it allows attributes on the same line as that tag name. Default is `true`.
 - `multiline.max` (`number`) ... The max number of attributes per line when the opening tag is in multiple lines. Default is `1`. This can be `{ multiline: 1 }` instead of `{ multiline: { max: 1 }}` if you don't configure `allowFirstLine` property.
 - `multiline.allowFirstLine` (`boolean`) ... If `true`, it allows attributes on the same line as that tag name. Default is `false`.
 
@@ -86,6 +90,24 @@ There is a configurable number of attributes that are acceptable in one-line cas
 
 </eslint-code-block>
 
+### `"singleline": 1, "allowFirstLine": false`
+
+<eslint-code-block fix :rules="{'vue/max-attributes-per-line': ['error', {singleline: { allowFirstLine: false }}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent
+    lorem="1"
+  />
+
+  <!-- ✗ BAD -->
+  <MyComponent lorem="1" />
+</template>
+```
+
+</eslint-code-block>
+
 ### `"multiline": 2`
 
 <eslint-code-block fix :rules="{'vue/max-attributes-per-line': ['error', {multiline: 2}]}">
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index e379df47f..d50a78d6d 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -34,6 +34,9 @@ module.exports = {
                   max: {
                     type: 'number',
                     minimum: 1
+                  },
+                  allowFirstLine: {
+                    type: 'boolean'
                   }
                 },
                 additionalProperties: false
@@ -72,7 +75,8 @@ module.exports = {
     const configuration = parseOptions(context.options[0])
     const multilineMaximum = configuration.multiline
     const singlelinemMaximum = configuration.singleline
-    const canHaveFirstLine = configuration.allowFirstLine
+    const canHaveSinglelineFirstLine = configuration.singlelineAllowFirstLine
+    const canHaveMultilineFirstLine = configuration.multilineAllowFirstLine
     const template =
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
@@ -83,16 +87,22 @@ module.exports = {
 
         if (!numberOfAttributes) return
 
-        if (
-          utils.isSingleLine(node) &&
-          numberOfAttributes > singlelinemMaximum
-        ) {
-          showErrors(node.attributes.slice(singlelinemMaximum))
+        if (utils.isSingleLine(node)) {
+          if (
+            !canHaveSinglelineFirstLine &&
+            node.attributes[0].loc.start.line === node.loc.start.line
+          ) {
+            showErrors([node.attributes[0]])
+          }
+
+          if (numberOfAttributes > singlelinemMaximum) {
+            showErrors(node.attributes.slice(singlelinemMaximum))
+          }
         }
 
         if (!utils.isSingleLine(node)) {
           if (
-            !canHaveFirstLine &&
+            !canHaveMultilineFirstLine &&
             node.attributes[0].loc.start.line === node.loc.start.line
           ) {
             showErrors([node.attributes[0]])
@@ -114,27 +124,36 @@ module.exports = {
     function parseOptions(options) {
       const defaults = {
         singleline: 1,
+        singlelineAllowFirstLine: true,
         multiline: 1,
-        allowFirstLine: false
+        multilineAllowFirstLine: false
       }
 
       if (options) {
         if (typeof options.singleline === 'number') {
           defaults.singleline = options.singleline
-        } else if (options.singleline && options.singleline.max) {
-          defaults.singleline = options.singleline.max
+        } else if (typeof options.singleline === 'object') {
+          if (typeof options.singleline.max === 'number') {
+            defaults.singleline = options.singleline.max
+          }
+
+          if (typeof options.singleline.allowFirstLine === 'boolean') {
+            defaults.singlelineAllowFirstLine =
+              options.singleline.allowFirstLine
+          }
         }
 
         if (options.multiline) {
           if (typeof options.multiline === 'number') {
             defaults.multiline = options.multiline
           } else if (typeof options.multiline === 'object') {
-            if (options.multiline.max) {
+            if (typeof options.multiline.max === 'number') {
               defaults.multiline = options.multiline.max
             }
 
-            if (options.multiline.allowFirstLine) {
-              defaults.allowFirstLine = options.multiline.allowFirstLine
+            if (typeof options.multiline.allowFirstLine === 'boolean') {
+              defaults.multilineAllowFirstLine =
+                options.multiline.allowFirstLine
             }
           }
         }
diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index fa7210027..aedc6d6d8 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -299,6 +299,19 @@ petname="Snoopy" extra="foo">
           line: 3
         }
       ]
+    },
+    {
+      code: `<template><component name="John Doe"></component></template>`,
+      options: [{ singleline: { allowFirstLine: false } }],
+      output: `<template><component
+name="John Doe"></component></template>`,
+      errors: [
+        {
+          message: "'name' should be on a new line.",
+          type: 'VAttribute',
+          line: 1
+        }
+      ]
     }
   ]
 })

From 26d9920e4da87cd053ec89afa3ff4ce07b1901fe Mon Sep 17 00:00:00 2001
From: frozenbonito <t.aoki1130@gmail.com>
Date: Mon, 12 Apr 2021 12:40:54 +0900
Subject: [PATCH 0271/1010] Fix false negative with require-valid-default-prop
 (#1469)

---
 lib/rules/require-valid-default-prop.js       |  5 +-
 tests/lib/rules/require-valid-default-prop.js | 90 +++++++++++++++++++
 2 files changed, 93 insertions(+), 2 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index ef9453b23..e40cad861 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -49,10 +49,11 @@ function getPropertyNode(obj, name) {
 }
 
 /**
- * @param {Expression} node
+ * @param {Expression} targetNode
  * @returns {string[]}
  */
-function getTypes(node) {
+function getTypes(targetNode) {
+  const node = utils.skipTSAsExpression(targetNode)
   if (node.type === 'Identifier') {
     return [node.name]
   } else if (node.type === 'ArrayExpression') {
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 58adccadf..836f06d5c 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -207,6 +207,51 @@ ruleTester.run('require-valid-default-prop', rule, {
         }
       }`,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `export default Vue.extend({
+          props: {
+            foo: {
+              type: Array as PropType<string[]>,
+              default: () => []
+            }
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: errorMessage('function')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default Vue.extend({
+          props: {
+            foo: {
+              type: Object as PropType<{ [key: number]: number }>,
+              default: () => {}
+            }
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: errorMessage('function')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default Vue.extend({
+          props: {
+            foo: {
+              type: Function as PropType<() => number>,
+              default: () => 10
+            }
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: errorMessage('function')
     }
   ],
 
@@ -781,6 +826,51 @@ ruleTester.run('require-valid-default-prop', rule, {
       }`,
       parserOptions,
       errors: errorMessage('string')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default Vue.extend({
+          props: {
+            foo: {
+              type: Array as PropType<string[]>,
+              default: []
+            }
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: errorMessage('function')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default Vue.extend({
+          props: {
+            foo: {
+              type: Object as PropType<{ [key: number]: number }>,
+              default: {}
+            }
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: errorMessage('function')
+    },
+    {
+      filename: 'test.vue',
+      code: `export default Vue.extend({
+          props: {
+            foo: {
+              type: Function as PropType<() => number>,
+              default: 10
+            }
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: errorMessage('function')
     }
   ]
 })

From 084bfe3a2eee243fbfed61baee2f1c5834d2a5ab Mon Sep 17 00:00:00 2001
From: Alexander Sokolov <modex13@gmail.com>
Date: Mon, 12 Apr 2021 06:41:11 +0300
Subject: [PATCH 0272/1010] New: Add `vue/no-invalid-model-keys` rule (#1466)

* added no-invalid-model-keys rule

* added no-invalid-model-keys to rules list

* added no-invalid-model-keys tests

* removed unused

* added docs for no-invalid-model-keys

* Update docs/rules/no-invalid-model-keys.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-invalid-model-keys.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-invalid-model-keys.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-invalid-model-keys.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update lib/rules/no-invalid-model-keys.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update lib/rules/no-invalid-model-keys.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-invalid-model-keys.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update no-invalid-model-keys.md

* Update no-invalid-model-keys.js

* Update no-invalid-model-keys.js

* Update no-invalid-model-keys.js

* Update no-invalid-model-keys.js

Co-authored-by: Alex Sokolov <4497128+Alex-Sokolov@users.noreply.github.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/no-invalid-model-keys.md      | 103 ++++++++++++++++
 lib/index.js                             |   1 +
 lib/rules/no-invalid-model-keys.js       |  56 +++++++++
 tests/lib/rules/no-invalid-model-keys.js | 151 +++++++++++++++++++++++
 4 files changed, 311 insertions(+)
 create mode 100644 docs/rules/no-invalid-model-keys.md
 create mode 100644 lib/rules/no-invalid-model-keys.js
 create mode 100644 tests/lib/rules/no-invalid-model-keys.js

diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
new file mode 100644
index 000000000..b69cbf952
--- /dev/null
+++ b/docs/rules/no-invalid-model-keys.md
@@ -0,0 +1,103 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-invalid-model-keys
+description: require valid keys in model option
+---
+# vue/no-invalid-model-keys
+
+> require valid keys in model option
+
+
+## :book: Rule Details
+
+This rule is aimed at preventing invalid keys in model option.
+
+<eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  model: {
+    prop: 'list',
+  }
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  model: {
+    event: 'update'
+  }
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  model: {
+    prop: 'list',
+    event: 'update'
+  }
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  model: {
+    prop: 'list',
+    events: 'update'
+  }
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  model: {
+    props: 'list',
+    events: 'update'
+  }
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  model: {
+    name: 'checked',
+    props: 'list',
+    event: 'update'
+  }
+}
+</script>
+```
+</eslint-code-block>
+
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-invalid-model-keys.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-invalid-model-keys.js)
diff --git a/lib/index.js b/lib/index.js
index cc18e3055..a5f632314 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -81,6 +81,7 @@ module.exports = {
     'no-empty-component-block': require('./rules/no-empty-component-block'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
     'no-extra-parens': require('./rules/no-extra-parens'),
+    'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-lone-template': require('./rules/no-lone-template'),
diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
new file mode 100644
index 000000000..3a4b7ccf6
--- /dev/null
+++ b/lib/rules/no-invalid-model-keys.js
@@ -0,0 +1,56 @@
+/**
+ * @fileoverview Requires valid keys in model option.
+ * @author Alex Sokolov
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('../utils').GroupName} GroupName
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+/** @type {GroupName[]} */
+const GROUP_NAMES = ['model']
+
+const VALID_MODEL_KEYS = ['prop', 'event']
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require valid keys in model option',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-invalid-model-keys.html'
+    },
+    fixable: null,
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const groups = new Set(GROUP_NAMES)
+
+    // ----------------------------------------------------------------------
+    // Public
+    // ----------------------------------------------------------------------
+
+    return utils.executeOnVue(context, (obj) => {
+      const properties = utils.iterateProperties(obj, groups)
+
+      for (const o of properties) {
+        if (VALID_MODEL_KEYS.indexOf(o.name) === -1) {
+          context.report({
+            node: o.node,
+            message: "Invalid key '{{name}}' in model option.",
+            data: {
+              name: o.name
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-invalid-model-keys.js b/tests/lib/rules/no-invalid-model-keys.js
new file mode 100644
index 000000000..ebe4de973
--- /dev/null
+++ b/tests/lib/rules/no-invalid-model-keys.js
@@ -0,0 +1,151 @@
+/**
+ * @fileoverview Prevents invalid keys in model option.
+ * @author Alex Sokolov
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-invalid-model-keys')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+ruleTester.run('no-invalid-model-keys', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'list'
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            event: 'update'
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'list',
+            event: 'update'
+          }
+        }
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            props: 'list'
+          }
+        }
+      `,
+      errors: ["Invalid key 'props' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            events: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'events' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            props: 'list',
+            event: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'props' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'list',
+            events: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'events' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            props: 'list',
+            events: 'update'
+          }
+        }
+      `,
+      errors: [
+        "Invalid key 'props' in model option.",
+        "Invalid key 'events' in model option."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'checked',
+            props: 'list',
+            event: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'props' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            name: 'checked',
+            props: 'list',
+            event: 'update'
+          }
+        }
+      `,
+      errors: [
+        "Invalid key 'name' in model option.",
+        "Invalid key 'props' in model option."
+      ]
+    }
+  ]
+})

From 238de1b195cf84d6b314799700e6c5e8f4a29263 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 12 Apr 2021 16:34:41 +0900
Subject: [PATCH 0273/1010] Add `vue/no-unused-refs` rule (#1474)

* Add `vue/no-unused-refs` rule

* update doc
---
 docs/rules/README.md              |   2 +
 docs/rules/no-unused-refs.md      |  50 ++++
 lib/index.js                      |   1 +
 lib/rules/no-unused-refs.js       | 204 ++++++++++++++++
 tests/lib/rules/no-unused-refs.js | 384 ++++++++++++++++++++++++++++++
 5 files changed, 641 insertions(+)
 create mode 100644 docs/rules/no-unused-refs.md
 create mode 100644 lib/rules/no-unused-refs.js
 create mode 100644 tests/lib/rules/no-unused-refs.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d00e5478b..cb65b19ac 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -300,6 +300,7 @@ For example:
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
+| [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
@@ -315,6 +316,7 @@ For example:
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
+| [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  |
 | [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/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
diff --git a/docs/rules/no-unused-refs.md b/docs/rules/no-unused-refs.md
new file mode 100644
index 000000000..8c59f47c2
--- /dev/null
+++ b/docs/rules/no-unused-refs.md
@@ -0,0 +1,50 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-unused-refs
+description: disallow unused refs
+---
+# vue/no-unused-refs
+
+> disallow unused refs
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule is aimed at eliminating unused refs.
+This rule reports refs that are defined using the `ref` attribute in `<template>` but are not used via `$refs`.
+
+::: warning Note
+This rule cannot be checked for use in other components (e.g. `mixins`, Access via `$refs.x.$refs`).
+:::
+
+<eslint-code-block :rules="{'vue/no-unused-refs': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <input ref="foo" />
+
+  <!-- ✗ BAD (`bar` is not used) -->
+  <input ref="bar" />
+</template>
+<script>
+export default {
+  mounted() {
+    this.$refs.foo.value = 'foo'
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-refs.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unused-refs.js)
diff --git a/lib/index.js b/lib/index.js
index a5f632314..d38cff322 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -117,6 +117,7 @@ module.exports = {
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
     'no-unused-properties': require('./rules/no-unused-properties'),
+    'no-unused-refs': require('./rules/no-unused-refs'),
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-useless-concat': require('./rules/no-useless-concat'),
diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
new file mode 100644
index 000000000..0e9455f61
--- /dev/null
+++ b/lib/rules/no-unused-refs.js
@@ -0,0 +1,204 @@
+/**
+ * @fileoverview Disallow unused refs.
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Extract names from references objects.
+ * @param {VReference[]} references
+ */
+function getReferences(references) {
+  return references.filter((ref) => ref.variable == null).map((ref) => ref.id)
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow unused refs',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-unused-refs.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unused: "'{{name}}' is defined as ref, but never used."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {Set<string>} */
+    const usedRefs = new Set()
+
+    /** @type {VLiteral[]} */
+    const defineRefs = []
+    let hasUnknown = false
+
+    /**
+     * Report all unused refs.
+     */
+    function reportUnusedRefs() {
+      for (const defineRef of defineRefs) {
+        if (usedRefs.has(defineRef.value)) {
+          continue
+        }
+
+        context.report({
+          node: defineRef,
+          messageId: 'unused',
+          data: {
+            name: defineRef.value
+          }
+        })
+      }
+    }
+
+    /**
+     * Extract the use ref names for ObjectPattern.
+     * @param {ObjectPattern} node
+     * @returns {void}
+     */
+    function extractUsedForObjectPattern(node) {
+      for (const prop of node.properties) {
+        if (prop.type === 'Property') {
+          const name = utils.getStaticPropertyName(prop)
+          if (name) {
+            usedRefs.add(name)
+          } else {
+            hasUnknown = true
+            return
+          }
+        } else {
+          hasUnknown = true
+          return
+        }
+      }
+    }
+    /**
+     * Extract the use ref names.
+     * @param {Identifier | MemberExpression} refsNode
+     * @returns {void}
+     */
+    function extractUsedForPattern(refsNode) {
+      /** @type {Identifier | MemberExpression | ChainExpression} */
+      let node = refsNode
+      while (node.parent.type === 'ChainExpression') {
+        node = node.parent
+      }
+      const parent = node.parent
+      if (parent.type === 'AssignmentExpression') {
+        if (parent.right === node) {
+          if (parent.left.type === 'ObjectPattern') {
+            // `({foo} = $refs)`
+            extractUsedForObjectPattern(parent.left)
+          } else if (parent.left.type === 'Identifier') {
+            // `foo = $refs`
+            hasUnknown = true
+          }
+        }
+      } else if (parent.type === 'VariableDeclarator') {
+        if (parent.init === node) {
+          if (parent.id.type === 'ObjectPattern') {
+            // `const {foo} = $refs`
+            extractUsedForObjectPattern(parent.id)
+          } else if (parent.id.type === 'Identifier') {
+            // `const foo = $refs`
+            hasUnknown = true
+          }
+        }
+      } else if (parent.type === 'MemberExpression') {
+        if (parent.object === node) {
+          // `$refs.foo`
+          const name = utils.getStaticPropertyName(parent)
+          if (name) {
+            usedRefs.add(name)
+          } else {
+            hasUnknown = true
+          }
+        }
+      } else if (parent.type === 'CallExpression') {
+        const argIndex = parent.arguments.indexOf(node)
+        if (argIndex > -1) {
+          // `foo($refs)`
+          hasUnknown = true
+        }
+      } else if (
+        parent.type === 'ForInStatement' ||
+        parent.type === 'ReturnStatement'
+      ) {
+        hasUnknown = true
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        /**
+         * @param {VExpressionContainer} node
+         */
+        VExpressionContainer(node) {
+          if (hasUnknown) {
+            return
+          }
+          for (const id of getReferences(node.references)) {
+            if (id.name !== '$refs') {
+              continue
+            }
+            extractUsedForPattern(id)
+          }
+        },
+        /**
+         * @param {VAttribute} node
+         */
+        'VAttribute[directive=false]'(node) {
+          if (hasUnknown) {
+            return
+          }
+          if (node.key.name === 'ref' && node.value != null) {
+            defineRefs.push(node.value)
+          }
+        },
+        "VElement[parent.type!='VElement']:exit"() {
+          if (hasUnknown) {
+            return
+          }
+          reportUnusedRefs()
+        }
+      },
+      {
+        Identifier(id) {
+          if (hasUnknown) {
+            return
+          }
+          if (id.name !== '$refs') {
+            return
+          }
+          /** @type {Identifier | MemberExpression} */
+          let refsNode = id
+          if (id.parent.type === 'MemberExpression') {
+            if (id.parent.property === id) {
+              // `this.$refs.foo`
+              refsNode = id.parent
+            }
+          }
+          extractUsedForPattern(refsNode)
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/no-unused-refs.js b/tests/lib/rules/no-unused-refs.js
new file mode 100644
index 000000000..3deea4680
--- /dev/null
+++ b/tests/lib/rules/no-unused-refs.js
@@ -0,0 +1,384 @@
+/**
+ * @fileoverview Disallow unused refs.
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-unused-refs')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-unused-refs', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- ✓ GOOD -->
+        <input ref="foo" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs.foo.value = 'foo'
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="foo" />
+        <button @click="alert($refs.foo.value)">Click Me</button>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input :ref="e=>foo=e" />
+        <button @click="alert($refs.foo.value)">Click Me</button>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input id="foo" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="a" />
+        <input ref="b" />
+        <input ref="c" />
+        <input ref="d" />
+        <input ref="e" />
+        <input ref="f" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs.a;
+          const {b} = this.$refs;
+          ({c} = this.$refs);
+          $refs.d;
+          const {e} = $refs;
+          ({f} = $refs);
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="a" />
+        <input ref="b" />
+        <input ref="c" />
+        <input ref="d" />
+        <input ref="e" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs?.a;
+          this?.$refs.b;
+          $refs?.c;
+          this?.$refs?.d;
+          (this?.$refs)?.e;
+        }
+      }
+      </script>
+      `
+    },
+
+    // has unknown
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="foo" />
+        <input ref="bar" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs[foo].value = 'foo'
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+        <button @click="alert($refs[foo].value)">Click Me</button>
+        <input ref="y" />
+        <input ref="z" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+        <button @click="alert($refs[foo].value)">Click Me</button>
+        <input ref="y" />
+        <button @click="alert($refs.z.value)">Click Me</button>
+        <input ref="z" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs[a];
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          const {[a]: a} = this.$refs;
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          ({[a]: a} = this.$refs);
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          const {...a} = this.$refs;
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          const a = this.$refs;
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          a = this.$refs;
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          fn(this.$refs)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          for(const k in this.$refs) {}
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          getRefs() {
+            return this.$refs
+          }
+        }
+      }
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="foo" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "'foo' is defined as ref, but never used.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- ✓ GOOD -->
+        <input ref="foo" />
+
+        <!-- ✗ BAD (bar is not used) -->
+        <input ref="bar" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs.foo.value = 'foo'
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: "'bar' is defined as ref, but never used.",
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+        <button @click="alert($refs.foo.value)">Click Me</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: "'x' is defined as ref, but never used.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="alert($refs.foo.value)">Click Me</button>
+        <input ref="x" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "'x' is defined as ref, but never used.",
+          line: 4
+        }
+      ]
+    },
+
+    // illegal use
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      export default {
+        mounted() {
+          this.$refs();
+          x[this.$refs];
+          this.$refs = foo;
+          const {[this.$refs]: a} = foo;
+          const [b] = this.$refs;
+          ([b] = this.$refs);
+        }
+      }
+      </script>
+      `,
+      errors: ["'x' is defined as ref, but never used."]
+    }
+  ]
+})

From 01d1e45f303dfd0b3459a4d2d5651580f5d6274d Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 12 Apr 2021 16:41:50 +0900
Subject: [PATCH 0274/1010] 7.9.0

---
 docs/rules/README.md                |  2 +-
 docs/rules/no-invalid-model-keys.md | 18 +++++++++++++++++-
 docs/rules/no-unused-refs.md        |  7 +++++--
 docs/rules/object-curly-newline.md  |  4 ++--
 package.json                        |  2 +-
 5 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index cb65b19ac..e34e4ca2b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -359,7 +359,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks inside braces | :wrench: |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
 | [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators | :wrench: |
diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
index b69cbf952..615b69855 100644
--- a/docs/rules/no-invalid-model-keys.md
+++ b/docs/rules/no-invalid-model-keys.md
@@ -3,17 +3,18 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-invalid-model-keys
 description: require valid keys in model option
+since: v7.9.0
 ---
 # vue/no-invalid-model-keys
 
 > require valid keys in model option
 
-
 ## :book: Rule Details
 
 This rule is aimed at preventing invalid keys in model option.
 
 <eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+
 ```vue
 <script>
 /* ✓ GOOD */
@@ -24,9 +25,11 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+
 ```vue
 <script>
 /* ✓ GOOD */
@@ -37,9 +40,11 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+
 ```vue
 <script>
 /* ✓ GOOD */
@@ -51,9 +56,11 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+
 ```vue
 <script>
 /* ✗ BAD */
@@ -65,9 +72,11 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+
 ```vue
 <script>
 /* ✗ BAD */
@@ -79,9 +88,11 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block :rules="{'vue/no-invalid-model-keys': ['error']}">
+
 ```vue
 <script>
 /* ✗ BAD */
@@ -94,9 +105,14 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-invalid-model-keys.js)
diff --git a/docs/rules/no-unused-refs.md b/docs/rules/no-unused-refs.md
index 8c59f47c2..7abf43e28 100644
--- a/docs/rules/no-unused-refs.md
+++ b/docs/rules/no-unused-refs.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unused-refs
 description: disallow unused refs
+since: v7.9.0
 ---
 # vue/no-unused-refs
 
 > disallow unused refs
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule is aimed at eliminating unused refs.
@@ -44,6 +43,10 @@ export default {
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-refs.js)
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index cc4831c12..52e3d6ae4 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: enforce consistent line breaks inside braces
+description: enforce consistent line breaks after opening and before closing braces
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> enforce consistent line breaks inside braces
+> enforce consistent line breaks after opening and before closing braces
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/package.json b/package.json
index a6512db0c..5893d0cab 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.8.0",
+  "version": "7.9.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7e5f2e9d9113b8cc6c78ac7a4964e3a61700e96a Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 21 Apr 2021 20:15:56 +0900
Subject: [PATCH 0275/1010] Fix tsc error (#1480)

---
 lib/rules/no-invalid-model-keys.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
index 3a4b7ccf6..7985fd25d 100644
--- a/lib/rules/no-invalid-model-keys.js
+++ b/lib/rules/no-invalid-model-keys.js
@@ -13,9 +13,6 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
-/** @type {GroupName[]} */
-const GROUP_NAMES = ['model']
-
 const VALID_MODEL_KEYS = ['prop', 'event']
 
 module.exports = {
@@ -31,22 +28,30 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    const groups = new Set(GROUP_NAMES)
-
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
     return utils.executeOnVue(context, (obj) => {
-      const properties = utils.iterateProperties(obj, groups)
+      const modelProperty = utils.findProperty(obj, 'model')
+      if (!modelProperty || modelProperty.value.type !== 'ObjectExpression') {
+        return
+      }
 
-      for (const o of properties) {
-        if (VALID_MODEL_KEYS.indexOf(o.name) === -1) {
+      for (const p of modelProperty.value.properties) {
+        if (p.type !== 'Property') {
+          continue
+        }
+        const name = utils.getStaticPropertyName(p)
+        if (!name) {
+          continue
+        }
+        if (VALID_MODEL_KEYS.indexOf(name) === -1) {
           context.report({
-            node: o.node,
+            node: p,
             message: "Invalid key '{{name}}' in model option.",
             data: {
-              name: o.name
+              name
             }
           })
         }

From bf5a3100add64d372d171fc839044f45952a7f1b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 5 May 2021 09:12:10 +0900
Subject: [PATCH 0276/1010] Fix typo (#1485)

---
 docs/rules/no-template-target-blank.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index 411b1c9c2..f53289e3e 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -22,7 +22,7 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
   <!-- ✗ BAD -->
   <a href="http://example.com" target="_blank" >link</a>
-</temlate>
+</template>
 ```
 
 </eslint-code-block>
@@ -52,7 +52,7 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
   <!-- ✗ BAD -->
   <a href="http://example.com" target="_blank" rel="noopener">link</a>
-</temlate>
+</template>
 ```
 
 </eslint-code-block>
@@ -68,7 +68,7 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
   <!-- ✗ BAD -->
   <a href="http://example.com" target="_blank" >link</a>
-</temlate>
+</template>
 ```
 
 </eslint-code-block>
@@ -84,7 +84,7 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
   <!-- ✗ BAD -->
   <a :href="link" target="_blank">link</a>
-</temlate>
+</template>
 ```
 
 </eslint-code-block>
@@ -100,7 +100,7 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
   <!-- ✗ BAD -->
   <a href="http://example.com" target="_blank" >link</a>
-</temlate>
+</template>
 ```
 
 </eslint-code-block>

From c775584b922d21fe62f6aee0f638ed9b75968f1f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 5 May 2021 09:19:43 +0900
Subject: [PATCH 0277/1010] Fix typo (#1486)

---
 docs/rules/html-button-has-type.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/rules/html-button-has-type.md b/docs/rules/html-button-has-type.md
index 5974f72da..24f997e6a 100644
--- a/docs/rules/html-button-has-type.md
+++ b/docs/rules/html-button-has-type.md
@@ -48,13 +48,13 @@ This rule aims to warn if no type or an invalid type is used on a button type at
 
 - `button` ... `<button type="button"></button>`
   - `true` (default) ... allow value `button`.
-  - `false"` ... disallow value `button`.
+  - `false` ... disallow value `button`.
 - `submit` ... `<button type="submit"></button>`
   - `true` (default) ... allow value `submit`.
-  - `false"` ... disallow value `submit`.
+  - `false` ... disallow value `submit`.
 - `reset` ... `<button type="reset"></button>`
   - `true` (default) ... allow value `reset`.
-  - `false"` ... disallow value `reset`.
+  - `false` ... disallow value `reset`.
 
 ## :rocket: Version
 

From 8a0a0ed837e088e3013cf7219011642572422456 Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Sat, 29 May 2021 03:41:25 +0200
Subject: [PATCH 0278/1010] docs: fix vue/sort-keys options (#1500)

---
 docs/rules/sort-keys.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index cb8836f36..b573e4eaa 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -15,7 +15,7 @@ This rule is almost the same rule as core [sort-keys] rule but it will not error
 
 ```json
 {
-    "sort-keys": ["error", "asc", {
+    "vue/sort-keys": ["error", "asc", {
         "caseSensitive": true,
         "ignoreChildrenOf": ["model"],
         "ignoreGrandchildrenOf": ["computed", "directives", "inject", "props", "watch"],

From 793112d2ffaab146bd7d5315c738a9d9d3bafd48 Mon Sep 17 00:00:00 2001
From: IWANABETHATGUY <974153916@qq.com>
Date: Sat, 29 May 2021 09:51:45 +0800
Subject: [PATCH 0279/1010] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20https://github?=
 =?UTF-8?q?.com/vuejs/eslint-plugin-vue/issues/1492=20(#1493)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 🎸 https://github.com/vuejs/eslint-plugin-vue/issues/1492

* docs: ✏️ update doc

* fix: 🐛 fix eslint
---
 .../components/eslint-code-block.vue          |  15 +--
 docs/rules/README.md                          |   4 +-
 docs/rules/this-in-template.md                |   5 +-
 lib/rules/attributes-order.js                 |   6 +-
 lib/rules/component-definition-name-casing.js |   3 +-
 .../component-name-in-template-casing.js      |   3 +-
 lib/rules/experimental-script-setup-vars.js   |   5 +-
 lib/rules/html-self-closing.js                |   6 +-
 lib/rules/max-attributes-per-line.js          |   9 +-
 lib/rules/max-len.js                          |   3 +-
 .../multiline-html-element-content-newline.js |  17 +--
 .../new-line-between-multi-line-property.js   |   3 +-
 .../no-deprecated-data-object-declaration.js  |   3 +-
 .../no-deprecated-destroyed-lifecycle.js      |   3 +-
 .../no-deprecated-dollar-listeners-api.js     |   3 +-
 .../no-deprecated-dollar-scopedslots-api.js   |   3 +-
 .../no-deprecated-functional-template.js      |   3 +-
 lib/rules/no-deprecated-props-default-this.js |   3 +-
 lib/rules/no-deprecated-scope-attribute.js    |   5 +-
 .../no-deprecated-slot-scope-attribute.js     |   3 +-
 .../no-deprecated-v-on-native-modifier.js     |   3 +-
 .../no-deprecated-v-on-number-modifiers.js    |   3 +-
 .../no-deprecated-vue-config-keycodes.js      |   3 +-
 lib/rules/no-extra-parens.js                  |   3 +-
 lib/rules/no-irregular-whitespace.js          |   9 +-
 .../no-potential-component-option-typo.js     |   3 +-
 lib/rules/no-restricted-v-bind.js             |   5 +-
 .../no-side-effects-in-computed-properties.js |   9 +-
 ...-spaces-around-equal-signs-in-attribute.js |   3 +-
 lib/rules/no-useless-mustaches.js             |   7 +-
 lib/rules/no-useless-v-bind.js                |   3 +-
 lib/rules/require-explicit-emits.js           |  42 +++---
 lib/rules/require-toggle-inside-transition.js |   3 +-
 ...singleline-html-element-content-newline.js |  17 +--
 .../syntaxes/dynamic-directive-arguments.js   |   3 +-
 lib/rules/syntaxes/scope-attribute.js         |   3 +-
 lib/rules/syntaxes/slot-attribute.js          |   3 +-
 .../v-bind-prop-modifier-shorthand.js         |   3 +-
 lib/rules/this-in-template.js                 |  11 +-
 lib/rules/v-for-delimiter-style.js            |  14 +-
 lib/rules/v-slot-style.js                     |   5 +-
 lib/utils/indent-common.js                    |  96 ++++++--------
 lib/utils/index.js                            |  42 +++---
 tests/lib/rules/attribute-hyphenation.js      |  30 ++---
 tests/lib/rules/attributes-order.js           |  21 +--
 tests/lib/rules/block-spacing.js              |   6 +-
 tests/lib/rules/block-tag-newline.js          |  21 +--
 tests/lib/rules/brace-style.js                |   3 +-
 .../component-name-in-template-casing.js      |   3 +-
 tests/lib/rules/component-tags-order.js       |   9 +-
 tests/lib/rules/html-button-has-type.js       |   6 +-
 .../rules/mustache-interpolation-spacing.js   |   6 +-
 tests/lib/rules/no-confusing-v-for-v-if.js    |  18 +--
 tests/lib/rules/no-deprecated-filter.js       |   6 +-
 .../rules/no-deprecated-inline-template.js    |  15 +--
 tests/lib/rules/no-deprecated-v-bind-sync.js  |  39 ++----
 .../no-deprecated-v-on-number-modifiers.js    |   9 +-
 tests/lib/rules/no-dupe-v-else-if.js          | 123 ++++++------------
 tests/lib/rules/no-duplicate-attributes.js    |   3 +-
 tests/lib/rules/no-extra-parens.js            |   6 +-
 tests/lib/rules/no-irregular-whitespace.js    |   7 +-
 tests/lib/rules/no-multi-spaces.js            |   3 +-
 tests/lib/rules/no-multiple-template-root.js  |   9 +-
 tests/lib/rules/no-parsing-error.js           |   3 +-
 .../rules/no-restricted-static-attribute.js   |   3 +-
 tests/lib/rules/no-restricted-v-bind.js       |   3 +-
 tests/lib/rules/no-template-key.js            |  21 +--
 tests/lib/rules/no-template-shadow.js         |   3 +-
 tests/lib/rules/no-template-target-blank.js   |  27 ++--
 tests/lib/rules/no-textarea-mustache.js       |   6 +-
 tests/lib/rules/no-unused-vars.js             |  48 +++----
 tests/lib/rules/no-use-v-if-with-v-for.js     |  42 ++----
 .../rules/no-v-for-template-key-on-child.js   |  30 ++---
 tests/lib/rules/no-v-for-template-key.js      |  21 +--
 tests/lib/rules/no-v-model-argument.js        |   6 +-
 tests/lib/rules/require-explicit-emits.js     |  42 ++----
 .../rules/require-toggle-inside-transition.js |  30 ++---
 tests/lib/rules/require-v-for-key.js          |  57 +++-----
 tests/lib/rules/this-in-template.js           |  44 +++++++
 tests/lib/rules/valid-template-root.js        |   9 +-
 tests/lib/rules/valid-v-bind-sync.js          |  42 ++----
 tests/lib/rules/valid-v-else-if.js            |  42 ++----
 tests/lib/rules/valid-v-else.js               |  30 ++---
 tests/lib/rules/valid-v-for.js                | 120 ++++++-----------
 tests/lib/rules/valid-v-if.js                 |   3 +-
 tests/lib/rules/valid-v-model.js              |  60 +++------
 tests/lib/rules/valid-v-slot.js               |  12 +-
 tools/lib/categories.js                       |  18 +--
 88 files changed, 575 insertions(+), 888 deletions(-)

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index 00b694825..381d9985f 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -122,15 +122,12 @@ export default {
 
   async mounted() {
     // Load linter.
-    const [
-      { default: Linter },
-      { default: coreRules },
-      { parseForESLint }
-    ] = await Promise.all([
-      import('eslint4b/dist/linter'),
-      import('eslint4b/dist/core-rules'),
-      import('espree').then(() => import('vue-eslint-parser'))
-    ])
+    const [{ default: Linter }, { default: coreRules }, { parseForESLint }] =
+      await Promise.all([
+        import('eslint4b/dist/linter'),
+        import('eslint4b/dist/core-rules'),
+        import('espree').then(() => import('vue-eslint-parser'))
+      ])
 
     const linter = (this.linter = new Linter())
 
diff --git a/docs/rules/README.md b/docs/rules/README.md
index e34e4ca2b..9717d49ae 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -157,7 +157,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
-| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template |  |
+| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: |
 
 ## Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
 
@@ -267,7 +267,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
 | [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
-| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template |  |
+| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: |
 
 ## Uncategorized
 
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index 7924ad3b5..f193e7e37 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -10,12 +10,13 @@ since: v3.13.0
 > disallow usage of `this` in template
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
 This rule aims at preventing usage of `this` in Vue templates.
 
-<eslint-code-block :rules="{'vue/this-in-template': ['error']}">
+<eslint-code-block fix :rules="{'vue/this-in-template': ['error']}">
 
 ```vue
 <template>
@@ -45,7 +46,7 @@ This rule aims at preventing usage of `this` in Vue templates.
 
 ### `"always"`
 
-<eslint-code-block :rules="{'vue/this-in-template': ['error', 'always']}">
+<eslint-code-block fix :rules="{'vue/this-in-template': ['error', 'always']}">
 
 ```vue
 <template>
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 8f2917dd7..5af387db0 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -271,10 +271,8 @@ function create(context) {
         return
       }
 
-      let {
-        attr: previousNode,
-        position: previousPosition
-      } = attributeAndPositions[0]
+      let { attr: previousNode, position: previousPosition } =
+        attributeAndPositions[0]
       for (let index = 1; index < attributeAndPositions.length; index++) {
         const { attr, position } = attributeAndPositions[index]
 
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 1f2e59a85..8e192df5e 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -18,8 +18,7 @@ module.exports = {
     docs: {
       description: 'enforce specific casing for component definition name',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url:
-        'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
+      url: 'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
     },
     fixable: 'code', // or "code" or "whitespace"
     schema: [
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index dffca0c88..b2f60a637 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -30,8 +30,7 @@ module.exports = {
       description:
         'enforce specific casing for the component naming style in template',
       categories: undefined,
-      url:
-        'https://eslint.vuejs.org/rules/component-name-in-template-casing.html'
+      url: 'https://eslint.vuejs.org/rules/component-name-in-template-casing.html'
     },
     fixable: 'code',
     schema: [
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
index b209376d6..d215a27b9 100644
--- a/lib/rules/experimental-script-setup-vars.js
+++ b/lib/rules/experimental-script-setup-vars.js
@@ -161,8 +161,9 @@ function parseSetup(code, espree, eslintScope) {
     fallback: AST.getFallbackKeys
   })
 
-  const variables = /** @type {Variable[]} */ (result.globalScope.childScopes[0]
-    .variables)
+  const variables = /** @type {Variable[]} */ (
+    result.globalScope.childScopes[0].variables
+  )
 
   return variables.map((v) => v.name)
 }
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index b54c20671..ed4a3dca4 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -164,7 +164,8 @@ module.exports = {
                 name: node.rawName
               },
               fix(fixer) {
-                const tokens = context.parserServices.getTemplateBodyTokenStore()
+                const tokens =
+                  context.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLTagClose') {
                   return null
@@ -188,7 +189,8 @@ module.exports = {
                 name: node.rawName
               },
               fix(fixer) {
-                const tokens = context.parserServices.getTemplateBodyTokenStore()
+                const tokens =
+                  context.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLSelfClosingTagClose') {
                   return null
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index d50a78d6d..c21604a61 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -177,12 +177,11 @@ module.exports = {
 
             // Find the closest token before the current prop
             // that is not a white space
-            const prevToken = /** @type {Token} */ (template.getTokenBefore(
-              prop,
-              {
+            const prevToken = /** @type {Token} */ (
+              template.getTokenBefore(prop, {
                 filter: (token) => token.type !== 'HTMLWhitespace'
-              }
-            ))
+              })
+            )
 
             /** @type {Range} */
             const range = [prevToken.range[1], prop.range[0]]
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 6de8f8953..773b62649 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -209,8 +209,7 @@ module.exports = {
       OPTIONS_SCHEMA
     ],
     messages: {
-      max:
-        'This line has a length of {{lineLength}}. Maximum allowed is {{maxLength}}.',
+      max: 'This line has a length of {{lineLength}}. Maximum allowed is {{maxLength}}.',
       maxComment:
         'This line has a comment length of {{lineLength}}. Maximum allowed is {{maxCommentLength}}.'
     }
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index 49a675c4b..fa24dd250 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -72,8 +72,7 @@ module.exports = {
       description:
         'require a line break before and after the contents of a multiline element',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url:
-        'https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html'
+      url: 'https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
     schema: [
@@ -179,14 +178,12 @@ module.exports = {
           return
         }
 
-        const contentFirst = /** @type {Token} */ (template.getTokenAfter(
-          element.startTag,
-          getTokenOption
-        ))
-        const contentLast = /** @type {Token} */ (template.getTokenBefore(
-          element.endTag,
-          getTokenOption
-        ))
+        const contentFirst = /** @type {Token} */ (
+          template.getTokenAfter(element.startTag, getTokenOption)
+        )
+        const contentLast = /** @type {Token} */ (
+          template.getTokenBefore(element.endTag, getTokenOption)
+        )
 
         const beforeLineBreaks =
           contentFirst.loc.start.line - element.startTag.loc.end.line
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index c1be3618f..f0e3aa550 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -55,8 +55,7 @@ module.exports = {
       description:
         'enforce new lines between multi-line properties in Vue components',
       categories: undefined,
-      url:
-        'https://eslint.vuejs.org/rules/new-line-between-multi-line-property.html'
+      url: 'https://eslint.vuejs.org/rules/new-line-between-multi-line-property.html'
     },
     fixable: 'whitespace', // or "code" or "whitespace"
     schema: [
diff --git a/lib/rules/no-deprecated-data-object-declaration.js b/lib/rules/no-deprecated-data-object-declaration.js
index 37d280ef6..017e46ec4 100644
--- a/lib/rules/no-deprecated-data-object-declaration.js
+++ b/lib/rules/no-deprecated-data-object-declaration.js
@@ -52,8 +52,7 @@ module.exports = {
       description:
         'disallow using deprecated object declaration on data (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-data-object-declaration.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-data-object-declaration.html'
     },
     fixable: 'code',
     schema: [],
diff --git a/lib/rules/no-deprecated-destroyed-lifecycle.js b/lib/rules/no-deprecated-destroyed-lifecycle.js
index c3556084c..6176daa95 100644
--- a/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -21,8 +21,7 @@ module.exports = {
       description:
         'disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-destroyed-lifecycle.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-destroyed-lifecycle.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/no-deprecated-dollar-listeners-api.js b/lib/rules/no-deprecated-dollar-listeners-api.js
index 97d98359c..64c175be8 100644
--- a/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -20,8 +20,7 @@ module.exports = {
     docs: {
       description: 'disallow using deprecated `$listeners` (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-dollar-listeners-api.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-dollar-listeners-api.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/no-deprecated-dollar-scopedslots-api.js b/lib/rules/no-deprecated-dollar-scopedslots-api.js
index bdfa0f844..eaa9b3328 100644
--- a/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -21,8 +21,7 @@ module.exports = {
       description:
         'disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-dollar-scopedslots-api.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-dollar-scopedslots-api.html'
     },
     fixable: 'code',
     schema: [],
diff --git a/lib/rules/no-deprecated-functional-template.js b/lib/rules/no-deprecated-functional-template.js
index e489841b0..7624ddc51 100644
--- a/lib/rules/no-deprecated-functional-template.js
+++ b/lib/rules/no-deprecated-functional-template.js
@@ -21,8 +21,7 @@ module.exports = {
       description:
         'disallow using deprecated the `functional` template (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-functional-template.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-functional-template.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
index 926476c1e..b194e7915 100644
--- a/lib/rules/no-deprecated-props-default-this.js
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -20,8 +20,7 @@ module.exports = {
     docs: {
       description: 'disallow props default function `this` access',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-props-default-this.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-props-default-this.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/no-deprecated-scope-attribute.js b/lib/rules/no-deprecated-scope-attribute.js
index e7e22c3d3..dcb5d6270 100644
--- a/lib/rules/no-deprecated-scope-attribute.js
+++ b/lib/rules/no-deprecated-scope-attribute.js
@@ -23,9 +23,8 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    const templateBodyVisitor = scopeAttribute.createTemplateBodyVisitor(
-      context
-    )
+    const templateBodyVisitor =
+      scopeAttribute.createTemplateBodyVisitor(context)
     return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
   }
 }
diff --git a/lib/rules/no-deprecated-slot-scope-attribute.js b/lib/rules/no-deprecated-slot-scope-attribute.js
index 793b1ed6d..c3a08b8e0 100644
--- a/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -14,8 +14,7 @@ module.exports = {
       description:
         'disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-slot-scope-attribute.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-scope-attribute.html'
     },
     fixable: 'code',
     schema: [],
diff --git a/lib/rules/no-deprecated-v-on-native-modifier.js b/lib/rules/no-deprecated-v-on-native-modifier.js
index 4f60210b0..a37875d6d 100644
--- a/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -21,8 +21,7 @@ module.exports = {
       description:
         'disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-v-on-native-modifier.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-native-modifier.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index 24341580a..a7e91a095 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -22,8 +22,7 @@ module.exports = {
       description:
         'disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-v-on-number-modifiers.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-on-number-modifiers.html'
     },
     fixable: 'code',
     schema: [],
diff --git a/lib/rules/no-deprecated-vue-config-keycodes.js b/lib/rules/no-deprecated-vue-config-keycodes.js
index 4db268e44..c251e9548 100644
--- a/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -17,8 +17,7 @@ module.exports = {
       description:
         'disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-deprecated-vue-config-keycodes.html'
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-vue-config-keycodes.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 3f202fa9d..20c25938e 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -176,7 +176,8 @@ function createForVueSyntax(context) {
   }
 
   return {
-    "VAttribute[directive=true][key.name.name='bind'] > VExpressionContainer": verify,
+    "VAttribute[directive=true][key.name.name='bind'] > VExpressionContainer":
+      verify,
     'VElement > VExpressionContainer': verify
   }
 }
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index 7c05083b3..1cfbd6129 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -15,8 +15,10 @@ const utils = require('../utils')
 // Constants
 // ------------------------------------------------------------------------------
 
-const ALL_IRREGULARS = /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000\u2028\u2029]/u
-const IRREGULAR_WHITESPACE = /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000]+/gmu
+const ALL_IRREGULARS =
+  /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000\u2028\u2029]/u
+const IRREGULAR_WHITESPACE =
+  /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000]+/gmu
 const IRREGULAR_LINE_TERMINATORS = /[\u2028\u2029]/gmu
 
 // ------------------------------------------------------------------------------
@@ -195,7 +197,8 @@ module.exports = {
     const bodyVisitor = utils.defineTemplateBodyVisitor(context, {
       ...(skipHTMLAttributeValues
         ? {
-            'VAttribute[directive=false] > VLiteral': removeInvalidNodeErrorsInHTMLAttributeValue
+            'VAttribute[directive=false] > VLiteral':
+              removeInvalidNodeErrorsInHTMLAttributeValue
           }
         : {}),
       ...(skipHTMLTextContents
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index cf3b33cdc..ddd6f386c 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -17,8 +17,7 @@ module.exports = {
       description: 'disallow a potential typo in your component property',
       categories: undefined,
       recommended: false,
-      url:
-        'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
+      url: 'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
     },
     fixable: null,
     schema: [
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index 02ac6e399..d15bb4caa 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -137,9 +137,8 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     /** @type {ParsedOption[]} */
-    const options = (context.options.length === 0
-      ? DEFAULT_OPTIONS
-      : context.options
+    const options = (
+      context.options.length === 0 ? DEFAULT_OPTIONS : context.options
     ).map(parseOption)
 
     return utils.defineTemplateBodyVisitor(context, {
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 7c0639b95..54ededbdb 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -21,8 +21,7 @@ module.exports = {
     docs: {
       description: 'disallow side effects in computed properties',
       categories: ['vue3-essential', 'essential'],
-      url:
-        'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
+      url: 'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
     },
     fixable: null,
     schema: []
@@ -104,9 +103,9 @@ module.exports = {
           }
           const targetBody = scopeStack.body
 
-          const computedProperty = /** @type {ComponentComputedProperty[]} */ (computedPropertiesMap.get(
-            vueNode
-          )).find((cp) => {
+          const computedProperty = /** @type {ComponentComputedProperty[]} */ (
+            computedPropertiesMap.get(vueNode)
+          ).find((cp) => {
             return (
               cp.value &&
               node.loc.start.line >= cp.value.loc.start.line &&
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 8357fbf3d..31c290588 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -20,8 +20,7 @@ module.exports = {
     docs: {
       description: 'disallow spaces around equal signs in attribute',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url:
-        'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
+      url: 'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
     },
     fixable: 'whitespace',
     schema: []
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index 845c42f9b..8e5a6cee1 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -19,9 +19,10 @@ function stripQuotesForHTML(text) {
     return text.slice(1, -1)
   }
 
-  const re = /^(?:&(?:quot|apos|#\d+|#x[\da-f]+);|["'`])([\s\S]*)(?:&(?:quot|apos|#\d+|#x[\da-f]+);|["'`])$/u.exec(
-    text
-  )
+  const re =
+    /^(?:&(?:quot|apos|#\d+|#x[\da-f]+);|["'`])([\s\S]*)(?:&(?:quot|apos|#\d+|#x[\da-f]+);|["'`])$/u.exec(
+      text
+    )
   if (!re) {
     return null
   }
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index 5d4dc0067..749a292e4 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -145,7 +145,8 @@ module.exports = {
     }
 
     return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]": verify
+      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]":
+        verify
     })
   }
 }
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index ec356364e..797428254 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -387,10 +387,9 @@ function buildSuggest(object, emits, nameNode, context) {
     const sourceCode = context.getSourceCode()
     const emitsOptionValue = emitsOption.value
     if (emitsOptionValue.type === 'ArrayExpression') {
-      const leftBracket = /** @type {Token} */ (sourceCode.getFirstToken(
-        emitsOptionValue,
-        isLeftBracket
-      ))
+      const leftBracket = /** @type {Token} */ (
+        sourceCode.getFirstToken(emitsOptionValue, isLeftBracket)
+      )
       return [
         {
           messageId: 'addOneOption',
@@ -406,10 +405,9 @@ function buildSuggest(object, emits, nameNode, context) {
         }
       ]
     } else if (emitsOptionValue.type === 'ObjectExpression') {
-      const leftBrace = /** @type {Token} */ (sourceCode.getFirstToken(
-        emitsOptionValue,
-        isLeftBrace
-      ))
+      const leftBrace = /** @type {Token} */ (
+        sourceCode.getFirstToken(emitsOptionValue, isLeftBrace)
+      )
       return [
         {
           messageId: 'addOneOption',
@@ -451,14 +449,12 @@ function buildSuggest(object, emits, nameNode, context) {
             `,\nemits: ['${nameNode.value}']`
           )
         } else {
-          const objectLeftBrace = /** @type {Token} */ (sourceCode.getFirstToken(
-            object,
-            isLeftBrace
-          ))
-          const objectRightBrace = /** @type {Token} */ (sourceCode.getLastToken(
-            object,
-            isRightBrace
-          ))
+          const objectLeftBrace = /** @type {Token} */ (
+            sourceCode.getFirstToken(object, isLeftBrace)
+          )
+          const objectRightBrace = /** @type {Token} */ (
+            sourceCode.getLastToken(object, isRightBrace)
+          )
           return fixer.insertTextAfter(
             objectLeftBrace,
             `\nemits: ['${nameNode.value}']${
@@ -488,14 +484,12 @@ function buildSuggest(object, emits, nameNode, context) {
             `,\nemits: {'${nameNode.value}': null}`
           )
         } else {
-          const objectLeftBrace = /** @type {Token} */ (sourceCode.getFirstToken(
-            object,
-            isLeftBrace
-          ))
-          const objectRightBrace = /** @type {Token} */ (sourceCode.getLastToken(
-            object,
-            isRightBrace
-          ))
+          const objectLeftBrace = /** @type {Token} */ (
+            sourceCode.getFirstToken(object, isLeftBrace)
+          )
+          const objectRightBrace = /** @type {Token} */ (
+            sourceCode.getLastToken(object, isRightBrace)
+          )
           return fixer.insertTextAfter(
             objectLeftBrace,
             `\nemits: {'${nameNode.value}': null}${
diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index 12b77d741..223e4f9be 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -21,8 +21,7 @@ module.exports = {
       description:
         'require control the display of the content inside `<transition>`',
       categories: ['vue3-essential'],
-      url:
-        'https://eslint.vuejs.org/rules/require-toggle-inside-transition.html'
+      url: 'https://eslint.vuejs.org/rules/require-toggle-inside-transition.html'
     },
     fixable: null,
     schema: [],
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 52b5ed1fe..2ac1eba9a 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -61,8 +61,7 @@ module.exports = {
       description:
         'require a line break before and after the contents of a singleline element',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url:
-        'https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html'
+      url: 'https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
     schema: [
@@ -157,14 +156,12 @@ module.exports = {
           return
         }
 
-        const contentFirst = /** @type {Token} */ (template.getTokenAfter(
-          elem.startTag,
-          getTokenOption
-        ))
-        const contentLast = /** @type {Token} */ (template.getTokenBefore(
-          elem.endTag,
-          getTokenOption
-        ))
+        const contentFirst = /** @type {Token} */ (
+          template.getTokenAfter(elem.startTag, getTokenOption)
+        )
+        const contentLast = /** @type {Token} */ (
+          template.getTokenBefore(elem.endTag, getTokenOption)
+        )
 
         context.report({
           node: template.getLastToken(elem.startTag),
diff --git a/lib/rules/syntaxes/dynamic-directive-arguments.js b/lib/rules/syntaxes/dynamic-directive-arguments.js
index 9a790e9f7..e670fa3fc 100644
--- a/lib/rules/syntaxes/dynamic-directive-arguments.js
+++ b/lib/rules/syntaxes/dynamic-directive-arguments.js
@@ -20,7 +20,8 @@ module.exports = {
     }
 
     return {
-      'VAttribute[directive=true] > VDirectiveKey > VExpressionContainer': reportDynamicArgument
+      'VAttribute[directive=true] > VDirectiveKey > VExpressionContainer':
+        reportDynamicArgument
     }
   }
 }
diff --git a/lib/rules/syntaxes/scope-attribute.js b/lib/rules/syntaxes/scope-attribute.js
index c356a6750..af7dbcd2f 100644
--- a/lib/rules/syntaxes/scope-attribute.js
+++ b/lib/rules/syntaxes/scope-attribute.js
@@ -23,7 +23,8 @@ module.exports = {
     }
 
     return {
-      "VAttribute[directive=true] > VDirectiveKey[name.name='scope']": reportScope
+      "VAttribute[directive=true] > VDirectiveKey[name.name='scope']":
+        reportScope
     }
   }
 }
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 8b4392746..d5fa61898 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -128,7 +128,8 @@ module.exports = {
 
     return {
       "VAttribute[directive=false][key.name='slot']": reportSlot,
-      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='slot']": reportVBindSlot
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='slot']":
+        reportVBindSlot
     }
   }
 }
diff --git a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
index 219d2b3c9..5a53a9e3a 100644
--- a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
+++ b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
@@ -27,7 +27,8 @@ module.exports = {
     }
 
     return {
-      "VAttribute[directive=true] > VDirectiveKey[name.name='bind'][name.rawName='.']": reportPropModifierShorthand
+      "VAttribute[directive=true] > VDirectiveKey[name.name='bind'][name.rawName='.']":
+        reportPropModifierShorthand
     }
   }
 }
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 8ed42345c..671ac56a0 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -23,7 +23,7 @@ module.exports = {
       categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/this-in-template.html'
     },
-    fixable: null,
+    fixable: 'code',
     schema: [
       {
         enum: ['always', 'never']
@@ -91,6 +91,10 @@ module.exports = {
               context.report({
                 node,
                 loc: node.loc,
+                fix(fixer) {
+                  // node.parent should be some code like `this.test`, `this?.['result']`
+                  return fixer.replaceText(node.parent, propertyName)
+                },
                 message: "Unexpected usage of 'this'."
               })
             }
@@ -116,7 +120,10 @@ module.exports = {
                     context.report({
                       node: reference.id,
                       loc: reference.id.loc,
-                      message: "Expected 'this'."
+                      message: "Expected 'this'.",
+                      fix(fixer) {
+                        return fixer.insertTextBefore(reference.id, 'this.')
+                      }
                     })
                   }
                 }
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index ef0086cfe..a50b6a592 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -40,12 +40,14 @@ module.exports = {
           context.parserServices.getTemplateBodyTokenStore &&
           context.parserServices.getTemplateBodyTokenStore()
 
-        const delimiterToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-          node.left.length
-            ? node.left[node.left.length - 1]
-            : tokenStore.getFirstToken(node),
-          (token) => token.type !== 'Punctuator' || token.value !== ')'
-        ))
+        const delimiterToken = /** @type {Token} */ (
+          tokenStore.getTokenAfter(
+            node.left.length
+              ? node.left[node.left.length - 1]
+              : tokenStore.getFirstToken(node),
+            (token) => token.type !== 'Punctuator' || token.value !== ')'
+          )
+        )
 
         if (delimiterToken.value === preferredDelimiter) {
           return
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index f0cbe3610..1bb5f57f2 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -28,7 +28,10 @@ function normalizeOptions(options) {
   }
 
   if (typeof options === 'string') {
-    normalized.atComponent = normalized.default = normalized.named = /** @type {"shorthand" | "longform"} */ (options)
+    normalized.atComponent =
+      normalized.default =
+      normalized.named =
+        /** @type {"shorthand" | "longform"} */ (options)
   } else if (options != null) {
     /** @type {(keyof Options)[]} */
     const keys = ['atComponent', 'default', 'named']
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 9e6bfdeff..5f1e23632 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -739,10 +739,9 @@ module.exports.defineVisitor = function create(
         return true
       }
       if (parent.type === 'CallExpression' || parent.type === 'NewExpression') {
-        const openParen = /** @type {Token} */ (tokenStore.getTokenAfter(
-          parent.callee,
-          isNotRightParen
-        ))
+        const openParen = /** @type {Token} */ (
+          tokenStore.getTokenAfter(parent.callee, isNotRightParen)
+        )
         return parent.arguments.some(
           (param) =>
             getFirstAndLastTokens(param, openParen.range[1]).firstToken
@@ -1215,10 +1214,9 @@ module.exports.defineVisitor = function create(
     VForExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const lastOfLeft = last(node.left) || firstToken
-      const inToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        lastOfLeft,
-        isNotRightParen
-      ))
+      const inToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(lastOfLeft, isNotRightParen)
+      )
       const rightToken = tokenStore.getFirstToken(node.right)
 
       if (isLeftParen(firstToken)) {
@@ -1296,10 +1294,9 @@ module.exports.defineVisitor = function create(
       node
     ) {
       const leftToken = getChainHeadToken(node)
-      const opToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        node.left,
-        isNotRightParen
-      ))
+      const opToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.left, isNotRightParen)
+      )
       const rightToken = tokenStore.getTokenAfter(opToken)
       const prevToken = tokenStore.getTokenBefore(leftToken)
       const shouldIndent =
@@ -1392,15 +1389,13 @@ module.exports.defineVisitor = function create(
     ConditionalExpression(node) {
       const prevToken = tokenStore.getTokenBefore(node)
       const firstToken = tokenStore.getFirstToken(node)
-      const questionToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        node.test,
-        isNotRightParen
-      ))
+      const questionToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.test, isNotRightParen)
+      )
       const consequentToken = tokenStore.getTokenAfter(questionToken)
-      const colonToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        node.consequent,
-        isNotRightParen
-      ))
+      const colonToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+      )
       const alternateToken = tokenStore.getTokenAfter(colonToken)
       const isFlat =
         prevToken &&
@@ -1421,10 +1416,9 @@ module.exports.defineVisitor = function create(
     /** @param {DoWhileStatement} node */
     DoWhileStatement(node) {
       const doToken = tokenStore.getFirstToken(node)
-      const whileToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        node.body,
-        isNotRightParen
-      ))
+      const whileToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.body, isNotRightParen)
+      )
       const leftToken = tokenStore.getTokenAfter(whileToken)
       const testToken = tokenStore.getTokenAfter(leftToken)
       const lastToken = tokenStore.getLastToken(node)
@@ -1464,8 +1458,9 @@ module.exports.defineVisitor = function create(
     ExportDefaultDeclaration(node) {
       const exportToken = tokenStore.getFirstToken(node)
       const defaultToken = tokenStore.getFirstToken(node, 1)
-      const declarationToken = getFirstAndLastTokens(node.declaration)
-        .firstToken
+      const declarationToken = getFirstAndLastTokens(
+        node.declaration
+      ).firstToken
       setOffset([defaultToken, declarationToken], 1, exportToken)
     },
     /** @param {ExportNamedDeclaration} node */
@@ -1480,10 +1475,9 @@ module.exports.defineVisitor = function create(
         if (!firstSpecifier || firstSpecifier.type === 'ExportSpecifier') {
           // export {foo, bar}; or export {foo, bar} from "mod";
           const leftParenToken = tokenStore.getFirstToken(node, 1)
-          const rightParenToken = /** @type {Token} */ (tokenStore.getLastToken(
-            node,
-            isRightBrace
-          ))
+          const rightParenToken = /** @type {Token} */ (
+            tokenStore.getLastToken(node, isRightBrace)
+          )
           setOffset(leftParenToken, 0, exportToken)
           processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
 
@@ -1517,10 +1511,9 @@ module.exports.defineVisitor = function create(
         null
       const leftParenToken = tokenStore.getTokenAfter(awaitToken || forToken)
       const leftToken = tokenStore.getTokenAfter(leftParenToken)
-      const inToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        leftToken,
-        isNotRightParen
-      ))
+      const inToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(leftToken, isNotRightParen)
+      )
       const rightToken = tokenStore.getTokenAfter(inToken)
       const rightParenToken = tokenStore.getTokenBefore(
         node.body,
@@ -1615,10 +1608,9 @@ module.exports.defineVisitor = function create(
       processMaybeBlock(node.consequent, ifToken)
 
       if (node.alternate != null) {
-        const elseToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-          node.consequent,
-          isNotRightParen
-        ))
+        const elseToken = /** @type {Token} */ (
+          tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+        )
 
         setOffset(elseToken, 0, ifToken)
         processMaybeBlock(node.alternate, elseToken)
@@ -1739,10 +1731,9 @@ module.exports.defineVisitor = function create(
     'MemberExpression, MetaProperty'(node) {
       const objectToken = tokenStore.getFirstToken(node)
       if (node.type === 'MemberExpression' && node.computed) {
-        const leftBracketToken = /** @type {Token} */ (tokenStore.getTokenBefore(
-          node.property,
-          isLeftBracket
-        ))
+        const leftBracketToken = /** @type {Token} */ (
+          tokenStore.getTokenBefore(node.property, isLeftBracket)
+        )
         const propertyToken = tokenStore.getTokenAfter(leftBracketToken)
         const rightBracketToken = tokenStore.getTokenAfter(
           node.property,
@@ -1772,15 +1763,13 @@ module.exports.defineVisitor = function create(
       /** @type {Token} */
       let lastKeyToken
       if (node.computed) {
-        const keyLeftToken = /** @type {Token} */ (tokenStore.getFirstToken(
-          node,
-          isLeftBracket
-        ))
+        const keyLeftToken = /** @type {Token} */ (
+          tokenStore.getFirstToken(node, isLeftBracket)
+        )
         const keyToken = tokenStore.getTokenAfter(keyLeftToken)
-        const keyRightToken = (lastKeyToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-          node.key,
-          isRightBracket
-        )))
+        const keyRightToken = (lastKeyToken = /** @type {Token} */ (
+          tokenStore.getTokenAfter(node.key, isRightBracket)
+        ))
 
         if (hasPrefix) {
           setOffset(keyLeftToken, 0, /** @type {Token} */ (last(prefixTokens)))
@@ -1864,10 +1853,9 @@ module.exports.defineVisitor = function create(
       const switchToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(switchToken)
       const discriminantToken = tokenStore.getTokenAfter(leftParenToken)
-      const leftBraceToken = /** @type {Token} */ (tokenStore.getTokenAfter(
-        node.discriminant,
-        isLeftBrace
-      ))
+      const leftBraceToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.discriminant, isLeftBrace)
+      )
       const rightParenToken = tokenStore.getTokenBefore(leftBraceToken)
       const rightBraceToken = tokenStore.getLastToken(node)
 
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0bcf80169..e78238ee3 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -266,18 +266,16 @@ module.exports = {
         }
 
         if (skipDynamicArgumentsReport) {
-          context = wrapContextToOverrideReportMethodToSkipDynamicArgument(
-            context
-          )
+          context =
+            wrapContextToOverrideReportMethodToSkipDynamicArgument(context)
         }
 
         // Move `Program` handlers to `VElement[parent.type!='VElement']`
         const coreHandlers = coreRule.create(context)
 
-        const handlers = /** @type {TemplateListener} */ (Object.assign(
-          {},
-          coreHandlers
-        ))
+        const handlers = /** @type {TemplateListener} */ (
+          Object.assign({}, coreHandlers)
+        )
         if (handlers.Program) {
           handlers["VElement[parent.type!='VElement']"] = handlers.Program
           delete handlers.Program
@@ -838,11 +836,14 @@ module.exports = {
         if (propValue.type === 'FunctionExpression') {
           value = propValue.body
         } else if (propValue.type === 'ObjectExpression') {
-          const get = /** @type {(Property & { value: FunctionExpression }) | null} */ (findProperty(
-            propValue,
-            'get',
-            (p) => p.value.type === 'FunctionExpression'
-          ))
+          const get =
+            /** @type {(Property & { value: FunctionExpression }) | null} */ (
+              findProperty(
+                propValue,
+                'get',
+                (p) => p.value.type === 'FunctionExpression'
+              )
+            )
           value = get ? get.value.body : null
         }
 
@@ -870,13 +871,16 @@ module.exports = {
     }
 
     if (arg.type === 'ObjectExpression') {
-      const getProperty = /** @type {(Property & { value: FunctionExpression | ArrowFunctionExpression }) | null} */ (findProperty(
-        arg,
-        'get',
-        (p) =>
-          p.value.type === 'FunctionExpression' ||
-          p.value.type === 'ArrowFunctionExpression'
-      ))
+      const getProperty =
+        /** @type {(Property & { value: FunctionExpression | ArrowFunctionExpression }) | null} */ (
+          findProperty(
+            arg,
+            'get',
+            (p) =>
+              p.value.type === 'FunctionExpression' ||
+              p.value.type === 'ArrowFunctionExpression'
+          )
+        )
       return getProperty ? getProperty.value : null
     }
 
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 284017a3e..7e7f2ea9d 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -29,26 +29,22 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" my-prop="prop"></custom></div></template>',
+      code: '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" my-prop="prop"></custom></div></template>',
       options: ['always']
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" myProp="prop"></custom></div></template>',
+      code: '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" myProp="prop"></custom></div></template>',
       options: ['never']
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div data-id="foo" aria-test="bar" slot-scope="{ data }"><a onClick="" my-prop="prop"></a></div></template>',
+      code: '<template><div data-id="foo" aria-test="bar" slot-scope="{ data }"><a onClick="" my-prop="prop"></a></div></template>',
       options: ['never']
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" second-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
+      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" second-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
       options: ['never', { ignore: ['custom-hyphen', 'second-custom'] }]
     },
     {
@@ -120,8 +116,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
+      code: '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
       output:
         '<template><div><custom v-bind:myProp="prop"></custom></div></template>',
       options: ['never'],
@@ -135,8 +130,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
+      code: '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
       output:
         '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
       options: ['always'],
@@ -150,8 +144,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
+      code: '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
       output:
         '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
       options: ['always', { ignore: [] }],
@@ -165,8 +158,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom v-bind:my-prop="prop" :second-prop="test"></custom></div></template>',
+      code: '<template><div><custom v-bind:my-prop="prop" :second-prop="test"></custom></div></template>',
       output:
         '<template><div><custom v-bind:my-prop="prop" :secondProp="test"></custom></div></template>',
       options: ['never', { ignore: ['my-prop'] }],
@@ -180,8 +172,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom v-bind:myProp="prop" :secondProp="test"></custom></div></template>',
+      code: '<template><div><custom v-bind:myProp="prop" :secondProp="test"></custom></div></template>',
       output:
         '<template><div><custom v-bind:my-prop="prop" :secondProp="test"></custom></div></template>',
       options: ['always', { ignore: ['secondProp'] }],
@@ -195,8 +186,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom v-bind:propID="prop" :secondPropID="test"></custom></div></template>',
+      code: '<template><div><custom v-bind:propID="prop" :secondPropID="test"></custom></div></template>',
       output:
         '<template><div><custom v-bind:prop-i-d="prop" :secondPropID="test"></custom></div></template>',
       options: ['always', { ignore: ['secondPropID'] }],
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index c956dae8d..b08ab1612 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -194,13 +194,11 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div propone="prop" proptwo="prop" propthree="prop"></div></template>'
+      code: '<template><div propone="prop" proptwo="prop" propthree="prop"></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div propone="prop" proptwo="prop" is="header"></div></template>',
+      code: '<template><div propone="prop" proptwo="prop" is="header"></div></template>',
       options: [
         {
           order: [
@@ -221,8 +219,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div ref="header" is="header" propone="prop" proptwo="prop"></div></template>',
+      code: '<template><div ref="header" is="header" propone="prop" proptwo="prop"></div></template>',
       options: [
         {
           order: [
@@ -546,8 +543,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div data-id="foo" aria-test="bar" is="custom" myProp="prop"></div></template>',
+      code: '<template><div data-id="foo" aria-test="bar" is="custom" myProp="prop"></div></template>',
       output:
         '<template><div data-id="foo" is="custom" aria-test="bar" myProp="prop"></div></template>',
       errors: [
@@ -559,8 +555,7 @@ tester.run('attributes-order', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div ref="header" propone="prop" is="header" ></div></template>',
+      code: '<template><div ref="header" propone="prop" is="header" ></div></template>',
       options: [
         {
           order: [
@@ -1317,8 +1312,7 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      code:
-        '<template><div ref="foo" v-slot="{ qux }" bar="baz"></div></template>',
+      code: '<template><div ref="foo" v-slot="{ qux }" bar="baz"></div></template>',
       output:
         '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
       errors: [
@@ -1348,8 +1342,7 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      code:
-        '<template><div bar="baz" ref="foo" v-slot="{ qux }"></div></template>',
+      code: '<template><div bar="baz" ref="foo" v-slot="{ qux }"></div></template>',
       output:
         '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
       errors: [
diff --git a/tests/lib/rules/block-spacing.js b/tests/lib/rules/block-spacing.js
index 1c4c531a2..c06d54ec9 100644
--- a/tests/lib/rules/block-spacing.js
+++ b/tests/lib/rules/block-spacing.js
@@ -15,8 +15,7 @@ tester.run('block-spacing', rule, {
   valid: [
     '<template><div :attr="function foo() { return true; }" /></template>',
     {
-      code:
-        '<template><div :attr="function foo() {return true;}" /></template>',
+      code: '<template><div :attr="function foo() {return true;}" /></template>',
       options: ['never']
     },
     '<template><div :[(function(){return(1)})()]="a" /></template>'
@@ -114,8 +113,7 @@ tester.run('block-spacing', rule, {
       ]
     },
     {
-      code:
-        '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
+      code: '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
       output:
         '<template><div :[(function(){return(1)})()]="(function(){ return(1) })()" /></template>',
       errors: [
diff --git a/tests/lib/rules/block-tag-newline.js b/tests/lib/rules/block-tag-newline.js
index 924278799..a727b0b98 100644
--- a/tests/lib/rules/block-tag-newline.js
+++ b/tests/lib/rules/block-tag-newline.js
@@ -24,13 +24,11 @@ tester.run('block-tag-newline', rule, {
       options: [{ singleline: 'never', multiline: 'never' }]
     },
     {
-      code:
-        '<template>\n<input>\n</template>\n<script>\nlet a\nlet b\n</script>',
+      code: '<template>\n<input>\n</template>\n<script>\nlet a\nlet b\n</script>',
       options: [{ singleline: 'always', multiline: 'always' }]
     },
     {
-      code:
-        '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      code: '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
       options: [{ singleline: 'always', multiline: 'always', maxEmptyLines: 1 }]
     },
     {
@@ -42,8 +40,7 @@ tester.run('block-tag-newline', rule, {
       options: [{ multiline: 'never' }]
     },
     {
-      code:
-        '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\nlet b\n</script>',
+      code: '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\nlet b\n</script>',
       options: [{ singleline: 'never' }]
     },
     // invalid
@@ -110,8 +107,7 @@ tester.run('block-tag-newline', rule, {
       ]
     },
     {
-      code:
-        '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\n</script>',
+      code: '<template>\n<div>\n</div>\n</template>\n<script>\nlet a\n</script>',
       output: '<template><div>\n</div></template>\n<script>let a</script>',
       options: [{ singleline: 'never', multiline: 'never' }],
       errors: [
@@ -166,8 +162,7 @@ tester.run('block-tag-newline', rule, {
       ]
     },
     {
-      code:
-        '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      code: '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
       output:
         '<template>\n<input>\n</template>\n<script>\nlet a\nlet b\n</script>',
       options: [{ singleline: 'always', multiline: 'always' }],
@@ -199,8 +194,7 @@ tester.run('block-tag-newline', rule, {
       ]
     },
     {
-      code:
-        '<template>\n\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n\n</script>',
+      code: '<template>\n\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n\n</script>',
       output:
         '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
       options: [
@@ -222,8 +216,7 @@ tester.run('block-tag-newline', rule, {
       ]
     },
     {
-      code:
-        '<template><input>\n\n</template>\n<script>let a\nlet b\n\n\n</script><docs>\n#</docs>',
+      code: '<template><input>\n\n</template>\n<script>let a\nlet b\n\n\n</script><docs>\n#</docs>',
       output:
         '<template><input>\n\n</template>\n<script>let a\nlet b</script><docs>\n#\n</docs>',
       options: [
diff --git a/tests/lib/rules/brace-style.js b/tests/lib/rules/brace-style.js
index 24a41d28e..cfea73591 100644
--- a/tests/lib/rules/brace-style.js
+++ b/tests/lib/rules/brace-style.js
@@ -69,8 +69,7 @@ tester.run('brace-style', rule, {
       ]
     },
     {
-      code:
-        '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
+      code: '<template><div :[(function(){return(1)})()]="(function(){return(1)})()" /></template>',
       output: `<template><div :[(function(){return(1)})()]="(function(){
 return(1)
 })()" /></template>`,
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 31c4ae832..baeb66433 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -121,8 +121,7 @@ tester.run('component-name-in-template-casing', rule, {
       ]
     },
     {
-      code:
-        '<template><custom-element><TheComponent/></custom-element></template>',
+      code: '<template><custom-element><TheComponent/></custom-element></template>',
       options: [
         'PascalCase',
         { ignores: ['custom-element'], registeredComponentsOnly: false }
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 1630cbed1..0c40d4997 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -73,20 +73,17 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['template', 'docs', 'script', 'style'] }]
     },
     {
-      code:
-        '<template></template><docs></docs><script></script><style></style>',
+      code: '<template></template><docs></docs><script></script><style></style>',
       output: null,
       options: [{ order: ['template', 'script', 'style'] }]
     },
     {
-      code:
-        '<docs><div id="id">text <!--comment--> </div><br></docs><script></script><template></template><style></style>',
+      code: '<docs><div id="id">text <!--comment--> </div><br></docs><script></script><template></template><style></style>',
       output: null,
       options: [{ order: ['docs', 'script', 'template', 'style'] }]
     },
     {
-      code:
-        '<template></template><docs></docs><script></script><style></style>',
+      code: '<template></template><docs></docs><script></script><style></style>',
       output: null,
       options: [{ order: [['docs', 'script', 'template'], 'style'] }]
     },
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index d6f40487f..cdf8abff7 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -36,8 +36,7 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><slot><button type="button">Hello World</button></slot></template>'
+      code: '<template><slot><button type="button">Hello World</button></slot></template>'
     },
     {
       filename: 'test.vue',
@@ -191,8 +190,7 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><button>Hello World</button><button>Hello World</button></template>',
+      code: '<template><button>Hello World</button><button>Hello World</button></template>',
       errors: [
         {
           message: 'Missing an explicit type attribute for button.',
diff --git a/tests/lib/rules/mustache-interpolation-spacing.js b/tests/lib/rules/mustache-interpolation-spacing.js
index 45818fec8..f010fce4d 100644
--- a/tests/lib/rules/mustache-interpolation-spacing.js
+++ b/tests/lib/rules/mustache-interpolation-spacing.js
@@ -32,13 +32,11 @@ ruleTester.run('mustache-interpolation-spacing', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template>             <div id="               "></div>         </template>'
+      code: '<template>             <div id="               "></div>         </template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template> <div :style="  " :class="       foo      " v-if=foo   ></div>      </template>'
+      code: '<template> <div :style="  " :class="       foo      " v-if=foo   ></div>      </template>'
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-confusing-v-for-v-if.js b/tests/lib/rules/no-confusing-v-for-v-if.js
index c94d1b3ea..47959aeb4 100644
--- a/tests/lib/rules/no-confusing-v-for-v-if.js
+++ b/tests/lib/rules/no-confusing-v-for-v-if.js
@@ -29,36 +29,30 @@ tester.run('no-confusing-v-for-v-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="x"></div></div></template>'
+      code: '<template><div><div v-for="x in list" v-if="x"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>'
+      code: '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>'
+      code: '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
+      code: '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
     }
   ],
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
       errors: ["This 'v-if' should be moved to the wrapper element."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
       errors: ["This 'v-if' should be moved to the wrapper element."]
     }
   ]
diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
index a6158ab90..e21d2b619 100644
--- a/tests/lib/rules/no-deprecated-filter.js
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -57,8 +57,7 @@ ruleTester.run('no-deprecated-filter', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-for="msg in messages">{{ msg | filter }}</div></template>',
+      code: '<template><div v-for="msg in messages">{{ msg | filter }}</div></template>',
       errors: ['Filters are deprecated.']
     },
     {
@@ -73,8 +72,7 @@ ruleTester.run('no-deprecated-filter', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-bind:id="msg | filterA | filterB"></div></template>',
+      code: '<template><div v-bind:id="msg | filterA | filterB"></div></template>',
       errors: ['Filters are deprecated.']
     }
   ]
diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js
index 3ee8e999c..e64511acd 100644
--- a/tests/lib/rules/no-deprecated-inline-template.js
+++ b/tests/lib/rules/no-deprecated-inline-template.js
@@ -32,21 +32,18 @@ ruleTester.run('no-deprecated-inline-template', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><my-component :inline-template="foo"><div /></my-component></template>'
+      code: '<template><my-component :inline-template="foo"><div /></my-component></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><my-component Inline-Template="foo"><div /></my-component></template>'
+      code: '<template><my-component Inline-Template="foo"><div /></my-component></template>'
     }
   ],
 
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><my-component inline-template><div /></my-component></template>',
+      code: '<template><my-component inline-template><div /></my-component></template>',
       errors: [
         {
           line: 1,
@@ -59,14 +56,12 @@ ruleTester.run('no-deprecated-inline-template', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><my-component inline-template=""><div /></my-component></template>',
+      code: '<template><my-component inline-template=""><div /></my-component></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><my-component inline-template="foo"><div /></my-component></template>',
+      code: '<template><my-component inline-template="foo"><div /></my-component></template>',
       errors: [{ messageId: 'unexpected' }]
     }
   ]
diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
index 469d2f577..6f9d6860d 100644
--- a/tests/lib/rules/no-deprecated-v-bind-sync.js
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -59,8 +59,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        "<template><MyComponent v-bind:[dynamicArg].sync='bar'/></template>",
+      code: "<template><MyComponent v-bind:[dynamicArg].sync='bar'/></template>",
       output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
       errors: [
         "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
@@ -92,8 +91,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
+      code: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
       output:
         '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
       errors: [
@@ -102,8 +100,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="x.foo" /></div></div></template>',
       errors: [
@@ -112,8 +109,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x]" /></div></div></template>',
       errors: [
@@ -122,8 +118,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x - 1]" /></div></div></template>',
       errors: [
@@ -132,8 +127,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`${x}`]" /></div></div></template>',
       errors: [
@@ -142,8 +136,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`prefix_${x}`]" /></div></div></template>',
       errors: [
@@ -152,8 +145,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x ? x : \'_\']" /></div></div></template>',
       errors: [
@@ -162,8 +154,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x || \'_\']" /></div></div></template>',
       errors: [
@@ -172,8 +163,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x()]" /></div></div></template>',
       errors: [
@@ -182,8 +172,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
       errors: [
@@ -192,8 +181,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[typeof x]" /></div></div></template>',
       errors: [
@@ -202,8 +190,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>',
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>',
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[tag`${x}`]" /></div></div></template>',
       errors: [
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index 9edf2a272..dc7ae6500 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -56,8 +56,7 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        "<template><input v-on:keyup.page-down.native='onArrowUp'></template>"
+      code: "<template><input v-on:keyup.page-down.native='onArrowUp'></template>"
     },
     {
       filename: 'test.vue',
@@ -111,8 +110,7 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        "<template><input v-on:[dynamicArg].unknown.34='onArrowUp'></template>",
+      code: "<template><input v-on:[dynamicArg].unknown.34='onArrowUp'></template>",
       output:
         "<template><input v-on:[dynamicArg].unknown.page-down='onArrowUp'></template>",
       errors: [
@@ -121,8 +119,7 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        "<template><input v-on:[dynamicArg].34.unknown='onArrowUp'></template>",
+      code: "<template><input v-on:[dynamicArg].34.unknown='onArrowUp'></template>",
       output:
         "<template><input v-on:[dynamicArg].page-down.unknown='onArrowUp'></template>",
       errors: [
diff --git a/tests/lib/rules/no-dupe-v-else-if.js b/tests/lib/rules/no-dupe-v-else-if.js
index 0b5698fe8..214657a9c 100644
--- a/tests/lib/rules/no-dupe-v-else-if.js
+++ b/tests/lib/rules/no-dupe-v-else-if.js
@@ -370,56 +370,47 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="c" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="a" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="b" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /><div v-else-if="d" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /><div v-else-if="d" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b" /><div v-else-if="e" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b" /><div v-else-if="e" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="a" /><div v-else-if="a" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="a" /><div v-else-if="a" /></template>',
       errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
       errors: [
         { messageId: 'unexpected' },
         { messageId: 'unexpected' },
@@ -428,20 +419,17 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a"><div v-if="b" /></div><div v-else-if="a" /></template>',
+      code: '<template><div v-if="a"><div v-if="b" /></div><div v-else-if="a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a === 1" /><div v-else-if="a === 1" /></template>',
+      code: '<template><div v-if="a === 1" /><div v-else-if="a === 1" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="1 < a" /><div v-else-if="1 < a" /></template>',
+      code: '<template><div v-if="1 < a" /><div v-else-if="1 < a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
@@ -451,14 +439,12 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a && b" /><div v-else-if="a && b" /></template>',
+      code: '<template><div v-if="a && b" /><div v-else-if="a && b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a && b || c" /><div v-else-if="a && b || c" /></template>',
+      code: '<template><div v-if="a && b || c" /><div v-else-if="a && b || c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
@@ -468,14 +454,12 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a === 1" /><div v-else-if="a===1" /></template>',
+      code: '<template><div v-if="a === 1" /><div v-else-if="a===1" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a === 1" /><div v-else-if="a === /* comment */ 1" /></template>',
+      code: '<template><div v-if="a === 1" /><div v-else-if="a === /* comment */ 1" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
@@ -485,32 +469,27 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="a" /><div v-else-if="b" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="a" /><div v-else-if="b" /></template>',
       errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="b || a" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="b || a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a || b" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a || b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="c || d" /><div v-else-if="a || d" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="c || d" /><div v-else-if="a || d" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="(a === b && fn(c)) || d" /><div v-else-if="fn(c) && a === b" /></template>',
+      code: '<template><div v-if="(a === b && fn(c)) || d" /><div v-else-if="fn(c) && a === b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
@@ -520,110 +499,92 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a && b" /><div v-else-if="a && b && c" /></template>',
+      code: '<template><div v-if="a && b" /><div v-else-if="a && b && c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || c" /><div v-else-if="a && b || c" /></template>',
+      code: '<template><div v-if="a || c" /><div v-else-if="a && b || c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && a || b" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && a || b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || b)" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || b)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (a || e && c && b)" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (a || e && c && b)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b && c" /><div v-else-if="b && c && d" /></template>',
+      code: '<template><div v-if="a || b && c" /><div v-else-if="b && c && d" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="b && c" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="b && c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="(a || b) && c" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="(a || b) && c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="(a && (b || c)) || d" /><div v-else-if="(c || b) && e && a" /></template>',
+      code: '<template><div v-if="(a && (b || c)) || d" /><div v-else-if="(c || b) && e && a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a && b || b && c" /><div v-else-if="a && b && c" /></template>',
+      code: '<template><div v-if="a && b || b && c" /><div v-else-if="a && b && c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (c && e && b || a)" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (c && e && b || a)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || (b && (c || d))" /><div v-else-if="(d || c) && b" /></template>',
+      code: '<template><div v-if="a || (b && (c || d))" /><div v-else-if="(d || c) && b" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="(b || a) && c" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="(b || a) && c" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b && (a || c)" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b && (a || c)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b || c" /><div v-else-if="a || (b && d) || (c && e)" /></template>',
+      code: '<template><div v-if="a || b || c" /><div v-else-if="a || (b && d) || (c && e)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || (b || c)" /><div v-else-if="a || (b && c)" /></template>',
+      code: '<template><div v-if="a || (b || c)" /><div v-else-if="a || (b && c)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="(a || c) && (b || d)" /></template>',
+      code: '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="(a || c) && (b || d)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || d && b)" /></template>',
+      code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || d && b)" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
@@ -633,8 +594,7 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a || a" /><div v-else-if="a || a" /></template>',
+      code: '<template><div v-if="a || a" /><div v-else-if="a || a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
@@ -649,8 +609,7 @@ tester.run('no-dupe-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="a && a" /><div v-else-if="a && a" /></template>',
+      code: '<template><div v-if="a && a" /><div v-else-if="a && a" /></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
diff --git a/tests/lib/rules/no-duplicate-attributes.js b/tests/lib/rules/no-duplicate-attributes.js
index 661cf1f33..baa79dc98 100644
--- a/tests/lib/rules/no-duplicate-attributes.js
+++ b/tests/lib/rules/no-duplicate-attributes.js
@@ -33,8 +33,7 @@ tester.run('no-duplicate-attributes', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div @click="foo" @click="bar"></div></div></template>'
+      code: '<template><div><div @click="foo" @click="bar"></div></div></template>'
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
index 9b7ce315f..1bb704bac 100644
--- a/tests/lib/rules/no-extra-parens.js
+++ b/tests/lib/rules/no-extra-parens.js
@@ -157,15 +157,13 @@ tester.run('no-extra-parens', rule, {
       errors: [{ messageId: 'unexpected' }]
     },
     {
-      code:
-        '<template><button>{{ ((foo + bar | bitwise)) }}</button></template>',
+      code: '<template><button>{{ ((foo + bar | bitwise)) }}</button></template>',
       output:
         '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
       errors: [{ messageId: 'unexpected' }]
     },
     {
-      code:
-        '<template><button>{{ ((foo | bitwise)) | filter }}</button></template>',
+      code: '<template><button>{{ ((foo | bitwise)) | filter }}</button></template>',
       output:
         '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
       errors: [{ messageId: 'unexpected' }]
diff --git a/tests/lib/rules/no-irregular-whitespace.js b/tests/lib/rules/no-irregular-whitespace.js
index 85a0ad4aa..9c3a40cdc 100644
--- a/tests/lib/rules/no-irregular-whitespace.js
+++ b/tests/lib/rules/no-irregular-whitespace.js
@@ -11,9 +11,10 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2018 }
 })
 
-const IRREGULAR_WHITESPACES = '\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000'.split(
-  ''
-)
+const IRREGULAR_WHITESPACES =
+  '\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000'.split(
+    ''
+  )
 const IRREGULAR_LINE_TERMINATORS = '\u2028\u2029'.split('')
 const ALL_IRREGULAR_WHITESPACES = [].concat(
   IRREGULAR_WHITESPACES,
diff --git a/tests/lib/rules/no-multi-spaces.js b/tests/lib/rules/no-multi-spaces.js
index f7772dbe1..347672706 100644
--- a/tests/lib/rules/no-multi-spaces.js
+++ b/tests/lib/rules/no-multi-spaces.js
@@ -198,8 +198,7 @@ ruleTester.run('no-multi-spaces', rule, {
       ]
     },
     {
-      code:
-        '<template><div v-for="      i    in    b       ">{{ test }}</div></template>',
+      code: '<template><div v-for="      i    in    b       ">{{ test }}</div></template>',
       output: '<template><div v-for=" i in b ">{{ test }}</div></template>',
       errors: [
         {
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index 7899620a0..69f9f26e4 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -36,13 +36,11 @@ ruleTester.run('no-multiple-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
@@ -54,8 +52,7 @@ ruleTester.run('no-multiple-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+      code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
     },
 
     // https://github.com/vuejs/eslint-plugin-vue/issues/1439
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 91b787212..2b299f09a 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -37,8 +37,7 @@ tester.run('no-parsing-error', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><svg class="icon"><use xlink:href="#chevron"></use></svg></template>'
+      code: '<template><svg class="icon"><use xlink:href="#chevron"></use></svg></template>'
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-restricted-static-attribute.js b/tests/lib/rules/no-restricted-static-attribute.js
index 1b57e9145..e0c4de130 100644
--- a/tests/lib/rules/no-restricted-static-attribute.js
+++ b/tests/lib/rules/no-restricted-static-attribute.js
@@ -104,8 +104,7 @@ tester.run('no-restricted-static-attribute', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div foo v bar /><div foo="foo" vv="foo" bar="vfoo" /><div vvv="foo" bar="vv" /></template>',
+      code: '<template><div foo v bar /><div foo="foo" vv="foo" bar="vfoo" /><div vvv="foo" bar="vv" /></template>',
       options: [
         '/^vv/',
         { key: 'foo', value: true },
diff --git a/tests/lib/rules/no-restricted-v-bind.js b/tests/lib/rules/no-restricted-v-bind.js
index 6a7f0a447..e6dd72d59 100644
--- a/tests/lib/rules/no-restricted-v-bind.js
+++ b/tests/lib/rules/no-restricted-v-bind.js
@@ -109,8 +109,7 @@ tester.run('no-restricted-v-bind', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div :v-on :foo.sync /><div :foo="foo" v-bind="listener" /></template>',
+      code: '<template><div :v-on :foo.sync /><div :foo="foo" v-bind="listener" /></template>',
       options: ['/^v-/', { argument: 'foo', modifiers: ['sync'] }, null],
       errors: [
         'Using `:v-on` is not allowed.',
diff --git a/tests/lib/rules/no-template-key.js b/tests/lib/rules/no-template-key.js
index 9ec20a7fb..599e150f5 100644
--- a/tests/lib/rules/no-template-key.js
+++ b/tests/lib/rules/no-template-key.js
@@ -45,25 +45,21 @@ tester.run('no-template-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list" :key="item.id"><div /></template></template>'
+      code: '<template><template v-for="item in list" :key="item.id"><div /></template></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="(item, i) in list" :key="i"><div /></template></template>'
+      code: '<template><template v-for="(item, i) in list" :key="i"><div /></template></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list" :key="foo + item.id"><div /></template></template>'
+      code: '<template><template v-for="item in list" :key="foo + item.id"><div /></template></template>'
     },
     {
       filename: 'test.vue',
       // It is probably not valid, but it works as the Vue.js 3.x compiler.
       // We can prevent it with other rules. e.g. vue/require-v-for-key
-      code:
-        '<template><template v-for="item in list" key="foo"><div /></template></template>'
+      code: '<template><template v-for="item in list" key="foo"><div /></template></template>'
     }
   ],
   invalid: [
@@ -76,8 +72,7 @@ tester.run('no-template-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-bind:key="foo"></template></div></template>',
+      code: '<template><div><template v-bind:key="foo"></template></div></template>',
       errors: [
         "'<template>' cannot be keyed. Place the key on real elements instead."
       ]
@@ -91,16 +86,14 @@ tester.run('no-template-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-slot="item" :key="item.id"><div /></template></template>',
+      code: '<template><template v-slot="item" :key="item.id"><div /></template></template>',
       errors: [
         "'<template>' cannot be keyed. Place the key on real elements instead."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list"><template :key="item.id"><div /></template></template></template>',
+      code: '<template><template v-for="item in list"><template :key="item.id"><div /></template></template></template>',
       errors: [
         "'<template>' cannot be keyed. Place the key on real elements instead."
       ]
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index 9d819f348..872dffcf1 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -121,8 +121,7 @@ ruleTester.run('no-template-shadow', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-for="i in 5"><div v-for="i in 5"></div></div></template>',
+      code: '<template><div v-for="i in 5"><div v-for="i in 5"></div></div></template>',
       errors: [
         {
           message: "Variable 'i' is already declared in the upper scope.",
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
index ab1bf9220..3d21c1db2 100644
--- a/tests/lib/rules/no-template-target-blank.js
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -31,27 +31,22 @@ ruleTester.run('no-template-target-blank', rule, {
     },
     { code: '<template><a :href="link">link</a></template>' },
     {
-      code:
-        '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>'
+      code: '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>'
     },
     {
-      code:
-        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
     },
     {
-      code:
-        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
       options: [{ allowReferrer: true }]
     },
     { code: '<template><a href="/foo" target="_blank">link</a></template>' },
     {
-      code:
-        '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>'
+      code: '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>'
     },
     { code: '<template><a href="foo/bar" target="_blank">link</a></template>' },
     {
-      code:
-        '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>'
+      code: '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>'
     },
     {
       code: '<template><a :href="link" target="_blank">link</a></template>',
@@ -60,22 +55,19 @@ ruleTester.run('no-template-target-blank', rule, {
   ],
   invalid: [
     {
-      code:
-        '<template><a href="https://eslint.vuejs.org" target="_blank">link</a></template>',
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank">link</a></template>',
       errors: [
         'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
       ]
     },
     {
-      code:
-        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopenernoreferrer">link</a></template>',
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopenernoreferrer">link</a></template>',
       errors: [
         'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
       ]
     },
     {
-      code:
-        '<template><a :href="link" target="_blank" rel=3>link</a></template>',
+      code: '<template><a :href="link" target="_blank" rel=3>link</a></template>',
       errors: [
         'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
       ]
@@ -87,8 +79,7 @@ ruleTester.run('no-template-target-blank', rule, {
       ]
     },
     {
-      code:
-        '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
+      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
       errors: [
         'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
       ]
diff --git a/tests/lib/rules/no-textarea-mustache.js b/tests/lib/rules/no-textarea-mustache.js
index e31f96bed..75040538b 100644
--- a/tests/lib/rules/no-textarea-mustache.js
+++ b/tests/lib/rules/no-textarea-mustache.js
@@ -29,8 +29,7 @@ tester.run('no-textarea-mustache', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><textarea v-model="text"></textarea></div></template>'
+      code: '<template><div><textarea v-model="text"></textarea></div></template>'
     }
   ],
   invalid: [
@@ -41,8 +40,7 @@ tester.run('no-textarea-mustache', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><textarea>{{text}} and {{text}}</textarea></div></template>',
+      code: '<template><div><textarea>{{text}} and {{text}}</textarea></div></template>',
       errors: [
         "Unexpected mustache. Use 'v-model' instead.",
         "Unexpected mustache. Use 'v-model' instead."
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index 81df799bb..f57733d3f 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -30,23 +30,19 @@ tester.run('no-unused-vars', rule, {
       code: '<template><ol v-for="i in 5"><li :prop="i"></li></ol></template>'
     },
     {
-      code:
-        '<template v-for="i in 5"><comp v-for="j in 10">{{i}}{{j}}</comp></template>'
+      code: '<template v-for="i in 5"><comp v-for="j in 10">{{i}}{{j}}</comp></template>'
     },
     {
-      code:
-        '<template><ol v-for="i in data"><li v-for="f in i">{{ f.bar.baz }}</li></ol></template>'
+      code: '<template><ol v-for="i in data"><li v-for="f in i">{{ f.bar.baz }}</li></ol></template>'
     },
     {
       code: '<template><template scope="props">{{props}}</template></template>'
     },
     {
-      code:
-        '<template><template scope="props"><span v-if="props"></span></template></template>'
+      code: '<template><template scope="props"><span v-if="props"></span></template></template>'
     },
     {
-      code:
-        '<template><div v-for="(item, key) in items" :key="key">{{item.name}}</div></template>'
+      code: '<template><div v-for="(item, key) in items" :key="key">{{item.name}}</div></template>'
     },
     {
       code: '<template><div v-for="(v, i, c) in foo">{{c}}</div></template>'
@@ -84,18 +80,15 @@ tester.run('no-unused-vars', rule, {
       errors: ["'props' is defined but never used."]
     },
     {
-      code:
-        '<template><span><template scope="props"></template></span></template>',
+      code: '<template><span><template scope="props"></template></span></template>',
       errors: ["'props' is defined but never used."]
     },
     {
-      code:
-        '<template><div v-for="i in 5"><comp v-for="j in 10">{{i}}{{i}}</comp></div></template>',
+      code: '<template><div v-for="i in 5"><comp v-for="j in 10">{{i}}{{i}}</comp></div></template>',
       errors: ["'j' is defined but never used."]
     },
     {
-      code:
-        '<template><ol v-for="i in data"><li v-for="f in i"></li></ol></template>',
+      code: '<template><ol v-for="i in data"><li v-for="f in i"></li></ol></template>',
       errors: ["'f' is defined but never used."]
     },
     {
@@ -118,8 +111,7 @@ tester.run('no-unused-vars', rule, {
       errors: ["'c' is defined but never used."]
     },
     {
-      code:
-        '<template><div v-for="(item, key) in items" :key="item.id">{{item.name}}</div></template>',
+      code: '<template><div v-for="(item, key) in items" :key="item.id">{{item.name}}</div></template>',
       errors: ["'key' is defined but never used."]
     },
     {
@@ -149,8 +141,7 @@ tester.run('no-unused-vars', rule, {
       options: [{ ignorePattern: '^ignore' }]
     },
     {
-      code:
-        '<template><span><template scope="props"></template></span></template>',
+      code: '<template><span><template scope="props"></template></span></template>',
       errors: ["'props' is defined but never used."],
       options: [{ ignorePattern: '^ignore' }]
     },
@@ -164,23 +155,19 @@ tester.run('no-unused-vars', rule, {
       errors: ["'a' is defined but never used."]
     },
     {
-      code:
-        '<template><my-component v-slot="a" >{{d}}</my-component></template>',
+      code: '<template><my-component v-slot="a" >{{d}}</my-component></template>',
       errors: ["'a' is defined but never used."]
     },
     {
-      code:
-        '<template><my-component v-for="i in foo" v-slot="a" >{{a}}</my-component></template>',
+      code: '<template><my-component v-for="i in foo" v-slot="a" >{{a}}</my-component></template>',
       errors: ["'i' is defined but never used."]
     },
     {
-      code:
-        '<template><my-component v-for="i in foo" v-slot="a" >{{i}}</my-component></template>',
+      code: '<template><my-component v-for="i in foo" v-slot="a" >{{i}}</my-component></template>',
       errors: ["'a' is defined but never used."]
     },
     {
-      code:
-        '<template><div v-for="({a, b}, [c, d], e, f) in foo" >{{f}}</div></template>',
+      code: '<template><div v-for="({a, b}, [c, d], e, f) in foo" >{{f}}</div></template>',
       errors: [
         "'a' is defined but never used.",
         "'b' is defined but never used.",
@@ -189,8 +176,7 @@ tester.run('no-unused-vars', rule, {
       ]
     },
     {
-      code:
-        '<template><div v-for="({a, b}, c, [d], e, f) in foo" >{{f}}</div></template>',
+      code: '<template><div v-for="({a, b}, c, [d], e, f) in foo" >{{f}}</div></template>',
       errors: [
         "'a' is defined but never used.",
         "'b' is defined but never used.",
@@ -198,8 +184,7 @@ tester.run('no-unused-vars', rule, {
       ]
     },
     {
-      code:
-        '<template><my-component v-slot="{a, b, c, d}" >{{d}}</my-component></template>',
+      code: '<template><my-component v-slot="{a, b, c, d}" >{{d}}</my-component></template>',
       errors: [
         "'a' is defined but never used.",
         "'b' is defined but never used.",
@@ -207,8 +192,7 @@ tester.run('no-unused-vars', rule, {
       ]
     },
     {
-      code:
-        '<template><div v-for="({a, b: bar}, c = 1, [d], e, f) in foo" >{{f}}</div></template>',
+      code: '<template><div v-for="({a, b: bar}, c = 1, [d], e, f) in foo" >{{f}}</div></template>',
       errors: [
         "'a' is defined but never used.",
         "'bar' is defined but never used.",
diff --git a/tests/lib/rules/no-use-v-if-with-v-for.js b/tests/lib/rules/no-use-v-if-with-v-for.js
index d4bc932c9..4ed5e6f46 100644
--- a/tests/lib/rules/no-use-v-if-with-v-for.js
+++ b/tests/lib/rules/no-use-v-if-with-v-for.js
@@ -27,26 +27,22 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="x"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="x"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>',
+      code: '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
+      code: '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -80,26 +76,22 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="{x} in list" v-if="x"></div></div></template>',
+      code: '<template><div><div v-for="{x} in list" v-if="x"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="{x,y,z} in list" v-if="y.foo"></div></div></template>',
+      code: '<template><div><div v-for="{x,y,z} in list" v-if="y.foo"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="({x,y,z},i) in list" v-if="i%2==0"></div></div></template>',
+      code: '<template><div><div v-for="({x,y,z},i) in list" v-if="i%2==0"></div></div></template>',
       options: [{ allowUsingIterationVar: true }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="shown"><div v-for="({x,y,z},i) in list"></div></div></template>'
+      code: '<template><div v-if="shown"><div v-for="({x,y,z},i) in list"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -135,8 +127,7 @@ tester.run('no-use-v-if-with-v-for', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
       errors: [
         {
           message: "This 'v-if' should be moved to the wrapper element.",
@@ -146,8 +137,7 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
       errors: [
         {
           message: "This 'v-if' should be moved to the wrapper element.",
@@ -157,8 +147,7 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-if="x.isActive"></div></div></template>',
+      code: '<template><div><div v-for="x in list" v-if="x.isActive"></div></div></template>',
       errors: [
         {
           message:
@@ -214,8 +203,7 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="{x,y,z} in list" v-if="z.isActive"></div></div></template>',
+      code: '<template><div><div v-for="{x,y,z} in list" v-if="z.isActive"></div></div></template>',
       errors: [
         {
           message:
@@ -271,8 +259,7 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="{x} in list()" v-if="x.isActive"></div></div></template>',
+      code: '<template><div><div v-for="{x} in list()" v-if="x.isActive"></div></div></template>',
       errors: [
         {
           message:
@@ -283,8 +270,7 @@ tester.run('no-use-v-if-with-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="i in 5" v-if="i"></div></div></template>',
+      code: '<template><div><div v-for="i in 5" v-if="i"></div></div></template>',
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-v-for-template-key-on-child.js b/tests/lib/rules/no-v-for-template-key-on-child.js
index 36254f996..f6a1e2419 100644
--- a/tests/lib/rules/no-v-for-template-key-on-child.js
+++ b/tests/lib/rules/no-v-for-template-key-on-child.js
@@ -27,28 +27,23 @@ tester.run('no-v-for-template-key-on-child', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><Foo /></template></div></template>'
+      code: '<template><div><template v-for="x in list"><Foo /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><Foo /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x"><Foo /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x.id"><Foo :key="x.id" /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x.id"><Foo :key="x.id" /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="(x, i) in list" :key="i"><Foo :key="x" /></template></div></template>'
+      code: '<template><div><template v-for="(x, i) in list" :key="i"><Foo :key="x" /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="(x, i) in list"><Foo :key="foo" /></template></div></template>'
+      code: '<template><div><template v-for="(x, i) in list"><Foo :key="foo" /></template></div></template>'
     },
     {
       filename: 'test.vue',
@@ -79,8 +74,7 @@ tester.run('no-v-for-template-key-on-child', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><Foo :key="x" /></template></div></template>',
+      code: '<template><div><template v-for="x in list"><Foo :key="x" /></template></div></template>',
       errors: [
         {
           message:
@@ -91,32 +85,28 @@ tester.run('no-v-for-template-key-on-child', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><Foo :key="x.id" /></template></div></template>',
+      code: '<template><div><template v-for="x in list"><Foo :key="x.id" /></template></div></template>',
       errors: [
         '`<template v-for>` key should be placed on the `<template>` tag.'
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="foo"><Foo :key="x.id" /></template></div></template>',
+      code: '<template><div><template v-for="x in list" :key="foo"><Foo :key="x.id" /></template></div></template>',
       errors: [
         '`<template v-for>` key should be placed on the `<template>` tag.'
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key><Foo :key="x.id" /></template></div></template>',
+      code: '<template><div><template v-for="x in list" :key><Foo :key="x.id" /></template></div></template>',
       errors: [
         '`<template v-for>` key should be placed on the `<template>` tag.'
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key><div /><Foo :key="x.id" /></template></div></template>',
+      code: '<template><div><template v-for="x in list" :key><div /><Foo :key="x.id" /></template></div></template>',
       errors: [
         '`<template v-for>` key should be placed on the `<template>` tag.'
       ]
diff --git a/tests/lib/rules/no-v-for-template-key.js b/tests/lib/rules/no-v-for-template-key.js
index 56fdb348d..e6665b583 100644
--- a/tests/lib/rules/no-v-for-template-key.js
+++ b/tests/lib/rules/no-v-for-template-key.js
@@ -47,8 +47,7 @@ tester.run('no-v-for-template-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-bind:key="foo"></template></div></template>'
+      code: '<template><div><template v-bind:key="foo"></template></div></template>'
     },
     {
       filename: 'test.vue',
@@ -56,44 +55,38 @@ tester.run('no-v-for-template-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-slot="item" :key="item.id"><div /></template></template>'
+      code: '<template><template v-slot="item" :key="item.id"><div /></template></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list"><template :key="item.id"><div /></template></template></template>'
+      code: '<template><template v-for="item in list"><template :key="item.id"><div /></template></template></template>'
     }
   ],
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list" :key="item.id"><div /></template></template>',
+      code: '<template><template v-for="item in list" :key="item.id"><div /></template></template>',
       errors: [
         "'<template v-for>' cannot be keyed. Place the key on real elements instead."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="(item, i) in list" :key="i"><div /></template></template>',
+      code: '<template><template v-for="(item, i) in list" :key="i"><div /></template></template>',
       errors: [
         "'<template v-for>' cannot be keyed. Place the key on real elements instead."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list" :key="foo + item.id"><div /></template></template>',
+      code: '<template><template v-for="item in list" :key="foo + item.id"><div /></template></template>',
       errors: [
         "'<template v-for>' cannot be keyed. Place the key on real elements instead."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="item in list" key="foo"><div /></template></template>',
+      code: '<template><template v-for="item in list" key="foo"><div /></template></template>',
       errors: [
         "'<template v-for>' cannot be keyed. Place the key on real elements instead."
       ]
diff --git a/tests/lib/rules/no-v-model-argument.js b/tests/lib/rules/no-v-model-argument.js
index cba98ebe4..4ffe0a57b 100644
--- a/tests/lib/rules/no-v-model-argument.js
+++ b/tests/lib/rules/no-v-model-argument.js
@@ -31,14 +31,12 @@ ruleTester.run('no-v-model-argument', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent v-model:foo="bar"></MyComponent></template>',
+      code: '<template><MyComponent v-model:foo="bar"></MyComponent></template>',
       errors: ["'v-model' directives require no argument."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent v-model:foo.trim="bar"></MyComponent></template>',
+      code: '<template><MyComponent v-model:foo.trim="bar"></MyComponent></template>',
       errors: ["'v-model' directives require no argument."]
     }
   ]
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 31ad623a4..6cf1cc6eb 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -417,8 +417,7 @@ tester.run('require-explicit-emits', rule, {
           endColumn: 33,
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -431,8 +430,7 @@ emits: ['foo']
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -797,8 +795,7 @@ emits: {'foo': null}
             'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -813,8 +810,7 @@ emits: ['foo']
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1308,8 +1304,7 @@ emits: {'foo': null}
             'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1324,8 +1319,7 @@ emits: ['foo']
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1362,8 +1356,7 @@ emits: {'foo': null}
             'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1378,8 +1371,7 @@ emits: ['foo'],
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1415,8 +1407,7 @@ emits: {'foo': null},
             'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1430,8 +1421,7 @@ emits: ['foo'],
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1466,8 +1456,7 @@ emits: {'foo': null},
             'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1481,8 +1470,7 @@ emits: ['foo']
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1517,8 +1505,7 @@ emits: {'foo': null}
             'The "foo" event has been triggered but not declared on `emits` option.',
           suggestions: [
             {
-              desc:
-                'Add the `emits` option with array syntax and define "foo" event.',
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
@@ -1532,8 +1519,7 @@ emits: ['foo']
       `
             },
             {
-              desc:
-                'Add the `emits` option with object syntax and define "foo" event.',
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
               output: `
       <template>
         <div @click="$emit('foo')"/>
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 82726b6f0..76c2b7c5a 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -32,8 +32,7 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><transition><div v-show="show" /></transition></template>'
+      code: '<template><transition><div v-show="show" /></transition></template>'
     },
     {
       filename: 'test.vue',
@@ -41,8 +40,7 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><Transition><div v-show="show" /></Transition></template>'
+      code: '<template><Transition><div v-show="show" /></Transition></template>'
     },
     {
       filename: 'test.vue',
@@ -50,28 +48,23 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><Transition><component :is="component" /></Transition></template>'
+      code: '<template><Transition><component :is="component" /></Transition></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><Transition><div :is="component" /></Transition></template>'
+      code: '<template><Transition><div :is="component" /></Transition></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><svg height="100" width="100"><transition><circle v-if="show" /></transition></svg> </template>'
+      code: '<template><svg height="100" width="100"><transition><circle v-if="show" /></transition></svg> </template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><svg height="100" width="100"><transition><MyComponent /></transition></svg> </template>'
+      code: '<template><svg height="100" width="100"><transition><MyComponent /></transition></svg> </template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><transition><template v-if="show"><div /></template></transition></template>'
+      code: '<template><transition><template v-if="show"><div /></template></transition></template>'
     }
   ],
   invalid: [
@@ -100,20 +93,17 @@ tester.run('require-toggle-inside-transition', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><transition><div v-for="e in list" /></transition></template>',
+      code: '<template><transition><div v-for="e in list" /></transition></template>',
       errors: [{ messageId: 'expected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><svg height="100" width="100"><transition><circle /></transition></svg> </template>',
+      code: '<template><svg height="100" width="100"><transition><circle /></transition></svg> </template>',
       errors: [{ messageId: 'expected' }]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><transition><template v-for="e in list"><div /></template></transition></template>',
+      code: '<template><transition><template v-for="e in list"><div /></template></transition></template>',
       errors: [{ messageId: 'expected' }]
     }
   ]
diff --git a/tests/lib/rules/require-v-for-key.js b/tests/lib/rules/require-v-for-key.js
index f98da8bc1..22bb36244 100644
--- a/tests/lib/rules/require-v-for-key.js
+++ b/tests/lib/rules/require-v-for-key.js
@@ -29,85 +29,69 @@ tester.run('require-v-for-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" v-bind:key="x"></div></div></template>'
+      code: '<template><div><div v-for="x in list" v-bind:key="x"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" :key="x.foo"></div></div></template>'
+      code: '<template><div><div v-for="x in list" :key="x.foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom-component v-for="x in list"></custom-component></div></template>'
+      code: '<template><div><custom-component v-for="x in list"></custom-component></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
+      code: '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :name="x"></slot></div></template>'
+      code: '<template><div><slot v-for="x in list" :name="x"></slot></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :name="x"><div :key="x"></div></slot></div></template>'
+      code: '<template><div><slot v-for="x in list" :name="x"><div :key="x"></div></slot></div></template>'
     },
     // key on <template> : In Vue.js 3.x, you can place key on <template>.
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" v-bind:key="x"><div /></template></div></template>'
+      code: '<template><div><template v-for="x in list" v-bind:key="x"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" v-bind:key="x"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="x in list" v-bind:key="x"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><div /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x.id"><div /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x.id"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x.id"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x.id"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="(x, i) in list" :key="i"><div /></template></div></template>'
+      code: '<template><div><template v-for="(x, i) in list" :key="i"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="(x, i) in list" :key="i"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="(x, i) in list" :key="i"><MyComp /></template></div></template>'
     },
     // key on <slot> : In Vue.js 3.x, you can place key on <slot>.
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :key="x"><div /></slot></div></template>'
+      code: '<template><div><slot v-for="x in list" :key="x"><div /></slot></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :key="x"><MyComp /></slot></div></template>'
+      code: '<template><div><slot v-for="x in list" :key="x"><MyComp /></slot></div></template>'
     }
   ],
   invalid: [
@@ -118,20 +102,17 @@ tester.run('require-v-for-key', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" key="100"></div></div></template>',
+      code: '<template><div><div v-for="x in list" key="100"></div></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><div></div></template></div></template>',
+      code: '<template><div><template v-for="x in list"><div></div></template></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :name="x"><div></div></slot></div></template>',
+      code: '<template><div><slot v-for="x in list" :name="x"><div></div></slot></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     }
   ]
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index f2a40ff61..5d081f468 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -121,41 +121,73 @@ function createInvalidTests(prefix, options, message, type) {
   return [
     {
       code: `<template><div>{{ ${prefix}foo }}</div></template><!-- ${comment} -->`,
+      output: `<template><div>{{ ${suggestionPrefix(
+        prefix,
+        options
+      )}foo }}</div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div>{{ ${prefix}foo() }}</div></template><!-- ${comment} -->`,
+      output: `<template><div>{{ ${suggestionPrefix(
+        prefix,
+        options
+      )}foo() }}</div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div>{{ ${prefix}foo.bar() }}</div></template><!-- ${comment} -->`,
+      output: `<template><div>{{ ${suggestionPrefix(
+        prefix,
+        options
+      )}foo.bar() }}</div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div :class="${prefix}foo"></div></template><!-- ${comment} -->`,
+      output: `<template><div :class="${suggestionPrefix(
+        prefix,
+        options
+      )}foo"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div :class="{foo: ${prefix}foo}"></div></template><!-- ${comment} -->`,
+      output: `<template><div :class="{foo: ${suggestionPrefix(
+        prefix,
+        options
+      )}foo}"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div :class="{foo: ${prefix}foo()}"></div></template><!-- ${comment} -->`,
+      output: `<template><div :class="{foo: ${suggestionPrefix(
+        prefix,
+        options
+      )}foo()}"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div v-if="${prefix}foo"></div></template><!-- ${comment} -->`,
+      output: `<template><div v-if="${suggestionPrefix(
+        prefix,
+        options
+      )}foo"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     },
     {
       code: `<template><div v-for="foo in ${prefix}bar"></div></template><!-- ${comment} -->`,
+      output: `<template><div v-for="foo in ${suggestionPrefix(
+        prefix,
+        options
+      )}bar"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
     }
@@ -172,11 +204,13 @@ function createInvalidTests(prefix, options, message, type) {
       : [
           {
             code: `<template><div>{{ this['xs'] }}</div></template><!-- ${comment} -->`,
+            output: `<template><div>{{ xs }}</div></template><!-- ${comment} -->`,
             errors: [{ message, type }],
             options
           },
           {
             code: `<template><div>{{ this['xs0AZ_foo'] }}</div></template><!-- ${comment} -->`,
+            output: `<template><div>{{ xs0AZ_foo }}</div></template><!-- ${comment} -->`,
             errors: [{ message, type }],
             options
           }
@@ -225,13 +259,23 @@ ruleTester.run('this-in-template', rule, {
     .concat([
       {
         code: `<template><div v-if="fn(this.$foo)"></div></template><!-- never -->`,
+        output: `<template><div v-if="fn($foo)"></div></template><!-- never -->`,
         errors: ["Unexpected usage of 'this'."],
         options: ['never']
       },
       {
         code: `<template><div :class="{ foo: this.$foo }"></div></template><!-- never -->`,
+        output: `<template><div :class="{ foo: $foo }"></div></template><!-- never -->`,
         errors: ["Unexpected usage of 'this'."],
         options: ['never']
       }
     ])
 })
+
+function suggestionPrefix(prefix, options) {
+  if (options[0] === 'always' && !['this.', 'this?.'].includes(prefix)) {
+    return 'this.'
+  } else {
+    return ''
+  }
+}
diff --git a/tests/lib/rules/valid-template-root.js b/tests/lib/rules/valid-template-root.js
index 212fefc8d..f530786d3 100644
--- a/tests/lib/rules/valid-template-root.js
+++ b/tests/lib/rules/valid-template-root.js
@@ -41,13 +41,11 @@ tester.run('valid-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
     },
     {
       filename: 'test.vue',
@@ -59,8 +57,7 @@ tester.run('valid-template-root', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+      code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index 763ae582d..a2e47a6a7 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -51,63 +51,51 @@ tester.run('valid-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><svg><MyComponent :foo.sync="this.foo().bar" /></svg></template>'
+      code: '<template><svg><MyComponent :foo.sync="this.foo().bar" /></svg></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="x.foo" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x - 1]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`${x}`]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[`prefix_${x}`]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x ? x : \'_\']" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x || \'_\']" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[x()]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[typeof x]" /></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>'
+      code: '<template><div><div v-for="x in list"><MyComponent :foo.sync="foo[tag`${x}`]" /></div></div></template>'
     },
     // not .sync
     {
@@ -431,14 +419,12 @@ tester.run('valid-v-bind-sync', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><tr v-on:is="myRow" :some-prop.sync="somePropValue"></template>',
+      code: '<template><tr v-on:is="myRow" :some-prop.sync="somePropValue"></template>',
       errors: ["'.sync' modifiers aren't supported on <tr> non Vue-components."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><tr v-bind="myRow" :some-prop.sync="somePropValue"></template>',
+      code: '<template><tr v-bind="myRow" :some-prop.sync="somePropValue"></template>',
       errors: ["'.sync' modifiers aren't supported on <tr> non Vue-components."]
     }
   ]
diff --git a/tests/lib/rules/valid-v-else-if.js b/tests/lib/rules/valid-v-else-if.js
index e9f05d1e2..847632c56 100644
--- a/tests/lib/rules/valid-v-else-if.js
+++ b/tests/lib/rules/valid-v-else-if.js
@@ -29,13 +29,11 @@ tester.run('valid-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if="foo"></div></div></template>'
+      code: '<template><div><div v-if="foo"></div><div v-else-if="foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else-if="foo"></div></div></template>'
+      code: '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else-if="foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -44,21 +42,18 @@ tester.run('valid-v-else-if', rule, {
     // parsing error
     {
       filename: 'parsing-error.vue',
-      code:
-        '<template><div v-if="foo"></div><div v-else-if="."></div></template>'
+      code: '<template><div v-if="foo"></div><div v-else-if="."></div></template>'
     },
     // comment value (parsing error)
     {
       filename: 'comment-value.vue',
-      code:
-        '<template><div v-if="foo"></div><div v-else-if="/**/"></div></template>'
+      code: '<template><div v-if="foo"></div><div v-else-if="/**/"></div></template>'
     }
   ],
   invalid: [
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-else-if="foo"><div></div></template></template>',
+      code: '<template><template v-else-if="foo"><div></div></template></template>',
       errors: [
         "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
       ]
@@ -79,67 +74,58 @@ tester.run('valid-v-else-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div></div><div v-else-if="foo"></div></div></template>',
+      code: '<template><div><div></div><div v-else-if="foo"></div></div></template>',
       errors: [
         "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div if="foo"></div><div v-else-if="foo"></div></div></template>',
+      code: '<template><div><div if="foo"></div><div v-else-if="foo"></div></div></template>',
       errors: [
         "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div></div><div v-else-if="foo"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div></div><div v-else-if="foo"></div></div></template>',
       errors: [
         "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if="foo" v-if="bar"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else-if="foo" v-if="bar"></div></div></template>',
       errors: [
         "'v-else-if' and 'v-if' directives can't exist on the same element."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if="foo" v-else></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else-if="foo" v-else></div></div></template>',
       errors: [
         "'v-else-if' and 'v-else' directives can't exist on the same element."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if:aaa="foo"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else-if:aaa="foo"></div></div></template>',
       errors: ["'v-else-if' directives require no argument."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if.aaa="foo"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else-if.aaa="foo"></div></div></template>',
       errors: ["'v-else-if' directives require no modifier."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else-if></div></div></template>',
       errors: ["'v-else-if' directives require that attribute value."]
     },
     // empty value
     {
       filename: 'empty-value.vue',
-      code:
-        '<template><div v-if="foo"></div><div v-else-if=""></div></template>',
+      code: '<template><div v-if="foo"></div><div v-else-if=""></div></template>',
       errors: ["'v-else-if' directives require that attribute value."]
     }
   ]
diff --git a/tests/lib/rules/valid-v-else.js b/tests/lib/rules/valid-v-else.js
index 31b067861..e4513ca48 100644
--- a/tests/lib/rules/valid-v-else.js
+++ b/tests/lib/rules/valid-v-else.js
@@ -29,13 +29,11 @@ tester.run('valid-v-else', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else></div></div></template>'
+      code: '<template><div><div v-if="foo"></div><div v-else></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else></div></div></template>'
+      code: '<template><div><div v-if="foo"></div><div v-else-if="foo"></div><div v-else></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -73,52 +71,45 @@ tester.run('valid-v-else', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div if="foo"></div><div v-else></div></div></template>',
+      code: '<template><div><div if="foo"></div><div v-else></div></div></template>',
       errors: [
         "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div></div><div v-else></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div></div><div v-else></div></div></template>',
       errors: [
         "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else v-if="bar"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else v-if="bar"></div></div></template>',
       errors: [
         "'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else v-else-if="foo"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else v-else-if="foo"></div></div></template>',
       errors: [
         "'v-else' and 'v-else-if' directives can't exist on the same element."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else:aaa></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else:aaa></div></div></template>',
       errors: ["'v-else' directives require no argument."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else.aaa></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else.aaa></div></div></template>',
       errors: ["'v-else' directives require no modifier."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo"></div><div v-else="foo"></div></div></template>',
+      code: '<template><div><div v-if="foo"></div><div v-else="foo"></div></div></template>',
       errors: ["'v-else' directives require no attribute value."]
     },
     // parsing error
@@ -130,8 +121,7 @@ tester.run('valid-v-else', rule, {
     // comment value
     {
       filename: 'comment-value.vue',
-      code:
-        '<template><div v-if="foo"></div><div v-else="/**/"></div></template>',
+      code: '<template><div v-if="foo"></div><div v-else="/**/"></div></template>',
       errors: ["'v-else' directives require no attribute value."]
     },
     // empty value
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index e42fa4f4a..a29d3081e 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -37,68 +37,55 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(x, i, k) in list"></div></div></template>'
+      code: '<template><div><div v-for="(x, i, k) in list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(x, i, k) of list"></div></div></template>'
+      code: '<template><div><div v-for="(x, i, k) of list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="({id, name}, i, k) of list"></div></div></template>'
+      code: '<template><div><div v-for="({id, name}, i, k) of list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="([id, name], i, k) of list"></div></div></template>'
+      code: '<template><div><div v-for="([id, name], i, k) of list"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><your-component v-for="x in list" :key="x.id"></your-component></div></template>'
+      code: '<template><div><your-component v-for="x in list" :key="x.id"></your-component></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
+      code: '<template><div><div is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div :is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
+      code: '<template><div><div :is="your-component" v-for="x in list" :key="x.id"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><custom-component :key="x"></custom-component></template></div></template>'
+      code: '<template><div><template v-for="x in list"><custom-component :key="x"></custom-component></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
+      code: '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list"><div></div></template></div></template>'
+      code: '<template><div><template v-for="x in list"><div></div></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="x of list"><slot name="item" /></template></template>'
+      code: '<template><template v-for="x of list"><slot name="item" /></template></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><template v-for="x of list">foo<div></div></template></template>'
+      code: '<template><template v-for="x of list">foo<div></div></template></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x of list"><div v-for="foo of x" :key="foo"></div></template></div></template>'
+      code: '<template><div><template v-for="x of list"><div v-for="foo of x" :key="foo"></div></template></div></template>'
     },
     {
       filename: 'test.vue',
@@ -131,59 +118,48 @@ tester.run('valid-v-for', rule, {
     // key on <template> : In Vue.js 3.x, you can place key on <template>.
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" v-bind:key="x"><div /></template></div></template>'
+      code: '<template><div><template v-for="x in list" v-bind:key="x"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" v-bind:key="x"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="x in list" v-bind:key="x"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><div /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x.id"><div /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x.id"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x.id"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x.id"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="(x, i) in list" :key="i"><div /></template></div></template>'
+      code: '<template><div><template v-for="(x, i) in list" :key="i"><div /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="(x, i) in list" :key="i"><MyComp /></template></div></template>'
+      code: '<template><div><template v-for="(x, i) in list" :key="i"><MyComp /></template></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>'
+      code: '<template><div><template v-for="x in list" :key="x"><custom-component></custom-component></template></div></template>'
     },
     // key on <slot> : In Vue.js 3.x, you can place key on <slot>.
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :key="x"><div /></slot></div></template>'
+      code: '<template><div><slot v-for="x in list" :key="x"><div /></slot></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><slot v-for="x in list" :key="x"><MyComp /></slot></div></template>'
+      code: '<template><div><slot v-for="x in list" :key="x"><MyComp /></slot></div></template>'
     },
     // parsing error
     {
@@ -192,8 +168,7 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="xin list"><div></div></template></div></template>'
+      code: '<template><div><template v-for="xin list"><div></div></template></div></template>'
     },
     // comment value (parsing error)
     {
@@ -219,102 +194,87 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(,a,b) in list"></div></div></template>',
+      code: '<template><div><div v-for="(,a,b) in list"></div></div></template>',
       errors: ["Invalid alias ''."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(a,,b) in list"></div></div></template>',
+      code: '<template><div><div v-for="(a,,b) in list"></div></div></template>',
       errors: ["Invalid alias ''."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(a,b,,) in list"></div></div></template>',
+      code: '<template><div><div v-for="(a,b,,) in list"></div></div></template>',
       errors: ["Invalid alias ''."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(a,{b,c}) in list"></div></div></template>',
+      code: '<template><div><div v-for="(a,{b,c}) in list"></div></div></template>',
       errors: ["Invalid alias '{b,c}'."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(a,b,{c,d}) in list"></div></div></template>',
+      code: '<template><div><div v-for="(a,b,{c,d}) in list"></div></div></template>',
       errors: ["Invalid alias '{c,d}'."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><your-component v-for="x in list"></your-component></div></template>',
+      code: '<template><div><your-component v-for="x in list"></your-component></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div is="your-component" v-for="x in list"></div></div></template>',
+      code: '<template><div><div is="your-component" v-for="x in list"></div></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div :is="your-component" v-for="x in list"></div></div></template>',
+      code: '<template><div><div :is="your-component" v-for="x in list"></div></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-bind:is="your-component" v-for="x in list"></div></div></template>',
+      code: '<template><div><div v-bind:is="your-component" v-for="x in list"></div></div></template>',
       errors: ["Custom elements in iteration require 'v-bind:key' directives."]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" :key="100"></div></div></template>',
+      code: '<template><div><div v-for="x in list" :key="100"></div></div></template>',
       errors: [
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom-component v-for="x in list" :key="100"></custom-component></div></template>',
+      code: '<template><div><custom-component v-for="x in list" :key="100"></custom-component></div></template>',
       errors: [
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list" :key="foo"></div></div></template>',
+      code: '<template><div><div v-for="x in list" :key="foo"></div></div></template>',
       errors: [
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><custom-component v-for="x in list" :key="foo"></custom-component></div></template>',
+      code: '<template><div><custom-component v-for="x in list" :key="foo"></custom-component></div></template>',
       errors: [
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="(item, index) in suggestions" :key></div></div></template>',
+      code: '<template><div><div v-for="(item, index) in suggestions" :key></div></div></template>',
       errors: [
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><template v-for="x of list"><div v-for="foo of y" :key="foo"></div></template></div></template>',
+      code: '<template><div><template v-for="x of list"><div v-for="foo of y" :key="foo"></div></template></div></template>',
       errors: [
         "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
       ]
diff --git a/tests/lib/rules/valid-v-if.js b/tests/lib/rules/valid-v-if.js
index d3afe5780..64232c3d2 100644
--- a/tests/lib/rules/valid-v-if.js
+++ b/tests/lib/rules/valid-v-if.js
@@ -52,8 +52,7 @@ tester.run('valid-v-if', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-if="foo" v-else-if="bar"></div></div></template>',
+      code: '<template><div><div v-if="foo" v-else-if="bar"></div></div></template>',
       errors: [
         "'v-if' and 'v-else-if' directives can't exist on the same element."
       ]
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 8c3e384a3..6ee60526e 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -61,63 +61,51 @@ tester.run('valid-v-model', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><your-component v-model="foo"></your-component></template>'
+      code: '<template><your-component v-model="foo"></your-component></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="x.foo"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="x.foo"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[x]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[x]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[x - 1]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[x - 1]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[`${x}`]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[`${x}`]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[`prefix_${x}`]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[`prefix_${x}`]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[x ? x : \'_\']"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[x ? x : \'_\']"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[x || \'_\']"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[x || \'_\']"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[x()]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[x()]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[/r/.match(x) ? 0 : 1]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[/r/.match(x) ? 0 : 1]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[typeof x]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[typeof x]"></div></div></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="foo[tag`${x}`]"></div></div></template>'
+      code: '<template><div><div v-for="x in list"><input v-model="foo[tag`${x}`]"></div></div></template>'
     },
     {
       filename: 'test.vue',
@@ -133,23 +121,19 @@ tester.run('valid-v-model', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent v-model:aaa.modifier="a"></MyComponent></template>'
+      code: '<template><MyComponent v-model:aaa.modifier="a"></MyComponent></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent v-model.modifier="a"></MyComponent></template>'
+      code: '<template><MyComponent v-model.modifier="a"></MyComponent></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent v-model:aaa.modifier.modifierTwo="a"></MyComponent></template>'
+      code: '<template><MyComponent v-model:aaa.modifier.modifierTwo="a"></MyComponent></template>'
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
+      code: '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
     },
     // svg
     {
@@ -206,32 +190,28 @@ tester.run('valid-v-model', rule, {
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="x"></div></div></template>',
+      code: '<template><div><div v-for="x in list"><input v-model="x"></div></div></template>',
       errors: [
         "'v-model' directives cannot update the iteration variable 'x' itself."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="(x)"></div></div></template>',
+      code: '<template><div><div v-for="x in list"><input v-model="(x)"></div></div></template>',
       errors: [
         "'v-model' directives cannot update the iteration variable 'x' itself."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="x in list"><input v-model="(((x)))"></div></div></template>',
+      code: '<template><div><div v-for="x in list"><input v-model="(((x)))"></div></div></template>',
       errors: [
         "'v-model' directives cannot update the iteration variable 'x' itself."
       ]
     },
     {
       filename: 'test.vue',
-      code:
-        '<template><div><div v-for="e in list"><input v-model="e"></div></div></template>',
+      code: '<template><div><div v-for="e in list"><input v-model="e"></div></div></template>',
       errors: [
         "'v-model' directives cannot update the iteration variable 'e' itself."
       ]
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index 99dc4b39b..cb6b8538d 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -145,8 +145,7 @@ tester.run('valid-v-slot', rule, {
     // parsing error
     {
       filename: 'parsing-error.vue',
-      code:
-        '<template><MyComponent v-slot="." ><div /></MyComponent></template>'
+      code: '<template><MyComponent v-slot="." ><div /></MyComponent></template>'
     }
   ],
   invalid: [
@@ -461,21 +460,18 @@ tester.run('valid-v-slot', rule, {
     // comment value
     {
       filename: 'comment-value1.vue',
-      code:
-        '<template><MyComponent v-slot="/**/" ><div /></MyComponent></template>',
+      code: '<template><MyComponent v-slot="/**/" ><div /></MyComponent></template>',
       errors: [{ messageId: 'requireAttributeValue' }]
     },
     {
       filename: 'comment-value2.vue',
-      code:
-        '<template><MyComponent v-slot=/**/ ><div /></MyComponent></template>',
+      code: '<template><MyComponent v-slot=/**/ ><div /></MyComponent></template>',
       errors: [{ messageId: 'requireAttributeValue' }]
     },
     // empty value
     {
       filename: 'empty-value.vue',
-      code:
-        '<template><MyComponent v-slot="" ><div /></MyComponent></template>',
+      code: '<template><MyComponent v-slot="" ><div /></MyComponent></template>',
       errors: [{ messageId: 'requireAttributeValue' }]
     }
   ]
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index 9f7fd796e..7223fd87b 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -18,20 +18,17 @@ const categoryTitles = {
       'Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
   'vue3-strongly-recommended': {
-    text:
-      'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x',
+    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x',
     vuepress:
       'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
   'vue3-recommended': {
-    text:
-      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x',
+    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x',
     vuepress:
       'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
   'vue3-use-with-caution': {
-    text:
-      'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x',
+    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x',
     vuepress:
       'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
   },
@@ -41,20 +38,17 @@ const categoryTitles = {
       'Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   },
   'strongly-recommended': {
-    text:
-      'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x',
+    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x',
     vuepress:
       'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   },
   recommended: {
-    text:
-      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x',
+    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x',
     vuepress:
       'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   },
   'use-with-caution': {
-    text:
-      'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x',
+    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x',
     vuepress:
       'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
   }

From 3da8d3118c9dc15600656348de22caa95b169c7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Gaudy?= <rapha.mac.mil@gmail.com>
Date: Sat, 29 May 2021 03:52:08 +0200
Subject: [PATCH 0280/1010] Make an exception for some SVG attributes in
 vue/attribute-hyphenation (#1484)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Closes issue #1483

* linting

Co-authored-by: Raphaël Gaudy <rga@systerel.fr>
---
 docs/rules/attribute-hyphenation.md      |   7 +-
 lib/rules/attribute-hyphenation.js       |   5 +-
 lib/utils/svg-attributes-weird-case.json | 138 +++++++++++++++++++++++
 3 files changed, 146 insertions(+), 4 deletions(-)
 create mode 100644 lib/utils/svg-attributes-weird-case.json

diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index cc6391831..2aa8a39e5 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -40,10 +40,11 @@ This rule enforces using hyphenated attribute names on custom components in Vue
 }
 ```
 
-Default casing is set to `always` with `['data-', 'aria-', 'slot-scope']` set to be ignored
+Default casing is set to `always`. By default the following attributes are ignored: `data-`, `aria-`, `slot-scope`,
+and all the [SVG attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute) with either an upper case letter or an hyphen.
 
 - `"always"` (default) ... Use hyphenated name.
-- `"never"` ... Don't use hyphenated name except `data-`, `aria-` and `slot-scope`.
+- `"never"` ... Don't use hyphenated name except the ones that are ignored.
 - `"ignore"` ... Array of ignored names
 
 ### `"always"`
@@ -66,7 +67,7 @@ It errors on upper case letters.
 
 ### `"never"`
 
-It errors on hyphens except `data-`, `aria-` and `slot-scope`.
+It errors on hyphens except on the attributes in the ignored attributes list.
 
 <eslint-code-block fix :rules="{'vue/attribute-hyphenation': ['error', 'never']}">
 
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index cba9dc241..ec5a3a9ab 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -6,6 +6,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
+const svgAttributes = require('../utils/svg-attributes-weird-case.json')
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -51,7 +52,9 @@ module.exports = {
     const option = context.options[0]
     const optionsPayload = context.options[1]
     const useHyphenated = option !== 'never'
-    let ignoredAttributes = ['data-', 'aria-', 'slot-scope']
+    let ignoredAttributes = ['data-', 'aria-', 'slot-scope'].concat(
+      svgAttributes
+    )
 
     if (optionsPayload && optionsPayload.ignore) {
       ignoredAttributes = ignoredAttributes.concat(optionsPayload.ignore)
diff --git a/lib/utils/svg-attributes-weird-case.json b/lib/utils/svg-attributes-weird-case.json
new file mode 100644
index 000000000..fb28f8922
--- /dev/null
+++ b/lib/utils/svg-attributes-weird-case.json
@@ -0,0 +1,138 @@
+[
+  "accent-height",
+  "alignment-baseline",
+  "arabic-form",
+  "attributeName",
+  "attributeType",
+  "baseFrequency",
+  "baseline-shift",
+  "baseProfile",
+  "calcMode",
+  "cap-height",
+  "clipPathUnits",
+  "clip-path",
+  "clip-rule",
+  "color-interpolation",
+  "color-interpolation-filters",
+  "color-profile",
+  "color-rendering",
+  "contentScriptType",
+  "contentStyleType",
+  "diffuseConstant",
+  "dominant-baseline",
+  "edgeMode",
+  "enable-background",
+  "externalResourcesRequired",
+  "fill-opacity",
+  "fill-rule",
+  "filterRes",
+  "filterUnits",
+  "flood-color",
+  "flood-opacity",
+  "font-family",
+  "font-size",
+  "font-size-adjust",
+  "font-stretch",
+  "font-style",
+  "font-variant",
+  "font-weight",
+  "glyph-name",
+  "glyph-orientation-horizontal",
+  "glyph-orientation-vertical",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "horiz-adv-x",
+  "horiz-origin-x",
+  "image-rendering",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "letter-spacing",
+  "lighting-color",
+  "limitingConeAngle",
+  "marker-end",
+  "marker-mid",
+  "marker-start",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "overline-position",
+  "overline-thickness",
+  "panose-1",
+  "paint-order",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointer-events",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "referrerPolicy",
+  "refX",
+  "refY",
+  "rendering-intent",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "shape-rendering",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "stop-color",
+  "stop-opacity",
+  "strikethrough-position",
+  "strikethrough-thickness",
+  "stroke-dasharray",
+  "stroke-dashoffset",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-miterlimit",
+  "stroke-opacity",
+  "stroke-width",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "text-anchor",
+  "text-decoration",
+  "text-rendering",
+  "textLength",
+  "transform-origin",
+  "underline-position",
+  "underline-thickness",
+  "unicode-bidi",
+  "unicode-range",
+  "units-per-em",
+  "v-alphabetic",
+  "v-hanging",
+  "v-ideographic",
+  "v-mathematical",
+  "vector-effect",
+  "vert-adv-y",
+  "vert-origin-x",
+  "vert-origin-y",
+  "viewBox",
+  "viewTarget",
+  "word-spacing",
+  "writing-mode",
+  "x-height",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+]
\ No newline at end of file

From d03ce92cd1605fc053333df018d475726b581ab3 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Sat, 29 May 2021 09:52:20 +0800
Subject: [PATCH 0281/1010] Add `vue/require-emit-validator` rule (#1487)

* Add `vue/require-emit-types` rule

* remove from categories

* allow identifiers

* add suggestion for skipped validation

* rename rule
---
 docs/rules/require-emit-validator.md      |  61 ++++
 lib/index.js                              |   1 +
 lib/rules/require-emit-validator.js       |  90 ++++++
 tests/lib/rules/require-emit-validator.js | 330 ++++++++++++++++++++++
 4 files changed, 482 insertions(+)
 create mode 100644 docs/rules/require-emit-validator.md
 create mode 100644 lib/rules/require-emit-validator.js
 create mode 100644 tests/lib/rules/require-emit-validator.js

diff --git a/docs/rules/require-emit-validator.md b/docs/rules/require-emit-validator.md
new file mode 100644
index 000000000..9ca6df169
--- /dev/null
+++ b/docs/rules/require-emit-validator.md
@@ -0,0 +1,61 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-emit-validator
+description: require type definitions in emits
+---
+# vue/require-emit-validator
+
+> require type definitions in emits
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in .
+
+## :book: Rule Details
+
+This rule enforces that a `emits` statement contains type definition.
+
+Declaring `emits` with types can bring better maintenance.
+Even if using with TypeScript, this can provide better type inference when annotating parameters with types.
+
+<eslint-code-block :rules="{'vue/require-emit-validator': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+Vue.component('foo', {
+  emits: {
+    // Emit with arguments
+    foo: (payload) => { /* validate payload */ },
+    // Emit without parameters
+    bar: () => true,
+  }
+})
+
+/* ✗ BAD */
+Vue.component('bar', {
+  emits: ['foo']
+})
+
+Vue.component('baz', {
+  emits: {
+    foo: null,
+  }
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [API Reference](https://v3.vuejs.org/api/options-data.html#emits)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-emit-validator.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-emit-validator.js)
diff --git a/lib/index.js b/lib/index.js
index d38cff322..1379e284e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -140,6 +140,7 @@ module.exports = {
     'require-component-is': require('./rules/require-component-is'),
     'require-default-prop': require('./rules/require-default-prop'),
     'require-direct-export': require('./rules/require-direct-export'),
+    'require-emit-validator': require('./rules/require-emit-validator'),
     'require-explicit-emits': require('./rules/require-explicit-emits'),
     'require-name-property': require('./rules/require-name-property'),
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
new file mode 100644
index 000000000..c85ee42ad
--- /dev/null
+++ b/lib/rules/require-emit-validator.js
@@ -0,0 +1,90 @@
+/**
+ * @fileoverview Emit definitions should be detailed
+ * @author Pig Fang
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
+ * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'require type definitions in emits',
+      categories: [],
+      url: 'https://eslint.vuejs.org/rules/require-emit-validator.html'
+    },
+    fixable: null,
+    messages: {
+      missing: 'Emit "{{name}}" should define at least its validator function.',
+      skipped:
+        'Emit "{{name}}" should not skip validation, or you may define a validator function with no parameters.',
+      emptyValidation: 'Replace with a validator function with no parameters.'
+    },
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    // ----------------------------------------------------------------------
+    // Helpers
+    // ----------------------------------------------------------------------
+
+    /**
+     * @param {ComponentArrayEmit|ComponentObjectEmit} emit
+     */
+    function checker({ value, node, emitName }) {
+      const hasType =
+        !!value &&
+        (value.type === 'ArrowFunctionExpression' ||
+          value.type === 'FunctionExpression' ||
+          // validator may from outer scope
+          value.type === 'Identifier')
+
+      if (!hasType) {
+        const name =
+          emitName ||
+          (node.type === 'Identifier' && node.name) ||
+          'Unknown emit'
+
+        if (value && value.type === 'Literal' && value.value === null) {
+          context.report({
+            node,
+            messageId: 'skipped',
+            data: { name },
+            suggest: [
+              {
+                messageId: 'emptyValidation',
+                fix: (fixer) => fixer.replaceText(value, '() => true')
+              }
+            ]
+          })
+
+          return
+        }
+
+        context.report({
+          node,
+          messageId: 'missing',
+          data: { name }
+        })
+      }
+    }
+
+    // ----------------------------------------------------------------------
+    // Public
+    // ----------------------------------------------------------------------
+
+    return utils.executeOnVue(context, (obj) => {
+      utils.getComponentEmits(obj).forEach(checker)
+    })
+  }
+}
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
new file mode 100644
index 000000000..6c1170e95
--- /dev/null
+++ b/tests/lib/rules/require-emit-validator.js
@@ -0,0 +1,330 @@
+/**
+ * @fileoverview Emit definitions should be detailed
+ * @author Pig Fang
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/require-emit-validator')
+
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester()
+ruleTester.run('require-emit-validator', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          ...foo,
+          emits: {
+            ...test(),
+            foo: (payload) => typeof payload === 'object'
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo: (payload) => typeof payload === 'object'
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo(payload) {
+              return typeof payload === 'object'
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo: () => {}
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo() {}
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: externalEmits
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: []
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {}
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default defineComponent({
+          emits: {
+            foo: (payload: string | number) => true,
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default defineComponent({
+          emits: {
+            foo(payload: string | number) {
+              return true
+            },
+          },
+        })
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        function foo () {}
+        export default {
+          emits: {
+            foo
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import { isNumber } from './mod'
+        export default {
+          emits: {
+            foo: isNumber
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: ['foo', bar, \`baz\`, foo()]
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'missing',
+          data: { name: 'foo' },
+          line: 3
+        },
+        {
+          messageId: 'missing',
+          data: { name: 'bar' },
+          line: 3
+        },
+        {
+          messageId: 'missing',
+          data: { name: 'baz' },
+          line: 3
+        },
+        {
+          messageId: 'missing',
+          data: { name: 'Unknown emit' },
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          emits: ['foo', bar, \`baz\`, foo()]
+        })
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'missing',
+          data: { name: 'foo' },
+          line: 3
+        },
+        {
+          messageId: 'missing',
+          data: { name: 'bar' },
+          line: 3
+        },
+        {
+          messageId: 'missing',
+          data: { name: 'baz' },
+          line: 3
+        },
+        {
+          messageId: 'missing',
+          data: { name: 'Unknown emit' },
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo: null
+          }
+        }`,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'skipped',
+          data: { name: 'foo' },
+          line: 4,
+          suggestions: [
+            {
+              messageId: 'emptyValidation',
+              output: `
+        export default {
+          emits: {
+            foo: () => true
+          }
+        }`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo: null,
+            bar: (payload) => {}
+          }
+        }`,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'skipped',
+          data: { name: 'foo' },
+          line: 4,
+          suggestions: [
+            {
+              messageId: 'emptyValidation',
+              output: `
+        export default {
+          emits: {
+            foo: () => true,
+            bar: (payload) => {}
+          }
+        }`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          emits: {
+            foo: {
+              type: String
+            }
+          }
+        }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'missing',
+          data: { name: 'foo' },
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default defineComponent({
+          emits: {
+            foo: {} as ((payload: string) => boolean)
+          }
+        });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('@typescript-eslint/parser'),
+      errors: [
+        {
+          messageId: 'missing',
+          data: { name: 'foo' },
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From bf6e4eace3f4acc8b6355ffeed541d3433d1528e Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 29 May 2021 11:01:06 +0900
Subject: [PATCH 0282/1010] 7.10.0

---
 docs/rules/require-emit-validator.md | 6 +++++-
 package.json                         | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/rules/require-emit-validator.md b/docs/rules/require-emit-validator.md
index 9ca6df169..dd3274b2f 100644
--- a/docs/rules/require-emit-validator.md
+++ b/docs/rules/require-emit-validator.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-emit-validator
 description: require type definitions in emits
+since: v7.10.0
 ---
 # vue/require-emit-validator
 
 > require type definitions in emits
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :gear: This rule is included in .
 
 ## :book: Rule Details
@@ -55,6 +55,10 @@ Nothing.
 
 - [API Reference](https://v3.vuejs.org/api/options-data.html#emits)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.10.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-emit-validator.js)
diff --git a/package.json b/package.json
index 5893d0cab..0b1e70e81 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.9.0",
+  "version": "7.10.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 9c53407c4120033d3bc4a17fe95e86334fa7f30a Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Wed, 2 Jun 2021 08:34:12 +0800
Subject: [PATCH 0283/1010] Fix rules index for `require-emit-validator`
 (#1505)

---
 lib/rules/require-emit-validator.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index c85ee42ad..9d6e5d7f1 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require type definitions in emits',
-      categories: [],
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-emit-validator.html'
     },
     fixable: null,

From e1815cdce18fcba4a96ae1077a73d2e79ad5e3f1 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 2 Jun 2021 09:35:12 +0900
Subject: [PATCH 0284/1010] Update docs

---
 docs/rules/README.md                 | 1 +
 docs/rules/require-emit-validator.md | 2 --
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9717d49ae..d38c44a2b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -321,6 +321,7 @@ For example:
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: |
 | [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 |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
diff --git a/docs/rules/require-emit-validator.md b/docs/rules/require-emit-validator.md
index dd3274b2f..a5c4f1965 100644
--- a/docs/rules/require-emit-validator.md
+++ b/docs/rules/require-emit-validator.md
@@ -9,8 +9,6 @@ since: v7.10.0
 
 > require type definitions in emits
 
-- :gear: This rule is included in .
-
 ## :book: Rule Details
 
 This rule enforces that a `emits` statement contains type definition.

From ea6f9f01ed6b8a4f8f52d2657485880cf9a342bb Mon Sep 17 00:00:00 2001
From: Alan Wang <948467222@qq.com>
Date: Wed, 9 Jun 2021 15:38:23 +0800
Subject: [PATCH 0285/1010] update `no-deprecated-destroyed-lifecycle` rule
 (#1501)

---
 .../no-deprecated-destroyed-lifecycle.js      |  30 +--
 .../no-deprecated-destroyed-lifecycle.js      | 189 +++++-------------
 2 files changed, 53 insertions(+), 166 deletions(-)

diff --git a/lib/rules/no-deprecated-destroyed-lifecycle.js b/lib/rules/no-deprecated-destroyed-lifecycle.js
index 6176daa95..9cb690cbc 100644
--- a/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -23,15 +23,13 @@ module.exports = {
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-destroyed-lifecycle.html'
     },
-    fixable: null,
+    fixable: 'code',
     schema: [],
     messages: {
       deprecatedDestroyed:
         'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
       deprecatedBeforeDestroy:
-        'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-      insteadUnmounted: 'Instead, change to `unmounted`.',
-      insteadBeforeUnmount: 'Instead, change to `beforeUnmount`.'
+        'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.'
     }
   },
   /** @param {RuleContext} context */
@@ -43,15 +41,9 @@ module.exports = {
         context.report({
           node: destroyed.key,
           messageId: 'deprecatedDestroyed',
-          // I don't know if they have exactly the same function, so don't do autofix.
-          suggest: [
-            {
-              messageId: 'insteadUnmounted',
-              fix(fixer) {
-                return fix(fixer, destroyed, 'unmounted')
-              }
-            }
-          ]
+          fix(fixer) {
+            return fix(fixer, destroyed, 'unmounted')
+          }
         })
       }
 
@@ -60,15 +52,9 @@ module.exports = {
         context.report({
           node: beforeDestroy.key,
           messageId: 'deprecatedBeforeDestroy',
-          // I don't know if they have exactly the same function, so don't do autofix.
-          suggest: [
-            {
-              messageId: 'insteadBeforeUnmount',
-              fix(fixer) {
-                return fix(fixer, beforeDestroy, 'beforeUnmount')
-              }
-            }
-          ]
+          fix(fixer) {
+            return fix(fixer, beforeDestroy, 'beforeUnmount')
+          }
         })
       }
 
diff --git a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
index 00dda6ed8..c8c6774d6 100644
--- a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -111,42 +111,24 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
       }
       </script>
       `,
-      errors: [
-        {
-          message:
-            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4,
-          suggestions: [
-            {
-              desc: 'Instead, change to `beforeUnmount`.',
-              output: `
+      output: `
       <script>
       export default {
         beforeUnmount () {},
-        destroyed () {},
+        unmounted () {},
       }
       </script>
-      `
-            }
-          ]
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5,
-          suggestions: [
-            {
-              desc: 'Instead, change to `unmounted`.',
-              output: `
-      <script>
-      export default {
-        beforeDestroy () {},
-        unmounted () {},
-      }
-      </script>
-      `
-            }
-          ]
+          line: 5
         }
       ]
     },
@@ -160,42 +142,24 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
       }
       </script>
       `,
-      errors: [
-        {
-          message:
-            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4,
-          suggestions: [
-            {
-              desc: 'Instead, change to `beforeUnmount`.',
-              output: `
+      output: `
       <script>
       export default {
         beforeUnmount:beforeDestroy,
-        destroyed,
+        unmounted:destroyed,
       }
       </script>
-      `
-            }
-          ]
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5,
-          suggestions: [
-            {
-              desc: 'Instead, change to `unmounted`.',
-              output: `
-      <script>
-      export default {
-        beforeDestroy,
-        unmounted:destroyed,
-      }
-      </script>
-      `
-            }
-          ]
+          line: 5
         }
       ]
     },
@@ -218,15 +182,7 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
       }
       </script>
       `,
-      errors: [
-        {
-          message:
-            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 12,
-          suggestions: [
-            {
-              desc: 'Instead, change to `beforeUnmount`.',
-              output: `
+      output: `
       <script>
       export default {
         beforeCreate,
@@ -238,40 +194,21 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
         activated,
         deactivated,
         beforeUnmount:beforeDestroy,
-        destroyed,
+        unmounted:destroyed,
         errorCaptured,
       }
       </script>
-      `
-            }
-          ]
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 12
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 13,
-          suggestions: [
-            {
-              desc: 'Instead, change to `unmounted`.',
-              output: `
-      <script>
-      export default {
-        beforeCreate,
-        created,
-        beforeMount,
-        mounted,
-        beforeUpdate,
-        updated,
-        activated,
-        deactivated,
-        beforeDestroy,
-        unmounted:destroyed,
-        errorCaptured,
-      }
-      </script>
-      `
-            }
-          ]
+          line: 13
         }
       ]
     },
@@ -285,42 +222,24 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
       }
       </script>
       `,
-      errors: [
-        {
-          message:
-            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4,
-          suggestions: [
-            {
-              desc: 'Instead, change to `beforeUnmount`.',
-              output: `
+      output: `
       <script>
       export default {
         ['beforeUnmount']() {},
-        ['destroyed']() {},
+        ['unmounted']() {},
       }
       </script>
-      `
-            }
-          ]
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5,
-          suggestions: [
-            {
-              desc: 'Instead, change to `unmounted`.',
-              output: `
-      <script>
-      export default {
-        ['beforeDestroy']() {},
-        ['unmounted']() {},
-      }
-      </script>
-      `
-            }
-          ]
+          line: 5
         }
       ]
     },
@@ -334,42 +253,24 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
       }
       </script>
       `,
-      errors: [
-        {
-          message:
-            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4,
-          suggestions: [
-            {
-              desc: 'Instead, change to `beforeUnmount`.',
-              output: `
+      output: `
       <script>
       export default {
         [\`beforeUnmount\`]() {},
-        [\`destroyed\`]() {},
+        [\`unmounted\`]() {},
       }
       </script>
-      `
-            }
-          ]
+      `,
+      errors: [
+        {
+          message:
+            'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
+          line: 4
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5,
-          suggestions: [
-            {
-              desc: 'Instead, change to `unmounted`.',
-              output: `
-      <script>
-      export default {
-        [\`beforeDestroy\`]() {},
-        [\`unmounted\`]() {},
-      }
-      </script>
-      `
-            }
-          ]
+          line: 5
         }
       ]
     }

From 76f835ac3f794218954131d3c4b4625da7a8e5aa Mon Sep 17 00:00:00 2001
From: Przemyslaw Jan Beigert <przemyslaw.jan.beigert@protonmail.com>
Date: Wed, 9 Jun 2021 09:38:51 +0200
Subject: [PATCH 0286/1010] feat(no-this-in-before-router-enter): create rule
 (#1506)

* feat(no-this-in-before-router-enter): create rule

* Update lib/rules/no-this-in-before-route-enter.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-this-in-before-route-enter.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* feat(no-this-in-before-router-enter): create rule

Update lib/rules/no-this-in-before-route-enter.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

Update docs/rules/no-this-in-before-route-enter.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* (feat): update test assertions for no-this-in-before-route-enter rule

* (feat): update docs for no-this-in-before-route-enter

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-this-in-before-route-enter.md   | 115 +++++++++++
 lib/index.js                                  |   1 +
 lib/rules/no-this-in-before-route-enter.js    |  91 +++++++++
 .../rules/no-this-in-before-route-enter.js    | 190 ++++++++++++++++++
 5 files changed, 398 insertions(+)
 create mode 100644 docs/rules/no-this-in-before-route-enter.md
 create mode 100644 lib/rules/no-this-in-before-route-enter.js
 create mode 100644 tests/lib/rules/no-this-in-before-route-enter.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d38c44a2b..16185b231 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -313,6 +313,7 @@ For example:
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
+| [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow this usage in a beforeRouteEnter method |  |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
diff --git a/docs/rules/no-this-in-before-route-enter.md b/docs/rules/no-this-in-before-route-enter.md
new file mode 100644
index 000000000..7409b48ea
--- /dev/null
+++ b/docs/rules/no-this-in-before-route-enter.md
@@ -0,0 +1,115 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-this-in-before-route-enter
+description: disallow this usage in a beforeRouteEnter method
+---
+# vue/no-this-in-before-route-enter
+
+> disallow this usage in a beforeRouteEnter method
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## Rule Details
+
+Because lack of `this` in the `beforeRouteEnter` [(docs)](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards). This behavior isn't obvious, so it's pretty easy to make a `TypeError`. Especially during some refactor. 
+
+Bad:
+
+<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
+
+```vue
+<script>
+export default {
+  beforeRouteEnter() {
+    this.method(); // Uncaught TypeError: Cannot read property 'method' of undefined      
+  }   
+}
+</script>
+```
+
+</eslint-code-block>
+
+Bad:
+
+<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
+
+```vue
+<script>
+export default {
+  beforeRouteEnter() {
+    this.attribute = 42;
+  }   
+}
+</script>
+```
+
+</eslint-code-block>
+
+Bad:
+
+<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
+
+```vue
+<script>
+export default {
+  beforeRouteEnter() {
+    if (this.value === 42) {
+        
+    }
+  }   
+}
+</script>
+```
+
+</eslint-code-block>
+
+
+Bad:
+
+<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
+
+```vue
+<script>
+export default {
+  beforeRouteEnter() {
+    this.attribute = this.method();
+  }   
+}
+</script>
+```
+
+</eslint-code-block>
+
+Good:
+
+<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
+
+```vue
+<script>
+export default {
+  beforeRouteEnter() {
+    // anything without this
+  }   
+}
+</script>
+```
+
+</eslint-code-block>
+
+### Options
+
+Nothing.
+
+## When Not To Use It
+
+When [vue-router](https://router.vuejs.org/) is not installed.
+
+## Further Reading
+
+[vue-router - in-component-guards](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-this-in-before-route-enter.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-this-in-before-route-enter.js)
diff --git a/lib/index.js b/lib/index.js
index 1379e284e..20ecde959 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -113,6 +113,7 @@ module.exports = {
     'no-template-shadow': require('./rules/no-template-shadow'),
     'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
+    'no-this-in-before-route-enter': require('./rules/no-this-in-before-route-enter'),
     'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
diff --git a/lib/rules/no-this-in-before-route-enter.js b/lib/rules/no-this-in-before-route-enter.js
new file mode 100644
index 000000000..968f45c18
--- /dev/null
+++ b/lib/rules/no-this-in-before-route-enter.js
@@ -0,0 +1,91 @@
+/**
+ * @fileoverview Don't use this in a beforeRouteEnter method
+ * @author Przemyslaw Jan Beigert
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow this usage in a beforeRouteEnter method',
+      categories: null,
+      url: 'https://eslint.vuejs.org/rules/no-this-in-before-route-enter.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      disallow:
+        "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionExpression | FunctionDeclaration} node
+     * @property {boolean} beforeRouteEnter
+     */
+    /** @type {Set<FunctionExpression>} */
+    const beforeRouteEnterFunctions = new Set()
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
+
+    /**
+     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    function onFunctionEnter(node) {
+      if (node.type === 'ArrowFunctionExpression') {
+        return
+      }
+      scopeStack = {
+        upper: scopeStack,
+        node,
+        beforeRouteEnter: beforeRouteEnterFunctions.has(
+          /** @type {never} */ (node)
+        )
+      }
+    }
+
+    /**
+     * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    function onFunctionExit(node) {
+      if (scopeStack && scopeStack.node === node) {
+        scopeStack = scopeStack.upper
+      }
+    }
+    return utils.defineVueVisitor(context, {
+      onVueObjectEnter(node) {
+        const beforeRouteEnter = utils.findProperty(node, 'beforeRouteEnter')
+        if (
+          beforeRouteEnter &&
+          beforeRouteEnter.value.type === 'FunctionExpression'
+        ) {
+          beforeRouteEnterFunctions.add(beforeRouteEnter.value)
+        }
+      },
+      ':function': onFunctionEnter,
+      ':function:exit': onFunctionExit,
+      ThisExpression(node) {
+        if (scopeStack && scopeStack.beforeRouteEnter) {
+          context.report({
+            node,
+            messageId: 'disallow'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-this-in-before-route-enter.js b/tests/lib/rules/no-this-in-before-route-enter.js
new file mode 100644
index 000000000..1171959ae
--- /dev/null
+++ b/tests/lib/rules/no-this-in-before-route-enter.js
@@ -0,0 +1,190 @@
+/**
+ * @fileoverview  Don&#39;t use &#34;this&#34; i a beforeRouteEnter method
+ * @author Przemyslaw Jan Beigert
+ */
+'use strict'
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-this-in-before-route-enter')
+const RuleTester = require('eslint').RuleTester
+
+//------------------------------------------------------------------------------
+// Tests
+//------------------------------------------------------------------------------
+
+const template = (beforeRouteEnter) => `
+<template>
+  <p>{{ greeting }} World!</p>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      greeting: "Hello"
+    };
+  },
+  beforeRouteEnter() {
+      ${beforeRouteEnter}
+  }
+};
+</script>
+
+<style scoped>
+p {
+  font-size: 2em;
+  text-align: center;
+}
+</style>`
+
+const functionTemplate = (beforeRouteEnter) => `
+<template>
+  <p>{{ greeting }} World!</p>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      greeting: "Hello"
+    };
+  },
+  beforeRouteEnter: function() {
+      ${beforeRouteEnter}
+  }
+};
+</script>`
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+ruleTester.run('no-this-in-before-route-enter', rule, {
+  valid: [
+    template(''),
+    template('const variable = 42;'),
+    template('someFunction(42)'),
+    `
+<template>
+  <p>{{ greeting }} World!</p>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      greeting: "Hello"
+    };
+  },
+};`
+  ],
+  invalid: [
+    {
+      code: template(`this.xxx();`),
+      filename: 'ValidComponent.vue',
+      errors: [
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 14,
+          column: 7,
+          endLine: 14,
+          endColumn: 11
+        }
+      ]
+    },
+    {
+      code: functionTemplate('this.method();'),
+      filename: 'ValidComponent.vue',
+      errors: [
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 14,
+          column: 7,
+          endLine: 14,
+          endColumn: 11
+        }
+      ]
+    },
+    {
+      code: template('this.attr = this.method();'),
+      filename: 'ValidComponent.vue',
+      errors: [
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 14,
+          column: 7,
+          endLine: 14,
+          endColumn: 11
+        },
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 14,
+          column: 19,
+          endLine: 14,
+          endColumn: 23
+        }
+      ]
+    },
+    {
+      code: functionTemplate('this.attr = this.method();'),
+      filename: 'ValidComponent.vue',
+      errors: [
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 14,
+          column: 7,
+          endLine: 14,
+          endColumn: 11
+        },
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 14,
+          column: 19,
+          endLine: 14,
+          endColumn: 23
+        }
+      ]
+    },
+    {
+      code: template(`
+                if (this.method()) {}
+            `),
+      filename: 'ValidComponent.vue',
+      errors: [
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 15,
+          column: 21,
+          endLine: 15,
+          endColumn: 25
+        }
+      ]
+    },
+    {
+      code: functionTemplate(`
+                if (true) { this.method(); }
+            `),
+      filename: 'ValidComponent.vue',
+      errors: [
+        {
+          message:
+            "'beforeRouteEnter' does NOT have access to `this` component instance. https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards.",
+          line: 15,
+          column: 29,
+          endLine: 15,
+          endColumn: 33
+        }
+      ]
+    }
+  ]
+})

From 021fe2b33f7b4fa11ddd3318226eee6fc4c53ada Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 9 Jun 2021 16:39:40 +0900
Subject: [PATCH 0287/1010] Add `vue/no-deprecated-v-is` rule (#1510)

---
 docs/rules/README.md                  |  1 +
 docs/rules/no-deprecated-v-is.md      | 42 +++++++++++++++++++++++++++
 lib/index.js                          |  1 +
 lib/rules/no-deprecated-v-is.js       | 31 ++++++++++++++++++++
 tests/lib/rules/no-deprecated-v-is.js | 36 +++++++++++++++++++++++
 5 files changed, 111 insertions(+)
 create mode 100644 docs/rules/no-deprecated-v-is.md
 create mode 100644 lib/rules/no-deprecated-v-is.js
 create mode 100644 tests/lib/rules/no-deprecated-v-is.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 16185b231..914242d1c 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -298,6 +298,7 @@ For example:
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
+| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
new file mode 100644
index 000000000..5b16a8c8c
--- /dev/null
+++ b/docs/rules/no-deprecated-v-is.md
@@ -0,0 +1,42 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-v-is
+description: disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
+---
+# vue/no-deprecated-v-is
+
+> disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports deprecated `v-is` directive in Vue.js v3.1.0+.
+
+Use [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is) instead.
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-v-is': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div is="vue:MyComponent" />
+  <component is="MyComponent" />
+  
+  <!-- ✗ BAD -->
+  <div v-is="'MyComponent'" />
+</template>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [v-is](https://v3.vuejs.org/api/directives.html#v-is)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-is.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-v-is.js)
diff --git a/lib/index.js b/lib/index.js
index 20ecde959..313cc6930 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -71,6 +71,7 @@ module.exports = {
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
     'no-deprecated-v-bind-sync': require('./rules/no-deprecated-v-bind-sync'),
+    'no-deprecated-v-is': require('./rules/no-deprecated-v-is'),
     'no-deprecated-v-on-native-modifier': require('./rules/no-deprecated-v-on-native-modifier'),
     'no-deprecated-v-on-number-modifiers': require('./rules/no-deprecated-v-on-number-modifiers'),
     'no-deprecated-vue-config-keycodes': require('./rules/no-deprecated-vue-config-keycodes'),
diff --git a/lib/rules/no-deprecated-v-is.js b/lib/rules/no-deprecated-v-is.js
new file mode 100644
index 000000000..cc4ad0a3e
--- /dev/null
+++ b/lib/rules/no-deprecated-v-is.js
@@ -0,0 +1,31 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const vIs = require('./syntaxes/v-is')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow deprecated `v-is` directive (in Vue.js 3.1.0+)',
+      // TODO Switch to `vue3-essential` in the major version.
+      // categories: ['vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-v-is.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      forbiddenVIs: '`v-is` directive is deprecated.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const templateBodyVisitor = vIs.createTemplateBodyVisitor(context)
+    return utils.defineTemplateBodyVisitor(context, templateBodyVisitor)
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-v-is.js b/tests/lib/rules/no-deprecated-v-is.js
new file mode 100644
index 000000000..cdc47b9aa
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-v-is.js
@@ -0,0 +1,36 @@
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-deprecated-v-is')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2015
+  }
+})
+
+tester.run('no-deprecated-v-is', rule, {
+  valid: [
+    `<template>
+      <div is="vue:MyComponent" />
+    </template>`,
+    `<template>
+      <component is="MyComponent" />
+    </template>`
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div v-is="'MyComponent'" />
+      </template>`,
+      errors: [
+        {
+          message: '`v-is` directive is deprecated.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From e9d20fd44f0631d581e72c1ca1563a6dc39aa498 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 9 Jun 2021 16:39:52 +0900
Subject: [PATCH 0288/1010] Add support for `is="vue:"` (Vue 3.1) (#1509)

* Add support `is="vue:"` (Vue 3.1)

* update

* update
---
 docs/rules/no-unsupported-features.md         |  2 +
 lib/rules/no-deprecated-html-element-is.js    | 32 ++++++++--
 lib/rules/no-unregistered-components.js       |  9 ++-
 lib/rules/no-unsupported-features.js          |  8 ++-
 lib/rules/no-unused-components.js             |  5 +-
 .../syntaxes/is-attribute-with-vue-prefix.js  | 25 ++++++++
 lib/rules/syntaxes/v-is.js                    |  1 +
 .../rules/no-deprecated-html-element-is.js    |  6 ++
 tests/lib/rules/no-unregistered-components.js | 55 ++++++++++++++++
 .../is-attribute-with-vue-prefix.js           | 64 +++++++++++++++++++
 tests/lib/rules/no-unused-components.js       | 15 +++++
 11 files changed, 209 insertions(+), 13 deletions(-)
 create mode 100644 lib/rules/syntaxes/is-attribute-with-vue-prefix.js
 create mode 100644 tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index dfb73e851..8665e9b83 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -29,6 +29,8 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `version` ... The `version` option accepts [the valid version range of `node-semver`](https://github.com/npm/node-semver#range-grammar). Set the version of Vue.js you are using. This option is required.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
+  - Vue.js 3.1.0+
+    - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
   - Vue.js 3.0.0+
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
diff --git a/lib/rules/no-deprecated-html-element-is.js b/lib/rules/no-deprecated-html-element-is.js
index e07f493a5..8382bb5c0 100644
--- a/lib/rules/no-deprecated-html-element-is.js
+++ b/lib/rules/no-deprecated-html-element-is.js
@@ -31,16 +31,34 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    /** @param {VElement} node */
+    function isValidElement(node) {
+      return (
+        !utils.isHtmlWellKnownElementName(node.rawName) &&
+        !utils.isSvgWellKnownElementName(node.rawName)
+      )
+    }
     return utils.defineTemplateBodyVisitor(context, {
-      /** @param {VDirective | VAttribute} node */
-      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=false][key.name='is']"(
+      /** @param {VDirective} node */
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
         node
       ) {
-        const element = node.parent.parent
-        if (
-          !utils.isHtmlWellKnownElementName(element.rawName) &&
-          !utils.isSvgWellKnownElementName(element.rawName)
-        ) {
+        if (isValidElement(node.parent.parent)) {
+          return
+        }
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'unexpected'
+        })
+      },
+      /** @param {VAttribute} node */
+      "VAttribute[directive=false][key.name='is']"(node) {
+        if (isValidElement(node.parent.parent)) {
+          return
+        }
+        if (node.value && node.value.value.startsWith('vue:')) {
+          // Usage on native elements 3.1+
           return
         }
         context.report({
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 6e6cb2ada..07d9e800a 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -119,11 +119,14 @@ module.exports = {
         /** @param {VAttribute} node */
         "VAttribute[directive=false][key.name='is']"(node) {
           if (
-            !node.value || // `<component is />`
-            utils.isHtmlWellKnownElementName(node.value.value)
+            !node.value // `<component is />`
           )
             return
-          usedComponentNodes.push({ node, name: node.value.value })
+          const value = node.value.value.startsWith('vue:') // Usage on native elements 3.1+
+            ? node.value.value.slice(4)
+            : node.value.value
+          if (utils.isHtmlWellKnownElementName(value)) return
+          usedComponentNodes.push({ node, name: value })
         },
         /** @param {VElement} node */
         "VElement[name='template'][parent.type='VDocumentFragment']:exit"() {
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 9eb00be0e..2d4caf3e2 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -25,7 +25,9 @@ const FEATURES = {
   // Vue.js 3.0.0+
   'v-model-argument': require('./syntaxes/v-model-argument'),
   'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
-  'v-is': require('./syntaxes/v-is')
+  'v-is': require('./syntaxes/v-is'),
+  // Vue.js 3.1.0+
+  'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix')
 }
 
 const SYNTAX_NAMES = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
@@ -97,7 +99,9 @@ module.exports = {
         'Argument on `v-model` is not supported until Vue.js "3.0.0".',
       forbiddenVModelCustomModifiers:
         'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
-      forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".'
+      forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".',
+      forbiddenIsAttributeWithVuePrefix:
+        '`is="vue:"` are not supported until Vue.js "3.1.0".'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index e067e3eb0..8497dd961 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -88,7 +88,10 @@ module.exports = {
           if (!node.value) {
             return
           }
-          usedComponents.add(node.value.value)
+          const value = node.value.value.startsWith('vue:') // Usage on native elements 3.1+
+            ? node.value.value.slice(4)
+            : node.value.value
+          usedComponents.add(value)
         },
         /** @param {VElement} node */
         "VElement[name='template']"(node) {
diff --git a/lib/rules/syntaxes/is-attribute-with-vue-prefix.js b/lib/rules/syntaxes/is-attribute-with-vue-prefix.js
new file mode 100644
index 000000000..9fd2afdd0
--- /dev/null
+++ b/lib/rules/syntaxes/is-attribute-with-vue-prefix.js
@@ -0,0 +1,25 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+module.exports = {
+  supported: '>=3.1.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    return {
+      /** @param {VAttribute} node */
+      "VAttribute[directive=false][key.name='is']"(node) {
+        if (!node.value) {
+          return
+        }
+        if (node.value.value.startsWith('vue:')) {
+          context.report({
+            node: node.value,
+            messageId: 'forbiddenIsAttributeWithVuePrefix'
+          })
+        }
+      }
+    }
+  }
+}
diff --git a/lib/rules/syntaxes/v-is.js b/lib/rules/syntaxes/v-is.js
index 9aeeb8d7e..f5eed36d5 100644
--- a/lib/rules/syntaxes/v-is.js
+++ b/lib/rules/syntaxes/v-is.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 module.exports = {
+  deprecated: '3.1.0',
   supported: '>=3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
diff --git a/tests/lib/rules/no-deprecated-html-element-is.js b/tests/lib/rules/no-deprecated-html-element-is.js
index 961644946..9b7cfdb23 100644
--- a/tests/lib/rules/no-deprecated-html-element-is.js
+++ b/tests/lib/rules/no-deprecated-html-element-is.js
@@ -37,6 +37,12 @@ ruleTester.run('no-deprecated-html-element-is', rule, {
     {
       filename: 'test.vue',
       code: '<template><component :is="\'foo\'" /></template>'
+    },
+
+    // is="vue:xxx"
+    {
+      filename: 'test.vue',
+      code: '<template><div is="vue:foo" /></template>'
     }
   ],
 
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 27739b78a..6a51bf494 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -446,6 +446,19 @@ tester.run('no-unregistered-components', rule, {
         </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="vue:CustomComponent" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
     {
       filename: 'test.vue',
       code: `
@@ -706,6 +719,48 @@ tester.run('no-unregistered-components', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div is="vue:foo" />
+        </template>
+        <script>
+        export default {
+          components: {
+            bar
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" component has been used but not registered.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'foo'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            bar
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'The "foo" component has been used but not registered.',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js b/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js
new file mode 100644
index 000000000..adcc64835
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js
@@ -0,0 +1,64 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder(
+  'is-attribute-with-vue-prefix',
+  '^3.1.0'
+)
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/is-attribute-with-vue-prefix', rule, {
+  valid: [
+    {
+      code: `
+       <template>
+         <div is="vue:foo" />
+       </template>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+       <template>
+         <div is="foo" />
+       </template>`,
+      options: buildOptions({ version: '^2.5.0' })
+    },
+    {
+      code: `
+       <template>
+         <div is="vue:foo" />
+       </template>`,
+      options: buildOptions({
+        version: '^2.5.0',
+        ignores: ['is-attribute-with-vue-prefix']
+      })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div is="vue:foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.0.0' }),
+      errors: [
+        {
+          message: '`is="vue:"` are not supported until Vue.js "3.1.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index 02cb1a3cf..f63b75f13 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -486,6 +486,21 @@ tester.run('no-unused-components', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div is="vue:CustomComponent" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
     }
   ],
   invalid: [

From a4ac565521d416ba8aff25223fd639ff91285e23 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 9 Jun 2021 18:10:15 +0900
Subject: [PATCH 0289/1010] Format documents (#1511)

---
 docs/rules/README.md                          |  6 +-
 .../no-deprecated-destroyed-lifecycle.md      |  3 +-
 .../rules/no-deprecated-props-default-this.md |  4 +-
 docs/rules/no-deprecated-v-is.md              |  9 ++-
 docs/rules/no-this-in-before-route-enter.md   | 67 +++----------------
 docs/rules/no-unsupported-features.md         |  1 +
 docs/rules/valid-v-is.md                      |  3 +
 lib/rules/no-deprecated-props-default-this.js |  3 +-
 lib/rules/no-this-in-before-route-enter.js    |  2 +-
 lib/rules/valid-v-is.js                       |  2 +
 10 files changed, 33 insertions(+), 67 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 914242d1c..a93d5a640 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -42,7 +42,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-dollar-scopedslots-api](./no-deprecated-dollar-scopedslots-api.md) | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
@@ -50,7 +50,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow props default function `this` access |  |
+| [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
@@ -314,7 +314,7 @@ For example:
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
-| [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow this usage in a beforeRouteEnter method |  |
+| [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index 37f8c0fe1..c99a7670a 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -10,12 +10,13 @@ since: v7.0.0
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
 This rule reports use of deprecated `destroyed` and `beforeDestroy` lifecycle hooks. (in Vue.js 3.0.0+).
 
-<eslint-code-block :rules="{'vue/no-deprecated-destroyed-lifecycle': ['error']}">
+<eslint-code-block fix :rules="{'vue/no-deprecated-destroyed-lifecycle': ['error']}">
 
 ```vue
 <script>
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index aa84ea3c9..4710fec02 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-props-default-this
-description: disallow props default function `this` access
+description: disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
 # vue/no-deprecated-props-default-this
 
-> disallow props default function `this` access
+> disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 5b16a8c8c..91cf44c12 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -32,9 +32,16 @@ Use [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attribu
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/valid-v-is]
+
+[vue/valid-v-is]: ./valid-v-is.md
+
 ## :books: Further Reading
 
-- [v-is](https://v3.vuejs.org/api/directives.html#v-is)
+- [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
+- [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 
 ## :mag: Implementation
 
diff --git a/docs/rules/no-this-in-before-route-enter.md b/docs/rules/no-this-in-before-route-enter.md
index 7409b48ea..a00558f7f 100644
--- a/docs/rules/no-this-in-before-route-enter.md
+++ b/docs/rules/no-this-in-before-route-enter.md
@@ -2,77 +2,29 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-this-in-before-route-enter
-description: disallow this usage in a beforeRouteEnter method
+description: disallow `this` usage in a `beforeRouteEnter` method
 ---
 # vue/no-this-in-before-route-enter
 
-> disallow this usage in a beforeRouteEnter method
+> disallow `this` usage in a `beforeRouteEnter` method
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
-## Rule Details
+## :book: Rule Details
 
 Because lack of `this` in the `beforeRouteEnter` [(docs)](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards). This behavior isn't obvious, so it's pretty easy to make a `TypeError`. Especially during some refactor. 
 
-Bad:
-
-<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
-
-```vue
-<script>
-export default {
-  beforeRouteEnter() {
-    this.method(); // Uncaught TypeError: Cannot read property 'method' of undefined      
-  }   
-}
-</script>
-```
-
-</eslint-code-block>
-
-Bad:
-
 <eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
 
 ```vue
 <script>
 export default {
   beforeRouteEnter() {
+    /* ✗ BAD */
+    this.method(); // Uncaught TypeError: Cannot read property 'method' of undefined
     this.attribute = 42;
-  }   
-}
-</script>
-```
-
-</eslint-code-block>
-
-Bad:
-
-<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
-
-```vue
-<script>
-export default {
-  beforeRouteEnter() {
     if (this.value === 42) {
-        
     }
-  }   
-}
-</script>
-```
-
-</eslint-code-block>
-
-
-Bad:
-
-<eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
-
-```vue
-<script>
-export default {
-  beforeRouteEnter() {
     this.attribute = this.method();
   }   
 }
@@ -81,14 +33,13 @@ export default {
 
 </eslint-code-block>
 
-Good:
-
 <eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
 
 ```vue
 <script>
 export default {
   beforeRouteEnter() {
+    /* ✓ GOOD */
     // anything without this
   }   
 }
@@ -97,15 +48,15 @@ export default {
 
 </eslint-code-block>
 
-### Options
+## :wrench: Options
 
 Nothing.
 
-## When Not To Use It
+## :mute: When Not To Use It
 
 When [vue-router](https://router.vuejs.org/) is not installed.
 
-## Further Reading
+## :books: Further Reading
 
 [vue-router - in-component-guards](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards)
 
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 8665e9b83..3d29d0c7f 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -96,6 +96,7 @@ The `"ignores"` option accepts an array of the following strings.
 ## :books: Further Reading
 
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
+- [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 - [Guide - Dynamic Arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments)
 - [API - v-slot](https://v3.vuejs.org/api/directives.html#v-slot)
 - [API (for v2) - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index d1b7eac9c..33c7fa3d1 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -51,13 +51,16 @@ Nothing.
 
 ## :couple: Related Rules
 
+- [vue/no-deprecated-v-is]
 - [vue/no-parsing-error]
 
+[vue/no-deprecated-v-is]: ./no-deprecated-v-is.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 
 ## :books: Further Reading
 
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
+- [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
index b194e7915..5a89da941 100644
--- a/lib/rules/no-deprecated-props-default-this.js
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -18,7 +18,8 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow props default function `this` access',
+      description:
+        'disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)',
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-props-default-this.html'
     },
diff --git a/lib/rules/no-this-in-before-route-enter.js b/lib/rules/no-this-in-before-route-enter.js
index 968f45c18..702d19672 100644
--- a/lib/rules/no-this-in-before-route-enter.js
+++ b/lib/rules/no-this-in-before-route-enter.js
@@ -18,7 +18,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow this usage in a beforeRouteEnter method',
+      description: 'disallow `this` usage in a `beforeRouteEnter` method',
       categories: null,
       url: 'https://eslint.vuejs.org/rules/no-this-in-before-route-enter.html'
     },
diff --git a/lib/rules/valid-v-is.js b/lib/rules/valid-v-is.js
index 50fa1fb5e..5c430ce1c 100644
--- a/lib/rules/valid-v-is.js
+++ b/lib/rules/valid-v-is.js
@@ -39,6 +39,8 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-is` directives',
+      // TODO Switch to `undefined` in the major version.
+      // categories: undefined,
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-is.html'
     },

From 68b75022b3128fae243d49bc68e2fcf05e8905f7 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 11 Jun 2021 13:39:02 +0900
Subject: [PATCH 0290/1010] 7.11.0

---
 docs/rules/no-deprecated-v-is.md            | 6 +++++-
 docs/rules/no-this-in-before-route-enter.md | 7 +++++--
 package.json                                | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 91cf44c12..7ae4c48d8 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-v-is
 description: disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
+since: v7.11.0
 ---
 # vue/no-deprecated-v-is
 
 > disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -43,6 +43,10 @@ Use [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attribu
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-v-is.js)
diff --git a/docs/rules/no-this-in-before-route-enter.md b/docs/rules/no-this-in-before-route-enter.md
index a00558f7f..2871a617f 100644
--- a/docs/rules/no-this-in-before-route-enter.md
+++ b/docs/rules/no-this-in-before-route-enter.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-this-in-before-route-enter
 description: disallow `this` usage in a `beforeRouteEnter` method
+since: v7.11.0
 ---
 # vue/no-this-in-before-route-enter
 
 > disallow `this` usage in a `beforeRouteEnter` method
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 Because lack of `this` in the `beforeRouteEnter` [(docs)](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards). This behavior isn't obvious, so it's pretty easy to make a `TypeError`. Especially during some refactor. 
@@ -60,6 +59,10 @@ When [vue-router](https://router.vuejs.org/) is not installed.
 
 [vue-router - in-component-guards](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.11.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-this-in-before-route-enter.js)
diff --git a/package.json b/package.json
index 0b1e70e81..fba450055 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.10.0",
+  "version": "7.11.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 9d54bd6b311cd24f64515c3bcfd6f821882574fa Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 13 Jun 2021 16:50:06 +0900
Subject: [PATCH 0291/1010] Fix crash when using `objectsInObjects` option in
 `vue/object-curly-spacing` rule. (#1515)

---
 lib/utils/index.js                      | 46 +++++++++++++++++++
 tests/lib/rules/object-curly-spacing.js | 60 +++++++++++++++++++++++++
 2 files changed, 106 insertions(+)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index e78238ee3..112297af1 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -101,6 +101,7 @@ const SVG_ELEMENT_NAMES = new Set(require('./svg-elements.json'))
 const VOID_ELEMENT_NAMES = new Set(require('./void-elements.json'))
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
+const traverseNodes = vueEslintParser.AST.traverseNodes
 const { findVariable } = require('eslint-utils')
 
 /**
@@ -142,11 +143,56 @@ function wrapContextToOverrideTokenMethods(context, tokenStore) {
       : []
     return tokensAndComments
   }
+
+  /** @param {number} index */
+  function getNodeByRangeIndex(index) {
+    const templateBody = eslintSourceCode.ast.templateBody
+    if (!templateBody) {
+      return eslintSourceCode.ast
+    }
+
+    /** @type {ASTNode} */
+    let result = eslintSourceCode.ast
+    /** @type {ASTNode[]} */
+    const skipNodes = []
+    let breakFlag = false
+
+    traverseNodes(templateBody, {
+      enterNode(node, parent) {
+        if (breakFlag) {
+          return
+        }
+        if (skipNodes[0] === parent) {
+          skipNodes.unshift(node)
+          return
+        }
+        if (node.range[0] <= index && index < node.range[1]) {
+          result = node
+        } else {
+          skipNodes.unshift(node)
+        }
+      },
+      leaveNode(node) {
+        if (breakFlag) {
+          return
+        }
+        if (result === node) {
+          breakFlag = true
+        } else if (skipNodes[0] === node) {
+          skipNodes.shift()
+        }
+      }
+    })
+    return result
+  }
   const sourceCode = new Proxy(Object.assign({}, eslintSourceCode), {
     get(_object, key) {
       if (key === 'tokensAndComments') {
         return getTokensAndComments()
       }
+      if (key === 'getNodeByRangeIndex') {
+        return getNodeByRangeIndex
+      }
       // @ts-expect-error
       return key in tokenStore ? tokenStore[key] : eslintSourceCode[key]
     }
diff --git a/tests/lib/rules/object-curly-spacing.js b/tests/lib/rules/object-curly-spacing.js
index 0aba0cb04..874f4dd41 100644
--- a/tests/lib/rules/object-curly-spacing.js
+++ b/tests/lib/rules/object-curly-spacing.js
@@ -26,6 +26,20 @@ tester.run('object-curly-spacing', rule, {
     {
       code: '<template><div :[{a:1}]="a" /></template>',
       options: ['always']
+    },
+    {
+      code: `
+      <template>
+        <div v-bind="{foo: {bar: 'baz'} }">
+          Hello World
+        </div>
+      </template>`,
+      options: [
+        'never',
+        {
+          objectsInObjects: true
+        }
+      ]
     }
   ],
   invalid: [
@@ -97,6 +111,52 @@ tester.run('object-curly-spacing', rule, {
         "A space is required after '{'.",
         "A space is required before '}'."
       ]
+    },
+    {
+      code: `
+      <template>
+        <div v-bind="{ foo: { bar: 'baz' }}">
+          Hello World
+        </div>
+      </template>`,
+      options: [
+        'never',
+        {
+          objectsInObjects: true
+        }
+      ],
+      output: `
+      <template>
+        <div v-bind="{foo: {bar: 'baz'} }">
+          Hello World
+        </div>
+      </template>`,
+      errors: [
+        "There should be no space after '{'.",
+        "There should be no space after '{'.",
+        "There should be no space before '}'.",
+        "A space is required before '}'."
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div v-bind="{ foo: { bar: 'baz' }}">
+          Hello World
+        </div>
+      </template>`,
+      options: ['never'],
+      output: `
+      <template>
+        <div v-bind="{foo: {bar: 'baz'}}">
+          Hello World
+        </div>
+      </template>`,
+      errors: [
+        "There should be no space after '{'.",
+        "There should be no space after '{'.",
+        "There should be no space before '}'."
+      ]
     }
   ]
 })

From 384dae06d490deb1cd878c9ecc514ff3e812bea6 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 13 Jun 2021 16:52:34 +0900
Subject: [PATCH 0292/1010] 7.11.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index fba450055..584a6eb81 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.11.0",
+  "version": "7.11.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From a96987859f53416839c0ef7e410cf6b54238e6ba Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 12:48:47 +0900
Subject: [PATCH 0293/1010] Supports ES2022 (Class Fields) (#1481)

* Supports ES2022 (Class Fileds)

* Update
---
 .vscode/settings.json                         |   6 +-
 lib/rules/require-slots-as-functions.js       |   4 +
 lib/utils/indent-common.js                    |  19 ++-
 lib/utils/index.js                            |   7 +-
 package.json                                  |   1 +
 .../class-fields-private-methods-01.vue       |  64 ++++++++++
 .../class-fields-private-properties-01.vue    |  22 ++++
 .../class-fields-properties-01.vue            |  16 +++
 .../class-fields-properties-02.vue            |  12 ++
 tests/lib/rules/script-indent.js              |   5 +-
 typings/eslint-plugin-vue/global.d.ts         |   2 +
 .../eslint-plugin-vue/util-types/ast/ast.ts   |   4 +
 .../util-types/ast/es-ast.ts                  | 117 ++++++++++++++++--
 13 files changed, 255 insertions(+), 24 deletions(-)
 create mode 100644 tests/fixtures/script-indent/class-fields-private-methods-01.vue
 create mode 100644 tests/fixtures/script-indent/class-fields-private-properties-01.vue
 create mode 100644 tests/fixtures/script-indent/class-fields-properties-01.vue
 create mode 100644 tests/fixtures/script-indent/class-fields-properties-02.vue

diff --git a/.vscode/settings.json b/.vscode/settings.json
index e8e944bef..2c99a4943 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,5 +9,9 @@
         "vue"
     ],
     "typescript.tsdk": "node_modules/typescript/lib",
-    "vetur.validation.script": false
+    "vetur.validation.script": false,
+    "[typescript]": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
 }
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
index 658071d22..0e83eeda7 100644
--- a/lib/rules/require-slots-as-functions.js
+++ b/lib/rules/require-slots-as-functions.js
@@ -113,6 +113,10 @@ module.exports = {
         if (!utils.isThis(object.object, context)) {
           return
         }
+        if (node.property.type === 'PrivateIdentifier') {
+          // Unreachable
+          return
+        }
         verify(node, node.property)
       }
     })
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 5f1e23632..dafe58ad8 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -60,8 +60,10 @@ const KNOWN_NODES = new Set([
   'NewExpression',
   'ObjectExpression',
   'ObjectPattern',
+  'PrivateIdentifier',
   'Program',
   'Property',
+  'PropertyDefinition',
   'RestElement',
   'ReturnStatement',
   'SequenceExpression',
@@ -667,7 +669,7 @@ module.exports.defineVisitor = function create(
   /**
    * Collect prefix tokens of the given property.
    * The prefix includes `async`, `get`, `set`, `static`, and `*`.
-   * @param {Property|MethodDefinition} node The property node to collect prefix tokens.
+   * @param {Property|MethodDefinition|PropertyDefinition} node The property node to collect prefix tokens.
    */
   function getPrefixTokens(node) {
     const prefixes = []
@@ -1750,9 +1752,8 @@ module.exports.defineVisitor = function create(
         setOffset([dotToken, propertyToken], 1, objectToken)
       }
     },
-    /** @param {MethodDefinition | Property} node */
-    'MethodDefinition, Property'(node) {
-      const isMethod = node.type === 'MethodDefinition' || node.method === true
+    /** @param {MethodDefinition | Property | PropertyDefinition} node */
+    'MethodDefinition, Property, PropertyDefinition'(node) {
       const prefixTokens = getPrefixTokens(node)
       const hasPrefix = prefixTokens.length >= 1
 
@@ -1784,7 +1785,10 @@ module.exports.defineVisitor = function create(
         }
       }
 
-      if (isMethod) {
+      if (
+        node.type === 'MethodDefinition' ||
+        (node.type === 'Property' && node.method === true)
+      ) {
         const leftParenToken = tokenStore.getTokenAfter(lastKeyToken)
 
         setOffset(leftParenToken, 1, lastKeyToken)
@@ -1793,6 +1797,11 @@ module.exports.defineVisitor = function create(
         const valueToken = tokenStore.getTokenAfter(colonToken)
 
         setOffset([colonToken, valueToken], 1, lastKeyToken)
+      } else if (node.type === 'PropertyDefinition' && node.value != null) {
+        const eqToken = tokenStore.getTokenAfter(lastKeyToken)
+        const initToken = tokenStore.getTokenAfter(eqToken)
+
+        setOffset([eqToken, initToken], 1, lastKeyToken)
       }
     },
     /** @param {NewExpression} node */
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 112297af1..05e45d99c 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1848,23 +1848,24 @@ function skipChainExpression(node) {
  */
 function getStaticPropertyName(node) {
   if (node.type === 'Property' || node.type === 'MethodDefinition') {
-    const key = node.key
-
     if (!node.computed) {
+      const key = node.key
       if (key.type === 'Identifier') {
         return key.name
       }
     }
+    const key = node.key
     // @ts-expect-error
     return getStringLiteralValue(key)
   } else if (node.type === 'MemberExpression') {
-    const property = node.property
     if (!node.computed) {
+      const property = node.property
       if (property.type === 'Identifier') {
         return property.name
       }
       return null
     }
+    const property = node.property
     // @ts-expect-error
     return getStringLiteralValue(property)
   }
diff --git a/package.json b/package.json
index 584a6eb81..d5b43b412 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
     "eslint4b": "^7.0.0",
+    "espree": "^8.0.0-0",
     "lodash": "^4.17.15",
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
diff --git a/tests/fixtures/script-indent/class-fields-private-methods-01.vue b/tests/fixtures/script-indent/class-fields-private-methods-01.vue
new file mode 100644
index 000000000..46c6ae67c
--- /dev/null
+++ b/tests/fixtures/script-indent/class-fields-private-methods-01.vue
@@ -0,0 +1,64 @@
+<!--{}-->
+<script>
+class Counter {
+  get
+  #x
+    (
+    )
+  {
+  }
+  set
+  #x
+    (
+      value
+    ) {
+  }
+  static
+  get
+  #y
+    (
+    ) {
+  }
+  static
+  set
+  #y
+    (
+      value
+    ) {
+  }
+  inc() {
+    this
+      .#inc
+      (
+      )
+    this.
+      #inc
+      (
+      )
+  }
+  #inc
+    (
+    ) {
+    this
+      .#x++;
+    this.
+      #x++;
+    Counter
+      .#staticInc
+      (
+      )
+    Counter.
+      #staticInc(
+      )
+  }
+  static
+  #staticInc
+    (
+    ) {
+    Counter
+      .#y++;
+    Counter.
+      #y++;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/class-fields-private-properties-01.vue b/tests/fixtures/script-indent/class-fields-private-properties-01.vue
new file mode 100644
index 000000000..c935f1904
--- /dev/null
+++ b/tests/fixtures/script-indent/class-fields-private-properties-01.vue
@@ -0,0 +1,22 @@
+<!--{}-->
+<script>
+class Counter {
+  #x
+    =
+    0;
+  static
+  #y
+    =
+    0;
+  inc() {
+    this
+      .#x++;
+    this.
+      #x++;
+    Counter
+      .#y++;
+    Counter.
+      #y++;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/class-fields-properties-01.vue b/tests/fixtures/script-indent/class-fields-properties-01.vue
new file mode 100644
index 000000000..ef193d1fe
--- /dev/null
+++ b/tests/fixtures/script-indent/class-fields-properties-01.vue
@@ -0,0 +1,16 @@
+<!--{}-->
+<script>
+class Counter {
+  [
+    x
+  ]
+    =
+    0;
+  static
+  [
+    y
+  ]
+    =
+    0;
+}
+</script>
diff --git a/tests/fixtures/script-indent/class-fields-properties-02.vue b/tests/fixtures/script-indent/class-fields-properties-02.vue
new file mode 100644
index 000000000..3efe3bd25
--- /dev/null
+++ b/tests/fixtures/script-indent/class-fields-properties-02.vue
@@ -0,0 +1,12 @@
+<!--{}-->
+<script>
+class Counter {
+  x
+    =
+    0;
+  static
+  y
+    =
+    0;
+}
+</script>
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 865e73141..37fa67293 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -114,8 +114,9 @@ function unIndent(strings) {
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module'
+    ecmaVersion: 2022,
+    sourceType: 'module',
+    parser: require.resolve('espree') // espree v8.0.0-beta.x
   }
 })
 
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
index aa23a1a21..5b185bb24 100644
--- a/typings/eslint-plugin-vue/global.d.ts
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -71,6 +71,7 @@ declare global {
   // ---- ES Nodes ----
 
   type Identifier = VAST.Identifier
+  type PrivateIdentifier = VAST.PrivateIdentifier
   type Literal = VAST.Literal
   type Program = VAST.Program
   type SwitchCase = VAST.SwitchCase
@@ -135,6 +136,7 @@ declare global {
   type AssignmentPattern = VAST.AssignmentPattern
   type ClassBody = VAST.ClassBody
   type MethodDefinition = VAST.MethodDefinition
+  type PropertyDefinition = VAST.PropertyDefinition
   type ModuleDeclaration = VAST.ModuleDeclaration
   type ImportDeclaration = VAST.ImportDeclaration
   type ExportNamedDeclaration = VAST.ExportNamedDeclaration
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index d8f21315c..e29c199fe 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -179,6 +179,8 @@ export type NodeListenerMap = {
 export type ESNodeListenerMap = {
   Identifier: ES.Identifier
   'Identifier:exit': ES.Identifier
+  PrivateIdentifier: ES.PrivateIdentifier
+  'PrivateIdentifier:exit': ES.PrivateIdentifier
   Literal: ES.Literal
   'Literal:exit': ES.Literal
   Program: ES.Program
@@ -317,6 +319,8 @@ export type ESNodeListenerMap = {
   'ClassBody:exit': ES.ClassBody
   MethodDefinition: ES.MethodDefinition
   'MethodDefinition:exit': ES.MethodDefinition
+  PropertyDefinition: ES.PropertyDefinition
+  'PropertyDefinition:exit': ES.PropertyDefinition
   ImportDeclaration: ES.ImportDeclaration
   'ImportDeclaration:exit': ES.ImportDeclaration
   ExportNamedDeclaration: ES.ExportNamedDeclaration
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 9af1e7d06..1a2519a1a 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -9,6 +9,7 @@ import * as TS from './ts-ast'
 import * as JSX from './jsx-ast'
 
 export type ESNode =
+  | PrivateIdentifier
   | Identifier
   | Literal
   | Program
@@ -25,6 +26,7 @@ export type ESNode =
   | Pattern
   | ClassBody
   | MethodDefinition
+  | PropertyDefinition
   | ModuleDeclaration
   | ModuleSpecifier
 
@@ -185,16 +187,61 @@ export interface ClassDeclaration extends HasParentNode {
 }
 export interface ClassBody extends HasParentNode {
   type: 'ClassBody'
-  body: MethodDefinition[]
+  body: (MethodDefinition | PropertyDefinition)[]
 }
-export interface MethodDefinition extends HasParentNode {
+interface BaseMethodDefinition extends HasParentNode {
   type: 'MethodDefinition'
+  // computed: boolean
+  static: boolean
+  // key: Expression
+  value: FunctionExpression
+  parent: ClassBody
+}
+export interface MethodDefinitionNonComputedName extends BaseMethodDefinition {
+  kind: 'constructor' | 'method' | 'get' | 'set'
+  computed: false
+  key: Identifier | Literal
+}
+export interface MethodDefinitionComputedName extends BaseMethodDefinition {
   kind: 'constructor' | 'method' | 'get' | 'set'
-  computed: boolean
+  computed: true
+  key: Expression
+}
+export interface MethodDefinitionPrivate extends BaseMethodDefinition {
+  kind: 'constructor'
+  computed: false
+  key: PrivateIdentifier
+}
+export type MethodDefinition =
+  | MethodDefinitionNonComputedName
+  | MethodDefinitionComputedName
+  | MethodDefinitionPrivate
+interface BasePropertyDefinition extends HasParentNode {
+  type: 'PropertyDefinition'
+  // key: Expression | PrivateIdentifier
+  value: Expression | null
+  // computed: boolean
   static: boolean
+  parent: ClassBody
+}
+export interface PropertyDefinitionNonComputedName
+  extends BasePropertyDefinition {
+  computed: false
+  key: Identifier | Literal
+}
+export interface PropertyDefinitionComputedName extends BasePropertyDefinition {
+  computed: true
   key: Expression
-  value: FunctionExpression
 }
+export interface PropertyDefinitionPrivate extends BasePropertyDefinition {
+  computed: false
+  key: PrivateIdentifier
+}
+export type PropertyDefinition =
+  | PropertyDefinitionNonComputedName
+  | PropertyDefinitionComputedName
+  | PropertyDefinitionPrivate
+
 export type ModuleDeclaration =
   | ImportDeclaration
   | ExportNamedDeclaration
@@ -284,6 +331,10 @@ export interface Identifier extends HasParentNode {
   type: 'Identifier'
   name: string
 }
+export interface PrivateIdentifier extends HasParentNode {
+  type: 'PrivateIdentifier'
+  name: string
+}
 export interface Literal extends HasParentNode {
   type: 'Literal'
   value: string | boolean | null | number | RegExp | BigInt
@@ -304,16 +355,25 @@ export interface ObjectExpression extends HasParentNode {
   type: 'ObjectExpression'
   properties: (Property | SpreadElement)[]
 }
-export interface Property extends HasParentNode {
+interface BaseProperty extends HasParentNode {
   type: 'Property'
   kind: 'init' | 'get' | 'set'
   method: boolean
   shorthand: boolean
-  computed: boolean
-  key: Expression
+  // computed: boolean
+  // key: Expression
   value: Expression
   parent: ObjectExpression
 }
+export interface PropertyNonComputedName extends BaseProperty {
+  computed: false
+  key: Identifier | Literal
+}
+export interface PropertyComputedName extends BaseProperty {
+  computed: true
+  key: Expression
+}
+export type Property = PropertyNonComputedName | PropertyComputedName
 export interface FunctionExpression extends HasParentNode {
   type: 'FunctionExpression'
   async: boolean
@@ -444,13 +504,32 @@ export interface NewExpression extends HasParentNode {
   callee: Expression
   arguments: (Expression | SpreadElement)[]
 }
-export interface MemberExpression extends HasParentNode {
+interface BaseMemberExpression extends HasParentNode {
   type: 'MemberExpression'
-  computed: boolean
+  // computed: boolean
+  // object: Expression | Super
+  // property: Expression
+  optional: boolean
+}
+export interface MemberExpressionNonComputedName extends BaseMemberExpression {
+  computed: false
+  object: Expression | Super
+  property: Identifier
+}
+export interface MemberExpressionComputedName extends BaseMemberExpression {
+  computed: true
   object: Expression | Super
   property: Expression
-  optional: boolean
 }
+export interface MemberExpressionPrivate extends BaseMemberExpression {
+  computed: false
+  object: Expression
+  property: PrivateIdentifier
+}
+export type MemberExpression =
+  | MemberExpressionNonComputedName
+  | MemberExpressionComputedName
+  | MemberExpressionPrivate
 export interface ChainExpression extends HasParentNode {
   type: 'ChainExpression'
   expression: ChainElement
@@ -506,16 +585,28 @@ export interface ObjectPattern extends HasParentNode {
   type: 'ObjectPattern'
   properties: (AssignmentProperty | RestElement)[]
 }
-export interface AssignmentProperty extends HasParentNode {
+interface BaseAssignmentProperty extends HasParentNode {
   type: 'Property'
   kind: 'init'
   method: false
   shorthand: boolean
-  computed: boolean
-  key: Expression
+  // computed: boolean
+  // key: Expression
   value: Pattern
   parent: ObjectPattern
 }
+export interface AssignmentPropertyNonComputedName
+  extends BaseAssignmentProperty {
+  computed: false
+  key: Identifier | Literal
+}
+export interface AssignmentPropertyComputedName extends BaseAssignmentProperty {
+  computed: true
+  key: Expression
+}
+export type AssignmentProperty =
+  | AssignmentPropertyNonComputedName
+  | AssignmentPropertyComputedName
 export interface ArrayPattern extends HasParentNode {
   type: 'ArrayPattern'
   elements: Pattern[]

From f2b9ccc7a60966c02eefc4fd3e7e8d81e893b0ef Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 16:04:05 +0900
Subject: [PATCH 0294/1010] Improved indent rules to support TypeScript syntax
 (#1520)

* Make the indent rules supports TypeScript

* fix

* Update docs

* update

* update ci

* update ci

* update testcase for node 8

* Fix decorator indent

* update
---
 .circleci/config.yml                          |    2 +-
 docs/rules/html-indent.md                     |    2 +-
 docs/rules/script-indent.md                   |    4 +-
 lib/rules/no-restricted-component-options.js  |   18 +-
 lib/rules/order-in-components.js              |    2 +
 lib/rules/sort-keys.js                        |    4 +-
 lib/utils/html-comments.js                    |    4 +-
 lib/utils/indent-common.js                    |  925 +++++-------
 lib/utils/indent-ts.js                        | 1264 +++++++++++++++++
 lib/utils/indent-utils.js                     |  117 ++
 package.json                                  |    5 +-
 tests/fixtures/script-indent/ignore-01.vue    |   19 +
 tests/fixtures/script-indent/ignore-02.vue    |   19 +
 tests/fixtures/script-indent/jsx-01.vue       |   16 +
 tests/fixtures/script-indent/jsx-02.vue       |   23 +
 .../script-indent/method-definition-02.vue    |   10 +
 .../ts-abstract-class-property-01.vue         |   22 +
 .../ts-abstract-class-property-02.vue         |   17 +
 .../ts-abstract-method-definition-01.vue      |   30 +
 .../script-indent/ts-as-expression-01.vue     |    6 +
 .../ts-call-signature-declaration-01.vue      |   13 +
 .../ts-call-signature-declaration-02.vue      |   13 +
 .../script-indent/ts-class-declaration-01.vue |   11 +
 .../script-indent/ts-class-declaration-02.vue |   16 +
 .../script-indent/ts-class-declaration-03.vue |   26 +
 .../script-indent/ts-class-declaration-04.vue |   26 +
 .../script-indent/ts-class-declaration-05.vue |   14 +
 .../script-indent/ts-class-declaration-06.vue |   28 +
 .../script-indent/ts-class-declaration-07.vue |    9 +
 .../ts-class-fields-private-methods-01.vue    |   64 +
 .../ts-class-fields-private-properties-01.vue |   22 +
 .../script-indent/ts-class-property-01.vue    |   15 +
 .../script-indent/ts-class-property-02.vue    |   17 +
 .../script-indent/ts-class-property-03.vue    |   36 +
 .../script-indent/ts-conditional-type-01.vue  |   10 +
 .../script-indent/ts-conditional-type-02.vue  |   10 +
 .../script-indent/ts-conditional-type-03.vue  |   17 +
 .../script-indent/ts-constructor-type-01.vue  |   21 +
 .../script-indent/ts-declare-function-01.vue  |   12 +
 .../script-indent/ts-declare-function-02.vue  |   12 +
 .../script-indent/ts-declare-function-03.vue  |   12 +
 .../script-indent/ts-declare-function-04.vue  |   16 +
 .../script-indent/ts-decorator-01.vue         |  205 +++
 .../script-indent/ts-decorator-02.vue         |   14 +
 tests/fixtures/script-indent/ts-enum-01.vue   |    9 +
 tests/fixtures/script-indent/ts-enum-02.vue   |    9 +
 tests/fixtures/script-indent/ts-enum-03.vue   |   12 +
 tests/fixtures/script-indent/ts-enum-04.vue   |    7 +
 tests/fixtures/script-indent/ts-enum-05.vue   |    8 +
 tests/fixtures/script-indent/ts-enum-06.vue   |   10 +
 .../script-indent/ts-enum-member-01.vue       |   15 +
 .../script-indent/ts-enum-member-02.vue       |   26 +
 .../script-indent/ts-export-assignment-01.vue |    5 +
 .../script-indent/ts-export-assignment-02.vue |   13 +
 .../script-indent/ts-export-namespace-01.vue  |    8 +
 .../script-indent/ts-function-type-01.vue     |    6 +
 .../script-indent/ts-function-type-02.vue     |   17 +
 .../script-indent/ts-import-equal-01.vue      |    6 +
 .../script-indent/ts-import-equal-02.vue      |   19 +
 .../script-indent/ts-import-equal-03.vue      |   13 +
 .../script-indent/ts-import-type-01.vue       |    8 +
 .../script-indent/ts-import-type-02.vue       |   18 +
 .../script-indent/ts-import-type-03.vue       |    9 +
 .../ts-indexed-access-type-01.vue             |    9 +
 .../ts-indexed-access-type-02.vue             |   11 +
 tests/fixtures/script-indent/ts-infer-01.vue  |    7 +
 .../ts-interface-declaration-01.vue           |    7 +
 .../ts-interface-declaration-02.vue           |   15 +
 .../ts-interface-declaration-03.vue           |   17 +
 .../ts-interface-declaration-04.vue           |   19 +
 .../ts-interface-declaration-05.vue           |   13 +
 .../ts-interface-declaration-06.vue           |   17 +
 .../ts-interface-declaration-07.vue           |   25 +
 .../ts-interface-declaration-08.vue           |   27 +
 .../script-indent/ts-mapped-type-01.vue       |   12 +
 .../ts-module-declaration-01.vue              |   14 +
 .../script-indent/ts-qualified-name-01.vue    |    7 +
 .../ts-template-literal-type-01.vue           |   40 +
 tests/fixtures/script-indent/ts-tuple-01.vue  |    9 +
 tests/fixtures/script-indent/ts-tuple-02.vue  |   15 +
 .../ts-type-alias-seclaration-01.vue          |   21 +
 .../script-indent/ts-type-annotation-01.vue   |    9 +
 .../script-indent/ts-type-annotation-02.vue   |   33 +
 .../script-indent/ts-type-annotation-03.vue   |   28 +
 .../script-indent/ts-type-annotation-04.vue   |   25 +
 .../script-indent/ts-type-annotation-05.vue   |   21 +
 .../script-indent/ts-type-annotation-06.vue   |   17 +
 .../script-indent/ts-type-assertion-01.vue    |   10 +
 .../script-indent/ts-type-literal-01.vue      |    7 +
 .../script-indent/ts-type-paramater-01.vue    |   24 +
 .../ts-type-parameter-seclaration-01.vue      |   17 +
 .../ts-union-intersection-01.vue              |   28 +
 tests/lib/rules/script-indent.js              |   47 +-
 .../util-types/ast/ts-ast.ts                  |    1 +
 .../util-types/indent-helper.ts               |   14 +
 typings/eslint-utils/index.d.ts               |   21 +
 96 files changed, 3382 insertions(+), 571 deletions(-)
 create mode 100644 lib/utils/indent-ts.js
 create mode 100644 lib/utils/indent-utils.js
 create mode 100644 tests/fixtures/script-indent/ignore-01.vue
 create mode 100644 tests/fixtures/script-indent/ignore-02.vue
 create mode 100644 tests/fixtures/script-indent/jsx-01.vue
 create mode 100644 tests/fixtures/script-indent/jsx-02.vue
 create mode 100644 tests/fixtures/script-indent/method-definition-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-abstract-class-property-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-abstract-class-property-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-as-expression-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-05.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-06.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-declaration-07.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-property-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-property-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-class-property-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-conditional-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-conditional-type-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-conditional-type-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-constructor-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-declare-function-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-declare-function-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-declare-function-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-declare-function-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-decorator-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-decorator-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-05.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-06.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-member-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-enum-member-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-export-assignment-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-export-assignment-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-export-namespace-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-function-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-function-type-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-equal-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-equal-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-equal-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-type-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-type-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-indexed-access-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-indexed-access-type-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-infer-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-05.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-06.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-07.vue
 create mode 100644 tests/fixtures/script-indent/ts-interface-declaration-08.vue
 create mode 100644 tests/fixtures/script-indent/ts-mapped-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-module-declaration-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-qualified-name-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-template-literal-type-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-tuple-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-tuple-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-annotation-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-annotation-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-annotation-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-annotation-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-annotation-05.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-annotation-06.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-assertion-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-literal-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-paramater-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-union-intersection-01.vue
 create mode 100644 typings/eslint-plugin-vue/util-types/indent-helper.ts

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d593e239e..c10b2139e 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -43,7 +43,7 @@ jobs:
       - run:
           name: Install eslint@6
           command: |
-            npm install -D eslint@6.2.0
+            npm install --save-exact eslint@6.8.0 @typescript-eslint/parser@3.10.1 typescript@4.0.8
       - run:
           name: Install dependencies
           command: npm install
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 61ecf57be..18fddf12d 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -17,7 +17,7 @@ since: v3.14.0
 This rule enforces a consistent indentation style in `<template>`. The default style is 2 spaces.
 
 - This rule checks all tags, also all expressions in directives and mustaches.
-- In the expressions, this rule supports ECMAScript 2020 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
+- In the expressions, this rule supports ECMAScript 2022 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
 
 <eslint-code-block fix :rules="{'vue/html-indent': ['error']}">
 
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index ffff5be72..b4b460183 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -13,7 +13,7 @@ since: v4.2.0
 
 ## :book: Rule Details
 
-This rule is similar to core [indent](https://eslint.org/docs/rules/indent) rule, but it has an option for inside of `<script>` tag.
+This rule enforces a consistent indentation style in `<script>`. The default style is 2 spaces.
 
 <eslint-code-block fix :rules="{'vue/script-indent': ['error']}">
 
@@ -117,7 +117,7 @@ This rule only checks `.vue` files and does not interfere with other `.js` files
 
 - [indent](https://eslint.org/docs/rules/indent)
 - [vue/html-indent](./html-indent.md)
-- [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/indent.md). The `vue/script-indent` rule does not understand TypeScript AST. Please use `@typescript-eslint/indent` rule instead of this one inside of `<script lang="ts"`
+- [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/indent.md)
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
index 6d0de9a8d..e514a7b64 100644
--- a/lib/rules/no-restricted-component-options.js
+++ b/lib/rules/no-restricted-component-options.js
@@ -50,9 +50,13 @@ function parseOption(option) {
   }
 
   /**
-   * @typedef {object} Step
-   * @property {Matcher} [test]
-   * @property {boolean} [wildcard]
+   * @typedef {object} StepForTest
+   * @property {Matcher} test
+   * @property {undefined} [wildcard]
+   * @typedef {object} StepForWildcard
+   * @property {undefined} [test]
+   * @property {true} wildcard
+   * @typedef {StepForTest | StepForWildcard} Step
    */
 
   /** @type {Step[]} */
@@ -76,20 +80,20 @@ function parseOption(option) {
    * @returns {Tester}
    */
   function buildTester(index) {
-    const { wildcard, test } = steps[index]
+    const step = steps[index]
     const next = index + 1
     const needNext = steps.length > next
     return (node) => {
       /** @type {string} */
       let keyName
-      if (wildcard) {
+      if (step.wildcard) {
         keyName = '*'
       } else {
         if (node.type !== 'Property') {
           return null
         }
         const name = utils.getStaticPropertyName(node)
-        if (!name || !test(name)) {
+        if (!name || !step.test(name)) {
           return null
         }
         keyName = name
@@ -97,7 +101,7 @@ function parseOption(option) {
 
       return {
         next: needNext ? buildTester(next) : undefined,
-        wildcard,
+        wildcard: step.wildcard,
         keyName
       }
     }
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 5f3373458..83558aa39 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -156,6 +156,7 @@ function isNotSideEffectsNode(node, visitorKeys) {
   let skipNode = null
   traverseNodes(node, {
     visitorKeys,
+    /** @param {ASTNode} node */
     enterNode(node) {
       if (!result || skipNode) {
         return
@@ -193,6 +194,7 @@ function isNotSideEffectsNode(node, visitorKeys) {
         result = false
       }
     },
+    /** @param {ASTNode} node */
     leaveNode(node) {
       if (skipNode === node) {
         skipNode = null
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 664186bdd..e84774ddc 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -206,8 +206,8 @@ module.exports = {
                   ''
                 chainLevel = 1
               } else {
-                propName = upperVueState.propName
-                chainLevel = upperVueState.chainLevel + 1
+                propName = upperVueState.propName || ''
+                chainLevel = (upperVueState.chainLevel || 0) + 1
               }
               vueState.propName = propName
               vueState.chainLevel = chainLevel
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
index aced46e71..ec957af71 100644
--- a/lib/utils/html-comments.js
+++ b/lib/utils/html-comments.js
@@ -110,8 +110,8 @@ function defineParser(sourceCode, config) {
 
   /**
    * Parse HTMLComment.
-   * @param {ASTToken} node a comment token
-   * @returns {HTMLComment | null} the result of HTMLComment tokens.
+   * @param {Token} node a comment token
+   * @returns {ParsedHTMLComment | null} the result of HTMLComment tokens.
    */
   return function parseHTMLComment(node) {
     if (node.type !== 'HTMLComment') {
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index dafe58ad8..7d2349d3c 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -8,102 +8,38 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const {
+  isArrowToken,
+  isOpeningParenToken,
+  isClosingParenToken,
+  isNotOpeningParenToken,
+  isNotClosingParenToken,
+  isOpeningBraceToken,
+  isClosingBraceToken,
+  isOpeningBracketToken,
+  isClosingBracketToken,
+  isSemicolonToken
+} = require('eslint-utils')
+const {
+  isComment,
+  isNotComment,
+  isWildcard,
+  isExtendsKeyword,
+  isNotWhitespace,
+  isNotEmptyTextNode,
+  isPipeOperator,
+  last
+} = require('./indent-utils')
+const { defineVisitor: tsDefineVisitor } = require('./indent-ts')
+
+/**
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/node').HasLocation} HasLocation
+ * @typedef { { type: string } & HasLocation } MaybeNode
+ */
+
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
-
-/** @type {Set<ASTNode['type']>} */
-const KNOWN_NODES = new Set([
-  'ArrayExpression',
-  'ArrayPattern',
-  'ArrowFunctionExpression',
-  'AssignmentExpression',
-  'AssignmentPattern',
-  'AwaitExpression',
-  'BinaryExpression',
-  'BlockStatement',
-  'BreakStatement',
-  'CallExpression',
-  'CatchClause',
-  'ChainExpression',
-  'ClassBody',
-  'ClassDeclaration',
-  'ClassExpression',
-  'ConditionalExpression',
-  'ContinueStatement',
-  'DebuggerStatement',
-  'DoWhileStatement',
-  'EmptyStatement',
-  'ExportAllDeclaration',
-  'ExportDefaultDeclaration',
-  'ExportNamedDeclaration',
-  'ExportSpecifier',
-  'ExpressionStatement',
-  'ForInStatement',
-  'ForOfStatement',
-  'ForStatement',
-  'FunctionDeclaration',
-  'FunctionExpression',
-  'Identifier',
-  'IfStatement',
-  'ImportDeclaration',
-  'ImportDefaultSpecifier',
-  'ImportExpression',
-  'ImportNamespaceSpecifier',
-  'ImportSpecifier',
-  'LabeledStatement',
-  'Literal',
-  'LogicalExpression',
-  'MemberExpression',
-  'MetaProperty',
-  'MethodDefinition',
-  'NewExpression',
-  'ObjectExpression',
-  'ObjectPattern',
-  'PrivateIdentifier',
-  'Program',
-  'Property',
-  'PropertyDefinition',
-  'RestElement',
-  'ReturnStatement',
-  'SequenceExpression',
-  'SpreadElement',
-  'Super',
-  'SwitchCase',
-  'SwitchStatement',
-  'TaggedTemplateExpression',
-  'TemplateElement',
-  'TemplateLiteral',
-  'ThisExpression',
-  'ThrowStatement',
-  'TryStatement',
-  'UnaryExpression',
-  'UpdateExpression',
-  'VariableDeclaration',
-  'VariableDeclarator',
-  'WhileStatement',
-  'WithStatement',
-  'YieldExpression',
-  'VAttribute',
-  'VDirectiveKey',
-  'VDocumentFragment',
-  'VElement',
-  'VEndTag',
-  'VExpressionContainer',
-  'VFilter',
-  'VFilterSequenceExpression',
-  'VForExpression',
-  'VIdentifier',
-  'VLiteral',
-  'VOnExpression',
-  'VSlotScopeExpression',
-  'VStartTag',
-  'VText'
-])
-const NON_STANDARD_KNOWN_NODES = new Set([
-  'ExperimentalRestProperty',
-  'ExperimentalSpreadProperty'
-])
 const LT_CHAR = /[\r\n\u2028\u2029]/
 const LINES = /[^\r\n\u2028\u2029]+(?:$|\r\n|[\r\n\u2028\u2029])/g
 const BLOCK_COMMENT_PREFIX = /^\s*\*/
@@ -172,10 +108,10 @@ function parseOptions(type, options, defaultOptions) {
     ret.indentSize = 1
   }
 
-  if (Number.isSafeInteger(options.baseIndent)) {
+  if (options.baseIndent != null && Number.isSafeInteger(options.baseIndent)) {
     ret.baseIndent = options.baseIndent
   }
-  if (Number.isSafeInteger(options.attribute)) {
+  if (options.attribute != null && Number.isSafeInteger(options.attribute)) {
     ret.attribute = options.attribute
   }
   if (Number.isSafeInteger(options.closeBracket)) {
@@ -195,7 +131,7 @@ function parseOptions(type, options, defaultOptions) {
       options.closeBracket
     )
   }
-  if (Number.isSafeInteger(options.switchCase)) {
+  if (options.switchCase != null && Number.isSafeInteger(options.switchCase)) {
     ret.switchCase = options.switchCase
   }
 
@@ -209,191 +145,11 @@ function parseOptions(type, options, defaultOptions) {
   return ret
 }
 
-/**
- * Check whether the given token is an arrow.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is an arrow.
- */
-function isArrow(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '=>'
-}
-
-/**
- * Check whether the given token is a left parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a left parenthesis.
- */
-function isLeftParen(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '('
-}
-
-/**
- * Check whether the given token is a left parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `false` if the token is a left parenthesis.
- */
-function isNotLeftParen(token) {
-  return token != null && (token.type !== 'Punctuator' || token.value !== '(')
-}
-
-/**
- * Check whether the given token is a right parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a right parenthesis.
- */
-function isRightParen(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ')'
-}
-
-/**
- * Check whether the given token is a right parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `false` if the token is a right parenthesis.
- */
-function isNotRightParen(token) {
-  return token != null && (token.type !== 'Punctuator' || token.value !== ')')
-}
-
-/**
- * Check whether the given token is a left brace.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a left brace.
- */
-function isLeftBrace(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '{'
-}
-
-/**
- * Check whether the given token is a right brace.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a right brace.
- */
-function isRightBrace(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '}'
-}
-
-/**
- * Check whether the given token is a left bracket.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a left bracket.
- */
-function isLeftBracket(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '['
-}
-
-/**
- * Check whether the given token is a right bracket.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a right bracket.
- */
-function isRightBracket(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ']'
-}
-
-/**
- * Check whether the given token is a semicolon.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a semicolon.
- */
-function isSemicolon(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ';'
-}
-
-/**
- * Check whether the given token is a comma.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a comma.
- */
-function isComma(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ','
-}
-/**
- * Check whether the given token is a wildcard.
- * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a wildcard.
- */
-function isWildcard(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '*'
-}
-
-/**
- * Check whether the given token is a whitespace.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a whitespace.
- */
-function isNotWhitespace(token) {
-  return token != null && token.type !== 'HTMLWhitespace'
-}
-
-/**
- * Check whether the given token is a comment.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a comment.
- */
-function isComment(token) {
-  return (
-    token != null &&
-    (token.type === 'Block' ||
-      token.type === 'Line' ||
-      token.type === 'Shebang' ||
-      (typeof token.type ===
-        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
-        token.type.endsWith('Comment')))
-  )
-}
-
-/**
- * Check whether the given token is a comment.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `false` if the token is a comment.
- */
-function isNotComment(token) {
-  return (
-    token != null &&
-    token.type !== 'Block' &&
-    token.type !== 'Line' &&
-    token.type !== 'Shebang' &&
-    !(
-      typeof token.type ===
-        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
-      token.type.endsWith('Comment')
-    )
-  )
-}
-
-/**
- * Check whether the given node is not an empty text node.
- * @param {ASTNode} node The node to check.
- * @returns {boolean} `false` if the token is empty text node.
- */
-function isNotEmptyTextNode(node) {
-  return !(node.type === 'VText' && node.value.trim() === '')
-}
-
-/**
- * Check whether the given token is a pipe operator.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a pipe operator.
- */
-function isPipeOperator(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '|'
-}
-
-/**
- * Get the last element.
- * @template T
- * @param {T[]} xs The array to get the last element.
- * @returns {T | undefined} The last element or undefined.
- */
-function last(xs) {
-  return xs.length === 0 ? undefined : xs[xs.length - 1]
-}
-
 /**
  * Check whether the node is at the beginning of line.
- * @param {ASTNode|null} node The node to check.
+ * @param {MaybeNode|null} node The node to check.
  * @param {number} index The index of the node in the nodes.
- * @param {(ASTNode|null)[]} nodes The array of nodes.
+ * @param {(MaybeNode|null)[]} nodes The array of nodes.
  * @returns {boolean} `true` if the node is at the beginning of line.
  */
 function isBeginningOfLine(node, index, nodes) {
@@ -425,6 +181,15 @@ function isClosingToken(token) {
   )
 }
 
+/**
+ * Checks whether  a given token is a optional token.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a optional token.
+ */
+function isOptionalToken(token) {
+  return token.type === 'Punctuator' && token.value === '?.'
+}
+
 /**
  * Creates AST event handlers for html-indent.
  *
@@ -446,6 +211,10 @@ module.exports.defineVisitor = function create(
     defaultOptions
   )
   const sourceCode = context.getSourceCode()
+  /**
+   * @typedef { { baseToken: Token | null, offset: number, baseline: boolean, expectedIndent: number | undefined } } OffsetData
+   */
+  /** @type {Map<Token|null, OffsetData>} */
   const offsets = new Map()
   const ignoreTokens = new Set()
 
@@ -457,11 +226,12 @@ module.exports.defineVisitor = function create(
    * @returns {void}
    */
   function setOffset(token, offset, baseToken) {
-    if (!token) {
+    if (!token || token === baseToken) {
       return
     }
     if (Array.isArray(token)) {
       for (const t of token) {
+        if (!t || t === baseToken) continue
         offsets.set(t, {
           baseToken,
           offset,
@@ -479,6 +249,33 @@ module.exports.defineVisitor = function create(
     }
   }
 
+  /**
+   * Copy offset to the given tokens from srcToken.
+   * @param {Token} token The token to set.
+   * @param {Token} srcToken The token of the source offset.
+   * @returns {void}
+   */
+  function copyOffset(token, srcToken) {
+    if (!token) {
+      return
+    }
+    const offsetData = offsets.get(srcToken)
+    if (!offsetData) {
+      return
+    }
+
+    setOffset(
+      token,
+      offsetData.offset,
+      /** @type {Token} */ (offsetData.baseToken)
+    )
+    if (offsetData.baseline) {
+      setBaseline(token)
+    }
+    const o = /** @type {OffsetData} */ (offsets.get(token))
+    o.expectedIndent = offsetData.expectedIndent
+  }
+
   /**
    * Set baseline flag to the given token.
    * @param {Token} token The token to set.
@@ -525,7 +322,7 @@ module.exports.defineVisitor = function create(
   /**
    * Get the first and last tokens of the given node.
    * If the node is parenthesized, this gets the outermost parentheses.
-   * @param {ASTNode} node The node to get.
+   * @param {MaybeNode} node The node to get.
    * @param {number} [borderOffset] The least offset of the first token. Defailt is 0. This value is used to prevent false positive in the following case: `(a) => {}` The parentheses are enclosing the whole parameter part rather than the first parameter, but this offset parameter is needed to distinguish.
    * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
    */
@@ -540,8 +337,8 @@ module.exports.defineVisitor = function create(
     while (
       (t = tokenStore.getTokenBefore(firstToken)) != null &&
       (u = tokenStore.getTokenAfter(lastToken)) != null &&
-      isLeftParen(t) &&
-      isRightParen(u) &&
+      isOpeningParenToken(t) &&
+      isClosingParenToken(u) &&
       t.range[0] >= borderOffset
     ) {
       firstToken = t
@@ -555,9 +352,9 @@ module.exports.defineVisitor = function create(
    * Process the given node list.
    * The first node is offsetted from the given left token.
    * Rest nodes are adjusted to the first node.
-   * @param {(ASTNode|null)[]} nodeList The node to process.
-   * @param {ASTNode|Token|null} left The left parenthesis token.
-   * @param {ASTNode|Token|null} right The right parenthesis token.
+   * @param {(MaybeNode|null)[]} nodeList The node to process.
+   * @param {MaybeNode|Token|null} left The left parenthesis token.
+   * @param {MaybeNode|Token|null} right The right parenthesis token.
    * @param {number} offset The offset to set.
    * @param {boolean} [alignVertically=true] The flag to align vertically. If `false`, this doesn't align vertically even if the first node is not at beginning of line.
    * @returns {void}
@@ -663,28 +460,35 @@ module.exports.defineVisitor = function create(
    */
   function processMaybeBlock(node, baseToken) {
     const firstToken = getFirstAndLastTokens(node).firstToken
-    setOffset(firstToken, isLeftBrace(firstToken) ? 0 : 1, baseToken)
+    setOffset(firstToken, isOpeningBraceToken(firstToken) ? 0 : 1, baseToken)
   }
 
   /**
-   * Collect prefix tokens of the given property.
-   * The prefix includes `async`, `get`, `set`, `static`, and `*`.
-   * @param {Property|MethodDefinition|PropertyDefinition} node The property node to collect prefix tokens.
+   * Process semicolons of the given statement node.
+   * @param {MaybeNode} node The statement node to process.
+   * @returns {void}
    */
-  function getPrefixTokens(node) {
-    const prefixes = []
-
-    /** @type {Token|null} */
-    let token = tokenStore.getFirstToken(node)
-    while (token != null && token.range[1] <= node.key.range[0]) {
-      prefixes.push(token)
-      token = tokenStore.getTokenAfter(token)
-    }
-    while (isLeftParen(last(prefixes)) || isLeftBracket(last(prefixes))) {
-      prefixes.pop()
+  function processSemicolons(node) {
+    const firstToken = tokenStore.getFirstToken(node)
+    const lastToken = tokenStore.getLastToken(node)
+    if (isSemicolonToken(lastToken) && firstToken !== lastToken) {
+      setOffset(lastToken, 0, firstToken)
     }
 
-    return prefixes
+    // Set to the semicolon of the previous token for semicolon-free style.
+    // E.g.,
+    //   foo
+    //   ;[1,2,3].forEach(f)
+    const info = offsets.get(firstToken)
+    const prevToken = tokenStore.getTokenBefore(firstToken)
+    if (
+      info != null &&
+      prevToken &&
+      isSemicolonToken(prevToken) &&
+      prevToken.loc.end.line === firstToken.loc.start.line
+    ) {
+      offsets.set(prevToken, info)
+    }
   }
 
   /**
@@ -696,7 +500,7 @@ module.exports.defineVisitor = function create(
     const type = node.type
     while (node.parent && node.parent.type === type) {
       const prevToken = tokenStore.getTokenBefore(node)
-      if (isLeftParen(prevToken)) {
+      if (isOpeningParenToken(prevToken)) {
         // The chaining is broken by parentheses.
         break
       }
@@ -734,7 +538,7 @@ module.exports.defineVisitor = function create(
           return false
         }
         const prevToken = tokenStore.getTokenBefore(belongingNode)
-        if (isLeftParen(prevToken)) {
+        if (isOpeningParenToken(prevToken)) {
           // It is not the first token because it is enclosed in parentheses.
           return false
         }
@@ -742,7 +546,7 @@ module.exports.defineVisitor = function create(
       }
       if (parent.type === 'CallExpression' || parent.type === 'NewExpression') {
         const openParen = /** @type {Token} */ (
-          tokenStore.getTokenAfter(parent.callee, isNotRightParen)
+          tokenStore.getTokenAfter(parent.callee, isNotClosingParenToken)
         )
         return parent.arguments.some(
           (param) =>
@@ -928,7 +732,7 @@ module.exports.defineVisitor = function create(
    * Validate the given token with the pre-calculated expected indentation.
    * @param {Token} token The token to validate.
    * @param {number} expectedIndent The expected indentation.
-   * @param {number[]} [optionalExpectedIndents] The optional expected indentation.
+   * @param {[number, number?]} [optionalExpectedIndents] The optional expected indentation.
    * @returns {void}
    */
   function validateCore(token, expectedIndent, optionalExpectedIndents) {
@@ -992,8 +796,8 @@ module.exports.defineVisitor = function create(
    * Get the expected indent of comments.
    * @param {Token} nextToken The next token of comments.
    * @param {number} nextExpectedIndent The expected indent of the next token.
-   * @param {number} lastExpectedIndent The expected indent of the last token.
-   * @returns {number[]}
+   * @param {number|undefined} lastExpectedIndent The expected indent of the last token.
+   * @returns {[number, number?]}
    */
   function getCommentExpectedIndents(
     nextToken,
@@ -1079,8 +883,8 @@ module.exports.defineVisitor = function create(
           baseline.add(token)
         } else if (baseline.has(offsetInfo.baseToken)) {
           // The base token is a baseline token on this line, so inherit it.
-          offsetInfo.expectedIndent = offsets.get(
-            offsetInfo.baseToken
+          offsetInfo.expectedIndent = /** @type {OffsetData} */ (
+            offsets.get(offsetInfo.baseToken)
           ).expectedIndent
           baseline.add(token)
         } else {
@@ -1125,8 +929,14 @@ module.exports.defineVisitor = function create(
   // Main
   // ------------------------------------------------------------------------------
 
-  return processIgnores({
-    /** @param {VAttribute} node */
+  /** @type {Set<string>} */
+  const knownNodes = new Set()
+  /** @type {TemplateListener} */
+  const visitor = {
+    // ----------------------------------------------------------------------
+    // Vue NODES
+    // ----------------------------------------------------------------------
+    /** @param {VAttribute | VDirective} node */
     VAttribute(node) {
       const keyToken = tokenStore.getFirstToken(node)
       const eqToken = tokenStore.getTokenAfter(node.key)
@@ -1187,7 +997,7 @@ module.exports.defineVisitor = function create(
     VFilter(node) {
       const idToken = tokenStore.getFirstToken(node)
       const lastToken = tokenStore.getLastToken(node)
-      if (isRightParen(lastToken)) {
+      if (isClosingParenToken(lastToken)) {
         const leftParenToken = tokenStore.getTokenAfter(node.callee)
         setOffset(leftParenToken, 1, idToken)
         processNodeList(node.arguments, leftParenToken, lastToken, 1)
@@ -1217,12 +1027,15 @@ module.exports.defineVisitor = function create(
       const firstToken = tokenStore.getFirstToken(node)
       const lastOfLeft = last(node.left) || firstToken
       const inToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(lastOfLeft, isNotRightParen)
+        tokenStore.getTokenAfter(lastOfLeft, isNotClosingParenToken)
       )
       const rightToken = tokenStore.getFirstToken(node.right)
 
-      if (isLeftParen(firstToken)) {
-        const rightToken = tokenStore.getTokenAfter(lastOfLeft, isRightParen)
+      if (isOpeningParenToken(firstToken)) {
+        const rightToken = tokenStore.getTokenAfter(
+          lastOfLeft,
+          isClosingParenToken
+        )
         processNodeList(node.left, firstToken, rightToken, 1)
       }
       setOffset(inToken, 1, firstToken)
@@ -1261,29 +1074,42 @@ module.exports.defineVisitor = function create(
         offsets.set(token, Object.assign({}, firstTokenInfo))
       }
     },
+    // ----------------------------------------------------------------------
+    // SINGLE TOKEN NODES
+    // ----------------------------------------------------------------------
+    VIdentifier() {},
+    VLiteral() {},
+    // ----------------------------------------------------------------------
+    // WRAPPER NODES
+    // ----------------------------------------------------------------------
+    VDirectiveKey() {},
+    VSlotScopeExpression() {},
+    // ----------------------------------------------------------------------
+    // ES NODES
+    // ----------------------------------------------------------------------
     /** @param {ArrayExpression | ArrayPattern} node */
     'ArrayExpression, ArrayPattern'(node) {
-      processNodeList(
-        node.elements,
-        tokenStore.getFirstToken(node),
-        tokenStore.getLastToken(node),
-        1
+      const firstToken = tokenStore.getFirstToken(node)
+      const rightToken = tokenStore.getTokenAfter(
+        node.elements[node.elements.length - 1] || firstToken,
+        isClosingBracketToken
       )
+      processNodeList(node.elements, firstToken, rightToken, 1)
     },
     /** @param {ArrowFunctionExpression} node */
     ArrowFunctionExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const secondToken = tokenStore.getTokenAfter(firstToken)
       const leftToken = node.async ? secondToken : firstToken
-      const arrowToken = tokenStore.getTokenBefore(node.body, isArrow)
+      const arrowToken = tokenStore.getTokenBefore(node.body, isArrowToken)
 
       if (node.async) {
         setOffset(secondToken, 1, firstToken)
       }
-      if (isLeftParen(leftToken)) {
+      if (isOpeningParenToken(leftToken)) {
         const rightToken = tokenStore.getTokenAfter(
           last(node.params) || leftToken,
-          isRightParen
+          isClosingParenToken
         )
         processNodeList(node.params, leftToken, rightToken, 1)
       }
@@ -1297,7 +1123,7 @@ module.exports.defineVisitor = function create(
     ) {
       const leftToken = getChainHeadToken(node)
       const opToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.left, isNotRightParen)
+        tokenStore.getTokenAfter(node.left, isNotClosingParenToken)
       )
       const rightToken = tokenStore.getTokenAfter(opToken)
       const prevToken = tokenStore.getTokenBefore(leftToken)
@@ -1343,7 +1169,17 @@ module.exports.defineVisitor = function create(
     CallExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
-      const leftToken = tokenStore.getTokenAfter(node.callee, isLeftParen)
+      const leftToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.callee, isOpeningParenToken)
+      )
+
+      for (const optionalToken of tokenStore.getTokensBetween(
+        tokenStore.getLastToken(node.callee),
+        leftToken,
+        isOptionalToken
+      )) {
+        setOffset(optionalToken, 1, firstToken)
+      }
 
       setOffset(leftToken, 1, firstToken)
       processNodeList(node.arguments, leftToken, rightToken, 1)
@@ -1352,7 +1188,10 @@ module.exports.defineVisitor = function create(
     ImportExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
-      const leftToken = tokenStore.getTokenAfter(firstToken, isLeftParen)
+      const leftToken = tokenStore.getTokenAfter(
+        firstToken,
+        isOpeningParenToken
+      )
 
       setOffset(leftToken, 1, firstToken)
       processNodeList([node.source], leftToken, rightToken, 1)
@@ -1380,7 +1219,9 @@ module.exports.defineVisitor = function create(
         setOffset(tokenStore.getFirstToken(node.id), 1, firstToken)
       }
       if (node.superClass != null) {
-        const extendsToken = tokenStore.getTokenAfter(node.id || firstToken)
+        const extendsToken = /** @type {Token} */ (
+          tokenStore.getTokenBefore(node.superClass, isExtendsKeyword)
+        )
         const superClassToken = tokenStore.getTokenAfter(extendsToken)
         setOffset(extendsToken, 1, firstToken)
         setOffset(superClassToken, 1, extendsToken)
@@ -1392,11 +1233,11 @@ module.exports.defineVisitor = function create(
       const prevToken = tokenStore.getTokenBefore(node)
       const firstToken = tokenStore.getFirstToken(node)
       const questionToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.test, isNotRightParen)
+        tokenStore.getTokenAfter(node.test, isNotClosingParenToken)
       )
       const consequentToken = tokenStore.getTokenAfter(questionToken)
       const colonToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+        tokenStore.getTokenAfter(node.consequent, isNotClosingParenToken)
       )
       const alternateToken = tokenStore.getTokenAfter(colonToken)
       const isFlat =
@@ -1419,12 +1260,12 @@ module.exports.defineVisitor = function create(
     DoWhileStatement(node) {
       const doToken = tokenStore.getFirstToken(node)
       const whileToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.body, isNotRightParen)
+        tokenStore.getTokenAfter(node.body, isNotClosingParenToken)
       )
       const leftToken = tokenStore.getTokenAfter(whileToken)
       const testToken = tokenStore.getTokenAfter(leftToken)
       const lastToken = tokenStore.getLastToken(node)
-      const rightToken = isSemicolon(lastToken)
+      const rightToken = isSemicolonToken(lastToken)
         ? tokenStore.getTokenBefore(lastToken)
         : lastToken
 
@@ -1438,7 +1279,7 @@ module.exports.defineVisitor = function create(
     ExportAllDeclaration(node) {
       const tokens = tokenStore.getTokens(node)
       const firstToken = /** @type {Token} */ (tokens.shift())
-      if (isSemicolon(last(tokens))) {
+      if (isSemicolonToken(tokens[tokens.length - 1])) {
         tokens.pop()
       }
       if (!node.exported) {
@@ -1478,16 +1319,13 @@ module.exports.defineVisitor = function create(
           // export {foo, bar}; or export {foo, bar} from "mod";
           const leftParenToken = tokenStore.getFirstToken(node, 1)
           const rightParenToken = /** @type {Token} */ (
-            tokenStore.getLastToken(node, isRightBrace)
+            tokenStore.getLastToken(node, isClosingBraceToken)
           )
           setOffset(leftParenToken, 0, exportToken)
           processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
 
           const maybeFromToken = tokenStore.getTokenAfter(rightParenToken)
-          if (
-            maybeFromToken != null &&
-            sourceCode.getText(maybeFromToken) === 'from'
-          ) {
+          if (maybeFromToken != null && maybeFromToken.value === 'from') {
             const fromToken = maybeFromToken
             const nameToken = tokenStore.getTokenAfter(fromToken)
             setOffset([fromToken, nameToken], 1, exportToken)
@@ -1514,12 +1352,12 @@ module.exports.defineVisitor = function create(
       const leftParenToken = tokenStore.getTokenAfter(awaitToken || forToken)
       const leftToken = tokenStore.getTokenAfter(leftParenToken)
       const inToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(leftToken, isNotRightParen)
+        tokenStore.getTokenAfter(leftToken, isNotClosingParenToken)
       )
       const rightToken = tokenStore.getTokenAfter(inToken)
       const rightParenToken = tokenStore.getTokenBefore(
         node.body,
-        isNotLeftParen
+        isNotOpeningParenToken
       )
 
       if (awaitToken != null) {
@@ -1538,7 +1376,7 @@ module.exports.defineVisitor = function create(
       const leftParenToken = tokenStore.getTokenAfter(forToken)
       const rightParenToken = tokenStore.getTokenBefore(
         node.body,
-        isNotLeftParen
+        isNotOpeningParenToken
       )
 
       setOffset(leftParenToken, 1, forToken)
@@ -1553,48 +1391,51 @@ module.exports.defineVisitor = function create(
     /** @param {FunctionDeclaration | FunctionExpression} node */
     'FunctionDeclaration, FunctionExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
-      if (isLeftParen(firstToken)) {
+      let leftParenToken, bodyBaseToken
+      if (isOpeningParenToken(firstToken)) {
         // Methods.
-        const leftToken = firstToken
-        const rightToken = tokenStore.getTokenAfter(
-          last(node.params) || leftToken,
-          isRightParen
-        )
-        const bodyToken = tokenStore.getFirstToken(node.body)
-
-        processNodeList(node.params, leftToken, rightToken, 1)
-        setOffset(bodyToken, 0, tokenStore.getFirstToken(node.parent))
+        leftParenToken = firstToken
+        bodyBaseToken = tokenStore.getFirstToken(node.parent)
       } else {
         // Normal functions.
-        const functionToken = node.async
-          ? tokenStore.getTokenAfter(firstToken)
-          : firstToken
-        const starToken = node.generator
-          ? tokenStore.getTokenAfter(functionToken)
-          : null
-        const idToken = node.id && tokenStore.getFirstToken(node.id)
-        const leftToken = tokenStore.getTokenAfter(
-          idToken || starToken || functionToken
-        )
-        const rightToken = tokenStore.getTokenAfter(
-          last(node.params) || leftToken,
-          isRightParen
-        )
-        const bodyToken = tokenStore.getFirstToken(node.body)
-
-        if (node.async) {
-          setOffset(functionToken, 0, firstToken)
-        }
-        if (node.generator) {
-          setOffset(starToken, 1, firstToken)
-        }
-        if (node.id != null) {
-          setOffset(idToken, 1, firstToken)
+        let nextToken = tokenStore.getTokenAfter(firstToken)
+        let nextTokenOffset = 0
+        while (
+          nextToken &&
+          !isOpeningParenToken(nextToken) &&
+          nextToken.value !== '<'
+        ) {
+          if (
+            nextToken.value === '*' ||
+            (node.id && nextToken.range[0] === node.id.range[0])
+          ) {
+            nextTokenOffset = 1
+          }
+          setOffset(nextToken, nextTokenOffset, firstToken)
+          nextToken = tokenStore.getTokenAfter(nextToken)
         }
-        setOffset(leftToken, 1, firstToken)
-        processNodeList(node.params, leftToken, rightToken, 1)
-        setOffset(bodyToken, 0, firstToken)
+
+        leftParenToken = nextToken
+        bodyBaseToken = firstToken
+      }
+
+      if (
+        !isOpeningParenToken(leftParenToken) &&
+        /** @type {any} */ (node).typeParameters
+      ) {
+        leftParenToken = tokenStore.getTokenAfter(
+          /** @type {any} */ (node).typeParameters
+        )
       }
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.params[node.params.length - 1] || leftParenToken,
+        isClosingParenToken
+      )
+      setOffset(leftParenToken, 1, bodyBaseToken)
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+
+      const bodyToken = tokenStore.getFirstToken(node.body)
+      setOffset(bodyToken, 0, bodyBaseToken)
     },
     /** @param {IfStatement} node */
     IfStatement(node) {
@@ -1602,7 +1443,7 @@ module.exports.defineVisitor = function create(
       const ifLeftParenToken = tokenStore.getTokenAfter(ifToken)
       const ifRightParenToken = tokenStore.getTokenBefore(
         node.consequent,
-        isRightParen
+        isClosingParenToken
       )
 
       setOffset(ifLeftParenToken, 1, ifToken)
@@ -1611,7 +1452,7 @@ module.exports.defineVisitor = function create(
 
       if (node.alternate != null) {
         const elseToken = /** @type {Token} */ (
-          tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+          tokenStore.getTokenAfter(node.consequent, isNotClosingParenToken)
         )
 
         setOffset(elseToken, 0, ifToken)
@@ -1620,92 +1461,71 @@ module.exports.defineVisitor = function create(
     },
     /** @param {ImportDeclaration} node */
     ImportDeclaration(node) {
-      const firstSpecifier = node.specifiers[0]
-      const secondSpecifier = node.specifiers[1]
       const importToken = tokenStore.getFirstToken(node)
-      const hasSemi = tokenStore.getLastToken(node).value === ';'
-      /** @type {Token[]} */
-      const tokens = [] // tokens to one indent
-
-      if (!firstSpecifier) {
-        // There are 2 patterns:
-        //     import "foo"
-        //     import {} from "foo"
-        const secondToken = tokenStore.getFirstToken(node, 1)
-        if (isLeftBrace(secondToken)) {
-          setOffset(
-            [secondToken, tokenStore.getTokenAfter(secondToken)],
-            0,
-            importToken
-          )
-          tokens.push(
-            tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-            tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-          )
+      const tokens = tokenStore.getTokensBetween(importToken, node.source)
+      const fromIndex = tokens.map((t) => t.value).lastIndexOf('from')
+      const { fromToken, beforeTokens, afterTokens } =
+        fromIndex >= 0
+          ? {
+              fromToken: tokens[fromIndex],
+              beforeTokens: tokens.slice(0, fromIndex),
+              afterTokens: [
+                ...tokens.slice(fromIndex + 1),
+                tokenStore.getFirstToken(node.source)
+              ]
+            }
+          : {
+              fromToken: null,
+              beforeTokens: [...tokens, tokenStore.getFirstToken(node.source)],
+              afterTokens: []
+            }
+
+      /** @type {ImportSpecifier[]} */
+      const namedSpecifiers = []
+      for (const specifier of node.specifiers) {
+        if (specifier.type === 'ImportSpecifier') {
+          namedSpecifiers.push(specifier)
         } else {
-          tokens.push(tokenStore.getLastToken(node, hasSemi ? 1 : 0))
+          const removeTokens = tokenStore.getTokens(specifier)
+          removeTokens.shift()
+          for (const token of removeTokens) {
+            const i = beforeTokens.indexOf(token)
+            if (i >= 0) {
+              beforeTokens.splice(i, 1)
+            }
+          }
         }
-      } else if (firstSpecifier.type === 'ImportDefaultSpecifier') {
-        if (
-          secondSpecifier &&
-          secondSpecifier.type === 'ImportNamespaceSpecifier'
-        ) {
-          // There is a pattern:
-          //     import Foo, * as foo from "foo"
-          tokens.push(
-            tokenStore.getFirstToken(firstSpecifier), // Foo
-            tokenStore.getTokenAfter(firstSpecifier), // comma
-            tokenStore.getFirstToken(secondSpecifier), // *
-            tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-            tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-          )
-        } else {
-          // There are 3 patterns:
-          //     import Foo from "foo"
-          //     import Foo, {} from "foo"
-          //     import Foo, {a} from "foo"
-          const idToken = tokenStore.getFirstToken(firstSpecifier)
-          const nextToken = tokenStore.getTokenAfter(firstSpecifier)
-          if (isComma(nextToken)) {
-            const leftBrace = tokenStore.getTokenAfter(nextToken)
-            const rightBrace = tokenStore.getLastToken(node, hasSemi ? 3 : 2)
-            setOffset([idToken, nextToken], 1, importToken)
-            setOffset(leftBrace, 0, idToken)
-            processNodeList(node.specifiers.slice(1), leftBrace, rightBrace, 1)
-            tokens.push(
-              tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-              tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-            )
-          } else {
-            tokens.push(
-              idToken,
-              nextToken, // from
-              tokenStore.getTokenAfter(nextToken) // "foo"
-            )
+      }
+      if (namedSpecifiers.length) {
+        const leftBrace = tokenStore.getTokenBefore(namedSpecifiers[0])
+        const rightBrace = tokenStore.getTokenAfter(
+          namedSpecifiers[namedSpecifiers.length - 1]
+        )
+        processNodeList(namedSpecifiers, leftBrace, rightBrace, 1)
+        for (const token of tokenStore.getTokensBetween(
+          leftBrace,
+          rightBrace
+        )) {
+          const i = beforeTokens.indexOf(token)
+          if (i >= 0) {
+            beforeTokens.splice(i, 1)
           }
         }
-      } else if (firstSpecifier.type === 'ImportNamespaceSpecifier') {
-        // There is a pattern:
-        //     import * as foo from "foo"
-        tokens.push(
-          tokenStore.getFirstToken(firstSpecifier), // *
-          tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-          tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
+      }
+
+      if (
+        beforeTokens.every(
+          (t) => isOpeningBraceToken(t) || isClosingBraceToken(t)
         )
+      ) {
+        setOffset(beforeTokens, 0, importToken)
       } else {
-        // There is a pattern:
-        //     import {a} from "foo"
-        const leftBrace = tokenStore.getFirstToken(node, 1)
-        const rightBrace = tokenStore.getLastToken(node, hasSemi ? 3 : 2)
-        setOffset(leftBrace, 0, importToken)
-        processNodeList(node.specifiers, leftBrace, rightBrace, 1)
-        tokens.push(
-          tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-          tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-        )
+        setOffset(beforeTokens, 1, importToken)
+      }
+      if (fromToken) {
+        setOffset(fromToken, 1, importToken)
+        setOffset(afterTokens, 0, fromToken)
       }
-
-      setOffset(tokens, 1, importToken)
     },
     /** @param {ImportSpecifier} node */
     ImportSpecifier(node) {
@@ -1734,14 +1554,22 @@ module.exports.defineVisitor = function create(
       const objectToken = tokenStore.getFirstToken(node)
       if (node.type === 'MemberExpression' && node.computed) {
         const leftBracketToken = /** @type {Token} */ (
-          tokenStore.getTokenBefore(node.property, isLeftBracket)
+          tokenStore.getTokenBefore(node.property, isOpeningBracketToken)
         )
         const propertyToken = tokenStore.getTokenAfter(leftBracketToken)
         const rightBracketToken = tokenStore.getTokenAfter(
           node.property,
-          isRightBracket
+          isClosingBracketToken
         )
 
+        for (const optionalToken of tokenStore.getTokensBetween(
+          tokenStore.getLastToken(node.object),
+          leftBracketToken,
+          isOptionalToken
+        )) {
+          setOffset(optionalToken, 1, objectToken)
+        }
+
         setOffset(leftBracketToken, 1, objectToken)
         setOffset(propertyToken, 1, leftBracketToken)
         setOffset(rightBracketToken, 0, leftBracketToken)
@@ -1754,54 +1582,37 @@ module.exports.defineVisitor = function create(
     },
     /** @param {MethodDefinition | Property | PropertyDefinition} node */
     'MethodDefinition, Property, PropertyDefinition'(node) {
-      const prefixTokens = getPrefixTokens(node)
-      const hasPrefix = prefixTokens.length >= 1
-
-      for (let i = 1; i < prefixTokens.length; ++i) {
-        setOffset(prefixTokens[i], 0, prefixTokens[i - 1])
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        keyTokens.firstToken
+      )
+      if (node.computed) {
+        prefixTokens.pop() // pop [
       }
+      setOffset(prefixTokens, 0, firstToken)
 
-      /** @type {Token} */
       let lastKeyToken
       if (node.computed) {
-        const keyLeftToken = /** @type {Token} */ (
-          tokenStore.getFirstToken(node, isLeftBracket)
-        )
-        const keyToken = tokenStore.getTokenAfter(keyLeftToken)
-        const keyRightToken = (lastKeyToken = /** @type {Token} */ (
-          tokenStore.getTokenAfter(node.key, isRightBracket)
+        const leftBracketToken = tokenStore.getTokenBefore(keyTokens.firstToken)
+        const rightBracketToken = (lastKeyToken = tokenStore.getTokenAfter(
+          keyTokens.lastToken
         ))
-
-        if (hasPrefix) {
-          setOffset(keyLeftToken, 0, /** @type {Token} */ (last(prefixTokens)))
-        }
-        setOffset(keyToken, 1, keyLeftToken)
-        setOffset(keyRightToken, 0, keyLeftToken)
+        setOffset(leftBracketToken, 0, firstToken)
+        processNodeList([node.key], leftBracketToken, rightBracketToken, 1)
       } else {
-        const idToken = (lastKeyToken = tokenStore.getFirstToken(node.key))
-
-        if (hasPrefix) {
-          setOffset(idToken, 0, /** @type {Token} */ (last(prefixTokens)))
-        }
+        setOffset(keyTokens.firstToken, 0, firstToken)
+        lastKeyToken = keyTokens.lastToken
       }
 
-      if (
-        node.type === 'MethodDefinition' ||
-        (node.type === 'Property' && node.method === true)
-      ) {
-        const leftParenToken = tokenStore.getTokenAfter(lastKeyToken)
-
-        setOffset(leftParenToken, 1, lastKeyToken)
-      } else if (node.type === 'Property' && !node.shorthand) {
-        const colonToken = tokenStore.getTokenAfter(lastKeyToken)
-        const valueToken = tokenStore.getTokenAfter(colonToken)
-
-        setOffset([colonToken, valueToken], 1, lastKeyToken)
-      } else if (node.type === 'PropertyDefinition' && node.value != null) {
-        const eqToken = tokenStore.getTokenAfter(lastKeyToken)
-        const initToken = tokenStore.getTokenAfter(eqToken)
-
-        setOffset([eqToken, initToken], 1, lastKeyToken)
+      if (node.value != null) {
+        const initToken = tokenStore.getFirstToken(node.value)
+        setOffset(
+          [...tokenStore.getTokensBetween(lastKeyToken, initToken), initToken],
+          1,
+          lastKeyToken
+        )
       }
     },
     /** @param {NewExpression} node */
@@ -1809,8 +1620,12 @@ module.exports.defineVisitor = function create(
       const newToken = tokenStore.getFirstToken(node)
       const calleeToken = tokenStore.getTokenAfter(newToken)
       const rightToken = tokenStore.getLastToken(node)
-      const leftToken = isRightParen(rightToken)
-        ? tokenStore.getFirstTokenBetween(node.callee, rightToken, isLeftParen)
+      const leftToken = isClosingParenToken(rightToken)
+        ? tokenStore.getFirstTokenBetween(
+            node.callee,
+            rightToken,
+            isOpeningParenToken
+          )
         : null
 
       setOffset(calleeToken, 1, newToken)
@@ -1821,12 +1636,12 @@ module.exports.defineVisitor = function create(
     },
     /** @param {ObjectExpression | ObjectPattern} node */
     'ObjectExpression, ObjectPattern'(node) {
-      processNodeList(
-        node.properties,
-        tokenStore.getFirstToken(node),
-        tokenStore.getLastToken(node),
-        1
+      const firstToken = tokenStore.getFirstToken(node)
+      const rightToken = tokenStore.getTokenAfter(
+        node.properties[node.properties.length - 1] || firstToken,
+        isClosingBraceToken
       )
+      processNodeList(node.properties, firstToken, rightToken, 1)
     },
     /** @param {SequenceExpression} node */
     SequenceExpression(node) {
@@ -1838,7 +1653,10 @@ module.exports.defineVisitor = function create(
 
       if (node.test != null) {
         const testToken = tokenStore.getTokenAfter(caseToken)
-        const colonToken = tokenStore.getTokenAfter(node.test, isNotRightParen)
+        const colonToken = tokenStore.getTokenAfter(
+          node.test,
+          isNotClosingParenToken
+        )
 
         setOffset([testToken, colonToken], 1, caseToken)
       } else {
@@ -1863,7 +1681,7 @@ module.exports.defineVisitor = function create(
       const leftParenToken = tokenStore.getTokenAfter(switchToken)
       const discriminantToken = tokenStore.getTokenAfter(leftParenToken)
       const leftBraceToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.discriminant, isLeftBrace)
+        tokenStore.getTokenAfter(node.discriminant, isOpeningBraceToken)
       )
       const rightParenToken = tokenStore.getTokenBefore(leftBraceToken)
       const rightBraceToken = tokenStore.getLastToken(node)
@@ -1949,7 +1767,10 @@ module.exports.defineVisitor = function create(
     'WhileStatement, WithStatement'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(firstToken)
-      const rightParenToken = tokenStore.getTokenBefore(node.body, isRightParen)
+      const rightParenToken = tokenStore.getTokenBefore(
+        node.body,
+        isClosingParenToken
+      )
 
       setOffset(leftParenToken, 1, firstToken)
       setOffset(rightParenToken, 0, leftParenToken)
@@ -1966,38 +1787,43 @@ module.exports.defineVisitor = function create(
         }
       }
     },
+    // ----------------------------------------------------------------------
+    // SINGLE TOKEN NODES
+    // ----------------------------------------------------------------------
+    DebuggerStatement() {},
+    Identifier() {},
+    ImportDefaultSpecifier() {},
+    Literal() {},
+    PrivateIdentifier() {},
+    Super() {},
+    TemplateElement() {},
+    ThisExpression() {},
+    // ----------------------------------------------------------------------
+    // WRAPPER NODES
+    // ----------------------------------------------------------------------
+    ExpressionStatement() {},
+    ChainExpression() {},
+    EmptyStatement() {},
+    // ----------------------------------------------------------------------
+    // COMMONS
+    // ----------------------------------------------------------------------
     /** @param {Statement} node */
     // Process semicolons.
-    ':statement'(node) {
-      const firstToken = tokenStore.getFirstToken(node)
-      const lastToken = tokenStore.getLastToken(node)
-      if (isSemicolon(lastToken) && firstToken !== lastToken) {
-        setOffset(lastToken, 0, firstToken)
-      }
-
-      // Set to the semicolon of the previous token for semicolon-free style.
-      // E.g.,
-      //   foo
-      //   ;[1,2,3].forEach(f)
-      const info = offsets.get(firstToken)
-      const prevToken = tokenStore.getTokenBefore(firstToken)
-      if (
-        info != null &&
-        isSemicolon(prevToken) &&
-        prevToken.loc.end.line === firstToken.loc.start.line
-      ) {
-        offsets.set(prevToken, info)
-      }
+    ':statement, PropertyDefinition'(node) {
+      processSemicolons(node)
     },
     /** @param {Expression | MetaProperty | TemplateLiteral} node */
     // Process parentheses.
     // `:expression` does not match with MetaProperty and TemplateLiteral as a bug: https://github.com/estools/esquery/pull/59
-    ':expression, MetaProperty, TemplateLiteral'(node) {
+    ':expression'(node) {
       let leftToken = tokenStore.getTokenBefore(node)
       let rightToken = tokenStore.getTokenAfter(node)
       let firstToken = tokenStore.getFirstToken(node)
 
-      while (isLeftParen(leftToken) && isRightParen(rightToken)) {
+      while (
+        isOpeningParenToken(leftToken) &&
+        isClosingParenToken(rightToken)
+      ) {
         setOffset(firstToken, 1, leftToken)
         setOffset(rightToken, 0, leftToken)
 
@@ -2006,13 +1832,22 @@ module.exports.defineVisitor = function create(
         rightToken = tokenStore.getTokenAfter(rightToken)
       }
     },
+
+    .../** @type {TemplateListener} */ (
+      tsDefineVisitor({
+        processNodeList,
+        tokenStore,
+        setOffset,
+        copyOffset,
+        processSemicolons,
+        getFirstAndLastTokens
+      })
+    ),
+
     /** @param {ASTNode} node */
     // Ignore tokens of unknown nodes.
     '*:exit'(node) {
-      if (
-        !KNOWN_NODES.has(node.type) &&
-        !NON_STANDARD_KNOWN_NODES.has(node.type)
-      ) {
+      if (!knownNodes.has(node.type)) {
         ignore(node)
       }
     },
@@ -2047,9 +1882,10 @@ module.exports.defineVisitor = function create(
 
       // Validate indentation of tokens.
       for (const token of tokenStore.getTokens(node, ITERATION_OPTS)) {
+        const tokenStartLine = token.loc.start.line
         if (
           tokensOnSameLine.length === 0 ||
-          tokensOnSameLine[0].loc.start.line === token.loc.start.line
+          tokensOnSameLine[0].loc.start.line === tokenStartLine
         ) {
           // This is on the same line (or the first token).
           tokensOnSameLine.push(token)
@@ -2059,7 +1895,7 @@ module.exports.defineVisitor = function create(
           comments.push(tokensOnSameLine[0])
           isBesideMultilineToken =
             /** @type {Token} */ (last(tokensOnSameLine)).loc.end.line ===
-            token.loc.start.line
+            tokenStartLine
           tokensOnSameLine = [token]
         } else {
           // New line is detected, so validate the tokens.
@@ -2069,7 +1905,7 @@ module.exports.defineVisitor = function create(
           }
           isBesideMultilineToken =
             /** @type {Token} */ (last(tokensOnSameLine)).loc.end.line ===
-            token.loc.start.line
+            tokenStartLine
           tokensOnSameLine = [token]
           comments = []
         }
@@ -2078,5 +1914,16 @@ module.exports.defineVisitor = function create(
         validate(tokensOnSameLine, comments, lastValidatedToken)
       }
     }
-  })
+  }
+
+  for (const key of Object.keys(visitor)) {
+    for (const nodeName of key
+      .split(/\s*,\s*/gu)
+      .map((s) => s.trim())
+      .filter((s) => /[a-z]+/i.test(s))) {
+      knownNodes.add(nodeName)
+    }
+  }
+
+  return processIgnores(visitor)
 }
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
new file mode 100644
index 000000000..4801ab211
--- /dev/null
+++ b/lib/utils/indent-ts.js
@@ -0,0 +1,1264 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const {
+  isClosingParenToken,
+  isOpeningParenToken,
+  isOpeningBraceToken,
+  isNotClosingParenToken,
+  isClosingBracketToken,
+  isOpeningBracketToken
+} = require('eslint-utils')
+
+/**
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/indent-helper').TSNodeListener} TSNodeListener
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/node').HasLocation} HasLocation
+ * @typedef { { type: string } & HasLocation } MaybeNode
+ */
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.ClassExpression} ClassExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.ClassDeclaration} ClassDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeAliasDeclaration} TSTypeAliasDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSCallSignatureDeclaration} TSCallSignatureDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSConstructSignatureDeclaration} TSConstructSignatureDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSImportEqualsDeclaration} TSImportEqualsDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractMethodDefinition} TSAbstractMethodDefinition
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractClassProperty} TSAbstractClassProperty
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSEnumMember} TSEnumMember
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSPropertySignature} TSPropertySignature
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSIndexSignature} TSIndexSignature
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSMethodSignature} TSMethodSignature
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeParameterInstantiation} TSTypeParameterInstantiation
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeParameterDeclaration} TSTypeParameterDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSConstructorType} TSConstructorType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSFunctionType} TSFunctionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSUnionType} TSUnionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSIntersectionType} TSIntersectionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceHeritage} TSInterfaceHeritage
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSClassImplements} TSClassImplements
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSModuleBlock} TSModuleBlock
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSDeclareFunction} TSDeclareFunction
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSEmptyBodyFunctionExpression} TSEmptyBodyFunctionExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeOperator} TSTypeOperator
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeQuery} TSTypeQuery
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInferType} TSInferType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSOptionalType} TSOptionalType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSNonNullExpression} TSNonNullExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.JSXChild} JSXChild
+ *
+ */
+/**
+ * Perhaps this node will be deprecated in the future.
+ * It was present in @typescript-eslint/parser@4.1.0.
+ * @typedef {import('@typescript-eslint/types').TSESTree.ClassProperty} ClassProperty
+ */
+
+module.exports = {
+  defineVisitor
+}
+
+/**
+ * Process the given node list.
+ * The first node is offsetted from the given left token.
+ * Rest nodes are adjusted to the first node.
+ * @callback ProcessNodeList
+ * @param {(MaybeNode|null)[]} nodeList The node to process.
+ * @param {MaybeNode|Token|null} left The left parenthesis token.
+ * @param {MaybeNode|Token|null} right The right parenthesis token.
+ * @param {number} offset The offset to set.
+ * @param {boolean} [alignVertically=true] The flag to align vertically. If `false`, this doesn't align vertically even if the first node is not at beginning of line.
+ * @returns {void}
+ */
+/**
+ * Set offset to the given tokens.
+ * @callback SetOffset
+ * @param {Token|Token[]|null|(Token|null)[]} token The token to set.
+ * @param {number} offset The offset of the tokens.
+ * @param {Token} baseToken The token of the base offset.
+ * @returns {void}
+ */
+/**
+ *
+ * Copy offset to the given tokens from srcToken.
+ * @callback CopyOffset
+ * @param {Token} token The token to set.
+ * @param {Token} srcToken The token of the source offset.
+ * @returns {void}
+ */
+/**
+ * Process semicolons of the given statement node.
+ * @callback ProcessSemicolons
+ * @param {MaybeNode} node The statement node to process.
+ * @returns {void}
+ */
+/**
+ * Get the first and last tokens of the given node.
+ * If the node is parenthesized, this gets the outermost parentheses.
+ * @callback GetFirstAndLastTokens
+ * @param {MaybeNode} node The node to get.
+ * @param {number} [borderOffset] The least offset of the first token. Defailt is 0. This value is used to prevent false positive in the following case: `(a) => {}` The parentheses are enclosing the whole parameter part rather than the first parameter, but this offset parameter is needed to distinguish.
+ * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
+ */
+/**
+ * @typedef {object} DefineVisitorParam
+ * @property {ProcessNodeList} processNodeList
+ * @property {ParserServices.TokenStore | SourceCode} tokenStore
+ * @property {SetOffset} setOffset
+ * @property {CopyOffset} copyOffset
+ * @property {ProcessSemicolons} processSemicolons
+ * @property {GetFirstAndLastTokens} getFirstAndLastTokens
+ */
+
+/**
+ * @param {DefineVisitorParam} param
+ * @returns {TSNodeListener}
+ */
+function defineVisitor({
+  processNodeList,
+  tokenStore,
+  setOffset,
+  copyOffset,
+  processSemicolons,
+  getFirstAndLastTokens
+}) {
+  return {
+    // Support TypeScript
+    /** @param {ClassDeclaration | ClassExpression} node */
+    ['ClassDeclaration[implements], ClassDeclaration[typeParameters], ClassDeclaration[superTypeParameters],' +
+      'ClassExpression[implements], ClassExpression[typeParameters], ClassExpression[superTypeParameters]'](
+      node
+    ) {
+      if (node.typeParameters != null) {
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          tokenStore.getFirstToken(node.id || node)
+        )
+      }
+      if (node.superTypeParameters != null && node.superClass != null) {
+        setOffset(
+          tokenStore.getFirstToken(node.superTypeParameters),
+          1,
+          tokenStore.getFirstToken(node.superClass)
+        )
+      }
+      if (node.implements != null && node.implements.length) {
+        const classToken = tokenStore.getFirstToken(node)
+        const implementsToken = tokenStore.getTokenBefore(node.implements[0])
+        setOffset(implementsToken, 1, classToken)
+        processNodeList(node.implements, implementsToken, null, 1)
+      }
+    },
+    // Process semicolons.
+    /**
+     * @param {TSTypeAliasDeclaration
+     *   | TSCallSignatureDeclaration
+     *   | TSConstructSignatureDeclaration
+     *   | TSImportEqualsDeclaration
+     *   | TSAbstractMethodDefinition
+     *   | TSAbstractClassProperty
+     *   | TSEnumMember
+     *   | ClassProperty
+     *   | TSPropertySignature
+     *   | TSIndexSignature
+     *   | TSMethodSignature} node
+     */
+    ['TSTypeAliasDeclaration, TSCallSignatureDeclaration, TSConstructSignatureDeclaration, TSImportEqualsDeclaration,' +
+      'TSAbstractMethodDefinition, TSAbstractClassProperty, TSEnumMember, ClassProperty,' +
+      'TSPropertySignature, TSIndexSignature, TSMethodSignature'](node) {
+      processSemicolons(node)
+    },
+    /**
+     * Process type annotation
+     *
+     * e.g.
+     * ```
+     * const foo: Type
+     * //       ^^^^^^
+     * type foo = () => string
+     * //            ^^^^^^^^^
+     * ```
+     */
+    TSTypeAnnotation(node) {
+      const [colonOrArrowToken, secondToken] = tokenStore.getFirstTokens(node, {
+        count: 2,
+        includeComments: false
+      })
+      const baseToken = tokenStore.getFirstToken(
+        /** @type {HasLocation} */ (node.parent)
+      )
+      setOffset([colonOrArrowToken, secondToken], 1, baseToken)
+
+      // a ?: T
+      const before = tokenStore.getTokenBefore(colonOrArrowToken)
+      if (before && before.value === '?') {
+        setOffset(before, 1, baseToken)
+      }
+    },
+    /**
+     * Process as expression
+     *
+     * e.g.
+     * ```
+     * var foo = bar as boolean
+     * //        ^^^^^^^^^^^^^^
+     * ```
+     */
+    TSAsExpression(node) {
+      const expressionTokens = getFirstAndLastTokens(node.expression)
+      const asToken = tokenStore.getTokenAfter(expressionTokens.lastToken)
+      setOffset(
+        [asToken, getFirstAndLastTokens(node.typeAnnotation).firstToken],
+        1,
+        expressionTokens.firstToken
+      )
+    },
+    /**
+     * Process type reference
+     *
+     * e.g.
+     * ```
+     * const foo: Type<P>
+     * //         ^^^^^^^
+     * ```
+     */
+    TSTypeReference(node) {
+      if (node.typeParameters) {
+        const typeNameTokens = getFirstAndLastTokens(node.typeName)
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          typeNameTokens.firstToken
+        )
+      }
+    },
+    /**
+     * Process type parameter instantiation and type parameter declaration
+     *
+     * e.g.
+     * ```
+     * const foo: Type<P>
+     * //             ^^^
+     * ```
+     *
+     * e.g.
+     * ```
+     * type Foo<T>
+     * //      ^^^
+     * ```
+     * @param {TSTypeParameterInstantiation | TSTypeParameterDeclaration} node
+     */
+    'TSTypeParameterInstantiation, TSTypeParameterDeclaration'(node) {
+      // <T>
+      processNodeList(
+        node.params,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    /**
+     * Process type alias declaration
+     *
+     * e.g.
+     * ```
+     * type Foo
+     * ```
+     */
+    TSTypeAliasDeclaration(node) {
+      // type T = {}
+      const typeToken = tokenStore.getFirstToken(node)
+      const idToken = tokenStore.getFirstToken(node.id)
+      setOffset(idToken, 1, typeToken)
+      let eqToken
+      if (node.typeParameters) {
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, idToken)
+        eqToken = tokenStore.getTokenAfter(node.typeParameters)
+      } else {
+        eqToken = tokenStore.getTokenAfter(node.id)
+      }
+      const initToken = tokenStore.getTokenAfter(eqToken)
+      setOffset([eqToken, initToken], 1, idToken)
+    },
+    /**
+     * Process constructor type or function type
+     *
+     * e.g.
+     * ```
+     * type Foo = new () => T
+     * //         ^^^^^^^^^^^
+     * type Foo = () => void
+     * //         ^^^^^^^^^^
+     * ```
+     * @param {TSConstructorType | TSFunctionType} node
+     */
+    'TSConstructorType, TSFunctionType'(node) {
+      // ()=>void
+      const firstToken = tokenStore.getFirstToken(node)
+      // new or < or (
+      let currToken = firstToken
+      if (node.type === 'TSConstructorType') {
+        // currToken is new token
+        // < or (
+        currToken = tokenStore.getTokenAfter(currToken)
+        setOffset(currToken, 1, firstToken)
+      }
+      if (node.typeParameters) {
+        // currToken is < token
+        // (
+        currToken = tokenStore.getTokenAfter(node.typeParameters)
+        setOffset(currToken, 1, firstToken)
+      }
+      const leftParenToken = currToken
+      const rightParenToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(
+          node.params[node.params.length - 1] || leftParenToken,
+          isClosingParenToken
+        )
+      )
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+      const arrowToken = tokenStore.getTokenAfter(rightParenToken)
+      setOffset(arrowToken, 1, leftParenToken)
+    },
+    /**
+     * Process type literal
+     *
+     * e.g.
+     * ```
+     * const foo: { bar: string }
+     * //         ^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSTypeLiteral(node) {
+      processNodeList(
+        node.members,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    /**
+     * Process property signature
+     *
+     * e.g.
+     * ```
+     * const foo: { bar: string }
+     * //           ^^^^^^^^^^^
+     * ```
+     */
+    TSPropertySignature(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      let keyLast
+      if (node.computed) {
+        const closeBracket = tokenStore.getTokenAfter(keyTokens.lastToken)
+        processNodeList([node.key], firstToken, closeBracket, 1)
+        keyLast = closeBracket
+      } else {
+        keyLast = keyTokens.lastToken
+      }
+      if (node.typeAnnotation) {
+        const typeAnnotationToken = tokenStore.getFirstToken(
+          node.typeAnnotation
+        )
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(keyLast, typeAnnotationToken),
+            typeAnnotationToken
+          ],
+          1,
+          firstToken
+        )
+      } else if (node.optional) {
+        const qToken = tokenStore.getLastToken(node)
+        setOffset(qToken, 1, firstToken)
+      }
+    },
+    /**
+     * Process index signature
+     *
+     * e.g.
+     * ```
+     * const foo: { [bar: string]: string }
+     * //           ^^^^^^^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSIndexSignature(node) {
+      const leftBracketToken = tokenStore.getFirstToken(node)
+      const rightBracketToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(
+          node.parameters[node.parameters.length - 1] || leftBracketToken,
+          isClosingBracketToken
+        )
+      )
+      processNodeList(node.parameters, leftBracketToken, rightBracketToken, 1)
+      const keyLast = rightBracketToken
+      if (node.typeAnnotation) {
+        const typeAnnotationToken = tokenStore.getFirstToken(
+          node.typeAnnotation
+        )
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(keyLast, typeAnnotationToken),
+            typeAnnotationToken
+          ],
+          1,
+          leftBracketToken
+        )
+      }
+    },
+    /**
+     * Process array type
+     *
+     * e.g.
+     * ```
+     * const foo: Type[]
+     * //         ^^^^^^
+     * ```
+     */
+    TSArrayType(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      setOffset(
+        tokenStore.getLastTokens(node, { count: 2, includeComments: false }),
+        0,
+        firstToken
+      )
+    },
+    TSTupleType(node) {
+      // [T, U]
+      processNodeList(
+        node.elementTypes,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    TSQualifiedName(node) {
+      // A.B
+      const objectToken = tokenStore.getFirstToken(node)
+      const dotToken = tokenStore.getTokenBefore(node.right)
+      const propertyToken = tokenStore.getTokenAfter(dotToken)
+      setOffset([dotToken, propertyToken], 1, objectToken)
+    },
+    TSIndexedAccessType(node) {
+      // A[B]
+      const objectToken = tokenStore.getFirstToken(node)
+      const leftBracketToken = tokenStore.getTokenBefore(
+        node.indexType,
+        isOpeningBracketToken
+      )
+      const rightBracketToken = tokenStore.getTokenAfter(
+        node.indexType,
+        isClosingBracketToken
+      )
+      setOffset(leftBracketToken, 1, objectToken)
+      processNodeList([node.indexType], leftBracketToken, rightBracketToken, 1)
+    },
+    /** @param {TSUnionType | TSIntersectionType} node */
+    'TSUnionType, TSIntersectionType'(node) {
+      // A | B
+      // A & B
+      const firstToken = tokenStore.getFirstToken(node)
+      const types = [...node.types]
+      if (getFirstAndLastTokens(types[0]).firstToken === firstToken) {
+        types.shift()
+      }
+      processNodeList(
+        types,
+        firstToken,
+        null,
+        isBeginningOfLine(firstToken) ? 0 : 1
+      )
+    },
+    TSParenthesizedType(node) {
+      // (T)
+      processNodeList(
+        [node.typeAnnotation],
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    TSMappedType(node) {
+      // {[key in foo]: bar}
+      const leftBraceToken = tokenStore.getFirstToken(node)
+      const leftBracketToken = tokenStore.getTokenBefore(node.typeParameter)
+      const rightBracketToken = tokenStore.getTokenAfter(
+        node.nameType || node.typeParameter
+      )
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(leftBraceToken, leftBracketToken),
+          leftBracketToken
+        ],
+        1,
+        leftBraceToken
+      )
+      processNodeList(
+        [node.typeParameter, node.nameType],
+        leftBracketToken,
+        rightBracketToken,
+        1
+      )
+      const rightBraceToken = tokenStore.getLastToken(node)
+      if (node.typeAnnotation) {
+        const typeAnnotationToken = tokenStore.getFirstToken(
+          node.typeAnnotation
+        )
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(
+              rightBracketToken,
+              typeAnnotationToken
+            ),
+            typeAnnotationToken
+          ],
+          1,
+          leftBraceToken
+        )
+      } else {
+        setOffset(
+          [...tokenStore.getTokensBetween(rightBracketToken, rightBraceToken)],
+          1,
+          leftBraceToken
+        )
+      }
+      setOffset(rightBraceToken, 0, leftBraceToken)
+    },
+    /**
+     * Process type parameter
+     *
+     * e.g.
+     * ```
+     * type Foo<T, U extends T, V = U>
+     * //       ^  ^^^^^^^^^^^  ^^^^^
+     * type Foo = {[key in foo]: bar}
+     * //           ^^^^^^^^^^
+     * ```
+     */
+    TSTypeParameter(node) {
+      const [firstToken, ...afterTokens] = tokenStore.getTokens(node)
+      for (const child of [node.constraint, node.default]) {
+        if (!child) {
+          continue
+        }
+        const [, ...removeTokens] = tokenStore.getTokens(child)
+        for (const token of removeTokens) {
+          const i = afterTokens.indexOf(token)
+          if (i >= 0) {
+            afterTokens.splice(i, 1)
+          }
+        }
+      }
+      const secondToken = afterTokens.shift()
+      if (!secondToken) {
+        return
+      }
+      setOffset(secondToken, 1, firstToken)
+      if (secondToken.value === 'extends') {
+        let prevToken = null
+        let token = afterTokens.shift()
+        while (token) {
+          if (token.value === '=') {
+            break
+          }
+          setOffset(token, 1, secondToken)
+          prevToken = token
+          token = afterTokens.shift()
+        }
+        while (token) {
+          setOffset(token, 1, prevToken || secondToken)
+          token = afterTokens.shift()
+        }
+      } else {
+        setOffset(afterTokens, 1, firstToken)
+      }
+    },
+    /**
+     * Process conditional type
+     *
+     * e.g.
+     * ```
+     * type Foo = A extends B ? Bar : Baz
+     * //         ^^^^^^^^^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSConditionalType(node) {
+      // T extends Foo ? T : U
+      const checkTypeToken = tokenStore.getFirstToken(node)
+      const extendsToken = tokenStore.getTokenAfter(node.checkType)
+      const extendsTypeToken = tokenStore.getFirstToken(node.extendsType)
+      setOffset(extendsToken, 1, checkTypeToken)
+      setOffset(extendsTypeToken, 1, extendsToken)
+      const questionToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(node.extendsType, isNotClosingParenToken)
+      )
+      const consequentToken = tokenStore.getTokenAfter(questionToken)
+      const colonToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(node.trueType, isNotClosingParenToken)
+      )
+      const alternateToken = tokenStore.getTokenAfter(colonToken)
+      let baseNode = node
+      let parent = baseNode.parent
+      while (
+        parent &&
+        parent.type === 'TSConditionalType' &&
+        parent.falseType === baseNode
+      ) {
+        baseNode = parent
+        parent = baseNode.parent
+      }
+      const baseToken = tokenStore.getFirstToken(baseNode)
+      setOffset([questionToken, colonToken], 1, baseToken)
+      setOffset(consequentToken, 1, questionToken)
+      setOffset(alternateToken, 1, colonToken)
+    },
+    /**
+     * Process interface declaration
+     *
+     * e.g.
+     * ```
+     * interface Foo { }
+     * ```
+     */
+    TSInterfaceDeclaration(node) {
+      const interfaceToken = tokenStore.getFirstToken(node)
+      setOffset(tokenStore.getFirstToken(node.id), 1, interfaceToken)
+      if (node.typeParameters != null) {
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          tokenStore.getFirstToken(node.id)
+        )
+      }
+      if (node.extends != null && node.extends.length) {
+        const extendsToken = tokenStore.getTokenBefore(node.extends[0])
+        setOffset(extendsToken, 1, interfaceToken)
+        processNodeList(node.extends, extendsToken, null, 1)
+      }
+      // It may not calculate the correct location because the visitor key is not provided.
+      // if (node.implements != null && node.implements.length) {
+      //   const implementsToken = tokenStore.getTokenBefore(node.implements[0])
+      //   setOffset(implementsToken, 1, interfaceToken)
+      //   processNodeList(node.implements, implementsToken, null, 1)
+      // }
+      const bodyToken = tokenStore.getFirstToken(node.body)
+      setOffset(bodyToken, 0, interfaceToken)
+    },
+    /**
+     * Process interface body
+     *
+     * e.g.
+     * ```
+     * interface Foo { }
+     * //            ^^^
+     * ```
+     *
+     * @param {TSInterfaceBody | TSModuleBlock} node
+     */
+    'TSInterfaceBody, TSModuleBlock'(node) {
+      processNodeList(
+        node.body,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    /**
+     * Process interface heritage and class implements
+     *
+     * e.g.
+     * ```
+     * interface Foo<T> extends Bar<T> { }
+     * //                       ^^^^^^
+     * class Foo<T> implements Bar<T> { }
+     * //                      ^^^^^^
+     * ```
+     * @param {TSInterfaceHeritage | TSClassImplements} node
+     */
+    'TSClassImplements, TSInterfaceHeritage'(node) {
+      if (node.typeParameters) {
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          tokenStore.getFirstToken(node)
+        )
+      }
+    },
+    /**
+     * Process enum
+     *
+     * e.g.
+     * ```
+     * enum Foo { }
+     * ```
+     */
+    TSEnumDeclaration(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const idTokens = getFirstAndLastTokens(node.id)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        idTokens.firstToken
+      )
+      setOffset(prefixTokens, 0, firstToken)
+      setOffset(idTokens.firstToken, 1, firstToken)
+      const leftBraceToken = tokenStore.getTokenAfter(idTokens.lastToken)
+      const rightBraceToken = tokenStore.getLastToken(node)
+      setOffset(leftBraceToken, 0, firstToken)
+      processNodeList(node.members, leftBraceToken, rightBraceToken, 1)
+    },
+    TSModuleDeclaration(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const idTokens = getFirstAndLastTokens(node.id)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        idTokens.firstToken
+      )
+      setOffset(prefixTokens, 0, firstToken)
+      setOffset(idTokens.firstToken, 1, firstToken)
+      if (node.body) {
+        const bodyFirstToken = tokenStore.getFirstToken(node.body)
+        setOffset(
+          bodyFirstToken,
+          isOpeningBraceToken(bodyFirstToken) ? 0 : 1,
+          firstToken
+        )
+      }
+    },
+    TSMethodSignature(node) {
+      // fn(arg: A): R | null;
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      let keyLast
+      if (node.computed) {
+        const closeBracket = tokenStore.getTokenAfter(keyTokens.lastToken)
+        processNodeList([node.key], firstToken, closeBracket, 1)
+        keyLast = closeBracket
+      } else {
+        keyLast = keyTokens.lastToken
+      }
+      const leftParenToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(keyLast, isOpeningParenToken)
+      )
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(keyLast, leftParenToken),
+          leftParenToken
+        ],
+        1,
+        firstToken
+      )
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.params[node.params.length - 1] || leftParenToken,
+        isClosingParenToken
+      )
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+      if (node.returnType) {
+        const typeAnnotationToken = tokenStore.getFirstToken(node.returnType)
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(keyLast, typeAnnotationToken),
+            typeAnnotationToken
+          ],
+          1,
+          firstToken
+        )
+      }
+    },
+    /**
+     * Process call signature declaration and construct signature declaration
+     *
+     * e.g.
+     * ```
+     * interface Foo {
+     *   (): string;
+     * //^^^^^^^^^^^
+     *   <T> (e: E): R
+     * //^^^^^^^^^^^^^
+     * }
+     * ```
+     *
+     * e.g.
+     * ```
+     * interface Foo {
+     *   new ();
+     * //^^^^^^^
+     * }
+     * interface A { new <T> (e: E): R }
+     * //            ^^^^^^^^^^^^^^^^^
+     * ```
+     * @param {TSCallSignatureDeclaration | TSConstructSignatureDeclaration} node
+     */
+    'TSCallSignatureDeclaration, TSConstructSignatureDeclaration'(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      // new or < or (
+      let currToken = firstToken
+      if (node.type === 'TSConstructSignatureDeclaration') {
+        // currToken is new token
+        // < or (
+        currToken = tokenStore.getTokenAfter(currToken)
+        setOffset(currToken, 1, firstToken)
+      }
+      if (node.typeParameters) {
+        // currToken is < token
+        // (
+        currToken = tokenStore.getTokenAfter(node.typeParameters)
+        setOffset(currToken, 1, firstToken)
+      }
+      const leftParenToken = currToken
+      const rightParenToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(
+          node.params[node.params.length - 1] || leftParenToken,
+          isClosingParenToken
+        )
+      )
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+      if (node.returnType) {
+        const typeAnnotationToken = tokenStore.getFirstToken(node.returnType)
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(
+              rightParenToken,
+              typeAnnotationToken
+            ),
+            typeAnnotationToken
+          ],
+          1,
+          firstToken
+        )
+      }
+    },
+    /**
+     * Process declare function and empty body function
+     *
+     * e.g.
+     * ```
+     * declare function foo();
+     * ```
+     *
+     * e.g.
+     * ```
+     * class Foo {
+     *   abstract fn();
+     * //           ^^^
+     * }
+     * ```
+     * @param {TSDeclareFunction | TSEmptyBodyFunctionExpression} node
+     */
+    'TSDeclareFunction, TSEmptyBodyFunctionExpression'(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      let leftParenToken, bodyBaseToken
+      if (firstToken.type === 'Punctuator') {
+        // method
+        leftParenToken = firstToken
+        bodyBaseToken = tokenStore.getFirstToken(
+          /** @type {HasLocation} */ (node.parent)
+        )
+      } else {
+        let nextToken = tokenStore.getTokenAfter(firstToken)
+        let nextTokenOffset = 0
+        while (
+          nextToken &&
+          !isOpeningParenToken(nextToken) &&
+          nextToken.value !== '<'
+        ) {
+          if (
+            nextToken.value === '*' ||
+            (node.id && nextToken.range[0] === node.id.range[0])
+          ) {
+            nextTokenOffset = 1
+          }
+          setOffset(nextToken, nextTokenOffset, firstToken)
+          nextToken = tokenStore.getTokenAfter(nextToken)
+        }
+
+        leftParenToken = nextToken
+        bodyBaseToken = firstToken
+      }
+      if (!isOpeningParenToken(leftParenToken) && node.typeParameters) {
+        leftParenToken = tokenStore.getTokenAfter(node.typeParameters)
+      }
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.params[node.params.length - 1] || leftParenToken,
+        isClosingParenToken
+      )
+      setOffset(leftParenToken, 1, bodyBaseToken)
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+    },
+    /**
+     * Process type operator, type query and infer type
+     *
+     * e.g.
+     * ```
+     * type Foo = keyof Bar
+     * //         ^^^^^^^^^
+     * ```
+     *
+     * e.g.
+     * ```
+     * type T = typeof a
+     * //       ^^^^^^^^
+     * ```
+     *
+     * e.g.
+     * ```
+     * type Foo<T> = T extends Bar<infer U> ? U : T;
+     * //                          ^^^^^^^
+     * ```
+     *
+     * @param {TSTypeOperator | TSTypeQuery | TSInferType} node
+     */
+    'TSTypeOperator, TSTypeQuery, TSInferType'(node) {
+      // keyof T
+      // type T = typeof av
+      // infer U
+      const firstToken = tokenStore.getFirstToken(node)
+      const nextToken = tokenStore.getTokenAfter(firstToken)
+      setOffset(nextToken, 1, firstToken)
+    },
+    /**
+     * Process type predicate
+     *
+     * e.g.
+     * ```
+     * function foo(value): value is string;
+     * //                   ^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSTypePredicate(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const opToken = tokenStore.getTokenAfter(
+        node.parameterName,
+        isNotClosingParenToken
+      )
+      const rightToken =
+        node.typeAnnotation &&
+        getFirstAndLastTokens(node.typeAnnotation).firstToken
+      setOffset(
+        [opToken, rightToken],
+        1,
+        getFirstAndLastTokens(firstToken).firstToken
+      )
+    },
+    /**
+     * Process abstract method definition, abstract class property, enum member and class property
+     *
+     * e.g.
+     * ```
+     * class Foo {
+     *   abstract fn()
+     * //^^^^^^^^^^^^^
+     *   abstract x
+     * //^^^^^^^^^^
+     *   x
+     * //^
+     * }
+     * ```
+     *
+     * e.g.
+     * ```
+     * enum Foo { Bar = x }
+     * //         ^^^^^^^
+     * ```
+     *
+     * @param {TSAbstractMethodDefinition | TSAbstractClassProperty | TSEnumMember | ClassProperty} node
+     *
+     */
+    'TSAbstractMethodDefinition, TSAbstractClassProperty, TSEnumMember, ClassProperty'(
+      node
+    ) {
+      const { keyNode, valueNode } =
+        node.type === 'TSEnumMember'
+          ? { keyNode: node.id, valueNode: node.initializer }
+          : { keyNode: node.key, valueNode: node.value }
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(keyNode)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        keyTokens.firstToken
+      )
+      if (node.computed) {
+        prefixTokens.pop() // pop [
+      }
+      setOffset(prefixTokens, 0, firstToken)
+      let lastKeyToken
+      if (node.computed) {
+        const leftBracketToken = tokenStore.getTokenBefore(keyTokens.firstToken)
+        const rightBracketToken = (lastKeyToken = tokenStore.getTokenAfter(
+          keyTokens.lastToken
+        ))
+        setOffset(leftBracketToken, 0, firstToken)
+        processNodeList([keyNode], leftBracketToken, rightBracketToken, 1)
+      } else {
+        setOffset(keyTokens.firstToken, 0, firstToken)
+        lastKeyToken = keyTokens.lastToken
+      }
+
+      if (valueNode != null) {
+        const initToken = tokenStore.getFirstToken(valueNode)
+        setOffset(
+          [...tokenStore.getTokensBetween(lastKeyToken, initToken), initToken],
+          1,
+          lastKeyToken
+        )
+      }
+    },
+
+    /**
+     * Process optional type, non-null expression and JSDocNonNullableType
+     *
+     * e.g.
+     * ```
+     * type Foo = [number?]
+     * //          ^^^^^^^
+     * const a = v!
+     * //        ^
+     * type T = U!
+     * //       ^^
+     * ```
+     *
+     * @param {TSOptionalType | TSNonNullExpression} node
+     */
+    'TSOptionalType, TSNonNullExpression, TSJSDocNonNullableType'(node) {
+      setOffset(
+        tokenStore.getLastToken(node),
+        1,
+        tokenStore.getFirstToken(node)
+      )
+    },
+    TSTypeAssertion(node) {
+      // <const>
+      const firstToken = tokenStore.getFirstToken(node)
+      const expressionToken = getFirstAndLastTokens(node.expression).firstToken
+      processNodeList(
+        [node.typeAnnotation],
+        firstToken,
+        tokenStore.getTokenBefore(expressionToken),
+        1
+      )
+      setOffset(expressionToken, 1, firstToken)
+    },
+    /**
+     * Process import type
+     *
+     * e.g.
+     * ```
+     * const foo: import('foo').Bar<T>
+     * //         ^^^^^^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSImportType(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const leftParenToken = tokenStore.getTokenAfter(
+        firstToken,
+        isOpeningParenToken
+      )
+      setOffset(leftParenToken, 1, firstToken)
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.parameter,
+        isClosingParenToken
+      )
+      processNodeList([node.parameter], leftParenToken, rightParenToken, 1)
+      if (node.qualifier) {
+        const dotToken = tokenStore.getTokenBefore(node.qualifier)
+        const propertyToken = tokenStore.getTokenAfter(dotToken)
+        setOffset([dotToken, propertyToken], 1, firstToken)
+      }
+      if (node.typeParameters) {
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
+      }
+    },
+    TSParameterProperty(node) {
+      // constructor(private a)
+      const firstToken = tokenStore.getFirstToken(node)
+      const parameterToken = tokenStore.getFirstToken(node.parameter)
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(firstToken, parameterToken),
+          parameterToken
+        ],
+        1,
+        firstToken
+      )
+    },
+    /**
+     * Process import equal
+     *
+     * e.g.
+     * ```
+     * import foo = require('foo')
+     * ```
+     */
+    TSImportEqualsDeclaration(node) {
+      const importToken = tokenStore.getFirstToken(node)
+      const idTokens = getFirstAndLastTokens(node.id)
+      setOffset(idTokens.firstToken, 1, importToken)
+      const opToken = tokenStore.getTokenAfter(idTokens.lastToken)
+      setOffset(
+        [opToken, tokenStore.getFirstToken(node.moduleReference)],
+        1,
+        idTokens.lastToken
+      )
+    },
+    /**
+     * Process external module reference
+     *
+     * e.g.
+     * ```
+     * import foo = require('foo')
+     * //           ^^^^^^^^^^^^^^
+     * ```
+     */
+    TSExternalModuleReference(node) {
+      const requireToken = tokenStore.getFirstToken(node)
+      const leftParenToken = tokenStore.getTokenAfter(
+        requireToken,
+        isOpeningParenToken
+      )
+      const rightParenToken = tokenStore.getLastToken(node)
+      setOffset(leftParenToken, 1, requireToken)
+      processNodeList([node.expression], leftParenToken, rightParenToken, 1)
+    },
+    /**
+     * Process export assignment
+     *
+     * e.g.
+     * ```
+     * export = foo
+     * ```
+     */
+    TSExportAssignment(node) {
+      const exportNode = tokenStore.getFirstToken(node)
+      const exprTokens = getFirstAndLastTokens(node.expression)
+      const opToken = tokenStore.getTokenBefore(exprTokens.firstToken)
+      setOffset([opToken, exprTokens.firstToken], 1, exportNode)
+    },
+    TSNamedTupleMember(node) {
+      // [a: string, ...b: string[]]
+      //  ^^^^^^^^^
+      const labelToken = tokenStore.getFirstToken(node)
+      const elementTokens = getFirstAndLastTokens(node.elementType)
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(labelToken, elementTokens.firstToken),
+          elementTokens.firstToken
+        ],
+        1,
+        labelToken
+      )
+    },
+    TSRestType(node) {
+      // [a: string, ...b: string[]]
+      //             ^^^^^^^^^^^^^^
+      const firstToken = tokenStore.getFirstToken(node)
+      const nextToken = tokenStore.getTokenAfter(firstToken)
+      setOffset(nextToken, 1, firstToken)
+    },
+    TSNamespaceExportDeclaration(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const idToken = tokenStore.getFirstToken(node.id)
+      setOffset(
+        [...tokenStore.getTokensBetween(firstToken, idToken), idToken],
+        1,
+        firstToken
+      )
+    },
+    TSTemplateLiteralType(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const quasiTokens = node.quasis
+        .slice(1)
+        .map((n) => tokenStore.getFirstToken(n))
+      const expressionToken = node.quasis
+        .slice(0, -1)
+        .map((n) => tokenStore.getTokenAfter(n))
+      setOffset(quasiTokens, 0, firstToken)
+      setOffset(expressionToken, 1, firstToken)
+    },
+    // ----------------------------------------------------------------------
+    // NON-STANDARD NODES
+    // ----------------------------------------------------------------------
+    Decorator(node) {
+      // @Decorator
+      const [atToken, secondToken] = tokenStore.getFirstTokens(node, {
+        count: 2,
+        includeComments: false
+      })
+      setOffset(secondToken, 0, atToken)
+      const parent = /** @type {any} */ (node.parent)
+      const { decorators } = parent
+      if (!decorators || decorators.length === 0) {
+        return
+      }
+      if (decorators[0] === node) {
+        if (parent.range[0] === node.range[0]) {
+          const startParentToken = tokenStore.getTokenAfter(
+            decorators[decorators.length - 1]
+          )
+          setOffset(startParentToken, 0, atToken)
+        } else {
+          const startParentToken = tokenStore.getFirstToken(
+            parent.parent &&
+              (parent.parent.type === 'ExportDefaultDeclaration' ||
+                parent.parent.type === 'ExportNamedDeclaration') &&
+              node.range[0] < parent.parent.range[0]
+              ? parent.parent
+              : parent
+          )
+          copyOffset(atToken, startParentToken)
+        }
+      } else {
+        setOffset(atToken, 0, tokenStore.getFirstToken(decorators[0]))
+      }
+    },
+    // ----------------------------------------------------------------------
+    // SINGLE TOKEN NODES
+    // ----------------------------------------------------------------------
+    TSPrivateIdentifier() {
+      // Perhaps this node will be deprecated in the future.
+      // It was present in @typescript-eslint/parser@4.1.0.
+    },
+    // VALUES KEYWORD
+    TSAnyKeyword() {},
+    TSBigIntKeyword() {},
+    TSBooleanKeyword() {},
+    TSNeverKeyword() {},
+    TSNullKeyword() {},
+    TSNumberKeyword() {},
+    TSObjectKeyword() {},
+    TSStringKeyword() {},
+    TSSymbolKeyword() {},
+    TSUndefinedKeyword() {},
+    TSUnknownKeyword() {},
+    TSVoidKeyword() {},
+    // MODIFIERS KEYWORD
+    TSAbstractKeyword() {},
+    TSAsyncKeyword() {},
+    TSPrivateKeyword() {},
+    TSProtectedKeyword() {},
+    TSPublicKeyword() {},
+    TSReadonlyKeyword() {},
+    TSStaticKeyword() {},
+    // OTHERS KEYWORD
+    TSDeclareKeyword() {},
+    TSExportKeyword() {},
+    TSIntrinsicKeyword() {},
+    // OTHERS
+    TSThisType() {},
+    // ----------------------------------------------------------------------
+    // WRAPPER NODES
+    // ----------------------------------------------------------------------
+    TSLiteralType() {}
+  }
+  /**
+   * Check whether the given node or token is the beginning of a line.
+   * @param {MaybeNode} node
+   */
+  function isBeginningOfLine(node) {
+    const prevToken = tokenStore.getTokenBefore(node, { includeComments: true })
+    return !prevToken || prevToken.loc.end.line < node.loc.start.line
+  }
+}
diff --git a/lib/utils/indent-utils.js b/lib/utils/indent-utils.js
new file mode 100644
index 000000000..5e40ba996
--- /dev/null
+++ b/lib/utils/indent-utils.js
@@ -0,0 +1,117 @@
+'use strict'
+
+/**
+ * Check whether the given token is a wildcard.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a wildcard.
+ */
+function isWildcard(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '*'
+}
+
+/**
+ * Check whether the given token is a question.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a question.
+ */
+function isQuestion(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '?'
+}
+
+/**
+ * Check whether the given token is an extends keyword.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is an extends keywordn.
+ */
+function isExtendsKeyword(token) {
+  return token != null && token.type === 'Keyword' && token.value === 'extends'
+}
+
+/**
+ * Check whether the given token is a whitespace.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a whitespace.
+ */
+function isNotWhitespace(token) {
+  return (
+    token != null &&
+    token.type !== 'HTMLWhitespace' &&
+    (token.type !== 'JSXText' || !!token.value.trim())
+  )
+}
+
+/**
+ * Check whether the given token is a comment.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a comment.
+ */
+function isComment(token) {
+  return (
+    token != null &&
+    (token.type === 'Block' ||
+      token.type === 'Line' ||
+      token.type === 'Shebang' ||
+      (typeof token.type ===
+        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
+        token.type.endsWith('Comment')))
+  )
+}
+
+/**
+ * Check whether the given token is a comment.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `false` if the token is a comment.
+ */
+function isNotComment(token) {
+  return (
+    token != null &&
+    token.type !== 'Block' &&
+    token.type !== 'Line' &&
+    token.type !== 'Shebang' &&
+    !(
+      typeof token.type ===
+        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
+      token.type.endsWith('Comment')
+    )
+  )
+}
+
+/**
+ * Check whether the given node is not an empty text node.
+ * @param {ASTNode} node The node to check.
+ * @returns {boolean} `false` if the token is empty text node.
+ */
+function isNotEmptyTextNode(node) {
+  return !(node.type === 'VText' && node.value.trim() === '')
+}
+
+/**
+ * Check whether the given token is a pipe operator.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a pipe operator.
+ */
+function isPipeOperator(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '|'
+}
+
+/**
+ * Get the last element.
+ * @template T
+ * @param {T[]} xs The array to get the last element.
+ * @returns {T | undefined} The last element or undefined.
+ */
+function last(xs) {
+  return xs.length === 0 ? undefined : xs[xs.length - 1]
+}
+
+module.exports = {
+  isWildcard,
+  isQuestion,
+  isExtendsKeyword,
+  isNotWhitespace,
+  isComment,
+  isNotComment,
+  isNotEmptyTextNode,
+  isPipeOperator,
+  last
+}
diff --git a/package.json b/package.json
index d5b43b412..ee78d5950 100644
--- a/package.json
+++ b/package.json
@@ -60,10 +60,11 @@
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
+    "@types/eslint-visitor-keys": "^1.0.0",
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@types/semver": "^7.2.0",
-    "@typescript-eslint/parser": "^3.0.2",
+    "@typescript-eslint/parser": "^4.28.0",
     "@vuepress/plugin-pwa": "^1.4.1",
     "babel-eslint": "^10.1.0",
     "env-cmd": "^10.1.0",
@@ -79,7 +80,7 @@
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
     "prettier": "^2.1.1",
-    "typescript": "^3.9.5",
+    "typescript": "^4.3.4",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.1"
   }
diff --git a/tests/fixtures/script-indent/ignore-01.vue b/tests/fixtures/script-indent/ignore-01.vue
new file mode 100644
index 000000000..e323cdc08
--- /dev/null
+++ b/tests/fixtures/script-indent/ignore-01.vue
@@ -0,0 +1,19 @@
+<!--{"options":[2, {"ignores": ["ArrayExpression"]}]}-->
+<script>
+var a =
+[
+{
+a: 42
+}
+]
+var x = {
+  a:
+[],
+  b:
+    1,
+  c:
+    {},
+  d:
+    2
+}
+</script>
diff --git a/tests/fixtures/script-indent/ignore-02.vue b/tests/fixtures/script-indent/ignore-02.vue
new file mode 100644
index 000000000..18c557476
--- /dev/null
+++ b/tests/fixtures/script-indent/ignore-02.vue
@@ -0,0 +1,19 @@
+<!--{"options":[2, {"ignores": ["ObjectExpression"]}]}-->
+<script>
+var a =
+  [
+{
+a: 42
+}
+  ]
+var x = {
+a:
+[],
+b:
+1,
+c:
+{},
+d:
+2
+}
+</script>
diff --git a/tests/fixtures/script-indent/jsx-01.vue b/tests/fixtures/script-indent/jsx-01.vue
new file mode 100644
index 000000000..7cd302aa3
--- /dev/null
+++ b/tests/fixtures/script-indent/jsx-01.vue
@@ -0,0 +1,16 @@
+<!--{ "parserOptions": { "ecmaFeatures": { "jsx": true } } }-->
+<script>
+// Not yet supported.
+const jsx = <
+div
+>
+<
+div
+>
+</
+div
+>
+</
+div
+>
+</script>
diff --git a/tests/fixtures/script-indent/jsx-02.vue b/tests/fixtures/script-indent/jsx-02.vue
new file mode 100644
index 000000000..895f4039e
--- /dev/null
+++ b/tests/fixtures/script-indent/jsx-02.vue
@@ -0,0 +1,23 @@
+<!--{ "parserOptions": { "ecmaFeatures": { "jsx": true } } }-->
+<script>
+// Not yet supported.
+const jsx = <
+div
+>
+a
+<input />
+a
+a
+a
+a
+<
+div
+>
+</
+div
+>
+a
+</
+div
+>
+</script>
diff --git a/tests/fixtures/script-indent/method-definition-02.vue b/tests/fixtures/script-indent/method-definition-02.vue
new file mode 100644
index 000000000..d5c1d3725
--- /dev/null
+++ b/tests/fixtures/script-indent/method-definition-02.vue
@@ -0,0 +1,10 @@
+<!--{}-->
+<script>
+class A {
+  b
+    (
+    ) {
+    return 42
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-01.vue b/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
new file mode 100644
index 000000000..ec38f5ff3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
@@ -0,0 +1,22 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+abstract class A {
+  abstract a;
+  abstract public b;
+  public abstract c;
+  abstract protected d;
+  protected abstract e;
+  abstract private f;
+  private abstract g;
+}
+
+abstract class B {
+  readonly abstract a;
+  abstract readonly b;
+  abstract readonly public c;
+  public abstract readonly d;
+  public readonly abstract e;
+  public static readonly  a;
+  public abstract readonly  a;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-02.vue b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
new file mode 100644
index 000000000..9e3214a0f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+abstract class A {
+  a
+    =
+    1
+  ;
+  abstract public b
+    =
+    's'
+  ;
+  protected abstract c
+    =
+    i
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue b/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
new file mode 100644
index 000000000..bed8e269e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
@@ -0,0 +1,30 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+abstract class A {
+  abstract a ();
+  abstract public b(
+  );
+  public abstract c
+    ();
+  abstract protected d(
+    p1,
+    p2
+  );
+  protected abstract e(
+    p1
+    ,p2
+  )
+  abstract private f(
+    p1
+    ,
+    p2
+  )
+  ;
+  private abstract g();
+  private abstract async h(
+    p1
+    ,
+    p2
+  );
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-as-expression-01.vue b/tests/fixtures/script-indent/ts-as-expression-01.vue
new file mode 100644
index 000000000..869101939
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-as-expression-01.vue
@@ -0,0 +1,6 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var foo =
+  bar as
+    boolean
+</script>
diff --git a/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue b/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
new file mode 100644
index 000000000..a6b14b935
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo {
+  (
+    arg1
+    ,
+    arg2
+  )
+    :
+    string
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue b/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
new file mode 100644
index 000000000..7ef9cce2b
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo = {
+  (
+    arg1
+    ,
+    arg2
+  )
+    :
+    string
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-01.vue b/tests/fixtures/script-indent/ts-class-declaration-01.vue
new file mode 100644
index 000000000..972eb91d2
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-01.vue
@@ -0,0 +1,11 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-02.vue b/tests/fixtures/script-indent/ts-class-declaration-02.vue
new file mode 100644
index 000000000..6ddf94570
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-02.vue
@@ -0,0 +1,16 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+  extends
+    Bar
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-03.vue b/tests/fixtures/script-indent/ts-class-declaration-03.vue
new file mode 100644
index 000000000..206c64347
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-03.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+  extends
+    Bar
+      <
+        T
+      >
+  implements
+    Baz1
+      <
+        T
+      >
+    ,
+    Baz2
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-04.vue b/tests/fixtures/script-indent/ts-class-declaration-04.vue
new file mode 100644
index 000000000..1b7e09fdb
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-04.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+  implements
+    Baz1
+      <
+        T
+      >
+    ,
+    Baz2
+      <
+        T
+      >
+  extends
+    Bar
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-05.vue b/tests/fixtures/script-indent/ts-class-declaration-05.vue
new file mode 100644
index 000000000..69bff1cc1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-05.vue
@@ -0,0 +1,14 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+  implements
+    Baz1
+    ,
+    Baz2
+  extends
+    Bar
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-06.vue b/tests/fixtures/script-indent/ts-class-declaration-06.vue
new file mode 100644
index 000000000..008d9c568
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-06.vue
@@ -0,0 +1,28 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+{
+  constructor(
+    protected a
+      :
+      string
+    ,
+    protected readonly b
+      :
+      string
+    ,
+    protected c
+      :
+      number
+      =
+      30
+    ,
+    protected readonly d
+      :
+      boolean
+      =
+      false
+  )
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-07.vue b/tests/fixtures/script-indent/ts-class-declaration-07.vue
new file mode 100644
index 000000000..5568aa6d3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-07.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+import {Component, Prop, Vue} from "vue-property-decorator";
+
+@Component
+export default class UserComp extends Vue {
+  private id = "UserComp";
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue b/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
new file mode 100644
index 000000000..aa1ae7b89
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
@@ -0,0 +1,64 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script>
+class Counter {
+  get
+  #x
+    (
+    )
+  {
+  }
+  set
+  #x
+    (
+      value
+    ) {
+  }
+  static
+  get
+  #y
+    (
+    ) {
+  }
+  static
+  set
+  #y
+    (
+      value
+    ) {
+  }
+  inc() {
+    this
+      .#inc
+      (
+      )
+    this.
+      #inc
+      (
+      )
+  }
+  #inc
+    (
+    ) {
+    this
+      .#x++;
+    this.
+      #x++;
+    Counter
+      .#staticInc
+      (
+      )
+    Counter.
+      #staticInc(
+      )
+  }
+  static
+  #staticInc
+    (
+    ) {
+    Counter
+      .#y++;
+    Counter.
+      #y++;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue b/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
new file mode 100644
index 000000000..e74198af8
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
@@ -0,0 +1,22 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script>
+class Counter {
+  #x
+    =
+    0;
+  static
+  #y
+    =
+    0;
+  inc() {
+    this
+      .#x++;
+    this.
+      #x++;
+    Counter
+      .#y++;
+    Counter.
+      #y++;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-property-01.vue b/tests/fixtures/script-indent/ts-class-property-01.vue
new file mode 100644
index 000000000..8f55b5483
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-property-01.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class A {
+  a;
+  public b;
+  protected c;
+  private d;
+}
+
+class B {
+  readonly a;
+  readonly public b;
+  protected readonly c;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-property-02.vue b/tests/fixtures/script-indent/ts-class-property-02.vue
new file mode 100644
index 000000000..71c059b7c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-property-02.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class A {
+  a
+    =
+    1
+  ;
+  public b
+    =
+    's'
+  ;
+  readonly protected c
+    =
+    i
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-property-03.vue b/tests/fixtures/script-indent/ts-class-property-03.vue
new file mode 100644
index 000000000..7a44d6a7d
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-property-03.vue
@@ -0,0 +1,36 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class A {
+  a: number
+    =
+    1
+  ;
+  public b
+    :
+    CustomType<
+      T
+    >
+    =
+    's'
+  ;
+  readonly protected c
+    :
+    {
+      key: string;
+      [
+        name
+        in
+        CustomType
+      ]: undefined;
+      [
+        key:
+          string
+      ]:
+        string
+      ;
+    }
+    =
+    i
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-conditional-type-01.vue b/tests/fixtures/script-indent/ts-conditional-type-01.vue
new file mode 100644
index 000000000..188ee1654
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-conditional-type-01.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type X = A extends B
+  ? C
+  : D extends E
+  ? F
+  : G extends H
+  ? I
+  : J;
+</script>
diff --git a/tests/fixtures/script-indent/ts-conditional-type-02.vue b/tests/fixtures/script-indent/ts-conditional-type-02.vue
new file mode 100644
index 000000000..778ae1ec1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-conditional-type-02.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type X = A extends B ?
+  C :
+    D extends E ?
+    F :
+    G extends H ?
+    I :
+    J;
+</script>
diff --git a/tests/fixtures/script-indent/ts-conditional-type-03.vue b/tests/fixtures/script-indent/ts-conditional-type-03.vue
new file mode 100644
index 000000000..8735d9f8b
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-conditional-type-03.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type X = A extends B
+  ?
+    C
+  :
+    D extends E
+  ?
+    F
+  :
+    G extends H
+  ?
+    I
+  :
+    J
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-constructor-type-01.vue b/tests/fixtures/script-indent/ts-constructor-type-01.vue
new file mode 100644
index 000000000..07a3d7f59
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-constructor-type-01.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo = new
+  (
+    arg1,
+    arg2
+  )
+  =>
+  T
+
+type Foo2 = new
+  <
+    T
+  >
+  (
+    arg1,
+    arg2
+  )
+  =>
+  T
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-01.vue b/tests/fixtures/script-indent/ts-declare-function-01.vue
new file mode 100644
index 000000000..164611be6
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-01.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare function
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-02.vue b/tests/fixtures/script-indent/ts-declare-function-02.vue
new file mode 100644
index 000000000..fcca210b0
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-02.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+function
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-03.vue b/tests/fixtures/script-indent/ts-declare-function-03.vue
new file mode 100644
index 000000000..397c36f0f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-03.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare async function
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-04.vue b/tests/fixtures/script-indent/ts-declare-function-04.vue
new file mode 100644
index 000000000..3a62cc896
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-04.vue
@@ -0,0 +1,16 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare function
+  *
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+function
+  *
+  bar() {}
+</script>
diff --git a/tests/fixtures/script-indent/ts-decorator-01.vue b/tests/fixtures/script-indent/ts-decorator-01.vue
new file mode 100644
index 000000000..be6def42f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-decorator-01.vue
@@ -0,0 +1,205 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  ExampleClass
+{
+  @first
+    (
+    )
+  @second
+    (
+    )
+  method
+    (
+    )
+  {
+  }
+}
+
+@sealed
+class
+  BugReport
+{
+  type
+    =
+    "report"
+  ;
+  title
+    :
+    string
+  ;
+
+  constructor
+    (
+      t
+        :
+        string
+    )
+  {
+    this
+      .
+      title
+      =
+      t
+    ;
+  }
+}
+
+class
+  Greeter
+{
+  greeting
+    :
+    string
+  ;
+  constructor
+    (
+      message
+        :
+        string
+    )
+  {
+    this
+      .
+      greeting
+      =
+      message
+    ;
+  }
+
+  @
+  enumerable
+    (
+      false
+    )
+  greet
+    (
+    )
+  {
+    return "Hello, "
+      +
+      this
+        .
+        greeting
+    ;
+  }
+}
+
+class Point {
+  private _x: number;
+  private _y: number;
+  constructor(x: number, y: number) {
+    this._x = x;
+    this._y = y;
+  }
+
+  @
+  configurable
+    (
+      false
+    )
+  get
+  x
+    (
+    )
+  {
+    return this._x;
+  }
+
+  @
+  configurable
+    (
+      false
+    )
+  get
+  y
+    (
+    )
+  {
+    return this._y;
+  }
+}
+
+class Greeter {
+  @
+  format
+    (
+      "Hello, %s"
+    )
+  greeting
+    :
+    string
+  ;
+  constructor(message: string) {
+    this.greeting = message;
+  }
+  greet() {
+    let formatString = getFormat(this, "greeting");
+    return formatString.replace("%s", this.greeting);
+  }
+}
+
+class BugReport {
+  type = "report";
+  title: string;
+
+  constructor(t: string) {
+    this.title = t;
+  }
+
+  @
+  validate
+  print
+    (
+      @
+      required
+      verbose
+        :
+        boolean
+    ) {
+    if (verbose) {
+      return `type: ${this.type}\ntitle: ${this.title}`;
+    } else {
+      return this.title;
+    }
+  }
+}
+
+class Line {
+  private _start: Point;
+  private _end: Point;
+  @
+  validate
+  @
+  Reflect
+    .
+    metadata(
+      "design:type"
+      ,
+      Point
+    )
+  set start(value: Point) {
+    this._start = value;
+  }
+  get start() {
+    return this._start;
+  }
+  @
+  validate
+  @
+  Reflect
+    .
+    metadata(
+      "design:type"
+      ,
+      Point
+    )
+  set
+  end(value: Point) {
+    this._end = value;
+  }
+  get end() {
+    return this._end;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-decorator-02.vue b/tests/fixtures/script-indent/ts-decorator-02.vue
new file mode 100644
index 000000000..5d663f250
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-decorator-02.vue
@@ -0,0 +1,14 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+@
+(
+  d
+)
+@
+(
+  d
+)
+  .d
+export class Foo {
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-01.vue b/tests/fixtures/script-indent/ts-enum-01.vue
new file mode 100644
index 000000000..2b438689d
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum Direction {
+  Up = 1,
+  Down,
+  Left,
+  Right,
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-02.vue b/tests/fixtures/script-indent/ts-enum-02.vue
new file mode 100644
index 000000000..03034cef1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-02.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum Direction {
+  Up = "UP",
+  Down = "DOWN",
+  Left = "LEFT",
+  Right = "RIGHT",
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-03.vue b/tests/fixtures/script-indent/ts-enum-03.vue
new file mode 100644
index 000000000..53f6d2e51
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-03.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum FileAccess {
+  // constant members
+  None,
+  Read    = 1 << 1,
+  Write   = 1 << 2,
+  ReadWrite  = Read | Write,
+  // computed member
+  G = "123".length
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-04.vue b/tests/fixtures/script-indent/ts-enum-04.vue
new file mode 100644
index 000000000..2995e29ab
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-04.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const enum Enum {
+  A = 1,
+  B = A * 2
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-05.vue b/tests/fixtures/script-indent/ts-enum-05.vue
new file mode 100644
index 000000000..6b266680c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-05.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare enum Enum {
+  A = 1,
+  B,
+  C = 2
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-06.vue b/tests/fixtures/script-indent/ts-enum-06.vue
new file mode 100644
index 000000000..aae884251
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-06.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+{
+  declare enum
+    Enum
+  {
+    A
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-member-01.vue b/tests/fixtures/script-indent/ts-enum-member-01.vue
new file mode 100644
index 000000000..925dc7b32
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-member-01.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum Direction {
+  // comment
+  Up = 1,
+  // comment
+  Down,
+  Left
+    = 2,
+  [
+    Right
+  ] =
+    3,
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-member-02.vue b/tests/fixtures/script-indent/ts-enum-member-02.vue
new file mode 100644
index 000000000..04cb70b31
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-member-02.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum FileAccess {
+  // constant members
+  None,
+  Read
+    =
+    1
+    <<
+    1,
+  Write
+    =
+    1
+    <<
+    2,
+  ReadWrite
+    =
+    Read
+    | Write,
+  // computed member
+  G
+    =
+    "123"
+      .length
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-export-assignment-01.vue b/tests/fixtures/script-indent/ts-export-assignment-01.vue
new file mode 100644
index 000000000..f19bd6611
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-export-assignment-01.vue
@@ -0,0 +1,5 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+export = {
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-export-assignment-02.vue b/tests/fixtures/script-indent/ts-export-assignment-02.vue
new file mode 100644
index 000000000..8844b3744
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-export-assignment-02.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var obj
+  =
+  {
+    foo
+  }
+export
+  =
+  {
+    foo
+  }
+</script>
diff --git a/tests/fixtures/script-indent/ts-export-namespace-01.vue b/tests/fixtures/script-indent/ts-export-namespace-01.vue
new file mode 100644
index 000000000..4bad9b1d1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-export-namespace-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+export
+  as
+  namespace
+  a
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-function-type-01.vue b/tests/fixtures/script-indent/ts-function-type-01.vue
new file mode 100644
index 000000000..be51a6404
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-function-type-01.vue
@@ -0,0 +1,6 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo = (
+  arg: T
+) => R;
+</script>
diff --git a/tests/fixtures/script-indent/ts-function-type-02.vue b/tests/fixtures/script-indent/ts-function-type-02.vue
new file mode 100644
index 000000000..bd976af7c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-function-type-02.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const Hoo =
+  (
+    arg
+  )
+    =>
+    R;
+type Foo =
+  (
+    arg
+      :
+      T
+  )
+    =>
+    R;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-equal-01.vue b/tests/fixtures/script-indent/ts-import-equal-01.vue
new file mode 100644
index 000000000..e2136f100
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-equal-01.vue
@@ -0,0 +1,6 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+import foo = require(
+  'asdf'
+);
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-equal-02.vue b/tests/fixtures/script-indent/ts-import-equal-02.vue
new file mode 100644
index 000000000..b4a7146c4
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-equal-02.vue
@@ -0,0 +1,19 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const
+  foo
+    =
+    require
+      (
+        'asdf'
+      )
+;
+import
+  foo
+    =
+    require
+      (
+        'asdf'
+      )
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-equal-03.vue b/tests/fixtures/script-indent/ts-import-equal-03.vue
new file mode 100644
index 000000000..066306f07
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-equal-03.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const
+  foo
+    =
+    bar
+;
+import
+  foo
+    =
+    bar
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-type-01.vue b/tests/fixtures/script-indent/ts-import-type-01.vue
new file mode 100644
index 000000000..8c224b3c9
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-type-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo
+  :
+  import(
+    "bar"
+  )
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-type-02.vue b/tests/fixtures/script-indent/ts-import-type-02.vue
new file mode 100644
index 000000000..c869a5be3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-type-02.vue
@@ -0,0 +1,18 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo
+  =
+  bar
+    .
+    Baz
+
+const foo
+  :
+  import(
+    "bar"
+  )
+    .
+    Baz<
+      T
+    >
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-type-03.vue b/tests/fixtures/script-indent/ts-import-type-03.vue
new file mode 100644
index 000000000..cdbba7a14
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-type-03.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo
+  :
+  typeof
+    import(
+      "bar"
+    )
+</script>
diff --git a/tests/fixtures/script-indent/ts-indexed-access-type-01.vue b/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
new file mode 100644
index 000000000..4cb163bdf
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const Foo = Bar[
+  'asdf'
+];
+type Foo = Bar[
+  'asdf'
+];
+</script>
diff --git a/tests/fixtures/script-indent/ts-indexed-access-type-02.vue b/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
new file mode 100644
index 000000000..8c6e9381e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
@@ -0,0 +1,11 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+{
+  const Foo = Bar[
+    'asdf'
+  ];
+  type Foo = Bar[
+    'asdf'
+  ];
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-infer-01.vue b/tests/fixtures/script-indent/ts-infer-01.vue
new file mode 100644
index 000000000..d7818834c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-infer-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo<T> = T extends Bar<
+  infer
+    U
+> ? U : T;
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-01.vue b/tests/fixtures/script-indent/ts-interface-declaration-01.vue
new file mode 100644
index 000000000..f3584b7f8
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-02.vue b/tests/fixtures/script-indent/ts-interface-declaration-02.vue
new file mode 100644
index 000000000..0ffa8677c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-02.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+  <
+    T
+  >
+  extends
+    Bar
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-03.vue b/tests/fixtures/script-indent/ts-interface-declaration-03.vue
new file mode 100644
index 000000000..9aaabb813
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-03.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+function fn() {
+  interface Foo
+    <
+      T
+    >
+    extends
+      Bar
+        <
+          T
+        >
+  {
+    prop:string
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-04.vue b/tests/fixtures/script-indent/ts-interface-declaration-04.vue
new file mode 100644
index 000000000..3d99d6614
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-04.vue
@@ -0,0 +1,19 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+  <
+    T
+  >
+  extends
+    Bar
+      <
+        T
+      >,
+    Baz
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-05.vue b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
new file mode 100644
index 000000000..2e14604b6
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+  <
+    T
+  >
+implements // visitor key is not provided
+Bar
+<
+T
+>
+{ }
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-06.vue b/tests/fixtures/script-indent/ts-interface-declaration-06.vue
new file mode 100644
index 000000000..1bf582d42
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-06.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  fn
+    (
+      arg
+        :
+        A
+    )
+    :
+    R
+    |
+    null
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-07.vue b/tests/fixtures/script-indent/ts-interface-declaration-07.vue
new file mode 100644
index 000000000..4828a8832
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-07.vue
@@ -0,0 +1,25 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  (
+  )
+    :
+    string
+  ;
+}
+interface Bar
+{
+  <
+    T
+  >
+    (
+      e
+        :
+        E
+    )
+    :
+    R
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-08.vue b/tests/fixtures/script-indent/ts-interface-declaration-08.vue
new file mode 100644
index 000000000..d15b76449
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-08.vue
@@ -0,0 +1,27 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  new
+    (
+    )
+    :
+    string
+  ;
+}
+interface Bar
+{
+  new
+    <
+      T
+    >
+    (
+      e
+        :
+        E
+    )
+    :
+    R
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-mapped-type-01.vue b/tests/fixtures/script-indent/ts-mapped-type-01.vue
new file mode 100644
index 000000000..93f718e4d
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-mapped-type-01.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a = {
+  [
+    key
+      in
+      foo
+  ]
+  :
+  bar
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-module-declaration-01.vue b/tests/fixtures/script-indent/ts-module-declaration-01.vue
new file mode 100644
index 000000000..dffd2ca48
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-module-declaration-01.vue
@@ -0,0 +1,14 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare global
+{
+  declare module global
+  {
+
+  }
+  declare namespace global
+  {
+
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-qualified-name-01.vue b/tests/fixtures/script-indent/ts-qualified-name-01.vue
new file mode 100644
index 000000000..5c5668a23
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-qualified-name-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a =
+  a
+    .
+    b
+</script>
diff --git a/tests/fixtures/script-indent/ts-template-literal-type-01.vue b/tests/fixtures/script-indent/ts-template-literal-type-01.vue
new file mode 100644
index 000000000..a97381ffe
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-template-literal-type-01.vue
@@ -0,0 +1,40 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=4.1.0" } }-->
+<script lang="ts">
+type T =
+  `foo`
+;
+type U =
+  `foo${
+    'bar'
+  }`
+;
+type Color = "red" | "blue";
+type Quantity = "one" | "two";
+type SeussFish =
+  `${
+    Quantity
+    |
+    Color
+  } fish`
+;
+type EnthusiasticGreeting<T extends string> =
+  `${
+    Uppercase<
+      T
+    >
+  } - ${
+    Lowercase<
+      T
+    >
+  } - ${
+    Capitalize<
+      T
+    >
+  } - ${
+    Uncapitalize<
+      T
+    >
+  }`
+;
+type HELLO = EnthusiasticGreeting<"heLLo">;
+</script>
diff --git a/tests/fixtures/script-indent/ts-tuple-01.vue b/tests/fixtures/script-indent/ts-tuple-01.vue
new file mode 100644
index 000000000..ed94a9258
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-tuple-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a = [
+  number
+  ,
+  number?
+  ,
+]
+</script>
diff --git a/tests/fixtures/script-indent/ts-tuple-02.vue b/tests/fixtures/script-indent/ts-tuple-02.vue
new file mode 100644
index 000000000..ea65a6488
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-tuple-02.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+let y:
+  [
+    a
+      :
+      string
+    ,
+    ...
+      b
+        :
+        number[
+        ]
+  ]
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue b/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
new file mode 100644
index 000000000..29c696859
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo
+  <
+    T
+  >
+  =
+  Bar
+;
+const Foo
+  =
+  Bar
+Foo
+  [
+    T
+  ]
+Foo
+  (
+    T
+  )
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-01.vue b/tests/fixtures/script-indent/ts-type-annotation-01.vue
new file mode 100644
index 000000000..66981525e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var
+  foo
+    :
+    number
+    =
+    1
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-02.vue b/tests/fixtures/script-indent/ts-type-annotation-02.vue
new file mode 100644
index 000000000..8f5a3b84c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-02.vue
@@ -0,0 +1,33 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var foo = function
+  (
+    arg
+  )
+  :
+  void
+{
+  fn()
+}
+
+var bar =
+  (
+    arg
+  )
+    :
+    void
+    =>
+  {
+    fn()
+  }
+function
+  baz
+  (
+    arg
+  )
+  :
+  void
+{
+  fn()
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-03.vue b/tests/fixtures/script-indent/ts-type-annotation-03.vue
new file mode 100644
index 000000000..ed1bab907
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-03.vue
@@ -0,0 +1,28 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class Foo {
+  prop
+    :
+    number;
+  opt
+    ?
+    :
+    number;
+  opt2
+    ?
+    :
+    number
+    =
+    42;
+  abstract absopt
+    ?
+    :
+    number;
+  abstract absopt2
+    ?
+    :
+    number
+    =
+    42;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-04.vue b/tests/fixtures/script-indent/ts-type-annotation-04.vue
new file mode 100644
index 000000000..1450696bb
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-04.vue
@@ -0,0 +1,25 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var
+  {
+    foo
+      :
+      bar
+  }
+    :
+    {
+      foo
+        :
+        number
+    }
+    =
+    obj
+
+var
+  {
+    foo
+      :
+      foo
+  }
+    = obj
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-05.vue b/tests/fixtures/script-indent/ts-type-annotation-05.vue
new file mode 100644
index 000000000..aeb3b7bc3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-05.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var
+  [
+    foo
+    ,
+    bar
+  ]
+    :
+    any [
+    ]
+    = arr
+
+var
+  [
+    foo
+    ,
+    bar
+  ]
+    = arr
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-06.vue b/tests/fixtures/script-indent/ts-type-annotation-06.vue
new file mode 100644
index 000000000..11ca0c386
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-06.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+function foo(
+  ...args
+    :
+    any[
+    ]
+) {}
+
+function bar(
+  ...args
+    :
+    readonly
+      any[
+      ]
+) {}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-assertion-01.vue b/tests/fixtures/script-indent/ts-type-assertion-01.vue
new file mode 100644
index 000000000..e2a753173
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-assertion-01.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const a
+  =
+  <
+    Window
+  >
+    b
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-literal-01.vue b/tests/fixtures/script-indent/ts-type-literal-01.vue
new file mode 100644
index 000000000..04bf8f2f0
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-literal-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a = {
+  a
+    ?
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-paramater-01.vue b/tests/fixtures/script-indent/ts-type-paramater-01.vue
new file mode 100644
index 000000000..6b307c740
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-paramater-01.vue
@@ -0,0 +1,24 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo
+  <
+    T
+    ,
+    U
+      extends
+        T
+    ,
+    V
+      =
+      U
+    ,
+    W
+      extends
+        X
+          =
+          Y
+  >
+  =
+  {
+  }
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue b/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
new file mode 100644
index 000000000..8b216f458
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo
+  <
+    T,
+    U
+      extends
+        T,
+    V
+      =
+      keyof
+        U
+  >
+  =
+  Bar
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-union-intersection-01.vue b/tests/fixtures/script-indent/ts-union-intersection-01.vue
new file mode 100644
index 000000000..06548dec9
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-01.vue
@@ -0,0 +1,28 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T =
+  a
+  |
+  b
+type U =
+  |
+  a
+  |
+  b
+type V =
+  a
+  &
+  b
+type W =
+  &
+  a
+  &
+  b
+type X =
+  &
+  (
+    a
+    |
+    b
+  )
+</script>
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 37fa67293..229ea3273 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -11,6 +11,7 @@
 
 const fs = require('fs')
 const path = require('path')
+const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/script-indent')
 
@@ -36,21 +37,37 @@ const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/script-indent/')
  * @returns {object} The loaded patterns.
  */
 function loadPatterns(additionalValid, additionalInvalid) {
-  const valid = fs.readdirSync(FIXTURE_ROOT).map((filename) => {
-    const commentPattern = /^(<!--|\/\*)(.+?)(-->|\*\/)/
-    const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
-    const code = code0.replace(commentPattern, `$1${filename}$3`)
-    const baseObj = JSON.parse(commentPattern.exec(code0)[2])
-    if ('parser' in baseObj) {
-      baseObj.parser = require.resolve(baseObj.parser)
-    }
-    if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
-      baseObj.parserOptions.parser = require.resolve(
-        baseObj.parserOptions.parser
-      )
-    }
-    return Object.assign(baseObj, { code, filename })
-  })
+  const valid = fs
+    .readdirSync(FIXTURE_ROOT)
+    .map((filename) => {
+      const commentPattern = /^(<!--|\/\*)(.+?)(-->|\*\/)/
+      const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
+      const code = code0.replace(commentPattern, `$1${filename}$3`)
+      const baseObj = JSON.parse(commentPattern.exec(code0)[2])
+      if ('parser' in baseObj) {
+        baseObj.parser = require.resolve(baseObj.parser)
+      }
+      if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
+        baseObj.parserOptions.parser = require.resolve(
+          baseObj.parserOptions.parser
+        )
+      }
+      return Object.assign(baseObj, { code, filename })
+    })
+    .filter((obj) => {
+      if (obj.requirements) {
+        if (
+          Object.entries(obj.requirements).some(([pkgName, pkgVersion]) => {
+            const pkg = require(`${pkgName}/package.json`)
+            return !semver.satisfies(pkg.version, pkgVersion)
+          })
+        ) {
+          return false
+        }
+        delete obj.requirements
+      }
+      return true
+    })
   const invalid = valid
     .map((pattern) => {
       const kind =
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index 28dc29fe2..91319043b 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -8,4 +8,5 @@ export type TSNode = TSAsExpression
 export interface TSAsExpression extends HasParentNode {
   type: 'TSAsExpression'
   expression: ES.Expression
+  typeAnnotation: any;
 }
diff --git a/typings/eslint-plugin-vue/util-types/indent-helper.ts b/typings/eslint-plugin-vue/util-types/indent-helper.ts
new file mode 100644
index 000000000..25a123ed2
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/indent-helper.ts
@@ -0,0 +1,14 @@
+import type { TSESTree } from '@typescript-eslint/types'
+import type * as ESTree from 'estree'
+type TSNodeWithoutES = Exclude<TSESTree.Node, { type: ESTree.Node['type'] }>
+type TSNodeListenerMap<T extends TSNodeWithoutES = TSNodeWithoutES> = {
+  [key in TSNodeWithoutES['type']]: T extends { type: key } ? T : never
+}
+
+type TSNodeListenerBase = {
+  [T in keyof TSNodeListenerMap]?: (node: TSNodeListenerMap[T]) => void
+}
+type ParamNode = never // You specify the node type in JSDoc.
+export interface TSNodeListener extends TSNodeListenerBase {
+  [key: string]: ((node: ParamNode) => void) | undefined
+}
diff --git a/typings/eslint-utils/index.d.ts b/typings/eslint-utils/index.d.ts
index a97522876..46d0f5abe 100644
--- a/typings/eslint-utils/index.d.ts
+++ b/typings/eslint-utils/index.d.ts
@@ -72,4 +72,25 @@ export namespace ReferenceTracker {
   const ESM: unique symbol
 }
 
+export function isArrowToken(token: Token): boolean
+export function isCommaToken(token: Token): boolean
+export function isSemicolonToken(token: Token): boolean
+export function isColonToken(token: Token): boolean
+export function isOpeningParenToken(token: Token): boolean
+export function isClosingParenToken(token: Token): boolean
+export function isOpeningBracketToken(token: Token): boolean
+export function isClosingBracketToken(token: Token): boolean
+export function isOpeningBraceToken(token: Token): boolean
+export function isClosingBraceToken(token: Token): boolean
 export function isCommentToken(token: Token): token is Comment
+export function isNotArrowToken(token: Token): boolean
+export function isNotCommaToken(token: Token): boolean
+export function isNotSemicolonToken(token: Token): boolean
+export function isNotColonToken(token: Token): boolean
+export function isNotOpeningParenToken(token: Token): boolean
+export function isNotClosingParenToken(token: Token): boolean
+export function isNotOpeningBracketToken(token: Token): boolean
+export function isNotClosingBracketToken(token: Token): boolean
+export function isNotOpeningBraceToken(token: Token): boolean
+export function isNotClosingBraceToken(token: Token): boolean
+export function isNotCommentToken(token: Token): boolean

From 28dec65eb1bb8c7ad7ac1c2e99bcfaad4342947f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 16:04:18 +0900
Subject: [PATCH 0295/1010] Fix that `vue/no-deprecated-slot-attribute` and
 `vue/no-deprecated-slot-scope-attribute` rules had wrong auto-fix. (#1521)

---
 lib/rules/syntaxes/slot-attribute.js          |  10 +-
 lib/rules/syntaxes/slot-scope-attribute.js    |  10 +-
 .../syntaxes/utils/can-convert-to-v-slot.js   | 228 ++++++++++++++++++
 lib/rules/valid-v-slot.js                     |  62 ++---
 lib/utils/index.js                            |  43 ++++
 .../lib/rules/no-deprecated-slot-attribute.js | 199 +++++++++++++++
 .../no-deprecated-slot-scope-attribute.js     |  25 ++
 7 files changed, 527 insertions(+), 50 deletions(-)
 create mode 100644 lib/rules/syntaxes/utils/can-convert-to-v-slot.js

diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index d5fa61898..4cfe2099c 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -3,12 +3,18 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
+
+const canConvertToVSlot = require('./utils/can-convert-to-v-slot')
+
 module.exports = {
   deprecated: '2.6.0',
   supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
+    const tokenStore =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
 
     /**
      * Checks whether the given node can convert to the `v-slot`.
@@ -16,7 +22,7 @@ module.exports = {
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
     function canConvertFromSlotToVSlot(slotAttr) {
-      if (slotAttr.parent.parent.name !== 'template') {
+      if (!canConvertToVSlot(slotAttr.parent.parent, sourceCode, tokenStore)) {
         return false
       }
       if (!slotAttr.value) {
@@ -33,7 +39,7 @@ module.exports = {
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
     function canConvertFromVBindSlotToVSlot(slotAttr) {
-      if (slotAttr.parent.parent.name !== 'template') {
+      if (!canConvertToVSlot(slotAttr.parent.parent, sourceCode, tokenStore)) {
         return false
       }
 
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index 902b5ded8..53a54d6de 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -3,6 +3,9 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
+
+const canConvertToVSlotForElement = require('./utils/can-convert-to-v-slot')
+
 module.exports = {
   deprecated: '2.6.0',
   supported: '>=2.5.0 <3.0.0',
@@ -14,6 +17,9 @@ module.exports = {
    */
   createTemplateBodyVisitor(context, { fixToUpgrade } = {}) {
     const sourceCode = context.getSourceCode()
+    const tokenStore =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
 
     /**
      * Checks whether the given node can convert to the `v-slot`.
@@ -21,7 +27,9 @@ module.exports = {
      * @returns {boolean} `true` if the given node can convert to the `v-slot`
      */
     function canConvertToVSlot(startTag) {
-      if (startTag.parent.name !== 'template') {
+      if (
+        !canConvertToVSlotForElement(startTag.parent, sourceCode, tokenStore)
+      ) {
         return false
       }
 
diff --git a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
new file mode 100644
index 000000000..3bdb7e1bc
--- /dev/null
+++ b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
@@ -0,0 +1,228 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../../utils')
+/**
+ * @typedef {object} SlotVForVariables
+ * @property {VForExpression} expr
+ * @property {VVariable[]} variables
+ */
+/**
+ * @typedef {object} SlotContext
+ * @property {VElement} element
+ * @property {VAttribute | VDirective | null} slot
+ * @property {VDirective | null} vFor
+ * @property {SlotVForVariables | null} slotVForVars
+ * @property {string} normalizedName
+ */
+/**
+ * Checks whether the given element can use v-slot.
+ * @param {VElement} element
+ * @param {SourceCode} sourceCode
+ * @param {ParserServices.TokenStore} tokenStore
+ */
+module.exports = function canConvertToVSlot(element, sourceCode, tokenStore) {
+  if (element.name !== 'template') {
+    return false
+  }
+  const ownerElement = element.parent
+  if (
+    ownerElement.type === 'VDocumentFragment' ||
+    !utils.isCustomComponent(ownerElement)
+  ) {
+    return false
+  }
+  const slot = getSlotContext(element, sourceCode)
+  if (slot.vFor && !slot.slotVForVars) {
+    // E.g., <template v-for="x of xs" #one></template>
+    return false
+  }
+  if (hasSameSlotDirective(ownerElement, slot, sourceCode, tokenStore)) {
+    return false
+  }
+  return true
+}
+/**
+ * @param {VElement} element
+ * @param {SourceCode} sourceCode
+ * @returns {SlotContext}
+ */
+function getSlotContext(element, sourceCode) {
+  const slot =
+    utils.getAttribute(element, 'slot') ||
+    utils.getDirective(element, 'bind', 'slot')
+  const vFor = utils.getDirective(element, 'for')
+  const slotVForVars = getSlotVForVariableIfUsingIterationVars(slot, vFor)
+
+  return {
+    element,
+    slot,
+    vFor,
+    slotVForVars,
+    normalizedName: getNormalizedName(slot, sourceCode)
+  }
+}
+
+/**
+ * Gets the `v-for` directive and variable that provide the variables used by the given `slot` attribute.
+ * @param {VAttribute | VDirective | null} slot The current `slot` attribute node.
+ * @param {VDirective | null} [vFor] The current `v-for` directive node.
+ * @returns { SlotVForVariables | null } The SlotVForVariables.
+ */
+function getSlotVForVariableIfUsingIterationVars(slot, vFor) {
+  if (!slot || !slot.directive) {
+    return null
+  }
+  const expr =
+    vFor && vFor.value && /** @type {VForExpression} */ (vFor.value.expression)
+  const variables =
+    expr && getUsingIterationVars(slot.value, slot.parent.parent)
+  return expr && variables && variables.length ? { expr, variables } : null
+}
+
+/**
+ * Gets iterative variables if a given expression node is using iterative variables that the element defined.
+ * @param {VExpressionContainer|null} expression The expression node to check.
+ * @param {VElement} element The element node which has the expression.
+ * @returns {VVariable[]} The expression node is using iteration variables.
+ */
+function getUsingIterationVars(expression, element) {
+  const vars = []
+  if (expression && expression.type === 'VExpressionContainer') {
+    for (const { variable } of expression.references) {
+      if (
+        variable != null &&
+        variable.kind === 'v-for' &&
+        variable.id.range[0] > element.startTag.range[0] &&
+        variable.id.range[1] < element.startTag.range[1]
+      ) {
+        vars.push(variable)
+      }
+    }
+  }
+  return vars
+}
+
+/**
+ * Get the normalized name of a given `slot` attribute node.
+ * @param {VAttribute | VDirective | null} slotAttr node of `slot`
+ * @param {SourceCode} sourceCode The source code.
+ * @returns {string} The normalized name.
+ */
+function getNormalizedName(slotAttr, sourceCode) {
+  if (!slotAttr) {
+    return 'default'
+  }
+  if (!slotAttr.directive) {
+    return slotAttr.value ? slotAttr.value.value : 'default'
+  }
+  return slotAttr.value ? `[${sourceCode.getText(slotAttr.value)}]` : '[null]'
+}
+
+/**
+ * Checks whether parent element has the same slot as the given slot.
+ * @param {VElement} ownerElement The parent element.
+ * @param {SlotContext} targetSlot The SlotContext with a slot to check if they are the same.
+ * @param {SourceCode} sourceCode
+ * @param {ParserServices.TokenStore} tokenStore
+ */
+function hasSameSlotDirective(
+  ownerElement,
+  targetSlot,
+  sourceCode,
+  tokenStore
+) {
+  for (const group of utils.iterateChildElementsChains(ownerElement)) {
+    if (group.includes(targetSlot.element)) {
+      continue
+    }
+    for (const childElement of group) {
+      const slot = getSlotContext(childElement, sourceCode)
+      if (!targetSlot.slotVForVars || !slot.slotVForVars) {
+        if (
+          !targetSlot.slotVForVars &&
+          !slot.slotVForVars &&
+          targetSlot.normalizedName === slot.normalizedName
+        ) {
+          return true
+        }
+        continue
+      }
+      if (
+        equalSlotVForVariables(
+          targetSlot.slotVForVars,
+          slot.slotVForVars,
+          tokenStore
+        )
+      ) {
+        return true
+      }
+    }
+  }
+  return false
+}
+
+/**
+ * Determines whether the two given `v-slot` variables are considered to be equal.
+ * @param {SlotVForVariables} a First element.
+ * @param {SlotVForVariables} b Second element.
+ * @param {ParserServices.TokenStore} tokenStore The token store.
+ * @returns {boolean} `true` if the elements are considered to be equal.
+ */
+function equalSlotVForVariables(a, b, tokenStore) {
+  if (a.variables.length !== b.variables.length) {
+    return false
+  }
+  if (!equal(a.expr.right, b.expr.right)) {
+    return false
+  }
+
+  const checkedVarNames = new Set()
+  const len = Math.min(a.expr.left.length, b.expr.left.length)
+  for (let index = 0; index < len; index++) {
+    const aPtn = a.expr.left[index]
+    const bPtn = b.expr.left[index]
+
+    const aVar = a.variables.find(
+      (v) => aPtn.range[0] <= v.id.range[0] && v.id.range[1] <= aPtn.range[1]
+    )
+    const bVar = b.variables.find(
+      (v) => bPtn.range[0] <= v.id.range[0] && v.id.range[1] <= bPtn.range[1]
+    )
+    if (aVar && bVar) {
+      if (aVar.id.name !== bVar.id.name) {
+        return false
+      }
+      if (!equal(aPtn, bPtn)) {
+        return false
+      }
+      checkedVarNames.add(aVar.id.name)
+    } else if (aVar || bVar) {
+      return false
+    }
+  }
+  for (const v of a.variables) {
+    if (!checkedVarNames.has(v.id.name)) {
+      if (b.variables.every((bv) => v.id.name !== bv.id.name)) {
+        return false
+      }
+    }
+  }
+  return true
+
+  /**
+   * Determines whether the two given nodes are considered to be equal.
+   * @param {ASTNode} a First node.
+   * @param {ASTNode} b Second node.
+   * @returns {boolean} `true` if the nodes are considered to be equal.
+   */
+  function equal(a, b) {
+    if (a.type !== b.type) {
+      return false
+    }
+    return utils.equalTokens(a, b, tokenStore)
+  }
+}
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 4914edef9..8d484d253 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -28,54 +28,22 @@ function getSlotDirectivesOnElement(node) {
  * by `v-if`/`v-else-if`/`v-else`.
  */
 function getSlotDirectivesOnChildren(node) {
-  return node.children
-    .reduce(
-      ({ groups, vIf }, childNode) => {
-        if (childNode.type === 'VElement') {
-          let connected
-          if (utils.hasDirective(childNode, 'if')) {
-            connected = false
-            vIf = true
-          } else if (utils.hasDirective(childNode, 'else-if')) {
-            connected = vIf
-            vIf = true
-          } else if (utils.hasDirective(childNode, 'else')) {
-            connected = vIf
-            vIf = false
-          } else {
-            connected = false
-            vIf = false
-          }
+  /** @type {VDirective[][]} */
+  const groups = []
+  for (const group of utils.iterateChildElementsChains(node)) {
+    const slotDirs = group
+      .map((childElement) =>
+        childElement.name === 'template'
+          ? utils.getDirective(childElement, 'slot')
+          : null
+      )
+      .filter(utils.isDef)
+    if (slotDirs.length > 0) {
+      groups.push(slotDirs)
+    }
+  }
 
-          if (connected) {
-            groups[groups.length - 1].push(childNode)
-          } else {
-            groups.push([childNode])
-          }
-        } else if (
-          childNode.type !== 'VText' ||
-          childNode.value.trim() !== ''
-        ) {
-          vIf = false
-        }
-        return { groups, vIf }
-      },
-      {
-        /** @type {VElement[][]} */
-        groups: [],
-        vIf: false
-      }
-    )
-    .groups.map((group) =>
-      group
-        .map((childElement) =>
-          childElement.name === 'template'
-            ? utils.getDirective(childElement, 'slot')
-            : null
-        )
-        .filter(utils.isDef)
-    )
-    .filter((group) => group.length >= 1)
+  return groups
 }
 
 /**
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 05e45d99c..06ef51420 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -624,6 +624,49 @@ module.exports = {
     )
   },
 
+  /**
+   * Returns a generator with all child element v-if chains of the given element.
+   * @param {VElement} node The element node to check.
+   * @returns {IterableIterator<VElement[]>}
+   */
+  *iterateChildElementsChains(node) {
+    let vIf = false
+    /** @type {VElement[]} */
+    let elementChain = []
+    for (const childNode of node.children) {
+      if (childNode.type === 'VElement') {
+        let connected
+        if (this.hasDirective(childNode, 'if')) {
+          connected = false
+          vIf = true
+        } else if (this.hasDirective(childNode, 'else-if')) {
+          connected = vIf
+          vIf = true
+        } else if (this.hasDirective(childNode, 'else')) {
+          connected = vIf
+          vIf = false
+        } else {
+          connected = false
+          vIf = false
+        }
+
+        if (connected) {
+          elementChain.push(childNode)
+        } else {
+          if (elementChain.length) {
+            yield elementChain
+          }
+          elementChain = [childNode]
+        }
+      } else if (childNode.type !== 'VText' || childNode.value.trim() !== '') {
+        vIf = false
+      }
+    }
+    if (elementChain.length) {
+      yield elementChain
+    }
+  },
+
   /**
    * Check whether the given node is a custom component or not.
    * @param {VElement} node The start tag node to check.
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index ab08c4aff..0db5e5898 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -405,6 +405,205 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </MyComponent>
       </template>`,
       errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1499
+      code: `
+      <template>
+        <some-component>
+          <template slot="some-slot">
+            This works 1
+          </template>
+
+          <template v-if="true"> <!-- some arbitrary conditional -->
+            <template slot="some-slot">
+              This works 2
+            </template>
+          </template>
+        </some-component>
+      </template>`,
+      output: `
+      <template>
+        <some-component>
+          <template v-slot:some-slot>
+            This works 1
+          </template>
+
+          <template v-if="true"> <!-- some arbitrary conditional -->
+            <template slot="some-slot">
+              This works 2
+            </template>
+          </template>
+        </some-component>
+      </template>`,
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 9
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template v-for="x in xs" slot="one">
+            A
+          </template>
+          <template v-for="x in xs" :slot="x">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <template v-for="x in xs" slot="one">
+            A
+          </template>
+          <template v-for="x in xs" v-slot:[x]>
+            B
+          </template>
+        </my-component>
+      </template>`,
+      errors: [
+        '`slot` attributes are deprecated.',
+        '`slot` attributes are deprecated.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template slot="one">
+            A
+          </template>
+          <template slot="one">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <template slot="one">
+            A
+          </template>
+          <template slot="one">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      errors: [
+        '`slot` attributes are deprecated.',
+        '`slot` attributes are deprecated.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template v-if="c" slot="one">
+            A
+          </template>
+          <template v-else slot="one">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <template v-if="c" v-slot:one>
+            A
+          </template>
+          <template v-else v-slot:one>
+            B
+          </template>
+        </my-component>
+      </template>`,
+      errors: [
+        '`slot` attributes are deprecated.',
+        '`slot` attributes are deprecated.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template v-for="x in xs" :slot="x">
+            A
+          </template>
+          <template v-for="x in xs" :slot="x">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      output: null,
+      errors: [
+        '`slot` attributes are deprecated.',
+        '`slot` attributes are deprecated.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template v-for="x in ys" :slot="x">
+            A
+          </template>
+          <template v-for="x in xs" :slot="x">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <template v-for="x in ys" v-slot:[x]>
+            A
+          </template>
+          <template v-for="x in xs" v-slot:[x]>
+            B
+          </template>
+        </my-component>
+      </template>`,
+      errors: [
+        '`slot` attributes are deprecated.',
+        '`slot` attributes are deprecated.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template v-for="(x,y) in xs" :slot="x+y">
+            A
+          </template>
+          <template v-for="x in xs" :slot="x">
+            B
+          </template>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <template v-for="(x,y) in xs" :slot="x+y">
+            A
+          </template>
+          <template v-for="x in xs" v-slot:[x]>
+            B
+          </template>
+        </my-component>
+      </template>`,
+      errors: [
+        '`slot` attributes are deprecated.',
+        '`slot` attributes are deprecated.'
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-slot-scope-attribute.js b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
index 995909fc1..728aaccd3 100644
--- a/tests/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -138,6 +138,31 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
           line: 4
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template v-for="x in xs" slot-scope="{a}" >
+          {{a}}
+          </template>
+        </my-component>
+      </template>`,
+      output: null,
+      errors: ['`slot-scope` are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <template slot-scope="{a}" >
+            {{a}}
+          </template>
+          <div />
+        </my-component>
+      </template>`,
+      output: null,
+      errors: ['`slot-scope` are deprecated.']
     }
   ]
 })

From 94db4a61fe1351870c66848f0621ea282d934d86 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 16:04:35 +0900
Subject: [PATCH 0296/1010] Fix false positives for default with type Function
 in `vue/no-deprecated-props-default-this` rule (#1522)

---
 lib/rules/no-deprecated-props-default-this.js | 26 +++++++++++++++++++
 .../rules/no-deprecated-props-default-this.js | 25 ++++++++++++++++++
 2 files changed, 51 insertions(+)

diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
index 5a89da941..7f9b51a1a 100644
--- a/lib/rules/no-deprecated-props-default-this.js
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -73,6 +73,27 @@ module.exports = {
         scopeStack = scopeStack.upper
       }
     }
+
+    /**
+     * @param {Expression|SpreadElement|null} node
+     */
+    function isFunctionIdentifier(node) {
+      return node && node.type === 'Identifier' && node.name === 'Function'
+    }
+
+    /**
+     * @param {Expression} node
+     * @returns {boolean}
+     */
+    function hasFunctionType(node) {
+      if (isFunctionIdentifier(node)) {
+        return true
+      }
+      if (node.type === 'ArrayExpression') {
+        return node.elements.some(isFunctionIdentifier)
+      }
+      return false
+    }
     return utils.defineVueVisitor(context, {
       onVueObjectEnter(node) {
         for (const prop of utils.getComponentProps(node)) {
@@ -86,6 +107,11 @@ module.exports = {
           if (!def) {
             continue
           }
+          const type = utils.findProperty(prop.value, 'type')
+          if (type && hasFunctionType(type.value)) {
+            // ignore function type
+            continue
+          }
           if (def.value.type !== 'FunctionExpression') {
             continue
           }
diff --git a/tests/lib/rules/no-deprecated-props-default-this.js b/tests/lib/rules/no-deprecated-props-default-this.js
index 0993e817a..0d5f8ff24 100644
--- a/tests/lib/rules/no-deprecated-props-default-this.js
+++ b/tests/lib/rules/no-deprecated-props-default-this.js
@@ -96,6 +96,31 @@ ruleTester.run('no-deprecated-props-default-this', rule, {
         }
         </script>
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1464
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="printMessage">Print message</button>
+      </template>
+
+      <script>
+
+      export default {
+        name: 'App',
+        props: {
+          message: String,
+          printMessage: {
+            type: Function,
+            default() {
+              console.log(this.message);
+            }
+          }
+        }
+      }
+      </script>
+      `
     }
   ],
 

From 4a86231bf5ec556de507f2ab9524e88a192f03cd Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 16:15:34 +0900
Subject: [PATCH 0297/1010] 7.12.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ee78d5950..ad1cfb3b1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.11.1",
+  "version": "7.12.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2bb5279a0fc912910213eb0627632bbb30bea3bd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 18:33:11 +0900
Subject: [PATCH 0298/1010] Fix false positives for trailing comma with import
 in `vue/script-indent` rule (#1525)

---
 lib/utils/indent-common.js                             | 7 +++++--
 tests/fixtures/script-indent/import-declaration-11.vue | 7 +++++++
 2 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 tests/fixtures/script-indent/import-declaration-11.vue

diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 7d2349d3c..8ec6bbe41 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1498,8 +1498,11 @@ module.exports.defineVisitor = function create(
       }
       if (namedSpecifiers.length) {
         const leftBrace = tokenStore.getTokenBefore(namedSpecifiers[0])
-        const rightBrace = tokenStore.getTokenAfter(
-          namedSpecifiers[namedSpecifiers.length - 1]
+        const rightBrace = /** @type {Token} */ (
+          tokenStore.getTokenAfter(
+            namedSpecifiers[namedSpecifiers.length - 1],
+            isClosingBraceToken
+          )
         )
         processNodeList(namedSpecifiers, leftBrace, rightBrace, 1)
         for (const token of tokenStore.getTokensBetween(
diff --git a/tests/fixtures/script-indent/import-declaration-11.vue b/tests/fixtures/script-indent/import-declaration-11.vue
new file mode 100644
index 000000000..83289b1f4
--- /dev/null
+++ b/tests/fixtures/script-indent/import-declaration-11.vue
@@ -0,0 +1,7 @@
+<!--{ "options": [4, { "baseIndent": 1, "switchCase": 1 } ] }-->
+<script>
+    import {
+        computed, defineComponent, PropType, ref, watch,
+    } from '@vue/composition-api';
+</script>
+<!-- https://github.com/vuejs/eslint-plugin-vue/issues/1524 -->

From 49d34c9a3e7fe0b6733e0541f6f7ea35a71d2abe Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 25 Jun 2021 18:35:32 +0900
Subject: [PATCH 0299/1010] 7.12.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ad1cfb3b1..c7c7b10a7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.12.0",
+  "version": "7.12.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 5d1f7723ff2357b12323ebb2bd9f2d04c341b242 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Jul 2021 10:00:20 +0900
Subject: [PATCH 0300/1010] Change the indent rule so that the union type has
 the same indent as the binary expression. (#1527)

---
 lib/utils/indent-common.js                    |  2 +
 lib/utils/indent-ts.js                        | 87 +++++++++++++++----
 .../ts-union-intersection-02.vue              | 21 +++++
 .../ts-union-intersection-03.vue              | 19 ++++
 .../ts-union-intersection-04.vue              | 17 ++++
 .../ts-union-intersection-05.vue              | 19 ++++
 .../ts-union-intersection-06.vue              | 27 ++++++
 7 files changed, 175 insertions(+), 17 deletions(-)
 create mode 100644 tests/fixtures/script-indent/ts-union-intersection-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-union-intersection-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-union-intersection-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-union-intersection-05.vue
 create mode 100644 tests/fixtures/script-indent/ts-union-intersection-06.vue

diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 8ec6bbe41..5d80b83bb 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1824,6 +1824,8 @@ module.exports.defineVisitor = function create(
       let firstToken = tokenStore.getFirstToken(node)
 
       while (
+        leftToken &&
+        rightToken &&
         isOpeningParenToken(leftToken) &&
         isClosingParenToken(rightToken)
       ) {
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 4801ab211..9afcdb34f 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -19,6 +19,7 @@ const {
  * @typedef { { type: string } & HasLocation } MaybeNode
  */
 /**
+ * @typedef {import('@typescript-eslint/types').TSESTree.Node} TSESTreeNode
  * @typedef {import('@typescript-eslint/types').TSESTree.ClassExpression} ClassExpression
  * @typedef {import('@typescript-eslint/types').TSESTree.ClassDeclaration} ClassDeclaration
  * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeAliasDeclaration} TSTypeAliasDeclaration
@@ -125,6 +126,48 @@ function defineVisitor({
   processSemicolons,
   getFirstAndLastTokens
 }) {
+  /**
+   * Check whether a given token is the first token of:
+   *
+   * - A parameter of TSTypeParameterInstantiation
+   * - An element of TSTupleType
+   *
+   * @param {Token} token The token to check.
+   * @param {TSUnionType | TSIntersectionType} belongingNode The node that the token is belonging to.
+   * @returns {boolean} `true` if the token is the first token of an element.
+   */
+  function isBeginningOfElement(token, belongingNode) {
+    /** @type {TSESTreeNode | null} */
+    let node = belongingNode
+
+    while (node != null && node.parent != null) {
+      /** @type {TSESTreeNode} */
+      const parent = node.parent
+      if (parent.type === 'TSTypeParameterInstantiation') {
+        return (
+          parent.params.length >= 2 &&
+          parent.params.some(
+            (param) =>
+              getFirstAndLastTokens(param).firstToken.range[0] ===
+              token.range[0]
+          )
+        )
+      }
+      if (parent.type === 'TSTupleType') {
+        return parent.elementTypes.some(
+          (element) =>
+            element != null &&
+            getFirstAndLastTokens(element).firstToken.range[0] ===
+              token.range[0]
+        )
+      }
+
+      node = parent
+    }
+
+    return false
+  }
+
   return {
     // Support TypeScript
     /** @param {ClassDeclaration | ClassExpression} node */
@@ -463,16 +506,34 @@ function defineVisitor({
       // A | B
       // A & B
       const firstToken = tokenStore.getFirstToken(node)
-      const types = [...node.types]
-      if (getFirstAndLastTokens(types[0]).firstToken === firstToken) {
-        types.shift()
+
+      const prevToken = tokenStore.getTokenBefore(firstToken)
+      const shouldIndent =
+        prevToken == null ||
+        prevToken.loc.end.line === firstToken.loc.start.line ||
+        isBeginningOfElement(firstToken, node)
+      const offset = shouldIndent ? 1 : 0
+
+      const typeTokensList = node.types.map(getFirstAndLastTokens)
+      const typeTokens = typeTokensList.shift()
+      if (!typeTokens) {
+        return
+      }
+      let lastToken
+      if (typeTokens.firstToken === firstToken) {
+        lastToken = typeTokens.lastToken
+      } else {
+        typeTokensList.unshift(typeTokens)
+        lastToken = firstToken
+      }
+      for (const typeTokens of typeTokensList) {
+        setOffset(
+          tokenStore.getTokensBetween(lastToken, typeTokens.firstToken),
+          offset,
+          firstToken
+        )
+        setOffset(typeTokens.firstToken, offset, firstToken)
       }
-      processNodeList(
-        types,
-        firstToken,
-        null,
-        isBeginningOfLine(firstToken) ? 0 : 1
-      )
     },
     TSParenthesizedType(node) {
       // (T)
@@ -1253,12 +1314,4 @@ function defineVisitor({
     // ----------------------------------------------------------------------
     TSLiteralType() {}
   }
-  /**
-   * Check whether the given node or token is the beginning of a line.
-   * @param {MaybeNode} node
-   */
-  function isBeginningOfLine(node) {
-    const prevToken = tokenStore.getTokenBefore(node, { includeComments: true })
-    return !prevToken || prevToken.loc.end.line < node.loc.start.line
-  }
 }
diff --git a/tests/fixtures/script-indent/ts-union-intersection-02.vue b/tests/fixtures/script-indent/ts-union-intersection-02.vue
new file mode 100644
index 000000000..04b722218
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-02.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T =
+  a
+  | b
+type U =
+  | a
+  | b
+type V =
+  a
+  & b
+type W =
+  & a
+  & b
+type X =
+  &
+  (
+    a
+    | b
+  )
+</script>
diff --git a/tests/fixtures/script-indent/ts-union-intersection-03.vue b/tests/fixtures/script-indent/ts-union-intersection-03.vue
new file mode 100644
index 000000000..78928f2e5
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-03.vue
@@ -0,0 +1,19 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T = a
+  | b
+  | c
+type U = | a
+  | b
+  | c
+type V = a
+  |
+  b
+  |
+  c
+const a = a
+  |
+  b
+  |
+  c
+</script>
diff --git a/tests/fixtures/script-indent/ts-union-intersection-04.vue b/tests/fixtures/script-indent/ts-union-intersection-04.vue
new file mode 100644
index 000000000..7396edc48
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-04.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T = U< a
+  | b
+  | c
+>
+type T = U<
+  | a
+  | b
+  | c
+>
+type T = U<
+  & a
+  & b
+  & c
+>
+</script>
diff --git a/tests/fixtures/script-indent/ts-union-intersection-05.vue b/tests/fixtures/script-indent/ts-union-intersection-05.vue
new file mode 100644
index 000000000..d6013535a
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-05.vue
@@ -0,0 +1,19 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T = U<
+  a
+    | b
+    | c,
+  a
+    | b
+    | c
+>
+type T = U<
+  a
+    & b
+    & c,
+  a
+    & b
+    & c
+>
+</script>
diff --git a/tests/fixtures/script-indent/ts-union-intersection-06.vue b/tests/fixtures/script-indent/ts-union-intersection-06.vue
new file mode 100644
index 000000000..a363a2847
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-06.vue
@@ -0,0 +1,27 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T = [
+  a
+    | b
+    | c
+]
+type U = [
+  | a
+    | b
+    | c
+]
+type T2 = [ a
+              | b
+              | c,
+            a
+              | b
+              | c
+]
+type U2 = [ | a
+              | b
+              | c,
+            | a
+              | b
+              | c
+]
+</script>

From a770662c14f06949064233f13724fdc30468ca5b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Jul 2021 10:00:36 +0900
Subject: [PATCH 0301/1010] Deprecated `vue/experimental-script-setup-vars`
 rule (#1528)

---
 docs/rules/README.md                         | 2 +-
 docs/rules/experimental-script-setup-vars.md | 2 +-
 lib/configs/base.js                          | 1 -
 lib/rules/experimental-script-setup-vars.js  | 3 ++-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index a93d5a640..c5b80f1f7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -24,7 +24,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  |
-| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | prevent variables defined in `<script setup>` to be marked as undefined |  |
 | [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  |
 
 ## Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
@@ -379,5 +378,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Replaced by |
 |:--------|:------------|
+| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) |
 | [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) |
 | [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index 9608384a1..bf89fa9a9 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > prevent variables defined in `<script setup>` to be marked as undefined
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+- :warning: This rule was **deprecated**.
 
 :::warning
 This rule is an experimental rule. It may be removed without notice.
diff --git a/lib/configs/base.js b/lib/configs/base.js
index eb129643f..2521a623c 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -16,7 +16,6 @@ module.exports = {
   plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
-    'vue/experimental-script-setup-vars': 'error',
     'vue/jsx-uses-vars': 'error'
   }
 }
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
index d215a27b9..b7fa2a810 100644
--- a/lib/rules/experimental-script-setup-vars.js
+++ b/lib/rules/experimental-script-setup-vars.js
@@ -21,9 +21,10 @@ module.exports = {
     docs: {
       description:
         'prevent variables defined in `<script setup>` to be marked as undefined', // eslint-disable-line consistent-docs-description
-      categories: ['base'],
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/experimental-script-setup-vars.html'
     },
+    deprecated: true,
     schema: []
   },
   /**

From 9a99fe24bfd753eb8b8a250fa0308872de3ea7ea Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Jul 2021 15:11:46 +0900
Subject: [PATCH 0302/1010] Add `vue/script-setup-uses-vars` rule (#1529)

* Add `vue/script-setup-uses-vars` rule

* upgrade parser

* Update

* update test
---
 .../components/eslint-code-block.vue          |   1 +
 docs/rules/README.md                          |   1 +
 docs/rules/jsx-uses-vars.md                   |   5 +
 docs/rules/script-setup-uses-vars.md          |  64 ++++
 lib/configs/base.js                           |   3 +-
 lib/index.js                                  |   1 +
 lib/rules/no-reserved-component-names.js      |  27 +-
 lib/rules/no-unregistered-components.js       |  11 +-
 lib/rules/script-setup-uses-vars.js           | 115 +++++++
 lib/utils/index.js                            | 275 +++++++++++-----
 lib/utils/vue2-builtin-components.js          |  12 +
 lib/utils/vue3-builtin-components.js          |   7 +
 package.json                                  |   2 +-
 tests/lib/rules/jsx-uses-vars.js              |  62 ++--
 tests/lib/rules/script-setup-uses-vars.js     | 295 ++++++++++++++++++
 .../util-types/parser-services.ts             |   5 +-
 16 files changed, 742 insertions(+), 144 deletions(-)
 create mode 100644 docs/rules/script-setup-uses-vars.md
 create mode 100644 lib/rules/script-setup-uses-vars.js
 create mode 100644 lib/utils/vue2-builtin-components.js
 create mode 100644 lib/utils/vue3-builtin-components.js
 create mode 100644 tests/lib/rules/script-setup-uses-vars.js

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index 381d9985f..3c37c9234 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -135,6 +135,7 @@ export default {
       linter.defineRule(`vue/${ruleId}`, rules[ruleId])
     }
     linter.defineRule('no-undef', coreRules['no-undef'])
+    linter.defineRule('no-unused-vars', coreRules['no-unused-vars'])
 
     linter.defineParser('vue-eslint-parser', { parseForESLint })
   }
diff --git a/docs/rules/README.md b/docs/rules/README.md
index c5b80f1f7..1a0a5fe35 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -25,6 +25,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  |
 | [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  |
+| [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | prevent `<script setup>` variables used in `<template>` to be marked as unused |  |
 
 ## Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
 
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index eaad85593..a21279b10 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -38,6 +38,11 @@ After turning on, `HelloWorld` is being marked as used and `no-unused-vars` rule
 
 If you are not using JSX or if you do not use the `no-unused-vars` rule then you can disable this rule.
 
+## :couple: Related Rules
+
+- [vue/script-setup-uses-vars](./script-setup-uses-vars.md)
+- [no-unused-vars](https://eslint.org/docs/rules/no-unused-vars)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v2.0.0
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
new file mode 100644
index 000000000..0612c75a9
--- /dev/null
+++ b/docs/rules/script-setup-uses-vars.md
@@ -0,0 +1,64 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/script-setup-uses-vars
+description: prevent `<script setup>` variables used in `<template>` to be marked as unused
+---
+# vue/script-setup-uses-vars
+
+> prevent `<script setup>` variables used in `<template>` to be marked as unused
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+
+ESLint `no-unused-vars` rule does not detect variables in `<script setup>` used in `<template>`.
+This rule will find variables in `<script setup>` used in `<template>` and mark them as used.
+
+This rule only has an effect when the `no-unused-vars` rule is enabled.
+
+## :book: Rule Details
+
+Without this rule this code triggers warning:
+
+<eslint-code-block :rules="{'vue/script-setup-uses-vars': ['error'], 'no-unused-vars': ['error']}">
+
+```vue
+<script setup>
+  // imported components are also directly usable in template
+  import Foo from './Foo.vue'
+  import { ref } from 'vue'
+
+  // write Composition API code just like in a normal setup()
+  // but no need to manually return everything
+  const count = ref(0)
+  const inc = () => {
+    count.value++
+  }
+</script>
+
+<template>
+  <Foo :count="count" @click="inc" />
+</template>
+```
+
+</eslint-code-block>
+
+After turning on, `Foo` is being marked as used and `no-unused-vars` rule doesn't report an issue.
+
+## :mute: When Not To Use It
+
+If you are not using `<script setup>` or if you do not use the `no-unused-vars` rule then you can disable this rule.
+
+## :couple: Related Rules
+
+- [vue/jsx-uses-vars](./jsx-uses-vars.md)
+- [no-unused-vars](https://eslint.org/docs/rules/no-unused-vars)
+
+## :books: Further Reading
+
+- [Vue RFCs - 0040-script-setup](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/script-setup-uses-vars.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/script-setup-uses-vars.js)
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 2521a623c..5b1135b41 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -16,6 +16,7 @@ module.exports = {
   plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
-    'vue/jsx-uses-vars': 'error'
+    'vue/jsx-uses-vars': 'error',
+    'vue/script-setup-uses-vars': 'error'
   }
 }
diff --git a/lib/index.js b/lib/index.js
index 313cc6930..f07aea55f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -155,6 +155,7 @@ module.exports = {
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'return-in-emits-validator': require('./rules/return-in-emits-validator'),
     'script-indent': require('./rules/script-indent'),
+    'script-setup-uses-vars': require('./rules/script-setup-uses-vars'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'sort-keys': require('./rules/sort-keys'),
     'space-in-parens': require('./rules/space-in-parens'),
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 890f1a306..e32e182c6 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -10,6 +10,13 @@ const casing = require('../utils/casing')
 const htmlElements = require('../utils/html-elements.json')
 const deprecatedHtmlElements = require('../utils/deprecated-html-elements.json')
 const svgElements = require('../utils/svg-elements.json')
+const RESERVED_NAMES_IN_VUE = new Set(
+  require('../utils/vue2-builtin-components')
+)
+
+const RESERVED_NAMES_IN_VUE3 = new Set(
+  require('../utils/vue3-builtin-components')
+)
 
 const kebabCaseElements = [
   'annotation-xml',
@@ -22,17 +29,6 @@ const kebabCaseElements = [
   'missing-glyph'
 ]
 
-// https://vuejs.org/v2/api/index.html#Built-In-Components
-const vueBuiltInComponents = [
-  'component',
-  'transition',
-  'transition-group',
-  'keep-alive',
-  'slot'
-]
-
-const vue3BuiltInComponents = ['teleport', 'suspense']
-
 /** @param {string} word  */
 function isLowercase(word) {
   return /^[a-z]*$/.test(word)
@@ -42,15 +38,6 @@ const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements,
   ...htmlElements.map(casing.capitalize)
 ])
-const RESERVED_NAMES_IN_VUE = new Set([
-  ...vueBuiltInComponents,
-  ...vueBuiltInComponents.map(casing.pascalCase)
-])
-const RESERVED_NAMES_IN_VUE3 = new Set([
-  ...RESERVED_NAMES_IN_VUE,
-  ...vue3BuiltInComponents,
-  ...vue3BuiltInComponents.map(casing.pascalCase)
-])
 const RESERVED_NAMES_IN_OTHERS = new Set([
   ...deprecatedHtmlElements,
   ...deprecatedHtmlElements.map(casing.capitalize),
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 07d9e800a..58e2324c6 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -15,15 +15,6 @@ const casing = require('../utils/casing')
 // Rule helpers
 // ------------------------------------------------------------------------------
 
-const VUE_BUILT_IN_COMPONENTS = [
-  'component',
-  'suspense',
-  'teleport',
-  'transition',
-  'transition-group',
-  'keep-alive',
-  'slot'
-]
 /**
  * Check whether the given node is a built-in component or not.
  *
@@ -37,7 +28,7 @@ const isBuiltInComponent = (node) => {
   return (
     utils.isHtmlElementNode(node) &&
     !utils.isHtmlWellKnownElementName(node.rawName) &&
-    VUE_BUILT_IN_COMPONENTS.indexOf(rawName) > -1
+    utils.isBuiltInComponentName(rawName)
   )
 }
 
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
new file mode 100644
index 000000000..e08af640f
--- /dev/null
+++ b/lib/rules/script-setup-uses-vars.js
@@ -0,0 +1,115 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'prevent `<script setup>` variables used in `<template>` to be marked as unused', // eslint-disable-line consistent-docs-description
+      categories: ['base'],
+      url: 'https://eslint.vuejs.org/rules/script-setup-uses-vars.html'
+    },
+    schema: []
+  },
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
+  create(context) {
+    if (!utils.isScriptSetup(context)) {
+      return {}
+    }
+    /** @type {Set<string>} */
+    const scriptVariableNames = new Set()
+    const globalScope = context.getSourceCode().scopeManager.globalScope
+    if (globalScope) {
+      for (const variable of globalScope.variables) {
+        scriptVariableNames.add(variable.name)
+      }
+      const moduleScope = globalScope.childScopes.find(
+        (scope) => scope.type === 'module'
+      )
+      for (const variable of (moduleScope && moduleScope.variables) || []) {
+        scriptVariableNames.add(variable.name)
+      }
+    }
+
+    /**
+     * `casing.camelCase()` converts the beginning to lowercase,
+     * but does not convert the case of the beginning character when converting with Vue3.
+     * @see https://github.com/vuejs/vue-next/blob/1ffd48a2f5fd3eead3ea29dae668b7ed1c6f6130/packages/shared/src/index.ts#L116
+     * @param {string} str
+     */
+    function camelize(str) {
+      return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
+    }
+    /**
+     * @see https://github.com/vuejs/vue-next/blob/1ffd48a2f5fd3eead3ea29dae668b7ed1c6f6130/packages/compiler-core/src/transforms/transformElement.ts#L321
+     * @param {string} name
+     */
+    function markElementVariableAsUsed(name) {
+      if (scriptVariableNames.has(name)) {
+        context.markVariableAsUsed(name)
+      }
+      const camelName = camelize(name)
+      if (scriptVariableNames.has(camelName)) {
+        context.markVariableAsUsed(camelName)
+      }
+      const pascalName = casing.capitalize(camelName)
+      if (scriptVariableNames.has(pascalName)) {
+        context.markVariableAsUsed(pascalName)
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VExpressionContainer(node) {
+          for (const ref of node.references.filter(
+            (ref) => ref.variable == null
+          )) {
+            context.markVariableAsUsed(ref.id.name)
+          }
+        },
+        VElement(node) {
+          if (
+            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+            (node.rawName === node.name &&
+              (utils.isHtmlWellKnownElementName(node.rawName) ||
+                utils.isSvgWellKnownElementName(node.rawName))) ||
+            utils.isBuiltInComponentName(node.rawName)
+          ) {
+            return
+          }
+          markElementVariableAsUsed(node.rawName)
+        },
+        /** @param {VDirective} node */
+        'VAttribute[directive=true]'(node) {
+          if (utils.isBuiltInDirectiveName(node.key.name.name)) {
+            return
+          }
+          markElementVariableAsUsed(`v-${node.key.name.rawName}`)
+        }
+      },
+      undefined,
+      {
+        templateBodyTriggerSelector: 'Program'
+      }
+    )
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 06ef51420..bfe786aa3 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -99,6 +99,12 @@
 const HTML_ELEMENT_NAMES = new Set(require('./html-elements.json'))
 const SVG_ELEMENT_NAMES = new Set(require('./svg-elements.json'))
 const VOID_ELEMENT_NAMES = new Set(require('./void-elements.json'))
+const VUE2_BUILTIN_COMPONENT_NAMES = new Set(
+  require('./vue2-builtin-components')
+)
+const VUE3_BUILTIN_COMPONENT_NAMES = new Set(
+  require('./vue3-builtin-components')
+)
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const traverseNodes = vueEslintParser.AST.traverseNodes
@@ -277,6 +283,7 @@ module.exports = {
    * @param {RuleContext} context The rule context to use parser services.
    * @param {TemplateListener} templateBodyVisitor The visitor to traverse the template body.
    * @param {RuleListener} [scriptVisitor] The visitor to traverse the script.
+   * @param { { templateBodyTriggerSelector: "Program" | "Program:exit" } } [options] The options.
    * @returns {RuleListener} The merged visitor.
    */
   defineTemplateBodyVisitor,
@@ -399,28 +406,6 @@ module.exports = {
     return null
   },
 
-  /**
-   * Check whether the given start tag has specific directive.
-   * @param {VElement} node The start tag node to check.
-   * @param {string} name The attribute name to check.
-   * @param {string} [value] The attribute value to check.
-   * @returns {boolean} `true` if the start tag has the attribute.
-   */
-  hasAttribute(node, name, value) {
-    return Boolean(this.getAttribute(node, name, value))
-  },
-
-  /**
-   * Check whether the given start tag has specific directive.
-   * @param {VElement} node The start tag node to check.
-   * @param {string} name The directive name to check.
-   * @param {string} [argument] The directive argument to check.
-   * @returns {boolean} `true` if the start tag has the directive.
-   */
-  hasDirective(node, name, argument) {
-    return Boolean(this.getDirective(node, name, argument))
-  },
-
   /**
    * Check whether the given directive attribute has their empty value (`=""`).
    * @param {VDirective} node The directive attribute node to check.
@@ -508,24 +493,16 @@ module.exports = {
    * @param {string} [value] The attribute value to check.
    * @returns {VAttribute | null} The found attribute.
    */
-  getAttribute(node, name, value) {
-    return (
-      node.startTag.attributes.find(
-        /**
-         * @param {VAttribute | VDirective} node
-         * @returns {node is VAttribute}
-         */
-        (node) => {
-          return (
-            !node.directive &&
-            node.key.name === name &&
-            (value === undefined ||
-              (node.value != null && node.value.value === value))
-          )
-        }
-      ) || null
-    )
-  },
+  getAttribute,
+
+  /**
+   * Check whether the given start tag has specific directive.
+   * @param {VElement} node The start tag node to check.
+   * @param {string} name The attribute name to check.
+   * @param {string} [value] The attribute value to check.
+   * @returns {boolean} `true` if the start tag has the attribute.
+   */
+  hasAttribute,
 
   /**
    * Get the directive list which has the given name.
@@ -533,19 +510,7 @@ module.exports = {
    * @param {string} name The directive name to check.
    * @returns {VDirective[]} The array of `v-slot` directives.
    */
-  getDirectives(node, name) {
-    const attributes =
-      node.type === 'VElement' ? node.startTag.attributes : node.attributes
-    return attributes.filter(
-      /**
-       * @param {VAttribute | VDirective} node
-       * @returns {node is VDirective}
-       */
-      (node) => {
-        return node.directive && node.key.name.name === name
-      }
-    )
-  },
+  getDirectives,
   /**
    * Get the directive which has the given name.
    * @param {VElement} node The start tag node to check.
@@ -553,26 +518,16 @@ module.exports = {
    * @param {string} [argument] The directive argument to check.
    * @returns {VDirective | null} The found directive.
    */
-  getDirective(node, name, argument) {
-    return (
-      node.startTag.attributes.find(
-        /**
-         * @param {VAttribute | VDirective} node
-         * @returns {node is VDirective}
-         */
-        (node) => {
-          return (
-            node.directive &&
-            node.key.name.name === name &&
-            (argument === undefined ||
-              (node.key.argument &&
-                node.key.argument.type === 'VIdentifier' &&
-                node.key.argument.name) === argument)
-          )
-        }
-      ) || null
-    )
-  },
+  getDirective,
+
+  /**
+   * Check whether the given start tag has specific directive.
+   * @param {VElement} node The start tag node to check.
+   * @param {string} name The directive name to check.
+   * @param {string} [argument] The directive argument to check.
+   * @returns {boolean} `true` if the start tag has the directive.
+   */
+  hasDirective,
 
   /**
    * Returns the list of all registered components
@@ -636,13 +591,13 @@ module.exports = {
     for (const childNode of node.children) {
       if (childNode.type === 'VElement') {
         let connected
-        if (this.hasDirective(childNode, 'if')) {
+        if (hasDirective(childNode, 'if')) {
           connected = false
           vIf = true
-        } else if (this.hasDirective(childNode, 'else-if')) {
+        } else if (hasDirective(childNode, 'else-if')) {
           connected = vIf
           vIf = true
-        } else if (this.hasDirective(childNode, 'else')) {
+        } else if (hasDirective(childNode, 'else')) {
           connected = vIf
           vIf = false
         } else {
@@ -678,9 +633,9 @@ module.exports = {
         !this.isHtmlWellKnownElementName(node.rawName)) ||
       (this.isSvgElementNode(node) &&
         !this.isSvgWellKnownElementName(node.rawName)) ||
-      this.hasAttribute(node, 'is') ||
-      this.hasDirective(node, 'bind', 'is') ||
-      this.hasDirective(node, 'is')
+      hasAttribute(node, 'is') ||
+      hasDirective(node, 'bind', 'is') ||
+      hasDirective(node, 'is')
     )
   },
 
@@ -737,6 +692,44 @@ module.exports = {
   isHtmlVoidElementName(name) {
     return VOID_ELEMENT_NAMES.has(name)
   },
+
+  /**
+   * Check whether the given name is Vue builtin component name or not.
+   * @param {string} name The name to check.
+   * @returns {boolean} `true` if the name is a builtin component name
+   */
+  isBuiltInComponentName(name) {
+    return (
+      VUE3_BUILTIN_COMPONENT_NAMES.has(name) ||
+      VUE2_BUILTIN_COMPONENT_NAMES.has(name)
+    )
+  },
+
+  /**
+   * Check whether the given name is Vue builtin directive name or not.
+   * @param {string} name The name to check.
+   * @returns {boolean} `true` if the name is a builtin Directive name
+   */
+  isBuiltInDirectiveName(name) {
+    return (
+      name === 'bind' ||
+      name === 'on' ||
+      name === 'text' ||
+      name === 'html' ||
+      name === 'show' ||
+      name === 'if' ||
+      name === 'else' ||
+      name === 'else-if' ||
+      name === 'for' ||
+      name === 'model' ||
+      name === 'slot' ||
+      name === 'pre' ||
+      name === 'cloak' ||
+      name === 'once' ||
+      name === 'is'
+    )
+  },
+
   /**
    * Gets the property name of a given node.
    * @param {Property|AssignmentProperty|MethodDefinition|MemberExpression} node - The node to get.
@@ -978,6 +971,28 @@ module.exports = {
 
   isVueFile,
 
+  /**
+   * Checks whether the current file is uses `<script setup>`
+   * @param {RuleContext} context The ESLint rule context object.
+   */
+  isScriptSetup(context) {
+    const df =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+    if (!df) {
+      return false
+    }
+    const scripts = df.children
+      .filter(isVElement)
+      .filter((e) => e.name === 'script')
+    if (scripts.length === 2) {
+      return scripts.some((e) => hasAttribute(e, 'setup'))
+    } else {
+      const script = scripts[0]
+      return script && hasAttribute(script, 'setup')
+    }
+  },
+
   /**
    * Check if current file is a Vue instance or component and call callback
    * @param {RuleContext} context The ESLint rule context object.
@@ -1668,12 +1683,14 @@ function isDef(v) {
  * @param {RuleContext} context The rule context to use parser services.
  * @param {TemplateListener} templateBodyVisitor The visitor to traverse the template body.
  * @param {RuleListener} [scriptVisitor] The visitor to traverse the script.
+ * @param { { templateBodyTriggerSelector: "Program" | "Program:exit" } } [options] The options.
  * @returns {RuleListener} The merged visitor.
  */
 function defineTemplateBodyVisitor(
   context,
   templateBodyVisitor,
-  scriptVisitor
+  scriptVisitor,
+  options
 ) {
   if (context.parserServices.defineTemplateBodyVisitor == null) {
     const filename = context.getFilename()
@@ -1688,7 +1705,8 @@ function defineTemplateBodyVisitor(
   }
   return context.parserServices.defineTemplateBodyVisitor(
     templateBodyVisitor,
-    scriptVisitor
+    scriptVisitor,
+    options
   )
 }
 
@@ -2151,3 +2169,98 @@ function* iterateWatchHandlerValues(property) {
     yield value
   }
 }
+
+/**
+ * Get the attribute which has the given name.
+ * @param {VElement} node The start tag node to check.
+ * @param {string} name The attribute name to check.
+ * @param {string} [value] The attribute value to check.
+ * @returns {VAttribute | null} The found attribute.
+ */
+function getAttribute(node, name, value) {
+  return (
+    node.startTag.attributes.find(
+      /**
+       * @param {VAttribute | VDirective} node
+       * @returns {node is VAttribute}
+       */
+      (node) => {
+        return (
+          !node.directive &&
+          node.key.name === name &&
+          (value === undefined ||
+            (node.value != null && node.value.value === value))
+        )
+      }
+    ) || null
+  )
+}
+
+/**
+ * Get the directive list which has the given name.
+ * @param {VElement | VStartTag} node The start tag node to check.
+ * @param {string} name The directive name to check.
+ * @returns {VDirective[]} The array of `v-slot` directives.
+ */
+function getDirectives(node, name) {
+  const attributes =
+    node.type === 'VElement' ? node.startTag.attributes : node.attributes
+  return attributes.filter(
+    /**
+     * @param {VAttribute | VDirective} node
+     * @returns {node is VDirective}
+     */
+    (node) => {
+      return node.directive && node.key.name.name === name
+    }
+  )
+}
+/**
+ * Get the directive which has the given name.
+ * @param {VElement} node The start tag node to check.
+ * @param {string} name The directive name to check.
+ * @param {string} [argument] The directive argument to check.
+ * @returns {VDirective | null} The found directive.
+ */
+function getDirective(node, name, argument) {
+  return (
+    node.startTag.attributes.find(
+      /**
+       * @param {VAttribute | VDirective} node
+       * @returns {node is VDirective}
+       */
+      (node) => {
+        return (
+          node.directive &&
+          node.key.name.name === name &&
+          (argument === undefined ||
+            (node.key.argument &&
+              node.key.argument.type === 'VIdentifier' &&
+              node.key.argument.name) === argument)
+        )
+      }
+    ) || null
+  )
+}
+
+/**
+ * Check whether the given start tag has specific directive.
+ * @param {VElement} node The start tag node to check.
+ * @param {string} name The attribute name to check.
+ * @param {string} [value] The attribute value to check.
+ * @returns {boolean} `true` if the start tag has the attribute.
+ */
+function hasAttribute(node, name, value) {
+  return Boolean(getAttribute(node, name, value))
+}
+
+/**
+ * Check whether the given start tag has specific directive.
+ * @param {VElement} node The start tag node to check.
+ * @param {string} name The directive name to check.
+ * @param {string} [argument] The directive argument to check.
+ * @returns {boolean} `true` if the start tag has the directive.
+ */
+function hasDirective(node, name, argument) {
+  return Boolean(getDirective(node, name, argument))
+}
diff --git a/lib/utils/vue2-builtin-components.js b/lib/utils/vue2-builtin-components.js
new file mode 100644
index 000000000..54acbc9e8
--- /dev/null
+++ b/lib/utils/vue2-builtin-components.js
@@ -0,0 +1,12 @@
+module.exports = [
+  'template',
+  'slot',
+  'component',
+  'Component',
+  'transition',
+  'Transition',
+  'transition-group',
+  'TransitionGroup',
+  'keep-alive',
+  'KeepAlive'
+]
diff --git a/lib/utils/vue3-builtin-components.js b/lib/utils/vue3-builtin-components.js
new file mode 100644
index 000000000..da000397b
--- /dev/null
+++ b/lib/utils/vue3-builtin-components.js
@@ -0,0 +1,7 @@
+module.exports = [
+  ...require('./vue2-builtin-components'),
+  'teleport',
+  'Teleport',
+  'suspense',
+  'Suspense'
+]
diff --git a/package.json b/package.json
index c7c7b10a7..ded9cd558 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.6.0"
+    "vue-eslint-parser": "^7.7.1"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index 875fb9288..ea00e836c 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -30,10 +30,11 @@ linter.defineRule('jsx-uses-vars', rule)
 // Tests
 // ------------------------------------------------------------------------------
 
-ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
-  valid: [
-    {
-      code: `
+describe('jsx-uses-vars', () => {
+  ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
+    valid: [
+      {
+        code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         export default {
@@ -44,9 +45,9 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           },
         };
       `
-    },
-    {
-      code: `
+      },
+      {
+        code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.vue';
         import OtherComponent from './OtherComponent.vue';
@@ -69,9 +70,9 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           }
         }
       `
-    },
-    {
-      code: `
+      },
+      {
+        code: `
         /* eslint jsx-uses-vars: 1 */
         export default {
           render () {
@@ -81,12 +82,12 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           }
         }
       `
-    }
-  ],
+      }
+    ],
 
-  invalid: [
-    {
-      code: `
+    invalid: [
+      {
+        code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         export default {
@@ -95,14 +96,14 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           },
         };
       `,
-      errors: [
-        {
-          message: "'SomeComponent' is defined but never used."
-        }
-      ]
-    },
-    {
-      code: `
+        errors: [
+          {
+            message: "'SomeComponent' is defined but never used."
+          }
+        ]
+      },
+      {
+        code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         const wrapper = {
@@ -115,11 +116,12 @@ ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
           },
         };
       `,
-      errors: [
-        {
-          message: "'wrapper' is assigned a value but never used."
-        }
-      ]
-    }
-  ]
+        errors: [
+          {
+            message: "'wrapper' is assigned a value but never used."
+          }
+        ]
+      }
+    ]
+  })
 })
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
new file mode 100644
index 000000000..aed894178
--- /dev/null
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -0,0 +1,295 @@
+/**
+ * @fileoverview Prevent `<script setup>` variables used in `<template>` to be marked as unused
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const eslint = require('eslint')
+const rule = require('../../../lib/rules/script-setup-uses-vars')
+const ruleNoUnusedVars = require('eslint/lib/rules/no-unused-vars')
+
+const RuleTester = eslint.RuleTester
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 6,
+    sourceType: 'module'
+  }
+})
+
+const linter = ruleTester.linter || eslint.linter
+linter.defineRule('script-setup-uses-vars', rule)
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+describe('script-setup-uses-vars', () => {
+  ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
+    valid: [
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          // imported components are also directly usable in template
+          import Foo from './Foo.vue'
+          import { ref } from 'vue'
+
+          // write Composition API code just like in a normal setup()
+          // but no need to manually return everything
+          const count = ref(0)
+          const inc = () => {
+            count.value++
+          }
+        </script>
+
+        <template>
+          <Foo :count="count" @click="inc" />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          const msg = 'Hello!'
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import Foo from './Foo.vue'
+          import MyComponent from './MyComponent.vue'
+        </script>
+
+        <template>
+          <Foo />
+          <!-- kebab-case also works -->
+          <my-component />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import Foo from './Foo.vue'
+          import Bar from './Bar.vue'
+        </script>
+
+        <template>
+          <component :is="Foo" />
+          <component :is="someCondition ? Foo : Bar" />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import { directive as vClickOutside } from 'v-click-outside'
+        </script>
+
+        <template>
+          <div v-click-outside />
+        </template>
+        `
+      },
+
+      // Resolve component name
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import FooPascalCase from './component.vue'
+          import BarPascalCase from './component.vue'
+          import BazPascalCase from './component.vue'
+        </script>
+
+        <template>
+          <FooPascalCase />
+          <bar-pascal-case />
+          <bazPascalCase />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import fooCamelCase from './component.vue'
+          import barCamelCase from './component.vue'
+        </script>
+
+        <template>
+          <fooCamelCase />
+          <bar-camel-case />
+        </template>
+        `
+      },
+
+      // TopLevel await
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          const post = await fetch(\`/api/post/1\`).then((r) => r.json())
+        </script>
+
+        <template>
+          {{post}}
+        </template>
+        `,
+        parserOptions: {
+          ecmaVersion: 2022,
+          sourceType: 'module'
+        }
+      }
+    ],
+
+    invalid: [
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          // imported components are also directly usable in template
+          import Foo from './Foo.vue'
+          import Bar from './Bar.vue'
+          import { ref } from 'vue'
+
+          // write Composition API code just like in a normal setup()
+          // but no need to manually return everything
+          const count = ref(0)
+          const inc = () => {
+            count.value++
+          }
+          const foo = ref(42)
+          console.log(foo.value)
+          const bar = ref(42)
+          bar.value++
+          const baz = ref(42)
+        </script>
+
+        <template>
+          <Foo :count="count" @click="inc" />
+        </template>
+        `,
+        errors: [
+          {
+            message: "'Bar' is defined but never used.",
+            line: 6
+          },
+          {
+            message: "'baz' is assigned a value but never used.",
+            line: 19
+          }
+        ]
+      },
+
+      // Resolve component name
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import camelCase from './component.vue'
+        </script>
+
+        <template>
+          <CamelCase />
+        </template>
+        `,
+        errors: [
+          {
+            message: "'camelCase' is defined but never used.",
+            line: 4
+          }
+        ]
+      },
+
+      // Scope tests
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          if (a) {
+            const msg = 'Hello!'
+          }
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `,
+        errors: [
+          {
+            message: "'msg' is assigned a value but never used.",
+            line: 5
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          const i = 42
+          const list = [1,2,3]
+        </script>
+
+        <template>
+          <div v-for="i in list">{{ i }}</div>
+        </template>
+      `,
+        errors: [
+          {
+            message: "'i' is assigned a value but never used.",
+            line: 4
+          }
+        ]
+      },
+
+      // Not `<script setup>`
+      {
+        filename: 'test.vue',
+        code: `
+        <script>
+          /* eslint script-setup-uses-vars: 1 */
+          const msg = 'Hello!'
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `,
+        errors: [
+          {
+            message: "'msg' is assigned a value but never used.",
+            line: 4
+          }
+        ]
+      }
+    ]
+  })
+})
diff --git a/typings/eslint-plugin-vue/util-types/parser-services.ts b/typings/eslint-plugin-vue/util-types/parser-services.ts
index 8f6e2a625..183516770 100644
--- a/typings/eslint-plugin-vue/util-types/parser-services.ts
+++ b/typings/eslint-plugin-vue/util-types/parser-services.ts
@@ -15,7 +15,10 @@ export interface ParserServices {
   getTemplateBodyTokenStore: () => ParserServices.TokenStore
   defineTemplateBodyVisitor?: (
     templateBodyVisitor: TemplateListener,
-    scriptVisitor?: eslint.Rule.RuleListener
+    scriptVisitor?: eslint.Rule.RuleListener,
+    options?: {
+      templateBodyTriggerSelector: 'Program' | 'Program:exit'
+    }
   ) => eslint.Rule.RuleListener
   getDocumentFragment?: () => VAST.VDocumentFragment | null
 }

From 2eafd04146bf6e58284678fe2b623b818d0ee064 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Jul 2021 19:58:00 +0900
Subject: [PATCH 0303/1010] Update `vue/no-mutating-props` rule to support
 `<script setup>` (#1531)

---
 lib/rules/no-mutating-props.js                | 122 ++++---
 lib/utils/index.js                            | 298 ++++++++++++------
 tests/lib/rules/no-mutating-props.js          |  86 +++++
 typings/eslint-plugin-vue/util-types/utils.ts |  57 ++++
 4 files changed, 430 insertions(+), 133 deletions(-)

diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index b8eeb17e4..c4c8bf236 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -26,9 +26,9 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @type {Map<ObjectExpression, Set<string>>} */
+    /** @type {Map<ObjectExpression|CallExpression, Set<string>>} */
     const propsMap = new Map()
-    /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression } | null } */
+    /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression } | { type: 'setup', object: CallExpression } | null } */
     let vueObjectData = null
 
     /**
@@ -123,7 +123,7 @@ module.exports = {
      * @param {string[]} path
      * @returns {Generator<{ node: Identifier, path: string[] }>}
      */
-    function* iterateParamProperties(param, path) {
+    function* iteratePatternProperties(param, path) {
       if (!param) {
         return
       }
@@ -133,28 +133,94 @@ module.exports = {
           path
         }
       } else if (param.type === 'RestElement') {
-        yield* iterateParamProperties(param.argument, path)
+        yield* iteratePatternProperties(param.argument, path)
       } else if (param.type === 'AssignmentPattern') {
-        yield* iterateParamProperties(param.left, path)
+        yield* iteratePatternProperties(param.left, path)
       } else if (param.type === 'ObjectPattern') {
         for (const prop of param.properties) {
           if (prop.type === 'Property') {
             const name = getPropertyNameText(prop)
-            yield* iterateParamProperties(prop.value, [...path, name])
+            yield* iteratePatternProperties(prop.value, [...path, name])
           } else if (prop.type === 'RestElement') {
-            yield* iterateParamProperties(prop.argument, path)
+            yield* iteratePatternProperties(prop.argument, path)
           }
         }
       } else if (param.type === 'ArrayPattern') {
         for (let index = 0; index < param.elements.length; index++) {
           const element = param.elements[index]
-          yield* iterateParamProperties(element, [...path, `${index}`])
+          yield* iteratePatternProperties(element, [...path, `${index}`])
         }
       }
     }
 
-    return Object.assign(
+    /**
+     * @param {Identifier} prop
+     * @param {string[]} path
+     */
+    function verifyPropVariable(prop, path) {
+      const variable = findVariable(context.getScope(), prop)
+      if (!variable) {
+        return
+      }
+
+      for (const reference of variable.references) {
+        if (!reference.isRead()) {
+          continue
+        }
+        const id = reference.identifier
+
+        const invalid = utils.findMutating(id)
+        if (!invalid) {
+          continue
+        }
+        let name
+        if (path.length === 0) {
+          if (invalid.pathNodes.length === 0) {
+            continue
+          }
+          const mem = invalid.pathNodes[0]
+          name = getPropertyNameText(mem)
+        } else {
+          if (invalid.pathNodes.length === 0 && invalid.kind !== 'call') {
+            continue
+          }
+          name = path[0]
+        }
+
+        report(invalid.node, name)
+      }
+    }
+
+    return utils.compositingVisitors(
       {},
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          const propsSet = new Set(
+            props.map((p) => p.propName).filter(utils.isDef)
+          )
+          propsMap.set(node, propsSet)
+          vueObjectData = {
+            type: 'setup',
+            object: node
+          }
+
+          if (
+            !node.parent ||
+            node.parent.type !== 'VariableDeclarator' ||
+            node.parent.init !== node
+          ) {
+            return
+          }
+
+          for (const { node: prop, path } of iteratePatternProperties(
+            node.parent.id,
+            []
+          )) {
+            verifyPropVariable(prop, path)
+            propsSet.add(prop.name)
+          }
+        }
+      }),
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
           propsMap.set(
@@ -169,7 +235,9 @@ module.exports = {
         },
         onVueObjectExit(node, { type }) {
           if (
-            (!vueObjectData || vueObjectData.type !== 'export') &&
+            (!vueObjectData ||
+              (vueObjectData.type !== 'export' &&
+                vueObjectData.type !== 'setup')) &&
             type !== 'instance'
           ) {
             vueObjectData = {
@@ -191,41 +259,11 @@ module.exports = {
             // cannot check
             return
           }
-          for (const { node: prop, path } of iterateParamProperties(
+          for (const { node: prop, path } of iteratePatternProperties(
             propsParam,
             []
           )) {
-            const variable = findVariable(context.getScope(), prop)
-            if (!variable) {
-              continue
-            }
-
-            for (const reference of variable.references) {
-              if (!reference.isRead()) {
-                continue
-              }
-              const id = reference.identifier
-
-              const invalid = utils.findMutating(id)
-              if (!invalid) {
-                continue
-              }
-              let name
-              if (path.length === 0) {
-                if (invalid.pathNodes.length === 0) {
-                  continue
-                }
-                const mem = invalid.pathNodes[0]
-                name = getPropertyNameText(mem)
-              } else {
-                if (invalid.pathNodes.length === 0 && invalid.kind !== 'call') {
-                  continue
-                }
-                name = path[0]
-              }
-
-              report(invalid.node, name)
-            }
+            verifyPropVariable(prop, path)
           }
         },
         /** @param {(Identifier | ThisExpression) & { parent: MemberExpression } } node */
diff --git a/lib/utils/index.js b/lib/utils/index.js
index bfe786aa3..a02bcd6ff 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -12,37 +12,8 @@
  * @typedef {import('eslint').Rule.CodePathSegment} CodePathSegment
  */
 /**
- * @typedef {object} ComponentArrayPropDetectName
- * @property {'array'} type
- * @property {Literal | TemplateLiteral} key
- * @property {string} propName
- * @property {null} value
- * @property {Expression | SpreadElement} node
- *
- * @typedef {object} ComponentArrayPropUnknownName
- * @property {'array'} type
- * @property {null} key
- * @property {null} propName
- * @property {null} value
- * @property {Expression | SpreadElement} node
- *
- * @typedef {ComponentArrayPropDetectName | ComponentArrayPropUnknownName} ComponentArrayProp
- *
- * @typedef {object} ComponentObjectPropDetectName
- * @property {'object'} type
- * @property {Expression} key
- * @property {string} propName
- * @property {Expression} value
- * @property {Property} node
- *
- * @typedef {object} ComponentObjectPropUnknownName
- * @property {'object'} type
- * @property {null} key
- * @property {null} propName
- * @property {Expression} value
- * @property {Property} node
- *
- * @typedef {ComponentObjectPropDetectName | ComponentObjectPropUnknownName} ComponentObjectProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectProp} ComponentObjectProp
  */
 /**
  * @typedef {object} ComponentArrayEmitDetectName
@@ -90,6 +61,7 @@
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').VueObjectType} VueObjectType
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').VueObjectData} VueObjectData
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').VueVisitor} VueVisitor
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ScriptSetupVisitor} ScriptSetupVisitor
  */
 
 // ------------------------------------------------------------------------------
@@ -767,49 +739,7 @@ module.exports = {
       return []
     }
 
-    if (propsNode.value.type === 'ObjectExpression') {
-      return propsNode.value.properties.filter(isProperty).map((prop) => {
-        const propName = getStaticPropertyName(prop)
-        if (propName != null) {
-          return {
-            type: 'object',
-            key: prop.key,
-            propName,
-            value: skipTSAsExpression(prop.value),
-            node: prop
-          }
-        }
-        return {
-          type: 'object',
-          key: null,
-          propName: null,
-          value: skipTSAsExpression(prop.value),
-          node: prop
-        }
-      })
-    } else {
-      return propsNode.value.elements.filter(isDef).map((prop) => {
-        if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
-          const propName = getStringLiteralValue(prop)
-          if (propName != null) {
-            return {
-              type: 'array',
-              key: prop,
-              propName,
-              value: null,
-              node: prop
-            }
-          }
-        }
-        return {
-          type: 'array',
-          key: null,
-          propName: null,
-          value: null,
-          node: prop
-        }
-      })
-    }
+    return getComponentPropsFromDefine(propsNode.value)
   },
 
   /**
@@ -975,23 +905,7 @@ module.exports = {
    * Checks whether the current file is uses `<script setup>`
    * @param {RuleContext} context The ESLint rule context object.
    */
-  isScriptSetup(context) {
-    const df =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
-    if (!df) {
-      return false
-    }
-    const scripts = df.children
-      .filter(isVElement)
-      .filter((e) => e.name === 'script')
-    if (scripts.length === 2) {
-      return scripts.some((e) => hasAttribute(e, 'setup'))
-    } else {
-      const script = scripts[0]
-      return script && hasAttribute(script, 'setup')
-    }
-  },
+  isScriptSetup,
 
   /**
    * Check if current file is a Vue instance or component and call callback
@@ -1106,6 +1020,115 @@ module.exports = {
     return vueVisitor
   },
 
+  /**
+   * Define handlers to traverse the AST nodes in `<script setup>`.
+   * Some special events are available to visitor.
+   *
+   * - `onDefinePropsEnter` ... Event when defineProps is found.
+   * - `onDefinePropsExit` ... Event when defineProps visit ends.
+   *
+   * @param {RuleContext} context The ESLint rule context object.
+   * @param {ScriptSetupVisitor} visitor The visitor to traverse the AST nodes.
+   */
+  defineScriptSetupVisitor(context, visitor) {
+    const scriptSetup = getScriptSetupElement(context)
+    if (scriptSetup == null) {
+      return {}
+    }
+    const scriptSetupRange = scriptSetup.range
+
+    /**
+     * @param {ESNode} node
+     */
+    function inScriptSetup(node) {
+      return (
+        scriptSetupRange[0] <= node.range[0] &&
+        node.range[1] <= scriptSetupRange[1]
+      )
+    }
+    /**
+     * @param {string} key
+     * @param {ESNode} node
+     * @param {any[]} args
+     */
+    function callVisitor(key, node, ...args) {
+      if (visitor[key]) {
+        if (inScriptSetup(node)) {
+          // @ts-expect-error
+          visitor[key](node, ...args)
+        }
+      }
+    }
+
+    /** @type {NodeListener} */
+    const scriptSetupVisitor = {}
+    for (const key in visitor) {
+      scriptSetupVisitor[key] = (node) => callVisitor(key, node)
+    }
+
+    /**
+     * @param {ESNode} node
+     * @returns {ObjectExpression | ArrayExpression | null}
+     */
+    function getObjectOrArray(node) {
+      if (node.type === 'ObjectExpression') {
+        return node
+      }
+      if (node.type === 'ArrayExpression') {
+        return node
+      }
+      if (node.type === 'Identifier') {
+        const variable = findVariable(context.getScope(), node)
+
+        if (variable != null && variable.defs.length === 1) {
+          const def = variable.defs[0]
+          if (
+            def.type === 'Variable' &&
+            def.parent.kind === 'const' &&
+            def.node.id.type === 'Identifier' &&
+            def.node.init
+          ) {
+            return getObjectOrArray(def.node.init)
+          }
+        }
+      }
+      return null
+    }
+
+    const definePropsMap = new Map()
+    /**
+     * @param {CallExpression} node
+     */
+    scriptSetupVisitor.CallExpression = (node) => {
+      if (
+        inScriptSetup(node) &&
+        node.callee.type === 'Identifier' &&
+        node.callee.name === 'defineProps'
+      ) {
+        /** @type {(ComponentArrayProp | ComponentObjectProp)[]} */
+        let props = []
+        if (node.arguments.length >= 1) {
+          const defNode = getObjectOrArray(node.arguments[0])
+          if (defNode) {
+            props = getComponentPropsFromDefine(defNode)
+          }
+        }
+        definePropsMap.set(node, props)
+        callVisitor('onDefinePropsEnter', node, props)
+      }
+      callVisitor('CallExpression', node)
+    }
+    scriptSetupVisitor['CallExpression:exit'] = (node) => {
+      callVisitor('CallExpression:exit', node)
+      if (definePropsMap.has(node)) {
+        callVisitor('onDefinePropsExit', node, definePropsMap.get(node))
+        definePropsMap.delete(node)
+      }
+    }
+
+    return scriptSetupVisitor
+  },
+
   getVueObjectType,
   /**
    * Get the Vue component definition type from given node
@@ -1974,6 +1997,39 @@ function isVueFile(path) {
   return path.endsWith('.vue') || path.endsWith('.jsx')
 }
 
+/**
+ * Checks whether the current file is uses `<script setup>`
+ * @param {RuleContext} context The ESLint rule context object.
+ */
+function isScriptSetup(context) {
+  return Boolean(getScriptSetupElement(context))
+}
+/**
+ * Gets the element of `<script setup>`
+ * @param {RuleContext} context The ESLint rule context object.
+ * @returns {VElement | null} the element of `<script setup>`
+ */
+function getScriptSetupElement(context) {
+  const df =
+    context.parserServices.getDocumentFragment &&
+    context.parserServices.getDocumentFragment()
+  if (!df) {
+    return null
+  }
+  const scripts = df.children
+    .filter(isVElement)
+    .filter((e) => e.name === 'script')
+  if (scripts.length === 2) {
+    return scripts.find((e) => hasAttribute(e, 'setup')) || null
+  } else {
+    const script = scripts[0]
+    if (script && hasAttribute(script, 'setup')) {
+      return script
+    }
+  }
+  return null
+}
+
 /**
  * Check whether the given node is a Vue component based
  * on the filename and default export type
@@ -2100,6 +2156,15 @@ function getVueObjectType(context, node) {
       isVueComponentFile(parent, filePath) &&
       skipTSAsExpression(parent.declaration) === node
     ) {
+      const scriptSetup = getScriptSetupElement(context)
+      if (
+        scriptSetup &&
+        scriptSetup.range[0] <= parent.range[0] &&
+        parent.range[1] <= scriptSetup.range[1]
+      ) {
+        // `export default` in `<script setup>`
+        return null
+      }
       return 'export'
     }
   } else if (parent.type === 'CallExpression') {
@@ -2264,3 +2329,54 @@ function hasAttribute(node, name, value) {
 function hasDirective(node, name, argument) {
   return Boolean(getDirective(node, name, argument))
 }
+
+/**
+ * Get all props by looking at all component's properties
+ * @param {ObjectExpression|ArrayExpression} propsNode Object with props definition
+ * @return {(ComponentArrayProp | ComponentObjectProp)[]} Array of component props in format: [{key?: String, value?: ASTNode, node: ASTNod}]
+ */
+function getComponentPropsFromDefine(propsNode) {
+  if (propsNode.type === 'ObjectExpression') {
+    return propsNode.properties.filter(isProperty).map((prop) => {
+      const propName = getStaticPropertyName(prop)
+      if (propName != null) {
+        return {
+          type: 'object',
+          key: prop.key,
+          propName,
+          value: skipTSAsExpression(prop.value),
+          node: prop
+        }
+      }
+      return {
+        type: 'object',
+        key: null,
+        propName: null,
+        value: skipTSAsExpression(prop.value),
+        node: prop
+      }
+    })
+  } else {
+    return propsNode.elements.filter(isDef).map((prop) => {
+      if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+        const propName = getStringLiteralValue(prop)
+        if (propName != null) {
+          return {
+            type: 'array',
+            key: prop,
+            propName,
+            value: null,
+            node: prop
+          }
+        }
+      }
+      return {
+        type: 'array',
+        key: null,
+        propName: null,
+        value: null,
+        node: prop
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index e46ae0fd2..210954a8e 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -291,6 +291,33 @@ ruleTester.run('no-mutating-props', rule, {
           }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        // not <script setup>
+        const {value} = defineProps({
+          value: Object,
+        })
+        value.value++
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        // not <script setup>
+        const {value} = defineProps({
+          value: Object,
+        })
+        value.value++
+        </script>
+        <script setup>
+        value.value++
+        </script>
+      `
     }
   ],
 
@@ -698,6 +725,65 @@ ruleTester.run('no-mutating-props', rule, {
         </script>
       `,
       errors: ['Unexpected mutation of "[a]" prop.']
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <input v-model="value">
+          <input v-model="props.value">
+        </template>
+        <script setup>
+        const props = defineProps({
+          value: String,
+        })
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "value" prop.',
+          line: 3
+        },
+        {
+          message: 'Unexpected mutation of "props" prop.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+        const props = defineProps({
+          value: String,
+        })
+        props.value++
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "value" prop.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+        const {value} = defineProps({
+          value: Object,
+        })
+        value.value++
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "value" prop.',
+          line: 6
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index 6888e9a41..e1633eb5d 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -27,3 +27,60 @@ export interface VueVisitor extends VueVisitorBase {
     | ((node: VAST.ParamNode, obj: VueObjectData) => void)
     | undefined
 }
+
+type ScriptSetupVisitorBase = {
+  [T in keyof NodeListenerMap]?: (node: NodeListenerMap[T]) => void
+}
+export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
+  onDefinePropsEnter?(
+    node: CallExpression,
+    props: (ComponentArrayProp | ComponentObjectProp)[]
+  ): void
+  onDefinePropsExit?(
+    node: CallExpression,
+    props: (ComponentArrayProp | ComponentObjectProp)[]
+  ): void
+  [query: string]:
+    | ((node: VAST.ParamNode) => void)
+    | ((
+        node: CallExpression,
+        props: (ComponentArrayProp | ComponentObjectProp)[]
+      ) => void)
+    | undefined
+}
+
+type ComponentArrayPropDetectName = {
+  type: 'array'
+  key: Literal | TemplateLiteral
+  propName: string
+  value: null
+  node: Expression | SpreadElement
+}
+type ComponentArrayPropUnknownName = {
+  type: 'array'
+  key: null
+  propName: null
+  value: null
+  node: Expression | SpreadElement
+}
+export type ComponentArrayProp =
+  | ComponentArrayPropDetectName
+  | ComponentArrayPropUnknownName
+
+type ComponentObjectPropDetectName = {
+  type: 'object'
+  key: Expression
+  propName: string
+  value: Expression
+  node: Property
+}
+type ComponentObjectPropUnknownName = {
+  type: 'object'
+  key: null
+  propName: null
+  value: Expression
+  node: Property
+}
+export type ComponentObjectProp =
+  | ComponentObjectPropDetectName
+  | ComponentObjectPropUnknownName

From ffb85b3dfb166242053467230f861aa1f3fc90ef Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Jul 2021 23:53:48 +0900
Subject: [PATCH 0304/1010] Fix false negatives for with `withDefaults` in
 `vue/no-mutating-props` rule. (#1537)

---
 lib/rules/no-mutating-props.js       | 19 +++++++++++++++----
 tests/lib/rules/no-mutating-props.js | 20 ++++++++++++++++++++
 2 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index c4c8bf236..70559026b 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -204,16 +204,27 @@ module.exports = {
             object: node
           }
 
+          let target = node
           if (
-            !node.parent ||
-            node.parent.type !== 'VariableDeclarator' ||
-            node.parent.init !== node
+            target.parent &&
+            target.parent.type === 'CallExpression' &&
+            target.parent.arguments[0] === target &&
+            target.parent.callee.type === 'Identifier' &&
+            target.parent.callee.name === 'withDefaults'
+          ) {
+            target = target.parent
+          }
+
+          if (
+            !target.parent ||
+            target.parent.type !== 'VariableDeclarator' ||
+            target.parent.init !== target
           ) {
             return
           }
 
           for (const { node: prop, path } of iteratePatternProperties(
-            node.parent.id,
+            target.parent.id,
             []
           )) {
             verifyPropVariable(prop, path)
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 210954a8e..2dcc68c5b 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -784,6 +784,26 @@ ruleTester.run('no-mutating-props', rule, {
           line: 6
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const props = withDefaults(defineProps<Props>(), {
+          msg: 'hello'
+        })
+        props.value++
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Unexpected mutation of "value" prop.',
+          line: 6
+        }
+      ]
     }
   ]
 })

From 11b207747f1b6cf96ffd815b443479b884b5796d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Jul 2021 23:57:20 +0900
Subject: [PATCH 0305/1010] Update `vue/no-reserved-keys` rule to support
 `<script setup>` (#1535)

* Update `vue/no-reserved-keys` rule to support `<script setup>`

* support type-only props

* update
---
 lib/rules/no-reserved-keys.js                 |  65 ++++--
 lib/utils/index.js                            |  12 +-
 lib/utils/ts-ast-utils.js                     | 194 ++++++++++++++++++
 tests/lib/rules/no-reserved-keys.js           |  91 +++++++-
 typings/eslint-plugin-vue/global.d.ts         |   3 +
 .../util-types/ast/es-ast.ts                  |   1 +
 .../util-types/ast/ts-ast.ts                  |  64 +++++-
 typings/eslint-plugin-vue/util-types/utils.ts |  15 +-
 8 files changed, 417 insertions(+), 28 deletions(-)
 create mode 100644 lib/utils/ts-ast-utils.js

diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index 38b4f410d..a9fce43ca 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -40,7 +40,12 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      reserved: "Key '{{name}}' is reserved.",
+      startsWithUnderscore:
+        "Keys starting with with '_' are reserved in '{{name}}' group."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -52,28 +57,44 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.executeOnVue(context, (obj) => {
-      const properties = utils.iterateProperties(obj, groups)
-      for (const o of properties) {
-        if (o.groupName === 'data' && o.name[0] === '_') {
-          context.report({
-            node: o.node,
-            message:
-              "Keys starting with with '_' are reserved in '{{name}}' group.",
-            data: {
-              name: o.name
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          for (const { propName, node } of props) {
+            if (propName && reservedKeys.has(propName)) {
+              context.report({
+                node,
+                messageId: 'reserved',
+                data: {
+                  name: propName
+                }
+              })
             }
-          })
-        } else if (reservedKeys.has(o.name)) {
-          context.report({
-            node: o.node,
-            message: "Key '{{name}}' is reserved.",
-            data: {
-              name: o.name
-            }
-          })
+          }
         }
-      }
-    })
+      }),
+      utils.executeOnVue(context, (obj) => {
+        const properties = utils.iterateProperties(obj, groups)
+        for (const o of properties) {
+          if (o.groupName === 'data' && o.name[0] === '_') {
+            context.report({
+              node: o.node,
+              messageId: 'startsWithUnderscore',
+              data: {
+                name: o.name
+              }
+            })
+          } else if (reservedKeys.has(o.name)) {
+            context.report({
+              node: o.node,
+              messageId: 'reserved',
+              data: {
+                name: o.name
+              }
+            })
+          }
+        }
+      })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index a02bcd6ff..5ecda2868 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -14,6 +14,7 @@
 /**
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
  */
 /**
  * @typedef {object} ComponentArrayEmitDetectName
@@ -81,6 +82,7 @@ const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const traverseNodes = vueEslintParser.AST.traverseNodes
 const { findVariable } = require('eslint-utils')
+const { getComponentPropsFromTypeDefine } = require('./ts-ast-utils')
 
 /**
  * @type { WeakMap<RuleContext, Token[]> }
@@ -1105,13 +1107,21 @@ module.exports = {
         node.callee.type === 'Identifier' &&
         node.callee.name === 'defineProps'
       ) {
-        /** @type {(ComponentArrayProp | ComponentObjectProp)[]} */
+        /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
         let props = []
         if (node.arguments.length >= 1) {
           const defNode = getObjectOrArray(node.arguments[0])
           if (defNode) {
             props = getComponentPropsFromDefine(defNode)
           }
+        } else if (
+          node.typeParameters &&
+          node.typeParameters.params.length >= 1
+        ) {
+          props = getComponentPropsFromTypeDefine(
+            context,
+            node.typeParameters.params[0]
+          )
         }
         definePropsMap.set(node, props)
         callVisitor('onDefinePropsEnter', node, props)
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
new file mode 100644
index 000000000..b88c06f87
--- /dev/null
+++ b/lib/utils/ts-ast-utils.js
@@ -0,0 +1,194 @@
+const { findVariable } = require('eslint-utils')
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSTypeLiteral
+ */
+/**
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
+ */
+
+module.exports = {
+  getComponentPropsFromTypeDefine
+}
+
+/**
+ * @param {TypeNode} node
+ * @returns {node is TSTypeLiteral}
+ */
+function isTSTypeLiteral(node) {
+  return node.type === 'TSTypeLiteral'
+}
+
+/**
+ * Get all props by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} propsNode Type with props definition
+ * @return {ComponentTypeProp[]} Array of component props
+ */
+function getComponentPropsFromTypeDefine(context, propsNode) {
+  /** @type {TSInterfaceBody | TSTypeLiteral|null} */
+  const defNode = resolveQualifiedType(context, propsNode, isTSTypeLiteral)
+  if (!defNode) {
+    return []
+  }
+  return [...extractRuntimeProps(context, defNode)]
+}
+
+/**
+ * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L1512
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TSTypeLiteral | TSInterfaceBody} node
+ * @returns {IterableIterator<ComponentTypeProp>}
+ */
+function* extractRuntimeProps(context, node) {
+  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
+  for (const m of members) {
+    if (
+      (m.type === 'TSPropertySignature' || m.type === 'TSMethodSignature') &&
+      m.key.type === 'Identifier'
+    ) {
+      let type
+      if (m.type === 'TSMethodSignature') {
+        type = ['Function']
+      } else if (m.typeAnnotation) {
+        type = inferRuntimeType(context, m.typeAnnotation.typeAnnotation)
+      }
+      yield {
+        type: 'type',
+        key: /** @type {Identifier} */ (m.key),
+        propName: m.key.name,
+        value: null,
+        node: /** @type {TSPropertySignature | TSMethodSignature} */ (m),
+
+        required: !m.optional,
+        types: type || [`null`]
+      }
+    }
+  }
+}
+
+/**
+ * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L425
+ *
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} node
+ * @param {(n: TypeNode)=> boolean } qualifier
+ */
+function resolveQualifiedType(context, node, qualifier) {
+  if (qualifier(node)) {
+    return node
+  }
+  if (node.type === 'TSTypeReference' && node.typeName.type === 'Identifier') {
+    const refName = node.typeName.name
+    const variable = findVariable(context.getScope(), refName)
+    if (variable && variable.defs.length === 1) {
+      const def = variable.defs[0]
+      if (def.node.type === 'TSInterfaceDeclaration') {
+        return /** @type {any} */ (def.node).body
+      }
+      if (def.node.type === 'TSTypeAliasDeclaration') {
+        const typeAnnotation = /** @type {any} */ (def.node).typeAnnotation
+        return qualifier(typeAnnotation) ? typeAnnotation : null
+      }
+    }
+  }
+}
+
+/**
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} node
+ * @param {Set<TypeNode>} [checked]
+ * @returns {string[]}
+ */
+function inferRuntimeType(context, node, checked = new Set()) {
+  switch (node.type) {
+    case 'TSStringKeyword':
+      return ['String']
+    case 'TSNumberKeyword':
+      return ['Number']
+    case 'TSBooleanKeyword':
+      return ['Boolean']
+    case 'TSObjectKeyword':
+      return ['Object']
+    case 'TSTypeLiteral':
+      return ['Object']
+    case 'TSFunctionType':
+      return ['Function']
+    case 'TSArrayType':
+    case 'TSTupleType':
+      return ['Array']
+
+    case 'TSLiteralType':
+      switch (node.literal.type) {
+        //@ts-ignore ?
+        case 'StringLiteral':
+          return ['String']
+        //@ts-ignore ?
+        case 'BooleanLiteral':
+          return ['Boolean']
+        //@ts-ignore ?
+        case 'NumericLiteral':
+        //@ts-ignore ?
+        // eslint-disable-next-line no-fallthrough
+        case 'BigIntLiteral':
+          return ['Number']
+        default:
+          return [`null`]
+      }
+
+    case 'TSTypeReference':
+      if (node.typeName.type === 'Identifier') {
+        const variable = findVariable(context.getScope(), node.typeName.name)
+        if (variable && variable.defs.length === 1) {
+          const def = variable.defs[0]
+          if (def.node.type === 'TSInterfaceDeclaration') {
+            return [`Object`]
+          }
+          if (def.node.type === 'TSTypeAliasDeclaration') {
+            const typeAnnotation = /** @type {any} */ (def.node).typeAnnotation
+            if (!checked.has(typeAnnotation)) {
+              checked.add(typeAnnotation)
+              return inferRuntimeType(context, typeAnnotation, checked)
+            }
+          }
+        }
+        switch (node.typeName.name) {
+          case 'Array':
+          case 'Function':
+          case 'Object':
+          case 'Set':
+          case 'Map':
+          case 'WeakSet':
+          case 'WeakMap':
+            return [node.typeName.name]
+          case 'Record':
+          case 'Partial':
+          case 'Readonly':
+          case 'Pick':
+          case 'Omit':
+          case 'Exclude':
+          case 'Extract':
+          case 'Required':
+          case 'InstanceType':
+            return ['Object']
+        }
+      }
+      return [`null`]
+
+    case 'TSUnionType':
+      const set = new Set()
+      for (const t of node.types) {
+        for (const tt of inferRuntimeType(context, t, checked)) {
+          set.add(tt)
+        }
+      }
+      return [...set]
+
+    case 'TSIntersectionType':
+      return ['Object']
+
+    default:
+      return [`null`] // no runtime check
+  }
+}
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index fdd5e01f4..49857cd51 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const semver = require('semver')
 const rule = require('../../../lib/rules/no-reserved-keys')
 const RuleTester = require('eslint').RuleTester
 
@@ -225,6 +226,94 @@ ruleTester.run('no-reserved-keys', rule, {
           line: 4
         }
       ]
-    }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineProps({
+          $el: String
+        })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6 },
+      errors: [
+        {
+          message: "Key '$el' is reserved.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        defineProps<{$el: string}>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 6,
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: "Key '$el' is reserved.",
+          line: 3
+        }
+      ]
+    },
+    ...(semver.lt(
+      require('@typescript-eslint/parser/package.json').version,
+      '4.0.0'
+    )
+      ? []
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+        interface Props {
+          $el: string
+        }
+        defineProps<Props>()
+      </script>
+      `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              ecmaVersion: 6,
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            errors: [
+              {
+                message: "Key '$el' is reserved.",
+                line: 4
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+        type A = {
+          $el: string
+        }
+        defineProps<A>()
+      </script>
+      `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              ecmaVersion: 6,
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            errors: [
+              {
+                message: "Key '$el' is reserved.",
+                line: 4
+              }
+            ]
+          }
+        ])
   ]
 })
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
index 5b185bb24..543eed56c 100644
--- a/typings/eslint-plugin-vue/global.d.ts
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -152,6 +152,9 @@ declare global {
   // ---- TS Nodes ----
 
   type TSAsExpression = VAST.TSAsExpression
+  type TSTypeParameterInstantiation = VAST.TSTypeParameterInstantiation
+  type TSPropertySignature = VAST.TSPropertySignature
+  type TSMethodSignature = VAST.TSMethodSignature
 
   // ---- JSX Nodes ----
 
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 1a2519a1a..26c433a2e 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -495,6 +495,7 @@ export interface CallExpression extends HasParentNode {
   callee: Expression | Super
   arguments: (Expression | SpreadElement)[]
   optional: boolean
+  typeParameters?: TS.TSTypeParameterInstantiation
 }
 export interface Super extends HasParentNode {
   type: 'Super'
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index 91319043b..ef68b4514 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -3,10 +3,70 @@
  */
 import { HasParentNode } from '../node'
 import * as ES from './es-ast'
-export type TSNode = TSAsExpression
+import { TSESTree } from '@typescript-eslint/types'
+export type TSNode =
+  | TSAsExpression
+  | TSTypeParameterInstantiation
+  | TSPropertySignature
+  | TSMethodSignatureBase
 
 export interface TSAsExpression extends HasParentNode {
   type: 'TSAsExpression'
   expression: ES.Expression
-  typeAnnotation: any;
+  typeAnnotation: any
+}
+
+export interface TSTypeParameterInstantiation extends HasParentNode {
+  type: 'TSTypeParameterInstantiation'
+  params: TSESTree.TypeNode[]
+}
+
+export type TSPropertySignature =
+  | TSPropertySignatureComputedName
+  | TSPropertySignatureNonComputedName
+interface TSPropertySignatureBase extends HasParentNode {
+  type: 'TSPropertySignature'
+  key: TSESTree.PropertyName
+  optional?: boolean
+  computed: boolean
+  typeAnnotation?: TSESTree.TSTypeAnnotation
+  initializer?: Expression
+  readonly?: boolean
+  static?: boolean
+  export?: boolean
+  accessibility?: TSESTree.Accessibility
+}
+interface TSPropertySignatureComputedName extends TSPropertySignatureBase {
+  key: TSESTree.PropertyNameComputed
+  computed: true
+}
+interface TSPropertySignatureNonComputedName extends TSPropertySignatureBase {
+  key: TSESTree.PropertyNameNonComputed
+  computed: false
+}
+
+export type TSMethodSignature =
+  | TSMethodSignatureComputedName
+  | TSMethodSignatureNonComputedName
+interface TSMethodSignatureBase extends HasParentNode {
+  type: 'TSMethodSignature'
+  key: TSESTree.PropertyName
+  computed: boolean
+  params: TSESTree.Parameter[]
+  optional?: boolean
+  returnType?: TSESTree.TSTypeAnnotation
+  readonly?: boolean
+  typeParameters?: TSESTree.TSTypeParameterDeclaration
+  accessibility?: TSESTree.Accessibility
+  export?: boolean
+  static?: boolean
+  kind: 'get' | 'method' | 'set'
+}
+interface TSMethodSignatureComputedName extends TSMethodSignatureBase {
+  key: TSESTree.PropertyNameComputed
+  computed: true
+}
+interface TSMethodSignatureNonComputedName extends TSMethodSignatureBase {
+  key: TSESTree.PropertyNameNonComputed
+  computed: false
 }
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index e1633eb5d..86e2648b3 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -34,11 +34,11 @@ type ScriptSetupVisitorBase = {
 export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
   onDefinePropsEnter?(
     node: CallExpression,
-    props: (ComponentArrayProp | ComponentObjectProp)[]
+    props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
   ): void
   onDefinePropsExit?(
     node: CallExpression,
-    props: (ComponentArrayProp | ComponentObjectProp)[]
+    props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
   ): void
   [query: string]:
     | ((node: VAST.ParamNode) => void)
@@ -84,3 +84,14 @@ type ComponentObjectPropUnknownName = {
 export type ComponentObjectProp =
   | ComponentObjectPropDetectName
   | ComponentObjectPropUnknownName
+
+export type ComponentTypeProp = {
+  type: 'type'
+  key: Identifier
+  propName: string
+  value: null
+  node: TSPropertySignature | TSMethodSignature
+
+  required: boolean
+  types: string[]
+}

From 2d4c49c961c83f05f593fcdbb1d1afe8d79a5443 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 00:04:18 +0900
Subject: [PATCH 0306/1010] Update `vue/no-async-in-computed-properties` rule
 to support `<script setup>` (#1533)

* Update `vue/no-async-in-computed-properties` rule to support `<script setup>`

* update
---
 lib/rules/no-async-in-computed-properties.js  | 152 +++++++------
 .../rules/no-async-in-computed-properties.js  | 202 ++++++++++++++++++
 2 files changed, 290 insertions(+), 64 deletions(-)

diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index b12fa3407..b405c0475 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -8,6 +8,7 @@ const utils = require('../utils')
 
 /**
  * @typedef {import('../utils').VueObjectData} VueObjectData
+ * @typedef {import('../utils').VueVisitor} VueVisitor
  * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
  */
 
@@ -97,11 +98,16 @@ module.exports = {
 
     /**
      * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
-     * @param {VueObjectData} data
+     * @param {VueObjectData|undefined} [info]
      */
-    function onFunctionEnter(node, { node: vueNode }) {
+    function onFunctionEnter(node, info) {
       if (node.async) {
-        verify(node, node.body, 'async', computedPropertiesMap.get(vueNode))
+        verify(
+          node,
+          node.body,
+          'async',
+          info ? computedPropertiesMap.get(info.node) : null
+        )
       }
 
       scopeStack = {
@@ -118,10 +124,10 @@ module.exports = {
      * @param {ESNode} node
      * @param {BlockStatement | Expression} targetBody
      * @param {keyof expressionTypes} type
-     * @param {ComponentComputedProperty[]} computedProperties
+     * @param {ComponentComputedProperty[]|undefined|null} computedProperties
      */
-    function verify(node, targetBody, type, computedProperties = []) {
-      for (const cp of computedProperties) {
+    function verify(node, targetBody, type, computedProperties) {
+      for (const cp of computedProperties || []) {
         if (
           cp.value &&
           node.loc.start.line >= cp.value.loc.start.line &&
@@ -158,7 +164,74 @@ module.exports = {
         }
       }
     }
-    return Object.assign(
+    const nodeVisitor = {
+      ':function': onFunctionEnter,
+      ':function:exit': onFunctionExit,
+
+      /**
+       * @param {NewExpression} node
+       * @param {VueObjectData|undefined} [info]
+       */
+      NewExpression(node, info) {
+        if (!scopeStack) {
+          return
+        }
+        if (
+          node.callee.type === 'Identifier' &&
+          node.callee.name === 'Promise'
+        ) {
+          verify(
+            node,
+            scopeStack.body,
+            'new',
+            info ? computedPropertiesMap.get(info.node) : null
+          )
+        }
+      },
+
+      /**
+       * @param {CallExpression} node
+       * @param {VueObjectData|undefined} [info]
+       */
+      CallExpression(node, info) {
+        if (!scopeStack) {
+          return
+        }
+        if (isPromise(node)) {
+          verify(
+            node,
+            scopeStack.body,
+            'promise',
+            info ? computedPropertiesMap.get(info.node) : null
+          )
+        } else if (isTimedFunction(node)) {
+          verify(
+            node,
+            scopeStack.body,
+            'timed',
+            info ? computedPropertiesMap.get(info.node) : null
+          )
+        }
+      },
+
+      /**
+       * @param {AwaitExpression} node
+       * @param {VueObjectData|undefined} [info]
+       */
+      AwaitExpression(node, info) {
+        if (!scopeStack) {
+          return
+        }
+        verify(
+          node,
+          scopeStack.body,
+          'await',
+          info ? computedPropertiesMap.get(info.node) : null
+        )
+      }
+    }
+
+    return utils.compositingVisitors(
       {
         Program() {
           const tracker = new ReferenceTracker(context.getScope())
@@ -181,63 +254,14 @@ module.exports = {
           }
         }
       },
-      utils.defineVueVisitor(context, {
-        onVueObjectEnter(node) {
-          computedPropertiesMap.set(node, utils.getComputedProperties(node))
-        },
-        ':function': onFunctionEnter,
-        ':function:exit': onFunctionExit,
-
-        NewExpression(node, { node: vueNode }) {
-          if (!scopeStack) {
-            return
-          }
-          if (
-            node.callee.type === 'Identifier' &&
-            node.callee.name === 'Promise'
-          ) {
-            verify(
-              node,
-              scopeStack.body,
-              'new',
-              computedPropertiesMap.get(vueNode)
-            )
-          }
-        },
-
-        CallExpression(node, { node: vueNode }) {
-          if (!scopeStack) {
-            return
-          }
-          if (isPromise(node)) {
-            verify(
-              node,
-              scopeStack.body,
-              'promise',
-              computedPropertiesMap.get(vueNode)
-            )
-          } else if (isTimedFunction(node)) {
-            verify(
-              node,
-              scopeStack.body,
-              'timed',
-              computedPropertiesMap.get(vueNode)
-            )
-          }
-        },
-
-        AwaitExpression(node, { node: vueNode }) {
-          if (!scopeStack) {
-            return
-          }
-          verify(
-            node,
-            scopeStack.body,
-            'await',
-            computedPropertiesMap.get(vueNode)
-          )
-        }
-      })
+      utils.isScriptSetup(context)
+        ? utils.defineScriptSetupVisitor(context, nodeVisitor)
+        : utils.defineVueVisitor(context, {
+            onVueObjectEnter(node) {
+              computedPropertiesMap.set(node, utils.getComputedProperties(node))
+            },
+            ...nodeVisitor
+          })
     )
   }
 }
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index 2a15712cf..c54b833af 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -15,6 +15,7 @@ const parserOptions = {
   ecmaVersion: 2020,
   sourceType: 'module'
 }
+const parser = require.resolve('vue-eslint-parser')
 
 // ------------------------------------------------------------------------------
 // Tests
@@ -920,6 +921,207 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           line: 5
         }
       ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {computed} from 'vue'
+      const test1 = computed(async () => {
+        return await someFunc()
+      })
+      const test2 = computed(async () => await someFunc())
+      const test3 = computed(async function () {
+        return await someFunc()
+      })
+      </script>
+      `,
+      parser,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 4
+        },
+        {
+          message: 'Unexpected await operator in computed function.',
+          line: 5
+        },
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 7
+        },
+        {
+          message: 'Unexpected await operator in computed function.',
+          line: 7
+        },
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 8
+        },
+        {
+          message: 'Unexpected await operator in computed function.',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {computed} from 'vue'
+      const test = computed(async () => {
+        return new Promise((resolve, reject) => {})
+      })
+      </script>
+      `,
+      parser,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 4
+        },
+        {
+          message: 'Unexpected Promise object in computed function.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {computed} from 'vue'
+      const test1 = computed(() => {
+        return bar.then(response => {})
+      })
+      const test2 = computed(() => {
+        return Promise.all([])
+      })
+      </script>
+      `,
+      parser,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 5
+        },
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {computed} from 'vue'
+      const test1 = computed({
+        get: () => {
+          return Promise.resolve([])
+        }
+      })
+      const test2 = computed({
+        get() {
+          return Promise.resolve([])
+        }
+      })
+      </script>
+      `,
+      parser,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 6
+        },
+        {
+          message: 'Unexpected asynchronous action in computed function.',
+          line: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {computed} from 'vue'
+      const test = computed(() => {
+        setTimeout(() => { }, 0)
+        window.setTimeout(() => { }, 0)
+        setInterval(() => { }, 0)
+        window.setInterval(() => { }, 0)
+        setImmediate(() => { })
+        window.setImmediate(() => { })
+        requestAnimationFrame(() => {})
+        window.requestAnimationFrame(() => {})
+      })
+      </script>
+      `,
+      parser,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 5
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 6
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 7
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 8
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 9
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 10
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 11
+        },
+        {
+          message: 'Unexpected timed function in computed function.',
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {computed} from 'vue'
+      const test = computed(async () => {
+        bar()
+      })
+      </script>
+      `,
+      parser,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in computed function.',
+          line: 4
+        }
+      ]
     }
   ]
 })

From 4442509566399f66ce36bf8a4fca4b553b5e1d3f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 00:04:35 +0900
Subject: [PATCH 0307/1010] Update `vue/no-side-effects-in-computed-properties`
 rule to support `<script setup>` (#1534)

---
 .../no-side-effects-in-computed-properties.js | 237 +++++++++---------
 lib/utils/index.js                            |   6 +
 .../no-side-effects-in-computed-properties.js | 135 ++++++++++
 3 files changed, 262 insertions(+), 116 deletions(-)

diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 54ededbdb..a0d508014 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -8,6 +8,7 @@ const utils = require('../utils')
 
 /**
  * @typedef {import('../utils').VueObjectData} VueObjectData
+ * @typedef {import('../utils').VueVisitor} VueVisitor
  * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
  */
 
@@ -32,8 +33,8 @@ module.exports = {
     const computedPropertiesMap = new Map()
     /** @type {Array<FunctionExpression | ArrowFunctionExpression>} */
     const computedCallNodes = []
-    /** @type {Array<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration>} */
-    const setupFunctions = []
+    /** @type {[number, number][]} */
+    const setupRanges = []
 
     /**
      * @typedef {object} ScopeStack
@@ -57,7 +58,114 @@ module.exports = {
       scopeStack = scopeStack && scopeStack.upper
     }
 
-    return Object.assign(
+    const nodeVisitor = {
+      ':function': onFunctionEnter,
+      ':function:exit': onFunctionExit,
+
+      /**
+       * @param {(Identifier | ThisExpression) & {parent: MemberExpression}} node
+       * @param {VueObjectData|undefined} [info]
+       */
+      'MemberExpression > :matches(Identifier, ThisExpression)'(node, info) {
+        if (!scopeStack) {
+          return
+        }
+        const targetBody = scopeStack.body
+
+        const computedProperty = (
+          info ? computedPropertiesMap.get(info.node) || [] : []
+        ).find((cp) => {
+          return (
+            cp.value &&
+            cp.value.range[0] <= node.range[0] &&
+            node.range[1] <= cp.value.range[1] &&
+            targetBody === cp.value
+          )
+        })
+        if (computedProperty) {
+          if (!utils.isThis(node, context)) {
+            return
+          }
+          const mem = node.parent
+          if (mem.object !== node) {
+            return
+          }
+
+          const invalid = utils.findMutating(mem)
+          if (invalid) {
+            context.report({
+              node: invalid.node,
+              message: 'Unexpected side effect in "{{key}}" computed property.',
+              data: { key: computedProperty.key || 'Unknown' }
+            })
+          }
+          return
+        }
+
+        // ignore `this` for computed functions
+        if (node.type === 'ThisExpression') {
+          return
+        }
+
+        const computedFunction = computedCallNodes.find(
+          (c) =>
+            c.range[0] <= node.range[0] &&
+            node.range[1] <= c.range[1] &&
+            targetBody === c.body
+        )
+        if (!computedFunction) {
+          return
+        }
+
+        const mem = node.parent
+        if (mem.object !== node) {
+          return
+        }
+
+        const variable = findVariable(context.getScope(), node)
+        if (!variable || variable.defs.length !== 1) {
+          return
+        }
+
+        const def = variable.defs[0]
+        if (
+          def.type === 'ImplicitGlobalVariable' ||
+          def.type === 'TDZ' ||
+          def.type === 'ImportBinding'
+        ) {
+          return
+        }
+
+        const isDeclaredInsideSetup = setupRanges.some(
+          ([start, end]) =>
+            start <= def.node.range[0] && def.node.range[1] <= end
+        )
+        if (!isDeclaredInsideSetup) {
+          return
+        }
+
+        if (
+          computedFunction.range[0] <= def.node.range[0] &&
+          def.node.range[1] <= computedFunction.range[1]
+        ) {
+          // mutating local variables are accepted
+          return
+        }
+
+        const invalid = utils.findMutating(node)
+        if (invalid) {
+          context.report({
+            node: invalid.node,
+            message: 'Unexpected side effect in computed function.'
+          })
+        }
+      }
+    }
+    const scriptSetupNode = utils.getScriptSetupElement(context)
+    if (scriptSetupNode) {
+      setupRanges.push(scriptSetupNode.range)
+    }
+    return utils.compositingVisitors(
       {
         Program() {
           const tracker = new ReferenceTracker(context.getScope())
@@ -80,120 +188,17 @@ module.exports = {
           }
         }
       },
-      utils.defineVueVisitor(context, {
-        onVueObjectEnter(node) {
-          computedPropertiesMap.set(node, utils.getComputedProperties(node))
-        },
-        ':function': onFunctionEnter,
-        ':function:exit': onFunctionExit,
-        onSetupFunctionEnter(node) {
-          setupFunctions.push(node)
-        },
-
-        /**
-         * @param {(Identifier | ThisExpression) & {parent: MemberExpression}} node
-         * @param {VueObjectData} data
-         */
-        'MemberExpression > :matches(Identifier, ThisExpression)'(
-          node,
-          { node: vueNode }
-        ) {
-          if (!scopeStack) {
-            return
-          }
-          const targetBody = scopeStack.body
-
-          const computedProperty = /** @type {ComponentComputedProperty[]} */ (
-            computedPropertiesMap.get(vueNode)
-          ).find((cp) => {
-            return (
-              cp.value &&
-              node.loc.start.line >= cp.value.loc.start.line &&
-              node.loc.end.line <= cp.value.loc.end.line &&
-              targetBody === cp.value
-            )
+      scriptSetupNode
+        ? utils.defineScriptSetupVisitor(context, nodeVisitor)
+        : utils.defineVueVisitor(context, {
+            onVueObjectEnter(node) {
+              computedPropertiesMap.set(node, utils.getComputedProperties(node))
+            },
+            onSetupFunctionEnter(node) {
+              setupRanges.push(node.body.range)
+            },
+            ...nodeVisitor
           })
-          if (computedProperty) {
-            if (!utils.isThis(node, context)) {
-              return
-            }
-            const mem = node.parent
-            if (mem.object !== node) {
-              return
-            }
-
-            const invalid = utils.findMutating(mem)
-            if (invalid) {
-              context.report({
-                node: invalid.node,
-                message:
-                  'Unexpected side effect in "{{key}}" computed property.',
-                data: { key: computedProperty.key || 'Unknown' }
-              })
-            }
-            return
-          }
-
-          // ignore `this` for computed functions
-          if (node.type === 'ThisExpression') {
-            return
-          }
-
-          const computedFunction = computedCallNodes.find(
-            (c) =>
-              node.loc.start.line >= c.loc.start.line &&
-              node.loc.end.line <= c.loc.end.line &&
-              targetBody === c.body
-          )
-          if (!computedFunction) {
-            return
-          }
-
-          const mem = node.parent
-          if (mem.object !== node) {
-            return
-          }
-
-          const variable = findVariable(context.getScope(), node)
-          if (!variable || variable.defs.length !== 1) {
-            return
-          }
-
-          const def = variable.defs[0]
-          if (
-            def.type === 'ImplicitGlobalVariable' ||
-            def.type === 'TDZ' ||
-            def.type === 'ImportBinding'
-          ) {
-            return
-          }
-
-          const isDeclaredInsideSetup = setupFunctions.some(
-            (setupFn) =>
-              def.node.loc.start.line >= setupFn.loc.start.line &&
-              def.node.loc.end.line <= setupFn.loc.end.line
-          )
-          if (!isDeclaredInsideSetup) {
-            return
-          }
-
-          if (
-            def.node.loc.start.line >= computedFunction.loc.start.line &&
-            def.node.loc.end.line <= computedFunction.loc.end.line
-          ) {
-            // mutating local variables are accepted
-            return
-          }
-
-          const invalid = utils.findMutating(node)
-          if (invalid) {
-            context.report({
-              node: invalid.node,
-              message: 'Unexpected side effect in computed function.'
-            })
-          }
-        }
-      })
     )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 5ecda2868..0e6bee93a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -908,6 +908,12 @@ module.exports = {
    * @param {RuleContext} context The ESLint rule context object.
    */
   isScriptSetup,
+  /**
+   * Gets the element of `<script setup>`
+   * @param {RuleContext} context The ESLint rule context object.
+   * @returns {VElement | null} the element of `<script setup>`
+   */
+  getScriptSetupElement,
 
   /**
    * Check if current file is a Vue instance or component and call callback
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 647910d4a..7c4aabe95 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -591,6 +591,141 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           message: 'Unexpected side effect in computed function.'
         }
       ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {ref, computed} from 'vue'
+      const foo = useFoo()
+      const asd = { qwe: {} }
+      function a () {}
+      class A {}
+
+      const test1 = computed(() => {
+        foo.firstName = 'lorem'
+        asd.qwe.zxc = 'lorem'
+        return foo.firstName + ' ' + foo.lastName
+      })
+      const test2 = computed(() => {
+        foo.count += 2;
+        foo.count++;
+        return foo.count;
+      })
+      const test3 = computed(() => foo.something.reverse())
+      const test4 = computed(() => {
+        const test = foo.another.something.push('example')
+        return 'something'
+      })
+      const test5 = computed(() => {
+        foo.something[index] = foo.thing[index]
+        return foo.something
+      })
+      const test6 = computed(() => foo.something.keys.sort())
+      const test7 = computed({
+        get() {
+          return foo.something.reverse()
+        }
+      })
+      const test8 = computed(() => {
+        a.name = ''
+      })
+      const test9 = computed(() => {
+        A.name = ''
+      })
+      const test10 = computed(() => (foo.a = '', true))
+
+      const test100 = computed(() => {
+        const a = foo
+        a.count++ // false negative
+      })
+      </script>
+      `,
+      errors: [
+        {
+          line: 10,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 11,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 15,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 16,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 19,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 21,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 25,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 28,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 31,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 35,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 38,
+          message: 'Unexpected side effect in computed function.'
+        },
+        {
+          line: 40,
+          message: 'Unexpected side effect in computed function.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {reactive, computed} from 'vue'
+      const arr = reactive([])
+
+      const test1 = computed(() => arr.reverse())
+      </script>
+      `,
+      errors: [
+        {
+          line: 6,
+          message: 'Unexpected side effect in computed function.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script lang="ts" setup>
+      import {ref, computed} from 'vue'
+      const foo = useFoo()
+
+      const test1 = computed(() => foo.something.reverse())
+      </script>
+      `,
+      errors: [
+        {
+          line: 6,
+          message: 'Unexpected side effect in computed function.'
+        }
+      ]
     }
   ]
 })

From 3262d93be9f318171457eb4a324467ea9b9d017d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 00:05:51 +0900
Subject: [PATCH 0308/1010] Upgrade parser (#1532)

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ded9cd558..df2f8fbf7 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.7.1"
+    "vue-eslint-parser": "^7.7.2"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
@@ -75,7 +75,7 @@
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
     "eslint4b": "^7.0.0",
-    "espree": "^8.0.0-0",
+    "espree": "^8.0.0",
     "lodash": "^4.17.15",
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",

From 774056c72c640f9517c8f88a88c1663dce37fdaa Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 08:31:57 +0900
Subject: [PATCH 0309/1010] Update `vue/require-prop-type-constructor` rule to
 support `<script setup>` (#1536)

* Update `vue/require-prop-type-constructor` rule to support `<script setup>`

* fix tsc error
---
 lib/rules/require-prop-type-constructor.js    | 24 ++++++-
 lib/utils/index.js                            | 67 ++++++++++---------
 .../rules/require-prop-type-constructor.js    | 30 +++++++++
 3 files changed, 85 insertions(+), 36 deletions(-)

diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index 0f94f0f2c..f22da8118 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -7,6 +7,12 @@
 const utils = require('../utils')
 const { isDef } = require('../utils')
 
+/**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -76,8 +82,9 @@ module.exports = {
         )
     }
 
-    return utils.executeOnVueComponent(context, (obj) => {
-      for (const prop of utils.getComponentProps(obj)) {
+    /** @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props */
+    function verifyProps(props) {
+      for (const prop of props) {
         if (!prop.value || prop.propName == null) {
           continue
         }
@@ -94,6 +101,17 @@ module.exports = {
           checkPropertyNode(prop.propName, typeProperty.value)
         }
       }
-    })
+    }
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          verifyProps(props)
+        }
+      }),
+      utils.executeOnVueComponent(context, (obj) => {
+        verifyProps(utils.getComponentProps(obj))
+      })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0e6bee93a..d259b486f 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1103,42 +1103,43 @@ module.exports = {
       return null
     }
 
-    const definePropsMap = new Map()
-    /**
-     * @param {CallExpression} node
-     */
-    scriptSetupVisitor.CallExpression = (node) => {
-      if (
-        inScriptSetup(node) &&
-        node.callee.type === 'Identifier' &&
-        node.callee.name === 'defineProps'
-      ) {
-        /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
-        let props = []
-        if (node.arguments.length >= 1) {
-          const defNode = getObjectOrArray(node.arguments[0])
-          if (defNode) {
-            props = getComponentPropsFromDefine(defNode)
-          }
-        } else if (
-          node.typeParameters &&
-          node.typeParameters.params.length >= 1
+    if (visitor.onDefinePropsEnter || visitor.onDefinePropsExit) {
+      const definePropsMap = new Map()
+      /**
+       * @param {CallExpression} node
+       */
+      scriptSetupVisitor.CallExpression = (node) => {
+        if (
+          inScriptSetup(node) &&
+          node.callee.type === 'Identifier' &&
+          node.callee.name === 'defineProps'
         ) {
-          props = getComponentPropsFromTypeDefine(
-            context,
-            node.typeParameters.params[0]
-          )
+          /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
+          let props = []
+          if (node.arguments.length >= 1) {
+            const defNode = getObjectOrArray(node.arguments[0])
+            if (defNode) {
+              props = getComponentPropsFromDefine(defNode)
+            }
+          } else if (
+            node.typeParameters &&
+            node.typeParameters.params.length >= 1
+          ) {
+            props = getComponentPropsFromTypeDefine(
+              context,
+              node.typeParameters.params[0]
+            )
+          }
+          callVisitor('onDefinePropsEnter', node, props)
         }
-        definePropsMap.set(node, props)
-        callVisitor('onDefinePropsEnter', node, props)
+        callVisitor('CallExpression', node)
       }
-      callVisitor('CallExpression', node)
-    }
-    scriptSetupVisitor['CallExpression:exit'] = (node) => {
-      callVisitor('CallExpression:exit', node)
-      if (definePropsMap.has(node)) {
-        callVisitor('onDefinePropsExit', node, definePropsMap.get(node))
-        definePropsMap.delete(node)
+      scriptSetupVisitor['CallExpression:exit'] = (node) => {
+        callVisitor('CallExpression:exit', node)
+        if (definePropsMap.has(node)) {
+          callVisitor('onDefinePropsExit', node, definePropsMap.get(node))
+          definePropsMap.delete(node)
+        }
       }
     }
 
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index 18ece4f55..452bb35aa 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -355,6 +355,36 @@ ruleTester.run('require-prop-type-constructor', rule, {
           line: 18
         }
       ]
+    },
+    {
+      filename: 'SomeComponent.vue',
+      code: `
+      <script setup>
+      defineProps({
+        a: {
+          type: 'String',
+          default: 'abc'
+        },
+      })
+      </script>
+      `,
+      output: `
+      <script setup>
+      defineProps({
+        a: {
+          type: String,
+          default: 'abc'
+        },
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: 'The "a" property should be a constructor.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From ee5ea4be9195d83df24f194310c0e4c226181e35 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 14:44:14 +0900
Subject: [PATCH 0310/1010] Update `vue/no-lifecycle-after-await` rule to
 support `<script setup>` (#1539)

---
 lib/rules/no-lifecycle-after-await.js         | 87 +++++++++++++------
 lib/utils/index.js                            | 27 +++++-
 tests/lib/rules/no-lifecycle-after-await.js   | 55 ++++++++++++
 typings/eslint-plugin-vue/util-types/utils.ts |  4 +
 4 files changed, 146 insertions(+), 27 deletions(-)

diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index 7688d5b70..aba61794d 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -41,26 +41,34 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     /**
-     * @typedef {object} SetupFunctionData
-     * @property {Property} setupProperty
+     * @typedef {object} SetupScopeData
      * @property {boolean} afterAwait
+     * @property {[number,number]} range
      */
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} functionNode
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
      */
     /** @type {Set<ESNode>} */
     const lifecycleHookCallNodes = new Set()
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, SetupFunctionData>} */
-    const setupFunctions = new Map()
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, SetupScopeData>} */
+    const setupScopes = new Map()
 
     /** @type {ScopeStack | null} */
     let scopeStack = null
 
-    return Object.assign(
+    return utils.compositingVisitors(
       {
-        Program() {
+        /**
+         * @param {Program} node
+         */
+        Program(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
+          }
+
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
             /** @type {TraceMap} */
@@ -77,37 +85,41 @@ module.exports = {
           for (const { node } of tracker.iterateEsmReferences(traceMap)) {
             lifecycleHookCallNodes.add(node)
           }
-        }
-      },
-      utils.defineVueVisitor(context, {
+        },
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         */
         ':function'(node) {
           scopeStack = {
             upper: scopeStack,
-            functionNode: node
+            scopeNode: node
           }
         },
-        onSetupFunctionEnter(node) {
-          setupFunctions.set(node, {
-            setupProperty: node.parent,
-            afterAwait: false
-          })
+        ':function:exit'() {
+          scopeStack = scopeStack && scopeStack.upper
         },
-        AwaitExpression() {
+        /** @param {AwaitExpression} node */
+        AwaitExpression(node) {
           if (!scopeStack) {
             return
           }
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (!setupScope || !utils.inRange(setupScope.range, node)) {
             return
           }
-          setupFunctionData.afterAwait = true
+          setupScope.afterAwait = true
         },
+        /** @param {CallExpression} node */
         CallExpression(node) {
           if (!scopeStack) {
             return
           }
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (
+            !setupScope ||
+            !setupScope.afterAwait ||
+            !utils.inRange(setupScope.range, node)
+          ) {
             return
           }
 
@@ -121,11 +133,34 @@ module.exports = {
               messageId: 'forbidden'
             })
           }
+        }
+      },
+      (() => {
+        const scriptSetup = utils.getScriptSetupElement(context)
+        if (!scriptSetup) {
+          return {}
+        }
+        return {
+          /**
+           * @param {Program} node
+           */
+          Program(node) {
+            setupScopes.set(node, {
+              afterAwait: false,
+              range: scriptSetup.range
+            })
+          }
+        }
+      })(),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range
+          })
         },
-        ':function:exit'(node) {
-          scopeStack = scopeStack && scopeStack.upper
-
-          setupFunctions.delete(node)
+        onSetupFunctionExit(node) {
+          setupScopes.delete(node)
         }
       })
     )
diff --git a/lib/utils/index.js b/lib/utils/index.js
index d259b486f..a75a212d8 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1003,7 +1003,12 @@ module.exports = {
         vueStack = vueStack.parent
       }
     }
-    if (visitor.onSetupFunctionEnter || visitor.onRenderFunctionEnter) {
+    if (
+      visitor.onSetupFunctionEnter ||
+      visitor.onSetupFunctionExit ||
+      visitor.onRenderFunctionEnter
+    ) {
+      const setups = new Set()
       /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property } } node */
       vueVisitor[
         'Property[value.type=/^(Arrow)?FunctionExpression$/] > :function'
@@ -1014,6 +1019,7 @@ module.exports = {
           const name = getStaticPropertyName(prop)
           if (name === 'setup') {
             callVisitor('onSetupFunctionEnter', node)
+            setups.add(node)
           } else if (name === 'render') {
             callVisitor('onRenderFunctionEnter', node)
           }
@@ -1023,6 +1029,17 @@ module.exports = {
           node
         )
       }
+      if (visitor.onSetupFunctionExit) {
+        /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property } } node */
+        vueVisitor[
+          'Property[value.type=/^(Arrow)?FunctionExpression$/] > :function:exit'
+        ] = (node) => {
+          if (setups.has(node)) {
+            callVisitor('onSetupFunctionExit', node)
+            setups.delete(node)
+          }
+        }
+      }
     }
 
     return vueVisitor
@@ -1511,6 +1528,14 @@ module.exports = {
     }
     return dp[alen][blen]
   },
+  /**
+   * Checks whether the target node is within the given range.
+   * @param { [number, number] } range
+   * @param {ASTNode} target
+   */
+  inRange(range, target) {
+    return range[0] <= target.range[0] && target.range[1] <= range[1]
+  },
   /**
    * Checks whether the given node is Property.
    */
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index 17dfada47..9fc17f3ab 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -106,6 +106,43 @@ tester.run('no-lifecycle-after-await', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {onMounted} from 'vue'
+      onMounted(() => { /* ... */ })
+      await doSomething()
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      await doSomething()
+      </script>
+      <script>
+      import {onMounted} from 'vue'
+      onMounted(() => { /* ... */ }) // not error
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      </script>
+      <script>
+      import {onMounted} from 'vue'
+      await doSomething()
+      onMounted(() => { /* ... */ }) // not error
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
@@ -224,6 +261,24 @@ tester.run('no-lifecycle-after-await', rule, {
           messageId: 'forbidden'
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {onMounted} from 'vue'
+      await doSomething()
+
+      onMounted(() => { /* ... */ }) // error
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 },
+      errors: [
+        {
+          messageId: 'forbidden',
+          line: 6
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index 86e2648b3..adece39a9 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -19,6 +19,10 @@ export interface VueVisitor extends VueVisitorBase {
     node: (FunctionExpression | ArrowFunctionExpression) & { parent: Property },
     obj: VueObjectData
   ): void
+  onSetupFunctionExit?(
+    node: (FunctionExpression | ArrowFunctionExpression) & { parent: Property },
+    obj: VueObjectData
+  ): void
   onRenderFunctionEnter?(
     node: (FunctionExpression | ArrowFunctionExpression) & { parent: Property },
     obj: VueObjectData

From edd22486525ea4c5e8cf0d3f56d78502f3662ed7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 18:48:59 +0900
Subject: [PATCH 0311/1010] Update `vue/require-valid-default-prop` rule to
 support `<script setup>` (#1538)

---
 lib/rules/require-valid-default-prop.js       | 301 ++++++++++++------
 lib/utils/index.js                            |  50 +++
 tests/lib/rules/require-valid-default-prop.js |  43 +++
 3 files changed, 292 insertions(+), 102 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index e40cad861..2b711b56c 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -9,6 +9,7 @@ const { capitalize } = require('../utils/casing')
 /**
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
@@ -88,18 +89,45 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     /**
-     * @typedef { { type: string, function: false } } StandardValueType
-     * @typedef { { type: 'Function', function: true, expression: true, functionBody: Expression, returnType: string | null } } FunctionExprValueType
-     * @typedef { { type: 'Function', function: true, expression: false, functionBody: BlockStatement, returnTypes: ReturnType[] } } FunctionValueType
+     * @typedef {object} StandardValueType
+     * @property {string} type
+     * @property {false} function
+     */
+    /**
+     * @typedef {object} FunctionExprValueType
+     * @property {'Function'} type
+     * @property {true} function
+     * @property {true} expression
+     * @property {Expression} functionBody
+     * @property {string | null} returnType
+     */
+    /**
+     * @typedef {object} FunctionValueType
+     * @property {'Function'} type
+     * @property {true} function
+     * @property {false} expression
+     * @property {BlockStatement} functionBody
+     * @property {ReturnType[]} returnTypes
+     */
+    /**
      * @typedef { ComponentObjectProp & { value: ObjectExpression } } ComponentObjectDefineProp
-     * @typedef { { prop: ComponentObjectDefineProp, type: Set<string>, default: FunctionValueType } } PropDefaultFunctionContext
      * @typedef { { type: string, node: Expression } } ReturnType
      */
+    /**
+     * @typedef {object} PropDefaultFunctionContext
+     * @property {ComponentObjectProp | ComponentTypeProp} prop
+     * @property {Set<string>} types
+     * @property {FunctionValueType} default
+     */
 
     /**
      * @type {Map<ObjectExpression, PropDefaultFunctionContext[]>}
      */
     const vueObjectPropsContexts = new Map()
+    /**
+     * @type { {node: CallExpression, props:PropDefaultFunctionContext[]}[] }
+     */
+    const scriptSetupPropsContexts = []
 
     /**
      * @typedef {object} ScopeStack
@@ -194,7 +222,7 @@ module.exports = {
 
     /**
      * @param {*} node
-     * @param {ComponentObjectProp} prop
+     * @param {ComponentObjectProp | ComponentTypeProp} prop
      * @param {Iterable<string>} expectedTypeNames
      */
     function report(node, prop, expectedTypeNames) {
@@ -213,127 +241,196 @@ module.exports = {
       })
     }
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
-    return utils.defineVueVisitor(context, {
-      onVueObjectEnter(obj) {
-        /** @type {ComponentObjectDefineProp[]} */
-        const props = utils.getComponentProps(obj).filter(
-          /**
-           * @param {ComponentObjectProp | ComponentArrayProp} prop
-           * @returns {prop is ComponentObjectDefineProp}
-           */
-          (prop) =>
-            Boolean(prop.value && prop.value.type === 'ObjectExpression')
-        )
-        /** @type {PropDefaultFunctionContext[]} */
-        const propContexts = []
-        for (const prop of props) {
+    /**
+     * @param {(ComponentObjectDefineProp | ComponentTypeProp)[]} props
+     * @param { { [key: string]: Expression | undefined } } withDefaults
+     */
+    function processPropDefs(props, withDefaults) {
+      /** @type {PropDefaultFunctionContext[]} */
+      const propContexts = []
+      for (const prop of props) {
+        let typeList
+        let defExpr
+        if (prop.type === 'object') {
           const type = getPropertyNode(prop.value, 'type')
           if (!type) continue
 
-          const typeNames = new Set(
-            getTypes(type.value).filter((item) => NATIVE_TYPES.has(item))
-          )
-
-          // There is no native types detected
-          if (typeNames.size === 0) continue
+          typeList = getTypes(type.value)
 
           const def = getPropertyNode(prop.value, 'default')
           if (!def) continue
 
-          const defType = getValueType(def.value)
+          defExpr = def.value
+        } else {
+          typeList = prop.types
+          defExpr = withDefaults[prop.propName]
+        }
+        if (!defExpr) continue
+
+        const typeNames = new Set(
+          typeList.filter((item) => NATIVE_TYPES.has(item))
+        )
+        // There is no native types detected
+        if (typeNames.size === 0) continue
+
+        const defType = getValueType(defExpr)
 
-          if (!defType) continue
+        if (!defType) continue
 
-          if (!defType.function) {
-            if (typeNames.has(defType.type)) {
-              if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
-                continue
-              }
+        if (!defType.function) {
+          if (typeNames.has(defType.type)) {
+            if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
+              continue
             }
-            report(
-              def.value,
-              prop,
-              Array.from(typeNames).map((type) =>
-                FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
-              )
+          }
+          report(
+            defExpr,
+            prop,
+            Array.from(typeNames).map((type) =>
+              FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
             )
-          } else {
-            if (typeNames.has('Function')) {
+          )
+        } else {
+          if (typeNames.has('Function')) {
+            continue
+          }
+          if (defType.expression) {
+            if (!defType.returnType || typeNames.has(defType.returnType)) {
               continue
             }
-            if (defType.expression) {
-              if (!defType.returnType || typeNames.has(defType.returnType)) {
-                continue
-              }
-              report(defType.functionBody, prop, typeNames)
-            } else {
-              propContexts.push({
-                prop,
-                type: typeNames,
-                default: defType
+            report(defType.functionBody, prop, typeNames)
+          } else {
+            propContexts.push({
+              prop,
+              types: typeNames,
+              default: defType
+            })
+          }
+        }
+      }
+      return propContexts
+    }
+
+    // ----------------------------------------------------------------------
+    // Public
+    // ----------------------------------------------------------------------
+
+    return utils.compositingVisitors(
+      {
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         */
+        ':function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            body: node.body,
+            returnTypes: null
+          }
+        },
+        /**
+         * @param {ReturnStatement} node
+         */
+        ReturnStatement(node) {
+          if (!scopeStack) {
+            return
+          }
+          if (scopeStack.returnTypes && node.argument) {
+            const type = getValueType(node.argument)
+            if (type) {
+              scopeStack.returnTypes.push({
+                type: type.type,
+                node: node.argument
               })
             }
           }
-        }
-        vueObjectPropsContexts.set(obj, propContexts)
+        },
+        ':function:exit': onFunctionExit
       },
-      /**
-       * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
-       * @param {VueObjectData} data
-       */
-      ':function'(node, { node: vueNode }) {
-        scopeStack = {
-          upper: scopeStack,
-          body: node.body,
-          returnTypes: null
-        }
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(obj) {
+          /** @type {ComponentObjectDefineProp[]} */
+          const props = utils.getComponentProps(obj).filter(
+            /**
+             * @param {ComponentObjectProp | ComponentArrayProp} prop
+             * @returns {prop is ComponentObjectDefineProp}
+             */
+            (prop) =>
+              Boolean(
+                prop.type === 'object' && prop.value.type === 'ObjectExpression'
+              )
+          )
+          const propContexts = processPropDefs(props, {})
+          vueObjectPropsContexts.set(obj, propContexts)
+        },
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         * @param {VueObjectData} data
+         */
+        ':function'(node, { node: vueNode }) {
+          const data = vueObjectPropsContexts.get(vueNode)
+          if (!data || !scopeStack) {
+            return
+          }
 
-        const data = vueObjectPropsContexts.get(vueNode)
-        if (!data) {
-          return
-        }
+          for (const { default: defType } of data) {
+            if (node.body === defType.functionBody) {
+              scopeStack.returnTypes = defType.returnTypes
+            }
+          }
+        },
+        onVueObjectExit(obj) {
+          const data = vueObjectPropsContexts.get(obj)
+          if (!data) {
+            return
+          }
+          for (const { prop, types: typeNames, default: defType } of data) {
+            for (const returnType of defType.returnTypes) {
+              if (typeNames.has(returnType.type)) continue
 
-        for (const { default: defType } of data) {
-          if (node.body === defType.functionBody) {
-            scopeStack.returnTypes = defType.returnTypes
+              report(returnType.node, prop, typeNames)
+            }
           }
         }
-      },
-      /**
-       * @param {ReturnStatement} node
-       */
-      ReturnStatement(node) {
-        if (!scopeStack) {
-          return
-        }
-        if (scopeStack.returnTypes && node.argument) {
-          const type = getValueType(node.argument)
-          if (type) {
-            scopeStack.returnTypes.push({
-              type: type.type,
-              node: node.argument
-            })
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, baseProps) {
+          /** @type {(ComponentObjectDefineProp | ComponentTypeProp)[]} */
+          const props = baseProps.filter(
+            /**
+             * @param {ComponentObjectProp | ComponentArrayProp | ComponentTypeProp} prop
+             * @returns {prop is ComponentObjectDefineProp | ComponentTypeProp}
+             */
+            (prop) =>
+              Boolean(
+                prop.type === 'type' ||
+                  (prop.type === 'object' &&
+                    prop.value.type === 'ObjectExpression')
+              )
+          )
+          const defaults = utils.getWithDefaultsPropExpressions(node)
+          const propContexts = processPropDefs(props, defaults)
+          scriptSetupPropsContexts.push({ node, props: propContexts })
+        },
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         */
+        ':function'(node) {
+          const data =
+            scriptSetupPropsContexts[scriptSetupPropsContexts.length - 1]
+          if (!data || !scopeStack) {
+            return
           }
-        }
-      },
-      ':function:exit': onFunctionExit,
-      onVueObjectExit(obj) {
-        const data = vueObjectPropsContexts.get(obj)
-        if (!data) {
-          return
-        }
-        for (const { prop, type: typeNames, default: defType } of data) {
-          for (const returnType of defType.returnTypes) {
-            if (typeNames.has(returnType.type)) continue
 
-            report(returnType.node, prop, typeNames)
+          for (const { default: defType } of data.props) {
+            if (node.body === defType.functionBody) {
+              scopeStack.returnTypes = defType.returnTypes
+            }
           }
+        },
+        onDefinePropsExit(node) {
+          scriptSetupPropsContexts.pop()
         }
-      }
-    })
+      })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index a75a212d8..0b93ef9c4 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1122,11 +1122,25 @@ module.exports = {
 
     if (visitor.onDefinePropsEnter || visitor.onDefinePropsExit) {
       const definePropsMap = new Map()
+
+      /** @type {ESNode | null} */
+      let nested = null
+      scriptSetupVisitor[':function, BlockStatement'] = (node) => {
+        if (!nested) {
+          nested = node
+        }
+      }
+      scriptSetupVisitor[':function, BlockStatement:exit'] = (node) => {
+        if (nested === node) {
+          nested = null
+        }
+      }
       /**
        * @param {CallExpression} node
        */
       scriptSetupVisitor.CallExpression = (node) => {
         if (
+          !nested &&
           inScriptSetup(node) &&
           node.callee.type === 'Identifier' &&
           node.callee.name === 'defineProps'
@@ -1163,6 +1177,42 @@ module.exports = {
     return scriptSetupVisitor
   },
 
+  /**
+   * Gets a map of the expressions defined in withDefaults.
+   * @param {CallExpression} node The node of defineProps
+   * @returns { { [key: string]: Expression | undefined } }
+   */
+  getWithDefaultsPropExpressions(node) {
+    if (
+      !node.parent ||
+      node.parent.type !== 'CallExpression' ||
+      node.parent.arguments[0] !== node ||
+      node.parent.callee.type !== 'Identifier' ||
+      node.parent.callee.name !== 'withDefaults'
+    ) {
+      return {}
+    }
+    const param = node.parent.arguments[1]
+    if (!param || param.type !== 'ObjectExpression') {
+      return {}
+    }
+
+    /** @type {Record<string, Expression>} */
+    const result = {}
+
+    for (const prop of param.properties) {
+      if (prop.type !== 'Property') {
+        return {}
+      }
+      const name = getStaticPropertyName(prop)
+      if (name != null) {
+        result[name] = prop.value
+      }
+    }
+
+    return result
+  },
+
   getVueObjectType,
   /**
    * Get the Vue component definition type from given node
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 836f06d5c..e353edf58 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -871,6 +871,49 @@ ruleTester.run('require-valid-default-prop', rule, {
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
       errors: errorMessage('function')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineProps({
+          foo: {
+            type: String,
+            default: () => 123
+          }
+        })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        withDefaults(defineProps<{foo:string}>(),{
+          foo: () => 123
+        })
+      </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 4
+        }
+      ]
     }
   ]
 })

From 8dc37de6909fff60f3cf65a069227e863afeb4c2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 22:11:42 +0900
Subject: [PATCH 0312/1010] Update `vue/return-in-emits-validator` rule to
 support `<script setup>` (#1542)

---
 lib/rules/return-in-emits-validator.js        |  46 ++--
 lib/utils/index.js                            | 207 ++++++++++--------
 lib/utils/ts-ast-utils.js                     |  96 +++++++-
 tests/lib/rules/return-in-emits-validator.js  |  30 +++
 typings/eslint-plugin-vue/global.d.ts         |   3 +
 .../util-types/ast/ts-ast.ts                  |  20 ++
 typings/eslint-plugin-vue/util-types/utils.ts |  57 ++++-
 7 files changed, 343 insertions(+), 116 deletions(-)

diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index c4ced9074..03d197b18 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -9,6 +9,7 @@ const utils = require('../utils')
 /**
  * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ * @typedef {import('../utils').ComponentTypeEmit} ComponentTypeEmit
  */
 
 /**
@@ -67,25 +68,36 @@ module.exports = {
      */
     let scopeStack = null
 
-    return Object.assign(
-      {},
+    /**
+     * @param {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
+     */
+    function processEmits(emits) {
+      for (const emit of emits) {
+        if (!emit.value) {
+          continue
+        }
+        if (
+          emit.value.type !== 'FunctionExpression' &&
+          emit.value.type !== 'ArrowFunctionExpression'
+        ) {
+          continue
+        }
+        emitsValidators.push(emit)
+      }
+    }
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefineEmitsEnter(_node, emits) {
+          processEmits(emits)
+        }
+      }),
       utils.defineVueVisitor(context, {
         /** @param {ObjectExpression} obj */
         onVueObjectEnter(obj) {
-          for (const emits of utils.getComponentEmits(obj)) {
-            if (!emits.value) {
-              continue
-            }
-            const emitsValue = emits.value
-            if (
-              emitsValue.type !== 'FunctionExpression' &&
-              emitsValue.type !== 'ArrowFunctionExpression'
-            ) {
-              continue
-            }
-            emitsValidators.push(emits)
-          }
-        },
+          processEmits(utils.getComponentEmits(obj))
+        }
+      }),
+      {
         /** @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node */
         ':function'(node) {
           scopeStack = {
@@ -135,7 +147,7 @@ module.exports = {
 
           scopeStack = scopeStack && scopeStack.upper
         }
-      })
+      }
     )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0b93ef9c4..0a2dd4e22 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -15,39 +15,9 @@
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
- */
-/**
- * @typedef {object} ComponentArrayEmitDetectName
- * @property {'array'} type
- * @property {Literal | TemplateLiteral} key
- * @property {string} emitName
- * @property {null} value
- * @property {Expression | SpreadElement} node
- *
- * @typedef {object} ComponentArrayEmitUnknownName
- * @property {'array'} type
- * @property {null} key
- * @property {null} emitName
- * @property {null} value
- * @property {Expression | SpreadElement} node
- *
- * @typedef {ComponentArrayEmitDetectName | ComponentArrayEmitUnknownName} ComponentArrayEmit
- *
- * @typedef {object} ComponentObjectEmitDetectName
- * @property {'object'} type
- * @property {Expression} key
- * @property {string} emitName
- * @property {Expression} value
- * @property {Property} node
- *
- * @typedef {object} ComponentObjectEmitUnknownName
- * @property {'object'} type
- * @property {null} key
- * @property {null} emitName
- * @property {Expression} value
- * @property {Property} node
- *
- * @typedef {ComponentObjectEmitDetectName | ComponentObjectEmitUnknownName} ComponentObjectEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayEmit} ComponentArrayEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectEmit} ComponentObjectEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeEmit} ComponentTypeEmit
  */
 /**
  * @typedef { {key: string | null, value: BlockStatement | null} } ComponentComputedProperty
@@ -82,7 +52,10 @@ const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const traverseNodes = vueEslintParser.AST.traverseNodes
 const { findVariable } = require('eslint-utils')
-const { getComponentPropsFromTypeDefine } = require('./ts-ast-utils')
+const {
+  getComponentPropsFromTypeDefine,
+  getComponentEmitsFromTypeDefine
+} = require('./ts-ast-utils')
 
 /**
  * @type { WeakMap<RuleContext, Token[]> }
@@ -769,49 +742,7 @@ module.exports = {
       return []
     }
 
-    if (emitsNode.value.type === 'ObjectExpression') {
-      return emitsNode.value.properties.filter(isProperty).map((prop) => {
-        const emitName = getStaticPropertyName(prop)
-        if (emitName != null) {
-          return {
-            type: 'object',
-            key: prop.key,
-            emitName,
-            value: skipTSAsExpression(prop.value),
-            node: prop
-          }
-        }
-        return {
-          type: 'object',
-          key: null,
-          emitName: null,
-          value: skipTSAsExpression(prop.value),
-          node: prop
-        }
-      })
-    } else {
-      return emitsNode.value.elements.filter(isDef).map((prop) => {
-        if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
-          const emitName = getStringLiteralValue(prop)
-          if (emitName != null) {
-            return {
-              type: 'array',
-              key: prop,
-              emitName,
-              value: null,
-              node: prop
-            }
-          }
-        }
-        return {
-          type: 'array',
-          key: null,
-          emitName: null,
-          value: null,
-          node: prop
-        }
-      })
-    }
+    return getComponentEmitsFromDefine(emitsNode.value)
   },
 
   /**
@@ -1051,6 +982,8 @@ module.exports = {
    *
    * - `onDefinePropsEnter` ... Event when defineProps is found.
    * - `onDefinePropsExit` ... Event when defineProps visit ends.
+   * - `onDefineEmitsEnter` ... Event when defineEmits is found.
+   * - `onDefineEmitsExit` ... Event when defineEmits visit ends.
    *
    * @param {RuleContext} context The ESLint rule context object.
    * @param {ScriptSetupVisitor} visitor The visitor to traverse the AST nodes.
@@ -1120,9 +1053,11 @@ module.exports = {
       return null
     }
 
-    if (visitor.onDefinePropsEnter || visitor.onDefinePropsExit) {
-      const definePropsMap = new Map()
-
+    const hasPropsEvent =
+      visitor.onDefinePropsEnter || visitor.onDefinePropsExit
+    const hasEmitsEvent =
+      visitor.onDefineEmitsEnter || visitor.onDefineEmitsExit
+    if (hasPropsEvent || hasEmitsEvent) {
       /** @type {ESNode | null} */
       let nested = null
       scriptSetupVisitor[':function, BlockStatement'] = (node) => {
@@ -1135,6 +1070,8 @@ module.exports = {
           nested = null
         }
       }
+      const definePropsMap = new Map()
+      const defineEmitsMap = new Map()
       /**
        * @param {CallExpression} node
        */
@@ -1142,26 +1079,47 @@ module.exports = {
         if (
           !nested &&
           inScriptSetup(node) &&
-          node.callee.type === 'Identifier' &&
-          node.callee.name === 'defineProps'
+          node.callee.type === 'Identifier'
         ) {
-          /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
-          let props = []
-          if (node.arguments.length >= 1) {
-            const defNode = getObjectOrArray(node.arguments[0])
-            if (defNode) {
-              props = getComponentPropsFromDefine(defNode)
+          if (hasPropsEvent && node.callee.name === 'defineProps') {
+            /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
+            let props = []
+            if (node.arguments.length >= 1) {
+              const defNode = getObjectOrArray(node.arguments[0])
+              if (defNode) {
+                props = getComponentPropsFromDefine(defNode)
+              }
+            } else if (
+              node.typeParameters &&
+              node.typeParameters.params.length >= 1
+            ) {
+              props = getComponentPropsFromTypeDefine(
+                context,
+                node.typeParameters.params[0]
+              )
             }
-          } else if (
-            node.typeParameters &&
-            node.typeParameters.params.length >= 1
-          ) {
-            props = getComponentPropsFromTypeDefine(
-              context,
-              node.typeParameters.params[0]
-            )
+            callVisitor('onDefinePropsEnter', node, props)
+            definePropsMap.set(node, props)
+          } else if (hasEmitsEvent && node.callee.name === 'defineEmits') {
+            /** @type {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} */
+            let emits = []
+            if (node.arguments.length >= 1) {
+              const defNode = getObjectOrArray(node.arguments[0])
+              if (defNode) {
+                emits = getComponentEmitsFromDefine(defNode)
+              }
+            } else if (
+              node.typeParameters &&
+              node.typeParameters.params.length >= 1
+            ) {
+              emits = getComponentEmitsFromTypeDefine(
+                context,
+                node.typeParameters.params[0]
+              )
+            }
+            callVisitor('onDefineEmitsEnter', node, emits)
+            defineEmitsMap.set(node, emits)
           }
-          callVisitor('onDefinePropsEnter', node, props)
         }
         callVisitor('CallExpression', node)
       }
@@ -1171,6 +1129,10 @@ module.exports = {
           callVisitor('onDefinePropsExit', node, definePropsMap.get(node))
           definePropsMap.delete(node)
         }
+        if (defineEmitsMap.has(node)) {
+          callVisitor('onDefineEmitsExit', node, defineEmitsMap.get(node))
+          defineEmitsMap.delete(node)
+        }
       }
     }
 
@@ -2472,3 +2434,54 @@ function getComponentPropsFromDefine(propsNode) {
     })
   }
 }
+
+/**
+ * Get all emits by looking at all component's properties
+ * @param {ObjectExpression|ArrayExpression} emitsNode Object with emits definition
+ * @return {(ComponentArrayEmit | ComponentObjectEmit)[]} Array of component emits
+ */
+function getComponentEmitsFromDefine(emitsNode) {
+  if (emitsNode.type === 'ObjectExpression') {
+    return emitsNode.properties.filter(isProperty).map((prop) => {
+      const emitName = getStaticPropertyName(prop)
+      if (emitName != null) {
+        return {
+          type: 'object',
+          key: prop.key,
+          emitName,
+          value: skipTSAsExpression(prop.value),
+          node: prop
+        }
+      }
+      return {
+        type: 'object',
+        key: null,
+        emitName: null,
+        value: skipTSAsExpression(prop.value),
+        node: prop
+      }
+    })
+  } else {
+    return emitsNode.elements.filter(isDef).map((emit) => {
+      if (emit.type === 'Literal' || emit.type === 'TemplateLiteral') {
+        const emitName = getStringLiteralValue(emit)
+        if (emitName != null) {
+          return {
+            type: 'array',
+            key: emit,
+            emitName,
+            value: null,
+            node: emit
+          }
+        }
+      }
+      return {
+        type: 'array',
+        key: null,
+        emitName: null,
+        value: null,
+        node: emit
+      }
+    })
+  }
+}
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index b88c06f87..f23a752e3 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -3,13 +3,17 @@ const { findVariable } = require('eslint-utils')
  * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
  * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
  * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSTypeLiteral
+ * @typedef {import('@typescript-eslint/types').TSESTree.Parameter} TSESTreeParameter
+ *
  */
 /**
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeEmit} ComponentTypeEmit
  */
 
 module.exports = {
-  getComponentPropsFromTypeDefine
+  getComponentPropsFromTypeDefine,
+  getComponentEmitsFromTypeDefine
 }
 
 /**
@@ -19,6 +23,13 @@ module.exports = {
 function isTSTypeLiteral(node) {
   return node.type === 'TSTypeLiteral'
 }
+/**
+ * @param {TypeNode} node
+ * @returns {node is TSFunctionType}
+ */
+function isTSFunctionType(node) {
+  return node.type === 'TSFunctionType'
+}
 
 /**
  * Get all props by looking at all component's properties
@@ -35,6 +46,25 @@ function getComponentPropsFromTypeDefine(context, propsNode) {
   return [...extractRuntimeProps(context, defNode)]
 }
 
+/**
+ * Get all emits by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} emitsNode Type with emits definition
+ * @return {ComponentTypeEmit[]} Array of component emits
+ */
+function getComponentEmitsFromTypeDefine(context, emitsNode) {
+  /** @type {TSInterfaceBody | TSTypeLiteral | TSFunctionType | null} */
+  const defNode = resolveQualifiedType(
+    context,
+    emitsNode,
+    (n) => isTSTypeLiteral(n) || isTSFunctionType(n)
+  )
+  if (!defNode) {
+    return []
+  }
+  return [...extractRuntimeEmits(defNode)]
+}
+
 /**
  * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L1512
  * @param {RuleContext} context The ESLint rule context object.
@@ -68,6 +98,70 @@ function* extractRuntimeProps(context, node) {
   }
 }
 
+/**
+ * @see https://github.com/vuejs/vue-next/blob/348c3b01e56383ffa70b180d1376fdf4ac12e274/packages/compiler-sfc/src/compileScript.ts#L1632
+ * @param {TSTypeLiteral | TSInterfaceBody | TSFunctionType} node
+ * @returns {IterableIterator<ComponentTypeEmit>}
+ */
+function* extractRuntimeEmits(node) {
+  if (node.type === 'TSTypeLiteral' || node.type === 'TSInterfaceBody') {
+    const members = node.type === 'TSTypeLiteral' ? node.members : node.body
+    for (const t of members) {
+      if (t.type === 'TSCallSignatureDeclaration') {
+        yield* extractEventNames(
+          t.params[0],
+          /** @type {TSCallSignatureDeclaration} */ (t)
+        )
+      }
+    }
+    return
+  } else {
+    yield* extractEventNames(node.params[0], node)
+  }
+
+  /**
+   * @param {TSESTreeParameter} eventName
+   * @param {TSCallSignatureDeclaration | TSFunctionType} member
+   * @returns {IterableIterator<ComponentTypeEmit>}
+   */
+  function* extractEventNames(eventName, member) {
+    if (
+      eventName &&
+      eventName.type === 'Identifier' &&
+      eventName.typeAnnotation &&
+      eventName.typeAnnotation.type === 'TSTypeAnnotation'
+    ) {
+      const typeNode = eventName.typeAnnotation.typeAnnotation
+      if (
+        typeNode.type === 'TSLiteralType' &&
+        typeNode.literal.type === 'Literal'
+      ) {
+        const emitName = String(typeNode.literal.value)
+        yield {
+          type: 'type',
+          key: /** @type {TSLiteralType} */ (typeNode),
+          emitName,
+          value: null,
+          node: member
+        }
+      } else if (typeNode.type === 'TSUnionType') {
+        for (const t of typeNode.types) {
+          if (t.type === 'TSLiteralType' && t.literal.type === 'Literal') {
+            const emitName = String(t.literal.value)
+            yield {
+              type: 'type',
+              key: /** @type {TSLiteralType} */ (t),
+              emitName,
+              value: null,
+              node: member
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 /**
  * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L425
  *
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
index a1d3557ed..f47e8ca77 100644
--- a/tests/lib/rules/return-in-emits-validator.js
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -119,6 +119,18 @@ ruleTester.run('return-in-emits-validator', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+        defineEmits({
+          foo () {
+            return true
+          }
+        })
+        </script>
+      `
     }
   ],
 
@@ -307,6 +319,24 @@ ruleTester.run('return-in-emits-validator', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+        defineEmits({
+          foo () {
+          }
+        })
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            'Expected to return a boolean value in "foo" emits validator.',
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
index 543eed56c..96ceee311 100644
--- a/typings/eslint-plugin-vue/global.d.ts
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -155,6 +155,9 @@ declare global {
   type TSTypeParameterInstantiation = VAST.TSTypeParameterInstantiation
   type TSPropertySignature = VAST.TSPropertySignature
   type TSMethodSignature = VAST.TSMethodSignature
+  type TSLiteralType = VAST.TSLiteralType
+  type TSCallSignatureDeclaration = VAST.TSCallSignatureDeclaration
+  type TSFunctionType = VAST.TSFunctionType
 
   // ---- JSX Nodes ----
 
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index ef68b4514..a79d457f4 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -9,6 +9,9 @@ export type TSNode =
   | TSTypeParameterInstantiation
   | TSPropertySignature
   | TSMethodSignatureBase
+  | TSLiteralType
+  | TSCallSignatureDeclaration
+  | TSFunctionType
 
 export interface TSAsExpression extends HasParentNode {
   type: 'TSAsExpression'
@@ -70,3 +73,20 @@ interface TSMethodSignatureNonComputedName extends TSMethodSignatureBase {
   key: TSESTree.PropertyNameNonComputed
   computed: false
 }
+
+export interface TSLiteralType extends HasParentNode {
+  type: 'TSLiteralType'
+  literal: ES.Literal | ES.UnaryExpression | ES.UpdateExpression
+}
+
+interface TSFunctionSignatureBase extends HasParentNode {
+  params: TSESTree.Parameter[]
+  returnType?: TSESTree.TSTypeAnnotation
+  typeParameters?: TSESTree.TSTypeParameterDeclaration
+}
+export interface TSCallSignatureDeclaration extends TSFunctionSignatureBase {
+  type: 'TSCallSignatureDeclaration'
+}
+export interface TSFunctionType extends TSFunctionSignatureBase {
+  type: 'TSFunctionType'
+}
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index adece39a9..7258cb673 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -44,11 +44,23 @@ export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
     node: CallExpression,
     props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
   ): void
+  onDefineEmitsEnter?(
+    node: CallExpression,
+    props: (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]
+  ): void
+  onDefineEmitsExit?(
+    node: CallExpression,
+    props: (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]
+  ): void
   [query: string]:
     | ((node: VAST.ParamNode) => void)
     | ((
         node: CallExpression,
-        props: (ComponentArrayProp | ComponentObjectProp)[]
+        props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
+      ) => void)
+    | ((
+        node: CallExpression,
+        props: (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]
       ) => void)
     | undefined
 }
@@ -99,3 +111,46 @@ export type ComponentTypeProp = {
   required: boolean
   types: string[]
 }
+
+type ComponentArrayEmitDetectName = {
+  type: 'array'
+  key: Literal | TemplateLiteral
+  emitName: string
+  value: null
+  node: Expression | SpreadElement
+}
+type ComponentArrayEmitUnknownName = {
+  type: 'array'
+  key: null
+  emitName: null
+  value: null
+  node: Expression | SpreadElement
+}
+export type ComponentArrayEmit =
+  | ComponentArrayEmitDetectName
+  | ComponentArrayEmitUnknownName
+type ComponentObjectEmitDetectName = {
+  type: 'object'
+  key: Expression
+  emitName: string
+  value: Expression
+  node: Property
+}
+type ComponentObjectEmitUnknownName = {
+  type: 'object'
+  key: null
+  emitName: null
+  value: Expression
+  node: Property
+}
+export type ComponentObjectEmit =
+  | ComponentObjectEmitDetectName
+  | ComponentObjectEmitUnknownName
+
+export type ComponentTypeEmit = {
+  type: 'type'
+  key: TSLiteralType
+  emitName: string
+  value: null
+  node: TSCallSignatureDeclaration | TSFunctionType
+}

From 86aff15a3c9a04dfafe7ed63d52afe0b7c82ca05 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 3 Jul 2021 22:46:00 +0900
Subject: [PATCH 0313/1010] Fix false negative for `ref` in
 `vue/script-setup-uses-vars` rule. (#1547)

---
 lib/rules/script-setup-uses-vars.js       |  6 ++++++
 tests/lib/rules/script-setup-uses-vars.js | 16 ++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index e08af640f..68e0b3fc3 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -104,6 +104,12 @@ module.exports = {
             return
           }
           markElementVariableAsUsed(`v-${node.key.name.rawName}`)
+        },
+        /** @param {VAttribute} node */
+        'VAttribute[directive=false]'(node) {
+          if (node.key.name === 'ref' && node.value) {
+            context.markVariableAsUsed(node.value.value)
+          }
         }
       },
       undefined,
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index aed894178..5d3c80060 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -163,6 +163,22 @@ describe('script-setup-uses-vars', () => {
           ecmaVersion: 2022,
           sourceType: 'module'
         }
+      },
+
+      // ref
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          import {ref} from 'vue'
+          const v = ref(null)
+        </script>
+
+        <template>
+          <div ref="v"/>
+        </template>
+        `
       }
     ],
 

From 9c8f2933b690c631aa64683ac41cb04d92ad3a6e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 4 Jul 2021 09:23:39 +0900
Subject: [PATCH 0314/1010] Update `vue/require-default-prop` rule to support
 `<script setup>` (#1545)

* Update `vue/require-default-prop` rule to support `<script setup>`

* fix test on node v8
---
 lib/rules/require-default-prop.js       | 148 ++++++++++++++----------
 lib/utils/index.js                      |  30 +++--
 tests/lib/rules/require-default-prop.js | 135 ++++++++++++++++++++-
 3 files changed, 241 insertions(+), 72 deletions(-)

diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index e0e29b69e..d35c2f8ea 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -5,7 +5,9 @@
 'use strict'
 
 /**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
  * @typedef {ComponentObjectProp & { value: ObjectExpression} } ComponentObjectPropObject
  */
 
@@ -35,7 +37,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-default-prop.html'
     },
     fixable: null, // or "code" or "whitespace"
-    schema: []
+    schema: [],
+    messages: {
+      missingDefault: `Prop '{{propName}}' requires default value to be set.`
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -45,11 +50,11 @@ module.exports = {
 
     /**
      * Checks if the passed prop is required
-     * @param {ComponentObjectPropObject} prop - Property AST node for a single prop
+     * @param {ObjectExpression} propValue - ObjectExpression AST node for a single prop
      * @return {boolean}
      */
-    function propIsRequired(prop) {
-      const propRequiredNode = prop.value.properties.find(
+    function propIsRequired(propValue) {
+      const propRequiredNode = propValue.properties.find(
         (p) =>
           p.type === 'Property' &&
           utils.getStaticPropertyName(p) === 'required' &&
@@ -62,11 +67,11 @@ module.exports = {
 
     /**
      * Checks if the passed prop has a default value
-     * @param {ComponentObjectPropObject} prop - Property AST node for a single prop
+     * @param {ObjectExpression} propValue - ObjectExpression AST node for a single prop
      * @return {boolean}
      */
-    function propHasDefault(prop) {
-      const propDefaultNode = prop.value.properties.find(
+    function propHasDefault(propValue) {
+      const propDefaultNode = propValue.properties.find(
         (p) =>
           p.type === 'Property' && utils.getStaticPropertyName(p) === 'default'
       )
@@ -75,32 +80,27 @@ module.exports = {
     }
 
     /**
-     * Finds all props that don't have a default value set
-     * @param {ComponentObjectProp[]} props - Vue component's "props" node
-     * @return {ComponentObjectProp[]} Array of props without "default" value
+     * Checks whether the given props that don't have a default value
+     * @param {ComponentObjectProp} prop Vue component's "props" node
+     * @return {boolean}
      */
-    function findPropsWithoutDefaultValue(props) {
-      return props.filter((prop) => {
-        if (prop.value.type !== 'ObjectExpression') {
-          if (prop.value.type === 'Identifier') {
-            return NATIVE_TYPES.has(prop.value.name)
-          }
-          if (
-            prop.value.type === 'CallExpression' ||
-            prop.value.type === 'MemberExpression'
-          ) {
-            // OK
-            return false
-          }
-          // NG
-          return true
+    function isWithoutDefaultValue(prop) {
+      if (prop.value.type !== 'ObjectExpression') {
+        if (prop.value.type === 'Identifier') {
+          return NATIVE_TYPES.has(prop.value.name)
+        }
+        if (
+          prop.value.type === 'CallExpression' ||
+          prop.value.type === 'MemberExpression'
+        ) {
+          // OK
+          return false
         }
+        // NG
+        return true
+      }
 
-        return (
-          !propIsRequired(/** @type {ComponentObjectPropObject} */ (prop)) &&
-          !propHasDefault(/** @type {ComponentObjectPropObject} */ (prop))
-        )
-      })
+      return !propIsRequired(prop.value) && !propHasDefault(prop.value)
     }
 
     /**
@@ -145,46 +145,66 @@ module.exports = {
     }
 
     /**
-     * Excludes purely Boolean props from the Array
-     * @param {ComponentObjectProp[]} props - Array with props
-     * @return {ComponentObjectProp[]}
+     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param {boolean} [withDefaults]
+     * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
      */
-    function excludeBooleanProps(props) {
-      return props.filter((prop) => !isBooleanProp(prop))
+    function processProps(props, withDefaults, withDefaultsExpressions) {
+      for (const prop of props) {
+        if (prop.type === 'object' && !prop.node.shorthand) {
+          if (!isWithoutDefaultValue(prop)) {
+            continue
+          }
+          if (isBooleanProp(prop)) {
+            continue
+          }
+          const propName =
+            prop.propName != null
+              ? prop.propName
+              : `[${context.getSourceCode().getText(prop.node.key)}]`
+
+          context.report({
+            node: prop.node,
+            messageId: `missingDefault`,
+            data: {
+              propName
+            }
+          })
+        } else if (
+          prop.type === 'type' &&
+          withDefaults &&
+          withDefaultsExpressions
+        ) {
+          if (!withDefaultsExpressions[prop.propName]) {
+            context.report({
+              node: prop.node,
+              messageId: `missingDefault`,
+              data: {
+                propName: prop.propName
+              }
+            })
+          }
+        }
+      }
     }
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.executeOnVue(context, (obj) => {
-      const props = utils
-        .getComponentProps(obj)
-        .filter(
-          (prop) =>
-            prop.value &&
-            !(prop.node.type === 'Property' && prop.node.shorthand)
-        )
-
-      const propsWithoutDefault = findPropsWithoutDefaultValue(
-        /** @type {ComponentObjectProp[]} */ (props)
-      )
-      const propsToReport = excludeBooleanProps(propsWithoutDefault)
-
-      for (const prop of propsToReport) {
-        const propName =
-          prop.propName != null
-            ? prop.propName
-            : `[${context.getSourceCode().getText(prop.node.key)}]`
-
-        context.report({
-          node: prop.node,
-          message: `Prop '{{propName}}' requires default value to be set.`,
-          data: {
-            propName
-          }
-        })
-      }
-    })
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          processProps(
+            props,
+            utils.hasWithDefaults(node),
+            utils.getWithDefaultsPropExpressions(node)
+          )
+        }
+      }),
+      utils.executeOnVue(context, (obj) => {
+        processProps(utils.getComponentProps(obj))
+      })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0a2dd4e22..dc7f3d280 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1139,19 +1139,20 @@ module.exports = {
     return scriptSetupVisitor
   },
 
+  /**
+   * Checks whether given defineProps call node has withDefaults.
+   * @param {CallExpression} node The node of defineProps
+   * @returns {node is CallExpression & { parent: CallExpression }}
+   */
+  hasWithDefaults,
+
   /**
    * Gets a map of the expressions defined in withDefaults.
    * @param {CallExpression} node The node of defineProps
    * @returns { { [key: string]: Expression | undefined } }
    */
   getWithDefaultsPropExpressions(node) {
-    if (
-      !node.parent ||
-      node.parent.type !== 'CallExpression' ||
-      node.parent.arguments[0] !== node ||
-      node.parent.callee.type !== 'Identifier' ||
-      node.parent.callee.name !== 'withDefaults'
-    ) {
+    if (!hasWithDefaults(node)) {
       return {}
     }
     const param = node.parent.arguments[1]
@@ -2384,6 +2385,21 @@ function hasDirective(node, name, argument) {
   return Boolean(getDirective(node, name, argument))
 }
 
+/**
+ * Checks whether given defineProps call node has withDefaults.
+ * @param {CallExpression} node The node of defineProps
+ * @returns {node is CallExpression & { parent: CallExpression }}
+ */
+function hasWithDefaults(node) {
+  return (
+    node.parent &&
+    node.parent.type === 'CallExpression' &&
+    node.parent.arguments[0] === node &&
+    node.parent.callee.type === 'Identifier' &&
+    node.parent.callee.name === 'withDefaults'
+  )
+}
+
 /**
  * Get all props by looking at all component's properties
  * @param {ObjectExpression|ArrayExpression} propsNode Object with props definition
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index dcd551560..d93c5e5da 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const semver = require('semver')
 const rule = require('../../../lib/rules/require-default-prop')
 const RuleTester = require('eslint').RuleTester
 const parserOptions = {
@@ -181,6 +182,14 @@ ruleTester.run('require-default-prop', rule, {
         }
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: ['foo']
+      }`,
+      parserOptions
+    },
 
     // sparse array
     {
@@ -195,6 +204,83 @@ ruleTester.run('require-default-prop', rule, {
           }
         }
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {
+          type: String,
+          default: ''
+        }
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['foo'])
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: number
+      }
+      defineProps<Props>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: number
+      }
+      withDefaults(defineProps<Props>(), {foo:42})
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: number
+      }
+      defineProps<Props>({
+        foo:{
+          default: 42
+        }
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -387,6 +473,53 @@ ruleTester.run('require-default-prop', rule, {
         "Prop 'baz' requires default value to be set.",
         "Prop 'bar1' requires default value to be set."
       ]
-    }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: String
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message: "Prop 'foo' requires default value to be set.",
+          line: 4
+        }
+      ]
+    },
+    ...(semver.lt(
+      require('@typescript-eslint/parser/package.json').version,
+      '4.0.0'
+    )
+      ? []
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+            <script setup lang="ts">
+            interface Props {
+              foo: number
+            }
+            withDefaults(defineProps<Props>(), {bar:42})
+            </script>
+            `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              ...parserOptions,
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            errors: [
+              {
+                message: "Prop 'foo' requires default value to be set.",
+                line: 4
+              }
+            ]
+          }
+        ])
   ]
 })

From 994d74eac8e17b8406ae56358cec3a75019dd6e3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 00:01:08 +0900
Subject: [PATCH 0315/1010] Update `vue/no-setup-props-destructure` rule to
 support `<script setup>` (#1540)

* Update `vue/no-setup-props-destructure` rule to support `<script setup>`

* fix test
---
 lib/rules/no-setup-props-destructure.js       | 203 ++++++++++++------
 tests/lib/rules/no-setup-props-destructure.js |  97 +++++++++
 2 files changed, 230 insertions(+), 70 deletions(-)

diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index e77f63c4d..ee3699c55 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -20,31 +20,40 @@ module.exports = {
       destructuring:
         'Destructuring the `props` will cause the value to lose reactivity.',
       getProperty:
-        'Getting a value from the `props` in root scope of `setup()` will cause the value to lose reactivity.'
+        'Getting a value from the `props` in root scope of `{{scopeName}}` will cause the value to lose reactivity.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, Set<Identifier>>} */
+    /**
+     * @typedef {object} ScopePropsReferences
+     * @property {Set<Identifier>} refs
+     * @property {string} scopeName
+     */
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, ScopePropsReferences>} */
     const setupScopePropsReferenceIds = new Map()
 
     /**
      * @param {ESNode} node
      * @param {string} messageId
+     * @param {string} scopeName
      */
-    function report(node, messageId) {
+    function report(node, messageId, scopeName) {
       context.report({
         node,
-        messageId
+        messageId,
+        data: {
+          scopeName
+        }
       })
     }
 
     /**
      * @param {Pattern} left
      * @param {Expression | null} right
-     * @param {Set<Identifier>} propsReferenceIds
+     * @param {ScopePropsReferences} propsReferences
      */
-    function verify(left, right, propsReferenceIds) {
+    function verify(left, right, propsReferences) {
       if (!right) {
         return
       }
@@ -62,88 +71,142 @@ module.exports = {
       while (rightId.type === 'MemberExpression') {
         rightId = utils.skipChainExpression(rightId.object)
       }
-      if (rightId.type === 'Identifier' && propsReferenceIds.has(rightId)) {
-        report(left, 'getProperty')
+      if (rightId.type === 'Identifier' && propsReferences.refs.has(rightId)) {
+        report(left, 'getProperty', propsReferences.scopeName)
       }
     }
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} functionNode
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
      */
     /**
      * @type {ScopeStack | null}
      */
     let scopeStack = null
 
-    return utils.defineVueVisitor(context, {
-      ':function'(node) {
-        scopeStack = {
-          upper: scopeStack,
-          functionNode: node
-        }
-      },
-      onSetupFunctionEnter(node) {
-        const propsParam = utils.skipDefaultParamValue(node.params[0])
-        if (!propsParam) {
-          // no arguments
-          return
-        }
-        if (propsParam.type === 'RestElement') {
-          // cannot check
-          return
-        }
-        if (
-          propsParam.type === 'ArrayPattern' ||
-          propsParam.type === 'ObjectPattern'
-        ) {
-          report(propsParam, 'destructuring')
-          return
-        }
+    /**
+     * @param {Pattern | null} node
+     * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
+     * @param {string} scopeName
+     */
+    function processPattern(node, scopeNode, scopeName) {
+      if (!node) {
+        // no arguments
+        return
+      }
+      if (
+        node.type === 'RestElement' ||
+        node.type === 'AssignmentPattern' ||
+        node.type === 'MemberExpression'
+      ) {
+        // cannot check
+        return
+      }
+      if (node.type === 'ArrayPattern' || node.type === 'ObjectPattern') {
+        report(node, 'destructuring', scopeName)
+        return
+      }
 
-        const variable = findVariable(context.getScope(), propsParam)
-        if (!variable) {
-          return
+      const variable = findVariable(context.getScope(), node)
+      if (!variable) {
+        return
+      }
+      const propsReferenceIds = new Set()
+      for (const reference of variable.references) {
+        if (!reference.isRead()) {
+          continue
         }
-        const propsReferenceIds = new Set()
-        for (const reference of variable.references) {
-          if (!reference.isRead()) {
-            continue
+
+        propsReferenceIds.add(reference.identifier)
+      }
+      setupScopePropsReferenceIds.set(scopeNode, {
+        refs: propsReferenceIds,
+        scopeName
+      })
+    }
+    return utils.compositingVisitors(
+      {
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression | Program} node
+         */
+        'Program, :function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
           }
+        },
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression | Program} node
+         */
+        'Program, :function:exit'(node) {
+          scopeStack = scopeStack && scopeStack.upper
 
-          propsReferenceIds.add(reference.identifier)
-        }
-        setupScopePropsReferenceIds.set(node, propsReferenceIds)
-      },
-      VariableDeclarator(node) {
-        if (!scopeStack) {
-          return
-        }
-        const propsReferenceIds = setupScopePropsReferenceIds.get(
-          scopeStack.functionNode
-        )
-        if (!propsReferenceIds) {
-          return
+          setupScopePropsReferenceIds.delete(node)
+        },
+        /**
+         * @param {VariableDeclarator} node
+         */
+        VariableDeclarator(node) {
+          if (!scopeStack) {
+            return
+          }
+          const propsReferenceIds = setupScopePropsReferenceIds.get(
+            scopeStack.scopeNode
+          )
+          if (!propsReferenceIds) {
+            return
+          }
+          verify(node.id, node.init, propsReferenceIds)
+        },
+        /**
+         * @param {AssignmentExpression} node
+         */
+        AssignmentExpression(node) {
+          if (!scopeStack) {
+            return
+          }
+          const propsReferenceIds = setupScopePropsReferenceIds.get(
+            scopeStack.scopeNode
+          )
+          if (!propsReferenceIds) {
+            return
+          }
+          verify(node.left, node.right, propsReferenceIds)
         }
-        verify(node.id, node.init, propsReferenceIds)
       },
-      AssignmentExpression(node) {
-        if (!scopeStack) {
-          return
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node) {
+          let target = node
+          if (
+            target.parent &&
+            target.parent.type === 'CallExpression' &&
+            target.parent.arguments[0] === target &&
+            target.parent.callee.type === 'Identifier' &&
+            target.parent.callee.name === 'withDefaults'
+          ) {
+            target = target.parent
+          }
+          if (!target.parent) {
+            return
+          }
+
+          /** @type {Pattern|null} */
+          let id = null
+          if (target.parent.type === 'VariableDeclarator') {
+            id = target.parent.init === target ? target.parent.id : null
+          } else if (target.parent.type === 'AssignmentExpression') {
+            id = target.parent.right === target ? target.parent.left : null
+          }
+          processPattern(id, context.getSourceCode().ast, '<script setup>')
         }
-        const propsReferenceIds = setupScopePropsReferenceIds.get(
-          scopeStack.functionNode
-        )
-        if (!propsReferenceIds) {
-          return
+      }),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          const propsParam = utils.skipDefaultParamValue(node.params[0])
+          processPattern(propsParam, node, 'setup()')
         }
-        verify(node.left, node.right, propsReferenceIds)
-      },
-      ':function:exit'(node) {
-        scopeStack = scopeStack && scopeStack.upper
-
-        setupScopePropsReferenceIds.delete(node)
-      }
-    })
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index 781a3ce08..d990f8857 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -165,6 +165,46 @@ tester.run('no-setup-props-destructure', rule, {
       Vue.component('test', {
         el: a = b
       })`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      watch(() => {
+        const {count} = props
+      })
+      watch(() => {
+        const count = props.count
+      })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      watch(() => {
+        ({ count } = props)
+      })
+      watch(() => {
+        count = props.count
+      })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
     }
   ],
   invalid: [
@@ -428,6 +468,63 @@ tester.run('no-setup-props-destructure', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {count} = defineProps({count:Number})
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Destructuring the `props` will cause the value to lose reactivity.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      const {count} = props
+      ;({count} = props)
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      const count = props.count
+      count = props.count
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        },
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 747ab5b90b8476684162e22b6859ca2e41e155b7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 00:01:54 +0900
Subject: [PATCH 0316/1010] Update `vue/no-watch-after-await` rule to support
 `<script setup>` (#1541)

---
 lib/rules/no-watch-after-await.js       | 83 +++++++++++++++++--------
 tests/lib/rules/no-watch-after-await.js | 57 +++++++++++++++++
 2 files changed, 115 insertions(+), 25 deletions(-)

diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index 5f037fb30..8de30668e 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -57,20 +57,31 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const watchCallNodes = new Set()
-    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, { setupProperty: Property, afterAwait: boolean }>} */
-    const setupFunctions = new Map()
+    /**
+     * @typedef {object} SetupScopeData
+     * @property {boolean} afterAwait
+     * @property {[number,number]} range
+     */
+    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program, SetupScopeData>} */
+    const setupScopes = new Map()
 
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} functionNode
+     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program} scopeNode
      */
     /** @type {ScopeStack | null} */
     let scopeStack = null
 
-    return Object.assign(
+    return utils.compositingVisitors(
       {
-        Program() {
+        /** @param {Program} node */
+        Program(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
+          }
+
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
             vue: {
@@ -87,39 +98,39 @@ module.exports = {
           for (const { node } of tracker.iterateEsmReferences(traceMap)) {
             watchCallNodes.add(node)
           }
-        }
-      },
-      utils.defineVueVisitor(context, {
+        },
         /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function'(node) {
           scopeStack = {
             upper: scopeStack,
-            functionNode: node
+            scopeNode: node
           }
         },
-        onSetupFunctionEnter(node) {
-          setupFunctions.set(node, {
-            setupProperty: node.parent,
-            afterAwait: false
-          })
+        ':function:exit'() {
+          scopeStack = scopeStack && scopeStack.upper
         },
-        AwaitExpression() {
+        /** @param {AwaitExpression} node */
+        AwaitExpression(node) {
           if (!scopeStack) {
             return
           }
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (!setupScope || !utils.inRange(setupScope.range, node)) {
             return
           }
-          setupFunctionData.afterAwait = true
+          setupScope.afterAwait = true
         },
         /** @param {CallExpression} node */
         CallExpression(node) {
           if (!scopeStack) {
             return
           }
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (
+            !setupScope ||
+            !setupScope.afterAwait ||
+            !utils.inRange(setupScope.range, node)
+          ) {
             return
           }
 
@@ -129,12 +140,34 @@ module.exports = {
               messageId: 'forbidden'
             })
           }
+        }
+      },
+      (() => {
+        const scriptSetup = utils.getScriptSetupElement(context)
+        if (!scriptSetup) {
+          return {}
+        }
+        return {
+          /**
+           * @param {Program} node
+           */
+          Program(node) {
+            setupScopes.set(node, {
+              afterAwait: false,
+              range: scriptSetup.range
+            })
+          }
+        }
+      })(),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range
+          })
         },
-        /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
-        ':function:exit'(node) {
-          scopeStack = scopeStack && scopeStack.upper
-
-          setupFunctions.delete(node)
+        onSetupFunctionExit(node) {
+          setupScopes.delete(node)
         }
       })
     )
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index c7cf73150..ae5718672 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -118,6 +118,43 @@ tester.run('no-watch-after-await', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {watchEffect} from 'vue'
+      watchEffect(() => { /* ... */ })
+      await doSomething()
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      await doSomething()
+      </script>
+      <script>
+      import {watchEffect} from 'vue'
+      watchEffect(() => { /* ... */ }) // not error
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      </script>
+      <script>
+      import {watchEffect} from 'vue'
+      await doSomething()
+      watchEffect(() => { /* ... */ }) // not error
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
@@ -199,6 +236,26 @@ tester.run('no-watch-after-await', rule, {
           line: 12
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {watch} from 'vue'
+      watch(foo, () => { /* ... */ })
+
+      await doSomething()
+
+      watch(foo, () => { /* ... */ })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 },
+      errors: [
+        {
+          message: 'The `watch` after `await` expression are forbidden.',
+          line: 8
+        }
+      ]
     }
   ]
 })

From e4951327be5dbcbf1deb40be90054f0a1e89a28f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 00:02:08 +0900
Subject: [PATCH 0317/1010] Update `vue/no-template-shadow` rule to support
 `setup()` and `<script setup>` (#1543)

---
 lib/rules/no-template-shadow.js       | 101 +++++++++++++++--------
 tests/lib/rules/no-template-shadow.js | 114 ++++++++++++++++++++++++++
 2 files changed, 180 insertions(+), 35 deletions(-)

diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 44f26cf57..f66f8a701 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -19,7 +19,7 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 /** @type {GroupName[]} */
-const GROUP_NAMES = ['props', 'computed', 'data', 'methods']
+const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
 module.exports = {
   meta: {
@@ -50,44 +50,43 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.defineTemplateBodyVisitor(
-      context,
-      {
-        /** @param {VElement} node */
-        VElement(node) {
-          scopeStack = {
-            parent: scopeStack,
-            nodes: scopeStack
-              ? scopeStack.nodes.slice() // make copy
-              : []
-          }
-          if (node.variables) {
-            for (const variable of node.variables) {
-              const varNode = variable.id
-              const name = varNode.name
-              if (
-                scopeStack.nodes.some((node) => node.name === name) ||
-                jsVars.has(name)
-              ) {
-                context.report({
-                  node: varNode,
-                  loc: varNode.loc,
-                  message:
-                    "Variable '{{name}}' is already declared in the upper scope.",
-                  data: {
-                    name
-                  }
-                })
-              } else {
-                scopeStack.nodes.push(varNode)
+    return utils.compositingVisitors(
+      utils.isScriptSetup(context)
+        ? {
+            Program() {
+              const globalScope =
+                context.getSourceCode().scopeManager.globalScope
+              if (!globalScope) {
+                return
+              }
+              for (const variable of globalScope.variables) {
+                if (variable.defs.length > 0) {
+                  jsVars.add(variable.name)
+                }
+              }
+              const moduleScope = globalScope.childScopes.find(
+                (scope) => scope.type === 'module'
+              )
+              if (!moduleScope) {
+                return
+              }
+              for (const variable of moduleScope.variables) {
+                if (variable.defs.length > 0) {
+                  jsVars.add(variable.name)
+                }
               }
             }
           }
-        },
-        'VElement:exit'() {
-          scopeStack = scopeStack && scopeStack.parent
+        : {},
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          for (const prop of props) {
+            if (prop.propName) {
+              jsVars.add(prop.propName)
+            }
+          }
         }
-      },
+      }),
       utils.executeOnVue(context, (obj) => {
         const properties = Array.from(
           utils.iterateProperties(obj, new Set(GROUP_NAMES))
@@ -95,6 +94,38 @@ module.exports = {
         for (const node of properties) {
           jsVars.add(node.name)
         }
+      }),
+      utils.defineTemplateBodyVisitor(context, {
+        /** @param {VElement} node */
+        VElement(node) {
+          scopeStack = {
+            parent: scopeStack,
+            nodes: scopeStack ? [...scopeStack.nodes] : []
+          }
+          for (const variable of node.variables) {
+            const varNode = variable.id
+            const name = varNode.name
+            if (
+              scopeStack.nodes.some((node) => node.name === name) ||
+              jsVars.has(name)
+            ) {
+              context.report({
+                node: varNode,
+                loc: varNode.loc,
+                message:
+                  "Variable '{{name}}' is already declared in the upper scope.",
+                data: {
+                  name
+                }
+              })
+            } else {
+              scopeStack.nodes.push(varNode)
+            }
+          }
+        },
+        'VElement:exit'() {
+          scopeStack = scopeStack && scopeStack.parent
+        }
       })
     )
   }
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index 872dffcf1..1f1daa184 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -115,6 +115,54 @@ ruleTester.run('no-template-shadow', rule, {
           }
         }
       </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="j in 5">
+          </div>
+        </div>
+      </template>
+      <script>
+        export default {
+          setup() {
+            return {
+              k: 42
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="j in 5">
+          </div>
+        </div>
+      </template>
+      <script setup>
+      let k = 42
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="j in 5">
+          </div>
+        </div>
+      </template>
+      <script setup>
+      defineProps({k:Number})
+      </script>
+      `
     }
   ],
 
@@ -345,6 +393,72 @@ ruleTester.run('no-template-shadow', rule, {
           line: 7
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="j in 5">
+          </div>
+        </div>
+      </template>
+      <script>
+        export default {
+          setup() {
+            return {
+              j: 42
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          message: "Variable 'j' is already declared in the upper scope.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="j in 5">
+          </div>
+        </div>
+      </template>
+      <script setup>
+      let j = 42
+      </script>
+      `,
+      errors: [
+        {
+          message: "Variable 'j' is already declared in the upper scope.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="j in 5">
+          </div>
+        </div>
+      </template>
+      <script setup>
+      defineProps({j:Number})
+      </script>
+      `,
+      errors: [
+        {
+          message: "Variable 'j' is already declared in the upper scope.",
+          line: 4
+        }
+      ]
     }
   ]
 })

From f93892f9019eaf860259af237b9c9d74ece29648 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 00:02:18 +0900
Subject: [PATCH 0318/1010] Update `vue/prop-name-casing` rule to support
 `<script setup>` (#1544)

* Update `vue/prop-name-casing` rule to support `<script setup>`

* fix for test on node v8
---
 lib/rules/prop-name-casing.js       |  25 ++++++-
 tests/lib/rules/prop-name-casing.js | 104 +++++++++++++++++++++++++++-
 2 files changed, 125 insertions(+), 4 deletions(-)

diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 5ee9b78f1..b21147957 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -8,6 +8,12 @@ const utils = require('../utils')
 const casing = require('../utils/casing')
 const allowedCaseOptions = ['camelCase', 'snake_case']
 
+/**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -22,8 +28,11 @@ function create(context) {
   // Public
   // ----------------------------------------------------------------------
 
-  return utils.executeOnVue(context, (obj) => {
-    for (const item of utils.getComponentProps(obj)) {
+  /**
+   * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+   */
+  function processProps(props) {
+    for (const item of props) {
       const propName = item.propName
       if (propName == null) {
         continue
@@ -39,7 +48,17 @@ function create(context) {
         })
       }
     }
-  })
+  }
+  return utils.compositingVisitors(
+    utils.defineScriptSetupVisitor(context, {
+      onDefinePropsEnter(_node, props) {
+        processProps(props)
+      }
+    }),
+    utils.executeOnVue(context, (obj) => {
+      processProps(utils.getComponentProps(obj))
+    })
+  )
 }
 
 // ------------------------------------------------------------------------------
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index 4815c4ebf..4226e2dc8 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const semver = require('semver')
 const rule = require('../../../lib/rules/prop-name-casing')
 const RuleTester = require('eslint').RuleTester
 
@@ -322,6 +323,44 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       options: ['snake_case'],
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        greetingText: String
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['greetingText'])
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        greetingText: number
+      }
+      defineProps<Props>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -580,6 +619,69 @@ ruleTester.run('prop-name-casing', rule, {
       `,
       parserOptions,
       errors: ['Prop "/greeting-text/" is not in camelCase.']
-    }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        greeting_text: String
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['greeting_text'])
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message: 'Prop "greeting_text" is not in camelCase.',
+          line: 3
+        }
+      ]
+    },
+    ...(semver.lt(
+      require('@typescript-eslint/parser/package.json').version,
+      '4.0.0'
+    )
+      ? []
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+            <script setup lang="ts">
+            interface Props {
+              greeting_text: number
+            }
+            defineProps<Props>()
+            </script>
+            `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              ...parserOptions,
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            errors: [
+              {
+                message: 'Prop "greeting_text" is not in camelCase.',
+                line: 4
+              }
+            ]
+          }
+        ])
   ]
 })

From 978464363e51fe5a76508cf289089ba72a805038 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 16:12:46 +0900
Subject: [PATCH 0319/1010] Update `vue/require-prop-types` rule to support
 `<script setup>` (#1546)

---
 lib/rules/require-prop-types.js       | 24 ++++++++---
 tests/lib/rules/require-prop-types.js | 60 +++++++++++++++++++++++++++
 2 files changed, 78 insertions(+), 6 deletions(-)

diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 17037853f..3978db3f0 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -92,12 +92,24 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.executeOnVue(context, (obj) => {
-      const props = utils.getComponentProps(obj)
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          for (const prop of props) {
+            if (prop.type === 'type') {
+              continue
+            }
+            checkProperty(prop)
+          }
+        }
+      }),
+      utils.executeOnVue(context, (obj) => {
+        const props = utils.getComponentProps(obj)
 
-      for (const prop of props) {
-        checkProperty(prop)
-      }
-    })
+        for (const prop of props) {
+          checkProperty(prop)
+        }
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index 4d7d153b3..990126536 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -158,6 +158,32 @@ ruleTester.run('require-prop-types', rule, {
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: String
+      })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{foo:string}>()
+      </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
     }
   ],
 
@@ -305,6 +331,40 @@ ruleTester.run('require-prop-types', rule, {
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {}
+      })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['foo'])
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 3
+        }
+      ]
     }
   ]
 })

From 7a03a40f343b8a36500748702d4a49b47e8e1f2f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 16:14:07 +0900
Subject: [PATCH 0320/1010] Update `vue/require-explicit-emits` rule to support
 `<script setup>` (#1548)

* Update `vue/require-prop-types` rule to support `<script setup>`

* add test
---
 lib/rules/require-explicit-emits.js       | 424 +++++++++++++---------
 tests/lib/rules/require-explicit-emits.js | 202 +++++++++++
 2 files changed, 463 insertions(+), 163 deletions(-)

diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 797428254..34b557b4b 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -7,8 +7,10 @@
 /**
  * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ * @typedef {import('../utils').ComponentTypeEmit} ComponentTypeEmit
  * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
@@ -105,42 +107,43 @@ module.exports = {
     ],
     messages: {
       missing:
-        'The "{{name}}" event has been triggered but not declared on `emits` option.',
-      addOneOption: 'Add the "{{name}}" to `emits` option.',
+        'The "{{name}}" event has been triggered but not declared on {{emitsKind}}.',
+      addOneOption: 'Add the "{{name}}" to {{emitsKind}}.',
       addArrayEmitsOption:
-        'Add the `emits` option with array syntax and define "{{name}}" event.',
+        'Add the {{emitsKind}} with array syntax and define "{{name}}" event.',
       addObjectEmitsOption:
-        'Add the `emits` option with object syntax and define "{{name}}" event.'
+        'Add the {{emitsKind}} with object syntax and define "{{name}}" event.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
     const allowProps = !!options.allowProps
-    /** @type {Map<ObjectExpression, { contextReferenceIds: Set<Identifier>, emitReferenceIds: Set<Identifier> }>} */
+    /** @type {Map<ObjectExpression | Program, { contextReferenceIds: Set<Identifier>, emitReferenceIds: Set<Identifier> }>} */
     const setupContexts = new Map()
-    /** @type {Map<ObjectExpression, (ComponentArrayEmit | ComponentObjectEmit)[]>} */
+    /** @type {Map<ObjectExpression | Program, (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]>} */
     const vueEmitsDeclarations = new Map()
-    /** @type {Map<ObjectExpression, (ComponentArrayProp | ComponentObjectProp)[]>} */
+    /** @type {Map<ObjectExpression | Program, (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]>} */
     const vuePropsDeclarations = new Map()
 
     /**
-     * @typedef {object} VueTemplateObjectData
-     * @property {'export' | 'mark' | 'definition'} type
-     * @property {ObjectExpression} object
-     * @property {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
-     * @property {(ComponentArrayProp | ComponentObjectProp)[]} props
+     * @typedef {object} VueTemplateDefineData
+     * @property {'export' | 'mark' | 'definition' | 'setup'} type
+     * @property {ObjectExpression | Program} define
+     * @property {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
+     * @property {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @property {CallExpression} [defineEmits]
      */
-    /** @type {VueTemplateObjectData | null} */
-    let vueTemplateObjectData = null
+    /** @type {VueTemplateDefineData | null} */
+    let vueTemplateDefineData = null
 
     /**
-     * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
-     * @param {(ComponentArrayProp | ComponentObjectProp)[]} props
+     * @param {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
+     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
      * @param {Literal} nameLiteralNode
-     * @param {ObjectExpression} vueObjectNode
+     * @param {ObjectExpression | Program} vueDefineNode
      */
-    function verifyEmit(emits, props, nameLiteralNode, vueObjectNode) {
+    function verifyEmit(emits, props, nameLiteralNode, vueDefineNode) {
       const name = `${nameLiteralNode.value}`
       if (emits.some((e) => e.emitName === name)) {
         return
@@ -155,12 +158,98 @@ module.exports = {
         node: nameLiteralNode,
         messageId: 'missing',
         data: {
-          name
+          name,
+          emitsKind:
+            vueDefineNode.type === 'ObjectExpression'
+              ? '`emits` option'
+              : '`defineEmits`'
         },
-        suggest: buildSuggest(vueObjectNode, emits, nameLiteralNode, context)
+        suggest: buildSuggest(vueDefineNode, emits, nameLiteralNode, context)
       })
     }
 
+    const programNode = context.getSourceCode().ast
+    if (utils.isScriptSetup(context)) {
+      // init
+      vueTemplateDefineData = {
+        type: 'setup',
+        define: programNode,
+        emits: [],
+        props: []
+      }
+    }
+
+    const callVisitor = {
+      /**
+       * @param {CallExpression & { arguments: [Literal, ...Expression] }} node
+       * @param {VueObjectData} [info]
+       */
+      'CallExpression[arguments.0.type=Literal]'(node, info) {
+        const callee = utils.skipChainExpression(node.callee)
+        const nameLiteralNode = node.arguments[0]
+        if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
+          // cannot check
+          return
+        }
+        const vueDefineNode = info ? info.node : programNode
+        const emitsDeclarations = vueEmitsDeclarations.get(vueDefineNode)
+        if (!emitsDeclarations) {
+          return
+        }
+
+        let emit
+        if (callee.type === 'MemberExpression') {
+          const name = utils.getStaticPropertyName(callee)
+          if (name === 'emit' || name === '$emit') {
+            emit = { name, member: callee }
+          }
+        }
+
+        // verify setup context
+        const setupContext = setupContexts.get(vueDefineNode)
+        if (setupContext) {
+          const { contextReferenceIds, emitReferenceIds } = setupContext
+          if (callee.type === 'Identifier' && emitReferenceIds.has(callee)) {
+            // verify setup(props,{emit}) {emit()}
+            verifyEmit(
+              emitsDeclarations,
+              vuePropsDeclarations.get(vueDefineNode) || [],
+              nameLiteralNode,
+              vueDefineNode
+            )
+          } else if (emit && emit.name === 'emit') {
+            const memObject = utils.skipChainExpression(emit.member.object)
+            if (
+              memObject.type === 'Identifier' &&
+              contextReferenceIds.has(memObject)
+            ) {
+              // verify setup(props,context) {context.emit()}
+              verifyEmit(
+                emitsDeclarations,
+                vuePropsDeclarations.get(vueDefineNode) || [],
+                nameLiteralNode,
+                vueDefineNode
+              )
+            }
+          }
+        }
+
+        // verify $emit
+        if (emit && emit.name === '$emit') {
+          const memObject = utils.skipChainExpression(emit.member.object)
+          if (utils.isThis(memObject, context)) {
+            // verify this.$emit()
+            verifyEmit(
+              emitsDeclarations,
+              vuePropsDeclarations.get(vueDefineNode) || [],
+              nameLiteralNode,
+              vueDefineNode
+            )
+          }
+        }
+      }
+    }
+
     return utils.defineTemplateBodyVisitor(
       context,
       {
@@ -172,54 +261,41 @@ module.exports = {
             // cannot check
             return
           }
-          if (!vueTemplateObjectData) {
+          if (!vueTemplateDefineData) {
             return
           }
           if (callee.type === 'Identifier' && callee.name === '$emit') {
             verifyEmit(
-              vueTemplateObjectData.emits,
-              vueTemplateObjectData.props,
+              vueTemplateDefineData.emits,
+              vueTemplateDefineData.props,
               nameLiteralNode,
-              vueTemplateObjectData.object
+              vueTemplateDefineData.define
             )
           }
         }
       },
-      utils.defineVueVisitor(context, {
-        onVueObjectEnter(node) {
-          vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
-          if (allowProps) {
-            vuePropsDeclarations.set(node, utils.getComponentProps(node))
-          }
-        },
-        onSetupFunctionEnter(node, { node: vueNode }) {
-          const contextParam = node.params[1]
-          if (!contextParam) {
-            // no arguments
-            return
-          }
-          if (contextParam.type === 'RestElement') {
-            // cannot check
-            return
-          }
-          if (contextParam.type === 'ArrayPattern') {
-            // cannot check
-            return
-          }
-          /** @type {Set<Identifier>} */
-          const contextReferenceIds = new Set()
-          /** @type {Set<Identifier>} */
-          const emitReferenceIds = new Set()
-          if (contextParam.type === 'ObjectPattern') {
-            const emitProperty = utils.findAssignmentProperty(
-              contextParam,
-              'emit'
-            )
-            if (!emitProperty) {
+      utils.compositingVisitors(
+        utils.defineScriptSetupVisitor(context, {
+          onDefineEmitsEnter(node, emits) {
+            vueEmitsDeclarations.set(programNode, emits)
+
+            if (
+              vueTemplateDefineData &&
+              vueTemplateDefineData.type === 'setup'
+            ) {
+              vueTemplateDefineData.emits = emits
+              vueTemplateDefineData.defineEmits = node
+            }
+
+            if (
+              !node.parent ||
+              node.parent.type !== 'VariableDeclarator' ||
+              node.parent.init !== node
+            ) {
               return
             }
-            const emitParam = emitProperty.value
-            // `setup(props, {emit})`
+
+            const emitParam = node.parent.id
             const variable =
               emitParam.type === 'Identifier'
                 ? findVariable(context.getScope(), emitParam)
@@ -227,6 +303,8 @@ module.exports = {
             if (!variable) {
               return
             }
+            /** @type {Set<Identifier>} */
+            const emitReferenceIds = new Set()
             for (const reference of variable.references) {
               if (!reference.isRead()) {
                 continue
@@ -234,150 +312,170 @@ module.exports = {
 
               emitReferenceIds.add(reference.identifier)
             }
-          } else if (contextParam.type === 'Identifier') {
-            // `setup(props, context)`
-            const variable = findVariable(context.getScope(), contextParam)
-            if (!variable) {
+            setupContexts.set(programNode, {
+              contextReferenceIds: new Set(),
+              emitReferenceIds
+            })
+          },
+          onDefinePropsEnter(_node, props) {
+            if (allowProps) {
+              vuePropsDeclarations.set(programNode, props)
+
+              if (
+                vueTemplateDefineData &&
+                vueTemplateDefineData.type === 'setup'
+              ) {
+                vueTemplateDefineData.props = props
+              }
+            }
+          },
+          ...callVisitor
+        }),
+        utils.defineVueVisitor(context, {
+          onVueObjectEnter(node) {
+            vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
+            if (allowProps) {
+              vuePropsDeclarations.set(node, utils.getComponentProps(node))
+            }
+          },
+          onSetupFunctionEnter(node, { node: vueNode }) {
+            const contextParam = node.params[1]
+            if (!contextParam) {
+              // no arguments
               return
             }
-            for (const reference of variable.references) {
-              if (!reference.isRead()) {
-                continue
-              }
-
-              contextReferenceIds.add(reference.identifier)
+            if (contextParam.type === 'RestElement') {
+              // cannot check
+              return
             }
-          }
-          setupContexts.set(vueNode, {
-            contextReferenceIds,
-            emitReferenceIds
-          })
-        },
-        /**
-         * @param {CallExpression & { arguments: [Literal, ...Expression] }} node
-         * @param {VueObjectData} data
-         */
-        'CallExpression[arguments.0.type=Literal]'(node, { node: vueNode }) {
-          const callee = utils.skipChainExpression(node.callee)
-          const nameLiteralNode = node.arguments[0]
-          if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
-            // cannot check
-            return
-          }
-          const emitsDeclarations = vueEmitsDeclarations.get(vueNode)
-          if (!emitsDeclarations) {
-            return
-          }
-
-          let emit
-          if (callee.type === 'MemberExpression') {
-            const name = utils.getStaticPropertyName(callee)
-            if (name === 'emit' || name === '$emit') {
-              emit = { name, member: callee }
+            if (contextParam.type === 'ArrayPattern') {
+              // cannot check
+              return
             }
-          }
-
-          // verify setup context
-          const setupContext = setupContexts.get(vueNode)
-          if (setupContext) {
-            const { contextReferenceIds, emitReferenceIds } = setupContext
-            if (callee.type === 'Identifier' && emitReferenceIds.has(callee)) {
-              // verify setup(props,{emit}) {emit()}
-              verifyEmit(
-                emitsDeclarations,
-                vuePropsDeclarations.get(vueNode) || [],
-                nameLiteralNode,
-                vueNode
+            /** @type {Set<Identifier>} */
+            const contextReferenceIds = new Set()
+            /** @type {Set<Identifier>} */
+            const emitReferenceIds = new Set()
+            if (contextParam.type === 'ObjectPattern') {
+              const emitProperty = utils.findAssignmentProperty(
+                contextParam,
+                'emit'
               )
-            } else if (emit && emit.name === 'emit') {
-              const memObject = utils.skipChainExpression(emit.member.object)
-              if (
-                memObject.type === 'Identifier' &&
-                contextReferenceIds.has(memObject)
-              ) {
-                // verify setup(props,context) {context.emit()}
-                verifyEmit(
-                  emitsDeclarations,
-                  vuePropsDeclarations.get(vueNode) || [],
-                  nameLiteralNode,
-                  vueNode
-                )
+              if (!emitProperty) {
+                return
               }
-            }
-          }
+              const emitParam = emitProperty.value
+              // `setup(props, {emit})`
+              const variable =
+                emitParam.type === 'Identifier'
+                  ? findVariable(context.getScope(), emitParam)
+                  : null
+              if (!variable) {
+                return
+              }
+              for (const reference of variable.references) {
+                if (!reference.isRead()) {
+                  continue
+                }
 
-          // verify $emit
-          if (emit && emit.name === '$emit') {
-            const memObject = utils.skipChainExpression(emit.member.object)
-            if (utils.isThis(memObject, context)) {
-              // verify this.$emit()
-              verifyEmit(
-                emitsDeclarations,
-                vuePropsDeclarations.get(vueNode) || [],
-                nameLiteralNode,
-                vueNode
-              )
+                emitReferenceIds.add(reference.identifier)
+              }
+            } else if (contextParam.type === 'Identifier') {
+              // `setup(props, context)`
+              const variable = findVariable(context.getScope(), contextParam)
+              if (!variable) {
+                return
+              }
+              for (const reference of variable.references) {
+                if (!reference.isRead()) {
+                  continue
+                }
+
+                contextReferenceIds.add(reference.identifier)
+              }
             }
-          }
-        },
-        onVueObjectExit(node, { type }) {
-          const emits = vueEmitsDeclarations.get(node)
-          if (
-            !vueTemplateObjectData ||
-            vueTemplateObjectData.type !== 'export'
-          ) {
+            setupContexts.set(vueNode, {
+              contextReferenceIds,
+              emitReferenceIds
+            })
+          },
+          ...callVisitor,
+          onVueObjectExit(node, { type }) {
+            const emits = vueEmitsDeclarations.get(node)
             if (
-              emits &&
-              (type === 'mark' || type === 'export' || type === 'definition')
+              !vueTemplateDefineData ||
+              (vueTemplateDefineData.type !== 'export' &&
+                vueTemplateDefineData.type !== 'setup')
             ) {
-              vueTemplateObjectData = {
-                type,
-                object: node,
-                emits,
-                props: vuePropsDeclarations.get(node) || []
+              if (
+                emits &&
+                (type === 'mark' || type === 'export' || type === 'definition')
+              ) {
+                vueTemplateDefineData = {
+                  type,
+                  define: node,
+                  emits,
+                  props: vuePropsDeclarations.get(node) || []
+                }
               }
             }
+            setupContexts.delete(node)
+            vueEmitsDeclarations.delete(node)
+            vuePropsDeclarations.delete(node)
           }
-          setupContexts.delete(node)
-          vueEmitsDeclarations.delete(node)
-          vuePropsDeclarations.delete(node)
-        }
-      })
+        })
+      )
     )
   }
 }
 
 /**
- * @param {ObjectExpression} object
- * @param {(ComponentArrayEmit | ComponentObjectEmit)[]} emits
+ * @param {ObjectExpression|Program} define
+ * @param {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
  * @param {Literal} nameNode
  * @param {RuleContext} context
  * @returns {Rule.SuggestionReportDescriptor[]}
  */
-function buildSuggest(object, emits, nameNode, context) {
+function buildSuggest(define, emits, nameNode, context) {
+  const emitsKind =
+    define.type === 'ObjectExpression' ? '`emits` option' : '`defineEmits`'
   const certainEmits = emits.filter((e) => e.key)
   if (certainEmits.length) {
     const last = certainEmits[certainEmits.length - 1]
     return [
       {
         messageId: 'addOneOption',
-        data: { name: `${nameNode.value}` },
+        data: {
+          name: `${nameNode.value}`,
+          emitsKind
+        },
         fix(fixer) {
-          if (last.value === null) {
+          if (last.type === 'array') {
             // Array
             return fixer.insertTextAfter(last.node, `, '${nameNode.value}'`)
-          } else {
+          } else if (last.type === 'object') {
             // Object
             return fixer.insertTextAfter(
               last.node,
               `, '${nameNode.value}': null`
             )
+          } else {
+            // type
+            // The argument is unknown and cannot be suggested.
+            return null
           }
         }
       }
     ]
   }
 
+  if (define.type !== 'ObjectExpression') {
+    // We don't know where to put defineEmits.
+    return []
+  }
+
+  const object = define
+
   const propertyNodes = object.properties.filter(utils.isProperty)
 
   const emitsOption = propertyNodes.find(
@@ -393,7 +491,7 @@ function buildSuggest(object, emits, nameNode, context) {
       return [
         {
           messageId: 'addOneOption',
-          data: { name: `${nameNode.value}` },
+          data: { name: `${nameNode.value}`, emitsKind },
           fix(fixer) {
             return fixer.insertTextAfter(
               leftBracket,
@@ -411,7 +509,7 @@ function buildSuggest(object, emits, nameNode, context) {
       return [
         {
           messageId: 'addOneOption',
-          data: { name: `${nameNode.value}` },
+          data: { name: `${nameNode.value}`, emitsKind },
           fix(fixer) {
             return fixer.insertTextAfter(
               leftBrace,
@@ -433,7 +531,7 @@ function buildSuggest(object, emits, nameNode, context) {
   return [
     {
       messageId: 'addArrayEmitsOption',
-      data: { name: `${nameNode.value}` },
+      data: { name: `${nameNode.value}`, emitsKind },
       fix(fixer) {
         if (afterOptionNode) {
           return fixer.insertTextAfter(
@@ -468,7 +566,7 @@ function buildSuggest(object, emits, nameNode, context) {
     },
     {
       messageId: 'addObjectEmitsOption',
-      data: { name: `${nameNode.value}` },
+      data: { name: `${nameNode.value}`, emitsKind },
       fix(fixer) {
         if (afterOptionNode) {
           return fixer.insertTextAfter(
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 6cf1cc6eb..1ea1758d2 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -394,6 +394,69 @@ tester.run('require-explicit-emits', rule, {
       </script>
       `,
       options: [{ allowProps: true }]
+    },
+
+    // <script setup>
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup>
+      defineEmits(['foo'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup>
+      defineEmits({foo:null})
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup lang="ts">
+      defineEmits<{
+        (e: 'foo'): void
+      }>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup lang="ts">
+      defineEmits<(e: 'foo') => void>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup lang="ts">
+      defineEmits<(e: 'foo' | 'bar') => void>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
     }
   ],
   invalid: [
@@ -1607,6 +1670,145 @@ emits: {'foo': null}
           messageId: 'missing'
         }
       ]
+    },
+
+    // <script setup>
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup>
+      defineEmits(['foo'])
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 3,
+          suggestions: [
+            {
+              desc: 'Add the "bar" to `defineEmits`.',
+              output: `
+      <template>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup>
+      defineEmits(['foo', 'bar'])
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup>
+      defineEmits({foo:null})
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 3,
+          suggestions: [
+            {
+              desc: 'Add the "bar" to `defineEmits`.',
+              output: `
+      <template>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup>
+      defineEmits({foo:null, 'bar': null})
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup lang="ts">
+      defineEmits<{
+        (e: 'foo'): void
+      }>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('bar')"/>
+      </template>
+      <script setup lang="ts">
+      defineEmits<(e: 'foo') => void>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup>
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "foo" event has been triggered but not declared on `defineEmits`.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<(e: 'foo') => void>()
+      emit('foo');
+      emit('bar')
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 9b43c9f1787d17517c5005fc42a1877b5cf32ac2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 16:15:38 +0900
Subject: [PATCH 0321/1010] Update `vue/custom-event-name-casing` rule to
 support `<script setup>` (#1549)

---
 lib/rules/custom-event-name-casing.js       | 108 ++++++++++++++------
 tests/lib/rules/custom-event-name-casing.js |  16 +++
 2 files changed, 92 insertions(+), 32 deletions(-)

diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 39d9436e7..f59fa9c2a 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -13,6 +13,10 @@ const utils = require('../utils')
 const casing = require('../utils/casing')
 const { toRegExp } = require('../utils/regexp')
 
+/**
+ * @typedef {import('../utils').VueObjectData} VueObjectData
+ */
+
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
@@ -103,7 +107,7 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @type {Map<ObjectExpression, {contextReferenceIds:Set<Identifier>,emitReferenceIds:Set<Identifier>}>} */
+    /** @type {Map<ObjectExpression|Program, {contextReferenceIds:Set<Identifier>,emitReferenceIds:Set<Identifier>}>} */
     const setupContexts = new Map()
     const options =
       context.options.length === 1 && typeof context.options[0] !== 'string'
@@ -143,6 +147,46 @@ module.exports = {
       })
     }
 
+    const programNode = context.getSourceCode().ast
+
+    const callVisitor = {
+      /**
+       * @param {CallExpression} node
+       * @param {VueObjectData} [info]
+       */
+      CallExpression(node, info) {
+        const nameLiteralNode = getNameParamNode(node)
+        if (!nameLiteralNode) {
+          // cannot check
+          return
+        }
+
+        // verify setup context
+        const setupContext = setupContexts.get(info ? info.node : programNode)
+        if (setupContext) {
+          const { contextReferenceIds, emitReferenceIds } = setupContext
+          if (
+            node.callee.type === 'Identifier' &&
+            emitReferenceIds.has(node.callee)
+          ) {
+            // verify setup(props,{emit}) {emit()}
+            verify(nameLiteralNode)
+          } else {
+            const emit = getCalleeMemberNode(node)
+            if (
+              emit &&
+              emit.name === 'emit' &&
+              emit.member.object.type === 'Identifier' &&
+              contextReferenceIds.has(emit.member.object)
+            ) {
+              // verify setup(props,context) {context.emit()}
+              verify(nameLiteralNode)
+            }
+          }
+        }
+      }
+    }
+
     return utils.defineTemplateBodyVisitor(
       context,
       {
@@ -159,6 +203,36 @@ module.exports = {
         }
       },
       utils.compositingVisitors(
+        utils.defineScriptSetupVisitor(context, {
+          onDefineEmitsEnter(node) {
+            if (
+              !node.parent ||
+              node.parent.type !== 'VariableDeclarator' ||
+              node.parent.init !== node
+            ) {
+              return
+            }
+
+            const emitParam = node.parent.id
+            if (emitParam.type !== 'Identifier') {
+              return
+            }
+            // const emit = defineEmits()
+            const variable = findVariable(context.getScope(), emitParam)
+            if (!variable) {
+              return
+            }
+            const emitReferenceIds = new Set()
+            for (const reference of variable.references) {
+              emitReferenceIds.add(reference.identifier)
+            }
+            setupContexts.set(programNode, {
+              contextReferenceIds: new Set(),
+              emitReferenceIds
+            })
+          },
+          ...callVisitor
+        }),
         utils.defineVueVisitor(context, {
           onSetupFunctionEnter(node, { node: vueNode }) {
             const contextParam = utils.skipDefaultParamValue(node.params[1])
@@ -207,37 +281,7 @@ module.exports = {
               emitReferenceIds
             })
           },
-          CallExpression(node, { node: vueNode }) {
-            const nameLiteralNode = getNameParamNode(node)
-            if (!nameLiteralNode) {
-              // cannot check
-              return
-            }
-
-            // verify setup context
-            const setupContext = setupContexts.get(vueNode)
-            if (setupContext) {
-              const { contextReferenceIds, emitReferenceIds } = setupContext
-              if (
-                node.callee.type === 'Identifier' &&
-                emitReferenceIds.has(node.callee)
-              ) {
-                // verify setup(props,{emit}) {emit()}
-                verify(nameLiteralNode)
-              } else {
-                const emit = getCalleeMemberNode(node)
-                if (
-                  emit &&
-                  emit.name === 'emit' &&
-                  emit.member.object.type === 'Identifier' &&
-                  contextReferenceIds.has(emit.member.object)
-                ) {
-                  // verify setup(props,context) {context.emit()}
-                  verify(nameLiteralNode)
-                }
-              }
-            }
-          },
+          ...callVisitor,
           onVueObjectExit(node) {
             setupContexts.delete(node)
           }
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index cd857b4ce..00b76e4ed 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -478,6 +478,22 @@ tester.run('custom-event-name-casing', rule, {
         "Custom event name 'bar-baz' must be camelCase.",
         "Custom event name 'baz-qux' must be camelCase."
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits({})
+      emit('fooBar')
+      emit('foo-bar')
+      </script>
+      `,
+      errors: [
+        {
+          message: "Custom event name 'fooBar' must be kebab-case.",
+          line: 4
+        }
+      ]
     }
   ]
 })

From cd2ad1c1a39fff5370725754d7f2552524d4828a Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:23:00 +0900
Subject: [PATCH 0322/1010] Update `vue/no-boolean-default` rule to support
 `<script setup>` (#1550)

* Update `vue/no-boolean-default` rule to support `<script setup>`

* Fix test
---
 lib/rules/no-boolean-default.js       | 120 +++++++++-------
 tests/lib/rules/no-boolean-default.js | 196 +++++++++++++++++++++++++-
 2 files changed, 263 insertions(+), 53 deletions(-)

diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index e278e3011..6b1f44e74 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -9,6 +9,7 @@ const utils = require('../utils')
 /**
  * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
  */
 
 // ------------------------------------------------------------------------------
@@ -29,31 +30,10 @@ function isBooleanProp(prop) {
 }
 
 /**
- * @typedef {ComponentObjectProp & { value : ObjectExpression }} ObjectExpressionProp
+ * @param {ObjectExpression} propDefValue
  */
-
-/**
- * @param {(ComponentArrayProp | ComponentObjectProp)[]} props
- * @returns {ObjectExpressionProp[]}
- */
-function getBooleanProps(props) {
-  return props.filter(
-    /**
-     * @param {ComponentArrayProp | ComponentObjectProp} prop
-     * @returns {prop is ObjectExpressionProp}
-     */
-    (prop) =>
-      prop.value != null &&
-      prop.value.type === 'ObjectExpression' &&
-      prop.value.properties.some(isBooleanProp)
-  )
-}
-
-/**
- * @param {ObjectExpressionProp} propDef
- */
-function getDefaultNode(propDef) {
-  return utils.findProperty(propDef.value, 'default')
+function getDefaultNode(propDefValue) {
+  return utils.findProperty(propDefValue, 'default')
 }
 
 module.exports = {
@@ -73,42 +53,78 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    return utils.executeOnVueComponent(context, (obj) => {
-      const props = utils.getComponentProps(obj)
-      const booleanProps = getBooleanProps(props)
-
-      if (!booleanProps.length) return
-
-      const booleanType = context.options[0] || 'no-default'
-
-      booleanProps.forEach((propDef) => {
-        const defaultNode = getDefaultNode(propDef)
+    const booleanType = context.options[0] || 'no-default'
+    /**
+     * @param {ComponentArrayProp | ComponentObjectProp | ComponentTypeProp} prop
+     * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
+     */
+    function processProp(prop, withDefaultsExpressions) {
+      if (prop.type === 'object') {
+        if (prop.value.type !== 'ObjectExpression') {
+          return
+        }
+        if (!prop.value.properties.some(isBooleanProp)) {
+          return
+        }
+        const defaultNode = getDefaultNode(prop.value)
+        if (!defaultNode) {
+          return
+        }
+        verifyDefaultExpression(defaultNode.value)
+      } else if (prop.type === 'type') {
+        if (prop.types.length !== 1 || prop.types[0] !== 'Boolean') {
+          return
+        }
+        const defaultNode =
+          withDefaultsExpressions && withDefaultsExpressions[prop.propName]
         if (!defaultNode) {
           return
         }
+        verifyDefaultExpression(defaultNode)
+      }
+    }
+    /**
+     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
+     */
+    function processProps(props, withDefaultsExpressions) {
+      for (const prop of props) {
+        processProp(prop, withDefaultsExpressions)
+      }
+    }
+
+    /**
+     * @param {Expression} defaultNode
+     */
+    function verifyDefaultExpression(defaultNode) {
+      switch (booleanType) {
+        case 'no-default':
+          context.report({
+            node: defaultNode,
+            message:
+              'Boolean prop should not set a default (Vue defaults it to false).'
+          })
+          break
 
-        switch (booleanType) {
-          case 'no-default':
+        case 'default-false':
+          if (defaultNode.type !== 'Literal' || defaultNode.value !== false) {
             context.report({
               node: defaultNode,
-              message:
-                'Boolean prop should not set a default (Vue defaults it to false).'
+              message: 'Boolean prop should only be defaulted to false.'
             })
-            break
-
-          case 'default-false':
-            if (
-              defaultNode.value.type !== 'Literal' ||
-              defaultNode.value.value !== false
-            ) {
-              context.report({
-                node: defaultNode,
-                message: 'Boolean prop should only be defaulted to false.'
-              })
-            }
-            break
+          }
+          break
+      }
+    }
+    return utils.compositingVisitors(
+      utils.executeOnVueComponent(context, (obj) => {
+        processProps(utils.getComponentProps(obj))
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          processProps(props, utils.getWithDefaultsPropExpressions(node))
         }
       })
-    })
+    )
   }
 }
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index 7421a049d..ef1af7925 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const semver = require('semver')
 const rule = require('../../../lib/rules/no-boolean-default')
 
 const RuleTester = require('eslint').RuleTester
@@ -229,6 +230,102 @@ ruleTester.run('no-boolean-default', rule, {
         }
       `,
       options: ['default-false']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {
+          type:Boolean
+        }
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {
+          type:Boolean,
+          default: false
+        }
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      options: ['default-false']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: boolean
+      }
+      withDefaults(defineProps<Props>(), {
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: boolean
+      }
+      withDefaults(defineProps<Props>(), {
+        foo: false
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: ['default-false']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: boolean | string
+      }
+      withDefaults(defineProps<Props>(), {
+        foo: false
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: string
+      }
+      withDefaults(defineProps<Props>(), {
+        foo: false
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -314,6 +411,103 @@ ruleTester.run('no-boolean-default', rule, {
           line: 6
         }
       ]
-    }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {
+          type:Boolean,
+          default: false
+        }
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message:
+            'Boolean prop should not set a default (Vue defaults it to false).',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {
+          type:Boolean,
+          default: true
+        }
+      })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      options: ['default-false'],
+      errors: [
+        {
+          message: 'Boolean prop should only be defaulted to false.',
+          line: 6
+        }
+      ]
+    },
+    ...(semver.lt(
+      require('@typescript-eslint/parser/package.json').version,
+      '4.0.0'
+    )
+      ? []
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: boolean
+      }
+      withDefaults(defineProps<Props>(), {
+        foo: false
+      })
+      </script>
+      `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            errors: [
+              {
+                message:
+                  'Boolean prop should not set a default (Vue defaults it to false).',
+                line: 7
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: boolean
+      }
+      withDefaults(defineProps<Props>(), {
+        foo: true
+      })
+      </script>
+      `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            options: ['default-false'],
+            errors: [
+              {
+                message: 'Boolean prop should only be defaulted to false.',
+                line: 7
+              }
+            ]
+          }
+        ])
   ]
 })

From b1321910b354165df345f4c20c89e0d492eaf36c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:23:18 +0900
Subject: [PATCH 0323/1010] Update `vue/no-restricted-call-after-await` rule to
 support `<script setup>` (#1551)

---
 lib/rules/no-restricted-call-after-await.js   | 79 +++++++++++++------
 .../rules/no-restricted-call-after-await.js   | 31 ++++++++
 2 files changed, 87 insertions(+), 23 deletions(-)

diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index 6723d91ce..0c1989418 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -54,15 +54,21 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    /**
+     * @typedef {object} SetupScopeData
+     * @property {boolean} afterAwait
+     * @property {[number,number]} range
+     */
+
     /** @type {Map<ESNode, string>} */
     const restrictedCallNodes = new Map()
-    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, { setupProperty: Property, afterAwait: boolean }>} */
-    const setupFunctions = new Map()
+    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program, SetupScopeData>} */
+    const setupScopes = new Map()
 
     /**x
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} functionNode
+     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program} scopeNode
      */
     /** @type {ScopeStack | null} */
     let scopeStack = null
@@ -136,6 +142,11 @@ module.exports = {
       {
         /** @param {Program} node */
         Program(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
+          }
+
           const tracker = new ReferenceTracker(context.getScope())
 
           for (const option of context.options) {
@@ -170,39 +181,39 @@ module.exports = {
               }
             }
           }
-        }
-      },
-      utils.defineVueVisitor(context, {
+        },
         /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function'(node) {
           scopeStack = {
             upper: scopeStack,
-            functionNode: node
+            scopeNode: node
           }
         },
-        onSetupFunctionEnter(node) {
-          setupFunctions.set(node, {
-            setupProperty: node.parent,
-            afterAwait: false
-          })
+        ':function:exit'() {
+          scopeStack = scopeStack && scopeStack.upper
         },
-        AwaitExpression() {
+        /** @param {AwaitExpression} node */
+        AwaitExpression(node) {
           if (!scopeStack) {
             return
           }
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData) {
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (!setupScope || !utils.inRange(setupScope.range, node)) {
             return
           }
-          setupFunctionData.afterAwait = true
+          setupScope.afterAwait = true
         },
         /** @param {CallExpression} node */
         CallExpression(node) {
           if (!scopeStack) {
             return
           }
-          const setupFunctionData = setupFunctions.get(scopeStack.functionNode)
-          if (!setupFunctionData || !setupFunctionData.afterAwait) {
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (
+            !setupScope ||
+            !setupScope.afterAwait ||
+            !utils.inRange(setupScope.range, node)
+          ) {
             return
           }
 
@@ -214,12 +225,34 @@ module.exports = {
               data: { message }
             })
           }
+        }
+      },
+      (() => {
+        const scriptSetup = utils.getScriptSetupElement(context)
+        if (!scriptSetup) {
+          return {}
+        }
+        return {
+          /**
+           * @param {Program} node
+           */
+          Program(node) {
+            setupScopes.set(node, {
+              afterAwait: false,
+              range: scriptSetup.range
+            })
+          }
+        }
+      })(),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range
+          })
         },
-        /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
-        ':function:exit'(node) {
-          scopeStack = scopeStack && scopeStack.upper
-
-          setupFunctions.delete(node)
+        onSetupFunctionExit(node) {
+          setupScopes.delete(node)
         }
       })
     )
diff --git a/tests/lib/rules/no-restricted-call-after-await.js b/tests/lib/rules/no-restricted-call-after-await.js
index 530e7cd39..92353eaf0 100644
--- a/tests/lib/rules/no-restricted-call-after-await.js
+++ b/tests/lib/rules/no-restricted-call-after-await.js
@@ -125,6 +125,18 @@ tester.run('no-restricted-call-after-await', rule, {
         { module: './baz', path: 'qux' },
         { module: 'vue-i18n', path: 'useI18n' }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {useI18n} from 'vue-i18n'
+      useI18n()
+      await doSomething()
+      </script>
+      `,
+      options: [{ module: 'vue-i18n', path: 'useI18n' }],
+      parserOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
@@ -377,6 +389,25 @@ tester.run('no-restricted-call-after-await', rule, {
           line: 7
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {useI18n} from 'vue-i18n'
+      await doSomething()
+      useI18n()
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 },
+      options: [{ module: 'vue-i18n', path: 'useI18n' }],
+      errors: [
+        {
+          message:
+            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From c8d284b9f4280a8200937c0d82bd1126a6195a1d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:23:48 +0900
Subject: [PATCH 0324/1010] Update `vue/no-restricted-props` rule to support
 `<script setup>` (#1552)

* Update `vue/no-restricted-props` rule to support `<script setup>`

* fix

* fix
---
 lib/rules/no-restricted-props.js       |  79 +++++---
 lib/utils/index.js                     |  57 ++++--
 tests/lib/rules/no-restricted-props.js | 262 ++++++++++++++++++++++++-
 3 files changed, 359 insertions(+), 39 deletions(-)

diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 8a64913c3..9bd26a81e 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -7,6 +7,12 @@
 const utils = require('../utils')
 const regexp = require('../utils/regexp')
 
+/**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ */
+
 /**
  * @typedef {object} ParsedOption
  * @property { (name: string) => boolean } test
@@ -88,39 +94,58 @@ module.exports = {
     /** @type {ParsedOption[]} */
     const options = context.options.map(parseOption)
 
-    return utils.defineVueVisitor(context, {
-      onVueObjectEnter(node) {
-        for (const prop of utils.getComponentProps(node)) {
-          if (!prop.propName) {
-            continue
-          }
+    /**
+     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param { { [key: string]: Property | undefined } } [withDefaultsProps]
+     */
+    function processProps(props, withDefaultsProps) {
+      for (const prop of props) {
+        if (!prop.propName) {
+          continue
+        }
 
-          for (const option of options) {
-            if (option.test(prop.propName)) {
-              const message =
-                option.message ||
-                `Using \`${prop.propName}\` props is not allowed.`
-              context.report({
-                node: prop.key,
-                messageId: 'restrictedProp',
-                data: { message },
-                suggest: createSuggest(prop.key, option)
-              })
-              break
-            }
+        for (const option of options) {
+          if (option.test(prop.propName)) {
+            const message =
+              option.message ||
+              `Using \`${prop.propName}\` props is not allowed.`
+            context.report({
+              node: prop.key,
+              messageId: 'restrictedProp',
+              data: { message },
+              suggest: createSuggest(
+                prop.key,
+                option,
+                withDefaultsProps && withDefaultsProps[prop.propName]
+              )
+            })
+            break
           }
         }
       }
-    })
+    }
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          processProps(props, utils.getWithDefaultsProps(node))
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          processProps(utils.getComponentProps(node))
+        }
+      })
+    )
   }
 }
 
 /**
  * @param {Expression} node
  * @param {ParsedOption} option
+ * @param {Property} [withDefault]
  * @returns {Rule.SuggestionReportDescriptor[]}
  */
-function createSuggest(node, option) {
+function createSuggest(node, option, withDefault) {
   if (!option.suggest) {
     return []
   }
@@ -140,7 +165,17 @@ function createSuggest(node, option) {
   return [
     {
       fix(fixer) {
-        return fixer.replaceText(node, replaceText)
+        const fixes = [fixer.replaceText(node, replaceText)]
+        if (withDefault) {
+          if (withDefault.shorthand) {
+            fixes.push(
+              fixer.insertTextBefore(withDefault.value, `${replaceText}:`)
+            )
+          } else {
+            fixes.push(fixer.replaceText(withDefault.key, replaceText))
+          }
+        }
+        return fixes.sort((a, b) => a.range[0] - b.range[0])
       },
       messageId: 'instead',
       data: { suggest: option.suggest }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index dc7f3d280..9b86cf6e4 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1152,29 +1152,24 @@ module.exports = {
    * @returns { { [key: string]: Expression | undefined } }
    */
   getWithDefaultsPropExpressions(node) {
-    if (!hasWithDefaults(node)) {
-      return {}
-    }
-    const param = node.parent.arguments[1]
-    if (!param || param.type !== 'ObjectExpression') {
-      return {}
-    }
+    const map = getWithDefaultsProps(node)
 
-    /** @type {Record<string, Expression>} */
+    /** @type {Record<string, Expression | undefined>} */
     const result = {}
 
-    for (const prop of param.properties) {
-      if (prop.type !== 'Property') {
-        return {}
-      }
-      const name = getStaticPropertyName(prop)
-      if (name != null) {
-        result[name] = prop.value
-      }
+    for (const key of Object.keys(map)) {
+      const prop = map[key]
+      result[key] = prop && prop.value
     }
 
     return result
   },
+  /**
+   * Gets a map of the property nodes defined in withDefaults.
+   * @param {CallExpression} node The node of defineProps
+   * @returns { { [key: string]: Property | undefined } }
+   */
+  getWithDefaultsProps,
 
   getVueObjectType,
   /**
@@ -2400,6 +2395,36 @@ function hasWithDefaults(node) {
   )
 }
 
+/**
+ * Gets a map of the property nodes defined in withDefaults.
+ * @param {CallExpression} node The node of defineProps
+ * @returns { { [key: string]: Property | undefined } }
+ */
+function getWithDefaultsProps(node) {
+  if (!hasWithDefaults(node)) {
+    return {}
+  }
+  const param = node.parent.arguments[1]
+  if (!param || param.type !== 'ObjectExpression') {
+    return {}
+  }
+
+  /** @type {Record<string, Property>} */
+  const result = {}
+
+  for (const prop of param.properties) {
+    if (prop.type !== 'Property') {
+      return {}
+    }
+    const name = getStaticPropertyName(prop)
+    if (name != null) {
+      result[name] = prop
+    }
+  }
+
+  return result
+}
+
 /**
  * Get all props by looking at all component's properties
  * @param {ObjectExpression|ArrayExpression} propsNode Object with props definition
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index 4206b4014..3348ca1a0 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -7,6 +7,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-props')
 
@@ -326,6 +327,265 @@ tester.run('no-restricted-props', rule, {
           ]
         }
       ]
-    }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        foo: {},
+      })
+      </script>
+      `,
+      options: [{ name: 'foo', suggest: 'Foo' }],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 4,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script setup>
+      defineProps({
+        Foo: {},
+      })
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['foo'])
+      </script>
+      `,
+      options: [{ name: 'foo', suggest: 'Foo' }],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 3,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script setup>
+      defineProps(["Foo"])
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{
+        foo:boolean
+      }>()
+      </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: [{ name: 'foo', suggest: 'Foo' }],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 4,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script setup lang="ts">
+      defineProps<{
+        Foo:boolean
+      }>()
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    ...(semver.lt(
+      require('@typescript-eslint/parser/package.json').version,
+      '4.0.0'
+    )
+      ? []
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+      interface Props {
+        foo:boolean
+      }
+      defineProps<Props>()
+      </script>
+      `,
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            options: [{ name: 'foo', suggest: 'Foo' }],
+            errors: [
+              {
+                message: 'Using `foo` props is not allowed.',
+                line: 4,
+                suggestions: [
+                  {
+                    desc: 'Instead, change to `Foo`.',
+                    output: `
+      <script setup lang="ts">
+      interface Props {
+        Foo:boolean
+      }
+      defineProps<Props>()
+      </script>
+      `
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+      interface Props {
+        foo:boolean
+      }
+      withDefaults(defineProps<Props>(),
+        {
+          foo: false
+        }
+      )
+      </script>
+      `,
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            options: [{ name: 'foo', suggest: 'Foo' }],
+            errors: [
+              {
+                message: 'Using `foo` props is not allowed.',
+                line: 4,
+                suggestions: [
+                  {
+                    desc: 'Instead, change to `Foo`.',
+                    output: `
+      <script setup lang="ts">
+      interface Props {
+        Foo:boolean
+      }
+      withDefaults(defineProps<Props>(),
+        {
+          Foo: false
+        }
+      )
+      </script>
+      `
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+      <script>
+      const foo = false
+      </script>
+      <script setup lang="ts">
+      interface Props {
+        foo:boolean
+      }
+      withDefaults(defineProps<Props>(),
+        {
+          foo
+        }
+      )
+      </script>
+      `,
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            options: [{ name: 'foo', suggest: 'Foo' }],
+            errors: [
+              {
+                message: 'Using `foo` props is not allowed.',
+                line: 7,
+                suggestions: [
+                  {
+                    desc: 'Instead, change to `Foo`.',
+                    output: `
+      <script>
+      const foo = false
+      </script>
+      <script setup lang="ts">
+      interface Props {
+        Foo:boolean
+      }
+      withDefaults(defineProps<Props>(),
+        {
+          Foo:foo
+        }
+      )
+      </script>
+      `
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+      <script setup lang="ts">
+      withDefaults(defineProps<Props>(),
+        {
+          foo: false
+        }
+      )
+      interface Props {
+        foo:boolean
+      }
+      </script>
+      `,
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            options: [{ name: 'foo', suggest: 'Foo' }],
+            errors: [
+              {
+                message: 'Using `foo` props is not allowed.',
+                line: 9,
+                suggestions: [
+                  {
+                    desc: 'Instead, change to `Foo`.',
+                    output: `
+      <script setup lang="ts">
+      withDefaults(defineProps<Props>(),
+        {
+          Foo: false
+        }
+      )
+      interface Props {
+        Foo:boolean
+      }
+      </script>
+      `
+                  }
+                ]
+              }
+            ]
+          }
+        ])
   ]
 })

From 6fdb0245b7f86f01a8a788e2968bfdfe479e5c8c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:24:15 +0900
Subject: [PATCH 0325/1010] Update `vue/no-unregistered-components` rule to
 support `<script setup>` (#1553)

---
 lib/rules/no-unregistered-components.js       |  3 +++
 tests/lib/rules/no-unregistered-components.js | 11 +++++++++++
 2 files changed, 14 insertions(+)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 58e2324c6..5cc22a9f8 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -61,6 +61,9 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    if (utils.isScriptSetup(context)) {
+      return {}
+    }
     const options = context.options[0] || {}
     /** @type {string[]} */
     const ignorePatterns = options.ignorePatterns || []
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 6a51bf494..f120cde81 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -490,6 +490,17 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <TheModal />
+      </template>
+
+      <script setup>
+      import TheModal from 'foo'
+      </script>`
     }
   ],
   invalid: [

From d47de397b711bbced1cd2ff5826a2212c31f0997 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:24:30 +0900
Subject: [PATCH 0326/1010] Update `vue/no-unsupported-features` rule to
 support `<script setup>` (#1554)

---
 docs/rules/no-unsupported-features.md         |  3 ++
 lib/rules/no-unsupported-features.js          |  4 ++
 lib/rules/syntaxes/script-setup.js            | 28 +++++++++++
 .../no-unsupported-features/script-setup.js   | 48 +++++++++++++++++++
 4 files changed, 83 insertions(+)
 create mode 100644 lib/rules/syntaxes/script-setup.js
 create mode 100644 tests/lib/rules/no-unsupported-features/script-setup.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 3d29d0c7f..48e222a99 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -32,6 +32,7 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.1.0+
     - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
   - Vue.js 3.0.0+
+    - `"script-setup"` ... [`<script setup>`][Vue RFCs - 0040-script-setup]
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
     - `"v-is"` ... [v-is](https://v3.vuejs.org/api/directives.html#v-is) directive.
@@ -105,6 +106,7 @@ The `"ignores"` option accepts an array of the following strings.
 - [Vue RFCs - 0003-dynamic-directive-arguments]
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
 - [Vue RFCs - 0011-v-model-api-change]
+- [Vue RFCs - 0040-script-setup]
 - [Vue RFCs - v-bind .prop shorthand proposal]
 
 [Vue RFCs - 0001-new-slot-syntax]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot-syntax.md
@@ -112,6 +114,7 @@ The `"ignores"` option accepts an array of the following strings.
 [Vue RFCs - 0003-dynamic-directive-arguments]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0003-dynamic-directive-arguments.md
 [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md
 [Vue RFCs - 0011-v-model-api-change]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0011-v-model-api-change.md
+[Vue RFCs - 0040-script-setup]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
 
 [Vue RFCs - v-bind .prop shorthand proposal]: https://github.com/vuejs/rfcs/pull/18
 
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 2d4caf3e2..821a82373 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -26,6 +26,7 @@ const FEATURES = {
   'v-model-argument': require('./syntaxes/v-model-argument'),
   'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
   'v-is': require('./syntaxes/v-is'),
+  'script-setup': require('./syntaxes/script-setup'),
   // Vue.js 3.1.0+
   'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix')
 }
@@ -100,6 +101,9 @@ module.exports = {
       forbiddenVModelCustomModifiers:
         'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
       forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".',
+      forbiddenScriptSetup:
+        '`<script setup>` are not supported until Vue.js "3.0.0".',
+      // Vue.js 3.1.0+
       forbiddenIsAttributeWithVuePrefix:
         '`is="vue:"` are not supported until Vue.js "3.1.0".'
     }
diff --git a/lib/rules/syntaxes/script-setup.js b/lib/rules/syntaxes/script-setup.js
new file mode 100644
index 000000000..ef395d5ed
--- /dev/null
+++ b/lib/rules/syntaxes/script-setup.js
@@ -0,0 +1,28 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../utils')
+
+module.exports = {
+  supported: '>=3.0.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createScriptVisitor(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup) {
+      return {}
+    }
+    const reportNode =
+      utils.getAttribute(scriptSetup, 'setup') || scriptSetup.startTag
+    return {
+      Program() {
+        context.report({
+          node: reportNode,
+          messageId: 'forbiddenScriptSetup'
+        })
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-unsupported-features/script-setup.js b/tests/lib/rules/no-unsupported-features/script-setup.js
new file mode 100644
index 000000000..584262364
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/script-setup.js
@@ -0,0 +1,48 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('script-setup', '^3.0.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/script-setup', rule, {
+  valid: [
+    {
+      code: `
+      <script setup>
+      </script>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <script>
+      </script>`,
+      options: buildOptions({ version: '^2.6.0' })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <script setup>
+      </script>`,
+      options: buildOptions({ version: '^2.6.0' }),
+      errors: [
+        {
+          message: '`<script setup>` are not supported until Vue.js "3.0.0".',
+          line: 2
+        }
+      ]
+    }
+  ]
+})

From fed7f4edad9bd2c3e273818c6a8ffa8a554e4a15 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:25:08 +0900
Subject: [PATCH 0327/1010] Update `vue/no-unused-properties` rule to support
 `<script setup>` (#1555)

---
 lib/rules/no-unused-properties.js       | 77 +++++++++++++++++++++++--
 tests/lib/rules/no-unused-properties.js | 12 ++++
 2 files changed, 85 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index be18224ed..9a38c2a75 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -12,9 +12,27 @@ const utils = require('../utils')
 const eslintUtils = require('eslint-utils')
 
 /**
- * @typedef {import('../utils').ComponentPropertyData} ComponentPropertyData
+ * @typedef {import('../utils').GroupName} GroupName
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
+
+/**
+ * @typedef {object} ComponentObjectPropertyData
+ * @property {string} name
+ * @property {GroupName} groupName
+ * @property {'object'} type
+ * @property {ASTNode} node
+ * @property {Property} property
+ *
+ * @typedef {object} ComponentNonObjectPropertyData
+ * @property {string} name
+ * @property {GroupName} groupName
+ * @property {'array' | 'type'} type
+ * @property {ASTNode} node
+ *
+ * @typedef { ComponentNonObjectPropertyData | ComponentObjectPropertyData } ComponentPropertyData
+ */
+
 /**
  * @typedef {object} TemplatePropertiesContainer
  * @property {UsedProperties} usedProperties
@@ -256,7 +274,7 @@ class ParamsUsedProperties {
       return param
     }
     if (this.node.params[index]) {
-      return (this.params[index] = extractParamProperties(
+      return (this.params[index] = extractParamOrVerProperties(
         this.node.params[index],
         this.context
       ))
@@ -270,7 +288,7 @@ class ParamsUsedProperties {
  * @param {RuleContext} context
  * @returns {UsedProperties}
  */
-function extractParamProperties(node, context) {
+function extractParamOrVerProperties(node, context) {
   const result = new UsedProperties()
 
   while (node.type === 'AssignmentPattern') {
@@ -826,7 +844,58 @@ module.exports = {
     }
 
     const scriptVisitor = utils.compositingVisitors(
-      {},
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          if (!groups.has('props')) {
+            return
+          }
+          const container = getVueComponentPropertiesContainer(node)
+
+          for (const prop of props) {
+            if (!prop.propName) {
+              continue
+            }
+            if (prop.type === 'object') {
+              container.properties.push({
+                type: prop.type,
+                name: prop.propName,
+                groupName: 'props',
+                node: prop.key,
+                property: prop.node
+              })
+            } else {
+              container.properties.push({
+                type: prop.type,
+                name: prop.propName,
+                groupName: 'props',
+                node: prop.key
+              })
+            }
+          }
+          let target = node
+          if (
+            target.parent &&
+            target.parent.type === 'CallExpression' &&
+            target.parent.arguments[0] === target &&
+            target.parent.callee.type === 'Identifier' &&
+            target.parent.callee.name === 'withDefaults'
+          ) {
+            target = target.parent
+          }
+
+          if (
+            !target.parent ||
+            target.parent.type !== 'VariableDeclarator' ||
+            target.parent.init !== target
+          ) {
+            return
+          }
+
+          const pattern = target.parent.id
+          const usedProps = extractParamOrVerProperties(pattern, context)
+          container.usedPropertiesForProps.merge(usedProps)
+        }
+      }),
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
           const container = getVueComponentPropertiesContainer(node)
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index e52a4bbf4..f9d61e4b0 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -2400,6 +2400,18 @@ tester.run('no-unused-properties', rule, {
         "'a' of data found, but never used.",
         "'b' of data found, but never used."
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{a}}
+      </template>
+      <script setup>
+      const props = defineProps(['a', 'b', 'c'])
+      props.b
+      </script>`,
+      errors: ["'c' of property found, but never used."]
     }
   ]
 })

From 4e575ea5e041f83485e0e528f3d665a1ff634004 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:25:31 +0900
Subject: [PATCH 0328/1010] Update `vue/no-unused-refs` rule to support
 `setup()` and `<script setup>` (#1556)

---
 lib/rules/no-unused-refs.js       | 69 ++++++++++++++++++++++++-------
 tests/lib/rules/no-unused-refs.js | 31 ++++++++++++++
 2 files changed, 85 insertions(+), 15 deletions(-)

diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
index 0e9455f61..2c47bc035 100644
--- a/lib/rules/no-unused-refs.js
+++ b/lib/rules/no-unused-refs.js
@@ -180,25 +180,64 @@ module.exports = {
           reportUnusedRefs()
         }
       },
-      {
-        Identifier(id) {
-          if (hasUnknown) {
-            return
-          }
-          if (id.name !== '$refs') {
-            return
+      utils.compositingVisitors(
+        utils.isScriptSetup(context)
+          ? {
+              Program() {
+                const globalScope =
+                  context.getSourceCode().scopeManager.globalScope
+                if (!globalScope) {
+                  return
+                }
+                for (const variable of globalScope.variables) {
+                  if (variable.defs.length > 0) {
+                    usedRefs.add(variable.name)
+                  }
+                }
+                const moduleScope = globalScope.childScopes.find(
+                  (scope) => scope.type === 'module'
+                )
+                if (!moduleScope) {
+                  return
+                }
+                for (const variable of moduleScope.variables) {
+                  if (variable.defs.length > 0) {
+                    usedRefs.add(variable.name)
+                  }
+                }
+              }
+            }
+          : {},
+        utils.defineVueVisitor(context, {
+          onVueObjectEnter(node) {
+            for (const prop of utils.iterateProperties(
+              node,
+              new Set(['setup'])
+            )) {
+              usedRefs.add(prop.name)
+            }
           }
-          /** @type {Identifier | MemberExpression} */
-          let refsNode = id
-          if (id.parent.type === 'MemberExpression') {
-            if (id.parent.property === id) {
-              // `this.$refs.foo`
-              refsNode = id.parent
+        }),
+        {
+          Identifier(id) {
+            if (hasUnknown) {
+              return
+            }
+            if (id.name !== '$refs') {
+              return
             }
+            /** @type {Identifier | MemberExpression} */
+            let refsNode = id
+            if (id.parent.type === 'MemberExpression') {
+              if (id.parent.property === id) {
+                // `this.$refs.foo`
+                refsNode = id.parent
+              }
+            }
+            extractUsedForPattern(refsNode)
           }
-          extractUsedForPattern(refsNode)
         }
-      }
+      )
     )
   }
 }
diff --git a/tests/lib/rules/no-unused-refs.js b/tests/lib/rules/no-unused-refs.js
index 3deea4680..2547ef05d 100644
--- a/tests/lib/rules/no-unused-refs.js
+++ b/tests/lib/rules/no-unused-refs.js
@@ -284,6 +284,37 @@ tester.run('no-unused-refs', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script>
+      import {ref} from 'vue'
+      export default {
+        setup() {
+          const x = ref(null)
+          return {
+            x
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+      </template>
+      <script setup>
+      import {ref} from 'vue'
+      const x = ref(null)
+      </script>
+      `
     }
   ],
 

From 1447444a88e76a63ecdb85d0b5f334adc0401bdd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:26:21 +0900
Subject: [PATCH 0329/1010] Update `vue/require-emit-validator` rule to support
 `<script setup>` (#1557)

---
 lib/rules/require-emit-validator.js       | 19 ++++++--
 tests/lib/rules/require-emit-validator.js | 54 +++++++++++++++++++++++
 2 files changed, 70 insertions(+), 3 deletions(-)

diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 9d6e5d7f1..083e39e6d 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -9,6 +9,7 @@ const utils = require('../utils')
 /**
  * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
+ * @typedef {import('../utils').ComponentTypeEmit} ComponentTypeEmit
  */
 
 // ------------------------------------------------------------------------------
@@ -83,8 +84,20 @@ module.exports = {
     // Public
     // ----------------------------------------------------------------------
 
-    return utils.executeOnVue(context, (obj) => {
-      utils.getComponentEmits(obj).forEach(checker)
-    })
+    return utils.compositingVisitors(
+      utils.executeOnVue(context, (obj) => {
+        utils.getComponentEmits(obj).forEach(checker)
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineEmitsEnter(_node, emits) {
+          for (const emit of emits) {
+            if (emit.type === 'type') {
+              continue
+            }
+            checker(emit)
+          }
+        }
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index 6c1170e95..b63248cd7 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -163,6 +163,20 @@ ruleTester.run('require-emit-validator', rule, {
         }
       `,
       parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<(e: 'foo')=>void>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -325,6 +339,46 @@ ruleTester.run('require-emit-validator', rule, {
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits(['foo'])
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
+      errors: [
+        {
+          messageId: 'missing',
+          data: { name: 'foo' },
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits({foo:null})
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
+      errors: [
+        {
+          messageId: 'skipped',
+          data: { name: 'foo' },
+          line: 3
+        }
+      ]
     }
   ]
 })

From e5f0258c4c80a99e7ea57224a413d79cb9439915 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:26:41 +0900
Subject: [PATCH 0330/1010] Update `vue/require-name-property` rule to support
 `<script setup>` (#1558)

---
 lib/rules/require-name-property.js       |  3 +++
 tests/lib/rules/require-name-property.js | 13 +++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index 6bb57b244..d4052f153 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -32,6 +32,9 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    if (utils.isScriptSetup(context)) {
+      return {}
+    }
     return utils.executeOnVue(context, (component, type) => {
       if (type === 'definition') {
         const defType = getVueComponentDefinitionType(component)
diff --git a/tests/lib/rules/require-name-property.js b/tests/lib/rules/require-name-property.js
index eae44a9ca..8f7200d63 100644
--- a/tests/lib/rules/require-name-property.js
+++ b/tests/lib/rules/require-name-property.js
@@ -51,6 +51,19 @@ ruleTester.run('require-name-property', rule, {
         })
       `,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+      }
+      </script>
+      <script setup>
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
     }
   ],
 

From fbf019460e10bffc3623727812fc83281b766f1f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 19:32:02 +0900
Subject: [PATCH 0331/1010] Add `vue/valid-define-props` rule (#1560)

---
 docs/rules/README.md                  |   1 +
 docs/rules/valid-define-props.md      | 133 ++++++++++++++++++++++
 lib/index.js                          |   1 +
 lib/rules/valid-define-props.js       | 145 ++++++++++++++++++++++++
 lib/utils/index.js                    |  50 +++++++--
 tests/lib/rules/valid-define-props.js | 156 ++++++++++++++++++++++++++
 6 files changed, 475 insertions(+), 11 deletions(-)
 create mode 100644 docs/rules/valid-define-props.md
 create mode 100644 lib/rules/valid-define-props.js
 create mode 100644 tests/lib/rules/valid-define-props.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1a0a5fe35..ae82c5d03 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -331,6 +331,7 @@ For example:
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
 | [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
+| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
 | [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
 
 ### Extension Rules
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
new file mode 100644
index 000000000..c92dac104
--- /dev/null
+++ b/docs/rules/valid-define-props.md
@@ -0,0 +1,133 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-define-props
+description: enforce valid `defineProps` compiler macro
+---
+# vue/valid-define-props
+
+> enforce valid `defineProps` compiler macro
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule checks whether `defineProps` compiler macro is valid.
+
+## :book: Rule Details
+
+This rule reports `defineProps` compiler macros in the following cases:
+
+- `defineProps` are referencing locally declared variables.
+- `defineProps` has both a literal type and an argument. e.g. `defineProps<{/*props*/}>({/*props*/})`
+- `defineProps` has been called multiple times.
+- Props are defined in both `defineProps` and `export default {}`.
+- Props are not defined in either `defineProps` or `export default {}`.
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script setup>
+  /* ✓ GOOD */
+  defineProps({ msg: String })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script setup>
+  /* ✓ GOOD */
+  defineProps(['msg'])
+</script>
+```
+
+</eslint-code-block>
+
+```vue
+<script setup lang="ts">
+  /* ✓ GOOD */
+  defineProps<{ msg?:string }>()
+</script>
+```
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script>
+  const def = { msg: String }
+</script>
+<script setup>
+  /* ✓ GOOD */
+  defineProps(def)
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script setup>
+  /* ✗ BAD */
+  const def = { msg: String }
+  defineProps(def)
+</script>
+```
+
+</eslint-code-block>
+
+```vue
+<script setup lang="ts">
+  /* ✗ BAD */
+  defineProps<{ msg?:string }>({ msg: String })
+</script>
+```
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script setup>
+  /* ✗ BAD */
+  defineProps({ msg: String })
+  defineProps({ count: Number })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script>
+  export default {
+    props: { msg: String }
+  }
+</script>
+<script setup>
+  /* ✗ BAD */
+  defineProps({ count: Number })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
+```vue
+<script setup>
+  /* ✗ BAD */
+  defineProps()
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-define-props.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-define-props.js)
diff --git a/lib/index.js b/lib/index.js
index f07aea55f..0fcef5d94 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -171,6 +171,7 @@ module.exports = {
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
+    'valid-define-props': require('./rules/valid-define-props'),
     'valid-next-tick': require('./rules/valid-next-tick'),
     'valid-template-root': require('./rules/valid-template-root'),
     'valid-v-bind-sync': require('./rules/valid-v-bind-sync'),
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
new file mode 100644
index 000000000..613916659
--- /dev/null
+++ b/lib/rules/valid-define-props.js
@@ -0,0 +1,145 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce valid `defineProps` compiler macro',
+      // TODO Switch in the major version.
+      // categories: ['vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/valid-define-props.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      hasTypeAndArg:
+        '`defineProps` has both a type-only props and an argument.',
+      referencingLocally:
+        '`defineProps` are referencing locally declared variables.',
+      multiple: '`defineProps` has been called multiple times.',
+      notDefined: 'Props are not defined.',
+      definedInBoth:
+        'Props are defined in both `defineProps` and `export default {}`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup) {
+      return {}
+    }
+
+    /** @type {Set<Expression | SpreadElement>} */
+    const propsDefExpressions = new Set()
+    let hasDefaultExport = false
+    /** @type {CallExpression[]} */
+    const definePropsNodes = []
+    /** @type {CallExpression | null} */
+    let emptyDefineProps = null
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node) {
+          definePropsNodes.push(node)
+
+          if (node.arguments.length >= 1) {
+            if (node.typeParameters && node.typeParameters.params.length >= 1) {
+              // `defineProps` has both a literal type and an argument.
+              context.report({
+                node,
+                messageId: 'hasTypeAndArg'
+              })
+              return
+            }
+
+            propsDefExpressions.add(node.arguments[0])
+          } else {
+            if (
+              !node.typeParameters ||
+              node.typeParameters.params.length === 0
+            ) {
+              emptyDefineProps = node
+            }
+          }
+        },
+        Identifier(node) {
+          for (const def of propsDefExpressions) {
+            if (utils.inRange(def.range, node)) {
+              const variable = findVariable(context.getScope(), node)
+              if (
+                variable &&
+                variable.references.some((ref) => ref.identifier === node)
+              ) {
+                if (
+                  variable.defs.length &&
+                  variable.defs.every((def) =>
+                    utils.inRange(scriptSetup.range, def.name)
+                  )
+                ) {
+                  //`defineProps` are referencing locally declared variables.
+                  context.report({
+                    node,
+                    messageId: 'referencingLocally'
+                  })
+                }
+              }
+            }
+          }
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node, { type }) {
+          if (type !== 'export' || utils.inRange(scriptSetup.range, node)) {
+            return
+          }
+
+          hasDefaultExport = Boolean(utils.findProperty(node, 'props'))
+        }
+      }),
+      {
+        'Program:exit'() {
+          if (!definePropsNodes.length) {
+            return
+          }
+          if (definePropsNodes.length > 1) {
+            // `defineProps` has been called multiple times.
+            for (const node of definePropsNodes) {
+              context.report({
+                node,
+                messageId: 'multiple'
+              })
+            }
+            return
+          }
+          if (emptyDefineProps) {
+            if (!hasDefaultExport) {
+              // Props are not defined.
+              context.report({
+                node: emptyDefineProps,
+                messageId: 'notDefined'
+              })
+            }
+          } else {
+            if (hasDefaultExport) {
+              // Props are defined in both `defineProps` and `export default {}`.
+              for (const node of definePropsNodes) {
+                context.report({
+                  node,
+                  messageId: 'definedInBoth'
+                })
+              }
+            }
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 9b86cf6e4..b697a0d6b 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1058,16 +1058,26 @@ module.exports = {
     const hasEmitsEvent =
       visitor.onDefineEmitsEnter || visitor.onDefineEmitsExit
     if (hasPropsEvent || hasEmitsEvent) {
-      /** @type {ESNode | null} */
-      let nested = null
-      scriptSetupVisitor[':function, BlockStatement'] = (node) => {
-        if (!nested) {
-          nested = node
+      /** @type {Expression | null} */
+      let candidateMacro = null
+      /** @param {VariableDeclarator|ExpressionStatement} node */
+      scriptSetupVisitor[
+        'Program > VariableDeclaration > VariableDeclarator, Program > ExpressionStatement'
+      ] = (node) => {
+        if (!candidateMacro) {
+          candidateMacro =
+            node.type === 'VariableDeclarator' ? node.init : node.expression
         }
       }
-      scriptSetupVisitor[':function, BlockStatement:exit'] = (node) => {
-        if (nested === node) {
-          nested = null
+      /** @param {VariableDeclarator|ExpressionStatement} node */
+      scriptSetupVisitor[
+        'Program > VariableDeclaration > VariableDeclarator, Program > ExpressionStatement:exit'
+      ] = (node) => {
+        if (
+          candidateMacro ===
+          (node.type === 'VariableDeclarator' ? node.init : node.expression)
+        ) {
+          candidateMacro = null
         }
       }
       const definePropsMap = new Map()
@@ -1077,11 +1087,16 @@ module.exports = {
        */
       scriptSetupVisitor.CallExpression = (node) => {
         if (
-          !nested &&
+          candidateMacro &&
           inScriptSetup(node) &&
           node.callee.type === 'Identifier'
         ) {
-          if (hasPropsEvent && node.callee.name === 'defineProps') {
+          if (
+            hasPropsEvent &&
+            (candidateMacro === node ||
+              candidateMacro === getWithDefaults(node)) &&
+            node.callee.name === 'defineProps'
+          ) {
             /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
             let props = []
             if (node.arguments.length >= 1) {
@@ -1100,7 +1115,11 @@ module.exports = {
             }
             callVisitor('onDefinePropsEnter', node, props)
             definePropsMap.set(node, props)
-          } else if (hasEmitsEvent && node.callee.name === 'defineEmits') {
+          } else if (
+            hasEmitsEvent &&
+            candidateMacro === node &&
+            node.callee.name === 'defineEmits'
+          ) {
             /** @type {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} */
             let emits = []
             if (node.arguments.length >= 1) {
@@ -2395,6 +2414,15 @@ function hasWithDefaults(node) {
   )
 }
 
+/**
+ * Get the withDefaults call node from given defineProps call node.
+ * @param {CallExpression} node The node of defineProps
+ * @returns {CallExpression | null}
+ */
+function getWithDefaults(node) {
+  return hasWithDefaults(node) ? node.parent : null
+}
+
 /**
  * Gets a map of the property nodes defined in withDefaults.
  * @param {CallExpression} node The node of defineProps
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
new file mode 100644
index 000000000..0bd49f171
--- /dev/null
+++ b/tests/lib/rules/valid-define-props.js
@@ -0,0 +1,156 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/valid-define-props')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+tester.run('valid-define-props', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✓ GOOD */
+        defineProps({ msg: String })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✓ GOOD */
+        defineProps(['msg'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        /* ✓ GOOD */
+        defineProps<{ msg?:string }>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const def = { msg: String }
+      </script>
+      <script setup>
+        /* ✓ GOOD */
+        defineProps(def)
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✗ BAD */
+        const def = { msg: String }
+        defineProps(def)
+      </script>
+      `,
+      errors: [
+        {
+          message: '`defineProps` are referencing locally declared variables.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        /* ✗ BAD */
+        defineProps<{ msg?:string }>({ msg: String })
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message: '`defineProps` has both a type-only props and an argument.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✗ BAD */
+        defineProps({ msg: String })
+        defineProps({ count: Number })
+      </script>
+      `,
+      errors: [
+        {
+          message: '`defineProps` has been called multiple times.',
+          line: 4
+        },
+        {
+          message: '`defineProps` has been called multiple times.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: { msg: String }
+      }
+      </script>
+      <script setup>
+        /* ✗ BAD */
+        defineProps({ count: Number })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Props are defined in both `defineProps` and `export default {}`.',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✗ BAD */
+        defineProps()
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Props are not defined.',
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From 9822094f089552331ad073e5b5cddc041d31f33b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 19:43:45 +0900
Subject: [PATCH 0332/1010] Add `vue/no-export-in-script-setup` rule (#1559)

* Add `vue/no-export-in-script-setup` rule

* update
---
 docs/rules/README.md                         |   1 +
 docs/rules/no-export-in-script-setup.md      |  55 ++++++++++
 docs/user-guide/README.md                    |   2 +
 lib/index.js                                 |   1 +
 lib/rules/no-export-in-script-setup.js       |  41 +++++++
 package.json                                 |   2 +-
 tests/lib/rules/no-export-in-script-setup.js | 107 +++++++++++++++++++
 7 files changed, 208 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-export-in-script-setup.md
 create mode 100644 lib/rules/no-export-in-script-setup.js
 create mode 100644 tests/lib/rules/no-export-in-script-setup.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ae82c5d03..df3441d3e 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -301,6 +301,7 @@ For example:
 | [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
+| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
new file mode 100644
index 000000000..4ab2a31c4
--- /dev/null
+++ b/docs/rules/no-export-in-script-setup.md
@@ -0,0 +1,55 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-export-in-script-setup
+description: disallow `export` in `<script setup>`
+---
+# vue/no-export-in-script-setup
+
+> disallow `export` in `<script setup>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule warns ES module exports in `<script setup>`.
+
+The previous version of `<script setup>` RFC used `export` to define variables used in templates, but the new `<script setup>` RFC has been updated to define without using `export`.
+See [Vue RFCs - 0040-script-setup] for more details.
+
+<eslint-code-block :rules="{'vue/no-export-in-script-setup': ['error']}">
+
+```vue
+<script setup>
+/* ✓ GOOD */
+let msg = 'Hello!'
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-export-in-script-setup': ['error']}">
+
+```vue
+<script setup>
+/* ✗ BAD */
+export let msg = 'Hello!'
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - 0040-script-setup]
+
+[Vue RFCs - 0040-script-setup]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-export-in-script-setup.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-export-in-script-setup.js)
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 45a3b72ac..0b3c3d825 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -103,6 +103,8 @@ If you want to use custom parsers such as [babel-eslint](https://www.npmjs.com/p
   }
 ```
 
+The `parserOptions.parser` option can also specify an object to specify multiple parsers. See [vue-eslint-parser README](https://github.com/vuejs/vue-eslint-parser#readme) for more details.
+
 ### How does ESLint detect components?
 
 All component-related rules are applied to code that passes any of the following checks:
diff --git a/lib/index.js b/lib/index.js
index 0fcef5d94..c321450f1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -81,6 +81,7 @@ module.exports = {
     'no-duplicate-attributes': require('./rules/no-duplicate-attributes'),
     'no-empty-component-block': require('./rules/no-empty-component-block'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
+    'no-export-in-script-setup': require('./rules/no-export-in-script-setup'),
     'no-extra-parens': require('./rules/no-extra-parens'),
     'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
new file mode 100644
index 000000000..fcd7f316d
--- /dev/null
+++ b/lib/rules/no-export-in-script-setup.js
@@ -0,0 +1,41 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow `export` in `<script setup>`',
+      // TODO Switch in the major version.
+      // categories: ['vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-export-in-script-setup.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      forbidden: '`<script setup>` cannot contain ES module exports.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @param {ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration} node */
+    function report(node) {
+      context.report({
+        node,
+        messageId: 'forbidden'
+      })
+    }
+
+    return utils.defineScriptSetupVisitor(context, {
+      ExportAllDeclaration: report,
+      ExportDefaultDeclaration: report,
+      ExportNamedDeclaration: report
+    })
+  }
+}
diff --git a/package.json b/package.json
index df2f8fbf7..ab778581b 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.2",
-    "vue-eslint-parser": "^7.7.2"
+    "vue-eslint-parser": "^7.8.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/no-export-in-script-setup.js b/tests/lib/rules/no-export-in-script-setup.js
new file mode 100644
index 000000000..5bc759f4c
--- /dev/null
+++ b/tests/lib/rules/no-export-in-script-setup.js
@@ -0,0 +1,107 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const eslint = require('eslint')
+const rule = require('../../../lib/rules/no-export-in-script-setup')
+
+const RuleTester = eslint.RuleTester
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 6,
+    sourceType: 'module'
+  }
+})
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+ruleTester.run('no-export-in-script-setup', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export * from 'foo'
+      export default {}
+      export class A {}
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export * from 'foo'
+      export default {}
+      export class A {}
+      </script>
+      <script setup>
+      let foo;
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      export * from 'foo'
+      export default {}
+      export class A {}
+      </script>
+      `,
+      errors: [
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 3
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 4
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      let foo;
+      </script>
+      <script setup>
+      export * from 'foo'
+      export default {}
+      export class A {}
+      </script>
+      `,
+      errors: [
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 6
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 7
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 8
+        }
+      ]
+    }
+  ]
+})

From 90cd61ec22ec9e449254419682c9b9b1acead63f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 19:47:30 +0900
Subject: [PATCH 0333/1010] Add `vue/valid-define-emits` rule (#1561)

---
 docs/rules/README.md                  |   1 +
 docs/rules/valid-define-emits.md      | 133 ++++++++++++++++++++++
 lib/index.js                          |   1 +
 lib/rules/valid-define-emits.js       | 144 ++++++++++++++++++++++++
 tests/lib/rules/valid-define-emits.js | 156 ++++++++++++++++++++++++++
 5 files changed, 435 insertions(+)
 create mode 100644 docs/rules/valid-define-emits.md
 create mode 100644 lib/rules/valid-define-emits.js
 create mode 100644 tests/lib/rules/valid-define-emits.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index df3441d3e..3577668f4 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -332,6 +332,7 @@ For example:
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
 | [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
+| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  |
 | [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
 | [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
 
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
new file mode 100644
index 000000000..cf6ea6c15
--- /dev/null
+++ b/docs/rules/valid-define-emits.md
@@ -0,0 +1,133 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-define-emits
+description: enforce valid `defineEmits` compiler macro
+---
+# vue/valid-define-emits
+
+> enforce valid `defineEmits` compiler macro
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule checks whether `defineEmits` compiler macro is valid.
+
+## :book: Rule Details
+
+This rule reports `defineEmits` compiler macros in the following cases:
+
+- `defineEmits` are referencing locally declared variables.
+- `defineEmits` has both a literal type and an argument. e.g. `defineEmits<(e: 'foo')=>void>(['bar'])`
+- `defineEmits` has been called multiple times.
+- Custom events are defined in both `defineEmits` and `export default {}`.
+- Custom events are not defined in either `defineEmits` or `export default {}`.
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script setup>
+  /* ✓ GOOD */
+  defineEmits({ notify: null })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script setup>
+  /* ✓ GOOD */
+  defineEmits(['notify'])
+</script>
+```
+
+</eslint-code-block>
+
+```vue
+<script setup lang="ts">
+  /* ✓ GOOD */
+  defineEmits<(e: 'notify')=>void>()
+</script>
+```
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script>
+  const def = { notify: null }
+</script>
+<script setup>
+  /* ✓ GOOD */
+  defineEmits(def)
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script setup>
+  /* ✗ BAD */
+  const def = { notify: null }
+  defineEmits(def)
+</script>
+```
+
+</eslint-code-block>
+
+```vue
+<script setup lang="ts">
+  /* ✗ BAD */
+  defineEmits<(e: 'notify')=>void>({ submit: null })
+</script>
+```
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script setup>
+  /* ✗ BAD */
+  defineEmits({ notify: null })
+  defineEmits({ submit: null })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script>
+  export default {
+    emits: { notify: null }
+  }
+</script>
+<script setup>
+  /* ✗ BAD */
+  defineEmits({ submit: null })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
+```vue
+<script setup>
+  /* ✗ BAD */
+  defineEmits()
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-define-emits.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-define-emits.js)
diff --git a/lib/index.js b/lib/index.js
index c321450f1..8bf6cad45 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -172,6 +172,7 @@ module.exports = {
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
+    'valid-define-emits': require('./rules/valid-define-emits'),
     'valid-define-props': require('./rules/valid-define-props'),
     'valid-next-tick': require('./rules/valid-next-tick'),
     'valid-template-root': require('./rules/valid-template-root'),
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
new file mode 100644
index 000000000..6b79e83cc
--- /dev/null
+++ b/lib/rules/valid-define-emits.js
@@ -0,0 +1,144 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce valid `defineEmits` compiler macro',
+      // TODO Switch in the major version.
+      // categories: ['vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/valid-define-emits.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      hasTypeAndArg: '`defineEmits` has both a type-only emit and an argument.',
+      referencingLocally:
+        '`defineEmits` are referencing locally declared variables.',
+      multiple: '`defineEmits` has been called multiple times.',
+      notDefined: 'Custom events are not defined.',
+      definedInBoth:
+        'Custom events are defined in both `defineEmits` and `export default {}`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup) {
+      return {}
+    }
+
+    /** @type {Set<Expression | SpreadElement>} */
+    const emitsDefExpressions = new Set()
+    let hasDefaultExport = false
+    /** @type {CallExpression[]} */
+    const defineEmitsNodes = []
+    /** @type {CallExpression | null} */
+    let emptyDefineEmits = null
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefineEmitsEnter(node) {
+          defineEmitsNodes.push(node)
+
+          if (node.arguments.length >= 1) {
+            if (node.typeParameters && node.typeParameters.params.length >= 1) {
+              // `defineEmits` has both a literal type and an argument.
+              context.report({
+                node,
+                messageId: 'hasTypeAndArg'
+              })
+              return
+            }
+
+            emitsDefExpressions.add(node.arguments[0])
+          } else {
+            if (
+              !node.typeParameters ||
+              node.typeParameters.params.length === 0
+            ) {
+              emptyDefineEmits = node
+            }
+          }
+        },
+        Identifier(node) {
+          for (const def of emitsDefExpressions) {
+            if (utils.inRange(def.range, node)) {
+              const variable = findVariable(context.getScope(), node)
+              if (
+                variable &&
+                variable.references.some((ref) => ref.identifier === node)
+              ) {
+                if (
+                  variable.defs.length &&
+                  variable.defs.every((def) =>
+                    utils.inRange(scriptSetup.range, def.name)
+                  )
+                ) {
+                  //`defineEmits` are referencing locally declared variables.
+                  context.report({
+                    node,
+                    messageId: 'referencingLocally'
+                  })
+                }
+              }
+            }
+          }
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node, { type }) {
+          if (type !== 'export' || utils.inRange(scriptSetup.range, node)) {
+            return
+          }
+
+          hasDefaultExport = Boolean(utils.findProperty(node, 'emits'))
+        }
+      }),
+      {
+        'Program:exit'() {
+          if (!defineEmitsNodes.length) {
+            return
+          }
+          if (defineEmitsNodes.length > 1) {
+            // `defineEmits` has been called multiple times.
+            for (const node of defineEmitsNodes) {
+              context.report({
+                node,
+                messageId: 'multiple'
+              })
+            }
+            return
+          }
+          if (emptyDefineEmits) {
+            if (!hasDefaultExport) {
+              // Custom events are not defined.
+              context.report({
+                node: emptyDefineEmits,
+                messageId: 'notDefined'
+              })
+            }
+          } else {
+            if (hasDefaultExport) {
+              // Custom events are defined in both `defineEmits` and `export default {}`.
+              for (const node of defineEmitsNodes) {
+                context.report({
+                  node,
+                  messageId: 'definedInBoth'
+                })
+              }
+            }
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
new file mode 100644
index 000000000..309375e94
--- /dev/null
+++ b/tests/lib/rules/valid-define-emits.js
@@ -0,0 +1,156 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/valid-define-emits')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+tester.run('valid-define-emits', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✓ GOOD */
+        defineEmits({ notify: null })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✓ GOOD */
+        defineEmits(['notify'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        /* ✓ GOOD */
+        defineEmits<(e: 'notify')=>void>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const def = { notify: null }
+      </script>
+      <script setup>
+        /* ✓ GOOD */
+        defineEmits(def)
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✗ BAD */
+        const def = { notify: null }
+        defineEmits(def)
+      </script>
+      `,
+      errors: [
+        {
+          message: '`defineEmits` are referencing locally declared variables.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        /* ✗ BAD */
+        defineEmits<(e: 'notify')=>void>({ submit: null })
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message: '`defineEmits` has both a type-only emit and an argument.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✗ BAD */
+        defineEmits({ notify: null })
+        defineEmits({ submit: null })
+      </script>
+      `,
+      errors: [
+        {
+          message: '`defineEmits` has been called multiple times.',
+          line: 4
+        },
+        {
+          message: '`defineEmits` has been called multiple times.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['notify']
+      }
+      </script>
+      <script setup>
+        /* ✗ BAD */
+        defineEmits({ submit: null })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Custom events are defined in both `defineEmits` and `export default {}`.',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        /* ✗ BAD */
+        defineEmits()
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Custom events are not defined.',
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From 3cda46b9a351970a8a703baf60ace0fcab311751 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 19:55:14 +0900
Subject: [PATCH 0334/1010] Update docs related to `<script setup>`. (#1530)

* Update docs related to `<script setup>`.

* update doc

* update

* update doc
---
 docs/README.md                               |  2 +-
 docs/rules/experimental-script-setup-vars.md |  4 +
 docs/user-guide/README.md                    | 83 +++++++++++++++++++-
 3 files changed, 87 insertions(+), 2 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index e19258040..10a5d0d55 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -15,7 +15,7 @@ This plugin allows us to check the `<template>` and `<script>` of `.vue` files w
 ESLint editor integrations are useful to check your code in real-time.
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.0, but the Vue.js 3.0 experimental features `<script setup>` and `<style vars>` are not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
+This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
 :::
 
 ## :traffic_light: Versioning policy
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index bf89fa9a9..14735e5e3 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -19,6 +19,10 @@ This rule will find variables defined in `<script setup="args">` and mark them a
 
 This rule only has an effect when the `no-undef` rule is enabled.
 
+:::warning
+`<script setup="args">` syntax wasn't rejected by Vue's RFC. Check out the [new syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md).
+:::
+
 ## :book: Rule Details
 
 Without this rule this code triggers warning:
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 0b3c3d825..f6dc47456 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -72,7 +72,7 @@ By default all rules from **base** and **essential** categories report ESLint er
 :::
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.0, but the Vue.js 3.0 experimental features `<script setup>` and `<style vars>` are not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
+This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
 :::
 
 ### Running ESLint from the command line
@@ -335,3 +335,84 @@ Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`
 You need to turn off Vetur's template validation by adding `vetur.validation.template: false` to your `.vscode/settings.json`.
 
 See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Linting](https://vuejs.github.io/vetur/guide/linting-error.html#linting).
+
+### Does not work well with `<script setup>`
+
+#### The variables used in the `<template>` are warned by `no-unused-vars` rule
+
+You must use [vue/script-setup-uses-vars](../rules/script-setup-uses-vars.md) rule.  
+In your configuration, use the rule set provided by `eslint-plugin-vue` or enable it rule.
+
+Example **.eslintrc.js**:
+
+```js
+module.exports = {
+  // Use the rule set.
+  extends: ['plugin:vue/base'],
+  rules: {
+    // Enable vue/script-setup-uses-vars rule
+    'vue/script-setup-uses-vars': 'error',
+  }
+}
+```
+
+#### Compiler macros such as `defineProps` and `defineEmits` are warned by `no-undef` rule
+
+You need to define [global variables](https://eslint.org/docs/user-guide/configuring/language-options#using-configuration-files-1) in your ESLint configuration file.  
+If you don't want to define global variables, use `import { defineProps, defineEmits } from 'vue'`.
+
+Example **.eslintrc.js**:
+
+```js
+module.exports = {
+  globals: {
+    defineProps: "readonly",
+    defineEmits: "readonly",
+    defineExpose: "readonly",
+    withDefaults: "readonly"
+  }
+}
+```
+
+See also [ESLint - Specifying Globals > Using configuration files](https://eslint.org/docs/user-guide/configuring/language-options#using-configuration-files-1).
+
+#### Parsing error with Top Level `await`
+
+##### Using ESLint <= v7.x
+
+The parser `espree` that comes with `ESLint` v7.x doesn't understand the syntax of ES2022, so it can't parse the Top Level `await` either.  
+However, `espree` v8+ can understand the syntax of ES2022 and parse the Top Level `await`.  
+You install `espree` v8+ and specify `"espree"` and ES2022 in your configuration, the parser will be able to parse it.
+
+```js
+module.exports = {
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: 'espree', // <-
+    ecmaVersion: 2022, // <-
+    sourceType: 'module'
+  },
+}
+```
+
+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`.
+
+```js
+module.exports = {
+  parserOptions: {
+    ecmaVersion: 2022,
+    sourceType: 'module'
+  },
+}
+```
+-->
+
+#### Other Problems
+
+Try searching for existing issues.
+If it does not exist, you should open a new issue and share your repository to reproduce the issue.

From 0ee61ccd5464650907e570b049c5b512ea9ac526 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 20:08:23 +0900
Subject: [PATCH 0335/1010] 7.13.0

---
 docs/rules/no-export-in-script-setup.md | 7 +++++--
 docs/rules/script-setup-uses-vars.md    | 6 +++++-
 docs/rules/valid-define-emits.md        | 7 +++++--
 docs/rules/valid-define-props.md        | 7 +++++--
 package.json                            | 2 +-
 5 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
index 4ab2a31c4..709131f64 100644
--- a/docs/rules/no-export-in-script-setup.md
+++ b/docs/rules/no-export-in-script-setup.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-export-in-script-setup
 description: disallow `export` in `<script setup>`
+since: v7.13.0
 ---
 # vue/no-export-in-script-setup
 
 > disallow `export` in `<script setup>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule warns ES module exports in `<script setup>`.
@@ -49,6 +48,10 @@ Nothing.
 
 [Vue RFCs - 0040-script-setup]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-export-in-script-setup.js)
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
index 0612c75a9..42de582bd 100644
--- a/docs/rules/script-setup-uses-vars.md
+++ b/docs/rules/script-setup-uses-vars.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/script-setup-uses-vars
 description: prevent `<script setup>` variables used in `<template>` to be marked as unused
+since: v7.13.0
 ---
 # vue/script-setup-uses-vars
 
 > prevent `<script setup>` variables used in `<template>` to be marked as unused
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
 
 ESLint `no-unused-vars` rule does not detect variables in `<script setup>` used in `<template>`.
@@ -58,6 +58,10 @@ If you are not using `<script setup>` or if you do not use the `no-unused-vars`
 
 - [Vue RFCs - 0040-script-setup](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/script-setup-uses-vars.js)
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index cf6ea6c15..8d27d1c63 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-define-emits
 description: enforce valid `defineEmits` compiler macro
+since: v7.13.0
 ---
 # vue/valid-define-emits
 
 > enforce valid `defineEmits` compiler macro
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule checks whether `defineEmits` compiler macro is valid.
 
 ## :book: Rule Details
@@ -127,6 +126,10 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-define-emits.js)
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index c92dac104..91265eb6a 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-define-props
 description: enforce valid `defineProps` compiler macro
+since: v7.13.0
 ---
 # vue/valid-define-props
 
 > enforce valid `defineProps` compiler macro
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule checks whether `defineProps` compiler macro is valid.
 
 ## :book: Rule Details
@@ -127,6 +126,10 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-define-props.js)
diff --git a/package.json b/package.json
index ab778581b..f6feb58d4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.12.1",
+  "version": "7.13.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From e283ebec21e503cb05e563bd54ac9da4bdffff00 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 21:39:13 +0900
Subject: [PATCH 0336/1010] update doc

---
 docs/README.md            | 3 ++-
 docs/user-guide/README.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 10a5d0d55..b2e5ae0ca 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -15,7 +15,8 @@ This plugin allows us to check the `<template>` and `<script>` of `.vue` files w
 ESLint editor integrations are useful to check your code in real-time.
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
+This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported.  
+If you have issues with these, you will need to search for the issues and if it does not exist, open a new issue.
 :::
 
 ## :traffic_light: Versioning policy
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index f6dc47456..7326d447f 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -72,7 +72,8 @@ By default all rules from **base** and **essential** categories report ESLint er
 :::
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported. Follow [#1248](https://github.com/vuejs/eslint-plugin-vue/issues/1248) for more details.
+This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported.  
+If you have issues with these, you will need to search for the issues and if it does not exist, open a new issue.
 :::
 
 ### Running ESLint from the command line

From ba16708b0b85a228d2b53c16643ead56f8a85258 Mon Sep 17 00:00:00 2001
From: ota-meshi <otameshiyo23@gmail.com>
Date: Wed, 7 Jul 2021 19:07:20 +0900
Subject: [PATCH 0337/1010] update doc

---
 docs/README.md            | 2 +-
 docs/user-guide/README.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index b2e5ae0ca..35b8eb252 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -16,7 +16,7 @@ ESLint editor integrations are useful to check your code in real-time.
 
 :::warning Status of Vue.js 3.x supports
 This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported.  
-If you have issues with these, you will need to search for the issues and if it does not exist, open a new issue.
+If you have issues with these, please also refer to the [FAQ](./user-guide/README.md#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
 ## :traffic_light: Versioning policy
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 7326d447f..3f1d8aa6f 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -73,7 +73,7 @@ By default all rules from **base** and **essential** categories report ESLint er
 
 :::warning Status of Vue.js 3.x supports
 This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported.  
-If you have issues with these, you will need to search for the issues and if it does not exist, open a new issue.
+If you have issues with these, please also refer to the [FAQ](#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
 ### Running ESLint from the command line

From ee234082d3df6b0b9a7a067460b6450378048776 Mon Sep 17 00:00:00 2001
From: ota-meshi <otameshiyo23@gmail.com>
Date: Wed, 7 Jul 2021 19:18:28 +0900
Subject: [PATCH 0338/1010] fix doc

---
 docs/rules/experimental-script-setup-vars.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index 14735e5e3..d13710246 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -20,7 +20,7 @@ This rule will find variables defined in `<script setup="args">` and mark them a
 This rule only has an effect when the `no-undef` rule is enabled.
 
 :::warning
-`<script setup="args">` syntax wasn't rejected by Vue's RFC. Check out the [new syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md).
+`<script setup="args">` syntax was rejected by Vue's RFC. Check out the [new syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md).
 :::
 
 ## :book: Rule Details

From 3baeec52c2d015e9fd023914372cef1796dc9102 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 14 Jul 2021 14:36:43 +0900
Subject: [PATCH 0339/1010] Chores: Add private-fields-in-in AST to typings
 (#1564)

---
 lib/rules/require-valid-default-prop.js            |  2 +-
 typings/eslint-plugin-vue/util-types/ast/es-ast.ts | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 2b711b56c..ab0355206 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -427,7 +427,7 @@ module.exports = {
             }
           }
         },
-        onDefinePropsExit(node) {
+        onDefinePropsExit() {
           scriptSetupPropsContexts.pop()
         }
       })
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 26c433a2e..ba320a979 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -441,12 +441,21 @@ export type BinaryOperator =
   | 'in'
   | 'instanceof'
   | '**'
-export interface BinaryExpression extends HasParentNode {
+interface BinaryExpressionWithoutIn extends HasParentNode {
   type: 'BinaryExpression'
-  operator: BinaryOperator
+  operator: Exclude<BinaryOperator, 'in'>
   left: Expression
   right: Expression
 }
+interface BinaryExpressionWithIn extends HasParentNode {
+  type: 'BinaryExpression'
+  operator: 'in'
+  left: Expression | PrivateIdentifier
+  right: Expression
+}
+export type BinaryExpression =
+  | BinaryExpressionWithoutIn
+  | BinaryExpressionWithIn
 export type AssignmentOperator =
   | '='
   | '+='

From c5b81313c03d63c97dad978470e42e80eaad64fc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 14 Jul 2021 16:58:59 +0900
Subject: [PATCH 0340/1010] Improve report location of `vue/valid-v-xxx` rules
 (#1565)

---
 docs/rules/valid-v-else-if.md        |  7 ++--
 docs/rules/valid-v-else.md           |  7 ++--
 lib/rules/valid-v-bind-sync.js       | 13 +++-----
 lib/rules/valid-v-bind.js            | 16 +++++----
 lib/rules/valid-v-cloak.js           | 24 +++++++++-----
 lib/rules/valid-v-else-if.js         | 40 +++++++++++++----------
 lib/rules/valid-v-else.js            | 42 ++++++++++++++----------
 lib/rules/valid-v-for.js             | 49 ++++++++++++++++------------
 lib/rules/valid-v-html.js            | 22 ++++++++-----
 lib/rules/valid-v-if.js              | 34 +++++++++++--------
 lib/rules/valid-v-is.js              | 10 +++---
 lib/rules/valid-v-model.js           | 21 ++++--------
 lib/rules/valid-v-on.js              | 26 ++++++++-------
 lib/rules/valid-v-once.js            | 24 +++++++++-----
 lib/rules/valid-v-pre.js             | 24 +++++++++-----
 lib/rules/valid-v-show.js            | 27 +++++++++------
 lib/rules/valid-v-slot.js            |  4 +++
 lib/rules/valid-v-text.js            | 22 ++++++++-----
 tests/lib/rules/valid-v-bind-sync.js | 24 +++++++-------
 tests/lib/rules/valid-v-is.js        |  8 ++---
 20 files changed, 251 insertions(+), 193 deletions(-)

diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index 85c33e55a..5b7b9f63c 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -32,9 +32,10 @@ This rule reports `v-else-if` directives in the following cases:
   <div v-else-if="bar"/>
 
   <!-- ✗ BAD -->
-  <div v-else-if/>
-  <div v-else-if:aaa="foo"/>
-  <div v-else-if.bbb="foo"/>
+  <div /><div v-else-if="foo"/>
+  <div v-if="x"/><div v-else-if/>
+  <div v-if="x"/><div v-else-if:aaa="foo"/>
+  <div v-if="x"/><div v-else-if.bbb="foo"/>
 </template>
 ```
 
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index 35b26ceea..b3424ad28 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -32,9 +32,10 @@ This rule reports `v-else` directives in the following cases:
   <div v-else/>
 
   <!-- ✗ BAD -->
-  <div v-else="foo"/>
-  <div v-else:aaa/>
-  <div v-else.bbb/>
+  <div v-else/>
+  <div v-if="x"/><div v-else="foo"/>
+  <div v-if="x"/><div v-else:aaa/>
+  <div v-if="x"/><div v-else.bbb/>
 </template>
 ```
 
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 945ab0a77..2a42e1b32 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -119,7 +119,6 @@ module.exports = {
         if (!isValidElement(element)) {
           context.report({
             node,
-            loc: node.loc,
             messageId: 'unexpectedInvalidElement',
             data: { name }
           })
@@ -136,20 +135,17 @@ module.exports = {
         }
         if (isOptionalChainingMemberExpression(expression)) {
           context.report({
-            node,
-            loc: node.loc,
+            node: expression,
             messageId: 'unexpectedOptionalChaining'
           })
         } else if (!isLhs(expression)) {
           context.report({
-            node,
-            loc: node.loc,
+            node: expression,
             messageId: 'unexpectedNonLhsExpression'
           })
         } else if (maybeNullObjectMemberExpression(expression)) {
           context.report({
-            node,
-            loc: node.loc,
+            node: expression,
             messageId: 'unexpectedNullObject'
           })
         }
@@ -162,8 +158,7 @@ module.exports = {
           const variable = reference.variable
           if (variable) {
             context.report({
-              node,
-              loc: node.loc,
+              node: expression,
               messageId: 'unexpectedUpdateIterationVariable',
               data: { varName: id.name }
             })
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index 385272f71..5b9339c1a 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -30,7 +30,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-bind.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unsupportedModifier:
+        "'v-bind' directives don't support the modifier '{{name}}'.",
+      expectedValue: "'v-bind' directives require an attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -40,10 +45,8 @@ module.exports = {
         for (const modifier of node.key.modifiers) {
           if (!VALID_MODIFIERS.has(modifier.name)) {
             context.report({
-              node,
-              loc: node.key.loc,
-              message:
-                "'v-bind' directives don't support the modifier '{{name}}'.",
+              node: modifier,
+              messageId: 'unsupportedModifier',
               data: { name: modifier.name }
             })
           }
@@ -52,8 +55,7 @@ module.exports = {
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-bind' directives require an attribute value."
+            messageId: 'expectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-cloak.js b/lib/rules/valid-v-cloak.js
index 4fd51d781..efcaf6940 100644
--- a/lib/rules/valid-v-cloak.js
+++ b/lib/rules/valid-v-cloak.js
@@ -24,7 +24,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-cloak.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-cloak' directives require no argument.",
+      unexpectedModifier: "'v-cloak' directives require no modifier.",
+      unexpectedValue: "'v-cloak' directives require no attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,23 +38,24 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='cloak']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-cloak' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-cloak' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (node.value) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-cloak' directives require no attribute value."
+            node: node.value,
+            messageId: 'unexpectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index aafe97b1c..c2c0c8851 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -24,7 +24,18 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-else-if.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      missingVIf:
+        "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive.",
+      withVIf:
+        "'v-else-if' and 'v-if' directives can't exist on the same element.",
+      withVElse:
+        "'v-else-if' and 'v-else' directives can't exist on the same element.",
+      unexpectedArgument: "'v-else-if' directives require no argument.",
+      unexpectedModifier: "'v-else-if' directives require no modifier.",
+      expectedValue: "'v-else-if' directives require that attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -36,46 +47,41 @@ module.exports = {
         if (!utils.prevElementHasIf(element)) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+            messageId: 'missingVIf'
           })
         }
         if (utils.hasDirective(element, 'if')) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-else-if' and 'v-if' directives can't exist on the same element."
+            messageId: 'withVIf'
           })
         }
         if (utils.hasDirective(element, 'else')) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-else-if' and 'v-else' directives can't exist on the same element."
+            messageId: 'withVElse'
           })
         }
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-else-if' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-else-if' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-else-if' directives require that attribute value."
+            messageId: 'expectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index 7a8542787..7c4bd28aa 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -24,7 +24,18 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-else.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      missingVIf:
+        "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive.",
+      withVIf:
+        "'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives.",
+      withVElseIf:
+        "'v-else' and 'v-else-if' directives can't exist on the same element.",
+      unexpectedArgument: "'v-else' directives require no argument.",
+      unexpectedModifier: "'v-else' directives require no modifier.",
+      unexpectedValue: "'v-else' directives require no attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -36,46 +47,41 @@ module.exports = {
         if (!utils.prevElementHasIf(element)) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
+            messageId: 'missingVIf'
           })
         }
         if (utils.hasDirective(element, 'if')) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-else' and 'v-if' directives can't exist on the same element. You may want 'v-else-if' directives."
+            messageId: 'withVIf'
           })
         }
         if (utils.hasDirective(element, 'else-if')) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-else' and 'v-else-if' directives can't exist on the same element."
+            messageId: 'withVElseIf'
           })
         }
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-else' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-else' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (node.value) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-else' directives require no attribute value."
+            node: node.value,
+            messageId: 'unexpectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 0d560aa91..0acf7dba2 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -84,16 +84,13 @@ function checkKey(context, vFor, element) {
   if (utils.isCustomComponent(element) && vBindKey == null) {
     context.report({
       node: element.startTag,
-      loc: element.startTag.loc,
-      message: "Custom elements in iteration require 'v-bind:key' directives."
+      messageId: 'requireKey'
     })
   }
   if (vBindKey != null && !isUsingIterationVar(vFor, vBindKey)) {
     context.report({
       node: vBindKey,
-      loc: vBindKey.loc,
-      message:
-        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      messageId: 'keyUseFVorVars'
     })
   }
 }
@@ -111,7 +108,20 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-for.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      requireKey:
+        "Custom elements in iteration require 'v-bind:key' directives.",
+      keyUseFVorVars:
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive.",
+      unexpectedArgument: "'v-for' directives require no argument.",
+      unexpectedModifier: "'v-for' directives require no modifier.",
+      expectedValue: "'v-for' directives require that attribute value.",
+      unexpectedExpression:
+        "'v-for' directives require the special syntax '<alias> in <expression>'.",
+      invalidEmptyAlias: "Invalid alias ''.",
+      invalidAlias: "Invalid alias '{{text}}'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -126,23 +136,24 @@ module.exports = {
 
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-for' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-for' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-for' directives require that attribute value."
+            messageId: 'expectedValue'
           })
           return
         }
@@ -154,9 +165,7 @@ module.exports = {
         if (expr.type !== 'VForExpression') {
           context.report({
             node: node.value,
-            loc: node.value.loc,
-            message:
-              "'v-for' directives require the special syntax '<alias> in <expression>'."
+            messageId: 'unexpectedExpression'
           })
           return
         }
@@ -169,22 +178,20 @@ module.exports = {
         if (value === null) {
           context.report({
             node: expr,
-            message: "Invalid alias ''."
+            messageId: 'invalidEmptyAlias'
           })
         }
         if (key !== undefined && (!key || key.type !== 'Identifier')) {
           context.report({
             node: key || expr,
-            loc: key && key.loc,
-            message: "Invalid alias '{{text}}'.",
+            messageId: 'invalidAlias',
             data: { text: key ? sourceCode.getText(key) : '' }
           })
         }
         if (index !== undefined && (!index || index.type !== 'Identifier')) {
           context.report({
             node: index || expr,
-            loc: index && index.loc,
-            message: "Invalid alias '{{text}}'.",
+            messageId: 'invalidAlias',
             data: { text: index ? sourceCode.getText(index) : '' }
           })
         }
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index d88997682..be39026d0 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -24,7 +24,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-html.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-html' directives require no argument.",
+      unexpectedModifier: "'v-html' directives require no modifier.",
+      expectedValue: "'v-html' directives require that attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,23 +38,24 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='html']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-html' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-html' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-html' directives require that attribute value."
+            messageId: 'expectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index b61435ab0..7ac4287b3 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -24,7 +24,16 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-if.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      withVElse:
+        "'v-if' and 'v-else' directives can't exist on the same element. You may want 'v-else-if' directives.",
+      withVElseIf:
+        "'v-if' and 'v-else-if' directives can't exist on the same element.",
+      unexpectedArgument: "'v-if' directives require no argument.",
+      unexpectedModifier: "'v-if' directives require no modifier.",
+      expectedValue: "'v-if' directives require that attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -36,38 +45,35 @@ module.exports = {
         if (utils.hasDirective(element, 'else')) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-if' and 'v-else' directives can't exist on the same element. You may want 'v-else-if' directives."
+            messageId: 'withVElse'
           })
         }
         if (utils.hasDirective(element, 'else-if')) {
           context.report({
             node,
-            loc: node.loc,
-            message:
-              "'v-if' and 'v-else-if' directives can't exist on the same element."
+            messageId: 'withVElseIf'
           })
         }
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-if' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-if' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-if' directives require that attribute value."
+            messageId: 'expectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-is.js b/lib/rules/valid-v-is.js
index 5c430ce1c..584d7574c 100644
--- a/lib/rules/valid-v-is.js
+++ b/lib/rules/valid-v-is.js
@@ -60,22 +60,23 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='is']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
+            node: node.key.argument,
             messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
             messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
             messageId: 'expectedValue'
           })
         }
@@ -86,7 +87,6 @@ module.exports = {
           const name = element.name
           context.report({
             node,
-            loc: node.loc,
             messageId: 'ownerMustBeHTMLElement',
             data: { name }
           })
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index adfe9c2da..eb8b63b2b 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -159,7 +159,6 @@ module.exports = {
         if (!isValidElement(element)) {
           context.report({
             node,
-            loc: node.loc,
             messageId: 'unexpectedInvalidElement',
             data: { name }
           })
@@ -168,7 +167,6 @@ module.exports = {
         if (name === 'input' && utils.hasAttribute(element, 'type', 'file')) {
           context.report({
             node,
-            loc: node.loc,
             messageId: 'unexpectedInputFile'
           })
         }
@@ -176,8 +174,7 @@ module.exports = {
         if (!utils.isCustomComponent(element)) {
           if (node.key.argument) {
             context.report({
-              node,
-              loc: node.loc,
+              node: node.key.argument,
               messageId: 'unexpectedArgument'
             })
           }
@@ -185,8 +182,7 @@ module.exports = {
           for (const modifier of node.key.modifiers) {
             if (!VALID_MODIFIERS.has(modifier.name)) {
               context.report({
-                node,
-                loc: node.loc,
+                node: modifier,
                 messageId: 'unexpectedModifier',
                 data: { name: modifier.name }
               })
@@ -197,7 +193,6 @@ module.exports = {
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
             messageId: 'missingValue'
           })
           return
@@ -209,20 +204,17 @@ module.exports = {
         }
         if (isOptionalChainingMemberExpression(expression)) {
           context.report({
-            node,
-            loc: node.loc,
+            node: expression,
             messageId: 'unexpectedOptionalChaining'
           })
         } else if (!isLhs(expression)) {
           context.report({
-            node,
-            loc: node.loc,
+            node: expression,
             messageId: 'unexpectedNonLhsExpression'
           })
         } else if (maybeNullObjectMemberExpression(expression)) {
           context.report({
-            node,
-            loc: node.loc,
+            node: expression,
             messageId: 'unexpectedNullObject'
           })
         }
@@ -236,8 +228,7 @@ module.exports = {
           const variable = getVariable(id.name, element)
           if (variable != null) {
             context.report({
-              node,
-              loc: node.loc,
+              node: expression,
               messageId: 'unexpectedUpdateIterationVariable',
 
               data: { varName: id.name }
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index 4d55d7f19..864a5ccf3 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -89,7 +89,15 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      unsupportedModifier:
+        "'v-on' directives don't support the modifier '{{modifier}}'.",
+      avoidKeyword:
+        'Avoid using JavaScript keyword as "v-on" value: {{value}}.',
+      expectedValueOrVerb:
+        "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -104,10 +112,8 @@ module.exports = {
         for (const modifier of node.key.modifiers) {
           if (!isValidModifier(modifier, customModifiers)) {
             context.report({
-              node,
-              loc: node.loc,
-              message:
-                "'v-on' directives don't support the modifier '{{modifier}}'.",
+              node: modifier,
+              messageId: 'unsupportedModifier',
               data: { modifier: modifier.name }
             })
           }
@@ -131,19 +137,15 @@ module.exports = {
             }
             if (/^\w+$/.test(innerText)) {
               context.report({
-                node,
-                loc: node.loc,
-                message:
-                  'Avoid using JavaScript keyword as "v-on" value: {{value}}.',
+                node: node.value,
+                messageId: 'avoidKeyword',
                 data: { value: valueText }
               })
             }
           } else {
             context.report({
               node,
-              loc: node.loc,
-              message:
-                "'v-on' directives require a value or verb modifier (like 'stop' or 'prevent')."
+              messageId: 'expectedValueOrVerb'
             })
           }
         }
diff --git a/lib/rules/valid-v-once.js b/lib/rules/valid-v-once.js
index 83ff3ddcf..bacf83304 100644
--- a/lib/rules/valid-v-once.js
+++ b/lib/rules/valid-v-once.js
@@ -24,7 +24,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-once.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-once' directives require no argument.",
+      unexpectedModifier: "'v-once' directives require no modifier.",
+      unexpectedValue: "'v-once' directives require no attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,23 +38,24 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='once']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-once' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-once' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (node.value) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-once' directives require no attribute value."
+            node: node.value,
+            messageId: 'unexpectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-pre.js b/lib/rules/valid-v-pre.js
index 90174db12..0112ebde3 100644
--- a/lib/rules/valid-v-pre.js
+++ b/lib/rules/valid-v-pre.js
@@ -24,7 +24,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-pre.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-pre' directives require no argument.",
+      unexpectedModifier: "'v-pre' directives require no modifier.",
+      unexpectedValue: "'v-pre' directives require no attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,23 +38,24 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='pre']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-pre' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-pre' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (node.value) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-pre' directives require no attribute value."
+            node: node.value,
+            messageId: 'unexpectedValue'
           })
         }
       }
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index 721904f4f..59ba9c432 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -24,7 +24,14 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-show.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-show' directives require no argument.",
+      unexpectedModifier: "'v-show' directives require no modifier.",
+      expectedValue: "'v-show' directives require that attribute value.",
+      unexpectedTemplate:
+        "'v-show' directives cannot be put on <template> tags."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,30 +40,30 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='show']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-show' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-show' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-show' directives require that attribute value."
+            messageId: 'expectedValue'
           })
         }
         if (node.parent.parent.name === 'template') {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-show' directives cannot be put on <template> tags."
+            messageId: 'unexpectedTemplate'
           })
         }
       }
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index 8d484d253..df0fa7c65 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -378,6 +378,10 @@ module.exports = {
           // E.g., <template v-slot.foo>
           context.report({
             node,
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
             messageId: 'disallowAnyModifier'
           })
         }
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index 1e90ec688..1e93c14e0 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -24,7 +24,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-text.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-text' directives require no argument.",
+      unexpectedModifier: "'v-text' directives require no modifier.",
+      expectedValue: "'v-text' directives require that attribute value."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,23 +38,24 @@ module.exports = {
       "VAttribute[directive=true][key.name.name='text']"(node) {
         if (node.key.argument) {
           context.report({
-            node,
-            loc: node.loc,
-            message: "'v-text' directives require no argument."
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
           })
         }
         if (node.key.modifiers.length > 0) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-text' directives require no modifier."
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
           })
         }
         if (!node.value || utils.isEmptyValueDirective(node, context)) {
           context.report({
             node,
-            loc: node.loc,
-            message: "'v-text' directives require that attribute value."
+            messageId: 'expectedValue'
           })
         }
       }
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index a2e47a6a7..32f99bf53 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -190,8 +190,8 @@ tester.run('valid-v-bind-sync', rule, {
           message:
             "'.sync' modifiers require the attribute value which is valid as LHS.",
           line: 3,
-          column: 24,
-          endColumn: 41
+          column: 35,
+          endColumn: 40
         }
       ]
     },
@@ -207,8 +207,8 @@ tester.run('valid-v-bind-sync', rule, {
           message:
             "'.sync' modifiers require the attribute value which is valid as LHS.",
           line: 3,
-          column: 24,
-          endColumn: 47
+          column: 41,
+          endColumn: 46
         }
       ]
     },
@@ -241,8 +241,8 @@ tester.run('valid-v-bind-sync', rule, {
           message:
             "'.sync' modifiers require the attribute value which is valid as LHS.",
           line: 3,
-          column: 24,
-          endColumn: 41
+          column: 35,
+          endColumn: 40
         }
       ]
     },
@@ -258,8 +258,8 @@ tester.run('valid-v-bind-sync', rule, {
           message:
             "'.sync' modifiers require the attribute value which is valid as LHS.",
           line: 3,
-          column: 24,
-          endColumn: 46
+          column: 35,
+          endColumn: 45
         }
       ]
     },
@@ -294,8 +294,8 @@ tester.run('valid-v-bind-sync', rule, {
           message:
             "'.sync' modifiers cannot update the iteration variable 'x' itself.",
           line: 4,
-          column: 26,
-          endColumn: 39
+          column: 37,
+          endColumn: 38
         }
       ]
     },
@@ -313,8 +313,8 @@ tester.run('valid-v-bind-sync', rule, {
           message:
             "'.sync' modifiers cannot update the iteration variable 'e' itself.",
           line: 4,
-          column: 26,
-          endColumn: 45
+          column: 43,
+          endColumn: 44
         }
       ]
     },
diff --git a/tests/lib/rules/valid-v-is.js b/tests/lib/rules/valid-v-is.js
index 1a3a45e5e..dd55ef7b3 100644
--- a/tests/lib/rules/valid-v-is.js
+++ b/tests/lib/rules/valid-v-is.js
@@ -55,8 +55,8 @@ tester.run('valid-v-is', rule, {
       errors: [
         {
           message: "'v-is' directives require no argument.",
-          column: 16,
-          endColumn: 28
+          column: 21,
+          endColumn: 22
         }
       ]
     },
@@ -66,8 +66,8 @@ tester.run('valid-v-is', rule, {
       errors: [
         {
           message: "'v-is' directives require no modifier.",
-          column: 16,
-          endColumn: 28
+          column: 21,
+          endColumn: 22
         }
       ]
     },

From 738132cc3d2e9b1b998c7a2e5e08916b3cfe6424 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 16 Jul 2021 18:09:26 +0900
Subject: [PATCH 0341/1010] Chore: Replace the link to the online demo. (#1571)

---
 docs/.vuepress/config.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index fb7719ff3..c0a406166 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -155,7 +155,10 @@ module.exports = {
       { text: 'User Guide', link: '/user-guide/' },
       { text: 'Developer Guide', link: '/developer-guide/' },
       { text: 'Rules', link: '/rules/' },
-      { text: 'Demo', link: 'https://mysticatea.github.io/vue-eslint-demo' }
+      {
+        text: 'Demo',
+        link: 'https://ota-meshi.github.io/eslint-plugin-vue-demo/'
+      }
     ],
 
     sidebar: {

From 5bbc3fe69e3e03e4dd61a693a75bdc7c6ecf01f7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 17 Jul 2021 16:02:18 +0900
Subject: [PATCH 0342/1010] Downgrade to `semver` compatible with Node v8
 (#1575)

* Downgrade to `semver` compatible with Node v8

* update
---
 lib/rules/no-unsupported-features.js | 207 ++++++++++++++++++++++++++-
 package.json                         |   2 +-
 2 files changed, 207 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 821a82373..821a23ae5 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -129,7 +129,7 @@ module.exports = {
      * @returns {boolean} `true` if it's supporting.
      */
     function isNotSupportingVersion(aCase) {
-      return !semver.subset(versionRange, getSemverRange(aCase.supported))
+      return !semverSubset(versionRange, getSemverRange(aCase.supported))
     }
 
     /** @type {TemplateListener} */
@@ -163,3 +163,208 @@ module.exports = {
     )
   }
 }
+
+// TODO replace semver.subset() in the major version.
+/**
+ * semver.subset()
+ *
+ * We need to use a copy of the semver source code until a major version upgrade.
+ *
+ * @see https://github.com/npm/node-semver/blob/e79ac3a450e8bb504e78b8159e3efc70895699b8/ranges/subset.js#L43
+ * @license ISC at Isaac Z. Schlueter and Contributors
+ * https://github.com/npm/node-semver/blob/master/LICENSE
+ *
+ * @param {semver.Range} sub
+ * @param {semver.Range} dom
+ */
+function semverSubset(sub, dom) {
+  if (sub === dom) return true
+
+  sub = new semver.Range(sub)
+  dom = new semver.Range(dom)
+  let sawNonNull = false
+
+  // eslint-disable-next-line no-labels
+  OUTER: for (const simpleSub of sub.set) {
+    for (const simpleDom of dom.set) {
+      const isSub = simpleSubset(simpleSub, simpleDom)
+      sawNonNull = sawNonNull || isSub !== null
+      // eslint-disable-next-line no-labels
+      if (isSub) continue OUTER
+    }
+    if (sawNonNull) return false
+  }
+  return true
+}
+
+/**
+ * @license ISC at Isaac Z. Schlueter and Contributors
+ * https://github.com/npm/node-semver/blob/master/LICENSE
+ * @param {readonly semver.Comparator[]} sub
+ * @param {readonly semver.Comparator[]} dom
+ */
+function simpleSubset(sub, dom) {
+  if (sub === dom) return true
+
+  /**
+   * @param {semver.Comparator} c
+   */
+  function isAny(c) {
+    return Object.keys(c.semver).length === 0
+  }
+
+  if (sub.length === 1 && isAny(sub[0])) {
+    if (dom.length === 1 && isAny(dom[0])) return true
+    else sub = [new semver.Comparator('>=0.0.0')]
+  }
+
+  if (dom.length === 1 && isAny(dom[0])) {
+    dom = [new semver.Comparator('>=0.0.0')]
+  }
+
+  const eqSet = new Set()
+  let gt, lt
+  for (const c of sub) {
+    if (c.operator === '>' || c.operator === '>=') gt = higherGT(gt, c)
+    else if (c.operator === '<' || c.operator === '<=') lt = lowerLT(lt, c)
+    else eqSet.add(c.semver)
+  }
+
+  if (eqSet.size > 1) return null
+
+  let gtltComp
+  if (gt && lt) {
+    gtltComp = semver.compare(gt.semver, lt.semver)
+    if (gtltComp > 0) return null
+    else if (gtltComp === 0 && (gt.operator !== '>=' || lt.operator !== '<='))
+      return null
+  }
+
+  // will iterate one or zero times
+  for (const eq of eqSet) {
+    if (gt && !semver.satisfies(eq, String(gt))) return null
+
+    if (lt && !semver.satisfies(eq, String(lt))) return null
+
+    for (const c of dom) {
+      if (!semver.satisfies(eq, String(c))) return false
+    }
+
+    return true
+  }
+
+  let higher, lower
+  let hasDomLT, hasDomGT
+  // if the subset has a prerelease, we need a comparator in the superset
+  // with the same tuple and a prerelease, or it's not a subset
+  let needDomLTPre = lt && lt.semver.prerelease.length ? lt.semver : false
+  let needDomGTPre = gt && gt.semver.prerelease.length ? gt.semver : false
+  // exception: <1.2.3-0 is the same as <1.2.3
+  if (
+    needDomLTPre &&
+    needDomLTPre.prerelease.length === 1 &&
+    lt &&
+    lt.operator === '<' &&
+    needDomLTPre.prerelease[0] === 0
+  ) {
+    needDomLTPre = false
+  }
+
+  for (const c of dom) {
+    hasDomGT = hasDomGT || c.operator === '>' || c.operator === '>='
+    hasDomLT = hasDomLT || c.operator === '<' || c.operator === '<='
+    if (gt) {
+      if (needDomGTPre) {
+        if (
+          c.semver.prerelease &&
+          c.semver.prerelease.length &&
+          c.semver.major === needDomGTPre.major &&
+          c.semver.minor === needDomGTPre.minor &&
+          c.semver.patch === needDomGTPre.patch
+        ) {
+          needDomGTPre = false
+        }
+      }
+      if (c.operator === '>' || c.operator === '>=') {
+        higher = higherGT(gt, c)
+        if (higher === c && higher !== gt) return false
+      } else if (
+        gt.operator === '>=' &&
+        !semver.satisfies(gt.semver, String(c))
+      )
+        return false
+    }
+    if (lt) {
+      if (needDomLTPre) {
+        if (
+          c.semver.prerelease &&
+          c.semver.prerelease.length &&
+          c.semver.major === needDomLTPre.major &&
+          c.semver.minor === needDomLTPre.minor &&
+          c.semver.patch === needDomLTPre.patch
+        ) {
+          needDomLTPre = false
+        }
+      }
+      if (c.operator === '<' || c.operator === '<=') {
+        lower = lowerLT(lt, c)
+        if (lower === c && lower !== lt) return false
+      } else if (
+        lt.operator === '<=' &&
+        !semver.satisfies(lt.semver, String(c))
+      )
+        return false
+    }
+    if (!c.operator && (lt || gt) && gtltComp !== 0) return false
+  }
+
+  // if there was a < or >, and nothing in the dom, then must be false
+  // UNLESS it was limited by another range in the other direction.
+  // Eg, >1.0.0 <1.0.1 is still a subset of <2.0.0
+  if (gt && hasDomLT && !lt && gtltComp !== 0) return false
+
+  if (lt && hasDomGT && !gt && gtltComp !== 0) return false
+
+  // we needed a prerelease range in a specific tuple, but didn't get one
+  // then this isn't a subset.  eg >=1.2.3-pre is not a subset of >=1.0.0,
+  // because it includes prereleases in the 1.2.3 tuple
+  if (needDomGTPre || needDomLTPre) return false
+
+  return true
+}
+
+/**
+ * @license ISC at Isaac Z. Schlueter and Contributors
+ * https://github.com/npm/node-semver/blob/master/LICENSE
+ * @param {semver.Comparator | void} a
+ * @param {semver.Comparator} b
+ */
+const higherGT = (a, b) => {
+  if (!a) return b
+  const comp = semver.compare(a.semver, b.semver)
+  return comp > 0
+    ? a
+    : comp < 0
+    ? b
+    : b.operator === '>' && a.operator === '>='
+    ? b
+    : a
+}
+
+/**
+ * @license ISC at Isaac Z. Schlueter and Contributors
+ * https://github.com/npm/node-semver/blob/master/LICENSE
+ * @param {semver.Comparator | void} a
+ * @param {semver.Comparator} b
+ */
+const lowerLT = (a, b) => {
+  if (!a) return b
+  const comp = semver.compare(a.semver, b.semver)
+  return comp < 0
+    ? a
+    : comp > 0
+    ? b
+    : b.operator === '<' && a.operator === '<='
+    ? b
+    : a
+}
diff --git a/package.json b/package.json
index f6feb58d4..5821b2500 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   "dependencies": {
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
-    "semver": "^7.3.2",
+    "semver": "^6.3.0",
     "vue-eslint-parser": "^7.8.0"
   },
   "devDependencies": {

From 88d8d1bd26ac56a85e2b9f3eb602ddf0b5faa5e0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 17 Jul 2021 16:02:49 +0900
Subject: [PATCH 0343/1010] Update `vue/no-unused-properties` rule to support
 `expose` (#1566)

---
 lib/rules/no-invalid-model-keys.js      |  4 --
 lib/rules/no-unused-properties.js       | 86 ++++++++++++++-----------
 lib/utils/index.js                      |  2 +-
 tests/lib/rules/no-unused-properties.js | 63 ++++++++++++++++++
 4 files changed, 113 insertions(+), 42 deletions(-)

diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
index 7985fd25d..f86587ff1 100644
--- a/lib/rules/no-invalid-model-keys.js
+++ b/lib/rules/no-invalid-model-keys.js
@@ -6,10 +6,6 @@
 
 const utils = require('../utils')
 
-/**
- * @typedef {import('../utils').GroupName} GroupName
- */
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 9a38c2a75..0e5b0b3e7 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -53,6 +53,7 @@ const GROUP_COMPUTED_PROPERTY = 'computed'
 const GROUP_METHODS = 'methods'
 const GROUP_SETUP = 'setup'
 const GROUP_WATCHER = 'watch'
+const GROUP_EXPOSE = 'expose'
 
 const PROPERTY_LABEL = {
   props: 'property',
@@ -60,7 +61,12 @@ const PROPERTY_LABEL = {
   computed: 'computed property',
   methods: 'method',
   setup: 'property returned from `setup()`',
-  watch: 'watch'
+
+  // not use
+  watch: 'watch',
+  provide: 'provide',
+  inject: 'inject',
+  expose: 'expose'
 }
 
 // ------------------------------------------------------------------------------
@@ -900,51 +906,57 @@ module.exports = {
         onVueObjectEnter(node) {
           const container = getVueComponentPropertiesContainer(node)
 
-          for (const watcher of utils.iterateProperties(
+          for (const watcherOrExpose of utils.iterateProperties(
             node,
-            new Set([GROUP_WATCHER])
+            new Set([GROUP_WATCHER, GROUP_EXPOSE])
           )) {
-            // Process `watch: { foo /* <- this */ () {} }`
-            const segments = watcher.name.split('.')
-            container.usedProperties.addUsed(segments[0], (context) => {
-              return buildChainTracker(segments)(context)
-              /**
-               * @param {string[]} baseSegments
-               * @returns {UsedPropertiesTracker}
-               */
-              function buildChainTracker(baseSegments) {
-                return () => {
-                  const subSegments = baseSegments.slice(1)
-                  const usedProps = new UsedProperties()
-                  if (subSegments.length) {
-                    usedProps.addUsed(
-                      subSegments[0],
-                      buildChainTracker(subSegments)
-                    )
+            if (watcherOrExpose.groupName === GROUP_WATCHER) {
+              const watcher = watcherOrExpose
+              // Process `watch: { foo /* <- this */ () {} }`
+              const segments = watcher.name.split('.')
+              container.usedProperties.addUsed(segments[0], (context) => {
+                return buildChainTracker(segments)(context)
+                /**
+                 * @param {string[]} baseSegments
+                 * @returns {UsedPropertiesTracker}
+                 */
+                function buildChainTracker(baseSegments) {
+                  return () => {
+                    const subSegments = baseSegments.slice(1)
+                    const usedProps = new UsedProperties()
+                    if (subSegments.length) {
+                      usedProps.addUsed(
+                        subSegments[0],
+                        buildChainTracker(subSegments)
+                      )
+                    }
+                    return usedProps
                   }
-                  return usedProps
                 }
-              }
-            })
+              })
 
-            // Process `watch: { x: 'foo' /* <- this */  }`
-            if (watcher.type === 'object') {
-              const property = watcher.property
-              if (property.kind === 'init') {
-                for (const handlerValueNode of utils.iterateWatchHandlerValues(
-                  property
-                )) {
-                  if (
-                    handlerValueNode.type === 'Literal' ||
-                    handlerValueNode.type === 'TemplateLiteral'
-                  ) {
-                    const name = utils.getStringLiteralValue(handlerValueNode)
-                    if (name != null) {
-                      container.usedProperties.addUsed(name, null)
+              // Process `watch: { x: 'foo' /* <- this */  }`
+              if (watcher.type === 'object') {
+                const property = watcher.property
+                if (property.kind === 'init') {
+                  for (const handlerValueNode of utils.iterateWatchHandlerValues(
+                    property
+                  )) {
+                    if (
+                      handlerValueNode.type === 'Literal' ||
+                      handlerValueNode.type === 'TemplateLiteral'
+                    ) {
+                      const name = utils.getStringLiteralValue(handlerValueNode)
+                      if (name != null) {
+                        container.usedProperties.addUsed(name, null)
+                      }
                     }
                   }
                 }
               }
+            } else if (watcherOrExpose.groupName === GROUP_EXPOSE) {
+              const expose = watcherOrExpose
+              container.usedProperties.addUsed(expose.name, null)
             }
           }
           container.properties.push(...utils.iterateProperties(node, groups))
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b697a0d6b..7ad21ec4c 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -23,7 +23,7 @@
  * @typedef { {key: string | null, value: BlockStatement | null} } ComponentComputedProperty
  */
 /**
- * @typedef { 'props' | 'data' | 'computed' | 'setup' | 'watch' | 'methods' } GroupName
+ * @typedef { 'props' | 'data' | 'computed' | 'setup' | 'watch' | 'methods' | 'provide' | 'inject' | 'expose' } GroupName
  * @typedef { { type: 'array',  name: string, groupName: GroupName, node: Literal | TemplateLiteral } } ComponentArrayPropertyData
  * @typedef { { type: 'object', name: string, groupName: GroupName, node: Identifier | Literal | TemplateLiteral, property: Property } } ComponentObjectPropertyData
  * @typedef { ComponentArrayPropertyData | ComponentObjectPropertyData } ComponentPropertyData
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index f9d61e4b0..4af8091af 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1535,6 +1535,33 @@ tester.run('no-unused-properties', rule, {
           ignorePublicMembers: true
         }
       ]
+    },
+
+    // expose
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{a}}
+      </template>
+      <script>
+      export default {
+        expose: ['a', 'b', 'c', 'd'],
+        props: ['a'],
+        data() {
+          return {
+            b: 42,
+          }
+        },
+        computed:{
+          c() {},
+        },
+        methods:{
+          d() {},
+        }
+      }
+      </script>`,
+      options: allOptions
     }
   ],
 
@@ -2412,6 +2439,42 @@ tester.run('no-unused-properties', rule, {
       props.b
       </script>`,
       errors: ["'c' of property found, but never used."]
+    },
+
+    // expose
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{a}}
+      </template>
+      <script>
+      export default {
+        expose: ['a', 'c', 'e', 'g'],
+        props: ['a', 'b'],
+        data() {
+          return {
+            c: 42,
+            d: 42
+          }
+        },
+        computed:{
+          e() {},
+          f() {}
+        },
+        methods:{
+          g() {},
+          h() {}
+        }
+      }
+      </script>`,
+      options: allOptions,
+      errors: [
+        "'b' of property found, but never used.",
+        "'d' of data found, but never used.",
+        "'f' of computed property found, but never used.",
+        "'h' of method found, but never used."
+      ]
     }
   ]
 })

From cac3beb92b409beceb5db764c81539e9b2d359d9 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 17 Jul 2021 16:03:02 +0900
Subject: [PATCH 0344/1010] Add `vue/require-expose` rule (#1568)

---
 docs/rules/README.md                |   1 +
 docs/rules/require-expose.md        | 120 +++++++++
 lib/index.js                        |   1 +
 lib/rules/require-explicit-emits.js |  47 +---
 lib/rules/require-expose.js         | 370 +++++++++++++++++++++++++++
 lib/rules/require-render-return.js  |   2 +-
 lib/utils/index.js                  |  43 ++--
 tests/lib/rules/require-expose.js   | 384 ++++++++++++++++++++++++++++
 8 files changed, 916 insertions(+), 52 deletions(-)
 create mode 100644 docs/rules/require-expose.md
 create mode 100644 lib/rules/require-expose.js
 create mode 100644 tests/lib/rules/require-expose.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3577668f4..59e013e24 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -325,6 +325,7 @@ For example:
 | [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 |  |
+| [vue/require-expose](./require-expose.md) | require declare public properties using `expose` |  |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
diff --git a/docs/rules/require-expose.md b/docs/rules/require-expose.md
new file mode 100644
index 000000000..f402c3cd0
--- /dev/null
+++ b/docs/rules/require-expose.md
@@ -0,0 +1,120 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-expose
+description: require declare public properties using `expose`
+---
+# vue/require-expose
+
+> require declare public properties using `expose`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule enforces the component to explicitly declare the exposed properties to the component using `expose`. You can use `expose` to control the internal properties of a component so that they cannot be referenced externally.
+
+The `expose` API was officially introduced in Vue 3.2.
+
+<eslint-code-block :rules="{'vue/require-expose': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  expose: ['increment'],
+  data() {
+    return { count: 0 }
+  },
+  methods: {
+    increment() {
+      this.count++
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-expose': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  data() {
+    return { count: 0 }
+  },
+  methods: {
+    increment() {
+      this.count++
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-expose': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+import { ref } from 'vue'
+
+export default {
+  setup(props, { expose }) {
+    const count = ref(0)
+
+    function increment() {
+      count.value++
+    }
+    // public
+    expose({
+      increment
+    })
+    // private
+    return { count }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-expose': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+import { ref } from 'vue'
+
+export default {
+  setup(props) {
+    const count = ref(0)
+
+    function increment() {
+      count.value++
+    }
+    return { increment, count }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - 0042-expose-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0042-expose-api.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-expose.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-expose.js)
diff --git a/lib/index.js b/lib/index.js
index 8bf6cad45..752a52ddb 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -145,6 +145,7 @@ module.exports = {
     'require-direct-export': require('./rules/require-direct-export'),
     'require-emit-validator': require('./rules/require-emit-validator'),
     'require-explicit-emits': require('./rules/require-explicit-emits'),
+    'require-expose': require('./rules/require-expose'),
     'require-name-property': require('./rules/require-name-property'),
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
     'require-prop-types': require('./rules/require-prop-types'),
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 34b557b4b..30371946e 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -18,7 +18,12 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-const { findVariable } = require('eslint-utils')
+const {
+  findVariable,
+  isOpeningBraceToken,
+  isClosingBraceToken,
+  isOpeningBracketToken
+} = require('eslint-utils')
 const utils = require('../utils')
 const { capitalize } = require('../utils/casing')
 
@@ -53,34 +58,6 @@ const FIX_EMITS_AFTER_OPTIONS = [
   'renderTriggered',
   'errorCaptured'
 ]
-
-/**
- * Check whether the given token is a left brace.
- * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a left brace.
- */
-function isLeftBrace(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '{'
-}
-
-/**
- * Check whether the given token is a right brace.
- * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a right brace.
- */
-function isRightBrace(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '}'
-}
-
-/**
- * Check whether the given token is a left bracket.
- * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a left bracket.
- */
-function isLeftBracket(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '['
-}
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -486,7 +463,7 @@ function buildSuggest(define, emits, nameNode, context) {
     const emitsOptionValue = emitsOption.value
     if (emitsOptionValue.type === 'ArrayExpression') {
       const leftBracket = /** @type {Token} */ (
-        sourceCode.getFirstToken(emitsOptionValue, isLeftBracket)
+        sourceCode.getFirstToken(emitsOptionValue, isOpeningBracketToken)
       )
       return [
         {
@@ -504,7 +481,7 @@ function buildSuggest(define, emits, nameNode, context) {
       ]
     } else if (emitsOptionValue.type === 'ObjectExpression') {
       const leftBrace = /** @type {Token} */ (
-        sourceCode.getFirstToken(emitsOptionValue, isLeftBrace)
+        sourceCode.getFirstToken(emitsOptionValue, isOpeningBraceToken)
       )
       return [
         {
@@ -548,10 +525,10 @@ function buildSuggest(define, emits, nameNode, context) {
           )
         } else {
           const objectLeftBrace = /** @type {Token} */ (
-            sourceCode.getFirstToken(object, isLeftBrace)
+            sourceCode.getFirstToken(object, isOpeningBraceToken)
           )
           const objectRightBrace = /** @type {Token} */ (
-            sourceCode.getLastToken(object, isRightBrace)
+            sourceCode.getLastToken(object, isClosingBraceToken)
           )
           return fixer.insertTextAfter(
             objectLeftBrace,
@@ -583,10 +560,10 @@ function buildSuggest(define, emits, nameNode, context) {
           )
         } else {
           const objectLeftBrace = /** @type {Token} */ (
-            sourceCode.getFirstToken(object, isLeftBrace)
+            sourceCode.getFirstToken(object, isOpeningBraceToken)
           )
           const objectRightBrace = /** @type {Token} */ (
-            sourceCode.getLastToken(object, isRightBrace)
+            sourceCode.getLastToken(object, isClosingBraceToken)
           )
           return fixer.insertTextAfter(
             objectLeftBrace,
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
new file mode 100644
index 000000000..02c3a4d0b
--- /dev/null
+++ b/lib/rules/require-expose.js
@@ -0,0 +1,370 @@
+/**
+ * @fileoverview Require `expose` in Vue components
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const {
+  findVariable,
+  isOpeningBraceToken,
+  isClosingBraceToken
+} = require('eslint-utils')
+const utils = require('../utils')
+const { getVueComponentDefinitionType } = require('../utils')
+
+const FIX_EXPOSE_BEFORE_OPTIONS = [
+  'name',
+  'components',
+  'directives',
+  'extends',
+  'mixins',
+  'provide',
+  'inject',
+  'inheritAttrs',
+  'props',
+  'emits'
+]
+
+/**
+ * @param {Property | SpreadElement} node
+ * @returns {node is ObjectExpressionProperty}
+ */
+function isExposeProperty(node) {
+  return (
+    node.type === 'Property' &&
+    utils.getStaticPropertyName(node) === 'expose' &&
+    !node.computed
+  )
+}
+
+/**
+ * Get the callee member node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ */
+function getCalleeMemberNode(node) {
+  const callee = utils.skipChainExpression(node.callee)
+
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
+    if (name) {
+      return { name, member: callee }
+    }
+  }
+  return null
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'require declare public properties using `expose`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-expose.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      requireExpose:
+        'The public properties of the component must be explicitly declared using `expose`. If the component does not have public properties, declare it empty.',
+
+      addExposeOptionForEmpty:
+        'Add the `expose` option to give an empty array.',
+      addExposeOptionForAll:
+        'Add the `expose` option to declare all properties.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    if (utils.isScriptSetup(context)) {
+      return {}
+    }
+
+    /**
+     * @typedef {object} SetupContext
+     * @property {Set<Identifier>} exposeReferenceIds
+     * @property {Set<Identifier>} contextReferenceIds
+     */
+
+    /** @type {Map<ObjectExpression, SetupContext>} */
+    const setupContexts = new Map()
+    /** @type {Set<ObjectExpression>} */
+    const calledExpose = new Set()
+
+    /**
+     * @typedef {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} FunctionNode
+     */
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionNode} functionNode
+     * @property {boolean} returnFunction
+     */
+    /**
+     * @type {ScopeStack | null}
+     */
+    let scopeStack = null
+    /** @type {Map<FunctionNode, ObjectExpression>} */
+    const setupFunctions = new Map()
+    /** @type {Set<ObjectExpression>} */
+    const setupRender = new Set()
+
+    /**
+     * @param {Expression} node
+     * @returns {boolean}
+     */
+    function isFunction(node) {
+      if (
+        node.type === 'ArrowFunctionExpression' ||
+        node.type === 'FunctionExpression'
+      ) {
+        return true
+      }
+      if (node.type === 'Identifier') {
+        const variable = findVariable(context.getScope(), node)
+        if (variable) {
+          for (const def of variable.defs) {
+            if (def.type === 'FunctionName') {
+              return true
+            }
+            if (def.type === 'Variable') {
+              if (def.node.init) {
+                return isFunction(def.node.init)
+              }
+            }
+          }
+        }
+      }
+      return false
+    }
+    return utils.defineVueVisitor(context, {
+      onSetupFunctionEnter(node, { node: vueNode }) {
+        setupFunctions.set(node, vueNode)
+        const contextParam = node.params[1]
+        if (!contextParam) {
+          // no arguments
+          return
+        }
+        if (contextParam.type === 'RestElement') {
+          // cannot check
+          return
+        }
+        if (contextParam.type === 'ArrayPattern') {
+          // cannot check
+          return
+        }
+        /** @type {Set<Identifier>} */
+        const contextReferenceIds = new Set()
+        /** @type {Set<Identifier>} */
+        const exposeReferenceIds = new Set()
+        if (contextParam.type === 'ObjectPattern') {
+          const exposeProperty = utils.findAssignmentProperty(
+            contextParam,
+            'expose'
+          )
+          if (!exposeProperty) {
+            return
+          }
+          const exposeParam = exposeProperty.value
+          // `setup(props, {emit})`
+          const variable =
+            exposeParam.type === 'Identifier'
+              ? findVariable(context.getScope(), exposeParam)
+              : null
+          if (!variable) {
+            return
+          }
+          for (const reference of variable.references) {
+            if (!reference.isRead()) {
+              continue
+            }
+            exposeReferenceIds.add(reference.identifier)
+          }
+        } else if (contextParam.type === 'Identifier') {
+          // `setup(props, context)`
+          const variable = findVariable(context.getScope(), contextParam)
+          if (!variable) {
+            return
+          }
+          for (const reference of variable.references) {
+            if (!reference.isRead()) {
+              continue
+            }
+            contextReferenceIds.add(reference.identifier)
+          }
+        }
+        setupContexts.set(vueNode, {
+          contextReferenceIds,
+          exposeReferenceIds
+        })
+      },
+      CallExpression(node, { node: vueNode }) {
+        if (calledExpose.has(vueNode)) {
+          // already called
+          return
+        }
+        // find setup context
+        const setupContext = setupContexts.get(vueNode)
+        if (setupContext) {
+          const { contextReferenceIds, exposeReferenceIds } = setupContext
+          if (
+            node.callee.type === 'Identifier' &&
+            exposeReferenceIds.has(node.callee)
+          ) {
+            // setup(props,{expose}) {expose()}
+            calledExpose.add(vueNode)
+          } else {
+            const expose = getCalleeMemberNode(node)
+            if (
+              expose &&
+              expose.name === 'expose' &&
+              expose.member.object.type === 'Identifier' &&
+              contextReferenceIds.has(expose.member.object)
+            ) {
+              // setup(props,context) {context.emit()}
+              calledExpose.add(vueNode)
+            }
+          }
+        }
+      },
+      /** @param {FunctionNode} node */
+      ':function'(node) {
+        scopeStack = {
+          upper: scopeStack,
+          functionNode: node,
+          returnFunction: false
+        }
+
+        if (node.type === 'ArrowFunctionExpression' && node.expression) {
+          if (isFunction(node.body)) {
+            scopeStack.returnFunction = true
+          }
+        }
+      },
+      ReturnStatement(node) {
+        if (!scopeStack) {
+          return
+        }
+        if (!scopeStack.returnFunction && node.argument) {
+          if (isFunction(node.argument)) {
+            scopeStack.returnFunction = true
+          }
+        }
+      },
+      ':function:exit'(node) {
+        if (scopeStack && scopeStack.returnFunction) {
+          const vueNode = setupFunctions.get(node)
+          if (vueNode) {
+            setupRender.add(vueNode)
+          }
+        }
+        scopeStack = scopeStack && scopeStack.upper
+      },
+      onVueObjectExit(component, { type }) {
+        if (calledExpose.has(component)) {
+          // `expose` function is called
+          return
+        }
+        if (setupRender.has(component)) {
+          // `setup` function is render function
+          return
+        }
+        if (type === 'definition') {
+          const defType = getVueComponentDefinitionType(component)
+          if (defType === 'mixin') {
+            return
+          }
+        }
+
+        if (component.properties.some(isExposeProperty)) {
+          // has `expose`
+          return
+        }
+
+        context.report({
+          node: component,
+          messageId: 'requireExpose',
+          suggest: buildSuggest(component, context)
+        })
+      }
+    })
+  }
+}
+
+/**
+ * @param {ObjectExpression} object
+ * @param {RuleContext} context
+ * @returns {Rule.SuggestionReportDescriptor[]}
+ */
+function buildSuggest(object, context) {
+  const propertyNodes = object.properties.filter(utils.isProperty)
+
+  const sourceCode = context.getSourceCode()
+  const beforeOptionNode = propertyNodes.find((p) =>
+    FIX_EXPOSE_BEFORE_OPTIONS.includes(utils.getStaticPropertyName(p) || '')
+  )
+  const allProps = [
+    ...new Set(
+      utils.iterateProperties(
+        object,
+        new Set(['props', 'data', 'computed', 'setup', 'methods', 'watch'])
+      )
+    )
+  ]
+  return [
+    {
+      messageId: 'addExposeOptionForEmpty',
+      fix: buildFix('expose: []')
+    },
+    ...(allProps.length
+      ? [
+          {
+            messageId: 'addExposeOptionForAll',
+            fix: buildFix(
+              `expose: [${allProps
+                .map((p) => JSON.stringify(p.name))
+                .join(', ')}]`
+            )
+          }
+        ]
+      : [])
+  ]
+
+  /**
+   * @param {string} text
+   */
+  function buildFix(text) {
+    /**
+     * @param {RuleFixer} fixer
+     */
+    return (fixer) => {
+      if (beforeOptionNode) {
+        return fixer.insertTextAfter(beforeOptionNode, `,\n${text}`)
+      } else if (object.properties.length) {
+        const after = propertyNodes[0] || object.properties[0]
+        return fixer.insertTextAfter(
+          sourceCode.getTokenBefore(after),
+          `\n${text},`
+        )
+      } else {
+        const objectLeftBrace = /** @type {Token} */ (
+          sourceCode.getFirstToken(object, isOpeningBraceToken)
+        )
+        const objectRightBrace = /** @type {Token} */ (
+          sourceCode.getLastToken(object, isClosingBraceToken)
+        )
+        return fixer.insertTextAfter(
+          objectLeftBrace,
+          `\n${text}${
+            objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line
+              ? ''
+              : '\n'
+          }`
+        )
+      }
+    }
+  }
+}
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 8d3b2096e..8350f9209 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -33,7 +33,7 @@ module.exports = {
     return utils.compositingVisitors(
       utils.defineVueVisitor(context, {
         onRenderFunctionEnter(node) {
-          renderFunctions.set(node.parent.value, node.parent.key)
+          renderFunctions.set(node, node.parent.key)
         }
       }),
       utils.executeOnFunctionsWithoutReturn(true, (node) => {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 7ad21ec4c..b0c189592 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1414,21 +1414,21 @@ module.exports = {
   /**
    * Find all functions which do not always return values
    * @param {boolean} treatUndefinedAsUnspecified
-   * @param { (node: ESNode) => void } cb Callback function
+   * @param { (node: ArrowFunctionExpression | FunctionExpression | FunctionDeclaration) => void } cb Callback function
    * @returns {RuleListener}
    */
   executeOnFunctionsWithoutReturn(treatUndefinedAsUnspecified, cb) {
     /**
      * @typedef {object} FuncInfo
-     * @property {FuncInfo} funcInfo
+     * @property {FuncInfo | null} funcInfo
      * @property {CodePath} codePath
      * @property {boolean} hasReturn
      * @property {boolean} hasReturnValue
-     * @property {ESNode} node
+     * @property {ArrowFunctionExpression | FunctionExpression | FunctionDeclaration} node
      */
 
-    /** @type {FuncInfo} */
-    let funcInfo
+    /** @type {FuncInfo | null} */
+    let funcInfo = null
 
     /** @param {CodePathSegment} segment */
     function isReachable(segment) {
@@ -1436,6 +1436,9 @@ module.exports = {
     }
 
     function isValidReturn() {
+      if (!funcInfo) {
+        return true
+      }
       if (
         funcInfo.codePath &&
         funcInfo.codePath.currentSegments.some(isReachable)
@@ -1451,30 +1454,38 @@ module.exports = {
        * @param {ESNode} node
        */
       onCodePathStart(codePath, node) {
-        funcInfo = {
-          codePath,
-          funcInfo,
-          hasReturn: false,
-          hasReturnValue: false,
-          node
+        if (
+          node.type === 'ArrowFunctionExpression' ||
+          node.type === 'FunctionExpression' ||
+          node.type === 'FunctionDeclaration'
+        ) {
+          funcInfo = {
+            codePath,
+            funcInfo,
+            hasReturn: false,
+            hasReturnValue: false,
+            node
+          }
         }
       },
       onCodePathEnd() {
-        funcInfo = funcInfo.funcInfo
+        funcInfo = funcInfo && funcInfo.funcInfo
       },
       /** @param {ReturnStatement} node */
       ReturnStatement(node) {
-        funcInfo.hasReturn = true
-        funcInfo.hasReturnValue = Boolean(node.argument)
+        if (funcInfo) {
+          funcInfo.hasReturn = true
+          funcInfo.hasReturnValue = Boolean(node.argument)
+        }
       },
       /** @param {ArrowFunctionExpression} node */
       'ArrowFunctionExpression:exit'(node) {
-        if (!isValidReturn() && !node.expression) {
+        if (funcInfo && !isValidReturn() && !node.expression) {
           cb(funcInfo.node)
         }
       },
       'FunctionExpression:exit'() {
-        if (!isValidReturn()) {
+        if (funcInfo && !isValidReturn()) {
           cb(funcInfo.node)
         }
       }
diff --git a/tests/lib/rules/require-expose.js b/tests/lib/rules/require-expose.js
new file mode 100644
index 000000000..ca78e55b8
--- /dev/null
+++ b/tests/lib/rules/require-expose.js
@@ -0,0 +1,384 @@
+/**
+ * @fileoverview Require `expose` in Vue components
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/require-expose')
+const RuleTester = require('eslint').RuleTester
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('require-expose', rule, {
+  valid: [
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default { // TODO
+          setup:() => function () {}
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          expose: ['foo'],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          expose: [],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup(_, {expose}) {
+            expose({
+              foo() {}
+            })
+            return {
+              bar() {}
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup(_, {expose}) {
+            expose()
+            return {
+              foo() {},
+              bar() {}
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup(_, ctx) {
+            ctx.expose({
+              foo() {}
+            })
+            return {
+              bar() {}
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      code: `
+      Vue.mixin({
+        methods: {
+          foo () {}
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+      }
+      </script>
+      <script setup>
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup() {
+            return () => h('div')
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup() {
+            function foo () {}
+            return foo
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup() {
+            const foo = function () {}
+            return foo
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup:() => function () {}
+        }
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The public properties of the component must be explicitly declared using `expose`. If the component does not have public properties, declare it empty.',
+          suggestions: [
+            {
+              desc: 'Add the `expose` option to give an empty array.',
+              output: `
+      <script>
+        export default {
+expose: [],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `expose` option to declare all properties.',
+              output: `
+      <script>
+        export default {
+expose: ["foo", "bar"],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          setup(_, ctx) {
+            return {
+              foo() {},
+              bar() {}
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The public properties of the component must be explicitly declared using `expose`. If the component does not have public properties, declare it empty.',
+          suggestions: [
+            {
+              desc: 'Add the `expose` option to give an empty array.',
+              output: `
+      <script>
+        export default {
+expose: [],
+          setup(_, ctx) {
+            return {
+              foo() {},
+              bar() {}
+            }
+          }
+        }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `expose` option to declare all properties.',
+              output: `
+      <script>
+        export default {
+expose: ["foo", "bar"],
+          setup(_, ctx) {
+            return {
+              foo() {},
+              bar() {}
+            }
+          }
+        }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          suggestions: [
+            {
+              desc: 'Add the `expose` option to give an empty array.',
+              output: `
+      <script>
+        export default {
+          props: ['x'],
+expose: [],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `expose` option to declare all properties.',
+              output: `
+      <script>
+        export default {
+          props: ['x'],
+expose: ["x", "foo", "bar"],
+          methods: {
+            foo() {},
+            bar() {},
+          }
+        }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {
+        }
+      </script>
+      `,
+      errors: [
+        {
+          suggestions: [
+            {
+              desc: 'Add the `expose` option to give an empty array.',
+              output: `
+      <script>
+        export default {
+expose: []
+        }
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'ValidComponent.vue',
+      code: `
+      <script>
+        export default {}
+      </script>
+      `,
+      errors: [
+        {
+          suggestions: [
+            {
+              desc: 'Add the `expose` option to give an empty array.',
+              output: `
+      <script>
+        export default {
+expose: []
+}
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 9dc78d005c7965ce8f5f9e7f4c143a504262bc34 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 17 Jul 2021 16:03:14 +0900
Subject: [PATCH 0345/1010] Fix false positives for `<script setup>` in
 `vue/no-lifecycle-after-await`, `vue/no-watch-after-await`,
 `vue/no-restricted-call-after-await` rules. (#1569)

---
 lib/rules/no-lifecycle-after-await.js         | 47 +++++--------------
 lib/rules/no-restricted-call-after-await.js   | 42 ++++-------------
 lib/rules/no-watch-after-await.js             | 45 +++++-------------
 tests/lib/rules/no-lifecycle-after-await.js   | 30 +++++-------
 .../rules/no-restricted-call-after-await.js   | 31 +++++-------
 tests/lib/rules/no-watch-after-await.js       | 34 ++++++--------
 6 files changed, 70 insertions(+), 159 deletions(-)

diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index aba61794d..d38a97a59 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -48,11 +48,11 @@ module.exports = {
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} scopeNode
      */
     /** @type {Set<ESNode>} */
     const lifecycleHookCallNodes = new Set()
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, SetupScopeData>} */
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, SetupScopeData>} */
     const setupScopes = new Map()
 
     /** @type {ScopeStack | null} */
@@ -60,15 +60,7 @@ module.exports = {
 
     return utils.compositingVisitors(
       {
-        /**
-         * @param {Program} node
-         */
-        Program(node) {
-          scopeStack = {
-            upper: scopeStack,
-            scopeNode: node
-          }
-
+        Program() {
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
             /** @type {TraceMap} */
@@ -85,6 +77,14 @@ module.exports = {
           for (const { node } of tracker.iterateEsmReferences(traceMap)) {
             lifecycleHookCallNodes.add(node)
           }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range
+          })
         },
         /**
          * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
@@ -133,31 +133,6 @@ module.exports = {
               messageId: 'forbidden'
             })
           }
-        }
-      },
-      (() => {
-        const scriptSetup = utils.getScriptSetupElement(context)
-        if (!scriptSetup) {
-          return {}
-        }
-        return {
-          /**
-           * @param {Program} node
-           */
-          Program(node) {
-            setupScopes.set(node, {
-              afterAwait: false,
-              range: scriptSetup.range
-            })
-          }
-        }
-      })(),
-      utils.defineVueVisitor(context, {
-        onSetupFunctionEnter(node) {
-          setupScopes.set(node, {
-            afterAwait: false,
-            range: node.range
-          })
         },
         onSetupFunctionExit(node) {
           setupScopes.delete(node)
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index 0c1989418..523d6af12 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -62,13 +62,13 @@ module.exports = {
 
     /** @type {Map<ESNode, string>} */
     const restrictedCallNodes = new Map()
-    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program, SetupScopeData>} */
+    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, SetupScopeData>} */
     const setupScopes = new Map()
 
     /**x
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program} scopeNode
+     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} scopeNode
      */
     /** @type {ScopeStack | null} */
     let scopeStack = null
@@ -142,11 +142,6 @@ module.exports = {
       {
         /** @param {Program} node */
         Program(node) {
-          scopeStack = {
-            upper: scopeStack,
-            scopeNode: node
-          }
-
           const tracker = new ReferenceTracker(context.getScope())
 
           for (const option of context.options) {
@@ -181,6 +176,14 @@ module.exports = {
               }
             }
           }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range
+          })
         },
         /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function'(node) {
@@ -225,31 +228,6 @@ module.exports = {
               data: { message }
             })
           }
-        }
-      },
-      (() => {
-        const scriptSetup = utils.getScriptSetupElement(context)
-        if (!scriptSetup) {
-          return {}
-        }
-        return {
-          /**
-           * @param {Program} node
-           */
-          Program(node) {
-            setupScopes.set(node, {
-              afterAwait: false,
-              range: scriptSetup.range
-            })
-          }
-        }
-      })(),
-      utils.defineVueVisitor(context, {
-        onSetupFunctionEnter(node) {
-          setupScopes.set(node, {
-            afterAwait: false,
-            range: node.range
-          })
         },
         onSetupFunctionExit(node) {
           setupScopes.delete(node)
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index 8de30668e..6ecc4dd75 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -62,26 +62,20 @@ module.exports = {
      * @property {boolean} afterAwait
      * @property {[number,number]} range
      */
-    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program, SetupScopeData>} */
+    /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, SetupScopeData>} */
     const setupScopes = new Map()
 
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | Program} scopeNode
+     * @property {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} scopeNode
      */
     /** @type {ScopeStack | null} */
     let scopeStack = null
 
     return utils.compositingVisitors(
       {
-        /** @param {Program} node */
-        Program(node) {
-          scopeStack = {
-            upper: scopeStack,
-            scopeNode: node
-          }
-
+        Program() {
           const tracker = new ReferenceTracker(context.getScope())
           const traceMap = {
             vue: {
@@ -98,6 +92,14 @@ module.exports = {
           for (const { node } of tracker.iterateEsmReferences(traceMap)) {
             watchCallNodes.add(node)
           }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range
+          })
         },
         /** @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node */
         ':function'(node) {
@@ -140,31 +142,6 @@ module.exports = {
               messageId: 'forbidden'
             })
           }
-        }
-      },
-      (() => {
-        const scriptSetup = utils.getScriptSetupElement(context)
-        if (!scriptSetup) {
-          return {}
-        }
-        return {
-          /**
-           * @param {Program} node
-           */
-          Program(node) {
-            setupScopes.set(node, {
-              afterAwait: false,
-              range: scriptSetup.range
-            })
-          }
-        }
-      })(),
-      utils.defineVueVisitor(context, {
-        onSetupFunctionEnter(node) {
-          setupScopes.set(node, {
-            afterAwait: false,
-            range: node.range
-          })
         },
         onSetupFunctionExit(node) {
           setupScopes.delete(node)
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index 9fc17f3ab..bb7414682 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -139,6 +139,18 @@ tester.run('no-lifecycle-after-await', rule, {
       <script>
       import {onMounted} from 'vue'
       await doSomething()
+      onMounted(() => { /* ... */ }) // not error
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {onMounted} from 'vue'
+      await doSomething()
+
       onMounted(() => { /* ... */ }) // not error
       </script>
       `,
@@ -261,24 +273,6 @@ tester.run('no-lifecycle-after-await', rule, {
           messageId: 'forbidden'
         }
       ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      import {onMounted} from 'vue'
-      await doSomething()
-
-      onMounted(() => { /* ... */ }) // error
-      </script>
-      `,
-      parserOptions: { ecmaVersion: 2022 },
-      errors: [
-        {
-          messageId: 'forbidden',
-          line: 6
-        }
-      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-restricted-call-after-await.js b/tests/lib/rules/no-restricted-call-after-await.js
index 92353eaf0..0eef6713b 100644
--- a/tests/lib/rules/no-restricted-call-after-await.js
+++ b/tests/lib/rules/no-restricted-call-after-await.js
@@ -137,6 +137,18 @@ tester.run('no-restricted-call-after-await', rule, {
       `,
       options: [{ module: 'vue-i18n', path: 'useI18n' }],
       parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {useI18n} from 'vue-i18n'
+      await doSomething()
+      useI18n()
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 },
+      options: [{ module: 'vue-i18n', path: 'useI18n' }]
     }
   ],
   invalid: [
@@ -389,25 +401,6 @@ tester.run('no-restricted-call-after-await', rule, {
           line: 7
         }
       ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      import {useI18n} from 'vue-i18n'
-      await doSomething()
-      useI18n()
-      </script>
-      `,
-      parserOptions: { ecmaVersion: 2022 },
-      options: [{ module: 'vue-i18n', path: 'useI18n' }],
-      errors: [
-        {
-          message:
-            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
-          line: 5
-        }
-      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index ae5718672..e97c78c63 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -155,6 +155,20 @@ tester.run('no-watch-after-await', rule, {
       </script>
       `,
       parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {watch} from 'vue'
+      watch(foo, () => { /* ... */ })
+
+      await doSomething()
+
+      watch(foo, () => { /* ... */ })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
@@ -236,26 +250,6 @@ tester.run('no-watch-after-await', rule, {
           line: 12
         }
       ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      import {watch} from 'vue'
-      watch(foo, () => { /* ... */ })
-
-      await doSomething()
-
-      watch(foo, () => { /* ... */ })
-      </script>
-      `,
-      parserOptions: { ecmaVersion: 2022 },
-      errors: [
-        {
-          message: 'The `watch` after `await` expression are forbidden.',
-          line: 8
-        }
-      ]
     }
   ]
 })

From 23be6e4ef09d0241648010604d6af6a821fe68cc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 18 Jul 2021 15:21:35 +0900
Subject: [PATCH 0346/1010] Update some rules to support style CSS vars
 injection (#1574)

* Update `vue/no-unused-properties` and `vue/script-setup-uses-vars` rule to support style CSS vars

* Add testcase

* upgrade vue-eslint-parser

* update test

* Update no-unsupported-features
---
 docs/rules/no-unsupported-features.md         |   3 +
 lib/rules/no-unsupported-features.js          |   3 +
 lib/rules/no-unused-properties.js             |  10 ++
 lib/rules/script-setup-uses-vars.js           |  12 +-
 .../syntaxes/style-css-vars-injection.js      |  28 +++++
 lib/utils/style-variables/index.js            |  61 +++++++++
 package.json                                  |   2 +-
 tests/lib/rules/no-parsing-error.js           |  26 ++++
 .../style-css-vars-injection.js               | 118 ++++++++++++++++++
 tests/lib/rules/no-unused-properties.js       |  32 +++++
 tests/lib/rules/script-setup-uses-vars.js     |  40 ++++++
 11 files changed, 333 insertions(+), 2 deletions(-)
 create mode 100644 lib/rules/syntaxes/style-css-vars-injection.js
 create mode 100644 lib/utils/style-variables/index.js
 create mode 100644 tests/lib/rules/no-unsupported-features/style-css-vars-injection.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 48e222a99..858a8445d 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -32,6 +32,7 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.1.0+
     - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
   - Vue.js 3.0.0+
+    - `"style-css-vars-injection"` ... [SFC CSS variable injection][Vue RFCs - 0043-sfc-style-variables]
     - `"script-setup"` ... [`<script setup>`][Vue RFCs - 0040-script-setup]
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
@@ -107,6 +108,7 @@ The `"ignores"` option accepts an array of the following strings.
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
 - [Vue RFCs - 0011-v-model-api-change]
 - [Vue RFCs - 0040-script-setup]
+- [Vue RFCs - 0043-sfc-style-variables]
 - [Vue RFCs - v-bind .prop shorthand proposal]
 
 [Vue RFCs - 0001-new-slot-syntax]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot-syntax.md
@@ -115,6 +117,7 @@ The `"ignores"` option accepts an array of the following strings.
 [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md
 [Vue RFCs - 0011-v-model-api-change]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0011-v-model-api-change.md
 [Vue RFCs - 0040-script-setup]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
+[Vue RFCs - 0043-sfc-style-variables]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0043-sfc-style-variables.md
 
 [Vue RFCs - v-bind .prop shorthand proposal]: https://github.com/vuejs/rfcs/pull/18
 
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 821a23ae5..1ddc69342 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -27,6 +27,7 @@ const FEATURES = {
   'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
   'v-is': require('./syntaxes/v-is'),
   'script-setup': require('./syntaxes/script-setup'),
+  'style-css-vars-injection': require('./syntaxes/style-css-vars-injection'),
   // Vue.js 3.1.0+
   'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix')
 }
@@ -103,6 +104,8 @@ module.exports = {
       forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".',
       forbiddenScriptSetup:
         '`<script setup>` are not supported until Vue.js "3.0.0".',
+      forbiddenStyleCssVarsInjection:
+        'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
       // Vue.js 3.1.0+
       forbiddenIsAttributeWithVuePrefix:
         '`is="vue:"` are not supported until Vue.js "3.1.0".'
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 0e5b0b3e7..8b6bfa132 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -10,6 +10,7 @@
 
 const utils = require('../utils')
 const eslintUtils = require('eslint-utils')
+const { getStyleVariablesContext } = require('../utils/style-variables')
 
 /**
  * @typedef {import('../utils').GroupName} GroupName
@@ -1056,6 +1057,15 @@ module.exports = {
       {
         /** @param {Program} node */
         'Program:exit'(node) {
+          const styleVars = getStyleVariablesContext(context)
+          if (styleVars) {
+            for (const { id } of styleVars.references) {
+              templatePropertiesContainer.usedProperties.addUsed(
+                id.name,
+                (context) => extractPatternOrThisProperties(id, context, true)
+              )
+            }
+          }
           if (!node.templateBody) {
             reportUnusedProperties()
           }
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 68e0b3fc3..a73a33678 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 
+const { getStyleVariablesContext } = require('../utils/style-variables')
 // ------------------------------------------------------------------------------
 // Requirements
 // ------------------------------------------------------------------------------
@@ -112,7 +113,16 @@ module.exports = {
           }
         }
       },
-      undefined,
+      {
+        Program() {
+          const styleVars = getStyleVariablesContext(context)
+          if (styleVars) {
+            for (const ref of styleVars.references) {
+              context.markVariableAsUsed(ref.id.name)
+            }
+          }
+        }
+      },
       {
         templateBodyTriggerSelector: 'Program'
       }
diff --git a/lib/rules/syntaxes/style-css-vars-injection.js b/lib/rules/syntaxes/style-css-vars-injection.js
new file mode 100644
index 000000000..1337cd0df
--- /dev/null
+++ b/lib/rules/syntaxes/style-css-vars-injection.js
@@ -0,0 +1,28 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { getStyleVariablesContext } = require('../../utils/style-variables')
+
+module.exports = {
+  supported: '>=3.0.3',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createScriptVisitor(context) {
+    const styleVars = getStyleVariablesContext(context)
+    if (!styleVars) {
+      return {}
+    }
+    return {
+      Program() {
+        for (const vBind of styleVars.vBinds) {
+          context.report({
+            node: vBind,
+            messageId: 'forbiddenStyleCssVarsInjection'
+          })
+        }
+      }
+    }
+  }
+}
diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
new file mode 100644
index 000000000..e2016a631
--- /dev/null
+++ b/lib/utils/style-variables/index.js
@@ -0,0 +1,61 @@
+const { isVElement } = require('..')
+
+module.exports = {
+  getStyleVariablesContext
+}
+
+class StyleVariablesContext {
+  /**
+   * @param {RuleContext} context
+   * @param {VElement[]} styles
+   */
+  constructor(context, styles) {
+    this.context = context
+    this.styles = styles
+    /** @type {VReference[]} */
+    this.references = []
+    /** @type {VExpressionContainer[]} */
+    this.vBinds = []
+    for (const style of styles) {
+      for (const node of style.children) {
+        if (node.type === 'VExpressionContainer') {
+          this.vBinds.push(node)
+          for (const ref of node.references.filter(
+            (ref) => ref.variable == null
+          )) {
+            this.references.push(ref)
+          }
+        }
+      }
+    }
+  }
+}
+
+/** @type {Map<VElement, StyleVariablesContext} */
+const cache = new Map()
+/**
+ * Get the style vars context
+ * @param {RuleContext} context
+ * @returns {StyleVariablesContext | null}
+ */
+function getStyleVariablesContext(context) {
+  const df =
+    context.parserServices.getDocumentFragment &&
+    context.parserServices.getDocumentFragment()
+  if (!df) {
+    return null
+  }
+  const styles = df.children
+    .filter(isVElement)
+    .filter((e) => e.name === 'style')
+  if (!styles.length) {
+    return null
+  }
+  let ctx = cache.get(styles[0])
+  if (ctx) {
+    return ctx
+  }
+  ctx = new StyleVariablesContext(context, styles)
+  cache.set(styles[0], ctx)
+  return ctx
+}
diff --git a/package.json b/package.json
index 5821b2500..299296e16 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^6.3.0",
-    "vue-eslint-parser": "^7.8.0"
+    "vue-eslint-parser": "^7.9.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 2b299f09a..12d195cb8 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -615,6 +615,32 @@ tester.run('no-parsing-error', rule, {
     {
       code: '<template><div xmlns=""></template>',
       errors: ['Parsing error: x-invalid-namespace.']
+    },
+
+    //style vars
+    {
+      filename: 'test.vue',
+      code: `
+        <template></template>
+        <style>
+          .text {
+            color: v-bind(color.);
+            font-size: v-bind('font size');
+          }
+        </style>
+        `,
+      errors: [
+        {
+          message: 'Parsing error: Unexpected end of expression.',
+          line: 5,
+          column: 33
+        },
+        {
+          message: 'Parsing error: Unexpected token size.',
+          line: 6,
+          column: 37
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js b/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
new file mode 100644
index 000000000..6fc7c643d
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
@@ -0,0 +1,118 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('style-css-vars-injection', '^3.0.3')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-unsupported-features/style-css-vars-injection', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <div class="text">hello</div>
+      </template>
+
+      <script>
+        export default {
+          data() {
+            return {
+              color: 'red',
+              font: {
+                size: '2em',
+              },
+            }
+          },
+        }
+      </script>
+
+      <style>
+        .text {
+          color: v-bind(color);
+
+          /* expressions (wrap in quotes) */
+          font-size: v-bind('font.size');
+        }
+      </style>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <template>
+        <div class="text">hello</div>
+      </template>
+
+      <script>
+      </script>
+
+      <style>
+        .text {
+          color: red;
+          font-size: 2em;
+        }
+      </style>`,
+      options: buildOptions({ version: '^2.6.0' })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div class="text">hello</div>
+      </template>
+
+      <script>
+        export default {
+          data() {
+            return {
+              color: 'red',
+              font: {
+                size: '2em',
+              },
+            }
+          },
+        }
+      </script>
+
+      <style>
+        .text {
+          color: v-bind(color);
+
+          /* expressions (wrap in quotes) */
+          font-size: v-bind('font.size');
+        }
+      </style>`,
+      options: buildOptions({ version: '^3.0.0' }),
+      errors: [
+        {
+          message:
+            'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
+          line: 21,
+          column: 18,
+          endLine: 21,
+          endColumn: 31
+        },
+        {
+          message:
+            'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
+          line: 24,
+          column: 22,
+          endLine: 24,
+          endColumn: 41
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 4af8091af..164e562ab 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1562,6 +1562,38 @@ tester.run('no-unused-properties', rule, {
       }
       </script>`,
       options: allOptions
+    },
+
+    //style vars
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div class="text">hello</div>
+        </template>
+
+        <script>
+          export default {
+            data() {
+              return {
+                color: 'red',
+                font: {
+                  size: '2em',
+                },
+              }
+            },
+          }
+        </script>
+
+        <style>
+          .text {
+            color: v-bind(color);
+
+            /* expressions (wrap in quotes) */
+            font-size: v-bind('font.size');
+          }
+        </style>
+        `
     }
   ],
 
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index 5d3c80060..dd49cf6a2 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -179,6 +179,25 @@ describe('script-setup-uses-vars', () => {
           <div ref="v"/>
         </template>
         `
+      },
+
+      //style vars
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          const color = 'red'
+          const font = { size: '2em' }
+        </script>
+
+        <style>
+          * {
+            color: v-bind(color);
+            font-size: v-bind('font.size');
+          }
+        </style>
+        `
       }
     ],
 
@@ -305,6 +324,27 @@ describe('script-setup-uses-vars', () => {
             line: 4
           }
         ]
+      },
+
+      //style vars
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          /* eslint script-setup-uses-vars: 1 */
+          const color = 'red'
+        </script>
+
+        <style lang="scss">
+          .v-bind .color {
+            color: 'v-bind(color)';
+            background-color: 'v-bind(color)';
+          }
+          /* v-bind(color) */
+          // v-bind(color)
+        </style>
+        `,
+        errors: ["'color' is assigned a value but never used."]
       }
     ]
   })

From 8c3031e7a5648470fd7b2737992fb10743ef3ffe Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 18 Jul 2021 18:01:39 +0900
Subject: [PATCH 0347/1010] 7.14.0

---
 docs/rules/require-expose.md | 7 +++++--
 package.json                 | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/require-expose.md b/docs/rules/require-expose.md
index f402c3cd0..01baf5d44 100644
--- a/docs/rules/require-expose.md
+++ b/docs/rules/require-expose.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-expose
 description: require declare public properties using `expose`
+since: v7.14.0
 ---
 # vue/require-expose
 
 > require declare public properties using `expose`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule enforces the component to explicitly declare the exposed properties to the component using `expose`. You can use `expose` to control the internal properties of a component so that they cannot be referenced externally.
@@ -114,6 +113,10 @@ Nothing.
 
 - [Vue RFCs - 0042-expose-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0042-expose-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.14.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-expose.js)
diff --git a/package.json b/package.json
index 299296e16..d55714151 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.13.0",
+  "version": "7.14.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 985662160d99e393dbcf58eb7c54c83385051616 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Thu, 29 Jul 2021 12:07:03 +0900
Subject: [PATCH 0348/1010] New: add no-use-computed-property-like-method rules
 (#1234)

* chore: init rule

* feat: getable methodProperties

* feat: move getMethodProperties into util

* feat: pass rule

* feat: remove getMethodProperties

* docs: add docs

* chore: run update

* feat: check return type of data props methods computed

* feat: add types to eslint utils getStaticValue

* feat: refactor rule

* docs: fix docs

* docs: fix docs

* feat: change report node

* chore: remove unused file

* refactor: improve JSDoc

* docs: remove template

* docs: fix docs

* docs: fix docs

* feat: change target node

* feat: rename getComponentPropsType

* rename eslint

* refactor: rename PropertyMap

* refactor: improve if statement

* Revert "refactor: improve if statement"

This reverts commit 8b825e5370d82b4bd871450e34d01b475b4f49d8.

* feat: consider basic props type

* chore: run update

* refactor improve selector

* feat: addPropertyMap

* refactor: use findProperty

* refactor: add comment

* feat: cover ThisExpression

* feat: support return statement return nothing

* fix: support undefined of propertyMap[thisMember]

* style: run lint

* test: add test case
---
 docs/rules/README.md                          |   3 +-
 .../no-use-computed-property-like-method.md   | 340 +++++++++
 docs/rules/object-curly-newline.md            |   4 +-
 lib/index.js                                  |   1 +
 .../no-use-computed-property-like-method.js   | 257 +++++++
 .../no-use-computed-property-like-method.js   | 703 ++++++++++++++++++
 typings/eslint-utils/index.d.ts               |   5 +
 7 files changed, 1310 insertions(+), 3 deletions(-)
 create mode 100644 docs/rules/no-use-computed-property-like-method.md
 create mode 100644 lib/rules/no-use-computed-property-like-method.js
 create mode 100644 tests/lib/rules/no-use-computed-property-like-method.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 59e013e24..3021b9726 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -320,6 +320,7 @@ For example:
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  |
+| [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/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
@@ -366,7 +367,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces | :wrench: |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks inside braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
 | [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators | :wrench: |
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
new file mode 100644
index 000000000..d776cd7eb
--- /dev/null
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -0,0 +1,340 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-use-computed-property-like-method
+description: disallow use computed property like method
+---
+# vue/no-use-computed-property-like-method
+
+> disallow use computed property like method
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule disallows to use computed property like method.
+
+<eslint-code-block :rules="{'vue/no-use-computed-property-like-method': ['error']}">
+
+```vue
+<script>
+export default {
+  data() {
+    return {
+      dataString: 'dataString',
+      dataNumber: 10,
+      dataObject: {
+        inside: 'inside'
+      },
+      dataArray: [1, 2, 3, 4, 5],
+      dataBoolean: true,
+      dataFunction() {
+        alert('dataFunction')
+      }
+    }
+  },
+  props: {
+    propsString: String,
+    propsNumber: Number,
+    propsObject: Object,
+    propsArray: Array,
+    propsBoolean: Boolean,
+    propsFunction: Function,
+
+    objectPropsString: {
+      type: String
+    },
+    objectPropsNumber: {
+      type: Number
+    },
+    objectPropsObject: {
+      type: Object
+    },
+    objectPropsArray: {
+      type: Array
+    },
+    objectPropsBoolean: {
+      type: Boolean
+    },
+    objectPropsFunction: {
+      type: Function
+    }
+  },
+  computed: {
+    computedReturnDataString() {
+      return this.dataString
+    },
+    computedReturnDataNumber() {
+      return this.dataNumber
+    },
+    computedReturnDataObject() {
+      return this.dataObject
+    },
+    computedReturnDataArray() {
+      return this.dataArray
+    },
+    computedReturnDataBoolean() {
+      return this.dataBoolean
+    },
+    computedReturnDataFunction() {
+      return this.dataFunction
+    },
+
+    computedReturnPropsString() {
+      return this.propsString
+    },
+    computedReturnPropsNumber() {
+      return this.propsNumber
+    },
+    computedReturnPropsObject() {
+      return this.propsObject
+    },
+    computedReturnPropsArray() {
+      return this.propsArray
+    },
+    computedReturnPropsBoolean() {
+      return this.propsBoolean
+    },
+    computedReturnPropsFunction() {
+      return this.propsFunction
+    },
+
+    computedReturnObjectPropsString() {
+      return this.objectPropsString
+    },
+    computedReturnObjectPropsNumber() {
+      return this.objectPropsNumber
+    },
+    computedReturnObjectPropsObject() {
+      return this.objectPropsObject
+    },
+    computedReturnObjectPropsArray() {
+      return this.objectPropsArray
+    },
+    computedReturnObjectPropsBoolean() {
+      return this.objectPropsBoolean
+    },
+    computedReturnObjectPropsFunction() {
+      return this.objectPropsFunction
+    },
+
+    computedReturnString() {
+      return 'computedReturnString'
+    },
+    computedReturnNumber() {
+      return 10
+    },
+    computedReturnObject() {
+      return {
+        inside: 'inside'
+      }
+    },
+    computedReturnArray() {
+      return [1, 2, 3, 4, 5]
+    },
+    computedReturnBoolean() {
+      return true
+    },
+    computedReturnFunction() {
+      const fn = () => alert('computedReturnFunction')
+      return fn
+    },
+
+    computedReturnMethodsReturnString() {
+      return this.methodsReturnString
+    },
+    computedReturnMethodsReturnNumber() {
+      return this.methodsReturnNumber
+    },
+    computedReturnMethodsReturnObject() {
+      return this.methodsReturnObject
+    },
+    computedReturnMethodsReturnArray() {
+      return this.methodsReturnArray
+    },
+    computedReturnMethodsReturnBoolean() {
+      return this.methodsReturnBoolean
+    },
+    computedReturnMethodsReturnFunction() {
+      return this.methodsReturnFunction
+    }
+  },
+  methods: {
+    methodsReturnString() {
+      return 'methodsReturnString'
+    },
+    methodsReturnNumber() {
+      return 'methodsReturnNumber'
+    },
+    methodsReturnObject() {
+      return {
+        inside: 'inside'
+      }
+    },
+    methodsReturnArray() {
+      return [1, 2, 3, 4, 5]
+    },
+    methodsReturnBoolean() {
+      return true
+    },
+    methodsReturnFunction() {
+      const fn = () => alert('methodsReturnFunction')
+      return fn
+    },
+
+    fn() {
+      /* Reference data */
+      /* ✓ GOOD */
+      this.computedReturnDataString
+      this.computedReturnDataNumber
+      this.computedReturnDataObject
+      this.computedReturnDataArray
+      this.computedReturnDataBoolean
+      this.computedReturnDataFunction
+      this.computedReturnDataFunction()
+      /* ✗ BAD */
+      this.computedReturnDataString()
+      this.computedReturnDataNumber()
+      this.computedReturnDataObject()
+      this.computedReturnDataArray()
+      this.computedReturnDataBoolean()
+
+      /* Reference props */
+      /* ✓ GOOD */
+      this.computedReturnPropsString
+      this.computedReturnPropsNumber
+      this.computedReturnPropsObject
+      this.computedReturnPropsArray
+      this.computedReturnPropsBoolean
+      this.computedReturnPropsFunction
+      this.computedReturnPropsFunction()
+      /* ✗ BAD */
+      this.computedReturnPropsString()
+      this.computedReturnPropsNumber()
+      this.computedReturnPropsObject()
+      this.computedReturnPropsArray()
+      this.computedReturnPropsBoolean()
+
+      /* ✓ GOOD */
+      this.computedReturnObjectPropsString
+      this.computedReturnObjectPropsNumber
+      this.computedReturnObjectPropsObject
+      this.computedReturnObjectPropsArray
+      this.computedReturnObjectPropsBoolean
+      this.computedReturnObjectPropsFunction
+      this.computedReturnObjectPropsFunction()
+      /* ✗ BAD */
+      this.computedReturnObjectPropsString()
+      this.computedReturnObjectPropsNumber()
+      this.computedReturnObjectPropsObject()
+      this.computedReturnObjectPropsArray()
+      this.computedReturnObjectPropsBoolean()
+
+      /* Reference computed */
+      /* ✓ GOOD */
+      this.computedReturnString
+      this.computedReturnNumber
+      this.computedReturnObject
+      this.computedReturnArray
+      this.computedReturnBoolean
+      this.computedReturnFunction
+      this.computedReturnFunction()
+      /* ✗ BAD */
+      this.computedReturnString()
+      this.computedReturnNumber()
+      this.computedReturnObject()
+      this.computedReturnArray()
+      this.computedReturnBoolean()
+
+      /* Reference methods */
+      /* ✓ GOOD */
+      this.computedReturnMethodsReturnString
+      this.computedReturnMethodsReturnNumber
+      this.computedReturnMethodsReturnObject
+      this.computedReturnMethodsReturnArray
+      this.computedReturnMethodsReturnBoolean
+      this.computedReturnMethodsReturnFunction
+      this.computedReturnMethodsReturnFunction()
+      /* ✗ BAD */
+      this.computedReturnMethodsReturnString()
+      this.computedReturnMethodsReturnNumber()
+      this.computedReturnMethodsReturnObject()
+      this.computedReturnMethodsReturnArray()
+      this.computedReturnMethodsReturnBoolean()
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+This rule can't check if props is used as array:
+
+<eslint-code-block :rules="{'vue/no-use-computed-property-like-method': ['error']}">
+
+```vue
+<script>
+export default {
+  props: [
+    'propsString',
+    'propsNumber',
+    'propsObject',
+    'propsArray',
+    'propsBoolean',
+    'propsFunction'
+  ],
+  computed: {
+    computedReturnPropsString() {
+      return this.propsString
+    },
+    computedReturnPropsNumber() {
+      return this.propsNumber
+    },
+    computedReturnPropsObject() {
+      return this.propsObject
+    },
+    computedReturnPropsArray() {
+      return this.propsArray
+    },
+    computedReturnPropsBoolean() {
+      return this.propsBoolean
+    },
+    computedReturnPropsFunction() {
+      return this.propsFunction
+    }
+  },
+  methods: {
+    fn() {
+      /* Reference props */
+      /* ✓ GOOD */
+      this.computedReturnPropsString
+      this.computedReturnPropsString()
+      this.computedReturnPropsNumber
+      this.computedReturnPropsNumber()
+      this.computedReturnPropsObject
+      this.computedReturnPropsObject()
+      this.computedReturnPropsArray
+      this.computedReturnPropsArray()
+      this.computedReturnPropsBoolean
+      this.computedReturnPropsBoolean()
+      this.computedReturnPropsFunction
+      this.computedReturnPropsFunction()
+      /* ✗ BAD */
+      /* Nope. everything is GOOD!! */
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-use-computed-property-like-method.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-use-computed-property-like-method.js)
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index 52e3d6ae4..cc4831c12 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: enforce consistent line breaks after opening and before closing braces
+description: enforce consistent line breaks inside braces
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> enforce consistent line breaks after opening and before closing braces
+> enforce consistent line breaks inside braces
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/lib/index.js b/lib/index.js
index 752a52ddb..87f80c9ae 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -122,6 +122,7 @@ module.exports = {
     'no-unused-properties': require('./rules/no-unused-properties'),
     'no-unused-refs': require('./rules/no-unused-refs'),
     'no-unused-vars': require('./rules/no-unused-vars'),
+    'no-use-computed-property-like-method': require('./rules/no-use-computed-property-like-method'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-useless-concat': require('./rules/no-useless-concat'),
     'no-useless-mustaches': require('./rules/no-useless-mustaches'),
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
new file mode 100644
index 000000000..5b0371b8f
--- /dev/null
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -0,0 +1,257 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+const eslintUtils = require('eslint-utils')
+const utils = require('../utils')
+
+/**
+ * @typedef {import('../utils').ComponentPropertyData} ComponentPropertyData
+ * @typedef {import('../utils').ComponentObjectPropertyData} ComponentObjectPropertyData
+ *
+ * @typedef {{[key: string]: ComponentPropertyData & { valueType: { type: string | null } }}} PropertyMap
+ */
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/**
+ * Get type of props item.
+ * Can't consider array props like: props: {propsA: [String, Number, Function]}
+ * @param {ComponentObjectPropertyData} property
+ * @return {string | null}
+ *
+ * @example
+ * props: {
+ *   propA: String, // => String
+ *   propB: {
+ *     type: Number // => String
+ *   },
+ * }
+ */
+const getComponentPropsType = (property) => {
+  /**
+   * Check basic props `props: { basicProps: ... }`
+   */
+  if (property.property.value.type === 'Identifier') {
+    return property.property.value.name
+  }
+  /**
+   * Check object props `props: { objectProps: {...} }`
+   */
+  if (property.property.value.type === 'ObjectExpression') {
+    const typeProperty = utils.findProperty(property.property.value, 'type')
+    if (typeProperty == null) return null
+
+    if (typeProperty.value.type === 'Identifier') return typeProperty.value.name
+  }
+  return null
+}
+
+/**
+ *
+ * @param {any} obj
+ */
+const getPrototypeType = (obj) =>
+  Object.prototype.toString.call(obj).slice(8, -1)
+
+/**
+ * Get return type of property.
+ * @param {{ property: ComponentPropertyData, propertyMap?: PropertyMap }} args
+ * @returns {{type: string | null | 'ReturnStatementHasNotArgument'}}
+ */
+const getValueType = ({ property, propertyMap }) => {
+  if (property.type === 'array') {
+    return {
+      type: null
+    }
+  }
+
+  if (property.type === 'object') {
+    if (property.groupName === 'props') {
+      return {
+        type: getComponentPropsType(property)
+      }
+    }
+
+    if (property.groupName === 'computed' || property.groupName === 'methods') {
+      if (
+        property.property.value.type === 'FunctionExpression' &&
+        property.property.value.body.type === 'BlockStatement'
+      ) {
+        const blockStatement = property.property.value.body
+
+        /**
+         * Only check return statement inside computed and methods
+         */
+        const returnStatement = blockStatement.body.find(
+          (b) => b.type === 'ReturnStatement'
+        )
+
+        if (!returnStatement || returnStatement.type !== 'ReturnStatement')
+          return {
+            type: null
+          }
+
+        if (returnStatement.argument === null)
+          return {
+            type: 'ReturnStatementHasNotArgument'
+          }
+
+        if (
+          property.groupName === 'computed' &&
+          propertyMap &&
+          propertyMap[property.name] &&
+          returnStatement.argument
+        ) {
+          if (
+            returnStatement.argument.type === 'MemberExpression' &&
+            returnStatement.argument.object.type === 'ThisExpression' &&
+            returnStatement.argument.property.type === 'Identifier'
+          )
+            return {
+              type: propertyMap[returnStatement.argument.property.name]
+                .valueType.type
+            }
+
+          if (
+            returnStatement.argument.type === 'CallExpression' &&
+            returnStatement.argument.callee.type === 'MemberExpression' &&
+            returnStatement.argument.callee.object.type === 'ThisExpression' &&
+            returnStatement.argument.callee.property.type === 'Identifier'
+          )
+            return {
+              type: propertyMap[returnStatement.argument.callee.property.name]
+                .valueType.type
+            }
+        }
+
+        /**
+         * Use value as Object even if object includes method
+         */
+        if (
+          property.groupName === 'computed' &&
+          returnStatement.argument.type === 'ObjectExpression'
+        ) {
+          return {
+            type: 'Object'
+          }
+        }
+
+        const evaluated = eslintUtils.getStaticValue(returnStatement.argument)
+
+        if (evaluated) {
+          return {
+            type: getPrototypeType(evaluated.value)
+          }
+        }
+      }
+    }
+
+    const evaluated = eslintUtils.getStaticValue(property.property.value)
+
+    if (evaluated) {
+      return {
+        type: getPrototypeType(evaluated.value)
+      }
+    }
+  }
+  return {
+    type: null
+  }
+}
+
+/**
+ * @param {Set<string>} groups
+ * @param {ObjectExpression} vueNodeMap
+ * @param {PropertyMap} propertyMap
+ */
+const addPropertyMap = (groups, vueNodeMap, propertyMap) => {
+  const properties = utils.iterateProperties(vueNodeMap, groups)
+  for (const property of properties) {
+    propertyMap[property.name] = {
+      ...propertyMap[property.name],
+      ...property,
+      valueType: getValueType({ property, propertyMap })
+    }
+  }
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow use computed property like method',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-use-computed-property-like-method.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'Use {{ likeProperty }} instead of {{ likeMethod }}.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const GROUP_NAMES = ['data', 'props', 'computed', 'methods']
+    const groups = new Set(GROUP_NAMES)
+
+    /** @type PropertyMap */
+    const propertyMap = {}
+
+    /**@type ObjectExpression */
+    let vueNodeMap = {}
+
+    return utils.defineVueVisitor(context, {
+      onVueObjectEnter(node) {
+        vueNodeMap = node
+        const properties = utils.iterateProperties(node, groups)
+
+        for (const property of properties) {
+          propertyMap[property.name] = {
+            ...propertyMap[property.name],
+            ...property,
+            valueType: getValueType({ property })
+          }
+        }
+      },
+
+      /** @param {ThisExpression} node */
+      'CallExpression > MemberExpression > ThisExpression'(node) {
+        addPropertyMap(groups, vueNodeMap, propertyMap)
+
+        if (node.parent.type !== 'MemberExpression') return
+        if (node.parent.property.type !== 'Identifier') return
+
+        const thisMember = node.parent.property.name
+
+        if (
+          !propertyMap[thisMember] ||
+          !propertyMap[thisMember].valueType ||
+          !propertyMap[thisMember].valueType.type
+        )
+          return
+
+        if (
+          propertyMap[thisMember].groupName === 'computed' &&
+          propertyMap[thisMember].valueType.type !== 'Function'
+        ) {
+          context.report({
+            node: node.parent.parent,
+            loc: node.parent.parent.loc,
+            messageId: 'unexpected',
+            data: {
+              likeProperty: `this.${thisMember}`,
+              likeMethod: `this.${thisMember}()`
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-use-computed-property-like-method.js b/tests/lib/rules/no-use-computed-property-like-method.js
new file mode 100644
index 000000000..b6e5e6958
--- /dev/null
+++ b/tests/lib/rules/no-use-computed-property-like-method.js
@@ -0,0 +1,703 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-use-computed-property-like-method')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+tester.run('no-use-computed-property-like-method', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data() {
+            return {
+              dataString: 'dataString',
+              dataNumber: 10,
+              dataObject: {
+                inside: "inside"
+              },
+              dataArray: [1,2,3,4,5],
+              dataBoolean: true,
+            }
+          },
+          computed: {
+            computedReturnDataString() {
+              return this.dataString
+            },
+            computedReturnDataNumber() {
+              return this.dataNumber
+            },
+            computedReturnDataObject() {
+              return this.dataObject
+            },
+            computedReturnDataArray() {
+              return this.dataArray
+            },
+            computedReturnDataBoolean() {
+              return this.dataBoolean
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnDataString
+              this.computedReturnDataNumber
+              this.computedReturnDataObject
+              this.computedReturnDataArray
+              this.computedReturnDataBoolean
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data() {
+            return {
+              dataFunction() {
+                alert('dataFunction')
+              }
+            }
+          },
+          computed: {
+            computedReturnDataFunction() {
+              return this.dataFunction
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnDataFunction
+              this.computedReturnDataFunction()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsString: String,
+            propsNumber: Number,
+            propsObject: Object,
+            propsArray: Array,
+            propsBoolean: Boolean
+          },
+          computed: {
+            computedReturnPropsString() {
+              return this.propsString
+            },
+            computedReturnPropsNumber() {
+              return this.propsNumber
+            },
+            computedReturnPropsObject() {
+              return this.propsObject
+            },
+            computedReturnPropsArray() {
+              return this.propsArray
+            },
+            computedReturnPropsBoolean() {
+              return this.propsBoolean
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsString
+              this.computedReturnPropsNumber
+              this.computedReturnPropsObject
+              this.computedReturnPropsArray
+              this.computedReturnPropsBoolean
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsString: {
+              type: String
+            },
+            propsNumber: {
+              type: Number
+            },
+            propsObject: {
+              type: Object
+            },
+            propsArray: {
+              type: Array
+            },
+            propsBoolean: {
+              type: Boolean
+            }
+          },
+          computed: {
+            computedReturnPropsString() {
+              return this.propsString
+            },
+            computedReturnPropsNumber() {
+              return this.propsNumber
+            },
+            computedReturnPropsObject() {
+              return this.propsObject
+            },
+            computedReturnPropsArray() {
+              return this.propsArray
+            },
+            computedReturnPropsBoolean() {
+              return this.propsBoolean
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsString
+              this.computedReturnPropsNumber
+              this.computedReturnPropsObject
+              this.computedReturnPropsArray
+              this.computedReturnPropsBoolean
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsFunction: {
+              type: Function
+            },
+          },
+          computed: {
+            computedReturnPropsFunction() {
+              return this.propsFunction
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsFunction
+              this.computedReturnPropsFunction()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: [
+            "propsString",
+            "propsNumber",
+            "propsObject",
+            "propsArray",
+            "propsBoolean",
+            "propsFunction"
+          ],
+          computed: {
+            computedReturnPropsString() {
+              return this.propsString
+            },
+            computedReturnPropsNumber() {
+              return this.propsNumber
+            },
+            computedReturnPropsObject() {
+              return this.propsObject
+            },
+            computedReturnPropsArray() {
+              return this.propsArray
+            },
+            computedReturnPropsBoolean() {
+              return this.propsBoolean
+            },
+            computedReturnPropsFunction() {
+              return this.propsFunction
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsString
+              this.computedReturnPropsString()
+
+              this.computedReturnPropsNumber
+              this.computedReturnPropsNumber()
+
+              this.computedReturnPropsObject
+              this.computedReturnPropsObject()
+
+              this.computedReturnPropsArray
+              this.computedReturnPropsArray()
+
+              this.computedReturnPropsBoolean
+              this.computedReturnPropsBoolean()
+
+              this.computedReturnPropsFunction
+              this.computedReturnPropsFunction()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnString() {
+              return 'computedReturnString'
+            },
+            computedReturnNumber() {
+              return 10
+            },
+            computedReturnObject() {
+              return {
+                inside: "inside"
+              }
+            },
+            computedReturnArray() {
+              return [1,2,3,4,5]
+            },
+            computedReturnBoolean() {
+              return true
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnString
+              this.computedReturnNumber
+              this.computedReturnObject
+              this.computedReturnArray
+              this.computedReturnBoolean
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnFunction() {
+              const fn = () => alert('computedReturnFunction')
+              return fn
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnFunction
+              this.computedReturnFunction()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnMethodsReturnString() {
+              return this.methodsReturnString
+            },
+            computedReturnMethodsReturnNumber() {
+              return this.methodsReturnNumber
+            },
+            computedReturnMethodsReturnObject() {
+              return this.methodsReturnObject
+            },
+            computedReturnMethodsReturnArray() {
+              return this.methodsReturnArray
+            },
+            computedReturnMethodsReturnBoolean() {
+              return this.methodsReturnBoolean
+            }
+          },
+          methods: {
+            methodsReturnString() {
+              return 'methodsReturnString'
+            },
+            methodsReturnNumber() {
+              return 'methodsReturnNumber'
+            },
+            methodsReturnObject() {
+              return {
+                inside: "inside"
+              }
+            },
+            methodsReturnArray() {
+              return [1,2,3,4,5]
+            },
+            methodsReturnBoolean() {
+              return true
+            },
+            fn() {
+              this.computedReturnMethodsReturnString
+              this.computedReturnMethodsReturnNumber
+              this.computedReturnMethodsReturnObject
+              this.computedReturnMethodsReturnArray
+              this.computedReturnMethodsReturnBoolean
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnMethodsReturnFunction() {
+              return this.methodsReturnFunction
+            }
+          },
+          methods: {
+            methodsReturnFunction() {
+              const fn = () => alert('methodsReturnFunction')
+              return fn
+            },
+            fn() {
+              this.computedReturnMethodsReturnFunction
+              this.computedReturnMethodsReturnFunction()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          methods: {
+            fn() {
+              this.foo()
+            }
+          }
+        }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data() {
+            return {
+              dataString: 'dataString',
+              dataNumber: 10,
+              dataObject: {
+                inside: "inside"
+              },
+              dataArray: [1,2,3,4,5],
+              dataBoolean: true,
+            }
+          },
+          computed: {
+            computedReturnDataString() {
+              return this.dataString
+            },
+            computedReturnDataNumber() {
+              return this.dataNumber
+            },
+            computedReturnDataObject() {
+              return this.dataObject
+            },
+            computedReturnDataArray() {
+              return this.dataArray
+            },
+            computedReturnDataBoolean() {
+              return this.dataBoolean
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnDataString()
+              this.computedReturnDataNumber()
+              this.computedReturnDataObject()
+              this.computedReturnDataArray()
+              this.computedReturnDataBoolean()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnDataString instead of this.computedReturnDataString().',
+        'Use this.computedReturnDataNumber instead of this.computedReturnDataNumber().',
+        'Use this.computedReturnDataObject instead of this.computedReturnDataObject().',
+        'Use this.computedReturnDataArray instead of this.computedReturnDataArray().',
+        'Use this.computedReturnDataBoolean instead of this.computedReturnDataBoolean().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsString: String,
+            propsNumber: Number,
+            propsObject: Object,
+            propsArray: Array,
+            propsBoolean: Boolean
+          },
+          computed: {
+            computedReturnPropsString() {
+              return this.propsString
+            },
+            computedReturnPropsNumber() {
+              return this.propsNumber
+            },
+            computedReturnPropsObject() {
+              return this.propsObject
+            },
+            computedReturnPropsArray() {
+              return this.propsArray
+            },
+            computedReturnPropsBoolean() {
+              return this.propsBoolean
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsString()
+              this.computedReturnPropsNumber()
+              this.computedReturnPropsObject()
+              this.computedReturnPropsArray()
+              this.computedReturnPropsBoolean()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnPropsString instead of this.computedReturnPropsString().',
+        'Use this.computedReturnPropsNumber instead of this.computedReturnPropsNumber().',
+        'Use this.computedReturnPropsObject instead of this.computedReturnPropsObject().',
+        'Use this.computedReturnPropsArray instead of this.computedReturnPropsArray().',
+        'Use this.computedReturnPropsBoolean instead of this.computedReturnPropsBoolean().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsString: {
+              type: String
+            },
+            propsNumber: {
+              type: Number
+            },
+            propsObject: {
+              type: Object
+            },
+            propsArray: {
+              type: Array
+            },
+            propsBoolean: {
+              type: Boolean
+            }
+          },
+          computed: {
+            computedReturnPropsString() {
+              return this.propsString
+            },
+            computedReturnPropsNumber() {
+              return this.propsNumber
+            },
+            computedReturnPropsObject() {
+              return this.propsObject
+            },
+            computedReturnPropsArray() {
+              return this.propsArray
+            },
+            computedReturnPropsBoolean() {
+              return this.propsBoolean
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsString()
+              this.computedReturnPropsNumber()
+              this.computedReturnPropsObject()
+              this.computedReturnPropsArray()
+              this.computedReturnPropsBoolean()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnPropsString instead of this.computedReturnPropsString().',
+        'Use this.computedReturnPropsNumber instead of this.computedReturnPropsNumber().',
+        'Use this.computedReturnPropsObject instead of this.computedReturnPropsObject().',
+        'Use this.computedReturnPropsArray instead of this.computedReturnPropsArray().',
+        'Use this.computedReturnPropsBoolean instead of this.computedReturnPropsBoolean().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnString() {
+              return 'computedReturnString'
+            },
+            computedReturnNumber() {
+              return 10
+            },
+            computedReturnObject() {
+              return {
+                inside: "inside"
+              }
+            },
+            computedReturnArray() {
+              return [1,2,3,4,5]
+            },
+            computedReturnBoolean() {
+              return true
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnString()
+              this.computedReturnNumber()
+              this.computedReturnObject()
+              this.computedReturnArray()
+              this.computedReturnBoolean()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnString instead of this.computedReturnString().',
+        'Use this.computedReturnNumber instead of this.computedReturnNumber().',
+        'Use this.computedReturnObject instead of this.computedReturnObject().',
+        'Use this.computedReturnArray instead of this.computedReturnArray().',
+        'Use this.computedReturnBoolean instead of this.computedReturnBoolean().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnString() {
+              return 'computedReturnString'
+            },
+            computedReturnComputedReturnString() {
+              return this.computedReturnString
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnComputedReturnString()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnComputedReturnString instead of this.computedReturnComputedReturnString().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnObject() {
+              return {
+                insideFn() {
+                  return "insideFn"
+                }
+              }
+            },
+          },
+          methods: {
+            fn() {
+              this.computedReturnObject().insideFn
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnObject instead of this.computedReturnObject().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnNothing() {
+              return
+            },
+          },
+          methods: {
+            fn() {
+              this.computedReturnNothing()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnNothing instead of this.computedReturnNothing().'
+      ]
+    }
+  ]
+})
diff --git a/typings/eslint-utils/index.d.ts b/typings/eslint-utils/index.d.ts
index 46d0f5abe..25e9ba8d4 100644
--- a/typings/eslint-utils/index.d.ts
+++ b/typings/eslint-utils/index.d.ts
@@ -8,6 +8,11 @@ export function findVariable(
   nameOrNode: VAST.Identifier | string
 ): eslint.Scope.Variable
 
+export function getStaticValue(
+  node: VAST.ESNode,
+  initialScope?: eslint.Scope.Scope
+): { value: any } | null
+
 export function isParenthesized(
   num: number,
   node: VAST.ESNode,

From c08be3175ac26e675b8250754e2320cefd46dcdc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 29 Jul 2021 12:24:25 +0900
Subject: [PATCH 0349/1010] Fix tsc error (#1583)

---
 .../no-use-computed-property-like-method.js   | 19 ++++++++++---------
 lib/utils/style-variables/index.js            |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index 5b0371b8f..1add2c343 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -13,6 +13,7 @@ const utils = require('../utils')
 /**
  * @typedef {import('../utils').ComponentPropertyData} ComponentPropertyData
  * @typedef {import('../utils').ComponentObjectPropertyData} ComponentObjectPropertyData
+ * @typedef {import('../utils').GroupName} GroupName
  *
  * @typedef {{[key: string]: ComponentPropertyData & { valueType: { type: string | null } }}} PropertyMap
  */
@@ -167,7 +168,7 @@ const getValueType = ({ property, propertyMap }) => {
 }
 
 /**
- * @param {Set<string>} groups
+ * @param {Set<GroupName>} groups
  * @param {ObjectExpression} vueNodeMap
  * @param {PropertyMap} propertyMap
  */
@@ -198,18 +199,15 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    /** @type {GroupName[]} */
     const GROUP_NAMES = ['data', 'props', 'computed', 'methods']
     const groups = new Set(GROUP_NAMES)
 
-    /** @type PropertyMap */
-    const propertyMap = {}
-
-    /**@type ObjectExpression */
-    let vueNodeMap = {}
+    /** @type {PropertyMap} */
+    const propertyMap = Object.create(null)
 
     return utils.defineVueVisitor(context, {
       onVueObjectEnter(node) {
-        vueNodeMap = node
         const properties = utils.iterateProperties(node, groups)
 
         for (const property of properties) {
@@ -222,8 +220,11 @@ module.exports = {
       },
 
       /** @param {ThisExpression} node */
-      'CallExpression > MemberExpression > ThisExpression'(node) {
-        addPropertyMap(groups, vueNodeMap, propertyMap)
+      'CallExpression > MemberExpression > ThisExpression'(
+        node,
+        { node: vueNode }
+      ) {
+        addPropertyMap(groups, vueNode, propertyMap)
 
         if (node.parent.type !== 'MemberExpression') return
         if (node.parent.property.type !== 'Identifier') return
diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
index e2016a631..63caf208a 100644
--- a/lib/utils/style-variables/index.js
+++ b/lib/utils/style-variables/index.js
@@ -31,7 +31,7 @@ class StyleVariablesContext {
   }
 }
 
-/** @type {Map<VElement, StyleVariablesContext} */
+/** @type {Map<VElement, StyleVariablesContext>} */
 const cache = new Map()
 /**
  * Get the style vars context

From e1cf1cdef858497c3f9bd571c69aa68ba3ca12e7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 29 Jul 2021 12:35:17 +0900
Subject: [PATCH 0350/1010] Update core wrapper rules to support style CSS vars
 injection (#1576)

* Update core wrapper rules to support style CSS vars injection

* update vue/comma-spacing, and vue/eqeqeq

* update vue/no-extra-parens, vue/no-useless-concat,  and vue/prefer-template

* Update vue/keyword-spacing, vue/space-in-parens, vue/space-infix-ops, and vue/space-unary-ops rules

* fix

* update vue/func-call-spacing, vue/no-restricted-syntax,  and vue/template-curly-spacing

* upgrade vue-eslint-parser
---
 lib/rules/comma-spacing.js                    |  3 +-
 lib/rules/dot-notation.js                     |  4 +-
 lib/rules/eqeqeq.js                           |  4 +-
 lib/rules/func-call-spacing.js                |  3 +-
 lib/rules/no-extra-parens.js                  |  1 +
 lib/rules/no-restricted-syntax.js             |  4 +-
 lib/rules/no-useless-concat.js                |  4 +-
 lib/rules/prefer-template.js                  |  4 +-
 lib/rules/space-in-parens.js                  |  3 +-
 lib/rules/space-infix-ops.js                  |  3 +-
 lib/rules/space-unary-ops.js                  |  3 +-
 lib/rules/template-curly-spacing.js           |  3 +-
 lib/utils/index.js                            | 65 +++++++++++++++----
 package.json                                  |  2 +-
 tests/lib/rules/comma-spacing.js              | 29 ++++++++-
 tests/lib/rules/dot-notation.js               | 40 +++++++++++-
 tests/lib/rules/eqeqeq.js                     | 21 +++++-
 tests/lib/rules/func-call-spacing.js          | 31 +++++++++
 tests/lib/rules/no-extra-parens.js            | 25 ++++++-
 tests/lib/rules/no-restricted-syntax.js       | 37 +++++++++++
 tests/lib/rules/no-useless-concat.js          | 19 +++++-
 tests/lib/rules/prefer-template.js            | 28 ++++++++
 tests/lib/rules/space-in-parens.js            | 33 ++++++++++
 tests/lib/rules/space-infix-ops.js            | 27 +++++++-
 tests/lib/rules/space-unary-ops.js            | 24 +++++++
 tests/lib/rules/template-curly-spacing.js     | 36 ++++++++++
 .../eslint-plugin-vue/util-types/ast/ast.ts   |  2 +
 .../util-types/parser-services.ts             |  6 ++
 28 files changed, 435 insertions(+), 29 deletions(-)

diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
index 7ac0245e8..6bad7e4b7 100644
--- a/lib/rules/comma-spacing.js
+++ b/lib/rules/comma-spacing.js
@@ -8,5 +8,6 @@ const { wrapCoreRule } = require('../utils')
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('comma-spacing', {
   skipDynamicArguments: true,
-  skipDynamicArgumentsReport: true
+  skipDynamicArgumentsReport: true,
+  applyDocument: true
 })
diff --git a/lib/rules/dot-notation.js b/lib/rules/dot-notation.js
index 712658967..bd72bd828 100644
--- a/lib/rules/dot-notation.js
+++ b/lib/rules/dot-notation.js
@@ -6,4 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule('dot-notation')
+module.exports = wrapCoreRule('dot-notation', {
+  applyDocument: true
+})
diff --git a/lib/rules/eqeqeq.js b/lib/rules/eqeqeq.js
index 39894e1fc..d918b4d80 100644
--- a/lib/rules/eqeqeq.js
+++ b/lib/rules/eqeqeq.js
@@ -6,4 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule('eqeqeq')
+module.exports = wrapCoreRule('eqeqeq', {
+  applyDocument: true
+})
diff --git a/lib/rules/func-call-spacing.js b/lib/rules/func-call-spacing.js
index 9fb96ab39..2054376c0 100644
--- a/lib/rules/func-call-spacing.js
+++ b/lib/rules/func-call-spacing.js
@@ -7,5 +7,6 @@ const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('func-call-spacing', {
-  skipDynamicArguments: true
+  skipDynamicArguments: true,
+  applyDocument: true
 })
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 20c25938e..223bd630d 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -9,6 +9,7 @@ const { wrapCoreRule } = require('../utils')
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-extra-parens', {
   skipDynamicArguments: true,
+  applyDocument: true,
   create: createForVueSyntax
 })
 
diff --git a/lib/rules/no-restricted-syntax.js b/lib/rules/no-restricted-syntax.js
index a09ff6660..19feb14ef 100644
--- a/lib/rules/no-restricted-syntax.js
+++ b/lib/rules/no-restricted-syntax.js
@@ -6,4 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule('no-restricted-syntax')
+module.exports = wrapCoreRule('no-restricted-syntax', {
+  applyDocument: true
+})
diff --git a/lib/rules/no-useless-concat.js b/lib/rules/no-useless-concat.js
index 7379a1ee7..f2c51b908 100644
--- a/lib/rules/no-useless-concat.js
+++ b/lib/rules/no-useless-concat.js
@@ -6,4 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule('no-useless-concat')
+module.exports = wrapCoreRule('no-useless-concat', {
+  applyDocument: true
+})
diff --git a/lib/rules/prefer-template.js b/lib/rules/prefer-template.js
index 5cc11e2a5..6fac1a059 100644
--- a/lib/rules/prefer-template.js
+++ b/lib/rules/prefer-template.js
@@ -6,4 +6,6 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
-module.exports = wrapCoreRule('prefer-template')
+module.exports = wrapCoreRule('prefer-template', {
+  applyDocument: true
+})
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
index 29ba0403b..3a9a7e0dc 100644
--- a/lib/rules/space-in-parens.js
+++ b/lib/rules/space-in-parens.js
@@ -8,5 +8,6 @@ const { wrapCoreRule } = require('../utils')
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('space-in-parens', {
   skipDynamicArguments: true,
-  skipDynamicArgumentsReport: true
+  skipDynamicArgumentsReport: true,
+  applyDocument: true
 })
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index 650b215e8..dd0a8af26 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -7,5 +7,6 @@ const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('space-infix-ops', {
-  skipDynamicArguments: true
+  skipDynamicArguments: true,
+  applyDocument: true
 })
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index 4920ca9e4..e3ece4c2f 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -7,5 +7,6 @@ const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('space-unary-ops', {
-  skipDynamicArguments: true
+  skipDynamicArguments: true,
+  applyDocument: true
 })
diff --git a/lib/rules/template-curly-spacing.js b/lib/rules/template-curly-spacing.js
index acefea6b5..549c790b6 100644
--- a/lib/rules/template-curly-spacing.js
+++ b/lib/rules/template-curly-spacing.js
@@ -7,5 +7,6 @@ const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('template-curly-spacing', {
-  skipDynamicArguments: true
+  skipDynamicArguments: true,
+  applyDocument: true
 })
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b0c189592..510e016a5 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -78,19 +78,24 @@ function getCoreRule(name) {
  * Wrap the rule context object to override methods which access to tokens (such as getTokenAfter).
  * @param {RuleContext} context The rule context object.
  * @param {ParserServices.TokenStore} tokenStore The token store object for template.
+ * @param {Object} options The option of this rule.
+ * @param {boolean} [options.applyDocument] If `true`, apply check to document fragment.
  * @returns {RuleContext}
  */
-function wrapContextToOverrideTokenMethods(context, tokenStore) {
+function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
   const eslintSourceCode = context.getSourceCode()
+  const rootNode = options.applyDocument
+    ? context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+    : eslintSourceCode.ast.templateBody
   /** @type {Token[] | null} */
   let tokensAndComments = null
   function getTokensAndComments() {
     if (tokensAndComments) {
       return tokensAndComments
     }
-    const templateBody = eslintSourceCode.ast.templateBody
-    tokensAndComments = templateBody
-      ? tokenStore.getTokens(templateBody, {
+    tokensAndComments = rootNode
+      ? tokenStore.getTokens(rootNode, {
           includeComments: true
         })
       : []
@@ -99,8 +104,7 @@ function wrapContextToOverrideTokenMethods(context, tokenStore) {
 
   /** @param {number} index */
   function getNodeByRangeIndex(index) {
-    const templateBody = eslintSourceCode.ast.templateBody
-    if (!templateBody) {
+    if (!rootNode) {
       return eslintSourceCode.ast
     }
 
@@ -110,7 +114,7 @@ function wrapContextToOverrideTokenMethods(context, tokenStore) {
     const skipNodes = []
     let breakFlag = false
 
-    traverseNodes(templateBody, {
+    traverseNodes(rootNode, {
       enterNode(node, parent) {
         if (breakFlag) {
           return
@@ -242,6 +246,7 @@ module.exports = {
    * @param {string[]} [options.categories] The categories of this rule.
    * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
    * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
+   * @param {boolean} [options.applyDocument] If `true`, apply check to document fragment.
    * @param { (context: RuleContext, options: { coreHandlers: RuleListener }) => TemplateListener } [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
    */
@@ -251,6 +256,7 @@ module.exports = {
       categories,
       skipDynamicArguments,
       skipDynamicArgumentsReport,
+      applyDocument,
       create
     } = options || {}
     return {
@@ -262,7 +268,9 @@ module.exports = {
         // The `context.getSourceCode()` cannot access the tokens of templates.
         // So override the methods which access to tokens by the `tokenStore`.
         if (tokenStore) {
-          context = wrapContextToOverrideTokenMethods(context, tokenStore)
+          context = wrapContextToOverrideTokenMethods(context, tokenStore, {
+            applyDocument
+          })
         }
 
         if (skipDynamicArgumentsReport) {
@@ -277,12 +285,19 @@ module.exports = {
           Object.assign({}, coreHandlers)
         )
         if (handlers.Program) {
-          handlers["VElement[parent.type!='VElement']"] = handlers.Program
+          handlers[
+            applyDocument
+              ? 'VDocumentFragment'
+              : "VElement[parent.type!='VElement']"
+          ] = /** @type {any} */ (handlers.Program)
           delete handlers.Program
         }
         if (handlers['Program:exit']) {
-          handlers["VElement[parent.type!='VElement']:exit"] =
-            handlers['Program:exit']
+          handlers[
+            applyDocument
+              ? 'VDocumentFragment:exit'
+              : "VElement[parent.type!='VElement']:exit"
+          ] = /** @type {any} */ (handlers['Program:exit'])
           delete handlers['Program:exit']
         }
 
@@ -309,6 +324,10 @@ module.exports = {
           compositingVisitors(handlers, create(context, { coreHandlers }))
         }
 
+        if (applyDocument) {
+          // Apply the handlers to document.
+          return defineDocumentVisitor(context, handlers)
+        }
         // Apply the handlers to templates.
         return defineTemplateBodyVisitor(context, handlers)
       },
@@ -1812,6 +1831,30 @@ function defineTemplateBodyVisitor(
     options
   )
 }
+/**
+ * Register the given visitor to parser services.
+ * If the parser service of `vue-eslint-parser` was not found,
+ * this generates a warning.
+ *
+ * @param {RuleContext} context The rule context to use parser services.
+ * @param {TemplateListener} documentVisitor The visitor to traverse the document.
+ * @param { { triggerSelector: "Program" | "Program:exit" } } [options] The options.
+ * @returns {RuleListener} The merged visitor.
+ */
+function defineDocumentVisitor(context, documentVisitor, options) {
+  if (context.parserServices.defineDocumentVisitor == null) {
+    const filename = context.getFilename()
+    if (path.extname(filename) === '.vue') {
+      context.report({
+        loc: { line: 1, column: 0 },
+        message:
+          'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+      })
+    }
+    return {}
+  }
+  return context.parserServices.defineDocumentVisitor(documentVisitor, options)
+}
 
 /**
  * @template T
diff --git a/package.json b/package.json
index d55714151..7ceec76c6 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "eslint-utils": "^2.1.0",
     "natural-compare": "^1.4.0",
     "semver": "^6.3.0",
-    "vue-eslint-parser": "^7.9.0"
+    "vue-eslint-parser": "^7.10.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
diff --git a/tests/lib/rules/comma-spacing.js b/tests/lib/rules/comma-spacing.js
index e5b74407f..68b70b324 100644
--- a/tests/lib/rules/comma-spacing.js
+++ b/tests/lib/rules/comma-spacing.js
@@ -61,7 +61,14 @@ tester.run('comma-spacing', rule, {
     `<script>
     fn = (a,b) => {}
     </script>`,
-    `fn = (a,b) => {}`
+    `fn = (a,b) => {}`,
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind('foo(a, b)')
+    }
+    </style>`
   ],
   invalid: [
     {
@@ -278,6 +285,26 @@ tester.run('comma-spacing', rule, {
           line: 4
         }
       ]
+    },
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('foo(a,b)')
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind('foo(a, b)')
+      }
+      </style>`,
+      errors: [
+        {
+          message: "A space is required after ','.",
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/dot-notation.js b/tests/lib/rules/dot-notation.js
index eea4c1928..ff32b85ef 100644
--- a/tests/lib/rules/dot-notation.js
+++ b/tests/lib/rules/dot-notation.js
@@ -17,7 +17,14 @@ tester.run('dot-notation', rule, {
     '<template><div attr="foo[\'bar\']" /></template>',
     `<template><div :[foo.bar]="a" /></template>`,
     `<template><div :attr="foo[bar]" /></template>`,
-    `<template><div :[foo[bar]]="a" /></template>`
+    `<template><div :[foo[bar]]="a" /></template>`,
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind(foo.bar)
+    }
+    </style>`
   ],
   invalid: [
     {
@@ -29,6 +36,37 @@ tester.run('dot-notation', rule, {
       code: `<template><div :[foo[\`bar\`]]="a" /></template>`,
       output: `<template><div :[foo.bar]="a" /></template>`,
       errors: ['[`bar`] is better written in dot notation.']
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind(foo[\`bar\`])
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind(foo.bar)
+      }
+      </style>`,
+      errors: ['[`bar`] is better written in dot notation.']
+    },
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind("foo[\`bar\`]")
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind("foo.bar")
+      }
+      </style>`,
+      errors: ['[`bar`] is better written in dot notation.']
     }
   ]
 })
diff --git a/tests/lib/rules/eqeqeq.js b/tests/lib/rules/eqeqeq.js
index baa6d4b6c..092c6f0d5 100644
--- a/tests/lib/rules/eqeqeq.js
+++ b/tests/lib/rules/eqeqeq.js
@@ -12,11 +12,30 @@ const tester = new RuleTester({
 })
 
 tester.run('eqeqeq', rule, {
-  valid: ['<template><div :attr="a === 1" /></template>'],
+  valid: [
+    '<template><div :attr="a === 1" /></template>',
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind(a === 1 ? 'red' : 'blue')
+    }
+    </style>`
+  ],
   invalid: [
     {
       code: '<template><div :attr="a == 1" /></template>',
       errors: ["Expected '===' and instead saw '=='."]
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind(a == 1 ? 'red' : 'blue')
+      }
+      </style>`,
+      errors: ["Expected '===' and instead saw '=='."]
     }
   ]
 })
diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
index 93df1577c..d92502006 100644
--- a/tests/lib/rules/func-call-spacing.js
+++ b/tests/lib/rules/func-call-spacing.js
@@ -39,7 +39,14 @@ tester.run('func-call-spacing', rule, {
       </template>
       `,
       options: ['always']
+    },
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind('foo()')
     }
+    </style>`
   ],
   invalid: [
     {
@@ -80,6 +87,30 @@ tester.run('func-call-spacing', rule, {
           line: 3
         }
       ]
+    },
+
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('foo ()')
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind('foo()')
+      }
+      </style>`,
+      errors: [
+        {
+          message: semver.lt(CLIEngine.version, '7.0.0')
+            ? 'Unexpected newline between function name and paren.'
+            : 'Unexpected whitespace between function name and paren.',
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
index 1bb704bac..28f644a90 100644
--- a/tests/lib/rules/no-extra-parens.js
+++ b/tests/lib/rules/no-extra-parens.js
@@ -41,7 +41,14 @@ tester.run('no-extra-parens', rule, {
     '<template><button :class="(a+b | bitwise)" /></template>',
     '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
     '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
-    '<template><button>{{ (function () {} ()) }}</button></template>'
+    '<template><button>{{ (function () {} ()) }}</button></template>',
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind('a')
+    }
+    </style>`
   ],
   invalid: [
     {
@@ -192,6 +199,22 @@ tester.run('no-extra-parens', rule, {
       code: '<template><button>{{ ((function () {})()) }}</button></template>',
       output: '<template><button>{{ (function () {})() }}</button></template>',
       errors: [{ messageId: 'unexpected' }]
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('(a)')
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind('a')
+      }
+      </style>`,
+      errors: [{ messageId: 'unexpected' }]
     }
   ]
 })
diff --git a/tests/lib/rules/no-restricted-syntax.js b/tests/lib/rules/no-restricted-syntax.js
index 662c2296f..647bdc4b6 100644
--- a/tests/lib/rules/no-restricted-syntax.js
+++ b/tests/lib/rules/no-restricted-syntax.js
@@ -50,6 +50,21 @@ tester.run('no-restricted-syntax', rule, {
           message: 'Third argument of interpolate must be true'
         }
       ]
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('foo')
+      }
+      </style>`,
+      options: [
+        {
+          selector: 'CallExpression',
+          message: 'Call expressions are not allowed.'
+        }
+      ]
     }
   ],
   invalid: [
@@ -183,6 +198,28 @@ tester.run('no-restricted-syntax', rule, {
           column: 48
         }
       ]
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('foo()')
+      }
+      </style>`,
+      options: [
+        {
+          selector: 'CallExpression',
+          message: 'Call expressions are not allowed.'
+        }
+      ],
+      errors: [
+        {
+          message: 'Call expressions are not allowed.',
+          line: 4,
+          column: 24
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-useless-concat.js b/tests/lib/rules/no-useless-concat.js
index 72e1ca551..28ac8240d 100644
--- a/tests/lib/rules/no-useless-concat.js
+++ b/tests/lib/rules/no-useless-concat.js
@@ -15,7 +15,14 @@ tester.run('no-useless-concat', rule, {
   valid: [
     `<template><div :attr="'foo-bar'" /></template>`,
     '<template><div attr="foo-bar" /></template>',
-    `<template><div :[\`foo-bar\`]="a" /></template>`
+    `<template><div :[\`foo-bar\`]="a" /></template>`,
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind('"red"')
+    }
+    </style>`
   ],
   invalid: [
     {
@@ -25,6 +32,16 @@ tester.run('no-useless-concat', rule, {
     {
       code: `<template><div :[\`foo\`+\`bar\`]="a" /></template>`,
       errors: ['Unexpected string concatenation of literals.']
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('"re" + "d"')
+      }
+      </style>`,
+      errors: ['Unexpected string concatenation of literals.']
     }
   ]
 })
diff --git a/tests/lib/rules/prefer-template.js b/tests/lib/rules/prefer-template.js
index 73ad5e5b6..e35fa6d1f 100644
--- a/tests/lib/rules/prefer-template.js
+++ b/tests/lib/rules/prefer-template.js
@@ -22,7 +22,14 @@ tester.run('prefer-template', rule, {
     <template>
       <div :[\`foo\${bar}\`]="value" />
     </template>
+    `,
+    // CSS vars injection
     `
+    <style>
+    .text {
+      color: v-bind('\`#\${hex}\`')
+    }
+    </style>`
   ],
   invalid: [
     {
@@ -58,6 +65,27 @@ tester.run('prefer-template', rule, {
           line: 3
         }
       ]
+    },
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('"#"+hex')
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind('\`#\${hex}\`')
+      }
+      </style>`,
+      errors: [
+        {
+          message: 'Unexpected string concatenation.',
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/space-in-parens.js b/tests/lib/rules/space-in-parens.js
index 421fb4e95..57be0b52e 100644
--- a/tests/lib/rules/space-in-parens.js
+++ b/tests/lib/rules/space-in-parens.js
@@ -53,7 +53,14 @@ tester.run('space-in-parens', rule, {
         />
       </template>`,
       options: ['always']
+    },
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      color: v-bind('foo(arg)')
     }
+    </style>`
   ],
   invalid: [
     {
@@ -202,6 +209,32 @@ tester.run('space-in-parens', rule, {
           line: 4
         })
       ]
+    },
+
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        color: v-bind('foo( arg )')
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        color: v-bind('foo(arg)')
+      }
+      </style>`,
+      errors: [
+        errorMessage({
+          messageId: 'rejectedOpeningSpace',
+          line: 4
+        }),
+        errorMessage({
+          messageId: 'rejectedClosingSpace',
+          line: 4
+        })
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/space-infix-ops.js b/tests/lib/rules/space-infix-ops.js
index 427a8fdc5..26b008d86 100644
--- a/tests/lib/rules/space-infix-ops.js
+++ b/tests/lib/rules/space-infix-ops.js
@@ -20,7 +20,15 @@ tester.run('space-infix-ops', rule, {
   valid: [
     '<template><div :attr="a + 1" /></template>',
     '<template><div :attr="a ? 1 : 2" /></template>',
-    '<template><div :[1+2]="a" /></template>'
+    '<template><div :[1+2]="a" /></template>',
+
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      padding: v-bind('a + b + "px"')
+    }
+    </style>`
   ],
   invalid: [
     {
@@ -42,6 +50,23 @@ tester.run('space-infix-ops', rule, {
       code: '<template><div :[1+2]="1+2" /></template>',
       output: '<template><div :[1+2]="1 + 2" /></template>',
       errors: [message('+')]
+    },
+
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        padding: v-bind('a+b+"px"')
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        padding: v-bind('a + b + "px"')
+      }
+      </style>`,
+      errors: [message('+'), message('+')]
     }
   ]
 })
diff --git a/tests/lib/rules/space-unary-ops.js b/tests/lib/rules/space-unary-ops.js
index 9d74207c9..6b3e7c25f 100644
--- a/tests/lib/rules/space-unary-ops.js
+++ b/tests/lib/rules/space-unary-ops.js
@@ -23,7 +23,14 @@ tester.run('space-unary-ops', rule, {
     {
       code: '<template><div :[!a]="a" /></template>',
       options: [{ nonwords: true }]
+    },
+    // CSS vars injection
+    `
+    <style>
+    .text {
+      padding: v-bind(\`\${-num}px\`)
     }
+    </style>`
   ],
   invalid: [
     {
@@ -46,6 +53,23 @@ tester.run('space-unary-ops', rule, {
       options: [{ nonwords: true }],
       output: '<template><div :[!a]="! a" /></template>',
       errors: ["Unary operator '!' must be followed by whitespace."]
+    },
+
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        padding: v-bind(\`\${- num}px\`)
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        padding: v-bind(\`\${-num}px\`)
+      }
+      </style>`,
+      errors: ["Unexpected space after unary operator '-'."]
     }
   ]
 })
diff --git a/tests/lib/rules/template-curly-spacing.js b/tests/lib/rules/template-curly-spacing.js
index 02aeb43e5..6c4376969 100644
--- a/tests/lib/rules/template-curly-spacing.js
+++ b/tests/lib/rules/template-curly-spacing.js
@@ -38,6 +38,16 @@ tester.run('template-curly-spacing', rule, {
       </template>
       `,
       options: ['always']
+    },
+
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        padding: v-bind(\`\${a}px\`)
+      }
+      </style>`
     }
   ],
   invalid: [
@@ -85,6 +95,32 @@ tester.run('template-curly-spacing', rule, {
           line: 3
         }
       ]
+    },
+
+    // CSS vars injection
+    {
+      code: `
+      <style>
+      .text {
+        padding: v-bind(\`\${ a }px\`)
+      }
+      </style>`,
+      output: `
+      <style>
+      .text {
+        padding: v-bind(\`\${a}px\`)
+      }
+      </style>`,
+      errors: [
+        {
+          message: "Unexpected space(s) after '${'.",
+          line: 4
+        },
+        {
+          message: "Unexpected space(s) before '}'.",
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index e29c199fe..4356ebc55 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -145,6 +145,8 @@ export type VNodeListenerMap = {
   'VFilterSequenceExpression:exit': V.VFilterSequenceExpression
   VFilter: V.VFilter
   'VFilter:exit': V.VFilter
+  VDocumentFragment: V.VDocumentFragment
+  'VDocumentFragment:exit': V.VDocumentFragment
 } & ESNodeListenerMap
 export type NodeListenerMap = {
   JSXAttribute: JSX.JSXAttribute
diff --git a/typings/eslint-plugin-vue/util-types/parser-services.ts b/typings/eslint-plugin-vue/util-types/parser-services.ts
index 183516770..4c938f33d 100644
--- a/typings/eslint-plugin-vue/util-types/parser-services.ts
+++ b/typings/eslint-plugin-vue/util-types/parser-services.ts
@@ -20,6 +20,12 @@ export interface ParserServices {
       templateBodyTriggerSelector: 'Program' | 'Program:exit'
     }
   ) => eslint.Rule.RuleListener
+  defineDocumentVisitor?: (
+    documentVisitor: TemplateListener,
+    options?: {
+      triggerSelector: 'Program' | 'Program:exit'
+    }
+  ) => eslint.Rule.RuleListener
   getDocumentFragment?: () => VAST.VDocumentFragment | null
 }
 export namespace ParserServices {

From 1c99bcdec7e8669d8e195f6b86227457fe1f6a6d Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 29 Jul 2021 15:28:12 +0900
Subject: [PATCH 0351/1010] run update

---
 docs/rules/README.md               | 2 +-
 docs/rules/object-curly-newline.md | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3021b9726..0cc9bf16f 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -367,7 +367,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks inside braces | :wrench: |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
 | [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators | :wrench: |
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index cc4831c12..52e3d6ae4 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: enforce consistent line breaks inside braces
+description: enforce consistent line breaks after opening and before closing braces
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> enforce consistent line breaks inside braces
+> enforce consistent line breaks after opening and before closing braces
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 

From 76642595fb519336d8baeca24ab3fa0e953bb8f6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 30 Jul 2021 12:04:46 +0900
Subject: [PATCH 0352/1010] Fix false positives for call expression in
 no-mutating-props rule. (#1584)

---
 lib/utils/index.js                   |  2 +-
 tests/lib/rules/no-mutating-props.js | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 510e016a5..bce6ccea4 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1706,7 +1706,7 @@ module.exports = {
           const callName = getStaticPropertyName(mem)
           if (
             callName &&
-            /^push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill$/u.exec(
+            /^(?:push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)$/u.exec(
               callName
             )
           ) {
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 2dcc68c5b..c0d6c2736 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -318,6 +318,19 @@ ruleTester.run('no-mutating-props', rule, {
         value.value++
         </script>
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1579
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['prop'],
+          setup(props) {
+            props.prop.sortAscending()
+          }
+        }
+      </script>`
     }
   ],
 

From c5ada108eab0203b024c7d9801f537d42e40d15b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 30 Jul 2021 16:03:34 +0900
Subject: [PATCH 0353/1010] Add `vue/block-lang` rule. (#1586)

---
 docs/rules/README.md          |   3 +-
 docs/rules/block-lang.md      |  91 ++++++++++++++
 lib/index.js                  |   1 +
 lib/rules/block-lang.js       | 224 ++++++++++++++++++++++++++++++++++
 lib/utils/index.js            |  12 ++
 tests/lib/rules/block-lang.js | 181 +++++++++++++++++++++++++++
 6 files changed, 511 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/block-lang.md
 create mode 100644 lib/rules/block-lang.js
 create mode 100644 tests/lib/rules/block-lang.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 0cc9bf16f..f7a2e01d5 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -279,13 +279,14 @@ For example:
 ```json
 {
   "rules": {
-    "vue/block-tag-newline": "error"
+    "vue/block-lang": "error"
   }
 }
 ```
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  |
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
diff --git a/docs/rules/block-lang.md b/docs/rules/block-lang.md
new file mode 100644
index 000000000..9b342c0b2
--- /dev/null
+++ b/docs/rules/block-lang.md
@@ -0,0 +1,91 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/block-lang
+description: disallow use other than available `lang`
+---
+# vue/block-lang
+
+> disallow use other than available `lang`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule disallows the use of languages other than those available in the your application for the lang attribute of block elements.
+
+## :wrench: Options
+
+```json
+{
+  "vue/block-lang": ["error",
+    {
+      "script": {
+        "lang": "ts"
+      }
+    }
+  ]
+}
+```
+
+<eslint-code-block :rules="{'vue/block-lang': ['error', { script: { lang: 'ts' } }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script lang="ts">
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/block-lang': ['error', { script: { lang: 'ts' } }]}">
+
+```vue
+<!-- ✗ BAD -->
+<script>
+</script>
+```
+
+</eslint-code-block>
+
+Specify the block name for the key of the option object.  
+You can use the object as a value and use the following properties:
+
+- `lang` ... Specifies the available value for the `lang` attribute of the block. If multiple languages are available, specify them as an array. If you do not specify it, will disallow any language.
+- `allowNoLang` ... If `true`, allows the `lang` attribute not to be specified (allows the use of the default language of block).
+
+::: warning Note
+If the default language is specified for `lang` option of `<template>`, `<style>` and `<script>`, it will be enforced to not specify `lang` attribute.  
+This is to prevent unintended problems with [Vetur](https://vuejs.github.io/vetur/).
+
+See also [Vetur - Syntax Highlighting](https://vuejs.github.io/vetur/guide/highlighting.html).
+:::
+
+### `{ script: { lang: 'js' } }`
+
+Same as `{ script: { allowNoLang: true } }`.
+
+<eslint-code-block :rules="{'vue/block-lang': ['error', { script: { lang: 'js' } }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/block-lang': ['error', { script: { lang: 'js' } }]}">
+
+```vue
+<!-- ✗ BAD -->
+<script lang="js">
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-lang.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-lang.js)
diff --git a/lib/index.js b/lib/index.js
index 87f80c9ae..1fe6e4eb3 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -12,6 +12,7 @@ module.exports = {
     'arrow-spacing': require('./rules/arrow-spacing'),
     'attribute-hyphenation': require('./rules/attribute-hyphenation'),
     'attributes-order': require('./rules/attributes-order'),
+    'block-lang': require('./rules/block-lang'),
     'block-spacing': require('./rules/block-spacing'),
     'block-tag-newline': require('./rules/block-tag-newline'),
     'brace-style': require('./rules/brace-style'),
diff --git a/lib/rules/block-lang.js b/lib/rules/block-lang.js
new file mode 100644
index 000000000..f1383c835
--- /dev/null
+++ b/lib/rules/block-lang.js
@@ -0,0 +1,224 @@
+/**
+ * @fileoverview Disallow use other than available `lang`
+ * @author Yosuke Ota
+ */
+'use strict'
+const utils = require('../utils')
+
+/**
+ * @typedef {object} BlockOptions
+ * @property {Set<string>} lang
+ * @property {boolean} allowNoLang
+ */
+/**
+ * @typedef { { [element: string]: BlockOptions | undefined } } Options
+ */
+/**
+ * @typedef {object} UserBlockOptions
+ * @property {string[] | string} [lang]
+ * @property {boolean} [allowNoLang]
+ */
+/**
+ * @typedef { { [element: string]: UserBlockOptions | undefined } } UserOptions
+ */
+
+/**
+ * https://vuejs.github.io/vetur/guide/highlighting.html
+ * <template lang="html"></template>
+ * <style lang="css"></style>
+ * <script lang="js"></script>
+ * <script lang="javascript"></script>
+ * @type {Record<string, string[] | undefined>}
+ */
+const DEFAULT_LANGUAGES = {
+  template: ['html'],
+  style: ['css'],
+  script: ['js', 'javascript']
+}
+
+/**
+ * @param {NonNullable<BlockOptions['lang']>} lang
+ */
+function getAllowsLangPhrase(lang) {
+  const langs = [...lang].map((s) => `"${s}"`)
+  switch (langs.length) {
+    case 1:
+      return langs[0]
+    default:
+      return `${langs.slice(0, -1).join(', ')}, and ${langs[langs.length - 1]}`
+  }
+}
+
+/**
+ * Normalizes a given option.
+ * @param {string} blockName The block name.
+ * @param { UserBlockOptions } option An option to parse.
+ * @returns {BlockOptions} Normalized option.
+ */
+function normalizeOption(blockName, option) {
+  const lang = new Set(
+    Array.isArray(option.lang) ? option.lang : option.lang ? [option.lang] : []
+  )
+  let hasDefault = false
+  for (const def of DEFAULT_LANGUAGES[blockName] || []) {
+    if (lang.has(def)) {
+      lang.delete(def)
+      hasDefault = true
+    }
+  }
+  if (lang.size === 0) {
+    return {
+      lang,
+      allowNoLang: true
+    }
+  }
+  return {
+    lang,
+    allowNoLang: hasDefault || Boolean(option.allowNoLang)
+  }
+}
+/**
+ * Normalizes a given options.
+ * @param { UserOptions } options An option to parse.
+ * @returns {Options} Normalized option.
+ */
+function normalizeOptions(options) {
+  if (!options) {
+    return {}
+  }
+
+  /** @type {Options} */
+  const normalized = {}
+
+  for (const blockName of Object.keys(options)) {
+    const value = options[blockName]
+    if (value) {
+      normalized[blockName] = normalizeOption(blockName, value)
+    }
+  }
+
+  return normalized
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow use other than available `lang`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/block-lang.html'
+    },
+    schema: [
+      {
+        type: 'object',
+        patternProperties: {
+          '^(?:\\S+)$': {
+            oneOf: [
+              {
+                type: 'object',
+                properties: {
+                  lang: {
+                    anyOf: [
+                      { type: 'string' },
+                      {
+                        type: 'array',
+                        items: {
+                          type: 'string'
+                        },
+                        uniqueItems: true,
+                        additionalItems: false
+                      }
+                    ]
+                  },
+                  allowNoLang: { type: 'boolean' }
+                },
+                additionalProperties: false
+              }
+            ]
+          }
+        },
+        minProperties: 1,
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      expected:
+        "Only {{allows}} can be used for the 'lang' attribute of '<{{tag}}>'.",
+      missing: "The 'lang' attribute of '<{{tag}}>' is missing.",
+      unexpected: "Do not specify the 'lang' attribute of '<{{tag}}>'.",
+      useOrNot:
+        "Only {{allows}} can be used for the 'lang' attribute of '<{{tag}}>'. Or, not specifying the `lang` attribute is allowed.",
+      unexpectedDefault:
+        "Do not explicitly specify the default language for the 'lang' attribute of '<{{tag}}>'."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = normalizeOptions(
+      context.options[0] || {
+        script: { allowNoLang: true },
+        template: { allowNoLang: true },
+        style: { allowNoLang: true }
+      }
+    )
+    if (!Object.keys(options).length) {
+      // empty
+      return {}
+    }
+
+    /**
+     * @param {VElement} element
+     * @returns {void}
+     */
+    function verify(element) {
+      const tag = element.name
+      const option = options[tag]
+      if (!option) {
+        return
+      }
+      const lang = utils.getAttribute(element, 'lang')
+      if (lang == null || lang.value == null) {
+        if (!option.allowNoLang) {
+          context.report({
+            node: element.startTag,
+            messageId: 'missing',
+            data: {
+              tag
+            }
+          })
+        }
+        return
+      }
+      if (!option.lang.has(lang.value.value)) {
+        let messageId
+        if (!option.allowNoLang) {
+          messageId = 'expected'
+        } else if (option.lang.size === 0) {
+          if ((DEFAULT_LANGUAGES[tag] || []).includes(lang.value.value)) {
+            messageId = 'unexpectedDefault'
+          } else {
+            messageId = 'unexpected'
+          }
+        } else {
+          messageId = 'useOrNot'
+        }
+        context.report({
+          node: lang,
+          messageId,
+          data: {
+            tag,
+            allows: getAllowsLangPhrase(option.lang)
+          }
+        })
+      }
+    }
+
+    return utils.defineDocumentVisitor(context, {
+      'VDocumentFragment > VElement': verify
+    })
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index bce6ccea4..68a5bbee9 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -239,6 +239,18 @@ module.exports = {
    */
   defineTemplateBodyVisitor,
 
+  /**
+   * Register the given visitor to parser services.
+   * If the parser service of `vue-eslint-parser` was not found,
+   * this generates a warning.
+   *
+   * @param {RuleContext} context The rule context to use parser services.
+   * @param {TemplateListener} documentVisitor The visitor to traverse the document.
+   * @param { { triggerSelector: "Program" | "Program:exit" } } [options] The options.
+   * @returns {RuleListener} The merged visitor.
+   */
+  defineDocumentVisitor,
+
   /**
    * Wrap a given core rule to apply it to Vue.js template.
    * @param {string} coreRuleName The name of the core rule implementation to wrap.
diff --git a/tests/lib/rules/block-lang.js b/tests/lib/rules/block-lang.js
new file mode 100644
index 000000000..235ea7783
--- /dev/null
+++ b/tests/lib/rules/block-lang.js
@@ -0,0 +1,181 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/block-lang')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('block-lang', rule, {
+  valid: [
+    {
+      code: `<template></template>
+      <script lang="ts"></script>`,
+      options: [{ script: { lang: 'ts' } }]
+    },
+    {
+      code: `<template></template>
+      <script></script>`,
+      options: [{ script: { lang: 'js' } }]
+    },
+    {
+      code: '<i18n></i18n><i18n lang="json"></i18n>',
+      options: [{ i18n: { lang: 'json', allowNoLang: true } }]
+    },
+    {
+      code: `<template></template>
+      <script></script>
+      <style></style>`
+    }
+  ],
+  invalid: [
+    {
+      code: `<template></template>
+      <script lang="js"></script>`,
+      options: [{ script: { lang: 'ts' } }],
+      errors: [
+        {
+          message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
+          line: 2,
+          column: 15
+        }
+      ]
+    },
+    {
+      code: `<template></template>
+      <script lang="js"></script>`,
+      options: [{ script: { lang: ['ts'] } }],
+      errors: [
+        {
+          message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
+          line: 2,
+          column: 15
+        }
+      ]
+    },
+    {
+      code: `<template></template>
+      <script></script>`,
+      options: [{ script: { lang: 'ts' } }],
+      errors: [
+        {
+          message: "The 'lang' attribute of '<script>' is missing.",
+          line: 2,
+          column: 7
+        }
+      ]
+    },
+    {
+      code: `<template></template>
+      <script lang=""></script>`,
+      options: [{ script: { lang: 'ts' } }],
+      errors: [
+        {
+          message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
+          line: 2,
+          column: 15
+        }
+      ]
+    },
+    {
+      code: '<template></template><script lang="ts"></script>',
+      options: [{ script: { lang: 'js' } }],
+      errors: [
+        {
+          message: "Do not specify the 'lang' attribute of '<script>'.",
+          line: 1,
+          column: 30
+        }
+      ]
+    },
+    {
+      code: '<template></template><script lang="js"></script>',
+      options: [{ script: { lang: 'js' } }],
+      errors: [
+        {
+          message:
+            "Do not explicitly specify the default language for the 'lang' attribute of '<script>'.",
+          line: 1,
+          column: 30
+        }
+      ]
+    },
+    {
+      code: '<template></template><script lang="ts"></script>',
+      options: [{ script: {} }],
+      errors: [
+        {
+          message: "Do not specify the 'lang' attribute of '<script>'.",
+          line: 1,
+          column: 30
+        }
+      ]
+    },
+    {
+      code: `<i18n></i18n>
+      <i18n lang="json"></i18n>`,
+      options: [{ i18n: { lang: 'json' } }],
+      errors: [
+        {
+          message: "The 'lang' attribute of '<i18n>' is missing.",
+          line: 1,
+          column: 1
+        }
+      ]
+    },
+    {
+      code: `<i18n></i18n>
+      <i18n lang="yaml"></i18n>`,
+      options: [{ i18n: { lang: 'json', allowNoLang: true } }],
+      errors: [
+        {
+          message:
+            "Only \"json\" can be used for the 'lang' attribute of '<i18n>'. Or, not specifying the `lang` attribute is allowed.",
+          line: 2,
+          column: 13
+        }
+      ]
+    },
+    {
+      code: `<i18n></i18n>
+      <i18n lang="toml"></i18n>`,
+      options: [{ i18n: { lang: ['json', 'yaml'], allowNoLang: true } }],
+      errors: [
+        {
+          message:
+            'Only "json", and "yaml" can be used for the \'lang\' attribute of \'<i18n>\'. Or, not specifying the `lang` attribute is allowed.',
+          line: 2,
+          column: 13
+        }
+      ]
+    },
+
+    {
+      code: `<template lang="pug"></template>
+      <script lang="ts"></script>
+      <style lang="stylus"></style>`,
+      errors: [
+        {
+          message: "Do not specify the 'lang' attribute of '<template>'.",
+          line: 1,
+          column: 11
+        },
+        {
+          message: "Do not specify the 'lang' attribute of '<script>'.",
+          line: 2,
+          column: 15
+        },
+        {
+          message: "Do not specify the 'lang' attribute of '<style>'.",
+          line: 3,
+          column: 14
+        }
+      ]
+    }
+  ]
+})

From ea1be9fe1926614433de1d1a728c9248d5c80c71 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 30 Jul 2021 16:07:52 +0900
Subject: [PATCH 0354/1010] 7.15.0

---
 docs/rules/block-lang.md                           | 7 +++++--
 docs/rules/no-use-computed-property-like-method.md | 7 +++++--
 package.json                                       | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/rules/block-lang.md b/docs/rules/block-lang.md
index 9b342c0b2..eb0528873 100644
--- a/docs/rules/block-lang.md
+++ b/docs/rules/block-lang.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-lang
 description: disallow use other than available `lang`
+since: v7.15.0
 ---
 # vue/block-lang
 
 > disallow use other than available `lang`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule disallows the use of languages other than those available in the your application for the lang attribute of block elements.
@@ -85,6 +84,10 @@ Same as `{ script: { allowNoLang: true } }`.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.15.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-lang.js)
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
index d776cd7eb..33e49d653 100644
--- a/docs/rules/no-use-computed-property-like-method.md
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-use-computed-property-like-method
 description: disallow use computed property like method
+since: v7.15.0
 ---
 # vue/no-use-computed-property-like-method
 
 > disallow use computed property like method
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule disallows to use computed property like method.
@@ -334,6 +333,10 @@ export default {
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.15.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-use-computed-property-like-method.js)
diff --git a/package.json b/package.json
index 7ceec76c6..249094716 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.14.0",
+  "version": "7.15.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 476b4448d156641f83a22463ff07234b3f18df7a Mon Sep 17 00:00:00 2001
From: Johannes Kuehnel <JohannesKuehnel@users.noreply.github.com>
Date: Sat, 31 Jul 2021 00:52:43 +0200
Subject: [PATCH 0355/1010] fixed message string (#1590)

---
 lib/rules/no-reserved-keys.js       | 2 +-
 tests/lib/rules/no-reserved-keys.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index a9fce43ca..5b73d9c1f 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -44,7 +44,7 @@ module.exports = {
     messages: {
       reserved: "Key '{{name}}' is reserved.",
       startsWithUnderscore:
-        "Keys starting with with '_' are reserved in '{{name}}' group."
+        "Keys starting with '_' are reserved in '{{name}}' group."
     }
   },
   /** @param {RuleContext} context */
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index 49857cd51..02a1e79b9 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -168,7 +168,7 @@ ruleTester.run('no-reserved-keys', rule, {
       parserOptions: { ecmaVersion: 6 },
       errors: [
         {
-          message: "Keys starting with with '_' are reserved in '_foo' group.",
+          message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
       ]
@@ -187,7 +187,7 @@ ruleTester.run('no-reserved-keys', rule, {
       parserOptions: { ecmaVersion: 6 },
       errors: [
         {
-          message: "Keys starting with with '_' are reserved in '_foo' group.",
+          message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 5
         }
       ]
@@ -204,7 +204,7 @@ ruleTester.run('no-reserved-keys', rule, {
       parserOptions: { ecmaVersion: 6 },
       errors: [
         {
-          message: "Keys starting with with '_' are reserved in '_foo' group.",
+          message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
       ]

From 86727121769f96af4f6092252f9d77151637ff21 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 3 Aug 2021 10:30:22 +0900
Subject: [PATCH 0356/1010] Fix false positives for type-only defineProps in
 `vue/require-default-prop` rule (#1592)

* Fix false positives for type-only defineProps in `vue/require-default-prop` rule

* fix test
---
 lib/rules/require-default-prop.js       |  6 +++
 tests/lib/rules/require-default-prop.js | 55 +++++++++++++++++++++++--
 tests/lib/utils/index.js                | 16 ++++---
 3 files changed, 67 insertions(+), 10 deletions(-)

diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index d35c2f8ea..e3a8a4076 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -175,6 +175,12 @@ module.exports = {
           withDefaults &&
           withDefaultsExpressions
         ) {
+          if (prop.required) {
+            continue
+          }
+          if (prop.types.length === 1 && prop.types[0] === 'Boolean') {
+            continue
+          }
           if (!withDefaultsExpressions[prop.propName]) {
             context.report({
               node: prop.node,
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index d93c5e5da..e129ae84d 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -235,7 +235,7 @@ ruleTester.run('require-default-prop', rule, {
       code: `
       <script setup lang="ts">
       interface Props {
-        foo: number
+        foo?: number
       }
       defineProps<Props>()
       </script>
@@ -251,7 +251,7 @@ ruleTester.run('require-default-prop', rule, {
       code: `
       <script setup lang="ts">
       interface Props {
-        foo: number
+        foo?: number
       }
       withDefaults(defineProps<Props>(), {foo:42})
       </script>
@@ -267,7 +267,7 @@ ruleTester.run('require-default-prop', rule, {
       code: `
       <script setup lang="ts">
       interface Props {
-        foo: number
+        foo?: number
       }
       defineProps<Props>({
         foo:{
@@ -281,6 +281,53 @@ ruleTester.run('require-default-prop', rule, {
         ...parserOptions,
         parser: require.resolve('@typescript-eslint/parser')
       }
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1591
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          {{ required }}
+          {{ optional }}
+        </div>
+      </template>
+
+      <script setup lang="ts">
+      import { defineProps, withDefaults } from 'vue';
+
+      interface Props {
+        required: boolean;
+        optional?: boolean;
+      }
+
+      const props = withDefaults(defineProps<Props>(), {
+        optional: false,
+      });
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        optional?: boolean;
+      }
+
+      const props = defineProps<Props>();
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -503,7 +550,7 @@ ruleTester.run('require-default-prop', rule, {
             code: `
             <script setup lang="ts">
             interface Props {
-              foo: number
+              foo?: number
             }
             withDefaults(defineProps<Props>(), {bar:42})
             </script>
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index df45da856..b4a052090 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -1,13 +1,13 @@
 'use strict'
 
-const babelEslint = require('babel-eslint')
 const espree = require('espree')
 const utils = require('../../../lib/utils/index')
 const assert = require('assert')
 
 describe('getComputedProperties', () => {
   const parse = function (code) {
-    return babelEslint.parse(code).body[0].declarations[0].init
+    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
+      .init
   }
 
   it('should return empty array when there is no computed property', () => {
@@ -112,7 +112,8 @@ describe('getComputedProperties', () => {
 
 describe('getStaticPropertyName', () => {
   const parse = function (code) {
-    return babelEslint.parse(code).body[0].declarations[0].init
+    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
+      .init
   }
 
   it('should parse property expression with identifier', () => {
@@ -137,7 +138,8 @@ describe('getStaticPropertyName', () => {
 
 describe('getStringLiteralValue', () => {
   const parse = function (code) {
-    return babelEslint.parse(code).body[0].declarations[0].init
+    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
+      .init
   }
 
   it('should parse literal', () => {
@@ -275,7 +277,8 @@ describe('getMemberChaining', () => {
 
 describe('getRegisteredComponents', () => {
   const parse = function (code) {
-    return babelEslint.parse(code).body[0].declarations[0].init
+    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
+      .init
   }
 
   it('should return empty array when there are no components registered', () => {
@@ -335,7 +338,8 @@ describe('getRegisteredComponents', () => {
 
 describe('getComponentProps', () => {
   const parse = function (code) {
-    const data = babelEslint.parse(code).body[0].declarations[0].init
+    const data = espree.parse(code, { ecmaVersion: 2020 }).body[0]
+      .declarations[0].init
     return utils.getComponentProps(data)
   }
 

From ba9c3f84d8d11f54420052e5747e6e3a0ab36ebe Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 3 Aug 2021 10:33:44 +0900
Subject: [PATCH 0357/1010] 7.15.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 249094716..e5ff5b470 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.15.0",
+  "version": "7.15.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 45218f72aea1fc8db7380b30c4b06d24c94f0085 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 3 Aug 2021 18:45:20 +0900
Subject: [PATCH 0358/1010] Update docs (#1593)

---
 docs/README.md            | 2 +-
 docs/user-guide/README.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 35b8eb252..00be38873 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -15,7 +15,7 @@ This plugin allows us to check the `<template>` and `<script>` of `.vue` files w
 ESLint editor integrations are useful to check your code in real-time.
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported.  
+This plugin supports the basic syntax of Vue.js 3.1, `<script setup>`, and CSS variable injection.  
 If you have issues with these, please also refer to the [FAQ](./user-guide/README.md#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 3f1d8aa6f..6a41e90df 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -72,7 +72,7 @@ By default all rules from **base** and **essential** categories report ESLint er
 :::
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.0 and `<script setup>`, but the Vue.js 3.0 experimental feature CSS variable injection is not yet supported.  
+This plugin supports the basic syntax of Vue.js 3.1, `<script setup>`, and CSS variable injection.  
 If you have issues with these, please also refer to the [FAQ](#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 

From 308cb541d6b679d9dc1a8e3fec410052d4c3f01c Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 10 Aug 2021 10:32:02 +0900
Subject: [PATCH 0359/1010] fix: check pattern that CallExpression's arguments
 include CallExpression (#1600)

---
 .../no-use-computed-property-like-method.js   |  3 +
 .../no-use-computed-property-like-method.js   | 64 +++++++++++++++++++
 2 files changed, 67 insertions(+)

diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index 1add2c343..c1c8ca765 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -228,6 +228,9 @@ module.exports = {
 
         if (node.parent.type !== 'MemberExpression') return
         if (node.parent.property.type !== 'Identifier') return
+        if (node.parent.parent.type !== 'CallExpression') return
+        if (node.parent.parent.callee.type !== 'MemberExpression') return
+        if (!Object.is(node.parent.parent.callee, node.parent)) return
 
         const thisMember = node.parent.property.name
 
diff --git a/tests/lib/rules/no-use-computed-property-like-method.js b/tests/lib/rules/no-use-computed-property-like-method.js
index b6e5e6958..902f29b19 100644
--- a/tests/lib/rules/no-use-computed-property-like-method.js
+++ b/tests/lib/rules/no-use-computed-property-like-method.js
@@ -418,6 +418,26 @@ tester.run('no-use-computed-property-like-method', rule, {
         }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnArray() {
+              return [1,2,3,4,5]
+            },
+            computedReturnArray2() {
+              return [1,2,3,4,5]
+            },
+            computedReturnComputedReturnString() {
+              return this.computedReturnArray.map(() => this.computedReturnArray2)
+            }
+          }
+        }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -698,6 +718,50 @@ tester.run('no-use-computed-property-like-method', rule, {
       errors: [
         'Use this.computedReturnNothing instead of this.computedReturnNothing().'
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnString() {
+              return 'computedReturnString'
+            },
+            computedReturnComputedReturnString() {
+              return this.computedReturnString()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnString instead of this.computedReturnString().'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            computedReturnArray() {
+              return [1,2,3,4,5]
+            },
+            computedReturnArray2() {
+              return [1,2,3,4,5]
+            },
+            computedReturnComputedReturnString() {
+              return this.computedReturnArray.map([...this.computedReturnArray(), ...this.computedReturnArray2()])
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnArray instead of this.computedReturnArray().',
+        'Use this.computedReturnArray2 instead of this.computedReturnArray2().'
+      ]
     }
   ]
 })

From 3faf520580b0bef03c8c64a052c3afc550d810f2 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 10:35:48 +0900
Subject: [PATCH 0360/1010] 7.15.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e5ff5b470..ebee85816 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.15.1",
+  "version": "7.15.2",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From b7b23936caedc034f752cb2b551ad2232d1b2135 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 11:28:23 +0900
Subject: [PATCH 0361/1010] Add `vue/valid-v-memo` rule (#1596)

* Add `vue/valid-v-memo` rule

* update
---
 docs/rules/README.md                          |   1 +
 docs/rules/valid-v-memo.md                    |  66 ++++++++
 lib/index.js                                  |   1 +
 lib/rules/valid-v-memo.js                     | 120 +++++++++++++++
 tests/lib/rules/valid-v-memo.js               | 145 ++++++++++++++++++
 .../eslint-plugin-vue/util-types/ast/ast.ts   |  10 ++
 6 files changed, 343 insertions(+)
 create mode 100644 docs/rules/valid-v-memo.md
 create mode 100644 lib/rules/valid-v-memo.js
 create mode 100644 tests/lib/rules/valid-v-memo.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index f7a2e01d5..4d87f7cc9 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -338,6 +338,7 @@ For example:
 | [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  |
 | [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
 | [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
+| [vue/valid-v-memo](./valid-v-memo.md) | enforce valid `v-memo` directives |  |
 
 ### Extension Rules
 
diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
new file mode 100644
index 000000000..95d34df70
--- /dev/null
+++ b/docs/rules/valid-v-memo.md
@@ -0,0 +1,66 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-v-memo
+description: enforce valid `v-memo` directives
+---
+# vue/valid-v-memo
+
+> enforce valid `v-memo` directives
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule checks whether every `v-memo` directive is valid.
+
+## :book: Rule Details
+
+This rule reports `v-memo` directives in the following cases:
+
+- The directive has that argument. E.g. `<div v-memo:aaa></div>`
+- The directive has that modifier. E.g. `<div v-memo.bbb></div>`
+- The directive does not have that attribute value. E.g. `<div v-memo></div>`
+- The attribute value of the directive is definitely not array. E.g. `<div v-memo="{x}"></div>`
+- The directive was used inside v-for. E.g. `<div v-for="i in items"><div v-memo="[i]" /></div>`
+
+<eslint-code-block :rules="{'vue/valid-v-memo': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-memo="[x]"/>
+
+  <!-- ✗ BAD -->
+  <div v-memo/>
+  <div v-memo:aaa="[x]"/>
+  <div v-memo.bbb="[x]"/>
+  <div v-memo="{x}"/>
+  <div v-for="i in items">
+    <div v-memo="[i]" />
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+::: warning Note
+This rule does not check syntax errors in directives because it's checked by [vue/no-parsing-error] rule.
+:::
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/no-parsing-error]
+
+[vue/no-parsing-error]: ./no-parsing-error.md
+
+## :books: Further Reading
+
+- [API - v-memo](https://v3.vuejs.org/api/directives.html#v-memo)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-memo.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-v-memo.js)
diff --git a/lib/index.js b/lib/index.js
index 1fe6e4eb3..d9352faa1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -188,6 +188,7 @@ module.exports = {
     'valid-v-html': require('./rules/valid-v-html'),
     'valid-v-if': require('./rules/valid-v-if'),
     'valid-v-is': require('./rules/valid-v-is'),
+    'valid-v-memo': require('./rules/valid-v-memo'),
     'valid-v-model': require('./rules/valid-v-model'),
     'valid-v-on': require('./rules/valid-v-on'),
     'valid-v-once': require('./rules/valid-v-once'),
diff --git a/lib/rules/valid-v-memo.js b/lib/rules/valid-v-memo.js
new file mode 100644
index 000000000..b20ba49d4
--- /dev/null
+++ b/lib/rules/valid-v-memo.js
@@ -0,0 +1,120 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce valid `v-memo` directives',
+      // TODO Switch to `vue3-essential` in the major version.
+      // categories: ['vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/valid-v-memo.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpectedArgument: "'v-memo' directives require no argument.",
+      unexpectedModifier: "'v-memo' directives require no modifier.",
+      expectedValue: "'v-memo' directives require that attribute value.",
+      expectedArray:
+        "'v-memo' directives require the attribute value to be an array.",
+      insideVFor: "'v-memo' directive does not work inside 'v-for'."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {VElement | null} */
+    let vForElement = null
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement(node) {
+        if (!vForElement && utils.hasDirective(node, 'for')) {
+          vForElement = node
+        }
+      },
+      'VElement:exit'(node) {
+        if (vForElement === node) {
+          vForElement = null
+        }
+      },
+      /** @param {VDirective} node */
+      "VAttribute[directive=true][key.name.name='memo']"(node) {
+        if (vForElement && vForElement !== node.parent.parent) {
+          context.report({
+            node: node.key,
+            messageId: 'insideVFor'
+          })
+        }
+        if (node.key.argument) {
+          context.report({
+            node: node.key.argument,
+            messageId: 'unexpectedArgument'
+          })
+        }
+        if (node.key.modifiers.length > 0) {
+          context.report({
+            node,
+            loc: {
+              start: node.key.modifiers[0].loc.start,
+              end: node.key.modifiers[node.key.modifiers.length - 1].loc.end
+            },
+            messageId: 'unexpectedModifier'
+          })
+        }
+        if (!node.value || utils.isEmptyValueDirective(node, context)) {
+          context.report({
+            node,
+            messageId: 'expectedValue'
+          })
+          return
+        }
+        if (!node.value.expression) {
+          return
+        }
+        const expressions = [node.value.expression]
+        let expression
+        while ((expression = expressions.pop())) {
+          if (
+            expression.type === 'ObjectExpression' ||
+            expression.type === 'ClassExpression' ||
+            expression.type === 'ArrowFunctionExpression' ||
+            expression.type === 'FunctionExpression' ||
+            expression.type === 'Literal' ||
+            expression.type === 'TemplateLiteral' ||
+            expression.type === 'UnaryExpression' ||
+            expression.type === 'BinaryExpression' ||
+            expression.type === 'UpdateExpression'
+          ) {
+            context.report({
+              node: expression,
+              messageId: 'expectedArray'
+            })
+          } else if (expression.type === 'AssignmentExpression') {
+            expressions.push(expression.right)
+          } else if (expression.type === 'TSAsExpression') {
+            expressions.push(expression.expression)
+          } else if (expression.type === 'SequenceExpression') {
+            expressions.push(
+              expression.expressions[expression.expressions.length - 1]
+            )
+          } else if (expression.type === 'ConditionalExpression') {
+            expressions.push(expression.consequent, expression.alternate)
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/valid-v-memo.js b/tests/lib/rules/valid-v-memo.js
new file mode 100644
index 000000000..51f086213
--- /dev/null
+++ b/tests/lib/rules/valid-v-memo.js
@@ -0,0 +1,145 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/valid-v-memo')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2021 }
+})
+
+tester.run('valid-v-memo', rule, {
+  valid: [
+    {
+      filename: 'test.js',
+      code: 'test'
+    },
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-memo="[x]"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-memo="x"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-memo="x?y:z"></div></template>'
+    },
+    // parsing error
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-memo="." /></template>'
+    },
+    // comment value (parsing error)
+    {
+      filename: 'parsing-error.vue',
+      code: '<template><div v-memo="/**/" /></template>'
+    },
+    // v-for
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="i in items" v-memo="[x]"></div></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div v-memo:aaa="x"></div></template>',
+      errors: ["'v-memo' directives require no argument."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-memo.aaa="x"></div></template>',
+      errors: ["'v-memo' directives require no modifier."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-memo></div></template>',
+      errors: ["'v-memo' directives require that attribute value."]
+    },
+    // empty value
+    {
+      filename: 'empty-value.vue',
+      code: '<template><div v-memo="" /></template>',
+      errors: ["'v-memo' directives require that attribute value."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-memo="{x}" />
+        <div v-memo="a ? {b}: c+d" />
+        <div v-memo="(a,{b},c(),d+1)" />
+        <div v-memo="()=>42" />
+        <div v-memo="a=42" />
+      </template>`,
+      errors: [
+        {
+          message:
+            "'v-memo' directives require the attribute value to be an array.",
+          line: 3,
+          column: 22
+        },
+        {
+          message:
+            "'v-memo' directives require the attribute value to be an array.",
+          line: 4,
+          column: 26
+        },
+        {
+          message:
+            "'v-memo' directives require the attribute value to be an array.",
+          line: 4,
+          column: 31
+        },
+        {
+          message:
+            "'v-memo' directives require the attribute value to be an array.",
+          line: 5,
+          column: 33
+        },
+        {
+          message:
+            "'v-memo' directives require the attribute value to be an array.",
+          line: 6,
+          column: 22
+        },
+        {
+          message:
+            "'v-memo' directives require the attribute value to be an array.",
+          line: 7,
+          column: 24
+        }
+      ]
+    },
+    // v-for
+    {
+      filename: 'test.vue',
+      code: `<template><div v-for="i in items"><div v-memo="[x]" /></div></template>`,
+      errors: [
+        {
+          message: "'v-memo' directive does not work inside 'v-for'.",
+          line: 1,
+          column: 40
+        }
+      ]
+    }
+  ]
+})
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index 4356ebc55..68d6b8843 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -74,6 +74,16 @@ export type VNodeListenerMap = {
       | (V.VExpressionContainer & { expression: ES.Expression | null })
       | null
   }
+  "VAttribute[directive=true][key.name.name='memo']": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
+  "VAttribute[directive=true][key.name.name='memo']:exit": V.VDirective & {
+    value:
+      | (V.VExpressionContainer & { expression: ES.Expression | null })
+      | null
+  }
   "VAttribute[directive=true][key.name.name='on']": V.VDirective & {
     value:
       | (V.VExpressionContainer & {

From a1a5122976abaa22bdb957024d5ff2c76a2398a1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 11:28:46 +0900
Subject: [PATCH 0362/1010] Update `vue/no-restricted-v-bind` and
 `vue/valid-v-bind` rules to support `attr` modifier. (#1598)

---
 lib/rules/no-restricted-v-bind.js       | 2 +-
 lib/rules/valid-v-bind.js               | 2 +-
 tests/lib/rules/no-restricted-v-bind.js | 7 +++++++
 tests/lib/rules/valid-v-bind.js         | 4 ++++
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index d15bb4caa..3cc46e715 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -113,7 +113,7 @@ module.exports = {
                 type: 'array',
                 items: {
                   type: 'string',
-                  enum: ['prop', 'camel', 'sync']
+                  enum: ['prop', 'camel', 'sync', 'attr']
                 },
                 uniqueItems: true
               },
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index 5b9339c1a..6605ed1c7 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -15,7 +15,7 @@ const utils = require('../utils')
 // Helpers
 // ------------------------------------------------------------------------------
 
-const VALID_MODIFIERS = new Set(['prop', 'camel', 'sync'])
+const VALID_MODIFIERS = new Set(['prop', 'camel', 'sync', 'attr'])
 
 // ------------------------------------------------------------------------------
 // Rule Definition
diff --git a/tests/lib/rules/no-restricted-v-bind.js b/tests/lib/rules/no-restricted-v-bind.js
index e6dd72d59..8691b1d0e 100644
--- a/tests/lib/rules/no-restricted-v-bind.js
+++ b/tests/lib/rules/no-restricted-v-bind.js
@@ -147,6 +147,13 @@ tester.run('no-restricted-v-bind', rule, {
       </template>`,
       options: [{ argument: 'foo', message: 'foo' }],
       errors: ['foo']
+    },
+
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo.attr="foo" /><div :bar.attr="foo" /></template>',
+      options: [{ argument: 'foo', modifiers: ['attr'] }],
+      errors: ['Using `:foo.attr` is not allowed.']
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-bind.js b/tests/lib/rules/valid-v-bind.js
index b5e71af7c..24a61bba7 100644
--- a/tests/lib/rules/valid-v-bind.js
+++ b/tests/lib/rules/valid-v-bind.js
@@ -71,6 +71,10 @@ tester.run('valid-v-bind', rule, {
       filename: 'test.vue',
       code: "<template><div :aaa.camel='bbb'></div></template>"
     },
+    {
+      filename: 'test.vue',
+      code: "<template><div :aaa.attr='bbb'></div></template>"
+    },
     {
       filename: 'test.vue',
       code: "<template><input v-bind='$attrs' /></template>"

From 6a492104f5eab3a337271602cbd13c96790199eb Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 11:30:04 +0900
Subject: [PATCH 0363/1010] Update `vue/no-unsupported-features` rule to
 support Vue 3.2 syntaxes. (#1599)

---
 docs/rules/no-unsupported-features.md         |  7 ++-
 lib/rules/no-unsupported-features.js          | 19 +++---
 lib/rules/syntaxes/v-bind-attr-modifier.js    | 32 ++++++++++
 .../v-bind-prop-modifier-shorthand.js         |  2 +-
 lib/rules/syntaxes/v-is.js                    |  8 +--
 lib/rules/syntaxes/v-memo.js                  | 26 ++++++++
 .../v-bind-attr-modifier.js                   | 62 +++++++++++++++++++
 .../v-bind-prop-modifier-shorthand.js         | 30 +++++++--
 .../rules/no-unsupported-features/v-memo.js   | 58 +++++++++++++++++
 9 files changed, 226 insertions(+), 18 deletions(-)
 create mode 100644 lib/rules/syntaxes/v-bind-attr-modifier.js
 create mode 100644 lib/rules/syntaxes/v-memo.js
 create mode 100644 tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js
 create mode 100644 tests/lib/rules/no-unsupported-features/v-memo.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 858a8445d..a70fa2b4e 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -29,6 +29,10 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `version` ... The `version` option accepts [the valid version range of `node-semver`](https://github.com/npm/node-semver#range-grammar). Set the version of Vue.js you are using. This option is required.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
+  - Vue.js 3.2.0+
+    - `"v-memo"` ... [v-memo](https://v3.vuejs.org/api/directives.html#v-memo) directive.
+    - `"v-bind-prop-modifier-shorthand"` ... `v-bind` with `.prop` modifier shorthand.
+    - `"v-bind-attr-modifier"` ... `.attr` modifier on `v-bind` directive.
   - Vue.js 3.1.0+
     - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
   - Vue.js 3.0.0+
@@ -42,8 +46,6 @@ The `"ignores"` option accepts an array of the following strings.
     - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.
   - Vue.js 2.5.0+
     - `"slot-scope-attribute"` ... [slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated) attributes.
-  - Vue.js `">=2.6.0-beta.1 <=2.6.0-beta.3"` or 2.6 custom build
-    - `"v-bind-prop-modifier-shorthand"` ... `v-bind` with `.prop` modifier shorthand.
 
 ### `{"version": "^2.6.0"}`
 
@@ -97,6 +99,7 @@ The `"ignores"` option accepts an array of the following strings.
 
 ## :books: Further Reading
 
+- [API - v-memo](https://v3.vuejs.org/api/directives.html#v-memo)
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 - [Guide - Dynamic Arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments)
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 1ddc69342..def5ca3f6 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -20,8 +20,6 @@ const FEATURES = {
   // Vue.js 2.6.0+
   'dynamic-directive-arguments': require('./syntaxes/dynamic-directive-arguments'),
   'v-slot': require('./syntaxes/v-slot'),
-  // >=2.6.0-beta.1 <=2.6.0-beta.3
-  'v-bind-prop-modifier-shorthand': require('./syntaxes/v-bind-prop-modifier-shorthand'),
   // Vue.js 3.0.0+
   'v-model-argument': require('./syntaxes/v-model-argument'),
   'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
@@ -29,7 +27,11 @@ const FEATURES = {
   'script-setup': require('./syntaxes/script-setup'),
   'style-css-vars-injection': require('./syntaxes/style-css-vars-injection'),
   // Vue.js 3.1.0+
-  'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix')
+  'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix'),
+  // Vue.js 3.2.0+
+  'v-memo': require('./syntaxes/v-memo'),
+  'v-bind-prop-modifier-shorthand': require('./syntaxes/v-bind-prop-modifier-shorthand'),
+  'v-bind-attr-modifier': require('./syntaxes/v-bind-attr-modifier')
 }
 
 const SYNTAX_NAMES = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
@@ -93,9 +95,6 @@ module.exports = {
       forbiddenDynamicDirectiveArguments:
         'Dynamic arguments are not supported until Vue.js "2.6.0".',
       forbiddenVSlot: '`v-slot` are not supported until Vue.js "2.6.0".',
-      // >=2.6.0-beta.1 <=2.6.0-beta.3
-      forbiddenVBindPropModifierShorthand:
-        '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
       // Vue.js 3.0.0+
       forbiddenVModelArgument:
         'Argument on `v-model` is not supported until Vue.js "3.0.0".',
@@ -108,7 +107,13 @@ module.exports = {
         'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
       // Vue.js 3.1.0+
       forbiddenIsAttributeWithVuePrefix:
-        '`is="vue:"` are not supported until Vue.js "3.1.0".'
+        '`is="vue:"` are not supported until Vue.js "3.1.0".',
+      // Vue.js 3.2.0+
+      forbiddenVMemo: '`v-memo` are not supported until Vue.js "3.2.0".',
+      forbiddenVBindPropModifierShorthand:
+        '`.prop` shorthand are not supported until Vue.js "3.2.0".',
+      forbiddenVBindAttrModifier:
+        '`.attr` modifiers on `v-bind` are not supported until Vue.js "3.2.0".'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/syntaxes/v-bind-attr-modifier.js b/lib/rules/syntaxes/v-bind-attr-modifier.js
new file mode 100644
index 000000000..82a0922aa
--- /dev/null
+++ b/lib/rules/syntaxes/v-bind-attr-modifier.js
@@ -0,0 +1,32 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+module.exports = {
+  supported: '>=3.2.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    /**
+     * Reports `v-bind.attr` node
+     * @param { VIdentifier } mod node of `v-bind.attr`
+     * @returns {void}
+     */
+    function report(mod) {
+      context.report({
+        node: mod,
+        messageId: 'forbiddenVBindAttrModifier'
+      })
+    }
+
+    return {
+      "VAttribute[directive=true][key.name.name='bind']"(node) {
+        const attrMod = node.key.modifiers.find((m) => m.name === 'attr')
+        if (attrMod) {
+          report(attrMod)
+        }
+      }
+    }
+  }
+}
diff --git a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
index 5a53a9e3a..645ed375d 100644
--- a/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
+++ b/lib/rules/syntaxes/v-bind-prop-modifier-shorthand.js
@@ -5,7 +5,7 @@
 'use strict'
 
 module.exports = {
-  supported: '>=2.6.0-beta.1 <=2.6.0-beta.3',
+  supported: '>=3.2.0 || >=2.6.0-beta.1 <=2.6.0-beta.3',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     /**
diff --git a/lib/rules/syntaxes/v-is.js b/lib/rules/syntaxes/v-is.js
index f5eed36d5..7fb1f862e 100644
--- a/lib/rules/syntaxes/v-is.js
+++ b/lib/rules/syntaxes/v-is.js
@@ -10,18 +10,18 @@ module.exports = {
   createTemplateBodyVisitor(context) {
     /**
      * Reports `v-is` node
-     * @param {VDirective} vSlotAttr node of `v-is`
+     * @param {VDirective} vIsAttr node of `v-is`
      * @returns {void}
      */
-    function reportVSlot(vSlotAttr) {
+    function reportVIs(vIsAttr) {
       context.report({
-        node: vSlotAttr.key,
+        node: vIsAttr.key,
         messageId: 'forbiddenVIs'
       })
     }
 
     return {
-      "VAttribute[directive=true][key.name.name='is']": reportVSlot
+      "VAttribute[directive=true][key.name.name='is']": reportVIs
     }
   }
 }
diff --git a/lib/rules/syntaxes/v-memo.js b/lib/rules/syntaxes/v-memo.js
new file mode 100644
index 000000000..958b51cf3
--- /dev/null
+++ b/lib/rules/syntaxes/v-memo.js
@@ -0,0 +1,26 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+module.exports = {
+  supported: '>=3.2.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    /**
+     * Reports `v-is` node
+     * @param {VDirective} vMemoAttr node of `v-is`
+     * @returns {void}
+     */
+    function reportVMemo(vMemoAttr) {
+      context.report({
+        node: vMemoAttr.key,
+        messageId: 'forbiddenVMemo'
+      })
+    }
+
+    return {
+      "VAttribute[directive=true][key.name.name='memo']": reportVMemo
+    }
+  }
+}
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js b/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js
new file mode 100644
index 000000000..912c98d9e
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js
@@ -0,0 +1,62 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('v-bind-attr-modifier', '^3.1.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/v-bind-attr-modifier', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <div :foo.attr="foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.2.0' })
+    },
+    {
+      code: `
+      <template>
+        <div v-bind:attr="foo" />
+      </template>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <template>
+        <div :foo.attr="foo" />
+      </template>`,
+      options: buildOptions({
+        version: '^2.5.0',
+        ignores: ['v-bind-attr-modifier']
+      })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :foo.attr="foo" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            '`.attr` modifiers on `v-bind` are not supported until Vue.js "3.2.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
index a49b61e93..1cefc8ff1 100644
--- a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
+++ b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
@@ -28,6 +28,13 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       </template>`,
       options: buildOptions({ version: '2.6.0-beta.1' })
     },
+    {
+      code: `
+      <template>
+        <a .href="'/xxx'" />
+      </template>`,
+      options: buildOptions({ version: '3.2.0' })
+    },
     {
       code: `
       <template>
@@ -63,8 +70,7 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       </template>`,
       errors: [
         {
-          message:
-            '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
+          message: '`.prop` shorthand are not supported until Vue.js "3.2.0".',
           line: 3
         }
       ]
@@ -81,8 +87,24 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       </template>`,
       errors: [
         {
-          message:
-            '`.prop` shorthand are not supported except Vue.js ">=2.6.0-beta.1 <=2.6.0-beta.3".',
+          message: '`.prop` shorthand are not supported until Vue.js "3.2.0".',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <a .href="'/xxx'" />
+      </template>`,
+      options: buildOptions({ version: '3.1.0' }),
+      output: `
+      <template>
+        <a :href.prop="'/xxx'" />
+      </template>`,
+      errors: [
+        {
+          message: '`.prop` shorthand are not supported until Vue.js "3.2.0".',
           line: 3
         }
       ]
diff --git a/tests/lib/rules/no-unsupported-features/v-memo.js b/tests/lib/rules/no-unsupported-features/v-memo.js
new file mode 100644
index 000000000..8c3ea1249
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/v-memo.js
@@ -0,0 +1,58 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('v-memo', '^3.1.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/v-memo', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <div v-memo="foo" />
+      </template>`,
+      options: buildOptions({ version: '^3.2.0' })
+    },
+    {
+      code: `
+      <template>
+        <div :memo="foo" />
+      </template>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <template>
+        <div v-memo="foo" />
+      </template>`,
+      options: buildOptions({ version: '^2.5.0', ignores: ['v-memo'] })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div v-memo="foo" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message: '`v-memo` are not supported until Vue.js "3.2.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 59db655d03e9f08470fe100cb0c774938c72e286 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 11:41:21 +0900
Subject: [PATCH 0364/1010] Update docs (#1601)

---
 docs/README.md            | 2 +-
 docs/user-guide/README.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 00be38873..672aec594 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -15,7 +15,7 @@ This plugin allows us to check the `<template>` and `<script>` of `.vue` files w
 ESLint editor integrations are useful to check your code in real-time.
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.1, `<script setup>`, and CSS variable injection.  
+This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS variable injection, but the ref sugar, an experimental feature of Vue.js 3.2, is not yet supported.  
 If you have issues with these, please also refer to the [FAQ](./user-guide/README.md#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 6a41e90df..a056c912b 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -72,7 +72,7 @@ By default all rules from **base** and **essential** categories report ESLint er
 :::
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.1, `<script setup>`, and CSS variable injection.  
+This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS variable injection, but the ref sugar, an experimental feature of Vue.js 3.2, is not yet supported.  
 If you have issues with these, please also refer to the [FAQ](#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 

From 628f4097a8a8023734eb3367be60196fe075752c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 13:52:22 +0900
Subject: [PATCH 0365/1010] Fix false positives for namespace component in
 `vue/script-setup-uses-vars` rule (#1602)

---
 lib/rules/script-setup-uses-vars.js       | 21 ++++++++++++++++-----
 lib/utils/index.js                        |  1 +
 tests/lib/rules/script-setup-uses-vars.js | 16 ++++++++++++++++
 3 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index a73a33678..a714a70b8 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -53,28 +53,32 @@ module.exports = {
     /**
      * `casing.camelCase()` converts the beginning to lowercase,
      * but does not convert the case of the beginning character when converting with Vue3.
-     * @see https://github.com/vuejs/vue-next/blob/1ffd48a2f5fd3eead3ea29dae668b7ed1c6f6130/packages/shared/src/index.ts#L116
+     * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/shared/src/index.ts#L116
      * @param {string} str
      */
     function camelize(str) {
       return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
     }
     /**
-     * @see https://github.com/vuejs/vue-next/blob/1ffd48a2f5fd3eead3ea29dae668b7ed1c6f6130/packages/compiler-core/src/transforms/transformElement.ts#L321
+     * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/compiler-core/src/transforms/transformElement.ts#L333
      * @param {string} name
      */
-    function markElementVariableAsUsed(name) {
+    function markSetupReferenceVariableAsUsed(name) {
       if (scriptVariableNames.has(name)) {
         context.markVariableAsUsed(name)
+        return true
       }
       const camelName = camelize(name)
       if (scriptVariableNames.has(camelName)) {
         context.markVariableAsUsed(camelName)
+        return true
       }
       const pascalName = casing.capitalize(camelName)
       if (scriptVariableNames.has(pascalName)) {
         context.markVariableAsUsed(pascalName)
+        return true
       }
+      return false
     }
 
     return utils.defineTemplateBodyVisitor(
@@ -97,14 +101,21 @@ module.exports = {
           ) {
             return
           }
-          markElementVariableAsUsed(node.rawName)
+          if (!markSetupReferenceVariableAsUsed(node.rawName)) {
+            // Check namespace
+            // https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/compiler-core/src/transforms/transformElement.ts#L304
+            const dotIndex = node.rawName.indexOf('.')
+            if (dotIndex > 0) {
+              markSetupReferenceVariableAsUsed(node.rawName.slice(0, dotIndex))
+            }
+          }
         },
         /** @param {VDirective} node */
         'VAttribute[directive=true]'(node) {
           if (utils.isBuiltInDirectiveName(node.key.name.name)) {
             return
           }
-          markElementVariableAsUsed(`v-${node.key.name.rawName}`)
+          markSetupReferenceVariableAsUsed(`v-${node.key.name.rawName}`)
         },
         /** @param {VAttribute} node */
         'VAttribute[directive=false]'(node) {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 68a5bbee9..e309dc579 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -704,6 +704,7 @@ module.exports = {
       name === 'pre' ||
       name === 'cloak' ||
       name === 'once' ||
+      name === 'memo' ||
       name === 'is'
     )
   },
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index dd49cf6a2..3cf9cde0c 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -198,6 +198,22 @@ describe('script-setup-uses-vars', () => {
           }
         </style>
         `
+      },
+      // ns
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+        /* eslint script-setup-uses-vars: 1 */
+        import * as Form from './form-components'
+        </script>
+
+        <template>
+          <Form.Input>
+            <Form.Label>label</Form.Label>
+          </Form.Input>
+        </template>
+        `
       }
     ],
 

From f6a1475611cdf31bfae359e1ce7ce90010e1528b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 10 Aug 2021 19:42:53 +0900
Subject: [PATCH 0366/1010] 7.16.0

---
 docs/rules/valid-v-memo.md | 7 +++++--
 package.json               | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
index 95d34df70..6871064da 100644
--- a/docs/rules/valid-v-memo.md
+++ b/docs/rules/valid-v-memo.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-v-memo
 description: enforce valid `v-memo` directives
+since: v7.16.0
 ---
 # vue/valid-v-memo
 
 > enforce valid `v-memo` directives
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule checks whether every `v-memo` directive is valid.
 
 ## :book: Rule Details
@@ -60,6 +59,10 @@ Nothing.
 
 - [API - v-memo](https://v3.vuejs.org/api/directives.html#v-memo)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.16.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-v-memo.js)
diff --git a/package.json b/package.json
index ebee85816..899fdcf75 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.15.2",
+  "version": "7.16.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1fc34857218651186eb6ad218a809e2cee9e18d9 Mon Sep 17 00:00:00 2001
From: Bryan Mishkin <698306+bmish@users.noreply.github.com>
Date: Fri, 13 Aug 2021 19:23:37 -0400
Subject: [PATCH 0367/1010] fix: prepare suggestable rules for ESLint v8 (and
 update eslint-plugin-eslint-plugin to v3) (#1607)

* The upcoming [ESLint v8](https://eslint.org/blog/2021/06/whats-coming-in-eslint-8.0.0#rules-with-suggestions-now-require-the-metahassuggestions-property) release will require rules that provide suggestions to enable `meta.hasSuggestions` so I have autofixed that using the [eslint-plugin/require-meta-has-suggestions](https://github.com/not-an-aardvark/eslint-plugin-eslint-plugin/blob/master/docs/rules/require-meta-has-suggestions.md) rule
* A lot of the rules/functionality in `eslint-internal-rules` have been replaced by public rules in [eslint-plugin-eslint-plugin](https://github.com/not-an-aardvark/eslint-plugin-eslint-plugin)
---
 .eslintrc.js                                  |  17 +-
 eslint-internal-rules/.eslintrc.json          |   2 +-
 .../consistent-docs-description.js            | 141 ---------
 .../no-invalid-meta-docs-categories.js        |  19 --
 eslint-internal-rules/no-invalid-meta.js      |  53 ----
 .../require-meta-docs-url.js                  | 280 ------------------
 lib/rules/comment-directive.js                |   4 +-
 lib/rules/experimental-script-setup-vars.js   |   2 +-
 lib/rules/jsx-uses-vars.js                    |   2 +-
 .../no-potential-component-option-typo.js     |   1 +
 lib/rules/no-restricted-custom-event.js       |   1 +
 lib/rules/no-restricted-props.js              |   1 +
 lib/rules/no-unused-vars.js                   |   1 +
 lib/rules/require-emit-validator.js           |   1 +
 lib/rules/require-explicit-emits.js           |   1 +
 lib/rules/require-expose.js                   |   1 +
 lib/rules/script-setup-uses-vars.js           |   2 +-
 lib/rules/valid-next-tick.js                  |   1 +
 package.json                                  |   2 +-
 19 files changed, 25 insertions(+), 507 deletions(-)
 delete mode 100644 eslint-internal-rules/consistent-docs-description.js
 delete mode 100644 eslint-internal-rules/require-meta-docs-url.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 704f09732..af1b9e745 100644
--- a/.eslintrc.js
+++ b/.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'
       }
     }
   ]
diff --git a/eslint-internal-rules/.eslintrc.json b/eslint-internal-rules/.eslintrc.json
index 936029a17..42c0f65b1 100644
--- a/eslint-internal-rules/.eslintrc.json
+++ b/eslint-internal-rules/.eslintrc.json
@@ -1,6 +1,6 @@
 {
   "rules": {
-    "consistent-docs-description": "error",
+    "no-invalid-meta-docs-categories": "error",
     "no-invalid-meta": "error"
   }
 }
diff --git a/eslint-internal-rules/consistent-docs-description.js b/eslint-internal-rules/consistent-docs-description.js
deleted file mode 100644
index 6ff7f8673..000000000
--- a/eslint-internal-rules/consistent-docs-description.js
+++ /dev/null
@@ -1,141 +0,0 @@
-/**
- * @fileoverview Internal rule to enforce meta.docs.description conventions.
- * @author Vitor Balocco
- */
-
-'use strict'
-
-const ALLOWED_FIRST_WORDS = ['enforce', 'require', 'disallow']
-
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Gets the property of the Object node passed in that has the name specified.
- *
- * @param {string} property Name of the property to return.
- * @param {ASTNode} node The ObjectExpression node.
- * @returns {ASTNode} The Property node or null if not found.
- */
-function getPropertyFromObject(property, node) {
-  if (node && node.type === 'ObjectExpression') {
-    const properties = node.properties
-
-    for (let i = 0; i < properties.length; i++) {
-      if (properties[i].key.name === property) {
-        return properties[i]
-      }
-    }
-  }
-  return null
-}
-
-/**
- * Verifies that the meta.docs.description property follows our internal conventions.
- *
- * @param {RuleContext} context The ESLint rule context.
- * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
- * @returns {void}
- */
-function checkMetaDocsDescription(context, exportsNode) {
-  if (exportsNode.type !== 'ObjectExpression') {
-    // if the exported node is not the correct format, "internal-no-invalid-meta" will already report this.
-    return
-  }
-
-  const metaProperty = getPropertyFromObject('meta', exportsNode)
-  const metaDocs =
-    metaProperty && getPropertyFromObject('docs', metaProperty.value)
-  const metaDocsDescription =
-    metaDocs && getPropertyFromObject('description', metaDocs.value)
-
-  if (!metaDocsDescription) {
-    // if there is no `meta.docs.description` property, "internal-no-invalid-meta" will already report this.
-    return
-  }
-
-  const description = metaDocsDescription.value.value
-
-  if (typeof description !== 'string') {
-    context.report({
-      node: metaDocsDescription.value,
-      message: '`meta.docs.description` should be a string.'
-    })
-    return
-  }
-
-  if (description === '') {
-    context.report({
-      node: metaDocsDescription.value,
-      message: '`meta.docs.description` should not be empty.'
-    })
-    return
-  }
-
-  if (description.indexOf(' ') === 0) {
-    context.report({
-      node: metaDocsDescription.value,
-      message: '`meta.docs.description` should not start with whitespace.'
-    })
-    return
-  }
-
-  const firstWord = description.split(' ')[0]
-
-  if (ALLOWED_FIRST_WORDS.indexOf(firstWord) === -1) {
-    context.report({
-      node: metaDocsDescription.value,
-      message:
-        '`meta.docs.description` should start with one of the following words: {{ allowedWords }}. Started with "{{ firstWord }}" instead.',
-      data: {
-        allowedWords: ALLOWED_FIRST_WORDS.join(', '),
-        firstWord
-      }
-    })
-  }
-
-  if (description.endsWith('.')) {
-    context.report({
-      node: metaDocsDescription.value,
-      message: '`meta.docs.description` should not end with `.`.',
-      fix(fixer) {
-        const pos = metaDocsDescription.range[1] - 2
-        return fixer.removeRange([pos, pos + 1])
-      }
-    })
-  }
-}
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    docs: {
-      description:
-        'enforce correct conventions of `meta.docs.description` property in core rules',
-      categories: ['Internal']
-    },
-    fixable: 'code',
-    schema: []
-  },
-
-  create(context) {
-    return {
-      AssignmentExpression(node) {
-        if (
-          node.left &&
-          node.right &&
-          node.left.type === 'MemberExpression' &&
-          node.left.object.name === 'module' &&
-          node.left.property.name === 'exports' &&
-          node.right.type === 'ObjectExpression'
-        ) {
-          checkMetaDocsDescription(context, node.right)
-        }
-      }
-    }
-  }
-}
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index 74cfff1cd..5a86d16ab 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/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)
       }
     }
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index a032023f9..e96435cf9 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -49,18 +49,6 @@ function hasMetaDocs(metaPropertyNode) {
   return Boolean(getPropertyFromObject('docs', metaPropertyNode.value))
 }
 
-/**
- * Whether this `meta` ObjectExpression has a `docs.description` property defined or not.
- *
- * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
- * @returns {boolean} `true` if a `docs.description` property exists.
- */
-function hasMetaDocsDescription(metaPropertyNode) {
-  const metaDocs = getPropertyFromObject('docs', metaPropertyNode.value)
-
-  return metaDocs && getPropertyFromObject('description', metaDocs.value)
-}
-
 /**
  * Whether this `meta` ObjectExpression has a `docs.category` property defined or not.
  *
@@ -73,16 +61,6 @@ function hasMetaDocsCategories(metaPropertyNode) {
   return metaDocs && getPropertyFromObject('categories', metaDocs.value)
 }
 
-/**
- * Whether this `meta` ObjectExpression has a `schema` property defined or not.
- *
- * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
- * @returns {boolean} `true` if a `schema` property exists.
- */
-function hasMetaSchema(metaPropertyNode) {
-  return getPropertyFromObject('schema', metaPropertyNode.value)
-}
-
 /**
  * Checks the validity of the meta definition of this rule and reports any errors found.
  *
@@ -104,14 +82,6 @@ function checkMetaValidity(context, exportsNode) {
     return
   }
 
-  if (!hasMetaDocsDescription(metaProperty)) {
-    context.report(
-      metaProperty,
-      'Rule is missing a meta.docs.description property.'
-    )
-    return
-  }
-
   if (!hasMetaDocsCategories(metaProperty)) {
     context.report(
       metaProperty,
@@ -119,20 +89,6 @@ function checkMetaValidity(context, exportsNode) {
     )
     return
   }
-
-  if (!hasMetaSchema(metaProperty)) {
-    context.report(metaProperty, 'Rule is missing a meta.schema property.')
-  }
-}
-
-/**
- * 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'
 }
 
 // ------------------------------------------------------------------------------
@@ -166,15 +122,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)
       }
     }
diff --git a/eslint-internal-rules/require-meta-docs-url.js b/eslint-internal-rules/require-meta-docs-url.js
deleted file mode 100644
index 88cd9de0f..000000000
--- a/eslint-internal-rules/require-meta-docs-url.js
+++ /dev/null
@@ -1,280 +0,0 @@
-/**
- * @author Toru Nagashima <https://github.com/mysticatea>
- * @author Teddy Katz <https://github.com/not-an-aardvark>
- *
- * Three functions `isNormalFunctionExpression`, `getKeyName`, and `getRuleInfo`
- * are copied from https://github.com/not-an-aardvark/eslint-plugin-eslint-plugin/blob/master/lib/utils.js
- *
- * I have a plan to send this rule to that plugin: https://github.com/not-an-aardvark/eslint-plugin-eslint-plugin/issues/55
- */
-
-'use strict'
-
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
-const path = require('path')
-
-// -----------------------------------------------------------------------------
-// Helpers
-// -----------------------------------------------------------------------------
-
-/**
- * Determines whether a node is a 'normal' (i.e. non-async, non-generator) function expression.
- * @param {ASTNode} node The node in question
- * @returns {boolean} `true` if the node is a normal function expression
- */
-function isNormalFunctionExpression(node) {
-  return (
-    (node.type === 'FunctionExpression' ||
-      node.type === 'ArrowFunctionExpression') &&
-    !node.generator &&
-    !node.async
-  )
-}
-
-/**
- * Gets the key name of a Property, if it can be determined statically.
- * @param {ASTNode} node The `Property` node
- * @returns {string|null} The key name, or `null` if the name cannot be determined statically.
- */
-function getKeyName(property) {
-  if (!property.computed && property.key.type === 'Identifier') {
-    return property.key.name
-  }
-  if (property.key.type === 'Literal') {
-    return `${property.key.value}`
-  }
-  if (
-    property.key.type === 'TemplateLiteral' &&
-    property.key.quasis.length === 1
-  ) {
-    return property.key.quasis[0].value.cooked
-  }
-  return null
-}
-
-/**
-* Performs static analysis on an AST to try to determine the final value of `module.exports`.
-* @param {ASTNode} ast The `Program` AST node
-* @returns {Object} An object with keys `meta`, `create`, and `isNewStyle`. `meta` and `create` correspond to the AST nodes
-for the final values of `module.exports.meta` and `module.exports.create`. `isNewStyle` will be `true` if `module.exports`
-is an object, and `false` if module.exports is just the `create` function. If no valid ESLint rule info can be extracted
-from the file, the return value will be `null`.
-*/
-function getRuleInfo(ast) {
-  const INTERESTING_KEYS = new Set(['create', 'meta'])
-  let exportsVarOverridden = false
-  let exportsIsFunction = false
-
-  const exportNodes = ast.body
-    .filter((statement) => statement.type === 'ExpressionStatement')
-    .map((statement) => statement.expression)
-    .filter((expression) => expression.type === 'AssignmentExpression')
-    .filter((expression) => expression.left.type === 'MemberExpression')
-    .reduce((currentExports, node) => {
-      if (
-        node.left.object.type === 'Identifier' &&
-        node.left.object.name === 'module' &&
-        node.left.property.type === 'Identifier' &&
-        node.left.property.name === 'exports'
-      ) {
-        exportsVarOverridden = true
-
-        if (isNormalFunctionExpression(node.right)) {
-          // Check `module.exports = function () {}`
-
-          exportsIsFunction = true
-          return { create: node.right, meta: null }
-        } else if (node.right.type === 'ObjectExpression') {
-          // Check `module.exports = { create: function () {}, meta: {} }`
-
-          exportsIsFunction = false
-          return node.right.properties.reduce((parsedProps, prop) => {
-            const keyValue = getKeyName(prop)
-            if (INTERESTING_KEYS.has(keyValue)) {
-              parsedProps[keyValue] = prop.value
-            }
-            return parsedProps
-          }, {})
-        }
-        return {}
-      } else if (
-        !exportsIsFunction &&
-        node.left.object.type === 'MemberExpression' &&
-        node.left.object.object.type === 'Identifier' &&
-        node.left.object.object.name === 'module' &&
-        node.left.object.property.type === 'Identifier' &&
-        node.left.object.property.name === 'exports' &&
-        node.left.property.type === 'Identifier' &&
-        INTERESTING_KEYS.has(node.left.property.name)
-      ) {
-        // Check `module.exports.create = () => {}`
-
-        currentExports[node.left.property.name] = node.right
-      } else if (
-        !exportsVarOverridden &&
-        node.left.object.type === 'Identifier' &&
-        node.left.object.name === 'exports' &&
-        node.left.property.type === 'Identifier' &&
-        INTERESTING_KEYS.has(node.left.property.name)
-      ) {
-        // Check `exports.create = () => {}`
-
-        currentExports[node.left.property.name] = node.right
-      }
-      return currentExports
-    }, {})
-
-  return Object.prototype.hasOwnProperty.call(exportNodes, 'create')
-    ? Object.assign({ isNewStyle: !exportsIsFunction, meta: null }, exportNodes)
-    : null
-}
-
-// -----------------------------------------------------------------------------
-// Rule Definition
-// -----------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    docs: {
-      description: 'require rules to implement a meta.docs.url property',
-      categories: ['Rules'],
-      recommended: false
-    },
-    fixable: 'code',
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          pattern: { type: 'string' }
-        },
-        additionalProperties: false
-      }
-    ]
-  },
-
-  /**
-   * Creates AST event handlers for require-meta-docs-url.
-   * @param {RuleContext} context - The rule context.
-   * @returns {Object} AST event handlers.
-   */
-  create(context) {
-    const options = context.options[0] || {}
-    const sourceCode = context.getSourceCode()
-    const filename = context.getFilename()
-    const ruleName =
-      filename === '<input>' ? undefined : path.basename(filename, '.js')
-    const expectedUrl =
-      !options.pattern || !ruleName
-        ? undefined
-        : options.pattern.replace(/{{\s*name\s*}}/g, ruleName)
-
-    /**
-     * Check whether a given node is the expected URL.
-     * @param {Node} node The node of property value to check.
-     * @returns {boolean} `true` if the node is the expected URL.
-     */
-    function isExpectedUrl(node) {
-      return Boolean(
-        node &&
-          node.type === 'Literal' &&
-          typeof node.value === 'string' &&
-          (expectedUrl === undefined || node.value === expectedUrl)
-      )
-    }
-
-    /**
-     * Insert a given property into a given object literal.
-     * @param {SourceCodeFixer} fixer The fixer.
-     * @param {Node} node The ObjectExpression node to insert a property.
-     * @param {string} propertyText The property code to insert.
-     * @returns {void}
-     */
-    function insertProperty(fixer, node, propertyText) {
-      if (node.properties.length === 0) {
-        return fixer.replaceText(node, `{\n${propertyText}\n}`)
-      }
-      return fixer.insertTextAfter(
-        sourceCode.getLastToken(node.properties[node.properties.length - 1]),
-        `,\n${propertyText}`
-      )
-    }
-
-    return {
-      Program(node) {
-        const info = getRuleInfo(node)
-        if (!info) {
-          return
-        }
-        const metaNode = info.meta
-        const docsPropNode =
-          metaNode &&
-          metaNode.properties &&
-          metaNode.properties.find(
-            (p) => p.type === 'Property' && getKeyName(p) === 'docs'
-          )
-        const urlPropNode =
-          docsPropNode &&
-          docsPropNode.value.properties &&
-          docsPropNode.value.properties.find(
-            (p) => p.type === 'Property' && getKeyName(p) === 'url'
-          )
-
-        if (isExpectedUrl(urlPropNode && urlPropNode.value)) {
-          return
-        }
-
-        context.report({
-          loc:
-            (urlPropNode && urlPropNode.value.loc) ||
-            (docsPropNode && docsPropNode.value.loc) ||
-            (metaNode && metaNode.loc) ||
-            node.loc.start,
-
-          message: !urlPropNode
-            ? 'Rules should export a `meta.docs.url` property.'
-            : !expectedUrl
-            ? '`meta.docs.url` property must be a string.'
-            : /* otherwise */ '`meta.docs.url` property must be `{{expectedUrl}}`.',
-
-          data: {
-            expectedUrl
-          },
-
-          fix(fixer) {
-            if (expectedUrl) {
-              const urlString = JSON.stringify(expectedUrl)
-              if (urlPropNode) {
-                return fixer.replaceText(urlPropNode.value, urlString)
-              }
-              if (
-                docsPropNode &&
-                docsPropNode.value.type === 'ObjectExpression'
-              ) {
-                return insertProperty(
-                  fixer,
-                  docsPropNode.value,
-                  `url: ${urlString}`
-                )
-              }
-              if (
-                !docsPropNode &&
-                metaNode &&
-                metaNode.type === 'ObjectExpression'
-              ) {
-                return insertProperty(
-                  fixer,
-                  metaNode,
-                  `docs: {\nurl: ${urlString}\n}`
-                )
-              }
-            }
-            return null
-          }
-        })
-      }
-    }
-  }
-}
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 9ff9d2fdf..942860f60 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -1,7 +1,7 @@
 /**
  * @author Toru Nagashima <https://github.com/mysticatea>
  */
-/* eslint-disable eslint-plugin/report-message-format, consistent-docs-description */
+/* eslint-disable eslint-plugin/report-message-format */
 
 'use strict'
 
@@ -285,7 +285,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'support comment-directives in `<template>`',
+      description: 'support comment-directives in `<template>`', // eslint-disable-line eslint-plugin/require-meta-docs-description
       categories: ['base'],
       url: 'https://eslint.vuejs.org/rules/comment-directive.html'
     },
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
index b7fa2a810..14c498de5 100644
--- a/lib/rules/experimental-script-setup-vars.js
+++ b/lib/rules/experimental-script-setup-vars.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description:
-        'prevent variables defined in `<script setup>` to be marked as undefined', // eslint-disable-line consistent-docs-description
+        'prevent variables defined in `<script setup>` to be marked as undefined', // eslint-disable-line eslint-plugin/require-meta-docs-description
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/experimental-script-setup-vars.html'
     },
diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index 0da5e486f..e1c14d88c 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -38,7 +38,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'prevent variables used in JSX to be marked as unused', // eslint-disable-line consistent-docs-description
+      description: 'prevent variables used in JSX to be marked as unused', // eslint-disable-line eslint-plugin/require-meta-docs-description
       categories: ['base'],
       url: 'https://eslint.vuejs.org/rules/jsx-uses-vars.html'
     },
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index ddd6f386c..72dae1d38 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -12,6 +12,7 @@ const vueComponentOptions = require('../utils/vue-component-options.json')
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow a potential typo in your component property',
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 19183e34a..22d128cd8 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -91,6 +91,7 @@ function getCalleeMemberNode(node) {
 }
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow specific custom event',
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 9bd26a81e..6834df55c 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -55,6 +55,7 @@ function parseOption(option) {
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow specific props',
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index a9939c1ae..517480abc 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -59,6 +59,7 @@ function isDestructuringVar(variable) {
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description:
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 083e39e6d..603bc728d 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -18,6 +18,7 @@ const utils = require('../utils')
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require type definitions in emits',
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 30371946e..eecac6dd4 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -64,6 +64,7 @@ const FIX_EMITS_AFTER_OPTIONS = [
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require `emits` option with name triggered by `$emit()`',
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index 02c3a4d0b..91ca589d5 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -59,6 +59,7 @@ function getCalleeMemberNode(node) {
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require declare public properties using `expose`',
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index a714a70b8..0e0f95878 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -21,7 +21,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description:
-        'prevent `<script setup>` variables used in `<template>` to be marked as unused', // eslint-disable-line consistent-docs-description
+        'prevent `<script setup>` variables used in `<template>` to be marked as unused', // eslint-disable-line eslint-plugin/require-meta-docs-description
       categories: ['base'],
       url: 'https://eslint.vuejs.org/rules/script-setup-uses-vars.html'
     },
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index 4e41abbf2..52b1dbae6 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -115,6 +115,7 @@ function isAwaitedPromise(callExpression) {
 
 module.exports = {
   meta: {
+    hasSuggestions: true,
     type: 'problem',
     docs: {
       description: 'enforce valid `nextTick` function calls',
diff --git a/package.json b/package.json
index 899fdcf75..9c5ff64ef 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "env-cmd": "^10.1.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-eslint-plugin": "^2.2.1",
+    "eslint-plugin-eslint-plugin": "^3.5.3",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",

From 730645ef3e1c3d9791a3a5747a2eeaae1cb4aad7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 14 Aug 2021 17:37:46 +0900
Subject: [PATCH 0368/1010] Chores: Replace CLIEngine with ESLint class.
 (#1608)

---
 tests/eslint-compat.js               |  56 ++++++
 tests/lib/rules/comment-directive.js | 288 +++++++++++++++------------
 tests/lib/rules/func-call-spacing.js |   6 +-
 tests/lib/rules/space-in-parens.js   |   4 +-
 tests/lib/rules/space-infix-ops.js   |   4 +-
 5 files changed, 220 insertions(+), 138 deletions(-)
 create mode 100644 tests/eslint-compat.js

diff --git a/tests/eslint-compat.js b/tests/eslint-compat.js
new file mode 100644
index 000000000..5b846bdfe
--- /dev/null
+++ b/tests/eslint-compat.js
@@ -0,0 +1,56 @@
+// @ts-check
+const eslint = require('eslint')
+
+module.exports = {
+  ESLint: eslint.ESLint || getESLintClassForV6(),
+  RuleTester: eslint.RuleTester
+}
+
+/** @returns {typeof eslint.ESLint} */
+function getESLintClassForV6() {
+  class ESLintForV6 {
+    static get version() {
+      return eslint.CLIEngine.version
+    }
+
+    /** @param {eslint.ESLint.Options} options */
+    constructor(options) {
+      const {
+        overrideConfig: { plugins, globals, ...overrideConfig },
+        fix,
+        reportUnusedDisableDirectives,
+        plugins: pluginsMap,
+        ...otherOptions
+      } = options
+      this.engine = new eslint.CLIEngine({
+        fix: Boolean(fix),
+        globals: globals
+          ? Object.keys(globals).filter((n) => globals[n])
+          : undefined,
+        ...otherOptions,
+        ...overrideConfig,
+        plugins: plugins || [],
+        reportUnusedDisableDirectives: reportUnusedDisableDirectives
+          ? reportUnusedDisableDirectives !== 'off'
+          : undefined
+      })
+
+      for (const [name, plugin] of Object.entries(pluginsMap || {})) {
+        this.engine.addPlugin(name, plugin)
+      }
+    }
+
+    /**
+     * @param {Parameters<eslint.ESLint['lintText']>} params
+     * @returns {ReturnType<eslint.ESLint['lintText']>}
+     */
+    async lintText(...params) {
+      const result = this.engine.executeOnText(params[0], params[1].filePath)
+      return result.results
+    }
+  }
+
+  /** @type {typeof eslint.ESLint} */
+  const eslintClass = /** @type {any} */ (ESLintForV6)
+  return eslintClass
+}
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 4b46a88b0..1d2b56e71 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -10,75 +10,63 @@
 // -----------------------------------------------------------------------------
 
 const assert = require('assert')
-const path = require('path')
-const Module = require('module')
-const eslint = require('eslint')
+const { ESLint } = require('../../eslint-compat')
 
 // -----------------------------------------------------------------------------
 // Tests
 // -----------------------------------------------------------------------------
 
 // Initialize linter.
-const linter = new eslint.CLIEngine({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  },
-  plugins: ['vue'],
-  rules: {
-    'no-unused-vars': 'error',
-    'vue/comment-directive': 'error',
-    'vue/no-parsing-error': 'error',
-    'vue/no-duplicate-attributes': 'error'
+const eslint = new ESLint({
+  overrideConfig: {
+    parser: require.resolve('vue-eslint-parser'),
+    parserOptions: {
+      ecmaVersion: 2015
+    },
+    plugins: ['vue'],
+    rules: {
+      'no-unused-vars': 'error',
+      'vue/comment-directive': 'error',
+      'vue/no-parsing-error': 'error',
+      'vue/no-duplicate-attributes': 'error'
+    }
   },
-  useEslintrc: false
+  useEslintrc: false,
+  plugins: { vue: require('../../../lib/index') }
 })
 
 describe('comment-directive', () => {
-  // Preparation.
-  // Make `require("eslint-plugin-vue")` loading this plugin while this test.
-  const resolveFilename = Module._resolveFilename
-  before(() => {
-    Module._resolveFilename = function (id, ...args) {
-      if (id === 'eslint-plugin-vue') {
-        return path.resolve(__dirname, '../../../lib/index.js')
-      }
-      return resolveFilename.call(this, id, ...args)
-    }
-  })
-  after(() => {
-    Module._resolveFilename = resolveFilename
-  })
-
   describe('eslint-disable/eslint-enable', () => {
-    it('disable all rules if <!-- eslint-disable -->', () => {
+    it('disable all rules if <!-- eslint-disable -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('disable specific rules if <!-- eslint-disable vue/no-duplicate-attributes -->', () => {
+    it('disable specific rules if <!-- eslint-disable vue/no-duplicate-attributes -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable vue/no-duplicate-attributes -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
     })
 
-    it('enable all rules if <!-- eslint-enable -->', () => {
+    it('enable all rules if <!-- eslint-enable -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
@@ -87,8 +75,9 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -97,7 +86,7 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[1].line, 6)
     })
 
-    it('enable specific rules if <!-- eslint-enable vue/no-duplicate-attributes -->', () => {
+    it('enable specific rules if <!-- eslint-enable vue/no-duplicate-attributes -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable vue/no-parsing-error, vue/no-duplicate-attributes -->
@@ -106,15 +95,16 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
       assert.deepEqual(messages[0].line, 6)
     })
 
-    it('should not affect to the code in <script>.', () => {
+    it('should not affect to the code in <script>.', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
@@ -124,54 +114,58 @@ describe('comment-directive', () => {
           var a
         </script>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.strictEqual(messages.length, 1)
       assert.strictEqual(messages[0].ruleId, 'no-unused-vars')
     })
 
-    it('disable specific rules if <!-- eslint-disable vue/no-duplicate-attributes ,, , vue/no-parsing-error -->', () => {
+    it('disable specific rules if <!-- eslint-disable vue/no-duplicate-attributes ,, , vue/no-parsing-error -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable vue/no-duplicate-attributes ,, , vue/no-parsing-error -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
   })
 
   describe('eslint-disable-line', () => {
-    it('disable all rules if <!-- eslint-disable-line -->', () => {
+    it('disable all rules if <!-- eslint-disable-line -->', async () => {
       const code = `
         <template>
           <div id id="a">Hello</div> <!-- eslint-disable-line -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('disable specific rules if <!-- eslint-disable-line vue/no-duplicate-attributes -->', () => {
+    it('disable specific rules if <!-- eslint-disable-line vue/no-duplicate-attributes -->', async () => {
       const code = `
         <template>
           <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
     })
 
-    it("don't disable rules if <!-- eslint-disable-line --> is on another line", () => {
+    it("don't disable rules if <!-- eslint-disable-line --> is on another line", async () => {
       const code = `
         <template>
           <!-- eslint-disable-line -->
@@ -179,8 +173,9 @@ describe('comment-directive', () => {
           <!-- eslint-disable-line -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -189,34 +184,36 @@ describe('comment-directive', () => {
   })
 
   describe('eslint-disable-next-line', () => {
-    it('disable all rules if <!-- eslint-disable-next-line -->', () => {
+    it('disable all rules if <!-- eslint-disable-next-line -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('disable specific rules if <!-- eslint-disable-next-line vue/no-duplicate-attributes -->', () => {
+    it('disable specific rules if <!-- eslint-disable-next-line vue/no-duplicate-attributes -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line vue/no-duplicate-attributes -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
     })
 
-    it("don't disable rules if <!-- eslint-disable-next-line --> is on another line", () => {
+    it("don't disable rules if <!-- eslint-disable-next-line --> is on another line", async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line -->
@@ -225,15 +222,16 @@ describe('comment-directive', () => {
           <!-- eslint-disable-next-line -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
       assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
     })
 
-    it('should affect only the next line', () => {
+    it('should affect only the next line', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line vue/no-parsing-error, vue/no-duplicate-attributes -->
@@ -241,8 +239,10 @@ describe('comment-directive', () => {
           <div id id="b">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -253,20 +253,21 @@ describe('comment-directive', () => {
   })
 
   describe('allow description', () => {
-    it('disable all rules if <!-- eslint-disable -- description -->', () => {
+    it('disable all rules if <!-- eslint-disable -- description -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -- description -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('enable all rules if <!-- eslint-enable -- description -->', () => {
+    it('enable all rules if <!-- eslint-enable -- description -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -- description -->
@@ -275,8 +276,9 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -285,7 +287,7 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[1].line, 6)
     })
 
-    it('enable specific rules if <!-- eslint-enable vue/no-duplicate-attributes -- description -->', () => {
+    it('enable specific rules if <!-- eslint-enable vue/no-duplicate-attributes -- description -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable vue/no-parsing-error, vue/no-duplicate-attributes -- description -->
@@ -294,61 +296,66 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
       assert.deepEqual(messages[0].line, 6)
     })
 
-    it('disable all rules if <!-- eslint-disable-line -- description -->', () => {
+    it('disable all rules if <!-- eslint-disable-line -- description -->', async () => {
       const code = `
         <template>
           <div id id="a">Hello</div> <!-- eslint-disable-line -- description -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('disable specific rules if <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->', () => {
+    it('disable specific rules if <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->', async () => {
       const code = `
         <template>
           <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
     })
 
-    it('disable all rules if <!-- eslint-disable-next-line -- description -->', () => {
+    it('disable all rules if <!-- eslint-disable-next-line -- description -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line -- description -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('disable specific rules if <!-- eslint-disable-next-line vue/no-duplicate-attributes -->', () => {
+    it('disable specific rules if <!-- eslint-disable-next-line vue/no-duplicate-attributes -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line vue/no-duplicate-attributes -- description -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -356,20 +363,21 @@ describe('comment-directive', () => {
   })
 
   describe('block level directive', () => {
-    it('disable all rules if <!-- eslint-disable -->', () => {
+    it('disable all rules if <!-- eslint-disable -->', async () => {
       const code = `
         <!-- eslint-disable -->
         <template>
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it("don't disable rules if <!-- eslint-disable --> is on after block", () => {
+    it("don't disable rules if <!-- eslint-disable --> is on after block", async () => {
       const code = `
         <!-- eslint-disable -->
         <i18n>
@@ -378,8 +386,10 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -388,32 +398,36 @@ describe('comment-directive', () => {
   })
 
   describe('reportUnusedDisableDirectives', () => {
-    const linter = new eslint.CLIEngine({
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 2015
-      },
-      plugins: ['vue'],
-      rules: {
-        'no-unused-vars': 'error',
-        'vue/comment-directive': [
-          'error',
-          { reportUnusedDisableDirectives: true }
-        ],
-        'vue/no-parsing-error': 'error',
-        'vue/no-duplicate-attributes': 'error'
+    const eslint = new ESLint({
+      overrideConfig: {
+        parser: require.resolve('vue-eslint-parser'),
+        parserOptions: {
+          ecmaVersion: 2015
+        },
+        plugins: ['vue'],
+        rules: {
+          'no-unused-vars': 'error',
+          'vue/comment-directive': [
+            'error',
+            { reportUnusedDisableDirectives: true }
+          ],
+          'vue/no-parsing-error': 'error',
+          'vue/no-duplicate-attributes': 'error'
+        }
       },
       useEslintrc: false
     })
-    it('report unused <!-- eslint-disable -->', () => {
+    it('report unused <!-- eslint-disable -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
           <div id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
@@ -425,19 +439,21 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[0].column, 11)
     })
 
-    it('dont report unused <!-- eslint-disable -->', () => {
+    it('dont report unused <!-- eslint-disable -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
-    it('disable and report unused <!-- eslint-disable -->', () => {
+    it('disable and report unused <!-- eslint-disable -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
@@ -447,8 +463,10 @@ describe('comment-directive', () => {
           <div id="b">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
@@ -460,15 +478,17 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[0].column, 11)
     })
 
-    it('report unused <!-- eslint-disable vue/no-duplicate-attributes, vue/no-parsing-error -->', () => {
+    it('report unused <!-- eslint-disable vue/no-duplicate-attributes, vue/no-parsing-error -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable vue/no-duplicate-attributes, vue/no-parsing-error -->
           <div id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 2)
 
@@ -489,7 +509,7 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[1].column, 60)
     })
 
-    it('report unused <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->', () => {
+    it('report unused <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->
@@ -497,8 +517,10 @@ describe('comment-directive', () => {
           <div id id="b">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 4)
 
@@ -524,20 +546,22 @@ describe('comment-directive', () => {
       assert.deepEqual(messages[3].line, 5)
     })
 
-    it('dont report used <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->', () => {
+    it('dont report used <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->', async () => {
       const code = `
         <template>
           <!-- eslint-disable-next-line vue/no-duplicate-attributes, vue/no-parsing-error -->
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
 
-    it('dont report used, with duplicate eslint-disable', () => {
+    it('dont report used, with duplicate eslint-disable', async () => {
       const code = `
         <template>
           <!-- eslint-disable -->
@@ -545,8 +569,10 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div><!-- eslint-disable-line vue/no-duplicate-attributes, vue/no-parsing-error -->
         </template>
       `
-      const messages = linter.executeOnText(code, 'test.vue').results[0]
-        .messages
+
+      const messages = (
+        await eslint.lintText(code, { filePath: 'test.vue' })
+      )[0].messages
 
       assert.deepEqual(messages.length, 0)
     })
diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
index d92502006..74fa4cb88 100644
--- a/tests/lib/rules/func-call-spacing.js
+++ b/tests/lib/rules/func-call-spacing.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { RuleTester, CLIEngine } = require('eslint')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const semver = require('semver')
 const rule = require('../../../lib/rules/func-call-spacing')
 
@@ -62,7 +62,7 @@ tester.run('func-call-spacing', rule, {
       `,
       errors: [
         {
-          message: semver.lt(CLIEngine.version, '7.0.0')
+          message: semver.lt(ESLint.version, '7.0.0')
             ? 'Unexpected newline between function name and paren.'
             : 'Unexpected whitespace between function name and paren.',
           line: 3
@@ -105,7 +105,7 @@ tester.run('func-call-spacing', rule, {
       </style>`,
       errors: [
         {
-          message: semver.lt(CLIEngine.version, '7.0.0')
+          message: semver.lt(ESLint.version, '7.0.0')
             ? 'Unexpected newline between function name and paren.'
             : 'Unexpected whitespace between function name and paren.',
           line: 4
diff --git a/tests/lib/rules/space-in-parens.js b/tests/lib/rules/space-in-parens.js
index 57be0b52e..8791652ed 100644
--- a/tests/lib/rules/space-in-parens.js
+++ b/tests/lib/rules/space-in-parens.js
@@ -3,11 +3,11 @@
  */
 'use strict'
 
-const { RuleTester, CLIEngine } = require('eslint')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const semver = require('semver')
 const rule = require('../../../lib/rules/space-in-parens')
 
-const errorMessage = semver.lt(CLIEngine.version, '6.4.0')
+const errorMessage = semver.lt(ESLint.version, '6.4.0')
   ? (obj) => {
       const messageId = obj.messageId
       delete obj.messageId
diff --git a/tests/lib/rules/space-infix-ops.js b/tests/lib/rules/space-infix-ops.js
index 26b008d86..b8a679787 100644
--- a/tests/lib/rules/space-infix-ops.js
+++ b/tests/lib/rules/space-infix-ops.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { RuleTester, CLIEngine } = require('eslint')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const semver = require('semver')
 const rule = require('../../../lib/rules/space-infix-ops')
 
@@ -12,7 +12,7 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2015 }
 })
 
-const message = semver.lt(CLIEngine.version, '5.10.0')
+const message = semver.lt(ESLint.version, '5.10.0')
   ? () => 'Infix operators must be spaced.'
   : (operator) => `Operator '${operator}' must be spaced.`
 

From 16a4c67a6f029977c05c768e497844cab400942a Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Sun, 15 Aug 2021 10:39:18 +0900
Subject: [PATCH 0369/1010] Add `vue/no-v-text` rule (#1605)

* feat: add rule no-v-text

* chore: run npm run update

* docs: remove since from header. move attention for fix.

* feat: use utils.getDirective

* feat: remove fix function from this rule

* test: update test case
---
 docs/rules/README.md         |  1 +
 docs/rules/no-v-text.md      | 41 ++++++++++++++++++++++++++++++++
 lib/index.js                 |  1 +
 lib/rules/no-v-text.js       | 36 +++++++++++++++++++++++++++++
 tests/lib/rules/no-v-text.js | 45 ++++++++++++++++++++++++++++++++++++
 5 files changed, 124 insertions(+)
 create mode 100644 docs/rules/no-v-text.md
 create mode 100644 lib/rules/no-v-text.js
 create mode 100644 tests/lib/rules/no-v-text.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4d87f7cc9..3a81ca6ec 100644
--- a/docs/rules/README.md
+++ b/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 | :wrench: |
 | [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 |  |
diff --git a/docs/rules/no-v-text.md b/docs/rules/no-v-text.md
new file mode 100644
index 000000000..cc8152b2b
--- /dev/null
+++ b/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
+---
+# 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)
diff --git a/lib/index.js b/lib/index.js
index d9352faa1..af29765ca 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -132,6 +132,7 @@ module.exports = {
     'no-v-for-template-key': require('./rules/no-v-for-template-key'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
+    'no-v-text': require('./rules/no-v-text'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
     'object-curly-newline': require('./rules/object-curly-newline'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
diff --git a/lib/rules/no-v-text.js b/lib/rules/no-v-text.js
new file mode 100644
index 000000000..272ebe333
--- /dev/null
+++ b/lib/rules/no-v-text.js
@@ -0,0 +1,36 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow use of v-text',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-v-text.html'
+    },
+    fixable: null,
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
+      "VAttribute[directive=true][key.name.name='text']"(node) {
+        context.report({
+          node,
+          loc: node.loc,
+          message: "Don't use 'v-text'."
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-v-text.js b/tests/lib/rules/no-v-text.js
new file mode 100644
index 000000000..c9820ce1a
--- /dev/null
+++ b/tests/lib/rules/no-v-text.js
@@ -0,0 +1,45 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-v-text')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-v-text', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div>{{foobar}}</div></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div v-text="foobar"></div></template>',
+      errors: ["Don't use 'v-text'."]
+    }
+  ]
+})

From 80ca3ea1f8c421c57169f279463299b3096f73b3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 15 Aug 2021 01:45:58 +0000
Subject: [PATCH 0370/1010] Format

---
 docs/rules/README.md    | 2 +-
 docs/rules/no-v-text.md | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3a81ca6ec..5f86b7fc7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -324,7 +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 | :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 |  |
diff --git a/docs/rules/no-v-text.md b/docs/rules/no-v-text.md
index cc8152b2b..b264ac1df 100644
--- a/docs/rules/no-v-text.md
+++ b/docs/rules/no-v-text.md
@@ -8,6 +8,7 @@ description: disallow use of v-text
 
 > disallow use of v-text
 
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
 ## :book: Rule Details
 
@@ -31,10 +32,6 @@ This rule reports all uses of `v-text` directive.
 
 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)

From c86cc88247839a2f51c0a46eb26ac4ab4cd85901 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 27 Aug 2021 13:10:24 +0900
Subject: [PATCH 0371/1010] Add support for ESLint v8 (beta). (#1610)

* Add support for ESLint v8.

* fix CI

* update

* update

* update

* update

* fix

* update

* update doc
---
 .circleci/config.yml                         |  38 +++++++
 docs/user-guide/README.md                    |  22 ++--
 lib/utils/indent-common.js                   |   2 +-
 lib/utils/index.js                           | 111 ++++++++++++++++++-
 package.json                                 |   3 +-
 tests/eslint-compat.js                       |  33 ++++--
 tests/lib/rules-without-vue-eslint-parser.js |   5 +-
 tests/lib/rules/camelcase.js                 |  14 +++
 tests/lib/rules/jsx-uses-vars.js             |   4 +-
 tests/lib/rules/script-setup-uses-vars.js    |   4 +-
 typings/eslint/index.d.ts                    |   3 -
 11 files changed, 206 insertions(+), 33 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index c10b2139e..b80032ae8 100644
--- a/.circleci/config.yml
+++ b/.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:
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index a056c912b..39e44d9ab 100644
--- a/docs/user-guide/README.md
+++ b/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
 
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 5d80b83bb..a4d0dbcfd 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1331,7 +1331,7 @@ module.exports.defineVisitor = function create(
             setOffset([fromToken, nameToken], 1, exportToken)
           }
         } else {
-          // maybe babel-eslint
+          // maybe babel parser
         }
       }
     },
diff --git a/lib/utils/index.js b/lib/utils/index.js
index e309dc579..dfd5610d0 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -50,7 +50,7 @@ const VUE3_BUILTIN_COMPONENT_NAMES = new Set(
 )
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
-const traverseNodes = vueEslintParser.AST.traverseNodes
+const { traverseNodes, getFallbackKeys } = vueEslintParser.AST
 const { findVariable } = require('eslint-utils')
 const {
   getComponentPropsFromTypeDefine,
@@ -155,11 +155,77 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
     }
   })
 
+  const containerScopes = new WeakMap()
+
+  /**
+   * @param {ASTNode} node
+   */
+  function getContainerScope(node) {
+    const exprContainer = getVExpressionContainer(node)
+    if (!exprContainer) {
+      return null
+    }
+    const cache = containerScopes.get(exprContainer)
+    if (cache) {
+      return cache
+    }
+    const programNode = eslintSourceCode.ast
+    const parserOptions = context.parserOptions || {}
+    const ecmaFeatures = parserOptions.ecmaFeatures || {}
+    const ecmaVersion = parserOptions.ecmaVersion || 2020
+    const sourceType = programNode.sourceType
+    try {
+      const eslintScope = createRequire(require.resolve('eslint'))(
+        'eslint-scope'
+      )
+      const expStmt = new Proxy(exprContainer, {
+        get(_object, key) {
+          if (key === 'type') {
+            return 'ExpressionStatement'
+          }
+          // @ts-expect-error
+          return exprContainer[key]
+        }
+      })
+      const scopeProgram = new Proxy(programNode, {
+        get(_object, key) {
+          if (key === 'body') {
+            return [expStmt]
+          }
+          // @ts-expect-error
+          return programNode[key]
+        }
+      })
+      const scope = eslintScope.analyze(scopeProgram, {
+        ignoreEval: true,
+        nodejsScope: false,
+        impliedStrict: ecmaFeatures.impliedStrict,
+        ecmaVersion,
+        sourceType,
+        fallback: getFallbackKeys
+      })
+      containerScopes.set(exprContainer, scope)
+      return scope
+    } catch (e) {
+      // ignore
+      // console.log(e)
+    }
+
+    return null
+  }
   return {
     // @ts-expect-error
     __proto__: context,
     getSourceCode() {
       return sourceCode
+    },
+    getDeclaredVariables(node) {
+      const scope = getContainerScope(node)
+      if (scope) {
+        return scope.getDeclaredVariables(node)
+      }
+
+      return context.getDeclaredVariables(node)
     }
   }
 }
@@ -1806,6 +1872,36 @@ function isDef(v) {
   return v != null
 }
 
+// ------------------------------------------------------------------------------
+// Nodejs Helpers
+// ------------------------------------------------------------------------------
+/**
+ * @param {String} filename
+ */
+function createRequire(filename) {
+  const Module = require('module')
+  const moduleCreateRequire =
+    // Added in v12.2.0
+    Module.createRequire ||
+    // Added in v10.12.0, but deprecated in v12.2.0.
+    Module.createRequireFromPath ||
+    // Polyfill - This is not executed on the tests on node@>=10.
+    /**
+     * @param {string} filename
+     */
+    function (filename) {
+      const mod = new Module(filename)
+
+      mod.filename = filename
+      // @ts-ignore
+      mod.paths = Module._nodeModulePaths(path.dirname(filename))
+      // @ts-ignore
+      mod._compile('module.exports = require;', filename)
+      return mod.exports
+    }
+  return moduleCreateRequire(filename)
+}
+
 // ------------------------------------------------------------------------------
 // Rule Helpers
 // ------------------------------------------------------------------------------
@@ -2121,6 +2217,19 @@ function getStringLiteralValue(node, stringOnly) {
   }
   return null
 }
+/**
+ * Gets the VExpressionContainer of a given node.
+ * @param {ASTNode} node - The node to get.
+ * @return {VExpressionContainer|null}
+ */
+function getVExpressionContainer(node) {
+  /** @type {ASTNode | null} */
+  let n = node
+  while (n && n.type !== 'VExpressionContainer') {
+    n = n.parent
+  }
+  return n
+}
 
 // ------------------------------------------------------------------------------
 // Vue Helpers
diff --git a/package.json b/package.json
index 9c5ff64ef..4ba55e5c2 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "node": ">=8.10"
   },
   "peerDependencies": {
-    "eslint": "^6.2.0 || ^7.0.0"
+    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0-0"
   },
   "dependencies": {
     "eslint-utils": "^2.1.0",
@@ -66,7 +66,6 @@
     "@types/semver": "^7.2.0",
     "@typescript-eslint/parser": "^4.28.0",
     "@vuepress/plugin-pwa": "^1.4.1",
-    "babel-eslint": "^10.1.0",
     "env-cmd": "^10.1.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.11.0",
diff --git a/tests/eslint-compat.js b/tests/eslint-compat.js
index 5b846bdfe..8da19ae3f 100644
--- a/tests/eslint-compat.js
+++ b/tests/eslint-compat.js
@@ -16,24 +16,39 @@ function getESLintClassForV6() {
     /** @param {eslint.ESLint.Options} options */
     constructor(options) {
       const {
-        overrideConfig: { plugins, globals, ...overrideConfig },
+        overrideConfig: { plugins, globals, rules, ...overrideConfig } = {
+          plugins: [],
+          globals: {},
+          rules: {}
+        },
         fix,
         reportUnusedDisableDirectives,
         plugins: pluginsMap,
         ...otherOptions
-      } = options
-      this.engine = new eslint.CLIEngine({
+      } = options || {}
+      /** @type {eslint.CLIEngine.Options} */
+      const newOptions = {
         fix: Boolean(fix),
+        reportUnusedDisableDirectives: reportUnusedDisableDirectives
+          ? reportUnusedDisableDirectives !== 'off'
+          : undefined,
+        ...otherOptions,
+
         globals: globals
           ? Object.keys(globals).filter((n) => globals[n])
           : undefined,
-        ...otherOptions,
-        ...overrideConfig,
         plugins: plugins || [],
-        reportUnusedDisableDirectives: reportUnusedDisableDirectives
-          ? reportUnusedDisableDirectives !== 'off'
-          : undefined
-      })
+        rules: rules
+          ? Object.entries(rules).reduce((o, [ruleId, opt]) => {
+              if (opt) {
+                o[ruleId] = opt
+              }
+              return o
+            }, /** @type {NonNullable<eslint.CLIEngine.Options["rules"]>}*/ ({}))
+          : undefined,
+        ...overrideConfig
+      }
+      this.engine = new eslint.CLIEngine(newOptions)
 
       for (const [name, plugin] of Object.entries(pluginsMap || {})) {
         this.engine.addPlugin(name, plugin)
diff --git a/tests/lib/rules-without-vue-eslint-parser.js b/tests/lib/rules-without-vue-eslint-parser.js
index b7c585134..a0c8a80a0 100644
--- a/tests/lib/rules-without-vue-eslint-parser.js
+++ b/tests/lib/rules-without-vue-eslint-parser.js
@@ -5,7 +5,6 @@
 'use strict'
 
 const Linter = require('eslint').Linter
-const parser = require('babel-eslint')
 const rules = require('../..').rules
 const assert = require('assert')
 
@@ -18,13 +17,11 @@ describe("Don't crash even if without vue-eslint-parser.", () => {
     it(ruleId, () => {
       const linter = new Linter()
       const config = {
-        parser: 'babel-eslint',
-        parserOptions: { ecmaVersion: 2015 },
+        parserOptions: { ecmaVersion: 2015, ecmaFeatures: { jsx: true } },
         rules: {
           [ruleId]: 'error'
         }
       }
-      linter.defineParser('babel-eslint', parser)
       linter.defineRule(ruleId, rules[key])
       const resultVue = linter.verifyAndFix(code, config, 'test.vue')
       for (const { message } of resultVue.messages) {
diff --git a/tests/lib/rules/camelcase.js b/tests/lib/rules/camelcase.js
index 31d5b6beb..2470f63f1 100644
--- a/tests/lib/rules/camelcase.js
+++ b/tests/lib/rules/camelcase.js
@@ -52,6 +52,20 @@ tester.run('camelcase', rule, {
           line: 4
         }
       ]
+    },
+    {
+      code: `
+        <template>
+          <div @click="
+            const { my_pref } = $event
+          " />
+        </template>`,
+      errors: [
+        {
+          message: "Identifier 'my_pref' is not in camel case.",
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index ea00e836c..f8b700bd6 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -10,7 +10,9 @@
 
 const eslint = require('eslint')
 const rule = require('../../../lib/rules/jsx-uses-vars')
-const ruleNoUnusedVars = require('eslint/lib/rules/no-unused-vars')
+const ruleNoUnusedVars = new (require('eslint').Linter)()
+  .getRules()
+  .get('no-unused-vars')
 
 const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index 3cf9cde0c..f8287c0c7 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -11,7 +11,9 @@
 
 const eslint = require('eslint')
 const rule = require('../../../lib/rules/script-setup-uses-vars')
-const ruleNoUnusedVars = require('eslint/lib/rules/no-unused-vars')
+const ruleNoUnusedVars = new (require('eslint').Linter)()
+  .getRules()
+  .get('no-unused-vars')
 
 const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index fdbca8503..0a1cd36c4 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -123,9 +123,6 @@ export class SourceCode /*extends ESLintSourceCode*/ {
   ): string
   getLines(): string[]
   getAllComments(): VNODE.Comment[]
-  getComments(
-    node: VAST.ESNode
-  ): { leading: VNODE.Comment[]; trailing: VNODE.Comment[] }
   getJSDocComment(node: VAST.ESNode): AST.Token | null
   getNodeByRangeIndex(index: number): VAST.ESNode | VAST.JSXNode
   isSpaceBetweenTokens(first: AST.Token, second: AST.Token): boolean

From f8aa68937f40d00a0fa23ca70eef59cb8e2cb65c Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 27 Aug 2021 13:16:57 +0900
Subject: [PATCH 0372/1010] 7.17.0

---
 docs/rules/no-v-text.md | 7 +++++--
 package.json            | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/no-v-text.md b/docs/rules/no-v-text.md
index b264ac1df..84cece3a4 100644
--- a/docs/rules/no-v-text.md
+++ b/docs/rules/no-v-text.md
@@ -3,13 +3,12 @@ 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
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports all uses of `v-text` directive.
@@ -32,6 +31,10 @@ This rule reports all uses of `v-text` directive.
 
 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)
diff --git a/package.json b/package.json
index 4ba55e5c2..661acff1e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.16.0",
+  "version": "7.17.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 0ee35d3bd296a87465fb39e69adaf892557cc7cb Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 6 Sep 2021 08:21:49 +0900
Subject: [PATCH 0373/1010] Update indent rule to support Class static block
 and typescript-eslint v5(rc) (#1619)

* Update indent rule to support typescript-eslint v5

* Update ts-static-block-01.vue

* static block to es

* fix job

* ignore cache

* use cache

* ignore cache

* use cache

* remove cache
---
 .circleci/config.yml                          |  53 ++++++--
 lib/utils/indent-common.js                    |  11 ++
 lib/utils/indent-ts.js                        | 116 +++++++++++++++---
 package.json                                  |   2 +-
 .../ts-abstract-class-property-02.vue         |  10 +-
 .../script-indent/ts-static-block-01.vue      |   8 ++
 .../script-indent/ts-type-annotation-03.vue   |  13 +-
 typings/eslint-plugin-vue/global.d.ts         |   1 +
 .../eslint-plugin-vue/util-types/ast/ast.ts   |   2 +
 .../util-types/ast/es-ast.ts                  |  14 ++-
 10 files changed, 187 insertions(+), 43 deletions(-)
 create mode 100644 tests/fixtures/script-indent/ts-static-block-01.vue

diff --git a/.circleci/config.yml b/.circleci/config.yml
index b80032ae8..7d8f4bcde 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -6,6 +6,7 @@ workflows:
       - node-v10
       - eslint-v7
       - eslint-v8
+      - ts-eslint-v4
       - node-v12
       - node-v14
       - lint
@@ -20,19 +21,19 @@ jobs:
           name: Versions
           command: npm version
       - checkout
-      - restore_cache:
-          keys:
-            - v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
+      # - restore_cache:
+      #     keys:
+      #       - v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
       - run:
           name: Install dependencies
           command: npm install
-      - save_cache:
-          key: v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
-          paths:
-            - node_modules
       - run:
           name: Test
           command: npm test
+      # - save_cache:
+      #     key: v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
+      #     paths:
+      #       - node_modules
 
   node-v8:
     docker:
@@ -53,9 +54,23 @@ jobs:
           name: Test
           command: npm test
   node-v10:
-    <<: *node-base
     docker:
       - image: node:10
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - run:
+          name: Install @typescript-eslint/parser@4
+          command: |
+            npm install @typescript-eslint/parser@^4
+      - run:
+          name: Install dependencies
+          command: npm install
+      - run:
+          name: Test
+          command: npm test
   eslint-v7:
     docker:
       - image: node:10
@@ -67,7 +82,7 @@ jobs:
       - run:
           name: Install eslint@7
           command: |
-            npm install --save-exact eslint@7
+            npm install eslint@7
       - run:
           name: Install dependencies
           command: npm install
@@ -85,7 +100,25 @@ jobs:
       - run:
           name: Install eslint@8
           command: |
-            npm install --save-exact eslint@^8.0.0-0
+            npm install eslint@^8.0.0-0
+      - run:
+          name: Install dependencies
+          command: npm install
+      - run:
+          name: Test
+          command: npm test
+  ts-eslint-v4:
+    docker:
+      - image: node:14
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - run:
+          name: Install @typescript-eslint/parser@4
+          command: |
+            npm install @typescript-eslint/parser@^4
       - run:
           name: Install dependencies
           command: npm install
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index a4d0dbcfd..39ef58670 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -16,6 +16,7 @@ const {
   isNotClosingParenToken,
   isOpeningBraceToken,
   isClosingBraceToken,
+  isNotOpeningBraceToken,
   isOpeningBracketToken,
   isClosingBracketToken,
   isSemicolonToken
@@ -1150,6 +1151,16 @@ module.exports.defineVisitor = function create(
         1
       )
     },
+    StaticBlock(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      let next = tokenStore.getTokenAfter(firstToken)
+      while (next && isNotOpeningBraceToken(next)) {
+        setOffset(next, 0, firstToken)
+        next = tokenStore.getTokenAfter(next)
+      }
+      setOffset(next, 0, firstToken)
+      processNodeList(node.body, next, tokenStore.getLastToken(node), 1)
+    },
     /** @param {BreakStatement | ContinueStatement | ReturnStatement | ThrowStatement} node */
     'BreakStatement, ContinueStatement, ReturnStatement, ThrowStatement'(node) {
       if (
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 9afcdb34f..ed2080750 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -27,7 +27,7 @@ const {
  * @typedef {import('@typescript-eslint/types').TSESTree.TSConstructSignatureDeclaration} TSConstructSignatureDeclaration
  * @typedef {import('@typescript-eslint/types').TSESTree.TSImportEqualsDeclaration} TSImportEqualsDeclaration
  * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractMethodDefinition} TSAbstractMethodDefinition
- * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractClassProperty} TSAbstractClassProperty
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractPropertyDefinition} TSAbstractPropertyDefinition
  * @typedef {import('@typescript-eslint/types').TSESTree.TSEnumMember} TSEnumMember
  * @typedef {import('@typescript-eslint/types').TSESTree.TSPropertySignature} TSPropertySignature
  * @typedef {import('@typescript-eslint/types').TSESTree.TSIndexSignature} TSIndexSignature
@@ -50,12 +50,13 @@ const {
  * @typedef {import('@typescript-eslint/types').TSESTree.TSOptionalType} TSOptionalType
  * @typedef {import('@typescript-eslint/types').TSESTree.TSNonNullExpression} TSNonNullExpression
  * @typedef {import('@typescript-eslint/types').TSESTree.JSXChild} JSXChild
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
  *
  */
 /**
- * Perhaps this node will be deprecated in the future.
- * It was present in @typescript-eslint/parser@4.1.0.
- * @typedef {import('@typescript-eslint/types').TSESTree.ClassProperty} ClassProperty
+ * Deprecated in @typescript-eslint/parser v5
+ * @typedef {import('@typescript-eslint/types').TSESTree.PropertyDefinition} ClassProperty
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractPropertyDefinition} TSAbstractClassProperty
  */
 
 module.exports = {
@@ -203,6 +204,7 @@ function defineVisitor({
      *   | TSConstructSignatureDeclaration
      *   | TSImportEqualsDeclaration
      *   | TSAbstractMethodDefinition
+     *   | TSAbstractPropertyDefinition
      *   | TSAbstractClassProperty
      *   | TSEnumMember
      *   | ClassProperty
@@ -211,10 +213,80 @@ function defineVisitor({
      *   | TSMethodSignature} node
      */
     ['TSTypeAliasDeclaration, TSCallSignatureDeclaration, TSConstructSignatureDeclaration, TSImportEqualsDeclaration,' +
-      'TSAbstractMethodDefinition, TSAbstractClassProperty, TSEnumMember, ClassProperty,' +
-      'TSPropertySignature, TSIndexSignature, TSMethodSignature'](node) {
+      'TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSEnumMember,' +
+      'TSPropertySignature, TSIndexSignature, TSMethodSignature,' +
+      // Deprecated in @typescript-eslint/parser v5
+      'ClassProperty, TSAbstractClassProperty'](node) {
       processSemicolons(node)
     },
+    /**
+     * @param {TSESTreeNode} node
+     */
+    // eslint-disable-next-line complexity -- ignore
+    '*[type=/^TS/]'(node) {
+      if (
+        node.type !== 'TSAnyKeyword' &&
+        node.type !== 'TSArrayType' &&
+        node.type !== 'TSBigIntKeyword' &&
+        node.type !== 'TSBooleanKeyword' &&
+        node.type !== 'TSConditionalType' &&
+        node.type !== 'TSConstructorType' &&
+        node.type !== 'TSFunctionType' &&
+        node.type !== 'TSImportType' &&
+        node.type !== 'TSIndexedAccessType' &&
+        node.type !== 'TSInferType' &&
+        node.type !== 'TSIntersectionType' &&
+        node.type !== 'TSIntrinsicKeyword' &&
+        node.type !== 'TSLiteralType' &&
+        node.type !== 'TSMappedType' &&
+        node.type !== 'TSNamedTupleMember' &&
+        node.type !== 'TSNeverKeyword' &&
+        node.type !== 'TSNullKeyword' &&
+        node.type !== 'TSNumberKeyword' &&
+        node.type !== 'TSObjectKeyword' &&
+        node.type !== 'TSOptionalType' &&
+        node.type !== 'TSRestType' &&
+        node.type !== 'TSStringKeyword' &&
+        node.type !== 'TSSymbolKeyword' &&
+        node.type !== 'TSTemplateLiteralType' &&
+        node.type !== 'TSThisType' &&
+        node.type !== 'TSTupleType' &&
+        node.type !== 'TSTypeLiteral' &&
+        node.type !== 'TSTypeOperator' &&
+        node.type !== 'TSTypePredicate' &&
+        node.type !== 'TSTypeQuery' &&
+        node.type !== 'TSTypeReference' &&
+        node.type !== 'TSUndefinedKeyword' &&
+        node.type !== 'TSUnionType' &&
+        node.type !== 'TSUnknownKeyword' &&
+        node.type !== 'TSVoidKeyword'
+      ) {
+        return
+      }
+      /** @type {TypeNode} */
+      const typeNode = node
+      if (/** @type {any} */ (typeNode.parent).type === 'TSParenthesizedType') {
+        return
+      }
+      // Process parentheses.
+      let leftToken = tokenStore.getTokenBefore(node)
+      let rightToken = tokenStore.getTokenAfter(node)
+      let firstToken = tokenStore.getFirstToken(node)
+
+      while (
+        leftToken &&
+        rightToken &&
+        isOpeningParenToken(leftToken) &&
+        isClosingParenToken(rightToken)
+      ) {
+        setOffset(firstToken, 1, leftToken)
+        setOffset(rightToken, 0, leftToken)
+
+        firstToken = leftToken
+        leftToken = tokenStore.getTokenBefore(leftToken)
+        rightToken = tokenStore.getTokenAfter(rightToken)
+      }
+    },
     /**
      * Process type annotation
      *
@@ -535,15 +607,6 @@ function defineVisitor({
         setOffset(typeTokens.firstToken, offset, firstToken)
       }
     },
-    TSParenthesizedType(node) {
-      // (T)
-      processNodeList(
-        [node.typeAnnotation],
-        tokenStore.getFirstToken(node),
-        tokenStore.getLastToken(node),
-        1
-      )
-    },
     TSMappedType(node) {
       // {[key in foo]: bar}
       const leftBraceToken = tokenStore.getFirstToken(node)
@@ -1026,12 +1089,12 @@ function defineVisitor({
      * //         ^^^^^^^
      * ```
      *
-     * @param {TSAbstractMethodDefinition | TSAbstractClassProperty | TSEnumMember | ClassProperty} node
+     * @param {TSAbstractMethodDefinition | TSAbstractPropertyDefinition | TSEnumMember | TSAbstractClassProperty | ClassProperty} node
      *
      */
-    'TSAbstractMethodDefinition, TSAbstractClassProperty, TSEnumMember, ClassProperty'(
-      node
-    ) {
+    ['TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSEnumMember,' +
+      // Deprecated in @typescript-eslint/parser v5
+      'ClassProperty, TSAbstractClassProperty'](node) {
       const { keyNode, valueNode } =
         node.type === 'TSEnumMember'
           ? { keyNode: node.id, valueNode: node.initializer }
@@ -1275,6 +1338,21 @@ function defineVisitor({
         setOffset(atToken, 0, tokenStore.getFirstToken(decorators[0]))
       }
     },
+
+    // ----------------------------------------------------------------------
+    // DEPRECATED  NODES
+    // ----------------------------------------------------------------------
+    /** @param {any} node */
+    TSParenthesizedType(node) {
+      // Deprecated in @typescript-eslint/parser v5
+      // (T)
+      processNodeList(
+        [node.typeAnnotation],
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
     // ----------------------------------------------------------------------
     // SINGLE TOKEN NODES
     // ----------------------------------------------------------------------
diff --git a/package.json b/package.json
index 661acff1e..7076d867e 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@types/semver": "^7.2.0",
-    "@typescript-eslint/parser": "^4.28.0",
+    "@typescript-eslint/parser": "^5.0.0-0",
     "@vuepress/plugin-pwa": "^1.4.1",
     "env-cmd": "^10.1.0",
     "eslint": "^7.0.0",
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-02.vue b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
index 9e3214a0f..6b10b8033 100644
--- a/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
@@ -6,12 +6,14 @@ abstract class A {
     1
   ;
   abstract public b
-    =
-    's'
+  // parser v5 does not parse value.
+  //   =
+  //   's'
   ;
   protected abstract c
-    =
-    i
+  // parser v5 does not parse value.
+  //   =
+  //   i
   ;
 }
 </script>
diff --git a/tests/fixtures/script-indent/ts-static-block-01.vue b/tests/fixtures/script-indent/ts-static-block-01.vue
new file mode 100644
index 000000000..522271628
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-static-block-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=4.30.0 || ^5.0.0-0" } }-->
+<script lang="ts">
+class Foo {
+  static {
+    processFn()
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-03.vue b/tests/fixtures/script-indent/ts-type-annotation-03.vue
index ed1bab907..6569f4e53 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-03.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-03.vue
@@ -18,11 +18,12 @@ class Foo {
     ?
     :
     number;
-  abstract absopt2
-    ?
-    :
-    number
-    =
-    42;
+// parser v5 does not parse value.
+// abstract absopt2
+//   ?
+//   :
+//   number
+//   =
+//   42;
 }
 </script>
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
index 96ceee311..c2ae50632 100644
--- a/typings/eslint-plugin-vue/global.d.ts
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -137,6 +137,7 @@ declare global {
   type ClassBody = VAST.ClassBody
   type MethodDefinition = VAST.MethodDefinition
   type PropertyDefinition = VAST.PropertyDefinition
+  type StaticBlock = VAST.StaticBlock
   type ModuleDeclaration = VAST.ModuleDeclaration
   type ImportDeclaration = VAST.ImportDeclaration
   type ExportNamedDeclaration = VAST.ExportNamedDeclaration
diff --git a/typings/eslint-plugin-vue/util-types/ast/ast.ts b/typings/eslint-plugin-vue/util-types/ast/ast.ts
index 68d6b8843..005fabe57 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ast.ts
@@ -333,6 +333,8 @@ export type ESNodeListenerMap = {
   'MethodDefinition:exit': ES.MethodDefinition
   PropertyDefinition: ES.PropertyDefinition
   'PropertyDefinition:exit': ES.PropertyDefinition
+  StaticBlock: ES.StaticBlock
+  'StaticBlock:exit': ES.StaticBlock
   ImportDeclaration: ES.ImportDeclaration
   'ImportDeclaration:exit': ES.ImportDeclaration
   ExportNamedDeclaration: ES.ExportNamedDeclaration
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index ba320a979..eff4f983b 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -27,6 +27,7 @@ export type ESNode =
   | ClassBody
   | MethodDefinition
   | PropertyDefinition
+  | StaticBlock
   | ModuleDeclaration
   | ModuleSpecifier
 
@@ -63,10 +64,12 @@ export type Statement =
 export interface EmptyStatement extends HasParentNode {
   type: 'EmptyStatement'
 }
-export interface BlockStatement extends HasParentNode {
-  type: 'BlockStatement'
+interface BaseBlock extends HasParentNode {
   body: Statement[]
 }
+export interface BlockStatement extends BaseBlock {
+  type: 'BlockStatement'
+}
 export interface ExpressionStatement extends HasParentNode {
   type: 'ExpressionStatement'
   expression: Expression
@@ -187,7 +190,7 @@ export interface ClassDeclaration extends HasParentNode {
 }
 export interface ClassBody extends HasParentNode {
   type: 'ClassBody'
-  body: (MethodDefinition | PropertyDefinition)[]
+  body: (MethodDefinition | PropertyDefinition | StaticBlock)[]
 }
 interface BaseMethodDefinition extends HasParentNode {
   type: 'MethodDefinition'
@@ -242,6 +245,11 @@ export type PropertyDefinition =
   | PropertyDefinitionComputedName
   | PropertyDefinitionPrivate
 
+export interface StaticBlock extends BaseBlock {
+  type: 'StaticBlock'
+  parent: ClassBody
+}
+
 export type ModuleDeclaration =
   | ImportDeclaration
   | ExportNamedDeclaration

From 5fe244513a4488ff6c2e489d93df0a5e999eed29 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 6 Sep 2021 08:30:52 +0900
Subject: [PATCH 0374/1010] Change type determination logic of type-only
 defineProps to follow vue v3.2.9. (#1620)

---
 lib/utils/ts-ast-utils.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index f23a752e3..b801b6374 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -255,6 +255,7 @@ function inferRuntimeType(context, node, checked = new Set()) {
           case 'Map':
           case 'WeakSet':
           case 'WeakMap':
+          case 'Date':
             return [node.typeName.name]
           case 'Record':
           case 'Partial':

From eaf6584892da37f8b319461af1fd3a34ace1541d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 13 Sep 2021 13:35:58 +0900
Subject: [PATCH 0375/1010] Add tests with espree v9 (#1622)

---
 docs/user-guide/README.md                        | 11 ++++++-----
 package.json                                     |  3 ++-
 tests/fixtures/script-indent/static-block-01.vue |  8 ++++++++
 3 files changed, 16 insertions(+), 6 deletions(-)
 create mode 100644 tests/fixtures/script-indent/static-block-01.vue

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 39e44d9ab..1a62fbf71 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -265,9 +265,10 @@ See also: "[How to use a custom parser?](#how-to-use-a-custom-parser)" section.
     ]
   ```
 
-2. Make sure your tool is set to lint `.vue` files.
-  - CLI targets only `.js` files by default. You have to specify additional extensions with the `--ext` option or glob patterns. E.g. `eslint "src/**/*.{js,vue}"` or `eslint src --ext .vue`. If you use `@vue/cli-plugin-eslint` and the `vue-cli-service lint` command - you don't have to worry about it.
-  - If you are having issues with configuring editor, please read [editor integrations](#editor-integrations)
+1. Make sure your tool is set to lint `.vue` files.
+
+    - CLI targets only `.js` files by default. You have to specify additional extensions with the `--ext` option or glob patterns. E.g. `eslint "src/**/*.{js,vue}"` or `eslint src --ext .vue`. If you use `@vue/cli-plugin-eslint` and the `vue-cli-service lint` command - you don't have to worry about it.
+    - If you are having issues with configuring editor, please read [editor integrations](#editor-integrations)
 
 ### Conflict with [Prettier]
 
@@ -384,8 +385,8 @@ See also [ESLint - Specifying Globals > Using configuration files](https://eslin
 ##### Using ESLint <= v7.x
 
 The parser `espree` that comes with `ESLint` v7.x doesn't understand the syntax of ES2022, so it can't parse the Top Level `await` either.  
-However, `espree` v8+ can understand the syntax of ES2022 and parse the Top Level `await`.  
-You install `espree` v8+ and specify `"espree"` and ES2022 in your configuration, the parser will be able to parse it.
+However, `espree` >= v8 can understand the syntax of ES2022 and parse the Top Level `await`.  
+You install `espree` >= v8 and specify `"espree"` and ES2022 in your configuration, the parser will be able to parse it.
 
 ```js
 module.exports = {
diff --git a/package.json b/package.json
index 7076d867e..59855a324 100644
--- a/package.json
+++ b/package.json
@@ -66,6 +66,7 @@
     "@types/semver": "^7.2.0",
     "@typescript-eslint/parser": "^5.0.0-0",
     "@vuepress/plugin-pwa": "^1.4.1",
+    "acorn": "^8.5.0",
     "env-cmd": "^10.1.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.11.0",
@@ -74,7 +75,7 @@
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
     "eslint4b": "^7.0.0",
-    "espree": "^8.0.0",
+    "espree": "^9.0.0",
     "lodash": "^4.17.15",
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
diff --git a/tests/fixtures/script-indent/static-block-01.vue b/tests/fixtures/script-indent/static-block-01.vue
new file mode 100644
index 000000000..87bfc6b34
--- /dev/null
+++ b/tests/fixtures/script-indent/static-block-01.vue
@@ -0,0 +1,8 @@
+<!--{}-->
+<script>
+class Foo {
+  static {
+    processFn()
+  }
+}
+</script>

From 8efec75531a54cdc49eb4f15b2f6f25e3e691471 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 17 Sep 2021 19:34:01 +0900
Subject: [PATCH 0376/1010] Add `vue/component-api-style` rule (#1626)

* Add `vue/component-api-style` rule

* Update package.json
---
 docs/rules/README.md                   |   1 +
 docs/rules/component-api-style.md      | 144 +++++++
 lib/index.js                           |   1 +
 lib/rules/component-api-style.js       | 257 +++++++++++
 lib/utils/index.js                     |  78 ++++
 tests/lib/rules/component-api-style.js | 566 +++++++++++++++++++++++++
 6 files changed, 1047 insertions(+)
 create mode 100644 docs/rules/component-api-style.md
 create mode 100644 lib/rules/component-api-style.js
 create mode 100644 tests/lib/rules/component-api-style.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 5f86b7fc7..85f6e661b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -288,6 +288,7 @@ For example:
 |:--------|:------------|:---|
 | [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  |
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
+| [vue/component-api-style](./component-api-style.md) | enforce component API style |  |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
diff --git a/docs/rules/component-api-style.md b/docs/rules/component-api-style.md
new file mode 100644
index 000000000..8472d4c1b
--- /dev/null
+++ b/docs/rules/component-api-style.md
@@ -0,0 +1,144 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/component-api-style
+description: enforce component API style
+---
+# vue/component-api-style
+
+> enforce component API style
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule aims to make the API style you use to define Vue components consistent in your project.
+
+For example, if you want to allow only `<script setup>` and Composition API.  
+(This is the default for this rule.)
+
+<eslint-code-block :rules="{'vue/component-api-style': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script setup>
+import { ref } from 'vue'
+const msg = ref('Hello World!')
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/component-api-style': ['error']}">
+
+```vue
+<script>
+import { ref } from 'vue'
+export default {
+  /* ✓ GOOD */
+  setup() {
+    const msg = ref('Hello World!')
+    // ...
+    return {
+      msg,
+      // ...
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/component-api-style': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  data () {
+    return {
+      msg: 'Hello World!',
+      // ...
+    }
+  },
+  // ...
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/component-api-style": ["error",
+    ["script-setup", "composition"] // "script-setup", "composition", or "options"
+  ]
+}
+```
+
+- Array options ... Defines the API styles you want to allow. Default is `["script-setup", "composition"]`. You can use the following values.
+  - `"script-setup"` ... If set, allows `<script setup>`.
+  - `"composition"` ... If set, allows Composition API (not `<script setup>`).
+  - `"options"` ... If set, allows Options API.
+
+### `["options"]`
+
+<eslint-code-block :rules="{'vue/component-api-style': ['error', ['options']]}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  data () {
+    return {
+      msg: 'Hello World!',
+      // ...
+    }
+  },
+  // ...
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/component-api-style': ['error', ['options']]}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+import { ref } from 'vue'
+const msg = ref('Hello World!')
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/component-api-style': ['error', ['options']]}">
+
+```vue
+<script>
+import { ref } from 'vue'
+export default {
+  /* ✗ BAD */
+  setup() {
+    const msg = ref('Hello World!')
+    // ...
+    return {
+      msg,
+      // ...
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-api-style.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/component-api-style.js)
diff --git a/lib/index.js b/lib/index.js
index af29765ca..0015fb579 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -21,6 +21,7 @@ module.exports = {
     'comma-spacing': require('./rules/comma-spacing'),
     'comma-style': require('./rules/comma-style'),
     'comment-directive': require('./rules/comment-directive'),
+    'component-api-style': require('./rules/component-api-style'),
     'component-definition-name-casing': require('./rules/component-definition-name-casing'),
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
     'component-tags-order': require('./rules/component-tags-order'),
diff --git a/lib/rules/component-api-style.js b/lib/rules/component-api-style.js
new file mode 100644
index 000000000..4cec3b1ab
--- /dev/null
+++ b/lib/rules/component-api-style.js
@@ -0,0 +1,257 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef { 'script-setup' | 'composition' | 'options' } PreferOption
+ *
+ * @typedef {PreferOption[]} UserPreferOption
+ *
+ * @typedef {object} NormalizeOptions
+ * @property {object} allowsSFC
+ * @property {boolean} [allowsSFC.scriptSetup]
+ * @property {boolean} [allowsSFC.composition]
+ * @property {boolean} [allowsSFC.options]
+ * @property {object} allowsOther
+ * @property {boolean} [allowsOther.composition]
+ * @property {boolean} [allowsOther.options]
+ */
+
+/** @type {PreferOption[]} */
+const STYLE_OPTIONS = ['script-setup', 'composition', 'options']
+
+/**
+ * Normalize options.
+ * @param {any[]} options The options user configured.
+ * @returns {NormalizeOptions} The normalized options.
+ */
+function parseOptions(options) {
+  /** @type {NormalizeOptions} */
+  const opts = { allowsSFC: {}, allowsOther: {} }
+
+  /** @type {UserPreferOption} */
+  const preferOptions = options[0] || ['script-setup', 'composition']
+  for (const prefer of preferOptions) {
+    if (prefer === 'script-setup') {
+      opts.allowsSFC.scriptSetup = true
+    } else if (prefer === 'composition') {
+      opts.allowsSFC.composition = true
+      opts.allowsOther.composition = true
+    } else if (prefer === 'options') {
+      opts.allowsSFC.options = true
+      opts.allowsOther.options = true
+    }
+  }
+
+  if (!opts.allowsOther.composition && !opts.allowsOther.options) {
+    opts.allowsOther.composition = true
+    opts.allowsOther.options = true
+  }
+
+  return opts
+}
+
+const OPTIONS_API_OPTIONS = new Set([
+  'mixins',
+  'extends',
+  // state
+  'data',
+  'computed',
+  'methods',
+  'watch',
+  'provide',
+  'inject',
+  // lifecycle
+  'beforeCreate',
+  'created',
+  'beforeMount',
+  'mounted',
+  'beforeUpdate',
+  'updated',
+  'activated',
+  'deactivated',
+  'beforeDestroy',
+  'beforeUnmount',
+  'destroyed',
+  'unmounted',
+  'render',
+  'renderTracked',
+  'renderTriggered',
+  'errorCaptured',
+  // public API
+  'expose'
+])
+const COMPOSITION_API_OPTIONS = new Set(['setup'])
+
+const LIFECYCLE_HOOK_OPTIONS = new Set([
+  'beforeCreate',
+  'created',
+  'beforeMount',
+  'mounted',
+  'beforeUpdate',
+  'updated',
+  'activated',
+  'deactivated',
+  'beforeDestroy',
+  'beforeUnmount',
+  'destroyed',
+  'unmounted',
+  'renderTracked',
+  'renderTriggered',
+  'errorCaptured'
+])
+
+/**
+ * @typedef { 'script-setup' | 'composition' | 'options' } ApiStyle
+ */
+
+/**
+ * @param {object} allowsOpt
+ * @param {boolean} [allowsOpt.scriptSetup]
+ * @param {boolean} [allowsOpt.composition]
+ * @param {boolean} [allowsOpt.options]
+ */
+function buildAllowedPhrase(allowsOpt) {
+  const phrases = []
+  if (allowsOpt.scriptSetup) {
+    phrases.push('`<script setup>`')
+  }
+  if (allowsOpt.composition) {
+    phrases.push('Composition API')
+  }
+  if (allowsOpt.options) {
+    phrases.push('Options API')
+  }
+  return phrases.length > 2
+    ? `${phrases.slice(0, -1).join(',')} or ${phrases.slice(-1)[0]}`
+    : phrases.join(' or ')
+}
+
+/**
+ * @param {object} allowsOpt
+ * @param {boolean} [allowsOpt.scriptSetup]
+ * @param {boolean} [allowsOpt.composition]
+ * @param {boolean} [allowsOpt.options]
+ */
+function isPreferScriptSetup(allowsOpt) {
+  if (!allowsOpt.scriptSetup || allowsOpt.composition || allowsOpt.options) {
+    return false
+  }
+  return true
+}
+
+/**
+ * @param {string} name
+ */
+function buildOptionPhrase(name) {
+  return LIFECYCLE_HOOK_OPTIONS.has(name)
+    ? `\`${name}\` lifecycle hook`
+    : name === 'setup' || name === 'render'
+    ? `\`${name}\` function`
+    : `\`${name}\` option`
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce component API style',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/component-api-style.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'array',
+        items: {
+          enum: STYLE_OPTIONS,
+          uniqueItems: true,
+          additionalItems: false
+        },
+        minItems: 1
+      }
+    ],
+    messages: {
+      disallowScriptSetup:
+        '`<script setup>` is not allowed in your project. Use {{allowedApis}} instead.',
+      disallowComponentOption:
+        '{{disallowedApi}} is not allowed in your project. {{optionPhrase}} is the API of {{disallowedApi}}. Use {{allowedApis}} instead.',
+      disallowComponentOptionPreferScriptSetup:
+        '{{disallowedApi}} is not allowed in your project. Use `<script setup>` instead.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = parseOptions(context.options)
+
+    return utils.compositingVisitors(
+      {
+        Program() {
+          if (options.allowsSFC.scriptSetup) {
+            return
+          }
+          const scriptSetup = utils.getScriptSetupElement(context)
+          if (scriptSetup) {
+            context.report({
+              node: scriptSetup.startTag,
+              messageId: 'disallowScriptSetup',
+              data: {
+                allowedApis: buildAllowedPhrase(options.allowsSFC)
+              }
+            })
+          }
+        }
+      },
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          const allows = utils.isSFCObject(context, node)
+            ? options.allowsSFC
+            : options.allowsOther
+          if (allows.composition && allows.options) {
+            return
+          }
+          const disallows = [
+            {
+              allow: allows.composition,
+              options: COMPOSITION_API_OPTIONS,
+              api: 'Composition API'
+            },
+            {
+              allow: allows.options,
+              options: OPTIONS_API_OPTIONS,
+              api: 'Options API'
+            }
+          ].filter(({ allow }) => !allow)
+          for (const prop of node.properties) {
+            if (prop.type !== 'Property') {
+              continue
+            }
+            const name = utils.getStaticPropertyName(prop)
+            if (!name) {
+              continue
+            }
+            for (const { options, api } of disallows) {
+              if (options.has(name)) {
+                context.report({
+                  node: prop.key,
+                  messageId: isPreferScriptSetup(allows)
+                    ? 'disallowComponentOptionPreferScriptSetup'
+                    : 'disallowComponentOption',
+                  data: {
+                    disallowedApi: api,
+                    optionPhrase: buildOptionPhrase(name),
+                    allowedApis: buildAllowedPhrase(allows)
+                  }
+                })
+              }
+            }
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index dfd5610d0..b17de0821 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1296,6 +1296,13 @@ module.exports = {
    * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | null}
    */
   getVueComponentDefinitionType,
+  /**
+   * Checks whether the given object is an SFC definition.
+   * @param {RuleContext} context The ESLint rule context object.
+   * @param {ObjectExpression} node Node to check
+   * @returns { boolean } `true`, the given object is an SFC definition.
+   */
+  isSFCObject,
   compositingVisitors,
 
   /**
@@ -2439,6 +2446,77 @@ function getVueObjectType(context, node) {
   return null
 }
 
+/**
+ * Checks whether the given object is an SFC definition.
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {ObjectExpression} node Node to check
+ * @returns { boolean } `true`, the given object is an SFC definition.
+ */
+function isSFCObject(context, node) {
+  if (node.type !== 'ObjectExpression') {
+    return false
+  }
+  const filePath = context.getFilename()
+  const ext = path.extname(filePath)
+  if (ext !== '.vue' && ext) {
+    return false
+  }
+  return isSFC(node)
+
+  /**
+   * @param {Expression} node
+   * @returns {boolean}
+   */
+  function isSFC(node) {
+    const parent = getParent(node)
+    if (parent.type === 'ExportDefaultDeclaration') {
+      // export default {}
+      if (skipTSAsExpression(parent.declaration) !== node) {
+        return false
+      }
+      const scriptSetup = getScriptSetupElement(context)
+      if (
+        scriptSetup &&
+        scriptSetup.range[0] <= parent.range[0] &&
+        parent.range[1] <= scriptSetup.range[1]
+      ) {
+        // `export default` in `<script setup>`
+        return false
+      }
+      return true
+    } else if (parent.type === 'CallExpression') {
+      if (parent.arguments.every((arg) => skipTSAsExpression(arg) !== node)) {
+        return false
+      }
+      const { callee } = parent
+      if (
+        (callee.type === 'Identifier' && callee.name === 'defineComponent') ||
+        (callee.type === 'MemberExpression' &&
+          callee.object.type === 'Identifier' &&
+          callee.object.name === 'Vue' &&
+          callee.property.type === 'Identifier' &&
+          callee.property.name === 'extend')
+      ) {
+        return isSFC(parent)
+      }
+      return false
+    } else if (parent.type === 'VariableDeclarator') {
+      if (
+        skipTSAsExpression(parent.init) !== node ||
+        parent.id.type !== 'Identifier'
+      ) {
+        return false
+      }
+      const variable = findVariable(context.getScope(), parent.id)
+      if (!variable) {
+        return false
+      }
+      return variable.references.some((ref) => isSFC(ref.identifier))
+    }
+    return false
+  }
+}
+
 /**
  * Gets the component comments of a given context.
  * @param {RuleContext} context The ESLint rule context object.
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
new file mode 100644
index 000000000..aca48bb3c
--- /dev/null
+++ b/tests/lib/rules/component-api-style.js
@@ -0,0 +1,566 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/component-api-style')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+tester.run('component-api-style', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { ref } from 'vue'
+      const msg = ref('Hello World!')
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { ref } from 'vue'
+      export default {
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      options: [['options']],
+      code: `
+      <script>
+      export default {
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      import { ref, defineComponent } from 'vue'
+      defineComponent({
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      options: [['options']],
+      code: `
+      import { defineComponent } from 'vue'
+      defineComponent({
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      })
+      `
+    },
+    {
+      filename: 'test.vue',
+      options: [['script-setup']],
+      code: `
+      <script setup>
+      import { ref } from 'vue'
+      const msg = ref('Hello World!')
+      </script>
+      `
+    },
+    {
+      filename: 'test.js',
+      options: [['script-setup']],
+      code: `
+      import { ref, defineComponent } from 'vue'
+      defineComponent({
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.js',
+      options: [['script-setup']],
+      code: `
+      import { defineComponent } from 'vue'
+      defineComponent({
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      })
+      `
+    },
+    {
+      filename: 'test.vue',
+      options: [['composition']],
+      code: `
+      <script>
+      import { ref } from 'vue'
+      export default {
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is the API of Options API. Use `<script setup>` or Composition API instead.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { ref } from 'vue'
+      const msg = ref('Hello World!')
+      </script>
+      `,
+      options: [['options']],
+      errors: [
+        {
+          message:
+            '`<script setup>` is not allowed in your project. Use Options API instead.',
+          line: 2,
+          column: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { ref } from 'vue'
+      export default {
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      }
+      </script>
+      `,
+      options: [['options']],
+      errors: [
+        {
+          message:
+            'Composition API is not allowed in your project. `setup` function is the API of Composition API. Use Options API instead.',
+          line: 5,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+      import { defineComponent } from 'vue'
+      defineComponent({
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      })
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is the API of Options API. Use Composition API instead.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+      import { ref, defineComponent } from 'vue'
+      defineComponent({
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      })
+      `,
+      options: [['options']],
+      errors: [
+        {
+          message:
+            'Composition API is not allowed in your project. `setup` function is the API of Composition API. Use Options API instead.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { ref } from 'vue'
+      export default {
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        }
+      }
+      </script>
+      `,
+      options: [['script-setup']],
+      errors: [
+        {
+          message:
+            'Composition API is not allowed in your project. Use `<script setup>` instead.',
+          line: 5,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: [['script-setup']],
+      code: `
+      <script>
+      export default {
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. Use `<script setup>` instead.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      </script>
+      `,
+      options: [['composition']],
+      errors: [
+        {
+          message:
+            '`<script setup>` is not allowed in your project. Use Composition API instead.',
+          line: 2,
+          column: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: [['composition']],
+      code: `
+      <script>
+      export default {
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is the API of Options API. Use Composition API instead.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: [['composition']],
+      code: `
+      <script>
+      export default {
+        mixins: [],
+        extends: {},
+        // state
+        data () { return {} },
+        computed: {},
+        methods: {},
+        watch: {},
+        provide: {},
+        inject: {},
+        // lifecycle
+        beforeCreate() {},
+        created() {},
+        beforeMount() {},
+        mounted() {},
+        beforeUpdate() {},
+        updated() {},
+        activated() {},
+        deactivated() {},
+        beforeDestroy() {},
+        beforeUnmount() {},
+        destroyed() {},
+        unmounted() {},
+        render() {},
+        renderTracked() {},
+        renderTriggered() {},
+        errorCaptured() {},
+        // public API
+        expose: [],
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `mixins` option is the API of Options API. Use Composition API instead.',
+          line: 4,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `extends` option is the API of Options API. Use Composition API instead.',
+          line: 5,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is the API of Options API. Use Composition API instead.',
+          line: 7,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `computed` option is the API of Options API. Use Composition API instead.',
+          line: 8,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `methods` option is the API of Options API. Use Composition API instead.',
+          line: 9,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `watch` option is the API of Options API. Use Composition API instead.',
+          line: 10,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `provide` option is the API of Options API. Use Composition API instead.',
+          line: 11,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `inject` option is the API of Options API. Use Composition API instead.',
+          line: 12,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeCreate` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 14,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `created` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 15,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeMount` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 16,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `mounted` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 17,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 18,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `updated` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 19,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `activated` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 20,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `deactivated` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 21,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 22,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 23,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `destroyed` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 24,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `unmounted` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 25,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `render` function is the API of Options API. Use Composition API instead.',
+          line: 26,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `renderTracked` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 27,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `renderTriggered` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 28,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `errorCaptured` lifecycle hook is the API of Options API. Use Composition API instead.',
+          line: 29,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `expose` option is the API of Options API. Use Composition API instead.',
+          line: 31,
+          column: 9
+        }
+      ]
+    }
+  ]
+})

From 03ba30e95a625c46be0c6c58660ac9f061877a87 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 17 Sep 2021 19:36:02 +0900
Subject: [PATCH 0377/1010] 7.18.0

---
 docs/rules/component-api-style.md | 7 +++++--
 package.json                      | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/component-api-style.md b/docs/rules/component-api-style.md
index 8472d4c1b..d20dc9fe3 100644
--- a/docs/rules/component-api-style.md
+++ b/docs/rules/component-api-style.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/component-api-style
 description: enforce component API style
+since: v7.18.0
 ---
 # vue/component-api-style
 
 > enforce component API style
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule aims to make the API style you use to define Vue components consistent in your project.
@@ -138,6 +137,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.18.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-api-style.js)
diff --git a/package.json b/package.json
index 59855a324..8e8220581 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.17.0",
+  "version": "7.18.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c2c709dfb9ef3f4d482d2cdd84b33d74585f9395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tao=20Bojl=C3=A9n?=
 <66130243+taobojlen@users.noreply.github.com>
Date: Thu, 30 Sep 2021 00:36:10 +0100
Subject: [PATCH 0378/1010] Add vue/no-restricted-class rule (#1639)

* Add vue/no-restricted-class rule

* don't match '@class'

* accept options in an array

* handle array syntax

* refactor with @ota-meshi's suggestions

* handle objects converted to strings

* run update script
---
 docs/rules/README.md                   |   1 +
 docs/rules/no-restricted-class.md      |  79 +++++++++++++
 lib/index.js                           |   1 +
 lib/rules/no-restricted-class.js       | 154 +++++++++++++++++++++++++
 tests/lib/rules/no-restricted-class.js | 118 +++++++++++++++++++
 5 files changed, 353 insertions(+)
 create mode 100644 docs/rules/no-restricted-class.md
 create mode 100644 lib/rules/no-restricted-class.js
 create mode 100644 tests/lib/rules/no-restricted-class.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 85f6e661b..2f89e3a53 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -310,6 +310,7 @@ For example:
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  |
+| [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
 | [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event |  |
 | [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props |  |
diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
new file mode 100644
index 000000000..c7aebce6b
--- /dev/null
+++ b/docs/rules/no-restricted-class.md
@@ -0,0 +1,79 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-class
+description: disallow specific classes in Vue components
+---
+# vue/no-restricted-class
+
+> disallow specific classes in Vue components
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule lets you specify a list of classes that you don't want to allow in your templates.
+
+## :wrench: Options
+
+The simplest way to specify a list of forbidden classes is to pass it directly
+in the rule configuration.
+
+```json
+{
+  "vue/no-restricted-props": ["error", "forbidden", "forbidden-two", "forbidden-three"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-class': ['error', 'forbidden']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <div class="forbidden" />
+  <div :class="{forbidden: someBoolean}" />
+  <div :class="`forbidden ${someString}`" />
+  <div :class="'forbidden'" />
+  <div :class="'forbidden ' + someString" />
+  <div :class="[someString, 'forbidden']" />
+  <!-- ✗ GOOD -->
+  <div class="allowed-class" />
+</template>
+
+<script>
+export default {
+  props: {
+    someBoolean: Boolean,
+    someString: String,
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+::: warning Note
+This rule will only detect classes that are used as strings in your templates. Passing classes via
+variables, like below, will not be detected by this rule.
+
+```vue
+<template>
+  <div :class="classes" />
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      classes: "forbidden"
+    }
+  }
+}
+</script>
+```
+:::
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-class.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-class.js)
diff --git a/lib/index.js b/lib/index.js
index 0015fb579..ef111732d 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -101,6 +101,7 @@ module.exports = {
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-restricted-block': require('./rules/no-restricted-block'),
     'no-restricted-call-after-await': require('./rules/no-restricted-call-after-await'),
+    'no-restricted-class': require('./rules/no-restricted-class'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
     'no-restricted-custom-event': require('./rules/no-restricted-custom-event'),
     'no-restricted-props': require('./rules/no-restricted-props'),
diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
new file mode 100644
index 000000000..b1dcccb07
--- /dev/null
+++ b/lib/rules/no-restricted-class.js
@@ -0,0 +1,154 @@
+/**
+ * @fileoverview Forbid certain classes from being used
+ * @author Tao Bojlen
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+/**
+ * Report a forbidden class
+ * @param {string} className
+ * @param {*} node
+ * @param {RuleContext} context
+ * @param {Set<string>} forbiddenClasses
+ */
+const reportForbiddenClass = (className, node, context, forbiddenClasses) => {
+  if (forbiddenClasses.has(className)) {
+    const loc = node.value ? node.value.loc : node.loc
+    context.report({
+      node,
+      loc,
+      messageId: 'forbiddenClass',
+      data: {
+        class: className
+      }
+    })
+  }
+}
+
+/**
+ * @param {Expression} node
+ * @param {boolean} [textOnly]
+ * @returns {IterableIterator<{ className:string, reportNode: ESNode }>}
+ */
+function* extractClassNames(node, textOnly) {
+  if (node.type === 'Literal') {
+    yield* `${node.value}`
+      .split(/\s+/)
+      .map((className) => ({ className, reportNode: node }))
+    return
+  }
+  if (node.type === 'TemplateLiteral') {
+    for (const templateElement of node.quasis) {
+      yield* templateElement.value.cooked
+        .split(/\s+/)
+        .map((className) => ({ className, reportNode: templateElement }))
+    }
+    for (const expr of node.expressions) {
+      yield* extractClassNames(expr, true)
+    }
+    return
+  }
+  if (node.type === 'BinaryExpression') {
+    if (node.operator !== '+') {
+      return
+    }
+    yield* extractClassNames(node.left, true)
+    yield* extractClassNames(node.right, true)
+    return
+  }
+  if (textOnly) {
+    return
+  }
+  if (node.type === 'ObjectExpression') {
+    for (const prop of node.properties) {
+      if (prop.type !== 'Property') {
+        continue
+      }
+      const classNames = utils.getStaticPropertyName(prop)
+      if (!classNames) {
+        continue
+      }
+      yield* classNames
+        .split(/\s+/)
+        .map((className) => ({ className, reportNode: prop.key }))
+    }
+    return
+  }
+  if (node.type === 'ArrayExpression') {
+    for (const element of node.elements) {
+      if (element == null) {
+        continue
+      }
+      if (element.type === 'SpreadElement') {
+        continue
+      }
+      yield* extractClassNames(element)
+    }
+    return
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow specific classes in Vue components',
+      url: 'https://eslint.vuejs.org/rules/no-restricted-class.html',
+      categories: undefined
+    },
+    fixable: null,
+    messages: {
+      forbiddenClass: "'{{class}}' class is not allowed."
+    },
+    schema: {
+      type: 'array',
+      items: {
+        type: 'string'
+      }
+    }
+  },
+
+  /** @param {RuleContext} context */
+  create(context) {
+    const forbiddenClasses = new Set(context.options || [])
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VAttribute & { value: VLiteral } } node
+       */
+      'VAttribute[directive=false][key.name="class"]'(node) {
+        node.value.value
+          .split(/\s+/)
+          .forEach((className) =>
+            reportForbiddenClass(className, node, context, forbiddenClasses)
+          )
+      },
+
+      /** @param {VExpressionContainer} node */
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='class'] > VExpressionContainer.value"(
+        node
+      ) {
+        if (!node.expression) {
+          return
+        }
+
+        for (const { className, reportNode } of extractClassNames(
+          /** @type {Expression} */ (node.expression)
+        )) {
+          reportForbiddenClass(className, reportNode, context, forbiddenClasses)
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-restricted-class.js b/tests/lib/rules/no-restricted-class.js
new file mode 100644
index 000000000..baf39778f
--- /dev/null
+++ b/tests/lib/rules/no-restricted-class.js
@@ -0,0 +1,118 @@
+/**
+ * @author Tao Bojlen
+ */
+
+'use strict'
+
+const rule = require('../../../lib/rules/no-restricted-class')
+const RuleTester = require('eslint').RuleTester
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+ruleTester.run('no-restricted-class', rule, {
+  valid: [
+    { code: `<template><div class="allowed">Content</div></template>` },
+    {
+      code: `<template><div class="allowed"">Content</div></template>`,
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="'allowed' + forbidden">Content</div></template>`,
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div @class="forbidden">Content</div></template>`,
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="'' + {forbidden: true}">Content</div></template>`,
+      options: ['forbidden']
+    }
+  ],
+
+  invalid: [
+    {
+      code: `<template><div class="forbidden allowed" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'VAttribute'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="'forbidden' + ' ' + 'allowed' + someVar" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'Literal'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="{'forbidden': someBool, someVar: true}" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'Literal'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="{forbidden: someBool}" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'Identifier'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: '<template><div :class="`forbidden ${someVar}`" /></template>',
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'TemplateElement'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="'forbidden'" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'Literal'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="['forbidden', 'allowed']" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'Literal'
+        }
+      ],
+      options: ['forbidden']
+    },
+    {
+      code: `<template><div :class="['allowed forbidden', someString]" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'Literal'
+        }
+      ],
+      options: ['forbidden']
+    }
+  ]
+})

From a56c7ece26236bb672c53da0185314859f2d346f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 3 Oct 2021 07:04:01 +0900
Subject: [PATCH 0379/1010] Chore: add generate new rule command (#1645)

---
 docs/developer-guide/README.md |   5 +-
 package.json                   |   1 +
 tools/new-rule.js              | 160 +++++++++++++++++++++++++++++++++
 3 files changed, 164 insertions(+), 2 deletions(-)
 create mode 100644 tools/new-rule.js

diff --git a/docs/developer-guide/README.md b/docs/developer-guide/README.md
index f08ecc3a8..c5bfcc99e 100644
--- a/docs/developer-guide/README.md
+++ b/docs/developer-guide/README.md
@@ -13,8 +13,7 @@ Please include as much detail as possible to help us properly address your issue
 In order to add a new rule or a rule change, you should:
 
 - Create issue on GitHub with description of proposed rule
-- Generate a new rule using the [official yeoman generator](https://github.com/eslint/generator-eslint)
-- Run `npm start`
+- Generate a new rule using the `npm run new -- [rule-name]` command
 - Write test scenarios & implement logic
 - Describe the rule in the generated `docs` file
 - Make sure all tests are passing
@@ -38,10 +37,12 @@ After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-pars
 Since single file components in Vue are not plain JavaScript, we can't use the default parser, and we had to introduce additional one: `vue-eslint-parser`, that generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
 
 To know more about certain nodes in produced ASTs, go here:
+
 - [ESTree docs](https://github.com/estree/estree)
 - [vue-eslint-parser AST docs](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md)
 
 The `vue-eslint-parser` provides few useful parser services, to help traverse the produced AST and access tokens of the template:
+
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
 - `context.parserServices.getTemplateBodyTokenStore()`
 
diff --git a/package.json b/package.json
index 8e8220581..fc5b22a13 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {
+    "new": "node tools/new-rule.js",
     "start": "npm run test:base -- --watch --growl",
     "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
diff --git a/tools/new-rule.js b/tools/new-rule.js
new file mode 100644
index 000000000..68a8b440c
--- /dev/null
+++ b/tools/new-rule.js
@@ -0,0 +1,160 @@
+const path = require('path')
+const fs = require('fs')
+const cp = require('child_process')
+const logger = console
+
+// main
+;((ruleId) => {
+  if (ruleId == null) {
+    logger.error('Usage: npm run new <RuleID>')
+    process.exitCode = 1
+    return
+  }
+  if (!/^[\w-]+$/u.test(ruleId)) {
+    logger.error("Invalid RuleID '%s'.", ruleId)
+    process.exitCode = 1
+    return
+  }
+
+  const ruleFile = path.resolve(__dirname, `../lib/rules/${ruleId}.js`)
+  const testFile = path.resolve(__dirname, `../tests/lib/rules/${ruleId}.js`)
+  const docFile = path.resolve(__dirname, `../docs/rules/${ruleId}.md`)
+
+  fs.writeFileSync(
+    ruleFile,
+    `/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+// ...
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+// ...
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: '',
+      categories: undefined,
+      url: ''
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      // ...
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    // ...
+
+    return utils.defineTemplateBodyVisitor(context, {
+      // ...
+    })
+  }
+}
+`
+  )
+  fs.writeFileSync(
+    testFile,
+    `/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/${ruleId}')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('${ruleId}', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: \`
+      <template>
+
+      </template>
+      \`
+    },
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: \`
+      <template>
+
+      </template>
+      \`,
+      errors: [
+        {
+          message: '...',
+          line: 'line',
+          column: 'col'
+        },
+      ]
+    }
+  ]
+})
+`
+  )
+  fs.writeFileSync(
+    docFile,
+    `---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/${ruleId}
+description: xxx
+---
+# vue/${ruleId}
+
+> xxx
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule ....
+
+<eslint-code-block :rules="{'vue/${ruleId}': ['error']}">
+
+\`\`\`vue
+<template>
+
+</template>
+\`\`\`
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+`
+  )
+
+  cp.execSync(`code "${ruleFile}"`)
+  cp.execSync(`code "${testFile}"`)
+  cp.execSync(`code "${docFile}"`)
+})(process.argv[2])

From fbeb887bdc30550bfdab75a36b0e51e2f441ccbd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 5 Oct 2021 11:02:27 +0900
Subject: [PATCH 0380/1010] Add vue/no-useless-template-attributes rule (#1644)

---
 docs/rules/README.md                          |   1 +
 docs/rules/no-useless-template-attributes.md  |  64 +++++++
 lib/index.js                                  |   1 +
 lib/rules/no-useless-template-attributes.js   | 121 ++++++++++++++
 .../rules/no-useless-template-attributes.js   | 156 ++++++++++++++++++
 5 files changed, 343 insertions(+)
 create mode 100644 docs/rules/no-useless-template-attributes.md
 create mode 100644 lib/rules/no-useless-template-attributes.js
 create mode 100644 tests/lib/rules/no-useless-template-attributes.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 2f89e3a53..544d24db7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -325,6 +325,7 @@ For example:
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  |
 | [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-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
 | [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: |
diff --git a/docs/rules/no-useless-template-attributes.md b/docs/rules/no-useless-template-attributes.md
new file mode 100644
index 000000000..ec24eb70f
--- /dev/null
+++ b/docs/rules/no-useless-template-attributes.md
@@ -0,0 +1,64 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-useless-template-attributes
+description: disallow useless attribute on `<template>`
+---
+# vue/no-useless-template-attributes
+
+> disallow useless attribute on `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule to prevent any useless attribute on `<template>` tags.
+
+<eslint-code-block :rules="{'vue/no-useless-template-attributes': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <template v-if="foo">...</template>
+  <template v-if="foo">...</template>
+  <template v-else-if="foo">...</template>
+  <template v-else>...</template>
+  <template v-for="i in foo" :key="i">...</template>
+  <template v-slot:foo>...</template>
+  <!-- for Vue<=2.5 -->
+  <template slot="foo">...</template>
+  <template :slot="foo">...</template>
+  <template slot-scope="param">...</template>
+  <!-- for Vue<=2.4 -->
+  <template scope="param">...</template>
+
+  <!-- ✗ BAD -->
+  <template v-if="foo" class="heading">...</template>
+  <template v-for="i in foo" :bar="i">...</template>
+  <template v-slot:foo="foo" ref="input">...</template>
+  <template v-if="foo" @click="click">...</template>
+
+  <!-- Ignore -->
+  <template class="heading">...</template>
+  <template :bar="i">...</template>
+  <template ref="input">...</template>
+  <template @click="click">...</template>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/no-lone-template]
+
+[vue/no-lone-template]: ./no-lone-template.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-template-attributes.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-useless-template-attributes.js)
diff --git a/lib/index.js b/lib/index.js
index ef111732d..9ddfe4cd7 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -129,6 +129,7 @@ module.exports = {
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-useless-concat': require('./rules/no-useless-concat'),
     'no-useless-mustaches': require('./rules/no-useless-mustaches'),
+    'no-useless-template-attributes': require('./rules/no-useless-template-attributes'),
     'no-useless-v-bind': require('./rules/no-useless-v-bind'),
     'no-v-for-template-key-on-child': require('./rules/no-v-for-template-key-on-child'),
     'no-v-for-template-key': require('./rules/no-v-for-template-key'),
diff --git a/lib/rules/no-useless-template-attributes.js b/lib/rules/no-useless-template-attributes.js
new file mode 100644
index 000000000..936480833
--- /dev/null
+++ b/lib/rules/no-useless-template-attributes.js
@@ -0,0 +1,121 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+// https://github.com/vuejs/vue-next/blob/64e2f4643602c5980361e66674141e61ba60ef70/packages/compiler-core/src/parse.ts#L405
+const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
+  'if',
+  'else',
+  'else-if',
+  'for',
+  'slot'
+])
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow useless attribute on `<template>`',
+      // TODO Switch to `vue3-essential` and `essential` in the major version.
+      // categories: ['vue3-essential', 'essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-useless-template-attributes.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpectedAttr: 'Unexpected useless attribute on `<template>`.',
+      unexpectedDir: 'Unexpected useless directive on `<template>`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @param {VAttribute | VDirective} attr
+     */
+    function getKeyName(attr) {
+      if (attr.directive) {
+        if (attr.key.name.name !== 'bind') {
+          // no v-bind
+          return null
+        }
+        if (
+          !attr.key.argument ||
+          attr.key.argument.type === 'VExpressionContainer'
+        ) {
+          // unknown
+          return null
+        }
+        return attr.key.argument.name
+      }
+      return attr.key.name
+    }
+
+    /**
+     * @param {VAttribute | VDirective} attr
+     */
+    function isFragmentTemplateAttribute(attr) {
+      if (attr.directive) {
+        const directiveName = attr.key.name.name
+        if (SPECIAL_TEMPLATE_DIRECTIVES.has(directiveName)) {
+          return true
+        }
+        if (directiveName === 'slot-scope') {
+          // `slot-scope` is deprecated in Vue.js 2.6
+          return true
+        }
+        if (directiveName === 'scope') {
+          // `scope` is deprecated in Vue.js 2.5
+          return true
+        }
+      }
+
+      const keyName = getKeyName(attr)
+      if (keyName === 'slot') {
+        // `slot` is deprecated in Vue.js 2.6
+        return true
+      }
+
+      return false
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VStartTag} node */
+      "VElement[name='template'][parent.type='VElement'] > VStartTag"(node) {
+        if (!node.attributes.some(isFragmentTemplateAttribute)) {
+          return
+        }
+
+        for (const attr of node.attributes) {
+          if (isFragmentTemplateAttribute(attr)) {
+            continue
+          }
+          const keyName = getKeyName(attr)
+          if (keyName === 'key') {
+            continue
+          }
+          context.report({
+            node: attr,
+            messageId: attr.directive ? 'unexpectedDir' : 'unexpectedAttr'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-useless-template-attributes.js b/tests/lib/rules/no-useless-template-attributes.js
new file mode 100644
index 000000000..7639b0f33
--- /dev/null
+++ b/tests/lib/rules/no-useless-template-attributes.js
@@ -0,0 +1,156 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-useless-template-attributes')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-useless-template-attributes', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-if="foo">...</template>
+        <template v-else-if="bar">...</template>
+        <template v-else>...</template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-for="e in list">...</template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <template v-slot>...</template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <CoolButton>
+         <template slot="foo">...</template>
+        </CoolButton>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <CoolButton>
+         <template slot-scope="foo">...</template>
+        </CoolButton>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <CoolButton>
+         <template scope="foo">...</template>
+        </CoolButton>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- ignore -->
+        <template foo="a">...</template>
+        <template :foo="a">...</template>
+        <template v-unknown="a">...</template>
+      </template>
+      `
+    },
+    // not template
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" class="heading">...</div>
+        <div v-for="i in foo" :bar="i">...</div>
+        <div v-slot:foo="foo" ref="input">...</div>
+        <div v-if="foo" @click="click">...</div>
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- ✓ GOOD -->
+        <template v-if="foo">...</template>
+        <template v-if="foo">...</template>
+        <template v-else-if="foo">...</template>
+        <template v-else>...</template>
+        <template v-for="i in foo" :key="i">...</template>
+        <template v-slot:foo>...</template>
+        <!-- for Vue<=2.5 -->
+        <template slot="foo">...</template>
+        <template :slot="foo">...</template>
+        <template slot-scope="param">...</template>
+        <!-- for Vue<=2.4 -->
+        <template scope="param">...</template>
+
+        <!-- ✗ BAD -->
+        <template v-if="foo" class="heading">...</template>
+        <template v-for="i in foo" :bar="i">...</template>
+        <template v-slot:foo="foo" ref="input">...</template>
+        <template v-if="foo" @click="click">...</template>
+
+        <!-- Ignore -->
+        <template class="heading">...</template>
+        <template :bar="i">...</template>
+        <template ref="input">...</template>
+        <template @click="click">...</template>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected useless attribute on `<template>`.',
+          line: 18,
+          column: 30
+        },
+        {
+          message: 'Unexpected useless directive on `<template>`.',
+          line: 19,
+          column: 36
+        },
+        {
+          message: 'Unexpected useless attribute on `<template>`.',
+          line: 20,
+          column: 36
+        },
+        {
+          message: 'Unexpected useless directive on `<template>`.',
+          line: 21,
+          column: 30
+        }
+      ]
+    }
+  ]
+})

From ae160d93ced1d62af7b6dad2a84e2fa93d47554b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 5 Oct 2021 11:07:43 +0900
Subject: [PATCH 0381/1010] Fix false positives for toRefs in
 `vue/no-unused-properties` rule (#1647)

---
 lib/rules/no-unused-properties.js       | 557 +++------------------
 lib/utils/property-references.js        | 611 ++++++++++++++++++++++++
 tests/lib/rules/no-unused-properties.js | 203 ++++++++
 3 files changed, 879 insertions(+), 492 deletions(-)
 create mode 100644 lib/utils/property-references.js

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 8b6bfa132..722e95c31 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -11,10 +11,15 @@
 const utils = require('../utils')
 const eslintUtils = require('eslint-utils')
 const { getStyleVariablesContext } = require('../utils/style-variables')
+const {
+  definePropertyReferenceExtractor,
+  mergePropertyReferences
+} = require('../utils/property-references')
 
 /**
  * @typedef {import('../utils').GroupName} GroupName
  * @typedef {import('../utils').VueObjectData} VueObjectData
+ * @typedef {import('../utils/property-references').IPropertyReferences} IPropertyReferences
  */
 
 /**
@@ -36,12 +41,12 @@ const { getStyleVariablesContext } = require('../utils/style-variables')
 
 /**
  * @typedef {object} TemplatePropertiesContainer
- * @property {UsedProperties} usedProperties
+ * @property {IPropertyReferences[]} propertyReferences
  * @property {Set<string>} refNames
  * @typedef {object} VueComponentPropertiesContainer
  * @property {ComponentPropertyData[]} properties
- * @property {UsedProperties} usedProperties
- * @property {UsedProperties} usedPropertiesForProps
+ * @property {IPropertyReferences[]} propertyReferences
+ * @property {IPropertyReferences[]} propertyReferencesForProps
  */
 
 // ------------------------------------------------------------------------------
@@ -118,40 +123,6 @@ function getReferences(references) {
   return references.filter((ref) => ref.variable == null).map((ref) => ref.id)
 }
 
-/**
- * @param {RuleContext} context
- * @param {Identifier} id
- * @returns {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | null}
- */
-function findFunction(context, id) {
-  const calleeVariable = findVariable(context, id)
-  if (!calleeVariable) {
-    return null
-  }
-  if (calleeVariable.defs.length === 1) {
-    const def = calleeVariable.defs[0]
-    if (def.node.type === 'FunctionDeclaration') {
-      return def.node
-    }
-    if (
-      def.type === 'Variable' &&
-      def.parent.kind === 'const' &&
-      def.node.init
-    ) {
-      if (
-        def.node.init.type === 'FunctionExpression' ||
-        def.node.init.type === 'ArrowFunctionExpression'
-      ) {
-        return def.node.init
-      }
-      if (def.node.init.type === 'Identifier') {
-        return findFunction(context, def.node.init)
-      }
-    }
-  }
-  return null
-}
-
 /**
  * @param {RuleContext} context
  * @param {Identifier} id
@@ -178,312 +149,6 @@ function findExpression(context, id) {
   return id
 }
 
-/**
- * @typedef { (context: RuleContext) => UsedProperties } UsedPropertiesTracker
- * @typedef { { node: CallExpression, index: number } } CallAndParamIndex
- */
-
-/**
- * Collects the used property names.
- */
-class UsedProperties {
-  /**
-   * @param {object} [option]
-   * @param {boolean} [option.unknown]
-   */
-  constructor(option) {
-    /** @type {Record<string, UsedPropertiesTracker[]>} */
-    this.map = Object.create(null)
-    /** @type {CallAndParamIndex[]} */
-    this.calls = []
-    this.unknown = (option && option.unknown) || false
-  }
-
-  /**
-   * @param {string} name
-   */
-  isUsed(name) {
-    if (this.unknown) {
-      // If it is unknown, it is considered used.
-      return true
-    }
-    return Boolean(this.map[name])
-  }
-
-  /**
-   * @param {string} name
-   * @param {UsedPropertiesTracker | null} tracker
-   */
-  addUsed(name, tracker) {
-    const trackers = this.map[name] || (this.map[name] = [])
-    if (tracker) trackers.push(tracker)
-  }
-
-  /**
-   * @param {string} name
-   * @returns {UsedPropertiesTracker}
-   */
-  getPropsTracker(name) {
-    if (this.unknown) {
-      return () => new UsedProperties({ unknown: true })
-    }
-    const trackers = this.map[name] || []
-    return (context) => {
-      const result = new UsedProperties()
-      for (const tracker of trackers) {
-        result.merge(tracker(context))
-      }
-      return result
-    }
-  }
-
-  /**
-   * @param {UsedProperties | null} other
-   */
-  merge(other) {
-    if (!other) {
-      return
-    }
-    this.unknown = this.unknown || other.unknown
-    if (this.unknown) {
-      return
-    }
-    for (const [name, otherTrackers] of Object.entries(other.map)) {
-      const trackers = this.map[name] || (this.map[name] = [])
-      trackers.push(...otherTrackers)
-    }
-    this.calls.push(...other.calls)
-  }
-}
-
-/**
- * Collects the used property names for parameters of the function.
- */
-class ParamsUsedProperties {
-  /**
-   * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
-   * @param {RuleContext} context
-   */
-  constructor(node, context) {
-    this.node = node
-    this.context = context
-    /** @type {UsedProperties[]} */
-    this.params = []
-  }
-
-  /**
-   * @param {number} index
-   * @returns {UsedProperties | null}
-   */
-  getParam(index) {
-    const param = this.params[index]
-    if (param != null) {
-      return param
-    }
-    if (this.node.params[index]) {
-      return (this.params[index] = extractParamOrVerProperties(
-        this.node.params[index],
-        this.context
-      ))
-    }
-    return null
-  }
-}
-/**
- * Extract the used property name from one parameter of the function.
- * @param {Pattern} node
- * @param {RuleContext} context
- * @returns {UsedProperties}
- */
-function extractParamOrVerProperties(node, context) {
-  const result = new UsedProperties()
-
-  while (node.type === 'AssignmentPattern') {
-    node = node.left
-  }
-  if (node.type === 'RestElement' || node.type === 'ArrayPattern') {
-    // cannot check
-    return result
-  }
-  if (node.type === 'ObjectPattern') {
-    result.merge(extractObjectPatternProperties(node))
-    return result
-  }
-  if (node.type !== 'Identifier') {
-    return result
-  }
-  const variable = findVariable(context, node)
-  if (!variable) {
-    return result
-  }
-  for (const reference of variable.references) {
-    const id = reference.identifier
-    result.merge(extractPatternOrThisProperties(id, context, false))
-  }
-
-  return result
-}
-
-/**
- * Extract the used property name from ObjectPattern.
- * @param {ObjectPattern} node
- * @returns {UsedProperties}
- */
-function extractObjectPatternProperties(node) {
-  const result = new UsedProperties()
-  for (const prop of node.properties) {
-    if (prop.type === 'Property') {
-      const name = utils.getStaticPropertyName(prop)
-      if (name) {
-        result.addUsed(name, getObjectPatternPropertyPatternTracker(prop.value))
-      } else {
-        // If cannot trace name, everything is used!
-        result.unknown = true
-        return result
-      }
-    } else {
-      // If use RestElement, everything is used!
-      result.unknown = true
-      return result
-    }
-  }
-  return result
-}
-
-/**
- * Extract the used property name from id.
- * @param {Identifier} node
- * @param {RuleContext} context
- * @returns {UsedProperties}
- */
-function extractIdentifierProperties(node, context) {
-  const result = new UsedProperties()
-  const variable = findVariable(context, node)
-  if (!variable) {
-    return result
-  }
-  for (const reference of variable.references) {
-    const id = reference.identifier
-    result.merge(extractPatternOrThisProperties(id, context, false))
-  }
-  return result
-}
-/**
- * Extract the used property name from pattern or `this`.
- * @param {Identifier | MemberExpression | ChainExpression | ThisExpression} node
- * @param {RuleContext} context
- * @param {boolean} withInTemplate
- * @returns {UsedProperties}
- */
-function extractPatternOrThisProperties(node, context, withInTemplate) {
-  const result = new UsedProperties()
-  const parent = node.parent
-  if (parent.type === 'AssignmentExpression') {
-    if (withInTemplate) {
-      return result
-    }
-    if (parent.right === node && parent.left.type === 'ObjectPattern') {
-      // `({foo} = arg)`
-      result.merge(extractObjectPatternProperties(parent.left))
-    }
-    return result
-  } else if (parent.type === 'VariableDeclarator') {
-    if (withInTemplate) {
-      return result
-    }
-    if (parent.init === node) {
-      if (parent.id.type === 'ObjectPattern') {
-        // `const {foo} = arg`
-        result.merge(extractObjectPatternProperties(parent.id))
-      } else if (parent.id.type === 'Identifier') {
-        // `const foo = arg`
-        result.merge(extractIdentifierProperties(parent.id, context))
-      }
-    }
-    return result
-  } else if (parent.type === 'MemberExpression') {
-    if (parent.object === node) {
-      // `arg.foo`
-      const name = utils.getStaticPropertyName(parent)
-      if (name) {
-        result.addUsed(name, () =>
-          extractPatternOrThisProperties(parent, context, withInTemplate)
-        )
-      } else {
-        result.unknown = true
-      }
-    }
-    return result
-  } else if (parent.type === 'CallExpression') {
-    if (withInTemplate) {
-      return result
-    }
-    const argIndex = parent.arguments.indexOf(node)
-    if (argIndex > -1) {
-      // `foo(arg)`
-      result.calls.push({
-        node: parent,
-        index: argIndex
-      })
-    }
-  } else if (parent.type === 'ChainExpression') {
-    result.merge(
-      extractPatternOrThisProperties(parent, context, withInTemplate)
-    )
-  } else if (
-    parent.type === 'ArrowFunctionExpression' ||
-    parent.type === 'ReturnStatement' ||
-    parent.type === 'VExpressionContainer' ||
-    parent.type === 'Property' ||
-    parent.type === 'ArrayExpression'
-  ) {
-    // Maybe used externally.
-    if (maybeExternalUsed(parent)) {
-      result.unknown = true
-    }
-  }
-  return result
-
-  /**
-   * @param {ASTNode} parentTarget
-   * @returns {boolean}
-   */
-  function maybeExternalUsed(parentTarget) {
-    if (
-      parentTarget.type === 'ReturnStatement' ||
-      parentTarget.type === 'VExpressionContainer'
-    ) {
-      return true
-    }
-    if (parentTarget.type === 'ArrayExpression') {
-      return maybeExternalUsed(parentTarget.parent)
-    }
-    if (parentTarget.type === 'Property') {
-      return maybeExternalUsed(parentTarget.parent.parent)
-    }
-    if (parentTarget.type === 'ArrowFunctionExpression') {
-      return parentTarget.body === node
-    }
-    return false
-  }
-}
-
-/**
- * @param {Pattern} pattern
- * @returns {UsedPropertiesTracker}
- */
-function getObjectPatternPropertyPatternTracker(pattern) {
-  if (pattern.type === 'ObjectPattern') {
-    return () => extractObjectPatternProperties(pattern)
-  }
-  if (pattern.type === 'Identifier') {
-    return (context) => extractIdentifierProperties(pattern, context)
-  } else if (pattern.type === 'AssignmentPattern') {
-    return getObjectPatternPropertyPatternTracker(pattern.left)
-  }
-  return () => new UsedProperties({ unknown: true })
-}
-
 /**
  * Check if the given component property is marked as `@public` in JSDoc comments.
  * @param {ComponentPropertyData} property
@@ -617,29 +282,16 @@ module.exports = {
     const deepData = Boolean(options.deepData)
     const ignorePublicMembers = Boolean(options.ignorePublicMembers)
 
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, ParamsUsedProperties>} */
-    const paramsUsedPropertiesMap = new Map()
+    const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
+
     /** @type {TemplatePropertiesContainer} */
     const templatePropertiesContainer = {
-      usedProperties: new UsedProperties(),
+      propertyReferences: [],
       refNames: new Set()
     }
     /** @type {Map<ASTNode, VueComponentPropertiesContainer>} */
     const vueComponentPropertiesContainerMap = new Map()
 
-    /**
-     * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} node
-     * @returns {ParamsUsedProperties}
-     */
-    function getParamsUsedProperties(node) {
-      let usedProps = paramsUsedPropertiesMap.get(node)
-      if (!usedProps) {
-        usedProps = new ParamsUsedProperties(node, context)
-        paramsUsedPropertiesMap.set(node, usedProps)
-      }
-      return usedProps
-    }
-
     /**
      * @param {ASTNode} node
      * @returns {VueComponentPropertiesContainer}
@@ -649,8 +301,8 @@ module.exports = {
       if (!container) {
         container = {
           properties: [],
-          usedProperties: new UsedProperties(),
-          usedPropertiesForProps: new UsedProperties()
+          propertyReferences: [],
+          propertyReferencesForProps: []
         }
         vueComponentPropertiesContainerMap.set(node, container)
       }
@@ -659,25 +311,18 @@ module.exports = {
     /**
      * @param {string[]} segments
      * @param {Expression} propertyValue
-     * @param {UsedProperties} baseUsedProperties
+     * @param {IPropertyReferences} propertyReferences
      */
     function verifyDataOptionDeepProperties(
       segments,
       propertyValue,
-      baseUsedProperties
+      propertyReferences
     ) {
       let targetExpr = propertyValue
       if (targetExpr.type === 'Identifier') {
         targetExpr = findExpression(context, targetExpr)
       }
       if (targetExpr.type === 'ObjectExpression') {
-        const usedProperties = resolvedUsedProperties(baseUsedProperties, {
-          allowUnknownCall: true
-        })
-        if (usedProperties.unknown) {
-          return
-        }
-
         for (const prop of targetExpr.properties) {
           if (prop.type !== 'Property') {
             continue
@@ -686,7 +331,9 @@ module.exports = {
           if (name == null) {
             continue
           }
-          if (!usedProperties.isUsed(name)) {
+          if (
+            !propertyReferences.hasProperty(name, { unknownCallAsAny: true })
+          ) {
             // report
             context.report({
               node: prop.key,
@@ -702,7 +349,7 @@ module.exports = {
           verifyDataOptionDeepProperties(
             [...segments, name],
             prop.value,
-            usedProperties.getPropsTracker(name)(context)
+            propertyReferences.getNest(name)
           )
         }
       }
@@ -713,20 +360,19 @@ module.exports = {
      */
     function reportUnusedProperties() {
       for (const container of vueComponentPropertiesContainerMap.values()) {
-        const usedProperties = resolvedUsedProperties(container.usedProperties)
-        usedProperties.merge(templatePropertiesContainer.usedProperties)
-        if (usedProperties.unknown) {
-          continue
-        }
+        const propertyReferences = mergePropertyReferences([
+          ...container.propertyReferences,
+          ...templatePropertiesContainer.propertyReferences
+        ])
 
-        const usedPropertiesForProps = resolvedUsedProperties(
-          container.usedPropertiesForProps
+        const propertyReferencesForProps = mergePropertyReferences(
+          container.propertyReferencesForProps
         )
 
         for (const property of container.properties) {
           if (
             property.groupName === 'props' &&
-            usedPropertiesForProps.isUsed(property.name)
+            propertyReferencesForProps.hasProperty(property.name)
           ) {
             // used props
             continue
@@ -744,7 +390,7 @@ module.exports = {
           ) {
             continue
           }
-          if (usedProperties.isUsed(property.name)) {
+          if (propertyReferences.hasProperty(property.name)) {
             // used
             if (
               deepData &&
@@ -755,7 +401,7 @@ module.exports = {
               verifyDataOptionDeepProperties(
                 [property.name],
                 property.property.value,
-                usedProperties.getPropsTracker(property.name)(context)
+                propertyReferences.getNest(property.name)
               )
             }
             continue
@@ -772,65 +418,6 @@ module.exports = {
       }
     }
 
-    /**
-     * @param {UsedProperties | null} usedProps
-     * @param {object} [options]
-     * @param {boolean} [options.allowUnknownCall]
-     * @returns {UsedProperties}
-     */
-    function resolvedUsedProperties(usedProps, options) {
-      const allowUnknownCall = options && options.allowUnknownCall
-      const already = new Map()
-
-      const result = new UsedProperties()
-      for (const up of iterate(usedProps)) {
-        result.merge(up)
-        if (result.unknown) {
-          break
-        }
-      }
-      return result
-
-      /**
-       * @param {UsedProperties | null} usedProps
-       * @returns {IterableIterator<UsedProperties>}
-       */
-      function* iterate(usedProps) {
-        if (!usedProps) {
-          return
-        }
-        yield usedProps
-        for (const call of usedProps.calls) {
-          if (call.node.callee.type !== 'Identifier') {
-            if (allowUnknownCall) {
-              yield new UsedProperties({ unknown: true })
-            }
-            continue
-          }
-          const fnNode = findFunction(context, call.node.callee)
-          if (!fnNode) {
-            if (allowUnknownCall) {
-              yield new UsedProperties({ unknown: true })
-            }
-            continue
-          }
-
-          let alreadyIndexes = already.get(fnNode)
-          if (!alreadyIndexes) {
-            alreadyIndexes = new Set()
-            already.set(fnNode, alreadyIndexes)
-          }
-          if (alreadyIndexes.has(call.index)) {
-            continue
-          }
-          alreadyIndexes.add(call.index)
-          const paramsUsedProps = getParamsUsedProperties(fnNode)
-          const paramUsedProps = paramsUsedProps.getParam(call.index)
-          yield* iterate(paramUsedProps)
-        }
-      }
-    }
-
     /**
      * @param {Expression} node
      * @returns {Property|null}
@@ -899,8 +486,9 @@ module.exports = {
           }
 
           const pattern = target.parent.id
-          const usedProps = extractParamOrVerProperties(pattern, context)
-          container.usedPropertiesForProps.merge(usedProps)
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromPattern(pattern)
+          container.propertyReferencesForProps.push(propertyReferences)
         }
       }),
       utils.defineVueVisitor(context, {
@@ -914,27 +502,9 @@ module.exports = {
             if (watcherOrExpose.groupName === GROUP_WATCHER) {
               const watcher = watcherOrExpose
               // Process `watch: { foo /* <- this */ () {} }`
-              const segments = watcher.name.split('.')
-              container.usedProperties.addUsed(segments[0], (context) => {
-                return buildChainTracker(segments)(context)
-                /**
-                 * @param {string[]} baseSegments
-                 * @returns {UsedPropertiesTracker}
-                 */
-                function buildChainTracker(baseSegments) {
-                  return () => {
-                    const subSegments = baseSegments.slice(1)
-                    const usedProps = new UsedProperties()
-                    if (subSegments.length) {
-                      usedProps.addUsed(
-                        subSegments[0],
-                        buildChainTracker(subSegments)
-                      )
-                    }
-                    return usedProps
-                  }
-                }
-              })
+              container.propertyReferences.push(
+                propertyReferenceExtractor.extractFromPath(watcher.name)
+              )
 
               // Process `watch: { x: 'foo' /* <- this */  }`
               if (watcher.type === 'object') {
@@ -949,7 +519,9 @@ module.exports = {
                     ) {
                       const name = utils.getStringLiteralValue(handlerValueNode)
                       if (name != null) {
-                        container.usedProperties.addUsed(name, null)
+                        container.propertyReferences.push(
+                          propertyReferenceExtractor.extractFromName(name)
+                        )
                       }
                     }
                   }
@@ -957,7 +529,9 @@ module.exports = {
               }
             } else if (watcherOrExpose.groupName === GROUP_EXPOSE) {
               const expose = watcherOrExpose
-              container.usedProperties.addUsed(expose.name, null)
+              container.propertyReferences.push(
+                propertyReferenceExtractor.extractFromName(expose.name)
+              )
             }
           }
           container.properties.push(...utils.iterateProperties(node, groups))
@@ -1008,37 +582,33 @@ module.exports = {
             }
           }
 
-          const paramsUsedProps = getParamsUsedProperties(node)
-          const usedProps = paramsUsedProps.getParam(0)
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromFunctionParam(node, 0)
           const container = getVueComponentPropertiesContainer(vueData.node)
-          container.usedProperties.merge(usedProps)
+          container.propertyReferences.push(propertyReferences)
         },
         onSetupFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
-          const paramsUsedProps = getParamsUsedProperties(node)
-          const paramUsedProps = paramsUsedProps.getParam(0)
-          container.usedPropertiesForProps.merge(paramUsedProps)
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromFunctionParam(node, 0)
+          container.propertyReferencesForProps.push(propertyReferences)
         },
         onRenderFunctionEnter(node, vueData) {
           const container = getVueComponentPropertiesContainer(vueData.node)
 
           // Check for Vue 3.x render
-          const paramsUsedProps = getParamsUsedProperties(node)
-          const ctxUsedProps = paramsUsedProps.getParam(0)
-
-          container.usedPropertiesForProps.merge(ctxUsedProps)
-          if (container.usedPropertiesForProps.unknown) {
-            return
-          }
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromFunctionParam(node, 0)
+          container.propertyReferencesForProps.push(propertyReferences)
 
           if (vueData.functional) {
             // Check for Vue 2.x render & functional
-            const contextUsedProps = resolvedUsedProperties(
-              paramsUsedProps.getParam(1)
+            const propertyReferencesForV2 =
+              propertyReferenceExtractor.extractFromFunctionParam(node, 1)
+
+            container.propertyReferencesForProps.push(
+              propertyReferencesForV2.getNest('props')
             )
-            const tracker = contextUsedProps.getPropsTracker('props')
-            const propUsedProps = tracker(context)
-            container.usedPropertiesForProps.merge(propUsedProps)
           }
         },
         /**
@@ -1050,8 +620,9 @@ module.exports = {
             return
           }
           const container = getVueComponentPropertiesContainer(vueData.node)
-          const usedProps = extractPatternOrThisProperties(node, context, false)
-          container.usedProperties.merge(usedProps)
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromExpression(node, false)
+          container.propertyReferences.push(propertyReferences)
         }
       }),
       {
@@ -1060,9 +631,10 @@ module.exports = {
           const styleVars = getStyleVariablesContext(context)
           if (styleVars) {
             for (const { id } of styleVars.references) {
-              templatePropertiesContainer.usedProperties.addUsed(
-                id.name,
-                (context) => extractPatternOrThisProperties(id, context, true)
+              templatePropertiesContainer.propertyReferences.push(
+                propertyReferenceExtractor.extractFromName(id.name, () =>
+                  propertyReferenceExtractor.extractFromExpression(id, true)
+                )
               )
             }
           }
@@ -1079,9 +651,10 @@ module.exports = {
        */
       VExpressionContainer(node) {
         for (const id of getReferences(node.references)) {
-          templatePropertiesContainer.usedProperties.addUsed(
-            id.name,
-            (context) => extractPatternOrThisProperties(id, context, true)
+          templatePropertiesContainer.propertyReferences.push(
+            propertyReferenceExtractor.extractFromName(id.name, () =>
+              propertyReferenceExtractor.extractFromExpression(id, true)
+            )
           )
         }
       },
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
new file mode 100644
index 000000000..2291ea717
--- /dev/null
+++ b/lib/utils/property-references.js
@@ -0,0 +1,611 @@
+/**
+ * @author Yosuke Ota
+ * @copyright 2021 Yosuke Ota. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('./index')
+const eslintUtils = require('eslint-utils')
+
+/**
+ * @typedef {'props' | 'data' | 'computed' | 'methods' | 'setup'} Group
+ */
+/**
+ * @typedef {object} IHasPropertyOption
+ * @property {boolean} [unknownCallAsAny]
+ */
+/**
+ * @typedef {object} IPropertyReferences
+ * @property { (name: string, option?: IHasPropertyOption) => boolean } hasProperty
+ * @property { (name: string) => IPropertyReferences } getNest
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/** @type {IPropertyReferences} */
+const ANY = {
+  hasProperty: () => true,
+  getNest: () => ANY
+}
+
+/** @type {IPropertyReferences} */
+const NEVER = {
+  hasProperty: () => false,
+  getNest: () => NEVER
+}
+
+/**
+ * Find the variable of a given name.
+ * @param {RuleContext} context The rule context
+ * @param {Identifier} node The variable name to find.
+ * @returns {Variable|null} The found variable or null.
+ */
+function findVariable(context, node) {
+  return eslintUtils.findVariable(getScope(context, node), node)
+}
+/**
+ * Gets the scope for the current node
+ * @param {RuleContext} context The rule context
+ * @param {ESNode} currentNode The node to get the scope of
+ * @returns { import('eslint').Scope.Scope } The scope information for this node
+ */
+function getScope(context, currentNode) {
+  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
+  const inner = currentNode.type !== 'Program'
+  const scopeManager = context.getSourceCode().scopeManager
+
+  /** @type {ESNode | null} */
+  let node = currentNode
+  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
+    const scope = scopeManager.acquire(node, inner)
+
+    if (scope) {
+      if (scope.type === 'function-expression-name') {
+        return scope.childScopes[0]
+      }
+      return scope
+    }
+  }
+
+  return scopeManager.scopes[0]
+}
+
+/**
+ * @param {RuleContext} context
+ * @param {Identifier} id
+ * @returns {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | null}
+ */
+function findFunction(context, id) {
+  const calleeVariable = findVariable(context, id)
+  if (!calleeVariable) {
+    return null
+  }
+  if (calleeVariable.defs.length === 1) {
+    const def = calleeVariable.defs[0]
+    if (def.node.type === 'FunctionDeclaration') {
+      return def.node
+    }
+    if (
+      def.type === 'Variable' &&
+      def.parent.kind === 'const' &&
+      def.node.init
+    ) {
+      if (
+        def.node.init.type === 'FunctionExpression' ||
+        def.node.init.type === 'ArrowFunctionExpression'
+      ) {
+        return def.node.init
+      }
+      if (def.node.init.type === 'Identifier') {
+        return findFunction(context, def.node.init)
+      }
+    }
+  }
+  return null
+}
+
+// ------------------------------------------------------------------------------
+// Public
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  definePropertyReferenceExtractor,
+  mergePropertyReferences
+}
+
+/**
+ * @param {RuleContext} context The rule context.
+ */
+function definePropertyReferenceExtractor(context) {
+  /** @type {Map<Expression, IPropertyReferences>} */
+  const cacheForExpression = new Map()
+  /** @type {Map<Pattern, IPropertyReferences>} */
+  const cacheForPattern = new Map()
+  /** @type {Map<FunctionExpression | ArrowFunctionExpression | FunctionDeclaration, Map<number, IPropertyReferences>>} */
+  const cacheForFunction = new Map()
+  /** @type {{ toRefNodes: Set<ESNode>, toRefsNodes: Set<ESNode>} | null} */
+  let toRefSet = null
+
+  function getToRefSet() {
+    if (toRefSet) {
+      return toRefSet
+    }
+    const tracker = new eslintUtils.ReferenceTracker(
+      context.getSourceCode().scopeManager.scopes[0]
+    )
+    const toRefNodes = new Set()
+    for (const { node } of tracker.iterateEsmReferences(
+      utils.createCompositionApiTraceMap({
+        [eslintUtils.ReferenceTracker.ESM]: true,
+        toRef: {
+          [eslintUtils.ReferenceTracker.CALL]: true
+        }
+      })
+    )) {
+      toRefNodes.add(node)
+    }
+    const toRefsNodes = new Set()
+    for (const { node } of tracker.iterateEsmReferences(
+      utils.createCompositionApiTraceMap({
+        [eslintUtils.ReferenceTracker.ESM]: true,
+        toRefs: {
+          [eslintUtils.ReferenceTracker.CALL]: true
+        }
+      })
+    )) {
+      toRefsNodes.add(node)
+    }
+
+    return (toRefSet = { toRefNodes, toRefsNodes })
+  }
+
+  /**
+   * Collects the property references for member expr.
+   * @implements IPropertyReferences
+   */
+  class PropertyReferencesForMember {
+    /**
+     *
+     * @param {MemberExpression} node
+     * @param {string} name
+     * @param {boolean} withInTemplate
+     */
+    constructor(node, name, withInTemplate) {
+      this.node = node
+      this.name = name
+      this.withInTemplate = withInTemplate
+    }
+
+    /**
+     * @param {string} name
+     */
+    hasProperty(name) {
+      return name === this.name
+    }
+
+    /**
+     * @param {string} name
+     * @returns {IPropertyReferences}
+     */
+    getNest(name) {
+      return name === this.name
+        ? extractFromExpression(this.node, this.withInTemplate)
+        : NEVER
+    }
+  }
+  /**
+   * Collects the property references for object.
+   * @implements IPropertyReferences
+   */
+  class PropertyReferencesForObject {
+    constructor() {
+      /** @type {Record<string, AssignmentProperty[]>} */
+      this.properties = Object.create(null)
+    }
+
+    /**
+     * @param {string} name
+     */
+    hasProperty(name) {
+      return Boolean(this.properties[name])
+    }
+
+    /**
+     * @param {string} name
+     * @returns {IPropertyReferences}
+     */
+    getNest(name) {
+      const properties = this.properties[name]
+      return properties
+        ? mergePropertyReferences(
+            properties.map((property) => getNestFromPattern(property.value))
+          )
+        : NEVER
+
+      /**
+       * @param {Pattern} pattern
+       * @returns {IPropertyReferences}
+       */
+      function getNestFromPattern(pattern) {
+        if (pattern.type === 'ObjectPattern') {
+          return extractFromObjectPattern(pattern)
+        }
+        if (pattern.type === 'Identifier') {
+          return extractFromIdentifier(pattern)
+        } else if (pattern.type === 'AssignmentPattern') {
+          return getNestFromPattern(pattern.left)
+        }
+        return ANY
+      }
+    }
+  }
+
+  /**
+   * Extract the property references from Expression.
+   * @param {Identifier | MemberExpression | ChainExpression | ThisExpression | CallExpression} node
+   * @param {boolean} withInTemplate
+   * @returns {IPropertyReferences}
+   */
+  function extractFromExpression(node, withInTemplate) {
+    const ref = cacheForExpression.get(node)
+    if (ref) {
+      return ref
+    }
+    cacheForExpression.set(node, ANY)
+    const result = extractWithoutCache()
+    cacheForExpression.set(node, result)
+    return result
+
+    function extractWithoutCache() {
+      const parent = node.parent
+      if (parent.type === 'AssignmentExpression') {
+        if (withInTemplate) {
+          return NEVER
+        }
+        if (parent.right === node) {
+          // `({foo} = arg)`
+          return extractFromPattern(parent.left)
+        }
+        return NEVER
+      } else if (parent.type === 'VariableDeclarator') {
+        if (withInTemplate) {
+          return NEVER
+        }
+        if (parent.init === node) {
+          // `const {foo} = arg`
+          // `const foo = arg`
+          return extractFromPattern(parent.id)
+        }
+        return NEVER
+      } else if (parent.type === 'MemberExpression') {
+        if (parent.object === node) {
+          // `arg.foo`
+          const name = utils.getStaticPropertyName(parent)
+          if (name) {
+            return new PropertyReferencesForMember(parent, name, withInTemplate)
+          } else {
+            return ANY
+          }
+        }
+        return NEVER
+      } else if (parent.type === 'CallExpression') {
+        if (withInTemplate) {
+          return NEVER
+        }
+        const argIndex = parent.arguments.indexOf(node)
+        if (argIndex > -1) {
+          // `foo(arg)`
+          return extractFromCall(parent, argIndex)
+        }
+      } else if (parent.type === 'ChainExpression') {
+        return extractFromExpression(parent, withInTemplate)
+      } else if (
+        parent.type === 'ArrowFunctionExpression' ||
+        parent.type === 'ReturnStatement' ||
+        parent.type === 'VExpressionContainer' ||
+        parent.type === 'Property' ||
+        parent.type === 'ArrayExpression'
+      ) {
+        // Maybe used externally.
+        if (maybeExternalUsed(parent)) {
+          return ANY
+        }
+      }
+      return NEVER
+    }
+
+    /**
+     * @param {ASTNode} parentTarget
+     * @returns {boolean}
+     */
+    function maybeExternalUsed(parentTarget) {
+      if (
+        parentTarget.type === 'ReturnStatement' ||
+        parentTarget.type === 'VExpressionContainer'
+      ) {
+        return true
+      }
+      if (parentTarget.type === 'ArrayExpression') {
+        return maybeExternalUsed(parentTarget.parent)
+      }
+      if (parentTarget.type === 'Property') {
+        return maybeExternalUsed(parentTarget.parent.parent)
+      }
+      if (parentTarget.type === 'ArrowFunctionExpression') {
+        return parentTarget.body === node
+      }
+      return false
+    }
+  }
+
+  /**
+   * Extract the property references from one parameter of the function.
+   * @param {Pattern} node
+   * @returns {IPropertyReferences}
+   */
+  function extractFromPattern(node) {
+    const ref = cacheForPattern.get(node)
+    if (ref) {
+      return ref
+    }
+    cacheForPattern.set(node, ANY)
+    const result = extractWithoutCache()
+    cacheForPattern.set(node, result)
+    return result
+
+    function extractWithoutCache() {
+      while (node.type === 'AssignmentPattern') {
+        node = node.left
+      }
+      if (node.type === 'RestElement' || node.type === 'ArrayPattern') {
+        // cannot check
+        return NEVER
+      }
+      if (node.type === 'ObjectPattern') {
+        return extractFromObjectPattern(node)
+      }
+      if (node.type === 'Identifier') {
+        return extractFromIdentifier(node)
+      }
+      return NEVER
+    }
+  }
+
+  /**
+   * Extract the property references from ObjectPattern.
+   * @param {ObjectPattern} node
+   * @returns {IPropertyReferences}
+   */
+  function extractFromObjectPattern(node) {
+    const refs = new PropertyReferencesForObject()
+    for (const prop of node.properties) {
+      if (prop.type === 'Property') {
+        const name = utils.getStaticPropertyName(prop)
+        if (name) {
+          const list = refs.properties[name] || (refs.properties[name] = [])
+          list.push(prop)
+        } else {
+          // If cannot trace name, everything is used!
+          return ANY
+        }
+      } else {
+        // If use RestElement, everything is used!
+        return ANY
+      }
+    }
+    return refs
+  }
+
+  /**
+   * Extract the property references from id.
+   * @param {Identifier} node
+   * @returns {IPropertyReferences}
+   */
+  function extractFromIdentifier(node) {
+    const variable = findVariable(context, node)
+    if (!variable) {
+      return NEVER
+    }
+    return mergePropertyReferences(
+      variable.references.map((reference) => {
+        const id = reference.identifier
+        return extractFromExpression(id, false)
+      })
+    )
+  }
+
+  /**
+   * Extract the property references from call.
+   * @param {CallExpression} node
+   * @param {number} argIndex
+   * @returns {IPropertyReferences}
+   */
+  function extractFromCall(node, argIndex) {
+    if (node.callee.type !== 'Identifier') {
+      return {
+        hasProperty(_name, options) {
+          return Boolean(options && options.unknownCallAsAny)
+        },
+        getNest: () => ANY
+      }
+    }
+
+    const fnNode = findFunction(context, node.callee)
+    if (!fnNode) {
+      if (argIndex === 0) {
+        if (getToRefSet().toRefNodes.has(node)) {
+          return extractFromToRef(node)
+        } else if (getToRefSet().toRefsNodes.has(node)) {
+          return extractFromToRefs(node)
+        }
+      }
+      return {
+        hasProperty(_name, options) {
+          return Boolean(options && options.unknownCallAsAny)
+        },
+        getNest: () => ANY
+      }
+    }
+
+    return extractFromFunctionParam(fnNode, argIndex)
+  }
+
+  /**
+   * Extract the property references from function param.
+   * @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} node
+   * @param {number} argIndex
+   * @returns {IPropertyReferences}
+   */
+  function extractFromFunctionParam(node, argIndex) {
+    let cacheForIndexes = cacheForFunction.get(node)
+    if (!cacheForIndexes) {
+      cacheForIndexes = new Map()
+      cacheForFunction.set(node, cacheForIndexes)
+    }
+    const ref = cacheForIndexes.get(argIndex)
+    if (ref) {
+      return ref
+    }
+    cacheForIndexes.set(argIndex, NEVER)
+    const arg = node.params[argIndex]
+    if (!arg) {
+      return NEVER
+    }
+    const result = extractFromPattern(arg)
+    cacheForIndexes.set(argIndex, result)
+    return result
+  }
+
+  /**
+   * Extract the property references from path.
+   * @param {string} pathString
+   * @returns {IPropertyReferences}
+   */
+  function extractFromPath(pathString) {
+    return extractFromSegments(pathString.split('.'))
+
+    /**
+     * @param {string[]} segments
+     * @returns {IPropertyReferences}
+     */
+    function extractFromSegments(segments) {
+      if (!segments.length) {
+        return ANY
+      }
+      const segmentName = segments[0]
+      return {
+        hasProperty: (name) => name === segmentName,
+        getNest: (name) =>
+          name === segmentName ? extractFromSegments(segments.slice(1)) : NEVER
+      }
+    }
+  }
+
+  /**
+   * Extract the property references from name.
+   * @param {string} referenceName
+   * @param { () => IPropertyReferences } [getNest]
+   * @returns {IPropertyReferences}
+   */
+  function extractFromName(referenceName, getNest) {
+    return {
+      hasProperty: (name) => name === referenceName,
+      getNest: (name) =>
+        name === referenceName ? (getNest ? getNest() : ANY) : NEVER
+    }
+  }
+
+  /**
+   * Extract the property references from toRef call.
+   * @param {CallExpression} node
+   * @returns {IPropertyReferences}
+   */
+  function extractFromToRef(node) {
+    const nameNode = node.arguments[1]
+    const refName =
+      nameNode &&
+      (nameNode.type === 'Literal' || nameNode.type === 'TemplateLiteral')
+        ? utils.getStringLiteralValue(nameNode)
+        : null
+    if (!refName) {
+      // unknown name
+      return ANY
+    }
+    return extractFromName(refName, () => {
+      return extractFromExpression(node, false).getNest('value')
+    })
+  }
+
+  /**
+   * Extract the property references from toRefs call.
+   * @param {CallExpression} node
+   * @returns {IPropertyReferences}
+   */
+  function extractFromToRefs(node) {
+    const base = extractFromExpression(node, false)
+    return {
+      hasProperty: (name, option) => base.hasProperty(name, option),
+      getNest: (name) => base.getNest(name).getNest('value')
+    }
+  }
+  return {
+    extractFromExpression,
+    extractFromPattern,
+    extractFromFunctionParam,
+    extractFromPath,
+    extractFromName
+  }
+}
+
+/**
+ * @param {IPropertyReferences[]} references
+ * @returns {IPropertyReferences}
+ */
+function mergePropertyReferences(references) {
+  if (references.length === 0) {
+    return NEVER
+  }
+  if (references.length === 1) {
+    return references[0]
+  }
+  return new PropertyReferencesForMerge(references)
+}
+
+/**
+ * Collects the property references for merge.
+ * @implements IPropertyReferences
+ */
+class PropertyReferencesForMerge {
+  /**
+   * @param {IPropertyReferences[]} references
+   */
+  constructor(references) {
+    this.references = references
+  }
+
+  /**
+   * @param {string} name
+   * @param {IHasPropertyOption} [option]
+   */
+  hasProperty(name, option) {
+    return this.references.some((ref) => ref.hasProperty(name, option))
+  }
+
+  /**
+   * @param {string} name
+   * @returns {IPropertyReferences}
+   */
+  getNest(name) {
+    /** @type {IPropertyReferences[]} */
+    const nest = []
+    for (const ref of this.references) {
+      if (ref.hasProperty(name)) {
+        nest.push(ref.getNest(name))
+      }
+    }
+    return mergePropertyReferences(nest)
+  }
+}
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 164e562ab..de535bd25 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1594,6 +1594,70 @@ tester.run('no-unused-properties', rule, {
           }
         </style>
         `
+    },
+
+    // toRefs
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1643
+      filename: 'test.vue',
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      },
+      code: `
+      <template>
+        <span v-for="(item, index) of pages" :key="index" @click="changePage(item)">
+          {{ item }}
+        </span>
+      </template>
+
+      <script setup lang="ts">
+      import {
+        computed,
+        defineProps,
+        toRefs,
+        withDefaults,
+        defineEmits,
+        ComputedRef,
+      } from 'vue';
+      import { getPagesOnPagination } from '@/libs/pagination';
+
+      const props = withDefaults(
+        defineProps<{
+          currentPage: number;
+          totalRows: number;
+          rowsPerPage: number;
+        }>(),
+        {
+          currentPage: 1,
+          totalRows: 100,
+          rowsPerPage: 10,
+        }
+      );
+      const { currentPage, totalRows, rowsPerPage } = toRefs(props);
+
+      const totalPages = computed(() =>
+        Math.ceil(totalRows.value / rowsPerPage.value)
+      );
+
+      const pages: ComputedRef<(number | '...')[]> = computed(() =>
+        getPagesOnPagination(currentPage.value, totalPages.value)
+      );
+
+      const emit = defineEmits<{
+        (e: 'changePage', page: number): void;
+      }>();
+
+      function changePage(page: number | '...') {
+        if (page === '...') {
+          return;
+        }
+        emit('changePage', page);
+      }
+      </script>
+
+      <style lang="scss" scoped>
+      //
+      </style>`
     }
   ],
 
@@ -2507,6 +2571,145 @@ tester.run('no-unused-properties', rule, {
         "'f' of computed property found, but never used.",
         "'h' of method found, but never used."
       ]
+    },
+
+    // toRef, toRefs
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import {toRefs} from 'vue'
+
+        export default {
+          props: ['foo', 'bar'],
+          setup(props) {
+            const {foo} = toRefs(props)
+          },
+        }
+      </script>
+      `,
+      errors: ["'bar' of property found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import {toRef} from 'vue'
+
+        export default {
+          props: ['foo', 'bar'],
+          setup(props) {
+            const foo = toRef(props, 'foo')
+          },
+        }
+      </script>
+      `,
+      errors: ["'bar' of property found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import {toRefs} from 'vue'
+
+        export default {
+          data() {
+            return {
+              foo: {
+                bar: {
+                  a: 1
+                },
+                baz: {
+                  b: 1
+                }
+              }
+            }
+          },
+          methods: {
+            m () {
+              const {foo} = toRefs(this)
+              f(foo.value.bar)
+            }
+          }
+        }
+      </script>
+      `,
+      options: deepDataOptions,
+      errors: ["'foo.baz' of data found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import {toRefs} from 'vue'
+
+        export default {
+          data() {
+            return {
+              foo: {
+                bar: {
+                  a: 1,
+                  b: 1,
+                },
+                baz: {
+                  a: 1
+                }
+              }
+            }
+          },
+          methods: {
+            m () {
+              const {bar, baz} = toRefs(this.foo)
+              f(bar.value.a)
+              f(bar.unknown.b)
+              f(bar.b)
+            }
+          }
+        }
+      </script>
+      `,
+      options: deepDataOptions,
+      errors: [
+        "'foo.bar.b' of data found, but never used.",
+        "'foo.baz.a' of data found, but never used."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import {toRef} from 'vue'
+
+        export default {
+          data() {
+            return {
+              foo: {
+                bar: {
+                  a: 1,
+                  b: 1,
+                },
+                baz: {
+                  a: 1
+                }
+              }
+            }
+          },
+          methods: {
+            m () {
+              const bar = toRef(this.foo, 'bar')
+              f(bar.value.a)
+              f(bar.unknown.b)
+              f(bar.b)
+            }
+          }
+        }
+      </script>
+      `,
+      options: deepDataOptions,
+      errors: [
+        "'foo.bar.b' of data found, but never used.",
+        "'foo.baz' of data found, but never used."
+      ]
     }
   ]
 })

From 5788883670fc6273512796d5be8b3f2730b43ac0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 5 Oct 2021 11:15:59 +0900
Subject: [PATCH 0382/1010] Fix unable to autofix event name with `update:`.
 (#1648)

---
 lib/rules/v-on-event-hyphenation.js       | 31 ++++-----
 tests/lib/rules/v-on-event-hyphenation.js | 80 +++++++++++++++++++++++
 2 files changed, 96 insertions(+), 15 deletions(-)

diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index 60823e013..7ef07f1d8 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -51,15 +51,16 @@ module.exports = {
     const ignoredAttributes = (optionsPayload && optionsPayload.ignore) || []
     const autofix = Boolean(optionsPayload && optionsPayload.autofix)
 
-    const caseConverter = casing.getExactConverter(
+    const caseConverter = casing.getConverter(
       useHyphenated ? 'kebab-case' : 'camelCase'
     )
 
     /**
      * @param {VDirective} node
+     * @param {VIdentifier} argument
      * @param {string} name
      */
-    function reportIssue(node, name) {
+    function reportIssue(node, argument, name) {
       const text = sourceCode.getText(node.key)
 
       context.report({
@@ -71,13 +72,14 @@ module.exports = {
         data: {
           text
         },
-        fix: autofix
-          ? (fixer) =>
-              fixer.replaceText(
-                node.key,
-                text.replace(name, caseConverter(name))
-              )
-          : null
+        fix:
+          autofix &&
+          // It cannot be converted in snake_case.
+          !name.includes('_')
+            ? (fixer) => {
+                return fixer.replaceText(argument, caseConverter(name))
+              }
+            : null
       })
     }
 
@@ -99,14 +101,13 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(context, {
       "VAttribute[directive=true][key.name.name='on']"(node) {
         if (!utils.isCustomComponent(node.parent.parent)) return
-
-        const name =
-          node.key.argument &&
-          node.key.argument.type === 'VIdentifier' &&
-          node.key.argument.rawName
+        if (!node.key.argument || node.key.argument.type !== 'VIdentifier') {
+          return
+        }
+        const name = node.key.argument.rawName
         if (!name || isIgnoredAttribute(name)) return
 
-        reportIssue(node, name)
+        reportIssue(node, node.key.argument, name)
       }
     })
   }
diff --git a/tests/lib/rules/v-on-event-hyphenation.js b/tests/lib/rules/v-on-event-hyphenation.js
index c77449971..087e5d00a 100644
--- a/tests/lib/rules/v-on-event-hyphenation.js
+++ b/tests/lib/rules/v-on-event-hyphenation.js
@@ -102,6 +102,86 @@ tester.run('v-on-event-hyphenation', rule, {
       </template>
       `,
       errors: ["v-on event 'v-on:custom-event' can't be hyphenated."]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent @update:modelValue="foo"/>
+        <VueComponent @update:model-value="foo"/>
+      </template>
+      `,
+      options: ['always', { autofix: true }],
+      output: `
+      <template>
+        <VueComponent @update:model-value="foo"/>
+        <VueComponent @update:model-value="foo"/>
+      </template>
+      `,
+      errors: ["v-on event '@update:modelValue' must be hyphenated."]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent @update:modelValue="foo"/>
+        <VueComponent @update:model-value="foo"/>
+      </template>
+      `,
+      options: ['never', { autofix: true }],
+      output: `
+      <template>
+        <VueComponent @update:modelValue="foo"/>
+        <VueComponent @update:modelValue="foo"/>
+      </template>
+      `,
+      errors: ["v-on event '@update:model-value' can't be hyphenated."]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent @upDate:modelValue="foo"/>
+        <VueComponent @up-date:modelValue="foo"/>
+        <VueComponent @upDate:model-value="foo"/>
+        <VueComponent @up-date:model-value="foo"/>
+      </template>
+      `,
+      options: ['always', { autofix: true }],
+      output: `
+      <template>
+        <VueComponent @up-date:model-value="foo"/>
+        <VueComponent @up-date:model-value="foo"/>
+        <VueComponent @up-date:model-value="foo"/>
+        <VueComponent @up-date:model-value="foo"/>
+      </template>
+      `,
+      errors: [
+        "v-on event '@upDate:modelValue' must be hyphenated.",
+        "v-on event '@up-date:modelValue' must be hyphenated.",
+        "v-on event '@upDate:model-value' must be hyphenated."
+      ]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent @upDate:modelValue="foo"/>
+        <VueComponent @up-date:modelValue="foo"/>
+        <VueComponent @upDate:model-value="foo"/>
+        <VueComponent @up-date:model-value="foo"/>
+      </template>
+      `,
+      options: ['never', { autofix: true }],
+      output: `
+      <template>
+        <VueComponent @upDate:modelValue="foo"/>
+        <VueComponent @upDate:modelValue="foo"/>
+        <VueComponent @upDate:modelValue="foo"/>
+        <VueComponent @upDate:modelValue="foo"/>
+      </template>
+      `,
+      errors: [
+        "v-on event '@up-date:modelValue' can't be hyphenated.",
+        "v-on event '@upDate:model-value' can't be hyphenated.",
+        "v-on event '@up-date:model-value' can't be hyphenated."
+      ]
     }
   ]
 })

From 1ece73e4470f1de1e3691529e4ceadbeecd6fd01 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 5 Oct 2021 11:24:38 +0900
Subject: [PATCH 0383/1010] 7.19.0

---
 docs/rules/no-restricted-class.md            | 7 +++++--
 docs/rules/no-useless-template-attributes.md | 7 +++++--
 package.json                                 | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
index c7aebce6b..267bfebaa 100644
--- a/docs/rules/no-restricted-class.md
+++ b/docs/rules/no-restricted-class.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-class
 description: disallow specific classes in Vue components
+since: v7.19.0
 ---
 # vue/no-restricted-class
 
 > disallow specific classes in Vue components
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule lets you specify a list of classes that you don't want to allow in your templates.
@@ -73,6 +72,10 @@ export default {
 ```
 :::
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.19.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-class.js)
diff --git a/docs/rules/no-useless-template-attributes.md b/docs/rules/no-useless-template-attributes.md
index ec24eb70f..c6b71027d 100644
--- a/docs/rules/no-useless-template-attributes.md
+++ b/docs/rules/no-useless-template-attributes.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-template-attributes
 description: disallow useless attribute on `<template>`
+since: v7.19.0
 ---
 # vue/no-useless-template-attributes
 
 > disallow useless attribute on `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule to prevent any useless attribute on `<template>` tags.
@@ -58,6 +57,10 @@ Nothing.
 
 [vue/no-lone-template]: ./no-lone-template.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.19.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-template-attributes.js)
diff --git a/package.json b/package.json
index fc5b22a13..16e6ead6e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.18.0",
+  "version": "7.19.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 31a5afa7b35635ff7d94a83eaf47bb02bef39bcd Mon Sep 17 00:00:00 2001
From: Blfrg <i3lfrg@gmail.com>
Date: Tue, 5 Oct 2021 11:46:20 -0600
Subject: [PATCH 0384/1010] docs: fix typo in rule example (#1650)

Doc template was copied from another rule
overlooked renaming one entry
---
 docs/rules/no-restricted-class.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
index 267bfebaa..c4919ebd6 100644
--- a/docs/rules/no-restricted-class.md
+++ b/docs/rules/no-restricted-class.md
@@ -20,7 +20,7 @@ in the rule configuration.
 
 ```json
 {
-  "vue/no-restricted-props": ["error", "forbidden", "forbidden-two", "forbidden-three"]
+  "vue/no-restricted-class": ["error", "forbidden", "forbidden-two", "forbidden-three"]
 }
 ```
 

From 852096e7bed2411d654026eeef88df6ccc3a9d64 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 6 Oct 2021 06:53:31 +0900
Subject: [PATCH 0385/1010] Add `vue/no-undef-properties` rule (#1472)

* Add `vue/no-undef-properties` rule

* support script setup

* refactor
---
 docs/rules/README.md                   |    1 +
 docs/rules/no-undef-properties.md      |  114 +++
 lib/index.js                           |    1 +
 lib/rules/no-undef-properties.js       |  548 ++++++++++++
 lib/rules/no-unused-properties.js      |   54 +-
 lib/utils/property-references.js       |  119 ++-
 lib/utils/style-variables/index.js     |    9 +-
 tests/lib/rules/no-undef-properties.js | 1074 ++++++++++++++++++++++++
 8 files changed, 1877 insertions(+), 43 deletions(-)
 create mode 100644 docs/rules/no-undef-properties.md
 create mode 100644 lib/rules/no-undef-properties.js
 create mode 100644 tests/lib/rules/no-undef-properties.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 544d24db7..c15454cba 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -319,6 +319,7 @@ For example:
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
 | [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  |
+| [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
diff --git a/docs/rules/no-undef-properties.md b/docs/rules/no-undef-properties.md
new file mode 100644
index 000000000..e7979756a
--- /dev/null
+++ b/docs/rules/no-undef-properties.md
@@ -0,0 +1,114 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-undef-properties
+description: disallow undefined properties
+---
+# vue/no-undef-properties
+
+> disallow undefined properties
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule warns of using undefined properties.  
+This rule can help you locate potential errors resulting from misspellings property names, and implicitly added properties.
+
+::: warning Note
+This rule cannot detect properties defined in other files or components.  
+Note that there are many false positives if you are using mixins.
+:::
+
+<eslint-code-block :rules="{'vue/no-undef-properties': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div>{{ name }}: {{ count }}</div>
+  <!-- ✗ BAD -->
+  <div>{{ label }}: {{ cnt }}</div>
+</template>
+<script setup>
+const prop = defineProps(['name', 'def'])
+let count = 0
+
+/* ✓ GOOD */
+watch(() => prop.def, () => console.log('Updated!'))
+
+/* ✗ BAD */
+watch(() => prop.undef, () => console.log('Updated!'))
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-undef-properties': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div>{{ name }}: {{ count }}</div>
+  <!-- ✗ BAD -->
+  <div>{{ label }}: {{ cnt }}</div>
+</template>
+<script>
+  export default {
+    props: ['name'],
+    data () {
+      return {
+        count: 0
+      }
+    },
+    methods: {
+      click() {
+        /* ✓ GOOD */
+        this.count++
+
+        /* ✗ BAD */
+        this.cnt++
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-undef-properties": ["error", {
+    "ignores": ["/^\\$/"]
+  }]
+}
+```
+
+- `ignores` (`string[]`) ... An array of property names or patterns that have already been defined property, or property to ignore from the check. Default is `["/^\\$/"]`.
+
+### `"ignores": ["/^\\$/"]` (default)
+
+<eslint-code-block :rules="{'vue/no-undef-properties': ['error', {ignores: ['/^\\$/']}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div>{{ $t('foo') }}</div>
+</template>
+<script>
+  export default {
+    mounted() {
+      /* ✓ GOOD */
+      const hash = this.$route.hash
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-undef-properties.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-undef-properties.js)
diff --git a/lib/index.js b/lib/index.js
index 9ddfe4cd7..c599048d0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -119,6 +119,7 @@ module.exports = {
     'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
     'no-this-in-before-route-enter': require('./rules/no-this-in-before-route-enter'),
+    'no-undef-properties': require('./rules/no-undef-properties'),
     'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
new file mode 100644
index 000000000..0acf49f15
--- /dev/null
+++ b/lib/rules/no-undef-properties.js
@@ -0,0 +1,548 @@
+/**
+ * @fileoverview Disallow undefined properties.
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const reserved = require('../utils/vue-reserved.json')
+const { toRegExp } = require('../utils/regexp')
+const { getStyleVariablesContext } = require('../utils/style-variables')
+const {
+  definePropertyReferenceExtractor
+} = require('../utils/property-references')
+
+/**
+ * @typedef {import('../utils').VueObjectData} VueObjectData
+ * @typedef {import('../utils/property-references').IPropertyReferences} IPropertyReferences
+ */
+/**
+ * @typedef {object} PropertyData
+ * @property {boolean} [hasNestProperty]
+ * @property { (name: string) => PropertyData | null } [get]
+ * @property {boolean} [isProps]
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const GROUP_PROPERTY = 'props'
+const GROUP_DATA = 'data'
+const GROUP_COMPUTED_PROPERTY = 'computed'
+const GROUP_METHODS = 'methods'
+const GROUP_SETUP = 'setup'
+const GROUP_WATCHER = 'watch'
+const GROUP_EXPOSE = 'expose'
+const GROUP_INJECT = 'inject'
+
+/**
+ * @param {ObjectExpression} object
+ * @returns {Map<string, Property> | null}
+ */
+function getObjectPropertyMap(object) {
+  /** @type {Map<string, Property>} */
+  const props = new Map()
+  for (const p of object.properties) {
+    if (p.type !== 'Property') {
+      return null
+    }
+    const name = utils.getStaticPropertyName(p)
+    if (name == null) {
+      return null
+    }
+    props.set(name, p)
+  }
+  return props
+}
+
+/**
+ * @param {Property | undefined} property
+ * @returns {PropertyData | null}
+ */
+function getPropertyDataFromObjectProperty(property) {
+  if (property == null) {
+    return null
+  }
+  const propertyMap =
+    property.value.type === 'ObjectExpression'
+      ? getObjectPropertyMap(property.value)
+      : null
+  return {
+    hasNestProperty: Boolean(propertyMap),
+    get(name) {
+      if (!propertyMap) {
+        return null
+      }
+      return getPropertyDataFromObjectProperty(propertyMap.get(name))
+    }
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow undefined properties',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-undef-properties.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      undef: "'{{name}}' is not defined.",
+      undefProps: "'{{name}}' is not defined in props."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || {}
+    const ignores = /** @type {string[]} */ (options.ignores || ['/^\\$/']).map(
+      toRegExp
+    )
+    const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
+    const programNode = context.getSourceCode().ast
+
+    /** Vue component context */
+    class VueComponentContext {
+      constructor() {
+        /** @type { Map<string, PropertyData> } */
+        this.defineProperties = new Map()
+
+        /** @type { Set<string | ASTNode> } */
+        this.reported = new Set()
+      }
+      /**
+       * Report
+       * @param {IPropertyReferences} references
+       * @param {object} [options]
+       * @param {boolean} [options.props]
+       */
+      verifyReferences(references, options) {
+        const that = this
+        verifyUndefProperties(this.defineProperties, references, null)
+
+        /**
+         * @param { { get?: (name: string) => PropertyData | null | undefined } } defineProperties
+         * @param {IPropertyReferences|null} references
+         * @param {string|null} pathName
+         */
+        function verifyUndefProperties(defineProperties, references, pathName) {
+          if (!references) {
+            return
+          }
+          for (const [refName, { nodes }] of references.allProperties()) {
+            const referencePathName = pathName
+              ? `${pathName}.${refName}`
+              : refName
+
+            const prop = defineProperties.get && defineProperties.get(refName)
+            if (prop) {
+              if (options && options.props) {
+                if (!prop.isProps) {
+                  that.report(nodes[0], referencePathName, 'undefProps')
+                  continue
+                }
+              }
+            } else {
+              that.report(nodes[0], referencePathName, 'undef')
+              continue
+            }
+
+            if (prop.hasNestProperty) {
+              verifyUndefProperties(
+                prop,
+                references.getNest(refName),
+                referencePathName
+              )
+            }
+          }
+        }
+      }
+      /**
+       * Report
+       * @param {ASTNode} node
+       * @param {string} name
+       * @param {'undef' | 'undefProps'} messageId
+       */
+      report(node, name, messageId = 'undef') {
+        if (
+          reserved.includes(name) ||
+          ignores.some((ignore) => ignore.test(name))
+        ) {
+          return
+        }
+        if (
+          // Prevents reporting to the same node.
+          this.reported.has(node) ||
+          // Prevents reports with the same name.
+          // This is so that intentional undefined properties can be resolved with
+          // a single warning suppression comment (`// eslint-disable-line`).
+          this.reported.has(name)
+        ) {
+          return
+        }
+        this.reported.add(node)
+        this.reported.add(name)
+        context.report({
+          node,
+          messageId,
+          data: {
+            name
+          }
+        })
+      }
+    }
+
+    /** @type {Map<ASTNode, VueComponentContext>} */
+    const vueComponentContextMap = new Map()
+
+    /**
+     * @param {ASTNode} node
+     * @returns {VueComponentContext}
+     */
+    function getVueComponentContext(node) {
+      let ctx = vueComponentContextMap.get(node)
+      if (!ctx) {
+        ctx = new VueComponentContext()
+        vueComponentContextMap.set(node, ctx)
+      }
+      return ctx
+    }
+    /**
+     * @returns {VueComponentContext|void}
+     */
+    function getVueComponentContextForTemplate() {
+      const keys = [...vueComponentContextMap.keys()]
+      const exported =
+        keys.find(isScriptSetupProgram) || keys.find(isExportObject)
+      return exported && vueComponentContextMap.get(exported)
+
+      /**
+       * @param {ASTNode} node
+       */
+      function isScriptSetupProgram(node) {
+        return node === programNode
+      }
+      /**
+       * @param {ASTNode} node
+       */
+      function isExportObject(node) {
+        let parent = node.parent
+        while (parent) {
+          if (parent.type === 'ExportDefaultDeclaration') {
+            return true
+          }
+          parent = parent.parent
+        }
+        return false
+      }
+    }
+
+    /**
+     * @param {Expression} node
+     * @returns {Property|null}
+     */
+    function getParentProperty(node) {
+      if (
+        !node.parent ||
+        node.parent.type !== 'Property' ||
+        node.parent.value !== node
+      ) {
+        return null
+      }
+      const property = node.parent
+      if (!utils.isProperty(property)) {
+        return null
+      }
+      return property
+    }
+
+    const scriptVisitor = utils.compositingVisitors(
+      {
+        /** @param {Program} node */
+        Program() {
+          if (!utils.isScriptSetup(context)) {
+            return
+          }
+
+          const ctx = getVueComponentContext(programNode)
+          const globalScope = context.getSourceCode().scopeManager.globalScope
+          if (globalScope) {
+            for (const variable of globalScope.variables) {
+              ctx.defineProperties.set(variable.name, {})
+            }
+            const moduleScope = globalScope.childScopes.find(
+              (scope) => scope.type === 'module'
+            )
+            for (const variable of (moduleScope && moduleScope.variables) ||
+              []) {
+              ctx.defineProperties.set(variable.name, {})
+            }
+          }
+        }
+      },
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          const ctx = getVueComponentContext(programNode)
+
+          for (const prop of props) {
+            if (!prop.propName) {
+              continue
+            }
+            ctx.defineProperties.set(prop.propName, {
+              isProps: true
+            })
+          }
+          let target = node
+          if (
+            target.parent &&
+            target.parent.type === 'CallExpression' &&
+            target.parent.arguments[0] === target &&
+            target.parent.callee.type === 'Identifier' &&
+            target.parent.callee.name === 'withDefaults'
+          ) {
+            target = target.parent
+          }
+
+          if (
+            !target.parent ||
+            target.parent.type !== 'VariableDeclarator' ||
+            target.parent.init !== target
+          ) {
+            return
+          }
+
+          const pattern = target.parent.id
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromPattern(pattern)
+          ctx.verifyReferences(propertyReferences)
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          const ctx = getVueComponentContext(node)
+
+          for (const prop of utils.iterateProperties(
+            node,
+            new Set([
+              GROUP_PROPERTY,
+              GROUP_DATA,
+              GROUP_COMPUTED_PROPERTY,
+              GROUP_SETUP,
+              GROUP_METHODS,
+              GROUP_INJECT
+            ])
+          )) {
+            const propertyMap =
+              prop.groupName === GROUP_DATA &&
+              prop.type === 'object' &&
+              prop.property.value.type === 'ObjectExpression'
+                ? getObjectPropertyMap(prop.property.value)
+                : null
+            ctx.defineProperties.set(prop.name, {
+              hasNestProperty: Boolean(propertyMap),
+              isProps: prop.groupName === GROUP_PROPERTY,
+              get(name) {
+                if (!propertyMap) {
+                  return null
+                }
+                return getPropertyDataFromObjectProperty(propertyMap.get(name))
+              }
+            })
+          }
+
+          for (const watcherOrExpose of utils.iterateProperties(
+            node,
+            new Set([GROUP_WATCHER, GROUP_EXPOSE])
+          )) {
+            if (watcherOrExpose.groupName === GROUP_WATCHER) {
+              const watcher = watcherOrExpose
+              // Process `watch: { foo /* <- this */ () {} }`
+              ctx.verifyReferences(
+                propertyReferenceExtractor.extractFromPath(
+                  watcher.name,
+                  watcher.node
+                )
+              )
+              // Process `watch: { x: 'foo' /* <- this */  }`
+              if (watcher.type === 'object') {
+                const property = watcher.property
+                if (property.kind === 'init') {
+                  for (const handlerValueNode of utils.iterateWatchHandlerValues(
+                    property
+                  )) {
+                    ctx.verifyReferences(
+                      propertyReferenceExtractor.extractFromNameLiteral(
+                        handlerValueNode
+                      )
+                    )
+                  }
+                }
+              }
+            } else if (watcherOrExpose.groupName === GROUP_EXPOSE) {
+              const expose = watcherOrExpose
+              ctx.verifyReferences(
+                propertyReferenceExtractor.extractFromName(
+                  expose.name,
+                  expose.node
+                )
+              )
+            }
+          }
+        },
+        /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property }} node */
+        'ObjectExpression > Property > :function[params.length>0]'(
+          node,
+          vueData
+        ) {
+          let props = false
+          const property = getParentProperty(node)
+          if (!property) {
+            return
+          }
+          if (property.parent === vueData.node) {
+            if (utils.getStaticPropertyName(property) !== 'data') {
+              return
+            }
+            // check { data: (vm) => vm.prop }
+            props = true
+          } else {
+            const parentProperty = getParentProperty(property.parent)
+            if (!parentProperty) {
+              return
+            }
+            if (parentProperty.parent === vueData.node) {
+              if (utils.getStaticPropertyName(parentProperty) !== 'computed') {
+                return
+              }
+              // check { computed: { foo: (vm) => vm.prop } }
+            } else {
+              const parentParentProperty = getParentProperty(
+                parentProperty.parent
+              )
+              if (!parentParentProperty) {
+                return
+              }
+              if (parentParentProperty.parent === vueData.node) {
+                if (
+                  utils.getStaticPropertyName(parentParentProperty) !==
+                    'computed' ||
+                  utils.getStaticPropertyName(property) !== 'get'
+                ) {
+                  return
+                }
+                // check { computed: { foo: { get: (vm) => vm.prop } } }
+              } else {
+                return
+              }
+            }
+          }
+
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromFunctionParam(node, 0)
+          const ctx = getVueComponentContext(vueData.node)
+          ctx.verifyReferences(propertyReferences, { props })
+        },
+        onSetupFunctionEnter(node, vueData) {
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromFunctionParam(node, 0)
+          const ctx = getVueComponentContext(vueData.node)
+          ctx.verifyReferences(propertyReferences, {
+            props: true
+          })
+        },
+        onRenderFunctionEnter(node, vueData) {
+          const ctx = getVueComponentContext(vueData.node)
+
+          // Check for Vue 3.x render
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromFunctionParam(node, 0)
+          ctx.verifyReferences(propertyReferences)
+
+          if (vueData.functional) {
+            // Check for Vue 2.x render & functional
+            const propertyReferencesForV2 =
+              propertyReferenceExtractor.extractFromFunctionParam(node, 1)
+
+            ctx.verifyReferences(propertyReferencesForV2.getNest('props'), {
+              props: true
+            })
+          }
+        },
+        /**
+         * @param {ThisExpression | Identifier} node
+         * @param {VueObjectData} vueData
+         */
+        'ThisExpression, Identifier'(node, vueData) {
+          if (!utils.isThis(node, context)) {
+            return
+          }
+          const ctx = getVueComponentContext(vueData.node)
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromExpression(node, false)
+          ctx.verifyReferences(propertyReferences)
+        }
+      }),
+      {
+        'Program:exit'() {
+          const ctx = getVueComponentContextForTemplate()
+          if (!ctx) {
+            return
+          }
+          const styleVars = getStyleVariablesContext(context)
+          if (styleVars) {
+            ctx.verifyReferences(
+              propertyReferenceExtractor.extractFromStyleVariablesContext(
+                styleVars
+              )
+            )
+          }
+        }
+      }
+    )
+
+    const templateVisitor = {
+      /**
+       * @param {VExpressionContainer} node
+       */
+      VExpressionContainer(node) {
+        const ctx = getVueComponentContextForTemplate()
+        if (!ctx) {
+          return
+        }
+        ctx.verifyReferences(
+          propertyReferenceExtractor.extractFromVExpressionContainer(node, {
+            ignoreGlobals: true
+          })
+        )
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      templateVisitor,
+      scriptVisitor
+    )
+  }
+}
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 722e95c31..00da49d63 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -115,14 +115,6 @@ function getScope(context, currentNode) {
   return scopeManager.scopes[0]
 }
 
-/**
- * Extract names from references objects.
- * @param {VReference[]} references
- */
-function getReferences(references) {
-  return references.filter((ref) => ref.variable == null).map((ref) => ref.id)
-}
-
 /**
  * @param {RuleContext} context
  * @param {Identifier} id
@@ -503,7 +495,10 @@ module.exports = {
               const watcher = watcherOrExpose
               // Process `watch: { foo /* <- this */ () {} }`
               container.propertyReferences.push(
-                propertyReferenceExtractor.extractFromPath(watcher.name)
+                propertyReferenceExtractor.extractFromPath(
+                  watcher.name,
+                  watcher.node
+                )
               )
 
               // Process `watch: { x: 'foo' /* <- this */  }`
@@ -513,24 +508,21 @@ module.exports = {
                   for (const handlerValueNode of utils.iterateWatchHandlerValues(
                     property
                   )) {
-                    if (
-                      handlerValueNode.type === 'Literal' ||
-                      handlerValueNode.type === 'TemplateLiteral'
-                    ) {
-                      const name = utils.getStringLiteralValue(handlerValueNode)
-                      if (name != null) {
-                        container.propertyReferences.push(
-                          propertyReferenceExtractor.extractFromName(name)
-                        )
-                      }
-                    }
+                    container.propertyReferences.push(
+                      propertyReferenceExtractor.extractFromNameLiteral(
+                        handlerValueNode
+                      )
+                    )
                   }
                 }
               }
             } else if (watcherOrExpose.groupName === GROUP_EXPOSE) {
               const expose = watcherOrExpose
               container.propertyReferences.push(
-                propertyReferenceExtractor.extractFromName(expose.name)
+                propertyReferenceExtractor.extractFromName(
+                  expose.name,
+                  expose.node
+                )
               )
             }
           }
@@ -630,13 +622,11 @@ module.exports = {
         'Program:exit'(node) {
           const styleVars = getStyleVariablesContext(context)
           if (styleVars) {
-            for (const { id } of styleVars.references) {
-              templatePropertiesContainer.propertyReferences.push(
-                propertyReferenceExtractor.extractFromName(id.name, () =>
-                  propertyReferenceExtractor.extractFromExpression(id, true)
-                )
+            templatePropertiesContainer.propertyReferences.push(
+              propertyReferenceExtractor.extractFromStyleVariablesContext(
+                styleVars
               )
-            }
+            )
           }
           if (!node.templateBody) {
             reportUnusedProperties()
@@ -650,13 +640,9 @@ module.exports = {
        * @param {VExpressionContainer} node
        */
       VExpressionContainer(node) {
-        for (const id of getReferences(node.references)) {
-          templatePropertiesContainer.propertyReferences.push(
-            propertyReferenceExtractor.extractFromName(id.name, () =>
-              propertyReferenceExtractor.extractFromExpression(id, true)
-            )
-          )
-        }
+        templatePropertiesContainer.propertyReferences.push(
+          propertyReferenceExtractor.extractFromVExpressionContainer(node)
+        )
       },
       /**
        * @param {VAttribute} node
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 2291ea717..f375170c3 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -9,7 +9,7 @@ const utils = require('./index')
 const eslintUtils = require('eslint-utils')
 
 /**
- * @typedef {'props' | 'data' | 'computed' | 'methods' | 'setup'} Group
+ * @typedef {import('./style-variables').StyleVariablesContext} StyleVariablesContext
  */
 /**
  * @typedef {object} IHasPropertyOption
@@ -18,6 +18,7 @@ const eslintUtils = require('eslint-utils')
 /**
  * @typedef {object} IPropertyReferences
  * @property { (name: string, option?: IHasPropertyOption) => boolean } hasProperty
+ * @property { () => Map<string, {nodes:ASTNode[]}> } allProperties
  * @property { (name: string) => IPropertyReferences } getNest
  */
 
@@ -28,12 +29,14 @@ const eslintUtils = require('eslint-utils')
 /** @type {IPropertyReferences} */
 const ANY = {
   hasProperty: () => true,
+  allProperties: () => new Map(),
   getNest: () => ANY
 }
 
 /** @type {IPropertyReferences} */
 const NEVER = {
   hasProperty: () => false,
+  allProperties: () => new Map(),
   getNest: () => NEVER
 }
 
@@ -186,6 +189,10 @@ function definePropertyReferenceExtractor(context) {
       return name === this.name
     }
 
+    allProperties() {
+      return new Map([[this.name, { nodes: [this.node.property] }]])
+    }
+
     /**
      * @param {string} name
      * @returns {IPropertyReferences}
@@ -213,6 +220,14 @@ function definePropertyReferenceExtractor(context) {
       return Boolean(this.properties[name])
     }
 
+    allProperties() {
+      const result = new Map()
+      for (const [name, nodes] of Object.entries(this.properties)) {
+        result.set(name, { nodes: nodes.map((node) => node.key) })
+      }
+      return result
+    }
+
     /**
      * @param {string} name
      * @returns {IPropertyReferences}
@@ -429,6 +444,7 @@ function definePropertyReferenceExtractor(context) {
         hasProperty(_name, options) {
           return Boolean(options && options.unknownCallAsAny)
         },
+        allProperties: () => new Map(),
         getNest: () => ANY
       }
     }
@@ -446,6 +462,7 @@ function definePropertyReferenceExtractor(context) {
         hasProperty(_name, options) {
           return Boolean(options && options.unknownCallAsAny)
         },
+        allProperties: () => new Map(),
         getNest: () => ANY
       }
     }
@@ -482,9 +499,10 @@ function definePropertyReferenceExtractor(context) {
   /**
    * Extract the property references from path.
    * @param {string} pathString
+   * @param {Identifier | Literal | TemplateLiteral} node
    * @returns {IPropertyReferences}
    */
-  function extractFromPath(pathString) {
+  function extractFromPath(pathString, node) {
     return extractFromSegments(pathString.split('.'))
 
     /**
@@ -498,21 +516,45 @@ function definePropertyReferenceExtractor(context) {
       const segmentName = segments[0]
       return {
         hasProperty: (name) => name === segmentName,
+        allProperties: () => new Map([[segmentName, { nodes: [node] }]]),
         getNest: (name) =>
           name === segmentName ? extractFromSegments(segments.slice(1)) : NEVER
       }
     }
   }
 
+  /**
+   * Extract the property references from name literal.
+   * @param {Expression} node
+   * @returns {IPropertyReferences}
+   */
+  function extractFromNameLiteral(node) {
+    const referenceName =
+      node.type === 'Literal' || node.type === 'TemplateLiteral'
+        ? utils.getStringLiteralValue(node)
+        : null
+    if (referenceName) {
+      return {
+        hasProperty: (name) => name === referenceName,
+        allProperties: () => new Map([[referenceName, { nodes: [node] }]]),
+        getNest: (name) => (name === referenceName ? ANY : NEVER)
+      }
+    } else {
+      return NEVER
+    }
+  }
+
   /**
    * Extract the property references from name.
    * @param {string} referenceName
+   * @param {Expression|SpreadElement} nameNode
    * @param { () => IPropertyReferences } [getNest]
    * @returns {IPropertyReferences}
    */
-  function extractFromName(referenceName, getNest) {
+  function extractFromName(referenceName, nameNode, getNest) {
     return {
       hasProperty: (name) => name === referenceName,
+      allProperties: () => new Map([[referenceName, { nodes: [nameNode] }]]),
       getNest: (name) =>
         name === referenceName ? (getNest ? getNest() : ANY) : NEVER
     }
@@ -534,7 +576,7 @@ function definePropertyReferenceExtractor(context) {
       // unknown name
       return ANY
     }
-    return extractFromName(refName, () => {
+    return extractFromName(refName, nameNode, () => {
       return extractFromExpression(node, false).getNest('value')
     })
   }
@@ -548,15 +590,67 @@ function definePropertyReferenceExtractor(context) {
     const base = extractFromExpression(node, false)
     return {
       hasProperty: (name, option) => base.hasProperty(name, option),
+      allProperties: () => base.allProperties(),
       getNest: (name) => base.getNest(name).getNest('value')
     }
   }
+
+  /**
+   * Extract the property references from VExpressionContainer.
+   * @param {VExpressionContainer} node
+   * @param {object} [options]
+   * @param {boolean} [options.ignoreGlobals]
+   * @returns {IPropertyReferences}
+   */
+  function extractFromVExpressionContainer(node, options) {
+    const ignoreGlobals = options && options.ignoreGlobals
+
+    /** @type { (name:string)=>boolean } */
+    let ignoreRef = () => false
+    if (ignoreGlobals) {
+      const globalScope =
+        context.getSourceCode().scopeManager.globalScope ||
+        context.getSourceCode().scopeManager.scopes[0]
+
+      ignoreRef = (name) => globalScope.set.has(name)
+    }
+    const references = []
+    for (const id of node.references
+      .filter((ref) => ref.variable == null)
+      .map((ref) => ref.id)) {
+      if (ignoreRef(id.name)) {
+        continue
+      }
+      references.push(
+        extractFromName(id.name, id, () => extractFromExpression(id, true))
+      )
+    }
+    return mergePropertyReferences(references)
+  }
+  /**
+   * Extract the property references from StyleVariablesContext.
+   * @param {StyleVariablesContext} ctx
+   * @returns {IPropertyReferences}
+   */
+  function extractFromStyleVariablesContext(ctx) {
+    const references = []
+    for (const { id } of ctx.references) {
+      references.push(
+        extractFromName(id.name, id, () => extractFromExpression(id, true))
+      )
+    }
+    return mergePropertyReferences(references)
+  }
+
   return {
     extractFromExpression,
     extractFromPattern,
     extractFromFunctionParam,
     extractFromPath,
-    extractFromName
+    extractFromName,
+    extractFromNameLiteral,
+    extractFromVExpressionContainer,
+    extractFromStyleVariablesContext
   }
 }
 
@@ -594,6 +688,21 @@ class PropertyReferencesForMerge {
     return this.references.some((ref) => ref.hasProperty(name, option))
   }
 
+  allProperties() {
+    const result = new Map()
+    for (const reference of this.references) {
+      for (const [name, { nodes }] of reference.allProperties()) {
+        const r = result.get(name)
+        if (r) {
+          r.nodes = [...new Set([...r.nodes, ...nodes])]
+        } else {
+          result.set(name, { nodes: [...nodes] })
+        }
+      }
+    }
+    return result
+  }
+
   /**
    * @param {string} name
    * @returns {IPropertyReferences}
diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
index 63caf208a..3127166a4 100644
--- a/lib/utils/style-variables/index.js
+++ b/lib/utils/style-variables/index.js
@@ -1,9 +1,5 @@
 const { isVElement } = require('..')
 
-module.exports = {
-  getStyleVariablesContext
-}
-
 class StyleVariablesContext {
   /**
    * @param {RuleContext} context
@@ -31,6 +27,11 @@ class StyleVariablesContext {
   }
 }
 
+module.exports = {
+  getStyleVariablesContext,
+  StyleVariablesContext
+}
+
 /** @type {Map<VElement, StyleVariablesContext>} */
 const cache = new Map()
 /**
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
new file mode 100644
index 000000000..09e16bda9
--- /dev/null
+++ b/tests/lib/rules/no-undef-properties.js
@@ -0,0 +1,1074 @@
+/**
+ * @fileoverview Disallow undefined properties.
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-undef-properties')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-undef-properties', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :attr="foo"> {{ bar }} </div>
+      </template>
+      <script>
+        export default {
+          props: ['foo'],
+          data () {
+            return {
+              bar: 42
+            }
+          },
+          created() {
+            this.baz()
+          },
+          methods: {
+            baz() {}
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :attr="foo"> {{ bar }} </div>
+      </template>
+      <script>
+        export default {
+          inject: ['foo'],
+          setup() {
+            return {
+              bar: 42
+            }
+          },
+          computed: {
+            baz() {
+              return 42
+            }
+          },
+          created() {
+            console.log(this.baz)
+          }
+        };
+      </script>
+      `
+    },
+    //default ignores
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>{{ $t('foo') }}</div>
+      </template>
+      <script>
+        export default {
+          mounted() {
+            const hash = this.$route.hash
+            this.$on('click', this.click)
+          },
+          methods: {
+            click() {
+              this.$nextTick()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      // global in template
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>{{ undefined }}</div>
+      </template>
+      <script>
+        export default {
+        }
+      </script>
+      `
+    },
+
+    //watch
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['foo'],
+          watch: {
+            foo: 'bar'
+          },
+          methods: {
+            bar() {}
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar :42
+              }
+            }
+          },
+          watch: {
+            'foo.bar': 'baz'
+          },
+          methods: {
+            baz() {}
+          }
+        };
+      </script>
+      `
+    },
+
+    // props
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['foo'],
+          data (props) {
+            return {
+              bar: props.foo
+            }
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['foo'],
+          setup (props) {
+            return {
+              bar: props.foo
+            }
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          functional: true,
+          props: ['foo'],
+          render (_, {props}) {
+            return h(props.foo)
+          }
+        };
+      </script>
+      `
+    },
+
+    // arg vm
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {return {foo:42}},
+          render (vm) {
+            return h(vm.foo)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {return {foo:42}},
+          computed: { p: (vm) => vm.foo }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {return {foo:42}},
+          computed: { p: { get: (vm) => vm.foo } }
+        };
+      </script>
+      `
+    },
+
+    // deep
+    {
+      filename: 'test.vue',
+      code: `
+      <template> {{ foo.bar }} </template>
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template> {{ foo.bar.baz }} </template>
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: {
+                  baz: 42
+                }
+              }
+            }
+          },
+        };
+      </script>
+      `
+    },
+
+    // track
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+
+        function fn(vm) {
+          return vm.foo
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const fn = function(vm) {
+          return vm.foo
+        }
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function a(vm) {
+          return vm.foo
+        }
+        const fn = a
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function a(vm) {
+          return vm.foo2
+        }
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            b(this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function a(vm) {
+          return vm.foo2
+        }
+        const b = unknown
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            b(this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function a(vm) {
+          return vm.foo2
+        }
+        let b = a
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            b(this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function fn( { foo } = {} ) {
+        }
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            const { foo = 42 } = this
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+          mounted() {
+            const { foo : { bar = 42 } = {} } = this
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+          mounted() {
+            ({ foo : { bar: v = 42 } = {} } = this)
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: 41
+            }
+          },
+          mounted() {
+            const vm = this
+            vm.foo
+          }
+        };
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+          mounted() {
+            const vm = this
+            ;(vm?.foo)?.bar
+          }
+        };
+      </script>
+      `
+    }
+  ],
+
+  invalid: [
+    // undef property
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :attr="foo2"> {{ bar2 }} </div>
+      </template>
+      <script>
+        export default {
+          props: ['foo'],
+          data () {
+            return {
+              bar: 42
+            }
+          },
+          created() {
+            this.baz2()
+          },
+          methods: {
+            baz() {}
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 3
+        },
+        {
+          message: "'bar2' is not defined.",
+          line: 3
+        },
+        {
+          message: "'baz2' is not defined.",
+          line: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :attr="foo2"> {{ bar2 }} </div>
+      </template>
+      <script>
+        export default {
+          inject: ['foo'],
+          setup() {
+            return {
+              bar: 42
+            }
+          },
+          computed: {
+            baz() {
+              return 42
+            }
+          },
+          created() {
+            console.log(this.baz2)
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 3
+        },
+        {
+          message: "'bar2' is not defined.",
+          line: 3
+        },
+        {
+          message: "'baz2' is not defined.",
+          line: 19
+        }
+      ]
+    },
+
+    // same names
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :attr="foo2"> {{ foo2 }} </div>
+      </template>
+      <script>
+        export default {
+          props: ['foo'],
+          created() {
+            this.foo2
+
+            this.foo2
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 9
+        }
+      ]
+    },
+
+    //watch
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['foo'],
+          watch: {
+            foo2: 'bar2'
+          },
+          methods: {
+            bar() {}
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 6
+        },
+        {
+          message: "'bar2' is not defined.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar :42
+              }
+            }
+          },
+          watch: {
+            'foo2.bar': 'baz',
+            'foo.bar2': 'baz',
+          },
+          methods: {
+            baz() {}
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 12
+        },
+        {
+          message: "'foo.bar2' is not defined.",
+          line: 13
+        }
+      ]
+    },
+
+    // props
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            foo () {}
+          },
+          data (props) {
+            return {
+              bar: props.foo
+            }
+          }
+        };
+      </script>
+      `,
+      errors: ["'foo' is not defined in props."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            foo () {}
+          },
+          setup (props) {
+            return {
+              bar: props.foo
+            }
+          }
+        };
+      </script>
+      `,
+      errors: ["'foo' is not defined in props."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          functional: true,
+          computed: {
+            foo () {}
+          },
+          render (_, {props}) {
+            return h(props.foo)
+          }
+        };
+      </script>
+      `,
+      errors: ["'foo' is not defined in props."]
+    },
+
+    // arg vm
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {return {foo:42}},
+          render (vm) {
+            return h(vm.bar)
+          }
+        };
+      </script>
+      `,
+      errors: ["'bar' is not defined."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {return {foo:42}},
+          computed: { p: (vm) => vm.bar }
+        };
+      </script>
+      `,
+      errors: ["'bar' is not defined."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {return {foo:42}},
+          computed: { p: { get: (vm) => vm.bar } }
+        };
+      </script>
+      `,
+      errors: ["'bar' is not defined."]
+    },
+
+    // deep
+    {
+      filename: 'test.vue',
+      code: `
+      <template> {{ foo.baz }} </template>
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+        };
+      </script>
+      `,
+      errors: ["'foo.baz' is not defined."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template> {{ foo.bar.baz2 }} </template>
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: {
+                  baz: 42
+                }
+              }
+            }
+          },
+        };
+      </script>
+      `,
+      errors: ["'foo.bar.baz2' is not defined."]
+    },
+
+    // track
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+
+        function fn(vm) {
+          return vm.foo2
+        }
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const fn = function(vm) {
+          return vm.foo2
+        }
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function a(vm) {
+          return vm.foo2
+        }
+        const fn = a
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        function fn( { foo2 } = {} ) {
+        }
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            fn(this)
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: 42
+            }
+          },
+          mounted() {
+            const { foo2 = 42 } = this
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+          mounted() {
+            const { foo : { bar2 = 42 } = {} } = this
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo.bar2' is not defined.",
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+          mounted() {
+            ({ foo : { bar2: v = 42 } = {} } = this)
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo.bar2' is not defined.",
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: 41
+            }
+          },
+          mounted() {
+            const vm = this
+            vm.foo2
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo2' is not defined.",
+          line: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 42
+              }
+            }
+          },
+          mounted() {
+            const vm = this
+            ;(vm?.foo)?.bar2
+          }
+        };
+      </script>
+      `,
+      errors: [
+        {
+          message: "'foo.bar2' is not defined.",
+          line: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- ✓ GOOD -->
+        <div>{{ name }}: {{ count }}</div>
+        <!-- ✗ BAD -->
+        <div>{{ label }}: {{ cnt }}</div>
+      </template>
+      <script setup>
+      const prop = defineProps(['name', 'def'])
+      let count = 0
+
+      /* ✓ GOOD */
+      watch(() => prop.def, () => console.log('Updated!'))
+
+      /* ✗ BAD */
+      watch(() => prop.undef, () => console.log('Updated!'))
+      </script>
+      `,
+      errors: [
+        {
+          message: "'label' is not defined.",
+          line: 6
+        },
+        {
+          message: "'cnt' is not defined.",
+          line: 6
+        },
+        {
+          message: "'undef' is not defined.",
+          line: 16
+        }
+      ]
+    }
+  ]
+})

From a70175e17f064fc5cb4176e3582acc5779801ece Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 6 Oct 2021 17:18:53 +0900
Subject: [PATCH 0386/1010] Fix false positives for function args in
 `vue/valid-define-emits` and `vue/valid-define-props` rules (#1652)

---
 lib/rules/valid-define-emits.js       | 10 ++++++----
 lib/rules/valid-define-props.js       | 10 ++++++----
 tests/lib/rules/valid-define-emits.js | 12 ++++++++++++
 tests/lib/rules/valid-define-props.js | 15 +++++++++++++++
 4 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 6b79e83cc..1fabbc025 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -70,8 +70,8 @@ module.exports = {
           }
         },
         Identifier(node) {
-          for (const def of emitsDefExpressions) {
-            if (utils.inRange(def.range, node)) {
+          for (const defineEmits of emitsDefExpressions) {
+            if (utils.inRange(defineEmits.range, node)) {
               const variable = findVariable(context.getScope(), node)
               if (
                 variable &&
@@ -79,8 +79,10 @@ module.exports = {
               ) {
                 if (
                   variable.defs.length &&
-                  variable.defs.every((def) =>
-                    utils.inRange(scriptSetup.range, def.name)
+                  variable.defs.every(
+                    (def) =>
+                      utils.inRange(scriptSetup.range, def.name) &&
+                      !utils.inRange(defineEmits.range, def.name)
                   )
                 ) {
                   //`defineEmits` are referencing locally declared variables.
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 613916659..b67af7c8c 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -71,8 +71,8 @@ module.exports = {
           }
         },
         Identifier(node) {
-          for (const def of propsDefExpressions) {
-            if (utils.inRange(def.range, node)) {
+          for (const defineProps of propsDefExpressions) {
+            if (utils.inRange(defineProps.range, node)) {
               const variable = findVariable(context.getScope(), node)
               if (
                 variable &&
@@ -80,8 +80,10 @@ module.exports = {
               ) {
                 if (
                   variable.defs.length &&
-                  variable.defs.every((def) =>
-                    utils.inRange(scriptSetup.range, def.name)
+                  variable.defs.every(
+                    (def) =>
+                      utils.inRange(scriptSetup.range, def.name) &&
+                      !utils.inRange(defineProps.range, def.name)
                   )
                 ) {
                   //`defineProps` are referencing locally declared variables.
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 309375e94..542805848 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -61,6 +61,18 @@ tester.run('valid-define-emits', rule, {
         defineEmits(def)
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineEmits({
+          notify (payload) {
+            return typeof payload === 'string'
+          }
+        })
+      </script>
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index 0bd49f171..cb1f50daf 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -61,6 +61,21 @@ tester.run('valid-define-props', rule, {
         defineProps(def)
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineProps({
+          addFunction: {
+            type: Function,
+            default (a, b) {
+              return a + b
+            }
+          }
+        })
+      </script>
+      `
     }
   ],
   invalid: [

From dc48d1ccfdfa38965c550b1d34f872842651cc75 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 7 Oct 2021 17:25:53 +0900
Subject: [PATCH 0387/1010] Add `vue/no-computed-properties-in-data` rule
 (#1653)

---
 docs/rules/README.md                          |   1 +
 docs/rules/no-computed-properties-in-data.md  |  45 ++++++
 lib/index.js                                  |   1 +
 lib/rules/no-computed-properties-in-data.js   | 108 +++++++++++++++
 .../rules/no-computed-properties-in-data.js   | 130 ++++++++++++++++++
 tools/new-rule.js                             |   2 +-
 6 files changed, 286 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-computed-properties-in-data.md
 create mode 100644 lib/rules/no-computed-properties-in-data.js
 create mode 100644 tests/lib/rules/no-computed-properties-in-data.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index c15454cba..3f65e92c4 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -300,6 +300,7 @@ For example:
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
+| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
 | [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
new file mode 100644
index 000000000..6bed30aae
--- /dev/null
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -0,0 +1,45 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-computed-properties-in-data
+description: disallow accessing computed properties in `data`.
+---
+# vue/no-computed-properties-in-data
+
+> disallow accessing computed properties in `data`.
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule disallow accessing computed properties in `data()`.  
+The computed property cannot be accessed in `data()` because is before initialization.
+
+<eslint-code-block :rules="{'vue/no-computed-properties-in-data': ['error']}">
+
+```vue
+<script>
+export default {
+  data() {
+    return  {
+      /* ✗ BAD */
+      bar: this.foo
+    }
+  },
+  computed: {
+    foo () {}
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-computed-properties-in-data.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-computed-properties-in-data.js)
diff --git a/lib/index.js b/lib/index.js
index c599048d0..b4f4d4a6f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -56,6 +56,7 @@ module.exports = {
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-bare-strings-in-template': require('./rules/no-bare-strings-in-template'),
     'no-boolean-default': require('./rules/no-boolean-default'),
+    'no-computed-properties-in-data': require('./rules/no-computed-properties-in-data'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
diff --git a/lib/rules/no-computed-properties-in-data.js b/lib/rules/no-computed-properties-in-data.js
new file mode 100644
index 000000000..b2f52031f
--- /dev/null
+++ b/lib/rules/no-computed-properties-in-data.js
@@ -0,0 +1,108 @@
+/**
+ * @author  Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('../utils').VueObjectData} VueObjectData
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow accessing computed properties in `data`.',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-computed-properties-in-data.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      cannotBeUsed:
+        'The computed property cannot be used in `data()` because it is before initialization.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {Map<ObjectExpression, {data: FunctionExpression | ArrowFunctionExpression, computedNames:Set<string>}>} */
+    const contextMap = new Map()
+
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
+
+    return utils.compositingVisitors(
+      {
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         */
+        ':function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            node
+          }
+        },
+        ':function:exit'() {
+          scopeStack = scopeStack && scopeStack.upper
+        }
+      },
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          const dataProperty = utils.findProperty(node, 'data')
+          if (
+            !dataProperty ||
+            (dataProperty.value.type !== 'FunctionExpression' &&
+              dataProperty.value.type !== 'ArrowFunctionExpression')
+          ) {
+            return
+          }
+          const computedNames = new Set()
+          for (const computed of utils.iterateProperties(
+            node,
+            new Set(['computed'])
+          )) {
+            computedNames.add(computed.name)
+          }
+
+          contextMap.set(node, { data: dataProperty.value, computedNames })
+        },
+        /**
+         * @param {MemberExpression} node
+         * @param {VueObjectData} vueData
+         */
+        MemberExpression(node, vueData) {
+          if (!scopeStack || !utils.isThis(node.object, context)) {
+            return
+          }
+          const ctx = contextMap.get(vueData.node)
+          if (!ctx || ctx.data !== scopeStack.node) {
+            return
+          }
+          const name = utils.getStaticPropertyName(node)
+          if (!name || !ctx.computedNames.has(name)) {
+            return
+          }
+          context.report({
+            node,
+            messageId: 'cannotBeUsed'
+          })
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-computed-properties-in-data.js b/tests/lib/rules/no-computed-properties-in-data.js
new file mode 100644
index 000000000..a352d4419
--- /dev/null
+++ b/tests/lib/rules/no-computed-properties-in-data.js
@@ -0,0 +1,130 @@
+/**
+ * @author  Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-computed-properties-in-data')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-computed-properties-in-data', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {
+          const foo = this.foo
+          return {}
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {
+          const foo = this.foo()
+          return {}
+        },
+        methods: {
+          foo() {}
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: ['foo'],
+        data() {
+          const foo = this.foo
+          return {}
+        },
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data: {
+          foo: this.foo
+        },
+        computed: {
+          foo () {}
+        }
+      }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {
+          const foo = this.foo
+          return  {}
+        },
+        computed: {
+          foo () {}
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The computed property cannot be used in `data()` because it is before initialization.',
+          line: 5,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {
+          const vm = this
+          const foo = vm.foo
+          return  {}
+        },
+        computed: {
+          foo () {}
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The computed property cannot be used in `data()` because it is before initialization.',
+          line: 6,
+          column: 23
+        }
+      ]
+    }
+  ]
+})
diff --git a/tools/new-rule.js b/tools/new-rule.js
index 68a8b440c..3009dfdd3 100644
--- a/tools/new-rule.js
+++ b/tools/new-rule.js
@@ -32,7 +32,7 @@ const logger = console
 // Requirements
 // ------------------------------------------------------------------------------
 
-// ...
+const utils = require('../utils')
 
 // ------------------------------------------------------------------------------
 // Helpers

From 7bca4d31dd712b3822a1fc2a29ee3a12de96088e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 12 Oct 2021 12:03:26 +0900
Subject: [PATCH 0388/1010] Change peer deps eslint ver from `^6.2.0 || ^7.0.0
 || ^8.0.0-0` to `^6.2.0 || ^7.0.0 || ^8.0.0` and change to use ESLint v8.
 (#1654)

* Change peer deps eslint ver from `^6.2.0 || ^7.0.0 || ^8.0.0-0` to `^6.2.0 || ^7.0.0 || ^8.0.0` and change to use ESLint v8.

* update

* update
---
 .circleci/config.yml                          |  4 +--
 docs/.eslintrc.js                             |  7 +++++
 .../components/eslint-code-block.vue          | 12 +++-----
 docs/.vuepress/config.js                      | 10 ++++++-
 docs/.vuepress/enhanceApp.js                  | 28 +++++++++++++++++++
 docs/.vuepress/shim/eslint.js                 |  4 +++
 docs/.vuepress/shim/eslint/index.js           |  2 --
 docs/.vuepress/shim/eslint/lib/rules/index.js |  0
 package.json                                  | 17 ++++++-----
 9 files changed, 62 insertions(+), 22 deletions(-)
 create mode 100644 docs/.eslintrc.js
 create mode 100644 docs/.vuepress/enhanceApp.js
 create mode 100644 docs/.vuepress/shim/eslint.js
 delete mode 100644 docs/.vuepress/shim/eslint/index.js
 delete mode 100644 docs/.vuepress/shim/eslint/lib/rules/index.js

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 7d8f4bcde..7ecc73606 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -62,9 +62,9 @@ jobs:
           command: npm version
       - checkout
       - run:
-          name: Install @typescript-eslint/parser@4
+          name: Install eslint@7 and @typescript-eslint/parser@4
           command: |
-            npm install @typescript-eslint/parser@^4
+            npm install eslint@7 @typescript-eslint/parser@^4
       - run:
           name: Install dependencies
           command: npm install
diff --git a/docs/.eslintrc.js b/docs/.eslintrc.js
new file mode 100644
index 000000000..1ec3b7eae
--- /dev/null
+++ b/docs/.eslintrc.js
@@ -0,0 +1,7 @@
+'use strict'
+
+module.exports = {
+  parserOptions: {
+    sourceType: 'module'
+  }
+}
diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index 3c37c9234..2c6abd2cc 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -122,20 +122,16 @@ export default {
 
   async mounted() {
     // Load linter.
-    const [{ default: Linter }, { default: coreRules }, { parseForESLint }] =
-      await Promise.all([
-        import('eslint4b/dist/linter'),
-        import('eslint4b/dist/core-rules'),
-        import('espree').then(() => import('vue-eslint-parser'))
-      ])
+    const [{ Linter }, { parseForESLint }] = await Promise.all([
+      import('eslint/lib/linter'),
+      import('espree').then(() => import('vue-eslint-parser'))
+    ])
 
     const linter = (this.linter = new Linter())
 
     for (const ruleId of Object.keys(rules)) {
       linter.defineRule(`vue/${ruleId}`, rules[ruleId])
     }
-    linter.defineRule('no-undef', coreRules['no-undef'])
-    linter.defineRule('no-unused-vars', coreRules['no-unused-vars'])
 
     linter.defineParser('vue-eslint-parser', { parseForESLint })
   }
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index c0a406166..5bcb7913b 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -124,7 +124,15 @@ module.exports = {
       resolve: {
         alias: {
           module: require.resolve('./shim/module'),
-          eslint: path.resolve(__dirname, './shim/eslint')
+          eslint$: require.resolve('./shim/eslint'),
+          esquery: path.resolve(
+            __dirname,
+            '../../node_modules/esquery/dist/esquery.min.js'
+          ),
+          '@eslint/eslintrc/universal': path.resolve(
+            __dirname,
+            '../../node_modules/@eslint/eslintrc/dist/eslintrc-universal.cjs'
+          )
         }
       }
     }
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
new file mode 100644
index 000000000..dc7e30771
--- /dev/null
+++ b/docs/.vuepress/enhanceApp.js
@@ -0,0 +1,28 @@
+/* globals window */
+export default (
+  // eslint-disable-next-line no-empty-pattern
+  {
+    //     Vue, // the version of Vue being used in the VuePress app
+    //     options, // the options for the root Vue instance
+    //     router, // the router instance for the app
+    //     siteData, // site metadata
+  }
+) => {
+  if (typeof window !== 'undefined') {
+    if (typeof window.process === 'undefined') {
+      window.process = new Proxy(
+        {
+          env: {},
+          cwd: () => undefined
+        },
+        {
+          get(target, name) {
+            // For debug
+            // console.log(name)
+            return target[name]
+          }
+        }
+      )
+    }
+  }
+}
diff --git a/docs/.vuepress/shim/eslint.js b/docs/.vuepress/shim/eslint.js
new file mode 100644
index 000000000..08af6dfcd
--- /dev/null
+++ b/docs/.vuepress/shim/eslint.js
@@ -0,0 +1,4 @@
+const { Linter } = require('eslint/lib/linter')
+module.exports = {
+  Linter
+}
diff --git a/docs/.vuepress/shim/eslint/index.js b/docs/.vuepress/shim/eslint/index.js
deleted file mode 100644
index e32cb598f..000000000
--- a/docs/.vuepress/shim/eslint/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const Linter = require('eslint4b')
-module.exports = { Linter }
diff --git a/docs/.vuepress/shim/eslint/lib/rules/index.js b/docs/.vuepress/shim/eslint/lib/rules/index.js
deleted file mode 100644
index e69de29bb..000000000
diff --git a/package.json b/package.json
index 16e6ead6e..37075adcf 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "node": ">=8.10"
   },
   "peerDependencies": {
-    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0-0"
+    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
   },
   "dependencies": {
     "eslint-utils": "^2.1.0",
@@ -60,7 +60,7 @@
     "vue-eslint-parser": "^7.10.0"
   },
   "devDependencies": {
-    "@types/eslint": "^7.2.0",
+    "@types/eslint": "^7.28.1",
     "@types/eslint-visitor-keys": "^1.0.0",
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
@@ -69,20 +69,19 @@
     "@vuepress/plugin-pwa": "^1.4.1",
     "acorn": "^8.5.0",
     "env-cmd": "^10.1.0",
-    "eslint": "^7.0.0",
+    "eslint": "^8.0.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-eslint-plugin": "^3.5.3",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
-    "eslint4b": "^7.0.0",
     "espree": "^9.0.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "mocha": "^7.1.2",
-    "nyc": "^15.0.1",
-    "prettier": "^2.1.1",
-    "typescript": "^4.3.4",
+    "nyc": "^15.1.0",
+    "prettier": "^2.4.1",
+    "typescript": "^4.4.3",
     "vue-eslint-editor": "^1.1.0",
-    "vuepress": "^1.4.1"
+    "vuepress": "^1.8.2"
   }
 }

From 00c3b991a4a5e784390075c90a06689ba16b4fdf Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 18 Oct 2021 10:36:22 +0900
Subject: [PATCH 0389/1010] Improve no-use-computed-property-like-method rule
 (#1659)

- Change to track variables to check types.
- Change to track the conditional expression to check types.
- Change condition to track branch and return to check types.
- Change to check the expressions in template as well.
- Fix known bugs.
---
 lib/rules/no-undef-properties.js              |  15 +-
 lib/rules/no-unused-properties.js             |  38 +-
 .../no-use-computed-property-like-method.js   | 671 +++++++++++++-----
 lib/utils/index.js                            |  62 ++
 lib/utils/property-references.js              |  40 +-
 .../no-use-computed-property-like-method.js   | 341 ++++++++-
 6 files changed, 907 insertions(+), 260 deletions(-)

diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 0acf49f15..fdd506cc5 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -235,7 +235,7 @@ module.exports = {
     function getVueComponentContextForTemplate() {
       const keys = [...vueComponentContextMap.keys()]
       const exported =
-        keys.find(isScriptSetupProgram) || keys.find(isExportObject)
+        keys.find(isScriptSetupProgram) || keys.find(utils.isInExportDefault)
       return exported && vueComponentContextMap.get(exported)
 
       /**
@@ -244,19 +244,6 @@ module.exports = {
       function isScriptSetupProgram(node) {
         return node === programNode
       }
-      /**
-       * @param {ASTNode} node
-       */
-      function isExportObject(node) {
-        let parent = node.parent
-        while (parent) {
-          if (parent.type === 'ExportDefaultDeclaration') {
-            return true
-          }
-          parent = parent.parent
-        }
-        return false
-      }
     }
 
     /**
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 00da49d63..0a36c6579 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -79,49 +79,13 @@ const PROPERTY_LABEL = {
 // Helpers
 // ------------------------------------------------------------------------------
 
-/**
- * Find the variable of a given name.
- * @param {RuleContext} context The rule context
- * @param {Identifier} node The variable name to find.
- * @returns {Variable|null} The found variable or null.
- */
-function findVariable(context, node) {
-  return eslintUtils.findVariable(getScope(context, node), node)
-}
-/**
- * Gets the scope for the current node
- * @param {RuleContext} context The rule context
- * @param {ESNode} currentNode The node to get the scope of
- * @returns { import('eslint').Scope.Scope } The scope information for this node
- */
-function getScope(context, currentNode) {
-  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
-  const inner = currentNode.type !== 'Program'
-  const scopeManager = context.getSourceCode().scopeManager
-
-  /** @type {ESNode | null} */
-  let node = currentNode
-  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
-    const scope = scopeManager.acquire(node, inner)
-
-    if (scope) {
-      if (scope.type === 'function-expression-name') {
-        return scope.childScopes[0]
-      }
-      return scope
-    }
-  }
-
-  return scopeManager.scopes[0]
-}
-
 /**
  * @param {RuleContext} context
  * @param {Identifier} id
  * @returns {Expression}
  */
 function findExpression(context, id) {
-  const variable = findVariable(context, id)
+  const variable = utils.findVariableByIdentifier(context, id)
   if (!variable) {
     return id
   }
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index c1c8ca765..d5c4430d7 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -11,21 +11,99 @@ const eslintUtils = require('eslint-utils')
 const utils = require('../utils')
 
 /**
- * @typedef {import('../utils').ComponentPropertyData} ComponentPropertyData
+ * @typedef {import('eslint').Scope.Scope} Scope
  * @typedef {import('../utils').ComponentObjectPropertyData} ComponentObjectPropertyData
  * @typedef {import('../utils').GroupName} GroupName
- *
- * @typedef {{[key: string]: ComponentPropertyData & { valueType: { type: string | null } }}} PropertyMap
  */
+
+/**
+ * @typedef {object} CallMember
+ * @property {string} name
+ * @property {CallExpression} node
+ */
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/** @type {Set<GroupName>} */
+const GROUPS = new Set(['data', 'props', 'computed', 'methods'])
+
+const NATIVE_NOT_FUNCTION_TYPES = new Set([
+  'String',
+  'Number',
+  'BigInt',
+  'Boolean',
+  'Object',
+  'Array',
+  'Symbol'
+])
+
+/**
+ * @param {RuleContext} context
+ * @param {Expression} node
+ * @returns {Set<Expression>}
+ */
+function resolvedExpressions(context, node) {
+  /** @type {Map<Expression, Set<Expression>>} */
+  const resolvedMap = new Map()
+
+  return resolvedExpressionsInternal(node)
+
+  /**
+   * @param {Expression} node
+   * @returns {Set<Expression>}
+   */
+  function resolvedExpressionsInternal(node) {
+    let resolvedSet = resolvedMap.get(node)
+    if (!resolvedSet) {
+      resolvedSet = new Set()
+      resolvedMap.set(node, resolvedSet)
+      for (const e of extractResolvedExpressions(node)) {
+        resolvedSet.add(e)
+      }
+    }
+
+    if (!resolvedSet.size) {
+      resolvedSet.add(node)
+    }
+
+    return resolvedSet
+  }
+  /**
+   * @param {Expression} node
+   * @returns {Iterable<Expression>}
+   */
+  function* extractResolvedExpressions(node) {
+    if (node.type === 'Identifier') {
+      const variable = utils.findVariableByIdentifier(context, node)
+      if (variable) {
+        for (const ref of variable.references) {
+          const id = ref.identifier
+          if (id.parent.type === 'VariableDeclarator') {
+            if (id.parent.id === id && id.parent.init) {
+              yield* resolvedExpressionsInternal(id.parent.init)
+            }
+          } else if (id.parent.type === 'AssignmentExpression') {
+            if (id.parent.left === id) {
+              yield* resolvedExpressionsInternal(id.parent.right)
+            }
+          }
+        }
+      }
+    } else if (node.type === 'ConditionalExpression') {
+      yield* resolvedExpressionsInternal(node.consequent)
+      yield* resolvedExpressionsInternal(node.alternate)
+    }
+  }
+}
+
 /**
  * Get type of props item.
  * Can't consider array props like: props: {propsA: [String, Number, Function]}
- * @param {ComponentObjectPropertyData} property
- * @return {string | null}
+ * @param {RuleContext} context
+ * @param {ComponentObjectPropertyData} prop
+ * @return {string[] | null}
  *
  * @example
  * props: {
@@ -35,150 +113,367 @@ const utils = require('../utils')
  *   },
  * }
  */
-const getComponentPropsType = (property) => {
+function getComponentPropsTypes(context, prop) {
+  const result = []
+  for (const expr of resolvedExpressions(context, prop.property.value)) {
+    const types = getComponentPropsTypesFromExpression(expr)
+    if (types == null) {
+      return null
+    }
+    result.push(...types)
+  }
+  return result
+
   /**
-   * Check basic props `props: { basicProps: ... }`
+   * @param {Expression} expr
    */
-  if (property.property.value.type === 'Identifier') {
-    return property.property.value.name
+  function getComponentPropsTypesFromExpression(expr) {
+    let typeExprs
+    /**
+     * Check object props `props: { objectProps: {...} }`
+     */
+    if (expr.type === 'ObjectExpression') {
+      const type = utils.findProperty(expr, 'type')
+      if (type == null) return null
+
+      typeExprs = resolvedExpressions(context, type.value)
+    } else {
+      typeExprs = [expr]
+    }
+
+    const result = []
+    for (const typeExpr of typeExprs) {
+      const types = getComponentPropsTypesFromTypeExpression(typeExpr)
+      if (types == null) {
+        return null
+      }
+      result.push(...types)
+    }
+    return result
   }
+
   /**
-   * Check object props `props: { objectProps: {...} }`
+   * @param {Expression} typeExpr
    */
-  if (property.property.value.type === 'ObjectExpression') {
-    const typeProperty = utils.findProperty(property.property.value, 'type')
-    if (typeProperty == null) return null
-
-    if (typeProperty.value.type === 'Identifier') return typeProperty.value.name
+  function getComponentPropsTypesFromTypeExpression(typeExpr) {
+    if (typeExpr.type === 'Identifier') {
+      return [typeExpr.name]
+    }
+    if (typeExpr.type === 'ArrayExpression') {
+      const types = []
+      for (const element of typeExpr.elements) {
+        if (!element) {
+          continue
+        }
+        if (element.type === 'SpreadElement') {
+          return null
+        }
+        for (const elementExpr of resolvedExpressions(context, element)) {
+          if (elementExpr.type !== 'Identifier') {
+            return null
+          }
+          types.push(elementExpr.name)
+        }
+      }
+      return types
+    }
+    return null
   }
-  return null
 }
 
 /**
- *
- * @param {any} obj
- */
-const getPrototypeType = (obj) =>
-  Object.prototype.toString.call(obj).slice(8, -1)
-
-/**
- * Get return type of property.
- * @param {{ property: ComponentPropertyData, propertyMap?: PropertyMap }} args
- * @returns {{type: string | null | 'ReturnStatementHasNotArgument'}}
+ * Check whether given expression may be a function.
+ * @param {RuleContext} context
+ * @param {Expression} node
+ * @returns {boolean}
  */
-const getValueType = ({ property, propertyMap }) => {
-  if (property.type === 'array') {
-    return {
-      type: null
+function maybeFunction(context, node) {
+  for (const expr of resolvedExpressions(context, node)) {
+    if (
+      expr.type === 'ObjectExpression' ||
+      expr.type === 'ArrayExpression' ||
+      expr.type === 'Literal' ||
+      expr.type === 'TemplateLiteral' ||
+      expr.type === 'BinaryExpression' ||
+      expr.type === 'LogicalExpression' ||
+      expr.type === 'UnaryExpression' ||
+      expr.type === 'UpdateExpression'
+    ) {
+      continue
     }
-  }
-
-  if (property.type === 'object') {
-    if (property.groupName === 'props') {
-      return {
-        type: getComponentPropsType(property)
+    if (expr.type === 'ConditionalExpression') {
+      if (
+        !maybeFunction(context, expr.consequent) &&
+        !maybeFunction(context, expr.alternate)
+      ) {
+        continue
       }
     }
+    const evaluated = eslintUtils.getStaticValue(
+      expr,
+      utils.getScope(context, expr)
+    )
+    if (!evaluated) {
+      // It could be a function because we don't know what it is.
+      return true
+    }
+    if (typeof evaluated.value === 'function') {
+      return true
+    }
+  }
+  return false
+}
 
-    if (property.groupName === 'computed' || property.groupName === 'methods') {
-      if (
-        property.property.value.type === 'FunctionExpression' &&
-        property.property.value.body.type === 'BlockStatement'
-      ) {
-        const blockStatement = property.property.value.body
+class FunctionData {
+  /**
+   * @param {string} name
+   * @param {'methods' | 'computed'} kind
+   * @param {FunctionExpression | ArrowFunctionExpression} node
+   * @param {RuleContext} context
+   */
+  constructor(name, kind, node, context) {
+    this.context = context
+    this.name = name
+    this.kind = kind
+    this.node = node
+    /** @type {(Expression | null)[]} */
+    this.returnValues = []
+    /** @type {boolean | null} */
+    this.cacheMaybeReturnFunction = null
+  }
 
-        /**
-         * Only check return statement inside computed and methods
-         */
-        const returnStatement = blockStatement.body.find(
-          (b) => b.type === 'ReturnStatement'
-        )
+  /**
+   * @param {Expression | null} node
+   */
+  addReturnValue(node) {
+    this.returnValues.push(node)
+  }
 
-        if (!returnStatement || returnStatement.type !== 'ReturnStatement')
-          return {
-            type: null
-          }
+  /**
+   * @param {ComponentStack} component
+   */
+  maybeReturnFunction(component) {
+    if (this.cacheMaybeReturnFunction != null) {
+      return this.cacheMaybeReturnFunction
+    }
+    // Avoid infinite recursion.
+    this.cacheMaybeReturnFunction = true
 
-        if (returnStatement.argument === null)
-          return {
-            type: 'ReturnStatementHasNotArgument'
-          }
+    return (this.cacheMaybeReturnFunction = this.returnValues.some(
+      (returnValue) =>
+        returnValue && component.maybeFunctionExpression(returnValue)
+    ))
+  }
+}
 
-        if (
-          property.groupName === 'computed' &&
-          propertyMap &&
-          propertyMap[property.name] &&
-          returnStatement.argument
-        ) {
-          if (
-            returnStatement.argument.type === 'MemberExpression' &&
-            returnStatement.argument.object.type === 'ThisExpression' &&
-            returnStatement.argument.property.type === 'Identifier'
-          )
-            return {
-              type: propertyMap[returnStatement.argument.property.name]
-                .valueType.type
-            }
+/** Component information class. */
+class ComponentStack {
+  /**
+   * @param {ObjectExpression} node
+   * @param {RuleContext} context
+   * @param {ComponentStack | null} upper
+   */
+  constructor(node, context, upper) {
+    this.node = node
+    this.context = context
+    /** Upper scope component */
+    this.upper = upper
 
-          if (
-            returnStatement.argument.type === 'CallExpression' &&
-            returnStatement.argument.callee.type === 'MemberExpression' &&
-            returnStatement.argument.callee.object.type === 'ThisExpression' &&
-            returnStatement.argument.callee.property.type === 'Identifier'
-          )
-            return {
-              type: propertyMap[returnStatement.argument.callee.property.name]
-                .valueType.type
-            }
-        }
+    /** @type {Map<string, boolean>} */
+    const maybeFunctions = new Map()
+    /** @type {FunctionData[]} */
+    const functions = []
 
-        /**
-         * Use value as Object even if object includes method
-         */
-        if (
-          property.groupName === 'computed' &&
-          returnStatement.argument.type === 'ObjectExpression'
-        ) {
-          return {
-            type: 'Object'
+    // Extract properties
+    for (const property of utils.iterateProperties(node, GROUPS)) {
+      if (property.type === 'array') {
+        continue
+      }
+      if (property.groupName === 'data') {
+        maybeFunctions.set(
+          property.name,
+          maybeFunction(context, property.property.value)
+        )
+      } else if (property.groupName === 'props') {
+        const types = getComponentPropsTypes(context, property)
+        maybeFunctions.set(
+          property.name,
+          !types || types.some((type) => !NATIVE_NOT_FUNCTION_TYPES.has(type))
+        )
+      } else if (property.groupName === 'computed') {
+        let value = property.property.value
+        if (value.type === 'ObjectExpression') {
+          const getProp = utils.findProperty(value, 'get')
+          if (getProp) {
+            value = getProp.value
           }
         }
+        processFunction(property.name, value, 'computed')
+      } else if (property.groupName === 'methods') {
+        const value = property.property.value
+        processFunction(property.name, value, 'methods')
+        maybeFunctions.set(property.name, true)
+      }
+    }
+    this.maybeFunctions = maybeFunctions
+    this.functions = functions
+    /** @type {CallMember[]} */
+    this.callMembers = []
+    /** @type {Map<Expression, boolean>} */
+    this.cacheMaybeFunctionExpressions = new Map()
 
-        const evaluated = eslintUtils.getStaticValue(returnStatement.argument)
-
-        if (evaluated) {
-          return {
-            type: getPrototypeType(evaluated.value)
-          }
+    /**
+     * @param {string} name
+     * @param {Expression} value
+     * @param {'methods' | 'computed'} kind
+     */
+    function processFunction(name, value, kind) {
+      if (value.type === 'FunctionExpression') {
+        functions.push(new FunctionData(name, kind, value, context))
+      } else if (value.type === 'ArrowFunctionExpression') {
+        const data = new FunctionData(name, kind, value, context)
+        if (value.expression) {
+          data.addReturnValue(value.body)
         }
+        functions.push(data)
       }
     }
+  }
 
-    const evaluated = eslintUtils.getStaticValue(property.property.value)
-
-    if (evaluated) {
-      return {
-        type: getPrototypeType(evaluated.value)
+  /**
+   * Adds the given return statement to the return value of the function.
+   * @param {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration} scopeFunction
+   * @param {ReturnStatement} returnNode
+   */
+  addReturnStatement(scopeFunction, returnNode) {
+    for (const data of this.functions) {
+      if (data.node === scopeFunction) {
+        data.addReturnValue(returnNode.argument)
+        break
       }
     }
   }
-  return {
-    type: null
+
+  verifyComponent() {
+    for (const call of this.callMembers) {
+      this.verifyCallMember(call)
+    }
   }
-}
 
-/**
- * @param {Set<GroupName>} groups
- * @param {ObjectExpression} vueNodeMap
- * @param {PropertyMap} propertyMap
- */
-const addPropertyMap = (groups, vueNodeMap, propertyMap) => {
-  const properties = utils.iterateProperties(vueNodeMap, groups)
-  for (const property of properties) {
-    propertyMap[property.name] = {
-      ...propertyMap[property.name],
-      ...property,
-      valueType: getValueType({ property, propertyMap })
+  /**
+   * @param {CallMember} call
+   */
+  verifyCallMember(call) {
+    const fnData = this.functions.find(
+      (data) => data.name === call.name && data.kind === 'computed'
+    )
+    if (!fnData) {
+      // It is not computed, or unknown.
+      return
+    }
+
+    if (!fnData.maybeReturnFunction(this)) {
+      const prefix = call.node.callee.type === 'MemberExpression' ? 'this.' : ''
+      this.context.report({
+        node: call.node,
+        messageId: 'unexpected',
+        data: {
+          likeProperty: `${prefix}${call.name}`,
+          likeMethod: `${prefix}${call.name}()`
+        }
+      })
+    }
+  }
+
+  /**
+   * Check whether given expression may be a function.
+   * @param {Expression} node
+   * @returns {boolean}
+   */
+  maybeFunctionExpression(node) {
+    const cache = this.cacheMaybeFunctionExpressions.get(node)
+    if (cache != null) {
+      return cache
+    }
+    // Avoid infinite recursion.
+    this.cacheMaybeFunctionExpressions.set(node, true)
+
+    const result = maybeFunctionExpressionWithoutCache.call(this)
+    this.cacheMaybeFunctionExpressions.set(node, result)
+    return result
+
+    /**
+     * @this {ComponentStack}
+     */
+    function maybeFunctionExpressionWithoutCache() {
+      for (const expr of resolvedExpressions(this.context, node)) {
+        if (!maybeFunction(this.context, expr)) {
+          continue
+        }
+        if (expr.type === 'MemberExpression') {
+          if (utils.isThis(expr.object, this.context)) {
+            const name = utils.getStaticPropertyName(expr)
+            if (name && !this.maybeFunctionProperty(name)) {
+              continue
+            }
+          }
+        } else if (expr.type === 'CallExpression') {
+          if (
+            expr.callee.type === 'MemberExpression' &&
+            utils.isThis(expr.callee.object, this.context)
+          ) {
+            const name = utils.getStaticPropertyName(expr.callee)
+            const fnData = this.functions.find((data) => data.name === name)
+            if (
+              fnData &&
+              fnData.kind === 'methods' &&
+              !fnData.maybeReturnFunction(this)
+            ) {
+              continue
+            }
+          }
+        } else if (expr.type === 'ConditionalExpression') {
+          if (
+            !this.maybeFunctionExpression(expr.consequent) &&
+            !this.maybeFunctionExpression(expr.alternate)
+          ) {
+            continue
+          }
+        }
+        // It could be a function because we don't know what it is.
+        return true
+      }
+      return false
+    }
+  }
+
+  /**
+   * Check whether given property name may be a function.
+   * @param {string} name
+   * @returns {boolean}
+   */
+  maybeFunctionProperty(name) {
+    const cache = this.maybeFunctions.get(name)
+    if (cache != null) {
+      return cache
+    }
+    // Avoid infinite recursion.
+    this.maybeFunctions.set(name, true)
+
+    const result = maybeFunctionPropertyWithoutCache.call(this)
+    this.maybeFunctions.set(name, result)
+    return result
+
+    /**
+     * @this {ComponentStack}
+     */
+    function maybeFunctionPropertyWithoutCache() {
+      const fnData = this.functions.find((data) => data.name === name)
+      if (fnData && fnData.kind === 'computed') {
+        return fnData.maybeReturnFunction(this)
+      }
+      // It could be a function because we don't know what it is.
+      return true
     }
   }
 }
@@ -199,63 +494,99 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @type {GroupName[]} */
-    const GROUP_NAMES = ['data', 'props', 'computed', 'methods']
-    const groups = new Set(GROUP_NAMES)
-
-    /** @type {PropertyMap} */
-    const propertyMap = Object.create(null)
-
-    return utils.defineVueVisitor(context, {
-      onVueObjectEnter(node) {
-        const properties = utils.iterateProperties(node, groups)
-
-        for (const property of properties) {
-          propertyMap[property.name] = {
-            ...propertyMap[property.name],
-            ...property,
-            valueType: getValueType({ property })
-          }
-        }
-      },
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} scopeNode
+     */
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
 
-      /** @param {ThisExpression} node */
-      'CallExpression > MemberExpression > ThisExpression'(
-        node,
-        { node: vueNode }
-      ) {
-        addPropertyMap(groups, vueNode, propertyMap)
+    /** @type {ComponentStack | null} */
+    let componentStack = null
+    /** @type {ComponentStack | null} */
+    let templateComponent = null
 
-        if (node.parent.type !== 'MemberExpression') return
-        if (node.parent.property.type !== 'Identifier') return
-        if (node.parent.parent.type !== 'CallExpression') return
-        if (node.parent.parent.callee.type !== 'MemberExpression') return
-        if (!Object.is(node.parent.parent.callee, node.parent)) return
-
-        const thisMember = node.parent.property.name
+    return utils.compositingVisitors(
+      {},
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          componentStack = new ComponentStack(node, context, componentStack)
+          if (!templateComponent && utils.isInExportDefault(node)) {
+            templateComponent = componentStack
+          }
+        },
+        onVueObjectExit() {
+          if (componentStack) {
+            componentStack.verifyComponent()
+            componentStack = componentStack.upper
+          }
+        },
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         */
+        ':function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
+          }
+        },
+        ReturnStatement(node) {
+          if (scopeStack && componentStack) {
+            componentStack.addReturnStatement(scopeStack.scopeNode, node)
+          }
+        },
+        ':function:exit'() {
+          scopeStack = scopeStack && scopeStack.upper
+        },
 
-        if (
-          !propertyMap[thisMember] ||
-          !propertyMap[thisMember].valueType ||
-          !propertyMap[thisMember].valueType.type
-        )
-          return
-
-        if (
-          propertyMap[thisMember].groupName === 'computed' &&
-          propertyMap[thisMember].valueType.type !== 'Function'
-        ) {
-          context.report({
-            node: node.parent.parent,
-            loc: node.parent.parent.loc,
-            messageId: 'unexpected',
-            data: {
-              likeProperty: `this.${thisMember}`,
-              likeMethod: `this.${thisMember}()`
+        /**
+         * @param {ThisExpression | Identifier} node
+         */
+        'ThisExpression, Identifier'(node) {
+          if (
+            !componentStack ||
+            node.parent.type !== 'MemberExpression' ||
+            node.parent.object !== node ||
+            node.parent.parent.type !== 'CallExpression' ||
+            node.parent.parent.callee !== node.parent ||
+            !utils.isThis(node, context)
+          ) {
+            return
+          }
+          const name = utils.getStaticPropertyName(node.parent)
+          if (name) {
+            componentStack.callMembers.push({
+              name,
+              node: node.parent.parent
+            })
+          }
+        }
+      }),
+      utils.defineTemplateBodyVisitor(context, {
+        /**
+         * @param {VExpressionContainer} node
+         */
+        VExpressionContainer(node) {
+          if (!templateComponent) {
+            return
+          }
+          for (const id of node.references
+            .filter((ref) => ref.variable == null)
+            .map((ref) => ref.id)) {
+            if (
+              id.parent.type !== 'CallExpression' ||
+              id.parent.callee !== id
+            ) {
+              continue
             }
-          })
+            templateComponent.verifyCallMember({
+              name: id.name,
+              node: id.parent
+            })
+          }
         }
-      }
-    })
+      })
+    )
   }
 }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b17de0821..36614cd14 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1717,6 +1717,14 @@ module.exports = {
    * Retrieve `ChainExpression#expression` value if the given node a `ChainExpression` node. Otherwise, pass through it.
    */
   skipChainExpression,
+  findVariableByIdentifier,
+  getScope,
+  /**
+   * Checks whether the given node is in export default.
+   * @param {ASTNode} node
+   * @returns {boolean}
+   */
+  isInExportDefault,
 
   /**
    * Check whether the given node is `this` or variable that stores `this`.
@@ -2004,6 +2012,43 @@ function compositingVisitors(visitor, ...visitors) {
 // AST Helpers
 // ------------------------------------------------------------------------------
 
+/**
+ * Find the variable of a given identifier.
+ * @param {RuleContext} context The rule context
+ * @param {Identifier} node The variable name to find.
+ * @returns {Variable|null} The found variable or null.
+ */
+function findVariableByIdentifier(context, node) {
+  return findVariable(getScope(context, node), node)
+}
+
+/**
+ * Gets the scope for the current node
+ * @param {RuleContext} context The rule context
+ * @param {ESNode} currentNode The node to get the scope of
+ * @returns { import('eslint').Scope.Scope } The scope information for this node
+ */
+function getScope(context, currentNode) {
+  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
+  const inner = currentNode.type !== 'Program'
+  const scopeManager = context.getSourceCode().scopeManager
+
+  /** @type {ESNode | null} */
+  let node = currentNode
+  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
+    const scope = scopeManager.acquire(node, inner)
+
+    if (scope) {
+      if (scope.type === 'function-expression-name') {
+        return scope.childScopes[0]
+      }
+      return scope
+    }
+  }
+
+  return scopeManager.scopes[0]
+}
+
 /**
  * Finds the property with the given name from the given ObjectExpression node.
  * @param {ObjectExpression} node
@@ -2081,6 +2126,23 @@ function isVElement(node) {
   return node.type === 'VElement'
 }
 
+/**
+ * Checks whether the given node is in export default.
+ * @param {ASTNode} node
+ * @returns {boolean}
+ */
+function isInExportDefault(node) {
+  /** @type {ASTNode | null} */
+  let parent = node.parent
+  while (parent) {
+    if (parent.type === 'ExportDefaultDeclaration') {
+      return true
+    }
+    parent = parent.parent
+  }
+  return false
+}
+
 /**
  * Retrieve `TSAsExpression#expression` value if the given node a `TSAsExpression` node. Otherwise, pass through it.
  * @template T Node type
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index f375170c3..37709ee0b 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -40,49 +40,13 @@ const NEVER = {
   getNest: () => NEVER
 }
 
-/**
- * Find the variable of a given name.
- * @param {RuleContext} context The rule context
- * @param {Identifier} node The variable name to find.
- * @returns {Variable|null} The found variable or null.
- */
-function findVariable(context, node) {
-  return eslintUtils.findVariable(getScope(context, node), node)
-}
-/**
- * Gets the scope for the current node
- * @param {RuleContext} context The rule context
- * @param {ESNode} currentNode The node to get the scope of
- * @returns { import('eslint').Scope.Scope } The scope information for this node
- */
-function getScope(context, currentNode) {
-  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
-  const inner = currentNode.type !== 'Program'
-  const scopeManager = context.getSourceCode().scopeManager
-
-  /** @type {ESNode | null} */
-  let node = currentNode
-  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
-    const scope = scopeManager.acquire(node, inner)
-
-    if (scope) {
-      if (scope.type === 'function-expression-name') {
-        return scope.childScopes[0]
-      }
-      return scope
-    }
-  }
-
-  return scopeManager.scopes[0]
-}
-
 /**
  * @param {RuleContext} context
  * @param {Identifier} id
  * @returns {FunctionExpression | ArrowFunctionExpression | FunctionDeclaration | null}
  */
 function findFunction(context, id) {
-  const calleeVariable = findVariable(context, id)
+  const calleeVariable = utils.findVariableByIdentifier(context, id)
   if (!calleeVariable) {
     return null
   }
@@ -420,7 +384,7 @@ function definePropertyReferenceExtractor(context) {
    * @returns {IPropertyReferences}
    */
   function extractFromIdentifier(node) {
-    const variable = findVariable(context, node)
+    const variable = utils.findVariableByIdentifier(context, node)
     if (!variable) {
       return NEVER
     }
diff --git a/tests/lib/rules/no-use-computed-property-like-method.js b/tests/lib/rules/no-use-computed-property-like-method.js
index 902f29b19..539e6275a 100644
--- a/tests/lib/rules/no-use-computed-property-like-method.js
+++ b/tests/lib/rules/no-use-computed-property-like-method.js
@@ -16,7 +16,7 @@ const rule = require('../../../lib/rules/no-use-computed-property-like-method')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
 tester.run('no-use-computed-property-like-method', rule, {
@@ -438,6 +438,137 @@ tester.run('no-use-computed-property-like-method', rule, {
         }
       </script>
       `
+    },
+    {
+      //https://github.com/vuejs/eslint-plugin-vue/issues/1649
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapGetters } from 'vuex'
+
+      export default {
+        props: [\`user\`],
+        computed: {
+          ...mapGetters(\`auth\`, [\`statusForUser\`]),
+          status () {
+            return this.statusForUser(this.user)
+          },
+        },
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const s = s
+        export default {
+          props: {
+            str: s
+          },
+          computed: {
+            x() {
+              const str = this.str
+              return str
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const s = String
+        export default {
+          computed: {
+            x() {
+              return s
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            x() {
+              return this.x
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            x() {
+              return this.foo()
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            },
+            foo () {
+              return this.foo()
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            val: b ? [String] : Function
+          },
+          computed: {
+            x() {
+              return this.val
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -762,6 +893,214 @@ tester.run('no-use-computed-property-like-method', rule, {
         'Use this.computedReturnArray instead of this.computedReturnArray().',
         'Use this.computedReturnArray2 instead of this.computedReturnArray2().'
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            str: String
+          },
+          computed: {
+            x() {
+              const str = this.str
+              return str
+            },
+            y() {
+              return
+            }
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const s = String
+        export default {
+          props: {
+            str: s
+          },
+          computed: {
+            x() {
+              const str = this.str
+              return str
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const s = String
+        export default {
+          props: {
+            val: [s, Number]
+          },
+          computed: {
+            x() {
+              return this.val
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            x: {
+              get: () => 42
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            x() {
+              return b ? this.foo() : 'str'
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            },
+            foo () {
+              return 42
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            val: b ? [String] : Number
+          },
+          computed: {
+            x() {
+              return this.val
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        let t = [String]
+        if (b) {
+          t = Number
+        }
+        let t2 = [String]
+        if (b) {
+          t2 = Function
+        }
+        export default {
+          props: {
+            val: t,
+            f: t2
+          },
+          computed: {
+            x() {
+              return this.val
+            },
+            y() {
+              return this.f
+            },
+          },
+          methods: {
+            fn() {
+              const vm = this
+              vm.x()
+              vm.y()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: ['Use this.x instead of this.x().']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{x()}}
+        {{y()}}
+        {{y(x)}}
+      </template>
+      <script>
+        export default {
+          computed: {
+            x() {
+              return 42
+            },
+            y() {
+              return String
+            },
+          }
+        }
+      </script>
+      `,
+      errors: ['Use x instead of x().']
     }
   ]
 })

From 928e0c62f3370dd405e567eb8f5763b1678dfbb7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 19 Oct 2021 08:30:45 +0900
Subject: [PATCH 0390/1010] Fix false positives for vars inside type in
 vue/valid-define-emits and vue/valid-define-props rules (#1658)

---
 lib/rules/valid-define-emits.js       |  3 ++
 lib/rules/valid-define-props.js       |  3 ++
 lib/utils/indent-ts.js                | 40 ++---------------------
 lib/utils/index.js                    | 24 +++++++++++++-
 lib/utils/ts-ast-utils.js             | 46 +++++++++++++++++++++++++++
 tests/lib/rules/valid-define-emits.js | 44 +++++++++++++++++++++++++
 tests/lib/rules/valid-define-props.js | 44 +++++++++++++++++++++++++
 7 files changed, 165 insertions(+), 39 deletions(-)

diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 1fabbc025..b16fc300e 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -85,6 +85,9 @@ module.exports = {
                       !utils.inRange(defineEmits.range, def.name)
                   )
                 ) {
+                  if (utils.withinTypeNode(node)) {
+                    continue
+                  }
                   //`defineEmits` are referencing locally declared variables.
                   context.report({
                     node,
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index b67af7c8c..273eae70a 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -86,6 +86,9 @@ module.exports = {
                       !utils.inRange(defineProps.range, def.name)
                   )
                 ) {
+                  if (utils.withinTypeNode(node)) {
+                    continue
+                  }
                   //`defineProps` are referencing locally declared variables.
                   context.report({
                     node,
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index ed2080750..b98e9d105 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -12,6 +12,7 @@ const {
   isClosingBracketToken,
   isOpeningBracketToken
 } = require('eslint-utils')
+const { isTypeNode } = require('./ts-ast-utils')
 
 /**
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/indent-helper').TSNodeListener} TSNodeListener
@@ -224,46 +225,9 @@ function defineVisitor({
      */
     // eslint-disable-next-line complexity -- ignore
     '*[type=/^TS/]'(node) {
-      if (
-        node.type !== 'TSAnyKeyword' &&
-        node.type !== 'TSArrayType' &&
-        node.type !== 'TSBigIntKeyword' &&
-        node.type !== 'TSBooleanKeyword' &&
-        node.type !== 'TSConditionalType' &&
-        node.type !== 'TSConstructorType' &&
-        node.type !== 'TSFunctionType' &&
-        node.type !== 'TSImportType' &&
-        node.type !== 'TSIndexedAccessType' &&
-        node.type !== 'TSInferType' &&
-        node.type !== 'TSIntersectionType' &&
-        node.type !== 'TSIntrinsicKeyword' &&
-        node.type !== 'TSLiteralType' &&
-        node.type !== 'TSMappedType' &&
-        node.type !== 'TSNamedTupleMember' &&
-        node.type !== 'TSNeverKeyword' &&
-        node.type !== 'TSNullKeyword' &&
-        node.type !== 'TSNumberKeyword' &&
-        node.type !== 'TSObjectKeyword' &&
-        node.type !== 'TSOptionalType' &&
-        node.type !== 'TSRestType' &&
-        node.type !== 'TSStringKeyword' &&
-        node.type !== 'TSSymbolKeyword' &&
-        node.type !== 'TSTemplateLiteralType' &&
-        node.type !== 'TSThisType' &&
-        node.type !== 'TSTupleType' &&
-        node.type !== 'TSTypeLiteral' &&
-        node.type !== 'TSTypeOperator' &&
-        node.type !== 'TSTypePredicate' &&
-        node.type !== 'TSTypeQuery' &&
-        node.type !== 'TSTypeReference' &&
-        node.type !== 'TSUndefinedKeyword' &&
-        node.type !== 'TSUnionType' &&
-        node.type !== 'TSUnknownKeyword' &&
-        node.type !== 'TSVoidKeyword'
-      ) {
+      if (!isTypeNode(node)) {
         return
       }
-      /** @type {TypeNode} */
       const typeNode = node
       if (/** @type {any} */ (typeNode.parent).type === 'TSParenthesizedType') {
         return
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 36614cd14..5c49d15f2 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -54,7 +54,8 @@ const { traverseNodes, getFallbackKeys } = vueEslintParser.AST
 const { findVariable } = require('eslint-utils')
 const {
   getComponentPropsFromTypeDefine,
-  getComponentEmitsFromTypeDefine
+  getComponentEmitsFromTypeDefine,
+  isTypeNode
 } = require('./ts-ast-utils')
 
 /**
@@ -1717,6 +1718,10 @@ module.exports = {
    * Retrieve `ChainExpression#expression` value if the given node a `ChainExpression` node. Otherwise, pass through it.
    */
   skipChainExpression,
+  /**
+   * Checks whether the given node is in a type annotation.
+   */
+  withinTypeNode,
   findVariableByIdentifier,
   getScope,
   /**
@@ -2226,6 +2231,23 @@ function skipChainExpression(node) {
   return node
 }
 
+/**
+ * Checks whether the given node is in a type annotation.
+ * @param {ESNode} node
+ * @returns {boolean}
+ */
+function withinTypeNode(node) {
+  /** @type {ASTNode | null} */
+  let target = node
+  while (target) {
+    if (isTypeNode(target)) {
+      return true
+    }
+    target = target.parent
+  }
+  return false
+}
+
 /**
  * Gets the property name of a given node.
  * @param {Property|AssignmentProperty|MethodDefinition|MemberExpression} node - The node to get.
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index b801b6374..6777859b8 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -4,6 +4,7 @@ const { findVariable } = require('eslint-utils')
  * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
  * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSTypeLiteral
  * @typedef {import('@typescript-eslint/types').TSESTree.Parameter} TSESTreeParameter
+ * @typedef {import('@typescript-eslint/types').TSESTree.Node} Node
  *
  */
 /**
@@ -12,10 +13,55 @@ const { findVariable } = require('eslint-utils')
  */
 
 module.exports = {
+  isTypeNode,
   getComponentPropsFromTypeDefine,
   getComponentEmitsFromTypeDefine
 }
 
+/**
+ * @param {Node | ASTNode} node
+ * @returns {node is TypeNode}
+ */
+function isTypeNode(node) {
+  return (
+    node.type === 'TSAnyKeyword' ||
+    node.type === 'TSArrayType' ||
+    node.type === 'TSBigIntKeyword' ||
+    node.type === 'TSBooleanKeyword' ||
+    node.type === 'TSConditionalType' ||
+    node.type === 'TSConstructorType' ||
+    node.type === 'TSFunctionType' ||
+    node.type === 'TSImportType' ||
+    node.type === 'TSIndexedAccessType' ||
+    node.type === 'TSInferType' ||
+    node.type === 'TSIntersectionType' ||
+    node.type === 'TSIntrinsicKeyword' ||
+    node.type === 'TSLiteralType' ||
+    node.type === 'TSMappedType' ||
+    node.type === 'TSNamedTupleMember' ||
+    node.type === 'TSNeverKeyword' ||
+    node.type === 'TSNullKeyword' ||
+    node.type === 'TSNumberKeyword' ||
+    node.type === 'TSObjectKeyword' ||
+    node.type === 'TSOptionalType' ||
+    node.type === 'TSRestType' ||
+    node.type === 'TSStringKeyword' ||
+    node.type === 'TSSymbolKeyword' ||
+    node.type === 'TSTemplateLiteralType' ||
+    node.type === 'TSThisType' ||
+    node.type === 'TSTupleType' ||
+    node.type === 'TSTypeLiteral' ||
+    node.type === 'TSTypeOperator' ||
+    node.type === 'TSTypePredicate' ||
+    node.type === 'TSTypeQuery' ||
+    node.type === 'TSTypeReference' ||
+    node.type === 'TSUndefinedKeyword' ||
+    node.type === 'TSUnionType' ||
+    node.type === 'TSUnknownKeyword' ||
+    node.type === 'TSVoidKeyword'
+  )
+}
+
 /**
  * @param {TypeNode} node
  * @returns {node is TSTypeLiteral}
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 542805848..557101d67 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -73,6 +73,50 @@ tester.run('valid-define-emits', rule, {
         })
       </script>
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1656
+      filename: 'test.vue',
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      import type { PropType } from 'vue';
+
+      type X = string;
+
+      const props = defineProps({
+        myProp: Array as PropType<string[]>,
+      });
+
+      const emit = defineEmits({
+        myProp: (x: X) => true,
+      });
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      import type { PropType } from 'vue';
+
+      const strList = ['a', 'b', 'c']
+      const str = 'abc'
+
+      const props = defineProps({
+        myProp: Array as PropType<typeof strList>,
+      });
+
+      const emit = defineEmits({
+        myProp: (x: typeof str) => true,
+      });
+      </script>
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index cb1f50daf..10894e069 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -76,6 +76,50 @@ tester.run('valid-define-props', rule, {
         })
       </script>
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1656
+      filename: 'test.vue',
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      import type { PropType } from 'vue';
+
+      type X = string;
+
+      const props = defineProps({
+        myProp: Array as PropType<string[]>,
+      });
+
+      const emit = defineEmits({
+        myProp: (x: X) => true,
+      });
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      import type { PropType } from 'vue';
+
+      const strList = ['a', 'b', 'c']
+      const str = 'abc'
+
+      const props = defineProps({
+        myProp: Array as PropType<typeof strList>,
+      });
+
+      const emit = defineEmits({
+        myProp: (x: typeof str) => true,
+      });
+      </script>
+      `
     }
   ],
   invalid: [

From a74dd594fa1f9e72ae305a0bb07c620b96eeb8e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1rton=20Csord=C3=A1s?= <csordasmarton92@gmail.com>
Date: Tue, 19 Oct 2021 01:42:28 +0200
Subject: [PATCH 0391/1010] Add `multi-word-component-names` rule (#1661)

* Add `multi-word-component-names` rule

* Fix review comments for `multi-word-component-names` rule
---
 docs/rules/README.md                          |   1 +
 docs/rules/multi-word-component-names.md      |  84 ++++++
 lib/index.js                                  |   1 +
 lib/rules/multi-word-component-names.js       | 115 ++++++++
 tests/lib/rules/multi-word-component-names.js | 253 ++++++++++++++++++
 5 files changed, 454 insertions(+)
 create mode 100644 docs/rules/multi-word-component-names.md
 create mode 100644 lib/rules/multi-word-component-names.js
 create mode 100644 tests/lib/rules/multi-word-component-names.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3f65e92c4..401329378 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -296,6 +296,7 @@ For example:
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
+| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
new file mode 100644
index 000000000..4e9255742
--- /dev/null
+++ b/docs/rules/multi-word-component-names.md
@@ -0,0 +1,84 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/multi-word-component-names
+description: require component names to be always multi-word
+---
+# vue/multi-word-component-names
+
+> require component names to be always multi-word
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule require component names to be always multi-word, except for root `App`
+components, and built-in components provided by Vue, such as `<transition>` or
+`<component>`. This prevents conflicts with existing and future HTML elements,
+since all HTML elements are a single word.
+
+<eslint-code-block filename="src/TodoItem.js" language="javascript" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```js
+/* ✓ GOOD */
+Vue.component('todo-item', {
+  // ...
+})
+
+/* ✗ BAD */
+Vue.component('Todo', {
+  // ...
+})
+```
+</eslint-code-block>
+
+<eslint-code-block filename="src/TodoItem.js" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  name: 'TodoItem',
+  // ...
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  name: 'Todo',
+  // ...
+}
+</script>
+```
+</eslint-code-block>
+
+<eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  // ...
+}
+</script>
+```
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Style guide - Multi-word component names](https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multi-word-component-names.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/multi-word-component-names.js)
diff --git a/lib/index.js b/lib/index.js
index b4f4d4a6f..068d01d40 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -47,6 +47,7 @@ module.exports = {
     'match-component-file-name': require('./rules/match-component-file-name'),
     'max-attributes-per-line': require('./rules/max-attributes-per-line'),
     'max-len': require('./rules/max-len'),
+    'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
     'name-property-casing': require('./rules/name-property-casing'),
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
new file mode 100644
index 000000000..f47f85349
--- /dev/null
+++ b/lib/rules/multi-word-component-names.js
@@ -0,0 +1,115 @@
+/**
+ * @author Marton Csordas
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const casing = require('../utils/casing')
+const utils = require('../utils')
+
+const RESERVED_NAMES_IN_VUE3 = new Set(
+  require('../utils/vue3-builtin-components')
+)
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Returns true if the given component name is valid, otherwise false.
+ * @param {string} name
+ * */
+function isValidComponentName(name) {
+  if (name.toLowerCase() === 'app' || RESERVED_NAMES_IN_VUE3.has(name)) {
+    return true
+  } else {
+    const elements = casing.kebabCase(name).split('-')
+    return elements.length > 1
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'require component names to be always multi-word',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/multi-word-component-names.html'
+    },
+    schema: [],
+    messages: {
+      unexpected: 'Component name "{{value}}" should always be multi-word.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const fileName = context.getFilename()
+    let componentName = fileName.replace(/\.[^/.]+$/, '')
+
+    return utils.compositingVisitors(
+      {
+        /** @param {Program} node */
+        Program(node) {
+          if (
+            !node.body.length &&
+            utils.isVueFile(fileName) &&
+            !isValidComponentName(componentName)
+          ) {
+            context.report({
+              messageId: 'unexpected',
+              data: {
+                value: componentName
+              },
+              loc: { line: 1, column: 0 }
+            })
+          }
+        }
+      },
+
+      utils.executeOnVue(context, (obj) => {
+        const node = utils.findProperty(obj, 'name')
+
+        /** @type {SourceLocation | null} */
+        let loc = null
+
+        // Check if the component has a name property.
+        if (node) {
+          const valueNode = node.value
+          if (valueNode.type !== 'Literal') return
+
+          componentName = `${valueNode.value}`
+          loc = node.loc
+        } else if (
+          obj.parent.type === 'CallExpression' &&
+          obj.parent.arguments.length === 2
+        ) {
+          // The component is registered globally with 'Vue.component', where
+          // the first paremter is the component name.
+          const argument = obj.parent.arguments[0]
+          if (argument.type !== 'Literal') return
+
+          componentName = `${argument.value}`
+          loc = argument.loc
+        }
+
+        if (!isValidComponentName(componentName)) {
+          context.report({
+            messageId: 'unexpected',
+            data: {
+              value: componentName
+            },
+            loc: loc || { line: 1, column: 0 }
+          })
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
new file mode 100644
index 000000000..65b777984
--- /dev/null
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -0,0 +1,253 @@
+/**
+ * @author Marton Csordas
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/multi-word-component-names')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('multi-word-component-names', rule, {
+  valid: [
+    {
+      filename: 'App.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'App' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('App', {})
+        </script>`
+    },
+    {
+      filename: 'app.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'app' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('app', {})
+        </script>`
+    },
+    {
+      filename: 'transition.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'transition' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('transition', {})
+        </script>`
+    },
+    {
+      filename: 'component.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'component' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('component', {})
+        </script>`
+    },
+    {
+      filename: 'multi-word.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'multi-word' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('multi-word', {})
+        </script>`
+    },
+    {
+      filename: 'multiWord.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'multiWord' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('multiWord', {})
+        </script>`
+    },
+    {
+      filename: 'MultiWord.vue',
+      code: ''
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default { name: 'MultiWord' }
+        </script>`
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('MultiWord', {})
+        </script>`
+    },
+    {
+      filename: 'TheTest.vue',
+      code: `
+      <script>
+      export default { name: 'TheTest' }
+      </script>
+      `
+    },
+    {
+      filename: 'TheTest.vue',
+      code: `
+      <script>
+      Vue.component('TheTest', {})
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '',
+      errors: [
+        {
+          message: 'Component name "test" should always be multi-word.',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default { name: 'test' }
+        </script>`,
+      errors: [
+        {
+          message: 'Component name "test" should always be multi-word.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        Vue.component('test', {})
+        </script>`,
+      errors: [
+        {
+          message: 'Component name "test" should always be multi-word.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'valid-name.vue',
+      code: `
+        <script>
+        export default { name: 'invalid' }
+        </script>`,
+      errors: [
+        {
+          message: 'Component name "invalid" should always be multi-word.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'valid-name.vue',
+      code: `
+        <script>
+        Vue.component('invalid', {})
+        </script>`,
+      errors: [
+        {
+          message: 'Component name "invalid" should always be multi-word.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        export default {}
+        </script>`,
+      errors: [
+        {
+          message: 'Component name "invalid" should always be multi-word.',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'invalid.vue',
+      code: `
+        <script>
+        Vue.component('', {})
+        </script>`,
+      errors: [
+        {
+          message: 'Component name "" should always be multi-word.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 68b184a5245200ba27d7c6eedea8458bc2819077 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 19 Oct 2021 18:08:56 +0900
Subject: [PATCH 0392/1010] Update document (#1666)

---
 docs/user-guide/README.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 1a62fbf71..630e92893 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -25,8 +25,6 @@ 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

From b28867da273b23d957f762b0727da417cbabe23e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1rton=20Csord=C3=A1s?= <csordasmarton92@gmail.com>
Date: Wed, 20 Oct 2021 06:06:38 +0200
Subject: [PATCH 0393/1010] Add `no-deprecated-router-link-tag-prop` rule
 (#1663)

* Add `no-deprecated-router-link-tag-prop` rule

* Fix pylint error at no-deprecated-router-link-tag-prop

* Fix review comments for no-deprecated-router-link-tag-prop

- Use helper functions from utils to get attributes for nodes.
- Add more test cases.
- Handle both kebab-case and PascalCase version of components.

* Update no-deprecated-router-link-tag-prop.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                          |   1 +
 .../no-deprecated-router-link-tag-prop.md     |  91 +++++
 lib/index.js                                  |   1 +
 .../no-deprecated-router-link-tag-prop.js     | 103 ++++++
 .../no-deprecated-router-link-tag-prop.js     | 312 ++++++++++++++++++
 5 files changed, 508 insertions(+)
 create mode 100644 docs/rules/no-deprecated-router-link-tag-prop.md
 create mode 100644 lib/rules/no-deprecated-router-link-tag-prop.js
 create mode 100644 tests/lib/rules/no-deprecated-router-link-tag-prop.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 401329378..e17125ee8 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -302,6 +302,7 @@ For example:
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
+| [vue/no-deprecated-router-link-tag-prop](./no-deprecated-router-link-tag-prop.md) | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
diff --git a/docs/rules/no-deprecated-router-link-tag-prop.md b/docs/rules/no-deprecated-router-link-tag-prop.md
new file mode 100644
index 000000000..08e711ac8
--- /dev/null
+++ b/docs/rules/no-deprecated-router-link-tag-prop.md
@@ -0,0 +1,91 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-router-link-tag-prop
+description: disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-router-link-tag-prop
+
+> disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports deprecated the `tag` attribute on `RouterLink` elements (removed in Vue.js v3.0.0+).
+
+<eslint-code-block :rules="{'vue/no-deprecated-router-link-tag-prop': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <RouterLink to="/">Home</RouterLink>
+  <router-link to="/">Home</router-link>
+
+  <RouterLink to="/">
+    <div>Home</div>
+  </RouterLink>
+
+  <router-link to="/">
+    <div>Home</div>
+  </router-link>
+
+  <NuxtLink tag="div" to="/">Home</NuxtLink>
+  <nuxt-link tag="div" to="/">Home</nuxt-link>
+
+  <!-- ✗ BAD -->
+  <RouterLink tag="div" to="/">Home</RouterLink>
+  <router-link tag="div" to="/">Home</router-link>
+  <RouterLink :tag="someVariable" to="/">Home</RouterLink>
+  <router-link :tag="someVariable" to="/">Home</router-link>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-deprecated-router-link-tag-prop": ["error", {
+    "components": ['RouterLink']
+  }]
+}
+```
+
+- `components` (`string[]`) ... Component names which will be checked with the `tag` attribute. default `['RouterLink']`.
+
+Note: this rule will check both `kebab-case` and `PascalCase` versions of the
+given component names.
+
+### `{ "components": ['RouterLink', 'NuxtLink'] }`
+
+<eslint-code-block :rules="{'vue/no-deprecated-router-link-tag-prop': ['error', {'components': ['RouterLink', 'NuxtLink']}]}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <RouterLink tag="div" to="/">Home</RouterLink>
+  <router-link tag="div" to="/">Home</router-link>
+
+  <RouterLink :tag="someVariable" to="/">Home</RouterLink>
+  <router-link :tag="someVariable" to="/">Home</router-link>
+
+  <NuxtLink tag="div" to="/">Home</NuxtLink>
+  <nuxt-link tag="div" to="/">Home</nuxt-link>
+
+  <NuxtLink :tag="someVariable" to="/">Home</NuxtLink>
+  <nuxt-link :tag="someVariable" to="/">Home</nuxt-link>
+</template>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [Vue RFCs - 0021-router-link-scoped-slot](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0021-router-link-scoped-slot.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-router-link-tag-prop.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-router-link-tag-prop.js)
diff --git a/lib/index.js b/lib/index.js
index 068d01d40..d6e377add 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -71,6 +71,7 @@ module.exports = {
     'no-deprecated-html-element-is': require('./rules/no-deprecated-html-element-is'),
     'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
     'no-deprecated-props-default-this': require('./rules/no-deprecated-props-default-this'),
+    'no-deprecated-router-link-tag-prop': require('./rules/no-deprecated-router-link-tag-prop'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
     'no-deprecated-slot-attribute': require('./rules/no-deprecated-slot-attribute'),
     'no-deprecated-slot-scope-attribute': require('./rules/no-deprecated-slot-scope-attribute'),
diff --git a/lib/rules/no-deprecated-router-link-tag-prop.js b/lib/rules/no-deprecated-router-link-tag-prop.js
new file mode 100644
index 000000000..d73cf0ceb
--- /dev/null
+++ b/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -0,0 +1,103 @@
+/**
+ * @author Marton Csordas
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+// --------------------------------------------------------------------------
+// Helpers
+// --------------------------------------------------------------------------
+
+/** @param {RuleContext} context */
+function getComponentNames(context) {
+  let components = ['RouterLink']
+
+  if (context.options[0] && context.options[0].components) {
+    components = context.options[0].components
+  }
+
+  return components.reduce((prev, curr) => {
+    prev.add(casing.kebabCase(curr))
+    prev.add(casing.pascalCase(curr))
+    return prev
+  }, new Set())
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-router-link-tag-prop.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          components: {
+            type: 'array',
+            items: {
+              type: 'string'
+            },
+            uniqueItems: true,
+            minItems: 1
+          }
+        }
+      }
+    ],
+    messages: {
+      deprecated:
+        "'tag' property on '{{element}}' component is deprecated. Use scoped slots instead."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const components = getComponentNames(context)
+
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement(node) {
+        if (!components.has(node.rawName)) return
+
+        /** @type VIdentifier | null */
+        let tagKey = null
+
+        const tagAttr = utils.getAttribute(node, 'tag')
+        if (tagAttr) {
+          tagKey = tagAttr.key
+        } else {
+          const directive = utils.getDirective(node, 'bind', 'tag')
+          if (directive) {
+            const arg = directive.key.argument
+            if (arg && arg.type === 'VIdentifier') {
+              tagKey = arg
+            }
+          }
+        }
+
+        if (tagKey) {
+          context.report({
+            node: tagKey,
+            messageId: 'deprecated',
+            data: {
+              element: node.rawName
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-router-link-tag-prop.js b/tests/lib/rules/no-deprecated-router-link-tag-prop.js
new file mode 100644
index 000000000..9154cf31c
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -0,0 +1,312 @@
+/**
+ * @author Marton Csordas
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-deprecated-router-link-tag-prop')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-deprecated-router-link-tag-prop', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink to="/">Home</RouterLink>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link to="/">Home</router-link>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink to="/">
+          <div>Home</div>
+        </RouterLink>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link to="/">
+          <div>Home</div>
+        </router-link>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <NuxtLink to="/">Home</NuxtLink>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <nuxt-link to="/">Home</nuxt-link>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <NuxtLink to="/">
+          <div>Home</div>
+        </NuxtLink>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <nuxt-link to="/">
+          <div>Home</div>
+        </nuxt-link>
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink tag="div" to="/">Home</RouterLink>
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 21
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link tag="div" to="/">Home</router-link>
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink tag="div" to="/">Home</RouterLink>
+      </template>
+      `,
+      options: [{ components: ['RouterLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 21
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink tag="div" to="/">Home</RouterLink>
+      </template>
+      `,
+      options: [{ components: ['router-link'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 21
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link tag="div" to="/">Home</router-link>
+      </template>
+      `,
+      options: [{ components: ['RouterLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink :tag="someVariable" to="/">Home</RouterLink>
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link :tag="someVariable" to="/">Home</router-link>
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <RouterLink :tag="someVariable" to="/">Home</RouterLink>
+      </template>
+      `,
+      options: [{ components: ['RouterLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link :tag="someVariable" to="/">Home</router-link>
+      </template>
+      `,
+      options: [{ components: ['RouterLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <NuxtLink tag="div" to="/">Home</NuxtLink>
+      </template>
+      `,
+      options: [{ components: ['NuxtLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'NuxtLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 19
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <nuxt-link tag="div" to="/">Home</nuxt-link>
+      </template>
+      `,
+      options: [{ components: ['NuxtLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'nuxt-link' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <NuxtLink :tag="someVariable" to="/">Home</NuxtLink>
+      </template>
+      `,
+      options: [{ components: ['NuxtLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'NuxtLink' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <nuxt-link :tag="someVariable" to="/">Home</nuxt-link>
+      </template>
+      `,
+      options: [{ components: ['NuxtLink'] }],
+      errors: [
+        {
+          message:
+            "'tag' property on 'nuxt-link' component is deprecated. Use scoped slots instead.",
+          line: 3,
+          column: 21
+        }
+      ]
+    }
+  ]
+})

From 51079bf137fe222de8174b7ca4b7edbcb106991b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 20 Oct 2021 13:29:45 +0900
Subject: [PATCH 0394/1010] 7.20.0

---
 docs/rules/multi-word-component-names.md         | 11 +++++++++--
 docs/rules/no-computed-properties-in-data.md     |  7 +++++--
 docs/rules/no-deprecated-router-link-tag-prop.md |  7 +++++--
 docs/rules/no-undef-properties.md                |  7 +++++--
 package.json                                     |  2 +-
 5 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 4e9255742..46516a1fb 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/multi-word-component-names
 description: require component names to be always multi-word
+since: v7.20.0
 ---
 # vue/multi-word-component-names
 
 > require component names to be always multi-word
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule require component names to be always multi-word, except for root `App`
@@ -30,6 +29,7 @@ Vue.component('Todo', {
   // ...
 })
 ```
+
 </eslint-code-block>
 
 <eslint-code-block filename="src/TodoItem.js" :rules="{'vue/multi-word-component-names': ['error']}">
@@ -43,6 +43,7 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
@@ -56,6 +57,7 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 <eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
@@ -68,6 +70,7 @@ export default {
 }
 </script>
 ```
+
 </eslint-code-block>
 
 ## :wrench: Options
@@ -78,6 +81,10 @@ Nothing.
 
 - [Style guide - Multi-word component names](https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.20.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multi-word-component-names.js)
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index 6bed30aae..181fd231e 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-computed-properties-in-data
 description: disallow accessing computed properties in `data`.
+since: v7.20.0
 ---
 # vue/no-computed-properties-in-data
 
 > disallow accessing computed properties in `data`.
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule disallow accessing computed properties in `data()`.  
@@ -39,6 +38,10 @@ export default {
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.20.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-computed-properties-in-data.js)
diff --git a/docs/rules/no-deprecated-router-link-tag-prop.md b/docs/rules/no-deprecated-router-link-tag-prop.md
index 08e711ac8..7469ca9ad 100644
--- a/docs/rules/no-deprecated-router-link-tag-prop.md
+++ b/docs/rules/no-deprecated-router-link-tag-prop.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-router-link-tag-prop
 description: disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
+since: v7.20.0
 ---
 # vue/no-deprecated-router-link-tag-prop
 
 > disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports deprecated the `tag` attribute on `RouterLink` elements (removed in Vue.js v3.0.0+).
@@ -85,6 +84,10 @@ given component names.
 
 - [Vue RFCs - 0021-router-link-scoped-slot](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0021-router-link-scoped-slot.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.20.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-router-link-tag-prop.js)
diff --git a/docs/rules/no-undef-properties.md b/docs/rules/no-undef-properties.md
index e7979756a..9b5062a65 100644
--- a/docs/rules/no-undef-properties.md
+++ b/docs/rules/no-undef-properties.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-undef-properties
 description: disallow undefined properties
+since: v7.20.0
 ---
 # vue/no-undef-properties
 
 > disallow undefined properties
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule warns of using undefined properties.  
@@ -108,6 +107,10 @@ watch(() => prop.undef, () => console.log('Updated!'))
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.20.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-undef-properties.js)
diff --git a/package.json b/package.json
index 37075adcf..f5771e7a2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7cd28394708690de873c6de433b324e451d14abe Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 Oct 2021 14:08:19 +0900
Subject: [PATCH 0395/1010] Drop supports Node.js v8-10, v13 and v15 (#1588)

* Drop supports Node.js v8, v10, v13 and v15

* update

* Update

* update

* update

* Add check for engines

* Update linter

* update

* update

* update
---
 .circleci/config.yml                          |  59 ++---
 .eslintrc.js                                  |  13 +-
 .vscode/settings.json                         |   4 +-
 docs/user-guide/README.md                     |   2 +-
 eslint-internal-rules/.eslintrc.json          |  10 +-
 lib/rules/no-unsupported-features.js          | 207 +-----------------
 package.json                                  |   8 +-
 .../eslint-plugin-import/package.json         |   4 +-
 tests/lib/rules/require-expose.js             |  10 -
 9 files changed, 46 insertions(+), 271 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 7ecc73606..456376308 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -2,13 +2,12 @@ workflows:
   version: 2
   node-multi-build:
     jobs:
-      - node-v8
-      - node-v10
+      - eslint-v6
       - eslint-v7
-      - eslint-v8
       - ts-eslint-v4
       - node-v12
       - node-v14
+      - node-v16
       - lint
 
 version: 2
@@ -35,9 +34,9 @@ jobs:
       #     paths:
       #       - node_modules
 
-  node-v8:
+  eslint-v6:
     docker:
-      - image: node:8
+      - image: node:12
     steps:
       - run:
           name: Versions
@@ -46,25 +45,7 @@ jobs:
       - run:
           name: Install eslint@6
           command: |
-            npm install --save-exact eslint@6.8.0 @typescript-eslint/parser@3.10.1 typescript@4.0.8
-      - run:
-          name: Install dependencies
-          command: npm install
-      - run:
-          name: Test
-          command: npm test
-  node-v10:
-    docker:
-      - image: node:10
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      - run:
-          name: Install eslint@7 and @typescript-eslint/parser@4
-          command: |
-            npm install eslint@7 @typescript-eslint/parser@^4
+            npm install --save-exact eslint@6.8.0
       - run:
           name: Install dependencies
           command: npm install
@@ -73,7 +54,7 @@ jobs:
           command: npm test
   eslint-v7:
     docker:
-      - image: node:10
+      - image: node:14
     steps:
       - run:
           name: Versions
@@ -89,24 +70,6 @@ jobs:
       - 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 eslint@^8.0.0-0
-      - run:
-          name: Install dependencies
-          command: npm install
-      - run:
-          name: Test
-          command: npm test
   ts-eslint-v4:
     docker:
       - image: node:14
@@ -116,9 +79,9 @@ jobs:
           command: npm version
       - checkout
       - run:
-          name: Install @typescript-eslint/parser@4
+          name: Install @typescript-eslint/parser@4 eslint@7
           command: |
-            npm install @typescript-eslint/parser@^4
+            npm install @typescript-eslint/parser@^4 eslint@7
       - run:
           name: Install dependencies
           command: npm install
@@ -133,6 +96,10 @@ jobs:
     <<: *node-base
     docker:
       - image: node:14
+  node-v16:
+    <<: *node-base
+    docker:
+      - image: node:16
 
   lint:
     docker:
@@ -153,5 +120,5 @@ jobs:
           paths:
             - node_modules
       - run:
-          name: Test
+          name: Lint
           command: npm run lint
diff --git a/.eslintrc.js b/.eslintrc.js
index af1b9e745..3229de98d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,7 +10,12 @@ module.exports = {
     node: true,
     mocha: true
   },
-  extends: ['plugin:eslint-plugin/recommended', 'prettier'],
+  extends: [
+    'plugin:eslint-plugin/recommended',
+    'prettier',
+    'plugin:node-dependencies/recommended',
+    'plugin:jsonc/recommended-with-jsonc'
+  ],
   plugins: ['eslint-plugin', 'prettier'],
   rules: {
     'accessor-pairs': 2,
@@ -142,6 +147,12 @@ module.exports = {
         'no-invalid-meta': 'error',
         'no-invalid-meta-docs-categories': 'error'
       }
+    },
+    {
+      files: ['*.json'],
+      rules: {
+        'prettier/prettier': 'off'
+      }
     }
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 2c99a4943..7bb646536 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,7 +6,9 @@
     "eslint.validate": [
         "javascript",
         "javascriptreact",
-        "vue"
+        "vue",
+        "json",
+        "jsonc"
     ],
     "typescript.tsdk": "node_modules/typescript/lib",
     "vetur.validation.script": false,
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 630e92893..1b1e72fbc 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -23,7 +23,7 @@ yarn add -D eslint eslint-plugin-vue
 ::: tip Requirements
 
 - ESLint v6.2.0 and above
-- Node.js v8.10.0 and above
+- Node.js v12.22.x, v14.17.x, v16.x and above
 
 :::
 
diff --git a/eslint-internal-rules/.eslintrc.json b/eslint-internal-rules/.eslintrc.json
index 42c0f65b1..16e3fcf9b 100644
--- a/eslint-internal-rules/.eslintrc.json
+++ b/eslint-internal-rules/.eslintrc.json
@@ -2,5 +2,13 @@
   "rules": {
     "no-invalid-meta-docs-categories": "error",
     "no-invalid-meta": "error"
-  }
+  },
+  "overrides": [
+    {
+      "files": ["*.json"],
+      "rules": {
+        "no-invalid-meta": "off"
+      }
+    }
+  ]
 }
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index def5ca3f6..f7d51dce9 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -137,7 +137,7 @@ module.exports = {
      * @returns {boolean} `true` if it's supporting.
      */
     function isNotSupportingVersion(aCase) {
-      return !semverSubset(versionRange, getSemverRange(aCase.supported))
+      return !semver.subset(versionRange, getSemverRange(aCase.supported))
     }
 
     /** @type {TemplateListener} */
@@ -171,208 +171,3 @@ module.exports = {
     )
   }
 }
-
-// TODO replace semver.subset() in the major version.
-/**
- * semver.subset()
- *
- * We need to use a copy of the semver source code until a major version upgrade.
- *
- * @see https://github.com/npm/node-semver/blob/e79ac3a450e8bb504e78b8159e3efc70895699b8/ranges/subset.js#L43
- * @license ISC at Isaac Z. Schlueter and Contributors
- * https://github.com/npm/node-semver/blob/master/LICENSE
- *
- * @param {semver.Range} sub
- * @param {semver.Range} dom
- */
-function semverSubset(sub, dom) {
-  if (sub === dom) return true
-
-  sub = new semver.Range(sub)
-  dom = new semver.Range(dom)
-  let sawNonNull = false
-
-  // eslint-disable-next-line no-labels
-  OUTER: for (const simpleSub of sub.set) {
-    for (const simpleDom of dom.set) {
-      const isSub = simpleSubset(simpleSub, simpleDom)
-      sawNonNull = sawNonNull || isSub !== null
-      // eslint-disable-next-line no-labels
-      if (isSub) continue OUTER
-    }
-    if (sawNonNull) return false
-  }
-  return true
-}
-
-/**
- * @license ISC at Isaac Z. Schlueter and Contributors
- * https://github.com/npm/node-semver/blob/master/LICENSE
- * @param {readonly semver.Comparator[]} sub
- * @param {readonly semver.Comparator[]} dom
- */
-function simpleSubset(sub, dom) {
-  if (sub === dom) return true
-
-  /**
-   * @param {semver.Comparator} c
-   */
-  function isAny(c) {
-    return Object.keys(c.semver).length === 0
-  }
-
-  if (sub.length === 1 && isAny(sub[0])) {
-    if (dom.length === 1 && isAny(dom[0])) return true
-    else sub = [new semver.Comparator('>=0.0.0')]
-  }
-
-  if (dom.length === 1 && isAny(dom[0])) {
-    dom = [new semver.Comparator('>=0.0.0')]
-  }
-
-  const eqSet = new Set()
-  let gt, lt
-  for (const c of sub) {
-    if (c.operator === '>' || c.operator === '>=') gt = higherGT(gt, c)
-    else if (c.operator === '<' || c.operator === '<=') lt = lowerLT(lt, c)
-    else eqSet.add(c.semver)
-  }
-
-  if (eqSet.size > 1) return null
-
-  let gtltComp
-  if (gt && lt) {
-    gtltComp = semver.compare(gt.semver, lt.semver)
-    if (gtltComp > 0) return null
-    else if (gtltComp === 0 && (gt.operator !== '>=' || lt.operator !== '<='))
-      return null
-  }
-
-  // will iterate one or zero times
-  for (const eq of eqSet) {
-    if (gt && !semver.satisfies(eq, String(gt))) return null
-
-    if (lt && !semver.satisfies(eq, String(lt))) return null
-
-    for (const c of dom) {
-      if (!semver.satisfies(eq, String(c))) return false
-    }
-
-    return true
-  }
-
-  let higher, lower
-  let hasDomLT, hasDomGT
-  // if the subset has a prerelease, we need a comparator in the superset
-  // with the same tuple and a prerelease, or it's not a subset
-  let needDomLTPre = lt && lt.semver.prerelease.length ? lt.semver : false
-  let needDomGTPre = gt && gt.semver.prerelease.length ? gt.semver : false
-  // exception: <1.2.3-0 is the same as <1.2.3
-  if (
-    needDomLTPre &&
-    needDomLTPre.prerelease.length === 1 &&
-    lt &&
-    lt.operator === '<' &&
-    needDomLTPre.prerelease[0] === 0
-  ) {
-    needDomLTPre = false
-  }
-
-  for (const c of dom) {
-    hasDomGT = hasDomGT || c.operator === '>' || c.operator === '>='
-    hasDomLT = hasDomLT || c.operator === '<' || c.operator === '<='
-    if (gt) {
-      if (needDomGTPre) {
-        if (
-          c.semver.prerelease &&
-          c.semver.prerelease.length &&
-          c.semver.major === needDomGTPre.major &&
-          c.semver.minor === needDomGTPre.minor &&
-          c.semver.patch === needDomGTPre.patch
-        ) {
-          needDomGTPre = false
-        }
-      }
-      if (c.operator === '>' || c.operator === '>=') {
-        higher = higherGT(gt, c)
-        if (higher === c && higher !== gt) return false
-      } else if (
-        gt.operator === '>=' &&
-        !semver.satisfies(gt.semver, String(c))
-      )
-        return false
-    }
-    if (lt) {
-      if (needDomLTPre) {
-        if (
-          c.semver.prerelease &&
-          c.semver.prerelease.length &&
-          c.semver.major === needDomLTPre.major &&
-          c.semver.minor === needDomLTPre.minor &&
-          c.semver.patch === needDomLTPre.patch
-        ) {
-          needDomLTPre = false
-        }
-      }
-      if (c.operator === '<' || c.operator === '<=') {
-        lower = lowerLT(lt, c)
-        if (lower === c && lower !== lt) return false
-      } else if (
-        lt.operator === '<=' &&
-        !semver.satisfies(lt.semver, String(c))
-      )
-        return false
-    }
-    if (!c.operator && (lt || gt) && gtltComp !== 0) return false
-  }
-
-  // if there was a < or >, and nothing in the dom, then must be false
-  // UNLESS it was limited by another range in the other direction.
-  // Eg, >1.0.0 <1.0.1 is still a subset of <2.0.0
-  if (gt && hasDomLT && !lt && gtltComp !== 0) return false
-
-  if (lt && hasDomGT && !gt && gtltComp !== 0) return false
-
-  // we needed a prerelease range in a specific tuple, but didn't get one
-  // then this isn't a subset.  eg >=1.2.3-pre is not a subset of >=1.0.0,
-  // because it includes prereleases in the 1.2.3 tuple
-  if (needDomGTPre || needDomLTPre) return false
-
-  return true
-}
-
-/**
- * @license ISC at Isaac Z. Schlueter and Contributors
- * https://github.com/npm/node-semver/blob/master/LICENSE
- * @param {semver.Comparator | void} a
- * @param {semver.Comparator} b
- */
-const higherGT = (a, b) => {
-  if (!a) return b
-  const comp = semver.compare(a.semver, b.semver)
-  return comp > 0
-    ? a
-    : comp < 0
-    ? b
-    : b.operator === '>' && a.operator === '>='
-    ? b
-    : a
-}
-
-/**
- * @license ISC at Isaac Z. Schlueter and Contributors
- * https://github.com/npm/node-semver/blob/master/LICENSE
- * @param {semver.Comparator | void} a
- * @param {semver.Comparator} b
- */
-const lowerLT = (a, b) => {
-  if (!a) return b
-  const comp = semver.compare(a.semver, b.semver)
-  return comp < 0
-    ? a
-    : comp > 0
-    ? b
-    : b.operator === '<' && a.operator === '<='
-    ? b
-    : a
-}
diff --git a/package.json b/package.json
index f5771e7a2..6a94b7400 100644
--- a/package.json
+++ b/package.json
@@ -48,15 +48,15 @@
     "url": "https://github.com/vuejs/eslint-plugin-vue/issues"
   },
   "engines": {
-    "node": ">=8.10"
+    "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
   },
   "peerDependencies": {
     "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
   },
   "dependencies": {
-    "eslint-utils": "^2.1.0",
+    "eslint-utils": "^3.0.0",
     "natural-compare": "^1.4.0",
-    "semver": "^6.3.0",
+    "semver": "^7.3.5",
     "vue-eslint-parser": "^7.10.0"
   },
   "devDependencies": {
@@ -73,6 +73,8 @@
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-eslint-plugin": "^3.5.3",
     "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-jsonc": "^1.4.0",
+    "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.0.0",
diff --git a/tests/integrations/eslint-plugin-import/package.json b/tests/integrations/eslint-plugin-import/package.json
index 63ba52e00..6de5b12e5 100644
--- a/tests/integrations/eslint-plugin-import/package.json
+++ b/tests/integrations/eslint-plugin-import/package.json
@@ -8,8 +8,8 @@
   "author": "Toru Nagashima (https://github.com/mysticatea)",
   "license": "MIT",
   "dependencies": {
-    "eslint": "~7.0.0",
-    "eslint-plugin-import": "~2.18.2",
+    "eslint": "^7.0.0",
+    "eslint-plugin-import": "~2.23.4",
     "eslint-plugin-vue": "file:../../.."
   }
 }
diff --git a/tests/lib/rules/require-expose.js b/tests/lib/rules/require-expose.js
index ca78e55b8..64d073c24 100644
--- a/tests/lib/rules/require-expose.js
+++ b/tests/lib/rules/require-expose.js
@@ -17,16 +17,6 @@ const tester = new RuleTester({
 
 tester.run('require-expose', rule, {
   valid: [
-    {
-      filename: 'ValidComponent.vue',
-      code: `
-      <script>
-        export default { // TODO
-          setup:() => function () {}
-        }
-      </script>
-      `
-    },
     {
       filename: 'ValidComponent.vue',
       code: `

From 14a17d496e996fa3a34a1efee217e242f7684bc8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 Oct 2021 14:10:23 +0900
Subject: [PATCH 0396/1010] Add `vue/first-attribute-linebreak` rule (#1587)

---
 docs/rules/README.md                         |   2 +
 docs/rules/first-attribute-linebreak.md      | 164 +++++++++++
 docs/rules/max-attributes-per-line.md        |  42 +--
 lib/configs/no-layout-rules.js               |   1 +
 lib/configs/strongly-recommended.js          |   1 +
 lib/configs/vue3-strongly-recommended.js     |   1 +
 lib/index.js                                 |   1 +
 lib/rules/first-attribute-linebreak.js       |  98 +++++++
 lib/rules/max-attributes-per-line.js         |  36 +--
 tests/lib/rules/first-attribute-linebreak.js | 278 +++++++++++++++++++
 tests/lib/rules/max-attributes-per-line.js   | 184 +-----------
 11 files changed, 553 insertions(+), 255 deletions(-)
 create mode 100644 docs/rules/first-attribute-linebreak.md
 create mode 100644 lib/rules/first-attribute-linebreak.js
 create mode 100644 tests/lib/rules/first-attribute-linebreak.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e17125ee8..40a6a6d28 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -117,6 +117,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: |
 | [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
+| [vue/first-attribute-linebreak](./first-attribute-linebreak.md) | enforce the location of first attribute | :wrench: |
 | [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: |
 | [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: |
 | [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: |
@@ -228,6 +229,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |:--------|:------------|:---|
 | [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: |
 | [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
+| [vue/first-attribute-linebreak](./first-attribute-linebreak.md) | enforce the location of first attribute | :wrench: |
 | [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: |
 | [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: |
 | [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: |
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
new file mode 100644
index 000000000..83aa4eda9
--- /dev/null
+++ b/docs/rules/first-attribute-linebreak.md
@@ -0,0 +1,164 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/first-attribute-linebreak
+description: enforce the location of first attribute
+---
+# vue/first-attribute-linebreak
+
+> enforce the location of first attribute
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims to enforce a consistent location for the first attribute.
+
+<eslint-code-block fix :rules="{'vue/first-attribute-linebreak': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent lorem="1"/>
+  <MyComponent lorem="1" ipsum="2"/>
+  <MyComponent
+    lorem="1"
+    ipsum="2"
+  />
+
+  <!-- ✗ BAD -->
+  <MyComponent lorem="1"
+               ipsum="2"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/first-attribute-linebreak": ["error", {
+    "singleline": "ignore",
+    "multiline": "below"
+  }]
+}
+```
+
+- `singleline` ... The location of the first attribute when the attributes on single line. Default is `"ignore"`.
+  - `"below"` ... Requires a newline before the first attribute.
+  - `"beside"` ... Disallows a newline before the first attribute.
+  - `"ignore"` ... Ignores attribute checking.
+- `multiline` ... The location of the first attribute when the attributes span multiple lines. Default is `"below"`.
+  - `"below"` ... Requires a newline before the first attribute.
+  - `"beside"` ... Disallows a newline before the first attribute.
+  - `"ignore"` ... Ignores attribute checking.
+
+### `"singleline": "beside"`
+
+<eslint-code-block fix :rules="{'vue/first-attribute-linebreak': ['error', {singleline: 'beside'}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent lorem="1"/>
+  <MyComponent lorem="1" ipsum="2"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent
+    lorem="1"/>
+  <MyComponent
+    lorem="1" ipsum="2"
+  />
+</template>
+```
+
+</eslint-code-block>
+
+### `"singleline": "below"`
+
+<eslint-code-block fix :rules="{'vue/first-attribute-linebreak': ['error', {singleline: 'below'}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent
+    lorem="1"/>
+  <MyComponent
+    lorem="1" ipsum="2"
+  />
+
+  <!-- ✗ BAD -->
+  <MyComponent lorem="1"/>
+  <MyComponent lorem="1" ipsum="2"/>
+</template>
+```
+
+</eslint-code-block>
+
+### `"multiline": "beside"`
+
+<eslint-code-block fix :rules="{'vue/first-attribute-linebreak': ['error', {multiline: 'beside'}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent lorem="1"
+               ipsum="2"/>
+  <MyComponent :lorem="{
+                 a: 1
+               }"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent
+    lorem="1"
+    ipsum="2"/>
+  <MyComponent
+    :lorem="{
+      a: 1
+    }"/>
+</template>
+```
+
+</eslint-code-block>
+
+### `"multiline": "below"`
+
+<eslint-code-block fix :rules="{'vue/first-attribute-linebreak': ['error', {multiline: 'below'}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent
+    lorem="1"
+    ipsum="2"/>
+  <MyComponent
+    :lorem="{
+      a: 1
+    }"/>
+
+  <!-- ✗ BAD -->
+  <MyComponent lorem="1"
+               ipsum="2"/>
+  <MyComponent :lorem="{
+                 a: 1
+               }"/>
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/max-attributes-per-line](./max-attributes-per-line.md)
+
+## :books: Further Reading
+
+- [Style guide - Multi attribute elements](https://v3.vuejs.org/style-guide/#multi-attribute-elements-strongly-recommended)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/first-attribute-linebreak.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/first-attribute-linebreak.js)
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index dac9d2d72..a537eef33 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -58,21 +58,17 @@ There is a configurable number of attributes that are acceptable in one-line cas
 {
   "vue/max-attributes-per-line": ["error", {
     "singleline": {
-      "max": 1,
-      "allowFirstLine": true
+      "max": 1
     },      
     "multiline": {
-      "max": 1,
-      "allowFirstLine": false
+      "max": 1
     }
   }]
 }
 ```
 
 - `singleline.max` (`number`) ... The number of maximum attributes per line when the opening tag is in a single line. Default is `1`.
-- `singleline.allowFirstLine` (`boolean`) ... If `true`, it allows attributes on the same line as that tag name. Default is `true`.
 - `multiline.max` (`number`) ... The max number of attributes per line when the opening tag is in multiple lines. Default is `1`. This can be `{ multiline: 1 }` instead of `{ multiline: { max: 1 }}` if you don't configure `allowFirstLine` property.
-- `multiline.allowFirstLine` (`boolean`) ... If `true`, it allows attributes on the same line as that tag name. Default is `false`.
 
 ### `"singleline": 3`
 
@@ -90,24 +86,6 @@ There is a configurable number of attributes that are acceptable in one-line cas
 
 </eslint-code-block>
 
-### `"singleline": 1, "allowFirstLine": false`
-
-<eslint-code-block fix :rules="{'vue/max-attributes-per-line': ['error', {singleline: { allowFirstLine: false }}]}">
-
-```vue
-<template>
-  <!-- ✓ GOOD -->
-  <MyComponent
-    lorem="1"
-  />
-
-  <!-- ✗ BAD -->
-  <MyComponent lorem="1" />
-</template>
-```
-
-</eslint-code-block>
-
 ### `"multiline": 2`
 
 <eslint-code-block fix :rules="{'vue/max-attributes-per-line': ['error', {multiline: 2}]}">
@@ -130,21 +108,9 @@ There is a configurable number of attributes that are acceptable in one-line cas
 
 </eslint-code-block>
 
-### `"multiline": 1, "allowFirstLine": true`
-
-<eslint-code-block fix :rules="{'vue/max-attributes-per-line': ['error', {multiline: { allowFirstLine: true }}]}">
-
-```vue
-<template>
-  <!-- ✓ GOOD -->
-  <MyComponent lorem="1"
-               ipsum="2"
-               dolor="3"
-  />
-</template>
-```
+## :couple: Related Rules
 
-</eslint-code-block>
+- [vue/first-attribute-linebreak](./first-attribute-linebreak.md)
 
 ## :books: Further Reading
 
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index b7d33e0c1..73d857e54 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -15,6 +15,7 @@ module.exports = {
     'vue/comma-spacing': 'off',
     'vue/comma-style': 'off',
     'vue/dot-location': 'off',
+    'vue/first-attribute-linebreak': 'off',
     'vue/func-call-spacing': 'off',
     'vue/html-closing-bracket-newline': 'off',
     'vue/html-closing-bracket-spacing': 'off',
diff --git a/lib/configs/strongly-recommended.js b/lib/configs/strongly-recommended.js
index 0d3d41246..d03984029 100644
--- a/lib/configs/strongly-recommended.js
+++ b/lib/configs/strongly-recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attribute-hyphenation': 'warn',
     'vue/component-definition-name-casing': 'warn',
+    'vue/first-attribute-linebreak': 'warn',
     'vue/html-closing-bracket-newline': 'warn',
     'vue/html-closing-bracket-spacing': 'warn',
     'vue/html-end-tags': 'warn',
diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index 9adfcd7c7..5b816c957 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -8,6 +8,7 @@ module.exports = {
   rules: {
     'vue/attribute-hyphenation': 'warn',
     'vue/component-definition-name-casing': 'warn',
+    'vue/first-attribute-linebreak': 'warn',
     'vue/html-closing-bracket-newline': 'warn',
     'vue/html-closing-bracket-spacing': 'warn',
     'vue/html-end-tags': 'warn',
diff --git a/lib/index.js b/lib/index.js
index d6e377add..ba2185a91 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -30,6 +30,7 @@ module.exports = {
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
     'experimental-script-setup-vars': require('./rules/experimental-script-setup-vars'),
+    'first-attribute-linebreak': require('./rules/first-attribute-linebreak'),
     'func-call-spacing': require('./rules/func-call-spacing'),
     'html-button-has-type': require('./rules/html-button-has-type'),
     'html-closing-bracket-newline': require('./rules/html-closing-bracket-newline'),
diff --git a/lib/rules/first-attribute-linebreak.js b/lib/rules/first-attribute-linebreak.js
new file mode 100644
index 000000000..25f893fd2
--- /dev/null
+++ b/lib/rules/first-attribute-linebreak.js
@@ -0,0 +1,98 @@
+/**
+ * @fileoverview Enforce the location of first attribute
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description: 'enforce the location of first attribute',
+      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      url: 'https://eslint.vuejs.org/rules/first-attribute-linebreak.html'
+    },
+    fixable: 'whitespace', // or "code" or "whitespace"
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          multiline: { enum: ['below', 'beside', 'ignore'] },
+          singleline: { enum: ['below', 'beside', 'ignore'] }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      expected: 'Expected a linebreak before this attribute.',
+      unexpected: 'Expected no linebreak before this attribute.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {"below" | "beside" | "ignore"} */
+    const singleline =
+      (context.options[0] && context.options[0].singleline) || 'ignore'
+    /** @type {"below" | "beside" | "ignore"} */
+    const multiline =
+      (context.options[0] && context.options[0].multiline) || 'below'
+
+    const template =
+      context.parserServices.getTemplateBodyTokenStore &&
+      context.parserServices.getTemplateBodyTokenStore()
+
+    /**
+     * Report attribute
+     * @param {VAttribute | VDirective} firstAttribute
+     * @param { "below" | "beside"} location
+     */
+    function report(firstAttribute, location) {
+      context.report({
+        node: firstAttribute,
+        messageId: location === 'beside' ? 'unexpected' : 'expected',
+        fix(fixer) {
+          const prevToken = template.getTokenBefore(firstAttribute, {
+            includeComments: true
+          })
+          return fixer.replaceTextRange(
+            [prevToken.range[1], firstAttribute.range[0]],
+            location === 'beside' ? ' ' : '\n'
+          )
+        }
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      VStartTag(node) {
+        const firstAttribute = node.attributes[0]
+        if (!firstAttribute) return
+
+        const lastAttribute = node.attributes[node.attributes.length - 1]
+
+        const location =
+          firstAttribute.loc.start.line === lastAttribute.loc.end.line
+            ? singleline
+            : multiline
+        if (location === 'ignore') {
+          return
+        }
+
+        if (location === 'beside') {
+          if (node.loc.start.line === firstAttribute.loc.start.line) {
+            return
+          }
+        } else {
+          if (node.loc.start.line < firstAttribute.loc.start.line) {
+            return
+          }
+        }
+        report(firstAttribute, location)
+      }
+    })
+  }
+}
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index c21604a61..d0eb40fb3 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -34,9 +34,6 @@ module.exports = {
                   max: {
                     type: 'number',
                     minimum: 1
-                  },
-                  allowFirstLine: {
-                    type: 'boolean'
                   }
                 },
                 additionalProperties: false
@@ -55,9 +52,6 @@ module.exports = {
                   max: {
                     type: 'number',
                     minimum: 1
-                  },
-                  allowFirstLine: {
-                    type: 'boolean'
                   }
                 },
                 additionalProperties: false
@@ -75,8 +69,6 @@ module.exports = {
     const configuration = parseOptions(context.options[0])
     const multilineMaximum = configuration.multiline
     const singlelinemMaximum = configuration.singleline
-    const canHaveSinglelineFirstLine = configuration.singlelineAllowFirstLine
-    const canHaveMultilineFirstLine = configuration.multilineAllowFirstLine
     const template =
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
@@ -88,26 +80,12 @@ module.exports = {
         if (!numberOfAttributes) return
 
         if (utils.isSingleLine(node)) {
-          if (
-            !canHaveSinglelineFirstLine &&
-            node.attributes[0].loc.start.line === node.loc.start.line
-          ) {
-            showErrors([node.attributes[0]])
-          }
-
           if (numberOfAttributes > singlelinemMaximum) {
             showErrors(node.attributes.slice(singlelinemMaximum))
           }
         }
 
         if (!utils.isSingleLine(node)) {
-          if (
-            !canHaveMultilineFirstLine &&
-            node.attributes[0].loc.start.line === node.loc.start.line
-          ) {
-            showErrors([node.attributes[0]])
-          }
-
           groupAttrsByLine(node.attributes)
             .filter((attrs) => attrs.length > multilineMaximum)
             .forEach((attrs) => showErrors(attrs.splice(multilineMaximum)))
@@ -124,9 +102,7 @@ module.exports = {
     function parseOptions(options) {
       const defaults = {
         singleline: 1,
-        singlelineAllowFirstLine: true,
-        multiline: 1,
-        multilineAllowFirstLine: false
+        multiline: 1
       }
 
       if (options) {
@@ -136,11 +112,6 @@ module.exports = {
           if (typeof options.singleline.max === 'number') {
             defaults.singleline = options.singleline.max
           }
-
-          if (typeof options.singleline.allowFirstLine === 'boolean') {
-            defaults.singlelineAllowFirstLine =
-              options.singleline.allowFirstLine
-          }
         }
 
         if (options.multiline) {
@@ -150,11 +121,6 @@ module.exports = {
             if (typeof options.multiline.max === 'number') {
               defaults.multiline = options.multiline.max
             }
-
-            if (typeof options.multiline.allowFirstLine === 'boolean') {
-              defaults.multilineAllowFirstLine =
-                options.multiline.allowFirstLine
-            }
           }
         }
       }
diff --git a/tests/lib/rules/first-attribute-linebreak.js b/tests/lib/rules/first-attribute-linebreak.js
new file mode 100644
index 000000000..61cbb2ed9
--- /dev/null
+++ b/tests/lib/rules/first-attribute-linebreak.js
@@ -0,0 +1,278 @@
+/**
+ * @fileoverview Enforce the location of first attribute
+ * @author Yosuke Ota
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/first-attribute-linebreak')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('first-attribute-linebreak', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <component></component>
+      </template>`
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'ignore', multiline: 'ignore' }]
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'beside', multiline: 'ignore' }]
+    },
+    {
+      code: `
+      <template>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'ignore', multiline: 'beside' }]
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'below', multiline: 'ignore' }]
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'ignore', multiline: 'below' }]
+    }
+  ],
+
+  invalid: [
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      output: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component
+name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      errors: [
+        {
+          message: 'Expected a linebreak before this attribute.',
+          line: 8,
+          column: 20
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      output: `
+      <template>
+        <component name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'beside', multiline: 'beside' }],
+      errors: [
+        {
+          message: 'Expected no linebreak before this attribute.',
+          line: 4,
+          column: 11
+        },
+        {
+          message: 'Expected no linebreak before this attribute.',
+          line: 13,
+          column: 11
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component name="John Doe"
+        ></component>
+      </template>`,
+      output: `
+      <template>
+        <component
+          name="John Doe"
+          age="30"
+          job="Vet"
+        ></component>
+        <component
+name="John Doe"
+                   age="30"
+                   job="Vet"
+        ></component>
+        <component
+          name="John Doe"
+        ></component>
+        <component
+name="John Doe"
+        ></component>
+      </template>`,
+      options: [{ singleline: 'below', multiline: 'below' }],
+      errors: [
+        {
+          message: 'Expected a linebreak before this attribute.',
+          line: 8,
+          column: 20
+        },
+        {
+          message: 'Expected a linebreak before this attribute.',
+          line: 15,
+          column: 20
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index aedc6d6d8..9e14495a2 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -32,14 +32,6 @@ ruleTester.run('max-attributes-per-line', rule, {
         job="Vet"
       ></component></template>`
     },
-    {
-      code: `<template><component
-        name="John Doe"
-        age="30"
-        job="Vet"
-      ></component></template>`,
-      options: [{ multiline: { allowFirstLine: true } }]
-    },
     {
       code: `<template><component
         name="John Doe"
@@ -56,35 +48,11 @@ ruleTester.run('max-attributes-per-line', rule, {
       options: [{ singleline: 1 }]
     },
     {
-      code: `<template><component></component></template>`,
-      options: [{ singleline: 1, multiline: { max: 1, allowFirstLine: false } }]
-    },
-    {
-      code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false } }]
-    },
-    {
-      code: `<template><component name="John Doe"
-        age="30">
-        </component>
-      </template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: true } }]
-    },
-    {
-      code: `<template><component
+      code: `<template><component job="Vet"
         name="John Doe"
         age="30">
         </component>
-      </template>`,
-      options: [{ singleline: 3, multiline: { max: 1, allowFirstLine: false } }]
-    },
-    {
-      code: `<template><component
-        name="John Doe" age="30"
-        job="Vet">
-        </component>
-      </template>`,
-      options: [{ singleline: 3, multiline: { max: 2, allowFirstLine: false } }]
+      </template>`
     }
   ],
 
@@ -131,26 +99,6 @@ v-if="something"></component></template>`,
 v-bind:age="user.age"></component></template>`,
       errors: ["'v-bind:age' should be on a new line."]
     },
-    {
-      code: `<template><component job="Vet"
-        name="John Doe"
-        age="30">
-        </component>
-      </template>`,
-      output: `<template><component
-job="Vet"
-        name="John Doe"
-        age="30">
-        </component>
-      </template>`,
-      errors: [
-        {
-          message: "'job' should be on a new line.",
-          type: 'VAttribute',
-          line: 1
-        }
-      ]
-    },
     {
       code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
       options: [{ singleline: { max: 2 } }],
@@ -164,70 +112,6 @@ job="Vet"></component></template>`,
         }
       ]
     },
-    {
-      code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
-      options: [
-        { singleline: 1, multiline: { max: 1, allowFirstLine: false } }
-      ],
-      output: `<template><component name="John Doe"
-age="30" job="Vet"></component></template>`,
-      errors: [
-        {
-          message: "'age' should be on a new line.",
-          type: 'VAttribute',
-          line: 1
-        },
-        {
-          message: "'job' should be on a new line.",
-          type: 'VAttribute',
-          line: 1
-        }
-      ]
-    },
-    {
-      code: `<template><component name="John Doe"
-        age="30">
-        </component>
-      </template>`,
-      options: [
-        { singleline: 3, multiline: { max: 1, allowFirstLine: false } }
-      ],
-      output: `<template><component
-name="John Doe"
-        age="30">
-        </component>
-      </template>`,
-      errors: [
-        {
-          message: "'name' should be on a new line.",
-          type: 'VAttribute',
-          line: 1
-        }
-      ]
-    },
-    {
-      code: `<template><component
-        name="John Doe" age="30"
-        job="Vet">
-        </component>
-      </template>`,
-      options: [
-        { singleline: 3, multiline: { max: 1, allowFirstLine: false } }
-      ],
-      output: `<template><component
-        name="John Doe"
-age="30"
-        job="Vet">
-        </component>
-      </template>`,
-      errors: [
-        {
-          message: "'age' should be on a new line.",
-          type: 'VAttribute',
-          line: 2
-        }
-      ]
-    },
     {
       code: `<template><component
         name="John Doe" age="30"
@@ -248,70 +132,6 @@ age="30"
           line: 2
         }
       ]
-    },
-    {
-      code: `<template><component
-        name="John Doe" age="30"
-        job="Vet" pet="dog" petname="Snoopy">
-        </component>
-      </template>`,
-      options: [
-        { singleline: 3, multiline: { max: 2, allowFirstLine: false } }
-      ],
-      output: `<template><component
-        name="John Doe" age="30"
-        job="Vet" pet="dog"
-petname="Snoopy">
-        </component>
-      </template>`,
-      errors: [
-        {
-          message: "'petname' should be on a new line.",
-          type: 'VAttribute',
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `<template><component
-        name="John Doe" age="30"
-        job="Vet" pet="dog" petname="Snoopy" extra="foo">
-        </component>
-      </template>`,
-      options: [
-        { singleline: 3, multiline: { max: 2, allowFirstLine: false } }
-      ],
-      output: `<template><component
-        name="John Doe" age="30"
-        job="Vet" pet="dog"
-petname="Snoopy" extra="foo">
-        </component>
-      </template>`,
-      errors: [
-        {
-          message: "'petname' should be on a new line.",
-          type: 'VAttribute',
-          line: 3
-        },
-        {
-          message: "'extra' should be on a new line.",
-          type: 'VAttribute',
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `<template><component name="John Doe"></component></template>`,
-      options: [{ singleline: { allowFirstLine: false } }],
-      output: `<template><component
-name="John Doe"></component></template>`,
-      errors: [
-        {
-          message: "'name' should be on a new line.",
-          type: 'VAttribute',
-          line: 1
-        }
-      ]
     }
   ]
 })

From bf771696172e07c05e2eb60533b6e4ce5922013a Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 Oct 2021 14:14:26 +0900
Subject: [PATCH 0397/1010] Change presets configs. (#1603)

* Change config

* valid-next-tick to essential

* update

* Update
---
 docs/rules/README.md                          | 26 +++++++++++--------
 docs/rules/multi-word-component-names.md      |  2 ++
 docs/rules/no-computed-properties-in-data.md  |  2 ++
 .../no-deprecated-router-link-tag-prop.md     |  2 ++
 docs/rules/no-deprecated-v-is.md              |  1 +
 docs/rules/no-export-in-script-setup.md       |  2 ++
 docs/rules/no-useless-template-attributes.md  |  2 ++
 docs/rules/v-on-event-hyphenation.md          |  1 +
 docs/rules/valid-define-emits.md              |  2 ++
 docs/rules/valid-define-props.md              |  2 ++
 docs/rules/valid-next-tick.md                 |  1 +
 docs/rules/valid-v-memo.md                    |  2 ++
 lib/configs/essential.js                      |  4 +++
 lib/configs/vue3-essential.js                 | 10 +++++++
 lib/configs/vue3-strongly-recommended.js      |  1 +
 lib/rules/multi-word-component-names.js       |  2 +-
 lib/rules/no-computed-properties-in-data.js   |  2 +-
 .../no-deprecated-router-link-tag-prop.js     |  2 +-
 lib/rules/no-deprecated-v-is.js               |  4 +--
 lib/rules/no-export-in-script-setup.js        |  4 +--
 lib/rules/no-useless-template-attributes.js   |  4 +--
 lib/rules/v-on-event-hyphenation.js           |  4 +--
 lib/rules/valid-define-emits.js               |  4 +--
 lib/rules/valid-define-props.js               |  4 +--
 lib/rules/valid-next-tick.js                  |  3 +--
 lib/rules/valid-v-is.js                       |  2 --
 lib/rules/valid-v-memo.js                     |  4 +--
 27 files changed, 60 insertions(+), 39 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 40a6a6d28..04d9046c1 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -39,8 +39,10 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
+| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
@@ -51,16 +53,19 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  |
+| [vue/no-deprecated-router-link-tag-prop](./no-deprecated-router-link-tag-prop.md) | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
+| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
 | [vue/no-deprecated-v-on-native-modifier](./no-deprecated-v-on-native-modifier.md) | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  |
 | [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: |
 | [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
+| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
 | [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
@@ -74,6 +79,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
 | [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  |
 | [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
@@ -86,6 +92,9 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
 | [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
+| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  |
+| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
+| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
 | [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
 | [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  |
@@ -95,6 +104,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  |
 | [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  |
 | [vue/valid-v-is](./valid-v-is.md) | enforce valid `v-is` directives |  |
+| [vue/valid-v-memo](./valid-v-memo.md) | enforce valid `v-memo` directives |  |
 | [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  |
 | [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  |
 | [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  |
@@ -137,6 +147,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
 | [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
 | [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
+| [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
 | [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: |
 | [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
 
@@ -172,8 +183,10 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
+| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
+| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
 | [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  |
@@ -189,6 +202,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
+| [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
 | [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  |
 | [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
@@ -198,6 +212,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
+| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
 | [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  |
 | [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
@@ -298,17 +313,12 @@ For example:
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
-| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
-| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
-| [vue/no-deprecated-router-link-tag-prop](./no-deprecated-router-link-tag-prop.md) | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
-| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
@@ -331,7 +341,6 @@ For example:
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  |
 | [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-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
 | [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: |
@@ -343,12 +352,7 @@ For example:
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
-| [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
-| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  |
-| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
-| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
-| [vue/valid-v-memo](./valid-v-memo.md) | enforce valid `v-memo` directives |  |
 
 ### Extension Rules
 
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 46516a1fb..0baefe4d5 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -9,6 +9,8 @@ since: v7.20.0
 
 > require component names to be always multi-word
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rule require component names to be always multi-word, except for root `App`
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index 181fd231e..3a548a413 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -9,6 +9,8 @@ since: v7.20.0
 
 > disallow accessing computed properties in `data`.
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rule disallow accessing computed properties in `data()`.  
diff --git a/docs/rules/no-deprecated-router-link-tag-prop.md b/docs/rules/no-deprecated-router-link-tag-prop.md
index 7469ca9ad..b53433b4c 100644
--- a/docs/rules/no-deprecated-router-link-tag-prop.md
+++ b/docs/rules/no-deprecated-router-link-tag-prop.md
@@ -9,6 +9,8 @@ since: v7.20.0
 
 > disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule reports deprecated the `tag` attribute on `RouterLink` elements (removed in Vue.js v3.0.0+).
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 7ae4c48d8..3ac26dde6 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -9,6 +9,7 @@ since: v7.11.0
 
 > disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
index 709131f64..b059305b9 100644
--- a/docs/rules/no-export-in-script-setup.md
+++ b/docs/rules/no-export-in-script-setup.md
@@ -9,6 +9,8 @@ since: v7.13.0
 
 > disallow `export` in `<script setup>`
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule warns ES module exports in `<script setup>`.
diff --git a/docs/rules/no-useless-template-attributes.md b/docs/rules/no-useless-template-attributes.md
index c6b71027d..b309897f7 100644
--- a/docs/rules/no-useless-template-attributes.md
+++ b/docs/rules/no-useless-template-attributes.md
@@ -9,6 +9,8 @@ since: v7.19.0
 
 > disallow useless attribute on `<template>`
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rule to prevent any useless attribute on `<template>` tags.
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 8e182be14..fd8b9f48a 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -9,6 +9,7 @@ since: v7.4.0
 
 > enforce v-on event naming style on custom components in template
 
+- :gear: This rule is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index 8d27d1c63..7e00bb140 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -9,6 +9,8 @@ since: v7.13.0
 
 > enforce valid `defineEmits` compiler macro
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 This rule checks whether `defineEmits` compiler macro is valid.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index 91265eb6a..b2c47cb54 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -9,6 +9,8 @@ since: v7.13.0
 
 > enforce valid `defineProps` compiler macro
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 This rule checks whether `defineProps` compiler macro is valid.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index 43be62caa..919e59049 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -9,6 +9,7 @@ since: v7.5.0
 
 > enforce valid `nextTick` function calls
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
index 6871064da..620313698 100644
--- a/docs/rules/valid-v-memo.md
+++ b/docs/rules/valid-v-memo.md
@@ -9,6 +9,8 @@ since: v7.16.0
 
 > enforce valid `v-memo` directives
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 This rule checks whether every `v-memo` directive is valid.
 
 ## :book: Rule Details
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index dca31cd2e..57768ae1e 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -6,8 +6,10 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
+    'vue/multi-word-component-names': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-computed-properties-in-data': 'error',
     'vue/no-custom-modifiers-on-v-model': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-dupe-v-else-if': 'error',
@@ -23,6 +25,7 @@ module.exports = {
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
+    'vue/no-useless-template-attributes': 'error',
     'vue/no-v-for-template-key': 'error',
     'vue/no-v-model-argument': 'error',
     'vue/require-component-is': 'error',
@@ -32,6 +35,7 @@ module.exports = {
     'vue/require-valid-default-prop': 'error',
     'vue/return-in-computed-property': 'error',
     'vue/use-v-on-exact': 'error',
+    'vue/valid-next-tick': 'error',
     'vue/valid-template-root': 'error',
     'vue/valid-v-bind-sync': 'error',
     'vue/valid-v-bind': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 802cb62ed..43e8b9253 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -6,8 +6,10 @@
 module.exports = {
   extends: require.resolve('./base'),
   rules: {
+    'vue/multi-word-component-names': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-computed-properties-in-data': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-destroyed-lifecycle': 'error',
     'vue/no-deprecated-dollar-listeners-api': 'error',
@@ -18,16 +20,19 @@ module.exports = {
     'vue/no-deprecated-html-element-is': 'error',
     'vue/no-deprecated-inline-template': 'error',
     'vue/no-deprecated-props-default-this': 'error',
+    'vue/no-deprecated-router-link-tag-prop': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
     'vue/no-deprecated-slot-attribute': 'error',
     'vue/no-deprecated-slot-scope-attribute': 'error',
     'vue/no-deprecated-v-bind-sync': 'error',
+    'vue/no-deprecated-v-is': 'error',
     'vue/no-deprecated-v-on-native-modifier': 'error',
     'vue/no-deprecated-v-on-number-modifiers': 'error',
     'vue/no-deprecated-vue-config-keycodes': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-dupe-v-else-if': 'error',
     'vue/no-duplicate-attributes': 'error',
+    'vue/no-export-in-script-setup': 'error',
     'vue/no-lifecycle-after-await': 'error',
     'vue/no-mutating-props': 'error',
     'vue/no-parsing-error': 'error',
@@ -41,6 +46,7 @@ module.exports = {
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
+    'vue/no-useless-template-attributes': 'error',
     'vue/no-v-for-template-key-on-child': 'error',
     'vue/no-watch-after-await': 'error',
     'vue/require-component-is': 'error',
@@ -53,6 +59,9 @@ module.exports = {
     'vue/return-in-computed-property': 'error',
     'vue/return-in-emits-validator': 'error',
     'vue/use-v-on-exact': 'error',
+    'vue/valid-define-emits': 'error',
+    'vue/valid-define-props': 'error',
+    'vue/valid-next-tick': 'error',
     'vue/valid-template-root': 'error',
     'vue/valid-v-bind': 'error',
     'vue/valid-v-cloak': 'error',
@@ -62,6 +71,7 @@ module.exports = {
     'vue/valid-v-html': 'error',
     'vue/valid-v-if': 'error',
     'vue/valid-v-is': 'error',
+    'vue/valid-v-memo': 'error',
     'vue/valid-v-model': 'error',
     'vue/valid-v-on': 'error',
     'vue/valid-v-once': 'error',
diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index 5b816c957..d2e83bb85 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -28,6 +28,7 @@ module.exports = {
     'vue/require-prop-types': 'warn',
     'vue/singleline-html-element-content-newline': 'warn',
     'vue/v-bind-style': 'warn',
+    'vue/v-on-event-hyphenation': 'warn',
     'vue/v-on-style': 'warn',
     'vue/v-slot-style': 'warn'
   }
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index f47f85349..46e7bfac0 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -41,7 +41,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require component names to be always multi-word',
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/multi-word-component-names.html'
     },
     schema: [],
diff --git a/lib/rules/no-computed-properties-in-data.js b/lib/rules/no-computed-properties-in-data.js
index b2f52031f..3e1490db4 100644
--- a/lib/rules/no-computed-properties-in-data.js
+++ b/lib/rules/no-computed-properties-in-data.js
@@ -23,7 +23,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow accessing computed properties in `data`.',
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-computed-properties-in-data.html'
     },
     fixable: null,
diff --git a/lib/rules/no-deprecated-router-link-tag-prop.js b/lib/rules/no-deprecated-router-link-tag-prop.js
index d73cf0ceb..809466d6d 100644
--- a/lib/rules/no-deprecated-router-link-tag-prop.js
+++ b/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -40,7 +40,7 @@ module.exports = {
     docs: {
       description:
         'disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)',
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-router-link-tag-prop.html'
     },
     fixable: null,
diff --git a/lib/rules/no-deprecated-v-is.js b/lib/rules/no-deprecated-v-is.js
index cc4ad0a3e..7e8d3278c 100644
--- a/lib/rules/no-deprecated-v-is.js
+++ b/lib/rules/no-deprecated-v-is.js
@@ -12,9 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow deprecated `v-is` directive (in Vue.js 3.1.0+)',
-      // TODO Switch to `vue3-essential` in the major version.
-      // categories: ['vue3-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-v-is.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
index fcd7f316d..b39231dfe 100644
--- a/lib/rules/no-export-in-script-setup.js
+++ b/lib/rules/no-export-in-script-setup.js
@@ -11,9 +11,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow `export` in `<script setup>`',
-      // TODO Switch in the major version.
-      // categories: ['vue3-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-export-in-script-setup.html'
     },
     fixable: null,
diff --git a/lib/rules/no-useless-template-attributes.js b/lib/rules/no-useless-template-attributes.js
index 936480833..fca048e55 100644
--- a/lib/rules/no-useless-template-attributes.js
+++ b/lib/rules/no-useless-template-attributes.js
@@ -32,9 +32,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow useless attribute on `<template>`',
-      // TODO Switch to `vue3-essential` and `essential` in the major version.
-      // categories: ['vue3-essential', 'essential'],
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-useless-template-attributes.html'
     },
     fixable: null,
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index 7ef07f1d8..16ea753ab 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -8,9 +8,7 @@ module.exports = {
     docs: {
       description:
         'enforce v-on event naming style on custom components in template',
-      // TODO Change with major version.
-      // categories: ['vue3-strongly-recommended'],
-      categories: undefined,
+      categories: ['vue3-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-on-event-hyphenation.html'
     },
     fixable: 'code',
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index b16fc300e..6f433a835 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -12,9 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineEmits` compiler macro',
-      // TODO Switch in the major version.
-      // categories: ['vue3-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-emits.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 273eae70a..3a084dd68 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -12,9 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineProps` compiler macro',
-      // TODO Switch in the major version.
-      // categories: ['vue3-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-props.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index 52b1dbae6..59bfd554e 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -119,8 +119,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `nextTick` function calls',
-      // categories: ['vue3-essential', 'essential'],
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-next-tick.html'
     },
     fixable: 'code',
diff --git a/lib/rules/valid-v-is.js b/lib/rules/valid-v-is.js
index 584d7574c..15cde7431 100644
--- a/lib/rules/valid-v-is.js
+++ b/lib/rules/valid-v-is.js
@@ -39,8 +39,6 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-is` directives',
-      // TODO Switch to `undefined` in the major version.
-      // categories: undefined,
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-is.html'
     },
diff --git a/lib/rules/valid-v-memo.js b/lib/rules/valid-v-memo.js
index b20ba49d4..e3c85fcf4 100644
--- a/lib/rules/valid-v-memo.js
+++ b/lib/rules/valid-v-memo.js
@@ -19,9 +19,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-memo` directives',
-      // TODO Switch to `vue3-essential` in the major version.
-      // categories: ['vue3-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-memo.html'
     },
     fixable: null,

From 63d05956b1657299dc67f3a60950b7482f3d9212 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 Oct 2021 14:14:43 +0900
Subject: [PATCH 0398/1010] Upgrade vue-eslint-parser to v8.0.0 (#1664)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6a94b7400..c8c5486f2 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "eslint-utils": "^3.0.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.5",
-    "vue-eslint-parser": "^7.10.0"
+    "vue-eslint-parser": "^8.0.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.28.1",

From 166dfbff5101a01c5cde140d4316b584e2909e0a Mon Sep 17 00:00:00 2001
From: Ivo Janssen <foxxyz@gmail.com>
Date: Wed, 27 Oct 2021 22:23:40 -0700
Subject: [PATCH 0399/1010] chore: nit typo fix (#1683)

---
 lib/configs/base.js                      | 2 +-
 lib/configs/essential.js                 | 2 +-
 lib/configs/no-layout-rules.js           | 2 +-
 lib/configs/recommended.js               | 2 +-
 lib/configs/strongly-recommended.js      | 2 +-
 lib/configs/vue3-essential.js            | 2 +-
 lib/configs/vue3-recommended.js          | 2 +-
 lib/configs/vue3-strongly-recommended.js | 2 +-
 lib/index.js                             | 2 +-
 tools/update-lib-configs.js              | 4 ++--
 tools/update-lib-index.js                | 2 +-
 tools/update-no-layout-rules-config.js   | 2 +-
 12 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/lib/configs/base.js b/lib/configs/base.js
index 5b1135b41..145991976 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   parser: require.resolve('vue-eslint-parser'),
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 57768ae1e..051181595 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./base'),
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 73d857e54..4c88287af 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   rules: {
diff --git a/lib/configs/recommended.js b/lib/configs/recommended.js
index 61781f754..3db36d8c0 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/recommended.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./strongly-recommended'),
diff --git a/lib/configs/strongly-recommended.js b/lib/configs/strongly-recommended.js
index d03984029..02daf9a3c 100644
--- a/lib/configs/strongly-recommended.js
+++ b/lib/configs/strongly-recommended.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./essential'),
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 43e8b9253..b12ba778b 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./base'),
diff --git a/lib/configs/vue3-recommended.js b/lib/configs/vue3-recommended.js
index 452703dcb..34b181e29 100644
--- a/lib/configs/vue3-recommended.js
+++ b/lib/configs/vue3-recommended.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./vue3-strongly-recommended'),
diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index d2e83bb85..9da67f398 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./vue3-essential'),
diff --git a/lib/index.js b/lib/index.js
index ba2185a91..27567ae66 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -1,7 +1,7 @@
 /*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 'use strict'
 
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index b5b2488ca..eba8207f1 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -44,7 +44,7 @@ function formatCategory(category) {
     return `/*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   parser: require.resolve('vue-eslint-parser'),
@@ -66,7 +66,7 @@ module.exports = {
   return `/*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   extends: require.resolve('./${extendsCategoryId}'),
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 378de4349..85a5ead3f 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -20,7 +20,7 @@ const filePath = path.resolve(__dirname, '../lib/index.js')
 const content = `/*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 'use strict'
 
diff --git a/tools/update-no-layout-rules-config.js b/tools/update-no-layout-rules-config.js
index 51d622047..b0361b155 100644
--- a/tools/update-no-layout-rules-config.js
+++ b/tools/update-no-layout-rules-config.js
@@ -28,7 +28,7 @@ function generateConfig(rules) {
   return `/*
  * IMPORTANT!
  * This file has been automatically generated,
- * in order to update it's content execute "npm run update"
+ * in order to update its content execute "npm run update"
  */
 module.exports = {
   rules: ${formatRules(rules)}

From ecc1ae52033898cea5b2c47452caeecd8925f01a Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 28 Oct 2021 15:17:43 +0900
Subject: [PATCH 0400/1010] Add `ignore` option to
 `vue/multi-word-component-names` rule (#1681)

---
 docs/rules/multi-word-component-names.md      |  41 +++++-
 lib/rules/multi-word-component-names.js       | 136 ++++++++++--------
 tests/lib/rules/multi-word-component-names.js |  28 ++++
 3 files changed, 143 insertions(+), 62 deletions(-)

diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 0baefe4d5..33e48fb00 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -65,6 +65,7 @@ export default {
 <eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
 
 ```vue
+<!-- filename: Todo.vue -->
 <script>
 /* ✗ BAD */
 export default {
@@ -77,11 +78,47 @@ export default {
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/multi-word-component-names": ["error", {
+    "ignores": []
+  }]
+}
+```
+
+- `ignores` (`string[]`) ... The component names to ignore. Sets the component name to allow.
+
+### `ignores: ["Todo"]`
+
+<eslint-code-block fix :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  name: 'Todo'
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  name: 'Item'
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :books: Further Reading
 
-- [Style guide - Multi-word component names](https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential)
+- [Style guide - Multi-word component names](https://v3.vuejs.org/style-guide/#multi-word-component-names-essential)
 
 ## :rocket: Version
 
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index 46e7bfac0..18cc79601 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -15,23 +15,6 @@ const RESERVED_NAMES_IN_VUE3 = new Set(
   require('../utils/vue3-builtin-components')
 )
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Returns true if the given component name is valid, otherwise false.
- * @param {string} name
- * */
-function isValidComponentName(name) {
-  if (name.toLowerCase() === 'app' || RESERVED_NAMES_IN_VUE3.has(name)) {
-    return true
-  } else {
-    const elements = casing.kebabCase(name).split('-')
-    return elements.length > 1
-  }
-}
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -44,22 +27,92 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/multi-word-component-names.html'
     },
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       unexpected: 'Component name "{{value}}" should always be multi-word.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
-    const fileName = context.getFilename()
-    let componentName = fileName.replace(/\.[^/.]+$/, '')
+    /** @type {Set<string>} */
+    const ignores = new Set()
+    ignores.add('App')
+    ignores.add('app')
+    for (const ignore of (context.options[0] && context.options[0].ignores) ||
+      []) {
+      ignores.add(ignore)
+      if (casing.isPascalCase(ignore)) {
+        // PascalCase
+        ignores.add(casing.kebabCase(ignore))
+      }
+    }
+    let hasVue = false
+    let hasName = false
+
+    /**
+     * Returns true if the given component name is valid, otherwise false.
+     * @param {string} name
+     * */
+    function isValidComponentName(name) {
+      if (ignores.has(name) || RESERVED_NAMES_IN_VUE3.has(name)) {
+        return true
+      }
+      const elements = casing.kebabCase(name).split('-')
+      return elements.length > 1
+    }
+
+    /**
+     * @param {Expression | SpreadElement} nameNode
+     */
+    function validateName(nameNode) {
+      if (nameNode.type !== 'Literal') return
+      const componentName = `${nameNode.value}`
+      if (!isValidComponentName(componentName)) {
+        context.report({
+          node: nameNode,
+          messageId: 'unexpected',
+          data: {
+            value: componentName
+          }
+        })
+      }
+    }
 
     return utils.compositingVisitors(
+      utils.executeOnCallVueComponent(context, (node) => {
+        hasVue = true
+        if (node.arguments.length !== 2) return
+        hasName = true
+        validateName(node.arguments[0])
+      }),
+      utils.executeOnVue(context, (obj) => {
+        hasVue = true
+        const node = utils.findProperty(obj, 'name')
+        if (!node) return
+        hasName = true
+        validateName(node.value)
+      }),
       {
         /** @param {Program} node */
-        Program(node) {
+        'Program:exit'(node) {
+          if (hasName) return
+          if (!hasVue && node.body.length > 0) return
+          const fileName = context.getFilename()
+          const componentName = fileName.replace(/\.[^/.]+$/, '')
           if (
-            !node.body.length &&
             utils.isVueFile(fileName) &&
             !isValidComponentName(componentName)
           ) {
@@ -72,44 +125,7 @@ module.exports = {
             })
           }
         }
-      },
-
-      utils.executeOnVue(context, (obj) => {
-        const node = utils.findProperty(obj, 'name')
-
-        /** @type {SourceLocation | null} */
-        let loc = null
-
-        // Check if the component has a name property.
-        if (node) {
-          const valueNode = node.value
-          if (valueNode.type !== 'Literal') return
-
-          componentName = `${valueNode.value}`
-          loc = node.loc
-        } else if (
-          obj.parent.type === 'CallExpression' &&
-          obj.parent.arguments.length === 2
-        ) {
-          // The component is registered globally with 'Vue.component', where
-          // the first paremter is the component name.
-          const argument = obj.parent.arguments[0]
-          if (argument.type !== 'Literal') return
-
-          componentName = `${argument.value}`
-          loc = argument.loc
-        }
-
-        if (!isValidComponentName(componentName)) {
-          context.report({
-            messageId: 'unexpected',
-            data: {
-              value: componentName
-            },
-            loc: loc || { line: 1, column: 0 }
-          })
-        }
-      })
+      }
     )
   }
 }
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index 65b777984..d143f6388 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -158,6 +158,17 @@ tester.run('multi-word-component-names', rule, {
       Vue.component('TheTest', {})
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      options: [{ ignores: ['Todo'] }],
+      code: `
+      <script>
+      export default {
+        name: 'Todo'
+      }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -248,6 +259,23 @@ tester.run('multi-word-component-names', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      options: [{ ignores: ['Todo'] }],
+      code: `
+      <script>
+      export default {
+        name: 'Item'
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Component name "Item" should always be multi-word.',
+          line: 4
+        }
+      ]
     }
   ]
 })

From 44ff0e02cd0fd08b8cd7dee0127dbb5590446323 Mon Sep 17 00:00:00 2001
From: Ivo Janssen <foxxyz@gmail.com>
Date: Thu, 28 Oct 2021 00:18:54 -0700
Subject: [PATCH 0401/1010] feat: add `setup-compiler-macros` environment for
 enabling `<script setup>` compiler macro globals (#1685)

---
 docs/user-guide/README.md | 15 +++++----------
 lib/index.js              | 10 ++++++++++
 tools/update-lib-index.js | 10 ++++++++++
 3 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 1b1e72fbc..b083a6bd3 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -358,26 +358,21 @@ module.exports = {
 }
 ```
 
-#### Compiler macros such as `defineProps` and `defineEmits` are warned by `no-undef` rule
+#### Compiler macros such as `defineProps` and `defineEmits` generate `no-undef` warnings
 
-You need to define [global variables](https://eslint.org/docs/user-guide/configuring/language-options#using-configuration-files-1) in your ESLint configuration file.  
-If you don't want to define global variables, use `import { defineProps, defineEmits } from 'vue'`.
+You need to enable the compiler macros environment in your ESLint configuration file.
+If you don't want to expose these variables globally, you can use `/* global defineProps, defineEmits */` instead.
 
 Example **.eslintrc.js**:
 
 ```js
 module.exports = {
-  globals: {
-    defineProps: "readonly",
-    defineEmits: "readonly",
-    defineExpose: "readonly",
-    withDefaults: "readonly"
+  env: {
+    'vue/setup-compiler-macros': true
   }
 }
 ```
 
-See also [ESLint - Specifying Globals > Using configuration files](https://eslint.org/docs/user-guide/configuring/language-options#using-configuration-files-1).
-
 #### Parsing error with Top Level `await`
 
 ##### Using ESLint <= v7.x
diff --git a/lib/index.js b/lib/index.js
index 27567ae66..da16bbf1c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -218,5 +218,15 @@ module.exports = {
   },
   processors: {
     '.vue': require('./processor')
+  },
+  environments: {
+    'setup-compiler-macros': {
+      globals: {
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly'
+      }
+    }
   }
 }
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 85a5ead3f..b9a5dcbd9 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -37,6 +37,16 @@ module.exports = {
   },
   processors: {
     '.vue': require('./processor')
+  },
+  environments: {
+    'setup-compiler-macros': {
+      globals: {
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly'
+      }
+    }
   }
 }
 `

From 043797204dc372f54a3e86a5c78517868b42047e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 29 Oct 2021 02:38:21 +0200
Subject: [PATCH 0402/1010] Support Nuxt.js's `asyncData` in various rules
 (#1679)

* Support `asyncData` in `vue/no-undef-properties`

* Support `asyncData` in `vue/no-dupe-keys`

* Support `asyncData` in `vue/no-reserved-keys`

* Support `asyncData` in `vue/no-template-shadow`

* Support `asyncData` in `vue/no-unused-properties`

* Lint
---
 lib/rules/no-dupe-keys.js               |  9 ++++-
 lib/rules/no-reserved-keys.js           | 14 ++++++--
 lib/rules/no-template-shadow.js         |  9 ++++-
 lib/rules/no-undef-properties.js        |  5 ++-
 lib/rules/no-unused-properties.js       |  6 +++-
 lib/utils/index.js                      |  2 +-
 tests/lib/rules/no-dupe-keys.js         | 23 ++++++++++++
 tests/lib/rules/no-reserved-keys.js     | 36 +++++++++++++++++++
 tests/lib/rules/no-template-shadow.js   | 22 ++++++++++++
 tests/lib/rules/no-undef-properties.js  | 17 +++++++++
 tests/lib/rules/no-unused-properties.js | 48 ++++++++++++++++++++++++-
 11 files changed, 183 insertions(+), 8 deletions(-)

diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 8b5e8e54c..61ffda40e 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -14,7 +14,14 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 /** @type {GroupName[]} */
-const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
+const GROUP_NAMES = [
+  'props',
+  'computed',
+  'data',
+  'asyncData',
+  'methods',
+  'setup'
+]
 
 module.exports = {
   meta: {
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index 5b73d9c1f..ea684618f 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -16,7 +16,14 @@ const utils = require('../utils')
 
 const RESERVED_KEYS = require('../utils/vue-reserved.json')
 /** @type {GroupName[]} */
-const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
+const GROUP_NAMES = [
+  'props',
+  'computed',
+  'data',
+  'asyncData',
+  'methods',
+  'setup'
+]
 
 module.exports = {
   meta: {
@@ -76,7 +83,10 @@ module.exports = {
       utils.executeOnVue(context, (obj) => {
         const properties = utils.iterateProperties(obj, groups)
         for (const o of properties) {
-          if (o.groupName === 'data' && o.name[0] === '_') {
+          if (
+            (o.groupName === 'data' || o.groupName === 'asyncData') &&
+            o.name[0] === '_'
+          ) {
             context.report({
               node: o.node,
               messageId: 'startsWithUnderscore',
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index f66f8a701..e3e803792 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -19,7 +19,14 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 /** @type {GroupName[]} */
-const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
+const GROUP_NAMES = [
+  'props',
+  'computed',
+  'data',
+  'asyncData',
+  'methods',
+  'setup'
+]
 
 module.exports = {
   meta: {
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index fdd506cc5..4246f771b 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -32,6 +32,7 @@ const {
 // ------------------------------------------------------------------------------
 
 const GROUP_PROPERTY = 'props'
+const GROUP_ASYNC_DATA = 'asyncData' // Nuxt.js
 const GROUP_DATA = 'data'
 const GROUP_COMPUTED_PROPERTY = 'computed'
 const GROUP_METHODS = 'methods'
@@ -334,6 +335,7 @@ module.exports = {
             node,
             new Set([
               GROUP_PROPERTY,
+              GROUP_ASYNC_DATA,
               GROUP_DATA,
               GROUP_COMPUTED_PROPERTY,
               GROUP_SETUP,
@@ -342,7 +344,8 @@ module.exports = {
             ])
           )) {
             const propertyMap =
-              prop.groupName === GROUP_DATA &&
+              (prop.groupName === GROUP_DATA ||
+                prop.groupName === GROUP_ASYNC_DATA) &&
               prop.type === 'object' &&
               prop.property.value.type === 'ObjectExpression'
                 ? getObjectPropertyMap(prop.property.value)
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 0a36c6579..74762e446 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -55,6 +55,7 @@ const {
 
 const GROUP_PROPERTY = 'props'
 const GROUP_DATA = 'data'
+const GROUP_ASYNC_DATA = 'asyncData'
 const GROUP_COMPUTED_PROPERTY = 'computed'
 const GROUP_METHODS = 'methods'
 const GROUP_SETUP = 'setup'
@@ -64,6 +65,7 @@ const GROUP_EXPOSE = 'expose'
 const PROPERTY_LABEL = {
   props: 'property',
   data: 'data',
+  asyncData: 'async data',
   computed: 'computed property',
   methods: 'method',
   setup: 'property returned from `setup()`',
@@ -213,6 +215,7 @@ module.exports = {
               enum: [
                 GROUP_PROPERTY,
                 GROUP_DATA,
+                GROUP_ASYNC_DATA,
                 GROUP_COMPUTED_PROPERTY,
                 GROUP_METHODS,
                 GROUP_SETUP
@@ -350,7 +353,8 @@ module.exports = {
             // used
             if (
               deepData &&
-              property.groupName === 'data' &&
+              (property.groupName === 'data' ||
+                property.groupName === 'asyncData') &&
               property.type === 'object'
             ) {
               // Check the deep properties of the data option.
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 5c49d15f2..ac94af2d1 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -23,7 +23,7 @@
  * @typedef { {key: string | null, value: BlockStatement | null} } ComponentComputedProperty
  */
 /**
- * @typedef { 'props' | 'data' | 'computed' | 'setup' | 'watch' | 'methods' | 'provide' | 'inject' | 'expose' } GroupName
+ * @typedef { 'props' | 'asyncData' | 'data' | 'computed' | 'setup' | 'watch' | 'methods' | 'provide' | 'inject' | 'expose' } GroupName
  * @typedef { { type: 'array',  name: string, groupName: GroupName, node: Literal | TemplateLiteral } } ComponentArrayPropertyData
  * @typedef { { type: 'object', name: string, groupName: GroupName, node: Identifier | Literal | TemplateLiteral, property: Property } } ComponentObjectPropertyData
  * @typedef { ComponentArrayPropertyData | ComponentObjectPropertyData } ComponentPropertyData
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index d85655669..9e01f0856 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -709,6 +709,29 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          asyncData() {
+            return {
+              foo: 1
+            }
+          },
+          data() {
+            return {
+              foo: 2
+            }
+          },
+        }
+      `,
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 10
+        }
+      ]
+    },
     {
       filename: 'test.js',
       code: `
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index 02a1e79b9..b262ea44f 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -156,6 +156,25 @@ ruleTester.run('no-reserved-keys', rule, {
         }
       ]
     },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          asyncData () {
+            return {
+              $el: ''
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [
+        {
+          message: "Key '$el' is reserved.",
+          line: 5
+        }
+      ]
+    },
     {
       filename: 'test.js',
       code: `
@@ -209,6 +228,23 @@ ruleTester.run('no-reserved-keys', rule, {
         }
       ]
     },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          asyncData: () => ({
+            _foo: String
+          })
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [
+        {
+          message: "Keys starting with '_' are reserved in '_foo' group.",
+          line: 4
+        }
+      ]
+    },
     {
       filename: 'test.js',
       code: `
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index 1f1daa184..cd66b06ab 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -250,6 +250,28 @@ ruleTester.run('no-template-shadow', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <div v-for="i in 5"></div>
+      </template>
+      <script>
+        export default {
+          asyncData() {
+            return {
+              i: 27,
+            }
+          }
+        }
+      </script>`,
+      errors: [
+        {
+          message: "Variable 'i' is already declared in the upper scope.",
+          type: 'Identifier',
+          line: 2
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `<template>
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 09e16bda9..f432a8d0e 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -67,6 +67,23 @@ tester.run('no-undef-properties', rule, {
       </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div> {{ foo }} </div>
+      </template>
+      <script>
+        export default {
+          asyncData() {
+            return {
+              foo: 42
+            }
+          },
+        };
+      </script>
+      `
+    },
     //default ignores
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index de535bd25..ecd41243e 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -16,7 +16,7 @@ const tester = new RuleTester({
 })
 
 const allOptions = [
-  { groups: ['props', 'computed', 'data', 'methods', 'setup'] }
+  { groups: ['props', 'computed', 'data', 'asyncData', 'methods', 'setup'] }
 ]
 const deepDataOptions = [{ groups: ['data'], deepData: true }]
 
@@ -647,6 +647,26 @@ tester.run('no-unused-properties', rule, {
       options: allOptions
     },
 
+    // async data passed in a component
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <counter :count="foo" />
+        </template>
+        <script>
+          export default {
+            asyncData() {
+              return {
+                foo: 2
+              }
+            }
+          }
+        </script>
+      `,
+      options: allOptions
+    },
+
     // ignores unused data when marked with eslint-disable
     {
       filename: 'test.vue',
@@ -1709,6 +1729,32 @@ tester.run('no-unused-properties', rule, {
       ]
     },
 
+    // unused async data
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ cont }}</div>
+        </template>
+        <script>
+          export default {
+            asyncData () {
+              return {
+                count: 2
+              };
+            }
+          };
+        </script>
+      `,
+      options: [{ groups: ['props', 'computed', 'data', 'asyncData'] }],
+      errors: [
+        {
+          message: "'count' of async data found, but never used.",
+          line: 9
+        }
+      ]
+    },
+
     // unused computed property
     {
       filename: 'test.vue',

From afec2656b7e083667090799d7b4b6d998064bb9b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 09:38:46 +0900
Subject: [PATCH 0403/1010] Fix false positives for non-vue file in
 `vue/multi-word-component-names` rule (#1684)

---
 tests/lib/rules/multi-word-component-names.js | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index d143f6388..d5b0f8851 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -169,6 +169,35 @@ tester.run('multi-word-component-names', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      new Vue({})
+      `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1670
+      filename: 'main.ts',
+      code: `
+      import Vue from 'vue'
+      import VueCompositionAPI, { h } from '@vue/composition-api'
+      import i18n from '@/i18n'
+      import router from '@/router'
+      import store from '@/store'
+      // ...
+
+      Vue.use(VueCompositionAPI)
+
+      new Vue({
+          i18n,
+          router,
+          store,
+          setup() {
+              return () => h(App)
+          },
+      }).$mount('#app')
+      `
     }
   ],
   invalid: [

From 0aeaaaf50697e976f6e6cdac2da276cddd0220b1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 11:13:41 +0900
Subject: [PATCH 0404/1010] Add  `vue/no-reserved-props` rule (#1678)

* Add  `vue/no-reserved-props` rule

* add 'class' and 'style'
---
 docs/rules/README.md                          |   2 +
 docs/rules/no-reserved-props.md               |  52 +++
 lib/configs/essential.js                      |   6 +
 lib/configs/vue3-essential.js                 |   1 +
 lib/index.js                                  |   1 +
 lib/rules/no-reserved-props.js                |  97 +++++
 lib/utils/ts-ast-utils.js                     |   6 +-
 tests/lib/rules/no-reserved-props.js          | 402 ++++++++++++++++++
 tools/update-lib-configs.js                   |  14 +-
 typings/eslint-plugin-vue/util-types/utils.ts |   2 +-
 10 files changed, 576 insertions(+), 7 deletions(-)
 create mode 100644 docs/rules/no-reserved-props.md
 create mode 100644 lib/rules/no-reserved-props.js
 create mode 100644 tests/lib/rules/no-reserved-props.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 04d9046c1..7762e48eb 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -71,6 +71,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
 | [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
+| [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  |
 | [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
@@ -195,6 +196,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
+| [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
diff --git a/docs/rules/no-reserved-props.md b/docs/rules/no-reserved-props.md
new file mode 100644
index 000000000..9cec8c445
--- /dev/null
+++ b/docs/rules/no-reserved-props.md
@@ -0,0 +1,52 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-reserved-props
+description: disallow reserved names in props
+---
+# vue/no-reserved-props
+
+> disallow reserved names in props
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule disallow reserved names to be used in props.
+
+<eslint-code-block :rules="{'vue/no-reserved-props': ['error']}">
+
+```vue
+<script>
+export default {
+  props: {
+    /* ✗ BAD */
+    ref: String,
+    key: String,
+    /* ✓ GOOD */
+    foo: String,
+    bar: String,
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-reserved-props": ["error", {
+    "vueVersion": 3, // or 2
+  }]
+}
+```
+
+- `vueVersion` (`2 | 3`) ... Specify the version of Vue you are using. Default is `3`.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-reserved-props.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-reserved-props.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 051181595..970473a4d 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -18,6 +18,12 @@ module.exports = {
     'vue/no-mutating-props': 'error',
     'vue/no-parsing-error': 'error',
     'vue/no-reserved-keys': 'error',
+    'vue/no-reserved-props': [
+      'error',
+      {
+        vueVersion: 2
+      }
+    ],
     'vue/no-shared-component-data': 'error',
     'vue/no-side-effects-in-computed-properties': 'error',
     'vue/no-template-key': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index b12ba778b..155774649 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -38,6 +38,7 @@ module.exports = {
     'vue/no-parsing-error': 'error',
     'vue/no-ref-as-operand': 'error',
     'vue/no-reserved-keys': 'error',
+    'vue/no-reserved-props': 'error',
     'vue/no-setup-props-destructure': 'error',
     'vue/no-shared-component-data': 'error',
     'vue/no-side-effects-in-computed-properties': 'error',
diff --git a/lib/index.js b/lib/index.js
index da16bbf1c..0d2fc7197 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -103,6 +103,7 @@ module.exports = {
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
+    'no-reserved-props': require('./rules/no-reserved-props'),
     'no-restricted-block': require('./rules/no-restricted-block'),
     'no-restricted-call-after-await': require('./rules/no-restricted-call-after-await'),
     'no-restricted-class': require('./rules/no-restricted-class'),
diff --git a/lib/rules/no-reserved-props.js b/lib/rules/no-reserved-props.js
new file mode 100644
index 000000000..8694d58b5
--- /dev/null
+++ b/lib/rules/no-reserved-props.js
@@ -0,0 +1,97 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+/**
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const RESERVED = {
+  3: ['key', 'ref'],
+  2: ['key', 'ref', 'is', 'slot', 'slot-scope', 'slotScope', 'class', 'style']
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow reserved names in props',
+      categories: ['vue3-essential', 'essential'],
+      url: 'https://eslint.vuejs.org/rules/no-reserved-props.html',
+      defaultOptions: {
+        vue2: [{ vueVersion: 2 }]
+      }
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          vueVersion: {
+            enum: [2, 3]
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      reserved:
+        "'{{propName}}' is a reserved attribute and cannot be used as props."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || {}
+    /** @type {2|3} */
+    const vueVersion = options.vueVersion || 3
+
+    const reserved = new Set(RESERVED[vueVersion])
+
+    /**
+     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     */
+    function processProps(props) {
+      for (const prop of props) {
+        if (prop.propName != null && reserved.has(prop.propName)) {
+          context.report({
+            node: prop.node,
+            messageId: `reserved`,
+            data: {
+              propName: casing.kebabCase(prop.propName)
+            }
+          })
+        }
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          processProps(props)
+        }
+      }),
+      utils.executeOnVue(context, (obj) => {
+        processProps(utils.getComponentProps(obj))
+      })
+    )
+  }
+}
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index 6777859b8..dcc6c7cf5 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -122,7 +122,7 @@ function* extractRuntimeProps(context, node) {
   for (const m of members) {
     if (
       (m.type === 'TSPropertySignature' || m.type === 'TSMethodSignature') &&
-      m.key.type === 'Identifier'
+      (m.key.type === 'Identifier' || m.key.type === 'Literal')
     ) {
       let type
       if (m.type === 'TSMethodSignature') {
@@ -132,8 +132,8 @@ function* extractRuntimeProps(context, node) {
       }
       yield {
         type: 'type',
-        key: /** @type {Identifier} */ (m.key),
-        propName: m.key.name,
+        key: /** @type {Identifier | Literal} */ (m.key),
+        propName: m.key.type === 'Identifier' ? m.key.name : `${m.key.value}`,
         value: null,
         node: /** @type {TSPropertySignature | TSMethodSignature} */ (m),
 
diff --git a/tests/lib/rules/no-reserved-props.js b/tests/lib/rules/no-reserved-props.js
new file mode 100644
index 000000000..595ac9409
--- /dev/null
+++ b/tests/lib/rules/no-reserved-props.js
@@ -0,0 +1,402 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-reserved-props')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-reserved-props', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          foo: String
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: ['foo']
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({ foo: String })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['foo'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        foo: String
+      }
+      defineProps<Props>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data() {
+          return {
+            ref: ''
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        is: string,
+        slot: string,
+        "slot-scope": string,
+      }
+      defineProps<Props>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          ref: String,
+          key: String,
+          is: String,
+          slot: String,
+          "slot-scope": String,
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 11
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 6,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          ref: String,
+          key: String,
+          is: String,
+          slot: String,
+          "slot-scope": String,
+        }
+      }
+      </script>
+      `,
+      options: [{ vueVersion: 3 }],
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 11
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 6,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          'ref',
+          'key',
+          'is',
+          'slot',
+          "slot-scope",
+          "slotScope",
+          'class',
+          \`style\`
+        ]
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 11
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 6,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({
+        ref: String,
+        key: String,
+        is: String,
+        slot: String,
+        "slot-scope": String,
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 4,
+          column: 9
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps([
+        'ref',
+        'key',
+        'is',
+        'slot',
+        "slot-scope",
+      ])
+      </script>
+      `,
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 4,
+          column: 9
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      interface Props {
+        ref: string,
+        key: string,
+        is: string,
+        slot: string,
+        "slot-scope": string,
+      }
+      defineProps<Props>()
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 4,
+          column: 9
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          ref: String,
+          key: String,
+          is: String,
+          slot: String,
+          "slot-scope": String,
+        }
+      }
+      </script>
+      `,
+      options: [{ vueVersion: 2 }],
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 11
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 6,
+          column: 11
+        },
+        {
+          message: "'is' is a reserved attribute and cannot be used as props.",
+          line: 7,
+          column: 11
+        },
+        {
+          message:
+            "'slot' is a reserved attribute and cannot be used as props.",
+          line: 8,
+          column: 11
+        },
+        {
+          message:
+            "'slot-scope' is a reserved attribute and cannot be used as props.",
+          line: 9,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          'ref',
+          'key',
+          'is',
+          'slot',
+          "slot-scope",
+        ]
+      }
+      </script>
+      `,
+      options: [{ vueVersion: 2 }],
+      errors: [
+        {
+          message: "'ref' is a reserved attribute and cannot be used as props.",
+          line: 5,
+          column: 11
+        },
+        {
+          message: "'key' is a reserved attribute and cannot be used as props.",
+          line: 6,
+          column: 11
+        },
+        {
+          message: "'is' is a reserved attribute and cannot be used as props.",
+          line: 7,
+          column: 11
+        },
+        {
+          message:
+            "'slot' is a reserved attribute and cannot be used as props.",
+          line: 8,
+          column: 11
+        },
+        {
+          message:
+            "'slot-scope' is a reserved attribute and cannot be used as props.",
+          line: 9,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: [
+          "slotScope",
+          'class',
+          \`style\`
+        ]
+      }
+      </script>
+      `,
+      options: [{ vueVersion: 2 }],
+      errors: [
+        {
+          message:
+            "'slot-scope' is a reserved attribute and cannot be used as props.",
+          line: 5
+        },
+        {
+          message:
+            "'class' is a reserved attribute and cannot be used as props.",
+          line: 6
+        },
+        {
+          message:
+            "'style' is a reserved attribute and cannot be used as props.",
+          line: 7
+        }
+      ]
+    }
+  ]
+})
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index eba8207f1..26376b78a 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -30,9 +30,17 @@ const extendsCategories = {
 
 function formatRules(rules, categoryId) {
   const obj = rules.reduce((setting, rule) => {
-    setting[rule.ruleId] = errorCategories.includes(categoryId)
-      ? 'error'
-      : 'warn'
+    let options = errorCategories.includes(categoryId) ? 'error' : 'warn'
+    const defaultOptions =
+      rule.meta && rule.meta.docs && rule.meta.docs.defaultOptions
+    if (defaultOptions) {
+      const v = categoryId.startsWith('vue3') ? 3 : 2
+      const defaultOption = defaultOptions[`vue${v}`]
+      if (defaultOption) {
+        options = [options, ...defaultOption]
+      }
+    }
+    setting[rule.ruleId] = options
     return setting
   }, {})
   return JSON.stringify(obj, null, 2)
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index 7258cb673..73b9e81c7 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -103,7 +103,7 @@ export type ComponentObjectProp =
 
 export type ComponentTypeProp = {
   type: 'type'
-  key: Identifier
+  key: Identifier | Literal
   propName: string
   value: null
   node: TSPropertySignature | TSMethodSignature

From 4ade913154a3da6d0c771986e9d2cef31ef17b08 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 11:14:03 +0900
Subject: [PATCH 0405/1010] Add `vue/no-loss-of-precision` rule (#1680)

---
 docs/rules/README.md                         |  1 +
 docs/rules/no-loss-of-precision.md           | 30 +++++++
 lib/index.js                                 |  1 +
 lib/rules/no-loss-of-precision.js            | 16 ++++
 lib/utils/index.js                           | 24 ++++-
 tests/lib/rules/no-loss-of-precision.js      | 93 ++++++++++++++++++++
 tests/lib/utils/core-rules/wrap-core-rule.js | 41 +++++++++
 7 files changed, 204 insertions(+), 2 deletions(-)
 create mode 100644 docs/rules/no-loss-of-precision.md
 create mode 100644 lib/rules/no-loss-of-precision.js
 create mode 100644 tests/lib/rules/no-loss-of-precision.js
 create mode 100644 tests/lib/utils/core-rules/wrap-core-rule.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 7762e48eb..8619d88f1 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -382,6 +382,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
 | [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses | :wrench: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
+| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision |  |
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays |  |
 | [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
new file mode 100644
index 000000000..2c253c786
--- /dev/null
+++ b/docs/rules/no-loss-of-precision.md
@@ -0,0 +1,30 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-loss-of-precision
+description: disallow literal numbers that lose precision
+---
+# vue/no-loss-of-precision
+
+> disallow literal numbers that lose precision
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule is the same rule as core [no-loss-of-precision] rule but it applies to the expressions in `<template>`.
+
+:::warning
+You must be using ESLint v7.1.0 or later to use this rule.
+:::
+
+## :books: Further Reading
+
+- [no-loss-of-precision]
+
+[no-loss-of-precision]: https://eslint.org/docs/rules/no-loss-of-precision
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-loss-of-precision.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-loss-of-precision.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-loss-of-precision)</sup>
diff --git a/lib/index.js b/lib/index.js
index 0d2fc7197..60d7aac0e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -93,6 +93,7 @@ module.exports = {
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-lone-template': require('./rules/no-lone-template'),
+    'no-loss-of-precision': require('./rules/no-loss-of-precision'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
     'no-multiple-objects-in-class': require('./rules/no-multiple-objects-in-class'),
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
diff --git a/lib/rules/no-loss-of-precision.js b/lib/rules/no-loss-of-precision.js
new file mode 100644
index 000000000..6e6b85a02
--- /dev/null
+++ b/lib/rules/no-loss-of-precision.js
@@ -0,0 +1,16 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = utils.wrapCoreRule('no-loss-of-precision', {
+  applyDocument: true
+})
diff --git a/lib/utils/index.js b/lib/utils/index.js
index ac94af2d1..ef82c7b9d 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -68,11 +68,11 @@ let ruleMap = null
 /**
  * Get the core rule implementation from the rule name
  * @param {string} name
- * @returns {RuleModule}
+ * @returns {RuleModule | null}
  */
 function getCoreRule(name) {
   const map = ruleMap || (ruleMap = new (require('eslint').Linter)().getRules())
-  return map.get(name) || require(`eslint/lib/rules/${name}`)
+  return map.get(name) || null
 }
 
 /**
@@ -331,6 +331,26 @@ module.exports = {
    */
   wrapCoreRule(coreRuleName, options) {
     const coreRule = getCoreRule(coreRuleName)
+    if (!coreRule) {
+      return {
+        meta: {
+          type: 'problem',
+          docs: {
+            url: `https://eslint.vuejs.org/rules/${coreRuleName}.html`
+          }
+        },
+        create(context) {
+          return defineTemplateBodyVisitor(context, {
+            "VElement[name='template'][parent.type='VDocumentFragment']"(node) {
+              context.report({
+                node,
+                message: `Failed to extend ESLint core rule "${coreRuleName}". You may be able to use this rule by upgrading the version of ESLint. If you cannot upgrade it, turn off this rule.`
+              })
+            }
+          })
+        }
+      }
+    }
     const {
       categories,
       skipDynamicArguments,
diff --git a/tests/lib/rules/no-loss-of-precision.js b/tests/lib/rules/no-loss-of-precision.js
new file mode 100644
index 000000000..5608f8e11
--- /dev/null
+++ b/tests/lib/rules/no-loss-of-precision.js
@@ -0,0 +1,93 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { RuleTester, ESLint } = require('../../eslint-compat')
+const semver = require('semver')
+const rule = require('../../../lib/rules/no-loss-of-precision')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+tester.run('no-loss-of-precision', rule, {
+  valid: [
+    ...(semver.gte(ESLint.version, '7.1.0')
+      ? [
+          {
+            filename: 'test.vue',
+            code: `
+            <template>
+              {{12345}}
+              {{123.45}}
+            </template>
+            `
+          },
+          {
+            filename: 'test.vue',
+            code: `
+            <template>
+              <MyComponent num="12345678901234567890" />
+            </template>
+            `
+          }
+        ]
+      : [])
+  ],
+  invalid: [
+    ...(semver.gte(ESLint.version, '7.1.0')
+      ? [
+          {
+            filename: 'test.vue',
+            code: `
+            <template>
+              {{12345678901234567890}}
+              {{0.12345678901234567890}}
+            </template>
+            `,
+            errors: [
+              {
+                message: 'This number literal will lose precision at runtime.',
+                line: 3
+              },
+              {
+                message: 'This number literal will lose precision at runtime.',
+                line: 4
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+            <template>
+              <MyComponent :num="12345678901234567890" />
+            </template>
+            `,
+            errors: [
+              {
+                message: 'This number literal will lose precision at runtime.',
+                line: 3
+              }
+            ]
+          }
+        ]
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+            <template>
+              <MyComponent :num="12345678901234567890" />
+            </template>
+            `,
+            errors: [
+              'Failed to extend ESLint core rule "no-loss-of-precision". You may be able to use this rule by upgrading the version of ESLint. If you cannot upgrade it, turn off this rule.'
+            ]
+          }
+        ])
+  ]
+})
diff --git a/tests/lib/utils/core-rules/wrap-core-rule.js b/tests/lib/utils/core-rules/wrap-core-rule.js
new file mode 100644
index 000000000..912957aa6
--- /dev/null
+++ b/tests/lib/utils/core-rules/wrap-core-rule.js
@@ -0,0 +1,41 @@
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const utils = require('../../../../lib/utils/index')
+
+const rule = utils.wrapCoreRule('foo')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+tester.run('wrap-core-rule-with-unknown', rule, {
+  valid: [
+    {
+      filename: 'test.js',
+      code: `var a`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<template></template>`,
+      errors: [
+        {
+          message:
+            'Failed to extend ESLint core rule "foo". You may be able to use this rule by upgrading the version of ESLint. If you cannot upgrade it, turn off this rule.',
+          line: 1,
+          column: 1
+        }
+      ]
+    }
+  ]
+})

From 3b5b1273c94d0b1b545e3a8308a515bcc33d81fc Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 11:19:34 +0900
Subject: [PATCH 0406/1010] 8.0.0

---
 docs/rules/first-attribute-linebreak.md  | 6 +++++-
 docs/rules/multi-word-component-names.md | 4 ++--
 docs/rules/no-loss-of-precision.md       | 7 +++++--
 docs/rules/no-reserved-props.md          | 6 +++++-
 package.json                             | 2 +-
 5 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index 83aa4eda9..be53bd68b 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/first-attribute-linebreak
 description: enforce the location of first attribute
+since: v8.0.0
 ---
 # vue/first-attribute-linebreak
 
 > enforce the location of first attribute
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
@@ -158,6 +158,10 @@ This rule aims to enforce a consistent location for the first attribute.
 
 - [Style guide - Multi attribute elements](https://v3.vuejs.org/style-guide/#multi-attribute-elements-strongly-recommended)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/first-attribute-linebreak.js)
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 33e48fb00..e45bd7b61 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -90,7 +90,7 @@ export default {
 
 ### `ignores: ["Todo"]`
 
-<eslint-code-block fix :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
+<eslint-code-block :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
 
 ```vue
 <script>
@@ -103,7 +103,7 @@ export default {
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
+<eslint-code-block :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
 
 ```vue
 <script>
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index 2c253c786..c558513cd 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-loss-of-precision
 description: disallow literal numbers that lose precision
+since: v8.0.0
 ---
 # vue/no-loss-of-precision
 
 > disallow literal numbers that lose precision
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule is the same rule as core [no-loss-of-precision] rule but it applies to the expressions in `<template>`.
 
 :::warning
@@ -22,6 +21,10 @@ You must be using ESLint v7.1.0 or later to use this rule.
 
 [no-loss-of-precision]: https://eslint.org/docs/rules/no-loss-of-precision
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-loss-of-precision.js)
diff --git a/docs/rules/no-reserved-props.md b/docs/rules/no-reserved-props.md
index 9cec8c445..3c9ac1044 100644
--- a/docs/rules/no-reserved-props.md
+++ b/docs/rules/no-reserved-props.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-reserved-props
 description: disallow reserved names in props
+since: v8.0.0
 ---
 # vue/no-reserved-props
 
 > disallow reserved names in props
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
@@ -46,6 +46,10 @@ export default {
 
 - `vueVersion` (`2 | 3`) ... Specify the version of Vue you are using. Default is `3`.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-reserved-props.js)
diff --git a/package.json b/package.json
index c8c5486f2..6fea92f1c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "7.20.0",
+  "version": "8.0.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 623445595c9a8da162cf7d796ca1fedeb6cec63f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 12:51:14 +0900
Subject: [PATCH 0407/1010] Fix false positives for arrow return in
 `vue/valid-next-tick` rule (#1686)

---
 lib/rules/valid-next-tick.js       |  7 +++++++
 tests/lib/rules/valid-next-tick.js | 16 ++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index 59bfd554e..ed5137f8c 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -76,6 +76,13 @@ function isAwaitedPromise(callExpression) {
     // cases like `return nextTick()`
     return true
   }
+  if (
+    callExpression.parent.type === 'ArrowFunctionExpression' &&
+    callExpression.parent.body === callExpression
+  ) {
+    // cases like `() => nextTick()`
+    return true
+  }
 
   if (
     callExpression.parent.type === 'MemberExpression' &&
diff --git a/tests/lib/rules/valid-next-tick.js b/tests/lib/rules/valid-next-tick.js
index 220e43417..a2ac636fb 100644
--- a/tests/lib/rules/valid-next-tick.js
+++ b/tests/lib/rules/valid-next-tick.js
@@ -113,6 +113,22 @@ tester.run('valid-next-tick', rule, {
           return this.$nextTick();
         }
       }</script>`
+    },
+
+    {
+      filename: 'test.vue',
+      code: `<script>;
+      export default {
+        methods: {
+          fn1 () {
+            return this.$nextTick()
+          },
+          fn2 () {
+            return this.$nextTick()
+              .then(() => this.$nextTick())
+          },
+        }
+      }</script>`
     }
   ],
   invalid: [

From 987c402467c4e35c2bf41a43f847be6e09a0adb8 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 12:53:08 +0900
Subject: [PATCH 0408/1010] 8.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6fea92f1c..679c1dcf2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c6ca602f458cecce8328e9c6389b53ac406f8886 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 29 Oct 2021 22:33:45 +0900
Subject: [PATCH 0409/1010] Update bug_report.md

---
 .github/ISSUE_TEMPLATE/bug_report.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index cc2e88ff0..15c886937 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -51,4 +51,8 @@ about: Create a report to help us improve
 -->
 
 **Repository to reproduce this issue**
+<!--
+  Please share a repository that can reproduce your issue.
+  If you don't share it, we will most likely add a comment asking you to share the repository.
+-->
 

From fa1675c65c9297d96a9948bb3b38d7f34fc21a19 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 Oct 2021 05:27:34 +0900
Subject: [PATCH 0410/1010] Fix false positive for filename in
 `vue/multi-word-component-names` rule (#1689)

---
 lib/rules/multi-word-component-names.js       | 3 ++-
 tests/lib/rules/multi-word-component-names.js | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index 18cc79601..4e4e7db28 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const path = require('path')
 const casing = require('../utils/casing')
 const utils = require('../utils')
 
@@ -111,7 +112,7 @@ module.exports = {
           if (hasName) return
           if (!hasVue && node.body.length > 0) return
           const fileName = context.getFilename()
-          const componentName = fileName.replace(/\.[^/.]+$/, '')
+          const componentName = path.basename(fileName, path.extname(fileName))
           if (
             utils.isVueFile(fileName) &&
             !isValidComponentName(componentName)
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index d5b0f8851..bb0fba770 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -39,6 +39,10 @@ tester.run('multi-word-component-names', rule, {
       filename: 'app.vue',
       code: ''
     },
+    {
+      filename: 'path/to/app.vue',
+      code: '<script></script>'
+    },
     {
       filename: 'invalid.vue',
       code: `

From ec7cb15cfca28888b898d83c943d9a7463b4ab1c Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 30 Oct 2021 05:29:22 +0900
Subject: [PATCH 0411/1010] 8.0.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 679c1dcf2..99beb02dd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From dc0e3ea9cdc8a8930cb24d472d3b04ee47d42626 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 30 Oct 2021 13:09:17 +0900
Subject: [PATCH 0412/1010] Upgrade vue-eslint-parser to use patch. (#1691)

* Upgrade vue-eslint-parser to use patch.

https://github.com/vuejs/vue-eslint-parser/releases/tag/v8.0.1

* fix
---
 package.json                                  |  2 +-
 .../rules/no-async-in-computed-properties.js  | 25 +++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 99beb02dd..9e5a20170 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "eslint-utils": "^3.0.0",
     "natural-compare": "^1.4.0",
     "semver": "^7.3.5",
-    "vue-eslint-parser": "^8.0.0"
+    "vue-eslint-parser": "^8.0.1"
   },
   "devDependencies": {
     "@types/eslint": "^7.28.1",
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index c54b833af..a244c7747 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -307,6 +307,31 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
         `,
       parserOptions
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1690
+      filename: 'test.vue',
+      parser,
+      parserOptions: {
+        sourceType: 'module',
+        ecmaVersion: 2020
+      },
+      code: `
+      <template>
+        <div class="f-c" style="height: 100%;">
+        </div>
+      </template>
+      <script setup>
+      import { ref, computed } from 'vue' // each time uncomment error will print. anything from 'vue'
+      import { useStore } from 'vuex' // others like this is ok
+      </script>
+      <script>
+      export default {
+        name: 'App',
+        components: {
+        },
+      }
+      </script>`
     }
   ],
 

From 9c3b117fcaca00847d9f0dac1145683cad164e1e Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 30 Oct 2021 13:11:23 +0900
Subject: [PATCH 0413/1010] 8.0.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9e5a20170..c2eefdb34 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.0.2",
+  "version": "8.0.3",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From ab9061ea8a50defca17850d3891261410a78dcec Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 1 Nov 2021 19:29:41 +0900
Subject: [PATCH 0414/1010] Fix doc max-attributes-per-line.md (#1694)

---
 docs/rules/max-attributes-per-line.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index a537eef33..cecbfd563 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -67,8 +67,8 @@ There is a configurable number of attributes that are acceptable in one-line cas
 }
 ```
 
-- `singleline.max` (`number`) ... The number of maximum attributes per line when the opening tag is in a single line. Default is `1`.
-- `multiline.max` (`number`) ... The max number of attributes per line when the opening tag is in multiple lines. Default is `1`. This can be `{ multiline: 1 }` instead of `{ multiline: { max: 1 }}` if you don't configure `allowFirstLine` property.
+- `singleline.max` (`number`) ... The number of maximum attributes per line when the opening tag is in a single line. Default is `1`. This can be `{ singleline: 1 }` instead of `{ singleline: { max: 1 }}`.
+- `multiline.max` (`number`) ... The max number of attributes per line when the opening tag is in multiple lines. Default is `1`. This can be `{ multiline: 1 }` instead of `{ multiline: { max: 1 }}`.
 
 ### `"singleline": 3`
 

From 6c4058db6c38333dd8e11ac8593cb6171c97b719 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 11 Nov 2021 10:51:04 +0900
Subject: [PATCH 0415/1010] Update bug_report.md

---
 .github/ISSUE_TEMPLATE/bug_report.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 15c886937..f1169f466 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -52,7 +52,8 @@ about: Create a report to help us improve
 
 **Repository to reproduce this issue**
 <!--
-  Please share a repository that can reproduce your issue.
-  If you don't share it, we will most likely add a comment asking you to share the repository.
+  ❗ Please share a repository that can reproduce your issue.
+  ❗ If you don't share it, we just label it as requesting a repository that can reproduce your issue.
+  ❗ If you don't share it for a few days, we silently close this issue.
 -->
 

From c033ac6664b09202dc77f677e44ed2e1e55a41a6 Mon Sep 17 00:00:00 2001
From: Cameron Huntington <huntington.c@gmail.com>
Date: Thu, 11 Nov 2021 17:49:43 -0600
Subject: [PATCH 0416/1010] grammar fixes, rule guide  reconstruction, rename
 changelog to releases (#1706)

---
 README.md | 36 ++++++++++++++----------------------
 1 file changed, 14 insertions(+), 22 deletions(-)

diff --git a/README.md b/README.md
index c8951f0a3..d62fff037 100644
--- a/README.md
+++ b/README.md
@@ -9,49 +9,41 @@
 
 ## :book: Documentation
 
-See [the official website](https://eslint.vuejs.org).
+Please refer to [official website](https://eslint.vuejs.org).
 
 ## :anchor: Versioning Policy
 
-This plugin is following [Semantic Versioning](https://semver.org/) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
+This plugin follows [Semantic Versioning](https://semver.org) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
 
-## :newspaper: Changelog
+## :newspaper: Releases
 
 This project uses [GitHub Releases](https://github.com/vuejs/eslint-plugin-vue/releases).
 
 ## :beers: Contribution Guide
 
-Contribution is welcome!
+Contributing is welcome! See the [ESLint Vue Plugin Developer Guide](https://eslint.vuejs.org/developer-guide).
 
-See [The ESLint Vue Plugin Developer Guide](https://eslint.vuejs.org/developer-guide/).
+### Working With Rules
 
-### Working with Rules
+Be sure to read the [official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules) before you start writing a new rule.
 
-Before you start writing a new rule, please read [the official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules).
+To see what an abtract syntax tree (AST) of your code looks like, you may use [AST Explorer](https://astexplorer.net). After opening [AST Explorer](https://astexplorer.net), select `Vue` as the syntax and `vue-eslint-parser` as the parser.
 
-Next, in order to get an idea how does the AST of the code that you want to check looks like, use the [astexplorer.net].
-The [astexplorer.net] is a great tool to inspect ASTs, also Vue templates are supported.
+The default parser must be replaced since Vue's single file components are not plain JavaScript. `vue-eslint-parser` is a replacement parser that generates an enhanced AST with nodes that represent specific parts of the template syntax, as well as the contents of the `<script>` tag.
 
-After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+To learn more about certain nodes in the produced ASTs, see the [ESTree project page](https://github.com/estree/estree) and the [vue-eslint-parser AST documentation](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md).
 
-[astexplorer.net]: https://astexplorer.net/
+The `vue-eslint-parser` provides a few useful parser services to help traverse the produced AST and access template tokens:
 
-Since single file components in Vue are not plain JavaScript, the default parser couldn't be used, so a new one was introduced. `vue-eslint-parser` generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
-
-To know more about certain nodes in produced ASTs, go here:
-- [ESTree docs](https://github.com/estree/estree)
-- [vue-eslint-parser AST docs](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md)
-
-The `vue-eslint-parser` provides a few useful parser services that help traverse the produced AST and access tokens of the template:
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
 - `context.parserServices.getTemplateBodyTokenStore()`
 
-Check out [an example rule](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/mustache-interpolation-spacing.js) to get a better understanding of how these work.
+Check out an [example rule](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/mustache-interpolation-spacing.js) to see usage of these services.
 
-Please be aware that regarding what kind of code examples you'll write in tests, you'll have to accordingly set up the parser in `RuleTester` (you can do it on a per test case basis). See an example [here](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/attribute-hyphenation.js#L19).
+Be aware that depending on the code samples you write in tests, the `RuleTester` parser property must be set accordingly (this can be done on a test by test basis). See an [example here](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/attribute-hyphenation.js#L19).
 
-If you'll stuck, remember there are plenty of rules you can learn from already. If you can't find the right solution, don't hesitate to reach out in [issues](https://github.com/vuejs/eslint-plugin-vue/issues) – we're happy to help!
+If you're stuck, remember there are many rules available for reference. If you can't find the right solution, don't hesitate to reach out in [issues](https://github.com/vuejs/eslint-plugin-vue/issues) – we're happy to help!
 
 ## :lock: License
 
-See the [LICENSE](LICENSE) file for license rights and limitations (MIT).
+See the [LICENSE](LICENSE) file for license rights and limitations (MIT).
\ No newline at end of file

From e928e4c598186a9f4e903e2cb5e18726755eba70 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 12 Nov 2021 01:08:48 +0100
Subject: [PATCH 0417/1010] Add `composition-vue2` style in
 `vue/component-api-style` (#1703)

* Add `composition-vue2` api style

* Improve error message

* Also allow `renderTracked` and `renderTriggered`
---
 docs/rules/component-api-style.md      |   7 +-
 lib/rules/component-api-style.js       |  91 ++++++--
 tests/lib/rules/component-api-style.js | 295 ++++++++++++++++++++++---
 3 files changed, 336 insertions(+), 57 deletions(-)

diff --git a/docs/rules/component-api-style.md b/docs/rules/component-api-style.md
index d20dc9fe3..af29316e3 100644
--- a/docs/rules/component-api-style.md
+++ b/docs/rules/component-api-style.md
@@ -73,14 +73,15 @@ export default {
 ```json
 {
   "vue/component-api-style": ["error",
-    ["script-setup", "composition"] // "script-setup", "composition", or "options"
+    ["script-setup", "composition"] // "script-setup", "composition", "composition-vue2", or "options"
   ]
 }
 ```
 
 - Array options ... Defines the API styles you want to allow. Default is `["script-setup", "composition"]`. You can use the following values.
-  - `"script-setup"` ... If set, allows `<script setup>`.
-  - `"composition"` ... If set, allows Composition API (not `<script setup>`).
+  - `"script-setup"` ... If set, allows [`<script setup>`](https://v3.vuejs.org/api/sfc-script-setup.html).
+  - `"composition"` ... If set, allows [Composition API](https://v3.vuejs.org/api/composition-api.html) (not `<script setup>`).
+  - `"composition-vue2"` ... If set, allows [Composition API for Vue 2](https://github.com/vuejs/composition-api) (not `<script setup>`). In particular, it allows `render`, `renderTracked` and `renderTriggered` alongside `setup`.
   - `"options"` ... If set, allows Options API.
 
 ### `["options"]`
diff --git a/lib/rules/component-api-style.js b/lib/rules/component-api-style.js
index 4cec3b1ab..4d4b9f52e 100644
--- a/lib/rules/component-api-style.js
+++ b/lib/rules/component-api-style.js
@@ -7,7 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef { 'script-setup' | 'composition' | 'options' } PreferOption
+ * @typedef { 'script-setup' | 'composition' | 'composition-vue2' | 'options' } PreferOption
  *
  * @typedef {PreferOption[]} UserPreferOption
  *
@@ -15,14 +15,21 @@ const utils = require('../utils')
  * @property {object} allowsSFC
  * @property {boolean} [allowsSFC.scriptSetup]
  * @property {boolean} [allowsSFC.composition]
+ * @property {boolean} [allowsSFC.compositionVue2]
  * @property {boolean} [allowsSFC.options]
  * @property {object} allowsOther
  * @property {boolean} [allowsOther.composition]
+ * @property {boolean} [allowsOther.compositionVue2]
  * @property {boolean} [allowsOther.options]
  */
 
 /** @type {PreferOption[]} */
-const STYLE_OPTIONS = ['script-setup', 'composition', 'options']
+const STYLE_OPTIONS = [
+  'script-setup',
+  'composition',
+  'composition-vue2',
+  'options'
+]
 
 /**
  * Normalize options.
@@ -41,14 +48,22 @@ function parseOptions(options) {
     } else if (prefer === 'composition') {
       opts.allowsSFC.composition = true
       opts.allowsOther.composition = true
+    } else if (prefer === 'composition-vue2') {
+      opts.allowsSFC.compositionVue2 = true
+      opts.allowsOther.compositionVue2 = true
     } else if (prefer === 'options') {
       opts.allowsSFC.options = true
       opts.allowsOther.options = true
     }
   }
 
-  if (!opts.allowsOther.composition && !opts.allowsOther.options) {
+  if (
+    !opts.allowsOther.composition &&
+    !opts.allowsOther.compositionVue2 &&
+    !opts.allowsOther.options
+  ) {
     opts.allowsOther.composition = true
+    opts.allowsOther.compositionVue2 = true
     opts.allowsOther.options = true
   }
 
@@ -87,6 +102,13 @@ const OPTIONS_API_OPTIONS = new Set([
 ])
 const COMPOSITION_API_OPTIONS = new Set(['setup'])
 
+const COMPOSITION_API_VUE2_OPTIONS = new Set([
+  'setup',
+  'render', // https://github.com/vuejs/composition-api#template-refs
+  'renderTracked', // https://github.com/vuejs/composition-api#missing-apis
+  'renderTriggered' // https://github.com/vuejs/composition-api#missing-apis
+])
+
 const LIFECYCLE_HOOK_OPTIONS = new Set([
   'beforeCreate',
   'created',
@@ -113,6 +135,7 @@ const LIFECYCLE_HOOK_OPTIONS = new Set([
  * @param {object} allowsOpt
  * @param {boolean} [allowsOpt.scriptSetup]
  * @param {boolean} [allowsOpt.composition]
+ * @param {boolean} [allowsOpt.compositionVue2]
  * @param {boolean} [allowsOpt.options]
  */
 function buildAllowedPhrase(allowsOpt) {
@@ -123,6 +146,9 @@ function buildAllowedPhrase(allowsOpt) {
   if (allowsOpt.composition) {
     phrases.push('Composition API')
   }
+  if (allowsOpt.compositionVue2) {
+    phrases.push('Composition API (Vue 2)')
+  }
   if (allowsOpt.options) {
     phrases.push('Options API')
   }
@@ -135,10 +161,16 @@ function buildAllowedPhrase(allowsOpt) {
  * @param {object} allowsOpt
  * @param {boolean} [allowsOpt.scriptSetup]
  * @param {boolean} [allowsOpt.composition]
+ * @param {boolean} [allowsOpt.compositionVue2]
  * @param {boolean} [allowsOpt.options]
  */
 function isPreferScriptSetup(allowsOpt) {
-  if (!allowsOpt.scriptSetup || allowsOpt.composition || allowsOpt.options) {
+  if (
+    !allowsOpt.scriptSetup ||
+    allowsOpt.composition ||
+    allowsOpt.compositionVue2 ||
+    allowsOpt.options
+  ) {
     return false
   }
   return true
@@ -179,7 +211,7 @@ module.exports = {
       disallowScriptSetup:
         '`<script setup>` is not allowed in your project. Use {{allowedApis}} instead.',
       disallowComponentOption:
-        '{{disallowedApi}} is not allowed in your project. {{optionPhrase}} is the API of {{disallowedApi}}. Use {{allowedApis}} instead.',
+        '{{disallowedApi}} is not allowed in your project. {{optionPhrase}} is part of the {{disallowedApi}}. Use {{allowedApis}} instead.',
       disallowComponentOptionPreferScriptSetup:
         '{{disallowedApi}} is not allowed in your project. Use `<script setup>` instead.'
     }
@@ -211,21 +243,29 @@ module.exports = {
           const allows = utils.isSFCObject(context, node)
             ? options.allowsSFC
             : options.allowsOther
-          if (allows.composition && allows.options) {
+          if (
+            (allows.composition || allows.compositionVue2) &&
+            allows.options
+          ) {
             return
           }
-          const disallows = [
+          const apis = [
             {
               allow: allows.composition,
               options: COMPOSITION_API_OPTIONS,
-              api: 'Composition API'
+              apiName: 'Composition API'
             },
             {
               allow: allows.options,
               options: OPTIONS_API_OPTIONS,
-              api: 'Options API'
+              apiName: 'Options API'
+            },
+            {
+              allow: allows.compositionVue2,
+              options: COMPOSITION_API_VUE2_OPTIONS,
+              apiName: 'Composition API (Vue 2)'
             }
-          ].filter(({ allow }) => !allow)
+          ]
           for (const prop of node.properties) {
             if (prop.type !== 'Property') {
               continue
@@ -234,20 +274,23 @@ module.exports = {
             if (!name) {
               continue
             }
-            for (const { options, api } of disallows) {
-              if (options.has(name)) {
-                context.report({
-                  node: prop.key,
-                  messageId: isPreferScriptSetup(allows)
-                    ? 'disallowComponentOptionPreferScriptSetup'
-                    : 'disallowComponentOption',
-                  data: {
-                    disallowedApi: api,
-                    optionPhrase: buildOptionPhrase(name),
-                    allowedApis: buildAllowedPhrase(allows)
-                  }
-                })
-              }
+            const propAllowed = apis.some(
+              (api) => api.allow && api.options.has(name)
+            )
+            if (!propAllowed) {
+              context.report({
+                node: prop.key,
+                messageId: isPreferScriptSetup(allows)
+                  ? 'disallowComponentOptionPreferScriptSetup'
+                  : 'disallowComponentOption',
+                data: {
+                  disallowedApi: apis.filter(
+                    (api) => !api.allow && api.options.has(name)
+                  )[0].apiName,
+                  optionPhrase: buildOptionPhrase(name),
+                  allowedApis: buildAllowedPhrase(allows)
+                }
+              })
             }
           }
         }
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index aca48bb3c..8c119fda7 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -159,6 +159,28 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      options: [['composition-vue2']],
+      code: `
+      <script>
+      import { ref } from 'vue'
+      export default {
+        setup() {
+          const msg = ref('Hello World!')
+          // ...
+          return {
+            msg,
+            // ...
+          }
+        },
+        render(h) {
+          return h('foo', this.msg)
+        }
+      }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -180,7 +202,7 @@ tester.run('component-api-style', rule, {
       errors: [
         {
           message:
-            'Options API is not allowed in your project. `data` option is the API of Options API. Use `<script setup>` or Composition API instead.',
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use `<script setup>` or Composition API instead.',
           line: 4,
           column: 9
         }
@@ -225,7 +247,7 @@ tester.run('component-api-style', rule, {
       errors: [
         {
           message:
-            'Composition API is not allowed in your project. `setup` function is the API of Composition API. Use Options API instead.',
+            'Composition API is not allowed in your project. `setup` function is part of the Composition API. Use Options API instead.',
           line: 5,
           column: 9
         }
@@ -248,7 +270,7 @@ tester.run('component-api-style', rule, {
       errors: [
         {
           message:
-            'Options API is not allowed in your project. `data` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
           line: 4,
           column: 9
         }
@@ -273,7 +295,7 @@ tester.run('component-api-style', rule, {
       errors: [
         {
           message:
-            'Composition API is not allowed in your project. `setup` function is the API of Composition API. Use Options API instead.',
+            'Composition API is not allowed in your project. `setup` function is part of the Composition API. Use Options API instead.',
           line: 4,
           column: 9
         }
@@ -366,7 +388,7 @@ tester.run('component-api-style', rule, {
       errors: [
         {
           message:
-            'Options API is not allowed in your project. `data` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
           line: 4,
           column: 9
         }
@@ -412,151 +434,364 @@ tester.run('component-api-style', rule, {
       errors: [
         {
           message:
-            'Options API is not allowed in your project. `mixins` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `mixins` option is part of the Options API. Use Composition API instead.',
           line: 4,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `extends` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `extends` option is part of the Options API. Use Composition API instead.',
           line: 5,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `data` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
           line: 7,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `computed` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `computed` option is part of the Options API. Use Composition API instead.',
           line: 8,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `methods` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `methods` option is part of the Options API. Use Composition API instead.',
           line: 9,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `watch` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `watch` option is part of the Options API. Use Composition API instead.',
           line: 10,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `provide` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `provide` option is part of the Options API. Use Composition API instead.',
           line: 11,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `inject` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `inject` option is part of the Options API. Use Composition API instead.',
           line: 12,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `beforeCreate` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `beforeCreate` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 14,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `created` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `created` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 15,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `beforeMount` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `beforeMount` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 16,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `mounted` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `mounted` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 17,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 18,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `updated` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `updated` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 19,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `activated` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `activated` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 20,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `deactivated` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `deactivated` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 21,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 22,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 23,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `destroyed` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `destroyed` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 24,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `unmounted` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `unmounted` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 25,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `render` function is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `render` function is part of the Options API. Use Composition API instead.',
           line: 26,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `renderTracked` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `renderTracked` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 27,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `renderTriggered` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `renderTriggered` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 28,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `errorCaptured` lifecycle hook is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `errorCaptured` lifecycle hook is part of the Options API. Use Composition API instead.',
+          line: 29,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `expose` option is part of the Options API. Use Composition API instead.',
+          line: 31,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      </script>
+      `,
+      options: [['composition-vue2']],
+      errors: [
+        {
+          message:
+            '`<script setup>` is not allowed in your project. Use Composition API (Vue 2) instead.',
+          line: 2,
+          column: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: [['composition-vue2']],
+      code: `
+      <script>
+      export default {
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 4,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      options: [['composition-vue2']],
+      code: `
+      <script>
+      export default {
+        mixins: [],
+        extends: {},
+        // state
+        data () { return {} },
+        computed: {},
+        methods: {},
+        watch: {},
+        provide: {},
+        inject: {},
+        // lifecycle
+        beforeCreate() {},
+        created() {},
+        beforeMount() {},
+        mounted() {},
+        beforeUpdate() {},
+        updated() {},
+        activated() {},
+        deactivated() {},
+        beforeDestroy() {},
+        beforeUnmount() {},
+        destroyed() {},
+        unmounted() {},
+        render() {}, // allowed
+        renderTracked() {}, // allowed
+        renderTriggered() {}, // allowed
+        errorCaptured() {},
+        // public API
+        expose: [],
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `mixins` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 4,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `extends` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 5,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 7,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `computed` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 8,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `methods` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 9,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `watch` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 10,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `provide` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 11,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `inject` option is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 12,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeCreate` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 14,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `created` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 15,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeMount` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 16,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `mounted` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 17,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 18,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `updated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 19,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `activated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 20,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `deactivated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 21,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 22,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 23,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `destroyed` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 24,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `unmounted` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+          line: 25,
+          column: 9
+        },
+        {
+          message:
+            'Options API is not allowed in your project. `errorCaptured` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 29,
           column: 9
         },
         {
           message:
-            'Options API is not allowed in your project. `expose` option is the API of Options API. Use Composition API instead.',
+            'Options API is not allowed in your project. `expose` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 31,
           column: 9
         }

From 5c0cd714473b89f615af5cc5ec24458f6c36454d Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Tue, 16 Nov 2021 01:44:57 +0100
Subject: [PATCH 0418/1010] Docs: Add hints for rules that provide suggestions
 (#1708)

---
 docs/rules/README.md                          | 22 ++++++++++---------
 .../no-potential-component-option-typo.md     |  2 ++
 docs/rules/no-restricted-custom-event.md      |  2 ++
 docs/rules/no-restricted-props.md             |  2 ++
 docs/rules/no-unused-vars.md                  |  1 +
 docs/rules/require-emit-validator.md          |  2 ++
 docs/rules/require-explicit-emits.md          |  1 +
 docs/rules/require-expose.md                  |  2 ++
 docs/rules/valid-next-tick.md                 |  1 +
 tools/update-docs-rules-index.js              |  8 +++++--
 tools/update-docs.js                          |  7 +++++-
 11 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 8619d88f1..03ce9d584 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -8,6 +8,8 @@ sidebarDepth: 0
 
 ::: tip Legend
   :wrench: Indicates that the rule is fixable, and using `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
+
+  :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
 
 
@@ -78,7 +80,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
-| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
+| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
 | [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
 | [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  |
@@ -95,7 +97,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
 | [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  |
 | [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
-| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
+| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
 | [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
 | [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  |
@@ -144,7 +146,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  |
 | [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
 | [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
-| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` |  |
+| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` | :bulb: |
 | [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
 | [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
 | [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
@@ -202,7 +204,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
-| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
+| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
 | [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
 | [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  |
@@ -214,7 +216,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
-| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench: |
+| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
 | [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  |
 | [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
@@ -323,14 +325,14 @@ For example:
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
-| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
+| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  |
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
-| [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event |  |
-| [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props |  |
+| [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event | :bulb: |
+| [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
@@ -347,8 +349,8 @@ For example:
 | [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 |  |
-| [vue/require-expose](./require-expose.md) | require declare public properties using `expose` |  |
+| [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: |
+| [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index 0a4696af8..bcd2d4ed3 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -9,6 +9,8 @@ since: v7.0.0
 
 > disallow a potential typo in your component property
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule disallow a potential typo in your component options
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
index 231ad0607..f18edc3f3 100644
--- a/docs/rules/no-restricted-custom-event.md
+++ b/docs/rules/no-restricted-custom-event.md
@@ -9,6 +9,8 @@ since: v7.3.0
 
 > disallow specific custom event
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule allows you to specify custom event that you don't want to use in your application.
diff --git a/docs/rules/no-restricted-props.md b/docs/rules/no-restricted-props.md
index 42ddec12b..beecaaa8b 100644
--- a/docs/rules/no-restricted-props.md
+++ b/docs/rules/no-restricted-props.md
@@ -9,6 +9,8 @@ since: v7.3.0
 
 > disallow specific props
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule allows you to specify props that you don't want to use in your application.
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index a7486bad5..be0b1fcc1 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -10,6 +10,7 @@ since: v3.14.0
 > disallow unused variable definitions of v-for directives or scope attributes
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-emit-validator.md b/docs/rules/require-emit-validator.md
index a5c4f1965..97a975185 100644
--- a/docs/rules/require-emit-validator.md
+++ b/docs/rules/require-emit-validator.md
@@ -9,6 +9,8 @@ since: v7.10.0
 
 > require type definitions in emits
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule enforces that a `emits` statement contains type definition.
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index b698b488f..6d681c551 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -10,6 +10,7 @@ since: v7.0.0
 > require `emits` option with name triggered by `$emit()`
 
 - :gear: This rule is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-expose.md b/docs/rules/require-expose.md
index 01baf5d44..d6b27c7fc 100644
--- a/docs/rules/require-expose.md
+++ b/docs/rules/require-expose.md
@@ -9,6 +9,8 @@ since: v7.14.0
 
 > require declare public properties using `expose`
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule enforces the component to explicitly declare the exposed properties to the component using `expose`. You can use `expose` to control the internal properties of a component so that they cannot be referenced externally.
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index 919e59049..6c838553d 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -11,6 +11,7 @@ since: v7.5.0
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
 
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 6e9c0f03f..913db1b91 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -25,9 +25,11 @@ const uncategorizedExtensionRule = rules.filter(
 const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
 
 function toRuleRow(rule) {
-  const mark = `${rule.meta.fixable ? ':wrench:' : ''}${
+  const mark = [
+    rule.meta.fixable ? ':wrench:' : '',
+    rule.meta.hasSuggestions ? ':bulb:' : '',
     rule.meta.deprecated ? ':warning:' : ''
-  }`
+  ].join('')
   const link = `[${rule.ruleId}](./${rule.name}.md)`
   const description = rule.meta.docs.description || '(no description)'
 
@@ -133,6 +135,8 @@ sidebarDepth: 0
 
 ::: tip Legend
   :wrench: Indicates that the rule is fixable, and using \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
+
+  :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
 
 ${rulesTableContent}`
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 50e77ad2e..098585887 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -141,7 +141,12 @@ class DocFile {
     }
     if (meta.fixable) {
       notes.push(
-        `- :wrench: The \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.`
+        '- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.'
+      )
+    }
+    if (meta.hasSuggestions) {
+      notes.push(
+        '- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).'
       )
     }
 

From 6c64a099973a900dfad0aa478193b098e35c3cd6 Mon Sep 17 00:00:00 2001
From: Cameron Huntington <huntington.c@gmail.com>
Date: Mon, 15 Nov 2021 18:46:26 -0600
Subject: [PATCH 0419/1010] README Corrections (#1709)

* correct spelling errors, link SFC text, singular AST, remove definite article

* sfc grammar revisions

* Update README.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index d62fff037..e3e50f284 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 
 ## :book: Documentation
 
-Please refer to [official website](https://eslint.vuejs.org).
+Please refer to the [official website](https://eslint.vuejs.org).
 
 ## :anchor: Versioning Policy
 
@@ -27,13 +27,13 @@ Contributing is welcome! See the [ESLint Vue Plugin Developer Guide](https://esl
 
 Be sure to read the [official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules) before you start writing a new rule.
 
-To see what an abtract syntax tree (AST) of your code looks like, you may use [AST Explorer](https://astexplorer.net). After opening [AST Explorer](https://astexplorer.net), select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+To see what an abstract syntax tree (AST) of your code looks like, you may use [AST Explorer](https://astexplorer.net). After opening [AST Explorer](https://astexplorer.net), select `Vue` as the syntax and `vue-eslint-parser` as the parser.
 
-The default parser must be replaced since Vue's single file components are not plain JavaScript. `vue-eslint-parser` is a replacement parser that generates an enhanced AST with nodes that represent specific parts of the template syntax, as well as the contents of the `<script>` tag.
+The default JavaScript parser must be replaced because [Vue.js single file components](https://v3.vuejs.org/guide/single-file-component.html#single-file-components) are not plain JavaScript, but a custom file format. [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) is a replacement parser that generates an enhanced AST with nodes that represent specific parts of the template syntax, as well as the contents of the `<script>` tag.
 
-To learn more about certain nodes in the produced ASTs, see the [ESTree project page](https://github.com/estree/estree) and the [vue-eslint-parser AST documentation](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md).
+To learn more about certain nodes in a produced AST, see the [ESTree project page](https://github.com/estree/estree) and the [vue-eslint-parser AST documentation](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md).
 
-The `vue-eslint-parser` provides a few useful parser services to help traverse the produced AST and access template tokens:
+`vue-eslint-parser` provides a few useful parser services to help traverse the produced AST and access template tokens:
 
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
 - `context.parserServices.getTemplateBodyTokenStore()`

From f4c12cc07074e3131a8aededa242454c866187a4 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 17 Nov 2021 09:01:12 +0100
Subject: [PATCH 0420/1010] Add `vue/no-child-content` rule (#1707)

* Add `vue/no-child-content` rule

* Fix rule category

* Add hints about available suggestions

* Don't report whitespace-only child content

* Report comments in `vue/no-child-content`

* Simplify comment parsing with `tokenStore.getTokensBetween`
---
 docs/rules/README.md                |   1 +
 docs/rules/no-child-content.md      |  53 +++++++
 lib/index.js                        |   1 +
 lib/rules/no-child-content.js       | 164 ++++++++++++++++++++
 lib/utils/index.js                  |   2 +-
 tests/lib/rules/no-child-content.js | 224 ++++++++++++++++++++++++++++
 6 files changed, 444 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-child-content.md
 create mode 100644 lib/rules/no-child-content.js
 create mode 100644 tests/lib/rules/no-child-content.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 03ce9d584..684731a95 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -321,6 +321,7 @@ For example:
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
+| [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
new file mode 100644
index 000000000..f3bf31771
--- /dev/null
+++ b/docs/rules/no-child-content.md
@@ -0,0 +1,53 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-child-content
+description: disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
+---
+# vue/no-child-content
+
+> disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule reports child content of elements that have a directive which overwrites that child content. By default, those are `v-html` and `v-text`, additional ones (e.g. [Vue I18n's `v-t` directive](https://vue-i18n.intlify.dev/api/directive.html)) can be configured manually.
+
+<eslint-code-block :rules="{'vue/no-child-content': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div>child content</div>
+  <div v-html="replacesChildContent"></div>
+
+  <!-- ✗ BAD -->
+  <div v-html="replacesChildContent">child content</div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-child-content": ["error", {
+    "additionalDirectives": ["foo"] // checks v-foo directive
+  }]
+}
+```
+
+- `additionalDirectives` ... An array of additional directives to check, without the `v-` prefix. Empty by default; `v-html` and `v-text` are always checked.
+
+## :books: Further Reading
+
+- [`v-html` directive](https://v3.vuejs.org/api/directives.html#v-html)
+- [`v-text` directive](https://v3.vuejs.org/api/directives.html#v-text)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-child-content.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-child-content.js)
diff --git a/lib/index.js b/lib/index.js
index 60d7aac0e..437ed3e49 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -58,6 +58,7 @@ module.exports = {
     'no-async-in-computed-properties': require('./rules/no-async-in-computed-properties'),
     'no-bare-strings-in-template': require('./rules/no-bare-strings-in-template'),
     'no-boolean-default': require('./rules/no-boolean-default'),
+    'no-child-content': require('./rules/no-child-content'),
     'no-computed-properties-in-data': require('./rules/no-computed-properties-in-data'),
     'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-constant-condition': require('./rules/no-constant-condition'),
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
new file mode 100644
index 000000000..85636d1d4
--- /dev/null
+++ b/lib/rules/no-child-content.js
@@ -0,0 +1,164 @@
+/**
+ * @author Flo Edelmann
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const { defineTemplateBodyVisitor } = require('../utils')
+
+/**
+ * @typedef {object} RuleOption
+ * @property {string[]} additionalDirectives
+ */
+
+/**
+ * @param {VNode | Token} node
+ * @returns {boolean}
+ */
+function isWhiteSpaceTextNode(node) {
+  return node.type === 'VText' && node.value.trim() === ''
+}
+
+/**
+ * @param {Position} pos1
+ * @param {Position} pos2
+ * @returns {'less' | 'equal' | 'greater'}
+ */
+function comparePositions(pos1, pos2) {
+  if (
+    pos1.line < pos2.line ||
+    (pos1.line === pos2.line && pos1.column < pos2.column)
+  ) {
+    return 'less'
+  }
+
+  if (
+    pos1.line > pos2.line ||
+    (pos1.line === pos2.line && pos1.column > pos2.column)
+  ) {
+    return 'greater'
+  }
+
+  return 'equal'
+}
+
+/**
+ * @param {(VNode | Token)[]} nodes
+ * @returns {SourceLocation | undefined}
+ */
+function getLocationRange(nodes) {
+  /** @type {Position | undefined} */
+  let start
+  /** @type {Position | undefined} */
+  let end
+
+  for (const node of nodes) {
+    if (!start || comparePositions(node.loc.start, start) === 'less') {
+      start = node.loc.start
+    }
+
+    if (!end || comparePositions(node.loc.end, end) === 'greater') {
+      end = node.loc.end
+    }
+  }
+
+  if (start === undefined || end === undefined) {
+    return undefined
+  }
+
+  return { start, end }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    hasSuggestions: true,
+    type: 'problem',
+    docs: {
+      description:
+        "disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`",
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-child-content.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+          additionalDirectives: {
+            type: 'array',
+            uniqueItems: true,
+            minItems: 1,
+            items: {
+              type: 'string'
+            }
+          }
+        },
+        required: ['additionalDirectives']
+      }
+    ]
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const directives = new Set(['html', 'text'])
+
+    /** @type {RuleOption | undefined} */
+    const option = context.options[0]
+    if (option !== undefined) {
+      for (const directive of option.additionalDirectives) {
+        directives.add(directive)
+      }
+    }
+
+    return defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} directiveNode */
+      'VAttribute[directive=true]'(directiveNode) {
+        const directiveName = directiveNode.key.name.name
+        const elementNode = directiveNode.parent.parent
+
+        if (elementNode.endTag === null) {
+          return
+        }
+
+        const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+        const elementComments = tokenStore.getTokensBetween(
+          elementNode.startTag,
+          elementNode.endTag,
+          {
+            includeComments: true,
+            filter: (token) => token.type === 'HTMLComment'
+          }
+        )
+
+        const childNodes = [...elementNode.children, ...elementComments]
+
+        if (
+          directives.has(directiveName) &&
+          childNodes.length > 0 &&
+          childNodes.some((childNode) => !isWhiteSpaceTextNode(childNode))
+        ) {
+          context.report({
+            node: elementNode,
+            loc: getLocationRange(childNodes),
+            message:
+              'Child content is disallowed because it will be overwritten by the v-{{ directiveName }} directive.',
+            data: { directiveName },
+            suggest: [
+              {
+                desc: 'Remove child content.',
+                *fix(fixer) {
+                  for (const childNode of childNodes) {
+                    yield fixer.remove(childNode)
+                  }
+                }
+              }
+            ]
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index ef82c7b9d..d6c3a6f5a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1695,7 +1695,7 @@ module.exports = {
   /**
    * Checks whether the target node is within the given range.
    * @param { [number, number] } range
-   * @param {ASTNode} target
+   * @param {ASTNode | Token} target
    */
   inRange(range, target) {
     return range[0] <= target.range[0] && target.range[1] <= range[1]
diff --git a/tests/lib/rules/no-child-content.js b/tests/lib/rules/no-child-content.js
new file mode 100644
index 000000000..320b7ade2
--- /dev/null
+++ b/tests/lib/rules/no-child-content.js
@@ -0,0 +1,224 @@
+/**
+ * @author Flo Edelmann
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-child-content')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+ruleTester.run('no-child-content', rule, {
+  valid: [
+    {
+      // element without directive
+      filename: 'test.vue',
+      code: '<template><div>foo</div></template>'
+    },
+    {
+      // element with unknown directive
+      filename: 'test.vue',
+      code: '<template><div v-foo="bar" /></template>'
+    },
+    {
+      // self-closing element with v-html directive
+      filename: 'test.vue',
+      code: '<template><div v-html="foo" /></template>'
+    },
+    {
+      // self-closing element with v-text directive
+      filename: 'test.vue',
+      code: '<template><div v-text="foo" /></template>'
+    },
+    {
+      // empty element with v-html directive
+      filename: 'test.vue',
+      code: '<template><div v-html="foo"></div></template>'
+    },
+    {
+      // v-html directive and whitespace-only text content
+      filename: 'test.vue',
+      code: '<template><div v-html="foo"> </div></template>'
+    },
+    {
+      // v-html directive and whitespace-only text content with newline
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-html="foo">
+          </div>
+        </template>
+      `
+    },
+    {
+      // self-closing element with v-t directive
+      filename: 'test.vue',
+      options: [{ additionalDirectives: ['t'] }],
+      code: '<template><div v-t="foo" /></template>'
+    },
+    {
+      // self-closing element with v-html directive and sibling comment element
+      filename: 'test.vue',
+      code: '<template><div v-html="foo" /><!-- bar --></template>'
+    }
+  ],
+  invalid: [
+    {
+      // v-html directive and text content
+      filename: 'test.vue',
+      code: '<template><div v-html="foo">bar</div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-html directive.',
+          column: 29,
+          endColumn: 32,
+          suggestions: [
+            { output: '<template><div v-html="foo"></div></template>' }
+          ]
+        }
+      ]
+    },
+    {
+      // v-html directive and text expression content
+      filename: 'test.vue',
+      code: '<template><div v-html="foo">{{ bar }}</div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-html directive.',
+          column: 29,
+          endColumn: 38,
+          suggestions: [
+            { output: '<template><div v-html="foo"></div></template>' }
+          ]
+        }
+      ]
+    },
+    {
+      // v-html directive and child element
+      filename: 'test.vue',
+      code: '<template><div v-html="foo"><span /></div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-html directive.',
+          column: 29,
+          endColumn: 37,
+          suggestions: [
+            { output: '<template><div v-html="foo"></div></template>' }
+          ]
+        }
+      ]
+    },
+    {
+      // v-html directive and child comment element
+      filename: 'test.vue',
+      code: '<template><div v-html="foo"><!-- bar --></div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-html directive.',
+          column: 29,
+          endColumn: 41,
+          suggestions: [
+            { output: '<template><div v-html="foo"></div></template>' }
+          ]
+        }
+      ]
+    },
+    {
+      // v-html directive and multiple child elements
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-html="foo">
+            <!-- this is a test -->
+            <span>foo</span>
+            bar
+          </div>
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-html directive.',
+          line: 3,
+          column: 29,
+          endLine: 7,
+          endColumn: 11,
+          suggestions: [
+            {
+              output: `
+        <template>
+          <div v-html="foo"></div>
+        </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      // v-text directive and text content
+      filename: 'test.vue',
+      code: '<template><div v-text="foo">bar</div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-text directive.',
+          column: 29,
+          endColumn: 32,
+          suggestions: [
+            { output: '<template><div v-text="foo"></div></template>' }
+          ]
+        }
+      ]
+    },
+    {
+      // v-t directive and text content
+      filename: 'test.vue',
+      options: [{ additionalDirectives: ['t'] }],
+      code: '<template><div v-t="foo">bar</div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-t directive.',
+          column: 26,
+          endColumn: 29,
+          suggestions: [
+            { output: '<template><div v-t="foo"></div></template>' }
+          ]
+        }
+      ]
+    },
+    {
+      // v-html directive and text content while v-t directive is configured
+      filename: 'test.vue',
+      options: [{ additionalDirectives: ['t'] }],
+      code: '<template><div v-html="foo">baz</div></template>',
+      errors: [
+        {
+          message:
+            'Child content is disallowed because it will be overwritten by the v-html directive.',
+          column: 29,
+          endColumn: 32,
+          suggestions: [
+            { output: '<template><div v-html="foo"></div></template>' }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 7c6ac02705d2681092bcfb231c99414800af4cb7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 14:35:15 +0900
Subject: [PATCH 0421/1010] Add `vue/no-expose-after-await` rule (#1712)

---
 docs/rules/README.md                     |   1 +
 docs/rules/no-expose-after-await.md      |  51 ++++++
 lib/index.js                             |   1 +
 lib/rules/no-expose-after-await.js       | 202 +++++++++++++++++++++++
 tests/lib/rules/no-expose-after-await.js | 152 +++++++++++++++++
 5 files changed, 407 insertions(+)
 create mode 100644 docs/rules/no-expose-after-await.md
 create mode 100644 lib/rules/no-expose-after-await.js
 create mode 100644 tests/lib/rules/no-expose-after-await.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 684731a95..5794cc3ed 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -324,6 +324,7 @@ For example:
 | [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
+| [vue/no-expose-after-await](./no-expose-after-await.md) | disallow asynchronously registered `expose` |  |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: |
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
new file mode 100644
index 000000000..9b7bc8e37
--- /dev/null
+++ b/docs/rules/no-expose-after-await.md
@@ -0,0 +1,51 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-expose-after-await
+description: disallow asynchronously registered `expose`
+---
+# vue/no-expose-after-await
+
+> disallow asynchronously registered `expose`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports the `expose()` after `await` expression.  
+In `setup()` function, `expose()` should be registered synchronously.
+
+<eslint-code-block :rules="{'vue/no-expose-after-await': ['error']}">
+
+```vue
+<script>
+import { watch } from 'vue'
+export default {
+  async setup(props, { expose }) {
+    /* ✓ GOOD */
+    expose({/* ... */})
+
+    await doSomething()
+
+    /* ✗ BAD */
+    expose({/* ... */})
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Vue RFCs - 0042-expose-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0042-expose-api.md)
+- [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-expose-after-await.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-expose-after-await.js)
diff --git a/lib/index.js b/lib/index.js
index 437ed3e49..c9969917c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -89,6 +89,7 @@ module.exports = {
     'no-empty-component-block': require('./rules/no-empty-component-block'),
     'no-empty-pattern': require('./rules/no-empty-pattern'),
     'no-export-in-script-setup': require('./rules/no-export-in-script-setup'),
+    'no-expose-after-await': require('./rules/no-expose-after-await'),
     'no-extra-parens': require('./rules/no-extra-parens'),
     'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
new file mode 100644
index 000000000..e1e3104d6
--- /dev/null
+++ b/lib/rules/no-expose-after-await.js
@@ -0,0 +1,202 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { findVariable } = require('eslint-utils')
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Get the callee member node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ */
+function getCalleeMemberNode(node) {
+  const callee = utils.skipChainExpression(node.callee)
+
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
+    if (name) {
+      return { name, member: callee }
+    }
+  }
+  return null
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow asynchronously registered `expose`',
+      categories: undefined,
+      // categories: ['vue3-essential'], TODO Change with the major version
+      url: 'https://eslint.vuejs.org/rules/no-expose-after-await.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      forbidden: 'The `expose` after `await` expression are forbidden.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @typedef {object} SetupScopeData
+     * @property {boolean} afterAwait
+     * @property {[number,number]} range
+     * @property {Set<Identifier>} exposeReferenceIds
+     * @property {Set<Identifier>} contextReferenceIds
+     */
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} scopeNode
+     */
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, SetupScopeData>} */
+    const setupScopes = new Map()
+
+    /** @type {ScopeStack | null} */
+    let scopeStack = null
+
+    return utils.defineVueVisitor(context, {
+      onSetupFunctionEnter(node) {
+        const contextParam = node.params[1]
+        if (!contextParam) {
+          // no arguments
+          return
+        }
+        if (contextParam.type === 'RestElement') {
+          // cannot check
+          return
+        }
+        if (contextParam.type === 'ArrayPattern') {
+          // cannot check
+          return
+        }
+        /** @type {Set<Identifier>} */
+        const contextReferenceIds = new Set()
+        /** @type {Set<Identifier>} */
+        const exposeReferenceIds = new Set()
+        if (contextParam.type === 'ObjectPattern') {
+          const exposeProperty = utils.findAssignmentProperty(
+            contextParam,
+            'expose'
+          )
+          if (!exposeProperty) {
+            return
+          }
+          const exposeParam = exposeProperty.value
+          // `setup(props, {emit})`
+          const variable =
+            exposeParam.type === 'Identifier'
+              ? findVariable(context.getScope(), exposeParam)
+              : null
+          if (!variable) {
+            return
+          }
+          for (const reference of variable.references) {
+            if (!reference.isRead()) {
+              continue
+            }
+            exposeReferenceIds.add(reference.identifier)
+          }
+        } else if (contextParam.type === 'Identifier') {
+          // `setup(props, context)`
+          const variable = findVariable(context.getScope(), contextParam)
+          if (!variable) {
+            return
+          }
+          for (const reference of variable.references) {
+            if (!reference.isRead()) {
+              continue
+            }
+            contextReferenceIds.add(reference.identifier)
+          }
+        }
+        setupScopes.set(node, {
+          afterAwait: false,
+          range: node.range,
+          exposeReferenceIds,
+          contextReferenceIds
+        })
+      },
+      /**
+       * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+       */
+      ':function'(node) {
+        scopeStack = {
+          upper: scopeStack,
+          scopeNode: node
+        }
+      },
+      ':function:exit'() {
+        scopeStack = scopeStack && scopeStack.upper
+      },
+      /** @param {AwaitExpression} node */
+      AwaitExpression(node) {
+        if (!scopeStack) {
+          return
+        }
+        const setupScope = setupScopes.get(scopeStack.scopeNode)
+        if (!setupScope || !utils.inRange(setupScope.range, node)) {
+          return
+        }
+        setupScope.afterAwait = true
+      },
+      /** @param {CallExpression} node */
+      CallExpression(node) {
+        if (!scopeStack) {
+          return
+        }
+        const setupScope = setupScopes.get(scopeStack.scopeNode)
+        if (
+          !setupScope ||
+          !setupScope.afterAwait ||
+          !utils.inRange(setupScope.range, node)
+        ) {
+          return
+        }
+        const { contextReferenceIds, exposeReferenceIds } = setupScope
+        if (
+          node.callee.type === 'Identifier' &&
+          exposeReferenceIds.has(node.callee)
+        ) {
+          // setup(props,{expose}) {expose()}
+          context.report({
+            node,
+            messageId: 'forbidden'
+          })
+        } else {
+          const expose = getCalleeMemberNode(node)
+          if (
+            expose &&
+            expose.name === 'expose' &&
+            expose.member.object.type === 'Identifier' &&
+            contextReferenceIds.has(expose.member.object)
+          ) {
+            // setup(props,context) {context.emit()}
+            context.report({
+              node,
+              messageId: 'forbidden'
+            })
+          }
+        }
+      },
+      onSetupFunctionExit(node) {
+        setupScopes.delete(node)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-expose-after-await.js b/tests/lib/rules/no-expose-after-await.js
new file mode 100644
index 000000000..2f33c58e6
--- /dev/null
+++ b/tests/lib/rules/no-expose-after-await.js
@@ -0,0 +1,152 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-expose-after-await')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-expose-after-await', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async setup(_, {expose}) {
+          expose({ /* ... */ }) // ok
+          await doSomething()
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async setup(_, ctx) {
+          ctx.expose({ /* ... */ }) // ok
+          await doSomething()
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async setup(_, {expose}) {
+          expose({ /* ... */ })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async setup(_, ctx) {
+          ctx.expose({ /* ... */ })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async _setup(_, {expose}) {
+          expose({ /* ... */ })
+          await doSomething()
+          expose({ /* ... */ })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async _setup(_, ctx) {
+          ctx.expose({ /* ... */ })
+          await doSomething()
+          ctx.expose({ /* ... */ })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineExpose({ /* ... */ })
+      await doSomething()
+      defineExpose({ /* ... */ })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async setup(_, {expose}) {
+          await doSomething()
+          expose({ /* ... */ })
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The `expose` after `await` expression are forbidden.',
+          line: 6,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        async setup(_, ctx) {
+          await doSomething()
+          ctx.expose({ /* ... */ })
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The `expose` after `await` expression are forbidden.',
+          line: 6,
+          column: 11
+        }
+      ]
+    }
+  ]
+})

From e0dddb17ae35a1ba7e284746903d9e32c2709612 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 14:35:27 +0900
Subject: [PATCH 0422/1010] False positives for type-only exports in
 `vue/no-export-in-script-setup` rule (#1713)

* False positives for type-only exports in `vue/no-export-in-script-setup` rule

* update test
---
 .circleci/config.yml                         |  2 +-
 lib/rules/no-export-in-script-setup.js       | 29 +++++++--
 package.json                                 |  4 +-
 tests/lib/rules/no-export-in-script-setup.js | 67 +++++++++++++++++++-
 4 files changed, 94 insertions(+), 8 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 456376308..e695f422a 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -25,7 +25,7 @@ jobs:
       #       - v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
       - run:
           name: Install dependencies
-          command: npm install
+          command: npm install --legacy-peer-deps
       - run:
           name: Test
           command: npm test
diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
index b39231dfe..99b6ba113 100644
--- a/lib/rules/no-export-in-script-setup.js
+++ b/lib/rules/no-export-in-script-setup.js
@@ -6,6 +6,12 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.ExportAllDeclaration} TSESTreeExportAllDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.ExportDefaultDeclaration} TSESTreeExportDefaultDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.ExportNamedDeclaration} TSESTreeExportNamedDeclaration
+ */
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -23,7 +29,22 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     /** @param {ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration} node */
-    function report(node) {
+    function verify(node) {
+      const tsNode =
+        /** @type {TSESTreeExportAllDeclaration | TSESTreeExportDefaultDeclaration | TSESTreeExportNamedDeclaration} */ (
+          node
+        )
+      if (tsNode.exportKind === 'type') {
+        return
+      }
+      if (tsNode.type === 'ExportNamedDeclaration') {
+        if (
+          tsNode.specifiers.length > 0 &&
+          tsNode.specifiers.every((spec) => spec.exportKind === 'type')
+        ) {
+          return
+        }
+      }
       context.report({
         node,
         messageId: 'forbidden'
@@ -31,9 +52,9 @@ module.exports = {
     }
 
     return utils.defineScriptSetupVisitor(context, {
-      ExportAllDeclaration: report,
-      ExportDefaultDeclaration: report,
-      ExportNamedDeclaration: report
+      ExportAllDeclaration: verify,
+      ExportDefaultDeclaration: verify,
+      ExportNamedDeclaration: verify
     })
   }
 }
diff --git a/package.json b/package.json
index c2eefdb34..f3abcbcdb 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@types/semver": "^7.2.0",
-    "@typescript-eslint/parser": "^5.0.0-0",
+    "@typescript-eslint/parser": "^5.4.0",
     "@vuepress/plugin-pwa": "^1.4.1",
     "acorn": "^8.5.0",
     "env-cmd": "^10.1.0",
@@ -82,7 +82,7 @@
     "mocha": "^7.1.2",
     "nyc": "^15.1.0",
     "prettier": "^2.4.1",
-    "typescript": "^4.4.3",
+    "typescript": "^4.5.0-0",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.8.2"
   }
diff --git a/tests/lib/rules/no-export-in-script-setup.js b/tests/lib/rules/no-export-in-script-setup.js
index 5bc759f4c..3ea915401 100644
--- a/tests/lib/rules/no-export-in-script-setup.js
+++ b/tests/lib/rules/no-export-in-script-setup.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const semver = require('semver')
 const eslint = require('eslint')
 const rule = require('../../../lib/rules/no-export-in-script-setup')
 
@@ -48,7 +49,43 @@ ruleTester.run('no-export-in-script-setup', rule, {
       let foo;
       </script>
       `
-    }
+    },
+    ...(semver.gte(
+      require('@typescript-eslint/parser/package.json').version,
+      '5.4.0'
+    ) &&
+    semver.satisfies(require('typescript/package.json').version, '>=4.5.0-0')
+      ? [
+          {
+            filename: 'test.vue',
+            code: `
+            <script setup lang="ts">
+            export { type Foo } from "foo"
+            export type Bar = {}
+            export interface Bar {}
+            </script>
+            `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            }
+          }
+        ]
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+            <script setup lang="ts">
+            export type Bar = {}
+            export interface Bar {}
+            </script>
+            `,
+            parser: require.resolve('vue-eslint-parser'),
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            }
+          }
+        ])
   ],
 
   invalid: [
@@ -102,6 +139,34 @@ ruleTester.run('no-export-in-script-setup', rule, {
           line: 8
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      export const Foo = {}
+      export enum Bar {}
+      export {}
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 3
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 4
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From ff47c73ea4061387d00239459d2a0db03e4c8147 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 14:35:39 +0900
Subject: [PATCH 0423/1010] Fix false positives and false negatives in
 `vue/no-mutating-props` rule. (#1715)

---
 lib/rules/no-mutating-props.js       | 73 ++++++++++++++++++++-
 tests/lib/rules/no-mutating-props.js | 95 ++++++++++++++++++++++++++++
 2 files changed, 166 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 70559026b..93855fd4e 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -11,6 +11,34 @@ const { findVariable } = require('eslint-utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+// https://github.com/vuejs/vue-next/blob/7c11c58faf8840ab97b6449c98da0296a60dddd8/packages/shared/src/globalsWhitelist.ts
+const GLOBALS_WHITE_LISTED = new Set([
+  'Infinity',
+  'undefined',
+  'NaN',
+  'isFinite',
+  'isNaN',
+  'parseFloat',
+  'parseInt',
+  'decodeURI',
+  'decodeURIComponent',
+  'encodeURI',
+  'encodeURIComponent',
+  'Math',
+  'Number',
+  'Date',
+  'Array',
+  'Object',
+  'Boolean',
+  'String',
+  'RegExp',
+  'Map',
+  'Set',
+  'JSON',
+  'Intl',
+  'BigInt'
+])
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -191,12 +219,43 @@ module.exports = {
       }
     }
 
+    function* extractDefineVariableNames() {
+      const globalScope = context.getSourceCode().scopeManager.globalScope
+      if (globalScope) {
+        for (const variable of globalScope.variables) {
+          if (variable.defs.length) {
+            yield variable.name
+          }
+        }
+        const moduleScope = globalScope.childScopes.find(
+          (scope) => scope.type === 'module'
+        )
+        for (const variable of (moduleScope && moduleScope.variables) || []) {
+          if (variable.defs.length) {
+            yield variable.name
+          }
+        }
+      }
+    }
+
     return utils.compositingVisitors(
       {},
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
+          const defineVariableNames = new Set(extractDefineVariableNames())
+
           const propsSet = new Set(
-            props.map((p) => p.propName).filter(utils.isDef)
+            props
+              .map((p) => p.propName)
+              .filter(
+                /**
+                 * @returns {propName is string}
+                 */
+                (propName) =>
+                  utils.isDef(propName) &&
+                  !GLOBALS_WHITE_LISTED.has(propName) &&
+                  !defineVariableNames.has(propName)
+              )
           )
           propsMap.set(node, propsSet)
           vueObjectData = {
@@ -337,12 +396,22 @@ module.exports = {
           }
         },
         /** @param {ESNode} node */
-        "VAttribute[directive=true][key.name.name='model'] VExpressionContainer > *"(
+        "VAttribute[directive=true]:matches([key.name.name='model'], [key.name.name='bind']) VExpressionContainer > *"(
           node
         ) {
           if (!vueObjectData) {
             return
           }
+          let attr = node.parent
+          while (attr && attr.type !== 'VAttribute') {
+            attr = attr.parent
+          }
+          if (attr && attr.directive && attr.key.name.name === 'bind') {
+            if (!attr.key.modifiers.some((mod) => mod.name === 'sync')) {
+              return
+            }
+          }
+
           const nodes = utils.getMemberChaining(node)
           const first = nodes[0]
           let name
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index c0d6c2736..5c976baa2 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -331,6 +331,28 @@ ruleTester.run('no-mutating-props', rule, {
           }
         }
       </script>`
+    },
+
+    {
+      // script setup with shadow
+      filename: 'test.vue',
+      code: `
+        <template>
+          <input v-model="foo">
+          <input v-model="bar">
+          <input v-model="Infinity">
+        </template>
+        <script setup>
+        import { ref } from 'vue'
+        import { bar } from './my-script'
+        defineProps({
+          foo: String,
+          bar: String,
+          Infinity: Number
+        })
+        const foo = ref('')
+        </script>
+      `
     }
   ],
 
@@ -582,6 +604,42 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <MyComponent :data.sync="this.prop" />
+            <MyComponent :data.sync="prop" />
+            <MyComponent :data="this.prop" />
+            <MyComponent :data="prop" />
+            <template v-for="prop of data">
+              <MyComponent :data.sync="prop" />
+              <MyComponent :data.sync="this.prop" />
+            </template>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop']
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "prop" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "prop" prop.',
+          line: 10
+        }
+      ]
+    },
 
     // setup
     {
@@ -817,6 +875,43 @@ ruleTester.run('no-mutating-props', rule, {
           line: 6
         }
       ]
+    },
+
+    {
+      // script setup with shadow
+      filename: 'test.vue',
+      code: `
+        <template>
+          <input v-model="foo">
+          <input v-model="bar">
+          <input v-model="window">
+          <input v-model="Infinity">
+        </template>
+        <script setup>
+        import { ref } from 'vue'
+        const { Infinity } = defineProps({
+          foo: String,
+          bar: String,
+          Infinity: String,
+          window: String,
+        })
+        const foo = ref('')
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "bar" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "window" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "Infinity" prop.',
+          line: 6
+        }
+      ]
     }
   ]
 })

From da3e481cf9799d0f62f17ea740de845d44b0873c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 14:35:50 +0900
Subject: [PATCH 0424/1010] Fix memory leak (#1718)

---
 lib/utils/style-variables/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
index 3127166a4..eca2f39d1 100644
--- a/lib/utils/style-variables/index.js
+++ b/lib/utils/style-variables/index.js
@@ -32,8 +32,8 @@ module.exports = {
   StyleVariablesContext
 }
 
-/** @type {Map<VElement, StyleVariablesContext>} */
-const cache = new Map()
+/** @type {WeakMap<VElement, StyleVariablesContext>} */
+const cache = new WeakMap()
 /**
  * Get the style vars context
  * @param {RuleContext} context

From 20eaee7bcc332c6ef1dc4a91498fd8ee8d6bea79 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 14:38:21 +0900
Subject: [PATCH 0425/1010] 8.1.0

---
 docs/rules/no-child-content.md      | 6 +++++-
 docs/rules/no-expose-after-await.md | 7 +++++--
 package.json                        | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
index f3bf31771..4b395f7ac 100644
--- a/docs/rules/no-child-content.md
+++ b/docs/rules/no-child-content.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-child-content
 description: disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
+since: v8.1.0
 ---
 # vue/no-child-content
 
 > disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -47,6 +47,10 @@ This rule reports child content of elements that have a directive which overwrit
 - [`v-html` directive](https://v3.vuejs.org/api/directives.html#v-html)
 - [`v-text` directive](https://v3.vuejs.org/api/directives.html#v-text)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-child-content.js)
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 9b7bc8e37..b783997f4 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-expose-after-await
 description: disallow asynchronously registered `expose`
+since: v8.1.0
 ---
 # vue/no-expose-after-await
 
 > disallow asynchronously registered `expose`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports the `expose()` after `await` expression.  
@@ -45,6 +44,10 @@ Nothing.
 - [Vue RFCs - 0042-expose-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0042-expose-api.md)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-expose-after-await.js)
diff --git a/package.json b/package.json
index f3abcbcdb..4d924c5d9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.0.3",
+  "version": "8.1.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c931ae69e6b257722719c283676fb2eb8ee57b68 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 19:06:37 +0900
Subject: [PATCH 0426/1010] Fix crash in `component-api-style` rule (#1721)

---
 lib/rules/component-api-style.js       | 13 ++++++------
 tests/lib/rules/component-api-style.js | 29 ++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/lib/rules/component-api-style.js b/lib/rules/component-api-style.js
index 4d4b9f52e..9ebf01d68 100644
--- a/lib/rules/component-api-style.js
+++ b/lib/rules/component-api-style.js
@@ -274,19 +274,18 @@ module.exports = {
             if (!name) {
               continue
             }
-            const propAllowed = apis.some(
-              (api) => api.allow && api.options.has(name)
-            )
-            if (!propAllowed) {
+            const disallowApi =
+              !apis.some((api) => api.allow && api.options.has(name)) &&
+              apis.find((api) => !api.allow && api.options.has(name))
+
+            if (disallowApi) {
               context.report({
                 node: prop.key,
                 messageId: isPreferScriptSetup(allows)
                   ? 'disallowComponentOptionPreferScriptSetup'
                   : 'disallowComponentOption',
                 data: {
-                  disallowedApi: apis.filter(
-                    (api) => !api.allow && api.options.has(name)
-                  )[0].apiName,
+                  disallowedApi: disallowApi.apiName,
                   optionPhrase: buildOptionPhrase(name),
                   allowedApis: buildAllowedPhrase(allows)
                 }
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index 8c119fda7..6d4257533 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -181,6 +181,35 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1720
+      filename: 'test.vue',
+      options: [['composition']],
+      code: `
+      <template>
+        <div id="app">
+          <header>
+            <Navigation />
+          </header>
+          <main class="container-fluid mb-4" role="main">
+            <RouterView />
+          </main>
+        </div>
+      </template>
+
+      <script lang="ts">
+      import { defineComponent } from '@vue/composition-api'
+
+      import Navigation from '@/components/app/nav/Navigation.vue'
+
+      export default defineComponent({
+        name: 'App',
+        components: {
+          Navigation,
+        },
+      })
+      </script>`
     }
   ],
   invalid: [

From e613aa6a900a7b64c8071c016d654a23a6dd46ef Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 18 Nov 2021 19:08:53 +0900
Subject: [PATCH 0427/1010] 8.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4d924c5d9..2c9bcbf18 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From f38dd26342bdae032d686fcac46093939d4d8f62 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Thu, 18 Nov 2021 12:10:59 +0100
Subject: [PATCH 0428/1010] docs: update algolia credentials

---
 docs/.vuepress/config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 5bcb7913b..68aec1af9 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -184,7 +184,8 @@ module.exports = {
     },
 
     algolia: {
-      apiKey: 'b2b69365da747a9a9635cda391317c36',
+      appId: '2L4MGZSULB',
+      apiKey: 'fdf57932b27a6c230d01a890492ab76d',
       indexName: 'eslint-plugin-vue'
     }
   }

From b08fe0b4a40691920e0152146703a48a3043181e Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Mon, 29 Nov 2021 17:34:49 +0800
Subject: [PATCH 0429/1010] docs: add missing backticks (#1730)

---
 docs/rules/component-definition-name-casing.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index 5e89ace75..615b876f9 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -31,7 +31,7 @@ Default casing is set to `PascalCase`.
 - `"PascalCase"` (default) ... enforce component definition names to pascal case.
 - `"kebab-case"` ... enforce component definition names to kebab case.
 
-### `"PascalCase" (default)
+### `"PascalCase"` (default)
 
 <eslint-code-block fix :rules="{'vue/component-definition-name-casing': ['error']}">
 
@@ -64,18 +64,18 @@ export default {
 ```js
 /* ✓ GOOD */
 Vue.component('MyComponent', {
-  
+
 })
 
 /* ✗ BAD */
 Vue.component('my-component', {
-  
+
 })
 ```
 
 </eslint-code-block>
 
-### `"kebab-case"
+### `"kebab-case"`
 
 <eslint-code-block fix :rules="{'vue/component-definition-name-casing': ['error', 'kebab-case']}">
 
@@ -108,12 +108,12 @@ export default {
 ```js
 /* ✓ GOOD */
 Vue.component('my-component', {
-  
+
 })
 
 /* ✗ BAD */
 Vue.component('MyComponent', {
-  
+
 })
 ```
 

From 10dd1a99aa983754deb76383b224d48ebb2cbe91 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Tue, 30 Nov 2021 13:06:13 +0800
Subject: [PATCH 0430/1010] Add `vue/component-options-name-casing` rule
 (#1725)

* Add `vue/component-options-name-casing` rule

* fix docs

* fix demo

* refactor

* fix auto-fix

* fix checking kebab-case

* provide suggestions

* accept suggestions
---
 docs/rules/README.md                          |   1 +
 docs/rules/component-options-name-casing.md   | 165 ++++++
 lib/index.js                                  |   1 +
 lib/rules/component-options-name-casing.js    | 115 ++++
 .../rules/component-options-name-casing.js    | 558 ++++++++++++++++++
 5 files changed, 840 insertions(+)
 create mode 100644 docs/rules/component-options-name-casing.md
 create mode 100644 lib/rules/component-options-name-casing.js
 create mode 100644 tests/lib/rules/component-options-name-casing.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 5794cc3ed..2af1c06ca 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -311,6 +311,7 @@ For example:
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
 | [vue/component-api-style](./component-api-style.md) | enforce component API style |  |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
+| [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
diff --git a/docs/rules/component-options-name-casing.md b/docs/rules/component-options-name-casing.md
new file mode 100644
index 000000000..9a956553b
--- /dev/null
+++ b/docs/rules/component-options-name-casing.md
@@ -0,0 +1,165 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/component-options-name-casing
+description: enforce the casing of component name in `components` options
+---
+# vue/component-options-name-casing
+
+> enforce the casing of component name in `components` options
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule aims to enforce casing of the component names in `components` options.
+
+## :wrench: Options
+
+```json
+{
+  "vue/component-options-name-casing": ["error", "PascalCase" | "kebab-case" | "camelCase"]
+}
+```
+
+This rule has an option which can be one of these values:
+
+- `"PascalCase"` (default) ... enforce component names to pascal case.
+- `"kebab-case"` ... enforce component names to kebab case.
+- `"camelCase"` ... enforce component names to camel case.
+
+Please note that if you use kebab case in `components` options,
+you can **only** use kebab case in template;
+and if you use camel case in `components` options,
+you **can't** use pascal case in template.
+
+For demonstration, the code example is invalid:
+
+```vue
+<template>
+  <div>
+    <!-- All are invalid. DO NOT use like these. -->
+    <KebabCase />
+    <kebabCase />
+    <CamelCase />
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+    camelCase: MyComponent,
+    'kebab-case': MyComponent
+  }
+}
+</script>
+```
+
+### `"PascalCase"` (default)
+
+<eslint-code-block fix :rules="{'vue/component-options-name-casing': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  components: {
+    AppHeader,
+    AppSidebar
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/component-options-name-casing': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  components: {
+    appHeader,
+    'app-sidebar': AppSidebar
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+### `"kebab-case"`
+
+<eslint-code-block fix :rules="{'vue/component-options-name-casing': ['error', 'kebab-case']}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  components: {
+    'app-header': AppHeader,
+    'app-sidebar': appSidebar
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/component-options-name-casing': ['error', 'kebab-case']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  components: {
+    AppHeader,
+    appSidebar
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+### `"camelCase"`
+
+<eslint-code-block fix :rules="{'vue/component-options-name-casing': ['error', 'camelCase']}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  components: {
+    appHeader,
+    appSidebar
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/component-options-name-casing': ['error', 'camelCase']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  components: {
+    AppHeader,
+    'app-sidebar': appSidebar
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-options-name-casing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/component-options-name-casing.js)
diff --git a/lib/index.js b/lib/index.js
index c9969917c..0adbf3f74 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -24,6 +24,7 @@ module.exports = {
     'component-api-style': require('./rules/component-api-style'),
     'component-definition-name-casing': require('./rules/component-definition-name-casing'),
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
+    'component-options-name-casing': require('./rules/component-options-name-casing'),
     'component-tags-order': require('./rules/component-tags-order'),
     'custom-event-name-casing': require('./rules/custom-event-name-casing'),
     'dot-location': require('./rules/dot-location'),
diff --git a/lib/rules/component-options-name-casing.js b/lib/rules/component-options-name-casing.js
new file mode 100644
index 000000000..ad70c1546
--- /dev/null
+++ b/lib/rules/component-options-name-casing.js
@@ -0,0 +1,115 @@
+/**
+ * @author Pig Fang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {import('../../typings/eslint-plugin-vue/util-types/ast').Expression} node
+ * @returns {string | null}
+ */
+function getOptionsComponentName(node) {
+  if (node.type === 'Identifier') {
+    return node.name
+  }
+  if (node.type === 'Literal') {
+    return typeof node.value === 'string' ? node.value : null
+  }
+  return null
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'enforce the casing of component name in `components` options',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/component-options-name-casing.html'
+    },
+    fixable: 'code',
+    hasSuggestions: true,
+    schema: [{ enum: casing.allowedCaseOptions }],
+    messages: {
+      caseNotMatched: 'Component name "{{component}}" is not {{caseType}}.',
+      possibleRenaming: 'Rename component name to be in {{caseType}}.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const caseType = context.options[0] || 'PascalCase'
+
+    const canAutoFix = caseType === 'PascalCase'
+    const checkCase = casing.getChecker(caseType)
+    const convert = casing.getConverter(caseType)
+
+    return utils.executeOnVue(context, (obj) => {
+      const node = utils.findProperty(obj, 'components')
+      if (!node || node.value.type !== 'ObjectExpression') {
+        return
+      }
+
+      node.value.properties.forEach((property) => {
+        if (property.type !== 'Property') {
+          return
+        }
+
+        const name = getOptionsComponentName(property.key)
+        if (!name || checkCase(name)) {
+          return
+        }
+
+        context.report({
+          node: property.key,
+          messageId: 'caseNotMatched',
+          data: {
+            component: name,
+            caseType
+          },
+          fix: canAutoFix
+            ? (fixer) => {
+                const converted = convert(name)
+                return property.shorthand
+                  ? fixer.replaceText(property, `${converted}: ${name}`)
+                  : fixer.replaceText(property.key, converted)
+              }
+            : undefined,
+          suggest: canAutoFix
+            ? undefined
+            : [
+                {
+                  messageId: 'possibleRenaming',
+                  data: { caseType },
+                  fix: (fixer) => {
+                    const converted = convert(name)
+                    if (caseType === 'kebab-case') {
+                      return property.shorthand
+                        ? fixer.replaceText(property, `'${converted}': ${name}`)
+                        : fixer.replaceText(property.key, `'${converted}'`)
+                    }
+                    return property.shorthand
+                      ? fixer.replaceText(property, `${converted}: ${name}`)
+                      : fixer.replaceText(property.key, converted)
+                  }
+                }
+              ]
+        })
+      })
+    })
+  }
+}
diff --git a/tests/lib/rules/component-options-name-casing.js b/tests/lib/rules/component-options-name-casing.js
new file mode 100644
index 000000000..504d98b0c
--- /dev/null
+++ b/tests/lib/rules/component-options-name-casing.js
@@ -0,0 +1,558 @@
+/**
+ * @author Pig Fang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/component-options-name-casing')
+
+const tester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('component-options-name-casing', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          ...components
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar
+          }
+        }
+      `,
+      options: ['PascalCase']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar
+          }
+        }
+      `,
+      options: ['camelCase']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar: FooBar
+          }
+        }
+      `,
+      options: ['camelCase']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            'foo-bar': fooBar
+          }
+        }
+      `,
+      options: ['kebab-case']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            'foo-bar': FooBar
+          }
+        }
+      `,
+      options: ['kebab-case']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar
+          }
+        }
+      `,
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'fooBar',
+            caseType: 'PascalCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19
+        }
+      ],
+      output: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar: FooBar
+          }
+        }
+      `,
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'fooBar',
+            caseType: 'PascalCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19
+        }
+      ],
+      output: `
+        export default {
+          components: {
+            FooBar: FooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar
+          }
+        }
+      `,
+      options: ['PascalCase'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'fooBar',
+            caseType: 'PascalCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19
+        }
+      ],
+      output: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar: FooBar
+          }
+        }
+      `,
+      options: ['PascalCase'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'fooBar',
+            caseType: 'PascalCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19
+        }
+      ],
+      output: `
+        export default {
+          components: {
+            FooBar: FooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            'foo-bar': FooBar
+          }
+        }
+      `,
+      options: ['PascalCase'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'foo-bar',
+            caseType: 'PascalCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 22
+        }
+      ],
+      output: `
+        export default {
+          components: {
+            FooBar: FooBar
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar
+          }
+        }
+      `,
+      options: ['camelCase'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'FooBar',
+            caseType: 'camelCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'camelCase' },
+              output: `
+        export default {
+          components: {
+            fooBar: FooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `,
+      options: ['camelCase'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'FooBar',
+            caseType: 'camelCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'camelCase' },
+              output: `
+        export default {
+          components: {
+            fooBar: fooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            'foo-bar': fooBar
+          }
+        }
+      `,
+      options: ['camelCase'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'foo-bar',
+            caseType: 'camelCase'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 22,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'camelCase' },
+              output: `
+        export default {
+          components: {
+            fooBar: fooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar
+          }
+        }
+      `,
+      options: ['kebab-case'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'FooBar',
+            caseType: 'kebab-case'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'kebab-case' },
+              output: `
+        export default {
+          components: {
+            'foo-bar': FooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `,
+      options: ['kebab-case'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'FooBar',
+            caseType: 'kebab-case'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'kebab-case' },
+              output: `
+        export default {
+          components: {
+            'foo-bar': fooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar
+          }
+        }
+      `,
+      options: ['kebab-case'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'fooBar',
+            caseType: 'kebab-case'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'kebab-case' },
+              output: `
+        export default {
+          components: {
+            'foo-bar': fooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            fooBar: FooBar
+          }
+        }
+      `,
+      options: ['kebab-case'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'fooBar',
+            caseType: 'kebab-case'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'kebab-case' },
+              output: `
+        export default {
+          components: {
+            'foo-bar': FooBar
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          components: {
+            FooBar,
+            'my-component': MyComponent
+          }
+        }
+      `,
+      options: ['kebab-case'],
+      errors: [
+        {
+          messageId: 'caseNotMatched',
+          data: {
+            component: 'FooBar',
+            caseType: 'kebab-case'
+          },
+          line: 4,
+          column: 13,
+          endColumn: 19,
+          suggestions: [
+            {
+              messageId: 'possibleRenaming',
+              data: { caseType: 'kebab-case' },
+              output: `
+        export default {
+          components: {
+            'foo-bar': FooBar,
+            'my-component': MyComponent
+          }
+        }
+      `
+            }
+          ]
+        }
+      ],
+      output: null
+    }
+  ]
+})

From 622ac268fc52ff5237a66db7c4d0cae1f9d6a035 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 3 Dec 2021 02:18:25 +0100
Subject: [PATCH 0431/1010] Allow `asyncData` in `vue/no-dupe-keys` (#1735)

---
 lib/rules/no-dupe-keys.js       |  9 +-------
 tests/lib/rules/no-dupe-keys.js | 41 +++++++++++++++------------------
 2 files changed, 19 insertions(+), 31 deletions(-)

diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 61ffda40e..8b5e8e54c 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -14,14 +14,7 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 /** @type {GroupName[]} */
-const GROUP_NAMES = [
-  'props',
-  'computed',
-  'data',
-  'asyncData',
-  'methods',
-  'setup'
-]
+const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
 module.exports = {
   meta: {
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 9e01f0856..2abae46d0 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -380,6 +380,24 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       }
       `
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1687
+      filename: 'test.vue',
+      code: `
+        export default {
+          asyncData() {
+            return {
+              foo: 1
+            }
+          },
+          data() {
+            return {
+              foo: 2
+            }
+          },
+        }
+      `
     }
   ],
 
@@ -709,29 +727,6 @@ ruleTester.run('no-dupe-keys', rule, {
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          asyncData() {
-            return {
-              foo: 1
-            }
-          },
-          data() {
-            return {
-              foo: 2
-            }
-          },
-        }
-      `,
-      errors: [
-        {
-          message: "Duplicated key 'foo'.",
-          line: 10
-        }
-      ]
-    },
     {
       filename: 'test.js',
       code: `

From fe82fb534b6ced51a54bb1c35a9c590f83a0f5b5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 3 Dec 2021 11:02:24 +0900
Subject: [PATCH 0432/1010] Add support for ts4.5 to `vue/script-indent` rule
 (#1719)

* Add support for ts4.5 to `vue/script-indent` rule

* update deps
---
 .vscode/settings.json                         |   2 +-
 lib/utils/indent-common.js                    | 127 +++++++++++++-----
 lib/utils/indent-ts.js                        |  21 +++
 package.json                                  |   4 +-
 .../script-indent/ts-import-assertion-01.vue  |   9 ++
 .../script-indent/ts-import-assertion-02.vue  |  15 +++
 .../script-indent/ts-import-assertion-03.vue  |  10 ++
 .../script-indent/ts-import-assertion-04.vue  |  10 ++
 .../ts-type-only-import-export-01.vue         |  17 +++
 .../ts-type-only-import-export-02.vue         |  23 ++++
 .../ts-type-only-import-export-03.vue         |  26 ++++
 11 files changed, 231 insertions(+), 33 deletions(-)
 create mode 100644 tests/fixtures/script-indent/ts-import-assertion-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-assertion-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-assertion-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-import-assertion-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-only-import-export-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-only-import-export-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-type-only-import-export-03.vue

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7bb646536..80e1f88fd 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -10,7 +10,7 @@
         "json",
         "jsonc"
     ],
-    "typescript.tsdk": "node_modules/typescript/lib",
+    "typescript.tsdk": "./node_modules/typescript/lib",
     "vetur.validation.script": false,
     "[typescript]": {
         "editor.formatOnSave": true,
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 39ef58670..d208d5a08 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -19,7 +19,8 @@ const {
   isNotOpeningBraceToken,
   isOpeningBracketToken,
   isClosingBracketToken,
-  isSemicolonToken
+  isSemicolonToken,
+  isNotSemicolonToken
 } = require('eslint-utils')
 const {
   isComment,
@@ -1288,13 +1289,13 @@ module.exports.defineVisitor = function create(
     },
     /** @param {ExportAllDeclaration} node */
     ExportAllDeclaration(node) {
-      const tokens = tokenStore.getTokens(node)
-      const firstToken = /** @type {Token} */ (tokens.shift())
-      if (isSemicolonToken(tokens[tokens.length - 1])) {
-        tokens.pop()
-      }
+      const exportToken = tokenStore.getFirstToken(node)
+      const tokens = [
+        ...tokenStore.getTokensBetween(exportToken, node.source),
+        tokenStore.getFirstToken(node.source)
+      ]
       if (!node.exported) {
-        setOffset(tokens, 1, firstToken)
+        setOffset(tokens, 1, exportToken)
       } else {
         // export * as foo from "mod"
         const starToken = /** @type {Token} */ (tokens.find(isWildcard))
@@ -1302,10 +1303,28 @@ module.exports.defineVisitor = function create(
         const exportedToken = tokenStore.getTokenAfter(asToken)
         const afterTokens = tokens.slice(tokens.indexOf(exportedToken) + 1)
 
-        setOffset(starToken, 1, firstToken)
+        setOffset(starToken, 1, exportToken)
         setOffset(asToken, 1, starToken)
         setOffset(exportedToken, 1, starToken)
-        setOffset(afterTokens, 1, firstToken)
+        setOffset(afterTokens, 1, exportToken)
+      }
+
+      // assertions
+      const lastToken = /** @type {Token} */ (
+        tokenStore.getLastToken(node, isNotSemicolonToken)
+      )
+      const assertionTokens = tokenStore.getTokensBetween(
+        node.source,
+        lastToken
+      )
+      if (assertionTokens.length) {
+        const assertToken = /** @type {Token} */ (assertionTokens.shift())
+        setOffset(assertToken, 0, exportToken)
+        const assertionOpen = assertionTokens.shift()
+        if (assertionOpen) {
+          setOffset(assertionOpen, 1, assertToken)
+          processNodeList(assertionTokens, assertionOpen, lastToken, 1)
+        }
       }
     },
     /** @param {ExportDefaultDeclaration} node */
@@ -1328,28 +1347,66 @@ module.exports.defineVisitor = function create(
         const firstSpecifier = node.specifiers[0]
         if (!firstSpecifier || firstSpecifier.type === 'ExportSpecifier') {
           // export {foo, bar}; or export {foo, bar} from "mod";
-          const leftParenToken = tokenStore.getFirstToken(node, 1)
-          const rightParenToken = /** @type {Token} */ (
-            tokenStore.getLastToken(node, isClosingBraceToken)
+          const leftBraceTokens = firstSpecifier
+            ? tokenStore.getTokensBetween(exportToken, firstSpecifier)
+            : [tokenStore.getTokenAfter(exportToken)]
+          const rightBraceToken = /** @type {Token} */ (
+            node.source
+              ? tokenStore.getTokenBefore(node.source, isClosingBraceToken)
+              : tokenStore.getLastToken(node, isClosingBraceToken)
+          )
+          setOffset(leftBraceTokens, 0, exportToken)
+          processNodeList(
+            node.specifiers,
+            /** @type {Token} */ (last(leftBraceTokens)),
+            rightBraceToken,
+            1
           )
-          setOffset(leftParenToken, 0, exportToken)
-          processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
-
-          const maybeFromToken = tokenStore.getTokenAfter(rightParenToken)
-          if (maybeFromToken != null && maybeFromToken.value === 'from') {
-            const fromToken = maybeFromToken
-            const nameToken = tokenStore.getTokenAfter(fromToken)
-            setOffset([fromToken, nameToken], 1, exportToken)
+
+          if (node.source) {
+            const tokens = tokenStore.getTokensBetween(
+              rightBraceToken,
+              node.source
+            )
+            setOffset(
+              [...tokens, sourceCode.getFirstToken(node.source)],
+              1,
+              exportToken
+            )
+
+            // assertions
+            const lastToken = /** @type {Token} */ (
+              tokenStore.getLastToken(node, isNotSemicolonToken)
+            )
+            const assertionTokens = tokenStore.getTokensBetween(
+              node.source,
+              lastToken
+            )
+            if (assertionTokens.length) {
+              const assertToken = /** @type {Token} */ (assertionTokens.shift())
+              setOffset(assertToken, 0, exportToken)
+              const assertionOpen = assertionTokens.shift()
+              if (assertionOpen) {
+                setOffset(assertionOpen, 1, assertToken)
+                processNodeList(assertionTokens, assertionOpen, lastToken, 1)
+              }
+            }
           }
         } else {
           // maybe babel parser
         }
       }
     },
-    /** @param {ExportSpecifier} node */
-    ExportSpecifier(node) {
+    /** @param {ExportSpecifier | ImportSpecifier} node */
+    'ExportSpecifier, ImportSpecifier'(node) {
       const tokens = tokenStore.getTokens(node)
-      const firstToken = /** @type {Token} */ (tokens.shift())
+      let firstToken = /** @type {Token} */ (tokens.shift())
+      if (firstToken.value === 'type') {
+        const typeToken = firstToken
+        firstToken = /** @type {Token} */ (tokens.shift())
+        setOffset(firstToken, 0, typeToken)
+      }
+
       setOffset(tokens, 1, firstToken)
     },
     /** @param {ForInStatement | ForOfStatement} node */
@@ -1540,13 +1597,23 @@ module.exports.defineVisitor = function create(
         setOffset(fromToken, 1, importToken)
         setOffset(afterTokens, 0, fromToken)
       }
-    },
-    /** @param {ImportSpecifier} node */
-    ImportSpecifier(node) {
-      if (node.local.range[0] !== node.imported.range[0]) {
-        const tokens = tokenStore.getTokens(node)
-        const firstToken = /** @type {Token} */ (tokens.shift())
-        setOffset(tokens, 1, firstToken)
+
+      // assertions
+      const lastToken = /** @type {Token} */ (
+        tokenStore.getLastToken(node, isNotSemicolonToken)
+      )
+      const assertionTokens = tokenStore.getTokensBetween(
+        node.source,
+        lastToken
+      )
+      if (assertionTokens.length) {
+        const assertToken = /** @type {Token} */ (assertionTokens.shift())
+        setOffset(assertToken, 0, importToken)
+        const assertionOpen = assertionTokens.shift()
+        if (assertionOpen) {
+          setOffset(assertionOpen, 1, assertToken)
+          processNodeList(assertionTokens, assertionOpen, lastToken, 1)
+        }
       }
     },
     /** @param {ImportNamespaceSpecifier} node */
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index b98e9d105..496e892cd 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -1302,6 +1302,27 @@ function defineVisitor({
         setOffset(atToken, 0, tokenStore.getFirstToken(decorators[0]))
       }
     },
+    ImportAttribute(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        keyTokens.firstToken
+      )
+      setOffset(prefixTokens, 0, firstToken)
+
+      setOffset(keyTokens.firstToken, 0, firstToken)
+
+      const initToken = tokenStore.getFirstToken(node.value)
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(keyTokens.lastToken, initToken),
+          initToken
+        ],
+        1,
+        keyTokens.lastToken
+      )
+    },
 
     // ----------------------------------------------------------------------
     // DEPRECATED  NODES
diff --git a/package.json b/package.json
index 2c9bcbf18..96da9be83 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@types/semver": "^7.2.0",
-    "@typescript-eslint/parser": "^5.4.0",
+    "@typescript-eslint/parser": "^5.5.0",
     "@vuepress/plugin-pwa": "^1.4.1",
     "acorn": "^8.5.0",
     "env-cmd": "^10.1.0",
@@ -82,7 +82,7 @@
     "mocha": "^7.1.2",
     "nyc": "^15.1.0",
     "prettier": "^2.4.1",
-    "typescript": "^4.5.0-0",
+    "typescript": "^4.5.0",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.8.2"
   }
diff --git a/tests/fixtures/script-indent/ts-import-assertion-01.vue b/tests/fixtures/script-indent/ts-import-assertion-01.vue
new file mode 100644
index 000000000..f14761841
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-assertion-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<script lang="ts">
+import foo from "./foo.json" assert
+  {
+    type
+      :
+      "json"
+  }
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-assertion-02.vue b/tests/fixtures/script-indent/ts-import-assertion-02.vue
new file mode 100644
index 000000000..86fe80b4e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-assertion-02.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<script lang="ts">
+import(
+  "./foo.json",
+  {
+    assert
+      :
+      {
+        type
+          :
+          "json"
+      }
+  }
+)
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-assertion-03.vue b/tests/fixtures/script-indent/ts-import-assertion-03.vue
new file mode 100644
index 000000000..ee88e92ce
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-assertion-03.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<script lang="ts">
+export * from "mod" assert
+  {
+    type
+      :
+      "json"
+  }
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-assertion-04.vue b/tests/fixtures/script-indent/ts-import-assertion-04.vue
new file mode 100644
index 000000000..76d2f2860
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-assertion-04.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<script lang="ts">
+export { foo } from "mod" assert
+  {
+    type
+      :
+      "json"
+  }
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-only-import-export-01.vue b/tests/fixtures/script-indent/ts-type-only-import-export-01.vue
new file mode 100644
index 000000000..97c6dc192
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-only-import-export-01.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
+<script lang="ts">
+import
+  type
+  Foo
+  from
+  'foo'
+import
+  type
+  {
+    Foo
+  }
+  from
+  'foo';
+export
+  type Foo = {}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-only-import-export-02.vue b/tests/fixtures/script-indent/ts-type-only-import-export-02.vue
new file mode 100644
index 000000000..0ef5f1106
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-only-import-export-02.vue
@@ -0,0 +1,23 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
+<script lang="ts">
+import
+{
+  type
+  Foo
+}
+  from
+  'foo';
+export
+{
+  type
+  Bar
+}
+  from
+  'bar';
+export
+{
+  type
+  Baz
+}
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-only-import-export-03.vue b/tests/fixtures/script-indent/ts-type-only-import-export-03.vue
new file mode 100644
index 000000000..ca280f03c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-only-import-export-03.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
+<script lang="ts">
+import
+{
+  type
+  Foo
+    as Foo2
+}
+  from
+  'foo';
+export
+{
+  type
+  Bar
+    as Bar2
+}
+  from
+  'bar';
+export
+{
+  type
+  Baz
+    as Baz2
+}
+;
+</script>

From 8a0b2c8142c4c413b84fcd31dc0e714a398bb30e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 3 Dec 2021 12:07:44 +0100
Subject: [PATCH 0433/1010] Add new rule `vue/prefer-separate-static-class`
 (#1729)

* Add new rule `vue/prefer-separate-static-class`

* Also find static identifier object keys

* Add auto-fix

* Fix removing whole class directive if it's not empty

* Simplify check with `property.computed`

* Change rule type to `suggestion`

* Make rule docs more consistent

* Drop unnecessary `references` parameter
---
 docs/rules/README.md                          |   1 +
 docs/rules/prefer-separate-static-class.md    |  43 +++
 lib/index.js                                  |   1 +
 lib/rules/prefer-separate-static-class.js     | 231 ++++++++++++
 .../lib/rules/prefer-separate-static-class.js | 333 ++++++++++++++++++
 5 files changed, 609 insertions(+)
 create mode 100644 docs/rules/prefer-separate-static-class.md
 create mode 100644 lib/rules/prefer-separate-static-class.js
 create mode 100644 tests/lib/rules/prefer-separate-static-class.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 2af1c06ca..735dc87d0 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -351,6 +351,7 @@ For example:
 | [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/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :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 | :bulb: |
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: |
diff --git a/docs/rules/prefer-separate-static-class.md b/docs/rules/prefer-separate-static-class.md
new file mode 100644
index 000000000..155c4fb5c
--- /dev/null
+++ b/docs/rules/prefer-separate-static-class.md
@@ -0,0 +1,43 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-separate-static-class
+description: require static class names in template to be in a separate `class` attribute
+---
+# vue/prefer-separate-static-class
+
+> require static class names in template to be in a separate `class` attribute
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports static class names in dynamic class attributes.
+
+<eslint-code-block fix :rules="{'vue/prefer-separate-static-class': ['error']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <div :class="'static-class'" />
+  <div :class="{'static-class': true, 'dynamic-class': foo}" />
+  <div :class="['static-class', dynamicClass]" />
+
+  <!-- ✓ GOOD -->
+  <div class="static-class" />
+  <div class="static-class" :class="{'dynamic-class': foo}" />
+  <div class="static-class" :class="[dynamicClass]" />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-separate-static-class.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-separate-static-class.js)
diff --git a/lib/index.js b/lib/index.js
index 0adbf3f74..3c628c559 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -154,6 +154,7 @@ module.exports = {
     'operator-linebreak': require('./rules/operator-linebreak'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
+    'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
     'prefer-template': require('./rules/prefer-template'),
     'prop-name-casing': require('./rules/prop-name-casing'),
     'require-component-is': require('./rules/require-component-is'),
diff --git a/lib/rules/prefer-separate-static-class.js b/lib/rules/prefer-separate-static-class.js
new file mode 100644
index 000000000..504d95d60
--- /dev/null
+++ b/lib/rules/prefer-separate-static-class.js
@@ -0,0 +1,231 @@
+/**
+ * @author Flo Edelmann
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { defineTemplateBodyVisitor, getStringLiteralValue } = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {ASTNode} node
+ * @returns {node is Literal | TemplateLiteral}
+ */
+function isStringLiteral(node) {
+  return (
+    (node.type === 'Literal' && typeof node.value === 'string') ||
+    (node.type === 'TemplateLiteral' && node.expressions.length === 0)
+  )
+}
+
+/**
+ * @param {Expression | VForExpression | VOnExpression | VSlotScopeExpression | VFilterSequenceExpression} expressionNode
+ * @returns {(Literal | TemplateLiteral | Identifier)[]}
+ */
+function findStaticClasses(expressionNode) {
+  if (isStringLiteral(expressionNode)) {
+    return [expressionNode]
+  }
+
+  if (expressionNode.type === 'ArrayExpression') {
+    return expressionNode.elements.flatMap((element) => {
+      if (element === null || element.type === 'SpreadElement') {
+        return []
+      }
+      return findStaticClasses(element)
+    })
+  }
+
+  if (expressionNode.type === 'ObjectExpression') {
+    return expressionNode.properties.flatMap((property) => {
+      if (
+        property.type === 'Property' &&
+        property.value.type === 'Literal' &&
+        property.value.value === true &&
+        (isStringLiteral(property.key) ||
+          (property.key.type === 'Identifier' && !property.computed))
+      ) {
+        return [property.key]
+      }
+      return []
+    })
+  }
+
+  return []
+}
+
+/**
+ * @param {VAttribute | VDirective} attributeNode
+ * @returns {attributeNode is VAttribute & { value: VLiteral }}
+ */
+function isStaticClassAttribute(attributeNode) {
+  return (
+    !attributeNode.directive &&
+    attributeNode.key.name === 'class' &&
+    attributeNode.value !== null
+  )
+}
+
+/**
+ * Removes the node together with the comma before or after the node.
+ * @param {RuleFixer} fixer
+ * @param {ParserServices.TokenStore} tokenStore
+ * @param {ASTNode} node
+ */
+function* removeNodeWithComma(fixer, tokenStore, node) {
+  const prevToken = tokenStore.getTokenBefore(node)
+  if (prevToken.type === 'Punctuator' && prevToken.value === ',') {
+    yield fixer.removeRange([prevToken.range[0], node.range[1]])
+    return
+  }
+
+  const [nextToken, nextNextToken] = tokenStore.getTokensAfter(node, {
+    count: 2
+  })
+  if (
+    nextToken.type === 'Punctuator' &&
+    nextToken.value === ',' &&
+    (nextNextToken.type !== 'Punctuator' ||
+      (nextNextToken.value !== ']' && nextNextToken.value !== '}'))
+  ) {
+    yield fixer.removeRange([node.range[0], nextNextToken.range[0]])
+    return
+  }
+
+  yield fixer.remove(node)
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'require static class names in template to be in a separate `class` attribute',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/prefer-separate-static-class.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      preferSeparateStaticClass:
+        'Static class "{{className}}" should be in a static `class` attribute.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return defineTemplateBodyVisitor(context, {
+      /** @param {VDirectiveKey} directiveKeyNode */
+      "VAttribute[directive=true] > VDirectiveKey[name.name='bind'][argument.name='class']"(
+        directiveKeyNode
+      ) {
+        const attributeNode = directiveKeyNode.parent
+        if (!attributeNode.value || !attributeNode.value.expression) {
+          return
+        }
+
+        const expressionNode = attributeNode.value.expression
+        const staticClassNameNodes = findStaticClasses(expressionNode)
+
+        for (const staticClassNameNode of staticClassNameNodes) {
+          const className =
+            staticClassNameNode.type === 'Identifier'
+              ? staticClassNameNode.name
+              : getStringLiteralValue(staticClassNameNode, true)
+
+          if (className === null) {
+            continue
+          }
+
+          context.report({
+            node: staticClassNameNode,
+            messageId: 'preferSeparateStaticClass',
+            data: { className },
+            *fix(fixer) {
+              let dynamicClassDirectiveRemoved = false
+
+              yield* removeFromClassDirective()
+              yield* addToClassAttribute()
+
+              /**
+               * Remove class from dynamic `:class` directive.
+               */
+              function* removeFromClassDirective() {
+                if (isStringLiteral(expressionNode)) {
+                  yield fixer.remove(attributeNode)
+                  dynamicClassDirectiveRemoved = true
+                  return
+                }
+
+                const listElement =
+                  staticClassNameNode.parent.type === 'Property'
+                    ? staticClassNameNode.parent
+                    : staticClassNameNode
+
+                const listNode = listElement.parent
+                if (
+                  listNode.type === 'ArrayExpression' ||
+                  listNode.type === 'ObjectExpression'
+                ) {
+                  const elements =
+                    listNode.type === 'ObjectExpression'
+                      ? listNode.properties
+                      : listNode.elements
+
+                  if (elements.length === 1 && listNode === expressionNode) {
+                    yield fixer.remove(attributeNode)
+                    dynamicClassDirectiveRemoved = true
+                    return
+                  }
+
+                  const tokenStore =
+                    context.parserServices.getTemplateBodyTokenStore()
+
+                  if (elements.length === 1) {
+                    yield* removeNodeWithComma(fixer, tokenStore, listNode)
+                    return
+                  }
+
+                  yield* removeNodeWithComma(fixer, tokenStore, listElement)
+                }
+              }
+
+              /**
+               * Add class to static `class` attribute.
+               */
+              function* addToClassAttribute() {
+                const existingStaticClassAttribute =
+                  attributeNode.parent.attributes.find(isStaticClassAttribute)
+                if (existingStaticClassAttribute) {
+                  const literalNode = existingStaticClassAttribute.value
+                  yield fixer.replaceText(
+                    literalNode,
+                    `"${literalNode.value} ${className}"`
+                  )
+                  return
+                }
+
+                // new static `class` attribute
+                const separator = dynamicClassDirectiveRemoved ? '' : ' '
+                yield fixer.insertTextBefore(
+                  attributeNode,
+                  `class="${className}"${separator}`
+                )
+              }
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/prefer-separate-static-class.js b/tests/lib/rules/prefer-separate-static-class.js
new file mode 100644
index 000000000..498fc90dd
--- /dev/null
+++ b/tests/lib/rules/prefer-separate-static-class.js
@@ -0,0 +1,333 @@
+/**
+ * @author Flo Edelmann
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/prefer-separate-static-class')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('prefer-separate-static-class', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `<template><div class="static-class" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="dynamicClass" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :class="`dynamic-class-${foo}`" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="'dynamic-class-' + foo" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div class="static-class" :class="dynamicClass" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div class="static-class" :class="[dynamicClass]" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div class="static-class" :class="{'dynamic-class': foo}" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div class="static-class" :class="{foo, [computedName]: true}" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div class="static-class" :class="[dynamicClass, {'dynamic-class': foo}]" /></template>`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<template><div v-bind:class="'static-class'" /></template>`,
+      output: `<template><div class="static-class" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 30,
+          endColumn: 44
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="'static-class'" /></template>`,
+      output: `<template><div class="static-class" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 24,
+          endColumn: 38
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :class="`static-class`" /></template>',
+      output: '<template><div class="static-class" /></template>',
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 24,
+          endColumn: 38
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class='"static-class"' /></template>`,
+      output: `<template><div class="static-class" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 24,
+          endColumn: 38
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="['static-class']" /></template>`,
+      output: `<template><div class="static-class" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 25,
+          endColumn: 39
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="{'static-class': true}" /></template>`,
+      output: `<template><div class="static-class" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 25,
+          endColumn: 39
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="{foo: true}" /></template>`,
+      output: `<template><div class="foo" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "foo" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 25,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="{['static-class']: true}" /></template>`,
+      output: `<template><div class="static-class" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 26,
+          endColumn: 40
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="['static-class', dynamicClass]" /></template>`,
+      output: `<template><div class="static-class" :class="[dynamicClass]" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 25,
+          endColumn: 39
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="[dynamicClass, otherDynamicClass, 'static-class']" /></template>`,
+      output: `<template><div class="static-class" :class="[dynamicClass, otherDynamicClass]" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 58,
+          endColumn: 72
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="{'static-class': true, 'dynamic-class': foo}" /></template>`,
+      output: `<template><div class="static-class" :class="{'dynamic-class': foo}" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 25,
+          endColumn: 39
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="[{'dynamic-class': foo, 'static-class': true}]" /></template>`,
+      output: `<template><div class="static-class" :class="[{'dynamic-class': foo}]" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 48,
+          endColumn: 62
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :class="[dynamicClass, {staticClass: true}]" /></template>`,
+      output: `<template><div class="staticClass" :class="[dynamicClass]" /></template>`,
+      errors: [
+        {
+          message:
+            'Static class "staticClass" should be in a static `class` attribute.',
+          line: 1,
+          endLine: 1,
+          column: 40,
+          endColumn: 51
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div
+            class="other-class"
+            other-attribute
+            :class="[
+              {'dynamic-class-a': foo, 'static-class': true},
+              dynamicClassB,
+            ]" />
+        </template>
+      `,
+      output: `
+        <template>
+          <div
+            class="other-class static-class"
+            other-attribute
+            :class="[
+              {'dynamic-class-a': foo},
+              dynamicClassB,
+            ]" />
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            'Static class "static-class" should be in a static `class` attribute.',
+          line: 7,
+          endLine: 7,
+          column: 40,
+          endColumn: 54
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div
+            class="other-class-a other-class-b"
+            other-attribute
+            :class="[
+              'static-class-a',
+              {'static-class-b': true, 'dynamic-class-a': foo},
+              dynamicClassB,
+            ]" />
+        </template>
+      `,
+      output: `
+        <template>
+          <div
+            class="other-class-a other-class-b static-class-a"
+            other-attribute
+            :class="[
+              {'static-class-b': true, 'dynamic-class-a': foo},
+              dynamicClassB,
+            ]" />
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            'Static class "static-class-a" should be in a static `class` attribute.',
+          line: 7,
+          endLine: 7,
+          column: 15,
+          endColumn: 31
+        },
+        {
+          message:
+            'Static class "static-class-b" should be in a static `class` attribute.',
+          line: 8,
+          endLine: 8,
+          column: 16,
+          endColumn: 32
+        }
+      ]
+    }
+  ]
+})

From 09d7bedc52678e87fd68af0a0f894d77d7765fc3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 3 Dec 2021 23:23:36 +0900
Subject: [PATCH 0434/1010] Fix false positives for import binding in
 `vue/valid-define-emits` and `vue/valid-define-props` rules (#1736)

* Fix false positives for import binding in `vue/valid-define-emits` and `vue/valid-define-props` rules

* Apply suggestions from code review

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* fix

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 lib/rules/valid-define-emits.js       |  1 +
 lib/rules/valid-define-props.js       |  1 +
 tests/lib/rules/valid-define-emits.js | 10 ++++++++++
 tests/lib/rules/valid-define-props.js | 10 ++++++++++
 4 files changed, 22 insertions(+)

diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 6f433a835..d7480d538 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -79,6 +79,7 @@ module.exports = {
                   variable.defs.length &&
                   variable.defs.every(
                     (def) =>
+                      def.type !== 'ImportBinding' &&
                       utils.inRange(scriptSetup.range, def.name) &&
                       !utils.inRange(defineEmits.range, def.name)
                   )
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 3a084dd68..849437b1e 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -80,6 +80,7 @@ module.exports = {
                   variable.defs.length &&
                   variable.defs.every(
                     (def) =>
+                      def.type !== 'ImportBinding' &&
                       utils.inRange(scriptSetup.range, def.name) &&
                       !utils.inRange(defineProps.range, def.name)
                   )
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 557101d67..dd0b1f88f 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -117,6 +117,16 @@ tester.run('valid-define-emits', rule, {
       });
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { propsDef, emitsDef } from './defs';
+
+      defineProps(propsDef);
+      defineEmits(emitsDef);
+      </script>`
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index 10894e069..2d866274b 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -120,6 +120,16 @@ tester.run('valid-define-props', rule, {
       });
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { propsDef, emitsDef } from './defs';
+
+      defineProps(propsDef);
+      defineEmits(emitsDef);
+      </script>`
     }
   ],
   invalid: [

From 024c8d837a092ae7153f0eb74bdb2363f85b5270 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 4 Dec 2021 14:07:12 +0100
Subject: [PATCH 0435/1010] Add built-in component tests in
 `vue/component-name-in-template-casing` (#1737)

---
 .../component-name-in-template-casing.js      | 46 +++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index baeb66433..4c4d9f5cb 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -69,6 +69,10 @@ tester.run('component-name-in-template-casing', rule, {
       code: '<template><div><slot></slot></div></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
     },
+    {
+      code: '<template><div><template v-if="foo">bar</template></div></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
     {
       code: '<template><h1>Title</h1></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
@@ -151,6 +155,19 @@ tester.run('component-name-in-template-casing', rule, {
     {
       code: '<template><the-component><!--test</the-component></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+
+    // built-in components (behave the same way as other components)
+    {
+      code: `
+        <template>
+          <component />
+          <suspense />
+          <teleport />
+          <client-only />
+          <keep-alive />
+        </template>
+      `
     }
   ],
   invalid: [
@@ -768,6 +785,35 @@ tester.run('component-name-in-template-casing', rule, {
         'Component name "FooBar" is not kebab-case.',
         'Component name "FooBar_Baz-qux" is not kebab-case.'
       ]
+    },
+    {
+      // built-in components (behave the same way as other components)
+      code: `
+        <template>
+          <component />
+          <suspense />
+          <teleport />
+          <client-only />
+          <keep-alive />
+        </template>
+      `,
+      output: `
+        <template>
+          <Component />
+          <Suspense />
+          <Teleport />
+          <ClientOnly />
+          <KeepAlive />
+        </template>
+      `,
+      options: ['PascalCase', { registeredComponentsOnly: false }],
+      errors: [
+        'Component name "component" is not PascalCase.',
+        'Component name "suspense" is not PascalCase.',
+        'Component name "teleport" is not PascalCase.',
+        'Component name "client-only" is not PascalCase.',
+        'Component name "keep-alive" is not PascalCase.'
+      ]
     }
   ]
 })

From f0006135c2c51403c09d9f2324f68f8dc19f2995 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 6 Dec 2021 14:06:13 +0900
Subject: [PATCH 0436/1010] 8.2.0

---
 docs/rules/component-options-name-casing.md | 6 +++++-
 docs/rules/prefer-separate-static-class.md  | 6 +++++-
 package.json                                | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/rules/component-options-name-casing.md b/docs/rules/component-options-name-casing.md
index 9a956553b..d37ee9fce 100644
--- a/docs/rules/component-options-name-casing.md
+++ b/docs/rules/component-options-name-casing.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/component-options-name-casing
 description: enforce the casing of component name in `components` options
+since: v8.2.0
 ---
 # vue/component-options-name-casing
 
 > enforce the casing of component name in `components` options
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
@@ -159,6 +159,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/component-options-name-casing.js)
diff --git a/docs/rules/prefer-separate-static-class.md b/docs/rules/prefer-separate-static-class.md
index 155c4fb5c..22df25e19 100644
--- a/docs/rules/prefer-separate-static-class.md
+++ b/docs/rules/prefer-separate-static-class.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-separate-static-class
 description: require static class names in template to be in a separate `class` attribute
+since: v8.2.0
 ---
 # vue/prefer-separate-static-class
 
 > require static class names in template to be in a separate `class` attribute
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -37,6 +37,10 @@ This rule reports static class names in dynamic class attributes.
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.2.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-separate-static-class.js)
diff --git a/package.json b/package.json
index 96da9be83..bcc6bfcdd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2472ffa934820d7f308dd29d0c8ce2c83e13edb7 Mon Sep 17 00:00:00 2001
From: Idorenyin Udoh <idorenyinudoh10@outlook.com>
Date: Wed, 5 Jan 2022 13:49:02 +0100
Subject: [PATCH 0437/1010] docs: fix grammatical error (#1754)

---
 docs/rules/no-template-shadow.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index a03d85938..5bddba45c 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -11,7 +11,7 @@ since: v5.0.0
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
-`no-template-shadow` should report variable definitions of v-for directives or scope attributes if those shadows the variables in parent scopes.
+`no-template-shadow` should report variable definitions of v-for directives or scope attributes if they shadow the variables in parent scopes.
 
 ## :book: Rule Details
 

From e7b77aa24c88fd44f77f88191703585e6e06dffe Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 6 Jan 2022 06:15:27 +0100
Subject: [PATCH 0438/1010] Report `$set` and `$nextTick` in computed
 properties (#1750)

* Report `set`/`nextTick` in `vue/no-side-effects-in-computed-properties`

* Don't check `nextTick` in `no-side-effects-in-computed-properties`

* Report `nextTick` in `no-async-in-computed-properties`
---
 lib/rules/no-async-in-computed-properties.js  | 26 ++++++++
 .../no-side-effects-in-computed-properties.js | 17 +++--
 .../rules/no-async-in-computed-properties.js  | 63 +++++++++++++++++++
 .../no-side-effects-in-computed-properties.js | 22 +++++++
 4 files changed, 124 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index b405c0475..a762d3f58 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -58,6 +58,24 @@ function isPromise(node) {
   return false
 }
 
+/**
+ * @param {CallExpression} node
+ * @param {RuleContext} context
+ */
+function isNextTick(node, context) {
+  const callee = utils.skipChainExpression(node.callee)
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
+    return (
+      (utils.isThis(callee.object, context) && name === '$nextTick') ||
+      (callee.object.type === 'Identifier' &&
+        callee.object.name === 'Vue' &&
+        name === 'nextTick')
+    )
+  }
+  return false
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -90,6 +108,7 @@ module.exports = {
 
     const expressionTypes = {
       promise: 'asynchronous action',
+      nextTick: 'asynchronous action',
       await: 'await operator',
       async: 'async function declaration',
       new: 'Promise object',
@@ -211,6 +230,13 @@ module.exports = {
             'timed',
             info ? computedPropertiesMap.get(info.node) : null
           )
+        } else if (isNextTick(node, context)) {
+          verify(
+            node,
+            scopeStack.body,
+            'nextTick',
+            info ? computedPropertiesMap.get(info.node) : null
+          )
         }
       },
 
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index a0d508014..6e43266fb 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -83,15 +83,24 @@ module.exports = {
           )
         })
         if (computedProperty) {
-          if (!utils.isThis(node, context)) {
-            return
-          }
           const mem = node.parent
           if (mem.object !== node) {
             return
           }
 
-          const invalid = utils.findMutating(mem)
+          const isThis = utils.isThis(node, context)
+          const isVue = node.type === 'Identifier' && node.name === 'Vue'
+
+          const isVueSet =
+            mem.parent.type === 'CallExpression' &&
+            mem.property.type === 'Identifier' &&
+            ((isThis && mem.property.name === '$set') ||
+              (isVue && mem.property.name === 'set'))
+
+          const invalid = isVueSet
+            ? { node: mem.property }
+            : isThis && utils.findMutating(mem)
+
           if (invalid) {
             context.report({
               node: invalid.node,
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index a244c7747..ba6c0cd02 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -627,6 +627,69 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      new Vue({
+        computed: {
+          foo () {
+            this.$nextTick(() => {})
+            Vue.nextTick(() => {})
+            return 'foo'
+          }
+        }
+      })
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        },
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      new Vue({
+        computed: {
+          async foo () {
+            await this.$nextTick()
+            await Vue.nextTick()
+            return 'foo'
+          }
+        }
+      })
+      `,
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Unexpected async function declaration in "foo" computed property.',
+          line: 4
+        },
+        {
+          message: 'Unexpected await operator in "foo" computed property.',
+          line: 5
+        },
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5
+        },
+        {
+          message: 'Unexpected await operator in "foo" computed property.',
+          line: 6
+        },
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 6
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 7c4aabe95..dc62f933b 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -446,6 +446,28 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         'Unexpected side effect in "test3" computed property.'
       ]
     },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1744
+      code: `app.component('test', {
+        computed: {
+          fooBar() {
+            this.$set(this, 'foo', 'lorem');
+            Vue.set(this, 'bar', 'ipsum');
+            return this.foo + ' ' + this.bar
+          },
+        }
+      })`,
+      errors: [
+        {
+          line: 4,
+          message: 'Unexpected side effect in "fooBar" computed property.'
+        },
+        {
+          line: 5,
+          message: 'Unexpected side effect in "fooBar" computed property.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From a475176d172f86140411853fb8317aefc6589c95 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 8 Jan 2022 10:37:24 +0900
Subject: [PATCH 0439/1010] Fix crash on `<textarea>` without end tag in
 `vue/html-indent` rule (#1755)

* Fix crash on `<textarea>` without end tag in `vue/html-indent` rule

* refactor
---
 lib/utils/indent-common.js     | 12 ++++++------
 tests/lib/rules/html-indent.js | 35 ++++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index d208d5a08..6897ea4e7 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -301,7 +301,7 @@ module.exports.defineVisitor = function create(
       tokenStore.getTokenAfter(node)
 
     /** @type {SourceCode.CursorWithSkipOptions} */
-    const option = {
+    const cursorOptions = {
       includeComments: true,
       filter: (token) =>
         token != null &&
@@ -311,11 +311,11 @@ module.exports.defineVisitor = function create(
           token.type === 'HTMLEndTagOpen' ||
           token.type === 'HTMLComment')
     }
-    for (const token of tokenStore.getTokensBetween(
-      node.startTag,
-      endToken,
-      option
-    )) {
+    const contentTokens = endToken
+      ? tokenStore.getTokensBetween(node.startTag, endToken, cursorOptions)
+      : tokenStore.getTokensAfter(node.startTag, cursorOptions)
+
+    for (const token of contentTokens) {
       ignoreTokens.add(token)
     }
     ignoreTokens.add(endToken)
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 316eb9257..8340f9423 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -403,6 +403,22 @@ tester.run(
         text <span /> <!-- comment --></pre>
         </template>
       `
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
+        <template>
+          <textarea>
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
+        <template>
+          <pre>
+        </template>
+        `
       }
     ],
 
@@ -929,6 +945,25 @@ tester.run(
             line: 2
           }
         ]
+      },
+      {
+        filename: 'test.vue',
+        code: unIndent`
+        <template>
+            <textarea>
+        </template>
+        `,
+        output: unIndent`
+        <template>
+          <textarea>
+        </template>
+        `,
+        errors: [
+          {
+            message: 'Expected indentation of 2 spaces but found 4 spaces.',
+            line: 2
+          }
+        ]
       }
     ]
   )

From 834411e3d283c7785457e74276f59fa3a0ee6ac9 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 9 Jan 2022 00:38:45 +0900
Subject: [PATCH 0440/1010] Fix false positive for unknown emits definition in
 `vue/require-explicit-emits` rule (#1756)

* Fix false positive for unknown emits definition in `vue/require-explicit-emits` rule

* Rename method
---
 lib/rules/no-boolean-default.js               |  10 +-
 lib/rules/no-deprecated-props-default-this.js |   2 +-
 lib/rules/no-mutating-props.js                |   2 +-
 lib/rules/no-reserved-keys.js                 |   5 +-
 lib/rules/no-reserved-props.js                |   8 +-
 lib/rules/no-restricted-props.js              |   8 +-
 lib/rules/prop-name-casing.js                 |   8 +-
 lib/rules/require-default-prop.js             |   7 +-
 lib/rules/require-emit-validator.js           |  21 +-
 lib/rules/require-explicit-emits.js           |  36 +-
 lib/rules/require-prop-type-constructor.js    |   8 +-
 lib/rules/require-prop-types.js               |  16 +-
 lib/rules/require-valid-default-prop.js       |   7 +-
 lib/rules/return-in-emits-validator.js        |   7 +-
 lib/utils/index.js                            | 341 ++++++++++++------
 tests/lib/rules/require-explicit-emits.js     | 224 +++++++-----
 tests/lib/utils/index.js                      |  60 +--
 typings/eslint-plugin-vue/util-types/utils.ts |  59 +--
 18 files changed, 499 insertions(+), 330 deletions(-)

diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 6b1f44e74..5f74377e1 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -7,9 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 // ------------------------------------------------------------------------------
@@ -55,7 +53,7 @@ module.exports = {
   create(context) {
     const booleanType = context.options[0] || 'no-default'
     /**
-     * @param {ComponentArrayProp | ComponentObjectProp | ComponentTypeProp} prop
+     * @param {ComponentProp} prop
      * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
      */
     function processProp(prop, withDefaultsExpressions) {
@@ -84,7 +82,7 @@ module.exports = {
       }
     }
     /**
-     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param {ComponentProp[]} props
      * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
      */
     function processProps(props, withDefaultsExpressions) {
@@ -118,7 +116,7 @@ module.exports = {
     }
     return utils.compositingVisitors(
       utils.executeOnVueComponent(context, (obj) => {
-        processProps(utils.getComponentProps(obj))
+        processProps(utils.getComponentPropsFromOptions(obj))
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
index 7f9b51a1a..174c6bfae 100644
--- a/lib/rules/no-deprecated-props-default-this.js
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -96,7 +96,7 @@ module.exports = {
     }
     return utils.defineVueVisitor(context, {
       onVueObjectEnter(node) {
-        for (const prop of utils.getComponentProps(node)) {
+        for (const prop of utils.getComponentPropsFromOptions(node)) {
           if (prop.type !== 'object') {
             continue
           }
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 93855fd4e..b7ffcd6f7 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -297,7 +297,7 @@ module.exports = {
             node,
             new Set(
               utils
-                .getComponentProps(node)
+                .getComponentPropsFromOptions(node)
                 .map((p) => p.propName)
                 .filter(utils.isDef)
             )
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index ea684618f..de2f9453e 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -67,8 +67,9 @@ module.exports = {
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_node, props) {
-          for (const { propName, node } of props) {
-            if (propName && reservedKeys.has(propName)) {
+          for (const prop of props) {
+            if (prop.propName && reservedKeys.has(prop.propName)) {
+              const { propName, node } = prop
               context.report({
                 node,
                 messageId: 'reserved',
diff --git a/lib/rules/no-reserved-props.js b/lib/rules/no-reserved-props.js
index 8694d58b5..44ba54dfd 100644
--- a/lib/rules/no-reserved-props.js
+++ b/lib/rules/no-reserved-props.js
@@ -12,9 +12,7 @@ const utils = require('../utils')
 const casing = require('../utils/casing')
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 // ------------------------------------------------------------------------------
@@ -67,7 +65,7 @@ module.exports = {
     const reserved = new Set(RESERVED[vueVersion])
 
     /**
-     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param {ComponentProp[]} props
      */
     function processProps(props) {
       for (const prop of props) {
@@ -90,7 +88,7 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (obj) => {
-        processProps(utils.getComponentProps(obj))
+        processProps(utils.getComponentPropsFromOptions(obj))
       })
     )
   }
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 6834df55c..7a92b9e51 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -8,9 +8,7 @@ const utils = require('../utils')
 const regexp = require('../utils/regexp')
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 /**
@@ -96,7 +94,7 @@ module.exports = {
     const options = context.options.map(parseOption)
 
     /**
-     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param {ComponentProp[]} props
      * @param { { [key: string]: Property | undefined } } [withDefaultsProps]
      */
     function processProps(props, withDefaultsProps) {
@@ -133,7 +131,7 @@ module.exports = {
       }),
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
-          processProps(utils.getComponentProps(node))
+          processProps(utils.getComponentPropsFromOptions(node))
         }
       })
     )
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index b21147957..916dff0cd 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -9,9 +9,7 @@ const casing = require('../utils/casing')
 const allowedCaseOptions = ['camelCase', 'snake_case']
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 // ------------------------------------------------------------------------------
@@ -29,7 +27,7 @@ function create(context) {
   // ----------------------------------------------------------------------
 
   /**
-   * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+   * @param {ComponentProp[]} props
    */
   function processProps(props) {
     for (const item of props) {
@@ -56,7 +54,7 @@ function create(context) {
       }
     }),
     utils.executeOnVue(context, (obj) => {
-      processProps(utils.getComponentProps(obj))
+      processProps(utils.getComponentPropsFromOptions(obj))
     })
   )
 }
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index e3a8a4076..7cfdc7efa 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -5,9 +5,8 @@
 'use strict'
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
  * @typedef {ComponentObjectProp & { value: ObjectExpression} } ComponentObjectPropObject
  */
 
@@ -145,7 +144,7 @@ module.exports = {
     }
 
     /**
-     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param {ComponentProp[]} props
      * @param {boolean} [withDefaults]
      * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
      */
@@ -209,7 +208,7 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (obj) => {
-        processProps(utils.getComponentProps(obj))
+        processProps(utils.getComponentPropsFromOptions(obj))
       })
     )
   }
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 603bc728d..24c6a9c55 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -7,9 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
- * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
- * @typedef {import('../utils').ComponentTypeEmit} ComponentTypeEmit
+ * @typedef {import('../utils').ComponentEmit} ComponentEmit
  */
 
 // ------------------------------------------------------------------------------
@@ -41,9 +39,13 @@ module.exports = {
     // ----------------------------------------------------------------------
 
     /**
-     * @param {ComponentArrayEmit|ComponentObjectEmit} emit
+     * @param {ComponentEmit} emit
      */
-    function checker({ value, node, emitName }) {
+    function checker(emit) {
+      if (emit.type !== 'object' && emit.type !== 'array') {
+        return
+      }
+      const { value, node, emitName } = emit
       const hasType =
         !!value &&
         (value.type === 'ArrowFunctionExpression' ||
@@ -87,16 +89,11 @@ module.exports = {
 
     return utils.compositingVisitors(
       utils.executeOnVue(context, (obj) => {
-        utils.getComponentEmits(obj).forEach(checker)
+        utils.getComponentEmitsFromOptions(obj).forEach(checker)
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefineEmitsEnter(_node, emits) {
-          for (const emit of emits) {
-            if (emit.type === 'type') {
-              continue
-            }
-            checker(emit)
-          }
+          emits.forEach(checker)
         }
       })
     )
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index eecac6dd4..aa83b882f 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -5,12 +5,8 @@
 'use strict'
 
 /**
- * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
- * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
- * @typedef {import('../utils').ComponentTypeEmit} ComponentTypeEmit
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentEmit} ComponentEmit
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
@@ -99,36 +95,36 @@ module.exports = {
     const allowProps = !!options.allowProps
     /** @type {Map<ObjectExpression | Program, { contextReferenceIds: Set<Identifier>, emitReferenceIds: Set<Identifier> }>} */
     const setupContexts = new Map()
-    /** @type {Map<ObjectExpression | Program, (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]>} */
+    /** @type {Map<ObjectExpression | Program, ComponentEmit[]>} */
     const vueEmitsDeclarations = new Map()
-    /** @type {Map<ObjectExpression | Program, (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]>} */
+    /** @type {Map<ObjectExpression | Program, ComponentProp[]>} */
     const vuePropsDeclarations = new Map()
 
     /**
      * @typedef {object} VueTemplateDefineData
      * @property {'export' | 'mark' | 'definition' | 'setup'} type
      * @property {ObjectExpression | Program} define
-     * @property {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
-     * @property {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @property {ComponentEmit[]} emits
+     * @property {ComponentProp[]} props
      * @property {CallExpression} [defineEmits]
      */
     /** @type {VueTemplateDefineData | null} */
     let vueTemplateDefineData = null
 
     /**
-     * @param {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
-     * @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props
+     * @param {ComponentEmit[]} emits
+     * @param {ComponentProp[]} props
      * @param {Literal} nameLiteralNode
      * @param {ObjectExpression | Program} vueDefineNode
      */
     function verifyEmit(emits, props, nameLiteralNode, vueDefineNode) {
       const name = `${nameLiteralNode.value}`
-      if (emits.some((e) => e.emitName === name)) {
+      if (emits.some((e) => e.emitName === name || e.emitName == null)) {
         return
       }
       if (allowProps) {
         const key = `on${capitalize(name)}`
-        if (props.some((e) => e.propName === key)) {
+        if (props.some((e) => e.propName === key || e.propName == null)) {
           return
         }
       }
@@ -311,9 +307,15 @@ module.exports = {
         }),
         utils.defineVueVisitor(context, {
           onVueObjectEnter(node) {
-            vueEmitsDeclarations.set(node, utils.getComponentEmits(node))
+            vueEmitsDeclarations.set(
+              node,
+              utils.getComponentEmitsFromOptions(node)
+            )
             if (allowProps) {
-              vuePropsDeclarations.set(node, utils.getComponentProps(node))
+              vuePropsDeclarations.set(
+                node,
+                utils.getComponentPropsFromOptions(node)
+              )
             }
           },
           onSetupFunctionEnter(node, { node: vueNode }) {
@@ -409,7 +411,7 @@ module.exports = {
 
 /**
  * @param {ObjectExpression|Program} define
- * @param {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
+ * @param {ComponentEmit[]} emits
  * @param {Literal} nameNode
  * @param {RuleContext} context
  * @returns {Rule.SuggestionReportDescriptor[]}
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index f22da8118..aa022faee 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -8,9 +8,7 @@ const utils = require('../utils')
 const { isDef } = require('../utils')
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
- * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 // ------------------------------------------------------------------------------
@@ -82,7 +80,7 @@ module.exports = {
         )
     }
 
-    /** @param {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} props */
+    /** @param {ComponentProp[]} props */
     function verifyProps(props) {
       for (const prop of props) {
         if (!prop.value || prop.propName == null) {
@@ -110,7 +108,7 @@ module.exports = {
         }
       }),
       utils.executeOnVueComponent(context, (obj) => {
-        verifyProps(utils.getComponentProps(obj))
+        verifyProps(utils.getComponentPropsFromOptions(obj))
       })
     )
   }
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 3978db3f0..b57bfc6fc 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -7,8 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
- * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 // ------------------------------------------------------------------------------
@@ -54,9 +53,13 @@ module.exports = {
     }
 
     /**
-     * @param { ComponentArrayProp | ComponentObjectProp } prop
+     * @param {ComponentProp} prop
      */
-    function checkProperty({ value, node, propName }) {
+    function checkProperty(prop) {
+      if (prop.type !== 'object' && prop.type !== 'array') {
+        return
+      }
+      const { value, node, propName } = prop
       let hasType = true
 
       if (!value) {
@@ -96,15 +99,12 @@ module.exports = {
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_node, props) {
           for (const prop of props) {
-            if (prop.type === 'type') {
-              continue
-            }
             checkProperty(prop)
           }
         }
       }),
       utils.executeOnVue(context, (obj) => {
-        const props = utils.getComponentProps(obj)
+        const props = utils.getComponentPropsFromOptions(obj)
 
         for (const prop of props) {
           checkProperty(prop)
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index ab0355206..21191e86f 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -10,6 +10,7 @@ const { capitalize } = require('../utils/casing')
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentUnknownProp} ComponentUnknownProp
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
@@ -349,9 +350,9 @@ module.exports = {
       utils.defineVueVisitor(context, {
         onVueObjectEnter(obj) {
           /** @type {ComponentObjectDefineProp[]} */
-          const props = utils.getComponentProps(obj).filter(
+          const props = utils.getComponentPropsFromOptions(obj).filter(
             /**
-             * @param {ComponentObjectProp | ComponentArrayProp} prop
+             * @param {ComponentObjectProp | ComponentArrayProp | ComponentUnknownProp} prop
              * @returns {prop is ComponentObjectDefineProp}
              */
             (prop) =>
@@ -397,7 +398,7 @@ module.exports = {
           /** @type {(ComponentObjectDefineProp | ComponentTypeProp)[]} */
           const props = baseProps.filter(
             /**
-             * @param {ComponentObjectProp | ComponentArrayProp | ComponentTypeProp} prop
+             * @param {ComponentObjectProp | ComponentArrayProp | ComponentTypeProp | ComponentUnknownProp} prop
              * @returns {prop is ComponentObjectDefineProp | ComponentTypeProp}
              */
             (prop) =>
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 03d197b18..94e94ff48 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -7,9 +7,8 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('../utils').ComponentArrayEmit} ComponentArrayEmit
+ * @typedef {import('../utils').ComponentEmit} ComponentEmit
  * @typedef {import('../utils').ComponentObjectEmit} ComponentObjectEmit
- * @typedef {import('../utils').ComponentTypeEmit} ComponentTypeEmit
  */
 
 /**
@@ -69,7 +68,7 @@ module.exports = {
     let scopeStack = null
 
     /**
-     * @param {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} emits
+     * @param {ComponentEmit[]} emits
      */
     function processEmits(emits) {
       for (const emit of emits) {
@@ -94,7 +93,7 @@ module.exports = {
       utils.defineVueVisitor(context, {
         /** @param {ObjectExpression} obj */
         onVueObjectEnter(obj) {
-          processEmits(utils.getComponentEmits(obj))
+          processEmits(utils.getComponentEmitsFromOptions(obj))
         }
       }),
       {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index d6c3a6f5a..f4ac0cc63 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -15,9 +15,13 @@
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownProp} ComponentUnknownProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentProp} ComponentProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectEmit} ComponentObjectEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeEmit} ComponentTypeEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownEmit} ComponentUnknownEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentEmit} ComponentEmit
  */
 /**
  * @typedef { {key: string | null, value: BlockStatement | null} } ComponentComputedProperty
@@ -811,58 +815,27 @@ module.exports = {
   /**
    * Get all props by looking at all component's properties
    * @param {ObjectExpression} componentObject Object with component definition
-   * @return {(ComponentArrayProp | ComponentObjectProp)[]} Array of component props in format: [{key?: String, value?: ASTNode, node: ASTNod}]
+   * @return {(ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp)[]} Array of component props
    */
-  getComponentProps(componentObject) {
-    const propsNode = componentObject.properties.find(
-      /**
-       * @param {ESNode} p
-       * @returns {p is (Property & { key: Identifier & {name: 'props'}, value: ObjectExpression | ArrayExpression })}
-       */
-      (p) => {
-        return (
-          p.type === 'Property' &&
-          getStaticPropertyName(p) === 'props' &&
-          (p.value.type === 'ObjectExpression' ||
-            p.value.type === 'ArrayExpression')
-        )
-      }
-    )
-
-    if (!propsNode) {
-      return []
-    }
-
-    return getComponentPropsFromDefine(propsNode.value)
-  },
-
+  getComponentPropsFromOptions,
+  // TODO Since `utils` is used in some popular packages, we will remove it in the major version.
+  /**
+   * For backward compatibility.
+   * @deprecated Use getComponentPropsFromOptions instead.
+   */
+  getComponentProps: getComponentPropsFromOptions,
   /**
    * Get all emits by looking at all component's properties
    * @param {ObjectExpression} componentObject Object with component definition
-   * @return {(ComponentArrayEmit | ComponentObjectEmit)[]} Array of component emits in format: [{key?: String, value?: ASTNode, node: ASTNod}]
+   * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentUnknownEmit)[]} Array of component emits
    */
-  getComponentEmits(componentObject) {
-    const emitsNode = componentObject.properties.find(
-      /**
-       * @param {ESNode} p
-       * @returns {p is (Property & { key: Identifier & {name: 'emits'}, value: ObjectExpression | ArrayExpression })}
-       */
-      (p) => {
-        return (
-          p.type === 'Property' &&
-          getStaticPropertyName(p) === 'emits' &&
-          (p.value.type === 'ObjectExpression' ||
-            p.value.type === 'ArrayExpression')
-        )
-      }
-    )
-
-    if (!emitsNode) {
-      return []
-    }
-
-    return getComponentEmitsFromDefine(emitsNode.value)
-  },
+  getComponentEmitsFromOptions,
+  // TODO Since `utils` is used in some popular packages, we will remove it in the major version.
+  /**
+   * For backward compatibility.
+   * @deprecated Use getComponentEmitsFromOptions instead.
+   */
+  getComponentEmits: getComponentEmitsFromOptions,
 
   /**
    * Get all computed properties by looking at all component's properties
@@ -1143,35 +1116,6 @@ module.exports = {
       scriptSetupVisitor[key] = (node) => callVisitor(key, node)
     }
 
-    /**
-     * @param {ESNode} node
-     * @returns {ObjectExpression | ArrayExpression | null}
-     */
-    function getObjectOrArray(node) {
-      if (node.type === 'ObjectExpression') {
-        return node
-      }
-      if (node.type === 'ArrayExpression') {
-        return node
-      }
-      if (node.type === 'Identifier') {
-        const variable = findVariable(context.getScope(), node)
-
-        if (variable != null && variable.defs.length === 1) {
-          const def = variable.defs[0]
-          if (
-            def.type === 'Variable' &&
-            def.parent.kind === 'const' &&
-            def.node.id.type === 'Identifier' &&
-            def.node.init
-          ) {
-            return getObjectOrArray(def.node.init)
-          }
-        }
-      }
-      return null
-    }
-
     const hasPropsEvent =
       visitor.onDefinePropsEnter || visitor.onDefinePropsExit
     const hasEmitsEvent =
@@ -1216,22 +1160,9 @@ module.exports = {
               candidateMacro === getWithDefaults(node)) &&
             node.callee.name === 'defineProps'
           ) {
-            /** @type {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]} */
-            let props = []
-            if (node.arguments.length >= 1) {
-              const defNode = getObjectOrArray(node.arguments[0])
-              if (defNode) {
-                props = getComponentPropsFromDefine(defNode)
-              }
-            } else if (
-              node.typeParameters &&
-              node.typeParameters.params.length >= 1
-            ) {
-              props = getComponentPropsFromTypeDefine(
-                context,
-                node.typeParameters.params[0]
-              )
-            }
+            /** @type {ComponentProp[]} */
+            const props = getComponentPropsFromDefineProps(context, node)
+
             callVisitor('onDefinePropsEnter', node, props)
             definePropsMap.set(node, props)
           } else if (
@@ -1239,22 +1170,9 @@ module.exports = {
             candidateMacro === node &&
             node.callee.name === 'defineEmits'
           ) {
-            /** @type {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]} */
-            let emits = []
-            if (node.arguments.length >= 1) {
-              const defNode = getObjectOrArray(node.arguments[0])
-              if (defNode) {
-                emits = getComponentEmitsFromDefine(defNode)
-              }
-            } else if (
-              node.typeParameters &&
-              node.typeParameters.params.length >= 1
-            ) {
-              emits = getComponentEmitsFromTypeDefine(
-                context,
-                node.typeParameters.params[0]
-              )
-            }
+            /** @type {ComponentEmit[]} */
+            const emits = getComponentEmitsFromDefineEmits(context, node)
+
             callVisitor('onDefineEmitsEnter', node, emits)
             defineEmitsMap.set(node, emits)
           }
@@ -2811,14 +2729,174 @@ function getWithDefaultsProps(node) {
   return result
 }
 
+/**
+ * Get all props from component options object.
+ * @param {ObjectExpression} componentObject Object with component definition
+ * @return {(ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp)[]} Array of component props
+ */
+function getComponentPropsFromOptions(componentObject) {
+  const propsNode = componentObject.properties.find(
+    /**
+     * @param {ESNode} p
+     * @returns {p is (Property & { key: Identifier & {name: 'props'} })}
+     */
+    (p) => {
+      return p.type === 'Property' && getStaticPropertyName(p) === 'props'
+    }
+  )
+
+  if (!propsNode) {
+    return []
+  }
+  if (
+    propsNode.value.type !== 'ObjectExpression' &&
+    propsNode.value.type !== 'ArrayExpression'
+  ) {
+    return [
+      {
+        type: 'unknown',
+        key: null,
+        propName: null,
+        value: null,
+        node: propsNode.value
+      }
+    ]
+  }
+
+  return getComponentPropsFromDefine(propsNode.value)
+}
+
+/**
+ * Get all emits from component options object.
+ * @param {ObjectExpression} componentObject Object with component definition
+ * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentUnknownEmit)[]} Array of component emits
+ */
+function getComponentEmitsFromOptions(componentObject) {
+  const emitsNode = componentObject.properties.find(
+    /**
+     * @param {ESNode} p
+     * @returns {p is (Property & { key: Identifier & {name: 'emits'} })}
+     */
+    (p) => {
+      return p.type === 'Property' && getStaticPropertyName(p) === 'emits'
+    }
+  )
+
+  if (!emitsNode) {
+    return []
+  }
+  if (
+    emitsNode.value.type !== 'ObjectExpression' &&
+    emitsNode.value.type !== 'ArrayExpression'
+  ) {
+    return [
+      {
+        type: 'unknown',
+        key: null,
+        emitName: null,
+        value: null,
+        node: emitsNode.value
+      }
+    ]
+  }
+
+  return getComponentEmitsFromDefine(emitsNode.value)
+}
+
+/**
+ * Get all props from `defineProps` call expression.
+ * @param {RuleContext} context The rule context object.
+ * @param {CallExpression} node `defineProps` call expression
+ * @return {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp | ComponentUnknownProp)[]} Array of component props
+ */
+function getComponentPropsFromDefineProps(context, node) {
+  if (node.arguments.length >= 1) {
+    const defNode = getObjectOrArray(context, node.arguments[0])
+    if (defNode) {
+      return getComponentPropsFromDefine(defNode)
+    }
+    return [
+      {
+        type: 'unknown',
+        key: null,
+        propName: null,
+        value: null,
+        node: node.arguments[0]
+      }
+    ]
+  }
+  if (node.typeParameters && node.typeParameters.params.length >= 1) {
+    return getComponentPropsFromTypeDefine(
+      context,
+      node.typeParameters.params[0]
+    )
+  }
+  return [
+    {
+      type: 'unknown',
+      key: null,
+      propName: null,
+      value: null,
+      node: null
+    }
+  ]
+}
+
+/**
+ * Get all emits from `defineEmits` call expression.
+ * @param {RuleContext} context The rule context object.
+ * @param {CallExpression} node `defineEmits` call expression
+ * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit | ComponentUnknownEmit)[]} Array of component emits
+ */
+function getComponentEmitsFromDefineEmits(context, node) {
+  if (node.arguments.length >= 1) {
+    const defNode = getObjectOrArray(context, node.arguments[0])
+    if (defNode) {
+      return getComponentEmitsFromDefine(defNode)
+    }
+    return [
+      {
+        type: 'unknown',
+        key: null,
+        emitName: null,
+        value: null,
+        node: node.arguments[0]
+      }
+    ]
+  }
+  if (node.typeParameters && node.typeParameters.params.length >= 1) {
+    return getComponentEmitsFromTypeDefine(
+      context,
+      node.typeParameters.params[0]
+    )
+  }
+  return [
+    {
+      type: 'unknown',
+      key: null,
+      emitName: null,
+      value: null,
+      node: null
+    }
+  ]
+}
 /**
  * Get all props by looking at all component's properties
  * @param {ObjectExpression|ArrayExpression} propsNode Object with props definition
- * @return {(ComponentArrayProp | ComponentObjectProp)[]} Array of component props in format: [{key?: String, value?: ASTNode, node: ASTNod}]
+ * @return {(ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp)[]} Array of component props
  */
 function getComponentPropsFromDefine(propsNode) {
   if (propsNode.type === 'ObjectExpression') {
-    return propsNode.properties.filter(isProperty).map((prop) => {
+    return propsNode.properties.map((prop) => {
+      if (!isProperty(prop)) {
+        return {
+          type: 'unknown',
+          key: null,
+          propName: null,
+          value: null,
+          node: prop
+        }
+      }
       const propName = getStaticPropertyName(prop)
       if (propName != null) {
         return {
@@ -2865,11 +2943,20 @@ function getComponentPropsFromDefine(propsNode) {
 /**
  * Get all emits by looking at all component's properties
  * @param {ObjectExpression|ArrayExpression} emitsNode Object with emits definition
- * @return {(ComponentArrayEmit | ComponentObjectEmit)[]} Array of component emits
+ * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentUnknownEmit)[]} Array of component emits.
  */
 function getComponentEmitsFromDefine(emitsNode) {
   if (emitsNode.type === 'ObjectExpression') {
-    return emitsNode.properties.filter(isProperty).map((prop) => {
+    return emitsNode.properties.map((prop) => {
+      if (!isProperty(prop)) {
+        return {
+          type: 'unknown',
+          key: null,
+          emitName: null,
+          value: null,
+          node: prop
+        }
+      }
       const emitName = getStaticPropertyName(prop)
       if (emitName != null) {
         return {
@@ -2912,3 +2999,33 @@ function getComponentEmitsFromDefine(emitsNode) {
     })
   }
 }
+
+/**
+ * @param {RuleContext} context The rule context object.
+ * @param {ESNode} node
+ * @returns {ObjectExpression | ArrayExpression | null}
+ */
+function getObjectOrArray(context, node) {
+  if (node.type === 'ObjectExpression') {
+    return node
+  }
+  if (node.type === 'ArrayExpression') {
+    return node
+  }
+  if (node.type === 'Identifier') {
+    const variable = findVariable(context.getScope(), node)
+
+    if (variable != null && variable.defs.length === 1) {
+      const def = variable.defs[0]
+      if (
+        def.type === 'Variable' &&
+        def.parent.kind === 'const' &&
+        def.node.id.type === 'Identifier' &&
+        def.node.init
+      ) {
+        return getObjectOrArray(context, def.node.init)
+      }
+    }
+  }
+  return null
+}
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 1ea1758d2..1146cd2cc 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -457,6 +457,142 @@ tester.run('require-explicit-emits', rule, {
       </script>
       `,
       parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+
+    // unknown emits definition
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: unknown,
+        setup(_, {emit}) {
+          emit('bar')
+        },
+        methods: {
+          click() {
+            this.$emit('baz')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup>
+      const emit = defineEmits(unknown)
+      emit('bar')
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: {...foo}
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: [foo]
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        emits: [...foo]
+      }
+      </script>
+      `
+    },
+
+    // unknown props definition
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: unknown,
+        methods: {
+          fn() { this.$emit('bar') }
+        },
+        setup(p, ctx) {
+          ctx.emit('baz')
+        }
+      }
+      </script>
+      `,
+      options: [{ allowProps: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="$emit('foo')"/>
+      </template>
+      <script setup>
+      defineProps(unknown)
+      </script>
+      `,
+      options: [{ allowProps: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: [foo],
+      }
+      </script>
+      `,
+      options: [{ allowProps: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: [...foo],
+      }
+      </script>
+      `,
+      options: [{ allowProps: true }]
     }
   ],
   invalid: [
@@ -1226,40 +1362,6 @@ emits: {'foo': null}
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="$emit('foo')"/>
-      </template>
-      <script>
-      export default {
-        emits: {...foo}
-      }
-      </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "foo" event has been triggered but not declared on `emits` option.',
-          suggestions: [
-            {
-              desc: 'Add the "foo" to `emits` option.',
-              output: `
-      <template>
-        <div @click="$emit('foo')"/>
-      </template>
-      <script>
-      export default {
-        emits: {'foo': null,...foo}
-      }
-      </script>
-      `
-            }
-          ]
-        }
-      ]
-    },
     {
       filename: 'test.vue',
       code: `
@@ -1294,60 +1396,6 @@ emits: {'foo': null}
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="$emit('foo')"/>
-      </template>
-      <script>
-      export default {
-        emits: [...foo]
-      }
-      </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "foo" event has been triggered but not declared on `emits` option.',
-          suggestions: [
-            {
-              desc: 'Add the "foo" to `emits` option.',
-              output: `
-      <template>
-        <div @click="$emit('foo')"/>
-      </template>
-      <script>
-      export default {
-        emits: ['foo',...foo]
-      }
-      </script>
-      `
-            }
-          ]
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="$emit('foo')"/>
-      </template>
-      <script>
-      export default {
-        emits: foo
-      }
-      </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "foo" event has been triggered but not declared on `emits` option.',
-          suggestions: []
-        }
-      ]
-    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index b4a052090..89c81942d 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -120,19 +120,19 @@ describe('getStaticPropertyName', () => {
     const node = parse(`const test = { computed: { } }`)
 
     const parsed = utils.getStaticPropertyName(node.properties[0])
-    assert.ok(parsed === 'computed')
+    assert.strictEqual(parsed, 'computed')
   })
   it('should parse property expression with literal', () => {
     const node = parse(`const test = { ['computed'] () {} }`)
 
     const parsed = utils.getStaticPropertyName(node.properties[0])
-    assert.ok(parsed === 'computed')
+    assert.strictEqual(parsed, 'computed')
   })
   it('should parse property expression with template literal', () => {
     const node = parse(`const test = { [\`computed\`] () {} }`)
 
     const parsed = utils.getStaticPropertyName(node.properties[0])
-    assert.ok(parsed === 'computed')
+    assert.strictEqual(parsed, 'computed')
   })
 })
 
@@ -146,13 +146,13 @@ describe('getStringLiteralValue', () => {
     const node = parse(`const test = { ['computed'] () {} }`)
 
     const parsed = utils.getStringLiteralValue(node.properties[0].key)
-    assert.ok(parsed === 'computed')
+    assert.strictEqual(parsed, 'computed')
   })
   it('should parse template literal', () => {
     const node = parse(`const test = { [\`computed\`] () {} }`)
 
     const parsed = utils.getStringLiteralValue(node.properties[0].key)
-    assert.ok(parsed === 'computed')
+    assert.strictEqual(parsed, 'computed')
   })
 })
 
@@ -388,23 +388,27 @@ describe('getComponentProps', () => {
       }
     }`)
 
-    assert.equal(props.length, 4, 'it detects all props')
+    assert.equal(props.length, 5, 'it detects all props')
+
+    assert.strictEqual(props[0].key, null)
+    assert.strictEqual(props[0].node.type, 'SpreadElement')
+    assert.strictEqual(props[0].value, null)
 
-    assert.ok(props[0].key.type === 'Identifier')
-    assert.ok(props[0].node.type === 'Property')
-    assert.ok(props[0].value.type === 'Identifier')
+    assert.strictEqual(props[1].key.type, 'Identifier')
+    assert.strictEqual(props[1].node.type, 'Property')
+    assert.strictEqual(props[1].value.type, 'Identifier')
 
-    assert.ok(props[1].key.type === 'Identifier')
-    assert.ok(props[1].node.type === 'Property')
-    assert.ok(props[1].value.type === 'ObjectExpression')
+    assert.strictEqual(props[2].key.type, 'Identifier')
+    assert.strictEqual(props[2].node.type, 'Property')
+    assert.strictEqual(props[2].value.type, 'ObjectExpression')
 
-    assert.ok(props[2].key.type === 'Identifier')
-    assert.ok(props[2].node.type === 'Property')
-    assert.ok(props[2].value.type === 'ArrayExpression')
+    assert.strictEqual(props[3].key.type, 'Identifier')
+    assert.strictEqual(props[3].node.type, 'Property')
+    assert.strictEqual(props[3].value.type, 'ArrayExpression')
 
-    assert.deepEqual(props[3].key, props[3].value)
-    assert.ok(props[3].node.type === 'Property')
-    assert.ok(props[3].value.type === 'Identifier')
+    assert.deepEqual(props[4].key, props[4].value)
+    assert.strictEqual(props[4].node.type, 'Property')
+    assert.strictEqual(props[4].value.type, 'Identifier')
   })
 
   it('should return computed from array props', () => {
@@ -418,21 +422,21 @@ describe('getComponentProps', () => {
 
     assert.equal(props.length, 4, 'it detects all props')
 
-    assert.ok(props[0].node.type === 'Literal')
+    assert.strictEqual(props[0].node.type, 'Literal')
     assert.deepEqual(props[0].key, props[0].node)
-    assert.ok(!props[0].value)
+    assert.strictEqual(props[0].value, null)
 
-    assert.ok(props[1].node.type === 'Identifier')
-    assert.ok(!props[1].key)
-    assert.ok(!props[1].value)
+    assert.strictEqual(props[1].node.type, 'Identifier')
+    assert.strictEqual(props[1].key, null)
+    assert.strictEqual(props[1].value, null)
 
-    assert.ok(props[2].node.type === 'TemplateLiteral')
+    assert.strictEqual(props[2].node.type, 'TemplateLiteral')
     assert.deepEqual(props[2].key, props[2].node)
-    assert.ok(!props[2].value)
+    assert.strictEqual(props[2].value, null)
 
-    assert.ok(props[3].node.type === 'Literal')
-    assert.ok(!props[3].key)
-    assert.ok(!props[3].value)
+    assert.strictEqual(props[3].node.type, 'Literal')
+    assert.strictEqual(props[3].key, null)
+    assert.strictEqual(props[3].value, null)
   })
 })
 
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index 73b9e81c7..d998761be 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -36,32 +36,14 @@ type ScriptSetupVisitorBase = {
   [T in keyof NodeListenerMap]?: (node: NodeListenerMap[T]) => void
 }
 export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
-  onDefinePropsEnter?(
-    node: CallExpression,
-    props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
-  ): void
-  onDefinePropsExit?(
-    node: CallExpression,
-    props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
-  ): void
-  onDefineEmitsEnter?(
-    node: CallExpression,
-    props: (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]
-  ): void
-  onDefineEmitsExit?(
-    node: CallExpression,
-    props: (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]
-  ): void
+  onDefinePropsEnter?(node: CallExpression, props: ComponentProp[]): void
+  onDefinePropsExit?(node: CallExpression, props: ComponentProp[]): void
+  onDefineEmitsEnter?(node: CallExpression, emits: ComponentEmit[]): void
+  onDefineEmitsExit?(node: CallExpression, emits: ComponentEmit[]): void
   [query: string]:
     | ((node: VAST.ParamNode) => void)
-    | ((
-        node: CallExpression,
-        props: (ComponentArrayProp | ComponentObjectProp | ComponentTypeProp)[]
-      ) => void)
-    | ((
-        node: CallExpression,
-        props: (ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit)[]
-      ) => void)
+    | ((node: CallExpression, props: ComponentProp[]) => void)
+    | ((node: CallExpression, emits: ComponentEmit[]) => void)
     | undefined
 }
 
@@ -101,6 +83,14 @@ export type ComponentObjectProp =
   | ComponentObjectPropDetectName
   | ComponentObjectPropUnknownName
 
+export type ComponentUnknownProp = {
+  type: 'unknown'
+  key: null
+  propName: null
+  value: null
+  node: Expression | SpreadElement | null
+}
+
 export type ComponentTypeProp = {
   type: 'type'
   key: Identifier | Literal
@@ -112,6 +102,12 @@ export type ComponentTypeProp = {
   types: string[]
 }
 
+export type ComponentProp =
+  | ComponentArrayProp
+  | ComponentObjectProp
+  | ComponentTypeProp
+  | ComponentUnknownProp
+
 type ComponentArrayEmitDetectName = {
   type: 'array'
   key: Literal | TemplateLiteral
@@ -143,10 +139,19 @@ type ComponentObjectEmitUnknownName = {
   value: Expression
   node: Property
 }
+
 export type ComponentObjectEmit =
   | ComponentObjectEmitDetectName
   | ComponentObjectEmitUnknownName
 
+export type ComponentUnknownEmit = {
+  type: 'unknown'
+  key: null
+  emitName: null
+  value: null
+  node: Expression | SpreadElement | null
+}
+
 export type ComponentTypeEmit = {
   type: 'type'
   key: TSLiteralType
@@ -154,3 +159,9 @@ export type ComponentTypeEmit = {
   value: null
   node: TSCallSignatureDeclaration | TSFunctionType
 }
+
+export type ComponentEmit =
+  | ComponentArrayEmit
+  | ComponentObjectEmit
+  | ComponentTypeEmit
+  | ComponentUnknownEmit

From 9c6910e162ff6e5fef121936c82c51fca8c8d7e9 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 12 Jan 2022 22:00:31 +0900
Subject: [PATCH 0441/1010] 8.3.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index bcc6bfcdd..5f9cdff49 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From ae34c6582981ffc31ec03176f4fc417ba2f2412d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 19 Jan 2022 12:25:05 +0900
Subject: [PATCH 0442/1010] Add `vue/no-v-text-v-html-on-component` rule
 (#1760)

* Add `vue/no-v-text-v-html-on-component` rule

* add test case
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-v-text-v-html-on-component.md   |  43 ++++++
 lib/index.js                                  |   1 +
 lib/rules/no-v-text-v-html-on-component.js    |  59 ++++++++
 .../rules/no-v-text-v-html-on-component.js    | 137 ++++++++++++++++++
 5 files changed, 241 insertions(+)
 create mode 100644 docs/rules/no-v-text-v-html-on-component.md
 create mode 100644 lib/rules/no-v-text-v-html-on-component.js
 create mode 100644 tests/lib/rules/no-v-text-v-html-on-component.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 735dc87d0..49a6c6389 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -349,6 +349,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-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  |
 | [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/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: |
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
new file mode 100644
index 000000000..5d8c8c434
--- /dev/null
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -0,0 +1,43 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-v-text-v-html-on-component
+description: disallow v-text / v-html on component
+---
+# vue/no-v-text-v-html-on-component
+
+> disallow v-text / v-html on component
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule disallows the use of v-text / v-html on component.
+
+If you use v-text / v-html on a component, it will overwrite the component's content and may break the component.
+
+<eslint-code-block :rules="{'vue/no-v-text-v-html-on-component': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-text="content"></div>
+  <div v-html="html"></div>
+  <MyComponent>{{content}}</MyComponent>
+
+  <!-- ✗ BAD -->
+  <MyComponent v-text="content"></MyComponent>
+  <MyComponent v-html="html"></MyComponent>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-text-v-html-on-component.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-v-text-v-html-on-component.js)
diff --git a/lib/index.js b/lib/index.js
index 3c628c559..021710984 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -145,6 +145,7 @@ module.exports = {
     'no-v-for-template-key': require('./rules/no-v-for-template-key'),
     'no-v-html': require('./rules/no-v-html'),
     'no-v-model-argument': require('./rules/no-v-model-argument'),
+    'no-v-text-v-html-on-component': require('./rules/no-v-text-v-html-on-component'),
     'no-v-text': require('./rules/no-v-text'),
     'no-watch-after-await': require('./rules/no-watch-after-await'),
     'object-curly-newline': require('./rules/object-curly-newline'),
diff --git a/lib/rules/no-v-text-v-html-on-component.js b/lib/rules/no-v-text-v-html-on-component.js
new file mode 100644
index 000000000..4a208627d
--- /dev/null
+++ b/lib/rules/no-v-text-v-html-on-component.js
@@ -0,0 +1,59 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow v-text / v-html on component',
+      // TODO We will change it in the next major version.
+      // categories: ['essential', 'vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-v-text-v-html-on-component.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      disallow:
+        "Using {{directiveName}} on component may break component's content."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * Verify for v-text and v-html directive
+     * @param {VDirective} node
+     */
+    function verify(node) {
+      const element = node.parent.parent
+      if (utils.isCustomComponent(element)) {
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'disallow',
+          data: {
+            directiveName: `v-${node.key.name.name}`
+          }
+        })
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      "VAttribute[directive=true][key.name.name='text']": verify,
+      "VAttribute[directive=true][key.name.name='html']": verify
+    })
+  }
+}
diff --git a/tests/lib/rules/no-v-text-v-html-on-component.js b/tests/lib/rules/no-v-text-v-html-on-component.js
new file mode 100644
index 000000000..c50071346
--- /dev/null
+++ b/tests/lib/rules/no-v-text-v-html-on-component.js
@@ -0,0 +1,137 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-v-text-v-html-on-component')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-v-text-v-html-on-component', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-text="content" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-html="content" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComponent v-if="content" />
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComponent v-text="content" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Using v-text on component may break component's content.",
+          line: 3,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComponent v-html="content" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Using v-html on component may break component's content.",
+          line: 3,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <component :is="component" v-text="content" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Using v-text on component may break component's content.",
+          line: 3,
+          column: 36
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <component :is="component" v-html="content" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Using v-html on component may break component's content.",
+          line: 3,
+          column: 36
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :is="component" v-text="content" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Using v-text on component may break component's content.",
+          line: 3,
+          column: 30
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :is="component" v-html="content" />
+      </template>
+      `,
+      errors: [
+        {
+          message: "Using v-html on component may break component's content.",
+          line: 3,
+          column: 30
+        }
+      ]
+    }
+  ]
+})

From 5ed7397855e8defec745081d6d862863f087d819 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 19 Jan 2022 19:00:08 +0900
Subject: [PATCH 0443/1010] Add support for Vue2 functional component to
 `vue/no-unused-properties` and `vue/no-undef-properties` rules (#1761)

---
 lib/utils/property-references.js        | 19 ++++++++--
 tests/lib/rules/no-undef-properties.js  | 43 +++++++++++++++++++++++
 tests/lib/rules/no-unused-properties.js | 46 +++++++++++++++++++++++++
 3 files changed, 105 insertions(+), 3 deletions(-)

diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 37709ee0b..5170240d8 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -96,6 +96,12 @@ function definePropertyReferenceExtractor(context) {
   /** @type {{ toRefNodes: Set<ESNode>, toRefsNodes: Set<ESNode>} | null} */
   let toRefSet = null
 
+  let isFunctionalTemplate = false
+  const templateBody = context.getSourceCode().ast.templateBody
+  if (templateBody) {
+    isFunctionalTemplate = utils.hasAttribute(templateBody, 'functional')
+  }
+
   function getToRefSet() {
     if (toRefSet) {
       return toRefSet
@@ -578,6 +584,7 @@ function definePropertyReferenceExtractor(context) {
 
       ignoreRef = (name) => globalScope.set.has(name)
     }
+    /** @type {IPropertyReferences[]} */
     const references = []
     for (const id of node.references
       .filter((ref) => ref.variable == null)
@@ -585,9 +592,15 @@ function definePropertyReferenceExtractor(context) {
       if (ignoreRef(id.name)) {
         continue
       }
-      references.push(
-        extractFromName(id.name, id, () => extractFromExpression(id, true))
-      )
+      if (!isFunctionalTemplate) {
+        references.push(
+          extractFromName(id.name, id, () => extractFromExpression(id, true))
+        )
+      } else {
+        if (id.name === 'props') {
+          references.push(extractFromExpression(id, true))
+        }
+      }
     }
     return mergePropertyReferences(references)
   }
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index f432a8d0e..8b8ebbb1d 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -517,6 +517,24 @@ tester.run('no-undef-properties', rule, {
         };
       </script>
       `
+    },
+
+    // Vue2 functional component
+    {
+      filename: 'test.vue',
+      code: `
+      <template functional>
+        <div>{{props.a}} {{props.b}}</div>
+      </template>
+
+      <script>
+      export default {
+        props: {
+          a: String,
+          b: String,
+        },
+      };
+      </script>`
     }
   ],
 
@@ -1086,6 +1104,31 @@ tester.run('no-undef-properties', rule, {
           line: 16
         }
       ]
+    },
+
+    // Vue2 functional component
+    {
+      filename: 'test.vue',
+      code: `
+      <template functional>
+        <div>{{props.a}} {{props.b}} {{props.c}}</div>
+      </template>
+
+      <script>
+      export default {
+        props: {
+          a: String,
+          b: String,
+        },
+      };
+      </script>`,
+      errors: [
+        {
+          message: "'c' is not defined.",
+          line: 3,
+          column: 46
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index ecd41243e..0023443cb 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1678,6 +1678,24 @@ tester.run('no-unused-properties', rule, {
       <style lang="scss" scoped>
       //
       </style>`
+    },
+
+    // Vue2 functional component
+    {
+      filename: 'test.vue',
+      code: `
+      <template functional>
+        <div>{{props.a}} {{props.b}}</div>
+      </template>
+
+      <script>
+      export default {
+        props: {
+          a: String,
+          b: String,
+        },
+      };
+      </script>`
     }
   ],
 
@@ -2756,6 +2774,34 @@ tester.run('no-unused-properties', rule, {
         "'foo.bar.b' of data found, but never used.",
         "'foo.baz' of data found, but never used."
       ]
+    },
+
+    // Vue2 functional component
+    {
+      filename: 'test.vue',
+      code: `
+      <template functional>
+        <div>{{a}} {{b}} {{props.c}}</div>
+      </template>
+
+      <script>
+      export default {
+        props: {
+          a: String,
+          b: String,
+        },
+      };
+      </script>`,
+      errors: [
+        {
+          message: "'a' of property found, but never used.",
+          line: 9
+        },
+        {
+          message: "'b' of property found, but never used.",
+          line: 10
+        }
+      ]
     }
   ]
 })

From 09bc534f7fa6bac4e70d2811df09253fb0ccb35e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 19 Jan 2022 19:00:29 +0900
Subject: [PATCH 0444/1010] Add `vue/object-shorthand` rule (#1762)

---
 docs/rules/README.md                |  1 +
 docs/rules/object-shorthand.md      | 27 ++++++++++
 lib/index.js                        |  1 +
 lib/rules/object-shorthand.js       | 12 +++++
 tests/lib/rules/object-shorthand.js | 81 +++++++++++++++++++++++++++++
 5 files changed, 122 insertions(+)
 create mode 100644 docs/rules/object-shorthand.md
 create mode 100644 lib/rules/object-shorthand.js
 create mode 100644 tests/lib/rules/object-shorthand.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 49a6c6389..127a622d3 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -396,6 +396,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
+| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals | :wrench: |
 | [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
 | [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses | :wrench: |
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
new file mode 100644
index 000000000..e2e9249b5
--- /dev/null
+++ b/docs/rules/object-shorthand.md
@@ -0,0 +1,27 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/object-shorthand
+description: require or disallow method and property shorthand syntax for object literals
+---
+# vue/object-shorthand
+
+> require or disallow method and property shorthand syntax for object literals
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [object-shorthand] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [object-shorthand]
+
+[object-shorthand]: https://eslint.org/docs/rules/object-shorthand
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-shorthand.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-shorthand.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-shorthand)</sup>
diff --git a/lib/index.js b/lib/index.js
index 021710984..895c615c6 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -151,6 +151,7 @@ module.exports = {
     'object-curly-newline': require('./rules/object-curly-newline'),
     'object-curly-spacing': require('./rules/object-curly-spacing'),
     'object-property-newline': require('./rules/object-property-newline'),
+    'object-shorthand': require('./rules/object-shorthand'),
     'one-component-per-file': require('./rules/one-component-per-file'),
     'operator-linebreak': require('./rules/operator-linebreak'),
     'order-in-components': require('./rules/order-in-components'),
diff --git a/lib/rules/object-shorthand.js b/lib/rules/object-shorthand.js
new file mode 100644
index 000000000..79a3c8a32
--- /dev/null
+++ b/lib/rules/object-shorthand.js
@@ -0,0 +1,12 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('object-shorthand', {
+  skipDynamicArguments: true
+})
diff --git a/tests/lib/rules/object-shorthand.js b/tests/lib/rules/object-shorthand.js
new file mode 100644
index 000000000..62a9a9efa
--- /dev/null
+++ b/tests/lib/rules/object-shorthand.js
@@ -0,0 +1,81 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/object-shorthand')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('object-shorthand', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{height}"></div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{height: height}"></div>
+      </template>
+      `,
+      options: ['never']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{height: height}"></div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :style="{height}"></div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected property shorthand.',
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{height}"></div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :style="{height: height}"></div>
+      </template>
+      `,
+      options: ['never'],
+      errors: [
+        {
+          message: 'Expected longform property syntax.',
+          line: 3,
+          column: 23
+        }
+      ]
+    }
+  ]
+})

From ee1e1e5cc60460095e7ebcdcc17e7de357259da4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 19 Jan 2022 20:59:30 +0900
Subject: [PATCH 0445/1010] Add `vue/no-undef-components` rule and deprecate
 `vue/no-unregistered-components` rule  (#1763)

* Add `vue/no-undef-components-in-script-setup` rule

* fix test case

* Renamed rule and marked no-unregistered-components as deprecated

* update doc

* update doc

* fix doc

* Update docs/rules/no-undef-components.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                     |   3 +-
 docs/rules/no-undef-components.md        | 178 +++++
 docs/rules/no-unregistered-components.md |   2 +
 lib/index.js                             |   1 +
 lib/rules/no-undef-components.js         | 270 +++++++
 lib/rules/no-unregistered-components.js  |   4 +-
 tests/lib/rules/no-undef-components.js   | 923 +++++++++++++++++++++++
 7 files changed, 1379 insertions(+), 2 deletions(-)
 create mode 100644 docs/rules/no-undef-components.md
 create mode 100644 lib/rules/no-undef-components.js
 create mode 100644 tests/lib/rules/no-undef-components.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 127a622d3..a4f8c8715 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -341,8 +341,8 @@ For example:
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
 | [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  |
+| [vue/no-undef-components](./no-undef-components.md) | disallow use of undefined components in `<template>` |  |
 | [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  |
@@ -414,3 +414,4 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) |
 | [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) |
 | [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) |
diff --git a/docs/rules/no-undef-components.md b/docs/rules/no-undef-components.md
new file mode 100644
index 000000000..b4f757505
--- /dev/null
+++ b/docs/rules/no-undef-components.md
@@ -0,0 +1,178 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-undef-components
+description: disallow use of undefined components in `<template>`
+---
+# vue/no-undef-components
+
+> disallow use of undefined components in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule warns reports component that are used in the `<template>`, but that are not defined in the `<script setup>` or the Options API's `components` section.
+
+Undefined components will be resolved from globally registered components. However, if you are not using global components, you can use this rule to prevent run-time errors.
+
+::: warning Note
+This rule cannot check globally registered components and components registered in mixins
+unless you add them as part of the ignored patterns.
+:::
+
+<eslint-code-block :rules="{'vue/no-undef-components': ['error']}">
+
+```vue
+<script setup>
+import Foo from './Foo.vue'
+</script>
+
+<template>
+  <!-- ✓ GOOD -->
+  <Foo />
+
+  <!-- ✗ BAD -->
+  <Bar />
+</template>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-undef-components': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <the-modal>
+      <component is="TheInput" />
+      <component :is="'TheDropdown'" />
+      <TheButton>CTA</TheButton>
+    </the-modal>
+  </div>
+</template>
+
+<script>
+import TheButton from 'components/TheButton.vue'
+import TheModal from 'components/TheModal.vue'
+import TheInput from 'components/TheInput.vue'
+import TheDropdown from 'components/TheDropdown.vue'
+
+export default {
+  components: {
+    TheButton,
+    TheModal,
+    TheInput,
+    TheDropdown,
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-undef-components': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <TheModal />
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-undef-components": ["error", {
+    "ignorePatterns": []
+  }]
+}
+```
+
+- `ignorePatterns` Suppresses all errors if component name matches one or more patterns.
+
+### `ignorePatterns: ['custom(\\-\\w+)+']`
+
+<eslint-code-block :rules="{'vue/no-undef-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<script setup>
+</script>
+
+<template>
+  <!-- ✓ GOOD -->
+  <CustomComponent />
+
+  <!-- ✗ BAD -->
+  <Bar />
+</template>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-undef-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <CustomComponent />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-undef-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <WarmButton />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/no-undef-properties](./no-undef-properties.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-undef-components.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-undef-components.js)
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 20e2867bf..761431cff 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -9,6 +9,8 @@ since: v7.0.0
 
 > disallow using components that are not registered inside templates
 
+- :warning: This rule was **deprecated** and replaced by [vue/no-undef-components](no-undef-components.md) rule.
+
 ## :book: Rule Details
 
 This rule reports components that haven't been registered and are being used in the template.
diff --git a/lib/index.js b/lib/index.js
index 895c615c6..c04b18ca3 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -128,6 +128,7 @@ module.exports = {
     'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
     'no-this-in-before-route-enter': require('./rules/no-this-in-before-route-enter'),
+    'no-undef-components': require('./rules/no-undef-components'),
     'no-undef-properties': require('./rules/no-undef-properties'),
     'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
new file mode 100644
index 000000000..aa9ddb0dd
--- /dev/null
+++ b/lib/rules/no-undef-components.js
@@ -0,0 +1,270 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+// ------------------------------------------------------------------------------
+// Rule helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * `casing.camelCase()` converts the beginning to lowercase,
+ * but does not convert the case of the beginning character when converting with Vue3.
+ * @see https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/shared/src/index.ts#L105
+ * @param {string} str
+ */
+function camelize(str) {
+  return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow use of undefined components in `<template>`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-undef-components.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignorePatterns: {
+            type: 'array'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      undef: "The '<{{name}}>' component has been used, but not defined."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || {}
+    /** @type {string[]} */
+    const ignorePatterns = options.ignorePatterns || []
+
+    /**
+     * Check whether the given element name is a verify target or not.
+     *
+     * @param {string} rawName The element name.
+     * @returns {boolean}
+     */
+    function isVerifyTargetComponent(rawName) {
+      const kebabCaseName = casing.kebabCase(rawName)
+
+      if (
+        utils.isHtmlWellKnownElementName(rawName) ||
+        utils.isSvgWellKnownElementName(rawName) ||
+        utils.isBuiltInComponentName(kebabCaseName)
+      ) {
+        return false
+      }
+      const pascalCaseName = casing.pascalCase(rawName)
+      // Check ignored patterns
+      if (
+        ignorePatterns.some((pattern) => {
+          const regExp = new RegExp(pattern)
+          return (
+            regExp.test(rawName) ||
+            regExp.test(kebabCaseName) ||
+            regExp.test(pascalCaseName)
+          )
+        })
+      ) {
+        return false
+      }
+      return true
+    }
+
+    /** @type { (rawName:string, reportNode: ASTNode) => void } */
+    let verifyName
+    /** @type {RuleListener} */
+    let scriptVisitor = {}
+    /** @type {TemplateListener} */
+    const templateBodyVisitor = {
+      VElement(node) {
+        if (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) {
+          return
+        }
+        verifyName(node.rawName, node.startTag)
+      },
+      /** @param {VAttribute} node */
+      "VAttribute[directive=false][key.name='is']"(node) {
+        if (
+          !node.value // `<component is />`
+        )
+          return
+        const value = node.value.value.startsWith('vue:') // Usage on native elements 3.1+
+          ? node.value.value.slice(4)
+          : node.value.value
+        verifyName(value, node)
+      }
+    }
+
+    if (utils.isScriptSetup(context)) {
+      // For <script setup>
+      /** @type {Set<string>} */
+      const scriptVariableNames = new Set()
+      const globalScope = context.getSourceCode().scopeManager.globalScope
+      if (globalScope) {
+        for (const variable of globalScope.variables) {
+          scriptVariableNames.add(variable.name)
+        }
+        const moduleScope = globalScope.childScopes.find(
+          (scope) => scope.type === 'module'
+        )
+        for (const variable of (moduleScope && moduleScope.variables) || []) {
+          scriptVariableNames.add(variable.name)
+        }
+      }
+      /**
+       * @see https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L334
+       * @param {string} name
+       */
+      const existsSetupReference = (name) => {
+        if (scriptVariableNames.has(name)) {
+          return true
+        }
+        const camelName = camelize(name)
+        if (scriptVariableNames.has(camelName)) {
+          return true
+        }
+        const pascalName = casing.capitalize(camelName)
+        if (scriptVariableNames.has(pascalName)) {
+          return true
+        }
+        return false
+      }
+      verifyName = (rawName, reportNode) => {
+        if (!isVerifyTargetComponent(rawName)) {
+          return
+        }
+        if (existsSetupReference(rawName)) {
+          return
+        }
+        // Check namespace
+        // https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L305
+        const dotIndex = rawName.indexOf('.')
+        if (dotIndex > 0) {
+          if (existsSetupReference(rawName.slice(0, dotIndex))) {
+            return
+          }
+        }
+
+        context.report({
+          node: reportNode,
+          messageId: 'undef',
+          data: {
+            name: rawName
+          }
+        })
+      }
+    } else {
+      // For Options API
+
+      /**
+       * All registered components
+       * @type {string[]}
+       */
+      const registeredComponentNames = []
+      /**
+       * All registered components, transformed to kebab-case
+       * @type {string[]}
+       */
+      const registeredComponentKebabCaseNames = []
+
+      /**
+       * All registered components using kebab-case syntax
+       * @type {string[]}
+       */
+      const componentsRegisteredAsKebabCase = []
+
+      scriptVisitor = utils.executeOnVue(context, (obj) => {
+        registeredComponentNames.push(
+          ...utils.getRegisteredComponents(obj).map(({ name }) => name)
+        )
+
+        const nameProperty = utils.findProperty(obj, 'name')
+
+        if (nameProperty) {
+          if (nameProperty.value.type === 'Literal') {
+            registeredComponentNames.push(`${nameProperty.value.value}`)
+          }
+        }
+
+        registeredComponentKebabCaseNames.push(
+          ...registeredComponentNames.map((name) => casing.kebabCase(name))
+        )
+        componentsRegisteredAsKebabCase.push(
+          ...registeredComponentNames.filter(
+            (name) => name === casing.kebabCase(name)
+          )
+        )
+      })
+
+      verifyName = (rawName, reportNode) => {
+        if (!isVerifyTargetComponent(rawName)) {
+          return
+        }
+        if (registeredComponentNames.includes(rawName)) {
+          return
+        }
+        const kebabCaseName = casing.kebabCase(rawName)
+        if (registeredComponentKebabCaseNames.includes(kebabCaseName)) {
+          if (
+            // Component registered as `foo-bar` cannot be used as `FooBar`
+            !casing.isPascalCase(rawName)
+          ) {
+            return
+          }
+        }
+
+        context.report({
+          node: reportNode,
+          messageId: 'undef',
+          data: {
+            name: rawName
+          }
+        })
+      }
+
+      /** @param {VDirective} node */
+      templateBodyVisitor[
+        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=true][key.name.name='is']"
+      ] = (node) => {
+        if (
+          !node.value ||
+          node.value.type !== 'VExpressionContainer' ||
+          !node.value.expression
+        )
+          return
+
+        if (node.value.expression.type === 'Literal') {
+          verifyName(`${node.value.expression.value}`, node)
+        }
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      templateBodyVisitor,
+      scriptVisitor
+    )
+  }
+}
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 5cc22a9f8..efd265e55 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -44,8 +44,10 @@ module.exports = {
         'disallow using components that are not registered inside templates',
       categories: null,
       recommended: false,
-      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
+      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html',
+      replacedBy: ['no-undef-components']
     },
+    deprecated: true,
     fixable: null,
     schema: [
       {
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
new file mode 100644
index 000000000..8bc637f45
--- /dev/null
+++ b/tests/lib/rules/no-undef-components.js
@@ -0,0 +1,923 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-undef-components')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-undef-components', rule, {
+  valid: [
+    // <script setup>
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        import Foo from './Foo.vue'
+      </script>
+
+      <template>
+        <Foo />
+        <Teleport />
+        <template v-if="foo"></template>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        import FooPascalCase from './component.vue'
+        import BarPascalCase from './component.vue'
+        import BazPascalCase from './component.vue'
+      </script>
+
+      <template>
+        <FooPascalCase />
+        <bar-pascal-case />
+        <bazPascalCase />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import fooCamelCase from './component.vue'
+      import barCamelCase from './component.vue'
+      </script>
+
+      <template>
+        <fooCamelCase />
+        <bar-camel-case />
+      </template>
+      `
+    },
+    // namespace
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import * as Form from './form-components'
+      </script>
+
+      <template>
+        <Form.Input>
+          <Form.Label>label</Form.Label>
+        </Form.Input>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import Bar from './Bar.vue'
+      </script>
+
+      <template>
+        <Foo />
+      </template>
+      `,
+      options: [{ ignorePatterns: ['Foo'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import Bar from './Bar.vue'
+      </script>
+
+      <template>
+        <CustomComponent />
+      </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['custom(\\-\\w+)+']
+        }
+      ]
+    },
+
+    // options API
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>Lorem ipsum</div>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['custom(\\-\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['custom(\\-\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component>
+            Some text
+          </custom-component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['custom(\\-\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component>
+            Some text
+          </custom-component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['Custom(\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom_component>
+            Some text
+          </custom_component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['Custom(\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <customComponent>
+            Some text
+          </customComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['Custom(\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <customComponent>
+            <warm-code>Text</warm-code>
+            <InfoBtnPrimary value="text" />
+          </customComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['Custom(\\w+)+', 'Warm(\\w+)+', 'InfoBtn(\\w+)+']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'">
+            Some text
+          </component>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component v-if="showComponent" :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          data: () => ({
+            showComponent: true
+          }),
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component v-if="showComponent" :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          data: () => ({
+            showComponent: false
+          }),
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'div'" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="div" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="span">
+            Text
+          </component>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is="div" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is="span">
+            Text
+          </Component>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="name" />
+        </template>
+        <script>
+        export default {
+          data: () => ({ name: 'div' })
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="name" />
+        </template>
+        <script>
+        export default {
+          data: () => ({ name: 'warm-button' }),
+          components: { WarmButton }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <teleport />
+          <suspense />
+          <suspense>
+            <div>Text</div>
+          </suspense>
+          <Teleport />
+          <Suspense />
+          <Suspense>
+            <div>Text</div>
+          </Suspense>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <transition />
+          <transition-group />
+          <keep-alive />
+          <transition>
+            <div>Text</div>
+          </transition>
+          <TransitionGroup />
+          <KeepAlive />
+          <Transition>
+            <div>Text</div>
+          </Transition>
+          <Slot />
+          <slot />
+          <slot>
+            foo
+          </slot>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Custom-Component />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="CustomComponent" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="vue:CustomComponent" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          name: 'CustomComponent'
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponentWithNamedSlots>
+            <template #slotA>
+              <div>Text</div>
+            </template>
+          </CustomComponentWithNamedSlots>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponentWithNamedSlots
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <TheModal />
+      </template>
+
+      <script setup>
+      import TheModal from 'foo'
+      </script>`
+    }
+  ],
+  invalid: [
+    // <script setup>
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import Bar from './Bar.vue'
+      </script>
+
+      <template>
+        <Foo />
+      </template>
+      `,
+      errors: [
+        {
+          message: "The '<Foo>' component has been used, but not defined.",
+          line: 7,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import PascalCase from './component.vue'
+      </script>
+
+      <template>
+        <pascal_case />
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            "The '<pascal_case>' component has been used, but not defined.",
+          line: 7,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import * as Form from './form-components'
+      </script>
+
+      <template>
+        <Foo.Input />
+      </template>
+      `,
+      errors: [
+        {
+          message:
+            "The '<Foo.Input>' component has been used, but not defined.",
+          line: 7,
+          column: 9
+        }
+      ]
+    },
+
+    // options API
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <WarmButton />
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['custom(\\-\\w+)+']
+        }
+      ],
+      errors: [
+        {
+          message:
+            "The '<WarmButton>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <WarmButton>
+            Some text
+          </WarmButton>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: ['custom(\\-\\w+)+']
+        }
+      ],
+      errors: [
+        {
+          message:
+            "The '<WarmButton>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'">
+            Some text
+          </component>
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          name: CustomComponent
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponent>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponentWithNamedSlots>
+            <template #slotA>
+              <div>Text</div>
+            </template>
+          </CustomComponentWithNamedSlots>
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            "The '<CustomComponentWithNamedSlots>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div is="vue:foo" />
+        </template>
+        <script>
+        export default {
+          components: {
+            bar
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: "The '<foo>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-is="'foo'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            bar
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: "The '<foo>' component has been used, but not defined.",
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 2596826312fa2a8a0d07868510f074f3011d8df0 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 19 Jan 2022 13:00:33 +0100
Subject: [PATCH 0446/1010] Fix typo

---
 docs/rules/no-undef-components.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-undef-components.md b/docs/rules/no-undef-components.md
index b4f757505..73f5abb35 100644
--- a/docs/rules/no-undef-components.md
+++ b/docs/rules/no-undef-components.md
@@ -10,7 +10,7 @@ description: disallow use of undefined components in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
-This rule warns reports component that are used in the `<template>`, but that are not defined in the `<script setup>` or the Options API's `components` section.
+This rule reports component that are used in the `<template>`, but that are not defined in the `<script setup>` or the Options API's `components` section.
 
 Undefined components will be resolved from globally registered components. However, if you are not using global components, you can use this rule to prevent run-time errors.
 

From 9c2c15fc75591afc221fa133d5be8bae2159b8aa Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 19 Jan 2022 13:00:52 +0100
Subject: [PATCH 0447/1010] Fix typo

---
 docs/rules/no-undef-components.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-undef-components.md b/docs/rules/no-undef-components.md
index 73f5abb35..a21a7994a 100644
--- a/docs/rules/no-undef-components.md
+++ b/docs/rules/no-undef-components.md
@@ -10,7 +10,7 @@ description: disallow use of undefined components in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
-This rule reports component that are used in the `<template>`, but that are not defined in the `<script setup>` or the Options API's `components` section.
+This rule reports components that are used in the `<template>`, but that are not defined in the `<script setup>` or the Options API's `components` section.
 
 Undefined components will be resolved from globally registered components. However, if you are not using global components, you can use this rule to prevent run-time errors.
 

From 32d1fb76e866d1f1cd97264bb7bb208bafe53702 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 21 Jan 2022 00:40:54 +0100
Subject: [PATCH 0448/1010] Improve documentation (#1768)

* Improve wording in `vue/no-expose-after-await` docs

* Improve descriptions of core extension rules

* Improve example data in docs
---
 docs/rules/README.md                  | 68 +++++++++++++--------------
 docs/rules/array-bracket-newline.md   |  4 +-
 docs/rules/array-bracket-spacing.md   |  4 +-
 docs/rules/arrow-spacing.md           |  4 +-
 docs/rules/block-spacing.md           |  4 +-
 docs/rules/brace-style.md             |  4 +-
 docs/rules/camelcase.md               |  4 +-
 docs/rules/comma-dangle.md            |  4 +-
 docs/rules/comma-spacing.md           |  4 +-
 docs/rules/comma-style.md             |  4 +-
 docs/rules/component-tags-order.md    |  4 +-
 docs/rules/dot-location.md            |  4 +-
 docs/rules/dot-notation.md            |  4 +-
 docs/rules/eqeqeq.md                  |  4 +-
 docs/rules/func-call-spacing.md       |  4 +-
 docs/rules/key-spacing.md             |  4 +-
 docs/rules/keyword-spacing.md         |  4 +-
 docs/rules/max-len.md                 |  4 +-
 docs/rules/no-constant-condition.md   |  4 +-
 docs/rules/no-empty-pattern.md        |  4 +-
 docs/rules/no-expose-after-await.md   |  4 +-
 docs/rules/no-extra-parens.md         |  4 +-
 docs/rules/no-irregular-whitespace.md |  4 +-
 docs/rules/no-loss-of-precision.md    |  4 +-
 docs/rules/no-restricted-syntax.md    |  4 +-
 docs/rules/no-sparse-arrays.md        |  4 +-
 docs/rules/no-useless-concat.md       |  4 +-
 docs/rules/object-curly-newline.md    |  4 +-
 docs/rules/object-curly-spacing.md    |  4 +-
 docs/rules/object-property-newline.md |  4 +-
 docs/rules/object-shorthand.md        |  4 +-
 docs/rules/operator-linebreak.md      |  4 +-
 docs/rules/prefer-template.md         |  4 +-
 docs/rules/space-in-parens.md         |  4 +-
 docs/rules/space-infix-ops.md         |  4 +-
 docs/rules/space-unary-ops.md         |  4 +-
 docs/rules/template-curly-spacing.md  |  4 +-
 lib/rules/max-len.js                  |  2 +-
 lib/rules/no-irregular-whitespace.js  |  2 +-
 lib/utils/index.js                    |  7 +++
 40 files changed, 115 insertions(+), 108 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index a4f8c8715..66a0eda1b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -369,40 +369,40 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
-| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets | :wrench: |
-| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets | :wrench: |
-| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions | :wrench: |
-| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block | :wrench: |
-| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks | :wrench: |
-| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention |  |
-| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas | :wrench: |
-| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas | :wrench: |
-| [vue/comma-style](./comma-style.md) | enforce consistent comma style | :wrench: |
-| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots | :wrench: |
-| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible | :wrench: |
-| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
-| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations | :wrench: |
-| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |
-| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords | :wrench: |
-| [vue/max-len](./max-len.md) | enforce a maximum line length |  |
-| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions |  |
-| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns |  |
-| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses | :wrench: |
-| [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace |  |
-| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision |  |
-| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
-| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays |  |
-| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals |  |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces | :wrench: |
-| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
-| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines | :wrench: |
-| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals | :wrench: |
-| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators | :wrench: |
-| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation | :wrench: |
-| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses | :wrench: |
-| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
-| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
-| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings | :wrench: |
+| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: |
+| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets in `<template>` | :wrench: |
+| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: |
+| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: |
+| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks in `<template>` | :wrench: |
+| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention in `<template>` |  |
+| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas in `<template>` | :wrench: |
+| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas in `<template>` | :wrench: |
+| [vue/comma-style](./comma-style.md) | enforce consistent comma style in `<template>` | :wrench: |
+| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots in `<template>` | :wrench: |
+| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible in `<template>` | :wrench: |
+| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` in `<template>` | :wrench: |
+| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: |
+| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: |
+| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords in `<template>` | :wrench: |
+| [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  |
+| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions in `<template>` |  |
+| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns in `<template>` |  |
+| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses in `<template>` | :wrench: |
+| [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  |
+| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision in `<template>` |  |
+| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax in `<template>` |  |
+| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays in `<template>` |  |
+| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals in `<template>` |  |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: |
+| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces in `<template>` | :wrench: |
+| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines in `<template>` | :wrench: |
+| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: |
+| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: |
+| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: |
+| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: |
+| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: |
+| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: |
+| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: |
 
 ## Deprecated
 
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 4d336afd0..8f1184c47 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-newline
-description: enforce linebreaks after opening and before closing array brackets
+description: enforce linebreaks after opening and before closing array brackets in `<template>`
 since: v7.1.0
 ---
 # vue/array-bracket-newline
 
-> enforce linebreaks after opening and before closing array brackets
+> enforce linebreaks after opening and before closing array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index fd37f2fe3..6b5b4003a 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-spacing
-description: enforce consistent spacing inside array brackets
+description: enforce consistent spacing inside array brackets in `<template>`
 since: v5.2.0
 ---
 # vue/array-bracket-spacing
 
-> enforce consistent spacing inside array brackets
+> enforce consistent spacing inside array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 40194ae4b..adfeb2243 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/arrow-spacing
-description: enforce consistent spacing before and after the arrow in arrow functions
+description: enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 since: v5.2.0
 ---
 # vue/arrow-spacing
 
-> enforce consistent spacing before and after the arrow in arrow functions
+> enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 72a4d495c..58280370c 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-spacing
-description: disallow or enforce spaces inside of blocks after opening block and before closing block
+description: disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 since: v5.2.0
 ---
 # vue/block-spacing
 
-> disallow or enforce spaces inside of blocks after opening block and before closing block
+> disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 99bf8e0ce..8f889724a 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/brace-style
-description: enforce consistent brace style for blocks
+description: enforce consistent brace style for blocks in `<template>`
 since: v5.2.0
 ---
 # vue/brace-style
 
-> enforce consistent brace style for blocks
+> enforce consistent brace style for blocks in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index 2ee39bdcc..5b7888251 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/camelcase
-description: enforce camelcase naming convention
+description: enforce camelcase naming convention in `<template>`
 since: v5.2.0
 ---
 # vue/camelcase
 
-> enforce camelcase naming convention
+> enforce camelcase naming convention in `<template>`
 
 This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 1ef275f42..63d4a2a4e 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-dangle
-description: require or disallow trailing commas
+description: require or disallow trailing commas in `<template>`
 since: v5.2.0
 ---
 # vue/comma-dangle
 
-> require or disallow trailing commas
+> require or disallow trailing commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index f3531c8cf..c25c0608c 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-spacing
-description: enforce consistent spacing before and after commas
+description: enforce consistent spacing before and after commas in `<template>`
 since: v7.0.0
 ---
 # vue/comma-spacing
 
-> enforce consistent spacing before and after commas
+> enforce consistent spacing before and after commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 2dfb24660..477c12abd 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-style
-description: enforce consistent comma style
+description: enforce consistent comma style in `<template>`
 since: v7.0.0
 ---
 # vue/comma-style
 
-> enforce consistent comma style
+> enforce consistent comma style in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index e0c0c99f3..1278c8ed9 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -92,7 +92,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 ```vue
 <!-- ✓ GOOD -->
-<docs> documents </docs>
+<docs> documentation </docs>
 <template>...</template>
 <script>/* ... */</script>
 <style>/* ... */</style>
@@ -106,7 +106,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 <!-- ✗ BAD -->
 <template>...</template>
 <script>/* ... */</script>
-<docs> documents </docs>
+<docs> documentation </docs>
 <style>/* ... */</style>
 ```
 
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index aafef433a..4b88f9cf6 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-location
-description: enforce consistent newlines before and after dots
+description: enforce consistent newlines before and after dots in `<template>`
 since: v6.0.0
 ---
 # vue/dot-location
 
-> enforce consistent newlines before and after dots
+> enforce consistent newlines before and after dots in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index d94fac957..c2bf87478 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-notation
-description: enforce dot notation whenever possible
+description: enforce dot notation whenever possible in `<template>`
 since: v7.0.0
 ---
 # vue/dot-notation
 
-> enforce dot notation whenever possible
+> enforce dot notation whenever possible in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index 08fdaacea..aa77b3f11 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/eqeqeq
-description: require the use of `===` and `!==`
+description: require the use of `===` and `!==` in `<template>`
 since: v5.2.0
 ---
 # vue/eqeqeq
 
-> require the use of `===` and `!==`
+> require the use of `===` and `!==` in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 578cde982..0f398e1d0 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/func-call-spacing
-description: require or disallow spacing between function identifiers and their invocations
+description: require or disallow spacing between function identifiers and their invocations in `<template>`
 since: v7.0.0
 ---
 # vue/func-call-spacing
 
-> require or disallow spacing between function identifiers and their invocations
+> require or disallow spacing between function identifiers and their invocations in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 63b6f7200..bac4eb735 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/key-spacing
-description: enforce consistent spacing between keys and values in object literal properties
+description: enforce consistent spacing between keys and values in object literal properties in `<template>`
 since: v5.2.0
 ---
 # vue/key-spacing
 
-> enforce consistent spacing between keys and values in object literal properties
+> enforce consistent spacing between keys and values in object literal properties in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 739b5b661..61d2e2731 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/keyword-spacing
-description: enforce consistent spacing before and after keywords
+description: enforce consistent spacing before and after keywords in `<template>`
 since: v6.0.0
 ---
 # vue/keyword-spacing
 
-> enforce consistent spacing before and after keywords
+> enforce consistent spacing before and after keywords in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index 8d7b32eb7..19663f167 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/max-len
-description: enforce a maximum line length
+description: enforce a maximum line length in `.vue` files
 since: v6.1.0
 ---
 # vue/max-len
 
-> enforce a maximum line length
+> enforce a maximum line length in `.vue` files
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 54f6df9d0..89ea03268 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-constant-condition
-description: disallow constant expressions in conditions
+description: disallow constant expressions in conditions in `<template>`
 since: v7.5.0
 ---
 # vue/no-constant-condition
 
-> disallow constant expressions in conditions
+> disallow constant expressions in conditions in `<template>`
 
 This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index 6b017a8b0..f6593d977 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-empty-pattern
-description: disallow empty destructuring patterns
+description: disallow empty destructuring patterns in `<template>`
 since: v6.0.0
 ---
 # vue/no-empty-pattern
 
-> disallow empty destructuring patterns
+> disallow empty destructuring patterns in `<template>`
 
 This rule is the same rule as core [no-empty-pattern] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index b783997f4..3bd436f49 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -11,8 +11,8 @@ since: v8.1.0
 
 ## :book: Rule Details
 
-This rule reports the `expose()` after `await` expression.  
-In `setup()` function, `expose()` should be registered synchronously.
+This rule reports usages of `expose()` after an `await` expression.  
+In the `setup()` function, `expose()` should be registered synchronously.
 
 <eslint-code-block :rules="{'vue/no-expose-after-await': ['error']}">
 
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 49359d948..09af6d190 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-extra-parens
-description: disallow unnecessary parentheses
+description: disallow unnecessary parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/no-extra-parens
 
-> disallow unnecessary parentheses
+> disallow unnecessary parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
index 401b0feef..a38de0330 100644
--- a/docs/rules/no-irregular-whitespace.md
+++ b/docs/rules/no-irregular-whitespace.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-irregular-whitespace
-description: disallow irregular whitespace
+description: disallow irregular whitespace in `.vue` files
 since: v6.1.0
 ---
 # vue/no-irregular-whitespace
 
-> disallow irregular whitespace
+> disallow irregular whitespace in `.vue` files
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index c558513cd..82e06d010 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-loss-of-precision
-description: disallow literal numbers that lose precision
+description: disallow literal numbers that lose precision in `<template>`
 since: v8.0.0
 ---
 # vue/no-loss-of-precision
 
-> disallow literal numbers that lose precision
+> disallow literal numbers that lose precision in `<template>`
 
 This rule is the same rule as core [no-loss-of-precision] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index e509e1fc0..958bbad8e 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-syntax
-description: disallow specified syntax
+description: disallow specified syntax in `<template>`
 since: v5.2.0
 ---
 # vue/no-restricted-syntax
 
-> disallow specified syntax
+> disallow specified syntax in `<template>`
 
 This rule is the same rule as core [no-restricted-syntax] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index 394aaa16e..861c82ea1 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-sparse-arrays
-description: disallow sparse arrays
+description: disallow sparse arrays in `<template>`
 since: v7.0.0
 ---
 # vue/no-sparse-arrays
 
-> disallow sparse arrays
+> disallow sparse arrays in `<template>`
 
 This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 0deda262e..9229de0a5 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-concat
-description: disallow unnecessary concatenation of literals or template literals
+description: disallow unnecessary concatenation of literals or template literals in `<template>`
 since: v7.0.0
 ---
 # vue/no-useless-concat
 
-> disallow unnecessary concatenation of literals or template literals
+> disallow unnecessary concatenation of literals or template literals in `<template>`
 
 This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index 52e3d6ae4..d09c3e28f 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: enforce consistent line breaks after opening and before closing braces
+description: enforce consistent line breaks after opening and before closing braces in `<template>`
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> enforce consistent line breaks after opening and before closing braces
+> enforce consistent line breaks after opening and before closing braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index f63716c24..12f88793b 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-spacing
-description: enforce consistent spacing inside braces
+description: enforce consistent spacing inside braces in `<template>`
 since: v5.2.0
 ---
 # vue/object-curly-spacing
 
-> enforce consistent spacing inside braces
+> enforce consistent spacing inside braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index 62ec559f6..be43ec66e 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-property-newline
-description: enforce placing object properties on separate lines
+description: enforce placing object properties on separate lines in `<template>`
 since: v7.0.0
 ---
 # vue/object-property-newline
 
-> enforce placing object properties on separate lines
+> enforce placing object properties on separate lines in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index e2e9249b5..1f249fa47 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -2,11 +2,11 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-shorthand
-description: require or disallow method and property shorthand syntax for object literals
+description: require or disallow method and property shorthand syntax for object literals in `<template>`
 ---
 # vue/object-shorthand
 
-> require or disallow method and property shorthand syntax for object literals
+> require or disallow method and property shorthand syntax for object literals in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index a982b999a..6f7172a78 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/operator-linebreak
-description: enforce consistent linebreak style for operators
+description: enforce consistent linebreak style for operators in `<template>`
 since: v7.0.0
 ---
 # vue/operator-linebreak
 
-> enforce consistent linebreak style for operators
+> enforce consistent linebreak style for operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index 09a41769e..aa33a3f32 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-template
-description: require template literals instead of string concatenation
+description: require template literals instead of string concatenation in `<template>`
 since: v7.0.0
 ---
 # vue/prefer-template
 
-> require template literals instead of string concatenation
+> require template literals instead of string concatenation in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index f99c498c7..62dcc2485 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-in-parens
-description: enforce consistent spacing inside parentheses
+description: enforce consistent spacing inside parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/space-in-parens
 
-> enforce consistent spacing inside parentheses
+> enforce consistent spacing inside parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 0ea99a59a..a20eecb42 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-infix-ops
-description: require spacing around infix operators
+description: require spacing around infix operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-infix-ops
 
-> require spacing around infix operators
+> require spacing around infix operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index bf1b71a2d..3019c3eb9 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-unary-ops
-description: enforce consistent spacing before or after unary operators
+description: enforce consistent spacing before or after unary operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-unary-ops
 
-> enforce consistent spacing before or after unary operators
+> enforce consistent spacing before or after unary operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index f02a14eba..22fce907a 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/template-curly-spacing
-description: require or disallow spacing around embedded expressions of template strings
+description: require or disallow spacing around embedded expressions of template strings in `<template>`
 since: v7.0.0
 ---
 # vue/template-curly-spacing
 
-> require or disallow spacing around embedded expressions of template strings
+> require or disallow spacing around embedded expressions of template strings in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 773b62649..a5cf3965f 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -196,7 +196,7 @@ module.exports = {
     type: 'layout',
 
     docs: {
-      description: 'enforce a maximum line length',
+      description: 'enforce a maximum line length in `.vue` files',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/max-len.html',
       extensionRule: true,
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index 1cfbd6129..b83b726a9 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -30,7 +30,7 @@ module.exports = {
     type: 'problem',
 
     docs: {
-      description: 'disallow irregular whitespace',
+      description: 'disallow irregular whitespace in `.vue` files',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-irregular-whitespace.html',
       extensionRule: true,
diff --git a/lib/utils/index.js b/lib/utils/index.js
index f4ac0cc63..e8ca57f8b 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -355,6 +355,12 @@ module.exports = {
         }
       }
     }
+
+    let description = coreRule.meta.docs.description
+    if (description) {
+      description += ' in `<template>`'
+    }
+
     const {
       categories,
       skipDynamicArguments,
@@ -437,6 +443,7 @@ module.exports = {
 
       meta: Object.assign({}, coreRule.meta, {
         docs: Object.assign({}, coreRule.meta.docs, {
+          description,
           category: null,
           categories,
           url: `https://eslint.vuejs.org/rules/${path.basename(

From f527e27b480aad41546bbf2ebcf086b6b155b53f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 21 Jan 2022 10:44:18 +0900
Subject: [PATCH 0449/1010] Add `vue/quote-props` rule (#1769)

---
 docs/rules/README.md                          |   1 +
 docs/rules/quote-props.md                     |  27 +++
 lib/index.js                                  |   1 +
 lib/rules/quote-props.js                      |  54 ++++++
 lib/utils/index.js                            | 167 +++++++++++++-----
 tests/lib/rules/quote-props.js                | 122 +++++++++++++
 .../util-types/parser-services.ts             |   6 +-
 typings/eslint/index.d.ts                     |   2 +
 8 files changed, 337 insertions(+), 43 deletions(-)
 create mode 100644 docs/rules/quote-props.md
 create mode 100644 lib/rules/quote-props.js
 create mode 100644 tests/lib/rules/quote-props.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 66a0eda1b..b74075445 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -399,6 +399,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: |
 | [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: |
 | [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: |
+| [vue/quote-props](./quote-props.md) | require quotes around object literal property names in `<template>` | :wrench: |
 | [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: |
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
new file mode 100644
index 000000000..79b738107
--- /dev/null
+++ b/docs/rules/quote-props.md
@@ -0,0 +1,27 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/quote-props
+description: require quotes around object literal property names in `<template>`
+---
+# vue/quote-props
+
+> require quotes around object literal property names in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [quote-props] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [quote-props]
+
+[quote-props]: https://eslint.org/docs/rules/quote-props
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quote-props.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quote-props.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/quote-props)</sup>
diff --git a/lib/index.js b/lib/index.js
index c04b18ca3..5d770e8b2 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -160,6 +160,7 @@ module.exports = {
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
     'prefer-template': require('./rules/prefer-template'),
     'prop-name-casing': require('./rules/prop-name-casing'),
+    'quote-props': require('./rules/quote-props'),
     'require-component-is': require('./rules/require-component-is'),
     'require-default-prop': require('./rules/require-default-prop'),
     'require-direct-export': require('./rules/require-direct-export'),
diff --git a/lib/rules/quote-props.js b/lib/rules/quote-props.js
new file mode 100644
index 000000000..aabfc2bf5
--- /dev/null
+++ b/lib/rules/quote-props.js
@@ -0,0 +1,54 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { wrapCoreRule, flatten } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('quote-props', {
+  skipDynamicArguments: true,
+  preprocess(context, { wrapContextToOverrideProperties, defineVisitor }) {
+    const sourceCode = context.getSourceCode()
+    /**
+     * @type {'"' | "'" | null}
+     */
+    let htmlQuote = null
+    defineVisitor({
+      /** @param {VExpressionContainer} node */
+      'VAttribute > VExpressionContainer.value'(node) {
+        const text = sourceCode.getText(node)
+        const firstChar = text[0]
+        htmlQuote = firstChar === "'" || firstChar === '"' ? firstChar : null
+      },
+      'VAttribute > VExpressionContainer.value:exit'() {
+        htmlQuote = null
+      }
+    })
+
+    wrapContextToOverrideProperties({
+      // Override the report method and replace the quotes in the fixed text with safe quotes.
+      report(descriptor) {
+        if (htmlQuote) {
+          const expectedQuote = htmlQuote === '"' ? "'" : '"'
+          context.report({
+            ...descriptor,
+            *fix(fixer) {
+              for (const fix of flatten(
+                descriptor.fix && descriptor.fix(fixer)
+              )) {
+                yield fixer.replaceTextRange(
+                  fix.range,
+                  fix.text.replace(/["']/gu, expectedQuote)
+                )
+              }
+            }
+          })
+        } else {
+          context.report(descriptor)
+        }
+      }
+    })
+  }
+})
diff --git a/lib/utils/index.js b/lib/utils/index.js
index e8ca57f8b..bacb892ba 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -79,6 +79,41 @@ function getCoreRule(name) {
   return map.get(name) || null
 }
 
+/**
+ * @template {object} T
+ * @param {T} target
+ * @param {Partial<T>[]} propsArray
+ * @returns {T}
+ */
+function newProxy(target, ...propsArray) {
+  const result = new Proxy(
+    {},
+    {
+      get(_object, key) {
+        for (const props of propsArray) {
+          if (key in props) {
+            // @ts-expect-error
+            return props[key]
+          }
+        }
+        // @ts-expect-error
+        return target[key]
+      },
+
+      has(_object, key) {
+        return key in target
+      },
+      ownKeys(_object) {
+        return Reflect.ownKeys(target)
+      },
+      getPrototypeOf(_object) {
+        return Reflect.getPrototypeOf(target)
+      }
+    }
+  )
+  return /** @type {T} */ (result)
+}
+
 /**
  * Wrap the rule context object to override methods which access to tokens (such as getTokenAfter).
  * @param {RuleContext} context The rule context object.
@@ -147,18 +182,16 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
     })
     return result
   }
-  const sourceCode = new Proxy(Object.assign({}, eslintSourceCode), {
-    get(_object, key) {
-      if (key === 'tokensAndComments') {
+  const sourceCode = newProxy(
+    eslintSourceCode,
+    {
+      get tokensAndComments() {
         return getTokensAndComments()
-      }
-      if (key === 'getNodeByRangeIndex') {
-        return getNodeByRangeIndex
-      }
-      // @ts-expect-error
-      return key in tokenStore ? tokenStore[key] : eslintSourceCode[key]
-    }
-  })
+      },
+      getNodeByRangeIndex
+    },
+    tokenStore
+  )
 
   const containerScopes = new WeakMap()
 
@@ -183,23 +216,13 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
       const eslintScope = createRequire(require.resolve('eslint'))(
         'eslint-scope'
       )
-      const expStmt = new Proxy(exprContainer, {
-        get(_object, key) {
-          if (key === 'type') {
-            return 'ExpressionStatement'
-          }
-          // @ts-expect-error
-          return exprContainer[key]
-        }
+      const expStmt = newProxy(exprContainer, {
+        // @ts-expect-error
+        type: 'ExpressionStatement'
       })
-      const scopeProgram = new Proxy(programNode, {
-        get(_object, key) {
-          if (key === 'body') {
-            return [expStmt]
-          }
-          // @ts-expect-error
-          return programNode[key]
-        }
+      const scopeProgram = newProxy(programNode, {
+        // @ts-expect-error
+        body: [expStmt]
       })
       const scope = eslintScope.analyze(scopeProgram, {
         ignoreEval: true,
@@ -218,9 +241,7 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
 
     return null
   }
-  return {
-    // @ts-expect-error
-    __proto__: context,
+  return newProxy(context, {
     getSourceCode() {
       return sourceCode
     },
@@ -232,7 +253,7 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
 
       return context.getDeclaredVariables(node)
     }
-  }
+  })
 }
 
 /**
@@ -262,9 +283,7 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
     leaveNode() {}
   })
 
-  return {
-    // @ts-expect-error
-    __proto__: context,
+  return newProxy(context, {
     report(descriptor, ...args) {
       let range = null
       if (descriptor.loc) {
@@ -289,7 +308,7 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
       }
       context.report(descriptor, ...args)
     }
-  }
+  })
 }
 
 // ------------------------------------------------------------------------------
@@ -322,6 +341,25 @@ module.exports = {
    */
   defineDocumentVisitor,
 
+  /**
+   * @callback WrapCoreRuleCreate
+   * @param {RuleContext} ruleContext
+   * @param {WrapCoreRuleCreateContext} wrapContext
+   * @returns {TemplateListener}
+   *
+   * @typedef {object} WrapCoreRuleCreateContext
+   * @property {RuleListener} coreHandlers
+   */
+  /**
+   * @callback WrapCoreRulePreprocess
+   * @param {RuleContext} ruleContext
+   * @param {WrapCoreRulePreprocessContext} wrapContext
+   * @returns {void}
+   *
+   * @typedef {object} WrapCoreRulePreprocessContext
+   * @property { (override: Partial<RuleContext>) => RuleContext } wrapContextToOverrideProperties Wrap the rule context object to override
+   * @property { (visitor: TemplateListener) => void } defineVisitor Define template body visitor
+   */
   /**
    * Wrap a given core rule to apply it to Vue.js template.
    * @param {string} coreRuleName The name of the core rule implementation to wrap.
@@ -330,7 +368,8 @@ module.exports = {
    * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
    * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
    * @param {boolean} [options.applyDocument] If `true`, apply check to document fragment.
-   * @param { (context: RuleContext, options: { coreHandlers: RuleListener }) => TemplateListener } [options.create] If define, extend core rule.
+   * @param {WrapCoreRulePreprocess} [options.preprocess] Preprocess to calling create of core rule.
+   * @param {WrapCoreRuleCreate} [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
    */
   wrapCoreRule(coreRuleName, options) {
@@ -366,6 +405,7 @@ module.exports = {
       skipDynamicArguments,
       skipDynamicArgumentsReport,
       applyDocument,
+      preprocess,
       create
     } = options || {}
     return {
@@ -387,12 +427,25 @@ module.exports = {
             wrapContextToOverrideReportMethodToSkipDynamicArgument(context)
         }
 
-        // Move `Program` handlers to `VElement[parent.type!='VElement']`
+        /** @type {TemplateListener} */
+        const handlers = {}
+
+        if (preprocess) {
+          preprocess(context, {
+            wrapContextToOverrideProperties(override) {
+              context = newProxy(context, override)
+              return context
+            },
+            defineVisitor(visitor) {
+              compositingVisitors(handlers, visitor)
+            }
+          })
+        }
+
         const coreHandlers = coreRule.create(context)
+        compositingVisitors(handlers, coreHandlers)
 
-        const handlers = /** @type {TemplateListener} */ (
-          Object.assign({}, coreHandlers)
-        )
+        // Move `Program` handlers to `VElement[parent.type!='VElement']`
         if (handlers.Program) {
           handlers[
             applyDocument
@@ -462,6 +515,13 @@ module.exports = {
    * @returns {v is T}
    */
   isDef,
+  /**
+   * Flattens arrays, objects and iterable objects.
+   * @template T
+   * @param {T | Iterable<T> | null | undefined} v
+   * @returns {T[]}
+   */
+  flatten,
   /**
    * Get the previous sibling element of the given element.
    * @param {VElement} node The element node to get the previous sibling element.
@@ -1837,6 +1897,33 @@ function isDef(v) {
   return v != null
 }
 
+/**
+ * Flattens arrays, objects and iterable objects.
+ * @template T
+ * @param {T | Iterable<T> | null | undefined} v
+ * @returns {T[]}
+ */
+function flatten(v) {
+  /** @type {T[]} */
+  const result = []
+  if (v) {
+    if (isIterable(v)) {
+      result.push(...v)
+    } else {
+      result.push(v)
+    }
+  }
+  return result
+}
+
+/**
+ * @param {*} v
+ * @returns {v is Iterable<any>}
+ */
+function isIterable(v) {
+  return v && Symbol.iterator in v
+}
+
 // ------------------------------------------------------------------------------
 // Nodejs Helpers
 // ------------------------------------------------------------------------------
diff --git a/tests/lib/rules/quote-props.js b/tests/lib/rules/quote-props.js
new file mode 100644
index 000000000..378affe72
--- /dev/null
+++ b/tests/lib/rules/quote-props.js
@@ -0,0 +1,122 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/quote-props')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('quote-props', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{'height': '100vh'}"></div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{height: '100vh'}"></div>
+      </template>
+      `,
+      options: ['as-needed']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{height: '100vh'}"></div>
+        <div :style='{height: "100vh"}'></div>
+        <div :style={height:"100vh"}></div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :style="{'height': '100vh'}"></div>
+        <div :style='{"height": "100vh"}'></div>
+        <div :style={"height":"100vh"}></div>
+      </template>
+      `,
+      errors: [
+        {
+          message: "Unquoted property 'height' found.",
+          line: 3,
+          column: 23
+        },
+        {
+          message: "Unquoted property 'height' found.",
+          line: 4,
+          column: 23
+        },
+        {
+          message: "Unquoted property 'height' found.",
+          line: 5,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{'height': '100vh'}"></div>
+        <div :style='{"height": "100vh"}'></div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :style="{height: '100vh'}"></div>
+        <div :style='{height: "100vh"}'></div>
+      </template>
+      `,
+      options: ['as-needed'],
+      errors: [
+        {
+          message: "Unnecessarily quoted property 'height' found.",
+          line: 3,
+          column: 23
+        },
+        {
+          message: "Unnecessarily quoted property 'height' found.",
+          line: 4,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{ ({foo:42}).foo }}
+      </template>
+      `,
+      output: `
+      <template>
+        {{ ({"foo":42}).foo }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "Unquoted property 'foo' found.",
+          line: 3,
+          column: 14
+        }
+      ]
+    }
+  ]
+})
diff --git a/typings/eslint-plugin-vue/util-types/parser-services.ts b/typings/eslint-plugin-vue/util-types/parser-services.ts
index 4c938f33d..d59d76d3e 100644
--- a/typings/eslint-plugin-vue/util-types/parser-services.ts
+++ b/typings/eslint-plugin-vue/util-types/parser-services.ts
@@ -124,8 +124,8 @@ export namespace ParserServices {
       left: VNODE.HasLocation,
       right: VNODE.HasLocation
     ): boolean
-    getCommentsBefore(nodeOrToken: VNODE.HasLocation): VNODE.Token[]
-    getCommentsAfter(nodeOrToken: VNODE.HasLocation): VNODE.Token[]
-    getCommentsInside(node: VNODE.HasLocation): VNODE.Token[]
+    getCommentsBefore(nodeOrToken: VNODE.HasLocation): VNODE.Comment[]
+    getCommentsAfter(nodeOrToken: VNODE.HasLocation): VNODE.Comment[]
+    getCommentsInside(node: VNODE.HasLocation): VNODE.Comment[]
   }
 }
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 0a1cd36c4..7bfda0245 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -116,6 +116,8 @@ export class SourceCode /*extends ESLintSourceCode*/ {
 
   static splitLines(text: string): string[]
 
+  tokensAndComments: (AST.Token | VNODE.Comment)[]
+
   getText(
     node?: VNODE.HasLocation,
     beforeCount?: number,

From a2c4af2d6c024583918a7ebe81b912d6db91dc1c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 24 Jan 2022 10:03:50 +0900
Subject: [PATCH 0450/1010] Fix false positives for import brace in
 `vue/script-indent` rule (#1770)

---
 lib/utils/indent-common.js                            |  6 +++---
 .../fixtures/script-indent/import-declaration-12.vue  | 11 +++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 tests/fixtures/script-indent/import-declaration-12.vue

diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 6897ea4e7..020b6373b 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1573,10 +1573,10 @@ module.exports.defineVisitor = function create(
           )
         )
         processNodeList(namedSpecifiers, leftBrace, rightBrace, 1)
-        for (const token of tokenStore.getTokensBetween(
-          leftBrace,
+        for (const token of [
+          ...tokenStore.getTokensBetween(leftBrace, rightBrace),
           rightBrace
-        )) {
+        ]) {
           const i = beforeTokens.indexOf(token)
           if (i >= 0) {
             beforeTokens.splice(i, 1)
diff --git a/tests/fixtures/script-indent/import-declaration-12.vue b/tests/fixtures/script-indent/import-declaration-12.vue
new file mode 100644
index 000000000..fa622a696
--- /dev/null
+++ b/tests/fixtures/script-indent/import-declaration-12.vue
@@ -0,0 +1,11 @@
+<!--{}-->
+<script>
+import Def, {
+  foo
+} from 'mod';
+import
+  Def2, {
+    bar
+  } from 'mod';
+</script>
+<!-- https://github.com/vuejs/eslint-plugin-vue/issues/1766 -->

From 017cc2292c586a74e9e6d5459eb7577dbb3a22e6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 24 Jan 2022 16:20:56 +0900
Subject: [PATCH 0451/1010] Fix false positives for `v-bind="obj"` with
 `v-model` in `vue/attributes-order` rule (#1771)

* Fix false positives for `v-bind="obj"` with `v-model` in `vue/attributes-order` rule

* Update lib/rules/attributes-order.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update lib/rules/attributes-order.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 lib/rules/attributes-order.js       | 32 ++++++++----
 tests/lib/rules/attributes-order.js | 80 +++++++++++++++++++++++++++++
 2 files changed, 101 insertions(+), 11 deletions(-)

diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 5af387db0..0d9ea9ce8 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -36,6 +36,14 @@ const ATTRS = {
 function isVBind(node) {
   return Boolean(node && node.directive && node.key.name.name === 'bind')
 }
+/**
+ * Check whether the given attribute is `v-model` directive.
+ * @param {VAttribute | VDirective | undefined | null} node
+ * @returns { node is VDirective }
+ */
+function isVModel(node) {
+  return Boolean(node && node.directive && node.key.name.name === 'model')
+}
 /**
  * Check whether the given attribute is plain attribute.
  * @param {VAttribute | VDirective | undefined | null} node
@@ -45,12 +53,12 @@ function isVAttribute(node) {
   return Boolean(node && !node.directive)
 }
 /**
- * Check whether the given attribute is plain attribute or `v-bind` directive.
+ * Check whether the given attribute is plain attribute, `v-bind` directive or `v-model` directive.
  * @param {VAttribute | VDirective | undefined | null} node
  * @returns { node is VAttribute }
  */
-function isVAttributeOrVBind(node) {
-  return isVAttribute(node) || isVBind(node)
+function isVAttributeOrVBindOrVModel(node) {
+  return isVAttribute(node) || isVBind(node) || isVModel(node)
 }
 
 /**
@@ -235,8 +243,8 @@ function create(context) {
 
         if (isVBindObject(node)) {
           // prev, v-bind:foo, v-bind -> v-bind:foo, v-bind, prev
-          isMoveUp = isVAttributeOrVBind
-        } else if (isVAttributeOrVBind(node)) {
+          isMoveUp = isVAttributeOrVBindOrVModel
+        } else if (isVAttributeOrVBindOrVModel(node)) {
           // prev, v-bind, v-bind:foo -> v-bind, v-bind:foo, prev
           isMoveUp = isVBindObject
         } else {
@@ -298,11 +306,13 @@ function create(context) {
     const attributes = node.attributes.filter((node, index, attributes) => {
       if (
         isVBindObject(node) &&
-        (isVAttributeOrVBind(attributes[index - 1]) ||
-          isVAttributeOrVBind(attributes[index + 1]))
+        (isVAttributeOrVBindOrVModel(attributes[index - 1]) ||
+          isVAttributeOrVBindOrVModel(attributes[index + 1]))
       ) {
-        // In Vue 3, ignore the `v-bind:foo=" ... "` and `v-bind ="object"` syntax
-        // as they behave differently if you change the order.
+        // In Vue 3, ignore `v-bind="object"`, which is
+        // a pair of `v-bind:foo="..."` and `v-bind="object"` and
+        // a pair of `v-model="..."` and `v-bind="object"`,
+        // because changing the order behaves differently.
         return false
       }
       return true
@@ -330,14 +340,14 @@ function create(context) {
       if (isVBindObject(node)) {
         // node is `v-bind ="object"` syntax
 
-        // In Vue 3, if change the order of `v-bind:foo=" ... "` and `v-bind ="object"`,
+        // In Vue 3, if change the order of `v-bind:foo="..."`, `v-model="..."` and `v-bind="object"`,
         // the behavior will be different, so adjust so that there is no change in behavior.
 
         const len = attributes.length
         for (let nextIndex = index + 1; nextIndex < len; nextIndex++) {
           const next = attributes[nextIndex]
 
-          if (isVAttributeOrVBind(next) && !isVBindObject(next)) {
+          if (isVAttributeOrVBindOrVModel(next) && !isVBindObject(next)) {
             // It is considered to be in the same order as the next bind prop node.
             return getPositionFromAttrIndex(nextIndex)
           }
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index b08ab1612..3797b9181 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -442,6 +442,42 @@ tester.run('attributes-order', rule, {
       </template>`,
       options: [{ alphabetical: true }]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="x"
+          v-bind="b"
+          v-model="c"
+          v-bind:value="a">
+        </div>
+      </template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="x"
+          v-model="c"
+          v-bind="b"
+          v-bind:value="a">
+        </div>
+      </template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="x"
+          v-bind="b"
+          v-bind:id="a"
+          v-model="c">
+        </div>
+      </template>`
+    },
 
     // omit order
     {
@@ -1246,6 +1282,50 @@ tester.run('attributes-order', rule, {
         'Attribute "v-if" should go before "v-on:click".'
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-custom-directive="x"
+          v-bind="b"
+          v-model="c"
+          v-bind:value="a">
+        </div>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-bind="b"
+          v-model="c"
+          v-custom-directive="x"
+          v-bind:value="a">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-model" should go before "v-custom-directive".']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-if="x"
+          v-model="c"
+          v-bind="b"
+          v-bind:id="a">
+        </div>
+      </template>`,
+      output: `
+      <template>
+        <div
+          v-if="x"
+          v-bind="b"
+          v-bind:id="a"
+          v-model="c">
+        </div>
+      </template>`,
+      errors: ['Attribute "v-bind:id" should go before "v-model".']
+    },
 
     // omit order
     {

From 0ca5f9d55da561bf54f45c3c39722ff8d3d61733 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 24 Jan 2022 21:52:37 +0900
Subject: [PATCH 0452/1010] Fix false positives for CSS `v-bind()` in
 `vue/no-extra-parens` rule (#1775)

---
 lib/rules/no-extra-parens.js       | 20 ++++++++++++++++++++
 tests/lib/rules/no-extra-parens.js |  6 ++++++
 2 files changed, 26 insertions(+)

diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 223bd630d..b193a0eed 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -5,6 +5,7 @@
 
 const { isParenthesized } = require('eslint-utils')
 const { wrapCoreRule } = require('../utils')
+const { getStyleVariablesContext } = require('../utils/style-variables')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-extra-parens', {
@@ -116,6 +117,22 @@ function createForVueSyntax(context) {
     }
     return false
   }
+  /**
+   * Checks if the given node is CSS v-bind() without quote.
+   * @param {VExpressionContainer} node
+   * @param {Expression} expression
+   */
+  function isStyleVariableWithoutQuote(node, expression) {
+    const styleVars = getStyleVariablesContext(context)
+    if (!styleVars || !styleVars.vBinds.includes(node)) {
+      return false
+    }
+
+    const vBindToken = tokenStore.getFirstToken(node)
+    const tokens = tokenStore.getTokensBetween(vBindToken, expression)
+
+    return tokens.every(isLeftParen)
+  }
   /**
    * @param {VExpressionContainer & { expression: Expression | VFilterSequenceExpression | null }} node
    */
@@ -143,6 +160,9 @@ function createForVueSyntax(context) {
       if (isUnwrapChangeToFilter(expression)) {
         return
       }
+      if (isStyleVariableWithoutQuote(node, expression)) {
+        return
+      }
     }
     report(expression)
   }
diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
index 28f644a90..0cf6d702c 100644
--- a/tests/lib/rules/no-extra-parens.js
+++ b/tests/lib/rules/no-extra-parens.js
@@ -48,6 +48,12 @@ tester.run('no-extra-parens', rule, {
     .text {
       color: v-bind('a')
     }
+    </style>`,
+    `
+    <style>
+    .text {
+      color: v-bind(a)
+    }
     </style>`
   ],
   invalid: [

From 9fa8edeb80fa85b6220dd53ab201447a359fcbaa Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Tue, 25 Jan 2022 01:23:14 +0100
Subject: [PATCH 0453/1010] Skip conditional expressions in
 `vue/valid-next-tick` (#1777)

---
 lib/rules/valid-next-tick.js       |  7 ++++++-
 tests/lib/rules/valid-next-tick.js | 13 +++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index ed5137f8c..eba820041 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -142,7 +142,12 @@ module.exports = {
           return
         }
 
-        const parentNode = nextTickNode.parent
+        let parentNode = nextTickNode.parent
+
+        // skip conditional expressions like `foo ? nextTick : bar`
+        if (parentNode.type === 'ConditionalExpression') {
+          parentNode = parentNode.parent
+        }
 
         if (
           parentNode.type === 'CallExpression' &&
diff --git a/tests/lib/rules/valid-next-tick.js b/tests/lib/rules/valid-next-tick.js
index a2ac636fb..c6e263eeb 100644
--- a/tests/lib/rules/valid-next-tick.js
+++ b/tests/lib/rules/valid-next-tick.js
@@ -129,6 +129,19 @@ tester.run('valid-next-tick', rule, {
           },
         }
       }</script>`
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1776
+    {
+      filename: 'test.vue',
+      code: `<script>import { nextTick as nt } from 'vue';
+      export default {
+        mounted() {
+          let foo = bar ? nt : undefined;
+          foo = bar ? Vue.nextTick : undefined;
+          foo = bar ? this.$nextTick : undefined;
+        }
+      }</script>`
     }
   ],
   invalid: [

From 45a7650f7ef1fe1d31bc09579ddd9fc3280ac221 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 27 Jan 2022 11:10:34 +0900
Subject: [PATCH 0454/1010] 8.4.0

---
 docs/rules/no-undef-components.md           | 7 +++++--
 docs/rules/no-v-text-v-html-on-component.md | 7 +++++--
 docs/rules/object-shorthand.md              | 6 +++++-
 docs/rules/quote-props.md                   | 6 +++++-
 package.json                                | 2 +-
 5 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/docs/rules/no-undef-components.md b/docs/rules/no-undef-components.md
index a21a7994a..3b58919b1 100644
--- a/docs/rules/no-undef-components.md
+++ b/docs/rules/no-undef-components.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-undef-components
 description: disallow use of undefined components in `<template>`
+since: v8.4.0
 ---
 # vue/no-undef-components
 
 > disallow use of undefined components in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule reports components that are used in the `<template>`, but that are not defined in the `<script setup>` or the Options API's `components` section.
 
 Undefined components will be resolved from globally registered components. However, if you are not using global components, you can use this rule to prevent run-time errors.
@@ -172,6 +171,10 @@ export default {
 
 - [vue/no-undef-properties](./no-undef-properties.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-undef-components.js)
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 5d8c8c434..377217dc3 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-v-text-v-html-on-component
 description: disallow v-text / v-html on component
+since: v8.4.0
 ---
 # vue/no-v-text-v-html-on-component
 
 > disallow v-text / v-html on component
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule disallows the use of v-text / v-html on component.
@@ -37,6 +36,10 @@ If you use v-text / v-html on a component, it will overwrite the component's con
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-text-v-html-on-component.js)
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index 1f249fa47..7c7b4928f 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-shorthand
 description: require or disallow method and property shorthand syntax for object literals in `<template>`
+since: v8.4.0
 ---
 # vue/object-shorthand
 
 > require or disallow method and property shorthand syntax for object literals in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [object-shorthand] rule but it applies to the expressions in `<template>`.
@@ -19,6 +19,10 @@ This rule is the same rule as core [object-shorthand] rule but it applies to the
 
 [object-shorthand]: https://eslint.org/docs/rules/object-shorthand
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-shorthand.js)
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index 79b738107..b45b7150a 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/quote-props
 description: require quotes around object literal property names in `<template>`
+since: v8.4.0
 ---
 # vue/quote-props
 
 > require quotes around object literal property names in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [quote-props] rule but it applies to the expressions in `<template>`.
@@ -19,6 +19,10 @@ This rule is the same rule as core [quote-props] rule but it applies to the expr
 
 [quote-props]: https://eslint.org/docs/rules/quote-props
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quote-props.js)
diff --git a/package.json b/package.json
index 5f9cdff49..3ef950099 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.3.0",
+  "version": "8.4.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 56bcdb43c2c99b0d64fba94591c8d814614262b8 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 27 Jan 2022 13:14:28 +0100
Subject: [PATCH 0455/1010] Support template literal component names in
 `vue/no-undef-components` (#1782)

* Move `isStringLiteral` function to utils

* Support template literal component names in `vue/no-undef-components`
---
 lib/rules/no-undef-components.js          |  7 ++++---
 lib/rules/prefer-separate-static-class.js | 21 +++++----------------
 lib/utils/index.js                        | 11 +++++++++++
 tests/lib/rules/no-undef-components.js    | 13 +++++++++++++
 4 files changed, 33 insertions(+), 19 deletions(-)

diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index aa9ddb0dd..e56f0412c 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -202,9 +202,10 @@ module.exports = {
 
         const nameProperty = utils.findProperty(obj, 'name')
 
-        if (nameProperty) {
-          if (nameProperty.value.type === 'Literal') {
-            registeredComponentNames.push(`${nameProperty.value.value}`)
+        if (nameProperty && utils.isStringLiteral(nameProperty.value)) {
+          const name = utils.getStringLiteralValue(nameProperty.value)
+          if (name) {
+            registeredComponentNames.push(name)
           }
         }
 
diff --git a/lib/rules/prefer-separate-static-class.js b/lib/rules/prefer-separate-static-class.js
index 504d95d60..0ebeb2451 100644
--- a/lib/rules/prefer-separate-static-class.js
+++ b/lib/rules/prefer-separate-static-class.js
@@ -8,22 +8,11 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-const { defineTemplateBodyVisitor, getStringLiteralValue } = require('../utils')
-
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-/**
- * @param {ASTNode} node
- * @returns {node is Literal | TemplateLiteral}
- */
-function isStringLiteral(node) {
-  return (
-    (node.type === 'Literal' && typeof node.value === 'string') ||
-    (node.type === 'TemplateLiteral' && node.expressions.length === 0)
-  )
-}
+const {
+  defineTemplateBodyVisitor,
+  isStringLiteral,
+  getStringLiteralValue
+} = require('../utils')
 
 /**
  * @param {Expression | VForExpression | VOnExpression | VSlotScopeExpression | VFilterSequenceExpression} expressionNode
diff --git a/lib/utils/index.js b/lib/utils/index.js
index bacb892ba..69cd84a31 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -758,6 +758,17 @@ module.exports = {
     }
   },
 
+  /**
+   * @param {ASTNode} node
+   * @returns {node is Literal | TemplateLiteral}
+   */
+  isStringLiteral(node) {
+    return (
+      (node.type === 'Literal' && typeof node.value === 'string') ||
+      (node.type === 'TemplateLiteral' && node.expressions.length === 0)
+    )
+  },
+
   /**
    * Check whether the given node is a custom component or not.
    * @param {VElement} node The start tag node to check.
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index 8bc637f45..b3a7af106 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -504,6 +504,19 @@ tester.run('no-undef-components', rule, {
         </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component />
+        </template>
+        <script>
+        export default {
+          name: \`CustomComponent\`
+        }
+        </script>
+      `
+    },
     {
       filename: 'test.vue',
       code: `

From d6f0337d88ce39214f4bf2853a5cdc26e2c30e32 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 27 Jan 2022 14:38:40 +0100
Subject: [PATCH 0456/1010] Meta: Fix `replacedBy` position (#1783)

---
 lib/rules/name-property-casing.js       | 4 ++--
 lib/rules/no-confusing-v-for-v-if.js    | 4 ++--
 lib/rules/no-unregistered-components.js | 4 ++--
 tools/update-docs-rules-index.js        | 2 +-
 tools/update-docs.js                    | 4 ++--
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index d86435a95..29c100db5 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -19,10 +19,10 @@ module.exports = {
       description:
         'enforce specific casing for the name property in Vue components',
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/name-property-casing.html',
-      replacedBy: ['component-definition-name-casing']
+      url: 'https://eslint.vuejs.org/rules/name-property-casing.html'
     },
     deprecated: true,
+    replacedBy: ['component-definition-name-casing'],
     fixable: 'code', // or "code" or "whitespace"
     schema: [
       {
diff --git a/lib/rules/no-confusing-v-for-v-if.js b/lib/rules/no-confusing-v-for-v-if.js
index 4135f163a..1842f7c8c 100644
--- a/lib/rules/no-confusing-v-for-v-if.js
+++ b/lib/rules/no-confusing-v-for-v-if.js
@@ -43,10 +43,10 @@ module.exports = {
     docs: {
       description: 'disallow confusing `v-for` and `v-if` on the same element',
       categories: ['vue3-recommended', 'recommended'],
-      url: 'https://eslint.vuejs.org/rules/no-confusing-v-for-v-if.html',
-      replacedBy: ['no-use-v-if-with-v-for']
+      url: 'https://eslint.vuejs.org/rules/no-confusing-v-for-v-if.html'
     },
     deprecated: true,
+    replacedBy: ['no-use-v-if-with-v-for'],
     fixable: null,
     schema: []
   },
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index efd265e55..4ba755dd3 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -44,10 +44,10 @@ module.exports = {
         'disallow using components that are not registered inside templates',
       categories: null,
       recommended: false,
-      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html',
-      replacedBy: ['no-undef-components']
+      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
     },
     deprecated: true,
+    replacedBy: ['no-undef-components'],
     fixable: null,
     schema: [
       {
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 913db1b91..9b177d7ac 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -38,7 +38,7 @@ function toRuleRow(rule) {
 
 function toDeprecatedRuleRow(rule) {
   const link = `[${rule.ruleId}](./${rule.name}.md)`
-  const replacedRules = rule.meta.docs.replacedBy || []
+  const replacedRules = rule.meta.replacedBy || []
   const replacedBy = replacedRules
     .map((name) => `[vue/${name}](./${name}.md)`)
     .join(', ')
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 098585887..a7b847eee 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -120,8 +120,8 @@ class DocFile {
     const notes = []
 
     if (meta.deprecated) {
-      if (meta.docs.replacedBy) {
-        const replacedRules = meta.docs.replacedBy.map(
+      if (meta.replacedBy) {
+        const replacedRules = meta.replacedBy.map(
           (name) => `[vue/${name}](${name}.md) rule`
         )
         notes.push(

From bd1fcb5533946a98bda6cbbbde66817ce1a6f74c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 4 Feb 2022 19:13:18 +0900
Subject: [PATCH 0457/1010] Fix false positives due to conflicts with other
 rules in `vue/no-unused-properties` rule (#1790)

---
 lib/rules/no-unused-properties.js       |  6 ++--
 tests/lib/rules/no-unused-properties.js | 42 ++++++++++++++++++++++++-
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 74762e446..1414df359 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -586,8 +586,7 @@ module.exports = {
         }
       }),
       {
-        /** @param {Program} node */
-        'Program:exit'(node) {
+        Program() {
           const styleVars = getStyleVariablesContext(context)
           if (styleVars) {
             templatePropertiesContainer.propertyReferences.push(
@@ -596,6 +595,9 @@ module.exports = {
               )
             )
           }
+        },
+        /** @param {Program} node */
+        'Program:exit'(node) {
           if (!node.templateBody) {
             reportUnusedProperties()
           }
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 0023443cb..a75d83e72 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -4,7 +4,8 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const { RuleTester, Linter } = require('eslint')
+const assert = require('assert')
 const rule = require('../../../lib/rules/no-unused-properties')
 
 const tester = new RuleTester({
@@ -2805,3 +2806,42 @@ tester.run('no-unused-properties', rule, {
     }
   ]
 })
+
+// https://github.com/vuejs/eslint-plugin-vue/issues/1789
+describe('`vue/no-unused-properties` and `vue/no-unused-components` should not conflict.', () => {
+  const linter = new Linter()
+  linter.defineParser('vue-eslint-parser', require('vue-eslint-parser'))
+  linter.defineRule(
+    'vue/no-unused-components',
+    require('../../../lib/rules/no-unused-components')
+  )
+  linter.defineRule('vue/no-unused-properties', rule)
+
+  const config = {
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+      ecmaVersion: 2020,
+      sourceType: 'module'
+    },
+    rules: {
+      'vue/no-unused-components': 'error',
+      'vue/no-unused-properties': 'error'
+    }
+  }
+
+  it('should not be a false positive when using CSS v-bind().', () => {
+    const code = `
+      <template></template>
+      <script>
+        export default {
+          props: ['a']
+        };
+      </script>
+      <style>
+      a {
+        color: v-bind(a);
+      }
+      </style>`
+    assert.deepStrictEqual(linter.verify(code, config, 'test.vue'), [])
+  })
+})

From 7ebbd85dcfffd54d58d7b727408104f7278cc924 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 4 Feb 2022 20:14:09 +0900
Subject: [PATCH 0458/1010] 8.4.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3ef950099..4579c6545 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.4.0",
+  "version": "8.4.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1d1be8501817e2e8719844f07ac13552424f23e3 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Sat, 12 Feb 2022 09:26:49 +0800
Subject: [PATCH 0459/1010] Add `prefer-true-attribute-shorthand` rule (#1796)

* Add `prefer-true-attribute-shorthand` rule

* fix typo

* accept suggestions

* accept option `"always"` or `"never"`

* ignore native HTML elements

* provide suggestions instead of auto fix

* meta update
---
 docs/rules/README.md                          |   1 +
 docs/rules/prefer-true-attribute-shorthand.md | 110 +++++++
 lib/index.js                                  |   1 +
 lib/rules/prefer-true-attribute-shorthand.js  | 110 +++++++
 .../rules/prefer-true-attribute-shorthand.js  | 283 ++++++++++++++++++
 5 files changed, 505 insertions(+)
 create mode 100644 docs/rules/prefer-true-attribute-shorthand.md
 create mode 100644 lib/rules/prefer-true-attribute-shorthand.js
 create mode 100644 tests/lib/rules/prefer-true-attribute-shorthand.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b74075445..b2f19b512 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -353,6 +353,7 @@ For example:
 | [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/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: |
+| [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: |
 | [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 | :bulb: |
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: |
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
new file mode 100644
index 000000000..b2b521b6a
--- /dev/null
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -0,0 +1,110 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-true-attribute-shorthand
+description: require shorthand form attribute when `v-bind` value is `true`
+---
+# vue/prefer-true-attribute-shorthand
+
+> require shorthand form attribute when `v-bind` value is `true`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+`v-bind` attribute with `true` value usually can be written in shorthand form. This can reduce verbosity.
+
+<eslint-code-block :rules="{'vue/prefer-true-attribute-shorthand': ['error']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <MyComponent v-bind:show="true" />
+  <MyComponent :show="true" />
+
+  <!-- ✓ GOOD -->
+  <MyComponent show />
+  <MyComponent another-prop="true" />
+</template>
+```
+
+</eslint-code-block>
+
+::: warning Warning
+The shorthand form is not always equivalent! If a prop accepts multiple types, but Boolean is not the first one, a shorthand prop won't pass `true`.
+:::
+
+```vue
+<script>
+export default {
+  name: 'MyComponent',
+  props: {
+    bool: Boolean,
+    boolOrString: [Boolean, String],
+    stringOrBool: [String, Boolean],
+  }
+}
+</script>
+```
+
+**Shorthand form:**
+
+```vue
+<MyComponent bool bool-or-string string-or-bool />
+```
+
+```
+bool: true (boolean)
+boolOrString: true (boolean)
+stringOrBool: "" (string)
+```
+
+**Longhand form:**
+
+```vue
+<MyComponent :bool="true" :bool-or-string="true" :string-or-bool="true" />
+```
+
+```
+bool: true (boolean)
+boolOrString: true (boolean)
+stringOrBool: true (boolean)
+```
+
+Those two calls will introduce different render result. See [this demo](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIFNob3J0aGFuZCBmb3JtOlxuICA8TXlDb21wb25lbnQgYm9vbCBib29sLW9yLXN0cmluZyBzdHJpbmctb3ItYm9vbCAvPlxuICBcbiAgTG9uZ2hhbmQgZm9ybTpcbiAgPE15Q29tcG9uZW50IDpib29sPVwidHJ1ZVwiIDpib29sLW9yLXN0cmluZz1cInRydWVcIiA6c3RyaW5nLW9yLWJvb2w9XCJ0cnVlXCIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIk15Q29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIHByb3BzOiB7XG4gICAgYm9vbDogQm9vbGVhbixcbiAgICBib29sT3JTdHJpbmc6IFtCb29sZWFuLCBTdHJpbmddLFxuICAgIHN0cmluZ09yQm9vbDogW1N0cmluZywgQm9vbGVhbl0sXG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwcmU+XG5ib29sOiB7e2Jvb2x9fSAoe3sgdHlwZW9mIGJvb2wgfX0pXG5ib29sT3JTdHJpbmc6IHt7Ym9vbE9yU3RyaW5nfX0gKHt7IHR5cGVvZiBib29sT3JTdHJpbmcgfX0pXG5zdHJpbmdPckJvb2w6IHt7c3RyaW5nT3JCb29sfX0gKHt7IHR5cGVvZiBzdHJpbmdPckJvb2wgfX0pXG4gIDwvcHJlPlxuPC90ZW1wbGF0ZT4ifQ==).
+
+## :wrench: Options
+
+Default options is `"always"`.
+
+```json
+{
+  "vue/prefer-true-attribute-shorthand": ["error", "always" | "never"]
+}
+```
+
+- `"always"` (default) ... requires shorthand form.
+- `"never"` ... requires long form.
+
+### `"never"`
+
+<eslint-code-block :rules="{'vue/prefer-true-attribute-shorthand': ['error', 'never']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <MyComponent show />
+
+  <!-- ✓ GOOD -->
+  <MyComponent :show="true" />
+  <MyComponent v-bind:show="true" />
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-true-attribute-shorthand.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-true-attribute-shorthand.js)
diff --git a/lib/index.js b/lib/index.js
index 5d770e8b2..941de0b56 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -159,6 +159,7 @@ module.exports = {
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
     'prefer-template': require('./rules/prefer-template'),
+    'prefer-true-attribute-shorthand': require('./rules/prefer-true-attribute-shorthand'),
     'prop-name-casing': require('./rules/prop-name-casing'),
     'quote-props': require('./rules/quote-props'),
     'require-component-is': require('./rules/require-component-is'),
diff --git a/lib/rules/prefer-true-attribute-shorthand.js b/lib/rules/prefer-true-attribute-shorthand.js
new file mode 100644
index 000000000..00fe95489
--- /dev/null
+++ b/lib/rules/prefer-true-attribute-shorthand.js
@@ -0,0 +1,110 @@
+/**
+ * @author Pig Fang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'require shorthand form attribute when `v-bind` value is `true`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/prefer-true-attribute-shorthand.html'
+    },
+    fixable: null,
+    hasSuggestions: true,
+    schema: [{ enum: ['always', 'never'] }],
+    messages: {
+      expectShort:
+        "Boolean prop with 'true' value should be written in shorthand form.",
+      expectLong:
+        "Boolean prop with 'true' value should be written in long form.",
+      rewriteIntoShort: 'Rewrite this prop into shorthand form.',
+      rewriteIntoLongVueProp:
+        'Rewrite this prop into long-form Vue component prop.',
+      rewriteIntoLongHtmlAttr:
+        'Rewrite this prop into long-form HTML attribute.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {'always' | 'never'} */
+    const option = context.options[0] || 'always'
+
+    return utils.defineTemplateBodyVisitor(context, {
+      VAttribute(node) {
+        if (!utils.isCustomComponent(node.parent.parent)) {
+          return
+        }
+
+        if (option === 'never' && !node.directive && !node.value) {
+          context.report({
+            node,
+            messageId: 'expectLong',
+            suggest: [
+              {
+                messageId: 'rewriteIntoLongVueProp',
+                fix: (fixer) =>
+                  fixer.replaceText(node, `:${node.key.rawName}="true"`)
+              },
+              {
+                messageId: 'rewriteIntoLongHtmlAttr',
+                fix: (fixer) =>
+                  fixer.replaceText(
+                    node,
+                    `${node.key.rawName}="${node.key.rawName}"`
+                  )
+              }
+            ]
+          })
+          return
+        }
+
+        if (option !== 'always') {
+          return
+        }
+
+        if (
+          !node.directive ||
+          !node.value ||
+          !node.value.expression ||
+          node.value.expression.type !== 'Literal' ||
+          node.value.expression.value !== true
+        ) {
+          return
+        }
+
+        const { argument } = node.key
+        if (!argument) {
+          return
+        }
+
+        context.report({
+          node,
+          messageId: 'expectShort',
+          suggest: [
+            {
+              messageId: 'rewriteIntoShort',
+              fix: (fixer) => {
+                const sourceCode = context.getSourceCode()
+                return fixer.replaceText(node, sourceCode.getText(argument))
+              }
+            }
+          ]
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/prefer-true-attribute-shorthand.js b/tests/lib/rules/prefer-true-attribute-shorthand.js
new file mode 100644
index 000000000..e7d52ef7f
--- /dev/null
+++ b/tests/lib/rules/prefer-true-attribute-shorthand.js
@@ -0,0 +1,283 @@
+/**
+ * @author Pig Fang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/prefer-true-attribute-shorthand')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('prefer-true-attribute-shorthand', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-if="true" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-bind="true" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-loading="true" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp show="true" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-bind:show="value" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp :show="value" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-bind:show="false" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp :show="false" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp show />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp show />
+      </template>
+      `,
+      options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp :show="true" />
+      </template>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-bind:show="true" />
+      </template>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input v-bind:checked="true" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input :checked="true" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input checked="checked" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input checked />
+      </template>
+      `,
+      options: ['never']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-bind:show="true" />
+      </template>`,
+      errors: [
+        {
+          messageId: 'expectShort',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoShort',
+              output: `
+      <template>
+        <MyComp show />
+      </template>`
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp :show="true" />
+      </template>`,
+      errors: [
+        {
+          messageId: 'expectShort',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoShort',
+              output: `
+      <template>
+        <MyComp show />
+      </template>`
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp v-bind:show="true" />
+      </template>`,
+      options: ['always'],
+      errors: [
+        {
+          messageId: 'expectShort',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoShort',
+              output: `
+      <template>
+        <MyComp show />
+      </template>`
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp :show="true" />
+      </template>`,
+      options: ['always'],
+      errors: [
+        {
+          messageId: 'expectShort',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoShort',
+              output: `
+      <template>
+        <MyComp show />
+      </template>`
+            }
+          ]
+        }
+      ],
+      output: null
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp show />
+      </template>`,
+      options: ['never'],
+      errors: [
+        {
+          messageId: 'expectLong',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              output: `
+      <template>
+        <MyComp :show="true" />
+      </template>`
+            },
+            {
+              output: `
+      <template>
+        <MyComp show="show" />
+      </template>`
+            }
+          ]
+        }
+      ],
+      output: null
+    }
+  ]
+})

From 86b3b3f36789734603e0fcc2d66beae1143eb040 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 16 Feb 2022 19:06:59 +0100
Subject: [PATCH 0460/1010] Fix broken links in docs (#1803)

---
 README.md                                           |  6 +++---
 docs/README.md                                      |  4 ++--
 docs/rules/attributes-order.md                      |  6 +++---
 docs/rules/component-api-style.md                   |  4 ++--
 docs/rules/component-definition-name-casing.md      |  2 +-
 docs/rules/component-name-in-template-casing.md     |  2 +-
 docs/rules/component-tags-order.md                  |  2 +-
 docs/rules/custom-event-name-casing.md              |  4 ++--
 docs/rules/first-attribute-linebreak.md             |  2 +-
 docs/rules/html-quotes.md                           |  2 +-
 docs/rules/html-self-closing.md                     |  2 +-
 docs/rules/match-component-file-name.md             |  2 +-
 docs/rules/max-attributes-per-line.md               |  2 +-
 docs/rules/multi-word-component-names.md            |  2 +-
 docs/rules/name-property-casing.md                  |  2 +-
 docs/rules/new-line-between-multi-line-property.md  |  2 +-
 docs/rules/next-tick-style.md                       | 10 +++++-----
 docs/rules/no-arrow-functions-in-watch.md           |  2 +-
 docs/rules/no-child-content.md                      |  4 ++--
 docs/rules/no-confusing-v-for-v-if.md               |  8 ++++----
 docs/rules/no-deprecated-data-object-declaration.md |  4 ++--
 docs/rules/no-deprecated-dollar-scopedslots-api.md  |  4 ++--
 docs/rules/no-deprecated-events-api.md              |  4 ++--
 docs/rules/no-deprecated-filter.md                  |  4 ++--
 docs/rules/no-deprecated-functional-template.md     |  6 +++---
 docs/rules/no-deprecated-html-element-is.md         |  4 ++--
 docs/rules/no-deprecated-inline-template.md         |  4 ++--
 docs/rules/no-deprecated-props-default-this.md      |  4 ++--
 docs/rules/no-deprecated-scope-attribute.md         |  2 +-
 docs/rules/no-deprecated-slot-attribute.md          |  2 +-
 docs/rules/no-deprecated-slot-scope-attribute.md    |  2 +-
 docs/rules/no-deprecated-v-bind-sync.md             |  4 ++--
 docs/rules/no-deprecated-v-is.md                    |  5 +++--
 docs/rules/no-deprecated-v-on-number-modifiers.md   |  4 ++--
 docs/rules/no-deprecated-vue-config-keycodes.md     |  6 +++---
 docs/rules/no-mutating-props.md                     |  4 ++--
 docs/rules/no-reserved-component-names.md           |  4 ++--
 docs/rules/no-shared-component-data.md              |  2 +-
 docs/rules/no-unsupported-features.md               |  4 ++--
 docs/rules/no-use-v-if-with-v-for.md                |  2 +-
 docs/rules/no-v-for-template-key-on-child.md        |  4 ++--
 docs/rules/no-v-for-template-key.md                 |  2 +-
 docs/rules/one-component-per-file.md                |  2 +-
 docs/rules/order-in-components.md                   |  6 +++---
 docs/rules/prop-name-casing.md                      |  2 +-
 docs/rules/require-default-prop.md                  |  2 +-
 docs/rules/require-prop-types.md                    |  2 +-
 docs/rules/require-v-for-key.md                     |  4 ++--
 docs/rules/script-indent.md                         |  2 +-
 docs/rules/v-bind-style.md                          |  2 +-
 docs/rules/v-on-style.md                            |  2 +-
 docs/rules/v-slot-style.md                          |  2 +-
 docs/rules/valid-next-tick.md                       |  6 +++---
 docs/rules/valid-v-bind-sync.md                     |  2 +-
 lib/rules/no-use-v-if-with-v-for.js                 |  2 +-
 55 files changed, 94 insertions(+), 93 deletions(-)

diff --git a/README.md b/README.md
index e3e50f284..cacd80209 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
 [![NPM version](https://img.shields.io/npm/v/eslint-plugin-vue.svg?style=flat)](https://npmjs.org/package/eslint-plugin-vue)
 [![NPM downloads](https://img.shields.io/npm/dm/eslint-plugin-vue.svg?style=flat)](https://npmjs.org/package/eslint-plugin-vue)
 [![CircleCI](https://img.shields.io/circleci/project/github/vuejs/eslint-plugin-vue/master.svg?style=flat)](https://circleci.com/gh/vuejs/eslint-plugin-vue)
-[![License](https://img.shields.io/github/license/vuejs/eslint-plugin-vue.svg?style=flat)](https://github.com/vuejs/eslint-plugin-vue/blob/master/LICENSE.md)
+[![License](https://img.shields.io/github/license/vuejs/eslint-plugin-vue.svg?style=flat)](https://github.com/vuejs/eslint-plugin-vue/blob/master/LICENSE)
 
 > Official ESLint plugin for Vue.js
 
@@ -29,7 +29,7 @@ Be sure to read the [official ESLint guide](https://eslint.org/docs/developer-gu
 
 To see what an abstract syntax tree (AST) of your code looks like, you may use [AST Explorer](https://astexplorer.net). After opening [AST Explorer](https://astexplorer.net), select `Vue` as the syntax and `vue-eslint-parser` as the parser.
 
-The default JavaScript parser must be replaced because [Vue.js single file components](https://v3.vuejs.org/guide/single-file-component.html#single-file-components) are not plain JavaScript, but a custom file format. [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) is a replacement parser that generates an enhanced AST with nodes that represent specific parts of the template syntax, as well as the contents of the `<script>` tag.
+The default JavaScript parser must be replaced because [Vue.js single file components](https://vuejs.org/guide/scaling-up/sfc.html) are not plain JavaScript, but a custom file format. [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) is a replacement parser that generates an enhanced AST with nodes that represent specific parts of the template syntax, as well as the contents of the `<script>` tag.
 
 To learn more about certain nodes in a produced AST, see the [ESTree project page](https://github.com/estree/estree) and the [vue-eslint-parser AST documentation](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md).
 
@@ -46,4 +46,4 @@ If you're stuck, remember there are many rules available for reference. If you c
 
 ## :lock: License
 
-See the [LICENSE](LICENSE) file for license rights and limitations (MIT).
\ No newline at end of file
+See the [LICENSE](LICENSE) file for license rights and limitations (MIT).
diff --git a/docs/README.md b/docs/README.md
index 672aec594..96f92a921 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -9,8 +9,8 @@ Official ESLint plugin for Vue.js.
 This plugin allows us to check the `<template>` and `<script>` of `.vue` files with ESLint, as well as Vue code in `.js` files.
 
 - Finds syntax errors.
-- Finds the wrong use of [Vue.js Directives](https://v3.vuejs.org/api/directives.html).
-- Finds the violation for [Vue.js Style Guide](https://v3.vuejs.org/style-guide/).
+- Finds the wrong use of [Vue.js Directives](https://vuejs.org/api/built-in-directives.html).
+- Finds the violation for [Vue.js Style Guide](https://vuejs.org/style-guide/).
 
 ESLint editor integrations are useful to check your code in real-time.
 
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 9caad0b67..5cf2a4be1 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -14,7 +14,7 @@ since: v4.3.0
 
 ## :book: Rule Details
 
-This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue.js Style Guide](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended) and is:
+This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue.js Style Guide](https://vuejs.org/style-guide/rules-recommended.html#element-attribute-order) and is:
 
 - `DEFINITION`
   e.g. 'is', 'v-is'
@@ -247,8 +247,8 @@ Note that `v-bind="object"` syntax is considered to be the same as the next or p
 
 ## :books: Further Reading
 
-- [Style guide - Element attribute order](https://v3.vuejs.org/style-guide/#element-attribute-order-recommended)
-- [Style guide (for v2) - Element attribute order](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended)
+- [Style guide - Element attribute order](https://vuejs.org/style-guide/rules-recommended.html#element-attribute-order)
+- [Style guide (for v2) - Element attribute order](https://v2.vuejs.org/v2/style-guide/#Element-attribute-order-recommended)
 
 ## :rocket: Version
 
diff --git a/docs/rules/component-api-style.md b/docs/rules/component-api-style.md
index af29316e3..faa3f2072 100644
--- a/docs/rules/component-api-style.md
+++ b/docs/rules/component-api-style.md
@@ -79,8 +79,8 @@ export default {
 ```
 
 - Array options ... Defines the API styles you want to allow. Default is `["script-setup", "composition"]`. You can use the following values.
-  - `"script-setup"` ... If set, allows [`<script setup>`](https://v3.vuejs.org/api/sfc-script-setup.html).
-  - `"composition"` ... If set, allows [Composition API](https://v3.vuejs.org/api/composition-api.html) (not `<script setup>`).
+  - `"script-setup"` ... If set, allows [`<script setup>`](https://vuejs.org/api/sfc-script-setup.html).
+  - `"composition"` ... If set, allows [Composition API](https://vuejs.org/api/#composition-api) (not `<script setup>`).
   - `"composition-vue2"` ... If set, allows [Composition API for Vue 2](https://github.com/vuejs/composition-api) (not `<script setup>`). In particular, it allows `render`, `renderTracked` and `renderTriggered` alongside `setup`.
   - `"options"` ... If set, allows Options API.
 
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index 615b876f9..268c69f1a 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -121,7 +121,7 @@ Vue.component('MyComponent', {
 
 ## :books: Further Reading
 
-- [Style guide - Component name casing in JS/JSX](https://v3.vuejs.org/style-guide/#component-name-casing-in-js-jsx-strongly-recommended)
+- [Style guide - Component name casing in JS/JSX](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-name-casing-in-js-jsx)
 
 ## :rocket: Version
 
diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index a8bbc7745..e39555bb9 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -143,7 +143,7 @@ export default {
 
 ## :books: Further Reading
 
-- [Style guide - Component name casing in templates](https://v3.vuejs.org/style-guide/#component-name-casing-in-templates-strongly-recommended)
+- [Style guide - Component name casing in templates](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-name-casing-in-templates)
 
 ## :rocket: Version
 
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 1278c8ed9..bd47f2d8c 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -114,7 +114,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 ## :books: Further Reading
 
-- [Style guide - Single-file component top-level element order](https://v3.vuejs.org/style-guide/#single-file-component-top-level-element-order-recommended)
+- [Style guide - Single-file component top-level element order](https://vuejs.org/style-guide/rules-recommended.html#single-file-component-top-level-element-order)
 
 ## :rocket: Version
 
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index ae08fc25d..ecc130fbe 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -168,8 +168,8 @@ export default {
 - [Guide - Custom Events]
 - [Guide (for v2) - Custom Events]
 
-[Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
-[Guide (for v2) - Custom Events]: https://vuejs.org/v2/guide/components-custom-events.html
+[Guide - Custom Events]: https://vuejs.org/guide/components/events.html
+[Guide (for v2) - Custom Events]: https://v2.vuejs.org/v2/guide/components-custom-events.html
 
 ## :couple: Related Rules
 
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index be53bd68b..caeb31f1a 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -156,7 +156,7 @@ This rule aims to enforce a consistent location for the first attribute.
 
 ## :books: Further Reading
 
-- [Style guide - Multi attribute elements](https://v3.vuejs.org/style-guide/#multi-attribute-elements-strongly-recommended)
+- [Style guide - Multi attribute elements](https://vuejs.org/style-guide/rules-strongly-recommended.html#multi-attribute-elements)
 
 ## :rocket: Version
 
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 8ebd0eefa..daeb13ee1 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -94,7 +94,7 @@ Object option:
 
 ## :books: Further Reading
 
-- [Style guide - Quoted attribute values](https://v3.vuejs.org/style-guide/#Quoted-attribute-values-strongly-recommended)
+- [Style guide - Quoted attribute values](https://vuejs.org/style-guide/rules-strongly-recommended.html#quoted-attribute-values)
 
 ## :rocket: Version
 
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index a5f290689..0a57a4218 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -95,7 +95,7 @@ Every option can be set to one of the following values:
 
 ## :books: Further Reading
 
-- [Style guide - Self closing components](https://v3.vuejs.org/style-guide/#Self-closing-components-strongly-recommended)
+- [Style guide - Self closing components](https://vuejs.org/style-guide/rules-strongly-recommended.html#self-closing-components)
 
 ## :rocket: Version
 
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index c9168e870..afd57a390 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -308,7 +308,7 @@ export default {
 
 ## :books: Further Reading
 
-- [Style guide - Single-file component filename casing](https://v3.vuejs.org/style-guide/#single-file-component-filename-casing-strongly-recommended)
+- [Style guide - Single-file component filename casing](https://vuejs.org/style-guide/rules-strongly-recommended.html#single-file-component-filename-casing)
 
 ## :rocket: Version
 
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index cecbfd563..13b13cd05 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -114,7 +114,7 @@ There is a configurable number of attributes that are acceptable in one-line cas
 
 ## :books: Further Reading
 
-- [Style guide - Multi attribute elements](https://v3.vuejs.org/style-guide/#multi-attribute-elements-strongly-recommended)
+- [Style guide - Multi attribute elements](https://vuejs.org/style-guide/rules-strongly-recommended.html#multi-attribute-elements)
 
 ## :rocket: Version
 
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index e45bd7b61..4835d12f4 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -118,7 +118,7 @@ export default {
 
 ## :books: Further Reading
 
-- [Style guide - Multi-word component names](https://v3.vuejs.org/style-guide/#multi-word-component-names-essential)
+- [Style guide - Multi-word component names](https://vuejs.org/style-guide/rules-essential.html#use-multi-word-component-names)
 
 ## :rocket: Version
 
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 7a912d56b..0dedbc1d3 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -83,7 +83,7 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 ## :books: Further Reading
 
-- [Style guide - Component name casing in JS/JSX](https://v3.vuejs.org/style-guide/#component-name-casing-in-js-jsx-strongly-recommended)
+- [Style guide - Component name casing in JS/JSX](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-name-casing-in-js-jsx)
 
 ## :rocket: Version
 
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index 7af127bea..4af4e59c3 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -89,7 +89,7 @@ export default {
 
 ## :books: Further Reading
 
-- [Style guide - Empty lines in component/instance options](https://v3.vuejs.org/style-guide/#empty-lines-in-component-instance-options-recommended)
+- [Style guide - Empty lines in component/instance options](https://vuejs.org/style-guide/rules-recommended.html#empty-lines-in-component-instance-options)
 
 ## :rocket: Version
 
diff --git a/docs/rules/next-tick-style.md b/docs/rules/next-tick-style.md
index 2f17f2dd4..683d5d921 100644
--- a/docs/rules/next-tick-style.md
+++ b/docs/rules/next-tick-style.md
@@ -91,11 +91,11 @@ export default {
 
 ## :books: Further Reading
 
-- [`Vue.nextTick` API in Vue 2](https://vuejs.org/v2/api/#Vue-nextTick)
-- [`vm.$nextTick` API in Vue 2](https://vuejs.org/v2/api/#vm-nextTick)
-- [Global API Treeshaking](https://v3.vuejs.org/guide/migration/global-api-treeshaking.html)
-- [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
-- [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
+- [`Vue.nextTick` API in Vue 2](https://v2.vuejs.org/v2/api/#Vue-nextTick)
+- [`vm.$nextTick` API in Vue 2](https://v2.vuejs.org/v2/api/#vm-nextTick)
+- [Global API Treeshaking](https://v3-migration.vuejs.org/breaking-changes/global-api-treeshaking.html)
+- [Global `nextTick` API in Vue 3](https://vuejs.org/api/general.html#nexttick)
+- [Instance `$nextTick` API in Vue 3](https://vuejs.org/api/component-instance.html#nexttick)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 2ad7bdf70..0d00f1fd5 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -13,7 +13,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://v3.vuejs.org/api/options-data.html#watch))
+This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://vuejs.org/api/options-state.html#watch))
 
 <eslint-code-block :rules="{'vue/no-arrow-functions-in-watch': ['error']}">
 
diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
index 4b395f7ac..295232301 100644
--- a/docs/rules/no-child-content.md
+++ b/docs/rules/no-child-content.md
@@ -44,8 +44,8 @@ This rule reports child content of elements that have a directive which overwrit
 
 ## :books: Further Reading
 
-- [`v-html` directive](https://v3.vuejs.org/api/directives.html#v-html)
-- [`v-text` directive](https://v3.vuejs.org/api/directives.html#v-text)
+- [`v-html` directive](https://vuejs.org/api/built-in-directives.html#v-html)
+- [`v-text` directive](https://vuejs.org/api/built-in-directives.html#v-text)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index 8c5d799da..9bdfbf3de 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -50,7 +50,7 @@ In that case, the `v-if` should be written on the wrapper element.
 ::: warning Note
 When they exist on the same node, `v-for` has a higher priority than `v-if`. That means the `v-if` will be run on each iteration of the loop separately.
 
-[https://v3.vuejs.org/guide/list.html#v-for-with-v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
+[https://vuejs.org/guide/essentials/list.html#v-for-with-v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
 :::
 
 ## :wrench: Options
@@ -59,9 +59,9 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide - Avoid v-if with v-for](https://v3.vuejs.org/style-guide/#avoid-v-if-with-v-for-essential)
-- [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
-- [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
+- [Style guide - Avoid v-if with v-for](https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for)
+- [Guide - Conditional Rendering / v-if with v-for](https://vuejs.org/guide/essentials/conditional.html#v-if-with-v-for)
+- [Guide - List Rendering / v-for with v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index faedcfab7..a5505e9f7 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -17,7 +17,7 @@ since: v7.0.0
 This rule reports use of deprecated object declaration on `data` property (in Vue.js 3.0.0+).
 The different from `vue/no-shared-component-data` is the root instance being also disallowed.
 
-See [Migration Guide - Data Option](https://v3.vuejs.org/guide/migration/data-option.html) for more details.
+See [Migration Guide - Data Option](https://v3-migration.vuejs.org/breaking-changes/data-option.html) for more details.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}" language="javascript" filename="example.js">
 
@@ -79,7 +79,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Data Option](https://v3.vuejs.org/guide/migration/data-option.html)
+- [Migration Guide - Data Option](https://v3-migration.vuejs.org/breaking-changes/data-option.html)
 - [Vue RFCs - 0019-remove-data-object-declaration](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index 3183ea472..b068f8163 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -16,7 +16,7 @@ since: v7.0.0
 
 This rule reports use of deprecated `$scopedSlots`. (in Vue.js 3.0.0+).
 
-See [Migration Guide - Slots Unification](https://v3.vuejs.org/guide/migration/slots-unification.html) for more details.
+See [Migration Guide - Slots Unification](https://v3-migration.vuejs.org/breaking-changes/slots-unification.html) for more details.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-dollar-scopedslots-api': ['error']}">
 
@@ -43,7 +43,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Slots Unification](https://v3.vuejs.org/guide/migration/slots-unification.html)
+- [Migration Guide - Slots Unification](https://v3-migration.vuejs.org/breaking-changes/slots-unification.html)
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index f78ec8c71..764ddef32 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule reports use of deprecated `$on`, `$off` `$once` api. (in Vue.js 3.0.0+).
 
-See [Migration Guide - Events API](https://v3.vuejs.org/guide/migration/events-api.html) for more details.
+See [Migration Guide - Events API](https://v3-migration.vuejs.org/breaking-changes/events-api.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-events-api': ['error']}">
 
@@ -61,7 +61,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Events API](https://v3.vuejs.org/guide/migration/events-api.html)
+- [Migration Guide - Events API](https://v3-migration.vuejs.org/breaking-changes/events-api.html)
 - [Vue RFCs - 0020-events-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index 25998699d..d35632635 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule reports deprecated `filters` syntax (removed in Vue.js v3.0.0+).
 
-See [Migration Guide - Filters](https://v3.vuejs.org/guide/migration/filters.html) for more details.
+See [Migration Guide - Filters](https://v3-migration.vuejs.org/breaking-changes/filters.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-filter': ['error']}">
 
@@ -63,7 +63,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Filters](https://v3.vuejs.org/guide/migration/filters.html)
+- [Migration Guide - Filters](https://v3-migration.vuejs.org/breaking-changes/filters.html)
 - [Vue RFCs - 0015-remove-filters](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index 86fd241d0..f7ef4978a 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule reports deprecated the `functional` template (in Vue.js 3.0.0+).
 
-See [Migration Guide - Functional Components](https://v3.vuejs.org/guide/migration/functional-components.html) for more details.
+See [Migration Guide - Functional Components](https://v3-migration.vuejs.org/breaking-changes/functional-components.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-functional-template': ['error']}">
 
@@ -34,9 +34,9 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Functional Components](https://v3.vuejs.org/guide/migration/functional-components.html)
+- [Migration Guide - Functional Components](https://v3-migration.vuejs.org/breaking-changes/functional-components.html)
 - [Vue RFCs - 0007-functional-async-api-change](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0007-functional-async-api-change.md)
-- [Guide - Functional Components](https://vuejs.org/v2/guide/render-function.html#Functional-Components)
+- [Guide - Functional Components](https://v2.vuejs.org/v2/guide/render-function.html#Functional-Components)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index 71d92bfdf..434c82772 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule reports deprecated the `is` attribute on HTML elements (removed in Vue.js v3.0.0+).
 
-See [Migration Guide - Custom Elements Interop](https://v3.vuejs.org/guide/migration/custom-elements-interop.html#customized-built-in-elements) for more details.
+See [Migration Guide - Custom Elements Interop](https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html#customized-built-in-elements) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-html-element-is': ['error']}">
 
@@ -39,7 +39,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Custom Elements Interop](https://v3.vuejs.org/guide/migration/custom-elements-interop.html#customized-built-in-elements)
+- [Migration Guide - Custom Elements Interop](https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html#customized-built-in-elements)
 - [Vue RFCs - 0027-custom-elements-interop](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0027-custom-elements-interop.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index ba4aa6853..b2acf0058 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule reports deprecated `inline-template` attributes (removed in Vue.js v3.0.0+).
 
-See [Migration Guide - Inline Template Attribute](https://v3.vuejs.org/guide/migration/inline-template-attribute.html) for more details.
+See [Migration Guide - Inline Template Attribute](https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-inline-template': ['error']}">
 
@@ -42,7 +42,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Inline Template Attribute](https://v3.vuejs.org/guide/migration/inline-template-attribute.html)
+- [Migration Guide - Inline Template Attribute](https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html)
 - [Vue RFCs - 0016-remove-inline-templates](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0016-remove-inline-templates.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index 4710fec02..da83f0611 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -16,7 +16,7 @@ since: v7.0.0
 This rule reports the use of `this` within the props default value factory functions.
 In Vue.js 3.0.0+, props default value factory functions no longer have access to `this`.
 
-See [Migration Guide - Props Default Function `this` Access](https://v3.vuejs.org/guide/migration/props-default-this.html) for more details.
+See [Migration Guide - Props Default Function `this` Access](https://v3-migration.vuejs.org/breaking-changes/props-default-this.html) for more details.
 
 <eslint-code-block :rules="{'vue/no-deprecated-props-default-this': ['error']}">
 
@@ -64,7 +64,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - Props Default Function `this` Access](https://v3.vuejs.org/guide/migration/props-default-this.html)
+- [Migration Guide - Props Default Function `this` Access](https://v3-migration.vuejs.org/breaking-changes/props-default-this.html)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index cae02132a..d86f7b065 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -42,7 +42,7 @@ This rule reports deprecated `scope` attribute in Vue.js v2.5.0+.
 
 ## :books: Further Reading
 
-- [API - scope](https://vuejs.org/v2/api/#scope-removed)
+- [API - scope](https://v2.vuejs.org/v2/api/#scope-removed)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index d8a45cff5..59e2c068f 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -39,7 +39,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 ## :books: Further Reading
 
-- [API - slot](https://vuejs.org/v2/api/#slot-deprecated)
+- [API - slot](https://v2.vuejs.org/v2/api/#slot-deprecated)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index f1fe017e6..47965a168 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -39,7 +39,7 @@ This rule reports deprecated `slot-scope` attribute in Vue.js v2.6.0+.
 
 ## :books: Further Reading
 
-- [API - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
+- [API - slot-scope](https://v2.vuejs.org/v2/api/#slot-scope-deprecated)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index dfc652890..233c7c2dd 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -16,7 +16,7 @@ since: v7.0.0
 
 This rule reports use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+).
 
-See [Migration Guide - `v-model`](https://v3.vuejs.org/guide/migration/v-model.html) for more details.
+See [Migration Guide - `v-model`](https://v3-migration.vuejs.org/breaking-changes/v-model.html) for more details.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-v-bind-sync': ['error']}">
 
@@ -49,7 +49,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - `v-model`](https://v3.vuejs.org/guide/migration/v-model.html)
+- [Migration Guide - `v-model`](https://v3-migration.vuejs.org/breaking-changes/v-model.html)
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 3ac26dde6..df5c7edeb 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -16,7 +16,7 @@ since: v7.11.0
 
 This rule reports deprecated `v-is` directive in Vue.js v3.1.0+.
 
-Use [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is) instead.
+Use [`is` attribute with `vue:` prefix](https://vuejs.org/api/built-in-special-attributes.html#is) instead.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-v-is': ['error']}">
 
@@ -41,7 +41,8 @@ Use [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attribu
 
 ## :books: Further Reading
 
-- [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
+- [Migration Guide - Custom Elements Interop](https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html#vue-prefix-for-in-dom-template-parsing-workarounds)
+- [API - v-is](https://vuejs.org/api/built-in-special-attributes.html#is)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 74e711f9c..db8476813 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -16,7 +16,7 @@ since: v7.0.0
 
 This rule reports use of deprecated `KeyboardEvent.keyCode` modifier on `v-on` directive (in Vue.js 3.0.0+).
 
-See [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html) for more details.
+See [Migration Guide - KeyCode Modifiers](https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html) for more details.
 
 <eslint-code-block fix :rules="{'vue/no-deprecated-v-on-number-modifiers': ['error']}">
 
@@ -48,7 +48,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html)
+- [Migration Guide - KeyCode Modifiers](https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html)
 - [Vue RFCs - 0014-drop-keycode-support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index b271741e0..271597887 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule reports use of deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+).
 
-See [Migration Guide - KeyCode Modifiers](https://v3.vuejs.org/guide/migration/keycode-modifiers.html) for more details.
+See [Migration Guide - KeyCode Modifiers](https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html) for more details.
 
 <eslint-code-block filename="a.js" language="javascript" :rules="{'vue/no-deprecated-vue-config-keycodes': ['error']}">
 
@@ -44,9 +44,9 @@ Nothing.
 - [Vue RFCs - 0014-drop-keycode-support]
 - [API - Global Config - keyCodes]
 
-[Migration Guide - KeyCode Modifiers]: https://v3.vuejs.org/guide/migration/keycode-modifiers.html
+[Migration Guide - KeyCode Modifiers]: https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html
 [Vue RFCs - 0014-drop-keycode-support]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md
-[API - Global Config - keyCodes]: https://vuejs.org/v2/api/#keyCodes
+[API - Global Config - keyCodes]: https://v2.vuejs.org/v2/api/#keyCodes
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 1b58da7d4..960ebe900 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -92,8 +92,8 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide - Implicit parent-child communication](https://v3.vuejs.org/style-guide/#implicit-parent-child-communication-use-with-caution)
-- [Vue - Prop Mutation - deprecated](https://vuejs.org/v2/guide/migration.html#Prop-Mutation-deprecated)
+- [Style guide - Implicit parent-child communication](https://vuejs.org/style-guide/rules-use-with-caution.html#implicit-parent-child-communication)
+- [Vue - Prop Mutation - deprecated](https://v2.vuejs.org/v2/guide/migration.html#Prop-Mutation-deprecated)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index d424fb8f1..a0d9c5f2c 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -75,9 +75,9 @@ export default {
 - [List of html elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
 - [List of SVG elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Element)
 - [Kebab case elements](https://stackoverflow.com/questions/22545621/do-custom-elements-require-a-dash-in-their-name/22545622#22545622)
-- [Valid custom element name](https://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name)
+- [Valid custom element name](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name)
 - [API - Built-In Components](https://v3.vuejs.org/api/built-in-components.html)
-- [API (for v2) - Built-In Components](https://vuejs.org/v2/api/index.html#Built-In-Components)
+- [API (for v2) - Built-In Components](https://v2.vuejs.org/v2/api/index.html#Built-In-Components)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index 258828a47..ce4f693e0 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -70,7 +70,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide (for v2) - Component data](https://vuejs.org/v2/style-guide/#Component-data-essential)
+- [Style guide (for v2) - Component data](https://v2.vuejs.org/v2/style-guide/#Component-data-essential)
 - [API - data](https://v3.vuejs.org/api/options-data.html#data-2)
 - [API (for v2) - data](https://v3.vuejs.org/api/options-data.html#data-2)
 
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index a70fa2b4e..799b456cb 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -45,7 +45,7 @@ The `"ignores"` option accepts an array of the following strings.
     - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments).
     - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.
   - Vue.js 2.5.0+
-    - `"slot-scope-attribute"` ... [slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated) attributes.
+    - `"slot-scope-attribute"` ... [slot-scope](https://v2.vuejs.org/v2/api/#slot-scope-deprecated) attributes.
 
 ### `{"version": "^2.6.0"}`
 
@@ -104,7 +104,7 @@ The `"ignores"` option accepts an array of the following strings.
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 - [Guide - Dynamic Arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments)
 - [API - v-slot](https://v3.vuejs.org/api/directives.html#v-slot)
-- [API (for v2) - slot-scope](https://vuejs.org/v2/api/#slot-scope-deprecated)
+- [API (for v2) - slot-scope](https://v2.vuejs.org/v2/api/#slot-scope-deprecated)
 - [Vue RFCs - 0001-new-slot-syntax]
 - [Vue RFCs - 0002-slot-syntax-shorthand]
 - [Vue RFCs - 0003-dynamic-directive-arguments]
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 78b11aa4c..b8de1a17f 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -89,7 +89,7 @@ There are two common cases where this can be tempting:
 
 ## :books: Further Reading
 
-- [Style guide - Avoid v-if with v-for](https://v3.vuejs.org/style-guide/#avoid-v-if-with-v-for-essential)
+- [Style guide - Avoid v-if with v-for](https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for)
 - [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
 - [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
 
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index f43aa307f..3b03c36c0 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -17,7 +17,7 @@ This rule reports the key of the `<template v-for>` placed on the child elements
 
 In Vue.js 3.x, with the support for fragments, the `<template v-for>` key can be placed on the `<template>` tag.  
 
-See [Migration Guide - `key` attribute > With `<template v-for>`](https://v3.vuejs.org/guide/migration/key-attribute.html#with-template-v-for) for more details.
+See [Migration Guide - `key` attribute > With `<template v-for>`](https://v3-migration.vuejs.org/breaking-changes/key-attribute.html#with-template-v-for) for more details.
 
 ::: warning Note
 Do not use with the [vue/no-v-for-template-key] rule for Vue.js 2.x.  
@@ -54,7 +54,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Migration Guide - `key` attribute > With `<template v-for>`](https://v3.vuejs.org/guide/migration/key-attribute.html#with-template-v-for)
+- [Migration Guide - `key` attribute > With `<template v-for>`](https://v3-migration.vuejs.org/breaking-changes/key-attribute.html#with-template-v-for)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 128a5c07d..bd4623dd0 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -59,7 +59,7 @@ Nothing.
 ## :books: Further Reading
 
 - [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
-- [API (for v2) - Special Attributes - key](https://vuejs.org/v2/api/#key)
+- [API (for v2) - Special Attributes - key](https://v2.vuejs.org/v2/api/#key)
 
 ## :rocket: Version
 
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index 006a13b74..5e4fed2c4 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -50,7 +50,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide - Component files](https://v3.vuejs.org/style-guide/#component-files-strongly-recommended)
+- [Style guide - Component files](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-files)
 
 ## :rocket: Version
 
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index bcbbe77d0..99d714210 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -15,7 +15,7 @@ since: v3.2.0
 ## :book: Rule Details
 
 This rule makes sure you keep declared order of properties in components.
-Recommended order of properties can be [found here](https://v3.vuejs.org/style-guide/#component-instance-options-order-recommended).
+Recommended order of properties can be [found here](https://vuejs.org/style-guide/rules-recommended.html#component-instance-options-order).
 
 <eslint-code-block fix :rules="{'vue/order-in-components': ['error']}">
 
@@ -113,8 +113,8 @@ export default {
 
 ## :books: Further Reading
 
-- [Style guide - Component/instance options order](https://v3.vuejs.org/style-guide/#component-instance-options-order-recommended)
-- [Style guide (for v2) - Component/instance options order](https://vuejs.org/v2/style-guide/#Component-instance-options-order-recommended)
+- [Style guide - Component/instance options order](https://vuejs.org/style-guide/rules-recommended.html#component-instance-options-order)
+- [Style guide (for v2) - Component/instance options order](https://v2.vuejs.org/v2/style-guide/#Component-instance-options-order-recommended)
 
 ## :rocket: Version
 
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 81f19518f..2cdeec52a 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -68,7 +68,7 @@ export default {
 
 ## :books: Further Reading
 
-- [Style guide - Prop name casing](https://v3.vuejs.org/style-guide/#prop-name-casing-strongly-recommended)
+- [Style guide - Prop name casing](https://vuejs.org/style-guide/rules-strongly-recommended.html#prop-name-casing)
 
 ## :couple: Related Rules
 
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index 2f43c88a1..eb3a55d6f 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -63,7 +63,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide - Prop definitions](https://v3.vuejs.org/style-guide/#prop-definitions-essential)
+- [Style guide - Prop definitions](https://vuejs.org/style-guide/rules-essential.html#use-detailed-prop-definitions)
 
 ## :rocket: Version
 
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index ae3ffe47c..df9a0945a 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -65,7 +65,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide - Prop definitions](https://v3.vuejs.org/style-guide/#prop-definitions-essential)
+- [Style guide - Prop definitions](https://vuejs.org/style-guide/rules-essential.html#use-detailed-prop-definitions)
 
 ## :rocket: Version
 
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index 1e2b8a5f0..c8f894ff5 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -48,8 +48,8 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Style guide - Keyed v-for](https://v3.vuejs.org/style-guide/#keyed-v-for-essential)
-- [Guide (for v2) - v-for with a Component](https://vuejs.org/v2/guide/list.html#v-for-with-a-Component)
+- [Style guide - Keyed v-for](https://vuejs.org/style-guide/rules-essential.html#use-keyed-v-for)
+- [Guide (for v2) - v-for with a Component](https://v2.vuejs.org/v2/guide/list.html#v-for-with-a-Component)
 
 ## :rocket: Version
 
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index b4b460183..d4e7d54ec 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -117,7 +117,7 @@ This rule only checks `.vue` files and does not interfere with other `.js` files
 
 - [indent](https://eslint.org/docs/rules/indent)
 - [vue/html-indent](./html-indent.md)
-- [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/indent.md)
+- [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/indent.md)
 
 ## :rocket: Version
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 52c26a966..2e69bd62b 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -60,7 +60,7 @@ Default is set to `shorthand`.
 
 ## :books: Further Reading
 
-- [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
+- [Style guide - Directive shorthands](https://vuejs.org/style-guide/rules-strongly-recommended.html#directive-shorthands)
 
 ## :rocket: Version
 
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 210047a90..17594be65 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -60,7 +60,7 @@ Default is set to `shorthand`.
 
 ## :books: Further Reading
 
-- [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
+- [Style guide - Directive shorthands](https://vuejs.org/style-guide/rules-strongly-recommended.html#directive-shorthands)
 
 ## :rocket: Version
 
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index bd25f9c07..3f2e03094 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -105,7 +105,7 @@ And a string option is supported to be consistent to similar `vue/v-bind-style`
 
 ## :books: Further Reading
 
-- [Style guide - Directive shorthands](https://v3.vuejs.org/style-guide/#directive-shorthands-strongly-recommended)
+- [Style guide - Directive shorthands](https://vuejs.org/style-guide/rules-strongly-recommended.html#directive-shorthands)
 
 ## :rocket: Version
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index 6c838553d..e67cc87a4 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -78,9 +78,9 @@ Nothing.
 
 ## :books: Further Reading
 
-- [`Vue.nextTick` API in Vue 2](https://vuejs.org/v2/api/#Vue-nextTick)
-- [`vm.$nextTick` API in Vue 2](https://vuejs.org/v2/api/#vm-nextTick)
-- [Global API Treeshaking](https://v3.vuejs.org/guide/migration/global-api-treeshaking.html)
+- [`Vue.nextTick` API in Vue 2](https://v2.vuejs.org/v2/api/#Vue-nextTick)
+- [`vm.$nextTick` API in Vue 2](https://v2.vuejs.org/v2/api/#vm-nextTick)
+- [Global API Treeshaking](https://v3-migration.vuejs.org/breaking-changes/global-api-treeshaking.html)
 - [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
 - [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
 
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 8b847659c..878dc12c2 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -70,7 +70,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide (for v2) - `.sync` Modifier](https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier)
+- [Guide (for v2) - `.sync` Modifier](https://v2.vuejs.org/v2/guide/components-custom-events.html#sync-Modifier)
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 47904629c..3d48d100e 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -1,7 +1,7 @@
 /**
  * @author Yosuke Ota
  *
- * Style guide: https://v3.vuejs.org/style-guide/#avoid-v-if-with-v-for-essential
+ * Style guide: https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for
  */
 'use strict'
 

From 1bb4eddfab52ce5f6b8865f77392e5912d8ad8a2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 22 Feb 2022 17:55:32 +0900
Subject: [PATCH 0461/1010] Add `vue/prefer-import-from-vue` rule (#1804)

---
 docs/rules/README.md                          |   1 +
 docs/rules/prefer-import-from-vue.md          |  52 +++
 lib/index.js                                  |   1 +
 lib/rules/prefer-import-from-vue.js           | 131 ++++++++
 lib/utils/vue3-export-names.json              | 300 ++++++++++++++++++
 tests/lib/rules/prefer-import-from-vue.js     | 133 ++++++++
 tools/update-vue3-export-names.js             | 150 +++++++++
 tools/update.js                               |   4 +
 .../util-types/ast/es-ast.ts                  |   7 +-
 9 files changed, 776 insertions(+), 3 deletions(-)
 create mode 100644 docs/rules/prefer-import-from-vue.md
 create mode 100644 lib/rules/prefer-import-from-vue.js
 create mode 100644 lib/utils/vue3-export-names.json
 create mode 100644 tests/lib/rules/prefer-import-from-vue.js
 create mode 100644 tools/update-vue3-export-names.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b2f19b512..5b2d22293 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -352,6 +352,7 @@ For example:
 | [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  |
 | [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/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
new file mode 100644
index 000000000..e645d916a
--- /dev/null
+++ b/docs/rules/prefer-import-from-vue.md
@@ -0,0 +1,52 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-import-from-vue
+description: enforce import from 'vue' instead of import from '@vue/*'
+---
+# vue/prefer-import-from-vue
+
+> enforce import from 'vue' instead of import from '@vue/*'
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims to use imports from `'vue'` instead of imports from `'@vue/*'`.
+
+Imports from the following modules are almost always wrong. You should import from `vue` instead.
+
+- `@vue/runtime-dom`
+- `@vue/runtime-core`
+- `@vue/reactivity`
+- `@vue/shared`
+
+<eslint-code-block fix :rules="{'vue/prefer-import-from-vue': ['error']}" filename="example.js" language="javascript">
+
+```js
+/* ✓ GOOD */
+import { createApp, ref, Component } from 'vue'
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/prefer-import-from-vue': ['error']}" filename="example.js" language="javascript">
+
+```js
+/* ✗ BAD */
+import { createApp } from '@vue/runtime-dom'
+import { Component } from '@vue/runtime-core'
+import { ref } from '@vue/reactivity'
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-import-from-vue.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-import-from-vue.js)
diff --git a/lib/index.js b/lib/index.js
index 941de0b56..97ff805d3 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -157,6 +157,7 @@ module.exports = {
     'operator-linebreak': require('./rules/operator-linebreak'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
+    'prefer-import-from-vue': require('./rules/prefer-import-from-vue'),
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
     'prefer-template': require('./rules/prefer-template'),
     'prefer-true-attribute-shorthand': require('./rules/prefer-true-attribute-shorthand'),
diff --git a/lib/rules/prefer-import-from-vue.js b/lib/rules/prefer-import-from-vue.js
new file mode 100644
index 000000000..1fb4ecf55
--- /dev/null
+++ b/lib/rules/prefer-import-from-vue.js
@@ -0,0 +1,131 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const vue3ExportNames = new Set(require('../utils/vue3-export-names.json'))
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const TARGET_AT_VUE_MODULES = new Set([
+  '@vue/runtime-dom',
+  '@vue/runtime-core',
+  '@vue/reactivity',
+  '@vue/shared'
+])
+// Modules with the names of a subset of vue.
+const SUBSET_AT_VUE_MODULES = new Set(['@vue/runtime-dom', '@vue/runtime-core'])
+
+/**
+ * @param {ImportDeclaration} node
+ */
+function* extractImportNames(node) {
+  for (const specifier of node.specifiers) {
+    if (specifier.type === 'ImportDefaultSpecifier') {
+      yield 'default'
+    } else if (specifier.type === 'ImportNamespaceSpecifier') {
+      yield null // all
+    } else if (specifier.type === 'ImportSpecifier') {
+      yield specifier.imported.name
+    }
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: "enforce import from 'vue' instead of import from '@vue/*'",
+      // TODO We will change it in the next major version.
+      // categories: ['vue3-essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/prefer-import-from-vue.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      importedAtVue: "Import from 'vue' instead of '{{source}}'."
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   */
+  create(context) {
+    /**
+     *
+     * @param {Literal & { value: string }} source
+     * @param { () => boolean } fixable
+     */
+    function verifySource(source, fixable) {
+      if (!TARGET_AT_VUE_MODULES.has(source.value)) {
+        return
+      }
+
+      context.report({
+        node: source,
+        messageId: 'importedAtVue',
+        data: { source: source.value },
+        fix: fixable()
+          ? (fixer) =>
+              fixer.replaceTextRange(
+                [source.range[0] + 1, source.range[1] - 1],
+                'vue'
+              )
+          : null
+      })
+    }
+
+    return {
+      ImportDeclaration(node) {
+        verifySource(node.source, () => {
+          if (SUBSET_AT_VUE_MODULES.has(node.source.value)) {
+            // If the module is a subset of 'vue', we can safely change it to 'vue'.
+            return true
+          }
+          for (const name of extractImportNames(node)) {
+            if (name == null) {
+              return false // import all
+            }
+            if (!vue3ExportNames.has(name)) {
+              // If there is a name that is not exported from 'vue', it will not be auto-fixed.
+              return false
+            }
+          }
+          return true
+        })
+      },
+      ExportNamedDeclaration(node) {
+        if (node.source) {
+          verifySource(node.source, () => {
+            for (const specifier of node.specifiers) {
+              if (!vue3ExportNames.has(specifier.local.name)) {
+                // If there is a name that is not exported from 'vue', it will not be auto-fixed.
+                return false
+              }
+            }
+            return true
+          })
+        }
+      },
+      ExportAllDeclaration(node) {
+        verifySource(
+          node.source,
+          // If we change it to `from 'vue'`, it will export more, so it will not be auto-fixed.
+          () => false
+        )
+      }
+    }
+  }
+}
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
new file mode 100644
index 000000000..53c8fae02
--- /dev/null
+++ b/lib/utils/vue3-export-names.json
@@ -0,0 +1,300 @@
+[
+  "compile",
+  "createApp",
+  "createSSRApp",
+  "defineCustomElement",
+  "defineSSRCustomElement",
+  "hydrate",
+  "render",
+  "Transition",
+  "TransitionGroup",
+  "TransitionGroupProps",
+  "TransitionProps",
+  "useCssModule",
+  "useCssVars",
+  "vModelCheckbox",
+  "vModelDynamic",
+  "vModelRadio",
+  "vModelSelect",
+  "vModelText",
+  "vShow",
+  "VueElement",
+  "VueElementConstructor",
+  "withKeys",
+  "withModifiers",
+  "AllowedComponentProps",
+  "App",
+  "AppConfig",
+  "AppContext",
+  "AsyncComponentLoader",
+  "AsyncComponentOptions",
+  "BaseTransition",
+  "BaseTransitionProps",
+  "callWithAsyncErrorHandling",
+  "callWithErrorHandling",
+  "camelize",
+  "capitalize",
+  "cloneVNode",
+  "Comment",
+  "CompatVue",
+  "Component",
+  "ComponentCustomOptions",
+  "ComponentCustomProperties",
+  "ComponentCustomProps",
+  "ComponentInternalInstance",
+  "ComponentObjectPropsOptions",
+  "ComponentOptions",
+  "ComponentOptionsBase",
+  "ComponentOptionsMixin",
+  "ComponentOptionsWithArrayProps",
+  "ComponentOptionsWithObjectProps",
+  "ComponentOptionsWithoutProps",
+  "ComponentPropsOptions",
+  "ComponentPublicInstance",
+  "computed",
+  "ComputedGetter",
+  "ComputedOptions",
+  "ComputedRef",
+  "ComputedSetter",
+  "ConcreteComponent",
+  "CreateAppFunction",
+  "createBlock",
+  "createCommentVNode",
+  "CreateComponentPublicInstance",
+  "createElementBlock",
+  "createElementVNode",
+  "createHydrationRenderer",
+  "createRenderer",
+  "createSlots",
+  "createStaticVNode",
+  "createTextVNode",
+  "createVNode",
+  "customRef",
+  "CustomRefFactory",
+  "DebuggerEvent",
+  "DebuggerEventExtraInfo",
+  "DebuggerOptions",
+  "DeepReadonly",
+  "defineAsyncComponent",
+  "DefineComponent",
+  "defineComponent",
+  "defineEmits",
+  "defineExpose",
+  "defineProps",
+  "DeprecationTypes",
+  "devtools",
+  "Directive",
+  "DirectiveArguments",
+  "DirectiveBinding",
+  "DirectiveHook",
+  "effect",
+  "EffectScheduler",
+  "EffectScope",
+  "effectScope",
+  "EmitsOptions",
+  "ErrorCodes",
+  "ExtractDefaultPropTypes",
+  "ExtractPropTypes",
+  "Fragment",
+  "FunctionalComponent",
+  "FunctionDirective",
+  "getCurrentInstance",
+  "getCurrentScope",
+  "getTransitionRawChildren",
+  "guardReactiveProps",
+  "h",
+  "handleError",
+  "HMRRuntime",
+  "HydrationRenderer",
+  "initCustomFormatter",
+  "inject",
+  "InjectionKey",
+  "isMemoSame",
+  "isProxy",
+  "isReactive",
+  "isReadonly",
+  "isRef",
+  "isRuntimeOnly",
+  "isShallow",
+  "isVNode",
+  "KeepAlive",
+  "KeepAliveProps",
+  "LegacyConfig",
+  "markRaw",
+  "mergeProps",
+  "MethodOptions",
+  "nextTick",
+  "normalizeClass",
+  "normalizeProps",
+  "normalizeStyle",
+  "ObjectDirective",
+  "ObjectEmitsOptions",
+  "onActivated",
+  "onBeforeMount",
+  "onBeforeUnmount",
+  "onBeforeUpdate",
+  "onDeactivated",
+  "onErrorCaptured",
+  "onMounted",
+  "onRenderTracked",
+  "onRenderTriggered",
+  "onScopeDispose",
+  "onServerPrefetch",
+  "onUnmounted",
+  "onUpdated",
+  "openBlock",
+  "OptionMergeFunction",
+  "Plugin",
+  "popScopeId",
+  "Prop",
+  "PropType",
+  "provide",
+  "proxyRefs",
+  "pushScopeId",
+  "queuePostFlushCb",
+  "reactive",
+  "ReactiveEffect",
+  "ReactiveEffectOptions",
+  "ReactiveEffectRunner",
+  "ReactiveFlags",
+  "readonly",
+  "Ref",
+  "ref",
+  "registerRuntimeCompiler",
+  "Renderer",
+  "RendererElement",
+  "RendererNode",
+  "RendererOptions",
+  "RenderFunction",
+  "renderList",
+  "renderSlot",
+  "resolveComponent",
+  "resolveDirective",
+  "resolveDynamicComponent",
+  "resolveTransitionHooks",
+  "RootHydrateFunction",
+  "RootRenderFunction",
+  "RuntimeCompilerOptions",
+  "setBlockTracking",
+  "setDevtoolsHook",
+  "setTransitionHooks",
+  "SetupContext",
+  "ShallowReactive",
+  "shallowReactive",
+  "shallowReadonly",
+  "ShallowRef",
+  "shallowRef",
+  "ShallowUnwrapRef",
+  "Slot",
+  "Slots",
+  "ssrContextKey",
+  "Static",
+  "stop",
+  "Suspense",
+  "SuspenseBoundary",
+  "SuspenseProps",
+  "Teleport",
+  "TeleportProps",
+  "Text",
+  "toDisplayString",
+  "toHandlerKey",
+  "toHandlers",
+  "toRaw",
+  "ToRef",
+  "toRef",
+  "ToRefs",
+  "toRefs",
+  "TrackOpTypes",
+  "transformVNodeArgs",
+  "TransitionHooks",
+  "TransitionState",
+  "TriggerOpTypes",
+  "triggerRef",
+  "unref",
+  "UnwrapNestedRefs",
+  "UnwrapRef",
+  "useAttrs",
+  "useSlots",
+  "useSSRContext",
+  "useTransitionState",
+  "version",
+  "VNode",
+  "VNodeArrayChildren",
+  "VNodeChild",
+  "VNodeNormalizedChildren",
+  "VNodeProps",
+  "VNodeTypes",
+  "warn",
+  "watch",
+  "WatchCallback",
+  "WatchEffect",
+  "watchEffect",
+  "WatchOptions",
+  "WatchOptionsBase",
+  "watchPostEffect",
+  "WatchSource",
+  "WatchStopHandle",
+  "watchSyncEffect",
+  "withCtx",
+  "withDefaults",
+  "withDirectives",
+  "withMemo",
+  "withScopeId",
+  "WritableComputedOptions",
+  "WritableComputedRef",
+  "CSSProperties",
+  "StyleValue",
+  "HTMLAttributes",
+  "AnchorHTMLAttributes",
+  "AreaHTMLAttributes",
+  "AudioHTMLAttributes",
+  "BaseHTMLAttributes",
+  "BlockquoteHTMLAttributes",
+  "ButtonHTMLAttributes",
+  "CanvasHTMLAttributes",
+  "ColHTMLAttributes",
+  "ColgroupHTMLAttributes",
+  "DataHTMLAttributes",
+  "DetailsHTMLAttributes",
+  "DelHTMLAttributes",
+  "DialogHTMLAttributes",
+  "EmbedHTMLAttributes",
+  "FieldsetHTMLAttributes",
+  "FormHTMLAttributes",
+  "HtmlHTMLAttributes",
+  "IframeHTMLAttributes",
+  "ImgHTMLAttributes",
+  "InsHTMLAttributes",
+  "InputHTMLAttributes",
+  "KeygenHTMLAttributes",
+  "LabelHTMLAttributes",
+  "LiHTMLAttributes",
+  "LinkHTMLAttributes",
+  "MapHTMLAttributes",
+  "MenuHTMLAttributes",
+  "MediaHTMLAttributes",
+  "MetaHTMLAttributes",
+  "MeterHTMLAttributes",
+  "QuoteHTMLAttributes",
+  "ObjectHTMLAttributes",
+  "OlHTMLAttributes",
+  "OptgroupHTMLAttributes",
+  "OptionHTMLAttributes",
+  "OutputHTMLAttributes",
+  "ParamHTMLAttributes",
+  "ProgressHTMLAttributes",
+  "ScriptHTMLAttributes",
+  "SelectHTMLAttributes",
+  "SourceHTMLAttributes",
+  "StyleHTMLAttributes",
+  "TableHTMLAttributes",
+  "TextareaHTMLAttributes",
+  "TdHTMLAttributes",
+  "ThHTMLAttributes",
+  "TimeHTMLAttributes",
+  "TrackHTMLAttributes",
+  "VideoHTMLAttributes",
+  "WebViewHTMLAttributes",
+  "SVGAttributes",
+  "Events"
+]
\ No newline at end of file
diff --git a/tests/lib/rules/prefer-import-from-vue.js b/tests/lib/rules/prefer-import-from-vue.js
new file mode 100644
index 000000000..64854fd87
--- /dev/null
+++ b/tests/lib/rules/prefer-import-from-vue.js
@@ -0,0 +1,133 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/prefer-import-from-vue')
+
+const tester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('prefer-import-from-vue', rule, {
+  valid: [
+    `import { createApp } from 'vue'`,
+    `import { ref, reactive } from '@vue/composition-api'`,
+    `export { createApp } from 'vue'`,
+    `export * from 'vue'`,
+    `import Foo from 'foo'`,
+    `import { createApp } from 'vue'
+    export { createApp }`
+  ],
+  invalid: [
+    {
+      code: `import { createApp } from '@vue/runtime-dom'`,
+      output: `import { createApp } from 'vue'`,
+      errors: [
+        {
+          message: "Import from 'vue' instead of '@vue/runtime-dom'.",
+          line: 1,
+          column: 27
+        }
+      ]
+    },
+    {
+      code: `import { computed } from '@vue/runtime-core'`,
+      output: `import { computed } from 'vue'`,
+      errors: [
+        {
+          message: "Import from 'vue' instead of '@vue/runtime-core'.",
+          line: 1,
+          column: 26
+        }
+      ]
+    },
+    {
+      code: `import { computed } from '@vue/reactivity'`,
+      output: `import { computed } from 'vue'`,
+      errors: [
+        {
+          message: "Import from 'vue' instead of '@vue/reactivity'.",
+          line: 1,
+          column: 26
+        }
+      ]
+    },
+    {
+      code: `import { normalizeClass } from '@vue/shared'`,
+      output: `import { normalizeClass } from 'vue'`,
+      errors: [
+        {
+          message: "Import from 'vue' instead of '@vue/shared'.",
+          line: 1,
+          column: 32
+        }
+      ]
+    },
+    {
+      code: `import { unknown } from '@vue/reactivity'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/reactivity'."]
+    },
+    {
+      code: `import { unknown } from '@vue/runtime-dom'`,
+      output: `import { unknown } from 'vue'`,
+      errors: ["Import from 'vue' instead of '@vue/runtime-dom'."]
+    },
+    {
+      code: `import * as Foo from '@vue/reactivity'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/reactivity'."]
+    },
+    {
+      code: `import * as Foo from '@vue/runtime-dom'`,
+      output: `import * as Foo from 'vue'`,
+      errors: ["Import from 'vue' instead of '@vue/runtime-dom'."]
+    },
+    {
+      code: `export * from '@vue/reactivity'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/reactivity'."]
+    },
+    {
+      code: `export * from '@vue/runtime-dom'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/runtime-dom'."]
+    },
+    {
+      code: `export { computed } from '@vue/reactivity'`,
+      output: `export { computed } from 'vue'`,
+      errors: ["Import from 'vue' instead of '@vue/reactivity'."]
+    },
+    {
+      code: `export { computed } from '@vue/runtime-dom'`,
+      output: `export { computed } from 'vue'`,
+      errors: ["Import from 'vue' instead of '@vue/runtime-dom'."]
+    },
+    {
+      code: `export { unknown } from '@vue/reactivity'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/reactivity'."]
+    },
+    {
+      code: `export { unknown } from '@vue/runtime-dom'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/runtime-dom'."]
+    },
+    {
+      code: `import unknown from '@vue/reactivity'`,
+      output: null,
+      errors: ["Import from 'vue' instead of '@vue/reactivity'."]
+    },
+    {
+      code: `import unknown from '@vue/runtime-dom'`,
+      output: `import unknown from 'vue'`,
+      errors: ["Import from 'vue' instead of '@vue/runtime-dom'."]
+    }
+  ]
+})
diff --git a/tools/update-vue3-export-names.js b/tools/update-vue3-export-names.js
new file mode 100644
index 000000000..fcd31b3e3
--- /dev/null
+++ b/tools/update-vue3-export-names.js
@@ -0,0 +1,150 @@
+'use strict'
+
+/*
+ This script updates `lib/utils/vue3-export-names.json` file from vue type.
+ */
+
+const fs = require('fs')
+const path = require('path')
+const https = require('https')
+const { URL } = require('url')
+const tsParser = require('@typescript-eslint/parser')
+
+main()
+
+async function main() {
+  const names = new Set()
+
+  for await (const name of extractExportNames('vue@^3')) {
+    names.add(name)
+  }
+  // Update file.
+  const filePath = path.resolve(
+    __dirname,
+    '../lib/utils/vue3-export-names.json'
+  )
+
+  fs.writeFileSync(filePath, JSON.stringify([...names], null, 2))
+}
+
+async function* extractExportNames(m) {
+  const rootNode = tsParser.parse(await resolveTypeContents(m), {
+    loc: true,
+    range: true
+  })
+  for (const node of rootNode.body) {
+    if (node.type === 'ExportAllDeclaration') {
+      if (node.exported) {
+        yield node.exported.name
+      } else {
+        for await (const name of extractExportNames(node.source.value)) {
+          yield name
+        }
+      }
+    } else if (node.type === 'ExportNamedDeclaration') {
+      if (node.declaration) {
+        if (
+          node.declaration.type === 'ClassDeclaration' ||
+          node.declaration.type === 'ClassExpression' ||
+          node.declaration.type === 'FunctionDeclaration' ||
+          node.declaration.type === 'TSDeclareFunction' ||
+          node.declaration.type === 'TSEnumDeclaration' ||
+          node.declaration.type === 'TSInterfaceDeclaration' ||
+          node.declaration.type === 'TSTypeAliasDeclaration'
+        ) {
+          yield node.declaration.id.name
+        } else if (node.declaration.type === 'VariableDeclaration') {
+          for (const decl of node.declaration.declarations) {
+            yield* extractNamesFromPattern(decl.id)
+          }
+        } else if (node.declaration.type === 'TSModuleDeclaration') {
+          //?
+        }
+      }
+      for (const spec of node.specifiers) {
+        yield spec.exported.name
+      }
+    } else if (node.type === 'ExportDefaultDeclaration') {
+      yield 'default'
+    }
+  }
+}
+
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.ArrayPattern} ArrayPattern
+ * @typedef {import('@typescript-eslint/types').TSESTree.ObjectPattern} ObjectPattern
+ * @typedef {import('@typescript-eslint/types').TSESTree.Identifier} Identifier
+ * @typedef {import('@typescript-eslint/types').TSESTree.AssignmentPattern} AssignmentPattern
+ * @typedef {import('@typescript-eslint/types').TSESTree.MemberExpression} MemberExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.RestElement} RestElement
+ */
+
+/**
+ * @param {Identifier|ArrayPattern|ObjectPattern|AssignmentPattern|MemberExpression|RestElement} node
+ */
+function* extractNamesFromPattern(node) {
+  if (node.type === 'Identifier') {
+    yield node.name
+  } else if (node.type === 'ArrayPattern') {
+    for (const element of node.elements) {
+      yield* extractNamesFromPattern(element)
+    }
+  } else if (node.type === 'ObjectPattern') {
+    for (const prop of node.properties) {
+      if (prop.type === 'Property') {
+        yield prop.key.name
+      } else if (prop.type === 'RestElement') {
+        yield* extractNamesFromPattern(prop)
+      }
+    }
+  } else if (node.type === 'AssignmentPattern') {
+    yield* extractNamesFromPattern(node.left)
+  } else if (node.type === 'RestElement') {
+    yield* extractNamesFromPattern(node.argument)
+  } else if (node.type === 'MemberExpression') {
+    // ?
+  }
+}
+async function resolveTypeContents(m) {
+  const packageJsonText = await httpGet(`https://unpkg.com/${m}/package.json`)
+  const packageJson = JSON.parse(packageJsonText)
+
+  let typesPath =
+    (packageJson.exports &&
+      packageJson.exports['.'] &&
+      packageJson.exports['.'].types) ||
+    packageJson.types
+  if (typesPath.startsWith('./')) {
+    typesPath = typesPath.slice(2)
+  }
+  return await httpGet(`https://unpkg.com/${m}/${typesPath}`)
+}
+
+function httpGet(url) {
+  return new Promise((resolve, reject) => {
+    let result = ''
+    https
+      .get(url, (res) => {
+        if (res.statusCode && res.statusCode >= 300 && res.statusCode < 400) {
+          // redirect
+          let redirectUrl = res.headers.location
+          if (!redirectUrl.startsWith('http')) {
+            const baseUrl = new URL(url)
+            baseUrl.pathname = redirectUrl
+            redirectUrl = String(baseUrl)
+          }
+          resolve(httpGet(redirectUrl))
+          return
+        }
+        res.setEncoding('utf8')
+        res.on('data', (chunk) => {
+          result += String(chunk)
+        })
+        res.on('end', () => {
+          resolve(result)
+        })
+        res.on('error', reject)
+      })
+      .on('error', reject)
+  })
+}
diff --git a/tools/update.js b/tools/update.js
index fc1e2e6bd..266aedbcc 100644
--- a/tools/update.js
+++ b/tools/update.js
@@ -10,3 +10,7 @@ require('./update-lib-configs')
 require('./update-lib-index')
 require('./update-docs')
 require('./update-docs-rules-index')
+
+if (process.env.IN_VERSION_SCRIPT) {
+  require('./update-vue3-export-names')
+}
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index eff4f983b..bafff6d2b 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -267,7 +267,7 @@ export interface ImportDeclaration extends HasParentNode {
     | ImportDefaultSpecifier
     | ImportNamespaceSpecifier
   )[]
-  source: Literal
+  source: Literal & { value: string }
 }
 export interface ImportSpecifier extends HasParentNode {
   type: 'ImportSpecifier'
@@ -286,10 +286,11 @@ export interface ExportNamedDeclaration extends HasParentNode {
   type: 'ExportNamedDeclaration'
   declaration?: Declaration | null
   specifiers: ExportSpecifier[]
-  source?: Literal | null
+  source?: (Literal & { value: string }) | null
 }
 export interface ExportSpecifier extends HasParentNode {
   type: 'ExportSpecifier'
+  local: Identifier
   exported: Identifier
 }
 export interface ExportDefaultDeclaration extends HasParentNode {
@@ -298,7 +299,7 @@ export interface ExportDefaultDeclaration extends HasParentNode {
 }
 export interface ExportAllDeclaration extends HasParentNode {
   type: 'ExportAllDeclaration'
-  source: Literal
+  source: Literal & { value: string }
   exported: Identifier | null
 }
 export interface ImportExpression extends HasParentNode {

From 2377cfa037f81de27d61eec7d6a2968b36be3600 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 22 Feb 2022 18:00:16 +0900
Subject: [PATCH 0462/1010] 8.5.0

---
 docs/rules/prefer-import-from-vue.md          | 6 +++++-
 docs/rules/prefer-true-attribute-shorthand.md | 6 +++++-
 package.json                                  | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
index e645d916a..3190beac1 100644
--- a/docs/rules/prefer-import-from-vue.md
+++ b/docs/rules/prefer-import-from-vue.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-import-from-vue
 description: enforce import from 'vue' instead of import from '@vue/*'
+since: v8.5.0
 ---
 # vue/prefer-import-from-vue
 
 > enforce import from 'vue' instead of import from '@vue/*'
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -46,6 +46,10 @@ import { ref } from '@vue/reactivity'
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-import-from-vue.js)
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index b2b521b6a..4dc6a07ef 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-true-attribute-shorthand
 description: require shorthand form attribute when `v-bind` value is `true`
+since: v8.5.0
 ---
 # vue/prefer-true-attribute-shorthand
 
 > require shorthand form attribute when `v-bind` value is `true`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -104,6 +104,10 @@ Default options is `"always"`.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-true-attribute-shorthand.js)
diff --git a/package.json b/package.json
index 4579c6545..7abecb3f1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.4.1",
+  "version": "8.5.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 508ea0e14ef2c882623f812b7a0237369b532a66 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Tue, 22 Feb 2022 12:46:04 +0100
Subject: [PATCH 0463/1010] Link to related rules in docs (#1807)

---
 docs/rules/no-boolean-default.md              | 5 +++++
 docs/rules/prefer-true-attribute-shorthand.md | 4 ++++
 docs/rules/require-default-prop.md            | 4 ++++
 3 files changed, 13 insertions(+)

diff --git a/docs/rules/no-boolean-default.md b/docs/rules/no-boolean-default.md
index c64beb212..f9571df84 100644
--- a/docs/rules/no-boolean-default.md
+++ b/docs/rules/no-boolean-default.md
@@ -45,6 +45,11 @@ export default {
   "vue/no-boolean-default": ["error", "no-default|default-false"]
 ```
 
+## :couple: Related Rules
+
+- [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md)
+- [vue/require-default-prop](./require-default-prop.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.0.0
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index 4dc6a07ef..22c2c4f71 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -104,6 +104,10 @@ Default options is `"always"`.
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/no-boolean-default](./no-boolean-default.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v8.5.0
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index eb3a55d6f..4d97e16c7 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -65,6 +65,10 @@ Nothing.
 
 - [Style guide - Prop definitions](https://vuejs.org/style-guide/rules-essential.html#use-detailed-prop-definitions)
 
+## :couple: Related Rules
+
+- [vue/no-boolean-default](./no-boolean-default.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v3.13.0

From 8f094200664a2b10bc597016f5486066a174e098 Mon Sep 17 00:00:00 2001
From: lsdsjy <lsdsjy@163.com>
Date: Mon, 7 Mar 2022 07:44:33 +0800
Subject: [PATCH 0464/1010] Auto-fix for vue/component-tags-order (#1811)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 🎸 finish sort order

* Auto-fix for vue/component-tags-order

* use fix:true and output for test case

Apply suggestions from code review

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* fix lint

Co-authored-by: IWANABETHATGUY <974153916@qq.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                    |   4 +-
 docs/rules/component-tags-order.md      |  15 +--
 lib/rules/component-tags-order.js       |  51 ++++++----
 tests/lib/rules/component-tags-order.js | 122 +++++++++++++++++++++---
 4 files changed, 151 insertions(+), 41 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 5b2d22293..3d4a9b2e3 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -167,7 +167,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench: |
 | [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
@@ -283,7 +283,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements |  |
+| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench: |
 | [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index bd47f2d8c..9b053ab21 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -10,6 +10,7 @@ since: v6.1.0
 > enforce order of component top-level elements
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
@@ -29,7 +30,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 ### `{ "order": [ [ "script", "template" ], "style" ] }` (default)
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error']}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error']}">
 
 ```vue
 <!-- ✓ GOOD -->
@@ -40,7 +41,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error']}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error']}">
 
 ```vue
 <!-- ✓ GOOD -->
@@ -51,7 +52,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error']}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error']}">
 
 ```vue
 <!-- ✗ BAD -->
@@ -64,7 +65,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 ### `{ "order": ["template", "script", "style"] }`
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
 
 ```vue
 <!-- ✓ GOOD -->
@@ -75,7 +76,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
 
 ```vue
 <!-- ✗ BAD -->
@@ -88,7 +89,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 ### `{ "order": ["docs", "template", "script", "style"] }`
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
 
 ```vue
 <!-- ✓ GOOD -->
@@ -100,7 +101,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
-<eslint-code-block :rules="{'vue/component-tags-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
 
 ```vue
 <!-- ✗ BAD -->
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index dc7da9725..afb624f9f 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -24,7 +24,7 @@ module.exports = {
       categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
-    fixable: null,
+    fixable: 'code',
     schema: [
       {
         type: 'object',
@@ -87,30 +87,13 @@ module.exports = {
       return []
     }
 
-    /**
-     * @param {VElement} element
-     * @param {VElement} firstUnorderedElement
-     */
-    function report(element, firstUnorderedElement) {
-      context.report({
-        node: element,
-        loc: element.loc,
-        messageId: 'unexpected',
-        data: {
-          name: element.name,
-          firstUnorderedName: firstUnorderedElement.name,
-          line: firstUnorderedElement.loc.start.line
-        }
-      })
-    }
-
     return {
       Program(node) {
         if (utils.hasInvalidEOF(node)) {
           return
         }
         const elements = getTopLevelHTMLElements()
-
+        const sourceCode = context.getSourceCode()
         elements.forEach((element, index) => {
           const expectedIndex = getOrderPosition(element.name)
           if (expectedIndex < 0) {
@@ -123,7 +106,35 @@ module.exports = {
               (e1, e2) => getOrderPosition(e1.name) - getOrderPosition(e2.name)
             )[0]
           if (firstUnordered) {
-            report(element, firstUnordered)
+            context.report({
+              node: element,
+              loc: element.loc,
+              messageId: 'unexpected',
+              data: {
+                name: element.name,
+                firstUnorderedName: firstUnordered.name,
+                line: firstUnordered.loc.start.line
+              },
+              *fix(fixer) {
+                // insert element before firstUnordered
+                const fixedElements = elements.flatMap((it) => {
+                  if (it === firstUnordered) {
+                    return [element, it]
+                  } else if (it === element) {
+                    return []
+                  }
+                  return [it]
+                })
+                for (let i = elements.length - 1; i >= 0; i--) {
+                  if (elements[i] !== fixedElements[i]) {
+                    yield fixer.replaceTextRange(
+                      elements[i].range,
+                      sourceCode.text.slice(...fixedElements[i].range)
+                    )
+                  }
+                }
+              }
+            })
           }
         })
       }
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 0c40d4997..1992d6fd2 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -9,6 +9,26 @@
 
 const rule = require('../../../lib/rules/component-tags-order')
 const RuleTester = require('eslint').RuleTester
+const assert = require('assert')
+const { ESLint } = require('../../eslint-compat')
+
+// Initialize linter.
+const eslint = new ESLint({
+  overrideConfig: {
+    parser: require.resolve('vue-eslint-parser'),
+    parserOptions: {
+      ecmaVersion: 2015
+    },
+    plugins: ['vue'],
+    rules: {
+      'vue/comment-directive': 'error',
+      'vue/component-tags-order': 'error'
+    }
+  },
+  useEslintrc: false,
+  plugins: { vue: require('../../../lib/index') },
+  fix: true
+})
 
 // ------------------------------------------------------------------------------
 // Tests
@@ -108,7 +128,8 @@ tester.run('component-tags-order', rule, {
           line: 1,
           column: 37
         }
-      ]
+      ],
+      output: '<template></template><style></style><script></script>'
     },
     {
       code: '<template></template><script></script><style></style>',
@@ -119,7 +140,8 @@ tester.run('component-tags-order', rule, {
           line: 1,
           column: 22
         }
-      ]
+      ],
+      output: '<script></script><template></template><style></style>'
     },
     {
       code: `
@@ -133,7 +155,14 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <style> on line 4.',
           line: 6
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '\n' +
+        '        <script></script>\n' +
+        '\n' +
+        '        <style></style>'
     },
     {
       code: `
@@ -147,7 +176,13 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <template> on line 2.',
           line: 3
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '      '
     },
     {
       code: `
@@ -161,7 +196,13 @@ tester.run('component-tags-order', rule, {
           message: 'The <template> should be above the <script> on line 2.',
           line: 3
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <script></script>\n' +
+        '        <style></style>\n' +
+        '      '
     },
     {
       code: `
@@ -176,7 +217,14 @@ tester.run('component-tags-order', rule, {
           message: 'The <docs> should be above the <template> on line 2.',
           line: 3
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <docs></docs>\n' +
+        '        <template></template>\n' +
+        '        <script></script>\n' +
+        '        <style></style>\n' +
+        '      '
     },
     {
       code: `
@@ -191,7 +239,14 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <template> on line 2.',
           line: 4
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <docs></docs>\n' +
+        '        <style></style>\n' +
+        '      '
     },
     {
       code: `
@@ -207,7 +262,15 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <template> on line 2.',
           line: 5
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <docs>\n' +
+        '        </docs>\n' +
+        '        <style></style>\n' +
+        '      '
     },
     {
       code: `
@@ -220,7 +283,9 @@ tester.run('component-tags-order', rule, {
           message: 'The <template> should be above the <script> on line 2.',
           line: 3
         }
-      ]
+      ],
+      output:
+        '\n        <template></template>\n        <script></script>\n      '
     },
     {
       code: `
@@ -237,7 +302,13 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <style> on line 2.',
           line: 4
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '        <script></script>\n' +
+        '      '
     },
     {
       code: `
@@ -255,7 +326,14 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <style> on line 2.',
           line: 5
         }
-      ]
+      ],
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '        <docs></docs>\n' +
+        '        <script></script>\n' +
+        '      '
     },
     // no <template>
     {
@@ -268,7 +346,27 @@ tester.run('component-tags-order', rule, {
           message: 'The <script> should be above the <style> on line 2.',
           line: 3
         }
-      ]
+      ],
+      output: '\n        <script></script>\n        <style></style>\n      '
     }
   ]
 })
+
+describe('suppress reporting with eslint-disable-next-line', () => {
+  it('do not report if <!-- eslint-disable-next-line -->', async () => {
+    const code = `<style></style><template></template>
+    <!-- eslint-disable-next-line vue/component-tags-order -->
+    <script></script>`
+    const [{ messages, output }] = await eslint.lintText(code, {
+      filePath: 'test.vue'
+    })
+    assert.strictEqual(messages.length, 0)
+    // should not fix <script>
+    assert.strictEqual(
+      output,
+      `<template></template><style></style>
+    <!-- eslint-disable-next-line vue/component-tags-order -->
+    <script></script>`
+    )
+  })
+})

From 0924d62881d29f32f65f0c7e48006e46e627a075 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 19 Mar 2022 03:11:51 +0100
Subject: [PATCH 0465/1010] Lint docs (#1821)

* Add rule docs headings checker

* Fix typo in rule docs heading

* Standardize heading order in rule docs

* Add markdownlint

* Use `dash` style for all unordered lists

`ul-style` MarkdownLint rule

* Standardize unordered list indentation

`ul-indent` MarkdownLint rule

* Remove trailing spaces

`no-trailing-spaces` MarkdownLint rule

* Collapse consecutive empty lines

`no-multiple-blanks` MarkdownLint rule

* Add empty line after headings

`blanks-around-headings` MarkdownLint rule

* Add empty lines after code blocks

`blanks-around-fences` MarkdownLint rule

* Add empty lines before lists

`blanks-around-lists` MarkdownLint rule

* Add link title

`no-bare-urls` MarkdownLint rule

* Convert bold paragraph to heading

`no-emphasis-as-heading` MarkdownLint rule

* Fix trailing space in inline code

`no-space-in-code` MarkdownLint rule

* Add language to code blocks

`fenced-code-language` MarkdownLint rule

* Disable `no-inline-html` MarkdownLint rule in one place

* Fix wrong link syntax
---
 .markdownlint.yml                             | 23 ++++++++
 .markdownlintignore                           |  1 +
 docs/rules/README.md                          |  1 -
 docs/rules/custom-event-name-casing.md        | 10 ++--
 docs/rules/html-closing-bracket-newline.md    |  8 +--
 docs/rules/html-closing-bracket-spacing.md    | 12 ++--
 docs/rules/html-comment-content-newline.md    | 23 ++++----
 docs/rules/html-comment-content-spacing.md    | 15 +++--
 docs/rules/max-len.md                         |  1 -
 .../new-line-between-multi-line-property.md   |  2 +-
 docs/rules/next-tick-style.md                 |  1 +
 docs/rules/no-bare-strings-in-template.md     |  1 -
 docs/rules/no-boolean-default.md              |  3 +-
 docs/rules/no-custom-modifiers-on-v-model.md  |  2 +-
 docs/rules/no-empty-component-block.md        |  2 +-
 docs/rules/no-invalid-model-keys.md           |  1 -
 docs/rules/no-parsing-error.md                |  8 +--
 .../no-potential-component-option-typo.md     |  4 +-
 docs/rules/no-restricted-class.md             |  1 +
 docs/rules/no-restricted-custom-event.md      |  1 -
 docs/rules/no-restricted-syntax.md            |  1 -
 ...-spaces-around-equal-signs-in-attribute.md |  2 +-
 docs/rules/no-textarea-mustache.md            |  1 +
 docs/rules/no-this-in-before-route-enter.md   |  2 +-
 docs/rules/no-unregistered-components.md      |  4 +-
 docs/rules/no-use-v-if-with-v-for.md          |  5 +-
 docs/rules/no-v-model-argument.md             |  1 -
 docs/rules/order-in-components.md             |  1 -
 docs/rules/padding-line-between-blocks.md     |  1 -
 docs/rules/prefer-true-attribute-shorthand.md |  4 +-
 docs/rules/prop-name-casing.md                |  8 +--
 docs/rules/require-component-is.md            |  2 -
 docs/rules/require-default-prop.md            |  8 +--
 docs/rules/return-in-computed-property.md     |  1 +
 docs/rules/script-indent.md                   |  1 +
 ...singleline-html-element-content-newline.md |  3 -
 docs/rules/sort-keys.md                       | 58 +++++++++----------
 docs/rules/this-in-template.md                |  1 +
 docs/rules/v-bind-style.md                    |  1 +
 docs/rules/v-for-delimiter-style.md           |  1 +
 docs/rules/v-on-event-hyphenation.md          | 10 ++--
 docs/rules/v-on-style.md                      |  1 +
 package.json                                  |  5 +-
 tools/update-docs.js                          | 39 +++++++++++++
 44 files changed, 170 insertions(+), 111 deletions(-)
 create mode 100644 .markdownlint.yml
 create mode 100644 .markdownlintignore

diff --git a/.markdownlint.yml b/.markdownlint.yml
new file mode 100644
index 000000000..cb76e21d5
--- /dev/null
+++ b/.markdownlint.yml
@@ -0,0 +1,23 @@
+line-length: false
+single-title: false
+no-inline-html:
+  allowed_elements:
+    - badge
+    - eslint-code-block
+    - sup
+
+# enforce consistency
+code-block-style:
+  style: fenced
+code-fence-style:
+  style: backtick
+emphasis-style:
+  style: asterisk
+heading-style:
+  style: atx
+hr-style:
+  style: ---
+strong-style:
+  style: asterisk
+ul-style:
+  style: dash
diff --git a/.markdownlintignore b/.markdownlintignore
new file mode 100644
index 000000000..3c3629e64
--- /dev/null
+++ b/.markdownlintignore
@@ -0,0 +1 @@
+node_modules
diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3d4a9b2e3..6e879b2f6 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -12,7 +12,6 @@ sidebarDepth: 0
   :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
 
-
 ## Base Rules (Enabling Correct ESLint Parsing)
 
 Enforce all the rules in this category, as well as all higher priority rules, with:
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index ecc130fbe..a2c4d3644 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -163,6 +163,11 @@ export default {
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md)
+- [vue/prop-name-casing](./prop-name-casing.md)
+
 ## :books: Further Reading
 
 - [Guide - Custom Events]
@@ -171,11 +176,6 @@ export default {
 [Guide - Custom Events]: https://vuejs.org/guide/components/events.html
 [Guide (for v2) - Custom Events]: https://v2.vuejs.org/v2/guide/components-custom-events.html
 
-## :couple: Related Rules
-
-- [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md)
-- [vue/prop-name-casing](./prop-name-casing.md)
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.0.0
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index df3a8ac3c..ac6c505d8 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -66,11 +66,11 @@ This rule aims to warn the right angle brackets which are at the location other
 ```
 
 - `singleline` ... the configuration for single-line elements. It's a single-line element if the element does not have attributes or the last attribute is on the same line as the opening bracket.
-    - `"never"` (default) ... disallow line breaks before the closing bracket.
-    - `"always"` ... require one line break before the closing bracket.
+  - `"never"` (default) ... disallow line breaks before the closing bracket.
+  - `"always"` ... require one line break before the closing bracket.
 - `multiline` ... the configuration for multiline elements. It's a multiline element if the last attribute is not on the same line of the opening bracket.
-    - `"never"` ... disallow line breaks before the closing bracket.
-    - `"always"` (default) ... require one line break before the closing bracket.
+  - `"never"` ... disallow line breaks before the closing bracket.
+  - `"always"` (default) ... require one line break before the closing bracket.
 
 Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-level of the closing brackets.
 
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index ee2a608d2..6bbbff216 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -55,14 +55,14 @@ This rule aims to enforce consistent spacing style before closing brackets `>` o
 ```
 
 - `startTag` (`"always" | "never"`) ... Setting for the `>` of start tags (e.g. `<div>`). Default is `"never"`.
-    - `"always"` ... requires one or more spaces.
-    - `"never"` ... disallows spaces.
+  - `"always"` ... requires one or more spaces.
+  - `"never"` ... disallows spaces.
 - `endTag` (`"always" | "never"`) ... Setting for the `>` of end tags (e.g. `</div>`). Default is `"never"`.
-    - `"always"` ... requires one or more spaces.
-    - `"never"` ... disallows spaces.
+  - `"always"` ... requires one or more spaces.
+  - `"never"` ... disallows spaces.
 - `selfClosingTag` (`"always" | "never"`) ... Setting for the `/>` of self-closing tags (e.g. `<div/>`). Default is `"always"`.
-    - `"always"` ... requires one or more spaces.
-    - `"never"` ... disallows spaces.
+  - `"always"` ... requires one or more spaces.
+  - `"never"` ... disallows spaces.
 
 ### `"startTag": "always", "endTag": "always", "selfClosingTag": "always"`
 
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index eb543a753..807ecb5db 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -56,21 +56,21 @@ This rule will enforce consistency of line break after the `<!--` and before the
 ```
 
 - The first option is either an object with `"singleline"` and `"multiline"` keys.
-    - `singleline` ... the configuration for single-line comments.
-        - `"never"` (default) ... disallow line breaks after the `<!--` and before the `-->`.
-        - `"always"` ... require one line break after the `<!--` and before the `-->`.
-    - `multiline` ... the configuration for multiline comments.
-        - `"never"` ... disallow line breaks after the `<!--` and before the `-->`.
-        - `"always"` (default) ... require one line break after the `<!--` and before the `-->`.
+  - `singleline` ... the configuration for single-line comments.
+    - `"never"` (default) ... disallow line breaks after the `<!--` and before the `-->`.
+    - `"always"` ... require one line break after the `<!--` and before the `-->`.
+  - `multiline` ... the configuration for multiline comments.
+    - `"never"` ... disallow line breaks after the `<!--` and before the `-->`.
+    - `"always"` (default) ... require one line break after the `<!--` and before the `-->`.
 
-    You can also set the same value for both `singleline` and `multiline` by specifies a string.
+  You can also set the same value for both `singleline` and `multiline` by specifies a string.
 
 - This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
-    - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
+  - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
 
-    ```json
-    "vue/html-comment-content-newline": ["error", { ... }, { "exceptions": ["*"] }]
-    ```
+  ```json
+  "vue/html-comment-content-newline": ["error", { ... }, { "exceptions": ["*"] }]
+  ```
 
 ### `"always"`
 
@@ -162,7 +162,6 @@ This rule will enforce consistency of line break after the `<!--` and before the
 
 </eslint-code-block>
 
-
 ### `{"singleline": "ignore", "multiline": "always"}`
 
 <eslint-code-block fix :rules="{'vue/html-comment-content-newline': ['error', { 'singleline': 'ignore', 'multiline': 'always' }]}">
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
index 70d6d78a9..e5e5b4cf6 100644
--- a/docs/rules/html-comment-content-spacing.md
+++ b/docs/rules/html-comment-content-spacing.md
@@ -48,17 +48,16 @@ Whitespace after the `<!--` and before the `-->` makes it easier to read text in
 ```
 
 - The first is a string which be either `"always"` or `"never"`. The default is `"always"`.
-    - `"always"` (default) ... there must be at least one whitespace at after the `<!--` and before the `-->`.
-    - `"never"` ... there should be no whitespace at after the `<!--` and before the `-->`.
-
+  - `"always"` (default) ... there must be at least one whitespace at after the `<!--` and before the `-->`.
+  - `"never"` ... there should be no whitespace at after the `<!--` and before the `-->`.
 
 - This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
-    - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
-    Please note that exceptions are ignored if the first argument is `"never"`.
+  - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
+  Please note that exceptions are ignored if the first argument is `"never"`.
 
-    ```json
-    "vue/html-comment-content-spacing": ["error", "always", { "exceptions": ["*"] }]
-    ```
+  ```json
+  "vue/html-comment-content-spacing": ["error", "always", { "exceptions": ["*"] }]
+  ```
 
 ### `"always"`
 
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index 19663f167..deca2e721 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -112,7 +112,6 @@ var foo = ['line', 'length', 'is', '50', '......']
 
 </eslint-code-block>
 
-
 ### `"template": 120`
 
 <eslint-code-block :rules="{'vue/max-len': ['error', {template: 120}]}">
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index 4af4e59c3..c8cee19ee 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -75,7 +75,7 @@ export default {
 
 </eslint-code-block>
 
-## :wrench: Option
+## :wrench: Options
 
 ```json
 {
diff --git a/docs/rules/next-tick-style.md b/docs/rules/next-tick-style.md
index 683d5d921..077699e82 100644
--- a/docs/rules/next-tick-style.md
+++ b/docs/rules/next-tick-style.md
@@ -46,6 +46,7 @@ export default {
 </eslint-code-block>
 
 ## :wrench: Options
+
 Default is set to `promise`.
 
 ```json
diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index f462ca21a..adf12bffd 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -16,7 +16,6 @@ In order to be able to internationalize your application, you will need to avoid
 
 This rule was inspired by [no-bare-strings rule in ember-template-lint](https://github.com/ember-template-lint/ember-template-lint/blob/master/docs/rule/no-bare-strings.md).
 
-
 <eslint-code-block :rules="{'vue/no-bare-strings-in-template': ['error']}">
 
 ```vue
diff --git a/docs/rules/no-boolean-default.md b/docs/rules/no-boolean-default.md
index f9571df84..d0782c60e 100644
--- a/docs/rules/no-boolean-default.md
+++ b/docs/rules/no-boolean-default.md
@@ -13,8 +13,8 @@ since: v7.0.0
 
 The rule prevents Boolean props from having a default value.
 
-
 ## :book: Rule Details
+
 The rule is to enforce the HTML standard of always defaulting boolean attributes to false.
 
 <eslint-code-block fix :rules="{'vue/no-boolean-default': ['error']}">
@@ -38,6 +38,7 @@ export default {
 </eslint-code-block>
 
 ## :wrench: Options
+
 - `'no-default'` (default) allows a prop definition object, but enforces that the `default` property not be defined.
 - `'default-false'` enforces that the default can be set but must be set to `false`.
 
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index 092ee325c..673565cad 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -11,7 +11,7 @@ since: v7.0.0
 
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 
-This rule checks whether `v-model `used on the component do not have custom modifiers.
+This rule checks whether `v-model` used on the component do not have custom modifiers.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index 5a15b6d7d..7e6104aea 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -14,7 +14,7 @@ since: v7.0.0
 This rule disallows the `<template>` `<script>` `<style>` block to be empty.
 
 This rule also checks block what has attribute `src`.
-See: https://vue-loader.vuejs.org/spec.html#src-imports
+See [Vue Single-File Component (SFC) Spec](https://vue-loader.vuejs.org/spec.html#src-imports).
 
 <eslint-code-block :rules="{'vue/no-empty-component-block': ['error']}">
 
diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
index 615b69855..1a46e9a47 100644
--- a/docs/rules/no-invalid-model-keys.md
+++ b/docs/rules/no-invalid-model-keys.md
@@ -108,7 +108,6 @@ export default {
 
 </eslint-code-block>
 
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.9.0
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index 811fd06af..61832037f 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -16,10 +16,10 @@ This rule reports syntax errors in `<template>`. For example:
 - Syntax errors of scripts in directives.
 - Syntax errors of scripts in mustaches.
 - Syntax errors of HTML.
-    - Invalid end tags.
-    - Attributes in end tags.
-    - ...
-    - See also: [WHATWG HTML spec](https://html.spec.whatwg.org/multipage/parsing.html#parse-errors)
+  - Invalid end tags.
+  - Attributes in end tags.
+  - ...
+  - See also: [WHATWG HTML spec](https://html.spec.whatwg.org/multipage/parsing.html#parse-errors)
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index bcd2d4ed3..871af5de2 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 This rule disallow a potential typo in your component options
 
-**Here is the config**
+### Here is the config
 
 ```json
 {
@@ -59,7 +59,7 @@ export default {
 
 > we use edit distance to compare two string similarity, threshold is an option to control upper bound of edit distance to report
 
-**Here is the another example about config option `threshold`**
+### Here is the another example about config option `threshold`
 
 ```json
 {
diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
index c4919ebd6..d67e5d8b2 100644
--- a/docs/rules/no-restricted-class.md
+++ b/docs/rules/no-restricted-class.md
@@ -70,6 +70,7 @@ export default {
 }
 </script>
 ```
+
 :::
 
 ## :rocket: Version
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
index f18edc3f3..bc48def0a 100644
--- a/docs/rules/no-restricted-custom-event.md
+++ b/docs/rules/no-restricted-custom-event.md
@@ -53,7 +53,6 @@ export default {
 
 </eslint-code-block>
 
-
 Alternatively, the rule also accepts objects.
 
 ```json
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 958bbad8e..dcde6897a 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -11,7 +11,6 @@ since: v5.2.0
 
 This rule is the same rule as core [no-restricted-syntax] rule but it applies to the expressions in `<template>`.
 
-
 ## :wrench: Options
 
 Please see [no-restricted-syntax] for detailed options.
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index f13feee2a..bb3a7ff6c 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -43,7 +43,7 @@ HTML5 allows spaces around equal signs. But space-less is easier to read, and gr
 
 ## :books: Further Reading
 
-* [HTML5 Style Guide - W3Schools *Spaces and Equal Signs*](https://www.w3schools.com/html/html5_syntax.asp)
+- [HTML5 Style Guide - W3Schools *Spaces and Equal Signs*](https://www.w3schools.com/html/html5_syntax.asp)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 4c26b6bf0..3676d4a0b 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -29,6 +29,7 @@ This rule reports mustaches in `<textarea>`.
 
 </eslint-code-block>
 
+<!-- markdownlint-disable-next-line no-inline-html -->
 <div v-pre>
 
 ::: warning Note
diff --git a/docs/rules/no-this-in-before-route-enter.md b/docs/rules/no-this-in-before-route-enter.md
index 2871a617f..0771bbb9c 100644
--- a/docs/rules/no-this-in-before-route-enter.md
+++ b/docs/rules/no-this-in-before-route-enter.md
@@ -11,7 +11,7 @@ since: v7.11.0
 
 ## :book: Rule Details
 
-Because lack of `this` in the `beforeRouteEnter` [(docs)](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards). This behavior isn't obvious, so it's pretty easy to make a `TypeError`. Especially during some refactor. 
+Because lack of `this` in the `beforeRouteEnter` [(docs)](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards). This behavior isn't obvious, so it's pretty easy to make a `TypeError`. Especially during some refactor.
 
 <eslint-code-block :rules="{'vue/no-this-in-before-route-enter': ['error']}">
 
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 761431cff..16b5c8a1b 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -16,8 +16,8 @@ since: v7.0.0
 This rule reports components that haven't been registered and are being used in the template.
 
 ::: warning Note
-This rule cannot check globally registered components and components registered in mixins 
-unless you add them as part of the ignored patterns. `component`, `suspense` and `teleport` 
+This rule cannot check globally registered components and components registered in mixins
+unless you add them as part of the ignored patterns. `component`, `suspense` and `teleport`
 are ignored by default.
 :::
 
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index b8de1a17f..62656cd2e 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -16,8 +16,9 @@ since: v4.6.0
 This rule is aimed at preventing the use of `v-for` directives together with `v-if` directives on the same element.
 
 There are two common cases where this can be tempting:
- * To filter items in a list (e.g. `v-for="user in users" v-if="user.isActive"`). In these cases, replace `users` with a new computed property that returns your filtered list (e.g. `activeUsers`).
- * To avoid rendering a list if it should be hidden (e.g. `v-for="user in users" v-if="shouldShowUsers"`). In these cases, move the `v-if` to a container element (e.g. `ul`, `ol`).
+
+- To filter items in a list (e.g. `v-for="user in users" v-if="user.isActive"`). In these cases, replace `users` with a new computed property that returns your filtered list (e.g. `activeUsers`).
+- To avoid rendering a list if it should be hidden (e.g. `v-for="user in users" v-if="shouldShowUsers"`). In these cases, move the `v-if` to a container element (e.g. `ul`, `ol`).
 
 <eslint-code-block :rules="{'vue/no-use-v-if-with-v-for': ['error']}">
 
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index 4571893c6..d020bbbab 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -34,7 +34,6 @@ This rule reports `v-model` directives in the following cases:
 
 </eslint-code-block>
 
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 99d714210..f8274810e 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -110,7 +110,6 @@ export default {
 
   If an element is an array of strings, it means any of those can be placed there unordered. Default is above.
 
-
 ## :books: Further Reading
 
 - [Style guide - Component/instance options order](https://vuejs.org/style-guide/rules-recommended.html#component-instance-options-order)
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 7e1e058e1..636308956 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -134,7 +134,6 @@ export default {}
 [padding-line-between-statements]: https://eslint.org/docs/rules/padding-line-between-statements
 [lines-between-class-members]: https://eslint.org/docs/rules/lines-between-class-members
 
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v6.2.0
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index 22c2c4f71..f2704f4cd 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -54,7 +54,7 @@ export default {
 <MyComponent bool bool-or-string string-or-bool />
 ```
 
-```
+```plain
 bool: true (boolean)
 boolOrString: true (boolean)
 stringOrBool: "" (string)
@@ -66,7 +66,7 @@ stringOrBool: "" (string)
 <MyComponent :bool="true" :bool-or-string="true" :string-or-bool="true" />
 ```
 
-```
+```plain
 bool: true (boolean)
 boolOrString: true (boolean)
 stringOrBool: true (boolean)
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 2cdeec52a..4f32bfa17 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -66,15 +66,15 @@ export default {
 
 </eslint-code-block>
 
-## :books: Further Reading
-
-- [Style guide - Prop name casing](https://vuejs.org/style-guide/rules-strongly-recommended.html#prop-name-casing)
-
 ## :couple: Related Rules
 
 - [vue/attribute-hyphenation](./attribute-hyphenation.md)
 - [vue/custom-event-name-casing](./custom-event-name-casing.md)
 
+## :books: Further Reading
+
+- [Style guide - Prop name casing](https://vuejs.org/style-guide/rules-strongly-recommended.html#prop-name-casing)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v4.3.0
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 767e9a930..5ced4d87a 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -15,7 +15,6 @@ since: v3.0.0
 
 This rule reports the `<component>` elements which do not have `v-bind:is` attributes.
 
-
 <eslint-code-block :rules="{'vue/require-component-is': ['error']}">
 
 ```vue
@@ -36,7 +35,6 @@ This rule reports the `<component>` elements which do not have `v-bind:is` attri
 You can use the same mount point and dynamically switch between multiple components using the reserved `<component>` element and dynamically bind to its `is` attribute.
 :::
 
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index 4d97e16c7..44fba0f29 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -61,14 +61,14 @@ export default {
 
 Nothing.
 
-## :books: Further Reading
-
-- [Style guide - Prop definitions](https://vuejs.org/style-guide/rules-essential.html#use-detailed-prop-definitions)
-
 ## :couple: Related Rules
 
 - [vue/no-boolean-default](./no-boolean-default.md)
 
+## :books: Further Reading
+
+- [Style guide - Prop definitions](https://vuejs.org/style-guide/rules-essential.html#use-detailed-prop-definitions)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v3.13.0
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index d18a1b274..01ac63260 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -90,6 +90,7 @@ export default {
 ```
 
 This rule has an object option:
+
 - `"treatUndefinedAsUnspecified"`: `true` (default) disallows implicitly returning undefined with a `return` statement.
 
 ### `treatUndefinedAsUnspecified: false`
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index d4e7d54ec..4cf865046 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -84,6 +84,7 @@ This rule only checks `.vue` files and does not interfere with other `.js` files
 ```
 
 ### `2, "baseIndent": 1`
+
 <eslint-code-block fix :rules="{'vue/script-indent': ['error', 2, { 'baseIndent': 1 }]}">
 
 ```vue
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index d9c2e0be7..8e6dadf3d 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -16,7 +16,6 @@ since: v5.0.0
 
 This rule enforces a line break before and after the contents of a singleline element.
 
-
 <eslint-code-block fix :rules="{'vue/singleline-html-element-content-newline': ['error']}">
 
 ```vue
@@ -69,12 +68,10 @@ This rule enforces a line break before and after the contents of a singleline el
 - `ignores` ... the configuration for element names to ignore line breaks style.
     default `["pre", "textarea", ...INLINE_ELEMENTS]`.
 
-
 ::: info
   All inline non void elements can be found [here](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/utils/inline-non-void-elements.json).
 :::
 
-
 ### `"ignoreWhenNoAttributes": true`
 
 <eslint-code-block fix :rules="{'vue/singleline-html-element-content-newline': ['error', {'ignoreWhenNoAttributes': true}]}">
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index b573e4eaa..26e4e6839 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -11,35 +11,6 @@ since: v6.2.0
 
 This rule is almost the same rule as core [sort-keys] rule but it will not error on top component properties allowing that order to be enforced with `order-in-components`.
 
-## :wrench: Options
-
-```json
-{
-    "vue/sort-keys": ["error", "asc", {
-        "caseSensitive": true,
-        "ignoreChildrenOf": ["model"],
-        "ignoreGrandchildrenOf": ["computed", "directives", "inject", "props", "watch"],
-        "minKeys": 2,
-        "natural": false
-  }]
-}
-```
-
-The 1st option is `"asc"` or `"desc"`.
-
-* `"asc"` (default) - enforce properties to be in ascending order.
-* `"desc"` - enforce properties to be in descending order.
-
-The 2nd option is an object which has 5 properties.
-
-* `caseSensitive` - if `true`, enforce properties to be in case-sensitive order. Default is `true`.
-* `ignoreChildrenOf` - an array of properties to ignore the children of.  Default is `["model"]`
-* `ignoreGrandchildrenOf` - an array of properties to ignore the grandchildren sort order. Default is `["computed", "directives", "inject", "props", "watch"]`
-* `minKeys` - Specifies the minimum number of keys that an object should have in order for the object's unsorted keys to produce an error. Default is `2`, which means by default all objects with unsorted keys will result in lint errors.
-* `natural` - if `true`, enforce properties to be in natural order. Default is `false`. Natural Order compares strings containing combination of letters and numbers in the way a human being would sort. It basically sorts numerically, instead of sorting alphabetically. So the number 10 comes after the number 3 in Natural Sorting.
-
-While using this rule, you may disable the normal `sort-keys` rule.  This rule will apply to plain js files as well as Vue component scripts.
-
 ## :book: Rule Details
 
 This rule forces many dictionary properties to be in alphabetical order while allowing `order-in-components`, property details,
@@ -99,6 +70,35 @@ export default {
 
 </eslint-code-block>
 
+## :wrench: Options
+
+```json
+{
+    "vue/sort-keys": ["error", "asc", {
+        "caseSensitive": true,
+        "ignoreChildrenOf": ["model"],
+        "ignoreGrandchildrenOf": ["computed", "directives", "inject", "props", "watch"],
+        "minKeys": 2,
+        "natural": false
+  }]
+}
+```
+
+The 1st option is `"asc"` or `"desc"`.
+
+- `"asc"` (default) - enforce properties to be in ascending order.
+- `"desc"` - enforce properties to be in descending order.
+
+The 2nd option is an object which has 5 properties.
+
+- `caseSensitive` - if `true`, enforce properties to be in case-sensitive order. Default is `true`.
+- `ignoreChildrenOf` - an array of properties to ignore the children of.  Default is `["model"]`
+- `ignoreGrandchildrenOf` - an array of properties to ignore the grandchildren sort order. Default is `["computed", "directives", "inject", "props", "watch"]`
+- `minKeys` - Specifies the minimum number of keys that an object should have in order for the object's unsorted keys to produce an error. Default is `2`, which means by default all objects with unsorted keys will result in lint errors.
+- `natural` - if `true`, enforce properties to be in natural order. Default is `false`. Natural Order compares strings containing combination of letters and numbers in the way a human being would sort. It basically sorts numerically, instead of sorting alphabetically. So the number 10 comes after the number 3 in Natural Sorting.
+
+While using this rule, you may disable the normal `sort-keys` rule.  This rule will apply to plain js files as well as Vue component scripts.
+
 ## :books: Further Reading
 
 - [sort-keys]
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index f193e7e37..50134fe02 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -41,6 +41,7 @@ This rule aims at preventing usage of `this` in Vue templates.
   "vue/this-in-template": ["error", "always" | "never"]
 }
 ```
+
 - `"always"` ... Always use `this` while accessing properties from Vue.
 - `"never"` (default) ... Never use `this` keyword in expressions.
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 2e69bd62b..23be4a8cc 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -31,6 +31,7 @@ This rule enforces `v-bind` directive style which you should use shorthand or lo
 </eslint-code-block>
 
 ## :wrench: Options
+
 Default is set to `shorthand`.
 
 ```json
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
index 7239ef02a..7d9b5c07c 100644
--- a/docs/rules/v-for-delimiter-style.md
+++ b/docs/rules/v-for-delimiter-style.md
@@ -30,6 +30,7 @@ This rule enforces which delimiter (`in` or `of`) should be used in `v-for` dire
 </eslint-code-block>
 
 ## :wrench: Options
+
 Default is set to `in`.
 
 ```json
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index fd8b9f48a..a462e414e 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -103,17 +103,17 @@ Don't use hyphenated name but allow custom event names
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/custom-event-name-casing](./custom-event-name-casing.md)
+- [vue/attribute-hyphenation](./attribute-hyphenation.md)
+
 ## :books: Further Reading
 
 - [Guide - Custom Events]
 
 [Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
 
-## :couple: Related Rules
-
-- [vue/custom-event-name-casing](./custom-event-name-casing.md)
-- [vue/attribute-hyphenation](./attribute-hyphenation.md)
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.4.0
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 17594be65..73e36ce33 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -31,6 +31,7 @@ This rule enforces `v-on` directive style which you should use shorthand or long
 </eslint-code-block>
 
 ## :wrench: Options
+
 Default is set to `shorthand`.
 
 ```json
diff --git a/package.json b/package.json
index 7abecb3f1..4b843c06b 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,8 @@
     "cover": "npm run cover:test && npm run cover:report",
     "cover:test": "nyc npm run test:base -- --timeout 60000",
     "cover:report": "nyc report --reporter=html",
-    "lint": "eslint . --rulesdir eslint-internal-rules",
-    "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix",
+    "lint": "eslint . --rulesdir eslint-internal-rules && markdownlint \"**/*.md\"",
+    "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix && markdownlint \"**/*.md\" --fix",
     "tsc": "tsc",
     "preversion": "npm test && git add .",
     "version": "env-cmd -e version npm run update && npm run lint -- --fix && git add .",
@@ -79,6 +79,7 @@
     "eslint-plugin-vue": "file:.",
     "espree": "^9.0.0",
     "lodash": "^4.17.21",
+    "markdownlint-cli": "^0.31.1",
     "mocha": "^7.1.2",
     "nyc": "^15.1.0",
     "prettier": "^2.4.1",
diff --git a/tools/update-docs.js b/tools/update-docs.js
index a7b847eee..12deca0ea 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -87,6 +87,8 @@ class DocFile {
 
   write() {
     fs.writeFileSync(this.filePath, this.content)
+
+    return this
   }
 
   updateFileIntro() {
@@ -225,6 +227,42 @@ ${
 
     return this
   }
+
+  checkHeadings() {
+    const headingPattern = /^## .*$/gm
+
+    const knownHeadings = [
+      '## :book: Rule Details',
+      '## :wrench: Options',
+      '## :rocket: Suggestion',
+      '## :mute: When Not To Use It',
+      '## :couple: Related Rules',
+      '## :books: Further Reading',
+      '## :rocket: Version',
+      '## :mag: Implementation'
+    ]
+
+    const foundHeadings = [...this.content.matchAll(headingPattern)]
+
+    let previousHeadingIndex = -1
+    for (const [heading] of foundHeadings) {
+      const headingIndex = knownHeadings.indexOf(heading)
+
+      if (headingIndex === -1) {
+        throw new Error(`Unknown heading '${heading}' in '${this.filePath}'`)
+      }
+
+      if (headingIndex < previousHeadingIndex) {
+        throw new Error(
+          `Heading '${heading}' should be above '${knownHeadings[previousHeadingIndex]}' in '${this.filePath}'`
+        )
+      }
+
+      previousHeadingIndex = headingIndex
+    }
+
+    return this
+  }
 }
 
 for (const rule of rules) {
@@ -235,4 +273,5 @@ for (const rule of rules) {
     .updateFileIntro()
     .adjustCodeBlocks()
     .write()
+    .checkHeadings()
 }

From f5f4f97f06a50b84ab5d720afad01a3a0e611872 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Wed, 23 Mar 2022 09:25:08 +0800
Subject: [PATCH 0466/1010] Add `prefer-prop-type-boolean-first` rule (#1822)

* Add `prefer-prop-type-boolean-first` rule

* fix docs

* update docs

* merge valid test cases

* add more tests

* Add explanation to eslint-disable comment

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                          |   1 +
 docs/rules/prefer-prop-type-boolean-first.md  |  60 ++++
 docs/rules/prefer-true-attribute-shorthand.md |   1 +
 lib/index.js                                  |   1 +
 lib/rules/prefer-prop-type-boolean-first.js   | 115 +++++++
 .../rules/prefer-prop-type-boolean-first.js   | 317 ++++++++++++++++++
 6 files changed, 495 insertions(+)
 create mode 100644 docs/rules/prefer-prop-type-boolean-first.md
 create mode 100644 lib/rules/prefer-prop-type-boolean-first.js
 create mode 100644 tests/lib/rules/prefer-prop-type-boolean-first.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 6e879b2f6..4a46ba66c 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -352,6 +352,7 @@ For example:
 | [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/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: |
+| [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
diff --git a/docs/rules/prefer-prop-type-boolean-first.md b/docs/rules/prefer-prop-type-boolean-first.md
new file mode 100644
index 000000000..3bf2edb4a
--- /dev/null
+++ b/docs/rules/prefer-prop-type-boolean-first.md
@@ -0,0 +1,60 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-prop-type-boolean-first
+description: enforce `Boolean` comes first in component prop types
+---
+# vue/prefer-prop-type-boolean-first
+
+> enforce `Boolean` comes first in component prop types
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+When declaring types of a property in component, we can use array style to accept multiple types.
+
+When using components in template,
+we can use shorthand-style property if its value is `true`.
+
+However, if a property allows `Boolean` or `String` and we use it with shorthand form in somewhere else,
+different types order can introduce different behaviors:
+If `Boolean` comes first, it will be `true`; if `String` comes first, it will be `""` (empty string).
+
+See [this demo](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIFNob3J0aGFuZCBmb3JtOlxuICA8TXlDb21wb25lbnQgYm9vbCBib29sLW9yLXN0cmluZyBzdHJpbmctb3ItYm9vbCAvPlxuICBcbiAgTG9uZ2hhbmQgZm9ybTpcbiAgPE15Q29tcG9uZW50IDpib29sPVwidHJ1ZVwiIDpib29sLW9yLXN0cmluZz1cInRydWVcIiA6c3RyaW5nLW9yLWJvb2w9XCJ0cnVlXCIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIk15Q29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIHByb3BzOiB7XG4gICAgYm9vbDogQm9vbGVhbixcbiAgICBib29sT3JTdHJpbmc6IFtCb29sZWFuLCBTdHJpbmddLFxuICAgIHN0cmluZ09yQm9vbDogW1N0cmluZywgQm9vbGVhbl0sXG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwcmU+XG5ib29sOiB7e2Jvb2x9fSAoe3sgdHlwZW9mIGJvb2wgfX0pXG5ib29sT3JTdHJpbmc6IHt7Ym9vbE9yU3RyaW5nfX0gKHt7IHR5cGVvZiBib29sT3JTdHJpbmcgfX0pXG5zdHJpbmdPckJvb2w6IHt7c3RyaW5nT3JCb29sfX0gKHt7IHR5cGVvZiBzdHJpbmdPckJvb2wgfX0pXG4gIDwvcHJlPlxuPC90ZW1wbGF0ZT4ifQ==).
+
+<eslint-code-block :rules="{'vue/prefer-prop-type-boolean-first': ['error']}">
+
+```vue
+<script>
+export default {
+  props: {
+    // ✓ GOOD
+    a: Boolean,
+    b: String,
+    c: [Boolean, String],
+    d: {
+      type: [Boolean, String]
+    },
+
+    // ✗ BAD
+    e: [String, Boolean],
+    f: {
+      type: [String, Boolean]
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-prop-type-boolean-first.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-prop-type-boolean-first.js)
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index f2704f4cd..c64f9a8c5 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -107,6 +107,7 @@ Default options is `"always"`.
 ## :couple: Related Rules
 
 - [vue/no-boolean-default](./no-boolean-default.md)
+- [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md)
 
 ## :rocket: Version
 
diff --git a/lib/index.js b/lib/index.js
index 97ff805d3..4e29c8ed0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -158,6 +158,7 @@ module.exports = {
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'prefer-import-from-vue': require('./rules/prefer-import-from-vue'),
+    'prefer-prop-type-boolean-first': require('./rules/prefer-prop-type-boolean-first'),
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
     'prefer-template': require('./rules/prefer-template'),
     'prefer-true-attribute-shorthand': require('./rules/prefer-true-attribute-shorthand'),
diff --git a/lib/rules/prefer-prop-type-boolean-first.js b/lib/rules/prefer-prop-type-boolean-first.js
new file mode 100644
index 000000000..215262d3b
--- /dev/null
+++ b/lib/rules/prefer-prop-type-boolean-first.js
@@ -0,0 +1,115 @@
+/**
+ * @author Pig Fang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {ArrayExpression} node
+ * @param {RuleContext} context
+ */
+function checkArrayExpression(node, context) {
+  const booleanType = node.elements.find(
+    (element) =>
+      element && element.type === 'Identifier' && element.name === 'Boolean'
+  )
+  if (!booleanType) {
+    return
+  }
+  const booleanTypeIndex = node.elements.indexOf(booleanType)
+  if (booleanTypeIndex > 0) {
+    context.report({
+      node: booleanType,
+      messageId: 'shouldBeFirst',
+      suggest: [
+        {
+          messageId: 'moveToFirst',
+          fix: (fixer) => {
+            const sourceCode = context.getSourceCode()
+
+            const elements = node.elements.slice()
+            elements.splice(booleanTypeIndex, 1)
+            const code = elements
+              .filter(utils.isDef)
+              .map((element) => sourceCode.getText(element))
+            code.unshift('Boolean')
+
+            return fixer.replaceText(node, `[${code.join(', ')}]`)
+          }
+        }
+      ]
+    })
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce `Boolean` comes first in component prop types',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/prefer-prop-type-boolean-first.html'
+    },
+    fixable: null,
+    // eslint-disable-next-line eslint-plugin/require-meta-has-suggestions -- `context.report` with suggestion is not recognized in `checkArrayExpression`
+    hasSuggestions: true,
+    schema: [],
+    messages: {
+      shouldBeFirst: 'Type `Boolean` should be at first in prop types.',
+      moveToFirst: 'Move `Boolean` to be first in prop types.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @param {import('../utils').ComponentProp} prop
+     */
+    function checkProperty(prop) {
+      const { value } = prop
+      if (!value) {
+        return
+      }
+
+      if (value.type === 'ArrayExpression') {
+        checkArrayExpression(value, context)
+      } else if (value.type === 'ObjectExpression') {
+        const type = value.properties.find(
+          /** @return {property is Property} */
+          (property) =>
+            property.type === 'Property' &&
+            utils.getStaticPropertyName(property) === 'type'
+        )
+        if (!type || type.value.type !== 'ArrayExpression') {
+          return
+        }
+        checkArrayExpression(type.value, context)
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_, props) {
+          props.forEach(checkProperty)
+        }
+      }),
+      utils.executeOnVue(context, (obj) => {
+        const props = utils.getComponentPropsFromOptions(obj)
+        props.forEach(checkProperty)
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/prefer-prop-type-boolean-first.js b/tests/lib/rules/prefer-prop-type-boolean-first.js
new file mode 100644
index 000000000..9f67e336b
--- /dev/null
+++ b/tests/lib/rules/prefer-prop-type-boolean-first.js
@@ -0,0 +1,317 @@
+/**
+ * @author Pig Fang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/prefer-prop-type-boolean-first')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('prefer-prop-type-boolean-first', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              a: Boolean,
+              b: String,
+              c: [Boolean],
+              d: [String],
+              e: [Boolean, String],
+              f: { type: Boolean },
+              g: { type: String },
+              h: { type: [Boolean] },
+              i: { type: [String] },
+              j: { type: [Boolean, String] },
+              k: {},
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default Vue.extend({
+            props: {
+              a: [Boolean, String],
+              b: { type: [Boolean, String] },
+            }
+          })
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineProps({
+            a: [Boolean, String],
+            b: { type: [Boolean, String] },
+          })
+        </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              foo: [String, Boolean]
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 5,
+          column: 29,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script>
+          export default {
+            props: {
+              foo: [Boolean, String]
+            }
+          }
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              foo: { type: [String, Boolean] }
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 5,
+          column: 37,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script>
+          export default {
+            props: {
+              foo: { type: [Boolean, String] }
+            }
+          }
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default Vue.extend({
+            props: {
+              foo: [String, Boolean]
+            }
+          })
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 5,
+          column: 29,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script>
+          export default Vue.extend({
+            props: {
+              foo: [Boolean, String]
+            }
+          })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default Vue.extend({
+            props: {
+              foo: { type: [String, Boolean] }
+            }
+          })
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 5,
+          column: 37,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script>
+          export default Vue.extend({
+            props: {
+              foo: { type: [Boolean, String] }
+            }
+          })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineProps({
+            foo: [String, Boolean]
+          })
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 4,
+          column: 27,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script setup>
+          defineProps({
+            foo: [Boolean, String]
+          })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineProps({
+            foo: { type: [String, Boolean] }
+          })
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 4,
+          column: 35,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script setup>
+          defineProps({
+            foo: { type: [Boolean, String] }
+          })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineProps({
+            foo: { type: [String, Boolean, Number] }
+          })
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 4,
+          column: 35,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script setup>
+          defineProps({
+            foo: { type: [Boolean, String, Number] }
+          })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineProps({
+            foo: { type: [String, Number, Boolean] }
+          })
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'shouldBeFirst',
+          line: 4,
+          column: 43,
+          suggestions: [
+            {
+              messageId: 'moveToFirst',
+              output: `
+        <script setup>
+          defineProps({
+            foo: { type: [Boolean, String, Number] }
+          })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 1ce68fa9def2c7d6da7aa5020c731860d7027459 Mon Sep 17 00:00:00 2001
From: Douglas Wade <douglas.b.wade@gmail.com>
Date: Wed, 23 Mar 2022 04:19:07 -0700
Subject: [PATCH 0467/1010] Add new rule: no-restricted-html-elements (#1820)

* Add new rule: html-forbid-elements

* PR Feedback

* Update lib/rules/no-restricted-html-elements.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/no-restricted-html-elements.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update lib/rules/no-restricted-html-elements.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-restricted-html-elements.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/no-restricted-html-elements.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/no-restricted-html-elements.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/no-restricted-html-elements.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/no-restricted-html-elements.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* run npm update

* Remove messages block

* Update docs/rules/no-restricted-html-elements.md

* Update docs/rules/no-restricted-html-elements.md

* Fix demo site

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                          |  1 +
 docs/rules/no-restricted-html-elements.md     | 96 +++++++++++++++++++
 lib/index.js                                  |  1 +
 lib/rules/no-restricted-html-elements.js      | 68 +++++++++++++
 .../lib/rules/no-restricted-html-elements.js  | 75 +++++++++++++++
 5 files changed, 241 insertions(+)
 create mode 100644 docs/rules/no-restricted-html-elements.md
 create mode 100644 lib/rules/no-restricted-html-elements.js
 create mode 100644 tests/lib/rules/no-restricted-html-elements.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4a46ba66c..b4ebfefd7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -334,6 +334,7 @@ For example:
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
 | [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event | :bulb: |
+| [vue/no-restricted-html-elements](./no-restricted-html-elements.md) | disallow specific HTML elements |  |
 | [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
diff --git a/docs/rules/no-restricted-html-elements.md b/docs/rules/no-restricted-html-elements.md
new file mode 100644
index 000000000..780708d6a
--- /dev/null
+++ b/docs/rules/no-restricted-html-elements.md
@@ -0,0 +1,96 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-html-elements
+description: disallow specific HTML elements
+---
+# vue/no-restricted-html-elements
+
+> disallow specific HTML elements
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule allows you to specify HTML elements that you don't want to use in your application.
+
+<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', 'marquee', 'button'] }">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <p></p>
+  <input />
+  <br />
+
+  <!-- ✗ BAD -->
+  <button></button>
+  <marquee></marquee>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is an HTML element name to be restricted:
+
+```json
+{
+  "vue/no-restricted-html-elements": ["error", "button", "marquee"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', 'button', 'marquee']}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <button></button>
+  <marquee></marquee>
+</template>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-html-elements": [
+    "error",
+    {
+      "element": "button",
+      "message": "Prefer use of our custom <AppButton /> component"
+    },
+    {
+      "element": "marquee",
+      "message": "Do not use deprecated HTML tags"
+    }
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `element` ... Specify the html element.
+- `message` ... Specify an optional custom message.
+
+### `{ "element": "marquee" }, { "element": "button" }`
+
+<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', { element: 'marquee' }, { element: 'button' }]}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <marquee></marquee>
+  <button></button>
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-html-elements.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-html-elements.js)
diff --git a/lib/index.js b/lib/index.js
index 4e29c8ed0..22fe9a182 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -113,6 +113,7 @@ module.exports = {
     'no-restricted-class': require('./rules/no-restricted-class'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
     'no-restricted-custom-event': require('./rules/no-restricted-custom-event'),
+    'no-restricted-html-elements': require('./rules/no-restricted-html-elements'),
     'no-restricted-props': require('./rules/no-restricted-props'),
     'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
diff --git a/lib/rules/no-restricted-html-elements.js b/lib/rules/no-restricted-html-elements.js
new file mode 100644
index 000000000..b0874f1c0
--- /dev/null
+++ b/lib/rules/no-restricted-html-elements.js
@@ -0,0 +1,68 @@
+/**
+ * @author Doug Wade <douglas.b.wade@gmail.com>
+ */
+
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific HTML elements',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-html-elements.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: 'string' },
+          {
+            type: 'object',
+            properties: {
+              element: { type: 'string' },
+              message: { type: 'string', minLength: 1 }
+            },
+            required: ['element'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    }
+  },
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VElement} node
+       */
+      VElement(node) {
+        if (!utils.isHtmlElementNode(node)) {
+          return
+        }
+
+        context.options.forEach((option) => {
+          const message =
+            option.message ||
+            `Unexpected use of forbidden HTML element ${node.rawName}.`
+          const element = option.element || option
+
+          if (element === node.rawName) {
+            context.report({
+              message,
+              node: node.startTag
+            })
+          }
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-restricted-html-elements.js b/tests/lib/rules/no-restricted-html-elements.js
new file mode 100644
index 000000000..775d94580
--- /dev/null
+++ b/tests/lib/rules/no-restricted-html-elements.js
@@ -0,0 +1,75 @@
+/**
+ * @author Doug Wade
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-html-elements')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-restricted-html-elements', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '',
+      options: ['button']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div class="foo"></div></template>',
+      options: ['button']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button type="button"></button></template>',
+      options: ['div']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div class="foo"><Button type="button"></Button></div></template>',
+      options: ['button']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div><button type="button"></button><div></template>',
+      errors: [
+        {
+          message: 'Unexpected use of forbidden HTML element button.',
+          line: 1,
+          column: 16
+        }
+      ],
+      options: ['button']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div class="foo"><button type="button"></button></div></template>',
+      errors: [
+        {
+          message: 'Unexpected use of forbidden HTML element div.',
+          line: 1,
+          column: 11
+        }
+      ],
+      options: ['div']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><marquee>foo</marquee></template>',
+      errors: [
+        {
+          message: 'Custom error',
+          line: 1,
+          column: 11
+        }
+      ],
+      options: [{ element: 'marquee', message: 'Custom error' }]
+    }
+  ]
+})

From f59de96e18d4f8b9447a6a7249cdd20339837bf9 Mon Sep 17 00:00:00 2001
From: Douglas Wade <douglas.b.wade@gmail.com>
Date: Sun, 3 Apr 2022 22:35:57 -0700
Subject: [PATCH 0468/1010] Fix #1808: Lint slots in attribute-hyphenation
 (#1826)

* Fix #1808: Lint slots in attribute-hyphenation

* remove includeSlots option

* remove stray linting
---
 lib/rules/attribute-hyphenation.js       |  6 +++-
 tests/lib/rules/attribute-hyphenation.js | 36 ++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index ec5a3a9ab..f9126a548 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -106,7 +106,11 @@ module.exports = {
 
     return utils.defineTemplateBodyVisitor(context, {
       VAttribute(node) {
-        if (!utils.isCustomComponent(node.parent.parent)) return
+        if (
+          !utils.isCustomComponent(node.parent.parent) &&
+          node.parent.parent.name !== 'slot'
+        )
+          return
 
         const name = !node.directive
           ? node.key.rawName
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 7e7f2ea9d..26f9531cb 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -56,6 +56,16 @@ ruleTester.run('attribute-hyphenation', rule, {
       filename: 'test.vue',
       code: '<template><my-component :[foo-bar]></my-component></template>',
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot my-prop></slot></div></template>',
+      options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot myProp></slot></div></template>',
+      options: ['never']
     }
   ],
 
@@ -252,6 +262,32 @@ ruleTester.run('attribute-hyphenation', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot my-prop="foo"></slot></div></template>',
+      output: '<template><div><slot myProp="foo"></slot></div></template>',
+      options: ['never'],
+      errors: [
+        {
+          message: "Attribute 'my-prop' can't be hyphenated.",
+          type: 'VIdentifier',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot MyProp="Bar"></slot></div></template>',
+      output: '<template><div><slot my-prop="Bar"></slot></div></template>',
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute 'MyProp' must be hyphenated.",
+          type: 'VIdentifier',
+          line: 1
+        }
+      ]
     }
   ]
 })

From 4dfbe33d6e51027f6cd61d28b8e02d33fe14ad82 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 6 Apr 2022 15:12:23 +0900
Subject: [PATCH 0469/1010] Remove unnecessary JSDoc

---
 lib/rules/no-undef-properties.js        | 1 -
 lib/rules/no-unregistered-components.js | 1 -
 2 files changed, 2 deletions(-)

diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 4246f771b..c1213aa96 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -268,7 +268,6 @@ module.exports = {
 
     const scriptVisitor = utils.compositingVisitors(
       {
-        /** @param {Program} node */
         Program() {
           if (!utils.isScriptSetup(context)) {
             return
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 4ba755dd3..b4651c384 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -124,7 +124,6 @@ module.exports = {
           if (utils.isHtmlWellKnownElementName(value)) return
           usedComponentNodes.push({ node, name: value })
         },
-        /** @param {VElement} node */
         "VElement[name='template'][parent.type='VDocumentFragment']:exit"() {
           // All registered components, transformed to kebab-case
           const registeredComponentNames = registeredComponents.map(

From 83290b7319955127cd8bcf4fa663bf0a7bdca3b0 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 6 Apr 2022 15:14:26 +0900
Subject: [PATCH 0470/1010] 8.6.0

---
 docs/rules/no-restricted-html-elements.md    | 7 +++++--
 docs/rules/prefer-prop-type-boolean-first.md | 6 +++++-
 package.json                                 | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-restricted-html-elements.md b/docs/rules/no-restricted-html-elements.md
index 780708d6a..15a62447f 100644
--- a/docs/rules/no-restricted-html-elements.md
+++ b/docs/rules/no-restricted-html-elements.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-html-elements
 description: disallow specific HTML elements
+since: v8.6.0
 ---
 # vue/no-restricted-html-elements
 
 > disallow specific HTML elements
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule allows you to specify HTML elements that you don't want to use in your application.
@@ -90,6 +89,10 @@ The following properties can be specified for the object.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.6.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-html-elements.js)
diff --git a/docs/rules/prefer-prop-type-boolean-first.md b/docs/rules/prefer-prop-type-boolean-first.md
index 3bf2edb4a..1b652fafd 100644
--- a/docs/rules/prefer-prop-type-boolean-first.md
+++ b/docs/rules/prefer-prop-type-boolean-first.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-prop-type-boolean-first
 description: enforce `Boolean` comes first in component prop types
+since: v8.6.0
 ---
 # vue/prefer-prop-type-boolean-first
 
 > enforce `Boolean` comes first in component prop types
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -54,6 +54,10 @@ export default {
 
 - [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.6.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-prop-type-boolean-first.js)
diff --git a/package.json b/package.json
index 4b843c06b..86f9417e4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 926064ceac5f6ea90a3511c10b2986475b2d809c Mon Sep 17 00:00:00 2001
From: Douglas Wade <douglas.b.wade@gmail.com>
Date: Sun, 10 Apr 2022 21:16:55 -0700
Subject: [PATCH 0471/1010] Fix #1819: Enforce order between script and script
 setup (#1825)

* Fix #1819: Enforce order between script and script setup

* update defaults to match documentation

* Use CSS selector syntax

* remove incorrect documentation of default behavior for script setup

* Fix bug with multiple not pseudo-selectors

* revert component tags order docs

* update docs

* Update error message

* update headers

* update docs more better

* Update tests/lib/rules/component-tags-order.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/component-tags-order.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/component-tags-order.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update tests/lib/rules/component-tags-order.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update docs/rules/component-tags-order.md

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* don't move the message block

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/component-tags-order.md      |  76 +++++++++++-
 lib/rules/component-tags-order.js       |  92 ++++++++++++--
 package.json                            |   1 +
 tests/lib/rules/component-tags-order.js | 156 +++++++++++++++++++++---
 4 files changed, 297 insertions(+), 28 deletions(-)

diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 9b053ab21..cc4aebbfa 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -14,7 +14,7 @@ since: v6.1.0
 
 ## :book: Rule Details
 
-This rule warns about the order of the `<script>`, `<template>` & `<style>` tags.
+This rule warns about the order of the top-level tags, such as `<script>`, `<template>` & `<style>`.
 
 ## :wrench: Options
 
@@ -26,7 +26,7 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 }
 ```
 
-- `order` (`(string|string[])[]`) ... The order of top-level element names. default `[ [ "script", "template" ], "style" ]`.
+- `order` (`(string|string[])[]`) ... The order of top-level element names. default `[ [ "script", "template" ], "style" ]`. May also be CSS selectors, such as `script[setup]` and `i18n:not([lang=en])`.
 
 ### `{ "order": [ [ "script", "template" ], "style" ] }` (default)
 
@@ -113,6 +113,78 @@ This rule warns about the order of the `<script>`, `<template>` & `<style>` tags
 
 </eslint-code-block>
 
+### `{ 'order': ['template', 'script:not([setup])', 'script[setup]'] }`
+
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script:not([setup])', 'script[setup]'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<script>/* ... */</script>
+<script setup>/* ... */</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'script:not([setup])', 'script[setup]'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<script setup>/* ... */</script>
+<script>/* ... */</script>
+```
+
+</eslint-code-block>
+
+### `{ 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }`
+
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<style>/* ... */</style>
+<style scoped>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<style scoped>/* ... */</style>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+### `{ 'order': ['template', 'i18n:not([lang=en])', 'i18n[lang=en]'] }`
+
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'i18n:not([lang=en])', 'i18n[lang=en]'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<i18n lang="ja">/* ... */</i18n>
+<i18n lang="en">/* ... */</i18n>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'i18n:not([lang=en])', 'i18n[lang=en]'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<i18n lang="en">/* ... */</i18n>
+<i18n lang="ja">/* ... */</i18n>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [Style guide - Single-file component top-level element order](https://vuejs.org/style-guide/rules-recommended.html#single-file-component-top-level-element-order)
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index afb624f9f..289bc381f 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -9,6 +9,7 @@
 // ------------------------------------------------------------------------------
 
 const utils = require('../utils')
+const parser = require('postcss-selector-parser')
 
 const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
 
@@ -46,7 +47,7 @@ module.exports = {
     ],
     messages: {
       unexpected:
-        'The <{{name}}> should be above the <{{firstUnorderedName}}> on line {{line}}.'
+        '<{{elementName}}{{elementAttributes}}> should be above <{{firstUnorderedName}}{{firstUnorderedAttributes}}> on line {{line}}.'
     }
   },
   /**
@@ -70,11 +71,73 @@ module.exports = {
     })
 
     /**
-     * @param {string} name
+     * @param {VElement} element
+     * @return {String}
      */
-    function getOrderPosition(name) {
-      const num = orderMap.get(name)
-      return num == null ? -1 : num
+    function getAttributeString(element) {
+      return element.startTag.attributes
+        .map((attribute) => {
+          if (attribute.value && attribute.value.type !== 'VLiteral') {
+            return ''
+          }
+
+          return `${attribute.key.name}${
+            attribute.value && attribute.value.value
+              ? '=' + attribute.value.value
+              : ''
+          }`
+        })
+        .join(' ')
+    }
+
+    /**
+     * @param {String} ordering
+     * @param {VElement} element
+     * @return {Boolean} true if the element matches the selector, false otherwise
+     */
+    function matches(ordering, element) {
+      let attributeMatches = true
+      let isNegated = false
+      let tagMatches = true
+
+      parser((selectors) => {
+        selectors.walk((selector) => {
+          switch (selector.type) {
+            case 'tag':
+              tagMatches = selector.value === element.name
+              break
+            case 'pseudo':
+              isNegated = selector.value === ':not'
+              break
+            case 'attribute':
+              attributeMatches = utils.hasAttribute(
+                element,
+                selector.qualifiedAttribute,
+                selector.value
+              )
+              break
+          }
+        })
+      }).processSync(ordering)
+
+      if (isNegated) {
+        return tagMatches && !attributeMatches
+      } else {
+        return tagMatches && attributeMatches
+      }
+    }
+
+    /**
+     * @param {VElement} element
+     */
+    function getOrderPosition(element) {
+      for (const [ordering, index] of orderMap.entries()) {
+        if (matches(ordering, element)) {
+          return index
+        }
+      }
+
+      return -1
     }
     const documentFragment =
       context.parserServices.getDocumentFragment &&
@@ -95,24 +158,31 @@ module.exports = {
         const elements = getTopLevelHTMLElements()
         const sourceCode = context.getSourceCode()
         elements.forEach((element, index) => {
-          const expectedIndex = getOrderPosition(element.name)
+          const expectedIndex = getOrderPosition(element)
           if (expectedIndex < 0) {
             return
           }
           const firstUnordered = elements
             .slice(0, index)
-            .filter((e) => expectedIndex < getOrderPosition(e.name))
-            .sort(
-              (e1, e2) => getOrderPosition(e1.name) - getOrderPosition(e2.name)
-            )[0]
+            .filter((e) => expectedIndex < getOrderPosition(e))
+            .sort((e1, e2) => getOrderPosition(e1) - getOrderPosition(e2))[0]
           if (firstUnordered) {
+            const firstUnorderedttributes = getAttributeString(firstUnordered)
+            const elementAttributes = getAttributeString(element)
+
             context.report({
               node: element,
               loc: element.loc,
               messageId: 'unexpected',
               data: {
-                name: element.name,
+                elementName: element.name,
+                elementAttributes: elementAttributes
+                  ? ' ' + elementAttributes
+                  : '',
                 firstUnorderedName: firstUnordered.name,
+                firstUnorderedAttributes: firstUnorderedttributes
+                  ? ' ' + firstUnorderedttributes
+                  : '',
                 line: firstUnordered.loc.start.line
               },
               *fix(fixer) {
diff --git a/package.json b/package.json
index 86f9417e4..4bc07c92e 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
   "dependencies": {
     "eslint-utils": "^3.0.0",
     "natural-compare": "^1.4.0",
+    "postcss-selector-parser": "^6.0.9",
     "semver": "^7.3.5",
     "vue-eslint-parser": "^8.0.1"
   },
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 1992d6fd2..84c2daeb6 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -50,6 +50,8 @@ tester.run('component-tags-order', rule, {
     '<template></template><script></script><docs></docs><style></style>',
     '<script></script><template></template>',
     '<template></template><script></script>',
+    '<script setup></script><script></script>',
+    '<docs></docs><template></template><script></script><script setup></script><style></style>',
     `
       <template>
       </template>
@@ -102,11 +104,90 @@ tester.run('component-tags-order', rule, {
       output: null,
       options: [{ order: ['docs', 'script', 'template', 'style'] }]
     },
+    {
+      code: '<script setup></script><script></script><template></template><style></style>',
+      output: null,
+      options: [{ order: ['script[setup]', 'script:not([setup])', 'template', 'style'] }]
+    },
+    {
+      code: '<template></template><script setup></script><script></script><style></style>',
+      output: null,
+      options: [{ order: [['script[setup]', 'script:not([setup])', 'template'], 'style'] }]
+    },
+    {
+      code: '<script></script><script setup></script><template></template><style></style>',
+      output: null,
+      options: [{ order: ['script', 'template', 'style'] }]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style></style>',
+      output: null,
+      options: [{ order: [['script, 'template'], 'style'] }]
+    },
+    {
+      code: '<script></script><script setup></script><template></template><style></style>',
+      output: null,
+      options: [
+        { order: ['script:not([setup])', 'script[setup]', 'template', 'style'] }
+      ]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style></style>',
+      output: null,
+      options: [
+        {
+          order: [['script:not([setup])', 'script[setup]', 'template'], 'style']
+        }
+      ]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n lang="ja"></i18n><i18n lang="en"></i18n>',
+      output: null,
+      options: [
+        {
+          order: [
+            ['script:not([setup])', 'script[setup]', 'template'],
+            'style[scoped]',
+            'style:not([scoped])',
+            'i18n:not([lang=en])',
+            'i18n:not([lang=ja])'
+          ]
+        }
+      ]
+    },
+    ,
+    {
+      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n lang="en"></i18n><i18n lang="ja"></i18n>',
+      output: null,
+      options: [
+        {
+          order: [
+            'template',
+            'script:not([setup])',
+            'script[setup]',
+            'style[scoped]',
+            'style:not([scoped])',
+            'i18n[lang=en]',
+            'i18n[lang=ja]'
+          ]
+        }
+      ]
+    },
     {
       code: '<template></template><docs></docs><script></script><style></style>',
       output: null,
       options: [{ order: [['docs', 'script', 'template'], 'style'] }]
     },
+    {
+      code: '<i18n locale="en"></i18n><i18n locale="ja"></i18n>',
+      output: null,
+      options: [{ order: ['i18n[locale=en]', 'i18n[locale=ja]'] }]
+    },
+    {
+      code: '<style></style><style scoped></style>',
+      output: null,
+      options: [{ order: ['style:not([scoped])', 'style[scoped]'] }]
+    },
 
     `<script></script><style></style>`,
 
@@ -119,12 +200,12 @@ tester.run('component-tags-order', rule, {
       code: '<style></style><template></template><script></script>',
       errors: [
         {
-          message: 'The <template> should be above the <style> on line 1.',
+          message: '<template> should be above <style> on line 1.',
           line: 1,
           column: 16
         },
         {
-          message: 'The <script> should be above the <style> on line 1.',
+          message: '<script> should be above <style> on line 1.',
           line: 1,
           column: 37
         }
@@ -136,7 +217,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: 'The <script> should be above the <template> on line 1.',
+          message: '<script> should be above <template> on line 1.',
           line: 1,
           column: 22
         }
@@ -152,7 +233,7 @@ tester.run('component-tags-order', rule, {
         <script></script>`,
       errors: [
         {
-          message: 'The <script> should be above the <style> on line 4.',
+          message: '<script> should be above <style> on line 4.',
           line: 6
         }
       ],
@@ -173,7 +254,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: 'The <script> should be above the <template> on line 2.',
+          message: '<script> should be above <template> on line 2.',
           line: 3
         }
       ],
@@ -193,7 +274,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['template', 'script', 'style'] }],
       errors: [
         {
-          message: 'The <template> should be above the <script> on line 2.',
+          message: '<template> should be above <script> on line 2.',
           line: 3
         }
       ],
@@ -214,7 +295,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['docs', 'template', 'script', 'style'] }],
       errors: [
         {
-          message: 'The <docs> should be above the <template> on line 2.',
+          message: '<docs> should be above <template> on line 2.',
           line: 3
         }
       ],
@@ -236,7 +317,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: 'The <script> should be above the <template> on line 2.',
+          message: '<script> should be above <template> on line 2.',
           line: 4
         }
       ],
@@ -259,7 +340,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: 'The <script> should be above the <template> on line 2.',
+          message: '<script> should be above <template> on line 2.',
           line: 5
         }
       ],
@@ -280,7 +361,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['template', 'script'] }],
       errors: [
         {
-          message: 'The <template> should be above the <script> on line 2.',
+          message: '<template> should be above <script> on line 2.',
           line: 3
         }
       ],
@@ -295,11 +376,11 @@ tester.run('component-tags-order', rule, {
       `,
       errors: [
         {
-          message: 'The <template> should be above the <style> on line 2.',
+          message: '<template> should be above <style> on line 2.',
           line: 3
         },
         {
-          message: 'The <script> should be above the <style> on line 2.',
+          message: '<script> should be above <style> on line 2.',
           line: 4
         }
       ],
@@ -319,11 +400,11 @@ tester.run('component-tags-order', rule, {
       `,
       errors: [
         {
-          message: 'The <template> should be above the <style> on line 2.',
+          message: '<template> should be above <style> on line 2.',
           line: 4
         },
         {
-          message: 'The <script> should be above the <style> on line 2.',
+          message: '<script> should be above <style> on line 2.',
           line: 5
         }
       ],
@@ -343,11 +424,56 @@ tester.run('component-tags-order', rule, {
       `,
       errors: [
         {
-          message: 'The <script> should be above the <style> on line 2.',
+          message: '<script> should be above <style> on line 2.',
           line: 3
         }
       ],
       output: '\n        <script></script>\n        <style></style>\n      '
+    },
+    {
+      code: '<i18n locale="ja"></i18n><i18n locale="en"></i18n>',
+      output: '<i18n locale="en"></i18n><i18n locale="ja"></i18n>',
+      options: [{ order: ['i18n[locale=en]', 'i18n[locale=ja]'] }],
+      errors: [
+        {
+          message:
+            '<i18n locale=en> should be above <i18n locale=ja> on line 1.',
+          line: 1
+        }
+      ]
+    },
+    {
+      code: '<style scoped></style><style></style>',
+      output: '<style></style><style scoped></style>',
+      options: [{ order: ['style:not([scoped])', 'style[scoped]'] }],
+      errors: [
+        {
+          message: '<style> should be above <style scoped> on line 1.',
+          line: 1
+        }
+      ]
+    },
+    {
+      code: '<style></style><style scoped></style>',
+      output: '<style scoped></style><style></style>',
+      options: [{ order: ['style[scoped]', 'style:not([scoped])'] }],
+      errors: [
+        {
+          message: '<style scoped> should be above <style> on line 1.',
+          line: 1
+        }
+      ]
+    },
+    {
+      code: '<style></style><script></script>',
+      output: '<script></script><style></style>',
+      options: [{ order: ['script:not([scoped])', 'style:not([scoped])'] }],
+      errors: [
+        {
+          message: '<script> should be above <style> on line 1.',
+          line: 1
+        }
+      ]
     }
   ]
 })

From 124cc371645dbb56a80ddcbc8bf37af6efccd044 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 11 Apr 2022 15:04:19 +0900
Subject: [PATCH 0472/1010] Add github workflows (#1843)

* Add github workflows

* Fix CI errors
---
 .github/workflows/CI.yml                | 42 ++++++++++++++++++++
 lib/rules/component-tags-order.js       |  8 ++--
 tests/lib/rules/component-tags-order.js | 51 ++++++++++++++-----------
 3 files changed, 74 insertions(+), 27 deletions(-)
 create mode 100644 .github/workflows/CI.yml

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
new file mode 100644
index 000000000..15c7d4193
--- /dev/null
+++ b/.github/workflows/CI.yml
@@ -0,0 +1,42 @@
+name: CI
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+    - name: Install Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16
+    - name: Install Packages
+      run: npm install --legacy-peer-deps
+    - name: Lint
+      run: npm run lint
+
+  test:
+    name: Test
+    strategy:
+      matrix:
+        node: [16, 17]
+        os: [ubuntu-latest]
+
+    runs-on: ${{ matrix.os }}
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+    - name: Install Node.js v${{ matrix.node }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node }}
+    - name: Install Packages
+      run: npm install --legacy-peer-deps
+    - name: Test
+      run: npm test
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 289bc381f..09740d111 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -47,7 +47,7 @@ module.exports = {
     ],
     messages: {
       unexpected:
-        '<{{elementName}}{{elementAttributes}}> should be above <{{firstUnorderedName}}{{firstUnorderedAttributes}}> on line {{line}}.'
+        "'<{{elementName}}{{elementAttributes}}>' should be above '<{{firstUnorderedName}}{{firstUnorderedAttributes}}>' on line {{line}}."
     }
   },
   /**
@@ -83,7 +83,7 @@ module.exports = {
 
           return `${attribute.key.name}${
             attribute.value && attribute.value.value
-              ? '=' + attribute.value.value
+              ? `=${attribute.value.value}`
               : ''
           }`
         })
@@ -177,11 +177,11 @@ module.exports = {
               data: {
                 elementName: element.name,
                 elementAttributes: elementAttributes
-                  ? ' ' + elementAttributes
+                  ? ` ${elementAttributes}`
                   : '',
                 firstUnorderedName: firstUnordered.name,
                 firstUnorderedAttributes: firstUnorderedttributes
-                  ? ' ' + firstUnorderedttributes
+                  ? ` ${firstUnorderedttributes}`
                   : '',
                 line: firstUnordered.loc.start.line
               },
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 84c2daeb6..474d04bf2 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -107,12 +107,18 @@ tester.run('component-tags-order', rule, {
     {
       code: '<script setup></script><script></script><template></template><style></style>',
       output: null,
-      options: [{ order: ['script[setup]', 'script:not([setup])', 'template', 'style'] }]
+      options: [
+        { order: ['script[setup]', 'script:not([setup])', 'template', 'style'] }
+      ]
     },
     {
       code: '<template></template><script setup></script><script></script><style></style>',
       output: null,
-      options: [{ order: [['script[setup]', 'script:not([setup])', 'template'], 'style'] }]
+      options: [
+        {
+          order: [['script[setup]', 'script:not([setup])', 'template'], 'style']
+        }
+      ]
     },
     {
       code: '<script></script><script setup></script><template></template><style></style>',
@@ -122,7 +128,7 @@ tester.run('component-tags-order', rule, {
     {
       code: '<template></template><script></script><script setup></script><style></style>',
       output: null,
-      options: [{ order: [['script, 'template'], 'style'] }]
+      options: [{ order: [['script', 'template'], 'style'] }]
     },
     {
       code: '<script></script><script setup></script><template></template><style></style>',
@@ -155,7 +161,6 @@ tester.run('component-tags-order', rule, {
         }
       ]
     },
-    ,
     {
       code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n lang="en"></i18n><i18n lang="ja"></i18n>',
       output: null,
@@ -200,12 +205,12 @@ tester.run('component-tags-order', rule, {
       code: '<style></style><template></template><script></script>',
       errors: [
         {
-          message: '<template> should be above <style> on line 1.',
+          message: "'<template>' should be above '<style>' on line 1.",
           line: 1,
           column: 16
         },
         {
-          message: '<script> should be above <style> on line 1.',
+          message: "'<script>' should be above '<style>' on line 1.",
           line: 1,
           column: 37
         }
@@ -217,7 +222,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: '<script> should be above <template> on line 1.',
+          message: "'<script>' should be above '<template>' on line 1.",
           line: 1,
           column: 22
         }
@@ -233,7 +238,7 @@ tester.run('component-tags-order', rule, {
         <script></script>`,
       errors: [
         {
-          message: '<script> should be above <style> on line 4.',
+          message: "'<script>' should be above '<style>' on line 4.",
           line: 6
         }
       ],
@@ -254,7 +259,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: '<script> should be above <template> on line 2.',
+          message: "'<script>' should be above '<template>' on line 2.",
           line: 3
         }
       ],
@@ -274,7 +279,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['template', 'script', 'style'] }],
       errors: [
         {
-          message: '<template> should be above <script> on line 2.',
+          message: "'<template>' should be above '<script>' on line 2.",
           line: 3
         }
       ],
@@ -295,7 +300,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['docs', 'template', 'script', 'style'] }],
       errors: [
         {
-          message: '<docs> should be above <template> on line 2.',
+          message: "'<docs>' should be above '<template>' on line 2.",
           line: 3
         }
       ],
@@ -317,7 +322,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: '<script> should be above <template> on line 2.',
+          message: "'<script>' should be above '<template>' on line 2.",
           line: 4
         }
       ],
@@ -340,7 +345,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
-          message: '<script> should be above <template> on line 2.',
+          message: "'<script>' should be above '<template>' on line 2.",
           line: 5
         }
       ],
@@ -361,7 +366,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['template', 'script'] }],
       errors: [
         {
-          message: '<template> should be above <script> on line 2.',
+          message: "'<template>' should be above '<script>' on line 2.",
           line: 3
         }
       ],
@@ -376,11 +381,11 @@ tester.run('component-tags-order', rule, {
       `,
       errors: [
         {
-          message: '<template> should be above <style> on line 2.',
+          message: "'<template>' should be above '<style>' on line 2.",
           line: 3
         },
         {
-          message: '<script> should be above <style> on line 2.',
+          message: "'<script>' should be above '<style>' on line 2.",
           line: 4
         }
       ],
@@ -400,11 +405,11 @@ tester.run('component-tags-order', rule, {
       `,
       errors: [
         {
-          message: '<template> should be above <style> on line 2.',
+          message: "'<template>' should be above '<style>' on line 2.",
           line: 4
         },
         {
-          message: '<script> should be above <style> on line 2.',
+          message: "'<script>' should be above '<style>' on line 2.",
           line: 5
         }
       ],
@@ -424,7 +429,7 @@ tester.run('component-tags-order', rule, {
       `,
       errors: [
         {
-          message: '<script> should be above <style> on line 2.',
+          message: "'<script>' should be above '<style>' on line 2.",
           line: 3
         }
       ],
@@ -437,7 +442,7 @@ tester.run('component-tags-order', rule, {
       errors: [
         {
           message:
-            '<i18n locale=en> should be above <i18n locale=ja> on line 1.',
+            "'<i18n locale=en>' should be above '<i18n locale=ja>' on line 1.",
           line: 1
         }
       ]
@@ -448,7 +453,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['style:not([scoped])', 'style[scoped]'] }],
       errors: [
         {
-          message: '<style> should be above <style scoped> on line 1.',
+          message: "'<style>' should be above '<style scoped>' on line 1.",
           line: 1
         }
       ]
@@ -459,7 +464,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['style[scoped]', 'style:not([scoped])'] }],
       errors: [
         {
-          message: '<style scoped> should be above <style> on line 1.',
+          message: "'<style scoped>' should be above '<style>' on line 1.",
           line: 1
         }
       ]
@@ -470,7 +475,7 @@ tester.run('component-tags-order', rule, {
       options: [{ order: ['script:not([scoped])', 'style:not([scoped])'] }],
       errors: [
         {
-          message: '<script> should be above <style> on line 1.',
+          message: "'<script>' should be above '<style>' on line 1.",
           line: 1
         }
       ]

From 1e375bc8455a2ee8ca2607174a985b9581cc64e2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 13 Apr 2022 08:12:15 +0900
Subject: [PATCH 0473/1010] Improve usage of postcss-selector-parser (#1842)

* Add CSS selector parser

* Change to use selector parser in `component-tags-order` rule.

* Update tests/lib/utils/selector.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update fixtures

* Update lib/rules/component-tags-order.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update lib/rules/component-tags-order.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update lib/utils/selector.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tests/lib/utils/selector.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* format and update fixtures

* Refactor

* rename var

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/component-tags-order.md            |  16 +-
 lib/rules/component-tags-order.js             | 118 ++--
 lib/utils/selector.js                         | 605 ++++++++++++++++++
 package.json                                  |   1 +
 .../utils/selector/attr-contains/result.json  |   9 +
 .../utils/selector/attr-contains/source.vue   |  10 +
 .../selector/attr-empty-value/result.json     |   8 +
 .../selector/attr-empty-value/source.vue      |  11 +
 .../utils/selector/attr-eq/result.json        |   8 +
 .../utils/selector/attr-eq/source.vue         |  11 +
 .../utils/selector/attr-has/result.json       |   8 +
 .../utils/selector/attr-has/source.vue        |   8 +
 .../selector/attr-insensitive/result.json     |   7 +
 .../selector/attr-insensitive/source.vue      |  10 +
 .../utils/selector/attr-lang/result.json      |   9 +
 .../utils/selector/attr-lang/source.vue       |   9 +
 .../selector/attr-not-insensitive/result.json |   5 +
 .../selector/attr-not-insensitive/source.vue  |  11 +
 .../utils/selector/attr-prefixed/result.json  |   8 +
 .../utils/selector/attr-prefixed/source.vue   |  10 +
 .../utils/selector/attr-suffixed/result.json  |   8 +
 .../utils/selector/attr-suffixed/source.vue   |  10 +
 .../utils/selector/attr-words/result.json     |   8 +
 .../utils/selector/attr-words/source.vue      |  11 +
 .../fixtures/utils/selector/class/result.json |   8 +
 .../fixtures/utils/selector/class/source.vue  |   8 +
 .../selector/combinator-adjacent/result.json  |   8 +
 .../selector/combinator-adjacent/source.vue   |  14 +
 .../selector/combinator-child01/result.json   |   9 +
 .../selector/combinator-child01/source.vue    |  14 +
 .../selector/combinator-child02/result.json   |  10 +
 .../selector/combinator-child02/source.vue    | 162 +++++
 .../combinator-descendant01/result.json       |  10 +
 .../combinator-descendant01/source.vue        |  14 +
 .../combinator-descendant02/result.json       |  14 +
 .../combinator-descendant02/source.vue        | 162 +++++
 .../selector/combinator-sibling/result.json   |   9 +
 .../selector/combinator-sibling/source.vue    |  14 +
 .../utils/selector/comment01/result.json      |   7 +
 .../utils/selector/comment01/source.vue       |   7 +
 .../utils/selector/comment02/result.json      |   7 +
 .../utils/selector/comment02/source.vue       |  13 +
 .../utils/selector/comment03/result.json      |   7 +
 .../utils/selector/comment03/source.vue       |  13 +
 tests/fixtures/utils/selector/id/result.json  |   7 +
 tests/fixtures/utils/selector/id/source.vue   |   8 +
 .../selector/invalid-attr-op/result.json      |   7 +
 .../utils/selector/invalid-attr-op/source.vue |   4 +
 .../selector/invalid-combinators/result.json  |   7 +
 .../selector/invalid-combinators/source.vue   |   6 +
 .../utils/selector/invalid-empty/result.json  |   7 +
 .../utils/selector/invalid-empty/source.vue   |   6 +
 .../invalid-last-combinator/result.json       |   7 +
 .../invalid-last-combinator/source.vue        |   6 +
 .../selector/invalid-nesting/result.json      |   7 +
 .../utils/selector/invalid-nesting/source.vue |   6 +
 .../utils/selector/invalid-nth/result.json    |   7 +
 .../utils/selector/invalid-nth/source.vue     |   4 +
 .../selector/invalid-selector/result.json     |   7 +
 .../selector/invalid-selector/source.vue      |   4 +
 .../utils/selector/invalid-string/result.json |   7 +
 .../utils/selector/invalid-string/source.vue  |   6 +
 .../invalid-unknown-combinator/result.json    |   7 +
 .../invalid-unknown-combinator/source.vue     |   6 +
 .../invalid-unknown-pseudo/result.json        |   7 +
 .../invalid-unknown-pseudo/source.vue         |   6 +
 .../utils/selector/pseudo-empty/result.json   |   8 +
 .../utils/selector/pseudo-empty/source.vue    |  11 +
 .../selector/pseudo-first-child01/result.json |   7 +
 .../selector/pseudo-first-child01/source.vue  |  14 +
 .../selector/pseudo-first-child02/result.json |   8 +
 .../selector/pseudo-first-child02/source.vue  |  14 +
 .../pseudo-first-of-type01/result.json        |   7 +
 .../pseudo-first-of-type01/source.vue         |   8 +
 .../pseudo-first-of-type02/result.json        |   8 +
 .../pseudo-first-of-type02/source.vue         |   8 +
 .../selector/pseudo-has-complex01/result.json |   8 +
 .../selector/pseudo-has-complex01/source.vue  |  31 +
 .../selector/pseudo-has-complex02/result.json |   9 +
 .../selector/pseudo-has-complex02/source.vue  |  31 +
 .../utils/selector/pseudo-has01/result.json   |   9 +
 .../utils/selector/pseudo-has01/source.vue    |  25 +
 .../utils/selector/pseudo-has02/result.json   |   8 +
 .../utils/selector/pseudo-has02/source.vue    |  25 +
 .../utils/selector/pseudo-has03/result.json   |   8 +
 .../utils/selector/pseudo-has03/source.vue    |  13 +
 .../utils/selector/pseudo-has04/result.json   |   9 +
 .../utils/selector/pseudo-has04/source.vue    |  13 +
 .../utils/selector/pseudo-is/result.json      |  12 +
 .../utils/selector/pseudo-is/source.vue       |  17 +
 .../selector/pseudo-last-child/result.json    |   8 +
 .../selector/pseudo-last-child/source.vue     |  14 +
 .../pseudo-last-of-type01/result.json         |   7 +
 .../selector/pseudo-last-of-type01/source.vue |   8 +
 .../pseudo-last-of-type02/result.json         |   8 +
 .../selector/pseudo-last-of-type02/source.vue |   8 +
 .../utils/selector/pseudo-not/result.json     |   9 +
 .../utils/selector/pseudo-not/source.vue      |   8 +
 .../selector/pseudo-nth-child01/result.json   |  11 +
 .../selector/pseudo-nth-child01/source.vue    |  14 +
 .../selector/pseudo-nth-child02/result.json   |   8 +
 .../selector/pseudo-nth-child02/source.vue    |  14 +
 .../selector/pseudo-nth-child03/result.json   |   7 +
 .../selector/pseudo-nth-child03/source.vue    |  14 +
 .../pseudo-nth-last-child01/result.json       |   9 +
 .../pseudo-nth-last-child01/source.vue        |  21 +
 .../pseudo-nth-last-child02/result.json       |  10 +
 .../pseudo-nth-last-child02/source.vue        |  21 +
 .../pseudo-nth-last-child03/result.json       |   7 +
 .../pseudo-nth-last-child03/source.vue        |  21 +
 .../pseudo-nth-last-of-type01/result.json     |   7 +
 .../pseudo-nth-last-of-type01/source.vue      |  11 +
 .../pseudo-nth-last-of-type02/result.json     |   7 +
 .../pseudo-nth-last-of-type02/source.vue      |  11 +
 .../selector/pseudo-nth-of-type01/result.json |   8 +
 .../selector/pseudo-nth-of-type01/source.vue  |  11 +
 .../selector/pseudo-nth-of-type02/result.json |   8 +
 .../selector/pseudo-nth-of-type02/source.vue  |  11 +
 .../selector/pseudo-nth-of-type03/result.json |   7 +
 .../selector/pseudo-nth-of-type03/source.vue  |  11 +
 .../selector/pseudo-nth-of-type04/result.json |   9 +
 .../selector/pseudo-nth-of-type04/source.vue  |  11 +
 .../selector/pseudo-only-child/result.json    |   7 +
 .../selector/pseudo-only-child/source.vue     |  17 +
 .../selector/pseudo-only-of-type/result.json  |   8 +
 .../selector/pseudo-only-of-type/source.vue   |  13 +
 .../utils/selector/pseudo-where/result.json   |  12 +
 .../utils/selector/pseudo-where/source.vue    |  17 +
 .../fixtures/utils/selector/tag01/result.json |   9 +
 .../fixtures/utils/selector/tag01/source.vue  |   9 +
 .../fixtures/utils/selector/tag02/result.json |   7 +
 .../fixtures/utils/selector/tag02/source.vue  |   9 +
 .../utils/selector/universal/result.json      |  12 +
 .../utils/selector/universal/source.vue       |   9 +
 tests/lib/rules/component-tags-order.js       |  12 +-
 tests/lib/utils/selector.js                   |  88 +++
 136 files changed, 2365 insertions(+), 82 deletions(-)
 create mode 100644 lib/utils/selector.js
 create mode 100644 tests/fixtures/utils/selector/attr-contains/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-contains/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-empty-value/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-empty-value/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-eq/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-eq/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-has/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-has/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-insensitive/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-insensitive/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-lang/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-lang/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-not-insensitive/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-not-insensitive/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-prefixed/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-prefixed/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-suffixed/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-suffixed/source.vue
 create mode 100644 tests/fixtures/utils/selector/attr-words/result.json
 create mode 100644 tests/fixtures/utils/selector/attr-words/source.vue
 create mode 100644 tests/fixtures/utils/selector/class/result.json
 create mode 100644 tests/fixtures/utils/selector/class/source.vue
 create mode 100644 tests/fixtures/utils/selector/combinator-adjacent/result.json
 create mode 100644 tests/fixtures/utils/selector/combinator-adjacent/source.vue
 create mode 100644 tests/fixtures/utils/selector/combinator-child01/result.json
 create mode 100644 tests/fixtures/utils/selector/combinator-child01/source.vue
 create mode 100644 tests/fixtures/utils/selector/combinator-child02/result.json
 create mode 100644 tests/fixtures/utils/selector/combinator-child02/source.vue
 create mode 100644 tests/fixtures/utils/selector/combinator-descendant01/result.json
 create mode 100644 tests/fixtures/utils/selector/combinator-descendant01/source.vue
 create mode 100644 tests/fixtures/utils/selector/combinator-descendant02/result.json
 create mode 100644 tests/fixtures/utils/selector/combinator-descendant02/source.vue
 create mode 100644 tests/fixtures/utils/selector/combinator-sibling/result.json
 create mode 100644 tests/fixtures/utils/selector/combinator-sibling/source.vue
 create mode 100644 tests/fixtures/utils/selector/comment01/result.json
 create mode 100644 tests/fixtures/utils/selector/comment01/source.vue
 create mode 100644 tests/fixtures/utils/selector/comment02/result.json
 create mode 100644 tests/fixtures/utils/selector/comment02/source.vue
 create mode 100644 tests/fixtures/utils/selector/comment03/result.json
 create mode 100644 tests/fixtures/utils/selector/comment03/source.vue
 create mode 100644 tests/fixtures/utils/selector/id/result.json
 create mode 100644 tests/fixtures/utils/selector/id/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-attr-op/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-attr-op/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-combinators/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-combinators/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-empty/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-empty/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-last-combinator/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-last-combinator/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-nesting/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-nesting/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-nth/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-nth/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-selector/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-selector/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-string/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-string/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-unknown-combinator/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue
 create mode 100644 tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json
 create mode 100644 tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-empty/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-empty/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-child01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-child01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-child02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-child02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-of-type01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-of-type02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-has-complex01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-has-complex01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-has-complex02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-has-complex02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-has01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-has01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-has02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-has02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-has03/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-has03/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-has04/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-has04/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-is/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-is/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-last-child/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-last-child/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-last-of-type01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-last-of-type02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-not/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-not/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-child01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-child01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-child02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-child02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-child03/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-child03/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-only-child/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-only-child/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-only-of-type/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-only-of-type/source.vue
 create mode 100644 tests/fixtures/utils/selector/pseudo-where/result.json
 create mode 100644 tests/fixtures/utils/selector/pseudo-where/source.vue
 create mode 100644 tests/fixtures/utils/selector/tag01/result.json
 create mode 100644 tests/fixtures/utils/selector/tag01/source.vue
 create mode 100644 tests/fixtures/utils/selector/tag02/result.json
 create mode 100644 tests/fixtures/utils/selector/tag02/source.vue
 create mode 100644 tests/fixtures/utils/selector/universal/result.json
 create mode 100644 tests/fixtures/utils/selector/universal/source.vue
 create mode 100644 tests/lib/utils/selector.js

diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index cc4aebbfa..4fc8d245e 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -26,7 +26,7 @@ This rule warns about the order of the top-level tags, such as `<script>`, `<tem
 }
 ```
 
-- `order` (`(string|string[])[]`) ... The order of top-level element names. default `[ [ "script", "template" ], "style" ]`. May also be CSS selectors, such as `script[setup]` and `i18n:not([lang=en])`.
+- `order` (`(string|string[])[]`) ... The order of top-level element names. default `[ [ "script", "template" ], "style" ]`. May also be CSS selectors, such as `script[setup]` and `i18n:not([locale=en])`.
 
 ### `{ "order": [ [ "script", "template" ], "style" ] }` (default)
 
@@ -161,26 +161,26 @@ This rule warns about the order of the top-level tags, such as `<script>`, `<tem
 
 </eslint-code-block>
 
-### `{ 'order': ['template', 'i18n:not([lang=en])', 'i18n[lang=en]'] }`
+### `{ 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }`
 
-<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'i18n:not([lang=en])', 'i18n[lang=en]'] }]}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }]}">
 
 ```vue
 <!-- ✓ GOOD -->
 <template>...</template>
-<i18n lang="ja">/* ... */</i18n>
-<i18n lang="en">/* ... */</i18n>
+<i18n locale="ja">/* ... */</i18n>
+<i18n locale="en">/* ... */</i18n>
 ```
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'i18n:not([lang=en])', 'i18n[lang=en]'] }]}">
+<eslint-code-block fix :rules="{'vue/component-tags-order': ['error', { 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }]}">
 
 ```vue
 <!-- ✗ BAD -->
 <template>...</template>
-<i18n lang="en">/* ... */</i18n>
-<i18n lang="ja">/* ... */</i18n>
+<i18n locale="en">/* ... */</i18n>
+<i18n locale="ja">/* ... */</i18n>
 ```
 
 </eslint-code-block>
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 09740d111..dfd8482bf 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -9,7 +9,15 @@
 // ------------------------------------------------------------------------------
 
 const utils = require('../utils')
-const parser = require('postcss-selector-parser')
+const { parseSelector } = require('../utils/selector')
+
+/**
+ * @typedef {import('../utils/selector').VElementSelector} VElementSelector
+ */
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
 
 const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
 
@@ -55,24 +63,38 @@ module.exports = {
    * @returns {RuleListener} AST event handlers.
    */
   create(context) {
-    /** @type {Map<string, number>} */
-    const orderMap = new Map()
+    /**
+     * @typedef {object} OrderElement
+     * @property {string} selectorText
+     * @property {VElementSelector} selector
+     * @property {number} index
+     */
+    /** @type {OrderElement[]} */
+    const orders = []
     /** @type {(string|string[])[]} */
     const orderOptions =
       (context.options[0] && context.options[0].order) || DEFAULT_ORDER
-    orderOptions.forEach((nameOrNames, index) => {
-      if (Array.isArray(nameOrNames)) {
-        for (const name of nameOrNames) {
-          orderMap.set(name, index)
+    orderOptions.forEach((selectorOrSelectors, index) => {
+      if (Array.isArray(selectorOrSelectors)) {
+        for (const selector of selectorOrSelectors) {
+          orders.push({
+            selectorText: selector,
+            selector: parseSelector(selector, context),
+            index
+          })
         }
       } else {
-        orderMap.set(nameOrNames, index)
+        orders.push({
+          selectorText: selectorOrSelectors,
+          selector: parseSelector(selectorOrSelectors, context),
+          index
+        })
       }
     })
 
     /**
      * @param {VElement} element
-     * @return {String}
+     * @return {string}
      */
     function getAttributeString(element) {
       return element.startTag.attributes
@@ -90,54 +112,11 @@ module.exports = {
         .join(' ')
     }
 
-    /**
-     * @param {String} ordering
-     * @param {VElement} element
-     * @return {Boolean} true if the element matches the selector, false otherwise
-     */
-    function matches(ordering, element) {
-      let attributeMatches = true
-      let isNegated = false
-      let tagMatches = true
-
-      parser((selectors) => {
-        selectors.walk((selector) => {
-          switch (selector.type) {
-            case 'tag':
-              tagMatches = selector.value === element.name
-              break
-            case 'pseudo':
-              isNegated = selector.value === ':not'
-              break
-            case 'attribute':
-              attributeMatches = utils.hasAttribute(
-                element,
-                selector.qualifiedAttribute,
-                selector.value
-              )
-              break
-          }
-        })
-      }).processSync(ordering)
-
-      if (isNegated) {
-        return tagMatches && !attributeMatches
-      } else {
-        return tagMatches && attributeMatches
-      }
-    }
-
     /**
      * @param {VElement} element
      */
-    function getOrderPosition(element) {
-      for (const [ordering, index] of orderMap.entries()) {
-        if (matches(ordering, element)) {
-          return index
-        }
-      }
-
-      return -1
+    function getOrderElement(element) {
+      return orders.find((o) => o.selector.test(element))
     }
     const documentFragment =
       context.parserServices.getDocumentFragment &&
@@ -156,18 +135,21 @@ module.exports = {
           return
         }
         const elements = getTopLevelHTMLElements()
+
+        const elementWithOrders = elements.flatMap((element) => {
+          const order = getOrderElement(element)
+          return order ? [{ order, element }] : []
+        })
         const sourceCode = context.getSourceCode()
-        elements.forEach((element, index) => {
-          const expectedIndex = getOrderPosition(element)
-          if (expectedIndex < 0) {
-            return
-          }
-          const firstUnordered = elements
+        elementWithOrders.forEach(({ order: expected, element }, index) => {
+          const firstUnordered = elementWithOrders
             .slice(0, index)
-            .filter((e) => expectedIndex < getOrderPosition(e))
-            .sort((e1, e2) => getOrderPosition(e1) - getOrderPosition(e2))[0]
+            .filter(({ order }) => expected.index < order.index)
+            .sort((e1, e2) => e1.order.index - e2.order.index)[0]
           if (firstUnordered) {
-            const firstUnorderedttributes = getAttributeString(firstUnordered)
+            const firstUnorderedAttributes = getAttributeString(
+              firstUnordered.element
+            )
             const elementAttributes = getAttributeString(element)
 
             context.report({
@@ -179,16 +161,16 @@ module.exports = {
                 elementAttributes: elementAttributes
                   ? ` ${elementAttributes}`
                   : '',
-                firstUnorderedName: firstUnordered.name,
-                firstUnorderedAttributes: firstUnorderedttributes
-                  ? ` ${firstUnorderedttributes}`
+                firstUnorderedName: firstUnordered.element.name,
+                firstUnorderedAttributes: firstUnorderedAttributes
+                  ? ` ${firstUnorderedAttributes}`
                   : '',
-                line: firstUnordered.loc.start.line
+                line: firstUnordered.element.loc.start.line
               },
               *fix(fixer) {
                 // insert element before firstUnordered
                 const fixedElements = elements.flatMap((it) => {
-                  if (it === firstUnordered) {
+                  if (it === firstUnordered.element) {
                     return [element, it]
                   } else if (it === element) {
                     return []
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
new file mode 100644
index 000000000..6c90e9ca0
--- /dev/null
+++ b/lib/utils/selector.js
@@ -0,0 +1,605 @@
+'use strict'
+
+const parser = require('postcss-selector-parser')
+const { default: nthCheck } = require('nth-check')
+const { getAttribute, isVElement } = require('.')
+
+/**
+ * @typedef {object} VElementSelector
+ * @property {(element: VElement)=>boolean} test
+ */
+
+module.exports = {
+  parseSelector
+}
+
+/**
+ * Parses CSS selectors and returns an object with a function that tests VElement.
+ * @param {string} selector CSS selector
+ * @param {RuleContext} context - The rule context.
+ * @returns {VElementSelector}
+ */
+function parseSelector(selector, context) {
+  let astSelector
+  try {
+    astSelector = parser().astSync(selector)
+  } catch (e) {
+    context.report({
+      loc: { line: 0, column: 0 },
+      message: `Cannot parse selector: ${selector}.`
+    })
+    return {
+      test: () => false
+    }
+  }
+
+  try {
+    const test = selectorsToVElementMatcher(astSelector.nodes)
+
+    return {
+      test(element) {
+        return test(element, null)
+      }
+    }
+  } catch (e) {
+    if (e instanceof SelectorError) {
+      context.report({
+        loc: { line: 0, column: 0 },
+        message: e.message
+      })
+      return {
+        test: () => false
+      }
+    }
+    throw e
+  }
+}
+
+class SelectorError extends Error {}
+
+/**
+ * @typedef {(element: VElement, subject: VElement | null )=>boolean} VElementMatcher
+ * @typedef {Exclude<parser.Selector['nodes'][number], {type:'comment'|'root'}>} ChildNode
+ */
+
+/**
+ * Convert nodes to VElementMatcher
+ * @param {parser.Selector[]} selectorNodes
+ * @returns {VElementMatcher}
+ */
+function selectorsToVElementMatcher(selectorNodes) {
+  const selectors = selectorNodes.map((n) =>
+    selectorToVElementMatcher(cleanSelectorChildren(n))
+  )
+  return (element, subject) => selectors.some((sel) => sel(element, subject))
+}
+
+/**
+ * Clean and get the selector child nodes.
+ * @param {parser.Selector} selector
+ * @returns {ChildNode[]}
+ */
+function cleanSelectorChildren(selector) {
+  /** @type {ChildNode[]} */
+  const nodes = []
+  /** @type {ChildNode|null} */
+  let last = null
+  for (const node of selector.nodes) {
+    if (node.type === 'root') {
+      throw new SelectorError('Unexpected state type=root')
+    }
+    if (node.type === 'comment') {
+      continue
+    }
+    if (
+      (last == null || last.type === 'combinator') &&
+      isDescendantCombinator(node)
+    ) {
+      // Ignore descendant combinator
+      continue
+    }
+    if (isDescendantCombinator(last) && node.type === 'combinator') {
+      // Replace combinator
+      nodes.pop()
+    }
+    nodes.push(node)
+    last = node
+  }
+  if (isDescendantCombinator(last)) {
+    nodes.pop()
+  }
+  return nodes
+
+  /**
+   * @param {parser.Node|null} node
+   * @returns {node is parser.Combinator}
+   */
+  function isDescendantCombinator(node) {
+    return Boolean(node && node.type === 'combinator' && !node.value.trim())
+  }
+}
+/**
+ * Convert Selector child nodes to VElementMatcher
+ * @param {ChildNode[]} selectorChildren
+ * @returns {VElementMatcher}
+ */
+function selectorToVElementMatcher(selectorChildren) {
+  const nodes = [...selectorChildren]
+  let node = nodes.shift()
+  /**
+   * @type {VElementMatcher | null}
+   */
+  let result = null
+  while (node) {
+    if (node.type === 'combinator') {
+      const combinator = node.value
+      node = nodes.shift()
+      if (!node) {
+        throw new SelectorError(`Expected selector after '${combinator}'.`)
+      }
+      if (node.type === 'combinator') {
+        throw new SelectorError(`Unexpected combinator '${node.value}'.`)
+      }
+      const right = nodeToVElementMatcher(node)
+      result = combination(
+        result ||
+          // for :has()
+          ((element, subject) => element === subject),
+        combinator,
+        right
+      )
+    } else {
+      const sel = nodeToVElementMatcher(node)
+      result = result ? compound(result, sel) : sel
+    }
+    node = nodes.shift()
+  }
+  if (!result) {
+    throw new SelectorError(`Unexpected empty selector.`)
+  }
+  return result
+}
+
+/**
+ * @param {VElementMatcher} left
+ * @param {string} combinator
+ * @param {VElementMatcher} right
+ * @returns {VElementMatcher}
+ */
+function combination(left, combinator, right) {
+  switch (combinator.trim()) {
+    case '':
+      // descendant
+      return (element, subject) => {
+        if (right(element, null)) {
+          let parent = element.parent
+          while (parent.type === 'VElement') {
+            if (left(parent, subject)) {
+              return true
+            }
+            parent = parent.parent
+          }
+        }
+        return false
+      }
+    case '>':
+      // child
+      return (element, subject) => {
+        if (right(element, null)) {
+          const parent = element.parent
+          if (parent.type === 'VElement') {
+            return left(parent, subject)
+          }
+        }
+        return false
+      }
+    case '+':
+      // adjacent
+      return (element, subject) => {
+        if (right(element, null)) {
+          const before = getBeforeElement(element)
+          if (before) {
+            return left(before, subject)
+          }
+        }
+        return false
+      }
+    case '~':
+      // sibling
+      return (element, subject) => {
+        if (right(element, null)) {
+          for (const before of getBeforeElements(element)) {
+            if (left(before, subject)) {
+              return true
+            }
+          }
+        }
+        return false
+      }
+    default:
+      throw new SelectorError(`Unknown combinator: ${combinator}.`)
+  }
+}
+
+/**
+ * Convert node to VElementMatcher
+ * @param {Exclude<parser.Node, {type:'combinator'|'comment'|'root'|'selector'}>} selector
+ * @returns {VElementMatcher}
+ */
+function nodeToVElementMatcher(selector) {
+  switch (selector.type) {
+    case 'attribute':
+      return attributeNodeToVElementMatcher(selector)
+    case 'class':
+      return classNameNodeToVElementMatcher(selector)
+    case 'id':
+      return identifierNodeToVElementMatcher(selector)
+    case 'tag':
+      return tagNodeToVElementMatcher(selector)
+    case 'universal':
+      return universalNodeToVElementMatcher(selector)
+    case 'pseudo':
+      return pseudoNodeToVElementMatcher(selector)
+    case 'nesting':
+      throw new SelectorError('Unsupported nesting selector.')
+    case 'string':
+      throw new SelectorError(`Unknown selector: ${selector.value}.`)
+    default:
+      throw new SelectorError(
+        `Unknown selector: ${/** @type {any}*/ (selector).value}.`
+      )
+  }
+}
+
+/**
+ * Convert Attribute node to VElementMatcher
+ * @param {parser.Attribute} selector
+ * @returns {VElementMatcher}
+ */
+function attributeNodeToVElementMatcher(selector) {
+  const key = selector.attribute
+  if (!selector.operator) {
+    return (element) => getAttributeValue(element, key) != null
+  }
+  const value = selector.value || ''
+
+  switch (selector.operator) {
+    case '=':
+      return buildVElementMatcher(value, (attr, val) => attr === val)
+    case '~=':
+      // words
+      return buildVElementMatcher(value, (attr, val) =>
+        attr.split(/\s+/gu).includes(val)
+      )
+    case '|=':
+      // immediately followed by hyphen
+      return buildVElementMatcher(
+        value,
+        (attr, val) => attr === val || attr.startsWith(`${val}-`)
+      )
+    case '^=':
+      // prefixed
+      return buildVElementMatcher(value, (attr, val) => attr.startsWith(val))
+    case '$=':
+      // suffixed
+      return buildVElementMatcher(value, (attr, val) => attr.endsWith(val))
+    case '*=':
+      // contains
+      return buildVElementMatcher(value, (attr, val) => attr.includes(val))
+    default:
+      throw new SelectorError(`Unsupported operator: ${selector.operator}.`)
+  }
+
+  /**
+   * @param {string} selectorValue
+   * @param {(attrValue:string, selectorValue: string)=>boolean} test
+   * @returns {VElementMatcher}
+   */
+  function buildVElementMatcher(selectorValue, test) {
+    const val = selector.insensitive
+      ? selectorValue.toLowerCase()
+      : selectorValue
+    return (element) => {
+      const attrValue = getAttributeValue(element, key)
+      if (attrValue == null) {
+        return false
+      }
+      return test(
+        selector.insensitive ? attrValue.toLowerCase() : attrValue,
+        val
+      )
+    }
+  }
+}
+
+/**
+ * Convert ClassName node to VElementMatcher
+ * @param {parser.ClassName} selector
+ * @returns {VElementMatcher}
+ */
+function classNameNodeToVElementMatcher(selector) {
+  const className = selector.value
+  return (element) => {
+    const attrValue = getAttributeValue(element, 'class')
+    if (attrValue == null) {
+      return false
+    }
+    return attrValue.split(/\s+/gu).includes(className)
+  }
+}
+
+/**
+ * Convert Identifier node to VElementMatcher
+ * @param {parser.Identifier} selector
+ * @returns {VElementMatcher}
+ */
+function identifierNodeToVElementMatcher(selector) {
+  const id = selector.value
+  return (element) => {
+    const attrValue = getAttributeValue(element, 'id')
+    if (attrValue == null) {
+      return false
+    }
+    return attrValue === id
+  }
+}
+
+/**
+ * Convert Tag node to VElementMatcher
+ * @param {parser.Tag} selector
+ * @returns {VElementMatcher}
+ */
+function tagNodeToVElementMatcher(selector) {
+  const name = selector.value
+  return (element) => element.rawName === name
+}
+
+/**
+ * Convert Universal node to VElementMatcher
+ * @param {parser.Universal} _selector
+ * @returns {VElementMatcher}
+ */
+function universalNodeToVElementMatcher(_selector) {
+  return () => true
+}
+/**
+ * Convert Pseudo node to VElementMatcher
+ * @param {parser.Pseudo} selector
+ * @returns {VElementMatcher}
+ */
+function pseudoNodeToVElementMatcher(selector) {
+  const pseudo = selector.value
+  switch (pseudo) {
+    case ':not': {
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:not
+      const selectors = selectorsToVElementMatcher(selector.nodes)
+      return (element, subject) => {
+        return !selectors(element, subject)
+      }
+    }
+    case ':is':
+    case ':where':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:is
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:where
+      return selectorsToVElementMatcher(selector.nodes)
+    case ':has':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:has
+      return pseudoHasSelectorsToVElementMatcher(selector.nodes)
+    case ':empty':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:empty
+      return (element) =>
+        element.children.every(
+          (child) => child.type === 'VText' && !child.value.trim()
+        )
+    case ':nth-child': {
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child
+      const nth = parseNth(selector)
+      return buildPseudoNthVElementMatcher(nth)
+    }
+    case ':nth-last-child': {
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child
+      const nth = parseNth(selector)
+      return buildPseudoNthVElementMatcher((index, length) =>
+        nth(length - index - 1)
+      )
+    }
+    case ':first-child':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child
+      return buildPseudoNthVElementMatcher((index) => index === 0)
+    case ':last-child':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child
+      return buildPseudoNthVElementMatcher(
+        (index, length) => index === length - 1
+      )
+    case ':only-child':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:only-child
+      return buildPseudoNthVElementMatcher(
+        (index, length) => index === 0 && length === 1
+      )
+    case ':nth-of-type': {
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type
+      const nth = parseNth(selector)
+      return buildPseudoNthOfTypeVElementMatcher(nth)
+    }
+    case ':nth-last-of-type': {
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-of-type
+      const nth = parseNth(selector)
+      return buildPseudoNthOfTypeVElementMatcher((index, length) =>
+        nth(length - index - 1)
+      )
+    }
+    case ':first-of-type':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:first-of-type
+      return buildPseudoNthOfTypeVElementMatcher((index) => index === 0)
+    case ':last-of-type':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:last-of-type
+      return buildPseudoNthOfTypeVElementMatcher(
+        (index, length) => index === length - 1
+      )
+    case ':only-of-type':
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/:only-of-type
+      return buildPseudoNthOfTypeVElementMatcher(
+        (index, length) => index === 0 && length === 1
+      )
+    default:
+      throw new SelectorError(`Unsupported pseudo selector: ${pseudo}.`)
+  }
+}
+
+/**
+ * Convert :has() selector nodes to VElementMatcher
+ * @param {parser.Selector[]} selectorNodes
+ * @returns {VElementMatcher}
+ */
+function pseudoHasSelectorsToVElementMatcher(selectorNodes) {
+  const selectors = selectorNodes.map((n) =>
+    pseudoHasSelectorToVElementMatcher(n)
+  )
+  return (element, subject) => selectors.some((sel) => sel(element, subject))
+}
+/**
+ * Convert :has() selector node to VElementMatcher
+ * @param {parser.Selector} selector
+ * @returns {VElementMatcher}
+ */
+function pseudoHasSelectorToVElementMatcher(selector) {
+  const nodes = cleanSelectorChildren(selector)
+  const selectors = selectorToVElementMatcher(nodes)
+  const firstNode = nodes[0]
+  if (
+    firstNode.type === 'combinator' &&
+    (firstNode.value === '+' || firstNode.value === '~')
+  ) {
+    // adjacent or sibling
+    return buildVElementMatcher(selectors, (element) =>
+      getAfterElements(element)
+    )
+  }
+  // descendant or child
+  return buildVElementMatcher(selectors, (element) =>
+    element.children.filter(isVElement)
+  )
+
+  /**
+   * @param {VElementMatcher} selectors
+   * @param {(element: VElement) => VElement[]} getStartElements
+   * @returns {VElementMatcher}
+   */
+  function buildVElementMatcher(selectors, getStartElements) {
+    return (element) => {
+      const elements = [...getStartElements(element)]
+      /** @type {VElement|undefined} */
+      let curr
+      while ((curr = elements.shift())) {
+        const el = curr
+        if (selectors(el, element)) {
+          return true
+        }
+        elements.push(...el.children.filter(isVElement))
+      }
+      return false
+    }
+  }
+}
+
+/**
+ * Parse <nth>
+ * @param {parser.Pseudo} pseudoNode
+ * @returns {(index: number)=>boolean}
+ */
+function parseNth(pseudoNode) {
+  const argumentsText = pseudoNode
+    .toString()
+    .slice(pseudoNode.value.length)
+    .toLowerCase()
+  const openParenIndex = argumentsText.indexOf('(')
+  const closeParenIndex = argumentsText.lastIndexOf(')')
+  if (openParenIndex < 0 || closeParenIndex < 0) {
+    throw new SelectorError(
+      `Cannot parse An+B micro syntax (:nth-xxx() argument): ${argumentsText}.`
+    )
+  }
+
+  const argument = argumentsText
+    .slice(openParenIndex + 1, closeParenIndex)
+    .trim()
+  try {
+    return nthCheck(argument)
+  } catch (e) {
+    throw new SelectorError(
+      `Cannot parse An+B micro syntax (:nth-xxx() argument): '${argument}'.`
+    )
+  }
+}
+
+/**
+ * Build VElementMatcher for :nth-xxx()
+ * @param {(index: number, length: number)=>boolean} testIndex
+ * @returns {VElementMatcher}
+ */
+function buildPseudoNthVElementMatcher(testIndex) {
+  return (element) => {
+    const elements = element.parent.children.filter(isVElement)
+    return testIndex(elements.indexOf(element), elements.length)
+  }
+}
+
+/**
+ * Build VElementMatcher for :nth-xxx-of-type()
+ * @param {(index: number, length: number)=>boolean} testIndex
+ * @returns {VElementMatcher}
+ */
+function buildPseudoNthOfTypeVElementMatcher(testIndex) {
+  return (element) => {
+    const elements = element.parent.children
+      .filter(isVElement)
+      .filter((e) => e.rawName === element.rawName)
+    return testIndex(elements.indexOf(element), elements.length)
+  }
+}
+
+/**
+ * @param {VElement} element
+ */
+function getBeforeElement(element) {
+  return getBeforeElements(element).pop() || null
+}
+/**
+ * @param {VElement} element
+ */
+function getBeforeElements(element) {
+  const parent = element.parent
+  const index = parent.children.indexOf(element)
+  return parent.children.slice(0, index).filter(isVElement)
+}
+
+/**
+ * @param {VElement} element
+ */
+function getAfterElements(element) {
+  const parent = element.parent
+  const index = parent.children.indexOf(element)
+  return parent.children.slice(index + 1).filter(isVElement)
+}
+
+/**
+ * @param {VElementMatcher} a
+ * @param {VElementMatcher} b
+ * @returns {VElementMatcher}
+ */
+function compound(a, b) {
+  return (element, subject) => a(element, subject) && b(element, subject)
+}
+
+/**
+ * Get attribute value from given element.
+ * @param {VElement} element The element node.
+ * @param {string} attribute The attribute name.
+ */
+function getAttributeValue(element, attribute) {
+  const attr = getAttribute(element, attribute)
+  if (attr) {
+    return (attr.value && attr.value.value) || ''
+  }
+  return null
+}
diff --git a/package.json b/package.json
index 4bc07c92e..9ddbb72a4 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
   "dependencies": {
     "eslint-utils": "^3.0.0",
     "natural-compare": "^1.4.0",
+    "nth-check": "^2.0.1",
     "postcss-selector-parser": "^6.0.9",
     "semver": "^7.3.5",
     "vue-eslint-parser": "^8.0.1"
diff --git a/tests/fixtures/utils/selector/attr-contains/result.json b/tests/fixtures/utils/selector/attr-contains/result.json
new file mode 100644
index 000000000..a2627437e
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-contains/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "a[href*=\"example\"]",
+    "matches": [
+        "<a href=\"http://example.com\">",
+        "<a href=\"http://example.org\">",
+        "<a href=\"https://example.org\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-contains/source.vue b/tests/fixtures/utils/selector/attr-contains/source.vue
new file mode 100644
index 000000000..6c9a89dde
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-contains/source.vue
@@ -0,0 +1,10 @@
+<!-- a[href*="example"] -->
+<template>
+  <ul>
+    <li><a href="#internal">Internal link</a></li>
+    <li><a href="http://example.com">Example link</a></li>
+    <li><a href="#InSensitive">Insensitive internal link</a></li>
+    <li><a href="http://example.org">Example org link</a></li>
+    <li><a href="https://example.org">Example https org link</a></li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-empty-value/result.json b/tests/fixtures/utils/selector/attr-empty-value/result.json
new file mode 100644
index 000000000..1f3042923
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-empty-value/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "[foo=]",
+    "matches": [
+        "<p foo>",
+        "<div foo=\"\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-empty-value/source.vue b/tests/fixtures/utils/selector/attr-empty-value/source.vue
new file mode 100644
index 000000000..4a73c1519
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-empty-value/source.vue
@@ -0,0 +1,11 @@
+<!-- [foo=] -->
+<template>
+  <div foo="foo">
+    <div foo=bar></div>
+    <div foo="foo bar"></div>
+    <p foo></p>
+    <input bar="foo">
+    <input foo="foo">
+    <div foo=""></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-eq/result.json b/tests/fixtures/utils/selector/attr-eq/result.json
new file mode 100644
index 000000000..89694b04d
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-eq/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "[foo=foo]",
+    "matches": [
+        "<div foo=\"foo\">",
+        "<input foo=\"foo\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-eq/source.vue b/tests/fixtures/utils/selector/attr-eq/source.vue
new file mode 100644
index 000000000..fdfe34e2e
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-eq/source.vue
@@ -0,0 +1,11 @@
+<!-- [foo=foo] -->
+<template>
+  <div foo="foo">
+    <div foo=bar></div>
+    <div foo="foo bar"></div>
+    <p foo></p>
+    <input bar="foo">
+    <input foo="foo">
+    <div foo=""></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-has/result.json b/tests/fixtures/utils/selector/attr-has/result.json
new file mode 100644
index 000000000..6af6140be
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-has/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "[foo]",
+    "matches": [
+        "<div foo=\"foo\">",
+        "<p foo>"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-has/source.vue b/tests/fixtures/utils/selector/attr-has/source.vue
new file mode 100644
index 000000000..aaf7b1ddf
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-has/source.vue
@@ -0,0 +1,8 @@
+<!-- [foo] -->
+<template>
+  <div foo="foo">
+    <div bar></div>
+    <p foo></p>
+    <input bar="foo">
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-insensitive/result.json b/tests/fixtures/utils/selector/attr-insensitive/result.json
new file mode 100644
index 000000000..5d630529f
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-insensitive/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "a[href*=\"insensitive\" i]",
+    "matches": [
+        "<a href=\"#InSensitive\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-insensitive/source.vue b/tests/fixtures/utils/selector/attr-insensitive/source.vue
new file mode 100644
index 000000000..129fcab0d
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-insensitive/source.vue
@@ -0,0 +1,10 @@
+<!-- a[href*="insensitive" i] -->
+<template>
+  <ul>
+    <li><a href="#internal">Internal link</a></li>
+    <li><a href="http://example.com">Example link</a></li>
+    <li><a href="#InSensitive">Insensitive internal link</a></li>
+    <li><a href="http://example.org">Example org link</a></li>
+    <li><a href="https://example.org">Example https org link</a></li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-lang/result.json b/tests/fixtures/utils/selector/attr-lang/result.json
new file mode 100644
index 000000000..f8c9d266a
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-lang/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "div[lang|=\"zh\"]",
+    "matches": [
+        "<div lang=\"zh\">",
+        "<div lang=\"zh-CN\">",
+        "<div lang=\"zh-TW\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-lang/source.vue b/tests/fixtures/utils/selector/attr-lang/source.vue
new file mode 100644
index 000000000..fa88b8750
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-lang/source.vue
@@ -0,0 +1,9 @@
+<!-- div[lang|="zh"] -->
+<template>
+  <div lang="en-us en-gb en-au en-nz">Hello World!</div>
+  <div lang="pt">Olá Mundo!</div>
+  <div lang="zh">世界您好！</div>
+  <div lang="zh-CN">世界您好！</div>
+  <div lang="zh-TW">世界您好！</div>
+  <div data-lang="zh-TW">世界您好！</div>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-not-insensitive/result.json b/tests/fixtures/utils/selector/attr-not-insensitive/result.json
new file mode 100644
index 000000000..41f6b6ddf
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-not-insensitive/result.json
@@ -0,0 +1,5 @@
+{
+    "selector": "a[href*=\"insensitive\"]",
+    "matches": [],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-not-insensitive/source.vue b/tests/fixtures/utils/selector/attr-not-insensitive/source.vue
new file mode 100644
index 000000000..2fb3e9037
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-not-insensitive/source.vue
@@ -0,0 +1,11 @@
+<!-- a[href*="insensitive"] -->
+<template>
+  <!-- Test for not insensitive -->
+  <ul>
+    <li><a href="#internal">Internal link</a></li>
+    <li><a href="http://example.com">Example link</a></li>
+    <li><a href="#InSensitive">Insensitive internal link</a></li>
+    <li><a href="http://example.org">Example org link</a></li>
+    <li><a href="https://example.org">Example https org link</a></li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-prefixed/result.json b/tests/fixtures/utils/selector/attr-prefixed/result.json
new file mode 100644
index 000000000..9f11bd4ee
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-prefixed/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "a[href^=\"#\"]",
+    "matches": [
+        "<a href=\"#internal\">",
+        "<a href=\"#InSensitive\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-prefixed/source.vue b/tests/fixtures/utils/selector/attr-prefixed/source.vue
new file mode 100644
index 000000000..2c1dc2eb0
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-prefixed/source.vue
@@ -0,0 +1,10 @@
+<!-- a[href^="#"] -->
+<template>
+  <ul>
+    <li><a href="#internal">Internal link</a></li>
+    <li><a href="http://example.com">Example link</a></li>
+    <li><a href="#InSensitive">Insensitive internal link</a></li>
+    <li><a href="http://example.org">Example org link</a></li>
+    <li><a href="https://example.org">Example https org link</a></li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-suffixed/result.json b/tests/fixtures/utils/selector/attr-suffixed/result.json
new file mode 100644
index 000000000..d1a9e622a
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-suffixed/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "a[href$=\".org\"]",
+    "matches": [
+        "<a href=\"http://example.org\">",
+        "<a href=\"https://example.org\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-suffixed/source.vue b/tests/fixtures/utils/selector/attr-suffixed/source.vue
new file mode 100644
index 000000000..7b27ad2e4
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-suffixed/source.vue
@@ -0,0 +1,10 @@
+<!-- a[href$=".org"] -->
+<template>
+  <ul>
+    <li><a href="#internal">Internal link</a></li>
+    <li><a href="http://example.com">Example link</a></li>
+    <li><a href="#InSensitive">Insensitive internal link</a></li>
+    <li><a href="http://example.org">Example org link</a></li>
+    <li><a href="https://example.org">Example https org link</a></li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/attr-words/result.json b/tests/fixtures/utils/selector/attr-words/result.json
new file mode 100644
index 000000000..3fdea22cf
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-words/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "div[lang~=\"en-us\"]",
+    "matches": [
+        "<div lang=\"en-us en-gb en-au en-nz\">",
+        "<div lang=\"en-us\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-words/source.vue b/tests/fixtures/utils/selector/attr-words/source.vue
new file mode 100644
index 000000000..c9558519b
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-words/source.vue
@@ -0,0 +1,11 @@
+<!-- div[lang~="en-us"] -->
+<template>
+  <div lang="en-us en-gb en-au en-nz">Hello World!</div>
+  <div lang="en-us">Hello World!</div>
+  <div lang="en-us-unknown">Unknown</div>
+  <div lang="pt">Olá Mundo!</div>
+  <div lang="zh">世界您好！</div>
+  <div lang="zh-CN">世界您好！</div>
+  <div lang="zh-TW">世界您好！</div>
+  <div data-lang="zh-TW">世界您好！</div>
+</template>
diff --git a/tests/fixtures/utils/selector/class/result.json b/tests/fixtures/utils/selector/class/result.json
new file mode 100644
index 000000000..6fd93bcd6
--- /dev/null
+++ b/tests/fixtures/utils/selector/class/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": ".foo",
+    "matches": [
+        "<div class=\"foo\">",
+        "<input class=\"foo bar\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/class/source.vue b/tests/fixtures/utils/selector/class/source.vue
new file mode 100644
index 000000000..b9616a44b
--- /dev/null
+++ b/tests/fixtures/utils/selector/class/source.vue
@@ -0,0 +1,8 @@
+<!-- .foo -->
+<template>
+  <div class="foo">
+    <div class="f"></div>
+    <p class="bar"></p>
+    <input class="foo bar">
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/combinator-adjacent/result.json b/tests/fixtures/utils/selector/combinator-adjacent/result.json
new file mode 100644
index 000000000..ef2e84138
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-adjacent/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": ".foo+.bar",
+    "matches": [
+        "<div class=\"bar 3\">",
+        "<div class=\"bar 4\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-adjacent/source.vue b/tests/fixtures/utils/selector/combinator-adjacent/source.vue
new file mode 100644
index 000000000..489c0d7ee
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-adjacent/source.vue
@@ -0,0 +1,14 @@
+<!-- .foo+.bar -->
+<template>
+  <div class="bar">
+    <div class="foo">
+      <div class="foo 2">
+        <div class="bar 2"></div>
+      </div>
+      <div class="bar 3"></div>
+    </div>
+    <div class="foo 3"></div>
+    <div class="bar 4"></div>
+    <div class="bar 5"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/combinator-child01/result.json b/tests/fixtures/utils/selector/combinator-child01/result.json
new file mode 100644
index 000000000..841f69656
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child01/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": ".foo > .bar",
+    "matches": [
+        "<div class=\"bar 2\">",
+        "<div class=\"bar 3\">",
+        "<div class=\"bar\" exact>"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-child01/source.vue b/tests/fixtures/utils/selector/combinator-child01/source.vue
new file mode 100644
index 000000000..5eaa8df61
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child01/source.vue
@@ -0,0 +1,14 @@
+<!-- .foo > .bar -->
+<template>
+  <div class="bar">
+    <div class="foo">
+      <div class="foo 2">
+        <div class="bar 2"></div>
+      </div>
+      <div class="bar 3">
+        <div class="bar 4"></div>
+      </div>
+      <div class="bar" exact></div>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/combinator-child02/result.json b/tests/fixtures/utils/selector/combinator-child02/result.json
new file mode 100644
index 000000000..ca0084bb8
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child02/result.json
@@ -0,0 +1,10 @@
+{
+    "selector": ".a > .b > .c",
+    "matches": [
+        "<div class=\"c a-a-b-c\">",
+        "<div class=\"c a-b-c\">",
+        "<div class=\"c b-a-b-c\">",
+        "<div class=\"c c-a-b-c\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-child02/source.vue b/tests/fixtures/utils/selector/combinator-child02/source.vue
new file mode 100644
index 000000000..cf2ede6ec
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child02/source.vue
@@ -0,0 +1,162 @@
+<!-- .a > .b > .c -->
+<template>
+  <div class="a">
+    <div class="a a-a">
+      <div class="a a-a-a">
+        <div class="a a-a-a-a"></div>
+        <div class="b a-a-a-b"></div>
+        <div class="c a-a-a-c"></div>
+      </div>
+      <div class="b a-a-b">
+        <div class="a a-a-b-a"></div>
+        <div class="b a-a-b-b"></div>
+        <div class="c a-a-b-c"></div>
+      </div>
+      <div class="c a-a-c">
+        <div class="a a-a-c-a"></div>
+        <div class="b a-a-c-b"></div>
+        <div class="c a-a-c-c"></div>
+      </div>
+    </div>
+    <div class="b a-b">
+      <div class="a a-b-a">
+        <div class="a a-b-a-a"></div>
+        <div class="b a-b-a-b"></div>
+        <div class="c a-b-a-c"></div>
+      </div>
+      <div class="b a-b-b">
+        <div class="a a-b-b-a"></div>
+        <div class="b a-b-b-b"></div>
+        <div class="c a-b-b-c"></div>
+      </div>
+      <div class="c a-b-c">
+        <div class="a a-b-c-a"></div>
+        <div class="b a-b-c-b"></div>
+        <div class="c a-b-c-c"></div>
+      </div>
+    </div>
+    <div class="c a-c">
+      <div class="a a-c-a">
+        <div class="a a-c-a-a"></div>
+        <div class="b a-c-a-b"></div>
+        <div class="c a-c-a-c"></div>
+      </div>
+      <div class="b a-c-b">
+        <div class="a a-c-b-a"></div>
+        <div class="b a-c-b-b"></div>
+        <div class="c a-c-b-c"></div>
+      </div>
+      <div class="c a-c-c">
+        <div class="a a-c-c-a"></div>
+        <div class="b a-c-c-b"></div>
+        <div class="c a-c-c-c"></div>
+      </div>
+    </div>
+  </div>
+  <div class="b">
+    <div class="a b-a">
+      <div class="a b-a-a">
+        <div class="a b-a-a-a"></div>
+        <div class="b b-a-a-b"></div>
+        <div class="c b-a-a-c"></div>
+      </div>
+      <div class="b b-a-b">
+        <div class="a b-a-b-a"></div>
+        <div class="b b-a-b-b"></div>
+        <div class="c b-a-b-c"></div>
+      </div>
+      <div class="c b-a-c">
+        <div class="a b-a-c-a"></div>
+        <div class="b b-a-c-b"></div>
+        <div class="c b-a-c-c"></div>
+      </div>
+    </div>
+    <div class="b b-b">
+      <div class="a b-b-a">
+        <div class="a b-b-a-a"></div>
+        <div class="b b-b-a-b"></div>
+        <div class="c b-b-a-c"></div>
+      </div>
+      <div class="b b-b-b">
+        <div class="a b-b-b-a"></div>
+        <div class="b b-b-b-b"></div>
+        <div class="c b-b-b-c"></div>
+      </div>
+      <div class="c b-b-c">
+        <div class="a b-b-c-a"></div>
+        <div class="b b-b-c-b"></div>
+        <div class="c b-b-c-c"></div>
+      </div>
+    </div>
+    <div class="c b-c">
+      <div class="a b-c-a">
+        <div class="a b-c-a-a"></div>
+        <div class="b b-c-a-b"></div>
+        <div class="c b-c-a-c"></div>
+      </div>
+      <div class="b b-c-b">
+        <div class="a b-c-b-a"></div>
+        <div class="b b-c-b-b"></div>
+        <div class="c b-c-b-c"></div>
+      </div>
+      <div class="c b-c-c">
+        <div class="a b-c-c-a"></div>
+        <div class="b b-c-c-b"></div>
+        <div class="c b-c-c-c"></div>
+      </div>
+    </div>
+  </div>
+  <div class="c">
+    <div class="a c-a">
+      <div class="a c-a-a">
+        <div class="a c-a-a-a"></div>
+        <div class="b c-a-a-b"></div>
+        <div class="c c-a-a-c"></div>
+      </div>
+      <div class="b c-a-b">
+        <div class="a c-a-b-a"></div>
+        <div class="b c-a-b-b"></div>
+        <div class="c c-a-b-c"></div>
+      </div>
+      <div class="c c-a-c">
+        <div class="a c-a-c-a"></div>
+        <div class="b c-a-c-b"></div>
+        <div class="c c-a-c-c"></div>
+      </div>
+    </div>
+    <div class="b c-b">
+      <div class="a c-b-a">
+        <div class="a c-b-a-a"></div>
+        <div class="b c-b-a-b"></div>
+        <div class="c c-b-a-c"></div>
+      </div>
+      <div class="b c-b-b">
+        <div class="a c-b-b-a"></div>
+        <div class="b c-b-b-b"></div>
+        <div class="c c-b-b-c"></div>
+      </div>
+      <div class="c c-b-c">
+        <div class="a c-b-c-a"></div>
+        <div class="b c-b-c-b"></div>
+        <div class="c c-b-c-c"></div>
+      </div>
+    </div>
+    <div class="c c-c">
+      <div class="a c-c-a">
+        <div class="a c-c-a-a"></div>
+        <div class="b c-c-a-b"></div>
+        <div class="c c-c-a-c"></div>
+      </div>
+      <div class="b c-c-b">
+        <div class="a c-c-b-a"></div>
+        <div class="b c-c-b-b"></div>
+        <div class="c c-c-b-c"></div>
+      </div>
+      <div class="c c-c-c">
+        <div class="a c-c-c-a"></div>
+        <div class="b c-c-c-b"></div>
+        <div class="c c-c-c-c"></div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/combinator-descendant01/result.json b/tests/fixtures/utils/selector/combinator-descendant01/result.json
new file mode 100644
index 000000000..fb3463b3c
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant01/result.json
@@ -0,0 +1,10 @@
+{
+    "selector": ".foo .bar",
+    "matches": [
+        "<div class=\"bar 2\">",
+        "<div class=\"bar 3\">",
+        "<div class=\"bar 4\">",
+        "<div class=\"bar\" exact>"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-descendant01/source.vue b/tests/fixtures/utils/selector/combinator-descendant01/source.vue
new file mode 100644
index 000000000..b122dae66
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant01/source.vue
@@ -0,0 +1,14 @@
+<!-- .foo .bar -->
+<template>
+  <div class="bar">
+    <div class="foo">
+      <div class="foo 2">
+        <div class="bar 2"></div>
+      </div>
+      <div class="bar 3">
+        <div class="bar 4"></div>
+      </div>
+      <div class="bar" exact></div>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/combinator-descendant02/result.json b/tests/fixtures/utils/selector/combinator-descendant02/result.json
new file mode 100644
index 000000000..3d308db86
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant02/result.json
@@ -0,0 +1,14 @@
+{
+    "selector": ".a .b .c",
+    "matches": [
+        "<div class=\"c a-a-b-c\">",
+        "<div class=\"c a-b-a-c\">",
+        "<div class=\"c a-b-b-c\">",
+        "<div class=\"c a-b-c\">",
+        "<div class=\"c a-b-c-c\">",
+        "<div class=\"c a-c-b-c\">",
+        "<div class=\"c b-a-b-c\">",
+        "<div class=\"c c-a-b-c\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-descendant02/source.vue b/tests/fixtures/utils/selector/combinator-descendant02/source.vue
new file mode 100644
index 000000000..d89b86220
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant02/source.vue
@@ -0,0 +1,162 @@
+<!-- .a .b .c -->
+<template>
+  <div class="a">
+    <div class="a a-a">
+      <div class="a a-a-a">
+        <div class="a a-a-a-a"></div>
+        <div class="b a-a-a-b"></div>
+        <div class="c a-a-a-c"></div>
+      </div>
+      <div class="b a-a-b">
+        <div class="a a-a-b-a"></div>
+        <div class="b a-a-b-b"></div>
+        <div class="c a-a-b-c"></div>
+      </div>
+      <div class="c a-a-c">
+        <div class="a a-a-c-a"></div>
+        <div class="b a-a-c-b"></div>
+        <div class="c a-a-c-c"></div>
+      </div>
+    </div>
+    <div class="b a-b">
+      <div class="a a-b-a">
+        <div class="a a-b-a-a"></div>
+        <div class="b a-b-a-b"></div>
+        <div class="c a-b-a-c"></div>
+      </div>
+      <div class="b a-b-b">
+        <div class="a a-b-b-a"></div>
+        <div class="b a-b-b-b"></div>
+        <div class="c a-b-b-c"></div>
+      </div>
+      <div class="c a-b-c">
+        <div class="a a-b-c-a"></div>
+        <div class="b a-b-c-b"></div>
+        <div class="c a-b-c-c"></div>
+      </div>
+    </div>
+    <div class="c a-c">
+      <div class="a a-c-a">
+        <div class="a a-c-a-a"></div>
+        <div class="b a-c-a-b"></div>
+        <div class="c a-c-a-c"></div>
+      </div>
+      <div class="b a-c-b">
+        <div class="a a-c-b-a"></div>
+        <div class="b a-c-b-b"></div>
+        <div class="c a-c-b-c"></div>
+      </div>
+      <div class="c a-c-c">
+        <div class="a a-c-c-a"></div>
+        <div class="b a-c-c-b"></div>
+        <div class="c a-c-c-c"></div>
+      </div>
+    </div>
+  </div>
+  <div class="b">
+    <div class="a b-a">
+      <div class="a b-a-a">
+        <div class="a b-a-a-a"></div>
+        <div class="b b-a-a-b"></div>
+        <div class="c b-a-a-c"></div>
+      </div>
+      <div class="b b-a-b">
+        <div class="a b-a-b-a"></div>
+        <div class="b b-a-b-b"></div>
+        <div class="c b-a-b-c"></div>
+      </div>
+      <div class="c b-a-c">
+        <div class="a b-a-c-a"></div>
+        <div class="b b-a-c-b"></div>
+        <div class="c b-a-c-c"></div>
+      </div>
+    </div>
+    <div class="b b-b">
+      <div class="a b-b-a">
+        <div class="a b-b-a-a"></div>
+        <div class="b b-b-a-b"></div>
+        <div class="c b-b-a-c"></div>
+      </div>
+      <div class="b b-b-b">
+        <div class="a b-b-b-a"></div>
+        <div class="b b-b-b-b"></div>
+        <div class="c b-b-b-c"></div>
+      </div>
+      <div class="c b-b-c">
+        <div class="a b-b-c-a"></div>
+        <div class="b b-b-c-b"></div>
+        <div class="c b-b-c-c"></div>
+      </div>
+    </div>
+    <div class="c b-c">
+      <div class="a b-c-a">
+        <div class="a b-c-a-a"></div>
+        <div class="b b-c-a-b"></div>
+        <div class="c b-c-a-c"></div>
+      </div>
+      <div class="b b-c-b">
+        <div class="a b-c-b-a"></div>
+        <div class="b b-c-b-b"></div>
+        <div class="c b-c-b-c"></div>
+      </div>
+      <div class="c b-c-c">
+        <div class="a b-c-c-a"></div>
+        <div class="b b-c-c-b"></div>
+        <div class="c b-c-c-c"></div>
+      </div>
+    </div>
+  </div>
+  <div class="c">
+    <div class="a c-a">
+      <div class="a c-a-a">
+        <div class="a c-a-a-a"></div>
+        <div class="b c-a-a-b"></div>
+        <div class="c c-a-a-c"></div>
+      </div>
+      <div class="b c-a-b">
+        <div class="a c-a-b-a"></div>
+        <div class="b c-a-b-b"></div>
+        <div class="c c-a-b-c"></div>
+      </div>
+      <div class="c c-a-c">
+        <div class="a c-a-c-a"></div>
+        <div class="b c-a-c-b"></div>
+        <div class="c c-a-c-c"></div>
+      </div>
+    </div>
+    <div class="b c-b">
+      <div class="a c-b-a">
+        <div class="a c-b-a-a"></div>
+        <div class="b c-b-a-b"></div>
+        <div class="c c-b-a-c"></div>
+      </div>
+      <div class="b c-b-b">
+        <div class="a c-b-b-a"></div>
+        <div class="b c-b-b-b"></div>
+        <div class="c c-b-b-c"></div>
+      </div>
+      <div class="c c-b-c">
+        <div class="a c-b-c-a"></div>
+        <div class="b c-b-c-b"></div>
+        <div class="c c-b-c-c"></div>
+      </div>
+    </div>
+    <div class="c c-c">
+      <div class="a c-c-a">
+        <div class="a c-c-a-a"></div>
+        <div class="b c-c-a-b"></div>
+        <div class="c c-c-a-c"></div>
+      </div>
+      <div class="b c-c-b">
+        <div class="a c-c-b-a"></div>
+        <div class="b c-c-b-b"></div>
+        <div class="c c-c-b-c"></div>
+      </div>
+      <div class="c c-c-c">
+        <div class="a c-c-c-a"></div>
+        <div class="b c-c-c-b"></div>
+        <div class="c c-c-c-c"></div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/combinator-sibling/result.json b/tests/fixtures/utils/selector/combinator-sibling/result.json
new file mode 100644
index 000000000..efc9bed43
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-sibling/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": ".foo~.bar",
+    "matches": [
+        "<div class=\"bar 3\">",
+        "<div class=\"bar 4\">",
+        "<div class=\"bar 5\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-sibling/source.vue b/tests/fixtures/utils/selector/combinator-sibling/source.vue
new file mode 100644
index 000000000..381e6750d
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-sibling/source.vue
@@ -0,0 +1,14 @@
+<!-- .foo~.bar -->
+<template>
+  <div class="bar">
+    <div class="foo">
+      <div class="foo 2">
+        <div class="bar 2"></div>
+      </div>
+      <div class="bar 3"></div>
+    </div>
+    <div class="foo 3"></div>
+    <div class="bar 4"></div>
+    <div class="bar 5"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/comment01/result.json b/tests/fixtures/utils/selector/comment01/result.json
new file mode 100644
index 000000000..7592577fe
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment01/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo /* comment */ :is(.bar /* comment */)",
+    "matches": [
+        "<div class=\"bar\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/comment01/source.vue b/tests/fixtures/utils/selector/comment01/source.vue
new file mode 100644
index 000000000..d388a1b9a
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment01/source.vue
@@ -0,0 +1,7 @@
+<!-- .foo /* comment */ :is(.bar /* comment */) -->
+<template>
+  <div class="foo">
+    <div class="bar">
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/comment02/result.json b/tests/fixtures/utils/selector/comment02/result.json
new file mode 100644
index 000000000..3d70892a6
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment02/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo /* comment */ > /* comment */ /* comment */ .bar /* comment */",
+    "matches": [
+        "<div class=\"bar b\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/comment02/source.vue b/tests/fixtures/utils/selector/comment02/source.vue
new file mode 100644
index 000000000..dc71c6bab
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment02/source.vue
@@ -0,0 +1,13 @@
+<!-- .foo /* comment */ > /* comment */ /* comment */ .bar /* comment */ -->
+<template>
+  <div class="foo a">
+    <div class="bar b">
+    </div>
+  </div>
+  <div class="foo c">
+    <div>
+      <div class="bar d">
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/comment03/result.json b/tests/fixtures/utils/selector/comment03/result.json
new file mode 100644
index 000000000..1358c04e7
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment03/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo /* comment */ /* comment */ > /* comment */ .bar /* comment */",
+    "matches": [
+        "<div class=\"bar b\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/comment03/source.vue b/tests/fixtures/utils/selector/comment03/source.vue
new file mode 100644
index 000000000..a8381a888
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment03/source.vue
@@ -0,0 +1,13 @@
+<!-- .foo /* comment */ /* comment */ > /* comment */ .bar /* comment */ -->
+<template>
+  <div class="foo a">
+    <div class="bar b">
+    </div>
+  </div>
+  <div class="foo c">
+    <div>
+      <div class="bar d">
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/id/result.json b/tests/fixtures/utils/selector/id/result.json
new file mode 100644
index 000000000..616a429c1
--- /dev/null
+++ b/tests/fixtures/utils/selector/id/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "#foo",
+    "matches": [
+        "<div id=\"foo\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/id/source.vue b/tests/fixtures/utils/selector/id/source.vue
new file mode 100644
index 000000000..88bdd7cb2
--- /dev/null
+++ b/tests/fixtures/utils/selector/id/source.vue
@@ -0,0 +1,8 @@
+<!-- #foo -->
+<template>
+  <div id="1">
+    <div id="foo"></div>
+    <p id="3"></p>
+    <input id="4">
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-attr-op/result.json b/tests/fixtures/utils/selector/invalid-attr-op/result.json
new file mode 100644
index 000000000..edc492df9
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-attr-op/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "a[href==\"example\"]",
+    "matches": [],
+    "errors": [
+        "Unsupported operator: ==."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-attr-op/source.vue b/tests/fixtures/utils/selector/invalid-attr-op/source.vue
new file mode 100644
index 000000000..dc39fc6b5
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-attr-op/source.vue
@@ -0,0 +1,4 @@
+<!-- a[href=="example"] -->
+<template>
+  <a href="example"></a>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-combinators/result.json b/tests/fixtures/utils/selector/invalid-combinators/result.json
new file mode 100644
index 000000000..7f1e135e2
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-combinators/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo > > .bar",
+    "matches": [],
+    "errors": [
+        "Unexpected combinator '>'."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-combinators/source.vue b/tests/fixtures/utils/selector/invalid-combinators/source.vue
new file mode 100644
index 000000000..2c768628d
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-combinators/source.vue
@@ -0,0 +1,6 @@
+<!-- .foo > > .bar -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-empty/result.json b/tests/fixtures/utils/selector/invalid-empty/result.json
new file mode 100644
index 000000000..0352970ab
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-empty/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo /* comment */ :is(.bar, /* comment */)",
+    "matches": [],
+    "errors": [
+        "Unexpected empty selector."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-empty/source.vue b/tests/fixtures/utils/selector/invalid-empty/source.vue
new file mode 100644
index 000000000..c6444bdad
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-empty/source.vue
@@ -0,0 +1,6 @@
+<!-- .foo /* comment */ :is(.bar, /* comment */) -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-last-combinator/result.json b/tests/fixtures/utils/selector/invalid-last-combinator/result.json
new file mode 100644
index 000000000..25d9ded5b
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-last-combinator/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo >",
+    "matches": [],
+    "errors": [
+        "Expected selector after '>'."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-last-combinator/source.vue b/tests/fixtures/utils/selector/invalid-last-combinator/source.vue
new file mode 100644
index 000000000..193c8fd1b
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-last-combinator/source.vue
@@ -0,0 +1,6 @@
+<!-- .foo > -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-nesting/result.json b/tests/fixtures/utils/selector/invalid-nesting/result.json
new file mode 100644
index 000000000..3e8d09dba
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nesting/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "& .foo > .bar",
+    "matches": [],
+    "errors": [
+        "Unsupported nesting selector."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-nesting/source.vue b/tests/fixtures/utils/selector/invalid-nesting/source.vue
new file mode 100644
index 000000000..69338be4f
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nesting/source.vue
@@ -0,0 +1,6 @@
+<!-- & .foo > .bar -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-nth/result.json b/tests/fixtures/utils/selector/invalid-nth/result.json
new file mode 100644
index 000000000..248758f15
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nth/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ":nth-child()",
+    "matches": [],
+    "errors": [
+        "Cannot parse An+B micro syntax (:nth-xxx() argument): ''."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-nth/source.vue b/tests/fixtures/utils/selector/invalid-nth/source.vue
new file mode 100644
index 000000000..4e2e356cd
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nth/source.vue
@@ -0,0 +1,4 @@
+<!-- :nth-child() -->
+<template>
+  <a href="example"></a>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-selector/result.json b/tests/fixtures/utils/selector/invalid-selector/result.json
new file mode 100644
index 000000000..b8b057b02
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-selector/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ":not(",
+    "matches": [],
+    "errors": [
+        "Cannot parse selector: :not(."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-selector/source.vue b/tests/fixtures/utils/selector/invalid-selector/source.vue
new file mode 100644
index 000000000..cc6ae2d42
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-selector/source.vue
@@ -0,0 +1,4 @@
+<!-- :not( -->
+<template>
+  <a href="example"></a>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-string/result.json b/tests/fixtures/utils/selector/invalid-string/result.json
new file mode 100644
index 000000000..542d12c18
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-string/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo > \".bar\"",
+    "matches": [],
+    "errors": [
+        "Unknown selector: \".bar\"."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-string/source.vue b/tests/fixtures/utils/selector/invalid-string/source.vue
new file mode 100644
index 000000000..3a51d6405
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-string/source.vue
@@ -0,0 +1,6 @@
+<!-- .foo > ".bar" -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-unknown-combinator/result.json b/tests/fixtures/utils/selector/invalid-unknown-combinator/result.json
new file mode 100644
index 000000000..486eae4f0
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-combinator/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo /unknown/ .bar",
+    "matches": [],
+    "errors": [
+        "Unknown combinator: /unknown/."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue b/tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue
new file mode 100644
index 000000000..08d148f7c
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue
@@ -0,0 +1,6 @@
+<!-- .foo /unknown/ .bar -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json b/tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json
new file mode 100644
index 000000000..6171ea02b
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo :unknown(.bar)",
+    "matches": [],
+    "errors": [
+        "Unsupported pseudo selector: :unknown."
+    ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue b/tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue
new file mode 100644
index 000000000..5d1449abe
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue
@@ -0,0 +1,6 @@
+<!-- .foo :unknown(.bar) -->
+<template>
+  <div class="foo">
+    <div class="bar"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-empty/result.json b/tests/fixtures/utils/selector/pseudo-empty/result.json
new file mode 100644
index 000000000..feefab5ef
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-empty/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": ".box:empty",
+    "matches": [
+        "<div class=\"box a\">",
+        "<div class=\"box c\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-empty/source.vue b/tests/fixtures/utils/selector/pseudo-empty/source.vue
new file mode 100644
index 000000000..9a47c2a52
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-empty/source.vue
@@ -0,0 +1,11 @@
+<!-- .box:empty -->
+<template>
+  <div class="box a"></div>
+  <div class="box b">Content</div>
+  <div class="box c">
+    <!-- comment. -->
+  </div>
+  <div class="box d">
+    <p></p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-first-child01/result.json b/tests/fixtures/utils/selector/pseudo-first-child01/result.json
new file mode 100644
index 000000000..df66f7558
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child01/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "p:first-child",
+    "matches": [
+        "<p class=\"b\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-child01/source.vue b/tests/fixtures/utils/selector/pseudo-first-child01/source.vue
new file mode 100644
index 000000000..52ab2eb93
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child01/source.vue
@@ -0,0 +1,14 @@
+<!-- p:first-child -->
+<template>
+  <div>
+    <div class="a">
+      <p class="b">This text is selected!</p>
+      <p class="c">This text isn't selected.</p>
+    </div>
+
+    <div class="d">
+      <h2 class="e">This text isn't selected: it's not a `p`.</h2>
+      <p class="f">This text isn't selected.</p>
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-first-child02/result.json b/tests/fixtures/utils/selector/pseudo-first-child02/result.json
new file mode 100644
index 000000000..e991fe995
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child02/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "ul li:first-child",
+    "matches": [
+        "<li class=\"b\">",
+        "<li class=\"f\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-child02/source.vue b/tests/fixtures/utils/selector/pseudo-first-child02/source.vue
new file mode 100644
index 000000000..90c77ad95
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child02/source.vue
@@ -0,0 +1,14 @@
+<!-- ul li:first-child -->
+<template>
+  <ul class="a">
+    <li class="b">Item 1</li>
+    <li class="c">Item 2</li>
+    <li class="d">Item 3
+      <ul class="e">
+        <li class="f">Item 3.1</li>
+        <li class="g">Item 3.2</li>
+        <li class="h">Item 3.3</li>
+      </ul>
+    </li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-first-of-type01/result.json
new file mode 100644
index 000000000..408762a9e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type01/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "p:first-of-type",
+    "matches": [
+        "<p class=\"b\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue
new file mode 100644
index 000000000..c9a012a1f
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue
@@ -0,0 +1,8 @@
+<!-- p:first-of-type -->
+<template>
+  <div>
+    <h2 class="a">Heading</h2>
+    <p class="b">Paragraph 1</p>
+    <p class="c">Paragraph 2</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-first-of-type02/result.json
new file mode 100644
index 000000000..aabc2d160
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type02/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": ".root > :first-of-type",
+    "matches": [
+        "<h2 class=\"a\">",
+        "<p class=\"b\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue
new file mode 100644
index 000000000..515de7e99
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue
@@ -0,0 +1,8 @@
+<!-- .root > :first-of-type -->
+<template>
+  <div class="root">
+    <h2 class="a">Heading</h2>
+    <p class="b">Paragraph 1</p>
+    <p class="c">Paragraph 2</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex01/result.json b/tests/fixtures/utils/selector/pseudo-has-complex01/result.json
new file mode 100644
index 000000000..21d9decfc
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex01/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "div:has(>.foo > .foo)",
+    "matches": [
+        "<div class=\"foo\" id=\"root-1\">",
+        "<div class=\"foo nest-1\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex01/source.vue b/tests/fixtures/utils/selector/pseudo-has-complex01/source.vue
new file mode 100644
index 000000000..abc928b81
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex01/source.vue
@@ -0,0 +1,31 @@
+<!-- div:has(>.foo > .foo) -->
+<template>
+  <div class="foo" id="root-1">
+    <div class="foo nest-1">
+      <div class="foo nest-2">
+        <div class="foo nest-3">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="foo" id="root-2">
+    <div class="bar nest-1">
+      <div class="foo nest-2">
+        <div class="bar nest-3">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="foo" id="root-3">
+    <div class="foo nest-1">
+      <div class="bar nest-2">
+        <div class="foo nest-3">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="foo" id="root-4">
+    <div class="foo nest-1">
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex02/result.json b/tests/fixtures/utils/selector/pseudo-has-complex02/result.json
new file mode 100644
index 000000000..b8c779ec0
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex02/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "div:has(>.foo .foo)",
+    "matches": [
+        "<div class=\"foo\" id=\"root-1\">",
+        "<div class=\"foo nest-1\">",
+        "<div class=\"foo\" id=\"root-3\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex02/source.vue b/tests/fixtures/utils/selector/pseudo-has-complex02/source.vue
new file mode 100644
index 000000000..f0e1b8da4
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex02/source.vue
@@ -0,0 +1,31 @@
+<!-- div:has(>.foo .foo) -->
+<template>
+  <div class="foo" id="root-1">
+    <div class="foo nest-1">
+      <div class="foo nest-2">
+        <div class="foo nest-3">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="foo" id="root-2">
+    <div class="bar nest-1">
+      <div class="foo nest-2">
+        <div class="bar nest-3">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="foo" id="root-3">
+    <div class="foo nest-1">
+      <div class="bar nest-2">
+        <div class="foo nest-3">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="foo" id="root-4">
+    <div class="foo nest-1">
+    </div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-has01/result.json b/tests/fixtures/utils/selector/pseudo-has01/result.json
new file mode 100644
index 000000000..af3f7bc3b
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has01/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "div:has(.foo)",
+    "matches": [
+        "<div class=\"foo\" id=\"root-1\">",
+        "<div class=\"foo\" id=\"root-2\">",
+        "<div class=\"foo\" id=\"root-3\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has01/source.vue b/tests/fixtures/utils/selector/pseudo-has01/source.vue
new file mode 100644
index 000000000..11defe7d2
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has01/source.vue
@@ -0,0 +1,25 @@
+<!-- div:has(.foo) -->
+<template>
+  <div class="foo" id="root-1">
+    <p class="foo">
+      <span class="foo">
+      </span>
+    </p>
+  </div>
+  <div class="foo" id="root-2">
+    <p class="bar">
+      <span class="foo">
+      </span>
+    </p>
+  </div>
+  <div class="foo" id="root-3">
+    <p class="foo">
+      <span class="bar">
+      </span>
+    </p>
+  </div>
+  <div class="foo" id="root-4">
+    <p class="bar">
+    </p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-has02/result.json b/tests/fixtures/utils/selector/pseudo-has02/result.json
new file mode 100644
index 000000000..413267468
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has02/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "div:has(>.foo)",
+    "matches": [
+        "<div class=\"foo\" id=\"root-1\">",
+        "<div class=\"foo\" id=\"root-3\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has02/source.vue b/tests/fixtures/utils/selector/pseudo-has02/source.vue
new file mode 100644
index 000000000..7fcde7d5b
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has02/source.vue
@@ -0,0 +1,25 @@
+<!-- div:has(>.foo) -->
+<template>
+  <div class="foo" id="root-1">
+    <p class="foo">
+      <span class="foo">
+      </span>
+    </p>
+  </div>
+  <div class="foo" id="root-2">
+    <p class="bar">
+      <span class="foo">
+      </span>
+    </p>
+  </div>
+  <div class="foo" id="root-3">
+    <p class="foo">
+      <span class="bar">
+      </span>
+    </p>
+  </div>
+  <div class="foo" id="root-4">
+    <p class="bar">
+    </p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-has03/result.json b/tests/fixtures/utils/selector/pseudo-has03/result.json
new file mode 100644
index 000000000..d818eb807
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has03/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "div:has(+.foo)",
+    "matches": [
+        "<div class=\"bar\" id=\"root-2\">",
+        "<div class=\"foo\" id=\"root-3\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has03/source.vue b/tests/fixtures/utils/selector/pseudo-has03/source.vue
new file mode 100644
index 000000000..2157d5353
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has03/source.vue
@@ -0,0 +1,13 @@
+<!-- div:has(+.foo)  -->
+<template>
+  <div class="foo" id="root-1">
+  </div>
+  <div class="bar" id="root-2">
+  </div>
+  <div class="foo" id="root-3">
+  </div>
+  <div class="foo" id="root-4">
+  </div>
+  <div class="bar" id="root-5">
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-has04/result.json b/tests/fixtures/utils/selector/pseudo-has04/result.json
new file mode 100644
index 000000000..ca52f2862
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has04/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "div:has(~.foo)",
+    "matches": [
+        "<div class=\"foo\" id=\"root-1\">",
+        "<div class=\"bar\" id=\"root-2\">",
+        "<div class=\"foo\" id=\"root-3\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has04/source.vue b/tests/fixtures/utils/selector/pseudo-has04/source.vue
new file mode 100644
index 000000000..9eeebaa2f
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has04/source.vue
@@ -0,0 +1,13 @@
+<!-- div:has(~.foo)  -->
+<template>
+  <div class="foo" id="root-1">
+  </div>
+  <div class="bar" id="root-2">
+  </div>
+  <div class="foo" id="root-3">
+  </div>
+  <div class="foo" id="root-4">
+  </div>
+  <div class="bar" id="root-5">
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-is/result.json b/tests/fixtures/utils/selector/pseudo-is/result.json
new file mode 100644
index 000000000..a0893ac97
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-is/result.json
@@ -0,0 +1,12 @@
+{
+    "selector": ":where(header, main, footer) p",
+    "matches": [
+        "<p class=\"b\">",
+        "<p class=\"f\">",
+        "<p class=\"g\">",
+        "<p class=\"i\">",
+        "<p class=\"j\">",
+        "<p class=\"l\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-is/source.vue b/tests/fixtures/utils/selector/pseudo-is/source.vue
new file mode 100644
index 000000000..944038e62
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-is/source.vue
@@ -0,0 +1,17 @@
+<!-- :where(header, main, footer) p -->
+<template>
+  <header class="a">
+    <p class="b">This is my header paragraph</p>
+  </header>
+
+  <main class="c">
+    <ul class="d">
+      <li class="e"><p class="f">This is my first</p><p class="g">list item</p></li>
+      <li class="h"><p class="i">This is my second</p><p class="j">list item</p></li>
+    </ul>
+  </main>
+
+  <footer class="k">
+    <p class="l">This is my footer paragraph</p>
+  </footer>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-last-child/result.json b/tests/fixtures/utils/selector/pseudo-last-child/result.json
new file mode 100644
index 000000000..392027808
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-child/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "ul li:last-child",
+    "matches": [
+        "<li class=\"d\">",
+        "<li class=\"h\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-last-child/source.vue b/tests/fixtures/utils/selector/pseudo-last-child/source.vue
new file mode 100644
index 000000000..04110e17a
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-child/source.vue
@@ -0,0 +1,14 @@
+<!-- ul li:last-child -->
+<template>
+  <ul class="a">
+    <li class="b">Item 1</li>
+    <li class="c">Item 2</li>
+    <li class="d">Item 3
+      <ul class="e">
+        <li class="f">Item 3.1</li>
+        <li class="g">Item 3.2</li>
+        <li class="h">Item 3.3</li>
+      </ul>
+    </li>
+  </ul>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-last-of-type01/result.json
new file mode 100644
index 000000000..e566e5992
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type01/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "p:last-of-type",
+    "matches": [
+        "<p class=\"c\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue
new file mode 100644
index 000000000..eab097875
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue
@@ -0,0 +1,8 @@
+<!-- p:last-of-type -->
+<template>
+  <div>
+    <h2 class="a">Heading</h2>
+    <p class="b">Paragraph 1</p>
+    <p class="c">Paragraph 2</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-last-of-type02/result.json
new file mode 100644
index 000000000..b23c5b685
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type02/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": ".root > :last-of-type",
+    "matches": [
+        "<h2 class=\"a\">",
+        "<p class=\"c\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue
new file mode 100644
index 000000000..06e2e0f5e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue
@@ -0,0 +1,8 @@
+<!-- .root > :last-of-type -->
+<template>
+  <div class="root">
+    <h2 class="a">Heading</h2>
+    <p class="b">Paragraph 1</p>
+    <p class="c">Paragraph 2</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-not/result.json b/tests/fixtures/utils/selector/pseudo-not/result.json
new file mode 100644
index 000000000..42e685b4a
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-not/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": ":not(.foo)",
+    "matches": [
+        "<template>",
+        "<div class=\"f\">",
+        "<p class=\"bar\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-not/source.vue b/tests/fixtures/utils/selector/pseudo-not/source.vue
new file mode 100644
index 000000000..3c282fda3
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-not/source.vue
@@ -0,0 +1,8 @@
+<!-- :not(.foo) -->
+<template>
+  <div class="foo">
+    <div class="f"></div>
+    <p class="bar"></p>
+    <input class="foo bar">
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child01/result.json b/tests/fixtures/utils/selector/pseudo-nth-child01/result.json
new file mode 100644
index 000000000..be67bd4ac
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child01/result.json
@@ -0,0 +1,11 @@
+{
+    "selector": "span:nth-child(2n+1)",
+    "matches": [
+        "<span class=\"x1\">",
+        "<span class=\"x3\">",
+        "<span class=\"x5\">",
+        "<span class=\"x7\">",
+        "<span class=\"x9\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-child01/source.vue
new file mode 100644
index 000000000..18ed75b7e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child01/source.vue
@@ -0,0 +1,14 @@
+<!-- span:nth-child(2n+1) -->
+<template>
+  <div>
+    <span class="x1"></span>
+    <span class="x2"></span>
+    <span class="x3"></span>
+    <span class="x4"></span>
+    <span class="x5"></span>
+    <span class="x6"></span>
+    <span class="x7"></span>
+    <span class="x8"></span>
+    <span class="x9"></span>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child02/result.json b/tests/fixtures/utils/selector/pseudo-nth-child02/result.json
new file mode 100644
index 000000000..8bddde0fa
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child02/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": ".foo:nth-child(odd)",
+    "matches": [
+        "<div class=\"foo a\">",
+        "<div class=\"foo c\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-child02/source.vue
new file mode 100644
index 000000000..9533e330c
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child02/source.vue
@@ -0,0 +1,14 @@
+<!-- .foo:nth-child(odd) -->
+<template>
+  <div>
+    <div class="foo a"></div>
+    <div class="bar a"></div>
+    <div class="baz a"></div>
+    <div class="foo b"></div>
+    <div class="bar b"></div>
+    <div class="baz b"></div>
+    <div class="foo c"></div>
+    <div class="bar c"></div>
+    <div class="baz c"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child03/result.json b/tests/fixtures/utils/selector/pseudo-nth-child03/result.json
new file mode 100644
index 000000000..d17057d80
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child03/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ".foo:nth-child(even)",
+    "matches": [
+        "<div class=\"foo b\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child03/source.vue b/tests/fixtures/utils/selector/pseudo-nth-child03/source.vue
new file mode 100644
index 000000000..a1814b8d4
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child03/source.vue
@@ -0,0 +1,14 @@
+<!-- .foo:nth-child(even) -->
+<template>
+  <div>
+    <div class="foo a"></div>
+    <div class="bar a"></div>
+    <div class="baz a"></div>
+    <div class="foo b"></div>
+    <div class="bar b"></div>
+    <div class="baz b"></div>
+    <div class="foo c"></div>
+    <div class="bar c"></div>
+    <div class="baz c"></div>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json
new file mode 100644
index 000000000..fecc3d71e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "tr:nth-last-child(-n+3)",
+    "matches": [
+        "<tr class=\"tr3\">",
+        "<tr class=\"tr4\">",
+        "<tr class=\"tr5\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue
new file mode 100644
index 000000000..d812f4cdd
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue
@@ -0,0 +1,21 @@
+<!-- tr:nth-last-child(-n+3) -->
+<template><table>
+  <tbody>
+    <tr class="tr1">
+      <td>First line</td>
+    </tr>
+    <tr class="tr2">
+      <td>Second line</td>
+    </tr>
+    <tr class="tr3">
+      <td>Third line</td>
+    </tr>
+    <tr class="tr4">
+      <td>Fourth line</td>
+    </tr>
+    <tr class="tr5">
+      <td>Fifth line</td>
+    </tr>
+  </tbody>
+</table>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json
new file mode 100644
index 000000000..056a0cef6
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json
@@ -0,0 +1,10 @@
+{
+    "selector": "tr:nth-last-child(n+2)",
+    "matches": [
+        "<tr class=\"tr1\">",
+        "<tr class=\"tr2\">",
+        "<tr class=\"tr3\">",
+        "<tr class=\"tr4\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue
new file mode 100644
index 000000000..d1dd955ad
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue
@@ -0,0 +1,21 @@
+<!-- tr:nth-last-child(n+2) -->
+<template><table>
+  <tbody>
+    <tr class="tr1">
+      <td>First line</td>
+    </tr>
+    <tr class="tr2">
+      <td>Second line</td>
+    </tr>
+    <tr class="tr3">
+      <td>Third line</td>
+    </tr>
+    <tr class="tr4">
+      <td>Fourth line</td>
+    </tr>
+    <tr class="tr5">
+      <td>Fifth line</td>
+    </tr>
+  </tbody>
+</table>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json
new file mode 100644
index 000000000..2689bca7e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "tr:nth-last-child(2)",
+    "matches": [
+        "<tr class=\"tr4\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue
new file mode 100644
index 000000000..2ed0c08e0
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue
@@ -0,0 +1,21 @@
+<!-- tr:nth-last-child(2) -->
+<template><table>
+  <tbody>
+    <tr class="tr1">
+      <td>First line</td>
+    </tr>
+    <tr class="tr2">
+      <td>Second line</td>
+    </tr>
+    <tr class="tr3">
+      <td>Third line</td>
+    </tr>
+    <tr class="tr4">
+      <td>Fourth line</td>
+    </tr>
+    <tr class="tr5">
+      <td>Fifth line</td>
+    </tr>
+  </tbody>
+</table>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json
new file mode 100644
index 000000000..5551832f8
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "span:nth-last-of-type(2)",
+    "matches": [
+        "<span class=\"e\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue
new file mode 100644
index 000000000..f70494bec
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue
@@ -0,0 +1,11 @@
+<!-- span:nth-last-of-type(2) -->
+<template>
+  <div class="a">
+    <span class="b">This is a span.</span>
+    <span class="c">This is another span.</span>
+    <em class="d">This is emphasized.</em>
+    <span class="e">Wow, this span gets limed!!!</span>
+    <del class="f">This is struck through.</del>
+    <span class="g">Here is one last span.</span>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json
new file mode 100644
index 000000000..9562919e5
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": ":nth-last-of-type(2)",
+    "matches": [
+        "<span class=\"e\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue
new file mode 100644
index 000000000..7f97ff7d4
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue
@@ -0,0 +1,11 @@
+<!-- :nth-last-of-type(2) -->
+<template>
+  <div class="a">
+    <span class="b">This is a span.</span>
+    <span class="c">This is another span.</span>
+    <em class="d">This is emphasized.</em>
+    <span class="e">Wow, this span gets limed!!!</span>
+    <del class="f">This is struck through.</del>
+    <span class="g">Here is one last span.</span>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json
new file mode 100644
index 000000000..95f6d8603
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "p:nth-of-type(2n+1)",
+    "matches": [
+        "<p class=\"c\">",
+        "<p class=\"fancy f\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue
new file mode 100644
index 000000000..292700ec9
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue
@@ -0,0 +1,11 @@
+<!-- p:nth-of-type(2n+1) -->
+<template>
+  <div class="a">
+    <div class="b">This element isn't counted.</div>
+    <p class="c">1st paragraph.</p>
+    <p class="fancy d">2nd paragraph.</p>
+    <div class="e">This element isn't counted.</div>
+    <p class="fancy f">3rd paragraph.</p>
+    <p class="g">4th paragraph.</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json
new file mode 100644
index 000000000..3a6016733
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "p:nth-of-type(2n)",
+    "matches": [
+        "<p class=\"fancy d\">",
+        "<p class=\"g\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue
new file mode 100644
index 000000000..27a68245f
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue
@@ -0,0 +1,11 @@
+<!-- p:nth-of-type(2n) -->
+<template>
+  <div class="a">
+    <div class="b">This element isn't counted.</div>
+    <p class="c">1st paragraph.</p>
+    <p class="fancy d">2nd paragraph.</p>
+    <div class="e">This element isn't counted.</div>
+    <p class="fancy f">3rd paragraph.</p>
+    <p class="g">4th paragraph.</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json
new file mode 100644
index 000000000..3ff49b5af
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "p.fancy:nth-of-type(2n+1)",
+    "matches": [
+        "<p class=\"fancy f\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue
new file mode 100644
index 000000000..d2c88382e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue
@@ -0,0 +1,11 @@
+<!-- p.fancy:nth-of-type(2n+1) -->
+<template>
+  <div class="a">
+    <div class="b">This element isn't counted.</div>
+    <p class="c">1st paragraph.</p>
+    <p class="fancy d">2nd paragraph.</p>
+    <div class="e">This element isn't counted.</div>
+    <p class="fancy f">3rd paragraph.</p>
+    <p class="g">4th paragraph.</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json
new file mode 100644
index 000000000..8570c4ccd
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": ":nth-of-type(2n)",
+    "matches": [
+        "<p class=\"fancy d\">",
+        "<div class=\"e\">",
+        "<p class=\"g\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue
new file mode 100644
index 000000000..e88371585
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue
@@ -0,0 +1,11 @@
+<!-- :nth-of-type(2n) -->
+<template>
+  <div class="a">
+    <div class="b">This element isn't counted.</div>
+    <p class="c">1st paragraph.</p>
+    <p class="fancy d">2nd paragraph.</p>
+    <div class="e">This element isn't counted.</div>
+    <p class="fancy f">3rd paragraph.</p>
+    <p class="g">4th paragraph.</p>
+  </div>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-only-child/result.json b/tests/fixtures/utils/selector/pseudo-only-child/result.json
new file mode 100644
index 000000000..b70fc9b19
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-child/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "li:only-child",
+    "matches": [
+        "<li class=\"d\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-only-child/source.vue b/tests/fixtures/utils/selector/pseudo-only-child/source.vue
new file mode 100644
index 000000000..ccf73b800
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-child/source.vue
@@ -0,0 +1,17 @@
+<!-- li:only-child -->
+<template>
+  <ol class="a">
+    <li class="b">First
+      <ul class="c">
+        <li class="d">This list has just one element.</li>
+      </ul>
+    </li>
+    <li class="e">Second
+      <ul class="f">
+        <li class="g">This list has three elements.</li>
+        <li class="h">This list has three elements.</li>
+        <li class="i">This list has three elements.</li>
+      </ul>
+    </li>
+  </ol>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-only-of-type/result.json b/tests/fixtures/utils/selector/pseudo-only-of-type/result.json
new file mode 100644
index 000000000..330fcd4b3
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-of-type/result.json
@@ -0,0 +1,8 @@
+{
+    "selector": "main :only-of-type",
+    "matches": [
+        "<p class=\"b\">",
+        "<i class=\"e\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-only-of-type/source.vue b/tests/fixtures/utils/selector/pseudo-only-of-type/source.vue
new file mode 100644
index 000000000..6a3569412
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-of-type/source.vue
@@ -0,0 +1,13 @@
+<!-- main :only-of-type -->
+<template>
+  <main class="root">
+    <div class="a">I am `div` #1.</div>
+    <p class="b">I am the only `p` among my siblings.</p>
+    <div class="c">I am `div` #2.</div>
+    <div class="d">I am `div` #3.
+      <i class="e">I am the only `i` child.</i>
+      <em class="f">I am `em` #1.</em>
+      <em class="g">I am `em` #2.</em>
+    </div>
+  </main>
+</template>
diff --git a/tests/fixtures/utils/selector/pseudo-where/result.json b/tests/fixtures/utils/selector/pseudo-where/result.json
new file mode 100644
index 000000000..f7a3daad3
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-where/result.json
@@ -0,0 +1,12 @@
+{
+    "selector": ":is(header, main, footer) p",
+    "matches": [
+        "<p class=\"b\">",
+        "<p class=\"f\">",
+        "<p class=\"g\">",
+        "<p class=\"i\">",
+        "<p class=\"j\">",
+        "<p class=\"l\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-where/source.vue b/tests/fixtures/utils/selector/pseudo-where/source.vue
new file mode 100644
index 000000000..f2147e21c
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-where/source.vue
@@ -0,0 +1,17 @@
+<!-- :is(header, main, footer) p -->
+<template>
+  <header class="a">
+    <p class="b">This is my header paragraph</p>
+  </header>
+
+  <main class="c">
+    <ul class="d">
+      <li class="e"><p class="f">This is my first</p><p class="g">list item</p></li>
+      <li class="h"><p class="i">This is my second</p><p class="j">list item</p></li>
+    </ul>
+  </main>
+
+  <footer class="k">
+    <p class="l">This is my footer paragraph</p>
+  </footer>
+</template>
diff --git a/tests/fixtures/utils/selector/tag01/result.json b/tests/fixtures/utils/selector/tag01/result.json
new file mode 100644
index 000000000..a92bea021
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag01/result.json
@@ -0,0 +1,9 @@
+{
+    "selector": "div",
+    "matches": [
+        "<div id=\"1\">",
+        "<div id=\"2\">",
+        "<div class=\"block\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/tag01/source.vue b/tests/fixtures/utils/selector/tag01/source.vue
new file mode 100644
index 000000000..695f8978f
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag01/source.vue
@@ -0,0 +1,9 @@
+<!-- div -->
+<template>
+  <div id="1">
+    <div id="2"></div>
+    <p id="3"></p>
+    <input id="4">
+  </div>
+</template>
+<div class="block"></div>
diff --git a/tests/fixtures/utils/selector/tag02/result.json b/tests/fixtures/utils/selector/tag02/result.json
new file mode 100644
index 000000000..be68df38f
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag02/result.json
@@ -0,0 +1,7 @@
+{
+    "selector": "p",
+    "matches": [
+        "<p id=\"3\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/tag02/source.vue b/tests/fixtures/utils/selector/tag02/source.vue
new file mode 100644
index 000000000..43985e61f
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag02/source.vue
@@ -0,0 +1,9 @@
+<!-- p -->
+<template>
+  <div id="1">
+    <div id="2"></div>
+    <p id="3"></p>
+    <input id="4">
+  </div>
+</template>
+<div class="block"></div>
diff --git a/tests/fixtures/utils/selector/universal/result.json b/tests/fixtures/utils/selector/universal/result.json
new file mode 100644
index 000000000..d679697da
--- /dev/null
+++ b/tests/fixtures/utils/selector/universal/result.json
@@ -0,0 +1,12 @@
+{
+    "selector": "*",
+    "matches": [
+        "<template>",
+        "<div id=\"1\">",
+        "<div id=\"foo\">",
+        "<p id=\"3\">",
+        "<input id=\"4\">",
+        "<div class=\"block\">"
+    ],
+    "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/universal/source.vue b/tests/fixtures/utils/selector/universal/source.vue
new file mode 100644
index 000000000..edc4361d8
--- /dev/null
+++ b/tests/fixtures/utils/selector/universal/source.vue
@@ -0,0 +1,9 @@
+<!-- * -->
+<template>
+  <div id="1">
+    <div id="foo"></div>
+    <p id="3"></p>
+    <input id="4">
+  </div>
+</template>
+<div class="block"></div>
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 474d04bf2..94ba7a1b4 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -147,7 +147,7 @@ tester.run('component-tags-order', rule, {
       ]
     },
     {
-      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n lang="ja"></i18n><i18n lang="en"></i18n>',
+      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n locale="ja"></i18n><i18n locale="en"></i18n>',
       output: null,
       options: [
         {
@@ -155,14 +155,14 @@ tester.run('component-tags-order', rule, {
             ['script:not([setup])', 'script[setup]', 'template'],
             'style[scoped]',
             'style:not([scoped])',
-            'i18n:not([lang=en])',
-            'i18n:not([lang=ja])'
+            'i18n:not([locale=en])',
+            'i18n:not([locale=ja])'
           ]
         }
       ]
     },
     {
-      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n lang="en"></i18n><i18n lang="ja"></i18n>',
+      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n locale="en"></i18n><i18n locale="ja"></i18n>',
       output: null,
       options: [
         {
@@ -172,8 +172,8 @@ tester.run('component-tags-order', rule, {
             'script[setup]',
             'style[scoped]',
             'style:not([scoped])',
-            'i18n[lang=en]',
-            'i18n[lang=ja]'
+            'i18n[locale=en]',
+            'i18n[locale=ja]'
           ]
         }
       ]
diff --git a/tests/lib/utils/selector.js b/tests/lib/utils/selector.js
new file mode 100644
index 000000000..6677a9fa4
--- /dev/null
+++ b/tests/lib/utils/selector.js
@@ -0,0 +1,88 @@
+'use strict'
+
+const fs = require('fs')
+const path = require('path')
+const assert = require('assert')
+
+const Linter = require('eslint').Linter
+
+const selector = require('../../../lib/utils/selector')
+const utils = require('../../../lib/utils')
+
+const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/utils/selector')
+
+/**
+ * Load test patterns from fixtures.
+ *
+ * @returns {object} The loaded patterns.
+ */
+function loadPatterns() {
+  return fs.readdirSync(FIXTURE_ROOT).map((name) => {
+    const code0 = fs.readFileSync(
+      path.join(FIXTURE_ROOT, name, 'source.vue'),
+      'utf8'
+    )
+    const code = code0.replace(/^<!--(.+?)-->/, `<!--${name}-->`)
+    const inputSelector = /^<!--(.+?)-->/.exec(code0)[1].trim()
+    return { code, name, inputSelector }
+  })
+}
+
+function extractElements(code, inputSelector) {
+  const linter = new Linter()
+  const matches = []
+
+  linter.defineRule('vue/selector-test', (context) => {
+    const parsed = selector.parseSelector(inputSelector, context)
+    return utils.defineDocumentVisitor(context, {
+      VElement(node) {
+        if (parsed.test(node)) {
+          matches.push(
+            context.getSourceCode().text.slice(...node.startTag.range)
+          )
+        }
+      }
+    })
+  })
+  linter.defineParser('vue-eslint-parser', require('vue-eslint-parser'))
+  const messages = linter.verify(
+    code,
+    {
+      parser: 'vue-eslint-parser',
+      parserOptions: { ecmaVersion: 2018 },
+      rules: { 'vue/selector-test': 'error' }
+    },
+    undefined,
+    true
+  )
+
+  return {
+    selector: inputSelector,
+    matches,
+    errors: messages.map((message) => message.message)
+  }
+}
+
+describe('parseSelector()', () => {
+  for (const { name, code, inputSelector } of loadPatterns()) {
+    describe(`'test/fixtures/utils/selector/${name}/source.vue'`, () => {
+      it('should to parse the selector to match the valid elements.', () => {
+        const elements = extractElements(code, inputSelector)
+        const actual = JSON.stringify(elements, null, 4)
+
+        // update fixture
+        // fs.writeFileSync(
+        //   path.join(FIXTURE_ROOT, name, 'result.json'),
+        //   actual,
+        //   'utf8'
+        // )
+
+        const expected = fs.readFileSync(
+          path.join(FIXTURE_ROOT, name, 'result.json'),
+          'utf8'
+        )
+        assert.strictEqual(actual, expected)
+      })
+    })
+  }
+})

From 46da539a5cd00c959e0d6c22a70a6014eb819e71 Mon Sep 17 00:00:00 2001
From: Douglas Wade <douglas.b.wade@gmail.com>
Date: Tue, 12 Apr 2022 16:17:27 -0700
Subject: [PATCH 0474/1010] Fix 1786 (#1831)

* Fix #1786: Add rule match-component-import-name

* Write the documentation for match-component-import-name

* fix(1786): Respond to PR feedback

* Update lib/rules/match-component-import-name.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Don't change utils if you can avoid it

* update docs

* Update docs/rules/match-component-import-name.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/match-component-import-name.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/match-component-import-name.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/match-component-import-name.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* remove case option

* remove stray newline

* Remove prefix; handle computed properties

* but who lints the linters

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                          |  1 +
 docs/rules/match-component-import-name.md     | 45 +++++++++++
 lib/index.js                                  |  1 +
 lib/rules/match-component-import-name.js      | 79 +++++++++++++++++++
 .../lib/rules/match-component-import-name.js  | 73 +++++++++++++++++
 5 files changed, 199 insertions(+)
 create mode 100644 docs/rules/match-component-import-name.md
 create mode 100644 lib/rules/match-component-import-name.js
 create mode 100644 tests/lib/rules/match-component-import-name.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b4ebfefd7..3d2d113d7 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -317,6 +317,7 @@ For example:
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
+| [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
diff --git a/docs/rules/match-component-import-name.md b/docs/rules/match-component-import-name.md
new file mode 100644
index 000000000..083f6b326
--- /dev/null
+++ b/docs/rules/match-component-import-name.md
@@ -0,0 +1,45 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/match-component-import-name
+description: require the registered component name to match the imported component name
+---
+# vue/match-component-import-name
+
+> require the registered component name to match the imported component name
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+By default, this rule will validate that the imported name matches the name of the components object property identifer. Note that "matches" means that the imported name matches either the PascalCase or kebab-case version of the components object property identifer. If you would like to enforce that it must match only one of PascalCase or kebab-case, use this rule in conjunction with the rule [vue/component-definition-name-casing](./component-definition-name-casing.md).
+
+<eslint-code-block :rules="{'vue/match-component-file-name': ['error']}">
+
+```vue
+<script>
+export default {
+  components: {
+    /* ✓ GOOD */
+    AppButton,
+    AppButton: AppButton,
+    'app-button': AppButton,
+
+    /* ✗ BAD */
+    SomeOtherName: AppButton,
+    'some-other-name': AppButton
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/component-definition-name-casing](./component-definition-name-casing.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/match-component-import-name.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/match-component-import-name.js)
diff --git a/lib/index.js b/lib/index.js
index 22fe9a182..d412a6bf1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -47,6 +47,7 @@ module.exports = {
     'key-spacing': require('./rules/key-spacing'),
     'keyword-spacing': require('./rules/keyword-spacing'),
     'match-component-file-name': require('./rules/match-component-file-name'),
+    'match-component-import-name': require('./rules/match-component-import-name'),
     'max-attributes-per-line': require('./rules/max-attributes-per-line'),
     'max-len': require('./rules/max-len'),
     'multi-word-component-names': require('./rules/multi-word-component-names'),
diff --git a/lib/rules/match-component-import-name.js b/lib/rules/match-component-import-name.js
new file mode 100644
index 000000000..5babc8dc2
--- /dev/null
+++ b/lib/rules/match-component-import-name.js
@@ -0,0 +1,79 @@
+/**
+ * @author Doug Wade <douglas.b.wade@gmail.com>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    schema: [],
+    docs: {
+      description:
+        'require the registered component name to match the imported component name',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/match-component-import-name.html'
+    },
+    fixable: null,
+    messages: {
+      unexpected:
+        'Component alias {{importedName}} should be one of: {{expectedName}}.'
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   */
+  create(context) {
+    /**
+     * @param {Identifier} identifier
+     * @return {Array<String>}
+     */
+    function getExpectedNames(identifier) {
+      return [
+        casing.pascalCase(identifier.name),
+        casing.kebabCase(identifier.name)
+      ]
+    }
+
+    return utils.executeOnVueComponent(context, (obj) => {
+      const components = utils.findProperty(obj, 'components')
+      if (
+        !components ||
+        !components.value ||
+        components.value.type !== 'ObjectExpression'
+      ) {
+        return
+      }
+
+      components.value.properties.forEach(
+        /** @param {Property | SpreadElement} property */
+        (property) => {
+          if (
+            property.type === 'SpreadElement' ||
+            property.value.type !== 'Identifier' ||
+            property.computed === true
+          ) {
+            return
+          }
+
+          const importedName = utils.getStaticPropertyName(property) || ''
+          const expectedNames = getExpectedNames(property.value)
+          if (!expectedNames.includes(importedName)) {
+            context.report({
+              node: property,
+              messageId: 'unexpected',
+              data: {
+                importedName,
+                expectedName: expectedNames.join(', ')
+              }
+            })
+          }
+        }
+      )
+    })
+  }
+}
diff --git a/tests/lib/rules/match-component-import-name.js b/tests/lib/rules/match-component-import-name.js
new file mode 100644
index 000000000..a05bfec1a
--- /dev/null
+++ b/tests/lib/rules/match-component-import-name.js
@@ -0,0 +1,73 @@
+/**
+ * @author Doug Wade
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/match-component-import-name')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('match-component-import-name', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { ValidImport } } </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { ValidImport: ValidImport } } </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { 'valid-import': ValidImport } } </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { ValidImport, ...SpreadImport } } </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { 'valid-import': ValidImport, [computedImport]: ComputedImport } } </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { ValidImport, [differentComputedImport]: ComputedImport } } </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script> export default { components: { InvalidExport: SomeRandomName } } </script>
+      `,
+      errors: [
+        {
+          message:
+            'Component alias InvalidExport should be one of: SomeRandomName, some-random-name.',
+          line: 2,
+          column: 47
+        }
+      ]
+    }
+  ]
+})

From a473a0d543655addf28b8bbc3c1e1393e2b30854 Mon Sep 17 00:00:00 2001
From: Douglas Wade <douglas.b.wade@gmail.com>
Date: Tue, 12 Apr 2022 16:26:56 -0700
Subject: [PATCH 0475/1010] Fix 1836 (#1844)

* Add failing test case

* fix #1836: support script[setup] in multi-word-component-names
---
 lib/rules/multi-word-component-names.js       |  2 +-
 tests/lib/rules/multi-word-component-names.js | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index 4e4e7db28..6f73de294 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -60,7 +60,7 @@ module.exports = {
         ignores.add(casing.kebabCase(ignore))
       }
     }
-    let hasVue = false
+    let hasVue = utils.isScriptSetup(context)
     let hasName = false
 
     /**
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index bb0fba770..d11b11d3f 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -202,6 +202,17 @@ tester.run('multi-word-component-names', rule, {
           },
       }).$mount('#app')
       `
+    },
+    {
+      filename: 'MultiWord.vue',
+      code: `
+      <template>
+        <AppButton />
+      </template>
+      
+      <script setup lang="ts">
+      import AppButton from "@/components/AppButton.vue";
+      </script>`
     }
   ],
   invalid: [
@@ -309,6 +320,19 @@ tester.run('multi-word-component-names', rule, {
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      import Item from "@/components/Item.vue";
+      </script>`,
+      errors: [
+        {
+          message: 'Component name "test" should always be multi-word.',
+          line: 1
+        }
+      ]
     }
   ]
 })

From 62e26203f5a1c0c9def7cb3425761599a8dd5500 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 20 Apr 2022 09:10:36 +0900
Subject: [PATCH 0476/1010] Fix false positives for script setup with ts
 literal type in `vue/require-valid-default-prop` (#1854)

* Fix false positives for script setup with ts literal type in `vue/require-valid-default-prop`

* remove dupe test

* Add testcase

* Update tests/lib/rules/require-valid-default-prop.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 lib/utils/ts-ast-utils.js                     | 30 +++++++++----------
 tests/lib/rules/require-valid-default-prop.js | 23 ++++++++++++++
 2 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index dcc6c7cf5..f5cf9691a 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -260,23 +260,21 @@ function inferRuntimeType(context, node, checked = new Set()) {
       return ['Array']
 
     case 'TSLiteralType':
-      switch (node.literal.type) {
-        //@ts-ignore ?
-        case 'StringLiteral':
-          return ['String']
-        //@ts-ignore ?
-        case 'BooleanLiteral':
-          return ['Boolean']
-        //@ts-ignore ?
-        case 'NumericLiteral':
-        //@ts-ignore ?
-        // eslint-disable-next-line no-fallthrough
-        case 'BigIntLiteral':
-          return ['Number']
-        default:
-          return [`null`]
+      if (node.literal.type === 'Literal') {
+        switch (typeof node.literal.value) {
+          case 'boolean':
+            return ['Boolean']
+          case 'string':
+            return ['String']
+          case 'number':
+          case 'bigint':
+            return ['Number']
+        }
+        if (node.literal.value instanceof RegExp) {
+          return ['RegExp']
+        }
       }
-
+      return [`null`]
     case 'TSTypeReference':
       if (node.typeName.type === 'Identifier') {
         const variable = findVariable(context.getScope(), node.typeName.name)
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index e353edf58..c08a0403a 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -252,6 +252,29 @@ ruleTester.run('require-valid-default-prop', rule, {
       parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
       errors: errorMessage('function')
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/1853
+      filename: 'test.vue',
+      code: `<script setup lang="ts">
+      export interface SomePropInterface {
+        someProp?: false | string;
+        str?: 'foo' | 'bar';
+        num?: 1 | 2;
+      }
+
+      withDefaults(defineProps<SomePropInterface>(), {
+        someProp: false,
+        str: 'foo',
+        num: 1
+      });
+      </script>`,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
     }
   ],
 

From 213042c934bfbc150c887ee77a09c71e0748ca38 Mon Sep 17 00:00:00 2001
From: Deisling Eduard <41228762+edikdeisling@users.noreply.github.com>
Date: Fri, 22 Apr 2022 01:37:42 +0300
Subject: [PATCH 0477/1010] Add new rule: vue/define-macros-order (#1855)
 (#1856)

* Add new rule: vue/define-macros-order (#1855)

* Fix review comments

* Add review case

* Fix review comments

* Fix review comments

* Add semicolons

* Add some newline heuristics

* Fix slice review
---
 docs/rules/README.md                   |   1 +
 docs/rules/define-macros-order.md      |  72 +++++
 lib/index.js                           |   1 +
 lib/rules/define-macros-order.js       | 288 ++++++++++++++++++
 tests/lib/rules/define-macros-order.js | 392 +++++++++++++++++++++++++
 5 files changed, 754 insertions(+)
 create mode 100644 docs/rules/define-macros-order.md
 create mode 100644 lib/rules/define-macros-order.js
 create mode 100644 tests/lib/rules/define-macros-order.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 3d2d113d7..26ce0e59d 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -312,6 +312,7 @@ For example:
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
 | [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
+| [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench: |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
new file mode 100644
index 000000000..d928e003a
--- /dev/null
+++ b/docs/rules/define-macros-order.md
@@ -0,0 +1,72 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/define-macros-order
+description: enforce order of `defineEmits` and `defineProps` compiler macros
+---
+# vue/define-macros-order
+
+> enforce order of `defineEmits` and `defineProps` compiler macros
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule reports the `defineProps` and `defineEmits` compiler macros when they are not the first statements in `<script setup>` (after any potential import statements or type definitions) or when they are not in the correct order.
+
+## :wrench: Options
+
+```json
+{
+  "vue/define-macros-order": ["error", {
+    "order": ["defineProps", "defineEmits"]
+  }]
+}
+```
+
+- `order` (`string[]`) ... The order of defineEmits and defineProps macros
+
+### `{ "order": ["defineProps", "defineEmits"] }` (default)
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script setup>
+defineProps(/* ... */)
+defineEmits(/* ... */)
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+defineEmits(/* ... */)
+defineProps(/* ... */)
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+const bar = ref()
+defineProps(/* ... */)
+defineEmits(/* ... */)
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-macros-order.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/define-macros-order.js)
diff --git a/lib/index.js b/lib/index.js
index d412a6bf1..39f91b515 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -27,6 +27,7 @@ module.exports = {
     'component-options-name-casing': require('./rules/component-options-name-casing'),
     'component-tags-order': require('./rules/component-tags-order'),
     'custom-event-name-casing': require('./rules/custom-event-name-casing'),
+    'define-macros-order': require('./rules/define-macros-order'),
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
new file mode 100644
index 000000000..9c8ea45e6
--- /dev/null
+++ b/lib/rules/define-macros-order.js
@@ -0,0 +1,288 @@
+/**
+ * @author Eduard Deisling
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+const MACROS_EMITS = 'defineEmits'
+const MACROS_PROPS = 'defineProps'
+const ORDER = [MACROS_EMITS, MACROS_PROPS]
+const DEFAULT_ORDER = [MACROS_PROPS, MACROS_EMITS]
+
+/**
+ * @param {ASTNode} node
+ */
+function isUseStrictStatement(node) {
+  return (
+    node.type === 'ExpressionStatement' &&
+    node.expression.type === 'Literal' &&
+    node.expression.value === 'use strict'
+  )
+}
+
+/**
+ * Get an index of the first statement after imports and interfaces in order
+ * to place defineEmits and defineProps before this statement
+ * @param {Program} program
+ */
+function getTargetStatementPosition(program) {
+  const skipStatements = new Set([
+    'ImportDeclaration',
+    'TSInterfaceDeclaration',
+    'TSTypeAliasDeclaration',
+    'DebuggerStatement',
+    'EmptyStatement'
+  ])
+
+  for (const [index, item] of program.body.entries()) {
+    if (!skipStatements.has(item.type) && !isUseStrictStatement(item)) {
+      return index
+    }
+  }
+
+  return -1
+}
+
+/**
+ * We need to handle cases like "const props = defineProps(...)"
+ * Define macros must be used only on top, so we can look for "Program" type
+ * inside node.parent.type
+ * @param {CallExpression|ASTNode} node
+ * @return {ASTNode}
+ */
+function getDefineMacrosStatement(node) {
+  if (!node.parent) {
+    throw new Error('Node has no parent')
+  }
+
+  if (node.parent.type === 'Program') {
+    return node
+  }
+
+  return getDefineMacrosStatement(node.parent)
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/** @param {RuleContext} context */
+function create(context) {
+  const scriptSetup = utils.getScriptSetupElement(context)
+
+  if (!scriptSetup) {
+    return {}
+  }
+
+  const sourceCode = context.getSourceCode()
+  const options = context.options
+  /** @type {[string, string]} */
+  const order = (options[0] && options[0].order) || DEFAULT_ORDER
+  /** @type {Map<string, ASTNode>} */
+  const macrosNodes = new Map()
+
+  return utils.compositingVisitors(
+    utils.defineScriptSetupVisitor(context, {
+      onDefinePropsExit(node) {
+        macrosNodes.set(MACROS_PROPS, getDefineMacrosStatement(node))
+      },
+      onDefineEmitsExit(node) {
+        macrosNodes.set(MACROS_EMITS, getDefineMacrosStatement(node))
+      }
+    }),
+    {
+      'Program:exit'(program) {
+        const shouldFirstNode = macrosNodes.get(order[0])
+        const shouldSecondNode = macrosNodes.get(order[1])
+        const firstStatementIndex = getTargetStatementPosition(program)
+        const firstStatement = program.body[firstStatementIndex]
+
+        // have both defineEmits and defineProps
+        if (shouldFirstNode && shouldSecondNode) {
+          const secondStatement = program.body[firstStatementIndex + 1]
+
+          // need move only first
+          if (firstStatement === shouldSecondNode) {
+            reportNotOnTop(order[0], shouldFirstNode, firstStatement)
+            return
+          }
+
+          // need move both defineEmits and defineProps
+          if (firstStatement !== shouldFirstNode) {
+            reportBothNotOnTop(
+              shouldFirstNode,
+              shouldSecondNode,
+              firstStatement
+            )
+            return
+          }
+
+          // need move only second
+          if (secondStatement !== shouldSecondNode) {
+            reportNotOnTop(order[1], shouldSecondNode, shouldFirstNode)
+          }
+
+          return
+        }
+
+        // have only first and need to move it
+        if (shouldFirstNode && firstStatement !== shouldFirstNode) {
+          reportNotOnTop(order[0], shouldFirstNode, firstStatement)
+          return
+        }
+
+        // have only second and need to move it
+        if (shouldSecondNode && firstStatement !== shouldSecondNode) {
+          reportNotOnTop(order[1], shouldSecondNode, firstStatement)
+        }
+      }
+    }
+  )
+
+  /**
+   * @param {ASTNode} shouldFirstNode
+   * @param {ASTNode} shouldSecondNode
+   * @param {ASTNode} before
+   */
+  function reportBothNotOnTop(shouldFirstNode, shouldSecondNode, before) {
+    context.report({
+      node: shouldFirstNode,
+      loc: shouldFirstNode.loc,
+      messageId: 'macrosNotOnTop',
+      data: {
+        macro: order[0]
+      },
+      fix(fixer) {
+        return [
+          ...moveNodeBefore(fixer, shouldFirstNode, before),
+          ...moveNodeBefore(fixer, shouldSecondNode, before)
+        ]
+      }
+    })
+  }
+
+  /**
+   * @param {string} macro
+   * @param {ASTNode} node
+   * @param {ASTNode} before
+   */
+  function reportNotOnTop(macro, node, before) {
+    context.report({
+      node,
+      loc: node.loc,
+      messageId: 'macrosNotOnTop',
+      data: {
+        macro
+      },
+      fix(fixer) {
+        return moveNodeBefore(fixer, node, before)
+      }
+    })
+  }
+
+  /**
+   * Move all lines of "node" with its comments to before the "target"
+   * @param {RuleFixer} fixer
+   * @param {ASTNode} node
+   * @param {ASTNode} target
+   */
+  function moveNodeBefore(fixer, node, target) {
+    // get comments under tokens(if any)
+    const beforeNodeToken = sourceCode.getTokenBefore(node)
+    const nodeComment = sourceCode.getTokenAfter(beforeNodeToken, {
+      includeComments: true
+    })
+    const nextNodeComment = sourceCode.getTokenAfter(node, {
+      includeComments: true
+    })
+    // get positions of what we need to remove
+    const cutStart = getLineStartIndex(nodeComment, beforeNodeToken)
+    const cutEnd = getLineStartIndex(nextNodeComment, node)
+    // get space before target
+    const beforeTargetToken = sourceCode.getTokenBefore(target)
+    const targetComment = sourceCode.getTokenAfter(beforeTargetToken, {
+      includeComments: true
+    })
+    const textSpace = getTextBetweenTokens(beforeTargetToken, targetComment)
+    // make insert text: comments + node + space before target
+    const textNode = sourceCode.getText(
+      node,
+      node.range[0] - nodeComment.range[0]
+    )
+    const insertText = textNode + textSpace
+
+    return [
+      fixer.insertTextBefore(targetComment, insertText),
+      fixer.removeRange([cutStart, cutEnd])
+    ]
+  }
+
+  /**
+   * @param {ASTNode} tokenBefore
+   * @param {ASTNode} tokenAfter
+   */
+  function getTextBetweenTokens(tokenBefore, tokenAfter) {
+    return sourceCode.text.slice(tokenBefore.range[1], tokenAfter.range[0])
+  }
+
+  /**
+   * Get position of the beginning of the token's line(or prevToken end if no line)
+   * @param {ASTNode} token
+   * @param {ASTNode} prevToken
+   */
+  function getLineStartIndex(token, prevToken) {
+    // if we have next token on the same line - get index right before that token
+    if (token.loc.start.line === prevToken.loc.end.line) {
+      return prevToken.range[1]
+    }
+
+    return sourceCode.getIndexFromLoc({
+      line: token.loc.start.line,
+      column: 0
+    })
+  }
+}
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description:
+        'enforce order of `defineEmits` and `defineProps` compiler macros',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/define-macros-order.html'
+    },
+    fixable: 'code',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          order: {
+            type: 'array',
+            items: {
+              enum: Object.values(ORDER)
+            },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      macrosNotOnTop:
+        '{{macro}} should be the first statement in `<script setup>` (after any potential import statements or type definitions).'
+    }
+  },
+  create
+}
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
new file mode 100644
index 000000000..ce5f30040
--- /dev/null
+++ b/tests/lib/rules/define-macros-order.js
@@ -0,0 +1,392 @@
+/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/define-macros-order')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+const optionsEmitsFirst = [
+  {
+    order: ['defineEmits', 'defineProps']
+  }
+]
+
+const optionsPropsFirst = [
+  {
+    order: ['defineProps', 'defineEmits']
+  }
+]
+
+function message(macro) {
+  return `${macro} should be the first statement in \`<script setup>\` (after any potential import statements or type definitions).`
+}
+
+tester.run('define-macros-order', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineProps({
+            test: Boolean
+          })
+          defineEmits(['update:test'])
+          console.log('test')
+        </script>
+      `,
+      options: optionsPropsFirst
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          const props = withDefaults(defineProps<Props>(), {
+            msg: 'hello',
+            labels: () => ['one', 'two']
+          })
+          const emit = defineEmits<{(e: 'update:test'): void}>()
+          console.log('test')
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          defineEmits(['update:test'])
+          console.log('test')
+        </script>
+      `,
+      options: optionsPropsFirst
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          defineProps({
+            test: Boolean
+          })
+          console.log('test')
+        </script>
+      `,
+      options: optionsPropsFirst
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          console.log('test')
+        </script>
+      `,
+      options: optionsPropsFirst
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          import { bar } from 'foo'
+          defineEmits(['update:test'])
+          defineProps({
+            test: Boolean
+          })
+          console.log('test')
+        </script>
+      `,
+      options: optionsEmitsFirst
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import { bar } from 'foo'
+          console.log('test1')
+          defineEmits(['update:test'])
+        </script>
+      `,
+      output: `
+        <script setup>
+          import { bar } from 'foo'
+          defineEmits(['update:test'])
+          console.log('test1')
+        </script>
+      `,
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineEmits'),
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import { bar } from 'foo'
+
+          console.log('test1')
+          defineEmits(['update:test'])
+          console.log('test2')
+          defineProps({
+            test: Boolean
+          })
+          console.log('test3')
+        </script>
+      `,
+      output: `
+        <script setup>
+          import { bar } from 'foo'
+
+          defineProps({
+            test: Boolean
+          })
+
+          defineEmits(['update:test'])
+
+          console.log('test1')
+          console.log('test2')
+          console.log('test3')
+        </script>
+      `,
+      options: optionsPropsFirst,
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import { bar } from 'foo'
+
+          defineEmits(['update:test'])
+          defineProps({
+            test: Boolean
+          })
+
+          console.log('test1')
+        </script>
+      `,
+      output: `
+        <script setup>
+          import { bar } from 'foo'
+
+          defineProps({
+            test: Boolean
+          })
+
+          defineEmits(['update:test'])
+          console.log('test1')
+        </script>
+      `,
+      options: optionsPropsFirst,
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          console.log('test1')
+          const props = defineProps({
+            test: Boolean
+          })
+          console.log('test2')
+          const emit = defineEmits(['update:test'])
+          console.log('test3')
+        </script>
+      `,
+      output: `
+        <script setup>
+          const emit = defineEmits(['update:test'])
+          const props = defineProps({
+            test: Boolean
+          })
+          console.log('test1')
+          console.log('test2')
+          console.log('test3')
+        </script>
+      `,
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineEmits'),
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script lang="ts" setup>
+          interface Props {
+            msg?: string
+            labels?: string[]
+          }
+
+          const props = withDefaults(defineProps<Props>(), {
+            msg: 'hello',
+            labels: () => ['one', 'two']
+          })
+          const emit = defineEmits<{(e: 'update:test'): void}>()
+        </script>
+      `,
+      output: `
+        <script lang="ts" setup>
+          interface Props {
+            msg?: string
+            labels?: string[]
+          }
+
+          const emit = defineEmits<{(e: 'update:test'): void}>()
+
+          const props = withDefaults(defineProps<Props>(), {
+            msg: 'hello',
+            labels: () => ['one', 'two']
+          })
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineEmits'),
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script lang="ts" setup>
+          import bla from 'bla';
+          interface Foo {};
+          type Bar = {};
+          // <--- auto-fix should move \`defineProps\` here
+          const someOtherCode = '';
+          import foo from 'bar'; // not idiomatic, but allowed
+          interface SomeOtherInterface {};
+          defineProps({ test: Boolean });
+        </script>
+      `,
+      output: `
+        <script lang="ts" setup>
+          import bla from 'bla';
+          interface Foo {};
+          type Bar = {};
+          defineProps({ test: Boolean });
+          // <--- auto-fix should move \`defineProps\` here
+          const someOtherCode = '';
+          import foo from 'bar'; // not idiomatic, but allowed
+          interface SomeOtherInterface {};
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script lang="ts" setup>
+          debugger
+
+          console.log('test1')
+
+          /** Description for props */
+          const props = withDefaults(defineProps<Props>(), {
+            msg: 'hello'
+          });
+
+          console.log('test2')
+
+          // Description for emit
+          // Description for emit line 2
+          const emit = defineEmits<{(e: 'test'): void}>();
+
+          console.log('test3')
+        </script>
+      `,
+      output: `
+        <script lang="ts" setup>
+          debugger
+
+          // Description for emit
+          // Description for emit line 2
+          const emit = defineEmits<{(e: 'test'): void}>();
+
+          /** Description for props */
+          const props = withDefaults(defineProps<Props>(), {
+            msg: 'hello'
+          });
+
+          console.log('test1')
+
+          console.log('test2')
+
+          console.log('test3')
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineEmits'),
+          line: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const props = defineProps({ test: Boolean });defineEmits(['update:test'])
+        </script>
+      `,
+      output: `
+        <script setup>
+          defineEmits(['update:test'])
+          const props = defineProps({ test: Boolean });        </script>
+      `,
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineEmits'),
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 8900a96fb73775a4808033860d453840ca4b83d3 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 22 Apr 2022 16:35:37 +0900
Subject: [PATCH 0478/1010] 8.7.0

---
 docs/rules/define-macros-order.md         | 6 +++++-
 docs/rules/match-component-import-name.md | 7 +++++--
 lib/configs/no-layout-rules.js            | 1 +
 package.json                              | 2 +-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index d928e003a..6fe48b20a 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/define-macros-order
 description: enforce order of `defineEmits` and `defineProps` compiler macros
+since: v8.7.0
 ---
 # vue/define-macros-order
 
 > enforce order of `defineEmits` and `defineProps` compiler macros
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -66,6 +66,10 @@ defineEmits(/* ... */)
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.7.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-macros-order.js)
diff --git a/docs/rules/match-component-import-name.md b/docs/rules/match-component-import-name.md
index 083f6b326..7abf7eca1 100644
--- a/docs/rules/match-component-import-name.md
+++ b/docs/rules/match-component-import-name.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/match-component-import-name
 description: require the registered component name to match the imported component name
+since: v8.7.0
 ---
 # vue/match-component-import-name
 
 > require the registered component name to match the imported component name
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 By default, this rule will validate that the imported name matches the name of the components object property identifer. Note that "matches" means that the imported name matches either the PascalCase or kebab-case version of the components object property identifer. If you would like to enforce that it must match only one of PascalCase or kebab-case, use this rule in conjunction with the rule [vue/component-definition-name-casing](./component-definition-name-casing.md).
@@ -39,6 +38,10 @@ export default {
 
 - [vue/component-definition-name-casing](./component-definition-name-casing.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v8.7.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/match-component-import-name.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 4c88287af..ab03684b5 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -14,6 +14,7 @@ module.exports = {
     'vue/comma-dangle': 'off',
     'vue/comma-spacing': 'off',
     'vue/comma-style': 'off',
+    'vue/define-macros-order': 'off',
     'vue/dot-location': 'off',
     'vue/first-attribute-linebreak': 'off',
     'vue/func-call-spacing': 'off',
diff --git a/package.json b/package.json
index 9ddbb72a4..1f15ff05b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.6.0",
+  "version": "8.7.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From ba2911413acd6c61cd966ab8471037ea4563451e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 22 Apr 2022 09:48:45 +0200
Subject: [PATCH 0479/1010] Meta: Install `eslint-plugin-unicorn` (#1857)

* Install `eslint-plugin-unicorn`

* Fix new lint issues
---
 .eslintrc.js                                  |  19 +-
 docs/.vuepress/enhanceApp.js                  |  28 +-
 .../no-invalid-meta-docs-categories.js        |  10 +-
 eslint-internal-rules/no-invalid-meta.js      |  10 +-
 lib/processor.js                              |   8 +-
 lib/rules/attribute-hyphenation.js            |  36 +-
 lib/rules/attributes-order.js                 |  79 +--
 lib/rules/block-lang.js                       |  27 +-
 lib/rules/block-tag-newline.js                |   5 +-
 lib/rules/comment-directive.js                |  56 +--
 lib/rules/component-api-style.js              |  37 +-
 lib/rules/component-definition-name-casing.js |  31 +-
 .../component-name-in-template-casing.js      |   5 +-
 lib/rules/component-options-name-casing.js    |   8 +-
 lib/rules/component-tags-order.js             |  51 +-
 lib/rules/experimental-script-setup-vars.js   |   8 +-
 lib/rules/html-button-has-type.js             |  17 +-
 lib/rules/html-comment-indent.js              |  12 +-
 lib/rules/html-quotes.js                      |  12 +-
 lib/rules/match-component-file-name.js        |  28 +-
 lib/rules/match-component-import-name.js      |  62 ++-
 lib/rules/max-attributes-per-line.js          | 124 ++---
 lib/rules/max-len.js                          | 122 ++---
 .../multiline-html-element-content-newline.js |   8 +-
 lib/rules/name-property-casing.js             |   5 +-
 .../new-line-between-multi-line-property.js   |   2 +-
 lib/rules/next-tick-style.js                  |   2 +-
 lib/rules/no-bare-strings-in-template.js      |   2 +-
 lib/rules/no-child-content.js                 |   1 -
 .../no-deprecated-destroyed-lifecycle.js      |  48 +-
 lib/rules/no-deprecated-props-default-this.js |  41 +-
 .../no-deprecated-router-link-tag-prop.js     |  11 +-
 .../no-deprecated-v-on-number-modifiers.js    |   4 +-
 lib/rules/no-dupe-keys.js                     |   9 +-
 lib/rules/no-dupe-v-else-if.js                |   2 +-
 lib/rules/no-empty-component-block.js         |  15 +-
 lib/rules/no-export-in-script-setup.js        |  13 +-
 lib/rules/no-invalid-model-keys.js            |   4 +-
 lib/rules/no-irregular-whitespace.js          |  31 +-
 lib/rules/no-lone-template.js                 |  42 +-
 lib/rules/no-multiple-slot-args.js            |   2 +-
 lib/rules/no-mutating-props.js                | 155 +++---
 lib/rules/no-parsing-error.js                 |  10 +-
 .../no-potential-component-option-typo.js     |  12 +-
 lib/rules/no-reserved-component-names.js      |  54 +-
 lib/rules/no-reserved-keys.js                 |   7 +-
 lib/rules/no-restricted-block.js              |  14 +-
 lib/rules/no-restricted-call-after-await.js   |  28 +-
 lib/rules/no-restricted-class.js              |   8 +-
 lib/rules/no-restricted-component-options.js  |  14 +-
 lib/rules/no-restricted-html-elements.js      |   4 +-
 lib/rules/no-restricted-props.js              |   2 +-
 lib/rules/no-restricted-static-attribute.js   |  39 +-
 lib/rules/no-restricted-v-bind.js             |  39 +-
 lib/rules/no-static-inline-styles.js          | 151 +++---
 lib/rules/no-template-shadow.js               |   4 +-
 lib/rules/no-undef-components.js              |  19 +-
 lib/rules/no-undef-properties.js              |  26 +-
 lib/rules/no-unregistered-components.js       |  99 ++--
 lib/rules/no-unused-components.js             |  57 ++-
 lib/rules/no-unused-refs.js                   |  84 ++--
 lib/rules/no-unused-vars.js                   |   2 +-
 .../no-use-computed-property-like-method.js   | 128 ++---
 lib/rules/no-useless-mustaches.js             |   2 +-
 lib/rules/no-useless-template-attributes.js   |  97 ++--
 lib/rules/no-useless-v-bind.js                |  10 +-
 lib/rules/order-in-components.js              |  24 +-
 lib/rules/padding-line-between-blocks.js      |   9 +-
 lib/rules/prefer-import-from-vue.js           |  19 +-
 lib/rules/prefer-prop-type-boolean-first.js   |  10 +-
 lib/rules/prop-name-casing.js                 |   3 +-
 lib/rules/require-default-prop.js             |  40 +-
 lib/rules/require-direct-export.js            |  16 +-
 lib/rules/require-emit-validator.js           |   8 +-
 lib/rules/require-explicit-emits.js           |  39 +-
 lib/rules/require-expose.js                   |  36 +-
 lib/rules/require-prop-type-constructor.js    |  42 +-
 lib/rules/require-prop-types.js               |  30 +-
 lib/rules/require-valid-default-prop.js       | 109 ++--
 lib/rules/return-in-computed-property.js      |   8 +-
 lib/rules/return-in-emits-validator.js        |  11 +-
 lib/rules/script-setup-uses-vars.js           |  19 +-
 ...singleline-html-element-content-newline.js |   2 +-
 lib/rules/sort-keys.js                        |  38 +-
 lib/rules/syntaxes/slot-attribute.js          |   9 +-
 .../syntaxes/utils/can-convert-to-v-slot.js   |  15 +-
 lib/rules/syntaxes/v-slot.js                  |  25 +-
 lib/rules/this-in-template.js                 |   4 +-
 lib/rules/use-v-on-exact.js                   |  45 +-
 lib/rules/v-bind-style.js                     |  13 +-
 lib/rules/v-for-delimiter-style.js            |   2 +-
 lib/rules/v-on-function-call.js               |  89 ++--
 lib/rules/valid-define-emits.js               |  39 +-
 lib/rules/valid-define-props.js               |  39 +-
 lib/rules/valid-template-root.js              |   2 +-
 lib/rules/valid-v-memo.js                     |  59 ++-
 lib/rules/valid-v-on.js                       |   4 +-
 lib/rules/valid-v-slot.js                     |  23 +-
 lib/utils/casing.js                           |  38 +-
 lib/utils/html-comments.js                    |   2 +-
 lib/utils/indent-common.js                    |  60 ++-
 lib/utils/indent-ts.js                        |   8 +-
 lib/utils/index.js                            | 474 +++++++++---------
 lib/utils/property-references.js              | 119 ++---
 lib/utils/regexp.js                           |   2 +-
 lib/utils/selector.js                         |  62 +--
 lib/utils/style-variables/index.js            |   2 +-
 lib/utils/ts-ast-utils.js                     |  68 +--
 package.json                                  |   1 +
 tests/eslint-compat.js                        |  11 +-
 tests/lib/rules/comment-directive.js          | 127 ++---
 tests/lib/rules/html-indent.js                |   8 +-
 tests/lib/rules/no-irregular-whitespace.js    |  40 +-
 .../lib/rules/no-reserved-component-names.js  |   4 +-
 tests/lib/rules/script-indent.js              |   8 +-
 tests/lib/rules/this-in-template.js           | 116 ++---
 tests/lib/utils/index.js                      |  49 +-
 tests/lib/utils/vue-component.js              |  24 +-
 tools/lib/categories.js                       |   2 +-
 tools/update-docs-rules-index.js              |   8 +-
 tools/update-docs.js                          |  32 +-
 tools/update-lib-configs.js                   |  33 +-
 tools/update-no-layout-rules-config.js        |   5 +-
 tools/update-vue3-export-names.js             | 113 +++--
 124 files changed, 2198 insertions(+), 2151 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 3229de98d..6a944b5e1 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,9 +14,10 @@ module.exports = {
     'plugin:eslint-plugin/recommended',
     'prettier',
     'plugin:node-dependencies/recommended',
-    'plugin:jsonc/recommended-with-jsonc'
+    'plugin:jsonc/recommended-with-jsonc',
+    'plugin:unicorn/recommended'
   ],
-  plugins: ['eslint-plugin', 'prettier'],
+  plugins: ['eslint-plugin', 'prettier', 'unicorn'],
   rules: {
     'accessor-pairs': 2,
     camelcase: [2, { properties: 'never' }],
@@ -117,7 +118,19 @@ module.exports = {
     'prefer-arrow-callback': 'error',
     'prefer-spread': 'error',
 
-    'dot-notation': 'error'
+    'dot-notation': 'error',
+
+    'unicorn/consistent-function-scoping': [
+      'error',
+      { checkArrowFunctions: false }
+    ],
+    'unicorn/filename-case': 'off',
+    'unicorn/no-null': 'off',
+    'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
+    'unicorn/no-useless-undefined': 'off',
+    'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
+    'unicorn/prefer-module': 'off',
+    'unicorn/prevent-abbreviations': 'off'
   },
   overrides: [
     {
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
index dc7e30771..03082d606 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -8,21 +8,19 @@ export default (
     //     siteData, // site metadata
   }
 ) => {
-  if (typeof window !== 'undefined') {
-    if (typeof window.process === 'undefined') {
-      window.process = new Proxy(
-        {
-          env: {},
-          cwd: () => undefined
-        },
-        {
-          get(target, name) {
-            // For debug
-            // console.log(name)
-            return target[name]
-          }
+  if (typeof window !== 'undefined' && typeof window.process === 'undefined') {
+    window.process = new Proxy(
+      {
+        env: {},
+        cwd: () => undefined
+      },
+      {
+        get(target, name) {
+          // For debug
+          // console.log(name)
+          return target[name]
         }
-      )
-    }
+      }
+    )
   }
 }
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index 5a86d16ab..b48125484 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -12,17 +12,17 @@
 /**
  * Gets the property of the Object node passed in that has the name specified.
  *
- * @param {string} property Name of the property to return.
+ * @param {string} propertyName Name of the property to return.
  * @param {ASTNode} node The ObjectExpression node.
  * @returns {ASTNode} The Property node or null if not found.
  */
-function getPropertyFromObject(property, node) {
+function getPropertyFromObject(propertyName, node) {
   if (node && node.type === 'ObjectExpression') {
     const properties = node.properties
 
-    for (let i = 0; i < properties.length; i++) {
-      if (properties[i].key.name === property) {
-        return properties[i]
+    for (const property of properties) {
+      if (property.key.name === propertyName) {
+        return property
       }
     }
   }
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index e96435cf9..f1877ea4b 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -12,17 +12,17 @@
 /**
  * Gets the property of the Object node passed in that has the name specified.
  *
- * @param {string} property Name of the property to return.
+ * @param {string} propertyName Name of the property to return.
  * @param {ASTNode} node The ObjectExpression node.
  * @returns {ASTNode} The Property node or null if not found.
  */
-function getPropertyFromObject(property, node) {
+function getPropertyFromObject(propertyName, node) {
   if (node && node.type === 'ObjectExpression') {
     const properties = node.properties
 
-    for (let i = 0; i < properties.length; i++) {
-      if (properties[i].key.name === property) {
-        return properties[i]
+    for (const property of properties) {
+      if (property.key.name === propertyName) {
+        return property
       }
     }
   }
diff --git a/lib/processor.js b/lib/processor.js
index 81ab94784..e0c10ef72 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -84,10 +84,10 @@ module.exports = {
         return false
       } else {
         const disableDirectiveKeys = []
-        if (state.block.disableAllKeys.size) {
+        if (state.block.disableAllKeys.size > 0) {
           disableDirectiveKeys.push(...state.block.disableAllKeys)
         }
-        if (state.line.disableAllKeys.size) {
+        if (state.line.disableAllKeys.size > 0) {
           disableDirectiveKeys.push(...state.line.disableAllKeys)
         }
         if (message.ruleId) {
@@ -101,7 +101,7 @@ module.exports = {
           }
         }
 
-        if (disableDirectiveKeys.length) {
+        if (disableDirectiveKeys.length > 0) {
           // Store used eslint-disable comment key
           usedDisableDirectiveKeys.push(...disableDirectiveKeys)
           return false
@@ -111,7 +111,7 @@ module.exports = {
       }
     })
 
-    if (unusedDisableDirectiveReports.size) {
+    if (unusedDisableDirectiveReports.size > 0) {
       for (const key of usedDisableDirectiveKeys) {
         // Remove used eslint-disable comments
         unusedDisableDirectiveReports.delete(key)
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index f9126a548..0502ae3bc 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -12,6 +12,26 @@ const svgAttributes = require('../utils/svg-attributes-weird-case.json')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {VDirective | VAttribute} node
+ * @returns {string | null}
+ */
+function getAttributeName(node) {
+  if (!node.directive) {
+    return node.key.rawName
+  }
+
+  if (
+    node.key.name.name === 'bind' &&
+    node.key.argument &&
+    node.key.argument.type === 'VIdentifier'
+  ) {
+    return node.key.argument.rawName
+  }
+
+  return null
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -52,12 +72,10 @@ module.exports = {
     const option = context.options[0]
     const optionsPayload = context.options[1]
     const useHyphenated = option !== 'never'
-    let ignoredAttributes = ['data-', 'aria-', 'slot-scope'].concat(
-      svgAttributes
-    )
+    const ignoredAttributes = ['data-', 'aria-', 'slot-scope', ...svgAttributes]
 
     if (optionsPayload && optionsPayload.ignore) {
-      ignoredAttributes = ignoredAttributes.concat(optionsPayload.ignore)
+      ignoredAttributes.push(...optionsPayload.ignore)
     }
 
     const caseConverter = casing.getExactConverter(
@@ -112,14 +130,8 @@ module.exports = {
         )
           return
 
-        const name = !node.directive
-          ? node.key.rawName
-          : node.key.name.name === 'bind'
-          ? node.key.argument &&
-            node.key.argument.type === 'VIdentifier' &&
-            node.key.argument.rawName
-          : /* otherwise */ false
-        if (!name || isIgnoredAttribute(name)) return
+        const name = getAttributeName(node)
+        if (name === null || isIgnoredAttribute(name)) return
 
         reportIssue(node, name)
       }
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 0d9ea9ce8..d88e9c934 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -111,30 +111,31 @@ function getAttributeType(attribute) {
   if (attribute.directive) {
     if (!isVBind(attribute)) {
       const name = attribute.key.name.name
-      if (name === 'for') {
-        return ATTRS.LIST_RENDERING
-      } else if (
-        name === 'if' ||
-        name === 'else-if' ||
-        name === 'else' ||
-        name === 'show' ||
-        name === 'cloak'
-      ) {
-        return ATTRS.CONDITIONALS
-      } else if (name === 'pre' || name === 'once') {
-        return ATTRS.RENDER_MODIFIERS
-      } else if (name === 'model') {
-        return ATTRS.TWO_WAY_BINDING
-      } else if (name === 'on') {
-        return ATTRS.EVENTS
-      } else if (name === 'html' || name === 'text') {
-        return ATTRS.CONTENT
-      } else if (name === 'slot') {
-        return ATTRS.SLOT
-      } else if (name === 'is') {
-        return ATTRS.DEFINITION
-      } else {
-        return ATTRS.OTHER_DIRECTIVES
+      switch (name) {
+        case 'for':
+          return ATTRS.LIST_RENDERING
+        case 'if':
+        case 'else-if':
+        case 'else':
+        case 'show':
+        case 'cloak':
+          return ATTRS.CONDITIONALS
+        case 'pre':
+        case 'once':
+          return ATTRS.RENDER_MODIFIERS
+        case 'model':
+          return ATTRS.TWO_WAY_BINDING
+        case 'on':
+          return ATTRS.EVENTS
+        case 'html':
+        case 'text':
+          return ATTRS.CONTENT
+        case 'slot':
+          return ATTRS.SLOT
+        case 'is':
+          return ATTRS.DEFINITION
+        default:
+          return ATTRS.OTHER_DIRECTIVES
       }
     }
     propName =
@@ -144,16 +145,19 @@ function getAttributeType(attribute) {
   } else {
     propName = attribute.key.name
   }
-  if (propName === 'is') {
-    return ATTRS.DEFINITION
-  } else if (propName === 'id') {
-    return ATTRS.GLOBAL
-  } else if (propName === 'ref' || propName === 'key') {
-    return ATTRS.UNIQUE
-  } else if (propName === 'slot' || propName === 'slot-scope') {
-    return ATTRS.SLOT
-  } else {
-    return ATTRS.OTHER_ATTR
+  switch (propName) {
+    case 'is':
+      return ATTRS.DEFINITION
+    case 'id':
+      return ATTRS.GLOBAL
+    case 'ref':
+    case 'key':
+      return ATTRS.UNIQUE
+    case 'slot':
+    case 'slot-scope':
+      return ATTRS.SLOT
+    default:
+      return ATTRS.OTHER_ATTR
   }
 }
 
@@ -213,13 +217,13 @@ function create(context) {
 
   /** @type { { [key: string]: number } } */
   const attributePosition = {}
-  attributeOrder.forEach((item, i) => {
+  for (const [i, item] of attributeOrder.entries()) {
     if (Array.isArray(item)) {
       for (const attr of item) {
         attributePosition[attr] = i
       }
     } else attributePosition[item] = i
-  })
+  }
 
   /**
    * @param {VAttribute | VDirective} node
@@ -319,8 +323,7 @@ function create(context) {
     })
 
     const results = []
-    for (let index = 0; index < attributes.length; index++) {
-      const attr = attributes[index]
+    for (const [index, attr] of attributes.entries()) {
       const position = getPositionFromAttrIndex(index)
       if (position == null) {
         // The omitted order is skipped.
diff --git a/lib/rules/block-lang.js b/lib/rules/block-lang.js
index f1383c835..c1998eb5f 100644
--- a/lib/rules/block-lang.js
+++ b/lib/rules/block-lang.js
@@ -52,13 +52,21 @@ function getAllowsLangPhrase(lang) {
 /**
  * Normalizes a given option.
  * @param {string} blockName The block name.
- * @param { UserBlockOptions } option An option to parse.
+ * @param {UserBlockOptions} option An option to parse.
  * @returns {BlockOptions} Normalized option.
  */
 function normalizeOption(blockName, option) {
-  const lang = new Set(
-    Array.isArray(option.lang) ? option.lang : option.lang ? [option.lang] : []
-  )
+  /** @type {Set<string>} */
+  let lang
+
+  if (Array.isArray(option.lang)) {
+    lang = new Set(option.lang)
+  } else if (typeof option.lang === 'string') {
+    lang = new Set([option.lang])
+  } else {
+    lang = new Set()
+  }
+
   let hasDefault = false
   for (const def of DEFAULT_LANGUAGES[blockName] || []) {
     if (lang.has(def)) {
@@ -165,8 +173,7 @@ module.exports = {
         style: { allowNoLang: true }
       }
     )
-    if (!Object.keys(options).length) {
-      // empty
+    if (Object.keys(options).length === 0) {
       return {}
     }
 
@@ -198,11 +205,9 @@ module.exports = {
         if (!option.allowNoLang) {
           messageId = 'expected'
         } else if (option.lang.size === 0) {
-          if ((DEFAULT_LANGUAGES[tag] || []).includes(lang.value.value)) {
-            messageId = 'unexpectedDefault'
-          } else {
-            messageId = 'unexpected'
-          }
+          messageId = (DEFAULT_LANGUAGES[tag] || []).includes(lang.value.value)
+            ? 'unexpectedDefault'
+            : 'unexpected'
         } else {
           messageId = 'useOrNot'
         }
diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
index c88a36c27..1fe427afd 100644
--- a/lib/rules/block-tag-newline.js
+++ b/lib/rules/block-tag-newline.js
@@ -257,9 +257,8 @@ module.exports = {
       }
 
       const option =
-        options.multiline === options.singleline
-          ? options.singleline
-          : /[\n\r\u2028\u2029]/u.test(text.trim())
+        options.multiline !== options.singleline &&
+        /[\n\r\u2028\u2029]/u.test(text.trim())
           ? options.multiline
           : options.singleline
       if (option === 'ignore') {
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 942860f60..1f4cdd336 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -51,7 +51,7 @@ function parse(pattern, comment) {
   /** @type {RuleAndLocation[]} */
   const rules = []
 
-  const rulesRe = /([^,\s]+)[,\s]*/g
+  const rulesRe = /([^\s,]+)[\s,]*/g
   let startIndex = match[0].length
   rulesRe.lastIndex = startIndex
 
@@ -126,35 +126,35 @@ function disable(context, loc, group, rule, key) {
  */
 function processBlock(context, comment, reportUnusedDisableDirectives) {
   const parsed = parse(COMMENT_DIRECTIVE_B, comment.value)
-  if (parsed != null) {
-    if (parsed.type === 'eslint-disable') {
-      if (parsed.rules.length) {
-        const rules = reportUnusedDisableDirectives
-          ? reportUnusedRules(context, comment, parsed.type, parsed.rules)
-          : parsed.rules
-        for (const rule of rules) {
-          disable(
-            context,
-            comment.loc.start,
-            'block',
-            rule.ruleId,
-            rule.key || '*'
-          )
-        }
-      } else {
-        const key = reportUnusedDisableDirectives
-          ? reportUnused(context, comment, parsed.type)
-          : ''
-        disable(context, comment.loc.start, 'block', null, key)
+  if (parsed === null) return
+
+  if (parsed.type === 'eslint-disable') {
+    if (parsed.rules.length > 0) {
+      const rules = reportUnusedDisableDirectives
+        ? reportUnusedRules(context, comment, parsed.type, parsed.rules)
+        : parsed.rules
+      for (const rule of rules) {
+        disable(
+          context,
+          comment.loc.start,
+          'block',
+          rule.ruleId,
+          rule.key || '*'
+        )
       }
     } else {
-      if (parsed.rules.length) {
-        for (const rule of parsed.rules) {
-          enable(context, comment.loc.start, 'block', rule.ruleId)
-        }
-      } else {
-        enable(context, comment.loc.start, 'block', null)
+      const key = reportUnusedDisableDirectives
+        ? reportUnused(context, comment, parsed.type)
+        : ''
+      disable(context, comment.loc.start, 'block', null, key)
+    }
+  } else {
+    if (parsed.rules.length > 0) {
+      for (const rule of parsed.rules) {
+        enable(context, comment.loc.start, 'block', rule.ruleId)
       }
+    } else {
+      enable(context, comment.loc.start, 'block', null)
     }
   }
 }
@@ -173,7 +173,7 @@ function processLine(context, comment, reportUnusedDisableDirectives) {
     const line =
       comment.loc.start.line + (parsed.type === 'eslint-disable-line' ? 0 : 1)
     const column = -1
-    if (parsed.rules.length) {
+    if (parsed.rules.length > 0) {
       const rules = reportUnusedDisableDirectives
         ? reportUnusedRules(context, comment, parsed.type, parsed.rules)
         : parsed.rules
diff --git a/lib/rules/component-api-style.js b/lib/rules/component-api-style.js
index 9ebf01d68..12ad52e2d 100644
--- a/lib/rules/component-api-style.js
+++ b/lib/rules/component-api-style.js
@@ -43,17 +43,26 @@ function parseOptions(options) {
   /** @type {UserPreferOption} */
   const preferOptions = options[0] || ['script-setup', 'composition']
   for (const prefer of preferOptions) {
-    if (prefer === 'script-setup') {
-      opts.allowsSFC.scriptSetup = true
-    } else if (prefer === 'composition') {
-      opts.allowsSFC.composition = true
-      opts.allowsOther.composition = true
-    } else if (prefer === 'composition-vue2') {
-      opts.allowsSFC.compositionVue2 = true
-      opts.allowsOther.compositionVue2 = true
-    } else if (prefer === 'options') {
-      opts.allowsSFC.options = true
-      opts.allowsOther.options = true
+    switch (prefer) {
+      case 'script-setup': {
+        opts.allowsSFC.scriptSetup = true
+        break
+      }
+      case 'composition': {
+        opts.allowsSFC.composition = true
+        opts.allowsOther.composition = true
+        break
+      }
+      case 'composition-vue2': {
+        opts.allowsSFC.compositionVue2 = true
+        opts.allowsOther.compositionVue2 = true
+        break
+      }
+      case 'options': {
+        opts.allowsSFC.options = true
+        opts.allowsOther.options = true
+        break
+      }
     }
   }
 
@@ -180,9 +189,9 @@ function isPreferScriptSetup(allowsOpt) {
  * @param {string} name
  */
 function buildOptionPhrase(name) {
-  return LIFECYCLE_HOOK_OPTIONS.has(name)
-    ? `\`${name}\` lifecycle hook`
-    : name === 'setup' || name === 'render'
+  if (LIFECYCLE_HOOK_OPTIONS.has(name)) return `\`${name}\` lifecycle hook`
+
+  return name === 'setup' || name === 'render'
     ? `\`${name}\` function`
     : `\`${name}\` option`
 }
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 8e192df5e..103e3feb0 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -12,6 +12,19 @@ const allowedCaseOptions = ['PascalCase', 'kebab-case']
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {Expression | SpreadElement} node
+ * @returns {node is (Literal | TemplateLiteral)}
+ */
+function canConvert(node) {
+  return (
+    node.type === 'Literal' ||
+    (node.type === 'TemplateLiteral' &&
+      node.expressions.length === 0 &&
+      node.quasis.length === 1)
+  )
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -30,8 +43,9 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0]
-    const caseType =
-      allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
+    const caseType = allowedCaseOptions.includes(options)
+      ? options
+      : 'PascalCase'
 
     // ----------------------------------------------------------------------
     // Public
@@ -71,19 +85,6 @@ module.exports = {
       }
     }
 
-    /**
-     * @param {Expression | SpreadElement} node
-     * @returns {node is (Literal | TemplateLiteral)}
-     */
-    function canConvert(node) {
-      return (
-        node.type === 'Literal' ||
-        (node.type === 'TemplateLiteral' &&
-          node.expressions.length === 0 &&
-          node.quasis.length === 1)
-      )
-    }
-
     return Object.assign(
       {},
       utils.executeOnCallVueComponent(context, (node) => {
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index b2f60a637..017e4cb08 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -58,8 +58,9 @@ module.exports = {
   create(context) {
     const caseOption = context.options[0]
     const options = context.options[1] || {}
-    const caseType =
-      allowedCaseOptions.indexOf(caseOption) !== -1 ? caseOption : defaultCase
+    const caseType = allowedCaseOptions.includes(caseOption)
+      ? caseOption
+      : defaultCase
     /** @type {RegExp[]} */
     const ignores = (options.ignores || []).map(toRegExp)
     const registeredComponentsOnly = options.registeredComponentsOnly !== false
diff --git a/lib/rules/component-options-name-casing.js b/lib/rules/component-options-name-casing.js
index ad70c1546..37fe47ed7 100644
--- a/lib/rules/component-options-name-casing.js
+++ b/lib/rules/component-options-name-casing.js
@@ -64,14 +64,14 @@ module.exports = {
         return
       }
 
-      node.value.properties.forEach((property) => {
+      for (const property of node.value.properties) {
         if (property.type !== 'Property') {
-          return
+          continue
         }
 
         const name = getOptionsComponentName(property.key)
         if (!name || checkCase(name)) {
-          return
+          continue
         }
 
         context.report({
@@ -109,7 +109,7 @@ module.exports = {
                 }
               ]
         })
-      })
+      }
     })
   }
 }
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index dfd8482bf..60640dc39 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -25,6 +25,26 @@ const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {VElement} element
+ * @return {string}
+ */
+function getAttributeString(element) {
+  return element.startTag.attributes
+    .map((attribute) => {
+      if (attribute.value && attribute.value.type !== 'VLiteral') {
+        return ''
+      }
+
+      return `${attribute.key.name}${
+        attribute.value && attribute.value.value
+          ? `=${attribute.value.value}`
+          : ''
+      }`
+    })
+    .join(' ')
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -74,7 +94,7 @@ module.exports = {
     /** @type {(string|string[])[]} */
     const orderOptions =
       (context.options[0] && context.options[0].order) || DEFAULT_ORDER
-    orderOptions.forEach((selectorOrSelectors, index) => {
+    for (const [index, selectorOrSelectors] of orderOptions.entries()) {
       if (Array.isArray(selectorOrSelectors)) {
         for (const selector of selectorOrSelectors) {
           orders.push({
@@ -90,26 +110,6 @@ module.exports = {
           index
         })
       }
-    })
-
-    /**
-     * @param {VElement} element
-     * @return {string}
-     */
-    function getAttributeString(element) {
-      return element.startTag.attributes
-        .map((attribute) => {
-          if (attribute.value && attribute.value.type !== 'VLiteral') {
-            return ''
-          }
-
-          return `${attribute.key.name}${
-            attribute.value && attribute.value.value
-              ? `=${attribute.value.value}`
-              : ''
-          }`
-        })
-        .join(' ')
     }
 
     /**
@@ -136,13 +136,14 @@ module.exports = {
         }
         const elements = getTopLevelHTMLElements()
 
-        const elementWithOrders = elements.flatMap((element) => {
+        const elementsWithOrder = elements.flatMap((element) => {
           const order = getOrderElement(element)
           return order ? [{ order, element }] : []
         })
         const sourceCode = context.getSourceCode()
-        elementWithOrders.forEach(({ order: expected, element }, index) => {
-          const firstUnordered = elementWithOrders
+        for (const [index, elementWithOrders] of elementsWithOrder.entries()) {
+          const { order: expected, element } = elementWithOrders
+          const firstUnordered = elementsWithOrder
             .slice(0, index)
             .filter(({ order }) => expected.index < order.index)
             .sort((e1, e2) => e1.order.index - e2.order.index)[0]
@@ -188,7 +189,7 @@ module.exports = {
               }
             })
           }
-        })
+        }
       }
     }
   }
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
index 14c498de5..878f2f2b1 100644
--- a/lib/rules/experimental-script-setup-vars.js
+++ b/lib/rules/experimental-script-setup-vars.js
@@ -62,7 +62,7 @@ module.exports = {
         // @ts-ignore
         require('eslint-scope')
       )
-    } catch (_e) {
+    } catch (_error) {
       context.report({
         node: setupAttr,
         message: 'Can not be resolved eslint-scope.'
@@ -75,7 +75,7 @@ module.exports = {
         // @ts-ignore
         require('espree')
       )
-    } catch (_e) {
+    } catch (_error) {
       context.report({
         node: setupAttr,
         message: 'Can not be resolved espree.'
@@ -89,7 +89,7 @@ module.exports = {
     let vars
     try {
       vars = parseSetup(value, espree, eslintScope)
-    } catch (_e) {
+    } catch (_error) {
       context.report({
         node: setupAttr.value,
         message: 'Parsing error.'
@@ -217,7 +217,7 @@ function getESLintModule(name, fallback) {
     if (linterPath) {
       try {
         modulesCache[name] = createRequire(linterPath)(name)
-      } catch (_e) {
+      } catch (_error) {
         // ignore
       }
     }
diff --git a/lib/rules/html-button-has-type.js b/lib/rules/html-button-has-type.js
index 4ef7d2feb..4b0d76cbd 100644
--- a/lib/rules/html-button-has-type.js
+++ b/lib/rules/html-button-has-type.js
@@ -14,6 +14,15 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ *
+ * @param {string} type
+ * @returns {type is 'button' | 'submit' | 'reset'}
+ */
+function isButtonType(type) {
+  return type === 'button' || type === 'submit' || type === 'reset'
+}
+
 const optionDefaults = {
   button: true,
   submit: true,
@@ -74,14 +83,6 @@ module.exports = {
     /** @type {Configuration} */
     const configuration = Object.assign({}, optionDefaults, context.options[0])
 
-    /**
-     *
-     * @param {string} type
-     * @returns {type is 'button' | 'submit' | 'reset'}
-     */
-    function isButtonType(type) {
-      return type === 'button' || type === 'submit' || type === 'reset'
-    }
     /**
      * @param {ASTNode} node
      * @param {string} messageId
diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
index d5992b59b..56c81960f 100644
--- a/lib/rules/html-comment-indent.js
+++ b/lib/rules/html-comment-indent.js
@@ -46,10 +46,8 @@ function toDisplay(s, unitChar) {
     return `0 ${toUnit(unitChar)}s`
   }
   const char = s[0]
-  if (char === ' ' || char === '\t') {
-    if (s.split('').every((c) => c === char)) {
-      return `${s.length} ${toUnit(char)}${s.length === 1 ? '' : 's'}`
-    }
+  if ((char === ' ' || char === '\t') && [...s].every((c) => c === char)) {
+    return `${s.length} ${toUnit(char)}${s.length === 1 ? '' : 's'}`
   }
 
   return JSON.stringify(s)
@@ -218,8 +216,8 @@ module.exports = {
       )
 
       // validate indent charctor
-      for (let i = 0; i < actualOffsetIndentText.length; ++i) {
-        if (actualOffsetIndentText[i] !== options.indentChar) {
+      for (const [i, char] of [...actualOffsetIndentText].entries()) {
+        if (char !== options.indentChar) {
           context.report({
             loc: {
               start: { line, column: baseIndentText.length + i },
@@ -228,7 +226,7 @@ module.exports = {
             messageId: 'unexpectedIndentationCharacter',
             data: {
               expected: toUnit(options.indentChar),
-              actual: toUnit(actualOffsetIndentText[i])
+              actual: toUnit(char)
             },
             fix: defineFix(line, actualIndentText, expectedIndentText)
           })
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index 9f741b21b..a5523cb78 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -76,12 +76,12 @@ module.exports = {
               fix(fixer) {
                 const contentText = quoted ? text.slice(1, -1) : text
 
-                const fixToDouble =
-                  avoidEscape && !quoted && contentText.includes(quoteChar)
-                    ? double
-                      ? contentText.includes("'")
-                      : !contentText.includes('"')
-                    : double
+                let fixToDouble = double
+                if (avoidEscape && !quoted && contentText.includes(quoteChar)) {
+                  fixToDouble = double
+                    ? contentText.includes("'")
+                    : !contentText.includes('"')
+                }
 
                 const quotePattern = fixToDouble ? /"/g : /'/g
                 const quoteEscaped = fixToDouble ? '&quot;' : '&apos;'
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index 8428516fb..57fd4ff89 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -16,6 +16,19 @@ const path = require('path')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {Expression | SpreadElement} node
+ * @returns {node is (Literal | TemplateLiteral)}
+ */
+function canVerify(node) {
+  return (
+    node.type === 'Literal' ||
+    (node.type === 'TemplateLiteral' &&
+      node.expressions.length === 0 &&
+      node.quasis.length === 1)
+  )
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -106,19 +119,6 @@ module.exports = {
       }
     }
 
-    /**
-     * @param {Expression | SpreadElement} node
-     * @returns {node is (Literal | TemplateLiteral)}
-     */
-    function canVerify(node) {
-      return (
-        node.type === 'Literal' ||
-        (node.type === 'TemplateLiteral' &&
-          node.expressions.length === 0 &&
-          node.quasis.length === 1)
-      )
-    }
-
     return Object.assign(
       {},
       utils.executeOnCallVueComponent(context, (node) => {
@@ -143,7 +143,7 @@ module.exports = {
         'Program:exit'() {
           if (componentCount > 1) return
 
-          errors.forEach((error) => context.report(error))
+          for (const error of errors) context.report(error)
         }
       }
     )
diff --git a/lib/rules/match-component-import-name.js b/lib/rules/match-component-import-name.js
index 5babc8dc2..22eb4214a 100644
--- a/lib/rules/match-component-import-name.js
+++ b/lib/rules/match-component-import-name.js
@@ -7,6 +7,14 @@
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
+/**
+ * @param {Identifier} identifier
+ * @return {Array<String>}
+ */
+function getExpectedNames(identifier) {
+  return [casing.pascalCase(identifier.name), casing.kebabCase(identifier.name)]
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -28,17 +36,6 @@ module.exports = {
    * @returns {RuleListener}
    */
   create(context) {
-    /**
-     * @param {Identifier} identifier
-     * @return {Array<String>}
-     */
-    function getExpectedNames(identifier) {
-      return [
-        casing.pascalCase(identifier.name),
-        casing.kebabCase(identifier.name)
-      ]
-    }
-
     return utils.executeOnVueComponent(context, (obj) => {
       const components = utils.findProperty(obj, 'components')
       if (
@@ -49,31 +46,28 @@ module.exports = {
         return
       }
 
-      components.value.properties.forEach(
-        /** @param {Property | SpreadElement} property */
-        (property) => {
-          if (
-            property.type === 'SpreadElement' ||
-            property.value.type !== 'Identifier' ||
-            property.computed === true
-          ) {
-            return
-          }
+      for (const property of components.value.properties) {
+        if (
+          property.type === 'SpreadElement' ||
+          property.value.type !== 'Identifier' ||
+          property.computed === true
+        ) {
+          continue
+        }
 
-          const importedName = utils.getStaticPropertyName(property) || ''
-          const expectedNames = getExpectedNames(property.value)
-          if (!expectedNames.includes(importedName)) {
-            context.report({
-              node: property,
-              messageId: 'unexpected',
-              data: {
-                importedName,
-                expectedName: expectedNames.join(', ')
-              }
-            })
-          }
+        const importedName = utils.getStaticPropertyName(property) || ''
+        const expectedNames = getExpectedNames(property.value)
+        if (!expectedNames.includes(importedName)) {
+          context.report({
+            node: property,
+            messageId: 'unexpected',
+            data: {
+              importedName,
+              expectedName: expectedNames.join(', ')
+            }
+          })
         }
-      )
+      }
     })
   }
 }
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index d0eb40fb3..7c4b02eea 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -9,6 +9,60 @@
 // ------------------------------------------------------------------------------
 const utils = require('../utils')
 
+/**
+ * @param {any} options
+ */
+function parseOptions(options) {
+  const defaults = {
+    singleline: 1,
+    multiline: 1
+  }
+
+  if (options) {
+    if (typeof options.singleline === 'number') {
+      defaults.singleline = options.singleline
+    } else if (
+      typeof options.singleline === 'object' &&
+      typeof options.singleline.max === 'number'
+    ) {
+      defaults.singleline = options.singleline.max
+    }
+
+    if (options.multiline) {
+      if (typeof options.multiline === 'number') {
+        defaults.multiline = options.multiline
+      } else if (
+        typeof options.multiline === 'object' &&
+        typeof options.multiline.max === 'number'
+      ) {
+        defaults.multiline = options.multiline.max
+      }
+    }
+  }
+
+  return defaults
+}
+
+/**
+ * @param {(VDirective | VAttribute)[]} attributes
+ */
+function groupAttrsByLine(attributes) {
+  const propsPerLine = [[attributes[0]]]
+
+  for (let index = 1; index < attributes.length; index++) {
+    const previous = attributes[index - 1]
+    const current = attributes[index]
+
+    if (previous.loc.end.line === current.loc.start.line) {
+      propsPerLine[propsPerLine.length - 1].push(current)
+    } else {
+      propsPerLine.push([current])
+    }
+  }
+
+  return propsPerLine
+}
+
 module.exports = {
   meta: {
     type: 'layout',
@@ -79,16 +133,19 @@ module.exports = {
 
         if (!numberOfAttributes) return
 
-        if (utils.isSingleLine(node)) {
-          if (numberOfAttributes > singlelinemMaximum) {
-            showErrors(node.attributes.slice(singlelinemMaximum))
-          }
+        if (
+          utils.isSingleLine(node) &&
+          numberOfAttributes > singlelinemMaximum
+        ) {
+          showErrors(node.attributes.slice(singlelinemMaximum))
         }
 
         if (!utils.isSingleLine(node)) {
-          groupAttrsByLine(node.attributes)
-            .filter((attrs) => attrs.length > multilineMaximum)
-            .forEach((attrs) => showErrors(attrs.splice(multilineMaximum)))
+          for (const attrs of groupAttrsByLine(node.attributes)) {
+            if (attrs.length > multilineMaximum) {
+              showErrors(attrs.splice(multilineMaximum))
+            }
+          }
         }
       }
     })
@@ -96,43 +153,12 @@ module.exports = {
     // ----------------------------------------------------------------------
     // Helpers
     // ----------------------------------------------------------------------
-    /**
-     * @param {any} options
-     */
-    function parseOptions(options) {
-      const defaults = {
-        singleline: 1,
-        multiline: 1
-      }
-
-      if (options) {
-        if (typeof options.singleline === 'number') {
-          defaults.singleline = options.singleline
-        } else if (typeof options.singleline === 'object') {
-          if (typeof options.singleline.max === 'number') {
-            defaults.singleline = options.singleline.max
-          }
-        }
-
-        if (options.multiline) {
-          if (typeof options.multiline === 'number') {
-            defaults.multiline = options.multiline
-          } else if (typeof options.multiline === 'object') {
-            if (typeof options.multiline.max === 'number') {
-              defaults.multiline = options.multiline.max
-            }
-          }
-        }
-      }
-
-      return defaults
-    }
 
     /**
      * @param {(VDirective | VAttribute)[]} attributes
      */
     function showErrors(attributes) {
-      attributes.forEach((prop, i) => {
+      for (const [i, prop] of attributes.entries()) {
         context.report({
           node: prop,
           loc: prop.loc,
@@ -155,25 +181,7 @@ module.exports = {
             return fixer.replaceTextRange(range, '\n')
           }
         })
-      })
-    }
-
-    /**
-     * @param {(VDirective | VAttribute)[]} attributes
-     */
-    function groupAttrsByLine(attributes) {
-      const propsPerLine = [[attributes[0]]]
-
-      attributes.reduce((previous, current) => {
-        if (previous.loc.end.line === current.loc.start.line) {
-          propsPerLine[propsPerLine.length - 1].push(current)
-        } else {
-          propsPerLine.push([current])
-        }
-        return current
-      })
-
-      return propsPerLine
+      }
     }
   }
 }
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index a5cf3965f..560500a3b 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -99,7 +99,7 @@ function computeLineLength(line, tabWidth) {
     extraCharacterCount += spaceCount - 1 // -1 for the replaced tab
   }
 
-  return Array.from(line).length + extraCharacterCount
+  return [...line].length + extraCharacterCount
 }
 
 /**
@@ -157,34 +157,24 @@ function stripTrailingComment(line, comment) {
 }
 
 /**
- * Ensure that an array exists at [key] on `object`, and add `value` to it.
+ * Group AST nodes by line number, both start and end.
  *
- * @param { { [key: number]: Token[] } } object the object to mutate
- * @param {number} key the object's key
- * @param {Token} value the value to add
- * @returns {void}
+ * @param {Token[]} nodes the AST nodes in question
+ * @returns { { [key: number]: Token[] } } the grouped nodes
  * @private
  */
-function ensureArrayAndPush(object, key, value) {
-  if (!Array.isArray(object[key])) {
-    object[key] = []
-  }
-  object[key].push(value)
-}
-
-/**
- * A reducer to group an AST node by line number, both start and end.
- *
- * @param { { [key: number]: Token[] } } acc the accumulator
- * @param {Token} node the AST node in question
- * @returns { { [key: number]: Token[] } } the modified accumulator
- * @private
- */
-function groupByLineNumber(acc, node) {
-  for (let i = node.loc.start.line; i <= node.loc.end.line; ++i) {
-    ensureArrayAndPush(acc, i, node)
+function groupByLineNumber(nodes) {
+  /** @type { { [key: number]: Token[] } } */
+  const grouped = {}
+  for (const node of nodes) {
+    for (let i = node.loc.start.line; i <= node.loc.end.line; ++i) {
+      if (!Array.isArray(grouped[i])) {
+        grouped[i] = []
+      }
+      grouped[i].push(node)
+    }
   }
-  return acc
+  return grouped
 }
 
 // ------------------------------------------------------------------------------
@@ -366,27 +356,26 @@ module.exports = {
         }
       }
 
-      /** @type {Range} */
+      /** @type {Range | undefined} */
       let scriptLinesRange
-      if (scriptTokens.length) {
-        if (scriptComments.length) {
-          scriptLinesRange = [
-            Math.min(
-              scriptTokens[0].loc.start.line,
-              scriptComments[0].loc.start.line
-            ),
-            Math.max(
-              scriptTokens[scriptTokens.length - 1].loc.end.line,
-              scriptComments[scriptComments.length - 1].loc.end.line
-            )
-          ]
-        } else {
-          scriptLinesRange = [
-            scriptTokens[0].loc.start.line,
-            scriptTokens[scriptTokens.length - 1].loc.end.line
-          ]
-        }
-      } else if (scriptComments.length) {
+      if (scriptTokens.length > 0) {
+        scriptLinesRange =
+          scriptComments.length > 0
+            ? [
+                Math.min(
+                  scriptTokens[0].loc.start.line,
+                  scriptComments[0].loc.start.line
+                ),
+                Math.max(
+                  scriptTokens[scriptTokens.length - 1].loc.end.line,
+                  scriptComments[scriptComments.length - 1].loc.end.line
+                )
+              ]
+            : [
+                scriptTokens[0].loc.start.line,
+                scriptTokens[scriptTokens.length - 1].loc.end.line
+              ]
+      } else if (scriptComments.length > 0) {
         scriptLinesRange = [
           scriptComments[0].loc.start.line,
           scriptComments[scriptComments.length - 1].loc.end.line
@@ -401,31 +390,22 @@ module.exports = {
       const lines = sourceCode.lines
 
       const strings = getAllStrings()
-      const stringsByLine = strings.reduce(groupByLineNumber, {})
+      const stringsByLine = groupByLineNumber(strings)
 
       const templateLiterals = getAllTemplateLiterals()
-      const templateLiteralsByLine = templateLiterals.reduce(
-        groupByLineNumber,
-        {}
-      )
+      const templateLiteralsByLine = groupByLineNumber(templateLiterals)
 
       const regExpLiterals = getAllRegExpLiterals()
-      const regExpLiteralsByLine = regExpLiterals.reduce(groupByLineNumber, {})
+      const regExpLiteralsByLine = groupByLineNumber(regExpLiterals)
 
-      const htmlAttributeValuesByLine = htmlAttributeValues.reduce(
-        groupByLineNumber,
-        {}
-      )
+      const htmlAttributeValuesByLine = groupByLineNumber(htmlAttributeValues)
 
       const htmlTextContents = getAllHTMLTextContents()
-      const htmlTextContentsByLine = htmlTextContents.reduce(
-        groupByLineNumber,
-        {}
-      )
+      const htmlTextContentsByLine = groupByLineNumber(htmlTextContents)
 
-      const commentsByLine = comments.reduce(groupByLineNumber, {})
+      const commentsByLine = groupByLineNumber(comments)
 
-      lines.forEach((line, i) => {
+      for (const [i, line] of lines.entries()) {
         // i is zero-indexed, line numbers are one-indexed
         const lineNumber = i + 1
 
@@ -440,14 +420,12 @@ module.exports = {
         // check if line is inside a script or template.
         if (!inScript && !inTemplate) {
           // out of range.
-          return
+          continue
         }
-        const maxLength =
-          inScript && inTemplate
-            ? Math.max(scriptMaxLength, templateMaxLength)
-            : inScript
-            ? scriptMaxLength
-            : templateMaxLength
+        const maxLength = Math.max(
+          inScript ? scriptMaxLength : 0,
+          inTemplate ? templateMaxLength : 0
+        )
 
         if (
           (ignoreStrings && stringsByLine[lineNumber]) ||
@@ -458,7 +436,7 @@ module.exports = {
           (ignoreHTMLTextContents && htmlTextContentsByLine[lineNumber])
         ) {
           // ignore this line
-          return
+          continue
         }
 
         /*
@@ -503,14 +481,14 @@ module.exports = {
           (ignoreUrls && URL_REGEXP.test(textToMeasure))
         ) {
           // ignore this line
-          return
+          continue
         }
 
         const lineLength = computeLineLength(textToMeasure, tabWidth)
         const commentLengthApplies = lineIsComment && maxCommentLength
 
         if (lineIsComment && ignoreComments) {
-          return
+          continue
         }
 
         if (commentLengthApplies) {
@@ -536,7 +514,7 @@ module.exports = {
             }
           })
         }
-      })
+      }
     }
 
     // --------------------------------------------------------------------------
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index fa24dd250..cfa8d9778 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -29,7 +29,7 @@ function isMultilineElement(element) {
 function parseOptions(options) {
   return Object.assign(
     {
-      ignores: ['pre', 'textarea'].concat(INLINE_ELEMENTS),
+      ignores: ['pre', 'textarea', ...INLINE_ELEMENTS],
       ignoreWhenEmpty: true,
       allowEmptyLines: false
     },
@@ -131,11 +131,7 @@ module.exports = {
      * @param {number} lineBreaks
      */
     function isInvalidLineBreaks(lineBreaks) {
-      if (allowEmptyLines) {
-        return lineBreaks === 0
-      } else {
-        return lineBreaks !== 1
-      }
+      return allowEmptyLines ? lineBreaks === 0 : lineBreaks !== 1
     }
 
     return utils.defineTemplateBodyVisitor(context, {
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
index 29c100db5..19a1827e3 100644
--- a/lib/rules/name-property-casing.js
+++ b/lib/rules/name-property-casing.js
@@ -33,8 +33,9 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0]
-    const caseType =
-      allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
+    const caseType = allowedCaseOptions.includes(options)
+      ? options
+      : 'PascalCase'
 
     // ----------------------------------------------------------------------
     // Public
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index f0e3aa550..6dbde4586 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -100,7 +100,7 @@ module.exports = {
          * @param {ObjectExpression} node
          */
         ObjectExpression(node) {
-          if (callStack.length) {
+          if (callStack.length > 0) {
             return
           }
           const properties = node.properties
diff --git a/lib/rules/next-tick-style.js b/lib/rules/next-tick-style.js
index d015bb5b7..992d7b0b5 100644
--- a/lib/rules/next-tick-style.js
+++ b/lib/rules/next-tick-style.js
@@ -128,7 +128,7 @@ module.exports = {
         }
 
         if (
-          callExpression.arguments.length !== 0 ||
+          callExpression.arguments.length > 0 ||
           !isAwaitedPromise(callExpression)
         ) {
           context.report({
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index 899700036..e604b83d8 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -43,7 +43,7 @@ const DEFAULT_ALLOWLIST = [
   '}',
   '<',
   '>',
-  '\u00b7', // "·"
+  '\u00B7', // "·"
   '\u2022', // "•"
   '\u2010', // "‐"
   '\u2013', // "–"
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
index 85636d1d4..138a425c1 100644
--- a/lib/rules/no-child-content.js
+++ b/lib/rules/no-child-content.js
@@ -137,7 +137,6 @@ module.exports = {
 
         if (
           directives.has(directiveName) &&
-          childNodes.length > 0 &&
           childNodes.some((childNode) => !isWhiteSpaceTextNode(childNode))
         ) {
           context.report({
diff --git a/lib/rules/no-deprecated-destroyed-lifecycle.js b/lib/rules/no-deprecated-destroyed-lifecycle.js
index 9cb690cbc..0dc30883f 100644
--- a/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -14,6 +14,30 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {RuleFixer} fixer
+ * @param {Property} property
+ * @param {string} newName
+ */
+function fix(fixer, property, newName) {
+  if (property.computed) {
+    if (
+      property.key.type === 'Literal' ||
+      property.key.type === 'TemplateLiteral'
+    ) {
+      return fixer.replaceTextRange(
+        [property.key.range[0] + 1, property.key.range[1] - 1],
+        newName
+      )
+    }
+    return null
+  }
+  if (property.shorthand) {
+    return fixer.insertTextBefore(property.key, `${newName}:`)
+  }
+  return fixer.replaceText(property.key, newName)
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -57,30 +81,6 @@ module.exports = {
           }
         })
       }
-
-      /**
-       * @param {RuleFixer} fixer
-       * @param {Property} property
-       * @param {string} newName
-       */
-      function fix(fixer, property, newName) {
-        if (property.computed) {
-          if (
-            property.key.type === 'Literal' ||
-            property.key.type === 'TemplateLiteral'
-          ) {
-            return fixer.replaceTextRange(
-              [property.key.range[0] + 1, property.key.range[1] - 1],
-              newName
-            )
-          }
-          return null
-        }
-        if (property.shorthand) {
-          return fixer.insertTextBefore(property.key, `${newName}:`)
-        }
-        return fixer.replaceText(property.key, newName)
-      }
     })
   }
 }
diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
index 174c6bfae..6e26941ed 100644
--- a/lib/rules/no-deprecated-props-default-this.js
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -14,6 +14,27 @@ const utils = require('../utils')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {Expression|SpreadElement|null} node
+ */
+function isFunctionIdentifier(node) {
+  return node && node.type === 'Identifier' && node.name === 'Function'
+}
+
+/**
+ * @param {Expression} node
+ * @returns {boolean}
+ */
+function hasFunctionType(node) {
+  if (isFunctionIdentifier(node)) {
+    return true
+  }
+  if (node.type === 'ArrayExpression') {
+    return node.elements.some(isFunctionIdentifier)
+  }
+  return false
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -74,26 +95,6 @@ module.exports = {
       }
     }
 
-    /**
-     * @param {Expression|SpreadElement|null} node
-     */
-    function isFunctionIdentifier(node) {
-      return node && node.type === 'Identifier' && node.name === 'Function'
-    }
-
-    /**
-     * @param {Expression} node
-     * @returns {boolean}
-     */
-    function hasFunctionType(node) {
-      if (isFunctionIdentifier(node)) {
-        return true
-      }
-      if (node.type === 'ArrayExpression') {
-        return node.elements.some(isFunctionIdentifier)
-      }
-      return false
-    }
     return utils.defineVueVisitor(context, {
       onVueObjectEnter(node) {
         for (const prop of utils.getComponentPropsFromOptions(node)) {
diff --git a/lib/rules/no-deprecated-router-link-tag-prop.js b/lib/rules/no-deprecated-router-link-tag-prop.js
index 809466d6d..cab2d7ca3 100644
--- a/lib/rules/no-deprecated-router-link-tag-prop.js
+++ b/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -23,11 +23,12 @@ function getComponentNames(context) {
     components = context.options[0].components
   }
 
-  return components.reduce((prev, curr) => {
-    prev.add(casing.kebabCase(curr))
-    prev.add(casing.pascalCase(curr))
-    return prev
-  }, new Set())
+  return new Set(
+    components.flatMap((component) => [
+      casing.kebabCase(component),
+      casing.pascalCase(component)
+    ])
+  )
 }
 
 // ------------------------------------------------------------------------------
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index a7e91a095..08187e476 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -37,11 +37,11 @@ module.exports = {
       /** @param {VDirectiveKey} node */
       "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey"(node) {
         const modifier = node.modifiers.find((mod) =>
-          Number.isInteger(parseInt(mod.name, 10))
+          Number.isInteger(Number.parseInt(mod.name, 10))
         )
         if (!modifier) return
 
-        const keyCodes = parseInt(modifier.name, 10)
+        const keyCodes = Number.parseInt(modifier.name, 10)
         if (keyCodes > 9 || keyCodes < 0) {
           context.report({
             node: modifier,
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 8b5e8e54c..8d28b8952 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -40,18 +40,19 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
-    const groups = new Set(GROUP_NAMES.concat(options.groups || []))
+    const groups = new Set([...GROUP_NAMES, ...(options.groups || [])])
 
     // ----------------------------------------------------------------------
     // Public
     // ----------------------------------------------------------------------
 
     return utils.executeOnVue(context, (obj) => {
-      const usedNames = []
+      /** @type {Set<string>} */
+      const usedNames = new Set()
       const properties = utils.iterateProperties(obj, groups)
 
       for (const o of properties) {
-        if (usedNames.indexOf(o.name) !== -1) {
+        if (usedNames.has(o.name)) {
           context.report({
             node: o.node,
             message: "Duplicated key '{{name}}'.",
@@ -61,7 +62,7 @@ module.exports = {
           })
         }
 
-        usedNames.push(o.name)
+        usedNames.add(o.name)
       }
     })
   }
diff --git a/lib/rules/no-dupe-v-else-if.js b/lib/rules/no-dupe-v-else-if.js
index 8e3a3dec1..d0d74cfed 100644
--- a/lib/rules/no-dupe-v-else-if.js
+++ b/lib/rules/no-dupe-v-else-if.js
@@ -173,7 +173,7 @@ module.exports = {
                   )
                 }
               ))
-              if (!operands.length) {
+              if (operands.length === 0) {
                 context.report({
                   node: condition.node,
                   messageId: 'unexpected'
diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
index 6378dcd83..fec130d94 100644
--- a/lib/rules/no-empty-component-block.js
+++ b/lib/rules/no-empty-component-block.js
@@ -21,14 +21,13 @@ const { isVElement } = require('../utils')
 function hasAttributeSrc(componentBlock) {
   const hasAttribute = componentBlock.startTag.attributes.length > 0
 
-  const hasSrc =
-    componentBlock.startTag.attributes.filter(
-      (attribute) =>
-        !attribute.directive &&
-        attribute.key.name === 'src' &&
-        attribute.value &&
-        attribute.value.value !== ''
-    ).length > 0
+  const hasSrc = componentBlock.startTag.attributes.some(
+    (attribute) =>
+      !attribute.directive &&
+      attribute.key.name === 'src' &&
+      attribute.value &&
+      attribute.value.value !== ''
+  )
 
   return hasAttribute && hasSrc
 }
diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
index 99b6ba113..fe825fdd7 100644
--- a/lib/rules/no-export-in-script-setup.js
+++ b/lib/rules/no-export-in-script-setup.js
@@ -37,13 +37,12 @@ module.exports = {
       if (tsNode.exportKind === 'type') {
         return
       }
-      if (tsNode.type === 'ExportNamedDeclaration') {
-        if (
-          tsNode.specifiers.length > 0 &&
-          tsNode.specifiers.every((spec) => spec.exportKind === 'type')
-        ) {
-          return
-        }
+      if (
+        tsNode.type === 'ExportNamedDeclaration' &&
+        tsNode.specifiers.length > 0 &&
+        tsNode.specifiers.every((spec) => spec.exportKind === 'type')
+      ) {
+        return
       }
       context.report({
         node,
diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
index f86587ff1..f3a08eda7 100644
--- a/lib/rules/no-invalid-model-keys.js
+++ b/lib/rules/no-invalid-model-keys.js
@@ -9,7 +9,7 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
-const VALID_MODEL_KEYS = ['prop', 'event']
+const VALID_MODEL_KEYS = new Set(['prop', 'event'])
 
 module.exports = {
   meta: {
@@ -42,7 +42,7 @@ module.exports = {
         if (!name) {
           continue
         }
-        if (VALID_MODEL_KEYS.indexOf(name) === -1) {
+        if (!VALID_MODEL_KEYS.has(name)) {
           context.report({
             node: p,
             message: "Invalid key '{{name}}' in model option.",
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index b83b726a9..b823dbdc5 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -16,9 +16,9 @@ const utils = require('../utils')
 // ------------------------------------------------------------------------------
 
 const ALL_IRREGULARS =
-  /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000\u2028\u2029]/u
+  /[\f\v\u0085\uFEFF\u00A0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u200B\u202F\u205F\u3000\u2028\u2029]/u
 const IRREGULAR_WHITESPACE =
-  /[\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000]+/gmu
+  /[\f\v\u0085\uFEFF\u00A0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u200B\u202F\u205F\u3000]+/gmu
 const IRREGULAR_LINE_TERMINATORS = /[\u2028\u2029]/gmu
 
 // ------------------------------------------------------------------------------
@@ -117,11 +117,12 @@ module.exports = {
       const shouldCheckStrings = skipStrings && typeof node.value === 'string'
       const shouldCheckRegExps = skipRegExps && Boolean(node.regex)
 
-      if (shouldCheckStrings || shouldCheckRegExps) {
-        // If we have irregular characters remove them from the errors list
-        if (ALL_IRREGULARS.test(sourceCode.getText(node))) {
-          removeWhitespaceError(node)
-        }
+      // If we have irregular characters, remove them from the errors list
+      if (
+        (shouldCheckStrings || shouldCheckRegExps) &&
+        ALL_IRREGULARS.test(sourceCode.getText(node))
+      ) {
+        removeWhitespaceError(node)
       }
     }
 
@@ -191,7 +192,7 @@ module.exports = {
 
     checkForIrregularWhitespace()
 
-    if (!errorIndexes.length) {
+    if (errorIndexes.length === 0) {
       return {}
     }
     const bodyVisitor = utils.defineTemplateBodyVisitor(context, {
@@ -224,9 +225,13 @@ module.exports = {
         const templateBody = node.templateBody
         if (skipComments) {
           // First strip errors occurring in comment nodes.
-          sourceCode.getAllComments().forEach(removeInvalidNodeErrorsInComment)
+          for (const node of sourceCode.getAllComments()) {
+            removeInvalidNodeErrorsInComment(node)
+          }
           if (templateBody) {
-            templateBody.comments.forEach(removeInvalidNodeErrorsInComment)
+            for (const node of templateBody.comments) {
+              removeInvalidNodeErrorsInComment(node)
+            }
           }
         }
 
@@ -241,13 +246,13 @@ module.exports = {
             (templateStart <= errorIndex && errorIndex < templateEnd)
         )
 
-        // If we have any errors remaining report on them
-        errorIndexes.forEach((errorIndex) => {
+        // If we have any errors remaining, report on them
+        for (const errorIndex of errorIndexes) {
           context.report({
             loc: sourceCode.getLocFromIndex(errorIndex),
             messageId: 'disallow'
           })
-        })
+        }
       }
     }
   }
diff --git a/lib/rules/no-lone-template.js b/lib/rules/no-lone-template.js
index b56c60815..009bbad76 100644
--- a/lib/rules/no-lone-template.js
+++ b/lib/rules/no-lone-template.js
@@ -27,6 +27,27 @@ const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {VAttribute | VDirective} attr
+ */
+function getKeyName(attr) {
+  if (attr.directive) {
+    if (attr.key.name.name !== 'bind') {
+      // no v-bind
+      return null
+    }
+    if (
+      !attr.key.argument ||
+      attr.key.argument.type === 'VExpressionContainer'
+    ) {
+      // unknown
+      return null
+    }
+    return attr.key.argument.name
+  }
+  return attr.key.name
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -56,27 +77,6 @@ module.exports = {
     const options = context.options[0] || {}
     const ignoreAccessible = options.ignoreAccessible === true
 
-    /**
-     * @param {VAttribute | VDirective} attr
-     */
-    function getKeyName(attr) {
-      if (attr.directive) {
-        if (attr.key.name.name !== 'bind') {
-          // no v-bind
-          return null
-        }
-        if (
-          !attr.key.argument ||
-          attr.key.argument.type === 'VExpressionContainer'
-        ) {
-          // unknown
-          return null
-        }
-        return attr.key.argument.name
-      }
-      return attr.key.name
-    }
-
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VStartTag} node */
       "VElement[name='template'][parent.type='VElement'] > VStartTag"(node) {
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index 474a56ba2..4cfe6075c 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -62,7 +62,7 @@ module.exports = {
         return
       }
 
-      if (!parent.arguments.length) {
+      if (parent.arguments.length === 0) {
         return
       }
       if (parent.arguments.length > 1) {
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index b7ffcd6f7..32c7555af 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -39,6 +39,55 @@ const GLOBALS_WHITE_LISTED = new Set([
   'BigInt'
 ])
 
+/**
+ * @param {ASTNode} node
+ * @returns {VExpressionContainer}
+ */
+function getVExpressionContainer(node) {
+  let n = node
+  while (n.type !== 'VExpressionContainer') {
+    n = /** @type {ASTNode} */ (n.parent)
+  }
+  return n
+}
+
+/**
+ * @param {ASTNode} node
+ * @returns {node is Identifier}
+ */
+function isVmReference(node) {
+  if (node.type !== 'Identifier') {
+    return false
+  }
+  const parent = node.parent
+  if (parent.type === 'MemberExpression') {
+    if (parent.property === node) {
+      // foo.id
+      return false
+    }
+  } else if (
+    parent.type === 'Property' &&
+    parent.key === node &&
+    !parent.computed
+  ) {
+    // {id: foo}
+    return false
+  }
+
+  const exprContainer = getVExpressionContainer(node)
+
+  for (const reference of exprContainer.references) {
+    if (reference.variable != null) {
+      // Not vm reference
+      continue
+    }
+    if (reference.id === node) {
+      return true
+    }
+  }
+  return false
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -73,17 +122,6 @@ module.exports = {
       })
     }
 
-    /**
-     * @param {ASTNode} node
-     * @returns {VExpressionContainer}
-     */
-    function getVExpressionContainer(node) {
-      let n = node
-      while (n.type !== 'VExpressionContainer') {
-        n = /** @type {ASTNode} */ (n.parent)
-      }
-      return n
-    }
     /**
      * @param {MemberExpression|AssignmentProperty} node
      * @returns {string}
@@ -100,40 +138,6 @@ module.exports = {
       }
       return '?unknown?'
     }
-    /**
-     * @param {ASTNode} node
-     * @returns {node is Identifier}
-     */
-    function isVmReference(node) {
-      if (node.type !== 'Identifier') {
-        return false
-      }
-      const parent = node.parent
-      if (parent.type === 'MemberExpression') {
-        if (parent.property === node) {
-          // foo.id
-          return false
-        }
-      } else if (parent.type === 'Property') {
-        // {id: foo}
-        if (parent.key === node && !parent.computed) {
-          return false
-        }
-      }
-
-      const exprContainer = getVExpressionContainer(node)
-
-      for (const reference of exprContainer.references) {
-        if (reference.variable != null) {
-          // Not vm reference
-          continue
-        }
-        if (reference.id === node) {
-          return true
-        }
-      }
-      return false
-    }
 
     /**
      * @param {MemberExpression|Identifier} props
@@ -155,28 +159,36 @@ module.exports = {
       if (!param) {
         return
       }
-      if (param.type === 'Identifier') {
-        yield {
-          node: param,
-          path
+      switch (param.type) {
+        case 'Identifier': {
+          yield { node: param, path }
+          break
+        }
+        case 'RestElement': {
+          yield* iteratePatternProperties(param.argument, path)
+          break
         }
-      } else if (param.type === 'RestElement') {
-        yield* iteratePatternProperties(param.argument, path)
-      } else if (param.type === 'AssignmentPattern') {
-        yield* iteratePatternProperties(param.left, path)
-      } else if (param.type === 'ObjectPattern') {
-        for (const prop of param.properties) {
-          if (prop.type === 'Property') {
-            const name = getPropertyNameText(prop)
-            yield* iteratePatternProperties(prop.value, [...path, name])
-          } else if (prop.type === 'RestElement') {
-            yield* iteratePatternProperties(prop.argument, path)
+        case 'AssignmentPattern': {
+          yield* iteratePatternProperties(param.left, path)
+          break
+        }
+        case 'ObjectPattern': {
+          for (const prop of param.properties) {
+            if (prop.type === 'Property') {
+              const name = getPropertyNameText(prop)
+              yield* iteratePatternProperties(prop.value, [...path, name])
+            } else if (prop.type === 'RestElement') {
+              yield* iteratePatternProperties(prop.argument, path)
+            }
           }
+          break
         }
-      } else if (param.type === 'ArrayPattern') {
-        for (let index = 0; index < param.elements.length; index++) {
-          const element = param.elements[index]
-          yield* iteratePatternProperties(element, [...path, `${index}`])
+        case 'ArrayPattern': {
+          for (let index = 0; index < param.elements.length; index++) {
+            const element = param.elements[index]
+            yield* iteratePatternProperties(element, [...path, `${index}`])
+          }
+          break
         }
       }
     }
@@ -223,7 +235,7 @@ module.exports = {
       const globalScope = context.getSourceCode().scopeManager.globalScope
       if (globalScope) {
         for (const variable of globalScope.variables) {
-          if (variable.defs.length) {
+          if (variable.defs.length > 0) {
             yield variable.name
           }
         }
@@ -231,7 +243,7 @@ module.exports = {
           (scope) => scope.type === 'module'
         )
         for (const variable of (moduleScope && moduleScope.variables) || []) {
-          if (variable.defs.length) {
+          if (variable.defs.length > 0) {
             yield variable.name
           }
         }
@@ -406,10 +418,13 @@ module.exports = {
           while (attr && attr.type !== 'VAttribute') {
             attr = attr.parent
           }
-          if (attr && attr.directive && attr.key.name.name === 'bind') {
-            if (!attr.key.modifiers.some((mod) => mod.name === 'sync')) {
-              return
-            }
+          if (
+            attr &&
+            attr.directive &&
+            attr.key.name.name === 'bind' &&
+            !attr.key.modifiers.some((mod) => mod.name === 'sync')
+          ) {
+            return
           }
 
           const nodes = utils.getMemberChaining(node)
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index 9a6b4f869..e20d1763a 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -67,10 +67,12 @@ module.exports = {
     schema: [
       {
         type: 'object',
-        properties: Object.keys(DEFAULT_OPTIONS).reduce((ret, code) => {
-          ret[code] = { type: 'boolean' }
-          return ret
-        }, /** @type { { [key: string]: { type: 'boolean' } } } */ ({})),
+        properties: Object.fromEntries(
+          Object.keys(DEFAULT_OPTIONS).map((code) => [
+            code,
+            { type: 'boolean' }
+          ])
+        ),
         additionalProperties: false
       }
     ]
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index 72dae1d38..2ccfed861 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -72,7 +72,7 @@ module.exports = {
       }
     }
     const candidateOptionList = [...candidateOptionSet]
-    if (!candidateOptionList.length) {
+    if (candidateOptionList.length === 0) {
       return {}
     }
     return utils.executeOnVue(context, (obj) => {
@@ -91,20 +91,20 @@ module.exports = {
         })
         .filter(utils.isDef)
 
-      if (!componentInstanceOptions.length) {
+      if (componentInstanceOptions.length === 0) {
         return
       }
-      componentInstanceOptions.forEach((option) => {
+      for (const option of componentInstanceOptions) {
         const id = option.key
         const name = option.name
         if (candidateOptionSet.has(name)) {
-          return
+          continue
         }
         const potentialTypoList = candidateOptionList
           .map((o) => ({ option: o, distance: utils.editDistance(o, name) }))
           .filter(({ distance }) => distance <= threshold && distance > 0)
           .sort((a, b) => a.distance - b.distance)
-        if (potentialTypoList.length) {
+        if (potentialTypoList.length > 0) {
           context.report({
             node: id,
             message: `'{{name}}' may be a typo, which is similar to option [{{option}}].`,
@@ -120,7 +120,7 @@ module.exports = {
             }))
           })
         }
-      })
+      }
     })
   }
 }
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index e32e182c6..68d2a2b75 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -51,6 +51,30 @@ const RESERVED_NAMES_IN_OTHERS = new Set([
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * @param {Expression | SpreadElement} node
+ * @returns {node is (Literal | TemplateLiteral)}
+ */
+function canVerify(node) {
+  return (
+    node.type === 'Literal' ||
+    (node.type === 'TemplateLiteral' &&
+      node.expressions.length === 0 &&
+      node.quasis.length === 1)
+  )
+}
+
+/**
+ * @param {string} name
+ * @returns {string}
+ */
+function getMessageId(name) {
+  if (RESERVED_NAMES_IN_HTML.has(name)) return 'reservedInHtml'
+  if (RESERVED_NAMES_IN_VUE.has(name)) return 'reservedInVue'
+  if (RESERVED_NAMES_IN_VUE3.has(name)) return 'reservedInVue3'
+  return 'reserved'
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -97,19 +121,6 @@ module.exports = {
       ...RESERVED_NAMES_IN_OTHERS
     ])
 
-    /**
-     * @param {Expression | SpreadElement} node
-     * @returns {node is (Literal | TemplateLiteral)}
-     */
-    function canVerify(node) {
-      return (
-        node.type === 'Literal' ||
-        (node.type === 'TemplateLiteral' &&
-          node.expressions.length === 0 &&
-          node.quasis.length === 1)
-      )
-    }
-
     /**
      * @param {Literal | TemplateLiteral} node
      */
@@ -133,13 +144,7 @@ module.exports = {
     function report(node, name) {
       context.report({
         node,
-        messageId: RESERVED_NAMES_IN_HTML.has(name)
-          ? 'reservedInHtml'
-          : RESERVED_NAMES_IN_VUE.has(name)
-          ? 'reservedInVue'
-          : RESERVED_NAMES_IN_VUE3.has(name)
-          ? 'reservedInVue3'
-          : 'reserved',
+        messageId: getMessageId(name),
         data: {
           name
         }
@@ -159,10 +164,11 @@ module.exports = {
       }),
       utils.executeOnVue(context, (obj) => {
         // Report if a component has been registered locally with a reserved name.
-        utils
-          .getRegisteredComponents(obj)
-          .filter(({ name }) => reservedNames.has(name))
-          .forEach(({ node, name }) => report(node, name))
+        for (const { node, name } of utils.getRegisteredComponents(obj)) {
+          if (reservedNames.has(name)) {
+            report(node, name)
+          }
+        }
 
         const node = utils.findProperty(obj, 'name')
 
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index de2f9453e..a8e787734 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -57,8 +57,11 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
-    const reservedKeys = new Set(RESERVED_KEYS.concat(options.reserved || []))
-    const groups = new Set(GROUP_NAMES.concat(options.groups || []))
+    const reservedKeys = new Set([
+      ...RESERVED_KEYS,
+      ...(options.reserved || [])
+    ])
+    const groups = new Set([...GROUP_NAMES, ...(options.groups || [])])
 
     // ----------------------------------------------------------------------
     // Public
diff --git a/lib/rules/no-restricted-block.js b/lib/rules/no-restricted-block.js
index b94ce0c17..8fc2b51be 100644
--- a/lib/rules/no-restricted-block.js
+++ b/lib/rules/no-restricted-block.js
@@ -44,6 +44,13 @@ function parseOption(option) {
   return parsed
 }
 
+/**
+ * @param {VElement} block
+ */
+function defaultMessage(block) {
+  return `Using \`<${block.rawName}>\` is not allowed.`
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -115,12 +122,5 @@ module.exports = {
         }
       }
     }
-
-    /**
-     * @param {VElement} block
-     */
-    function defaultMessage(block) {
-      return `Using \`<${block.rawName}>\` is not allowed.`
-    }
   }
 }
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index 523d6af12..7b6ff74e7 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -13,6 +13,20 @@ const utils = require('../utils')
  * @typedef {import('eslint-utils').TYPES.TraceKind} TraceKind
  */
 
+/**
+ * @param {string} id
+ */
+function safeRequireResolve(id) {
+  try {
+    if (fs.statSync(id).isDirectory()) {
+      return require.resolve(id)
+    }
+  } catch (_error) {
+    // ignore
+  }
+  return id
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -75,19 +89,7 @@ module.exports = {
 
     /** @type {Record<string, string[]> | null} */
     let allLocalImports = null
-    /**
-     * @param {string} id
-     */
-    function safeRequireResolve(id) {
-      try {
-        if (fs.statSync(id).isDirectory()) {
-          return require.resolve(id)
-        }
-      } catch (_e) {
-        // ignore
-      }
-      return id
-    }
+
     /**
      * @param {Program} ast
      */
diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index b1dcccb07..aa921349f 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -128,11 +128,9 @@ module.exports = {
        * @param {VAttribute & { value: VLiteral } } node
        */
       'VAttribute[directive=false][key.name="class"]'(node) {
-        node.value.value
-          .split(/\s+/)
-          .forEach((className) =>
-            reportForbiddenClass(className, node, context, forbiddenClasses)
-          )
+        for (const className of node.value.value.split(/\s+/)) {
+          reportForbiddenClass(className, node, context, forbiddenClasses)
+        }
       },
 
       /** @param {VExpressionContainer} node */
diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
index e514a7b64..f50f091d5 100644
--- a/lib/rules/no-restricted-component-options.js
+++ b/lib/rules/no-restricted-component-options.js
@@ -108,6 +108,13 @@ function parseOption(option) {
   }
 }
 
+/**
+ * @param {string[]} path
+ */
+function defaultMessage(path) {
+  return `Using \`${path.join('.')}\` is not allowed.`
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -208,12 +215,5 @@ module.exports = {
         }
       }
     }
-
-    /**
-     * @param {string[]} path
-     */
-    function defaultMessage(path) {
-      return `Using \`${path.join('.')}\` is not allowed.`
-    }
   }
 }
diff --git a/lib/rules/no-restricted-html-elements.js b/lib/rules/no-restricted-html-elements.js
index b0874f1c0..e2f30ccd0 100644
--- a/lib/rules/no-restricted-html-elements.js
+++ b/lib/rules/no-restricted-html-elements.js
@@ -49,7 +49,7 @@ module.exports = {
           return
         }
 
-        context.options.forEach((option) => {
+        for (const option of context.options) {
           const message =
             option.message ||
             `Unexpected use of forbidden HTML element ${node.rawName}.`
@@ -61,7 +61,7 @@ module.exports = {
               node: node.startTag
             })
           }
-        })
+        }
       }
     })
   }
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 7a92b9e51..564bf0773 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -154,7 +154,7 @@ function createSuggest(node, option, withDefault) {
   if (node.type === 'Literal' || node.type === 'TemplateLiteral') {
     replaceText = JSON.stringify(option.suggest)
   } else if (node.type === 'Identifier') {
-    replaceText = /^[a-z]\w*$/iu.exec(option.suggest)
+    replaceText = /^[a-z]\w*$/iu.test(option.suggest)
       ? option.suggest
       : JSON.stringify(option.suggest)
   } else {
diff --git a/lib/rules/no-restricted-static-attribute.js b/lib/rules/no-restricted-static-attribute.js
index 24cab62b8..a71b29e49 100644
--- a/lib/rules/no-restricted-static-attribute.js
+++ b/lib/rules/no-restricted-static-attribute.js
@@ -79,6 +79,24 @@ function parseOption(option) {
   return parsed
 }
 
+/**
+ * @param {VAttribute} node
+ * @param {ParsedOption} option
+ */
+function defaultMessage(node, option) {
+  const key = node.key.rawName
+  let value = ''
+  if (option.useValue) {
+    value = node.value == null ? '` set to `true' : `="${node.value.value}"`
+  }
+
+  let on = ''
+  if (option.useElement) {
+    on = ` on \`<${node.parent.parent.rawName}>\``
+  }
+  return `Using \`${key + value}\`${on} is not allowed.`
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -117,7 +135,7 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    if (!context.options.length) {
+    if (context.options.length === 0) {
       return {}
     }
     /** @type {ParsedOption[]} */
@@ -141,24 +159,5 @@ module.exports = {
         }
       }
     })
-
-    /**
-     * @param {VAttribute} node
-     * @param {ParsedOption} option
-     */
-    function defaultMessage(node, option) {
-      const key = node.key.rawName
-      const value = !option.useValue
-        ? ''
-        : node.value == null
-        ? '` set to `true'
-        : `="${node.value.value}"`
-
-      let on = ''
-      if (option.useElement) {
-        on = ` on \`<${node.parent.parent.rawName}>\``
-      }
-      return `Using \`${key + value}\`${on} is not allowed.`
-    }
   }
 }
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index 3cc46e715..2fdb5b744 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -91,6 +91,25 @@ function parseOption(option) {
   return parsed
 }
 
+/**
+ * @param {VDirectiveKey} key
+ * @param {ParsedOption} option
+ */
+function defaultMessage(key, option) {
+  const vbind = key.name.rawName === ':' ? '' : 'v-bind'
+  const arg =
+    key.argument != null && key.argument.type === 'VIdentifier'
+      ? `:${key.argument.rawName}`
+      : ''
+  const mod =
+    option.modifiers.length > 0 ? `.${option.modifiers.join('.')}` : ''
+  let on = ''
+  if (option.useElement) {
+    on = ` on \`<${key.parent.parent.parent.rawName}>\``
+  }
+  return `Using \`${vbind + arg + mod}\`${on} is not allowed.`
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -159,25 +178,5 @@ module.exports = {
         }
       }
     })
-
-    /**
-     * @param {VDirectiveKey} key
-     * @param {ParsedOption} option
-     */
-    function defaultMessage(key, option) {
-      const vbind = key.name.rawName === ':' ? '' : 'v-bind'
-      const arg =
-        key.argument != null && key.argument.type === 'VIdentifier'
-          ? `:${key.argument.rawName}`
-          : ''
-      const mod = option.modifiers.length
-        ? `.${option.modifiers.join('.')}`
-        : ''
-      let on = ''
-      if (option.useElement) {
-        on = ` on \`<${key.parent.parent.parent.rawName}>\``
-      }
-      return `Using \`${vbind + arg + mod}\`${on} is not allowed.`
-    }
   }
 }
diff --git a/lib/rules/no-static-inline-styles.js b/lib/rules/no-static-inline-styles.js
index 7dce27e1a..7b59ff1a5 100644
--- a/lib/rules/no-static-inline-styles.js
+++ b/lib/rules/no-static-inline-styles.js
@@ -5,6 +5,82 @@
 'use strict'
 
 const utils = require('../utils')
+
+/**
+ * Checks whether if the given property node is a static value.
+ * @param {Property} prop property node to check
+ * @returns {boolean} `true` if the given property node is a static value.
+ */
+function isStaticValue(prop) {
+  return (
+    !prop.computed &&
+    prop.value.type === 'Literal' &&
+    (prop.key.type === 'Identifier' || prop.key.type === 'Literal')
+  )
+}
+
+/**
+ * Gets the static properties of a given expression node.
+ * - If `SpreadElement` or computed property exists, it gets only the static properties before it.
+ *   `:style="{ color: 'red', display: 'flex', ...spread, width: '16px' }"`
+ *              ^^^^^^^^^^^^  ^^^^^^^^^^^^^^^
+ * - If non-static object exists, it gets only the static properties up to that object.
+ *   `:style="[ { color: 'red' }, { display: 'flex', color, width: '16px' }, { height: '16px' } ]"`
+ *                ^^^^^^^^^^^^      ^^^^^^^^^^^^^^^         ^^^^^^^^^^^^^
+ * - If all properties are static properties, it returns one root node.
+ *   `:style="[ { color: 'red' }, { display: 'flex', width: '16px' } ]"`
+ *    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+ * @param {VDirective} node `:style` node to check
+ * @returns {Property[] | [VDirective]} the static properties.
+ */
+function getReportNodes(node) {
+  const { value } = node
+  if (!value) {
+    return []
+  }
+  const { expression } = value
+  if (!expression) {
+    return []
+  }
+
+  let elements
+  if (expression.type === 'ObjectExpression') {
+    elements = [expression]
+  } else if (expression.type === 'ArrayExpression') {
+    elements = expression.elements
+  } else {
+    return []
+  }
+  const staticProperties = []
+  for (const element of elements) {
+    if (!element) {
+      continue
+    }
+    if (element.type !== 'ObjectExpression') {
+      return staticProperties
+    }
+
+    let isAllStatic = true
+    for (const prop of element.properties) {
+      if (prop.type === 'SpreadElement' || prop.computed) {
+        // If `SpreadElement` or computed property exists, it gets only the static properties before it.
+        return staticProperties
+      }
+      if (isStaticValue(prop)) {
+        staticProperties.push(prop)
+      } else {
+        isAllStatic = false
+      }
+    }
+    if (!isAllStatic) {
+      // If non-static object exists, it gets only the static properties up to that object.
+      return staticProperties
+    }
+  }
+  // If all properties are static properties, it returns one root node.
+  return [node]
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -32,81 +108,6 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /**
-     * Checks whether if the given property node is a static value.
-     * @param {Property} prop property node to check
-     * @returns {boolean} `true` if the given property node is a static value.
-     */
-    function isStaticValue(prop) {
-      return (
-        !prop.computed &&
-        prop.value.type === 'Literal' &&
-        (prop.key.type === 'Identifier' || prop.key.type === 'Literal')
-      )
-    }
-
-    /**
-     * Gets the static properties of a given expression node.
-     * - If `SpreadElement` or computed property exists, it gets only the static properties before it.
-     *   `:style="{ color: 'red', display: 'flex', ...spread, width: '16px' }"`
-     *              ^^^^^^^^^^^^  ^^^^^^^^^^^^^^^
-     * - If non-static object exists, it gets only the static properties up to that object.
-     *   `:style="[ { color: 'red' }, { display: 'flex', color, width: '16px' }, { height: '16px' } ]"`
-     *                ^^^^^^^^^^^^      ^^^^^^^^^^^^^^^         ^^^^^^^^^^^^^
-     * - If all properties are static properties, it returns one root node.
-     *   `:style="[ { color: 'red' }, { display: 'flex', width: '16px' } ]"`
-     *    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-     * @param {VDirective} node `:style` node to check
-     * @returns {Property[] | [VDirective]} the static properties.
-     */
-    function getReportNodes(node) {
-      const { value } = node
-      if (!value) {
-        return []
-      }
-      const { expression } = value
-      if (!expression) {
-        return []
-      }
-
-      let elements
-      if (expression.type === 'ObjectExpression') {
-        elements = [expression]
-      } else if (expression.type === 'ArrayExpression') {
-        elements = expression.elements
-      } else {
-        return []
-      }
-      const staticProperties = []
-      for (const element of elements) {
-        if (!element) {
-          continue
-        }
-        if (element.type !== 'ObjectExpression') {
-          return staticProperties
-        }
-
-        let isAllStatic = true
-        for (const prop of element.properties) {
-          if (prop.type === 'SpreadElement' || prop.computed) {
-            // If `SpreadElement` or computed property exists, it gets only the static properties before it.
-            return staticProperties
-          }
-          if (isStaticValue(prop)) {
-            staticProperties.push(prop)
-          } else {
-            isAllStatic = false
-          }
-        }
-        if (!isAllStatic) {
-          // If non-static object exists, it gets only the static properties up to that object.
-          return staticProperties
-        }
-      }
-      // If all properties are static properties, it returns one root node.
-      return [node]
-    }
-
     /**
      * Reports if the value is static.
      * @param {VDirective} node `:style` node to check
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index e3e803792..227abe715 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -95,9 +95,7 @@ module.exports = {
         }
       }),
       utils.executeOnVue(context, (obj) => {
-        const properties = Array.from(
-          utils.iterateProperties(obj, new Set(GROUP_NAMES))
-        )
+        const properties = utils.iterateProperties(obj, new Set(GROUP_NAMES))
         for (const node of properties) {
           jsVars.add(node.name)
         }
diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index e56f0412c..f6e66400c 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -161,10 +161,8 @@ module.exports = {
         // Check namespace
         // https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L305
         const dotIndex = rawName.indexOf('.')
-        if (dotIndex > 0) {
-          if (existsSetupReference(rawName.slice(0, dotIndex))) {
-            return
-          }
+        if (dotIndex > 0 && existsSetupReference(rawName.slice(0, dotIndex))) {
+          return
         }
 
         context.report({
@@ -227,13 +225,12 @@ module.exports = {
           return
         }
         const kebabCaseName = casing.kebabCase(rawName)
-        if (registeredComponentKebabCaseNames.includes(kebabCaseName)) {
-          if (
-            // Component registered as `foo-bar` cannot be used as `FooBar`
-            !casing.isPascalCase(rawName)
-          ) {
-            return
-          }
+        if (
+          registeredComponentKebabCaseNames.includes(kebabCaseName) &&
+          !casing.isPascalCase(rawName)
+        ) {
+          // Component registered as `foo-bar` cannot be used as `FooBar`
+          return
         }
 
         context.report({
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index c1213aa96..7641d3afb 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -124,6 +124,13 @@ module.exports = {
     const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
     const programNode = context.getSourceCode().ast
 
+    /**
+     * @param {ASTNode} node
+     */
+    function isScriptSetupProgram(node) {
+      return node === programNode
+    }
+
     /** Vue component context */
     class VueComponentContext {
       constructor() {
@@ -140,7 +147,7 @@ module.exports = {
        * @param {boolean} [options.props]
        */
       verifyReferences(references, options) {
-        const that = this
+        const report = this.report.bind(this)
         verifyUndefProperties(this.defineProperties, references, null)
 
         /**
@@ -159,14 +166,12 @@ module.exports = {
 
             const prop = defineProperties.get && defineProperties.get(refName)
             if (prop) {
-              if (options && options.props) {
-                if (!prop.isProps) {
-                  that.report(nodes[0], referencePathName, 'undefProps')
-                  continue
-                }
+              if (options && options.props && !prop.isProps) {
+                report(nodes[0], referencePathName, 'undefProps')
+                continue
               }
             } else {
-              that.report(nodes[0], referencePathName, 'undef')
+              report(nodes[0], referencePathName, 'undef')
               continue
             }
 
@@ -238,13 +243,6 @@ module.exports = {
       const exported =
         keys.find(isScriptSetupProgram) || keys.find(utils.isInExportDefault)
       return exported && vueComponentContextMap.get(exported)
-
-      /**
-       * @param {ASTNode} node
-       */
-      function isScriptSetupProgram(node) {
-        return node === programNode
-      }
     }
 
     /**
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index b4651c384..729685083 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -126,55 +126,56 @@ module.exports = {
         },
         "VElement[name='template'][parent.type='VDocumentFragment']:exit"() {
           // All registered components, transformed to kebab-case
-          const registeredComponentNames = registeredComponents.map(
-            ({ name }) => casing.kebabCase(name)
+          const registeredComponentNames = new Set(
+            registeredComponents.map(({ name }) => casing.kebabCase(name))
           )
 
           // All registered components using kebab-case syntax
-          const componentsRegisteredAsKebabCase = registeredComponents
-            .filter(({ name }) => name === casing.kebabCase(name))
-            .map(({ name }) => name)
-
-          usedComponentNodes
-            .filter(({ name }) => {
-              const kebabCaseName = casing.kebabCase(name)
-
-              // Check ignored patterns in first place
-              if (
-                ignorePatterns.find((pattern) => {
-                  const regExp = new RegExp(pattern)
-                  return (
-                    regExp.test(kebabCaseName) ||
-                    regExp.test(casing.pascalCase(name)) ||
-                    regExp.test(casing.camelCase(name)) ||
-                    regExp.test(casing.snakeCase(name)) ||
-                    regExp.test(name)
-                  )
-                })
-              )
-                return false
-
-              // Component registered as `foo-bar` cannot be used as `FooBar`
-              if (
-                casing.isPascalCase(name) &&
-                componentsRegisteredAsKebabCase.indexOf(kebabCaseName) !== -1
-              ) {
-                return true
-              }
+          const componentsRegisteredAsKebabCase = new Set(
+            registeredComponents.flatMap(({ name }) =>
+              name === casing.kebabCase(name) ? [name] : []
+            )
+          )
 
-              // Otherwise
-              return registeredComponentNames.indexOf(kebabCaseName) === -1
-            })
-            .forEach(({ node, name }) =>
-              context.report({
-                node,
-                message:
-                  'The "{{name}}" component has been used but not registered.',
-                data: {
-                  name
-                }
+          const reportNodes = usedComponentNodes.filter(({ name }) => {
+            const kebabCaseName = casing.kebabCase(name)
+
+            // Check ignored patterns in first place
+            if (
+              ignorePatterns.some((pattern) => {
+                const regExp = new RegExp(pattern)
+                return (
+                  regExp.test(kebabCaseName) ||
+                  regExp.test(casing.pascalCase(name)) ||
+                  regExp.test(casing.camelCase(name)) ||
+                  regExp.test(casing.snakeCase(name)) ||
+                  regExp.test(name)
+                )
               })
             )
+              return false
+
+            // Component registered as `foo-bar` cannot be used as `FooBar`
+            if (
+              casing.isPascalCase(name) &&
+              componentsRegisteredAsKebabCase.has(kebabCaseName)
+            ) {
+              return true
+            }
+
+            // Otherwise
+            return !registeredComponentNames.has(kebabCaseName)
+          })
+          for (const { node, name } of reportNodes) {
+            context.report({
+              node,
+              message:
+                'The "{{name}}" component has been used but not registered.',
+              data: {
+                name
+              }
+            })
+          }
         }
       },
       utils.executeOnVue(context, (obj) => {
@@ -182,13 +183,11 @@ module.exports = {
 
         const nameProperty = utils.findProperty(obj, 'name')
 
-        if (nameProperty) {
-          if (nameProperty.value.type === 'Literal') {
-            registeredComponents.push({
-              node: nameProperty,
-              name: `${nameProperty.value.value}`
-            })
-          }
+        if (nameProperty && nameProperty.value.type === 'Literal') {
+          registeredComponents.push({
+            node: nameProperty,
+            name: `${nameProperty.value.value}`
+          })
         }
       })
     )
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 8497dd961..0cbaec9f7 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -106,36 +106,39 @@ module.exports = {
           )
             return
 
-          registeredComponents
-            .filter(({ name }) => {
-              // If the component name is PascalCase or camelCase
-              // it can be used in various of ways inside template,
-              // like "theComponent", "The-component" etc.
-              // but except snake_case
-              if (casing.isPascalCase(name) || casing.isCamelCase(name)) {
-                return ![...usedComponents].some((n) => {
-                  return (
-                    n.indexOf('_') === -1 &&
+          for (const { node, name } of registeredComponents) {
+            // If the component name is PascalCase or camelCase
+            // it can be used in various of ways inside template,
+            // like "theComponent", "The-component" etc.
+            // but except snake_case
+            if (casing.isPascalCase(name) || casing.isCamelCase(name)) {
+              if (
+                [...usedComponents].some(
+                  (n) =>
+                    !n.includes('_') &&
                     (name === casing.pascalCase(n) ||
-                      casing.camelCase(n) === name)
-                  )
-                })
-              } else {
-                // In any other case the used component name must exactly match
-                // the registered name
-                return !usedComponents.has(name)
+                      name === casing.camelCase(n))
+                )
+              ) {
+                return
+              }
+            } else {
+              // In any other case the used component name must exactly match
+              // the registered name
+              if (usedComponents.has(name)) {
+                return
+              }
+            }
+
+            context.report({
+              node,
+              message:
+                'The "{{name}}" component has been registered but not used.',
+              data: {
+                name
               }
             })
-            .forEach(({ node, name }) =>
-              context.report({
-                node,
-                message:
-                  'The "{{name}}" component has been registered but not used.',
-                data: {
-                  name
-                }
-              })
-            )
+          }
         }
       },
       utils.executeOnVue(context, (obj) => {
diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
index 2c47bc035..248f11c59 100644
--- a/lib/rules/no-unused-refs.js
+++ b/lib/rules/no-unused-refs.js
@@ -101,47 +101,56 @@ module.exports = {
         node = node.parent
       }
       const parent = node.parent
-      if (parent.type === 'AssignmentExpression') {
-        if (parent.right === node) {
-          if (parent.left.type === 'ObjectPattern') {
-            // `({foo} = $refs)`
-            extractUsedForObjectPattern(parent.left)
-          } else if (parent.left.type === 'Identifier') {
-            // `foo = $refs`
-            hasUnknown = true
+      switch (parent.type) {
+        case 'AssignmentExpression': {
+          if (parent.right === node) {
+            if (parent.left.type === 'ObjectPattern') {
+              // `({foo} = $refs)`
+              extractUsedForObjectPattern(parent.left)
+            } else if (parent.left.type === 'Identifier') {
+              // `foo = $refs`
+              hasUnknown = true
+            }
           }
+          break
         }
-      } else if (parent.type === 'VariableDeclarator') {
-        if (parent.init === node) {
-          if (parent.id.type === 'ObjectPattern') {
-            // `const {foo} = $refs`
-            extractUsedForObjectPattern(parent.id)
-          } else if (parent.id.type === 'Identifier') {
-            // `const foo = $refs`
-            hasUnknown = true
+        case 'VariableDeclarator': {
+          if (parent.init === node) {
+            if (parent.id.type === 'ObjectPattern') {
+              // `const {foo} = $refs`
+              extractUsedForObjectPattern(parent.id)
+            } else if (parent.id.type === 'Identifier') {
+              // `const foo = $refs`
+              hasUnknown = true
+            }
           }
+          break
         }
-      } else if (parent.type === 'MemberExpression') {
-        if (parent.object === node) {
-          // `$refs.foo`
-          const name = utils.getStaticPropertyName(parent)
-          if (name) {
-            usedRefs.add(name)
-          } else {
+        case 'MemberExpression': {
+          if (parent.object === node) {
+            // `$refs.foo`
+            const name = utils.getStaticPropertyName(parent)
+            if (name) {
+              usedRefs.add(name)
+            } else {
+              hasUnknown = true
+            }
+          }
+          break
+        }
+        case 'CallExpression': {
+          const argIndex = parent.arguments.indexOf(node)
+          if (argIndex > -1) {
+            // `foo($refs)`
             hasUnknown = true
           }
+          break
         }
-      } else if (parent.type === 'CallExpression') {
-        const argIndex = parent.arguments.indexOf(node)
-        if (argIndex > -1) {
-          // `foo($refs)`
+        case 'ForInStatement':
+        case 'ReturnStatement': {
           hasUnknown = true
+          break
         }
-      } else if (
-        parent.type === 'ForInStatement' ||
-        parent.type === 'ReturnStatement'
-      ) {
-        hasUnknown = true
       }
     }
 
@@ -228,11 +237,12 @@ module.exports = {
             }
             /** @type {Identifier | MemberExpression} */
             let refsNode = id
-            if (id.parent.type === 'MemberExpression') {
-              if (id.parent.property === id) {
-                // `this.$refs.foo`
-                refsNode = id.parent
-              }
+            if (
+              id.parent.type === 'MemberExpression' &&
+              id.parent.property === id
+            ) {
+              // `this.$refs.foo`
+              refsNode = id.parent
             }
             extractUsedForPattern(refsNode)
           }
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 517480abc..430d3bedf 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -104,7 +104,7 @@ module.exports = {
           for (let i = variables.length - 1; i >= 0; i--) {
             const variable = variables[i]
 
-            if (variable.references.length) {
+            if (variable.references.length > 0) {
               hasAfterUsed = true
               continue
             }
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index d5c4430d7..e865f0443 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -64,7 +64,7 @@ function resolvedExpressions(context, node) {
       }
     }
 
-    if (!resolvedSet.size) {
+    if (resolvedSet.size === 0) {
       resolvedSet.add(node)
     }
 
@@ -84,10 +84,11 @@ function resolvedExpressions(context, node) {
             if (id.parent.id === id && id.parent.init) {
               yield* resolvedExpressionsInternal(id.parent.init)
             }
-          } else if (id.parent.type === 'AssignmentExpression') {
-            if (id.parent.left === id) {
-              yield* resolvedExpressionsInternal(id.parent.right)
-            }
+          } else if (
+            id.parent.type === 'AssignmentExpression' &&
+            id.parent.left === id
+          ) {
+            yield* resolvedExpressionsInternal(id.parent.right)
           }
         }
       }
@@ -201,13 +202,12 @@ function maybeFunction(context, node) {
     ) {
       continue
     }
-    if (expr.type === 'ConditionalExpression') {
-      if (
-        !maybeFunction(context, expr.consequent) &&
-        !maybeFunction(context, expr.alternate)
-      ) {
-        continue
-      }
+    if (
+      expr.type === 'ConditionalExpression' &&
+      !maybeFunction(context, expr.consequent) &&
+      !maybeFunction(context, expr.alternate)
+    ) {
+      continue
     }
     const evaluated = eslintUtils.getStaticValue(
       expr,
@@ -289,30 +289,39 @@ class ComponentStack {
       if (property.type === 'array') {
         continue
       }
-      if (property.groupName === 'data') {
-        maybeFunctions.set(
-          property.name,
-          maybeFunction(context, property.property.value)
-        )
-      } else if (property.groupName === 'props') {
-        const types = getComponentPropsTypes(context, property)
-        maybeFunctions.set(
-          property.name,
-          !types || types.some((type) => !NATIVE_NOT_FUNCTION_TYPES.has(type))
-        )
-      } else if (property.groupName === 'computed') {
-        let value = property.property.value
-        if (value.type === 'ObjectExpression') {
-          const getProp = utils.findProperty(value, 'get')
-          if (getProp) {
-            value = getProp.value
+      switch (property.groupName) {
+        case 'data': {
+          maybeFunctions.set(
+            property.name,
+            maybeFunction(context, property.property.value)
+          )
+          break
+        }
+        case 'props': {
+          const types = getComponentPropsTypes(context, property)
+          maybeFunctions.set(
+            property.name,
+            !types || types.some((type) => !NATIVE_NOT_FUNCTION_TYPES.has(type))
+          )
+          break
+        }
+        case 'computed': {
+          let value = property.property.value
+          if (value.type === 'ObjectExpression') {
+            const getProp = utils.findProperty(value, 'get')
+            if (getProp) {
+              value = getProp.value
+            }
           }
+          processFunction(property.name, value, 'computed')
+          break
+        }
+        case 'methods': {
+          const value = property.property.value
+          processFunction(property.name, value, 'methods')
+          maybeFunctions.set(property.name, true)
+          break
         }
-        processFunction(property.name, value, 'computed')
-      } else if (property.groupName === 'methods') {
-        const value = property.property.value
-        processFunction(property.name, value, 'methods')
-        maybeFunctions.set(property.name, true)
       }
     }
     this.maybeFunctions = maybeFunctions
@@ -410,34 +419,41 @@ class ComponentStack {
         if (!maybeFunction(this.context, expr)) {
           continue
         }
-        if (expr.type === 'MemberExpression') {
-          if (utils.isThis(expr.object, this.context)) {
-            const name = utils.getStaticPropertyName(expr)
-            if (name && !this.maybeFunctionProperty(name)) {
-              continue
+        switch (expr.type) {
+          case 'MemberExpression': {
+            if (utils.isThis(expr.object, this.context)) {
+              const name = utils.getStaticPropertyName(expr)
+              if (name && !this.maybeFunctionProperty(name)) {
+                continue
+              }
             }
+            break
           }
-        } else if (expr.type === 'CallExpression') {
-          if (
-            expr.callee.type === 'MemberExpression' &&
-            utils.isThis(expr.callee.object, this.context)
-          ) {
-            const name = utils.getStaticPropertyName(expr.callee)
-            const fnData = this.functions.find((data) => data.name === name)
+          case 'CallExpression': {
             if (
-              fnData &&
-              fnData.kind === 'methods' &&
-              !fnData.maybeReturnFunction(this)
+              expr.callee.type === 'MemberExpression' &&
+              utils.isThis(expr.callee.object, this.context)
             ) {
-              continue
+              const name = utils.getStaticPropertyName(expr.callee)
+              const fnData = this.functions.find((data) => data.name === name)
+              if (
+                fnData &&
+                fnData.kind === 'methods' &&
+                !fnData.maybeReturnFunction(this)
+              ) {
+                continue
+              }
             }
+            break
           }
-        } else if (expr.type === 'ConditionalExpression') {
-          if (
-            !this.maybeFunctionExpression(expr.consequent) &&
-            !this.maybeFunctionExpression(expr.alternate)
-          ) {
-            continue
+          case 'ConditionalExpression': {
+            if (
+              !this.maybeFunctionExpression(expr.consequent) &&
+              !this.maybeFunctionExpression(expr.alternate)
+            ) {
+              continue
+            }
+            break
           }
         }
         // It could be a function because we don't know what it is.
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index 8e5a6cee1..51e3853ba 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -144,7 +144,7 @@ module.exports = {
             return null
           }
 
-          return fixer.replaceText(node, text.replace(/\\([\s\S])/g, '$1'))
+          return fixer.replaceText(node, text.replace(/\\([\S\s])/g, '$1'))
         }
       })
     }
diff --git a/lib/rules/no-useless-template-attributes.js b/lib/rules/no-useless-template-attributes.js
index fca048e55..f86384a22 100644
--- a/lib/rules/no-useless-template-attributes.js
+++ b/lib/rules/no-useless-template-attributes.js
@@ -26,6 +26,54 @@ const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
+/**
+ * @param {VAttribute | VDirective} attr
+ */
+function getKeyName(attr) {
+  if (attr.directive) {
+    if (attr.key.name.name !== 'bind') {
+      // no v-bind
+      return null
+    }
+    if (
+      !attr.key.argument ||
+      attr.key.argument.type === 'VExpressionContainer'
+    ) {
+      // unknown
+      return null
+    }
+    return attr.key.argument.name
+  }
+  return attr.key.name
+}
+
+/**
+ * @param {VAttribute | VDirective} attr
+ */
+function isFragmentTemplateAttribute(attr) {
+  if (attr.directive) {
+    const directiveName = attr.key.name.name
+    if (SPECIAL_TEMPLATE_DIRECTIVES.has(directiveName)) {
+      return true
+    }
+    if (directiveName === 'slot-scope') {
+      // `slot-scope` is deprecated in Vue.js 2.6
+      return true
+    }
+    if (directiveName === 'scope') {
+      // `scope` is deprecated in Vue.js 2.5
+      return true
+    }
+  }
+
+  const keyName = getKeyName(attr)
+  if (keyName === 'slot') {
+    // `slot` is deprecated in Vue.js 2.6
+    return true
+  }
+
+  return false
+}
 
 module.exports = {
   meta: {
@@ -44,55 +92,6 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /**
-     * @param {VAttribute | VDirective} attr
-     */
-    function getKeyName(attr) {
-      if (attr.directive) {
-        if (attr.key.name.name !== 'bind') {
-          // no v-bind
-          return null
-        }
-        if (
-          !attr.key.argument ||
-          attr.key.argument.type === 'VExpressionContainer'
-        ) {
-          // unknown
-          return null
-        }
-        return attr.key.argument.name
-      }
-      return attr.key.name
-    }
-
-    /**
-     * @param {VAttribute | VDirective} attr
-     */
-    function isFragmentTemplateAttribute(attr) {
-      if (attr.directive) {
-        const directiveName = attr.key.name.name
-        if (SPECIAL_TEMPLATE_DIRECTIVES.has(directiveName)) {
-          return true
-        }
-        if (directiveName === 'slot-scope') {
-          // `slot-scope` is deprecated in Vue.js 2.6
-          return true
-        }
-        if (directiveName === 'scope') {
-          // `scope` is deprecated in Vue.js 2.5
-          return true
-        }
-      }
-
-      const keyName = getKeyName(attr)
-      if (keyName === 'slot') {
-        // `slot` is deprecated in Vue.js 2.6
-        return true
-      }
-
-      return false
-    }
-
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VStartTag} node */
       "VElement[name='template'][parent.type='VElement'] > VStartTag"(node) {
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index 749a292e4..9f9da6e27 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -48,8 +48,8 @@ module.exports = {
      * @param {VDirective} node the node to check
      */
     function verify(node) {
-      const { value } = node
-      if (!value || node.key.modifiers.length) {
+      const { value, key } = node
+      if (!value || key.modifiers.length > 0) {
         return
       }
       const { expression } = value
@@ -120,11 +120,11 @@ module.exports = {
           const text = sourceCode.getText(value)
           const quoteChar = text[0]
 
-          const shorthand = node.key.name.rawName === ':'
+          const shorthand = key.name.rawName === ':'
           /** @type {Range} */
           const keyDirectiveRange = [
-            node.key.name.range[0],
-            node.key.name.range[1] + (shorthand ? 0 : 1)
+            key.name.range[0],
+            key.name.range[1] + (shorthand ? 0 : 1)
           ]
 
           yield fixer.removeRange(keyDirectiveRange)
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 83558aa39..83e814413 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -104,13 +104,15 @@ function getOrderMap(order) {
   /** @type {Map<string, number>} */
   const orderMap = new Map()
 
-  order.forEach((property, i) => {
+  for (const [i, property] of order.entries()) {
     if (Array.isArray(property)) {
-      property.forEach((p) => orderMap.set(p, i))
+      for (const p of property) {
+        orderMap.set(p, i)
+      }
     } else {
       orderMap.set(property, i)
     }
-  })
+  }
 
   return orderMap
 }
@@ -126,13 +128,13 @@ const ARITHMETIC_OPERATORS = ['+', '-', '*', '/', '%', '**' /* es2016 */]
 const BITWISE_OPERATORS = ['&', '|', '^', '~', '<<', '>>', '>>>']
 const COMPARISON_OPERATORS = ['==', '!=', '===', '!==', '>', '>=', '<', '<=']
 const RELATIONAL_OPERATORS = ['in', 'instanceof']
-const ALL_BINARY_OPERATORS = [
+const ALL_BINARY_OPERATORS = new Set([
   ...ARITHMETIC_OPERATORS,
   ...BITWISE_OPERATORS,
   ...COMPARISON_OPERATORS,
   ...RELATIONAL_OPERATORS
-]
-const LOGICAL_OPERATORS = ['&&', '||', '??' /* es2020 */]
+])
+const LOGICAL_OPERATORS = new Set(['&&', '||', '??' /* es2020 */])
 
 /**
  * Result `true` if the node is sure that there are no side effects
@@ -179,9 +181,9 @@ function isNotSideEffectsNode(node, visitorKeys) {
         (node.type !== 'UnaryExpression' ||
           !['!', '~', '+', '-', 'typeof'].includes(node.operator)) &&
         (node.type !== 'BinaryExpression' ||
-          !ALL_BINARY_OPERATORS.includes(node.operator)) &&
+          !ALL_BINARY_OPERATORS.has(node.operator)) &&
         (node.type !== 'LogicalExpression' ||
-          !LOGICAL_OPERATORS.includes(node.operator)) &&
+          !LOGICAL_OPERATORS.has(node.operator)) &&
         node.type !== 'MemberExpression' &&
         node.type !== 'ConditionalExpression' &&
         // es2015
@@ -267,10 +269,10 @@ module.exports = {
           }
         })
 
-      properties.forEach((property, i) => {
+      for (const [i, property] of properties.entries()) {
         const orderPos = getOrderPosition(property.name)
         if (orderPos < 0) {
-          return
+          continue
         }
         const propertiesAbove = properties.slice(0, i)
         const unorderedProperties = propertiesAbove
@@ -333,7 +335,7 @@ module.exports = {
             }
           })
         }
-      })
+      }
     }
 
     return utils.executeOnVue(context, (obj) => {
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index c1b652455..f5f4d089c 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -41,7 +41,7 @@ function verifyForNever(context, prevBlock, nextBlock, betweenTokens) {
     }
     prev = tokenOrNode
   }
-  if (!paddingLines.length) {
+  if (paddingLines.length === 0) {
     return
   }
 
@@ -170,9 +170,10 @@ module.exports = {
             (token) => token.type !== 'HTMLWhitespace'
           ),
           ...documentFragment.comments
-        ].sort((a, b) =>
-          a.range[0] > b.range[0] ? 1 : a.range[0] < b.range[0] ? -1 : 0
-        )
+        ].sort((a, b) => {
+          if (a.range[0] > b.range[0]) return 1
+          return a.range[0] < b.range[0] ? -1 : 0
+        })
       }
 
       let token = tokens.shift()
diff --git a/lib/rules/prefer-import-from-vue.js b/lib/rules/prefer-import-from-vue.js
index 1fb4ecf55..ef154854b 100644
--- a/lib/rules/prefer-import-from-vue.js
+++ b/lib/rules/prefer-import-from-vue.js
@@ -28,12 +28,19 @@ const SUBSET_AT_VUE_MODULES = new Set(['@vue/runtime-dom', '@vue/runtime-core'])
  */
 function* extractImportNames(node) {
   for (const specifier of node.specifiers) {
-    if (specifier.type === 'ImportDefaultSpecifier') {
-      yield 'default'
-    } else if (specifier.type === 'ImportNamespaceSpecifier') {
-      yield null // all
-    } else if (specifier.type === 'ImportSpecifier') {
-      yield specifier.imported.name
+    switch (specifier.type) {
+      case 'ImportDefaultSpecifier': {
+        yield 'default'
+        break
+      }
+      case 'ImportNamespaceSpecifier': {
+        yield null // all
+        break
+      }
+      case 'ImportSpecifier': {
+        yield specifier.imported.name
+        break
+      }
     }
   }
 }
diff --git a/lib/rules/prefer-prop-type-boolean-first.js b/lib/rules/prefer-prop-type-boolean-first.js
index 215262d3b..055e16129 100644
--- a/lib/rules/prefer-prop-type-boolean-first.js
+++ b/lib/rules/prefer-prop-type-boolean-first.js
@@ -37,7 +37,7 @@ function checkArrayExpression(node, context) {
           fix: (fixer) => {
             const sourceCode = context.getSourceCode()
 
-            const elements = node.elements.slice()
+            const elements = [...node.elements]
             elements.splice(booleanTypeIndex, 1)
             const code = elements
               .filter(utils.isDef)
@@ -103,12 +103,16 @@ module.exports = {
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_, props) {
-          props.forEach(checkProperty)
+          for (const prop of props) {
+            checkProperty(prop)
+          }
         }
       }),
       utils.executeOnVue(context, (obj) => {
         const props = utils.getComponentPropsFromOptions(obj)
-        props.forEach(checkProperty)
+        for (const prop of props) {
+          checkProperty(prop)
+        }
       })
     )
   }
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 916dff0cd..29386d6bc 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -18,8 +18,7 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
 /** @param {RuleContext} context */
 function create(context) {
   const options = context.options[0]
-  const caseType =
-    allowedCaseOptions.indexOf(options) !== -1 ? options : 'camelCase'
+  const caseType = allowedCaseOptions.includes(options) ? options : 'camelCase'
   const checker = casing.getChecker(caseType)
 
   // ----------------------------------------------------------------------
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 7cfdc7efa..7aff2ebac 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -27,6 +27,26 @@ const NATIVE_TYPES = new Set([
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * Detects whether given value node is a Boolean type
+ * @param {Expression} value
+ * @return {boolean}
+ */
+function isValueNodeOfBooleanType(value) {
+  if (value.type === 'Identifier' && value.name === 'Boolean') {
+    return true
+  }
+  if (value.type === 'ArrayExpression') {
+    const elements = value.elements.filter(isDef)
+    return (
+      elements.length === 1 &&
+      elements[0].type === 'Identifier' &&
+      elements[0].name === 'Boolean'
+    )
+  }
+  return false
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -102,26 +122,6 @@ module.exports = {
       return !propIsRequired(prop.value) && !propHasDefault(prop.value)
     }
 
-    /**
-     * Detects whether given value node is a Boolean type
-     * @param {Expression} value
-     * @return {boolean}
-     */
-    function isValueNodeOfBooleanType(value) {
-      if (value.type === 'Identifier' && value.name === 'Boolean') {
-        return true
-      }
-      if (value.type === 'ArrayExpression') {
-        const elements = value.elements.filter(isDef)
-        return (
-          elements.length === 1 &&
-          elements[0].type === 'Identifier' &&
-          elements[0].name === 'Boolean'
-        )
-      }
-      return false
-    }
-
     /**
      * Detects whether given prop node is a Boolean
      * @param {ComponentObjectProp} prop
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 18897eb07..05d80c38f 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -60,18 +60,18 @@ module.exports = {
             callee,
             arguments: [firstArg]
           } = node
-          if (firstArg && firstArg.type === 'ObjectExpression') {
-            if (
-              (callee.type === 'Identifier' &&
-                callee.name === 'defineComponent') ||
+          if (
+            firstArg &&
+            firstArg.type === 'ObjectExpression' &&
+            ((callee.type === 'Identifier' &&
+              callee.name === 'defineComponent') ||
               (callee.type === 'MemberExpression' &&
                 callee.object.type === 'Identifier' &&
                 callee.object.name === 'Vue' &&
                 callee.property.type === 'Identifier' &&
-                callee.property.name === 'extend')
-            ) {
-              return
-            }
+                callee.property.name === 'extend'))
+          ) {
+            return
           }
         }
         if (!disallowFunctional) {
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 24c6a9c55..9ab8e6bdf 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -89,11 +89,15 @@ module.exports = {
 
     return utils.compositingVisitors(
       utils.executeOnVue(context, (obj) => {
-        utils.getComponentEmitsFromOptions(obj).forEach(checker)
+        for (const emit of utils.getComponentEmitsFromOptions(obj)) {
+          checker(emit)
+        }
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefineEmitsEnter(_node, emits) {
-          emits.forEach(checker)
+          for (const emit of emits) {
+            checker(emit)
+          }
         }
       })
     )
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index aa83b882f..1a69c982a 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -27,7 +27,7 @@ const { capitalize } = require('../utils/casing')
 // Helpers
 // ------------------------------------------------------------------------------
 
-const FIX_EMITS_AFTER_OPTIONS = [
+const FIX_EMITS_AFTER_OPTIONS = new Set([
   'setup',
   'data',
   'computed',
@@ -53,7 +53,7 @@ const FIX_EMITS_AFTER_OPTIONS = [
   'renderTracked',
   'renderTriggered',
   'errorCaptured'
-]
+])
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -383,20 +383,17 @@ module.exports = {
           onVueObjectExit(node, { type }) {
             const emits = vueEmitsDeclarations.get(node)
             if (
-              !vueTemplateDefineData ||
-              (vueTemplateDefineData.type !== 'export' &&
-                vueTemplateDefineData.type !== 'setup')
+              (!vueTemplateDefineData ||
+                (vueTemplateDefineData.type !== 'export' &&
+                  vueTemplateDefineData.type !== 'setup')) &&
+              emits &&
+              (type === 'mark' || type === 'export' || type === 'definition')
             ) {
-              if (
-                emits &&
-                (type === 'mark' || type === 'export' || type === 'definition')
-              ) {
-                vueTemplateDefineData = {
-                  type,
-                  define: node,
-                  emits,
-                  props: vuePropsDeclarations.get(node) || []
-                }
+              vueTemplateDefineData = {
+                type,
+                define: node,
+                emits,
+                props: vuePropsDeclarations.get(node) || []
               }
             }
             setupContexts.delete(node)
@@ -420,7 +417,7 @@ function buildSuggest(define, emits, nameNode, context) {
   const emitsKind =
     define.type === 'ObjectExpression' ? '`emits` option' : '`defineEmits`'
   const certainEmits = emits.filter((e) => e.key)
-  if (certainEmits.length) {
+  if (certainEmits.length > 0) {
     const last = certainEmits[certainEmits.length - 1]
     return [
       {
@@ -476,7 +473,7 @@ function buildSuggest(define, emits, nameNode, context) {
             return fixer.insertTextAfter(
               leftBracket,
               `'${nameNode.value}'${
-                emitsOptionValue.elements.length ? ',' : ''
+                emitsOptionValue.elements.length > 0 ? ',' : ''
               }`
             )
           }
@@ -494,7 +491,7 @@ function buildSuggest(define, emits, nameNode, context) {
             return fixer.insertTextAfter(
               leftBrace,
               `'${nameNode.value}': null${
-                emitsOptionValue.properties.length ? ',' : ''
+                emitsOptionValue.properties.length > 0 ? ',' : ''
               }`
             )
           }
@@ -506,7 +503,7 @@ function buildSuggest(define, emits, nameNode, context) {
 
   const sourceCode = context.getSourceCode()
   const afterOptionNode = propertyNodes.find((p) =>
-    FIX_EMITS_AFTER_OPTIONS.includes(utils.getStaticPropertyName(p) || '')
+    FIX_EMITS_AFTER_OPTIONS.has(utils.getStaticPropertyName(p) || '')
   )
   return [
     {
@@ -518,7 +515,7 @@ function buildSuggest(define, emits, nameNode, context) {
             sourceCode.getTokenBefore(afterOptionNode),
             `\nemits: ['${nameNode.value}'],`
           )
-        } else if (object.properties.length) {
+        } else if (object.properties.length > 0) {
           const before =
             propertyNodes[propertyNodes.length - 1] ||
             object.properties[object.properties.length - 1]
@@ -553,7 +550,7 @@ function buildSuggest(define, emits, nameNode, context) {
             sourceCode.getTokenBefore(afterOptionNode),
             `\nemits: {'${nameNode.value}': null},`
           )
-        } else if (object.properties.length) {
+        } else if (object.properties.length > 0) {
           const before =
             propertyNodes[propertyNodes.length - 1] ||
             object.properties[object.properties.length - 1]
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index 91ca589d5..df96ddb66 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -16,7 +16,7 @@ const {
 const utils = require('../utils')
 const { getVueComponentDefinitionType } = require('../utils')
 
-const FIX_EXPOSE_BEFORE_OPTIONS = [
+const FIX_EXPOSE_BEFORE_OPTIONS = new Set([
   'name',
   'components',
   'directives',
@@ -27,7 +27,7 @@ const FIX_EXPOSE_BEFORE_OPTIONS = [
   'inheritAttrs',
   'props',
   'emits'
-]
+])
 
 /**
  * @param {Property | SpreadElement} node
@@ -131,10 +131,8 @@ module.exports = {
             if (def.type === 'FunctionName') {
               return true
             }
-            if (def.type === 'Variable') {
-              if (def.node.init) {
-                return isFunction(def.node.init)
-              }
+            if (def.type === 'Variable' && def.node.init) {
+              return isFunction(def.node.init)
             }
           }
         }
@@ -239,20 +237,24 @@ module.exports = {
           returnFunction: false
         }
 
-        if (node.type === 'ArrowFunctionExpression' && node.expression) {
-          if (isFunction(node.body)) {
-            scopeStack.returnFunction = true
-          }
+        if (
+          node.type === 'ArrowFunctionExpression' &&
+          node.expression &&
+          isFunction(node.body)
+        ) {
+          scopeStack.returnFunction = true
         }
       },
       ReturnStatement(node) {
         if (!scopeStack) {
           return
         }
-        if (!scopeStack.returnFunction && node.argument) {
-          if (isFunction(node.argument)) {
-            scopeStack.returnFunction = true
-          }
+        if (
+          !scopeStack.returnFunction &&
+          node.argument &&
+          isFunction(node.argument)
+        ) {
+          scopeStack.returnFunction = true
         }
       },
       ':function:exit'(node) {
@@ -305,7 +307,7 @@ function buildSuggest(object, context) {
 
   const sourceCode = context.getSourceCode()
   const beforeOptionNode = propertyNodes.find((p) =>
-    FIX_EXPOSE_BEFORE_OPTIONS.includes(utils.getStaticPropertyName(p) || '')
+    FIX_EXPOSE_BEFORE_OPTIONS.has(utils.getStaticPropertyName(p) || '')
   )
   const allProps = [
     ...new Set(
@@ -320,7 +322,7 @@ function buildSuggest(object, context) {
       messageId: 'addExposeOptionForEmpty',
       fix: buildFix('expose: []')
     },
-    ...(allProps.length
+    ...(allProps.length > 0
       ? [
           {
             messageId: 'addExposeOptionForAll',
@@ -344,7 +346,7 @@ function buildSuggest(object, context) {
     return (fixer) => {
       if (beforeOptionNode) {
         return fixer.insertTextAfter(beforeOptionNode, `,\n${text}`)
-      } else if (object.properties.length) {
+      } else if (object.properties.length > 0) {
         const after = propertyNodes[0] || object.properties[0]
         return fixer.insertTextAfter(
           sourceCode.getTokenBefore(after),
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index aa022faee..121a503ab 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -17,19 +17,19 @@ const { isDef } = require('../utils')
 
 const message = 'The "{{name}}" property should be a constructor.'
 
-const forbiddenTypes = [
+const forbiddenTypes = new Set([
   'Literal',
   'TemplateLiteral',
   'BinaryExpression',
   'UpdateExpression'
-]
+])
 
 /**
  * @param {ESNode} node
  */
 function isForbiddenType(node) {
   return (
-    forbiddenTypes.indexOf(node.type) > -1 &&
+    forbiddenTypes.has(node.type) &&
     !(node.type === 'Literal' && node.value == null && !node.bigint)
   )
 }
@@ -57,27 +57,27 @@ module.exports = {
       const nodes =
         node.type === 'ArrayExpression' ? node.elements.filter(isDef) : [node]
 
-      nodes
-        .filter((prop) => isForbiddenType(prop))
-        .forEach((prop) =>
-          context.report({
-            node: prop,
-            message,
-            data: {
-              name: propName
-            },
-            fix: (fixer) => {
-              if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
-                const newText = utils.getStringLiteralValue(prop, true)
+      for (const prop of nodes) {
+        if (!isForbiddenType(prop)) continue
 
-                if (newText) {
-                  return fixer.replaceText(prop, newText)
-                }
+        context.report({
+          node: prop,
+          message,
+          data: {
+            name: propName
+          },
+          fix: (fixer) => {
+            if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+              const newText = utils.getStringLiteralValue(prop, true)
+
+              if (newText) {
+                return fixer.replaceText(prop, newText)
               }
-              return null
             }
-          })
-        )
+            return null
+          }
+        })
+      }
     }
 
     /** @param {ComponentProp[]} props */
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index b57bfc6fc..3239deb9b 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -64,18 +64,26 @@ module.exports = {
 
       if (!value) {
         hasType = false
-      } else if (value.type === 'ObjectExpression') {
-        // foo: {
-        hasType = objectHasType(value)
-      } else if (value.type === 'ArrayExpression') {
-        // foo: [
-        hasType = value.elements.length > 0
-      } else if (
-        value.type === 'FunctionExpression' ||
-        value.type === 'ArrowFunctionExpression'
-      ) {
-        hasType = false
+      } else {
+        switch (value.type) {
+          case 'ObjectExpression': {
+            // foo: {
+            hasType = objectHasType(value)
+            break
+          }
+          case 'ArrayExpression': {
+            // foo: [
+            hasType = value.elements.length > 0
+            break
+          }
+          case 'FunctionExpression':
+          case 'ArrowFunctionExpression': {
+            hasType = false
+            break
+          }
+        }
       }
+
       if (!hasType) {
         const name =
           propName ||
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 21191e86f..5208dbdde 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -151,64 +151,74 @@ module.exports = {
      */
     function getValueType(targetNode) {
       const node = utils.skipChainExpression(targetNode)
-      if (node.type === 'CallExpression') {
-        // Symbol(), Number() ...
-        if (
-          node.callee.type === 'Identifier' &&
-          NATIVE_TYPES.has(node.callee.name)
-        ) {
+      switch (node.type) {
+        case 'CallExpression': {
+          // Symbol(), Number() ...
+          if (
+            node.callee.type === 'Identifier' &&
+            NATIVE_TYPES.has(node.callee.name)
+          ) {
+            return {
+              function: false,
+              type: node.callee.name
+            }
+          }
+          break
+        }
+        case 'TemplateLiteral': {
+          // String
           return {
             function: false,
-            type: node.callee.name
+            type: 'String'
           }
         }
-      } else if (node.type === 'TemplateLiteral') {
-        // String
-        return {
-          function: false,
-          type: 'String'
+        case 'Literal': {
+          // String, Boolean, Number
+          if (node.value === null && !node.bigint) return null
+          const type = node.bigint ? 'BigInt' : capitalize(typeof node.value)
+          if (NATIVE_TYPES.has(type)) {
+            return {
+              function: false,
+              type
+            }
+          }
+          break
         }
-      } else if (node.type === 'Literal') {
-        // String, Boolean, Number
-        if (node.value === null && !node.bigint) return null
-        const type = node.bigint ? 'BigInt' : capitalize(typeof node.value)
-        if (NATIVE_TYPES.has(type)) {
+        case 'ArrayExpression': {
+          // Array
           return {
             function: false,
-            type
+            type: 'Array'
           }
         }
-      } else if (node.type === 'ArrayExpression') {
-        // Array
-        return {
-          function: false,
-          type: 'Array'
-        }
-      } else if (node.type === 'ObjectExpression') {
-        // Object
-        return {
-          function: false,
-          type: 'Object'
-        }
-      } else if (node.type === 'FunctionExpression') {
-        return {
-          function: true,
-          expression: false,
-          type: 'Function',
-          functionBody: node.body,
-          returnTypes: []
+        case 'ObjectExpression': {
+          // Object
+          return {
+            function: false,
+            type: 'Object'
+          }
         }
-      } else if (node.type === 'ArrowFunctionExpression') {
-        if (node.expression) {
-          const valueType = getValueType(node.body)
+        case 'FunctionExpression': {
           return {
             function: true,
-            expression: true,
+            expression: false,
             type: 'Function',
             functionBody: node.body,
-            returnType: valueType ? valueType.type : null
+            returnTypes: []
           }
-        } else {
+        }
+        case 'ArrowFunctionExpression': {
+          if (node.expression) {
+            const valueType = getValueType(node.body)
+            return {
+              function: true,
+              expression: true,
+              type: 'Function',
+              functionBody: node.body,
+              returnType: valueType ? valueType.type : null
+            }
+          }
+
           return {
             function: true,
             expression: false,
@@ -237,7 +247,7 @@ module.exports = {
           "Type of the default value for '{{name}}' prop must be a {{types}}.",
         data: {
           name: propName,
-          types: Array.from(expectedTypeNames).join(' or ').toLowerCase()
+          types: [...expectedTypeNames].join(' or ').toLowerCase()
         }
       })
     }
@@ -279,15 +289,16 @@ module.exports = {
         if (!defType) continue
 
         if (!defType.function) {
-          if (typeNames.has(defType.type)) {
-            if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
-              continue
-            }
+          if (
+            typeNames.has(defType.type) &&
+            !FUNCTION_VALUE_TYPES.has(defType.type)
+          ) {
+            continue
           }
           report(
             defExpr,
             prop,
-            Array.from(typeNames).map((type) =>
+            [...typeNames].map((type) =>
               FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
             )
           )
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 9908fe4fe..5c29aa440 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -87,7 +87,7 @@ module.exports = {
       utils.executeOnFunctionsWithoutReturn(
         treatUndefinedAsUnspecified,
         (node) => {
-          computedProperties.forEach((cp) => {
+          for (const cp of computedProperties) {
             if (cp.value && cp.value.parent === node) {
               context.report({
                 node,
@@ -98,15 +98,15 @@ module.exports = {
                 }
               })
             }
-          })
-          computedFunctionNodes.forEach((cf) => {
+          }
+          for (const cf of computedFunctionNodes) {
             if (cf === node) {
               context.report({
                 node,
                 message: 'Expected to return a value in computed function.'
               })
             }
-          })
+          }
         }
       )
     )
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 94e94ff48..a3c2e2578 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -20,15 +20,16 @@ function isFalsy(node) {
   if (node.type === 'Literal') {
     if (node.bigint) {
       return node.bigint === '0'
-    } else if (!node.value) {
-      return true
     }
-  } else if (node.type === 'Identifier') {
-    if (node.name === 'undefined' || node.name === 'NaN') {
+    if (!node.value) {
       return true
     }
   }
-  return false
+
+  return (
+    node.type === 'Identifier' &&
+    (node.name === 'undefined' || node.name === 'NaN')
+  )
 }
 // ------------------------------------------------------------------------------
 // Rule Definition
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 0e0f95878..3cb5eef30 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -16,6 +16,16 @@ const casing = require('../utils/casing')
 // Rule Definition
 // ------------------------------------------------------------------------------
 
+/**
+ * `casing.camelCase()` converts the beginning to lowercase,
+ * but does not convert the case of the beginning character when converting with Vue3.
+ * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/shared/src/index.ts#L116
+ * @param {string} str
+ */
+function camelize(str) {
+  return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -50,15 +60,6 @@ module.exports = {
       }
     }
 
-    /**
-     * `casing.camelCase()` converts the beginning to lowercase,
-     * but does not convert the case of the beginning character when converting with Vue3.
-     * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/shared/src/index.ts#L116
-     * @param {string} str
-     */
-    function camelize(str) {
-      return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
-    }
     /**
      * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/compiler-core/src/transforms/transformElement.ts#L333
      * @param {string} name
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 2ac1eba9a..3bf124fe1 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -29,7 +29,7 @@ function isSinglelineElement(element) {
 function parseOptions(options) {
   return Object.assign(
     {
-      ignores: ['pre', 'textarea'].concat(INLINE_ELEMENTS),
+      ignores: ['pre', 'textarea', ...INLINE_ELEMENTS],
       ignoreWhenNoAttributes: true,
       ignoreWhenEmpty: true
     },
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index e84774ddc..320d74f13 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -135,17 +135,20 @@ module.exports = {
     const options = context.options[1]
     const order = context.options[0] || 'asc'
 
-    /** @type {string[]} */
-    const ignoreGrandchildrenOf = (options &&
-      options.ignoreGrandchildrenOf) || [
-      'computed',
-      'directives',
-      'inject',
-      'props',
-      'watch'
-    ]
-    /** @type {string[]} */
-    const ignoreChildrenOf = (options && options.ignoreChildrenOf) || ['model']
+    /** @type {Set<string>} */
+    const ignoreGrandchildrenOf = new Set(
+      (options && options.ignoreGrandchildrenOf) || [
+        'computed',
+        'directives',
+        'inject',
+        'props',
+        'watch'
+      ]
+    )
+    /** @type {Set<string>} */
+    const ignoreChildrenOf = new Set(
+      (options && options.ignoreChildrenOf) || ['model']
+    )
     const insensitive = options && options.caseSensitive === false
     const minKeys = options && options.minKeys
     const natural = options && options.natural
@@ -215,14 +218,11 @@ module.exports = {
               vueState.within = true
 
               // Judge whether to ignore the property.
-              if (chainLevel === 1) {
-                if (ignoreChildrenOf.includes(propName)) {
-                  vueState.ignore = true
-                }
-              } else if (chainLevel === 2) {
-                if (ignoreGrandchildrenOf.includes(propName)) {
-                  vueState.ignore = true
-                }
+              if (
+                (chainLevel === 1 && ignoreChildrenOf.has(propName)) ||
+                (chainLevel === 2 && ignoreGrandchildrenOf.has(propName))
+              ) {
+                vueState.ignore = true
               }
             } else {
               // chaining has broken.
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 4cfe2099c..3292cd9de 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -74,11 +74,10 @@ module.exports = {
           (attr.key.name.name === 'slot-scope' ||
             attr.key.name.name === 'scope')
       )
-      const nameArgument = slotName
-        ? vBind
-          ? `:[${slotName}]`
-          : `:${slotName}`
-        : ''
+      let nameArgument = ''
+      if (slotName) {
+        nameArgument = vBind ? `:[${slotName}]` : `:${slotName}`
+      }
       const scopeValue =
         scopeAttr && scopeAttr.value
           ? `=${sourceCode.getText(scopeAttr.value)}`
diff --git a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
index 3bdb7e1bc..69c26cf43 100644
--- a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
+++ b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
@@ -80,7 +80,7 @@ function getSlotVForVariableIfUsingIterationVars(slot, vFor) {
     vFor && vFor.value && /** @type {VForExpression} */ (vFor.value.expression)
   const variables =
     expr && getUsingIterationVars(slot.value, slot.parent.parent)
-  return expr && variables && variables.length ? { expr, variables } : null
+  return expr && variables && variables.length > 0 ? { expr, variables } : null
 }
 
 /**
@@ -204,14 +204,11 @@ function equalSlotVForVariables(a, b, tokenStore) {
       return false
     }
   }
-  for (const v of a.variables) {
-    if (!checkedVarNames.has(v.id.name)) {
-      if (b.variables.every((bv) => v.id.name !== bv.id.name)) {
-        return false
-      }
-    }
-  }
-  return true
+  return a.variables.every(
+    (v) =>
+      checkedVarNames.has(v.id.name) ||
+      b.variables.some((bv) => v.id.name === bv.id.name)
+  )
 
   /**
    * Determines whether the two given nodes are considered to be equal.
diff --git a/lib/rules/syntaxes/v-slot.js b/lib/rules/syntaxes/v-slot.js
index 9a9ba1fba..a6a4b4ebd 100644
--- a/lib/rules/syntaxes/v-slot.js
+++ b/lib/rules/syntaxes/v-slot.js
@@ -3,23 +3,22 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
+
+/**
+ * Checks whether the given node can convert to the `slot`.
+ * @param {VDirective} vSlotAttr node of `v-slot`
+ * @returns {boolean} `true` if the given node can convert to the `slot`
+ */
+function canConvertToSlot(vSlotAttr) {
+  return vSlotAttr.parent.parent.name === 'template'
+}
+
 module.exports = {
   supported: '>=2.6.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
     const sourceCode = context.getSourceCode()
 
-    /**
-     * Checks whether the given node can convert to the `slot`.
-     * @param {VDirective} vSlotAttr node of `v-slot`
-     * @returns {boolean} `true` if the given node can convert to the `slot`
-     */
-    function canConvertToSlot(vSlotAttr) {
-      if (vSlotAttr.parent.parent.name !== 'template') {
-        return false
-      }
-      return true
-    }
     /**
      * Convert to `slot` and `slot-scope`.
      * @param {RuleFixer} fixer fixer
@@ -28,7 +27,7 @@ module.exports = {
      */
     function fixVSlotToSlot(fixer, vSlotAttr) {
       const key = vSlotAttr.key
-      if (key.modifiers.length) {
+      if (key.modifiers.length > 0) {
         // unknown modifiers
         return null
       }
@@ -54,7 +53,7 @@ module.exports = {
       if (scopedValueNode) {
         attrs.push(`slot-scope=${sourceCode.getText(scopedValueNode)}`)
       }
-      if (!attrs.length) {
+      if (attrs.length === 0) {
         attrs.push('slot') // useless
       }
       return fixer.replaceText(vSlotAttr, attrs.join(' '))
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 671ac56a0..cd03c2106 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -54,7 +54,7 @@ module.exports = {
         scopeStack = {
           parent: scopeStack,
           nodes: scopeStack
-            ? scopeStack.nodes.slice() // make copy
+            ? [...scopeStack.nodes] // make copy
             : []
         }
         if (node.variables) {
@@ -83,7 +83,7 @@ module.exports = {
                 !propertyName ||
                 scopeStack.nodes.some((el) => el.name === propertyName) ||
                 RESERVED_NAMES.has(propertyName) || // this.class | this['class']
-                /^[0-9].*$|[^a-zA-Z0-9_$]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
+                /^\d.*$|[^\w$]/.test(propertyName) // this['0aaaa'] | this['foo-bar bas']
               ) {
                 return
               }
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index 0a1790658..75c72c12d 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -82,17 +82,18 @@ function hasSystemModifier(modifiers) {
  * with keys represinting each event name
  *
  * @param {EventDirective[]} events
- * @returns { { [key: string]: EventDirective[]  } } { click: [], keypress: [] }
+ * @returns { { [key: string]: EventDirective[] } } { click: [], keypress: [] }
  */
 function groupEvents(events) {
-  return events.reduce((acc, event) => {
-    if (acc[event.name]) {
-      acc[event.name].push(event)
-    } else {
-      acc[event.name] = [event]
+  /** @type { { [key: string]: EventDirective[] } } */
+  const grouped = {}
+  for (const event of events) {
+    if (!grouped[event.name]) {
+      grouped[event.name] = []
     }
-    return acc
-  }, /** @type { { [key: string]: EventDirective[] } }*/ ({}))
+    grouped[event.name].push(event)
+  }
+  return grouped
 }
 
 /**
@@ -141,9 +142,9 @@ function hasConflictedModifiers(baseEvent, event) {
   const baseEventSystemModifiers = getSystemModifiersString(baseEvent.modifiers)
 
   return (
-    baseEvent.modifiers.length >= 1 &&
+    baseEvent.modifiers.length > 0 &&
     baseEventSystemModifiers !== eventSystemModifiers &&
-    baseEventSystemModifiers.indexOf(eventSystemModifiers) > -1
+    baseEventSystemModifiers.includes(eventSystemModifiers)
   )
 }
 
@@ -154,14 +155,16 @@ function hasConflictedModifiers(baseEvent, event) {
  * @returns {EventDirective[]} conflicted events, without duplicates
  */
 function findConflictedEvents(events) {
-  return events.reduce((acc, event) => {
-    return [
-      ...acc,
+  /** @type {EventDirective[]} */
+  const conflictedEvents = []
+  for (const event of events) {
+    conflictedEvents.push(
       ...events
-        .filter((evt) => !acc.find((e) => evt === e)) // No duplicates
+        .filter((evt) => !conflictedEvents.includes(evt)) // No duplicates
         .filter(hasConflictedModifiers.bind(null, event))
-    ]
-  }, /** @type {EventDirective[]} */ ([]))
+    )
+  }
+  return conflictedEvents
 }
 
 // ------------------------------------------------------------------------------
@@ -204,24 +207,24 @@ module.exports = {
 
         const grouppedEvents = groupEvents(events)
 
-        Object.keys(grouppedEvents).forEach((eventName) => {
+        for (const eventName of Object.keys(grouppedEvents)) {
           const eventsInGroup = grouppedEvents[eventName]
           const hasEventWithKeyModifier = eventsInGroup.some((event) =>
             hasSystemModifier(event.modifiers)
           )
 
-          if (!hasEventWithKeyModifier) return
+          if (!hasEventWithKeyModifier) continue
 
           const conflictedEvents = findConflictedEvents(eventsInGroup)
 
-          conflictedEvents.forEach((e) => {
+          for (const e of conflictedEvents) {
             context.report({
               node: e.node,
               loc: e.node.loc,
               message: "Consider to use '.exact' modifier."
             })
-          })
-        })
+          }
+        }
       }
     })
   }
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index e6878a349..4e3c638be 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -41,14 +41,17 @@ module.exports = {
           return
         }
 
+        let message = "Expected 'v-bind' before ':'."
+        if (preferShorthand) {
+          message = "Unexpected 'v-bind' before ':'."
+        } else if (shorthandProp) {
+          message = "Expected 'v-bind:' instead of '.'."
+        }
+
         context.report({
           node,
           loc: node.loc,
-          message: preferShorthand
-            ? "Unexpected 'v-bind' before ':'."
-            : shorthandProp
-            ? "Expected 'v-bind:' instead of '.'."
-            : /* otherwise */ "Expected 'v-bind' before ':'.",
+          message,
           *fix(fixer) {
             if (preferShorthand) {
               yield fixer.remove(node.key.name)
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index a50b6a592..2dca5eecd 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -42,7 +42,7 @@ module.exports = {
 
         const delimiterToken = /** @type {Token} */ (
           tokenStore.getTokenAfter(
-            node.left.length
+            node.left.length > 0
               ? node.left[node.left.length - 1]
               : tokenStore.getFirstToken(node),
             (token) => token.type !== 'Punctuator' || token.value !== ')'
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index 90da5ed43..b72548daa 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -30,6 +30,45 @@ function isQuote(token) {
   )
 }
 
+/**
+ * @param {VOnExpression} node
+ * @returns {CallExpression | null}
+ */
+function getInvalidNeverCallExpression(node) {
+  /** @type {ExpressionStatement} */
+  let exprStatement
+  let body = node.body
+  while (true) {
+    const statements = body.filter((st) => st.type !== 'EmptyStatement')
+    if (statements.length !== 1) {
+      return null
+    }
+    const statement = statements[0]
+    if (statement.type === 'ExpressionStatement') {
+      exprStatement = statement
+      break
+    }
+    if (statement.type === 'BlockStatement') {
+      body = statement.body
+      continue
+    }
+    return null
+  }
+  const expression = exprStatement.expression
+  if (expression.type !== 'CallExpression' || expression.arguments.length > 0) {
+    return null
+  }
+  if (expression.optional) {
+    // Allow optional chaining
+    return null
+  }
+  const callee = expression.callee
+  if (callee.type !== 'Identifier') {
+    return null
+  }
+  return expression
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -61,45 +100,6 @@ module.exports = {
   create(context) {
     const always = context.options[0] === 'always'
 
-    /**
-     * @param {VOnExpression} node
-     * @returns {CallExpression | null}
-     */
-    function getInvalidNeverCallExpression(node) {
-      /** @type {ExpressionStatement} */
-      let exprStatement
-      let body = node.body
-      while (true) {
-        const statements = body.filter((st) => st.type !== 'EmptyStatement')
-        if (statements.length !== 1) {
-          return null
-        }
-        const statement = statements[0]
-        if (statement.type === 'ExpressionStatement') {
-          exprStatement = statement
-          break
-        }
-        if (statement.type === 'BlockStatement') {
-          body = statement.body
-          continue
-        }
-        return null
-      }
-      const expression = exprStatement.expression
-      if (expression.type !== 'CallExpression' || expression.arguments.length) {
-        return null
-      }
-      if (expression.optional) {
-        // Allow optional chaining
-        return null
-      }
-      const callee = expression.callee
-      if (callee.type !== 'Identifier') {
-        return null
-      }
-      return expression
-    }
-
     if (always) {
       return utils.defineTemplateBodyVisitor(context, {
         /** @param {Identifier} node */
@@ -153,11 +153,12 @@ module.exports = {
             return
           }
 
-          if (expression.callee.type === 'Identifier') {
-            if (useArgsMethods.has(expression.callee.name)) {
-              // The behavior of target method can change given the arguments.
-              return
-            }
+          if (
+            expression.callee.type === 'Identifier' &&
+            useArgsMethods.has(expression.callee.name)
+          ) {
+            // The behavior of target method can change given the arguments.
+            return
           }
 
           context.report({
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index d7480d538..dc23ac3d4 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -47,8 +47,8 @@ module.exports = {
         onDefineEmitsEnter(node) {
           defineEmitsNodes.push(node)
 
-          if (node.arguments.length >= 1) {
-            if (node.typeParameters && node.typeParameters.params.length >= 1) {
+          if (node.arguments.length > 0) {
+            if (node.typeParameters && node.typeParameters.params.length > 0) {
               // `defineEmits` has both a literal type and an argument.
               context.report({
                 node,
@@ -73,26 +73,23 @@ module.exports = {
               const variable = findVariable(context.getScope(), node)
               if (
                 variable &&
-                variable.references.some((ref) => ref.identifier === node)
+                variable.references.some((ref) => ref.identifier === node) &&
+                variable.defs.length > 0 &&
+                variable.defs.every(
+                  (def) =>
+                    def.type !== 'ImportBinding' &&
+                    utils.inRange(scriptSetup.range, def.name) &&
+                    !utils.inRange(defineEmits.range, def.name)
+                )
               ) {
-                if (
-                  variable.defs.length &&
-                  variable.defs.every(
-                    (def) =>
-                      def.type !== 'ImportBinding' &&
-                      utils.inRange(scriptSetup.range, def.name) &&
-                      !utils.inRange(defineEmits.range, def.name)
-                  )
-                ) {
-                  if (utils.withinTypeNode(node)) {
-                    continue
-                  }
-                  //`defineEmits` are referencing locally declared variables.
-                  context.report({
-                    node,
-                    messageId: 'referencingLocally'
-                  })
+                if (utils.withinTypeNode(node)) {
+                  continue
                 }
+                //`defineEmits` are referencing locally declared variables.
+                context.report({
+                  node,
+                  messageId: 'referencingLocally'
+                })
               }
             }
           }
@@ -109,7 +106,7 @@ module.exports = {
       }),
       {
         'Program:exit'() {
-          if (!defineEmitsNodes.length) {
+          if (defineEmitsNodes.length === 0) {
             return
           }
           if (defineEmitsNodes.length > 1) {
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 849437b1e..8521bd511 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -48,8 +48,8 @@ module.exports = {
         onDefinePropsEnter(node) {
           definePropsNodes.push(node)
 
-          if (node.arguments.length >= 1) {
-            if (node.typeParameters && node.typeParameters.params.length >= 1) {
+          if (node.arguments.length > 0) {
+            if (node.typeParameters && node.typeParameters.params.length > 0) {
               // `defineProps` has both a literal type and an argument.
               context.report({
                 node,
@@ -74,26 +74,23 @@ module.exports = {
               const variable = findVariable(context.getScope(), node)
               if (
                 variable &&
-                variable.references.some((ref) => ref.identifier === node)
+                variable.references.some((ref) => ref.identifier === node) &&
+                variable.defs.length > 0 &&
+                variable.defs.every(
+                  (def) =>
+                    def.type !== 'ImportBinding' &&
+                    utils.inRange(scriptSetup.range, def.name) &&
+                    !utils.inRange(defineProps.range, def.name)
+                )
               ) {
-                if (
-                  variable.defs.length &&
-                  variable.defs.every(
-                    (def) =>
-                      def.type !== 'ImportBinding' &&
-                      utils.inRange(scriptSetup.range, def.name) &&
-                      !utils.inRange(defineProps.range, def.name)
-                  )
-                ) {
-                  if (utils.withinTypeNode(node)) {
-                    continue
-                  }
-                  //`defineProps` are referencing locally declared variables.
-                  context.report({
-                    node,
-                    messageId: 'referencingLocally'
-                  })
+                if (utils.withinTypeNode(node)) {
+                  continue
                 }
+                //`defineProps` are referencing locally declared variables.
+                context.report({
+                  node,
+                  messageId: 'referencingLocally'
+                })
               }
             }
           }
@@ -110,7 +107,7 @@ module.exports = {
       }),
       {
         'Program:exit'() {
-          if (!definePropsNodes.length) {
+          if (definePropsNodes.length === 0) {
             return
           }
           if (definePropsNodes.length > 1) {
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index 703ab8b8e..7612ae85f 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -47,7 +47,7 @@ module.exports = {
           }
         }
 
-        if (hasSrc && rootElements.length) {
+        if (hasSrc && rootElements.length > 0) {
           for (const element of rootElements) {
             context.report({
               node: element,
diff --git a/lib/rules/valid-v-memo.js b/lib/rules/valid-v-memo.js
index e3c85fcf4..a5f548ae5 100644
--- a/lib/rules/valid-v-memo.js
+++ b/lib/rules/valid-v-memo.js
@@ -85,31 +85,40 @@ module.exports = {
         const expressions = [node.value.expression]
         let expression
         while ((expression = expressions.pop())) {
-          if (
-            expression.type === 'ObjectExpression' ||
-            expression.type === 'ClassExpression' ||
-            expression.type === 'ArrowFunctionExpression' ||
-            expression.type === 'FunctionExpression' ||
-            expression.type === 'Literal' ||
-            expression.type === 'TemplateLiteral' ||
-            expression.type === 'UnaryExpression' ||
-            expression.type === 'BinaryExpression' ||
-            expression.type === 'UpdateExpression'
-          ) {
-            context.report({
-              node: expression,
-              messageId: 'expectedArray'
-            })
-          } else if (expression.type === 'AssignmentExpression') {
-            expressions.push(expression.right)
-          } else if (expression.type === 'TSAsExpression') {
-            expressions.push(expression.expression)
-          } else if (expression.type === 'SequenceExpression') {
-            expressions.push(
-              expression.expressions[expression.expressions.length - 1]
-            )
-          } else if (expression.type === 'ConditionalExpression') {
-            expressions.push(expression.consequent, expression.alternate)
+          switch (expression.type) {
+            case 'ObjectExpression':
+            case 'ClassExpression':
+            case 'ArrowFunctionExpression':
+            case 'FunctionExpression':
+            case 'Literal':
+            case 'TemplateLiteral':
+            case 'UnaryExpression':
+            case 'BinaryExpression':
+            case 'UpdateExpression': {
+              context.report({
+                node: expression,
+                messageId: 'expectedArray'
+              })
+              break
+            }
+            case 'AssignmentExpression': {
+              expressions.push(expression.right)
+              break
+            }
+            case 'TSAsExpression': {
+              expressions.push(expression.expression)
+              break
+            }
+            case 'SequenceExpression': {
+              expressions.push(
+                expression.expressions[expression.expressions.length - 1]
+              )
+              break
+            }
+            case 'ConditionalExpression': {
+              expressions.push(expression.consequent, expression.alternate)
+              break
+            }
           }
         }
       }
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index 864a5ccf3..62deb4e47 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -56,9 +56,9 @@ function isValidModifier(modifierNode, customModifiers) {
     // built-in aliases
     VALID_MODIFIERS.has(modifier) ||
     // keyCode
-    Number.isInteger(parseInt(modifier, 10)) ||
+    Number.isInteger(Number.parseInt(modifier, 10)) ||
     // keyAlias (an Unicode character)
-    Array.from(modifier).length === 1 ||
+    [...modifier].length === 1 ||
     // keyAlias (special keys)
     KEY_ALIASES.has(modifier) ||
     // custom modifiers
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index df0fa7c65..c33107966 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -100,7 +100,7 @@ function filterSameSlot(
         return true
       })
     )
-    .filter((slots) => slots.length >= 1)
+    .filter((slots) => slots.length > 0)
 }
 
 /**
@@ -142,14 +142,11 @@ function equalVSlotVForVariables(a, b, tokenStore) {
       return false
     }
   }
-  for (const v of a.variables) {
-    if (!checkedVarNames.has(v.id.name)) {
-      if (b.variables.every((bv) => v.id.name !== bv.id.name)) {
-        return false
-      }
-    }
-  }
-  return true
+  return a.variables.every(
+    (v) =>
+      checkedVarNames.has(v.id.name) ||
+      b.variables.some((bv) => v.id.name === bv.id.name)
+  )
 
   /**
    * Determines whether the two given nodes are considered to be equal.
@@ -176,7 +173,7 @@ function getVSlotVForVariableIfUsingIterationVars(vSlot, vFor) {
     vFor && vFor.value && /** @type {VForExpression} */ (vFor.value.expression)
   const variables =
     expr && getUsingIterationVars(vSlot.key.argument, vSlot.parent.parent)
-  return expr && variables && variables.length ? { expr, variables } : null
+  return expr && variables && variables.length > 0 ? { expr, variables } : null
 }
 
 /**
@@ -235,8 +232,8 @@ function isUsingScopeVar(vSlot) {
  */
 function hasInvalidModifiers(vSlot, allowModifiers) {
   return allowModifiers
-    ? vSlot.key.argument == null && vSlot.key.modifiers.length >= 1
-    : vSlot.key.modifiers.length >= 1
+    ? vSlot.key.argument == null && vSlot.key.modifiers.length > 0
+    : vSlot.key.modifiers.length > 0
 }
 
 module.exports = {
@@ -317,7 +314,7 @@ module.exports = {
             messageId: 'namedSlotMustBeOnTemplate'
           })
         }
-        if (ownerElement === element && vSlotGroupsOnChildren.length >= 1) {
+        if (ownerElement === element && vSlotGroupsOnChildren.length > 0) {
           context.report({
             node,
             messageId: 'defaultSlotMustBeOnTemplate'
diff --git a/lib/utils/casing.js b/lib/utils/casing.js
index b2f2e89b5..9f911951d 100644
--- a/lib/utils/casing.js
+++ b/lib/utils/casing.js
@@ -41,15 +41,12 @@ function kebabCase(str) {
  * @param {string} str
  */
 function isKebabCase(str) {
-  if (
-    hasUpper(str) ||
-    hasSymbols(str) ||
-    /^-/u.exec(str) || // starts with hyphen is not kebab-case
-    /_|--|\s/u.exec(str)
-  ) {
-    return false
-  }
-  return true
+  return (
+    !hasUpper(str) &&
+    !hasSymbols(str) &&
+    !str.startsWith('-') && // starts with hyphen is not kebab-case
+    !/_|--|\s/u.test(str)
+  )
 }
 
 /**
@@ -69,10 +66,7 @@ function snakeCase(str) {
  * @param {string} str
  */
 function isSnakeCase(str) {
-  if (hasUpper(str) || hasSymbols(str) || /-|__|\s/u.exec(str)) {
-    return false
-  }
-  return true
+  return !hasUpper(str) && !hasSymbols(str) && !/-|__|\s/u.test(str)
 }
 
 /**
@@ -92,14 +86,7 @@ function camelCase(str) {
  * @param {string} str
  */
 function isCamelCase(str) {
-  if (
-    hasSymbols(str) ||
-    /^[A-Z]/u.exec(str) ||
-    /-|_|\s/u.exec(str) // kebab or snake or space
-  ) {
-    return false
-  }
-  return true
+  return !hasSymbols(str) && !/^[A-Z]/u.test(str) && !/-|_|\s/u.test(str)
 }
 
 /**
@@ -116,14 +103,7 @@ function pascalCase(str) {
  * @param {string} str
  */
 function isPascalCase(str) {
-  if (
-    hasSymbols(str) ||
-    /^[a-z]/u.exec(str) ||
-    /-|_|\s/u.exec(str) // kebab or snake or space
-  ) {
-    return false
-  }
-  return true
+  return !hasSymbols(str) && !/^[a-z]/u.test(str) && !/-|_|\s/u.test(str)
 }
 
 const convertersMap = {
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
index ec957af71..5e2d3f1f4 100644
--- a/lib/utils/html-comments.js
+++ b/lib/utils/html-comments.js
@@ -22,7 +22,7 @@ const utils = require('./')
 
 const COMMENT_DIRECTIVE = /^\s*eslint-(?:en|dis)able/
 const IE_CONDITIONAL_IF = /^\[if\s+/
-const IE_CONDITIONAL_ENDIF = /\[endif\]$/
+const IE_CONDITIONAL_ENDIF = /\[endif]$/
 
 /** @type { 'HTMLCommentOpen' } */
 const TYPE_HTML_COMMENT_OPEN = 'HTMLCommentOpen'
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 020b6373b..efcde09df 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -42,14 +42,14 @@ const { defineVisitor: tsDefineVisitor } = require('./indent-ts')
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
-const LT_CHAR = /[\r\n\u2028\u2029]/
-const LINES = /[^\r\n\u2028\u2029]+(?:$|\r\n|[\r\n\u2028\u2029])/g
+const LT_CHAR = /[\n\r\u2028\u2029]/
+const LINES = /[^\n\r\u2028\u2029]+(?:$|\r\n|[\n\r\u2028\u2029])/g
 const BLOCK_COMMENT_PREFIX = /^\s*\*/
 const ITERATION_OPTS = Object.freeze({
   includeComments: true,
   filter: isNotWhitespace
 })
-const PREFORMATTED_ELEMENT_NAMES = ['pre', 'textarea']
+const PREFORMATTED_ELEMENT_NAMES = new Set(['pre', 'textarea'])
 
 /**
  * @typedef {object} IndentOptions
@@ -329,7 +329,7 @@ module.exports.defineVisitor = function create(
    * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
    */
   function getFirstAndLastTokens(node, borderOffset = 0) {
-    borderOffset |= 0
+    borderOffset = Math.trunc(borderOffset)
 
     let firstToken = tokenStore.getFirstToken(node)
     let lastToken = tokenStore.getLastToken(node)
@@ -366,14 +366,13 @@ module.exports.defineVisitor = function create(
     const leftToken = left && tokenStore.getFirstToken(left)
     const rightToken = right && tokenStore.getFirstToken(right)
 
-    if (nodeList.length >= 1) {
+    if (nodeList.length > 0) {
       let baseToken = null
       let lastToken = left
       const alignTokensBeforeBaseToken = []
       const alignTokens = []
 
-      for (let i = 0; i < nodeList.length; ++i) {
-        const node = nodeList[i]
+      for (const node of nodeList) {
         if (node == null) {
           // Holes of an array.
           continue
@@ -643,8 +642,7 @@ module.exports.defineVisitor = function create(
   function getExpectedIndents(tokens) {
     const expectedIndents = []
 
-    for (let i = 0; i < tokens.length; ++i) {
-      const token = tokens[i]
+    for (const [i, token] of tokens.entries()) {
       const offsetInfo = offsets.get(token)
 
       if (offsetInfo != null) {
@@ -668,13 +666,13 @@ module.exports.defineVisitor = function create(
         }
       }
     }
-    if (!expectedIndents.length) {
+    if (expectedIndents.length === 0) {
       return null
     }
 
     return {
       expectedIndent: expectedIndents[0],
-      expectedBaseIndent: expectedIndents.reduce((a, b) => Math.min(a, b))
+      expectedBaseIndent: Math.min(...expectedIndents)
     }
   }
 
@@ -751,8 +749,8 @@ module.exports.defineVisitor = function create(
     const actualIndent = token.loc.start.column
     const unit = options.indentChar === '\t' ? 'tab' : 'space'
 
-    for (let i = 0; i < indentText.length; ++i) {
-      if (indentText[i] !== options.indentChar) {
+    for (const [i, char] of [...indentText].entries()) {
+      if (char !== options.indentChar) {
         context.report({
           loc: {
             start: { line, column: i },
@@ -762,7 +760,7 @@ module.exports.defineVisitor = function create(
             'Expected {{expected}} character, but found {{actual}} character.',
           data: {
             expected: JSON.stringify(options.indentChar),
-            actual: JSON.stringify(indentText[i])
+            actual: JSON.stringify(char)
           },
           fix: defineFix(token, actualIndent, expectedIndent)
         })
@@ -871,17 +869,15 @@ module.exports.defineVisitor = function create(
       if (offsetInfo != null) {
         if (offsetInfo.baseline) {
           // This is a baseline token, so the expected indent is the column of this token.
-          if (options.indentChar === ' ') {
-            offsetInfo.expectedIndent = Math.max(
-              0,
-              token.loc.start.column + expectedBaseIndent - actualIndent
-            )
-          } else {
-            // In hard-tabs mode, it cannot align tokens strictly, so use one additional offset.
-            // But the additional offset isn't needed if it's at the beginning of the line.
-            offsetInfo.expectedIndent =
-              expectedBaseIndent + (token === tokens[0] ? 0 : 1)
-          }
+          offsetInfo.expectedIndent =
+            options.indentChar === ' '
+              ? Math.max(
+                  0,
+                  token.loc.start.column + expectedBaseIndent - actualIndent
+                )
+              : // In hard-tabs mode, it cannot align tokens strictly, so use one additional offset.
+                // But the additional offset isn't needed if it's at the beginning of the line.
+                expectedBaseIndent + (token === tokens[0] ? 0 : 1)
           baseline.add(token)
         } else if (baseline.has(offsetInfo.baseToken)) {
           // The base token is a baseline token on this line, so inherit it.
@@ -954,7 +950,7 @@ module.exports.defineVisitor = function create(
     },
     /** @param {VElement} node */
     VElement(node) {
-      if (!PREFORMATTED_ELEMENT_NAMES.includes(node.name)) {
+      if (!PREFORMATTED_ELEMENT_NAMES.has(node.name)) {
         const isTopLevel = node.parent.type !== 'VElement'
         const offset = isTopLevel ? options.baseIndent : 1
         processNodeList(
@@ -1317,7 +1313,7 @@ module.exports.defineVisitor = function create(
         node.source,
         lastToken
       )
-      if (assertionTokens.length) {
+      if (assertionTokens.length > 0) {
         const assertToken = /** @type {Token} */ (assertionTokens.shift())
         setOffset(assertToken, 0, exportToken)
         const assertionOpen = assertionTokens.shift()
@@ -1382,7 +1378,7 @@ module.exports.defineVisitor = function create(
               node.source,
               lastToken
             )
-            if (assertionTokens.length) {
+            if (assertionTokens.length > 0) {
               const assertToken = /** @type {Token} */ (assertionTokens.shift())
               setOffset(assertToken, 0, exportToken)
               const assertionOpen = assertionTokens.shift()
@@ -1564,7 +1560,7 @@ module.exports.defineVisitor = function create(
           }
         }
       }
-      if (namedSpecifiers.length) {
+      if (namedSpecifiers.length > 0) {
         const leftBrace = tokenStore.getTokenBefore(namedSpecifiers[0])
         const rightBrace = /** @type {Token} */ (
           tokenStore.getTokenAfter(
@@ -1606,7 +1602,7 @@ module.exports.defineVisitor = function create(
         node.source,
         lastToken
       )
-      if (assertionTokens.length) {
+      if (assertionTokens.length > 0) {
         const assertToken = /** @type {Token} */ (assertionTokens.shift())
         setOffset(assertToken, 0, importToken)
         const assertionOpen = assertionTokens.shift()
@@ -1751,7 +1747,7 @@ module.exports.defineVisitor = function create(
         node.consequent[0].type === 'BlockStatement'
       ) {
         setOffset(tokenStore.getFirstToken(node.consequent[0]), 0, caseToken)
-      } else if (node.consequent.length >= 1) {
+      } else if (node.consequent.length > 0) {
         setOffset(tokenStore.getFirstToken(node.consequent[0]), 1, caseToken)
         processNodeList(node.consequent, null, null, 0)
       }
@@ -1993,7 +1989,7 @@ module.exports.defineVisitor = function create(
           comments = []
         }
       }
-      if (tokensOnSameLine.length >= 1 && tokensOnSameLine.some(isNotComment)) {
+      if (tokensOnSameLine.some(isNotComment)) {
         validate(tokensOnSameLine, comments, lastValidatedToken)
       }
     }
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 496e892cd..f2f5b69cf 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -191,7 +191,7 @@ function defineVisitor({
           tokenStore.getFirstToken(node.superClass)
         )
       }
-      if (node.implements != null && node.implements.length) {
+      if (node.implements != null && node.implements.length > 0) {
         const classToken = tokenStore.getFirstToken(node)
         const implementsToken = tokenStore.getTokenBefore(node.implements[0])
         setOffset(implementsToken, 1, classToken)
@@ -723,7 +723,7 @@ function defineVisitor({
           tokenStore.getFirstToken(node.id)
         )
       }
-      if (node.extends != null && node.extends.length) {
+      if (node.extends != null && node.extends.length > 0) {
         const extendsToken = tokenStore.getTokenBefore(node.extends[0])
         setOffset(extendsToken, 1, interfaceToken)
         processNodeList(node.extends, extendsToken, null, 1)
@@ -1277,12 +1277,12 @@ function defineVisitor({
       })
       setOffset(secondToken, 0, atToken)
       const parent = /** @type {any} */ (node.parent)
-      const { decorators } = parent
+      const { decorators, range } = parent
       if (!decorators || decorators.length === 0) {
         return
       }
       if (decorators[0] === node) {
-        if (parent.range[0] === node.range[0]) {
+        if (range[0] === node.range[0]) {
           const startParentToken = tokenStore.getTokenAfter(
             decorators[decorators.length - 1]
           )
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 69cd84a31..fba712a18 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -54,7 +54,7 @@ const VUE3_BUILTIN_COMPONENT_NAMES = new Set(
 )
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
-const { traverseNodes, getFallbackKeys } = vueEslintParser.AST
+const { traverseNodes, getFallbackKeys, NS } = vueEslintParser.AST
 const { findVariable } = require('eslint-utils')
 const {
   getComponentPropsFromTypeDefine,
@@ -234,9 +234,9 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
       })
       containerScopes.set(exprContainer, scope)
       return scope
-    } catch (e) {
+    } catch (error) {
       // ignore
-      // console.log(e)
+      // console.log(error)
     }
 
     return null
@@ -269,7 +269,6 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
   }
   /** @type {Range[]} */
   const directiveKeyRanges = []
-  const traverseNodes = vueEslintParser.AST.traverseNodes
   traverseNodes(templateBody, {
     enterNode(node, parent) {
       if (
@@ -744,7 +743,7 @@ module.exports = {
         if (connected) {
           elementChain.push(childNode)
         } else {
-          if (elementChain.length) {
+          if (elementChain.length > 0) {
             yield elementChain
           }
           elementChain = [childNode]
@@ -753,7 +752,7 @@ module.exports = {
         vIf = false
       }
     }
-    if (elementChain.length) {
+    if (elementChain.length > 0) {
       yield elementChain
     }
   },
@@ -792,7 +791,7 @@ module.exports = {
    * @returns {boolean} `true` if the node is a HTML element.
    */
   isHtmlElementNode(node) {
-    return node.namespace === vueEslintParser.AST.NS.HTML
+    return node.namespace === NS.HTML
   },
 
   /**
@@ -801,7 +800,7 @@ module.exports = {
    * @returns {boolean} `true` if the name is a SVG element.
    */
   isSvgElementNode(node) {
-    return node.namespace === vueEslintParser.AST.NS.SVG
+    return node.namespace === NS.SVG
   },
 
   /**
@@ -810,7 +809,7 @@ module.exports = {
    * @returns {boolean} `true` if the node is a MathML element.
    */
   isMathMLElementNode(node) {
-    return node.namespace === vueEslintParser.AST.NS.MathML
+    return node.namespace === NS.MathML
   },
 
   /**
@@ -1180,11 +1179,9 @@ module.exports = {
      * @param {any[]} args
      */
     function callVisitor(key, node, ...args) {
-      if (visitor[key]) {
-        if (inScriptSetup(node)) {
-          // @ts-expect-error
-          visitor[key](node, ...args)
-        }
+      if (visitor[key] && inScriptSetup(node)) {
+        // @ts-expect-error
+        visitor[key](node, ...args)
       }
     }
 
@@ -1379,7 +1376,7 @@ module.exports = {
             calleeObject.type === 'Identifier' &&
             // calleeObject.name === 'Vue' && // Any names can be used in Vue.js 3.x. e.g. app.component()
             callee.property === node &&
-            callExpr.arguments.length >= 1
+            callExpr.arguments.length > 0
           ) {
             cb(callExpr)
           }
@@ -1402,14 +1399,23 @@ module.exports = {
       const name = /** @type {GroupName | null} */ (getStaticPropertyName(item))
       if (!name || !groups.has(name)) continue
 
-      if (item.value.type === 'ArrayExpression') {
-        yield* this.iterateArrayExpression(item.value, name)
-      } else if (item.value.type === 'ObjectExpression') {
-        yield* this.iterateObjectExpression(item.value, name)
-      } else if (item.value.type === 'FunctionExpression') {
-        yield* this.iterateFunctionExpression(item.value, name)
-      } else if (item.value.type === 'ArrowFunctionExpression') {
-        yield* this.iterateArrowFunctionExpression(item.value, name)
+      switch (item.value.type) {
+        case 'ArrayExpression': {
+          yield* this.iterateArrayExpression(item.value, name)
+          break
+        }
+        case 'ObjectExpression': {
+          yield* this.iterateObjectExpression(item.value, name)
+          break
+        }
+        case 'FunctionExpression': {
+          yield* this.iterateFunctionExpression(item.value, name)
+          break
+        }
+        case 'ArrowFunctionExpression': {
+          yield* this.iterateArrowFunctionExpression(item.value, name)
+          break
+        }
       }
     }
   },
@@ -1453,29 +1459,28 @@ module.exports = {
         ) {
           const name = getStaticPropertyName(item)
           if (name) {
-            if (item.kind === 'set') {
-              // find getter pair
-              if (
-                node.properties.some((item2) => {
-                  if (item2.type === 'Property' && item2.kind === 'get') {
-                    if (!usedGetter) {
-                      usedGetter = new Set()
-                    }
-                    if (usedGetter.has(item2)) {
-                      return false
-                    }
-                    const getterName = getStaticPropertyName(item2)
-                    if (getterName === name) {
-                      usedGetter.add(item2)
-                      return true
-                    }
+            // find getter pair
+            if (
+              item.kind === 'set' &&
+              node.properties.some((item2) => {
+                if (item2.type === 'Property' && item2.kind === 'get') {
+                  if (!usedGetter) {
+                    usedGetter = new Set()
                   }
-                  return false
-                })
-              ) {
-                // has getter pair
-                continue
-              }
+                  if (usedGetter.has(item2)) {
+                    return false
+                  }
+                  const getterName = getStaticPropertyName(item2)
+                  if (getterName === name) {
+                    usedGetter.add(item2)
+                    return true
+                  }
+                }
+                return false
+              })
+            ) {
+              // has getter pair
+              continue
             }
             yield {
               type: 'object',
@@ -1552,18 +1557,13 @@ module.exports = {
     /** @type {FuncInfo | null} */
     let funcInfo = null
 
-    /** @param {CodePathSegment} segment */
-    function isReachable(segment) {
-      return segment.reachable
-    }
-
     function isValidReturn() {
       if (!funcInfo) {
         return true
       }
       if (
         funcInfo.codePath &&
-        funcInfo.codePath.currentSegments.some(isReachable)
+        funcInfo.codePath.currentSegments.some((segment) => segment.reachable)
       ) {
         return false
       }
@@ -1761,14 +1761,11 @@ module.exports = {
       return false
     }
     const parent = node.parent
-    if (parent.type === 'MemberExpression') {
-      if (parent.property === node) {
-        return false
-      }
-    } else if (parent.type === 'Property') {
-      if (parent.key === node && !parent.computed) {
-        return false
-      }
+    if (
+      (parent.type === 'MemberExpression' && parent.property === node) ||
+      (parent.type === 'Property' && parent.key === node && !parent.computed)
+    ) {
+      return false
     }
 
     const variable = findVariable(context.getScope(), node)
@@ -1799,52 +1796,61 @@ module.exports = {
     let node = props
     let target = node.parent
     while (true) {
-      if (target.type === 'AssignmentExpression') {
-        if (target.left === node) {
-          // this.xxx <=|+=|-=>
+      switch (target.type) {
+        case 'AssignmentExpression': {
+          if (target.left === node) {
+            // this.xxx <=|+=|-=>
+            return {
+              kind: 'assignment',
+              node: target,
+              pathNodes
+            }
+          }
+          break
+        }
+        case 'UpdateExpression': {
+          // this.xxx <++|-->
           return {
-            kind: 'assignment',
+            kind: 'update',
             node: target,
             pathNodes
           }
         }
-      } else if (target.type === 'UpdateExpression') {
-        // this.xxx <++|-->
-        return {
-          kind: 'update',
-          node: target,
-          pathNodes
-        }
-      } else if (target.type === 'CallExpression') {
-        if (pathNodes.length > 0 && target.callee === node) {
-          const mem = pathNodes[pathNodes.length - 1]
-          const callName = getStaticPropertyName(mem)
-          if (
-            callName &&
-            /^(?:push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)$/u.exec(
-              callName
-            )
-          ) {
-            // this.xxx.push()
-            pathNodes.pop()
-            return {
-              kind: 'call',
-              node: target,
-              pathNodes
+        case 'CallExpression': {
+          if (pathNodes.length > 0 && target.callee === node) {
+            const mem = pathNodes[pathNodes.length - 1]
+            const callName = getStaticPropertyName(mem)
+            if (
+              callName &&
+              /^(?:push|pop|shift|unshift|reverse|splice|sort|copyWithin|fill)$/u.test(
+                callName
+              )
+            ) {
+              // this.xxx.push()
+              pathNodes.pop()
+              return {
+                kind: 'call',
+                node: target,
+                pathNodes
+              }
             }
           }
+          break
         }
-      } else if (target.type === 'MemberExpression') {
-        if (target.object === node) {
-          pathNodes.push(target)
+        case 'MemberExpression': {
+          if (target.object === node) {
+            pathNodes.push(target)
+            node = target
+            target = target.parent
+            continue // loop
+          }
+          break
+        }
+        case 'ChainExpression': {
           node = target
           target = target.parent
           continue // loop
         }
-      } else if (target.type === 'ChainExpression') {
-        node = target
-        target = target.parent
-        continue // loop
       }
 
       return null
@@ -1881,16 +1887,11 @@ module.exports = {
     if (tokensL.length !== tokensR.length) {
       return false
     }
-    for (let i = 0; i < tokensL.length; ++i) {
-      if (
-        tokensL[i].type !== tokensR[i].type ||
-        tokensL[i].value !== tokensR[i].value
-      ) {
-        return false
-      }
-    }
 
-    return true
+    return tokensL.every(
+      (token, i) =>
+        token.type === tokensR[i].type && token.value === tokensR[i].value
+    )
   }
 }
 
@@ -2344,10 +2345,12 @@ function getStringLiteralValue(node, stringOnly) {
     }
     return null
   }
-  if (node.type === 'TemplateLiteral') {
-    if (node.expressions.length === 0 && node.quasis.length === 1) {
-      return node.quasis[0].value.cooked
-    }
+  if (
+    node.type === 'TemplateLiteral' &&
+    node.expressions.length === 0 &&
+    node.quasis.length === 1
+  ) {
+    return node.quasis[0].value.cooked
   }
   return null
 }
@@ -2489,15 +2492,14 @@ function getVueComponentDefinitionType(node) {
   }
 
   return null
+}
 
-  /** @param {CallExpression} node */
-  function isObjectArgument(node) {
-    return (
-      node.arguments.length > 0 &&
-      skipTSAsExpression(node.arguments.slice(-1)[0]).type ===
-        'ObjectExpression'
-    )
-  }
+/** @param {CallExpression} node */
+function isObjectArgument(node) {
+  return (
+    node.arguments.length > 0 &&
+    skipTSAsExpression(node.arguments.slice(-1)[0]).type === 'ObjectExpression'
+  )
 }
 
 /**
@@ -2512,7 +2514,7 @@ function isVueInstance(node) {
     node.type === 'NewExpression' &&
       callee.type === 'Identifier' &&
       callee.name === 'Vue' &&
-      node.arguments.length &&
+      node.arguments.length > 0 &&
       skipTSAsExpression(node.arguments[0]).type === 'ObjectExpression'
   )
 }
@@ -2528,40 +2530,51 @@ function getVueObjectType(context, node) {
     return null
   }
   const parent = getParent(node)
-  if (parent.type === 'ExportDefaultDeclaration') {
-    // export default {} in .vue || .jsx
-    const filePath = context.getFilename()
-    if (
-      isVueComponentFile(parent, filePath) &&
-      skipTSAsExpression(parent.declaration) === node
-    ) {
-      const scriptSetup = getScriptSetupElement(context)
+  switch (parent.type) {
+    case 'ExportDefaultDeclaration': {
+      // export default {} in .vue || .jsx
+      const filePath = context.getFilename()
       if (
-        scriptSetup &&
-        scriptSetup.range[0] <= parent.range[0] &&
-        parent.range[1] <= scriptSetup.range[1]
+        isVueComponentFile(parent, filePath) &&
+        skipTSAsExpression(parent.declaration) === node
       ) {
-        // `export default` in `<script setup>`
-        return null
+        const scriptSetup = getScriptSetupElement(context)
+        if (
+          scriptSetup &&
+          scriptSetup.range[0] <= parent.range[0] &&
+          parent.range[1] <= scriptSetup.range[1]
+        ) {
+          // `export default` in `<script setup>`
+          return null
+        }
+        return 'export'
       }
-      return 'export'
+
+      break
     }
-  } else if (parent.type === 'CallExpression') {
-    // Vue.component('xxx', {}) || component('xxx', {})
-    if (
-      getVueComponentDefinitionType(node) != null &&
-      skipTSAsExpression(parent.arguments.slice(-1)[0]) === node
-    ) {
-      return 'definition'
+    case 'CallExpression': {
+      // Vue.component('xxx', {}) || component('xxx', {})
+      if (
+        getVueComponentDefinitionType(node) != null &&
+        skipTSAsExpression(parent.arguments.slice(-1)[0]) === node
+      ) {
+        return 'definition'
+      }
+
+      break
     }
-  } else if (parent.type === 'NewExpression') {
-    // new Vue({})
-    if (
-      isVueInstance(parent) &&
-      skipTSAsExpression(parent.arguments[0]) === node
-    ) {
-      return 'instance'
+    case 'NewExpression': {
+      // new Vue({})
+      if (
+        isVueInstance(parent) &&
+        skipTSAsExpression(parent.arguments[0]) === node
+      ) {
+        return 'instance'
+      }
+
+      break
     }
+    // No default
   }
   if (
     getComponentComments(context).some(
@@ -2596,49 +2609,54 @@ function isSFCObject(context, node) {
    */
   function isSFC(node) {
     const parent = getParent(node)
-    if (parent.type === 'ExportDefaultDeclaration') {
-      // export default {}
-      if (skipTSAsExpression(parent.declaration) !== node) {
-        return false
-      }
-      const scriptSetup = getScriptSetupElement(context)
-      if (
-        scriptSetup &&
-        scriptSetup.range[0] <= parent.range[0] &&
-        parent.range[1] <= scriptSetup.range[1]
-      ) {
-        // `export default` in `<script setup>`
-        return false
-      }
-      return true
-    } else if (parent.type === 'CallExpression') {
-      if (parent.arguments.every((arg) => skipTSAsExpression(arg) !== node)) {
-        return false
-      }
-      const { callee } = parent
-      if (
-        (callee.type === 'Identifier' && callee.name === 'defineComponent') ||
-        (callee.type === 'MemberExpression' &&
-          callee.object.type === 'Identifier' &&
-          callee.object.name === 'Vue' &&
-          callee.property.type === 'Identifier' &&
-          callee.property.name === 'extend')
-      ) {
-        return isSFC(parent)
+    switch (parent.type) {
+      case 'ExportDefaultDeclaration': {
+        // export default {}
+        if (skipTSAsExpression(parent.declaration) !== node) {
+          return false
+        }
+        const scriptSetup = getScriptSetupElement(context)
+        if (
+          scriptSetup &&
+          scriptSetup.range[0] <= parent.range[0] &&
+          parent.range[1] <= scriptSetup.range[1]
+        ) {
+          // `export default` in `<script setup>`
+          return false
+        }
+        return true
       }
-      return false
-    } else if (parent.type === 'VariableDeclarator') {
-      if (
-        skipTSAsExpression(parent.init) !== node ||
-        parent.id.type !== 'Identifier'
-      ) {
+      case 'CallExpression': {
+        if (parent.arguments.every((arg) => skipTSAsExpression(arg) !== node)) {
+          return false
+        }
+        const { callee } = parent
+        if (
+          (callee.type === 'Identifier' && callee.name === 'defineComponent') ||
+          (callee.type === 'MemberExpression' &&
+            callee.object.type === 'Identifier' &&
+            callee.object.name === 'Vue' &&
+            callee.property.type === 'Identifier' &&
+            callee.property.name === 'extend')
+        ) {
+          return isSFC(parent)
+        }
         return false
       }
-      const variable = findVariable(context.getScope(), parent.id)
-      if (!variable) {
-        return false
+      case 'VariableDeclarator': {
+        if (
+          skipTSAsExpression(parent.init) !== node ||
+          parent.id.type !== 'Identifier'
+        ) {
+          return false
+        }
+        const variable = findVariable(context.getScope(), parent.id)
+        if (!variable) {
+          return false
+        }
+        return variable.references.some((ref) => isSFC(ref.identifier))
       }
-      return variable.references.some((ref) => isSFC(ref.identifier))
+      // No default
     }
     return false
   }
@@ -2915,7 +2933,7 @@ function getComponentEmitsFromOptions(componentObject) {
  * @return {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp | ComponentUnknownProp)[]} Array of component props
  */
 function getComponentPropsFromDefineProps(context, node) {
-  if (node.arguments.length >= 1) {
+  if (node.arguments.length > 0) {
     const defNode = getObjectOrArray(context, node.arguments[0])
     if (defNode) {
       return getComponentPropsFromDefine(defNode)
@@ -2930,7 +2948,7 @@ function getComponentPropsFromDefineProps(context, node) {
       }
     ]
   }
-  if (node.typeParameters && node.typeParameters.params.length >= 1) {
+  if (node.typeParameters && node.typeParameters.params.length > 0) {
     return getComponentPropsFromTypeDefine(
       context,
       node.typeParameters.params[0]
@@ -2954,7 +2972,7 @@ function getComponentPropsFromDefineProps(context, node) {
  * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit | ComponentUnknownEmit)[]} Array of component emits
  */
 function getComponentEmitsFromDefineEmits(context, node) {
-  if (node.arguments.length >= 1) {
+  if (node.arguments.length > 0) {
     const defNode = getObjectOrArray(context, node.arguments[0])
     if (defNode) {
       return getComponentEmitsFromDefine(defNode)
@@ -2969,7 +2987,7 @@ function getComponentEmitsFromDefineEmits(context, node) {
       }
     ]
   }
-  if (node.typeParameters && node.typeParameters.params.length >= 1) {
+  if (node.typeParameters && node.typeParameters.params.length > 0) {
     return getComponentEmitsFromTypeDefine(
       context,
       node.typeParameters.params[0]
@@ -3020,29 +3038,29 @@ function getComponentPropsFromDefine(propsNode) {
         node: prop
       }
     })
-  } else {
-    return propsNode.elements.filter(isDef).map((prop) => {
-      if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
-        const propName = getStringLiteralValue(prop)
-        if (propName != null) {
-          return {
-            type: 'array',
-            key: prop,
-            propName,
-            value: null,
-            node: prop
-          }
+  }
+
+  return propsNode.elements.filter(isDef).map((prop) => {
+    if (prop.type === 'Literal' || prop.type === 'TemplateLiteral') {
+      const propName = getStringLiteralValue(prop)
+      if (propName != null) {
+        return {
+          type: 'array',
+          key: prop,
+          propName,
+          value: null,
+          node: prop
         }
       }
-      return {
-        type: 'array',
-        key: null,
-        propName: null,
-        value: null,
-        node: prop
-      }
-    })
-  }
+    }
+    return {
+      type: 'array',
+      key: null,
+      propName: null,
+      value: null,
+      node: prop
+    }
+  })
 }
 
 /**
@@ -3080,29 +3098,29 @@ function getComponentEmitsFromDefine(emitsNode) {
         node: prop
       }
     })
-  } else {
-    return emitsNode.elements.filter(isDef).map((emit) => {
-      if (emit.type === 'Literal' || emit.type === 'TemplateLiteral') {
-        const emitName = getStringLiteralValue(emit)
-        if (emitName != null) {
-          return {
-            type: 'array',
-            key: emit,
-            emitName,
-            value: null,
-            node: emit
-          }
+  }
+
+  return emitsNode.elements.filter(isDef).map((emit) => {
+    if (emit.type === 'Literal' || emit.type === 'TemplateLiteral') {
+      const emitName = getStringLiteralValue(emit)
+      if (emitName != null) {
+        return {
+          type: 'array',
+          key: emit,
+          emitName,
+          value: null,
+          node: emit
         }
       }
-      return {
-        type: 'array',
-        key: null,
-        emitName: null,
-        value: null,
-        node: emit
-      }
-    })
-  }
+    }
+    return {
+      type: 'array',
+      key: null,
+      emitName: null,
+      value: null,
+      node: emit
+    }
+  })
 }
 
 /**
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 5170240d8..e89457230 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -209,23 +209,23 @@ function definePropertyReferenceExtractor(context) {
             properties.map((property) => getNestFromPattern(property.value))
           )
         : NEVER
+    }
+  }
 
-      /**
-       * @param {Pattern} pattern
-       * @returns {IPropertyReferences}
-       */
-      function getNestFromPattern(pattern) {
-        if (pattern.type === 'ObjectPattern') {
-          return extractFromObjectPattern(pattern)
-        }
-        if (pattern.type === 'Identifier') {
-          return extractFromIdentifier(pattern)
-        } else if (pattern.type === 'AssignmentPattern') {
-          return getNestFromPattern(pattern.left)
-        }
-        return ANY
-      }
+  /**
+   * @param {Pattern} pattern
+   * @returns {IPropertyReferences}
+   */
+  function getNestFromPattern(pattern) {
+    if (pattern.type === 'ObjectPattern') {
+      return extractFromObjectPattern(pattern)
+    }
+    if (pattern.type === 'Identifier') {
+      return extractFromIdentifier(pattern)
+    } else if (pattern.type === 'AssignmentPattern') {
+      return getNestFromPattern(pattern.left)
     }
+    return ANY
   }
 
   /**
@@ -246,57 +246,46 @@ function definePropertyReferenceExtractor(context) {
 
     function extractWithoutCache() {
       const parent = node.parent
-      if (parent.type === 'AssignmentExpression') {
-        if (withInTemplate) {
-          return NEVER
-        }
-        if (parent.right === node) {
+      switch (parent.type) {
+        case 'AssignmentExpression': {
           // `({foo} = arg)`
-          return extractFromPattern(parent.left)
-        }
-        return NEVER
-      } else if (parent.type === 'VariableDeclarator') {
-        if (withInTemplate) {
-          return NEVER
+          return !withInTemplate && parent.right === node
+            ? extractFromPattern(parent.left)
+            : NEVER
         }
-        if (parent.init === node) {
+        case 'VariableDeclarator': {
           // `const {foo} = arg`
           // `const foo = arg`
-          return extractFromPattern(parent.id)
+          return !withInTemplate && parent.init === node
+            ? extractFromPattern(parent.id)
+            : NEVER
         }
-        return NEVER
-      } else if (parent.type === 'MemberExpression') {
-        if (parent.object === node) {
-          // `arg.foo`
-          const name = utils.getStaticPropertyName(parent)
-          if (name) {
-            return new PropertyReferencesForMember(parent, name, withInTemplate)
-          } else {
-            return ANY
+        case 'MemberExpression': {
+          if (parent.object === node) {
+            // `arg.foo`
+            const name = utils.getStaticPropertyName(parent)
+            return name
+              ? new PropertyReferencesForMember(parent, name, withInTemplate)
+              : ANY
           }
-        }
-        return NEVER
-      } else if (parent.type === 'CallExpression') {
-        if (withInTemplate) {
           return NEVER
         }
-        const argIndex = parent.arguments.indexOf(node)
-        if (argIndex > -1) {
+        case 'CallExpression': {
+          const argIndex = parent.arguments.indexOf(node)
           // `foo(arg)`
-          return extractFromCall(parent, argIndex)
+          return !withInTemplate && argIndex > -1
+            ? extractFromCall(parent, argIndex)
+            : NEVER
         }
-      } else if (parent.type === 'ChainExpression') {
-        return extractFromExpression(parent, withInTemplate)
-      } else if (
-        parent.type === 'ArrowFunctionExpression' ||
-        parent.type === 'ReturnStatement' ||
-        parent.type === 'VExpressionContainer' ||
-        parent.type === 'Property' ||
-        parent.type === 'ArrayExpression'
-      ) {
-        // Maybe used externally.
-        if (maybeExternalUsed(parent)) {
-          return ANY
+        case 'ChainExpression': {
+          return extractFromExpression(parent, withInTemplate)
+        }
+        case 'ArrowFunctionExpression':
+        case 'ReturnStatement':
+        case 'VExpressionContainer':
+        case 'Property':
+        case 'ArrayExpression': {
+          return maybeExternalUsed(parent) ? ANY : NEVER
         }
       }
       return NEVER
@@ -480,7 +469,7 @@ function definePropertyReferenceExtractor(context) {
      * @returns {IPropertyReferences}
      */
     function extractFromSegments(segments) {
-      if (!segments.length) {
+      if (segments.length === 0) {
         return ANY
       }
       const segmentName = segments[0]
@@ -503,15 +492,13 @@ function definePropertyReferenceExtractor(context) {
       node.type === 'Literal' || node.type === 'TemplateLiteral'
         ? utils.getStringLiteralValue(node)
         : null
-    if (referenceName) {
-      return {
-        hasProperty: (name) => name === referenceName,
-        allProperties: () => new Map([[referenceName, { nodes: [node] }]]),
-        getNest: (name) => (name === referenceName ? ANY : NEVER)
-      }
-    } else {
-      return NEVER
-    }
+    return referenceName
+      ? {
+          hasProperty: (name) => name === referenceName,
+          allProperties: () => new Map([[referenceName, { nodes: [node] }]]),
+          getNest: (name) => (name === referenceName ? ANY : NEVER)
+        }
+      : NEVER
   }
 
   /**
diff --git a/lib/utils/regexp.js b/lib/utils/regexp.js
index 073a99f80..f19d55a6e 100644
--- a/lib/utils/regexp.js
+++ b/lib/utils/regexp.js
@@ -38,7 +38,7 @@ function toRegExp(string) {
  * @returns {boolean}
  */
 function isRegExp(string) {
-  return Boolean(RE_REGEXP_STR.exec(string))
+  return RE_REGEXP_STR.test(string)
 }
 
 module.exports = {
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
index 6c90e9ca0..a1b18bc83 100644
--- a/lib/utils/selector.js
+++ b/lib/utils/selector.js
@@ -23,7 +23,7 @@ function parseSelector(selector, context) {
   let astSelector
   try {
     astSelector = parser().astSync(selector)
-  } catch (e) {
+  } catch (error) {
     context.report({
       loc: { line: 0, column: 0 },
       message: `Cannot parse selector: ${selector}.`
@@ -41,17 +41,17 @@ function parseSelector(selector, context) {
         return test(element, null)
       }
     }
-  } catch (e) {
-    if (e instanceof SelectorError) {
+  } catch (error) {
+    if (error instanceof SelectorError) {
       context.report({
         loc: { line: 0, column: 0 },
-        message: e.message
+        message: error.message
       })
       return {
         test: () => false
       }
     }
-    throw e
+    throw error
   }
 }
 
@@ -74,6 +74,14 @@ function selectorsToVElementMatcher(selectorNodes) {
   return (element, subject) => selectors.some((sel) => sel(element, subject))
 }
 
+/**
+ * @param {parser.Node|null} node
+ * @returns {node is parser.Combinator}
+ */
+function isDescendantCombinator(node) {
+  return Boolean(node && node.type === 'combinator' && !node.value.trim())
+}
+
 /**
  * Clean and get the selector child nodes.
  * @param {parser.Selector} selector
@@ -109,14 +117,6 @@ function cleanSelectorChildren(selector) {
     nodes.pop()
   }
   return nodes
-
-  /**
-   * @param {parser.Node|null} node
-   * @returns {node is parser.Combinator}
-   */
-  function isDescendantCombinator(node) {
-    return Boolean(node && node.type === 'combinator' && !node.value.trim())
-  }
 }
 /**
  * Convert Selector child nodes to VElementMatcher
@@ -479,26 +479,26 @@ function pseudoHasSelectorToVElementMatcher(selector) {
   return buildVElementMatcher(selectors, (element) =>
     element.children.filter(isVElement)
   )
+}
 
-  /**
-   * @param {VElementMatcher} selectors
-   * @param {(element: VElement) => VElement[]} getStartElements
-   * @returns {VElementMatcher}
-   */
-  function buildVElementMatcher(selectors, getStartElements) {
-    return (element) => {
-      const elements = [...getStartElements(element)]
-      /** @type {VElement|undefined} */
-      let curr
-      while ((curr = elements.shift())) {
-        const el = curr
-        if (selectors(el, element)) {
-          return true
-        }
-        elements.push(...el.children.filter(isVElement))
+/**
+ * @param {VElementMatcher} selectors
+ * @param {(element: VElement) => VElement[]} getStartElements
+ * @returns {VElementMatcher}
+ */
+function buildVElementMatcher(selectors, getStartElements) {
+  return (element) => {
+    const elements = [...getStartElements(element)]
+    /** @type {VElement|undefined} */
+    let curr
+    while ((curr = elements.shift())) {
+      const el = curr
+      if (selectors(el, element)) {
+        return true
       }
-      return false
+      elements.push(...el.children.filter(isVElement))
     }
+    return false
   }
 }
 
@@ -525,7 +525,7 @@ function parseNth(pseudoNode) {
     .trim()
   try {
     return nthCheck(argument)
-  } catch (e) {
+  } catch (error) {
     throw new SelectorError(
       `Cannot parse An+B micro syntax (:nth-xxx() argument): '${argument}'.`
     )
diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
index eca2f39d1..841f72f55 100644
--- a/lib/utils/style-variables/index.js
+++ b/lib/utils/style-variables/index.js
@@ -49,7 +49,7 @@ function getStyleVariablesContext(context) {
   const styles = df.children
     .filter(isVElement)
     .filter((e) => e.name === 'style')
-  if (!styles.length) {
+  if (styles.length === 0) {
     return null
   }
   let ctx = cache.get(styles[0])
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index f5cf9691a..181b51a53 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -164,43 +164,43 @@ function* extractRuntimeEmits(node) {
   } else {
     yield* extractEventNames(node.params[0], node)
   }
+}
 
-  /**
-   * @param {TSESTreeParameter} eventName
-   * @param {TSCallSignatureDeclaration | TSFunctionType} member
-   * @returns {IterableIterator<ComponentTypeEmit>}
-   */
-  function* extractEventNames(eventName, member) {
+/**
+ * @param {TSESTreeParameter} eventName
+ * @param {TSCallSignatureDeclaration | TSFunctionType} member
+ * @returns {IterableIterator<ComponentTypeEmit>}
+ */
+function* extractEventNames(eventName, member) {
+  if (
+    eventName &&
+    eventName.type === 'Identifier' &&
+    eventName.typeAnnotation &&
+    eventName.typeAnnotation.type === 'TSTypeAnnotation'
+  ) {
+    const typeNode = eventName.typeAnnotation.typeAnnotation
     if (
-      eventName &&
-      eventName.type === 'Identifier' &&
-      eventName.typeAnnotation &&
-      eventName.typeAnnotation.type === 'TSTypeAnnotation'
+      typeNode.type === 'TSLiteralType' &&
+      typeNode.literal.type === 'Literal'
     ) {
-      const typeNode = eventName.typeAnnotation.typeAnnotation
-      if (
-        typeNode.type === 'TSLiteralType' &&
-        typeNode.literal.type === 'Literal'
-      ) {
-        const emitName = String(typeNode.literal.value)
-        yield {
-          type: 'type',
-          key: /** @type {TSLiteralType} */ (typeNode),
-          emitName,
-          value: null,
-          node: member
-        }
-      } else if (typeNode.type === 'TSUnionType') {
-        for (const t of typeNode.types) {
-          if (t.type === 'TSLiteralType' && t.literal.type === 'Literal') {
-            const emitName = String(t.literal.value)
-            yield {
-              type: 'type',
-              key: /** @type {TSLiteralType} */ (t),
-              emitName,
-              value: null,
-              node: member
-            }
+      const emitName = String(typeNode.literal.value)
+      yield {
+        type: 'type',
+        key: /** @type {TSLiteralType} */ (typeNode),
+        emitName,
+        value: null,
+        node: member
+      }
+    } else if (typeNode.type === 'TSUnionType') {
+      for (const t of typeNode.types) {
+        if (t.type === 'TSLiteralType' && t.literal.type === 'Literal') {
+          const emitName = String(t.literal.value)
+          yield {
+            type: 'type',
+            key: /** @type {TSLiteralType} */ (t),
+            emitName,
+            value: null,
+            node: member
           }
         }
       }
diff --git a/package.json b/package.json
index 1f15ff05b..2ec6b6532 100644
--- a/package.json
+++ b/package.json
@@ -78,6 +78,7 @@
     "eslint-plugin-jsonc": "^1.4.0",
     "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
     "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-unicorn": "^40.1.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.0.0",
     "lodash": "^4.17.21",
diff --git a/tests/eslint-compat.js b/tests/eslint-compat.js
index 8da19ae3f..86b16265d 100644
--- a/tests/eslint-compat.js
+++ b/tests/eslint-compat.js
@@ -39,12 +39,11 @@ function getESLintClassForV6() {
           : undefined,
         plugins: plugins || [],
         rules: rules
-          ? Object.entries(rules).reduce((o, [ruleId, opt]) => {
-              if (opt) {
-                o[ruleId] = opt
-              }
-              return o
-            }, /** @type {NonNullable<eslint.CLIEngine.Options["rules"]>}*/ ({}))
+          ? Object.fromEntries(
+              Object.entries(rules).flatMap(([ruleId, opt]) =>
+                opt ? [[ruleId, opt]] : []
+              )
+            )
           : undefined,
         ...overrideConfig
       }
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 1d2b56e71..7b93ea754 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -35,6 +35,11 @@ const eslint = new ESLint({
   plugins: { vue: require('../../../lib/index') }
 })
 
+async function lintMessages(code) {
+  const result = await eslint.lintText(code, { filePath: 'test.vue' })
+  return result[0].messages
+}
+
 describe('comment-directive', () => {
   describe('eslint-disable/eslint-enable', () => {
     it('disable all rules if <!-- eslint-disable -->', async () => {
@@ -44,9 +49,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -58,9 +61,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -75,9 +76,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -95,9 +94,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
@@ -114,9 +111,7 @@ describe('comment-directive', () => {
           var a
         </script>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.strictEqual(messages.length, 1)
       assert.strictEqual(messages[0].ruleId, 'no-unused-vars')
@@ -129,9 +124,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -144,9 +137,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line -->
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -157,9 +148,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -->
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -173,9 +162,7 @@ describe('comment-directive', () => {
           <!-- eslint-disable-line -->
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -191,9 +178,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -205,9 +190,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -222,9 +205,7 @@ describe('comment-directive', () => {
           <!-- eslint-disable-next-line -->
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -240,9 +221,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -260,9 +239,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -276,9 +253,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -296,9 +271,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
@@ -311,9 +284,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line -- description -->
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -324,9 +295,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div> <!-- eslint-disable-line vue/no-duplicate-attributes -- description -->
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -339,9 +308,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -353,9 +320,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -370,9 +335,7 @@ describe('comment-directive', () => {
           <div id id="a">Hello</div>
         </template>
       `
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -387,9 +350,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
       assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
@@ -417,6 +378,12 @@ describe('comment-directive', () => {
       },
       useEslintrc: false
     })
+
+    async function lintMessages(code) {
+      const result = await eslint.lintText(code, { filePath: 'test.vue' })
+      return result[0].messages
+    }
+
     it('report unused <!-- eslint-disable -->', async () => {
       const code = `
         <template>
@@ -425,9 +392,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
@@ -447,9 +412,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -464,9 +427,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 1)
       assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
@@ -486,9 +447,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 2)
 
@@ -518,9 +477,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 4)
 
@@ -554,9 +511,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
@@ -570,9 +525,7 @@ describe('comment-directive', () => {
         </template>
       `
 
-      const messages = (
-        await eslint.lintText(code, { filePath: 'test.vue' })
-      )[0].messages
+      const messages = await lintMessages(code)
 
       assert.deepEqual(messages.length, 0)
     })
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 8340f9423..1c817f1a3 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -58,10 +58,10 @@ function loadPatterns(additionalValid, additionalInvalid) {
       const lines = output.split('\n').map((text, number) => ({
         number,
         text,
-        indentSize: (/^[ \t]+/.exec(text) || [''])[0].length
+        indentSize: (/^[\t ]+/.exec(text) || [''])[0].length
       }))
       const code = lines
-        .map((line) => line.text.replace(/^[ \t]+/, ''))
+        .map((line) => line.text.replace(/^[\t ]+/, ''))
         .join('\n')
       const errors = lines
         .map((line) =>
@@ -82,8 +82,8 @@ function loadPatterns(additionalValid, additionalInvalid) {
     .filter(Boolean)
 
   return {
-    valid: valid.concat(additionalValid),
-    invalid: invalid.concat(additionalInvalid)
+    valid: [...valid, ...additionalValid],
+    invalid: [...invalid, ...additionalInvalid]
   }
 }
 
diff --git a/tests/lib/rules/no-irregular-whitespace.js b/tests/lib/rules/no-irregular-whitespace.js
index 9c3a40cdc..52c6dd0e4 100644
--- a/tests/lib/rules/no-irregular-whitespace.js
+++ b/tests/lib/rules/no-irregular-whitespace.js
@@ -11,17 +11,37 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2018 }
 })
 
-const IRREGULAR_WHITESPACES =
-  '\f\v\u0085\ufeff\u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u202f\u205f\u3000'.split(
-    ''
-  )
-const IRREGULAR_LINE_TERMINATORS = '\u2028\u2029'.split('')
-const ALL_IRREGULAR_WHITESPACES = [].concat(
-  IRREGULAR_WHITESPACES,
-  IRREGULAR_LINE_TERMINATORS
-)
+const IRREGULAR_WHITESPACES = [
+  '\f',
+  '\v',
+  '\u0085',
+  '\uFEFF',
+  '\u00A0',
+  '\u1680',
+  '\u180E',
+  '\u2000',
+  '\u2001',
+  '\u2002',
+  '\u2003',
+  '\u2004',
+  '\u2005',
+  '\u2006',
+  '\u2007',
+  '\u2008',
+  '\u2009',
+  '\u200A',
+  '\u200B',
+  '\u202F',
+  '\u205F',
+  '\u3000'
+]
+const IRREGULAR_LINE_TERMINATORS = ['\u2028', '\u2029']
+const ALL_IRREGULAR_WHITESPACES = [
+  ...IRREGULAR_WHITESPACES,
+  ...IRREGULAR_LINE_TERMINATORS
+]
 const ALL_IRREGULAR_WHITESPACE_CODES = ALL_IRREGULAR_WHITESPACES.map((s) =>
-  `000${s.charCodeAt(0).toString(16)}`.slice(-4)
+  `000${s.codePointAt(0).toString(16)}`.slice(-4)
 )
 
 tester.run('no-irregular-whitespace', rule, {
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index cdb3ab7a2..126123dd4 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -14,9 +14,7 @@ const RuleTester = require('eslint').RuleTester
 const htmlElements = require('../../../lib/utils/html-elements.json')
 const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements,
-  ...htmlElements.map(
-    (word) => word[0].toUpperCase() + word.substring(1, word.length)
-  )
+  ...htmlElements.map((word) => word[0].toUpperCase() + word.slice(1))
 ])
 
 // ------------------------------------------------------------------------------
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 229ea3273..2efb8b889 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -76,10 +76,10 @@ function loadPatterns(additionalValid, additionalInvalid) {
       const lines = output.split('\n').map((text, number) => ({
         number,
         text,
-        indentSize: (/^[ \t]+/.exec(text) || [''])[0].length
+        indentSize: (/^[\t ]+/.exec(text) || [''])[0].length
       }))
       const code = lines
-        .map((line) => line.text.replace(/^[ \t]+/, ''))
+        .map((line) => line.text.replace(/^[\t ]+/, ''))
         .join('\n')
       const errors = lines
         .map((line) =>
@@ -100,8 +100,8 @@ function loadPatterns(additionalValid, additionalInvalid) {
     .filter(Boolean)
 
   return {
-    valid: valid.concat(additionalValid),
-    invalid: invalid.concat(additionalInvalid)
+    valid: [...valid, ...additionalValid],
+    invalid: [...invalid, ...additionalInvalid]
   }
 }
 
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 5d081f468..220331b3b 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -190,7 +190,7 @@ function createInvalidTests(prefix, options, message, type) {
       )}bar"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
-    }
+    },
 
     // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
     // {
@@ -198,8 +198,7 @@ function createInvalidTests(prefix, options, message, type) {
     //   errors: [{ message, type }],
     //   options
     // }
-  ].concat(
-    options[0] === 'always'
+    ...(options[0] === 'always'
       ? []
       : [
           {
@@ -214,68 +213,63 @@ function createInvalidTests(prefix, options, message, type) {
             errors: [{ message, type }],
             options
           }
-        ]
-  )
+        ])
+  ]
 }
 
 ruleTester.run('this-in-template', rule, {
-  valid: ['', '<template></template>', '<template><div></div></template>']
-    .concat(createValidTests('', []))
-    .concat(createValidTests('', ['never']))
-    .concat(createValidTests('this.', ['always']))
-    .concat(createValidTests('this?.', ['always'])),
-  invalid: []
-    .concat(
-      createInvalidTests(
-        'this.',
-        [],
-        "Unexpected usage of 'this'.",
-        'ThisExpression'
-      ),
-      createInvalidTests(
-        'this?.',
-        [],
-        "Unexpected usage of 'this'.",
-        'ThisExpression'
-      )
-    )
-    .concat(
-      createInvalidTests(
-        'this.',
-        ['never'],
-        "Unexpected usage of 'this'.",
-        'ThisExpression'
-      ),
-      createInvalidTests(
-        'this?.',
-        ['never'],
-        "Unexpected usage of 'this'.",
-        'ThisExpression'
-      )
-    )
-    .concat(
-      createInvalidTests('', ['always'], "Expected 'this'.", 'Identifier')
-    )
-    .concat([
-      {
-        code: `<template><div v-if="fn(this.$foo)"></div></template><!-- never -->`,
-        output: `<template><div v-if="fn($foo)"></div></template><!-- never -->`,
-        errors: ["Unexpected usage of 'this'."],
-        options: ['never']
-      },
-      {
-        code: `<template><div :class="{ foo: this.$foo }"></div></template><!-- never -->`,
-        output: `<template><div :class="{ foo: $foo }"></div></template><!-- never -->`,
-        errors: ["Unexpected usage of 'this'."],
-        options: ['never']
-      }
-    ])
+  valid: [
+    '',
+    '<template></template>',
+    '<template><div></div></template>',
+    ...createValidTests('', []),
+    ...createValidTests('', ['never']),
+    ...createValidTests('this.', ['always']),
+    ...createValidTests('this?.', ['always'])
+  ],
+  invalid: [
+    ...createInvalidTests(
+      'this.',
+      [],
+      "Unexpected usage of 'this'.",
+      'ThisExpression'
+    ),
+    ...createInvalidTests(
+      'this?.',
+      [],
+      "Unexpected usage of 'this'.",
+      'ThisExpression'
+    ),
+    ...createInvalidTests(
+      'this.',
+      ['never'],
+      "Unexpected usage of 'this'.",
+      'ThisExpression'
+    ),
+    ...createInvalidTests(
+      'this?.',
+      ['never'],
+      "Unexpected usage of 'this'.",
+      'ThisExpression'
+    ),
+    ...createInvalidTests('', ['always'], "Expected 'this'.", 'Identifier'),
+    {
+      code: `<template><div v-if="fn(this.$foo)"></div></template><!-- never -->`,
+      output: `<template><div v-if="fn($foo)"></div></template><!-- never -->`,
+      errors: ["Unexpected usage of 'this'."],
+      options: ['never']
+    },
+    {
+      code: `<template><div :class="{ foo: this.$foo }"></div></template><!-- never -->`,
+      output: `<template><div :class="{ foo: $foo }"></div></template><!-- never -->`,
+      errors: ["Unexpected usage of 'this'."],
+      options: ['never']
+    }
+  ]
 })
 
 function suggestionPrefix(prefix, options) {
-  if (options[0] === 'always' && !['this.', 'this?.'].includes(prefix)) {
-    return 'this.'
-  } else {
-    return ''
-  }
+  return options[0] === 'always' && !['this.', 'this?.'].includes(prefix)
+    ? 'this.'
+    : ''
 }
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index 89c81942d..9b02ba46b 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -4,12 +4,11 @@ const espree = require('espree')
 const utils = require('../../../lib/utils/index')
 const assert = require('assert')
 
-describe('getComputedProperties', () => {
-  const parse = function (code) {
-    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
-      .init
-  }
+function parse(code) {
+  return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0].init
+}
 
+describe('getComputedProperties', () => {
   it('should return empty array when there is no computed property', () => {
     const node = parse(`const test = {
       name: 'test',
@@ -111,11 +110,6 @@ describe('getComputedProperties', () => {
 })
 
 describe('getStaticPropertyName', () => {
-  const parse = function (code) {
-    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
-      .init
-  }
-
   it('should parse property expression with identifier', () => {
     const node = parse(`const test = { computed: { } }`)
 
@@ -137,11 +131,6 @@ describe('getStaticPropertyName', () => {
 })
 
 describe('getStringLiteralValue', () => {
-  const parse = function (code) {
-    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
-      .init
-  }
-
   it('should parse literal', () => {
     const node = parse(`const test = { ['computed'] () {} }`)
 
@@ -157,11 +146,6 @@ describe('getStringLiteralValue', () => {
 })
 
 describe('getMemberChaining', () => {
-  const parse = function (code) {
-    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
-      .init
-  }
-
   const jsonIgnoreKeys = ['expression', 'object']
 
   it('should parse MemberExpression', () => {
@@ -276,11 +260,6 @@ describe('getMemberChaining', () => {
 })
 
 describe('getRegisteredComponents', () => {
-  const parse = function (code) {
-    return espree.parse(code, { ecmaVersion: 2020 }).body[0].declarations[0]
-      .init
-  }
-
   it('should return empty array when there are no components registered', () => {
     const node = parse(`const test = {
       name: 'test',
@@ -336,15 +315,13 @@ describe('getRegisteredComponents', () => {
   })
 })
 
-describe('getComponentProps', () => {
-  const parse = function (code) {
-    const data = espree.parse(code, { ecmaVersion: 2020 }).body[0]
-      .declarations[0].init
-    return utils.getComponentProps(data)
-  }
+function parseProps(code) {
+  return utils.getComponentPropsFromOptions(parse(code))
+}
 
+describe('getComponentProps', () => {
   it('should return empty array when there is no component props', () => {
-    const props = parse(`const test = {
+    const props = parseProps(`const test = {
       name: 'test',
       data() {
         return {}
@@ -355,7 +332,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return empty array when component props is empty array', () => {
-    const props = parse(`const test = {
+    const props = parseProps(`const test = {
       name: 'test',
       props: []
     }`)
@@ -364,7 +341,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return empty array when component props is empty object', () => {
-    const props = parse(`const test = {
+    const props = parseProps(`const test = {
       name: 'test',
       props: {}
     }`)
@@ -373,7 +350,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return computed props', () => {
-    const props = parse(`const test = {
+    const props = parseProps(`const test = {
       name: 'test',
       ...test,
       data() {
@@ -412,7 +389,7 @@ describe('getComponentProps', () => {
   })
 
   it('should return computed from array props', () => {
-    const props = parse(`const test = {
+    const props = parseProps(`const test = {
       name: 'test',
       data() {
         return {}
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index 91da3d28c..c2fb7aaf5 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -255,7 +255,7 @@ function invalidTests(ext) {
         // ${ext}
       `,
       parserOptions,
-      errors: (ext === 'js' ? [] : [makeError(2)]).concat([makeError(4)])
+      errors: [...(ext === 'js' ? [] : [makeError(2)]), makeError(4)]
     },
     {
       filename: `test.${ext}`,
@@ -293,7 +293,7 @@ function invalidTests(ext) {
         // ${ext}
       `,
       parserOptions,
-      errors: (ext === 'js' ? [] : [makeError(3)]).concat([makeError(6)])
+      errors: [...(ext === 'js' ? [] : [makeError(3)]), makeError(6)]
     },
     {
       filename: `test.${ext}`,
@@ -310,7 +310,7 @@ function invalidTests(ext) {
         // ${ext}
       `,
       parserOptions,
-      errors: (ext === 'js' ? [] : [makeError(2)]).concat([makeError(8)])
+      errors: [...(ext === 'js' ? [] : [makeError(2)]), makeError(8)]
     },
     {
       filename: `test.${ext}`,
@@ -332,11 +332,11 @@ ruleTester.run('vue-component', rule, {
       filename: 'test.js',
       code: `export default { }`,
       parserOptions
-    }
-  ]
-    .concat(validTests('js'))
-    .concat(validTests('jsx'))
-    .concat(validTests('vue')),
+    },
+    ...validTests('js'),
+    ...validTests('jsx'),
+    ...validTests('vue')
+  ],
   invalid: [
     {
       filename: 'test.vue',
@@ -349,9 +349,9 @@ ruleTester.run('vue-component', rule, {
       code: `export default { }`,
       parserOptions,
       errors: [makeError(1)]
-    }
+    },
+    ...invalidTests('js'),
+    ...invalidTests('jsx'),
+    ...invalidTests('vue')
   ]
-    .concat(invalidTests('js'))
-    .concat(invalidTests('jsx'))
-    .concat(invalidTests('vue'))
 })
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index 7223fd87b..1d8550fb3 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -77,4 +77,4 @@ module.exports = categoryIds
       (rule) => !rule.meta.deprecated
     )
   }))
-  .filter((category) => category.rules.length >= 1)
+  .filter((category) => category.rules.length > 0)
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 9b177d7ac..606d67179 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -68,7 +68,7 @@ ${category.rules.map(toRuleRow).join('\n')}
   .join('')
 
 // -----------------------------------------------------------------------------
-if (uncategorizedRules.length || uncategorizedExtensionRule.length) {
+if (uncategorizedRules.length > 0 || uncategorizedExtensionRule.length > 0) {
   rulesTableContent += `
 ## Uncategorized
 
@@ -88,14 +88,14 @@ For example:
 \`\`\`
 `
 }
-if (uncategorizedRules.length) {
+if (uncategorizedRules.length > 0) {
   rulesTableContent += `
 | Rule ID | Description |    |
 |:--------|:------------|:---|
 ${uncategorizedRules.map(toRuleRow).join('\n')}
 `
 }
-if (uncategorizedExtensionRule.length) {
+if (uncategorizedExtensionRule.length > 0) {
   rulesTableContent += `
 ### Extension Rules
 
@@ -108,7 +108,7 @@ ${uncategorizedExtensionRule.map(toRuleRow).join('\n')}
 }
 
 // -----------------------------------------------------------------------------
-if (deprecatedRules.length >= 1) {
+if (deprecatedRules.length > 0) {
   rulesTableContent += `
 ## Deprecated
 
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 12deca0ea..6f2d2255a 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -107,11 +107,9 @@ class DocFile {
 
     const fileIntroPattern = /^---\n(.*\n)+---\n*/g
 
-    if (fileIntroPattern.test(this.content)) {
-      this.content = this.content.replace(fileIntroPattern, computed)
-    } else {
-      this.content = `${computed}${this.content.trim()}\n`
-    }
+    this.content = fileIntroPattern.test(this.content)
+      ? this.content.replace(fileIntroPattern, computed)
+      : `${computed}${this.content.trim()}\n`
 
     return this
   }
@@ -159,17 +157,15 @@ class DocFile {
     }
 
     // Add an empty line after notes.
-    if (notes.length >= 1) {
+    if (notes.length > 0) {
       notes.push('', '')
     }
 
-    const headerPattern = /#.+\n\n*[^\n]*\n+(?:- .+\n)*\n*/
+    const headerPattern = /#.+\n+[^\n]*\n+(?:- .+\n)*\n*/
     const header = `${title}\n\n${notes.join('\n')}`
-    if (headerPattern.test(this.content)) {
-      this.content = this.content.replace(headerPattern, header)
-    } else {
-      this.content = `${header}${this.content.trim()}\n`
-    }
+    this.content = headerPattern.test(this.content)
+      ? this.content.replace(headerPattern, header)
+      : `${header}${this.content.trim()}\n`
 
     return this
   }
@@ -178,7 +174,7 @@ class DocFile {
     const { meta } = this.rule
 
     this.content = this.content.replace(
-      /<eslint-code-block\s(:?fix[^\s]*)?\s*/g,
+      /<eslint-code-block\s(:?fix\S*)?\s*/g,
       `<eslint-code-block ${meta.fixable ? 'fix ' : ''}`
     )
     return this
@@ -187,7 +183,7 @@ class DocFile {
   adjustCodeBlocks() {
     // Adjust the necessary blank lines before and after the code block so that GitHub can recognize `.md`.
     this.content = this.content.replace(
-      /(<eslint-code-block([\s\S]*?)>)\n+```/gm,
+      /(<eslint-code-block([\S\s]*?)>)\n+```/gm,
       '$1\n\n```'
     )
     this.content = this.content.replace(
@@ -219,11 +215,9 @@ ${
 `
     : ''
 }`
-    if (footerPattern.test(this.content)) {
-      this.content = this.content.replace(footerPattern, footer)
-    } else {
-      this.content = `${this.content.trim()}\n\n${footer}`
-    }
+    this.content = footerPattern.test(this.content)
+      ? this.content.replace(footerPattern, footer)
+      : `${this.content.trim()}\n\n${footer}`
 
     return this
   }
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index 26376b78a..f75aff4fa 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -14,7 +14,7 @@ const path = require('path')
 const eslint = require('eslint')
 const categories = require('./lib/categories')
 
-const errorCategories = ['base', 'essential', 'vue3-essential']
+const errorCategories = new Set(['base', 'essential', 'vue3-essential'])
 
 const extendsCategories = {
   base: null,
@@ -29,20 +29,21 @@ const extendsCategories = {
 }
 
 function formatRules(rules, categoryId) {
-  const obj = rules.reduce((setting, rule) => {
-    let options = errorCategories.includes(categoryId) ? 'error' : 'warn'
-    const defaultOptions =
-      rule.meta && rule.meta.docs && rule.meta.docs.defaultOptions
-    if (defaultOptions) {
-      const v = categoryId.startsWith('vue3') ? 3 : 2
-      const defaultOption = defaultOptions[`vue${v}`]
-      if (defaultOption) {
-        options = [options, ...defaultOption]
+  const obj = Object.fromEntries(
+    rules.map((rule) => {
+      let options = errorCategories.has(categoryId) ? 'error' : 'warn'
+      const defaultOptions =
+        rule.meta && rule.meta.docs && rule.meta.docs.defaultOptions
+      if (defaultOptions) {
+        const v = categoryId.startsWith('vue3') ? 3 : 2
+        const defaultOption = defaultOptions[`vue${v}`]
+        if (defaultOption) {
+          options = [options, ...defaultOption]
+        }
       }
-    }
-    setting[rule.ruleId] = options
-    return setting
-  }, {})
+      return [rule.ruleId, options]
+    })
+  )
   return JSON.stringify(obj, null, 2)
 }
 
@@ -85,12 +86,12 @@ module.exports = {
 
 // Update files.
 const ROOT = path.resolve(__dirname, '../lib/configs/')
-categories.forEach((category) => {
+for (const category of categories) {
   const filePath = path.join(ROOT, `${category.categoryId}.js`)
   const content = formatCategory(category)
 
   fs.writeFileSync(filePath, content)
-})
+}
 
 // Format files.
 async function format() {
diff --git a/tools/update-no-layout-rules-config.js b/tools/update-no-layout-rules-config.js
index b0361b155..ee4690e41 100644
--- a/tools/update-no-layout-rules-config.js
+++ b/tools/update-no-layout-rules-config.js
@@ -17,10 +17,7 @@ const rules = require('./lib/rules')
 const rulesToDisable = rules.filter(({ meta }) => meta.type === 'layout')
 
 function formatRules(rules) {
-  const obj = rules.reduce((setting, rule) => {
-    setting[rule.ruleId] = 'off'
-    return setting
-  }, {})
+  const obj = Object.fromEntries(rules.map((rule) => [rule.ruleId, 'off']))
   return JSON.stringify(obj, null, 2)
 }
 
diff --git a/tools/update-vue3-export-names.js b/tools/update-vue3-export-names.js
index fcd31b3e3..8a3de00ea 100644
--- a/tools/update-vue3-export-names.js
+++ b/tools/update-vue3-export-names.js
@@ -33,39 +33,51 @@ async function* extractExportNames(m) {
     range: true
   })
   for (const node of rootNode.body) {
-    if (node.type === 'ExportAllDeclaration') {
-      if (node.exported) {
-        yield node.exported.name
-      } else {
-        for await (const name of extractExportNames(node.source.value)) {
-          yield name
+    switch (node.type) {
+      case 'ExportAllDeclaration': {
+        if (node.exported) {
+          yield node.exported.name
+        } else {
+          for await (const name of extractExportNames(node.source.value)) {
+            yield name
+          }
         }
+        break
       }
-    } else if (node.type === 'ExportNamedDeclaration') {
-      if (node.declaration) {
-        if (
-          node.declaration.type === 'ClassDeclaration' ||
-          node.declaration.type === 'ClassExpression' ||
-          node.declaration.type === 'FunctionDeclaration' ||
-          node.declaration.type === 'TSDeclareFunction' ||
-          node.declaration.type === 'TSEnumDeclaration' ||
-          node.declaration.type === 'TSInterfaceDeclaration' ||
-          node.declaration.type === 'TSTypeAliasDeclaration'
-        ) {
-          yield node.declaration.id.name
-        } else if (node.declaration.type === 'VariableDeclaration') {
-          for (const decl of node.declaration.declarations) {
-            yield* extractNamesFromPattern(decl.id)
+      case 'ExportNamedDeclaration': {
+        if (node.declaration) {
+          switch (node.declaration.type) {
+            case 'ClassDeclaration':
+            case 'ClassExpression':
+            case 'FunctionDeclaration':
+            case 'TSDeclareFunction':
+            case 'TSEnumDeclaration':
+            case 'TSInterfaceDeclaration':
+            case 'TSTypeAliasDeclaration': {
+              yield node.declaration.id.name
+              break
+            }
+            case 'VariableDeclaration': {
+              for (const decl of node.declaration.declarations) {
+                yield* extractNamesFromPattern(decl.id)
+              }
+              break
+            }
+            case 'TSModuleDeclaration': {
+              //?
+              break
+            }
           }
-        } else if (node.declaration.type === 'TSModuleDeclaration') {
-          //?
         }
+        for (const spec of node.specifiers) {
+          yield spec.exported.name
+        }
+        break
       }
-      for (const spec of node.specifiers) {
-        yield spec.exported.name
+      case 'ExportDefaultDeclaration': {
+        yield 'default'
+        break
       }
-    } else if (node.type === 'ExportDefaultDeclaration') {
-      yield 'default'
     }
   }
 }
@@ -83,26 +95,39 @@ async function* extractExportNames(m) {
  * @param {Identifier|ArrayPattern|ObjectPattern|AssignmentPattern|MemberExpression|RestElement} node
  */
 function* extractNamesFromPattern(node) {
-  if (node.type === 'Identifier') {
-    yield node.name
-  } else if (node.type === 'ArrayPattern') {
-    for (const element of node.elements) {
-      yield* extractNamesFromPattern(element)
+  switch (node.type) {
+    case 'Identifier': {
+      yield node.name
+      break
+    }
+    case 'ArrayPattern': {
+      for (const element of node.elements) {
+        yield* extractNamesFromPattern(element)
+      }
+      break
     }
-  } else if (node.type === 'ObjectPattern') {
-    for (const prop of node.properties) {
-      if (prop.type === 'Property') {
-        yield prop.key.name
-      } else if (prop.type === 'RestElement') {
-        yield* extractNamesFromPattern(prop)
+    case 'ObjectPattern': {
+      for (const prop of node.properties) {
+        if (prop.type === 'Property') {
+          yield prop.key.name
+        } else if (prop.type === 'RestElement') {
+          yield* extractNamesFromPattern(prop)
+        }
       }
+      break
+    }
+    case 'AssignmentPattern': {
+      yield* extractNamesFromPattern(node.left)
+      break
+    }
+    case 'RestElement': {
+      yield* extractNamesFromPattern(node.argument)
+      break
+    }
+    case 'MemberExpression': {
+      // ?
+      break
     }
-  } else if (node.type === 'AssignmentPattern') {
-    yield* extractNamesFromPattern(node.left)
-  } else if (node.type === 'RestElement') {
-    yield* extractNamesFromPattern(node.argument)
-  } else if (node.type === 'MemberExpression') {
-    // ?
   }
 }
 async function resolveTypeContents(m) {

From bd13174c22eab0e0aa8d8d0a1e4f7cb82b9dbdd1 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 22 Apr 2022 11:33:48 +0200
Subject: [PATCH 0480/1010] Fix interactive docs for
 `vue/match-component-import-name` (#1862)

---
 docs/rules/match-component-import-name.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/match-component-import-name.md b/docs/rules/match-component-import-name.md
index 7abf7eca1..fd88f9ff2 100644
--- a/docs/rules/match-component-import-name.md
+++ b/docs/rules/match-component-import-name.md
@@ -13,7 +13,7 @@ since: v8.7.0
 
 By default, this rule will validate that the imported name matches the name of the components object property identifer. Note that "matches" means that the imported name matches either the PascalCase or kebab-case version of the components object property identifer. If you would like to enforce that it must match only one of PascalCase or kebab-case, use this rule in conjunction with the rule [vue/component-definition-name-casing](./component-definition-name-casing.md).
 
-<eslint-code-block :rules="{'vue/match-component-file-name': ['error']}">
+<eslint-code-block :rules="{'vue/match-component-import-name': ['error']}">
 
 ```vue
 <script>

From c43e04f511350b2d4b8bd5c90e1ce302cce630a6 Mon Sep 17 00:00:00 2001
From: Deisling Eduard <41228762+edikdeisling@users.noreply.github.com>
Date: Fri, 22 Apr 2022 12:53:50 +0300
Subject: [PATCH 0481/1010] vue/define-macros-order bug (#1861)

* define-macros-order bugs

* define-macros-order bugs revert
---
 lib/rules/define-macros-order.js       | 25 +++++++++++++++---
 tests/lib/rules/define-macros-order.js | 36 ++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 3 deletions(-)

diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 9c8ea45e6..1db259fa1 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -19,6 +19,17 @@ const MACROS_PROPS = 'defineProps'
 const ORDER = [MACROS_EMITS, MACROS_PROPS]
 const DEFAULT_ORDER = [MACROS_PROPS, MACROS_EMITS]
 
+/**
+ * @param {VElement} scriptSetup
+ * @param {ASTNode} node
+ */
+function inScriptSetup(scriptSetup, node) {
+  return (
+    scriptSetup.range[0] <= node.range[0] &&
+    node.range[1] <= scriptSetup.range[1]
+  )
+}
+
 /**
  * @param {ASTNode} node
  */
@@ -33,9 +44,10 @@ function isUseStrictStatement(node) {
 /**
  * Get an index of the first statement after imports and interfaces in order
  * to place defineEmits and defineProps before this statement
+ * @param {VElement} scriptSetup
  * @param {Program} program
  */
-function getTargetStatementPosition(program) {
+function getTargetStatementPosition(scriptSetup, program) {
   const skipStatements = new Set([
     'ImportDeclaration',
     'TSInterfaceDeclaration',
@@ -45,7 +57,11 @@ function getTargetStatementPosition(program) {
   ])
 
   for (const [index, item] of program.body.entries()) {
-    if (!skipStatements.has(item.type) && !isUseStrictStatement(item)) {
+    if (
+      inScriptSetup(scriptSetup, item) &&
+      !skipStatements.has(item.type) &&
+      !isUseStrictStatement(item)
+    ) {
       return index
     }
   }
@@ -104,7 +120,10 @@ function create(context) {
       'Program:exit'(program) {
         const shouldFirstNode = macrosNodes.get(order[0])
         const shouldSecondNode = macrosNodes.get(order[1])
-        const firstStatementIndex = getTargetStatementPosition(program)
+        const firstStatementIndex = getTargetStatementPosition(
+          scriptSetup,
+          program
+        )
         const firstStatement = program.body[firstStatementIndex]
 
         // have both defineEmits and defineProps
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index ce5f30040..65a07887f 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -387,6 +387,42 @@ tester.run('define-macros-order', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          import 'test2'
+          export default { inheritAttrs: false };
+        </script>
+
+        <script setup>
+          import 'test'
+
+          defineEmits(['update:test'])
+          const props = defineProps({ test: Boolean });
+        </script>
+      `,
+      output: `
+        <script>
+          import 'test2'
+          export default { inheritAttrs: false };
+        </script>
+
+        <script setup>
+          import 'test'
+
+          const props = defineProps({ test: Boolean });
+
+          defineEmits(['update:test'])
+        </script>
+      `,
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 11
+        }
+      ]
     }
   ]
 })

From cdcf75e4ecf3ddab806ef33da77510022777d0da Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 22 Apr 2022 20:56:29 +0900
Subject: [PATCH 0482/1010] Improved rule list doc (#1860)

* Improved rule list doc

* update markdownlint config

* Update tools/update-docs-rules-index.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/.vuepress/components/rules-table.vue

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/.vuepress/components/rules-table.vue

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tools/update-docs-rules-index.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tools/update-docs-rules-index.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tools/lib/utils.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tools/lib/utils.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tools/update-docs-rules-index.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* update

* update markdownlint config

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 .markdownlint.yml                         |   2 +
 docs/.vuepress/components/rules-table.vue |  90 +++
 docs/.vuepress/styles/index.styl          |   6 +
 docs/rules/README.md                      | 645 +++++++++-------------
 package.json                              |   1 -
 tools/lib/utils.js                        |  42 ++
 tools/update-docs-rules-index.js          | 156 +++++-
 tools/update-docs.js                      |  36 +-
 8 files changed, 543 insertions(+), 435 deletions(-)
 create mode 100644 docs/.vuepress/components/rules-table.vue
 create mode 100644 tools/lib/utils.js

diff --git a/.markdownlint.yml b/.markdownlint.yml
index cb76e21d5..b300725cc 100644
--- a/.markdownlint.yml
+++ b/.markdownlint.yml
@@ -5,6 +5,8 @@ no-inline-html:
     - badge
     - eslint-code-block
     - sup
+    - rules-table
+    - span
 
 # enforce consistency
 code-block-style:
diff --git a/docs/.vuepress/components/rules-table.vue b/docs/.vuepress/components/rules-table.vue
new file mode 100644
index 000000000..29d31c4c6
--- /dev/null
+++ b/docs/.vuepress/components/rules-table.vue
@@ -0,0 +1,90 @@
+<template>
+  <div>
+    <div v-if="kindMarks.length > 1" class="filter-tool">
+      Highlight:
+      <label v-for="kindMark in kindMarks" :key="kindMark">
+        <input type="checkbox" :value="kindMark" v-model="checkedKindMarks" />
+        <span class="emoji">{{ kindMark }}</span>
+      </label>
+    </div>
+    <div class="table-root" ref="tableRoot">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+const emojis = ['3️⃣', '2️⃣', '⚠️']
+
+export default {
+  data() {
+    return {
+      kindMarks: [],
+      checkedKindMarks: []
+    }
+  },
+  mounted() {
+    this.setup()
+  },
+  watch: {
+    checkedKindMarks: {
+      handler: 'filterTable',
+      deep: true
+    }
+  },
+  methods: {
+    setup() {
+      const kindMarks = new Set()
+      const table = this.getTable()
+      for (const row of table.rows) {
+        row.cells[3].classList.add('emoji')
+        const trimmed = row.cells[3].textContent.trim()
+        if (!trimmed) {
+          continue
+        }
+        const chars =
+          trimmed.match(new RegExp(`${emojis.join('|')}|.`, 'ug')) || []
+        for (const mark of chars) {
+          kindMarks.add(mark)
+        }
+      }
+      this.kindMarks = [...kindMarks]
+    },
+    getTable() {
+      return this.$refs.tableRoot.querySelector('table')
+    },
+    filterTable() {
+      const table = this.getTable()
+      if (this.checkedKindMarks.length === 0) {
+        table.classList.remove('highlighting')
+        return
+      }
+      table.classList.add('highlighting')
+      for (const row of table.rows) {
+        if (row.cells[0].tagName === 'TH') {
+          row.classList.add('highlight')
+          continue
+        }
+        const rowMarks = row.cells[3].textContent
+        const highlight = this.checkedKindMarks.every((mark) =>
+          rowMarks.includes(mark)
+        )
+        row.classList.toggle('highlight', highlight)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.table-root ::v-deep .highlighting tr {
+  opacity: 0.3;
+}
+.table-root ::v-deep .highlighting .highlight {
+  opacity: 1;
+}
+.filter-tool label {
+  display: inline-flex;
+  margin-right: 0.5ex;
+}
+</style>
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index 48680bbf3..724c68247 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -18,3 +18,9 @@
     }
   }
 }
+
+.theme-container.rule-list .theme-default-content
+  max-width: 1280px;
+
+.emoji
+  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", sans-serif
diff --git a/docs/rules/README.md b/docs/rules/README.md
index 26ce0e59d..9a54292c9 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -1,5 +1,6 @@
 ---
 sidebarDepth: 0
+pageClass: rule-list
 ---
 
 # Available rules
@@ -12,282 +13,172 @@ sidebarDepth: 0
   :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
 
-## Base Rules (Enabling Correct ESLint Parsing)
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
-
-```json
-{
-  "extends": "plugin:vue/base"
-}
-```
-
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  |
-| [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  |
-| [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | prevent `<script setup>` variables used in `<template>` to be marked as unused |  |
-
-## Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
-
-```json
-{
-  "extends": "plugin:vue/vue3-essential"
-}
-```
-
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  |
-| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
-| [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
-| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
-| [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-dollar-scopedslots-api](./no-deprecated-dollar-scopedslots-api.md) | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-router-link-tag-prop](./no-deprecated-router-link-tag-prop.md) | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: |
-| [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: |
-| [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: |
-| [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: |
-| [vue/no-deprecated-v-on-native-modifier](./no-deprecated-v-on-native-modifier.md) | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  |
-| [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: |
-| [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  |
-| [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
-| [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  |
-| [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
-| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  |
-| [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  |
-| [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
-| [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
-| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: |
-| [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
-| [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  |
-| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  |
-| [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
-| [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
-| [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
-| [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
-| [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
-| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: |
-| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
-| [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
-| [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  |
-| [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  |
-| [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
-| [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
-| [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
-| [vue/require-slots-as-functions](./require-slots-as-functions.md) | enforce properties of `$slots` to be used as a function |  |
-| [vue/require-toggle-inside-transition](./require-toggle-inside-transition.md) | require control the display of the content inside `<transition>` |  |
-| [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
-| [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
-| [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
-| [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  |
-| [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
-| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  |
-| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  |
-| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: |
-| [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
-| [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
-| [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  |
-| [vue/valid-v-else-if](./valid-v-else-if.md) | enforce valid `v-else-if` directives |  |
-| [vue/valid-v-else](./valid-v-else.md) | enforce valid `v-else` directives |  |
-| [vue/valid-v-for](./valid-v-for.md) | enforce valid `v-for` directives |  |
-| [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  |
-| [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  |
-| [vue/valid-v-is](./valid-v-is.md) | enforce valid `v-is` directives |  |
-| [vue/valid-v-memo](./valid-v-memo.md) | enforce valid `v-memo` directives |  |
-| [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  |
-| [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  |
-| [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  |
-| [vue/valid-v-pre](./valid-v-pre.md) | enforce valid `v-pre` directives |  |
-| [vue/valid-v-show](./valid-v-show.md) | enforce valid `v-show` directives |  |
-| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  |
-| [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  |
-
-## Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
-
-```json
-{
-  "extends": "plugin:vue/vue3-strongly-recommended"
-}
-```
-
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: |
-| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
-| [vue/first-attribute-linebreak](./first-attribute-linebreak.md) | enforce the location of first attribute | :wrench: |
-| [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: |
-| [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: |
-| [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: |
-| [vue/html-indent](./html-indent.md) | enforce consistent indentation in `<template>` | :wrench: |
-| [vue/html-quotes](./html-quotes.md) | enforce quotes style of HTML attributes | :wrench: |
-| [vue/html-self-closing](./html-self-closing.md) | enforce self-closing style | :wrench: |
-| [vue/max-attributes-per-line](./max-attributes-per-line.md) | enforce the maximum number of attributes per line | :wrench: |
-| [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element | :wrench: |
-| [vue/mustache-interpolation-spacing](./mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations | :wrench: |
-| [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: |
-| [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: |
-| [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  |
-| [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  |
-| [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
-| [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
-| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` | :bulb: |
-| [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
-| [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
-| [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
-| [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: |
-| [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: |
-| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
-
-## Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
-
-```json
-{
-  "extends": "plugin:vue/vue3-recommended"
-}
-```
-
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench: |
-| [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
-| [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
-| [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
-| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
-| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: |
-
-## Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
-
-```json
-{
-  "extends": "plugin:vue/essential"
-}
-```
+Mark indicating rule type:
 
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  |
-| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  |
-| [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  |
-| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  |
-| [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  |
-| [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  |
-| [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  |
-| [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  |
-| [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  |
-| [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  |
-| [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  |
-| [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  |
-| [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  |
-| [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: |
-| [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
-| [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
-| [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
-| [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
-| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: |
-| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
-| [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  |
-| [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  |
-| [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  |
-| [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  |
-| [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: |
-| [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  |
-| [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  |
-| [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  |
-| [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  |
-| [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  |
-| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: |
-| [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  |
-| [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  |
-| [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  |
-| [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  |
-| [vue/valid-v-else-if](./valid-v-else-if.md) | enforce valid `v-else-if` directives |  |
-| [vue/valid-v-else](./valid-v-else.md) | enforce valid `v-else` directives |  |
-| [vue/valid-v-for](./valid-v-for.md) | enforce valid `v-for` directives |  |
-| [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  |
-| [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  |
-| [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  |
-| [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  |
-| [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  |
-| [vue/valid-v-pre](./valid-v-pre.md) | enforce valid `v-pre` directives |  |
-| [vue/valid-v-show](./valid-v-show.md) | enforce valid `v-show` directives |  |
-| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  |
-| [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  |
-
-## Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
+- <span class="emoji">:warning:</span> Possible Problems: These rules relate to possible logic errors in code.
+- :hammer: Suggestions: These rules suggest alternate ways of doing things.
+- :lipstick: Layout & Formatting: These rules care about how the code looks rather than how it executes.
 
-```json
-{
-  "extends": "plugin:vue/strongly-recommended"
-}
-```
-
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: |
-| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: |
-| [vue/first-attribute-linebreak](./first-attribute-linebreak.md) | enforce the location of first attribute | :wrench: |
-| [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: |
-| [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: |
-| [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: |
-| [vue/html-indent](./html-indent.md) | enforce consistent indentation in `<template>` | :wrench: |
-| [vue/html-quotes](./html-quotes.md) | enforce quotes style of HTML attributes | :wrench: |
-| [vue/html-self-closing](./html-self-closing.md) | enforce self-closing style | :wrench: |
-| [vue/max-attributes-per-line](./max-attributes-per-line.md) | enforce the maximum number of attributes per line | :wrench: |
-| [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element | :wrench: |
-| [vue/mustache-interpolation-spacing](./mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations | :wrench: |
-| [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: |
-| [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: |
-| [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  |
-| [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  |
-| [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  |
-| [vue/require-default-prop](./require-default-prop.md) | require default value for props |  |
-| [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  |
-| [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: |
-| [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: |
-| [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: |
-| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: |
-
-## Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
-
-```json
-{
-  "extends": "plugin:vue/recommended"
-}
-```
+## Base Rules (Enabling Correct ESLint Parsing)
 
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench: |
-| [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  |
-| [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  |
-| [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  |
-| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: |
-| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: |
+Rules in this category are enabled for all presets provided by eslint-plugin-vue.
+
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+| [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  | :warning: |
+| [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  | :warning: |
+| [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | prevent `<script setup>` variables used in `<template>` to be marked as unused |  | :warning: |
+
+</rules-table>
+
+## Priority A: Essential (Error Prevention)
+
+- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"` presets.
+
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  | :three::two::hammer: |
+| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  | :three::two::warning: |
+| [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  | :three::two::warning: |
+| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  | :three::two::warning: |
+| [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  | :two::warning: |
+| [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-dollar-scopedslots-api](./no-deprecated-dollar-scopedslots-api.md) | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-router-link-tag-prop](./no-deprecated-router-link-tag-prop.md) | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-v-on-native-modifier](./no-deprecated-v-on-native-modifier.md) | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  | :three::two::warning: |
+| [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  | :three::two::warning: |
+| [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  | :three::two::warning: |
+| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  | :three::warning: |
+| [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  | :three::hammer: |
+| [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  | :two::warning: |
+| [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  | :three::two::hammer: |
+| [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  | :three::two::warning: |
+| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: | :three::hammer: |
+| [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  | :three::two::hammer: |
+| [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  | :three::two::warning: |
+| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  | :three::hammer: |
+| [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: | :three::two::warning: |
+| [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  | :three::two::warning: |
+| [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  | :three::two::warning: |
+| [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  | :three::two::warning: |
+| [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  | :three::two::hammer: |
+| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: | :three::two::hammer: |
+| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  | :three::two::hammer: |
+| [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  | :three::two::warning: |
+| [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  | :three::warning: |
+| [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  | :two::warning: |
+| [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  | :two::warning: |
+| [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  | :three::hammer: |
+| [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  | :three::two::warning: |
+| [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: | :three::two::hammer: |
+| [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  | :three::two::warning: |
+| [vue/require-slots-as-functions](./require-slots-as-functions.md) | enforce properties of `$slots` to be used as a function |  | :three::warning: |
+| [vue/require-toggle-inside-transition](./require-toggle-inside-transition.md) | require control the display of the content inside `<transition>` |  | :three::warning: |
+| [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  | :three::two::warning: |
+| [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  | :three::two::hammer: |
+| [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  | :three::two::warning: |
+| [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  | :three::warning: |
+| [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  | :three::two::hammer: |
+| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  | :three::warning: |
+| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  | :three::warning: |
+| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: | :three::two::warning: |
+| [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  | :three::two::warning: |
+| [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  | :two::warning: |
+| [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  | :three::two::warning: |
+| [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  | :three::two::warning: |
+| [vue/valid-v-else-if](./valid-v-else-if.md) | enforce valid `v-else-if` directives |  | :three::two::warning: |
+| [vue/valid-v-else](./valid-v-else.md) | enforce valid `v-else` directives |  | :three::two::warning: |
+| [vue/valid-v-for](./valid-v-for.md) | enforce valid `v-for` directives |  | :three::two::warning: |
+| [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  | :three::two::warning: |
+| [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  | :three::two::warning: |
+| [vue/valid-v-is](./valid-v-is.md) | enforce valid `v-is` directives |  | :three::warning: |
+| [vue/valid-v-memo](./valid-v-memo.md) | enforce valid `v-memo` directives |  | :three::warning: |
+| [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  | :three::two::warning: |
+| [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  | :three::two::warning: |
+| [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  | :three::two::warning: |
+| [vue/valid-v-pre](./valid-v-pre.md) | enforce valid `v-pre` directives |  | :three::two::warning: |
+| [vue/valid-v-show](./valid-v-show.md) | enforce valid `v-show` directives |  | :three::two::warning: |
+| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  | :three::two::warning: |
+| [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  | :three::two::warning: |
+
+</rules-table>
+
+## Priority B: Strongly Recommended (Improving Readability)
+
+- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"` presets.
+
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+| [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: | :three::two::hammer: |
+| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: | :three::two::hammer: |
+| [vue/first-attribute-linebreak](./first-attribute-linebreak.md) | enforce the location of first attribute | :wrench: | :three::two::lipstick: |
+| [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: | :three::two::lipstick: |
+| [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: | :three::two::lipstick: |
+| [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: | :three::two::hammer: |
+| [vue/html-indent](./html-indent.md) | enforce consistent indentation in `<template>` | :wrench: | :three::two::lipstick: |
+| [vue/html-quotes](./html-quotes.md) | enforce quotes style of HTML attributes | :wrench: | :three::two::lipstick: |
+| [vue/html-self-closing](./html-self-closing.md) | enforce self-closing style | :wrench: | :three::two::lipstick: |
+| [vue/max-attributes-per-line](./max-attributes-per-line.md) | enforce the maximum number of attributes per line | :wrench: | :three::two::lipstick: |
+| [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element | :wrench: | :three::two::lipstick: |
+| [vue/mustache-interpolation-spacing](./mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations | :wrench: | :three::two::lipstick: |
+| [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: | :three::two::lipstick: |
+| [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: | :three::two::lipstick: |
+| [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  | :three::two::hammer: |
+| [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  | :three::two::hammer: |
+| [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  | :three::two::hammer: |
+| [vue/require-default-prop](./require-default-prop.md) | require default value for props |  | :three::two::hammer: |
+| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` | :bulb: | :three::hammer: |
+| [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  | :three::two::hammer: |
+| [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: | :three::two::lipstick: |
+| [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: | :three::two::hammer: |
+| [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: | :three::hammer: |
+| [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: | :three::two::hammer: |
+| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: | :three::two::hammer: |
+
+</rules-table>
+
+## Priority C: Recommended (Potentially Dangerous Patterns)
+
+- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/vue3-recommended"` preset.
+- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/recommended"` preset.
+
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+| [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: | :three::two::hammer: |
+| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench: | :three::two::hammer: |
+| [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  | :three::two::warning: |
+| [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  | :three::two::warning: |
+| [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
+| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: | :three::two::hammer: |
+| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: | :three::two::hammer: |
+
+</rules-table>
 
 ## Uncategorized
 
@@ -304,111 +195,119 @@ For example:
 }
 ```
 
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  |
-| [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: |
-| [vue/component-api-style](./component-api-style.md) | enforce component API style |  |
-| [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
-| [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: |
-| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  |
-| [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench: |
-| [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  |
-| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: |
-| [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: |
-| [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: |
-| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  |
-| [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  |
-| [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: |
-| [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: |
-| [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
-| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
-| [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: |
-| [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
-| [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  |
-| [vue/no-expose-after-await](./no-expose-after-await.md) | disallow asynchronously registered `expose` |  |
-| [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  |
-| [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
-| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: |
-| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
-| [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  |
-| [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  |
-| [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  |
-| [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  |
-| [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event | :bulb: |
-| [vue/no-restricted-html-elements](./no-restricted-html-elements.md) | disallow specific HTML elements |  |
-| [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: |
-| [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
-| [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  |
-| [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
-| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
-| [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  |
-| [vue/no-undef-components](./no-undef-components.md) | disallow use of undefined components in `<template>` |  |
-| [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  |
-| [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
-| [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  |
-| [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  |
-| [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-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  |
-| [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/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: |
-| [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: |
-| [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: |
-| [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: |
-| [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 | :bulb: |
-| [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: |
-| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  |
-| [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
-| [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  |
-| [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: |
-| [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: |
-| [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+| [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  | :hammer: |
+| [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: | :lipstick: |
+| [vue/component-api-style](./component-api-style.md) | enforce component API style |  | :hammer: |
+| [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: | :hammer: |
+| [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: | :hammer: |
+| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  | :hammer: |
+| [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench: | :lipstick: |
+| [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |
+| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: | :lipstick: |
+| [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
+| [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: | :lipstick: |
+| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  | :hammer: |
+| [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  | :warning: |
+| [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
+| [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
+| [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
+| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: | :hammer: |
+| [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: | :warning: |
+| [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
+| [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
+| [vue/no-expose-after-await](./no-expose-after-await.md) | disallow asynchronously registered `expose` |  | :warning: |
+| [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  | :warning: |
+| [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
+| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
+| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  | :hammer: |
+| [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
+| [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
+| [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
+| [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  | :hammer: |
+| [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event | :bulb: | :hammer: |
+| [vue/no-restricted-html-elements](./no-restricted-html-elements.md) | disallow specific HTML elements |  | :hammer: |
+| [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: | :hammer: |
+| [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  | :hammer: |
+| [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  | :hammer: |
+| [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  | :hammer: |
+| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  | :warning: |
+| [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  | :warning: |
+| [vue/no-undef-components](./no-undef-components.md) | disallow use of undefined components in `<template>` |  | :hammer: |
+| [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  | :hammer: |
+| [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: | :hammer: |
+| [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  | :hammer: |
+| [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  | :hammer: |
+| [vue/no-use-computed-property-like-method](./no-use-computed-property-like-method.md) | disallow use computed property like method |  | :warning: |
+| [vue/no-useless-mustaches](./no-useless-mustaches.md) | disallow unnecessary mustache interpolations | :wrench: | :hammer: |
+| [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: | :hammer: |
+| [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  | :warning: |
+| [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  | :hammer: |
+| [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
+| [vue/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: | :hammer: |
+| [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
+| [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
+| [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
+| [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
+| [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
+| [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
+| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  | :hammer: |
+| [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
+| [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
+| [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
+| [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
+| [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: | :hammer: |
+
+</rules-table>
 
 ### Extension Rules
 
 The following rules extend the rules provided by ESLint itself and apply them to the expressions in the `<template>`.
 
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: |
-| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets in `<template>` | :wrench: |
-| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: |
-| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: |
-| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks in `<template>` | :wrench: |
-| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention in `<template>` |  |
-| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas in `<template>` | :wrench: |
-| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas in `<template>` | :wrench: |
-| [vue/comma-style](./comma-style.md) | enforce consistent comma style in `<template>` | :wrench: |
-| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots in `<template>` | :wrench: |
-| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible in `<template>` | :wrench: |
-| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` in `<template>` | :wrench: |
-| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: |
-| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: |
-| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords in `<template>` | :wrench: |
-| [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  |
-| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions in `<template>` |  |
-| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns in `<template>` |  |
-| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses in `<template>` | :wrench: |
-| [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  |
-| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision in `<template>` |  |
-| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax in `<template>` |  |
-| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays in `<template>` |  |
-| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals in `<template>` |  |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: |
-| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces in `<template>` | :wrench: |
-| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines in `<template>` | :wrench: |
-| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: |
-| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: |
-| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: |
-| [vue/quote-props](./quote-props.md) | require quotes around object literal property names in `<template>` | :wrench: |
-| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: |
-| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: |
-| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: |
-| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: |
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
+| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
+| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
+| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention in `<template>` |  | :hammer: |
+| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-style](./comma-style.md) | enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
+| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
+| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
+| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
+| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
+| [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
+| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions in `<template>` |  | :warning: |
+| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns in `<template>` |  | :warning: |
+| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  | :warning: |
+| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision in `<template>` |  | :warning: |
+| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax in `<template>` |  | :hammer: |
+| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays in `<template>` |  | :warning: |
+| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
+| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
+| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
+| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
+| [vue/quote-props](./quote-props.md) | require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
+| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
+| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
+| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
+
+</rules-table>
 
 ## Deprecated
 
diff --git a/package.json b/package.json
index 2ec6b6532..093aab994 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,6 @@
     "eslint-plugin-unicorn": "^40.1.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.0.0",
-    "lodash": "^4.17.21",
     "markdownlint-cli": "^0.31.1",
     "mocha": "^7.1.2",
     "nyc": "^15.1.0",
diff --git a/tools/lib/utils.js b/tools/lib/utils.js
new file mode 100644
index 000000000..eb3f53fd7
--- /dev/null
+++ b/tools/lib/utils.js
@@ -0,0 +1,42 @@
+module.exports = { getPresetIds, formatItems }
+
+const presetCategories = {
+  base: null,
+  essential: 'base',
+  'vue3-essential': 'base',
+  'strongly-recommended': 'essential',
+  'vue3-strongly-recommended': 'vue3-essential',
+  recommended: 'strongly-recommended',
+  'vue3-recommended': 'vue3-strongly-recommended'
+  // 'use-with-caution': 'recommended',
+  // 'vue3-use-with-caution': 'vue3-recommended'
+}
+
+function formatItems(items, suffix) {
+  if (items.length === 1) {
+    return `${items[0]}${suffix ? ` ${suffix[0]}` : ''}`
+  }
+  if (items.length === 2) {
+    return `${items.join(' and ')}${suffix ? ` ${suffix[1]}` : ''}`
+  }
+  return `all of ${items.slice(0, -1).join(', ')} and ${[...items].pop()}${
+    suffix ? ` ${suffix[1]}` : ''
+  }`
+}
+
+function getPresetIds(categoryIds) {
+  const subsetCategoryIds = []
+  for (const categoryId of categoryIds) {
+    for (const [subsetCategoryId, supersetCategoryId] of Object.entries(
+      presetCategories
+    )) {
+      if (supersetCategoryId === categoryId) {
+        subsetCategoryIds.push(subsetCategoryId)
+      }
+    }
+  }
+  if (subsetCategoryIds.length === 0) {
+    return categoryIds
+  }
+  return [...new Set([...categoryIds, ...getPresetIds(subsetCategoryIds)])]
+}
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 606d67179..27ab06979 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -7,9 +7,18 @@
 const fs = require('fs')
 const path = require('path')
 const rules = require('./lib/rules')
-const categories = require('./lib/categories')
+const { getPresetIds, formatItems } = require('./lib/utils')
+
+const VUE3_EMOJI = ':three:'
+const VUE2_EMOJI = ':two:'
 
 // -----------------------------------------------------------------------------
+const categorizedRules = rules.filter(
+  (rule) =>
+    rule.meta.docs.categories &&
+    !rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
+)
 const uncategorizedRules = rules.filter(
   (rule) =>
     !rule.meta.docs.categories &&
@@ -24,16 +33,23 @@ const uncategorizedExtensionRule = rules.filter(
 )
 const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
 
-function toRuleRow(rule) {
+const TYPE_MARK = {
+  problem: ':warning:',
+  suggestion: ':hammer:',
+  layout: ':lipstick:'
+}
+
+function toRuleRow(rule, kindMarks = []) {
   const mark = [
     rule.meta.fixable ? ':wrench:' : '',
     rule.meta.hasSuggestions ? ':bulb:' : '',
     rule.meta.deprecated ? ':warning:' : ''
   ].join('')
+  const kindMark = [...kindMarks, TYPE_MARK[rule.meta.type]].join('')
   const link = `[${rule.ruleId}](./${rule.name}.md)`
   const description = rule.meta.docs.description || '(no description)'
 
-  return `| ${link} | ${description} | ${mark} |`
+  return `| ${link} | ${description} | ${mark} | ${kindMark} |`
 }
 
 function toDeprecatedRuleRow(rule) {
@@ -46,25 +62,97 @@ function toDeprecatedRuleRow(rule) {
   return `| ${link} | ${replacedBy || '(no replacement)'} |`
 }
 
-// -----------------------------------------------------------------------------
-let rulesTableContent = categories
-  .map(
-    (category) => `
-## ${category.title.vuepress}
-
-Enforce all the rules in this category, as well as all higher priority rules, with:
+const categoryGroups = [
+  {
+    title: 'Base Rules (Enabling Correct ESLint Parsing)',
+    description:
+      'Rules in this category are enabled for all presets provided by eslint-plugin-vue.',
+    categoryIdForVue3: 'base',
+    categoryIdForVue2: 'base',
+    useMark: false
+  },
+  {
+    title: 'Priority A: Essential (Error Prevention)',
+    categoryIdForVue3: 'vue3-essential',
+    categoryIdForVue2: 'essential',
+    useMark: true
+  },
+  {
+    title: 'Priority B: Strongly Recommended (Improving Readability)',
+    categoryIdForVue3: 'vue3-strongly-recommended',
+    categoryIdForVue2: 'strongly-recommended',
+    useMark: true
+  },
+  {
+    title: 'Priority C: Recommended (Potentially Dangerous Patterns)',
+    categoryIdForVue3: 'vue3-recommended',
+    categoryIdForVue2: 'recommended',
+    useMark: true
+  }
+]
 
-\`\`\`json
-{
-  "extends": "plugin:vue/${category.categoryId}"
-}
-\`\`\`
+// -----------------------------------------------------------------------------
+let rulesTableContent = categoryGroups
+  .map((group) => {
+    const rules = categorizedRules.filter(
+      (rule) =>
+        rule.meta.docs.categories.includes(group.categoryIdForVue3) ||
+        rule.meta.docs.categories.includes(group.categoryIdForVue2)
+    )
+    let content = `
+## ${group.title}
+`
 
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-${category.rules.map(toRuleRow).join('\n')}
+    if (group.description) {
+      content += `
+${group.description}
+`
+    }
+    if (group.useMark) {
+      const presetsForVue3 = getPresetIds([group.categoryIdForVue3]).map(
+        (categoryId) => `\`"plugin:vue/${categoryId}"\``
+      )
+      const presetsForVue2 = getPresetIds([group.categoryIdForVue2]).map(
+        (categoryId) => `\`"plugin:vue/${categoryId}"\``
+      )
+      content += `
+- ${VUE3_EMOJI} Indicates that the rule is for Vue 3 and is included in ${formatItems(
+        presetsForVue3,
+        ['preset', 'presets']
+      )}.
+- ${VUE2_EMOJI} Indicates that the rule is for Vue 2 and is included in ${formatItems(
+        presetsForVue2,
+        ['preset', 'presets']
+      )}.
 `
-  )
+    }
+
+    content += `
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+${rules
+  .map((rule) => {
+    const mark = group.useMark
+      ? [
+          rule.meta.docs.categories.includes(group.categoryIdForVue3)
+            ? [VUE3_EMOJI]
+            : [],
+          rule.meta.docs.categories.includes(group.categoryIdForVue2)
+            ? [VUE2_EMOJI]
+            : []
+        ].flat()
+      : []
+    return toRuleRow(rule, mark)
+  })
+  .join('\n')}
+
+</rules-table>
+`
+
+    return content
+  })
   .join('')
 
 // -----------------------------------------------------------------------------
@@ -90,9 +178,13 @@ For example:
 }
 if (uncategorizedRules.length > 0) {
   rulesTableContent += `
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-${uncategorizedRules.map(toRuleRow).join('\n')}
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+${uncategorizedRules.map((rule) => toRuleRow(rule)).join('\n')}
+
+</rules-table>
 `
 }
 if (uncategorizedExtensionRule.length > 0) {
@@ -101,9 +193,13 @@ if (uncategorizedExtensionRule.length > 0) {
 
 The following rules extend the rules provided by ESLint itself and apply them to the expressions in the \`<template>\`.
 
-| Rule ID | Description |    |
-|:--------|:------------|:---|
-${uncategorizedExtensionRule.map(toRuleRow).join('\n')}
+<rules-table>
+
+| Rule ID | Description |    |    |
+|:--------|:------------|:--:|:--:|
+${uncategorizedExtensionRule.map((rule) => toRuleRow(rule)).join('\n')}
+
+</rules-table>
 `
 }
 
@@ -127,6 +223,7 @@ fs.writeFileSync(
   readmeFilePath,
   `---
 sidebarDepth: 0
+pageClass: rule-list
 ---
 
 # Available rules
@@ -139,5 +236,12 @@ sidebarDepth: 0
   :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
 
-${rulesTableContent}`
+Mark indicating rule type:
+
+- <span class="emoji">:warning:</span> Possible Problems: These rules relate to possible logic errors in code.
+- :hammer: Suggestions: These rules suggest alternate ways of doing things.
+- :lipstick: Layout & Formatting: These rules care about how the code looks rather than how it executes.
+
+${rulesTableContent.trim()}
+`
 )
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 6f2d2255a..c34f3e1a0 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -20,45 +20,11 @@ For example:
 
 const fs = require('fs')
 const path = require('path')
-const last = require('lodash/last')
 const rules = require('./lib/rules')
+const { getPresetIds, formatItems } = require('./lib/utils')
 
 const ROOT = path.resolve(__dirname, '../docs/rules')
 
-const presetCategories = {
-  base: null,
-  essential: 'base',
-  'vue3-essential': 'base',
-  'strongly-recommended': 'essential',
-  'vue3-strongly-recommended': 'vue3-essential',
-  recommended: 'strongly-recommended',
-  'vue3-recommended': 'vue3-strongly-recommended'
-  // 'use-with-caution': 'recommended',
-  // 'vue3-use-with-caution': 'vue3-recommended'
-}
-
-function formatItems(items) {
-  if (items.length <= 2) {
-    return items.join(' and ')
-  }
-  return `all of ${items.slice(0, -1).join(', ')} and ${last(items)}`
-}
-
-function getPresetIds(categoryIds) {
-  const subsetCategoryIds = []
-  for (const categoryId of categoryIds) {
-    for (const subsetCategoryId in presetCategories) {
-      if (presetCategories[subsetCategoryId] === categoryId) {
-        subsetCategoryIds.push(subsetCategoryId)
-      }
-    }
-  }
-  if (subsetCategoryIds.length === 0) {
-    return categoryIds
-  }
-  return [...new Set([...categoryIds, ...getPresetIds(subsetCategoryIds)])]
-}
-
 function pickSince(content) {
   const fileIntro = /^---\n(.*\n)+---\n*/g.exec(content)
   if (fileIntro) {

From 849e9691015a3276cd6f1383273f7cdfcb292ddb Mon Sep 17 00:00:00 2001
From: yammyxing <yammyxing@gmail.com>
Date: Fri, 22 Apr 2022 22:46:16 +0800
Subject: [PATCH 0483/1010] Improve warning wording in
 `vue/no-v-for-template-key` docs (#1858)

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/no-v-for-template-key.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index bd4623dd0..01e09734a 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -18,8 +18,8 @@ This rule reports the `<template v-for>` elements which have `key` attribute.
 In Vue.js 2.x, disallows `key` attribute on `<template>` elements.
 
 ::: warning Note
-Do not use with the [vue/no-v-for-template-key-on-child] rule for Vue.js 3.x.  
-This rule conflicts with the [vue/no-v-for-template-key-on-child] rule.
+This rule is targeted at Vue.js 2.x.
+If you are using Vue.js 3.x, enable the [vue/no-v-for-template-key-on-child] rule instead. Don't enable both rules together; they are conflicting.
 :::
 
 <eslint-code-block :rules="{'vue/no-v-for-template-key': ['error']}">

From d1072d5f097ff07d27122af0c314c0b6a582acfd Mon Sep 17 00:00:00 2001
From: yammyxing <yammyxing@gmail.com>
Date: Fri, 22 Apr 2022 22:46:42 +0800
Subject: [PATCH 0484/1010] Improve warning wording in
 `vue/no-v-for-template-key-on-child` docs (#1859)

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/no-v-for-template-key-on-child.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index 3b03c36c0..559793cbb 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -20,8 +20,8 @@ In Vue.js 3.x, with the support for fragments, the `<template v-for>` key can be
 See [Migration Guide - `key` attribute > With `<template v-for>`](https://v3-migration.vuejs.org/breaking-changes/key-attribute.html#with-template-v-for) for more details.
 
 ::: warning Note
-Do not use with the [vue/no-v-for-template-key] rule for Vue.js 2.x.  
-This rule conflicts with the [vue/no-v-for-template-key] rule.
+This rule is targeted at Vue.js 3.x.
+If you are using Vue.js 2.x, enable the [vue/no-v-for-template-key] rule instead. Don't enable both rules together; they are conflicting.
 :::
 
 <eslint-code-block :rules="{'vue/no-v-for-template-key-on-child': ['error']}">

From 635c338a880458253f5577cbb55c78c2f48d2bc8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 23 Apr 2022 10:40:42 +0900
Subject: [PATCH 0485/1010] Add test for Node.js v18 (#1864)

---
 .github/workflows/CI.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 15c7d4193..dedfe4110 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -25,7 +25,7 @@ jobs:
     name: Test
     strategy:
       matrix:
-        node: [16, 17]
+        node: [17, 18]
         os: [ubuntu-latest]
 
     runs-on: ${{ matrix.os }}

From 309cacebaf3b30a6e4fb42c86b0d962ae0875392 Mon Sep 17 00:00:00 2001
From: Zhongjan <zjgdmz@yeah.net>
Date: Tue, 26 Apr 2022 23:02:49 +0800
Subject: [PATCH 0486/1010] Improve `vue/multi-word-component-names` rule docs
 (#1871)

---
 docs/rules/multi-word-component-names.md | 53 ++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 4835d12f4..06aa78d96 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -76,6 +76,47 @@ export default {
 
 </eslint-code-block>
 
+<eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```vue
+<!-- filename: Todo.vue -->
+<!-- ✗ BAD -->
+<script setup>
+  // ...
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block filename="src/TodoItem.js" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```vue
+<!-- filename: TodoItem.vue -->
+<!-- ✓ GOOD -->
+<script setup>
+  // ...
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error']}">
+
+```vue
+<!-- filename: Todo.vue -->
+<!-- ✓ GOOD -->
+<script setup>
+  // ...
+</script>
+<script>
+export default {
+  name: 'TodoItem'
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :wrench: Options
 
 ```json
@@ -116,6 +157,18 @@ export default {
 
 </eslint-code-block>
 
+<eslint-code-block filename="src/Todo.vue" :rules="{'vue/multi-word-component-names': ['error', {ignores: ['Todo']}]}">
+
+```vue
+<!-- filename: Todo.vue -->
+<!-- ✓ GOOD -->
+<script setup>
+  // ...
+</script>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [Style guide - Multi-word component names](https://vuejs.org/style-guide/rules-essential.html#use-multi-word-component-names)

From 9344af8114d457eab996f3ec2439839a37b291fa Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 7 May 2022 13:21:01 +0200
Subject: [PATCH 0487/1010] Check symbols before GOOD/BAD comments in docs
 (#1880)

---
 docs/rules/no-restricted-class.md             |  2 +-
 docs/rules/no-restricted-custom-event.md      |  2 +-
 .../no-use-computed-property-like-method.md   |  2 +-
 tools/update-docs.js                          | 20 +++++++++++++++++++
 4 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
index d67e5d8b2..849c71e8c 100644
--- a/docs/rules/no-restricted-class.md
+++ b/docs/rules/no-restricted-class.md
@@ -35,7 +35,7 @@ in the rule configuration.
   <div :class="'forbidden'" />
   <div :class="'forbidden ' + someString" />
   <div :class="[someString, 'forbidden']" />
-  <!-- ✗ GOOD -->
+  <!-- ✓ GOOD -->
   <div class="allowed-class" />
 </template>
 
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
index bc48def0a..b77feac14 100644
--- a/docs/rules/no-restricted-custom-event.md
+++ b/docs/rules/no-restricted-custom-event.md
@@ -31,7 +31,7 @@ This rule takes a list of strings, where each string is a custom event name or p
 <template>
   <!-- ✗ BAD -->
   <input @input="$emit('input', $event.target.value)">
-  <!-- ✗ GOOD -->
+  <!-- ✓ GOOD -->
   <input @input="$emit('update:value', $event.target.value)">
 </template>
 <script>
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
index 33e49d653..27d6363d1 100644
--- a/docs/rules/no-use-computed-property-like-method.md
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -320,7 +320,7 @@ export default {
       this.computedReturnPropsFunction
       this.computedReturnPropsFunction()
       /* ✗ BAD */
-      /* Nope. everything is GOOD!! */
+      /* Nope. everything is good!! */
     }
   }
 }
diff --git a/tools/update-docs.js b/tools/update-docs.js
index c34f3e1a0..80211d278 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -223,6 +223,25 @@ ${
 
     return this
   }
+
+  checkGoodBadSymbols() {
+    const lines = this.content.split('\n')
+    for (const [lineNumber, line] of lines.entries()) {
+      const lineNumberFilePath = `${this.filePath}:${lineNumber + 1}`
+
+      if (line.includes('GOOD') && !line.includes('✓ GOOD')) {
+        throw new Error(
+          `Expected '✓ GOOD' instead of '${line}' in '${lineNumberFilePath}'`
+        )
+      }
+
+      if (line.includes('BAD') && !line.includes('✗ BAD')) {
+        throw new Error(
+          `Expected '✗ BAD' instead of '${line}' in '${lineNumberFilePath}'`
+        )
+      }
+    }
+  }
 }
 
 for (const rule of rules) {
@@ -234,4 +253,5 @@ for (const rule of rules) {
     .adjustCodeBlocks()
     .write()
     .checkHeadings()
+    .checkGoodBadSymbols()
 }

From 4daf4c84107c08754a1137f656a12290d10ff6f0 Mon Sep 17 00:00:00 2001
From: Hideaki Matsunami <mahaker@users.noreply.github.com>
Date: Mon, 9 May 2022 17:17:57 +0900
Subject: [PATCH 0488/1010] feat: fixable match-component-file-name rule
 (#1874)

* Add typing 'Literal#raw' property

vue-eslint-parser's ESLintLiteralBase Node has 'raw' property.
ref: https://github.com/vuejs/vue-eslint-parser/blob/160f4efc4eaf363662b464a4a26a4c9e514deb5d/src/ast/nodes.ts#L395

It was necessary to identify quotes in the match-component-file-name's fixer.

* feat: add suggestion match-component-file-name rule

improve #1816

For the following reasons why name option changed.
If change file name, alto need to change import statement.

Also, this rule not auto-fixed, because the file name may be incorrect.
---
 docs/rules/README.md                          |   2 +-
 docs/rules/match-component-file-name.md       |   2 +
 lib/rules/match-component-file-name.js        |  14 +-
 tests/lib/rules/match-component-file-name.js  | 322 +++++++++++++++++-
 .../util-types/ast/es-ast.ts                  |   1 +
 5 files changed, 325 insertions(+), 16 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9a54292c9..867cbe2bc 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -210,7 +210,7 @@ For example:
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: | :lipstick: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: | :lipstick: |
-| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name |  | :hammer: |
+| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name | :bulb: | :hammer: |
 | [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  | :warning: |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index afd57a390..ae27d13b6 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -9,6 +9,8 @@ since: v5.2.0
 
 > require component name property to match its file name
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 This rule reports if a component `name` property does not match its file name.
 
 You can define an array of file extensions this rule should verify for the component's name.
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index 57fd4ff89..40d01ba00 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -31,6 +31,8 @@ function canVerify(node) {
 
 module.exports = {
   meta: {
+    // eslint-disable-next-line eslint-plugin/require-meta-has-suggestions
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require component name property to match its file name',
@@ -114,7 +116,17 @@ module.exports = {
           node,
           message:
             'Component name `{{name}}` should match file name `{{filename}}`.',
-          data: { filename, name }
+          data: { filename, name },
+          suggest: [
+            {
+              desc: 'Rename component to match file name.',
+              fix(fixer) {
+                const quote =
+                  node.type === 'TemplateLiteral' ? '`' : node.raw[0]
+                return fixer.replaceText(node, `${quote}${filename}${quote}`)
+              }
+            }
+          ]
         })
       }
     }
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index d1b4c3371..83610962c 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -564,7 +564,18 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        export default {
+          name: 'MyComponent',
+          render() { return <div /> }
+        }
+      `
+            }
+          ]
         }
       ]
     },
@@ -581,7 +592,46 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        export default {
+          name: 'MyComponent',
+          render() { return <div /> }
+        }
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'MyComponent.jsx',
+      code: `
+        export default {
+          name: "MComponent",
+          render() { return <div /> }
+        }
+      `,
+      options: [{ extensions: ['jsx'] }],
+      parserOptions: jsxParserOptions,
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        export default {
+          name: "MyComponent",
+          render() { return <div /> }
+        }
+      `
+            }
+          ]
         }
       ]
     },
@@ -598,7 +648,18 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        export default {
+          name: \`MyComponent\`,
+          render() { return <div /> }
+        }
+      `
+            }
+          ]
         }
       ]
     },
@@ -620,7 +681,53 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        <script>
+          export default {
+            name: 'MyComponent',
+            template: '<div />'
+          }
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'MyComponent.vue',
+      code: `
+        <script>
+          export default {
+            name: "MComponent",
+            template: '<div />'
+          }
+        </script>
+      `,
+      options: [{ extensions: ['vue'] }],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        <script>
+          export default {
+            name: "MyComponent",
+            template: '<div />'
+          }
+        </script>
+      `
+            }
+          ]
         }
       ]
     },
@@ -640,7 +747,20 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        <script>
+          export default {
+            name: \`MyComponent\`,
+            template: '<div />'
+          }
+        </script>
+      `
+            }
+          ]
         }
       ]
     },
@@ -659,7 +779,46 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        new Vue({
+          name: 'MyComponent',
+          template: '<div />'
+        })
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'MyComponent.js',
+      code: `
+        new Vue({
+          name: "MComponent",
+          template: '<div />'
+        })
+      `,
+      options: [{ extensions: ['js'] }],
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        new Vue({
+          name: "MyComponent",
+          template: '<div />'
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -676,7 +835,18 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        new Vue({
+          name: \`MyComponent\`,
+          template: '<div />'
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -692,7 +862,43 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        Vue.mixin({
+          name: 'MyComponent',
+        })
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'MyComponent.js',
+      code: `
+        Vue.mixin({
+          name: "MComponent",
+        })
+      `,
+      options: [{ extensions: ['js'] }],
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        Vue.mixin({
+          name: "MyComponent",
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -708,7 +914,17 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        Vue.mixin({
+          name: \`MyComponent\`,
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -724,7 +940,43 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        Vue.component('MyComponent', {
+          template: '<div />'
+        })
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'MyComponent.js',
+      code: `
+        Vue.component("MComponent", {
+          template: '<div />'
+        })
+      `,
+      options: [{ extensions: ['js'] }],
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        Vue.component("MyComponent", {
+          template: '<div />'
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -740,7 +992,17 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        Vue.component(\`MyComponent\`, {
+          template: '<div />'
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -756,7 +1018,17 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MComponent` should match file name `MyComponent`.'
+            'Component name `MComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        app.component(\`MyComponent\`, {
+          template: '<div />'
+        })
+      `
+            }
+          ]
         }
       ]
     },
@@ -775,7 +1047,18 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `my-component` should match file name `MyComponent`.'
+            'Component name `my-component` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        export default {
+          name: 'MyComponent',
+          render() { return <div /> }
+        }
+      `
+            }
+          ]
         }
       ]
     },
@@ -792,7 +1075,18 @@ ruleTester.run('match-component-file-name', rule, {
       errors: [
         {
           message:
-            'Component name `MyComponent` should match file name `my-component`.'
+            'Component name `MyComponent` should match file name `my-component`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `
+        export default {
+          name: 'my-component',
+          render() { return <div /> }
+        }
+      `
+            }
+          ]
         }
       ]
     }
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index bafff6d2b..16a734d2e 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -347,6 +347,7 @@ export interface PrivateIdentifier extends HasParentNode {
 export interface Literal extends HasParentNode {
   type: 'Literal'
   value: string | boolean | null | number | RegExp | BigInt
+  raw: string
   regex?: {
     pattern: string
     flags: string

From 19c6e8656ea009f40403f2a8a5b4caf4f7cbd33a Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 11 May 2022 08:31:32 +0200
Subject: [PATCH 0489/1010] Enable `vue/html-closing-bracket-*` for top-level
 tags (#1883)

* Enable `vue/html-closing-bracket-*` for top-level tags

* Switch to much simpler `defineDocumentVisitor`

* Add type annotation again
---
 lib/rules/block-tag-newline.js                |  13 +-
 lib/rules/html-closing-bracket-newline.js     |   2 +-
 lib/rules/html-closing-bracket-spacing.js     |   2 +-
 .../lib/rules/html-closing-bracket-newline.js | 150 ++++++++++++++++++
 .../lib/rules/html-closing-bracket-spacing.js | 107 +++++++++++++
 5 files changed, 263 insertions(+), 11 deletions(-)

diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
index 1fe427afd..8459f5760 100644
--- a/lib/rules/block-tag-newline.js
+++ b/lib/rules/block-tag-newline.js
@@ -347,13 +347,6 @@ module.exports = {
 
     const verify = normalizeOptionValue(context.options[0])
 
-    /**
-     * @returns {VElement[]}
-     */
-    function getTopLevelHTMLElements() {
-      return documentFragment.children.filter(utils.isVElement)
-    }
-
     return utils.defineTemplateBodyVisitor(
       context,
       {},
@@ -364,8 +357,10 @@ module.exports = {
             return
           }
 
-          for (const element of getTopLevelHTMLElements()) {
-            verify(element)
+          for (const element of documentFragment.children) {
+            if (utils.isVElement(element)) {
+              verify(element)
+            }
           }
         }
       }
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 6963de8f1..9ac1d0f52 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -68,7 +68,7 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
 
-    return utils.defineTemplateBodyVisitor(context, {
+    return utils.defineDocumentVisitor(context, {
       /** @param {VStartTag | VEndTag} node */
       'VStartTag, VEndTag'(node) {
         const closingBracketToken = template.getLastToken(node)
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index 95de6d01f..e60fba491 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -92,7 +92,7 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore()
     const options = parseOptions(context.options[0], tokens)
 
-    return utils.defineTemplateBodyVisitor(context, {
+    return utils.defineDocumentVisitor(context, {
       /** @param {VStartTag | VEndTag} node */
       'VStartTag, VEndTag'(node) {
         const type = options.detectType(node)
diff --git a/tests/lib/rules/html-closing-bracket-newline.js b/tests/lib/rules/html-closing-bracket-newline.js
index 4c07c80db..b72c46b97 100644
--- a/tests/lib/rules/html-closing-bracket-newline.js
+++ b/tests/lib/rules/html-closing-bracket-newline.js
@@ -337,6 +337,156 @@ tester.run('html-closing-bracket-newline', rule, {
         'Expected 1 line break before closing bracket, but no line breaks found.',
         'Expected 1 line break before closing bracket, but no line breaks found.'
       ]
+    },
+    {
+      code: `
+        <template
+        >
+        </template
+        >
+        <script
+        >
+        </script
+        >
+        <style
+        ></style
+        >
+      `,
+      output: `
+        <template>
+        </template>
+        <script>
+        </script>
+        <style></style>
+      `,
+      options: [
+        {
+          singleline: 'never',
+          multiline: 'never'
+        }
+      ],
+      errors: [
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 2,
+          column: 18,
+          endLine: 3,
+          endColumn: 9
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 4,
+          column: 19,
+          endLine: 5,
+          endColumn: 9
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 6,
+          column: 16,
+          endLine: 7,
+          endColumn: 9
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 8,
+          column: 17,
+          endLine: 9,
+          endColumn: 9
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 10,
+          column: 15,
+          endLine: 11,
+          endColumn: 9
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 11,
+          column: 17,
+          endLine: 12,
+          endColumn: 9
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+        </template>
+        <script>
+        </script>
+        <style></style>
+      `,
+      output: `
+        <template
+>
+        </template
+>
+        <script
+>
+        </script
+>
+        <style
+></style
+>
+      `,
+      options: [
+        {
+          singleline: 'always',
+          multiline: 'always'
+        }
+      ],
+      errors: [
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 2,
+          column: 18,
+          endColumn: 18
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 3,
+          column: 19,
+          endColumn: 19
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 4,
+          column: 16,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 5,
+          column: 17,
+          endColumn: 17
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 6,
+          column: 15,
+          endColumn: 15
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 6,
+          column: 23,
+          endColumn: 23
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/html-closing-bracket-spacing.js b/tests/lib/rules/html-closing-bracket-spacing.js
index 154ba87b2..af03d0bfd 100644
--- a/tests/lib/rules/html-closing-bracket-spacing.js
+++ b/tests/lib/rules/html-closing-bracket-spacing.js
@@ -114,6 +114,56 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
         }
       ]
     },
+    {
+      code: `
+        <template ></template >
+        <script ></script >
+        <style ></style >
+      `,
+      output: `
+        <template></template>
+        <script></script>
+        <style></style>
+      `,
+      errors: [
+        {
+          message: "Expected no space before '>', but found.",
+          line: 2,
+          column: 18,
+          endColumn: 20
+        },
+        {
+          message: "Expected no space before '>', but found.",
+          line: 2,
+          column: 30,
+          endColumn: 32
+        },
+        {
+          message: "Expected no space before '>', but found.",
+          line: 3,
+          column: 16,
+          endColumn: 18
+        },
+        {
+          message: "Expected no space before '>', but found.",
+          line: 3,
+          column: 26,
+          endColumn: 28
+        },
+        {
+          message: "Expected no space before '>', but found.",
+          line: 4,
+          column: 15,
+          endColumn: 17
+        },
+        {
+          message: "Expected no space before '>', but found.",
+          line: 4,
+          column: 24,
+          endColumn: 26
+        }
+      ]
+    },
     {
       code: '<template >\n  <div>\n  </div>\n  <div />\n</template >',
       output: '<template >\n  <div >\n  </div >\n  <div/>\n</template >',
@@ -144,6 +194,63 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           endColumn: 10
         }
       ]
+    },
+    {
+      code: `
+        <template></template>
+        <script></script>
+        <style></style>
+      `,
+      output: `
+        <template ></template >
+        <script ></script >
+        <style ></style >
+      `,
+      options: [
+        {
+          startTag: 'always',
+          endTag: 'always',
+          selfClosingTag: 'never'
+        }
+      ],
+      errors: [
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 2,
+          column: 18,
+          endColumn: 19
+        },
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 2,
+          column: 29,
+          endColumn: 30
+        },
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 3,
+          column: 16,
+          endColumn: 17
+        },
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 3,
+          column: 25,
+          endColumn: 26
+        },
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 4,
+          column: 15,
+          endColumn: 16
+        },
+        {
+          message: "Expected a space before '>', but not found.",
+          line: 4,
+          column: 23,
+          endColumn: 24
+        }
+      ]
     }
   ]
 })

From 2936553d38e721ef59e8ccf0ab7856712eec3681 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 12 May 2022 08:49:20 +0900
Subject: [PATCH 0490/1010] Change default casing of
 `vue/custom-event-name-casing` rule to camelCase (#1846)

---
 docs/rules/custom-event-name-casing.md      |  30 ++--
 lib/rules/custom-event-name-casing.js       |   2 +-
 tests/lib/rules/custom-event-name-casing.js | 143 ++++++++++++++++++--
 3 files changed, 151 insertions(+), 24 deletions(-)

diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index a2c4d3644..29afde056 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -13,7 +13,7 @@ Define a style for custom event name casing for consistency purposes.
 
 ## :book: Rule Details
 
-This rule aims to warn the custom event names other than the configured casing.
+This rule aims to warn the custom event names other than the configured casing. (Default is **camelCase**.)
 
 Vue 2 recommends using kebab-case for custom event names.
 
@@ -27,28 +27,28 @@ In Vue 3, using either camelCase or kebab-case for your custom event name does n
 
 See [Guide - Custom Events] for more details.
 
-This rule enforces kebab-case by default.
+This rule enforces camelCase by default.
 
 <eslint-code-block :rules="{'vue/custom-event-name-casing': ['error']}">
 
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <button @click="$emit('my-event')" />
+  <button @click="$emit('myEvent')" />
 
   <!-- ✗ BAD -->
-  <button @click="$emit('myEvent')" />
+  <button @click="$emit('my-event')" />
 </template>
 <script>
 export default {
   methods: {
     onClick () {
       /* ✓ GOOD */
-      this.$emit('my-event')
+      this.$emit('myEvent')
       this.$emit('update:myProp', myProp)
 
       /* ✗ BAD */
-      this.$emit('myEvent')
+      this.$emit('my-event')
     }
   }
 }
@@ -62,7 +62,7 @@ export default {
 ```json
 {
   "vue/custom-event-name-casing": ["error",
-    "kebab-case" | "camelCase",
+    "camelCase" | "kebab-case",
     {
       "ignores": []
     }
@@ -70,8 +70,8 @@ export default {
 }
 ```
 
-- `"kebab-case"` (default) ... Enforce custom event names to kebab-case.
-- `"camelCase"` ... Enforce custom event names to camelCase.
+- `"camelCase"` (default) ... Enforce custom event names to camelCase.
+- `"kebab-case"` ... Enforce custom event names to kebab-case.
 - `ignores` (`string[]`) ... The event names to ignore. Sets the event name to allow. For example, custom event names, Vue components event with special name, or Vue library component event name. You can set the regexp by writing it like `"/^name/"` or `click:row` or `fooBar`.
 
 ### `"kebab-case"`
@@ -132,18 +132,18 @@ export default {
 
 </eslint-code-block>
 
-### `"ignores": ["fooBar", "/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u"]`
+### `"ignores": ["foo-bar", "/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u"]`
 
-<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', { ignores: ['fooBar', '/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }]}">
+<eslint-code-block :rules="{'vue/custom-event-name-casing': ['error', 'camelCase', { ignores: ['foo-bar', '/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }]}">
 
 ```vue
 <template>
   <!-- ✓ GOOD -->
   <button @click="$emit('click:row')" />
-  <button @click="$emit('fooBar')" />
+  <button @click="$emit('foo-bar')" />
 
   <!-- ✗ BAD -->
-  <button @click="$emit('myEvent')" />
+  <button @click="$emit('my-event')" />
 </template>
 <script>
 export default {
@@ -151,10 +151,10 @@ export default {
     onClick () {
       /* ✓ GOOD */
       this.$emit('click:row')
-      this.$emit('fooBar')
+      this.$emit('foo-bar')
 
       /* ✗ BAD */
-      this.$emit('myEvent')
+      this.$emit('my-event')
     }
   }
 }
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index f59fa9c2a..5db15a875 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -22,7 +22,7 @@ const { toRegExp } = require('../utils/regexp')
 // ------------------------------------------------------------------------------
 
 const ALLOWED_CASE_OPTIONS = ['kebab-case', 'camelCase']
-const DEFAULT_CASE = 'kebab-case'
+const DEFAULT_CASE = 'camelCase'
 
 /**
  * Get the name param node from the given CallExpression
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 00b76e4ed..8ad20377e 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -41,7 +41,8 @@ tester.run('custom-event-name-casing', rule, {
         }
       }
       </script>
-      `
+      `,
+      options: ['kebab-case']
     },
     {
       filename: 'test.vue',
@@ -67,7 +68,8 @@ tester.run('custom-event-name-casing', rule, {
         }
       }
       </script>
-      `
+      `,
+      options: ['kebab-case']
     },
     {
       filename: 'test.vue',
@@ -92,7 +94,8 @@ tester.run('custom-event-name-casing', rule, {
         }
       }
       </script>
-      `
+      `,
+      options: ['kebab-case']
     },
     {
       filename: 'test.vue',
@@ -117,7 +120,8 @@ tester.run('custom-event-name-casing', rule, {
         }
       }
       </script>
-      `
+      `,
+      options: ['kebab-case']
     },
     {
       filename: 'test.vue',
@@ -149,7 +153,8 @@ tester.run('custom-event-name-casing', rule, {
         },
       }
       </script>
-      `
+      `,
+      options: ['kebab-case']
     },
     {
       filename: 'test.vue',
@@ -165,7 +170,8 @@ tester.run('custom-event-name-casing', rule, {
         },
       }
       </script>
-      `
+      `,
+      options: ['kebab-case']
     },
     {
       filename: 'test.vue',
@@ -269,6 +275,60 @@ tester.run('custom-event-name-casing', rule, {
       </script>
       `,
       options: ['camelCase']
+    },
+    // Default
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('bazQux')
+          }
+        }
+      }
+      </script>
+      `
+    },
+
+    // kebab-case
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('foo-bar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('bar-baz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('baz-qux')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['kebab-case']
     }
   ],
   invalid: [
@@ -296,6 +356,7 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
+      options: ['kebab-case'],
       errors: [
         {
           message: "Custom event name 'fooBar' must be kebab-case.",
@@ -344,6 +405,7 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
+      options: ['kebab-case'],
       errors: [
         "Custom event name 'fooBar' must be kebab-case.",
         "Custom event name 'barBaz' must be kebab-case.",
@@ -374,6 +436,7 @@ tester.run('custom-event-name-casing', rule, {
       }
       </script>
       `,
+      options: ['kebab-case'],
       errors: [
         "Custom event name 'fooBar' must be kebab-case.",
         "Custom event name 'barBaz' must be kebab-case.",
@@ -448,6 +511,7 @@ tester.run('custom-event-name-casing', rule, {
         "Custom event name 'click/row' must be kebab-case."
       ]
     },
+    // camelCase
     {
       filename: 'test.vue',
       code: `
@@ -479,6 +543,69 @@ tester.run('custom-event-name-casing', rule, {
         "Custom event name 'baz-qux' must be camelCase."
       ]
     },
+    // Default
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('foo-bar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('bar-baz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('baz-qux')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        "Custom event name 'foo-bar' must be camelCase.",
+        "Custom event name 'bar-baz' must be camelCase.",
+        "Custom event name 'baz-qux' must be camelCase."
+      ]
+    },
+    // kebab-case
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input
+          @click="$emit('fooBar')">
+      </template>
+      <script>
+      export default {
+        setup(props, context) {
+          return {
+            onInput(value) {
+              context.emit('barBaz')
+            }
+          }
+        },
+        methods: {
+          onClick() {
+            this.$emit('bazQux')
+          }
+        }
+      }
+      </script>
+      `,
+      options: ['kebab-case'],
+      errors: [
+        "Custom event name 'fooBar' must be kebab-case.",
+        "Custom event name 'barBaz' must be kebab-case.",
+        "Custom event name 'bazQux' must be kebab-case."
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -490,8 +617,8 @@ tester.run('custom-event-name-casing', rule, {
       `,
       errors: [
         {
-          message: "Custom event name 'fooBar' must be kebab-case.",
-          line: 4
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 5
         }
       ]
     }

From 58cb406fece88b88f50d43f92f0d70d4b42e8132 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 12 May 2022 08:49:45 +0900
Subject: [PATCH 0491/1010] Drop support for Node.js v12 (#1847)

* Drop support for Node.js v12

* Use ecmaVersion: 'latest'
---
 .circleci/config.yml                            | 7 +------
 .eslintrc.js                                    | 4 ++--
 docs/.vuepress/components/eslint-code-block.vue | 2 +-
 docs/user-guide/README.md                       | 2 +-
 package.json                                    | 2 +-
 5 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index e695f422a..0ba3d33dc 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -5,7 +5,6 @@ workflows:
       - eslint-v6
       - eslint-v7
       - ts-eslint-v4
-      - node-v12
       - node-v14
       - node-v16
       - lint
@@ -36,7 +35,7 @@ jobs:
 
   eslint-v6:
     docker:
-      - image: node:12
+      - image: node:14
     steps:
       - run:
           name: Versions
@@ -88,10 +87,6 @@ jobs:
       - run:
           name: Test
           command: npm test
-  node-v12:
-    <<: *node-base
-    docker:
-      - image: node:12
   node-v14:
     <<: *node-base
     docker:
diff --git a/.eslintrc.js b/.eslintrc.js
index 6a944b5e1..da047d7b9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -3,7 +3,7 @@
 module.exports = {
   root: true,
   parserOptions: {
-    ecmaVersion: 2018
+    ecmaVersion: 'latest'
   },
   env: {
     es6: true,
@@ -137,7 +137,7 @@ module.exports = {
       files: ['./**/*.vue'],
       parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
-        ecmaVersion: 2020,
+        ecmaVersion: 'latest',
         sourceType: 'module'
       }
     },
diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index 2c6abd2cc..f71e606a3 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -90,7 +90,7 @@ export default {
         rules: this.rules,
         parser: 'vue-eslint-parser',
         parserOptions: {
-          ecmaVersion: 2020,
+          ecmaVersion: 'latest',
           sourceType: 'module',
           ecmaFeatures: {
             jsx: true
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index b083a6bd3..28e586d24 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -23,7 +23,7 @@ yarn add -D eslint eslint-plugin-vue
 ::: tip Requirements
 
 - ESLint v6.2.0 and above
-- Node.js v12.22.x, v14.17.x, v16.x and above
+- Node.js v14.17.x, v16.x and above
 
 :::
 
diff --git a/package.json b/package.json
index 093aab994..d783f3da0 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "url": "https://github.com/vuejs/eslint-plugin-vue/issues"
   },
   "engines": {
-    "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+    "node": "^14.17.0 || >=16.0.0"
   },
   "peerDependencies": {
     "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"

From 186833afa946420565ca5081b09740665b8dc0bf Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 12 May 2022 08:50:07 +0900
Subject: [PATCH 0492/1010] Change presets configs and remove unused internal
 methods (#1848)

* Change presets configs and remove unused internal methods

* fix test

* format

* Rename no-invalid-model-keys to valid-model-definition

* Update preset

* Add rules to essential preset

* Fix lint errors after merge conflict resolution

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                          |  27 ++--
 docs/rules/no-child-content.md                |   1 +
 docs/rules/no-export-in-script-setup.md       |   2 +-
 docs/rules/no-expose-after-await.md           |   2 +
 docs/rules/no-invalid-model-keys.md           |   2 +
 docs/rules/no-ref-as-operand.md               |   2 +-
 docs/rules/no-reserved-component-names.md     |   2 +
 docs/rules/no-setup-props-destructure.md      |   2 +-
 .../no-use-computed-property-like-method.md   |   2 +
 docs/rules/no-v-text-v-html-on-component.md   |   2 +
 docs/rules/prefer-import-from-vue.md          |   1 +
 docs/rules/return-in-emits-validator.md       |   2 +-
 docs/rules/valid-define-emits.md              |   2 +-
 docs/rules/valid-define-props.md              |   2 +-
 docs/rules/valid-model-definition.md          | 116 ++++++++++++++
 .../no-invalid-meta-docs-categories.js        |   6 +-
 eslint-internal-rules/no-invalid-meta.js      |   6 +-
 lib/configs/essential.js                      |  11 ++
 lib/configs/vue3-essential.js                 |   6 +
 lib/index.js                                  |   1 +
 lib/rules/no-child-content.js                 |   2 +-
 lib/rules/no-export-in-script-setup.js        |   2 +-
 lib/rules/no-expose-after-await.js            |   3 +-
 lib/rules/no-invalid-model-keys.js            |  49 +-----
 lib/rules/no-ref-as-operand.js                |   2 +-
 lib/rules/no-reserved-component-names.js      |   2 +-
 lib/rules/no-setup-props-destructure.js       |   2 +-
 .../no-use-computed-property-like-method.js   |   2 +-
 lib/rules/no-v-text-v-html-on-component.js    |   4 +-
 lib/rules/prefer-import-from-vue.js           |   4 +-
 lib/rules/return-in-emits-validator.js        |   2 +-
 lib/rules/valid-define-emits.js               |   2 +-
 lib/rules/valid-define-props.js               |   2 +-
 lib/rules/valid-model-definition.js           |  57 +++++++
 lib/utils/index.js                            |  12 --
 tests/lib/rules/valid-model-definition.js     | 151 ++++++++++++++++++
 36 files changed, 397 insertions(+), 98 deletions(-)
 create mode 100644 docs/rules/valid-model-definition.md
 create mode 100644 lib/rules/valid-model-definition.js
 create mode 100644 tests/lib/rules/valid-model-definition.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 867cbe2bc..ffb8f2323 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -45,6 +45,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  | :three::two::hammer: |
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  | :three::two::warning: |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  | :three::two::warning: |
+| [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: | :three::two::warning: |
 | [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  | :three::two::warning: |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  | :two::warning: |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
@@ -69,27 +70,32 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  | :three::two::warning: |
 | [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  | :three::two::warning: |
 | [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  | :three::two::warning: |
-| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  | :three::warning: |
+| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  | :three::two::warning: |
+| [vue/no-expose-after-await](./no-expose-after-await.md) | disallow asynchronously registered `expose` |  | :three::warning: |
 | [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  | :three::hammer: |
 | [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  | :two::warning: |
 | [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  | :three::two::hammer: |
 | [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  | :three::two::warning: |
-| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: | :three::hammer: |
+| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: | :three::two::hammer: |
+| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  | :three::two::hammer: |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  | :three::two::hammer: |
 | [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  | :three::two::warning: |
-| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  | :three::hammer: |
+| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  | :three::two::hammer: |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: | :three::two::warning: |
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  | :three::two::warning: |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  | :three::two::warning: |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  | :three::two::warning: |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  | :three::two::hammer: |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: | :three::two::hammer: |
+| [vue/no-use-computed-property-like-method](./no-use-computed-property-like-method.md) | disallow use computed property like method |  | :three::two::warning: |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  | :three::two::hammer: |
 | [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  | :three::two::warning: |
 | [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  | :three::warning: |
 | [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  | :two::warning: |
 | [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  | :two::warning: |
+| [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  | :three::two::warning: |
 | [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  | :three::hammer: |
+| [vue/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: | :three::hammer: |
 | [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  | :three::two::warning: |
 | [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: | :three::two::hammer: |
 | [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  | :three::two::warning: |
@@ -98,10 +104,11 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  | :three::two::warning: |
 | [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  | :three::two::hammer: |
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  | :three::two::warning: |
-| [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  | :three::warning: |
+| [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  | :three::two::warning: |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  | :three::two::hammer: |
-| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  | :three::warning: |
-| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  | :three::warning: |
+| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  | :three::two::warning: |
+| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  | :three::two::warning: |
+| [vue/valid-model-definition](./valid-model-definition.md) | require valid keys in model option |  | :two::warning: |
 | [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: | :three::two::warning: |
 | [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  | :three::two::warning: |
 | [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  | :two::warning: |
@@ -216,14 +223,10 @@ For example:
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: | :hammer: |
-| [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
-| [vue/no-expose-after-await](./no-expose-after-await.md) | disallow asynchronously registered `expose` |  | :warning: |
-| [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | require valid keys in model option |  | :warning: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
-| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  | :hammer: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
@@ -241,13 +244,10 @@ For example:
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: | :hammer: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  | :hammer: |
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  | :hammer: |
-| [vue/no-use-computed-property-like-method](./no-use-computed-property-like-method.md) | disallow use computed property like method |  | :warning: |
 | [vue/no-useless-mustaches](./no-useless-mustaches.md) | disallow unnecessary mustache interpolations | :wrench: | :hammer: |
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: | :hammer: |
-| [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  | :warning: |
 | [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  | :hammer: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
-| [vue/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: | :hammer: |
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
@@ -319,4 +319,5 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) |
 | [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) |
 | [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
+| [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) |
diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
index 295232301..940ea183c 100644
--- a/docs/rules/no-child-content.md
+++ b/docs/rules/no-child-content.md
@@ -9,6 +9,7 @@ since: v8.1.0
 
 > disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
index b059305b9..c16899c80 100644
--- a/docs/rules/no-export-in-script-setup.md
+++ b/docs/rules/no-export-in-script-setup.md
@@ -9,7 +9,7 @@ since: v7.13.0
 
 > disallow `export` in `<script setup>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 3bd436f49..54c587116 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -9,6 +9,8 @@ since: v8.1.0
 
 > disallow asynchronously registered `expose`
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule reports usages of `expose()` after an `await` expression.  
diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
index 1a46e9a47..34f65d88a 100644
--- a/docs/rules/no-invalid-model-keys.md
+++ b/docs/rules/no-invalid-model-keys.md
@@ -9,6 +9,8 @@ since: v7.9.0
 
 > require valid keys in model option
 
+- :warning: This rule was **deprecated** and replaced by [vue/valid-model-definition](valid-model-definition.md) rule.
+
 ## :book: Rule Details
 
 This rule is aimed at preventing invalid keys in model option.
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index 2610d4624..df3549dc6 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index a0d9c5f2c..94e761eaa 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -9,6 +9,8 @@ since: v6.1.0
 
 > disallow the use of reserved names in component definitions
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rule prevents name collisions between Vue components and standard HTML elements and built-in components.
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 91504a946..d618cf013 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > disallow destructuring of `props` passed to `setup`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
index 27d6363d1..6e267697c 100644
--- a/docs/rules/no-use-computed-property-like-method.md
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -9,6 +9,8 @@ since: v7.15.0
 
 > disallow use computed property like method
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+
 ## :book: Rule Details
 
 This rule disallows to use computed property like method.
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 377217dc3..420eefda6 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -9,6 +9,8 @@ since: v8.4.0
 
 > disallow v-text / v-html on component
 
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+
 ## :book: Rule Details
 
 This rule disallows the use of v-text / v-html on component.
diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
index 3190beac1..f1cab9f08 100644
--- a/docs/rules/prefer-import-from-vue.md
+++ b/docs/rules/prefer-import-from-vue.md
@@ -9,6 +9,7 @@ since: v8.5.0
 
 > enforce import from 'vue' instead of import from '@vue/*'
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index f952d0a0b..08b8b340e 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > enforce that a return statement is present in emits validator
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index 7e00bb140..5718794ca 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -9,7 +9,7 @@ since: v7.13.0
 
 > enforce valid `defineEmits` compiler macro
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether `defineEmits` compiler macro is valid.
 
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index b2c47cb54..bd7d5f75b 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -9,7 +9,7 @@ since: v7.13.0
 
 > enforce valid `defineProps` compiler macro
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 This rule checks whether `defineProps` compiler macro is valid.
 
diff --git a/docs/rules/valid-model-definition.md b/docs/rules/valid-model-definition.md
new file mode 100644
index 000000000..66fe8f037
--- /dev/null
+++ b/docs/rules/valid-model-definition.md
@@ -0,0 +1,116 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-model-definition
+description: require valid keys in model option
+---
+# vue/valid-model-definition
+
+> require valid keys in model option
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule is aimed at preventing invalid keys in model option.
+
+<eslint-code-block :rules="{'vue/valid-model-definition': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  model: {
+    prop: 'list',
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-model-definition': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  model: {
+    event: 'update'
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-model-definition': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  model: {
+    prop: 'list',
+    event: 'update'
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-model-definition': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  model: {
+    prop: 'list',
+    events: 'update'
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-model-definition': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  model: {
+    props: 'list',
+    events: 'update'
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-model-definition': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  model: {
+    name: 'checked',
+    props: 'list',
+    event: 'update'
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-model-definition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-model-definition.js)
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index b48125484..c95691c36 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -18,10 +18,8 @@
  */
 function getPropertyFromObject(propertyName, node) {
   if (node && node.type === 'ObjectExpression') {
-    const properties = node.properties
-
-    for (const property of properties) {
-      if (property.key.name === propertyName) {
+    for (const property of node.properties) {
+      if (property.type === 'Property' && property.key.name === propertyName) {
         return property
       }
     }
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index f1877ea4b..45057c9bf 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -18,10 +18,8 @@
  */
 function getPropertyFromObject(propertyName, node) {
   if (node && node.type === 'ObjectExpression') {
-    const properties = node.properties
-
-    for (const property of properties) {
-      if (property.key.name === propertyName) {
+    for (const property of node.properties) {
+      if (property.type === 'Property' && property.key.name === propertyName) {
         return property
       }
     }
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 970473a4d..33cfe64e0 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -9,14 +9,18 @@ module.exports = {
     'vue/multi-word-component-names': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-child-content': 'error',
     'vue/no-computed-properties-in-data': 'error',
     'vue/no-custom-modifiers-on-v-model': 'error',
     'vue/no-dupe-keys': 'error',
     'vue/no-dupe-v-else-if': 'error',
     'vue/no-duplicate-attributes': 'error',
+    'vue/no-export-in-script-setup': 'error',
     'vue/no-multiple-template-root': 'error',
     'vue/no-mutating-props': 'error',
     'vue/no-parsing-error': 'error',
+    'vue/no-ref-as-operand': 'error',
+    'vue/no-reserved-component-names': 'error',
     'vue/no-reserved-keys': 'error',
     'vue/no-reserved-props': [
       'error',
@@ -24,23 +28,30 @@ module.exports = {
         vueVersion: 2
       }
     ],
+    'vue/no-setup-props-destructure': 'error',
     'vue/no-shared-component-data': 'error',
     'vue/no-side-effects-in-computed-properties': 'error',
     'vue/no-template-key': 'error',
     'vue/no-textarea-mustache': 'error',
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
+    'vue/no-use-computed-property-like-method': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
     'vue/no-useless-template-attributes': 'error',
     'vue/no-v-for-template-key': 'error',
     'vue/no-v-model-argument': 'error',
+    'vue/no-v-text-v-html-on-component': 'error',
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
     'vue/require-v-for-key': 'error',
     'vue/require-valid-default-prop': 'error',
     'vue/return-in-computed-property': 'error',
+    'vue/return-in-emits-validator': 'error',
     'vue/use-v-on-exact': 'error',
+    'vue/valid-define-emits': 'error',
+    'vue/valid-define-props': 'error',
+    'vue/valid-model-definition': 'error',
     'vue/valid-next-tick': 'error',
     'vue/valid-template-root': 'error',
     'vue/valid-v-bind-sync': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 155774649..1a1507335 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -9,6 +9,7 @@ module.exports = {
     'vue/multi-word-component-names': 'error',
     'vue/no-arrow-functions-in-watch': 'error',
     'vue/no-async-in-computed-properties': 'error',
+    'vue/no-child-content': 'error',
     'vue/no-computed-properties-in-data': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
     'vue/no-deprecated-destroyed-lifecycle': 'error',
@@ -33,10 +34,12 @@ module.exports = {
     'vue/no-dupe-v-else-if': 'error',
     'vue/no-duplicate-attributes': 'error',
     'vue/no-export-in-script-setup': 'error',
+    'vue/no-expose-after-await': 'error',
     'vue/no-lifecycle-after-await': 'error',
     'vue/no-mutating-props': 'error',
     'vue/no-parsing-error': 'error',
     'vue/no-ref-as-operand': 'error',
+    'vue/no-reserved-component-names': 'error',
     'vue/no-reserved-keys': 'error',
     'vue/no-reserved-props': 'error',
     'vue/no-setup-props-destructure': 'error',
@@ -46,10 +49,13 @@ module.exports = {
     'vue/no-textarea-mustache': 'error',
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
+    'vue/no-use-computed-property-like-method': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
     'vue/no-useless-template-attributes': 'error',
     'vue/no-v-for-template-key-on-child': 'error',
+    'vue/no-v-text-v-html-on-component': 'error',
     'vue/no-watch-after-await': 'error',
+    'vue/prefer-import-from-vue': 'error',
     'vue/require-component-is': 'error',
     'vue/require-prop-type-constructor': 'error',
     'vue/require-render-return': 'error',
diff --git a/lib/index.js b/lib/index.js
index 39f91b515..08423c75e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -202,6 +202,7 @@ module.exports = {
     'v-slot-style': require('./rules/v-slot-style'),
     'valid-define-emits': require('./rules/valid-define-emits'),
     'valid-define-props': require('./rules/valid-define-props'),
+    'valid-model-definition': require('./rules/valid-model-definition'),
     'valid-next-tick': require('./rules/valid-next-tick'),
     'valid-template-root': require('./rules/valid-template-root'),
     'valid-v-bind-sync': require('./rules/valid-v-bind-sync'),
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
index 138a425c1..1eb7fbdfe 100644
--- a/lib/rules/no-child-content.js
+++ b/lib/rules/no-child-content.js
@@ -79,7 +79,7 @@ module.exports = {
     docs: {
       description:
         "disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`",
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-child-content.html'
     },
     fixable: null,
diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
index fe825fdd7..0105d52f4 100644
--- a/lib/rules/no-export-in-script-setup.js
+++ b/lib/rules/no-export-in-script-setup.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow `export` in `<script setup>`',
-      categories: ['vue3-essential'],
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-export-in-script-setup.html'
     },
     fixable: null,
diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index e1e3104d6..9d753ab81 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -40,8 +40,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow asynchronously registered `expose`',
-      categories: undefined,
-      // categories: ['vue3-essential'], TODO Change with the major version
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-expose-after-await.html'
     },
     fixable: null,
diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
index f3a08eda7..1695e6fa9 100644
--- a/lib/rules/no-invalid-model-keys.js
+++ b/lib/rules/no-invalid-model-keys.js
@@ -1,57 +1,22 @@
-/**
- * @fileoverview Requires valid keys in model option.
- * @author Alex Sokolov
- */
 'use strict'
 
-const utils = require('../utils')
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-const VALID_MODEL_KEYS = new Set(['prop', 'event'])
+const baseRule = require('./valid-model-definition')
 
 module.exports = {
   meta: {
-    type: 'problem',
+    ...baseRule.meta,
+    type: baseRule.meta.type,
     docs: {
-      description: 'require valid keys in model option',
+      description: baseRule.meta.docs.description,
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-invalid-model-keys.html'
     },
-    fixable: null,
+    deprecated: true,
+    replacedBy: ['valid-model-definition'],
     schema: []
   },
   /** @param {RuleContext} context */
   create(context) {
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
-    return utils.executeOnVue(context, (obj) => {
-      const modelProperty = utils.findProperty(obj, 'model')
-      if (!modelProperty || modelProperty.value.type !== 'ObjectExpression') {
-        return
-      }
-
-      for (const p of modelProperty.value.properties) {
-        if (p.type !== 'Property') {
-          continue
-        }
-        const name = utils.getStaticPropertyName(p)
-        if (!name) {
-          continue
-        }
-        if (!VALID_MODEL_KEYS.has(name)) {
-          context.report({
-            node: p,
-            message: "Invalid key '{{name}}' in model option.",
-            data: {
-              name
-            }
-          })
-        }
-      }
-    })
+    return baseRule.create(context)
   }
 }
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 465ec50b0..4f536dafe 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -12,7 +12,7 @@ module.exports = {
     docs: {
       description:
         'disallow use of value wrapped by `ref()` (Composition API) as an operand',
-      categories: ['vue3-essential'],
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-ref-as-operand.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 68d2a2b75..81b035300 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -81,7 +81,7 @@ module.exports = {
     docs: {
       description:
         'disallow the use of reserved names in component definitions',
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-reserved-component-names.html'
     },
     fixable: null,
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index ee3699c55..4c8f6109c 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow destructuring of `props` passed to `setup`',
-      categories: ['vue3-essential'],
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-setup-props-destructure.html'
     },
     fixable: null,
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index e865f0443..957f2b6ac 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -499,7 +499,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow use computed property like method',
-      categories: undefined,
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-use-computed-property-like-method.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-text-v-html-on-component.js b/lib/rules/no-v-text-v-html-on-component.js
index 4a208627d..d6af976bd 100644
--- a/lib/rules/no-v-text-v-html-on-component.js
+++ b/lib/rules/no-v-text-v-html-on-component.js
@@ -19,9 +19,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow v-text / v-html on component',
-      // TODO We will change it in the next major version.
-      // categories: ['essential', 'vue3-essential'],
-      categories: undefined,
+      categories: ['essential', 'vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-v-text-v-html-on-component.html'
     },
     fixable: null,
diff --git a/lib/rules/prefer-import-from-vue.js b/lib/rules/prefer-import-from-vue.js
index ef154854b..2b3fc5b86 100644
--- a/lib/rules/prefer-import-from-vue.js
+++ b/lib/rules/prefer-import-from-vue.js
@@ -54,9 +54,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: "enforce import from 'vue' instead of import from '@vue/*'",
-      // TODO We will change it in the next major version.
-      // categories: ['vue3-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/prefer-import-from-vue.html'
     },
     fixable: 'code',
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index a3c2e2578..91c9e6675 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -41,7 +41,7 @@ module.exports = {
     docs: {
       description:
         'enforce that a return statement is present in emits validator',
-      categories: ['vue3-essential'],
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-emits-validator.html'
     },
     fixable: null, // or "code" or "whitespace"
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index dc23ac3d4..f225c7af6 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineEmits` compiler macro',
-      categories: ['vue3-essential'],
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-emits.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 8521bd511..60101f495 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineProps` compiler macro',
-      categories: ['vue3-essential'],
+      categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-props.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-model-definition.js b/lib/rules/valid-model-definition.js
new file mode 100644
index 000000000..5b7435f4c
--- /dev/null
+++ b/lib/rules/valid-model-definition.js
@@ -0,0 +1,57 @@
+/**
+ * @fileoverview Requires valid keys in model option.
+ * @author Alex Sokolov
+ */
+'use strict'
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+const VALID_MODEL_KEYS = new Set(['prop', 'event'])
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require valid keys in model option',
+      categories: ['essential'],
+      url: 'https://eslint.vuejs.org/rules/valid-model-definition.html'
+    },
+    fixable: null,
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    // ----------------------------------------------------------------------
+    // Public
+    // ----------------------------------------------------------------------
+
+    return utils.executeOnVue(context, (obj) => {
+      const modelProperty = utils.findProperty(obj, 'model')
+      if (!modelProperty || modelProperty.value.type !== 'ObjectExpression') {
+        return
+      }
+
+      for (const p of modelProperty.value.properties) {
+        if (p.type !== 'Property') {
+          continue
+        }
+        const name = utils.getStaticPropertyName(p)
+        if (!name) {
+          continue
+        }
+        if (!VALID_MODEL_KEYS.has(name)) {
+          context.report({
+            node: p,
+            message: "Invalid key '{{name}}' in model option.",
+            data: {
+              name
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index fba712a18..63a838bca 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -895,24 +895,12 @@ module.exports = {
    * @return {(ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp)[]} Array of component props
    */
   getComponentPropsFromOptions,
-  // TODO Since `utils` is used in some popular packages, we will remove it in the major version.
-  /**
-   * For backward compatibility.
-   * @deprecated Use getComponentPropsFromOptions instead.
-   */
-  getComponentProps: getComponentPropsFromOptions,
   /**
    * Get all emits by looking at all component's properties
    * @param {ObjectExpression} componentObject Object with component definition
    * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentUnknownEmit)[]} Array of component emits
    */
   getComponentEmitsFromOptions,
-  // TODO Since `utils` is used in some popular packages, we will remove it in the major version.
-  /**
-   * For backward compatibility.
-   * @deprecated Use getComponentEmitsFromOptions instead.
-   */
-  getComponentEmits: getComponentEmitsFromOptions,
 
   /**
    * Get all computed properties by looking at all component's properties
diff --git a/tests/lib/rules/valid-model-definition.js b/tests/lib/rules/valid-model-definition.js
new file mode 100644
index 000000000..d9d8263ab
--- /dev/null
+++ b/tests/lib/rules/valid-model-definition.js
@@ -0,0 +1,151 @@
+/**
+ * @fileoverview Prevents invalid keys in model option.
+ * @author Alex Sokolov
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/valid-model-definition')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+ruleTester.run('valid-model-definition', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'list'
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            event: 'update'
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'list',
+            event: 'update'
+          }
+        }
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            props: 'list'
+          }
+        }
+      `,
+      errors: ["Invalid key 'props' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            events: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'events' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            props: 'list',
+            event: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'props' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'list',
+            events: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'events' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            props: 'list',
+            events: 'update'
+          }
+        }
+      `,
+      errors: [
+        "Invalid key 'props' in model option.",
+        "Invalid key 'events' in model option."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            prop: 'checked',
+            props: 'list',
+            event: 'update'
+          }
+        }
+      `,
+      errors: ["Invalid key 'props' in model option."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          model: {
+            name: 'checked',
+            props: 'list',
+            event: 'update'
+          }
+        }
+      `,
+      errors: [
+        "Invalid key 'name' in model option.",
+        "Invalid key 'props' in model option."
+      ]
+    }
+  ]
+})

From 2f963153a4bb21e973b12249eea5b68512060a57 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 12 May 2022 20:46:02 +0900
Subject: [PATCH 0493/1010] Upgrade vue-eslint-parser (#1849)

* Upgrade vue-eslint-parser

* Update tests/lib/script-setup-vars.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/user-guide/README.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/user-guide/README.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update parser

* Update tools/update-lib-index.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                 |   2 +-
 docs/rules/jsx-uses-vars.md          |   1 -
 docs/rules/script-setup-uses-vars.md |  14 +-
 docs/user-guide/README.md            |  31 +--
 lib/configs/base.js                  |   3 +-
 lib/index.js                         |   1 +
 lib/rules/script-setup-uses-vars.js  |   3 +-
 package.json                         |   2 +-
 tests/lib/script-setup-vars.js       | 384 +++++++++++++++++++++++++++
 tools/update-lib-index.js            |   2 +
 10 files changed, 410 insertions(+), 33 deletions(-)
 create mode 100644 tests/lib/script-setup-vars.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ffb8f2323..4492988e4 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -29,7 +29,6 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 |:--------|:------------|:--:|:--:|
 | [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  | :warning: |
 | [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  | :warning: |
-| [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | prevent `<script setup>` variables used in `<template>` to be marked as unused |  | :warning: |
 
 </rules-table>
 
@@ -321,3 +320,4 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
 | [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) |
+| [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index a21279b10..1c854a623 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -40,7 +40,6 @@ If you are not using JSX or if you do not use the `no-unused-vars` rule then you
 
 ## :couple: Related Rules
 
-- [vue/script-setup-uses-vars](./script-setup-uses-vars.md)
 - [no-unused-vars](https://eslint.org/docs/rules/no-unused-vars)
 
 ## :rocket: Version
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
index 42de582bd..f4d68926a 100644
--- a/docs/rules/script-setup-uses-vars.md
+++ b/docs/rules/script-setup-uses-vars.md
@@ -9,7 +9,13 @@ since: v7.13.0
 
 > prevent `<script setup>` variables used in `<template>` to be marked as unused
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+- :warning: This rule was **deprecated**.
+
+::: tip
+
+This rule is not needed when using `vue-eslint-parser` v9.0.0 or later.
+
+:::
 
 ESLint `no-unused-vars` rule does not detect variables in `<script setup>` used in `<template>`.
 This rule will find variables in `<script setup>` used in `<template>` and mark them as used.
@@ -47,7 +53,11 @@ After turning on, `Foo` is being marked as used and `no-unused-vars` rule doesn'
 
 ## :mute: When Not To Use It
 
-If you are not using `<script setup>` or if you do not use the `no-unused-vars` rule then you can disable this rule.
+You can disable this rule in any of the following cases:
+
+- You are using `vue-eslint-parser` v9.0.0 or later.
+- You are not using `<script setup>`.
+- You do not use the `no-unused-vars` rule.
 
 ## :couple: Related Rules
 
diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 28e586d24..8129cad21 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -342,36 +342,15 @@ See also: "[Visual Studio Code](#editor-integrations)" section and [Vetur - Lint
 
 #### The variables used in the `<template>` are warned by `no-unused-vars` rule
 
-You must use [vue/script-setup-uses-vars](../rules/script-setup-uses-vars.md) rule.  
-In your configuration, use the rule set provided by `eslint-plugin-vue` or enable it rule.
+You need to use [vue-eslint-parser] v9.0.0 or later.
 
-Example **.eslintrc.js**:
-
-```js
-module.exports = {
-  // Use the rule set.
-  extends: ['plugin:vue/base'],
-  rules: {
-    // Enable vue/script-setup-uses-vars rule
-    'vue/script-setup-uses-vars': 'error',
-  }
-}
-```
+Previously you had to use the [vue/script-setup-uses-vars](../rules/script-setup-uses-vars.md) rule, this is no longer needed.
 
 #### Compiler macros such as `defineProps` and `defineEmits` generate `no-undef` warnings
 
-You need to enable the compiler macros environment in your ESLint configuration file.
-If you don't want to expose these variables globally, you can use `/* global defineProps, defineEmits */` instead.
+You need to use [vue-eslint-parser] v9.0.0 or later.
 
-Example **.eslintrc.js**:
-
-```js
-module.exports = {
-  env: {
-    'vue/setup-compiler-macros': true
-  }
-}
-```
+Previously you had to use the `vue/setup-compiler-macros` environment, this is no longer needed.
 
 #### Parsing error with Top Level `await`
 
@@ -411,3 +390,5 @@ module.exports = {
 
 Try searching for existing issues.
 If it does not exist, you should open a new issue and share your repository to reproduce the issue.
+
+[vue-eslint-parser]: https://github.com/vuejs/vue-eslint-parser
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 145991976..3724461e2 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -16,7 +16,6 @@ module.exports = {
   plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
-    'vue/jsx-uses-vars': 'error',
-    'vue/script-setup-uses-vars': 'error'
+    'vue/jsx-uses-vars': 'error'
   }
 }
diff --git a/lib/index.js b/lib/index.js
index 08423c75e..1c278c637 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -237,6 +237,7 @@ module.exports = {
     '.vue': require('./processor')
   },
   environments: {
+    // Deprecated
     'setup-compiler-macros': {
       globals: {
         defineProps: 'readonly',
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 3cb5eef30..40b8e54ac 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -32,9 +32,10 @@ module.exports = {
     docs: {
       description:
         'prevent `<script setup>` variables used in `<template>` to be marked as unused', // eslint-disable-line eslint-plugin/require-meta-docs-description
-      categories: ['base'],
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/script-setup-uses-vars.html'
     },
+    deprecated: true,
     schema: []
   },
   /**
diff --git a/package.json b/package.json
index d783f3da0..632cc0bb8 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "nth-check": "^2.0.1",
     "postcss-selector-parser": "^6.0.9",
     "semver": "^7.3.5",
-    "vue-eslint-parser": "^8.0.1"
+    "vue-eslint-parser": "^9.0.1"
   },
   "devDependencies": {
     "@types/eslint": "^7.28.1",
diff --git a/tests/lib/script-setup-vars.js b/tests/lib/script-setup-vars.js
new file mode 100644
index 000000000..90921984f
--- /dev/null
+++ b/tests/lib/script-setup-vars.js
@@ -0,0 +1,384 @@
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const eslint = require('eslint')
+const rules = new eslint.Linter().getRules()
+const ruleNoUnusedVars = rules.get('no-unused-vars')
+const ruleNoUndef = rules.get('no-undef')
+
+const RuleTester = eslint.RuleTester
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 6,
+    sourceType: 'module'
+  }
+})
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+describe('vue-eslint-parser should properly mark the variables used in the template', () => {
+  ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
+    valid: [
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          // imported components are also directly usable in template
+          import Foo from './Foo.vue'
+          import { ref } from 'vue'
+
+          // write Composition API code just like in a normal setup()
+          // but no need to manually return everything
+          const count = ref(0)
+          const inc = () => {
+            count.value++
+          }
+        </script>
+
+        <template>
+          <Foo :count="count" @click="inc" />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          const msg = 'Hello!'
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import Foo from './Foo.vue'
+          import MyComponent from './MyComponent.vue'
+        </script>
+
+        <template>
+          <Foo />
+          <!-- kebab-case also works -->
+          <my-component />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import Foo from './Foo.vue'
+          import Bar from './Bar.vue'
+        </script>
+
+        <template>
+          <component :is="Foo" />
+          <component :is="someCondition ? Foo : Bar" />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import { directive as vClickOutside } from 'v-click-outside'
+        </script>
+
+        <template>
+          <div v-click-outside />
+        </template>
+        `
+      },
+
+      // Resolve component name
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import FooPascalCase from './component.vue'
+          import BarPascalCase from './component.vue'
+          import BazPascalCase from './component.vue'
+        </script>
+
+        <template>
+          <FooPascalCase />
+          <bar-pascal-case />
+          <bazPascalCase />
+        </template>
+        `
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import fooCamelCase from './component.vue'
+          import barCamelCase from './component.vue'
+        </script>
+
+        <template>
+          <fooCamelCase />
+          <bar-camel-case />
+        </template>
+        `
+      },
+
+      // TopLevel await
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          const post = await fetch(\`/api/post/1\`).then((r) => r.json())
+        </script>
+
+        <template>
+          {{post}}
+        </template>
+        `,
+        parserOptions: {
+          ecmaVersion: 2022,
+          sourceType: 'module'
+        }
+      },
+
+      // ref
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import {ref} from 'vue'
+          const v = ref(null)
+        </script>
+
+        <template>
+          <div ref="v"/>
+        </template>
+        `
+      },
+
+      //style vars
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          const color = 'red'
+          const font = { size: '2em' }
+        </script>
+
+        <style>
+          * {
+            color: v-bind(color);
+            font-size: v-bind('font.size');
+          }
+        </style>
+        `
+      },
+      // ns
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+        import * as Form from './form-components'
+        </script>
+
+        <template>
+          <Form.Input>
+            <Form.Label>label</Form.Label>
+          </Form.Input>
+        </template>
+        `
+      }
+    ],
+
+    invalid: [
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          // imported components are also directly usable in template
+          import Foo from './Foo.vue'
+          import Bar from './Bar.vue'
+          import { ref } from 'vue'
+
+          // write Composition API code just like in a normal setup()
+          // but no need to manually return everything
+          const count = ref(0)
+          const inc = () => {
+            count.value++
+          }
+          const foo = ref(42)
+          console.log(foo.value)
+          const bar = ref(42)
+          bar.value++
+          const baz = ref(42)
+        </script>
+
+        <template>
+          <Foo :count="count" @click="inc" />
+        </template>
+        `,
+        errors: [
+          {
+            message: "'Bar' is defined but never used.",
+            line: 5
+          },
+          {
+            message: "'baz' is assigned a value but never used.",
+            line: 18
+          }
+        ]
+      },
+
+      // Resolve component name
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          import camelCase from './component.vue'
+        </script>
+
+        <template>
+          <CamelCase />
+        </template>
+        `,
+        errors: [
+          {
+            message: "'camelCase' is defined but never used.",
+            line: 3
+          }
+        ]
+      },
+
+      // Scope tests
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          if (a) {
+            const msg = 'Hello!'
+          }
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `,
+        errors: [
+          {
+            message: "'msg' is assigned a value but never used.",
+            line: 4
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          const i = 42
+          const list = [1,2,3]
+        </script>
+
+        <template>
+          <div v-for="i in list">{{ i }}</div>
+        </template>
+      `,
+        errors: [
+          {
+            message: "'i' is assigned a value but never used.",
+            line: 3
+          }
+        ]
+      },
+
+      // Not `<script setup>`
+      {
+        filename: 'test.vue',
+        code: `
+        <script>
+          const msg = 'Hello!'
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `,
+        errors: [
+          {
+            message: "'msg' is assigned a value but never used.",
+            line: 3
+          }
+        ]
+      },
+
+      //style vars
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+          const color = 'red'
+        </script>
+
+        <style lang="scss">
+          .v-bind .color {
+            color: 'v-bind(color)';
+            background-color: 'v-bind(color)';
+          }
+          /* v-bind(color) */
+          // v-bind(color)
+        </style>
+        `,
+        errors: ["'color' is assigned a value but never used."]
+      }
+    ]
+  })
+
+  ruleTester.run('no-undef', ruleNoUndef, {
+    valid: [
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+        const props = defineProps({
+          foo: String
+        })
+
+        const emit = defineEmits(['change', 'delete'])
+        </script>
+        `
+      }
+    ],
+    invalid: [
+      {
+        filename: 'test.vue',
+        code: `
+        <script setup>
+        const props = defineUnknown({
+          foo: String
+        })
+
+        const emit = defineUnknown(['change', 'delete'])
+        </script>
+        `,
+        errors: [
+          {
+            message: "'defineUnknown' is not defined.",
+            line: 3
+          },
+          {
+            message: "'defineUnknown' is not defined.",
+            line: 7
+          }
+        ]
+      }
+    ]
+  })
+})
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index b9a5dcbd9..f57ae1e58 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -39,6 +39,8 @@ module.exports = {
     '.vue': require('./processor')
   },
   environments: {
+    // TODO Remove in the next major version
+    /** @deprecated */
     'setup-compiler-macros': {
       globals: {
         defineProps: 'readonly',

From a0cf01843154ef4ca3621d8e51d9992fd4d74bc7 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 12 May 2022 13:57:47 +0200
Subject: [PATCH 0494/1010] Remove deprecated rules (#1881)

* Remove deprecated rules

* Remove no longer needed `script-setup` test

* Restore docs from removed rules

* Mention in rule docs that they are removed

* Add "Removed" section to rules list in docs

* Use different emoji for removed rules

* Remove no longer necessary warning block

Co-authored-by: yosuke ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                          |  15 +-
 docs/rules/experimental-script-setup-vars.md  |   6 +-
 docs/rules/name-property-casing.md            |   3 +-
 docs/rules/no-confusing-v-for-v-if.md         |   2 +-
 docs/rules/no-unregistered-components.md      |   2 +-
 lib/index.js                                  |   7 +-
 lib/removed-rules.js                          |  37 +
 lib/rules/experimental-script-setup-vars.js   | 230 ------
 lib/rules/name-property-casing.js             |  72 --
 lib/rules/no-confusing-v-for-v-if.js          |  69 --
 lib/rules/no-unregistered-components.js       | 195 -----
 .../rules/experimental-script-setup-vars.js   |  58 --
 tests/lib/rules/name-property-casing.js       | 213 -----
 tests/lib/rules/no-confusing-v-for-v-if.js    |  59 --
 tests/lib/rules/no-unregistered-components.js | 777 ------------------
 tests/lib/script-setup.js                     |  49 --
 tools/update-docs-rules-index.js              |  28 +
 tools/update-docs.js                          |  35 +-
 18 files changed, 115 insertions(+), 1742 deletions(-)
 create mode 100644 lib/removed-rules.js
 delete mode 100644 lib/rules/experimental-script-setup-vars.js
 delete mode 100644 lib/rules/name-property-casing.js
 delete mode 100644 lib/rules/no-confusing-v-for-v-if.js
 delete mode 100644 lib/rules/no-unregistered-components.js
 delete mode 100644 tests/lib/rules/experimental-script-setup-vars.js
 delete mode 100644 tests/lib/rules/name-property-casing.js
 delete mode 100644 tests/lib/rules/no-confusing-v-for-v-if.js
 delete mode 100644 tests/lib/rules/no-unregistered-components.js
 delete mode 100644 tests/lib/script-setup.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4492988e4..0f39db375 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -315,9 +315,16 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Replaced by |
 |:--------|:------------|
-| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) |
-| [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) |
-| [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) |
 | [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
+
+## Removed
+
+- :no_entry_sign: These rules have been removed in a previous major release, after they have been deprecated for a while.
+
+| Rule ID | Replaced by | Deprecated in version  | Removed in version |
+|:--------|:------------|:-----------------------|:-------------------|
+| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) | [v7.13.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.13.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) | [v7.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.0.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | [v5.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v5.0.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) | [v8.4.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v8.4.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index d13710246..7a77d941d 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -9,11 +9,7 @@ since: v7.0.0
 
 > prevent variables defined in `<script setup>` to be marked as undefined
 
-- :warning: This rule was **deprecated**.
-
-:::warning
-This rule is an experimental rule. It may be removed without notice.
-:::
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0.
 
 This rule will find variables defined in `<script setup="args">` and mark them as defined variables.
 
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 0dedbc1d3..a69855f7e 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -9,8 +9,7 @@ since: v3.8.0
 
 > enforce specific casing for the name property in Vue components
 
-- :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index 9bdfbf3de..c9d72dbb4 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -9,7 +9,7 @@ since: v3.0.0
 
 > disallow confusing `v-for` and `v-if` on the same element
 
-- :warning: This rule was **deprecated** and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 16b5c8a1b..dcbd9bc47 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > disallow using components that are not registered inside templates
 
-- :warning: This rule was **deprecated** and replaced by [vue/no-undef-components](no-undef-components.md) rule.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-undef-components](no-undef-components.md) rule.
 
 ## :book: Rule Details
 
diff --git a/lib/index.js b/lib/index.js
index 1c278c637..b46d395d4 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -31,7 +31,6 @@ module.exports = {
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
-    'experimental-script-setup-vars': require('./rules/experimental-script-setup-vars'),
     'first-attribute-linebreak': require('./rules/first-attribute-linebreak'),
     'func-call-spacing': require('./rules/func-call-spacing'),
     'html-button-has-type': require('./rules/html-button-has-type'),
@@ -54,7 +53,6 @@ module.exports = {
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
-    'name-property-casing': require('./rules/name-property-casing'),
     'new-line-between-multi-line-property': require('./rules/new-line-between-multi-line-property'),
     'next-tick-style': require('./rules/next-tick-style'),
     'no-arrow-functions-in-watch': require('./rules/no-arrow-functions-in-watch'),
@@ -63,7 +61,6 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-child-content': require('./rules/no-child-content'),
     'no-computed-properties-in-data': require('./rules/no-computed-properties-in-data'),
-    'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
@@ -133,7 +130,6 @@ module.exports = {
     'no-this-in-before-route-enter': require('./rules/no-this-in-before-route-enter'),
     'no-undef-components': require('./rules/no-undef-components'),
     'no-undef-properties': require('./rules/no-undef-properties'),
-    'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
     'no-unused-properties': require('./rules/no-unused-properties'),
@@ -237,7 +233,8 @@ module.exports = {
     '.vue': require('./processor')
   },
   environments: {
-    // Deprecated
+    // TODO Remove in the next major version
+    /** @deprecated */
     'setup-compiler-macros': {
       globals: {
         defineProps: 'readonly',
diff --git a/lib/removed-rules.js b/lib/removed-rules.js
new file mode 100644
index 000000000..cf2b5e8fa
--- /dev/null
+++ b/lib/removed-rules.js
@@ -0,0 +1,37 @@
+'use strict'
+
+/**
+ * @typedef {object} RemovedRule
+ * @property {string} ruleName
+ * @property {string[]} replacedBy
+ * @property {string} deprecatedInVersion
+ * @property {string} removedInVersion
+ */
+
+/** @type {RemovedRule[]} */
+module.exports = [
+  {
+    ruleName: 'experimental-script-setup-vars',
+    replacedBy: [],
+    deprecatedInVersion: 'v7.13.0',
+    removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'name-property-casing',
+    replacedBy: ['component-definition-name-casing'],
+    deprecatedInVersion: 'v7.0.0',
+    removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'no-confusing-v-for-v-if',
+    replacedBy: ['no-use-v-if-with-v-for'],
+    deprecatedInVersion: 'v5.0.0',
+    removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'no-unregistered-components',
+    replacedBy: ['no-undef-components'],
+    deprecatedInVersion: 'v8.4.0',
+    removedInVersion: 'v9.0.0'
+  }
+]
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
deleted file mode 100644
index 878f2f2b1..000000000
--- a/lib/rules/experimental-script-setup-vars.js
+++ /dev/null
@@ -1,230 +0,0 @@
-/**
- * @fileoverview prevent variables defined in `<script setup>` to be marked as undefined
- * @author Yosuke Ota
- */
-'use strict'
-
-const Module = require('module')
-const path = require('path')
-const utils = require('../utils')
-const AST = require('vue-eslint-parser').AST
-
-const ecmaVersion = 2020
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'problem',
-    docs: {
-      description:
-        'prevent variables defined in `<script setup>` to be marked as undefined', // eslint-disable-line eslint-plugin/require-meta-docs-description
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/experimental-script-setup-vars.html'
-    },
-    deprecated: true,
-    schema: []
-  },
-  /**
-   * @param {RuleContext} context - The rule context.
-   * @returns {RuleListener} AST event handlers.
-   */
-  create(context) {
-    const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
-    if (!documentFragment) {
-      return {}
-    }
-    const sourceCode = context.getSourceCode()
-    const scriptElement = documentFragment.children
-      .filter(utils.isVElement)
-      .find(
-        (element) =>
-          element.name === 'script' &&
-          element.range[0] <= sourceCode.ast.range[0] &&
-          sourceCode.ast.range[1] <= element.range[1]
-      )
-    if (!scriptElement) {
-      return {}
-    }
-    const setupAttr = utils.getAttribute(scriptElement, 'setup')
-    if (!setupAttr || !setupAttr.value) {
-      return {}
-    }
-    const value = setupAttr.value.value
-
-    let eslintScope
-    try {
-      eslintScope = getESLintModule('eslint-scope', () =>
-        // @ts-ignore
-        require('eslint-scope')
-      )
-    } catch (_error) {
-      context.report({
-        node: setupAttr,
-        message: 'Can not be resolved eslint-scope.'
-      })
-      return {}
-    }
-    let espree
-    try {
-      espree = getESLintModule('espree', () =>
-        // @ts-ignore
-        require('espree')
-      )
-    } catch (_error) {
-      context.report({
-        node: setupAttr,
-        message: 'Can not be resolved espree.'
-      })
-      return {}
-    }
-
-    const globalScope = sourceCode.scopeManager.scopes[0]
-
-    /** @type {string[]} */
-    let vars
-    try {
-      vars = parseSetup(value, espree, eslintScope)
-    } catch (_error) {
-      context.report({
-        node: setupAttr.value,
-        message: 'Parsing error.'
-      })
-      return {}
-    }
-
-    // Define configured global variables.
-    for (const id of vars) {
-      const tempVariable = globalScope.set.get(id)
-
-      /** @type {Variable} */
-      let variable
-      if (!tempVariable) {
-        variable = new eslintScope.Variable(id, globalScope)
-
-        globalScope.variables.push(variable)
-        globalScope.set.set(id, variable)
-      } else {
-        variable = tempVariable
-      }
-
-      variable.eslintImplicitGlobalSetting = 'readonly'
-      variable.eslintExplicitGlobal = undefined
-      variable.eslintExplicitGlobalComments = undefined
-      variable.writeable = false
-    }
-
-    /*
-     * "through" contains all references which definitions cannot be found.
-     * Since we augment the global scope using configuration, we need to update
-     * references and remove the ones that were added by configuration.
-     */
-    globalScope.through = globalScope.through.filter((reference) => {
-      const name = reference.identifier.name
-      const variable = globalScope.set.get(name)
-
-      if (variable) {
-        /*
-         * Links the variable and the reference.
-         * And this reference is removed from `Scope#through`.
-         */
-        reference.resolved = variable
-        variable.references.push(reference)
-
-        return false
-      }
-
-      return true
-    })
-
-    return {}
-  }
-}
-
-/**
- * @param {string} code
- * @param {any} espree
- * @param {any} eslintScope
- * @returns {string[]}
- */
-function parseSetup(code, espree, eslintScope) {
-  /** @type {Program} */
-  const ast = espree.parse(`(${code})=>{}`, { ecmaVersion })
-  const result = eslintScope.analyze(ast, {
-    ignoreEval: true,
-    nodejsScope: false,
-    ecmaVersion,
-    sourceType: 'script',
-    fallback: AST.getFallbackKeys
-  })
-
-  const variables = /** @type {Variable[]} */ (
-    result.globalScope.childScopes[0].variables
-  )
-
-  return variables.map((v) => v.name)
-}
-
-const createRequire =
-  // Added in v12.2.0
-  Module.createRequire ||
-  // Added in v10.12.0, but deprecated in v12.2.0.
-  Module.createRequireFromPath ||
-  // Polyfill - This is not executed on the tests on node@>=10.
-  /**
-   * @param {string} filename
-   */
-  function (filename) {
-    const mod = new Module(filename)
-
-    mod.filename = filename
-    // @ts-ignore
-    mod.paths = Module._nodeModulePaths(path.dirname(filename))
-    // @ts-ignore
-    mod._compile('module.exports = require;', filename)
-    return mod.exports
-  }
-
-/** @type { { 'espree'?: any, 'eslint-scope'?: any } } */
-const modulesCache = {}
-
-/**
- * @param {string} p
- */
-function isLinterPath(p) {
-  return (
-    // ESLint 6 and above
-    p.includes(`eslint${path.sep}lib${path.sep}linter${path.sep}linter.js`) ||
-    // ESLint 5
-    p.includes(`eslint${path.sep}lib${path.sep}linter.js`)
-  )
-}
-
-/**
- * Load module from the loaded ESLint.
- * If the loaded ESLint was not found, just returns `fallback()`.
- * @param {'espree' | 'eslint-scope'} name
- * @param { () => any } fallback
- */
-function getESLintModule(name, fallback) {
-  if (!modulesCache[name]) {
-    // Lookup the loaded eslint
-    const linterPath = Object.keys(require.cache).find(isLinterPath)
-    if (linterPath) {
-      try {
-        modulesCache[name] = createRequire(linterPath)(name)
-      } catch (_error) {
-        // ignore
-      }
-    }
-    if (!modulesCache[name]) {
-      modulesCache[name] = fallback()
-    }
-  }
-
-  return modulesCache[name]
-}
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
deleted file mode 100644
index 19a1827e3..000000000
--- a/lib/rules/name-property-casing.js
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * @fileoverview Requires specific casing for the name property in Vue components
- * @author Armano
- */
-'use strict'
-
-const utils = require('../utils')
-const casing = require('../utils/casing')
-const allowedCaseOptions = ['PascalCase', 'kebab-case']
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'enforce specific casing for the name property in Vue components',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/name-property-casing.html'
-    },
-    deprecated: true,
-    replacedBy: ['component-definition-name-casing'],
-    fixable: 'code', // or "code" or "whitespace"
-    schema: [
-      {
-        enum: allowedCaseOptions
-      }
-    ]
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    const options = context.options[0]
-    const caseType = allowedCaseOptions.includes(options)
-      ? options
-      : 'PascalCase'
-
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
-    return utils.executeOnVue(context, (obj) => {
-      const node = utils.findProperty(obj, 'name')
-
-      if (!node) return
-      const valueNode = node.value
-      if (valueNode.type !== 'Literal') return
-
-      if (!casing.getChecker(caseType)(`${valueNode.value}`)) {
-        const value = casing.getExactConverter(caseType)(`${valueNode.value}`)
-        context.report({
-          node: valueNode,
-          message: 'Property name "{{value}}" is not {{caseType}}.',
-          data: {
-            value: `${valueNode.value}`,
-            caseType
-          },
-          fix: (fixer) =>
-            fixer.replaceText(
-              valueNode,
-              context
-                .getSourceCode()
-                .getText(valueNode)
-                .replace(`${valueNode.value}`, value)
-            )
-        })
-      }
-    })
-  }
-}
diff --git a/lib/rules/no-confusing-v-for-v-if.js b/lib/rules/no-confusing-v-for-v-if.js
deleted file mode 100644
index 1842f7c8c..000000000
--- a/lib/rules/no-confusing-v-for-v-if.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * @author Toru Nagashima
- * @copyright 2017 Toru Nagashima. All rights reserved.
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const utils = require('../utils')
-
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Check whether the given `v-if` node is using the variable which is defined by the `v-for` directive.
- * @param {VDirective} vIf The `v-if` attribute node to check.
- * @returns {boolean} `true` if the `v-if` is using the variable which is defined by the `v-for` directive.
- */
-function isUsingIterationVar(vIf) {
-  const element = vIf.parent.parent
-  return Boolean(
-    vIf.value &&
-      vIf.value.references.some((reference) =>
-        element.variables.some(
-          (variable) =>
-            variable.id.name === reference.id.name && variable.kind === 'v-for'
-        )
-      )
-  )
-}
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description: 'disallow confusing `v-for` and `v-if` on the same element',
-      categories: ['vue3-recommended', 'recommended'],
-      url: 'https://eslint.vuejs.org/rules/no-confusing-v-for-v-if.html'
-    },
-    deprecated: true,
-    replacedBy: ['no-use-v-if-with-v-for'],
-    fixable: null,
-    schema: []
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='if']"(node) {
-        const element = node.parent.parent
-
-        if (utils.hasDirective(element, 'for') && !isUsingIterationVar(node)) {
-          context.report({
-            node,
-            loc: node.loc,
-            message: "This 'v-if' should be moved to the wrapper element."
-          })
-        }
-      }
-    })
-  }
-}
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
deleted file mode 100644
index 729685083..000000000
--- a/lib/rules/no-unregistered-components.js
+++ /dev/null
@@ -1,195 +0,0 @@
-/**
- * @fileoverview Report used components that are not registered
- * @author Jesús Ángel González Novez
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const utils = require('../utils')
-const casing = require('../utils/casing')
-
-// ------------------------------------------------------------------------------
-// Rule helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Check whether the given node is a built-in component or not.
- *
- * Includes `suspense` and `teleport` from Vue 3.
- *
- * @param {VElement} node The start tag node to check.
- * @returns {boolean} `true` if the node is a built-in component.
- */
-const isBuiltInComponent = (node) => {
-  const rawName = node && casing.kebabCase(node.rawName)
-  return (
-    utils.isHtmlElementNode(node) &&
-    !utils.isHtmlWellKnownElementName(node.rawName) &&
-    utils.isBuiltInComponentName(rawName)
-  )
-}
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'disallow using components that are not registered inside templates',
-      categories: null,
-      recommended: false,
-      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
-    },
-    deprecated: true,
-    replacedBy: ['no-undef-components'],
-    fixable: null,
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          ignorePatterns: {
-            type: 'array'
-          }
-        },
-        additionalProperties: false
-      }
-    ]
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    if (utils.isScriptSetup(context)) {
-      return {}
-    }
-    const options = context.options[0] || {}
-    /** @type {string[]} */
-    const ignorePatterns = options.ignorePatterns || []
-    /** @type { { node: VElement | VDirective | VAttribute, name: string }[] } */
-    const usedComponentNodes = []
-    /** @type { { node: Property, name: string }[] } */
-    const registeredComponents = []
-
-    return utils.defineTemplateBodyVisitor(
-      context,
-      {
-        /** @param {VElement} node */
-        VElement(node) {
-          if (
-            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-            utils.isHtmlWellKnownElementName(node.rawName) ||
-            utils.isSvgWellKnownElementName(node.rawName) ||
-            isBuiltInComponent(node)
-          ) {
-            return
-          }
-
-          usedComponentNodes.push({ node, name: node.rawName })
-        },
-        /** @param {VDirective} node */
-        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=true][key.name.name='is']"(
-          node
-        ) {
-          if (
-            !node.value ||
-            node.value.type !== 'VExpressionContainer' ||
-            !node.value.expression
-          )
-            return
-
-          if (node.value.expression.type === 'Literal') {
-            if (
-              utils.isHtmlWellKnownElementName(`${node.value.expression.value}`)
-            )
-              return
-            usedComponentNodes.push({
-              node,
-              name: `${node.value.expression.value}`
-            })
-          }
-        },
-        /** @param {VAttribute} node */
-        "VAttribute[directive=false][key.name='is']"(node) {
-          if (
-            !node.value // `<component is />`
-          )
-            return
-          const value = node.value.value.startsWith('vue:') // Usage on native elements 3.1+
-            ? node.value.value.slice(4)
-            : node.value.value
-          if (utils.isHtmlWellKnownElementName(value)) return
-          usedComponentNodes.push({ node, name: value })
-        },
-        "VElement[name='template'][parent.type='VDocumentFragment']:exit"() {
-          // All registered components, transformed to kebab-case
-          const registeredComponentNames = new Set(
-            registeredComponents.map(({ name }) => casing.kebabCase(name))
-          )
-
-          // All registered components using kebab-case syntax
-          const componentsRegisteredAsKebabCase = new Set(
-            registeredComponents.flatMap(({ name }) =>
-              name === casing.kebabCase(name) ? [name] : []
-            )
-          )
-
-          const reportNodes = usedComponentNodes.filter(({ name }) => {
-            const kebabCaseName = casing.kebabCase(name)
-
-            // Check ignored patterns in first place
-            if (
-              ignorePatterns.some((pattern) => {
-                const regExp = new RegExp(pattern)
-                return (
-                  regExp.test(kebabCaseName) ||
-                  regExp.test(casing.pascalCase(name)) ||
-                  regExp.test(casing.camelCase(name)) ||
-                  regExp.test(casing.snakeCase(name)) ||
-                  regExp.test(name)
-                )
-              })
-            )
-              return false
-
-            // Component registered as `foo-bar` cannot be used as `FooBar`
-            if (
-              casing.isPascalCase(name) &&
-              componentsRegisteredAsKebabCase.has(kebabCaseName)
-            ) {
-              return true
-            }
-
-            // Otherwise
-            return !registeredComponentNames.has(kebabCaseName)
-          })
-          for (const { node, name } of reportNodes) {
-            context.report({
-              node,
-              message:
-                'The "{{name}}" component has been used but not registered.',
-              data: {
-                name
-              }
-            })
-          }
-        }
-      },
-      utils.executeOnVue(context, (obj) => {
-        registeredComponents.push(...utils.getRegisteredComponents(obj))
-
-        const nameProperty = utils.findProperty(obj, 'name')
-
-        if (nameProperty && nameProperty.value.type === 'Literal') {
-          registeredComponents.push({
-            node: nameProperty,
-            name: `${nameProperty.value.value}`
-          })
-        }
-      })
-    )
-  }
-}
diff --git a/tests/lib/rules/experimental-script-setup-vars.js b/tests/lib/rules/experimental-script-setup-vars.js
deleted file mode 100644
index 089019c7c..000000000
--- a/tests/lib/rules/experimental-script-setup-vars.js
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * @author Yosuke Ota
- */
-'use strict'
-
-const { RuleTester } = require('eslint')
-const rule = require('../../../lib/rules/experimental-script-setup-vars')
-
-const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
-})
-
-tester.run('experimental-script-setup-vars', rule, {
-  valid: [
-    `
-    <script setup="props, { emit }">
-    import { watchEffect } from 'vue'
-
-    watchEffect(() => console.log(props.msg))
-    emit('foo')
-    </script>`,
-    `
-    <script setup>
-    export let count = 1
-    </script>`,
-    `
-    <script>
-    import { watchEffect } from 'vue'
-
-    export default {
-      setup (props, { emit }) {
-        watchEffect(() => console.log(props.msg))
-        emit('foo')
-        return {}
-      }
-    }
-    </script>`,
-    `
-    <template>
-      <div />
-    </template>`
-  ],
-  invalid: [
-    {
-      code: `
-      <script setup="a - b">
-      </script>
-      `,
-      errors: [
-        {
-          message: 'Parsing error.',
-          line: 2
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/name-property-casing.js b/tests/lib/rules/name-property-casing.js
deleted file mode 100644
index a7a8d41cc..000000000
--- a/tests/lib/rules/name-property-casing.js
+++ /dev/null
@@ -1,213 +0,0 @@
-/**
- * @fileoverview Define a style for the name property casing for consistency purposes
- * @author Armano
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const rule = require('../../../lib/rules/name-property-casing')
-const RuleTester = require('eslint').RuleTester
-
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
-const parserOptions = {
-  ecmaVersion: 2018,
-  sourceType: 'module'
-}
-
-const ruleTester = new RuleTester()
-ruleTester.run('name-property-casing', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-        }
-      `,
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          ...name
-        }
-      `,
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      options: ['PascalCase'],
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo-bar'
-        }
-      `,
-      options: ['kebab-case'],
-      parserOptions
-    }
-  ],
-
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo-bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo-bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo  bar'
-        }
-      `,
-      output: null,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo  bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo!bar'
-        }
-      `,
-      output: null,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo!bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.js',
-      code: `
-        new Vue({
-          name: 'foo!bar'
-        })
-      `,
-      output: null,
-      parserOptions: { ecmaVersion: 6 },
-      errors: [
-        {
-          message: 'Property name "foo!bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo_bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo_bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo_bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      options: ['PascalCase'],
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo_bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo_bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'foo-bar'
-        }
-      `,
-      options: ['kebab-case'],
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo_bar" is not kebab-case.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/no-confusing-v-for-v-if.js b/tests/lib/rules/no-confusing-v-for-v-if.js
deleted file mode 100644
index 47959aeb4..000000000
--- a/tests/lib/rules/no-confusing-v-for-v-if.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * @author Toru Nagashima
- * @copyright 2017 Toru Nagashima. All rights reserved.
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/no-confusing-v-for-v-if')
-
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
-const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
-})
-
-tester.run('no-confusing-v-for-v-if', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: ''
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x"></div></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
-    }
-  ],
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
-      errors: ["This 'v-if' should be moved to the wrapper element."]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
-      errors: ["This 'v-if' should be moved to the wrapper element."]
-    }
-  ]
-})
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
deleted file mode 100644
index f120cde81..000000000
--- a/tests/lib/rules/no-unregistered-components.js
+++ /dev/null
@@ -1,777 +0,0 @@
-/**
- * @fileoverview Report used components that are not registered
- * @author Jesús Ángel González Novez
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/no-unregistered-components')
-
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
-const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2018,
-    sourceType: 'module'
-  }
-})
-
-tester.run('no-unregistered-components', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div>Lorem ipsum</div>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom-component>
-            Some text
-          </custom-component>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom-component>
-            Some text
-          </custom-component>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom_component>
-            Some text
-          </custom_component>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <customComponent>
-            Some text
-          </customComponent>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <customComponent>
-            <warm-code>Text</warm-code>
-            <InfoBtnPrimary value="text" />
-          </customComponent>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+', 'Warm(\\w+)+', 'InfoBtn(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'">
-            Some text
-          </component>
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component v-if="showComponent" :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          data: () => ({
-            showComponent: true
-          }),
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component v-if="showComponent" :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          data: () => ({
-            showComponent: false
-          }),
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'div'" />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="div" />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="span">
-            Text
-          </component>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Component is="div" />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Component is="span">
-            Text
-          </Component>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="name" />
-        </template>
-        <script>
-        export default {
-          data: () => ({ name: 'div' })
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="name" />
-        </template>
-        <script>
-        export default {
-          data: () => ({ name: 'warm-button' }),
-          components: { WarmButton }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <teleport />
-          <suspense />
-          <suspense>
-            <div>Text</div>
-          </suspense>
-          <Teleport />
-          <Suspense />
-          <Suspense>
-            <div>Text</div>
-          </Suspense>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <transition />
-          <transition-group />
-          <keep-alive />
-          <transition>
-            <div>Text</div>
-          </transition>
-          <TransitionGroup />
-          <KeepAlive />
-          <Transition>
-            <div>Text</div>
-          </Transition>
-          <Slot />
-          <slot />
-          <slot>
-            foo
-          </slot>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Custom-Component />
-        </template>
-        <script>
-        export default {
-          components: {
-            'custom-component': InfoPrimaryWrapper
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Component is />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom-component />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="CustomComponent" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="vue:CustomComponent" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponentWithNamedSlots>
-            <template #slotA>
-              <div>Text</div>
-            </template>
-          </CustomComponentWithNamedSlots>
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponentWithNamedSlots
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <TheModal />
-      </template>
-
-      <script setup>
-      import TheModal from 'foo'
-      </script>`
-    }
-  ],
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <WarmButton />
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ],
-      errors: [
-        {
-          message:
-            'The "WarmButton" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <WarmButton>
-            Some text
-          </WarmButton>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ],
-      errors: [
-        {
-          message:
-            'The "WarmButton" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'">
-            Some text
-          </component>
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            'custom-component': InfoPrimaryWrapper
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          name: CustomComponent
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponentWithNamedSlots>
-            <template #slotA>
-              <div>Text</div>
-            </template>
-          </CustomComponentWithNamedSlots>
-        </template>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponentWithNamedSlots" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div is="vue:foo" />
-        </template>
-        <script>
-        export default {
-          components: {
-            bar
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message: 'The "foo" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-is="'foo'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            bar
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message: 'The "foo" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/script-setup.js b/tests/lib/script-setup.js
deleted file mode 100644
index ad7409dcb..000000000
--- a/tests/lib/script-setup.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * @author Yosuke Ota <https://github.com/ota-meshi>
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const Linter = require('eslint').Linter
-const parser = require('vue-eslint-parser')
-const assert = require('assert')
-const experimentalScriptSetupVars = require('../../lib/rules/experimental-script-setup-vars')
-
-const baseConfig = {
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module'
-  }
-}
-
-describe('script-setup test cases', () => {
-  const linter = new Linter()
-  linter.defineParser('vue-eslint-parser', parser)
-  linter.defineRule(
-    'vue/experimental-script-setup-vars',
-    experimentalScriptSetupVars
-  )
-
-  describe('temporary supports.', () => {
-    const config = Object.assign({}, baseConfig, {
-      globals: { console: false },
-      rules: {
-        'vue/experimental-script-setup-vars': 'error',
-        'no-undef': 'error'
-      }
-    })
-
-    it('should not be marked.', () => {
-      const code = `
-      <script setup="props, { emit }">
-      import { watchEffect } from 'vue'
-
-      watchEffect(() => console.log(props.msg))
-      emit('foo')
-      </script>`
-      const messages = linter.verify(code, config, 'test.vue')
-      assert.deepStrictEqual(messages, [])
-    })
-  })
-})
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 27ab06979..3db26c36b 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -8,6 +8,7 @@ const fs = require('fs')
 const path = require('path')
 const rules = require('./lib/rules')
 const { getPresetIds, formatItems } = require('./lib/utils')
+const removedRules = require('../lib/removed-rules')
 
 const VUE3_EMOJI = ':three:'
 const VUE2_EMOJI = ':two:'
@@ -62,6 +63,22 @@ function toDeprecatedRuleRow(rule) {
   return `| ${link} | ${replacedBy || '(no replacement)'} |`
 }
 
+function toRemovedRuleRow({
+  ruleName,
+  replacedBy,
+  deprecatedInVersion,
+  removedInVersion
+}) {
+  const link = `[vue/${ruleName}](./${ruleName}.md)`
+  const replacement =
+    replacedBy.map((name) => `[vue/${name}](./${name}.md)`).join(', ') ||
+    '(no replacement)'
+  const deprecatedVersionLink = `[${deprecatedInVersion}](https://github.com/vuejs/eslint-plugin-vue/releases/tag/${deprecatedInVersion})`
+  const removedVersionLink = `[${removedInVersion}](https://github.com/vuejs/eslint-plugin-vue/releases/tag/${removedInVersion})`
+
+  return `| ${link} | ${replacement} | ${deprecatedVersionLink} | ${removedVersionLink} |`
+}
+
 const categoryGroups = [
   {
     title: 'Base Rules (Enabling Correct ESLint Parsing)',
@@ -217,6 +234,17 @@ ${deprecatedRules.map(toDeprecatedRuleRow).join('\n')}
 `
 }
 
+// -----------------------------------------------------------------------------
+rulesTableContent += `
+## Removed
+
+- :no_entry_sign: These rules have been removed in a previous major release, after they have been deprecated for a while.
+
+| Rule ID | Replaced by | Deprecated in version  | Removed in version |
+|:--------|:------------|:-----------------------|:-------------------|
+${removedRules.map(toRemovedRuleRow).join('\n')}
+`
+
 // -----------------------------------------------------------------------------
 const readmeFilePath = path.resolve(__dirname, '../docs/rules/README.md')
 fs.writeFileSync(
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 80211d278..75f6dab6d 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -21,6 +21,7 @@ For example:
 const fs = require('fs')
 const path = require('path')
 const rules = require('./lib/rules')
+const removedRules = require('../lib/removed-rules')
 const { getPresetIds, formatItems } = require('./lib/utils')
 
 const ROOT = path.resolve(__dirname, '../docs/rules')
@@ -82,10 +83,28 @@ class DocFile {
 
   updateHeader() {
     const { ruleId, meta } = this.rule
-    const title = `# ${ruleId}\n\n> ${meta.docs.description}`
+    const description = meta.docs
+      ? meta.docs.description
+      : this.content.match(/^description: (.*)$/m)[1]
+    const title = `# ${ruleId}\n\n> ${description}`
     const notes = []
 
-    if (meta.deprecated) {
+    if (meta.removedInVersion) {
+      if (meta.replacedBy.length > 0) {
+        const replacedRules = meta.replacedBy.map(
+          (name) => `[vue/${name}](${name}.md) rule`
+        )
+        notes.push(
+          `- :no_entry_sign: This rule was **removed** in eslint-plugin-vue ${
+            meta.removedInVersion
+          } and replaced by ${formatItems(replacedRules)}.`
+        )
+      } else {
+        notes.push(
+          `- :no_entry_sign: This rule was **removed** in eslint-plugin-vue ${meta.removedInVersion}.`
+        )
+      }
+    } else if (meta.deprecated) {
       if (meta.replacedBy) {
         const replacedRules = meta.replacedBy.map(
           (name) => `[vue/${name}](${name}.md) rule`
@@ -255,3 +274,15 @@ for (const rule of rules) {
     .checkHeadings()
     .checkGoodBadSymbols()
 }
+
+for (const { ruleName, replacedBy, removedInVersion } of removedRules) {
+  const rule = {
+    name: ruleName,
+    ruleId: `vue/${ruleName}`,
+    meta: {
+      replacedBy,
+      removedInVersion
+    }
+  }
+  DocFile.read(rule).updateHeader().write()
+}

From 52accc9aa4ec4031073863de347de90fbcde585a Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 12 May 2022 20:58:01 +0900
Subject: [PATCH 0495/1010] Update `vue/no-expose-after-await` rule to support
 `<script setup>` (#1885)

* Update `vue/no-expose-after-await` rule to support `<script setup>`

* Update lib/rules/no-expose-after-await.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update lib/rules/no-expose-after-await.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* format & fix test

* Use arrow-body-style & format

* fix messages

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 .eslintrc.js                                  |   1 +
 docs/rules/no-expose-after-await.md           |  22 +-
 lib/rules/attribute-hyphenation.js            |   4 +-
 lib/rules/no-dupe-v-else-if.js                |   5 +-
 lib/rules/no-expose-after-await.js            | 279 ++++++++-------
 lib/rules/no-lifecycle-after-await.js         |   2 +-
 lib/rules/no-restricted-call-after-await.js   |   4 +-
 lib/rules/no-restricted-v-bind.js             |   6 +-
 .../no-side-effects-in-computed-properties.js |   7 +-
 lib/rules/no-watch-after-await.js             |   2 +-
 lib/rules/order-in-components.js              |  16 +-
 lib/rules/static-class-names-order.js         |   5 +-
 lib/rules/v-on-event-hyphenation.js           |   8 +-
 lib/utils/index.js                            |  64 ++--
 lib/utils/property-references.js              |   6 +-
 lib/utils/selector.js                         |   4 +-
 tests/lib/rules/no-expose-after-await.js      |  35 +-
 tests/lib/rules/no-lifecycle-after-await.js   |   3 +-
 .../lib/rules/no-reserved-component-names.js  | 320 ++++++++----------
 .../rules/no-restricted-call-after-await.js   |  28 +-
 tests/lib/rules/no-watch-after-await.js       |   2 +-
 21 files changed, 429 insertions(+), 394 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index da047d7b9..b73aa7c94 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -119,6 +119,7 @@ module.exports = {
     'prefer-spread': 'error',
 
     'dot-notation': 'error',
+    'arrow-body-style': 'error',
 
     'unicorn/consistent-function-scoping': [
       'error',
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 54c587116..7855b833c 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -13,14 +13,14 @@ since: v8.1.0
 
 ## :book: Rule Details
 
-This rule reports usages of `expose()` after an `await` expression.  
-In the `setup()` function, `expose()` should be registered synchronously.
+This rule reports usages of `expose()` and `defineExpose()` after an `await` expression.  
+In the `setup()` function, `expose()` should be registered synchronously.  
+In the `<script setup>`, `defineExpose()` should be registered synchronously.
 
 <eslint-code-block :rules="{'vue/no-expose-after-await': ['error']}">
 
 ```vue
 <script>
-import { watch } from 'vue'
 export default {
   async setup(props, { expose }) {
     /* ✓ GOOD */
@@ -37,6 +37,22 @@ export default {
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/no-expose-after-await': ['error']}">
+
+```vue
+<script setup>
+/* ✓ GOOD */
+defineExpose({/* ... */})
+
+await doSomething()
+
+/* ✗ BAD */
+defineExpose({/* ... */})
+</script>
+```
+
+</eslint-code-block>
+
 ## :wrench: Options
 
 Nothing.
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 0502ae3bc..1c097763c 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -107,9 +107,7 @@ module.exports = {
      * @param {string} value
      */
     function isIgnoredAttribute(value) {
-      const isIgnored = ignoredAttributes.some((attr) => {
-        return value.includes(attr)
-      })
+      const isIgnored = ignoredAttributes.some((attr) => value.includes(attr))
 
       if (isIgnored) {
         return true
diff --git a/lib/rules/no-dupe-v-else-if.js b/lib/rules/no-dupe-v-else-if.js
index d0d74cfed..1500d7d24 100644
--- a/lib/rules/no-dupe-v-else-if.js
+++ b/lib/rules/no-dupe-v-else-if.js
@@ -167,11 +167,10 @@ module.exports = {
 
             for (const condition of listToCheck) {
               const operands = (condition.operands = condition.operands.filter(
-                (orOperand) => {
-                  return !currentOrOperands.operands.some((currentOrOperand) =>
+                (orOperand) =>
+                  !currentOrOperands.operands.some((currentOrOperand) =>
                     isSubset(currentOrOperand, orOperand)
                   )
-                }
               ))
               if (operands.length === 0) {
                 context.report({
diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index 9d753ab81..fdfa10869 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -46,7 +46,7 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      forbidden: 'The `expose` after `await` expression are forbidden.'
+      forbidden: '`{{name}}` is forbidden after an `await` expression.'
     }
   },
   /** @param {RuleContext} context */
@@ -55,147 +55,192 @@ module.exports = {
      * @typedef {object} SetupScopeData
      * @property {boolean} afterAwait
      * @property {[number,number]} range
-     * @property {Set<Identifier>} exposeReferenceIds
-     * @property {Set<Identifier>} contextReferenceIds
+     * @property {(node: Identifier, callNode: CallExpression) => boolean} isExposeReferenceId
+     * @property {(node: Identifier) => boolean} isContextReferenceId
      */
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
-     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression} scopeNode
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
      */
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression, SetupScopeData>} */
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, SetupScopeData>} */
     const setupScopes = new Map()
 
     /** @type {ScopeStack | null} */
     let scopeStack = null
 
-    return utils.defineVueVisitor(context, {
-      onSetupFunctionEnter(node) {
-        const contextParam = node.params[1]
-        if (!contextParam) {
-          // no arguments
-          return
-        }
-        if (contextParam.type === 'RestElement') {
-          // cannot check
-          return
-        }
-        if (contextParam.type === 'ArrayPattern') {
-          // cannot check
-          return
+    return utils.compositingVisitors(
+      {
+        /**
+         * @param {Program} node
+         */
+        Program(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
+          }
         }
-        /** @type {Set<Identifier>} */
-        const contextReferenceIds = new Set()
-        /** @type {Set<Identifier>} */
-        const exposeReferenceIds = new Set()
-        if (contextParam.type === 'ObjectPattern') {
-          const exposeProperty = utils.findAssignmentProperty(
-            contextParam,
-            'expose'
-          )
-          if (!exposeProperty) {
-            return
+      },
+      {
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+         */
+        ':function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
           }
-          const exposeParam = exposeProperty.value
-          // `setup(props, {emit})`
-          const variable =
-            exposeParam.type === 'Identifier'
-              ? findVariable(context.getScope(), exposeParam)
-              : null
-          if (!variable) {
+        },
+        ':function:exit'() {
+          scopeStack = scopeStack && scopeStack.upper
+        },
+        /** @param {AwaitExpression} node */
+        AwaitExpression(node) {
+          if (!scopeStack) {
             return
           }
-          for (const reference of variable.references) {
-            if (!reference.isRead()) {
-              continue
-            }
-            exposeReferenceIds.add(reference.identifier)
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (!setupScope || !utils.inRange(setupScope.range, node)) {
+            return
           }
-        } else if (contextParam.type === 'Identifier') {
-          // `setup(props, context)`
-          const variable = findVariable(context.getScope(), contextParam)
-          if (!variable) {
+          setupScope.afterAwait = true
+        },
+        /** @param {CallExpression} node */
+        CallExpression(node) {
+          if (!scopeStack) {
             return
           }
-          for (const reference of variable.references) {
-            if (!reference.isRead()) {
-              continue
-            }
-            contextReferenceIds.add(reference.identifier)
+          const setupScope = setupScopes.get(scopeStack.scopeNode)
+          if (
+            !setupScope ||
+            !setupScope.afterAwait ||
+            !utils.inRange(setupScope.range, node)
+          ) {
+            return
           }
-        }
-        setupScopes.set(node, {
-          afterAwait: false,
-          range: node.range,
-          exposeReferenceIds,
-          contextReferenceIds
-        })
-      },
-      /**
-       * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
-       */
-      ':function'(node) {
-        scopeStack = {
-          upper: scopeStack,
-          scopeNode: node
-        }
-      },
-      ':function:exit'() {
-        scopeStack = scopeStack && scopeStack.upper
-      },
-      /** @param {AwaitExpression} node */
-      AwaitExpression(node) {
-        if (!scopeStack) {
-          return
-        }
-        const setupScope = setupScopes.get(scopeStack.scopeNode)
-        if (!setupScope || !utils.inRange(setupScope.range, node)) {
-          return
-        }
-        setupScope.afterAwait = true
-      },
-      /** @param {CallExpression} node */
-      CallExpression(node) {
-        if (!scopeStack) {
-          return
-        }
-        const setupScope = setupScopes.get(scopeStack.scopeNode)
-        if (
-          !setupScope ||
-          !setupScope.afterAwait ||
-          !utils.inRange(setupScope.range, node)
-        ) {
-          return
-        }
-        const { contextReferenceIds, exposeReferenceIds } = setupScope
-        if (
-          node.callee.type === 'Identifier' &&
-          exposeReferenceIds.has(node.callee)
-        ) {
-          // setup(props,{expose}) {expose()}
-          context.report({
-            node,
-            messageId: 'forbidden'
-          })
-        } else {
-          const expose = getCalleeMemberNode(node)
+          const { isContextReferenceId, isExposeReferenceId } = setupScope
           if (
-            expose &&
-            expose.name === 'expose' &&
-            expose.member.object.type === 'Identifier' &&
-            contextReferenceIds.has(expose.member.object)
+            node.callee.type === 'Identifier' &&
+            isExposeReferenceId(node.callee, node)
           ) {
-            // setup(props,context) {context.emit()}
+            // setup(props,{expose}) {expose()}
             context.report({
               node,
-              messageId: 'forbidden'
+              messageId: 'forbidden',
+              data: {
+                name: node.callee.name
+              }
             })
+          } else {
+            const expose = getCalleeMemberNode(node)
+            if (
+              expose &&
+              expose.name === 'expose' &&
+              expose.member.object.type === 'Identifier' &&
+              isContextReferenceId(expose.member.object)
+            ) {
+              // setup(props,context) {context.emit()}
+              context.report({
+                node,
+                messageId: 'forbidden',
+                data: {
+                  name: expose.name
+                }
+              })
+            }
           }
         }
       },
-      onSetupFunctionExit(node) {
-        setupScopes.delete(node)
-      }
-    })
+      (() => {
+        const scriptSetup = utils.getScriptSetupElement(context)
+        if (!scriptSetup) {
+          return {}
+        }
+        return {
+          /**
+           * @param {Program} node
+           */
+          Program(node) {
+            context
+              .getScope()
+              .references.find((ref) => ref.identifier.name === 'defineExpose')
+            setupScopes.set(node, {
+              afterAwait: false,
+              range: scriptSetup.range,
+              isExposeReferenceId: (_id, callNode) =>
+                callNode.parent.type === 'ExpressionStatement' &&
+                callNode.parent.parent === node,
+              isContextReferenceId: () => false
+            })
+          }
+        }
+      })(),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          const contextParam = node.params[1]
+          if (!contextParam) {
+            // no arguments
+            return
+          }
+          if (contextParam.type === 'RestElement') {
+            // cannot check
+            return
+          }
+          if (contextParam.type === 'ArrayPattern') {
+            // cannot check
+            return
+          }
+          /** @type {Set<Identifier>} */
+          const contextReferenceIds = new Set()
+          /** @type {Set<Identifier>} */
+          const exposeReferenceIds = new Set()
+          if (contextParam.type === 'ObjectPattern') {
+            const exposeProperty = utils.findAssignmentProperty(
+              contextParam,
+              'expose'
+            )
+            if (!exposeProperty) {
+              return
+            }
+            const exposeParam = exposeProperty.value
+            // `setup(props, {emit})`
+            const variable =
+              exposeParam.type === 'Identifier'
+                ? findVariable(context.getScope(), exposeParam)
+                : null
+            if (!variable) {
+              return
+            }
+            for (const reference of variable.references) {
+              if (!reference.isRead()) {
+                continue
+              }
+              exposeReferenceIds.add(reference.identifier)
+            }
+          } else if (contextParam.type === 'Identifier') {
+            // `setup(props, context)`
+            const variable = findVariable(context.getScope(), contextParam)
+            if (!variable) {
+              return
+            }
+            for (const reference of variable.references) {
+              if (!reference.isRead()) {
+                continue
+              }
+              contextReferenceIds.add(reference.identifier)
+            }
+          }
+          setupScopes.set(node, {
+            afterAwait: false,
+            range: node.range,
+            isExposeReferenceId: (id) => exposeReferenceIds.has(id),
+            isContextReferenceId: (id) => contextReferenceIds.has(id)
+          })
+        },
+        onSetupFunctionExit(node) {
+          setupScopes.delete(node)
+        }
+      })
+    )
   }
 }
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index d38a97a59..bb097910f 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -35,7 +35,7 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      forbidden: 'The lifecycle hooks after `await` expression are forbidden.'
+      forbidden: 'Lifecycle hooks are forbidden after an `await` expression.'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index 7b6ff74e7..f4f3b6d38 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -169,9 +169,9 @@ module.exports = {
               local[ReferenceTracker.CALL] = true
               const message =
                 option.message ||
-                `The \`${[`import("${module}")`, ...paths].join(
+                `\`${[`import("${module}")`, ...paths].join(
                   '.'
-                )}\` after \`await\` expression are forbidden.`
+                )}\` is forbidden after an \`await\` expression.`
 
               for (const { node } of tracker.iterateEsmReferences(traceMap)) {
                 restrictedCallNodes.set(node, message)
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index 2fdb5b744..f9bf5462b 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -69,9 +69,9 @@ function parseOption(option) {
       if (!argTest(key)) {
         return false
       }
-      return /** @type {string[]} */ (option.modifiers).every((modName) => {
-        return key.modifiers.some((mid) => mid.name === modName)
-      })
+      return /** @type {string[]} */ (option.modifiers).every((modName) =>
+        key.modifiers.some((mid) => mid.name === modName)
+      )
     }
     parsed.modifiers = option.modifiers
   }
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 6e43266fb..7f7697b50 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -74,14 +74,13 @@ module.exports = {
 
         const computedProperty = (
           info ? computedPropertiesMap.get(info.node) || [] : []
-        ).find((cp) => {
-          return (
+        ).find(
+          (cp) =>
             cp.value &&
             cp.value.range[0] <= node.range[0] &&
             node.range[1] <= cp.value.range[1] &&
             targetBody === cp.value
-          )
-        })
+        )
         if (computedProperty) {
           const mem = node.parent
           if (mem.object !== node) {
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index 6ecc4dd75..ae88fd51a 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -51,7 +51,7 @@ module.exports = {
     fixable: null,
     schema: [],
     messages: {
-      forbidden: 'The `watch` after `await` expression are forbidden.'
+      forbidden: '`watch` is forbidden after an `await` expression.'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 83e814413..1e0b517f8 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -259,15 +259,13 @@ module.exports = {
     function checkOrder(propertiesNodes) {
       const properties = propertiesNodes
         .filter(utils.isProperty)
-        .map((property) => {
-          return {
-            node: property,
-            name:
-              utils.getStaticPropertyName(property) ||
-              (property.key.type === 'Identifier' && property.key.name) ||
-              ''
-          }
-        })
+        .map((property) => ({
+          node: property,
+          name:
+            utils.getStaticPropertyName(property) ||
+            (property.key.type === 'Identifier' && property.key.name) ||
+            ''
+        }))
 
       for (const [i, property] of properties.entries()) {
         const orderPos = getOrderPosition(property.name)
diff --git a/lib/rules/static-class-names-order.js b/lib/rules/static-class-names-order.js
index bee820fa2..3e5e9a631 100644
--- a/lib/rules/static-class-names-order.js
+++ b/lib/rules/static-class-names-order.js
@@ -25,8 +25,8 @@ module.exports = {
     schema: []
   },
   /** @param {RuleContext} context */
-  create: (context) => {
-    return defineTemplateBodyVisitor(context, {
+  create: (context) =>
+    defineTemplateBodyVisitor(context, {
       /** @param {VAttribute} node */
       "VAttribute[directive=false][key.name='class']"(node) {
         const value = node.value
@@ -57,5 +57,4 @@ module.exports = {
         }
       }
     })
-  }
 }
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index 16ea753ab..7060ab620 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -74,9 +74,7 @@ module.exports = {
           autofix &&
           // It cannot be converted in snake_case.
           !name.includes('_')
-            ? (fixer) => {
-                return fixer.replaceText(argument, caseConverter(name))
-              }
+            ? (fixer) => fixer.replaceText(argument, caseConverter(name))
             : null
       })
     }
@@ -85,9 +83,7 @@ module.exports = {
      * @param {string} value
      */
     function isIgnoredAttribute(value) {
-      const isIgnored = ignoredAttributes.some((attr) => {
-        return value.includes(attr)
-      })
+      const isIgnored = ignoredAttributes.some((attr) => value.includes(attr))
 
       if (isIgnored) {
         return true
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 63a838bca..5a423faa4 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -675,13 +675,10 @@ module.exports = {
        * @param {ESNode} p
        * @returns {p is (Property & { key: Identifier & {name: 'components'}, value: ObjectExpression })}
        */
-      (p) => {
-        return (
-          p.type === 'Property' &&
-          getStaticPropertyName(p) === 'components' &&
-          p.value.type === 'ObjectExpression'
-        )
-      }
+      (p) =>
+        p.type === 'Property' &&
+        getStaticPropertyName(p) === 'components' &&
+        p.value.type === 'ObjectExpression'
     )
 
     if (!componentsNode) {
@@ -913,13 +910,10 @@ module.exports = {
        * @param {ESNode} p
        * @returns {p is (Property & { key: Identifier & {name: 'computed'}, value: ObjectExpression })}
        */
-      (p) => {
-        return (
-          p.type === 'Property' &&
-          getStaticPropertyName(p) === 'computed' &&
-          p.value.type === 'ObjectExpression'
-        )
-      }
+      (p) =>
+        p.type === 'Property' &&
+        getStaticPropertyName(p) === 'computed' &&
+        p.value.type === 'ObjectExpression'
     )
 
     if (!computedPropertiesNode) {
@@ -2705,14 +2699,11 @@ function getAttribute(node, name, value) {
        * @param {VAttribute | VDirective} node
        * @returns {node is VAttribute}
        */
-      (node) => {
-        return (
-          !node.directive &&
-          node.key.name === name &&
-          (value === undefined ||
-            (node.value != null && node.value.value === value))
-        )
-      }
+      (node) =>
+        !node.directive &&
+        node.key.name === name &&
+        (value === undefined ||
+          (node.value != null && node.value.value === value))
     ) || null
   )
 }
@@ -2731,9 +2722,7 @@ function getDirectives(node, name) {
      * @param {VAttribute | VDirective} node
      * @returns {node is VDirective}
      */
-    (node) => {
-      return node.directive && node.key.name.name === name
-    }
+    (node) => node.directive && node.key.name.name === name
   )
 }
 /**
@@ -2750,16 +2739,13 @@ function getDirective(node, name, argument) {
        * @param {VAttribute | VDirective} node
        * @returns {node is VDirective}
        */
-      (node) => {
-        return (
-          node.directive &&
-          node.key.name.name === name &&
-          (argument === undefined ||
-            (node.key.argument &&
-              node.key.argument.type === 'VIdentifier' &&
-              node.key.argument.name) === argument)
-        )
-      }
+      (node) =>
+        node.directive &&
+        node.key.name.name === name &&
+        (argument === undefined ||
+          (node.key.argument &&
+            node.key.argument.type === 'VIdentifier' &&
+            node.key.argument.name) === argument)
     ) || null
   )
 }
@@ -2851,9 +2837,7 @@ function getComponentPropsFromOptions(componentObject) {
      * @param {ESNode} p
      * @returns {p is (Property & { key: Identifier & {name: 'props'} })}
      */
-    (p) => {
-      return p.type === 'Property' && getStaticPropertyName(p) === 'props'
-    }
+    (p) => p.type === 'Property' && getStaticPropertyName(p) === 'props'
   )
 
   if (!propsNode) {
@@ -2888,9 +2872,7 @@ function getComponentEmitsFromOptions(componentObject) {
      * @param {ESNode} p
      * @returns {p is (Property & { key: Identifier & {name: 'emits'} })}
      */
-    (p) => {
-      return p.type === 'Property' && getStaticPropertyName(p) === 'emits'
-    }
+    (p) => p.type === 'Property' && getStaticPropertyName(p) === 'emits'
   )
 
   if (!emitsNode) {
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index e89457230..beb3118d6 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -533,9 +533,9 @@ function definePropertyReferenceExtractor(context) {
       // unknown name
       return ANY
     }
-    return extractFromName(refName, nameNode, () => {
-      return extractFromExpression(node, false).getNest('value')
-    })
+    return extractFromName(refName, nameNode, () =>
+      extractFromExpression(node, false).getNest('value')
+    )
   }
 
   /**
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
index a1b18bc83..862f695fb 100644
--- a/lib/utils/selector.js
+++ b/lib/utils/selector.js
@@ -373,9 +373,7 @@ function pseudoNodeToVElementMatcher(selector) {
     case ':not': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:not
       const selectors = selectorsToVElementMatcher(selector.nodes)
-      return (element, subject) => {
-        return !selectors(element, subject)
-      }
+      return (element, subject) => !selectors(element, subject)
     }
     case ':is':
     case ':where':
diff --git a/tests/lib/rules/no-expose-after-await.js b/tests/lib/rules/no-expose-after-await.js
index 2f33c58e6..d335da64a 100644
--- a/tests/lib/rules/no-expose-after-await.js
+++ b/tests/lib/rules/no-expose-after-await.js
@@ -101,7 +101,19 @@ tester.run('no-expose-after-await', rule, {
       <script setup>
       defineExpose({ /* ... */ })
       await doSomething()
-      defineExpose({ /* ... */ })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      await doSomething()
+      {
+        defineExpose({ /* ... */ })
+      }
+      function defineExpose() {}
       </script>
       `,
       parserOptions: { ecmaVersion: 2022 }
@@ -122,7 +134,7 @@ tester.run('no-expose-after-await', rule, {
       `,
       errors: [
         {
-          message: 'The `expose` after `await` expression are forbidden.',
+          message: '`expose` is forbidden after an `await` expression.',
           line: 6,
           column: 11
         }
@@ -142,11 +154,28 @@ tester.run('no-expose-after-await', rule, {
       `,
       errors: [
         {
-          message: 'The `expose` after `await` expression are forbidden.',
+          message: '`expose` is forbidden after an `await` expression.',
           line: 6,
           column: 11
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      await doSomething()
+      defineExpose({ /* ... */ })
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 },
+      errors: [
+        {
+          message: '`defineExpose` is forbidden after an `await` expression.',
+          line: 4,
+          column: 7
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index bb7414682..e75995a5f 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -174,8 +174,7 @@ tester.run('no-lifecycle-after-await', rule, {
       `,
       errors: [
         {
-          message:
-            'The lifecycle hooks after `await` expression are forbidden.',
+          message: 'Lifecycle hooks are forbidden after an `await` expression.',
           line: 8,
           column: 11,
           endLine: 8,
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 126123dd4..4b39c0858 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -536,212 +536,188 @@ ruleTester.run('no-reserved-component-names', rule, {
       code: `fn1(component.data)`,
       parserOptions
     },
-    ...vue2BuiltInComponents.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+    ...vue2BuiltInComponents.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions
-      }
-    }),
-    ...vue3BuiltInComponents.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+      parserOptions
+    })),
+    ...vue3BuiltInComponents.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions
-      }
-    }),
-    ...vue3BuiltInComponents.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+      parserOptions
+    })),
+    ...vue3BuiltInComponents.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions,
-        options: [{ disallowVueBuiltInComponents: true }]
-      }
-    })
+      parserOptions,
+      options: [{ disallowVueBuiltInComponents: true }]
+    }))
   ],
 
   invalid: [
-    ...invalidElements.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+    ...invalidElements.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions,
-        errors: [
-          {
-            messageId: RESERVED_NAMES_IN_HTML.has(name)
-              ? 'reservedInHtml'
-              : 'reserved',
-            data: { name },
-            type: 'Literal',
-            line: 3
-          }
-        ]
-      }
-    }),
-    ...invalidElements.map((name) => {
-      return {
-        filename: 'test.vue',
-        code: `Vue.component('${name}', component)`,
-        parserOptions,
-        errors: [
-          {
-            messageId: RESERVED_NAMES_IN_HTML.has(name)
-              ? 'reservedInHtml'
-              : 'reserved',
-            data: { name },
-            type: 'Literal',
-            line: 1
-          }
-        ]
-      }
-    }),
-    ...invalidElements.map((name) => {
-      return {
-        filename: 'test.vue',
-        code: `app.component('${name}', component)`,
-        parserOptions,
-        errors: [
-          {
-            messageId: RESERVED_NAMES_IN_HTML.has(name)
-              ? 'reservedInHtml'
-              : 'reserved',
-            data: { name },
-            type: 'Literal',
-            line: 1
-          }
-        ]
-      }
-    }),
-    ...invalidElements.map((name) => {
-      return {
-        filename: 'test.vue',
-        code: `Vue.component(\`${name}\`, {})`,
-        parserOptions,
-        errors: [
-          {
-            messageId: RESERVED_NAMES_IN_HTML.has(name)
-              ? 'reservedInHtml'
-              : 'reserved',
-            data: { name },
-            type: 'TemplateLiteral',
-            line: 1
-          }
-        ]
-      }
-    }),
-    ...invalidElements.map((name) => {
-      return {
-        filename: 'test.vue',
-        code: `app.component(\`${name}\`, {})`,
-        parserOptions,
-        errors: [
-          {
-            messageId: RESERVED_NAMES_IN_HTML.has(name)
-              ? 'reservedInHtml'
-              : 'reserved',
-            data: { name },
-            type: 'TemplateLiteral',
-            line: 1
-          }
-        ]
-      }
-    }),
-    ...invalidElements.map((name) => {
-      return {
-        filename: 'test.vue',
-        code: `export default {
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }
+      ]
+    })),
+    ...invalidElements.map((name) => ({
+      filename: 'test.vue',
+      code: `Vue.component('${name}', component)`,
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          type: 'Literal',
+          line: 1
+        }
+      ]
+    })),
+    ...invalidElements.map((name) => ({
+      filename: 'test.vue',
+      code: `app.component('${name}', component)`,
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          type: 'Literal',
+          line: 1
+        }
+      ]
+    })),
+    ...invalidElements.map((name) => ({
+      filename: 'test.vue',
+      code: `Vue.component(\`${name}\`, {})`,
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          type: 'TemplateLiteral',
+          line: 1
+        }
+      ]
+    })),
+    ...invalidElements.map((name) => ({
+      filename: 'test.vue',
+      code: `app.component(\`${name}\`, {})`,
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          type: 'TemplateLiteral',
+          line: 1
+        }
+      ]
+    })),
+    ...invalidElements.map((name) => ({
+      filename: 'test.vue',
+      code: `export default {
           components: {
             '${name}': {},
           }
         }`,
-        parserOptions,
-        errors: [
-          {
-            messageId: RESERVED_NAMES_IN_HTML.has(name)
-              ? 'reservedInHtml'
-              : 'reserved',
-            data: { name },
-            type: 'Property',
-            line: 3
-          }
-        ]
-      }
-    }),
-    ...vue2BuiltInComponents.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          type: 'Property',
+          line: 3
+        }
+      ]
+    })),
+    ...vue2BuiltInComponents.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions,
-        options: [{ disallowVueBuiltInComponents: true }],
-        errors: [
-          {
-            messageId: 'reservedInVue',
-            data: { name },
-            type: 'Literal',
-            line: 3
-          }
-        ]
-      }
-    }),
-    ...vue2BuiltInComponents.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+      parserOptions,
+      options: [{ disallowVueBuiltInComponents: true }],
+      errors: [
+        {
+          messageId: 'reservedInVue',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }
+      ]
+    })),
+    ...vue2BuiltInComponents.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions,
-        options: [{ disallowVue3BuiltInComponents: true }],
-        errors: [
-          {
-            messageId: 'reservedInVue',
-            data: { name },
-            type: 'Literal',
-            line: 3
-          }
-        ]
-      }
-    }),
-    ...vue3BuiltInComponents.map((name) => {
-      return {
-        filename: `${name}.vue`,
-        code: `
+      parserOptions,
+      options: [{ disallowVue3BuiltInComponents: true }],
+      errors: [
+        {
+          messageId: 'reservedInVue',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }
+      ]
+    })),
+    ...vue3BuiltInComponents.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
           export default {
             name: '${name}'
           }
         `,
-        parserOptions,
-        options: [{ disallowVue3BuiltInComponents: true }],
-        errors: [
-          {
-            messageId: 'reservedInVue3',
-            data: { name },
-            type: 'Literal',
-            line: 3
-          }
-        ]
-      }
-    })
+      parserOptions,
+      options: [{ disallowVue3BuiltInComponents: true }],
+      errors: [
+        {
+          messageId: 'reservedInVue3',
+          data: { name },
+          type: 'Literal',
+          line: 3
+        }
+      ]
+    }))
   ]
 })
diff --git a/tests/lib/rules/no-restricted-call-after-await.js b/tests/lib/rules/no-restricted-call-after-await.js
index 0eef6713b..69eaf3a42 100644
--- a/tests/lib/rules/no-restricted-call-after-await.js
+++ b/tests/lib/rules/no-restricted-call-after-await.js
@@ -170,7 +170,7 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+            '`import("vue-i18n").useI18n` is forbidden after an `await` expression.',
           line: 7,
           column: 25,
           endLine: 7,
@@ -195,7 +195,7 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("foo").bar.baz` after `await` expression are forbidden.',
+            '`import("foo").bar.baz` is forbidden after an `await` expression.',
           line: 7
         }
       ]
@@ -222,12 +222,12 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+            '`import("vue-i18n").useI18n` is forbidden after an `await` expression.',
           line: 8
         },
         {
           message:
-            'The `import("foo").bar.baz` after `await` expression are forbidden.',
+            '`import("foo").bar.baz` is forbidden after an `await` expression.',
           line: 9
         }
       ]
@@ -249,7 +249,7 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("foo").default` after `await` expression are forbidden.',
+            '`import("foo").default` is forbidden after an `await` expression.',
           line: 7
         }
       ]
@@ -271,7 +271,7 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("foo").default` after `await` expression are forbidden.',
+            '`import("foo").default` is forbidden after an `await` expression.',
           line: 7
         }
       ]
@@ -293,7 +293,7 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+            '`import("vue-i18n").useI18n` is forbidden after an `await` expression.',
           line: 7
         }
       ]
@@ -324,17 +324,17 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("./foo").bar` after `await` expression are forbidden.',
+            '`import("./foo").bar` is forbidden after an `await` expression.',
           line: 10
         },
         {
           message:
-            'The `import("./baz").qux` after `await` expression are forbidden.',
+            '`import("./baz").qux` is forbidden after an `await` expression.',
           line: 11
         },
         {
           message:
-            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+            '`import("vue-i18n").useI18n` is forbidden after an `await` expression.',
           line: 12
         }
       ]
@@ -365,17 +365,17 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("./foo").bar` after `await` expression are forbidden.',
+            '`import("./foo").bar` is forbidden after an `await` expression.',
           line: 10
         },
         {
           message:
-            'The `import("./baz").qux` after `await` expression are forbidden.',
+            '`import("./baz").qux` is forbidden after an `await` expression.',
           line: 11
         },
         {
           message:
-            'The `import("vue-i18n").useI18n` after `await` expression are forbidden.',
+            '`import("vue-i18n").useI18n` is forbidden after an `await` expression.',
           line: 12
         }
       ]
@@ -397,7 +397,7 @@ tester.run('no-restricted-call-after-await', rule, {
       errors: [
         {
           message:
-            'The `import("..").foo` after `await` expression are forbidden.',
+            '`import("..").foo` is forbidden after an `await` expression.',
           line: 7
         }
       ]
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index e97c78c63..c54c36eb7 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -188,7 +188,7 @@ tester.run('no-watch-after-await', rule, {
       `,
       errors: [
         {
-          message: 'The `watch` after `await` expression are forbidden.',
+          message: '`watch` is forbidden after an `await` expression.',
           line: 8,
           column: 11,
           endLine: 8,

From 07a783305a2d97e915e039fdfec0570db7a2ae10 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 14 May 2022 00:42:37 +0200
Subject: [PATCH 0496/1010] Bump devDependencies to their newest versions
 (#1890)

* Bump `eslint-plugin-import` from v2.20.2 to v2.26.0

* Bump `eslint-plugin-jsonc` from v1.4.0 to v2.2.1

* Bump `eslint-plugin-prettier` from v3.1.3 to v4.0.0

* Bump `eslint-config-prettier` from v6.11.0 to v8.5.0

* Bump `eslint` from v8.0.0 to v8.15.0

* Bump `eslint-plugin-unicorn` from v40.1.0 to v42.0.0

* Bump `@types/eslint` from v7.28.1 to v8.4.2

* Bump `@typescript-eslint/parser` from v5.5.0 to v5.23.0

* Bump `@types/natural-compare` from v1.4.0 to v1.4.1

* Bump `@types/semver` from v7.2.0 to v7.3.9

* Bump `@vuepress/plugin-pwa` from v1.4.1 to v1.9.2

* Bump `acorn` from v8.5.0 to v8.7.1

* Bump `espree` from v9.0.0 to v9.3.2

* Bump `mocha` from v7.1.2 to v8.4.0

* Bump `mocha` from v8.4.0 to v9.2.2

* Bump `mocha` from v9.2.2 to v10.0.0

* Bump `prettier` from v2.4.1 to v2.6.2

* Bump `typescript` from v4.5.0 to v4.6.4

* Bump `vuepress` from v1.8.2 to v1.9.7
---
 package.json | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 632cc0bb8..5a910309b 100644
--- a/package.json
+++ b/package.json
@@ -62,31 +62,31 @@
     "vue-eslint-parser": "^9.0.1"
   },
   "devDependencies": {
-    "@types/eslint": "^7.28.1",
+    "@types/eslint": "^8.4.2",
     "@types/eslint-visitor-keys": "^1.0.0",
-    "@types/natural-compare": "^1.4.0",
+    "@types/natural-compare": "^1.4.1",
     "@types/node": "^13.13.5",
-    "@types/semver": "^7.2.0",
-    "@typescript-eslint/parser": "^5.5.0",
-    "@vuepress/plugin-pwa": "^1.4.1",
-    "acorn": "^8.5.0",
+    "@types/semver": "^7.3.9",
+    "@typescript-eslint/parser": "^5.23.0",
+    "@vuepress/plugin-pwa": "^1.9.7",
+    "acorn": "^8.7.1",
     "env-cmd": "^10.1.0",
-    "eslint": "^8.0.0",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint": "^8.15.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-eslint-plugin": "^3.5.3",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-jsonc": "^1.4.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsonc": "^2.2.1",
     "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-unicorn": "^40.1.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-unicorn": "^42.0.0",
     "eslint-plugin-vue": "file:.",
-    "espree": "^9.0.0",
+    "espree": "^9.3.2",
     "markdownlint-cli": "^0.31.1",
-    "mocha": "^7.1.2",
+    "mocha": "^10.0.0",
     "nyc": "^15.1.0",
-    "prettier": "^2.4.1",
-    "typescript": "^4.5.0",
+    "prettier": "^2.6.2",
+    "typescript": "^4.6.4",
     "vue-eslint-editor": "^1.1.0",
-    "vuepress": "^1.8.2"
+    "vuepress": "^1.9.7"
   }
 }

From b0639d725861e4ed6ea6bb15499411e2b872e9de Mon Sep 17 00:00:00 2001
From: Deisling Eduard <41228762+edikdeisling@users.noreply.github.com>
Date: Sat, 14 May 2022 04:23:14 +0300
Subject: [PATCH 0497/1010] Improve auto-fix for `vue/define-macros-order` rule
 (#1863)

* vue/define-macros-order improvements

* vue/define-macros-order improvements

* Add test for corner case
---
 lib/rules/define-macros-order.js       | 26 ++++++++++++++++++--------
 tests/lib/rules/define-macros-order.js | 23 ++++++++++++++++-------
 2 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 1db259fa1..007b17027 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -232,13 +232,12 @@ function create(context) {
     const targetComment = sourceCode.getTokenAfter(beforeTargetToken, {
       includeComments: true
     })
-    const textSpace = getTextBetweenTokens(beforeTargetToken, targetComment)
     // make insert text: comments + node + space before target
     const textNode = sourceCode.getText(
       node,
       node.range[0] - nodeComment.range[0]
     )
-    const insertText = textNode + textSpace
+    const insertText = getInsertText(textNode, target)
 
     return [
       fixer.insertTextBefore(targetComment, insertText),
@@ -247,17 +246,28 @@ function create(context) {
   }
 
   /**
-   * @param {ASTNode} tokenBefore
-   * @param {ASTNode} tokenAfter
+   * Get result text to insert
+   * @param {string} textNode
+   * @param {ASTNode} target
    */
-  function getTextBetweenTokens(tokenBefore, tokenAfter) {
-    return sourceCode.text.slice(tokenBefore.range[1], tokenAfter.range[0])
+  function getInsertText(textNode, target) {
+    const afterTargetComment = sourceCode.getTokenAfter(target, {
+      includeComments: true
+    })
+    const afterText = sourceCode.text.slice(
+      target.range[1],
+      afterTargetComment.range[0]
+    )
+    // handle case when a();b() -> b()a();
+    const invalidResult = !textNode.endsWith(';') && !afterText.includes('\n')
+
+    return textNode + afterText + (invalidResult ? ';' : '')
   }
 
   /**
    * Get position of the beginning of the token's line(or prevToken end if no line)
-   * @param {ASTNode} token
-   * @param {ASTNode} prevToken
+   * @param {ASTNode|Token} token
+   * @param {ASTNode|Token} prevToken
    */
   function getLineStartIndex(token, prevToken) {
     // if we have next token on the same line - get index right before that token
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 65a07887f..90e6748d6 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -155,9 +155,7 @@ tester.run('define-macros-order', rule, {
           defineProps({
             test: Boolean
           })
-
           defineEmits(['update:test'])
-
           console.log('test1')
           console.log('test2')
           console.log('test3')
@@ -192,7 +190,6 @@ tester.run('define-macros-order', rule, {
           defineProps({
             test: Boolean
           })
-
           defineEmits(['update:test'])
           console.log('test1')
         </script>
@@ -261,7 +258,6 @@ tester.run('define-macros-order', rule, {
           }
 
           const emit = defineEmits<{(e: 'update:test'): void}>()
-
           const props = withDefaults(defineProps<Props>(), {
             msg: 'hello',
             labels: () => ['one', 'two']
@@ -377,8 +373,7 @@ tester.run('define-macros-order', rule, {
       `,
       output: `
         <script setup>
-          defineEmits(['update:test'])
-          const props = defineProps({ test: Boolean });        </script>
+          defineEmits(['update:test']);const props = defineProps({ test: Boolean });        </script>
       `,
       options: optionsEmitsFirst,
       errors: [
@@ -413,7 +408,6 @@ tester.run('define-macros-order', rule, {
           import 'test'
 
           const props = defineProps({ test: Boolean });
-
           defineEmits(['update:test'])
         </script>
       `,
@@ -423,6 +417,21 @@ tester.run('define-macros-order', rule, {
           line: 11
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>defineEmits(['update:test']);defineProps({ test: Boolean })</script>
+      `,
+      output: `
+        <script setup>defineProps({ test: Boolean });defineEmits(['update:test']);</script>
+      `,
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 2
+        }
+      ]
     }
   ]
 })

From ab85fd6ff6a0f4b5b36bd61eadb1750a7f54d747 Mon Sep 17 00:00:00 2001
From: Douglas Wade <douglas.b.wade@gmail.com>
Date: Tue, 17 May 2022 03:48:40 -0700
Subject: [PATCH 0498/1010] Add `vue/no-invalid-attribute-name` rule (#1851)

* Fix #1373: Add rule no-invalid-attribute-name

* Remove stray newline

* Apply suggestions from code review

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* #1373 Use xml-name-validator

* Fix linting error

* remove stray newline

* refactor test code

* Update lib/rules/no-invalid-attribute-name.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* fix bad commit from github ui

* fix typechecking error

* Respond to PR feedback

* Include the added types in package.json

* check v-bind directives

* Update tests/lib/rules/no-invalid-attribute-name.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Fix failing unit test

* Update lib/rules/no-invalid-attribute-name.js

* Update lib/rules/no-invalid-attribute-name.js

* Update tests/lib/rules/no-invalid-attribute-name.js

* Update tests/lib/rules/no-invalid-attribute-name.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/README.md                         |   1 +
 docs/rules/no-invalid-attribute-name.md      |  43 ++++++
 lib/index.js                                 |   1 +
 lib/rules/no-invalid-attribute-name.js       |  69 +++++++++
 package.json                                 |   4 +-
 tests/lib/rules/no-invalid-attribute-name.js | 146 +++++++++++++++++++
 6 files changed, 263 insertions(+), 1 deletion(-)
 create mode 100644 docs/rules/no-invalid-attribute-name.md
 create mode 100644 lib/rules/no-invalid-attribute-name.js
 create mode 100644 tests/lib/rules/no-invalid-attribute-name.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 0f39db375..869a0cee0 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -224,6 +224,7 @@ For example:
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: | :hammer: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
+| [vue/no-invalid-attribute-name](./no-invalid-attribute-name.md) | require valid attribute names |  | :warning: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
diff --git a/docs/rules/no-invalid-attribute-name.md b/docs/rules/no-invalid-attribute-name.md
new file mode 100644
index 000000000..811d92322
--- /dev/null
+++ b/docs/rules/no-invalid-attribute-name.md
@@ -0,0 +1,43 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-invalid-attribute-name
+description: require valid attribute names
+---
+# vue/no-invalid-attribute-name
+
+> require valid attribute names
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule detects invalid HTML attributes.
+
+<eslint-code-block :rules="{'vue/no-invalid-attribute-name': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <p foo.bar></p>
+  <p foo-bar></p>
+  <p _foo.bar></p>
+  <p :foo-bar></p>
+
+  <!-- ✗ BAD -->
+  <p 0abc></p>
+  <p -def></p>
+  <p !ghi></p>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-invalid-attribute-name.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-invalid-attribute-name.js)
diff --git a/lib/index.js b/lib/index.js
index b46d395d4..7d30f4e51 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -91,6 +91,7 @@ module.exports = {
     'no-export-in-script-setup': require('./rules/no-export-in-script-setup'),
     'no-expose-after-await': require('./rules/no-expose-after-await'),
     'no-extra-parens': require('./rules/no-extra-parens'),
+    'no-invalid-attribute-name': require('./rules/no-invalid-attribute-name'),
     'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
diff --git a/lib/rules/no-invalid-attribute-name.js b/lib/rules/no-invalid-attribute-name.js
new file mode 100644
index 000000000..8fd3c713a
--- /dev/null
+++ b/lib/rules/no-invalid-attribute-name.js
@@ -0,0 +1,69 @@
+/**
+ * @author Doug Wade <douglas.b.wade@gmail.com>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const xnv = require('xml-name-validator')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require valid attribute names',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-invalid-attribute-name.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      attribute: 'Attribute name {{name}} is not valid.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @param {string | VIdentifier} key
+     * @return {string}
+     */
+    const getName = (key) => (typeof key === 'string' ? key : key.name)
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective | VAttribute} node */
+      VAttribute(node) {
+        if (utils.isCustomComponent(node.parent.parent)) {
+          return
+        }
+
+        const name = getName(node.key.name)
+
+        if (
+          node.directive &&
+          name === 'bind' &&
+          node.key.argument &&
+          node.key.argument.type === 'VIdentifier' &&
+          !xnv.name(node.key.argument.name)
+        ) {
+          context.report({
+            node,
+            messageId: 'attribute',
+            data: {
+              name: node.key.argument.name
+            }
+          })
+        }
+
+        if (!node.directive && !xnv.name(name)) {
+          context.report({
+            node,
+            messageId: 'attribute',
+            data: {
+              name
+            }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/package.json b/package.json
index 5a910309b..be8dac23f 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,8 @@
     "nth-check": "^2.0.1",
     "postcss-selector-parser": "^6.0.9",
     "semver": "^7.3.5",
-    "vue-eslint-parser": "^9.0.1"
+    "vue-eslint-parser": "^9.0.1",
+    "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
     "@types/eslint": "^8.4.2",
@@ -67,6 +68,7 @@
     "@types/natural-compare": "^1.4.1",
     "@types/node": "^13.13.5",
     "@types/semver": "^7.3.9",
+    "@types/xml-name-validator": "^4.0.0",
     "@typescript-eslint/parser": "^5.23.0",
     "@vuepress/plugin-pwa": "^1.9.7",
     "acorn": "^8.7.1",
diff --git a/tests/lib/rules/no-invalid-attribute-name.js b/tests/lib/rules/no-invalid-attribute-name.js
new file mode 100644
index 000000000..09c07cc23
--- /dev/null
+++ b/tests/lib/rules/no-invalid-attribute-name.js
@@ -0,0 +1,146 @@
+/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-invalid-attribute-name')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-invalid-attribute-name', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: '<template><p foo /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p foo="bar" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p foo-bar /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p _foo-bar /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p :foo-bar /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p foo.bar /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p quux-.9 /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><MyComponent 0abc="foo" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><MyComponent :0abc="foo" /></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><a :href="url"> ... </a></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div v-bind:class="{ active: isActive }"></div></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p v-if="seen">Now you see me</p></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<a v-on:[eventName]="doSomething"> ... </a>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<form v-on:submit.prevent="onSubmit"> ... </form>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<a @[event]="doSomething"> ... </a>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div v-bind="..."></div></template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div v-0abc="..."></div></template>`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<template><p 0abc /></template>`,
+      errors: [
+        {
+          message: 'Attribute name 0abc is not valid.',
+          line: 1,
+          column: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p -def></template>`,
+      errors: [
+        {
+          message: 'Attribute name -def is not valid.',
+          line: 1,
+          column: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p !ghi /></template>`,
+      errors: [
+        {
+          message: 'Attribute name !ghi is not valid.',
+          line: 1,
+          column: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p v-bind:0abc=""></template>`,
+      errors: [
+        {
+          message: 'Attribute name 0abc is not valid.',
+          line: 1,
+          column: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><p :0abc="..." /></template>`,
+      errors: [
+        {
+          message: 'Attribute name 0abc is not valid.',
+          line: 1,
+          column: 14
+        }
+      ]
+    }
+  ]
+})

From 6bd81ea60ed814c1fa5cf4b27f80022b352611a1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 17 May 2022 21:17:52 +0900
Subject: [PATCH 0499/1010] Rename `vue/no-invalid-attribute-name` rule to
 `vue/invalid-attribute-name` and add it to presets (#1892)

* Add `vue/no-invalid-attribute-name` rule to the presets

* Rename no-invalid-attribute-name rule to invalid-attribute-name
---
 docs/rules/README.md                                  |  2 +-
 ...alid-attribute-name.md => valid-attribute-name.md} | 11 ++++++-----
 lib/configs/essential.js                              |  1 +
 lib/configs/vue3-essential.js                         |  1 +
 lib/index.js                                          |  2 +-
 ...alid-attribute-name.js => valid-attribute-name.js} |  4 ++--
 ...alid-attribute-name.js => valid-attribute-name.js} |  6 +++---
 7 files changed, 15 insertions(+), 12 deletions(-)
 rename docs/rules/{no-invalid-attribute-name.md => valid-attribute-name.md} (61%)
 rename lib/rules/{no-invalid-attribute-name.js => valid-attribute-name.js} (92%)
 rename tests/lib/rules/{no-invalid-attribute-name.js => valid-attribute-name.js} (95%)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 869a0cee0..b72928647 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -105,6 +105,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  | :three::two::warning: |
 | [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  | :three::two::warning: |
 | [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  | :three::two::hammer: |
+| [vue/valid-attribute-name](./valid-attribute-name.md) | require valid attribute names |  | :three::two::warning: |
 | [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  | :three::two::warning: |
 | [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  | :three::two::warning: |
 | [vue/valid-model-definition](./valid-model-definition.md) | require valid keys in model option |  | :two::warning: |
@@ -224,7 +225,6 @@ For example:
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: | :hammer: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
-| [vue/no-invalid-attribute-name](./no-invalid-attribute-name.md) | require valid attribute names |  | :warning: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
diff --git a/docs/rules/no-invalid-attribute-name.md b/docs/rules/valid-attribute-name.md
similarity index 61%
rename from docs/rules/no-invalid-attribute-name.md
rename to docs/rules/valid-attribute-name.md
index 811d92322..f310cce6a 100644
--- a/docs/rules/no-invalid-attribute-name.md
+++ b/docs/rules/valid-attribute-name.md
@@ -1,20 +1,21 @@
 ---
 pageClass: rule-details
 sidebarDepth: 0
-title: vue/no-invalid-attribute-name
+title: vue/valid-attribute-name
 description: require valid attribute names
 ---
-# vue/no-invalid-attribute-name
+# vue/valid-attribute-name
 
 > require valid attribute names
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
 
 This rule detects invalid HTML attributes.
 
-<eslint-code-block :rules="{'vue/no-invalid-attribute-name': ['error']}">
+<eslint-code-block :rules="{'vue/valid-attribute-name': ['error']}">
 
 ```vue
 <template>
@@ -39,5 +40,5 @@ Nothing.
 
 ## :mag: Implementation
 
-- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-invalid-attribute-name.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-invalid-attribute-name.js)
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-attribute-name.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-attribute-name.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 33cfe64e0..944a162ea 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -49,6 +49,7 @@ module.exports = {
     'vue/return-in-computed-property': 'error',
     'vue/return-in-emits-validator': 'error',
     'vue/use-v-on-exact': 'error',
+    'vue/valid-attribute-name': 'error',
     'vue/valid-define-emits': 'error',
     'vue/valid-define-props': 'error',
     'vue/valid-model-definition': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 1a1507335..5fe530beb 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -66,6 +66,7 @@ module.exports = {
     'vue/return-in-computed-property': 'error',
     'vue/return-in-emits-validator': 'error',
     'vue/use-v-on-exact': 'error',
+    'vue/valid-attribute-name': 'error',
     'vue/valid-define-emits': 'error',
     'vue/valid-define-props': 'error',
     'vue/valid-next-tick': 'error',
diff --git a/lib/index.js b/lib/index.js
index 7d30f4e51..c4979a98c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -91,7 +91,6 @@ module.exports = {
     'no-export-in-script-setup': require('./rules/no-export-in-script-setup'),
     'no-expose-after-await': require('./rules/no-expose-after-await'),
     'no-extra-parens': require('./rules/no-extra-parens'),
-    'no-invalid-attribute-name': require('./rules/no-invalid-attribute-name'),
     'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
@@ -197,6 +196,7 @@ module.exports = {
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
+    'valid-attribute-name': require('./rules/valid-attribute-name'),
     'valid-define-emits': require('./rules/valid-define-emits'),
     'valid-define-props': require('./rules/valid-define-props'),
     'valid-model-definition': require('./rules/valid-model-definition'),
diff --git a/lib/rules/no-invalid-attribute-name.js b/lib/rules/valid-attribute-name.js
similarity index 92%
rename from lib/rules/no-invalid-attribute-name.js
rename to lib/rules/valid-attribute-name.js
index 8fd3c713a..6da399f34 100644
--- a/lib/rules/no-invalid-attribute-name.js
+++ b/lib/rules/valid-attribute-name.js
@@ -12,8 +12,8 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require valid attribute names',
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/no-invalid-attribute-name.html'
+      categories: ['vue3-essential', 'essential'],
+      url: 'https://eslint.vuejs.org/rules/valid-attribute-name.html'
     },
     fixable: null,
     schema: [],
diff --git a/tests/lib/rules/no-invalid-attribute-name.js b/tests/lib/rules/valid-attribute-name.js
similarity index 95%
rename from tests/lib/rules/no-invalid-attribute-name.js
rename to tests/lib/rules/valid-attribute-name.js
index 09c07cc23..920231899 100644
--- a/tests/lib/rules/no-invalid-attribute-name.js
+++ b/tests/lib/rules/valid-attribute-name.js
@@ -1,11 +1,11 @@
 /**
- * @author *****your name*****
+ * @author Doug Wade <douglas.b.wade@gmail.com>
  * See LICENSE file in root directory for full license.
  */
 'use strict'
 
 const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/no-invalid-attribute-name')
+const rule = require('../../../lib/rules/valid-attribute-name')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -15,7 +15,7 @@ const tester = new RuleTester({
   }
 })
 
-tester.run('no-invalid-attribute-name', rule, {
+tester.run('valid-attribute-name', rule, {
   valid: [
     {
       filename: 'test.vue',

From 1d2318e713a0dbeb6cf37b5900af8011e5ddc7be Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 18 May 2022 12:42:11 +0900
Subject: [PATCH 0500/1010] 9.0.0

---
 docs/rules/valid-attribute-name.md   | 6 +++++-
 docs/rules/valid-model-definition.md | 6 +++++-
 package.json                         | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/rules/valid-attribute-name.md b/docs/rules/valid-attribute-name.md
index f310cce6a..6698a7b9e 100644
--- a/docs/rules/valid-attribute-name.md
+++ b/docs/rules/valid-attribute-name.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-attribute-name
 description: require valid attribute names
+since: v9.0.0
 ---
 # vue/valid-attribute-name
 
 > require valid attribute names
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
@@ -38,6 +38,10 @@ This rule detects invalid HTML attributes.
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-attribute-name.js)
diff --git a/docs/rules/valid-model-definition.md b/docs/rules/valid-model-definition.md
index 66fe8f037..595a67931 100644
--- a/docs/rules/valid-model-definition.md
+++ b/docs/rules/valid-model-definition.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-model-definition
 description: require valid keys in model option
+since: v9.0.0
 ---
 # vue/valid-model-definition
 
 > require valid keys in model option
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 
 ## :book: Rule Details
@@ -110,6 +110,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-model-definition.js)
diff --git a/package.json b/package.json
index be8dac23f..b8840e59a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "8.7.0",
+  "version": "9.0.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 5a5c6e803659077135aebf709cfdb1de02a84364 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 May 2022 22:54:38 +0900
Subject: [PATCH 0501/1010] Fix false positive for script setup in
 `vue/no-expose-after-await` rule (#1896)

---
 lib/rules/no-expose-after-await.js       |  5 +++--
 tests/lib/rules/no-expose-after-await.js | 11 +++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index fdfa10869..7c5d35019 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -167,9 +167,10 @@ module.exports = {
             setupScopes.set(node, {
               afterAwait: false,
               range: scriptSetup.range,
-              isExposeReferenceId: (_id, callNode) =>
+              isExposeReferenceId: (id, callNode) =>
                 callNode.parent.type === 'ExpressionStatement' &&
-                callNode.parent.parent === node,
+                callNode.parent.parent === node &&
+                id.name === 'defineExpose',
               isContextReferenceId: () => false
             })
           }
diff --git a/tests/lib/rules/no-expose-after-await.js b/tests/lib/rules/no-expose-after-await.js
index d335da64a..cc10befa4 100644
--- a/tests/lib/rules/no-expose-after-await.js
+++ b/tests/lib/rules/no-expose-after-await.js
@@ -117,6 +117,17 @@ tester.run('no-expose-after-await', rule, {
       </script>
       `,
       parserOptions: { ecmaVersion: 2022 }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { onMounted } from 'vue';
+      await doSomething()
+      onMounted(() => {})
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [

From fe50b565c7100b71cfe503979d72c507042ed771 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 18 May 2022 22:56:59 +0900
Subject: [PATCH 0502/1010] 9.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b8840e59a..5204fd8c6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 35bf1009d9b85d88b558d1739ddaadf665bb17dd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 May 2022 23:43:37 +0900
Subject: [PATCH 0503/1010] Remove unused code (#1897)

---
 lib/rules/no-expose-after-await.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index 7c5d35019..98d97891f 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -161,9 +161,6 @@ module.exports = {
            * @param {Program} node
            */
           Program(node) {
-            context
-              .getScope()
-              .references.find((ref) => ref.identifier.name === 'defineExpose')
             setupScopes.set(node, {
               afterAwait: false,
               range: scriptSetup.range,

From c1c9dc2c77270f06995ea76a7ad5e1e7036ef96e Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 31 May 2022 07:07:07 +0800
Subject: [PATCH 0504/1010] fix(prefer-import-from-vue): skip side-effect
 import in `.d.ts` files (#1907)

* fix(prefer-import-from-vue): skip side-effect import

* fix: only skip in .d.ts

* Update tests/lib/rules/prefer-import-from-vue.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 lib/rules/prefer-import-from-vue.js       | 7 +++++++
 tests/lib/rules/prefer-import-from-vue.js | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/lib/rules/prefer-import-from-vue.js b/lib/rules/prefer-import-from-vue.js
index 2b3fc5b86..3d5a1ebac 100644
--- a/lib/rules/prefer-import-from-vue.js
+++ b/lib/rules/prefer-import-from-vue.js
@@ -94,6 +94,13 @@ module.exports = {
 
     return {
       ImportDeclaration(node) {
+        // Skip imports without specifiers in `.d.ts` files
+        if (
+          node.specifiers.length === 0 &&
+          context.getFilename().endsWith('.d.ts')
+        )
+          return
+
         verifySource(node.source, () => {
           if (SUBSET_AT_VUE_MODULES.has(node.source.value)) {
             // If the module is a subset of 'vue', we can safely change it to 'vue'.
diff --git a/tests/lib/rules/prefer-import-from-vue.js b/tests/lib/rules/prefer-import-from-vue.js
index 64854fd87..5c87404c2 100644
--- a/tests/lib/rules/prefer-import-from-vue.js
+++ b/tests/lib/rules/prefer-import-from-vue.js
@@ -22,7 +22,11 @@ tester.run('prefer-import-from-vue', rule, {
     `export * from 'vue'`,
     `import Foo from 'foo'`,
     `import { createApp } from 'vue'
-    export { createApp }`
+    export { createApp }`,
+    {
+      filename: 'test.d.ts',
+      code: `import '@vue/runtime-dom'`
+    }
   ],
   invalid: [
     {

From a8ab4fd103a21bbea8154c8aed09b78f2039aa8f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 1 Jun 2022 17:05:18 +0900
Subject: [PATCH 0505/1010] 9.1.0

---
 lib/utils/vue3-export-names.json | 2 ++
 package.json                     | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 53c8fae02..ecdd2462a 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -50,6 +50,7 @@
   "ComponentOptionsWithObjectProps",
   "ComponentOptionsWithoutProps",
   "ComponentPropsOptions",
+  "ComponentProvideOptions",
   "ComponentPublicInstance",
   "computed",
   "ComputedGetter",
@@ -223,6 +224,7 @@
   "VNodeChild",
   "VNodeNormalizedChildren",
   "VNodeProps",
+  "VNodeRef",
   "VNodeTypes",
   "warn",
   "watch",
diff --git a/package.json b/package.json
index 5204fd8c6..1cca43620 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.0.1",
+  "version": "9.1.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From cc35c58f564504393553a5cba4d6dd99c7147cdc Mon Sep 17 00:00:00 2001
From: Matthieu Mota <matthieumota@gmail.com>
Date: Sat, 11 Jun 2022 04:40:33 +0200
Subject: [PATCH 0506/1010] Fix regression on no-unused-components rule (#1909)

---
 lib/rules/no-unused-components.js       |  4 ++--
 tests/lib/rules/no-unused-components.js | 30 +++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 0cbaec9f7..f07b9ea54 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -120,13 +120,13 @@ module.exports = {
                       name === casing.camelCase(n))
                 )
               ) {
-                return
+                continue
               }
             } else {
               // In any other case the used component name must exactly match
               // the registered name
               if (usedComponents.has(name)) {
-                return
+                continue
               }
             }
 
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index f63b75f13..6f0e61a56 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -695,6 +695,36 @@ tester.run('no-unused-components', rule, {
           line: 13
         }
       ]
+    },
+
+    // Many components and one in middle is no present
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <Foo />
+            <fio.fio />
+            <baz />
+          </div>
+        </template>
+        <script>
+          export default {
+            components: {
+              Foo,
+              'fio.fio': FioFio,
+              Bar,
+              Baz
+            },
+          }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'The "Bar" component has been registered but not used.',
+          line: 14
+        }
+      ]
     }
   ]
 })

From 71622f29e6f826c04e6dba7083ed65670e2edbf3 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 11 Jun 2022 11:43:47 +0900
Subject: [PATCH 0507/1010] 9.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1cca43620..9dc0231ad 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.1.0",
+  "version": "9.1.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2614dd36588f1e4ee039fd6e1931c52cbf8dcf4b Mon Sep 17 00:00:00 2001
From: Daniel Waltz <danielbwaltz@gmail.com>
Date: Tue, 5 Jul 2022 20:35:07 -0400
Subject: [PATCH 0508/1010] feat: support script setup and css var inj for vue
 2.7 (#1917)

Closes #1916
---
 docs/rules/no-unsupported-features.md         |  5 +--
 lib/rules/no-unsupported-features.js          | 14 ++++----
 lib/rules/syntaxes/script-setup.js            |  2 +-
 .../syntaxes/style-css-vars-injection.js      |  2 +-
 .../no-unsupported-features/script-setup.js   |  8 ++++-
 .../style-css-vars-injection.js               | 33 +++++++++++++++++--
 6 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 799b456cb..cc9efab3a 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -36,11 +36,12 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.1.0+
     - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
   - Vue.js 3.0.0+
-    - `"style-css-vars-injection"` ... [SFC CSS variable injection][Vue RFCs - 0043-sfc-style-variables]
-    - `"script-setup"` ... [`<script setup>`][Vue RFCs - 0040-script-setup]
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
     - `"v-is"` ... [v-is](https://v3.vuejs.org/api/directives.html#v-is) directive.
+  - Vue.js 2.7.0+
+    - `"style-css-vars-injection"` ... [SFC CSS variable injection][Vue RFCs - 0043-sfc-style-variables]
+    - `"script-setup"` ... [`<script setup>`][Vue RFCs - 0040-script-setup]
   - Vue.js 2.6.0+
     - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments).
     - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index f7d51dce9..803a62ca5 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -20,12 +20,13 @@ const FEATURES = {
   // Vue.js 2.6.0+
   'dynamic-directive-arguments': require('./syntaxes/dynamic-directive-arguments'),
   'v-slot': require('./syntaxes/v-slot'),
+  // Vue.js 2.7.0+
+  'script-setup': require('./syntaxes/script-setup'),
+  'style-css-vars-injection': require('./syntaxes/style-css-vars-injection'),
   // Vue.js 3.0.0+
   'v-model-argument': require('./syntaxes/v-model-argument'),
   'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
   'v-is': require('./syntaxes/v-is'),
-  'script-setup': require('./syntaxes/script-setup'),
-  'style-css-vars-injection': require('./syntaxes/style-css-vars-injection'),
   // Vue.js 3.1.0+
   'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix'),
   // Vue.js 3.2.0+
@@ -95,16 +96,17 @@ module.exports = {
       forbiddenDynamicDirectiveArguments:
         'Dynamic arguments are not supported until Vue.js "2.6.0".',
       forbiddenVSlot: '`v-slot` are not supported until Vue.js "2.6.0".',
+      // Vue.js 2.7.0+
+      forbiddenScriptSetup:
+        '`<script setup>` is not supported until Vue.js "2.7.0".',
+      forbiddenStyleCssVarsInjection:
+        'SFC CSS variable injection is not supported until Vue.js ">=3.0.3 || >=2.7.0 <3.0.0".',
       // Vue.js 3.0.0+
       forbiddenVModelArgument:
         'Argument on `v-model` is not supported until Vue.js "3.0.0".',
       forbiddenVModelCustomModifiers:
         'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
       forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".',
-      forbiddenScriptSetup:
-        '`<script setup>` are not supported until Vue.js "3.0.0".',
-      forbiddenStyleCssVarsInjection:
-        'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
       // Vue.js 3.1.0+
       forbiddenIsAttributeWithVuePrefix:
         '`is="vue:"` are not supported until Vue.js "3.1.0".',
diff --git a/lib/rules/syntaxes/script-setup.js b/lib/rules/syntaxes/script-setup.js
index ef395d5ed..7c0538b3d 100644
--- a/lib/rules/syntaxes/script-setup.js
+++ b/lib/rules/syntaxes/script-setup.js
@@ -7,7 +7,7 @@
 const utils = require('../../utils')
 
 module.exports = {
-  supported: '>=3.0.0',
+  supported: '>=2.7.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createScriptVisitor(context) {
     const scriptSetup = utils.getScriptSetupElement(context)
diff --git a/lib/rules/syntaxes/style-css-vars-injection.js b/lib/rules/syntaxes/style-css-vars-injection.js
index 1337cd0df..03608b5e1 100644
--- a/lib/rules/syntaxes/style-css-vars-injection.js
+++ b/lib/rules/syntaxes/style-css-vars-injection.js
@@ -7,7 +7,7 @@
 const { getStyleVariablesContext } = require('../../utils/style-variables')
 
 module.exports = {
-  supported: '>=3.0.3',
+  supported: '>=3.0.3 || >=2.7.0 <3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createScriptVisitor(context) {
     const styleVars = getStyleVariablesContext(context)
diff --git a/tests/lib/rules/no-unsupported-features/script-setup.js b/tests/lib/rules/no-unsupported-features/script-setup.js
index 584262364..51ffb1cea 100644
--- a/tests/lib/rules/no-unsupported-features/script-setup.js
+++ b/tests/lib/rules/no-unsupported-features/script-setup.js
@@ -24,6 +24,12 @@ tester.run('no-unsupported-features/script-setup', rule, {
       </script>`,
       options: buildOptions()
     },
+    {
+      code: `
+      <script setup>
+      </script>`,
+      options: buildOptions({ version: '^2.7.0' })
+    },
     {
       code: `
       <script>
@@ -39,7 +45,7 @@ tester.run('no-unsupported-features/script-setup', rule, {
       options: buildOptions({ version: '^2.6.0' }),
       errors: [
         {
-          message: '`<script setup>` are not supported until Vue.js "3.0.0".',
+          message: '`<script setup>` is not supported until Vue.js "2.7.0".',
           line: 2
         }
       ]
diff --git a/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js b/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
index 6fc7c643d..df94061f7 100644
--- a/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
+++ b/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
@@ -54,6 +54,35 @@ tester.run('no-unsupported-features/style-css-vars-injection', rule, {
         <div class="text">hello</div>
       </template>
 
+      <script>
+        export default {
+          data() {
+            return {
+              color: 'red',
+              font: {
+                size: '2em',
+              },
+            }
+          },
+        }
+      </script>
+
+      <style>
+        .text {
+          color: v-bind(color);
+
+          /* expressions (wrap in quotes) */
+          font-size: v-bind('font.size');
+        }
+      </style>`,
+      options: buildOptions({ version: '^2.7.0' })
+    },
+    {
+      code: `
+      <template>
+        <div class="text">hello</div>
+      </template>
+
       <script>
       </script>
 
@@ -98,7 +127,7 @@ tester.run('no-unsupported-features/style-css-vars-injection', rule, {
       errors: [
         {
           message:
-            'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
+            'SFC CSS variable injection is not supported until Vue.js ">=3.0.3 || >=2.7.0 <3.0.0".',
           line: 21,
           column: 18,
           endLine: 21,
@@ -106,7 +135,7 @@ tester.run('no-unsupported-features/style-css-vars-injection', rule, {
         },
         {
           message:
-            'SFC CSS variable injection is not supported until Vue.js "3.0.3".',
+            'SFC CSS variable injection is not supported until Vue.js ">=3.0.3 || >=2.7.0 <3.0.0".',
           line: 24,
           column: 22,
           endLine: 24,

From 32da3e40bac7a06d97700a0faec144ffbf8238d9 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 6 Jul 2022 09:39:53 +0900
Subject: [PATCH 0509/1010] 9.2.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9dc0231ad..fdeb8ca67 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.1.1",
+  "version": "9.2.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From ea158e11ad8d4bc7a5ecd1d86475231795e16141 Mon Sep 17 00:00:00 2001
From: YASS <32252859+BJ0815@users.noreply.github.com>
Date: Thu, 21 Jul 2022 18:34:48 +0800
Subject: [PATCH 0510/1010] fix(component-name-in-template-casing): update rule
 to support <script setup> (#1934)

---
 .../component-name-in-template-casing.js      | 25 +++++++++---
 .../component-name-in-template-casing.js      | 40 +++++++++++++++++++
 2 files changed, 59 insertions(+), 6 deletions(-)

diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 017e4cb08..772fa83ac 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -68,9 +68,22 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
 
-    /** @type { string[] } */
-    const registeredComponents = []
+    /** @type { Set<string> } */
+    const registeredComponents = new Set()
 
+    if (utils.isScriptSetup(context)) {
+      // For <script setup>
+      const globalScope = context.getSourceCode().scopeManager.globalScope
+      if (globalScope) {
+        // Only check find the import module
+        const moduleScope = globalScope.childScopes.find(
+          (scope) => scope.type === 'module'
+        )
+        for (const variable of (moduleScope && moduleScope.variables) || []) {
+          registeredComponents.add(variable.name)
+        }
+      }
+    }
     /**
      * Checks whether the given node is the verification target node.
      * @param {VElement} node element node
@@ -95,7 +108,7 @@ module.exports = {
       }
       // We only verify the components registered in the component.
       if (
-        registeredComponents
+        [...registeredComponents]
           .filter((name) => casing.isPascalCase(name)) // When defining a component with PascalCase, you can use either case
           .some(
             (name) =>
@@ -153,9 +166,9 @@ module.exports = {
         },
         ...(registeredComponentsOnly
           ? utils.executeOnVue(context, (obj) => {
-              registeredComponents.push(
-                ...utils.getRegisteredComponents(obj).map((n) => n.name)
-              )
+              for (const n of utils.getRegisteredComponents(obj)) {
+                registeredComponents.add(n.name)
+              }
             })
           : {})
       }
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 4c4d9f5cb..f0fe5b9f4 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -814,6 +814,46 @@ tester.run('component-name-in-template-casing', rule, {
         'Component name "client-only" is not PascalCase.',
         'Component name "keep-alive" is not PascalCase.'
       ]
+    },
+    {
+      code: `
+        <template>
+          <the-component />
+        </template>
+        <script setup>
+          import TheComponent from '@/components/theComponent.vue'
+        </script>
+      `,
+      options: ['PascalCase'],
+      output: `
+        <template>
+          <TheComponent />
+        </template>
+        <script setup>
+          import TheComponent from '@/components/theComponent.vue'
+        </script>
+      `,
+      errors: ['Component name "the-component" is not PascalCase.']
+    },
+    {
+      code: `
+        <template>
+          <TheComponent />
+        </template>
+        <script setup>
+          import TheComponent from '@/components/theComponent.vue'
+        </script>
+      `,
+      options: ['kebab-case'],
+      output: `
+        <template>
+          <the-component />
+        </template>
+        <script setup>
+          import TheComponent from '@/components/theComponent.vue'
+        </script>
+      `,
+      errors: ['Component name "TheComponent" is not kebab-case.']
     }
   ]
 })

From d19ea887642c7c29798a45220b0823664022cad7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 23 Jul 2022 04:28:10 +0900
Subject: [PATCH 0511/1010] Fix false negatives for template literal in
 `vue/custom-event-name-casing`, `vue/no-restricted-custom-event`, and
 `vue/require-explicit-emits` rules (#1937)

---
 lib/rules/custom-event-name-casing.js         | 44 +++++----
 lib/rules/no-restricted-custom-event.js       | 59 ++++++------
 lib/rules/require-explicit-emits.js           | 92 ++++++++++++-------
 tests/lib/rules/custom-event-name-casing.js   | 15 +++
 tests/lib/rules/no-restricted-custom-event.js | 19 ++++
 tests/lib/rules/require-explicit-emits.js     | 29 ++++++
 6 files changed, 177 insertions(+), 81 deletions(-)

diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 5db15a875..6d215edd8 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -24,23 +24,27 @@ const { toRegExp } = require('../utils/regexp')
 const ALLOWED_CASE_OPTIONS = ['kebab-case', 'camelCase']
 const DEFAULT_CASE = 'camelCase'
 
+/**
+ * @typedef {object} NameWithLoc
+ * @property {string} name
+ * @property {SourceLocation} loc
+ */
 /**
  * Get the name param node from the given CallExpression
  * @param {CallExpression} node CallExpression
- * @returns { Literal & { value: string } | null }
+ * @returns { NameWithLoc | null }
  */
 function getNameParamNode(node) {
   const nameLiteralNode = node.arguments[0]
-  if (
-    !nameLiteralNode ||
-    nameLiteralNode.type !== 'Literal' ||
-    typeof nameLiteralNode.value !== 'string'
-  ) {
-    // cannot check
-    return null
+  if (nameLiteralNode && utils.isStringLiteral(nameLiteralNode)) {
+    const name = utils.getStringLiteralValue(nameLiteralNode)
+    if (name != null) {
+      return { name, loc: nameLiteralNode.loc }
+    }
   }
 
-  return /** @type {Literal & { value: string }} */ (nameLiteralNode)
+  // cannot check
+  return null
 }
 /**
  * Get the callee member node from the given CallExpression
@@ -130,15 +134,15 @@ module.exports = {
     }
 
     /**
-     * @param { Literal & { value: string } } nameLiteralNode
+     * @param { NameWithLoc } nameWithLoc
      */
-    function verify(nameLiteralNode) {
-      const name = nameLiteralNode.value
+    function verify(nameWithLoc) {
+      const name = nameWithLoc.name
       if (isValidEventName(name) || ignores.some((re) => re.test(name))) {
         return
       }
       context.report({
-        node: nameLiteralNode,
+        loc: nameWithLoc.loc,
         messageId: 'unexpected',
         data: {
           name,
@@ -155,8 +159,8 @@ module.exports = {
        * @param {VueObjectData} [info]
        */
       CallExpression(node, info) {
-        const nameLiteralNode = getNameParamNode(node)
-        if (!nameLiteralNode) {
+        const nameWithLoc = getNameParamNode(node)
+        if (!nameWithLoc) {
           // cannot check
           return
         }
@@ -170,7 +174,7 @@ module.exports = {
             emitReferenceIds.has(node.callee)
           ) {
             // verify setup(props,{emit}) {emit()}
-            verify(nameLiteralNode)
+            verify(nameWithLoc)
           } else {
             const emit = getCalleeMemberNode(node)
             if (
@@ -180,7 +184,7 @@ module.exports = {
               contextReferenceIds.has(emit.member.object)
             ) {
               // verify setup(props,context) {context.emit()}
-              verify(nameLiteralNode)
+              verify(nameWithLoc)
             }
           }
         }
@@ -192,13 +196,13 @@ module.exports = {
       {
         CallExpression(node) {
           const callee = node.callee
-          const nameLiteralNode = getNameParamNode(node)
-          if (!nameLiteralNode) {
+          const nameWithLoc = getNameParamNode(node)
+          if (!nameWithLoc) {
             // cannot check
             return
           }
           if (callee.type === 'Identifier' && callee.name === '$emit') {
-            verify(nameLiteralNode)
+            verify(nameWithLoc)
           }
         }
       },
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 22d128cd8..7987250b4 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -56,23 +56,28 @@ function parseOption(option) {
   return parsed
 }
 
+/**
+ * @typedef {object} NameWithLoc
+ * @property {string} name
+ * @property {SourceLocation} loc
+ * @property {Range} range
+ */
 /**
  * Get the name param node from the given CallExpression
  * @param {CallExpression} node CallExpression
- * @returns { Literal & { value: string } | null }
+ * @returns { NameWithLoc | null }
  */
 function getNameParamNode(node) {
   const nameLiteralNode = node.arguments[0]
-  if (
-    !nameLiteralNode ||
-    nameLiteralNode.type !== 'Literal' ||
-    typeof nameLiteralNode.value !== 'string'
-  ) {
-    // cannot check
-    return null
+  if (nameLiteralNode && utils.isStringLiteral(nameLiteralNode)) {
+    const name = utils.getStringLiteralValue(nameLiteralNode)
+    if (name != null) {
+      return { name, loc: nameLiteralNode.loc, range: nameLiteralNode.range }
+    }
   }
 
-  return /** @type {Literal & { value: string }} */ (nameLiteralNode)
+  // cannot check
+  return null
 }
 /**
  * Get the callee member node from the given CallExpression
@@ -134,17 +139,17 @@ module.exports = {
     const options = context.options.map(parseOption)
 
     /**
-     * @param { Literal & { value: string } } nameLiteralNode
+     * @param { NameWithLoc } nameWithLoc
      */
-    function verify(nameLiteralNode) {
-      const name = nameLiteralNode.value
+    function verify(nameWithLoc) {
+      const name = nameWithLoc.name
 
       for (const option of options) {
         if (option.test(name)) {
           const message =
             option.message || `Using \`${name}\` event is not allowed.`
           context.report({
-            node: nameLiteralNode,
+            loc: nameWithLoc.loc,
             messageId: 'restrictedEvent',
             data: { message },
             suggest: option.suggest
@@ -152,14 +157,14 @@ module.exports = {
                   {
                     fix(fixer) {
                       const sourceCode = context.getSourceCode()
-                      return fixer.replaceText(
-                        nameLiteralNode,
+                      return fixer.replaceTextRange(
+                        nameWithLoc.range,
                         `${
-                          sourceCode.text[nameLiteralNode.range[0]]
+                          sourceCode.text[nameWithLoc.range[0]]
                         }${JSON.stringify(option.suggest)
                           .slice(1, -1)
                           .replace(/'/gu, "\\'")}${
-                          sourceCode.text[nameLiteralNode.range[1] - 1]
+                          sourceCode.text[nameWithLoc.range[1] - 1]
                         }`
                       )
                     },
@@ -179,13 +184,13 @@ module.exports = {
       {
         CallExpression(node) {
           const callee = node.callee
-          const nameLiteralNode = getNameParamNode(node)
-          if (!nameLiteralNode) {
+          const nameWithLoc = getNameParamNode(node)
+          if (!nameWithLoc) {
             // cannot check
             return
           }
           if (callee.type === 'Identifier' && callee.name === '$emit') {
-            verify(nameLiteralNode)
+            verify(nameWithLoc)
           }
         }
       },
@@ -239,8 +244,8 @@ module.exports = {
             })
           },
           CallExpression(node, { node: vueNode }) {
-            const nameLiteralNode = getNameParamNode(node)
-            if (!nameLiteralNode) {
+            const nameWithLoc = getNameParamNode(node)
+            if (!nameWithLoc) {
               // cannot check
               return
             }
@@ -254,7 +259,7 @@ module.exports = {
                 emitReferenceIds.has(node.callee)
               ) {
                 // verify setup(props,{emit}) {emit()}
-                verify(nameLiteralNode)
+                verify(nameWithLoc)
               } else {
                 const emit = getCalleeMemberNode(node)
                 if (
@@ -264,7 +269,7 @@ module.exports = {
                   contextReferenceIds.has(emit.member.object)
                 ) {
                   // verify setup(props,context) {context.emit()}
-                  verify(nameLiteralNode)
+                  verify(nameWithLoc)
                 }
               }
             }
@@ -275,8 +280,8 @@ module.exports = {
         }),
         {
           CallExpression(node) {
-            const nameLiteralNode = getNameParamNode(node)
-            if (!nameLiteralNode) {
+            const nameWithLoc = getNameParamNode(node)
+            if (!nameWithLoc) {
               // cannot check
               return
             }
@@ -284,7 +289,7 @@ module.exports = {
             // verify $emit
             if (emit && emit.name === '$emit') {
               // verify this.$emit()
-              verify(nameLiteralNode)
+              verify(nameWithLoc)
             }
           }
         }
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 1a69c982a..9f531ccba 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -54,6 +54,30 @@ const FIX_EMITS_AFTER_OPTIONS = new Set([
   'renderTriggered',
   'errorCaptured'
 ])
+
+/**
+ * @typedef {object} NameWithLoc
+ * @property {string} name
+ * @property {SourceLocation} loc
+ * @property {Range} range
+ */
+/**
+ * Get the name param node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ * @returns { NameWithLoc | null }
+ */
+function getNameParamNode(node) {
+  const nameLiteralNode = node.arguments[0]
+  if (nameLiteralNode && utils.isStringLiteral(nameLiteralNode)) {
+    const name = utils.getStringLiteralValue(nameLiteralNode)
+    if (name != null) {
+      return { name, loc: nameLiteralNode.loc, range: nameLiteralNode.range }
+    }
+  }
+
+  // cannot check
+  return null
+}
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -114,11 +138,11 @@ module.exports = {
     /**
      * @param {ComponentEmit[]} emits
      * @param {ComponentProp[]} props
-     * @param {Literal} nameLiteralNode
+     * @param {NameWithLoc} nameWithLoc
      * @param {ObjectExpression | Program} vueDefineNode
      */
-    function verifyEmit(emits, props, nameLiteralNode, vueDefineNode) {
-      const name = `${nameLiteralNode.value}`
+    function verifyEmit(emits, props, nameWithLoc, vueDefineNode) {
+      const name = nameWithLoc.name
       if (emits.some((e) => e.emitName === name || e.emitName == null)) {
         return
       }
@@ -129,7 +153,7 @@ module.exports = {
         }
       }
       context.report({
-        node: nameLiteralNode,
+        loc: nameWithLoc.loc,
         messageId: 'missing',
         data: {
           name,
@@ -138,7 +162,7 @@ module.exports = {
               ? '`emits` option'
               : '`defineEmits`'
         },
-        suggest: buildSuggest(vueDefineNode, emits, nameLiteralNode, context)
+        suggest: buildSuggest(vueDefineNode, emits, nameWithLoc, context)
       })
     }
 
@@ -155,13 +179,13 @@ module.exports = {
 
     const callVisitor = {
       /**
-       * @param {CallExpression & { arguments: [Literal, ...Expression] }} node
+       * @param {CallExpression} node
        * @param {VueObjectData} [info]
        */
-      'CallExpression[arguments.0.type=Literal]'(node, info) {
+      CallExpression(node, info) {
         const callee = utils.skipChainExpression(node.callee)
-        const nameLiteralNode = node.arguments[0]
-        if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
+        const nameWithLoc = getNameParamNode(node)
+        if (!nameWithLoc) {
           // cannot check
           return
         }
@@ -188,7 +212,7 @@ module.exports = {
             verifyEmit(
               emitsDeclarations,
               vuePropsDeclarations.get(vueDefineNode) || [],
-              nameLiteralNode,
+              nameWithLoc,
               vueDefineNode
             )
           } else if (emit && emit.name === 'emit') {
@@ -201,7 +225,7 @@ module.exports = {
               verifyEmit(
                 emitsDeclarations,
                 vuePropsDeclarations.get(vueDefineNode) || [],
-                nameLiteralNode,
+                nameWithLoc,
                 vueDefineNode
               )
             }
@@ -216,7 +240,7 @@ module.exports = {
             verifyEmit(
               emitsDeclarations,
               vuePropsDeclarations.get(vueDefineNode) || [],
-              nameLiteralNode,
+              nameWithLoc,
               vueDefineNode
             )
           }
@@ -227,11 +251,11 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(
       context,
       {
-        /** @param { CallExpression & { argument: [Literal, ...Expression] } } node */
-        'CallExpression[arguments.0.type=Literal]'(node) {
+        /** @param { CallExpression } node */
+        CallExpression(node) {
           const callee = utils.skipChainExpression(node.callee)
-          const nameLiteralNode = /** @type {Literal} */ (node.arguments[0])
-          if (!nameLiteralNode || typeof nameLiteralNode.value !== 'string') {
+          const nameWithLoc = getNameParamNode(node)
+          if (!nameWithLoc) {
             // cannot check
             return
           }
@@ -242,7 +266,7 @@ module.exports = {
             verifyEmit(
               vueTemplateDefineData.emits,
               vueTemplateDefineData.props,
-              nameLiteralNode,
+              nameWithLoc,
               vueTemplateDefineData.define
             )
           }
@@ -409,11 +433,11 @@ module.exports = {
 /**
  * @param {ObjectExpression|Program} define
  * @param {ComponentEmit[]} emits
- * @param {Literal} nameNode
+ * @param {NameWithLoc} nameWithLoc
  * @param {RuleContext} context
  * @returns {Rule.SuggestionReportDescriptor[]}
  */
-function buildSuggest(define, emits, nameNode, context) {
+function buildSuggest(define, emits, nameWithLoc, context) {
   const emitsKind =
     define.type === 'ObjectExpression' ? '`emits` option' : '`defineEmits`'
   const certainEmits = emits.filter((e) => e.key)
@@ -423,18 +447,18 @@ function buildSuggest(define, emits, nameNode, context) {
       {
         messageId: 'addOneOption',
         data: {
-          name: `${nameNode.value}`,
+          name: nameWithLoc.name,
           emitsKind
         },
         fix(fixer) {
           if (last.type === 'array') {
             // Array
-            return fixer.insertTextAfter(last.node, `, '${nameNode.value}'`)
+            return fixer.insertTextAfter(last.node, `, '${nameWithLoc.name}'`)
           } else if (last.type === 'object') {
             // Object
             return fixer.insertTextAfter(
               last.node,
-              `, '${nameNode.value}': null`
+              `, '${nameWithLoc.name}': null`
             )
           } else {
             // type
@@ -468,11 +492,11 @@ function buildSuggest(define, emits, nameNode, context) {
       return [
         {
           messageId: 'addOneOption',
-          data: { name: `${nameNode.value}`, emitsKind },
+          data: { name: `${nameWithLoc.name}`, emitsKind },
           fix(fixer) {
             return fixer.insertTextAfter(
               leftBracket,
-              `'${nameNode.value}'${
+              `'${nameWithLoc.name}'${
                 emitsOptionValue.elements.length > 0 ? ',' : ''
               }`
             )
@@ -486,11 +510,11 @@ function buildSuggest(define, emits, nameNode, context) {
       return [
         {
           messageId: 'addOneOption',
-          data: { name: `${nameNode.value}`, emitsKind },
+          data: { name: `${nameWithLoc.name}`, emitsKind },
           fix(fixer) {
             return fixer.insertTextAfter(
               leftBrace,
-              `'${nameNode.value}': null${
+              `'${nameWithLoc.name}': null${
                 emitsOptionValue.properties.length > 0 ? ',' : ''
               }`
             )
@@ -508,12 +532,12 @@ function buildSuggest(define, emits, nameNode, context) {
   return [
     {
       messageId: 'addArrayEmitsOption',
-      data: { name: `${nameNode.value}`, emitsKind },
+      data: { name: `${nameWithLoc.name}`, emitsKind },
       fix(fixer) {
         if (afterOptionNode) {
           return fixer.insertTextAfter(
             sourceCode.getTokenBefore(afterOptionNode),
-            `\nemits: ['${nameNode.value}'],`
+            `\nemits: ['${nameWithLoc.name}'],`
           )
         } else if (object.properties.length > 0) {
           const before =
@@ -521,7 +545,7 @@ function buildSuggest(define, emits, nameNode, context) {
             object.properties[object.properties.length - 1]
           return fixer.insertTextAfter(
             before,
-            `,\nemits: ['${nameNode.value}']`
+            `,\nemits: ['${nameWithLoc.name}']`
           )
         } else {
           const objectLeftBrace = /** @type {Token} */ (
@@ -532,7 +556,7 @@ function buildSuggest(define, emits, nameNode, context) {
           )
           return fixer.insertTextAfter(
             objectLeftBrace,
-            `\nemits: ['${nameNode.value}']${
+            `\nemits: ['${nameWithLoc.name}']${
               objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line
                 ? ''
                 : '\n'
@@ -543,12 +567,12 @@ function buildSuggest(define, emits, nameNode, context) {
     },
     {
       messageId: 'addObjectEmitsOption',
-      data: { name: `${nameNode.value}`, emitsKind },
+      data: { name: `${nameWithLoc.name}`, emitsKind },
       fix(fixer) {
         if (afterOptionNode) {
           return fixer.insertTextAfter(
             sourceCode.getTokenBefore(afterOptionNode),
-            `\nemits: {'${nameNode.value}': null},`
+            `\nemits: {'${nameWithLoc.name}': null},`
           )
         } else if (object.properties.length > 0) {
           const before =
@@ -556,7 +580,7 @@ function buildSuggest(define, emits, nameNode, context) {
             object.properties[object.properties.length - 1]
           return fixer.insertTextAfter(
             before,
-            `,\nemits: {'${nameNode.value}': null}`
+            `,\nemits: {'${nameWithLoc.name}': null}`
           )
         } else {
           const objectLeftBrace = /** @type {Token} */ (
@@ -567,7 +591,7 @@ function buildSuggest(define, emits, nameNode, context) {
           )
           return fixer.insertTextAfter(
             objectLeftBrace,
-            `\nemits: {'${nameNode.value}': null}${
+            `\nemits: {'${nameWithLoc.name}': null}${
               objectLeftBrace.loc.end.line < objectRightBrace.loc.start.line
                 ? ''
                 : '\n'
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 8ad20377e..f8e547992 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -621,6 +621,21 @@ tester.run('custom-event-name-casing', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits({})
+      emit(\`foo-bar\`) // template literal
+      </script>
+      `,
+      errors: [
+        {
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-restricted-custom-event.js b/tests/lib/rules/no-restricted-custom-event.js
index 447f8122c..2dc4af4d6 100644
--- a/tests/lib/rules/no-restricted-custom-event.js
+++ b/tests/lib/rules/no-restricted-custom-event.js
@@ -291,6 +291,25 @@ tester.run('no-restricted-custom-event', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props, ctx) {
+          ctx.emit(\`foo\`)
+        }
+      }
+      </script>
+      `,
+      options: ['foo'],
+      errors: [
+        {
+          message: 'Using `foo` event is not allowed.',
+          line: 5
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 1146cd2cc..9a22c74a9 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -1857,6 +1857,35 @@ emits: {'foo': null}
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits([\`foo\`])
+      emit(\`foo\`);
+      emit(\`bar\`)
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 5,
+          suggestions: [
+            {
+              desc: 'Add the "bar" to `defineEmits`.',
+              output: `
+      <script setup>
+      const emit = defineEmits([\`foo\`, 'bar'])
+      emit(\`foo\`);
+      emit(\`bar\`)
+      </script>
+      `
+            }
+          ]
+        }
+      ]
     }
   ]
 })

From f3588179f7daf4ac6845361c8a2fbdd64a4461e8 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 25 Jul 2022 15:07:14 +0900
Subject: [PATCH 0512/1010] 9.3.0

---
 docs/rules/README.md                  | 66 +++++++++++++--------------
 docs/rules/array-bracket-newline.md   |  4 +-
 docs/rules/array-bracket-spacing.md   |  4 +-
 docs/rules/arrow-spacing.md           |  4 +-
 docs/rules/block-spacing.md           |  4 +-
 docs/rules/brace-style.md             |  4 +-
 docs/rules/camelcase.md               |  4 +-
 docs/rules/comma-dangle.md            |  4 +-
 docs/rules/comma-spacing.md           |  4 +-
 docs/rules/comma-style.md             |  4 +-
 docs/rules/dot-location.md            |  4 +-
 docs/rules/dot-notation.md            |  4 +-
 docs/rules/eqeqeq.md                  |  4 +-
 docs/rules/func-call-spacing.md       |  4 +-
 docs/rules/key-spacing.md             |  4 +-
 docs/rules/keyword-spacing.md         |  4 +-
 docs/rules/no-constant-condition.md   |  4 +-
 docs/rules/no-empty-pattern.md        |  4 +-
 docs/rules/no-extra-parens.md         |  4 +-
 docs/rules/no-loss-of-precision.md    |  4 +-
 docs/rules/no-restricted-syntax.md    |  4 +-
 docs/rules/no-sparse-arrays.md        |  4 +-
 docs/rules/no-useless-concat.md       |  4 +-
 docs/rules/object-curly-newline.md    |  4 +-
 docs/rules/object-curly-spacing.md    |  4 +-
 docs/rules/object-property-newline.md |  4 +-
 docs/rules/object-shorthand.md        |  4 +-
 docs/rules/operator-linebreak.md      |  4 +-
 docs/rules/prefer-template.md         |  4 +-
 docs/rules/quote-props.md             |  4 +-
 docs/rules/space-in-parens.md         |  4 +-
 docs/rules/space-infix-ops.md         |  4 +-
 docs/rules/space-unary-ops.md         |  4 +-
 docs/rules/template-curly-spacing.md  |  4 +-
 package.json                          |  2 +-
 35 files changed, 100 insertions(+), 100 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index b72928647..4343ba647 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -271,41 +271,41 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
-| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
-| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
-| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention in `<template>` |  | :hammer: |
-| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-style](./comma-style.md) | enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
-| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
-| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
-| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
-| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-newline](./array-bracket-newline.md) | Enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-spacing](./array-bracket-spacing.md) | Enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/arrow-spacing](./arrow-spacing.md) | Enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
+| [vue/block-spacing](./block-spacing.md) | Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
+| [vue/brace-style](./brace-style.md) | Enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
+| [vue/camelcase](./camelcase.md) | Enforce camelcase naming convention in `<template>` |  | :hammer: |
+| [vue/comma-dangle](./comma-dangle.md) | Require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-spacing](./comma-spacing.md) | Enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-style](./comma-style.md) | Enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-location](./dot-location.md) | Enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-notation](./dot-notation.md) | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
+| [vue/eqeqeq](./eqeqeq.md) | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
+| [vue/func-call-spacing](./func-call-spacing.md) | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
+| [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
+| [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
-| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions in `<template>` |  | :warning: |
-| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns in `<template>` |  | :warning: |
-| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
+| [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
+| [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  | :warning: |
-| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision in `<template>` |  | :warning: |
-| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax in `<template>` |  | :hammer: |
-| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays in `<template>` |  | :warning: |
-| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
-| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
-| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
-| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
-| [vue/quote-props](./quote-props.md) | require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
-| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
-| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
-| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
-| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
+| [vue/no-loss-of-precision](./no-loss-of-precision.md) | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
+| [vue/no-restricted-syntax](./no-restricted-syntax.md) | Disallow specified syntax in `<template>` |  | :hammer: |
+| [vue/no-sparse-arrays](./no-sparse-arrays.md) | Disallow sparse arrays in `<template>` |  | :warning: |
+| [vue/no-useless-concat](./no-useless-concat.md) | Disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
+| [vue/object-curly-newline](./object-curly-newline.md) | Enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-curly-spacing](./object-curly-spacing.md) | Enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-property-newline](./object-property-newline.md) | Enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
+| [vue/object-shorthand](./object-shorthand.md) | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
+| [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
+| [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
+| [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
+| [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
+| [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
+| [vue/template-curly-spacing](./template-curly-spacing.md) | Require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
 
 </rules-table>
 
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 8f1184c47..8b5e9bee2 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-newline
-description: enforce linebreaks after opening and before closing array brackets in `<template>`
+description: Enforce linebreaks after opening and before closing array brackets in `<template>`
 since: v7.1.0
 ---
 # vue/array-bracket-newline
 
-> enforce linebreaks after opening and before closing array brackets in `<template>`
+> Enforce linebreaks after opening and before closing array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index 6b5b4003a..d3c937651 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-spacing
-description: enforce consistent spacing inside array brackets in `<template>`
+description: Enforce consistent spacing inside array brackets in `<template>`
 since: v5.2.0
 ---
 # vue/array-bracket-spacing
 
-> enforce consistent spacing inside array brackets in `<template>`
+> Enforce consistent spacing inside array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index adfeb2243..07e30e63f 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/arrow-spacing
-description: enforce consistent spacing before and after the arrow in arrow functions in `<template>`
+description: Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 since: v5.2.0
 ---
 # vue/arrow-spacing
 
-> enforce consistent spacing before and after the arrow in arrow functions in `<template>`
+> Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 58280370c..a486c76c0 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-spacing
-description: disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
+description: Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 since: v5.2.0
 ---
 # vue/block-spacing
 
-> disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
+> Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 8f889724a..ac917267d 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/brace-style
-description: enforce consistent brace style for blocks in `<template>`
+description: Enforce consistent brace style for blocks in `<template>`
 since: v5.2.0
 ---
 # vue/brace-style
 
-> enforce consistent brace style for blocks in `<template>`
+> Enforce consistent brace style for blocks in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index 5b7888251..62c5891fa 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/camelcase
-description: enforce camelcase naming convention in `<template>`
+description: Enforce camelcase naming convention in `<template>`
 since: v5.2.0
 ---
 # vue/camelcase
 
-> enforce camelcase naming convention in `<template>`
+> Enforce camelcase naming convention in `<template>`
 
 This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 63d4a2a4e..565cbef7b 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-dangle
-description: require or disallow trailing commas in `<template>`
+description: Require or disallow trailing commas in `<template>`
 since: v5.2.0
 ---
 # vue/comma-dangle
 
-> require or disallow trailing commas in `<template>`
+> Require or disallow trailing commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index c25c0608c..e318fb65c 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-spacing
-description: enforce consistent spacing before and after commas in `<template>`
+description: Enforce consistent spacing before and after commas in `<template>`
 since: v7.0.0
 ---
 # vue/comma-spacing
 
-> enforce consistent spacing before and after commas in `<template>`
+> Enforce consistent spacing before and after commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 477c12abd..17c5dd25c 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-style
-description: enforce consistent comma style in `<template>`
+description: Enforce consistent comma style in `<template>`
 since: v7.0.0
 ---
 # vue/comma-style
 
-> enforce consistent comma style in `<template>`
+> Enforce consistent comma style in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index 4b88f9cf6..fa58a26af 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-location
-description: enforce consistent newlines before and after dots in `<template>`
+description: Enforce consistent newlines before and after dots in `<template>`
 since: v6.0.0
 ---
 # vue/dot-location
 
-> enforce consistent newlines before and after dots in `<template>`
+> Enforce consistent newlines before and after dots in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index c2bf87478..6e8264c2f 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-notation
-description: enforce dot notation whenever possible in `<template>`
+description: Enforce dot notation whenever possible in `<template>`
 since: v7.0.0
 ---
 # vue/dot-notation
 
-> enforce dot notation whenever possible in `<template>`
+> Enforce dot notation whenever possible in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index aa77b3f11..d6bdf9700 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/eqeqeq
-description: require the use of `===` and `!==` in `<template>`
+description: Require the use of `===` and `!==` in `<template>`
 since: v5.2.0
 ---
 # vue/eqeqeq
 
-> require the use of `===` and `!==` in `<template>`
+> Require the use of `===` and `!==` in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 0f398e1d0..41c795624 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/func-call-spacing
-description: require or disallow spacing between function identifiers and their invocations in `<template>`
+description: Require or disallow spacing between function identifiers and their invocations in `<template>`
 since: v7.0.0
 ---
 # vue/func-call-spacing
 
-> require or disallow spacing between function identifiers and their invocations in `<template>`
+> Require or disallow spacing between function identifiers and their invocations in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index bac4eb735..41ba2f851 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/key-spacing
-description: enforce consistent spacing between keys and values in object literal properties in `<template>`
+description: Enforce consistent spacing between keys and values in object literal properties in `<template>`
 since: v5.2.0
 ---
 # vue/key-spacing
 
-> enforce consistent spacing between keys and values in object literal properties in `<template>`
+> Enforce consistent spacing between keys and values in object literal properties in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 61d2e2731..68e9e7cdf 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/keyword-spacing
-description: enforce consistent spacing before and after keywords in `<template>`
+description: Enforce consistent spacing before and after keywords in `<template>`
 since: v6.0.0
 ---
 # vue/keyword-spacing
 
-> enforce consistent spacing before and after keywords in `<template>`
+> Enforce consistent spacing before and after keywords in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 89ea03268..7b5835978 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-constant-condition
-description: disallow constant expressions in conditions in `<template>`
+description: Disallow constant expressions in conditions in `<template>`
 since: v7.5.0
 ---
 # vue/no-constant-condition
 
-> disallow constant expressions in conditions in `<template>`
+> Disallow constant expressions in conditions in `<template>`
 
 This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index f6593d977..99e2152f1 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-empty-pattern
-description: disallow empty destructuring patterns in `<template>`
+description: Disallow empty destructuring patterns in `<template>`
 since: v6.0.0
 ---
 # vue/no-empty-pattern
 
-> disallow empty destructuring patterns in `<template>`
+> Disallow empty destructuring patterns in `<template>`
 
 This rule is the same rule as core [no-empty-pattern] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 09af6d190..0297304b7 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-extra-parens
-description: disallow unnecessary parentheses in `<template>`
+description: Disallow unnecessary parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/no-extra-parens
 
-> disallow unnecessary parentheses in `<template>`
+> Disallow unnecessary parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index 82e06d010..bee468e7a 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-loss-of-precision
-description: disallow literal numbers that lose precision in `<template>`
+description: Disallow literal numbers that lose precision in `<template>`
 since: v8.0.0
 ---
 # vue/no-loss-of-precision
 
-> disallow literal numbers that lose precision in `<template>`
+> Disallow literal numbers that lose precision in `<template>`
 
 This rule is the same rule as core [no-loss-of-precision] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index dcde6897a..590e94d6e 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-syntax
-description: disallow specified syntax in `<template>`
+description: Disallow specified syntax in `<template>`
 since: v5.2.0
 ---
 # vue/no-restricted-syntax
 
-> disallow specified syntax in `<template>`
+> Disallow specified syntax in `<template>`
 
 This rule is the same rule as core [no-restricted-syntax] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index 861c82ea1..e8cd10007 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-sparse-arrays
-description: disallow sparse arrays in `<template>`
+description: Disallow sparse arrays in `<template>`
 since: v7.0.0
 ---
 # vue/no-sparse-arrays
 
-> disallow sparse arrays in `<template>`
+> Disallow sparse arrays in `<template>`
 
 This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 9229de0a5..6c4afd423 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-concat
-description: disallow unnecessary concatenation of literals or template literals in `<template>`
+description: Disallow unnecessary concatenation of literals or template literals in `<template>`
 since: v7.0.0
 ---
 # vue/no-useless-concat
 
-> disallow unnecessary concatenation of literals or template literals in `<template>`
+> Disallow unnecessary concatenation of literals or template literals in `<template>`
 
 This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index d09c3e28f..9e07953f9 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: enforce consistent line breaks after opening and before closing braces in `<template>`
+description: Enforce consistent line breaks after opening and before closing braces in `<template>`
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> enforce consistent line breaks after opening and before closing braces in `<template>`
+> Enforce consistent line breaks after opening and before closing braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index 12f88793b..dacdf2679 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-spacing
-description: enforce consistent spacing inside braces in `<template>`
+description: Enforce consistent spacing inside braces in `<template>`
 since: v5.2.0
 ---
 # vue/object-curly-spacing
 
-> enforce consistent spacing inside braces in `<template>`
+> Enforce consistent spacing inside braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index be43ec66e..fb934acf6 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-property-newline
-description: enforce placing object properties on separate lines in `<template>`
+description: Enforce placing object properties on separate lines in `<template>`
 since: v7.0.0
 ---
 # vue/object-property-newline
 
-> enforce placing object properties on separate lines in `<template>`
+> Enforce placing object properties on separate lines in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index 7c7b4928f..dafe616bf 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-shorthand
-description: require or disallow method and property shorthand syntax for object literals in `<template>`
+description: Require or disallow method and property shorthand syntax for object literals in `<template>`
 since: v8.4.0
 ---
 # vue/object-shorthand
 
-> require or disallow method and property shorthand syntax for object literals in `<template>`
+> Require or disallow method and property shorthand syntax for object literals in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 6f7172a78..71847d82f 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/operator-linebreak
-description: enforce consistent linebreak style for operators in `<template>`
+description: Enforce consistent linebreak style for operators in `<template>`
 since: v7.0.0
 ---
 # vue/operator-linebreak
 
-> enforce consistent linebreak style for operators in `<template>`
+> Enforce consistent linebreak style for operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index aa33a3f32..4b668f4c2 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-template
-description: require template literals instead of string concatenation in `<template>`
+description: Require template literals instead of string concatenation in `<template>`
 since: v7.0.0
 ---
 # vue/prefer-template
 
-> require template literals instead of string concatenation in `<template>`
+> Require template literals instead of string concatenation in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index b45b7150a..facf28cee 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/quote-props
-description: require quotes around object literal property names in `<template>`
+description: Require quotes around object literal property names in `<template>`
 since: v8.4.0
 ---
 # vue/quote-props
 
-> require quotes around object literal property names in `<template>`
+> Require quotes around object literal property names in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index 62dcc2485..a29c298ac 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-in-parens
-description: enforce consistent spacing inside parentheses in `<template>`
+description: Enforce consistent spacing inside parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/space-in-parens
 
-> enforce consistent spacing inside parentheses in `<template>`
+> Enforce consistent spacing inside parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index a20eecb42..e92623661 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-infix-ops
-description: require spacing around infix operators in `<template>`
+description: Require spacing around infix operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-infix-ops
 
-> require spacing around infix operators in `<template>`
+> Require spacing around infix operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 3019c3eb9..10e545408 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-unary-ops
-description: enforce consistent spacing before or after unary operators in `<template>`
+description: Enforce consistent spacing before or after unary operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-unary-ops
 
-> enforce consistent spacing before or after unary operators in `<template>`
+> Enforce consistent spacing before or after unary operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 22fce907a..8760b0385 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/template-curly-spacing
-description: require or disallow spacing around embedded expressions of template strings in `<template>`
+description: Require or disallow spacing around embedded expressions of template strings in `<template>`
 since: v7.0.0
 ---
 # vue/template-curly-spacing
 
-> require or disallow spacing around embedded expressions of template strings in `<template>`
+> Require or disallow spacing around embedded expressions of template strings in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/package.json b/package.json
index fdeb8ca67..23da87765 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.2.0",
+  "version": "9.3.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2660fb9dcb60242a99887db8f4806594aabe4b79 Mon Sep 17 00:00:00 2001
From: qmhc <544022268@qq.com>
Date: Tue, 23 Aug 2022 19:04:27 +0800
Subject: [PATCH 0513/1010] fix: report delete operation for mutation props
 (#1942)

---
 lib/utils/index.js                   | 10 ++++++++
 tests/lib/rules/no-mutating-props.js | 38 +++++++++++++++++++++++++---
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 5a423faa4..b76924deb 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1798,6 +1798,16 @@ module.exports = {
             pathNodes
           }
         }
+        case 'UnaryExpression': {
+          if (target.operator === 'delete') {
+            return {
+              kind: 'update',
+              node: target,
+              pathNodes
+            }
+          }
+          break
+        }
         case 'CallExpression': {
           if (pathNodes.length > 0 && target.callee === node) {
             const mem = pathNodes[pathNodes.length - 1]
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 5c976baa2..22ef3aaf7 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -370,11 +370,12 @@ ruleTester.run('no-mutating-props', rule, {
             <div v-if="this.prop6++ && this.someProp < 10"></div>
             <div v-text="this.prop7.shift()"></div>
             <div v-text="this.prop8.slice(0).shift()"></div>
+            <div v-if="delete prop9.a"></div>
           </div>
         </template>
         <script>
           export default {
-            props: ['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6', 'prop7', 'prop8']
+            props: ['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6', 'prop7', 'prop8', 'prop9']
           }
         </script>
       `,
@@ -402,6 +403,10 @@ ruleTester.run('no-mutating-props', rule, {
         {
           message: 'Unexpected mutation of "prop7" prop.',
           line: 10
+        },
+        {
+          message: 'Unexpected mutation of "prop9" prop.',
+          line: 12
         }
       ]
     },
@@ -507,6 +512,7 @@ ruleTester.run('no-mutating-props', rule, {
                 ++this.items
                 this.todo.type = 'completed'
                 this.items.push('something')
+                delete this.todo.type
               }
             }
           }
@@ -524,6 +530,10 @@ ruleTester.run('no-mutating-props', rule, {
         {
           message: 'Unexpected mutation of "items" prop.',
           line: 18
+        },
+        {
+          message: 'Unexpected mutation of "todo" prop.',
+          line: 19
         }
       ]
     },
@@ -651,6 +661,7 @@ ruleTester.run('no-mutating-props', rule, {
               props.a ++
               props.b = 1
               props.c.push(1)
+              delete props.d
             }
           }
         </script>
@@ -667,6 +678,10 @@ ruleTester.run('no-mutating-props', rule, {
         {
           message: 'Unexpected mutation of "c" prop.',
           line: 7
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 8
         }
       ]
     },
@@ -681,6 +696,7 @@ ruleTester.run('no-mutating-props', rule, {
               c.push(1)
 
               c.x.push(1)
+              delete c.y
               e.foo++
               f.foo++
             }
@@ -705,12 +721,16 @@ ruleTester.run('no-mutating-props', rule, {
           line: 9
         },
         {
-          message: 'Unexpected mutation of "d" prop.',
+          message: 'Unexpected mutation of "c" prop.',
           line: 10
         },
         {
           message: 'Unexpected mutation of "d" prop.',
           line: 11
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 12
         }
       ]
     },
@@ -722,6 +742,7 @@ ruleTester.run('no-mutating-props', rule, {
           export default {
             setup({a: foo, b: [...bar], c: baz = 1}) {
               foo.x ++
+              delete foo.y
               bar.x = 1
               baz.push(1)
             }
@@ -734,12 +755,16 @@ ruleTester.run('no-mutating-props', rule, {
           line: 5
         },
         {
-          message: 'Unexpected mutation of "b" prop.',
+          message: 'Unexpected mutation of "a" prop.',
           line: 6
         },
         {
-          message: 'Unexpected mutation of "c" prop.',
+          message: 'Unexpected mutation of "b" prop.',
           line: 7
+        },
+        {
+          message: 'Unexpected mutation of "c" prop.',
+          line: 8
         }
       ]
     },
@@ -752,6 +777,7 @@ ruleTester.run('no-mutating-props', rule, {
               props.a ++
               props.b = 1
               props.c.push(1)
+              delete props.d
             }
           }
         </script>
@@ -768,6 +794,10 @@ ruleTester.run('no-mutating-props', rule, {
         {
           message: 'Unexpected mutation of "c" prop.',
           line: 7
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 8
         }
       ]
     },

From 8c3a89267f4d000396670f86442b23c60bb21232 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 23 Aug 2022 20:12:19 +0900
Subject: [PATCH 0514/1010] 9.4.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 23da87765..69b588fc2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 446ecca171190289cdb42d5d4ffe1d23b5f8e319 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 2 Sep 2022 19:00:20 +0900
Subject: [PATCH 0515/1010] Chore: fix typescript-eslint v4 test (#1956)

---
 .circleci/config.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 0ba3d33dc..4470b68f3 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -78,9 +78,9 @@ jobs:
           command: npm version
       - checkout
       - run:
-          name: Install @typescript-eslint/parser@4 eslint@7
+          name: Install @typescript-eslint/parser@4 eslint@7 typescript@4.7
           command: |
-            npm install @typescript-eslint/parser@^4 eslint@7
+            npm install @typescript-eslint/parser@4 eslint@7 typescript@4.7 --save-exact
       - run:
           name: Install dependencies
           command: npm install

From 2f55173dd60c805e07aac823c7bd774d6c263db2 Mon Sep 17 00:00:00 2001
From: Maksim Nazarjev <acupofspirt@gmail.com>
Date: Fri, 2 Sep 2022 13:23:59 +0300
Subject: [PATCH 0516/1010] fix(order-in-components): allow autofix with
 TypeScript PropType (#1955)

---
 lib/rules/order-in-components.js       |  4 ++-
 tests/lib/rules/order-in-components.js | 35 ++++++++++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 1e0b517f8..1ecc49254 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -171,7 +171,9 @@ function isNotSideEffectsNode(node, visitorKeys) {
         node.type === 'Literal' ||
         // es2015
         node.type === 'ArrowFunctionExpression' ||
-        node.type === 'TemplateElement'
+        node.type === 'TemplateElement' ||
+        // typescript
+        node.type === 'TSAsExpression'
       ) {
         skipNode = node
       } else if (
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 76d510964..873df3b0f 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -908,6 +908,41 @@ ruleTester.run('order-in-components', rule, {
           line: 15
         }
       ]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        <script lang="ts">
+          export default {
+            setup () {},
+            props: {
+              foo: { type: Array as PropType<number[]> },
+            },
+          };
+        </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: { ts: require.resolve('@typescript-eslint/parser') }
+      },
+      output: `
+        <script lang="ts">
+          export default {
+            props: {
+              foo: { type: Array as PropType<number[]> },
+            },
+            setup () {},
+          };
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "props" property should be above the "setup" property on line 4.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 9b55f3c18403b0a77808ba758ec3a8e72a884036 Mon Sep 17 00:00:00 2001
From: Alex <93376818+sashashura@users.noreply.github.com>
Date: Fri, 2 Sep 2022 21:58:20 +0200
Subject: [PATCH 0517/1010] Update CI.yml (#1958)

Signed-off-by: sashashura <93376818+sashashura@users.noreply.github.com>

Signed-off-by: sashashura <93376818+sashashura@users.noreply.github.com>
---
 .github/workflows/CI.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index dedfe4110..910d33c70 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -5,6 +5,9 @@ on:
   pull_request:
     branches: [master]
 
+permissions:
+  contents: read
+
 jobs:
   lint:
     name: Lint

From 8828bbb69dcbb1b36dd4c79a2ce05cec86586dbe Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 11 Sep 2022 07:53:36 +0900
Subject: [PATCH 0518/1010] Add `vue/no-ref-object-destructure` rule (#1965)

* Add `vue/no-ref-object-destructure` rule

* add test cases

* fix test case

* Apply suggestions from code review

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* remove comment in testcases

* add rfc link to doc

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-ref-object-destructure.md       |  55 ++
 lib/index.js                                  |   1 +
 lib/rules/no-ref-as-operand.js                |  79 +--
 lib/rules/no-ref-object-destructure.js        | 183 ++++++
 lib/utils/property-references.js              | 104 ++-
 lib/utils/ref-object-references.js            | 621 ++++++++++++++++++
 .../$-with-destructuring/result.js            |  16 +
 .../$-with-destructuring/source.js            |  16 +
 .../reactive-vars/$/result.js                 |   6 +
 .../reactive-vars/$/source.js                 |   6 +
 .../reactive-vars/$computed/result.js         |   5 +
 .../reactive-vars/$computed/source.js         |   5 +
 .../reactive-vars/$customRef/result.js        |  10 +
 .../reactive-vars/$customRef/source.js        |  10 +
 .../reactive-vars/$ref/result.js              |   5 +
 .../reactive-vars/$ref/source.js              |   5 +
 .../reactive-vars/$shallowRef/result.js       |   5 +
 .../reactive-vars/$shallowRef/source.js       |   5 +
 .../reactive-vars/$toRef/result.js            |   5 +
 .../reactive-vars/$toRef/source.js            |   5 +
 .../ref-objects/computed/result.js            |   5 +
 .../ref-objects/computed/source.js            |   5 +
 .../ref-objects/customRef/result.js           |  10 +
 .../ref-objects/customRef/source.js           |  10 +
 .../ref-objects/ref-to-pattern/result.js      |   9 +
 .../ref-objects/ref-to-pattern/source.js      |   9 +
 .../ref-objects/ref/result.js                 |   5 +
 .../ref-objects/ref/source.js                 |   5 +
 .../ref-objects/shallowRef/result.js          |   5 +
 .../ref-objects/shallowRef/source.js          |   5 +
 .../ref-objects/toRef/result.js               |   5 +
 .../ref-objects/toRef/source.js               |   5 +
 .../ref-objects/toRefs-to-pattern/result.js   |   5 +
 .../ref-objects/toRefs-to-pattern/source.js   |   5 +
 .../ref-objects/toRefs/result.js              |  18 +
 .../ref-objects/toRefs/source.js              |  18 +
 tests/lib/rules/no-ref-object-destructure.js  | 449 +++++++++++++
 tests/lib/utils/ref-object-references.js      | 164 +++++
 39 files changed, 1804 insertions(+), 81 deletions(-)
 create mode 100644 docs/rules/no-ref-object-destructure.md
 create mode 100644 lib/rules/no-ref-object-destructure.js
 create mode 100644 lib/utils/ref-object-references.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js
 create mode 100644 tests/lib/rules/no-ref-object-destructure.js
 create mode 100644 tests/lib/utils/ref-object-references.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4343ba647..de00e7e53 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -227,6 +227,7 @@ For example:
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
+| [vue/no-ref-object-destructure](./no-ref-object-destructure.md) | disallow destructuring of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
diff --git a/docs/rules/no-ref-object-destructure.md b/docs/rules/no-ref-object-destructure.md
new file mode 100644
index 000000000..4c4b837a8
--- /dev/null
+++ b/docs/rules/no-ref-object-destructure.md
@@ -0,0 +1,55 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-ref-object-destructure
+description: disallow destructuring of ref objects that can lead to loss of reactivity
+---
+# vue/no-ref-object-destructure
+
+> disallow destructuring of ref objects that can lead to loss of reactivity
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports the destructuring of ref objects causing the value to lose reactivity.
+
+<eslint-code-block :rules="{'vue/no-ref-object-destructure': ['error']}" language="javascript" filename="example.js" >
+
+```js
+import { ref } from 'vue'
+const count = ref(0)
+const v1 = count.value /* ✗ BAD */
+const { value: v2 } = count /* ✗ BAD */
+const v3 = computed(() => count.value /* ✓ GOOD */)
+const v4 = fn(count.value) /* ✗ BAD */
+const v5 = fn(count) /* ✓ GOOD */
+const v6 = computed(() => fn(count.value) /* ✓ GOOD */)
+```
+
+</eslint-code-block>
+
+This rule also supports Reactivity Transform, but Reactivity Transform is an experimental feature and may have false positives due to future Vue changes.  
+See the [RFC](https://github.com/vuejs/rfcs/pull/420) for more information on Reactivity Transform.
+
+<eslint-code-block :rules="{'vue/no-ref-object-destructure': ['error']}" language="javascript" filename="example.js" >
+
+```js
+const count = $ref(0)
+const v1 = count /* ✗ BAD */
+const v2 = $computed(() => count /* ✓ GOOD */)
+const v3 = fn(count) /* ✗ BAD */
+const v4 = fn($$(count)) /* ✓ GOOD */
+const v5 = $computed(() => fn(count) /* ✓ GOOD */)
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-ref-object-destructure.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-ref-object-destructure.js)
diff --git a/lib/index.js b/lib/index.js
index c4979a98c..ca3a93084 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -104,6 +104,7 @@ module.exports = {
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
+    'no-ref-object-destructure': require('./rules/no-ref-object-destructure'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-reserved-props': require('./rules/no-reserved-props'),
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 4f536dafe..067be4ec3 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -3,9 +3,14 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const { ReferenceTracker, findVariable } = require('eslint-utils')
+
+const { extractRefObjectReferences } = require('../utils/ref-object-references')
 const utils = require('../utils')
 
+/**
+ * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
+ */
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -24,20 +29,14 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /**
-     * @typedef {object} ReferenceData
-     * @property {VariableDeclarator} variableDeclarator
-     * @property {VariableDeclaration | null} variableDeclaration
-     * @property {string} method
-     */
-    /** @type {Map<Identifier, ReferenceData>} */
-    const refReferenceIds = new Map()
+    /** @type {RefObjectReferences} */
+    let refReferences
 
     /**
      * @param {Identifier} node
      */
     function reportIfRefWrapped(node) {
-      const data = refReferenceIds.get(node)
+      const data = refReferences.get(node)
       if (!data) {
         return
       }
@@ -54,59 +53,7 @@ module.exports = {
     }
     return {
       Program() {
-        const tracker = new ReferenceTracker(context.getScope())
-        const traceMap = utils.createCompositionApiTraceMap({
-          [ReferenceTracker.ESM]: true,
-          ref: {
-            [ReferenceTracker.CALL]: true
-          },
-          computed: {
-            [ReferenceTracker.CALL]: true
-          },
-          toRef: {
-            [ReferenceTracker.CALL]: true
-          },
-          customRef: {
-            [ReferenceTracker.CALL]: true
-          },
-          shallowRef: {
-            [ReferenceTracker.CALL]: true
-          }
-        })
-
-        for (const { node, path } of tracker.iterateEsmReferences(traceMap)) {
-          const variableDeclarator = node.parent
-          if (
-            !variableDeclarator ||
-            variableDeclarator.type !== 'VariableDeclarator' ||
-            variableDeclarator.id.type !== 'Identifier'
-          ) {
-            continue
-          }
-          const variable = findVariable(
-            context.getScope(),
-            variableDeclarator.id
-          )
-          if (!variable) {
-            continue
-          }
-          const variableDeclaration =
-            (variableDeclarator.parent &&
-              variableDeclarator.parent.type === 'VariableDeclaration' &&
-              variableDeclarator.parent) ||
-            null
-          for (const reference of variable.references) {
-            if (!reference.isRead()) {
-              continue
-            }
-
-            refReferenceIds.set(reference.identifier, {
-              variableDeclarator,
-              variableDeclaration,
-              method: path[1]
-            })
-          }
-        }
+        refReferences = extractRefObjectReferences(context)
       },
       // if (refValue)
       /** @param {Identifier} node */
@@ -148,11 +95,9 @@ module.exports = {
           return
         }
         // Report only constants.
-        const data = refReferenceIds.get(node)
-        if (!data) {
-          return
-        }
+        const data = refReferences.get(node)
         if (
+          !data ||
           !data.variableDeclaration ||
           data.variableDeclaration.kind !== 'const'
         ) {
diff --git a/lib/rules/no-ref-object-destructure.js b/lib/rules/no-ref-object-destructure.js
new file mode 100644
index 000000000..85754d18e
--- /dev/null
+++ b/lib/rules/no-ref-object-destructure.js
@@ -0,0 +1,183 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+const {
+  extractRefObjectReferences,
+  extractReactiveVariableReferences
+} = require('../utils/ref-object-references')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
+ * @typedef {import('../utils/ref-object-references').RefObjectReference} RefObjectReference
+ */
+
+/**
+ * Checks whether writing assigns a value to the given pattern.
+ * @param {Pattern | AssignmentProperty | Property} node
+ * @returns {boolean}
+ */
+function isUpdate(node) {
+  const parent = node.parent
+  if (parent.type === 'UpdateExpression' && parent.argument === node) {
+    // e.g. `pattern++`
+    return true
+  }
+  if (parent.type === 'AssignmentExpression' && parent.left === node) {
+    // e.g. `pattern = 42`
+    return true
+  }
+  if (
+    (parent.type === 'Property' && parent.value === node) ||
+    parent.type === 'ArrayPattern' ||
+    (parent.type === 'ObjectPattern' &&
+      parent.properties.includes(/** @type {any} */ (node))) ||
+    (parent.type === 'AssignmentPattern' && parent.left === node) ||
+    parent.type === 'RestElement' ||
+    (parent.type === 'MemberExpression' && parent.object === node)
+  ) {
+    return isUpdate(parent)
+  }
+  return false
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow destructuring of ref objects that can lead to loss of reactivity',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-ref-object-destructure.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      getValueInSameScope:
+        'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+      getReactiveVariableInSameScope:
+        'Getting a reactive variable in the same scope will cause the value to lose reactivity.'
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   */
+  create(context) {
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {Program | FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    /** @type {ScopeStack} */
+    let scopeStack = { upper: null, node: context.getSourceCode().ast }
+    /** @type {Map<CallExpression, ScopeStack>} */
+    const scopes = new Map()
+
+    const refObjectReferences = extractRefObjectReferences(context)
+    const reactiveVariableReferences =
+      extractReactiveVariableReferences(context)
+
+    /**
+     * Verify the given ref object value. `refObj = ref(); refObj.value;`
+     * @param {Expression | Super | ObjectPattern} node
+     */
+    function verifyRefObjectValue(node) {
+      const ref = refObjectReferences.get(node)
+      if (!ref) {
+        return
+      }
+      if (scopes.get(ref.define) !== scopeStack) {
+        // Not in the same scope
+        return
+      }
+
+      context.report({
+        node,
+        messageId: 'getValueInSameScope'
+      })
+    }
+
+    /**
+     * Verify the given reactive variable. `refVal = $ref(); refVal;`
+     * @param {Identifier} node
+     */
+    function verifyReactiveVariable(node) {
+      const ref = reactiveVariableReferences.get(node)
+      if (!ref || ref.escape) {
+        return
+      }
+      if (scopes.get(ref.define) !== scopeStack) {
+        // Not in the same scope
+        return
+      }
+
+      context.report({
+        node,
+        messageId: 'getReactiveVariableInSameScope'
+      })
+    }
+
+    return {
+      ':function'(node) {
+        scopeStack = { upper: scopeStack, node }
+      },
+      ':function:exit'() {
+        scopeStack = scopeStack.upper || scopeStack
+      },
+      CallExpression(node) {
+        scopes.set(node, scopeStack)
+      },
+      /**
+       * Check for `refObj.value`.
+       */
+      'MemberExpression:exit'(node) {
+        if (isUpdate(node)) {
+          // e.g. `refObj.value = 42`, `refObj.value++`
+          return
+        }
+        const name = utils.getStaticPropertyName(node)
+        if (name !== 'value') {
+          return
+        }
+        verifyRefObjectValue(node.object)
+      },
+      /**
+       * Check for `{value} = refObj`.
+       */
+      'ObjectPattern:exit'(node) {
+        const prop = utils.findAssignmentProperty(node, 'value')
+        if (!prop) {
+          return
+        }
+        verifyRefObjectValue(node)
+      },
+      /**
+       * Check for reactive variable`.
+       * @param {Identifier} node
+       */
+      'Identifier:exit'(node) {
+        if (isUpdate(node)) {
+          // e.g. `reactiveVariable = 42`, `reactiveVariable++`
+          return
+        }
+        verifyReactiveVariable(node)
+      }
+    }
+  }
+}
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index beb3118d6..d1b1e6f65 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -15,11 +15,23 @@ const eslintUtils = require('eslint-utils')
  * @typedef {object} IHasPropertyOption
  * @property {boolean} [unknownCallAsAny]
  */
+/**
+ * @typedef {object} NestPropertyNodeForExpression
+ * @property {'expression'} type
+ * @property {MemberExpression} node
+ *
+ * @typedef {object} NestPropertyNodeForPattern
+ * @property {'pattern'} type
+ * @property {MemberExpression | Identifier | ObjectPattern | ArrayPattern} node
+ *
+ * @typedef {NestPropertyNodeForExpression | NestPropertyNodeForPattern} NestPropertyNode
+ */
 /**
  * @typedef {object} IPropertyReferences
  * @property { (name: string, option?: IHasPropertyOption) => boolean } hasProperty
- * @property { () => Map<string, {nodes:ASTNode[]}> } allProperties
- * @property { (name: string) => IPropertyReferences } getNest
+ * @property { () => Map<string, {nodes:ASTNode[]}> } allProperties Get all properties.
+ * @property { (name: string) => IPropertyReferences } getNest Get the nesting property references.
+ * @property { (name: string) => Iterable<NestPropertyNode> } getNestNodes Get the nesting property nodes.
  */
 
 // ------------------------------------------------------------------------------
@@ -30,14 +42,16 @@ const eslintUtils = require('eslint-utils')
 const ANY = {
   hasProperty: () => true,
   allProperties: () => new Map(),
-  getNest: () => ANY
+  getNest: () => ANY,
+  getNestNodes: () => []
 }
 
 /** @type {IPropertyReferences} */
 const NEVER = {
   hasProperty: () => false,
   allProperties: () => new Map(),
-  getNest: () => NEVER
+  getNest: () => NEVER,
+  getNestNodes: () => []
 }
 
 /**
@@ -137,7 +151,7 @@ function definePropertyReferenceExtractor(context) {
 
   /**
    * Collects the property references for member expr.
-   * @implements IPropertyReferences
+   * @implements {IPropertyReferences}
    */
   class PropertyReferencesForMember {
     /**
@@ -172,10 +186,23 @@ function definePropertyReferenceExtractor(context) {
         ? extractFromExpression(this.node, this.withInTemplate)
         : NEVER
     }
+
+    /**
+     * @param {string} name
+     * @returns {Iterable<NestPropertyNodeForExpression>}
+     */
+    *getNestNodes(name) {
+      if (name === this.name) {
+        yield {
+          type: 'expression',
+          node: this.node
+        }
+      }
+    }
   }
   /**
    * Collects the property references for object.
-   * @implements IPropertyReferences
+   * @implements {IPropertyReferences}
    */
   class PropertyReferencesForObject {
     constructor() {
@@ -210,6 +237,35 @@ function definePropertyReferenceExtractor(context) {
           )
         : NEVER
     }
+
+    /**
+     * @param {string} name
+     * @returns {Iterable<NestPropertyNodeForPattern>}
+     */
+    *getNestNodes(name) {
+      const properties = this.properties[name]
+      if (!properties) {
+        return
+      }
+      const values = properties.map((property) => property.value)
+      let node
+      while ((node = values.shift())) {
+        if (
+          node.type === 'Identifier' ||
+          node.type === 'MemberExpression' ||
+          node.type === 'ObjectPattern' ||
+          node.type === 'ArrayPattern'
+        ) {
+          yield {
+            type: 'pattern',
+            node
+          }
+        } else if (node.type === 'AssignmentPattern') {
+          values.unshift(node.left)
+        }
+      }
+      return properties ? properties.map((p) => p.value) : []
+    }
   }
 
   /**
@@ -249,7 +305,9 @@ function definePropertyReferenceExtractor(context) {
       switch (parent.type) {
         case 'AssignmentExpression': {
           // `({foo} = arg)`
-          return !withInTemplate && parent.right === node
+          return !withInTemplate &&
+            parent.right === node &&
+            parent.operator === '='
             ? extractFromPattern(parent.left)
             : NEVER
         }
@@ -404,7 +462,8 @@ function definePropertyReferenceExtractor(context) {
           return Boolean(options && options.unknownCallAsAny)
         },
         allProperties: () => new Map(),
-        getNest: () => ANY
+        getNest: () => ANY,
+        getNestNodes: () => []
       }
     }
 
@@ -422,7 +481,8 @@ function definePropertyReferenceExtractor(context) {
           return Boolean(options && options.unknownCallAsAny)
         },
         allProperties: () => new Map(),
-        getNest: () => ANY
+        getNest: () => ANY,
+        getNestNodes: () => []
       }
     }
 
@@ -477,7 +537,8 @@ function definePropertyReferenceExtractor(context) {
         hasProperty: (name) => name === segmentName,
         allProperties: () => new Map([[segmentName, { nodes: [node] }]]),
         getNest: (name) =>
-          name === segmentName ? extractFromSegments(segments.slice(1)) : NEVER
+          name === segmentName ? extractFromSegments(segments.slice(1)) : NEVER,
+        getNestNodes: () => []
       }
     }
   }
@@ -496,7 +557,8 @@ function definePropertyReferenceExtractor(context) {
       ? {
           hasProperty: (name) => name === referenceName,
           allProperties: () => new Map([[referenceName, { nodes: [node] }]]),
-          getNest: (name) => (name === referenceName ? ANY : NEVER)
+          getNest: (name) => (name === referenceName ? ANY : NEVER),
+          getNestNodes: () => []
         }
       : NEVER
   }
@@ -513,7 +575,8 @@ function definePropertyReferenceExtractor(context) {
       hasProperty: (name) => name === referenceName,
       allProperties: () => new Map([[referenceName, { nodes: [nameNode] }]]),
       getNest: (name) =>
-        name === referenceName ? (getNest ? getNest() : ANY) : NEVER
+        name === referenceName ? (getNest ? getNest() : ANY) : NEVER,
+      getNestNodes: () => []
     }
   }
 
@@ -548,7 +611,8 @@ function definePropertyReferenceExtractor(context) {
     return {
       hasProperty: (name, option) => base.hasProperty(name, option),
       allProperties: () => base.allProperties(),
-      getNest: (name) => base.getNest(name).getNest('value')
+      getNest: (name) => base.getNest(name).getNest('value'),
+      getNestNodes: (name) => base.getNest(name).getNestNodes('value')
     }
   }
 
@@ -634,7 +698,7 @@ function mergePropertyReferences(references) {
 
 /**
  * Collects the property references for merge.
- * @implements IPropertyReferences
+ * @implements {IPropertyReferences}
  */
 class PropertyReferencesForMerge {
   /**
@@ -681,4 +745,16 @@ class PropertyReferencesForMerge {
     }
     return mergePropertyReferences(nest)
   }
+
+  /**
+   * @param {string} name
+   * @returns {Iterable<NestPropertyNode>}
+   */
+  *getNestNodes(name) {
+    for (const ref of this.references) {
+      if (ref.hasProperty(name)) {
+        yield* ref.getNestNodes(name)
+      }
+    }
+  }
 }
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
new file mode 100644
index 000000000..1b3781bbb
--- /dev/null
+++ b/lib/utils/ref-object-references.js
@@ -0,0 +1,621 @@
+/**
+ * @author Yosuke Ota
+ * @copyright 2022 Yosuke Ota. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('./index')
+const eslintUtils = require('eslint-utils')
+const { definePropertyReferenceExtractor } = require('./property-references')
+const { ReferenceTracker } = eslintUtils
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * @typedef {object} RefObjectReferenceForExpression
+ * @property {'expression'} type
+ * @property {MemberExpression | CallExpression} node
+ * @property {string} method
+ * @property {CallExpression} define
+ *
+ * @typedef {object} RefObjectReferenceForPattern
+ * @property {'pattern'} type
+ * @property {ObjectPattern} node
+ * @property {string} method
+ * @property {CallExpression} define
+ *
+ * @typedef {object} RefObjectReferenceForIdentifier
+ * @property {'expression' | 'pattern'} type
+ * @property {Identifier} node
+ * @property {VariableDeclaration | null} variableDeclaration
+ * @property {string} method
+ * @property {CallExpression} define
+ *
+ * @typedef {RefObjectReferenceForIdentifier | RefObjectReferenceForExpression | RefObjectReferenceForPattern} RefObjectReference
+ */
+/**
+ * @typedef {object} ReactiveVariableReference
+ * @property {Identifier} node
+ * @property {boolean} escape Within escape hint (`$$()`)
+ * @property {VariableDeclaration} variableDeclaration
+ * @property {string} method
+ * @property {CallExpression} define
+ */
+
+/**
+ * @typedef {object} RefObjectReferences
+ * @property {<T extends Identifier | Expression | Pattern | Super> (node: T) =>
+ *   T extends Identifier ?
+ *     RefObjectReferenceForIdentifier | null :
+ *   T extends Expression ?
+ *     RefObjectReferenceForExpression | null :
+ *   T extends Pattern ?
+ *     RefObjectReferenceForPattern | null :
+ *   null} get
+ */
+/**
+ * @typedef {object} ReactiveVariableReferences
+ * @property {(node: Identifier) => ReactiveVariableReference | null} get
+ */
+
+const REF_MACROS = [
+  '$ref',
+  '$computed',
+  '$shallowRef',
+  '$customRef',
+  '$toRef',
+  '$'
+]
+
+/** @type {WeakMap<Program, RefObjectReferences>} */
+const cacheForRefObjectReferences = new WeakMap()
+/** @type {WeakMap<Program, ReactiveVariableReferences>} */
+const cacheForReactiveVariableReferences = new WeakMap()
+
+/**
+ * Iterate the call expressions that define the ref object.
+ * @param {import('eslint').Scope.Scope} globalScope
+ * @returns {Iterable<{ node: CallExpression, name: string }>}
+ */
+function* iterateDefineRefs(globalScope) {
+  const tracker = new ReferenceTracker(globalScope)
+  const traceMap = utils.createCompositionApiTraceMap({
+    [ReferenceTracker.ESM]: true,
+    ref: {
+      [ReferenceTracker.CALL]: true
+    },
+    computed: {
+      [ReferenceTracker.CALL]: true
+    },
+    toRef: {
+      [ReferenceTracker.CALL]: true
+    },
+    customRef: {
+      [ReferenceTracker.CALL]: true
+    },
+    shallowRef: {
+      [ReferenceTracker.CALL]: true
+    },
+    toRefs: {
+      [ReferenceTracker.CALL]: true
+    }
+  })
+  for (const { node, path } of tracker.iterateEsmReferences(traceMap)) {
+    const expr = /** @type {CallExpression} */ (node)
+    yield {
+      node: expr,
+      name: path[path.length - 1]
+    }
+  }
+}
+
+/**
+ * Iterate the call expressions that define the reactive variables.
+ * @param {import('eslint').Scope.Scope} globalScope
+ * @returns {Iterable<{ node: CallExpression, name: string }>}
+ */
+function* iterateDefineReactiveVariables(globalScope) {
+  for (const { identifier } of iterateRefMacroReferences()) {
+    if (
+      identifier.parent.type === 'CallExpression' &&
+      identifier.parent.callee === identifier
+    ) {
+      yield {
+        node: identifier.parent,
+        name: identifier.name
+      }
+    }
+  }
+
+  /**
+   * Iterate ref macro reference.
+   * @returns {Iterable<Reference>}
+   */
+  function* iterateRefMacroReferences() {
+    yield* REF_MACROS.map((m) => globalScope.set.get(m))
+      .filter(utils.isDef)
+      .flatMap((v) => v.references)
+    for (const ref of globalScope.through) {
+      if (REF_MACROS.includes(ref.identifier.name)) {
+        yield ref
+      }
+    }
+  }
+}
+
+/**
+ *  Iterate the call expressions that the escape hint values.
+ * @param {import('eslint').Scope.Scope} globalScope
+ * @returns {Iterable<CallExpression>}
+ */
+function* iterateEscapeHintValueRefs(globalScope) {
+  for (const { identifier } of iterateEscapeHintReferences()) {
+    if (
+      identifier.parent.type === 'CallExpression' &&
+      identifier.parent.callee === identifier
+    ) {
+      yield identifier.parent
+    }
+  }
+
+  /**
+   * Iterate escape hint reference.
+   * @returns {Iterable<Reference>}
+   */
+  function* iterateEscapeHintReferences() {
+    const escapeHint = globalScope.set.get('$$')
+    if (escapeHint) {
+      yield* escapeHint.references
+    }
+    for (const ref of globalScope.through) {
+      if (ref.identifier.name === '$$') {
+        yield ref
+      }
+    }
+  }
+}
+
+/**
+ * Extract identifier from given pattern node.
+ * @param {Pattern} node
+ * @returns {Iterable<Identifier>}
+ */
+function* extractIdentifier(node) {
+  switch (node.type) {
+    case 'Identifier': {
+      yield node
+      break
+    }
+    case 'ObjectPattern': {
+      for (const property of node.properties) {
+        if (property.type === 'Property') {
+          yield* extractIdentifier(property.value)
+        } else if (property.type === 'RestElement') {
+          yield* extractIdentifier(property)
+        }
+      }
+      break
+    }
+    case 'ArrayPattern': {
+      for (const element of node.elements) {
+        if (element) {
+          yield* extractIdentifier(element)
+        }
+      }
+      break
+    }
+    case 'AssignmentPattern': {
+      yield* extractIdentifier(node.left)
+      break
+    }
+    case 'RestElement': {
+      yield* extractIdentifier(node.argument)
+      break
+    }
+    case 'MemberExpression': {
+      // can't extract
+      break
+    }
+    // No default
+  }
+}
+
+/**
+ * Iterate references of the given identifier.
+ * @param {Identifier} id
+ * @param {import('eslint').Scope.Scope} globalScope
+ * @returns {Iterable<import('eslint').Scope.Reference>}
+ */
+function* iterateIdentifierReferences(id, globalScope) {
+  const variable = eslintUtils.findVariable(globalScope, id)
+  if (!variable) {
+    return
+  }
+
+  for (const reference of variable.references) {
+    yield reference
+  }
+}
+
+/**
+ * @param {RuleContext} context The rule context.
+ */
+function getGlobalScope(context) {
+  const sourceCode = context.getSourceCode()
+  return (
+    sourceCode.scopeManager.globalScope || sourceCode.scopeManager.scopes[0]
+  )
+}
+// ------------------------------------------------------------------------------
+// Public
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  extractRefObjectReferences,
+  extractReactiveVariableReferences
+}
+
+/**
+ * @implements {RefObjectReferences}
+ */
+class RefObjectReferenceExtractor {
+  /**
+   * @param {RuleContext} context The rule context.
+   */
+  constructor(context) {
+    this.context = context
+    /** @type {Map<Identifier | MemberExpression | CallExpression | ObjectPattern, RefObjectReference>} */
+    this.references = new Map()
+
+    /** @type {Set<Identifier>} */
+    this._processedIds = new Set()
+  }
+
+  /**
+   * @template {Identifier | Expression | Pattern | Super} T
+   * @param {T} node
+   * @returns {T extends Identifier ?
+   *     RefObjectReferenceForIdentifier | null :
+   *   T extends Expression ?
+   *     RefObjectReferenceForExpression | null :
+   *   T extends Pattern ?
+   *     RefObjectReferenceForPattern | null :
+   *   null}
+   */
+  get(node) {
+    return /** @type {never} */ (
+      this.references.get(/** @type {never} */ (node)) || null
+    )
+  }
+
+  /**
+   * @param {CallExpression} node
+   * @param {string} method
+   */
+  processDefineRef(node, method) {
+    const parent = node.parent
+    /** @type {Pattern | null} */
+    let pattern = null
+    if (parent.type === 'VariableDeclarator') {
+      pattern = parent.id
+    } else if (
+      parent.type === 'AssignmentExpression' &&
+      parent.operator === '='
+    ) {
+      pattern = parent.left
+    } else {
+      if (method !== 'toRefs') {
+        this.references.set(node, {
+          type: 'expression',
+          node,
+          method,
+          define: node
+        })
+      }
+      return
+    }
+
+    if (method === 'toRefs') {
+      const propertyReferenceExtractor = definePropertyReferenceExtractor(
+        this.context
+      )
+      const propertyReferences =
+        propertyReferenceExtractor.extractFromPattern(pattern)
+      for (const name of propertyReferences.allProperties().keys()) {
+        for (const nest of propertyReferences.getNestNodes(name)) {
+          if (nest.type === 'expression') {
+            this.processMemberExpression(nest.node, method, node)
+          } else if (nest.type === 'pattern') {
+            this.processPattern(nest.node, method, node)
+          }
+        }
+      }
+    } else {
+      this.processPattern(pattern, method, node)
+    }
+  }
+
+  /**
+   * @param {Expression} node
+   * @param {string} method
+   * @param {CallExpression} define
+   */
+  processExpression(node, method, define) {
+    const parent = node.parent
+    if (parent.type === 'AssignmentExpression') {
+      if (parent.operator === '=' && parent.right === node) {
+        // `(foo = obj.mem)`
+        this.processPattern(parent.left, method, define)
+        return true
+      }
+    } else if (parent.type === 'VariableDeclarator' && parent.init === node) {
+      // `const foo = obj.mem`
+      this.processPattern(parent.id, method, define)
+      return true
+    }
+    return false
+  }
+  /**
+   * @param {MemberExpression} node
+   * @param {string} method
+   * @param {CallExpression} define
+   */
+  processMemberExpression(node, method, define) {
+    if (this.processExpression(node, method, define)) {
+      return
+    }
+    this.references.set(node, {
+      type: 'expression',
+      node,
+      method,
+      define
+    })
+  }
+
+  /**
+   * @param {Pattern} node
+   * @param {string} method
+   * @param {CallExpression} define
+   */
+  processPattern(node, method, define) {
+    switch (node.type) {
+      case 'Identifier': {
+        this.processIdentifierPattern(node, method, define)
+        break
+      }
+      case 'ArrayPattern':
+      case 'RestElement':
+      case 'MemberExpression': {
+        return
+      }
+      case 'ObjectPattern': {
+        this.references.set(node, {
+          type: 'pattern',
+          node,
+          method,
+          define
+        })
+        return
+      }
+      case 'AssignmentPattern': {
+        this.processPattern(node.left, method, define)
+        return
+      }
+      // No default
+    }
+  }
+
+  /**
+   * @param {Identifier} node
+   * @param {string} method
+   * @param {CallExpression} define
+   */
+  processIdentifierPattern(node, method, define) {
+    if (this._processedIds.has(node)) {
+      return
+    }
+    this._processedIds.add(node)
+
+    for (const reference of iterateIdentifierReferences(
+      node,
+      getGlobalScope(this.context)
+    )) {
+      const def =
+        reference.resolved &&
+        reference.resolved.defs.length === 1 &&
+        reference.resolved.defs[0].type === 'Variable'
+          ? reference.resolved.defs[0]
+          : null
+      if (def && def.name === reference.identifier) {
+        continue
+      }
+      if (
+        reference.isRead() &&
+        this.processExpression(reference.identifier, method, define)
+      ) {
+        continue
+      }
+      this.references.set(reference.identifier, {
+        type: reference.isWrite() ? 'pattern' : 'expression',
+        node: reference.identifier,
+        method,
+        define,
+        variableDeclaration: def ? def.parent : null
+      })
+    }
+  }
+}
+
+/**
+ * Extracts references of all ref objects.
+ * @param {RuleContext} context The rule context.
+ * @returns {RefObjectReferences}
+ */
+function extractRefObjectReferences(context) {
+  const sourceCode = context.getSourceCode()
+  const cachedReferences = cacheForRefObjectReferences.get(sourceCode.ast)
+  if (cachedReferences) {
+    return cachedReferences
+  }
+  const references = new RefObjectReferenceExtractor(context)
+
+  for (const { node, name } of iterateDefineRefs(getGlobalScope(context))) {
+    references.processDefineRef(node, name)
+  }
+
+  cacheForRefObjectReferences.set(sourceCode.ast, references)
+
+  return references
+}
+
+/**
+ * @implements {ReactiveVariableReferences}
+ */
+class ReactiveVariableReferenceExtractor {
+  /**
+   * @param {RuleContext} context The rule context.
+   */
+  constructor(context) {
+    this.context = context
+    /** @type {Map<Identifier, ReactiveVariableReference>} */
+    this.references = new Map()
+
+    /** @type {Set<Identifier>} */
+    this._processedIds = new Set()
+
+    /** @type {Set<CallExpression>} */
+    this._escapeHintValueRefs = new Set(
+      iterateEscapeHintValueRefs(getGlobalScope(context))
+    )
+  }
+
+  /**
+   * @param {Identifier} node
+   * @returns {ReactiveVariableReference | null}
+   */
+  get(node) {
+    return this.references.get(node) || null
+  }
+
+  /**
+   * @param {CallExpression} node
+   * @param {string} method
+   */
+  processDefineReactiveVariable(node, method) {
+    const parent = node.parent
+    if (parent.type !== 'VariableDeclarator') {
+      return
+    }
+    /** @type {Pattern | null} */
+    const pattern = parent.id
+
+    if (method === '$') {
+      for (const id of extractIdentifier(pattern)) {
+        this.processIdentifierPattern(id, method, node)
+      }
+    } else {
+      if (pattern.type === 'Identifier') {
+        this.processIdentifierPattern(pattern, method, node)
+      }
+    }
+  }
+
+  /**
+   * @param {Identifier} node
+   * @param {string} method
+   * @param {CallExpression} define
+   */
+  processIdentifierPattern(node, method, define) {
+    if (this._processedIds.has(node)) {
+      return
+    }
+    this._processedIds.add(node)
+
+    for (const reference of iterateIdentifierReferences(
+      node,
+      getGlobalScope(this.context)
+    )) {
+      const def =
+        reference.resolved &&
+        reference.resolved.defs.length === 1 &&
+        reference.resolved.defs[0].type === 'Variable'
+          ? reference.resolved.defs[0]
+          : null
+      if (!def || def.name === reference.identifier) {
+        continue
+      }
+      this.references.set(reference.identifier, {
+        node: reference.identifier,
+        escape: this.withinEscapeHint(reference.identifier),
+        method,
+        define,
+        variableDeclaration: def.parent
+      })
+    }
+  }
+
+  /**
+   * Checks whether the given identifier node within the escape hints (`$$()`) or not.
+   * @param {Identifier} node
+   */
+  withinEscapeHint(node) {
+    /** @type {Identifier | ObjectExpression | ArrayExpression | SpreadElement | Property | AssignmentProperty} */
+    let target = node
+    /** @type {ASTNode | null} */
+    let parent = target.parent
+    while (parent) {
+      if (parent.type === 'CallExpression') {
+        if (
+          parent.arguments.includes(/** @type {any} */ (target)) &&
+          this._escapeHintValueRefs.has(parent)
+        ) {
+          return true
+        }
+        return false
+      }
+      if (
+        (parent.type === 'Property' && parent.value === target) ||
+        (parent.type === 'ObjectExpression' &&
+          parent.properties.includes(/** @type {any} */ (target))) ||
+        parent.type === 'ArrayExpression' ||
+        parent.type === 'SpreadElement'
+      ) {
+        target = parent
+        parent = target.parent
+      } else {
+        return false
+      }
+    }
+    return false
+  }
+}
+
+/**
+ * Extracts references of all reactive variables.
+ * @param {RuleContext} context The rule context.
+ * @returns {ReactiveVariableReferences}
+ */
+function extractReactiveVariableReferences(context) {
+  const sourceCode = context.getSourceCode()
+  const cachedReferences = cacheForReactiveVariableReferences.get(
+    sourceCode.ast
+  )
+  if (cachedReferences) {
+    return cachedReferences
+  }
+
+  const references = new ReactiveVariableReferenceExtractor(context)
+
+  for (const { node, name } of iterateDefineReactiveVariables(
+    getGlobalScope(context)
+  )) {
+    references.processDefineReactiveVariable(node, name)
+  }
+
+  cacheForReactiveVariableReferences.set(sourceCode.ast, references)
+
+  return references
+}
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js
new file mode 100644
index 000000000..805890a33
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js
@@ -0,0 +1,16 @@
+let { a, b: c, d: [,f], g: [...h], ...i } = $(foo)
+let [ x, y = 42 ] = $(bar)
+
+console.log(
+  /*>*/a/*<{"escape":false,"method":"$"}*/,
+  b,
+  /*>*/c/*<{"escape":false,"method":"$"}*/,
+  d,
+  e,
+  /*>*/f/*<{"escape":false,"method":"$"}*/,
+  g,
+  /*>*/h/*<{"escape":false,"method":"$"}*/,
+  /*>*/i/*<{"escape":false,"method":"$"}*/,
+  /*>*/x/*<{"escape":false,"method":"$"}*/,
+  /*>*/y/*<{"escape":false,"method":"$"}*/
+)
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js
new file mode 100644
index 000000000..bfb92574f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js
@@ -0,0 +1,16 @@
+let { a, b: c, d: [,f], g: [...h], ...i } = $(foo)
+let [ x, y = 42 ] = $(bar)
+
+console.log(
+  a,
+  b,
+  c,
+  d,
+  e,
+  f,
+  g,
+  h,
+  i,
+  x,
+  y
+)
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js
new file mode 100644
index 000000000..80d709dee
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js
@@ -0,0 +1,6 @@
+let v = $(foo)
+let { x, y } = $(bar)
+console.log(/*>*/v/*<{"escape":false,"method":"$"}*/, /*>*/x/*<{"escape":false,"method":"$"}*/, /*>*/y/*<{"escape":false,"method":"$"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$"}*/
+console.log(a)
+console.log($$({ /*>*/v/*<{"escape":true,"method":"$"}*/, /*>*/x/*<{"escape":true,"method":"$"}*/ }))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js
new file mode 100644
index 000000000..28c98cbc9
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js
@@ -0,0 +1,6 @@
+let v = $(foo)
+let { x, y } = $(bar)
+console.log(v, x, y)
+let a = v
+console.log(a)
+console.log($$({ v, x }))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js
new file mode 100644
index 000000000..a45a0ae6f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js
@@ -0,0 +1,5 @@
+let v = $computed(() => 42)
+console.log(/*>*/v/*<{"escape":false,"method":"$computed"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$computed"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$computed"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js
new file mode 100644
index 000000000..ff0f34766
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js
@@ -0,0 +1,5 @@
+let v = $computed(() => 42)
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js
new file mode 100644
index 000000000..a8a3ae90a
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js
@@ -0,0 +1,10 @@
+let v = $customRef((track, trigger) => {
+  return {
+    get() { return count },
+    set(newValue) { count = newValue }
+  }
+})
+console.log(/*>*/v/*<{"escape":false,"method":"$customRef"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$customRef"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$customRef"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js
new file mode 100644
index 000000000..dd62754bc
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js
@@ -0,0 +1,10 @@
+let v = $customRef((track, trigger) => {
+  return {
+    get() { return count },
+    set(newValue) { count = newValue }
+  }
+})
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js
new file mode 100644
index 000000000..518f0c56b
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js
@@ -0,0 +1,5 @@
+let v = $ref(0)
+console.log(/*>*/v/*<{"escape":false,"method":"$ref"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$ref"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$ref"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js
new file mode 100644
index 000000000..5c8d7248e
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js
@@ -0,0 +1,5 @@
+let v = $ref(0)
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js
new file mode 100644
index 000000000..dbe345a19
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js
@@ -0,0 +1,5 @@
+let v = $shallowRef({ count: 0 })
+console.log(/*>*/v/*<{"escape":false,"method":"$shallowRef"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$shallowRef"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$shallowRef"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js
new file mode 100644
index 000000000..da4c19320
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js
@@ -0,0 +1,5 @@
+let v = $shallowRef({ count: 0 })
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js
new file mode 100644
index 000000000..a7bff1219
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js
@@ -0,0 +1,5 @@
+let v = $toRef(foo, 'bar')
+console.log(/*>*/v/*<{"escape":false,"method":"$toRef"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$toRef"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$toRef"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js
new file mode 100644
index 000000000..b94ddea93
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js
@@ -0,0 +1,5 @@
+let v = $toRef(foo, 'bar')
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js
new file mode 100644
index 000000000..2217a8182
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js
@@ -0,0 +1,5 @@
+import { computed } from 'vue'
+let v = computed(() => 42)
+console.log(/*>*/v/*<{"type":"expression","method":"computed"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"computed"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js
new file mode 100644
index 000000000..2b4a6412d
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js
@@ -0,0 +1,5 @@
+import { computed } from 'vue'
+let v = computed(() => 42)
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js
new file mode 100644
index 000000000..e7af0774e
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js
@@ -0,0 +1,10 @@
+import { customRef } from 'vue'
+let v = customRef((track, trigger) => {
+  return {
+    get() { return count },
+    set(newValue) { count = newValue }
+  }
+})
+console.log(/*>*/v/*<{"type":"expression","method":"customRef"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"customRef"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js
new file mode 100644
index 000000000..c94db730f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js
@@ -0,0 +1,10 @@
+import { customRef } from 'vue'
+let v = customRef((track, trigger) => {
+  return {
+    get() { return count },
+    set(newValue) { count = newValue }
+  }
+})
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js
new file mode 100644
index 000000000..a0681af4a
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js
@@ -0,0 +1,9 @@
+import { ref } from 'vue'
+let v = ref(0)
+const /*>*/{ value: a }/*<{"type":"pattern","method":"ref"}*/ = v
+const /*>*/{ value = 42 }/*<{"type":"pattern","method":"ref"}*/ = v
+console.log(a)
+console.log(value)
+
+const [x] = v
+console.log(x)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js
new file mode 100644
index 000000000..3a2c5c330
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js
@@ -0,0 +1,9 @@
+import { ref } from 'vue'
+let v = ref(0)
+const { value: a } = v
+const { value = 42 } = v
+console.log(a)
+console.log(value)
+
+const [x] = v
+console.log(x)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js
new file mode 100644
index 000000000..c356f2c2b
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js
@@ -0,0 +1,5 @@
+import { ref } from 'vue'
+let v = ref(0)
+console.log(/*>*/v/*<{"type":"expression","method":"ref"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"ref"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js
new file mode 100644
index 000000000..836b45777
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js
@@ -0,0 +1,5 @@
+import { ref } from 'vue'
+let v = ref(0)
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js
new file mode 100644
index 000000000..206f3e88d
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js
@@ -0,0 +1,5 @@
+import { shallowRef } from 'vue'
+let v = shallowRef({ count: 0 })
+console.log(/*>*/v/*<{"type":"expression","method":"shallowRef"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"shallowRef"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js
new file mode 100644
index 000000000..98496ae7f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js
@@ -0,0 +1,5 @@
+import { shallowRef } from 'vue'
+let v = shallowRef({ count: 0 })
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js
new file mode 100644
index 000000000..28bea16dc
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js
@@ -0,0 +1,5 @@
+import { toRef } from 'vue'
+let v = toRef(foo, 'bar')
+console.log(/*>*/v/*<{"type":"expression","method":"toRef"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"toRef"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js
new file mode 100644
index 000000000..df884f003
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js
@@ -0,0 +1,5 @@
+import { toRef } from 'vue'
+let v = toRef(foo, 'bar')
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js
new file mode 100644
index 000000000..527acdc78
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js
@@ -0,0 +1,5 @@
+import { toRefs } from 'vue'
+let bar = toRefs(foo)
+const { x, y = 42 } = bar
+console.log(/*>*/x/*<{"type":"expression","method":"toRefs"}*/.value)
+console.log(/*>*/y/*<{"type":"expression","method":"toRefs"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js
new file mode 100644
index 000000000..b2c39b4a9
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js
@@ -0,0 +1,5 @@
+import { toRefs } from 'vue'
+let bar = toRefs(foo)
+const { x, y = 42 } = bar
+console.log(x.value)
+console.log(y.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js
new file mode 100644
index 000000000..809dfc902
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js
@@ -0,0 +1,18 @@
+import { toRefs } from 'vue'
+let { x, y } = toRefs(foo)
+console.log(/*>*/x/*<{"type":"expression","method":"toRefs"}*/.value)
+let a = y
+console.log(/*>*/a/*<{"type":"expression","method":"toRefs"}*/.value)
+console.log(/*>*/y/*<{"type":"expression","method":"toRefs"}*/.value)
+
+let bar = toRefs(foo)
+console.log(bar)
+console.log(/*>*/bar.x/*<{"type":"expression","method":"toRefs"}*/.value)
+console.log(/*>*/bar.y/*<{"type":"expression","method":"toRefs"}*/.value)
+
+const z = bar.z
+console.log(/*>*/z/*<{"type":"expression","method":"toRefs"}*/.value)
+
+let b;
+/*>*/b/*<{"type":"pattern","method":"toRefs"}*/ = bar.b
+console.log(/*>*/b/*<{"type":"expression","method":"toRefs"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js
new file mode 100644
index 000000000..638e69296
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js
@@ -0,0 +1,18 @@
+import { toRefs } from 'vue'
+let { x, y } = toRefs(foo)
+console.log(x.value)
+let a = y
+console.log(a.value)
+console.log(y.value)
+
+let bar = toRefs(foo)
+console.log(bar)
+console.log(bar.x.value)
+console.log(bar.y.value)
+
+const z = bar.z
+console.log(z.value)
+
+let b;
+b = bar.b
+console.log(b.value)
diff --git a/tests/lib/rules/no-ref-object-destructure.js b/tests/lib/rules/no-ref-object-destructure.js
new file mode 100644
index 000000000..4ef92acff
--- /dev/null
+++ b/tests/lib/rules/no-ref-object-destructure.js
@@ -0,0 +1,449 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-ref-object-destructure')
+
+const tester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-ref-object-destructure', rule, {
+  valid: [
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    const value1 = computed(() => count.value)
+    const value2 = fn(count)
+    const value3 = computed(() => fn(count.value))
+    `,
+    `
+    import { toRefs } from 'vue'
+    const { count } = toRefs(foo)
+    const value1 = computed(() => count.value)
+    const value2 = fn(count)
+    const value3 = computed(() => fn(count.value))
+    `,
+    `
+    import { toRefs } from 'vue'
+    const refs = toRefs(foo)
+    const value1 = computed(() => refs.count.value)
+    const value2 = fn(refs.count)
+    const value3 = computed(() => fn(refs.count.value))
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    count.value = 42
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    count.value++
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    ;( { foo: count.value } = bar )
+    `,
+    `
+    import { ref, computed, shallowRef, customRef, toRef } from 'vue'
+    const r = ref(0)
+    const c = computed(() => r.value)
+    const sr = shallowRef({ count: 1 })
+    const cr = customRef((track, trigger) => {
+      return {
+        get() { return sr.value },
+        set(newValue) { sr.value = newValue }
+      }
+    })
+    const tr = toRef(sr, 'count')
+    function fn() {
+      console.log(c.value, cr.value, tr.value)
+    }
+    `,
+    // unknown
+    `
+    import { ref } from 'vue'
+    const [a] = ref(0)
+    foo.bar = ref(0)
+    unknown.value
+    `,
+    `
+    import { ref } from 'vue'
+    let foo = ref(0)
+    foo = foo
+    `,
+    // Reactivity Transform
+    `
+    const count = $ref(0)
+    const value1 = computed(() => count)
+    const value2 = fn($$(count))
+    const value3 = computed(() => fn(count))
+    `,
+    `
+    const count = $(foo)
+    const value1 = computed(() => count)
+    const value2 = fn($$(count))
+    const value3 = computed(() => fn(count))
+    `,
+    `
+    const { count } = $(foo)
+    const value1 = computed(() => count)
+    const value2 = fn($$(count))
+    const value3 = computed(() => fn(count))
+    `,
+    `
+    let count = $ref(0)
+    count = 42
+    `,
+    `
+    let count = $ref(0)
+    count++
+    `,
+    `
+    let count = $ref(0)
+    ;( { foo: count } = bar )
+    `,
+    `
+    const { v1, v2, v3, v4 } = $(foo)
+    fn($$({ v1, a: [v2], a: [...v3], ...v4}))
+    `,
+    `
+    let r = $ref(0)
+    let c = $computed(() => r)
+    let sr = $shallowRef({ count: 1 })
+    let cr = $customRef((track, trigger) => {
+      return {
+        get() { return sr },
+        set(newValue) { sr = newValue }
+      }
+    })
+    let tr = $toRef($$(sr), 'count')
+    function fn() {
+      console.log(
+        r.value,
+        c.value,
+        sr.value,
+        cr.value,
+        tr.value
+      )
+    }
+    `
+  ],
+  invalid: [
+    {
+      code: `
+      import { ref } from 'vue'
+      const count = ref(0)
+      const value1 = count.value
+      const { value: value2 } = count
+      const value3 = fn(count.value)
+      const { value: value4 = 42 } = count
+      if (foo) {
+        const value1 = count.value
+      }
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 7
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 9
+        }
+      ]
+    },
+    {
+      code: `
+      import { toRefs } from 'vue'
+      const { count } = toRefs(foo)
+      const value1 = count.value
+      const { value: value2 } = count
+      const value3 = fn(count.value)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+      import { toRefs } from 'vue'
+      const refs = toRefs(foo)
+      const value1 = refs.count.value
+      const { value: value2 } = refs.count
+      const value3 = fn(refs.count.value)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      const count = ref(0).value
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      import { toRefs } from 'vue'
+      const refs = toRefs(foo)
+      const { foo = 42 } = refs
+      const v = foo.value
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref, computed, shallowRef, customRef, toRef } from 'vue'
+      const r = ref(0)
+      const c = computed(() => r.value)
+      const sr = shallowRef({ count: 1 })
+      const cr = customRef((track, trigger) => {
+        return {
+          get() { return sr.value },
+          set(newValue) { sr.value = newValue }
+        }
+      })
+      const tr = toRef(sr, 'count')
+
+      console.log(
+        r.value,
+        c.value,
+        sr.value,
+        cr.value,
+        tr.value
+      )
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 15
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 16
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 17
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 18
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 19
+        }
+      ]
+    },
+    // Reactivity Transform
+    {
+      code: `
+      const count = $ref(0)
+      const value1 = count
+      const value2 = fn(count)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      const count = $(foo)
+      const value1 = count
+      const value2 = fn(count)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      const { count } = $(foo)
+      const value1 = count
+      const value2 = fn(count)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      const { v1, a: [v2 = 42], b: [...v3], ...v4 } = $(foo)
+      const value1 = v1
+      const value2 = v2
+      const value3 = v3
+      const value4 = v4
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+      let r = $ref(0)
+      let c = $computed(() => r)
+      let sr = $shallowRef({ count: 1 })
+      let cr = $customRef((track, trigger) => {
+        return {
+          get() { return sr },
+          set(newValue) { sr = newValue }
+        }
+      })
+      let tr = $toRef($$(sr), 'count')
+      console.log(
+        r.value,
+        c.value,
+        sr.value,
+        cr.value,
+        tr.value
+      )
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 13
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 14
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 15
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 16
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 17
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/utils/ref-object-references.js b/tests/lib/utils/ref-object-references.js
new file mode 100644
index 000000000..66ee89d0c
--- /dev/null
+++ b/tests/lib/utils/ref-object-references.js
@@ -0,0 +1,164 @@
+'use strict'
+
+const fs = require('fs')
+const path = require('path')
+const assert = require('assert')
+
+const Linter = require('eslint').Linter
+
+const {
+  extractRefObjectReferences,
+  extractReactiveVariableReferences
+} = require('../../../lib/utils/ref-object-references')
+
+const FIXTURE_ROOT = path.resolve(
+  __dirname,
+  '../../fixtures/utils/ref-object-references'
+)
+const REF_OBJECTS_FIXTURE_ROOT = path.resolve(FIXTURE_ROOT, 'ref-objects')
+const REACTIVE_VARS_FIXTURE_ROOT = path.resolve(FIXTURE_ROOT, 'reactive-vars')
+
+/**
+ * Load test patterns from fixtures.
+ *
+ * @returns {object} The loaded patterns.
+ */
+function loadPatterns(rootDir) {
+  return fs.readdirSync(rootDir).map((name) => {
+    const code0 = fs.readFileSync(path.join(rootDir, name, 'source.js'), 'utf8')
+    const code = code0.replace(/^<!--(.+?)-->/, `<!--${name}-->`)
+    return { code, name }
+  })
+}
+
+function extractRefs(code, extract) {
+  const linter = new Linter()
+  const references = []
+
+  linter.defineRule('vue/extract-test', (context) => {
+    const refs = extract(context)
+
+    const processed = new Set()
+    return {
+      '*'(node) {
+        if (processed.has(node)) {
+          // Old ESLint may be called twice on the same node.
+          return
+        }
+        processed.add(node)
+        const data = refs.get(node)
+        if (data) {
+          references.push(data)
+        }
+      }
+    }
+  })
+  const messages = linter.verify(
+    code,
+    {
+      parserOptions: { ecmaVersion: 2020, sourceType: 'module' },
+      rules: { 'vue/extract-test': 'error' },
+      globals: {
+        $ref: 'readonly',
+        $computed: 'readonly',
+        $shallowRef: 'readonly',
+        $customRef: 'readonly',
+        $toRef: 'readonly',
+        $: 'readonly',
+        $$: 'readonly'
+      }
+    },
+    undefined,
+    true
+  )
+
+  const errors = messages.map((message) => message.message)
+  if (errors.length > 0) {
+    assert.fail(errors.join(','))
+  }
+
+  return references
+}
+
+describe('extractRefObjectReferences()', () => {
+  for (const { name, code } of loadPatterns(REF_OBJECTS_FIXTURE_ROOT)) {
+    describe(`'test/fixtures/utils/ref-object-references/ref-objects/${name}/source.vue'`, () => {
+      it('should to extract the references to match the expected references.', () => {
+        /** @type {import('../../../lib/utils/ref-object-references').RefObjectReference[]} */
+        const references = [...extractRefs(code, extractRefObjectReferences)]
+
+        let result = ''
+        let start = 0
+        let ref
+        while ((ref = references.shift())) {
+          result += code.slice(start, ref.node.range[0])
+          result += `/*>*/`
+          result += code.slice(...ref.node.range)
+          result += `/*<${JSON.stringify({
+            type: ref.type,
+            method: ref.method
+          })}*/`
+          start = ref.node.range[1]
+        }
+        result += code.slice(start)
+
+        const actual = result
+
+        // update fixture
+        // fs.writeFileSync(
+        //   path.join(REF_OBJECTS_FIXTURE_ROOT, name, 'result.js'),
+        //   actual,
+        //   'utf8'
+        // )
+
+        const expected = fs.readFileSync(
+          path.join(REF_OBJECTS_FIXTURE_ROOT, name, 'result.js'),
+          'utf8'
+        )
+        assert.strictEqual(actual, expected)
+      })
+    })
+  }
+})
+describe('extractReactiveVariableReferences()', () => {
+  for (const { name, code } of loadPatterns(REACTIVE_VARS_FIXTURE_ROOT)) {
+    describe(`'test/fixtures/utils/ref-object-references/reactive-vars/${name}/source.vue'`, () => {
+      it('should to extract the references to match the expected references.', () => {
+        /** @type {import('../../../lib/utils/ref-object-references').ReactiveVariableReference[]} */
+        const references = [
+          ...extractRefs(code, extractReactiveVariableReferences)
+        ]
+
+        let result = ''
+        let start = 0
+        let ref
+        while ((ref = references.shift())) {
+          result += code.slice(start, ref.node.range[0])
+          result += `/*>*/`
+          result += code.slice(...ref.node.range)
+          result += `/*<${JSON.stringify({
+            escape: ref.escape,
+            method: ref.method
+          })}*/`
+          start = ref.node.range[1]
+        }
+        result += code.slice(start)
+
+        const actual = result
+
+        // update fixture
+        // fs.writeFileSync(
+        //   path.join(REACTIVE_VARS_FIXTURE_ROOT, name, 'result.js'),
+        //   actual,
+        //   'utf8'
+        // )
+
+        const expected = fs.readFileSync(
+          path.join(REACTIVE_VARS_FIXTURE_ROOT, name, 'result.js'),
+          'utf8'
+        )
+        assert.strictEqual(actual, expected)
+      })
+    })
+  }
+})

From 6173b91c64a973d167ba168b0e740e8b2b843ddb Mon Sep 17 00:00:00 2001
From: Amorites <751809522@qq.com>
Date: Wed, 14 Sep 2022 02:58:27 +0800
Subject: [PATCH 0519/1010] Report type-only imports in `no-undef-components`
 (#1967)

Co-authored-by: lihongda03 <lihongda03@kuaishou.com>
---
 lib/rules/no-undef-components.js              | 13 +++-
 tests/lib/rules/no-undef-components.js        | 60 +++++++++++++++++++
 tsconfig.json                                 |  2 +-
 .../util-types/ast/es-ast.ts                  |  1 +
 typings/eslint/index.d.ts                     |  3 +
 5 files changed, 75 insertions(+), 4 deletions(-)

diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index f6e66400c..dc58fd2e9 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -50,7 +50,9 @@ module.exports = {
       }
     ],
     messages: {
-      undef: "The '<{{name}}>' component has been used, but not defined."
+      undef: "The '<{{name}}>' component has been used, but not defined.",
+      typeOnly:
+        "The '<{{name}}>' component has been used, but '{{name}}' only refers to a type."
     }
   },
   /** @param {RuleContext} context */
@@ -121,6 +123,7 @@ module.exports = {
       // For <script setup>
       /** @type {Set<string>} */
       const scriptVariableNames = new Set()
+      const scriptTypeOnlyNames = new Set()
       const globalScope = context.getSourceCode().scopeManager.globalScope
       if (globalScope) {
         for (const variable of globalScope.variables) {
@@ -130,7 +133,11 @@ module.exports = {
           (scope) => scope.type === 'module'
         )
         for (const variable of (moduleScope && moduleScope.variables) || []) {
-          scriptVariableNames.add(variable.name)
+          if (variable.isTypeVariable) {
+            scriptTypeOnlyNames.add(variable.name)
+          } else {
+            scriptVariableNames.add(variable.name)
+          }
         }
       }
       /**
@@ -167,7 +174,7 @@ module.exports = {
 
         context.report({
           node: reportNode,
-          messageId: 'undef',
+          messageId: scriptTypeOnlyNames.has(rawName) ? 'typeOnly' : 'undef',
           data: {
             name: rawName
           }
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index b3a7af106..fc3461e5a 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -661,6 +661,66 @@ tester.run('no-undef-components', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        import type Foo from './Foo.vue'
+        import type {HelloWorld1} from './components/HelloWorld'
+        import { type HelloWorld2 } from './components/HelloWorld2'
+        import type {HelloWorld as HelloWorld3} from './components/HelloWorld3'
+        import { type HelloWorld as HelloWorld4 } from './components/HelloWorld4';
+        import { type default as HelloWorld5 } from './components/HelloWorld5';
+      </script>
+
+      <template>
+        <Foo />
+        <HelloWorld1 />
+        <HelloWorld2 />
+        <HelloWorld3 />
+        <HelloWorld4 />
+        <HelloWorld5 />
+      </template>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message:
+            "The '<Foo>' component has been used, but 'Foo' only refers to a type.",
+          line: 12
+        },
+        {
+          message:
+            "The '<HelloWorld1>' component has been used, but 'HelloWorld1' only refers to a type.",
+          line: 13
+        },
+        {
+          message:
+            "The '<HelloWorld2>' component has been used, but 'HelloWorld2' only refers to a type.",
+          line: 14
+        },
+        {
+          message:
+            "The '<HelloWorld3>' component has been used, but 'HelloWorld3' only refers to a type.",
+          line: 15
+        },
+        {
+          message:
+            "The '<HelloWorld4>' component has been used, but 'HelloWorld4' only refers to a type.",
+          line: 16
+        },
+        {
+          message:
+            "The '<HelloWorld5>' component has been used, but 'HelloWorld5' only refers to a type.",
+          line: 17
+        }
+      ]
+    },
 
     // options API
     {
diff --git a/tsconfig.json b/tsconfig.json
index 40f2ceeee..cbaefbd88 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
+    "target": "ES2019",
     "module": "commonjs",
     "lib": ["es2020"],
     "allowJs": true,
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 16a734d2e..f4dd208c3 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -268,6 +268,7 @@ export interface ImportDeclaration extends HasParentNode {
     | ImportNamespaceSpecifier
   )[]
   source: Literal & { value: string }
+  importKind?: 'type' | 'value'
 }
 export interface ImportSpecifier extends HasParentNode {
   type: 'ImportSpecifier'
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 7bfda0245..949d56f6d 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -54,6 +54,9 @@ export namespace Scope {
     eslintExplicitGlobal?: boolean | undefined
     eslintExplicitGlobalComments?: Comment[] | undefined
     eslintImplicitGlobalSetting?: 'readonly' | 'writable' | undefined
+
+    isTypeVariable?: boolean
+    isValueVariable?: boolean
   }
   interface Reference {
     identifier: VAST.Identifier

From faa067e79da6d2f2826a1fa65c923f40a39c8f2e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 15 Sep 2022 18:59:59 +0900
Subject: [PATCH 0520/1010] Chore: ts-parser support in demo (#1972)

* Chore: ts-parser support in demo

* refactor

* format
---
 .../components/eslint-code-block.vue          | 83 +++++++++++++++----
 docs/.vuepress/config.js                      |  3 +-
 docs/.vuepress/enhanceApp.js                  |  2 +-
 docs/.vuepress/shim/globby.js                 |  1 +
 docs/.vuepress/shim/module.js                 | 10 ++-
 docs/rules/valid-define-emits.md              |  8 ++
 docs/rules/valid-define-props.md              |  8 ++
 7 files changed, 97 insertions(+), 18 deletions(-)
 create mode 100644 docs/.vuepress/shim/globby.js

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index f71e606a3..b95e0d070 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -3,7 +3,7 @@
     <eslint-editor
       :linter="linter"
       :config="config"
-      :code="code"
+      v-model="code"
       :style="{ height }"
       class="eslint-code-block"
       :filename="filename"
@@ -43,23 +43,50 @@ export default {
     language: {
       type: String,
       default: 'html'
+    },
+    /**
+     * If enabled, `@typescript-eslint/parser` will be used.
+     * This must be enabled when used for `ts` code blocks.
+     */
+    typescript: {
+      type: Boolean,
+      default: false
     }
   },
 
   data() {
+    const code = this.computeCodeFromSlot()
+    // The height is determined in the initial processing.
+    // This is because later code changes do not change the height.
+    const lines = code.split('\n').length
+    const height = `${Math.max(120, 19 * lines)}px`
     return {
+      code,
+      height,
       linter: null,
       preprocess: processors['.vue'].preprocess,
       postprocess: processors['.vue'].postprocess,
       format: {
         insertSpaces: true,
         tabSize: 2
-      }
+      },
+      tsEslintParser: null
     }
   },
 
   computed: {
     config() {
+      let parser = null // Use default parser (`espree`)
+      if (this.typescript) {
+        // Use `@typescript-eslint/parser`.
+        parser = this.tsEslintParser
+      } else if (this.langTs) {
+        // Use `@typescript-eslint/parser` only when `<script lang="ts">` or `<script lang="typescript">`.
+        parser = {
+          ts: this.tsEslintParser,
+          typescript: this.tsEslintParser
+        }
+      }
       return {
         globals: {
           console: false,
@@ -90,6 +117,7 @@ export default {
         rules: this.rules,
         parser: 'vue-eslint-parser',
         parserOptions: {
+          parser,
           ecmaVersion: 'latest',
           sourceType: 'module',
           ecmaFeatures: {
@@ -99,24 +127,37 @@ export default {
       }
     },
 
-    code() {
-      return `${this.computeCodeFromSlot(this.$slots.default).trim()}\n`
-    },
+    /**
+     * Checks whether code may be using lang="ts" or lang="typescript".
+     * @returns {boolean} If `true`, may be using lang="ts" or lang="typescript".
+     */
+    langTs() {
+      return /lang\s*=\s*(?:"ts"|ts|'ts'|"typescript"|typescript|'typescript')/u.test(
+        this.code
+      )
+    }
+  },
 
-    height() {
-      const lines = this.code.split('\n').length
-      return `${Math.max(120, 19 * lines)}px`
+  watch: {
+    typescript(value) {
+      if (value) {
+        this.loadTypescriptESLint()
+      }
+    },
+    langTs(value) {
+      if (value) {
+        this.loadTypescriptESLint()
+      }
     }
   },
 
   methods: {
-    computeCodeFromSlot(nodes) {
-      if (!Array.isArray(nodes)) {
-        return ''
-      }
-      return nodes
-        .map((node) => node.text || this.computeCodeFromSlot(node.children))
-        .join('')
+    computeCodeFromSlot() {
+      return `${computeCodeFromSlot(this.$slots.default).trim()}\n`
+    },
+
+    async loadTypescriptESLint() {
+      this.tsEslintParser = await import('@typescript-eslint/parser')
     }
   },
 
@@ -126,6 +167,9 @@ export default {
       import('eslint/lib/linter'),
       import('espree').then(() => import('vue-eslint-parser'))
     ])
+    if (this.langTs || this.typescript) {
+      await this.loadTypescriptESLint()
+    }
 
     const linter = (this.linter = new Linter())
 
@@ -136,6 +180,15 @@ export default {
     linter.defineParser('vue-eslint-parser', { parseForESLint })
   }
 }
+
+function computeCodeFromSlot(nodes) {
+  if (!Array.isArray(nodes)) {
+    return ''
+  }
+  return nodes
+    .map((node) => node.text || computeCodeFromSlot(node.children))
+    .join('')
+}
 </script>
 
 <style>
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 68aec1af9..38ad965e9 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -132,7 +132,8 @@ module.exports = {
           '@eslint/eslintrc/universal': path.resolve(
             __dirname,
             '../../node_modules/@eslint/eslintrc/dist/eslintrc-universal.cjs'
-          )
+          ),
+          globby: require.resolve('./shim/globby')
         }
       }
     }
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
index 03082d606..1e62f60ac 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -12,7 +12,7 @@ export default (
     window.process = new Proxy(
       {
         env: {},
-        cwd: () => undefined
+        cwd: () => ''
       },
       {
         get(target, name) {
diff --git a/docs/.vuepress/shim/globby.js b/docs/.vuepress/shim/globby.js
new file mode 100644
index 000000000..4ba52ba2c
--- /dev/null
+++ b/docs/.vuepress/shim/globby.js
@@ -0,0 +1 @@
+module.exports = {}
diff --git a/docs/.vuepress/shim/module.js b/docs/.vuepress/shim/module.js
index 66ab9785e..cfeccf315 100644
--- a/docs/.vuepress/shim/module.js
+++ b/docs/.vuepress/shim/module.js
@@ -1,3 +1,11 @@
 module.exports = {
-  createRequire: () => () => null
+  createRequire: () => (module) => {
+    if (module === 'espree') {
+      return require('espree')
+    }
+    if (module === 'eslint-scope') {
+      return require('eslint-scope')
+    }
+    throw new Error(`Not implemented: ${module}`)
+  }
 }
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index 5718794ca..007a584e7 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -45,6 +45,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
 ```vue
 <script setup lang="ts">
   /* ✓ GOOD */
@@ -52,6 +54,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 </script>
 ```
 
+</eslint-code-block>
+
 <eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
 
 ```vue
@@ -78,6 +82,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
+
 ```vue
 <script setup lang="ts">
   /* ✗ BAD */
@@ -85,6 +91,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 </script>
 ```
 
+</eslint-code-block>
+
 <eslint-code-block :rules="{'vue/valid-define-emits': ['error']}">
 
 ```vue
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index bd7d5f75b..960573bb0 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -45,6 +45,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
 ```vue
 <script setup lang="ts">
   /* ✓ GOOD */
@@ -52,6 +54,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 </script>
 ```
 
+</eslint-code-block>
+
 <eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
 
 ```vue
@@ -78,6 +82,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 </eslint-code-block>
 
+<eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
+
 ```vue
 <script setup lang="ts">
   /* ✗ BAD */
@@ -85,6 +91,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 </script>
 ```
 
+</eslint-code-block>
+
 <eslint-code-block :rules="{'vue/valid-define-props': ['error']}">
 
 ```vue

From bf9b95cf0108d1844d084480e4950633fa2e8846 Mon Sep 17 00:00:00 2001
From: dev1437 <111346272+dev1437@users.noreply.github.com>
Date: Fri, 16 Sep 2022 12:58:57 +0800
Subject: [PATCH 0521/1010] Create `padding-line-between-tags` rule (#1966)

* Create space-between-siblings rule

* Fix lint

* Change how options are initialised

* Fill in name

* Remove block

* Update test

* Tidy up test and examples

* Change message

* Add test for flat tag

* Add never functionality

* Add tests for never and update previous tests for new schema

* Linting

* Update docs

* Rename to padding-line-between-tags

* Change schema to array of objects

* Change messages

* Allow for blank lines to be specified on each tag

* Update tests

* Linting

* Update docs

* Add another test

* Lint

* Clean up doc

* Clean up tests

* Change type

* Fix doc

* Update docs/rules/padding-line-between-tags.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Ignore top level

* Remove testing stuff

* Simplify logic and make last configuration apply

* Add test for last configuration applying

* Update docs

* Add newlines between siblings on same line

* Update docs

* Lint

* Fix doc

* Fix spaces on line diff = 0

* Remove only space between tags

* Append text backwards

* Uncomment tests

* Linting

* Fix loop and add test

* Add another test

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                         |    1 +
 docs/rules/padding-line-between-tags.md      |  163 +++
 lib/index.js                                 |    1 +
 lib/rules/padding-line-between-tags.js       |  189 ++++
 tests/lib/rules/padding-line-between-tags.js | 1032 ++++++++++++++++++
 5 files changed, 1386 insertions(+)
 create mode 100644 docs/rules/padding-line-between-tags.md
 create mode 100644 lib/rules/padding-line-between-tags.js
 create mode 100644 tests/lib/rules/padding-line-between-tags.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index de00e7e53..7c2b8c507 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -258,6 +258,7 @@ For example:
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
+| [vue/padding-line-between-tags](./padding-line-between-tags.md) | Insert newlines between sibling tags in template  | :wrench: | :warning: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: | :hammer: |
diff --git a/docs/rules/padding-line-between-tags.md b/docs/rules/padding-line-between-tags.md
new file mode 100644
index 000000000..6e84a1953
--- /dev/null
+++ b/docs/rules/padding-line-between-tags.md
@@ -0,0 +1,163 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/padding-line-between-tags
+description: Require or disallow newlines between sibling tags in template
+---
+# vue/padding-line-between-tags
+
+> Require or disallow newlines between sibling tags in template
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule requires or disallows newlines between sibling HTML tags.
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD: -->
+    <div></div>
+
+    <div>
+    </div>
+    
+    <div />
+
+    <div />
+    <!-- ✗ BAD: -->
+    <div></div>
+    <div>
+    </div>
+    <div /><div />
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/padding-line-between-tags": ["error", [
+    { "blankLine": "always", "prev": "*", "next": "*" }
+  ]]
+}
+```
+
+This rule requires blank lines between each sibling HTML tag by default.
+
+A configuration is an object which has 3 properties; blankLine, prev and next. For example, { blankLine: "always", prev: "br", next: "div" } means “one or more blank lines are required between a br tag and a div tag.” You can supply any number of configurations. If a tag pair matches multiple configurations, the last matched configuration will be used.
+
+- `blankLine` is one of the following:
+  - `always` requires one or more blank lines.
+  - `never` disallows blank lines.
+- `prev` any tag name without brackets.
+- `next` any tag name without brackets.
+
+### Disallow blank lines between all tags
+
+`{ blankLine: 'never', prev: '*', next: '*' }`
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error', [
+  { blankLine: 'never', prev: '*', next: '*' }
+]]}">
+
+```vue
+<template>
+  <div>
+    <div></div>
+    <div>
+    </div>
+    <div />
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+### Require newlines after `<br>`
+
+`{ blankLine: 'always', prev: 'br', next: '*' }`
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error', [
+  { blankLine: 'always', prev: 'br', next: '*' }
+]]}">
+
+```vue
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+      <br />
+
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+### Require newlines before `<br>`
+
+`{ blankLine: 'always', prev: '*', next: 'br' }`
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error', [
+  { blankLine: 'always', prev: '*', next: 'br' }
+]]}">
+
+```vue
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+      
+      <br />
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+### Require newlines between `<br>` and `<img>`
+
+`{ blankLine: 'always', prev: 'br', next: 'img' }`
+
+<eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error', [
+  { blankLine: 'always', prev: 'br', next: 'img' }
+]]}">
+
+```vue
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+      <br />
+
+      <img />
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/padding-line-between-tags.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/padding-line-between-tags.js)
diff --git a/lib/index.js b/lib/index.js
index ca3a93084..ca155949f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -184,6 +184,7 @@ module.exports = {
     'script-setup-uses-vars': require('./rules/script-setup-uses-vars'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'sort-keys': require('./rules/sort-keys'),
+    'padding-line-between-tags': require('./rules/padding-line-between-tags'),
     'space-in-parens': require('./rules/space-in-parens'),
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),
diff --git a/lib/rules/padding-line-between-tags.js b/lib/rules/padding-line-between-tags.js
new file mode 100644
index 000000000..3e0994a12
--- /dev/null
+++ b/lib/rules/padding-line-between-tags.js
@@ -0,0 +1,189 @@
+/**
+ * @author dev1437
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+/**
+ * Split the source code into multiple lines based on the line delimiters.
+ * Copied from padding-line-between-blocks
+ * @param {string} text Source code as a string.
+ * @returns {string[]} Array of source code lines.
+ */
+function splitLines(text) {
+  return text.split(/\r\n|[\r\n\u2028\u2029]/gu)
+}
+
+/**
+ * @param {RuleContext} context
+ * @param {VElement} tag
+ * @param {VElement} sibling
+ */
+function insertNewLine(context, tag, sibling) {
+  context.report({
+    messageId: 'always',
+    loc: sibling.loc,
+    // @ts-ignore
+    fix(fixer) {
+      return fixer.insertTextAfter(tag, '\n')
+    }
+  })
+}
+
+/**
+ * @param {RuleContext} context
+ * @param {VEndTag | VStartTag} endTag
+ * @param {VElement} sibling
+ */
+function removeExcessLines(context, endTag, sibling) {
+  context.report({
+    messageId: 'never',
+    loc: sibling.loc,
+    // @ts-ignore
+    fix(fixer) {
+      const start = endTag.range[1]
+      const end = sibling.range[0]
+      const paddingText = context.getSourceCode().text.slice(start, end)
+      const textBetween = splitLines(paddingText)
+      let newTextBetween = `\n${textBetween.pop()}`
+      for (let i = textBetween.length - 1; i >= 0; i--) {
+        if (!/^\s*$/.test(textBetween[i])) {
+          newTextBetween = `${i === 0 ? '' : '\n'}${
+            textBetween[i]
+          }${newTextBetween}`
+        }
+      }
+      return fixer.replaceTextRange([start, end], `${newTextBetween}`)
+    }
+  })
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {RuleContext} context
+ */
+function checkNewline(context) {
+  /** @type {Array<{blankLine: "always" | "never", prev: string, next: string}>} */
+  const configureList = context.options[0] || [
+    { blankLine: 'always', prev: '*', next: '*' }
+  ]
+
+  /**
+   * @param {VElement} block
+   */
+  return (block) => {
+    if (!block.parent.parent) {
+      return
+    }
+
+    const endTag = block.endTag || block.startTag
+    const lowerSiblings = block.parent.children
+      .filter(
+        (element) =>
+          element.type === 'VElement' && element.range !== block.range
+      )
+      .filter((sibling) => sibling.range[0] - endTag.range[1] >= 0)
+
+    if (lowerSiblings.length === 0) {
+      return
+    }
+
+    const closestSibling = /** @type {VElement} */ (lowerSiblings[0])
+
+    for (let i = configureList.length - 1; i >= 0; --i) {
+      const configure = configureList[i]
+      const matched =
+        (configure.prev === '*' || block.name === configure.prev) &&
+        (configure.next === '*' || closestSibling.name === configure.next)
+
+      if (matched) {
+        const lineDifference =
+          closestSibling.loc.start.line - endTag.loc.end.line
+        if (configure.blankLine === 'always') {
+          if (lineDifference === 1) {
+            insertNewLine(context, block, closestSibling)
+          } else if (lineDifference === 0) {
+            context.report({
+              messageId: 'always',
+              loc: closestSibling.loc,
+              // @ts-ignore
+              fix(fixer) {
+                const lastSpaces = /** @type {RegExpExecArray} */ (
+                  /^\s*/.exec(
+                    context.getSourceCode().lines[endTag.loc.start.line - 1]
+                  )
+                )[0]
+
+                return fixer.insertTextAfter(endTag, `\n\n${lastSpaces}`)
+              }
+            })
+          }
+        } else {
+          if (lineDifference > 1) {
+            let hasOnlyTextBetween = true
+            for (
+              let i = endTag.loc.start.line;
+              i < closestSibling.loc.start.line - 1 && hasOnlyTextBetween;
+              i++
+            ) {
+              hasOnlyTextBetween = !/^\s*$/.test(
+                context.getSourceCode().lines[i]
+              )
+            }
+            if (!hasOnlyTextBetween) {
+              removeExcessLines(context, endTag, closestSibling)
+            }
+          }
+        }
+        break
+      }
+    }
+  }
+}
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description:
+        'require or disallow newlines between sibling tags in template',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/padding-line-between-tags.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            blankLine: { enum: ['always', 'never'] },
+            prev: { type: 'string' },
+            next: { type: 'string' }
+          },
+          additionalProperties: false,
+          required: ['blankLine', 'prev', 'next']
+        }
+      }
+    ],
+    messages: {
+      never: 'Unexpected blank line before this tag.',
+      always: 'Expected blank line before this tag.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement: checkNewline(context)
+    })
+  }
+}
diff --git a/tests/lib/rules/padding-line-between-tags.js b/tests/lib/rules/padding-line-between-tags.js
new file mode 100644
index 000000000..18d6743a0
--- /dev/null
+++ b/tests/lib/rules/padding-line-between-tags.js
@@ -0,0 +1,1032 @@
+/**
+ * @author dev1437
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/padding-line-between-tags')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('padding-line-between-tags', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div></div>
+
+          <div>
+          </div>
+
+          <div />
+        </div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <p>Foo <b>bar</b> baz.</p>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div></div>
+          <div>
+          </div>
+          <div />
+        </div>
+      </template>
+      `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: '*', next: 'br' },
+          { blankLine: 'never', prev: 'br', next: '*' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+
+            <br />
+            <div></div>
+
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'div' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+
+            <div></div>
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      options: [
+        [
+          { blankLine: 'never', prev: '*', next: '*' },
+          { blankLine: 'always', prev: 'br', next: 'div' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+
+            <img />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      options: [[{ blankLine: 'always', prev: 'br', next: 'img' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      </template>
+      <script>
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+
+            <img />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      options: [
+        [
+          { blankLine: 'never', prev: 'br', next: 'img' },
+          { blankLine: 'always', prev: 'br', next: 'img' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          </div>A
+          B
+          C<div />
+        </div>
+      </template>
+      `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div></div>
+          <div>
+          </div>
+          <div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <div></div>
+
+          <div>
+          </div>
+
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 5,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <li>
+            </li>
+            <br />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+
+            <li>
+            </li>
+
+            <br />
+
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 13
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 9,
+          column: 13
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 10,
+          column: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+          </ul>
+          <ul>
+            <li>
+              Test Text
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+          </ul>
+
+          <ul>
+            <li>
+              Test Text
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 6,
+          column: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+          </ul>
+          <ul>
+            <li>
+              <p>
+              </p>
+              <p>
+              </p>
+            </li>
+          </ul>
+        </div>
+        <div>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+          </ul>
+
+          <ul>
+            <li>
+              <p>
+              </p>
+
+              <p>
+              </p>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 6,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 10,
+          column: 15
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 15,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+
+            <br />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 13
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: '*' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 8,
+          column: 13
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: '*', next: 'br' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+
+
+            <br />
+
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 9,
+          column: 13
+        },
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 11,
+          column: 13
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div></div>
+
+          <div>
+          </div>
+
+          <div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <div></div>
+          <div>
+          </div>
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 6,
+          column: 11
+        },
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 9,
+          column: 11
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+            <div></div>
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <ul>
+            <li>
+            </li>
+            <br />
+
+            <div></div>
+            <li>
+            </li>
+          </ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 8,
+          column: 13
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'never', prev: '*', next: '*' },
+          { blankLine: 'always', prev: 'br', next: 'div' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <h1></h1>
+          <br />
+          <div></div>
+          <br />
+          <img />
+          <h1></h1>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <h1></h1>
+
+          <br />
+          <div></div>
+
+          <br />
+          <img />
+
+          <h1></h1>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 5,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 9,
+          column: 11
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'div' },
+          { blankLine: 'never', prev: 'br', next: 'img' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+          <br />
+          <ul></ul>
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+
+          <br />
+          <ul></ul>
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 8,
+          column: 11
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'always', prev: 'br', next: 'div' },
+          { blankLine: 'always', prev: 'div', next: 'br' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+          <br />
+          <br />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+          <br />
+
+          <br />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 9,
+          column: 11
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'always', prev: 'br', next: 'div' },
+          { blankLine: 'always', prev: 'br', next: 'br' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+          <br />
+
+          <br />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <img />
+
+          <br />
+
+          <div></div>
+
+          <br />
+          <br />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 5,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 8,
+          column: 11
+        },
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 10,
+          column: 11
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'br' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+
+          <br />
+
+          <br />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <img />
+          <br />
+
+          <div></div>
+
+          <br />
+          <br />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 11,
+          column: 11
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: 'br', next: 'br' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div></div>
+          <div>
+          </div>
+          <br />
+          <div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <div></div>
+          <div>
+          </div>
+
+          <br />
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 11
+        }
+      ],
+      options: [[{ blankLine: 'always', prev: '*', next: 'br' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div /><div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <div />
+
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 4,
+          column: 18
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          Foo  <div /><div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          Foo  <div />
+
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 4,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          </div>A
+
+          C<div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          </div>A
+          C<div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 6,
+          column: 12
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          </div>A
+          B
+
+          C<div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          </div>A
+          B
+          C<div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 7,
+          column: 12
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          </div>A
+
+
+          B
+          C<div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          </div>A
+          B
+          C<div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 8,
+          column: 12
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          </div>A
+
+
+          B
+
+
+          C<div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          </div>A
+          B
+          C<div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 10,
+          column: 12
+        }
+      ],
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    }
+  ]
+})

From 4383a866871f7b173d2d3646becd63054df76d0e Mon Sep 17 00:00:00 2001
From: Amorites <751809522@qq.com>
Date: Fri, 16 Sep 2022 15:03:25 +0800
Subject: [PATCH 0522/1010] Add type-based declaration rule of `defineProps`
 and `defineEmits` (#1968)

* Add `vue/prefer-type-props-decl` rule

* Add  rule

* chore: Related Rules

* Update lib/rules/prefer-type-emits-decl.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* Update lib/rules/prefer-type-props-decl.js

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

* fix: remove ts eslint-code-block & improve related rules link

* Update lib/rules/prefer-type-emits-decl.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update tests/lib/rules/prefer-type-emits-decl.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* chore: rename rule name

* feat: implement renamed rules

* update rule docs

* Add eslint-code-block

* fix lint issues

* Update docs/rules/define-emits-declaration.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/define-props-declaration.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/define-emits-declaration.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/define-props-declaration.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* add runtime option example

* Fix order in docs

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                        |   2 +
 docs/rules/define-emits-declaration.md      |  78 ++++++++++
 docs/rules/define-props-declaration.md      |  79 ++++++++++
 docs/rules/valid-define-emits.md            |  53 ++++---
 docs/rules/valid-define-props.md            |  53 ++++---
 lib/index.js                                |   2 +
 lib/rules/define-emits-declaration.js       |  68 +++++++++
 lib/rules/define-props-declaration.js       |  68 +++++++++
 tests/lib/rules/define-emits-declaration.js | 151 +++++++++++++++++++
 tests/lib/rules/define-props-declaration.js | 157 ++++++++++++++++++++
 10 files changed, 663 insertions(+), 48 deletions(-)
 create mode 100644 docs/rules/define-emits-declaration.md
 create mode 100644 docs/rules/define-props-declaration.md
 create mode 100644 lib/rules/define-emits-declaration.js
 create mode 100644 lib/rules/define-props-declaration.js
 create mode 100644 tests/lib/rules/define-emits-declaration.js
 create mode 100644 tests/lib/rules/define-props-declaration.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 7c2b8c507..a60dc51bc 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -212,7 +212,9 @@ For example:
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: | :hammer: |
 | [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: | :hammer: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  | :hammer: |
+| [vue/define-emits-declaration](./define-emits-declaration.md) | enforce declaration style of `defineEmits` |  | :hammer: |
 | [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench: | :lipstick: |
+| [vue/define-props-declaration](./define-props-declaration.md) | enforce declaration style of `defineProps` |  | :hammer: |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: | :lipstick: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
new file mode 100644
index 000000000..50af9f951
--- /dev/null
+++ b/docs/rules/define-emits-declaration.md
@@ -0,0 +1,78 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/define-emits-declaration
+description: enforce declaration style of `defineEmits`
+---
+# vue/define-emits-declaration
+
+> enforce declaration style of `defineEmits`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule enforces `defineEmits` typing style which you should use `type-based` or `runtime` declaration.
+
+This rule only works in setup script and `lang="ts"`.
+
+<eslint-code-block :rules="{'vue/define-emits-declaration': ['error']}">
+
+```vue
+<script setup lang="ts">
+/* ✓ GOOD */
+const emit = defineEmits<{
+  (e: 'change', id: number): void
+  (e: 'update', value: string): void
+}>()
+
+/* ✗ BAD */
+const emit = defineEmits(['change', 'update'])
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+  "vue/define-emits-declaration": ["error", "type-based" | "runtime"]
+```
+
+- `type-based` (default) enforces type-based declaration
+- `runtime` enforces runtime declaration
+
+### `runtime`
+
+<eslint-code-block :rules="{'vue/define-emits-declaration': ['error', 'runtime']}">
+
+```vue
+<script setup lang="ts">
+/* ✗ BAD */
+const emit = defineEmits<{
+  (e: 'change', id: number): void
+  (e: 'update', value: string): void
+}>()
+
+/* ✓ GOOD */
+const emit = defineEmits(['change', 'update'])
+</script>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/define-props-declaration](./define-props-declaration.md)
+- [vue/valid-define-emits](./valid-define-emits.md)
+
+## :books: Further Reading
+
+- [`defineEmits`](https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits)
+- [Typescript-only-features of `defineEmits`](https://vuejs.org/api/sfc-script-setup.html#typescript-only-features)
+- [Guide - Typing-component-emits](https://vuejs.org/guide/typescript/composition-api.html#typing-component-emits)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-emits-declaration.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/define-emits-declaration.js)
diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
new file mode 100644
index 000000000..db68791fb
--- /dev/null
+++ b/docs/rules/define-props-declaration.md
@@ -0,0 +1,79 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/define-props-declaration
+description: enforce declaration style of `defineProps`
+---
+# vue/define-props-declaration
+
+> enforce declaration style of `defineProps`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule enforces `defineProps` typing style which you should use `type-based` or `runtime` declaration.
+
+This rule only works in setup script and `lang="ts"`.
+
+<eslint-code-block :rules="{'vue/define-props-declaration': ['error']}">
+
+```vue
+<script setup lang="ts">
+/* ✓ GOOD */
+const props = defineProps<{
+  kind: string
+}>()
+
+/* ✗ BAD */
+const props = defineProps({
+  kind: { type: String }
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+  "vue/define-props-declaration": ["error", "type-based" | "runtime"]
+```
+
+- `type-based` (default) enforces type-based declaration
+- `runtime` enforces runtime declaration
+
+### `"runtime"`
+
+<eslint-code-block :rules="{'vue/define-emits-declaration': ['error', 'runtime']}">
+
+```vue
+<script setup lang="ts">
+/* ✗ BAD */
+const emit = defineEmits<{
+  (e: 'change', id: number): void
+  (e: 'update', value: string): void
+}>()
+
+/* ✓ GOOD */
+const emit = defineEmits(['change', 'update'])
+</script>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/define-emits-declaration](./define-emits-declaration.md)
+- [vue/valid-define-props](./valid-define-props.md)
+
+## :books: Further Reading
+
+- [`defineProps`](https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits)
+- [Typescript-only-features of `defineProps`](https://vuejs.org/api/sfc-script-setup.html#typescript-only-features)
+- [Guide - Typing-component-props](https://vuejs.org/guide/typescript/composition-api.html#typing-component-props)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-props-declaration.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/define-props-declaration.js)
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index 007a584e7..f7de8454c 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -27,8 +27,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✓ GOOD */
-  defineEmits({ notify: null })
+/* ✓ GOOD */
+defineEmits({ notify: null })
 </script>
 ```
 
@@ -38,8 +38,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✓ GOOD */
-  defineEmits(['notify'])
+/* ✓ GOOD */
+defineEmits(['notify'])
 </script>
 ```
 
@@ -49,8 +49,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup lang="ts">
-  /* ✓ GOOD */
-  defineEmits<(e: 'notify')=>void>()
+/* ✓ GOOD */
+defineEmits<(e: 'notify') => void>()
 </script>
 ```
 
@@ -60,11 +60,11 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script>
-  const def = { notify: null }
+const def = { notify: null }
 </script>
 <script setup>
-  /* ✓ GOOD */
-  defineEmits(def)
+/* ✓ GOOD */
+defineEmits(def)
 </script>
 ```
 
@@ -74,9 +74,9 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✗ BAD */
-  const def = { notify: null }
-  defineEmits(def)
+/* ✗ BAD */
+const def = { notify: null }
+defineEmits(def)
 </script>
 ```
 
@@ -86,8 +86,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup lang="ts">
-  /* ✗ BAD */
-  defineEmits<(e: 'notify')=>void>({ submit: null })
+/* ✗ BAD */
+defineEmits<(e: 'notify') => void>({ submit: null })
 </script>
 ```
 
@@ -97,9 +97,9 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✗ BAD */
-  defineEmits({ notify: null })
-  defineEmits({ submit: null })
+/* ✗ BAD */
+defineEmits({ notify: null })
+defineEmits({ submit: null })
 </script>
 ```
 
@@ -109,13 +109,13 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script>
-  export default {
-    emits: { notify: null }
-  }
+export default {
+  emits: { notify: null }
+}
 </script>
 <script setup>
-  /* ✗ BAD */
-  defineEmits({ submit: null })
+/* ✗ BAD */
+defineEmits({ submit: null })
 </script>
 ```
 
@@ -125,8 +125,8 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✗ BAD */
-  defineEmits()
+/* ✗ BAD */
+defineEmits()
 </script>
 ```
 
@@ -136,6 +136,11 @@ This rule reports `defineEmits` compiler macros in the following cases:
 
 Nothing.
 
+## :couple: Related Rules
+
+- [vue/define-emits-declaration](./define-emits-declaration.md)
+- [vue/valid-define-props](./valid-define-props.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.13.0
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index 960573bb0..4345d2428 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -27,8 +27,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✓ GOOD */
-  defineProps({ msg: String })
+/* ✓ GOOD */
+defineProps({ msg: String })
 </script>
 ```
 
@@ -38,8 +38,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✓ GOOD */
-  defineProps(['msg'])
+/* ✓ GOOD */
+defineProps(['msg'])
 </script>
 ```
 
@@ -49,8 +49,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup lang="ts">
-  /* ✓ GOOD */
-  defineProps<{ msg?:string }>()
+/* ✓ GOOD */
+defineProps<{ msg?: string }>()
 </script>
 ```
 
@@ -60,11 +60,11 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script>
-  const def = { msg: String }
+const def = { msg: String }
 </script>
 <script setup>
-  /* ✓ GOOD */
-  defineProps(def)
+/* ✓ GOOD */
+defineProps(def)
 </script>
 ```
 
@@ -74,9 +74,9 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✗ BAD */
-  const def = { msg: String }
-  defineProps(def)
+/* ✗ BAD */
+const def = { msg: String }
+defineProps(def)
 </script>
 ```
 
@@ -86,8 +86,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup lang="ts">
-  /* ✗ BAD */
-  defineProps<{ msg?:string }>({ msg: String })
+/* ✗ BAD */
+defineProps<{ msg?: string }>({ msg: String })
 </script>
 ```
 
@@ -97,9 +97,9 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✗ BAD */
-  defineProps({ msg: String })
-  defineProps({ count: Number })
+/* ✗ BAD */
+defineProps({ msg: String })
+defineProps({ count: Number })
 </script>
 ```
 
@@ -109,13 +109,13 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script>
-  export default {
-    props: { msg: String }
-  }
+export default {
+  props: { msg: String }
+}
 </script>
 <script setup>
-  /* ✗ BAD */
-  defineProps({ count: Number })
+/* ✗ BAD */
+defineProps({ count: Number })
 </script>
 ```
 
@@ -125,8 +125,8 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 ```vue
 <script setup>
-  /* ✗ BAD */
-  defineProps()
+/* ✗ BAD */
+defineProps()
 </script>
 ```
 
@@ -136,6 +136,11 @@ This rule reports `defineProps` compiler macros in the following cases:
 
 Nothing.
 
+## :couple: Related Rules
+
+- [vue/define-props-declaration](./define-props-declaration.md)
+- [vue/valid-define-emits](./valid-define-emits.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.13.0
diff --git a/lib/index.js b/lib/index.js
index ca155949f..483dfc5d5 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -27,7 +27,9 @@ module.exports = {
     'component-options-name-casing': require('./rules/component-options-name-casing'),
     'component-tags-order': require('./rules/component-tags-order'),
     'custom-event-name-casing': require('./rules/custom-event-name-casing'),
+    'define-emits-declaration': require('./rules/define-emits-declaration'),
     'define-macros-order': require('./rules/define-macros-order'),
+    'define-props-declaration': require('./rules/define-props-declaration'),
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
new file mode 100644
index 000000000..758097f9a
--- /dev/null
+++ b/lib/rules/define-emits-declaration.js
@@ -0,0 +1,68 @@
+/**
+ * @author Amorites
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce declaration style of `defineEmits`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/define-emits-declaration.html'
+    },
+    fixable: null,
+    messages: {
+      hasArg: 'Use type-based declaration instead of runtime declaration.',
+      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
+    },
+    schema: [
+      {
+        enum: ['type-based', 'runtime']
+      }
+    ]
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup || !utils.hasAttribute(scriptSetup, 'lang', 'ts')) {
+      return {}
+    }
+
+    const defineType = context.options[0] || 'type-based'
+    return utils.defineScriptSetupVisitor(context, {
+      onDefineEmitsEnter(node) {
+        switch (defineType) {
+          case 'type-based':
+            if (node.arguments.length > 0) {
+              context.report({
+                node,
+                messageId: 'hasArg'
+              })
+            }
+            break
+
+          case 'runtime':
+            if (node.typeParameters && node.typeParameters.params.length > 0) {
+              context.report({
+                node,
+                messageId: 'hasTypeArg'
+              })
+            }
+            break
+        }
+      }
+    })
+  }
+}
diff --git a/lib/rules/define-props-declaration.js b/lib/rules/define-props-declaration.js
new file mode 100644
index 000000000..2a73ed10a
--- /dev/null
+++ b/lib/rules/define-props-declaration.js
@@ -0,0 +1,68 @@
+/**
+ * @author Amorites
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce declaration style of `defineProps`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/define-props-declaration.html'
+    },
+    fixable: null,
+    messages: {
+      hasArg: 'Use type-based declaration instead of runtime declaration.',
+      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
+    },
+    schema: [
+      {
+        enum: ['type-based', 'runtime']
+      }
+    ]
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup || !utils.hasAttribute(scriptSetup, 'lang', 'ts')) {
+      return {}
+    }
+
+    const defineType = context.options[0] || 'type-based'
+    return utils.defineScriptSetupVisitor(context, {
+      onDefinePropsEnter(node) {
+        switch (defineType) {
+          case 'type-based':
+            if (node.arguments.length > 0) {
+              context.report({
+                node,
+                messageId: 'hasArg'
+              })
+            }
+            break
+
+          case 'runtime':
+            if (node.typeParameters && node.typeParameters.params.length > 0) {
+              context.report({
+                node,
+                messageId: 'hasTypeArg'
+              })
+            }
+            break
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
new file mode 100644
index 000000000..279d80497
--- /dev/null
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -0,0 +1,151 @@
+/**
+ * @author Amorites
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/define-emits-declaration')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('define-emits-declaration', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const emit = defineEmits(['change', 'update'])
+        </script>
+       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          (e: 'change', id: number): void
+          (e: 'update', value: string): void
+        }>()
+        </script>
+       `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          (e: 'change', id: number): void
+          (e: 'update', value: string): void
+        }>()
+        </script>
+       `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: ['type-based']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+       <script setup lang="ts">
+       const emit = defineEmits(['change', 'update'])
+       </script>
+       `,
+      options: ['runtime']
+    },
+    {
+      filename: 'test.vue',
+      // ignore code without defineEmits
+      code: `
+        <script setup lang="ts">
+        const props = defineProps({
+          kind: { type: String },
+        })
+        </script>
+       `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+         <script lang="ts">
+         import { PropType } from 'vue'
+ 
+         export default {
+           props: {
+             kind: { type: String as PropType<'primary' | 'secondary'> },
+           },
+           emits: ['check']
+         }
+         </script>
+       `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+       <script setup lang="ts">
+       const emit = defineEmits(['change', 'update'])
+       </script>
+       `,
+      errors: [
+        {
+          message: 'Use type-based declaration instead of runtime declaration.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+       <script setup lang="ts">
+       const emit = defineEmits(['change', 'update'])
+       </script>
+       `,
+      errors: [
+        {
+          message: 'Use type-based declaration instead of runtime declaration.',
+          line: 3
+        }
+      ],
+      options: ['type-based']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          (e: 'change', id: number): void
+          (e: 'update', value: string): void
+        }>()
+        </script>
+       `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Use runtime declaration instead of type-based declaration.',
+          line: 3
+        }
+      ],
+      options: ['runtime']
+    }
+  ]
+})
diff --git a/tests/lib/rules/define-props-declaration.js b/tests/lib/rules/define-props-declaration.js
new file mode 100644
index 000000000..67ea338ec
--- /dev/null
+++ b/tests/lib/rules/define-props-declaration.js
@@ -0,0 +1,157 @@
+/**
+ * @author Amorites
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/define-props-declaration')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('define-props-declaration', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps<{
+        kind: string;
+      }>()
+      </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps<{
+        kind: string;
+      }>()
+      </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: ['type-based']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps({
+        kind: { type: String },
+      })
+      </script>
+      `,
+      options: ['runtime']
+    },
+    {
+      filename: 'test.vue',
+      // ignore script without lang="ts"
+      code: `
+      <script setup>
+      const props = defineProps({
+        kind: { type: String },
+      })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits({
+        click: (event: PointerEvent) => !!event
+      })
+      </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      // ignore non-setup script
+      code: `
+        <script lang="ts">
+        import { PropType } from 'vue'
+
+        export default {
+          props: {
+            kind: { type: String as PropType<'primary' | 'secondary'> },
+          },
+          emits: ['check']
+        }
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps({
+        kind: { type: String },
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Use type-based declaration instead of runtime declaration.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps({
+        kind: { type: String },
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Use type-based declaration instead of runtime declaration.',
+          line: 3
+        }
+      ],
+      options: ['type-based']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps<{
+        kind: string;
+      }>()
+      </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      options: ['runtime'],
+      errors: [
+        {
+          message: 'Use runtime declaration instead of type-based declaration.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From b1f14329825ec68166f7115f09fe52e984884c4b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 16 Sep 2022 16:10:32 +0900
Subject: [PATCH 0523/1010] 9.5.0

---
 docs/rules/README.md                    |  2 +-
 docs/rules/define-emits-declaration.md  |  7 +++++--
 docs/rules/define-props-declaration.md  |  7 +++++--
 docs/rules/no-ref-object-destructure.md |  7 +++++--
 docs/rules/padding-line-between-tags.md | 10 +++++++---
 lib/configs/no-layout-rules.js          |  1 +
 lib/index.js                            |  2 +-
 package.json                            |  2 +-
 8 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index a60dc51bc..a1659e465 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -251,6 +251,7 @@ For example:
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: | :hammer: |
 | [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  | :hammer: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
+| [vue/padding-line-between-tags](./padding-line-between-tags.md) | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
@@ -260,7 +261,6 @@ For example:
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
-| [vue/padding-line-between-tags](./padding-line-between-tags.md) | Insert newlines between sibling tags in template  | :wrench: | :warning: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: | :hammer: |
diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
index 50af9f951..087f2b694 100644
--- a/docs/rules/define-emits-declaration.md
+++ b/docs/rules/define-emits-declaration.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/define-emits-declaration
 description: enforce declaration style of `defineEmits`
+since: v9.5.0
 ---
 # vue/define-emits-declaration
 
 > enforce declaration style of `defineEmits`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule enforces `defineEmits` typing style which you should use `type-based` or `runtime` declaration.
@@ -72,6 +71,10 @@ const emit = defineEmits(['change', 'update'])
 - [Typescript-only-features of `defineEmits`](https://vuejs.org/api/sfc-script-setup.html#typescript-only-features)
 - [Guide - Typing-component-emits](https://vuejs.org/guide/typescript/composition-api.html#typing-component-emits)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-emits-declaration.js)
diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
index db68791fb..ef0865e1b 100644
--- a/docs/rules/define-props-declaration.md
+++ b/docs/rules/define-props-declaration.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/define-props-declaration
 description: enforce declaration style of `defineProps`
+since: v9.5.0
 ---
 # vue/define-props-declaration
 
 > enforce declaration style of `defineProps`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule enforces `defineProps` typing style which you should use `type-based` or `runtime` declaration.
@@ -73,6 +72,10 @@ const emit = defineEmits(['change', 'update'])
 - [Typescript-only-features of `defineProps`](https://vuejs.org/api/sfc-script-setup.html#typescript-only-features)
 - [Guide - Typing-component-props](https://vuejs.org/guide/typescript/composition-api.html#typing-component-props)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-props-declaration.js)
diff --git a/docs/rules/no-ref-object-destructure.md b/docs/rules/no-ref-object-destructure.md
index 4c4b837a8..a3b9d7758 100644
--- a/docs/rules/no-ref-object-destructure.md
+++ b/docs/rules/no-ref-object-destructure.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-ref-object-destructure
 description: disallow destructuring of ref objects that can lead to loss of reactivity
+since: v9.5.0
 ---
 # vue/no-ref-object-destructure
 
 > disallow destructuring of ref objects that can lead to loss of reactivity
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports the destructuring of ref objects causing the value to lose reactivity.
@@ -49,6 +48,10 @@ const v5 = $computed(() => fn(count) /* ✓ GOOD */)
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-ref-object-destructure.js)
diff --git a/docs/rules/padding-line-between-tags.md b/docs/rules/padding-line-between-tags.md
index 6e84a1953..18770104d 100644
--- a/docs/rules/padding-line-between-tags.md
+++ b/docs/rules/padding-line-between-tags.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/padding-line-between-tags
-description: Require or disallow newlines between sibling tags in template
+description: require or disallow newlines between sibling tags in template
+since: v9.5.0
 ---
 # vue/padding-line-between-tags
 
-> Require or disallow newlines between sibling tags in template
+> require or disallow newlines between sibling tags in template
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -157,6 +157,10 @@ A configuration is an object which has 3 properties; blankLine, prev and next. F
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.5.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/padding-line-between-tags.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index ab03684b5..6b15833cb 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -41,6 +41,7 @@ module.exports = {
     'vue/object-property-newline': 'off',
     'vue/operator-linebreak': 'off',
     'vue/padding-line-between-blocks': 'off',
+    'vue/padding-line-between-tags': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/space-in-parens': 'off',
diff --git a/lib/index.js b/lib/index.js
index 483dfc5d5..6eba5f88a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -159,6 +159,7 @@ module.exports = {
     'operator-linebreak': require('./rules/operator-linebreak'),
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
+    'padding-line-between-tags': require('./rules/padding-line-between-tags'),
     'prefer-import-from-vue': require('./rules/prefer-import-from-vue'),
     'prefer-prop-type-boolean-first': require('./rules/prefer-prop-type-boolean-first'),
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
@@ -186,7 +187,6 @@ module.exports = {
     'script-setup-uses-vars': require('./rules/script-setup-uses-vars'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'sort-keys': require('./rules/sort-keys'),
-    'padding-line-between-tags': require('./rules/padding-line-between-tags'),
     'space-in-parens': require('./rules/space-in-parens'),
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),
diff --git a/package.json b/package.json
index 69b588fc2..e7e5a8a61 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.4.0",
+  "version": "9.5.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 30b147111fc94665905991c9812a6f17a530036d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 17 Sep 2022 03:34:31 +0900
Subject: [PATCH 0524/1010] Fix false positives for script setup with ts
 (#1976)

* Fix false positives for script setup with ts

* fix test for ts eslint v4
---
 lib/rules/no-undef-components.js              |  24 +++-
 tests/lib/rules/no-undef-components.js        | 111 +++++++++++++-----
 .../util-types/ast/es-ast.ts                  |   1 +
 3 files changed, 106 insertions(+), 30 deletions(-)

diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index dc58fd2e9..3ffe9cc3b 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -133,7 +133,29 @@ module.exports = {
           (scope) => scope.type === 'module'
         )
         for (const variable of (moduleScope && moduleScope.variables) || []) {
-          if (variable.isTypeVariable) {
+          if (
+            // Check for type definitions. e.g. type Foo = {}
+            (variable.isTypeVariable && !variable.isValueVariable) ||
+            // type-only import seems to have isValueVariable set to true. So we need to check the actual Node.
+            (variable.defs.length > 0 &&
+              variable.defs.every((def) => {
+                if (def.type !== 'ImportBinding') {
+                  return false
+                }
+                if (def.parent.importKind === 'type') {
+                  // check for `import type Foo from './xxx'`
+                  return true
+                }
+                if (
+                  def.node.type === 'ImportSpecifier' &&
+                  def.node.importKind === 'type'
+                ) {
+                  // check for `import { type Foo } from './xxx'`
+                  return true
+                }
+                return false
+              }))
+          ) {
             scriptTypeOnlyNames.add(variable.name)
           } else {
             scriptVariableNames.add(variable.name)
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index fc3461e5a..5af9468fe 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -6,6 +6,7 @@
 
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-undef-components')
+const semver = require('semver')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -598,6 +599,26 @@ tester.run('no-undef-components', rule, {
       <script setup>
       import TheModal from 'foo'
       </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        import Foo from './Foo.vue'
+        import {HelloWorld1} from './components/HelloWorld'
+      </script>
+
+      <template>
+        <Foo />
+        <HelloWorld1 />
+      </template>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
     }
   ],
   invalid: [
@@ -661,9 +682,14 @@ tester.run('no-undef-components', rule, {
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
+    ...(semver.gte(
+      require('@typescript-eslint/parser/package.json').version,
+      '5.0.0'
+    )
+      ? [
+          {
+            filename: 'test.vue',
+            code: `
       <script setup lang="ts">
         import type Foo from './Foo.vue'
         import type {HelloWorld1} from './components/HelloWorld'
@@ -681,6 +707,58 @@ tester.run('no-undef-components', rule, {
         <HelloWorld4 />
         <HelloWorld5 />
       </template>
+      `,
+            parserOptions: {
+              ecmaVersion: 6,
+              sourceType: 'module',
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            parser: require.resolve('vue-eslint-parser'),
+            errors: [
+              {
+                message:
+                  "The '<Foo>' component has been used, but 'Foo' only refers to a type.",
+                line: 12
+              },
+              {
+                message:
+                  "The '<HelloWorld1>' component has been used, but 'HelloWorld1' only refers to a type.",
+                line: 13
+              },
+              {
+                message:
+                  "The '<HelloWorld2>' component has been used, but 'HelloWorld2' only refers to a type.",
+                line: 14
+              },
+              {
+                message:
+                  "The '<HelloWorld3>' component has been used, but 'HelloWorld3' only refers to a type.",
+                line: 15
+              },
+              {
+                message:
+                  "The '<HelloWorld4>' component has been used, but 'HelloWorld4' only refers to a type.",
+                line: 16
+              },
+              {
+                message:
+                  "The '<HelloWorld5>' component has been used, but 'HelloWorld5' only refers to a type.",
+                line: 17
+              }
+            ]
+          }
+        ]
+      : []),
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        type Foo = {}
+      </script>
+
+      <template>
+        <Foo />
+      </template>
       `,
       parserOptions: {
         ecmaVersion: 6,
@@ -692,32 +770,7 @@ tester.run('no-undef-components', rule, {
         {
           message:
             "The '<Foo>' component has been used, but 'Foo' only refers to a type.",
-          line: 12
-        },
-        {
-          message:
-            "The '<HelloWorld1>' component has been used, but 'HelloWorld1' only refers to a type.",
-          line: 13
-        },
-        {
-          message:
-            "The '<HelloWorld2>' component has been used, but 'HelloWorld2' only refers to a type.",
-          line: 14
-        },
-        {
-          message:
-            "The '<HelloWorld3>' component has been used, but 'HelloWorld3' only refers to a type.",
-          line: 15
-        },
-        {
-          message:
-            "The '<HelloWorld4>' component has been used, but 'HelloWorld4' only refers to a type.",
-          line: 16
-        },
-        {
-          message:
-            "The '<HelloWorld5>' component has been used, but 'HelloWorld5' only refers to a type.",
-          line: 17
+          line: 7
         }
       ]
     },
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index f4dd208c3..b3d5b6e2e 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -274,6 +274,7 @@ export interface ImportSpecifier extends HasParentNode {
   type: 'ImportSpecifier'
   imported: Identifier
   local: Identifier
+  importKind?: 'type' | 'value'
 }
 export interface ImportDefaultSpecifier extends HasParentNode {
   type: 'ImportDefaultSpecifier'

From 4d0ffae85d7efa07985696239f7bc21967c3de54 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 17 Sep 2022 03:37:18 +0900
Subject: [PATCH 0525/1010] 9.5.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e7e5a8a61..6fa02bc8f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From e9964e19e4fd2cd9a4e31b2a3f1bf233d59a8bac Mon Sep 17 00:00:00 2001
From: Amorites <751809522@qq.com>
Date: Sat, 17 Sep 2022 09:48:03 +0800
Subject: [PATCH 0526/1010] fix define-prps-declaration docs (#1977)

---
 docs/rules/define-props-declaration.md | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
index ef0865e1b..6d8d2e8dc 100644
--- a/docs/rules/define-props-declaration.md
+++ b/docs/rules/define-props-declaration.md
@@ -48,14 +48,15 @@ const props = defineProps({
 
 ```vue
 <script setup lang="ts">
+/* ✓ GOOD */
+const props = defineProps({
+  kind: { type: String }
+})
+
 /* ✗ BAD */
-const emit = defineEmits<{
-  (e: 'change', id: number): void
-  (e: 'update', value: string): void
+const props = defineProps<{
+  kind: string
 }>()
-
-/* ✓ GOOD */
-const emit = defineEmits(['change', 'update'])
 </script>
 ```
 

From a4e807c275489ecc44936243a1ca072a11d8e346 Mon Sep 17 00:00:00 2001
From: doris <724861805@qq.com>
Date: Tue, 20 Sep 2022 18:15:50 +0800
Subject: [PATCH 0527/1010] feat: add `no-required-prop-with-default` rule
 (#1943)

* feat: add optional-props-using-with-defaults

* feat: improve rule name

* feat: change to problem

* feat: fix comments

* feat: add suggest to rule
---
 docs/rules/README.md                          |   1 +
 docs/rules/no-required-prop-with-default.md   |  96 ++
 lib/index.js                                  |   1 +
 lib/rules/no-required-prop-with-default.js    | 155 +++
 .../rules/no-required-prop-with-default.js    | 922 ++++++++++++++++++
 5 files changed, 1175 insertions(+)
 create mode 100644 docs/rules/no-required-prop-with-default.md
 create mode 100644 lib/rules/no-required-prop-with-default.js
 create mode 100644 tests/lib/rules/no-required-prop-with-default.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index a1659e465..780b10cbe 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -230,6 +230,7 @@ For example:
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-destructure](./no-ref-object-destructure.md) | disallow destructuring of ref objects that can lead to loss of reactivity |  | :warning: |
+| [vue/no-required-prop-with-default](./no-required-prop-with-default.md) | enforce props with default values ​​to be optional | :wrench::bulb: | :warning: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
new file mode 100644
index 000000000..92800a0d3
--- /dev/null
+++ b/docs/rules/no-required-prop-with-default.md
@@ -0,0 +1,96 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-required-prop-with-default
+description: enforce props with default values ​​to be optional
+---
+# vue/no-required-prop-with-default
+
+> enforce props with default values ​​to be optional
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+If a prop is declared with a default value, whether it is required or not, we can always skip it in actual use. In that situation, the default value would be applied.
+So, a required prop with a default value is essentially the same as an optional prop.
+This rule enforces all props with default values to be optional.
+
+<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autoFix: true }]}">
+
+```vue
+<script setup lang="ts">
+  /* ✓ GOOD */
+  const props = withDefaults(
+    defineProps<{
+      name?: string | number
+      age?: number
+    }>(),
+    {
+      name: "Foo",
+    }
+  );
+
+  /* ✗ BAD */
+  const props = withDefaults(
+    defineProps<{
+      name: string | number
+      age?: number
+    }>(),
+    {
+      name: "Foo",
+    }
+  );
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autoFix: true }]}">
+
+```vue
+<script>
+  export default {
+    /* ✓ GOOD */
+    props: {
+      name: {
+        required: true,
+        default: 'Hello'
+      }
+    }
+
+    /* ✗ BAD */
+    props: {
+      name: {
+        required: true,
+        default: 'Hello'
+      }
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-required-prop-with-default": ["error", {
+    "autofix": false,
+  }]
+}
+```
+
+- `"autofix"` ... If `true`, enable autofix. (Default: `false`)
+
+## :couple: Related Rules
+
+- [vue/require-default-prop](./require-default-prop.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-required-prop-with-default.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-required-prop-with-default.js)
diff --git a/lib/index.js b/lib/index.js
index 6eba5f88a..e7dcd5bec 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -107,6 +107,7 @@ module.exports = {
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-ref-object-destructure': require('./rules/no-ref-object-destructure'),
+    'no-required-prop-with-default': require('./rules/no-required-prop-with-default'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
     'no-reserved-props': require('./rules/no-reserved-props'),
diff --git a/lib/rules/no-required-prop-with-default.js b/lib/rules/no-required-prop-with-default.js
new file mode 100644
index 000000000..6d62b89db
--- /dev/null
+++ b/lib/rules/no-required-prop-with-default.js
@@ -0,0 +1,155 @@
+/**
+ * @author @neferqiqi
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+/**
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentUnknownProp} ComponentUnknownProp
+ * @typedef {import('../utils').ComponentProp} ComponentProp
+ */
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    hasSuggestions: true,
+    type: 'problem',
+    docs: {
+      description: 'enforce props with default values ​​to be optional',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-required-prop-with-default.html'
+    },
+    fixable: 'code',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          autofix: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      requireOptional: `Prop "{{ key }}" should be optional.`,
+      fixRequiredProp: `Change this prop to be optional.`
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    let canAutoFix = false
+    const option = context.options[0]
+    if (option) {
+      canAutoFix = option.autofix
+    }
+
+    /**
+     * @param {ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp | ComponentProp} prop
+     * */
+    const handleObjectProp = (prop) => {
+      if (
+        prop.type === 'object' &&
+        prop.propName &&
+        prop.value.type === 'ObjectExpression' &&
+        utils.findProperty(prop.value, 'default')
+      ) {
+        const requiredProperty = utils.findProperty(prop.value, 'required')
+        if (!requiredProperty) return
+        const requiredNode = requiredProperty.value
+        if (
+          requiredNode &&
+          requiredNode.type === 'Literal' &&
+          !!requiredNode.value
+        ) {
+          context.report({
+            node: prop.node,
+            loc: prop.node.loc,
+            data: {
+              key: prop.propName
+            },
+            messageId: 'requireOptional',
+            fix: canAutoFix
+              ? (fixer) => fixer.replaceText(requiredNode, 'false')
+              : null,
+            suggest: canAutoFix
+              ? null
+              : [
+                  {
+                    messageId: 'fixRequiredProp',
+                    fix: (fixer) => fixer.replaceText(requiredNode, 'false')
+                  }
+                ]
+          })
+        }
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          utils.getComponentPropsFromOptions(node).map(handleObjectProp)
+        }
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          if (!utils.hasWithDefaults(node)) {
+            props.map(handleObjectProp)
+            return
+          }
+          const withDefaultsProps = Object.keys(
+            utils.getWithDefaultsPropExpressions(node)
+          )
+          const requiredProps = props.flatMap((item) =>
+            item.type === 'type' && item.required ? [item] : []
+          )
+
+          for (const prop of requiredProps) {
+            if (withDefaultsProps.includes(prop.propName)) {
+              // skip setter & getter case
+              if (
+                prop.node.type === 'TSMethodSignature' &&
+                (prop.node.kind === 'get' || prop.node.kind === 'set')
+              ) {
+                return
+              }
+              // skip computed
+              if (prop.node.computed) {
+                return
+              }
+              context.report({
+                node: prop.node,
+                loc: prop.node.loc,
+                data: {
+                  key: prop.propName
+                },
+                messageId: 'requireOptional',
+                fix: canAutoFix
+                  ? (fixer) => fixer.insertTextAfter(prop.key, '?')
+                  : null,
+                suggest: canAutoFix
+                  ? null
+                  : [
+                      {
+                        messageId: 'fixRequiredProp',
+                        fix: (fixer) => fixer.insertTextAfter(prop.key, '?')
+                      }
+                    ]
+              })
+            }
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
new file mode 100644
index 000000000..236de8cd4
--- /dev/null
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -0,0 +1,922 @@
+/**
+ * @author neferqiqi
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-required-prop-with-default')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-required-prop-with-default', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?: string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          type TestPropType = {
+            name?: string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            get name(): string
+            set name(a: string)
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'name': 'World',
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            get name(): void
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'name': 'World',
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          const [name] = 'test'
+
+          interface TestPropType {
+            [name]: string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              [name]: 'World'
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          props: {
+            name: {
+              required: false,
+              default: 'Hello'
+            }
+          }
+        }
+        </script>
+      `
+    },
+    // ignore array prop
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          props: ['name']
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const props = defineProps({
+            name: {
+              required: false,
+              default: 'Hello'
+            }
+          })
+        </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name: string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?: string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name: string | number
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?: string | number
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            'na::me': string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'na::me': "World",
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            'na::me'?: string
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'na::me': "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "na::me" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          import nameType from 'name.ts';
+          interface TestPropType {
+            name: nameType
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          import nameType from 'name.ts';
+          interface TestPropType {
+            name?: nameType
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            'na\\"me2'
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'na\\"me2': "World",
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            'na\\"me2'?
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'na\\"me2': "World",
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "na"me2" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            foo(): void
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              foo() {console.log(123)},
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            foo?(): void
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              foo() {console.log(123)},
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "foo" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly foo(): void
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              foo() {console.log(123)},
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly foo?(): void
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              foo() {console.log(123)},
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "foo" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly name
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: 'World',
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly name?
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              name: 'World',
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly 'name'
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'name': 'World',
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly 'name'?
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'name': 'World',
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly 'a'
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              '\\u0061': 'World',
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly 'a'?
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              '\\u0061': 'World',
+            }
+          );
+        </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "a" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly '\\u0061'
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'a': 'World',
+            }
+          );
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            readonly '\\u0061'?
+            age?: number
+          }
+          const props = withDefaults(
+            defineProps<TestPropType>(),
+            {
+              'a': 'World',
+            }
+          );
+        </script>
+      `,
+      options: [{ autofix: true }],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Prop "a" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          props: {
+            name: {
+              required: true,
+              default: 'Hello'
+            }
+          }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+          props: {
+            name: {
+              required: false,
+              default: 'Hello'
+            }
+          }
+        }
+        </script>
+      `,
+      options: [{ autofix: true }],
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          props: {
+            'name': {
+              required: true,
+              default: 'Hello'
+            }
+          }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+          props: {
+            'name': {
+              required: false,
+              default: 'Hello'
+            }
+          }
+        }
+        </script>
+      `,
+      options: [{ autofix: true }],
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            'name': {
+              required: true,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `,
+      output: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            'name': {
+              required: false,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `,
+      options: [{ autofix: true }],
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            name: {
+              required: true,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `,
+      output: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            name: {
+              required: false,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `,
+      options: [{ autofix: true }],
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            name: {
+              required: true,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `,
+      output: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            name: {
+              required: true,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const props = defineProps({
+            name: {
+              required: true,
+              default: 'Hello'
+            }
+          })
+        </script>
+      `,
+      output: `
+        <script setup>
+          const props = defineProps({
+            name: {
+              required: false,
+              default: 'Hello'
+            }
+          })
+        </script>
+      `,
+      options: [{ autofix: true }],
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From fdb67d18e78b7060cc99047fc7fa3e128473b776 Mon Sep 17 00:00:00 2001
From: Luca Ban <mesqueeb@users.noreply.github.com>
Date: Tue, 20 Sep 2022 22:47:20 +0900
Subject: [PATCH 0528/1010] docs: better example to clarify rule (#1984)

---
 docs/rules/define-props-declaration.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
index 6d8d2e8dc..8b88f1ce5 100644
--- a/docs/rules/define-props-declaration.md
+++ b/docs/rules/define-props-declaration.md
@@ -21,12 +21,14 @@ This rule only works in setup script and `lang="ts"`.
 <script setup lang="ts">
 /* ✓ GOOD */
 const props = defineProps<{
-  kind: string
+  kind: string,
+  options: { title: string }
 }>()
 
 /* ✗ BAD */
 const props = defineProps({
-  kind: { type: String }
+  kind: { type: String },
+  options: { type: Object as PropType<{ title: string }> }
 })
 </script>
 ```
@@ -50,12 +52,14 @@ const props = defineProps({
 <script setup lang="ts">
 /* ✓ GOOD */
 const props = defineProps({
-  kind: { type: String }
+  kind: { type: String },
+  options: { type: Object as PropType<{ title: string }> }
 })
 
 /* ✗ BAD */
 const props = defineProps<{
-  kind: string
+  kind: string,
+  options: { title: string }
 }>()
 </script>
 ```

From 467e85fdf29139050d92e61bd7ea217a53af87cb Mon Sep 17 00:00:00 2001
From: Luca Ban <mesqueeb@users.noreply.github.com>
Date: Tue, 20 Sep 2022 22:49:22 +0900
Subject: [PATCH 0529/1010] docs: improve example to better clarify rule
 (#1985)

---
 docs/rules/define-emits-declaration.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
index 087f2b694..2fd4b478f 100644
--- a/docs/rules/define-emits-declaration.md
+++ b/docs/rules/define-emits-declaration.md
@@ -25,6 +25,12 @@ const emit = defineEmits<{
   (e: 'update', value: string): void
 }>()
 
+/* ✗ BAD */
+const emit = defineEmits({
+  change: (id) => typeof id == 'number',
+  update: (value) => typeof value == 'string'
+})
+
 /* ✗ BAD */
 const emit = defineEmits(['change', 'update'])
 </script>
@@ -53,6 +59,12 @@ const emit = defineEmits<{
   (e: 'update', value: string): void
 }>()
 
+/* ✓ GOOD */
+const emit = defineEmits({
+  change: (id) => typeof id == 'number',
+  update: (value) => typeof value == 'string'
+})
+
 /* ✓ GOOD */
 const emit = defineEmits(['change', 'update'])
 </script>

From f4f946a8ffd9e70065bebfffeda752741e41e756 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 28 Sep 2022 13:30:46 +0200
Subject: [PATCH 0530/1010] Fix docs code example for
 `vue/no-required-prop-with-default` (#1995)

---
 docs/rules/no-required-prop-with-default.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 92800a0d3..418a4118b 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -60,7 +60,16 @@ This rule enforces all props with default values to be optional.
         default: 'Hello'
       }
     }
+</script>
+```
 
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autoFix: true }]}">
+
+```vue
+<script>
+  export default {
     /* ✗ BAD */
     props: {
       name: {

From cae6d299618442d7bb05f21b14b32073b18d43f2 Mon Sep 17 00:00:00 2001
From: dev1437 <111346272+dev1437@users.noreply.github.com>
Date: Fri, 30 Sep 2022 15:09:52 +0800
Subject: [PATCH 0531/1010] Add `consistent` option to
 `vue/padding-line-between-tags` (#1982)

* Add consistent rule

* Make consistent only considers blocks with consistent rule

* Use first element as guide for rest of siblings

* Simplify logic

* Remove unused
---
 lib/rules/padding-line-between-tags.js       | 168 +++++++-----
 tests/lib/rules/padding-line-between-tags.js | 269 +++++++++++++++++++
 2 files changed, 364 insertions(+), 73 deletions(-)

diff --git a/lib/rules/padding-line-between-tags.js b/lib/rules/padding-line-between-tags.js
index 3e0994a12..a6144d9a5 100644
--- a/lib/rules/padding-line-between-tags.js
+++ b/lib/rules/padding-line-between-tags.js
@@ -24,44 +24,75 @@ function splitLines(text) {
  * @param {RuleContext} context
  * @param {VElement} tag
  * @param {VElement} sibling
+ * @param {number} lineDifference
  */
-function insertNewLine(context, tag, sibling) {
-  context.report({
-    messageId: 'always',
-    loc: sibling.loc,
-    // @ts-ignore
-    fix(fixer) {
-      return fixer.insertTextAfter(tag, '\n')
-    }
-  })
+function insertNewLine(context, tag, sibling, lineDifference) {
+  const endTag = tag.endTag || tag.startTag
+
+  if (lineDifference === 1) {
+    context.report({
+      messageId: 'always',
+      loc: sibling.loc,
+      // @ts-ignore
+      fix(fixer) {
+        return fixer.insertTextAfter(tag, '\n')
+      }
+    })
+  } else if (lineDifference === 0) {
+    context.report({
+      messageId: 'always',
+      loc: sibling.loc,
+      // @ts-ignore
+      fix(fixer) {
+        const lastSpaces = /** @type {RegExpExecArray} */ (
+          /^\s*/.exec(context.getSourceCode().lines[endTag.loc.start.line - 1])
+        )[0]
+
+        return fixer.insertTextAfter(endTag, `\n\n${lastSpaces}`)
+      }
+    })
+  }
 }
 
 /**
  * @param {RuleContext} context
  * @param {VEndTag | VStartTag} endTag
  * @param {VElement} sibling
+ * @param {number} lineDifference
  */
-function removeExcessLines(context, endTag, sibling) {
-  context.report({
-    messageId: 'never',
-    loc: sibling.loc,
-    // @ts-ignore
-    fix(fixer) {
-      const start = endTag.range[1]
-      const end = sibling.range[0]
-      const paddingText = context.getSourceCode().text.slice(start, end)
-      const textBetween = splitLines(paddingText)
-      let newTextBetween = `\n${textBetween.pop()}`
-      for (let i = textBetween.length - 1; i >= 0; i--) {
-        if (!/^\s*$/.test(textBetween[i])) {
-          newTextBetween = `${i === 0 ? '' : '\n'}${
-            textBetween[i]
-          }${newTextBetween}`
+function removeExcessLines(context, endTag, sibling, lineDifference) {
+  if (lineDifference > 1) {
+    let hasOnlyTextBetween = true
+    for (
+      let i = endTag.loc.start.line;
+      i < sibling.loc.start.line - 1 && hasOnlyTextBetween;
+      i++
+    ) {
+      hasOnlyTextBetween = !/^\s*$/.test(context.getSourceCode().lines[i])
+    }
+    if (!hasOnlyTextBetween) {
+      context.report({
+        messageId: 'never',
+        loc: sibling.loc,
+        // @ts-ignore
+        fix(fixer) {
+          const start = endTag.range[1]
+          const end = sibling.range[0]
+          const paddingText = context.getSourceCode().text.slice(start, end)
+          const textBetween = splitLines(paddingText)
+          let newTextBetween = `\n${textBetween.pop()}`
+          for (let i = textBetween.length - 1; i >= 0; i--) {
+            if (!/^\s*$/.test(textBetween[i])) {
+              newTextBetween = `${i === 0 ? '' : '\n'}${
+                textBetween[i]
+              }${newTextBetween}`
+            }
+          }
+          return fixer.replaceTextRange([start, end], `${newTextBetween}`)
         }
-      }
-      return fixer.replaceTextRange([start, end], `${newTextBetween}`)
+      })
     }
-  })
+  }
 }
 
 // ------------------------------------------------------------------------------
@@ -72,11 +103,19 @@ function removeExcessLines(context, endTag, sibling) {
  * @param {RuleContext} context
  */
 function checkNewline(context) {
-  /** @type {Array<{blankLine: "always" | "never", prev: string, next: string}>} */
+  /** @type {Array<{blankLine: "always" | "never" | "consistent", prev: string, next: string}>} */
   const configureList = context.options[0] || [
     { blankLine: 'always', prev: '*', next: '*' }
   ]
 
+  const reverseConfigureList = [...configureList].reverse()
+
+  /**
+   * It has the style of the first `blankLine="consistent"`.
+   * @type {Map<VElement, "always" | "never">}
+   */
+  const firstConsistentBlankLines = new Map()
+
   /**
    * @param {VElement} block
    */
@@ -99,53 +138,36 @@ function checkNewline(context) {
 
     const closestSibling = /** @type {VElement} */ (lowerSiblings[0])
 
-    for (let i = configureList.length - 1; i >= 0; --i) {
-      const configure = configureList[i]
-      const matched =
+    const configure = reverseConfigureList.find(
+      (configure) =>
         (configure.prev === '*' || block.name === configure.prev) &&
         (configure.next === '*' || closestSibling.name === configure.next)
+    )
 
-      if (matched) {
-        const lineDifference =
-          closestSibling.loc.start.line - endTag.loc.end.line
-        if (configure.blankLine === 'always') {
-          if (lineDifference === 1) {
-            insertNewLine(context, block, closestSibling)
-          } else if (lineDifference === 0) {
-            context.report({
-              messageId: 'always',
-              loc: closestSibling.loc,
-              // @ts-ignore
-              fix(fixer) {
-                const lastSpaces = /** @type {RegExpExecArray} */ (
-                  /^\s*/.exec(
-                    context.getSourceCode().lines[endTag.loc.start.line - 1]
-                  )
-                )[0]
-
-                return fixer.insertTextAfter(endTag, `\n\n${lastSpaces}`)
-              }
-            })
-          }
-        } else {
-          if (lineDifference > 1) {
-            let hasOnlyTextBetween = true
-            for (
-              let i = endTag.loc.start.line;
-              i < closestSibling.loc.start.line - 1 && hasOnlyTextBetween;
-              i++
-            ) {
-              hasOnlyTextBetween = !/^\s*$/.test(
-                context.getSourceCode().lines[i]
-              )
-            }
-            if (!hasOnlyTextBetween) {
-              removeExcessLines(context, endTag, closestSibling)
-            }
-          }
-        }
-        break
+    if (!configure) {
+      return
+    }
+    const lineDifference = closestSibling.loc.start.line - endTag.loc.end.line
+
+    let blankLine = configure.blankLine
+    if (blankLine === 'consistent') {
+      const firstConsistentBlankLine = firstConsistentBlankLines.get(
+        block.parent
+      )
+      if (firstConsistentBlankLine == null) {
+        firstConsistentBlankLines.set(
+          block.parent,
+          lineDifference > 1 ? 'always' : 'never'
+        )
+        return
       }
+      blankLine = firstConsistentBlankLine
+    }
+
+    if (blankLine === 'always') {
+      insertNewLine(context, block, closestSibling, lineDifference)
+    } else {
+      removeExcessLines(context, endTag, closestSibling, lineDifference)
     }
   }
 }
@@ -166,7 +188,7 @@ module.exports = {
         items: {
           type: 'object',
           properties: {
-            blankLine: { enum: ['always', 'never'] },
+            blankLine: { enum: ['always', 'never', 'consistent'] },
             prev: { type: 'string' },
             next: { type: 'string' }
           },
diff --git a/tests/lib/rules/padding-line-between-tags.js b/tests/lib/rules/padding-line-between-tags.js
index 18d6743a0..67aa6b228 100644
--- a/tests/lib/rules/padding-line-between-tags.js
+++ b/tests/lib/rules/padding-line-between-tags.js
@@ -17,6 +17,96 @@ const tester = new RuleTester({
 
 tester.run('padding-line-between-tags', rule, {
   valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div />
+
+          <div />
+
+          <br/>
+          <br/>
+          <br/>
+          <br/>
+          <br/>
+          <br/>
+
+          <div />
+
+          <div />
+        </div>
+      </template>
+      `,
+      options: [
+        [
+          { blankLine: 'consistent', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'br' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div />
+        </div>
+      </template>
+      `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div />
+
+          <div />
+        </div>
+      </template>
+      `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <header>
+          <div></div>
+
+          <div></div>
+
+          <div></div>
+        </header>
+        <div></div>
+        <div />
+        <footer></footer>
+      </template>
+      `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <header>
+          <div></div>
+          <div></div>
+          <div></div>
+        </header>
+
+        <div></div>
+
+        <div />
+
+        <footer></footer>
+      </template>
+      `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -1027,6 +1117,185 @@ tester.run('padding-line-between-tags', rule, {
         }
       ],
       options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <header>
+          <div></div>
+
+          <div></div>
+          <div></div>
+        </header>
+        <div></div>
+        <div />
+        <footer></footer>
+      </template>
+      `,
+      output: `
+      <template>
+        <header>
+          <div></div>
+
+          <div></div>
+
+          <div></div>
+        </header>
+        <div></div>
+        <div />
+        <footer></footer>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 11
+        }
+      ],
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <header>
+          <div></div>
+
+          <div></div>
+          <div></div>
+          <div></div>
+          <div></div>
+        </header>
+        <div></div>
+        <div />
+        <footer></footer>
+      </template>
+      `,
+      output: `
+      <template>
+        <header>
+          <div></div>
+
+          <div></div>
+
+          <div></div>
+
+          <div></div>
+
+          <div></div>
+        </header>
+        <div></div>
+        <div />
+        <footer></footer>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected blank line before this tag.',
+          line: 7,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 8,
+          column: 11
+        },
+        {
+          message: 'Expected blank line before this tag.',
+          line: 9,
+          column: 11
+        }
+      ],
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div />
+          <div />
+
+          <br/>
+          <br/>
+
+          <div />
+          <div />
+
+          <div />
+          <div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <div />
+          <div />
+          <br/>
+          <br/>
+          <div />
+          <div />
+          <div />
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 7,
+          column: 11
+        },
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 10,
+          column: 11
+        },
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 13,
+          column: 11
+        }
+      ],
+      options: [
+        [
+          { blankLine: 'consistent', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'br' }
+        ]
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <div />
+          <div />
+
+          <div />
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>
+          <div />
+          <div />
+          <div />
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected blank line before this tag.',
+          line: 7,
+          column: 11
+        }
+      ],
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
     }
   ]
 })

From 2e544728152e6905027d4768b8a3b73da30fbd38 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 4 Oct 2022 08:40:34 +0900
Subject: [PATCH 0532/1010] Chore: remove from docs how to install via VueCLI
 (#2000)

---
 docs/user-guide/README.md | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/docs/user-guide/README.md b/docs/user-guide/README.md
index 8129cad21..31465bd3f 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/README.md
@@ -2,12 +2,6 @@
 
 ## :cd: Installation
 
-Via `vue-cli` (**Recommended**):
-
-```bash
-vue add @vue/cli-plugin-eslint
-```
-
 Via [npm](https://www.npmjs.com/):
 
 ```bash

From 228b49facb1e7ac6cd1d4d529b1d349d772240a5 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 4 Oct 2022 13:39:45 +0900
Subject: [PATCH 0533/1010] Fix false positives for uninitialized vars in
 `vue/no-ref-as-operand` rule (#1988)

* Fix false positives for vars that is not initialized in `vue/no-ref-as-operand` rule

* fix test
---
 lib/rules/no-ref-as-operand.js       | 15 +++++-
 lib/utils/ref-object-references.js   | 78 +++++++++++++++++-----------
 tests/lib/rules/no-ref-as-operand.js | 58 +++++++++++++++++++++
 3 files changed, 120 insertions(+), 31 deletions(-)

diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 067be4ec3..9661b2b60 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -9,8 +9,21 @@ const utils = require('../utils')
 
 /**
  * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
+ * @typedef {import('../utils/ref-object-references').RefObjectReferenceForIdentifier} RefObjectReferenceForIdentifier
  */
 
+/**
+ * Checks whether the given identifier reference has been initialized with a ref object.
+ * @param {RefObjectReferenceForIdentifier | null} data
+ * @returns {data is RefObjectReferenceForIdentifier}
+ */
+function isRefInit(data) {
+  const init = data && data.variableDeclarator && data.variableDeclarator.init
+  if (!init) {
+    return false
+  }
+  return data.defineChain.includes(/** @type {any} */ (init))
+}
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -37,7 +50,7 @@ module.exports = {
      */
     function reportIfRefWrapped(node) {
       const data = refReferences.get(node)
-      if (!data) {
+      if (!isRefInit(data)) {
         return
       }
       context.report({
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index 1b3781bbb..0dd9abcd4 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -20,19 +20,23 @@ const { ReferenceTracker } = eslintUtils
  * @property {MemberExpression | CallExpression} node
  * @property {string} method
  * @property {CallExpression} define
+ * @property {(CallExpression | Identifier | MemberExpression)[]} defineChain Holds the initialization path for assignment of ref objects.
  *
  * @typedef {object} RefObjectReferenceForPattern
  * @property {'pattern'} type
  * @property {ObjectPattern} node
  * @property {string} method
  * @property {CallExpression} define
+ * @property {(CallExpression | Identifier | MemberExpression)[]} defineChain Holds the initialization path for assignment of ref objects.
  *
  * @typedef {object} RefObjectReferenceForIdentifier
  * @property {'expression' | 'pattern'} type
  * @property {Identifier} node
+ * @property {VariableDeclarator | null} variableDeclarator
  * @property {VariableDeclaration | null} variableDeclaration
  * @property {string} method
  * @property {CallExpression} define
+ * @property {(CallExpression | Identifier | MemberExpression)[]} defineChain Holds the initialization path for assignment of ref objects.
  *
  * @typedef {RefObjectReferenceForIdentifier | RefObjectReferenceForExpression | RefObjectReferenceForPattern} RefObjectReference
  */
@@ -258,6 +262,13 @@ module.exports = {
   extractReactiveVariableReferences
 }
 
+/**
+ * @typedef {object} RefObjectReferenceContext
+ * @property {string} method
+ * @property {CallExpression} define
+ * @property {(CallExpression | Identifier | MemberExpression)[]} defineChain Holds the initialization path for assignment of ref objects.
+ */
+
 /**
  * @implements {RefObjectReferences}
  */
@@ -312,12 +323,19 @@ class RefObjectReferenceExtractor {
           type: 'expression',
           node,
           method,
-          define: node
+          define: node,
+          defineChain: [node]
         })
       }
       return
     }
 
+    const ctx = {
+      method,
+      define: node,
+      defineChain: [node]
+    }
+
     if (method === 'toRefs') {
       const propertyReferenceExtractor = definePropertyReferenceExtractor(
         this.context
@@ -327,63 +345,65 @@ class RefObjectReferenceExtractor {
       for (const name of propertyReferences.allProperties().keys()) {
         for (const nest of propertyReferences.getNestNodes(name)) {
           if (nest.type === 'expression') {
-            this.processMemberExpression(nest.node, method, node)
+            this.processMemberExpression(nest.node, ctx)
           } else if (nest.type === 'pattern') {
-            this.processPattern(nest.node, method, node)
+            this.processPattern(nest.node, ctx)
           }
         }
       }
     } else {
-      this.processPattern(pattern, method, node)
+      this.processPattern(pattern, ctx)
     }
   }
 
   /**
-   * @param {Expression} node
-   * @param {string} method
-   * @param {CallExpression} define
+   * @param {MemberExpression | Identifier} node
+   * @param {RefObjectReferenceContext} ctx
    */
-  processExpression(node, method, define) {
+  processExpression(node, ctx) {
     const parent = node.parent
     if (parent.type === 'AssignmentExpression') {
       if (parent.operator === '=' && parent.right === node) {
         // `(foo = obj.mem)`
-        this.processPattern(parent.left, method, define)
+        this.processPattern(parent.left, {
+          ...ctx,
+          defineChain: [node, ...ctx.defineChain]
+        })
         return true
       }
     } else if (parent.type === 'VariableDeclarator' && parent.init === node) {
       // `const foo = obj.mem`
-      this.processPattern(parent.id, method, define)
+      this.processPattern(parent.id, {
+        ...ctx,
+        defineChain: [node, ...ctx.defineChain]
+      })
       return true
     }
     return false
   }
   /**
    * @param {MemberExpression} node
-   * @param {string} method
-   * @param {CallExpression} define
+   * @param {RefObjectReferenceContext} ctx
    */
-  processMemberExpression(node, method, define) {
-    if (this.processExpression(node, method, define)) {
+  processMemberExpression(node, ctx) {
+    if (this.processExpression(node, ctx)) {
       return
     }
     this.references.set(node, {
       type: 'expression',
       node,
-      method,
-      define
+      ...ctx
     })
   }
 
   /**
    * @param {Pattern} node
-   * @param {string} method
-   * @param {CallExpression} define
+   * @param {RefObjectReferenceContext} ctx
    */
-  processPattern(node, method, define) {
+  processPattern(node, ctx) {
     switch (node.type) {
       case 'Identifier': {
-        this.processIdentifierPattern(node, method, define)
+        this.processIdentifierPattern(node, ctx)
         break
       }
       case 'ArrayPattern':
@@ -395,13 +415,12 @@ class RefObjectReferenceExtractor {
         this.references.set(node, {
           type: 'pattern',
           node,
-          method,
-          define
+          ...ctx
         })
         return
       }
       case 'AssignmentPattern': {
-        this.processPattern(node.left, method, define)
+        this.processPattern(node.left, ctx)
         return
       }
       // No default
@@ -410,10 +429,9 @@ class RefObjectReferenceExtractor {
 
   /**
    * @param {Identifier} node
-   * @param {string} method
-   * @param {CallExpression} define
+   * @param {RefObjectReferenceContext} ctx
    */
-  processIdentifierPattern(node, method, define) {
+  processIdentifierPattern(node, ctx) {
     if (this._processedIds.has(node)) {
       return
     }
@@ -434,16 +452,16 @@ class RefObjectReferenceExtractor {
       }
       if (
         reference.isRead() &&
-        this.processExpression(reference.identifier, method, define)
+        this.processExpression(reference.identifier, ctx)
       ) {
         continue
       }
       this.references.set(reference.identifier, {
         type: reference.isWrite() ? 'pattern' : 'expression',
         node: reference.identifier,
-        method,
-        define,
-        variableDeclaration: def ? def.parent : null
+        variableDeclarator: def ? def.node : null,
+        variableDeclaration: def ? def.parent : null,
+        ...ctx
       })
     }
   }
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index fb564ce17..1cdbb1041 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -148,6 +148,30 @@ tester.run('no-ref-as-operand', rule, {
         const isComp = foo.effect
       </script>
       `
+    },
+    {
+      code: `
+      <script>
+      import { ref } from 'vue'
+      let foo;
+
+      if (!foo) {
+        foo = ref(5);
+      }
+      </script>
+      `
+    },
+    {
+      code: `
+      <script>
+      import { ref } from 'vue'
+      let foo = undefined;
+
+      if (!foo) {
+        foo = ref(5);
+      }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -669,6 +693,40 @@ tester.run('no-ref-as-operand', rule, {
           messageId: 'requireDotValue'
         }
       ]
+    },
+    {
+      code: `
+      <script>
+      import { ref } from 'vue'
+      let foo = undefined;
+
+      if (!foo) {
+        foo = ref(5);
+      }
+      let bar = foo;
+      bar = 4;
+      </script>
+      `,
+      output: `
+      <script>
+      import { ref } from 'vue'
+      let foo = undefined;
+
+      if (!foo) {
+        foo = ref(5);
+      }
+      let bar = foo;
+      bar.value = 4;
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 10,
+          column: 7
+        }
+      ]
     }
   ]
 })

From f7960c8bf84da6a716537630f14023f961892a44 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 4 Oct 2022 13:49:36 +0900
Subject: [PATCH 0534/1010] 9.6.0

---
 docs/rules/no-required-prop-with-default.md | 6 +++++-
 package.json                                | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 418a4118b..38c0a0e8a 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-required-prop-with-default
 description: enforce props with default values ​​to be optional
+since: v9.6.0
 ---
 # vue/no-required-prop-with-default
 
 > enforce props with default values ​​to be optional
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
@@ -99,6 +99,10 @@ This rule enforces all props with default values to be optional.
 
 - [vue/require-default-prop](./require-default-prop.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.6.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-required-prop-with-default.js)
diff --git a/package.json b/package.json
index 6fa02bc8f..f0a2f198a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.5.1",
+  "version": "9.6.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 8b645766abe9f87b1187c0f92a4e74d1b9f52be1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 5 Oct 2022 17:30:17 +0900
Subject: [PATCH 0535/1010] chore: fix no-required-prop-with-default doc
 (#2002)

---
 docs/rules/no-required-prop-with-default.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 38c0a0e8a..854226617 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -18,7 +18,7 @@ If a prop is declared with a default value, whether it is required or not, we ca
 So, a required prop with a default value is essentially the same as an optional prop.
 This rule enforces all props with default values to be optional.
 
-<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autoFix: true }]}">
+<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autofix: true }]}">
 
 ```vue
 <script setup lang="ts">
@@ -48,7 +48,7 @@ This rule enforces all props with default values to be optional.
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autoFix: true }]}">
+<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autofix: true }]}">
 
 ```vue
 <script>
@@ -60,12 +60,13 @@ This rule enforces all props with default values to be optional.
         default: 'Hello'
       }
     }
+  }
 </script>
 ```
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autoFix: true }]}">
+<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autofix: true }]}">
 
 ```vue
 <script>

From 462e548a9fb3406fc2eb270c7cec2eac81c9c13a Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 5 Oct 2022 19:13:04 +0200
Subject: [PATCH 0536/1010] Add `consistent` option to
 `vue/padding-line-between-tags` docs (#2003)

---
 docs/rules/padding-line-between-tags.md | 32 +++++++++++++------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/docs/rules/padding-line-between-tags.md b/docs/rules/padding-line-between-tags.md
index 18770104d..15f87753e 100644
--- a/docs/rules/padding-line-between-tags.md
+++ b/docs/rules/padding-line-between-tags.md
@@ -52,11 +52,12 @@ This rule requires or disallows newlines between sibling HTML tags.
 
 This rule requires blank lines between each sibling HTML tag by default.
 
-A configuration is an object which has 3 properties; blankLine, prev and next. For example, { blankLine: "always", prev: "br", next: "div" } means “one or more blank lines are required between a br tag and a div tag.” You can supply any number of configurations. If a tag pair matches multiple configurations, the last matched configuration will be used.
+A configuration is an object which has 3 properties; `blankLine`, `prev` and `next`. For example, `{ blankLine: "always", prev: "br", next: "div" }` means “one or more blank lines are required between a `br` tag and a `div` tag.” You can supply any number of configurations. If a tag pair matches multiple configurations, the last matched configuration will be used.
 
 - `blankLine` is one of the following:
   - `always` requires one or more blank lines.
   - `never` disallows blank lines.
+  - `consistent` requires or disallows a blank line based on the first sibling element.
 - `prev` any tag name without brackets.
 - `next` any tag name without brackets.
 
@@ -106,12 +107,12 @@ A configuration is an object which has 3 properties; blankLine, prev and next. F
 
 </eslint-code-block>
 
-### Require newlines before `<br>`
+### Require newlines between `<br>` and `<img>`
 
-`{ blankLine: 'always', prev: '*', next: 'br' }`
+`{ blankLine: 'always', prev: 'br', next: 'img' }`
 
 <eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error', [
-  { blankLine: 'always', prev: '*', next: 'br' }
+  { blankLine: 'always', prev: 'br', next: 'img' }
 ]]}">
 
 ```vue
@@ -120,8 +121,9 @@ A configuration is an object which has 3 properties; blankLine, prev and next. F
     <ul>
       <li>
       </li>
-      
       <br />
+
+      <img />
       <li>
       </li>
     </ul>
@@ -131,26 +133,26 @@ A configuration is an object which has 3 properties; blankLine, prev and next. F
 
 </eslint-code-block>
 
-### Require newlines between `<br>` and `<img>`
+### Require consistent newlines
 
-`{ blankLine: 'always', prev: 'br', next: 'img' }`
+`{ blankLine: 'consistent', prev: '*', next: '*' }`
 
 <eslint-code-block fix :rules="{'vue/padding-line-between-tags': ['error', [
-  { blankLine: 'always', prev: 'br', next: 'img' }
+  { blankLine: 'consistent', prev: '*', next: '*' }
 ]]}">
 
 ```vue
 <template>
   <div>
     <ul>
-      <li>
-      </li>
-      <br />
-
-      <img />
-      <li>
-      </li>
+      <li />
+      <li />
+      <li />
     </ul>
+    
+    <div />
+    
+    <div />
   </div>
 </template>
 ```

From db3a1c1a1efbecfb54d7fd93149679d77d04fd1b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 5 Oct 2022 20:37:57 +0200
Subject: [PATCH 0537/1010] Fix `vue/no-required-prop-with-default` docs
 (#2004)

---
 docs/rules/no-required-prop-with-default.md | 32 +++++++--------------
 1 file changed, 11 insertions(+), 21 deletions(-)

diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 854226617..4e1f1deaa 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -53,31 +53,21 @@ This rule enforces all props with default values to be optional.
 ```vue
 <script>
   export default {
-    /* ✓ GOOD */
     props: {
-      name: {
-        required: true,
+      /* ✓ GOOD */
+      foo: {
+        required: false,
         default: 'Hello'
-      }
-    }
-  }
-</script>
-```
-
-</eslint-code-block>
-
-<eslint-code-block fix :rules="{'vue/no-required-prop-with-default': ['error', { autofix: true }]}">
-
-```vue
-<script>
-  export default {
-    /* ✗ BAD */
-    props: {
-      name: {
+      },
+      bar: {
+        required: true
+      },
+      /* ✗ BAD */
+      baz: {
         required: true,
         default: 'Hello'
-      }
-    }
+      },
+    },
   }
 </script>
 ```

From 4d79cebb58a2a40b295d4c0b2b95157c36a1bfc6 Mon Sep 17 00:00:00 2001
From: dev1437 <111346272+dev1437@users.noreply.github.com>
Date: Tue, 11 Oct 2022 01:42:50 +0800
Subject: [PATCH 0538/1010] Create `vue/multiline-ternary` extension rule
 (#1996)

* Create initial multiline ternary rule

* Docs

* Linting

* Tests and apply Document

* Fix import

* Fix tests

* Fix test

* Run npm run update

* Update tests

* lint

* Update doc

* Add tests for script tag

* Update tests/lib/rules/multiline-ternary.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Add example

* Lint

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                 |   1 +
 docs/rules/multiline-ternary.md      |  59 ++++++
 lib/configs/no-layout-rules.js       |   1 +
 lib/index.js                         |   1 +
 lib/rules/multiline-ternary.js       |  17 ++
 tests/lib/rules/multiline-ternary.js | 297 +++++++++++++++++++++++++++
 6 files changed, 376 insertions(+)
 create mode 100644 docs/rules/multiline-ternary.md
 create mode 100644 lib/rules/multiline-ternary.js
 create mode 100644 tests/lib/rules/multiline-ternary.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 780b10cbe..19c2565e4 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -292,6 +292,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
+| [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
new file mode 100644
index 000000000..cc36f7da6
--- /dev/null
+++ b/docs/rules/multiline-ternary.md
@@ -0,0 +1,59 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/multiline-ternary
+description: Enforce newlines between operands of ternary expressions in `<template>`
+---
+# vue/multiline-ternary
+
+> Enforce newlines between operands of ternary expressions in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
+
+## :book: Rule Details
+
+<eslint-code-block fix :rules="{'vue/multiline-ternary': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD -->
+    <div :class="isEnabled
+      ? 'check'
+      : 'stop'" />
+
+    <!-- ✗ BAD -->
+    <div :class="isEnabled ? 'check' : 'stop'" />
+  </div>
+</template>
+
+<style>
+div {
+  /* ✓ GOOD */
+  color: v-bind('myFlag
+    ? foo
+    : bar');
+
+  /* ✗ BAD */
+  color: v-bind('myFlag ? foo : bar');
+}
+</style>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [multiline-ternary]
+
+[multiline-ternary]: https://eslint.org/docs/rules/multiline-ternary
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-ternary.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/multiline-ternary.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/multiline-ternary)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 6b15833cb..58e62b601 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -31,6 +31,7 @@ module.exports = {
     'vue/max-attributes-per-line': 'off',
     'vue/max-len': 'off',
     'vue/multiline-html-element-content-newline': 'off',
+    'vue/multiline-ternary': 'off',
     'vue/mustache-interpolation-spacing': 'off',
     'vue/new-line-between-multi-line-property': 'off',
     'vue/no-extra-parens': 'off',
diff --git a/lib/index.js b/lib/index.js
index e7dcd5bec..645669c4c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -54,6 +54,7 @@ module.exports = {
     'max-len': require('./rules/max-len'),
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
+    'multiline-ternary': require('./rules/multiline-ternary'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
     'new-line-between-multi-line-property': require('./rules/new-line-between-multi-line-property'),
     'next-tick-style': require('./rules/next-tick-style'),
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
new file mode 100644
index 000000000..718ef8f0d
--- /dev/null
+++ b/lib/rules/multiline-ternary.js
@@ -0,0 +1,17 @@
+/**
+ * @author dev1437
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('multiline-ternary', {
+  skipDynamicArguments: true,
+  applyDocument: true
+})
diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
new file mode 100644
index 000000000..2922f0e65
--- /dev/null
+++ b/tests/lib/rules/multiline-ternary.js
@@ -0,0 +1,297 @@
+/**
+ * @author dev1437
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { RuleTester, ESLint } = require('../../eslint-compat')
+const rule = require('../../../lib/rules/multiline-ternary')
+const semver = require('semver')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('multiline-ternary', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ?
+            aVeryLongOutput :
+            thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `
+    },
+    {
+      // doesn't check ternary statements in <script> block
+      filename: 'test.vue',
+      code: `
+      <script>
+        let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+          <div class="test">
+          </div>
+      </template>
+      <style>
+        .test {
+            color: v-bind('someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine')
+        }
+      </style>
+      `,
+      options: ['never']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?
+              aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?
+              aVeryLongOutput
+: thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 5,
+          column: 15
+        }
+      ],
+      options: ['always-multiline']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?
+              aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Unexpected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 21
+        }
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 21
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 47
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div :style="{
+            'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+        <template>
+          <div :style="{
+            'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 21
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 47
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div class="test">
+          </div>
+        </template>
+        <style>
+          .test {
+              color: v-bind('someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine')
+          }
+        </style>
+        `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+        <template>
+          <div class="test">
+          </div>
+        </template>
+        <style>
+          .test {
+              color: v-bind('someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine')
+          }
+        </style>
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 8,
+          column: 30
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 8,
+          column: 56
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      <script>
+        let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+      </script>
+      `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      <script>
+        let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+      </script>
+      `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 19
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 45
+        }
+      ]
+    }
+  ]
+})

From abcb6424a098680a377f8bf81b3a0c70f7ff9fbc Mon Sep 17 00:00:00 2001
From: lsdsjy <lsdsjy@163.com>
Date: Wed, 12 Oct 2022 05:04:12 +0800
Subject: [PATCH 0539/1010] Add `globals` option to
 `component-name-in-template-casing` (#1989)

---
 .../component-name-in-template-casing.md      | 17 ++++
 .../component-name-in-template-casing.js      | 20 ++---
 .../component-name-in-template-casing.js      | 84 +++++++++++++++++++
 3 files changed, 111 insertions(+), 10 deletions(-)

diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index e39555bb9..90c00959d 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -33,6 +33,7 @@ This rule aims to warn the tag names other than the configured casing in Vue.js
 - `registeredComponentsOnly` ... If `true`, only registered components (in PascalCase) are checked. If `false`, check all.
     default `true`
 - `ignores` (`string[]`) ... The element names to ignore. Sets the element name to allow. For example, custom elements or Vue components with special name. You can set the regexp by writing it like `"/^name/"`.
+- `globals` (`string[]`) ... Globally registered component names to check. For example, `RouterView` and `RouterLink` are globally registered by `vue-router` and can't be detected as registered in a SFC file.
 
 ### `"PascalCase", { registeredComponentsOnly: true }` (default)
 
@@ -141,6 +142,22 @@ export default {
 
 </eslint-code-block>
 
+### `"PascalCase", { globals: ["RouterView"] }`
+
+<eslint-code-block fix :rules="{'vue/component-name-in-template-casing': ['error', 'PascalCase', {globals: ['RouterView']}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <RouterView></RouterView>
+  
+  <!-- ✗ BAD -->
+  <router-view></router-view>
+</template>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [Style guide - Component name casing in templates](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-name-casing-in-templates)
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 772fa83ac..ef137f65c 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -40,6 +40,11 @@ module.exports = {
       {
         type: 'object',
         properties: {
+          globals: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
+          },
           ignores: {
             type: 'array',
             items: { type: 'string' },
@@ -63,13 +68,15 @@ module.exports = {
       : defaultCase
     /** @type {RegExp[]} */
     const ignores = (options.ignores || []).map(toRegExp)
+    /** @type {string[]} */
+    const globals = (options.globals || []).map(casing.pascalCase)
     const registeredComponentsOnly = options.registeredComponentsOnly !== false
     const tokens =
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
 
     /** @type { Set<string> } */
-    const registeredComponents = new Set()
+    const registeredComponents = new Set(globals)
 
     if (utils.isScriptSetup(context)) {
       // For <script setup>
@@ -106,15 +113,8 @@ module.exports = {
         }
         return true
       }
-      // We only verify the components registered in the component.
-      if (
-        [...registeredComponents]
-          .filter((name) => casing.isPascalCase(name)) // When defining a component with PascalCase, you can use either case
-          .some(
-            (name) =>
-              node.rawName === name || casing.pascalCase(node.rawName) === name
-          )
-      ) {
+      // We only verify the registered components.
+      if (registeredComponents.has(casing.pascalCase(node.rawName))) {
         return true
       }
 
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index f0fe5b9f4..9bd81930d 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -168,6 +168,30 @@ tester.run('component-name-in-template-casing', rule, {
           <keep-alive />
         </template>
       `
+    },
+
+    // globals
+    {
+      code: `
+        <template>
+          <div>
+            <RouterView />
+            <RouterLink />
+          </div>
+        </template>
+      `,
+      options: ['PascalCase', { globals: ['RouterView', 'router-link'] }]
+    },
+    {
+      code: `
+        <template>
+          <div>
+            <router-view />
+            <router-link />
+          </div>
+        </template>
+      `,
+      options: ['kebab-case', { globals: ['RouterView', 'router-link'] }]
     }
   ],
   invalid: [
@@ -854,6 +878,66 @@ tester.run('component-name-in-template-casing', rule, {
         </script>
       `,
       errors: ['Component name "TheComponent" is not kebab-case.']
+    },
+    {
+      code: `
+        <template>
+          <router-view />
+        </template>
+      `,
+      options: ['PascalCase', { globals: ['RouterView'] }],
+      output: `
+        <template>
+          <RouterView />
+        </template>
+      `,
+      errors: [
+        {
+          message: 'Component name "router-view" is not PascalCase.',
+          line: 3,
+          column: 11
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <RouterView />
+        </template>
+      `,
+      options: ['kebab-case', { globals: ['RouterView'] }],
+      output: `
+        <template>
+          <router-view />
+        </template>
+      `,
+      errors: [
+        {
+          message: 'Component name "RouterView" is not kebab-case.',
+          line: 3,
+          column: 11
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <RouterView />
+        </template>
+      `,
+      options: ['kebab-case', { globals: ['router-view'] }],
+      output: `
+        <template>
+          <router-view />
+        </template>
+      `,
+      errors: [
+        {
+          message: 'Component name "RouterView" is not kebab-case.',
+          line: 3,
+          column: 11
+        }
+      ]
     }
   ]
 })

From 2479d2fc2c88963e5627902f5d09656aa77c18cb Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 12 Oct 2022 04:11:08 +0200
Subject: [PATCH 0540/1010] Improve `new-rule` tool and templates (#2008)

* Ask for author in `new-rule` tool

* Remove section comments

* Update extension rule descriptions

by running `npm i && npm run update`
---
 docs/developer-guide/README.md                |  2 +-
 docs/rules/README.md                          | 68 +++++++++----------
 docs/rules/array-bracket-newline.md           |  4 +-
 docs/rules/array-bracket-spacing.md           |  4 +-
 docs/rules/arrow-spacing.md                   |  4 +-
 docs/rules/block-spacing.md                   |  4 +-
 docs/rules/brace-style.md                     |  4 +-
 docs/rules/camelcase.md                       |  4 +-
 docs/rules/comma-dangle.md                    |  4 +-
 docs/rules/comma-spacing.md                   |  4 +-
 docs/rules/comma-style.md                     |  4 +-
 docs/rules/dot-location.md                    |  4 +-
 docs/rules/dot-notation.md                    |  4 +-
 docs/rules/eqeqeq.md                          |  4 +-
 docs/rules/func-call-spacing.md               |  4 +-
 docs/rules/key-spacing.md                     |  4 +-
 docs/rules/keyword-spacing.md                 |  4 +-
 docs/rules/multiline-ternary.md               |  4 +-
 docs/rules/no-constant-condition.md           |  4 +-
 docs/rules/no-empty-pattern.md                |  4 +-
 docs/rules/no-extra-parens.md                 |  4 +-
 docs/rules/no-loss-of-precision.md            |  4 +-
 docs/rules/no-restricted-syntax.md            |  4 +-
 docs/rules/no-sparse-arrays.md                |  4 +-
 docs/rules/no-useless-concat.md               |  4 +-
 docs/rules/object-curly-newline.md            |  4 +-
 docs/rules/object-curly-spacing.md            |  4 +-
 docs/rules/object-property-newline.md         |  4 +-
 docs/rules/object-shorthand.md                |  4 +-
 docs/rules/operator-linebreak.md              |  4 +-
 docs/rules/prefer-template.md                 |  4 +-
 docs/rules/quote-props.md                     |  4 +-
 docs/rules/space-in-parens.md                 |  4 +-
 docs/rules/space-infix-ops.md                 |  4 +-
 docs/rules/space-unary-ops.md                 |  4 +-
 docs/rules/template-curly-spacing.md          |  4 +-
 .../no-invalid-meta-docs-categories.js        |  8 ---
 eslint-internal-rules/no-invalid-meta.js      |  8 ---
 lib/rules/attribute-hyphenation.js            |  8 ---
 lib/rules/attributes-order.js                 |  4 --
 lib/rules/block-lang.js                       |  4 --
 lib/rules/block-tag-newline.js                |  4 --
 lib/rules/comment-directive.js                | 11 ---
 lib/rules/component-definition-name-casing.js |  8 ---
 .../component-name-in-template-casing.js      | 12 ----
 lib/rules/component-options-name-casing.js    | 12 ----
 lib/rules/component-tags-order.js             | 12 ----
 lib/rules/custom-event-name-casing.js         | 12 ----
 lib/rules/define-emits-declaration.js         |  8 ---
 lib/rules/define-macros-order.js              | 12 ----
 lib/rules/define-props-declaration.js         |  8 ---
 lib/rules/first-attribute-linebreak.js        |  3 -
 lib/rules/html-button-has-type.js             |  8 ---
 lib/rules/html-closing-bracket-newline.js     | 12 ----
 lib/rules/html-closing-bracket-spacing.js     | 12 ----
 lib/rules/html-comment-content-newline.js     | 12 ----
 lib/rules/html-comment-content-spacing.js     |  8 ---
 lib/rules/html-comment-indent.js              | 12 ----
 lib/rules/html-end-tags.js                    |  8 ---
 lib/rules/html-indent.js                      |  8 ---
 lib/rules/html-quotes.js                      |  8 ---
 lib/rules/html-self-closing.js                | 12 ----
 lib/rules/jsx-uses-vars.js                    |  4 --
 lib/rules/match-component-file-name.js        | 12 ----
 lib/rules/max-attributes-per-line.js          |  7 --
 lib/rules/max-len.js                          | 24 -------
 lib/rules/multi-word-component-names.js       |  8 ---
 .../multiline-html-element-content-newline.js | 12 ----
 lib/rules/multiline-ternary.js                |  4 --
 lib/rules/mustache-interpolation-spacing.js   | 12 ----
 .../new-line-between-multi-line-property.js   |  3 -
 lib/rules/next-tick-style.js                  | 12 ----
 lib/rules/no-async-in-computed-properties.js  |  4 --
 lib/rules/no-bare-strings-in-template.js      | 16 -----
 lib/rules/no-boolean-default.js               |  4 --
 lib/rules/no-child-content.js                 |  4 --
 lib/rules/no-computed-properties-in-data.js   |  8 ---
 lib/rules/no-custom-modifiers-on-v-model.js   | 12 ----
 .../no-deprecated-data-object-declaration.js  |  8 ---
 .../no-deprecated-destroyed-lifecycle.js      |  8 ---
 .../no-deprecated-dollar-listeners-api.js     |  8 ---
 .../no-deprecated-dollar-scopedslots-api.js   |  8 ---
 lib/rules/no-deprecated-events-api.js         |  8 ---
 lib/rules/no-deprecated-filter.js             |  8 ---
 .../no-deprecated-functional-template.js      |  8 ---
 lib/rules/no-deprecated-html-element-is.js    |  8 ---
 lib/rules/no-deprecated-inline-template.js    |  8 ---
 lib/rules/no-deprecated-props-default-this.js |  8 ---
 .../no-deprecated-router-link-tag-prop.js     | 12 ----
 lib/rules/no-deprecated-v-bind-sync.js        |  8 ---
 .../no-deprecated-v-on-native-modifier.js     |  8 ---
 .../no-deprecated-v-on-number-modifiers.js    |  8 ---
 .../no-deprecated-vue-config-keycodes.js      |  4 --
 lib/rules/no-dupe-keys.js                     |  7 --
 lib/rules/no-dupe-v-else-if.js                | 12 ----
 lib/rules/no-duplicate-attr-inheritance.js    |  4 --
 lib/rules/no-duplicate-attributes.js          | 12 ----
 lib/rules/no-empty-component-block.js         |  8 ---
 lib/rules/no-expose-after-await.js            | 12 ----
 lib/rules/no-irregular-whitespace.js          | 12 ----
 lib/rules/no-lone-template.js                 | 12 ----
 lib/rules/no-loss-of-precision.js             |  4 --
 lib/rules/no-multi-spaces.js                  |  4 --
 lib/rules/no-multiple-objects-in-class.js     |  8 ---
 lib/rules/no-multiple-slot-args.js            |  8 ---
 lib/rules/no-multiple-template-root.js        |  8 ---
 lib/rules/no-mutating-props.js                |  4 --
 lib/rules/no-parsing-error.js                 |  8 ---
 .../no-potential-component-option-typo.js     |  4 --
 lib/rules/no-ref-object-destructure.js        | 12 ----
 lib/rules/no-required-prop-with-default.js    |  8 ---
 lib/rules/no-reserved-component-names.js      |  4 --
 lib/rules/no-reserved-keys.js                 |  8 ---
 lib/rules/no-reserved-props.js                | 12 ----
 lib/rules/no-restricted-class.js              |  9 ---
 lib/rules/no-restricted-custom-event.js       |  8 ---
 lib/rules/no-shared-component-data.js         |  4 --
 .../no-side-effects-in-computed-properties.js |  4 --
 ...-spaces-around-equal-signs-in-attribute.js |  8 ---
 lib/rules/no-template-key.js                  |  8 ---
 lib/rules/no-template-shadow.js               | 12 ----
 lib/rules/no-template-target-blank.js         | 11 ---
 lib/rules/no-textarea-mustache.js             |  8 ---
 lib/rules/no-this-in-before-route-enter.js    |  8 ---
 lib/rules/no-undef-components.js              | 12 ----
 lib/rules/no-undef-properties.js              | 12 ----
 lib/rules/no-unused-components.js             |  8 ---
 lib/rules/no-unused-properties.js             | 16 -----
 lib/rules/no-unused-refs.js                   | 12 ----
 lib/rules/no-unused-vars.js                   |  8 ---
 .../no-use-computed-property-like-method.js   |  7 --
 lib/rules/no-use-v-if-with-v-for.js           | 12 ----
 lib/rules/no-useless-template-attributes.js   | 11 ---
 lib/rules/no-v-for-template-key-on-child.js   | 12 ----
 lib/rules/no-v-for-template-key.js            |  4 --
 lib/rules/no-v-html.js                        |  4 --
 lib/rules/no-v-model-argument.js              |  8 ---
 lib/rules/no-v-text-v-html-on-component.js    |  8 ---
 lib/rules/no-v-text.js                        |  4 --
 lib/rules/one-component-per-file.js           |  4 --
 lib/rules/order-in-components.js              |  4 --
 lib/rules/padding-line-between-blocks.js      |  4 --
 lib/rules/padding-line-between-tags.js        |  8 ---
 lib/rules/prefer-import-from-vue.js           | 12 ----
 lib/rules/prefer-prop-type-boolean-first.js   | 12 ----
 lib/rules/prefer-separate-static-class.js     |  8 ---
 lib/rules/prefer-true-attribute-shorthand.js  |  8 ---
 lib/rules/prop-name-casing.js                 | 11 ---
 lib/rules/require-component-is.js             |  8 ---
 lib/rules/require-default-prop.js             | 12 ----
 lib/rules/require-direct-export.js            |  4 --
 lib/rules/require-emit-validator.js           | 12 ----
 lib/rules/require-explicit-emits.js           | 11 ---
 lib/rules/require-expose.js                   |  4 --
 lib/rules/require-prop-type-constructor.js    |  4 --
 lib/rules/require-prop-types.js               | 12 ----
 lib/rules/require-render-return.js            |  8 ---
 lib/rules/require-slots-as-functions.js       |  8 ---
 lib/rules/require-toggle-inside-transition.js |  8 ---
 lib/rules/require-v-for-key.js                |  8 ---
 lib/rules/require-valid-default-prop.js       | 12 ----
 lib/rules/return-in-computed-property.js      |  8 ---
 lib/rules/return-in-emits-validator.js        |  8 ---
 lib/rules/script-indent.js                    |  8 ---
 lib/rules/script-setup-uses-vars.js           |  8 ---
 ...singleline-html-element-content-newline.js | 12 ----
 lib/rules/sort-keys.js                        | 12 ----
 lib/rules/static-class-names-order.js         |  7 --
 .../syntaxes/v-model-custom-modifiers.js      |  4 --
 lib/rules/this-in-template.js                 |  8 ---
 lib/rules/use-v-on-exact.js                   | 12 ----
 lib/rules/v-bind-style.js                     |  8 ---
 lib/rules/v-for-delimiter-style.js            |  8 ---
 lib/rules/v-on-function-call.js               | 12 ----
 lib/rules/v-on-style.js                       |  8 ---
 lib/rules/valid-model-definition.js           |  7 --
 lib/rules/valid-next-tick.js                  | 12 ----
 lib/rules/valid-template-root.js              |  8 ---
 lib/rules/valid-v-bind-sync.js                | 12 ----
 lib/rules/valid-v-bind.js                     | 12 ----
 lib/rules/valid-v-cloak.js                    |  8 ---
 lib/rules/valid-v-else-if.js                  |  8 ---
 lib/rules/valid-v-else.js                     |  8 ---
 lib/rules/valid-v-for.js                      | 12 ----
 lib/rules/valid-v-html.js                     |  8 ---
 lib/rules/valid-v-if.js                       |  8 ---
 lib/rules/valid-v-is.js                       | 12 ----
 lib/rules/valid-v-memo.js                     |  8 ---
 lib/rules/valid-v-model.js                    | 12 ----
 lib/rules/valid-v-on.js                       | 12 ----
 lib/rules/valid-v-once.js                     |  8 ---
 lib/rules/valid-v-pre.js                      |  8 ---
 lib/rules/valid-v-show.js                     |  8 ---
 lib/rules/valid-v-text.js                     |  8 ---
 lib/utils/casing.js                           |  4 --
 lib/utils/html-comments.js                    |  8 ---
 lib/utils/indent-common.js                    |  7 --
 lib/utils/property-references.js              |  8 ---
 lib/utils/ref-object-references.js            |  7 --
 tests/integrations/eslint-plugin-import.js    |  8 ---
 tests/lib/rules/attribute-hyphenation.js      |  8 ---
 tests/lib/rules/attributes-order.js           |  8 ---
 tests/lib/rules/comment-directive.js          |  8 ---
 tests/lib/rules/component-api-style.js        |  8 ---
 .../rules/component-definition-name-casing.js |  8 ---
 .../component-name-in-template-casing.js      |  8 ---
 tests/lib/rules/component-tags-order.js       |  8 ---
 tests/lib/rules/first-attribute-linebreak.js  |  8 ---
 tests/lib/rules/html-button-has-type.js       |  8 ---
 .../lib/rules/html-closing-bracket-newline.js |  8 ---
 .../lib/rules/html-closing-bracket-spacing.js |  8 ---
 tests/lib/rules/html-end-tags.js              |  8 ---
 tests/lib/rules/html-indent.js                | 12 ----
 tests/lib/rules/html-quotes.js                |  8 ---
 tests/lib/rules/html-self-closing.js          |  8 ---
 tests/lib/rules/jsx-uses-vars.js              |  8 ---
 tests/lib/rules/match-component-file-name.js  |  8 ---
 tests/lib/rules/max-attributes-per-line.js    |  8 ---
 tests/lib/rules/max-len.js                    |  8 ---
 .../multiline-html-element-content-newline.js |  8 ---
 .../rules/mustache-interpolation-spacing.js   |  8 ---
 .../new-line-between-multi-line-property.js   |  8 ---
 tests/lib/rules/next-tick-style.js            |  8 ---
 .../lib/rules/no-arrow-functions-in-watch.js  |  8 ---
 .../rules/no-async-in-computed-properties.js  |  8 ---
 .../lib/rules/no-bare-strings-in-template.js  |  8 ---
 tests/lib/rules/no-boolean-default.js         |  8 ---
 tests/lib/rules/no-child-content.js           |  7 --
 .../rules/no-custom-modifiers-on-v-model.js   |  8 ---
 .../no-deprecated-data-object-declaration.js  |  8 ---
 .../no-deprecated-destroyed-lifecycle.js      |  8 ---
 .../no-deprecated-dollar-listeners-api.js     |  8 ---
 .../no-deprecated-dollar-scopedslots-api.js   |  8 ---
 tests/lib/rules/no-deprecated-events-api.js   |  8 ---
 tests/lib/rules/no-deprecated-filter.js       |  8 ---
 .../no-deprecated-functional-template.js      |  8 ---
 .../rules/no-deprecated-html-element-is.js    |  8 ---
 .../rules/no-deprecated-inline-template.js    |  8 ---
 .../rules/no-deprecated-props-default-this.js |  8 ---
 tests/lib/rules/no-deprecated-v-bind-sync.js  |  8 ---
 .../no-deprecated-v-on-native-modifier.js     |  8 ---
 .../no-deprecated-v-on-number-modifiers.js    |  8 ---
 .../no-deprecated-vue-config-keycodes.js      |  8 ---
 tests/lib/rules/no-dupe-keys.js               |  8 ---
 .../rules/no-duplicate-attr-inheritance.js    |  8 ---
 tests/lib/rules/no-duplicate-attributes.js    |  8 ---
 tests/lib/rules/no-export-in-script-setup.js  |  8 ---
 tests/lib/rules/no-invalid-model-keys.js      |  8 ---
 tests/lib/rules/no-multi-spaces.js            |  8 ---
 .../lib/rules/no-multiple-objects-in-class.js |  8 ---
 tests/lib/rules/no-multiple-slot-args.js      |  8 ---
 tests/lib/rules/no-multiple-template-root.js  |  8 ---
 tests/lib/rules/no-mutating-props.js          |  8 ---
 tests/lib/rules/no-parsing-error.js           |  8 ---
 .../no-potential-component-option-typo.js     | 10 +--
 .../lib/rules/no-reserved-component-names.js  |  8 ---
 tests/lib/rules/no-reserved-keys.js           |  8 ---
 tests/lib/rules/no-restricted-block.js        |  8 ---
 .../rules/no-restricted-component-options.js  |  8 ---
 tests/lib/rules/no-restricted-custom-event.js |  8 ---
 tests/lib/rules/no-restricted-props.js        |  8 ---
 .../rules/no-restricted-static-attribute.js   |  8 ---
 tests/lib/rules/no-restricted-v-bind.js       |  8 ---
 tests/lib/rules/no-shared-component-data.js   |  8 ---
 .../no-side-effects-in-computed-properties.js |  8 ---
 ...-spaces-around-equal-signs-in-attribute.js |  8 ---
 tests/lib/rules/no-template-key.js            |  8 ---
 tests/lib/rules/no-template-shadow.js         |  8 ---
 tests/lib/rules/no-template-target-blank.js   |  8 ---
 tests/lib/rules/no-textarea-mustache.js       |  8 ---
 tests/lib/rules/no-unused-components.js       |  8 ---
 tests/lib/rules/no-unused-vars.js             |  8 ---
 .../no-use-computed-property-like-method.js   |  8 ---
 tests/lib/rules/no-use-v-if-with-v-for.js     |  8 ---
 tests/lib/rules/no-useless-mustaches.js       |  8 ---
 tests/lib/rules/no-useless-v-bind.js          |  8 ---
 .../rules/no-v-for-template-key-on-child.js   |  8 ---
 tests/lib/rules/no-v-for-template-key.js      |  8 ---
 tests/lib/rules/no-v-html.js                  |  7 --
 tests/lib/rules/no-v-model-argument.js        |  8 ---
 tests/lib/rules/no-v-text.js                  |  7 --
 tests/lib/rules/one-component-per-file.js     |  4 --
 tests/lib/rules/prop-name-casing.js           |  8 ---
 tests/lib/rules/require-component-is.js       |  8 ---
 tests/lib/rules/require-default-prop.js       |  8 ---
 tests/lib/rules/require-direct-export.js      |  8 ---
 tests/lib/rules/require-emit-validator.js     |  8 ---
 .../rules/require-prop-type-constructor.js    |  8 ---
 tests/lib/rules/require-prop-types.js         |  8 ---
 tests/lib/rules/require-render-return.js      |  8 ---
 tests/lib/rules/require-slots-as-functions.js |  8 ---
 .../rules/require-toggle-inside-transition.js |  8 ---
 tests/lib/rules/require-v-for-key.js          |  8 ---
 tests/lib/rules/require-valid-default-prop.js |  8 ---
 .../lib/rules/return-in-computed-property.js  |  8 ---
 tests/lib/rules/return-in-emits-validator.js  |  8 ---
 tests/lib/rules/script-indent.js              | 12 ----
 tests/lib/rules/script-setup-uses-vars.js     |  8 ---
 ...singleline-html-element-content-newline.js |  8 ---
 tests/lib/rules/static-class-names-order.js   |  8 ---
 tests/lib/rules/this-in-template.js           |  8 ---
 tests/lib/rules/use-v-on-exact.js             |  8 ---
 tests/lib/rules/v-bind-style.js               |  8 ---
 tests/lib/rules/v-for-delimiter-style.js      |  8 ---
 tests/lib/rules/v-on-function-call.js         |  8 ---
 tests/lib/rules/v-on-style.js                 |  8 ---
 tests/lib/rules/v-slot-style.js               |  8 ---
 tests/lib/rules/valid-define-emits.js         |  8 ---
 tests/lib/rules/valid-define-props.js         |  8 ---
 tests/lib/rules/valid-model-definition.js     |  8 ---
 tests/lib/rules/valid-next-tick.js            |  8 ---
 tests/lib/rules/valid-template-root.js        |  8 ---
 tests/lib/rules/valid-v-bind-sync.js          |  8 ---
 tests/lib/rules/valid-v-bind.js               |  8 ---
 tests/lib/rules/valid-v-cloak.js              |  8 ---
 tests/lib/rules/valid-v-else-if.js            |  8 ---
 tests/lib/rules/valid-v-else.js               |  8 ---
 tests/lib/rules/valid-v-for.js                |  8 ---
 tests/lib/rules/valid-v-html.js               |  8 ---
 tests/lib/rules/valid-v-if.js                 |  8 ---
 tests/lib/rules/valid-v-is.js                 |  8 ---
 tests/lib/rules/valid-v-memo.js               |  8 ---
 tests/lib/rules/valid-v-model.js              |  8 ---
 tests/lib/rules/valid-v-on.js                 |  8 ---
 tests/lib/rules/valid-v-once.js               |  8 ---
 tests/lib/rules/valid-v-pre.js                |  8 ---
 tests/lib/rules/valid-v-show.js               |  8 ---
 tests/lib/rules/valid-v-slot.js               |  8 ---
 tests/lib/rules/valid-v-text.js               |  8 ---
 tests/lib/script-setup-vars.js                |  8 ---
 tests/lib/utils/core-rules/wrap-core-rule.js  |  4 --
 tests/lib/utils/vue-component.js              |  8 ---
 tools/new-rule.js                             | 46 +++++--------
 333 files changed, 120 insertions(+), 2602 deletions(-)

diff --git a/docs/developer-guide/README.md b/docs/developer-guide/README.md
index c5bfcc99e..2e1bb7da9 100644
--- a/docs/developer-guide/README.md
+++ b/docs/developer-guide/README.md
@@ -13,7 +13,7 @@ Please include as much detail as possible to help us properly address your issue
 In order to add a new rule or a rule change, you should:
 
 - Create issue on GitHub with description of proposed rule
-- Generate a new rule using the `npm run new -- [rule-name]` command
+- Generate a new rule using the `npm run new <rule name> <author name>` command
 - Write test scenarios & implement logic
 - Describe the rule in the generated `docs` file
 - Make sure all tests are passing
diff --git a/docs/rules/README.md b/docs/rules/README.md
index 19c2565e4..4052cae75 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -276,42 +276,42 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/array-bracket-newline](./array-bracket-newline.md) | Enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/array-bracket-spacing](./array-bracket-spacing.md) | Enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/arrow-spacing](./arrow-spacing.md) | Enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
-| [vue/block-spacing](./block-spacing.md) | Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
-| [vue/brace-style](./brace-style.md) | Enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
-| [vue/camelcase](./camelcase.md) | Enforce camelcase naming convention in `<template>` |  | :hammer: |
-| [vue/comma-dangle](./comma-dangle.md) | Require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-spacing](./comma-spacing.md) | Enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-style](./comma-style.md) | Enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-location](./dot-location.md) | Enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-notation](./dot-notation.md) | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
-| [vue/eqeqeq](./eqeqeq.md) | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
-| [vue/func-call-spacing](./func-call-spacing.md) | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
-| [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
-| [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
+| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
+| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
+| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention in `<template>` |  | :hammer: |
+| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-style](./comma-style.md) | enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
+| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
+| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
+| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
+| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
-| [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
-| [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
-| [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
-| [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/multiline-ternary](./multiline-ternary.md) | enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
+| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions in `<template>` |  | :warning: |
+| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns in `<template>` |  | :warning: |
+| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  | :warning: |
-| [vue/no-loss-of-precision](./no-loss-of-precision.md) | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
-| [vue/no-restricted-syntax](./no-restricted-syntax.md) | Disallow specified syntax in `<template>` |  | :hammer: |
-| [vue/no-sparse-arrays](./no-sparse-arrays.md) | Disallow sparse arrays in `<template>` |  | :warning: |
-| [vue/no-useless-concat](./no-useless-concat.md) | Disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
-| [vue/object-curly-newline](./object-curly-newline.md) | Enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-curly-spacing](./object-curly-spacing.md) | Enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-property-newline](./object-property-newline.md) | Enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
-| [vue/object-shorthand](./object-shorthand.md) | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
-| [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
-| [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
-| [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
-| [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
-| [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
-| [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
-| [vue/template-curly-spacing](./template-curly-spacing.md) | Require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
+| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision in `<template>` |  | :warning: |
+| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax in `<template>` |  | :hammer: |
+| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays in `<template>` |  | :warning: |
+| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
+| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
+| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
+| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
+| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
+| [vue/quote-props](./quote-props.md) | require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
+| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
+| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
+| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
 
 </rules-table>
 
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 8b5e9bee2..8f1184c47 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-newline
-description: Enforce linebreaks after opening and before closing array brackets in `<template>`
+description: enforce linebreaks after opening and before closing array brackets in `<template>`
 since: v7.1.0
 ---
 # vue/array-bracket-newline
 
-> Enforce linebreaks after opening and before closing array brackets in `<template>`
+> enforce linebreaks after opening and before closing array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index d3c937651..6b5b4003a 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-spacing
-description: Enforce consistent spacing inside array brackets in `<template>`
+description: enforce consistent spacing inside array brackets in `<template>`
 since: v5.2.0
 ---
 # vue/array-bracket-spacing
 
-> Enforce consistent spacing inside array brackets in `<template>`
+> enforce consistent spacing inside array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 07e30e63f..adfeb2243 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/arrow-spacing
-description: Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
+description: enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 since: v5.2.0
 ---
 # vue/arrow-spacing
 
-> Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
+> enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index a486c76c0..58280370c 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-spacing
-description: Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
+description: disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 since: v5.2.0
 ---
 # vue/block-spacing
 
-> Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
+> disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index ac917267d..8f889724a 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/brace-style
-description: Enforce consistent brace style for blocks in `<template>`
+description: enforce consistent brace style for blocks in `<template>`
 since: v5.2.0
 ---
 # vue/brace-style
 
-> Enforce consistent brace style for blocks in `<template>`
+> enforce consistent brace style for blocks in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index 62c5891fa..5b7888251 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/camelcase
-description: Enforce camelcase naming convention in `<template>`
+description: enforce camelcase naming convention in `<template>`
 since: v5.2.0
 ---
 # vue/camelcase
 
-> Enforce camelcase naming convention in `<template>`
+> enforce camelcase naming convention in `<template>`
 
 This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 565cbef7b..63d4a2a4e 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-dangle
-description: Require or disallow trailing commas in `<template>`
+description: require or disallow trailing commas in `<template>`
 since: v5.2.0
 ---
 # vue/comma-dangle
 
-> Require or disallow trailing commas in `<template>`
+> require or disallow trailing commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index e318fb65c..c25c0608c 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-spacing
-description: Enforce consistent spacing before and after commas in `<template>`
+description: enforce consistent spacing before and after commas in `<template>`
 since: v7.0.0
 ---
 # vue/comma-spacing
 
-> Enforce consistent spacing before and after commas in `<template>`
+> enforce consistent spacing before and after commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 17c5dd25c..477c12abd 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-style
-description: Enforce consistent comma style in `<template>`
+description: enforce consistent comma style in `<template>`
 since: v7.0.0
 ---
 # vue/comma-style
 
-> Enforce consistent comma style in `<template>`
+> enforce consistent comma style in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index fa58a26af..4b88f9cf6 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-location
-description: Enforce consistent newlines before and after dots in `<template>`
+description: enforce consistent newlines before and after dots in `<template>`
 since: v6.0.0
 ---
 # vue/dot-location
 
-> Enforce consistent newlines before and after dots in `<template>`
+> enforce consistent newlines before and after dots in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 6e8264c2f..c2bf87478 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-notation
-description: Enforce dot notation whenever possible in `<template>`
+description: enforce dot notation whenever possible in `<template>`
 since: v7.0.0
 ---
 # vue/dot-notation
 
-> Enforce dot notation whenever possible in `<template>`
+> enforce dot notation whenever possible in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index d6bdf9700..aa77b3f11 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/eqeqeq
-description: Require the use of `===` and `!==` in `<template>`
+description: require the use of `===` and `!==` in `<template>`
 since: v5.2.0
 ---
 # vue/eqeqeq
 
-> Require the use of `===` and `!==` in `<template>`
+> require the use of `===` and `!==` in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 41c795624..0f398e1d0 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/func-call-spacing
-description: Require or disallow spacing between function identifiers and their invocations in `<template>`
+description: require or disallow spacing between function identifiers and their invocations in `<template>`
 since: v7.0.0
 ---
 # vue/func-call-spacing
 
-> Require or disallow spacing between function identifiers and their invocations in `<template>`
+> require or disallow spacing between function identifiers and their invocations in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 41ba2f851..bac4eb735 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/key-spacing
-description: Enforce consistent spacing between keys and values in object literal properties in `<template>`
+description: enforce consistent spacing between keys and values in object literal properties in `<template>`
 since: v5.2.0
 ---
 # vue/key-spacing
 
-> Enforce consistent spacing between keys and values in object literal properties in `<template>`
+> enforce consistent spacing between keys and values in object literal properties in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 68e9e7cdf..61d2e2731 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/keyword-spacing
-description: Enforce consistent spacing before and after keywords in `<template>`
+description: enforce consistent spacing before and after keywords in `<template>`
 since: v6.0.0
 ---
 # vue/keyword-spacing
 
-> Enforce consistent spacing before and after keywords in `<template>`
+> enforce consistent spacing before and after keywords in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index cc36f7da6..9cc3d1134 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -2,11 +2,11 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
-description: Enforce newlines between operands of ternary expressions in `<template>`
+description: enforce newlines between operands of ternary expressions in `<template>`
 ---
 # vue/multiline-ternary
 
-> Enforce newlines between operands of ternary expressions in `<template>`
+> enforce newlines between operands of ternary expressions in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 7b5835978..89ea03268 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-constant-condition
-description: Disallow constant expressions in conditions in `<template>`
+description: disallow constant expressions in conditions in `<template>`
 since: v7.5.0
 ---
 # vue/no-constant-condition
 
-> Disallow constant expressions in conditions in `<template>`
+> disallow constant expressions in conditions in `<template>`
 
 This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index 99e2152f1..f6593d977 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-empty-pattern
-description: Disallow empty destructuring patterns in `<template>`
+description: disallow empty destructuring patterns in `<template>`
 since: v6.0.0
 ---
 # vue/no-empty-pattern
 
-> Disallow empty destructuring patterns in `<template>`
+> disallow empty destructuring patterns in `<template>`
 
 This rule is the same rule as core [no-empty-pattern] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 0297304b7..09af6d190 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-extra-parens
-description: Disallow unnecessary parentheses in `<template>`
+description: disallow unnecessary parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/no-extra-parens
 
-> Disallow unnecessary parentheses in `<template>`
+> disallow unnecessary parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index bee468e7a..82e06d010 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-loss-of-precision
-description: Disallow literal numbers that lose precision in `<template>`
+description: disallow literal numbers that lose precision in `<template>`
 since: v8.0.0
 ---
 # vue/no-loss-of-precision
 
-> Disallow literal numbers that lose precision in `<template>`
+> disallow literal numbers that lose precision in `<template>`
 
 This rule is the same rule as core [no-loss-of-precision] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 590e94d6e..dcde6897a 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-syntax
-description: Disallow specified syntax in `<template>`
+description: disallow specified syntax in `<template>`
 since: v5.2.0
 ---
 # vue/no-restricted-syntax
 
-> Disallow specified syntax in `<template>`
+> disallow specified syntax in `<template>`
 
 This rule is the same rule as core [no-restricted-syntax] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index e8cd10007..861c82ea1 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-sparse-arrays
-description: Disallow sparse arrays in `<template>`
+description: disallow sparse arrays in `<template>`
 since: v7.0.0
 ---
 # vue/no-sparse-arrays
 
-> Disallow sparse arrays in `<template>`
+> disallow sparse arrays in `<template>`
 
 This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 6c4afd423..9229de0a5 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-concat
-description: Disallow unnecessary concatenation of literals or template literals in `<template>`
+description: disallow unnecessary concatenation of literals or template literals in `<template>`
 since: v7.0.0
 ---
 # vue/no-useless-concat
 
-> Disallow unnecessary concatenation of literals or template literals in `<template>`
+> disallow unnecessary concatenation of literals or template literals in `<template>`
 
 This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index 9e07953f9..d09c3e28f 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: Enforce consistent line breaks after opening and before closing braces in `<template>`
+description: enforce consistent line breaks after opening and before closing braces in `<template>`
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> Enforce consistent line breaks after opening and before closing braces in `<template>`
+> enforce consistent line breaks after opening and before closing braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index dacdf2679..12f88793b 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-spacing
-description: Enforce consistent spacing inside braces in `<template>`
+description: enforce consistent spacing inside braces in `<template>`
 since: v5.2.0
 ---
 # vue/object-curly-spacing
 
-> Enforce consistent spacing inside braces in `<template>`
+> enforce consistent spacing inside braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index fb934acf6..be43ec66e 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-property-newline
-description: Enforce placing object properties on separate lines in `<template>`
+description: enforce placing object properties on separate lines in `<template>`
 since: v7.0.0
 ---
 # vue/object-property-newline
 
-> Enforce placing object properties on separate lines in `<template>`
+> enforce placing object properties on separate lines in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index dafe616bf..7c7b4928f 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-shorthand
-description: Require or disallow method and property shorthand syntax for object literals in `<template>`
+description: require or disallow method and property shorthand syntax for object literals in `<template>`
 since: v8.4.0
 ---
 # vue/object-shorthand
 
-> Require or disallow method and property shorthand syntax for object literals in `<template>`
+> require or disallow method and property shorthand syntax for object literals in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 71847d82f..6f7172a78 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/operator-linebreak
-description: Enforce consistent linebreak style for operators in `<template>`
+description: enforce consistent linebreak style for operators in `<template>`
 since: v7.0.0
 ---
 # vue/operator-linebreak
 
-> Enforce consistent linebreak style for operators in `<template>`
+> enforce consistent linebreak style for operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index 4b668f4c2..aa33a3f32 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-template
-description: Require template literals instead of string concatenation in `<template>`
+description: require template literals instead of string concatenation in `<template>`
 since: v7.0.0
 ---
 # vue/prefer-template
 
-> Require template literals instead of string concatenation in `<template>`
+> require template literals instead of string concatenation in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index facf28cee..b45b7150a 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/quote-props
-description: Require quotes around object literal property names in `<template>`
+description: require quotes around object literal property names in `<template>`
 since: v8.4.0
 ---
 # vue/quote-props
 
-> Require quotes around object literal property names in `<template>`
+> require quotes around object literal property names in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index a29c298ac..62dcc2485 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-in-parens
-description: Enforce consistent spacing inside parentheses in `<template>`
+description: enforce consistent spacing inside parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/space-in-parens
 
-> Enforce consistent spacing inside parentheses in `<template>`
+> enforce consistent spacing inside parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index e92623661..a20eecb42 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-infix-ops
-description: Require spacing around infix operators in `<template>`
+description: require spacing around infix operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-infix-ops
 
-> Require spacing around infix operators in `<template>`
+> require spacing around infix operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 10e545408..3019c3eb9 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-unary-ops
-description: Enforce consistent spacing before or after unary operators in `<template>`
+description: enforce consistent spacing before or after unary operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-unary-ops
 
-> Enforce consistent spacing before or after unary operators in `<template>`
+> enforce consistent spacing before or after unary operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 8760b0385..22fce907a 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/template-curly-spacing
-description: Require or disallow spacing around embedded expressions of template strings in `<template>`
+description: require or disallow spacing around embedded expressions of template strings in `<template>`
 since: v7.0.0
 ---
 # vue/template-curly-spacing
 
-> Require or disallow spacing around embedded expressions of template strings in `<template>`
+> require or disallow spacing around embedded expressions of template strings in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index c95691c36..24350c8f6 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -5,10 +5,6 @@
 
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Gets the property of the Object node passed in that has the name specified.
  *
@@ -106,10 +102,6 @@ function checkMetaValidity(context, exportsNode) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     docs: {
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index 45057c9bf..24bf01faf 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -5,10 +5,6 @@
 
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Gets the property of the Object node passed in that has the name specified.
  *
@@ -89,10 +85,6 @@ function checkMetaValidity(context, exportsNode) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     docs: {
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 1c097763c..d2ae0ccac 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -8,10 +8,6 @@ const utils = require('../utils')
 const casing = require('../utils/casing')
 const svgAttributes = require('../utils/svg-attributes-weird-case.json')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {VDirective | VAttribute} node
  * @returns {string | null}
@@ -116,10 +112,6 @@ module.exports = {
       return useHyphenated ? value.toLowerCase() === value : !/-/.test(value)
     }
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.defineTemplateBodyVisitor(context, {
       VAttribute(node) {
         if (
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index d88e9c934..d47001adf 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -5,10 +5,6 @@
 'use strict'
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @typedef { VDirective & { key: VDirectiveKey & { name: VIdentifier & { name: 'bind' } } } } VBindDirective
  */
diff --git a/lib/rules/block-lang.js b/lib/rules/block-lang.js
index c1998eb5f..35898e938 100644
--- a/lib/rules/block-lang.js
+++ b/lib/rules/block-lang.js
@@ -108,10 +108,6 @@ function normalizeOptions(options) {
   return normalized
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
index 8459f5760..7096b2daf 100644
--- a/lib/rules/block-tag-newline.js
+++ b/lib/rules/block-tag-newline.js
@@ -32,10 +32,6 @@ function getPhrase(lineBreaks) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 const ENUM_OPTIONS = { enum: ['always', 'never', 'consistent', 'ignore'] }
 module.exports = {
   meta: {
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 1f4cdd336..8ed085602 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -5,10 +5,6 @@
 
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 /**
@@ -17,9 +13,6 @@ const utils = require('../utils')
  * @property {number} RuleAndLocation.index
  * @property {string} [RuleAndLocation.key]
  */
-// -----------------------------------------------------------------------------
-// Helpers
-// -----------------------------------------------------------------------------
 
 const COMMENT_DIRECTIVE_B = /^\s*(eslint-(?:en|dis)able)(?:\s+|$)/
 const COMMENT_DIRECTIVE_L = /^\s*(eslint-disable(?:-next)?-line)(?:\s+|$)/
@@ -277,10 +270,6 @@ function extractTopLevelDocumentFragmentComments(documentFragment) {
   )
 }
 
-// -----------------------------------------------------------------------------
-// Rule Definition
-// -----------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 103e3feb0..e227d4b99 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -8,10 +8,6 @@ const utils = require('../utils')
 const casing = require('../utils/casing')
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Expression | SpreadElement} node
  * @returns {node is (Literal | TemplateLiteral)}
@@ -47,10 +43,6 @@ module.exports = {
       ? options
       : 'PascalCase'
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     /**
      * @param {Literal | TemplateLiteral} node
      */
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index ef137f65c..65a6f3122 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -4,25 +4,13 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 const { toRegExp } = require('../utils/regexp')
 
-// -----------------------------------------------------------------------------
-// Helpers
-// -----------------------------------------------------------------------------
-
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 const defaultCase = 'PascalCase'
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/component-options-name-casing.js b/lib/rules/component-options-name-casing.js
index 37fe47ed7..f53100eb7 100644
--- a/lib/rules/component-options-name-casing.js
+++ b/lib/rules/component-options-name-casing.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {import('../../typings/eslint-plugin-vue/util-types/ast').Expression} node
  * @returns {string | null}
@@ -29,10 +21,6 @@ function getOptionsComponentName(node) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 60640dc39..23fbc031b 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const { parseSelector } = require('../utils/selector')
 
@@ -15,16 +11,8 @@ const { parseSelector } = require('../utils/selector')
  * @typedef {import('../utils/selector').VElementSelector} VElementSelector
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {VElement} element
  * @return {string}
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 6d215edd8..279aa9896 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { findVariable } = require('eslint-utils')
 const utils = require('../utils')
 const casing = require('../utils/casing')
@@ -17,10 +13,6 @@ const { toRegExp } = require('../utils/regexp')
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const ALLOWED_CASE_OPTIONS = ['kebab-case', 'camelCase']
 const DEFAULT_CASE = 'camelCase'
 
@@ -62,10 +54,6 @@ function getCalleeMemberNode(node) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 const OBJECT_OPTION_SCHEMA = {
   type: 'object',
   properties: {
diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index 758097f9a..9ef9bbc03 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 007b17027..994e4febd 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const MACROS_EMITS = 'defineEmits'
 const MACROS_PROPS = 'defineProps'
 const ORDER = [MACROS_EMITS, MACROS_PROPS]
@@ -88,10 +80,6 @@ function getDefineMacrosStatement(node) {
   return getDefineMacrosStatement(node.parent)
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /** @param {RuleContext} context */
 function create(context) {
   const scriptSetup = utils.getScriptSetupElement(context)
diff --git a/lib/rules/define-props-declaration.js b/lib/rules/define-props-declaration.js
index 2a73ed10a..f86f3ad98 100644
--- a/lib/rules/define-props-declaration.js
+++ b/lib/rules/define-props-declaration.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/first-attribute-linebreak.js b/lib/rules/first-attribute-linebreak.js
index 25f893fd2..83f018e02 100644
--- a/lib/rules/first-attribute-linebreak.js
+++ b/lib/rules/first-attribute-linebreak.js
@@ -4,9 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 const utils = require('../utils')
 
 module.exports = {
diff --git a/lib/rules/html-button-has-type.js b/lib/rules/html-button-has-type.js
index 4b0d76cbd..31192ec99 100644
--- a/lib/rules/html-button-has-type.js
+++ b/lib/rules/html-button-has-type.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  *
  * @param {string} type
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 9ac1d0f52..73afb9d69 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {number} lineBreaks
  */
@@ -29,10 +21,6 @@ function getPhrase(lineBreaks) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index e60fba491..bc6320df6 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -4,16 +4,8 @@
 
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// -----------------------------------------------------------------------------
-// Helpers
-// -----------------------------------------------------------------------------
-
 /**
  * @typedef { {startTag?:"always"|"never",endTag?:"always"|"never",selfClosingTag?:"always"|"never"} } Options
  */
@@ -59,10 +51,6 @@ function parseOptions(options, tokens) {
   })
 }
 
-// -----------------------------------------------------------------------------
-// Rule Definition
-// -----------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
index 3985f7d52..170b2bfb4 100644
--- a/lib/rules/html-comment-content-newline.js
+++ b/lib/rules/html-comment-content-newline.js
@@ -4,20 +4,12 @@
  */
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const htmlComments = require('../utils/html-comments')
 
 /**
  * @typedef { import('../utils/html-comments').ParsedHTMLComment } ParsedHTMLComment
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {any} param
  */
@@ -37,10 +29,6 @@ function parseOption(param) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/html-comment-content-spacing.js b/lib/rules/html-comment-content-spacing.js
index b4f31672a..b220bd79c 100644
--- a/lib/rules/html-comment-content-spacing.js
+++ b/lib/rules/html-comment-content-spacing.js
@@ -4,20 +4,12 @@
  */
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const htmlComments = require('../utils/html-comments')
 
 /**
  * @typedef { import('../utils/html-comments').ParsedHTMLComment } ParsedHTMLComment
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
index 56c81960f..f0f7babd5 100644
--- a/lib/rules/html-comment-indent.js
+++ b/lib/rules/html-comment-indent.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const htmlComments = require('../utils/html-comments')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Normalize options.
  * @param {number|"tab"|undefined} type The type of indentation.
@@ -64,10 +56,6 @@ function toUnit(char) {
   return JSON.stringify(char)
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/html-end-tags.js b/lib/rules/html-end-tags.js
index 59d2e874f..62a9311bb 100644
--- a/lib/rules/html-end-tags.js
+++ b/lib/rules/html-end-tags.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 6e6149ef5..263bdad8e 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const indentCommon = require('../utils/indent-common')
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index a5523cb78..b365ec911 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index ed4a3dca4..19fc4b587 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * These strings wil be displayed in error messages.
  */
@@ -91,10 +83,6 @@ function isEmpty(node, sourceCode) {
   return sourceCode.text.slice(start, end).trim() === ''
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index e1c14d88c..8f9010da9 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -30,10 +30,6 @@ SOFTWARE.
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index 40d01ba00..70c34009b 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 const path = require('path')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Expression | SpreadElement} node
  * @returns {node is (Literal | TemplateLiteral)}
@@ -80,10 +72,6 @@ module.exports = {
       return {}
     }
 
-    // ----------------------------------------------------------------------
-    // Private
-    // ----------------------------------------------------------------------
-
     /**
      * @param {string} name
      * @param {string} filename
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index 7c4b02eea..0f204d500 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -4,9 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 const utils = require('../utils')
 
 /**
@@ -150,10 +147,6 @@ module.exports = {
       }
     })
 
-    // ----------------------------------------------------------------------
-    // Helpers
-    // ----------------------------------------------------------------------
-
     /**
      * @param {(VDirective | VAttribute)[]} attributes
      */
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 560500a3b..588f2de75 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Constants
-// ------------------------------------------------------------------------------
-
 const OPTIONS_SCHEMA = {
   type: 'object',
   properties: {
@@ -74,10 +66,6 @@ const OPTIONS_OR_INTEGER_SCHEMA = {
   ]
 }
 
-// --------------------------------------------------------------------------
-// Helpers
-// --------------------------------------------------------------------------
-
 /**
  * Computes the length of a line that may contain tabs. The width of each
  * tab will be the number of spaces to the next tab stop.
@@ -177,10 +165,6 @@ function groupByLineNumber(nodes) {
   return grouped
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
@@ -267,10 +251,6 @@ module.exports = {
       ignorePattern = new RegExp(ignorePattern, 'u')
     }
 
-    // --------------------------------------------------------------------------
-    // Helpers
-    // --------------------------------------------------------------------------
-
     /**
      * Retrieves an array containing all strings (" or ') in the source code.
      *
@@ -517,10 +497,6 @@ module.exports = {
       }
     }
 
-    // --------------------------------------------------------------------------
-    // Public API
-    // --------------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.defineTemplateBodyVisitor(context, {
         /** @param {VLiteral} node */
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index 6f73de294..38426bfb0 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const path = require('path')
 const casing = require('../utils/casing')
 const utils = require('../utils')
@@ -16,10 +12,6 @@ const RESERVED_NAMES_IN_VUE3 = new Set(
   require('../utils/vue3-builtin-components')
 )
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index cfa8d9778..a8ccc3676 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {VElement & { endTag: VEndTag }} element
  */
@@ -61,10 +53,6 @@ function isEmpty(node, sourceCode) {
   return sourceCode.text.slice(start, end).trim() === ''
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
index 718ef8f0d..58415eb29 100644
--- a/lib/rules/multiline-ternary.js
+++ b/lib/rules/multiline-ternary.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index 8522c8ad9..a61007be1 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
@@ -36,10 +28,6 @@ module.exports = {
       context.parserServices.getTemplateBodyTokenStore &&
       context.parserServices.getTemplateBodyTokenStore()
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VExpressionContainer} node */
       'VExpressionContainer[expression!=null]'(node) {
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index 6dbde4586..9c7ad1041 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -45,9 +45,6 @@ function hasEmptyLine(sourceCode, pre, cur) {
   return false
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/next-tick-style.js b/lib/rules/next-tick-style.js
index 992d7b0b5..de9d989a9 100644
--- a/lib/rules/next-tick-style.js
+++ b/lib/rules/next-tick-style.js
@@ -6,17 +6,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Identifier} identifier
  * @param {RuleContext} context
@@ -84,10 +76,6 @@ function isAwaitedPromise(callExpression) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index a762d3f58..c95b62a59 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -76,10 +76,6 @@ function isNextTick(node, context) {
   return false
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index e604b83d8..3f46607a5 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const regexp = require('../utils/regexp')
 const casing = require('../utils/casing')
@@ -16,10 +12,6 @@ const casing = require('../utils/casing')
  * @typedef { { names: { [tagName in string]: Set<string> }, regexps: { name: RegExp, attrs: Set<string> }[], cache: { [tagName in string]: Set<string> } } } TargetAttrs
  */
 
-// ------------------------------------------------------------------------------
-// Constants
-// ------------------------------------------------------------------------------
-
 // https://dev.w3.org/html5/html-author/charref
 const DEFAULT_ALLOWLIST = [
   '(',
@@ -66,10 +58,6 @@ const DEFAULT_ATTRIBUTES = {
 
 const DEFAULT_DIRECTIVES = ['v-text']
 
-// --------------------------------------------------------------------------
-// Helpers
-// --------------------------------------------------------------------------
-
 /**
  * Parse attributes option
  * @param {any} options
@@ -112,10 +100,6 @@ function getStringValue(value) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 5f74377e1..7dbeeceaf 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -10,10 +10,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Property | SpreadElement} prop
  */
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
index 1eb7fbdfe..a649b21f0 100644
--- a/lib/rules/no-child-content.js
+++ b/lib/rules/no-child-content.js
@@ -68,10 +68,6 @@ function getLocationRange(nodes) {
   return { start, end }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     hasSuggestions: true,
diff --git a/lib/rules/no-computed-properties-in-data.js b/lib/rules/no-computed-properties-in-data.js
index 3e1490db4..58aa00706 100644
--- a/lib/rules/no-computed-properties-in-data.js
+++ b/lib/rules/no-computed-properties-in-data.js
@@ -4,20 +4,12 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 /**
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-custom-modifiers-on-v-model.js b/lib/rules/no-custom-modifiers-on-v-model.js
index 6670be1da..4cbbfdfe1 100644
--- a/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/lib/rules/no-custom-modifiers-on-v-model.js
@@ -4,22 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const VALID_MODIFIERS = new Set(['lazy', 'number', 'trim'])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-data-object-declaration.js b/lib/rules/no-deprecated-data-object-declaration.js
index 017e46ec4..1a9f846c5 100644
--- a/lib/rules/no-deprecated-data-object-declaration.js
+++ b/lib/rules/no-deprecated-data-object-declaration.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 /** @param {Token} token */
@@ -41,10 +37,6 @@ function getFirstAndLastTokens(node, sourceCode) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-destroyed-lifecycle.js b/lib/rules/no-deprecated-destroyed-lifecycle.js
index 0dc30883f..98986cd2e 100644
--- a/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {RuleFixer} fixer
  * @param {Property} property
diff --git a/lib/rules/no-deprecated-dollar-listeners-api.js b/lib/rules/no-deprecated-dollar-listeners-api.js
index 64c175be8..2db80a116 100644
--- a/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-dollar-scopedslots-api.js b/lib/rules/no-deprecated-dollar-scopedslots-api.js
index eaa9b3328..cca25942c 100644
--- a/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-events-api.js b/lib/rules/no-deprecated-events-api.js
index f393f59ef..fa602f335 100644
--- a/lib/rules/no-deprecated-events-api.js
+++ b/lib/rules/no-deprecated-events-api.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-filter.js b/lib/rules/no-deprecated-filter.js
index 87b61a5b3..5e7967385 100644
--- a/lib/rules/no-deprecated-filter.js
+++ b/lib/rules/no-deprecated-filter.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-functional-template.js b/lib/rules/no-deprecated-functional-template.js
index 7624ddc51..5b3b9dea1 100644
--- a/lib/rules/no-deprecated-functional-template.js
+++ b/lib/rules/no-deprecated-functional-template.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-html-element-is.js b/lib/rules/no-deprecated-html-element-is.js
index 8382bb5c0..7a0fd6225 100644
--- a/lib/rules/no-deprecated-html-element-is.js
+++ b/lib/rules/no-deprecated-html-element-is.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-inline-template.js b/lib/rules/no-deprecated-inline-template.js
index 647121638..36923f2c2 100644
--- a/lib/rules/no-deprecated-inline-template.js
+++ b/lib/rules/no-deprecated-inline-template.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-props-default-this.js b/lib/rules/no-deprecated-props-default-this.js
index 6e26941ed..5583b12ad 100644
--- a/lib/rules/no-deprecated-props-default-this.js
+++ b/lib/rules/no-deprecated-props-default-this.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Expression|SpreadElement|null} node
  */
diff --git a/lib/rules/no-deprecated-router-link-tag-prop.js b/lib/rules/no-deprecated-router-link-tag-prop.js
index cab2d7ca3..2feb0ee75 100644
--- a/lib/rules/no-deprecated-router-link-tag-prop.js
+++ b/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
-// --------------------------------------------------------------------------
-// Helpers
-// --------------------------------------------------------------------------
-
 /** @param {RuleContext} context */
 function getComponentNames(context) {
   let components = ['RouterLink']
@@ -31,10 +23,6 @@ function getComponentNames(context) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-v-bind-sync.js b/lib/rules/no-deprecated-v-bind-sync.js
index 786ecb927..f52c1aead 100644
--- a/lib/rules/no-deprecated-v-bind-sync.js
+++ b/lib/rules/no-deprecated-v-bind-sync.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-v-on-native-modifier.js b/lib/rules/no-deprecated-v-on-native-modifier.js
index a37875d6d..929f8d1d8 100644
--- a/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-v-on-number-modifiers.js b/lib/rules/no-deprecated-v-on-number-modifiers.js
index 08187e476..1fdcdeaac 100644
--- a/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const keyCodeToKey = require('../utils/keycode-to-key')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-deprecated-vue-config-keycodes.js b/lib/rules/no-deprecated-vue-config-keycodes.js
index c251e9548..68af8430a 100644
--- a/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -6,10 +6,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 8d28b8952..c812c5319 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -10,9 +10,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').GroupName} GroupName
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 /** @type {GroupName[]} */
 const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
@@ -42,10 +39,6 @@ module.exports = {
     const options = context.options[0] || {}
     const groups = new Set([...GROUP_NAMES, ...(options.groups || [])])
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.executeOnVue(context, (obj) => {
       /** @type {Set<string>} */
       const usedNames = new Set()
diff --git a/lib/rules/no-dupe-v-else-if.js b/lib/rules/no-dupe-v-else-if.js
index 1500d7d24..5102f6dc4 100644
--- a/lib/rules/no-dupe-v-else-if.js
+++ b/lib/rules/no-dupe-v-else-if.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @typedef {NonNullable<VExpressionContainer['expression']>} VExpression
  */
@@ -73,10 +65,6 @@ function buildOrOperands(node) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index 08426c352..eea2bf765 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -6,10 +6,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index 4a3309b0c..510df18ab 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Get the name of the given attribute node.
  * @param {VAttribute | VDirective} attribute The attribute node to get.
@@ -35,10 +27,6 @@ function getName(attribute) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
index fec130d94..8a9420fc2 100644
--- a/lib/rules/no-empty-component-block.js
+++ b/lib/rules/no-empty-component-block.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { isVElement } = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * check whether has attribute `src`
  * @param {VElement} componentBlock
diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index 98d97891f..ff38d1210 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { findVariable } = require('eslint-utils')
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Get the callee member node from the given CallExpression
  * @param {CallExpression} node CallExpression
@@ -31,10 +23,6 @@ function getCalleeMemberNode(node) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index b823dbdc5..132dc4205 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -5,26 +5,14 @@
 
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Constants
-// ------------------------------------------------------------------------------
-
 const ALL_IRREGULARS =
   /[\f\v\u0085\uFEFF\u00A0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u200B\u202F\u205F\u3000\u2028\u2029]/u
 const IRREGULAR_WHITESPACE =
   /[\f\v\u0085\uFEFF\u00A0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u200B\u202F\u205F\u3000]+/gmu
 const IRREGULAR_LINE_TERMINATORS = /[\u2028\u2029]/gmu
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-lone-template.js b/lib/rules/no-lone-template.js
index 009bbad76..d9537513f 100644
--- a/lib/rules/no-lone-template.js
+++ b/lib/rules/no-lone-template.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 // https://github.com/vuejs/vue-next/blob/64e2f4643602c5980361e66674141e61ba60ef70/packages/compiler-core/src/parse.ts#L405
 const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
   'if',
@@ -23,10 +15,6 @@ const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
   'slot'
 ])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {VAttribute | VDirective} attr
  */
diff --git a/lib/rules/no-loss-of-precision.js b/lib/rules/no-loss-of-precision.js
index 6e6b85a02..5d18cb6b7 100644
--- a/lib/rules/no-loss-of-precision.js
+++ b/lib/rules/no-loss-of-precision.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index aa8b70a22..e13cdff74 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -6,10 +6,6 @@
 
 const path = require('path')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {RuleContext} context
  * @param {Token} node
diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index cf930ebec..4a58d1b53 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { defineTemplateBodyVisitor } = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * count ObjectExpression element
  * @param {VDirective & {value: VExpressionContainer & {expression: ArrayExpression}}} node
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index 4cfe6075c..28b0652be 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index 1bbad01ca..d5ac49b5a 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 32c7555af..f1e2fc623 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -7,10 +7,6 @@
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 // https://github.com/vuejs/vue-next/blob/7c11c58faf8840ab97b6449c98da0296a60dddd8/packages/shared/src/globalsWhitelist.ts
 const GLOBALS_WHITE_LISTED = new Set([
   'Infinity',
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index e20d1763a..17b63d6c0 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -5,10 +5,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 // https://html.spec.whatwg.org/multipage/parsing.html#parse-errors
 const DEFAULT_OPTIONS = Object.freeze(
   Object.assign(Object.create(null), {
@@ -51,10 +47,6 @@ const DEFAULT_OPTIONS = Object.freeze(
   })
 )
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index 2ccfed861..a381a0827 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -6,10 +6,6 @@
 
 const utils = require('../utils')
 const vueComponentOptions = require('../utils/vue-component-options.json')
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     hasSuggestions: true,
diff --git a/lib/rules/no-ref-object-destructure.js b/lib/rules/no-ref-object-destructure.js
index 85754d18e..859a3cb14 100644
--- a/lib/rules/no-ref-object-destructure.js
+++ b/lib/rules/no-ref-object-destructure.js
@@ -4,20 +4,12 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const {
   extractRefObjectReferences,
   extractReactiveVariableReferences
 } = require('../utils/ref-object-references')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
  * @typedef {import('../utils/ref-object-references').RefObjectReference} RefObjectReference
@@ -52,10 +44,6 @@ function isUpdate(node) {
   return false
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-required-prop-with-default.js b/lib/rules/no-required-prop-with-default.js
index 6d62b89db..94285f9db 100644
--- a/lib/rules/no-required-prop-with-default.js
+++ b/lib/rules/no-required-prop-with-default.js
@@ -3,10 +3,6 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 /**
  * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
@@ -16,10 +12,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     hasSuggestions: true,
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 81b035300..dafc70e0d 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -47,10 +47,6 @@ const RESERVED_NAMES_IN_OTHERS = new Set([
   ...svgElements.filter(isLowercase).map(casing.capitalize)
 ])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Expression | SpreadElement} node
  * @returns {node is (Literal | TemplateLiteral)}
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index a8e787734..20bca97ce 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -10,10 +10,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').GroupName} GroupName
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 const RESERVED_KEYS = require('../utils/vue-reserved.json')
 /** @type {GroupName[]} */
 const GROUP_NAMES = [
@@ -63,10 +59,6 @@ module.exports = {
     ])
     const groups = new Set([...GROUP_NAMES, ...(options.groups || [])])
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_node, props) {
diff --git a/lib/rules/no-reserved-props.js b/lib/rules/no-reserved-props.js
index 44ba54dfd..f493212c6 100644
--- a/lib/rules/no-reserved-props.js
+++ b/lib/rules/no-reserved-props.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
@@ -15,19 +11,11 @@ const casing = require('../utils/casing')
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const RESERVED = {
   3: ['key', 'ref'],
   2: ['key', 'ref', 'is', 'slot', 'slot-scope', 'slotScope', 'class', 'style']
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index aa921349f..4d6c3c42d 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -4,14 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
 /**
  * Report a forbidden class
  * @param {string} className
@@ -96,9 +90,6 @@ function* extractClassNames(node, textOnly) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 7987250b4..479aa0083 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { findVariable } = require('eslint-utils')
 const utils = require('../utils')
 const regexp = require('../utils/regexp')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @typedef {object} ParsedOption
  * @property { (name: string) => boolean } test
diff --git a/lib/rules/no-shared-component-data.js b/lib/rules/no-shared-component-data.js
index 160f41ef9..3ad217d3c 100644
--- a/lib/rules/no-shared-component-data.js
+++ b/lib/rules/no-shared-component-data.js
@@ -37,10 +37,6 @@ function getFirstAndLastTokens(node, sourceCode) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 7f7697b50..95611c26b 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -12,10 +12,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 31c290588..733b3212b 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/no-template-key.js b/lib/rules/no-template-key.js
index c3fc3f2b4..686c2de1f 100644
--- a/lib/rules/no-template-key.js
+++ b/lib/rules/no-template-key.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 227abe715..a1fb733d8 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -4,20 +4,12 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 /**
  * @typedef {import('../utils').GroupName} GroupName
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /** @type {GroupName[]} */
 const GROUP_NAMES = [
   'props',
@@ -53,10 +45,6 @@ module.exports = {
     /** @type {ScopeStack | null} */
     let scopeStack = null
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.isScriptSetup(context)
         ? {
diff --git a/lib/rules/no-template-target-blank.js b/lib/rules/no-template-target-blank.js
index b671091ce..1cbe7f401 100644
--- a/lib/rules/no-template-target-blank.js
+++ b/lib/rules/no-template-target-blank.js
@@ -4,15 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
 /** @param {VAttribute} node */
 function isTargetBlank(node) {
   return (
@@ -74,10 +67,6 @@ function hasDynamicLink(node) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index abbe01157..b7a12bd8e 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-this-in-before-route-enter.js b/lib/rules/no-this-in-before-route-enter.js
index 702d19672..f6aa59d16 100644
--- a/lib/rules/no-this-in-before-route-enter.js
+++ b/lib/rules/no-this-in-before-route-enter.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index 3ffe9cc3b..4537f3dce 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
-// ------------------------------------------------------------------------------
-// Rule helpers
-// ------------------------------------------------------------------------------
-
 /**
  * `casing.camelCase()` converts the beginning to lowercase,
  * but does not convert the case of the beginning character when converting with Vue3.
@@ -25,10 +17,6 @@ function camelize(str) {
   return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 7641d3afb..36650f555 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const reserved = require('../utils/vue-reserved.json')
 const { toRegExp } = require('../utils/regexp')
@@ -27,10 +23,6 @@ const {
  * @property {boolean} [isProps]
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const GROUP_PROPERTY = 'props'
 const GROUP_ASYNC_DATA = 'asyncData' // Nuxt.js
 const GROUP_DATA = 'data'
@@ -84,10 +76,6 @@ function getPropertyDataFromObjectProperty(property) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index f07b9ea54..ffab616c1 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 1414df359..0a345542e 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const eslintUtils = require('eslint-utils')
 const { getStyleVariablesContext } = require('../utils/style-variables')
@@ -49,10 +45,6 @@ const {
  * @property {IPropertyReferences[]} propertyReferencesForProps
  */
 
-// ------------------------------------------------------------------------------
-// Constants
-// ------------------------------------------------------------------------------
-
 const GROUP_PROPERTY = 'props'
 const GROUP_DATA = 'data'
 const GROUP_ASYNC_DATA = 'asyncData'
@@ -77,10 +69,6 @@ const PROPERTY_LABEL = {
   expose: 'expose'
 }
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {RuleContext} context
  * @param {Identifier} id
@@ -192,10 +180,6 @@ function findJSDocComment(node, sourceCode) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
index 248f11c59..9033d9c2e 100644
--- a/lib/rules/no-unused-refs.js
+++ b/lib/rules/no-unused-refs.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Extract names from references objects.
  * @param {VReference[]} references
@@ -22,10 +14,6 @@ function getReferences(references) {
   return references.filter((ref) => ref.variable == null).map((ref) => ref.id)
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 430d3bedf..f58cc1398 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -10,10 +10,6 @@ const utils = require('../utils')
  * @typedef {VVariable['kind']} VariableKind
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Groups variables by directive kind.
  * @param {VElement} node The element node
@@ -53,10 +49,6 @@ function isDestructuringVar(variable) {
   return false
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     hasSuggestions: true,
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index 957f2b6ac..f89c804da 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -4,9 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
 const eslintUtils = require('eslint-utils')
 const utils = require('../utils')
 
@@ -22,10 +19,6 @@ const utils = require('../utils')
  * @property {CallExpression} node
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /** @type {Set<GroupName>} */
 const GROUPS = new Set(['data', 'props', 'computed', 'methods'])
 
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 3d48d100e..650eb0d96 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Check whether the given `v-if` node is using the variable which is defined by the `v-for` directive.
  * @param {VDirective} vIf The `v-if` attribute node to check.
@@ -42,10 +34,6 @@ function getVForUsingIterationVar(vIf) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-useless-template-attributes.js b/lib/rules/no-useless-template-attributes.js
index f86384a22..69114a3f8 100644
--- a/lib/rules/no-useless-template-attributes.js
+++ b/lib/rules/no-useless-template-attributes.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 // https://github.com/vuejs/vue-next/blob/64e2f4643602c5980361e66674141e61ba60ef70/packages/compiler-core/src/parse.ts#L405
 const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
   'if',
@@ -23,9 +15,6 @@ const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
   'slot'
 ])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 /**
  * @param {VAttribute | VDirective} attr
  */
diff --git a/lib/rules/no-v-for-template-key-on-child.js b/lib/rules/no-v-for-template-key-on-child.js
index 79ee1d97c..e93be7ea8 100644
--- a/lib/rules/no-v-for-template-key-on-child.js
+++ b/lib/rules/no-v-for-template-key-on-child.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Check whether the given attribute is using the variables which are defined by `v-for` directives.
  * @param {VDirective} vFor The attribute node of `v-for` to check.
@@ -35,10 +27,6 @@ function isUsingIterationVar(vFor, vBindKey) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-v-for-template-key.js b/lib/rules/no-v-for-template-key.js
index 9a0175150..9549fde8b 100644
--- a/lib/rules/no-v-for-template-key.js
+++ b/lib/rules/no-v-for-template-key.js
@@ -5,10 +5,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index 33a1bfa30..fb9f0a5fe 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -5,10 +5,6 @@
 'use strict'
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
index 615af912c..f69fa101b 100644
--- a/lib/rules/no-v-model-argument.js
+++ b/lib/rules/no-v-model-argument.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-v-text-v-html-on-component.js b/lib/rules/no-v-text-v-html-on-component.js
index d6af976bd..c517167f1 100644
--- a/lib/rules/no-v-text-v-html-on-component.js
+++ b/lib/rules/no-v-text-v-html-on-component.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/no-v-text.js b/lib/rules/no-v-text.js
index 272ebe333..96fe6e019 100644
--- a/lib/rules/no-v-text.js
+++ b/lib/rules/no-v-text.js
@@ -5,10 +5,6 @@
 'use strict'
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
index 59deba90e..b0cd795f9 100644
--- a/lib/rules/one-component-per-file.js
+++ b/lib/rules/one-component-per-file.js
@@ -6,10 +6,6 @@
 const utils = require('../utils')
 const { getVueComponentDefinitionType } = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 1ecc49254..cf9dba9d4 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -209,10 +209,6 @@ function isNotSideEffectsNode(node, visitorKeys) {
   return result
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index f5f4d089c..e962488dd 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -111,10 +111,6 @@ const PaddingTypes = {
   always: { verify: verifyForAlways }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/padding-line-between-tags.js b/lib/rules/padding-line-between-tags.js
index a6144d9a5..479aed7cd 100644
--- a/lib/rules/padding-line-between-tags.js
+++ b/lib/rules/padding-line-between-tags.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 /**
@@ -95,10 +91,6 @@ function removeExcessLines(context, endTag, sibling, lineDifference) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * @param {RuleContext} context
  */
diff --git a/lib/rules/prefer-import-from-vue.js b/lib/rules/prefer-import-from-vue.js
index 3d5a1ebac..45dca0aaa 100644
--- a/lib/rules/prefer-import-from-vue.js
+++ b/lib/rules/prefer-import-from-vue.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const vue3ExportNames = new Set(require('../utils/vue3-export-names.json'))
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const TARGET_AT_VUE_MODULES = new Set([
   '@vue/runtime-dom',
   '@vue/runtime-core',
@@ -45,10 +37,6 @@ function* extractImportNames(node) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/prefer-prop-type-boolean-first.js b/lib/rules/prefer-prop-type-boolean-first.js
index 055e16129..e26f9462e 100644
--- a/lib/rules/prefer-prop-type-boolean-first.js
+++ b/lib/rules/prefer-prop-type-boolean-first.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {ArrayExpression} node
  * @param {RuleContext} context
@@ -52,10 +44,6 @@ function checkArrayExpression(node, context) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/prefer-separate-static-class.js b/lib/rules/prefer-separate-static-class.js
index 0ebeb2451..7adc68cb9 100644
--- a/lib/rules/prefer-separate-static-class.js
+++ b/lib/rules/prefer-separate-static-class.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const {
   defineTemplateBodyVisitor,
   isStringLiteral,
@@ -91,10 +87,6 @@ function* removeNodeWithComma(fixer, tokenStore, node) {
   yield fixer.remove(node)
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/prefer-true-attribute-shorthand.js b/lib/rules/prefer-true-attribute-shorthand.js
index 00fe95489..42d3326a9 100644
--- a/lib/rules/prefer-true-attribute-shorthand.js
+++ b/lib/rules/prefer-true-attribute-shorthand.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 29386d6bc..4a8ffebb4 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -12,19 +12,12 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 /** @param {RuleContext} context */
 function create(context) {
   const options = context.options[0]
   const caseType = allowedCaseOptions.includes(options) ? options : 'camelCase'
   const checker = casing.getChecker(caseType)
 
-  // ----------------------------------------------------------------------
-  // Public
-  // ----------------------------------------------------------------------
-
   /**
    * @param {ComponentProp[]} props
    */
@@ -58,10 +51,6 @@ function create(context) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/require-component-is.js b/lib/rules/require-component-is.js
index 12fda302b..d4008903a 100644
--- a/lib/rules/require-component-is.js
+++ b/lib/rules/require-component-is.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 7aff2ebac..21ee6825e 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -23,10 +23,6 @@ const NATIVE_TYPES = new Set([
   'Symbol'
 ])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * Detects whether given value node is a Boolean type
  * @param {Expression} value
@@ -63,10 +59,6 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    // ----------------------------------------------------------------------
-    // Helpers
-    // ----------------------------------------------------------------------
-
     /**
      * Checks if the passed prop is required
      * @param {ObjectExpression} propValue - ObjectExpression AST node for a single prop
@@ -193,10 +185,6 @@ module.exports = {
       }
     }
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index 05d80c38f..bc8f26a25 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -6,10 +6,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 9ab8e6bdf..6fc439fd2 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -10,10 +10,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentEmit} ComponentEmit
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     hasSuggestions: true,
@@ -34,10 +30,6 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    // ----------------------------------------------------------------------
-    // Helpers
-    // ----------------------------------------------------------------------
-
     /**
      * @param {ComponentEmit} emit
      */
@@ -83,10 +75,6 @@ module.exports = {
       }
     }
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.executeOnVue(context, (obj) => {
         for (const emit of utils.getComponentEmitsFromOptions(obj)) {
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 9f531ccba..0bcc18241 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -10,10 +10,6 @@
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const {
   findVariable,
   isOpeningBraceToken,
@@ -23,10 +19,6 @@ const {
 const utils = require('../utils')
 const { capitalize } = require('../utils/casing')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const FIX_EMITS_AFTER_OPTIONS = new Set([
   'setup',
   'data',
@@ -78,9 +70,6 @@ function getNameParamNode(node) {
   // cannot check
   return null
 }
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 
 module.exports = {
   meta: {
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index df96ddb66..b74f29b93 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const {
   findVariable,
   isOpeningBraceToken,
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index 121a503ab..a708508e5 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -11,10 +11,6 @@ const { isDef } = require('../utils')
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 const message = 'The "{{name}}" property should be a constructor.'
 
 const forbiddenTypes = new Set([
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 3239deb9b..e4d9fdcc1 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -10,10 +10,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -29,10 +25,6 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    // ----------------------------------------------------------------------
-    // Helpers
-    // ----------------------------------------------------------------------
-
     /**
      * @param {ObjectExpression} node
      * @returns {boolean}
@@ -99,10 +91,6 @@ module.exports = {
       }
     }
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_node, props) {
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 8350f9209..0b427ae1d 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -6,10 +6,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
@@ -26,10 +22,6 @@ module.exports = {
     /** @type {Map<ESNode, Property['key']>} */
     const renderFunctions = new Map()
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       utils.defineVueVisitor(context, {
         onRenderFunctionEnter(node) {
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
index 0e83eeda7..f2eaa7f83 100644
--- a/lib/rules/require-slots-as-functions.js
+++ b/lib/rules/require-slots-as-functions.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index 223e4f9be..365fbc713 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index 3f82e696a..1fb7f7a5b 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 5208dbdde..50a3d191b 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -14,10 +14,6 @@ const { capitalize } = require('../utils/casing')
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
 
-// ----------------------------------------------------------------------
-// Helpers
-// ----------------------------------------------------------------------
-
 const NATIVE_TYPES = new Set([
   'String',
   'Number',
@@ -72,10 +68,6 @@ function getTypes(targetNode) {
   return []
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -323,10 +315,6 @@ module.exports = {
       return propContexts
     }
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.compositingVisitors(
       {
         /**
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 5c29aa440..a8f59fb56 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -10,10 +10,6 @@ const utils = require('../utils')
  * @typedef {import('../utils').ComponentComputedProperty} ComponentComputedProperty
  */
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
@@ -50,10 +46,6 @@ module.exports = {
     /** @type {(FunctionExpression | ArrowFunctionExpression)[]} */
     const computedFunctionNodes = []
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return Object.assign(
       {
         Program() {
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 91c9e6675..4b8a3b1da 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -31,10 +31,6 @@ function isFalsy(node) {
     (node.name === 'undefined' || node.name === 'NaN')
   )
 }
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
@@ -52,10 +48,6 @@ module.exports = {
     /** @type {ComponentObjectEmit[]} */
     const emitsValidators = []
 
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index 6a85e7114..2a81cddd3 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const indentCommon = require('../utils/indent-common')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 40b8e54ac..6af828177 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -5,17 +5,9 @@
 'use strict'
 
 const { getStyleVariablesContext } = require('../utils/style-variables')
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /**
  * `casing.camelCase()` converts the beginning to lowercase,
  * but does not convert the case of the beginning character when converting with Vue3.
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 3bf124fe1..1f8b9ef2c 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const casing = require('../utils/casing')
 const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {VElement & { endTag: VEndTag } } element
  */
@@ -50,10 +42,6 @@ function isEmpty(node, sourceCode) {
   return sourceCode.text.slice(start, end).trim() === ''
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 320d74f13..38d758e91 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const naturalCompare = require('natural-compare')
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Gets the property name of the given `Property` node.
  *
@@ -72,10 +64,6 @@ const isValidOrders = {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/static-class-names-order.js b/lib/rules/static-class-names-order.js
index 3e5e9a631..e0ff3ed25 100644
--- a/lib/rules/static-class-names-order.js
+++ b/lib/rules/static-class-names-order.js
@@ -4,15 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const { defineTemplateBodyVisitor } = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/syntaxes/v-model-custom-modifiers.js b/lib/rules/syntaxes/v-model-custom-modifiers.js
index d11116b2d..4b17b47d6 100644
--- a/lib/rules/syntaxes/v-model-custom-modifiers.js
+++ b/lib/rules/syntaxes/v-model-custom-modifiers.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const BUILTIN_MODIFIERS = new Set(['lazy', 'number', 'trim'])
 
 module.exports = {
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index cd03c2106..381871c42 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const RESERVED_NAMES = new Set(require('../utils/js-reserved.json'))
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index 75c72c12d..89ac9bf74 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 /**
  * @typedef { {name: string, node: VDirectiveKey, modifiers: string[] } } EventDirective
  */
@@ -25,10 +21,6 @@ const GLOBAL_MODIFIERS = new Set([
   'native'
 ])
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Finds and returns all keys for event directives
  *
@@ -167,10 +159,6 @@ function findConflictedEvents(events) {
   return conflictedEvents
 }
 
-// ------------------------------------------------------------------------------
-// Rule details
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 4e3c638be..3c60b5956 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index 2dca5eecd..f4f262100 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -6,16 +6,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'layout',
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index b72548daa..b6274d12e 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -3,20 +3,12 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
 /**
  * @typedef { import('../utils').ComponentPropertyData } ComponentPropertyData
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Check whether the given token is a quote.
  * @param {Token} token The token to check.
@@ -69,10 +61,6 @@ function getInvalidNeverCallExpression(node) {
   return expression
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/v-on-style.js b/lib/rules/v-on-style.js
index 4649aacf9..6fdf48db5 100644
--- a/lib/rules/v-on-style.js
+++ b/lib/rules/v-on-style.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'suggestion',
diff --git a/lib/rules/valid-model-definition.js b/lib/rules/valid-model-definition.js
index 5b7435f4c..7eb9d7949 100644
--- a/lib/rules/valid-model-definition.js
+++ b/lib/rules/valid-model-definition.js
@@ -6,9 +6,6 @@
 
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
 const VALID_MODEL_KEYS = new Set(['prop', 'event'])
 
 module.exports = {
@@ -24,10 +21,6 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
     return utils.executeOnVue(context, (obj) => {
       const modelProperty = utils.findProperty(obj, 'model')
       if (!modelProperty || modelProperty.value.type !== 'ObjectExpression') {
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index eba820041..2182dad0f 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -6,17 +6,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const { findVariable } = require('eslint-utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @param {Identifier} identifier
  * @param {RuleContext} context
@@ -116,10 +108,6 @@ function isAwaitedPromise(callExpression) {
   return false
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     hasSuggestions: true,
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index 7612ae85f..a2038f6ee 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 2a42e1b32..d01b1b8cd 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Check whether the given node is valid or not.
  * @param {VElement} node The element node to check.
@@ -78,10 +70,6 @@ function maybeNullObjectMemberExpression(node) {
   return false
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index 6605ed1c7..361db7896 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -5,22 +5,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const VALID_MODIFIERS = new Set(['prop', 'camel', 'sync', 'attr'])
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-cloak.js b/lib/rules/valid-v-cloak.js
index efcaf6940..8fe19504f 100644
--- a/lib/rules/valid-v-cloak.js
+++ b/lib/rules/valid-v-cloak.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index c2c0c8851..d8888534d 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index 7c4bd28aa..8c7f8e49a 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 0acf7dba2..9dcf76350 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Check whether the given attribute is using the variables which are defined by `v-for` directives.
  * @param {VDirective} vFor The attribute node of `v-for` to check.
@@ -95,10 +87,6 @@ function checkKey(context, vFor, element) {
   }
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index be39026d0..af4636a50 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index 7ac4287b3..b728a829b 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-is.js b/lib/rules/valid-v-is.js
index 15cde7431..2f97d1fd9 100644
--- a/lib/rules/valid-v-is.js
+++ b/lib/rules/valid-v-is.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Check whether the given node is valid or not.
  * @param {VElement} node The element node to check.
@@ -30,10 +22,6 @@ function isValidElement(node) {
   return true
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-memo.js b/lib/rules/valid-v-memo.js
index a5f548ae5..66ba9a75d 100644
--- a/lib/rules/valid-v-memo.js
+++ b/lib/rules/valid-v-memo.js
@@ -4,16 +4,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index eb8b63b2b..2378c86f2 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const VALID_MODIFIERS = new Set(['lazy', 'number', 'trim'])
 
 /**
@@ -114,10 +106,6 @@ function getVariable(name, leafNode) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 /** @type {RuleModule}  */
 module.exports = {
   meta: {
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index 62deb4e47..7c5471f28 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 const keyAliases = require('../utils/key-aliases.json')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const VALID_MODIFIERS = new Set([
   'stop',
   'prevent',
@@ -66,10 +58,6 @@ function isValidModifier(modifierNode, customModifiers) {
   )
 }
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-once.js b/lib/rules/valid-v-once.js
index bacf83304..987218585 100644
--- a/lib/rules/valid-v-once.js
+++ b/lib/rules/valid-v-once.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-pre.js b/lib/rules/valid-v-pre.js
index 0112ebde3..7cd9e30ec 100644
--- a/lib/rules/valid-v-pre.js
+++ b/lib/rules/valid-v-pre.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index 59ba9c432..c547b8c31 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index 1e93c14e0..c6ef676d1 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -5,16 +5,8 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
diff --git a/lib/utils/casing.js b/lib/utils/casing.js
index 9f911951d..a47e978cd 100644
--- a/lib/utils/casing.js
+++ b/lib/utils/casing.js
@@ -1,7 +1,3 @@
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * Capitalize a string.
  * @param {string} str
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
index 5e2d3f1f4..53f7df5ae 100644
--- a/lib/utils/html-comments.js
+++ b/lib/utils/html-comments.js
@@ -10,16 +10,8 @@
  * @typedef { Token & { type: 'HTMLCommentCloseDecoration' } } HTMLCommentCloseDecoration
  * @typedef { { open: HTMLCommentOpen, openDecoration: HTMLCommentOpenDecoration | null, value: HTMLCommentValue | null, closeDecoration: HTMLCommentCloseDecoration | null, close: HTMLCommentClose } } ParsedHTMLComment
  */
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const utils = require('./')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const COMMENT_DIRECTIVE = /^\s*eslint-(?:en|dis)able/
 const IE_CONDITIONAL_IF = /^\[if\s+/
 const IE_CONDITIONAL_ENDIF = /\[endif]$/
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index efcde09df..79858b495 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const {
   isArrowToken,
   isOpeningParenToken,
@@ -39,9 +35,6 @@ const { defineVisitor: tsDefineVisitor } = require('./indent-ts')
  * @typedef { { type: string } & HasLocation } MaybeNode
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
 const LT_CHAR = /[\n\r\u2028\u2029]/
 const LINES = /[^\n\r\u2028\u2029]+(?:$|\r\n|[\n\r\u2028\u2029])/g
 const BLOCK_COMMENT_PREFIX = /^\s*\*/
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index d1b1e6f65..9e8b6638c 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -34,10 +34,6 @@ const eslintUtils = require('eslint-utils')
  * @property { (name: string) => Iterable<NestPropertyNode> } getNestNodes Get the nesting property nodes.
  */
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /** @type {IPropertyReferences} */
 const ANY = {
   hasProperty: () => true,
@@ -88,10 +84,6 @@ function findFunction(context, id) {
   return null
 }
 
-// ------------------------------------------------------------------------------
-// Public
-// ------------------------------------------------------------------------------
-
 module.exports = {
   definePropertyReferenceExtractor,
   mergePropertyReferences
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index 0dd9abcd4..7760a49b8 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -10,10 +10,6 @@ const eslintUtils = require('eslint-utils')
 const { definePropertyReferenceExtractor } = require('./property-references')
 const { ReferenceTracker } = eslintUtils
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 /**
  * @typedef {object} RefObjectReferenceForExpression
  * @property {'expression'} type
@@ -253,9 +249,6 @@ function getGlobalScope(context) {
     sourceCode.scopeManager.globalScope || sourceCode.scopeManager.scopes[0]
   )
 }
-// ------------------------------------------------------------------------------
-// Public
-// ------------------------------------------------------------------------------
 
 module.exports = {
   extractRefObjectReferences,
diff --git a/tests/integrations/eslint-plugin-import.js b/tests/integrations/eslint-plugin-import.js
index cdac4abe4..a408fdcdd 100644
--- a/tests/integrations/eslint-plugin-import.js
+++ b/tests/integrations/eslint-plugin-import.js
@@ -5,18 +5,10 @@
  */
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const cp = require('child_process')
 const path = require('path')
 const semver = require('semver')
 
-// -----------------------------------------------------------------------------
-// Tests
-// -----------------------------------------------------------------------------
-
 const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
 
 describe('Integration with eslint-plugin-import', () => {
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 26f9531cb..002254dd0 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/attribute-hyphenation')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 3797b9181..47099273d 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/attributes-order')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 7b93ea754..4a8e158c3 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -5,17 +5,9 @@
 
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const assert = require('assert')
 const { ESLint } = require('../../eslint-compat')
 
-// -----------------------------------------------------------------------------
-// Tests
-// -----------------------------------------------------------------------------
-
 // Initialize linter.
 const eslint = new ESLint({
   overrideConfig: {
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index 6d4257533..534751254 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/component-api-style')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index f62b7183b..ef9cbde8b 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/component-definition-name-casing')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const parserOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 9bd81930d..758254b97 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/component-name-in-template-casing')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 94ba7a1b4..51ed7140b 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -3,10 +3,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/component-tags-order')
 const RuleTester = require('eslint').RuleTester
 const assert = require('assert')
@@ -30,10 +26,6 @@ const eslint = new ESLint({
   fix: true
 })
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser')
 })
diff --git a/tests/lib/rules/first-attribute-linebreak.js b/tests/lib/rules/first-attribute-linebreak.js
index 61cbb2ed9..9195fdbdd 100644
--- a/tests/lib/rules/first-attribute-linebreak.js
+++ b/tests/lib/rules/first-attribute-linebreak.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/first-attribute-linebreak')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index cdf8abff7..2831fbd03 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/html-button-has-type')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/html-closing-bracket-newline.js b/tests/lib/rules/html-closing-bracket-newline.js
index b72c46b97..523b2d53a 100644
--- a/tests/lib/rules/html-closing-bracket-newline.js
+++ b/tests/lib/rules/html-closing-bracket-newline.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/html-closing-bracket-newline')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/html-closing-bracket-spacing.js b/tests/lib/rules/html-closing-bracket-spacing.js
index af03d0bfd..8d359cbd0 100644
--- a/tests/lib/rules/html-closing-bracket-spacing.js
+++ b/tests/lib/rules/html-closing-bracket-spacing.js
@@ -4,17 +4,9 @@
 
 'use strict'
 
-// -----------------------------------------------------------------------------
-// Requirements
-// -----------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/html-closing-bracket-spacing')
 
-// -----------------------------------------------------------------------------
-// Tests
-// -----------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/html-end-tags.js b/tests/lib/rules/html-end-tags.js
index 76c250c0a..b60c9848a 100644
--- a/tests/lib/rules/html-end-tags.js
+++ b/tests/lib/rules/html-end-tags.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/html-end-tags')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 1c817f1a3..688f44f6b 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -5,19 +5,11 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const fs = require('fs')
 const path = require('path')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/html-indent')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/html-indent/')
 
 /**
@@ -106,10 +98,6 @@ function unIndent(strings) {
   return lines.map((line) => line.slice(minLineIndent)).join('\n')
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/html-quotes.js b/tests/lib/rules/html-quotes.js
index dd250054a..62b151509 100644
--- a/tests/lib/rules/html-quotes.js
+++ b/tests/lib/rules/html-quotes.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/html-quotes')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index a93844739..c600fdaf1 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/html-self-closing')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser')
 })
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index f8b700bd6..895093da7 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const eslint = require('eslint')
 const rule = require('../../../lib/rules/jsx-uses-vars')
 const ruleNoUnusedVars = new (require('eslint').Linter)()
@@ -28,10 +24,6 @@ const ruleTester = new RuleTester({
 const linter = ruleTester.linter || eslint.linter
 linter.defineRule('jsx-uses-vars', rule)
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 describe('jsx-uses-vars', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index 83610962c..cbd35713d 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/match-component-file-name')
 const RuleTester = require('eslint').RuleTester
 
@@ -24,10 +20,6 @@ const parserOptions = {
 
 const ruleTester = new RuleTester()
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 ruleTester.run('match-component-file-name', rule, {
   valid: [
     // .jsx
diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index 9e14495a2..d8bae0580 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/max-attributes-per-line')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/max-len.js b/tests/lib/rules/max-len.js
index 8734d775d..3ff9f2dff 100644
--- a/tests/lib/rules/max-len.js
+++ b/tests/lib/rules/max-len.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/max-len')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2017, sourceType: 'module' }
diff --git a/tests/lib/rules/multiline-html-element-content-newline.js b/tests/lib/rules/multiline-html-element-content-newline.js
index d566707d3..d06982955 100644
--- a/tests/lib/rules/multiline-html-element-content-newline.js
+++ b/tests/lib/rules/multiline-html-element-content-newline.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/multiline-html-element-content-newline')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/mustache-interpolation-spacing.js b/tests/lib/rules/mustache-interpolation-spacing.js
index f010fce4d..ec888a5af 100644
--- a/tests/lib/rules/mustache-interpolation-spacing.js
+++ b/tests/lib/rules/mustache-interpolation-spacing.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/mustache-interpolation-spacing')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/new-line-between-multi-line-property.js b/tests/lib/rules/new-line-between-multi-line-property.js
index 41dce3434..a302cca7e 100644
--- a/tests/lib/rules/new-line-between-multi-line-property.js
+++ b/tests/lib/rules/new-line-between-multi-line-property.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/new-line-between-multi-line-property')
 const RuleTester = require('eslint').RuleTester
 const ruleTester = new RuleTester({
@@ -15,10 +11,6 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
 })
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 ruleTester.run('new-line-between-multi-line-property', rule, {
   valid: [
     // test good example of proposal https://github.com/vuejs/eslint-plugin-vue/issues/391
diff --git a/tests/lib/rules/next-tick-style.js b/tests/lib/rules/next-tick-style.js
index 9f2d0ae5b..24ef50a8e 100644
--- a/tests/lib/rules/next-tick-style.js
+++ b/tests/lib/rules/next-tick-style.js
@@ -6,17 +6,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/next-tick-style')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-arrow-functions-in-watch.js b/tests/lib/rules/no-arrow-functions-in-watch.js
index 0e137c193..0103ea849 100644
--- a/tests/lib/rules/no-arrow-functions-in-watch.js
+++ b/tests/lib/rules/no-arrow-functions-in-watch.js
@@ -2,17 +2,9 @@
  * @author Sosuke Suzuki
  */
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-arrow-functions-in-watch')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index ba6c0cd02..31950ec5d 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-async-in-computed-properties')
 const RuleTester = require('eslint').RuleTester
 
@@ -17,10 +13,6 @@ const parserOptions = {
 }
 const parser = require.resolve('vue-eslint-parser')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 
 ruleTester.run('no-async-in-computed-properties', rule, {
diff --git a/tests/lib/rules/no-bare-strings-in-template.js b/tests/lib/rules/no-bare-strings-in-template.js
index 8856ab962..38d71aa46 100644
--- a/tests/lib/rules/no-bare-strings-in-template.js
+++ b/tests/lib/rules/no-bare-strings-in-template.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-bare-strings-in-template')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index ef1af7925..42338e75d 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -4,19 +4,11 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const semver = require('semver')
 const rule = require('../../../lib/rules/no-boolean-default')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
diff --git a/tests/lib/rules/no-child-content.js b/tests/lib/rules/no-child-content.js
index 320b7ade2..79bba576a 100644
--- a/tests/lib/rules/no-child-content.js
+++ b/tests/lib/rules/no-child-content.js
@@ -4,16 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-child-content')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-custom-modifiers-on-v-model.js b/tests/lib/rules/no-custom-modifiers-on-v-model.js
index 03b0459a4..a07e459b9 100644
--- a/tests/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/tests/lib/rules/no-custom-modifiers-on-v-model.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-custom-modifiers-on-v-model')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-deprecated-data-object-declaration.js b/tests/lib/rules/no-deprecated-data-object-declaration.js
index 22aa31160..e80253570 100644
--- a/tests/lib/rules/no-deprecated-data-object-declaration.js
+++ b/tests/lib/rules/no-deprecated-data-object-declaration.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-data-object-declaration')
 
 const RuleTester = require('eslint').RuleTester
@@ -17,10 +13,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('no-deprecated-data-object-declaration', rule, {
   valid: [
diff --git a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
index c8c6774d6..2a48fa79f 100644
--- a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-destroyed-lifecycle')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
index 8644d13aa..01f42894c 100644
--- a/tests/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-dollar-listeners-api')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
index a29211a22..94d4c96b0 100644
--- a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-dollar-scopedslots-api')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index 3022690b1..2f28b4215 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-events-api')
 
 const RuleTester = require('eslint').RuleTester
@@ -17,10 +13,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('no-deprecated-events-api', rule, {
   valid: [
diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
index e21d2b619..66469f841 100644
--- a/tests/lib/rules/no-deprecated-filter.js
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-filter')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-deprecated-functional-template.js b/tests/lib/rules/no-deprecated-functional-template.js
index 9b031cf22..410b4b456 100644
--- a/tests/lib/rules/no-deprecated-functional-template.js
+++ b/tests/lib/rules/no-deprecated-functional-template.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-functional-template')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2019 }
diff --git a/tests/lib/rules/no-deprecated-html-element-is.js b/tests/lib/rules/no-deprecated-html-element-is.js
index 9b7cfdb23..91b1c9266 100644
--- a/tests/lib/rules/no-deprecated-html-element-is.js
+++ b/tests/lib/rules/no-deprecated-html-element-is.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-html-element-is')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2019 }
diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js
index e64511acd..d164c7a9a 100644
--- a/tests/lib/rules/no-deprecated-inline-template.js
+++ b/tests/lib/rules/no-deprecated-inline-template.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-inline-template')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2019 }
diff --git a/tests/lib/rules/no-deprecated-props-default-this.js b/tests/lib/rules/no-deprecated-props-default-this.js
index 0d5f8ff24..9b663cdf7 100644
--- a/tests/lib/rules/no-deprecated-props-default-this.js
+++ b/tests/lib/rules/no-deprecated-props-default-this.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-props-default-this')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
index 6f9d6860d..626993731 100644
--- a/tests/lib/rules/no-deprecated-v-bind-sync.js
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-v-bind-sync')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-deprecated-v-on-native-modifier.js b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
index d201cd478..1342f25bf 100644
--- a/tests/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-v-on-native-modifier')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index dc7ae6500..986b5e335 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-v-on-number-modifiers')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-deprecated-vue-config-keycodes.js b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
index dae0ec800..37c8bf3c4 100644
--- a/tests/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-deprecated-vue-config-keycodes')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 2abae46d0..26c9f7339 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-dupe-keys')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
index 8c4917071..b4a00c228 100644
--- a/tests/lib/rules/no-duplicate-attr-inheritance.js
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-duplicate-attr-inheritance')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-duplicate-attributes.js b/tests/lib/rules/no-duplicate-attributes.js
index baa79dc98..25f6fe5dc 100644
--- a/tests/lib/rules/no-duplicate-attributes.js
+++ b/tests/lib/rules/no-duplicate-attributes.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-duplicate-attributes')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-export-in-script-setup.js b/tests/lib/rules/no-export-in-script-setup.js
index 3ea915401..76e7b0ee4 100644
--- a/tests/lib/rules/no-export-in-script-setup.js
+++ b/tests/lib/rules/no-export-in-script-setup.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const semver = require('semver')
 const eslint = require('eslint')
 const rule = require('../../../lib/rules/no-export-in-script-setup')
@@ -21,10 +17,6 @@ const ruleTester = new RuleTester({
   }
 })
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 ruleTester.run('no-export-in-script-setup', rule, {
   valid: [
     {
diff --git a/tests/lib/rules/no-invalid-model-keys.js b/tests/lib/rules/no-invalid-model-keys.js
index ebe4de973..1ae7cb522 100644
--- a/tests/lib/rules/no-invalid-model-keys.js
+++ b/tests/lib/rules/no-invalid-model-keys.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-invalid-model-keys')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
diff --git a/tests/lib/rules/no-multi-spaces.js b/tests/lib/rules/no-multi-spaces.js
index 347672706..255bff813 100644
--- a/tests/lib/rules/no-multi-spaces.js
+++ b/tests/lib/rules/no-multi-spaces.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-multi-spaces')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
diff --git a/tests/lib/rules/no-multiple-objects-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
index 64ce82b0a..f044e316f 100644
--- a/tests/lib/rules/no-multiple-objects-in-class.js
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-multiple-objects-in-class')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
diff --git a/tests/lib/rules/no-multiple-slot-args.js b/tests/lib/rules/no-multiple-slot-args.js
index 0720a951f..8674513cf 100644
--- a/tests/lib/rules/no-multiple-slot-args.js
+++ b/tests/lib/rules/no-multiple-slot-args.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-multiple-slot-args')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index 69f9f26e4..167dc6385 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-multiple-template-root')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 22ef3aaf7..7338d9374 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-mutating-props')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 12d195cb8..7eb295c4b 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-parsing-error')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-potential-component-option-typo.js b/tests/lib/rules/no-potential-component-option-typo.js
index 12f8ed04e..2b85fc999 100644
--- a/tests/lib/rules/no-potential-component-option-typo.js
+++ b/tests/lib/rules/no-potential-component-option-typo.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-potential-component-option-typo')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
@@ -166,7 +158,7 @@ tester.run('no-potential-component-option-typo', rule, {
         delimiters: {},
         comments: {},
         inheritAttrs: {},
-      }; 
+      };
       </script>
       `,
       options: [{ presets: ['all'] }]
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 4b39c0858..ead9cce65 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-reserved-component-names')
 const RuleTester = require('eslint').RuleTester
 
@@ -17,10 +13,6 @@ const RESERVED_NAMES_IN_HTML = new Set([
   ...htmlElements.map((word) => word[0].toUpperCase() + word.slice(1))
 ])
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const invalidElements = [
   'annotation-xml',
   'AnnotationXml',
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index b262ea44f..47199d240 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const semver = require('semver')
 const rule = require('../../../lib/rules/no-reserved-keys')
 const RuleTester = require('eslint').RuleTester
@@ -17,10 +13,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('no-reserved-keys', rule, {
   valid: [
diff --git a/tests/lib/rules/no-restricted-block.js b/tests/lib/rules/no-restricted-block.js
index 82b0b3b6f..be4286ac2 100644
--- a/tests/lib/rules/no-restricted-block.js
+++ b/tests/lib/rules/no-restricted-block.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-block')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/no-restricted-component-options.js b/tests/lib/rules/no-restricted-component-options.js
index 512eb53c5..87ff4e41f 100644
--- a/tests/lib/rules/no-restricted-component-options.js
+++ b/tests/lib/rules/no-restricted-component-options.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-component-options')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-restricted-custom-event.js b/tests/lib/rules/no-restricted-custom-event.js
index 2dc4af4d6..2e022206f 100644
--- a/tests/lib/rules/no-restricted-custom-event.js
+++ b/tests/lib/rules/no-restricted-custom-event.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-custom-event')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index 3348ca1a0..a72d5b246 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -3,18 +3,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-props')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-restricted-static-attribute.js b/tests/lib/rules/no-restricted-static-attribute.js
index e0c4de130..f484bbb87 100644
--- a/tests/lib/rules/no-restricted-static-attribute.js
+++ b/tests/lib/rules/no-restricted-static-attribute.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-static-attribute')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/no-restricted-v-bind.js b/tests/lib/rules/no-restricted-v-bind.js
index 8691b1d0e..5c408ed2d 100644
--- a/tests/lib/rules/no-restricted-v-bind.js
+++ b/tests/lib/rules/no-restricted-v-bind.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-v-bind')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/no-shared-component-data.js b/tests/lib/rules/no-shared-component-data.js
index 38303b2ee..49ad5c67a 100644
--- a/tests/lib/rules/no-shared-component-data.js
+++ b/tests/lib/rules/no-shared-component-data.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-shared-component-data')
 
 const RuleTester = require('eslint').RuleTester
@@ -17,10 +13,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('no-shared-component-data', rule, {
   valid: [
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index dc62f933b..cec6747f3 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-side-effects-in-computed-properties')
 const RuleTester = require('eslint').RuleTester
 
@@ -16,10 +12,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions
diff --git a/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 9e475a5d6..da77bcdbe 100644
--- a/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-spaces-around-equal-signs-in-attribute')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser')
 })
diff --git a/tests/lib/rules/no-template-key.js b/tests/lib/rules/no-template-key.js
index 599e150f5..01add78e9 100644
--- a/tests/lib/rules/no-template-key.js
+++ b/tests/lib/rules/no-template-key.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-template-key')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index cd66b06ab..e2ea096b7 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-template-shadow')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
index 3d21c1db2..9745fd1c4 100644
--- a/tests/lib/rules/no-template-target-blank.js
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-template-target-blank')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-textarea-mustache.js b/tests/lib/rules/no-textarea-mustache.js
index 75040538b..823580204 100644
--- a/tests/lib/rules/no-textarea-mustache.js
+++ b/tests/lib/rules/no-textarea-mustache.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-textarea-mustache')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index 6f0e61a56..7bd45a6b1 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-unused-components')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index f57733d3f..82df58865 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-unused-vars')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-use-computed-property-like-method.js b/tests/lib/rules/no-use-computed-property-like-method.js
index 539e6275a..4b49c9dbc 100644
--- a/tests/lib/rules/no-use-computed-property-like-method.js
+++ b/tests/lib/rules/no-use-computed-property-like-method.js
@@ -3,17 +3,9 @@
  * See LICENSE file in root directory for full license.
  */
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-use-computed-property-like-method')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/no-use-v-if-with-v-for.js b/tests/lib/rules/no-use-v-if-with-v-for.js
index 4ed5e6f46..17cc77240 100644
--- a/tests/lib/rules/no-use-v-if-with-v-for.js
+++ b/tests/lib/rules/no-use-v-if-with-v-for.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-use-v-if-with-v-for')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-useless-mustaches.js b/tests/lib/rules/no-useless-mustaches.js
index e12d33c1e..2627eeedf 100644
--- a/tests/lib/rules/no-useless-mustaches.js
+++ b/tests/lib/rules/no-useless-mustaches.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-useless-mustaches.js')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-useless-v-bind.js b/tests/lib/rules/no-useless-v-bind.js
index 8362aa0b9..63a55dce9 100644
--- a/tests/lib/rules/no-useless-v-bind.js
+++ b/tests/lib/rules/no-useless-v-bind.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-useless-v-bind.js')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/no-v-for-template-key-on-child.js b/tests/lib/rules/no-v-for-template-key-on-child.js
index f6a1e2419..b3bbf3fec 100644
--- a/tests/lib/rules/no-v-for-template-key-on-child.js
+++ b/tests/lib/rules/no-v-for-template-key-on-child.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-v-for-template-key-on-child')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-v-for-template-key.js b/tests/lib/rules/no-v-for-template-key.js
index e6665b583..c784087f6 100644
--- a/tests/lib/rules/no-v-for-template-key.js
+++ b/tests/lib/rules/no-v-for-template-key.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-v-for-template-key')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-v-html.js b/tests/lib/rules/no-v-html.js
index 9c34f89fa..8e62fb770 100644
--- a/tests/lib/rules/no-v-html.js
+++ b/tests/lib/rules/no-v-html.js
@@ -4,16 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-v-html')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-v-model-argument.js b/tests/lib/rules/no-v-model-argument.js
index 4ffe0a57b..2f02abb83 100644
--- a/tests/lib/rules/no-v-model-argument.js
+++ b/tests/lib/rules/no-v-model-argument.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/no-v-model-argument')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/no-v-text.js b/tests/lib/rules/no-v-text.js
index c9820ce1a..df355f99e 100644
--- a/tests/lib/rules/no-v-text.js
+++ b/tests/lib/rules/no-v-text.js
@@ -5,16 +5,9 @@
 
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-v-text')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/one-component-per-file.js b/tests/lib/rules/one-component-per-file.js
index 5cdabfa85..579c470fc 100644
--- a/tests/lib/rules/one-component-per-file.js
+++ b/tests/lib/rules/one-component-per-file.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/one-component-per-file')
 const RuleTester = require('eslint').RuleTester
 
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index 4226e2dc8..d3ba65936 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const semver = require('semver')
 const rule = require('../../../lib/rules/prop-name-casing')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const parserOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
diff --git a/tests/lib/rules/require-component-is.js b/tests/lib/rules/require-component-is.js
index 75859f8d5..081b0baa7 100644
--- a/tests/lib/rules/require-component-is.js
+++ b/tests/lib/rules/require-component-is.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/require-component-is')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index e129ae84d..abb1fcb37 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const semver = require('semver')
 const rule = require('../../../lib/rules/require-default-prop')
 const RuleTester = require('eslint').RuleTester
@@ -16,10 +12,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({ parserOptions })
 ruleTester.run('require-default-prop', rule, {
   valid: [
diff --git a/tests/lib/rules/require-direct-export.js b/tests/lib/rules/require-direct-export.js
index 4f16e0fcd..bf25849df 100644
--- a/tests/lib/rules/require-direct-export.js
+++ b/tests/lib/rules/require-direct-export.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-direct-export')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index b63248cd7..751f775e7 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-emit-validator')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('require-emit-validator', rule, {
   valid: [
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index 452bb35aa..a662e34d2 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-prop-type-constructor')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2020,
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index 990126536..bcbff9013 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-prop-types')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('require-prop-types', rule, {
   valid: [
diff --git a/tests/lib/rules/require-render-return.js b/tests/lib/rules/require-render-return.js
index e931badf1..bae823e5e 100644
--- a/tests/lib/rules/require-render-return.js
+++ b/tests/lib/rules/require-render-return.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-render-return')
 const RuleTester = require('eslint').RuleTester
 
@@ -17,10 +13,6 @@ const parserOptions = {
   ecmaFeatures: { jsx: true }
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('require-render-return', rule, {
   valid: [
diff --git a/tests/lib/rules/require-slots-as-functions.js b/tests/lib/rules/require-slots-as-functions.js
index ea83b5696..0fe18f828 100644
--- a/tests/lib/rules/require-slots-as-functions.js
+++ b/tests/lib/rules/require-slots-as-functions.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-slots-as-functions')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 76c2b7c5a..73ec47206 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/require-toggle-inside-transition')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/require-v-for-key.js b/tests/lib/rules/require-v-for-key.js
index 22bb36244..91a83732f 100644
--- a/tests/lib/rules/require-v-for-key.js
+++ b/tests/lib/rules/require-v-for-key.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/require-v-for-key')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index c08a0403a..2f776ea1d 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/require-valid-default-prop')
 const RuleTester = require('eslint').RuleTester
 
@@ -35,10 +31,6 @@ function errorMessageForFunction(type) {
   ]
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('require-valid-default-prop', rule, {
   valid: [
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index 4a988e86b..9fbe2c84e 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -4,10 +4,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/return-in-computed-property')
 
 const RuleTester = require('eslint').RuleTester
@@ -17,10 +13,6 @@ const parserOptions = {
   sourceType: 'module'
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('return-in-computed-property', rule, {
   valid: [
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
index f47e8ca77..d4b5272ea 100644
--- a/tests/lib/rules/return-in-emits-validator.js
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/return-in-emits-validator')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 2efb8b889..3013b13e6 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -5,20 +5,12 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const fs = require('fs')
 const path = require('path')
 const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/script-indent')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
 const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/script-indent/')
 
 /**
@@ -124,10 +116,6 @@ function unIndent(strings) {
   return lines.map((line) => line.slice(minLineIndent)).join('\n')
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index f8287c0c7..9d20f5748 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -5,10 +5,6 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const eslint = require('eslint')
 const rule = require('../../../lib/rules/script-setup-uses-vars')
 const ruleNoUnusedVars = new (require('eslint').Linter)()
@@ -27,10 +23,6 @@ const ruleTester = new RuleTester({
 const linter = ruleTester.linter || eslint.linter
 linter.defineRule('script-setup-uses-vars', rule)
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 describe('script-setup-uses-vars', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
diff --git a/tests/lib/rules/singleline-html-element-content-newline.js b/tests/lib/rules/singleline-html-element-content-newline.js
index 7df1e4da8..a740ff0ed 100644
--- a/tests/lib/rules/singleline-html-element-content-newline.js
+++ b/tests/lib/rules/singleline-html-element-content-newline.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/singleline-html-element-content-newline')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/static-class-names-order.js b/tests/lib/rules/static-class-names-order.js
index 6028561fd..0d9eb9436 100644
--- a/tests/lib/rules/static-class-names-order.js
+++ b/tests/lib/rules/static-class-names-order.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/static-class-names-order')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 220331b3b..904aa00c4 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/this-in-template')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/use-v-on-exact.js b/tests/lib/rules/use-v-on-exact.js
index b080faa87..73ac2408b 100644
--- a/tests/lib/rules/use-v-on-exact.js
+++ b/tests/lib/rules/use-v-on-exact.js
@@ -4,18 +4,10 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/use-v-on-exact')
 
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/v-bind-style.js b/tests/lib/rules/v-bind-style.js
index f7c67d6f9..2fd1ce7c2 100644
--- a/tests/lib/rules/v-bind-style.js
+++ b/tests/lib/rules/v-bind-style.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/v-bind-style')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/v-for-delimiter-style.js b/tests/lib/rules/v-for-delimiter-style.js
index 4b232a290..b1500af50 100644
--- a/tests/lib/rules/v-for-delimiter-style.js
+++ b/tests/lib/rules/v-for-delimiter-style.js
@@ -6,17 +6,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/v-for-delimiter-style')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index cca7834da..d8486a448 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/v-on-function-call')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
diff --git a/tests/lib/rules/v-on-style.js b/tests/lib/rules/v-on-style.js
index 7ffd115b9..ff6c8303e 100644
--- a/tests/lib/rules/v-on-style.js
+++ b/tests/lib/rules/v-on-style.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/v-on-style')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/v-slot-style.js b/tests/lib/rules/v-slot-style.js
index 72363f779..95033c933 100644
--- a/tests/lib/rules/v-slot-style.js
+++ b/tests/lib/rules/v-slot-style.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/v-slot-style')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index dd0b1f88f..4dc70ca57 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-define-emits')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index 2d866274b..a4c0d3ca2 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-define-props')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
diff --git a/tests/lib/rules/valid-model-definition.js b/tests/lib/rules/valid-model-definition.js
index d9d8263ab..40bb2ef4c 100644
--- a/tests/lib/rules/valid-model-definition.js
+++ b/tests/lib/rules/valid-model-definition.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = require('../../../lib/rules/valid-model-definition')
 const RuleTester = require('eslint').RuleTester
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester({
   parserOptions: {
     ecmaVersion: 2018,
diff --git a/tests/lib/rules/valid-next-tick.js b/tests/lib/rules/valid-next-tick.js
index c6e263eeb..e07f952ff 100644
--- a/tests/lib/rules/valid-next-tick.js
+++ b/tests/lib/rules/valid-next-tick.js
@@ -6,17 +6,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-next-tick')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
diff --git a/tests/lib/rules/valid-template-root.js b/tests/lib/rules/valid-template-root.js
index f530786d3..ff6e7604b 100644
--- a/tests/lib/rules/valid-template-root.js
+++ b/tests/lib/rules/valid-template-root.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-template-root')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index 32f99bf53..1fc03541f 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-bind-sync')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/valid-v-bind.js b/tests/lib/rules/valid-v-bind.js
index 24a61bba7..05c3d2b03 100644
--- a/tests/lib/rules/valid-v-bind.js
+++ b/tests/lib/rules/valid-v-bind.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-bind')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-cloak.js b/tests/lib/rules/valid-v-cloak.js
index abecacba4..86ddd82c1 100644
--- a/tests/lib/rules/valid-v-cloak.js
+++ b/tests/lib/rules/valid-v-cloak.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-cloak')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-else-if.js b/tests/lib/rules/valid-v-else-if.js
index 847632c56..63cdfa3d6 100644
--- a/tests/lib/rules/valid-v-else-if.js
+++ b/tests/lib/rules/valid-v-else-if.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-else-if')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-else.js b/tests/lib/rules/valid-v-else.js
index e4513ca48..ad89d8f87 100644
--- a/tests/lib/rules/valid-v-else.js
+++ b/tests/lib/rules/valid-v-else.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-else')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index a29d3081e..f969f7a4b 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-for')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-html.js b/tests/lib/rules/valid-v-html.js
index afb312f74..1d2043bd7 100644
--- a/tests/lib/rules/valid-v-html.js
+++ b/tests/lib/rules/valid-v-html.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-html')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-if.js b/tests/lib/rules/valid-v-if.js
index 64232c3d2..7c8894b4b 100644
--- a/tests/lib/rules/valid-v-if.js
+++ b/tests/lib/rules/valid-v-if.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-if')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-is.js b/tests/lib/rules/valid-v-is.js
index dd55ef7b3..02c17f33e 100644
--- a/tests/lib/rules/valid-v-is.js
+++ b/tests/lib/rules/valid-v-is.js
@@ -3,17 +3,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-is')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/valid-v-memo.js b/tests/lib/rules/valid-v-memo.js
index 51f086213..89b012ef4 100644
--- a/tests/lib/rules/valid-v-memo.js
+++ b/tests/lib/rules/valid-v-memo.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-memo')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2021 }
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 6ee60526e..11e9e8378 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-model')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2020 }
diff --git a/tests/lib/rules/valid-v-on.js b/tests/lib/rules/valid-v-on.js
index 6f162e1df..4268bb36f 100644
--- a/tests/lib/rules/valid-v-on.js
+++ b/tests/lib/rules/valid-v-on.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-on')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-once.js b/tests/lib/rules/valid-v-once.js
index c9f3750c3..a53c1685d 100644
--- a/tests/lib/rules/valid-v-once.js
+++ b/tests/lib/rules/valid-v-once.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-once')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-pre.js b/tests/lib/rules/valid-v-pre.js
index 3d9c9d883..bb32f014c 100644
--- a/tests/lib/rules/valid-v-pre.js
+++ b/tests/lib/rules/valid-v-pre.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-pre')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-show.js b/tests/lib/rules/valid-v-show.js
index 6b1d62015..11e8646b3 100644
--- a/tests/lib/rules/valid-v-show.js
+++ b/tests/lib/rules/valid-v-show.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-show')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index cb6b8538d..3cf64fdff 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -4,17 +4,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-slot')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/rules/valid-v-text.js b/tests/lib/rules/valid-v-text.js
index 611b1a31a..d4eed0da7 100644
--- a/tests/lib/rules/valid-v-text.js
+++ b/tests/lib/rules/valid-v-text.js
@@ -5,17 +5,9 @@
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/valid-v-text')
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
   parserOptions: { ecmaVersion: 2015 }
diff --git a/tests/lib/script-setup-vars.js b/tests/lib/script-setup-vars.js
index 90921984f..7df0546a3 100644
--- a/tests/lib/script-setup-vars.js
+++ b/tests/lib/script-setup-vars.js
@@ -1,9 +1,5 @@
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const eslint = require('eslint')
 const rules = new eslint.Linter().getRules()
 const ruleNoUnusedVars = rules.get('no-unused-vars')
@@ -18,10 +14,6 @@ const ruleTester = new RuleTester({
   }
 })
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 describe('vue-eslint-parser should properly mark the variables used in the template', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
diff --git a/tests/lib/utils/core-rules/wrap-core-rule.js b/tests/lib/utils/core-rules/wrap-core-rule.js
index 912957aa6..524d7f48f 100644
--- a/tests/lib/utils/core-rules/wrap-core-rule.js
+++ b/tests/lib/utils/core-rules/wrap-core-rule.js
@@ -13,10 +13,6 @@ const tester = new RuleTester({
   }
 })
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 tester.run('wrap-core-rule-with-unknown', rule, {
   valid: [
     {
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index c2fb7aaf5..c66b3338f 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -5,10 +5,6 @@
 
 const utils = require('../../../lib/utils/index')
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const rule = {
   create(context) {
     return utils.executeOnVueComponent(context, (obj) => {
@@ -321,10 +317,6 @@ function invalidTests(ext) {
   ]
 }
 
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
 const ruleTester = new RuleTester()
 ruleTester.run('vue-component', rule, {
   valid: [
diff --git a/tools/new-rule.js b/tools/new-rule.js
index 3009dfdd3..3e4e5b9ff 100644
--- a/tools/new-rule.js
+++ b/tools/new-rule.js
@@ -4,46 +4,32 @@ const cp = require('child_process')
 const logger = console
 
 // main
-;((ruleId) => {
-  if (ruleId == null) {
-    logger.error('Usage: npm run new <RuleID>')
+;((ruleName, authorName) => {
+  if (!ruleName || !authorName) {
+    logger.error('Usage: npm run new <rule name> <author name>')
     process.exitCode = 1
     return
   }
-  if (!/^[\w-]+$/u.test(ruleId)) {
-    logger.error("Invalid RuleID '%s'.", ruleId)
+  if (!/^[\w-]+$/u.test(ruleName)) {
+    logger.error("Invalid rule name '%s'.", ruleName)
     process.exitCode = 1
     return
   }
 
-  const ruleFile = path.resolve(__dirname, `../lib/rules/${ruleId}.js`)
-  const testFile = path.resolve(__dirname, `../tests/lib/rules/${ruleId}.js`)
-  const docFile = path.resolve(__dirname, `../docs/rules/${ruleId}.md`)
+  const ruleFile = path.resolve(__dirname, `../lib/rules/${ruleName}.js`)
+  const testFile = path.resolve(__dirname, `../tests/lib/rules/${ruleName}.js`)
+  const docFile = path.resolve(__dirname, `../docs/rules/${ruleName}.md`)
 
   fs.writeFileSync(
     ruleFile,
     `/**
- * @author *****your name*****
+ * @author ${authorName}
  * See LICENSE file in root directory for full license.
  */
 'use strict'
 
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
 const utils = require('../utils')
 
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-// ...
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
 module.exports = {
   meta: {
     type: 'problem',
@@ -72,13 +58,13 @@ module.exports = {
   fs.writeFileSync(
     testFile,
     `/**
- * @author *****your name*****
+ * @author ${authorName}
  * See LICENSE file in root directory for full license.
  */
 'use strict'
 
 const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/${ruleId}')
+const rule = require('../../../lib/rules/${ruleName}')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -88,7 +74,7 @@ const tester = new RuleTester({
   }
 })
 
-tester.run('${ruleId}', rule, {
+tester.run('${ruleName}', rule, {
   valid: [
     {
       filename: 'test.vue',
@@ -124,10 +110,10 @@ tester.run('${ruleId}', rule, {
     `---
 pageClass: rule-details
 sidebarDepth: 0
-title: vue/${ruleId}
+title: vue/${ruleName}
 description: xxx
 ---
-# vue/${ruleId}
+# vue/${ruleName}
 
 > xxx
 
@@ -137,7 +123,7 @@ description: xxx
 
 This rule ....
 
-<eslint-code-block :rules="{'vue/${ruleId}': ['error']}">
+<eslint-code-block :rules="{'vue/${ruleName}': ['error']}">
 
 \`\`\`vue
 <template>
@@ -157,4 +143,4 @@ Nothing.
   cp.execSync(`code "${ruleFile}"`)
   cp.execSync(`code "${testFile}"`)
   cp.execSync(`code "${docFile}"`)
-})(process.argv[2])
+})(process.argv[2], process.argv[3])

From 0d2607f8e071f7003069b92f8e1c764d26318d21 Mon Sep 17 00:00:00 2001
From: kindoflew <davanzo.lewis@gmail.com>
Date: Wed, 19 Oct 2022 13:55:21 -0400
Subject: [PATCH 0541/1010] Allow restricting classes by regexp in
 `vue/no-restricted-class` (#2013)

---
 docs/rules/no-restricted-class.md      |  2 +-
 lib/rules/no-restricted-class.js       | 34 +++++++++++++++++++++++---
 tests/lib/rules/no-restricted-class.js | 14 +++++++++++
 3 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
index 849c71e8c..b6fa69b3a 100644
--- a/docs/rules/no-restricted-class.md
+++ b/docs/rules/no-restricted-class.md
@@ -20,7 +20,7 @@ in the rule configuration.
 
 ```json
 {
-  "vue/no-restricted-class": ["error", "forbidden", "forbidden-two", "forbidden-three"]
+  "vue/no-restricted-class": ["error", "forbidden", "forbidden-two", "forbidden-three", "/^for(bidden|gotten)/"]
 }
 ```
 
diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index 4d6c3c42d..f25ad6498 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
+const regexp = require('../utils/regexp')
 
 /**
  * Report a forbidden class
@@ -12,9 +13,19 @@ const utils = require('../utils')
  * @param {*} node
  * @param {RuleContext} context
  * @param {Set<string>} forbiddenClasses
+ * @param {Array<RegExp>} forbiddenClassesRegexps
  */
-const reportForbiddenClass = (className, node, context, forbiddenClasses) => {
-  if (forbiddenClasses.has(className)) {
+const reportForbiddenClass = (
+  className,
+  node,
+  context,
+  forbiddenClasses,
+  forbiddenClassesRegexps
+) => {
+  if (
+    forbiddenClasses.has(className) ||
+    forbiddenClassesRegexps.some((re) => re.test(className))
+  ) {
     const loc = node.value ? node.value.loc : node.loc
     context.report({
       node,
@@ -113,6 +124,9 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const forbiddenClasses = new Set(context.options || [])
+    const forbiddenClassesRegexps = (context.options || [])
+      .filter((cl) => regexp.isRegExp(cl))
+      .map((cl) => regexp.toRegExp(cl))
 
     return utils.defineTemplateBodyVisitor(context, {
       /**
@@ -120,7 +134,13 @@ module.exports = {
        */
       'VAttribute[directive=false][key.name="class"]'(node) {
         for (const className of node.value.value.split(/\s+/)) {
-          reportForbiddenClass(className, node, context, forbiddenClasses)
+          reportForbiddenClass(
+            className,
+            node,
+            context,
+            forbiddenClasses,
+            forbiddenClassesRegexps
+          )
         }
       },
 
@@ -135,7 +155,13 @@ module.exports = {
         for (const { className, reportNode } of extractClassNames(
           /** @type {Expression} */ (node.expression)
         )) {
-          reportForbiddenClass(className, reportNode, context, forbiddenClasses)
+          reportForbiddenClass(
+            className,
+            reportNode,
+            context,
+            forbiddenClasses,
+            forbiddenClassesRegexps
+          )
         }
       }
     })
diff --git a/tests/lib/rules/no-restricted-class.js b/tests/lib/rules/no-restricted-class.js
index baf39778f..02815b2c6 100644
--- a/tests/lib/rules/no-restricted-class.js
+++ b/tests/lib/rules/no-restricted-class.js
@@ -30,6 +30,10 @@ ruleTester.run('no-restricted-class', rule, {
     {
       code: `<template><div :class="'' + {forbidden: true}">Content</div></template>`,
       options: ['forbidden']
+    },
+    {
+      code: `<template><div class="allowed">Content</div></template>`,
+      options: ['/^for(bidden|gotten)/']
     }
   ],
 
@@ -113,6 +117,16 @@ ruleTester.run('no-restricted-class', rule, {
         }
       ],
       options: ['forbidden']
+    },
+    {
+      code: `<template><div class="forbidden allowed" /></template>`,
+      errors: [
+        {
+          message: "'forbidden' class is not allowed.",
+          type: 'VAttribute'
+        }
+      ],
+      options: ['/^for(bidden|gotten)/']
     }
   ]
 })

From 96bfff0667fdef81c7158c6b117807a2c77093ce Mon Sep 17 00:00:00 2001
From: Mitchell <ijoeyian@gmail.com>
Date: Fri, 21 Oct 2022 16:01:08 +0800
Subject: [PATCH 0542/1010] Update outdated lifecycle diagram link in docs
 (#2014)

---
 docs/rules/order-in-components.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index f8274810e..8068a34d6 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -105,7 +105,7 @@ export default {
 
 - `order` (`(string | string[])[]`) ... The order of properties. Elements are the property names or one of the following groups:
 
-  - `LIFECYCLE_HOOKS`: [Vue Lifecycle Events](https://v3.vuejs.org/guide/instance.html#lifecycle-diagram), in the order they are called
+  - `LIFECYCLE_HOOKS`: [Vue Lifecycle Events](https://vuejs.org/guide/essentials/lifecycle.html#lifecycle-diagram), in the order they are called
   - `ROUTER_GUARDS`: [Vue Router Navigation Guards](https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards), in the order they are called
 
   If an element is an array of strings, it means any of those can be placed there unordered. Default is above.

From b41379be25f55fcf5a2aded2e6a4bc7f0253fe40 Mon Sep 17 00:00:00 2001
From: Mitchell <ijoeyian@gmail.com>
Date: Fri, 21 Oct 2022 20:48:20 +0800
Subject: [PATCH 0543/1010] Update links from `v3.vuejs.org` to `vuejs.org`
 (#2015)

---
 docs/rules/no-duplicate-attr-inheritance.md        |  2 +-
 docs/rules/no-duplicate-attributes.md              |  4 ++--
 docs/rules/no-lifecycle-after-await.md             |  2 +-
 docs/rules/no-reserved-component-names.md          |  2 +-
 docs/rules/no-setup-props-destructure.md           |  2 +-
 .../no-side-effects-in-computed-properties.md      |  2 +-
 docs/rules/no-static-inline-styles.md              |  2 +-
 docs/rules/no-template-key.md                      |  2 +-
 docs/rules/no-textarea-mustache.md                 |  4 ++--
 docs/rules/no-unsupported-features.md              | 14 +++++++-------
 docs/rules/no-use-v-if-with-v-for.md               |  4 ++--
 docs/rules/no-v-for-template-key.md                |  2 +-
 docs/rules/require-component-is.md                 |  2 +-
 docs/rules/require-emit-validator.md               |  2 +-
 docs/rules/require-prop-type-constructor.md        |  2 +-
 docs/rules/require-render-return.md                |  2 +-
 docs/rules/require-slots-as-functions.md           |  2 +-
 docs/rules/require-valid-default-prop.md           |  2 +-
 docs/rules/return-in-emits-validator.md            |  2 +-
 docs/rules/use-v-on-exact.md                       |  2 +-
 docs/rules/v-for-delimiter-style.md                |  2 +-
 docs/rules/v-on-event-hyphenation.md               |  2 +-
 docs/rules/valid-next-tick.md                      |  4 ++--
 docs/rules/valid-v-is.md                           |  2 +-
 docs/rules/valid-v-memo.md                         |  2 +-
 25 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index 908b49b19..00662ac60 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -50,7 +50,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - inheritAttrs](https://v3.vuejs.org/api/options-misc.html#inheritattrs)
+- [API - inheritAttrs](https://vuejs.org/api/options-misc.html#inheritattrs)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index 000b67414..5d843a154 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -53,8 +53,8 @@ This rule reports duplicate attributes.
 - `allowCoexistClass` (`boolean`) ... Enables [`v-bind:class`] directive can coexist with the plain `class` attribute. Default is `true`.
 - `allowCoexistStyle` (`boolean`) ... Enables [`v-bind:style`] directive can coexist with the plain `style` attribute. Default is `true`.
 
-[`v-bind:class`]: https://v3.vuejs.org/guide/class-and-style.html
-[`v-bind:style`]: https://v3.vuejs.org/guide/class-and-style.html
+[`v-bind:class`]: https://vuejs.org/guide/essentials/class-and-style.html
+[`v-bind:style`]: https://vuejs.org/guide/essentials/class-and-style.html
 
 ### `"allowCoexistClass": false, "allowCoexistStyle": false`
 
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index dbcef6b80..87141aa18 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -43,7 +43,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Composition API - Lifecycle Hooks](https://v3.vuejs.org/guide/composition-api-lifecycle-hooks.html)
+- [Guide - Composition API - Lifecycle Hooks](https://vuejs.org/api/composition-api-lifecycle.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 94e761eaa..8a0813b94 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -78,7 +78,7 @@ export default {
 - [List of SVG elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Element)
 - [Kebab case elements](https://stackoverflow.com/questions/22545621/do-custom-elements-require-a-dash-in-their-name/22545622#22545622)
 - [Valid custom element name](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name)
-- [API - Built-In Components](https://v3.vuejs.org/api/built-in-components.html)
+- [API - Built-In Components](https://vuejs.org/api/built-in-components.html)
 - [API (for v2) - Built-In Components](https://v2.vuejs.org/v2/api/index.html#Built-In-Components)
 
 ## :rocket: Version
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index d618cf013..0048bc6e0 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -94,7 +94,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Composition API - Setup](https://v3.vuejs.org/guide/composition-api-setup.html)
+- [Guide - Composition API - Setup](https://vuejs.org/api/composition-api-setup.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
 ## :rocket: Version
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index b2d0490b7..f677f8d72 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -109,7 +109,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Computed Caching vs Methods](https://v3.vuejs.org/guide/computed.html#computed-caching-vs-methods)
+- [Guide - Computed Caching vs Methods](https://vuejs.org/guide/essentials/computed.html#computed-caching-vs-methods)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-static-inline-styles.md b/docs/rules/no-static-inline-styles.md
index 09f7f2188..2d400c22f 100644
--- a/docs/rules/no-static-inline-styles.md
+++ b/docs/rules/no-static-inline-styles.md
@@ -63,7 +63,7 @@ The styles reported in this rule mean that we recommend separating them into `<s
 
 ## :books: Further Reading
 
-- [Guide - Class and Style Bindings / Binding Inline Styles](https://v3.vuejs.org/guide/class-and-style.html#binding-inline-styles)
+- [Guide - Class and Style Bindings / Binding Inline Styles](https://vuejs.org/guide/essentials/class-and-style.html#binding-inline-styles)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index eb1846309..c1654688b 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -53,7 +53,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
+- [API - Special Attributes - key](https://vuejs.org/api/built-in-special-attributes.html#key)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 3676d4a0b..35aafc167 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -34,7 +34,7 @@ This rule reports mustaches in `<textarea>`.
 
 ::: warning Note
 Interpolation on textareas (`<textarea>{{text}}</textarea>`) won't work. Use `v-model` instead.
-[https://v3.vuejs.org/guide/forms.html#multiline-text](https://v3.vuejs.org/guide/forms.html#multiline-text)
+[https://vuejs.org/guide/essentials/forms.html#multiline-text](https://vuejs.org/guide/essentials/forms.html#multiline-text)
 :::
 
 </div>
@@ -45,7 +45,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Form Input Bindings / Multiline text](https://v3.vuejs.org/guide/forms.html#multiline-text)
+- [Guide - Form Input Bindings / Multiline text](https://vuejs.org/guide/essentials/forms.html#multiline-text)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index cc9efab3a..cd6c3dcf9 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -30,11 +30,11 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.2.0+
-    - `"v-memo"` ... [v-memo](https://v3.vuejs.org/api/directives.html#v-memo) directive.
+    - `"v-memo"` ... [v-memo](https://vuejs.org/api/built-in-directives.html#v-memo) directive.
     - `"v-bind-prop-modifier-shorthand"` ... `v-bind` with `.prop` modifier shorthand.
     - `"v-bind-attr-modifier"` ... `.attr` modifier on `v-bind` directive.
   - Vue.js 3.1.0+
-    - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
+    - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://vuejs.org/api/built-in-special-attributes.html#is)
   - Vue.js 3.0.0+
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
@@ -43,8 +43,8 @@ The `"ignores"` option accepts an array of the following strings.
     - `"style-css-vars-injection"` ... [SFC CSS variable injection][Vue RFCs - 0043-sfc-style-variables]
     - `"script-setup"` ... [`<script setup>`][Vue RFCs - 0040-script-setup]
   - Vue.js 2.6.0+
-    - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments).
-    - `"v-slot"` ... [v-slot](https://v3.vuejs.org/api/directives.html#v-slot) directive.
+    - `"dynamic-directive-arguments"` ... [dynamic directive arguments](https://vuejs.org/guide/essentials/template-syntax.html#dynamic-arguments).
+    - `"v-slot"` ... [v-slot](https://vuejs.org/api/built-in-directives.html#v-slot) directive.
   - Vue.js 2.5.0+
     - `"slot-scope-attribute"` ... [slot-scope](https://v2.vuejs.org/v2/api/#slot-scope-deprecated) attributes.
 
@@ -100,11 +100,11 @@ The `"ignores"` option accepts an array of the following strings.
 
 ## :books: Further Reading
 
-- [API - v-memo](https://v3.vuejs.org/api/directives.html#v-memo)
+- [API - v-memo](https://vuejs.org/api/built-in-directives.html#v-memo)
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
-- [Guide - Dynamic Arguments](https://v3.vuejs.org/guide/template-syntax.html#dynamic-arguments)
-- [API - v-slot](https://v3.vuejs.org/api/directives.html#v-slot)
+- [Guide - Dynamic Arguments](https://vuejs.org/guide/essentials/template-syntax.html#dynamic-arguments)
+- [API - v-slot](https://vuejs.org/api/built-in-directives.html#v-slot)
 - [API (for v2) - slot-scope](https://v2.vuejs.org/v2/api/#slot-scope-deprecated)
 - [Vue RFCs - 0001-new-slot-syntax]
 - [Vue RFCs - 0002-slot-syntax-shorthand]
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 62656cd2e..4e93ea46a 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -91,8 +91,8 @@ There are two common cases where this can be tempting:
 ## :books: Further Reading
 
 - [Style guide - Avoid v-if with v-for](https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for)
-- [Guide - Conditional Rendering / v-if with v-for](https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for)
-- [Guide - List Rendering / v-for with v-if](https://v3.vuejs.org/guide/list.html#v-for-with-v-if)
+- [Guide - Conditional Rendering / v-if with v-for](https://vuejs.org/guide/essentials/conditional.html#v-if-with-v-for)
+- [Guide - List Rendering / v-for with v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 01e09734a..2325281c2 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -58,7 +58,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - Special Attributes - key](https://v3.vuejs.org/api/special-attributes.html#key)
+- [API - Special Attributes - key](https://vuejs.org/api/built-in-special-attributes.html#key)
 - [API (for v2) - Special Attributes - key](https://v2.vuejs.org/v2/api/#key)
 
 ## :rocket: Version
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 5ced4d87a..8d376aa65 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -41,7 +41,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Components Basics / Dynamic Components](https://v3.vuejs.org/guide/component-basics.html#dynamic-components)
+- [Guide - Components Basics / Dynamic Components](https://vuejs.org/guide/essentials/component-basics.html#dynamic-components)
 
 ## :rocket: Version
 
diff --git a/docs/rules/require-emit-validator.md b/docs/rules/require-emit-validator.md
index 97a975185..6f0e209b2 100644
--- a/docs/rules/require-emit-validator.md
+++ b/docs/rules/require-emit-validator.md
@@ -53,7 +53,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API Reference](https://v3.vuejs.org/api/options-data.html#emits)
+- [API Reference](https://vuejs.org/api/options-state.html#emits)
 
 ## :rocket: Version
 
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 97bce84f3..b67d49478 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -72,7 +72,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Prop Validation](https://v3.vuejs.org/guide/component-props.html#prop-validation)
+- [Guide - Prop Validation](https://vuejs.org/guide/components/props.html#prop-validation)
 
 ## :rocket: Version
 
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index 0e5c89434..9de913bdf 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -53,7 +53,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Render Functions](https://v3.vuejs.org/guide/render-function.html)
+- [Guide - Render Functions](https://vuejs.org/guide/extras/render-function.html)
 
 ## :rocket: Version
 
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index 244e14548..1e474388c 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -42,7 +42,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - $slots](https://v3.vuejs.org/api/instance-properties.html#slots)
+- [API - $slots](https://vuejs.org/api/component-instance.html#slots)
 - [Vue RFCs - 0006-slots-unification](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md)
 
 ## :rocket: Version
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index c53af81e1..2d6227123 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -78,7 +78,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Prop Validation](https://v3.vuejs.org/guide/component-props.html#prop-validation)
+- [Guide - Prop Validation](https://vuejs.org/guide/components/props.html#prop-validation)
 
 ## :rocket: Version
 
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index 08b8b340e..0964858c8 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -57,7 +57,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [Guide - Custom Events / Validate Emitted Events](https://v3.vuejs.org/guide/component-custom-events.html#validate-emitted-events)
+- [Guide - Custom Events / Validate Emitted Events](https://vuejs.org/guide/components/events.html#events-validation)
 - [Vue RFCs - 0030-emits-option](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md)
 
 ## :rocket: Version
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index e33e5b005..b89b15e2c 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -45,7 +45,7 @@ This rule enforce usage of `exact` modifier on `v-on` when there is another `v-o
 
 ## :books: Further Reading
 
-- [Guide - .exact Modifier](https://v3.vuejs.org/guide/events.html#exact-modifier)
+- [Guide - .exact Modifier](https://vuejs.org/guide/essentials/event-handling.html#exact-modifier)
 
 ## :rocket: Version
 
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
index 7d9b5c07c..3bb1d58a7 100644
--- a/docs/rules/v-for-delimiter-style.md
+++ b/docs/rules/v-for-delimiter-style.md
@@ -60,7 +60,7 @@ Default is set to `in`.
 
 ## :books: Further Reading
 
-- [Guide - List Rendering](https://v3.vuejs.org/guide/list.html)
+- [Guide - List Rendering](https://vuejs.org/guide/essentials/list.html)
 
 ## :rocket: Version
 
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index a462e414e..6a21408c5 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -112,7 +112,7 @@ Don't use hyphenated name but allow custom event names
 
 - [Guide - Custom Events]
 
-[Guide - Custom Events]: https://v3.vuejs.org/guide/component-custom-events.html
+[Guide - Custom Events]: https://vuejs.org/guide/components/events.html
 
 ## :rocket: Version
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index e67cc87a4..a9cf8e975 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -81,8 +81,8 @@ Nothing.
 - [`Vue.nextTick` API in Vue 2](https://v2.vuejs.org/v2/api/#Vue-nextTick)
 - [`vm.$nextTick` API in Vue 2](https://v2.vuejs.org/v2/api/#vm-nextTick)
 - [Global API Treeshaking](https://v3-migration.vuejs.org/breaking-changes/global-api-treeshaking.html)
-- [Global `nextTick` API in Vue 3](https://v3.vuejs.org/api/global-api.html#nexttick)
-- [Instance `$nextTick` API in Vue 3](https://v3.vuejs.org/api/instance-methods.html#nexttick)
+- [Global `nextTick` API in Vue 3](https://vuejs.org/api/general.html#nexttick)
+- [Instance `$nextTick` API in Vue 3](https://vuejs.org/api/component-instance.html#nexttick)
 
 ## :rocket: Version
 
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index 33c7fa3d1..6eda3d993 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -59,7 +59,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
+- [API - v-is](https://vuejs.org/api/built-in-directives.html#v-is)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 
 ## :rocket: Version
diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
index 620313698..009d187ec 100644
--- a/docs/rules/valid-v-memo.md
+++ b/docs/rules/valid-v-memo.md
@@ -59,7 +59,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - v-memo](https://v3.vuejs.org/api/directives.html#v-memo)
+- [API - v-memo](https://vuejs.org/api/built-in-directives.html#v-memo)
 
 ## :rocket: Version
 

From 702e362307f3e1a4547f4f11318957c1abd446ce Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Sun, 23 Oct 2022 13:23:40 +0200
Subject: [PATCH 0544/1010] Fix irregular whitespace (#2017)

---
 lib/rules/no-required-prop-with-default.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rules/no-required-prop-with-default.js b/lib/rules/no-required-prop-with-default.js
index 94285f9db..b098d6f45 100644
--- a/lib/rules/no-required-prop-with-default.js
+++ b/lib/rules/no-required-prop-with-default.js
@@ -17,7 +17,7 @@ module.exports = {
     hasSuggestions: true,
     type: 'problem',
     docs: {
-      description: 'enforce props with default values ​​to be optional',
+      description: 'enforce props with default values to be optional',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-required-prop-with-default.html'
     },

From edb7ec5384ff55ca064aa5f1ee2cd104a094a807 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Tue, 25 Oct 2022 17:39:59 +0200
Subject: [PATCH 0545/1010] Update extension rule descriptions

by running `npm install && npm run update`
---
 docs/rules/README.md                        | 70 ++++++++++-----------
 docs/rules/array-bracket-newline.md         |  4 +-
 docs/rules/array-bracket-spacing.md         |  4 +-
 docs/rules/arrow-spacing.md                 |  4 +-
 docs/rules/block-spacing.md                 |  4 +-
 docs/rules/brace-style.md                   |  4 +-
 docs/rules/camelcase.md                     |  4 +-
 docs/rules/comma-dangle.md                  |  4 +-
 docs/rules/comma-spacing.md                 |  4 +-
 docs/rules/comma-style.md                   |  4 +-
 docs/rules/dot-location.md                  |  4 +-
 docs/rules/dot-notation.md                  |  4 +-
 docs/rules/eqeqeq.md                        |  4 +-
 docs/rules/func-call-spacing.md             |  4 +-
 docs/rules/key-spacing.md                   |  4 +-
 docs/rules/keyword-spacing.md               |  4 +-
 docs/rules/multiline-ternary.md             |  4 +-
 docs/rules/no-constant-condition.md         |  4 +-
 docs/rules/no-empty-pattern.md              |  4 +-
 docs/rules/no-extra-parens.md               |  4 +-
 docs/rules/no-loss-of-precision.md          |  4 +-
 docs/rules/no-required-prop-with-default.md |  4 +-
 docs/rules/no-restricted-syntax.md          |  4 +-
 docs/rules/no-sparse-arrays.md              |  4 +-
 docs/rules/no-useless-concat.md             |  4 +-
 docs/rules/object-curly-newline.md          |  4 +-
 docs/rules/object-curly-spacing.md          |  4 +-
 docs/rules/object-property-newline.md       |  4 +-
 docs/rules/object-shorthand.md              |  4 +-
 docs/rules/operator-linebreak.md            |  4 +-
 docs/rules/prefer-template.md               |  4 +-
 docs/rules/quote-props.md                   |  4 +-
 docs/rules/space-in-parens.md               |  4 +-
 docs/rules/space-infix-ops.md               |  4 +-
 docs/rules/space-unary-ops.md               |  4 +-
 docs/rules/template-curly-spacing.md        |  4 +-
 36 files changed, 105 insertions(+), 105 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 4052cae75..f0bd7578e 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -230,7 +230,7 @@ For example:
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-destructure](./no-ref-object-destructure.md) | disallow destructuring of ref objects that can lead to loss of reactivity |  | :warning: |
-| [vue/no-required-prop-with-default](./no-required-prop-with-default.md) | enforce props with default values ​​to be optional | :wrench::bulb: | :warning: |
+| [vue/no-required-prop-with-default](./no-required-prop-with-default.md) | enforce props with default values to be optional | :wrench::bulb: | :warning: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
@@ -276,42 +276,42 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/array-bracket-newline](./array-bracket-newline.md) | enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/arrow-spacing](./arrow-spacing.md) | enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
-| [vue/block-spacing](./block-spacing.md) | disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
-| [vue/brace-style](./brace-style.md) | enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
-| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention in `<template>` |  | :hammer: |
-| [vue/comma-dangle](./comma-dangle.md) | require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-spacing](./comma-spacing.md) | enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-style](./comma-style.md) | enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-location](./dot-location.md) | enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-notation](./dot-notation.md) | enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
-| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
-| [vue/func-call-spacing](./func-call-spacing.md) | require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
-| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
-| [vue/keyword-spacing](./keyword-spacing.md) | enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-newline](./array-bracket-newline.md) | Enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-spacing](./array-bracket-spacing.md) | Enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/arrow-spacing](./arrow-spacing.md) | Enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
+| [vue/block-spacing](./block-spacing.md) | Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
+| [vue/brace-style](./brace-style.md) | Enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
+| [vue/camelcase](./camelcase.md) | Enforce camelcase naming convention in `<template>` |  | :hammer: |
+| [vue/comma-dangle](./comma-dangle.md) | Require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-spacing](./comma-spacing.md) | Enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-style](./comma-style.md) | Enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-location](./dot-location.md) | Enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-notation](./dot-notation.md) | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
+| [vue/eqeqeq](./eqeqeq.md) | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
+| [vue/func-call-spacing](./func-call-spacing.md) | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
+| [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
+| [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
-| [vue/multiline-ternary](./multiline-ternary.md) | enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
-| [vue/no-constant-condition](./no-constant-condition.md) | disallow constant expressions in conditions in `<template>` |  | :warning: |
-| [vue/no-empty-pattern](./no-empty-pattern.md) | disallow empty destructuring patterns in `<template>` |  | :warning: |
-| [vue/no-extra-parens](./no-extra-parens.md) | disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
+| [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
+| [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
+| [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
 | [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  | :warning: |
-| [vue/no-loss-of-precision](./no-loss-of-precision.md) | disallow literal numbers that lose precision in `<template>` |  | :warning: |
-| [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax in `<template>` |  | :hammer: |
-| [vue/no-sparse-arrays](./no-sparse-arrays.md) | disallow sparse arrays in `<template>` |  | :warning: |
-| [vue/no-useless-concat](./no-useless-concat.md) | disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
-| [vue/object-curly-newline](./object-curly-newline.md) | enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-property-newline](./object-property-newline.md) | enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
-| [vue/object-shorthand](./object-shorthand.md) | require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
-| [vue/operator-linebreak](./operator-linebreak.md) | enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
-| [vue/prefer-template](./prefer-template.md) | require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
-| [vue/quote-props](./quote-props.md) | require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
-| [vue/space-in-parens](./space-in-parens.md) | enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
-| [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
-| [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
-| [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
+| [vue/no-loss-of-precision](./no-loss-of-precision.md) | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
+| [vue/no-restricted-syntax](./no-restricted-syntax.md) | Disallow specified syntax in `<template>` |  | :hammer: |
+| [vue/no-sparse-arrays](./no-sparse-arrays.md) | Disallow sparse arrays in `<template>` |  | :warning: |
+| [vue/no-useless-concat](./no-useless-concat.md) | Disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
+| [vue/object-curly-newline](./object-curly-newline.md) | Enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-curly-spacing](./object-curly-spacing.md) | Enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-property-newline](./object-property-newline.md) | Enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
+| [vue/object-shorthand](./object-shorthand.md) | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
+| [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
+| [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
+| [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
+| [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
+| [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
+| [vue/template-curly-spacing](./template-curly-spacing.md) | Require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
 
 </rules-table>
 
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 8f1184c47..8b5e9bee2 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-newline
-description: enforce linebreaks after opening and before closing array brackets in `<template>`
+description: Enforce linebreaks after opening and before closing array brackets in `<template>`
 since: v7.1.0
 ---
 # vue/array-bracket-newline
 
-> enforce linebreaks after opening and before closing array brackets in `<template>`
+> Enforce linebreaks after opening and before closing array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index 6b5b4003a..d3c937651 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-bracket-spacing
-description: enforce consistent spacing inside array brackets in `<template>`
+description: Enforce consistent spacing inside array brackets in `<template>`
 since: v5.2.0
 ---
 # vue/array-bracket-spacing
 
-> enforce consistent spacing inside array brackets in `<template>`
+> Enforce consistent spacing inside array brackets in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index adfeb2243..07e30e63f 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/arrow-spacing
-description: enforce consistent spacing before and after the arrow in arrow functions in `<template>`
+description: Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 since: v5.2.0
 ---
 # vue/arrow-spacing
 
-> enforce consistent spacing before and after the arrow in arrow functions in `<template>`
+> Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 58280370c..a486c76c0 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-spacing
-description: disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
+description: Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 since: v5.2.0
 ---
 # vue/block-spacing
 
-> disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
+> Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 8f889724a..ac917267d 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/brace-style
-description: enforce consistent brace style for blocks in `<template>`
+description: Enforce consistent brace style for blocks in `<template>`
 since: v5.2.0
 ---
 # vue/brace-style
 
-> enforce consistent brace style for blocks in `<template>`
+> Enforce consistent brace style for blocks in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index 5b7888251..62c5891fa 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/camelcase
-description: enforce camelcase naming convention in `<template>`
+description: Enforce camelcase naming convention in `<template>`
 since: v5.2.0
 ---
 # vue/camelcase
 
-> enforce camelcase naming convention in `<template>`
+> Enforce camelcase naming convention in `<template>`
 
 This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 63d4a2a4e..565cbef7b 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-dangle
-description: require or disallow trailing commas in `<template>`
+description: Require or disallow trailing commas in `<template>`
 since: v5.2.0
 ---
 # vue/comma-dangle
 
-> require or disallow trailing commas in `<template>`
+> Require or disallow trailing commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index c25c0608c..e318fb65c 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-spacing
-description: enforce consistent spacing before and after commas in `<template>`
+description: Enforce consistent spacing before and after commas in `<template>`
 since: v7.0.0
 ---
 # vue/comma-spacing
 
-> enforce consistent spacing before and after commas in `<template>`
+> Enforce consistent spacing before and after commas in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 477c12abd..17c5dd25c 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/comma-style
-description: enforce consistent comma style in `<template>`
+description: Enforce consistent comma style in `<template>`
 since: v7.0.0
 ---
 # vue/comma-style
 
-> enforce consistent comma style in `<template>`
+> Enforce consistent comma style in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index 4b88f9cf6..fa58a26af 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-location
-description: enforce consistent newlines before and after dots in `<template>`
+description: Enforce consistent newlines before and after dots in `<template>`
 since: v6.0.0
 ---
 # vue/dot-location
 
-> enforce consistent newlines before and after dots in `<template>`
+> Enforce consistent newlines before and after dots in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index c2bf87478..6e8264c2f 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/dot-notation
-description: enforce dot notation whenever possible in `<template>`
+description: Enforce dot notation whenever possible in `<template>`
 since: v7.0.0
 ---
 # vue/dot-notation
 
-> enforce dot notation whenever possible in `<template>`
+> Enforce dot notation whenever possible in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index aa77b3f11..d6bdf9700 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/eqeqeq
-description: require the use of `===` and `!==` in `<template>`
+description: Require the use of `===` and `!==` in `<template>`
 since: v5.2.0
 ---
 # vue/eqeqeq
 
-> require the use of `===` and `!==` in `<template>`
+> Require the use of `===` and `!==` in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 0f398e1d0..41c795624 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/func-call-spacing
-description: require or disallow spacing between function identifiers and their invocations in `<template>`
+description: Require or disallow spacing between function identifiers and their invocations in `<template>`
 since: v7.0.0
 ---
 # vue/func-call-spacing
 
-> require or disallow spacing between function identifiers and their invocations in `<template>`
+> Require or disallow spacing between function identifiers and their invocations in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index bac4eb735..41ba2f851 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/key-spacing
-description: enforce consistent spacing between keys and values in object literal properties in `<template>`
+description: Enforce consistent spacing between keys and values in object literal properties in `<template>`
 since: v5.2.0
 ---
 # vue/key-spacing
 
-> enforce consistent spacing between keys and values in object literal properties in `<template>`
+> Enforce consistent spacing between keys and values in object literal properties in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 61d2e2731..68e9e7cdf 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/keyword-spacing
-description: enforce consistent spacing before and after keywords in `<template>`
+description: Enforce consistent spacing before and after keywords in `<template>`
 since: v6.0.0
 ---
 # vue/keyword-spacing
 
-> enforce consistent spacing before and after keywords in `<template>`
+> Enforce consistent spacing before and after keywords in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index 9cc3d1134..cc36f7da6 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -2,11 +2,11 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
-description: enforce newlines between operands of ternary expressions in `<template>`
+description: Enforce newlines between operands of ternary expressions in `<template>`
 ---
 # vue/multiline-ternary
 
-> enforce newlines between operands of ternary expressions in `<template>`
+> Enforce newlines between operands of ternary expressions in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 89ea03268..7b5835978 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-constant-condition
-description: disallow constant expressions in conditions in `<template>`
+description: Disallow constant expressions in conditions in `<template>`
 since: v7.5.0
 ---
 # vue/no-constant-condition
 
-> disallow constant expressions in conditions in `<template>`
+> Disallow constant expressions in conditions in `<template>`
 
 This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index f6593d977..99e2152f1 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-empty-pattern
-description: disallow empty destructuring patterns in `<template>`
+description: Disallow empty destructuring patterns in `<template>`
 since: v6.0.0
 ---
 # vue/no-empty-pattern
 
-> disallow empty destructuring patterns in `<template>`
+> Disallow empty destructuring patterns in `<template>`
 
 This rule is the same rule as core [no-empty-pattern] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 09af6d190..0297304b7 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-extra-parens
-description: disallow unnecessary parentheses in `<template>`
+description: Disallow unnecessary parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/no-extra-parens
 
-> disallow unnecessary parentheses in `<template>`
+> Disallow unnecessary parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index 82e06d010..bee468e7a 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-loss-of-precision
-description: disallow literal numbers that lose precision in `<template>`
+description: Disallow literal numbers that lose precision in `<template>`
 since: v8.0.0
 ---
 # vue/no-loss-of-precision
 
-> disallow literal numbers that lose precision in `<template>`
+> Disallow literal numbers that lose precision in `<template>`
 
 This rule is the same rule as core [no-loss-of-precision] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 4e1f1deaa..9a604a812 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-required-prop-with-default
-description: enforce props with default values ​​to be optional
+description: enforce props with default values to be optional
 since: v9.6.0
 ---
 # vue/no-required-prop-with-default
 
-> enforce props with default values ​​to be optional
+> enforce props with default values to be optional
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index dcde6897a..590e94d6e 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-syntax
-description: disallow specified syntax in `<template>`
+description: Disallow specified syntax in `<template>`
 since: v5.2.0
 ---
 # vue/no-restricted-syntax
 
-> disallow specified syntax in `<template>`
+> Disallow specified syntax in `<template>`
 
 This rule is the same rule as core [no-restricted-syntax] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index 861c82ea1..e8cd10007 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-sparse-arrays
-description: disallow sparse arrays in `<template>`
+description: Disallow sparse arrays in `<template>`
 since: v7.0.0
 ---
 # vue/no-sparse-arrays
 
-> disallow sparse arrays in `<template>`
+> Disallow sparse arrays in `<template>`
 
 This rule is the same rule as core [no-sparse-arrays] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 9229de0a5..6c4afd423 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-useless-concat
-description: disallow unnecessary concatenation of literals or template literals in `<template>`
+description: Disallow unnecessary concatenation of literals or template literals in `<template>`
 since: v7.0.0
 ---
 # vue/no-useless-concat
 
-> disallow unnecessary concatenation of literals or template literals in `<template>`
+> Disallow unnecessary concatenation of literals or template literals in `<template>`
 
 This rule is the same rule as core [no-useless-concat] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index d09c3e28f..9e07953f9 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-newline
-description: enforce consistent line breaks after opening and before closing braces in `<template>`
+description: Enforce consistent line breaks after opening and before closing braces in `<template>`
 since: v7.0.0
 ---
 # vue/object-curly-newline
 
-> enforce consistent line breaks after opening and before closing braces in `<template>`
+> Enforce consistent line breaks after opening and before closing braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index 12f88793b..dacdf2679 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-curly-spacing
-description: enforce consistent spacing inside braces in `<template>`
+description: Enforce consistent spacing inside braces in `<template>`
 since: v5.2.0
 ---
 # vue/object-curly-spacing
 
-> enforce consistent spacing inside braces in `<template>`
+> Enforce consistent spacing inside braces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index be43ec66e..fb934acf6 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-property-newline
-description: enforce placing object properties on separate lines in `<template>`
+description: Enforce placing object properties on separate lines in `<template>`
 since: v7.0.0
 ---
 # vue/object-property-newline
 
-> enforce placing object properties on separate lines in `<template>`
+> Enforce placing object properties on separate lines in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index 7c7b4928f..dafe616bf 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/object-shorthand
-description: require or disallow method and property shorthand syntax for object literals in `<template>`
+description: Require or disallow method and property shorthand syntax for object literals in `<template>`
 since: v8.4.0
 ---
 # vue/object-shorthand
 
-> require or disallow method and property shorthand syntax for object literals in `<template>`
+> Require or disallow method and property shorthand syntax for object literals in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 6f7172a78..71847d82f 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/operator-linebreak
-description: enforce consistent linebreak style for operators in `<template>`
+description: Enforce consistent linebreak style for operators in `<template>`
 since: v7.0.0
 ---
 # vue/operator-linebreak
 
-> enforce consistent linebreak style for operators in `<template>`
+> Enforce consistent linebreak style for operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index aa33a3f32..4b668f4c2 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-template
-description: require template literals instead of string concatenation in `<template>`
+description: Require template literals instead of string concatenation in `<template>`
 since: v7.0.0
 ---
 # vue/prefer-template
 
-> require template literals instead of string concatenation in `<template>`
+> Require template literals instead of string concatenation in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index b45b7150a..facf28cee 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/quote-props
-description: require quotes around object literal property names in `<template>`
+description: Require quotes around object literal property names in `<template>`
 since: v8.4.0
 ---
 # vue/quote-props
 
-> require quotes around object literal property names in `<template>`
+> Require quotes around object literal property names in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index 62dcc2485..a29c298ac 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-in-parens
-description: enforce consistent spacing inside parentheses in `<template>`
+description: Enforce consistent spacing inside parentheses in `<template>`
 since: v7.0.0
 ---
 # vue/space-in-parens
 
-> enforce consistent spacing inside parentheses in `<template>`
+> Enforce consistent spacing inside parentheses in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index a20eecb42..e92623661 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-infix-ops
-description: require spacing around infix operators in `<template>`
+description: Require spacing around infix operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-infix-ops
 
-> require spacing around infix operators in `<template>`
+> Require spacing around infix operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 3019c3eb9..10e545408 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/space-unary-ops
-description: enforce consistent spacing before or after unary operators in `<template>`
+description: Enforce consistent spacing before or after unary operators in `<template>`
 since: v5.2.0
 ---
 # vue/space-unary-ops
 
-> enforce consistent spacing before or after unary operators in `<template>`
+> Enforce consistent spacing before or after unary operators in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 22fce907a..8760b0385 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/template-curly-spacing
-description: require or disallow spacing around embedded expressions of template strings in `<template>`
+description: Require or disallow spacing around embedded expressions of template strings in `<template>`
 since: v7.0.0
 ---
 # vue/template-curly-spacing
 
-> require or disallow spacing around embedded expressions of template strings in `<template>`
+> Require or disallow spacing around embedded expressions of template strings in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 

From 2c1ba8c7fc07c320b2d83da824434a4fde0febce Mon Sep 17 00:00:00 2001
From: youxingz <youxingzeta@gmail.com>
Date: Thu, 27 Oct 2022 23:26:49 +0800
Subject: [PATCH 0546/1010] Add example for rule
 `vue/no-restricted-static-attribute` (#2021)

---
 docs/rules/no-restricted-static-attribute.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index 68ed58431..428590506 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -43,6 +43,11 @@ Alternatively, the rule also accepts objects.
     {
       "key": "stlye",
       "message": "Using \"stlye\" is not allowed. Use \"style\" instead."
+    },
+    {
+      "key": "style",
+      "element": "/^([A-Z][a-zA-Z_-]*)$/",
+      "message": "Using \"style\" is not allowed in custom component. Use \"class\" instead."
     }
   ]
 }

From f5d700cdd21fe8b723b194317f034b6198bc16bb Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 30 Oct 2022 23:26:09 +0900
Subject: [PATCH 0547/1010] Add `vue/v-on-handler-style` rule and deprecate
 `vue/v-on-function-call` rule (#2009)

* Add `vue/v-on-handler-style` rule and deprecated `vue/v-on-function-call` rule

* Update docs/rules/v-on-handler-style.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/rules/v-on-handler-style.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* simplify element in doc

* add related rules to doc

* add ignored examples to doc

* change to report morev

* fix doc

* change v-on-handler-style

* refactor

* Apply suggestions from code review

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* update docs

* fix error message

* refactor

* Update docs/rules/v-on-handler-style.md

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                  |    3 +-
 docs/rules/v-on-event-hyphenation.md  |    1 +
 docs/rules/v-on-function-call.md      |    1 +
 docs/rules/v-on-handler-style.md      |  219 +++++
 docs/rules/v-on-style.md              |    4 +
 lib/index.js                          |    1 +
 lib/rules/v-on-function-call.js       |    4 +-
 lib/rules/v-on-handler-style.js       |  578 +++++++++++++
 tests/lib/rules/v-on-handler-style.js | 1138 +++++++++++++++++++++++++
 typings/eslint/index.d.ts             |   10 +-
 10 files changed, 1951 insertions(+), 8 deletions(-)
 create mode 100644 docs/rules/v-on-handler-style.md
 create mode 100644 lib/rules/v-on-handler-style.js
 create mode 100644 tests/lib/rules/v-on-handler-style.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index f0bd7578e..f704c1a61 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -264,7 +264,7 @@ For example:
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
-| [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: | :hammer: |
+| [vue/v-on-handler-style](./v-on-handler-style.md) | enforce writing style for handlers in `v-on` directives | :wrench: | :hammer: |
 
 </rules-table>
 
@@ -324,6 +324,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 |:--------|:------------|
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
 | [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
+| [vue/v-on-function-call](./v-on-function-call.md) | [vue/v-on-handler-style](./v-on-handler-style.md) |
 
 ## Removed
 
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 6a21408c5..9fdd80829 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -107,6 +107,7 @@ Don't use hyphenated name but allow custom event names
 
 - [vue/custom-event-name-casing](./custom-event-name-casing.md)
 - [vue/attribute-hyphenation](./attribute-hyphenation.md)
+- [vue/v-on-handler-style](./v-on-handler-style.md)
 
 ## :books: Further Reading
 
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index edd48f084..c80dafc60 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -9,6 +9,7 @@ since: v5.2.0
 
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
 
+- :warning: This rule was **deprecated** and replaced by [vue/v-on-handler-style](v-on-handler-style.md) rule.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-on-handler-style.md b/docs/rules/v-on-handler-style.md
new file mode 100644
index 000000000..18494e105
--- /dev/null
+++ b/docs/rules/v-on-handler-style.md
@@ -0,0 +1,219 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/v-on-handler-style
+description: enforce writing style for handlers in `v-on` directives
+---
+# vue/v-on-handler-style
+
+> enforce writing style for handlers in `v-on` directives
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims to enforce a consistent style in `v-on` event handlers:
+
+```vue
+<!-- Method handler: -->
+<button v-on:click="handler" />
+
+<!-- Inline handler: -->
+<button v-on:click="handler()" />
+
+<!-- Inline function: -->
+<button v-on:click="() => handler()" />
+```
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="handler" />
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler()" />
+  <button v-on:click="() => handler()" />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/v-on-handler-style": ["error",
+    ["method", "inline-function"], // ["method", "inline-function"] | ["method", "inline"] | "inline-function" | "inline"
+    {
+      "ignoreIncludesComment": false
+    }
+  ]
+}
+```
+
+- First option ... Specifies the name of an allowed style. Default is `["method", "inline-function"]`.
+  - `["method", "inline-function"]` ... Allow handlers by method binding. e.g. `v-on:click="handler"`. Allow inline functions where method handlers cannot be used. e.g. `v-on:click="() => handler(listItem)"`.
+  - `["method", "inline"]` ... Allow handlers by method binding. e.g. `v-on:click="handler"`. Allow inline handlers where method handlers cannot be used. e.g. `v-on:click="handler(listItem)"`.
+  - `"inline-function"` ... Allow inline functions. e.g. `v-on:click="() => handler()"`
+  - `"inline"` ... Allow inline handlers. e.g. `v-on:click="handler()"`
+- Second option
+  - `ignoreIncludesComment` ... If `true`, do not report inline handlers or inline functions containing comments, even if the preferred style is `"method"`. Default is `false`.
+
+### `["method", "inline-function"]` (Default)
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['method', 'inline-function']]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="handler" />
+  <template v-for="e in list">
+    <button v-on:click="e" />
+    <button v-on:click="() => handler(e)" />
+  </template>
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler()" />
+  <button v-on:click="count++" />
+  <button v-on:click="() => handler()" />
+  <button v-on:click="() => count++" />
+  <button v-on:click="(a, b) => handler(a, b)" />
+  <template v-for="e in list">
+    <button v-on:click="e()" />
+    <button v-on:click="() => e()" />
+    <button v-on:click="handler(e)" />
+  </template>
+</template>
+```
+
+</eslint-code-block>
+
+### `["method", "inline"]`
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['method', 'inline']]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="handler" />
+  <template v-for="e in list">
+    <button v-on:click="e" />
+    <button v-on:click="handler(e)" />
+  </template>
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler()" />
+  <button v-on:click="count++" />
+  <button v-on:click="() => handler()" />
+  <button v-on:click="() => count++" />
+  <button v-on:click="(a, b) => handler(a, b)" />
+  <template v-for="e in list">
+    <button v-on:click="e()" />
+    <button v-on:click="() => e()" />
+    <button v-on:click="() => handler(e)" />
+  </template>
+</template>
+```
+
+</eslint-code-block>
+
+### `["inline-function"]`
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['inline-function']]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="() => handler()" />
+  <button v-on:click="() => count++" />
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler" />
+  <button v-on:click="handler()" />
+  <button v-on:click="handler($event)" />
+  <button v-on:click="count++" />
+</template>
+```
+
+</eslint-code-block>
+
+### `["inline"]`
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['inline']]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="handler()" />
+  <button v-on:click="handler($event)" />
+  <button v-on:click="count++" />
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler" />
+  <button v-on:click="() => handler()" />
+  <button v-on:click="(foo) => handler(foo)" />
+  <button v-on:click="(foo, bar) => handler(foo, bar)" />
+  <button v-on:click="() => count++" />
+</template>
+```
+
+</eslint-code-block>
+
+### `["method", "inline-function"], { "ignoreIncludesComment": true }`
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['method', 'inline-function'], {ignoreIncludesComment: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="handler" />
+  <button v-on:click="() => handler() /* comment */" />
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler()" />
+  <button v-on:click="() => handler()" />
+  <button v-on:click="handler() /* comment */" />
+</template>
+```
+
+</eslint-code-block>
+
+### `["method", "inline"], { "ignoreIncludesComment": true }`
+
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['method', 'inline'], {ignoreIncludesComment: true}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button v-on:click="handler" />
+  <button v-on:click="handler() /* comment */" />
+
+  <!-- ✗ BAD -->
+  <button v-on:click="handler()" />
+  <button v-on:click="() => handler()" />
+  <button v-on:click="() => handler() /* comment */" />
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/v-on-style](./v-on-style.md)
+- [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md)
+
+## :books: Further Reading
+
+- [Guide - Inline Handlers]
+- [Guide - Method Handlers]
+
+[Guide - Inline Handlers]: https://vuejs.org/guide/essentials/event-handling.html#inline-handlers
+[Guide - Method Handlers]: https://vuejs.org/guide/essentials/event-handling.html#method-handlers
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-handler-style.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/v-on-handler-style.js)
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 73e36ce33..89c135fc2 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -59,6 +59,10 @@ Default is set to `shorthand`.
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/v-on-handler-style](./v-on-handler-style.md)
+
 ## :books: Further Reading
 
 - [Style guide - Directive shorthands](https://vuejs.org/style-guide/rules-strongly-recommended.html#directive-shorthands)
diff --git a/lib/index.js b/lib/index.js
index 645669c4c..6f5452cc8 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -200,6 +200,7 @@ module.exports = {
     'v-for-delimiter-style': require('./rules/v-for-delimiter-style'),
     'v-on-event-hyphenation': require('./rules/v-on-event-hyphenation'),
     'v-on-function-call': require('./rules/v-on-function-call'),
+    'v-on-handler-style': require('./rules/v-on-handler-style'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
     'valid-attribute-name': require('./rules/valid-attribute-name'),
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index b6274d12e..e2409794b 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -82,7 +82,9 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    deprecated: true,
+    replacedBy: ['v-on-handler-style']
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/v-on-handler-style.js b/lib/rules/v-on-handler-style.js
new file mode 100644
index 000000000..aa1214e38
--- /dev/null
+++ b/lib/rules/v-on-handler-style.js
@@ -0,0 +1,578 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('eslint').ReportDescriptorFix} ReportDescriptorFix
+ * @typedef {'method' | 'inline' | 'inline-function'} HandlerKind
+ * @typedef {object} ObjectOption
+ * @property {boolean} [ignoreIncludesComment]
+ */
+
+/**
+ * @param {RuleContext} context
+ */
+function parseOptions(context) {
+  /** @type {[HandlerKind | HandlerKind[] | undefined, ObjectOption | undefined]} */
+  const options = /** @type {any} */ (context.options)
+  /** @type {HandlerKind[]} */
+  const allows = []
+  if (options[0]) {
+    if (Array.isArray(options[0])) {
+      allows.push(...options[0])
+    } else {
+      allows.push(options[0])
+    }
+  } else {
+    allows.push('method', 'inline-function')
+  }
+
+  const option = options[1] || {}
+  const ignoreIncludesComment = !!option.ignoreIncludesComment
+
+  return { allows, ignoreIncludesComment }
+}
+
+/**
+ * Check whether the given token is a quote.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a quote.
+ */
+function isQuote(token) {
+  return (
+    token != null &&
+    token.type === 'Punctuator' &&
+    (token.value === '"' || token.value === "'")
+  )
+}
+/**
+ * Check whether the given node is an identifier call expression. e.g. `foo()`
+ * @param {Expression} node The node to check.
+ * @returns {node is CallExpression & {callee: Identifier}}
+ */
+function isIdentifierCallExpression(node) {
+  if (node.type !== 'CallExpression') {
+    return false
+  }
+  if (node.optional) {
+    // optional chaining
+    return false
+  }
+  const callee = node.callee
+  return callee.type === 'Identifier'
+}
+
+/**
+ * Returns a call expression node if the given VOnExpression or BlockStatement consists
+ * of only a single identifier call expression.
+ * e.g.
+ *   @click="foo()"
+ *   @click="{ foo() }"
+ *   @click="foo();;"
+ * @param {VOnExpression | BlockStatement} node
+ * @returns {CallExpression & {callee: Identifier} | null}
+ */
+function getIdentifierCallExpression(node) {
+  /** @type {ExpressionStatement} */
+  let exprStatement
+  let body = node.body
+  while (true) {
+    const statements = body.filter((st) => st.type !== 'EmptyStatement')
+    if (statements.length !== 1) {
+      return null
+    }
+    const statement = statements[0]
+    if (statement.type === 'ExpressionStatement') {
+      exprStatement = statement
+      break
+    }
+    if (statement.type === 'BlockStatement') {
+      body = statement.body
+      continue
+    }
+    return null
+  }
+  const expression = exprStatement.expression
+  if (!isIdentifierCallExpression(expression)) {
+    return null
+  }
+  return expression
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce writing style for handlers in `v-on` directives',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/v-on-handler-style.html'
+    },
+    fixable: 'code',
+    schema: [
+      {
+        oneOf: [
+          { enum: ['inline', 'inline-function'] },
+          {
+            type: 'array',
+            items: [
+              { const: 'method' },
+              { enum: ['inline', 'inline-function'] }
+            ],
+            uniqueItems: true,
+            additionalItems: false,
+            minItems: 2,
+            maxItems: 2
+          }
+        ]
+      },
+      {
+        type: 'object',
+        properties: {
+          ignoreIncludesComment: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      preferMethodOverInline:
+        'Prefer method handler over inline handler in v-on.',
+      preferMethodOverInlineWithoutIdCall:
+        'Prefer method handler over inline handler in v-on. Note that you may need to create a new method.',
+      preferMethodOverInlineFunction:
+        'Prefer method handler over inline function in v-on.',
+      preferMethodOverInlineFunctionWithoutIdCall:
+        'Prefer method handler over inline function in v-on. Note that you may need to create a new method.',
+      preferInlineOverMethod:
+        'Prefer inline handler over method handler in v-on.',
+      preferInlineOverInlineFunction:
+        'Prefer inline handler over inline function in v-on.',
+      preferInlineOverInlineFunctionWithMultipleParams:
+        'Prefer inline handler over inline function in v-on. Note that the custom event must be changed to a single payload.',
+      preferInlineFunctionOverMethod:
+        'Prefer inline function over method handler in v-on.',
+      preferInlineFunctionOverInline:
+        'Prefer inline function over inline handler in v-on.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const { allows, ignoreIncludesComment } = parseOptions(context)
+
+    /** @type {Set<VElement>} */
+    const upperElements = new Set()
+    /** @type {Map<string, number>} */
+    const methodParamCountMap = new Map()
+    /** @type {Identifier[]} */
+    const $eventIdentifiers = []
+
+    /**
+     * Verify for inline handler.
+     * @param {VOnExpression} node
+     * @param {HandlerKind} kind
+     * @returns {boolean} Returns `true` if reported.
+     */
+    function verifyForInlineHandler(node, kind) {
+      switch (kind) {
+        case 'method':
+          return verifyCanUseMethodHandlerForInlineHandler(node)
+        case 'inline-function':
+          reportCanUseInlineFunctionForInlineHandler(node)
+          return true
+      }
+      return false
+    }
+    /**
+     * Report for method handler.
+     * @param {Identifier} node
+     * @param {HandlerKind} kind
+     * @returns {boolean} Returns `true` if reported.
+     */
+    function reportForMethodHandler(node, kind) {
+      switch (kind) {
+        case 'inline':
+        case 'inline-function':
+          context.report({
+            node,
+            messageId:
+              kind === 'inline'
+                ? 'preferInlineOverMethod'
+                : 'preferInlineFunctionOverMethod'
+          })
+          return true
+      }
+      // This path is currently not taken.
+      return false
+    }
+    /**
+     * Verify for inline function handler.
+     * @param {ArrowFunctionExpression | FunctionExpression} node
+     * @param {HandlerKind} kind
+     * @returns {boolean} Returns `true` if reported.
+     */
+    function verifyForInlineFunction(node, kind) {
+      switch (kind) {
+        case 'method':
+          return verifyCanUseMethodHandlerForInlineFunction(node)
+        case 'inline':
+          reportCanUseInlineHandlerForInlineFunction(node)
+          return true
+      }
+      return false
+    }
+
+    /**
+     * Get token information for the given VExpressionContainer node.
+     * @param {VExpressionContainer} node
+     */
+    function getVExpressionContainerTokenInfo(node) {
+      const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      const tokens = tokenStore.getTokens(node, {
+        includeComments: true
+      })
+      const firstToken = tokens[0]
+      const lastToken = tokens[tokens.length - 1]
+
+      const hasQuote = isQuote(firstToken)
+      /** @type {Range} */
+      const rangeWithoutQuotes = hasQuote
+        ? [firstToken.range[1], lastToken.range[0]]
+        : [firstToken.range[0], lastToken.range[1]]
+
+      return {
+        rangeWithoutQuotes,
+        get hasComment() {
+          return tokens.some(
+            (token) => token.type === 'Block' || token.type === 'Line'
+          )
+        },
+        hasQuote
+      }
+    }
+
+    /**
+     * Checks whether the given node refers to a variable of the element.
+     * @param {Expression | VOnExpression} node
+     */
+    function hasReferenceUpperElementVariable(node) {
+      for (const element of upperElements) {
+        for (const vv of element.variables) {
+          for (const reference of vv.references) {
+            const { range } = reference.id
+            if (node.range[0] <= range[0] && range[1] <= node.range[1]) {
+              return true
+            }
+          }
+        }
+      }
+      return false
+    }
+    /**
+     * Check if `v-on:click="foo()"` can be converted to `v-on:click="foo"` and report if it can.
+     * @param {VOnExpression} node
+     * @returns {boolean} Returns `true` if reported.
+     */
+    function verifyCanUseMethodHandlerForInlineHandler(node) {
+      const { rangeWithoutQuotes, hasComment } =
+        getVExpressionContainerTokenInfo(node.parent)
+      if (ignoreIncludesComment && hasComment) {
+        return false
+      }
+
+      const idCallExpr = getIdentifierCallExpression(node)
+      if (
+        (!idCallExpr || idCallExpr.arguments.length > 0) &&
+        hasReferenceUpperElementVariable(node)
+      ) {
+        // It cannot be converted to method because it refers to the variable of the element.
+        // e.g. <template v-for="e in list"><button @click="foo(e)" /></template>
+        return false
+      }
+
+      context.report({
+        node,
+        messageId: idCallExpr
+          ? 'preferMethodOverInline'
+          : 'preferMethodOverInlineWithoutIdCall',
+        fix: (fixer) => {
+          if (
+            hasComment /* The statement contains comment and cannot be fixed. */ ||
+            !idCallExpr /* The statement is not a simple identifier call and cannot be fixed. */ ||
+            idCallExpr.arguments.length > 0
+          ) {
+            return null
+          }
+          const paramCount = methodParamCountMap.get(idCallExpr.callee.name)
+          if (paramCount != null && paramCount > 0) {
+            // The behavior of target method can change given the arguments.
+            return null
+          }
+          return fixer.replaceTextRange(
+            rangeWithoutQuotes,
+            context.getSourceCode().getText(idCallExpr.callee)
+          )
+        }
+      })
+      return true
+    }
+    /**
+     * Check if `v-on:click="() => foo()"` can be converted to `v-on:click="foo"` and report if it can.
+     * @param {ArrowFunctionExpression | FunctionExpression} node
+     * @returns {boolean} Returns `true` if reported.
+     */
+    function verifyCanUseMethodHandlerForInlineFunction(node) {
+      const { rangeWithoutQuotes, hasComment } =
+        getVExpressionContainerTokenInfo(
+          /** @type {VExpressionContainer} */ (node.parent)
+        )
+      if (ignoreIncludesComment && hasComment) {
+        return false
+      }
+
+      /** @type {CallExpression & {callee: Identifier} | null} */
+      let idCallExpr = null
+      if (node.body.type === 'BlockStatement') {
+        idCallExpr = getIdentifierCallExpression(node.body)
+      } else if (isIdentifierCallExpression(node.body)) {
+        idCallExpr = node.body
+      }
+      if (
+        (!idCallExpr || !isSameParamsAndArgs(idCallExpr)) &&
+        hasReferenceUpperElementVariable(node)
+      ) {
+        // It cannot be converted to method because it refers to the variable of the element.
+        // e.g. <template v-for="e in list"><button @click="() => foo(e)" /></template>
+        return false
+      }
+
+      context.report({
+        node,
+        messageId: idCallExpr
+          ? 'preferMethodOverInlineFunction'
+          : 'preferMethodOverInlineFunctionWithoutIdCall',
+        fix: (fixer) => {
+          if (
+            hasComment /* The function contains comment and cannot be fixed. */ ||
+            !idCallExpr /* The function is not a simple identifier call and cannot be fixed. */
+          ) {
+            return null
+          }
+          if (!isSameParamsAndArgs(idCallExpr)) {
+            // It is not a call with the arguments given as is.
+            return null
+          }
+          const paramCount = methodParamCountMap.get(idCallExpr.callee.name)
+          if (
+            paramCount != null &&
+            paramCount !== idCallExpr.arguments.length
+          ) {
+            // The behavior of target method can change given the arguments.
+            return null
+          }
+          return fixer.replaceTextRange(
+            rangeWithoutQuotes,
+            context.getSourceCode().getText(idCallExpr.callee)
+          )
+        }
+      })
+      return true
+
+      /**
+       * Checks whether parameters are passed as arguments as-is.
+       * @param {CallExpression} expression
+       */
+      function isSameParamsAndArgs(expression) {
+        return (
+          node.params.length === expression.arguments.length &&
+          node.params.every((param, index) => {
+            if (param.type !== 'Identifier') {
+              return false
+            }
+            const arg = expression.arguments[index]
+            if (!arg || arg.type !== 'Identifier') {
+              return false
+            }
+            return param.name === arg.name
+          })
+        )
+      }
+    }
+    /**
+     * Report `v-on:click="foo()"` can be converted to `v-on:click="()=>foo()"`.
+     * @param {VOnExpression} node
+     * @returns {void}
+     */
+    function reportCanUseInlineFunctionForInlineHandler(node) {
+      context.report({
+        node,
+        messageId: 'preferInlineFunctionOverInline',
+        *fix(fixer) {
+          const has$Event = $eventIdentifiers.some(
+            ({ range }) =>
+              node.range[0] <= range[0] && range[1] <= node.range[1]
+          )
+          if (has$Event) {
+            /* The statements contains $event and cannot be fixed. */
+            return
+          }
+          const { rangeWithoutQuotes, hasQuote } =
+            getVExpressionContainerTokenInfo(node.parent)
+          if (!hasQuote) {
+            /* The statements is not enclosed in quotes and cannot be fixed. */
+            return
+          }
+          yield fixer.insertTextBeforeRange(rangeWithoutQuotes, '() => ')
+          const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+          const firstToken = tokenStore.getFirstToken(node)
+          const lastToken = tokenStore.getLastToken(node)
+          if (firstToken.value === '{' && lastToken.value === '}') return
+          if (
+            lastToken.value !== ';' &&
+            node.body.length === 1 &&
+            node.body[0].type === 'ExpressionStatement'
+          ) {
+            // it is a single expression
+            return
+          }
+          yield fixer.insertTextBefore(firstToken, '{')
+          yield fixer.insertTextAfter(lastToken, '}')
+        }
+      })
+    }
+    /**
+     * Report `v-on:click="() => foo()"` can be converted to `v-on:click="foo()"`.
+     * @param {ArrowFunctionExpression | FunctionExpression} node
+     * @returns {void}
+     */
+    function reportCanUseInlineHandlerForInlineFunction(node) {
+      // If a function has one parameter, you can turn it into an inline handler using $event.
+      // If a function has two or more parameters, it cannot be easily converted to an inline handler.
+      // However, users can use inline handlers by changing the payload of the component's custom event.
+      // So we report it regardless of the number of parameters.
+
+      context.report({
+        node,
+        messageId:
+          node.params.length > 1
+            ? 'preferInlineOverInlineFunctionWithMultipleParams'
+            : 'preferInlineOverInlineFunction',
+        fix:
+          node.params.length > 0
+            ? null /* The function has parameters and cannot be fixed. */
+            : (fixer) => {
+                let text = context.getSourceCode().getText(node.body)
+                if (node.body.type === 'BlockStatement') {
+                  text = text.slice(1, -1) // strip braces
+                }
+                return fixer.replaceText(node, text)
+              }
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {
+        VElement(node) {
+          upperElements.add(node)
+        },
+        'VElement:exit'(node) {
+          upperElements.delete(node)
+        },
+        /** @param {VExpressionContainer} node */
+        "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer.value:exit"(
+          node
+        ) {
+          const expression = node.expression
+          if (!expression) {
+            return
+          }
+          switch (expression.type) {
+            case 'VOnExpression': {
+              // e.g. v-on:click="foo()"
+              if (allows[0] === 'inline') {
+                return
+              }
+              for (const allow of allows) {
+                if (verifyForInlineHandler(expression, allow)) {
+                  return
+                }
+              }
+              break
+            }
+            case 'Identifier': {
+              // e.g. v-on:click="foo"
+              if (allows[0] === 'method') {
+                return
+              }
+              for (const allow of allows) {
+                if (reportForMethodHandler(expression, allow)) {
+                  return
+                }
+              }
+              break
+            }
+            case 'ArrowFunctionExpression':
+            case 'FunctionExpression': {
+              // e.g. v-on:click="()=>foo()"
+              if (allows[0] === 'inline-function') {
+                return
+              }
+              for (const allow of allows) {
+                if (verifyForInlineFunction(expression, allow)) {
+                  return
+                }
+              }
+              break
+            }
+            default:
+              return
+          }
+        },
+        ...(allows.includes('inline-function')
+          ? // Collect $event identifiers to check for side effects
+            // when converting from `v-on:click="foo($event)"` to `v-on:click="()=>foo($event)"` .
+            {
+              'Identifier[name="$event"]'(node) {
+                $eventIdentifiers.push(node)
+              }
+            }
+          : {})
+      },
+      allows.includes('method')
+        ? // Collect method definition with params information to check for side effects.
+          // when converting from `v-on:click="foo()"` to `v-on:click="foo"`, or
+          // converting from `v-on:click="() => foo()"` to `v-on:click="foo"`.
+          utils.defineVueVisitor(context, {
+            onVueObjectEnter(node) {
+              for (const method of utils.iterateProperties(
+                node,
+                new Set(['methods'])
+              )) {
+                if (method.type !== 'object') {
+                  // This branch is usually not passed.
+                  continue
+                }
+                const value = method.property.value
+                if (
+                  value.type === 'FunctionExpression' ||
+                  value.type === 'ArrowFunctionExpression'
+                ) {
+                  methodParamCountMap.set(
+                    method.name,
+                    value.params.some((p) => p.type === 'RestElement')
+                      ? Number.POSITIVE_INFINITY
+                      : value.params.length
+                  )
+                }
+              }
+            }
+          })
+        : {}
+    )
+  }
+}
diff --git a/tests/lib/rules/v-on-handler-style.js b/tests/lib/rules/v-on-handler-style.js
new file mode 100644
index 000000000..e3afd05d5
--- /dev/null
+++ b/tests/lib/rules/v-on-handler-style.js
@@ -0,0 +1,1138 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/v-on-handler-style')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('v-on-handler-style', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <template v-for="e in list">
+          <button @click="() => foo(e)" />
+        </template>
+      </template>`,
+      options: [['method', 'inline-function']]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <template v-for="e in list">
+          <button @click="() => foo(e)" />
+        </template>
+      </template>`
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <template v-for="e in list">
+          <button @click="foo(e)" />
+        </template>
+      </template>`,
+      options: [['method', 'inline']]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo()" />
+      </template>`,
+      options: ['inline']
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => foo()" />
+      </template>`,
+      options: ['inline-function']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button @[foo()]="bar" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button :click="foo()" /></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <button @click="foo()" />
+        <button @click="() => foo()" />
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: `<template>
+        <button @click="foo" />
+        <button @click="foo" />
+        <button @click="foo" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <button @click="foo()" />
+        <button @click="() => foo()" />
+      </template>`,
+      output: `<template>
+        <button @click="foo" />
+        <button @click="foo" />
+        <button @click="foo" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <button @click="foo()" />
+        <button @click="() => foo()" />
+      </template>`,
+      output: `<template>
+        <button @click="foo" />
+        <button @click="foo()" />
+        <button @click="foo()" />
+      </template>`,
+      options: ['inline'],
+      errors: [
+        {
+          message: 'Prefer inline handler over method handler in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+        <button @click="foo()" />
+        <button @click="() => foo()" />
+      </template>`,
+      options: ['inline-function'],
+      output: `<template>
+        <button @click="foo" />
+        <button @click="() => foo()" />
+        <button @click="() => foo()" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer inline function over method handler in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 3,
+          column: 25
+        }
+      ]
+    },
+    // ['method', 'inline-function']
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo( )" /></template>',
+      output: `<template><div @click="foo" /></template>`,
+      options: [['method', 'inline-function']],
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 1,
+          column: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo() /* comment */" />
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo() /* comment */" />
+      </template>`,
+      options: [['method', 'inline-function'], { ignoreIncludesComment: true }],
+      output: `<template>
+        <button @click="() => foo() /* comment */" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo(/**/)"/>
+        <button @click="/* comment */foo()"/>
+        <button @click=foo()/*comment*/ />
+        <button @click="foo()// comment
+        "/>
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 38
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 4,
+          column: 24
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 5,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="fn();" />
+        <button @click="fn();;" />
+        <button @click="{ fn(); }" />
+        <button @click="{(fn());;;}" />
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: `
+      <template>
+        <button @click="fn" />
+        <button @click="fn" />
+        <button @click="fn" />
+        <button @click="fn" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 4,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 5,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 6,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click=" beforeSpace()" />
+        <div @click='afterSpace() ' />
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: `
+      <template>
+        <div @click="beforeSpace" />
+        <div @click='afterSpace' />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 23
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 4,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click=" &#x66;oo ( ) " />
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: `
+      <template>
+        <button @click="&#x66;oo" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 26
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><button @click="foo()" /></template>
+      <script>
+      export default {
+        methods: {
+          foo() {}
+        }
+      }
+      </script>`,
+      options: [['method', 'inline-function']],
+      output: `
+      <template><button @click="foo" /></template>
+      <script>
+      export default {
+        methods: {
+          foo() {}
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 2,
+          column: 33
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><button @click="foo()" /></template>
+      <script>
+      export default {
+        methods: {
+          foo: () => {}
+        }
+      }
+      </script>`,
+      options: [['method', 'inline-function']],
+      output: `
+      <template><button @click="foo" /></template>
+      <script>
+      export default {
+        methods: {
+          foo: () => {}
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 2,
+          column: 33
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo(123)" />
+        <button @click="foo.bar()" />
+        <button @click="foo?.()" />
+        <button @click="foo();foo();" />
+        <button @click="{}" />
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message:
+            'Prefer method handler over inline handler in v-on. Note that you may need to create a new method.',
+          line: 3,
+          column: 25
+        },
+        {
+          message:
+            'Prefer method handler over inline handler in v-on. Note that you may need to create a new method.',
+          line: 4,
+          column: 25
+        },
+        {
+          message:
+            'Prefer method handler over inline handler in v-on. Note that you may need to create a new method.',
+          line: 5,
+          column: 25
+        },
+        {
+          message:
+            'Prefer method handler over inline handler in v-on. Note that you may need to create a new method.',
+          line: 6,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><button @click="foo()" /></template>
+      <script>
+      export default {
+        methods: {
+          foo(a) {}
+        }
+      }
+      </script>`,
+      options: [['method', 'inline-function']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 2,
+          column: 33
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="foo()" />
+        <button @click="bar()" />
+        <button @click="baz()" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo(a, b) {},
+          bar(...a) {},
+          baz(a = 42) {},
+        }
+      }
+      </script>`,
+      options: [['method', 'inline-function']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 4,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 5,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="foo()" />
+        <button @click="bar()" />
+        <button @click="baz()" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo: (a, b) => {},
+          bar: (...a) => {},
+          baz: (a = 42) => {},
+        }
+      }
+      </script>`,
+      options: [['method', 'inline-function']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 4,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 5,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <template v-for="e in list">
+          <button @click="e()" />
+        </template>
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: `<template>
+        <template v-for="e in list">
+          <button @click="e" />
+        </template>
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline handler in v-on.',
+          line: 3,
+          column: 27
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <template v-for="e in list">
+          <button @click="handler(e)" />
+          <button @click="handlers[e]()" />
+          <button @click="handler(a(b), c(d), e + f)" />
+          <button @click="e.foo()" />
+        </template>
+      </template>`,
+      options: [['method', 'inline-function']],
+      output: `<template>
+        <template v-for="e in list">
+          <button @click="() => handler(e)" />
+          <button @click="() => handlers[e]()" />
+          <button @click="() => handler(a(b), c(d), e + f)" />
+          <button @click="() => e.foo()" />
+        </template>
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 3,
+          column: 27
+        },
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 4,
+          column: 27
+        },
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 5,
+          column: 27
+        },
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 6,
+          column: 27
+        }
+      ]
+    },
+    // 'inline-function'
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo( )" />
+        <button @click="count++" />
+      </template>`,
+      output: `<template>
+        <button @click="() => foo( )" />
+        <button @click="() => count++" />
+      </template>`,
+      options: ['inline-function'],
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 3,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo($event)" /></template>',
+      output: null,
+      options: ['inline-function'],
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 1,
+          column: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click=foo() /></template>',
+      output: null,
+      options: ['inline-function'],
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 1,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button @click="{foo();foo();}" /></template>',
+      output: '<template><button @click="() => {foo();foo();}" /></template>',
+      options: ['inline-function'],
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 1,
+          column: 27
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button @click="foo();foo();" /></template>',
+      output: '<template><button @click="() => {foo();foo();}" /></template>',
+      options: ['inline-function'],
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 1,
+          column: 27
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button @click="foo();" /></template>',
+      output: '<template><button @click="() => {foo();}" /></template>',
+      options: ['inline-function'],
+      errors: [
+        {
+          message: 'Prefer inline function over inline handler in v-on.',
+          line: 1,
+          column: 27
+        }
+      ]
+    },
+    // 'inline' with method
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="foo" />
+      </template>`,
+      options: ['inline'],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer inline handler over method handler in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    // ['method', 'inline']
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => foo()" />
+        <button @click="(a, b) => foo(a, b)" />
+        <button @click="() => { foo() }" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: `<template>
+        <button @click="foo" />
+        <button @click="foo" />
+        <button @click="foo" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => foo() /* comment */" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => foo() /* comment */" />
+      </template>`,
+      options: [['method', 'inline'], { ignoreIncludesComment: true }],
+      output: `<template>
+        <button @click="foo() /* comment */" />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="(a, b) => foo(a, b)" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo(a, b) {}
+        }
+      }
+      </script>`,
+      options: [['method', 'inline']],
+      output: `<template>
+        <button @click="foo" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo(a, b) {}
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="(a, b) => foo(a, b)" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo
+        }
+      }
+      </script>`,
+      options: [['method', 'inline']],
+      output: `<template>
+        <button @click="foo" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo
+        }
+      }
+      </script>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => handler(foo)" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => foo?.()" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message:
+            'Prefer method handler over inline function in v-on. Note that you may need to create a new method.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => count++" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message:
+            'Prefer method handler over inline function in v-on. Note that you may need to create a new method.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => { count++ }" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message:
+            'Prefer method handler over inline function in v-on. Note that you may need to create a new method.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="(a, b) => foo(b, a)" />
+        <button @click="(a, b) => foo(...a, b)" />
+        <button @click="(...a) => foo(a)" />
+      </template>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="(a) => foo(a)" />
+        <button @click="(a) => bar(a)" />
+        <button @click="(a, b) => baz(a, b)" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo(a, b) {},
+          bar(...a) {},
+          baz(a = 42) {},
+        }
+      }
+      </script>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 5,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="(a) => foo(a)" />
+        <button @click="(a) => bar(a)" />
+        <button @click="(a, b) => baz(a, b)" />
+      </template>
+      <script>
+      export default {
+        methods: {
+          foo: (a, b) => {},
+          bar: (...a) => {},
+          baz: (a = 42) => {},
+        }
+      }
+      </script>`,
+      options: [['method', 'inline']],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 5,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <template v-for="e in list">
+          <button @click="() => e()" />
+          <button @click="(a) => e(a)" />
+          <button @click="(a, b) => e(a, b)" />
+        </template>
+      </template>`,
+      options: [['method', 'inline']],
+      output: `<template>
+        <template v-for="e in list">
+          <button @click="e" />
+          <button @click="e" />
+          <button @click="e" />
+        </template>
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 3,
+          column: 27
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 4,
+          column: 27
+        },
+        {
+          message: 'Prefer method handler over inline function in v-on.',
+          line: 5,
+          column: 27
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <template v-for="e in list">
+          <button @click="() => handler(e)" />
+          <button @click="() => handlers[e]()" />
+          <button @click="() => handler(a(b), c(d), e + f)" />
+          <button @click="() => e.foo()" />
+        </template>
+      </template>`,
+      options: [['method', 'inline']],
+      output: `<template>
+        <template v-for="e in list">
+          <button @click="handler(e)" />
+          <button @click="handlers[e]()" />
+          <button @click="handler(a(b), c(d), e + f)" />
+          <button @click="e.foo()" />
+        </template>
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 3,
+          column: 27
+        },
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 4,
+          column: 27
+        },
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 5,
+          column: 27
+        },
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 6,
+          column: 27
+        }
+      ]
+    },
+    // 'inline' with function
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="() => foo(a, b)" />
+        <button @click="() => count++" />
+        <button @click="() => { count++; foo(); }" />
+      </template>`,
+      options: ['inline'],
+      output: `<template>
+        <button @click="foo(a, b)" />
+        <button @click="count++" />
+        <button @click=" count++; foo(); " />
+      </template>`,
+      errors: [
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        },
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 3,
+          column: 25
+        },
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="(a) => foo(a, b)" />
+      </template>`,
+      options: ['inline'],
+      output: null,
+      errors: [
+        {
+          message: 'Prefer inline handler over inline function in v-on.',
+          line: 2,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <button @click="(a, b) => foo(a, b)" />
+      </template>`,
+      options: ['inline'],
+      output: null,
+      errors: [
+        {
+          message:
+            'Prefer inline handler over inline function in v-on. Note that the custom event must be changed to a single payload.',
+          line: 2,
+          column: 25
+        }
+      ]
+    }
+  ]
+})
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 949d56f6d..7d85f665f 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -370,16 +370,14 @@ export namespace Linter {
   type LintMessage = ESLintLinter.LintMessage
   type LintOptions = ESLintLinter.LintOptions
 }
-
+export type ReportDescriptorFix = (
+  fixer: Rule.RuleFixer
+) => null | Rule.Fix | IterableIterator<Rule.Fix> | Rule.Fix[]
 interface ReportDescriptorOptionsBase {
   data?: {
     [key: string]: string | number
   }
-  fix?:
-    | null
-    | ((
-        fixer: Rule.RuleFixer
-      ) => null | Rule.Fix | IterableIterator<Rule.Fix> | Rule.Fix[])
+  fix?: null | ReportDescriptorFix
 }
 
 interface SuggestionReportDescriptor1 extends ReportDescriptorOptionsBase {

From a4d37ff9736a23ec69729c06940b1fdab942374c Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 31 Oct 2022 17:18:15 +0900
Subject: [PATCH 0548/1010] chore: update docs and fix tsc error

---
 docs/rules/v-on-handler-style.md | 8 ++++----
 tsconfig.json                    | 3 ++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/rules/v-on-handler-style.md b/docs/rules/v-on-handler-style.md
index 18494e105..5360f0f25 100644
--- a/docs/rules/v-on-handler-style.md
+++ b/docs/rules/v-on-handler-style.md
@@ -120,9 +120,9 @@ This rule aims to enforce a consistent style in `v-on` event handlers:
 
 </eslint-code-block>
 
-### `["inline-function"]`
+### `"inline-function"`
 
-<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['inline-function']]}">
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', 'inline-function']}">
 
 ```vue
 <template>
@@ -140,9 +140,9 @@ This rule aims to enforce a consistent style in `v-on` event handlers:
 
 </eslint-code-block>
 
-### `["inline"]`
+### `"inline"`
 
-<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', ['inline']]}">
+<eslint-code-block fix :rules="{'vue/v-on-handler-style': ['error', 'inline']}">
 
 ```vue
 <template>
diff --git a/tsconfig.json b/tsconfig.json
index cbaefbd88..2693acd49 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,7 +19,8 @@
     "baseUrl": ".",
     "paths": {
       "*": ["typings/*"]
-    }
+    },
+    "skipLibCheck": true
   },
   "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts"]
 }

From c64af6b4592351b4a6c489af982f80cba7d87269 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 31 Oct 2022 17:20:39 +0900
Subject: [PATCH 0549/1010] 9.7.0

---
 docs/rules/multiline-ternary.md  | 6 +++++-
 docs/rules/v-on-handler-style.md | 6 +++++-
 package.json                     | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index cc36f7da6..c962b4b04 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
 description: Enforce newlines between operands of ternary expressions in `<template>`
+since: v9.7.0
 ---
 # vue/multiline-ternary
 
 > Enforce newlines between operands of ternary expressions in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
@@ -51,6 +51,10 @@ div {
 
 [multiline-ternary]: https://eslint.org/docs/rules/multiline-ternary
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.7.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-ternary.js)
diff --git a/docs/rules/v-on-handler-style.md b/docs/rules/v-on-handler-style.md
index 5360f0f25..f835d53b7 100644
--- a/docs/rules/v-on-handler-style.md
+++ b/docs/rules/v-on-handler-style.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-on-handler-style
 description: enforce writing style for handlers in `v-on` directives
+since: v9.7.0
 ---
 # vue/v-on-handler-style
 
 > enforce writing style for handlers in `v-on` directives
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -213,6 +213,10 @@ This rule aims to enforce a consistent style in `v-on` event handlers:
 [Guide - Inline Handlers]: https://vuejs.org/guide/essentials/event-handling.html#inline-handlers
 [Guide - Method Handlers]: https://vuejs.org/guide/essentials/event-handling.html#method-handlers
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.7.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-on-handler-style.js)
diff --git a/package.json b/package.json
index f0a2f198a..554c34f61 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2bdcc51846e245c59ca8e495b42947b59ee8f89d Mon Sep 17 00:00:00 2001
From: qmhc <544022268@qq.com>
Date: Mon, 31 Oct 2022 22:41:10 +0800
Subject: [PATCH 0550/1010] Ignore `<Textarea>` components in
 `vue/no-textarea-mustache` (#2024)

---
 lib/rules/no-textarea-mustache.js       | 2 +-
 tests/lib/rules/no-textarea-mustache.js | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index b7a12bd8e..29c8a4da2 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -22,7 +22,7 @@ module.exports = {
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VExpressionContainer} node */
-      "VElement[name='textarea'] VExpressionContainer"(node) {
+      "VElement[rawName='textarea'] VExpressionContainer"(node) {
         if (node.parent.type !== 'VElement') {
           return
         }
diff --git a/tests/lib/rules/no-textarea-mustache.js b/tests/lib/rules/no-textarea-mustache.js
index 823580204..ac34728e5 100644
--- a/tests/lib/rules/no-textarea-mustache.js
+++ b/tests/lib/rules/no-textarea-mustache.js
@@ -22,6 +22,10 @@ tester.run('no-textarea-mustache', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><textarea v-model="text"></textarea></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><Textarea>{{text}}</Textarea></div></template>'
     }
   ],
   invalid: [
@@ -30,6 +34,11 @@ tester.run('no-textarea-mustache', rule, {
       code: '<template><div><textarea>{{text}}</textarea></div></template>',
       errors: ["Unexpected mustache. Use 'v-model' instead."]
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div><textarea v-model="text">{{text}}</textarea></div></template>',
+      errors: ["Unexpected mustache. Use 'v-model' instead."]
+    },
     {
       filename: 'test.vue',
       code: '<template><div><textarea>{{text}} and {{text}}</textarea></div></template>',

From bf5829ce5e48ce060aa8197031a617a65315b088 Mon Sep 17 00:00:00 2001
From: czb <80880408+czb3279338858@users.noreply.github.com>
Date: Wed, 2 Nov 2022 15:47:34 +0800
Subject: [PATCH 0551/1010] Add new `vue/require-prop-comment` rule (#2019)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* require-prop-comment

* add type arg

* add jsdoc type

* edit rule

* npm run update运行结果

* npm run update edit

* Modify according to the requirements during consolidation

* edit test

* delete only one check

* delete template

* edit md

* Lint

* Improve docs

* Only check last preceding comment

* Use message IDs

* Rename unlimited → any

* Fix docs

* edit rules

* edit schema type

* update readme.md

* add rules

* add rules

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/README.md                    |   1 +
 docs/rules/require-prop-comment.md      | 144 +++++++++++++
 lib/index.js                            |   1 +
 lib/rules/require-prop-comment.js       | 123 +++++++++++
 tests/lib/rules/require-prop-comment.js | 269 ++++++++++++++++++++++++
 5 files changed, 538 insertions(+)
 create mode 100644 docs/rules/require-prop-comment.md
 create mode 100644 lib/rules/require-prop-comment.js
 create mode 100644 tests/lib/rules/require-prop-comment.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index f704c1a61..9ca817e30 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -260,6 +260,7 @@ For example:
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  | :hammer: |
+| [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
diff --git a/docs/rules/require-prop-comment.md b/docs/rules/require-prop-comment.md
new file mode 100644
index 000000000..3b1bc29f1
--- /dev/null
+++ b/docs/rules/require-prop-comment.md
@@ -0,0 +1,144 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-prop-comment
+description: require props to have a comment
+---
+# vue/require-prop-comment
+
+> require props to have a comment
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule enforces that every prop has a comment that documents it.
+
+<eslint-code-block :rules="{'vue/require-prop-comment': ['error']}">
+
+```vue
+<script>
+export default defineComponent({
+  props: {
+    // ✓ GOOD
+
+    /** JSDoc comment */
+    a: Number,
+
+    // ✗ BAD
+
+    // line comment
+    b: Number,
+
+    /* block comment */
+    c: Number,
+
+    d: Number,
+  }
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/require-prop-comment": ["error", {
+    "type": "JSDoc"
+  }]
+}
+```
+
+- `type` ... Type of comment. Default is `"JSDoc"`
+  - `"JSDoc"` ... Only JSDoc comment are allowed.
+  - `"line"` ... Only line comment are allowed.
+  - `"block"` ... Only block comment are allowed.
+  - `"any"` ... All comment types are allowed.
+
+### `"type": "block"`
+
+<eslint-code-block :rules="{'vue/require-prop-comment': ['error', {type: 'block'}]}">
+
+```vue
+<script setup>
+// ✓ GOOD
+const goodProps = defineProps({
+  /* block comment */
+  a: Number,
+})
+
+// ✗ BAD
+const badProps = defineProps({
+  /** JSDoc comment */
+  b: Number,
+
+  // line comment
+  c: Number,
+
+  d: Number,
+})
+</script>
+```
+
+</eslint-code-block>
+
+### `"type": "line"`
+
+<eslint-code-block :rules="{'vue/require-prop-comment': ['error', {type: 'line'}]}">
+
+```vue
+<script setup>
+// ✓ GOOD
+const goodProps = defineProps({
+  // line comment
+  a: Number,
+})
+
+// ✗ BAD
+const badProps = defineProps({
+  /** JSDoc comment */
+  b: Number,
+
+  /* block comment */
+  c: Number,
+
+  d: Number,
+})
+</script>
+```
+
+</eslint-code-block>
+
+### `"type": "any"`
+
+<eslint-code-block :rules="{'vue/require-prop-comment': ['error', {type: 'any'}]}">
+
+```vue
+<script setup>
+// ✓ GOOD
+const goodProps = defineProps({
+  /** JSDoc comment */
+  a: Number,
+
+  /* block comment */
+  b: Number,
+
+  // line comment
+  c: Number,
+})
+
+// ✗ BAD
+const badProps = defineProps({
+  d: Number,
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-prop-comment.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-prop-comment.js)
diff --git a/lib/index.js b/lib/index.js
index 6f5452cc8..2d14cd404 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -176,6 +176,7 @@ module.exports = {
     'require-explicit-emits': require('./rules/require-explicit-emits'),
     'require-expose': require('./rules/require-expose'),
     'require-name-property': require('./rules/require-name-property'),
+    'require-prop-comment': require('./rules/require-prop-comment'),
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
     'require-prop-types': require('./rules/require-prop-types'),
     'require-render-return': require('./rules/require-render-return'),
diff --git a/lib/rules/require-prop-comment.js b/lib/rules/require-prop-comment.js
new file mode 100644
index 000000000..9c8ef994d
--- /dev/null
+++ b/lib/rules/require-prop-comment.js
@@ -0,0 +1,123 @@
+/**
+ * @author CZB
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'require props to have a comment',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-prop-comment.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          type: { enum: ['JSDoc', 'line', 'block', 'any'] }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      requireAnyComment: 'The "{{name}}" property should have a comment.',
+      requireLineComment: 'The "{{name}}" property should have a line comment.',
+      requireBlockComment:
+        'The "{{name}}" property should have a block comment.',
+      requireJSDocComment:
+        'The "{{name}}" property should have a JSDoc comment.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {{type?: "JSDoc" | "line" | "block" | "any"}|undefined} */
+    const schema = context.options[0]
+    const type = (schema && schema.type) || 'JSDoc'
+
+    const sourceCode = context.getSourceCode()
+
+    /** @param {Comment | undefined} comment */
+    const verifyBlock = (comment) =>
+      comment && comment.type === 'Block' && comment.value.charAt(0) !== '*'
+        ? undefined
+        : 'requireBlockComment'
+
+    /** @param {Comment | undefined} comment */
+    const verifyLine = (comment) =>
+      comment && comment.type === 'Line' ? undefined : 'requireLineComment'
+
+    /** @param {Comment | undefined} comment */
+    const verifyAny = (comment) => (comment ? undefined : 'requireAnyComment')
+
+    /** @param {Comment | undefined} comment */
+    const verifyJSDoc = (comment) =>
+      comment && comment.type === 'Block' && comment.value.charAt(0) === '*'
+        ? undefined
+        : 'requireJSDocComment'
+
+    /**
+     * @param {import('../utils').ComponentProp[]} props
+     */
+    function verifyProps(props) {
+      for (const prop of props) {
+        if (!prop.propName) {
+          continue
+        }
+
+        const precedingComments = sourceCode.getCommentsBefore(prop.node)
+        const lastPrecedingComment =
+          precedingComments.length > 0
+            ? precedingComments[precedingComments.length - 1]
+            : undefined
+
+        /** @type {string|undefined} */
+        let messageId
+
+        switch (type) {
+          case 'block':
+            messageId = verifyBlock(lastPrecedingComment)
+            break
+          case 'line':
+            messageId = verifyLine(lastPrecedingComment)
+            break
+          case 'any':
+            messageId = verifyAny(lastPrecedingComment)
+            break
+          default:
+            messageId = verifyJSDoc(lastPrecedingComment)
+            break
+        }
+
+        if (!messageId) {
+          continue
+        }
+
+        context.report({
+          node: prop.node,
+          messageId,
+          data: {
+            name: prop.propName
+          }
+        })
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          verifyProps(props)
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          verifyProps(utils.getComponentPropsFromOptions(node))
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/require-prop-comment.js b/tests/lib/rules/require-prop-comment.js
new file mode 100644
index 000000000..f72d6905b
--- /dev/null
+++ b/tests/lib/rules/require-prop-comment.js
@@ -0,0 +1,269 @@
+/**
+ * @author CZB
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-prop-comment')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('require-prop-comment', rule, {
+  valid: [
+    {
+      code: `
+      <script setup>
+      export default defineComponent({
+        props: {
+          /** JSDoc comment */
+          a: Number,
+        }
+      })
+      </script>
+      `
+    },
+    {
+      code: `
+      <script setup>
+      const goodProps = defineProps({
+        /* block comment */
+        a: Number,
+      })
+      </script>
+      `,
+      options: [{ type: 'block' }]
+    },
+    {
+      code: `
+      <script setup>
+      const goodProps = defineProps({
+        // line comment
+        a: Number,
+      })
+      </script>
+      `,
+      options: [{ type: 'line' }]
+    },
+    {
+      code: `
+      <script setup>
+      const goodProps = defineProps({
+        /** JSDoc comment */
+        a: Number,
+      
+        /* block comment */
+        b: Number,
+      
+        // line comment
+        c: Number,
+      })
+      </script>
+      `,
+      options: [{ type: 'any' }]
+    },
+    {
+      code: `
+      <script lang="ts">
+      export default defineComponent({
+        props: {
+          /** JSDoc comment */
+          a: Number
+        }
+      })
+      </script>
+      `
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      type PropType = {
+        /** JSDoc comment */
+        a: number
+      }
+      const props = defineProps<PropType>()
+      </script>
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      export default defineComponent({
+        props: {
+          // line comment
+          b: Number,
+      
+          /* block comment */
+          c: Number,
+      
+          d: Number,
+        }
+      })
+      `,
+      errors: [
+        {
+          line: 5,
+          column: 11,
+          message: `The "b" property should have a JSDoc comment.`
+        },
+        {
+          line: 8,
+          column: 11,
+          message: `The "c" property should have a JSDoc comment.`
+        },
+        {
+          line: 10,
+          column: 11,
+          message: `The "d" property should have a JSDoc comment.`
+        }
+      ]
+    },
+    {
+      code: `
+      <script setup>
+      const badProps = defineProps({
+        /** JSDoc comment */
+        b: Number,
+      
+        // line comment
+        c: Number,
+      
+        d: Number,
+      })
+      </script>
+      `,
+      options: [{ type: 'block' }],
+      errors: [
+        {
+          line: 5,
+          column: 9,
+          message: 'The "b" property should have a block comment.'
+        },
+        {
+          line: 8,
+          column: 9,
+          message: 'The "c" property should have a block comment.'
+        },
+        {
+          line: 10,
+          column: 9,
+          message: 'The "d" property should have a block comment.'
+        }
+      ]
+    },
+    {
+      code: `
+      <script setup>
+      const badProps = defineProps({
+        /** JSDoc comment */
+        b: Number,
+      
+        /* block comment */
+        c: Number,
+      
+        d: Number,
+      })
+      </script>
+      `,
+      options: [{ type: 'line' }],
+      errors: [
+        {
+          line: 5,
+          column: 9,
+          message: 'The "b" property should have a line comment.'
+        },
+        {
+          line: 8,
+          column: 9,
+          message: 'The "c" property should have a line comment.'
+        },
+        {
+          line: 10,
+          column: 9,
+          message: 'The "d" property should have a line comment.'
+        }
+      ]
+    },
+    {
+      code: `
+      <script setup>
+      const badProps = defineProps({
+        d: Number,
+      })
+      </script>
+      `,
+      options: [{ type: 'any' }],
+      errors: [
+        {
+          line: 4,
+          column: 9,
+          message: `The "d" property should have a comment.`
+        }
+      ]
+    },
+    {
+      code: `
+      <script lang="ts">
+      export default defineComponent({
+        props: {
+          a: Number
+        }
+      })
+      </script>
+      `,
+      errors: [
+        {
+          line: 5,
+          column: 11,
+          message: 'The "a" property should have a JSDoc comment.'
+        }
+      ]
+    },
+    {
+      code: `
+      new Vue({
+        props: {
+          a: Number
+        }
+      })
+      `,
+      errors: [
+        {
+          line: 4,
+          column: 11,
+          message: 'The "a" property should have a JSDoc comment.'
+        }
+      ]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      type PropType = {
+        a: number
+      }
+      const props = defineProps<PropType>()
+      </script>
+      `,
+      errors: [
+        {
+          line: 4,
+          column: 9,
+          message: 'The "a" property should have a JSDoc comment.'
+        }
+      ],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    }
+  ]
+})

From c7c1271631ff81b75f1dc757b7058a64a6cf34be Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 2 Nov 2022 12:08:43 +0100
Subject: [PATCH 0552/1010] Extract JSDoc comment recognition into util
 functions (#2026)

and add tests for them
---
 lib/rules/no-unused-properties.js |  7 +---
 lib/rules/require-prop-comment.js |  9 ++---
 lib/utils/comments.js             | 21 ++++++++++
 tests/lib/utils/comments.js       | 67 +++++++++++++++++++++++++++++++
 4 files changed, 93 insertions(+), 11 deletions(-)
 create mode 100644 lib/utils/comments.js
 create mode 100644 tests/lib/utils/comments.js

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 0a345542e..040ee414c 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -6,6 +6,7 @@
 
 const utils = require('../utils')
 const eslintUtils = require('eslint-utils')
+const { isJSDocComment } = require('../utils/comments.js')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 const {
   definePropertyReferenceExtractor,
@@ -169,11 +170,7 @@ function findJSDocComment(node, sourceCode) {
     break
   }
 
-  if (
-    tokenBefore &&
-    tokenBefore.type === 'Block' &&
-    tokenBefore.value.charAt(0) === '*'
-  ) {
+  if (tokenBefore && isJSDocComment(tokenBefore)) {
     return tokenBefore
   }
 
diff --git a/lib/rules/require-prop-comment.js b/lib/rules/require-prop-comment.js
index 9c8ef994d..8dd852cbc 100644
--- a/lib/rules/require-prop-comment.js
+++ b/lib/rules/require-prop-comment.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
+const { isBlockComment, isJSDocComment } = require('../utils/comments.js')
 
 module.exports = {
   meta: {
@@ -43,9 +44,7 @@ module.exports = {
 
     /** @param {Comment | undefined} comment */
     const verifyBlock = (comment) =>
-      comment && comment.type === 'Block' && comment.value.charAt(0) !== '*'
-        ? undefined
-        : 'requireBlockComment'
+      comment && isBlockComment(comment) ? undefined : 'requireBlockComment'
 
     /** @param {Comment | undefined} comment */
     const verifyLine = (comment) =>
@@ -56,9 +55,7 @@ module.exports = {
 
     /** @param {Comment | undefined} comment */
     const verifyJSDoc = (comment) =>
-      comment && comment.type === 'Block' && comment.value.charAt(0) === '*'
-        ? undefined
-        : 'requireJSDocComment'
+      comment && isJSDocComment(comment) ? undefined : 'requireJSDocComment'
 
     /**
      * @param {import('../utils').ComponentProp[]} props
diff --git a/lib/utils/comments.js b/lib/utils/comments.js
new file mode 100644
index 000000000..d285e7cac
--- /dev/null
+++ b/lib/utils/comments.js
@@ -0,0 +1,21 @@
+/**
+ * @param {Comment} node
+ * @returns {boolean}
+ */
+const isJSDocComment = (node) =>
+  node.type === 'Block' &&
+  node.value.charAt(0) === '*' &&
+  node.value.charAt(1) !== '*'
+
+/**
+ * @param {Comment} node
+ * @returns {boolean}
+ */
+const isBlockComment = (node) =>
+  node.type === 'Block' &&
+  (node.value.charAt(0) !== '*' || node.value.charAt(1) === '*')
+
+module.exports = {
+  isJSDocComment,
+  isBlockComment
+}
diff --git a/tests/lib/utils/comments.js b/tests/lib/utils/comments.js
new file mode 100644
index 000000000..9e567f6b1
--- /dev/null
+++ b/tests/lib/utils/comments.js
@@ -0,0 +1,67 @@
+'use strict'
+
+const assert = require('assert')
+const {
+  isBlockComment,
+  isJSDocComment
+} = require('../../../lib/utils/comments.js')
+
+// //foo
+const lineCommentNode = {
+  type: 'Line',
+  value: 'foo'
+}
+
+// /*foo*/
+const blockCommentNodeWithoutAsterisks = {
+  type: 'Block',
+  value: 'foo'
+}
+
+// //** foo */
+const blockCommentNodeWithOneAsterisk = {
+  type: 'Block',
+  value: '* foo'
+}
+
+// /*** foo */
+const blockCommentNodeWithTwoAsterisks = {
+  type: 'Block',
+  value: '** foo'
+}
+
+describe('isJSDocComment()', () => {
+  it('returns true for JSDoc comments', () => {
+    assert.equal(isJSDocComment(blockCommentNodeWithOneAsterisk), true)
+  })
+
+  it('returns false for block comments', () => {
+    assert.equal(isJSDocComment(blockCommentNodeWithoutAsterisks), false)
+  })
+
+  it('returns false for line comments', () => {
+    assert.equal(isJSDocComment(lineCommentNode), false)
+  })
+
+  it('returns false for block comments with two asterisks', () => {
+    assert.equal(isJSDocComment(blockCommentNodeWithTwoAsterisks), false)
+  })
+})
+
+describe('isBlockComment()', () => {
+  it('returns false for JSDoc comments', () => {
+    assert.equal(isBlockComment(blockCommentNodeWithOneAsterisk), false)
+  })
+
+  it('returns true for block comments', () => {
+    assert.equal(isBlockComment(blockCommentNodeWithoutAsterisks), true)
+  })
+
+  it('returns false for line comments', () => {
+    assert.equal(isBlockComment(lineCommentNode), false)
+  })
+
+  it('returns true for block comments with two asterisks', () => {
+    assert.equal(isBlockComment(blockCommentNodeWithTwoAsterisks), true)
+  })
+})

From 9673a61b08bdadf31b191e0dff30873678c7011b Mon Sep 17 00:00:00 2001
From: Ryan Delk <ryan@thedelk.com>
Date: Thu, 3 Nov 2022 14:50:41 -0500
Subject: [PATCH 0553/1010] docs: fix formatting and grammar for clarity
 (#2028)

---
 docs/rules/no-arrow-functions-in-watch.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 0d00f1fd5..4b1553567 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -13,7 +13,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rules disallows using arrow functions to defined watcher.The reason is arrow functions bind the parent context, so `this` will not be the Vue instance as you expect.([see here for more details](https://vuejs.org/api/options-state.html#watch))
+This rule disallows using arrow functions when defining a watcher. Arrow functions bind to their parent context, which means they will not have access to the Vue component instance via `this`. [See here for more details](https://vuejs.org/api/options-state.html#watch).
 
 <eslint-code-block :rules="{'vue/no-arrow-functions-in-watch': ['error']}">
 

From cc1b8d980dd8b09eb9a8b4f0b2fec04a2abf40b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=8B?= <xinyu198736@gmail.com>
Date: Thu, 17 Nov 2022 07:37:23 +0800
Subject: [PATCH 0554/1010] feat: rule fixer for require-name-property (#2034)

Co-authored-by: sunxinyu <sunxinyu@yucekj.com>
---
 docs/rules/README.md                     |   2 +-
 docs/rules/require-name-property.md      |   2 +
 lib/rules/require-name-property.js       |  59 ++++++++-
 tests/lib/rules/require-name-property.js | 150 ++++++++++++++++++++++-
 4 files changed, 207 insertions(+), 6 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9ca817e30..224b40313 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -259,7 +259,7 @@ For example:
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
-| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  | :hammer: |
+| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
diff --git a/docs/rules/require-name-property.md b/docs/rules/require-name-property.md
index d741e07c3..d7653b4b5 100644
--- a/docs/rules/require-name-property.md
+++ b/docs/rules/require-name-property.md
@@ -9,6 +9,8 @@ since: v6.1.0
 
 > require a name property in Vue components
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule requires a `name` property to be set on components.
diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index d4052f153..62eb0cfd5 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -4,9 +4,31 @@
  */
 'use strict'
 
+const path = require('path')
 const utils = require('../utils')
 const { getVueComponentDefinitionType } = require('../utils')
+/**
+ * Get the text of the empty indentation part of the line which the given token is on.
+ * @param {SourceCode} sourceCode the source code object
+ * @param {Token} token the token to get the indentation text of the line which the token is on
+ * @returns {string} The text of indentation part.
+ */
+function getLineEmptyIndent(sourceCode, token) {
+  const LT_CHAR = /[\n\r\u2028\u2029]/
+  const EMPTY_CHAR = /\s/
+  const text = sourceCode.text
+  let i = token.range[0] - 1
 
+  while (i >= 0 && !LT_CHAR.test(text[i])) {
+    i -= 1
+  }
+  let j = i
+  while (EMPTY_CHAR.test(text[j])) {
+    j += 1
+  }
+
+  return text.slice(i + 1, j)
+}
 /**
  * @param {Property | SpreadElement} node
  * @returns {node is ObjectExpressionProperty}
@@ -28,6 +50,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-name-property.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: []
   },
   /** @param {RuleContext} context */
@@ -47,7 +70,41 @@ module.exports = {
 
       context.report({
         node: component,
-        message: 'Required name property is not set.'
+        message: 'Required name property is not set.',
+        suggest: [
+          {
+            desc: 'Add name property to component.',
+            fix(fixer) {
+              const extension = path.extname(context.getFilename())
+              const filename = path.basename(context.getFilename(), extension)
+              const sourceCode = context.getSourceCode()
+              // fix only when property is not empty
+              if (component.properties.length > 0) {
+                const firstToken = sourceCode.getFirstToken(
+                  component.properties[0]
+                )
+                const indentText = getLineEmptyIndent(sourceCode, firstToken)
+                // insert name property before the first property
+                return fixer.insertTextBefore(
+                  component.properties[0],
+                  `name: '${filename}',\n${indentText}`
+                )
+              }
+
+              const firstToken = sourceCode.getFirstToken(component)
+              const lastToken = sourceCode.getLastToken(component)
+              // if the component is empty, insert name property and indent
+              if (firstToken.value === '{' && lastToken.value === '}') {
+                const indentText = getLineEmptyIndent(sourceCode, firstToken)
+                return fixer.replaceTextRange(
+                  [firstToken.range[1], lastToken.range[0]],
+                  `\n${indentText}  name: '${filename}'\n${indentText}`
+                )
+              }
+              return null
+            }
+          }
+        ]
       })
     })
   }
diff --git a/tests/lib/rules/require-name-property.js b/tests/lib/rules/require-name-property.js
index 8f7200d63..19f5b7c6d 100644
--- a/tests/lib/rules/require-name-property.js
+++ b/tests/lib/rules/require-name-property.js
@@ -78,25 +78,143 @@ ruleTester.run('require-name-property', rule, {
       errors: [
         {
           message: 'Required name property is not set.',
-          type: 'ObjectExpression'
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default {
+          name: 'InvalidComponent'
+        }
+      `
+            }
+          ]
         }
       ]
     },
     {
       filename: 'InvalidComponent.vue',
       code: `
+        export default defineComponent({
+        })
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default defineComponent({
+          name: 'InvalidComponent'
+        })
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'InvalidComponent.vue',
+      code: `
+        export default defineComponent({ })
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default defineComponent({
+          name: 'InvalidComponent'
+        })
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'InvalidComponent.vue',
+      code: `
+        export default { }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
         export default {
+          name: 'InvalidComponent'
+        }
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'InvalidComponent.vue',
+      code: `
+        export default {
+        nameNot: 'IssaNameNot'
+        }
+      `,
+      parserOptions,
+      errors: [
+        {
+          message: 'Required name property is not set.',
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default {
+        name: 'InvalidComponent',
         nameNot: 'IssaNameNot'
         }
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'InvalidComponent.vue',
+      code: `
+        export default defineComponent({
+          nameNot: 'IssaNameNot'
+        })
       `,
       parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
-          type: 'ObjectExpression'
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default defineComponent({
+          name: 'InvalidComponent',
+          nameNot: 'IssaNameNot'
+        })
+      `
+            }
+          ]
         }
       ]
     },
+
     {
       filename: 'InvalidComponent.vue',
       code: `
@@ -110,7 +228,20 @@ ruleTester.run('require-name-property', rule, {
       errors: [
         {
           message: 'Required name property is not set.',
-          type: 'ObjectExpression'
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default {
+          name: 'InvalidComponent',
+          computed: {
+            name() { return 'name' }
+          }
+        }
+      `
+            }
+          ]
         }
       ]
     },
@@ -125,7 +256,18 @@ ruleTester.run('require-name-property', rule, {
       errors: [
         {
           message: 'Required name property is not set.',
-          type: 'ObjectExpression'
+          type: 'ObjectExpression',
+          suggestions: [
+            {
+              desc: 'Add name property to component.',
+              output: `
+        export default {
+          name: 'InvalidComponent',
+          [name]: 'IssaName'
+        }
+      `
+            }
+          ]
         }
       ]
     }

From 8dc3cd998830acfaac643009fde5e7f8f9541dbd Mon Sep 17 00:00:00 2001
From: Jungzl <35426360+Jungzl@users.noreply.github.com>
Date: Sun, 20 Nov 2022 07:47:55 +0800
Subject: [PATCH 0555/1010] fix(define-macros-order): update rule to support
 interface/type export in <script lang="ts" setup/> (#2040)

---
 lib/rules/define-macros-order.js       |  3 ++-
 tests/lib/rules/define-macros-order.js | 22 ++++++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 994e4febd..24e7f8085 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -45,7 +45,8 @@ function getTargetStatementPosition(scriptSetup, program) {
     'TSInterfaceDeclaration',
     'TSTypeAliasDeclaration',
     'DebuggerStatement',
-    'EmptyStatement'
+    'EmptyStatement',
+    'ExportNamedDeclaration'
   ])
 
   for (const [index, item] of program.body.entries()) {
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 90e6748d6..ef31450c5 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -106,6 +106,28 @@ tester.run('define-macros-order', rule, {
         </script>
       `,
       options: optionsEmitsFirst
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          import { bar } from 'foo'
+          export interface Props {
+            msg?: string
+            labels?: string[]
+          }
+          defineEmits(['update:test'])
+          const props = withDefaults(defineProps<Props>(), {
+            msg: 'hello',
+            labels: () => ['one', 'two']
+          })
+          console.log('test')
+        </script>
+      `,
+      options: optionsEmitsFirst,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
   invalid: [

From 1d669d3daf5ed3b41959e2b3ac2868951b83d509 Mon Sep 17 00:00:00 2001
From: Jerald Vinfrank <46400789+JeraldVin@users.noreply.github.com>
Date: Mon, 21 Nov 2022 07:00:38 +0530
Subject: [PATCH 0556/1010] fix(docs): update example code for watch() (#2041)

* fix(docs): update example code for watch()

The 1st argument for watch() should be a ref/reactive/getter function/array of ref, reactive, getter function. But in the example code, the watch callback has been used as the 1st argument

* chore: remove extra space
---
 docs/rules/no-setup-props-destructure.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 0048bc6e0..8db330355 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -22,7 +22,7 @@ This rule reports the destructuring of `props` passed to `setup` causing the val
 export default {
   /* ✓ GOOD */
   setup(props) {
-    watch(() => {
+    watch(() => props.count, () => {
       console.log(props.count)
     })
 
@@ -45,8 +45,8 @@ Destructuring the `props` passed to `setup` will cause the value to lose reactiv
 export default {
   /* ✗ BAD */
   setup({ count }) {
-    watch(() => {
-      console.log(count) // not going to detect changes
+    watch(() => count, () => { // not going to detect changes
+      console.log(count)
     })
 
     return () => {
@@ -70,7 +70,7 @@ export default {
     /* ✗ BAD */
     const { count } = props
 
-    watch(() => {
+    watch(() => props.count, () => {
       /* ✓ GOOD */
       const { count } = props
       console.log(count)

From 55daf431b740eb6d477132a92af29ca4f46c3894 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 23 Nov 2022 22:35:32 +0900
Subject: [PATCH 0557/1010] Chore: use vitepress instead of vuepress (#2044)

* Chore: use vitepress instead of vuepress

* fix

* fix dev deps

* Update docs/.vitepress/build-system/build.ts

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/.vitepress/build-system/build.ts

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/.vitepress/config.ts

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

* Update docs/.vitepress/build-system/build.ts

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 .eslintignore                                 |   7 +-
 .gitignore                                    |   5 +-
 docs/.vitepress/build-system/build.ts         |  66 ++++++
 docs/.vitepress/build-system/shim/globby.mjs  |   2 +
 docs/.vitepress/build-system/shim/path.mjs    |  38 +++
 docs/.vitepress/build-system/src/eslint.mjs   |   5 +
 .../build-system/src/process-shim.mjs         |  10 +
 docs/.vitepress/config.ts                     | 222 ++++++++++++++++++
 .../public/favicon.png                        | Bin
 docs/.vitepress/theme/Layout.vue              |  21 ++
 .../theme}/components/eslint-code-block.vue   |  63 +++--
 .../theme}/components/rules-table.vue         |   4 +-
 docs/.vitepress/theme/index.ts                |  30 +++
 docs/.vitepress/vite-plugin.ts                |  53 +++++
 docs/.vuepress/config.js                      | 193 ---------------
 docs/.vuepress/enhanceApp.js                  |  26 --
 docs/.vuepress/shim/eslint.js                 |   4 -
 docs/.vuepress/shim/globby.js                 |   1 -
 docs/.vuepress/shim/module.js                 |  11 -
 docs/.vuepress/styles/index.styl              |  26 --
 docs/developer-guide/{README.md => index.md}  |   0
 docs/{README.md => index.md}                  |   2 +-
 docs/rules/{README.md => index.md}            |   0
 docs/rules/prefer-true-attribute-shorthand.md |   4 +-
 docs/user-guide/{README.md => index.md}       |   2 +-
 lib/utils/index.js                            |   3 +-
 package.json                                  |  14 +-
 tools/lib/categories.js                       |  35 +--
 tools/update-docs-rules-index.js              |   2 +-
 tsconfig.json                                 |   2 +-
 30 files changed, 527 insertions(+), 324 deletions(-)
 create mode 100644 docs/.vitepress/build-system/build.ts
 create mode 100644 docs/.vitepress/build-system/shim/globby.mjs
 create mode 100644 docs/.vitepress/build-system/shim/path.mjs
 create mode 100644 docs/.vitepress/build-system/src/eslint.mjs
 create mode 100644 docs/.vitepress/build-system/src/process-shim.mjs
 create mode 100644 docs/.vitepress/config.ts
 rename docs/{.vuepress => .vitepress}/public/favicon.png (100%)
 create mode 100644 docs/.vitepress/theme/Layout.vue
 rename docs/{.vuepress => .vitepress/theme}/components/eslint-code-block.vue (78%)
 rename docs/{.vuepress => .vitepress/theme}/components/rules-table.vue (95%)
 create mode 100644 docs/.vitepress/theme/index.ts
 create mode 100644 docs/.vitepress/vite-plugin.ts
 delete mode 100644 docs/.vuepress/config.js
 delete mode 100644 docs/.vuepress/enhanceApp.js
 delete mode 100644 docs/.vuepress/shim/eslint.js
 delete mode 100644 docs/.vuepress/shim/globby.js
 delete mode 100644 docs/.vuepress/shim/module.js
 delete mode 100644 docs/.vuepress/styles/index.styl
 rename docs/developer-guide/{README.md => index.md} (100%)
 rename docs/{README.md => index.md} (88%)
 rename docs/rules/{README.md => index.md} (100%)
 rename docs/user-guide/{README.md => index.md} (99%)

diff --git a/.eslintignore b/.eslintignore
index 1905aa4a8..a0c203ada 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -4,5 +4,8 @@
 /tests/fixtures
 /tests/integrations/eslint-plugin-import
 
-!.vuepress
-/docs/.vuepress/dist
+!.vitepress
+/docs/.vitepress/dist
+/docs/.vitepress/build-system/shim/eslint.mjs
+/docs/.vitepress/build-system/shim/assert.mjs
+/docs/.vitepress/.temp
diff --git a/.gitignore b/.gitignore
index e1401b951..06fb2db3b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,5 +7,8 @@
 /test.*
 yarn.lock
 yarn-error.log
-docs/.vuepress/dist
+/docs/.vitepress/dist
+/docs/.vitepress/build-system/shim/eslint.mjs
+/docs/.vitepress/build-system/shim/assert.mjs
+/docs/.vitepress/.temp
 typings/eslint/lib/rules
diff --git a/docs/.vitepress/build-system/build.ts b/docs/.vitepress/build-system/build.ts
new file mode 100644
index 000000000..698b0809d
--- /dev/null
+++ b/docs/.vitepress/build-system/build.ts
@@ -0,0 +1,66 @@
+/**
+ * Pre-build cjs packages that cannot be bundled well.
+ */
+import esbuild from 'esbuild'
+import path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'url'
+
+const dirname = path.dirname(
+  fileURLToPath(
+    // @ts-expect-error -- Cannot change `module` option
+    import.meta.url
+  )
+)
+
+build(
+  path.join(dirname, './src/eslint.mjs'),
+  path.join(dirname, './shim/eslint.mjs'),
+  ['path', 'assert', 'util']
+)
+build(
+  path.join(dirname, '../../../node_modules/assert'),
+  path.join(dirname, './shim/assert.mjs'),
+  ['path']
+)
+
+function build(input: string, out: string, injects: string[] = []) {
+  // eslint-disable-next-line no-console -- ignore
+  console.log(`build@ ${input}`)
+  let code = bundle(input, injects)
+  code = transform(code, injects)
+  fs.mkdirSync(path.dirname(out), { recursive: true })
+  fs.writeFileSync(out, code, 'utf8')
+}
+
+function bundle(entryPoint: string, externals: string[]) {
+  const result = esbuild.buildSync({
+    entryPoints: [entryPoint],
+    format: 'esm',
+    bundle: true,
+    external: externals,
+    write: false,
+    inject: [path.join(dirname, './src/process-shim.mjs')]
+  })
+
+  return `${result.outputFiles[0].text}`
+}
+
+function transform(code: string, injects: string[]) {
+  const newCode = code.replace(/"[a-z]+" = "[a-z]+";/u, '')
+  return `
+${injects
+  .map(
+    (inject) =>
+      `import $inject_${inject.replace(/-/gu, '_')}$ from '${inject}';`
+  )
+  .join('\n')}
+const $_injects_$ = {${injects
+    .map((inject) => `${inject.replace(/-/gu, '_')}:$inject_${inject}$`)
+    .join(',\n')}};
+function require(module, ...args) {
+  return $_injects_$[module] || {}
+}
+${newCode}
+`
+}
diff --git a/docs/.vitepress/build-system/shim/globby.mjs b/docs/.vitepress/build-system/shim/globby.mjs
new file mode 100644
index 000000000..57d1de9f1
--- /dev/null
+++ b/docs/.vitepress/build-system/shim/globby.mjs
@@ -0,0 +1,2 @@
+export {}
+export default {}
diff --git a/docs/.vitepress/build-system/shim/path.mjs b/docs/.vitepress/build-system/shim/path.mjs
new file mode 100644
index 000000000..544792b00
--- /dev/null
+++ b/docs/.vitepress/build-system/shim/path.mjs
@@ -0,0 +1,38 @@
+// @ts-nocheck
+export const sep = '/'
+export function basename(path, ext) {
+  const b = (/[^\/]*$/u.exec(path) || [''])[0]
+  return ext && b.endsWith(ext) ? b.slice(0, -ext.length) : b
+}
+export function extname(path) {
+  return (/[^.\/]*$/u.exec(path) || [''])[0]
+}
+export function isAbsolute() {
+  return false
+}
+export function join(...args) {
+  return args.length > 0 ? normalize(args.join('/')) : '.'
+}
+
+function normalize(path) {
+  const result = []
+  for (const part of path.replace(/\/+/gu, '/').split('/')) {
+    if (part === '..') {
+      if (result[0] && result[0] !== '..' && result[0] !== '.') result.shift()
+    } else if (part === '.' && result.length > 0) {
+      // noop
+    } else {
+      result.unshift(part)
+    }
+  }
+  return result.reverse().join('/')
+}
+const posix = {
+  sep,
+  basename,
+  extname,
+  isAbsolute,
+  join
+}
+posix.posix = posix
+export default posix
diff --git a/docs/.vitepress/build-system/src/eslint.mjs b/docs/.vitepress/build-system/src/eslint.mjs
new file mode 100644
index 000000000..6604e0bb4
--- /dev/null
+++ b/docs/.vitepress/build-system/src/eslint.mjs
@@ -0,0 +1,5 @@
+// @ts-nocheck
+import * as all from '../../../../node_modules/eslint/lib/linter/linter.js'
+const Linter = all.Linter
+export { Linter }
+export default { Linter }
diff --git a/docs/.vitepress/build-system/src/process-shim.mjs b/docs/.vitepress/build-system/src/process-shim.mjs
new file mode 100644
index 000000000..6b75bf56e
--- /dev/null
+++ b/docs/.vitepress/build-system/src/process-shim.mjs
@@ -0,0 +1,10 @@
+/* globals window */
+// @ts-nocheck
+export const process = {
+  env: {},
+  cwd: () => '',
+  stdout: {}
+}
+if (typeof window !== 'undefined') {
+  window.process = process
+}
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
new file mode 100644
index 000000000..9990ed7bd
--- /dev/null
+++ b/docs/.vitepress/config.ts
@@ -0,0 +1,222 @@
+import type { DefaultTheme } from 'vitepress'
+import { defineConfig } from 'vitepress'
+import { BUNDLED_LANGUAGES } from 'shiki'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import rules from '../../tools/lib/rules'
+import { viteCommonjs, vitePluginRequireResolve } from './vite-plugin'
+
+// Pre-build cjs packages that cannot be bundled well.
+import './build-system/build'
+
+const dirname = path.dirname(
+  fileURLToPath(
+    // @ts-expect-error -- Cannot change `module` option
+    import.meta.url
+  )
+)
+
+// Include `json5` as alias for jsonc
+const jsonc = BUNDLED_LANGUAGES.find((lang) => lang.id === 'jsonc')
+if (jsonc) {
+  jsonc.aliases = [...(jsonc.aliases ?? []), 'json5']
+}
+
+const uncategorizedRules = rules.filter(
+  (rule) =>
+    !rule.meta.docs.categories &&
+    !rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
+)
+const uncategorizedExtensionRule = rules.filter(
+  (rule) =>
+    !rule.meta.docs.categories &&
+    rule.meta.docs.extensionRule &&
+    !rule.meta.deprecated
+)
+const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
+
+const sidebarCategories = [
+  { title: 'Base Rules', categoryIds: ['base'] },
+  {
+    title: 'Priority A: Essential',
+    categoryIds: ['vue3-essential', 'essential']
+  },
+  {
+    title: 'Priority A: Essential for Vue.js 3.x',
+    categoryIds: ['vue3-essential']
+  },
+  { title: 'Priority A: Essential for Vue.js 2.x', categoryIds: ['essential'] },
+  {
+    title: 'Priority B: Strongly Recommended',
+    categoryIds: ['vue3-strongly-recommended', 'strongly-recommended']
+  },
+  {
+    title: 'Priority B: Strongly Recommended for Vue.js 3.x',
+    categoryIds: ['vue3-strongly-recommended']
+  },
+  {
+    title: 'Priority B: Strongly Recommended for Vue.js 2.x',
+    categoryIds: ['strongly-recommended']
+  },
+  {
+    title: 'Priority C: Recommended',
+    categoryIds: ['vue3-recommended', 'recommended']
+  },
+  {
+    title: 'Priority C: Recommended for Vue.js 3.x',
+    categoryIds: ['vue3-recommended']
+  },
+  {
+    title: 'Priority C: Recommended for Vue.js 2.x',
+    categoryIds: ['recommended']
+  }
+]
+
+const categorizedRules: DefaultTheme.SidebarGroup[] = []
+for (const { title, categoryIds } of sidebarCategories) {
+  const categoryRules = rules
+    .filter((rule) => rule.meta.docs.categories && !rule.meta.deprecated)
+    .filter((rule) =>
+      categoryIds.every((categoryId) =>
+        rule.meta.docs.categories.includes(categoryId)
+      )
+    )
+  const children: DefaultTheme.SidebarItem[] = categoryRules
+    .filter(({ ruleId }) => {
+      const exists = categorizedRules.some(({ items }) =>
+        items.some(({ text: alreadyRuleId }) => alreadyRuleId === ruleId)
+      )
+      return !exists
+    })
+    .map(({ ruleId, name }) => {
+      return {
+        text: ruleId,
+        link: `/rules/${name}`
+      }
+    })
+
+  if (children.length === 0) {
+    continue
+  }
+  categorizedRules.push({
+    text: title,
+    collapsible: false,
+    items: children
+  })
+}
+
+const extraCategories: DefaultTheme.SidebarGroup[] = []
+if (uncategorizedRules.length > 0) {
+  extraCategories.push({
+    text: 'Uncategorized',
+    collapsible: false,
+    items: uncategorizedRules.map(({ ruleId, name }) => ({
+      text: ruleId,
+      link: `/rules/${name}`
+    }))
+  })
+}
+if (uncategorizedExtensionRule.length > 0) {
+  extraCategories.push({
+    text: 'Extension Rules',
+    collapsible: false,
+    items: uncategorizedExtensionRule.map(({ ruleId, name }) => ({
+      text: ruleId,
+      link: `/rules/${name}`
+    }))
+  })
+}
+if (deprecatedRules.length > 0) {
+  extraCategories.push({
+    text: 'Deprecated',
+    collapsible: false,
+    items: deprecatedRules.map(({ ruleId, name }) => ({
+      text: ruleId,
+      link: `/rules/${name}`
+    }))
+  })
+}
+
+export default defineConfig({
+  base: '/',
+  title: 'eslint-plugin-vue',
+  description: 'Official ESLint plugin for Vue.js',
+  head: [['link', { rel: 'icon', href: '/favicon.png' }]],
+
+  vite: {
+    publicDir: path.resolve(dirname, './public'),
+    plugins: [vitePluginRequireResolve(), viteCommonjs()],
+    resolve: {
+      alias: {
+        eslint: path.join(dirname, './build-system/shim/eslint.mjs'),
+        assert: path.join(dirname, './build-system/shim/assert.mjs'),
+        path: path.join(dirname, './build-system/shim/path.mjs'),
+
+        tslib: path.join(dirname, '../../node_modules/tslib/tslib.es6.js'),
+        globby: path.join(dirname, './build-system/shim/globby.mjs')
+      }
+    },
+    define: {
+      'process.env.NODE_DEBUG': 'false',
+      'require.cache': '{}'
+    }
+  },
+
+  lastUpdated: true,
+  themeConfig: {
+    editLink: {
+      pattern:
+        'https://github.com/vuejs/eslint-plugin-vue/edit/master/docs/:path'
+    },
+    socialLinks: [
+      {
+        icon: 'github',
+        link: 'https://github.com/vuejs/eslint-plugin-vue'
+      }
+    ],
+
+    nav: [
+      { text: 'User Guide', link: '/user-guide/' },
+      { text: 'Developer Guide', link: '/developer-guide/' },
+      { text: 'Rules', link: '/rules/' },
+      {
+        text: 'Demo',
+        link: 'https://ota-meshi.github.io/eslint-plugin-vue-demo/'
+      }
+    ],
+
+    sidebar: {
+      '/rules/': [
+        {
+          text: 'Rules',
+          items: [{ text: 'Available Rules', link: '/rules/' }]
+        },
+
+        // Rules in each category.
+        ...categorizedRules,
+
+        // Rules in no category.
+        ...extraCategories
+      ],
+
+      '/': [
+        {
+          text: 'Guide',
+          items: [
+            { text: 'Introduction', link: '/' },
+            { text: 'User Guide', link: '/user-guide/' },
+            { text: 'Developer Guide', link: '/developer-guide/' },
+            { text: 'Rules', link: '/rules/' }
+          ]
+        }
+      ]
+    },
+
+    algolia: {
+      appId: '2L4MGZSULB',
+      apiKey: 'fdf57932b27a6c230d01a890492ab76d',
+      indexName: 'eslint-plugin-vue'
+    }
+  }
+})
diff --git a/docs/.vuepress/public/favicon.png b/docs/.vitepress/public/favicon.png
similarity index 100%
rename from docs/.vuepress/public/favicon.png
rename to docs/.vitepress/public/favicon.png
diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
new file mode 100644
index 000000000..3be00694b
--- /dev/null
+++ b/docs/.vitepress/theme/Layout.vue
@@ -0,0 +1,21 @@
+<script setup>
+import { useData } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import { computed } from 'vue'
+const BaseLayout = DefaultTheme.Layout
+const { frontmatter } = useData()
+const pageClass = computed(() => frontmatter.value.pageClass || '')
+</script>
+
+<template>
+  <div :class="pageClass">
+    <BaseLayout />
+  </div>
+</template>
+
+<style scoped>
+/* Rule Page */
+.rule-details :deep(.main h1 + blockquote ::first-letter) {
+  text-transform: uppercase;
+}
+</style>
diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vitepress/theme/components/eslint-code-block.vue
similarity index 78%
rename from docs/.vuepress/components/eslint-code-block.vue
rename to docs/.vitepress/theme/components/eslint-code-block.vue
index b95e0d070..77d4fd7cf 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vitepress/theme/components/eslint-code-block.vue
@@ -3,7 +3,7 @@
     <eslint-editor
       :linter="linter"
       :config="config"
-      v-model="code"
+      v-model:code="code"
       :style="{ height }"
       class="eslint-code-block"
       :filename="filename"
@@ -18,8 +18,10 @@
 </template>
 
 <script>
-import EslintEditor from 'vue-eslint-editor'
-import { rules, processors } from '../../../'
+import EslintEditor from '@ota-meshi/site-kit-eslint-editor-vue'
+import { markRaw } from 'vue'
+import * as plugin from '../../../..'
+const { rules, processors } = plugin.default || plugin
 
 export default {
   name: 'ESLintCodeBlock',
@@ -55,14 +57,9 @@ export default {
   },
 
   data() {
-    const code = this.computeCodeFromSlot()
-    // The height is determined in the initial processing.
-    // This is because later code changes do not change the height.
-    const lines = code.split('\n').length
-    const height = `${Math.max(120, 19 * lines)}px`
     return {
-      code,
-      height,
+      code: '',
+      height: '100px',
       linter: null,
       preprocess: processors['.vue'].preprocess,
       postprocess: processors['.vue'].postprocess,
@@ -152,26 +149,27 @@ export default {
   },
 
   methods: {
-    computeCodeFromSlot() {
-      return `${computeCodeFromSlot(this.$slots.default).trim()}\n`
-    },
-
     async loadTypescriptESLint() {
       this.tsEslintParser = await import('@typescript-eslint/parser')
     }
   },
 
   async mounted() {
+    this.code = `${computeCodeFromSlot(
+      findCode(this.$slots.default?.())
+    ).trim()}\n`
+    const lines = this.code.split('\n').length
+    this.height = `${Math.max(120, 20 * (1 + lines))}px`
     // Load linter.
     const [{ Linter }, { parseForESLint }] = await Promise.all([
-      import('eslint/lib/linter'),
+      import('eslint'),
       import('espree').then(() => import('vue-eslint-parser'))
     ])
     if (this.langTs || this.typescript) {
       await this.loadTypescriptESLint()
     }
 
-    const linter = (this.linter = new Linter())
+    const linter = (this.linter = markRaw(new Linter()))
 
     for (const ruleId of Object.keys(rules)) {
       linter.defineRule(`vue/${ruleId}`, rules[ruleId])
@@ -181,12 +179,39 @@ export default {
   }
 }
 
-function computeCodeFromSlot(nodes) {
-  if (!Array.isArray(nodes)) {
+/**
+ * Find VNode of <code> tag
+ */
+function findCode(n) {
+  const nodes = Array.isArray(n) ? n : [n]
+  for (const node of nodes) {
+    if (!node) {
+      continue
+    }
+    if (node.type === 'code') {
+      return node
+    }
+    const c = findCode(node.children)
+    if (c) {
+      return c
+    }
+  }
+  return null
+}
+
+/**
+ * Extract text
+ */
+function computeCodeFromSlot(n) {
+  if (!n) {
     return ''
   }
+  const nodes = Array.isArray(n) ? n : [n]
+  // debugger
   return nodes
-    .map((node) => node.text || computeCodeFromSlot(node.children))
+    .map((node) =>
+      typeof node === 'string' ? node : computeCodeFromSlot(node.children)
+    )
     .join('')
 }
 </script>
diff --git a/docs/.vuepress/components/rules-table.vue b/docs/.vitepress/theme/components/rules-table.vue
similarity index 95%
rename from docs/.vuepress/components/rules-table.vue
rename to docs/.vitepress/theme/components/rules-table.vue
index 29d31c4c6..c517d4591 100644
--- a/docs/.vuepress/components/rules-table.vue
+++ b/docs/.vitepress/theme/components/rules-table.vue
@@ -77,10 +77,10 @@ export default {
 </script>
 
 <style scoped>
-.table-root ::v-deep .highlighting tr {
+.table-root :deep(.highlighting tr) {
   opacity: 0.3;
 }
-.table-root ::v-deep .highlighting .highlight {
+.table-root :deep(.highlighting .highlight) {
   opacity: 1;
 }
 .filter-tool label {
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
new file mode 100644
index 000000000..8afcf4054
--- /dev/null
+++ b/docs/.vitepress/theme/index.ts
@@ -0,0 +1,30 @@
+// @ts-expect-error -- Browser
+if (typeof window !== 'undefined') {
+  if (typeof require === 'undefined') {
+    // @ts-expect-error -- Browser
+    ;(window as any).require = () => {
+      const e = new Error('require is not defined')
+      ;(e as any).code = 'MODULE_NOT_FOUND'
+      throw e
+    }
+  }
+}
+import type { Theme } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+// @ts-expect-error -- ignore
+import Layout from './Layout.vue'
+// @ts-expect-error -- ignore
+import ESLintCodeBlock from './components/eslint-code-block.vue'
+// @ts-expect-error -- ignore
+import RulesTable from './components/rules-table.vue'
+
+const theme: Theme = {
+  ...DefaultTheme,
+  Layout,
+  enhanceApp(ctx) {
+    DefaultTheme.enhanceApp(ctx)
+    ctx.app.component('eslint-code-block', ESLintCodeBlock)
+    ctx.app.component('rules-table', RulesTable)
+  }
+}
+export default theme
diff --git a/docs/.vitepress/vite-plugin.ts b/docs/.vitepress/vite-plugin.ts
new file mode 100644
index 000000000..0df6a54fe
--- /dev/null
+++ b/docs/.vitepress/vite-plugin.ts
@@ -0,0 +1,53 @@
+import type { UserConfig } from 'vitepress'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { viteCommonjs as baseViteCommonjs } from '@originjs/vite-plugin-commonjs'
+type Plugin = Extract<
+  NonNullable<NonNullable<UserConfig['vite']>['plugins']>[number],
+  { name: string }
+>
+
+const libRoot = path.join(
+  fileURLToPath(
+    // @ts-expect-error -- Cannot change `module` option
+    import.meta.url
+  ),
+  '../../../lib'
+)
+export function vitePluginRequireResolve(): Plugin {
+  return {
+    name: 'vite-plugin-require.resolve',
+    transform(code, id, _options) {
+      if (id.startsWith(libRoot)) {
+        return code.replace(/require\.resolve/gu, '(function(){return 0})')
+      }
+      return undefined
+    }
+  }
+}
+
+export function viteCommonjs(): Plugin {
+  const base = baseViteCommonjs({
+    include: [libRoot],
+    skipPreBuild: true
+  }) as Plugin
+  return {
+    ...base,
+    // The `@originjs/vite-plugin-commonjs` is 'serve' only, but use it in 'build' as well.
+    apply: () => true,
+    async transform(code, id, options) {
+      if (typeof base.transform !== 'function') {
+        return null
+      }
+      const result = await base.transform.call(this, code, id, options)
+      if (result && typeof result === 'object' && result.code) {
+        return {
+          ...result,
+          // Replace it with null, because blanks can be given to the sourcemap and cause an error.
+          map: undefined
+        }
+      }
+      return result
+    }
+  }
+}
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
deleted file mode 100644
index 38ad965e9..000000000
--- a/docs/.vuepress/config.js
+++ /dev/null
@@ -1,193 +0,0 @@
-/**
- * @author Toru Nagashima <https://github.com/mysticatea>
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const rules = require('../../tools/lib/rules')
-const path = require('path')
-
-const uncategorizedRules = rules.filter(
-  (rule) =>
-    !rule.meta.docs.categories &&
-    !rule.meta.docs.extensionRule &&
-    !rule.meta.deprecated
-)
-const uncategorizedExtensionRule = rules.filter(
-  (rule) =>
-    !rule.meta.docs.categories &&
-    rule.meta.docs.extensionRule &&
-    !rule.meta.deprecated
-)
-const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
-
-const sidebarCategories = [
-  { title: 'Base Rules', categoryIds: ['base'] },
-  {
-    title: 'Priority A: Essential',
-    categoryIds: ['vue3-essential', 'essential']
-  },
-  {
-    title: 'Priority A: Essential for Vue.js 3.x',
-    categoryIds: ['vue3-essential']
-  },
-  { title: 'Priority A: Essential for Vue.js 2.x', categoryIds: ['essential'] },
-  {
-    title: 'Priority B: Strongly Recommended',
-    categoryIds: ['vue3-strongly-recommended', 'strongly-recommended']
-  },
-  {
-    title: 'Priority B: Strongly Recommended for Vue.js 3.x',
-    categoryIds: ['vue3-strongly-recommended']
-  },
-  {
-    title: 'Priority B: Strongly Recommended for Vue.js 2.x',
-    categoryIds: ['strongly-recommended']
-  },
-  {
-    title: 'Priority C: Recommended',
-    categoryIds: ['vue3-recommended', 'recommended']
-  },
-  {
-    title: 'Priority C: Recommended for Vue.js 3.x',
-    categoryIds: ['vue3-recommended']
-  },
-  {
-    title: 'Priority C: Recommended for Vue.js 2.x',
-    categoryIds: ['recommended']
-  }
-]
-
-const categorizedRules = []
-for (const { title, categoryIds } of sidebarCategories) {
-  const categoryRules = rules
-    .filter((rule) => rule.meta.docs.categories && !rule.meta.deprecated)
-    .filter((rule) =>
-      categoryIds.every((categoryId) =>
-        rule.meta.docs.categories.includes(categoryId)
-      )
-    )
-  const children = categoryRules
-    .filter(({ ruleId }) => {
-      const exists = categorizedRules.some(({ children }) =>
-        children.some(([, alreadyRuleId]) => alreadyRuleId === ruleId)
-      )
-      return !exists
-    })
-    .map(({ ruleId, name }) => [`/rules/${name}`, ruleId])
-
-  if (children.length === 0) {
-    continue
-  }
-  categorizedRules.push({
-    title,
-    collapsable: false,
-    children
-  })
-}
-
-const extraCategories = []
-if (uncategorizedRules.length > 0) {
-  extraCategories.push({
-    title: 'Uncategorized',
-    collapsable: false,
-    children: uncategorizedRules.map(({ ruleId, name }) => [
-      `/rules/${name}`,
-      ruleId
-    ])
-  })
-}
-if (uncategorizedExtensionRule.length > 0) {
-  extraCategories.push({
-    title: 'Extension Rules',
-    collapsable: false,
-    children: uncategorizedExtensionRule.map(({ ruleId, name }) => [
-      `/rules/${name}`,
-      ruleId
-    ])
-  })
-}
-if (deprecatedRules.length > 0) {
-  extraCategories.push({
-    title: 'Deprecated',
-    collapsable: false,
-    children: deprecatedRules.map(({ ruleId, name }) => [
-      `/rules/${name}`,
-      ruleId
-    ])
-  })
-}
-
-module.exports = {
-  configureWebpack(_config, _isServer) {
-    return {
-      resolve: {
-        alias: {
-          module: require.resolve('./shim/module'),
-          eslint$: require.resolve('./shim/eslint'),
-          esquery: path.resolve(
-            __dirname,
-            '../../node_modules/esquery/dist/esquery.min.js'
-          ),
-          '@eslint/eslintrc/universal': path.resolve(
-            __dirname,
-            '../../node_modules/@eslint/eslintrc/dist/eslintrc-universal.cjs'
-          ),
-          globby: require.resolve('./shim/globby')
-        }
-      }
-    }
-  },
-
-  base: '/',
-  title: 'eslint-plugin-vue',
-  description: 'Official ESLint plugin for Vue.js',
-  evergreen: true,
-  head: [['link', { rel: 'icon', href: '/favicon.png' }]],
-
-  plugins: {
-    '@vuepress/pwa': {
-      serviceWorker: true,
-      updatePopup: true
-    }
-  },
-
-  themeConfig: {
-    repo: 'vuejs/eslint-plugin-vue',
-    docsRepo: 'vuejs/eslint-plugin-vue',
-    docsDir: 'docs',
-    docsBranch: 'master',
-    editLinks: true,
-    lastUpdated: true,
-
-    nav: [
-      { text: 'User Guide', link: '/user-guide/' },
-      { text: 'Developer Guide', link: '/developer-guide/' },
-      { text: 'Rules', link: '/rules/' },
-      {
-        text: 'Demo',
-        link: 'https://ota-meshi.github.io/eslint-plugin-vue-demo/'
-      }
-    ],
-
-    sidebar: {
-      '/rules/': [
-        '/rules/',
-
-        // Rules in each category.
-        ...categorizedRules,
-
-        // Rules in no category.
-        ...extraCategories
-      ],
-
-      '/': ['/', '/user-guide/', '/developer-guide/', '/rules/']
-    },
-
-    algolia: {
-      appId: '2L4MGZSULB',
-      apiKey: 'fdf57932b27a6c230d01a890492ab76d',
-      indexName: 'eslint-plugin-vue'
-    }
-  }
-}
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
deleted file mode 100644
index 1e62f60ac..000000000
--- a/docs/.vuepress/enhanceApp.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/* globals window */
-export default (
-  // eslint-disable-next-line no-empty-pattern
-  {
-    //     Vue, // the version of Vue being used in the VuePress app
-    //     options, // the options for the root Vue instance
-    //     router, // the router instance for the app
-    //     siteData, // site metadata
-  }
-) => {
-  if (typeof window !== 'undefined' && typeof window.process === 'undefined') {
-    window.process = new Proxy(
-      {
-        env: {},
-        cwd: () => ''
-      },
-      {
-        get(target, name) {
-          // For debug
-          // console.log(name)
-          return target[name]
-        }
-      }
-    )
-  }
-}
diff --git a/docs/.vuepress/shim/eslint.js b/docs/.vuepress/shim/eslint.js
deleted file mode 100644
index 08af6dfcd..000000000
--- a/docs/.vuepress/shim/eslint.js
+++ /dev/null
@@ -1,4 +0,0 @@
-const { Linter } = require('eslint/lib/linter')
-module.exports = {
-  Linter
-}
diff --git a/docs/.vuepress/shim/globby.js b/docs/.vuepress/shim/globby.js
deleted file mode 100644
index 4ba52ba2c..000000000
--- a/docs/.vuepress/shim/globby.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = {}
diff --git a/docs/.vuepress/shim/module.js b/docs/.vuepress/shim/module.js
deleted file mode 100644
index cfeccf315..000000000
--- a/docs/.vuepress/shim/module.js
+++ /dev/null
@@ -1,11 +0,0 @@
-module.exports = {
-  createRequire: () => (module) => {
-    if (module === 'espree') {
-      return require('espree')
-    }
-    if (module === 'eslint-scope') {
-      return require('eslint-scope')
-    }
-    throw new Error(`Not implemented: ${module}`)
-  }
-}
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
deleted file mode 100644
index 724c68247..000000000
--- a/docs/.vuepress/styles/index.styl
+++ /dev/null
@@ -1,26 +0,0 @@
-.theme-container.rule-details .theme-default-content > h1 {
-  font-size: 1.8rem;
-
-  + blockquote {
-    margin-top: -15px;
-    padding: 0;
-    border: 0;
-    font-weight: 500;
-    font-size: 1.4rem;
-    color: currentColor;
-
-    ::first-letter {
-      text-transform: uppercase;
-    }
-
-    p {
-      line-height: 1.2;
-    }
-  }
-}
-
-.theme-container.rule-list .theme-default-content
-  max-width: 1280px;
-
-.emoji
-  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", sans-serif
diff --git a/docs/developer-guide/README.md b/docs/developer-guide/index.md
similarity index 100%
rename from docs/developer-guide/README.md
rename to docs/developer-guide/index.md
diff --git a/docs/README.md b/docs/index.md
similarity index 88%
rename from docs/README.md
rename to docs/index.md
index 96f92a921..f9b1e49f1 100644
--- a/docs/README.md
+++ b/docs/index.md
@@ -16,7 +16,7 @@ ESLint editor integrations are useful to check your code in real-time.
 
 :::warning Status of Vue.js 3.x supports
 This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS variable injection, but the ref sugar, an experimental feature of Vue.js 3.2, is not yet supported.  
-If you have issues with these, please also refer to the [FAQ](./user-guide/README.md#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
+If you have issues with these, please also refer to the [FAQ](./user-guide/index.md#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
 ## :traffic_light: Versioning policy
diff --git a/docs/rules/README.md b/docs/rules/index.md
similarity index 100%
rename from docs/rules/README.md
rename to docs/rules/index.md
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index c64f9a8c5..07e566d34 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -54,7 +54,7 @@ export default {
 <MyComponent bool bool-or-string string-or-bool />
 ```
 
-```plain
+```txt
 bool: true (boolean)
 boolOrString: true (boolean)
 stringOrBool: "" (string)
@@ -66,7 +66,7 @@ stringOrBool: "" (string)
 <MyComponent :bool="true" :bool-or-string="true" :string-or-bool="true" />
 ```
 
-```plain
+```txt
 bool: true (boolean)
 boolOrString: true (boolean)
 stringOrBool: true (boolean)
diff --git a/docs/user-guide/README.md b/docs/user-guide/index.md
similarity index 99%
rename from docs/user-guide/README.md
rename to docs/user-guide/index.md
index 31465bd3f..84fc90a6b 100644
--- a/docs/user-guide/README.md
+++ b/docs/user-guide/index.md
@@ -44,7 +44,7 @@ module.exports = {
 }
 ```
 
-See [the rule list](../rules/README.md) to get the `extends` &amp; `rules` that this plugin provides.
+See [the rule list](../rules/index.md) to get the `extends` &amp; `rules` that this plugin provides.
 
 #### Bundle Configurations
 
diff --git a/lib/utils/index.js b/lib/utils/index.js
index b76924deb..d76bb5156 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -75,7 +75,8 @@ let ruleMap = null
  * @returns {RuleModule | null}
  */
 function getCoreRule(name) {
-  const map = ruleMap || (ruleMap = new (require('eslint').Linter)().getRules())
+  const eslint = require('eslint')
+  const map = ruleMap || (ruleMap = new eslint.Linter().getRules())
   return map.get(name) || null
 }
 
diff --git a/package.json b/package.json
index 554c34f61..f985d47f7 100644
--- a/package.json
+++ b/package.json
@@ -18,9 +18,9 @@
     "preversion": "npm test && git add .",
     "version": "env-cmd -e version npm run update && npm run lint -- --fix && git add .",
     "update": "node ./tools/update.js",
-    "docs:watch": "vuepress dev docs",
+    "docs:watch": "vitepress dev docs",
     "predocs:build": "npm run update",
-    "docs:build": "vuepress build docs"
+    "docs:build": "vitepress build docs"
   },
   "files": [
     "lib"
@@ -63,6 +63,8 @@
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
+    "@originjs/vite-plugin-commonjs": "^1.0.3",
+    "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.0",
     "@types/eslint": "^8.4.2",
     "@types/eslint-visitor-keys": "^1.0.0",
     "@types/natural-compare": "^1.4.1",
@@ -70,9 +72,9 @@
     "@types/semver": "^7.3.9",
     "@types/xml-name-validator": "^4.0.0",
     "@typescript-eslint/parser": "^5.23.0",
-    "@vuepress/plugin-pwa": "^1.9.7",
-    "acorn": "^8.7.1",
+    "assert": "^2.0.0",
     "env-cmd": "^10.1.0",
+    "esbuild": "^0.15.15",
     "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-eslint-plugin": "^3.5.3",
@@ -83,12 +85,12 @@
     "eslint-plugin-unicorn": "^42.0.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.3.2",
+    "events": "^3.3.0",
     "markdownlint-cli": "^0.31.1",
     "mocha": "^10.0.0",
     "nyc": "^15.1.0",
     "prettier": "^2.6.2",
     "typescript": "^4.6.4",
-    "vue-eslint-editor": "^1.1.0",
-    "vuepress": "^1.9.7"
+    "vitepress": "^1.0.0-alpha.29"
   }
 }
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index 1d8550fb3..e98c442b3 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -9,48 +9,31 @@ const rules = require('./rules')
 
 const categoryTitles = {
   base: {
-    text: 'Base Rules (Enabling Correct ESLint Parsing)',
-    vuepress: 'Base Rules (Enabling Correct ESLint Parsing)'
+    text: 'Base Rules (Enabling Correct ESLint Parsing)'
   },
   'vue3-essential': {
-    text: 'Priority A: Essential (Error Prevention) for Vue.js 3.x',
-    vuepress:
-      'Priority A: Essential (Error Prevention) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text: 'Priority A: Essential (Error Prevention) for Vue.js 3.x'
   },
   'vue3-strongly-recommended': {
-    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x',
-    vuepress:
-      'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 3.x'
   },
   'vue3-recommended': {
-    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x',
-    vuepress:
-      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 3.x'
   },
   'vue3-use-with-caution': {
-    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x',
-    vuepress:
-      'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 3.x" vertical="middle">for Vue.js 3.x</badge>'
+    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x'
   },
   essential: {
-    text: 'Priority A: Essential (Error Prevention) for Vue.js 2.x',
-    vuepress:
-      'Priority A: Essential (Error Prevention) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    text: 'Priority A: Essential (Error Prevention) for Vue.js 2.x'
   },
   'strongly-recommended': {
-    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x',
-    vuepress:
-      'Priority B: Strongly Recommended (Improving Readability) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x'
   },
   recommended: {
-    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x',
-    vuepress:
-      'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x'
   },
   'use-with-caution': {
-    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x',
-    vuepress:
-      'Priority D: Use with Caution (Potentially Dangerous Patterns) <badge text="for Vue.js 2.x" vertical="middle" type="warn">for Vue.js 2.x</badge>'
+    text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x'
   }
 }
 const categoryIds = Object.keys(categoryTitles)
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 3db26c36b..3a5eb600c 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -246,7 +246,7 @@ ${removedRules.map(toRemovedRuleRow).join('\n')}
 `
 
 // -----------------------------------------------------------------------------
-const readmeFilePath = path.resolve(__dirname, '../docs/rules/README.md')
+const readmeFilePath = path.resolve(__dirname, '../docs/rules/index.md')
 fs.writeFileSync(
   readmeFilePath,
   `---
diff --git a/tsconfig.json b/tsconfig.json
index 2693acd49..d64b99e1c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,5 +22,5 @@
     },
     "skipLibCheck": true
   },
-  "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts"]
+  "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts", "docs/.vitepress/**/*.ts"]
 }

From 0fd431ec4d02d19b6cbd9963adfb2e197bc2f8ad Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 23 Nov 2022 23:52:27 +0900
Subject: [PATCH 0558/1010] Chore: fix playground (#2046)

---
 docs/.vitepress/build-system/build.ts         | 2 +-
 docs/.vitepress/build-system/shim/esquery.mjs | 5 +++++
 docs/.vitepress/config.ts                     | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 docs/.vitepress/build-system/shim/esquery.mjs

diff --git a/docs/.vitepress/build-system/build.ts b/docs/.vitepress/build-system/build.ts
index 698b0809d..89578cabc 100644
--- a/docs/.vitepress/build-system/build.ts
+++ b/docs/.vitepress/build-system/build.ts
@@ -16,7 +16,7 @@ const dirname = path.dirname(
 build(
   path.join(dirname, './src/eslint.mjs'),
   path.join(dirname, './shim/eslint.mjs'),
-  ['path', 'assert', 'util']
+  ['path', 'assert', 'util', 'esquery']
 )
 build(
   path.join(dirname, '../../../node_modules/assert'),
diff --git a/docs/.vitepress/build-system/shim/esquery.mjs b/docs/.vitepress/build-system/shim/esquery.mjs
new file mode 100644
index 000000000..5652b09f1
--- /dev/null
+++ b/docs/.vitepress/build-system/shim/esquery.mjs
@@ -0,0 +1,5 @@
+import esquery from '../../../../node_modules/esquery/dist/esquery.esm.js'
+
+export const { parse, match, traverse, matches, query } = esquery
+
+export { default } from '../../../../node_modules/esquery/dist/esquery.esm.js'
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 9990ed7bd..2945e4246 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -154,6 +154,7 @@ export default defineConfig({
         path: path.join(dirname, './build-system/shim/path.mjs'),
 
         tslib: path.join(dirname, '../../node_modules/tslib/tslib.es6.js'),
+        esquery: path.join(dirname, './build-system/shim/esquery.mjs'),
         globby: path.join(dirname, './build-system/shim/globby.mjs')
       }
     },

From 2d46741e4738ed41e84425dcd1a9b0f97ff09aaa Mon Sep 17 00:00:00 2001
From: Kaciras <Kaciras@protonmail.com>
Date: Thu, 24 Nov 2022 00:18:56 +0800
Subject: [PATCH 0559/1010] Ignore well known tags in
 `component-name-in-template-casing` (#2031)

---
 .../component-name-in-template-casing.js      | 22 +++++++++----------
 .../component-name-in-template-casing.js      |  9 ++++++++
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 65a6f3122..df06a0b1c 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -90,23 +90,21 @@ module.exports = {
         return false
       }
 
+      if (
+        (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+        utils.isHtmlWellKnownElementName(node.rawName) ||
+        utils.isSvgWellKnownElementName(node.rawName)
+      ) {
+        return false
+      }
+
       if (!registeredComponentsOnly) {
         // If the user specifies registeredComponentsOnly as false, it checks all component tags.
-        if (
-          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-          utils.isHtmlWellKnownElementName(node.rawName) ||
-          utils.isSvgWellKnownElementName(node.rawName)
-        ) {
-          return false
-        }
-        return true
-      }
-      // We only verify the registered components.
-      if (registeredComponents.has(casing.pascalCase(node.rawName))) {
         return true
       }
 
-      return false
+      // We only verify the registered components.
+      return registeredComponents.has(casing.pascalCase(node.rawName))
     }
 
     let hasInvalidEOF = false
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 758254b97..d57a5ffbf 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -162,6 +162,15 @@ tester.run('component-name-in-template-casing', rule, {
       `
     },
 
+    {
+      code: `
+        <template><div/></template>
+        <script setup>const Div = 0</script>
+      `,
+      options: ['PascalCase'],
+      filename: 'test.vue'
+    },
+
     // globals
     {
       code: `

From ced6fc3b23a142b742dffe5410f299010ab3c329 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 24 Nov 2022 08:24:40 +0900
Subject: [PATCH 0560/1010] Chore: add script to site that remove
 service-worker (#2047)

---
 docs/.vitepress/public/service-worker.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 docs/.vitepress/public/service-worker.js

diff --git a/docs/.vitepress/public/service-worker.js b/docs/.vitepress/public/service-worker.js
new file mode 100644
index 000000000..e80d3f2d7
--- /dev/null
+++ b/docs/.vitepress/public/service-worker.js
@@ -0,0 +1,14 @@
+// https://github.com/NekR/self-destroying-sw
+/* globals self */
+self.addEventListener('install', (e) => {
+  self.skipWaiting()
+})
+
+self.addEventListener('activate', (e) => {
+  self.registration
+    .unregister()
+    .then(() => self.clients.matchAll())
+    .then((clients) => {
+      for (const client of clients) client.navigate(client.url)
+    })
+})

From ec0276ba0cd570e7a83406195c36288528c42aa4 Mon Sep 17 00:00:00 2001
From: kurageso <63407106+kurageso@users.noreply.github.com>
Date: Thu, 24 Nov 2022 08:26:40 +0900
Subject: [PATCH 0561/1010] Disable autofix in `vue/attribute-hyphenation` for
 attributes with underscore (#2045)

---
 lib/rules/attribute-hyphenation.js       | 12 +++-
 tests/lib/rules/attribute-hyphenation.js | 88 ++++++++++++++++++++++++
 2 files changed, 98 insertions(+), 2 deletions(-)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index d2ae0ccac..24bacffc2 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -94,8 +94,16 @@ module.exports = {
         data: {
           text
         },
-        fix: (fixer) =>
-          fixer.replaceText(node.key, text.replace(name, caseConverter(name)))
+        fix: (fixer) => {
+          if (text.includes('_')) {
+            return null
+          }
+
+          return fixer.replaceText(
+            node.key,
+            text.replace(name, caseConverter(name))
+          )
+        }
       })
     }
 
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 002254dd0..146c25658 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -58,6 +58,16 @@ ruleTester.run('attribute-hyphenation', rule, {
       filename: 'test.vue',
       code: '<template><div><slot myProp></slot></div></template>',
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :attr_ff="prop"></custom></div></template>',
+      options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :attr_ff="prop"></custom></div></template>',
+      options: ['never']
     }
   ],
 
@@ -280,6 +290,84 @@ ruleTester.run('attribute-hyphenation', rule, {
           line: 1
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :attr_Gg="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute ':attr_Gg' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :Attr_Hh="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute ':Attr_Hh' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :_attr_Jj="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute ':_attr_Jj' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :_attrKk="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute ':_attrKk' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :_AttrLl="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute ':_AttrLl' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :my-custom_prop="prop"></custom></div></template>',
+      output: null,
+      options: ['never'],
+      errors: [
+        {
+          message: "Attribute ':my-custom_prop' can't be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     }
   ]
 })

From a15d0364418fbeeb4f52d566635424766ce88cb8 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 24 Nov 2022 10:27:36 +0900
Subject: [PATCH 0562/1010] 9.8.0

---
 docs/rules/require-prop-comment.md | 7 +++++--
 lib/utils/vue3-export-names.json   | 2 ++
 package.json                       | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/docs/rules/require-prop-comment.md b/docs/rules/require-prop-comment.md
index 3b1bc29f1..5cd29c375 100644
--- a/docs/rules/require-prop-comment.md
+++ b/docs/rules/require-prop-comment.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-prop-comment
 description: require props to have a comment
+since: v9.8.0
 ---
 # vue/require-prop-comment
 
 > require props to have a comment
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule enforces that every prop has a comment that documents it.
@@ -138,6 +137,10 @@ const badProps = defineProps({
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.8.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-prop-comment.js)
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index ecdd2462a..4cab0cb25 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -41,6 +41,7 @@
   "ComponentCustomOptions",
   "ComponentCustomProperties",
   "ComponentCustomProps",
+  "ComponentInjectOptions",
   "ComponentInternalInstance",
   "ComponentObjectPropsOptions",
   "ComponentOptions",
@@ -153,6 +154,7 @@
   "proxyRefs",
   "pushScopeId",
   "queuePostFlushCb",
+  "Raw",
   "reactive",
   "ReactiveEffect",
   "ReactiveEffectOptions",
diff --git a/package.json b/package.json
index f985d47f7..3f2fb7287 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.7.0",
+  "version": "9.8.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 89fb2fe3b89edf8f5153b273a3724802acc2d9a1 Mon Sep 17 00:00:00 2001
From: Antoine <antoine.savajols@gmail.com>
Date: Sun, 25 Dec 2022 09:41:27 +0100
Subject: [PATCH 0563/1010] Added array-element-newline rule from eslint
 (#2066)

Co-authored-by: Antoine SAVAJOLS <asavajols@digitaleo.com>
---
 docs/rules/array-element-newline.md      |  31 +++
 docs/rules/index.md                      |   1 +
 lib/configs/no-layout-rules.js           |   1 +
 lib/index.js                             |   1 +
 lib/rules/array-element-newline.js       |  11 +
 tests/lib/rules/array-element-newline.js | 270 +++++++++++++++++++++++
 6 files changed, 315 insertions(+)
 create mode 100644 docs/rules/array-element-newline.md
 create mode 100644 lib/rules/array-element-newline.js
 create mode 100644 tests/lib/rules/array-element-newline.js

diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
new file mode 100644
index 000000000..024dcafe6
--- /dev/null
+++ b/docs/rules/array-element-newline.md
@@ -0,0 +1,31 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/array-element-newline
+description: Enforce line breaks after each array element in `<template>`
+---
+# vue/array-element-newline
+
+> Enforce line breaks after each array element in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [array-element-newline] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [array-bracket-spacing]
+
+[array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
+
+- [array-bracket-newline]
+
+[array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-element-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-element-newline.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/array-element-newline)</sup>
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 224b40313..2e21edc56 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -279,6 +279,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 |:--------|:------------|:--:|:--:|
 | [vue/array-bracket-newline](./array-bracket-newline.md) | Enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
 | [vue/array-bracket-spacing](./array-bracket-spacing.md) | Enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-element-newline](./array-element-newline.md) | Enforce line breaks after each array element in `<template>` | :wrench: | :lipstick: |
 | [vue/arrow-spacing](./arrow-spacing.md) | Enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
 | [vue/block-spacing](./block-spacing.md) | Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
 | [vue/brace-style](./brace-style.md) | Enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 58e62b601..b1486f157 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -7,6 +7,7 @@ module.exports = {
   rules: {
     'vue/array-bracket-newline': 'off',
     'vue/array-bracket-spacing': 'off',
+    'vue/array-element-newline': 'off',
     'vue/arrow-spacing': 'off',
     'vue/block-spacing': 'off',
     'vue/block-tag-newline': 'off',
diff --git a/lib/index.js b/lib/index.js
index 2d14cd404..f5da9a706 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -9,6 +9,7 @@ module.exports = {
   rules: {
     'array-bracket-newline': require('./rules/array-bracket-newline'),
     'array-bracket-spacing': require('./rules/array-bracket-spacing'),
+    'array-element-newline': require('./rules/array-element-newline'),
     'arrow-spacing': require('./rules/arrow-spacing'),
     'attribute-hyphenation': require('./rules/attribute-hyphenation'),
     'attributes-order': require('./rules/attributes-order'),
diff --git a/lib/rules/array-element-newline.js b/lib/rules/array-element-newline.js
new file mode 100644
index 000000000..251d72de9
--- /dev/null
+++ b/lib/rules/array-element-newline.js
@@ -0,0 +1,11 @@
+/**
+ * @author alshyra
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('array-element-newline', {
+  skipDynamicArguments: true
+})
diff --git a/tests/lib/rules/array-element-newline.js b/tests/lib/rules/array-element-newline.js
new file mode 100644
index 000000000..54e60f83d
--- /dev/null
+++ b/tests/lib/rules/array-element-newline.js
@@ -0,0 +1,270 @@
+/**
+ * @author alshyra
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/array-element-newline')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('array-element-newline', rule, {
+  valid: [
+    '<template><div :attr="[]" /></template>',
+    '<template><div :attr="[a]" /></template>',
+    `
+      <template>
+        <div :attr="[a,
+                     b,
+                     c]" />
+      </template>`,
+    `<template>
+      <div :attr="[a,
+                   b,
+                   c
+                  ]" />
+    </template>`,
+    '<template><div :[attr]="a" /></template>',
+    '<template><div :[[attr]]="a" /></template>',
+    `<template>
+      <div :attr="[
+                   a,
+                   b,
+                   c
+                  ]" />
+    </template>`,
+    `
+      <template>
+        <div :attr="[a
+                     b]" />
+      </template>`,
+    {
+      code: `
+        <template>
+          <div :attr="[a,
+                       b,
+                       c]" />
+        </template>`,
+      options: ['always']
+    },
+    {
+      code: '<template><div :attr="[a]" /></template>',
+      options: ['never']
+    },
+    {
+      code: '<template><div :attr="[a,b,c]" /></template>',
+      options: ['never']
+    },
+    {
+      code: '<template><div :attr="[a, b, c]" /></template>',
+      options: [{ multiline: true }]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a, 
+                      {
+                        b:c
+                      }]" />
+        </template>`,
+      options: [{ multiline: true }]
+    },
+    {
+      code: '<template><div :attr="[a, b, c]" /></template>',
+      options: ['consistent']
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a,
+                       b,
+                       c
+                      ]" />
+        </template>`,
+      options: ['consistent']
+    },
+    {
+      code: '<template><div :attr="[a,b]" /></template>',
+      options: [{ minItems: 3 }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+        <template>
+          <div :attr="[a, b]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a,
+b]" />
+        </template>`,
+      errors: [
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 3,
+          column: 26,
+          endLine: 3,
+          endColumn: 27
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a,b,c]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a,
+b,
+c]" />
+        </template>`,
+      options: ['always'],
+      errors: [
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 3,
+          column: 26,
+          endLine: 3,
+          endColumn: 26
+        },
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 3,
+          column: 28,
+          endLine: 3,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a,
+                      b,c]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a,
+                      b,
+c]" />
+        </template>`,
+      options: ['always'],
+      errors: [
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 25
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a,
+                       b,c]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a,
+                       b,
+c]" />
+        </template>`,
+      options: ['consistent'],
+      errors: [
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 4,
+          column: 26,
+          endLine: 4,
+          endColumn: 26
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a,
+                       b, c]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a, b, c]" />
+        </template>`,
+      options: [{ multiline: true }],
+      errors: [
+        {
+          message: 'There should be no linebreak here.',
+          line: 3,
+          column: 26,
+          endLine: 4,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a, {
+                            b:c
+                          }]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a,
+{
+                            b:c
+                          }]" />
+        </template>`,
+      options: [{ multiline: true }],
+      errors: [
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 3,
+          column: 26,
+          endLine: 3,
+          endColumn: 27
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <div :attr="[a,b,c]" />
+        </template>`,
+      output: `
+        <template>
+          <div :attr="[a,
+b,
+c]" />
+        </template>`,
+      options: [{ minItems: 2 }],
+      errors: [
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 3,
+          column: 26,
+          endLine: 3,
+          endColumn: 26
+        },
+        {
+          message: 'There should be a linebreak after this element.',
+          line: 3,
+          column: 28,
+          endLine: 3,
+          endColumn: 28
+        }
+      ]
+    }
+  ]
+})

From e42f7371a4e396eab1a4b405af2a61cc1d165651 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 25 Dec 2022 18:15:36 +0900
Subject: [PATCH 0564/1010] Improve indent rule to support more ts syntax
 (#2042)

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 lib/utils/indent-common.js                    | 17 +++-
 lib/utils/indent-ts.js                        | 95 +++++++++++++++----
 package.json                                  |  4 +-
 .../ts-abstract-accessor-property-01.vue      | 12 +++
 .../script-indent/ts-accessor-property-01.vue |  8 ++
 .../script-indent/ts-accessor-property-02.vue | 10 ++
 .../script-indent/ts-accessor-property-03.vue |  9 ++
 .../script-indent/ts-accessor-property-04.vue | 10 ++
 .../script-indent/ts-accessor-property-05.vue | 12 +++
 .../script-indent/ts-call-expression-01.vue   | 12 +++
 .../ts-instantiation-expression-01.vue        |  8 ++
 .../script-indent/ts-new-expression-01.vue    | 13 +++
 .../ts-satisfies-operators-01.vue             |  8 ++
 .../util-types/ast/es-ast.ts                  |  1 +
 14 files changed, 196 insertions(+), 23 deletions(-)
 create mode 100644 tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-accessor-property-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-accessor-property-02.vue
 create mode 100644 tests/fixtures/script-indent/ts-accessor-property-03.vue
 create mode 100644 tests/fixtures/script-indent/ts-accessor-property-04.vue
 create mode 100644 tests/fixtures/script-indent/ts-accessor-property-05.vue
 create mode 100644 tests/fixtures/script-indent/ts-call-expression-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-instantiation-expression-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-new-expression-01.vue
 create mode 100644 tests/fixtures/script-indent/ts-satisfies-operators-01.vue

diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 79858b495..4db6dea7f 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1171,11 +1171,18 @@ module.exports.defineVisitor = function create(
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
       const leftToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.callee, isOpeningParenToken)
+        tokenStore.getTokenAfter(
+          node.typeParameters || node.callee,
+          isOpeningParenToken
+        )
       )
 
+      if (node.typeParameters) {
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
+      }
+
       for (const optionalToken of tokenStore.getTokensBetween(
-        tokenStore.getLastToken(node.callee),
+        tokenStore.getLastToken(node.typeParameters || node.callee),
         leftToken,
         isOptionalToken
       )) {
@@ -1692,12 +1699,16 @@ module.exports.defineVisitor = function create(
       const rightToken = tokenStore.getLastToken(node)
       const leftToken = isClosingParenToken(rightToken)
         ? tokenStore.getFirstTokenBetween(
-            node.callee,
+            node.typeParameters || node.callee,
             rightToken,
             isOpeningParenToken
           )
         : null
 
+      if (node.typeParameters) {
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, calleeToken)
+      }
+
       setOffset(calleeToken, 1, newToken)
       if (leftToken != null) {
         setOffset(leftToken, 1, calleeToken)
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index f2f5b69cf..4c046f490 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -29,6 +29,7 @@ const { isTypeNode } = require('./ts-ast-utils')
  * @typedef {import('@typescript-eslint/types').TSESTree.TSImportEqualsDeclaration} TSImportEqualsDeclaration
  * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractMethodDefinition} TSAbstractMethodDefinition
  * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractPropertyDefinition} TSAbstractPropertyDefinition
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractAccessorProperty} TSAbstractAccessorProperty
  * @typedef {import('@typescript-eslint/types').TSESTree.TSEnumMember} TSEnumMember
  * @typedef {import('@typescript-eslint/types').TSESTree.TSPropertySignature} TSPropertySignature
  * @typedef {import('@typescript-eslint/types').TSESTree.TSIndexSignature} TSIndexSignature
@@ -50,6 +51,10 @@ const { isTypeNode } = require('./ts-ast-utils')
  * @typedef {import('@typescript-eslint/types').TSESTree.TSInferType} TSInferType
  * @typedef {import('@typescript-eslint/types').TSESTree.TSOptionalType} TSOptionalType
  * @typedef {import('@typescript-eslint/types').TSESTree.TSNonNullExpression} TSNonNullExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAsExpression} TSAsExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSSatisfiesExpression} TSSatisfiesExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeReference} TSTypeReference
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInstantiationExpression} TSInstantiationExpression
  * @typedef {import('@typescript-eslint/types').TSESTree.JSXChild} JSXChild
  * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
  *
@@ -206,15 +211,16 @@ function defineVisitor({
      *   | TSImportEqualsDeclaration
      *   | TSAbstractMethodDefinition
      *   | TSAbstractPropertyDefinition
-     *   | TSAbstractClassProperty
+     *   | TSAbstractAccessorProperty
      *   | TSEnumMember
-     *   | ClassProperty
      *   | TSPropertySignature
      *   | TSIndexSignature
-     *   | TSMethodSignature} node
+     *   | TSMethodSignature
+     *   | ClassProperty
+     *   | TSAbstractClassProperty} node
      */
     ['TSTypeAliasDeclaration, TSCallSignatureDeclaration, TSConstructSignatureDeclaration, TSImportEqualsDeclaration,' +
-      'TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSEnumMember,' +
+      'TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSAbstractAccessorProperty, TSEnumMember,' +
       'TSPropertySignature, TSIndexSignature, TSMethodSignature,' +
       // Deprecated in @typescript-eslint/parser v5
       'ClassProperty, TSAbstractClassProperty'](node) {
@@ -279,40 +285,57 @@ function defineVisitor({
       }
     },
     /**
-     * Process as expression
+     * Process as expression or satisfies expression
      *
      * e.g.
      * ```
      * var foo = bar as boolean
      * //        ^^^^^^^^^^^^^^
      * ```
+     *
+     * e.g.
+     * ```
+     * var foo = bar satisfies Bar
+     * //        ^^^^^^^^^^^^^^^^^
+     * ```
+     *
+     * @param {TSAsExpression | TSSatisfiesExpression} node
      */
-    TSAsExpression(node) {
+    'TSAsExpression, TSSatisfiesExpression'(node) {
       const expressionTokens = getFirstAndLastTokens(node.expression)
-      const asToken = tokenStore.getTokenAfter(expressionTokens.lastToken)
+      const asOrSatisfiesToken = tokenStore.getTokenAfter(
+        expressionTokens.lastToken
+      )
       setOffset(
-        [asToken, getFirstAndLastTokens(node.typeAnnotation).firstToken],
+        [
+          asOrSatisfiesToken,
+          getFirstAndLastTokens(node.typeAnnotation).firstToken
+        ],
         1,
         expressionTokens.firstToken
       )
     },
     /**
-     * Process type reference
+     * Process type reference and instantiation expression
      *
      * e.g.
      * ```
      * const foo: Type<P>
      * //         ^^^^^^^
      * ```
+     *
+     * e.g.
+     * ```
+     * const ErrorMap = Map<string, Error>;
+     * //               ^^^^^^^^^^^^^^^^^^
+     * ```
+     *
+     * @param {TSTypeReference | TSInstantiationExpression} node
      */
-    TSTypeReference(node) {
+    'TSTypeReference, TSInstantiationExpression'(node) {
       if (node.typeParameters) {
-        const typeNameTokens = getFirstAndLastTokens(node.typeName)
-        setOffset(
-          tokenStore.getFirstToken(node.typeParameters),
-          1,
-          typeNameTokens.firstToken
-        )
+        const firstToken = tokenStore.getFirstToken(node)
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
       }
     },
     /**
@@ -1053,10 +1076,10 @@ function defineVisitor({
      * //         ^^^^^^^
      * ```
      *
-     * @param {TSAbstractMethodDefinition | TSAbstractPropertyDefinition | TSEnumMember | TSAbstractClassProperty | ClassProperty} node
+     * @param {TSAbstractMethodDefinition | TSAbstractPropertyDefinition | TSAbstractAccessorProperty | TSEnumMember | TSAbstractClassProperty | ClassProperty} node
      *
      */
-    ['TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSEnumMember,' +
+    ['TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSAbstractAccessorProperty, TSEnumMember,' +
       // Deprecated in @typescript-eslint/parser v5
       'ClassProperty, TSAbstractClassProperty'](node) {
       const { keyNode, valueNode } =
@@ -1302,6 +1325,42 @@ function defineVisitor({
         setOffset(atToken, 0, tokenStore.getFirstToken(decorators[0]))
       }
     },
+    AccessorProperty(node) {
+      const keyNode = node.key
+      const valueNode = node.value
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(keyNode)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        keyTokens.firstToken
+      )
+      if (node.computed) {
+        prefixTokens.pop() // pop opening bracket character (`[`)
+      }
+      setOffset(prefixTokens, 0, firstToken)
+      let lastKeyToken
+      if (node.computed) {
+        const leftBracketToken = tokenStore.getTokenBefore(keyTokens.firstToken)
+        const rightBracketToken = (lastKeyToken = tokenStore.getTokenAfter(
+          keyTokens.lastToken
+        ))
+        setOffset(leftBracketToken, 0, firstToken)
+        processNodeList([keyNode], leftBracketToken, rightBracketToken, 1)
+      } else {
+        setOffset(keyTokens.firstToken, 0, firstToken)
+        lastKeyToken = keyTokens.lastToken
+      }
+
+      if (valueNode != null) {
+        const initToken = tokenStore.getFirstToken(valueNode)
+        setOffset(
+          [...tokenStore.getTokensBetween(lastKeyToken, initToken), initToken],
+          1,
+          lastKeyToken
+        )
+      }
+      processSemicolons(node)
+    },
     ImportAttribute(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const keyTokens = getFirstAndLastTokens(node.key)
diff --git a/package.json b/package.json
index 3f2fb7287..da3d9633c 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "@types/node": "^13.13.5",
     "@types/semver": "^7.3.9",
     "@types/xml-name-validator": "^4.0.0",
-    "@typescript-eslint/parser": "^5.23.0",
+    "@typescript-eslint/parser": "^5.45.0",
     "assert": "^2.0.0",
     "env-cmd": "^10.1.0",
     "esbuild": "^0.15.15",
@@ -90,7 +90,7 @@
     "mocha": "^10.0.0",
     "nyc": "^15.1.0",
     "prettier": "^2.6.2",
-    "typescript": "^4.6.4",
+    "typescript": "^4.9.3",
     "vitepress": "^1.0.0-alpha.29"
   }
 }
diff --git a/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue b/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue
new file mode 100644
index 000000000..563b10304
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<script lang="ts">
+abstract class Foo {
+  abstract accessor
+  foo:
+    number
+  // parser v5 does not parse value.
+  //    =
+  //    1
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-accessor-property-01.vue b/tests/fixtures/script-indent/ts-accessor-property-01.vue
new file mode 100644
index 000000000..c7fa3c38e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-accessor-property-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<script lang="ts">
+class Foo {
+  accessor
+  foo
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-accessor-property-02.vue b/tests/fixtures/script-indent/ts-accessor-property-02.vue
new file mode 100644
index 000000000..a09369195
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-accessor-property-02.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<script lang="ts">
+class Foo {
+  accessor
+  foo
+    =
+    2
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-accessor-property-03.vue b/tests/fixtures/script-indent/ts-accessor-property-03.vue
new file mode 100644
index 000000000..856502bbd
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-accessor-property-03.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<script lang="ts">
+class Foo {
+  declare accessor
+  foo:
+    number
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-accessor-property-04.vue b/tests/fixtures/script-indent/ts-accessor-property-04.vue
new file mode 100644
index 000000000..f0ba8795c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-accessor-property-04.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<script lang="ts">
+class Foo {
+  override accessor
+  foo
+    =
+    2
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-accessor-property-05.vue b/tests/fixtures/script-indent/ts-accessor-property-05.vue
new file mode 100644
index 000000000..4328991d0
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-accessor-property-05.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<script lang="ts">
+class Foo {
+  accessor
+  [
+    1
+  ]
+    =
+    2
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-call-expression-01.vue b/tests/fixtures/script-indent/ts-call-expression-01.vue
new file mode 100644
index 000000000..20600bc1f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-call-expression-01.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+foo
+  <
+    T
+    ,
+    U
+  >
+  (
+    arg
+  )
+</script>
diff --git a/tests/fixtures/script-indent/ts-instantiation-expression-01.vue b/tests/fixtures/script-indent/ts-instantiation-expression-01.vue
new file mode 100644
index 000000000..b58602542
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-instantiation-expression-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.0"}}-->
+<script lang="ts">
+const ErrorMap = Map
+  <
+    string,
+    Error
+  >;
+</script>
diff --git a/tests/fixtures/script-indent/ts-new-expression-01.vue b/tests/fixtures/script-indent/ts-new-expression-01.vue
new file mode 100644
index 000000000..8559f7787
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-new-expression-01.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo = new
+  Foo
+    <
+      T
+      ,
+      U
+    >
+    (
+      arg
+    )
+</script>
diff --git a/tests/fixtures/script-indent/ts-satisfies-operators-01.vue b/tests/fixtures/script-indent/ts-satisfies-operators-01.vue
new file mode 100644
index 000000000..fbb78af6a
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-satisfies-operators-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.0" } }-->
+<script lang="ts">
+var a =
+  {} satisfies
+    Foo
+var b =
+  {} satisfies Bar
+</script>
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index b3d5b6e2e..800943419 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -525,6 +525,7 @@ export interface NewExpression extends HasParentNode {
   type: 'NewExpression'
   callee: Expression
   arguments: (Expression | SpreadElement)[]
+  typeParameters?: TSTypeParameterInstantiation
 }
 interface BaseMemberExpression extends HasParentNode {
   type: 'MemberExpression'

From 4a08c070d94754f3be6fb131ba207c369d3f9b36 Mon Sep 17 00:00:00 2001
From: horitaka <takahiro.ohori@gmail.com>
Date: Sat, 7 Jan 2023 21:49:39 +0900
Subject: [PATCH 0565/1010] fix: [vue/component-name-in-template-casing] False
 positive for dynamic component in template (#2069)

---
 .../component-name-in-template-casing.js      |  29 +++-
 .../component-name-in-template-casing.js      | 134 +++++++++++++++++-
 2 files changed, 160 insertions(+), 3 deletions(-)

diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index df06a0b1c..b457ffa61 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -11,6 +11,30 @@ const { toRegExp } = require('../utils/regexp')
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 const defaultCase = 'PascalCase'
 
+/**
+ * Checks whether the given variable is the type-only import object.
+ * @param {Variable} variable
+ * @returns {boolean} `true` if the given variable is the type-only import.
+ */
+function isTypeOnlyImport(variable) {
+  if (variable.defs.length === 0) return false
+
+  return variable.defs.every((def) => {
+    if (def.type !== 'ImportBinding') {
+      return false
+    }
+    if (def.parent.importKind === 'type') {
+      // check for `import type Foo from './xxx'`
+      return true
+    }
+    if (def.node.type === 'ImportSpecifier' && def.node.importKind === 'type') {
+      // check for `import { type Foo } from './xxx'`
+      return true
+    }
+    return false
+  })
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -75,10 +99,13 @@ module.exports = {
           (scope) => scope.type === 'module'
         )
         for (const variable of (moduleScope && moduleScope.variables) || []) {
-          registeredComponents.add(variable.name)
+          if (!isTypeOnlyImport(variable)) {
+            registeredComponents.add(variable.name)
+          }
         }
       }
     }
+
     /**
      * Checks whether the given node is the verification target node.
      * @param {VElement} node element node
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index d57a5ffbf..7b3f012c8 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -4,6 +4,7 @@
 'use strict'
 
 const rule = require('../../../lib/rules/component-name-in-template-casing')
+const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 
 const tester = new RuleTester({
@@ -193,7 +194,43 @@ tester.run('component-name-in-template-casing', rule, {
         </template>
       `,
       options: ['kebab-case', { globals: ['RouterView', 'router-link'] }]
-    }
+    },
+
+    // type-only imports
+    ...(semver.gte(
+      require('@typescript-eslint/parser/package.json').version,
+      '5.0.0'
+    )
+      ? [
+          {
+            code: `
+              <script setup lang="ts">
+                import type Foo from './Foo.vue'
+                import type { HelloWorld1 } from './components/HelloWorld'
+                import { type HelloWorld2 } from './components/HelloWorld2'
+                import type { HelloWorld as HelloWorld3 } from './components/HelloWorld3'
+                import { type HelloWorld as HelloWorld4 } from './components/HelloWorld4';
+                import { type default as HelloWorld5 } from './components/HelloWorld5';
+                import { type Component } from 'vue';
+              </script>
+
+              <template>
+                <foo />
+                <hello-world1 />
+                <hello-world2 />
+                <hello-world3 />
+                <hello-world4 />
+                <hello-world5 />
+                <component />
+              </template>
+            `,
+            options: ['PascalCase', { registeredComponentsOnly: true }],
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            }
+          }
+        ]
+      : [])
   ],
   invalid: [
     {
@@ -939,6 +976,99 @@ tester.run('component-name-in-template-casing', rule, {
           column: 11
         }
       ]
-    }
+    },
+    // type-only imports
+    ...(semver.gte(
+      require('@typescript-eslint/parser/package.json').version,
+      '5.0.0'
+    )
+      ? [
+          {
+            code: `
+              <script setup lang="ts">
+                import type Foo from './Foo.vue'
+                import type { HelloWorld1 } from './components/HelloWorld'
+                import { type HelloWorld2 } from './components/HelloWorld2'
+                import type { HelloWorld as HelloWorld3 } from './components/HelloWorld3'
+                import { type HelloWorld as HelloWorld4 } from './components/HelloWorld4';
+                import { type default as HelloWorld5 } from './components/HelloWorld5';
+                import { type Component } from 'vue';
+              </script>
+
+              <template>
+                <foo />
+                <hello-world1 />
+                <hello-world2 />
+                <hello-world3 />
+                <hello-world4 />
+                <hello-world5 />
+                <component />
+              </template>
+            `,
+            options: ['PascalCase', { registeredComponentsOnly: false }],
+            parserOptions: {
+              parser: require.resolve('@typescript-eslint/parser')
+            },
+            output: `
+              <script setup lang="ts">
+                import type Foo from './Foo.vue'
+                import type { HelloWorld1 } from './components/HelloWorld'
+                import { type HelloWorld2 } from './components/HelloWorld2'
+                import type { HelloWorld as HelloWorld3 } from './components/HelloWorld3'
+                import { type HelloWorld as HelloWorld4 } from './components/HelloWorld4';
+                import { type default as HelloWorld5 } from './components/HelloWorld5';
+                import { type Component } from 'vue';
+              </script>
+
+              <template>
+                <Foo />
+                <HelloWorld1 />
+                <HelloWorld2 />
+                <HelloWorld3 />
+                <HelloWorld4 />
+                <HelloWorld5 />
+                <Component />
+              </template>
+            `,
+            errors: [
+              {
+                message: 'Component name "foo" is not PascalCase.',
+                line: 13,
+                column: 17
+              },
+              {
+                message: 'Component name "hello-world1" is not PascalCase.',
+                line: 14,
+                column: 17
+              },
+              {
+                message: 'Component name "hello-world2" is not PascalCase.',
+                line: 15,
+                column: 17
+              },
+              {
+                message: 'Component name "hello-world3" is not PascalCase.',
+                line: 16,
+                column: 17
+              },
+              {
+                message: 'Component name "hello-world4" is not PascalCase.',
+                line: 17,
+                column: 17
+              },
+              {
+                message: 'Component name "hello-world5" is not PascalCase.',
+                line: 18,
+                column: 17
+              },
+              {
+                message: 'Component name "component" is not PascalCase.',
+                line: 19,
+                column: 17
+              }
+            ]
+          }
+        ]
+      : [])
   ]
 })

From d339e2ecab1ab3c9099bdb773524587a880f3d35 Mon Sep 17 00:00:00 2001
From: James Garbutt <43081j@users.noreply.github.com>
Date: Sat, 7 Jan 2023 14:12:08 +0000
Subject: [PATCH 0566/1010] fix (vue/component-api-style): add spacing around
 comma in report message (#2070)

---
 lib/rules/component-api-style.js       |  2 +-
 tests/lib/rules/component-api-style.js | 25 +++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/lib/rules/component-api-style.js b/lib/rules/component-api-style.js
index 12ad52e2d..550eebfed 100644
--- a/lib/rules/component-api-style.js
+++ b/lib/rules/component-api-style.js
@@ -162,7 +162,7 @@ function buildAllowedPhrase(allowsOpt) {
     phrases.push('Options API')
   }
   return phrases.length > 2
-    ? `${phrases.slice(0, -1).join(',')} or ${phrases.slice(-1)[0]}`
+    ? `${phrases.slice(0, -1).join(', ')} or ${phrases.slice(-1)[0]}`
     : phrases.join(' or ')
 }
 
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index 534751254..a33321251 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -817,6 +817,31 @@ tester.run('component-api-style', rule, {
           column: 9
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        data () {
+          return {
+            msg: 'Hello World!',
+            // ...
+          }
+        },
+        // ...
+      }
+      </script>
+      `,
+      options: [['script-setup', 'composition', 'composition-vue2']],
+      errors: [
+        {
+          message:
+            'Options API is not allowed in your project. `data` option is part of the Options API. Use `<script setup>`, Composition API or Composition API (Vue 2) instead.',
+          line: 4,
+          column: 9
+        }
+      ]
     }
   ]
 })

From 2c3d623b5602c7c71b72d314d91a81bb18d16614 Mon Sep 17 00:00:00 2001
From: James Garbutt <43081j@users.noreply.github.com>
Date: Sat, 7 Jan 2023 14:15:26 +0000
Subject: [PATCH 0567/1010] test (vue/max-attributes-per-line): add test for
 max value as object (#2072)

---
 tests/lib/rules/max-attributes-per-line.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index d8bae0580..252bd22c1 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -113,6 +113,27 @@ job="Vet"></component></template>`,
       options: [{ singleline: 3, multiline: 1 }],
       output: `<template><component
         name="John Doe"
+age="30"
+        job="Vet">
+        </component>
+      </template>`,
+      errors: [
+        {
+          message: "'age' should be on a new line.",
+          type: 'VAttribute',
+          line: 2
+        }
+      ]
+    },
+    {
+      code: `<template><component
+        name="John Doe" age="30"
+        job="Vet">
+        </component>
+      </template>`,
+      options: [{ multiline: { max: 1 } }],
+      output: `<template><component
+        name="John Doe"
 age="30"
         job="Vet">
         </component>

From abdd93d0cb0308161ccac61f64615f4200f02311 Mon Sep 17 00:00:00 2001
From: James Garbutt <43081j@users.noreply.github.com>
Date: Sat, 7 Jan 2023 14:19:12 +0000
Subject: [PATCH 0568/1010] fix (vue/define-macros-order): hoist secondary
 expressions correctly (#2071)

---
 lib/rules/define-macros-order.js       |  2 +-
 tests/lib/rules/define-macros-order.js | 66 ++++++++++++++++++++++++++
 2 files changed, 67 insertions(+), 1 deletion(-)

diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 24e7f8085..baf03a40e 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -137,7 +137,7 @@ function create(context) {
 
           // need move only second
           if (secondStatement !== shouldSecondNode) {
-            reportNotOnTop(order[1], shouldSecondNode, shouldFirstNode)
+            reportNotOnTop(order[1], shouldSecondNode, secondStatement)
           }
 
           return
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index ef31450c5..bd46ac3d6 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -128,6 +128,26 @@ tester.run('define-macros-order', rule, {
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          'use strict';
+          defineProps({
+            test: Boolean
+          })
+          defineEmits(['update:test'])
+        </script>
+      `,
+      options: optionsPropsFirst
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+        </script>
+      `
     }
   ],
   invalid: [
@@ -454,6 +474,52 @@ tester.run('define-macros-order', rule, {
           line: 2
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          console.log('test1')
+          defineProps({ test: Boolean })
+        </script>
+      `,
+      output: `
+        <script setup>
+          defineProps({ test: Boolean })
+          console.log('test1')
+        </script>
+      `,
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineEmits(['update:test'])
+          console.log('test1')
+          defineProps({ test: Boolean })
+        </script>
+      `,
+      output: `
+        <script setup>
+          defineEmits(['update:test'])
+          defineProps({ test: Boolean })
+          console.log('test1')
+        </script>
+      `,
+      options: optionsEmitsFirst,
+      errors: [
+        {
+          message: message('defineProps'),
+          line: 5
+        }
+      ]
     }
   ]
 })

From 5e0bd2c7a629ba557ab0e9584c9d63e7526800ea Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <51162910+ItMaga@users.noreply.github.com>
Date: Wed, 11 Jan 2023 16:11:53 +0300
Subject: [PATCH 0569/1010] Add `padding-lines-in-component-definition` rule
 (#2052)

---
 docs/rules/index.md                           |    1 +
 .../padding-lines-in-component-definition.md  |  163 +++
 lib/configs/no-layout-rules.js                |    1 +
 lib/index.js                                  |    1 +
 .../padding-lines-in-component-definition.js  |  359 +++++
 .../padding-lines-in-component-definition.js  | 1240 +++++++++++++++++
 6 files changed, 1765 insertions(+)
 create mode 100644 docs/rules/padding-lines-in-component-definition.md
 create mode 100644 lib/rules/padding-lines-in-component-definition.js
 create mode 100644 tests/lib/rules/padding-lines-in-component-definition.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 2e21edc56..b23f68427 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -253,6 +253,7 @@ For example:
 | [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  | :hammer: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
 | [vue/padding-line-between-tags](./padding-line-between-tags.md) | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
+| [vue/padding-lines-in-component-definition](./padding-lines-in-component-definition.md) | require or disallow padding lines in component definition | :wrench: | :lipstick: |
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
diff --git a/docs/rules/padding-lines-in-component-definition.md b/docs/rules/padding-lines-in-component-definition.md
new file mode 100644
index 000000000..ab46a532e
--- /dev/null
+++ b/docs/rules/padding-lines-in-component-definition.md
@@ -0,0 +1,163 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/padding-lines-in-component-definition
+description: require or disallow padding lines in component definition
+---
+# vue/padding-lines-in-component-definition
+
+> require or disallow padding lines in component definition
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule requires or disallows blank lines in the component definition. Properly blank lines help developers improve code readability and code style flexibility.
+
+<eslint-code-block fix :rules="{'vue/padding-lines-in-component-definition': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      count: 0,
+    };
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/padding-lines-in-component-definition': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+    },
+  },
+
+  data() {
+    return {
+      count: 0,
+    };
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/padding-lines-in-component-definition": ["error", {
+    "betweenOptions": "always" | "never",
+    
+    "withinOption": { 
+      "props": {
+        "betweenItems": "always" | "never" | "ignore",
+        "withinEach": "always" | "never" | "ignore",
+      } | "always" | "never" | "ignore", // shortcut to set both
+      
+      "data": {
+        "betweenItems": "always" | "never" | "ignore",
+        "withinEach": "always" | "never" | "ignore",
+      } | "always" | "never" | "ignore" // shortcut to set both
+        
+      // ... all options
+    } | "always" | "never" | "ignore",
+    
+    "groupSingleLineProperties": true | false
+  }]
+}
+```
+
+- `betweenOptions` ... Setting padding lines between options. default `always`
+- `withinOption` ... Setting padding lines within option
+  - `emits` ... Setting padding between lines between `emits` and `defineEmits`. default `always`
+  - `props` ... Setting padding between lines between `props` and `defineProps`. default `always`
+  - ...
+- `groupSingleLineProperties` ... Setting groupings of multiple consecutive single-line properties (e.g. `name`, `inheritAttrs`), default `true`
+
+### Group single-line properties
+
+<eslint-code-block fix :rules="{'vue/padding-lines-in-component-definition': ['error', { betweenOptions: 'always', withinOption: 'always', groupSingleLineProperties: true}]}">
+
+```vue
+<script>
+export default {
+  name: 'GroupSingleLineProperties',
+  inheritAttrs: false,
+  
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+    },
+  },
+  
+  data() {
+    return {
+      count: 0,
+    };
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+### With custom options
+
+<eslint-code-block fix :rules="{'vue/padding-lines-in-component-definition': ['error', { betweenOptions: 'always', withinOption: { props: { betweenItems: 'always', withinEach: 'never' }, customOption: { betweenItems: 'always', withinEach: 'ignore' } }, groupSingleLineProperties: true}]}">
+
+```vue
+<script>
+export default {
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+    },
+    
+    isActive: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  
+  customOption: {
+    foo: () => {
+      return 'foo'
+    },
+    
+    bar: () => {
+      return 'bar'
+    }
+  },
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/padding-lines-in-component-definition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/padding-lines-in-component-definition.js)
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index b1486f157..59880b846 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -44,6 +44,7 @@ module.exports = {
     'vue/operator-linebreak': 'off',
     'vue/padding-line-between-blocks': 'off',
     'vue/padding-line-between-tags': 'off',
+    'vue/padding-lines-in-component-definition': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/space-in-parens': 'off',
diff --git a/lib/index.js b/lib/index.js
index f5da9a706..aef60a604 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -163,6 +163,7 @@ module.exports = {
     'order-in-components': require('./rules/order-in-components'),
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'padding-line-between-tags': require('./rules/padding-line-between-tags'),
+    'padding-lines-in-component-definition': require('./rules/padding-lines-in-component-definition'),
     'prefer-import-from-vue': require('./rules/prefer-import-from-vue'),
     'prefer-prop-type-boolean-first': require('./rules/prefer-prop-type-boolean-first'),
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
diff --git a/lib/rules/padding-lines-in-component-definition.js b/lib/rules/padding-lines-in-component-definition.js
new file mode 100644
index 000000000..c15762b34
--- /dev/null
+++ b/lib/rules/padding-lines-in-component-definition.js
@@ -0,0 +1,359 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+/**
+ * @typedef {import('../utils').ComponentProp} ComponentProp
+ * @typedef {import('../utils').GroupName} GroupName
+ */
+
+const utils = require('../utils')
+const { isCommentToken } = require('eslint-utils')
+
+const AvailablePaddingOptions = {
+  Never: 'never',
+  Always: 'always',
+  Ignore: 'ignore'
+}
+const OptionKeys = {
+  BetweenOptions: 'betweenOptions',
+  WithinOption: 'withinOption',
+  BetweenItems: 'betweenItems',
+  WithinEach: 'withinEach',
+  GroupSingleLineProperties: 'groupSingleLineProperties'
+}
+
+/**
+ * @param {Token} node
+ */
+function isComma(node) {
+  return node.type === 'Punctuator' && node.value === ','
+}
+
+/**
+ * @param {string} nodeType
+ */
+function isValidProperties(nodeType) {
+  return ['Property', 'SpreadElement'].includes(nodeType)
+}
+
+/**
+ * Split the source code into multiple lines based on the line delimiters.
+ * @param {string} text Source code as a string.
+ * @returns {string[]} Array of source code lines.
+ */
+function splitLines(text) {
+  return text.split(/\r\n|[\r\n\u2028\u2029]/gu)
+}
+
+/**
+ * @param {any} initialOption
+ * @param {string} optionKey
+ * @private
+ * */
+function parseOption(initialOption, optionKey) {
+  return typeof initialOption === 'string'
+    ? initialOption
+    : initialOption[optionKey]
+}
+
+/**
+ * @param {any} initialOption
+ * @param {string} optionKey
+ * @private
+ * */
+function parseBooleanOption(initialOption, optionKey) {
+  if (typeof initialOption === 'string') {
+    if (initialOption === AvailablePaddingOptions.Always) return true
+    if (initialOption === AvailablePaddingOptions.Never) return false
+  }
+  return initialOption[optionKey]
+}
+
+/**
+ * @param {(Property | SpreadElement)} currentProperty
+ * @param {(Property | SpreadElement)} nextProperty
+ * @param {boolean} option
+ * @returns {boolean}
+ * @private
+ * */
+function needGroupSingleLineProperties(currentProperty, nextProperty, option) {
+  const isSingleCurrentProperty =
+    currentProperty.loc.start.line === currentProperty.loc.end.line
+  const isSingleNextProperty =
+    nextProperty.loc.start.line === nextProperty.loc.end.line
+
+  return isSingleCurrentProperty && isSingleNextProperty && option
+}
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description: 'require or disallow padding lines in component definition',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/padding-lines-in-component-definition.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        oneOf: [
+          {
+            enum: [
+              AvailablePaddingOptions.Always,
+              AvailablePaddingOptions.Never
+            ]
+          },
+          {
+            type: 'object',
+            additionalProperties: false,
+            properties: {
+              [OptionKeys.BetweenOptions]: {
+                enum: Object.values(AvailablePaddingOptions)
+              },
+              [OptionKeys.WithinOption]: {
+                oneOf: [
+                  {
+                    enum: Object.values(AvailablePaddingOptions)
+                  },
+                  {
+                    type: 'object',
+                    patternProperties: {
+                      '^[a-zA-Z]*$': {
+                        oneOf: [
+                          {
+                            enum: Object.values(AvailablePaddingOptions)
+                          },
+                          {
+                            type: 'object',
+                            properties: {
+                              [OptionKeys.BetweenItems]: {
+                                enum: Object.values(AvailablePaddingOptions)
+                              },
+                              [OptionKeys.WithinEach]: {
+                                enum: Object.values(AvailablePaddingOptions)
+                              }
+                            },
+                            additionalProperties: false
+                          }
+                        ]
+                      }
+                    },
+                    minProperties: 1,
+                    additionalProperties: false
+                  }
+                ]
+              },
+              [OptionKeys.GroupSingleLineProperties]: {
+                type: 'boolean'
+              }
+            }
+          }
+        ]
+      }
+    ],
+    messages: {
+      never: 'Unexpected blank line before this definition.',
+      always: 'Expected blank line before this definition.',
+      groupSingleLineProperties:
+        'Unexpected blank line between single line properties.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || AvailablePaddingOptions.Always
+    const sourceCode = context.getSourceCode()
+
+    /**
+     * @param {(Property | SpreadElement)} currentProperty
+     * @param {(Property | SpreadElement | Token)} nextProperty
+     * @param {RuleFixer} fixer
+     * */
+    function replaceLines(currentProperty, nextProperty, fixer) {
+      const commaToken = sourceCode.getTokenAfter(currentProperty, isComma)
+
+      const start = commaToken ? commaToken.range[1] : currentProperty.range[1]
+      const end = nextProperty.range[0]
+
+      const paddingText = sourceCode.text.slice(start, end)
+      const newText = `\n${splitLines(paddingText).pop()}`
+
+      return fixer.replaceTextRange([start, end], newText)
+    }
+
+    /**
+     * @param {(Property | SpreadElement)} currentProperty
+     * @param {(Property | SpreadElement | Token)} nextProperty
+     * @param {RuleFixer} fixer
+     * @param {number} betweenLinesRange
+     * */
+    function insertLines(
+      currentProperty,
+      nextProperty,
+      fixer,
+      betweenLinesRange
+    ) {
+      const commaToken = sourceCode.getTokenAfter(currentProperty, isComma)
+
+      const lineBeforeNextProperty =
+        sourceCode.lines[nextProperty.loc.start.line - 1]
+      const lastSpaces = /** @type {RegExpExecArray} */ (
+        /^\s*/.exec(lineBeforeNextProperty)
+      )[0]
+
+      const newText = betweenLinesRange === 0 ? `\n\n${lastSpaces}` : '\n'
+      return fixer.insertTextAfter(commaToken || currentProperty, newText)
+    }
+
+    /**
+     * @param {(Property | SpreadElement)[]} properties
+     * @param {any} option
+     * @param {any} nextOption
+     * */
+    function verify(properties, option, nextOption) {
+      const groupSingleLineProperties = parseBooleanOption(
+        options,
+        OptionKeys.GroupSingleLineProperties
+      )
+
+      for (const [i, currentProperty] of properties.entries()) {
+        const nextProperty = properties[i + 1]
+
+        if (nextProperty && option !== AvailablePaddingOptions.Ignore) {
+          const tokenBeforeNext = sourceCode.getTokenBefore(nextProperty, {
+            includeComments: true
+          })
+          const isCommentBefore = isCommentToken(tokenBeforeNext)
+          const reportNode = isCommentBefore ? tokenBeforeNext : nextProperty
+
+          const betweenLinesRange =
+            reportNode.loc.start.line - currentProperty.loc.end.line
+
+          if (
+            needGroupSingleLineProperties(
+              currentProperty,
+              nextProperty,
+              groupSingleLineProperties
+            )
+          ) {
+            if (betweenLinesRange > 1) {
+              context.report({
+                node: reportNode,
+                messageId: 'groupSingleLineProperties',
+                loc: reportNode.loc,
+                fix(fixer) {
+                  return replaceLines(currentProperty, reportNode, fixer)
+                }
+              })
+            }
+            continue
+          }
+
+          if (
+            betweenLinesRange <= 1 &&
+            option === AvailablePaddingOptions.Always
+          ) {
+            context.report({
+              node: reportNode,
+              messageId: 'always',
+              loc: reportNode.loc,
+              fix(fixer) {
+                return insertLines(
+                  currentProperty,
+                  reportNode,
+                  fixer,
+                  betweenLinesRange
+                )
+              }
+            })
+          } else if (
+            betweenLinesRange > 1 &&
+            option === AvailablePaddingOptions.Never
+          ) {
+            context.report({
+              node: reportNode,
+              messageId: 'never',
+              loc: reportNode.loc,
+              fix(fixer) {
+                return replaceLines(currentProperty, reportNode, fixer)
+              }
+            })
+          }
+        }
+
+        if (!nextOption) return
+
+        const name = /** @type {GroupName | null} */ (
+          currentProperty.type === 'Property' &&
+            utils.getStaticPropertyName(currentProperty)
+        )
+        if (!name) continue
+
+        const propertyOption = parseOption(nextOption, name)
+        if (!propertyOption) continue
+
+        const nestedProperties =
+          currentProperty.type === 'Property' &&
+          currentProperty.value.type === 'ObjectExpression' &&
+          currentProperty.value.properties
+        if (!nestedProperties) continue
+
+        verify(
+          nestedProperties,
+          parseOption(propertyOption, OptionKeys.BetweenItems),
+          parseOption(propertyOption, OptionKeys.WithinEach)
+        )
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          verify(
+            node.properties,
+            parseOption(options, OptionKeys.BetweenOptions),
+            parseOption(options, OptionKeys.WithinOption)
+          )
+        }
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_, props) {
+          const propNodes = /** @type {(Property | SpreadElement)[]} */ (
+            props
+              .filter((prop) => prop.node && isValidProperties(prop.node.type))
+              .map((prop) => prop.node)
+          )
+
+          const withinOption = parseOption(options, OptionKeys.WithinOption)
+          const propsOption = withinOption && parseOption(withinOption, 'props')
+          if (!propsOption) return
+
+          verify(
+            propNodes,
+            parseOption(propsOption, OptionKeys.BetweenItems),
+            parseOption(propsOption, OptionKeys.WithinEach)
+          )
+        },
+        onDefineEmitsEnter(_, emits) {
+          const emitNodes = /** @type {(Property | SpreadElement)[]} */ (
+            emits
+              .filter((emit) => emit.node && isValidProperties(emit.node.type))
+              .map((emit) => emit.node)
+          )
+
+          const withinOption = parseOption(options, OptionKeys.WithinOption)
+          const emitsOption = withinOption && parseOption(withinOption, 'emits')
+          if (!emitsOption) return
+
+          verify(
+            emitNodes,
+            parseOption(emitsOption, OptionKeys.BetweenItems),
+            parseOption(emitsOption, OptionKeys.WithinEach)
+          )
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/padding-lines-in-component-definition.js b/tests/lib/rules/padding-lines-in-component-definition.js
new file mode 100644
index 000000000..a4ed4d3c3
--- /dev/null
+++ b/tests/lib/rules/padding-lines-in-component-definition.js
@@ -0,0 +1,1240 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/padding-lines-in-component-definition')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('padding-lines-in-component-definition', rule, {
+  valid: [
+    {
+      filename: 'Never.vue',
+      code: `
+        <script>
+          export default {
+            name: 'Never',
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+            data() {
+                return {
+                    title: '',
+                    message: '',
+                };
+            },
+            customOption: 'custom'
+          };
+        </script>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'Setup.vue',
+      code: `
+        import { ref, defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'Setup',
+            setup() {
+                const foo = ref('');
+                const bar = ref('');
+
+                return { foo, bar };
+            }
+        })
+        </script>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'BetweenOptionsNever.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'BetweenOptionsNever',
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            }
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'never',
+          withinOption: 'never'
+        }
+      ]
+    },
+    {
+      filename: 'GroupSingleLineProperties.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'GroupSingleLineProperties',
+            inheritAttrs: false,
+
+            props: {
+                foo: String,
+                bar: Number
+            }
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: 'never',
+          groupSingleLineProperties: true
+        }
+      ]
+    },
+    {
+      filename: 'WithinOption.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'WithinOption',
+
+            props: {
+                foo: {
+                    type: String,
+
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+
+                    required: true,
+                },
+            },
+
+            data: () => ({
+                title: '',
+
+                message: '',
+            }),
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            props: {
+              betweenItems: 'never',
+              withinEach: 'always'
+            },
+            data: {
+              betweenItems: 'always',
+              withinEach: 'never'
+            }
+          }
+        }
+      ]
+    },
+    {
+      filename: 'CustomOptions.vue',
+      code: `
+        <script>
+        export default {
+            name: 'CustomOptions',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+
+            customOption: {
+                getString() {
+                    return '1';
+                },
+
+                getNumber: () => 1,
+            },
+
+            data: () => ({
+                title: '',
+
+                message: '',
+            }),
+        }
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            props: {
+              betweenItems: 'always',
+              withinEach: 'never'
+            },
+            customOption: {
+              betweenItems: 'always'
+            }
+          }
+        }
+      ]
+    },
+    {
+      filename: 'NewVue.js',
+      code: `
+        new Vue({
+          name: 'NewVue',
+          inheritAttrs: false,
+          props: {
+              foo: {
+                  type: String,
+                  required: true,
+              },
+              bar: {
+                  type: String,
+                  required: true,
+              }
+          },
+          customOption: {
+              getString() { return '1' },
+              getNumber: () => 1,
+          },
+        })
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'Mixin.js',
+      code: `
+        Vue.mixin({
+          name: 'Mixin',
+          inheritAttrs: false,
+          props: {
+              foo: {
+                  type: String,
+                  required: true,
+              },
+              bar: {
+                  type: String,
+                  required: true,
+              }
+          },
+          customOption: {
+              getString() { return '1' },
+              getNumber: () => 1,
+          },
+        })
+      `,
+      options: [
+        {
+          betweenOptions: 'never',
+          withinOption: 'ignore',
+          groupSingleLineProperties: true
+        }
+      ]
+    },
+    {
+      filename: 'DefineProps.vue',
+      code: `
+        import { defineProps } from 'vue'
+        <script setup>
+        const props = defineProps({
+            foo: {
+                type: String,
+                required: true,
+            },
+            bar: {
+                type: String,
+                required: true,
+            },
+        })
+        </script>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'DefineEmits.vue',
+      code: `
+        import { defineEmits } from 'vue'
+        <script setup>
+        const emits = defineEmits(['foo', 'bar']);
+        const emitsObject = defineEmits({
+          change: (id) => typeof id == 'number',
+
+          update: (value) => typeof value == 'string'
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            emits: {
+              betweenItems: 'always'
+            }
+          },
+          groupSingleLineProperties: false
+        }
+      ]
+    },
+    {
+      filename: 'Comment.vue',
+      code: `
+        <script>
+        export default {
+            name: 'Comment',
+
+            props: {
+                a: {
+                    type: String,
+                },
+
+                /** JSDoc */
+                b: {
+                    type: String,
+                },
+
+                // single
+                c: {
+                    type: String,
+                },
+
+                /* block */
+                d: String,
+                /* block */
+                f: String
+            }
+        }
+        </script>
+      `,
+      options: ['always']
+    },
+    {
+      filename: 'Spread.vue',
+      code: `
+        <script>
+        export default {
+            name: 'Spread',
+            ...spread,
+            props: {
+                a: {
+                    type: String,
+                },
+                ...lost,
+                b: {
+                    type: String,
+                }
+            }
+        }
+        </script>
+      `,
+      options: ['never']
+    },
+    {
+      filename: 'SpreadWithComment.vue',
+      code: `
+        <script>
+        export default {
+            name: 'Spread',
+            // comment
+            ...spread,
+
+            props: {
+                a: {
+                    type: String,
+                },
+
+                // comment
+                ...lost,
+
+                b: {
+                    type: String,
+                }
+            }
+        }
+        </script>
+      `,
+      options: ['always']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'Always.vue',
+      code: `
+      <script>
+          export default {
+            name: 'Always',
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+            data() {
+                return {
+                    title: '',
+                    message: '',
+                };
+            },
+          };
+      </script>
+      `,
+      output: `
+      <script>
+          export default {
+            name: 'Always',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+
+            data() {
+                return {
+                    title: '',
+                    message: '',
+                };
+            },
+          };
+      </script>
+      `,
+      options: ['always'],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 5
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 10
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 15
+        }
+      ]
+    },
+    {
+      filename: 'Setup.vue',
+      code: `
+        import { ref, defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'Setup',
+
+            setup() {
+                const foo = ref('');
+                const bar = ref('');
+
+                return { foo, bar };
+            }
+        })
+        </script>
+      `,
+      output: `
+        import { ref, defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'Setup',
+            setup() {
+                const foo = ref('');
+                const bar = ref('');
+
+                return { foo, bar };
+            }
+        })
+        </script>
+      `,
+      options: ['never'],
+      errors: [
+        {
+          message: 'Unexpected blank line before this definition.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'BetweenOptionsAlways.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'BetweenOptionsAlways',
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            }
+        })
+        </script>
+      `,
+      output: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'BetweenOptionsAlways',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            }
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: 'never'
+        }
+      ],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'GroupSingleLineProperties.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'GroupSingleLineProperties',
+
+            inheritAttrs: false,
+
+            props: {
+                foo: String,
+                bar: Number
+            }
+        })
+        </script>
+      `,
+      output: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'GroupSingleLineProperties',
+            inheritAttrs: false,
+
+            props: {
+                foo: String,
+                bar: Number
+            }
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: 'never',
+          groupSingleLineProperties: true
+        }
+      ],
+      errors: [
+        {
+          message: 'Unexpected blank line between single line properties.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'WithinOption.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'WithinOption',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+        })
+        </script>
+      `,
+      output: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'WithinOption',
+
+            props: {
+                foo: {
+                    type: String,
+
+                    required: true,
+                },
+
+                bar: {
+                    type: Number,
+
+                    required: true,
+                },
+            },
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            props: {
+              betweenItems: 'always',
+              withinEach: 'always'
+            },
+            data: {
+              betweenItems: 'always',
+              withinEach: 'never'
+            }
+          }
+        }
+      ],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 10
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 12
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 14
+        }
+      ]
+    },
+    {
+      filename: 'CustomOptions.vue',
+      code: `
+        <script>
+        export default {
+            name: 'CustomOptions',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+
+            customOption: {
+                getString() {
+                    return '1';
+                },
+
+                getNumber: () => 1,
+            },
+
+            data: () => ({
+                title: '',
+
+                message: '',
+            }),
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+            name: 'CustomOptions',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+
+            customOption: {
+                getString() {
+                    return '1';
+                },
+                getNumber: () => 1,
+            },
+
+            data: () => ({
+                title: '',
+
+                message: '',
+            }),
+        }
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            props: {
+              betweenItems: 'always',
+              withinEach: 'never'
+            },
+            customOption: {
+              betweenItems: 'never'
+            }
+          }
+        }
+      ],
+      errors: [
+        {
+          message: 'Unexpected blank line before this definition.',
+          line: 23
+        }
+      ]
+    },
+    {
+      filename: 'NewVue.js',
+      code: `
+        new Vue({
+          name: 'NewVue',
+
+          inheritAttrs: false,
+
+          props: {
+              foo: {
+                  type: String,
+                  required: true,
+              },
+              bar: {
+                  type: String,
+                  required: true,
+              }
+          },
+          customOption: {
+              getString() { return '1' },
+              getNumber: () => 1,
+          },
+        })
+      `,
+      output: `
+        new Vue({
+          name: 'NewVue',
+          inheritAttrs: false,
+
+          props: {
+              foo: {
+                  type: String,
+                  required: true,
+              },
+              bar: {
+                  type: String,
+                  required: true,
+              }
+          },
+
+          customOption: {
+              getString() { return '1' },
+              getNumber: () => 1,
+          },
+        })
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: 'ignore',
+          groupSingleLineProperties: true
+        }
+      ],
+      errors: [
+        {
+          message: 'Unexpected blank line between single line properties.',
+          line: 5
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 17
+        }
+      ]
+    },
+    {
+      filename: 'Mixin.js',
+      code: `
+        Vue.mixin({
+          name: 'NewVue',
+          inheritAttrs: false,
+          props: {
+              foo: {
+                  type: String,
+                  required: true,
+              },
+              bar: {
+                  type: String,
+                  required: true,
+              }
+          },
+          customOption: {
+              getString() { return '1' },
+              getNumber: () => 1,
+          },
+        })
+      `,
+      output: `
+        Vue.mixin({
+          name: 'NewVue',
+
+          inheritAttrs: false,
+
+          props: {
+              foo: {
+                  type: String,
+                  required: true,
+              },
+              bar: {
+                  type: String,
+                  required: true,
+              }
+          },
+
+          customOption: {
+              getString() { return '1' },
+              getNumber: () => 1,
+          },
+        })
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: 'ignore',
+          groupSingleLineProperties: false
+        }
+      ],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 4
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 5
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 15
+        }
+      ]
+    },
+    {
+      filename: 'DefineProps.vue',
+      code: `
+        import { defineProps } from 'vue'
+        <script setup>
+        const props = defineProps({
+            foo: {
+                type: String,
+
+                required: true,
+            },
+            bar: {
+                type: String,
+                required: true,
+            },
+        })
+        </script>
+      `,
+      output: `
+        import { defineProps } from 'vue'
+        <script setup>
+        const props = defineProps({
+            foo: {
+                type: String,
+                required: true,
+            },
+
+            bar: {
+                type: String,
+                required: true,
+            },
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            props: {
+              betweenItems: 'always',
+              withinEach: 'never'
+            }
+          }
+        }
+      ],
+      errors: [
+        {
+          message: 'Unexpected blank line before this definition.',
+          line: 8
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'DefineEmits.vue',
+      code: `
+        import { defineEmits } from 'vue'
+        <script setup>
+        const emits = defineEmits(['foo', 'bar']);
+        const emitsObject = defineEmits({
+          change: (id) => typeof id == 'number',
+
+          update: (value) => typeof value == 'string'
+        })
+        </script>
+      `,
+      output: `
+        import { defineEmits } from 'vue'
+        <script setup>
+        const emits = defineEmits(['foo', 'bar']);
+        const emitsObject = defineEmits({
+          change: (id) => typeof id == 'number',
+          update: (value) => typeof value == 'string'
+        })
+        </script>
+      `,
+      options: ['never'],
+      errors: [
+        {
+          message: 'Unexpected blank line before this definition.',
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'WithinOption.vue',
+      code: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'PropertiesInOneLine',props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+        })
+        </script>
+      `,
+      output: `
+        import { defineComponent } from 'vue';
+        <script>
+        export default defineComponent({
+            name: 'PropertiesInOneLine',
+
+            props: {
+                foo: {
+                    type: String,
+                    required: true,
+                },
+
+                bar: {
+                    type: Number,
+                    required: true,
+                },
+            },
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            props: {
+              betweenItems: 'always',
+              withinEach: 'always'
+            }
+          },
+          groupSingleLineProperties: true
+        }
+      ],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 5
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'Comment.vue',
+      code: `
+        <script>
+        export default {
+            name: 'Comment',
+            props: {
+                a: {
+                    type: String,
+                },
+                /** JSDoc */
+                b: {
+                    type: String,
+                },
+                // eslint-disable-next-line padding-lines-in-component-definition
+                c: {
+                    type: String,
+                },
+
+                /* block */
+                d: String,
+
+                /* block */
+                f: String,
+            }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+            name: 'Comment',
+
+            props: {
+                a: {
+                    type: String,
+                },
+
+                /** JSDoc */
+                b: {
+                    type: String,
+                },
+
+                // eslint-disable-next-line padding-lines-in-component-definition
+                c: {
+                    type: String,
+                },
+
+                /* block */
+                d: String,
+                /* block */
+                f: String,
+            }
+        }
+        </script>
+      `,
+      options: ['always'],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 5
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 9
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 13
+        },
+        {
+          message: 'Unexpected blank line between single line properties.',
+          line: 21
+        }
+      ]
+    },
+    {
+      filename: 'Spread.vue',
+      code: `
+        <script>
+        export default {
+            name: 'Spread',
+            ...spread,
+            props: {
+                a: {
+                    type: String,
+                },
+                ...lost,
+                b: {
+                    type: String,
+                }
+            }
+        }
+        </script>
+      `,
+      output: `
+        <script>
+        export default {
+            name: 'Spread',
+            ...spread,
+
+            props: {
+                a: {
+                    type: String,
+                },
+
+                ...lost,
+
+                b: {
+                    type: String,
+                }
+            }
+        }
+        </script>
+      `,
+      options: ['always'],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 6
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 10
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 11
+        }
+      ]
+    },
+    {
+      filename: 'DefineWithSpreadAndComment.vue',
+      code: `
+        import { defineEmits, defineProps } from 'vue'
+        <script setup>
+        const emits = defineEmits(['foo', 'bar']);
+        const emitsObject = defineEmits({
+          change: (id) => typeof id == 'number',
+          ...spread,
+          update: (value) => typeof value == 'string'
+        })
+        const props = defineProps({
+            foo: {
+                type: String,
+                required: true,
+            },
+
+            // comment
+            bar: {
+                type: String,
+                required: true,
+            },
+        })
+        </script>
+      `,
+      output: `
+        import { defineEmits, defineProps } from 'vue'
+        <script setup>
+        const emits = defineEmits(['foo', 'bar']);
+        const emitsObject = defineEmits({
+          change: (id) => typeof id == 'number',
+
+          ...spread,
+
+          update: (value) => typeof value == 'string'
+        })
+        const props = defineProps({
+            foo: {
+                type: String,
+                required: true,
+            },
+            // comment
+            bar: {
+                type: String,
+                required: true,
+            },
+        })
+        </script>
+      `,
+      options: [
+        {
+          betweenOptions: 'always',
+          withinOption: {
+            emits: 'always',
+            props: 'never'
+          },
+          groupSingleLineProperties: false
+        }
+      ],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 7
+        },
+        {
+          message: 'Expected blank line before this definition.',
+          line: 8
+        },
+        {
+          message: 'Unexpected blank line before this definition.',
+          line: 16
+        }
+      ]
+    }
+  ]
+})

From ad07deb36143cc8f71af2848634ecbe7d5bc566f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 12 Jan 2023 10:47:55 +0900
Subject: [PATCH 0570/1010] Fix false positives for circular references in
 <script setup> in `vue/no-undef-components` (#2073)

Co-authored-by: Mr.Hope <mister-hope@outlook.com>
---
 lib/rules/no-undef-components.js       | 179 ++++++++++++++++---------
 tests/lib/rules/no-undef-components.js |  43 ++++++
 2 files changed, 160 insertions(+), 62 deletions(-)

diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index 4537f3dce..9eb74ad05 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 
+const path = require('path')
 const utils = require('../utils')
 const casing = require('../utils/casing')
 
@@ -17,6 +18,93 @@ function camelize(str) {
   return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
 }
 
+class DefinedInSetupComponents {
+  constructor() {
+    /**
+     * Component names
+     * @type {Set<string>}
+     */
+    this.names = new Set()
+  }
+
+  /**
+   * @param {string[]} names
+   */
+  addName(...names) {
+    for (const name of names) {
+      this.names.add(name)
+    }
+  }
+
+  /**
+   * @see https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L334
+   * @param {string} rawName
+   */
+  isDefinedComponent(rawName) {
+    if (this.names.has(rawName)) {
+      return true
+    }
+    const camelName = camelize(rawName)
+    if (this.names.has(camelName)) {
+      return true
+    }
+    const pascalName = casing.capitalize(camelName)
+    if (this.names.has(pascalName)) {
+      return true
+    }
+    // Check namespace
+    // https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L305
+    const dotIndex = rawName.indexOf('.')
+    if (dotIndex > 0 && this.isDefinedComponent(rawName.slice(0, dotIndex))) {
+      return true
+    }
+    return false
+  }
+}
+
+class DefinedInOptionComponents {
+  constructor() {
+    /**
+     * Component names
+     * @type {Set<string>}
+     */
+    this.names = new Set()
+    /**
+     * Component names, transformed to kebab-case
+     * @type {Set<string>}
+     */
+    this.kebabCaseNames = new Set()
+  }
+
+  /**
+   * @param {string[]} names
+   */
+  addName(...names) {
+    for (const name of names) {
+      this.names.add(name)
+      this.kebabCaseNames.add(casing.kebabCase(name))
+    }
+  }
+
+  /**
+   * @param {string} rawName
+   */
+  isDefinedComponent(rawName) {
+    if (this.names.has(rawName)) {
+      return true
+    }
+    const kebabCaseName = casing.kebabCase(rawName)
+    if (
+      this.kebabCaseNames.has(kebabCaseName) &&
+      !casing.isPascalCase(rawName)
+    ) {
+      // Component registered as `foo-bar` cannot be used as `FooBar`
+      return true
+    }
+    return false
+  }
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -109,13 +197,15 @@ module.exports = {
 
     if (utils.isScriptSetup(context)) {
       // For <script setup>
+      const definedInSetupComponents = new DefinedInSetupComponents()
+      const definedInOptionComponents = new DefinedInOptionComponents()
+
       /** @type {Set<string>} */
-      const scriptVariableNames = new Set()
       const scriptTypeOnlyNames = new Set()
       const globalScope = context.getSourceCode().scopeManager.globalScope
       if (globalScope) {
         for (const variable of globalScope.variables) {
-          scriptVariableNames.add(variable.name)
+          definedInSetupComponents.addName(variable.name)
         }
         const moduleScope = globalScope.childScopes.find(
           (scope) => scope.type === 'module'
@@ -146,39 +236,37 @@ module.exports = {
           ) {
             scriptTypeOnlyNames.add(variable.name)
           } else {
-            scriptVariableNames.add(variable.name)
+            definedInSetupComponents.addName(variable.name)
           }
         }
       }
-      /**
-       * @see https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L334
-       * @param {string} name
-       */
-      const existsSetupReference = (name) => {
-        if (scriptVariableNames.has(name)) {
-          return true
-        }
-        const camelName = camelize(name)
-        if (scriptVariableNames.has(camelName)) {
-          return true
-        }
-        const pascalName = casing.capitalize(camelName)
-        if (scriptVariableNames.has(pascalName)) {
-          return true
+
+      // For circular references
+      const fileName = context.getFilename()
+      const selfComponentName = path.basename(fileName, path.extname(fileName))
+      definedInSetupComponents.addName(selfComponentName)
+      scriptVisitor = utils.defineVueVisitor(context, {
+        onVueObjectEnter(node, { type }) {
+          if (type !== 'export') return
+          const nameProperty = utils.findProperty(node, 'name')
+
+          if (nameProperty && utils.isStringLiteral(nameProperty.value)) {
+            const name = utils.getStringLiteralValue(nameProperty.value)
+            if (name) {
+              definedInOptionComponents.addName(name)
+            }
+          }
         }
-        return false
-      }
+      })
+
       verifyName = (rawName, reportNode) => {
         if (!isVerifyTargetComponent(rawName)) {
           return
         }
-        if (existsSetupReference(rawName)) {
+        if (definedInSetupComponents.isDefinedComponent(rawName)) {
           return
         }
-        // Check namespace
-        // https://github.com/vuejs/core/blob/ae4b0783d78670b6e942ae2a4e3ec6efbbffa158/packages/compiler-core/src/transforms/transformElement.ts#L305
-        const dotIndex = rawName.indexOf('.')
-        if (dotIndex > 0 && existsSetupReference(rawName.slice(0, dotIndex))) {
+        if (definedInOptionComponents.isDefinedComponent(rawName)) {
           return
         }
 
@@ -192,26 +280,10 @@ module.exports = {
       }
     } else {
       // For Options API
-
-      /**
-       * All registered components
-       * @type {string[]}
-       */
-      const registeredComponentNames = []
-      /**
-       * All registered components, transformed to kebab-case
-       * @type {string[]}
-       */
-      const registeredComponentKebabCaseNames = []
-
-      /**
-       * All registered components using kebab-case syntax
-       * @type {string[]}
-       */
-      const componentsRegisteredAsKebabCase = []
+      const definedInOptionComponents = new DefinedInOptionComponents()
 
       scriptVisitor = utils.executeOnVue(context, (obj) => {
-        registeredComponentNames.push(
+        definedInOptionComponents.addName(
           ...utils.getRegisteredComponents(obj).map(({ name }) => name)
         )
 
@@ -220,33 +292,16 @@ module.exports = {
         if (nameProperty && utils.isStringLiteral(nameProperty.value)) {
           const name = utils.getStringLiteralValue(nameProperty.value)
           if (name) {
-            registeredComponentNames.push(name)
+            definedInOptionComponents.addName(name)
           }
         }
-
-        registeredComponentKebabCaseNames.push(
-          ...registeredComponentNames.map((name) => casing.kebabCase(name))
-        )
-        componentsRegisteredAsKebabCase.push(
-          ...registeredComponentNames.filter(
-            (name) => name === casing.kebabCase(name)
-          )
-        )
       })
 
       verifyName = (rawName, reportNode) => {
         if (!isVerifyTargetComponent(rawName)) {
           return
         }
-        if (registeredComponentNames.includes(rawName)) {
-          return
-        }
-        const kebabCaseName = casing.kebabCase(rawName)
-        if (
-          registeredComponentKebabCaseNames.includes(kebabCaseName) &&
-          !casing.isPascalCase(rawName)
-        ) {
-          // Component registered as `foo-bar` cannot be used as `FooBar`
+        if (definedInOptionComponents.isDefinedComponent(rawName)) {
           return
         }
 
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index 5af9468fe..f90cb56df 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -108,6 +108,49 @@ tester.run('no-undef-components', rule, {
         }
       ]
     },
+    // circular references
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      </script>
+
+      <template>
+        <test />
+      </template>
+      `
+    },
+    {
+      filename: 'FooBar.vue',
+      code: `
+      <script setup>
+      </script>
+
+      <template>
+        <FooBar />
+        <foo-bar />
+      </template>
+      `
+    },
+    {
+      filename: 'FooBar.vue',
+      code: `
+      <script>
+      export default {
+        name: 'BarFoo'
+      }
+      </script>
+      <script setup>
+      </script>
+
+      <template>
+        <FooBar />
+        <foo-bar />
+        <BarFoo />
+        <bar-foo />
+      </template>
+      `
+    },
 
     // options API
     {

From 0b816dc3c4c20719dca12f612d60f0a3dac2111c Mon Sep 17 00:00:00 2001
From: Guilherme <38583177+GreatGui@users.noreply.github.com>
Date: Thu, 12 Jan 2023 06:30:55 -0300
Subject: [PATCH 0571/1010] Add new attributes order for dynamic and static
 props (#2068)

---
 docs/rules/attributes-order.md      |   8 +-
 lib/rules/attributes-order.js       |  53 ++++++-
 tests/lib/rules/attributes-order.js | 236 ++++++++++++++++++++++++++++
 3 files changed, 293 insertions(+), 4 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 5cf2a4be1..1b9bcc626 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -35,7 +35,13 @@ This rule aims to enforce ordering of component attributes. The default order is
 - `OTHER_DIRECTIVES`
   e.g. 'v-custom-directive'
 - `OTHER_ATTR`
-  e.g. 'custom-prop="foo"', 'v-bind:prop="foo"', ':prop="foo"'
+  alias for `[ATTR_DYNAMIC, ATTR_STATIC, ATTR_SHORTHAND_BOOL]`:
+  - `ATTR_DYNAMIC`
+    e.g. 'v-bind:prop="foo"', ':prop="foo"'
+  - `ATTR_STATIC`
+    e.g. 'prop="foo"', 'custom-prop="foo"'
+  - `ATTR_SHORTHAND_BOOL`
+    e.g. 'boolean-prop'
 - `EVENTS`
   e.g. '@click="functionCall"', 'v-on="event"'
 - `CONTENT`
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index d47001adf..e6915aebf 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -20,6 +20,9 @@ const ATTRS = {
   TWO_WAY_BINDING: 'TWO_WAY_BINDING',
   OTHER_DIRECTIVES: 'OTHER_DIRECTIVES',
   OTHER_ATTR: 'OTHER_ATTR',
+  ATTR_STATIC: 'ATTR_STATIC',
+  ATTR_DYNAMIC: 'ATTR_DYNAMIC',
+  ATTR_SHORTHAND_BOOL: 'ATTR_SHORTHAND_BOOL',
   EVENTS: 'EVENTS',
   CONTENT: 'CONTENT'
 }
@@ -66,6 +69,15 @@ function isVBindObject(node) {
   return isVBind(node) && node.key.argument == null
 }
 
+/**
+ * Check whether the given attribute is a shorthand boolean like `selected`.
+ * @param {VAttribute | VDirective | undefined | null} node
+ * @returns { node is VAttribute }
+ */
+function isVShorthandBoolean(node) {
+  return isVAttribute(node) && !node.value
+}
+
 /**
  * @param {VAttribute | VDirective} attribute
  * @param {SourceCode} sourceCode
@@ -153,7 +165,13 @@ function getAttributeType(attribute) {
     case 'slot-scope':
       return ATTRS.SLOT
     default:
-      return ATTRS.OTHER_ATTR
+      if (isVBind(attribute)) {
+        return ATTRS.ATTR_DYNAMIC
+      }
+      if (isVShorthandBoolean(attribute)) {
+        return ATTRS.ATTR_SHORTHAND_BOOL
+      }
+      return ATTRS.ATTR_STATIC
   }
 }
 
@@ -191,6 +209,11 @@ function isAlphabetical(prevNode, currNode, sourceCode) {
  */
 function create(context) {
   const sourceCode = context.getSourceCode()
+  const otherAttrs = [
+    ATTRS.ATTR_DYNAMIC,
+    ATTRS.ATTR_STATIC,
+    ATTRS.ATTR_SHORTHAND_BOOL
+  ]
   let attributeOrder = [
     ATTRS.DEFINITION,
     ATTRS.LIST_RENDERING,
@@ -200,12 +223,36 @@ function create(context) {
     [ATTRS.UNIQUE, ATTRS.SLOT],
     ATTRS.TWO_WAY_BINDING,
     ATTRS.OTHER_DIRECTIVES,
-    ATTRS.OTHER_ATTR,
+    otherAttrs,
     ATTRS.EVENTS,
     ATTRS.CONTENT
   ]
   if (context.options[0] && context.options[0].order) {
-    attributeOrder = context.options[0].order
+    attributeOrder = [...context.options[0].order]
+
+    // check if `OTHER_ATTR` is valid
+    for (const item of attributeOrder.flat()) {
+      if (item === ATTRS.OTHER_ATTR) {
+        for (const attribute of attributeOrder.flat()) {
+          if (otherAttrs.includes(attribute)) {
+            throw new Error(
+              `Value "${ATTRS.OTHER_ATTR}" is not allowed with "${attribute}".`
+            )
+          }
+        }
+      }
+    }
+
+    // expand `OTHER_ATTR` alias
+    for (const [index, item] of attributeOrder.entries()) {
+      if (item === ATTRS.OTHER_ATTR) {
+        attributeOrder[index] = otherAttrs
+      } else if (Array.isArray(item) && item.includes(ATTRS.OTHER_ATTR)) {
+        const attributes = item.filter((i) => i !== ATTRS.OTHER_ATTR)
+        attributes.push(...otherAttrs)
+        attributeOrder[index] = attributes
+      }
+    }
   }
   const alphabetical = Boolean(
     context.options[0] && context.options[0].alphabetical
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 47099273d..9abb3a266 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -483,6 +483,138 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }]
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1728
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          :prop-bind="prop"
+          prop-one="prop"
+          prop-two="prop">
+        </div>
+      </template>`,
+      options: [
+        {
+          order: ['ATTR_DYNAMIC', 'ATTR_STATIC'],
+          alphabetical: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-model="a
+          :class="b"
+          :is="c"
+          prop-one="d"
+          class="e"
+          prop-two="f">
+        </div>
+      </template>`,
+      options: [
+        {
+          order: ['TWO_WAY_BINDING', 'ATTR_DYNAMIC', 'ATTR_STATIC'],
+          alphabetical: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          prop-one="a"
+          prop-three="b"
+          :prop-two="c">
+        </div>
+      </template>`,
+      options: [
+        {
+          order: [
+            'DEFINITION',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            ['UNIQUE', 'SLOT'],
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'ATTR_STATIC',
+            'ATTR_DYNAMIC',
+            'EVENTS',
+            'CONTENT'
+          ],
+          alphabetical: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          prop-one="a"
+          :prop-two="b"
+          prop-three="c">
+        </div>
+      </template>`,
+      options: [
+        {
+          order: [
+            'DEFINITION',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            ['UNIQUE', 'SLOT'],
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            ['ATTR_STATIC', 'ATTR_DYNAMIC'],
+            'EVENTS',
+            'CONTENT'
+          ],
+          alphabetical: false
+        }
+      ]
+    },
+
+    // https://github.com/vuejs/eslint-plugin-vue/issues/1870
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          boolean-prop
+          prop-one="a"
+          prop-two="b"
+          :prop-three="c">
+        </div>
+      </template>`,
+      options: [
+        {
+          order: [
+            'DEFINITION',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            ['UNIQUE', 'SLOT'],
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'ATTR_SHORTHAND_BOOL',
+            'ATTR_STATIC',
+            'ATTR_DYNAMIC',
+            'EVENTS',
+            'CONTENT'
+          ],
+          alphabetical: false
+        }
+      ]
     }
   ],
 
@@ -1528,6 +1660,110 @@ tester.run('attributes-order', rule, {
           attr="foo"/>
       </template>`,
       errors: ['Attribute "@click" should go before "v-bind".']
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          v-bind:prop-one="a"
+          prop-two="b"
+          :prop-three="c"/>
+      </template>`,
+      options: [{ order: ['ATTR_STATIC', 'ATTR_DYNAMIC'] }],
+      output: `
+      <template>
+        <div
+          prop-two="b"
+          v-bind:prop-one="a"
+          :prop-three="c"/>
+      </template>`,
+      errors: ['Attribute "prop-two" should go before "v-bind:prop-one".']
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          :prop-one="a"
+          v-model="value"
+          prop-two="b"
+          :prop-three="c"
+          class="class"
+          boolean-prop/>
+      </template>`,
+      options: [
+        {
+          order: [
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'ATTR_DYNAMIC',
+            'ATTR_STATIC',
+            'ATTR_SHORTHAND_BOOL',
+            'EVENTS'
+          ]
+        }
+      ],
+      output: `
+      <template>
+        <div
+          v-model="value"
+          :prop-one="a"
+          :prop-three="c"
+          prop-two="b"
+          class="class"
+          boolean-prop/>
+      </template>`,
+      errors: [
+        'Attribute "v-model" should go before ":prop-one".',
+        'Attribute ":prop-three" should go before "prop-two".'
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div
+          :prop-one="a"
+          v-model="value"
+          boolean-prop
+          prop-two="b"
+          :prop-three="c"/>
+      </template>`,
+      options: [
+        {
+          order: [
+            'UNIQUE',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            ['ATTR_STATIC', 'ATTR_DYNAMIC', 'ATTR_SHORTHAND_BOOL'],
+            'EVENTS',
+            'CONTENT',
+            'DEFINITION',
+            'SLOT'
+          ]
+        }
+      ],
+      output: `
+      <template>
+        <div
+          v-model="value"
+          :prop-one="a"
+          boolean-prop
+          prop-two="b"
+          :prop-three="c"/>
+      </template>`,
+      errors: ['Attribute "v-model" should go before ":prop-one".']
     }
   ]
 })

From 487a71c10e5263043089b08b31d646ad501b4218 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 13 Jan 2023 08:55:22 +0900
Subject: [PATCH 0572/1010] 9.9.0

---
 docs/rules/array-element-newline.md                 | 6 +++++-
 docs/rules/padding-lines-in-component-definition.md | 6 +++++-
 package.json                                        | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index 024dcafe6..fb72b1621 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/array-element-newline
 description: Enforce line breaks after each array element in `<template>`
+since: v9.9.0
 ---
 # vue/array-element-newline
 
 > Enforce line breaks after each array element in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [array-element-newline] rule but it applies to the expressions in `<template>`.
@@ -23,6 +23,10 @@ This rule is the same rule as core [array-element-newline] rule but it applies t
 
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-element-newline.js)
diff --git a/docs/rules/padding-lines-in-component-definition.md b/docs/rules/padding-lines-in-component-definition.md
index ab46a532e..78b23b326 100644
--- a/docs/rules/padding-lines-in-component-definition.md
+++ b/docs/rules/padding-lines-in-component-definition.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/padding-lines-in-component-definition
 description: require or disallow padding lines in component definition
+since: v9.9.0
 ---
 # vue/padding-lines-in-component-definition
 
 > require or disallow padding lines in component definition
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -157,6 +157,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.9.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/padding-lines-in-component-definition.js)
diff --git a/package.json b/package.json
index da3d9633c..dc5dc2430 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.8.0",
+  "version": "9.9.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 588d987d4229831fc058a2f707ea38e6c97dfadf Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Fri, 13 Jan 2023 15:19:29 +0800
Subject: [PATCH 0573/1010] docs: fix `array-element-newline` link (#2076)

---
 docs/rules/array-element-newline.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index fb72b1621..068576478 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -23,6 +23,10 @@ This rule is the same rule as core [array-element-newline] rule but it applies t
 
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 
+- [array-element-newline]
+
+[array-element-newline]: https://eslint.org/docs/rules/array-element-newline
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v9.9.0

From 8b674e637ce64bb103c79ccd2a41f1cfcb5fddd0 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Fri, 13 Jan 2023 09:27:31 +0100
Subject: [PATCH 0574/1010] Move list items to single list in docs

---
 docs/rules/array-element-newline.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index 068576478..edf3770b4 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -16,15 +16,11 @@ This rule is the same rule as core [array-element-newline] rule but it applies t
 ## :books: Further Reading
 
 - [array-bracket-spacing]
-
-[array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
-
 - [array-bracket-newline]
-
-[array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
-
 - [array-element-newline]
 
+[array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
+[array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 [array-element-newline]: https://eslint.org/docs/rules/array-element-newline
 
 ## :rocket: Version

From 549bc29060f82ec6d689a29e485a8eb59039f0d7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 13 Jan 2023 19:31:09 +0900
Subject: [PATCH 0575/1010] Chore: Fix order-in-components rule doc page demo
 not working (#2078)

---
 .eslintignore                  |  1 +
 .gitignore                     |  1 +
 docs/.vitepress/vite-plugin.ts | 72 +++++++++++++++++++++++++---------
 package.json                   |  1 -
 4 files changed, 56 insertions(+), 19 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index a0c203ada..2353241cd 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -9,3 +9,4 @@
 /docs/.vitepress/build-system/shim/eslint.mjs
 /docs/.vitepress/build-system/shim/assert.mjs
 /docs/.vitepress/.temp
+/docs/.vitepress/cache
diff --git a/.gitignore b/.gitignore
index 06fb2db3b..797d0cbcd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,4 +11,5 @@ yarn-error.log
 /docs/.vitepress/build-system/shim/eslint.mjs
 /docs/.vitepress/build-system/shim/assert.mjs
 /docs/.vitepress/.temp
+/docs/.vitepress/cache
 typings/eslint/lib/rules
diff --git a/docs/.vitepress/vite-plugin.ts b/docs/.vitepress/vite-plugin.ts
index 0df6a54fe..2a044ced1 100644
--- a/docs/.vitepress/vite-plugin.ts
+++ b/docs/.vitepress/vite-plugin.ts
@@ -1,7 +1,7 @@
 import type { UserConfig } from 'vitepress'
 import path from 'path'
 import { fileURLToPath } from 'url'
-import { viteCommonjs as baseViteCommonjs } from '@originjs/vite-plugin-commonjs'
+import esbuild from 'esbuild'
 type Plugin = Extract<
   NonNullable<NonNullable<UserConfig['vite']>['plugins']>[number],
   { name: string }
@@ -27,27 +27,63 @@ export function vitePluginRequireResolve(): Plugin {
 }
 
 export function viteCommonjs(): Plugin {
-  const base = baseViteCommonjs({
-    include: [libRoot],
-    skipPreBuild: true
-  }) as Plugin
   return {
-    ...base,
-    // The `@originjs/vite-plugin-commonjs` is 'serve' only, but use it in 'build' as well.
+    name: 'vite-plugin-cjs-to-esm',
     apply: () => true,
-    async transform(code, id, options) {
-      if (typeof base.transform !== 'function') {
-        return null
+    async transform(code, id) {
+      if (!id.startsWith(libRoot)) {
+        return undefined
       }
-      const result = await base.transform.call(this, code, id, options)
-      if (result && typeof result === 'object' && result.code) {
-        return {
-          ...result,
-          // Replace it with null, because blanks can be given to the sourcemap and cause an error.
-          map: undefined
-        }
+      const base = transformRequire(code)
+      try {
+        const transformed = esbuild.transformSync(base, {
+          format: 'esm'
+        })
+        return transformed.code
+      } catch (e) {
+        console.error('Transform error. base code:\n' + base, e)
       }
-      return result
+      return undefined
     }
   }
 }
+
+/**
+ * Transform `require()` to `import`
+ */
+function transformRequire(code: string) {
+  if (!code.includes('require')) {
+    return code
+  }
+  const modules = new Map()
+  const replaced = code.replace(
+    /(\/\/[^\n\r]*|\/\*[\s\S]*?\*\/)|\brequire\s*\(\s*(["'].*?["'])\s*\)/gu,
+    (match, comment, moduleString) => {
+      if (comment) {
+        return match
+      }
+
+      let id =
+        '__' +
+        moduleString.replace(/[^a-zA-Z0-9_$]+/gu, '_') +
+        Math.random().toString(32).substring(2)
+      while (code.includes(id) || modules.has(id)) {
+        id += Math.random().toString(32).substring(2)
+      }
+      modules.set(id, moduleString)
+      return id
+    }
+  )
+
+  return (
+    [...modules]
+      .map(([id, moduleString]) => {
+        return `import * as __temp_${id} from ${moduleString};
+const ${id} = __temp_${id}.default || __temp_${id};
+`
+      })
+      .join('') +
+    ';\n' +
+    replaced
+  )
+}
diff --git a/package.json b/package.json
index dc5dc2430..54cef3a87 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,6 @@
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
-    "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.0",
     "@types/eslint": "^8.4.2",
     "@types/eslint-visitor-keys": "^1.0.0",

From a4226ea38a93df4195739d23060288718dc853a8 Mon Sep 17 00:00:00 2001
From: madogiwa <17684091+madogiwa0124@users.noreply.github.com>
Date: Mon, 20 Feb 2023 22:38:34 +0900
Subject: [PATCH 0576/1010] Link to Vue 3 migration guide in docs (#2090)

---
 docs/rules/no-deprecated-destroyed-lifecycle.md  | 4 ++++
 docs/rules/no-deprecated-dollar-listeners-api.md | 1 +
 docs/rules/no-deprecated-v-on-native-modifier.md | 1 +
 3 files changed, 6 insertions(+)

diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index c99a7670a..dfc42ec05 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -40,6 +40,10 @@ export default {
 
 Nothing.
 
+## :books: Further Reading
+
+- [Migration Guide - VNode Lifecycle Events](https://v3-migration.vuejs.org/breaking-changes/vnode-lifecycle-events.html#migration-strategy)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.0.0
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index f0f1616cc..2d007a6b0 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -46,6 +46,7 @@ Nothing.
 ## :books: Further Reading
 
 - [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
+- [Migration Guide - `$listeners` removed](https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index 394db36bc..18c68565a 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -44,6 +44,7 @@ Nothing.
 ## :books: Further Reading
 
 - [Vue RFCs - 0031-attr-fallthrough](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md)
+- [Migration Guide - `v-on.native` modifier removed](https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html)
 
 ## :rocket: Version
 

From dd3df380d4aa280ffd9e56815709de6db165391c Mon Sep 17 00:00:00 2001
From: Wenfang Du <duwenfangcn@163.com>
Date: Mon, 20 Mar 2023 17:27:43 +0800
Subject: [PATCH 0577/1010] docs: fixed grammar (#2106)

---
 docs/rules/multi-word-component-names.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 06aa78d96..25f862720 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -16,7 +16,7 @@ since: v7.20.0
 This rule require component names to be always multi-word, except for root `App`
 components, and built-in components provided by Vue, such as `<transition>` or
 `<component>`. This prevents conflicts with existing and future HTML elements,
-since all HTML elements are a single word.
+since all HTML elements are single words.
 
 <eslint-code-block filename="src/TodoItem.js" language="javascript" :rules="{'vue/multi-word-component-names': ['error']}">
 

From cfbfa12f228ba5e5d32eb870a6fd5b9cea08f0f2 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Wed, 22 Mar 2023 08:02:53 +0100
Subject: [PATCH 0578/1010] Add suggestions for `no-template-target-blank` rule
 (#2111)

---
 lib/rules/no-template-target-blank.js       | 30 ++++++++++-
 tests/lib/rules/no-template-target-blank.js | 60 +++++++++++++++++++--
 2 files changed, 84 insertions(+), 6 deletions(-)

diff --git a/lib/rules/no-template-target-blank.js b/lib/rules/no-template-target-blank.js
index 1cbe7f401..d535b14b9 100644
--- a/lib/rules/no-template-target-blank.js
+++ b/lib/rules/no-template-target-blank.js
@@ -67,6 +67,32 @@ function hasDynamicLink(node) {
   )
 }
 
+/**
+ * @param {VAttribute} node
+ * @returns {Rule.SuggestionReportDescriptor}
+ */
+function getSuggestion(node) {
+  const relAttributeNode = node.parent.attributes.find(
+    (attribute) => attribute.key.name === 'rel'
+  )
+
+  if (relAttributeNode) {
+    return {
+      desc: 'Change `rel` attribute value to `noopener noreferrer`.',
+      fix(fixer) {
+        return fixer.replaceText(relAttributeNode, 'rel="noopener noreferrer"')
+      }
+    }
+  }
+
+  return {
+    desc: 'Add `rel="noopener noreferrer"`.',
+    fix(fixer) {
+      return fixer.insertTextAfter(node, ' rel="noopener noreferrer"')
+    }
+  }
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -76,6 +102,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-template-target-blank.html'
     },
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -118,7 +145,8 @@ module.exports = {
           context.report({
             node,
             message:
-              'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+              'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+            suggest: [getSuggestion(node)]
           })
         }
       }
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
index 9745fd1c4..5445ae6d7 100644
--- a/tests/lib/rules/no-template-target-blank.js
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -49,31 +49,81 @@ ruleTester.run('no-template-target-blank', rule, {
     {
       code: '<template><a href="https://eslint.vuejs.org" target="_blank">link</a></template>',
       errors: [
-        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+        {
+          message:
+            'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+          suggestions: [
+            {
+              desc: 'Add `rel="noopener noreferrer"`.',
+              output:
+                '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
+            }
+          ]
+        }
       ]
     },
     {
       code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopenernoreferrer">link</a></template>',
       errors: [
-        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+        {
+          message:
+            'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+          suggestions: [
+            {
+              desc: 'Change `rel` attribute value to `noopener noreferrer`.',
+              output:
+                '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
+            }
+          ]
+        }
       ]
     },
     {
       code: '<template><a :href="link" target="_blank" rel=3>link</a></template>',
       errors: [
-        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+        {
+          message:
+            'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+          suggestions: [
+            {
+              desc: 'Change `rel` attribute value to `noopener noreferrer`.',
+              output:
+                '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>'
+            }
+          ]
+        }
       ]
     },
     {
       code: '<template><a :href="link" target="_blank">link</a></template>',
       errors: [
-        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+        {
+          message:
+            'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+          suggestions: [
+            {
+              desc: 'Add `rel="noopener noreferrer"`.',
+              output:
+                '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>'
+            }
+          ]
+        }
       ]
     },
     {
       code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
       errors: [
-        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+        {
+          message:
+            'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+          suggestions: [
+            {
+              desc: 'Change `rel` attribute value to `noopener noreferrer`.',
+              output:
+                '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
+            }
+          ]
+        }
       ]
     }
   ]

From 2e94cdb6abc5d401ee8bb18b8e187e4ac1ee7b4b Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 23 Mar 2023 17:32:42 +0900
Subject: [PATCH 0579/1010] Use `@eslint-community/eslint-utils` package
 (#2112)

---
 .eslintrc.js                                  |  4 +-
 .../require-eslint-community.js               | 39 +++++++++++++++++++
 lib/rules/custom-event-name-casing.js         |  2 +-
 lib/rules/next-tick-style.js                  |  2 +-
 lib/rules/no-async-in-computed-properties.js  |  2 +-
 lib/rules/no-expose-after-await.js            |  2 +-
 lib/rules/no-extra-parens.js                  |  2 +-
 lib/rules/no-lifecycle-after-await.js         |  4 +-
 lib/rules/no-multiple-slot-args.js            |  2 +-
 lib/rules/no-mutating-props.js                |  2 +-
 lib/rules/no-restricted-call-after-await.js   |  6 +--
 lib/rules/no-restricted-custom-event.js       |  2 +-
 lib/rules/no-setup-props-destructure.js       |  2 +-
 .../no-side-effects-in-computed-properties.js |  5 ++-
 lib/rules/no-unused-properties.js             |  2 +-
 .../no-use-computed-property-like-method.js   |  2 +-
 lib/rules/no-watch-after-await.js             |  2 +-
 .../padding-lines-in-component-definition.js  |  2 +-
 lib/rules/require-explicit-emits.js           |  2 +-
 lib/rules/require-expose.js                   |  2 +-
 lib/rules/require-slots-as-functions.js       |  2 +-
 lib/rules/return-in-computed-property.js      |  2 +-
 lib/rules/valid-define-emits.js               |  2 +-
 lib/rules/valid-define-props.js               |  2 +-
 lib/rules/valid-next-tick.js                  |  2 +-
 lib/utils/indent-common.js                    |  2 +-
 lib/utils/indent-ts.js                        |  2 +-
 lib/utils/index.js                            |  4 +-
 lib/utils/property-references.js              |  2 +-
 lib/utils/ref-object-references.js            |  2 +-
 lib/utils/ts-ast-utils.js                     |  2 +-
 package.json                                  |  2 +-
 .../eslint-utils/index.d.ts                   |  6 +--
 33 files changed, 82 insertions(+), 38 deletions(-)
 create mode 100644 eslint-internal-rules/require-eslint-community.js
 rename typings/{ => @eslint-community}/eslint-utils/index.d.ts (93%)

diff --git a/.eslintrc.js b/.eslintrc.js
index b73aa7c94..6792d0296 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -131,7 +131,9 @@ module.exports = {
     'unicorn/no-useless-undefined': 'off',
     'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
     'unicorn/prefer-module': 'off',
-    'unicorn/prevent-abbreviations': 'off'
+    'unicorn/prevent-abbreviations': 'off',
+
+    'require-eslint-community': ['error']
   },
   overrides: [
     {
diff --git a/eslint-internal-rules/require-eslint-community.js b/eslint-internal-rules/require-eslint-community.js
new file mode 100644
index 000000000..f99afd8f9
--- /dev/null
+++ b/eslint-internal-rules/require-eslint-community.js
@@ -0,0 +1,39 @@
+'use strict'
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'enforce use of the `@eslint-community/*` package',
+      categories: ['Internal']
+    },
+    fixable: 'code',
+    messages: {
+      useCommunityPackageInstead:
+        'Please use `@eslint-community/{{name}}` instead.'
+    },
+    schema: []
+  },
+
+  /** @param {import('eslint').Rule.RuleContext} context */
+  create(context) {
+    return {
+      /**
+       * @param {import("../typings/eslint-plugin-vue/util-types/ast").Literal} node
+       */
+      'CallExpression > Literal.arguments[value=/^(?:eslint-utils|regexpp)$/u]'(
+        node
+      ) {
+        context.report({
+          node,
+          messageId: 'useCommunityPackageInstead',
+          data: {
+            name: node.value
+          },
+          fix(fixer) {
+            return fixer.replaceText(node, `'@eslint-community/${node.value}'`)
+          }
+        })
+      }
+    }
+  }
+}
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 279aa9896..2361badb1 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 const casing = require('../utils/casing')
 const { toRegExp } = require('../utils/regexp')
diff --git a/lib/rules/next-tick-style.js b/lib/rules/next-tick-style.js
index de9d989a9..ecf447b9b 100644
--- a/lib/rules/next-tick-style.js
+++ b/lib/rules/next-tick-style.js
@@ -7,7 +7,7 @@
 'use strict'
 
 const utils = require('../utils')
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 
 /**
  * @param {Identifier} identifier
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index c95b62a59..26255e365 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -3,7 +3,7 @@
  * @author Armano
  */
 'use strict'
-const { ReferenceTracker } = require('eslint-utils')
+const { ReferenceTracker } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index ff38d1210..64661f1f3 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index b193a0eed..bf1ff1e46 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { isParenthesized } = require('eslint-utils')
+const { isParenthesized } = require('@eslint-community/eslint-utils')
 const { wrapCoreRule } = require('../utils')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index bb097910f..6a54f1c58 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -3,11 +3,11 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const { ReferenceTracker } = require('eslint-utils')
+const { ReferenceTracker } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
- * @typedef {import('eslint-utils').TYPES.TraceMap} TraceMap
+ * @typedef {import('@eslint-community/eslint-utils').TYPES.TraceMap} TraceMap
  */
 
 const LIFECYCLE_HOOKS = [
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index 28b0652be..1b57832af 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 
 module.exports = {
   meta: {
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index f1e2fc623..f79613d9c 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 
 // https://github.com/vuejs/vue-next/blob/7c11c58faf8840ab97b6449c98da0296a60dddd8/packages/shared/src/globalsWhitelist.ts
 const GLOBALS_WHITE_LISTED = new Set([
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index f4f3b6d38..d2b2a1414 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -5,12 +5,12 @@
 'use strict'
 const fs = require('fs')
 const path = require('path')
-const { ReferenceTracker } = require('eslint-utils')
+const { ReferenceTracker } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
- * @typedef {import('eslint-utils').TYPES.TraceMap} TraceMap
- * @typedef {import('eslint-utils').TYPES.TraceKind} TraceKind
+ * @typedef {import('@eslint-community/eslint-utils').TYPES.TraceMap} TraceMap
+ * @typedef {import('@eslint-community/eslint-utils').TYPES.TraceKind} TraceKind
  */
 
 /**
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 479aa0083..abe104b97 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 const regexp = require('../utils/regexp')
 
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index 4c8f6109c..f89d9996e 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -3,7 +3,7 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 module.exports = {
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 95611c26b..9feb02a89 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -3,7 +3,10 @@
  * @author Michał Sajnóg
  */
 'use strict'
-const { ReferenceTracker, findVariable } = require('eslint-utils')
+const {
+  ReferenceTracker,
+  findVariable
+} = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 040ee414c..99a20a40e 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const eslintUtils = require('eslint-utils')
+const eslintUtils = require('@eslint-community/eslint-utils')
 const { isJSDocComment } = require('../utils/comments.js')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 const {
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index f89c804da..242e6f18a 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const eslintUtils = require('eslint-utils')
+const eslintUtils = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index ae88fd51a..f566fb248 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -3,7 +3,7 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const { ReferenceTracker } = require('eslint-utils')
+const { ReferenceTracker } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
diff --git a/lib/rules/padding-lines-in-component-definition.js b/lib/rules/padding-lines-in-component-definition.js
index c15762b34..3f63050b4 100644
--- a/lib/rules/padding-lines-in-component-definition.js
+++ b/lib/rules/padding-lines-in-component-definition.js
@@ -10,7 +10,7 @@
  */
 
 const utils = require('../utils')
-const { isCommentToken } = require('eslint-utils')
+const { isCommentToken } = require('@eslint-community/eslint-utils')
 
 const AvailablePaddingOptions = {
   Never: 'never',
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 0bcc18241..167613804 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -15,7 +15,7 @@ const {
   isOpeningBraceToken,
   isClosingBraceToken,
   isOpeningBracketToken
-} = require('eslint-utils')
+} = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 const { capitalize } = require('../utils/casing')
 
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index b74f29b93..5dca62ad9 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -8,7 +8,7 @@ const {
   findVariable,
   isOpeningBraceToken,
   isClosingBraceToken
-} = require('eslint-utils')
+} = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 const { getVueComponentDefinitionType } = require('../utils')
 
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
index f2eaa7f83..671623cb3 100644
--- a/lib/rules/require-slots-as-functions.js
+++ b/lib/rules/require-slots-as-functions.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 
 module.exports = {
   meta: {
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index a8f59fb56..87cce8b6f 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -3,7 +3,7 @@
  * @author Armano
  */
 'use strict'
-const { ReferenceTracker } = require('eslint-utils')
+const { ReferenceTracker } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index f225c7af6..239da270d 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 module.exports = {
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 60101f495..fe471dc15 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 module.exports = {
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index 2182dad0f..f2743a827 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -7,7 +7,7 @@
 'use strict'
 
 const utils = require('../utils')
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 
 /**
  * @param {Identifier} identifier
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 4db6dea7f..4e3edb229 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -17,7 +17,7 @@ const {
   isClosingBracketToken,
   isSemicolonToken,
   isNotSemicolonToken
-} = require('eslint-utils')
+} = require('@eslint-community/eslint-utils')
 const {
   isComment,
   isNotComment,
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 4c046f490..c7ad7ad63 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -11,7 +11,7 @@ const {
   isNotClosingParenToken,
   isClosingBracketToken,
   isOpeningBracketToken
-} = require('eslint-utils')
+} = require('@eslint-community/eslint-utils')
 const { isTypeNode } = require('./ts-ast-utils')
 
 /**
diff --git a/lib/utils/index.js b/lib/utils/index.js
index d76bb5156..8e0f65999 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -55,7 +55,7 @@ const VUE3_BUILTIN_COMPONENT_NAMES = new Set(
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const { traverseNodes, getFallbackKeys, NS } = vueEslintParser.AST
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 const {
   getComponentPropsFromTypeDefine,
   getComponentEmitsFromTypeDefine,
@@ -1859,7 +1859,7 @@ module.exports = {
 
   /**
    * Wraps composition API trace map in both 'vue' and '@vue/composition-api' imports
-   * @param {import('eslint-utils').TYPES.TraceMap} map
+   * @param {import('@eslint-community/eslint-utils').TYPES.TraceMap} map
    */
   createCompositionApiTraceMap: (map) => ({
     vue: map,
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 9e8b6638c..7a881af2f 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -6,7 +6,7 @@
 'use strict'
 
 const utils = require('./index')
-const eslintUtils = require('eslint-utils')
+const eslintUtils = require('@eslint-community/eslint-utils')
 
 /**
  * @typedef {import('./style-variables').StyleVariablesContext} StyleVariablesContext
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index 7760a49b8..ceecd89e3 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -6,7 +6,7 @@
 'use strict'
 
 const utils = require('./index')
-const eslintUtils = require('eslint-utils')
+const eslintUtils = require('@eslint-community/eslint-utils')
 const { definePropertyReferenceExtractor } = require('./property-references')
 const { ReferenceTracker } = eslintUtils
 
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index 181b51a53..e7cc52420 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -1,4 +1,4 @@
-const { findVariable } = require('eslint-utils')
+const { findVariable } = require('@eslint-community/eslint-utils')
 /**
  * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
  * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
diff --git a/package.json b/package.json
index 54cef3a87..64c1b28e1 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
   },
   "dependencies": {
-    "eslint-utils": "^3.0.0",
+    "@eslint-community/eslint-utils": "^4.3.0",
     "natural-compare": "^1.4.0",
     "nth-check": "^2.0.1",
     "postcss-selector-parser": "^6.0.9",
diff --git a/typings/eslint-utils/index.d.ts b/typings/@eslint-community/eslint-utils/index.d.ts
similarity index 93%
rename from typings/eslint-utils/index.d.ts
rename to typings/@eslint-community/eslint-utils/index.d.ts
index 25e9ba8d4..88d2cffbe 100644
--- a/typings/eslint-utils/index.d.ts
+++ b/typings/@eslint-community/eslint-utils/index.d.ts
@@ -1,6 +1,6 @@
-import * as VAST from '../eslint-plugin-vue/util-types/ast'
-import { Token, Comment } from '../eslint-plugin-vue/util-types/node'
-import { ParserServices } from '../eslint-plugin-vue/util-types/parser-services'
+import * as VAST from '../../eslint-plugin-vue/util-types/ast'
+import { Token, Comment } from '../../eslint-plugin-vue/util-types/node'
+import { ParserServices } from '../../eslint-plugin-vue/util-types/parser-services'
 import eslint from 'eslint'
 
 export function findVariable(

From df317858d1d8596583adf36d52049bc9299743af Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 23 Mar 2023 19:12:08 +0900
Subject: [PATCH 0580/1010] 9.10.0

---
 docs/rules/index.md                    | 2 +-
 docs/rules/no-template-target-blank.md | 2 ++
 package.json                           | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index b23f68427..eca5a3191 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -241,7 +241,7 @@ For example:
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  | :hammer: |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  | :hammer: |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  | :hammer: |
-| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  | :warning: |
+| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" | :bulb: | :warning: |
 | [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  | :warning: |
 | [vue/no-undef-components](./no-undef-components.md) | disallow use of undefined components in `<template>` |  | :hammer: |
 | [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  | :hammer: |
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index f53289e3e..90bc286eb 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -9,6 +9,8 @@ since: v7.0.0
 
 > disallow target="_blank" attribute without rel="noopener noreferrer"
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule disallows using `target="_blank"` attribute without `rel="noopener noreferrer"` to avoid a security vulnerability([see here for more details](https://mathiasbynens.github.io/rel-noopener/)).
diff --git a/package.json b/package.json
index 64c1b28e1..6cb8fc497 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 6c32bf51f6293f27918783467f8ece153ae0407c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 14 Apr 2023 07:38:07 +0900
Subject: [PATCH 0581/1010] Fixed false negatives in `vue/camelcase` when using
 ESLint>=v8.38 (#2131)

---
 lib/utils/index.js | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 8e0f65999..249097418 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -189,7 +189,9 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
       get tokensAndComments() {
         return getTokensAndComments()
       },
-      getNodeByRangeIndex
+      getNodeByRangeIndex,
+      // @ts-expect-error -- Added in ESLint v8.38.0
+      getDeclaredVariables
     },
     tokenStore
   )
@@ -246,15 +248,21 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
     getSourceCode() {
       return sourceCode
     },
-    getDeclaredVariables(node) {
-      const scope = getContainerScope(node)
-      if (scope) {
-        return scope.getDeclaredVariables(node)
-      }
+    getDeclaredVariables
+  })
 
-      return context.getDeclaredVariables(node)
+  /**
+   * @param {ESNode} node
+   * @returns {Variable[]}
+   */
+  function getDeclaredVariables(node) {
+    const scope = getContainerScope(node)
+    if (scope) {
+      return scope.getDeclaredVariables(node)
     }
-  })
+
+    return context.getDeclaredVariables(node)
+  }
 }
 
 /**

From 31a38a9b9d1aea67bb6f2e15f47fa51417f925a5 Mon Sep 17 00:00:00 2001
From: dsl101 <dl3@pale-eds.co.uk>
Date: Thu, 13 Apr 2023 23:41:15 +0100
Subject: [PATCH 0582/1010] Add option to show warnings when props could be
 accessed via this (#2101)

Co-authored-by: David Lomas <david.lomas@knowinnovation.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/no-unused-properties.md      |  71 ++++++++++-
 lib/rules/no-unused-properties.js       |  24 +++-
 lib/utils/property-references.js        |  25 +++-
 tests/lib/rules/no-unused-properties.js | 160 +++++++++++++++++++++++-
 4 files changed, 270 insertions(+), 10 deletions(-)

diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index da8fa7d87..4c8300923 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -14,7 +14,7 @@ since: v7.0.0
 This rule is aimed at eliminating unused properties.
 
 ::: warning Note
-This rule cannot be checked for use in other components (e.g. `mixins`, Property access via `$refs`) and use in places where the scope cannot be determined.
+This rule cannot check for use of properties by other components (e.g. `mixins`, property access via `$refs`) and use in places where the scope cannot be determined. Some access to properties might be implied, for example accessing data or computed via a variable such as `this[varName]`. In this case, the default is to assume all properties, methods, etc. are 'used'. See the `unreferencedOptions` for a more strict interpretation of 'use' in these cases.
 :::
 
 <eslint-code-block :rules="{'vue/no-unused-properties': ['error']}">
@@ -56,7 +56,8 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
   "vue/no-unused-properties": ["error", {
     "groups": ["props"],
     "deepData": false,
-    "ignorePublicMembers": false
+    "ignorePublicMembers": false,
+    "unreferencedOptions": []
   }]
 }
 ```
@@ -69,6 +70,7 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
   - `"setup"`
 - `deepData` (`boolean`) If `true`, the object of the property defined in `data` will be searched deeply. Default is `false`. Include `"data"` in `groups` to use this option.
 - `ignorePublicMembers` (`boolean`) If `true`, members marked with a [JSDoc `/** @public */` tag](https://jsdoc.app/tags-public.html) will be ignored. Default is `false`.
+- `unreferencedOptions` (`string[]`) Array of access methods that should be interpreted as leaving properties unreferenced. Currently, two such methods are available: `unknownMemberAsUnreferenced`, and `returnAsUnreferenced`. See examples below.
 
 ### `"groups": ["props", "data"]`
 
@@ -218,6 +220,71 @@ This rule cannot be checked for use in other components (e.g. `mixins`, Property
 
 </eslint-code-block>
 
+### `{ "groups": ["computed"], "unreferencedOptions": ["unknownMemberAsUnreferenced"] }`
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['computed'], unreferencedOptions: ['unknownMemberAsUnreferenced']}]}">
+
+```vue
+<template>
+  
+</template>
+<script>
+  export default {
+    computed: {
+      one () {
+        return 1
+      },
+      two () {
+        return 2
+      }
+    },
+    methods: {
+      handler () {
+        /* ✓ GOOD - explicit access to computed */
+        const a = this.one
+        const i = 'two'
+        /* ✗ BAD - unknown access via a variable, two will be reported as unreferenced */
+        return this[i]
+      },
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+### `{ "groups": ["computed"], "unreferencedOptions": ["returnAsUnreferenced"] }`
+
+<eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['computed'], unreferencedOptions: ['returnAsUnreferenced']}]}">
+
+```vue
+<template>
+  
+</template>
+<script>
+  export default {
+    computed: {
+      one () {
+        return 1
+      },
+      two () {
+        return 2
+      }
+    },
+    methods: {
+      handler () {
+        /* ✓ GOOD - explicit access to computed */
+        const a = this.one
+        /* ✗ BAD - any property could be accessed by returning `this`, but two will still be reported as unreferenced */
+        return this
+      },
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.0.0
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 99a20a40e..1421ad0b8 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -55,6 +55,9 @@ const GROUP_SETUP = 'setup'
 const GROUP_WATCHER = 'watch'
 const GROUP_EXPOSE = 'expose'
 
+const UNREFERENCED_UNKNOWN_MEMBER = 'unknownMemberAsUnreferenced'
+const UNREFERENCED_RETURN = 'returnAsUnreferenced'
+
 const PROPERTY_LABEL = {
   props: 'property',
   data: 'data',
@@ -206,7 +209,15 @@ module.exports = {
             uniqueItems: true
           },
           deepData: { type: 'boolean' },
-          ignorePublicMembers: { type: 'boolean' }
+          ignorePublicMembers: { type: 'boolean' },
+          unreferencedOptions: {
+            type: 'array',
+            items: {
+              enum: [UNREFERENCED_UNKNOWN_MEMBER, UNREFERENCED_RETURN]
+            },
+            additionalItems: false,
+            uniqueItems: true
+          }
         },
         additionalProperties: false
       }
@@ -221,8 +232,17 @@ module.exports = {
     const groups = new Set(options.groups || [GROUP_PROPERTY])
     const deepData = Boolean(options.deepData)
     const ignorePublicMembers = Boolean(options.ignorePublicMembers)
+    const unreferencedOptions = new Set(options.unreferencedOptions || [])
 
-    const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
+    const propertyReferenceExtractor = definePropertyReferenceExtractor(
+      context,
+      {
+        unknownMemberAsUnreferenced: unreferencedOptions.has(
+          UNREFERENCED_UNKNOWN_MEMBER
+        ),
+        returnAsUnreferenced: unreferencedOptions.has(UNREFERENCED_RETURN)
+      }
+    )
 
     /** @type {TemplatePropertiesContainer} */
     const templatePropertiesContainer = {
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 7a881af2f..4be7b17c7 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -92,7 +92,10 @@ module.exports = {
 /**
  * @param {RuleContext} context The rule context.
  */
-function definePropertyReferenceExtractor(context) {
+function definePropertyReferenceExtractor(
+  context,
+  { unknownMemberAsUnreferenced = false, returnAsUnreferenced = false } = {}
+) {
   /** @type {Map<Expression, IPropertyReferences>} */
   const cacheForExpression = new Map()
   /** @type {Map<Pattern, IPropertyReferences>} */
@@ -314,9 +317,15 @@ function definePropertyReferenceExtractor(context) {
           if (parent.object === node) {
             // `arg.foo`
             const name = utils.getStaticPropertyName(parent)
-            return name
-              ? new PropertyReferencesForMember(parent, name, withInTemplate)
-              : ANY
+            if (name) {
+              return new PropertyReferencesForMember(
+                parent,
+                name,
+                withInTemplate
+              )
+            } else {
+              return unknownMemberAsUnreferenced ? NEVER : ANY
+            }
           }
           return NEVER
         }
@@ -331,12 +340,18 @@ function definePropertyReferenceExtractor(context) {
           return extractFromExpression(parent, withInTemplate)
         }
         case 'ArrowFunctionExpression':
-        case 'ReturnStatement':
         case 'VExpressionContainer':
         case 'Property':
         case 'ArrayExpression': {
           return maybeExternalUsed(parent) ? ANY : NEVER
         }
+        case 'ReturnStatement': {
+          if (returnAsUnreferenced) {
+            return NEVER
+          } else {
+            return maybeExternalUsed(parent) ? ANY : NEVER
+          }
+        }
       }
       return NEVER
     }
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index a75d83e72..8d4b2b215 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -21,6 +21,33 @@ const allOptions = [
 ]
 const deepDataOptions = [{ groups: ['data'], deepData: true }]
 
+const unreferencedOptions = {
+  // Report errors when accessing via unknown property, e.g. this[varName]
+  unknownMemberAsUnreferenced: [
+    {
+      groups: ['computed'],
+      unreferencedOptions: ['unknownMemberAsUnreferenced']
+    }
+  ],
+  // Report errors when returning this
+  returnAsUnreferenced: [
+    {
+      groups: ['computed'],
+      unreferencedOptions: ['returnAsUnreferenced']
+    }
+  ],
+  // Report all
+  all: [
+    {
+      groups: ['computed'],
+      unreferencedOptions: [
+        'unknownMemberAsUnreferenced',
+        'returnAsUnreferenced'
+      ]
+    }
+  ]
+}
+
 tester.run('no-unused-properties', rule, {
   valid: [
     // a property used in a script expression
@@ -1699,7 +1726,6 @@ tester.run('no-unused-properties', rule, {
       </script>`
     }
   ],
-
   invalid: [
     // unused property
     {
@@ -2803,6 +2829,138 @@ tester.run('no-unused-properties', rule, {
           line: 10
         }
       ]
+    },
+
+    // unreferencedOptions: unknownMemberAsUnreferenced
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            one () {
+              return 1
+            },
+            two () {
+              return 2
+            }
+          },
+          methods: {
+            handler () {
+              const a = this.one
+              const i = 'two'
+              return this[i]
+            },
+          }
+        }
+      </script>`,
+      options: unreferencedOptions.unknownMemberAsUnreferenced,
+      errors: [
+        {
+          message: "'two' of computed property found, but never used.",
+          line: 8
+        }
+      ]
+    },
+    // unreferencedOptions: returnAsUnreferenced
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            one () {
+              return 1
+            },
+            two () {
+              return 2
+            }
+          },
+          methods: {
+            handler () {
+              const a = this.one
+              return this
+            },
+          }
+        }
+      </script>`,
+      options: unreferencedOptions.returnAsUnreferenced,
+      errors: [
+        {
+          message: "'two' of computed property found, but never used.",
+          line: 8
+        }
+      ]
+    },
+    // unreferencedOptions: returnAsUnreferenced via variable with deepData
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          data () {
+            return {
+              foo: {
+                bar: 1
+              },
+              baz: 2
+            }
+          },
+          methods: {
+            handler () {
+              const vm = this
+              console.log(vm.baz)
+              return vm.foo
+            },
+          }
+        }
+      </script>
+      `,
+      options: [
+        {
+          groups: ['data'],
+          unreferencedOptions: ['returnAsUnreferenced'],
+          deepData: true
+        }
+      ],
+      errors: [
+        {
+          message: "'foo.bar' of data found, but never used.",
+          line: 7
+        }
+      ]
+    },
+    // unreferencedOptions: all
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          computed: {
+            one () {
+              return 1
+            },
+            two () {
+              return 2
+            }
+          },
+          methods: {
+            handler () {
+              const a = this.one
+              const i = 'two'
+              const b = this[i]
+              return this
+            },
+          }
+        }
+      </script>`,
+      options: unreferencedOptions.all,
+      errors: [
+        {
+          message: "'two' of computed property found, but never used.",
+          line: 8
+        }
+      ]
     }
   ]
 })

From 6916db0779d43d8ec720c980290864aa3d483fe7 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 15 Apr 2023 09:52:25 +0900
Subject: [PATCH 0583/1010] 9.11.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6cb8fc497..3449d4740 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.10.0",
+  "version": "9.11.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7215073b95cef9e582fb6a1802bfb9afc3082b5c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 8 May 2023 01:00:31 +0900
Subject: [PATCH 0584/1010] Fixed rules incompatible with ESLint v8.40. (#2147)

---
 .eslintrc.js       | 6 +++++-
 lib/utils/index.js | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 6792d0296..8c4c791b0 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -133,7 +133,11 @@ module.exports = {
     'unicorn/prefer-module': 'off',
     'unicorn/prevent-abbreviations': 'off',
 
-    'require-eslint-community': ['error']
+    'require-eslint-community': ['error'],
+
+    // FIXME: The version we are currently using is not compatible.
+    // May be removed in #2146. https://github.com/vuejs/eslint-plugin-vue/pull/2146
+    'unicorn/expiring-todo-comments': 'off'
   },
   overrides: [
     {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 249097418..1698b23ba 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -248,6 +248,10 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
     getSourceCode() {
       return sourceCode
     },
+    // @ts-expect-error -- Added in ESLint v8.40
+    get sourceCode() {
+      return sourceCode
+    },
     getDeclaredVariables
   })
 

From 267e5bb153fa851a27a9fa58fc54b3b33e3637fd Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 8 May 2023 01:04:25 +0900
Subject: [PATCH 0585/1010] 9.11.1

---
 docs/rules/array-bracket-newline.md   | 2 +-
 docs/rules/array-bracket-spacing.md   | 2 +-
 docs/rules/array-element-newline.md   | 2 +-
 docs/rules/arrow-spacing.md           | 2 +-
 docs/rules/block-spacing.md           | 2 +-
 docs/rules/brace-style.md             | 2 +-
 docs/rules/camelcase.md               | 2 +-
 docs/rules/comma-dangle.md            | 2 +-
 docs/rules/comma-spacing.md           | 2 +-
 docs/rules/comma-style.md             | 2 +-
 docs/rules/dot-location.md            | 2 +-
 docs/rules/dot-notation.md            | 2 +-
 docs/rules/eqeqeq.md                  | 2 +-
 docs/rules/func-call-spacing.md       | 2 +-
 docs/rules/key-spacing.md             | 2 +-
 docs/rules/keyword-spacing.md         | 2 +-
 docs/rules/multiline-ternary.md       | 2 +-
 docs/rules/no-constant-condition.md   | 2 +-
 docs/rules/no-empty-pattern.md        | 2 +-
 docs/rules/no-extra-parens.md         | 2 +-
 docs/rules/no-loss-of-precision.md    | 2 +-
 docs/rules/no-restricted-syntax.md    | 2 +-
 docs/rules/no-sparse-arrays.md        | 2 +-
 docs/rules/no-useless-concat.md       | 2 +-
 docs/rules/object-curly-newline.md    | 2 +-
 docs/rules/object-curly-spacing.md    | 2 +-
 docs/rules/object-property-newline.md | 2 +-
 docs/rules/object-shorthand.md        | 2 +-
 docs/rules/operator-linebreak.md      | 2 +-
 docs/rules/prefer-template.md         | 2 +-
 docs/rules/quote-props.md             | 2 +-
 docs/rules/space-in-parens.md         | 2 +-
 docs/rules/space-infix-ops.md         | 2 +-
 docs/rules/space-unary-ops.md         | 2 +-
 docs/rules/template-curly-spacing.md  | 2 +-
 package.json                          | 2 +-
 36 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 8b5e9bee2..e4f9000b4 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.1.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/array-bracket-newline)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/array-bracket-newline)</sup>
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index d3c937651..b0a8f2fae 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/array-bracket-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/array-bracket-spacing)</sup>
diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index edf3770b4..c61790296 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -32,4 +32,4 @@ This rule was introduced in eslint-plugin-vue v9.9.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-element-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-element-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/array-element-newline)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/array-element-newline)</sup>
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 07e30e63f..0c143d1c0 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/arrow-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/arrow-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/arrow-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/arrow-spacing)</sup>
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index a486c76c0..33ca42660 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/block-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/block-spacing)</sup>
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index ac917267d..8b57aa6e3 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/brace-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/brace-style.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/brace-style)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/brace-style)</sup>
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index 62c5891fa..c1c26a30f 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -26,4 +26,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/camelcase.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/camelcase.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/camelcase)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/camelcase)</sup>
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 565cbef7b..135fde5ce 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-dangle.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-dangle.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/comma-dangle)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/comma-dangle)</sup>
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index e318fb65c..b5d7a726b 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/comma-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/comma-spacing)</sup>
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 17c5dd25c..c7ce08681 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-style.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/comma-style)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/comma-style)</sup>
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index fa58a26af..cf4095d77 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-location.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-location.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/dot-location)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/dot-location)</sup>
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 6e8264c2f..2fc253bae 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-notation.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-notation.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/dot-notation)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/dot-notation)</sup>
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index d6bdf9700..eeecfc56a 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/eqeqeq.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/eqeqeq.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/eqeqeq)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/eqeqeq)</sup>
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index 41c795624..c31a19fa6 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/func-call-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/func-call-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/func-call-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/func-call-spacing)</sup>
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 41ba2f851..c7ba77b2b 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/key-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/key-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/key-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/key-spacing)</sup>
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 68e9e7cdf..907746b79 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/keyword-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/keyword-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/keyword-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/keyword-spacing)</sup>
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index c962b4b04..d9d9d2083 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -60,4 +60,4 @@ This rule was introduced in eslint-plugin-vue v9.7.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-ternary.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/multiline-ternary.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/multiline-ternary)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/multiline-ternary)</sup>
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 7b5835978..90be93dd0 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -26,4 +26,4 @@ This rule was introduced in eslint-plugin-vue v7.5.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-constant-condition.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-constant-condition.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-constant-condition)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-constant-condition)</sup>
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index 99e2152f1..8f788ad2a 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -26,4 +26,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-empty-pattern.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-empty-pattern.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-empty-pattern)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-empty-pattern)</sup>
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 0297304b7..8abe90ffe 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -50,4 +50,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-extra-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-extra-parens.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-extra-parens)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-extra-parens)</sup>
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index bee468e7a..b8ada172c 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -30,4 +30,4 @@ This rule was introduced in eslint-plugin-vue v8.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-loss-of-precision.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-loss-of-precision.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-loss-of-precision)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-loss-of-precision)</sup>
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 590e94d6e..8058ecf5b 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -59,4 +59,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-syntax.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-syntax.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-restricted-syntax)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-restricted-syntax)</sup>
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index e8cd10007..3d00dc362 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -26,4 +26,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-sparse-arrays.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-sparse-arrays.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-sparse-arrays)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-sparse-arrays)</sup>
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 6c4afd423..647cd7c31 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -26,4 +26,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-useless-concat.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-useless-concat.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-useless-concat)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-useless-concat)</sup>
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index 9e07953f9..cf98b0922 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-curly-newline)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-curly-newline)</sup>
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index dacdf2679..926ebfb73 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-curly-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-curly-spacing)</sup>
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index fb934acf6..b294c3fc4 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-property-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-property-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-property-newline)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-property-newline)</sup>
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index dafe616bf..d51ea65c8 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v8.4.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-shorthand.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-shorthand.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/object-shorthand)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-shorthand)</sup>
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 71847d82f..a10765f9a 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/operator-linebreak.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/operator-linebreak.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/operator-linebreak)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/operator-linebreak)</sup>
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index 4b668f4c2..bdd46315a 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-template.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-template.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/prefer-template)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/prefer-template)</sup>
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index facf28cee..7c280a6e1 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v8.4.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quote-props.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quote-props.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/quote-props)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/quote-props)</sup>
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index a29c298ac..0d3135f5f 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-in-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-in-parens.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/space-in-parens)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/space-in-parens)</sup>
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index e92623661..be10d0dca 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-infix-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-infix-ops.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/space-infix-ops)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/space-infix-ops)</sup>
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 10e545408..1d038588e 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-unary-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-unary-ops.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/space-unary-ops)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/space-unary-ops)</sup>
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 8760b0385..e1ca61905 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -28,4 +28,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/template-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/template-curly-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/template-curly-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/template-curly-spacing)</sup>
diff --git a/package.json b/package.json
index 3449d4740..8e109d7bd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.11.0",
+  "version": "9.11.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From c65c3a9f0d05f2ea834e5600f4619b3c6c16c137 Mon Sep 17 00:00:00 2001
From: Tatsuya Yamamoto / T28_tatsuya <t28.is.tatsuya@gmail.com>
Date: Mon, 8 May 2023 01:13:51 +0900
Subject: [PATCH 0586/1010] feat(processor): export meta object for flat config
 (#2145)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 lib/processor.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/processor.js b/lib/processor.js
index e0c10ef72..4fb1a0d45 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -124,7 +124,12 @@ module.exports = {
     return filteredMessages
   },
 
-  supportsAutofix: true
+  supportsAutofix: true,
+
+  meta: {
+    name: 'eslint-plugin-vue',
+    version: require('../package.json').version
+  }
 }
 
 /**

From 91843841a093024ff66ccbc11be7deb1f96eed24 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 8 May 2023 18:34:18 +0900
Subject: [PATCH 0587/1010] Add meta object to the plugin (#2149)

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 lib/index.js              |  1 +
 lib/meta.js               |  3 +++
 lib/processor.js          |  5 +----
 tests/lib/meta.js         | 20 ++++++++++++++++++++
 tools/update-lib-index.js |  1 +
 5 files changed, 26 insertions(+), 4 deletions(-)
 create mode 100644 lib/meta.js
 create mode 100644 tests/lib/meta.js

diff --git a/lib/index.js b/lib/index.js
index aef60a604..879a49056 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -6,6 +6,7 @@
 'use strict'
 
 module.exports = {
+  meta: require('./meta'),
   rules: {
     'array-bracket-newline': require('./rules/array-bracket-newline'),
     'array-bracket-spacing': require('./rules/array-bracket-spacing'),
diff --git a/lib/meta.js b/lib/meta.js
new file mode 100644
index 000000000..d70069950
--- /dev/null
+++ b/lib/meta.js
@@ -0,0 +1,3 @@
+'use strict'
+const { name, version } = require('../package.json')
+module.exports = { name, version }
diff --git a/lib/processor.js b/lib/processor.js
index 4fb1a0d45..f0a89fd8d 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -126,10 +126,7 @@ module.exports = {
 
   supportsAutofix: true,
 
-  meta: {
-    name: 'eslint-plugin-vue',
-    version: require('../package.json').version
-  }
+  meta: require('./meta')
 }
 
 /**
diff --git a/tests/lib/meta.js b/tests/lib/meta.js
new file mode 100644
index 000000000..f9012ce03
--- /dev/null
+++ b/tests/lib/meta.js
@@ -0,0 +1,20 @@
+'use strict'
+
+const assert = require('assert')
+const plugin = require('../..')
+const expectedMeta = {
+  name: 'eslint-plugin-vue',
+  version: require('../../package.json').version
+}
+
+describe('Test for meta object', () => {
+  it('A plugin should have a meta object.', () => {
+    assert.deepStrictEqual(plugin.meta, expectedMeta)
+  })
+
+  for (const [name, processor] of Object.entries(plugin.processors)) {
+    it(`"${name}" processor should have a meta object.`, () => {
+      assert.deepStrictEqual(processor.meta, expectedMeta)
+    })
+  }
+})
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index f57ae1e58..5a53b52bb 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -25,6 +25,7 @@ const content = `/*
 'use strict'
 
 module.exports = {
+  meta: require('./meta'),
   rules: {
     ${rules
       .map((rule) => `'${rule.name}': require('./rules/${rule.name}')`)

From d58fb198d79b4aadf0fda38190ea1312a0b3db41 Mon Sep 17 00:00:00 2001
From: Tatsuya Yamamoto / T28_tatsuya <t28.is.tatsuya@gmail.com>
Date: Tue, 9 May 2023 07:30:25 +0900
Subject: [PATCH 0588/1010] Update eslint-plugin-unicorn to v47 (#2146)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 .eslintrc.js | 13 ++++++++-----
 package.json |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 8c4c791b0..e7f17d88b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -128,16 +128,19 @@ module.exports = {
     'unicorn/filename-case': 'off',
     'unicorn/no-null': 'off',
     'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
+    'unicorn/no-negated-condition': 'off', // remove when there are few pull requests (ref: #2146)
     'unicorn/no-useless-undefined': 'off',
     'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
     'unicorn/prefer-module': 'off',
     'unicorn/prevent-abbreviations': 'off',
+    'unicorn/prefer-at': 'off', //                 turn off to prevent make breaking changes (ref: #2146)
+    'unicorn/prefer-node-protocol': 'off', //      turn off to prevent make breaking changes (ref: #2146)
+    'unicorn/prefer-string-replace-all': 'off', // turn off to prevent make breaking changes (ref: #2146)
+    'unicorn/prefer-ternary': 'off', //            remove when there are few pull requests (ref: #2146)
+    'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
+    'unicorn/switch-case-braces': 'off', //        remove when there are few pull requests (ref: #2146)
 
-    'require-eslint-community': ['error'],
-
-    // FIXME: The version we are currently using is not compatible.
-    // May be removed in #2146. https://github.com/vuejs/eslint-plugin-vue/pull/2146
-    'unicorn/expiring-todo-comments': 'off'
+    'require-eslint-community': ['error']
   },
   overrides: [
     {
diff --git a/package.json b/package.json
index 8e109d7bd..ea0ce229d 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "eslint-plugin-jsonc": "^2.2.1",
     "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-unicorn": "^42.0.0",
+    "eslint-plugin-unicorn": "^47.0.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.3.2",
     "events": "^3.3.0",

From 3cbb1b3f1b76710e137ce039cad664df72b1a901 Mon Sep 17 00:00:00 2001
From: Flare <flare_zh@outlook.com>
Date: Wed, 10 May 2023 15:42:45 +0800
Subject: [PATCH 0589/1010] Add `shallowOnly` option to `vue/no-mutating-props`
 (#2135)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/no-mutating-props.md      |  72 ++++++++-
 lib/rules/no-mutating-props.js       | 159 +++++++++++++-----
 tests/lib/rules/no-mutating-props.js | 232 ++++++++++++++++++++++++++-
 3 files changed, 416 insertions(+), 47 deletions(-)

diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 960ebe900..62c76680d 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -22,6 +22,8 @@ This rule reports mutation of component props.
 <template>
   <div>
     <input v-model="value" @click="openModal">
+    <button @click="pushItem">Push Item</button>
+    <button @click="changeId">Change ID</button>
   </div>
 </template>
 <script>
@@ -30,11 +32,25 @@ This rule reports mutation of component props.
       value: {
         type: String,
         required: true
+      },
+      list: {
+        type: Array,
+        required: true
+      },
+      user: {
+        type: Object,
+        required: true
       }
     },
     methods: {
       openModal() {
         this.value = 'test'
+      },
+      pushItem() {
+        this.list.push(0)
+      },
+      changeId() {
+        this.user.id = 1
       }
     }
   }
@@ -50,6 +66,8 @@ This rule reports mutation of component props.
 <template>
   <div>
     <input :value="value" @input="$emit('input', $event.target.value)" @click="openModal">
+    <button @click="pushItem">Push Item</button>
+    <button @click="changeId">Change ID</button>
   </div>
 </template>
 <script>
@@ -58,11 +76,25 @@ This rule reports mutation of component props.
       value: {
         type: String,
         required: true
+      },
+      list: {
+        type: Array,
+        required: true
+      },
+      user: {
+        type: Object,
+        required: true
       }
     },
     methods: {
       openModal() {
         this.$emit('input', 'test')
+      },
+      pushItem() {
+        this.$emit('push', 0)
+      },
+      changeId() {
+        this.$emit('change-id', 1)
       }
     }
   }
@@ -88,7 +120,45 @@ This rule reports mutation of component props.
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-mutating-props": ["error", {
+    "shallowOnly": false
+  }]
+}
+```
+
+- "shallowOnly" (`boolean`) Enables mutating the value of a prop but leaving the reference the same. Default is `false`.
+
+### "shallowOnly": true
+
+<eslint-code-block :rules="{'vue/no-mutating-props': ['error', {shallowOnly: true}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <input v-model="value.id" @click="openModal">
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    value: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    openModal() {
+      this.value.visible = true
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :books: Further Reading
 
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index f79613d9c..61461010b 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -4,6 +4,10 @@
  */
 'use strict'
 
+/**
+ * @typedef {{name?: string, set: Set<string>}} PropsInfo
+ */
+
 const utils = require('../utils')
 const { findVariable } = require('@eslint-community/eslint-utils')
 
@@ -84,6 +88,19 @@ function isVmReference(node) {
   return false
 }
 
+/**
+ * @param { object } options
+ * @param { boolean } options.shallowOnly Enables mutating the value of a prop but leaving the reference the same
+ */
+function parseOptions(options) {
+  return Object.assign(
+    {
+      shallowOnly: false
+    },
+    options
+  )
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -94,12 +111,21 @@ module.exports = {
     },
     fixable: null, // or "code" or "whitespace"
     schema: [
-      // fill in your schema
+      {
+        type: 'object',
+        properties: {
+          shallowOnly: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
     ]
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @type {Map<ObjectExpression|CallExpression, Set<string>>} */
+    const { shallowOnly } = parseOptions(context.options[0])
+    /** @type {Map<ObjectExpression|CallExpression, PropsInfo>} */
     const propsMap = new Map()
     /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression } | { type: 'setup', object: CallExpression } | null } */
     let vueObjectData = null
@@ -138,10 +164,11 @@ module.exports = {
     /**
      * @param {MemberExpression|Identifier} props
      * @param {string} name
+     * @param {boolean} isRootProps
      */
-    function verifyMutating(props, name) {
+    function verifyMutating(props, name, isRootProps = false) {
       const invalid = utils.findMutating(props)
-      if (invalid) {
+      if (invalid && isShallowOnlyInvalid(invalid, isRootProps)) {
         report(invalid.node, name)
       }
     }
@@ -210,6 +237,9 @@ module.exports = {
           continue
         }
         let name
+        if (!isShallowOnlyInvalid(invalid, path.length === 0)) {
+          continue
+        }
         if (path.length === 0) {
           if (invalid.pathNodes.length === 0) {
             continue
@@ -246,26 +276,43 @@ module.exports = {
       }
     }
 
+    /**
+     * Is shallowOnly false or the prop reassigned
+     * @param {Exclude<ReturnType<typeof utils.findMutating>, null>} invalid
+     * @param {boolean} isRootProps
+     * @return {boolean}
+     */
+    function isShallowOnlyInvalid(invalid, isRootProps) {
+      return (
+        !shallowOnly ||
+        (invalid.pathNodes.length === (isRootProps ? 1 : 0) &&
+          ['assignment', 'update'].includes(invalid.kind))
+      )
+    }
+
     return utils.compositingVisitors(
       {},
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
           const defineVariableNames = new Set(extractDefineVariableNames())
 
-          const propsSet = new Set(
-            props
-              .map((p) => p.propName)
-              .filter(
-                /**
-                 * @returns {propName is string}
-                 */
-                (propName) =>
-                  utils.isDef(propName) &&
-                  !GLOBALS_WHITE_LISTED.has(propName) &&
-                  !defineVariableNames.has(propName)
-              )
-          )
-          propsMap.set(node, propsSet)
+          const propsInfo = {
+            name: '',
+            set: new Set(
+              props
+                .map((p) => p.propName)
+                .filter(
+                  /**
+                   * @returns {propName is string}
+                   */
+                  (propName) =>
+                    utils.isDef(propName) &&
+                    !GLOBALS_WHITE_LISTED.has(propName) &&
+                    !defineVariableNames.has(propName)
+                )
+            )
+          }
+          propsMap.set(node, propsInfo)
           vueObjectData = {
             type: 'setup',
             object: node
@@ -294,22 +341,25 @@ module.exports = {
             target.parent.id,
             []
           )) {
+            if (path.length === 0) {
+              propsInfo.name = prop.name
+            } else {
+              propsInfo.set.add(prop.name)
+            }
             verifyPropVariable(prop, path)
-            propsSet.add(prop.name)
           }
         }
       }),
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
-          propsMap.set(
-            node,
-            new Set(
+          propsMap.set(node, {
+            set: new Set(
               utils
                 .getComponentPropsFromOptions(node)
                 .map((p) => p.propName)
                 .filter(utils.isDef)
             )
-          )
+          })
         },
         onVueObjectExit(node, { type }) {
           if (
@@ -359,7 +409,7 @@ module.exports = {
           const name = utils.getStaticPropertyName(mem)
           if (
             name &&
-            /** @type {Set<string>} */ (propsMap.get(vueNode)).has(name)
+            /** @type {PropsInfo} */ (propsMap.get(vueNode)).set.has(name)
           ) {
             verifyMutating(mem, name)
           }
@@ -378,9 +428,9 @@ module.exports = {
           const name = utils.getStaticPropertyName(mem)
           if (
             name &&
-            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
-              name
-            )
+            /** @type {PropsInfo} */ (
+              propsMap.get(vueObjectData.object)
+            ).set.has(name)
           ) {
             verifyMutating(mem, name)
           }
@@ -393,14 +443,18 @@ module.exports = {
           if (!isVmReference(node)) {
             return
           }
-          const name = node.name
-          if (
-            name &&
-            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
-              name
-            )
-          ) {
-            verifyMutating(node, name)
+          const propsInfo = /** @type {PropsInfo} */ (
+            propsMap.get(vueObjectData.object)
+          )
+          const isRootProps = !!node.name && propsInfo.name === node.name
+          const parent = node.parent
+          const name =
+            (isRootProps &&
+              parent.type === 'MemberExpression' &&
+              utils.getStaticPropertyName(parent)) ||
+            node.name
+          if (name && (propsInfo.set.has(name) || isRootProps)) {
+            verifyMutating(node, name, isRootProps)
           }
         },
         /** @param {ESNode} node */
@@ -423,28 +477,45 @@ module.exports = {
             return
           }
 
+          const propsInfo = /** @type {PropsInfo} */ (
+            propsMap.get(vueObjectData.object)
+          )
+
           const nodes = utils.getMemberChaining(node)
           const first = nodes[0]
           let name
           if (isVmReference(first)) {
-            name = first.name
+            if (first.name === propsInfo.name) {
+              // props variable
+              if (shallowOnly && nodes.length > 2) {
+                return
+              }
+              name = (nodes[1] && getPropertyNameText(nodes[1])) || first.name
+            } else {
+              if (shallowOnly && nodes.length > 1) {
+                return
+              }
+              name = first.name
+              if (!name || !propsInfo.set.has(name)) {
+                return
+              }
+            }
           } else if (first.type === 'ThisExpression') {
+            if (shallowOnly && nodes.length > 2) {
+              return
+            }
             const mem = nodes[1]
             if (!mem) {
               return
             }
             name = utils.getStaticPropertyName(mem)
+            if (!name || !propsInfo.set.has(name)) {
+              return
+            }
           } else {
             return
           }
-          if (
-            name &&
-            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
-              name
-            )
-          ) {
-            report(node, name)
-          }
+          report(node, name)
         }
       })
     )
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 7338d9374..7c4884847 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -181,6 +181,37 @@ ruleTester.run('no-mutating-props', rule, {
         </template>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <input v-model="prop1.text">
+            <input v-model="this.prop2.text">
+            <button @click="prop3.text = '1'"></button>
+            <button @click="prop3.count++"></button>
+            <button @click="prop3.list.push(1)"></button>
+            <button @click="prop3.parent.text = '2'"></button>
+            <button @click="delete prop3.parent.text"></button>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3'],
+            methods: {
+                onKeydown() {
+                  this.prop3.text = '2'
+                  this.prop3.count ++
+                  this.prop3.list.push(1)
+                  this.prop3.parent.text = '2'
+                  delete this.prop3.parent.text
+                }
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }]
+    },
 
     // setup
     {
@@ -325,6 +356,43 @@ ruleTester.run('no-mutating-props', rule, {
       </script>`
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+                props.prop1.text = '2'
+                props.prop1.count ++
+                props.prop1.list.push(1)
+                props.prop1.parent.text = '2'
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({a,b,c, d: [e, , f]}) {
+              a.foo ++
+              b.foo = 1
+              c.push(1)
+
+              c.x.push(1)
+              delete c.y
+              e.foo++
+              f.foo++
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }]
+    },
+
     {
       // script setup with shadow
       filename: 'test.vue',
@@ -642,6 +710,63 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="prop1 = [1, 2]"></div>
+            <div v-if="prop2++"></div>
+            <div v-text="prop3.shift()"></div>
+            <div v-text="prop4.slice(0).shift()"></div>
+            <div v-if="this.prop5 = [1, 2] && this.someProp"></div>
+            <div v-if="this.prop6++ && this.someProp < 10"></div>
+            <div v-text="this.prop7.shift()"></div>
+            <div v-text="this.prop8.slice(0).shift()"></div>
+            <div v-if="delete prop9.a"></div>
+            <div v-if="delete this.prop10"></div>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6', 'prop7', 'prop8', 'prop9', 'prop10'],
+            method: {
+              deleteProp() {
+                delete this.prop9.a
+                delete this.prop10
+              }
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }],
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop1" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "prop2" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "prop5" prop.',
+          line: 8
+        },
+        {
+          message: 'Unexpected mutation of "prop6" prop.',
+          line: 9
+        },
+        {
+          message: 'Unexpected mutation of "prop10" prop.',
+          line: 13
+        },
+        {
+          message: 'Unexpected mutation of "prop10" prop.',
+          line: 22
+        }
+      ]
+    },
 
     // setup
     {
@@ -820,6 +945,24 @@ ruleTester.run('no-mutating-props', rule, {
       errors: ['Unexpected mutation of "[a]" prop.']
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const props = defineProps()
+        </script>
+
+        <template>
+          <input v-model="props[foo]" >
+        </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "[foo]" prop.',
+          line: 7
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -839,7 +982,7 @@ ruleTester.run('no-mutating-props', rule, {
           line: 3
         },
         {
-          message: 'Unexpected mutation of "props" prop.',
+          message: 'Unexpected mutation of "value" prop.',
           line: 4
         }
       ]
@@ -898,6 +1041,45 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+              props.a ++
+              props.b = 1
+              props.c.push(1)
+              delete props.d
+
+              function foo() {
+                props.a ++
+              }
+            }
+          }
+        </script>
+
+      `,
+      options: [{ shallowOnly: true }],
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "b" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 8
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 11
+        }
+      ]
+    },
 
     {
       // script setup with shadow
@@ -911,13 +1093,15 @@ ruleTester.run('no-mutating-props', rule, {
         </template>
         <script setup>
         import { ref } from 'vue'
-        const { Infinity } = defineProps({
+        const { Infinity, obj } = defineProps({
           foo: String,
           bar: String,
           Infinity: String,
           window: String,
+          obj: Object
         })
         const foo = ref('')
+        obj.id = 2
         </script>
       `,
       errors: [
@@ -932,6 +1116,50 @@ ruleTester.run('no-mutating-props', rule, {
         {
           message: 'Unexpected mutation of "Infinity" prop.',
           line: 6
+        },
+        {
+          message: 'Unexpected mutation of "obj" prop.',
+          line: 18
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <button @click="props.a ++"/>
+          <button @click="a ++"/>
+          <button @click="props.b.push(1)"/>
+          <button @click="b.push(1)"/>
+          <input v-model="props.a"/>
+          <input v-model="props.a.b"/>
+        </template>
+        <script setup>
+          const props = defineProps({
+            a: Number,
+            b: Array,
+          })
+          props.a ++
+        </script>
+      `,
+      options: [{ shallowOnly: true }],
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 3
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 7
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 15
         }
       ]
     }

From 1a0bd29ee0ba96d24348bc34bd9d1eb37860b53a Mon Sep 17 00:00:00 2001
From: perrysong <turingmaster@163.com>
Date: Wed, 10 May 2023 21:47:20 +0800
Subject: [PATCH 0590/1010] Add `vue/no-root-v-if` rule (#2138)

Co-authored-by: perrysong <perrysong@xiaoman.cn>
Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md             |   1 +
 docs/rules/no-root-v-if.md      |  37 ++++++++++
 lib/index.js                    |   1 +
 lib/rules/no-root-v-if.js       |  46 +++++++++++++
 tests/lib/rules/no-root-v-if.js | 115 ++++++++++++++++++++++++++++++++
 5 files changed, 200 insertions(+)
 create mode 100644 docs/rules/no-root-v-if.md
 create mode 100644 lib/rules/no-root-v-if.js
 create mode 100644 tests/lib/rules/no-root-v-if.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index eca5a3191..abc3419a4 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -240,6 +240,7 @@ For example:
 | [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: | :hammer: |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  | :hammer: |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  | :hammer: |
+| [vue/no-root-v-if](./no-root-v-if.md) | disallow `v-if` directives on root element |  | :hammer: |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  | :hammer: |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" | :bulb: | :warning: |
 | [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  | :warning: |
diff --git a/docs/rules/no-root-v-if.md b/docs/rules/no-root-v-if.md
new file mode 100644
index 000000000..0899dc036
--- /dev/null
+++ b/docs/rules/no-root-v-if.md
@@ -0,0 +1,37 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-root-v-if
+description: disallow `v-if` directives on root element
+---
+
+# vue/no-root-v-if
+
+> disallow `v-if` directives on root element
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule reports template roots with `v-if`. Rendering of the whole component could be made conditional in the parent component (with a `v-if` there) instead.
+
+## :book: Rule Details
+
+This rule reports the template root in the following cases:
+
+<eslint-code-block :rules="{'vue/no-root-v-if': ['error']}">
+
+```vue
+<template>
+  <div v-if="foo"></div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-root-v-if.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-root-v-if.js)
diff --git a/lib/index.js b/lib/index.js
index 879a49056..c7b580868 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -124,6 +124,7 @@ module.exports = {
     'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
+    'no-root-v-if': require('./rules/no-root-v-if'),
     'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
     'no-shared-component-data': require('./rules/no-shared-component-data'),
     'no-side-effects-in-computed-properties': require('./rules/no-side-effects-in-computed-properties'),
diff --git a/lib/rules/no-root-v-if.js b/lib/rules/no-root-v-if.js
new file mode 100644
index 000000000..304ef3f12
--- /dev/null
+++ b/lib/rules/no-root-v-if.js
@@ -0,0 +1,46 @@
+/**
+ * @author Perry Song
+ * @copyright 2023 Perry Song. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow `v-if` directives on root element',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-root-v-if.html'
+    },
+    fixable: null,
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return {
+      /** @param {Program} program */
+      Program(program) {
+        const element = program.templateBody
+        if (element == null) {
+          return
+        }
+
+        const rootElements = element.children.filter(utils.isVElement)
+        if (
+          rootElements.length === 1 &&
+          utils.hasDirective(rootElements[0], 'if')
+        ) {
+          context.report({
+            node: element,
+            loc: element.loc,
+            message:
+              '`v-if` should not be used on root element without `v-else`.'
+          })
+        }
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-root-v-if.js b/tests/lib/rules/no-root-v-if.js
new file mode 100644
index 000000000..766c5b2ad
--- /dev/null
+++ b/tests/lib/rules/no-root-v-if.js
@@ -0,0 +1,115 @@
+/**
+ * @author Perry Song
+ * @copyright 2023 Perry Song. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-root-v-if')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-root-v-if', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div>abc</div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <div>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <!-- comment -->\n    <div>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <!-- comment -->\n    <div v-if="foo">abc</div>\n    <div v-else-if="bar">abc</div>\n    <div v-else>abc</div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: `<template>\n    <c1 v-if="1" />\n    <c2 v-else-if="1" />\n    <c3 v-else />\n</template>`
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template src="foo.html"></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><textarea/>test</div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><table><custom-thead></custom-thead></table></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div></div><div></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>\n    <div></div>\n    <div></div>\n</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>{{a b c}}</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div></div>aaaaaa</template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template>aaaaaa<div></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="x in list"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><slot></slot></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><template></template></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template> <div v-if="mode === \'a\'"></div><div v-if="mode === \'b\'"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div /><div v-if="foo" /></template>'
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><custom-component v-if="foo"></custom-component></template>',
+      errors: ['`v-if` should not be used on root element without `v-else`.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-if="foo"></div></template>',
+      errors: ['`v-if` should not be used on root element without `v-else`.']
+    }
+  ]
+})

From e1747fc7b4ebccfe1e6949973be035a083e73f21 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 10 May 2023 22:54:38 +0900
Subject: [PATCH 0591/1010] 9.12.0

---
 docs/rules/no-root-v-if.md | 8 +++++---
 package.json               | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-root-v-if.md b/docs/rules/no-root-v-if.md
index 0899dc036..bf32003a3 100644
--- a/docs/rules/no-root-v-if.md
+++ b/docs/rules/no-root-v-if.md
@@ -3,14 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-root-v-if
 description: disallow `v-if` directives on root element
+since: v9.12.0
 ---
-
 # vue/no-root-v-if
 
 > disallow `v-if` directives on root element
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule reports template roots with `v-if`. Rendering of the whole component could be made conditional in the parent component (with a `v-if` there) instead.
 
 ## :book: Rule Details
@@ -31,6 +29,10 @@ This rule reports the template root in the following cases:
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.12.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-root-v-if.js)
diff --git a/package.json b/package.json
index ea0ce229d..a1b04d855 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.11.1",
+  "version": "9.12.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7bc4a9e59e0daed1e4830e325ac0eca557ce0f0d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 May 2023 17:06:36 +0900
Subject: [PATCH 0592/1010] Added support for `defineOptions` and `defineSlots`
 to `defineScriptSetupVisitor` (#2156)

---
 lib/utils/index.js                            | 111 ++++++++++++------
 typings/eslint-plugin-vue/util-types/utils.ts |   4 +
 2 files changed, 80 insertions(+), 35 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 1698b23ba..a63891bd9 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1148,6 +1148,10 @@ module.exports = {
    * - `onDefinePropsExit` ... Event when defineProps visit ends.
    * - `onDefineEmitsEnter` ... Event when defineEmits is found.
    * - `onDefineEmitsExit` ... Event when defineEmits visit ends.
+   * - `onDefineOptionsEnter` ... Event when defineOptions is found.
+   * - `onDefineOptionsExit` ... Event when defineOptions visit ends.
+   * - `onDefineSlotsEnter` ... Event when defineSlots is found.
+   * - `onDefineSlotsExit` ... Event when defineSlots visit ends.
    *
    * @param {RuleContext} context The ESLint rule context object.
    * @param {ScriptSetupVisitor} visitor The visitor to traverse the AST nodes.
@@ -1186,11 +1190,58 @@ module.exports = {
       scriptSetupVisitor[key] = (node) => callVisitor(key, node)
     }
 
-    const hasPropsEvent =
-      visitor.onDefinePropsEnter || visitor.onDefinePropsExit
-    const hasEmitsEvent =
-      visitor.onDefineEmitsEnter || visitor.onDefineEmitsExit
-    if (hasPropsEvent || hasEmitsEvent) {
+    class MacroListener {
+      /**
+       * @param {string} name
+       * @param {string} enterName
+       * @param {string} exitName
+       * @param {(candidateMacro: Expression | null, node: CallExpression) => boolean} isMacroNode
+       * @param {(context: RuleContext, node: CallExpression) => unknown} buildParam
+       */
+      constructor(name, enterName, exitName, isMacroNode, buildParam) {
+        this.name = name
+        this.enterName = enterName
+        this.exitName = exitName
+        this.isMacroNode = isMacroNode
+        this.buildParam = buildParam
+        this.hasListener = Boolean(
+          visitor[this.enterName] || visitor[this.exitName]
+        )
+        this.paramsMap = new Map()
+      }
+    }
+    const macroListenerList = [
+      new MacroListener(
+        'defineProps',
+        'onDefinePropsEnter',
+        'onDefinePropsExit',
+        (candidateMacro, node) =>
+          candidateMacro === node || candidateMacro === getWithDefaults(node),
+        getComponentPropsFromDefineProps
+      ),
+      new MacroListener(
+        'defineEmits',
+        'onDefineEmitsEnter',
+        'onDefineEmitsExit',
+        (candidateMacro, node) => candidateMacro === node,
+        getComponentEmitsFromDefineEmits
+      ),
+      new MacroListener(
+        'defineOptions',
+        'onDefineOptionsEnter',
+        'onDefineOptionsExit',
+        (candidateMacro, node) => candidateMacro === node,
+        () => undefined
+      ),
+      new MacroListener(
+        'defineSlots',
+        'onDefineSlotsEnter',
+        'onDefineSlotsExit',
+        (candidateMacro, node) => candidateMacro === node,
+        () => undefined
+      )
+    ].filter((m) => m.hasListener)
+    if (macroListenerList.length > 0) {
       /** @type {Expression | null} */
       let candidateMacro = null
       /** @param {VariableDeclarator|ExpressionStatement} node */
@@ -1213,8 +1264,6 @@ module.exports = {
           candidateMacro = null
         }
       }
-      const definePropsMap = new Map()
-      const defineEmitsMap = new Map()
       /**
        * @param {CallExpression} node
        */
@@ -1224,40 +1273,32 @@ module.exports = {
           inScriptSetup(node) &&
           node.callee.type === 'Identifier'
         ) {
-          if (
-            hasPropsEvent &&
-            (candidateMacro === node ||
-              candidateMacro === getWithDefaults(node)) &&
-            node.callee.name === 'defineProps'
-          ) {
-            /** @type {ComponentProp[]} */
-            const props = getComponentPropsFromDefineProps(context, node)
-
-            callVisitor('onDefinePropsEnter', node, props)
-            definePropsMap.set(node, props)
-          } else if (
-            hasEmitsEvent &&
-            candidateMacro === node &&
-            node.callee.name === 'defineEmits'
-          ) {
-            /** @type {ComponentEmit[]} */
-            const emits = getComponentEmitsFromDefineEmits(context, node)
-
-            callVisitor('onDefineEmitsEnter', node, emits)
-            defineEmitsMap.set(node, emits)
+          for (const macroListener of macroListenerList) {
+            if (
+              node.callee.name !== macroListener.name ||
+              !macroListener.isMacroNode(candidateMacro, node)
+            ) {
+              continue
+            }
+            const param = macroListener.buildParam(context, node)
+            callVisitor(macroListener.enterName, node, param)
+            macroListener.paramsMap.set(node, param)
+            break
           }
         }
         callVisitor('CallExpression', node)
       }
       scriptSetupVisitor['CallExpression:exit'] = (node) => {
         callVisitor('CallExpression:exit', node)
-        if (definePropsMap.has(node)) {
-          callVisitor('onDefinePropsExit', node, definePropsMap.get(node))
-          definePropsMap.delete(node)
-        }
-        if (defineEmitsMap.has(node)) {
-          callVisitor('onDefineEmitsExit', node, defineEmitsMap.get(node))
-          defineEmitsMap.delete(node)
+        for (const macroListener of macroListenerList) {
+          if (macroListener.paramsMap.has(node)) {
+            callVisitor(
+              macroListener.exitName,
+              node,
+              macroListener.paramsMap.get(node)
+            )
+            macroListener.paramsMap.delete(node)
+          }
         }
       }
     }
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index d998761be..e355456dc 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -40,6 +40,10 @@ export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
   onDefinePropsExit?(node: CallExpression, props: ComponentProp[]): void
   onDefineEmitsEnter?(node: CallExpression, emits: ComponentEmit[]): void
   onDefineEmitsExit?(node: CallExpression, emits: ComponentEmit[]): void
+  onDefineOptionsEnter?(node: CallExpression): void
+  onDefineOptionsExit?(node: CallExpression): void
+  onDefineSlotsEnter?(node: CallExpression): void
+  onDefineSlotsExit?(node: CallExpression): void
   [query: string]:
     | ((node: VAST.ParamNode) => void)
     | ((node: CallExpression, props: ComponentProp[]) => void)

From 012e2df8438989d477d99e676ce741b760d7d706 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 May 2023 17:07:00 +0900
Subject: [PATCH 0593/1010] Add support for `defineOptions` and `defineSlots`
 to `vue/define-macros-order` rule (#2154)

---
 docs/rules/define-macros-order.md      |  47 ++++++++++-
 lib/rules/define-macros-order.js       | 108 ++++++++++---------------
 tests/lib/rules/define-macros-order.js | 102 +++++++++++++++++++++++
 3 files changed, 189 insertions(+), 68 deletions(-)

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index 6fe48b20a..c4e36b253 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -25,7 +25,7 @@ This rule reports the `defineProps` and `defineEmits` compiler macros when they
 }
 ```
 
-- `order` (`string[]`) ... The order of defineEmits and defineProps macros
+- `order` (`string[]`) ... The order of defineEmits and defineProps macros. You can also add `"defineOptions"` and `"defineSlots"`.
 
 ### `{ "order": ["defineProps", "defineEmits"] }` (default)
 
@@ -66,6 +66,51 @@ defineEmits(/* ... */)
 
 </eslint-code-block>
 
+### `{ "order": ["defineOptions", "defineProps", "defineEmits", "defineSlots"] }` (default)
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script setup>
+defineOptions({/* ... */})
+defineProps(/* ... */)
+defineEmits(/* ... */)
+const slots = defineSlots()
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+defineEmits(/* ... */)
+const slots = defineSlots()
+defineProps(/* ... */)
+defineOptions({/* ... */})
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+const bar = ref()
+defineOptions({/* ... */})
+defineProps(/* ... */)
+defineEmits(/* ... */)
+const slots = defineSlots()
+</script>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v8.7.0
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index baf03a40e..5a678db42 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -8,7 +8,9 @@ const utils = require('../utils')
 
 const MACROS_EMITS = 'defineEmits'
 const MACROS_PROPS = 'defineProps'
-const ORDER = [MACROS_EMITS, MACROS_PROPS]
+const MACROS_OPTIONS = 'defineOptions'
+const MACROS_SLOTS = 'defineSlots'
+const ORDER_SCHEMA = [MACROS_EMITS, MACROS_PROPS, MACROS_OPTIONS, MACROS_SLOTS]
 const DEFAULT_ORDER = [MACROS_PROPS, MACROS_EMITS]
 
 /**
@@ -103,97 +105,69 @@ function create(context) {
       },
       onDefineEmitsExit(node) {
         macrosNodes.set(MACROS_EMITS, getDefineMacrosStatement(node))
+      },
+      onDefineOptionsExit(node) {
+        macrosNodes.set(MACROS_OPTIONS, getDefineMacrosStatement(node))
+      },
+      onDefineSlotsExit(node) {
+        macrosNodes.set(MACROS_SLOTS, getDefineMacrosStatement(node))
       }
     }),
     {
       'Program:exit'(program) {
-        const shouldFirstNode = macrosNodes.get(order[0])
-        const shouldSecondNode = macrosNodes.get(order[1])
+        /**
+         * @typedef {object} OrderedData
+         * @property {string} name
+         * @property {ASTNode} node
+         */
         const firstStatementIndex = getTargetStatementPosition(
           scriptSetup,
           program
         )
-        const firstStatement = program.body[firstStatementIndex]
+        const orderedList = order
+          .map((name) => ({ name, node: macrosNodes.get(name) }))
+          .filter(
+            /** @returns {data is OrderedData} */
+            (data) => utils.isDef(data.node)
+          )
 
-        // have both defineEmits and defineProps
-        if (shouldFirstNode && shouldSecondNode) {
-          const secondStatement = program.body[firstStatementIndex + 1]
+        for (const [index, should] of orderedList.entries()) {
+          const targetStatement = program.body[firstStatementIndex + index]
 
-          // need move only first
-          if (firstStatement === shouldSecondNode) {
-            reportNotOnTop(order[0], shouldFirstNode, firstStatement)
+          if (should.node !== targetStatement) {
+            let moveTargetNodes = orderedList
+              .slice(index)
+              .map(({ node }) => node)
+            const targetStatementIndex =
+              moveTargetNodes.indexOf(targetStatement)
+            if (targetStatementIndex >= 0) {
+              moveTargetNodes = moveTargetNodes.slice(0, targetStatementIndex)
+            }
+            reportNotOnTop(should.name, moveTargetNodes, targetStatement)
             return
           }
-
-          // need move both defineEmits and defineProps
-          if (firstStatement !== shouldFirstNode) {
-            reportBothNotOnTop(
-              shouldFirstNode,
-              shouldSecondNode,
-              firstStatement
-            )
-            return
-          }
-
-          // need move only second
-          if (secondStatement !== shouldSecondNode) {
-            reportNotOnTop(order[1], shouldSecondNode, secondStatement)
-          }
-
-          return
-        }
-
-        // have only first and need to move it
-        if (shouldFirstNode && firstStatement !== shouldFirstNode) {
-          reportNotOnTop(order[0], shouldFirstNode, firstStatement)
-          return
-        }
-
-        // have only second and need to move it
-        if (shouldSecondNode && firstStatement !== shouldSecondNode) {
-          reportNotOnTop(order[1], shouldSecondNode, firstStatement)
         }
       }
     }
   )
 
-  /**
-   * @param {ASTNode} shouldFirstNode
-   * @param {ASTNode} shouldSecondNode
-   * @param {ASTNode} before
-   */
-  function reportBothNotOnTop(shouldFirstNode, shouldSecondNode, before) {
-    context.report({
-      node: shouldFirstNode,
-      loc: shouldFirstNode.loc,
-      messageId: 'macrosNotOnTop',
-      data: {
-        macro: order[0]
-      },
-      fix(fixer) {
-        return [
-          ...moveNodeBefore(fixer, shouldFirstNode, before),
-          ...moveNodeBefore(fixer, shouldSecondNode, before)
-        ]
-      }
-    })
-  }
-
   /**
    * @param {string} macro
-   * @param {ASTNode} node
+   * @param {ASTNode[]} nodes
    * @param {ASTNode} before
    */
-  function reportNotOnTop(macro, node, before) {
+  function reportNotOnTop(macro, nodes, before) {
     context.report({
-      node,
-      loc: node.loc,
+      node: nodes[0],
+      loc: nodes[0].loc,
       messageId: 'macrosNotOnTop',
       data: {
         macro
       },
-      fix(fixer) {
-        return moveNodeBefore(fixer, node, before)
+      *fix(fixer) {
+        for (const node of nodes) {
+          yield* moveNodeBefore(fixer, node, before)
+        }
       }
     })
   }
@@ -288,7 +262,7 @@ module.exports = {
           order: {
             type: 'array',
             items: {
-              enum: Object.values(ORDER)
+              enum: ORDER_SCHEMA
             },
             uniqueItems: true,
             additionalItems: false
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index bd46ac3d6..46e94eae5 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -148,6 +148,28 @@ tester.run('define-macros-order', rule, {
         <script setup>
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import Foo from 'foo'
+          /** options */
+          defineOptions({})
+          /** emits */
+          defineEmits(['update:foo'])
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+          console.log('test1')
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
+        }
+      ]
     }
   ],
   invalid: [
@@ -520,6 +542,86 @@ tester.run('define-macros-order', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import Foo from 'foo'
+          console.log('test1')
+          /** emits */
+          defineEmits(['update:foo'])
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+          /** options */
+          defineOptions({})
+        </script>
+      `,
+      output: `
+        <script setup>
+          import Foo from 'foo'
+          /** options */
+          defineOptions({})
+          /** emits */
+          defineEmits(['update:foo'])
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+          console.log('test1')
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
+        }
+      ],
+      errors: [
+        {
+          message: message('defineOptions'),
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          /** slots */
+          const slots = defineSlots()
+          /** options */
+          defineOptions({})
+          /** emits */
+          defineEmits(['update:foo'])
+          /** props */
+          const props = defineProps(['foo'])
+        </script>
+      `,
+      output: `
+        <script setup>
+          /** options */
+          defineOptions({})
+          /** emits */
+          defineEmits(['update:foo'])
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
+        }
+      ],
+      errors: [
+        {
+          message: message('defineOptions'),
+          line: 6
+        }
+      ]
     }
   ]
 })

From 8ed65c9793bc8aee85a3af3d4455a3e4a76fe7f8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 May 2023 17:07:20 +0900
Subject: [PATCH 0594/1010] Add support for new `defineEmits` type syntax to
 `vue/require-explicit-emits` rule (#2152)

---
 lib/utils/ts-ast-utils.js                     | 45 +++++++++----
 tests/lib/rules/require-explicit-emits.js     | 64 +++++++++++++++++++
 typings/eslint-plugin-vue/util-types/utils.ts | 12 +++-
 3 files changed, 108 insertions(+), 13 deletions(-)

diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
index e7cc52420..330e6b985 100644
--- a/lib/utils/ts-ast-utils.js
+++ b/lib/utils/ts-ast-utils.js
@@ -10,6 +10,7 @@ const { findVariable } = require('@eslint-community/eslint-utils')
 /**
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeEmit} ComponentTypeEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownEmit} ComponentUnknownEmit
  */
 
 module.exports = {
@@ -147,22 +148,42 @@ function* extractRuntimeProps(context, node) {
 /**
  * @see https://github.com/vuejs/vue-next/blob/348c3b01e56383ffa70b180d1376fdf4ac12e274/packages/compiler-sfc/src/compileScript.ts#L1632
  * @param {TSTypeLiteral | TSInterfaceBody | TSFunctionType} node
- * @returns {IterableIterator<ComponentTypeEmit>}
+ * @returns {IterableIterator<ComponentTypeEmit | ComponentUnknownEmit>}
  */
 function* extractRuntimeEmits(node) {
-  if (node.type === 'TSTypeLiteral' || node.type === 'TSInterfaceBody') {
-    const members = node.type === 'TSTypeLiteral' ? node.members : node.body
-    for (const t of members) {
-      if (t.type === 'TSCallSignatureDeclaration') {
-        yield* extractEventNames(
-          t.params[0],
-          /** @type {TSCallSignatureDeclaration} */ (t)
-        )
+  if (node.type === 'TSFunctionType') {
+    yield* extractEventNames(node.params[0], node)
+    return
+  }
+  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
+  for (const member of members) {
+    if (member.type === 'TSCallSignatureDeclaration') {
+      yield* extractEventNames(
+        member.params[0],
+        /** @type {TSCallSignatureDeclaration} */ (member)
+      )
+    } else if (
+      member.type === 'TSPropertySignature' ||
+      member.type === 'TSMethodSignature'
+    ) {
+      if (member.key.type !== 'Identifier' && member.key.type !== 'Literal') {
+        yield {
+          type: 'unknown',
+          node: member.key
+        }
+        continue
+      }
+      yield {
+        type: 'type',
+        key: /** @type {Identifier | Literal} */ (member.key),
+        emitName:
+          member.key.type === 'Identifier'
+            ? member.key.name
+            : `${member.key.value}`,
+        value: null,
+        node: /** @type {TSPropertySignature | TSMethodSignature} */ (member)
       }
     }
-    return
-  } else {
-    yield* extractEventNames(node.params[0], node)
   }
 }
 
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 9a22c74a9..a5bc5114c 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -593,6 +593,31 @@ tester.run('require-explicit-emits', rule, {
       </script>
       `,
       options: [{ allowProps: true }]
+    },
+    {
+      // new syntax in Vue 3.3
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<{foo: [], bar:[number]}>()
+      emit('foo')
+      emit('bar', 42)
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      // new syntax in Vue 3.3
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      type Emits = {foo: [], bar:[number]}
+      const emit = defineEmits<Emits>()
+      emit('foo')
+      emit('bar', 42)
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
     }
   ],
   invalid: [
@@ -1886,6 +1911,45 @@ emits: {'foo': null}
           ]
         }
       ]
+    },
+    {
+      // new syntax in Vue 3.3
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<{foo: []}>()
+      emit('foo')
+      emit('bar')
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 5
+        }
+      ]
+    },
+    {
+      // new syntax in Vue 3.3
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      type Emits = {foo: []}
+      const emit = defineEmits<Emits>()
+      emit('foo')
+      emit('bar')
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 6
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index e355456dc..e16d86033 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -156,13 +156,23 @@ export type ComponentUnknownEmit = {
   node: Expression | SpreadElement | null
 }
 
-export type ComponentTypeEmit = {
+export type ComponentTypeEmitCallSignature = {
   type: 'type'
   key: TSLiteralType
   emitName: string
   value: null
   node: TSCallSignatureDeclaration | TSFunctionType
 }
+export type ComponentTypeEmitPropertySignature = {
+  type: 'type'
+  key: Identifier | Literal
+  emitName: string
+  value: null
+  node: TSPropertySignature | TSMethodSignature
+}
+export type ComponentTypeEmit =
+  | ComponentTypeEmitCallSignature
+  | ComponentTypeEmitPropertySignature
 
 export type ComponentEmit =
   | ComponentArrayEmit

From a9bd24c8b5eb4e1a9d0f1d714b80393d235dc8db Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 May 2023 17:07:43 +0900
Subject: [PATCH 0595/1010] Added support for `defineOptions` to
 `vue/multi-word-component-names` rule (#2157)

---
 lib/rules/multi-word-component-names.js       | 11 +++++++++
 tests/lib/rules/multi-word-component-names.js | 24 ++++++++++++++++++-
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index 38426bfb0..7f8e7bb65 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -98,6 +98,17 @@ module.exports = {
         hasName = true
         validateName(node.value)
       }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          const nameNode = utils.findProperty(define, 'name')
+          if (!nameNode) return
+          hasName = true
+          validateName(nameNode.value)
+        }
+      }),
       {
         /** @param {Program} node */
         'Program:exit'(node) {
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index d11b11d3f..96302eec8 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -209,10 +209,18 @@ tester.run('multi-word-component-names', rule, {
       <template>
         <AppButton />
       </template>
-      
+
       <script setup lang="ts">
       import AppButton from "@/components/AppButton.vue";
       </script>`
+    },
+    {
+      filename: 'Single.vue',
+      code: `
+      <script setup>
+      defineOptions({name: 'MultiWord'})
+      </script>
+      `
     }
   ],
   invalid: [
@@ -333,6 +341,20 @@ tester.run('multi-word-component-names', rule, {
           line: 1
         }
       ]
+    },
+    {
+      filename: 'MultiWord.vue',
+      code: `
+      <script setup>
+      defineOptions({name: 'Single'})
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Component name "Single" should always be multi-word.',
+          line: 3
+        }
+      ]
     }
   ]
 })

From 68300e9df2fcb0de2aee6020dcbce89250b4195f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 12 May 2023 17:07:52 +0900
Subject: [PATCH 0596/1010] Added support for `defineOptions` to
 `vue/no-reserved-component-names` rule (#2158)

---
 lib/rules/no-reserved-component-names.js      | 14 ++++++--
 .../lib/rules/no-reserved-component-names.js  | 35 ++++++++++++++++++-
 2 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index dafc70e0d..835fb7325 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -147,8 +147,7 @@ module.exports = {
       })
     }
 
-    return Object.assign(
-      {},
+    return utils.compositingVisitors(
       utils.executeOnCallVueComponent(context, (node) => {
         if (node.arguments.length === 2) {
           const argument = node.arguments[0]
@@ -171,6 +170,17 @@ module.exports = {
         if (!node) return
         if (!canVerify(node.value)) return
         reportIfInvalid(node.value)
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          const nameNode = utils.findProperty(define, 'name')
+          if (!nameNode) return
+          if (!canVerify(nameNode.value)) return
+          reportIfInvalid(nameNode.value)
+        }
       })
     )
   }
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index ead9cce65..d9114810b 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -555,7 +555,25 @@ ruleTester.run('no-reserved-component-names', rule, {
         `,
       parserOptions,
       options: [{ disallowVueBuiltInComponents: true }]
-    }))
+    })),
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({}) </script>`,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({ ...name }) </script>`,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({ name: 'Foo' }) </script>`,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    }
   ],
 
   invalid: [
@@ -657,6 +675,21 @@ ruleTester.run('no-reserved-component-names', rule, {
         }
       ]
     })),
+    ...invalidElements.map((name) => ({
+      filename: `${name}.vue`,
+      code: `<script setup> defineOptions({name: '${name}'}) </script>`,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          line: 1
+        }
+      ]
+    })),
     ...vue2BuiltInComponents.map((name) => ({
       filename: `${name}.vue`,
       code: `

From 2518545dc3a928ccb88383bc57936651f7a5d7fa Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 20:38:58 +0900
Subject: [PATCH 0597/1010] Update valid-v-is.md

---
 docs/rules/valid-v-is.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index 6eda3d993..0ef75aaca 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -59,7 +59,7 @@ Nothing.
 
 ## :books: Further Reading
 
-- [API - v-is](https://vuejs.org/api/built-in-directives.html#v-is)
+- [API - v-is (Recent)](https://github.com/vuejs/docs/blob/8b4f11a4e94d01c7f1c91a60ceaa5b89d6b6de9f/src/api/built-in-directives.md#v-is-)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
 
 ## :rocket: Version

From 94e45d471483ba01f5cfc18ff962badaa679c6ae Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:52:24 +0900
Subject: [PATCH 0598/1010] Add support for `defineOptions` to
 `vue/component-definition-name-casing` rule (#2159)

---
 lib/rules/component-definition-name-casing.js | 14 +++++-
 .../rules/component-definition-name-casing.js | 48 +++++++++++++++++++
 2 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index e227d4b99..c3a5cbc3d 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -77,8 +77,7 @@ module.exports = {
       }
     }
 
-    return Object.assign(
-      {},
+    return utils.compositingVisitors(
       utils.executeOnCallVueComponent(context, (node) => {
         if (node.arguments.length === 2) {
           const argument = node.arguments[0]
@@ -94,6 +93,17 @@ module.exports = {
         if (!node) return
         if (!canConvert(node.value)) return
         convertName(node.value)
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          const nameNode = utils.findProperty(define, 'name')
+          if (!nameNode) return
+          if (!canConvert(nameNode.value)) return
+          convertName(nameNode.value)
+        }
       })
     )
   }
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index ef9cbde8b..2349f5d30 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -145,6 +145,26 @@ ruleTester.run('component-definition-name-casing', rule, {
       filename: 'test.js',
       code: `fn1(component.data)`,
       parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({}) </script>`,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
+      options: ['PascalCase'],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
+      options: ['kebab-case'],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
     }
   ],
 
@@ -393,6 +413,34 @@ ruleTester.run('component-definition-name-casing', rule, {
           line: 1
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
+      output: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
+      options: ['PascalCase'],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message: 'Property name "foo-bar" is not PascalCase.',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
+      output: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
+      options: ['kebab-case'],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message: 'Property name "FooBar" is not kebab-case.',
+          line: 1
+        }
+      ]
     }
   ]
 })

From 6ce5c80aa75a29c615720a3292f880f5eb0678aa Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:52:37 +0900
Subject: [PATCH 0599/1010] Add support for `defineOptions` to
 `vue/order-in-components` rule (#2160)

---
 lib/rules/order-in-components.js       | 16 ++++++++--
 tests/lib/rules/order-in-components.js | 41 ++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 3 deletions(-)

diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index cf9dba9d4..50e270625 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -334,8 +334,18 @@ module.exports = {
       }
     }
 
-    return utils.executeOnVue(context, (obj) => {
-      checkOrder(obj.properties)
-    })
+    return utils.compositingVisitors(
+      utils.executeOnVue(context, (obj) => {
+        checkOrder(obj.properties)
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          checkOrder(define.properties)
+        }
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 873df3b0f..b12c41a33 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -165,6 +165,19 @@ ruleTester.run('order-in-components', rule, {
         new Vue()
       `,
       parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'example.vue',
+      code: `
+      <script setup>
+        defineOptions({
+          name: 'Foo',
+          inheritAttrs: true,
+        })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
     }
   ],
 
@@ -943,6 +956,34 @@ ruleTester.run('order-in-components', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+      <script setup>
+        defineOptions({
+          inheritAttrs: true,
+          name: 'Foo',
+        })
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      output: `
+      <script setup>
+        defineOptions({
+          name: 'Foo',
+          inheritAttrs: true,
+        })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "name" property should be above the "inheritAttrs" property on line 4.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 70b88a2540bc40f3c33f04058013095bc48b0cbe Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:52:46 +0900
Subject: [PATCH 0600/1010] Add support for `defineOptions` to
 `vue/match-component-file-name` rule (#2161)

---
 lib/rules/match-component-file-name.js       | 15 +++++++++--
 tests/lib/rules/match-component-file-name.js | 26 ++++++++++++++++++++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index 70c34009b..f30a6b50a 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -119,8 +119,7 @@ module.exports = {
       }
     }
 
-    return Object.assign(
-      {},
+    return utils.compositingVisitors(
       utils.executeOnCallVueComponent(context, (node) => {
         if (node.arguments.length === 2) {
           const argument = node.arguments[0]
@@ -139,6 +138,18 @@ module.exports = {
         if (!canVerify(node.value)) return
         verifyName(node.value)
       }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          componentCount++
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          const nameNode = utils.findProperty(define, 'name')
+          if (!nameNode) return
+          if (!canVerify(nameNode.value)) return
+          verifyName(nameNode.value)
+        }
+      }),
       {
         'Program:exit'() {
           if (componentCount > 1) return
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index cbd35713d..82c75ccc6 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -539,6 +539,13 @@ ruleTester.run('match-component-file-name', rule, {
       filename: 'test.jsx',
       code: `fn1(component.data)`,
       parserOptions
+    },
+    {
+      filename: 'MyComponent.vue',
+      code: `<script setup> defineOptions({name: 'MyComponent'}) </script>`,
+      options: [{ extensions: ['vue'] }],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions
     }
   ],
 
@@ -1081,6 +1088,25 @@ ruleTester.run('match-component-file-name', rule, {
           ]
         }
       ]
+    },
+    {
+      filename: 'MyComponent.vue',
+      code: `<script setup> defineOptions({name: 'CoolComponent'}) </script>`,
+      options: [{ extensions: ['vue'] }],
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
+      errors: [
+        {
+          message:
+            'Component name `CoolComponent` should match file name `MyComponent`.',
+          suggestions: [
+            {
+              desc: 'Rename component to match file name.',
+              output: `<script setup> defineOptions({name: 'MyComponent'}) </script>`
+            }
+          ]
+        }
+      ]
     }
   ]
 })

From a9e0a49dbfa529bc26b6632dd4ab85997bb58f7d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:52:59 +0900
Subject: [PATCH 0601/1010] Add support for `defineOptions` to
 `vue/no-restricted-component-options` rule (#2162)

---
 lib/rules/no-restricted-component-options.js  | 24 ++++++++++++++-----
 .../rules/no-restricted-component-options.js  | 16 +++++++++++++
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
index f50f091d5..5af68053c 100644
--- a/lib/rules/no-restricted-component-options.js
+++ b/lib/rules/no-restricted-component-options.js
@@ -173,13 +173,25 @@ module.exports = {
     /** @type {ParsedOption[]} */
     const options = context.options.map(parseOption)
 
-    return utils.defineVueVisitor(context, {
-      onVueObjectEnter(node) {
-        for (const option of options) {
-          verify(node, option.test, option.message)
+    return utils.compositingVisitors(
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          for (const option of options) {
+            verify(node, option.test, option.message)
+          }
         }
-      }
-    })
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          for (const option of options) {
+            verify(define, option.test, option.message)
+          }
+        }
+      })
+    )
 
     /**
      * @param {ObjectExpression} node
diff --git a/tests/lib/rules/no-restricted-component-options.js b/tests/lib/rules/no-restricted-component-options.js
index 87ff4e41f..484f6700c 100644
--- a/tests/lib/rules/no-restricted-component-options.js
+++ b/tests/lib/rules/no-restricted-component-options.js
@@ -101,6 +101,11 @@ tester.run('no-restricted-component-options', rule, {
       </script>
       `,
       options: [['foo', 'bar']]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({ name: 'Foo' }) </script>`,
+      options: ['Foo']
     }
   ],
   invalid: [
@@ -304,6 +309,17 @@ tester.run('no-restricted-component-options', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<script setup> defineOptions({ Foo: 'Foo' }) </script>`,
+      options: ['Foo'],
+      errors: [
+        {
+          message: 'Using `Foo` is not allowed.',
+          line: 1
+        }
+      ]
     }
   ]
 })

From 28db55596381aaf37edbcecd3b41816ffece55cc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:53:09 +0900
Subject: [PATCH 0602/1010] Add support for `defineOptions` and `defineSlots`
 to `vue/no-unsupported-features` rule (#2163)

---
 docs/rules/no-unsupported-features.md         |  5 ++
 lib/rules/no-unsupported-features.js          | 12 ++-
 lib/rules/syntaxes/define-options.js          | 74 ++++++++++++++++
 lib/rules/syntaxes/define-slots.js            | 22 +++++
 .../no-unsupported-features/define-options.js | 88 +++++++++++++++++++
 .../no-unsupported-features/define-slots.js   | 59 +++++++++++++
 6 files changed, 258 insertions(+), 2 deletions(-)
 create mode 100644 lib/rules/syntaxes/define-options.js
 create mode 100644 lib/rules/syntaxes/define-slots.js
 create mode 100644 tests/lib/rules/no-unsupported-features/define-options.js
 create mode 100644 tests/lib/rules/no-unsupported-features/define-slots.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index cd6c3dcf9..2e7d67501 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -29,6 +29,9 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `version` ... The `version` option accepts [the valid version range of `node-semver`](https://github.com/npm/node-semver#range-grammar). Set the version of Vue.js you are using. This option is required.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
+  - Vue.js 3.3.0+
+    - `"define-slots"` ... `defineSlots()` macro.
+    - `"define-options"` ... `defineOptions()` macro.
   - Vue.js 3.2.0+
     - `"v-memo"` ... [v-memo](https://vuejs.org/api/built-in-directives.html#v-memo) directive.
     - `"v-bind-prop-modifier-shorthand"` ... `v-bind` with `.prop` modifier shorthand.
@@ -100,6 +103,8 @@ The `"ignores"` option accepts an array of the following strings.
 
 ## :books: Further Reading
 
+- [API - defineOptions()](https://vuejs.org/api/sfc-script-setup.html#defineoptions)
+- [API - defineSlots()](https://vuejs.org/api/sfc-script-setup.html#defineslots)
 - [API - v-memo](https://vuejs.org/api/built-in-directives.html#v-memo)
 - [API - v-is](https://v3.vuejs.org/api/directives.html#v-is)
 - [API - v-is (Old)](https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 803a62ca5..0bcd61a55 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -32,7 +32,10 @@ const FEATURES = {
   // Vue.js 3.2.0+
   'v-memo': require('./syntaxes/v-memo'),
   'v-bind-prop-modifier-shorthand': require('./syntaxes/v-bind-prop-modifier-shorthand'),
-  'v-bind-attr-modifier': require('./syntaxes/v-bind-attr-modifier')
+  'v-bind-attr-modifier': require('./syntaxes/v-bind-attr-modifier'),
+  // Vue.js 3.3.0+
+  'define-options': require('./syntaxes/define-options'),
+  'define-slots': require('./syntaxes/define-slots')
 }
 
 const SYNTAX_NAMES = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
@@ -115,7 +118,12 @@ module.exports = {
       forbiddenVBindPropModifierShorthand:
         '`.prop` shorthand are not supported until Vue.js "3.2.0".',
       forbiddenVBindAttrModifier:
-        '`.attr` modifiers on `v-bind` are not supported until Vue.js "3.2.0".'
+        '`.attr` modifiers on `v-bind` are not supported until Vue.js "3.2.0".',
+      // Vue.js 3.3.0+
+      forbiddenDefineOptions:
+        '`defineOptions()` macros are not supported until Vue.js "3.3.0".',
+      forbiddenDefineSlots:
+        '`defineSlots()` macros are not supported until Vue.js "3.3.0".'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/syntaxes/define-options.js b/lib/rules/syntaxes/define-options.js
new file mode 100644
index 000000000..0ef008ca7
--- /dev/null
+++ b/lib/rules/syntaxes/define-options.js
@@ -0,0 +1,74 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../utils/index')
+
+module.exports = {
+  supported: '>=3.3.0',
+  /** @param {RuleContext} context @returns {RuleListener} */
+  createScriptVisitor(context) {
+    const sourceCode = context.getSourceCode()
+    return utils.defineScriptSetupVisitor(context, {
+      onDefineOptionsEnter(node) {
+        context.report({
+          node,
+          messageId: 'forbiddenDefineOptions',
+          fix(fixer) {
+            return fix(fixer, node)
+          }
+        })
+      }
+    })
+
+    /**
+     * @param {RuleFixer} fixer
+     * @param {CallExpression} node defineOptions() node
+     */
+    function fix(fixer, node) {
+      if (node.arguments.length === 0) return null
+      const scriptSetup = utils.getScriptSetupElement(context)
+      if (!scriptSetup) return null
+      if (
+        scriptSetup.parent.children
+          .filter(utils.isVElement)
+          .some(
+            (node) =>
+              node.name === 'script' && !utils.hasAttribute(node, 'setup')
+          )
+      ) {
+        // has `<script>`
+        return null
+      }
+
+      // Find defineOptions statement
+      /** @type {ASTNode} */
+      let statement = node
+      while (statement.parent && statement.parent.type !== 'Program') {
+        statement = statement.parent
+      }
+      // Calc remove range
+      /** @type {Range} */
+      const removeRange = [...statement.range]
+      if (
+        sourceCode.lines[statement.loc.start.line - 1]
+          .slice(0, statement.loc.start.column)
+          .trim() === ''
+      ) {
+        removeRange[0] -= statement.loc.start.column
+      }
+
+      return [
+        fixer.insertTextBefore(
+          scriptSetup,
+          `<script>\nexport default ${sourceCode.getText(
+            node.arguments[0]
+          )}\n</script>\n`
+        ),
+        fixer.removeRange(removeRange)
+      ]
+    }
+  }
+}
diff --git a/lib/rules/syntaxes/define-slots.js b/lib/rules/syntaxes/define-slots.js
new file mode 100644
index 000000000..450ec3e89
--- /dev/null
+++ b/lib/rules/syntaxes/define-slots.js
@@ -0,0 +1,22 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../utils/index')
+
+module.exports = {
+  supported: '>=3.3.0',
+  /** @param {RuleContext} context @returns {RuleListener} */
+  createScriptVisitor(context) {
+    return utils.defineScriptSetupVisitor(context, {
+      onDefineSlotsEnter(node) {
+        context.report({
+          node,
+          messageId: 'forbiddenDefineSlots'
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-unsupported-features/define-options.js b/tests/lib/rules/no-unsupported-features/define-options.js
new file mode 100644
index 000000000..10b2069b2
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/define-options.js
@@ -0,0 +1,88 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('define-options', '^3.2.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-unsupported-features/define-options', rule, {
+  valid: [
+    {
+      code: `
+      <script setup>
+        defineOptions({})
+      </script>`,
+      options: buildOptions({ version: '^3.3.0' })
+    },
+    {
+      code: `
+      <script setup>
+        defineProps({})
+      </script>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <script setup>
+        defineOptions({})
+      </script>`,
+      options: buildOptions({ version: '^3.0.0', ignores: ['define-options'] })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <script setup>
+        defineOptions({ name: 'Foo' })
+      </script>`,
+      options: buildOptions(),
+      output: `
+      <script>
+export default { name: 'Foo' }
+</script>
+<script setup>
+
+      </script>`,
+      errors: [
+        {
+          message:
+            '`defineOptions()` macros are not supported until Vue.js "3.3.0".',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <script setup>
+        defineOptions({});
+      </script>`,
+      options: buildOptions(),
+      output: `
+      <script>
+export default {}
+</script>
+<script setup>
+
+      </script>`,
+      errors: [
+        {
+          message:
+            '`defineOptions()` macros are not supported until Vue.js "3.3.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unsupported-features/define-slots.js b/tests/lib/rules/no-unsupported-features/define-slots.js
new file mode 100644
index 000000000..2fef117c7
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/define-slots.js
@@ -0,0 +1,59 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('define-slots', '^3.2.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/define-slots', rule, {
+  valid: [
+    {
+      code: `
+      <script setup>
+        const slots = defineSlots()
+      </script>`,
+      options: buildOptions({ version: '^3.3.0' })
+    },
+    {
+      code: `
+      <script setup>
+        defineProps({})
+      </script>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <script setup>
+        const slots = defineSlots()
+      </script>`,
+      options: buildOptions({ version: '^3.0.0', ignores: ['define-slots'] })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <script setup>
+        const slots = defineSlots()
+      </script>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            '`defineSlots()` macros are not supported until Vue.js "3.3.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 6b3736b17e2e948225718c1af96418d7acf5ebf1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:53:19 +0900
Subject: [PATCH 0603/1010] Add support for `defineOptions` to
 `vue/padding-lines-in-component-definition` rule (#2164)

---
 .../padding-lines-in-component-definition.js  | 10 +++++
 .../padding-lines-in-component-definition.js  | 40 +++++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/lib/rules/padding-lines-in-component-definition.js b/lib/rules/padding-lines-in-component-definition.js
index 3f63050b4..b2f1a54dc 100644
--- a/lib/rules/padding-lines-in-component-definition.js
+++ b/lib/rules/padding-lines-in-component-definition.js
@@ -352,6 +352,16 @@ module.exports = {
             parseOption(emitsOption, OptionKeys.BetweenItems),
             parseOption(emitsOption, OptionKeys.WithinEach)
           )
+        },
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          verify(
+            define.properties,
+            parseOption(options, OptionKeys.BetweenOptions),
+            parseOption(options, OptionKeys.WithinOption)
+          )
         }
       })
     )
diff --git a/tests/lib/rules/padding-lines-in-component-definition.js b/tests/lib/rules/padding-lines-in-component-definition.js
index a4ed4d3c3..586476546 100644
--- a/tests/lib/rules/padding-lines-in-component-definition.js
+++ b/tests/lib/rules/padding-lines-in-component-definition.js
@@ -385,6 +385,19 @@ tester.run('padding-lines-in-component-definition', rule, {
         </script>
       `,
       options: ['always']
+    },
+    {
+      filename: 'MyComment.vue',
+      code: `
+        <script setup>
+        defineOptions({
+            name: 'MyComment',
+
+            inheritAttrs: false,
+        })
+        </script>
+      `,
+      options: [{ betweenOptions: 'always', groupSingleLineProperties: false }]
     }
   ],
   invalid: [
@@ -1235,6 +1248,33 @@ tester.run('padding-lines-in-component-definition', rule, {
           line: 16
         }
       ]
+    },
+    {
+      filename: 'MyComment.vue',
+      code: `
+        <script setup>
+        defineOptions({
+            name: 'MyComment',
+            inheritAttrs: false,
+        })
+        </script>
+      `,
+      output: `
+        <script setup>
+        defineOptions({
+            name: 'MyComment',
+
+            inheritAttrs: false,
+        })
+        </script>
+      `,
+      options: [{ betweenOptions: 'always', groupSingleLineProperties: false }],
+      errors: [
+        {
+          message: 'Expected blank line before this definition.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From dd9678035e07e5a5eca868beb9cb54e6b98ec1c6 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 22:53:39 +0900
Subject: [PATCH 0604/1010] Add `vue/prefer-define-options` rule (#2167)

---
 docs/rules/index.md                      |   1 +
 docs/rules/prefer-define-options.md      |  56 +++++++++++
 lib/index.js                             |   1 +
 lib/rules/prefer-define-options.js       | 122 +++++++++++++++++++++++
 tests/lib/rules/prefer-define-options.js | 109 ++++++++++++++++++++
 5 files changed, 289 insertions(+)
 create mode 100644 docs/rules/prefer-define-options.md
 create mode 100644 lib/rules/prefer-define-options.js
 create mode 100644 tests/lib/rules/prefer-define-options.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index abc3419a4..5e9e91dbb 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -255,6 +255,7 @@ For example:
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
 | [vue/padding-line-between-tags](./padding-line-between-tags.md) | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
 | [vue/padding-lines-in-component-definition](./padding-lines-in-component-definition.md) | require or disallow padding lines in component definition | :wrench: | :lipstick: |
+| [vue/prefer-define-options](./prefer-define-options.md) | enforce use of `defineOptions` instead of default export. | :wrench: | :warning: |
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
diff --git a/docs/rules/prefer-define-options.md b/docs/rules/prefer-define-options.md
new file mode 100644
index 000000000..5cb75d2a6
--- /dev/null
+++ b/docs/rules/prefer-define-options.md
@@ -0,0 +1,56 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-define-options
+description: enforce use of `defineOptions` instead of default export.
+---
+# vue/prefer-define-options
+
+> enforce use of `defineOptions` instead of default export.
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims to enforce use of `defineOptions` instead of default export in `<script setup>`.
+
+The [`defineOptions()`](https://vuejs.org/api/sfc-script-setup.html#defineoptions) macro was officially introduced in Vue 3.3.
+
+<eslint-code-block fix :rules="{'vue/prefer-define-options': ['error']}">
+
+```vue
+<script setup>
+/* ✓ GOOD */
+defineOptions({ name: 'Foo' })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/prefer-define-options': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default { name: 'Foo' }
+</script>
+<script setup>
+/* ... */
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [API - defineOptions()](https://vuejs.org/api/sfc-script-setup.html#defineoptions)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-define-options.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-define-options.js)
diff --git a/lib/index.js b/lib/index.js
index c7b580868..a09e73019 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -166,6 +166,7 @@ module.exports = {
     'padding-line-between-blocks': require('./rules/padding-line-between-blocks'),
     'padding-line-between-tags': require('./rules/padding-line-between-tags'),
     'padding-lines-in-component-definition': require('./rules/padding-lines-in-component-definition'),
+    'prefer-define-options': require('./rules/prefer-define-options'),
     'prefer-import-from-vue': require('./rules/prefer-import-from-vue'),
     'prefer-prop-type-boolean-first': require('./rules/prefer-prop-type-boolean-first'),
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
diff --git a/lib/rules/prefer-define-options.js b/lib/rules/prefer-define-options.js
new file mode 100644
index 000000000..cd9240445
--- /dev/null
+++ b/lib/rules/prefer-define-options.js
@@ -0,0 +1,122 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce use of `defineOptions` instead of default export.',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/prefer-define-options.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      preferDefineOptions: 'Use `defineOptions` instead of default export.'
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup) {
+      return {}
+    }
+
+    /** @type {CallExpression | null} */
+    let defineOptionsNode = null
+    /** @type {ExportDefaultDeclaration | null} */
+    let exportDefaultDeclaration = null
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          defineOptionsNode = node
+        }
+      }),
+      {
+        ExportDefaultDeclaration(node) {
+          exportDefaultDeclaration = node
+        },
+        'Program:exit'() {
+          if (!exportDefaultDeclaration) {
+            return
+          }
+          context.report({
+            node: exportDefaultDeclaration,
+            messageId: 'preferDefineOptions',
+            fix: defineOptionsNode
+              ? null
+              : buildFix(exportDefaultDeclaration, scriptSetup)
+          })
+        }
+      }
+    )
+
+    /**
+     * @param {ExportDefaultDeclaration} node
+     * @param {VElement} scriptSetup
+     * @returns {(fixer: RuleFixer) => Fix[]}
+     */
+    function buildFix(node, scriptSetup) {
+      return (fixer) => {
+        const sourceCode = context.getSourceCode()
+
+        // Calc remove range
+        /** @type {Range} */
+        let removeRange = [...node.range]
+
+        const script = scriptSetup.parent.children
+          .filter(utils.isVElement)
+          .find(
+            (node) =>
+              node.name === 'script' && !utils.hasAttribute(node, 'setup')
+          )
+        if (
+          script &&
+          script.endTag &&
+          sourceCode
+            .getTokensBetween(script.startTag, script.endTag, {
+              includeComments: true
+            })
+            .every(
+              (token) =>
+                removeRange[0] <= token.range[0] &&
+                token.range[1] <= removeRange[1]
+            )
+        ) {
+          removeRange = [...script.range]
+        }
+        const removeStartLoc = sourceCode.getLocFromIndex(removeRange[0])
+        if (
+          sourceCode.lines[removeStartLoc.line - 1]
+            .slice(0, removeStartLoc.column)
+            .trim() === ''
+        ) {
+          removeRange[0] =
+            removeStartLoc.line === 1
+              ? 0
+              : sourceCode.getIndexFromLoc({
+                  line: removeStartLoc.line - 1,
+                  column: sourceCode.lines[removeStartLoc.line - 2].length
+                })
+        }
+
+        return [
+          fixer.removeRange(removeRange),
+          fixer.insertTextAfter(
+            scriptSetup.startTag,
+            `\ndefineOptions(${sourceCode.getText(node.declaration)})\n`
+          )
+        ]
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/prefer-define-options.js b/tests/lib/rules/prefer-define-options.js
new file mode 100644
index 000000000..2fd9bdfec
--- /dev/null
+++ b/tests/lib/rules/prefer-define-options.js
@@ -0,0 +1,109 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/prefer-define-options')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('prefer-define-options', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({ name: 'Foo' })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default { name: 'Foo' }
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default { name: 'Foo' }
+      </script>
+      <script setup>
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      output: `
+      <script setup>
+defineOptions({ name: 'Foo' })
+
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Use `defineOptions` instead of default export.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default { name: 'Foo' }
+      </script>
+      <script setup>
+      defineOptions({})
+      </script>
+      `,
+      output: null,
+      errors: [
+        {
+          message: 'Use `defineOptions` instead of default export.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export const A = 42
+      export default { name: 'Foo' }
+      </script>
+      <script setup>
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      output: `
+      <script>
+      export const A = 42
+      </script>
+      <script setup>
+defineOptions({ name: 'Foo' })
+
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Use `defineOptions` instead of default export.',
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From 2ee0f4b9efb4083c9345ee61cee91edca71e88d2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 May 2023 23:12:39 +0900
Subject: [PATCH 0605/1010] Add `vue/valid-define-options` rule (#2165)

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 docs/rules/index.md                     |   1 +
 docs/rules/valid-define-emits.md        |   3 +-
 docs/rules/valid-define-options.md      | 119 ++++++++++++++
 docs/rules/valid-define-props.md        |   3 +-
 lib/index.js                            |   1 +
 lib/rules/valid-define-emits.js         |   4 +-
 lib/rules/valid-define-options.js       | 127 +++++++++++++++
 lib/rules/valid-define-props.js         |   4 +-
 tests/lib/rules/valid-define-emits.js   |   2 +-
 tests/lib/rules/valid-define-options.js | 201 ++++++++++++++++++++++++
 tests/lib/rules/valid-define-props.js   |   2 +-
 11 files changed, 459 insertions(+), 8 deletions(-)
 create mode 100644 docs/rules/valid-define-options.md
 create mode 100644 lib/rules/valid-define-options.js
 create mode 100644 tests/lib/rules/valid-define-options.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 5e9e91dbb..d851e0202 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -269,6 +269,7 @@ For example:
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
 | [vue/v-on-handler-style](./v-on-handler-style.md) | enforce writing style for handlers in `v-on` directives | :wrench: | :hammer: |
+| [vue/valid-define-options](./valid-define-options.md) | enforce valid `defineOptions` compiler macro |  | :warning: |
 
 </rules-table>
 
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index f7de8454c..0f52775ff 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -17,7 +17,7 @@ This rule checks whether `defineEmits` compiler macro is valid.
 
 This rule reports `defineEmits` compiler macros in the following cases:
 
-- `defineEmits` are referencing locally declared variables.
+- `defineEmits` is referencing locally declared variables.
 - `defineEmits` has both a literal type and an argument. e.g. `defineEmits<(e: 'foo')=>void>(['bar'])`
 - `defineEmits` has been called multiple times.
 - Custom events are defined in both `defineEmits` and `export default {}`.
@@ -139,6 +139,7 @@ Nothing.
 ## :couple: Related Rules
 
 - [vue/define-emits-declaration](./define-emits-declaration.md)
+- [vue/valid-define-options](./valid-define-options.md)
 - [vue/valid-define-props](./valid-define-props.md)
 
 ## :rocket: Version
diff --git a/docs/rules/valid-define-options.md b/docs/rules/valid-define-options.md
new file mode 100644
index 000000000..2cba98137
--- /dev/null
+++ b/docs/rules/valid-define-options.md
@@ -0,0 +1,119 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/valid-define-options
+description: enforce valid `defineOptions` compiler macro
+---
+# vue/valid-define-options
+
+> enforce valid `defineOptions` compiler macro
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+This rule checks whether `defineOptions` compiler macro is valid.
+
+## :book: Rule Details
+
+This rule reports `defineOptions` compiler macros in the following cases:
+
+- `defineOptions` is referencing locally declared variables.
+- `defineOptions` has been called multiple times.
+- Options are not defined in `defineOptions`.
+- `defineOptions` has type arguments.
+- `defineOptions` has `props`, `emits`, `expose` or `slots` options.
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script setup>
+/* ✓ GOOD */
+defineOptions({ name: 'foo' })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script>
+const def = { name: 'foo' }
+</script>
+<script setup>
+/* ✓ GOOD */
+defineOptions(def)
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script setup>
+/* ✗ BAD */
+const def = { name: 'foo' }
+defineOptions(def)
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script setup>
+/* ✗ BAD */
+defineOptions({ name: 'foo' })
+defineOptions({ inheritAttrs: false })
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script setup>
+/* ✗ BAD */
+defineOptions()
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script setup lang="ts">
+/* ✗ BAD */
+defineOptions<{ name: 'Foo' }>()
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/valid-define-options': ['error']}">
+
+```vue
+<script setup>
+/* ✗ BAD */
+defineOptions({ props: { msg: String } })
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/valid-define-emits](./valid-define-emits.md)
+- [vue/valid-define-props](./valid-define-props.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-define-options.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/valid-define-options.js)
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index 4345d2428..fc0f707fb 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -17,7 +17,7 @@ This rule checks whether `defineProps` compiler macro is valid.
 
 This rule reports `defineProps` compiler macros in the following cases:
 
-- `defineProps` are referencing locally declared variables.
+- `defineProps` is referencing locally declared variables.
 - `defineProps` has both a literal type and an argument. e.g. `defineProps<{/*props*/}>({/*props*/})`
 - `defineProps` has been called multiple times.
 - Props are defined in both `defineProps` and `export default {}`.
@@ -140,6 +140,7 @@ Nothing.
 
 - [vue/define-props-declaration](./define-props-declaration.md)
 - [vue/valid-define-emits](./valid-define-emits.md)
+- [vue/valid-define-options](./valid-define-options.md)
 
 ## :rocket: Version
 
diff --git a/lib/index.js b/lib/index.js
index a09e73019..7bd0fa3b8 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -211,6 +211,7 @@ module.exports = {
     'v-slot-style': require('./rules/v-slot-style'),
     'valid-attribute-name': require('./rules/valid-attribute-name'),
     'valid-define-emits': require('./rules/valid-define-emits'),
+    'valid-define-options': require('./rules/valid-define-options'),
     'valid-define-props': require('./rules/valid-define-props'),
     'valid-model-definition': require('./rules/valid-model-definition'),
     'valid-next-tick': require('./rules/valid-next-tick'),
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 239da270d..64d3fd15a 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -20,7 +20,7 @@ module.exports = {
     messages: {
       hasTypeAndArg: '`defineEmits` has both a type-only emit and an argument.',
       referencingLocally:
-        '`defineEmits` are referencing locally declared variables.',
+        '`defineEmits` is referencing locally declared variables.',
       multiple: '`defineEmits` has been called multiple times.',
       notDefined: 'Custom events are not defined.',
       definedInBoth:
@@ -85,7 +85,7 @@ module.exports = {
                 if (utils.withinTypeNode(node)) {
                   continue
                 }
-                //`defineEmits` are referencing locally declared variables.
+                //`defineEmits` is referencing locally declared variables.
                 context.report({
                   node,
                   messageId: 'referencingLocally'
diff --git a/lib/rules/valid-define-options.js b/lib/rules/valid-define-options.js
new file mode 100644
index 000000000..784ac3fbd
--- /dev/null
+++ b/lib/rules/valid-define-options.js
@@ -0,0 +1,127 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { findVariable } = require('@eslint-community/eslint-utils')
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce valid `defineOptions` compiler macro',
+      // TODO Switch in the next major version
+      // categories: ['vue3-essential', 'essential'],
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/valid-define-options.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      referencingLocally:
+        '`defineOptions` is referencing locally declared variables.',
+      multiple: '`defineOptions` has been called multiple times.',
+      notDefined: 'Options are not defined.',
+      disallowProp:
+        '`defineOptions()` cannot be used to declare `{{propName}}`. Use `{{insteadMacro}}()` instead.',
+      typeArgs: '`defineOptions()` cannot accept type arguments.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup) {
+      return {}
+    }
+
+    /** @type {Set<Expression | SpreadElement>} */
+    const optionsDefExpressions = new Set()
+    /** @type {CallExpression[]} */
+    const defineOptionsNodes = []
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          defineOptionsNodes.push(node)
+
+          if (node.arguments.length > 0) {
+            const define = node.arguments[0]
+            if (define.type === 'ObjectExpression') {
+              for (const [propName, insteadMacro] of [
+                ['props', 'defineProps'],
+                ['emits', 'defineEmits'],
+                ['expose', 'defineExpose'],
+                ['slots', 'defineSlots']
+              ]) {
+                const prop = utils.findProperty(define, propName)
+                if (prop) {
+                  context.report({
+                    node,
+                    messageId: 'disallowProp',
+                    data: { propName, insteadMacro }
+                  })
+                }
+              }
+            }
+
+            optionsDefExpressions.add(node.arguments[0])
+          } else {
+            context.report({
+              node,
+              messageId: 'notDefined'
+            })
+          }
+
+          if (node.typeParameters) {
+            context.report({
+              node: node.typeParameters,
+              messageId: 'typeArgs'
+            })
+          }
+        },
+        Identifier(node) {
+          for (const defineOptions of optionsDefExpressions) {
+            if (utils.inRange(defineOptions.range, node)) {
+              const variable = findVariable(context.getScope(), node)
+              if (
+                variable &&
+                variable.references.some((ref) => ref.identifier === node) &&
+                variable.defs.length > 0 &&
+                variable.defs.every(
+                  (def) =>
+                    def.type !== 'ImportBinding' &&
+                    utils.inRange(scriptSetup.range, def.name) &&
+                    !utils.inRange(defineOptions.range, def.name)
+                )
+              ) {
+                if (utils.withinTypeNode(node)) {
+                  continue
+                }
+                //`defineOptions` is referencing locally declared variables.
+                context.report({
+                  node,
+                  messageId: 'referencingLocally'
+                })
+              }
+            }
+          }
+        }
+      }),
+      {
+        'Program:exit'() {
+          if (defineOptionsNodes.length > 1) {
+            // `defineOptions` has been called multiple times.
+            for (const node of defineOptionsNodes) {
+              context.report({
+                node,
+                messageId: 'multiple'
+              })
+            }
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index fe471dc15..43cce1d3c 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -21,7 +21,7 @@ module.exports = {
       hasTypeAndArg:
         '`defineProps` has both a type-only props and an argument.',
       referencingLocally:
-        '`defineProps` are referencing locally declared variables.',
+        '`defineProps` is referencing locally declared variables.',
       multiple: '`defineProps` has been called multiple times.',
       notDefined: 'Props are not defined.',
       definedInBoth:
@@ -86,7 +86,7 @@ module.exports = {
                 if (utils.withinTypeNode(node)) {
                   continue
                 }
-                //`defineProps` are referencing locally declared variables.
+                //`defineProps` is referencing locally declared variables.
                 context.report({
                   node,
                   messageId: 'referencingLocally'
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 4dc70ca57..50c9047de 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -133,7 +133,7 @@ tester.run('valid-define-emits', rule, {
       `,
       errors: [
         {
-          message: '`defineEmits` are referencing locally declared variables.',
+          message: '`defineEmits` is referencing locally declared variables.',
           line: 5
         }
       ]
diff --git a/tests/lib/rules/valid-define-options.js b/tests/lib/rules/valid-define-options.js
new file mode 100644
index 000000000..58d31df68
--- /dev/null
+++ b/tests/lib/rules/valid-define-options.js
@@ -0,0 +1,201 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/valid-define-options')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+tester.run('valid-define-options', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({ name: 'foo' })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      const def = { name: 'foo' }
+      </script>
+      <script setup>
+      defineOptions(def)
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      type X = string;
+
+      defineOptions({ name: 'foo' as X })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      const str = 'abc'
+
+      defineOptions({ name: 'foo' as (typeof str) })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { def } from './defs';
+
+      defineOptions(def);
+      </script>`
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const def = { name: 'Foo' }
+        defineOptions(def)
+      </script>
+      `,
+      errors: [
+        {
+          message: '`defineOptions` is referencing locally declared variables.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineOptions({ name: 'Foo' })
+        defineOptions({ name: 'Bar' })
+      </script>
+      `,
+      errors: [
+        {
+          message: '`defineOptions` has been called multiple times.',
+          line: 3
+        },
+        {
+          message: '`defineOptions` has been called multiple times.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineOptions()
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Options are not defined.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineOptions<{ name: 'Foo' }>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message: 'Options are not defined.',
+          line: 3
+        },
+        {
+          message: '`defineOptions()` cannot accept type arguments.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineOptions({ props: { msg: String } })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            '`defineOptions()` cannot be used to declare `props`. Use `defineProps()` instead.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineOptions({ emits: ['click'] })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            '`defineOptions()` cannot be used to declare `emits`. Use `defineEmits()` instead.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineOptions({ expose: ['foo'] })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            '`defineOptions()` cannot be used to declare `expose`. Use `defineExpose()` instead.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineOptions({ slots: Object })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            '`defineOptions()` cannot be used to declare `slots`. Use `defineSlots()` instead.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index a4c0d3ca2..511e46bbc 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -136,7 +136,7 @@ tester.run('valid-define-props', rule, {
       `,
       errors: [
         {
-          message: '`defineProps` are referencing locally declared variables.',
+          message: '`defineProps` is referencing locally declared variables.',
           line: 5
         }
       ]

From 659a50f86a0953f3c34d6bda40bfa504d31bf179 Mon Sep 17 00:00:00 2001
From: ota-meshi <otameshiyo23@gmail.com>
Date: Sun, 14 May 2023 10:39:59 +0900
Subject: [PATCH 0606/1010] add FUNDING.yml

---
 .github/FUNDING.yml | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 .github/FUNDING.yml

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 000000000..1e7f59ac7
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,3 @@
+github:
+- ota-meshi
+- FloEdelmann

From 4c5fe34d13df9417aa802fda6bab1963a70374d4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 15 May 2023 20:42:33 +0900
Subject: [PATCH 0607/1010] Upgrade to vue-eslint-parser v9.3 that supports Vue
 3.3. (#2170)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a1b04d855..f5df32d22 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "nth-check": "^2.0.1",
     "postcss-selector-parser": "^6.0.9",
     "semver": "^7.3.5",
-    "vue-eslint-parser": "^9.0.1",
+    "vue-eslint-parser": "^9.3.0",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {

From 9abf469e2040d2273e4be16f4577adae6dfbe0ce Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 16 May 2023 07:57:59 +0900
Subject: [PATCH 0608/1010] Add support for imported types in SFC macros
 (#2134)

---
 docs/.vitepress/config.ts                     |  18 +-
 lib/rules/no-restricted-props.js              |  15 +-
 lib/rules/no-unused-properties.js             |   4 +-
 .../padding-lines-in-component-definition.js  |  32 +-
 lib/rules/prefer-prop-type-boolean-first.js   |   3 +
 lib/rules/require-emit-validator.js           |  23 +-
 lib/rules/require-explicit-emits.js           |   5 +-
 lib/rules/require-prop-comment.js             |   2 +-
 lib/rules/require-prop-type-constructor.js    |   2 +-
 lib/rules/require-prop-types.js               |   5 +-
 lib/rules/require-valid-default-prop.js       |  14 +-
 lib/rules/return-in-emits-validator.js        |   2 +-
 lib/utils/indent-ts.js                        |   4 +-
 lib/utils/index.js                            |  63 +--
 lib/utils/ts-ast-utils.js                     | 354 ------------
 lib/utils/ts-utils/index.js                   |  88 +++
 lib/utils/ts-utils/ts-ast.js                  | 528 ++++++++++++++++++
 lib/utils/ts-utils/ts-types.js                | 275 +++++++++
 lib/utils/ts-utils/typescript.js              | 214 +++++++
 tests/fixtures/typescript/src/test.vue        |   1 +
 tests/fixtures/typescript/src/test01.ts       |  20 +
 tests/fixtures/typescript/tsconfig.json       |   6 +
 tests/fixtures/utils/ts-utils/src/test.ts     |   0
 tests/fixtures/utils/ts-utils/src/test.vue    |   1 +
 tests/fixtures/utils/ts-utils/tsconfig.json   |   6 +
 tests/lib/rules/no-restricted-props.js        |  20 +
 tests/lib/rules/no-unused-properties.js       |  21 +
 .../padding-lines-in-component-definition.js  |  11 +
 .../rules/prefer-prop-type-boolean-first.js   |  11 +
 tests/lib/rules/require-emit-validator.js     |  11 +
 tests/lib/rules/require-explicit-emits.js     |  33 ++
 tests/lib/rules/require-prop-comment.js       |  27 +-
 .../rules/require-prop-type-constructor.js    |  11 +
 tests/lib/rules/require-prop-types.js         |  11 +
 tests/lib/rules/require-valid-default-prop.js |  78 +++
 tests/lib/rules/return-in-emits-validator.js  |  11 +
 tests/lib/utils/index.js                      |   4 +-
 .../ts-utils/index/get-component-emits.js     | 122 ++++
 .../ts-utils/index/get-component-props.js     | 213 +++++++
 tests/test-utils/typescript.js                |  26 +
 typings/eslint-plugin-vue/global.d.ts         |   1 +
 .../util-types/ast/ts-ast.ts                  |  12 +-
 .../util-types/parser-services.ts             |   8 +
 typings/eslint-plugin-vue/util-types/utils.ts |  32 +-
 44 files changed, 1882 insertions(+), 466 deletions(-)
 delete mode 100644 lib/utils/ts-ast-utils.js
 create mode 100644 lib/utils/ts-utils/index.js
 create mode 100644 lib/utils/ts-utils/ts-ast.js
 create mode 100644 lib/utils/ts-utils/ts-types.js
 create mode 100644 lib/utils/ts-utils/typescript.js
 create mode 100644 tests/fixtures/typescript/src/test.vue
 create mode 100644 tests/fixtures/typescript/src/test01.ts
 create mode 100644 tests/fixtures/typescript/tsconfig.json
 create mode 100644 tests/fixtures/utils/ts-utils/src/test.ts
 create mode 100644 tests/fixtures/utils/ts-utils/src/test.vue
 create mode 100644 tests/fixtures/utils/ts-utils/tsconfig.json
 create mode 100644 tests/lib/utils/ts-utils/index/get-component-emits.js
 create mode 100644 tests/lib/utils/ts-utils/index/get-component-props.js
 create mode 100644 tests/test-utils/typescript.js

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 2945e4246..5b2d65516 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -73,7 +73,7 @@ const sidebarCategories = [
   }
 ]
 
-const categorizedRules: DefaultTheme.SidebarGroup[] = []
+const categorizedRules: DefaultTheme.SidebarItem[] = []
 for (const { title, categoryIds } of sidebarCategories) {
   const categoryRules = rules
     .filter((rule) => rule.meta.docs.categories && !rule.meta.deprecated)
@@ -84,8 +84,10 @@ for (const { title, categoryIds } of sidebarCategories) {
     )
   const children: DefaultTheme.SidebarItem[] = categoryRules
     .filter(({ ruleId }) => {
-      const exists = categorizedRules.some(({ items }) =>
-        items.some(({ text: alreadyRuleId }) => alreadyRuleId === ruleId)
+      const exists = categorizedRules.some(
+        ({ items }) =>
+          items &&
+          items.some(({ text: alreadyRuleId }) => alreadyRuleId === ruleId)
       )
       return !exists
     })
@@ -101,16 +103,16 @@ for (const { title, categoryIds } of sidebarCategories) {
   }
   categorizedRules.push({
     text: title,
-    collapsible: false,
+    collapsed: false,
     items: children
   })
 }
 
-const extraCategories: DefaultTheme.SidebarGroup[] = []
+const extraCategories: DefaultTheme.SidebarItem[] = []
 if (uncategorizedRules.length > 0) {
   extraCategories.push({
     text: 'Uncategorized',
-    collapsible: false,
+    collapsed: false,
     items: uncategorizedRules.map(({ ruleId, name }) => ({
       text: ruleId,
       link: `/rules/${name}`
@@ -120,7 +122,7 @@ if (uncategorizedRules.length > 0) {
 if (uncategorizedExtensionRule.length > 0) {
   extraCategories.push({
     text: 'Extension Rules',
-    collapsible: false,
+    collapsed: false,
     items: uncategorizedExtensionRule.map(({ ruleId, name }) => ({
       text: ruleId,
       link: `/rules/${name}`
@@ -130,7 +132,7 @@ if (uncategorizedExtensionRule.length > 0) {
 if (deprecatedRules.length > 0) {
   extraCategories.push({
     text: 'Deprecated',
-    collapsible: false,
+    collapsed: false,
     items: deprecatedRules.map(({ ruleId, name }) => ({
       text: ruleId,
       link: `/rules/${name}`
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 564bf0773..db673e4c2 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -109,14 +109,17 @@ module.exports = {
               option.message ||
               `Using \`${prop.propName}\` props is not allowed.`
             context.report({
-              node: prop.key,
+              node: prop.type !== 'infer-type' ? prop.key : prop.node,
               messageId: 'restrictedProp',
               data: { message },
-              suggest: createSuggest(
-                prop.key,
-                option,
-                withDefaultsProps && withDefaultsProps[prop.propName]
-              )
+              suggest:
+                prop.type !== 'infer-type'
+                  ? createSuggest(
+                      prop.key,
+                      option,
+                      withDefaultsProps && withDefaultsProps[prop.propName]
+                    )
+                  : null
             })
             break
           }
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 1421ad0b8..818dcc053 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -30,7 +30,7 @@ const {
  * @typedef {object} ComponentNonObjectPropertyData
  * @property {string} name
  * @property {GroupName} groupName
- * @property {'array' | 'type'} type
+ * @property {'array' | 'type' | 'infer-type'} type
  * @property {ASTNode} node
  *
  * @typedef { ComponentNonObjectPropertyData | ComponentObjectPropertyData } ComponentPropertyData
@@ -423,7 +423,7 @@ module.exports = {
                 type: prop.type,
                 name: prop.propName,
                 groupName: 'props',
-                node: prop.key
+                node: prop.type !== 'infer-type' ? prop.key : prop.node
               })
             }
           }
diff --git a/lib/rules/padding-lines-in-component-definition.js b/lib/rules/padding-lines-in-component-definition.js
index b2f1a54dc..1c2b6e889 100644
--- a/lib/rules/padding-lines-in-component-definition.js
+++ b/lib/rules/padding-lines-in-component-definition.js
@@ -6,6 +6,7 @@
 
 /**
  * @typedef {import('../utils').ComponentProp} ComponentProp
+ * @typedef {import('../utils').ComponentEmit} ComponentEmit
  * @typedef {import('../utils').GroupName} GroupName
  */
 
@@ -33,10 +34,19 @@ function isComma(node) {
 }
 
 /**
- * @param {string} nodeType
+ * @typedef {Exclude<ComponentProp | ComponentEmit, {type:'infer-type'}> & { node: {type: 'Property' | 'SpreadElement'} }} ValidComponentPropOrEmit
  */
-function isValidProperties(nodeType) {
-  return ['Property', 'SpreadElement'].includes(nodeType)
+/**
+ * @template {ComponentProp | ComponentEmit} T
+ * @param {T} propOrEmit
+ * @returns {propOrEmit is ValidComponentPropOrEmit & T}
+ */
+function isValidProperties(propOrEmit) {
+  return Boolean(
+    propOrEmit.type !== 'infer-type' &&
+      propOrEmit.node &&
+      ['Property', 'SpreadElement'].includes(propOrEmit.node.type)
+  )
 }
 
 /**
@@ -320,11 +330,9 @@ module.exports = {
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_, props) {
-          const propNodes = /** @type {(Property | SpreadElement)[]} */ (
-            props
-              .filter((prop) => prop.node && isValidProperties(prop.node.type))
-              .map((prop) => prop.node)
-          )
+          const propNodes = props
+            .filter(isValidProperties)
+            .map((prop) => prop.node)
 
           const withinOption = parseOption(options, OptionKeys.WithinOption)
           const propsOption = withinOption && parseOption(withinOption, 'props')
@@ -337,11 +345,9 @@ module.exports = {
           )
         },
         onDefineEmitsEnter(_, emits) {
-          const emitNodes = /** @type {(Property | SpreadElement)[]} */ (
-            emits
-              .filter((emit) => emit.node && isValidProperties(emit.node.type))
-              .map((emit) => emit.node)
-          )
+          const emitNodes = emits
+            .filter(isValidProperties)
+            .map((emit) => emit.node)
 
           const withinOption = parseOption(options, OptionKeys.WithinOption)
           const emitsOption = withinOption && parseOption(withinOption, 'emits')
diff --git a/lib/rules/prefer-prop-type-boolean-first.js b/lib/rules/prefer-prop-type-boolean-first.js
index e26f9462e..aa16707c4 100644
--- a/lib/rules/prefer-prop-type-boolean-first.js
+++ b/lib/rules/prefer-prop-type-boolean-first.js
@@ -67,6 +67,9 @@ module.exports = {
      * @param {import('../utils').ComponentProp} prop
      */
     function checkProperty(prop) {
+      if (prop.type !== 'object') {
+        return
+      }
       const { value } = prop
       if (!value) {
         return
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 6fc439fd2..8b478be9d 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -34,24 +34,29 @@ module.exports = {
      * @param {ComponentEmit} emit
      */
     function checker(emit) {
-      if (emit.type !== 'object' && emit.type !== 'array') {
-        return
-      }
-      const { value, node, emitName } = emit
-      const hasType =
-        !!value &&
-        (value.type === 'ArrowFunctionExpression' ||
+      /** @type {Expression|null} */
+      let value = null
+      let hasType = false
+      if (emit.type === 'object') {
+        value = emit.value
+        hasType =
+          value.type === 'ArrowFunctionExpression' ||
           value.type === 'FunctionExpression' ||
           // validator may from outer scope
-          value.type === 'Identifier')
+          value.type === 'Identifier'
+      } else if (emit.type !== 'array') {
+        return
+      }
 
       if (!hasType) {
+        const { node, emitName } = emit
         const name =
           emitName ||
           (node.type === 'Identifier' && node.name) ||
           'Unknown emit'
 
         if (value && value.type === 'Literal' && value.value === null) {
+          const valueNode = value
           context.report({
             node,
             messageId: 'skipped',
@@ -59,7 +64,7 @@ module.exports = {
             suggest: [
               {
                 messageId: 'emptyValidation',
-                fix: (fixer) => fixer.replaceText(value, '() => true')
+                fix: (fixer) => fixer.replaceText(valueNode, '() => true')
               }
             ]
           })
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 167613804..267f4e610 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -429,7 +429,10 @@ module.exports = {
 function buildSuggest(define, emits, nameWithLoc, context) {
   const emitsKind =
     define.type === 'ObjectExpression' ? '`emits` option' : '`defineEmits`'
-  const certainEmits = emits.filter((e) => e.key)
+  const certainEmits = emits.filter(
+    /** @returns {e is ComponentEmit & {type:'array'|'object'}} */
+    (e) => e.type === 'array' || e.type === 'object'
+  )
   if (certainEmits.length > 0) {
     const last = certainEmits[certainEmits.length - 1]
     return [
diff --git a/lib/rules/require-prop-comment.js b/lib/rules/require-prop-comment.js
index 8dd852cbc..845bba9df 100644
--- a/lib/rules/require-prop-comment.js
+++ b/lib/rules/require-prop-comment.js
@@ -62,7 +62,7 @@ module.exports = {
      */
     function verifyProps(props) {
       for (const prop of props) {
-        if (!prop.propName) {
+        if (!prop.propName || prop.type === 'infer-type') {
           continue
         }
 
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index a708508e5..45354a1d1 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -79,7 +79,7 @@ module.exports = {
     /** @param {ComponentProp[]} props */
     function verifyProps(props) {
       for (const prop of props) {
-        if (!prop.value || prop.propName == null) {
+        if (prop.type !== 'object' || prop.propName == null) {
           continue
         }
         if (
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index e4d9fdcc1..f603fd184 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -51,12 +51,12 @@ module.exports = {
       if (prop.type !== 'object' && prop.type !== 'array') {
         return
       }
-      const { value, node, propName } = prop
       let hasType = true
 
-      if (!value) {
+      if (prop.type === 'array') {
         hasType = false
       } else {
+        const { value } = prop
         switch (value.type) {
           case 'ObjectExpression': {
             // foo: {
@@ -77,6 +77,7 @@ module.exports = {
       }
 
       if (!hasType) {
+        const { node, propName } = prop
         const name =
           propName ||
           (node.type === 'Identifier' && node.name) ||
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 50a3d191b..9535f51d6 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -7,9 +7,11 @@ const utils = require('../utils')
 const { capitalize } = require('../utils/casing')
 
 /**
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../utils').ComponentInferTypeProp} ComponentInferTypeProp
  * @typedef {import('../utils').ComponentUnknownProp} ComponentUnknownProp
  * @typedef {import('../utils').VueObjectData} VueObjectData
  */
@@ -108,7 +110,7 @@ module.exports = {
      */
     /**
      * @typedef {object} PropDefaultFunctionContext
-     * @property {ComponentObjectProp | ComponentTypeProp} prop
+     * @property {ComponentObjectProp | ComponentTypeProp | ComponentInferTypeProp} prop
      * @property {Set<string>} types
      * @property {FunctionValueType} default
      */
@@ -225,7 +227,7 @@ module.exports = {
 
     /**
      * @param {*} node
-     * @param {ComponentObjectProp | ComponentTypeProp} prop
+     * @param {ComponentObjectProp | ComponentTypeProp | ComponentInferTypeProp} prop
      * @param {Iterable<string>} expectedTypeNames
      */
     function report(node, prop, expectedTypeNames) {
@@ -245,7 +247,7 @@ module.exports = {
     }
 
     /**
-     * @param {(ComponentObjectDefineProp | ComponentTypeProp)[]} props
+     * @param {(ComponentObjectDefineProp | ComponentTypeProp | ComponentInferTypeProp)[]} props
      * @param { { [key: string]: Expression | undefined } } withDefaults
      */
     function processPropDefs(props, withDefaults) {
@@ -394,15 +396,15 @@ module.exports = {
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, baseProps) {
-          /** @type {(ComponentObjectDefineProp | ComponentTypeProp)[]} */
           const props = baseProps.filter(
             /**
-             * @param {ComponentObjectProp | ComponentArrayProp | ComponentTypeProp | ComponentUnknownProp} prop
-             * @returns {prop is ComponentObjectDefineProp | ComponentTypeProp}
+             * @param {ComponentProp} prop
+             * @returns {prop is ComponentObjectDefineProp | ComponentInferTypeProp | ComponentTypeProp}
              */
             (prop) =>
               Boolean(
                 prop.type === 'type' ||
+                  prop.type === 'infer-type' ||
                   (prop.type === 'object' &&
                     prop.value.type === 'ObjectExpression')
               )
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 4b8a3b1da..86db20ac9 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -65,7 +65,7 @@ module.exports = {
      */
     function processEmits(emits) {
       for (const emit of emits) {
-        if (!emit.value) {
+        if (emit.type !== 'object' || !emit.value) {
           continue
         }
         if (
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index c7ad7ad63..5bee66889 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -12,7 +12,7 @@ const {
   isClosingBracketToken,
   isOpeningBracketToken
 } = require('@eslint-community/eslint-utils')
-const { isTypeNode } = require('./ts-ast-utils')
+const { isTypeNode } = require('./ts-utils')
 
 /**
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/indent-helper').TSNodeListener} TSNodeListener
@@ -227,7 +227,7 @@ function defineVisitor({
       processSemicolons(node)
     },
     /**
-     * @param {TSESTreeNode} node
+     * @param {ASTNode} node
      */
     // eslint-disable-next-line complexity -- ignore
     '*[type=/^TS/]'(node) {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index a63891bd9..ef8cd0ee9 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -15,11 +15,13 @@
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayProp} ComponentArrayProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectProp} ComponentObjectProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentInferTypeProp} ComponentInferTypeProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownProp} ComponentUnknownProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentProp} ComponentProp
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentArrayEmit} ComponentArrayEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentObjectEmit} ComponentObjectEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeEmit} ComponentTypeEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentInferTypeEmit} ComponentInferTypeEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownEmit} ComponentUnknownEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentEmit} ComponentEmit
  */
@@ -60,7 +62,7 @@ const {
   getComponentPropsFromTypeDefine,
   getComponentEmitsFromTypeDefine,
   isTypeNode
-} = require('./ts-ast-utils')
+} = require('./ts-utils')
 
 /**
  * @type { WeakMap<RuleContext, Token[]> }
@@ -2914,9 +2916,7 @@ function getComponentPropsFromOptions(componentObject) {
     return [
       {
         type: 'unknown',
-        key: null,
         propName: null,
-        value: null,
         node: propsNode.value
       }
     ]
@@ -2949,9 +2949,7 @@ function getComponentEmitsFromOptions(componentObject) {
     return [
       {
         type: 'unknown',
-        key: null,
         emitName: null,
-        value: null,
         node: emitsNode.value
       }
     ]
@@ -2964,7 +2962,7 @@ function getComponentEmitsFromOptions(componentObject) {
  * Get all props from `defineProps` call expression.
  * @param {RuleContext} context The rule context object.
  * @param {CallExpression} node `defineProps` call expression
- * @return {(ComponentArrayProp | ComponentObjectProp | ComponentTypeProp | ComponentUnknownProp)[]} Array of component props
+ * @return {ComponentProp[]} Array of component props
  */
 function getComponentPropsFromDefineProps(context, node) {
   if (node.arguments.length > 0) {
@@ -2975,9 +2973,7 @@ function getComponentPropsFromDefineProps(context, node) {
     return [
       {
         type: 'unknown',
-        key: null,
         propName: null,
-        value: null,
         node: node.arguments[0]
       }
     ]
@@ -2991,9 +2987,7 @@ function getComponentPropsFromDefineProps(context, node) {
   return [
     {
       type: 'unknown',
-      key: null,
       propName: null,
-      value: null,
       node: null
     }
   ]
@@ -3003,7 +2997,7 @@ function getComponentPropsFromDefineProps(context, node) {
  * Get all emits from `defineEmits` call expression.
  * @param {RuleContext} context The rule context object.
  * @param {CallExpression} node `defineEmits` call expression
- * @return {(ComponentArrayEmit | ComponentObjectEmit | ComponentTypeEmit | ComponentUnknownEmit)[]} Array of component emits
+ * @return {ComponentEmit[]} Array of component emits
  */
 function getComponentEmitsFromDefineEmits(context, node) {
   if (node.arguments.length > 0) {
@@ -3014,9 +3008,7 @@ function getComponentEmitsFromDefineEmits(context, node) {
     return [
       {
         type: 'unknown',
-        key: null,
         emitName: null,
-        value: null,
         node: node.arguments[0]
       }
     ]
@@ -3030,9 +3022,7 @@ function getComponentEmitsFromDefineEmits(context, node) {
   return [
     {
       type: 'unknown',
-      key: null,
       emitName: null,
-      value: null,
       node: null
     }
   ]
@@ -3044,34 +3034,35 @@ function getComponentEmitsFromDefineEmits(context, node) {
  */
 function getComponentPropsFromDefine(propsNode) {
   if (propsNode.type === 'ObjectExpression') {
-    return propsNode.properties.map((prop) => {
-      if (!isProperty(prop)) {
-        return {
-          type: 'unknown',
-          key: null,
-          propName: null,
-          value: null,
-          node: prop
+    return propsNode.properties.map(
+      /** @returns {ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp} */
+      (prop) => {
+        if (!isProperty(prop)) {
+          return {
+            type: 'unknown',
+            propName: null,
+            node: prop
+          }
+        }
+        const propName = getStaticPropertyName(prop)
+        if (propName != null) {
+          return {
+            type: 'object',
+            key: prop.key,
+            propName,
+            value: skipTSAsExpression(prop.value),
+            node: prop
+          }
         }
-      }
-      const propName = getStaticPropertyName(prop)
-      if (propName != null) {
         return {
           type: 'object',
-          key: prop.key,
-          propName,
+          key: null,
+          propName: null,
           value: skipTSAsExpression(prop.value),
           node: prop
         }
       }
-      return {
-        type: 'object',
-        key: null,
-        propName: null,
-        value: skipTSAsExpression(prop.value),
-        node: prop
-      }
-    })
+    )
   }
 
   return propsNode.elements.filter(isDef).map((prop) => {
diff --git a/lib/utils/ts-ast-utils.js b/lib/utils/ts-ast-utils.js
deleted file mode 100644
index 330e6b985..000000000
--- a/lib/utils/ts-ast-utils.js
+++ /dev/null
@@ -1,354 +0,0 @@
-const { findVariable } = require('@eslint-community/eslint-utils')
-/**
- * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
- * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
- * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSTypeLiteral
- * @typedef {import('@typescript-eslint/types').TSESTree.Parameter} TSESTreeParameter
- * @typedef {import('@typescript-eslint/types').TSESTree.Node} Node
- *
- */
-/**
- * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeProp} ComponentTypeProp
- * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeEmit} ComponentTypeEmit
- * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownEmit} ComponentUnknownEmit
- */
-
-module.exports = {
-  isTypeNode,
-  getComponentPropsFromTypeDefine,
-  getComponentEmitsFromTypeDefine
-}
-
-/**
- * @param {Node | ASTNode} node
- * @returns {node is TypeNode}
- */
-function isTypeNode(node) {
-  return (
-    node.type === 'TSAnyKeyword' ||
-    node.type === 'TSArrayType' ||
-    node.type === 'TSBigIntKeyword' ||
-    node.type === 'TSBooleanKeyword' ||
-    node.type === 'TSConditionalType' ||
-    node.type === 'TSConstructorType' ||
-    node.type === 'TSFunctionType' ||
-    node.type === 'TSImportType' ||
-    node.type === 'TSIndexedAccessType' ||
-    node.type === 'TSInferType' ||
-    node.type === 'TSIntersectionType' ||
-    node.type === 'TSIntrinsicKeyword' ||
-    node.type === 'TSLiteralType' ||
-    node.type === 'TSMappedType' ||
-    node.type === 'TSNamedTupleMember' ||
-    node.type === 'TSNeverKeyword' ||
-    node.type === 'TSNullKeyword' ||
-    node.type === 'TSNumberKeyword' ||
-    node.type === 'TSObjectKeyword' ||
-    node.type === 'TSOptionalType' ||
-    node.type === 'TSRestType' ||
-    node.type === 'TSStringKeyword' ||
-    node.type === 'TSSymbolKeyword' ||
-    node.type === 'TSTemplateLiteralType' ||
-    node.type === 'TSThisType' ||
-    node.type === 'TSTupleType' ||
-    node.type === 'TSTypeLiteral' ||
-    node.type === 'TSTypeOperator' ||
-    node.type === 'TSTypePredicate' ||
-    node.type === 'TSTypeQuery' ||
-    node.type === 'TSTypeReference' ||
-    node.type === 'TSUndefinedKeyword' ||
-    node.type === 'TSUnionType' ||
-    node.type === 'TSUnknownKeyword' ||
-    node.type === 'TSVoidKeyword'
-  )
-}
-
-/**
- * @param {TypeNode} node
- * @returns {node is TSTypeLiteral}
- */
-function isTSTypeLiteral(node) {
-  return node.type === 'TSTypeLiteral'
-}
-/**
- * @param {TypeNode} node
- * @returns {node is TSFunctionType}
- */
-function isTSFunctionType(node) {
-  return node.type === 'TSFunctionType'
-}
-
-/**
- * Get all props by looking at all component's properties
- * @param {RuleContext} context The ESLint rule context object.
- * @param {TypeNode} propsNode Type with props definition
- * @return {ComponentTypeProp[]} Array of component props
- */
-function getComponentPropsFromTypeDefine(context, propsNode) {
-  /** @type {TSInterfaceBody | TSTypeLiteral|null} */
-  const defNode = resolveQualifiedType(context, propsNode, isTSTypeLiteral)
-  if (!defNode) {
-    return []
-  }
-  return [...extractRuntimeProps(context, defNode)]
-}
-
-/**
- * Get all emits by looking at all component's properties
- * @param {RuleContext} context The ESLint rule context object.
- * @param {TypeNode} emitsNode Type with emits definition
- * @return {ComponentTypeEmit[]} Array of component emits
- */
-function getComponentEmitsFromTypeDefine(context, emitsNode) {
-  /** @type {TSInterfaceBody | TSTypeLiteral | TSFunctionType | null} */
-  const defNode = resolveQualifiedType(
-    context,
-    emitsNode,
-    (n) => isTSTypeLiteral(n) || isTSFunctionType(n)
-  )
-  if (!defNode) {
-    return []
-  }
-  return [...extractRuntimeEmits(defNode)]
-}
-
-/**
- * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L1512
- * @param {RuleContext} context The ESLint rule context object.
- * @param {TSTypeLiteral | TSInterfaceBody} node
- * @returns {IterableIterator<ComponentTypeProp>}
- */
-function* extractRuntimeProps(context, node) {
-  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
-  for (const m of members) {
-    if (
-      (m.type === 'TSPropertySignature' || m.type === 'TSMethodSignature') &&
-      (m.key.type === 'Identifier' || m.key.type === 'Literal')
-    ) {
-      let type
-      if (m.type === 'TSMethodSignature') {
-        type = ['Function']
-      } else if (m.typeAnnotation) {
-        type = inferRuntimeType(context, m.typeAnnotation.typeAnnotation)
-      }
-      yield {
-        type: 'type',
-        key: /** @type {Identifier | Literal} */ (m.key),
-        propName: m.key.type === 'Identifier' ? m.key.name : `${m.key.value}`,
-        value: null,
-        node: /** @type {TSPropertySignature | TSMethodSignature} */ (m),
-
-        required: !m.optional,
-        types: type || [`null`]
-      }
-    }
-  }
-}
-
-/**
- * @see https://github.com/vuejs/vue-next/blob/348c3b01e56383ffa70b180d1376fdf4ac12e274/packages/compiler-sfc/src/compileScript.ts#L1632
- * @param {TSTypeLiteral | TSInterfaceBody | TSFunctionType} node
- * @returns {IterableIterator<ComponentTypeEmit | ComponentUnknownEmit>}
- */
-function* extractRuntimeEmits(node) {
-  if (node.type === 'TSFunctionType') {
-    yield* extractEventNames(node.params[0], node)
-    return
-  }
-  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
-  for (const member of members) {
-    if (member.type === 'TSCallSignatureDeclaration') {
-      yield* extractEventNames(
-        member.params[0],
-        /** @type {TSCallSignatureDeclaration} */ (member)
-      )
-    } else if (
-      member.type === 'TSPropertySignature' ||
-      member.type === 'TSMethodSignature'
-    ) {
-      if (member.key.type !== 'Identifier' && member.key.type !== 'Literal') {
-        yield {
-          type: 'unknown',
-          node: member.key
-        }
-        continue
-      }
-      yield {
-        type: 'type',
-        key: /** @type {Identifier | Literal} */ (member.key),
-        emitName:
-          member.key.type === 'Identifier'
-            ? member.key.name
-            : `${member.key.value}`,
-        value: null,
-        node: /** @type {TSPropertySignature | TSMethodSignature} */ (member)
-      }
-    }
-  }
-}
-
-/**
- * @param {TSESTreeParameter} eventName
- * @param {TSCallSignatureDeclaration | TSFunctionType} member
- * @returns {IterableIterator<ComponentTypeEmit>}
- */
-function* extractEventNames(eventName, member) {
-  if (
-    eventName &&
-    eventName.type === 'Identifier' &&
-    eventName.typeAnnotation &&
-    eventName.typeAnnotation.type === 'TSTypeAnnotation'
-  ) {
-    const typeNode = eventName.typeAnnotation.typeAnnotation
-    if (
-      typeNode.type === 'TSLiteralType' &&
-      typeNode.literal.type === 'Literal'
-    ) {
-      const emitName = String(typeNode.literal.value)
-      yield {
-        type: 'type',
-        key: /** @type {TSLiteralType} */ (typeNode),
-        emitName,
-        value: null,
-        node: member
-      }
-    } else if (typeNode.type === 'TSUnionType') {
-      for (const t of typeNode.types) {
-        if (t.type === 'TSLiteralType' && t.literal.type === 'Literal') {
-          const emitName = String(t.literal.value)
-          yield {
-            type: 'type',
-            key: /** @type {TSLiteralType} */ (t),
-            emitName,
-            value: null,
-            node: member
-          }
-        }
-      }
-    }
-  }
-}
-
-/**
- * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L425
- *
- * @param {RuleContext} context The ESLint rule context object.
- * @param {TypeNode} node
- * @param {(n: TypeNode)=> boolean } qualifier
- */
-function resolveQualifiedType(context, node, qualifier) {
-  if (qualifier(node)) {
-    return node
-  }
-  if (node.type === 'TSTypeReference' && node.typeName.type === 'Identifier') {
-    const refName = node.typeName.name
-    const variable = findVariable(context.getScope(), refName)
-    if (variable && variable.defs.length === 1) {
-      const def = variable.defs[0]
-      if (def.node.type === 'TSInterfaceDeclaration') {
-        return /** @type {any} */ (def.node).body
-      }
-      if (def.node.type === 'TSTypeAliasDeclaration') {
-        const typeAnnotation = /** @type {any} */ (def.node).typeAnnotation
-        return qualifier(typeAnnotation) ? typeAnnotation : null
-      }
-    }
-  }
-}
-
-/**
- * @param {RuleContext} context The ESLint rule context object.
- * @param {TypeNode} node
- * @param {Set<TypeNode>} [checked]
- * @returns {string[]}
- */
-function inferRuntimeType(context, node, checked = new Set()) {
-  switch (node.type) {
-    case 'TSStringKeyword':
-      return ['String']
-    case 'TSNumberKeyword':
-      return ['Number']
-    case 'TSBooleanKeyword':
-      return ['Boolean']
-    case 'TSObjectKeyword':
-      return ['Object']
-    case 'TSTypeLiteral':
-      return ['Object']
-    case 'TSFunctionType':
-      return ['Function']
-    case 'TSArrayType':
-    case 'TSTupleType':
-      return ['Array']
-
-    case 'TSLiteralType':
-      if (node.literal.type === 'Literal') {
-        switch (typeof node.literal.value) {
-          case 'boolean':
-            return ['Boolean']
-          case 'string':
-            return ['String']
-          case 'number':
-          case 'bigint':
-            return ['Number']
-        }
-        if (node.literal.value instanceof RegExp) {
-          return ['RegExp']
-        }
-      }
-      return [`null`]
-    case 'TSTypeReference':
-      if (node.typeName.type === 'Identifier') {
-        const variable = findVariable(context.getScope(), node.typeName.name)
-        if (variable && variable.defs.length === 1) {
-          const def = variable.defs[0]
-          if (def.node.type === 'TSInterfaceDeclaration') {
-            return [`Object`]
-          }
-          if (def.node.type === 'TSTypeAliasDeclaration') {
-            const typeAnnotation = /** @type {any} */ (def.node).typeAnnotation
-            if (!checked.has(typeAnnotation)) {
-              checked.add(typeAnnotation)
-              return inferRuntimeType(context, typeAnnotation, checked)
-            }
-          }
-        }
-        switch (node.typeName.name) {
-          case 'Array':
-          case 'Function':
-          case 'Object':
-          case 'Set':
-          case 'Map':
-          case 'WeakSet':
-          case 'WeakMap':
-          case 'Date':
-            return [node.typeName.name]
-          case 'Record':
-          case 'Partial':
-          case 'Readonly':
-          case 'Pick':
-          case 'Omit':
-          case 'Exclude':
-          case 'Extract':
-          case 'Required':
-          case 'InstanceType':
-            return ['Object']
-        }
-      }
-      return [`null`]
-
-    case 'TSUnionType':
-      const set = new Set()
-      for (const t of node.types) {
-        for (const tt of inferRuntimeType(context, t, checked)) {
-          set.add(tt)
-        }
-      }
-      return [...set]
-
-    case 'TSIntersectionType':
-      return ['Object']
-
-    default:
-      return [`null`] // no runtime check
-  }
-}
diff --git a/lib/utils/ts-utils/index.js b/lib/utils/ts-utils/index.js
new file mode 100644
index 000000000..8b6c53b26
--- /dev/null
+++ b/lib/utils/ts-utils/index.js
@@ -0,0 +1,88 @@
+const {
+  isTypeNode,
+  extractRuntimeProps,
+  isTSTypeLiteral,
+  isTSTypeLiteralOrTSFunctionType,
+  extractRuntimeEmits,
+  flattenTypeNodes,
+  isTSInterfaceBody
+} = require('./ts-ast')
+const {
+  getComponentPropsFromTypeDefineTypes,
+  getComponentEmitsFromTypeDefineTypes
+} = require('./ts-types')
+
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TSESTreeTypeNode
+ */
+/**
+ * @typedef {import('../index').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../index').ComponentInferTypeProp} ComponentInferTypeProp
+ * @typedef {import('../index').ComponentUnknownProp} ComponentUnknownProp
+ * @typedef {import('../index').ComponentTypeEmit} ComponentTypeEmit
+ * @typedef {import('../index').ComponentInferTypeEmit} ComponentInferTypeEmit
+ * @typedef {import('../index').ComponentUnknownEmit} ComponentUnknownEmit
+ */
+
+module.exports = {
+  isTypeNode,
+  getComponentPropsFromTypeDefine,
+  getComponentEmitsFromTypeDefine
+}
+
+/**
+ * Get all props by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} propsNode Type with props definition
+ * @return {(ComponentTypeProp|ComponentInferTypeProp|ComponentUnknownProp)[]} Array of component props
+ */
+function getComponentPropsFromTypeDefine(context, propsNode) {
+  /** @type {(ComponentTypeProp|ComponentInferTypeProp|ComponentUnknownProp)[]} */
+  const result = []
+  for (const defNode of flattenTypeNodes(
+    context,
+    /** @type {TSESTreeTypeNode} */ (propsNode)
+  )) {
+    if (isTSInterfaceBody(defNode) || isTSTypeLiteral(defNode)) {
+      result.push(...extractRuntimeProps(context, defNode))
+    } else {
+      result.push(
+        ...getComponentPropsFromTypeDefineTypes(
+          context,
+          /** @type {TypeNode} */ (defNode)
+        )
+      )
+    }
+  }
+  return result
+}
+
+/**
+ * Get all emits by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} emitsNode Type with emits definition
+ * @return {(ComponentTypeEmit|ComponentInferTypeEmit|ComponentUnknownEmit)[]} Array of component emits
+ */
+function getComponentEmitsFromTypeDefine(context, emitsNode) {
+  /** @type {(ComponentTypeEmit|ComponentInferTypeEmit|ComponentUnknownEmit)[]} */
+  const result = []
+  for (const defNode of flattenTypeNodes(
+    context,
+    /** @type {TSESTreeTypeNode} */ (emitsNode)
+  )) {
+    if (
+      isTSInterfaceBody(defNode) ||
+      isTSTypeLiteralOrTSFunctionType(defNode)
+    ) {
+      result.push(...extractRuntimeEmits(defNode))
+    } else {
+      result.push(
+        ...getComponentEmitsFromTypeDefineTypes(
+          context,
+          /** @type {TypeNode} */ (defNode)
+        )
+      )
+    }
+  }
+  return result
+}
diff --git a/lib/utils/ts-utils/ts-ast.js b/lib/utils/ts-utils/ts-ast.js
new file mode 100644
index 000000000..8561bf565
--- /dev/null
+++ b/lib/utils/ts-utils/ts-ast.js
@@ -0,0 +1,528 @@
+const { findVariable } = require('@eslint-community/eslint-utils')
+const { inferRuntimeTypeFromTypeNode } = require('./ts-types')
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TSESTreeTypeNode
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSESTreeTSInterfaceBody
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSESTreeTSTypeLiteral
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSFunctionType} TSESTreeTSFunctionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.Parameter} TSESTreeParameter
+ * @typedef {import('@typescript-eslint/types').TSESTree.Node} TSESTreeNode
+ *
+ */
+/**
+ * @typedef {import('../index').ComponentTypeProp} ComponentTypeProp
+ * @typedef {import('../index').ComponentUnknownProp} ComponentUnknownProp
+ * @typedef {import('../index').ComponentTypeEmit} ComponentTypeEmit
+ * @typedef {import('../index').ComponentUnknownEmit} ComponentUnknownEmit
+ */
+
+const noop = Function.prototype
+
+module.exports = {
+  isTypeNode,
+  flattenTypeNodes,
+  isTSInterfaceBody,
+  isTSTypeLiteral,
+  isTSTypeLiteralOrTSFunctionType,
+  extractRuntimeProps,
+  extractRuntimeEmits
+}
+
+/**
+ * @param {ASTNode} node
+ * @returns {node is TypeNode}
+ */
+function isTypeNode(node) {
+  if (
+    node.type === 'TSAbstractKeyword' ||
+    node.type === 'TSAnyKeyword' ||
+    node.type === 'TSAsyncKeyword' ||
+    node.type === 'TSArrayType' ||
+    node.type === 'TSBigIntKeyword' ||
+    node.type === 'TSBooleanKeyword' ||
+    node.type === 'TSConditionalType' ||
+    node.type === 'TSConstructorType' ||
+    node.type === 'TSDeclareKeyword' ||
+    node.type === 'TSExportKeyword' ||
+    node.type === 'TSFunctionType' ||
+    node.type === 'TSImportType' ||
+    node.type === 'TSIndexedAccessType' ||
+    node.type === 'TSInferType' ||
+    node.type === 'TSIntersectionType' ||
+    node.type === 'TSIntrinsicKeyword' ||
+    node.type === 'TSLiteralType' ||
+    node.type === 'TSMappedType' ||
+    node.type === 'TSNamedTupleMember' ||
+    node.type === 'TSNeverKeyword' ||
+    node.type === 'TSNullKeyword' ||
+    node.type === 'TSNumberKeyword' ||
+    node.type === 'TSObjectKeyword' ||
+    node.type === 'TSOptionalType' ||
+    node.type === 'TSQualifiedName' ||
+    node.type === 'TSPrivateKeyword' ||
+    node.type === 'TSProtectedKeyword' ||
+    node.type === 'TSPublicKeyword' ||
+    node.type === 'TSReadonlyKeyword' ||
+    node.type === 'TSRestType' ||
+    node.type === 'TSStaticKeyword' ||
+    node.type === 'TSStringKeyword' ||
+    node.type === 'TSSymbolKeyword' ||
+    node.type === 'TSTemplateLiteralType' ||
+    node.type === 'TSThisType' ||
+    node.type === 'TSTupleType' ||
+    node.type === 'TSTypeLiteral' ||
+    node.type === 'TSTypeOperator' ||
+    node.type === 'TSTypePredicate' ||
+    node.type === 'TSTypeQuery' ||
+    node.type === 'TSTypeReference' ||
+    node.type === 'TSUndefinedKeyword' ||
+    node.type === 'TSUnionType' ||
+    node.type === 'TSUnknownKeyword' ||
+    node.type === 'TSVoidKeyword'
+  ) {
+    /** @type {TypeNode['type']} for type check */
+    const type = node.type
+    noop(type)
+    return true
+  }
+  /** @type {Exclude<ASTNode['type'], TypeNode['type']>} for type check */
+  const type = node.type
+  noop(type)
+  return false
+}
+
+/**
+ * @param {TSESTreeTypeNode|TSESTreeTSInterfaceBody} node
+ * @returns {node is TSESTreeTSInterfaceBody}
+ */
+function isTSInterfaceBody(node) {
+  return node.type === 'TSInterfaceBody'
+}
+/**
+ * @param {TSESTreeTypeNode} node
+ * @returns {node is TSESTreeTSTypeLiteral}
+ */
+function isTSTypeLiteral(node) {
+  return node.type === 'TSTypeLiteral'
+}
+/**
+ * @param {TSESTreeTypeNode} node
+ * @returns {node is TSESTreeTSFunctionType}
+ */
+function isTSFunctionType(node) {
+  return node.type === 'TSFunctionType'
+}
+/**
+ * @param {TSESTreeTypeNode} node
+ * @returns {node is TSESTreeTSTypeLiteral | TSESTreeTSFunctionType}
+ */
+function isTSTypeLiteralOrTSFunctionType(node) {
+  return isTSTypeLiteral(node) || isTSFunctionType(node)
+}
+
+/**
+ * @see https://github.com/vuejs/vue-next/blob/253ca2729d808fc051215876aa4af986e4caa43c/packages/compiler-sfc/src/compileScript.ts#L1512
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TSESTreeTSTypeLiteral | TSESTreeTSInterfaceBody} node
+ * @returns {IterableIterator<ComponentTypeProp | ComponentUnknownProp>}
+ */
+function* extractRuntimeProps(context, node) {
+  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
+  for (const member of members) {
+    if (
+      member.type === 'TSPropertySignature' ||
+      member.type === 'TSMethodSignature'
+    ) {
+      if (member.key.type !== 'Identifier' && member.key.type !== 'Literal') {
+        yield {
+          type: 'unknown',
+          propName: null,
+          node: /** @type {Expression} */ (member.key)
+        }
+        continue
+      }
+      /** @type {string[]|undefined} */
+      let types
+      if (member.type === 'TSMethodSignature') {
+        types = ['Function']
+      } else if (member.typeAnnotation) {
+        types = inferRuntimeType(context, member.typeAnnotation.typeAnnotation)
+      }
+      yield {
+        type: 'type',
+        key: /** @type {Identifier | Literal} */ (member.key),
+        propName:
+          member.key.type === 'Identifier'
+            ? member.key.name
+            : `${member.key.value}`,
+        node: /** @type {TSPropertySignature | TSMethodSignature} */ (member),
+
+        required: !member.optional,
+        types: types || [`null`]
+      }
+    }
+  }
+}
+
+/**
+ * @param {TSESTreeTSTypeLiteral | TSESTreeTSInterfaceBody | TSESTreeTSFunctionType} node
+ * @returns {IterableIterator<ComponentTypeEmit | ComponentUnknownEmit>}
+ */
+function* extractRuntimeEmits(node) {
+  if (node.type === 'TSFunctionType') {
+    yield* extractEventNames(
+      node.params[0],
+      /** @type {TSFunctionType} */ (node)
+    )
+    return
+  }
+  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
+  for (const member of members) {
+    if (member.type === 'TSCallSignatureDeclaration') {
+      yield* extractEventNames(
+        member.params[0],
+        /** @type {TSCallSignatureDeclaration} */ (member)
+      )
+    } else if (
+      member.type === 'TSPropertySignature' ||
+      member.type === 'TSMethodSignature'
+    ) {
+      if (member.key.type !== 'Identifier' && member.key.type !== 'Literal') {
+        yield {
+          type: 'unknown',
+          emitName: null,
+          node: /** @type {Expression} */ (member.key)
+        }
+        continue
+      }
+      yield {
+        type: 'type',
+        key: /** @type {Identifier | Literal} */ (member.key),
+        emitName:
+          member.key.type === 'Identifier'
+            ? member.key.name
+            : `${member.key.value}`,
+        node: /** @type {TSPropertySignature | TSMethodSignature} */ (member)
+      }
+    }
+  }
+}
+
+/**
+ * @param {TSESTreeParameter} eventName
+ * @param {TSCallSignatureDeclaration | TSFunctionType} member
+ * @returns {IterableIterator<ComponentTypeEmit>}
+ */
+function* extractEventNames(eventName, member) {
+  if (
+    eventName &&
+    eventName.type === 'Identifier' &&
+    eventName.typeAnnotation &&
+    eventName.typeAnnotation.type === 'TSTypeAnnotation'
+  ) {
+    const typeNode = eventName.typeAnnotation.typeAnnotation
+    if (
+      typeNode.type === 'TSLiteralType' &&
+      typeNode.literal.type === 'Literal'
+    ) {
+      const emitName = String(typeNode.literal.value)
+      yield {
+        type: 'type',
+        key: /** @type {TSLiteralType} */ (typeNode),
+        emitName,
+        node: member
+      }
+    } else if (typeNode.type === 'TSUnionType') {
+      for (const t of typeNode.types) {
+        if (t.type === 'TSLiteralType' && t.literal.type === 'Literal') {
+          const emitName = String(t.literal.value)
+          yield {
+            type: 'type',
+            key: /** @type {TSLiteralType} */ (t),
+            emitName,
+            node: member
+          }
+        }
+      }
+    }
+  }
+}
+
+/**
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TSESTreeTypeNode} node
+ * @returns {(TSESTreeTypeNode|TSESTreeTSInterfaceBody)[]}
+ */
+function flattenTypeNodes(context, node) {
+  /**
+   * @typedef {object} TraversedData
+   * @property {Set<TSESTreeTypeNode|TSESTreeTSInterfaceBody>} nodes
+   * @property {boolean} finished
+   */
+  /** @type {Map<TSESTreeTypeNode,TraversedData>} */
+  const traversed = new Map()
+
+  return [...flattenImpl(node)]
+  /**
+   * @param {TSESTreeTypeNode} node
+   * @returns {Iterable<TSESTreeTypeNode|TSESTreeTSInterfaceBody>}
+   */
+  function* flattenImpl(node) {
+    if (node.type === 'TSUnionType' || node.type === 'TSIntersectionType') {
+      for (const typeNode of node.types) {
+        yield* flattenImpl(typeNode)
+      }
+      return
+    }
+    if (
+      node.type === 'TSTypeReference' &&
+      node.typeName.type === 'Identifier'
+    ) {
+      const refName = node.typeName.name
+      const variable = findVariable(context.getScope(), refName)
+      if (variable && variable.defs.length === 1) {
+        const defNode = /** @type {TSESTreeNode} */ (variable.defs[0].node)
+        if (defNode.type === 'TSInterfaceDeclaration') {
+          yield defNode.body
+          return
+        } else if (defNode.type === 'TSTypeAliasDeclaration') {
+          const typeAnnotation = defNode.typeAnnotation
+          let traversedData = traversed.get(typeAnnotation)
+          if (traversedData) {
+            const copy = [...traversedData.nodes]
+            yield* copy
+            if (!traversedData.finished) {
+              // Include the node because it will probably be referenced recursively.
+              yield typeAnnotation
+            }
+            return
+          }
+          traversedData = { nodes: new Set(), finished: false }
+          traversed.set(typeAnnotation, traversedData)
+          for (const e of flattenImpl(typeAnnotation)) {
+            traversedData.nodes.add(e)
+          }
+          traversedData.finished = true
+          yield* traversedData.nodes
+          return
+        }
+      }
+    }
+    yield node
+  }
+}
+
+/**
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TSESTreeTypeNode} node
+ * @param {Set<TSESTreeTypeNode>} [checked]
+ * @returns {string[]}
+ */
+function inferRuntimeType(context, node, checked = new Set()) {
+  switch (node.type) {
+    case 'TSStringKeyword':
+    case 'TSTemplateLiteralType':
+      return ['String']
+    case 'TSNumberKeyword':
+      return ['Number']
+    case 'TSBooleanKeyword':
+      return ['Boolean']
+    case 'TSObjectKeyword':
+      return ['Object']
+    case 'TSTypeLiteral':
+      return inferTypeLiteralType(node)
+    case 'TSFunctionType':
+      return ['Function']
+    case 'TSArrayType':
+    case 'TSTupleType':
+      return ['Array']
+    case 'TSSymbolKeyword':
+      return ['Symbol']
+
+    case 'TSLiteralType':
+      if (node.literal.type === 'Literal') {
+        switch (typeof node.literal.value) {
+          case 'boolean':
+            return ['Boolean']
+          case 'string':
+            return ['String']
+          case 'number':
+          case 'bigint':
+            return ['Number']
+        }
+        if (node.literal.value instanceof RegExp) {
+          return ['RegExp']
+        }
+      }
+      return inferRuntimeTypeFromTypeNode(
+        context,
+        /** @type {TypeNode} */ (node)
+      )
+    case 'TSTypeReference':
+      if (node.typeName.type === 'Identifier') {
+        const variable = findVariable(context.getScope(), node.typeName.name)
+        if (variable && variable.defs.length === 1) {
+          const defNode = /** @type {TSESTreeNode} */ (variable.defs[0].node)
+          if (defNode.type === 'TSInterfaceDeclaration') {
+            return [`Object`]
+          }
+          if (defNode.type === 'TSTypeAliasDeclaration') {
+            const typeAnnotation = defNode.typeAnnotation
+            if (!checked.has(typeAnnotation)) {
+              checked.add(typeAnnotation)
+              return inferRuntimeType(context, typeAnnotation, checked)
+            }
+          }
+          if (defNode.type === 'TSEnumDeclaration') {
+            return inferEnumType(context, defNode)
+          }
+        }
+        for (const name of [
+          node.typeName.name,
+          ...(node.typeName.name.startsWith('Readonly')
+            ? [node.typeName.name.slice(8)]
+            : [])
+        ]) {
+          switch (name) {
+            case 'Array':
+            case 'Function':
+            case 'Object':
+            case 'Set':
+            case 'Map':
+            case 'WeakSet':
+            case 'WeakMap':
+            case 'Date':
+              return [name]
+          }
+        }
+
+        switch (node.typeName.name) {
+          case 'Record':
+          case 'Partial':
+          case 'Readonly':
+          case 'Pick':
+          case 'Omit':
+          case 'Required':
+          case 'InstanceType':
+            return ['Object']
+          case 'Uppercase':
+          case 'Lowercase':
+          case 'Capitalize':
+          case 'Uncapitalize':
+            return ['String']
+          case 'Parameters':
+          case 'ConstructorParameters':
+            return ['Array']
+          case 'NonNullable':
+            if (node.typeParameters && node.typeParameters.params[0]) {
+              return inferRuntimeType(
+                context,
+                node.typeParameters.params[0],
+                checked
+              ).filter((t) => t !== 'null')
+            }
+            break
+          case 'Extract':
+            if (node.typeParameters && node.typeParameters.params[1]) {
+              return inferRuntimeType(
+                context,
+                node.typeParameters.params[1],
+                checked
+              )
+            }
+            break
+          case 'Exclude':
+          case 'OmitThisParameter':
+            if (node.typeParameters && node.typeParameters.params[0]) {
+              return inferRuntimeType(
+                context,
+                node.typeParameters.params[0],
+                checked
+              )
+            }
+            break
+        }
+      }
+      return inferRuntimeTypeFromTypeNode(
+        context,
+        /** @type {TypeNode} */ (node)
+      )
+
+    case 'TSUnionType':
+    case 'TSIntersectionType':
+      return inferUnionType(node)
+
+    default:
+      return inferRuntimeTypeFromTypeNode(
+        context,
+        /** @type {TypeNode} */ (node)
+      )
+  }
+
+  /**
+   * @param {import('@typescript-eslint/types').TSESTree.TSUnionType|import('@typescript-eslint/types').TSESTree.TSIntersectionType} node
+   * @returns {string[]}
+   */
+  function inferUnionType(node) {
+    const types = new Set()
+    for (const t of node.types) {
+      for (const tt of inferRuntimeType(context, t, checked)) {
+        types.add(tt)
+      }
+    }
+    return [...types]
+  }
+}
+
+/**
+ * @param {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} node
+ * @returns {string[]}
+ */
+function inferTypeLiteralType(node) {
+  const types = new Set()
+  for (const m of node.members) {
+    switch (m.type) {
+      case 'TSCallSignatureDeclaration':
+      case 'TSConstructSignatureDeclaration':
+        types.add('Function')
+        break
+      default:
+        types.add('Object')
+    }
+  }
+  return types.size > 0 ? [...types] : ['Object']
+}
+/**
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {import('@typescript-eslint/types').TSESTree.TSEnumDeclaration} node
+ * @returns {string[]}
+ */
+function inferEnumType(context, node) {
+  const types = new Set()
+  for (const m of node.members) {
+    if (m.initializer) {
+      if (m.initializer.type === 'Literal') {
+        switch (typeof m.initializer.value) {
+          case 'string':
+            types.add('String')
+            break
+          case 'number':
+          case 'bigint': // Now it's a syntax error.
+            types.add('Number')
+            break
+          case 'boolean': // Now it's a syntax error.
+            types.add('Boolean')
+            break
+        }
+      } else {
+        for (const type of inferRuntimeTypeFromTypeNode(
+          context,
+          /** @type {Expression} */ (m.initializer)
+        )) {
+          types.add(type)
+        }
+      }
+    }
+  }
+  return types.size > 0 ? [...types] : ['Number']
+}
diff --git a/lib/utils/ts-utils/ts-types.js b/lib/utils/ts-utils/ts-types.js
new file mode 100644
index 000000000..e684831e4
--- /dev/null
+++ b/lib/utils/ts-utils/ts-types.js
@@ -0,0 +1,275 @@
+const {
+  getTypeScript,
+  isAny,
+  isUnknown,
+  isNever,
+  isNull,
+  isObject,
+  isFunction,
+  isStringLike,
+  isNumberLike,
+  isBooleanLike,
+  isBigIntLike,
+  isArrayLikeObject,
+  isReferenceObject
+} = require('./typescript')
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.Node} TSESTreeNode
+ * @typedef {import('typescript').Type} Type
+ * @typedef {import('typescript').TypeChecker} TypeChecker
+ * @typedef {import('typescript').Node} TypeScriptNode
+ */
+/**
+ * @typedef {import('../index').ComponentInferTypeProp} ComponentInferTypeProp
+ * @typedef {import('../index').ComponentUnknownProp} ComponentUnknownProp
+ * @typedef {import('../index').ComponentInferTypeEmit} ComponentInferTypeEmit
+ * @typedef {import('../index').ComponentUnknownEmit} ComponentUnknownEmit
+ */
+
+module.exports = {
+  getComponentPropsFromTypeDefineTypes,
+  getComponentEmitsFromTypeDefineTypes,
+  inferRuntimeTypeFromTypeNode
+}
+
+/**
+ * @typedef {object} Services
+ * @property {typeof import("typescript")} ts
+ * @property {Map<ESNode | TSNode | TSESTreeNode, TypeScriptNode>} tsNodeMap
+ * @property {import('typescript').TypeChecker} checker
+ */
+
+/**
+ * Get TypeScript parser services.
+ * @param {RuleContext} context The ESLint rule context object.
+ * @returns {Services|null}
+ */
+function getTSParserServices(context) {
+  const tsNodeMap = context.parserServices.esTreeNodeToTSNodeMap
+  if (!tsNodeMap) return null
+  const hasFullTypeInformation =
+    context.parserServices.hasFullTypeInformation !== false
+  const checker =
+    (hasFullTypeInformation &&
+      context.parserServices.program &&
+      context.parserServices.program.getTypeChecker()) ||
+    null
+  if (!checker) return null
+  const ts = getTypeScript()
+  if (!ts) return null
+
+  return {
+    ts,
+    tsNodeMap,
+    checker
+  }
+}
+
+/**
+ * Get all props by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} propsNode Type with props definition
+ * @return {(ComponentInferTypeProp|ComponentUnknownProp)[]} Array of component props
+ */
+function getComponentPropsFromTypeDefineTypes(context, propsNode) {
+  const services = getTSParserServices(context)
+  const tsNode = services && services.tsNodeMap.get(propsNode)
+  const type = tsNode && services.checker.getTypeAtLocation(tsNode)
+  if (
+    !type ||
+    isAny(type) ||
+    isUnknown(type) ||
+    isNever(type) ||
+    isNull(type)
+  ) {
+    return [
+      {
+        type: 'unknown',
+        propName: null,
+        node: propsNode
+      }
+    ]
+  }
+  return [...extractRuntimeProps(type, tsNode, propsNode, services)]
+}
+
+/**
+ * Get all emits by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} emitsNode Type with emits definition
+ * @return {(ComponentInferTypeEmit|ComponentUnknownEmit)[]} Array of component emits
+ */
+function getComponentEmitsFromTypeDefineTypes(context, emitsNode) {
+  const services = getTSParserServices(context)
+  const tsNode = services && services.tsNodeMap.get(emitsNode)
+  const type = tsNode && services.checker.getTypeAtLocation(tsNode)
+  if (
+    !type ||
+    isAny(type) ||
+    isUnknown(type) ||
+    isNever(type) ||
+    isNull(type)
+  ) {
+    return [
+      {
+        type: 'unknown',
+        emitName: null,
+        node: emitsNode
+      }
+    ]
+  }
+  return [...extractRuntimeEmits(type, tsNode, emitsNode, services)]
+}
+
+/**
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode|Expression} node
+ * @returns {string[]}
+ */
+function inferRuntimeTypeFromTypeNode(context, node) {
+  const services = getTSParserServices(context)
+  const tsNode = services && services.tsNodeMap.get(node)
+  const type = tsNode && services.checker.getTypeAtLocation(tsNode)
+  if (!type) {
+    return ['null']
+  }
+  return inferRuntimeTypeInternal(type, services)
+}
+
+/**
+ * @param {Type} type
+ * @param {TypeScriptNode} tsNode
+ * @param {TypeNode} propsNode Type with props definition
+ * @param {Services} services
+ * @returns {IterableIterator<ComponentInferTypeProp>}
+ */
+function* extractRuntimeProps(type, tsNode, propsNode, services) {
+  const { ts, checker } = services
+  for (const property of type.getProperties()) {
+    const isOptional = (property.flags & ts.SymbolFlags.Optional) !== 0
+    const name = property.getName()
+
+    const type = checker.getTypeOfSymbolAtLocation(property, tsNode)
+
+    yield {
+      type: 'infer-type',
+      propName: name,
+      required: !isOptional,
+      node: propsNode,
+      types: inferRuntimeTypeInternal(type, services)
+    }
+  }
+}
+
+/**
+ * @param {Type} type
+ * @param {Services} services
+ * @returns {string[]}
+ */
+function inferRuntimeTypeInternal(type, services) {
+  const { checker } = services
+  /** @type {Set<string>} */
+  const types = new Set()
+  for (const targetType of iterateTypes(checker.getNonNullableType(type))) {
+    if (
+      isAny(targetType) ||
+      isUnknown(targetType) ||
+      isNever(targetType) ||
+      isNull(targetType)
+    ) {
+      types.add('null')
+    } else if (isStringLike(targetType)) {
+      types.add('String')
+    } else if (isNumberLike(targetType) || isBigIntLike(targetType)) {
+      types.add('Number')
+    } else if (isBooleanLike(targetType)) {
+      types.add('Boolean')
+    } else if (isFunction(targetType)) {
+      types.add('Function')
+    } else if (
+      isArrayLikeObject(targetType) ||
+      (targetType.isClassOrInterface() &&
+        ['Array', 'ReadonlyArray'].includes(
+          checker.getFullyQualifiedName(targetType.symbol)
+        ))
+    ) {
+      types.add('Array')
+    } else if (isObject(targetType)) {
+      types.add('Object')
+    }
+  }
+
+  if (types.size <= 0) types.add('null')
+
+  return [...types]
+}
+
+/**
+ * @param {Type} type
+ * @param {TypeScriptNode} tsNode
+ * @param {TypeNode} emitsNode Type with emits definition
+ * @param {Services} services
+ * @returns {IterableIterator<ComponentInferTypeEmit|ComponentUnknownEmit>}
+ */
+function* extractRuntimeEmits(type, tsNode, emitsNode, services) {
+  const { checker } = services
+  if (isFunction(type)) {
+    for (const signature of type.getCallSignatures()) {
+      const param = signature.getParameters()[0]
+      if (!param) {
+        yield {
+          type: 'unknown',
+          emitName: null,
+          node: emitsNode
+        }
+        continue
+      }
+      const type = checker.getTypeOfSymbolAtLocation(param, tsNode)
+
+      for (const targetType of iterateTypes(type)) {
+        yield targetType.isStringLiteral()
+          ? {
+              type: 'infer-type',
+              emitName: targetType.value,
+              node: emitsNode
+            }
+          : {
+              type: 'unknown',
+              emitName: null,
+              node: emitsNode
+            }
+      }
+    }
+  } else if (isObject(type)) {
+    for (const property of type.getProperties()) {
+      const name = property.getName()
+      yield {
+        type: 'infer-type',
+        emitName: name,
+        node: emitsNode
+      }
+    }
+  } else {
+    yield {
+      type: 'unknown',
+      emitName: null,
+      node: emitsNode
+    }
+  }
+}
+
+/**
+ * @param {Type} type
+ * @returns {Iterable<Type>}
+ */
+function* iterateTypes(type) {
+  if (isReferenceObject(type) && type.target !== type) {
+    yield* iterateTypes(type.target)
+  } else if (type.isUnion() && !isBooleanLike(type)) {
+    for (const t of type.types) {
+      yield* iterateTypes(t)
+    }
+  } else {
+    yield type
+  }
+}
diff --git a/lib/utils/ts-utils/typescript.js b/lib/utils/ts-utils/typescript.js
new file mode 100644
index 000000000..8d656401e
--- /dev/null
+++ b/lib/utils/ts-utils/typescript.js
@@ -0,0 +1,214 @@
+/**
+ * @typedef {typeof import("typescript")} TypeScript
+ * @typedef {import("typescript").Type} Type
+ * @typedef {import("typescript").ObjectType} ObjectType
+ * @typedef {import("typescript").InterfaceType} InterfaceType
+ * @typedef {import("typescript").TypeReference} TypeReference
+ * @typedef {import("typescript").UnionOrIntersectionType} UnionOrIntersectionType
+ * @typedef {import("typescript").TypeParameter} TypeParameter
+ */
+
+/** @type {TypeScript | undefined} */
+let cacheTypeScript
+
+module.exports = {
+  getTypeScript,
+  isObject,
+  isAny,
+  isUnknown,
+  isNever,
+  isNull,
+  isFunction,
+  isArrayLikeObject,
+  isStringLike,
+  isNumberLike,
+  isBooleanLike,
+  isBigIntLike,
+  isReferenceObject,
+  extractTypeFlags,
+  extractObjectFlags
+}
+
+/**
+ * Get TypeScript instance
+ */
+function getTypeScript() {
+  if (cacheTypeScript) {
+    return cacheTypeScript
+  }
+  try {
+    return (cacheTypeScript = require('typescript'))
+  } catch (error) {
+    if (/** @type {any} */ (error).code === 'MODULE_NOT_FOUND') {
+      return undefined
+    }
+
+    throw error
+  }
+}
+/**
+ * For debug
+ * @param {Type} tsType
+ * @returns {string[]}
+ */
+function extractTypeFlags(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  /** @type {string[]} */
+  const result = []
+  const keys = /** @type {(keyof (typeof ts.TypeFlags))[]} */ (
+    Object.keys(ts.TypeFlags)
+  )
+  for (const k of keys) {
+    if ((tsType.flags & ts.TypeFlags[k]) !== 0) {
+      result.push(k)
+    }
+  }
+  return result
+}
+/**
+ * For debug
+ * @param {Type} tsType
+ * @returns {string[]}
+ */
+function extractObjectFlags(tsType) {
+  if (!isObject(tsType)) {
+    return []
+  }
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  /** @type {string[]} */
+  const result = []
+  const keys = /** @type {(keyof (typeof ts.ObjectFlags))[]} */ (
+    Object.keys(ts.ObjectFlags)
+  )
+  for (const k of keys) {
+    if ((tsType.objectFlags & ts.ObjectFlags[k]) !== 0) {
+      result.push(k)
+    }
+  }
+  return result
+}
+
+/**
+ * Check if a given type is an object type or not.
+ * @param {Type} tsType The type to check.
+ * @returns {tsType is ObjectType}
+ */
+function isObject(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.Object) !== 0
+}
+
+/**
+ * Check if a given type is an array-like type or not.
+ * @param {Type} tsType The type to check.
+ */
+function isArrayLikeObject(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (
+    isObject(tsType) &&
+    (tsType.objectFlags &
+      (ts.ObjectFlags.ArrayLiteral |
+        ts.ObjectFlags.EvolvingArray |
+        ts.ObjectFlags.Tuple)) !==
+      0
+  )
+}
+/**
+ * Check if a given type is an any type or not.
+ * @param {Type} tsType The type to check.
+ */
+function isAny(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.Any) !== 0
+}
+/**
+ * Check if a given type is an unknown type or not.
+ * @param {Type} tsType The type to check.
+ */
+function isUnknown(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.Unknown) !== 0
+}
+/**
+ * Check if a given type is a never type or not.
+ * @param {Type} tsType The type to check.
+ */
+function isNever(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.Never) !== 0
+}
+/**
+ * Check if a given type is an null type or not.
+ * @param {Type} tsType The type to check.
+ */
+function isNull(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.Null) !== 0
+}
+
+/**
+ * Check if a given type is a string-like type or not.
+ * @param {Type} tsType The type to check.
+ * @returns {boolean} `true` if the type is a string-like type.
+ */
+function isStringLike(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.StringLike) !== 0
+}
+/**
+ * Check if a given type is an number-like type or not.
+ * @param {Type} tsType The type to check.
+ * @returns {boolean} `true` if the type is a number-like type.
+ */
+function isNumberLike(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.NumberLike) !== 0
+}
+/**
+ * Check if a given type is an boolean-like type or not.
+ * @param {Type} tsType The type to check.
+ * @returns {boolean} `true` if the type is a boolean-like type.
+ */
+function isBooleanLike(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.BooleanLike) !== 0
+}
+/**
+ * Check if a given type is an bigint-like type or not.
+ * @param {Type} tsType The type to check.
+ * @returns {boolean} `true` if the type is a bigint-like type.
+ */
+function isBigIntLike(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (tsType.flags & ts.TypeFlags.BigIntLike) !== 0
+}
+
+/**
+ * Check if a given type is a reference type or not.
+ * @param {Type} tsType The type to check.
+ * @returns {tsType is TypeReference} `true` if the type is a reference type.
+ */
+function isReferenceObject(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  return (
+    isObject(tsType) && (tsType.objectFlags & ts.ObjectFlags.Reference) !== 0
+  )
+}
+/**
+ * Check if a given type is `function` or not.
+ * @param {Type} tsType The type to check.
+ */
+function isFunction(tsType) {
+  const ts = /** @type {TypeScript} */ (getTypeScript())
+  if (
+    tsType.symbol &&
+    (tsType.symbol.flags &
+      (ts.SymbolFlags.Function | ts.SymbolFlags.Method)) !==
+      0
+  ) {
+    return true
+  }
+
+  const signatures = tsType.getCallSignatures()
+  return signatures.length > 0
+}
diff --git a/tests/fixtures/typescript/src/test.vue b/tests/fixtures/typescript/src/test.vue
new file mode 100644
index 000000000..5bf03f4a7
--- /dev/null
+++ b/tests/fixtures/typescript/src/test.vue
@@ -0,0 +1 @@
+<script lang="ts"></script>
diff --git a/tests/fixtures/typescript/src/test01.ts b/tests/fixtures/typescript/src/test01.ts
new file mode 100644
index 000000000..d14550843
--- /dev/null
+++ b/tests/fixtures/typescript/src/test01.ts
@@ -0,0 +1,20 @@
+export type Props1 = {
+  foo: string
+  bar?: number
+  baz?: boolean
+}
+export type Emits1 = {
+  (e: 'foo' | 'bar', payload: string): void
+  (e: 'baz', payload: number): void
+}
+export type Props2 = {
+  a: string
+  b?: number
+  c?: boolean
+  d?: boolean
+  e?: number | string
+  f?: () => number
+  g?: { foo?: string }
+  h?: string[]
+  i?: readonly string[]
+}
diff --git a/tests/fixtures/typescript/tsconfig.json b/tests/fixtures/typescript/tsconfig.json
new file mode 100644
index 000000000..c13ef64e3
--- /dev/null
+++ b/tests/fixtures/typescript/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "skipLibCheck": true
+  }
+}
diff --git a/tests/fixtures/utils/ts-utils/src/test.ts b/tests/fixtures/utils/ts-utils/src/test.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/tests/fixtures/utils/ts-utils/src/test.vue b/tests/fixtures/utils/ts-utils/src/test.vue
new file mode 100644
index 000000000..5bf03f4a7
--- /dev/null
+++ b/tests/fixtures/utils/ts-utils/src/test.vue
@@ -0,0 +1 @@
+<script lang="ts"></script>
diff --git a/tests/fixtures/utils/ts-utils/tsconfig.json b/tests/fixtures/utils/ts-utils/tsconfig.json
new file mode 100644
index 000000000..c13ef64e3
--- /dev/null
+++ b/tests/fixtures/utils/ts-utils/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "skipLibCheck": true
+  }
+}
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index a72d5b246..0f1947ed1 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -6,6 +6,9 @@
 const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-restricted-props')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -577,6 +580,23 @@ tester.run('no-restricted-props', rule, {
                 ]
               }
             ]
+          },
+          {
+            code: `
+            <script setup lang="ts">
+            import {Props1 as Props} from './test01'
+            defineProps<Props>()
+            </script>
+            `,
+            ...getTypeScriptFixtureTestOptions(),
+            options: [{ name: 'foo', suggest: 'Foo' }],
+            errors: [
+              {
+                message: 'Using `foo` props is not allowed.',
+                line: 4,
+                suggestions: null
+              }
+            ]
           }
         ])
   ]
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 8d4b2b215..2db132c48 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -7,6 +7,9 @@
 const { RuleTester, Linter } = require('eslint')
 const assert = require('assert')
 const rule = require('../../../lib/rules/no-unused-properties')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -2961,6 +2964,24 @@ tester.run('no-unused-properties', rule, {
           line: 8
         }
       ]
+    },
+    // script setup with typescript
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+      defineProps<Props>()
+      </script>
+      <template>
+      {{ foo }}{{ bar }}
+      </template>`,
+      ...getTypeScriptFixtureTestOptions(),
+      errors: [
+        {
+          message: "'baz' of property found, but never used.",
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/padding-lines-in-component-definition.js b/tests/lib/rules/padding-lines-in-component-definition.js
index 586476546..7b2eda6c8 100644
--- a/tests/lib/rules/padding-lines-in-component-definition.js
+++ b/tests/lib/rules/padding-lines-in-component-definition.js
@@ -6,6 +6,9 @@
 
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/padding-lines-in-component-definition')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -398,6 +401,14 @@ tester.run('padding-lines-in-component-definition', rule, {
         </script>
       `,
       options: [{ betweenOptions: 'always', groupSingleLineProperties: false }]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+      defineProps<Props>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/prefer-prop-type-boolean-first.js b/tests/lib/rules/prefer-prop-type-boolean-first.js
index 9f67e336b..1c66f8417 100644
--- a/tests/lib/rules/prefer-prop-type-boolean-first.js
+++ b/tests/lib/rules/prefer-prop-type-boolean-first.js
@@ -6,6 +6,9 @@
 
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/prefer-prop-type-boolean-first')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -62,6 +65,14 @@ tester.run('prefer-prop-type-boolean-first', rule, {
           })
         </script>
       `
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+      defineProps<Props>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index 751f775e7..2b60e8910 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -5,6 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-emit-validator')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const RuleTester = require('eslint').RuleTester
 
@@ -169,6 +172,14 @@ ruleTester.run('require-emit-validator', rule, {
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
       }
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Emits1 as Emits} from './test01'
+      const emit = defineEmits<Emits>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index a5bc5114c..43a3c2599 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -6,6 +6,9 @@
 
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/require-explicit-emits')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -618,6 +621,17 @@ tester.run('require-explicit-emits', rule, {
       </script>
       `,
       parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Emits1 as Emits} from './test01'
+      const emit = defineEmits<Emits>()
+      emit('foo')
+      emit('bar')
+      emit('baz')
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
   invalid: [
@@ -1950,6 +1964,25 @@ emits: {'foo': null}
           line: 6
         }
       ]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Emits1 as Emits} from './test01'
+      const emit = defineEmits<Emits>()
+      emit('foo')
+      emit('bar')
+      emit('baz')
+      emit('qux')
+      </script>`,
+      ...getTypeScriptFixtureTestOptions(),
+      errors: [
+        {
+          message:
+            'The "qux" event has been triggered but not declared on `defineEmits`.',
+          line: 8
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-comment.js b/tests/lib/rules/require-prop-comment.js
index f72d6905b..900f25ec3 100644
--- a/tests/lib/rules/require-prop-comment.js
+++ b/tests/lib/rules/require-prop-comment.js
@@ -6,6 +6,9 @@
 
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/require-prop-comment')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -57,10 +60,10 @@ tester.run('require-prop-comment', rule, {
       const goodProps = defineProps({
         /** JSDoc comment */
         a: Number,
-      
+
         /* block comment */
         b: Number,
-      
+
         // line comment
         c: Number,
       })
@@ -93,6 +96,14 @@ tester.run('require-prop-comment', rule, {
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       }
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+      defineProps<Props>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
   invalid: [
@@ -102,10 +113,10 @@ tester.run('require-prop-comment', rule, {
         props: {
           // line comment
           b: Number,
-      
+
           /* block comment */
           c: Number,
-      
+
           d: Number,
         }
       })
@@ -134,10 +145,10 @@ tester.run('require-prop-comment', rule, {
       const badProps = defineProps({
         /** JSDoc comment */
         b: Number,
-      
+
         // line comment
         c: Number,
-      
+
         d: Number,
       })
       </script>
@@ -167,10 +178,10 @@ tester.run('require-prop-comment', rule, {
       const badProps = defineProps({
         /** JSDoc comment */
         b: Number,
-      
+
         /* block comment */
         c: Number,
-      
+
         d: Number,
       })
       </script>
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index a662e34d2..9cd4eae6e 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -5,6 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-prop-type-constructor')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
@@ -85,6 +88,14 @@ ruleTester.run('require-prop-type-constructor', rule, {
           props: ['name',,,]
         }
       `
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+      defineProps<Props>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index bcbff9013..9b7077fc1 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -5,6 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-prop-types')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const RuleTester = require('eslint').RuleTester
 
@@ -176,6 +179,14 @@ ruleTester.run('require-prop-types', rule, {
         parser: require.resolve('@typescript-eslint/parser')
       },
       parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+      defineProps<Props>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 2f776ea1d..cec05ba05 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -5,6 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-valid-default-prop')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 const RuleTester = require('eslint').RuleTester
 
 const parserOptions = {
@@ -267,6 +270,24 @@ ruleTester.run('require-valid-default-prop', rule, {
         parser: require.resolve('@typescript-eslint/parser')
       },
       parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props2 as Props} from './test01'
+      withDefaults(defineProps<Props>(), {
+        a: 's',
+        b: 42,
+        c: true,
+        d: false,
+        e: 's',
+        f: () => 42,
+        g: ()=>({ foo: 'foo' }),
+        h: ()=>(['foo', 'bar']),
+        i: ()=>(['foo', 'bar']),
+      })
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
@@ -929,6 +950,63 @@ ruleTester.run('require-valid-default-prop', rule, {
           line: 4
         }
       ]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props2 as Props} from './test01'
+      withDefaults(defineProps<Props>(), {
+        a: 42,
+        b: 's',
+        c: {},
+        d: [],
+        e: [42],
+        f: {},
+        g: { foo: 'foo' },
+        h: ['foo', 'bar'],
+        i: ['foo', 'bar'],
+      })
+      </script>`,
+      ...getTypeScriptFixtureTestOptions(),
+      errors: [
+        {
+          message: "Type of the default value for 'a' prop must be a string.",
+          line: 5
+        },
+        {
+          message: "Type of the default value for 'b' prop must be a number.",
+          line: 6
+        },
+        {
+          message: "Type of the default value for 'c' prop must be a boolean.",
+          line: 7
+        },
+        {
+          message: "Type of the default value for 'd' prop must be a boolean.",
+          line: 8
+        },
+        {
+          message:
+            "Type of the default value for 'e' prop must be a string or number.",
+          line: 9
+        },
+        {
+          message: "Type of the default value for 'f' prop must be a function.",
+          line: 10
+        },
+        {
+          message: "Type of the default value for 'g' prop must be a function.",
+          line: 11
+        },
+        {
+          message: "Type of the default value for 'h' prop must be a function.",
+          line: 12
+        },
+        {
+          message: "Type of the default value for 'i' prop must be a function.",
+          line: 13
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
index d4b5272ea..c72392bda 100644
--- a/tests/lib/rules/return-in-emits-validator.js
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -5,6 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/return-in-emits-validator')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const RuleTester = require('eslint').RuleTester
 
@@ -123,6 +126,14 @@ ruleTester.run('return-in-emits-validator', rule, {
         })
         </script>
       `
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Emits1 as Emits} from './test01'
+      const emit = defineEmits<Emits>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
diff --git a/tests/lib/utils/index.js b/tests/lib/utils/index.js
index 9b02ba46b..6afecaeaa 100644
--- a/tests/lib/utils/index.js
+++ b/tests/lib/utils/index.js
@@ -367,9 +367,9 @@ describe('getComponentProps', () => {
 
     assert.equal(props.length, 5, 'it detects all props')
 
-    assert.strictEqual(props[0].key, null)
+    assert.strictEqual(props[0].key, undefined)
     assert.strictEqual(props[0].node.type, 'SpreadElement')
-    assert.strictEqual(props[0].value, null)
+    assert.strictEqual(props[0].value, undefined)
 
     assert.strictEqual(props[1].key.type, 'Identifier')
     assert.strictEqual(props[1].node.type, 'Property')
diff --git a/tests/lib/utils/ts-utils/index/get-component-emits.js b/tests/lib/utils/ts-utils/index/get-component-emits.js
new file mode 100644
index 000000000..8bba2be7c
--- /dev/null
+++ b/tests/lib/utils/ts-utils/index/get-component-emits.js
@@ -0,0 +1,122 @@
+/**
+ * Test for getComponentEmitsFromTypeDefineTypes
+ */
+'use strict'
+
+const path = require('path')
+const fs = require('fs')
+const Linter = require('eslint').Linter
+const parser = require('vue-eslint-parser')
+const tsParser = require('@typescript-eslint/parser')
+const utils = require('../../../../../lib/utils/index')
+const assert = require('assert')
+
+const FIXTURES_ROOT = path.resolve(
+  __dirname,
+  '../../../../fixtures/utils/ts-utils'
+)
+const TSCONFIG_PATH = path.resolve(FIXTURES_ROOT, './tsconfig.json')
+const SRC_TS_TEST_PATH = path.join(FIXTURES_ROOT, './src/test.ts')
+
+function extractComponentProps(code, tsFileCode) {
+  const linter = new Linter()
+  const config = {
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+      ecmaVersion: 2020,
+      parser: tsParser,
+      project: [TSCONFIG_PATH],
+      extraFileExtensions: ['.vue']
+    },
+    rules: {
+      test: 'error'
+    }
+  }
+  linter.defineParser('vue-eslint-parser', parser)
+  const result = []
+  linter.defineRule('test', {
+    create(context) {
+      return utils.defineScriptSetupVisitor(context, {
+        onDefineEmitsEnter(_node, emits) {
+          result.push(
+            ...emits.map((emit) => ({
+              type: emit.type,
+              name: emit.emitName
+            }))
+          )
+        }
+      })
+    }
+  })
+  fs.writeFileSync(SRC_TS_TEST_PATH, tsFileCode || '', 'utf8')
+  // clean './src/test.ts' cache
+  tsParser.parseForESLint(tsFileCode || '', {
+    ...config.parserOptions,
+    filePath: SRC_TS_TEST_PATH
+  })
+  assert.deepStrictEqual(
+    linter.verify(code, config, path.join(FIXTURES_ROOT, './src/test.vue')),
+    []
+  )
+  // reset
+  fs.writeFileSync(SRC_TS_TEST_PATH, '', 'utf8')
+  return result
+}
+
+describe('getComponentEmitsFromTypeDefineTypes', () => {
+  for (const { scriptCode, tsFileCode, props: expected } of [
+    {
+      scriptCode: `defineEmits<{(e:'foo'):void,(e:'bar'):void}>()`,
+      props: [
+        { type: 'type', name: 'foo' },
+        { type: 'type', name: 'bar' }
+      ]
+    },
+    {
+      tsFileCode: `export type Emits = {(e:'foo'):void,(e:'bar'):void}`,
+      scriptCode: `import { Emits } from './test'
+      defineEmits<Emits>()`,
+      props: [
+        { type: 'infer-type', name: 'foo' },
+        { type: 'infer-type', name: 'bar' }
+      ]
+    },
+    {
+      tsFileCode: `export type Emits = any`,
+      scriptCode: `import { Emits } from './test'
+      defineEmits<Emits>()`,
+      props: [{ type: 'unknown', name: null }]
+    },
+    {
+      tsFileCode: `export type Emits = {(e:'foo' | 'bar'): void, (e:'baz',payload:number): void}`,
+      scriptCode: `import { Emits } from './test'
+      defineEmits<Emits>()`,
+      props: [
+        { type: 'infer-type', name: 'foo' },
+        { type: 'infer-type', name: 'bar' },
+        { type: 'infer-type', name: 'baz' }
+      ]
+    },
+    {
+      tsFileCode: `export type Emits = { a: [], b: [number], c: [string]}`,
+      scriptCode: `import { Emits } from './test'
+      defineEmits<Emits>()`,
+      props: [
+        { type: 'infer-type', name: 'a' },
+        { type: 'infer-type', name: 'b' },
+        { type: 'infer-type', name: 'c' }
+      ]
+    }
+  ]) {
+    const code = `<script setup lang="ts"> ${scriptCode} </script>`
+    it(`should return expected props with :${code}`, () => {
+      const props = extractComponentProps(code, tsFileCode)
+
+      assert.deepStrictEqual(
+        props,
+        expected,
+        `\n${JSON.stringify(props)}\n === \n${JSON.stringify(expected)}`
+      )
+    })
+  }
+})
diff --git a/tests/lib/utils/ts-utils/index/get-component-props.js b/tests/lib/utils/ts-utils/index/get-component-props.js
new file mode 100644
index 000000000..2ab0070c7
--- /dev/null
+++ b/tests/lib/utils/ts-utils/index/get-component-props.js
@@ -0,0 +1,213 @@
+/**
+ * Test for getComponentPropsFromTypeDefineTypes
+ */
+'use strict'
+
+const path = require('path')
+const fs = require('fs')
+const Linter = require('eslint').Linter
+const parser = require('vue-eslint-parser')
+const tsParser = require('@typescript-eslint/parser')
+const utils = require('../../../../../lib/utils/index')
+const assert = require('assert')
+
+const FIXTURES_ROOT = path.resolve(
+  __dirname,
+  '../../../../fixtures/utils/ts-utils'
+)
+const TSCONFIG_PATH = path.resolve(FIXTURES_ROOT, './tsconfig.json')
+const SRC_TS_TEST_PATH = path.join(FIXTURES_ROOT, './src/test.ts')
+
+function extractComponentProps(code, tsFileCode) {
+  const linter = new Linter()
+  const config = {
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+      ecmaVersion: 2020,
+      parser: tsParser,
+      project: [TSCONFIG_PATH],
+      extraFileExtensions: ['.vue']
+    },
+    rules: {
+      test: 'error'
+    }
+  }
+  linter.defineParser('vue-eslint-parser', parser)
+  const result = []
+  linter.defineRule('test', {
+    create(context) {
+      return utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          result.push(
+            ...props.map((prop) => ({
+              type: prop.type,
+              name: prop.propName,
+              required: prop.required ?? null,
+              types: prop.types ?? null
+            }))
+          )
+        }
+      })
+    }
+  })
+  fs.writeFileSync(SRC_TS_TEST_PATH, tsFileCode || '', 'utf8')
+  // clean './src/test.ts' cache
+  tsParser.parseForESLint(tsFileCode || '', {
+    ...config.parserOptions,
+    filePath: SRC_TS_TEST_PATH
+  })
+  assert.deepStrictEqual(
+    linter.verify(code, config, path.join(FIXTURES_ROOT, './src/test.vue')),
+    []
+  )
+  // reset
+  fs.writeFileSync(SRC_TS_TEST_PATH, '', 'utf8')
+  return result
+}
+
+describe('getComponentPropsFromTypeDefineTypes', () => {
+  for (const { scriptCode, tsFileCode, props: expected } of [
+    {
+      scriptCode: `defineProps<{foo:string,bar?:number}>()`,
+      props: [
+        { type: 'type', name: 'foo', required: true, types: ['String'] },
+        { type: 'type', name: 'bar', required: false, types: ['Number'] }
+      ]
+    },
+    {
+      scriptCode: `defineProps<{foo:string,bar?:number} & {baz?:string|number}>()`,
+      props: [
+        { type: 'type', name: 'foo', required: true, types: ['String'] },
+        { type: 'type', name: 'bar', required: false, types: ['Number'] },
+        {
+          type: 'type',
+          name: 'baz',
+          required: false,
+          types: ['String', 'Number']
+        }
+      ]
+    },
+    {
+      tsFileCode: `export type Props = {foo:string,bar?:number}`,
+      scriptCode: `import { Props } from './test'
+      defineProps<Props>()`,
+      props: [
+        { type: 'infer-type', name: 'foo', required: true, types: ['String'] },
+        { type: 'infer-type', name: 'bar', required: false, types: ['Number'] }
+      ]
+    },
+    {
+      tsFileCode: `export type Props = any`,
+      scriptCode: `import { Props } from './test'
+      defineProps<Props>()`,
+      props: [{ type: 'unknown', name: null, required: null, types: null }]
+    },
+    {
+      tsFileCode: `
+      interface Props {
+        a?: number;
+        b?: string;
+      }
+      export interface Props2 extends Required<Props> {
+        c?: boolean;
+      }`,
+      scriptCode: `import { Props2 } from './test'
+      defineProps<Props2>()`,
+      props: [
+        { type: 'infer-type', name: 'c', required: false, types: ['Boolean'] },
+        { type: 'infer-type', name: 'a', required: true, types: ['Number'] },
+        { type: 'infer-type', name: 'b', required: true, types: ['String'] }
+      ]
+    },
+    {
+      tsFileCode: `
+      export type Props = {
+        a: string
+        b?: number
+        c?: boolean
+        d?: boolean
+        e?: number | string
+        f?: () => number
+        g?: { foo?: string }
+        h?: string[]
+        i?: readonly string[]
+      }`,
+      scriptCode: `import { Props } from './test'
+      defineProps<Props>()`,
+      props: [
+        { type: 'infer-type', name: 'a', required: true, types: ['String'] },
+        { type: 'infer-type', name: 'b', required: false, types: ['Number'] },
+        { type: 'infer-type', name: 'c', required: false, types: ['Boolean'] },
+        { type: 'infer-type', name: 'd', required: false, types: ['Boolean'] },
+        {
+          type: 'infer-type',
+          name: 'e',
+          required: false,
+          types: ['String', 'Number']
+        },
+        { type: 'infer-type', name: 'f', required: false, types: ['Function'] },
+        { type: 'infer-type', name: 'g', required: false, types: ['Object'] },
+        { type: 'infer-type', name: 'h', required: false, types: ['Array'] },
+        { type: 'infer-type', name: 'i', required: false, types: ['Array'] }
+      ]
+    },
+    {
+      tsFileCode: `
+      export interface Props {
+        a?: number;
+        b?: string;
+      }`,
+      scriptCode: `import { Props } from './test'
+defineProps<Props & {foo?:string}>()`,
+      props: [
+        { type: 'infer-type', name: 'a', required: false, types: ['Number'] },
+        { type: 'infer-type', name: 'b', required: false, types: ['String'] },
+        { type: 'type', name: 'foo', required: false, types: ['String'] }
+      ]
+    },
+    {
+      tsFileCode: `
+      export type A = string | number`,
+      scriptCode: `import { A } from './test'
+defineProps<{foo?:A}>()`,
+      props: [
+        {
+          type: 'type',
+          name: 'foo',
+          required: false,
+          types: ['String', 'Number']
+        }
+      ]
+    },
+    {
+      scriptCode: `enum A {a = 'a', b = 'b'}
+defineProps<{foo?:A}>()`,
+      props: [{ type: 'type', name: 'foo', required: false, types: ['String'] }]
+    },
+    {
+      scriptCode: `
+const foo = 42
+enum A {a = foo, b = 'b'}
+defineProps<{foo?:A}>()`,
+      props: [
+        {
+          type: 'type',
+          name: 'foo',
+          required: false,
+          types: ['Number', 'String']
+        }
+      ]
+    }
+  ]) {
+    const code = `<script setup lang="ts"> ${scriptCode} </script>`
+    it(`should return expected props with :${code}`, () => {
+      const props = extractComponentProps(code, tsFileCode)
+
+      assert.deepStrictEqual(
+        props,
+        expected,
+        `\n${JSON.stringify(props)}\n === \n${JSON.stringify(expected)}`
+      )
+    })
+  }
+})
diff --git a/tests/test-utils/typescript.js b/tests/test-utils/typescript.js
new file mode 100644
index 000000000..e06008a8f
--- /dev/null
+++ b/tests/test-utils/typescript.js
@@ -0,0 +1,26 @@
+const path = require('path')
+const tsParser = require('@typescript-eslint/parser')
+
+const FIXTURES_ROOT = path.resolve(__dirname, '../fixtures/typescript')
+const TSCONFIG_PATH = path.resolve(FIXTURES_ROOT, './tsconfig.json')
+const SRC_VUE_TEST_PATH = path.join(FIXTURES_ROOT, './src/test.vue')
+
+module.exports = {
+  getTypeScriptFixtureTestOptions
+}
+
+function getTypeScriptFixtureTestOptions() {
+  const parser = require.resolve('vue-eslint-parser')
+  const parserOptions = {
+    parser: { ts: tsParser },
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    project: [TSCONFIG_PATH],
+    extraFileExtensions: ['.vue']
+  }
+  return {
+    parser,
+    parserOptions,
+    filename: SRC_VUE_TEST_PATH
+  }
+}
diff --git a/typings/eslint-plugin-vue/global.d.ts b/typings/eslint-plugin-vue/global.d.ts
index c2ae50632..a581b3f62 100644
--- a/typings/eslint-plugin-vue/global.d.ts
+++ b/typings/eslint-plugin-vue/global.d.ts
@@ -159,6 +159,7 @@ declare global {
   type TSLiteralType = VAST.TSLiteralType
   type TSCallSignatureDeclaration = VAST.TSCallSignatureDeclaration
   type TSFunctionType = VAST.TSFunctionType
+  type TypeNode = VAST.TypeNode
 
   // ---- JSX Nodes ----
 
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index a79d457f4..e3c5f0faf 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -12,6 +12,7 @@ export type TSNode =
   | TSLiteralType
   | TSCallSignatureDeclaration
   | TSFunctionType
+  | TypeNode
 
 export interface TSAsExpression extends HasParentNode {
   type: 'TSAsExpression'
@@ -21,7 +22,7 @@ export interface TSAsExpression extends HasParentNode {
 
 export interface TSTypeParameterInstantiation extends HasParentNode {
   type: 'TSTypeParameterInstantiation'
-  params: TSESTree.TypeNode[]
+  params: TypeNode[]
 }
 
 export type TSPropertySignature =
@@ -90,3 +91,12 @@ export interface TSCallSignatureDeclaration extends TSFunctionSignatureBase {
 export interface TSFunctionType extends TSFunctionSignatureBase {
   type: 'TSFunctionType'
 }
+
+type TypeNodeTypes = `${TSESTree.TypeNode['type']}`
+
+export type TypeNode =
+  | (HasParentNode & {
+      type: Exclude<TypeNodeTypes, 'TSFunctionType' | 'TSLiteralType'>
+    })
+  | TSFunctionType
+  | TSLiteralType
diff --git a/typings/eslint-plugin-vue/util-types/parser-services.ts b/typings/eslint-plugin-vue/util-types/parser-services.ts
index d59d76d3e..6a9ccc776 100644
--- a/typings/eslint-plugin-vue/util-types/parser-services.ts
+++ b/typings/eslint-plugin-vue/util-types/parser-services.ts
@@ -1,6 +1,7 @@
 import * as VNODE from './node'
 import * as VAST from './ast'
 import * as eslint from 'eslint'
+import { ESNode, TSNode } from './ast'
 
 type TemplateListenerBase = {
   [T in keyof VAST.VNodeListenerMap]?: (node: VAST.VNodeListenerMap[T]) => void
@@ -27,6 +28,13 @@ export interface ParserServices {
     }
   ) => eslint.Rule.RuleListener
   getDocumentFragment?: () => VAST.VDocumentFragment | null
+  // for typescript-eslint/parser
+  esTreeNodeToTSNodeMap?: Map<
+    ESNode | TSNode | import('@typescript-eslint/types').TSESTree.Node,
+    import('typescript').Node
+  >
+  program?: import('typescript').Program
+  hasFullTypeInformation?: boolean
 }
 export namespace ParserServices {
   export interface TokenStore {
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index e16d86033..b2704769f 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -55,14 +55,12 @@ type ComponentArrayPropDetectName = {
   type: 'array'
   key: Literal | TemplateLiteral
   propName: string
-  value: null
   node: Expression | SpreadElement
 }
 type ComponentArrayPropUnknownName = {
   type: 'array'
   key: null
   propName: null
-  value: null
   node: Expression | SpreadElement
 }
 export type ComponentArrayProp =
@@ -89,41 +87,46 @@ export type ComponentObjectProp =
 
 export type ComponentUnknownProp = {
   type: 'unknown'
-  key: null
   propName: null
-  value: null
-  node: Expression | SpreadElement | null
+  node: Expression | SpreadElement | TypeNode | null
 }
 
 export type ComponentTypeProp = {
   type: 'type'
   key: Identifier | Literal
   propName: string
-  value: null
   node: TSPropertySignature | TSMethodSignature
 
   required: boolean
   types: string[]
 }
 
+export type ComponentInferTypeProp = {
+  type: 'infer-type'
+  propName: string
+  node: TypeNode
+
+  required: boolean
+  types: string[]
+}
+
 export type ComponentProp =
   | ComponentArrayProp
   | ComponentObjectProp
   | ComponentTypeProp
+  | ComponentInferTypeProp
   | ComponentUnknownProp
 
 type ComponentArrayEmitDetectName = {
   type: 'array'
   key: Literal | TemplateLiteral
   emitName: string
-  value: null
   node: Expression | SpreadElement
 }
 type ComponentArrayEmitUnknownName = {
   type: 'array'
   key: null
   emitName: null
-  value: null
   node: Expression | SpreadElement
 }
 export type ComponentArrayEmit =
@@ -150,32 +153,35 @@ export type ComponentObjectEmit =
 
 export type ComponentUnknownEmit = {
   type: 'unknown'
-  key: null
   emitName: null
-  value: null
-  node: Expression | SpreadElement | null
+  node: Expression | SpreadElement | TypeNode | null
 }
 
 export type ComponentTypeEmitCallSignature = {
   type: 'type'
   key: TSLiteralType
   emitName: string
-  value: null
   node: TSCallSignatureDeclaration | TSFunctionType
 }
 export type ComponentTypeEmitPropertySignature = {
   type: 'type'
   key: Identifier | Literal
   emitName: string
-  value: null
   node: TSPropertySignature | TSMethodSignature
 }
 export type ComponentTypeEmit =
   | ComponentTypeEmitCallSignature
   | ComponentTypeEmitPropertySignature
 
+export type ComponentInferTypeEmit = {
+  type: 'infer-type'
+  emitName: string
+  node: TypeNode
+}
+
 export type ComponentEmit =
   | ComponentArrayEmit
   | ComponentObjectEmit
   | ComponentTypeEmit
+  | ComponentInferTypeEmit
   | ComponentUnknownEmit

From b00faf33487ea12fab9e33bdc825362e619b77a5 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 16 May 2023 08:07:38 +0900
Subject: [PATCH 0609/1010] 9.13.0

---
 docs/rules/index.md                 |   2 +-
 docs/rules/prefer-define-options.md |   6 +-
 docs/rules/valid-define-options.md  |   7 +-
 lib/utils/vue3-export-names.json    | 428 +++++++++++++++-------------
 package.json                        |   2 +-
 5 files changed, 234 insertions(+), 211 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d851e0202..d73923f19 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -255,7 +255,7 @@ For example:
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
 | [vue/padding-line-between-tags](./padding-line-between-tags.md) | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
 | [vue/padding-lines-in-component-definition](./padding-lines-in-component-definition.md) | require or disallow padding lines in component definition | :wrench: | :lipstick: |
-| [vue/prefer-define-options](./prefer-define-options.md) | enforce use of `defineOptions` instead of default export. | :wrench: | :warning: |
+| [vue/prefer-define-options](./prefer-define-options.md) | enforce use of `defineOptions` instead of default export. | :wrench: | :hammer: |
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
diff --git a/docs/rules/prefer-define-options.md b/docs/rules/prefer-define-options.md
index 5cb75d2a6..bb0357e94 100644
--- a/docs/rules/prefer-define-options.md
+++ b/docs/rules/prefer-define-options.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-define-options
 description: enforce use of `defineOptions` instead of default export.
+since: v9.13.0
 ---
 # vue/prefer-define-options
 
 > enforce use of `defineOptions` instead of default export.
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -50,6 +50,10 @@ Nothing.
 
 - [API - defineOptions()](https://vuejs.org/api/sfc-script-setup.html#defineoptions)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-define-options.js)
diff --git a/docs/rules/valid-define-options.md b/docs/rules/valid-define-options.md
index 2cba98137..79c2bd624 100644
--- a/docs/rules/valid-define-options.md
+++ b/docs/rules/valid-define-options.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/valid-define-options
 description: enforce valid `defineOptions` compiler macro
+since: v9.13.0
 ---
 # vue/valid-define-options
 
 > enforce valid `defineOptions` compiler macro
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 This rule checks whether `defineOptions` compiler macro is valid.
 
 ## :book: Rule Details
@@ -113,6 +112,10 @@ Nothing.
 - [vue/valid-define-emits](./valid-define-emits.md)
 - [vue/valid-define-props](./valid-define-props.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.13.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/valid-define-options.js)
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 4cab0cb25..15b72e2fc 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -1,251 +1,258 @@
 [
-  "compile",
-  "createApp",
-  "createSSRApp",
-  "defineCustomElement",
-  "defineSSRCustomElement",
-  "hydrate",
-  "render",
-  "Transition",
-  "TransitionGroup",
-  "TransitionGroupProps",
-  "TransitionProps",
-  "useCssModule",
-  "useCssVars",
-  "vModelCheckbox",
-  "vModelDynamic",
-  "vModelRadio",
-  "vModelSelect",
-  "vModelText",
-  "vShow",
-  "VueElement",
-  "VueElementConstructor",
-  "withKeys",
-  "withModifiers",
-  "AllowedComponentProps",
-  "App",
-  "AppConfig",
-  "AppContext",
-  "AsyncComponentLoader",
-  "AsyncComponentOptions",
-  "BaseTransition",
-  "BaseTransitionProps",
-  "callWithAsyncErrorHandling",
-  "callWithErrorHandling",
-  "camelize",
-  "capitalize",
-  "cloneVNode",
-  "Comment",
-  "CompatVue",
-  "Component",
-  "ComponentCustomOptions",
-  "ComponentCustomProperties",
-  "ComponentCustomProps",
-  "ComponentInjectOptions",
-  "ComponentInternalInstance",
-  "ComponentObjectPropsOptions",
-  "ComponentOptions",
-  "ComponentOptionsBase",
-  "ComponentOptionsMixin",
-  "ComponentOptionsWithArrayProps",
-  "ComponentOptionsWithObjectProps",
-  "ComponentOptionsWithoutProps",
-  "ComponentPropsOptions",
-  "ComponentProvideOptions",
-  "ComponentPublicInstance",
-  "computed",
   "ComputedGetter",
-  "ComputedOptions",
   "ComputedRef",
   "ComputedSetter",
-  "ConcreteComponent",
-  "CreateAppFunction",
-  "createBlock",
-  "createCommentVNode",
-  "CreateComponentPublicInstance",
-  "createElementBlock",
-  "createElementVNode",
-  "createHydrationRenderer",
-  "createRenderer",
-  "createSlots",
-  "createStaticVNode",
-  "createTextVNode",
-  "createVNode",
-  "customRef",
   "CustomRefFactory",
   "DebuggerEvent",
   "DebuggerEventExtraInfo",
   "DebuggerOptions",
   "DeepReadonly",
-  "defineAsyncComponent",
-  "DefineComponent",
-  "defineComponent",
-  "defineEmits",
-  "defineExpose",
-  "defineProps",
-  "DeprecationTypes",
-  "devtools",
-  "Directive",
-  "DirectiveArguments",
-  "DirectiveBinding",
-  "DirectiveHook",
-  "effect",
   "EffectScheduler",
   "EffectScope",
+  "MaybeRef",
+  "MaybeRefOrGetter",
+  "Raw",
+  "ReactiveEffect",
+  "ReactiveEffectOptions",
+  "ReactiveEffectRunner",
+  "ReactiveFlags",
+  "Ref",
+  "ShallowReactive",
+  "ShallowRef",
+  "ShallowUnwrapRef",
+  "ToRef",
+  "ToRefs",
+  "TrackOpTypes",
+  "TriggerOpTypes",
+  "UnwrapNestedRefs",
+  "UnwrapRef",
+  "WritableComputedOptions",
+  "WritableComputedRef",
+  "customRef",
+  "effect",
   "effectScope",
-  "EmitsOptions",
-  "ErrorCodes",
-  "ExtractDefaultPropTypes",
-  "ExtractPropTypes",
-  "Fragment",
-  "FunctionalComponent",
-  "FunctionDirective",
-  "getCurrentInstance",
   "getCurrentScope",
-  "getTransitionRawChildren",
-  "guardReactiveProps",
-  "h",
-  "handleError",
-  "HMRRuntime",
-  "HydrationRenderer",
-  "initCustomFormatter",
-  "inject",
-  "InjectionKey",
-  "isMemoSame",
   "isProxy",
   "isReactive",
   "isReadonly",
   "isRef",
-  "isRuntimeOnly",
   "isShallow",
-  "isVNode",
-  "KeepAlive",
-  "KeepAliveProps",
-  "LegacyConfig",
   "markRaw",
-  "mergeProps",
-  "MethodOptions",
-  "nextTick",
-  "normalizeClass",
-  "normalizeProps",
-  "normalizeStyle",
-  "ObjectDirective",
-  "ObjectEmitsOptions",
-  "onActivated",
-  "onBeforeMount",
-  "onBeforeUnmount",
-  "onBeforeUpdate",
-  "onDeactivated",
-  "onErrorCaptured",
-  "onMounted",
-  "onRenderTracked",
-  "onRenderTriggered",
   "onScopeDispose",
-  "onServerPrefetch",
-  "onUnmounted",
-  "onUpdated",
-  "openBlock",
-  "OptionMergeFunction",
-  "Plugin",
-  "popScopeId",
-  "Prop",
-  "PropType",
-  "provide",
   "proxyRefs",
-  "pushScopeId",
-  "queuePostFlushCb",
-  "Raw",
   "reactive",
-  "ReactiveEffect",
-  "ReactiveEffectOptions",
-  "ReactiveEffectRunner",
-  "ReactiveFlags",
   "readonly",
-  "Ref",
   "ref",
-  "registerRuntimeCompiler",
-  "Renderer",
-  "RendererElement",
-  "RendererNode",
-  "RendererOptions",
-  "RenderFunction",
-  "renderList",
-  "renderSlot",
-  "resolveComponent",
-  "resolveDirective",
-  "resolveDynamicComponent",
-  "resolveTransitionHooks",
-  "RootHydrateFunction",
-  "RootRenderFunction",
-  "RuntimeCompilerOptions",
-  "setBlockTracking",
-  "setDevtoolsHook",
-  "setTransitionHooks",
-  "SetupContext",
-  "ShallowReactive",
   "shallowReactive",
   "shallowReadonly",
-  "ShallowRef",
   "shallowRef",
-  "ShallowUnwrapRef",
-  "Slot",
-  "Slots",
-  "ssrContextKey",
-  "Static",
   "stop",
-  "Suspense",
-  "SuspenseBoundary",
-  "SuspenseProps",
-  "Teleport",
-  "TeleportProps",
-  "Text",
-  "toDisplayString",
-  "toHandlerKey",
-  "toHandlers",
   "toRaw",
-  "ToRef",
   "toRef",
-  "ToRefs",
   "toRefs",
-  "TrackOpTypes",
-  "transformVNodeArgs",
-  "TransitionHooks",
-  "TransitionState",
-  "TriggerOpTypes",
+  "toValue",
   "triggerRef",
   "unref",
-  "UnwrapNestedRefs",
-  "UnwrapRef",
-  "useAttrs",
-  "useSlots",
-  "useSSRContext",
+  "camelize",
+  "capitalize",
+  "normalizeClass",
+  "normalizeProps",
+  "normalizeStyle",
+  "toDisplayString",
+  "toHandlerKey",
+  "computed",
+  "Slot",
+  "Slots",
+  "SlotsType",
+  "nextTick",
+  "queuePostFlushCb",
+  "ObjectEmitsOptions",
+  "EmitsOptions",
+  "ComponentCustomProperties",
+  "CreateComponentPublicInstance",
+  "ComponentPublicInstance",
+  "SuspenseProps",
+  "Suspense",
+  "SuspenseBoundary",
+  "RootHydrateFunction",
+  "Renderer",
+  "HydrationRenderer",
+  "RootRenderFunction",
+  "RendererOptions",
+  "RendererNode",
+  "RendererElement",
+  "createRenderer",
+  "createHydrationRenderer",
+  "KeepAliveProps",
+  "KeepAlive",
+  "onActivated",
+  "onDeactivated",
+  "onBeforeMount",
+  "onMounted",
+  "onBeforeUpdate",
+  "onUpdated",
+  "onBeforeUnmount",
+  "onUnmounted",
+  "onServerPrefetch",
+  "onRenderTriggered",
+  "onRenderTracked",
+  "onErrorCaptured",
+  "ComponentPropsOptions",
+  "ComponentObjectPropsOptions",
+  "Prop",
+  "PropType",
+  "ExtractPropTypes",
+  "ExtractPublicPropTypes",
+  "ExtractDefaultPropTypes",
+  "DirectiveBinding",
+  "DirectiveHook",
+  "ObjectDirective",
+  "FunctionDirective",
+  "Directive",
+  "DirectiveArguments",
+  "withDirectives",
+  "DeprecationTypes",
+  "ComponentCustomOptions",
+  "RenderFunction",
+  "ComponentOptionsBase",
+  "RuntimeCompilerOptions",
+  "ComponentOptionsWithoutProps",
+  "ComponentOptionsWithArrayProps",
+  "ComponentOptionsWithObjectProps",
+  "ComponentOptions",
+  "ComponentOptionsMixin",
+  "ComputedOptions",
+  "MethodOptions",
+  "ComponentProvideOptions",
+  "ComponentInjectOptions",
+  "InjectionKey",
+  "provide",
+  "inject",
+  "hasInjectionContext",
+  "App",
+  "OptionMergeFunction",
+  "AppConfig",
+  "AppContext",
+  "Plugin",
+  "CreateAppFunction",
+  "BaseTransitionProps",
+  "TransitionHooks",
+  "TransitionState",
   "useTransitionState",
-  "version",
-  "VNode",
+  "BaseTransitionPropsValidators",
+  "BaseTransition",
+  "resolveTransitionHooks",
+  "setTransitionHooks",
+  "getTransitionRawChildren",
+  "TeleportProps",
+  "Teleport",
+  "resolveComponent",
+  "resolveDynamicComponent",
+  "resolveDirective",
+  "Fragment",
+  "Text",
+  "Comment",
+  "Static",
+  "VNodeTypes",
+  "VNodeRef",
+  "VNodeProps",
   "VNodeArrayChildren",
   "VNodeChild",
   "VNodeNormalizedChildren",
-  "VNodeProps",
-  "VNodeRef",
-  "VNodeTypes",
-  "warn",
-  "watch",
-  "WatchCallback",
+  "VNode",
+  "openBlock",
+  "setBlockTracking",
+  "createElementBlock",
+  "createBlock",
+  "isVNode",
+  "transformVNodeArgs",
+  "createBaseVNode",
+  "createVNode",
+  "guardReactiveProps",
+  "cloneVNode",
+  "createTextVNode",
+  "createStaticVNode",
+  "createCommentVNode",
+  "mergeProps",
+  "ComponentCustomProps",
+  "AllowedComponentProps",
+  "FunctionalComponent",
+  "ConcreteComponent",
+  "Component",
+  "SetupContext",
+  "ComponentInternalInstance",
+  "getCurrentInstance",
+  "registerRuntimeCompiler",
+  "isRuntimeOnly",
   "WatchEffect",
-  "watchEffect",
-  "WatchOptions",
-  "WatchOptionsBase",
-  "watchPostEffect",
   "WatchSource",
+  "WatchCallback",
+  "WatchOptionsBase",
+  "WatchOptions",
   "WatchStopHandle",
+  "watchEffect",
+  "watchPostEffect",
   "watchSyncEffect",
-  "withCtx",
+  "watch",
+  "DefineComponent",
+  "defineComponent",
+  "AsyncComponentLoader",
+  "AsyncComponentOptions",
+  "defineAsyncComponent",
+  "defineProps",
+  "defineEmits",
+  "defineExpose",
+  "defineOptions",
+  "defineSlots",
+  "defineModel",
   "withDefaults",
-  "withDirectives",
-  "withMemo",
+  "useSlots",
+  "useAttrs",
+  "useModel",
+  "h",
+  "ssrContextKey",
+  "useSSRContext",
+  "warn",
+  "ErrorCodes",
+  "callWithErrorHandling",
+  "callWithAsyncErrorHandling",
+  "handleError",
+  "initCustomFormatter",
+  "devtools",
+  "setDevtoolsHook",
+  "HMRRuntime",
+  "pushScopeId",
+  "popScopeId",
   "withScopeId",
-  "WritableComputedOptions",
-  "WritableComputedRef",
+  "withCtx",
+  "renderList",
+  "toHandlers",
+  "renderSlot",
+  "createSlots",
+  "withMemo",
+  "isMemoSame",
+  "LegacyConfig",
+  "CompatVue",
+  "version",
+  "createElementVNode",
+  "VueElementConstructor",
+  "defineCustomElement",
+  "defineSSRCustomElement",
+  "VueElement",
+  "useCssModule",
+  "useCssVars",
+  "TransitionProps",
+  "Transition",
+  "TransitionGroupProps",
+  "TransitionGroup",
+  "vModelText",
+  "vModelCheckbox",
+  "vModelRadio",
+  "vModelSelect",
+  "vModelDynamic",
+  "withModifiers",
+  "withKeys",
+  "vShow",
   "CSSProperties",
   "StyleValue",
   "HTMLAttributes",
@@ -300,5 +307,14 @@
   "VideoHTMLAttributes",
   "WebViewHTMLAttributes",
   "SVGAttributes",
-  "Events"
+  "IntrinsicElementAttributes",
+  "Events",
+  "ReservedProps",
+  "NativeElements",
+  "render",
+  "hydrate",
+  "createApp",
+  "createSSRApp",
+  "compileToFunction",
+  "compile"
 ]
\ No newline at end of file
diff --git a/package.json b/package.json
index f5df32d22..765d6c36b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.12.0",
+  "version": "9.13.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 299d63484554b05968b3c97b97f52adbd691982f Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Tue, 16 May 2023 22:17:50 +0200
Subject: [PATCH 0610/1010] Add `additionalProperties` to
 `vue/no-deprecated-router-link-tag-prop` schema (#2177)

---
 lib/rules/no-deprecated-router-link-tag-prop.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-deprecated-router-link-tag-prop.js b/lib/rules/no-deprecated-router-link-tag-prop.js
index 2feb0ee75..e2853f2af 100644
--- a/lib/rules/no-deprecated-router-link-tag-prop.js
+++ b/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -45,7 +45,8 @@ module.exports = {
             uniqueItems: true,
             minItems: 1
           }
-        }
+        },
+        additionalProperties: false
       }
     ],
     messages: {

From c1f3d55f284cf1b26ff7f9a90f2394e53239fce9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=AA=E8=A7=89=E9=9B=A8=E5=A3=B0?= <544022268@qq.com>
Date: Fri, 19 May 2023 16:18:59 +0800
Subject: [PATCH 0611/1010] Document related rules for component name rules
 (#2181)

---
 docs/rules/multi-word-component-names.md  | 4 ++++
 docs/rules/no-reserved-component-names.md | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 25f862720..c54d199e9 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -169,6 +169,10 @@ export default {
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/no-reserved-component-names](./no-reserved-component-names.md)
+
 ## :books: Further Reading
 
 - [Style guide - Multi-word component names](https://vuejs.org/style-guide/rules-essential.html#use-multi-word-component-names)
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 8a0813b94..80e430813 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -72,6 +72,10 @@ export default {
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/multi-word-component-names](./multi-word-component-names.md)
+
 ## :books: Further Reading
 
 - [List of html elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)

From 8494cd5c62227ca3286f23d8a9b116e91370f4c7 Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Mon, 22 May 2023 07:46:24 +0300
Subject: [PATCH 0612/1010] Extend `vue/no-dupe-keys` to support `<script
 setup>` (#2185)

---
 lib/rules/no-dupe-keys.js       |  56 +++++++++++------
 tests/lib/rules/no-dupe-keys.js | 105 ++++++++++++++++++++++++++++++++
 2 files changed, 144 insertions(+), 17 deletions(-)

diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index c812c5319..f959f4b66 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -4,10 +4,13 @@
  */
 'use strict'
 
+const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
 /**
  * @typedef {import('../utils').GroupName} GroupName
+ * @typedef {import('eslint').Scope.Variable} Variable
+ * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
 /** @type {GroupName[]} */
@@ -39,24 +42,43 @@ module.exports = {
     const options = context.options[0] || {}
     const groups = new Set([...GROUP_NAMES, ...(options.groups || [])])
 
-    return utils.executeOnVue(context, (obj) => {
-      /** @type {Set<string>} */
-      const usedNames = new Set()
-      const properties = utils.iterateProperties(obj, groups)
-
-      for (const o of properties) {
-        if (usedNames.has(o.name)) {
-          context.report({
-            node: o.node,
-            message: "Duplicated key '{{name}}'.",
-            data: {
-              name: o.name
-            }
-          })
+    return utils.compositingVisitors(
+      utils.executeOnVue(context, (obj) => {
+        const properties = utils.iterateProperties(obj, groups)
+        /** @type {Set<string>} */
+        const usedNames = new Set()
+        for (const o of properties) {
+          if (usedNames.has(o.name)) {
+            context.report({
+              node: o.node,
+              message: "Duplicated key '{{name}}'.",
+              data: {
+                name: o.name
+              }
+            })
+          }
+
+          usedNames.add(o.name)
         }
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          for (const prop of props) {
+            if (!prop.propName) continue
 
-        usedNames.add(o.name)
-      }
-    })
+            const variable = findVariable(context.getScope(), prop.propName)
+            if (!variable || variable.defs.length === 0) continue
+
+            context.report({
+              node: variable.defs[0].node,
+              message: "Duplicated key '{{name}}'.",
+              data: {
+                name: prop.propName
+              }
+            })
+          }
+        }
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 26c9f7339..e1294032f 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -390,6 +390,32 @@ ruleTester.run('no-dupe-keys', rule, {
           },
         }
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineProps({
+          foo: String,
+        })
+        const bar = 0
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        defineProps<{
+          foo: string;
+        }>();
+
+        const bar = 0
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
     }
   ],
 
@@ -861,6 +887,85 @@ ruleTester.run('no-dupe-keys', rule, {
           line: 7
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineProps({
+          foo: String,
+        })
+        const foo = 0
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        import { Foo } from './Foo.vue';
+        import baz from './baz';
+        
+        defineProps({
+          foo: String,
+          bar: String,
+          baz: String,
+        });
+
+        function foo() {
+          const baz = 'baz';
+        }
+        const bar = () => 'bar';
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: "Duplicated key 'baz'.",
+          line: 4
+        },
+        {
+          message: "Duplicated key 'foo'.",
+          line: 12
+        },
+        {
+          message: "Duplicated key 'bar'.",
+          line: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{
+        foo: string;
+        bar: string;
+      }>();
+
+      const foo = 'foo';
+      const bar = 'bar';
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message: "Duplicated key 'foo'.",
+          line: 8
+        },
+        {
+          message: "Duplicated key 'bar'.",
+          line: 9
+        }
+      ]
     }
   ]
 })

From 30931f0f493308bd69e1527d407d1dec5b1afa19 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 22 May 2023 13:46:41 +0900
Subject: [PATCH 0613/1010] Add support for `defineOptions` to
 `vue/no-duplicate-attr-inheritance` rule (#2178)

---
 lib/rules/no-duplicate-attr-inheritance.js    | 21 ++++++--
 .../rules/no-duplicate-attr-inheritance.js    | 52 +++++++++++++++++++
 2 files changed, 68 insertions(+), 5 deletions(-)

diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index eea2bf765..a8661b091 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -26,12 +26,23 @@ module.exports = {
     /** @type {string | number | boolean | RegExp | BigInt | null} */
     let inheritsAttrs = true
 
-    return Object.assign(
-      utils.executeOnVue(context, (node) => {
-        const inheritAttrsProp = utils.findProperty(node, 'inheritAttrs')
+    /** @param {ObjectExpression} node */
+    function processOptions(node) {
+      const inheritAttrsProp = utils.findProperty(node, 'inheritAttrs')
 
-        if (inheritAttrsProp && inheritAttrsProp.value.type === 'Literal') {
-          inheritsAttrs = inheritAttrsProp.value.value
+      if (inheritAttrsProp && inheritAttrsProp.value.type === 'Literal') {
+        inheritsAttrs = inheritAttrsProp.value.value
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.executeOnVue(context, processOptions),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          if (node.arguments.length === 0) return
+          const define = node.arguments[0]
+          if (define.type !== 'ObjectExpression') return
+          processOptions(define)
         }
       }),
       utils.defineTemplateBodyVisitor(context, {
diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
index b4a00c228..7fc112123 100644
--- a/tests/lib/rules/no-duplicate-attr-inheritance.js
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -79,6 +79,26 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         export default {  }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default { inheritAttrs: false }
+      </script>
+      <script setup>
+      </script>
+      <template><div v-bind="$attrs" /></template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({ inheritAttrs: false })
+      </script>
+      <template><div v-bind="$attrs" /></template>
+      `
     }
   ],
 
@@ -99,6 +119,38 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         </script>
       `,
       errors: ['Set "inheritAttrs" to false.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default { inheritAttrs: true }
+      </script>
+      <script setup>
+      </script>
+      <template><div v-bind="$attrs" /></template>
+      `,
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({ inheritAttrs: true })
+      </script>
+      <template><div v-bind="$attrs" /></template>
+      `,
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From d93f2c6b08827365bc40896be8050b47696e0460 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 22 May 2023 19:37:54 +0900
Subject: [PATCH 0614/1010] Fix false positive for unknown prop in
 `vue/no-undef-properties` rule (#2186)

---
 lib/rules/no-undef-properties.js       | 11 ++++++
 tests/lib/rules/no-undef-properties.js | 47 ++++++++++++++++++++++++++
 2 files changed, 58 insertions(+)

diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 36650f555..d7026eb62 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -127,6 +127,8 @@ module.exports = {
 
         /** @type { Set<string | ASTNode> } */
         this.reported = new Set()
+
+        this.hasUnknownProperty = false
       }
       /**
        * Report
@@ -135,6 +137,7 @@ module.exports = {
        * @param {boolean} [options.props]
        */
       verifyReferences(references, options) {
+        if (this.hasUnknownProperty) return
         const report = this.report.bind(this)
         verifyUndefProperties(this.defineProperties, references, null)
 
@@ -206,6 +209,10 @@ module.exports = {
           }
         })
       }
+
+      markAsHasUnknownProperty() {
+        this.hasUnknownProperty = true
+      }
     }
 
     /** @type {Map<ASTNode, VueComponentContext>} */
@@ -280,6 +287,10 @@ module.exports = {
           const ctx = getVueComponentContext(programNode)
 
           for (const prop of props) {
+            if (prop.type === 'unknown') {
+              ctx.markAsHasUnknownProperty()
+              return
+            }
             if (!prop.propName) {
               continue
             }
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 8b8ebbb1d..9a97fe1a9 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -6,6 +6,9 @@
 
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/no-undef-properties')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -535,6 +538,26 @@ tester.run('no-undef-properties', rule, {
         },
       };
       </script>`
+    },
+
+    {
+      // unknown type
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      import type { Props1 } from './test01';
+
+      defineProps<Props1>();
+
+      </script>
+
+      <template>
+      <div>{{ foo }}</div>
+      <div>{{ unknown }}</div>
+      </template>`,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -1129,6 +1152,30 @@ tester.run('no-undef-properties', rule, {
           column: 46
         }
       ]
+    },
+
+    {
+      // known type
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      import type { Props1 } from './test01';
+
+      defineProps<Props1>();
+
+      </script>
+
+      <template>
+      <div>{{ foo }}</div>
+      <div>{{ unknown }}</div>
+      </template>`,
+      ...getTypeScriptFixtureTestOptions(),
+      errors: [
+        {
+          message: "'unknown' is not defined.",
+          line: 11
+        }
+      ]
     }
   ]
 })

From 15f703262485d6bd7db6e3c0bff3228b39d32036 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 22 May 2023 22:17:39 +0900
Subject: [PATCH 0615/1010] 9.14.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 765d6c36b..ab4d9b718 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.13.0",
+  "version": "9.14.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 25fcb9b8ea6c23a69d504870c5751d7b8ef76abf Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 26 May 2023 17:00:19 +0900
Subject: [PATCH 0616/1010] Fix false positives for toRef props in
 `vue/no-dupe-keys` rule (#2189)

---
 lib/rules/no-dupe-keys.js       | 84 ++++++++++++++++++++++++++++
 tests/lib/rules/no-dupe-keys.js | 99 ++++++++++++++++++++++++++++++++-
 2 files changed, 182 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index f959f4b66..b007631f4 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -16,6 +16,48 @@ const utils = require('../utils')
 /** @type {GroupName[]} */
 const GROUP_NAMES = ['props', 'computed', 'data', 'methods', 'setup']
 
+/**
+ * Gets the props pattern node from given `defineProps()` node
+ * @param {CallExpression} node
+ * @returns {Pattern|null}
+ */
+function getPropsPattern(node) {
+  let target = node
+  if (
+    target.parent &&
+    target.parent.type === 'CallExpression' &&
+    target.parent.arguments[0] === target &&
+    target.parent.callee.type === 'Identifier' &&
+    target.parent.callee.name === 'withDefaults'
+  ) {
+    target = target.parent
+  }
+
+  if (
+    !target.parent ||
+    target.parent.type !== 'VariableDeclarator' ||
+    target.parent.init !== target
+  ) {
+    return null
+  }
+  return target.parent.id
+}
+
+/**
+ * Checks whether the initialization of the given variable declarator node contains one of the references.
+ * @param {VariableDeclarator} node
+ * @param {ESNode[]} references
+ */
+function isInsideInitializer(node, references) {
+  const init = node.init
+  if (!init) {
+    return false
+  }
+  return references.some(
+    (id) => init.range[0] <= id.range[0] && id.range[1] <= init.range[1]
+  )
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -63,12 +105,27 @@ module.exports = {
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
+          const propsNode = getPropsPattern(node)
+          const propReferences = [
+            ...(propsNode ? extractReferences(propsNode) : []),
+            node
+          ]
+
           for (const prop of props) {
             if (!prop.propName) continue
 
             const variable = findVariable(context.getScope(), prop.propName)
             if (!variable || variable.defs.length === 0) continue
 
+            if (
+              variable.defs.some((def) => {
+                if (def.type !== 'Variable') return false
+                return isInsideInitializer(def.node, propReferences)
+              })
+            ) {
+              continue
+            }
+
             context.report({
               node: variable.defs[0].node,
               message: "Duplicated key '{{name}}'.",
@@ -80,5 +137,32 @@ module.exports = {
         }
       })
     )
+
+    /**
+     * Extracts references from the given node.
+     * @param {Pattern} node
+     * @returns {Identifier[]} References
+     */
+    function extractReferences(node) {
+      if (node.type === 'Identifier') {
+        const variable = findVariable(context.getScope(), node)
+        if (!variable) {
+          return []
+        }
+        return variable.references.map((ref) => ref.identifier)
+      }
+      if (node.type === 'ObjectPattern') {
+        return node.properties.flatMap((prop) =>
+          extractReferences(prop.type === 'Property' ? prop.value : prop)
+        )
+      }
+      if (node.type === 'AssignmentPattern') {
+        return extractReferences(node.left)
+      }
+      if (node.type === 'RestElement') {
+        return extractReferences(node.argument)
+      }
+      return []
+    }
   }
 }
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index e1294032f..29384f567 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -416,6 +416,86 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       parser: require.resolve('vue-eslint-parser'),
       parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps(['foo', 'bar'])
+      const { foo, bar } = props
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps(['foo', 'bar'])
+      const foo = props.foo
+      const bar = props.bar
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {toRefs} from 'vue'
+      const props = defineProps(['foo', 'bar'])
+      const { foo, bar } = toRefs(props)
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {toRef} from 'vue'
+      const props = defineProps(['foo', 'bar'])
+      const foo = toRef(props, 'foo')
+      const bar = toRef(props, 'bar')
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup></script>
+      const {foo,bar} = defineProps(['foo', 'bar'])
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup></script>
+      const {foo=42,bar='abc'} = defineProps(['foo', 'bar'])
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = withDefaults(
+        defineProps<{
+          foo?: string | number
+        }>(),
+        {
+          foo: "Foo",
+        }
+      );
+      const foo = props.foo
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
     }
   ],
 
@@ -912,7 +992,7 @@ ruleTester.run('no-dupe-keys', rule, {
       <script setup>
         import { Foo } from './Foo.vue';
         import baz from './baz';
-        
+
         defineProps({
           foo: String,
           bar: String,
@@ -966,6 +1046,23 @@ ruleTester.run('no-dupe-keys', rule, {
           line: 9
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps(['foo', 'bar'])
+      const { foo } = props
+      const bar = 42
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: "Duplicated key 'bar'.",
+          line: 5
+        }
+      ]
     }
   ]
 })

From 4dfb4d7966ea49da9252e99ef80cca9a37302d74 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 26 May 2023 17:03:34 +0900
Subject: [PATCH 0617/1010] 9.14.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ab4d9b718..1707b3916 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.14.0",
+  "version": "9.14.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 13167ed832f1171112b8906d1b39709c441b4f68 Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Tue, 30 May 2023 12:18:21 +0300
Subject: [PATCH 0618/1010] Add `vue/no-console` rule (#2194)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/index.md           |   1 +
 docs/rules/no-console.md      |  28 ++++++++
 lib/index.js                  |   1 +
 lib/rules/no-console.js       |  44 ++++++++++++
 tests/lib/rules/no-console.js | 127 ++++++++++++++++++++++++++++++++++
 5 files changed, 201 insertions(+)
 create mode 100644 docs/rules/no-console.md
 create mode 100644 lib/rules/no-console.js
 create mode 100644 tests/lib/rules/no-console.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d73923f19..c3e4b8ed7 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -299,6 +299,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
 | [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
+| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` |  | :hammer: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
new file mode 100644
index 000000000..e03628a32
--- /dev/null
+++ b/docs/rules/no-console.md
@@ -0,0 +1,28 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-console
+description: Disallow the use of `console` in `<template>`
+---
+# vue/no-console
+
+> Disallow the use of `console` in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [no-console]
+
+[no-console]: https://eslint.org/docs/latest/rules/no-console
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-console.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-console.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-console)</sup>
diff --git a/lib/index.js b/lib/index.js
index 7bd0fa3b8..8ac5d9383 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -66,6 +66,7 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-child-content': require('./rules/no-child-content'),
     'no-computed-properties-in-data': require('./rules/no-computed-properties-in-data'),
+    'no-console': require('./rules/no-console'),
     'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
new file mode 100644
index 000000000..cf4254035
--- /dev/null
+++ b/lib/rules/no-console.js
@@ -0,0 +1,44 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = utils.wrapCoreRule('no-console', {
+  create(context) {
+    const options = context.options[0] || {}
+    const allowed = options.allow || []
+
+    /**
+     * Copied from the core rule `no-console`.
+     * Checks whether the property name of the given MemberExpression node
+     * is allowed by options or not.
+     * @param {MemberExpression} node The MemberExpression node to check.
+     * @returns {boolean} `true` if the property name of the node is allowed.
+     */
+    function isAllowed(node) {
+      const propertyName = utils.getStaticPropertyName(node)
+
+      return propertyName && allowed.includes(propertyName)
+    }
+
+    return {
+      MemberExpression(node) {
+        if (
+          node.object.type === 'Identifier' &&
+          node.object.name === 'console' &&
+          !isAllowed(node)
+        ) {
+          context.report({
+            node: node.object,
+            loc: node.object.loc,
+            messageId: 'unexpected'
+          })
+        }
+      }
+    }
+  }
+})
diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
new file mode 100644
index 000000000..a0c273042
--- /dev/null
+++ b/tests/lib/rules/no-console.js
@@ -0,0 +1,127 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-console')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-console', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="Console.log">button</button>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button>{{ console.warn('warn') }}</button>
+      </template>
+      `,
+      options: [{ allow: ['warn'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button :foo="console.error">button</button>
+      </template>
+      `,
+      options: [{ allow: ['error'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button :foo="console.log">{{ console.log('test') }}</button>
+        {{ console.warn('test') }}
+        {{ console.info('test') }}
+      </template>
+      `,
+      options: [{ allow: ['log', 'warn', 'info'] }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="console.log">button</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button :foo="console.log">{{ console.log('test') }}</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 23
+        },
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 39
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="() => console.log">button</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 31
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="console.log">button</button>
+        {{ console.error('test') }}
+      </template>
+      `,
+      options: [{ allow: ['error'] }],
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 25
+        }
+      ]
+    }
+  ]
+})

From d815a486bb9c8ddfa2960eebc41dc9767691835f Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Thu, 1 Jun 2023 04:50:36 +0300
Subject: [PATCH 0619/1010] Add `vue/require-macro-variable-name` rule (#2198)

---
 docs/rules/index.md                           |   1 +
 docs/rules/require-macro-variable-name.md     |  84 +++++
 lib/index.js                                  |   1 +
 lib/rules/require-macro-variable-name.js      | 111 ++++++
 .../lib/rules/require-macro-variable-name.js  | 324 ++++++++++++++++++
 5 files changed, 521 insertions(+)
 create mode 100644 docs/rules/require-macro-variable-name.md
 create mode 100644 lib/rules/require-macro-variable-name.js
 create mode 100644 tests/lib/rules/require-macro-variable-name.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index c3e4b8ed7..d6469f3e0 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -262,6 +262,7 @@ For example:
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
+| [vue/require-macro-variable-name](./require-macro-variable-name.md) | require a certain macro variable name | :bulb: | :hammer: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
diff --git a/docs/rules/require-macro-variable-name.md b/docs/rules/require-macro-variable-name.md
new file mode 100644
index 000000000..ef7400e1d
--- /dev/null
+++ b/docs/rules/require-macro-variable-name.md
@@ -0,0 +1,84 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-macro-variable-name
+description: require a certain macro variable name
+---
+# vue/require-macro-variable-name
+
+> require a certain macro variable name
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule reports macro variables not corresponding to the specified name.
+
+<eslint-code-block :rules="{'vue/require-macro-variable-name': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script setup>
+const props = defineProps({ msg: String })
+const emit = defineEmits(['update:msg'])
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-macro-variable-name': ['error']}">
+
+```vue
+<!-- ✗ BAD  -->
+<script setup>
+const propsDefined = defineProps({ msg: String })
+const emitsDefined = defineEmits(['update:msg'])
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/require-macro-variable-name": ["error", {
+    "defineProps": "props",
+    "defineEmits": "emit",
+    "defineSlots": "slots",
+    "useSlots": "slots",
+    "useAttrs": "attrs"
+  }]
+}
+```
+
+- `defineProps` - The name of the macro variable for `defineProps`. default: `props`
+- `defineEmits` - The name of the macro variable for `defineEmits`. default: `emit`
+- `defineSlots` - The name of the macro variable for `defineSlots`. default: `slots`
+- `useSlots` - The name of the macro variable for `useSlots`. default: `slots`
+- `useAttrs` - The name of the macro variable for `useAttrs`. default: `attrs`
+
+### With custom macro variable names
+
+<eslint-code-block :rules="{'vue/require-macro-variable-name': ['error', {
+    'defineProps': 'propsCustom',
+    'defineEmits': 'emitCustom',
+    'defineSlots': 'slotsCustom',
+    'useSlots': 'slotsCustom',
+    'useAttrs': 'attrsCustom'
+  }]}">
+
+```vue
+<script setup>
+const slotsCustom = defineSlots()
+const attrsCustom = useAttrs()
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-macro-variable-name.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-macro-variable-name.js)
diff --git a/lib/index.js b/lib/index.js
index 8ac5d9383..6ca29d49f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -181,6 +181,7 @@ module.exports = {
     'require-emit-validator': require('./rules/require-emit-validator'),
     'require-explicit-emits': require('./rules/require-explicit-emits'),
     'require-expose': require('./rules/require-expose'),
+    'require-macro-variable-name': require('./rules/require-macro-variable-name'),
     'require-name-property': require('./rules/require-name-property'),
     'require-prop-comment': require('./rules/require-prop-comment'),
     'require-prop-type-constructor': require('./rules/require-prop-type-constructor'),
diff --git a/lib/rules/require-macro-variable-name.js b/lib/rules/require-macro-variable-name.js
new file mode 100644
index 000000000..e52c1196c
--- /dev/null
+++ b/lib/rules/require-macro-variable-name.js
@@ -0,0 +1,111 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+const DEFAULT_OPTIONS = {
+  defineProps: 'props',
+  defineEmits: 'emit',
+  defineSlots: 'slots',
+  useSlots: 'slots',
+  useAttrs: 'attrs'
+}
+
+module.exports = {
+  meta: {
+    hasSuggestions: true,
+    type: 'suggestion',
+    docs: {
+      description: 'require a certain macro variable name',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-macro-variable-name.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          defineProps: {
+            type: 'string',
+            default: DEFAULT_OPTIONS.defineProps
+          },
+          defineEmits: {
+            type: 'string',
+            default: DEFAULT_OPTIONS.defineEmits
+          },
+          defineSlots: {
+            type: 'string',
+            default: DEFAULT_OPTIONS.defineSlots
+          },
+          useSlots: {
+            type: 'string',
+            default: DEFAULT_OPTIONS.useSlots
+          },
+          useAttrs: {
+            type: 'string',
+            default: DEFAULT_OPTIONS.useAttrs
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      requireName:
+        'The variable name of "{{macroName}}" must be "{{variableName}}".',
+      changeName: 'Change the variable name to "{{variableName}}".'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || DEFAULT_OPTIONS
+    const relevantMacros = new Set([
+      ...Object.keys(DEFAULT_OPTIONS),
+      'withDefaults'
+    ])
+
+    return utils.defineScriptSetupVisitor(context, {
+      VariableDeclarator(node) {
+        if (
+          node.init &&
+          node.init.type === 'CallExpression' &&
+          node.init.callee.type === 'Identifier' &&
+          relevantMacros.has(node.init.callee.name)
+        ) {
+          const macroName =
+            node.init.callee.name === 'withDefaults'
+              ? 'defineProps'
+              : node.init.callee.name
+
+          if (
+            node.id.type === 'Identifier' &&
+            node.id.name !== options[macroName]
+          ) {
+            context.report({
+              node: node.id,
+              loc: node.id.loc,
+              messageId: 'requireName',
+              data: {
+                macroName,
+                variableName: options[macroName]
+              },
+              suggest: [
+                {
+                  messageId: 'changeName',
+                  data: {
+                    variableName: options[macroName]
+                  },
+                  fix(fixer) {
+                    return fixer.replaceText(node.id, options[macroName])
+                  }
+                }
+              ]
+            })
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/require-macro-variable-name.js b/tests/lib/rules/require-macro-variable-name.js
new file mode 100644
index 000000000..c54c224a5
--- /dev/null
+++ b/tests/lib/rules/require-macro-variable-name.js
@@ -0,0 +1,324 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-macro-variable-name')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+const customOptions = {
+  defineProps: 'customProps',
+  defineEmits: 'customEmits',
+  defineSlots: 'customSlots',
+  useSlots: 'customUseSlots',
+  useAttrs: 'customUseAttrs'
+}
+
+tester.run('require-macro-variable-name', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const props = defineProps({})
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo, bar } = defineProps(['foo', 'bar'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = 42, bar = 'abc' } = defineProps(['foo', 'bar'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        import { toRef } from 'vue'
+
+        const props = defineProps(['foo', 'bar'])
+        const foo = toRef(props, 'foo')
+        const bar = toRef(props, 'bar')
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const props = withDefaults(defineProps(['foo', 'bar']), {
+          foo: 42,
+          bar: 'abc'
+        })
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const ${customOptions.defineProps} = defineProps(['foo', 'bar'])
+        const ${customOptions.defineEmits} = defineEmits(['baz'])
+      </script>
+      `,
+      options: [customOptions]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const customName = defineProps({})
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The variable name of "defineProps" must be "props".',
+          line: 3,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Change the variable name to "props".',
+              output: `
+      <script setup>
+        const props = defineProps({})
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const emitsWrong = defineEmits({})
+        const slotsWrong = defineSlots({})
+        const attrsWrong = useAttrs({})
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The variable name of "defineEmits" must be "emit".',
+          line: 3,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Change the variable name to "emit".',
+              output: `
+      <script setup>
+        const emit = defineEmits({})
+        const slotsWrong = defineSlots({})
+        const attrsWrong = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'The variable name of "defineSlots" must be "slots".',
+          line: 4,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Change the variable name to "slots".',
+              output: `
+      <script setup>
+        const emitsWrong = defineEmits({})
+        const slots = defineSlots({})
+        const attrsWrong = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: 'The variable name of "useAttrs" must be "attrs".',
+          line: 5,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Change the variable name to "attrs".',
+              output: `
+      <script setup>
+        const emitsWrong = defineEmits({})
+        const slotsWrong = defineSlots({})
+        const attrs = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const slotsWrong = useSlots({})
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The variable name of "useSlots" must be "slots".',
+          line: 3,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Change the variable name to "slots".',
+              output: `
+      <script setup>
+        const slots = useSlots({})
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const propsWrong = withDefaults(defineProps(['foo', 'bar']), {
+          foo: 42,
+          bar: 'abc'
+        })
+      </script>
+      `,
+      errors: [
+        {
+          message: 'The variable name of "defineProps" must be "props".',
+          line: 3,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Change the variable name to "props".',
+              output: `
+      <script setup>
+        const props = withDefaults(defineProps(['foo', 'bar']), {
+          foo: 42,
+          bar: 'abc'
+        })
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const slots = defineSlots({})
+        const useSlots = useSlots({})
+        const attrs = useAttrs({})
+      </script>
+      `,
+      errors: [
+        {
+          message: `The variable name of "defineSlots" must be "${customOptions.defineSlots}".`,
+          line: 3,
+          column: 15,
+          suggestions: [
+            {
+              desc: `Change the variable name to "${customOptions.defineSlots}".`,
+              output: `
+      <script setup>
+        const ${customOptions.defineSlots} = defineSlots({})
+        const useSlots = useSlots({})
+        const attrs = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: `The variable name of "useSlots" must be "${customOptions.useSlots}".`,
+          line: 4,
+          column: 15,
+          suggestions: [
+            {
+              desc: `Change the variable name to "${customOptions.useSlots}".`,
+              output: `
+      <script setup>
+        const slots = defineSlots({})
+        const ${customOptions.useSlots} = useSlots({})
+        const attrs = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message: `The variable name of "useAttrs" must be "${customOptions.useAttrs}".`,
+          line: 5,
+          column: 15,
+          suggestions: [
+            {
+              desc: `Change the variable name to "${customOptions.useAttrs}".`,
+              output: `
+      <script setup>
+        const slots = defineSlots({})
+        const useSlots = useSlots({})
+        const ${customOptions.useAttrs} = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        }
+      ],
+      options: [customOptions]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const slotsCustom = defineSlots({})
+        const attrsCustom = useAttrs({})
+      </script>
+      `,
+      errors: [
+        {
+          message: `The variable name of "useAttrs" must be "attrs".`,
+          line: 4,
+          column: 15,
+          suggestions: [
+            {
+              desc: `Change the variable name to "attrs".`,
+              output: `
+      <script setup>
+        const slotsCustom = defineSlots({})
+        const attrs = useAttrs({})
+      </script>
+      `
+            }
+          ]
+        }
+      ],
+      options: [{ defineSlots: 'slotsCustom' }]
+    }
+  ]
+})

From 11f3f9f8a4cd947702cbba99e188ec23998540ef Mon Sep 17 00:00:00 2001
From: Wenfang Du <no_reply_mail@163.com>
Date: Fri, 9 Jun 2023 15:50:59 +0800
Subject: [PATCH 0620/1010] Mark default options correctly in
 `vue/define-macros-order` docs (#2208)

---
 docs/rules/define-macros-order.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index c4e36b253..37074f05c 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -66,7 +66,7 @@ defineEmits(/* ... */)
 
 </eslint-code-block>
 
-### `{ "order": ["defineOptions", "defineProps", "defineEmits", "defineSlots"] }` (default)
+### `{ "order": ["defineOptions", "defineProps", "defineEmits", "defineSlots"] }`
 
 <eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
 

From 81ce0cecb87eae60830b9b973790d4f2386062c1 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 9 Jun 2023 12:36:16 +0300
Subject: [PATCH 0621/1010] Add `vue/require-typed-ref` rule (#2204)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                  |   1 +
 docs/rules/require-typed-ref.md      |  47 ++++++
 lib/index.js                         |   1 +
 lib/rules/require-typed-ref.js       | 102 ++++++++++++
 lib/utils/index.js                   |   9 +
 lib/utils/ref-object-references.js   |   1 +
 tests/lib/rules/require-typed-ref.js | 239 +++++++++++++++++++++++++++
 7 files changed, 400 insertions(+)
 create mode 100644 docs/rules/require-typed-ref.md
 create mode 100644 lib/rules/require-typed-ref.js
 create mode 100644 tests/lib/rules/require-typed-ref.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d6469f3e0..605cd4ef4 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -265,6 +265,7 @@ For example:
 | [vue/require-macro-variable-name](./require-macro-variable-name.md) | require a certain macro variable name | :bulb: | :hammer: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
+| [vue/require-typed-ref](./require-typed-ref.md) | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
new file mode 100644
index 000000000..933c26cb0
--- /dev/null
+++ b/docs/rules/require-typed-ref.md
@@ -0,0 +1,47 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-typed-ref
+description: require `ref` and `shallowRef` functions to be strongly typed
+---
+# vue/require-typed-ref
+
+> require `ref` and `shallowRef` functions to be strongly typed
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule disallows calling `ref()` or `shallowRef()` functions without generic type parameter or an argument when using TypeScript.
+
+With TypeScript it is easy to prevent usage of `any` by using [`noImplicitAny`](https://www.typescriptlang.org/tsconfig#noImplicitAny). Unfortunately this rule is easily bypassed with Vue `ref()` function. Calling `ref()` function without a generic parameter or an initial value leads to ref having `Ref<any>` type.
+
+<eslint-code-block :rules="{'vue/require-typed-ref': ['error']}">
+
+```vue
+<script setup lang="ts">
+import { ref, shallowRef, type Ref } from 'vue'
+
+/* ✗ BAD */
+const count = ref() // Returns Ref<any> that is not type checked
+count.value = '50' // Should be a type error, but it is not
+
+const count = shallowRef()
+
+/* ✓ GOOD */
+const count = ref<number>()
+const count = ref(0)
+const count: Ref<number | undefined> = ref()
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-typed-ref.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-typed-ref.js)
diff --git a/lib/index.js b/lib/index.js
index 6ca29d49f..41c5b6b84 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -189,6 +189,7 @@ module.exports = {
     'require-render-return': require('./rules/require-render-return'),
     'require-slots-as-functions': require('./rules/require-slots-as-functions'),
     'require-toggle-inside-transition': require('./rules/require-toggle-inside-transition'),
+    'require-typed-ref': require('./rules/require-typed-ref'),
     'require-v-for-key': require('./rules/require-v-for-key'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
     'return-in-computed-property': require('./rules/return-in-computed-property'),
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
new file mode 100644
index 000000000..f8fce39de
--- /dev/null
+++ b/lib/rules/require-typed-ref.js
@@ -0,0 +1,102 @@
+/**
+ * @author Ivan Demchuk <https://github.com/Demivan>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { iterateDefineRefs } = require('../utils/ref-object-references')
+const utils = require('../utils')
+
+/**
+ * @param {Expression|SpreadElement} node
+ */
+function isNullOrUndefined(node) {
+  return (
+    (node.type === 'Literal' && node.value === null) ||
+    (node.type === 'Identifier' && node.name === 'undefined')
+  )
+}
+
+/**
+ * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
+ */
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'require `ref` and `shallowRef` functions to be strongly typed',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-typed-ref.html'
+    },
+    fixable: null,
+    messages: {
+      noType:
+        'Specify type parameter for `{{name}}` function, otherwise created variable will not by typechecked.'
+    },
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const filename = context.getFilename()
+    if (!utils.isVueFile(filename) && !utils.isTypeScriptFile(filename)) {
+      return {}
+    }
+
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (
+      scriptSetup &&
+      !utils.hasAttribute(scriptSetup, 'lang', 'ts') &&
+      !utils.hasAttribute(scriptSetup, 'lang', 'typescript')
+    ) {
+      return {}
+    }
+
+    const defines = iterateDefineRefs(context.getScope())
+
+    /**
+     * @param {string} name
+     * @param {CallExpression} node
+     */
+    function report(name, node) {
+      context.report({
+        node,
+        messageId: 'noType',
+        data: {
+          name
+        }
+      })
+    }
+
+    return {
+      Program() {
+        for (const ref of defines) {
+          if (ref.name !== 'ref' && ref.name !== 'shallowRef') {
+            continue
+          }
+
+          if (
+            ref.node.arguments.length > 0 &&
+            !isNullOrUndefined(ref.node.arguments[0])
+          ) {
+            continue
+          }
+
+          if (ref.node.typeParameters == null) {
+            if (
+              ref.node.parent.type === 'VariableDeclarator' &&
+              ref.node.parent.id.type === 'Identifier'
+            ) {
+              if (ref.node.parent.id.typeAnnotation == null) {
+                report(ref.name, ref.node)
+              }
+            } else {
+              report(ref.name, ref.node)
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index ef8cd0ee9..1c54ef3f0 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -998,6 +998,8 @@ module.exports = {
     return null
   },
 
+  isTypeScriptFile,
+
   isVueFile,
 
   /**
@@ -2416,6 +2418,13 @@ function getVExpressionContainer(node) {
   return n
 }
 
+/**
+ * @param {string} path
+ */
+function isTypeScriptFile(path) {
+  return path.endsWith('.ts') || path.endsWith('.tsx') || path.endsWith('.mts')
+}
+
 // ------------------------------------------------------------------------------
 // Vue Helpers
 // ------------------------------------------------------------------------------
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index ceecd89e3..49404dad0 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -251,6 +251,7 @@ function getGlobalScope(context) {
 }
 
 module.exports = {
+  iterateDefineRefs,
   extractRefObjectReferences,
   extractReactiveVariableReferences
 }
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
new file mode 100644
index 000000000..571b5c5de
--- /dev/null
+++ b/tests/lib/rules/require-typed-ref.js
@@ -0,0 +1,239 @@
+/**
+ * @author Ivan Demchuk <https://github.com/Demivan>
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-typed-ref')
+
+const tester = new RuleTester({
+  parser: require.resolve('@typescript-eslint/parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+// Note: Need to specify filename for each test,
+// as only TypeScript files are being checked
+tester.run('require-typed-ref', rule, {
+  valid: [
+    {
+      filename: 'test.ts',
+      code: `
+        import { shallowRef } from 'vue'
+        const count = shallowRef(0)
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref<number>()
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref<number>(0)
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const counter: Ref<number | undefined> = ref()
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(0)
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        function useCount() {
+          return {
+            count: ref<number>()
+          }
+        }
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+      import { ref, defineComponent } from 'vue'
+      defineComponent({
+        setup() {
+          const count = ref<number>()
+          return { count }
+        }
+      })
+      `
+    },
+    {
+      filename: 'test.vue',
+      parser: require.resolve('vue-eslint-parser'),
+      code: `
+        <script setup>
+          import { ref } from 'vue'
+          const count = ref()
+        </script>
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+        import { ref } from 'vue'
+        const count = ref()
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref()
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(null)
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 32
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(undefined)
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 37
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { shallowRef } from 'vue'
+        const count = shallowRef()
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        function useCount() {
+          const count = ref()
+          return { count }
+        }
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 30
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        function useCount() {
+          return {
+            count: ref()
+          }
+        }
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      parser: require.resolve('vue-eslint-parser'),
+      code: `
+        <script setup lang="ts">
+          import { ref } from 'vue'
+          const count = ref()
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 30
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref, defineComponent } from 'vue'
+        defineComponent({
+          setup() {
+            const count = ref()
+            return { count }
+          }
+        })
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 5,
+          column: 27,
+          endLine: 5,
+          endColumn: 32
+        }
+      ]
+    }
+  ]
+})

From e643d449f68ea6a890ac6454dcc7a7f96b650274 Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Tue, 13 Jun 2023 01:40:24 +0300
Subject: [PATCH 0622/1010] Add `vue/no-restricted-component-names` rule
 (#2210)

---
 docs/rules/index.md                           |   1 +
 docs/rules/no-restricted-component-names.md   |  89 ++++++
 lib/index.js                                  |   1 +
 lib/rules/no-restricted-component-names.js    | 157 +++++++++++
 .../rules/no-restricted-component-names.js    | 262 ++++++++++++++++++
 5 files changed, 510 insertions(+)
 create mode 100644 docs/rules/no-restricted-component-names.md
 create mode 100644 lib/rules/no-restricted-component-names.js
 create mode 100644 tests/lib/rules/no-restricted-component-names.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 605cd4ef4..d7033432a 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -234,6 +234,7 @@ For example:
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
 | [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
+| [vue/no-restricted-component-names](./no-restricted-component-names.md) | disallow specific component names | :bulb: | :hammer: |
 | [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  | :hammer: |
 | [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event | :bulb: | :hammer: |
 | [vue/no-restricted-html-elements](./no-restricted-html-elements.md) | disallow specific HTML elements |  | :hammer: |
diff --git a/docs/rules/no-restricted-component-names.md b/docs/rules/no-restricted-component-names.md
new file mode 100644
index 000000000..ccd7b24bc
--- /dev/null
+++ b/docs/rules/no-restricted-component-names.md
@@ -0,0 +1,89 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-component-names
+description: disallow specific component names
+---
+# vue/no-restricted-component-names
+
+> disallow specific component names
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule allows you to specify component names that you don't want to use in your application.
+
+<eslint-code-block :rules="{'vue/no-restricted-component-names': ['error', 'Disallow']}">
+
+```vue
+<!-- ✗ BAD -->
+<script>
+export default {
+  name: 'Disallow',
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-restricted-component-names': ['error', 'Disallow']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+export default {
+  name: 'Allow',
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a component name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-component-names": ["error", "foo", "/^Disallow/"]
+}
+```
+
+Alternatively, you can specify an object with a `name` property and an optional `message` and `suggest` property:
+  
+```json
+  {
+    "vue/no-restricted-component-names": [
+      "error",
+      {
+        "name": "Disallow",
+        "message": "Please do not use `Disallow` as a component name",
+        "suggest": "allow"
+      },
+      {
+        "name": "/^custom/",
+        "message": "Please do not use component names starting with 'custom'"
+      }
+    ]
+  }
+  ```
+
+<eslint-code-block :rules="{'vue/no-restricted-component-names': ['error', { name: 'Disallow', message: 'Please do not use \'Disallow\' as a component name', suggest: 'allow'}]}">
+
+```vue
+<!-- ✗ BAD -->
+<script>
+export default {
+  name: 'Disallow',
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-component-names.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-component-names.js)
diff --git a/lib/index.js b/lib/index.js
index 41c5b6b84..4329a29a2 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -118,6 +118,7 @@ module.exports = {
     'no-restricted-block': require('./rules/no-restricted-block'),
     'no-restricted-call-after-await': require('./rules/no-restricted-call-after-await'),
     'no-restricted-class': require('./rules/no-restricted-class'),
+    'no-restricted-component-names': require('./rules/no-restricted-component-names'),
     'no-restricted-component-options': require('./rules/no-restricted-component-options'),
     'no-restricted-custom-event': require('./rules/no-restricted-custom-event'),
     'no-restricted-html-elements': require('./rules/no-restricted-html-elements'),
diff --git a/lib/rules/no-restricted-component-names.js b/lib/rules/no-restricted-component-names.js
new file mode 100644
index 000000000..e7fc28608
--- /dev/null
+++ b/lib/rules/no-restricted-component-names.js
@@ -0,0 +1,157 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+const { isRegExp, toRegExp } = require('../utils/regexp')
+
+/**
+ * @typedef {object} OptionParsed
+ * @property { (name: string) => boolean } test
+ * @property {string|undefined} [message]
+ * @property {string|undefined} [suggest]
+ */
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ * @private
+ */
+function buildMatcher(str) {
+  if (isRegExp(str)) {
+    const regex = toRegExp(str)
+    return (s) => regex.test(s)
+  }
+  return (s) => s === casing.pascalCase(str) || s === casing.kebabCase(str)
+}
+
+/**
+ * @param {string|{name: string, message?: string, suggest?: string}} option
+ * @returns {OptionParsed}
+ * @private
+ * */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return { test: matcher }
+  }
+  const parsed = parseOption(option.name)
+  parsed.message = option.message
+  parsed.suggest = option.suggest
+  return parsed
+}
+
+/**
+ * @param {Property | AssignmentProperty} property
+ * @param {string | undefined} suggest
+ * @returns {Rule.SuggestionReportDescriptor[]}
+ * @private
+ * */
+function createSuggest(property, suggest) {
+  if (!suggest) {
+    return []
+  }
+
+  return [
+    {
+      fix(fixer) {
+        return fixer.replaceText(property.value, JSON.stringify(suggest))
+      },
+      messageId: 'suggest',
+      data: { suggest }
+    }
+  ]
+}
+
+module.exports = {
+  meta: {
+    hasSuggestions: true,
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific component names',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-component-names.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: 'string' },
+          {
+            type: 'object',
+            properties: {
+              name: { type: 'string' },
+              message: { type: 'string', minLength: 1 },
+              suggest: { type: 'string' }
+            },
+            required: ['name'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true,
+      minItems: 0
+    },
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      disallow: '{{message}}',
+      suggest: 'Instead, change to `{{suggest}}`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {OptionParsed[]} */
+    const options = context.options.map(parseOption)
+
+    /**
+     * @param {ObjectExpression} node
+     */
+    function verify(node) {
+      const property = utils.findProperty(node, 'name')
+      if (!property) return
+
+      const propertyName = utils.getStaticPropertyName(property)
+      if (propertyName === 'name' && property.value.type === 'Literal') {
+        const componentName = property.value.value?.toString()
+        if (!componentName) {
+          return
+        }
+
+        for (const option of options) {
+          if (option.test(componentName)) {
+            context.report({
+              node: property.value,
+              messageId: 'disallow',
+              data: {
+                message:
+                  option.message ||
+                  `Using component name \`${componentName}\` is not allowed.`
+              },
+              suggest: createSuggest(property, option.suggest)
+            })
+          }
+        }
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineVueVisitor(context, {
+        onVueObjectEnter(node) {
+          verify(node)
+        }
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineOptionsEnter(node) {
+          const expression = node.arguments[0]
+          if (expression.type === 'ObjectExpression') {
+            verify(expression)
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-restricted-component-names.js b/tests/lib/rules/no-restricted-component-names.js
new file mode 100644
index 000000000..07030c4bb
--- /dev/null
+++ b/tests/lib/rules/no-restricted-component-names.js
@@ -0,0 +1,262 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-component-names')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-restricted-component-names', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        name: 'Allow'
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      new Vue({
+        name: 'Allow',
+      })
+    `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'Allow'
+      })
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        name: 'Disallow'
+      }
+      </script>
+      `,
+      options: ['Disallow', 'Disallow2'],
+      errors: [
+        {
+          message: 'Using component name `Disallow` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      new Vue({
+        name: 'Disallow',
+      })
+      </script>
+      `,
+      options: ['Disallow'],
+      errors: [
+        {
+          message: 'Using component name `Disallow` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'Disallow'
+      })
+      </script>
+      `,
+      options: ['Disallow'],
+      errors: [
+        {
+          message: 'Using component name `Disallow` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'FooBar'
+      })
+      </script>
+      `,
+      options: ['/^Foo(Bar|Baz)/'],
+      errors: [
+        {
+          message: 'Using component name `FooBar` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'Disallow',
+        inheritAttrs: false,
+      })
+      </script>
+      `,
+      options: [
+        { name: 'Disallow', message: 'Custom message', suggest: 'Allow' }
+      ],
+      errors: [
+        {
+          message: 'Custom message',
+          line: 4,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Allow`.',
+              output: `
+      <script setup>
+      defineOptions({
+        name: "Allow",
+        inheritAttrs: false,
+      })
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'Disallow',
+        inheritAttrs: false,
+      })
+      </script>
+      `,
+      options: [{ name: 'Disallow', suggest: 'Allow' }],
+      errors: [
+        {
+          message: 'Using component name `Disallow` is not allowed.',
+          line: 4,
+          column: 15,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Allow`.',
+              output: `
+      <script setup>
+      defineOptions({
+        name: "Allow",
+        inheritAttrs: false,
+      })
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'Disallow',
+        inheritAttrs: false,
+      })
+      </script>
+      `,
+      options: [{ name: 'Disallow', message: 'Custom message' }],
+      errors: [
+        {
+          message: 'Custom message',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 1
+      })
+      </script>
+      `,
+      options: ['1'],
+      errors: [
+        {
+          message: 'Using component name `1` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'disallowed-component',
+      })
+      </script>
+      `,
+      options: ['DisallowedComponent'],
+      errors: [
+        {
+          message:
+            'Using component name `disallowed-component` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({
+        name: 'DisallowedComponent',
+      })
+      </script>
+      `,
+      options: ['disallowed-component'],
+      errors: [
+        {
+          message: 'Using component name `DisallowedComponent` is not allowed.',
+          line: 4,
+          column: 15
+        }
+      ]
+    }
+  ]
+})

From 25a2db502065ae1b55f952e3836e2f623bb54163 Mon Sep 17 00:00:00 2001
From: lsdsjy <lsdsjy@163.com>
Date: Sun, 18 Jun 2023 19:19:22 +0800
Subject: [PATCH 0623/1010] Add `vue/max-lines-per-block` rule (#2213)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/max-lines-per-block.md      |  54 ++++++++++++
 lib/rules/max-lines-per-block.js       | 110 +++++++++++++++++++++++++
 tests/lib/rules/max-lines-per-block.js |  84 +++++++++++++++++++
 3 files changed, 248 insertions(+)
 create mode 100644 docs/rules/max-lines-per-block.md
 create mode 100644 lib/rules/max-lines-per-block.js
 create mode 100644 tests/lib/rules/max-lines-per-block.js

diff --git a/docs/rules/max-lines-per-block.md b/docs/rules/max-lines-per-block.md
new file mode 100644
index 000000000..02fd2be41
--- /dev/null
+++ b/docs/rules/max-lines-per-block.md
@@ -0,0 +1,54 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/max-lines-per-block
+description: enforce maximum number of lines in Vue SFC blocks
+---
+# vue/max-lines-per-block
+
+> enforce maximum number of lines in Vue SFC blocks
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule enforces a maximum number of lines per block, in order to aid in maintainability and reduce complexity.
+
+## :wrench: Options
+
+This rule takes an object, where you can specify the maximum number of lines in each type of SFC block and customize the line counting behavior.
+The following properties can be specified for the object.
+
+- `script` ... Specify the maximum number of lines in `<script>` block. Won't enforce limitation if not specified.
+- `template` ... Specify the maximum number of lines in `<template>` block. Won't enforce limitation if not specified.
+- `style` ... Specify the maximum number of lines in `<style>` block. Won't enforce limitation if not specified.
+- `skipBlankLines` ... Ignore lines made up purely of whitespaces.
+
+### `{ template: 2 }`
+
+<eslint-code-block :rules="{'vue/max-lines-per-block': ['error', { template: 2 }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    hi
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+### `{ script: 1, skipBlankLines: true }`
+
+<eslint-code-block :rules="{'vue/max-lines-per-block': ['error', { script: 1, skipBlankLines: true }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+
+  console.log(1)
+</script>
+```
+
+</eslint-code-block>
diff --git a/lib/rules/max-lines-per-block.js b/lib/rules/max-lines-per-block.js
new file mode 100644
index 000000000..bcb82d563
--- /dev/null
+++ b/lib/rules/max-lines-per-block.js
@@ -0,0 +1,110 @@
+/**
+ * @author lsdsjy
+ * @fileoverview Rule for checking the maximum number of lines in Vue SFC blocks.
+ */
+'use strict'
+
+const { SourceCode } = require('eslint')
+const utils = require('../utils')
+
+/**
+ * @param {string} text
+ */
+function isEmptyLine(text) {
+  return !text.trim()
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce maximum number of lines in Vue SFC blocks',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/max-lines-per-block.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          style: {
+            type: 'integer',
+            minimum: 1
+          },
+          template: {
+            type: 'integer',
+            minimum: 1
+          },
+          script: {
+            type: 'integer',
+            minimum: 1
+          },
+          skipBlankLines: {
+            type: 'boolean',
+            minimum: 0
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      tooManyLines:
+        'Block has too many lines ({{lineCount}}). Maximum allowed is {{limit}}.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const option = context.options[0] || {}
+    /**
+     * @type {Record<string, number>}
+     */
+    const limits = {
+      template: option.template,
+      script: option.script,
+      style: option.style
+    }
+
+    const code = context.getSourceCode()
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+
+    function getTopLevelHTMLElements() {
+      if (documentFragment) {
+        return documentFragment.children.filter(utils.isVElement)
+      }
+      return []
+    }
+
+    return {
+      /** @param {Program} node */
+      Program(node) {
+        if (utils.hasInvalidEOF(node)) {
+          return
+        }
+        for (const block of getTopLevelHTMLElements()) {
+          if (limits[block.name]) {
+            // We suppose the start tag and end tag occupy one single line respectively
+            let lineCount = block.loc.end.line - block.loc.start.line - 1
+
+            if (option.skipBlankLines) {
+              const lines = SourceCode.splitLines(code.getText(block))
+              lineCount -= lines.filter(isEmptyLine).length
+            }
+
+            if (lineCount > limits[block.name]) {
+              context.report({
+                node: block,
+                messageId: 'tooManyLines',
+                data: {
+                  limit: limits[block.name],
+                  lineCount
+                }
+              })
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/max-lines-per-block.js b/tests/lib/rules/max-lines-per-block.js
new file mode 100644
index 000000000..01d868e62
--- /dev/null
+++ b/tests/lib/rules/max-lines-per-block.js
@@ -0,0 +1,84 @@
+/**
+ * @author lsdsjy
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/max-lines-per-block')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('max-lines-per-block', rule, {
+  valid: [
+    {
+      code: `
+      <script>
+        console.log(1)
+      </script>
+      <template>
+        <div></div>
+      </template>
+      `,
+      options: [{ template: 1 }]
+    },
+    {
+      code: `
+      <template>
+
+        <div></div>
+      </template>
+      `,
+      options: [{ template: 1, skipBlankLines: true }]
+    },
+    {
+      code: `
+      <template>
+        <div>
+        </div>
+      </template>
+      `,
+      options: [{ script: 1, style: 1 }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+
+        <div></div>
+      </template>
+      `,
+      options: [{ template: 1 }],
+      errors: [
+        {
+          message: 'Block has too many lines (2). Maximum allowed is 1.',
+          line: 2,
+          column: 7
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+
+        const a = 1
+        console.log(a)
+      </script>
+      `,
+      options: [{ script: 1, skipBlankLines: true }],
+      errors: [
+        {
+          message: 'Block has too many lines (2). Maximum allowed is 1.',
+          line: 2,
+          column: 7
+        }
+      ]
+    }
+  ]
+})

From 57c1e6f27af68b684e08ec8c4fcf98bc3bf642b8 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 18 Jun 2023 20:23:01 +0900
Subject: [PATCH 0624/1010] 9.15.0

---
 docs/rules/index.md                         |  1 +
 docs/rules/max-lines-per-block.md           | 12 ++++++++++--
 docs/rules/no-console.md                    |  9 ++++++---
 docs/rules/no-restricted-component-names.md |  6 +++++-
 docs/rules/require-macro-variable-name.md   |  6 +++++-
 docs/rules/require-typed-ref.md             |  7 +++++--
 lib/index.js                                |  1 +
 package.json                                |  2 +-
 8 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d7033432a..c2093a8c4 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -221,6 +221,7 @@ For example:
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: | :lipstick: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name | :bulb: | :hammer: |
 | [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  | :warning: |
+| [vue/max-lines-per-block](./max-lines-per-block.md) | enforce maximum number of lines in Vue SFC blocks |  | :warning: |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
diff --git a/docs/rules/max-lines-per-block.md b/docs/rules/max-lines-per-block.md
index 02fd2be41..bebc00570 100644
--- a/docs/rules/max-lines-per-block.md
+++ b/docs/rules/max-lines-per-block.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/max-lines-per-block
 description: enforce maximum number of lines in Vue SFC blocks
+since: v9.15.0
 ---
 # vue/max-lines-per-block
 
 > enforce maximum number of lines in Vue SFC blocks
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule enforces a maximum number of lines per block, in order to aid in maintainability and reduce complexity.
@@ -52,3 +51,12 @@ The following properties can be specified for the object.
 ```
 
 </eslint-code-block>
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.15.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-lines-per-block.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/max-lines-per-block.js)
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
index e03628a32..9b9a810b8 100644
--- a/docs/rules/no-console.md
+++ b/docs/rules/no-console.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-console
 description: Disallow the use of `console` in `<template>`
+since: v9.15.0
 ---
 # vue/no-console
 
 > Disallow the use of `console` in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
@@ -20,9 +19,13 @@ This rule is the same rule as core [no-console] rule but it applies to the expre
 
 [no-console]: https://eslint.org/docs/latest/rules/no-console
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.15.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-console.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-console.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-console)</sup>
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-console)</sup>
diff --git a/docs/rules/no-restricted-component-names.md b/docs/rules/no-restricted-component-names.md
index ccd7b24bc..e093b496a 100644
--- a/docs/rules/no-restricted-component-names.md
+++ b/docs/rules/no-restricted-component-names.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-component-names
 description: disallow specific component names
+since: v9.15.0
 ---
 # vue/no-restricted-component-names
 
 > disallow specific component names
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -83,6 +83,10 @@ export default {
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.15.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-component-names.js)
diff --git a/docs/rules/require-macro-variable-name.md b/docs/rules/require-macro-variable-name.md
index ef7400e1d..75b90a299 100644
--- a/docs/rules/require-macro-variable-name.md
+++ b/docs/rules/require-macro-variable-name.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-macro-variable-name
 description: require a certain macro variable name
+since: v9.15.0
 ---
 # vue/require-macro-variable-name
 
 > require a certain macro variable name
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -78,6 +78,10 @@ const attrsCustom = useAttrs()
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.15.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-macro-variable-name.js)
diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index 933c26cb0..35c6d38b6 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-typed-ref
 description: require `ref` and `shallowRef` functions to be strongly typed
+since: v9.15.0
 ---
 # vue/require-typed-ref
 
 > require `ref` and `shallowRef` functions to be strongly typed
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule disallows calling `ref()` or `shallowRef()` functions without generic type parameter or an argument when using TypeScript.
@@ -41,6 +40,10 @@ const count: Ref<number | undefined> = ref()
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.15.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-typed-ref.js)
diff --git a/lib/index.js b/lib/index.js
index 4329a29a2..66ab217bd 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -54,6 +54,7 @@ module.exports = {
     'match-component-import-name': require('./rules/match-component-import-name'),
     'max-attributes-per-line': require('./rules/max-attributes-per-line'),
     'max-len': require('./rules/max-len'),
+    'max-lines-per-block': require('./rules/max-lines-per-block'),
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'multiline-ternary': require('./rules/multiline-ternary'),
diff --git a/package.json b/package.json
index 1707b3916..d896680f6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.14.1",
+  "version": "9.15.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From e944bb8ed51be4c3605773586416e28c8b153b4a Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 19 Jun 2023 09:25:14 +0200
Subject: [PATCH 0625/1010] Fix typo in `vue/require-typed-ref` message (#2219)

---
 lib/rules/require-typed-ref.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index f8fce39de..678c02947 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -33,7 +33,7 @@ module.exports = {
     fixable: null,
     messages: {
       noType:
-        'Specify type parameter for `{{name}}` function, otherwise created variable will not by typechecked.'
+        'Specify type parameter for `{{name}}` function, otherwise created variable will not be typechecked.'
     },
     schema: []
   },

From 28028094df11564f880bc114a1de3b9de871edf6 Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Sat, 24 Jun 2023 13:30:43 +0300
Subject: [PATCH 0626/1010] Restrict the `vue/no-console` rule to the
 `<template>` block (#2221)

---
 lib/rules/no-console.js       | 1 +
 lib/utils/index.js            | 6 +++++-
 tests/lib/rules/no-console.js | 9 +++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
index cf4254035..5c5e8b5e0 100644
--- a/lib/rules/no-console.js
+++ b/lib/rules/no-console.js
@@ -8,6 +8,7 @@ const utils = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = utils.wrapCoreRule('no-console', {
+  skipCoreHandlers: true,
   create(context) {
     const options = context.options[0] || {}
     const allowed = options.allow || []
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 1c54ef3f0..337b31a83 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -382,6 +382,7 @@ module.exports = {
    * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
    * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
    * @param {boolean} [options.applyDocument] If `true`, apply check to document fragment.
+   * @param {boolean} [options.skipCoreHandlers] If `true`, skip core handlers.
    * @param {WrapCoreRulePreprocess} [options.preprocess] Preprocess to calling create of core rule.
    * @param {WrapCoreRuleCreate} [options.create] If define, extend core rule.
    * @returns {RuleModule} The wrapped rule implementation.
@@ -418,6 +419,7 @@ module.exports = {
       categories,
       skipDynamicArguments,
       skipDynamicArgumentsReport,
+      skipCoreHandlers,
       applyDocument,
       preprocess,
       create
@@ -457,7 +459,9 @@ module.exports = {
         }
 
         const coreHandlers = coreRule.create(context)
-        compositingVisitors(handlers, coreHandlers)
+        if (!skipCoreHandlers) {
+          compositingVisitors(handlers, coreHandlers)
+        }
 
         // Move `Program` handlers to `VElement[parent.type!='VElement']`
         if (handlers.Program) {
diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
index a0c273042..7b6acfeab 100644
--- a/tests/lib/rules/no-console.js
+++ b/tests/lib/rules/no-console.js
@@ -53,6 +53,15 @@ tester.run('no-console', rule, {
       </template>
       `,
       options: [{ allow: ['log', 'warn', 'info'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template><div /></template>
+      <script setup>
+        console.log('test')
+      </script>
+      `
     }
   ],
   invalid: [

From e9ec8992377f2bed6ece5abe04576888bac8a9c6 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 24 Jun 2023 21:55:21 +0900
Subject: [PATCH 0627/1010] 9.15.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d896680f6..937562b6c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.15.0",
+  "version": "9.15.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 2aa9ac45a4ea66c293b3e7cbfd6ad076afa39bb5 Mon Sep 17 00:00:00 2001
From: "Nicholas C. Zakas" <nicholas@humanwhocodes.com>
Date: Fri, 30 Jun 2023 10:42:18 -0400
Subject: [PATCH 0628/1010] Lint this repo using ESLint Flat Config (#2226)

---
 .eslintignore                        |  12 --
 .eslintrc.js                         | 181 ----------------------
 eslint.config.js                     | 221 +++++++++++++++++++++++++++
 lib/rules/array-bracket-newline.js   |   2 +-
 lib/rules/array-bracket-spacing.js   |   2 +-
 lib/rules/array-element-newline.js   |   2 +-
 lib/rules/arrow-spacing.js           |   2 +-
 lib/rules/block-spacing.js           |   2 +-
 lib/rules/brace-style.js             |   2 +-
 lib/rules/camelcase.js               |   2 +-
 lib/rules/comma-dangle.js            |   2 +-
 lib/rules/comma-spacing.js           |   2 +-
 lib/rules/comma-style.js             |   2 +-
 lib/rules/dot-location.js            |   2 +-
 lib/rules/dot-notation.js            |   2 +-
 lib/rules/eqeqeq.js                  |   2 +-
 lib/rules/func-call-spacing.js       |   2 +-
 lib/rules/key-spacing.js             |   2 +-
 lib/rules/keyword-spacing.js         |   2 +-
 lib/rules/multiline-ternary.js       |   2 +-
 lib/rules/no-console.js              |   2 +-
 lib/rules/no-constant-condition.js   |   2 +-
 lib/rules/no-empty-pattern.js        |   2 +-
 lib/rules/no-extra-parens.js         |   2 +-
 lib/rules/no-loss-of-precision.js    |   2 +-
 lib/rules/no-restricted-syntax.js    |   2 +-
 lib/rules/no-sparse-arrays.js        |   2 +-
 lib/rules/no-useless-concat.js       |   2 +-
 lib/rules/object-curly-newline.js    |   2 +-
 lib/rules/object-curly-spacing.js    |   2 +-
 lib/rules/object-property-newline.js |   2 +-
 lib/rules/object-shorthand.js        |   2 +-
 lib/rules/operator-linebreak.js      |   2 +-
 lib/rules/prefer-template.js         |   2 +-
 lib/rules/quote-props.js             |   2 +-
 lib/rules/space-in-parens.js         |   2 +-
 lib/rules/space-infix-ops.js         |   2 +-
 lib/rules/space-unary-ops.js         |   2 +-
 lib/rules/template-curly-spacing.js  |   2 +-
 package.json                         |   4 +-
 tools/update-lib-configs.js          |   6 +-
 tools/update-lib-index.js            |   6 +-
 42 files changed, 265 insertions(+), 237 deletions(-)
 delete mode 100644 .eslintignore
 delete mode 100644 .eslintrc.js
 create mode 100644 eslint.config.js

diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 2353241cd..000000000
--- a/.eslintignore
+++ /dev/null
@@ -1,12 +0,0 @@
-/.nyc_output
-/coverage
-/node_modules
-/tests/fixtures
-/tests/integrations/eslint-plugin-import
-
-!.vitepress
-/docs/.vitepress/dist
-/docs/.vitepress/build-system/shim/eslint.mjs
-/docs/.vitepress/build-system/shim/assert.mjs
-/docs/.vitepress/.temp
-/docs/.vitepress/cache
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index e7f17d88b..000000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,181 +0,0 @@
-'use strict'
-
-module.exports = {
-  root: true,
-  parserOptions: {
-    ecmaVersion: 'latest'
-  },
-  env: {
-    es6: true,
-    node: true,
-    mocha: true
-  },
-  extends: [
-    'plugin:eslint-plugin/recommended',
-    'prettier',
-    'plugin:node-dependencies/recommended',
-    'plugin:jsonc/recommended-with-jsonc',
-    'plugin:unicorn/recommended'
-  ],
-  plugins: ['eslint-plugin', 'prettier', 'unicorn'],
-  rules: {
-    'accessor-pairs': 2,
-    camelcase: [2, { properties: 'never' }],
-    'constructor-super': 2,
-    eqeqeq: [2, 'allow-null'],
-    'handle-callback-err': [2, '^(err|error)$'],
-    'jsx-quotes': [2, 'prefer-single'],
-    'new-cap': [2, { newIsCap: true, capIsNew: false }],
-    'new-parens': 2,
-    'no-array-constructor': 2,
-    'no-caller': 2,
-    'no-class-assign': 2,
-    'no-cond-assign': 2,
-    'no-const-assign': 2,
-    'no-control-regex': 2,
-    'no-delete-var': 2,
-    'no-dupe-args': 2,
-    'no-dupe-class-members': 2,
-    'no-dupe-keys': 2,
-    'no-duplicate-case': 2,
-    'no-empty-character-class': 2,
-    'no-empty-pattern': 2,
-    'no-eval': 2,
-    'no-ex-assign': 2,
-    'no-extend-native': 2,
-    'no-extra-bind': 2,
-    'no-extra-boolean-cast': 2,
-    'no-extra-parens': [2, 'functions'],
-    'no-fallthrough': 2,
-    'no-floating-decimal': 2,
-    'no-func-assign': 2,
-    'no-implied-eval': 2,
-    'no-inner-declarations': [2, 'functions'],
-    'no-invalid-regexp': 2,
-    'no-irregular-whitespace': 2,
-    'no-iterator': 2,
-    'no-label-var': 2,
-    'no-labels': [2, { allowLoop: false, allowSwitch: false }],
-    'no-lone-blocks': 2,
-    'no-multi-spaces': [2, { ignoreEOLComments: true }],
-    'no-multi-str': 2,
-    'no-native-reassign': 2,
-    'no-negated-in-lhs': 2,
-    'no-new-object': 2,
-    'no-new-require': 2,
-    'no-new-symbol': 2,
-    'no-new-wrappers': 2,
-    'no-obj-calls': 2,
-    'no-octal': 2,
-    'no-octal-escape': 2,
-    'no-path-concat': 2,
-    'no-proto': 2,
-    'no-redeclare': 2,
-    'no-regex-spaces': 2,
-    'no-return-assign': [2, 'except-parens'],
-    'no-self-assign': 2,
-    'no-self-compare': 2,
-    'no-sequences': 2,
-    'no-shadow-restricted-names': 2,
-    'no-sparse-arrays': 2,
-    'no-this-before-super': 2,
-    'no-throw-literal': 2,
-    'no-undef': 2,
-    'no-undef-init': 2,
-    'no-unexpected-multiline': 2,
-    'no-unmodified-loop-condition': 2,
-    'no-unneeded-ternary': [2, { defaultAssignment: false }],
-    'no-unreachable': 2,
-    'no-unsafe-finally': 2,
-    'no-unused-vars': [2, { vars: 'all', args: 'none' }],
-    'no-useless-call': 2,
-    'no-useless-computed-key': 2,
-    'no-useless-constructor': 2,
-    'no-useless-escape': 0,
-    'no-with': 2,
-    'one-var': [2, { initialized: 'never' }],
-    'use-isnan': 2,
-    'valid-typeof': 2,
-    'wrap-iife': [2, 'any'],
-    yoda: [2, 'never'],
-    'prefer-const': 2,
-
-    'prettier/prettier': 'error',
-    'eslint-plugin/report-message-format': ['error', "^[A-Z`'{].*\\.$"],
-    'eslint-plugin/prefer-placeholders': 'error',
-    'eslint-plugin/consistent-output': 'error',
-
-    'no-debugger': 'error',
-    'no-console': 'error',
-    'no-alert': 'error',
-    'no-void': 'error',
-
-    'no-warning-comments': 'warn',
-    'no-var': 'error',
-    'prefer-template': 'error',
-    'object-shorthand': 'error',
-    'prefer-rest-params': 'error',
-    'prefer-arrow-callback': 'error',
-    'prefer-spread': 'error',
-
-    'dot-notation': 'error',
-    'arrow-body-style': 'error',
-
-    'unicorn/consistent-function-scoping': [
-      'error',
-      { checkArrowFunctions: false }
-    ],
-    'unicorn/filename-case': 'off',
-    'unicorn/no-null': 'off',
-    'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
-    'unicorn/no-negated-condition': 'off', // remove when there are few pull requests (ref: #2146)
-    'unicorn/no-useless-undefined': 'off',
-    'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
-    'unicorn/prefer-module': 'off',
-    'unicorn/prevent-abbreviations': 'off',
-    'unicorn/prefer-at': 'off', //                 turn off to prevent make breaking changes (ref: #2146)
-    'unicorn/prefer-node-protocol': 'off', //      turn off to prevent make breaking changes (ref: #2146)
-    'unicorn/prefer-string-replace-all': 'off', // turn off to prevent make breaking changes (ref: #2146)
-    'unicorn/prefer-ternary': 'off', //            remove when there are few pull requests (ref: #2146)
-    'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
-    'unicorn/switch-case-braces': 'off', //        remove when there are few pull requests (ref: #2146)
-
-    'require-eslint-community': ['error']
-  },
-  overrides: [
-    {
-      files: ['./**/*.vue'],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module'
-      }
-    },
-    {
-      files: ['lib/rules/*.js'],
-      rules: {
-        '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/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'
-      }
-    },
-    {
-      files: ['*.json'],
-      rules: {
-        'prettier/prettier': 'off'
-      }
-    }
-  ]
-}
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 000000000..78cecffeb
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,221 @@
+'use strict'
+
+const globals = require('globals')
+const { FlatCompat } = require('@eslint/eslintrc')
+
+const eslintrc = new FlatCompat({
+  baseDirectory: __dirname
+})
+
+module.exports = [
+  {
+    ignores: [
+      '.nyc_output',
+      'coverage',
+      'node_modules',
+      'tests/fixtures',
+      'tests/integrations/eslint-plugin-import',
+
+      '!.vitepress',
+      'docs/.vitepress/dist',
+      'docs/.vitepress/build-system/shim/eslint.mjs',
+      'docs/.vitepress/build-system/shim/assert.mjs',
+      'docs/.vitepress/build-system/shim/path.mjs',
+      'docs/.vitepress/.temp',
+      'docs/.vitepress/cache'
+    ]
+  },
+  ...eslintrc.plugins('eslint-plugin', 'prettier', 'unicorn'),
+  ...eslintrc.extends(
+    'plugin:eslint-plugin/recommended',
+    'prettier',
+    'plugin:node-dependencies/recommended',
+    'plugin:jsonc/recommended-with-jsonc',
+    'plugin:unicorn/recommended'
+  ),
+  {
+    plugins: {
+      internal: {
+        rules: {
+          'no-invalid-meta': require('./eslint-internal-rules/no-invalid-meta'),
+          'no-invalid-meta-docs-categories': require('./eslint-internal-rules/no-invalid-meta-docs-categories'),
+          'require-eslint-community': require('./eslint-internal-rules/require-eslint-community')
+        }
+      }
+    }
+  },
+
+  {
+    files: ['**/*.js'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      globals: {
+        ...globals.es6,
+        ...globals.node,
+        ...globals.mocha
+      }
+    },
+    rules: {
+      'accessor-pairs': 2,
+      camelcase: [2, { properties: 'never' }],
+      'constructor-super': 2,
+      eqeqeq: [2, 'allow-null'],
+      'handle-callback-err': [2, '^(err|error)$'],
+      'jsx-quotes': [2, 'prefer-single'],
+      'new-cap': [2, { newIsCap: true, capIsNew: false }],
+      'new-parens': 2,
+      'no-array-constructor': 2,
+      'no-caller': 2,
+      'no-class-assign': 2,
+      'no-cond-assign': 2,
+      'no-const-assign': 2,
+      'no-control-regex': 2,
+      'no-delete-var': 2,
+      'no-dupe-args': 2,
+      'no-dupe-class-members': 2,
+      'no-dupe-keys': 2,
+      'no-duplicate-case': 2,
+      'no-empty-character-class': 2,
+      'no-empty-pattern': 2,
+      'no-eval': 2,
+      'no-ex-assign': 2,
+      'no-extend-native': 2,
+      'no-extra-bind': 2,
+      'no-extra-boolean-cast': 2,
+      'no-extra-parens': [2, 'functions'],
+      'no-fallthrough': 2,
+      'no-floating-decimal': 2,
+      'no-func-assign': 2,
+      'no-implied-eval': 2,
+      'no-inner-declarations': [2, 'functions'],
+      'no-invalid-regexp': 2,
+      'no-irregular-whitespace': 2,
+      'no-iterator': 2,
+      'no-label-var': 2,
+      'no-labels': [2, { allowLoop: false, allowSwitch: false }],
+      'no-lone-blocks': 2,
+      'no-multi-spaces': [2, { ignoreEOLComments: true }],
+      'no-multi-str': 2,
+      'no-native-reassign': 2,
+      'no-negated-in-lhs': 2,
+      'no-new-object': 2,
+      'no-new-require': 2,
+      'no-new-symbol': 2,
+      'no-new-wrappers': 2,
+      'no-obj-calls': 2,
+      'no-octal': 2,
+      'no-octal-escape': 2,
+      'no-path-concat': 2,
+      'no-proto': 2,
+      'no-redeclare': 2,
+      'no-regex-spaces': 2,
+      'no-return-assign': [2, 'except-parens'],
+      'no-self-assign': 2,
+      'no-self-compare': 2,
+      'no-sequences': 2,
+      'no-shadow-restricted-names': 2,
+      'no-sparse-arrays': 2,
+      'no-this-before-super': 2,
+      'no-throw-literal': 2,
+      'no-undef': 2,
+      'no-undef-init': 2,
+      'no-unexpected-multiline': 2,
+      'no-unmodified-loop-condition': 2,
+      'no-unneeded-ternary': [2, { defaultAssignment: false }],
+      'no-unreachable': 2,
+      'no-unsafe-finally': 2,
+      'no-unused-vars': [2, { vars: 'all', args: 'none' }],
+      'no-useless-call': 2,
+      'no-useless-computed-key': 2,
+      'no-useless-constructor': 2,
+      'no-useless-escape': 0,
+      'no-with': 2,
+      'one-var': [2, { initialized: 'never' }],
+      'use-isnan': 2,
+      'valid-typeof': 2,
+      'wrap-iife': [2, 'any'],
+      yoda: [2, 'never'],
+      'prefer-const': 2,
+
+      'prettier/prettier': 'error',
+      'eslint-plugin/report-message-format': ['error', "^[A-Z`'{].*\\.$"],
+      'eslint-plugin/prefer-placeholders': 'error',
+      'eslint-plugin/consistent-output': 'error',
+
+      'no-debugger': 'error',
+      'no-console': 'error',
+      'no-alert': 'error',
+      'no-void': 'error',
+
+      'no-warning-comments': 'warn',
+      'no-var': 'error',
+      'prefer-template': 'error',
+      'object-shorthand': 'error',
+      'prefer-rest-params': 'error',
+      'prefer-arrow-callback': 'error',
+      'prefer-spread': 'error',
+
+      'dot-notation': 'error',
+      'arrow-body-style': 'error',
+
+      'unicorn/consistent-function-scoping': [
+        'error',
+        { checkArrowFunctions: false }
+      ],
+      'unicorn/filename-case': 'off',
+      'unicorn/no-null': 'off',
+      'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
+      'unicorn/no-negated-condition': 'off', // remove when there are few pull requests (ref: #2146)
+      'unicorn/no-useless-undefined': 'off',
+      'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
+      'unicorn/prefer-module': 'off',
+      'unicorn/prevent-abbreviations': 'off',
+      'unicorn/prefer-at': 'off', //                 turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prefer-node-protocol': 'off', //      turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prefer-string-replace-all': 'off', // turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prefer-ternary': 'off', //            remove when there are few pull requests (ref: #2146)
+      'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/switch-case-braces': 'off', //        remove when there are few pull requests (ref: #2146)
+
+      'internal/require-eslint-community': ['error']
+    }
+  },
+  {
+    files: ['./**/*.vue'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parser: require('vue-eslint-parser')
+      // parserOptions: {
+      //   ecmaVersion: 'latest',
+      //   sourceType: 'module'
+      // }
+    }
+  },
+  {
+    files: ['lib/rules/*.js'],
+    rules: {
+      '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/require-meta-has-suggestions': 'error',
+      'eslint-plugin/require-meta-schema': 'error',
+      'eslint-plugin/require-meta-type': 'error',
+      'internal/no-invalid-meta': 'error',
+      'internal/no-invalid-meta-docs-categories': 'error'
+    }
+  },
+  {
+    files: ['**/*.json'],
+    rules: {
+      'prettier/prettier': 'off'
+    }
+  }
+]
diff --git a/lib/rules/array-bracket-newline.js b/lib/rules/array-bracket-newline.js
index c667fc7e3..f4612db5d 100644
--- a/lib/rules/array-bracket-newline.js
+++ b/lib/rules/array-bracket-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('array-bracket-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/array-bracket-spacing.js b/lib/rules/array-bracket-spacing.js
index 0541d0585..d32b00065 100644
--- a/lib/rules/array-bracket-spacing.js
+++ b/lib/rules/array-bracket-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('array-bracket-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/array-element-newline.js b/lib/rules/array-element-newline.js
index 251d72de9..645ecc170 100644
--- a/lib/rules/array-element-newline.js
+++ b/lib/rules/array-element-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('array-element-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/arrow-spacing.js b/lib/rules/arrow-spacing.js
index f31ab3c3d..a64d4967a 100644
--- a/lib/rules/arrow-spacing.js
+++ b/lib/rules/arrow-spacing.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('arrow-spacing')
diff --git a/lib/rules/block-spacing.js b/lib/rules/block-spacing.js
index 0634f2b6a..f234d5e94 100644
--- a/lib/rules/block-spacing.js
+++ b/lib/rules/block-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('block-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/brace-style.js b/lib/rules/brace-style.js
index 5dad2c29d..1672b936a 100644
--- a/lib/rules/brace-style.js
+++ b/lib/rules/brace-style.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('brace-style', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/camelcase.js b/lib/rules/camelcase.js
index 4b0898fe6..a37da86b0 100644
--- a/lib/rules/camelcase.js
+++ b/lib/rules/camelcase.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('camelcase')
diff --git a/lib/rules/comma-dangle.js b/lib/rules/comma-dangle.js
index 6fb48b79d..c338d6782 100644
--- a/lib/rules/comma-dangle.js
+++ b/lib/rules/comma-dangle.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('comma-dangle')
diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
index 6bad7e4b7..0b5b7490f 100644
--- a/lib/rules/comma-spacing.js
+++ b/lib/rules/comma-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('comma-spacing', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true,
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index 960e6d6df..9263e4fc6 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('comma-style', {
   create(_context, { coreHandlers }) {
     return {
diff --git a/lib/rules/dot-location.js b/lib/rules/dot-location.js
index 08f96127b..be002b6e6 100644
--- a/lib/rules/dot-location.js
+++ b/lib/rules/dot-location.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('dot-location')
diff --git a/lib/rules/dot-notation.js b/lib/rules/dot-notation.js
index bd72bd828..e7a2b0f3c 100644
--- a/lib/rules/dot-notation.js
+++ b/lib/rules/dot-notation.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('dot-notation', {
   applyDocument: true
 })
diff --git a/lib/rules/eqeqeq.js b/lib/rules/eqeqeq.js
index d918b4d80..29d889046 100644
--- a/lib/rules/eqeqeq.js
+++ b/lib/rules/eqeqeq.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('eqeqeq', {
   applyDocument: true
 })
diff --git a/lib/rules/func-call-spacing.js b/lib/rules/func-call-spacing.js
index 2054376c0..1a4554df1 100644
--- a/lib/rules/func-call-spacing.js
+++ b/lib/rules/func-call-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('func-call-spacing', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/key-spacing.js b/lib/rules/key-spacing.js
index a949c18a0..3dfe4c9ae 100644
--- a/lib/rules/key-spacing.js
+++ b/lib/rules/key-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('key-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/keyword-spacing.js b/lib/rules/keyword-spacing.js
index af1b28487..c1ce130f9 100644
--- a/lib/rules/keyword-spacing.js
+++ b/lib/rules/keyword-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('keyword-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
index 58415eb29..08e99fd23 100644
--- a/lib/rules/multiline-ternary.js
+++ b/lib/rules/multiline-ternary.js
@@ -6,7 +6,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('multiline-ternary', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
index 5c5e8b5e0..39698f2e2 100644
--- a/lib/rules/no-console.js
+++ b/lib/rules/no-console.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = utils.wrapCoreRule('no-console', {
   skipCoreHandlers: true,
   create(context) {
diff --git a/lib/rules/no-constant-condition.js b/lib/rules/no-constant-condition.js
index a6b62431b..e485f5dfd 100644
--- a/lib/rules/no-constant-condition.js
+++ b/lib/rules/no-constant-condition.js
@@ -7,7 +7,7 @@ const { wrapCoreRule } = require('../utils')
 
 const conditionalDirectiveNames = new Set(['v-show', 'v-if', 'v-else-if'])
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-constant-condition', {
   create(_context, { coreHandlers }) {
     return {
diff --git a/lib/rules/no-empty-pattern.js b/lib/rules/no-empty-pattern.js
index 91c7472de..200a278d9 100644
--- a/lib/rules/no-empty-pattern.js
+++ b/lib/rules/no-empty-pattern.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-empty-pattern')
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index bf1ff1e46..43a933927 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -7,7 +7,7 @@ const { isParenthesized } = require('@eslint-community/eslint-utils')
 const { wrapCoreRule } = require('../utils')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-extra-parens', {
   skipDynamicArguments: true,
   applyDocument: true,
diff --git a/lib/rules/no-loss-of-precision.js b/lib/rules/no-loss-of-precision.js
index 5d18cb6b7..f426acc58 100644
--- a/lib/rules/no-loss-of-precision.js
+++ b/lib/rules/no-loss-of-precision.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = utils.wrapCoreRule('no-loss-of-precision', {
   applyDocument: true
 })
diff --git a/lib/rules/no-restricted-syntax.js b/lib/rules/no-restricted-syntax.js
index 19feb14ef..2b3e594f8 100644
--- a/lib/rules/no-restricted-syntax.js
+++ b/lib/rules/no-restricted-syntax.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-restricted-syntax', {
   applyDocument: true
 })
diff --git a/lib/rules/no-sparse-arrays.js b/lib/rules/no-sparse-arrays.js
index 48f7390e8..d6e91db51 100644
--- a/lib/rules/no-sparse-arrays.js
+++ b/lib/rules/no-sparse-arrays.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-sparse-arrays')
diff --git a/lib/rules/no-useless-concat.js b/lib/rules/no-useless-concat.js
index f2c51b908..88191ae02 100644
--- a/lib/rules/no-useless-concat.js
+++ b/lib/rules/no-useless-concat.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('no-useless-concat', {
   applyDocument: true
 })
diff --git a/lib/rules/object-curly-newline.js b/lib/rules/object-curly-newline.js
index 5aa994117..ce180dcd7 100644
--- a/lib/rules/object-curly-newline.js
+++ b/lib/rules/object-curly-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('object-curly-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-curly-spacing.js b/lib/rules/object-curly-spacing.js
index b7c669c4f..6a1ee2214 100644
--- a/lib/rules/object-curly-spacing.js
+++ b/lib/rules/object-curly-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('object-curly-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-property-newline.js b/lib/rules/object-property-newline.js
index dacd82441..1e077bf64 100644
--- a/lib/rules/object-property-newline.js
+++ b/lib/rules/object-property-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('object-property-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-shorthand.js b/lib/rules/object-shorthand.js
index 79a3c8a32..d58b8b6ad 100644
--- a/lib/rules/object-shorthand.js
+++ b/lib/rules/object-shorthand.js
@@ -6,7 +6,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('object-shorthand', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/operator-linebreak.js b/lib/rules/operator-linebreak.js
index ad92aa74f..db752efb9 100644
--- a/lib/rules/operator-linebreak.js
+++ b/lib/rules/operator-linebreak.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('operator-linebreak')
diff --git a/lib/rules/prefer-template.js b/lib/rules/prefer-template.js
index 6fac1a059..e9e50da88 100644
--- a/lib/rules/prefer-template.js
+++ b/lib/rules/prefer-template.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('prefer-template', {
   applyDocument: true
 })
diff --git a/lib/rules/quote-props.js b/lib/rules/quote-props.js
index aabfc2bf5..27e210773 100644
--- a/lib/rules/quote-props.js
+++ b/lib/rules/quote-props.js
@@ -6,7 +6,7 @@
 
 const { wrapCoreRule, flatten } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('quote-props', {
   skipDynamicArguments: true,
   preprocess(context, { wrapContextToOverrideProperties, defineVisitor }) {
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
index 3a9a7e0dc..fff3ee17b 100644
--- a/lib/rules/space-in-parens.js
+++ b/lib/rules/space-in-parens.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('space-in-parens', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true,
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index dd0a8af26..8f0083a95 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('space-infix-ops', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index e3ece4c2f..a5fd74e31 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('space-unary-ops', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/template-curly-spacing.js b/lib/rules/template-curly-spacing.js
index 549c790b6..1fb3fd20f 100644
--- a/lib/rules/template-curly-spacing.js
+++ b/lib/rules/template-curly-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('template-curly-spacing', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/package.json b/package.json
index 937562b6c..75e3ebb78 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,8 @@
     "cover": "npm run cover:test && npm run cover:report",
     "cover:test": "nyc npm run test:base -- --timeout 60000",
     "cover:report": "nyc report --reporter=html",
-    "lint": "eslint . --rulesdir eslint-internal-rules && markdownlint \"**/*.md\"",
-    "lint:fix": "eslint . --rulesdir eslint-internal-rules --fix && markdownlint \"**/*.md\" --fix",
+    "lint": "eslint . && markdownlint \"**/*.md\"",
+    "lint:fix": "eslint . --fix && markdownlint \"**/*.md\" --fix",
     "tsc": "tsc",
     "preversion": "npm test && git add .",
     "version": "env-cmd -e version npm run update && npm run lint -- --fix && git add .",
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index f75aff4fa..b8622e4b0 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -11,7 +11,7 @@ This script updates `lib/configs/*.js` files from rule's meta data.
 
 const fs = require('fs')
 const path = require('path')
-const eslint = require('eslint')
+const { FlatESLint } = require('eslint/use-at-your-own-risk')
 const categories = require('./lib/categories')
 
 const errorCategories = new Set(['base', 'essential', 'vue3-essential'])
@@ -95,9 +95,9 @@ for (const category of categories) {
 
 // Format files.
 async function format() {
-  const linter = new eslint.ESLint({ fix: true })
+  const linter = new FlatESLint({ fix: true })
   const report = await linter.lintFiles([ROOT])
-  eslint.ESLint.outputFixes(report)
+  FlatESLint.outputFixes(report)
 }
 
 format()
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 5a53b52bb..d12830725 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -11,7 +11,7 @@ This script updates `lib/index.js` file from rule's meta data.
 
 const fs = require('fs')
 const path = require('path')
-const eslint = require('eslint')
+const { FlatESLint } = require('eslint/use-at-your-own-risk')
 const rules = require('./lib/rules')
 const configs = require('./lib/configs')
 
@@ -57,9 +57,9 @@ fs.writeFileSync(filePath, content)
 
 // Format files.
 async function format() {
-  const linter = new eslint.ESLint({ fix: true })
+  const linter = new FlatESLint({ fix: true })
   const report = await linter.lintFiles([filePath])
-  eslint.ESLint.outputFixes(report)
+  FlatESLint.outputFixes(report)
 }
 
 format()

From d1f1eea545cfa037343d42d7bbefe497bcf55aa5 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sun, 2 Jul 2023 09:58:54 +0200
Subject: [PATCH 0629/1010] Add new `vue/no-use-v-else-with-v-for` (#2224)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/index.md                         |  3 +-
 docs/rules/no-use-v-else-with-v-for.md      | 54 ++++++++++++
 docs/rules/no-use-v-if-with-v-for.md        |  8 +-
 lib/index.js                                |  1 +
 lib/rules/no-use-v-else-with-v-for.js       | 44 +++++++++
 lib/rules/no-use-v-if-with-v-for.js         |  2 +-
 tests/lib/rules/no-use-v-else-with-v-for.js | 98 +++++++++++++++++++++
 7 files changed, 206 insertions(+), 4 deletions(-)
 create mode 100644 docs/rules/no-use-v-else-with-v-for.md
 create mode 100644 lib/rules/no-use-v-else-with-v-for.js
 create mode 100644 tests/lib/rules/no-use-v-else-with-v-for.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index c2093a8c4..9f9c8b161 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -87,7 +87,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  | :three::two::hammer: |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: | :three::two::hammer: |
 | [vue/no-use-computed-property-like-method](./no-use-computed-property-like-method.md) | disallow use computed property like method |  | :three::two::warning: |
-| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  | :three::two::hammer: |
+| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow using `v-if` on the same element as `v-for` |  | :three::two::hammer: |
 | [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  | :three::two::warning: |
 | [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  | :three::warning: |
 | [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  | :two::warning: |
@@ -251,6 +251,7 @@ For example:
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: | :hammer: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  | :hammer: |
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  | :hammer: |
+| [vue/no-use-v-else-with-v-for](./no-use-v-else-with-v-for.md) | disallow using `v-else-if`/`v-else` on the same element as `v-for` |  | :hammer: |
 | [vue/no-useless-mustaches](./no-useless-mustaches.md) | disallow unnecessary mustache interpolations | :wrench: | :hammer: |
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: | :hammer: |
 | [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  | :hammer: |
diff --git a/docs/rules/no-use-v-else-with-v-for.md b/docs/rules/no-use-v-else-with-v-for.md
new file mode 100644
index 000000000..efdb8b293
--- /dev/null
+++ b/docs/rules/no-use-v-else-with-v-for.md
@@ -0,0 +1,54 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-use-v-else-with-v-for
+description: disallow using `v-else-if`/`v-else` on the same element as `v-for`
+---
+# vue/no-use-v-else-with-v-for
+
+> disallow using `v-else-if`/`v-else` on the same element as `v-for`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports elements that have both `v-else-if`/`v-else` and `v-for` directives. That is valid in Vue (`v-else-if`/`v-else` will take precedence), but is confusing to read.
+
+<eslint-code-block :rules="{'vue/no-use-v-else-with-v-for': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-if="foo">foo</div>
+  <template v-else-if="bar">
+    <div v-for="x in xs">{{ x }}</div>
+  </template>
+  <template v-else>
+    <div v-for="x in xs">{{ x }}</div>
+  </template>
+
+  <!-- ✗ BAD -->
+  <div v-if="foo">foo</div>
+  <div v-else-if="bar" v-for="x in xs">{{ x }}</div>
+  <div v-else v-for="x in xs">{{ x }}</div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mute: When Not To Use It
+
+If you don't find using `v-else-if`/`v-else` together with `v-for` confusing to read, you can safely disable this rule.
+
+## :couple: Related Rules
+
+- [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-use-v-else-with-v-for.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-use-v-else-with-v-for.js)
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 4e93ea46a..49535f2c1 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-use-v-if-with-v-for
-description: disallow use v-if on the same element as v-for
+description: disallow using `v-if` on the same element as `v-for`
 since: v4.6.0
 ---
 # vue/no-use-v-if-with-v-for
 
-> disallow use v-if on the same element as v-for
+> disallow using `v-if` on the same element as `v-for`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
@@ -88,6 +88,10 @@ There are two common cases where this can be tempting:
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/no-use-v-else-with-v-for](./no-use-v-else-with-v-for.md)
+
 ## :books: Further Reading
 
 - [Style guide - Avoid v-if with v-for](https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for)
diff --git a/lib/index.js b/lib/index.js
index 66ab217bd..68207c019 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -147,6 +147,7 @@ module.exports = {
     'no-unused-refs': require('./rules/no-unused-refs'),
     'no-unused-vars': require('./rules/no-unused-vars'),
     'no-use-computed-property-like-method': require('./rules/no-use-computed-property-like-method'),
+    'no-use-v-else-with-v-for': require('./rules/no-use-v-else-with-v-for'),
     'no-use-v-if-with-v-for': require('./rules/no-use-v-if-with-v-for'),
     'no-useless-concat': require('./rules/no-useless-concat'),
     'no-useless-mustaches': require('./rules/no-useless-mustaches'),
diff --git a/lib/rules/no-use-v-else-with-v-for.js b/lib/rules/no-use-v-else-with-v-for.js
new file mode 100644
index 000000000..dd6dec41c
--- /dev/null
+++ b/lib/rules/no-use-v-else-with-v-for.js
@@ -0,0 +1,44 @@
+'use strict'
+
+const { defineTemplateBodyVisitor, hasDirective } = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'disallow using `v-else-if`/`v-else` on the same element as `v-for`',
+      categories: null,
+      url: 'https://eslint.vuejs.org/rules/no-use-v-else-with-v-for.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpectedDirectiveWithVFor:
+        'Unexpected `{{ directiveName }}` and `v-for` on the same element. Move `{{ directiveName }}` to a wrapper element instead.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
+      "VAttribute[directive=true][key.name.name='for']"(node) {
+        const element = node.parent.parent
+
+        if (hasDirective(element, 'else-if')) {
+          context.report({
+            node: element,
+            messageId: 'unexpectedDirectiveWithVFor',
+            data: { directiveName: 'v-else-if' }
+          })
+        } else if (hasDirective(element, 'else')) {
+          context.report({
+            node: element,
+            messageId: 'unexpectedDirectiveWithVFor',
+            data: { directiveName: 'v-else' }
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index 650eb0d96..e3e7cafc6 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -38,7 +38,7 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow use v-if on the same element as v-for',
+      description: 'disallow using `v-if` on the same element as `v-for`',
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html'
     },
diff --git a/tests/lib/rules/no-use-v-else-with-v-for.js b/tests/lib/rules/no-use-v-else-with-v-for.js
new file mode 100644
index 000000000..8778cc125
--- /dev/null
+++ b/tests/lib/rules/no-use-v-else-with-v-for.js
@@ -0,0 +1,98 @@
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-use-v-else-with-v-for')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 }
+})
+
+tester.run('no-use-v-else-with-v-for', rule, {
+  valid: [
+    {
+      // caught by `vue/no-use-v-if-with-v-for`
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="foo" v-for="x in xs">{{ x }}</div>
+        </template>
+      `
+    },
+    {
+      // `v-if`/`v-else-if`/`v-else` only
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="foo">{{ x }}</div>
+          <div v-else-if="foo">{{ x }}</div>
+          <div v-else="foo">{{ x }}</div>
+        </template>
+      `
+    },
+    {
+      // `v-for` only
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="x in xs">{{ x }}</div>
+        </template>
+      `
+    },
+    {
+      // `v-else-if`/`v-else` in template + `v-for`
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="foo">foo</div>
+          <template v-else-if="bar">
+            <div v-for="x in xs">{{ x }}</div>
+          </template>
+          <template v-else>
+            <div v-for="x in xs">{{ x }}</div>
+          </template>
+        </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="foo">foo</div>
+          <div v-else v-for="x in xs">{{ x }}</div>
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            'Unexpected `v-else` and `v-for` on the same element. Move `v-else` to a wrapper element instead.',
+          line: 4,
+          endLine: 4,
+          column: 11,
+          endColumn: 52
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="foo">foo</div>
+          <div v-else-if="bar" v-for="x in xs">{{ x }}</div>
+        </template>
+      `,
+      errors: [
+        {
+          message:
+            'Unexpected `v-else-if` and `v-for` on the same element. Move `v-else-if` to a wrapper element instead.',
+          line: 4,
+          endLine: 4,
+          column: 11,
+          endColumn: 61
+        }
+      ]
+    }
+  ]
+})

From cd32f03ee280a6960ffc0b28ea5f42bec6443f0d Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sun, 2 Jul 2023 09:59:36 +0200
Subject: [PATCH 0630/1010] Ignore blocks in `vue/html-self-closing` (#2223)

---
 lib/rules/html-self-closing.js       | 2 +-
 tests/lib/rules/html-self-closing.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 19fc4b587..6cbbb7a6d 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -131,7 +131,7 @@ module.exports = {
       context,
       {
         VElement(node) {
-          if (hasInvalidEOF) {
+          if (hasInvalidEOF || node.parent.type === 'VDocumentFragment') {
             return
           }
 
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index c600fdaf1..5589c3da1 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -64,6 +64,9 @@ tester.run('html-self-closing', rule, {
     '<template><div a=">test</div></template>',
     '<template><div><!--test</div></template>',
 
+    // Empty top-level tags
+    '<template></template><script></script><docs></docs>',
+
     // https://github.com/vuejs/eslint-plugin-vue/issues/1403
     {
       code: `

From 7f906ea733ed39a6d97e78969ac2302599f30906 Mon Sep 17 00:00:00 2001
From: Przemyslaw Jan Beigert <przemyslaw.jan.beigert@gmail.com>
Date: Sun, 2 Jul 2023 10:04:21 +0200
Subject: [PATCH 0631/1010] Add `vue/require-typed-object-prop` rule (#1983)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                          |   1 +
 docs/rules/require-typed-object-prop.md      |  50 ++
 lib/index.js                                 |   1 +
 lib/rules/require-typed-object-prop.js       | 150 +++++
 tests/lib/rules/require-typed-object-prop.js | 621 +++++++++++++++++++
 5 files changed, 823 insertions(+)
 create mode 100644 docs/rules/require-typed-object-prop.md
 create mode 100644 lib/rules/require-typed-object-prop.js
 create mode 100644 tests/lib/rules/require-typed-object-prop.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 9f9c8b161..1ef0ef39d 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -268,6 +268,7 @@ For example:
 | [vue/require-macro-variable-name](./require-macro-variable-name.md) | require a certain macro variable name | :bulb: | :hammer: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
+| [vue/require-typed-object-prop](./require-typed-object-prop.md) | enforce adding type declarations to object props | :bulb: | :hammer: |
 | [vue/require-typed-ref](./require-typed-ref.md) | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
diff --git a/docs/rules/require-typed-object-prop.md b/docs/rules/require-typed-object-prop.md
new file mode 100644
index 000000000..3c9fbaac4
--- /dev/null
+++ b/docs/rules/require-typed-object-prop.md
@@ -0,0 +1,50 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-typed-object-prop
+description: enforce adding type declarations to object props
+---
+# vue/require-typed-object-prop
+
+> enforce adding type declarations to object props
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+Prevent missing type declarations for non-primitive object props in TypeScript projects.
+
+<eslint-code-block :rules="{'vue/require-typed-object-prop': ['error']}">
+
+```vue
+<script lang="ts">
+export default {
+  props: {
+    // ✗ BAD
+    bad1: Object,
+    bad2: { type: Array },
+      
+    // ✓ GOOD
+    good1: Object as PropType<Anything>,
+    good2: { type: Array as PropType<Anything[]> },
+    good3: [String, Boolean], // or any other primitive type
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mute: When Not To Use It
+
+When you're not using TypeScript in the project.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-typed-object-prop.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-typed-object-prop.js)
diff --git a/lib/index.js b/lib/index.js
index 68207c019..6c52515a8 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -192,6 +192,7 @@ module.exports = {
     'require-render-return': require('./rules/require-render-return'),
     'require-slots-as-functions': require('./rules/require-slots-as-functions'),
     'require-toggle-inside-transition': require('./rules/require-toggle-inside-transition'),
+    'require-typed-object-prop': require('./rules/require-typed-object-prop'),
     'require-typed-ref': require('./rules/require-typed-ref'),
     'require-v-for-key': require('./rules/require-v-for-key'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
diff --git a/lib/rules/require-typed-object-prop.js b/lib/rules/require-typed-object-prop.js
new file mode 100644
index 000000000..dda7b8346
--- /dev/null
+++ b/lib/rules/require-typed-object-prop.js
@@ -0,0 +1,150 @@
+/**
+ * @author Przemysław Jan Beigert
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @param {RuleContext} context
+ * @param {Identifier} identifierNode
+ */
+const checkPropIdentifierType = (context, identifierNode) => {
+  if (identifierNode.name === 'Object' || identifierNode.name === 'Array') {
+    const arrayTypeSuggestion = identifierNode.name === 'Array' ? '[]' : ''
+    context.report({
+      node: identifierNode,
+      messageId: 'expectedTypeAnnotation',
+      suggest: [
+        {
+          messageId: 'addTypeAnnotation',
+          data: { type: `any${arrayTypeSuggestion}` },
+          fix(fixer) {
+            return fixer.insertTextAfter(
+              identifierNode,
+              ` as PropType<any${arrayTypeSuggestion}>`
+            )
+          }
+        },
+        {
+          messageId: 'addTypeAnnotation',
+          data: { type: `unknown${arrayTypeSuggestion}` },
+          fix(fixer) {
+            return fixer.insertTextAfter(
+              identifierNode,
+              ` as PropType<unknown${arrayTypeSuggestion}>`
+            )
+          }
+        }
+      ]
+    })
+  }
+}
+
+/**
+ * @param {RuleContext} context
+ * @param {ArrayExpression} arrayNode
+ */
+const checkPropArrayType = (context, arrayNode) => {
+  for (const elementNode of arrayNode.elements) {
+    if (elementNode?.type === 'Identifier') {
+      checkPropIdentifierType(context, elementNode)
+    }
+  }
+}
+
+/**
+ * @param {RuleContext} context
+ * @param {ObjectExpression} objectNode
+ */
+const checkPropObjectType = (context, objectNode) => {
+  const typeProperty = objectNode.properties.find(
+    (prop) =>
+      prop.type === 'Property' &&
+      prop.key.type === 'Identifier' &&
+      prop.key.name === 'type'
+  )
+  if (!typeProperty || typeProperty.type !== 'Property') {
+    return
+  }
+
+  if (typeProperty.value.type === 'Identifier') {
+    // `foo: { type: String }`
+    checkPropIdentifierType(context, typeProperty.value)
+  } else if (typeProperty.value.type === 'ArrayExpression') {
+    // `foo: { type: [String, Boolean] }`
+    checkPropArrayType(context, typeProperty.value)
+  }
+}
+
+/**
+ * @param {import('../utils').ComponentProp} prop
+ * @param {RuleContext} context
+ */
+const checkProp = (prop, context) => {
+  if (prop.type !== 'object') {
+    return
+  }
+
+  switch (prop.node.value.type) {
+    case 'Identifier': {
+      // e.g. `foo: String`
+      checkPropIdentifierType(context, prop.node.value)
+      break
+    }
+    case 'ArrayExpression': {
+      // e.g. `foo: [String, Boolean]`
+      checkPropArrayType(context, prop.node.value)
+      break
+    }
+    case 'ObjectExpression': {
+      // e.g. `foo: { type: … }`
+      checkPropObjectType(context, prop.node.value)
+      return
+    }
+  }
+}
+
+//------------------------------------------------------------------------------
+// Rule Definition
+//------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce adding type declarations to object props',
+      categories: undefined,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/require-typed-object-prop.html'
+    },
+    fixable: null,
+    schema: [],
+    // eslint-disable-next-line eslint-plugin/require-meta-has-suggestions -- `context.report` with suggestion is not recognized in `checkPropIdentifierType`
+    hasSuggestions: true,
+    messages: {
+      expectedTypeAnnotation: 'Expected type annotation on object prop.',
+      addTypeAnnotation: 'Add `{{ type }}` type annotation.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_node, props) {
+          for (const prop of props) {
+            checkProp(prop, context)
+          }
+        }
+      }),
+      utils.executeOnVue(context, (obj) => {
+        const props = utils.getComponentPropsFromOptions(obj)
+
+        for (const prop of props) {
+          checkProp(prop, context)
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/require-typed-object-prop.js b/tests/lib/rules/require-typed-object-prop.js
new file mode 100644
index 000000000..5d93965a5
--- /dev/null
+++ b/tests/lib/rules/require-typed-object-prop.js
@@ -0,0 +1,621 @@
+/**
+ * @author Przemysław Jan Beigert
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-typed-object-prop')
+
+const ruleTester = new RuleTester()
+
+ruleTester.run('require-typed-object-prop', rule, {
+  valid: [
+    // empty
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: {}
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default Vue.extend({
+        props: {}
+      });
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      <script setup lang="ts">
+      defineProps({});
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // array props
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: ['foo']
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default Vue.extend({
+        props: ['foo']
+      });
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      <script setup lang="ts">
+      defineProps(['foo']);
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // primitive props
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: { foo: String }
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default Vue.extend({
+        props: { foo: String }
+      });
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: String });
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // union
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: { foo: [Number, String, Boolean] }
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default Vue.extend({
+        props: { foo: [Number, String, Boolean] }
+      });
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: [Number, String, Boolean] });
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // function
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: { foo: someFunction() }
+      }
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default Vue.extend({
+        props: { foo: someFunction() }
+      });
+      `
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: someFunction() });
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // typed object
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: { foo: Object as PropType<User> }
+      }
+      `,
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default {
+        props: { foo: Array as PropType<User[]> }
+      }
+      `,
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      code: `
+      export default Vue.extend({
+        props: { foo: Object as PropType<User> }
+      });
+      `,
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: Object as PropType<User> });
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      export default {
+        props: { foo: Object as () => User }
+      }
+      `,
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      export default Vue.extend({
+        props: { foo: Object as () => User }
+      });
+      `,
+      parser: require.resolve('@typescript-eslint/parser')
+    },
+    {
+      filename: 'test.vue',
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: Object as () => User });
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // any
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: { type: Object as any } });
+      </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script lang="ts">
+        export default {
+          props: {
+            foo: { type: Object as any }
+          }
+        };
+        </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script lang="ts">
+        export default Vue.extend({
+          props: {
+            foo: { type: Object as any }
+          }
+        });
+        </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
+    },
+    // unknown
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: { type: Object as unknown } });
+      </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script lang="ts">
+        export default {
+          props: {
+            foo: { type: Object as unknown }
+          }
+        };
+        </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script lang="ts">
+        export default Vue.extend({
+          props: {
+            foo: { type: Object as unknown }
+          }
+        });
+        </script>
+      `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      parser: require.resolve('vue-eslint-parser')
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: Object });
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 26,
+          endLine: 3,
+          endColumn: 32,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      <script setup lang="ts">
+      defineProps({ foo: Object as PropType<any> });
+      </script>
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      <script setup lang="ts">
+      defineProps({ foo: Object as PropType<unknown> });
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: Array });
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 26,
+          endLine: 3,
+          endColumn: 31,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any[]' },
+              output: `
+      <script setup lang="ts">
+      defineProps({ foo: Array as PropType<any[]> });
+      </script>
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown[]' },
+              output: `
+      <script setup lang="ts">
+      defineProps({ foo: Array as PropType<unknown[]> });
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: { foo: Object }
+      }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 29,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      export default {
+        props: { foo: Object as PropType<any> }
+      }
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      export default {
+        props: { foo: Object as PropType<unknown> }
+      }
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default Vue.extend({
+        props: { foo: Object }
+      });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 29,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      export default Vue.extend({
+        props: { foo: Object as PropType<any> }
+      });
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      export default Vue.extend({
+        props: { foo: Object as PropType<unknown> }
+      });
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default Vue.extend({
+        props: { foo: { type: Object } }
+      });
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 31,
+          endLine: 3,
+          endColumn: 37,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      export default Vue.extend({
+        props: { foo: { type: Object as PropType<any> } }
+      });
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      export default Vue.extend({
+        props: { foo: { type: Object as PropType<unknown> } }
+      });
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      export default {
+        props: { foo: { type: Object } }
+      }
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 31,
+          endLine: 3,
+          endColumn: 37,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      export default {
+        props: { foo: { type: Object as PropType<any> } }
+      }
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      export default {
+        props: { foo: { type: Object as PropType<unknown> } }
+      }
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps({ foo: { type: Object } });
+      </script>
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 34,
+          endLine: 3,
+          endColumn: 40,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      <script setup lang="ts">
+      defineProps({ foo: { type: Object as PropType<any> } });
+      </script>
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      <script setup lang="ts">
+      defineProps({ foo: { type: Object as PropType<unknown> } });
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 45e012676edf5e39ff4093a71253852461c11737 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A1ndor=20Levcs=C3=A1k?=
 <37511777+levchak0910@users.noreply.github.com>
Date: Sat, 8 Jul 2023 09:55:24 +0200
Subject: [PATCH 0632/1010] Prevent auto fix `vue/attribute-hyphenation` when
 it breaks props (#2229)

---
 lib/rules/attribute-hyphenation.js       |  4 ++++
 tests/lib/rules/attribute-hyphenation.js | 13 +++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 24bacffc2..8f57531c0 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -99,6 +99,10 @@ module.exports = {
             return null
           }
 
+          if (/^[A-Z]/.test(name)) {
+            return null
+          }
+
           return fixer.replaceText(
             node.key,
             text.replace(name, caseConverter(name))
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 146c25658..2692345a0 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -88,7 +88,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><custom MyProp="Bar"></custom></div></template>',
-      output: '<template><div><custom my-prop="Bar"></custom></div></template>',
+      output: null,
       options: ['always'],
       errors: [
         {
@@ -115,8 +115,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><custom :MyProp="prop"></custom></div></template>',
-      output:
-        '<template><div><custom :my-prop="prop"></custom></div></template>',
+      output: null,
       options: ['always'],
       errors: [
         {
@@ -143,8 +142,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
-      output:
-        '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
+      output: null,
       options: ['always'],
       errors: [
         {
@@ -157,8 +155,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><custom v-bind:MyProp="prop"></custom></div></template>',
-      output:
-        '<template><div><custom v-bind:my-prop="prop"></custom></div></template>',
+      output: null,
       options: ['always', { ignore: [] }],
       errors: [
         {
@@ -281,7 +278,7 @@ ruleTester.run('attribute-hyphenation', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><slot MyProp="Bar"></slot></div></template>',
-      output: '<template><div><slot my-prop="Bar"></slot></div></template>',
+      output: null,
       options: ['always'],
       errors: [
         {

From f669bad8fc7400ef405e20b160432e7302e1f1cd Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 17 Jul 2023 20:07:15 +0200
Subject: [PATCH 0633/1010] Update VS Code settings (#2239)

---
 .vscode/settings.json | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 80e1f88fd..3c179f5a7 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,8 +1,6 @@
 {
     "editor.tabSize": 2,
-    "eslint.options": {
-        "rulePaths": ["eslint-internal-rules"]
-    },
+    "eslint.experimental.useFlatConfig": true,
     "eslint.validate": [
         "javascript",
         "javascriptreact",
@@ -16,4 +14,8 @@
         "editor.formatOnSave": true,
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
+    "[javascript]": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
 }

From 6a4a7daf3bbcb6919aaf45ec87dbe2b88bdcb8c7 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Tue, 18 Jul 2023 16:58:44 +0200
Subject: [PATCH 0634/1010] Set source type to `commonjs` to enable rule lint
 rules again (#2240)

---
 eslint.config.js                     | 4 ++++
 lib/rules/array-bracket-newline.js   | 2 +-
 lib/rules/array-bracket-spacing.js   | 2 +-
 lib/rules/array-element-newline.js   | 2 +-
 lib/rules/arrow-spacing.js           | 2 +-
 lib/rules/block-spacing.js           | 2 +-
 lib/rules/brace-style.js             | 2 +-
 lib/rules/camelcase.js               | 2 +-
 lib/rules/comma-dangle.js            | 2 +-
 lib/rules/comma-spacing.js           | 2 +-
 lib/rules/comma-style.js             | 2 +-
 lib/rules/dot-location.js            | 2 +-
 lib/rules/dot-notation.js            | 2 +-
 lib/rules/eqeqeq.js                  | 2 +-
 lib/rules/func-call-spacing.js       | 2 +-
 lib/rules/key-spacing.js             | 2 +-
 lib/rules/keyword-spacing.js         | 2 +-
 lib/rules/multiline-ternary.js       | 2 +-
 lib/rules/no-console.js              | 2 +-
 lib/rules/no-constant-condition.js   | 2 +-
 lib/rules/no-empty-pattern.js        | 2 +-
 lib/rules/no-extra-parens.js         | 2 +-
 lib/rules/no-loss-of-precision.js    | 2 +-
 lib/rules/no-restricted-syntax.js    | 2 +-
 lib/rules/no-sparse-arrays.js        | 2 +-
 lib/rules/no-useless-concat.js       | 2 +-
 lib/rules/object-curly-newline.js    | 2 +-
 lib/rules/object-curly-spacing.js    | 2 +-
 lib/rules/object-property-newline.js | 2 +-
 lib/rules/object-shorthand.js        | 2 +-
 lib/rules/operator-linebreak.js      | 2 +-
 lib/rules/prefer-template.js         | 2 +-
 lib/rules/quote-props.js             | 2 +-
 lib/rules/space-in-parens.js         | 2 +-
 lib/rules/space-infix-ops.js         | 2 +-
 lib/rules/space-unary-ops.js         | 2 +-
 lib/rules/template-curly-spacing.js  | 2 +-
 lib/utils/indent-ts.js               | 1 -
 38 files changed, 40 insertions(+), 37 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 78cecffeb..dddc54647 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -49,12 +49,16 @@ module.exports = [
     files: ['**/*.js'],
     languageOptions: {
       ecmaVersion: 'latest',
+      sourceType: 'commonjs',
       globals: {
         ...globals.es6,
         ...globals.node,
         ...globals.mocha
       }
     },
+    linterOptions: {
+      reportUnusedDisableDirectives: true
+    },
     rules: {
       'accessor-pairs': 2,
       camelcase: [2, { properties: 'never' }],
diff --git a/lib/rules/array-bracket-newline.js b/lib/rules/array-bracket-newline.js
index f4612db5d..d12dadd46 100644
--- a/lib/rules/array-bracket-newline.js
+++ b/lib/rules/array-bracket-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('array-bracket-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/array-bracket-spacing.js b/lib/rules/array-bracket-spacing.js
index d32b00065..bf5310723 100644
--- a/lib/rules/array-bracket-spacing.js
+++ b/lib/rules/array-bracket-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('array-bracket-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/array-element-newline.js b/lib/rules/array-element-newline.js
index 645ecc170..17c682cd4 100644
--- a/lib/rules/array-element-newline.js
+++ b/lib/rules/array-element-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('array-element-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/arrow-spacing.js b/lib/rules/arrow-spacing.js
index a64d4967a..dbacb0e16 100644
--- a/lib/rules/arrow-spacing.js
+++ b/lib/rules/arrow-spacing.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('arrow-spacing')
diff --git a/lib/rules/block-spacing.js b/lib/rules/block-spacing.js
index f234d5e94..9d1d46fe5 100644
--- a/lib/rules/block-spacing.js
+++ b/lib/rules/block-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('block-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/brace-style.js b/lib/rules/brace-style.js
index 1672b936a..57a8db01d 100644
--- a/lib/rules/brace-style.js
+++ b/lib/rules/brace-style.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('brace-style', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/camelcase.js b/lib/rules/camelcase.js
index a37da86b0..8aa43e19b 100644
--- a/lib/rules/camelcase.js
+++ b/lib/rules/camelcase.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('camelcase')
diff --git a/lib/rules/comma-dangle.js b/lib/rules/comma-dangle.js
index c338d6782..fe10e2326 100644
--- a/lib/rules/comma-dangle.js
+++ b/lib/rules/comma-dangle.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('comma-dangle')
diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
index 0b5b7490f..603c68b87 100644
--- a/lib/rules/comma-spacing.js
+++ b/lib/rules/comma-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('comma-spacing', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true,
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index 9263e4fc6..94afcb409 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('comma-style', {
   create(_context, { coreHandlers }) {
     return {
diff --git a/lib/rules/dot-location.js b/lib/rules/dot-location.js
index be002b6e6..61a817172 100644
--- a/lib/rules/dot-location.js
+++ b/lib/rules/dot-location.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('dot-location')
diff --git a/lib/rules/dot-notation.js b/lib/rules/dot-notation.js
index e7a2b0f3c..7638a5982 100644
--- a/lib/rules/dot-notation.js
+++ b/lib/rules/dot-notation.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('dot-notation', {
   applyDocument: true
 })
diff --git a/lib/rules/eqeqeq.js b/lib/rules/eqeqeq.js
index 29d889046..3d53fdf87 100644
--- a/lib/rules/eqeqeq.js
+++ b/lib/rules/eqeqeq.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('eqeqeq', {
   applyDocument: true
 })
diff --git a/lib/rules/func-call-spacing.js b/lib/rules/func-call-spacing.js
index 1a4554df1..3a3368713 100644
--- a/lib/rules/func-call-spacing.js
+++ b/lib/rules/func-call-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('func-call-spacing', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/key-spacing.js b/lib/rules/key-spacing.js
index 3dfe4c9ae..cb703829c 100644
--- a/lib/rules/key-spacing.js
+++ b/lib/rules/key-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('key-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/keyword-spacing.js b/lib/rules/keyword-spacing.js
index c1ce130f9..a6336f4e6 100644
--- a/lib/rules/keyword-spacing.js
+++ b/lib/rules/keyword-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('keyword-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
index 08e99fd23..82764507b 100644
--- a/lib/rules/multiline-ternary.js
+++ b/lib/rules/multiline-ternary.js
@@ -6,7 +6,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('multiline-ternary', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
index 39698f2e2..c523c4338 100644
--- a/lib/rules/no-console.js
+++ b/lib/rules/no-console.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = utils.wrapCoreRule('no-console', {
   skipCoreHandlers: true,
   create(context) {
diff --git a/lib/rules/no-constant-condition.js b/lib/rules/no-constant-condition.js
index e485f5dfd..d7c19a754 100644
--- a/lib/rules/no-constant-condition.js
+++ b/lib/rules/no-constant-condition.js
@@ -7,7 +7,7 @@ const { wrapCoreRule } = require('../utils')
 
 const conditionalDirectiveNames = new Set(['v-show', 'v-if', 'v-else-if'])
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-constant-condition', {
   create(_context, { coreHandlers }) {
     return {
diff --git a/lib/rules/no-empty-pattern.js b/lib/rules/no-empty-pattern.js
index 200a278d9..97aef6634 100644
--- a/lib/rules/no-empty-pattern.js
+++ b/lib/rules/no-empty-pattern.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-empty-pattern')
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 43a933927..c6da3a8bf 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -7,7 +7,7 @@ const { isParenthesized } = require('@eslint-community/eslint-utils')
 const { wrapCoreRule } = require('../utils')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-extra-parens', {
   skipDynamicArguments: true,
   applyDocument: true,
diff --git a/lib/rules/no-loss-of-precision.js b/lib/rules/no-loss-of-precision.js
index f426acc58..bd2c05cda 100644
--- a/lib/rules/no-loss-of-precision.js
+++ b/lib/rules/no-loss-of-precision.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = utils.wrapCoreRule('no-loss-of-precision', {
   applyDocument: true
 })
diff --git a/lib/rules/no-restricted-syntax.js b/lib/rules/no-restricted-syntax.js
index 2b3e594f8..da2518980 100644
--- a/lib/rules/no-restricted-syntax.js
+++ b/lib/rules/no-restricted-syntax.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-restricted-syntax', {
   applyDocument: true
 })
diff --git a/lib/rules/no-sparse-arrays.js b/lib/rules/no-sparse-arrays.js
index d6e91db51..a1cd1cade 100644
--- a/lib/rules/no-sparse-arrays.js
+++ b/lib/rules/no-sparse-arrays.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-sparse-arrays')
diff --git a/lib/rules/no-useless-concat.js b/lib/rules/no-useless-concat.js
index 88191ae02..6ded65142 100644
--- a/lib/rules/no-useless-concat.js
+++ b/lib/rules/no-useless-concat.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-useless-concat', {
   applyDocument: true
 })
diff --git a/lib/rules/object-curly-newline.js b/lib/rules/object-curly-newline.js
index ce180dcd7..f422abe2b 100644
--- a/lib/rules/object-curly-newline.js
+++ b/lib/rules/object-curly-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('object-curly-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-curly-spacing.js b/lib/rules/object-curly-spacing.js
index 6a1ee2214..c48272996 100644
--- a/lib/rules/object-curly-spacing.js
+++ b/lib/rules/object-curly-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('object-curly-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-property-newline.js b/lib/rules/object-property-newline.js
index 1e077bf64..981c73787 100644
--- a/lib/rules/object-property-newline.js
+++ b/lib/rules/object-property-newline.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('object-property-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-shorthand.js b/lib/rules/object-shorthand.js
index d58b8b6ad..b8d0a57af 100644
--- a/lib/rules/object-shorthand.js
+++ b/lib/rules/object-shorthand.js
@@ -6,7 +6,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('object-shorthand', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/operator-linebreak.js b/lib/rules/operator-linebreak.js
index db752efb9..1383737fc 100644
--- a/lib/rules/operator-linebreak.js
+++ b/lib/rules/operator-linebreak.js
@@ -5,5 +5,5 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('operator-linebreak')
diff --git a/lib/rules/prefer-template.js b/lib/rules/prefer-template.js
index e9e50da88..c622a4fad 100644
--- a/lib/rules/prefer-template.js
+++ b/lib/rules/prefer-template.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('prefer-template', {
   applyDocument: true
 })
diff --git a/lib/rules/quote-props.js b/lib/rules/quote-props.js
index 27e210773..160eee09a 100644
--- a/lib/rules/quote-props.js
+++ b/lib/rules/quote-props.js
@@ -6,7 +6,7 @@
 
 const { wrapCoreRule, flatten } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('quote-props', {
   skipDynamicArguments: true,
   preprocess(context, { wrapContextToOverrideProperties, defineVisitor }) {
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
index fff3ee17b..203ee015d 100644
--- a/lib/rules/space-in-parens.js
+++ b/lib/rules/space-in-parens.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('space-in-parens', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true,
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index 8f0083a95..610abc84e 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('space-infix-ops', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index a5fd74e31..8a0b90185 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('space-unary-ops', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/rules/template-curly-spacing.js b/lib/rules/template-curly-spacing.js
index 1fb3fd20f..cbc4275ce 100644
--- a/lib/rules/template-curly-spacing.js
+++ b/lib/rules/template-curly-spacing.js
@@ -5,7 +5,7 @@
 
 const { wrapCoreRule } = require('../utils')
 
-// eslint-disable-next-line internal/no-invalid-meta, internal/no-invalid-meta-docs-categories
+// eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('template-curly-spacing', {
   skipDynamicArguments: true,
   applyDocument: true
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 5bee66889..5ab3df993 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -229,7 +229,6 @@ function defineVisitor({
     /**
      * @param {ASTNode} node
      */
-    // eslint-disable-next-line complexity -- ignore
     '*[type=/^TS/]'(node) {
       if (!isTypeNode(node)) {
         return

From 9bbef7eb5bd7b8fa7b01cfb731688a4712e87881 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 22 Jul 2023 05:15:20 +0200
Subject: [PATCH 0635/1010] Allow deprecated rules in configs (#2234)

---
 docs/rules/experimental-script-setup-vars.md |  2 +-
 docs/rules/index.md                          |  4 ++--
 docs/rules/name-property-casing.md           |  2 +-
 docs/rules/no-confusing-v-for-v-if.md        |  2 +-
 docs/rules/no-invalid-model-keys.md          |  2 +-
 docs/rules/no-unregistered-components.md     |  2 +-
 docs/rules/script-setup-uses-vars.md         |  2 +-
 docs/rules/v-on-function-call.md             |  2 +-
 tools/lib/categories.js                      |  4 +---
 tools/update-docs-rules-index.js             | 11 ++++-------
 tools/update-docs.js                         | 10 +++++-----
 11 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index 7a77d941d..e0455b1d4 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > prevent variables defined in `<script setup>` to be marked as undefined
 
-- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v9.0.0.
 
 This rule will find variables defined in `<script setup="args">` and mark them as defined variables.
 
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 1ef0ef39d..776b68433 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -330,7 +330,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 ## Deprecated
 
-- :warning: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
+- :no_entry_sign: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
 - :innocent: We don't fix bugs which are in deprecated rules since we don't have enough resources.
 
 | Rule ID | Replaced by |
@@ -341,7 +341,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 ## Removed
 
-- :no_entry_sign: These rules have been removed in a previous major release, after they have been deprecated for a while.
+- :no_entry: These rules have been removed in a previous major release, after they have been deprecated for a while.
 
 | Rule ID | Replaced by | Deprecated in version  | Removed in version |
 |:--------|:------------|:-----------------------|:-------------------|
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index a69855f7e..d80181191 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -9,7 +9,7 @@ since: v3.8.0
 
 > enforce specific casing for the name property in Vue components
 
-- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index c9d72dbb4..cbcdbc657 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -9,7 +9,7 @@ since: v3.0.0
 
 > disallow confusing `v-for` and `v-if` on the same element
 
-- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
index 34f65d88a..720d23b8d 100644
--- a/docs/rules/no-invalid-model-keys.md
+++ b/docs/rules/no-invalid-model-keys.md
@@ -9,7 +9,7 @@ since: v7.9.0
 
 > require valid keys in model option
 
-- :warning: This rule was **deprecated** and replaced by [vue/valid-model-definition](valid-model-definition.md) rule.
+- :no_entry_sign: This rule was **deprecated** and replaced by [vue/valid-model-definition](valid-model-definition.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index dcbd9bc47..3f373d480 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > disallow using components that are not registered inside templates
 
-- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-undef-components](no-undef-components.md) rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-undef-components](no-undef-components.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
index f4d68926a..a26a19f60 100644
--- a/docs/rules/script-setup-uses-vars.md
+++ b/docs/rules/script-setup-uses-vars.md
@@ -9,7 +9,7 @@ since: v7.13.0
 
 > prevent `<script setup>` variables used in `<template>` to be marked as unused
 
-- :warning: This rule was **deprecated**.
+- :no_entry_sign: This rule was **deprecated**.
 
 ::: tip
 
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index c80dafc60..56f271efb 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -9,7 +9,7 @@ since: v5.2.0
 
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
 
-- :warning: This rule was **deprecated** and replaced by [vue/v-on-handler-style](v-on-handler-style.md) rule.
+- :no_entry_sign: This rule was **deprecated** and replaced by [vue/v-on-handler-style](v-on-handler-style.md) rule.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index e98c442b3..e59790168 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -56,8 +56,6 @@ module.exports = categoryIds
   .map((categoryId) => ({
     categoryId,
     title: categoryTitles[categoryId],
-    rules: (categoryRules[categoryId] || []).filter(
-      (rule) => !rule.meta.deprecated
-    )
+    rules: categoryRules[categoryId] || []
   }))
   .filter((category) => category.rules.length > 0)
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 3a5eb600c..ad9cd059d 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -15,10 +15,7 @@ const VUE2_EMOJI = ':two:'
 
 // -----------------------------------------------------------------------------
 const categorizedRules = rules.filter(
-  (rule) =>
-    rule.meta.docs.categories &&
-    !rule.meta.docs.extensionRule &&
-    !rule.meta.deprecated
+  (rule) => rule.meta.docs.categories && !rule.meta.docs.extensionRule
 )
 const uncategorizedRules = rules.filter(
   (rule) =>
@@ -44,7 +41,7 @@ function toRuleRow(rule, kindMarks = []) {
   const mark = [
     rule.meta.fixable ? ':wrench:' : '',
     rule.meta.hasSuggestions ? ':bulb:' : '',
-    rule.meta.deprecated ? ':warning:' : ''
+    rule.meta.deprecated ? ':no_entry_sign:' : ''
   ].join('')
   const kindMark = [...kindMarks, TYPE_MARK[rule.meta.type]].join('')
   const link = `[${rule.ruleId}](./${rule.name}.md)`
@@ -225,7 +222,7 @@ if (deprecatedRules.length > 0) {
   rulesTableContent += `
 ## Deprecated
 
-- :warning: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
+- :no_entry_sign: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
 - :innocent: We don't fix bugs which are in deprecated rules since we don't have enough resources.
 
 | Rule ID | Replaced by |
@@ -238,7 +235,7 @@ ${deprecatedRules.map(toDeprecatedRuleRow).join('\n')}
 rulesTableContent += `
 ## Removed
 
-- :no_entry_sign: These rules have been removed in a previous major release, after they have been deprecated for a while.
+- :no_entry: These rules have been removed in a previous major release, after they have been deprecated for a while.
 
 | Rule ID | Replaced by | Deprecated in version  | Removed in version |
 |:--------|:------------|:-----------------------|:-------------------|
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 75f6dab6d..65b0eae5c 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -13,7 +13,7 @@ For example:
 # rule description (vue/rule-name)
 
 - :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
-- :warning: This rule was **deprecated**.
+- :no_entry_sign: This rule was **deprecated**.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix) can automatically fix some of the problems reported by this rule.
 ```
 */
@@ -95,13 +95,13 @@ class DocFile {
           (name) => `[vue/${name}](${name}.md) rule`
         )
         notes.push(
-          `- :no_entry_sign: This rule was **removed** in eslint-plugin-vue ${
+          `- :no_entry: This rule was **removed** in eslint-plugin-vue ${
             meta.removedInVersion
           } and replaced by ${formatItems(replacedRules)}.`
         )
       } else {
         notes.push(
-          `- :no_entry_sign: This rule was **removed** in eslint-plugin-vue ${meta.removedInVersion}.`
+          `- :no_entry: This rule was **removed** in eslint-plugin-vue ${meta.removedInVersion}.`
         )
       }
     } else if (meta.deprecated) {
@@ -110,12 +110,12 @@ class DocFile {
           (name) => `[vue/${name}](${name}.md) rule`
         )
         notes.push(
-          `- :warning: This rule was **deprecated** and replaced by ${formatItems(
+          `- :no_entry_sign: This rule was **deprecated** and replaced by ${formatItems(
             replacedRules
           )}.`
         )
       } else {
-        notes.push(`- :warning: This rule was **deprecated**.`)
+        notes.push(`- :no_entry_sign: This rule was **deprecated**.`)
       }
     } else if (meta.docs.categories) {
       const presets = getPresetIds(meta.docs.categories).map(

From 52a99662b65439154a2bcbb8b551f1322509f893 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 22 Jul 2023 05:17:18 +0200
Subject: [PATCH 0636/1010] Bump `eslint-plugin-eslint-plugin` to v5 (#2241)

---
 .../no-invalid-meta-docs-categories.js        |  15 +-
 eslint-internal-rules/no-invalid-meta.js      |  28 ++-
 .../require-eslint-community.js               |   5 +-
 eslint.config.js                              |  21 +-
 lib/rules/attribute-hyphenation.js            |  10 +-
 lib/rules/attributes-order.js                 |  10 +-
 lib/rules/block-tag-newline.js                |   2 -
 lib/rules/component-definition-name-casing.js |   9 +-
 .../component-name-in-template-casing.js      |   7 +-
 lib/rules/define-emits-declaration.js         |  10 +-
 lib/rules/define-props-declaration.js         |  10 +-
 lib/rules/first-attribute-linebreak.js        |   2 +-
 lib/rules/html-closing-bracket-newline.js     |   9 +-
 lib/rules/html-closing-bracket-spacing.js     |  10 +-
 lib/rules/html-end-tags.js                    |   7 +-
 lib/rules/html-indent.js                      |   1 +
 lib/rules/html-quotes.js                      |   7 +-
 lib/rules/html-self-closing.js                |  11 +-
 lib/rules/jsx-uses-vars.js                    |   1 +
 lib/rules/match-component-file-name.js        |  12 +-
 lib/rules/match-component-import-name.js      |   2 +-
 lib/rules/max-attributes-per-line.js          |   9 +-
 lib/rules/mustache-interpolation-spacing.js   |  16 +-
 .../new-line-between-multi-line-property.js   |  11 +-
 lib/rules/next-tick-style.js                  |  14 +-
 lib/rules/no-arrow-functions-in-watch.js      |   9 +-
 lib/rules/no-async-in-computed-properties.js  |  13 +-
 lib/rules/no-boolean-default.js               |  12 +-
 lib/rules/no-child-content.js                 |  14 +-
 lib/rules/no-dupe-keys.js                     |  11 +-
 lib/rules/no-duplicate-attr-inheritance.js    |   9 +-
 lib/rules/no-duplicate-attributes.js          |   7 +-
 lib/rules/no-invalid-model-keys.js            |   6 +-
 lib/rules/no-multi-spaces.js                  |  14 +-
 lib/rules/no-multiple-template-root.js        |  16 +-
 lib/rules/no-mutating-props.js                |   9 +-
 lib/rules/no-parsing-error.js                 |   7 +-
 .../no-potential-component-option-typo.js     |   9 +-
 lib/rules/no-required-prop-with-default.js    |   2 +-
 lib/rules/no-restricted-class.js              |   6 +-
 lib/rules/no-restricted-component-names.js    |   2 +-
 lib/rules/no-restricted-custom-event.js       |   2 +-
 lib/rules/no-restricted-html-elements.js      |  14 +-
 lib/rules/no-restricted-props.js              |   2 +-
 lib/rules/no-root-v-if.js                     |   8 +-
 lib/rules/no-shared-component-data.js         |   8 +-
 .../no-side-effects-in-computed-properties.js |  12 +-
 ...-spaces-around-equal-signs-in-attribute.js |   8 +-
 lib/rules/no-template-shadow.js               |   9 +-
 lib/rules/no-template-target-blank.js         |   9 +-
 lib/rules/no-textarea-mustache.js             |   7 +-
 lib/rules/no-unused-components.js             |   8 +-
 lib/rules/no-unused-vars.js                   |  14 +-
 lib/rules/no-use-v-if-with-v-for.js           |  12 +-
 lib/rules/no-useless-mustaches.js             |  10 +-
 lib/rules/no-useless-v-bind.js                |   8 +-
 lib/rules/no-v-html.js                        |   7 +-
 lib/rules/no-v-text.js                        |   7 +-
 lib/rules/order-in-components.js              |   8 +-
 lib/rules/prefer-prop-type-boolean-first.js   |   1 -
 lib/rules/prop-name-casing.js                 |   7 +-
 lib/rules/require-component-is.js             |   9 +-
 lib/rules/require-default-prop.js             |   2 +-
 lib/rules/require-direct-export.js            |  12 +-
 lib/rules/require-emit-validator.js           |   6 +-
 lib/rules/require-explicit-emits.js           |   2 +-
 lib/rules/require-expose.js                   |   2 +-
 lib/rules/require-macro-variable-name.js      |   2 +-
 lib/rules/require-name-property.js            |  10 +-
 lib/rules/require-prop-type-constructor.js    |  11 +-
 lib/rules/require-prop-types.js               |  11 +-
 lib/rules/require-render-return.js            |   9 +-
 lib/rules/require-typed-object-prop.js        |   3 +-
 lib/rules/require-typed-ref.js                |   4 +-
 lib/rules/require-v-for-key.js                |   9 +-
 lib/rules/require-valid-default-prop.js       |   9 +-
 lib/rules/return-in-computed-property.js      |  15 +-
 lib/rules/return-in-emits-validator.js        |  16 +-
 lib/rules/script-indent.js                    |   1 +
 lib/rules/script-setup-uses-vars.js           |   5 +-
 lib/rules/static-class-names-order.js         |   7 +-
 lib/rules/this-in-template.js                 |  10 +-
 lib/rules/use-v-on-exact.js                   |   7 +-
 lib/rules/v-bind-style.js                     |  15 +-
 lib/rules/v-for-delimiter-style.js            |   8 +-
 lib/rules/v-on-event-hyphenation.js           |  12 +-
 lib/rules/v-on-function-call.js               |  11 +-
 lib/rules/v-on-style.js                       |  10 +-
 lib/rules/valid-model-definition.js           |   7 +-
 lib/rules/valid-next-tick.js                  |  25 ++-
 lib/rules/valid-template-root.js              |  12 +-
 package.json                                  |   2 +-
 tests/lib/rules/array-bracket-newline.js      |  14 +-
 tests/lib/rules/array-bracket-spacing.js      |  14 +-
 tests/lib/rules/arrow-spacing.js              |   2 +-
 tests/lib/rules/attributes-order.js           | 146 +++++++-------
 tests/lib/rules/block-lang.js                 |   8 +-
 tests/lib/rules/block-spacing.js              |   2 +-
 tests/lib/rules/comma-dangle.js               |  17 +-
 tests/lib/rules/comma-spacing.js              |   2 +-
 tests/lib/rules/comma-style.js                |  23 ++-
 tests/lib/rules/component-api-style.js        |  42 ++--
 .../rules/component-definition-name-casing.js |   2 +-
 .../component-name-in-template-casing.js      | 110 +++++------
 .../rules/component-options-name-casing.js    | 112 +++++------
 tests/lib/rules/component-tags-order.js       | 138 ++++++-------
 tests/lib/rules/define-emits-declaration.js   |  12 +-
 tests/lib/rules/define-macros-order.js        |   4 +-
 tests/lib/rules/define-props-declaration.js   |  10 +-
 tests/lib/rules/dot-location.js               |   2 +-
 tests/lib/rules/first-attribute-linebreak.js  |  14 +-
 tests/lib/rules/func-call-spacing.js          |   2 +-
 tests/lib/rules/html-button-has-type.js       |  10 +-
 .../lib/rules/html-comment-content-newline.js |  68 +++----
 .../lib/rules/html-comment-content-spacing.js |  60 +++---
 tests/lib/rules/html-comment-indent.js        |  92 ++++-----
 tests/lib/rules/html-end-tags.js              |   4 +-
 tests/lib/rules/html-self-closing.js          |   4 +-
 tests/lib/rules/jsx-uses-vars.js              |  12 +-
 tests/lib/rules/key-spacing.js                |   2 +-
 tests/lib/rules/keyword-spacing.js            |   2 +-
 tests/lib/rules/max-attributes-per-line.js    |  26 +--
 tests/lib/rules/max-len.js                    |  40 ++--
 tests/lib/rules/multi-word-component-names.js |   6 +-
 .../multiline-html-element-content-newline.js |   4 +-
 tests/lib/rules/multiline-ternary.js          |   8 +-
 .../new-line-between-multi-line-property.js   |   6 +-
 tests/lib/rules/next-tick-style.js            |  20 +-
 .../rules/no-async-in-computed-properties.js  |  12 +-
 tests/lib/rules/no-boolean-default.js         |  10 +-
 tests/lib/rules/no-child-content.js           |   8 +-
 .../lib/rules/no-deprecated-slot-attribute.js |  12 +-
 tests/lib/rules/no-deprecated-v-bind-sync.js  |   7 +-
 tests/lib/rules/no-duplicate-attributes.js    |  16 +-
 tests/lib/rules/no-multiple-template-root.js  |   4 +-
 tests/lib/rules/no-parsing-error.js           |   4 +-
 .../no-potential-component-option-typo.js     |  22 +--
 tests/lib/rules/no-ref-as-operand.js          |  24 +--
 .../rules/no-required-prop-with-default.js    |  20 +-
 .../rules/no-restricted-call-after-await.js   |   4 +-
 tests/lib/rules/no-restricted-class.js        |  38 ++--
 .../lib/rules/no-restricted-html-elements.js  |  12 +-
 tests/lib/rules/no-restricted-props.js        |   2 +-
 tests/lib/rules/no-setup-props-destructure.js |   7 +-
 .../no-side-effects-in-computed-properties.js |  68 +++----
 tests/lib/rules/no-template-target-blank.js   |  32 ++-
 .../rules/no-this-in-before-route-enter.js    |  12 +-
 tests/lib/rules/no-undef-components.js        |   6 +-
 tests/lib/rules/no-undef-properties.js        |   4 +-
 tests/lib/rules/no-unsupported-features.js    |   2 +-
 .../no-unsupported-features/define-options.js |   4 +-
 .../slot-scope-attribute.js                   |   6 +-
 .../v-bind-prop-modifier-shorthand.js         |   6 +-
 .../rules/no-unsupported-features/v-slot.js   |  26 +--
 tests/lib/rules/no-unused-properties.js       |  12 +-
 tests/lib/rules/no-unused-vars.js             |  54 ++---
 tests/lib/rules/no-watch-after-await.js       |   7 +-
 tests/lib/rules/object-curly-spacing.js       |  28 +--
 tests/lib/rules/order-in-components.js        |  74 +++----
 .../lib/rules/padding-line-between-blocks.js  |   6 +-
 tests/lib/rules/padding-line-between-tags.js  | 142 +++++++-------
 .../rules/prefer-true-attribute-shorthand.js  |  20 +-
 tests/lib/rules/require-emit-validator.js     |  10 +-
 tests/lib/rules/require-explicit-emits.js     |   4 +-
 tests/lib/rules/require-expose.js             |   6 +-
 .../lib/rules/require-macro-variable-name.js  |   8 +-
 tests/lib/rules/require-prop-comment.js       |  20 +-
 .../rules/require-prop-type-constructor.js    |   8 +-
 tests/lib/rules/require-prop-types.js         |  24 +--
 tests/lib/rules/require-typed-object-prop.js  | 146 +++++++-------
 tests/lib/rules/require-typed-ref.js          |   6 +-
 tests/lib/rules/require-valid-default-prop.js |  30 +--
 .../lib/rules/return-in-computed-property.js  |  14 +-
 ...singleline-html-element-content-newline.js |  12 +-
 tests/lib/rules/space-in-parens.js            |   6 +-
 tests/lib/rules/space-unary-ops.js            |   2 +-
 tests/lib/rules/template-curly-spacing.js     |   9 +-
 tests/lib/rules/this-in-template.js           |   8 +-
 tests/lib/rules/use-v-on-exact.js             | 184 ++++++------------
 tests/lib/rules/v-bind-style.js               |  12 +-
 tests/lib/rules/v-for-delimiter-style.js      |   4 +-
 tests/lib/rules/v-on-event-hyphenation.js     |  12 +-
 tests/lib/rules/v-on-function-call.js         |  52 ++---
 tests/lib/rules/v-on-handler-style.js         |  68 +++----
 tests/lib/rules/v-on-style.js                 |   4 +-
 tests/lib/rules/v-slot-style.js               |  40 ++--
 tests/lib/rules/valid-define-emits.js         |  16 +-
 tests/lib/rules/valid-define-options.js       |  16 +-
 tests/lib/rules/valid-define-props.js         |  16 +-
 tests/lib/rules/valid-v-for.js                |  24 +--
 tests/lib/rules/valid-v-model.js              |   7 +-
 tests/lib/rules/valid-v-on.js                 |   8 +-
 tests/lib/rules/valid-v-slot.js               |  15 +-
 193 files changed, 1707 insertions(+), 1645 deletions(-)

diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index 24350c8f6..1ea9a16e6 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -56,7 +56,7 @@ function checkMetaValidity(context, exportsNode) {
   if (!categories) {
     context.report({
       node: metaDocs,
-      message: 'Rule is missing a meta.docs.categories property.',
+      messageId: 'missingCategories',
       fix(fixer) {
         const category = getPropertyFromObject('category', metaDocs.value)
         if (!category) {
@@ -98,18 +98,27 @@ function checkMetaValidity(context, exportsNode) {
       categories.value.name === 'undefined'
     )
   ) {
-    context.report(categories.value, 'meta.docs.categories must be an array.')
+    context.report({
+      node: categories.value,
+      messageId: 'categoriesMustBeArray'
+    })
   }
 }
 
 module.exports = {
   meta: {
+    type: 'problem',
     docs: {
       description: 'enforce correct use of `meta` property in core rules',
       categories: ['Internal']
     },
     fixable: 'code',
-    schema: []
+    schema: [],
+    messages: {
+      missingCategories: 'Rule is missing a meta.docs.categories property.',
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      categoriesMustBeArray: 'meta.docs.categories must be an array.'
+    }
   },
 
   create(context) {
diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index 24bf01faf..5969e5c5a 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -67,32 +67,44 @@ function checkMetaValidity(context, exportsNode) {
   const metaProperty = getMetaPropertyFromExportsNode(exportsNode)
 
   if (!metaProperty) {
-    context.report(exportsNode, 'Rule is missing a meta property.')
+    context.report({
+      node: exportsNode,
+      messageId: 'missingMeta'
+    })
     return
   }
 
   if (!hasMetaDocs(metaProperty)) {
-    context.report(metaProperty, 'Rule is missing a meta.docs property.')
+    context.report({
+      node: 'metaDocs',
+      messageId: 'missingMetaDocs'
+    })
     return
   }
 
   if (!hasMetaDocsCategories(metaProperty)) {
-    context.report(
-      metaProperty,
-      'Rule is missing a meta.docs.categories property.'
-    )
+    context.report({
+      node: metaProperty,
+      messageId: 'missingMetaDocsCategories'
+    })
     return
   }
 }
 
 module.exports = {
   meta: {
+    type: 'problem',
     docs: {
       description: 'enforce correct use of `meta` property in core rules',
       categories: ['Internal']
     },
-
-    schema: []
+    schema: [],
+    messages: {
+      missingMeta: 'Rule is missing a meta property.',
+      missingMetaDocs: 'Rule is missing a meta.docs property.',
+      missingMetaDocsCategories:
+        'Rule is missing a meta.docs.categories property.'
+    }
   },
 
   create(context) {
diff --git a/eslint-internal-rules/require-eslint-community.js b/eslint-internal-rules/require-eslint-community.js
index f99afd8f9..0c2f372c1 100644
--- a/eslint-internal-rules/require-eslint-community.js
+++ b/eslint-internal-rules/require-eslint-community.js
@@ -2,16 +2,17 @@
 
 module.exports = {
   meta: {
+    type: 'problem',
     docs: {
       description: 'enforce use of the `@eslint-community/*` package',
       categories: ['Internal']
     },
     fixable: 'code',
+    schema: [],
     messages: {
       useCommunityPackageInstead:
         'Please use `@eslint-community/{{name}}` instead.'
-    },
-    schema: []
+    }
   },
 
   /** @param {import('eslint').Rule.RuleContext} context */
diff --git a/eslint.config.js b/eslint.config.js
index dddc54647..be4b85d0a 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -27,7 +27,7 @@ module.exports = [
   },
   ...eslintrc.plugins('eslint-plugin', 'prettier', 'unicorn'),
   ...eslintrc.extends(
-    'plugin:eslint-plugin/recommended',
+    'plugin:eslint-plugin/all',
     'prettier',
     'plugin:node-dependencies/recommended',
     'plugin:jsonc/recommended-with-jsonc',
@@ -143,8 +143,6 @@ module.exports = [
 
       'prettier/prettier': 'error',
       'eslint-plugin/report-message-format': ['error', "^[A-Z`'{].*\\.$"],
-      'eslint-plugin/prefer-placeholders': 'error',
-      'eslint-plugin/consistent-output': 'error',
 
       'no-debugger': 'error',
       'no-console': 'error',
@@ -199,23 +197,20 @@ module.exports = [
   {
     files: ['lib/rules/*.js'],
     rules: {
-      '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`
-        }
+        { pattern: 'https://eslint.vuejs.org/rules/{{name}}.html' }
       ],
-      'eslint-plugin/require-meta-has-suggestions': 'error',
-      'eslint-plugin/require-meta-schema': 'error',
-      'eslint-plugin/require-meta-type': 'error',
       'internal/no-invalid-meta': 'error',
       'internal/no-invalid-meta-docs-categories': 'error'
     }
   },
+  {
+    files: ['eslint-internal-rules/*.js'],
+    rules: {
+      'eslint-plugin/require-meta-docs-url': 'off'
+    }
+  },
   {
     files: ['**/*.json'],
     rules: {
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 8f57531c0..11f681ef7 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -60,7 +60,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      mustBeHyphenated: "Attribute '{{text}}' must be hyphenated.",
+      cannotBeHyphenated: "Attribute '{{text}}' can't be hyphenated."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -88,9 +92,7 @@ module.exports = {
       context.report({
         node: node.key,
         loc: node.loc,
-        message: useHyphenated
-          ? "Attribute '{{text}}' must be hyphenated."
-          : "Attribute '{{text}}' can't be hyphenated.",
+        messageId: useHyphenated ? 'mustBeHyphenated' : 'cannotBeHyphenated',
         data: {
           text
         },
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index e6915aebf..28d4d1ffa 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -277,9 +277,10 @@ function create(context) {
     const prevNode = sourceCode.getText(previousNode.key)
     context.report({
       node,
-      message: `Attribute "${currentNode}" should go before "${prevNode}".`,
+      messageId: 'expectedOrder',
       data: {
-        currentNode
+        currentNode,
+        prevNode
       },
 
       fix(fixer) {
@@ -439,7 +440,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      expectedOrder: `Attribute "{{currentNode}}" should go before "{{prevNode}}".`
+    }
   },
   create
 }
diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
index 7096b2daf..007c1e8e1 100644
--- a/lib/rules/block-tag-newline.js
+++ b/lib/rules/block-tag-newline.js
@@ -72,8 +72,6 @@ module.exports = {
     messages: {
       unexpectedOpeningLinebreak:
         "There should be no line break after '<{{tag}}>'.",
-      unexpectedClosingLinebreak:
-        "There should be no line break before '</{{tag}}>'.",
       expectedOpeningLinebreak:
         "Expected {{expected}} after '<{{tag}}>', but {{actual}} found.",
       expectedClosingLinebreak:
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index c3a5cbc3d..99ba619c1 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -29,12 +29,15 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
     },
-    fixable: 'code', // or "code" or "whitespace"
+    fixable: 'code',
     schema: [
       {
         enum: allowedCaseOptions
       }
-    ]
+    ],
+    messages: {
+      incorrectCase: 'Property name "{{value}}" is not {{caseType}}.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -63,7 +66,7 @@ module.exports = {
       if (!casing.getChecker(caseType)(nodeValue)) {
         context.report({
           node,
-          message: 'Property name "{{value}}" is not {{caseType}}.',
+          messageId: 'incorrectCase',
           data: {
             value: nodeValue,
             caseType
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index b457ffa61..fc1849b18 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -69,7 +69,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      incorrectCase: 'Component name "{{name}}" is not {{caseType}}.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -156,7 +159,7 @@ module.exports = {
             context.report({
               node: open,
               loc: open.loc,
-              message: 'Component name "{{name}}" is not {{caseType}}.',
+              messageId: 'incorrectCase',
               data: {
                 name,
                 caseType
diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index 9ef9bbc03..3d64fed51 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -15,15 +15,15 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/define-emits-declaration.html'
     },
     fixable: null,
-    messages: {
-      hasArg: 'Use type-based declaration instead of runtime declaration.',
-      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
-    },
     schema: [
       {
         enum: ['type-based', 'runtime']
       }
-    ]
+    ],
+    messages: {
+      hasArg: 'Use type-based declaration instead of runtime declaration.',
+      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/define-props-declaration.js b/lib/rules/define-props-declaration.js
index f86f3ad98..7a0be2259 100644
--- a/lib/rules/define-props-declaration.js
+++ b/lib/rules/define-props-declaration.js
@@ -15,15 +15,15 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/define-props-declaration.html'
     },
     fixable: null,
-    messages: {
-      hasArg: 'Use type-based declaration instead of runtime declaration.',
-      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
-    },
     schema: [
       {
         enum: ['type-based', 'runtime']
       }
-    ]
+    ],
+    messages: {
+      hasArg: 'Use type-based declaration instead of runtime declaration.',
+      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/first-attribute-linebreak.js b/lib/rules/first-attribute-linebreak.js
index 83f018e02..bdaf078c9 100644
--- a/lib/rules/first-attribute-linebreak.js
+++ b/lib/rules/first-attribute-linebreak.js
@@ -14,7 +14,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/first-attribute-linebreak.html'
     },
-    fixable: 'whitespace', // or "code" or "whitespace"
+    fixable: 'whitespace',
     schema: [
       {
         type: 'object',
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 73afb9d69..0c787526a 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -40,7 +40,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      expectedBeforeClosingBracket:
+        'Expected {{expected}} before closing bracket, but {{actual}} found.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -83,8 +87,7 @@ module.exports = {
               start: prevToken.loc.end,
               end: closingBracketToken.loc.start
             },
-            message:
-              'Expected {{expected}} before closing bracket, but {{actual}} found.',
+            messageId: 'expectedBeforeClosingBracket',
             data: {
               expected: getPhrase(expectedLineBreaks),
               actual: getPhrase(actualLineBreaks)
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index bc6320df6..0d5d477ba 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -59,6 +59,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-spacing.html'
     },
+    fixable: 'whitespace',
     schema: [
       {
         type: 'object',
@@ -70,7 +71,10 @@ module.exports = {
         additionalProperties: false
       }
     ],
-    fixable: 'whitespace'
+    messages: {
+      missing: "Expected a space before '{{bracket}}', but not found.",
+      unexpected: "Expected no space before '{{bracket}}', but found."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -102,7 +106,7 @@ module.exports = {
           context.report({
             node,
             loc: lastToken.loc,
-            message: "Expected a space before '{{bracket}}', but not found.",
+            messageId: 'missing',
             data: { bracket: sourceCode.getText(lastToken) },
             fix: (fixer) => fixer.insertTextBefore(lastToken, ' ')
           })
@@ -113,7 +117,7 @@ module.exports = {
               start: prevToken.loc.end,
               end: lastToken.loc.end
             },
-            message: "Expected no space before '{{bracket}}', but found.",
+            messageId: 'unexpected',
             data: { bracket: sourceCode.getText(lastToken) },
             fix: (fixer) =>
               fixer.removeRange([prevToken.range[1], lastToken.range[0]])
diff --git a/lib/rules/html-end-tags.js b/lib/rules/html-end-tags.js
index 62a9311bb..58c1142ea 100644
--- a/lib/rules/html-end-tags.js
+++ b/lib/rules/html-end-tags.js
@@ -16,7 +16,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/html-end-tags.html'
     },
     fixable: 'code',
-    schema: []
+    schema: [],
+    messages: {
+      missingEndTag: "'<{{name}}>' should have end tag."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -39,7 +42,7 @@ module.exports = {
             context.report({
               node: node.startTag,
               loc: node.startTag.loc,
-              message: "'<{{name}}>' should have end tag.",
+              messageId: 'missingEndTag',
               data: { name },
               fix: (fixer) => fixer.insertTextAfter(node, `</${name}>`)
             })
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 263bdad8e..1670a3308 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -20,6 +20,7 @@ module.exports = {
 
     return utils.defineTemplateBodyVisitor(context, visitor)
   },
+  // eslint-disable-next-line eslint-plugin/prefer-message-ids
   meta: {
     type: 'layout',
     docs: {
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index b365ec911..d1c2b6ffb 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -27,7 +27,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      expected: 'Expected to be enclosed by {{kind}}.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -63,7 +66,7 @@ module.exports = {
             context.report({
               node: node.value,
               loc: node.value.loc,
-              message: 'Expected to be enclosed by {{kind}}.',
+              messageId: 'expected',
               data: { kind: quoteName },
               fix(fixer) {
                 const contentText = quoted ? text.slice(1, -1) : text
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 6cbbb7a6d..3cda61ffe 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -119,6 +119,12 @@ module.exports = {
         }
       ],
       maxItems: 1
+    },
+    messages: {
+      requireSelfClosing:
+        'Require self-closing on {{elementType}} (<{{name}}>).',
+      disallowSelfClosing:
+        'Disallow self-closing on {{elementType}} (<{{name}}/>).'
     }
   },
   /** @param {RuleContext} context */
@@ -146,7 +152,7 @@ module.exports = {
             context.report({
               node,
               loc: node.loc,
-              message: 'Require self-closing on {{elementType}} (<{{name}}>).',
+              messageId: 'requireSelfClosing',
               data: {
                 elementType: ELEMENT_TYPE_MESSAGES[elementType],
                 name: node.rawName
@@ -170,8 +176,7 @@ module.exports = {
             context.report({
               node,
               loc: node.loc,
-              message:
-                'Disallow self-closing on {{elementType}} (<{{name}}/>).',
+              messageId: 'disallowSelfClosing',
               data: {
                 elementType: ELEMENT_TYPE_MESSAGES[elementType],
                 name: node.rawName
diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index 8f9010da9..b8858e1f3 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -31,6 +31,7 @@ SOFTWARE.
 'use strict'
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/prefer-message-ids
   meta: {
     type: 'problem',
     docs: {
diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
index f30a6b50a..181d88f1a 100644
--- a/lib/rules/match-component-file-name.js
+++ b/lib/rules/match-component-file-name.js
@@ -23,8 +23,6 @@ function canVerify(node) {
 
 module.exports = {
   meta: {
-    // eslint-disable-next-line eslint-plugin/require-meta-has-suggestions
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require component name property to match its file name',
@@ -32,6 +30,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/match-component-file-name.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -50,7 +49,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      shouldMatchFileName:
+        'Component name `{{name}}` should match file name `{{filename}}`.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -102,8 +105,7 @@ module.exports = {
       if (!compareNames(name, filename)) {
         errors.push({
           node,
-          message:
-            'Component name `{{name}}` should match file name `{{filename}}`.',
+          messageId: 'shouldMatchFileName',
           data: { filename, name },
           suggest: [
             {
diff --git a/lib/rules/match-component-import-name.js b/lib/rules/match-component-import-name.js
index 22eb4214a..344661005 100644
--- a/lib/rules/match-component-import-name.js
+++ b/lib/rules/match-component-import-name.js
@@ -18,7 +18,6 @@ function getExpectedNames(identifier) {
 module.exports = {
   meta: {
     type: 'problem',
-    schema: [],
     docs: {
       description:
         'require the registered component name to match the imported component name',
@@ -26,6 +25,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/match-component-import-name.html'
     },
     fixable: null,
+    schema: [],
     messages: {
       unexpected:
         'Component alias {{importedName}} should be one of: {{expectedName}}.'
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index 0f204d500..b1665c17d 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -68,7 +68,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/max-attributes-per-line.html'
     },
-    fixable: 'whitespace', // or "code" or "whitespace"
+    fixable: 'whitespace',
     schema: [
       {
         type: 'object',
@@ -112,7 +112,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      shouldBeOnNewLine: "'{{name}}' should be on a new line."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -155,7 +158,7 @@ module.exports = {
         context.report({
           node: prop,
           loc: prop.loc,
-          message: "'{{name}}' should be on a new line.",
+          messageId: 'shouldBeOnNewLine',
           data: { name: sourceCode.getText(prop.key) },
           fix(fixer) {
             if (i !== 0) return null
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index a61007be1..51b19c616 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -19,7 +19,13 @@ module.exports = {
       {
         enum: ['always', 'never']
       }
-    ]
+    ],
+    messages: {
+      expectedSpaceAfter: "Expected 1 space after '{{', but not found.",
+      expectedSpaceBefore: "Expected 1 space before '}}', but not found.",
+      unexpectedSpaceAfter: "Expected no space after '{{', but found.",
+      unexpectedSpaceBefore: "Expected no space before '}}', but found."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -54,14 +60,14 @@ module.exports = {
           if (openBrace.range[1] === firstToken.range[0]) {
             context.report({
               node: openBrace,
-              message: "Expected 1 space after '{{', but not found.",
+              messageId: 'expectedSpaceAfter',
               fix: (fixer) => fixer.insertTextAfter(openBrace, ' ')
             })
           }
           if (closeBrace.range[0] === lastToken.range[1]) {
             context.report({
               node: closeBrace,
-              message: "Expected 1 space before '}}', but not found.",
+              messageId: 'expectedSpaceBefore',
               fix: (fixer) => fixer.insertTextBefore(closeBrace, ' ')
             })
           }
@@ -72,7 +78,7 @@ module.exports = {
                 start: openBrace.loc.start,
                 end: firstToken.loc.start
               },
-              message: "Expected no space after '{{', but found.",
+              messageId: 'unexpectedSpaceAfter',
               fix: (fixer) =>
                 fixer.removeRange([openBrace.range[1], firstToken.range[0]])
             })
@@ -83,7 +89,7 @@ module.exports = {
                 start: lastToken.loc.end,
                 end: closeBrace.loc.end
               },
-              message: "Expected no space before '}}', but found.",
+              messageId: 'unexpectedSpaceBefore',
               fix: (fixer) =>
                 fixer.removeRange([lastToken.range[1], closeBrace.range[0]])
             })
diff --git a/lib/rules/new-line-between-multi-line-property.js b/lib/rules/new-line-between-multi-line-property.js
index 9c7ad1041..54812869b 100644
--- a/lib/rules/new-line-between-multi-line-property.js
+++ b/lib/rules/new-line-between-multi-line-property.js
@@ -54,7 +54,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/new-line-between-multi-line-property.html'
     },
-    fixable: 'whitespace', // or "code" or "whitespace"
+    fixable: 'whitespace',
     schema: [
       {
         type: 'object',
@@ -67,7 +67,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      missingEmptyLine:
+        'Enforce new lines between multi-line properties in Vue components.'
+    }
   },
 
   /** @param {RuleContext} context */
@@ -121,8 +125,7 @@ module.exports = {
                 start: pre.loc.end,
                 end: cur.loc.start
               },
-              message:
-                'Enforce new lines between multi-line properties in Vue components.',
+              messageId: 'missingEmptyLine',
               fix(fixer) {
                 /** @type {Token|null} */
                 let preToken = null
diff --git a/lib/rules/next-tick-style.js b/lib/rules/next-tick-style.js
index ecf447b9b..34e0c3db6 100644
--- a/lib/rules/next-tick-style.js
+++ b/lib/rules/next-tick-style.js
@@ -85,7 +85,13 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/next-tick-style.html'
     },
     fixable: 'code',
-    schema: [{ enum: ['promise', 'callback'] }]
+    schema: [{ enum: ['promise', 'callback'] }],
+    messages: {
+      usePromise:
+        'Use the Promise returned by `nextTick` instead of passing a callback function.',
+      useCallback:
+        'Pass a callback function to `nextTick` instead of using the returned Promise.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -107,8 +113,7 @@ module.exports = {
           ) {
             context.report({
               node,
-              message:
-                'Pass a callback function to `nextTick` instead of using the returned Promise.'
+              messageId: 'useCallback'
             })
           }
 
@@ -121,8 +126,7 @@ module.exports = {
         ) {
           context.report({
             node,
-            message:
-              'Use the Promise returned by `nextTick` instead of passing a callback function.',
+            messageId: 'usePromise',
             fix(fixer) {
               return fixer.insertTextAfter(node, '().then')
             }
diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
index ca83a16a6..3b1fcd6d4 100644
--- a/lib/rules/no-arrow-functions-in-watch.js
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -14,7 +14,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-arrow-functions-in-watch.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      noArrowFunctionsInWatch:
+        'You should not use an arrow function to define a watcher.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -36,8 +40,7 @@ module.exports = {
           if (handler.type === 'ArrowFunctionExpression') {
             context.report({
               node: handler,
-              message:
-                'You should not use an arrow function to define a watcher.'
+              messageId: 'noArrowFunctionsInWatch'
             })
           }
         }
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 26255e365..2df1e55c0 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -85,7 +85,13 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-async-in-computed-properties.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedInFunction:
+        'Unexpected {{expressionName}} in computed function.',
+      unexpectedInProperty:
+        'Unexpected {{expressionName}} in "{{propertyName}}" computed property.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -151,8 +157,7 @@ module.exports = {
         ) {
           context.report({
             node,
-            message:
-              'Unexpected {{expressionName}} in "{{propertyName}}" computed property.',
+            messageId: 'unexpectedInProperty',
             data: {
               expressionName: expressionTypes[type],
               propertyName: cp.key || 'unknown'
@@ -170,7 +175,7 @@ module.exports = {
         ) {
           context.report({
             node,
-            message: 'Unexpected {{expressionName}} in computed function.',
+            messageId: 'unexpectedInFunction',
             data: {
               expressionName: expressionTypes[type]
             }
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 7dbeeceaf..5fd2560ad 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -43,7 +43,12 @@ module.exports = {
       {
         enum: ['default-false', 'no-default']
       }
-    ]
+    ],
+    messages: {
+      noBooleanDefault:
+        'Boolean prop should not set a default (Vue defaults it to false).',
+      defaultFalse: 'Boolean prop should only be defaulted to false.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -95,8 +100,7 @@ module.exports = {
         case 'no-default':
           context.report({
             node: defaultNode,
-            message:
-              'Boolean prop should not set a default (Vue defaults it to false).'
+            messageId: 'noBooleanDefault'
           })
           break
 
@@ -104,7 +108,7 @@ module.exports = {
           if (defaultNode.type !== 'Literal' || defaultNode.value !== false) {
             context.report({
               node: defaultNode,
-              message: 'Boolean prop should only be defaulted to false.'
+              messageId: 'defaultFalse'
             })
           }
           break
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
index a649b21f0..6ccf10d18 100644
--- a/lib/rules/no-child-content.js
+++ b/lib/rules/no-child-content.js
@@ -70,7 +70,6 @@ function getLocationRange(nodes) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'problem',
     docs: {
       description:
@@ -79,6 +78,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-child-content.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -95,7 +95,12 @@ module.exports = {
         },
         required: ['additionalDirectives']
       }
-    ]
+    ],
+    messages: {
+      disallowedChildContent:
+        'Child content is disallowed because it will be overwritten by the v-{{ directiveName }} directive.',
+      removeChildContent: 'Remove child content.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -138,12 +143,11 @@ module.exports = {
           context.report({
             node: elementNode,
             loc: getLocationRange(childNodes),
-            message:
-              'Child content is disallowed because it will be overwritten by the v-{{ directiveName }} directive.',
+            messageId: 'disallowedChildContent',
             data: { directiveName },
             suggest: [
               {
-                desc: 'Remove child content.',
+                messageId: 'removeChildContent',
                 *fix(fixer) {
                   for (const childNode of childNodes) {
                     yield fixer.remove(childNode)
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index b007631f4..c1df4d670 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -66,7 +66,7 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-dupe-keys.html'
     },
-    fixable: null, // or "code" or "whitespace"
+    fixable: null,
     schema: [
       {
         type: 'object',
@@ -77,7 +77,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      duplicatedKey: "Duplicated key '{{name}}'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -93,7 +96,7 @@ module.exports = {
           if (usedNames.has(o.name)) {
             context.report({
               node: o.node,
-              message: "Duplicated key '{{name}}'.",
+              messageId: 'duplicatedKey',
               data: {
                 name: o.name
               }
@@ -128,7 +131,7 @@ module.exports = {
 
             context.report({
               node: variable.defs[0].node,
-              message: "Duplicated key '{{name}}'.",
+              messageId: 'duplicatedKey',
               data: {
                 name: prop.propName
               }
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index a8661b091..654929bd1 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -17,9 +17,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-duplicate-attr-inheritance.html'
     },
     fixable: null,
-    schema: [
-      // fill in your schema
-    ]
+    schema: [],
+    messages: {
+      noDuplicateAttrInheritance: 'Set "inheritAttrs" to false.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -64,7 +65,7 @@ module.exports = {
           if (attrsRef) {
             context.report({
               node: attrsRef.id,
-              message: 'Set "inheritAttrs" to false.'
+              messageId: 'noDuplicateAttrInheritance'
             })
           }
         }
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index 510df18ab..39a3a0bb9 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -50,7 +50,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      duplicateAttribute: "Duplicate attribute '{{name}}'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -92,7 +95,7 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message: "Duplicate attribute '{{name}}'.",
+            messageId: 'duplicateAttribute',
             data: { name }
           })
         }
diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
index 1695e6fa9..11f4ab218 100644
--- a/lib/rules/no-invalid-model-keys.js
+++ b/lib/rules/no-invalid-model-keys.js
@@ -3,17 +3,19 @@
 const baseRule = require('./valid-model-definition')
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/prefer-message-ids
   meta: {
     ...baseRule.meta,
+    // eslint-disable-next-line eslint-plugin/meta-property-ordering
     type: baseRule.meta.type,
     docs: {
       description: baseRule.meta.docs.description,
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-invalid-model-keys.html'
     },
+    schema: [],
     deprecated: true,
-    replacedBy: ['valid-model-definition'],
-    schema: []
+    replacedBy: ['valid-model-definition']
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index e13cdff74..1dbac86e2 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -23,7 +23,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-multi-spaces.html'
     },
-    fixable: 'whitespace', // or "code" or "whitespace"
+    fixable: 'whitespace',
     schema: [
       {
         type: 'object',
@@ -34,7 +34,12 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      multipleSpaces: "Multiple spaces found before '{{displayValue}}'.",
+      useLatestParser:
+        'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+    }
   },
 
   /**
@@ -52,8 +57,7 @@ module.exports = {
           if (path.extname(filename) === '.vue') {
             context.report({
               loc: { line: 1, column: 0 },
-              message:
-                'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+              messageId: 'useLatestParser'
             })
           }
           return
@@ -84,7 +88,7 @@ module.exports = {
                 start: prevToken.loc.end,
                 end: token.loc.start
               },
-              message: "Multiple spaces found before '{{displayValue}}'.",
+              messageId: 'multipleSpaces',
               fix: (fixer) =>
                 fixer.replaceTextRange(
                   [prevToken.range[1], token.range[0]],
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index d5ac49b5a..e4ed1b910 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -15,7 +15,13 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-multiple-template-root.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      multipleRoot: 'The template root requires exactly one element.',
+      textRoot: 'The template root requires an element rather than texts.',
+      disallowedElement: "The template root disallows '<{{name}}>' elements.",
+      disallowedDirective: "The template root disallows 'v-for' directives."
+    }
   },
   /**
    * @param {RuleContext} context - The rule context.
@@ -57,13 +63,13 @@ module.exports = {
           context.report({
             node: extraText,
             loc: extraText.loc,
-            message: 'The template root requires an element rather than texts.'
+            messageId: 'textRoot'
           })
         } else if (extraElement != null) {
           context.report({
             node: extraElement,
             loc: extraElement.loc,
-            message: 'The template root requires exactly one element.'
+            messageId: 'multipleRoot'
           })
         } else {
           for (const element of rootElements) {
@@ -74,7 +80,7 @@ module.exports = {
               context.report({
                 node: tag,
                 loc: tag.loc,
-                message: "The template root disallows '<{{name}}>' elements.",
+                messageId: 'disallowedElement',
                 data: { name }
               })
             }
@@ -82,7 +88,7 @@ module.exports = {
               context.report({
                 node: tag,
                 loc: tag.loc,
-                message: "The template root disallows 'v-for' directives."
+                messageId: 'disallowedDirective'
               })
             }
           }
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 61461010b..57a191991 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -109,7 +109,7 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/no-mutating-props.html'
     },
-    fixable: null, // or "code" or "whitespace"
+    fixable: null,
     schema: [
       {
         type: 'object',
@@ -120,7 +120,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      unexpectedMutation: 'Unexpected mutation of "{{key}}" prop.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -137,7 +140,7 @@ module.exports = {
     function report(node, name) {
       context.report({
         node,
-        message: 'Unexpected mutation of "{{key}}" prop.',
+        messageId: 'unexpectedMutation',
         data: {
           key: name
         }
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index 17b63d6c0..f4e2f7e2f 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -67,7 +67,10 @@ module.exports = {
         ),
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      parsingError: 'Parsing error: {{message}}.'
+    }
   },
   /**
    * @param {RuleContext} context - The rule context.
@@ -91,7 +94,7 @@ module.exports = {
           context.report({
             node,
             loc: { line: error.lineNumber, column: error.column },
-            message: 'Parsing error: {{message}}.',
+            messageId: 'parsingError',
             data: {
               message: error.message.endsWith('.')
                 ? error.message.slice(0, -1)
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index a381a0827..50c710802 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -8,7 +8,6 @@ const utils = require('../utils')
 const vueComponentOptions = require('../utils/vue-component-options.json')
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow a potential typo in your component property',
@@ -17,6 +16,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -43,7 +43,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      potentialTypo: `'{{name}}' may be a typo, which is similar to option [{{option}}].`
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -103,7 +106,7 @@ module.exports = {
         if (potentialTypoList.length > 0) {
           context.report({
             node: id,
-            message: `'{{name}}' may be a typo, which is similar to option [{{option}}].`,
+            messageId: 'potentialTypo',
             data: {
               name,
               option: potentialTypoList.map(({ option }) => option).join(',')
diff --git a/lib/rules/no-required-prop-with-default.js b/lib/rules/no-required-prop-with-default.js
index b098d6f45..0976e0d23 100644
--- a/lib/rules/no-required-prop-with-default.js
+++ b/lib/rules/no-required-prop-with-default.js
@@ -14,7 +14,6 @@ const utils = require('../utils')
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'problem',
     docs: {
       description: 'enforce props with default values to be optional',
@@ -22,6 +21,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-required-prop-with-default.html'
     },
     fixable: 'code',
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index f25ad6498..984893b72 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -110,14 +110,14 @@ module.exports = {
       categories: undefined
     },
     fixable: null,
-    messages: {
-      forbiddenClass: "'{{class}}' class is not allowed."
-    },
     schema: {
       type: 'array',
       items: {
         type: 'string'
       }
+    },
+    messages: {
+      forbiddenClass: "'{{class}}' class is not allowed."
     }
   },
 
diff --git a/lib/rules/no-restricted-component-names.js b/lib/rules/no-restricted-component-names.js
index e7fc28608..e5111a748 100644
--- a/lib/rules/no-restricted-component-names.js
+++ b/lib/rules/no-restricted-component-names.js
@@ -68,7 +68,6 @@ function createSuggest(property, suggest) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow specific component names',
@@ -76,6 +75,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-restricted-component-names.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: {
       type: 'array',
       items: {
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index abe104b97..f153b6921 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -88,7 +88,6 @@ function getCalleeMemberNode(node) {
 }
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow specific custom event',
@@ -96,6 +95,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-restricted-custom-event.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: {
       type: 'array',
       items: {
diff --git a/lib/rules/no-restricted-html-elements.js b/lib/rules/no-restricted-html-elements.js
index e2f30ccd0..e906d86f2 100644
--- a/lib/rules/no-restricted-html-elements.js
+++ b/lib/rules/no-restricted-html-elements.js
@@ -33,6 +33,11 @@ module.exports = {
       },
       uniqueItems: true,
       minItems: 0
+    },
+    messages: {
+      forbiddenElement: 'Unexpected use of forbidden HTML element {{name}}.',
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      customMessage: '{{message}}'
     }
   },
   /**
@@ -50,14 +55,15 @@ module.exports = {
         }
 
         for (const option of context.options) {
-          const message =
-            option.message ||
-            `Unexpected use of forbidden HTML element ${node.rawName}.`
           const element = option.element || option
 
           if (element === node.rawName) {
             context.report({
-              message,
+              messageId: option.message ? 'customMessage' : 'forbiddenElement',
+              data: {
+                name: node.rawName,
+                message: option.message
+              },
               node: node.startTag
             })
           }
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index db673e4c2..c7203054b 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -53,7 +53,6 @@ function parseOption(option) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'disallow specific props',
@@ -61,6 +60,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-restricted-props.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: {
       type: 'array',
       items: {
diff --git a/lib/rules/no-root-v-if.js b/lib/rules/no-root-v-if.js
index 304ef3f12..65e262590 100644
--- a/lib/rules/no-root-v-if.js
+++ b/lib/rules/no-root-v-if.js
@@ -16,7 +16,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-root-v-if.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      noRootVIf: '`v-if` should not be used on root element without `v-else`.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -36,8 +39,7 @@ module.exports = {
           context.report({
             node: element,
             loc: element.loc,
-            message:
-              '`v-if` should not be used on root element without `v-else`.'
+            messageId: 'noRootVIf'
           })
         }
       }
diff --git a/lib/rules/no-shared-component-data.js b/lib/rules/no-shared-component-data.js
index 3ad217d3c..b91602b14 100644
--- a/lib/rules/no-shared-component-data.js
+++ b/lib/rules/no-shared-component-data.js
@@ -46,7 +46,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-shared-component-data.html'
     },
     fixable: 'code',
-    schema: []
+    schema: [],
+    messages: {
+      dataPropertyMustBeFunction:
+        '`data` property in component must be a function.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -64,7 +68,7 @@ module.exports = {
       if (invalidData) {
         context.report({
           node: invalidData,
-          message: '`data` property in component must be a function.',
+          messageId: 'dataPropertyMustBeFunction',
           fix(fixer) {
             const tokens = getFirstAndLastTokens(invalidData.value, sourceCode)
 
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 9feb02a89..903cf43e7 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -24,7 +24,13 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedSideEffectInFunction:
+        'Unexpected side effect in computed function.',
+      unexpectedSideEffectInProperty:
+        'Unexpected side effect in "{{key}}" computed property.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -102,7 +108,7 @@ module.exports = {
           if (invalid) {
             context.report({
               node: invalid.node,
-              message: 'Unexpected side effect in "{{key}}" computed property.',
+              messageId: 'unexpectedSideEffectInProperty',
               data: { key: computedProperty.key || 'Unknown' }
             })
           }
@@ -163,7 +169,7 @@ module.exports = {
         if (invalid) {
           context.report({
             node: invalid.node,
-            message: 'Unexpected side effect in computed function.'
+            messageId: 'unexpectedSideEffectInFunction'
           })
         }
       }
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 733b3212b..9ee153a70 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -15,7 +15,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
     },
     fixable: 'whitespace',
-    schema: []
+    schema: [],
+    messages: {
+      unexpectedSpaces: 'Unexpected spaces found around equal signs.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -37,8 +40,7 @@ module.exports = {
               start: node.key.loc.end,
               end: node.value.loc.start
             },
-            message: 'Unexpected spaces found around equal signs.',
-            data: {},
+            messageId: 'unexpectedSpaces',
             fix: (fixer) => fixer.replaceTextRange(range, expect)
           })
         }
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index a1fb733d8..4b7528a0b 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -30,7 +30,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-template-shadow.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      alreadyDeclaredInUpperScope:
+        "Variable '{{name}}' is already declared in the upper scope."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -105,8 +109,7 @@ module.exports = {
               context.report({
                 node: varNode,
                 loc: varNode.loc,
-                message:
-                  "Variable '{{name}}' is already declared in the upper scope.",
+                messageId: 'alreadyDeclaredInUpperScope',
                 data: {
                   name
                 }
diff --git a/lib/rules/no-template-target-blank.js b/lib/rules/no-template-target-blank.js
index d535b14b9..b415bc4b5 100644
--- a/lib/rules/no-template-target-blank.js
+++ b/lib/rules/no-template-target-blank.js
@@ -116,7 +116,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      missingRel:
+        'Using target="_blank" without rel="noopener noreferrer" is a security risk.'
+    }
   },
 
   /**
@@ -144,8 +148,7 @@ module.exports = {
         if (hasDangerHref) {
           context.report({
             node,
-            message:
-              'Using target="_blank" without rel="noopener noreferrer" is a security risk.',
+            messageId: 'missingRel',
             suggest: [getSuggestion(node)]
           })
         }
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index 29c8a4da2..b5ad8d966 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -16,7 +16,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-textarea-mustache.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpected: "Unexpected mustache. Use 'v-model' instead."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -30,7 +33,7 @@ module.exports = {
         context.report({
           node,
           loc: node.loc,
-          message: "Unexpected mustache. Use 'v-model' instead."
+          messageId: 'unexpected'
         })
       }
     })
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index ffab616c1..af26a964b 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -27,7 +27,10 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      unused: 'The "{{name}}" component has been registered but not used.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -124,8 +127,7 @@ module.exports = {
 
             context.report({
               node,
-              message:
-                'The "{{name}}" component has been registered but not used.',
+              messageId: 'unused',
               data: {
                 name
               }
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index f58cc1398..454b1a189 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -51,7 +51,6 @@ function isDestructuringVar(variable) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description:
@@ -60,6 +59,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-unused-vars.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -70,7 +70,12 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      unusedVariable: "'{{name}}' is defined but never used.",
+      replaceWithUnderscore:
+        'Replace `{{name}}` with `_{{name}}` to ignore the unused variable.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -113,7 +118,7 @@ module.exports = {
             context.report({
               node: variable.id,
               loc: variable.id.loc,
-              message: `'{{name}}' is defined but never used.`,
+              messageId: 'unusedVariable',
               data: {
                 name: variable.id.name
               },
@@ -121,7 +126,8 @@ module.exports = {
                 ignorePattern === '^_'
                   ? [
                       {
-                        desc: `Replace the ${variable.id.name} with _${variable.id.name}`,
+                        messageId: 'replaceWithUnderscore',
+                        data: { name: variable.id.name },
                         fix(fixer) {
                           return fixer.replaceText(
                             variable.id,
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index e3e7cafc6..dccda39be 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -53,7 +53,12 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      movedToWrapper: "This 'v-if' should be moved to the wrapper element.",
+      shouldUseComputed:
+        "The '{{iteratorName}}' {{kind}} inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -80,8 +85,7 @@ module.exports = {
               context.report({
                 node,
                 loc: node.loc,
-                message:
-                  "The '{{iteratorName}}' {{kind}} inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.",
+                messageId: 'shouldUseComputed',
                 data: {
                   iteratorName:
                     iteratorNode.type === 'Identifier'
@@ -98,7 +102,7 @@ module.exports = {
             context.report({
               node,
               loc: node.loc,
-              message: "This 'v-if' should be moved to the wrapper element."
+              messageId: 'movedToWrapper'
             })
           }
         }
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index 51e3853ba..884cdf7a5 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -31,16 +31,13 @@ function stripQuotesForHTML(text) {
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description: 'disallow unnecessary mustache interpolations',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-useless-mustaches.html'
     },
     fixable: 'code',
-    messages: {
-      unexpected:
-        'Unexpected mustache interpolation with a string literal value.'
-    },
     schema: [
       {
         type: 'object',
@@ -55,7 +52,10 @@ module.exports = {
         additionalProperties: false
       }
     ],
-    type: 'suggestion'
+    messages: {
+      unexpected:
+        'Unexpected mustache interpolation with a string literal value.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index 9f9da6e27..c78cd6b4b 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -11,15 +11,13 @@ const SINGLE_QUOTES_RE = /'/gu
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description: 'disallow unnecessary `v-bind` directives',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-useless-v-bind.html'
     },
     fixable: 'code',
-    messages: {
-      unexpected: 'Unexpected `v-bind` with a string literal value.'
-    },
     schema: [
       {
         type: 'object',
@@ -34,7 +32,9 @@ module.exports = {
         additionalProperties: false
       }
     ],
-    type: 'suggestion'
+    messages: {
+      unexpected: 'Unexpected `v-bind` with a string literal value.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index fb9f0a5fe..b135b9549 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -14,7 +14,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-v-html.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpected: "'v-html' directive can lead to XSS attack."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -24,7 +27,7 @@ module.exports = {
         context.report({
           node,
           loc: node.loc,
-          message: "'v-html' directive can lead to XSS attack."
+          messageId: 'unexpected'
         })
       }
     })
diff --git a/lib/rules/no-v-text.js b/lib/rules/no-v-text.js
index 96fe6e019..e404e153b 100644
--- a/lib/rules/no-v-text.js
+++ b/lib/rules/no-v-text.js
@@ -14,7 +14,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-v-text.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      unexpected: "Don't use 'v-text'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -24,7 +27,7 @@ module.exports = {
         context.report({
           node,
           loc: node.loc,
-          message: "Don't use 'v-text'."
+          messageId: 'unexpected'
         })
       }
     })
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 50e270625..57247e0c2 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -228,7 +228,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      order:
+        'The "{{name}}" property should be above the "{{firstUnorderedPropertyName}}" property on line {{line}}.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -285,7 +289,7 @@ module.exports = {
           const line = firstUnorderedProperty.node.loc.start.line
           context.report({
             node: property.node,
-            message: `The "{{name}}" property should be above the "{{firstUnorderedPropertyName}}" property on line {{line}}.`,
+            messageId: 'order',
             data: {
               name: property.name,
               firstUnorderedPropertyName: firstUnorderedProperty.name,
diff --git a/lib/rules/prefer-prop-type-boolean-first.js b/lib/rules/prefer-prop-type-boolean-first.js
index aa16707c4..a1001b13b 100644
--- a/lib/rules/prefer-prop-type-boolean-first.js
+++ b/lib/rules/prefer-prop-type-boolean-first.js
@@ -53,7 +53,6 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/prefer-prop-type-boolean-first.html'
     },
     fixable: null,
-    // eslint-disable-next-line eslint-plugin/require-meta-has-suggestions -- `context.report` with suggestion is not recognized in `checkArrayExpression`
     hasSuggestions: true,
     schema: [],
     messages: {
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 4a8ffebb4..094421516 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -30,7 +30,7 @@ function create(context) {
       if (!checker(propName)) {
         context.report({
           node: item.node,
-          message: 'Prop "{{name}}" is not in {{caseType}}.',
+          messageId: 'invalidCase',
           data: {
             name: propName,
             caseType
@@ -65,7 +65,10 @@ module.exports = {
       {
         enum: allowedCaseOptions
       }
-    ]
+    ],
+    messages: {
+      invalidCase: 'Prop "{{name}}" is not in {{caseType}}.'
+    }
   },
   create
 }
diff --git a/lib/rules/require-component-is.js b/lib/rules/require-component-is.js
index d4008903a..13e16224b 100644
--- a/lib/rules/require-component-is.js
+++ b/lib/rules/require-component-is.js
@@ -16,7 +16,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-component-is.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      requireComponentIs:
+        "Expected '<component>' elements to have 'v-bind:is' attribute."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -27,8 +31,7 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message:
-              "Expected '<component>' elements to have 'v-bind:is' attribute."
+            messageId: 'requireComponentIs'
           })
         }
       }
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 21ee6825e..81f40c71f 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -51,7 +51,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-default-prop.html'
     },
-    fixable: null, // or "code" or "whitespace"
+    fixable: null,
     schema: [],
     messages: {
       missingDefault: `Prop '{{propName}}' requires default value to be set.`
diff --git a/lib/rules/require-direct-export.js b/lib/rules/require-direct-export.js
index bc8f26a25..1c91bd4a3 100644
--- a/lib/rules/require-direct-export.js
+++ b/lib/rules/require-direct-export.js
@@ -14,7 +14,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-direct-export.html'
     },
-    fixable: null, // or "code" or "whitespace"
+    fixable: null,
     schema: [
       {
         type: 'object',
@@ -23,7 +23,11 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      expectedDirectExport:
+        'Expected the component literal to be directly exported.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -96,7 +100,7 @@ module.exports = {
 
         context.report({
           node: node.parent,
-          message: `Expected the component literal to be directly exported.`
+          messageId: 'expectedDirectExport'
         })
       },
       ...(disallowFunctional
@@ -133,7 +137,7 @@ module.exports = {
               if (!maybeVue3Functional.hasReturnArgument) {
                 context.report({
                   node,
-                  message: `Expected the component literal to be directly exported.`
+                  messageId: 'expectedDirectExport'
                 })
               }
             }
diff --git a/lib/rules/require-emit-validator.js b/lib/rules/require-emit-validator.js
index 8b478be9d..6e403feef 100644
--- a/lib/rules/require-emit-validator.js
+++ b/lib/rules/require-emit-validator.js
@@ -12,7 +12,6 @@ const utils = require('../utils')
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require type definitions in emits',
@@ -20,13 +19,14 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-emit-validator.html'
     },
     fixable: null,
+    hasSuggestions: true,
+    schema: [],
     messages: {
       missing: 'Emit "{{name}}" should define at least its validator function.',
       skipped:
         'Emit "{{name}}" should not skip validation, or you may define a validator function with no parameters.',
       emptyValidation: 'Replace with a validator function with no parameters.'
-    },
-    schema: []
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 267f4e610..8b9645f51 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -73,7 +73,6 @@ function getNameParamNode(node) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require `emits` option with name triggered by `$emit()`',
@@ -81,6 +80,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-explicit-emits.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index 5dca62ad9..c7e4e1126 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -55,7 +55,6 @@ function getCalleeMemberNode(node) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require declare public properties using `expose`',
@@ -63,6 +62,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-expose.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [],
     messages: {
       requireExpose:
diff --git a/lib/rules/require-macro-variable-name.js b/lib/rules/require-macro-variable-name.js
index e52c1196c..f48df6bba 100644
--- a/lib/rules/require-macro-variable-name.js
+++ b/lib/rules/require-macro-variable-name.js
@@ -16,7 +16,6 @@ const DEFAULT_OPTIONS = {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'require a certain macro variable name',
@@ -24,6 +23,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-macro-variable-name.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
diff --git a/lib/rules/require-name-property.js b/lib/rules/require-name-property.js
index 62eb0cfd5..cc2d3db8d 100644
--- a/lib/rules/require-name-property.js
+++ b/lib/rules/require-name-property.js
@@ -51,7 +51,11 @@ module.exports = {
     },
     fixable: null,
     hasSuggestions: true,
-    schema: []
+    schema: [],
+    messages: {
+      missingName: 'Required name property is not set.',
+      addName: 'Add name property to component.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -70,10 +74,10 @@ module.exports = {
 
       context.report({
         node: component,
-        message: 'Required name property is not set.',
+        messageId: 'missingName',
         suggest: [
           {
-            desc: 'Add name property to component.',
+            messageId: 'addName',
             fix(fixer) {
               const extension = path.extname(context.getFilename())
               const filename = path.basename(context.getFilename(), extension)
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index 45354a1d1..c23ba8080 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -11,8 +11,6 @@ const { isDef } = require('../utils')
  * @typedef {import('../utils').ComponentProp} ComponentProp
  */
 
-const message = 'The "{{name}}" property should be a constructor.'
-
 const forbiddenTypes = new Set([
   'Literal',
   'TemplateLiteral',
@@ -38,8 +36,11 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-prop-type-constructor.html'
     },
-    fixable: 'code', // or "code" or "whitespace"
-    schema: []
+    fixable: 'code',
+    schema: [],
+    messages: {
+      propTypeConstructor: 'The "{{name}}" property should be a constructor.'
+    }
   },
 
   /** @param {RuleContext} context */
@@ -58,7 +59,7 @@ module.exports = {
 
         context.report({
           node: prop,
-          message,
+          messageId: 'propTypeConstructor',
           data: {
             name: propName
           },
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index f603fd184..326095e93 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -18,10 +18,11 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-prop-types.html'
     },
-    fixable: null, // or "code" or "whitespace"
-    schema: [
-      // fill in your schema
-    ]
+    fixable: null,
+    schema: [],
+    messages: {
+      requireType: 'Prop "{{name}}" should define at least its type.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -84,7 +85,7 @@ module.exports = {
           'Unknown prop'
         context.report({
           node,
-          message: 'Prop "{{name}}" should define at least its type.',
+          messageId: 'requireType',
           data: {
             name
           }
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 0b427ae1d..1487bfc3c 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -14,8 +14,11 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/require-render-return.html'
     },
-    fixable: null, // or "code" or "whitespace"
-    schema: []
+    fixable: null,
+    schema: [],
+    messages: {
+      expectedReturn: 'Expected to return a value in render function.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,7 +36,7 @@ module.exports = {
         if (key) {
           context.report({
             node: key,
-            message: 'Expected to return a value in render function.'
+            messageId: 'expectedReturn'
           })
         }
       })
diff --git a/lib/rules/require-typed-object-prop.js b/lib/rules/require-typed-object-prop.js
index dda7b8346..ee88a0f35 100644
--- a/lib/rules/require-typed-object-prop.js
+++ b/lib/rules/require-typed-object-prop.js
@@ -120,9 +120,8 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-typed-object-prop.html'
     },
     fixable: null,
-    schema: [],
-    // eslint-disable-next-line eslint-plugin/require-meta-has-suggestions -- `context.report` with suggestion is not recognized in `checkPropIdentifierType`
     hasSuggestions: true,
+    schema: [],
     messages: {
       expectedTypeAnnotation: 'Expected type annotation on object prop.',
       addTypeAnnotation: 'Add `{{ type }}` type annotation.'
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 678c02947..4ae12b040 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -31,11 +31,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-typed-ref.html'
     },
     fixable: null,
+    schema: [],
     messages: {
       noType:
         'Specify type parameter for `{{name}}` function, otherwise created variable will not be typechecked.'
-    },
-    schema: []
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index 1fb7f7a5b..e4b1f2e43 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -16,7 +16,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-v-for-key.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      requireKey:
+        "Elements in iteration expect to have 'v-bind:key' directives."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -38,8 +42,7 @@ module.exports = {
         context.report({
           node: element.startTag,
           loc: element.startTag.loc,
-          message:
-            "Elements in iteration expect to have 'v-bind:key' directives."
+          messageId: 'requireKey'
         })
       }
     }
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 9535f51d6..24b911b2b 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -79,7 +79,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-valid-default-prop.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      invalidType:
+        "Type of the default value for '{{name}}' prop must be a {{types}}."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -237,8 +241,7 @@ module.exports = {
           : `[${context.getSourceCode().getText(prop.node.key)}]`
       context.report({
         node,
-        message:
-          "Type of the default value for '{{name}}' prop must be a {{types}}.",
+        messageId: 'invalidType',
         data: {
           name: propName,
           types: [...expectedTypeNames].join(' or ').toLowerCase()
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 87cce8b6f..41860eba8 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -19,7 +19,7 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-computed-property.html'
     },
-    fixable: null, // or "code" or "whitespace"
+    fixable: null,
     schema: [
       {
         type: 'object',
@@ -30,7 +30,13 @@ module.exports = {
         },
         additionalProperties: false
       }
-    ]
+    ],
+    messages: {
+      expectedReturnInFunction:
+        'Expected to return a value in computed function.',
+      expectedReturnInProperty:
+        'Expected to return a value in "{{name}}" computed property.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -83,8 +89,7 @@ module.exports = {
             if (cp.value && cp.value.parent === node) {
               context.report({
                 node,
-                message:
-                  'Expected to return a value in "{{name}}" computed property.',
+                messageId: 'expectedReturnInProperty',
                 data: {
                   name: cp.key || 'Unknown'
                 }
@@ -95,7 +100,7 @@ module.exports = {
             if (cf === node) {
               context.report({
                 node,
-                message: 'Expected to return a value in computed function.'
+                messageId: 'expectedReturnInFunction'
               })
             }
           }
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 86db20ac9..141aec23c 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -40,8 +40,14 @@ module.exports = {
       categories: ['vue3-essential', 'essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-emits-validator.html'
     },
-    fixable: null, // or "code" or "whitespace"
-    schema: []
+    fixable: null,
+    schema: [],
+    messages: {
+      expectedTrue:
+        'Expected to return a true value in "{{name}}" emits validator.',
+      expectedBoolean:
+        'Expected to return a boolean value in "{{name}}" emits validator.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -127,9 +133,9 @@ module.exports = {
             if (emits) {
               context.report({
                 node,
-                message: scopeStack.hasReturnValue
-                  ? 'Expected to return a true value in "{{name}}" emits validator.'
-                  : 'Expected to return a boolean value in "{{name}}" emits validator.',
+                messageId: scopeStack.hasReturnValue
+                  ? 'expectedTrue'
+                  : 'expectedBoolean',
                 data: {
                   name: emits.emitName || 'Unknown'
                 }
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index 2a81cddd3..d5fdf541f 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -7,6 +7,7 @@
 const indentCommon = require('../utils/indent-common')
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/prefer-message-ids
   meta: {
     type: 'layout',
     docs: {
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 6af828177..05ccc9653 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -19,6 +19,7 @@ function camelize(str) {
 }
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/prefer-message-ids
   meta: {
     type: 'problem',
     docs: {
@@ -27,8 +28,8 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/script-setup-uses-vars.html'
     },
-    deprecated: true,
-    schema: []
+    schema: [],
+    deprecated: true
   },
   /**
    * @param {RuleContext} context - The rule context.
diff --git a/lib/rules/static-class-names-order.js b/lib/rules/static-class-names-order.js
index e0ff3ed25..741f6802d 100644
--- a/lib/rules/static-class-names-order.js
+++ b/lib/rules/static-class-names-order.js
@@ -15,7 +15,10 @@ module.exports = {
       categories: undefined
     },
     fixable: 'code',
-    schema: []
+    schema: [],
+    messages: {
+      shouldBeOrdered: 'Classes should be ordered alphabetically.'
+    }
   },
   /** @param {RuleContext} context */
   create: (context) =>
@@ -44,7 +47,7 @@ module.exports = {
           context.report({
             node,
             loc: node.loc,
-            message: 'Classes should be ordered alphabetically.',
+            messageId: 'shouldBeOrdered',
             fix: (fixer) => fixer.replaceText(value, `"${classListSorted}"`)
           })
         }
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 381871c42..d93f07f78 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -20,7 +20,11 @@ module.exports = {
       {
         enum: ['always', 'never']
       }
-    ]
+    ],
+    messages: {
+      unexpected: "Unexpected usage of 'this'.",
+      expected: "Expected 'this'."
+    }
   },
 
   /**
@@ -87,7 +91,7 @@ module.exports = {
                   // node.parent should be some code like `this.test`, `this?.['result']`
                   return fixer.replaceText(node.parent, propertyName)
                 },
-                message: "Unexpected usage of 'this'."
+                messageId: 'unexpected'
               })
             }
           }
@@ -112,7 +116,7 @@ module.exports = {
                     context.report({
                       node: reference.id,
                       loc: reference.id.loc,
-                      message: "Expected 'this'.",
+                      messageId: 'expected',
                       fix(fixer) {
                         return fixer.insertTextBefore(reference.id, 'this.')
                       }
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index 89ac9bf74..5aaa17131 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -168,7 +168,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/use-v-on-exact.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      considerExact: "Consider to use '.exact' modifier."
+    }
   },
 
   /**
@@ -209,7 +212,7 @@ module.exports = {
             context.report({
               node: e.node,
               loc: e.node.loc,
-              message: "Consider to use '.exact' modifier."
+              messageId: 'considerExact'
             })
           }
         }
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 3c60b5956..18911cfc3 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -16,7 +16,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-bind-style.html'
     },
     fixable: 'code',
-    schema: [{ enum: ['shorthand', 'longform'] }]
+    schema: [{ enum: ['shorthand', 'longform'] }],
+    messages: {
+      expectedLonghand: "Expected 'v-bind' before ':'.",
+      unexpectedLonghand: "Unexpected 'v-bind' before ':'.",
+      expectedLonghandForProp: "Expected 'v-bind:' instead of '.'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -33,17 +38,17 @@ module.exports = {
           return
         }
 
-        let message = "Expected 'v-bind' before ':'."
+        let messageId = 'expectedLonghand'
         if (preferShorthand) {
-          message = "Unexpected 'v-bind' before ':'."
+          messageId = 'unexpectedLonghand'
         } else if (shorthandProp) {
-          message = "Expected 'v-bind:' instead of '.'."
+          messageId = 'expectedLonghandForProp'
         }
 
         context.report({
           node,
           loc: node.loc,
-          message,
+          messageId,
           *fix(fixer) {
             if (preferShorthand) {
               yield fixer.remove(node.key.name)
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index f4f262100..c0e3df654 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -18,7 +18,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-for-delimiter-style.html'
     },
     fixable: 'code',
-    schema: [{ enum: ['in', 'of'] }]
+    schema: [{ enum: ['in', 'of'] }],
+    messages: {
+      expected:
+        "Expected '{{preferredDelimiter}}' instead of '{{usedDelimiter}}' in 'v-for'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -48,7 +52,7 @@ module.exports = {
         context.report({
           node,
           loc: node.loc,
-          message: `Expected '{{preferredDelimiter}}' instead of '{{usedDelimiter}}' in 'v-for'.`,
+          messageId: 'expected',
           data: {
             preferredDelimiter,
             usedDelimiter: delimiterToken.value
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index 7060ab620..5a3e023f9 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -5,6 +5,7 @@ const casing = require('../utils/casing')
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description:
         'enforce v-on event naming style on custom components in template',
@@ -36,7 +37,12 @@ module.exports = {
         additionalProperties: false
       }
     ],
-    type: 'suggestion'
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      mustBeHyphenated: "v-on event '{{text}}' must be hyphenated.",
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      cannotBeHyphenated: "v-on event '{{text}}' can't be hyphenated."
+    }
   },
 
   /** @param {RuleContext} context */
@@ -64,9 +70,7 @@ module.exports = {
       context.report({
         node: node.key,
         loc: node.loc,
-        message: useHyphenated
-          ? "v-on event '{{text}}' must be hyphenated."
-          : "v-on event '{{text}}' can't be hyphenated.",
+        messageId: useHyphenated ? 'mustBeHyphenated' : 'cannotBeHyphenated',
         data: {
           text
         },
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index e2409794b..ba91b92b3 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -83,6 +83,11 @@ module.exports = {
         additionalProperties: false
       }
     ],
+    messages: {
+      always: "Method calls inside of 'v-on' directives must have parentheses.",
+      never:
+        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
+    },
     deprecated: true,
     replacedBy: ['v-on-handler-style']
   },
@@ -98,8 +103,7 @@ module.exports = {
         ) {
           context.report({
             node,
-            message:
-              "Method calls inside of 'v-on' directives must have parentheses."
+            messageId: 'always'
           })
         }
       })
@@ -153,8 +157,7 @@ module.exports = {
 
           context.report({
             node: expression,
-            message:
-              "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
+            messageId: 'never',
             fix: hasComment
               ? null /* The comment is included and cannot be fixed. */
               : (fixer) => {
diff --git a/lib/rules/v-on-style.js b/lib/rules/v-on-style.js
index 6fdf48db5..b2ff507f6 100644
--- a/lib/rules/v-on-style.js
+++ b/lib/rules/v-on-style.js
@@ -16,7 +16,11 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-on-style.html'
     },
     fixable: 'code',
-    schema: [{ enum: ['shorthand', 'longform'] }]
+    schema: [{ enum: ['shorthand', 'longform'] }],
+    messages: {
+      expectedShorthand: "Expected '@' instead of 'v-on:'.",
+      expectedLonghand: "Expected 'v-on:' instead of '@'."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -36,9 +40,7 @@ module.exports = {
         context.report({
           node,
           loc: node.loc,
-          message: preferShorthand
-            ? "Expected '@' instead of 'v-on:'."
-            : "Expected 'v-on:' instead of '@'.",
+          messageId: preferShorthand ? 'expectedShorthand' : 'expectedLonghand',
           fix: (fixer) =>
             preferShorthand
               ? fixer.replaceTextRange([pos, pos + 5], '@')
diff --git a/lib/rules/valid-model-definition.js b/lib/rules/valid-model-definition.js
index 7eb9d7949..c1ba6918d 100644
--- a/lib/rules/valid-model-definition.js
+++ b/lib/rules/valid-model-definition.js
@@ -17,7 +17,10 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-model-definition.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      invalidKey: "Invalid key '{{name}}' in model option."
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -38,7 +41,7 @@ module.exports = {
         if (!VALID_MODEL_KEYS.has(name)) {
           context.report({
             node: p,
-            message: "Invalid key '{{name}}' in model option.",
+            messageId: 'invalidKey',
             data: {
               name
             }
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index f2743a827..f9743fc1d 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -110,7 +110,6 @@ function isAwaitedPromise(callExpression) {
 
 module.exports = {
   meta: {
-    hasSuggestions: true,
     type: 'problem',
     docs: {
       description: 'enforce valid `nextTick` function calls',
@@ -118,7 +117,17 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-next-tick.html'
     },
     fixable: 'code',
-    schema: []
+    hasSuggestions: true,
+    schema: [],
+    messages: {
+      shouldBeFunction: '`nextTick` is a function.',
+      missingCallbackOrAwait:
+        'Await the Promise returned by `nextTick` or pass a callback function.',
+      addAwait: 'Add missing `await` statement.',
+      tooManyParameters: '`nextTick` expects zero or one parameters.',
+      eitherAwaitOrCallback:
+        'Either await the Promise or pass a callback function to `nextTick`.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -156,7 +165,7 @@ module.exports = {
         if (parentNode.type !== 'CallExpression') {
           context.report({
             node,
-            message: '`nextTick` is a function.',
+            messageId: 'shouldBeFunction',
             fix(fixer) {
               return fixer.insertTextAfter(node, '()')
             }
@@ -168,11 +177,10 @@ module.exports = {
           if (!isAwaitedPromise(parentNode)) {
             context.report({
               node,
-              message:
-                'Await the Promise returned by `nextTick` or pass a callback function.',
+              messageId: 'missingCallbackOrAwait',
               suggest: [
                 {
-                  desc: 'Add missing `await` statement.',
+                  messageId: 'addAwait',
                   fix(fixer) {
                     return fixer.insertTextBefore(parentNode, 'await ')
                   }
@@ -186,7 +194,7 @@ module.exports = {
         if (parentNode.arguments.length > 1) {
           context.report({
             node,
-            message: '`nextTick` expects zero or one parameters.'
+            messageId: 'tooManyParameters'
           })
           return
         }
@@ -194,8 +202,7 @@ module.exports = {
         if (isAwaitedPromise(parentNode)) {
           context.report({
             node,
-            message:
-              'Either await the Promise or pass a callback function to `nextTick`.'
+            messageId: 'eitherAwaitOrCallback'
           })
         }
       }
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index a2038f6ee..214a5bfc5 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -16,7 +16,12 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-template-root.html'
     },
     fixable: null,
-    schema: []
+    schema: [],
+    messages: {
+      emptySrc:
+        "The template root with 'src' attribute is required to be empty.",
+      noChild: 'The template requires child element.'
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
@@ -44,15 +49,14 @@ module.exports = {
             context.report({
               node: element,
               loc: element.loc,
-              message:
-                "The template root with 'src' attribute is required to be empty."
+              messageId: 'emptySrc'
             })
           }
         } else if (rootElements.length === 0 && !hasSrc) {
           context.report({
             node: element,
             loc: element.loc,
-            message: 'The template requires child element.'
+            messageId: 'noChild'
           })
         }
       }
diff --git a/package.json b/package.json
index 75e3ebb78..f638f6bd7 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "esbuild": "^0.15.15",
     "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-eslint-plugin": "^3.5.3",
+    "eslint-plugin-eslint-plugin": "~5.1.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsonc": "^2.2.1",
     "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
diff --git a/tests/lib/rules/array-bracket-newline.js b/tests/lib/rules/array-bracket-newline.js
index 06e1890ca..0144f45ee 100644
--- a/tests/lib/rules/array-bracket-newline.js
+++ b/tests/lib/rules/array-bracket-newline.js
@@ -55,20 +55,20 @@ tester.run('array-bracket-newline', rule, {
     },
     {
       code: '<template><div :attr="[\na]" /></template>',
-      options: ['never'],
       output: '<template><div :attr="[a]" /></template>',
+      options: ['never'],
       errors: ["There should be no linebreak after '['."]
     },
     {
       code: '<template><div :attr="[a\n]" /></template>',
-      options: ['never'],
       output: '<template><div :attr="[a]" /></template>',
+      options: ['never'],
       errors: ["There should be no linebreak before ']'."]
     },
     {
       code: '<template><div :attr="[\na\n]" /></template>',
-      options: ['never'],
       output: '<template><div :attr="[a]" /></template>',
+      options: ['never'],
       errors: [
         "There should be no linebreak after '['.",
         "There should be no linebreak before ']'."
@@ -76,20 +76,20 @@ tester.run('array-bracket-newline', rule, {
     },
     {
       code: '<template><div :attr="[\na]" /></template>',
-      options: ['always'],
       output: '<template><div :attr="[\na\n]" /></template>',
+      options: ['always'],
       errors: ["A linebreak is required before ']'."]
     },
     {
       code: '<template><div :attr="[a\n]" /></template>',
-      options: ['always'],
       output: '<template><div :attr="[\na\n]" /></template>',
+      options: ['always'],
       errors: ["A linebreak is required after '['."]
     },
     {
       code: '<template><div :attr="[a]" /></template>',
-      options: ['always'],
       output: '<template><div :attr="[\na\n]" /></template>',
+      options: ['always'],
       errors: [
         "A linebreak is required after '['.",
         "A linebreak is required before ']'."
@@ -97,8 +97,8 @@ tester.run('array-bracket-newline', rule, {
     },
     {
       code: '<template><div :[[attr]]="[a]" /></template>',
-      options: ['always'],
       output: '<template><div :[[attr]]="[\na\n]" /></template>',
+      options: ['always'],
       errors: [
         "A linebreak is required after '['.",
         "A linebreak is required before ']'."
diff --git a/tests/lib/rules/array-bracket-spacing.js b/tests/lib/rules/array-bracket-spacing.js
index 8e437d88e..7d490a4bb 100644
--- a/tests/lib/rules/array-bracket-spacing.js
+++ b/tests/lib/rules/array-bracket-spacing.js
@@ -54,20 +54,20 @@ tester.run('array-bracket-spacing', rule, {
     },
     {
       code: '<template><div :attr="[ a]" /></template>',
-      options: ['never'],
       output: '<template><div :attr="[a]" /></template>',
+      options: ['never'],
       errors: ["There should be no space after '['."]
     },
     {
       code: '<template><div :attr="[a ]" /></template>',
-      options: ['never'],
       output: '<template><div :attr="[a]" /></template>',
+      options: ['never'],
       errors: ["There should be no space before ']'."]
     },
     {
       code: '<template><div :attr="[ a ]" /></template>',
-      options: ['never'],
       output: '<template><div :attr="[a]" /></template>',
+      options: ['never'],
       errors: [
         "There should be no space after '['.",
         "There should be no space before ']'."
@@ -75,20 +75,20 @@ tester.run('array-bracket-spacing', rule, {
     },
     {
       code: '<template><div :attr="[ a]" /></template>',
-      options: ['always'],
       output: '<template><div :attr="[ a ]" /></template>',
+      options: ['always'],
       errors: ["A space is required before ']'."]
     },
     {
       code: '<template><div :attr="[a ]" /></template>',
-      options: ['always'],
       output: '<template><div :attr="[ a ]" /></template>',
+      options: ['always'],
       errors: ["A space is required after '['."]
     },
     {
       code: '<template><div :attr="[a]" /></template>',
-      options: ['always'],
       output: '<template><div :attr="[ a ]" /></template>',
+      options: ['always'],
       errors: [
         "A space is required after '['.",
         "A space is required before ']'."
@@ -96,8 +96,8 @@ tester.run('array-bracket-spacing', rule, {
     },
     {
       code: '<template><div :[[attr]]="[a]" /></template>',
-      options: ['always'],
       output: '<template><div :[[attr]]="[ a ]" /></template>',
+      options: ['always'],
       errors: [
         "A space is required after '['.",
         "A space is required before ']'."
diff --git a/tests/lib/rules/arrow-spacing.js b/tests/lib/rules/arrow-spacing.js
index 7d64f88f1..c0452ad1d 100644
--- a/tests/lib/rules/arrow-spacing.js
+++ b/tests/lib/rules/arrow-spacing.js
@@ -105,11 +105,11 @@ tester.run('arrow-spacing', rule, {
         <template>
           <div :attr="() => a" />
         </template>`,
-      options: [{ before: false, after: false }],
       output: `
         <template>
           <div :attr="()=>a" />
         </template>`,
+      options: [{ before: false, after: false }],
       errors: [
         {
           message: 'Unexpected space before =>.',
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 9abb3a266..33eefb026 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -716,6 +716,8 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code: '<template><div ref="header" propone="prop" is="header" ></div></template>',
+      output:
+        '<template><div ref="header" is="header" propone="prop" ></div></template>',
       options: [
         {
           order: [
@@ -733,8 +735,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      output:
-        '<template><div ref="header" is="header" propone="prop" ></div></template>',
       errors: [
         {
           message: 'Attribute "is" should go before "propone".',
@@ -837,6 +837,21 @@ tester.run('attributes-order', rule, {
               >
             </div>
           </template>`,
+      output: `<template>
+            <div
+              v-if="!visible"
+              v-for="item in items"
+              is="header"
+              v-once
+              v-on:click="functionCall"
+              ref="header"
+              :prop="headerData"
+              id="uniqueID"
+              v-text="textContent"
+              myProp="prop"
+              >
+            </div>
+          </template>`,
       options: [
         {
           order: [
@@ -854,21 +869,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      output: `<template>
-            <div
-              v-if="!visible"
-              v-for="item in items"
-              is="header"
-              v-once
-              v-on:click="functionCall"
-              ref="header"
-              :prop="headerData"
-              id="uniqueID"
-              v-text="textContent"
-              myProp="prop"
-              >
-            </div>
-          </template>`,
       errors: [
         {
           message: 'Attribute "is" should go before "v-once".',
@@ -902,6 +902,15 @@ tester.run('attributes-order', rule, {
               >
             </div>
           </template>`,
+      output: `<template>
+            <div
+              v-if="!visible"
+              class="content"
+              v-model="foo"
+              v-text="textContent"
+              >
+            </div>
+          </template>`,
       options: [
         {
           order: [
@@ -917,15 +926,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      output: `<template>
-            <div
-              v-if="!visible"
-              class="content"
-              v-model="foo"
-              v-text="textContent"
-              >
-            </div>
-          </template>`,
       errors: [
         {
           message: 'Attribute "v-if" should go before "class".',
@@ -965,13 +965,13 @@ tester.run('attributes-order', rule, {
             a-prop="A">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             a-prop="A"
             z-prop="Z">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "a-prop" should go before "z-prop".',
@@ -987,13 +987,13 @@ tester.run('attributes-order', rule, {
             :a-prop="A">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             :a-prop="A"
             :z-prop="Z">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute ":a-prop" should go before ":z-prop".',
@@ -1009,13 +1009,13 @@ tester.run('attributes-order', rule, {
             @change="foo">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             @change="foo"
             @input="bar">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "@change" should go before "@input".',
@@ -1031,13 +1031,13 @@ tester.run('attributes-order', rule, {
             boolean-prop>
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             boolean-prop
             z-prop="value">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "boolean-prop" should go before "z-prop".',
@@ -1053,13 +1053,13 @@ tester.run('attributes-order', rule, {
             v-on:[c]="functionCall">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             v-on:[c]="functionCall"
             v-on:click="functionCall">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "v-on:[c]" should go before "v-on:click".',
@@ -1075,13 +1075,13 @@ tester.run('attributes-order', rule, {
             v-on:click="functionCall">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             v-on:click="functionCall"
             v-text="textContent">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "v-on:click" should go before "v-text".',
@@ -1097,13 +1097,13 @@ tester.run('attributes-order', rule, {
             class="bar">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             class="bar"
             :class="foo">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "class" should go before ":class".'
@@ -1118,13 +1118,13 @@ tester.run('attributes-order', rule, {
             v-if="bar">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             v-if="bar"
             v-show="foo">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "v-if" should go before "v-show".'
@@ -1139,13 +1139,13 @@ tester.run('attributes-order', rule, {
             v-bar="bar">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             v-bar="bar"
             v-foo="foo">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "v-bar" should go before "v-foo".'
@@ -1160,13 +1160,13 @@ tester.run('attributes-order', rule, {
             v-foo.a="a">
           </div>
         </template>`,
-      options: [{ alphabetical: true }],
       output: `<template>
           <div
             v-foo.a="a"
             v-foo.b="b">
           </div>
         </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         {
           message: 'Attribute "v-foo.a" should go before "v-foo.b".'
@@ -1256,7 +1256,6 @@ tester.run('attributes-order', rule, {
           v-bind="b">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1265,6 +1264,7 @@ tester.run('attributes-order', rule, {
           v-bind="b">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: ['Attribute "v-bind:id" should go before "v-on:click".']
     },
     {
@@ -1277,7 +1277,6 @@ tester.run('attributes-order', rule, {
           v-bind="b">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1286,6 +1285,7 @@ tester.run('attributes-order', rule, {
           v-on:click="x">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: ['Attribute "v-bind" should go before "v-on:click".']
     },
     {
@@ -1298,7 +1298,6 @@ tester.run('attributes-order', rule, {
           v-bind:id="a">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1307,6 +1306,7 @@ tester.run('attributes-order', rule, {
           v-on:click="x">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: ['Attribute "v-bind:id" should go before "v-on:click".']
     },
     {
@@ -1320,7 +1320,6 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1330,6 +1329,7 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         'Attribute "v-bind:a" should go before "v-on:click".',
         'Attribute "v-if" should go before "v-on:click".'
@@ -1346,7 +1346,6 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1356,6 +1355,7 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         'Attribute "v-bind" should go before "v-on:click".',
         'Attribute "v-if" should go before "v-on:click".'
@@ -1371,7 +1371,6 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1380,6 +1379,7 @@ tester.run('attributes-order', rule, {
           v-bind="x">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: ['Attribute "v-if" should go before "a".']
     },
     {
@@ -1392,7 +1392,6 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
-      options: [{ alphabetical: true }],
       output: `
       <template>
         <div
@@ -1401,6 +1400,7 @@ tester.run('attributes-order', rule, {
           v-if="x">
         </div>
       </template>`,
+      options: [{ alphabetical: true }],
       errors: [
         'Attribute "v-bind" should go before "v-on:click".',
         'Attribute "v-if" should go before "v-on:click".'
@@ -1462,7 +1462,6 @@ tester.run('attributes-order', rule, {
           v-for="a in items">
         </div>
       </template>`,
-      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
       output: `
       <template>
         <div
@@ -1471,6 +1470,7 @@ tester.run('attributes-order', rule, {
           attr="a">
         </div>
       </template>`,
+      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
       errors: ['Attribute "v-for" should go before "v-if".']
     },
     {
@@ -1483,7 +1483,6 @@ tester.run('attributes-order', rule, {
           v-for="a in items">
         </div>
       </template>`,
-      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
       output: `
       <template>
         <div
@@ -1492,12 +1491,16 @@ tester.run('attributes-order', rule, {
           v-if="a">
         </div>
       </template>`,
+      options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
       errors: ['Attribute "v-for" should go before "v-if".']
     },
 
     // slot
     {
       filename: 'test.vue',
+      code: '<template><div ref="foo" v-slot="{ qux }" bar="baz"></div></template>',
+      output:
+        '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
       options: [
         {
           order: [
@@ -1516,9 +1519,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      code: '<template><div ref="foo" v-slot="{ qux }" bar="baz"></div></template>',
-      output:
-        '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
       errors: [
         {
           message: 'Attribute "bar" should go before "v-slot".'
@@ -1528,6 +1528,9 @@ tester.run('attributes-order', rule, {
 
     {
       filename: 'test.vue',
+      code: '<template><div bar="baz" ref="foo" v-slot="{ qux }"></div></template>',
+      output:
+        '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
       options: [
         {
           order: [
@@ -1546,9 +1549,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      code: '<template><div bar="baz" ref="foo" v-slot="{ qux }"></div></template>',
-      output:
-        '<template><div ref="foo" bar="baz" v-slot="{ qux }"></div></template>',
       errors: [
         {
           message: 'Attribute "ref" should go before "bar".'
@@ -1630,7 +1630,6 @@ tester.run('attributes-order', rule, {
           v-bind="object"
           @input="handleInput"/>
       </template>`,
-      options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
       output: `
       <template>
         <div
@@ -1639,6 +1638,7 @@ tester.run('attributes-order', rule, {
           @input="handleInput"
           v-bind="object"/>
       </template>`,
+      options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
       errors: ['Attribute "@input" should go before "v-bind".']
     },
 
@@ -1651,7 +1651,6 @@ tester.run('attributes-order', rule, {
           @click="handleClick"
           attr="foo"/>
       </template>`,
-      options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
       output: `
       <template>
         <div
@@ -1659,6 +1658,7 @@ tester.run('attributes-order', rule, {
           v-bind="object"
           attr="foo"/>
       </template>`,
+      options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
       errors: ['Attribute "@click" should go before "v-bind".']
     },
 
@@ -1671,7 +1671,6 @@ tester.run('attributes-order', rule, {
           prop-two="b"
           :prop-three="c"/>
       </template>`,
-      options: [{ order: ['ATTR_STATIC', 'ATTR_DYNAMIC'] }],
       output: `
       <template>
         <div
@@ -1679,6 +1678,7 @@ tester.run('attributes-order', rule, {
           v-bind:prop-one="a"
           :prop-three="c"/>
       </template>`,
+      options: [{ order: ['ATTR_STATIC', 'ATTR_DYNAMIC'] }],
       errors: ['Attribute "prop-two" should go before "v-bind:prop-one".']
     },
 
@@ -1694,6 +1694,16 @@ tester.run('attributes-order', rule, {
           class="class"
           boolean-prop/>
       </template>`,
+      output: `
+      <template>
+        <div
+          v-model="value"
+          :prop-one="a"
+          :prop-three="c"
+          prop-two="b"
+          class="class"
+          boolean-prop/>
+      </template>`,
       options: [
         {
           order: [
@@ -1709,16 +1719,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      output: `
-      <template>
-        <div
-          v-model="value"
-          :prop-one="a"
-          :prop-three="c"
-          prop-two="b"
-          class="class"
-          boolean-prop/>
-      </template>`,
       errors: [
         'Attribute "v-model" should go before ":prop-one".',
         'Attribute ":prop-three" should go before "prop-two".'
@@ -1736,6 +1736,15 @@ tester.run('attributes-order', rule, {
           prop-two="b"
           :prop-three="c"/>
       </template>`,
+      output: `
+      <template>
+        <div
+          v-model="value"
+          :prop-one="a"
+          boolean-prop
+          prop-two="b"
+          :prop-three="c"/>
+      </template>`,
       options: [
         {
           order: [
@@ -1754,15 +1763,6 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      output: `
-      <template>
-        <div
-          v-model="value"
-          :prop-one="a"
-          boolean-prop
-          prop-two="b"
-          :prop-three="c"/>
-      </template>`,
       errors: ['Attribute "v-model" should go before ":prop-one".']
     }
   ]
diff --git a/tests/lib/rules/block-lang.js b/tests/lib/rules/block-lang.js
index 235ea7783..6799e5e16 100644
--- a/tests/lib/rules/block-lang.js
+++ b/tests/lib/rules/block-lang.js
@@ -27,11 +27,11 @@ tester.run('block-lang', rule, {
       code: '<i18n></i18n><i18n lang="json"></i18n>',
       options: [{ i18n: { lang: 'json', allowNoLang: true } }]
     },
-    {
-      code: `<template></template>
+    `
+      <template></template>
       <script></script>
-      <style></style>`
-    }
+      <style></style>
+    `
   ],
   invalid: [
     {
diff --git a/tests/lib/rules/block-spacing.js b/tests/lib/rules/block-spacing.js
index c06d54ec9..5fc7d069d 100644
--- a/tests/lib/rules/block-spacing.js
+++ b/tests/lib/rules/block-spacing.js
@@ -86,11 +86,11 @@ tester.run('block-spacing', rule, {
         <template>
           <div :attr="function foo() { return true; }" />
         </template>`,
-      options: ['never'],
       output: `
         <template>
           <div :attr="function foo() {return true;}" />
         </template>`,
+      options: ['never'],
       errors: [
         {
           messageId: 'extra',
diff --git a/tests/lib/rules/comma-dangle.js b/tests/lib/rules/comma-dangle.js
index bbfdbfe01..0c32e8a42 100644
--- a/tests/lib/rules/comma-dangle.js
+++ b/tests/lib/rules/comma-dangle.js
@@ -38,12 +38,11 @@ tester.run('comma-dangle', rule, {
         }
       ]
     },
-    {
-      code: `
+    `
       <template>
         <button :[[a,b][1]]="a" ></button>
-      </template>`
-    },
+      </template>
+    `,
     {
       code: `
       <template>
@@ -74,15 +73,15 @@ tester.run('comma-dangle', rule, {
         <template>
           <CustomButton @click="($event, ) => fn()" />
         </template>`,
+      output: `
+        <template>
+          <CustomButton @click="($event ) => fn()" />
+        </template>`,
       options: [
         {
           functions: 'never'
         }
       ],
-      output: `
-        <template>
-          <CustomButton @click="($event ) => fn()" />
-        </template>`,
       errors: [
         {
           message: 'Unexpected trailing comma.',
@@ -101,7 +100,6 @@ tester.run('comma-dangle', rule, {
             ])
           }"></button>
         </template>`,
-      options: ['always-multiline'],
       output: `
         <template>
           <button @click="() => {
@@ -112,6 +110,7 @@ tester.run('comma-dangle', rule, {
             ])
           }"></button>
         </template>`,
+      options: ['always-multiline'],
       errors: [
         {
           message: 'Unexpected trailing comma.',
diff --git a/tests/lib/rules/comma-spacing.js b/tests/lib/rules/comma-spacing.js
index 68b70b324..217fd6b53 100644
--- a/tests/lib/rules/comma-spacing.js
+++ b/tests/lib/rules/comma-spacing.js
@@ -268,13 +268,13 @@ tester.run('comma-spacing', rule, {
             fn(a, b)
           "/>
         </template>`,
-      options: [{ before: true, after: false }],
       output: `
         <template>
           <button @click="
             fn(a ,b)
           "/>
         </template>`,
+      options: [{ before: true, after: false }],
       errors: [
         {
           message: "A space is required before ','.",
diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
index f02c3e6d9..fc4f7dcd2 100644
--- a/tests/lib/rules/comma-style.js
+++ b/tests/lib/rules/comma-style.js
@@ -35,14 +35,13 @@ tester.run('comma-style', rule, {
         </template>`,
       options: ['first', { exceptions: { ArrowFunctionExpression: false } }]
     },
-    {
-      code: `
-        <template>
-          <CustomButton v-slot="a,
-            b
-            ,c" />
-        </template>`
-    },
+    `
+      <template>
+        <CustomButton v-slot="a,
+          b
+          ,c" />
+      </template>
+    `,
     {
       code: `
         <template>
@@ -82,12 +81,12 @@ tester.run('comma-style', rule, {
           <CustomButton @click="($event
             , data) => fn()" />
         </template>`,
-      options: ['last', { exceptions: { ArrowFunctionExpression: false } }],
       output: `
         <template>
           <CustomButton @click="($event,
              data) => fn()" />
         </template>`,
+      options: ['last', { exceptions: { ArrowFunctionExpression: false } }],
       errors: [
         {
           message: "',' should be placed last.",
@@ -101,12 +100,12 @@ tester.run('comma-style', rule, {
           <CustomButton @click="($event,
             data) => fn()" />
         </template>`,
-      options: ['first', { exceptions: { ArrowFunctionExpression: false } }],
       output: `
         <template>
           <CustomButton @click="($event
             ,data) => fn()" />
         </template>`,
+      options: ['first', { exceptions: { ArrowFunctionExpression: false } }],
       errors: [
         {
           message: "',' should be placed first."
@@ -122,7 +121,6 @@ tester.run('comma-style', rule, {
             <div/>
           </CustomButton>
         </template>`,
-      options: ['first', { exceptions: { FunctionExpression: false } }],
       output: `
         <template>
           <CustomButton v-slot="foo
@@ -130,6 +128,7 @@ tester.run('comma-style', rule, {
             <div/>
           </CustomButton>
         </template>`,
+      options: ['first', { exceptions: { FunctionExpression: false } }],
       errors: [
         {
           message: "',' should be placed first."
@@ -144,13 +143,13 @@ tester.run('comma-style', rule, {
             b
             ,c" />
         </template>`,
-      options: ['last', { exceptions: { FunctionExpression: false } }],
       output: `
         <template>
           <CustomButton v-slot="a,
             b,
             c" />
         </template>`,
+      options: ['last', { exceptions: { FunctionExpression: false } }],
       errors: [
         {
           message: "',' should be placed last."
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index a33321251..47621d604 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -43,7 +43,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: [['options']],
       code: `
       <script>
       export default {
@@ -56,7 +55,8 @@ tester.run('component-api-style', rule, {
         // ...
       }
       </script>
-      `
+      `,
+      options: [['options']]
     },
     {
       filename: 'test.js',
@@ -76,7 +76,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.js',
-      options: [['options']],
       code: `
       import { defineComponent } from 'vue'
       defineComponent({
@@ -88,21 +87,21 @@ tester.run('component-api-style', rule, {
         },
         // ...
       })
-      `
+      `,
+      options: [['options']]
     },
     {
       filename: 'test.vue',
-      options: [['script-setup']],
       code: `
       <script setup>
       import { ref } from 'vue'
       const msg = ref('Hello World!')
       </script>
-      `
+      `,
+      options: [['script-setup']]
     },
     {
       filename: 'test.js',
-      options: [['script-setup']],
       code: `
       import { ref, defineComponent } from 'vue'
       defineComponent({
@@ -115,11 +114,11 @@ tester.run('component-api-style', rule, {
           }
         }
       })
-      `
+      `,
+      options: [['script-setup']]
     },
     {
       filename: 'test.js',
-      options: [['script-setup']],
       code: `
       import { defineComponent } from 'vue'
       defineComponent({
@@ -131,11 +130,11 @@ tester.run('component-api-style', rule, {
         },
         // ...
       })
-      `
+      `,
+      options: [['script-setup']]
     },
     {
       filename: 'test.vue',
-      options: [['composition']],
       code: `
       <script>
       import { ref } from 'vue'
@@ -150,11 +149,11 @@ tester.run('component-api-style', rule, {
         }
       }
       </script>
-      `
+      `,
+      options: [['composition']]
     },
     {
       filename: 'test.vue',
-      options: [['composition-vue2']],
       code: `
       <script>
       import { ref } from 'vue'
@@ -172,12 +171,12 @@ tester.run('component-api-style', rule, {
         }
       }
       </script>
-      `
+      `,
+      options: [['composition-vue2']]
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1720
       filename: 'test.vue',
-      options: [['composition']],
       code: `
       <template>
         <div id="app">
@@ -201,7 +200,8 @@ tester.run('component-api-style', rule, {
           Navigation,
         },
       })
-      </script>`
+      </script>`,
+      options: [['composition']]
     }
   ],
   invalid: [
@@ -351,7 +351,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: [['script-setup']],
       code: `
       <script>
       export default {
@@ -365,6 +364,7 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `,
+      options: [['script-setup']],
       errors: [
         {
           message:
@@ -392,7 +392,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: [['composition']],
       code: `
       <script>
       export default {
@@ -406,6 +405,7 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `,
+      options: [['composition']],
       errors: [
         {
           message:
@@ -417,7 +417,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: [['composition']],
       code: `
       <script>
       export default {
@@ -452,6 +451,7 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `,
+      options: [['composition']],
       errors: [
         {
           message:
@@ -623,7 +623,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: [['composition-vue2']],
       code: `
       <script>
       export default {
@@ -637,6 +636,7 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `,
+      options: [['composition-vue2']],
       errors: [
         {
           message:
@@ -648,7 +648,6 @@ tester.run('component-api-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: [['composition-vue2']],
       code: `
       <script>
       export default {
@@ -683,6 +682,7 @@ tester.run('component-api-style', rule, {
       }
       </script>
       `,
+      options: [['composition-vue2']],
       errors: [
         {
           message:
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index 2349f5d30..0d8572b29 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -336,8 +336,8 @@ ruleTester.run('component-definition-name-casing', rule, {
       filename: 'test.vue',
       code: `(Vue as VueConstructor<Vue>).component('foo-bar', component)`,
       output: `(Vue as VueConstructor<Vue>).component('FooBar', component)`,
-      parserOptions,
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 7b3f012c8..3aa4ee43d 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -19,6 +19,7 @@ tester.run('component-name-in-template-casing', rule, {
   valid: [
     // default
     {
+      filename: 'test.vue',
       code: `
         <template>
           <!-- ✓ GOOD -->
@@ -33,8 +34,7 @@ tester.run('component-name-in-template-casing', rule, {
           }
         }
         </script>
-      `,
-      filename: 'test.vue'
+      `
     },
 
     // element types test
@@ -126,6 +126,7 @@ tester.run('component-name-in-template-casing', rule, {
     },
     // regexp ignores
     {
+      filename: 'test.vue',
       code: `
         <template>
           <global-button />
@@ -133,7 +134,6 @@ tester.run('component-name-in-template-casing', rule, {
           <global-grid />
         </template>
       `,
-      filename: 'test.vue',
       options: [
         'PascalCase',
         { registeredComponentsOnly: false, ignores: ['/^global/'] }
@@ -151,25 +151,23 @@ tester.run('component-name-in-template-casing', rule, {
     },
 
     // built-in components (behave the same way as other components)
-    {
-      code: `
-        <template>
-          <component />
-          <suspense />
-          <teleport />
-          <client-only />
-          <keep-alive />
-        </template>
-      `
-    },
+    `
+      <template>
+        <component />
+        <suspense />
+        <teleport />
+        <client-only />
+        <keep-alive />
+      </template>
+    `,
 
     {
+      filename: 'test.vue',
       code: `
         <template><div/></template>
         <script setup>const Div = 0</script>
       `,
-      options: ['PascalCase'],
-      filename: 'test.vue'
+      options: ['PascalCase']
     },
 
     // globals
@@ -234,6 +232,7 @@ tester.run('component-name-in-template-casing', rule, {
   ],
   invalid: [
     {
+      filename: 'test.vue',
       code: `
         <template>
           <!-- ✗ BAD -->
@@ -249,7 +248,6 @@ tester.run('component-name-in-template-casing', rule, {
         }
         </script>
       `,
-      filename: 'test.vue',
       output: `
         <template>
           <!-- ✗ BAD -->
@@ -290,6 +288,7 @@ tester.run('component-name-in-template-casing', rule, {
       ]
     },
     {
+      filename: 'test.vue',
       code: `
         <template>
           <!-- ✗ BAD -->
@@ -305,8 +304,6 @@ tester.run('component-name-in-template-casing', rule, {
         }
         </script>
       `,
-      filename: 'test.vue',
-      options: ['kebab-case'],
       output: `
         <template>
           <!-- ✗ BAD -->
@@ -322,6 +319,7 @@ tester.run('component-name-in-template-casing', rule, {
         }
         </script>
       `,
+      options: ['kebab-case'],
       errors: [
         {
           message: 'Component name "CoolComponent" is not kebab-case.',
@@ -338,6 +336,7 @@ tester.run('component-name-in-template-casing', rule, {
       ]
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <svg>
@@ -350,8 +349,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <svg>
@@ -364,9 +361,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component id="id">
@@ -379,8 +378,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent id="id">
@@ -393,9 +390,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component :is="componentName">
@@ -408,8 +407,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent :is="componentName">
@@ -422,9 +419,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component id="id"/>
@@ -435,8 +434,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent id="id"/>
@@ -447,9 +444,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <TheComponent id="id">
@@ -462,8 +461,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['kebab-case'],
       output: `
       <template>
         <the-component id="id">
@@ -476,6 +473,7 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['kebab-case'],
       errors: ['Component name "TheComponent" is not kebab-case.']
     },
     {
@@ -484,15 +482,16 @@ tester.run('component-name-in-template-casing', rule, {
         <TheComponent id="id"/>
       </template>
       `,
-      options: ['kebab-case', { registeredComponentsOnly: false }],
       output: `
       <template>
         <the-component id="id"/>
       </template>
       `,
+      options: ['kebab-case', { registeredComponentsOnly: false }],
       errors: ['Component name "TheComponent" is not kebab-case.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component
@@ -504,8 +503,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent
@@ -517,9 +514,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component/>
@@ -530,8 +529,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent/>
@@ -542,9 +539,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component></the-component>
@@ -555,8 +554,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent>
@@ -567,9 +564,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <theComponent/>
@@ -580,8 +579,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent/>
@@ -592,9 +589,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "theComponent" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <theComponent/>
@@ -605,8 +604,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['kebab-case'],
       output: `
       <template>
         <the-component/>
@@ -617,9 +614,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['kebab-case'],
       errors: ['Component name "theComponent" is not kebab-case.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <The-component/>
@@ -630,8 +629,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent/>
@@ -642,9 +639,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "The-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <The-component/>
@@ -655,8 +654,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['kebab-case'],
       output: `
       <template>
         <the-component/>
@@ -667,6 +664,7 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['kebab-case'],
       errors: ['Component name "The-component" is not kebab-case.']
     },
     {
@@ -675,15 +673,16 @@ tester.run('component-name-in-template-casing', rule, {
         <Thecomponent/>
       </template>
       `,
-      options: ['kebab-case', { registeredComponentsOnly: false }],
       output: `
       <template>
         <thecomponent/>
       </template>
       `,
+      options: ['kebab-case', { registeredComponentsOnly: false }],
       errors: ['Component name "Thecomponent" is not kebab-case.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component></the-component  >
@@ -694,8 +693,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent  >
@@ -706,9 +703,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component></the-component
@@ -720,8 +719,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent
@@ -733,9 +730,11 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
+      filename: 'test.vue',
       code: `
       <template>
         <the-component></the-component end-tag-attr="attr" >
@@ -746,8 +745,6 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
-      filename: 'test.vue',
-      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent end-tag-attr="attr" >
@@ -758,6 +755,7 @@ tester.run('component-name-in-template-casing', rule, {
       }
       </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
 
@@ -886,7 +884,6 @@ tester.run('component-name-in-template-casing', rule, {
           import TheComponent from '@/components/theComponent.vue'
         </script>
       `,
-      options: ['PascalCase'],
       output: `
         <template>
           <TheComponent />
@@ -895,6 +892,7 @@ tester.run('component-name-in-template-casing', rule, {
           import TheComponent from '@/components/theComponent.vue'
         </script>
       `,
+      options: ['PascalCase'],
       errors: ['Component name "the-component" is not PascalCase.']
     },
     {
@@ -906,7 +904,6 @@ tester.run('component-name-in-template-casing', rule, {
           import TheComponent from '@/components/theComponent.vue'
         </script>
       `,
-      options: ['kebab-case'],
       output: `
         <template>
           <the-component />
@@ -915,6 +912,7 @@ tester.run('component-name-in-template-casing', rule, {
           import TheComponent from '@/components/theComponent.vue'
         </script>
       `,
+      options: ['kebab-case'],
       errors: ['Component name "TheComponent" is not kebab-case.']
     },
     {
@@ -923,12 +921,12 @@ tester.run('component-name-in-template-casing', rule, {
           <router-view />
         </template>
       `,
-      options: ['PascalCase', { globals: ['RouterView'] }],
       output: `
         <template>
           <RouterView />
         </template>
       `,
+      options: ['PascalCase', { globals: ['RouterView'] }],
       errors: [
         {
           message: 'Component name "router-view" is not PascalCase.',
@@ -943,12 +941,12 @@ tester.run('component-name-in-template-casing', rule, {
           <RouterView />
         </template>
       `,
-      options: ['kebab-case', { globals: ['RouterView'] }],
       output: `
         <template>
           <router-view />
         </template>
       `,
+      options: ['kebab-case', { globals: ['RouterView'] }],
       errors: [
         {
           message: 'Component name "RouterView" is not kebab-case.',
@@ -963,12 +961,12 @@ tester.run('component-name-in-template-casing', rule, {
           <RouterView />
         </template>
       `,
-      options: ['kebab-case', { globals: ['router-view'] }],
       output: `
         <template>
           <router-view />
         </template>
       `,
+      options: ['kebab-case', { globals: ['router-view'] }],
       errors: [
         {
           message: 'Component name "RouterView" is not kebab-case.',
diff --git a/tests/lib/rules/component-options-name-casing.js b/tests/lib/rules/component-options-name-casing.js
index 504d98b0c..5108df3a4 100644
--- a/tests/lib/rules/component-options-name-casing.js
+++ b/tests/lib/rules/component-options-name-casing.js
@@ -117,6 +117,13 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `,
       errors: [
         {
           messageId: 'caseNotMatched',
@@ -128,14 +135,7 @@ tester.run('component-options-name-casing', rule, {
           column: 13,
           endColumn: 19
         }
-      ],
-      output: `
-        export default {
-          components: {
-            FooBar: fooBar
-          }
-        }
-      `
+      ]
     },
     {
       filename: 'test.vue',
@@ -146,6 +146,13 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: `
+        export default {
+          components: {
+            FooBar: FooBar
+          }
+        }
+      `,
       errors: [
         {
           messageId: 'caseNotMatched',
@@ -157,14 +164,7 @@ tester.run('component-options-name-casing', rule, {
           column: 13,
           endColumn: 19
         }
-      ],
-      output: `
-        export default {
-          components: {
-            FooBar: FooBar
-          }
-        }
-      `
+      ]
     },
     {
       filename: 'test.vue',
@@ -175,6 +175,13 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: `
+        export default {
+          components: {
+            FooBar: fooBar
+          }
+        }
+      `,
       options: ['PascalCase'],
       errors: [
         {
@@ -187,14 +194,7 @@ tester.run('component-options-name-casing', rule, {
           column: 13,
           endColumn: 19
         }
-      ],
-      output: `
-        export default {
-          components: {
-            FooBar: fooBar
-          }
-        }
-      `
+      ]
     },
     {
       filename: 'test.vue',
@@ -205,6 +205,13 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: `
+        export default {
+          components: {
+            FooBar: FooBar
+          }
+        }
+      `,
       options: ['PascalCase'],
       errors: [
         {
@@ -217,14 +224,7 @@ tester.run('component-options-name-casing', rule, {
           column: 13,
           endColumn: 19
         }
-      ],
-      output: `
-        export default {
-          components: {
-            FooBar: FooBar
-          }
-        }
-      `
+      ]
     },
     {
       filename: 'test.vue',
@@ -235,6 +235,13 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: `
+        export default {
+          components: {
+            FooBar: FooBar
+          }
+        }
+      `,
       options: ['PascalCase'],
       errors: [
         {
@@ -247,14 +254,7 @@ tester.run('component-options-name-casing', rule, {
           column: 13,
           endColumn: 22
         }
-      ],
-      output: `
-        export default {
-          components: {
-            FooBar: FooBar
-          }
-        }
-      `
+      ]
     },
     {
       filename: 'test.vue',
@@ -265,6 +265,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['camelCase'],
       errors: [
         {
@@ -290,8 +291,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -302,6 +302,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['camelCase'],
       errors: [
         {
@@ -327,8 +328,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -339,6 +339,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['camelCase'],
       errors: [
         {
@@ -364,8 +365,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -376,6 +376,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['kebab-case'],
       errors: [
         {
@@ -401,8 +402,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -413,6 +413,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['kebab-case'],
       errors: [
         {
@@ -438,8 +439,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -450,6 +450,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['kebab-case'],
       errors: [
         {
@@ -475,8 +476,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -487,6 +487,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['kebab-case'],
       errors: [
         {
@@ -512,8 +513,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -525,6 +525,7 @@ tester.run('component-options-name-casing', rule, {
           }
         }
       `,
+      output: null,
       options: ['kebab-case'],
       errors: [
         {
@@ -551,8 +552,7 @@ tester.run('component-options-name-casing', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 51ed7140b..7888415b5 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -195,6 +195,7 @@ tester.run('component-tags-order', rule, {
   invalid: [
     {
       code: '<style></style><template></template><script></script>',
+      output: '<template></template><style></style><script></script>',
       errors: [
         {
           message: "'<template>' should be above '<style>' on line 1.",
@@ -206,11 +207,11 @@ tester.run('component-tags-order', rule, {
           line: 1,
           column: 37
         }
-      ],
-      output: '<template></template><style></style><script></script>'
+      ]
     },
     {
       code: '<template></template><script></script><style></style>',
+      output: '<script></script><template></template><style></style>',
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
@@ -218,8 +219,7 @@ tester.run('component-tags-order', rule, {
           line: 1,
           column: 22
         }
-      ],
-      output: '<script></script><template></template><style></style>'
+      ]
     },
     {
       code: `
@@ -228,19 +228,19 @@ tester.run('component-tags-order', rule, {
         <style></style>
 
         <script></script>`,
-      errors: [
-        {
-          message: "'<script>' should be above '<style>' on line 4.",
-          line: 6
-        }
-      ],
       output:
         '\n' +
         '        <template></template>\n' +
         '\n' +
         '        <script></script>\n' +
         '\n' +
-        '        <style></style>'
+        '        <style></style>',
+      errors: [
+        {
+          message: "'<script>' should be above '<style>' on line 4.",
+          line: 6
+        }
+      ]
     },
     {
       code: `
@@ -248,19 +248,19 @@ tester.run('component-tags-order', rule, {
         <script></script>
         <style></style>
       `,
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '      ',
       options: [{ order: ['script', 'template', 'style'] }],
       errors: [
         {
           message: "'<script>' should be above '<template>' on line 2.",
           line: 3
         }
-      ],
-      output:
-        '\n' +
-        '        <script></script>\n' +
-        '        <template></template>\n' +
-        '        <style></style>\n' +
-        '      '
+      ]
     },
     {
       code: `
@@ -268,19 +268,19 @@ tester.run('component-tags-order', rule, {
         <template></template>
         <style></style>
       `,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <script></script>\n' +
+        '        <style></style>\n' +
+        '      ',
       options: [{ order: ['template', 'script', 'style'] }],
       errors: [
         {
           message: "'<template>' should be above '<script>' on line 2.",
           line: 3
         }
-      ],
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '        <script></script>\n' +
-        '        <style></style>\n' +
-        '      '
+      ]
     },
     {
       code: `
@@ -289,20 +289,20 @@ tester.run('component-tags-order', rule, {
         <script></script>
         <style></style>
       `,
-      options: [{ order: ['docs', 'template', 'script', 'style'] }],
-      errors: [
-        {
-          message: "'<docs>' should be above '<template>' on line 2.",
-          line: 3
-        }
-      ],
       output:
         '\n' +
         '        <docs></docs>\n' +
         '        <template></template>\n' +
         '        <script></script>\n' +
         '        <style></style>\n' +
-        '      '
+        '      ',
+      options: [{ order: ['docs', 'template', 'script', 'style'] }],
+      errors: [
+        {
+          message: "'<docs>' should be above '<template>' on line 2.",
+          line: 3
+        }
+      ]
     },
     {
       code: `
@@ -311,20 +311,20 @@ tester.run('component-tags-order', rule, {
         <script></script>
         <style></style>
       `,
-      options: [{ order: ['script', 'template', 'style'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<template>' on line 2.",
-          line: 4
-        }
-      ],
       output:
         '\n' +
         '        <script></script>\n' +
         '        <template></template>\n' +
         '        <docs></docs>\n' +
         '        <style></style>\n' +
-        '      '
+        '      ',
+      options: [{ order: ['script', 'template', 'style'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<template>' on line 2.",
+          line: 4
+        }
+      ]
     },
     {
       code: `
@@ -334,13 +334,6 @@ tester.run('component-tags-order', rule, {
         <script></script>
         <style></style>
       `,
-      options: [{ order: ['script', 'template', 'style'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<template>' on line 2.",
-          line: 5
-        }
-      ],
       output:
         '\n' +
         '        <script></script>\n' +
@@ -348,22 +341,29 @@ tester.run('component-tags-order', rule, {
         '        <docs>\n' +
         '        </docs>\n' +
         '        <style></style>\n' +
-        '      '
+        '      ',
+      options: [{ order: ['script', 'template', 'style'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<template>' on line 2.",
+          line: 5
+        }
+      ]
     },
     {
       code: `
         <script></script>
         <template></template>
       `,
+      output:
+        '\n        <template></template>\n        <script></script>\n      ',
       options: [{ order: ['template', 'script'] }],
       errors: [
         {
           message: "'<template>' should be above '<script>' on line 2.",
           line: 3
         }
-      ],
-      output:
-        '\n        <template></template>\n        <script></script>\n      '
+      ]
     },
     {
       code: `
@@ -371,6 +371,12 @@ tester.run('component-tags-order', rule, {
         <template></template>
         <script></script>
       `,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '        <script></script>\n' +
+        '      ',
       errors: [
         {
           message: "'<template>' should be above '<style>' on line 2.",
@@ -380,13 +386,7 @@ tester.run('component-tags-order', rule, {
           message: "'<script>' should be above '<style>' on line 2.",
           line: 4
         }
-      ],
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '        <style></style>\n' +
-        '        <script></script>\n' +
-        '      '
+      ]
     },
     {
       code: `
@@ -395,6 +395,13 @@ tester.run('component-tags-order', rule, {
         <template></template>
         <script></script>
       `,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '        <docs></docs>\n' +
+        '        <script></script>\n' +
+        '      ',
       errors: [
         {
           message: "'<template>' should be above '<style>' on line 2.",
@@ -404,14 +411,7 @@ tester.run('component-tags-order', rule, {
           message: "'<script>' should be above '<style>' on line 2.",
           line: 5
         }
-      ],
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '        <style></style>\n' +
-        '        <docs></docs>\n' +
-        '        <script></script>\n' +
-        '      '
+      ]
     },
     // no <template>
     {
@@ -419,13 +419,13 @@ tester.run('component-tags-order', rule, {
         <style></style>
         <script></script>
       `,
+      output: '\n        <script></script>\n        <style></style>\n      ',
       errors: [
         {
           message: "'<script>' should be above '<style>' on line 2.",
           line: 3
         }
-      ],
-      output: '\n        <script></script>\n        <style></style>\n      '
+      ]
     },
     {
       code: '<i18n locale="ja"></i18n><i18n locale="en"></i18n>',
diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
index 279d80497..372fa1a4c 100644
--- a/tests/lib/rules/define-emits-declaration.js
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -49,10 +49,10 @@ tester.run('define-emits-declaration', rule, {
         }>()
         </script>
        `,
+      options: ['type-based'],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      options: ['type-based']
+      }
     },
     {
       filename: 'test.vue',
@@ -118,13 +118,13 @@ tester.run('define-emits-declaration', rule, {
        const emit = defineEmits(['change', 'update'])
        </script>
        `,
+      options: ['type-based'],
       errors: [
         {
           message: 'Use type-based declaration instead of runtime declaration.',
           line: 3
         }
-      ],
-      options: ['type-based']
+      ]
     },
     {
       filename: 'test.vue',
@@ -136,6 +136,7 @@ tester.run('define-emits-declaration', rule, {
         }>()
         </script>
        `,
+      options: ['runtime'],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
@@ -144,8 +145,7 @@ tester.run('define-emits-declaration', rule, {
           message: 'Use runtime declaration instead of type-based declaration.',
           line: 3
         }
-      ],
-      options: ['runtime']
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 46e94eae5..428e42eaf 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -328,10 +328,10 @@ tester.run('define-macros-order', rule, {
           })
         </script>
       `,
+      options: optionsEmitsFirst,
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
-      options: optionsEmitsFirst,
       errors: [
         {
           message: message('defineEmits'),
@@ -417,10 +417,10 @@ tester.run('define-macros-order', rule, {
           console.log('test3')
         </script>
       `,
+      options: optionsEmitsFirst,
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
-      options: optionsEmitsFirst,
       errors: [
         {
           message: message('defineEmits'),
diff --git a/tests/lib/rules/define-props-declaration.js b/tests/lib/rules/define-props-declaration.js
index 67ea338ec..b34c05c3a 100644
--- a/tests/lib/rules/define-props-declaration.js
+++ b/tests/lib/rules/define-props-declaration.js
@@ -39,10 +39,10 @@ tester.run('define-props-declaration', rule, {
       }>()
       </script>
       `,
+      options: ['type-based'],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      options: ['type-based']
+      }
     },
     {
       filename: 'test.vue',
@@ -125,13 +125,13 @@ tester.run('define-props-declaration', rule, {
       })
       </script>
       `,
+      options: ['type-based'],
       errors: [
         {
           message: 'Use type-based declaration instead of runtime declaration.',
           line: 3
         }
-      ],
-      options: ['type-based']
+      ]
     },
     {
       filename: 'test.vue',
@@ -142,10 +142,10 @@ tester.run('define-props-declaration', rule, {
       }>()
       </script>
       `,
+      options: ['runtime'],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
-      options: ['runtime'],
       errors: [
         {
           message: 'Use runtime declaration instead of type-based declaration.',
diff --git a/tests/lib/rules/dot-location.js b/tests/lib/rules/dot-location.js
index 75c4e07c7..381e9988e 100644
--- a/tests/lib/rules/dot-location.js
+++ b/tests/lib/rules/dot-location.js
@@ -61,7 +61,6 @@ tester.run('dot-location', rule, {
             bar"
         />
       </template>`,
-      options: ['property'],
       output: `
       <template>
         <div
@@ -69,6 +68,7 @@ tester.run('dot-location', rule, {
             .bar"
         />
       </template>`,
+      options: ['property'],
       errors: [
         {
           message: 'Expected dot to be on same line as property.',
diff --git a/tests/lib/rules/first-attribute-linebreak.js b/tests/lib/rules/first-attribute-linebreak.js
index 9195fdbdd..2c4ca0d04 100644
--- a/tests/lib/rules/first-attribute-linebreak.js
+++ b/tests/lib/rules/first-attribute-linebreak.js
@@ -14,14 +14,12 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('first-attribute-linebreak', rule, {
   valid: [
-    {
-      code: `
+    `
       <template>
         <component></component>
-      </template>`
-    },
-    {
-      code: `
+      </template>
+    `,
+    `
       <template>
         <component
           name="John Doe"
@@ -33,8 +31,8 @@ ruleTester.run('first-attribute-linebreak', rule, {
         ></component>
         <component name="John Doe"
         ></component>
-      </template>`
-    },
+      </template>
+    `,
     {
       code: `
       <template>
diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
index 74fa4cb88..2730decb7 100644
--- a/tests/lib/rules/func-call-spacing.js
+++ b/tests/lib/rules/func-call-spacing.js
@@ -75,12 +75,12 @@ tester.run('func-call-spacing', rule, {
         <div :foo="foo()" />
       </template>
       `,
-      options: ['always'],
       output: `
       <template>
         <div :foo="foo ()" />
       </template>
       `,
+      options: ['always'],
       errors: [
         {
           message: 'Missing space between function name and paren.',
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index 2831fbd03..0ba8dba19 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -95,8 +95,8 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ button: false }],
       code: '<template><button type="button">Hello World</button></template>',
+      options: [{ button: false }],
       errors: [
         {
           message: 'button is a forbidden value for button type attribute.',
@@ -106,8 +106,8 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ submit: false }],
       code: '<template><button type="submit">Hello World</button></template>',
+      options: [{ submit: false }],
       errors: [
         {
           message: 'submit is a forbidden value for button type attribute.',
@@ -117,8 +117,8 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ reset: false }],
       code: '<template><button type="reset">Hello World</button></template>',
+      options: [{ reset: false }],
       errors: [
         {
           message: 'reset is a forbidden value for button type attribute.',
@@ -128,12 +128,12 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ button: false, submit: false, reset: false }],
       code: `<template>
                 <button type="button">Hello World</button>
                 <button type="submit">Hello World</button>
                 <button type="reset">Hello World</button>
              </template>`,
+      options: [{ button: false, submit: false, reset: false }],
       errors: [
         {
           message: 'button is a forbidden value for button type attribute.',
@@ -154,7 +154,6 @@ ruleTester.run('html-button-has-type', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ button: true, submit: true, reset: false }],
       code: `<template>
                 <button type="button">Hello World</button>
                 <button type="submit">Hello World</button>
@@ -162,6 +161,7 @@ ruleTester.run('html-button-has-type', rule, {
                 <button type="">Hello World</button>
                 <button type="foo">Hello World</button>
              </template>`,
+      options: [{ button: true, submit: true, reset: false }],
       errors: [
         {
           message: 'reset is a forbidden value for button type attribute.',
diff --git a/tests/lib/rules/html-comment-content-newline.js b/tests/lib/rules/html-comment-content-newline.js
index 3755a5425..ce3eaea01 100644
--- a/tests/lib/rules/html-comment-content-newline.js
+++ b/tests/lib/rules/html-comment-content-newline.js
@@ -16,17 +16,15 @@ const tester = new RuleTester({
 })
 tester.run('html-comment-content-newline', rule, {
   valid: [
-    {
-      code: `
-        <template>
-          <!-- comment -->
-          <!--
-            multiline
-            comment
-          -->
-        </template>
-        `
-    },
+    `
+      <template>
+        <!-- comment -->
+        <!--
+          multiline
+          comment
+        -->
+      </template>
+    `,
     {
       code: `
         <template>
@@ -216,24 +214,20 @@ tester.run('html-comment-content-newline', rule, {
     },
 
     // IE conditional comments
-    {
-      code: `
-        <template>
-          <!--[if IE 8]>
-          <div>IE8 only</div>
-          <![endif]-->
-        </template>
-        `
-    },
-    {
-      code: `
-        <template>
-          <!--[if !IE]><!-->
-          <div>not IE only</div>
-          <!--<![endif]-->
-        </template>
-        `
-    }
+    `
+      <template>
+        <!--[if IE 8]>
+        <div>IE8 only</div>
+        <![endif]-->
+      </template>
+    `,
+    `
+      <template>
+        <!--[if !IE]><!-->
+        <div>not IE only</div>
+        <!--<![endif]-->
+      </template>
+    `
   ],
 
   invalid: [
@@ -290,13 +284,13 @@ tester.run('html-comment-content-newline', rule, {
           <!--  comment  -->
         </template>
         `,
-      options: ['always'],
       output: `
         <template>
           <!--\ncomment\n-->
           <!--\n  comment  \n-->
         </template>
         `,
+      options: ['always'],
       errors: [
         {
           message: "Expected line break after '<!--'.",
@@ -332,12 +326,12 @@ comment
 -->
         </template>
         `,
-      options: ['never'],
       output: `
         <template>
           <!-- comment -->
         </template>
         `,
+      options: ['never'],
       errors: [
         {
           message: "Unexpected line breaks after '<!--'.",
@@ -361,12 +355,12 @@ comment
           <!-- \t \t  \t\tcomment \t \t  \t\t-->
         </template>
         `,
-      options: ['always'],
       output: `
         <template>
           <!--\n \t \t  \t\tcomment \t \t  \t\t\n-->
         </template>
         `,
+      options: ['always'],
       errors: [
         {
           message: "Expected line break after '<!--'.",
@@ -389,8 +383,8 @@ comment
           <!--++++++++++++++++comment++++++++++++++++-->
         </template>
         `,
-      options: ['always', { exceptions: ['+'] }],
       output: null,
+      options: ['always', { exceptions: ['+'] }],
       errors: [
         'Expected line break after exception block.',
         'Expected line break before exception block.'
@@ -402,8 +396,8 @@ comment
           <!--*****comment**-->
         </template>
         `,
-      options: ['always', { exceptions: ['*'] }],
       output: null,
+      options: ['always', { exceptions: ['*'] }],
       errors: [
         'Expected line break after exception block.',
         'Expected line break before exception block.'
@@ -415,12 +409,12 @@ comment
           <!--#+#-#+#-#+#-comment #+#-->
         </template>
         `,
-      options: ['always', { exceptions: ['#+#-'] }],
       output: `
         <template>
           <!--#+#-#+#-#+#-comment #+#\n-->
         </template>
         `,
+      options: ['always', { exceptions: ['#+#-'] }],
       errors: [
         'Expected line break after exception block.',
         "Expected line break before '-->'."
@@ -432,8 +426,8 @@ comment
           <!--*****comment++++-->
         </template>
         `,
-      options: ['always', { exceptions: ['*', '++'] }],
       output: null,
+      options: ['always', { exceptions: ['*', '++'] }],
       errors: [
         'Expected line break after exception block.',
         {
@@ -449,8 +443,8 @@ comment
           <!--*****comment+++++-->
         </template>
         `,
-      options: ['always', { exceptions: ['*', '++'] }],
       output: null,
+      options: ['always', { exceptions: ['*', '++'] }],
       errors: [
         'Expected line break after exception block.',
         {
diff --git a/tests/lib/rules/html-comment-content-spacing.js b/tests/lib/rules/html-comment-content-spacing.js
index b29c1a960..ed3e5d4c4 100644
--- a/tests/lib/rules/html-comment-content-spacing.js
+++ b/tests/lib/rules/html-comment-content-spacing.js
@@ -16,13 +16,11 @@ const tester = new RuleTester({
 })
 tester.run('html-comment-content-spacing', rule, {
   valid: [
-    {
-      code: `
-        <template>
-          <!-- comment -->
-        </template>
-        `
-    },
+    `
+      <template>
+        <!-- comment -->
+      </template>
+    `,
     {
       code: `
         <template>
@@ -178,24 +176,20 @@ tester.run('html-comment-content-spacing', rule, {
     },
 
     // IE conditional comments
-    {
-      code: `
-        <template>
-          <!--[if IE 8]>
-          <div>IE8 only</div>
-          <![endif]-->
-        </template>
-        `
-    },
-    {
-      code: `
-        <template>
-          <!--[if !IE]><!-->
-          <div>not IE only</div>
-          <!--<![endif]-->
-        </template>
-        `
-    }
+    `
+      <template>
+        <!--[if IE 8]>
+        <div>IE8 only</div>
+        <![endif]-->
+      </template>
+    `,
+    `
+      <template>
+        <!--[if !IE]><!-->
+        <div>not IE only</div>
+        <!--<![endif]-->
+      </template>
+    `
   ],
 
   invalid: [
@@ -205,12 +199,12 @@ tester.run('html-comment-content-spacing', rule, {
           <!--comment-->
         </template>
         `,
-      options: ['always'],
       output: `
         <template>
           <!-- comment -->
         </template>
         `,
+      options: ['always'],
       errors: [
         {
           message: "Expected space after '<!--'.",
@@ -232,12 +226,12 @@ tester.run('html-comment-content-spacing', rule, {
           <!-- comment -->
         </template>
         `,
-      options: ['never'],
       output: `
         <template>
           <!--comment-->
         </template>
         `,
+      options: ['never'],
       errors: [
         {
           message: "Unexpected space after '<!--'.",
@@ -259,12 +253,12 @@ tester.run('html-comment-content-spacing', rule, {
           <!-- \t \t  \t\tcomment \t \t  \t\t-->
         </template>
         `,
-      options: ['never'],
       output: `
         <template>
           <!--comment-->
         </template>
         `,
+      options: ['never'],
       errors: [
         {
           message: "Unexpected space after '<!--'.",
@@ -287,8 +281,8 @@ tester.run('html-comment-content-spacing', rule, {
           <!--++++++++++++++++comment++++++++++++++++-->
         </template>
         `,
-      options: ['always', { exceptions: ['+'] }],
       output: null,
+      options: ['always', { exceptions: ['+'] }],
       errors: [
         'Expected space after exception block.',
         'Expected space before exception block.'
@@ -300,8 +294,8 @@ tester.run('html-comment-content-spacing', rule, {
           <!--*****comment**-->
         </template>
         `,
-      options: ['always', { exceptions: ['*'] }],
       output: null,
+      options: ['always', { exceptions: ['*'] }],
       errors: [
         'Expected space after exception block.',
         'Expected space before exception block.'
@@ -313,12 +307,12 @@ tester.run('html-comment-content-spacing', rule, {
           <!--#+#-#+#-#+#-comment #+#-->
         </template>
         `,
-      options: ['always', { exceptions: ['#+#-'] }],
       output: `
         <template>
           <!--#+#-#+#-#+#-comment #+# -->
         </template>
         `,
+      options: ['always', { exceptions: ['#+#-'] }],
       errors: [
         'Expected space after exception block.',
         "Expected space before '-->'."
@@ -330,8 +324,8 @@ tester.run('html-comment-content-spacing', rule, {
           <!--*****comment++++-->
         </template>
         `,
-      options: ['always', { exceptions: ['*', '++'] }],
       output: null,
+      options: ['always', { exceptions: ['*', '++'] }],
       errors: [
         'Expected space after exception block.',
         {
@@ -347,8 +341,8 @@ tester.run('html-comment-content-spacing', rule, {
           <!--*****comment+++++-->
         </template>
         `,
-      options: ['always', { exceptions: ['*', '++'] }],
       output: null,
+      options: ['always', { exceptions: ['*', '++'] }],
       errors: [
         'Expected space after exception block.',
         {
diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
index 4ec5c6ee2..12880167e 100644
--- a/tests/lib/rules/html-comment-indent.js
+++ b/tests/lib/rules/html-comment-indent.js
@@ -16,23 +16,21 @@ const tester = new RuleTester({
 })
 tester.run('html-comment-indent', rule, {
   valid: [
-    {
-      code: `
-        <template>
-          <!-- comment
-            comment
-          -->
+    `
+      <template>
+        <!-- comment
+          comment
+        -->
+        <!--
+          comment
+          comment
+        -->
           <!--
             comment
             comment
           -->
-            <!--
-              comment
-              comment
-            -->
-        </template>
-        `
-    },
+      </template>
+    `,
     {
       code: `
         <template>
@@ -87,44 +85,38 @@ tester.run('html-comment-indent', rule, {
         `,
       options: [0]
     },
-    {
-      code: `
-        <template>
-          <!-- comment
-        \t
-            comment
-            \t
-            comment
+    `
+      <template>
+        <!-- comment
+      \t
+          comment
           \t
-          -->
-          <!--
+          comment
         \t
-          -->
-          <!--
-          -->
-        </template>
-        `
-    },
+        -->
+        <!--
+      \t
+        -->
+        <!--
+        -->
+      </template>
+    `,
 
     // IE conditional comments
-    {
-      code: `
-        <template>
-          <!--[if IE 8]>
-          <div>IE8 only</div>
-          <![endif]-->
-        </template>
-        `
-    },
-    {
-      code: `
-        <template>
-          <!--[if !IE]><!-->
-          <div>not IE only</div>
-          <!--<![endif]-->
-        </template>
-        `
-    }
+    `
+      <template>
+        <!--[if IE 8]>
+        <div>IE8 only</div>
+        <![endif]-->
+      </template>
+    `,
+    `
+      <template>
+        <!--[if !IE]><!-->
+        <div>not IE only</div>
+        <!--<![endif]-->
+      </template>
+    `
   ],
 
   invalid: [
@@ -232,7 +224,6 @@ tester.run('html-comment-indent', rule, {
            -->
         </template>
         `,
-      options: ['tab'],
       output: `
         <template>
           <!-- comment
@@ -248,6 +239,7 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
+      options: ['tab'],
       errors: [
         {
           message: 'Expected relative indentation of 1 tab but found 0 tabs.',
@@ -318,7 +310,6 @@ tester.run('html-comment-indent', rule, {
           -->
         </template>
         `,
-      options: [4],
       output: `
         <template>
           <!-- comment
@@ -334,6 +325,7 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
+      options: [4],
       errors: [
         {
           message:
@@ -407,7 +399,6 @@ tester.run('html-comment-indent', rule, {
           -->
         </template>
         `,
-      options: [0],
       output: `
         <template>
           <!--
@@ -423,6 +414,7 @@ tester.run('html-comment-indent', rule, {
             -->
         </template>
         `,
+      options: [0],
       errors: [
         {
           message:
diff --git a/tests/lib/rules/html-end-tags.js b/tests/lib/rules/html-end-tags.js
index b60c9848a..0d795875d 100644
--- a/tests/lib/rules/html-end-tags.js
+++ b/tests/lib/rules/html-end-tags.js
@@ -62,6 +62,7 @@ tester.run('html-end-tags', rule, {
 
     // https://github.com/vuejs/eslint-plugin-vue/issues/1403
     {
+      filename: 'test.vue',
       code: `
       <template>
         <div>
@@ -72,8 +73,7 @@ tester.run('html-end-tags', rule, {
           </p>
         </div>
       </template>
-      `,
-      filename: 'test.vue'
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index 5589c3da1..11ae3c6cf 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -69,6 +69,7 @@ tester.run('html-self-closing', rule, {
 
     // https://github.com/vuejs/eslint-plugin-vue/issues/1403
     {
+      filename: 'test.vue',
       code: `
       <template>
         <div>
@@ -79,8 +80,7 @@ tester.run('html-self-closing', rule, {
           </p>
         </div>
       </template>
-      `,
-      filename: 'test.vue'
+      `
     }
 
     // other cases are in `invalid` tests.
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index 895093da7..3a2c7e82b 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -27,8 +27,7 @@ linter.defineRule('jsx-uses-vars', rule)
 describe('jsx-uses-vars', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
-      {
-        code: `
+      `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         export default {
@@ -38,10 +37,8 @@ describe('jsx-uses-vars', () => {
             )
           },
         };
+      `,
       `
-      },
-      {
-        code: `
         /* eslint jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.vue';
         import OtherComponent from './OtherComponent.vue';
@@ -63,10 +60,8 @@ describe('jsx-uses-vars', () => {
             )
           }
         }
+      `,
       `
-      },
-      {
-        code: `
         /* eslint jsx-uses-vars: 1 */
         export default {
           render () {
@@ -76,7 +71,6 @@ describe('jsx-uses-vars', () => {
           }
         }
       `
-      }
     ],
 
     invalid: [
diff --git a/tests/lib/rules/key-spacing.js b/tests/lib/rules/key-spacing.js
index 519230e23..3d8d48a22 100644
--- a/tests/lib/rules/key-spacing.js
+++ b/tests/lib/rules/key-spacing.js
@@ -31,8 +31,8 @@ tester.run('key-spacing', rule, {
     },
     {
       code: '<template><div :[{a:1}[`a`]]="{a:1}[`a`]" /></template>',
-      options: [{ beforeColon: true }],
       output: '<template><div :[{a:1}[`a`]]="{a : 1}[`a`]" /></template>',
+      options: [{ beforeColon: true }],
       errors: [
         "Missing space after key 'a'.",
         "Missing space before value for key 'a'."
diff --git a/tests/lib/rules/keyword-spacing.js b/tests/lib/rules/keyword-spacing.js
index dad5574e5..dadd553b7 100644
--- a/tests/lib/rules/keyword-spacing.js
+++ b/tests/lib/rules/keyword-spacing.js
@@ -101,7 +101,6 @@ tester.run('keyword-spacing', rule, {
           }
         " />
       </template>`,
-      options: [{ before: false, after: false }],
       output: `<template>
         <div @event="
           if(foo) {
@@ -113,6 +112,7 @@ tester.run('keyword-spacing', rule, {
           }
         " />
       </template>`,
+      options: [{ before: false, after: false }],
       errors: [
         {
           message: 'Unexpected space(s) after "if".',
diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index 252bd22c1..fdee711e7 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -14,23 +14,17 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('max-attributes-per-line', rule, {
   valid: [
-    {
-      code: `<template><component></component></template>`
-    },
-    {
-      code: `<template><component
+    `<template><component></component></template>`,
+    `<template><component
         name="John Doe"
         age="30"
         job="Vet"
-      ></component></template>`
-    },
-    {
-      code: `<template><component
+      ></component></template>`,
+    `<template><component
         name="John Doe"
         age="30"
       >
-      </component></template>`
-    },
+      </component></template>`,
     {
       code: `<template><component
         name="John Doe"
@@ -39,13 +33,11 @@ ruleTester.run('max-attributes-per-line', rule, {
       </template>`,
       options: [{ singleline: 1 }]
     },
-    {
-      code: `<template><component job="Vet"
+    `<template><component job="Vet"
         name="John Doe"
         age="30">
         </component>
       </template>`
-    }
   ],
 
   invalid: [
@@ -93,9 +85,9 @@ v-bind:age="user.age"></component></template>`,
     },
     {
       code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
-      options: [{ singleline: { max: 2 } }],
       output: `<template><component name="John Doe" age="30"
 job="Vet"></component></template>`,
+      options: [{ singleline: { max: 2 } }],
       errors: [
         {
           message: "'job' should be on a new line.",
@@ -110,13 +102,13 @@ job="Vet"></component></template>`,
         job="Vet">
         </component>
       </template>`,
-      options: [{ singleline: 3, multiline: 1 }],
       output: `<template><component
         name="John Doe"
 age="30"
         job="Vet">
         </component>
       </template>`,
+      options: [{ singleline: 3, multiline: 1 }],
       errors: [
         {
           message: "'age' should be on a new line.",
@@ -131,13 +123,13 @@ age="30"
         job="Vet">
         </component>
       </template>`,
-      options: [{ multiline: { max: 1 } }],
       output: `<template><component
         name="John Doe"
 age="30"
         job="Vet">
         </component>
       </template>`,
+      options: [{ multiline: { max: 1 } }],
       errors: [
         {
           message: "'age' should be on a new line.",
diff --git a/tests/lib/rules/max-len.js b/tests/lib/rules/max-len.js
index 3ff9f2dff..a1141ec22 100644
--- a/tests/lib/rules/max-len.js
+++ b/tests/lib/rules/max-len.js
@@ -1075,33 +1075,33 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
     {
       filename: 'test.vue',
       code: `<template><div> 41 cols </div></template>`,
-      errors: ['This line has a length of 41. Maximum allowed is 40.'],
-      options: [40]
+      options: [40],
+      errors: ['This line has a length of 41. Maximum allowed is 40.']
     },
     {
       filename: 'test.vue',
       code: `<template><div> 41 cols </div></template>`,
-      errors: ['This line has a length of 41. Maximum allowed is 40.'],
-      options: [{ code: 40 }]
+      options: [{ code: 40 }],
+      errors: ['This line has a length of 41. Maximum allowed is 40.']
     },
     // tabWidth
     {
       filename: 'test.vue',
       code: `<template><div>\t41\tcols\t</div></template>`,
-      errors: ['This line has a length of 45. Maximum allowed is 40.'],
-      options: [40, 4]
+      options: [40, 4],
+      errors: ['This line has a length of 45. Maximum allowed is 40.']
     },
     {
       filename: 'test.vue',
       code: `<template><div>\t41\tcols\t</div></template>`,
-      errors: ['This line has a length of 45. Maximum allowed is 40.'],
-      options: [{ code: 40, tabWidth: 4 }]
+      options: [{ code: 40, tabWidth: 4 }],
+      errors: ['This line has a length of 45. Maximum allowed is 40.']
     },
     {
       filename: 'test.vue',
       code: `<template><div>\t41\tcols\t</div></template>`,
-      errors: ['This line has a length of 44. Maximum allowed is 40.'],
-      options: [{ code: 40, tabWidth: 3 }]
+      options: [{ code: 40, tabWidth: 3 }],
+      errors: ['This line has a length of 44. Maximum allowed is 40.']
     },
     // comments
     {
@@ -1122,6 +1122,7 @@ var a;  // 41 cols comment                      *
 */
 </script>
 `,
+      options: [{ comments: 40 }],
       errors: [
         {
           message:
@@ -1148,8 +1149,7 @@ var a;  // 41 cols comment                      *
             'This line has a comment length of 41. Maximum allowed is 40.',
           line: 13
         }
-      ],
-      options: [{ comments: 40 }]
+      ]
     },
     // .js
     {
@@ -1159,6 +1159,7 @@ var a = '81 columns                                                            '
 var b = \`81 columns                                                            \`;
 /* 81 columns                                                                  */
       `,
+      options: [],
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
@@ -1172,8 +1173,7 @@ var b = \`81 columns
           message: 'This line has a length of 81. Maximum allowed is 80.',
           line: 4
         }
-      ],
-      options: []
+      ]
     },
     {
       filename: 'test.js',
@@ -1182,6 +1182,7 @@ var a = '81 columns          ignoreStrings                                     '
 var b = \`81 columns                                                            \`;
 /* 81 columns                                                                  */
       `,
+      options: [{ ignoreStrings: true }],
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
@@ -1191,8 +1192,7 @@ var b = \`81 columns
           message: 'This line has a length of 81. Maximum allowed is 80.',
           line: 4
         }
-      ],
-      options: [{ ignoreStrings: true }]
+      ]
     },
     {
       filename: 'test.js',
@@ -1201,6 +1201,7 @@ var a = '81 columns                                                            '
 var b = \`81 columns                                                            \`;
 /* 81 columns                                                                  */
       `,
+      options: [{ ignoreComments: true }],
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
@@ -1210,8 +1211,7 @@ var b = \`81 columns
           message: 'This line has a length of 81. Maximum allowed is 80.',
           line: 3
         }
-      ],
-      options: [{ ignoreComments: true }]
+      ]
     },
     // only script comment
     {
@@ -1222,6 +1222,7 @@ var b = \`81 columns
 41 cols                                 *
 */
 `,
+      options: [{ comments: 40 }],
       errors: [
         {
           message:
@@ -1238,8 +1239,7 @@ var b = \`81 columns
             'This line has a comment length of 41. Maximum allowed is 40.',
           line: 4
         }
-      ],
-      options: [{ comments: 40 }]
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index 96302eec8..3d68364bc 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -165,14 +165,14 @@ tester.run('multi-word-component-names', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ ignores: ['Todo'] }],
       code: `
       <script>
       export default {
         name: 'Todo'
       }
       </script>
-      `
+      `,
+      options: [{ ignores: ['Todo'] }]
     },
     {
       filename: 'test.js',
@@ -314,7 +314,6 @@ tester.run('multi-word-component-names', rule, {
     },
     {
       filename: 'test.vue',
-      options: [{ ignores: ['Todo'] }],
       code: `
       <script>
       export default {
@@ -322,6 +321,7 @@ tester.run('multi-word-component-names', rule, {
       }
       </script>
       `,
+      options: [{ ignores: ['Todo'] }],
       errors: [
         {
           message: 'Component name "Item" should always be multi-word.',
diff --git a/tests/lib/rules/multiline-html-element-content-newline.js b/tests/lib/rules/multiline-html-element-content-newline.js
index d06982955..2d68c7685 100644
--- a/tests/lib/rules/multiline-html-element-content-newline.js
+++ b/tests/lib/rules/multiline-html-element-content-newline.js
@@ -566,7 +566,6 @@ content
           <div
             class="panel"></div>
         </template>`,
-      options: [{ allowEmptyLines: true, ignoreWhenEmpty: false }],
       output: `
         <template>
           <div
@@ -577,6 +576,7 @@ content
             class="panel">
 </div>
         </template>`,
+      options: [{ allowEmptyLines: true, ignoreWhenEmpty: false }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
       ]
@@ -594,7 +594,6 @@ content
             content</div>
         </template>
       `,
-      options: [{ allowEmptyLines: true }],
       output: `
         <template>
           <div>
@@ -609,6 +608,7 @@ content
 </div>
         </template>
       `,
+      options: [{ allowEmptyLines: true }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
         'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 2922f0e65..d79e82eff 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -92,6 +92,7 @@ tester.run('multiline-ternary', rule, {
         </template>
         `
         : null,
+      options: ['always-multiline'],
       errors: [
         {
           message:
@@ -99,8 +100,7 @@ tester.run('multiline-ternary', rule, {
           line: 5,
           column: 15
         }
-      ],
-      options: ['always-multiline']
+      ]
     },
     {
       filename: 'test.vue',
@@ -123,6 +123,7 @@ tester.run('multiline-ternary', rule, {
         </template>
         `
         : null,
+      options: ['never'],
       errors: [
         {
           message:
@@ -130,8 +131,7 @@ tester.run('multiline-ternary', rule, {
           line: 4,
           column: 21
         }
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/new-line-between-multi-line-property.js b/tests/lib/rules/new-line-between-multi-line-property.js
index a302cca7e..31983d7b0 100644
--- a/tests/lib/rules/new-line-between-multi-line-property.js
+++ b/tests/lib/rules/new-line-between-multi-line-property.js
@@ -280,7 +280,6 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
     // test set insertLine and minLineOfMultilineProperty to 5
     {
       filename: 'test.vue',
-      options: [{ minLineOfMultilineProperty: 5 }],
       code: `
       <script>
       export default {
@@ -320,6 +319,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
       }
       </script>
       `,
+      options: [{ minLineOfMultilineProperty: 5 }],
       errors: [
         {
           message:
@@ -331,7 +331,6 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
     // test js comments
     {
       filename: 'test.vue',
-      options: [{ minLineOfMultilineProperty: 5 }],
       code: `
       <script>
       export default {
@@ -373,6 +372,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
       }
       </script>
       `,
+      options: [{ minLineOfMultilineProperty: 5 }],
       errors: [
         {
           message:
@@ -384,7 +384,6 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
     // test js doc
     {
       filename: 'test.vue',
-      options: [],
       code: `
       <script>
       export default {
@@ -436,6 +435,7 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
       }
       </script>
       `,
+      options: [],
       errors: [
         {
           message:
diff --git a/tests/lib/rules/next-tick-style.js b/tests/lib/rules/next-tick-style.js
index 24ef50a8e..28e2d338c 100644
--- a/tests/lib/rules/next-tick-style.js
+++ b/tests/lib/rules/next-tick-style.js
@@ -40,7 +40,6 @@ tester.run('next-tick-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['promise'],
       code: `<script>import { nextTick as nt } from 'vue';
       export default {
         async mounted() {
@@ -52,11 +51,11 @@ tester.run('next-tick-style', rule, {
           await Vue.nextTick(); callback();
           await nt(); callback();
         }
-      }</script>`
+      }</script>`,
+      options: ['promise']
     },
     {
       filename: 'test.vue',
-      options: ['callback'],
       code: `<script>import { nextTick as nt } from 'vue';
       export default {
         mounted() {
@@ -68,13 +67,13 @@ tester.run('next-tick-style', rule, {
           Vue.nextTick(callback);
           nt(callback);
         }
-      }</script>`
+      }</script>`,
+      options: ['callback']
     },
 
     // https://github.com/vuejs/eslint-plugin-vue/pull/1400#discussion_r550937977
     {
       filename: 'test.vue',
-      options: ['promise'],
       code: `<script>import { nextTick as nt } from 'vue';
       export default {
         mounted() {
@@ -86,11 +85,11 @@ tester.run('next-tick-style', rule, {
           foo.then(Vue.nextTick, catchHandler);
           foo.then(this.$nextTick, catchHandler);
         }
-      }</script>`
+      }</script>`,
+      options: ['promise']
     },
     {
       filename: 'test.vue',
-      options: ['callback'],
       code: `<script>import { nextTick as nt } from 'vue';
       export default {
         mounted() {
@@ -102,7 +101,8 @@ tester.run('next-tick-style', rule, {
           foo.then(Vue.nextTick, catchHandler);
           foo.then(this.$nextTick, catchHandler);
         }
-      }</script>`
+      }</script>`,
+      options: ['callback']
     }
   ],
   invalid: [
@@ -173,7 +173,6 @@ tester.run('next-tick-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['promise'],
       code: `<script>import { nextTick as nt } from 'vue';
       export default {
         mounted() {
@@ -198,6 +197,7 @@ tester.run('next-tick-style', rule, {
           nt().then(callback);
         }
       }</script>`,
+      options: ['promise'],
       errors: [
         {
           message:
@@ -239,7 +239,6 @@ tester.run('next-tick-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['callback'],
       code: `<script>import { nextTick as nt } from 'vue';
       export default {
         async mounted() {
@@ -253,6 +252,7 @@ tester.run('next-tick-style', rule, {
         }
       }</script>`,
       output: null,
+      options: ['callback'],
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index 31950ec5d..2e150b021 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -303,11 +303,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1690
       filename: 'test.vue',
-      parser,
-      parserOptions: {
-        sourceType: 'module',
-        ecmaVersion: 2020
-      },
       code: `
       <template>
         <div class="f-c" style="height: 100%;">
@@ -323,7 +318,12 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         components: {
         },
       }
-      </script>`
+      </script>`,
+      parser,
+      parserOptions: {
+        sourceType: 'module',
+        ecmaVersion: 2020
+      }
     }
   ],
 
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index 42338e75d..9f33b90fa 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -248,8 +248,8 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      options: ['default-false']
+      options: ['default-false'],
+      parser: require.resolve('vue-eslint-parser')
     },
     {
       filename: 'test.vue',
@@ -279,11 +279,11 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
+      options: ['default-false'],
       parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      options: ['default-false']
+      }
     },
     {
       filename: 'test.vue',
@@ -437,8 +437,8 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       options: ['default-false'],
+      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
diff --git a/tests/lib/rules/no-child-content.js b/tests/lib/rules/no-child-content.js
index 79bba576a..c6d739418 100644
--- a/tests/lib/rules/no-child-content.js
+++ b/tests/lib/rules/no-child-content.js
@@ -57,8 +57,8 @@ ruleTester.run('no-child-content', rule, {
     {
       // self-closing element with v-t directive
       filename: 'test.vue',
-      options: [{ additionalDirectives: ['t'] }],
-      code: '<template><div v-t="foo" /></template>'
+      code: '<template><div v-t="foo" /></template>',
+      options: [{ additionalDirectives: ['t'] }]
     },
     {
       // self-closing element with v-html directive and sibling comment element
@@ -182,8 +182,8 @@ ruleTester.run('no-child-content', rule, {
     {
       // v-t directive and text content
       filename: 'test.vue',
-      options: [{ additionalDirectives: ['t'] }],
       code: '<template><div v-t="foo">bar</div></template>',
+      options: [{ additionalDirectives: ['t'] }],
       errors: [
         {
           message:
@@ -199,8 +199,8 @@ ruleTester.run('no-child-content', rule, {
     {
       // v-html directive and text content while v-t directive is configured
       filename: 'test.vue',
-      options: [{ additionalDirectives: ['t'] }],
       code: '<template><div v-html="foo">baz</div></template>',
+      options: [{ additionalDirectives: ['t'] }],
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 0db5e5898..8f61e9225 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -487,17 +487,7 @@ tester.run('no-deprecated-slot-attribute', rule, {
           </template>
         </my-component>
       </template>`,
-      output: `
-      <template>
-        <my-component>
-          <template slot="one">
-            A
-          </template>
-          <template slot="one">
-            B
-          </template>
-        </my-component>
-      </template>`,
+      output: null,
       errors: [
         '`slot` attributes are deprecated.',
         '`slot` attributes are deprecated.'
diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
index 626993731..c02342a86 100644
--- a/tests/lib/rules/no-deprecated-v-bind-sync.js
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -68,7 +68,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     {
       filename: 'test.vue',
       code: "<template><MyComponent v-bind.sync='bar'/></template>",
-      output: "<template><MyComponent v-bind.sync='bar'/></template>",
+      output: null,
       errors: [
         "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
       ]
@@ -76,7 +76,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     {
       filename: 'test.vue',
       code: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
-      output: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
+      output: null,
       errors: [
         "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
       ]
@@ -84,8 +84,7 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
     {
       filename: 'test.vue',
       code: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
-      output:
-        '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
+      output: null,
       errors: [
         "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
       ]
diff --git a/tests/lib/rules/no-duplicate-attributes.js b/tests/lib/rules/no-duplicate-attributes.js
index 25f6fe5dc..b47611184 100644
--- a/tests/lib/rules/no-duplicate-attributes.js
+++ b/tests/lib/rules/no-duplicate-attributes.js
@@ -73,26 +73,26 @@ tester.run('no-duplicate-attributes', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><div style :style></div></div></template>',
-      errors: ["Duplicate attribute 'style'."],
-      options: [{ allowCoexistStyle: false }]
+      options: [{ allowCoexistStyle: false }],
+      errors: ["Duplicate attribute 'style'."]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div class :class></div></div></template>',
-      errors: ["Duplicate attribute 'class'."],
-      options: [{ allowCoexistClass: false }]
+      options: [{ allowCoexistClass: false }],
+      errors: ["Duplicate attribute 'class'."]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div :style style></div></div></template>',
-      errors: ["Duplicate attribute 'style'."],
-      options: [{ allowCoexistStyle: false }]
+      options: [{ allowCoexistStyle: false }],
+      errors: ["Duplicate attribute 'style'."]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div :class class></div></div></template>',
-      errors: ["Duplicate attribute 'class'."],
-      options: [{ allowCoexistClass: false }]
+      options: [{ allowCoexistClass: false }],
+      errors: ["Duplicate attribute 'class'."]
     }
   ]
 })
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index 167dc6385..e57afd188 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -49,6 +49,7 @@ ruleTester.run('no-multiple-template-root', rule, {
 
     // https://github.com/vuejs/eslint-plugin-vue/issues/1439
     {
+      filename: 'test.vue',
       code: `
       <template>
         <Link :to="to" class="flex items-center">
@@ -61,8 +62,7 @@ ruleTester.run('no-multiple-template-root', rule, {
           <slot />
         </Link>
       </template>
-      `,
-      filename: 'test.vue'
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 7eb295c4b..54500f18c 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -206,6 +206,7 @@ tester.run('no-parsing-error', rule, {
 
     // https://github.com/vuejs/eslint-plugin-vue/issues/1403
     {
+      filename: 'test.vue',
       code: `
       <template>
         <div>
@@ -216,8 +217,7 @@ tester.run('no-parsing-error', rule, {
           </p>
         </div>
       </template>
-      `,
-      filename: 'test.vue'
+      `
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-potential-component-option-typo.js b/tests/lib/rules/no-potential-component-option-typo.js
index 2b85fc999..68ea21901 100644
--- a/tests/lib/rules/no-potential-component-option-typo.js
+++ b/tests/lib/rules/no-potential-component-option-typo.js
@@ -174,6 +174,7 @@ tester.run('no-potential-component-option-typo', rule, {
         method: {}
       }
       </script>`,
+      options: [{ custom: ['data', 'methods'] }],
       errors: [
         {
           message: "'dat' may be a typo, which is similar to option [data].",
@@ -209,8 +210,7 @@ tester.run('no-potential-component-option-typo', rule, {
             }
           ]
         }
-      ],
-      options: [{ custom: ['data', 'methods'] }]
+      ]
     },
     // test if user define custom rule is duplicate with presets
     //  test custom option that is not available in the presets
@@ -224,6 +224,9 @@ tester.run('no-potential-component-option-typo', rule, {
         custo: {}
       }
       </script>`,
+      options: [
+        { custom: ['data', 'methods', 'custom', 'foo'], presets: ['all'] }
+      ],
       errors: [
         {
           message: "'dat' may be a typo, which is similar to option [data].",
@@ -279,9 +282,6 @@ tester.run('no-potential-component-option-typo', rule, {
             }
           ]
         }
-      ],
-      options: [
-        { custom: ['data', 'methods', 'custom', 'foo'], presets: ['all'] }
       ]
     },
     // test if report correctly, only have preset option
@@ -294,6 +294,7 @@ tester.run('no-potential-component-option-typo', rule, {
         method: {}
       }
       </script>`,
+      options: [{ presets: ['vue'] }],
       errors: [
         {
           message: "'dat' may be a typo, which is similar to option [data].",
@@ -329,8 +330,7 @@ tester.run('no-potential-component-option-typo', rule, {
             }
           ]
         }
-      ],
-      options: [{ presets: ['vue'] }]
+      ]
     },
     // multi preset report typo
     {
@@ -343,6 +343,7 @@ tester.run('no-potential-component-option-typo', rule, {
         method: {}
       }
       </script>`,
+      options: [{ presets: ['vue', 'vue-router'] }],
       errors: [
         {
           message: "'dat' may be a typo, which is similar to option [data].",
@@ -399,8 +400,7 @@ tester.run('no-potential-component-option-typo', rule, {
             }
           ]
         }
-      ],
-      options: [{ presets: ['vue', 'vue-router'] }]
+      ]
     },
     // test multi suggestion
     {
@@ -411,6 +411,7 @@ tester.run('no-potential-component-option-typo', rule, {
         method: {}
       }
       </script>`,
+      options: [{ custom: ['data', 'methods'], threshold: 10, presets: [] }],
       errors: [
         {
           message: `'method' may be a typo, which is similar to option [methods,data].`,
@@ -437,8 +438,7 @@ tester.run('no-potential-component-option-typo', rule, {
             }
           ]
         }
-      ],
-      options: [{ custom: ['data', 'methods'], threshold: 10, presets: [] }]
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 1cdbb1041..a932ff1c2 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -131,26 +131,21 @@ tester.run('no-ref-as-operand', rule, {
     const count = ref(0)
     const foo = count
     `,
-    {
-      code: `
+    `
       <script>
         import { ref, computed, toRef, customRef, shallowRef } from 'vue'
         const foo = shallowRef({})
         foo[bar] = 123
       </script>
-      `
-    },
-    {
-      code: `
+    `,
+    `
       <script>
         import { ref, computed, toRef, customRef, shallowRef } from 'vue'
         const foo = shallowRef({})
         const isComp = foo.effect
       </script>
-      `
-    },
-    {
-      code: `
+    `,
+    `
       <script>
       import { ref } from 'vue'
       let foo;
@@ -159,10 +154,8 @@ tester.run('no-ref-as-operand', rule, {
         foo = ref(5);
       }
       </script>
-      `
-    },
-    {
-      code: `
+    `,
+    `
       <script>
       import { ref } from 'vue'
       let foo = undefined;
@@ -171,8 +164,7 @@ tester.run('no-ref-as-operand', rule, {
         foo = ref(5);
       }
       </script>
-      `
-    }
+    `
   ],
   invalid: [
     {
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
index 236de8cd4..ec1e749cc 100644
--- a/tests/lib/rules/no-required-prop-with-default.js
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -196,7 +196,6 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      options: [{ autofix: true }],
       output: `
         <script setup lang="ts">
           interface TestPropType {
@@ -211,6 +210,7 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
+      options: [{ autofix: true }],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
@@ -237,7 +237,6 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      options: [{ autofix: true }],
       output: `
         <script setup lang="ts">
           interface TestPropType {
@@ -252,6 +251,7 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
+      options: [{ autofix: true }],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
@@ -647,7 +647,6 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      options: [{ autofix: true }],
       output: `
         <script setup lang="ts">
           interface TestPropType {
@@ -662,6 +661,7 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
+      options: [{ autofix: true }],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
@@ -868,19 +868,7 @@ tester.run('no-required-prop-with-default', rule, {
         })
         </script>
       `,
-      output: `
-        <script>
-        import { defineComponent } from 'vue'
-        export default defineComponent({
-          props: {
-            name: {
-              required: true,
-              default: 'Hello'
-            }
-          }
-        })
-        </script>
-      `,
+      output: null,
       errors: [
         {
           message: 'Prop "name" should be optional.',
diff --git a/tests/lib/rules/no-restricted-call-after-await.js b/tests/lib/rules/no-restricted-call-after-await.js
index 69eaf3a42..5409f7f29 100644
--- a/tests/lib/rules/no-restricted-call-after-await.js
+++ b/tests/lib/rules/no-restricted-call-after-await.js
@@ -147,8 +147,8 @@ tester.run('no-restricted-call-after-await', rule, {
       useI18n()
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 },
-      options: [{ module: 'vue-i18n', path: 'useI18n' }]
+      options: [{ module: 'vue-i18n', path: 'useI18n' }],
+      parserOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-restricted-class.js b/tests/lib/rules/no-restricted-class.js
index 02815b2c6..2d53598c8 100644
--- a/tests/lib/rules/no-restricted-class.js
+++ b/tests/lib/rules/no-restricted-class.js
@@ -14,7 +14,7 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('no-restricted-class', rule, {
   valid: [
-    { code: `<template><div class="allowed">Content</div></template>` },
+    `<template><div class="allowed">Content</div></template>`,
     {
       code: `<template><div class="allowed"">Content</div></template>`,
       options: ['forbidden']
@@ -40,93 +40,93 @@ ruleTester.run('no-restricted-class', rule, {
   invalid: [
     {
       code: `<template><div class="forbidden allowed" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'VAttribute'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div :class="'forbidden' + ' ' + 'allowed' + someVar" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'Literal'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div :class="{'forbidden': someBool, someVar: true}" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'Literal'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div :class="{forbidden: someBool}" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'Identifier'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: '<template><div :class="`forbidden ${someVar}`" /></template>',
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'TemplateElement'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div :class="'forbidden'" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'Literal'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div :class="['forbidden', 'allowed']" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'Literal'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div :class="['allowed forbidden', someString]" /></template>`,
+      options: ['forbidden'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'Literal'
         }
-      ],
-      options: ['forbidden']
+      ]
     },
     {
       code: `<template><div class="forbidden allowed" /></template>`,
+      options: ['/^for(bidden|gotten)/'],
       errors: [
         {
           message: "'forbidden' class is not allowed.",
           type: 'VAttribute'
         }
-      ],
-      options: ['/^for(bidden|gotten)/']
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-restricted-html-elements.js b/tests/lib/rules/no-restricted-html-elements.js
index 775d94580..3dee64643 100644
--- a/tests/lib/rules/no-restricted-html-elements.js
+++ b/tests/lib/rules/no-restricted-html-elements.js
@@ -38,38 +38,38 @@ tester.run('no-restricted-html-elements', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><button type="button"></button><div></template>',
+      options: ['button'],
       errors: [
         {
           message: 'Unexpected use of forbidden HTML element button.',
           line: 1,
           column: 16
         }
-      ],
-      options: ['button']
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div class="foo"><button type="button"></button></div></template>',
+      options: ['div'],
       errors: [
         {
           message: 'Unexpected use of forbidden HTML element div.',
           line: 1,
           column: 11
         }
-      ],
-      options: ['div']
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><marquee>foo</marquee></template>',
+      options: [{ element: 'marquee', message: 'Custom error' }],
       errors: [
         {
           message: 'Custom error',
           line: 1,
           column: 11
         }
-      ],
-      options: [{ element: 'marquee', message: 'Custom error' }]
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index 0f1947ed1..934a255b0 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -386,10 +386,10 @@ tester.run('no-restricted-props', rule, {
       }>()
       </script>
       `,
+      options: [{ name: 'foo', suggest: 'Foo' }],
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       },
-      options: [{ name: 'foo', suggest: 'Foo' }],
       errors: [
         {
           message: 'Using `foo` props is not allowed.',
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index d990f8857..5e84a565e 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -160,12 +160,11 @@ tester.run('no-setup-props-destructure', rule, {
       </script>
       `
     },
-    {
-      code: `
+    `
       Vue.component('test', {
         el: a = b
-      })`
-    },
+      })
+    `,
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index cec6747f3..a72004060 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -19,8 +19,8 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('no-side-effects-in-computed-properties', rule, {
   valid: [
-    {
-      code: `Vue.component('test', {
+    `
+      Vue.component('test', {
         ...foo,
         computed: {
           ...test0({}),
@@ -97,10 +97,10 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             this.someArray.forEach(arr => console.log(arr))
           }
         }
-      })`
-    },
-    {
-      code: `Vue.component('test', {
+      })
+    `,
+    `
+      Vue.component('test', {
         computed: {
           ...mapGetters(['example']),
           test1() {
@@ -115,18 +115,18 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             return something.b
           }
         }
-      })`
-    },
-    {
-      code: `Vue.component('test', {
+      })
+    `,
+    `
+      Vue.component('test', {
         name: 'something',
         data() {
           return {}
         }
-      })`
-    },
-    {
-      code: `Vue.component('test', {
+      })
+    `,
+    `
+      Vue.component('test', {
         computed: {
           test () {
             let a;
@@ -134,10 +134,10 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             return a
           },
         }
-      })`
-    },
-    {
-      code: `Vue.component('test', {
+      })
+    `,
+    `
+      Vue.component('test', {
         computed: {
           test () {
             return {
@@ -153,32 +153,32 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
             }
           },
         }
-      })`
-    },
-    {
-      code: `Vue.component('test', {
+      })
+    `,
+    `
+      Vue.component('test', {
         computed: {
           test () {
             return this.something['a']().reverse()
           },
         }
-      })`
-    },
-    {
-      code: `const test = { el: '#app' }
+      })
+    `,
+    `
+      const test = { el: '#app' }
         Vue.component('test', {
         el: test.el
-      })`
-    },
-    {
-      code: `Vue.component('test', {
+      })
+    `,
+    `
+      Vue.component('test', {
         computed: {
           test () {
             return [...this.items].reverse()
           },
         }
-      })`
-    },
+      })
+    `,
     {
       filename: 'test.vue',
       code: `
@@ -392,13 +392,13 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           }
         });
       `,
+      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           line: 5,
           message: 'Unexpected side effect in "test1" computed property.'
         }
-      ],
-      parser: require.resolve('@typescript-eslint/parser')
+      ]
     },
 
     {
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
index 5445ae6d7..b9896d7ed 100644
--- a/tests/lib/rules/no-template-target-blank.js
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -15,31 +15,21 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('no-template-target-blank', rule, {
   valid: [
-    { code: '<template><a>link</a></template>' },
-    { code: '<template><a attr>link</a></template>' },
-    { code: '<template><a target>link</a></template>' },
-    {
-      code: '<template><a href="https://eslint.vuejs.org">link</a></template>'
-    },
-    { code: '<template><a :href="link">link</a></template>' },
-    {
-      code: '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>'
-    },
-    {
-      code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>'
-    },
+    '<template><a>link</a></template>',
+    '<template><a attr>link</a></template>',
+    '<template><a target>link</a></template>',
+    '<template><a href="https://eslint.vuejs.org">link</a></template>',
+    '<template><a :href="link">link</a></template>',
+    '<template><a :href="link" target="_blank" rel="noopener noreferrer">link</a></template>',
+    '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener noreferrer">link</a></template>',
     {
       code: '<template><a href="https://eslint.vuejs.org" target="_blank" rel="noopener">link</a></template>',
       options: [{ allowReferrer: true }]
     },
-    { code: '<template><a href="/foo" target="_blank">link</a></template>' },
-    {
-      code: '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>'
-    },
-    { code: '<template><a href="foo/bar" target="_blank">link</a></template>' },
-    {
-      code: '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>'
-    },
+    '<template><a href="/foo" target="_blank">link</a></template>',
+    '<template><a href="/foo" target="_blank" rel="noopener noreferrer">link</a></template>',
+    '<template><a href="foo/bar" target="_blank">link</a></template>',
+    '<template><a href="foo/bar" target="_blank" rel="noopener noreferrer">link</a></template>',
     {
       code: '<template><a :href="link" target="_blank">link</a></template>',
       options: [{ enforceDynamicLinks: 'never' }]
diff --git a/tests/lib/rules/no-this-in-before-route-enter.js b/tests/lib/rules/no-this-in-before-route-enter.js
index 1171959ae..f3861672e 100644
--- a/tests/lib/rules/no-this-in-before-route-enter.js
+++ b/tests/lib/rules/no-this-in-before-route-enter.js
@@ -83,8 +83,8 @@ export default {
   ],
   invalid: [
     {
-      code: template(`this.xxx();`),
       filename: 'ValidComponent.vue',
+      code: template(`this.xxx();`),
       errors: [
         {
           message:
@@ -97,8 +97,8 @@ export default {
       ]
     },
     {
-      code: functionTemplate('this.method();'),
       filename: 'ValidComponent.vue',
+      code: functionTemplate('this.method();'),
       errors: [
         {
           message:
@@ -111,8 +111,8 @@ export default {
       ]
     },
     {
-      code: template('this.attr = this.method();'),
       filename: 'ValidComponent.vue',
+      code: template('this.attr = this.method();'),
       errors: [
         {
           message:
@@ -133,8 +133,8 @@ export default {
       ]
     },
     {
-      code: functionTemplate('this.attr = this.method();'),
       filename: 'ValidComponent.vue',
+      code: functionTemplate('this.attr = this.method();'),
       errors: [
         {
           message:
@@ -155,10 +155,10 @@ export default {
       ]
     },
     {
+      filename: 'ValidComponent.vue',
       code: template(`
                 if (this.method()) {}
             `),
-      filename: 'ValidComponent.vue',
       errors: [
         {
           message:
@@ -171,10 +171,10 @@ export default {
       ]
     },
     {
+      filename: 'ValidComponent.vue',
       code: functionTemplate(`
                 if (true) { this.method(); }
             `),
-      filename: 'ValidComponent.vue',
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index f90cb56df..0941f003d 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -656,12 +656,12 @@ tester.run('no-undef-components', rule, {
         <HelloWorld1 />
       </template>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     }
   ],
   invalid: [
@@ -803,12 +803,12 @@ tester.run('no-undef-components', rule, {
         <Foo />
       </template>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
       },
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 9a97fe1a9..7ba344197 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -1169,13 +1169,13 @@ tester.run('no-undef-properties', rule, {
       <div>{{ foo }}</div>
       <div>{{ unknown }}</div>
       </template>`,
-      ...getTypeScriptFixtureTestOptions(),
       errors: [
         {
           message: "'unknown' is not defined.",
           line: 11
         }
-      ]
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })
diff --git a/tests/lib/rules/no-unsupported-features.js b/tests/lib/rules/no-unsupported-features.js
index d12109311..77ee72055 100644
--- a/tests/lib/rules/no-unsupported-features.js
+++ b/tests/lib/rules/no-unsupported-features.js
@@ -45,7 +45,6 @@ tester.run('no-unsupported-features', rule, {
           </template>
         </VList>
       </template>`,
-      options: [{ version: '^2.5.0' }],
       output: `
       <template>
         <VList>
@@ -56,6 +55,7 @@ tester.run('no-unsupported-features', rule, {
           </template>
         </VList>
       </template>`,
+      options: [{ version: '^2.5.0' }],
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
diff --git a/tests/lib/rules/no-unsupported-features/define-options.js b/tests/lib/rules/no-unsupported-features/define-options.js
index 10b2069b2..a53bd776c 100644
--- a/tests/lib/rules/no-unsupported-features/define-options.js
+++ b/tests/lib/rules/no-unsupported-features/define-options.js
@@ -47,7 +47,6 @@ tester.run('no-unsupported-features/define-options', rule, {
       <script setup>
         defineOptions({ name: 'Foo' })
       </script>`,
-      options: buildOptions(),
       output: `
       <script>
 export default { name: 'Foo' }
@@ -55,6 +54,7 @@ export default { name: 'Foo' }
 <script setup>
 
       </script>`,
+      options: buildOptions(),
       errors: [
         {
           message:
@@ -68,7 +68,6 @@ export default { name: 'Foo' }
       <script setup>
         defineOptions({});
       </script>`,
-      options: buildOptions(),
       output: `
       <script>
 export default {}
@@ -76,6 +75,7 @@ export default {}
 <script setup>
 
       </script>`,
+      options: buildOptions(),
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
index 5307aa616..8f8b0b136 100644
--- a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
+++ b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
@@ -66,8 +66,8 @@ tester.run('no-unsupported-features/slot-scope-attribute', rule, {
           <a slot-scope />
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: null,
+      options: buildOptions(),
       errors: [
         {
           message:
@@ -83,8 +83,8 @@ tester.run('no-unsupported-features/slot-scope-attribute', rule, {
           <a slot-scope="{a}" />
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: null,
+      options: buildOptions(),
       errors: [
         {
           message:
@@ -100,8 +100,8 @@ tester.run('no-unsupported-features/slot-scope-attribute', rule, {
           <a slot-scope />
         </LinkList>
       </template>`,
-      options: buildOptions({ version: '^3.0.0' }),
       output: null,
+      options: buildOptions({ version: '^3.0.0' }),
       errors: [
         {
           message:
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
index 1cefc8ff1..58ffda146 100644
--- a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
+++ b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
@@ -63,11 +63,11 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       <template>
         <a .href="'/xxx'" />
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <a :href.prop="'/xxx'" />
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`.prop` shorthand are not supported until Vue.js "3.2.0".',
@@ -80,11 +80,11 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       <template>
         <a .href="'/xxx'" />
       </template>`,
-      options: buildOptions({ version: '2.5.99' }),
       output: `
       <template>
         <a :href.prop="'/xxx'" />
       </template>`,
+      options: buildOptions({ version: '2.5.99' }),
       errors: [
         {
           message: '`.prop` shorthand are not supported until Vue.js "3.2.0".',
@@ -97,11 +97,11 @@ tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
       <template>
         <a .href="'/xxx'" />
       </template>`,
-      options: buildOptions({ version: '3.1.0' }),
       output: `
       <template>
         <a :href.prop="'/xxx'" />
       </template>`,
+      options: buildOptions({ version: '3.1.0' }),
       errors: [
         {
           message: '`.prop` shorthand are not supported until Vue.js "3.2.0".',
diff --git a/tests/lib/rules/no-unsupported-features/v-slot.js b/tests/lib/rules/no-unsupported-features/v-slot.js
index 66b3b0b9e..a382a7eda 100644
--- a/tests/lib/rules/no-unsupported-features/v-slot.js
+++ b/tests/lib/rules/no-unsupported-features/v-slot.js
@@ -81,13 +81,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -102,13 +102,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template #default ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="default" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -123,13 +123,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot:name ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="name" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -144,13 +144,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template #name ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="name" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -165,13 +165,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot-scope="{a}" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -186,13 +186,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template #default="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="default" slot-scope="{a}" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -207,13 +207,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot:name="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="name" slot-scope="{a}" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -228,13 +228,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template #name="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="name" slot-scope="{a}" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -249,13 +249,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot:[name]="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template :slot="name" slot-scope="{a}" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -271,13 +271,13 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot:name="{" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: `
       <template>
         <LinkList>
           <template slot="name" slot-scope="{" ><a /></template>
         </LinkList>
       </template>`,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -292,8 +292,8 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot:[.]="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: null,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -310,8 +310,8 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <template v-slot.mod="{a}" ><a /></template>
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: null,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
@@ -328,8 +328,8 @@ tester.run('no-unsupported-features/v-slot', rule, {
           <a />
         </LinkList>
       </template>`,
-      options: buildOptions(),
       output: null,
+      options: buildOptions(),
       errors: [
         {
           message: '`v-slot` are not supported until Vue.js "2.6.0".',
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 2db132c48..0139559b1 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -1651,9 +1651,6 @@ tester.run('no-unused-properties', rule, {
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1643
       filename: 'test.vue',
-      parserOptions: {
-        parser: '@typescript-eslint/parser'
-      },
       code: `
       <template>
         <span v-for="(item, index) of pages" :key="index" @click="changePage(item)">
@@ -1708,7 +1705,10 @@ tester.run('no-unused-properties', rule, {
 
       <style lang="scss" scoped>
       //
-      </style>`
+      </style>`,
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
     },
 
     // Vue2 functional component
@@ -2975,13 +2975,13 @@ tester.run('no-unused-properties', rule, {
       <template>
       {{ foo }}{{ bar }}
       </template>`,
-      ...getTypeScriptFixtureTestOptions(),
       errors: [
         {
           message: "'baz' of property found, but never used.",
           line: 4
         }
-      ]
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index 82df58865..5a128e762 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -15,36 +15,16 @@ const tester = new RuleTester({
 
 tester.run('no-unused-vars', rule, {
   valid: [
-    {
-      code: '<template><ol v-for="i in 5"><li>{{i}}</li></ol></template>'
-    },
-    {
-      code: '<template><ol v-for="i in 5"><li :prop="i"></li></ol></template>'
-    },
-    {
-      code: '<template v-for="i in 5"><comp v-for="j in 10">{{i}}{{j}}</comp></template>'
-    },
-    {
-      code: '<template><ol v-for="i in data"><li v-for="f in i">{{ f.bar.baz }}</li></ol></template>'
-    },
-    {
-      code: '<template><template scope="props">{{props}}</template></template>'
-    },
-    {
-      code: '<template><template scope="props"><span v-if="props"></span></template></template>'
-    },
-    {
-      code: '<template><div v-for="(item, key) in items" :key="key">{{item.name}}</div></template>'
-    },
-    {
-      code: '<template><div v-for="(v, i, c) in foo">{{c}}</div></template>'
-    },
-    {
-      code: '<template><div v-for="x in foo">{{value | f(x)}}</div></template>'
-    },
-    {
-      code: '<template><div v-for="x in foo" :[x]></div></template>'
-    },
+    '<template><ol v-for="i in 5"><li>{{i}}</li></ol></template>',
+    '<template><ol v-for="i in 5"><li :prop="i"></li></ol></template>',
+    '<template v-for="i in 5"><comp v-for="j in 10">{{i}}{{j}}</comp></template>',
+    '<template><ol v-for="i in data"><li v-for="f in i">{{ f.bar.baz }}</li></ol></template>',
+    '<template><template scope="props">{{props}}</template></template>',
+    '<template><template scope="props"><span v-if="props"></span></template></template>',
+    '<template><div v-for="(item, key) in items" :key="key">{{item.name}}</div></template>',
+    '<template><div v-for="(v, i, c) in foo">{{c}}</div></template>',
+    '<template><div v-for="x in foo">{{value | f(x)}}</div></template>',
+    '<template><div v-for="x in foo" :[x]></div></template>',
     {
       code: '<template><div v-for="_ in foo" ></div></template>',
       options: [{ ignorePattern: '^_' }]
@@ -108,19 +88,19 @@ tester.run('no-unused-vars', rule, {
     },
     {
       code: '<template><div v-for="x in items">{{value | x}}</div></template>',
+      options: [{ ignorePattern: '^_' }],
       errors: [
         {
           message: "'x' is defined but never used.",
           suggestions: [
             {
-              desc: 'Replace the x with _x',
+              desc: 'Replace `x` with `_x` to ignore the unused variable.',
               output:
                 '<template><div v-for="_x in items">{{value | x}}</div></template>'
             }
           ]
         }
-      ],
-      options: [{ ignorePattern: '^_' }]
+      ]
     },
     {
       code: '<template><div v-for="x in items">{{value}}</div></template>',
@@ -129,13 +109,13 @@ tester.run('no-unused-vars', rule, {
     },
     {
       code: '<template><span slot-scope="props"></span></template>',
-      errors: ["'props' is defined but never used."],
-      options: [{ ignorePattern: '^ignore' }]
+      options: [{ ignorePattern: '^ignore' }],
+      errors: ["'props' is defined but never used."]
     },
     {
       code: '<template><span><template scope="props"></template></span></template>',
-      errors: ["'props' is defined but never used."],
-      options: [{ ignorePattern: '^ignore' }]
+      options: [{ ignorePattern: '^ignore' }],
+      errors: ["'props' is defined but never used."]
     },
     {
       code: '<template><div v-for="_i in foo" ></div></template>',
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index c54c36eb7..97ec9c608 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -92,12 +92,11 @@ tester.run('no-watch-after-await', rule, {
       </script>
       `
     },
-    {
-      code: `
+    `
       Vue.component('test', {
         el: foo()
-      })`
-    },
+      })
+    `,
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/object-curly-spacing.js b/tests/lib/rules/object-curly-spacing.js
index 874f4dd41..eb26eab96 100644
--- a/tests/lib/rules/object-curly-spacing.js
+++ b/tests/lib/rules/object-curly-spacing.js
@@ -63,20 +63,20 @@ tester.run('object-curly-spacing', rule, {
     },
     {
       code: '<template><div :attr="{ a: 1}" /></template>',
-      options: ['never'],
       output: '<template><div :attr="{a: 1}" /></template>',
+      options: ['never'],
       errors: ["There should be no space after '{'."]
     },
     {
       code: '<template><div :attr="{a: 1 }" /></template>',
-      options: ['never'],
       output: '<template><div :attr="{a: 1}" /></template>',
+      options: ['never'],
       errors: ["There should be no space before '}'."]
     },
     {
       code: '<template><div :attr="{ a: 1 }" /></template>',
-      options: ['never'],
       output: '<template><div :attr="{a: 1}" /></template>',
+      options: ['never'],
       errors: [
         "There should be no space after '{'.",
         "There should be no space before '}'."
@@ -84,20 +84,20 @@ tester.run('object-curly-spacing', rule, {
     },
     {
       code: '<template><div :attr="{ a: 1}" /></template>',
-      options: ['always'],
       output: '<template><div :attr="{ a: 1 }" /></template>',
+      options: ['always'],
       errors: ["A space is required before '}'."]
     },
     {
       code: '<template><div :attr="{a: 1 }" /></template>',
-      options: ['always'],
       output: '<template><div :attr="{ a: 1 }" /></template>',
+      options: ['always'],
       errors: ["A space is required after '{'."]
     },
     {
       code: '<template><div :attr="{a: 1}" /></template>',
-      options: ['always'],
       output: '<template><div :attr="{ a: 1 }" /></template>',
+      options: ['always'],
       errors: [
         "A space is required after '{'.",
         "A space is required before '}'."
@@ -105,8 +105,8 @@ tester.run('object-curly-spacing', rule, {
     },
     {
       code: '<template><div :[{a:1}]="{a:1}" /></template>',
-      options: ['always'],
       output: '<template><div :[{a:1}]="{ a:1 }" /></template>',
+      options: ['always'],
       errors: [
         "A space is required after '{'.",
         "A space is required before '}'."
@@ -119,18 +119,18 @@ tester.run('object-curly-spacing', rule, {
           Hello World
         </div>
       </template>`,
-      options: [
-        'never',
-        {
-          objectsInObjects: true
-        }
-      ],
       output: `
       <template>
         <div v-bind="{foo: {bar: 'baz'} }">
           Hello World
         </div>
       </template>`,
+      options: [
+        'never',
+        {
+          objectsInObjects: true
+        }
+      ],
       errors: [
         "There should be no space after '{'.",
         "There should be no space after '{'.",
@@ -145,13 +145,13 @@ tester.run('object-curly-spacing', rule, {
           Hello World
         </div>
       </template>`,
-      options: ['never'],
       output: `
       <template>
         <div v-bind="{foo: {bar: 'baz'}}">
           Hello World
         </div>
       </template>`,
+      options: ['never'],
       errors: [
         "There should be no space after '{'.",
         "There should be no space after '{'.",
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index b12c41a33..669383e52 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -197,7 +197,6 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions,
       output: `
         export default {
           name: 'app',
@@ -211,6 +210,7 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
+      parserOptions,
       errors: [
         {
           message:
@@ -239,11 +239,6 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        ecmaFeatures: { jsx: true }
-      },
       output: `
         export default {
           name: 'app',
@@ -262,6 +257,11 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        ecmaFeatures: { jsx: true }
+      },
       errors: [
         {
           message:
@@ -294,7 +294,6 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       output: `
         Vue.component('smart-list', {
           name: 'app',
@@ -307,6 +306,7 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -329,7 +329,6 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       output: `
         app.component('smart-list', {
           name: 'app',
@@ -342,6 +341,7 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -365,7 +365,6 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       output: `
         const { component } = Vue;
         component('smart-list', {
@@ -379,6 +378,7 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -402,7 +402,6 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       output: `
         new Vue({
           el: '#app',
@@ -416,6 +415,7 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -449,7 +449,6 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: `
         export default {
           name: 'burger',
@@ -468,6 +467,7 @@ ruleTester.run('order-in-components', rule, {
           },
         };
       `,
+      parserOptions,
       errors: [
         {
           message:
@@ -486,7 +486,6 @@ ruleTester.run('order-in-components', rule, {
           test: 'ok'
         };
       `,
-      parserOptions,
       output: `
         export default {
           data() {
@@ -496,6 +495,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       options: [{ order: ['data', 'test', 'name'] }],
+      parserOptions,
       errors: [
         {
           message:
@@ -515,7 +515,6 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger'
         };
       `,
-      parserOptions,
       output: `
         export default {
           /** name of vue component */
@@ -525,6 +524,7 @@ ruleTester.run('order-in-components', rule, {
           }
         };
       `,
+      parserOptions,
       errors: [
         {
           message:
@@ -544,7 +544,6 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger'
         };
       `,
-      parserOptions,
       output: `
         export default {
           /** name of vue component */
@@ -554,6 +553,7 @@ ruleTester.run('order-in-components', rule, {
           }/*test*/
         };
       `,
+      parserOptions,
       errors: [
         {
           message:
@@ -565,8 +565,8 @@ ruleTester.run('order-in-components', rule, {
     {
       filename: 'example.vue',
       code: `export default {data(){},name:'burger'};`,
-      parserOptions,
       output: `export default {name:'burger',data(){}};`,
+      parserOptions,
       errors: [
         {
           message:
@@ -586,8 +586,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -607,8 +607,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -628,8 +628,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -649,8 +649,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -670,8 +670,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -691,8 +691,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -712,8 +712,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -733,8 +733,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -754,8 +754,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -775,8 +775,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -796,8 +796,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -817,8 +817,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -838,8 +838,8 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: null,
+      parserOptions,
       errors: [
         {
           message:
@@ -859,7 +859,6 @@ ruleTester.run('order-in-components', rule, {
           test: fn(),
         };
       `,
-      parserOptions,
       output: `
         export default {
           name: 'burger',
@@ -868,6 +867,7 @@ ruleTester.run('order-in-components', rule, {
           test: fn(),
         };
       `,
+      parserOptions,
       errors: [
         {
           message:
@@ -896,7 +896,6 @@ ruleTester.run('order-in-components', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       output: `
         export default {
           name: 'burger',
@@ -914,6 +913,7 @@ ruleTester.run('order-in-components', rule, {
           testOptionalChaining: a?.b?.c,
         };
       `,
+      parserOptions,
       errors: [
         {
           message:
@@ -934,11 +934,6 @@ ruleTester.run('order-in-components', rule, {
           };
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: { ts: require.resolve('@typescript-eslint/parser') }
-      },
       output: `
         <script lang="ts">
           export default {
@@ -949,6 +944,11 @@ ruleTester.run('order-in-components', rule, {
           };
         </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: { ts: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
@@ -967,8 +967,6 @@ ruleTester.run('order-in-components', rule, {
         })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       output: `
       <script setup>
         defineOptions({
@@ -977,6 +975,8 @@ ruleTester.run('order-in-components', rule, {
         })
       </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions,
       errors: [
         {
           message:
diff --git a/tests/lib/rules/padding-line-between-blocks.js b/tests/lib/rules/padding-line-between-blocks.js
index 622839bdc..f53461bae 100644
--- a/tests/lib/rules/padding-line-between-blocks.js
+++ b/tests/lib/rules/padding-line-between-blocks.js
@@ -125,12 +125,12 @@ tester.run('padding-line-between-blocks', rule, {
 
       <style></style>
       `,
-      options: ['never'],
       output: `
       <template></template>
       <script></script>
       <style></style>
       `,
+      options: ['never'],
       errors: [
         {
           message: 'Unexpected blank line before this block.',
@@ -214,7 +214,6 @@ tester.run('padding-line-between-blocks', rule, {
       <!-- comment -->
       <i18n></i18n>
       `,
-      options: ['never'],
       output: `
       <template></template>
       <!-- comment -->
@@ -225,6 +224,7 @@ tester.run('padding-line-between-blocks', rule, {
       <!-- comment -->
       <i18n></i18n>
       `,
+      options: ['never'],
       errors: [
         {
           message: 'Unexpected blank line before this block.',
@@ -290,7 +290,6 @@ tester.run('padding-line-between-blocks', rule, {
 
       <style></style>
       `,
-      options: ['never'],
       output: `
       <script></script>
       <!-- comment -->
@@ -304,6 +303,7 @@ tester.run('padding-line-between-blocks', rule, {
       TEXT
       <style></style>
       `,
+      options: ['never'],
       errors: [
         {
           message: 'Unexpected blank line before this block.',
diff --git a/tests/lib/rules/padding-line-between-tags.js b/tests/lib/rules/padding-line-between-tags.js
index 67aa6b228..70c7a57bb 100644
--- a/tests/lib/rules/padding-line-between-tags.js
+++ b/tests/lib/rules/padding-line-between-tags.js
@@ -498,18 +498,18 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: '*' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 7,
           column: 13
         }
-      ],
-      options: [
-        [
-          { blankLine: 'always', prev: '*', next: '*' },
-          { blankLine: 'never', prev: 'br', next: '*' }
-        ]
       ]
     },
     {
@@ -541,18 +541,18 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: '*', next: 'br' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 8,
           column: 13
         }
-      ],
-      options: [
-        [
-          { blankLine: 'always', prev: '*', next: '*' },
-          { blankLine: 'never', prev: '*', next: 'br' }
-        ]
       ]
     },
     {
@@ -586,6 +586,7 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
@@ -597,8 +598,7 @@ tester.run('padding-line-between-tags', rule, {
           line: 11,
           column: 13
         }
-      ],
-      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -624,6 +624,7 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
@@ -635,8 +636,7 @@ tester.run('padding-line-between-tags', rule, {
           line: 9,
           column: 11
         }
-      ],
-      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -669,18 +669,18 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'never', prev: '*', next: '*' },
+          { blankLine: 'always', prev: 'br', next: 'div' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 8,
           column: 13
         }
-      ],
-      options: [
-        [
-          { blankLine: 'never', prev: '*', next: '*' },
-          { blankLine: 'always', prev: 'br', next: 'div' }
-        ]
       ]
     },
     {
@@ -712,6 +712,13 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'div' },
+          { blankLine: 'never', prev: 'br', next: 'img' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
@@ -728,13 +735,6 @@ tester.run('padding-line-between-tags', rule, {
           line: 9,
           column: 11
         }
-      ],
-      options: [
-        [
-          { blankLine: 'always', prev: '*', next: '*' },
-          { blankLine: 'never', prev: 'br', next: 'div' },
-          { blankLine: 'never', prev: 'br', next: 'img' }
-        ]
       ]
     },
     {
@@ -764,18 +764,18 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'always', prev: 'br', next: 'div' },
+          { blankLine: 'always', prev: 'div', next: 'br' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 8,
           column: 11
         }
-      ],
-      options: [
-        [
-          { blankLine: 'always', prev: 'br', next: 'div' },
-          { blankLine: 'always', prev: 'div', next: 'br' }
-        ]
       ]
     },
     {
@@ -805,18 +805,18 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'always', prev: 'br', next: 'div' },
+          { blankLine: 'always', prev: 'br', next: 'br' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 9,
           column: 11
         }
-      ],
-      options: [
-        [
-          { blankLine: 'always', prev: 'br', next: 'div' },
-          { blankLine: 'always', prev: 'br', next: 'br' }
-        ]
       ]
     },
     {
@@ -848,6 +848,12 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'always', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'br' }
+        ]
+      ],
       errors: [
         {
           message: 'Expected blank line before this tag.',
@@ -864,12 +870,6 @@ tester.run('padding-line-between-tags', rule, {
           line: 10,
           column: 11
         }
-      ],
-      options: [
-        [
-          { blankLine: 'always', prev: '*', next: '*' },
-          { blankLine: 'never', prev: 'br', next: 'br' }
-        ]
       ]
     },
     {
@@ -901,14 +901,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: 'br', next: 'br' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
           line: 11,
           column: 11
         }
-      ],
-      options: [[{ blankLine: 'never', prev: 'br', next: 'br' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -935,14 +935,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'always', prev: '*', next: 'br' }]],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 7,
           column: 11
         }
-      ],
-      options: [[{ blankLine: 'always', prev: '*', next: 'br' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1015,14 +1015,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
           line: 6,
           column: 12
         }
-      ],
-      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1045,14 +1045,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
           line: 7,
           column: 12
         }
-      ],
-      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1076,14 +1076,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
           line: 8,
           column: 12
         }
-      ],
-      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1109,14 +1109,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'never', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
           line: 10,
           column: 12
         }
-      ],
-      options: [[{ blankLine: 'never', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1147,14 +1147,14 @@ tester.run('padding-line-between-tags', rule, {
         <footer></footer>
       </template>
       `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Expected blank line before this tag.',
           line: 7,
           column: 11
         }
-      ],
-      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1191,6 +1191,7 @@ tester.run('padding-line-between-tags', rule, {
         <footer></footer>
       </template>
       `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Expected blank line before this tag.',
@@ -1207,8 +1208,7 @@ tester.run('padding-line-between-tags', rule, {
           line: 9,
           column: 11
         }
-      ],
-      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+      ]
     },
     {
       filename: 'test.vue',
@@ -1243,6 +1243,12 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [
+        [
+          { blankLine: 'consistent', prev: '*', next: '*' },
+          { blankLine: 'never', prev: 'br', next: 'br' }
+        ]
+      ],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
@@ -1259,12 +1265,6 @@ tester.run('padding-line-between-tags', rule, {
           line: 13,
           column: 11
         }
-      ],
-      options: [
-        [
-          { blankLine: 'consistent', prev: '*', next: '*' },
-          { blankLine: 'never', prev: 'br', next: 'br' }
-        ]
       ]
     },
     {
@@ -1288,14 +1288,14 @@ tester.run('padding-line-between-tags', rule, {
         </div>
       </template>
       `,
+      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]],
       errors: [
         {
           message: 'Unexpected blank line before this tag.',
           line: 7,
           column: 11
         }
-      ],
-      options: [[{ blankLine: 'consistent', prev: '*', next: '*' }]]
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/prefer-true-attribute-shorthand.js b/tests/lib/rules/prefer-true-attribute-shorthand.js
index e7d52ef7f..0bad5c173 100644
--- a/tests/lib/rules/prefer-true-attribute-shorthand.js
+++ b/tests/lib/rules/prefer-true-attribute-shorthand.js
@@ -157,6 +157,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
       <template>
         <MyComp v-bind:show="true" />
       </template>`,
+      output: null,
       errors: [
         {
           messageId: 'expectShort',
@@ -172,8 +173,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -181,6 +181,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
       <template>
         <MyComp :show="true" />
       </template>`,
+      output: null,
       errors: [
         {
           messageId: 'expectShort',
@@ -196,8 +197,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -205,6 +205,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
       <template>
         <MyComp v-bind:show="true" />
       </template>`,
+      output: null,
       options: ['always'],
       errors: [
         {
@@ -221,8 +222,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -230,6 +230,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
       <template>
         <MyComp :show="true" />
       </template>`,
+      output: null,
       options: ['always'],
       errors: [
         {
@@ -246,8 +247,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     },
     {
       filename: 'test.vue',
@@ -255,6 +255,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
       <template>
         <MyComp show />
       </template>`,
+      output: null,
       options: ['never'],
       errors: [
         {
@@ -276,8 +277,7 @@ tester.run('prefer-true-attribute-shorthand', rule, {
             }
           ]
         }
-      ],
-      output: null
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index 2b60e8910..d539b55ea 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -118,8 +118,8 @@ ruleTester.run('require-emit-validator', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -132,8 +132,8 @@ ruleTester.run('require-emit-validator', rule, {
           },
         })
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -333,8 +333,8 @@ ruleTester.run('require-emit-validator', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 43a3c2599..af90569dd 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -1975,14 +1975,14 @@ emits: {'foo': null}
       emit('baz')
       emit('qux')
       </script>`,
-      ...getTypeScriptFixtureTestOptions(),
       errors: [
         {
           message:
             'The "qux" event has been triggered but not declared on `defineEmits`.',
           line: 8
         }
-      ]
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })
diff --git a/tests/lib/rules/require-expose.js b/tests/lib/rules/require-expose.js
index 64d073c24..76932cd95 100644
--- a/tests/lib/rules/require-expose.js
+++ b/tests/lib/rules/require-expose.js
@@ -95,15 +95,13 @@ tester.run('require-expose', rule, {
       </script>
       `
     },
-    {
-      code: `
+    `
       Vue.mixin({
         methods: {
           foo () {}
         }
       })
-      `
-    },
+    `,
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/require-macro-variable-name.js b/tests/lib/rules/require-macro-variable-name.js
index c54c224a5..ed99a64e5 100644
--- a/tests/lib/rules/require-macro-variable-name.js
+++ b/tests/lib/rules/require-macro-variable-name.js
@@ -237,6 +237,7 @@ tester.run('require-macro-variable-name', rule, {
         const attrs = useAttrs({})
       </script>
       `,
+      options: [customOptions],
       errors: [
         {
           message: `The variable name of "defineSlots" must be "${customOptions.defineSlots}".`,
@@ -289,8 +290,7 @@ tester.run('require-macro-variable-name', rule, {
             }
           ]
         }
-      ],
-      options: [customOptions]
+      ]
     },
     {
       filename: 'test.vue',
@@ -300,6 +300,7 @@ tester.run('require-macro-variable-name', rule, {
         const attrsCustom = useAttrs({})
       </script>
       `,
+      options: [{ defineSlots: 'slotsCustom' }],
       errors: [
         {
           message: `The variable name of "useAttrs" must be "attrs".`,
@@ -317,8 +318,7 @@ tester.run('require-macro-variable-name', rule, {
             }
           ]
         }
-      ],
-      options: [{ defineSlots: 'slotsCustom' }]
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-comment.js b/tests/lib/rules/require-prop-comment.js
index 900f25ec3..3863abc3d 100644
--- a/tests/lib/rules/require-prop-comment.js
+++ b/tests/lib/rules/require-prop-comment.js
@@ -20,8 +20,7 @@ const tester = new RuleTester({
 
 tester.run('require-prop-comment', rule, {
   valid: [
-    {
-      code: `
+    `
       <script setup>
       export default defineComponent({
         props: {
@@ -30,8 +29,7 @@ tester.run('require-prop-comment', rule, {
         }
       })
       </script>
-      `
-    },
+    `,
     {
       code: `
       <script setup>
@@ -71,8 +69,7 @@ tester.run('require-prop-comment', rule, {
       `,
       options: [{ type: 'any' }]
     },
-    {
-      code: `
+    `
       <script lang="ts">
       export default defineComponent({
         props: {
@@ -81,8 +78,7 @@ tester.run('require-prop-comment', rule, {
         }
       })
       </script>
-      `
-    },
+    `,
     {
       code: `
       <script setup lang="ts">
@@ -265,16 +261,16 @@ tester.run('require-prop-comment', rule, {
       const props = defineProps<PropType>()
       </script>
       `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
       errors: [
         {
           line: 4,
           column: 9,
           message: 'The "a" property should have a JSDoc comment.'
         }
-      ],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index 9cd4eae6e..a4d6766df 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -224,13 +224,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
+      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           message: 'The "a" property should be a constructor.',
           line: 5
         }
-      ],
-      parser: require.resolve('@typescript-eslint/parser')
+      ]
     },
     {
       filename: 'ExtraCommas.vue',
@@ -248,13 +248,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
+      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           message: 'The "name" property should be a constructor.',
           line: 4
         }
-      ],
-      parser: require.resolve('@typescript-eslint/parser')
+      ]
     },
     {
       filename: 'LiteralsComponent.vue',
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index 9b7077fc1..fdb91dd30 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -137,8 +137,8 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -151,8 +151,8 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -163,8 +163,8 @@ ruleTester.run('require-prop-types', rule, {
       })
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -173,12 +173,12 @@ ruleTester.run('require-prop-types', rule, {
       defineProps<{foo:string}>()
       </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     {
       code: `
@@ -308,8 +308,8 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -326,8 +326,8 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -344,8 +344,8 @@ ruleTester.run('require-prop-types', rule, {
       })
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -360,8 +360,8 @@ ruleTester.run('require-prop-types', rule, {
       defineProps(['foo'])
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
diff --git a/tests/lib/rules/require-typed-object-prop.js b/tests/lib/rules/require-typed-object-prop.js
index 5d93965a5..f574e82d8 100644
--- a/tests/lib/rules/require-typed-object-prop.js
+++ b/tests/lib/rules/require-typed-object-prop.js
@@ -14,235 +14,235 @@ ruleTester.run('require-typed-object-prop', rule, {
     // empty
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: {}
       }
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default Vue.extend({
         props: {}
       });
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       <script setup lang="ts">
       defineProps({});
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     // array props
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: ['foo']
       }
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default Vue.extend({
         props: ['foo']
       });
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       <script setup lang="ts">
       defineProps(['foo']);
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     // primitive props
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: { foo: String }
       }
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default Vue.extend({
         props: { foo: String }
       });
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       <script setup lang="ts">
       defineProps({ foo: String });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     // union
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: { foo: [Number, String, Boolean] }
       }
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default Vue.extend({
         props: { foo: [Number, String, Boolean] }
       });
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       <script setup lang="ts">
       defineProps({ foo: [Number, String, Boolean] });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     // function
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: { foo: someFunction() }
       }
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default Vue.extend({
         props: { foo: someFunction() }
       });
-      `
+      `,
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       <script setup lang="ts">
       defineProps({ foo: someFunction() });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     // typed object
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: { foo: Object as PropType<User> }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default {
         props: { foo: Array as PropType<User[]> }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       code: `
       export default Vue.extend({
         props: { foo: Object as PropType<User> }
       });
       `,
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       defineProps({ foo: Object as PropType<User> });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
-    },
-
-    {
-      filename: 'test.vue',
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
+      }
+    },
+
+    {
+      filename: 'test.vue',
       code: `
       export default {
         props: { foo: Object as () => User }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser')
-    },
-    {
-      filename: 'test.vue',
+      parser: require.resolve('@typescript-eslint/parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
+      }
+    },
+    {
+      filename: 'test.vue',
       code: `
       export default Vue.extend({
         props: { foo: Object as () => User }
       });
       `,
-      parser: require.resolve('@typescript-eslint/parser')
-    },
-    {
-      filename: 'test.vue',
+      parser: require.resolve('@typescript-eslint/parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
+      }
+    },
+    {
+      filename: 'test.vue',
       code: `
       <script setup lang="ts">
       defineProps({ foo: Object as () => User });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     // any
     {
@@ -252,12 +252,12 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object as any } });
       </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -270,12 +270,12 @@ ruleTester.run('require-typed-object-prop', rule, {
         };
         </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -288,12 +288,12 @@ ruleTester.run('require-typed-object-prop', rule, {
         });
         </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     // unknown
     {
@@ -303,12 +303,12 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object as unknown } });
       </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -321,12 +321,12 @@ ruleTester.run('require-typed-object-prop', rule, {
         };
         </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -339,12 +339,12 @@ ruleTester.run('require-typed-object-prop', rule, {
         });
         </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     }
   ],
   invalid: [
@@ -355,8 +355,8 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Object });
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -394,8 +394,8 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Array });
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -585,8 +585,8 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object } });
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 571b5c5de..3da293b9a 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -75,13 +75,13 @@ tester.run('require-typed-ref', rule, {
     },
     {
       filename: 'test.vue',
-      parser: require.resolve('vue-eslint-parser'),
       code: `
         <script setup>
           import { ref } from 'vue'
           const count = ref()
         </script>
-      `
+      `,
+      parser: require.resolve('vue-eslint-parser')
     },
     {
       filename: 'test.js',
@@ -197,13 +197,13 @@ tester.run('require-typed-ref', rule, {
     },
     {
       filename: 'test.vue',
-      parser: require.resolve('vue-eslint-parser'),
       code: `
         <script setup lang="ts">
           import { ref } from 'vue'
           const count = ref()
         </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           messageId: 'noType',
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index cec05ba05..1e6f7cd7a 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -122,8 +122,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      parser: require.resolve('@typescript-eslint/parser')
+      parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -214,8 +214,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function')
     },
     {
@@ -229,8 +229,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function')
     },
     {
@@ -244,8 +244,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function')
     },
     {
@@ -264,12 +264,12 @@ ruleTester.run('require-valid-default-prop', rule, {
         num: 1
       });
       </script>`,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
-      },
-      parser: require.resolve('vue-eslint-parser')
+      }
     },
     {
       code: `
@@ -614,8 +614,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           } as PropOptions<object>
         }
       });`,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function or number')
     },
 
@@ -874,8 +874,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function')
     },
     {
@@ -889,8 +889,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function')
     },
     {
@@ -904,8 +904,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('@typescript-eslint/parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: errorMessage('function')
     },
     {
@@ -920,8 +920,8 @@ ruleTester.run('require-valid-default-prop', rule, {
         })
       </script>
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       parser: require.resolve('vue-eslint-parser'),
+      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Type of the default value for 'foo' prop must be a string.",
@@ -938,12 +938,12 @@ ruleTester.run('require-valid-default-prop', rule, {
         })
       </script>
       `,
+      parser: require.resolve('vue-eslint-parser'),
       parserOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
         parser: require.resolve('@typescript-eslint/parser')
       },
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message: "Type of the default value for 'foo' prop must be a string.",
@@ -967,7 +967,6 @@ ruleTester.run('require-valid-default-prop', rule, {
         i: ['foo', 'bar'],
       })
       </script>`,
-      ...getTypeScriptFixtureTestOptions(),
       errors: [
         {
           message: "Type of the default value for 'a' prop must be a string.",
@@ -1006,7 +1005,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           message: "Type of the default value for 'i' prop must be a function.",
           line: 13
         }
-      ]
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index 9fbe2c84e..71afcc3eb 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -94,8 +94,8 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
-      options: [{ treatUndefinedAsUnspecified: false }]
+      options: [{ treatUndefinedAsUnspecified: false }],
+      parserOptions
     },
     {
       filename: 'test.vue',
@@ -144,8 +144,8 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
-      options: [{ treatUndefinedAsUnspecified: false }]
+      options: [{ treatUndefinedAsUnspecified: false }],
+      parserOptions
     }
   ],
 
@@ -264,8 +264,8 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       options: [{ treatUndefinedAsUnspecified: false }],
+      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
@@ -284,8 +284,8 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       options: [{ treatUndefinedAsUnspecified: true }],
+      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
@@ -378,8 +378,8 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       options: [{ treatUndefinedAsUnspecified: false }],
+      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in computed function.',
diff --git a/tests/lib/rules/singleline-html-element-content-newline.js b/tests/lib/rules/singleline-html-element-content-newline.js
index a740ff0ed..5bf2c9392 100644
--- a/tests/lib/rules/singleline-html-element-content-newline.js
+++ b/tests/lib/rules/singleline-html-element-content-newline.js
@@ -372,7 +372,6 @@ content
           <div>singleline content</div>
         </template>
       `,
-      options: [{ ignoreWhenNoAttributes: false }],
       output: `
         <template>
           <div>
@@ -380,6 +379,7 @@ singleline content
 </div>
         </template>
       `,
+      options: [{ ignoreWhenNoAttributes: false }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
         'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
@@ -391,7 +391,6 @@ singleline content
           <tr><td>singleline</td><td>children</td></tr>
         </template>
       `,
-      options: [{ ignoreWhenNoAttributes: false }],
       output: `
         <template>
           <tr>
@@ -403,6 +402,7 @@ children
 </tr>
         </template>
       `,
+      options: [{ ignoreWhenNoAttributes: false }],
       errors: [
         'Expected 1 line break after opening tag (`<tr>`), but no line breaks found.',
         'Expected 1 line break after opening tag (`<td>`), but no line breaks found.',
@@ -418,7 +418,6 @@ children
           <div><!-- singleline comment --></div>
         </template>
       `,
-      options: [{ ignoreWhenNoAttributes: false }],
       output: `
         <template>
           <div>
@@ -426,6 +425,7 @@ children
 </div>
         </template>
       `,
+      options: [{ ignoreWhenNoAttributes: false }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
         'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
@@ -437,7 +437,6 @@ children
           <div   >   singleline element   </div   >
         </template>
       `,
-      options: [{ ignoreWhenNoAttributes: false }],
       output: `
         <template>
           <div   >
@@ -445,6 +444,7 @@ singleline element
 </div   >
         </template>
       `,
+      options: [{ ignoreWhenNoAttributes: false }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
         'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
@@ -456,13 +456,13 @@ singleline element
           <div></div>
         </template>
       `,
-      options: [{ ignoreWhenEmpty: false, ignoreWhenNoAttributes: false }],
       output: `
         <template>
           <div>
 </div>
         </template>
       `,
+      options: [{ ignoreWhenEmpty: false, ignoreWhenNoAttributes: false }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
       ]
@@ -473,13 +473,13 @@ singleline element
           <div>    </div>
         </template>
       `,
-      options: [{ ignoreWhenEmpty: false, ignoreWhenNoAttributes: false }],
       output: `
         <template>
           <div>
 </div>
         </template>
       `,
+      options: [{ ignoreWhenEmpty: false, ignoreWhenNoAttributes: false }],
       errors: [
         'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
       ]
diff --git a/tests/lib/rules/space-in-parens.js b/tests/lib/rules/space-in-parens.js
index 8791652ed..ef6fe628e 100644
--- a/tests/lib/rules/space-in-parens.js
+++ b/tests/lib/rules/space-in-parens.js
@@ -94,13 +94,13 @@ tester.run('space-in-parens', rule, {
           @click="foo(arg)"
         />
       </template>`,
-      options: ['always'],
       output: `
       <template>
         <button
           @click="foo( arg )"
         />
       </template>`,
+      options: ['always'],
       errors: [
         errorMessage({
           messageId: 'missingOpeningSpace',
@@ -143,13 +143,13 @@ tester.run('space-in-parens', rule, {
           :value="(1 + 2) + 3"
         >
       </template>`,
-      options: ['always'],
       output: `
       <template>
         <input
           :value="( 1 + 2 ) + 3"
         >
       </template>`,
+      options: ['always'],
       errors: [
         errorMessage({
           messageId: 'missingOpeningSpace',
@@ -192,13 +192,13 @@ tester.run('space-in-parens', rule, {
           :[(1+2)]="(1 + 2) + 3"
         >
       </template>`,
-      options: ['always'],
       output: `
       <template>
         <input
           :[(1+2)]="( 1 + 2 ) + 3"
         >
       </template>`,
+      options: ['always'],
       errors: [
         errorMessage({
           messageId: 'missingOpeningSpace',
diff --git a/tests/lib/rules/space-unary-ops.js b/tests/lib/rules/space-unary-ops.js
index 6b3e7c25f..63539a5a7 100644
--- a/tests/lib/rules/space-unary-ops.js
+++ b/tests/lib/rules/space-unary-ops.js
@@ -50,8 +50,8 @@ tester.run('space-unary-ops', rule, {
     },
     {
       code: '<template><div :[!a]="!a" /></template>',
-      options: [{ nonwords: true }],
       output: '<template><div :[!a]="! a" /></template>',
+      options: [{ nonwords: true }],
       errors: ["Unary operator '!' must be followed by whitespace."]
     },
 
diff --git a/tests/lib/rules/template-curly-spacing.js b/tests/lib/rules/template-curly-spacing.js
index 6c4376969..0fe530511 100644
--- a/tests/lib/rules/template-curly-spacing.js
+++ b/tests/lib/rules/template-curly-spacing.js
@@ -41,14 +41,13 @@ tester.run('template-curly-spacing', rule, {
     },
 
     // CSS vars injection
-    {
-      code: `
+    `
       <style>
       .text {
         padding: v-bind(\`\${a}px\`)
       }
-      </style>`
-    }
+      </style>
+    `
   ],
   invalid: [
     {
@@ -79,12 +78,12 @@ tester.run('template-curly-spacing', rule, {
         <div :class="[\`foo-\${bar}\`]" />
       </template>
       `,
-      options: ['always'],
       output: `
       <template>
         <div :class="[\`foo-\${ bar }\`]" />
       </template>
       `,
+      options: ['always'],
       errors: [
         {
           message: "Expected space(s) after '${'.",
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 904aa00c4..5686bf137 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -248,14 +248,14 @@ ruleTester.run('this-in-template', rule, {
     {
       code: `<template><div v-if="fn(this.$foo)"></div></template><!-- never -->`,
       output: `<template><div v-if="fn($foo)"></div></template><!-- never -->`,
-      errors: ["Unexpected usage of 'this'."],
-      options: ['never']
+      options: ['never'],
+      errors: ["Unexpected usage of 'this'."]
     },
     {
       code: `<template><div :class="{ foo: this.$foo }"></div></template><!-- never -->`,
       output: `<template><div :class="{ foo: $foo }"></div></template><!-- never -->`,
-      errors: ["Unexpected usage of 'this'."],
-      options: ['never']
+      options: ['never'],
+      errors: ["Unexpected usage of 'this'."]
     }
   ]
 })
diff --git a/tests/lib/rules/use-v-on-exact.js b/tests/lib/rules/use-v-on-exact.js
index 73ac2408b..929fd746a 100644
--- a/tests/lib/rules/use-v-on-exact.js
+++ b/tests/lib/rules/use-v-on-exact.js
@@ -15,92 +15,48 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('use-v-on-exact', rule, {
   valid: [
-    {
-      code: `<template><button @click="foo"/></template>`
-    },
-    {
-      code: `<template><button @click="foo" :click="foo"/></template>`
-    },
-    {
-      code: `<template><button @click.ctrl="foo"/></template>`
-    },
-    {
-      code: `<template><button @click.exact="foo"/></template>`
-    },
-    {
-      code: `<template><button v-on:click="foo"/></template>`
-    },
-    {
-      code: `<template><button v-on:click.ctrl="foo"/></template>`
-    },
-    {
-      code: `<template><button v-on:click.exact="foo"/></template>`
-    },
-    {
-      code: `<template><button @click="foo" @click.stop="bar"/></template>`
-    },
-    {
-      code: `<template><button @click="foo" @click.prevent="bar" @click.stop="baz"/></template>`
-    },
-    {
-      code: `<template><button @click.prevent="foo" @click.stop="bar"/></template>`
-    },
-    {
-      code: `<template><button @click.exact="foo" @click.ctrl="bar"/></template>`
-    },
-    {
-      code: `<template><button @click.exact="foo" @click.ctrl.exact="bar" @click.ctrl.shift="baz"/></template>`
-    },
-    {
-      code: `<template><button @click.ctrl.exact="foo" @click.ctrl.shift="bar"/></template>`
-    },
-    {
-      code: `<template><button @click.exact="foo" @click.ctrl="foo"/></template>`
-    },
-    {
-      code: `<template><button @click="foo" @focus="foo"/></template>`
-    },
-    {
-      code: `<template><button @click="foo" @click="foo"/></template>`
-    },
-    {
-      code: `<template><button @click="foo"/><button @click.ctrl="foo"/></template>`
-    },
-    {
-      code: `<template><button v-on:click.exact="foo" v-on:click.ctrl="foo"/></template>`
-    },
-    {
-      code: `<template><a @mouseenter="showTooltip" @mouseenter.once="attachTooltip"/></template>`
-    },
-    {
-      code: `<template><input @keypress.exact="foo" @keypress.esc.exact="bar" @keypress.ctrl="baz"></template>`
-    },
-    {
-      code: `<template><input @keypress.a="foo" @keypress.b="bar" @keypress.a.b="baz"></template>`
-    },
-    {
-      code: `<template><input @keypress.shift="foo" @keypress.ctrl="bar"></template>`
-    },
-    {
-      code: `<template>
+    `<template><button @click="foo"/></template>`,
+    `<template><button @click="foo" :click="foo"/></template>`,
+    `<template><button @click.ctrl="foo"/></template>`,
+    `<template><button @click.exact="foo"/></template>`,
+    `<template><button v-on:click="foo"/></template>`,
+    `<template><button v-on:click.ctrl="foo"/></template>`,
+    `<template><button v-on:click.exact="foo"/></template>`,
+    `<template><button @click="foo" @click.stop="bar"/></template>`,
+    `<template><button @click="foo" @click.prevent="bar" @click.stop="baz"/></template>`,
+    `<template><button @click.prevent="foo" @click.stop="bar"/></template>`,
+    `<template><button @click.exact="foo" @click.ctrl="bar"/></template>`,
+    `<template><button @click.exact="foo" @click.ctrl.exact="bar" @click.ctrl.shift="baz"/></template>`,
+    `<template><button @click.ctrl.exact="foo" @click.ctrl.shift="bar"/></template>`,
+    `<template><button @click.exact="foo" @click.ctrl="foo"/></template>`,
+    `<template><button @click="foo" @focus="foo"/></template>`,
+    `<template><button @click="foo" @click="foo"/></template>`,
+    `<template><button @click="foo"/><button @click.ctrl="foo"/></template>`,
+    `<template><button v-on:click.exact="foo" v-on:click.ctrl="foo"/></template>`,
+    `<template><a @mouseenter="showTooltip" @mouseenter.once="attachTooltip"/></template>`,
+    `<template><input @keypress.exact="foo" @keypress.esc.exact="bar" @keypress.ctrl="baz"></template>`,
+    `<template><input @keypress.a="foo" @keypress.b="bar" @keypress.a.b="baz"></template>`,
+    `<template><input @keypress.shift="foo" @keypress.ctrl="bar"></template>`,
+    `
+      <template>
         <input
           @keypress.27="foo"
           @keypress.27.middle="bar"
         >
-      </template>`
-    },
-    {
-      code: `<template>
+      </template>
+    `,
+    `
+      <template>
         <input
           @keydown.a.b.c="abc"
           @keydown.a="a"
           @keydown.b="b"
           @keydown.c="c"
         >
-      </template>`
-    },
-    {
-      code: `<template>
+      </template>
+    `,
+    `
+      <template>
         <input
           @keydown.a.b="ab"
           @keydown.a="a"
@@ -108,69 +64,49 @@ ruleTester.run('use-v-on-exact', rule, {
           @keydown.c="c"
           @keydown.a.c="ac"
         >
-      </template>`
-    },
-    {
-      code: `<template>
+      </template>
+    `,
+    `
+      <template>
         <input
           @keydown.a.b="ab"
           @keydown.a="a"
           @keydown.b="b"
           @keydown.c="c"
         >
-      </template>`
-    },
-    {
-      code: `<template><UiButton @click="foo" /></template>`
-    },
-    {
-      code: `<template><UiButton @click="foo" @click.native="bar" /></template>`
-    },
-    {
-      code: `<template><UiButton @click="foo" @click.native.ctrl="bar" /></template>`
-    },
-    {
-      code: `<template><UiButton @click="foo" @click.native.exact="bar" @click.native.ctrl="baz" /></template>`
-    },
-    {
-      code: `<template><UiButton @click.native.exact="bar" @click.ctrl.native="baz" /></template>`
-    },
-    {
-      code: `<template><UiButton @click.native.ctrl.exact="foo" @click.native.ctrl.shift="bar" /></template>`
-    },
-    {
-      code: `<template><UiButton @click.native="foo" @click.native.stop="bar" /></template>`
-    },
-    {
-      code: `<template><UiButton @click.native.stop="foo" @click.native.prevent="bar" /></template>`
-    },
-    {
-      code: `<template><button @[click]="foo"/></template>`
-    },
-    {
-      code: `<template><button @[foo]="foo" @[bar].ctrl="bar"/></template>`
-    },
-    {
-      code: `<template>
+      </template>
+    `,
+    `<template><UiButton @click="foo" /></template>`,
+    `<template><UiButton @click="foo" @click.native="bar" /></template>`,
+    `<template><UiButton @click="foo" @click.native.ctrl="bar" /></template>`,
+    `<template><UiButton @click="foo" @click.native.exact="bar" @click.native.ctrl="baz" /></template>`,
+    `<template><UiButton @click.native.exact="bar" @click.ctrl.native="baz" /></template>`,
+    `<template><UiButton @click.native.ctrl.exact="foo" @click.native.ctrl.shift="bar" /></template>`,
+    `<template><UiButton @click.native="foo" @click.native.stop="bar" /></template>`,
+    `<template><UiButton @click.native.stop="foo" @click.native.prevent="bar" /></template>`,
+    `<template><button @[click]="foo"/></template>`,
+    `<template><button @[foo]="foo" @[bar].ctrl="bar"/></template>`,
+    `
+      <template>
         <input
           @keydown.enter="foo"
           @keydown.shift.tab="bar"/>
-      </template>`
-    },
-    {
-      code: `<template>
+      </template>
+    `,
+    `
+      <template>
         <input
           @keydown.enter="foo"
           @keydown.shift.tab.prevent="bar"/>
-      </template>`
-    },
-    {
-      code: `<template>
+      </template>
+    `,
+    `
+      <template>
         <input-component
           @keydown.enter.native="foo"
           @keydown.shift.tab.native="bar"/>
-      </template>`
-    }
+      </template>
+    `
   ],
 
   invalid: [
diff --git a/tests/lib/rules/v-bind-style.js b/tests/lib/rules/v-bind-style.js
index 2fd1ce7c2..0cb67f62f 100644
--- a/tests/lib/rules/v-bind-style.js
+++ b/tests/lib/rules/v-bind-style.js
@@ -67,44 +67,44 @@ tester.run('v-bind-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['shorthand'],
       code: '<template><div v-bind:foo="foo"></div></template>',
       output: '<template><div :foo="foo"></div></template>',
+      options: ['shorthand'],
       errors: ["Unexpected 'v-bind' before ':'."]
     },
     {
       filename: 'test.vue',
-      options: ['longform'],
       code: '<template><div :foo="foo"></div></template>',
       output: '<template><div v-bind:foo="foo"></div></template>',
+      options: ['longform'],
       errors: ["Expected 'v-bind' before ':'."]
     },
     {
       filename: 'test.vue',
-      options: ['longform'],
       code: '<template><div .foo="foo"></div></template>',
       output: '<template><div v-bind:foo.prop="foo"></div></template>',
+      options: ['longform'],
       errors: ["Expected 'v-bind:' instead of '.'."]
     },
     {
       filename: 'test.vue',
-      options: ['longform'],
       code: '<template><div .foo.sync="foo"></div></template>',
       output: '<template><div v-bind:foo.prop.sync="foo"></div></template>',
+      options: ['longform'],
       errors: ["Expected 'v-bind:' instead of '.'."]
     },
     {
       filename: 'test.vue',
-      options: ['longform'],
       code: '<template><div .foo.prop="foo"></div></template>',
       output: '<template><div v-bind:foo.prop="foo"></div></template>',
+      options: ['longform'],
       errors: ["Expected 'v-bind:' instead of '.'."]
     },
     {
       filename: 'test.vue',
-      options: ['longform'],
       code: '<template><div .foo.sync.prop="foo"></div></template>',
       output: '<template><div v-bind:foo.sync.prop="foo"></div></template>',
+      options: ['longform'],
       errors: ["Expected 'v-bind:' instead of '.'."]
     }
   ]
diff --git a/tests/lib/rules/v-for-delimiter-style.js b/tests/lib/rules/v-for-delimiter-style.js
index b1500af50..23665a32c 100644
--- a/tests/lib/rules/v-for-delimiter-style.js
+++ b/tests/lib/rules/v-for-delimiter-style.js
@@ -94,9 +94,9 @@ tester.run('v-for-delimiter-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['in'],
       code: '<template><div v-for="x of xs"></div></template>',
       output: '<template><div v-for="x in xs"></div></template>',
+      options: ['in'],
       errors: [
         {
           message: "Expected 'in' instead of 'of' in 'v-for'.",
@@ -106,9 +106,9 @@ tester.run('v-for-delimiter-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['of'],
       code: '<template><div v-for="x in xs"></div></template>',
       output: '<template><div v-for="x of xs"></div></template>',
+      options: ['of'],
       errors: [
         {
           message: "Expected 'of' instead of 'in' in 'v-for'.",
diff --git a/tests/lib/rules/v-on-event-hyphenation.js b/tests/lib/rules/v-on-event-hyphenation.js
index 087e5d00a..beaa5e3fa 100644
--- a/tests/lib/rules/v-on-event-hyphenation.js
+++ b/tests/lib/rules/v-on-event-hyphenation.js
@@ -73,12 +73,12 @@ tester.run('v-on-event-hyphenation', rule, {
           <VueComponent @customEvent="onEvent"/>
       </template>
       `,
-      options: ['always', { autofix: true }],
       output: `
       <template>
           <VueComponent @custom-event="onEvent"/>
       </template>
       `,
+      options: ['always', { autofix: true }],
       errors: [
         {
           message: "v-on event '@customEvent' must be hyphenated.",
@@ -95,12 +95,12 @@ tester.run('v-on-event-hyphenation', rule, {
           <VueComponent v-on:custom-event="events"/>
       </template>
       `,
-      options: ['never', { autofix: true }],
       output: `
       <template>
           <VueComponent v-on:customEvent="events"/>
       </template>
       `,
+      options: ['never', { autofix: true }],
       errors: ["v-on event 'v-on:custom-event' can't be hyphenated."]
     },
     {
@@ -110,13 +110,13 @@ tester.run('v-on-event-hyphenation', rule, {
         <VueComponent @update:model-value="foo"/>
       </template>
       `,
-      options: ['always', { autofix: true }],
       output: `
       <template>
         <VueComponent @update:model-value="foo"/>
         <VueComponent @update:model-value="foo"/>
       </template>
       `,
+      options: ['always', { autofix: true }],
       errors: ["v-on event '@update:modelValue' must be hyphenated."]
     },
     {
@@ -126,13 +126,13 @@ tester.run('v-on-event-hyphenation', rule, {
         <VueComponent @update:model-value="foo"/>
       </template>
       `,
-      options: ['never', { autofix: true }],
       output: `
       <template>
         <VueComponent @update:modelValue="foo"/>
         <VueComponent @update:modelValue="foo"/>
       </template>
       `,
+      options: ['never', { autofix: true }],
       errors: ["v-on event '@update:model-value' can't be hyphenated."]
     },
     {
@@ -144,7 +144,6 @@ tester.run('v-on-event-hyphenation', rule, {
         <VueComponent @up-date:model-value="foo"/>
       </template>
       `,
-      options: ['always', { autofix: true }],
       output: `
       <template>
         <VueComponent @up-date:model-value="foo"/>
@@ -153,6 +152,7 @@ tester.run('v-on-event-hyphenation', rule, {
         <VueComponent @up-date:model-value="foo"/>
       </template>
       `,
+      options: ['always', { autofix: true }],
       errors: [
         "v-on event '@upDate:modelValue' must be hyphenated.",
         "v-on event '@up-date:modelValue' must be hyphenated.",
@@ -168,7 +168,6 @@ tester.run('v-on-event-hyphenation', rule, {
         <VueComponent @up-date:model-value="foo"/>
       </template>
       `,
-      options: ['never', { autofix: true }],
       output: `
       <template>
         <VueComponent @upDate:modelValue="foo"/>
@@ -177,6 +176,7 @@ tester.run('v-on-event-hyphenation', rule, {
         <VueComponent @upDate:modelValue="foo"/>
       </template>
       `,
+      options: ['never', { autofix: true }],
       errors: [
         "v-on event '@up-date:modelValue' can't be hyphenated.",
         "v-on event '@upDate:model-value' can't be hyphenated.",
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index d8486a448..d06bbe231 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -161,37 +161,37 @@ tester.run('v-on-function-call', rule, {
       filename: 'test.vue',
       code: '<template><div @click="foo"></div></template>',
       output: null,
+      options: ['always'],
       errors: [
         "Method calls inside of 'v-on' directives must have parentheses."
-      ],
-      options: ['always']
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div @click="foo()"></div></template>',
       output: `<template><div @click="foo"></div></template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div @click="foo( )"></div></template>',
       output: `<template><div @click="foo"></div></template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div @click="foo(/**/)"></div></template>',
       output: null,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -204,13 +204,13 @@ tester.run('v-on-function-call', rule, {
           "></div>
       </template>`,
       output: null,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
         "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
         "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -222,10 +222,10 @@ tester.run('v-on-function-call', rule, {
       <template>
         <div @click="fn"></div>
       </template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -237,10 +237,10 @@ tester.run('v-on-function-call', rule, {
       <template>
         <div @click=fn></div>
       </template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -254,11 +254,11 @@ tester.run('v-on-function-call', rule, {
         <div @click="beforeSpace"></div>
         <div @click='afterSpace'></div>
       </template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -270,10 +270,10 @@ tester.run('v-on-function-call', rule, {
       <template>
         <div @click="&#x66;oo"></div>
       </template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -285,19 +285,19 @@ tester.run('v-on-function-call', rule, {
       <template>
         <div @click="fn"></div>
       </template>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template>\r\n<div\r\n@click="foo()" /></template>',
       output: '<template>\r\n<div\r\n@click="foo" /></template>',
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -319,10 +319,10 @@ tester.run('v-on-function-call', rule, {
         }
       }
       </script>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     },
     {
       filename: 'test.vue',
@@ -344,10 +344,10 @@ tester.run('v-on-function-call', rule, {
         }
       }
       </script>`,
+      options: ['never'],
       errors: [
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ],
-      options: ['never']
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/v-on-handler-style.js b/tests/lib/rules/v-on-handler-style.js
index e3afd05d5..314bbf8c8 100644
--- a/tests/lib/rules/v-on-handler-style.js
+++ b/tests/lib/rules/v-on-handler-style.js
@@ -78,12 +78,12 @@ tester.run('v-on-handler-style', rule, {
         <button @click="foo()" />
         <button @click="() => foo()" />
       </template>`,
-      options: [['method', 'inline-function']],
       output: `<template>
         <button @click="foo" />
         <button @click="foo" />
         <button @click="foo" />
       </template>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -155,12 +155,12 @@ tester.run('v-on-handler-style', rule, {
         <button @click="foo()" />
         <button @click="() => foo()" />
       </template>`,
-      options: ['inline-function'],
       output: `<template>
         <button @click="foo" />
         <button @click="() => foo()" />
         <button @click="() => foo()" />
       </template>`,
+      options: ['inline-function'],
       errors: [
         {
           message: 'Prefer inline function over method handler in v-on.',
@@ -193,8 +193,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="foo() /* comment */" />
       </template>`,
-      options: [['method', 'inline-function']],
       output: null,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -208,10 +208,10 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="foo() /* comment */" />
       </template>`,
-      options: [['method', 'inline-function'], { ignoreIncludesComment: true }],
       output: `<template>
         <button @click="() => foo() /* comment */" />
       </template>`,
+      options: [['method', 'inline-function'], { ignoreIncludesComment: true }],
       errors: [
         {
           message: 'Prefer inline function over inline handler in v-on.',
@@ -229,8 +229,8 @@ tester.run('v-on-handler-style', rule, {
         <button @click="foo()// comment
         "/>
       </template>`,
-      options: [['method', 'inline-function']],
       output: null,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -263,7 +263,6 @@ tester.run('v-on-handler-style', rule, {
         <button @click="{ fn(); }" />
         <button @click="{(fn());;;}" />
       </template>`,
-      options: [['method', 'inline-function']],
       output: `
       <template>
         <button @click="fn" />
@@ -271,6 +270,7 @@ tester.run('v-on-handler-style', rule, {
         <button @click="fn" />
         <button @click="fn" />
       </template>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -301,12 +301,12 @@ tester.run('v-on-handler-style', rule, {
         <div @click=" beforeSpace()" />
         <div @click='afterSpace() ' />
       </template>`,
-      options: [['method', 'inline-function']],
       output: `
       <template>
         <div @click="beforeSpace" />
         <div @click='afterSpace' />
       </template>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -326,11 +326,11 @@ tester.run('v-on-handler-style', rule, {
       <template>
         <button @click=" &#x66;oo ( ) " />
       </template>`,
-      options: [['method', 'inline-function']],
       output: `
       <template>
         <button @click="&#x66;oo" />
       </template>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -350,7 +350,6 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline-function']],
       output: `
       <template><button @click="foo" /></template>
       <script>
@@ -360,6 +359,7 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -379,7 +379,6 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline-function']],
       output: `
       <template><button @click="foo" /></template>
       <script>
@@ -389,6 +388,7 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -406,8 +406,8 @@ tester.run('v-on-handler-style', rule, {
         <button @click="foo();foo();" />
         <button @click="{}" />
       </template>`,
-      options: [['method', 'inline-function']],
       output: null,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -451,8 +451,8 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline-function']],
       output: null,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -478,8 +478,8 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline-function']],
       output: null,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -515,8 +515,8 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline-function']],
       output: null,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -542,12 +542,12 @@ tester.run('v-on-handler-style', rule, {
           <button @click="e()" />
         </template>
       </template>`,
-      options: [['method', 'inline-function']],
       output: `<template>
         <template v-for="e in list">
           <button @click="e" />
         </template>
       </template>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer method handler over inline handler in v-on.',
@@ -566,7 +566,6 @@ tester.run('v-on-handler-style', rule, {
           <button @click="e.foo()" />
         </template>
       </template>`,
-      options: [['method', 'inline-function']],
       output: `<template>
         <template v-for="e in list">
           <button @click="() => handler(e)" />
@@ -575,6 +574,7 @@ tester.run('v-on-handler-style', rule, {
           <button @click="() => e.foo()" />
         </template>
       </template>`,
+      options: [['method', 'inline-function']],
       errors: [
         {
           message: 'Prefer inline function over inline handler in v-on.',
@@ -694,8 +694,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="foo" />
       </template>`,
-      options: ['inline'],
       output: null,
+      options: ['inline'],
       errors: [
         {
           message: 'Prefer inline handler over method handler in v-on.',
@@ -712,12 +712,12 @@ tester.run('v-on-handler-style', rule, {
         <button @click="(a, b) => foo(a, b)" />
         <button @click="() => { foo() }" />
       </template>`,
-      options: [['method', 'inline']],
       output: `<template>
         <button @click="foo" />
         <button @click="foo" />
         <button @click="foo" />
       </template>`,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -741,8 +741,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="() => foo() /* comment */" />
       </template>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -756,10 +756,10 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="() => foo() /* comment */" />
       </template>`,
-      options: [['method', 'inline'], { ignoreIncludesComment: true }],
       output: `<template>
         <button @click="foo() /* comment */" />
       </template>`,
+      options: [['method', 'inline'], { ignoreIncludesComment: true }],
       errors: [
         {
           message: 'Prefer inline handler over inline function in v-on.',
@@ -780,7 +780,6 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline']],
       output: `<template>
         <button @click="foo" />
       </template>
@@ -791,6 +790,7 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -811,7 +811,6 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline']],
       output: `<template>
         <button @click="foo" />
       </template>
@@ -822,6 +821,7 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -835,8 +835,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="() => handler(foo)" />
       </template>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -850,8 +850,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="() => foo?.()" />
       </template>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message:
@@ -866,8 +866,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="() => count++" />
       </template>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message:
@@ -882,8 +882,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="() => { count++ }" />
       </template>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message:
@@ -900,8 +900,8 @@ tester.run('v-on-handler-style', rule, {
         <button @click="(a, b) => foo(...a, b)" />
         <button @click="(...a) => foo(a)" />
       </template>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -937,8 +937,8 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -974,8 +974,8 @@ tester.run('v-on-handler-style', rule, {
         }
       }
       </script>`,
-      options: [['method', 'inline']],
       output: null,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -1003,7 +1003,6 @@ tester.run('v-on-handler-style', rule, {
           <button @click="(a, b) => e(a, b)" />
         </template>
       </template>`,
-      options: [['method', 'inline']],
       output: `<template>
         <template v-for="e in list">
           <button @click="e" />
@@ -1011,6 +1010,7 @@ tester.run('v-on-handler-style', rule, {
           <button @click="e" />
         </template>
       </template>`,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer method handler over inline function in v-on.',
@@ -1039,7 +1039,6 @@ tester.run('v-on-handler-style', rule, {
           <button @click="() => e.foo()" />
         </template>
       </template>`,
-      options: [['method', 'inline']],
       output: `<template>
         <template v-for="e in list">
           <button @click="handler(e)" />
@@ -1048,6 +1047,7 @@ tester.run('v-on-handler-style', rule, {
           <button @click="e.foo()" />
         </template>
       </template>`,
+      options: [['method', 'inline']],
       errors: [
         {
           message: 'Prefer inline handler over inline function in v-on.',
@@ -1079,12 +1079,12 @@ tester.run('v-on-handler-style', rule, {
         <button @click="() => count++" />
         <button @click="() => { count++; foo(); }" />
       </template>`,
-      options: ['inline'],
       output: `<template>
         <button @click="foo(a, b)" />
         <button @click="count++" />
         <button @click=" count++; foo(); " />
       </template>`,
+      options: ['inline'],
       errors: [
         {
           message: 'Prefer inline handler over inline function in v-on.',
@@ -1108,8 +1108,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="(a) => foo(a, b)" />
       </template>`,
-      options: ['inline'],
       output: null,
+      options: ['inline'],
       errors: [
         {
           message: 'Prefer inline handler over inline function in v-on.',
@@ -1123,8 +1123,8 @@ tester.run('v-on-handler-style', rule, {
       code: `<template>
         <button @click="(a, b) => foo(a, b)" />
       </template>`,
-      options: ['inline'],
       output: null,
+      options: ['inline'],
       errors: [
         {
           message:
diff --git a/tests/lib/rules/v-on-style.js b/tests/lib/rules/v-on-style.js
index ff6c8303e..ab62e9335 100644
--- a/tests/lib/rules/v-on-style.js
+++ b/tests/lib/rules/v-on-style.js
@@ -47,16 +47,16 @@ tester.run('v-on-style', rule, {
     },
     {
       filename: 'test.vue',
-      options: ['shorthand'],
       code: '<template><div v-on:foo="foo"></div></template>',
       output: '<template><div @foo="foo"></div></template>',
+      options: ['shorthand'],
       errors: ["Expected '@' instead of 'v-on:'."]
     },
     {
       filename: 'test.vue',
-      options: ['longform'],
       code: '<template><div @foo="foo"></div></template>',
       output: '<template><div v-on:foo="foo"></div></template>',
+      options: ['longform'],
       errors: ["Expected 'v-on:' instead of '@'."]
     }
   ]
diff --git a/tests/lib/rules/v-slot-style.js b/tests/lib/rules/v-slot-style.js
index 95033c933..ad0d4558c 100644
--- a/tests/lib/rules/v-slot-style.js
+++ b/tests/lib/rules/v-slot-style.js
@@ -217,13 +217,13 @@ tester.run('v-slot-style', rule, {
           <my-component #default="data"></my-component>
         </template>
       `,
+      options: [{ atComponent: 'shorthand' }],
       errors: [
         {
           messageId: 'expectedShorthand',
           data: { actual: 'v-slot:default', argument: 'default' }
         }
-      ],
-      options: [{ atComponent: 'shorthand' }]
+      ]
     },
     {
       code: `
@@ -236,13 +236,13 @@ tester.run('v-slot-style', rule, {
           <my-component #default="data"></my-component>
         </template>
       `,
+      options: [{ atComponent: 'shorthand' }],
       errors: [
         {
           messageId: 'expectedShorthand',
           data: { actual: 'v-slot', argument: 'default' }
         }
-      ],
-      options: [{ atComponent: 'shorthand' }]
+      ]
     },
     {
       code: `
@@ -255,13 +255,13 @@ tester.run('v-slot-style', rule, {
           <my-component v-slot:default="data"></my-component>
         </template>
       `,
+      options: [{ atComponent: 'longform' }],
       errors: [
         {
           messageId: 'expectedLongform',
           data: { actual: '#default', argument: 'default' }
         }
-      ],
-      options: [{ atComponent: 'longform' }]
+      ]
     },
     {
       code: `
@@ -274,13 +274,13 @@ tester.run('v-slot-style', rule, {
           <my-component v-slot:default="data"></my-component>
         </template>
       `,
+      options: [{ atComponent: 'longform' }],
       errors: [
         {
           messageId: 'expectedLongform',
           data: { actual: 'v-slot', argument: 'default' }
         }
-      ],
-      options: [{ atComponent: 'longform' }]
+      ]
     },
 
     {
@@ -342,13 +342,13 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
+      options: [{ default: 'longform' }],
       errors: [
         {
           messageId: 'expectedLongform',
           data: { actual: '#default', argument: 'default' }
         }
-      ],
-      options: [{ default: 'longform' }]
+      ]
     },
     {
       code: `
@@ -365,13 +365,13 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
+      options: [{ default: 'longform' }],
       errors: [
         {
           messageId: 'expectedLongform',
           data: { actual: 'v-slot', argument: 'default' }
         }
-      ],
-      options: [{ default: 'longform' }]
+      ]
     },
     {
       code: `
@@ -388,13 +388,13 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
+      options: [{ default: 'v-slot' }],
       errors: [
         {
           messageId: 'expectedVSlot',
           data: { actual: '#default', argument: 'default' }
         }
-      ],
-      options: [{ default: 'v-slot' }]
+      ]
     },
     {
       code: `
@@ -411,13 +411,13 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
+      options: [{ default: 'v-slot' }],
       errors: [
         {
           messageId: 'expectedVSlot',
           data: { actual: 'v-slot:default', argument: 'default' }
         }
-      ],
-      options: [{ default: 'v-slot' }]
+      ]
     },
 
     {
@@ -457,13 +457,13 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
+      options: [{ named: 'longform' }],
       errors: [
         {
           messageId: 'expectedLongform',
           data: { actual: '#foo', argument: 'foo' }
         }
-      ],
-      options: [{ named: 'longform' }]
+      ]
     },
 
     {
@@ -503,13 +503,13 @@ tester.run('v-slot-style', rule, {
           </my-component>
         </template>
       `,
+      options: [{ named: 'longform' }],
       errors: [
         {
           messageId: 'expectedLongform',
           data: { actual: '#[foo]', argument: '[foo]' }
         }
-      ],
-      options: [{ named: 'longform' }]
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 50c9047de..38ec1d636 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -69,9 +69,6 @@ tester.run('valid-define-emits', rule, {
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1656
       filename: 'test.vue',
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       import type { PropType } from 'vue';
@@ -86,13 +83,13 @@ tester.run('valid-define-emits', rule, {
         myProp: (x: X) => true,
       });
       </script>
-      `
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       import type { PropType } from 'vue';
@@ -108,7 +105,10 @@ tester.run('valid-define-emits', rule, {
         myProp: (x: typeof str) => true,
       });
       </script>
-      `
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-define-options.js b/tests/lib/rules/valid-define-options.js
index 58d31df68..89582c7a9 100644
--- a/tests/lib/rules/valid-define-options.js
+++ b/tests/lib/rules/valid-define-options.js
@@ -35,29 +35,29 @@ tester.run('valid-define-options', rule, {
     },
     {
       filename: 'test.vue',
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       type X = string;
 
       defineOptions({ name: 'foo' as X })
       </script>
-      `
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       const str = 'abc'
 
       defineOptions({ name: 'foo' as (typeof str) })
       </script>
-      `
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index 511e46bbc..433c11929 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -72,9 +72,6 @@ tester.run('valid-define-props', rule, {
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1656
       filename: 'test.vue',
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       import type { PropType } from 'vue';
@@ -89,13 +86,13 @@ tester.run('valid-define-props', rule, {
         myProp: (x: X) => true,
       });
       </script>
-      `
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       code: `
       <script setup lang="ts">
       import type { PropType } from 'vue';
@@ -111,7 +108,10 @@ tester.run('valid-define-props', rule, {
         myProp: (x: typeof str) => true,
       });
       </script>
-      `
+      `,
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index f969f7a4b..376dd6d15 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -273,9 +273,6 @@ tester.run('valid-v-for', rule, {
     },
     {
       filename: 'test.vue',
-      errors: [
-        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
-      ],
       code: `
         <template>
           <template v-for="x in xs">
@@ -286,13 +283,13 @@ tester.run('valid-v-for', rule, {
             </template>
           </template>
         </template>
-      `
+      `,
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      errors: [
-        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
-      ],
       code: `
         <template>
           <template v-for="x in xs">
@@ -303,13 +300,13 @@ tester.run('valid-v-for', rule, {
             </template>
           </template>
         </template>
-      `
+      `,
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     {
       filename: 'test.vue',
-      errors: [
-        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
-      ],
       code: `
         <template>
           <template v-for="x in xs">
@@ -320,7 +317,10 @@ tester.run('valid-v-for', rule, {
             </template>
           </template>
         </template>
-      `
+      `,
+      errors: [
+        "Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive."
+      ]
     },
     // empty value
     {
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 11e9e8378..d3c22314b 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -128,14 +128,13 @@ tester.run('valid-v-model', rule, {
       code: '<template><MyComponent v-model.modifier.modifierTwo="a"></MyComponent></template>'
     },
     // svg
-    {
-      code: `
+    `
       <template>
         <svg>
           <MyComponent v-model="slotProps"></MyComponent>
         </svg>
-      </template>`
-    },
+      </template>
+    `,
     // parsing error
     {
       filename: 'parsing-error.vue',
diff --git a/tests/lib/rules/valid-v-on.js b/tests/lib/rules/valid-v-on.js
index 4268bb36f..717d8f08e 100644
--- a/tests/lib/rules/valid-v-on.js
+++ b/tests/lib/rules/valid-v-on.js
@@ -140,14 +140,14 @@ tester.run('valid-v-on', rule, {
     {
       filename: 'test.vue',
       code: '<template><div @keydown.bar.aaa="foo"></div></template>',
-      errors: ["'v-on' directives don't support the modifier 'aaa'."],
-      options: [{ modifiers: ['bar'] }]
+      options: [{ modifiers: ['bar'] }],
+      errors: ["'v-on' directives don't support the modifier 'aaa'."]
     },
     {
       filename: 'test.vue',
       code: '<template><div @keydown.bar.aaa="foo"></div></template>',
-      errors: ["'v-on' directives don't support the modifier 'bar'."],
-      options: [{ modifiers: ['aaa'] }]
+      options: [{ modifiers: ['aaa'] }],
+      errors: ["'v-on' directives don't support the modifier 'bar'."]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index 3cf64fdff..bfd9bab32 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -124,16 +124,15 @@ tester.run('valid-v-slot', rule, {
       options: [{ allowModifiers: true }]
     },
     // svg
-    {
-      code: `
+    `
       <template>
         <svg>
           <MyComponent v-slot="slotProps">
             <MyChildComponent :thing="slotProps.thing" />
           </MyComponent>
         </svg>
-      </template>`
-    },
+      </template>
+    `,
     // parsing error
     {
       filename: 'parsing-error.vue',
@@ -407,8 +406,8 @@ tester.run('valid-v-slot', rule, {
           </MyComponent>
         </template>
       `,
-      errors: [{ messageId: 'disallowAnyModifier' }],
-      options: [{ allowModifiers: true }]
+      options: [{ allowModifiers: true }],
+      errors: [{ messageId: 'disallowAnyModifier' }]
     },
     {
       code: `
@@ -418,8 +417,8 @@ tester.run('valid-v-slot', rule, {
           </MyComponent>
         </template>
       `,
-      errors: [{ messageId: 'disallowAnyModifier' }],
-      options: [{ allowModifiers: false }]
+      options: [{ allowModifiers: false }],
+      errors: [{ messageId: 'disallowAnyModifier' }]
     },
     {
       code: `

From eddf098826d67f461a8a532e7efed2f23149aaf2 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 22 Jul 2023 05:19:53 +0200
Subject: [PATCH 0637/1010] Add `vue/no-deprecated-model-definition` rule
 (#2238)

---
 docs/rules/index.md                           |   1 +
 docs/rules/no-deprecated-model-definition.md  |  76 +++++++
 lib/index.js                                  |   1 +
 lib/rules/no-deprecated-model-definition.js   | 112 ++++++++++
 .../rules/no-deprecated-model-definition.js   | 205 ++++++++++++++++++
 5 files changed, 395 insertions(+)
 create mode 100644 docs/rules/no-deprecated-model-definition.md
 create mode 100644 lib/rules/no-deprecated-model-definition.js
 create mode 100644 tests/lib/rules/no-deprecated-model-definition.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 776b68433..bdf3a2d19 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -226,6 +226,7 @@ For example:
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: | :hammer: |
+| [vue/no-deprecated-model-definition](./no-deprecated-model-definition.md) | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
diff --git a/docs/rules/no-deprecated-model-definition.md b/docs/rules/no-deprecated-model-definition.md
new file mode 100644
index 000000000..bb2777d69
--- /dev/null
+++ b/docs/rules/no-deprecated-model-definition.md
@@ -0,0 +1,76 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-model-definition
+description: disallow deprecated `model` definition (in Vue.js 3.0.0+)
+---
+# vue/no-deprecated-model-definition
+
+> disallow deprecated `model` definition (in Vue.js 3.0.0+)
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule reports use of the component `model` option, which has been deprecated in Vue.js 3.0.0+.
+
+See [Migration Guide – `v-model`](https://v3-migration.vuejs.org/breaking-changes/v-model.html) for more details.
+
+<eslint-code-block :rules="{'vue/no-deprecated-model-definition': ['error']}">
+
+```vue
+<script>
+export default defineComponent({
+  model: {
+    prop: 'my-value',
+    event: 'input'
+  }
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-deprecated-model-definition": ["error", {
+    "allowVue3Compat": true
+  }]
+}
+```
+
+### `"allowVue3Compat": true`
+
+Allow `model` definitions with prop/event names that match the Vue.js 3.0.0+ `v-model` syntax, e.g. `fooBar`/`update:fooBar`.
+
+<eslint-code-block :rules="{'vue/no-deprecated-model-definition': ['error', { allowVue3Compat: true }]}">
+
+```vue
+<script>
+export default defineComponent({
+  model: {
+    prop: 'fooBar',
+    event: 'update:fooBar'
+  }
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/valid-model-definition](./valid-model-definition.md) (for Vue.js 2.x)
+- [vue/no-v-model-argument](./no-v-model-argument.md) (for Vue.js 2.x)
+
+## :books: Further Reading
+
+- [Migration Guide – `v-model`](https://v3-migration.vuejs.org/breaking-changes/v-model.html)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-model-definition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-model-definition.js)
diff --git a/lib/index.js b/lib/index.js
index 6c52515a8..d3bdc3a83 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -79,6 +79,7 @@ module.exports = {
     'no-deprecated-functional-template': require('./rules/no-deprecated-functional-template'),
     'no-deprecated-html-element-is': require('./rules/no-deprecated-html-element-is'),
     'no-deprecated-inline-template': require('./rules/no-deprecated-inline-template'),
+    'no-deprecated-model-definition': require('./rules/no-deprecated-model-definition'),
     'no-deprecated-props-default-this': require('./rules/no-deprecated-props-default-this'),
     'no-deprecated-router-link-tag-prop': require('./rules/no-deprecated-router-link-tag-prop'),
     'no-deprecated-scope-attribute': require('./rules/no-deprecated-scope-attribute'),
diff --git a/lib/rules/no-deprecated-model-definition.js b/lib/rules/no-deprecated-model-definition.js
new file mode 100644
index 000000000..f1561c202
--- /dev/null
+++ b/lib/rules/no-deprecated-model-definition.js
@@ -0,0 +1,112 @@
+/**
+ * @author Flo Edelmann
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @param {RuleContext} context
+ * @param {ASTNode} node
+ */
+function reportWithoutSuggestion(context, node) {
+  context.report({
+    node,
+    messageId: 'deprecatedModel'
+  })
+}
+
+/**
+ * @param {ObjectExpression} node
+ * @param {string} key
+ * @returns {Literal | undefined}
+ */
+function findPropertyValue(node, key) {
+  const property = node.properties.find(
+    (property) =>
+      property.type === 'Property' &&
+      property.key.type === 'Identifier' &&
+      property.key.name === key
+  )
+  if (
+    !property ||
+    property.type !== 'Property' ||
+    property.value.type !== 'Literal'
+  ) {
+    return undefined
+  }
+  return property.value
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow deprecated `model` definition (in Vue.js 3.0.0+)',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-model-definition.html'
+    },
+    fixable: null,
+    hasSuggestions: true,
+    schema: [
+      {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+          allowVue3Compat: {
+            type: 'boolean'
+          }
+        }
+      }
+    ],
+    messages: {
+      deprecatedModel: '`model` definition is deprecated.',
+      renameEvent: 'Rename event to `{{expectedEventName}}`.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const allowVue3Compat = Boolean(context.options[0]?.allowVue3Compat)
+
+    return utils.executeOnVue(context, (obj) => {
+      const modelProperty = utils.findProperty(obj, 'model')
+      if (!modelProperty || modelProperty.value.type !== 'ObjectExpression') {
+        return
+      }
+
+      if (!allowVue3Compat) {
+        reportWithoutSuggestion(context, modelProperty)
+        return
+      }
+
+      const propName = findPropertyValue(modelProperty.value, 'prop')
+      const eventName = findPropertyValue(modelProperty.value, 'event')
+
+      if (!propName || !eventName) {
+        reportWithoutSuggestion(context, modelProperty)
+        return
+      }
+
+      const expectedEventName = `update:${propName.value}`
+      if (eventName.value !== expectedEventName) {
+        context.report({
+          node: modelProperty,
+          messageId: 'deprecatedModel',
+          suggest: [
+            {
+              messageId: 'renameEvent',
+              data: { expectedEventName },
+              fix(fixer) {
+                return fixer.replaceTextRange(
+                  [eventName.range[0] + 1, eventName.range[1] - 1],
+                  expectedEventName
+                )
+              }
+            }
+          ]
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-model-definition.js b/tests/lib/rules/no-deprecated-model-definition.js
new file mode 100644
index 000000000..71adb34f5
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-model-definition.js
@@ -0,0 +1,205 @@
+/**
+ * @author Flo Edelmann
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-deprecated-model-definition')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-deprecated-model-definition', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default { name: 'test' }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          model: {
+            prop: 'fooBar',
+            event: 'update:fooBar'
+          }
+        }
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'foo-bar',
+            event: 'update:foo-bar'
+          }
+        })
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          model: {
+            prop: 'foo',
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: '`model` definition is deprecated.',
+          line: 4,
+          column: 11,
+          endLine: 6,
+          endColumn: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default Vue.extend({
+          model: {
+            event: 'update'
+          }
+        })
+        </script>
+      `,
+      errors: [
+        {
+          message: '`model` definition is deprecated.',
+          line: 4,
+          column: 11,
+          endLine: 6,
+          endColumn: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'foo',
+            event: 'update'
+          }
+        })
+        </script>
+      `,
+      errors: [
+        {
+          message: '`model` definition is deprecated.',
+          line: 4,
+          column: 11,
+          endLine: 7,
+          endColumn: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          model: {
+            prop: 'foo',
+          }
+        }
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }],
+      errors: [
+        {
+          message: '`model` definition is deprecated.',
+          line: 4,
+          column: 11,
+          endLine: 6,
+          endColumn: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default Vue.extend({
+          model: {
+            event: 'update'
+          }
+        })
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }],
+      errors: [
+        {
+          message: '`model` definition is deprecated.',
+          line: 4,
+          column: 11,
+          endLine: 6,
+          endColumn: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'foo',
+            event: 'update'
+          }
+        })
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }],
+      errors: [
+        {
+          message: '`model` definition is deprecated.',
+          line: 4,
+          column: 11,
+          endLine: 7,
+          endColumn: 12,
+          suggestions: [
+            {
+              desc: 'Rename event to `update:foo`.',
+              output: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'foo',
+            event: 'update:foo'
+          }
+        })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 3c2e74384841041084ddf25badbab993869b6053 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 27 Jul 2023 15:31:05 +0200
Subject: [PATCH 0638/1010] Bump development dependencies to latest version
 (#2252)

---
 .circleci/config.yml |  2 +-
 .markdownlint.yml    |  1 +
 package.json         | 38 +++++++++++++++++++-------------------
 3 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 4470b68f3..d9b4f0204 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -98,7 +98,7 @@ jobs:
 
   lint:
     docker:
-      - image: node:14
+      - image: node:16
     steps:
       - run:
           name: Versions
diff --git a/.markdownlint.yml b/.markdownlint.yml
index b300725cc..42e207971 100644
--- a/.markdownlint.yml
+++ b/.markdownlint.yml
@@ -1,4 +1,5 @@
 line-length: false
+link-fragments: false
 single-title: false
 no-inline-html:
   allowed_elements:
diff --git a/package.json b/package.json
index f638f6bd7..2c1956df9 100644
--- a/package.json
+++ b/package.json
@@ -63,33 +63,33 @@
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
-    "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.0",
-    "@types/eslint": "^8.4.2",
-    "@types/eslint-visitor-keys": "^1.0.0",
+    "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.2",
+    "@types/eslint": "^8.44.1",
+    "@types/eslint-visitor-keys": "^3.3.0",
     "@types/natural-compare": "^1.4.1",
-    "@types/node": "^13.13.5",
-    "@types/semver": "^7.3.9",
-    "@types/xml-name-validator": "^4.0.0",
+    "@types/node": "^14.18.54",
+    "@types/semver": "^7.5.0",
+    "@types/xml-name-validator": "^4.0.1",
     "@typescript-eslint/parser": "^5.45.0",
     "assert": "^2.0.0",
     "env-cmd": "^10.1.0",
-    "esbuild": "^0.15.15",
-    "eslint": "^8.15.0",
-    "eslint-config-prettier": "^8.5.0",
+    "esbuild": "^0.18.17",
+    "eslint": "^8.45.0",
+    "eslint-config-prettier": "^8.9.0",
     "eslint-plugin-eslint-plugin": "~5.1.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsonc": "^2.2.1",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsonc": "^2.9.0",
     "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-unicorn": "^47.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-unicorn": "^48.0.1",
     "eslint-plugin-vue": "file:.",
-    "espree": "^9.3.2",
+    "espree": "^9.6.1",
     "events": "^3.3.0",
-    "markdownlint-cli": "^0.31.1",
-    "mocha": "^10.0.0",
+    "markdownlint-cli": "^0.35.0",
+    "mocha": "^10.2.0",
     "nyc": "^15.1.0",
-    "prettier": "^2.6.2",
-    "typescript": "^4.9.3",
-    "vitepress": "^1.0.0-alpha.29"
+    "prettier": "^3.0.0",
+    "typescript": "^5.1.6",
+    "vitepress": "^1.0.0-beta.6"
   }
 }

From 6dad5c22b6dd889fdb1c733aed9883580035c237 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 27 Jul 2023 15:51:50 +0200
Subject: [PATCH 0639/1010] Enable more `eslint-plugin-unicorn` rules (#2253)

---
 .../no-invalid-meta-docs-categories.js        |  8 +-
 eslint.config.js                              |  3 -
 lib/processor.js                              | 30 ++++--
 lib/rules/attributes-order.js                 | 48 ++++++----
 lib/rules/block-lang.js                       |  6 +-
 lib/rules/block-tag-newline.js                | 18 ++--
 lib/rules/comment-directive.js                | 18 ++--
 lib/rules/define-emits-declaration.js         |  6 +-
 lib/rules/define-props-declaration.js         |  6 +-
 lib/rules/html-closing-bracket-newline.js     |  9 +-
 lib/rules/html-self-closing.js                |  2 +-
 .../multiline-html-element-content-newline.js |  6 +-
 lib/rules/no-boolean-default.js               |  6 +-
 lib/rules/no-extra-parens.js                  | 10 +-
 lib/rules/no-multiple-template-root.js        | 14 +--
 lib/rules/no-restricted-props.js              |  8 +-
 lib/rules/no-unused-components.js             |  6 +-
 lib/rules/no-unused-properties.js             |  2 +-
 lib/rules/require-default-prop.js             |  6 +-
 lib/rules/require-prop-comment.js             | 12 ++-
 lib/rules/require-valid-default-prop.js       | 36 +++----
 lib/rules/this-in-template.js                 |  2 +-
 lib/rules/v-on-handler-style.js               | 18 ++--
 lib/rules/v-slot-style.js                     | 12 ++-
 lib/utils/indent-common.js                    | 48 +++++-----
 lib/utils/index.js                            |  9 +-
 lib/utils/property-references.js              | 10 +-
 lib/utils/selector.js                         | 93 ++++++++++++-------
 lib/utils/ts-utils/ts-ast.js                  | 83 +++++++++++------
 29 files changed, 322 insertions(+), 213 deletions(-)

diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index 1ea9a16e6..03df5eb5a 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -70,16 +70,16 @@ function checkMetaValidity(context, exportsNode) {
         ) {
           // fixes.push(fixer.insertTextBefore(category.value, '['), fixer.insertTextAfter(category.value, ']'))
 
-          // for vue3 migration
-          if (category.value.value !== 'base') {
+          if (category.value.value === 'base') {
+            fixes.push(fixer.insertTextBefore(category.value, '['))
+          } else {
+            // for vue3 migration
             fixes.push(
               fixer.insertTextBefore(
                 category.value,
                 `['vue3-${category.value.value}', `
               )
             )
-          } else {
-            fixes.push(fixer.insertTextBefore(category.value, '['))
           }
           fixes.push(fixer.insertTextAfter(category.value, ']'))
         }
diff --git a/eslint.config.js b/eslint.config.js
index be4b85d0a..abedce70b 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -167,7 +167,6 @@ module.exports = [
       'unicorn/filename-case': 'off',
       'unicorn/no-null': 'off',
       'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
-      'unicorn/no-negated-condition': 'off', // remove when there are few pull requests (ref: #2146)
       'unicorn/no-useless-undefined': 'off',
       'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
       'unicorn/prefer-module': 'off',
@@ -175,9 +174,7 @@ module.exports = [
       'unicorn/prefer-at': 'off', //                 turn off to prevent make breaking changes (ref: #2146)
       'unicorn/prefer-node-protocol': 'off', //      turn off to prevent make breaking changes (ref: #2146)
       'unicorn/prefer-string-replace-all': 'off', // turn off to prevent make breaking changes (ref: #2146)
-      'unicorn/prefer-ternary': 'off', //            remove when there are few pull requests (ref: #2146)
       'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
-      'unicorn/switch-case-braces': 'off', //        remove when there are few pull requests (ref: #2146)
 
       'internal/require-eslint-community': ['error']
     }
diff --git a/lib/processor.js b/lib/processor.js
index f0a89fd8d..b7268fab9 100644
--- a/lib/processor.js
+++ b/lib/processor.js
@@ -46,40 +46,50 @@ module.exports = {
         const directiveType = message.messageId
         const data = message.message.split(' ')
         switch (directiveType) {
-          case 'disableBlock':
+          case 'disableBlock': {
             state.block.disableAllKeys.add(data[1])
             break
-          case 'disableLine':
+          }
+          case 'disableLine': {
             state.line.disableAllKeys.add(data[1])
             break
-          case 'enableBlock':
+          }
+          case 'enableBlock': {
             state.block.disableAllKeys.clear()
             break
-          case 'enableLine':
+          }
+          case 'enableLine': {
             state.line.disableAllKeys.clear()
             break
-          case 'disableBlockRule':
+          }
+          case 'disableBlockRule': {
             addDisableRule(state.block.disableRuleKeys, data[1], data[2])
             break
-          case 'disableLineRule':
+          }
+          case 'disableLineRule': {
             addDisableRule(state.line.disableRuleKeys, data[1], data[2])
             break
-          case 'enableBlockRule':
+          }
+          case 'enableBlockRule': {
             state.block.disableRuleKeys.delete(data[1])
             break
-          case 'enableLineRule':
+          }
+          case 'enableLineRule': {
             state.line.disableRuleKeys.delete(data[1])
             break
-          case 'clear':
+          }
+          case 'clear': {
             state.block.disableAllKeys.clear()
             state.block.disableRuleKeys.clear()
             state.line.disableAllKeys.clear()
             state.line.disableRuleKeys.clear()
             break
-          default:
+          }
+          default: {
             // unused eslint-disable comments report
             unusedDisableDirectiveReports.set(messageToKey(message), message)
             break
+          }
         }
         return false
       } else {
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 28d4d1ffa..44404f05c 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -120,30 +120,39 @@ function getAttributeType(attribute) {
     if (!isVBind(attribute)) {
       const name = attribute.key.name.name
       switch (name) {
-        case 'for':
+        case 'for': {
           return ATTRS.LIST_RENDERING
+        }
         case 'if':
         case 'else-if':
         case 'else':
         case 'show':
-        case 'cloak':
+        case 'cloak': {
           return ATTRS.CONDITIONALS
+        }
         case 'pre':
-        case 'once':
+        case 'once': {
           return ATTRS.RENDER_MODIFIERS
-        case 'model':
+        }
+        case 'model': {
           return ATTRS.TWO_WAY_BINDING
-        case 'on':
+        }
+        case 'on': {
           return ATTRS.EVENTS
+        }
         case 'html':
-        case 'text':
+        case 'text': {
           return ATTRS.CONTENT
-        case 'slot':
+        }
+        case 'slot': {
           return ATTRS.SLOT
-        case 'is':
+        }
+        case 'is': {
           return ATTRS.DEFINITION
-        default:
+        }
+        default: {
           return ATTRS.OTHER_DIRECTIVES
+        }
       }
     }
     propName =
@@ -154,17 +163,21 @@ function getAttributeType(attribute) {
     propName = attribute.key.name
   }
   switch (propName) {
-    case 'is':
+    case 'is': {
       return ATTRS.DEFINITION
-    case 'id':
+    }
+    case 'id': {
       return ATTRS.GLOBAL
+    }
     case 'ref':
-    case 'key':
+    case 'key': {
       return ATTRS.UNIQUE
+    }
     case 'slot':
-    case 'slot-scope':
+    case 'slot-scope': {
       return ATTRS.SLOT
-    default:
+    }
+    default: {
       if (isVBind(attribute)) {
         return ATTRS.ATTR_DYNAMIC
       }
@@ -172,6 +185,7 @@ function getAttributeType(attribute) {
         return ATTRS.ATTR_SHORTHAND_BOOL
       }
       return ATTRS.ATTR_STATIC
+    }
   }
 }
 
@@ -182,9 +196,9 @@ function getAttributeType(attribute) {
  */
 function getPosition(attribute, attributePosition) {
   const attributeType = getAttributeType(attribute)
-  return attributePosition[attributeType] != null
-    ? attributePosition[attributeType]
-    : null
+  return attributePosition[attributeType] == null
+    ? null
+    : attributePosition[attributeType]
 }
 
 /**
diff --git a/lib/rules/block-lang.js b/lib/rules/block-lang.js
index 35898e938..55b85ce82 100644
--- a/lib/rules/block-lang.js
+++ b/lib/rules/block-lang.js
@@ -42,10 +42,12 @@ const DEFAULT_LANGUAGES = {
 function getAllowsLangPhrase(lang) {
   const langs = [...lang].map((s) => `"${s}"`)
   switch (langs.length) {
-    case 1:
+    case 1: {
       return langs[0]
-    default:
+    }
+    default: {
       return `${langs.slice(0, -1).join(', ')}, and ${langs[langs.length - 1]}`
+    }
   }
 }
 
diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
index 007c1e8e1..bccecd834 100644
--- a/lib/rules/block-tag-newline.js
+++ b/lib/rules/block-tag-newline.js
@@ -25,10 +25,12 @@ function getLinebreakCount(text) {
  */
 function getPhrase(lineBreaks) {
   switch (lineBreaks) {
-    case 1:
+    case 1: {
       return '1 line break'
-    default:
+    }
+    default: {
       return `${lineBreaks} line breaks`
+    }
   }
 }
 
@@ -322,17 +324,17 @@ module.exports = {
       return (element) => {
         const { name } = element
         const elementsOptions = blocks[name]
-        if (!elementsOptions) {
-          verifyElement(element, options)
-        } else {
+        if (elementsOptions) {
           normalizeOptionValue({
             singleline: elementsOptions.singleline || options.singleline,
             multiline: elementsOptions.multiline || options.multiline,
             maxEmptyLines:
-              elementsOptions.maxEmptyLines != null
-                ? elementsOptions.maxEmptyLines
-                : options.maxEmptyLines
+              elementsOptions.maxEmptyLines == null
+                ? options.maxEmptyLines
+                : elementsOptions.maxEmptyLines
           })(element)
+        } else {
+          verifyElement(element, options)
         }
       }
     }
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index 8ed085602..aeca98aef 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -70,16 +70,16 @@ function parse(pattern, comment) {
  * @returns {void}
  */
 function enable(context, loc, group, rule) {
-  if (!rule) {
+  if (rule) {
     context.report({
       loc,
-      messageId: group === 'block' ? 'enableBlock' : 'enableLine'
+      messageId: group === 'block' ? 'enableBlockRule' : 'enableLineRule',
+      data: { rule }
     })
   } else {
     context.report({
       loc,
-      messageId: group === 'block' ? 'enableBlockRule' : 'enableLineRule',
-      data: { rule }
+      messageId: group === 'block' ? 'enableBlock' : 'enableLine'
     })
   }
 }
@@ -94,17 +94,17 @@ function enable(context, loc, group, rule) {
  * @returns {void}
  */
 function disable(context, loc, group, rule, key) {
-  if (!rule) {
+  if (rule) {
     context.report({
       loc,
-      messageId: group === 'block' ? 'disableBlock' : 'disableLine',
-      data: { key }
+      messageId: group === 'block' ? 'disableBlockRule' : 'disableLineRule',
+      data: { rule, key }
     })
   } else {
     context.report({
       loc,
-      messageId: group === 'block' ? 'disableBlockRule' : 'disableLineRule',
-      data: { rule, key }
+      messageId: group === 'block' ? 'disableBlock' : 'disableLine',
+      data: { key }
     })
   }
 }
diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index 3d64fed51..4daf4115c 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -36,7 +36,7 @@ module.exports = {
     return utils.defineScriptSetupVisitor(context, {
       onDefineEmitsEnter(node) {
         switch (defineType) {
-          case 'type-based':
+          case 'type-based': {
             if (node.arguments.length > 0) {
               context.report({
                 node,
@@ -44,8 +44,9 @@ module.exports = {
               })
             }
             break
+          }
 
-          case 'runtime':
+          case 'runtime': {
             if (node.typeParameters && node.typeParameters.params.length > 0) {
               context.report({
                 node,
@@ -53,6 +54,7 @@ module.exports = {
               })
             }
             break
+          }
         }
       }
     })
diff --git a/lib/rules/define-props-declaration.js b/lib/rules/define-props-declaration.js
index 7a0be2259..c6fe4ffdc 100644
--- a/lib/rules/define-props-declaration.js
+++ b/lib/rules/define-props-declaration.js
@@ -36,7 +36,7 @@ module.exports = {
     return utils.defineScriptSetupVisitor(context, {
       onDefinePropsEnter(node) {
         switch (defineType) {
-          case 'type-based':
+          case 'type-based': {
             if (node.arguments.length > 0) {
               context.report({
                 node,
@@ -44,8 +44,9 @@ module.exports = {
               })
             }
             break
+          }
 
-          case 'runtime':
+          case 'runtime': {
             if (node.typeParameters && node.typeParameters.params.length > 0) {
               context.report({
                 node,
@@ -53,6 +54,7 @@ module.exports = {
               })
             }
             break
+          }
         }
       }
     })
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 0c787526a..e1a746e42 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -12,12 +12,15 @@ const utils = require('../utils')
  */
 function getPhrase(lineBreaks) {
   switch (lineBreaks) {
-    case 0:
+    case 0: {
       return 'no line breaks'
-    case 1:
+    }
+    case 1: {
       return '1 line break'
-    default:
+    }
+    default: {
       return `${lineBreaks} line breaks`
+    }
   }
 }
 
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 3cda61ffe..621cde6d1 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -78,7 +78,7 @@ function getElementType(node) {
  */
 function isEmpty(node, sourceCode) {
   const start = node.startTag.range[1]
-  const end = node.endTag != null ? node.endTag.range[0] : node.range[1]
+  const end = node.endTag == null ? node.range[1] : node.endTag.range[0]
 
   return sourceCode.text.slice(start, end).trim() === ''
 }
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index a8ccc3676..dc4111864 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -34,10 +34,12 @@ function parseOptions(options) {
  */
 function getPhrase(lineBreaks) {
   switch (lineBreaks) {
-    case 0:
+    case 0: {
       return 'no'
-    default:
+    }
+    default: {
       return `${lineBreaks}`
+    }
   }
 }
 /**
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 5fd2560ad..66ca114bb 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -97,14 +97,15 @@ module.exports = {
      */
     function verifyDefaultExpression(defaultNode) {
       switch (booleanType) {
-        case 'no-default':
+        case 'no-default': {
           context.report({
             node: defaultNode,
             messageId: 'noBooleanDefault'
           })
           break
+        }
 
-        case 'default-false':
+        case 'default-false': {
           if (defaultNode.type !== 'Literal' || defaultNode.value !== false) {
             context.report({
               node: defaultNode,
@@ -112,6 +113,7 @@ module.exports = {
             })
           }
           break
+        }
       }
     }
     return utils.compositingVisitors(
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index c6da3a8bf..7264677cc 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -97,15 +97,15 @@ function createForVueSyntax(context) {
   function isUnwrapChangeToFilter(expression) {
     let parenStack = null
     for (const token of tokenStore.getTokens(expression)) {
-      if (!parenStack) {
-        if (token.value === '|') {
-          return true
-        }
-      } else {
+      if (parenStack) {
         if (parenStack.isUpToken(token)) {
           parenStack = parenStack.upper
           continue
         }
+      } else {
+        if (token.value === '|') {
+          return true
+        }
       }
       if (isLeftParen(token)) {
         parenStack = { isUpToken: isRightParen, upper: parenStack }
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index e4ed1b910..f7948ecd3 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -65,13 +65,7 @@ module.exports = {
             loc: extraText.loc,
             messageId: 'textRoot'
           })
-        } else if (extraElement != null) {
-          context.report({
-            node: extraElement,
-            loc: extraElement.loc,
-            messageId: 'multipleRoot'
-          })
-        } else {
+        } else if (extraElement == null) {
           for (const element of rootElements) {
             const tag = element.startTag
             const name = element.name
@@ -92,6 +86,12 @@ module.exports = {
               })
             }
           }
+        } else {
+          context.report({
+            node: extraElement,
+            loc: extraElement.loc,
+            messageId: 'multipleRoot'
+          })
         }
       }
     }
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index c7203054b..21f53cc7d 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -109,17 +109,17 @@ module.exports = {
               option.message ||
               `Using \`${prop.propName}\` props is not allowed.`
             context.report({
-              node: prop.type !== 'infer-type' ? prop.key : prop.node,
+              node: prop.type === 'infer-type' ? prop.node : prop.key,
               messageId: 'restrictedProp',
               data: { message },
               suggest:
-                prop.type !== 'infer-type'
-                  ? createSuggest(
+                prop.type === 'infer-type'
+                  ? null
+                  : createSuggest(
                       prop.key,
                       option,
                       withDefaultsProps && withDefaultsProps[prop.propName]
                     )
-                  : null
             })
             break
           }
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index af26a964b..603cce85d 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -36,9 +36,9 @@ module.exports = {
   create(context) {
     const options = context.options[0] || {}
     const ignoreWhenBindingPresent =
-      options.ignoreWhenBindingPresent !== undefined
-        ? options.ignoreWhenBindingPresent
-        : true
+      options.ignoreWhenBindingPresent === undefined
+        ? true
+        : options.ignoreWhenBindingPresent
     const usedComponents = new Set()
     /** @type { { node: Property, name: string }[] } */
     let registeredComponents = []
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 818dcc053..fd9b0df2c 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -423,7 +423,7 @@ module.exports = {
                 type: prop.type,
                 name: prop.propName,
                 groupName: 'props',
-                node: prop.type !== 'infer-type' ? prop.key : prop.node
+                node: prop.type === 'infer-type' ? prop.node : prop.key
               })
             }
           }
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 81f40c71f..194e4bb8a 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -150,9 +150,9 @@ module.exports = {
             continue
           }
           const propName =
-            prop.propName != null
-              ? prop.propName
-              : `[${context.getSourceCode().getText(prop.node.key)}]`
+            prop.propName == null
+              ? `[${context.getSourceCode().getText(prop.node.key)}]`
+              : prop.propName
 
           context.report({
             node: prop.node,
diff --git a/lib/rules/require-prop-comment.js b/lib/rules/require-prop-comment.js
index 845bba9df..41e1d57fb 100644
--- a/lib/rules/require-prop-comment.js
+++ b/lib/rules/require-prop-comment.js
@@ -76,18 +76,22 @@ module.exports = {
         let messageId
 
         switch (type) {
-          case 'block':
+          case 'block': {
             messageId = verifyBlock(lastPrecedingComment)
             break
-          case 'line':
+          }
+          case 'line': {
             messageId = verifyLine(lastPrecedingComment)
             break
-          case 'any':
+          }
+          case 'any': {
             messageId = verifyAny(lastPrecedingComment)
             break
-          default:
+          }
+          default: {
             messageId = verifyJSDoc(lastPrecedingComment)
             break
+          }
         }
 
         if (!messageId) {
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index 24b911b2b..ab6e9b14b 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -236,9 +236,9 @@ module.exports = {
      */
     function report(node, prop, expectedTypeNames) {
       const propName =
-        prop.propName != null
-          ? prop.propName
-          : `[${context.getSourceCode().getText(prop.node.key)}]`
+        prop.propName == null
+          ? `[${context.getSourceCode().getText(prop.node.key)}]`
+          : prop.propName
       context.report({
         node,
         messageId: 'invalidType',
@@ -285,21 +285,7 @@ module.exports = {
 
         if (!defType) continue
 
-        if (!defType.function) {
-          if (
-            typeNames.has(defType.type) &&
-            !FUNCTION_VALUE_TYPES.has(defType.type)
-          ) {
-            continue
-          }
-          report(
-            defExpr,
-            prop,
-            [...typeNames].map((type) =>
-              FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
-            )
-          )
-        } else {
+        if (defType.function) {
           if (typeNames.has('Function')) {
             continue
           }
@@ -315,6 +301,20 @@ module.exports = {
               default: defType
             })
           }
+        } else {
+          if (
+            typeNames.has(defType.type) &&
+            !FUNCTION_VALUE_TYPES.has(defType.type)
+          ) {
+            continue
+          }
+          report(
+            defExpr,
+            prop,
+            [...typeNames].map((type) =>
+              FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
+            )
+          )
         }
       }
       return propContexts
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index d93f07f78..0652902f0 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -34,7 +34,7 @@ module.exports = {
    * @returns {Object} AST event handlers.
    */
   create(context) {
-    const options = context.options[0] !== 'always' ? 'never' : 'always'
+    const options = context.options[0] === 'always' ? 'always' : 'never'
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} parent
diff --git a/lib/rules/v-on-handler-style.js b/lib/rules/v-on-handler-style.js
index aa1214e38..890965156 100644
--- a/lib/rules/v-on-handler-style.js
+++ b/lib/rules/v-on-handler-style.js
@@ -179,11 +179,13 @@ module.exports = {
      */
     function verifyForInlineHandler(node, kind) {
       switch (kind) {
-        case 'method':
+        case 'method': {
           return verifyCanUseMethodHandlerForInlineHandler(node)
-        case 'inline-function':
+        }
+        case 'inline-function': {
           reportCanUseInlineFunctionForInlineHandler(node)
           return true
+        }
       }
       return false
     }
@@ -196,7 +198,7 @@ module.exports = {
     function reportForMethodHandler(node, kind) {
       switch (kind) {
         case 'inline':
-        case 'inline-function':
+        case 'inline-function': {
           context.report({
             node,
             messageId:
@@ -205,6 +207,7 @@ module.exports = {
                 : 'preferInlineFunctionOverMethod'
           })
           return true
+        }
       }
       // This path is currently not taken.
       return false
@@ -217,11 +220,13 @@ module.exports = {
      */
     function verifyForInlineFunction(node, kind) {
       switch (kind) {
-        case 'method':
+        case 'method': {
           return verifyCanUseMethodHandlerForInlineFunction(node)
-        case 'inline':
+        }
+        case 'inline': {
           reportCanUseInlineHandlerForInlineFunction(node)
           return true
+        }
       }
       return false
     }
@@ -529,8 +534,9 @@ module.exports = {
               }
               break
             }
-            default:
+            default: {
               return
+            }
           }
         },
         ...(allows.includes('inline-function')
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index 1bb5f57f2..daa3d96da 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -141,14 +141,18 @@ module.exports = {
 
           fix(fixer) {
             switch (expected) {
-              case 'shorthand':
+              case 'shorthand': {
                 return fixer.replaceTextRange(range, `#${argumentText}`)
-              case 'longform':
+              }
+              case 'longform': {
                 return fixer.replaceTextRange(range, `v-slot:${argumentText}`)
-              case 'v-slot':
+              }
+              case 'v-slot': {
                 return fixer.replaceTextRange(range, 'v-slot')
-              default:
+              }
+              default: {
                 return null
+              }
             }
           }
         })
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 4e3edb229..5b97f37b5 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -372,7 +372,7 @@ module.exports.defineVisitor = function create(
         }
         const elementTokens = getFirstAndLastTokens(
           node,
-          lastToken != null ? lastToken.range[1] : 0
+          lastToken == null ? 0 : lastToken.range[1]
         )
 
         // Collect comma/comment tokens between the last token of the previous node and the first token of this node.
@@ -578,15 +578,15 @@ module.exports.defineVisitor = function create(
   function processTopLevelNode(node, expectedIndent) {
     const token = tokenStore.getFirstToken(node)
     const offsetInfo = offsets.get(token)
-    if (offsetInfo != null) {
-      offsetInfo.expectedIndent = expectedIndent
-    } else {
+    if (offsetInfo == null) {
       offsets.set(token, {
         baseToken: null,
         offset: 0,
         baseline: false,
         expectedIndent
       })
+    } else {
+      offsetInfo.expectedIndent = expectedIndent
     }
   }
 
@@ -639,9 +639,7 @@ module.exports.defineVisitor = function create(
       const offsetInfo = offsets.get(token)
 
       if (offsetInfo != null) {
-        if (offsetInfo.expectedIndent != null) {
-          expectedIndents.push(offsetInfo.expectedIndent)
-        } else {
+        if (offsetInfo.expectedIndent == null) {
           const baseOffsetInfo = offsets.get(offsetInfo.baseToken)
           if (
             baseOffsetInfo != null &&
@@ -656,6 +654,8 @@ module.exports.defineVisitor = function create(
               break
             }
           }
+        } else {
+          expectedIndents.push(offsetInfo.expectedIndent)
         }
       }
     }
@@ -943,7 +943,12 @@ module.exports.defineVisitor = function create(
     },
     /** @param {VElement} node */
     VElement(node) {
-      if (!PREFORMATTED_ELEMENT_NAMES.has(node.name)) {
+      if (PREFORMATTED_ELEMENT_NAMES.has(node.name)) {
+        const startTagToken = tokenStore.getFirstToken(node)
+        const endTagToken = node.endTag && tokenStore.getFirstToken(node.endTag)
+        setOffset(endTagToken, 0, startTagToken)
+        setPreformattedTokens(node)
+      } else {
         const isTopLevel = node.parent.type !== 'VElement'
         const offset = isTopLevel ? options.baseIndent : 1
         processNodeList(
@@ -953,11 +958,6 @@ module.exports.defineVisitor = function create(
           offset,
           false
         )
-      } else {
-        const startTagToken = tokenStore.getFirstToken(node)
-        const endTagToken = node.endTag && tokenStore.getFirstToken(node.endTag)
-        setOffset(endTagToken, 0, startTagToken)
-        setPreformattedTokens(node)
       }
     },
     /** @param {VEndTag} node */
@@ -1050,9 +1050,9 @@ module.exports.defineVisitor = function create(
       )
       if (closeToken != null && closeToken.type.endsWith('TagClose')) {
         const offset =
-          closeToken.type !== 'HTMLSelfClosingTagClose'
-            ? options.closeBracket.startTag
-            : options.closeBracket.selfClosingTag
+          closeToken.type === 'HTMLSelfClosingTagClose'
+            ? options.closeBracket.selfClosingTag
+            : options.closeBracket.startTag
         setOffset(closeToken, offset, openToken)
       }
     },
@@ -1290,9 +1290,7 @@ module.exports.defineVisitor = function create(
         ...tokenStore.getTokensBetween(exportToken, node.source),
         tokenStore.getFirstToken(node.source)
       ]
-      if (!node.exported) {
-        setOffset(tokens, 1, exportToken)
-      } else {
+      if (node.exported) {
         // export * as foo from "mod"
         const starToken = /** @type {Token} */ (tokens.find(isWildcard))
         const asToken = tokenStore.getTokenAfter(starToken)
@@ -1303,6 +1301,8 @@ module.exports.defineVisitor = function create(
         setOffset(asToken, 1, starToken)
         setOffset(exportedToken, 1, starToken)
         setOffset(afterTokens, 1, exportToken)
+      } else {
+        setOffset(tokens, 1, exportToken)
       }
 
       // assertions
@@ -1732,7 +1732,11 @@ module.exports.defineVisitor = function create(
     SwitchCase(node) {
       const caseToken = tokenStore.getFirstToken(node)
 
-      if (node.test != null) {
+      if (node.test == null) {
+        const colonToken = tokenStore.getTokenAfter(caseToken)
+
+        setOffset(colonToken, 1, caseToken)
+      } else {
         const testToken = tokenStore.getTokenAfter(caseToken)
         const colonToken = tokenStore.getTokenAfter(
           node.test,
@@ -1740,10 +1744,6 @@ module.exports.defineVisitor = function create(
         )
 
         setOffset([testToken, colonToken], 1, caseToken)
-      } else {
-        const colonToken = tokenStore.getTokenAfter(caseToken)
-
-        setOffset(colonToken, 1, caseToken)
       }
 
       if (
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 337b31a83..0c9a4ac99 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1723,11 +1723,10 @@ module.exports = {
     }
     for (let i = 1; i <= alen; i++) {
       for (let j = 1; j <= blen; j++) {
-        if (a[i - 1] === b[j - 1]) {
-          dp[i][j] = dp[i - 1][j - 1]
-        } else {
-          dp[i][j] = Math.min(dp[i - 1][j], dp[i][j - 1], dp[i - 1][j - 1]) + 1
-        }
+        dp[i][j] =
+          a[i - 1] === b[j - 1]
+            ? dp[i - 1][j - 1]
+            : Math.min(dp[i - 1][j], dp[i][j - 1], dp[i - 1][j - 1]) + 1
       }
     }
     return dp[alen][blen]
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 4be7b17c7..4d4e39805 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -650,14 +650,14 @@ function definePropertyReferenceExtractor(
       if (ignoreRef(id.name)) {
         continue
       }
-      if (!isFunctionalTemplate) {
-        references.push(
-          extractFromName(id.name, id, () => extractFromExpression(id, true))
-        )
-      } else {
+      if (isFunctionalTemplate) {
         if (id.name === 'props') {
           references.push(extractFromExpression(id, true))
         }
+      } else {
+        references.push(
+          extractFromName(id.name, id, () => extractFromExpression(id, true))
+        )
       }
     }
     return mergePropertyReferences(references)
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
index 862f695fb..67960d59a 100644
--- a/lib/utils/selector.js
+++ b/lib/utils/selector.js
@@ -168,7 +168,7 @@ function selectorToVElementMatcher(selectorChildren) {
  */
 function combination(left, combinator, right) {
   switch (combinator.trim()) {
-    case '':
+    case '': {
       // descendant
       return (element, subject) => {
         if (right(element, null)) {
@@ -182,7 +182,8 @@ function combination(left, combinator, right) {
         }
         return false
       }
-    case '>':
+    }
+    case '>': {
       // child
       return (element, subject) => {
         if (right(element, null)) {
@@ -193,7 +194,8 @@ function combination(left, combinator, right) {
         }
         return false
       }
-    case '+':
+    }
+    case '+': {
       // adjacent
       return (element, subject) => {
         if (right(element, null)) {
@@ -204,7 +206,8 @@ function combination(left, combinator, right) {
         }
         return false
       }
-    case '~':
+    }
+    case '~': {
       // sibling
       return (element, subject) => {
         if (right(element, null)) {
@@ -216,8 +219,10 @@ function combination(left, combinator, right) {
         }
         return false
       }
-    default:
+    }
+    default: {
       throw new SelectorError(`Unknown combinator: ${combinator}.`)
+    }
   }
 }
 
@@ -228,26 +233,35 @@ function combination(left, combinator, right) {
  */
 function nodeToVElementMatcher(selector) {
   switch (selector.type) {
-    case 'attribute':
+    case 'attribute': {
       return attributeNodeToVElementMatcher(selector)
-    case 'class':
+    }
+    case 'class': {
       return classNameNodeToVElementMatcher(selector)
-    case 'id':
+    }
+    case 'id': {
       return identifierNodeToVElementMatcher(selector)
-    case 'tag':
+    }
+    case 'tag': {
       return tagNodeToVElementMatcher(selector)
-    case 'universal':
+    }
+    case 'universal': {
       return universalNodeToVElementMatcher(selector)
-    case 'pseudo':
+    }
+    case 'pseudo': {
       return pseudoNodeToVElementMatcher(selector)
-    case 'nesting':
+    }
+    case 'nesting': {
       throw new SelectorError('Unsupported nesting selector.')
-    case 'string':
+    }
+    case 'string': {
       throw new SelectorError(`Unknown selector: ${selector.value}.`)
-    default:
+    }
+    default: {
       throw new SelectorError(
         `Unknown selector: ${/** @type {any}*/ (selector).value}.`
       )
+    }
   }
 }
 
@@ -264,30 +278,37 @@ function attributeNodeToVElementMatcher(selector) {
   const value = selector.value || ''
 
   switch (selector.operator) {
-    case '=':
+    case '=': {
       return buildVElementMatcher(value, (attr, val) => attr === val)
-    case '~=':
+    }
+    case '~=': {
       // words
       return buildVElementMatcher(value, (attr, val) =>
         attr.split(/\s+/gu).includes(val)
       )
-    case '|=':
+    }
+    case '|=': {
       // immediately followed by hyphen
       return buildVElementMatcher(
         value,
         (attr, val) => attr === val || attr.startsWith(`${val}-`)
       )
-    case '^=':
+    }
+    case '^=': {
       // prefixed
       return buildVElementMatcher(value, (attr, val) => attr.startsWith(val))
-    case '$=':
+    }
+    case '$=': {
       // suffixed
       return buildVElementMatcher(value, (attr, val) => attr.endsWith(val))
-    case '*=':
+    }
+    case '*=': {
       // contains
       return buildVElementMatcher(value, (attr, val) => attr.includes(val))
-    default:
+    }
+    default: {
       throw new SelectorError(`Unsupported operator: ${selector.operator}.`)
+    }
   }
 
   /**
@@ -376,19 +397,22 @@ function pseudoNodeToVElementMatcher(selector) {
       return (element, subject) => !selectors(element, subject)
     }
     case ':is':
-    case ':where':
+    case ':where': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:is
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:where
       return selectorsToVElementMatcher(selector.nodes)
-    case ':has':
+    }
+    case ':has': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:has
       return pseudoHasSelectorsToVElementMatcher(selector.nodes)
-    case ':empty':
+    }
+    case ':empty': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:empty
       return (element) =>
         element.children.every(
           (child) => child.type === 'VText' && !child.value.trim()
         )
+    }
     case ':nth-child': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child
       const nth = parseNth(selector)
@@ -401,19 +425,22 @@ function pseudoNodeToVElementMatcher(selector) {
         nth(length - index - 1)
       )
     }
-    case ':first-child':
+    case ':first-child': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child
       return buildPseudoNthVElementMatcher((index) => index === 0)
-    case ':last-child':
+    }
+    case ':last-child': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child
       return buildPseudoNthVElementMatcher(
         (index, length) => index === length - 1
       )
-    case ':only-child':
+    }
+    case ':only-child': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:only-child
       return buildPseudoNthVElementMatcher(
         (index, length) => index === 0 && length === 1
       )
+    }
     case ':nth-of-type': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type
       const nth = parseNth(selector)
@@ -426,21 +453,25 @@ function pseudoNodeToVElementMatcher(selector) {
         nth(length - index - 1)
       )
     }
-    case ':first-of-type':
+    case ':first-of-type': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:first-of-type
       return buildPseudoNthOfTypeVElementMatcher((index) => index === 0)
-    case ':last-of-type':
+    }
+    case ':last-of-type': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:last-of-type
       return buildPseudoNthOfTypeVElementMatcher(
         (index, length) => index === length - 1
       )
-    case ':only-of-type':
+    }
+    case ':only-of-type': {
       // https://developer.mozilla.org/en-US/docs/Web/CSS/:only-of-type
       return buildPseudoNthOfTypeVElementMatcher(
         (index, length) => index === 0 && length === 1
       )
-    default:
+    }
+    default: {
       throw new SelectorError(`Unsupported pseudo selector: ${pseudo}.`)
+    }
   }
 }
 
diff --git a/lib/utils/ts-utils/ts-ast.js b/lib/utils/ts-utils/ts-ast.js
index 8561bf565..d019b77cd 100644
--- a/lib/utils/ts-utils/ts-ast.js
+++ b/lib/utils/ts-utils/ts-ast.js
@@ -321,34 +321,45 @@ function flattenTypeNodes(context, node) {
 function inferRuntimeType(context, node, checked = new Set()) {
   switch (node.type) {
     case 'TSStringKeyword':
-    case 'TSTemplateLiteralType':
+    case 'TSTemplateLiteralType': {
       return ['String']
-    case 'TSNumberKeyword':
+    }
+    case 'TSNumberKeyword': {
       return ['Number']
-    case 'TSBooleanKeyword':
+    }
+    case 'TSBooleanKeyword': {
       return ['Boolean']
-    case 'TSObjectKeyword':
+    }
+    case 'TSObjectKeyword': {
       return ['Object']
-    case 'TSTypeLiteral':
+    }
+    case 'TSTypeLiteral': {
       return inferTypeLiteralType(node)
-    case 'TSFunctionType':
+    }
+    case 'TSFunctionType': {
       return ['Function']
+    }
     case 'TSArrayType':
-    case 'TSTupleType':
+    case 'TSTupleType': {
       return ['Array']
-    case 'TSSymbolKeyword':
+    }
+    case 'TSSymbolKeyword': {
       return ['Symbol']
+    }
 
-    case 'TSLiteralType':
+    case 'TSLiteralType': {
       if (node.literal.type === 'Literal') {
         switch (typeof node.literal.value) {
-          case 'boolean':
+          case 'boolean': {
             return ['Boolean']
-          case 'string':
+          }
+          case 'string': {
             return ['String']
+          }
           case 'number':
-          case 'bigint':
+          case 'bigint': {
             return ['Number']
+          }
         }
         if (node.literal.value instanceof RegExp) {
           return ['RegExp']
@@ -358,7 +369,8 @@ function inferRuntimeType(context, node, checked = new Set()) {
         context,
         /** @type {TypeNode} */ (node)
       )
-    case 'TSTypeReference':
+    }
+    case 'TSTypeReference': {
       if (node.typeName.type === 'Identifier') {
         const variable = findVariable(context.getScope(), node.typeName.name)
         if (variable && variable.defs.length === 1) {
@@ -391,8 +403,9 @@ function inferRuntimeType(context, node, checked = new Set()) {
             case 'Map':
             case 'WeakSet':
             case 'WeakMap':
-            case 'Date':
+            case 'Date': {
               return [name]
+            }
           }
         }
 
@@ -403,17 +416,20 @@ function inferRuntimeType(context, node, checked = new Set()) {
           case 'Pick':
           case 'Omit':
           case 'Required':
-          case 'InstanceType':
+          case 'InstanceType': {
             return ['Object']
+          }
           case 'Uppercase':
           case 'Lowercase':
           case 'Capitalize':
-          case 'Uncapitalize':
+          case 'Uncapitalize': {
             return ['String']
+          }
           case 'Parameters':
-          case 'ConstructorParameters':
+          case 'ConstructorParameters': {
             return ['Array']
-          case 'NonNullable':
+          }
+          case 'NonNullable': {
             if (node.typeParameters && node.typeParameters.params[0]) {
               return inferRuntimeType(
                 context,
@@ -422,7 +438,8 @@ function inferRuntimeType(context, node, checked = new Set()) {
               ).filter((t) => t !== 'null')
             }
             break
-          case 'Extract':
+          }
+          case 'Extract': {
             if (node.typeParameters && node.typeParameters.params[1]) {
               return inferRuntimeType(
                 context,
@@ -431,8 +448,9 @@ function inferRuntimeType(context, node, checked = new Set()) {
               )
             }
             break
+          }
           case 'Exclude':
-          case 'OmitThisParameter':
+          case 'OmitThisParameter': {
             if (node.typeParameters && node.typeParameters.params[0]) {
               return inferRuntimeType(
                 context,
@@ -441,22 +459,26 @@ function inferRuntimeType(context, node, checked = new Set()) {
               )
             }
             break
+          }
         }
       }
       return inferRuntimeTypeFromTypeNode(
         context,
         /** @type {TypeNode} */ (node)
       )
+    }
 
     case 'TSUnionType':
-    case 'TSIntersectionType':
+    case 'TSIntersectionType': {
       return inferUnionType(node)
+    }
 
-    default:
+    default: {
       return inferRuntimeTypeFromTypeNode(
         context,
         /** @type {TypeNode} */ (node)
       )
+    }
   }
 
   /**
@@ -483,11 +505,13 @@ function inferTypeLiteralType(node) {
   for (const m of node.members) {
     switch (m.type) {
       case 'TSCallSignatureDeclaration':
-      case 'TSConstructSignatureDeclaration':
+      case 'TSConstructSignatureDeclaration': {
         types.add('Function')
         break
-      default:
+      }
+      default: {
         types.add('Object')
+      }
     }
   }
   return types.size > 0 ? [...types] : ['Object']
@@ -503,16 +527,21 @@ function inferEnumType(context, node) {
     if (m.initializer) {
       if (m.initializer.type === 'Literal') {
         switch (typeof m.initializer.value) {
-          case 'string':
+          case 'string': {
             types.add('String')
             break
+          }
           case 'number':
-          case 'bigint': // Now it's a syntax error.
+          case 'bigint': {
+            // Now it's a syntax error.
             types.add('Number')
             break
-          case 'boolean': // Now it's a syntax error.
+          }
+          case 'boolean': {
+            // Now it's a syntax error.
             types.add('Boolean')
             break
+          }
         }
       } else {
         for (const type of inferRuntimeTypeFromTypeNode(

From 7c63e1e8c93e5bb1ea048ecfa7298d99fddcc562 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 29 Jul 2023 11:10:35 +0200
Subject: [PATCH 0640/1010] Rename `vue/component-tags-order` to
 `vue/block-order` (#2222)

---
 docs/rules/block-order.md          | 194 +++++++++++
 docs/rules/component-tags-order.md |   1 +
 docs/rules/index.md                |   4 +-
 lib/index.js                       |   1 +
 lib/rules/block-order.js           | 184 +++++++++++
 lib/rules/component-tags-order.js  | 181 +----------
 tests/lib/rules/block-order.js     | 495 +++++++++++++++++++++++++++++
 tools/update-docs.js               |   3 +-
 8 files changed, 890 insertions(+), 173 deletions(-)
 create mode 100644 docs/rules/block-order.md
 create mode 100644 lib/rules/block-order.js
 create mode 100644 tests/lib/rules/block-order.js

diff --git a/docs/rules/block-order.md b/docs/rules/block-order.md
new file mode 100644
index 000000000..fe32e99e2
--- /dev/null
+++ b/docs/rules/block-order.md
@@ -0,0 +1,194 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/block-order
+description: enforce order of component top-level elements
+---
+# vue/block-order
+
+> enforce order of component top-level elements
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule warns about the order of the top-level tags, such as `<script>`, `<template>` & `<style>`.
+
+## :wrench: Options
+
+```json
+{
+  "vue/block-order": ["error", {
+    "order": [ [ "script", "template" ], "style" ]
+  }]
+}
+```
+
+- `order` (`(string|string[])[]`) ... The order of top-level element names. default `[ [ "script", "template" ], "style" ]`. May also be CSS selectors, such as `script[setup]` and `i18n:not([locale=en])`.
+
+### `{ "order": [ [ "script", "template" ], "style" ] }` (default)
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>/* ... */</script>
+<template>...</template>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<script>/* ... */</script>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<style>/* ... */</style>
+<script>/* ... */</script>
+<template>...</template>
+```
+
+</eslint-code-block>
+
+### `{ "order": ["template", "script", "style"] }`
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<script>/* ... */</script>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'script', 'style'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<script>/* ... */</script>
+<template>...</template>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+### `{ "order": ["docs", "template", "script", "style"] }`
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<docs> documentation </docs>
+<template>...</template>
+<script>/* ... */</script>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['docs', 'template', 'script', 'style'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<script>/* ... */</script>
+<docs> documentation </docs>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+### `{ 'order': ['template', 'script:not([setup])', 'script[setup]'] }`
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'script:not([setup])', 'script[setup]'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<script>/* ... */</script>
+<script setup>/* ... */</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'script:not([setup])', 'script[setup]'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<script setup>/* ... */</script>
+<script>/* ... */</script>
+```
+
+</eslint-code-block>
+
+### `{ 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }`
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<style>/* ... */</style>
+<style scoped>/* ... */</style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<style scoped>/* ... */</style>
+<style>/* ... */</style>
+```
+
+</eslint-code-block>
+
+### `{ 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }`
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>...</template>
+<i18n locale="ja">/* ... */</i18n>
+<i18n locale="en">/* ... */</i18n>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-order': ['error', { 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>...</template>
+<i18n locale="en">/* ... */</i18n>
+<i18n locale="ja">/* ... */</i18n>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [Style guide - Single-file component top-level element order](https://vuejs.org/style-guide/rules-recommended.html#single-file-component-top-level-element-order)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-order.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-order.js)
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 4fc8d245e..22b161aa0 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -9,6 +9,7 @@ since: v6.1.0
 
 > enforce order of component top-level elements
 
+- :no_entry_sign: This rule was **deprecated** and replaced by [vue/block-order](block-order.md) rule.
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/index.md b/docs/rules/index.md
index bdf3a2d19..6b06a7c71 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -178,7 +178,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
 | [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: | :three::two::hammer: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench: | :three::two::hammer: |
+| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench::no_entry_sign: | :three::two::hammer: |
 | [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  | :three::two::warning: |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  | :three::two::warning: |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
@@ -207,6 +207,7 @@ For example:
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
 | [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  | :hammer: |
+| [vue/block-order](./block-order.md) | enforce order of component top-level elements | :wrench: | :hammer: |
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: | :lipstick: |
 | [vue/component-api-style](./component-api-style.md) | enforce component API style |  | :hammer: |
 | [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: | :hammer: |
@@ -336,6 +337,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Replaced by |
 |:--------|:------------|
+| [vue/component-tags-order](./component-tags-order.md) | [vue/block-order](./block-order.md) |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
 | [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
 | [vue/v-on-function-call](./v-on-function-call.md) | [vue/v-on-handler-style](./v-on-handler-style.md) |
diff --git a/lib/index.js b/lib/index.js
index d3bdc3a83..ace37ce59 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -15,6 +15,7 @@ module.exports = {
     'attribute-hyphenation': require('./rules/attribute-hyphenation'),
     'attributes-order': require('./rules/attributes-order'),
     'block-lang': require('./rules/block-lang'),
+    'block-order': require('./rules/block-order'),
     'block-spacing': require('./rules/block-spacing'),
     'block-tag-newline': require('./rules/block-tag-newline'),
     'brace-style': require('./rules/brace-style'),
diff --git a/lib/rules/block-order.js b/lib/rules/block-order.js
new file mode 100644
index 000000000..91d3eaa6f
--- /dev/null
+++ b/lib/rules/block-order.js
@@ -0,0 +1,184 @@
+/**
+ * @author Yosuke Ota
+ * issue https://github.com/vuejs/eslint-plugin-vue/issues/140
+ */
+'use strict'
+
+const utils = require('../utils')
+const { parseSelector } = require('../utils/selector')
+
+/**
+ * @typedef {import('../utils/selector').VElementSelector} VElementSelector
+ */
+
+const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
+
+/**
+ * @param {VElement} element
+ * @return {string}
+ */
+function getAttributeString(element) {
+  return element.startTag.attributes
+    .map((attribute) => {
+      if (attribute.value && attribute.value.type !== 'VLiteral') {
+        return ''
+      }
+
+      return `${attribute.key.name}${
+        attribute.value && attribute.value.value
+          ? `=${attribute.value.value}`
+          : ''
+      }`
+    })
+    .join(' ')
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce order of component top-level elements',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/block-order.html'
+    },
+    fixable: 'code',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          order: {
+            type: 'array',
+            items: {
+              anyOf: [
+                { type: 'string' },
+                { type: 'array', items: { type: 'string' }, uniqueItems: true }
+              ]
+            },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      unexpected:
+        "'<{{elementName}}{{elementAttributes}}>' should be above '<{{firstUnorderedName}}{{firstUnorderedAttributes}}>' on line {{line}}."
+    }
+  },
+  /**
+   * @param {RuleContext} context - The rule context.
+   * @returns {RuleListener} AST event handlers.
+   */
+  create(context) {
+    /**
+     * @typedef {object} OrderElement
+     * @property {string} selectorText
+     * @property {VElementSelector} selector
+     * @property {number} index
+     */
+    /** @type {OrderElement[]} */
+    const orders = []
+    /** @type {(string|string[])[]} */
+    const orderOptions =
+      (context.options[0] && context.options[0].order) || DEFAULT_ORDER
+    for (const [index, selectorOrSelectors] of orderOptions.entries()) {
+      if (Array.isArray(selectorOrSelectors)) {
+        for (const selector of selectorOrSelectors) {
+          orders.push({
+            selectorText: selector,
+            selector: parseSelector(selector, context),
+            index
+          })
+        }
+      } else {
+        orders.push({
+          selectorText: selectorOrSelectors,
+          selector: parseSelector(selectorOrSelectors, context),
+          index
+        })
+      }
+    }
+
+    /**
+     * @param {VElement} element
+     */
+    function getOrderElement(element) {
+      return orders.find((o) => o.selector.test(element))
+    }
+    const documentFragment =
+      context.parserServices.getDocumentFragment &&
+      context.parserServices.getDocumentFragment()
+
+    function getTopLevelHTMLElements() {
+      if (documentFragment) {
+        return documentFragment.children.filter(utils.isVElement)
+      }
+      return []
+    }
+
+    return {
+      Program(node) {
+        if (utils.hasInvalidEOF(node)) {
+          return
+        }
+        const elements = getTopLevelHTMLElements()
+
+        const elementsWithOrder = elements.flatMap((element) => {
+          const order = getOrderElement(element)
+          return order ? [{ order, element }] : []
+        })
+        const sourceCode = context.getSourceCode()
+        for (const [index, elementWithOrders] of elementsWithOrder.entries()) {
+          const { order: expected, element } = elementWithOrders
+          const firstUnordered = elementsWithOrder
+            .slice(0, index)
+            .filter(({ order }) => expected.index < order.index)
+            .sort((e1, e2) => e1.order.index - e2.order.index)[0]
+          if (firstUnordered) {
+            const firstUnorderedAttributes = getAttributeString(
+              firstUnordered.element
+            )
+            const elementAttributes = getAttributeString(element)
+
+            context.report({
+              node: element,
+              loc: element.loc,
+              messageId: 'unexpected',
+              data: {
+                elementName: element.name,
+                elementAttributes: elementAttributes
+                  ? ` ${elementAttributes}`
+                  : '',
+                firstUnorderedName: firstUnordered.element.name,
+                firstUnorderedAttributes: firstUnorderedAttributes
+                  ? ` ${firstUnorderedAttributes}`
+                  : '',
+                line: firstUnordered.element.loc.start.line
+              },
+              *fix(fixer) {
+                // insert element before firstUnordered
+                const fixedElements = elements.flatMap((it) => {
+                  if (it === firstUnordered.element) {
+                    return [element, it]
+                  } else if (it === element) {
+                    return []
+                  }
+                  return [it]
+                })
+                for (let i = elements.length - 1; i >= 0; i--) {
+                  if (elements[i] !== fixedElements[i]) {
+                    yield fixer.replaceTextRange(
+                      elements[i].range,
+                      sourceCode.text.slice(...fixedElements[i].range)
+                    )
+                  }
+                }
+              }
+            })
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 23fbc031b..a2a5cd656 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -1,184 +1,23 @@
-/**
- * @author Yosuke Ota
- * issue https://github.com/vuejs/eslint-plugin-vue/issues/140
- */
 'use strict'
 
-const utils = require('../utils')
-const { parseSelector } = require('../utils/selector')
-
-/**
- * @typedef {import('../utils/selector').VElementSelector} VElementSelector
- */
-
-const DEFAULT_ORDER = Object.freeze([['script', 'template'], 'style'])
-
-/**
- * @param {VElement} element
- * @return {string}
- */
-function getAttributeString(element) {
-  return element.startTag.attributes
-    .map((attribute) => {
-      if (attribute.value && attribute.value.type !== 'VLiteral') {
-        return ''
-      }
-
-      return `${attribute.key.name}${
-        attribute.value && attribute.value.value
-          ? `=${attribute.value.value}`
-          : ''
-      }`
-    })
-    .join(' ')
-}
+const baseRule = require('./block-order')
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids -- inherit schema from base rule
   meta: {
-    type: 'suggestion',
+    ...baseRule.meta,
+    // eslint-disable-next-line eslint-plugin/meta-property-ordering
+    type: baseRule.meta.type,
     docs: {
-      description: 'enforce order of component top-level elements',
+      description: baseRule.meta.docs.description,
       categories: ['vue3-recommended', 'recommended'],
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
-    fixable: 'code',
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          order: {
-            type: 'array',
-            items: {
-              anyOf: [
-                { type: 'string' },
-                { type: 'array', items: { type: 'string' }, uniqueItems: true }
-              ]
-            },
-            uniqueItems: true,
-            additionalItems: false
-          }
-        },
-        additionalProperties: false
-      }
-    ],
-    messages: {
-      unexpected:
-        "'<{{elementName}}{{elementAttributes}}>' should be above '<{{firstUnorderedName}}{{firstUnorderedAttributes}}>' on line {{line}}."
-    }
+    deprecated: true,
+    replacedBy: ['block-order']
   },
-  /**
-   * @param {RuleContext} context - The rule context.
-   * @returns {RuleListener} AST event handlers.
-   */
+  /** @param {RuleContext} context */
   create(context) {
-    /**
-     * @typedef {object} OrderElement
-     * @property {string} selectorText
-     * @property {VElementSelector} selector
-     * @property {number} index
-     */
-    /** @type {OrderElement[]} */
-    const orders = []
-    /** @type {(string|string[])[]} */
-    const orderOptions =
-      (context.options[0] && context.options[0].order) || DEFAULT_ORDER
-    for (const [index, selectorOrSelectors] of orderOptions.entries()) {
-      if (Array.isArray(selectorOrSelectors)) {
-        for (const selector of selectorOrSelectors) {
-          orders.push({
-            selectorText: selector,
-            selector: parseSelector(selector, context),
-            index
-          })
-        }
-      } else {
-        orders.push({
-          selectorText: selectorOrSelectors,
-          selector: parseSelector(selectorOrSelectors, context),
-          index
-        })
-      }
-    }
-
-    /**
-     * @param {VElement} element
-     */
-    function getOrderElement(element) {
-      return orders.find((o) => o.selector.test(element))
-    }
-    const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
-
-    function getTopLevelHTMLElements() {
-      if (documentFragment) {
-        return documentFragment.children.filter(utils.isVElement)
-      }
-      return []
-    }
-
-    return {
-      Program(node) {
-        if (utils.hasInvalidEOF(node)) {
-          return
-        }
-        const elements = getTopLevelHTMLElements()
-
-        const elementsWithOrder = elements.flatMap((element) => {
-          const order = getOrderElement(element)
-          return order ? [{ order, element }] : []
-        })
-        const sourceCode = context.getSourceCode()
-        for (const [index, elementWithOrders] of elementsWithOrder.entries()) {
-          const { order: expected, element } = elementWithOrders
-          const firstUnordered = elementsWithOrder
-            .slice(0, index)
-            .filter(({ order }) => expected.index < order.index)
-            .sort((e1, e2) => e1.order.index - e2.order.index)[0]
-          if (firstUnordered) {
-            const firstUnorderedAttributes = getAttributeString(
-              firstUnordered.element
-            )
-            const elementAttributes = getAttributeString(element)
-
-            context.report({
-              node: element,
-              loc: element.loc,
-              messageId: 'unexpected',
-              data: {
-                elementName: element.name,
-                elementAttributes: elementAttributes
-                  ? ` ${elementAttributes}`
-                  : '',
-                firstUnorderedName: firstUnordered.element.name,
-                firstUnorderedAttributes: firstUnorderedAttributes
-                  ? ` ${firstUnorderedAttributes}`
-                  : '',
-                line: firstUnordered.element.loc.start.line
-              },
-              *fix(fixer) {
-                // insert element before firstUnordered
-                const fixedElements = elements.flatMap((it) => {
-                  if (it === firstUnordered.element) {
-                    return [element, it]
-                  } else if (it === element) {
-                    return []
-                  }
-                  return [it]
-                })
-                for (let i = elements.length - 1; i >= 0; i--) {
-                  if (elements[i] !== fixedElements[i]) {
-                    yield fixer.replaceTextRange(
-                      elements[i].range,
-                      sourceCode.text.slice(...fixedElements[i].range)
-                    )
-                  }
-                }
-              }
-            })
-          }
-        }
-      }
-    }
+    return baseRule.create(context)
   }
 }
diff --git a/tests/lib/rules/block-order.js b/tests/lib/rules/block-order.js
new file mode 100644
index 000000000..aefd11cef
--- /dev/null
+++ b/tests/lib/rules/block-order.js
@@ -0,0 +1,495 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/block-order')
+const RuleTester = require('eslint').RuleTester
+const assert = require('assert')
+const { ESLint } = require('../../eslint-compat')
+
+// Initialize linter.
+const eslint = new ESLint({
+  overrideConfig: {
+    parser: require.resolve('vue-eslint-parser'),
+    parserOptions: {
+      ecmaVersion: 2015
+    },
+    plugins: ['vue'],
+    rules: {
+      'vue/comment-directive': 'error',
+      'vue/block-order': 'error'
+    }
+  },
+  useEslintrc: false,
+  plugins: { vue: require('../../../lib/index') },
+  fix: true
+})
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser')
+})
+
+tester.run('block-order', rule, {
+  valid: [
+    // default
+    '<script></script><template></template><style></style>',
+    '<template></template><script></script><style></style>',
+    '<script> /*script*/ </script><template><div id="id">text <!--comment--> </div><br></template><style>.button{ color: red; }</style>',
+    '<docs></docs><script></script><template></template><style></style>',
+    '<script></script><docs></docs><template></template><style></style>',
+    '<docs></docs><template></template><script></script><style></style>',
+    '<template></template><script></script><docs></docs><style></style>',
+    '<script></script><template></template>',
+    '<template></template><script></script>',
+    '<script setup></script><script></script>',
+    '<docs></docs><template></template><script></script><script setup></script><style></style>',
+    `
+      <template>
+      </template>
+
+      <script>
+      </script>
+
+      <style>
+      </style>
+    `,
+    `
+      <script>
+      </script>
+
+      <template>
+      </template>
+
+      <style>
+      </style>
+    `,
+
+    // order
+    {
+      code: '<script></script><template></template><style></style>',
+      output: null,
+      options: [{ order: ['script', 'template', 'style'] }]
+    },
+    {
+      code: '<template></template><script></script><style></style>',
+      output: null,
+      options: [{ order: ['template', 'script', 'style'] }]
+    },
+    {
+      code: '<style></style><template></template><script></script>',
+      output: null,
+      options: [{ order: ['style', 'template', 'script'] }]
+    },
+    {
+      code: '<template></template><script></script><style></style>',
+      output: null,
+      options: [{ order: ['template', 'docs', 'script', 'style'] }]
+    },
+    {
+      code: '<template></template><docs></docs><script></script><style></style>',
+      output: null,
+      options: [{ order: ['template', 'script', 'style'] }]
+    },
+    {
+      code: '<docs><div id="id">text <!--comment--> </div><br></docs><script></script><template></template><style></style>',
+      output: null,
+      options: [{ order: ['docs', 'script', 'template', 'style'] }]
+    },
+    {
+      code: '<script setup></script><script></script><template></template><style></style>',
+      output: null,
+      options: [
+        { order: ['script[setup]', 'script:not([setup])', 'template', 'style'] }
+      ]
+    },
+    {
+      code: '<template></template><script setup></script><script></script><style></style>',
+      output: null,
+      options: [
+        {
+          order: [['script[setup]', 'script:not([setup])', 'template'], 'style']
+        }
+      ]
+    },
+    {
+      code: '<script></script><script setup></script><template></template><style></style>',
+      output: null,
+      options: [{ order: ['script', 'template', 'style'] }]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style></style>',
+      output: null,
+      options: [{ order: [['script', 'template'], 'style'] }]
+    },
+    {
+      code: '<script></script><script setup></script><template></template><style></style>',
+      output: null,
+      options: [
+        { order: ['script:not([setup])', 'script[setup]', 'template', 'style'] }
+      ]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style></style>',
+      output: null,
+      options: [
+        {
+          order: [['script:not([setup])', 'script[setup]', 'template'], 'style']
+        }
+      ]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n locale="ja"></i18n><i18n locale="en"></i18n>',
+      output: null,
+      options: [
+        {
+          order: [
+            ['script:not([setup])', 'script[setup]', 'template'],
+            'style[scoped]',
+            'style:not([scoped])',
+            'i18n:not([locale=en])',
+            'i18n:not([locale=ja])'
+          ]
+        }
+      ]
+    },
+    {
+      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n locale="en"></i18n><i18n locale="ja"></i18n>',
+      output: null,
+      options: [
+        {
+          order: [
+            'template',
+            'script:not([setup])',
+            'script[setup]',
+            'style[scoped]',
+            'style:not([scoped])',
+            'i18n[locale=en]',
+            'i18n[locale=ja]'
+          ]
+        }
+      ]
+    },
+    {
+      code: '<template></template><docs></docs><script></script><style></style>',
+      output: null,
+      options: [{ order: [['docs', 'script', 'template'], 'style'] }]
+    },
+    {
+      code: '<i18n locale="en"></i18n><i18n locale="ja"></i18n>',
+      output: null,
+      options: [{ order: ['i18n[locale=en]', 'i18n[locale=ja]'] }]
+    },
+    {
+      code: '<style></style><style scoped></style>',
+      output: null,
+      options: [{ order: ['style:not([scoped])', 'style[scoped]'] }]
+    },
+
+    `<script></script><style></style>`,
+
+    // Invalid EOF
+    '<template><div a=">test</div></template><style></style>',
+    '<template><div><!--test</div></template><style></style>'
+  ],
+  invalid: [
+    {
+      code: '<style></style><template></template><script></script>',
+      output: '<template></template><style></style><script></script>',
+      errors: [
+        {
+          message: "'<template>' should be above '<style>' on line 1.",
+          line: 1,
+          column: 16
+        },
+        {
+          message: "'<script>' should be above '<style>' on line 1.",
+          line: 1,
+          column: 37
+        }
+      ]
+    },
+    {
+      code: '<template></template><script></script><style></style>',
+      output: '<script></script><template></template><style></style>',
+      options: [{ order: ['script', 'template', 'style'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<template>' on line 1.",
+          line: 1,
+          column: 22
+        }
+      ]
+    },
+    {
+      code: `
+        <template></template>
+
+        <style></style>
+
+        <script></script>`,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '\n' +
+        '        <script></script>\n' +
+        '\n' +
+        '        <style></style>',
+      errors: [
+        {
+          message: "'<script>' should be above '<style>' on line 4.",
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+        <template></template>
+        <script></script>
+        <style></style>
+      `,
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '      ',
+      options: [{ order: ['script', 'template', 'style'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<template>' on line 2.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <script></script>
+        <template></template>
+        <style></style>
+      `,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <script></script>\n' +
+        '        <style></style>\n' +
+        '      ',
+      options: [{ order: ['template', 'script', 'style'] }],
+      errors: [
+        {
+          message: "'<template>' should be above '<script>' on line 2.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template></template>
+        <docs></docs>
+        <script></script>
+        <style></style>
+      `,
+      output:
+        '\n' +
+        '        <docs></docs>\n' +
+        '        <template></template>\n' +
+        '        <script></script>\n' +
+        '        <style></style>\n' +
+        '      ',
+      options: [{ order: ['docs', 'template', 'script', 'style'] }],
+      errors: [
+        {
+          message: "'<docs>' should be above '<template>' on line 2.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <template></template>
+        <docs></docs>
+        <script></script>
+        <style></style>
+      `,
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <docs></docs>\n' +
+        '        <style></style>\n' +
+        '      ',
+      options: [{ order: ['script', 'template', 'style'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<template>' on line 2.",
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+        <template></template>
+        <docs>
+        </docs>
+        <script></script>
+        <style></style>
+      `,
+      output:
+        '\n' +
+        '        <script></script>\n' +
+        '        <template></template>\n' +
+        '        <docs>\n' +
+        '        </docs>\n' +
+        '        <style></style>\n' +
+        '      ',
+      options: [{ order: ['script', 'template', 'style'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<template>' on line 2.",
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+        <script></script>
+        <template></template>
+      `,
+      output:
+        '\n        <template></template>\n        <script></script>\n      ',
+      options: [{ order: ['template', 'script'] }],
+      errors: [
+        {
+          message: "'<template>' should be above '<script>' on line 2.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+        <style></style>
+        <template></template>
+        <script></script>
+      `,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '        <script></script>\n' +
+        '      ',
+      errors: [
+        {
+          message: "'<template>' should be above '<style>' on line 2.",
+          line: 3
+        },
+        {
+          message: "'<script>' should be above '<style>' on line 2.",
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+        <style></style>
+        <docs></docs>
+        <template></template>
+        <script></script>
+      `,
+      output:
+        '\n' +
+        '        <template></template>\n' +
+        '        <style></style>\n' +
+        '        <docs></docs>\n' +
+        '        <script></script>\n' +
+        '      ',
+      errors: [
+        {
+          message: "'<template>' should be above '<style>' on line 2.",
+          line: 4
+        },
+        {
+          message: "'<script>' should be above '<style>' on line 2.",
+          line: 5
+        }
+      ]
+    },
+    // no <template>
+    {
+      code: `
+        <style></style>
+        <script></script>
+      `,
+      output: '\n        <script></script>\n        <style></style>\n      ',
+      errors: [
+        {
+          message: "'<script>' should be above '<style>' on line 2.",
+          line: 3
+        }
+      ]
+    },
+    {
+      code: '<i18n locale="ja"></i18n><i18n locale="en"></i18n>',
+      output: '<i18n locale="en"></i18n><i18n locale="ja"></i18n>',
+      options: [{ order: ['i18n[locale=en]', 'i18n[locale=ja]'] }],
+      errors: [
+        {
+          message:
+            "'<i18n locale=en>' should be above '<i18n locale=ja>' on line 1.",
+          line: 1
+        }
+      ]
+    },
+    {
+      code: '<style scoped></style><style></style>',
+      output: '<style></style><style scoped></style>',
+      options: [{ order: ['style:not([scoped])', 'style[scoped]'] }],
+      errors: [
+        {
+          message: "'<style>' should be above '<style scoped>' on line 1.",
+          line: 1
+        }
+      ]
+    },
+    {
+      code: '<style></style><style scoped></style>',
+      output: '<style scoped></style><style></style>',
+      options: [{ order: ['style[scoped]', 'style:not([scoped])'] }],
+      errors: [
+        {
+          message: "'<style scoped>' should be above '<style>' on line 1.",
+          line: 1
+        }
+      ]
+    },
+    {
+      code: '<style></style><script></script>',
+      output: '<script></script><style></style>',
+      options: [{ order: ['script:not([scoped])', 'style:not([scoped])'] }],
+      errors: [
+        {
+          message: "'<script>' should be above '<style>' on line 1.",
+          line: 1
+        }
+      ]
+    }
+  ]
+})
+
+describe('suppress reporting with eslint-disable-next-line', () => {
+  it('do not report if <!-- eslint-disable-next-line -->', async () => {
+    const code = `<style></style><template></template>
+    <!-- eslint-disable-next-line vue/block-order -->
+    <script></script>`
+    const [{ messages, output }] = await eslint.lintText(code, {
+      filePath: 'test.vue'
+    })
+    assert.strictEqual(messages.length, 0)
+    // should not fix <script>
+    assert.strictEqual(
+      output,
+      `<template></template><style></style>
+    <!-- eslint-disable-next-line vue/block-order -->
+    <script></script>`
+    )
+  })
+})
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 65b0eae5c..aecee5fdd 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -117,7 +117,8 @@ class DocFile {
       } else {
         notes.push(`- :no_entry_sign: This rule was **deprecated**.`)
       }
-    } else if (meta.docs.categories) {
+    }
+    if (meta.docs?.categories) {
       const presets = getPresetIds(meta.docs.categories).map(
         (categoryId) => `\`"plugin:vue/${categoryId}"\``
       )

From 6080fb30042a12770de4be3046fe782da91f7d20 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 29 Jul 2023 11:13:03 +0200
Subject: [PATCH 0641/1010] Bump dependencies to latest version (#2254)

---
 package.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 2c1956df9..450698e44 100644
--- a/package.json
+++ b/package.json
@@ -54,12 +54,12 @@
     "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
   },
   "dependencies": {
-    "@eslint-community/eslint-utils": "^4.3.0",
+    "@eslint-community/eslint-utils": "^4.4.0",
     "natural-compare": "^1.4.0",
-    "nth-check": "^2.0.1",
-    "postcss-selector-parser": "^6.0.9",
-    "semver": "^7.3.5",
-    "vue-eslint-parser": "^9.3.0",
+    "nth-check": "^2.1.1",
+    "postcss-selector-parser": "^6.0.13",
+    "semver": "^7.5.4",
+    "vue-eslint-parser": "^9.3.1",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {

From b8814c765da6427d8554ccf251e68939c3ce3d38 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 29 Jul 2023 11:15:36 +0200
Subject: [PATCH 0642/1010] Only allow modelValue in
 `vue/no-deprecated-model-definition` (#2255)

---
 docs/rules/no-deprecated-model-definition.md  |   6 +-
 lib/rules/no-deprecated-model-definition.js   |  83 +++++++----
 .../rules/no-deprecated-model-definition.js   | 140 ++++++++++++++++--
 3 files changed, 184 insertions(+), 45 deletions(-)

diff --git a/docs/rules/no-deprecated-model-definition.md b/docs/rules/no-deprecated-model-definition.md
index bb2777d69..b213c7c44 100644
--- a/docs/rules/no-deprecated-model-definition.md
+++ b/docs/rules/no-deprecated-model-definition.md
@@ -44,7 +44,7 @@ export default defineComponent({
 
 ### `"allowVue3Compat": true`
 
-Allow `model` definitions with prop/event names that match the Vue.js 3.0.0+ `v-model` syntax, e.g. `fooBar`/`update:fooBar`.
+Allow `model` definitions with prop/event names that match the Vue.js 3.0.0+ `v-model` syntax, i.e. `modelValue`/`update:modelValue` or `model-value`/`update:model-value`.
 
 <eslint-code-block :rules="{'vue/no-deprecated-model-definition': ['error', { allowVue3Compat: true }]}">
 
@@ -52,8 +52,8 @@ Allow `model` definitions with prop/event names that match the Vue.js 3.0.0+ `v-
 <script>
 export default defineComponent({
   model: {
-    prop: 'fooBar',
-    event: 'update:fooBar'
+    prop: 'modelValue',
+    event: 'update:modelValue'
   }
 })
 </script>
diff --git a/lib/rules/no-deprecated-model-definition.js b/lib/rules/no-deprecated-model-definition.js
index f1561c202..9540ffc06 100644
--- a/lib/rules/no-deprecated-model-definition.js
+++ b/lib/rules/no-deprecated-model-definition.js
@@ -6,16 +6,8 @@
 
 const utils = require('../utils')
 
-/**
- * @param {RuleContext} context
- * @param {ASTNode} node
- */
-function reportWithoutSuggestion(context, node) {
-  context.report({
-    node,
-    messageId: 'deprecatedModel'
-  })
-}
+const allowedPropNames = new Set(['modelValue', 'model-value'])
+const allowedEventNames = new Set(['update:modelValue', 'update:model-value'])
 
 /**
  * @param {ObjectExpression} node
@@ -39,6 +31,15 @@ function findPropertyValue(node, key) {
   return property.value
 }
 
+/**
+ * @param {RuleFixer} fixer
+ * @param {Literal} node
+ * @param {string} text
+ */
+function replaceLiteral(fixer, node, text) {
+  return fixer.replaceTextRange([node.range[0] + 1, node.range[1] - 1], text)
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -62,7 +63,10 @@ module.exports = {
     ],
     messages: {
       deprecatedModel: '`model` definition is deprecated.',
-      renameEvent: 'Rename event to `{{expectedEventName}}`.'
+      vue3Compat:
+        '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
+      changeToModelValue: 'Change to `modelValue`/`update:modelValue`.',
+      changeToKebabModelValue: 'Change to `model-value`/`update:model-value`.'
     }
   },
   /** @param {RuleContext} context */
@@ -76,35 +80,50 @@ module.exports = {
       }
 
       if (!allowVue3Compat) {
-        reportWithoutSuggestion(context, modelProperty)
+        context.report({
+          node: modelProperty,
+          messageId: 'deprecatedModel'
+        })
         return
       }
 
       const propName = findPropertyValue(modelProperty.value, 'prop')
       const eventName = findPropertyValue(modelProperty.value, 'event')
 
-      if (!propName || !eventName) {
-        reportWithoutSuggestion(context, modelProperty)
-        return
-      }
-
-      const expectedEventName = `update:${propName.value}`
-      if (eventName.value !== expectedEventName) {
+      if (
+        !propName ||
+        !eventName ||
+        typeof propName.value !== 'string' ||
+        typeof eventName.value !== 'string' ||
+        !allowedPropNames.has(propName.value) ||
+        !allowedEventNames.has(eventName.value)
+      ) {
         context.report({
           node: modelProperty,
-          messageId: 'deprecatedModel',
-          suggest: [
-            {
-              messageId: 'renameEvent',
-              data: { expectedEventName },
-              fix(fixer) {
-                return fixer.replaceTextRange(
-                  [eventName.range[0] + 1, eventName.range[1] - 1],
-                  expectedEventName
-                )
-              }
-            }
-          ]
+          messageId: 'vue3Compat',
+          suggest:
+            propName && eventName
+              ? [
+                  {
+                    messageId: 'changeToModelValue',
+                    *fix(fixer) {
+                      const newPropName = 'modelValue'
+                      const newEventName = 'update:modelValue'
+                      yield replaceLiteral(fixer, propName, newPropName)
+                      yield replaceLiteral(fixer, eventName, newEventName)
+                    }
+                  },
+                  {
+                    messageId: 'changeToKebabModelValue',
+                    *fix(fixer) {
+                      const newPropName = 'model-value'
+                      const newEventName = 'update:model-value'
+                      yield replaceLiteral(fixer, propName, newPropName)
+                      yield replaceLiteral(fixer, eventName, newEventName)
+                    }
+                  }
+                ]
+              : []
         })
       }
     })
diff --git a/tests/lib/rules/no-deprecated-model-definition.js b/tests/lib/rules/no-deprecated-model-definition.js
index 71adb34f5..908be654a 100644
--- a/tests/lib/rules/no-deprecated-model-definition.js
+++ b/tests/lib/rules/no-deprecated-model-definition.js
@@ -31,8 +31,8 @@ tester.run('no-deprecated-model-definition', rule, {
         <script>
         export default {
           model: {
-            prop: 'fooBar',
-            event: 'update:fooBar'
+            prop: 'modelValue',
+            event: 'update:modelValue'
           }
         }
         </script>
@@ -45,8 +45,8 @@ tester.run('no-deprecated-model-definition', rule, {
         <script>
         export default defineComponent({
           model: {
-            prop: 'foo-bar',
-            event: 'update:foo-bar'
+            prop: 'model-value',
+            event: 'update:model-value'
           }
         })
         </script>
@@ -133,7 +133,8 @@ tester.run('no-deprecated-model-definition', rule, {
       options: [{ allowVue3Compat: true }],
       errors: [
         {
-          message: '`model` definition is deprecated.',
+          message:
+            '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
           line: 4,
           column: 11,
           endLine: 6,
@@ -155,7 +156,8 @@ tester.run('no-deprecated-model-definition', rule, {
       options: [{ allowVue3Compat: true }],
       errors: [
         {
-          message: '`model` definition is deprecated.',
+          message:
+            '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
           line: 4,
           column: 11,
           endLine: 6,
@@ -178,20 +180,138 @@ tester.run('no-deprecated-model-definition', rule, {
       options: [{ allowVue3Compat: true }],
       errors: [
         {
-          message: '`model` definition is deprecated.',
+          message:
+            '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
           line: 4,
           column: 11,
           endLine: 7,
           endColumn: 12,
           suggestions: [
             {
-              desc: 'Rename event to `update:foo`.',
+              desc: 'Change to `modelValue`/`update:modelValue`.',
               output: `
         <script>
         export default defineComponent({
           model: {
-            prop: 'foo',
-            event: 'update:foo'
+            prop: 'modelValue',
+            event: 'update:modelValue'
+          }
+        })
+        </script>
+      `
+            },
+            {
+              desc: 'Change to `model-value`/`update:model-value`.',
+              output: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'model-value',
+            event: 'update:model-value'
+          }
+        })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default {
+          model: {
+            prop: "fooBar",
+            event: "update:fooBar"
+          }
+        }
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }],
+      errors: [
+        {
+          message:
+            '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
+          line: 4,
+          column: 11,
+          endLine: 7,
+          endColumn: 12,
+          suggestions: [
+            {
+              desc: 'Change to `modelValue`/`update:modelValue`.',
+              output: `
+        <script>
+        export default {
+          model: {
+            prop: "modelValue",
+            event: "update:modelValue"
+          }
+        }
+        </script>
+      `
+            },
+            {
+              desc: 'Change to `model-value`/`update:model-value`.',
+              output: `
+        <script>
+        export default {
+          model: {
+            prop: "model-value",
+            event: "update:model-value"
+          }
+        }
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'foo-bar',
+            event: 'update:foo-bar'
+          }
+        })
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }],
+      errors: [
+        {
+          message:
+            '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
+          line: 4,
+          column: 11,
+          endLine: 7,
+          endColumn: 12,
+          suggestions: [
+            {
+              desc: 'Change to `modelValue`/`update:modelValue`.',
+              output: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'modelValue',
+            event: 'update:modelValue'
+          }
+        })
+        </script>
+      `
+            },
+            {
+              desc: 'Change to `model-value`/`update:model-value`.',
+              output: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: 'model-value',
+            event: 'update:model-value'
           }
         })
         </script>

From 684c847f8c0910211351625479c5417edb64ac5e Mon Sep 17 00:00:00 2001
From: David Myers <davidrmyersii@gmail.com>
Date: Sat, 29 Jul 2023 07:55:28 -0400
Subject: [PATCH 0643/1010] Improve the `vue/no-setup-props-destructure` rule
 (#2244)

---
 lib/rules/no-setup-props-destructure.js       |  61 ++++++-
 tests/lib/rules/no-setup-props-destructure.js | 153 ++++++++++++++++++
 2 files changed, 213 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index f89d9996e..653a0b449 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -23,7 +23,10 @@ module.exports = {
         'Getting a value from the `props` in root scope of `{{scopeName}}` will cause the value to lose reactivity.'
     }
   },
-  /** @param {RuleContext} context */
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   **/
   create(context) {
     /**
      * @typedef {object} ScopePropsReferences
@@ -32,6 +35,10 @@ module.exports = {
      */
     /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, ScopePropsReferences>} */
     const setupScopePropsReferenceIds = new Map()
+    const wrapperExpressionTypes = new Set([
+      'ArrayExpression',
+      'ObjectExpression'
+    ])
 
     /**
      * @param {ESNode} node
@@ -59,6 +66,14 @@ module.exports = {
       }
 
       const rightNode = utils.skipChainExpression(right)
+
+      if (
+        wrapperExpressionTypes.has(rightNode.type) &&
+        isPropsMemberAccessed(rightNode, propsReferences)
+      ) {
+        return report(rightNode, 'getProperty', propsReferences.scopeName)
+      }
+
       if (
         left.type !== 'ArrayPattern' &&
         left.type !== 'ObjectPattern' &&
@@ -66,6 +81,7 @@ module.exports = {
       ) {
         return
       }
+
       /** @type {Expression | Super} */
       let rightId = rightNode
       while (rightId.type === 'MemberExpression') {
@@ -75,6 +91,24 @@ module.exports = {
         report(left, 'getProperty', propsReferences.scopeName)
       }
     }
+
+    /**
+     * @param {Expression} node
+     * @param {ScopePropsReferences} propsReferences
+     */
+    function isPropsMemberAccessed(node, propsReferences) {
+      const propRefs = [...propsReferences.refs.values()]
+
+      return propRefs.some((props) => {
+        const isPropsInExpressionRange = utils.inRange(node.range, props)
+        const isPropsMemberExpression =
+          props.parent.type === 'MemberExpression' &&
+          props.parent.object === props
+
+        return isPropsInExpressionRange && isPropsMemberExpression
+      })
+    }
+
     /**
      * @typedef {object} ScopeStack
      * @property {ScopeStack | null} upper
@@ -114,6 +148,11 @@ module.exports = {
       }
       const propsReferenceIds = new Set()
       for (const reference of variable.references) {
+        // If reference is in another scope, we can't check it.
+        if (reference.from !== context.getScope()) {
+          continue
+        }
+
         if (!reference.isRead()) {
           continue
         }
@@ -144,6 +183,26 @@ module.exports = {
 
           setupScopePropsReferenceIds.delete(node)
         },
+        /**
+         * @param {CallExpression} node
+         */
+        CallExpression(node) {
+          if (!scopeStack) {
+            return
+          }
+
+          const propsReferenceIds = setupScopePropsReferenceIds.get(
+            scopeStack.scopeNode
+          )
+
+          if (!propsReferenceIds) {
+            return
+          }
+
+          if (isPropsMemberAccessed(node, propsReferenceIds)) {
+            report(node, 'getProperty', propsReferenceIds.scopeName)
+          }
+        },
         /**
          * @param {VariableDeclarator} node
          */
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index 5e84a565e..5d9a704d1 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -204,6 +204,27 @@ tester.run('no-setup-props-destructure', rule, {
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup: (props) => {
+          const count = computed(() => props.count)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const count = computed(() => props.count)
+      </script>
+      `
     }
   ],
   invalid: [
@@ -410,6 +431,18 @@ tester.run('no-setup-props-destructure', rule, {
         {
           messageId: 'getProperty',
           line: 7
+        },
+        {
+          messageId: 'getProperty',
+          line: 9
+        },
+        {
+          messageId: 'getProperty',
+          line: 10
+        },
+        {
+          messageId: 'getProperty',
+          line: 11
         }
       ]
     },
@@ -524,6 +557,126 @@ tester.run('no-setup-props-destructure', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup: (props) => {
+          const count = ref(props.count)
+          count = fn(props.count)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const count = ref(props.count)
+      count = fn(props.count)
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        },
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const newProps = ref({ count: props.count })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const counts = [props.count]
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const counter = { count: props.count }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const counters = [{ count: [props.count] }]
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const buildCounter = (count) => ({ count })
+
+      buildCounter(props.count)
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
     }
   ]
 })

From 56180e3ceb278e0c9ce42358272f8b12b94aa392 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 29 Jul 2023 21:00:50 +0900
Subject: [PATCH 0644/1010] 9.16.0

---
 docs/rules/block-order.md                    | 6 +++++-
 docs/rules/no-deprecated-model-definition.md | 6 +++++-
 docs/rules/no-use-v-else-with-v-for.md       | 7 +++++--
 docs/rules/require-typed-object-prop.md      | 6 +++++-
 package.json                                 | 2 +-
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/docs/rules/block-order.md b/docs/rules/block-order.md
index fe32e99e2..a5007eda6 100644
--- a/docs/rules/block-order.md
+++ b/docs/rules/block-order.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/block-order
 description: enforce order of component top-level elements
+since: v9.16.0
 ---
 # vue/block-order
 
 > enforce order of component top-level elements
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -188,6 +188,10 @@ This rule warns about the order of the top-level tags, such as `<script>`, `<tem
 
 - [Style guide - Single-file component top-level element order](https://vuejs.org/style-guide/rules-recommended.html#single-file-component-top-level-element-order)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.16.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-order.js)
diff --git a/docs/rules/no-deprecated-model-definition.md b/docs/rules/no-deprecated-model-definition.md
index b213c7c44..b0c0087ee 100644
--- a/docs/rules/no-deprecated-model-definition.md
+++ b/docs/rules/no-deprecated-model-definition.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-model-definition
 description: disallow deprecated `model` definition (in Vue.js 3.0.0+)
+since: v9.16.0
 ---
 # vue/no-deprecated-model-definition
 
 > disallow deprecated `model` definition (in Vue.js 3.0.0+)
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -70,6 +70,10 @@ export default defineComponent({
 
 - [Migration Guide – `v-model`](https://v3-migration.vuejs.org/breaking-changes/v-model.html)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.16.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-model-definition.js)
diff --git a/docs/rules/no-use-v-else-with-v-for.md b/docs/rules/no-use-v-else-with-v-for.md
index efdb8b293..7cfbf762d 100644
--- a/docs/rules/no-use-v-else-with-v-for.md
+++ b/docs/rules/no-use-v-else-with-v-for.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-use-v-else-with-v-for
 description: disallow using `v-else-if`/`v-else` on the same element as `v-for`
+since: v9.16.0
 ---
 # vue/no-use-v-else-with-v-for
 
 > disallow using `v-else-if`/`v-else` on the same element as `v-for`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports elements that have both `v-else-if`/`v-else` and `v-for` directives. That is valid in Vue (`v-else-if`/`v-else` will take precedence), but is confusing to read.
@@ -48,6 +47,10 @@ If you don't find using `v-else-if`/`v-else` together with `v-for` confusing to
 
 - [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.16.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-use-v-else-with-v-for.js)
diff --git a/docs/rules/require-typed-object-prop.md b/docs/rules/require-typed-object-prop.md
index 3c9fbaac4..85626791e 100644
--- a/docs/rules/require-typed-object-prop.md
+++ b/docs/rules/require-typed-object-prop.md
@@ -3,12 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-typed-object-prop
 description: enforce adding type declarations to object props
+since: v9.16.0
 ---
 # vue/require-typed-object-prop
 
 > enforce adding type declarations to object props
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -44,6 +44,10 @@ Nothing.
 
 When you're not using TypeScript in the project.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.16.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-typed-object-prop.js)
diff --git a/package.json b/package.json
index 450698e44..d23aca8c7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.15.1",
+  "version": "9.16.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 6531988922926a6aac2615cc6bb441fb4110f201 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 31 Jul 2023 09:29:57 +0900
Subject: [PATCH 0645/1010] Fix incompatibility with typescript-eslint v6 in
 `vue/script-indent` rule (#2256)

---
 .circleci/config.yml                          | 20 +++++++--
 .github/workflows/CI.yml                      | 21 ++++++++--
 docs/.vitepress/config.ts                     |  2 +
 docs/.vitepress/theme/index.ts                |  2 +
 docs/.vitepress/vite-plugin.ts                |  1 +
 lib/utils/indent-ts.js                        | 14 +++++--
 package.json                                  |  3 +-
 .../script-indent/ts-class-declaration-04.vue | 10 ++---
 .../script-indent/ts-class-declaration-05.vue |  4 +-
 .../script-indent/ts-class-declaration-06.vue |  2 +-
 .../ts-interface-declaration-05.vue           | 10 ++---
 .../rules/no-required-prop-with-default.js    | 41 -------------------
 tsconfig.json                                 |  1 +
 .../util-types/ast/es-ast.ts                  |  3 ++
 14 files changed, 69 insertions(+), 65 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d9b4f0204..cd2a71931 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -44,7 +44,7 @@ jobs:
       - run:
           name: Install eslint@6
           command: |
-            npm install --save-exact eslint@6.8.0
+            npm install --save-exact eslint@6.8.0 @typescript-eslint/parser@5
       - run:
           name: Install dependencies
           command: npm install
@@ -62,7 +62,7 @@ jobs:
       - run:
           name: Install eslint@7
           command: |
-            npm install eslint@7
+            npm install eslint@7 @typescript-eslint/parser@5
       - run:
           name: Install dependencies
           command: npm install
@@ -88,9 +88,23 @@ jobs:
           name: Test
           command: npm test
   node-v14:
-    <<: *node-base
     docker:
       - image: node:14
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - run:
+          name: Install @typescript-eslint/parser@5
+          command: |
+            npm install @typescript-eslint/parser@5 --save-exact
+      - run:
+          name: Install dependencies
+          command: npm install
+      - run:
+          name: Test
+          command: npm test
   node-v16:
     <<: *node-base
     docker:
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 910d33c70..afb8b9ad4 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -17,8 +17,6 @@ jobs:
       uses: actions/checkout@v3
     - name: Install Node.js
       uses: actions/setup-node@v3
-      with:
-        node-version: 16
     - name: Install Packages
       run: npm install --legacy-peer-deps
     - name: Lint
@@ -28,7 +26,7 @@ jobs:
     name: Test
     strategy:
       matrix:
-        node: [17, 18]
+        node: [17, 18, 20]
         os: [ubuntu-latest]
 
     runs-on: ${{ matrix.os }}
@@ -43,3 +41,20 @@ jobs:
       run: npm install --legacy-peer-deps
     - name: Test
       run: npm test
+
+  test-for-ts-eslint-v5:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+    - name: Install Node.js v${{ matrix.node }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: 18
+    - name: Install Packages
+      run: npm install --legacy-peer-deps
+    - name: Install typescript-eslint v5
+      run: npm install -D @typescript-eslint/parser
+    - name: Test
+      run: npm test
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 5b2d65516..baa74d471 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -1,4 +1,6 @@
+// @ts-expect-error -- Cannot change `module` option
 import type { DefaultTheme } from 'vitepress'
+// @ts-expect-error -- Cannot change `module` option
 import { defineConfig } from 'vitepress'
 import { BUNDLED_LANGUAGES } from 'shiki'
 import path from 'path'
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 8afcf4054..757e63cab 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -9,7 +9,9 @@ if (typeof window !== 'undefined') {
     }
   }
 }
+// @ts-expect-error -- Cannot change `module` option
 import type { Theme } from 'vitepress'
+// @ts-expect-error -- Cannot change `module` option
 import DefaultTheme from 'vitepress/theme'
 // @ts-expect-error -- ignore
 import Layout from './Layout.vue'
diff --git a/docs/.vitepress/vite-plugin.ts b/docs/.vitepress/vite-plugin.ts
index 2a044ced1..4b5b2a619 100644
--- a/docs/.vitepress/vite-plugin.ts
+++ b/docs/.vitepress/vite-plugin.ts
@@ -1,3 +1,4 @@
+// @ts-expect-error -- Cannot change `module` option
 import type { UserConfig } from 'vitepress'
 import path from 'path'
 import { fileURLToPath } from 'url'
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 5ab3df993..c6f146f66 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -1168,18 +1168,24 @@ function defineVisitor({
         isOpeningParenToken
       )
       setOffset(leftParenToken, 1, firstToken)
+      const argument =
+        node.argument ||
+        /** @type {any} typescript-eslint v5 */ (node).parameter
       const rightParenToken = tokenStore.getTokenAfter(
-        node.parameter,
+        argument,
         isClosingParenToken
       )
-      processNodeList([node.parameter], leftParenToken, rightParenToken, 1)
+      processNodeList([argument], leftParenToken, rightParenToken, 1)
       if (node.qualifier) {
         const dotToken = tokenStore.getTokenBefore(node.qualifier)
         const propertyToken = tokenStore.getTokenAfter(dotToken)
         setOffset([dotToken, propertyToken], 1, firstToken)
       }
-      if (node.typeParameters) {
-        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
+      const typeArguments =
+        node.typeArguments ||
+        /** @type {any} typescript-eslint v5 */ (node).typeParameters
+      if (typeArguments) {
+        setOffset(tokenStore.getFirstToken(typeArguments), 1, firstToken)
       }
     },
     TSParameterProperty(node) {
diff --git a/package.json b/package.json
index d23aca8c7..a13f8f854 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,8 @@
     "@types/node": "^14.18.54",
     "@types/semver": "^7.5.0",
     "@types/xml-name-validator": "^4.0.1",
-    "@typescript-eslint/parser": "^5.45.0",
+    "@typescript-eslint/parser": "^6.2.0",
+    "@typescript-eslint/types": "^6.2.0",
     "assert": "^2.0.0",
     "env-cmd": "^10.1.0",
     "esbuild": "^0.18.17",
diff --git a/tests/fixtures/script-indent/ts-class-declaration-04.vue b/tests/fixtures/script-indent/ts-class-declaration-04.vue
index 1b7e09fdb..206c64347 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-04.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-04.vue
@@ -5,6 +5,11 @@ class
     <
       T
     >
+  extends
+    Bar
+      <
+        T
+      >
   implements
     Baz1
       <
@@ -15,11 +20,6 @@ class
       <
         T
       >
-  extends
-    Bar
-      <
-        T
-      >
 {
   prop:string
 }
diff --git a/tests/fixtures/script-indent/ts-class-declaration-05.vue b/tests/fixtures/script-indent/ts-class-declaration-05.vue
index 69bff1cc1..4f0796e35 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-05.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-05.vue
@@ -2,12 +2,12 @@
 <script lang="ts">
 class
   Foo
+  extends
+    Bar
   implements
     Baz1
     ,
     Baz2
-  extends
-    Bar
 {
   prop:string
 }
diff --git a/tests/fixtures/script-indent/ts-class-declaration-06.vue b/tests/fixtures/script-indent/ts-class-declaration-06.vue
index 008d9c568..dc7733532 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-06.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-06.vue
@@ -23,6 +23,6 @@ class
       boolean
       =
       false
-  )
+  ) {}
 }
 </script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-05.vue b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
index 2e14604b6..9b59a53dd 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-05.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
@@ -4,10 +4,10 @@ interface Foo
   <
     T
   >
-implements // visitor key is not provided
-Bar
-<
-T
->
+// implements // parsing error
+// Bar
+// <
+// T
+// >
 { }
 </script>
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
index ec1e749cc..f1f5b655a 100644
--- a/tests/lib/rules/no-required-prop-with-default.js
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -508,47 +508,6 @@ tester.run('no-required-prop-with-default', rule, {
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
-        <script setup lang="ts">
-          interface TestPropType {
-            readonly foo(): void
-            age?: number
-          }
-          const props = withDefaults(
-            defineProps<TestPropType>(),
-            {
-              foo() {console.log(123)},
-            }
-          );
-        </script>
-      `,
-      output: `
-        <script setup lang="ts">
-          interface TestPropType {
-            readonly foo?(): void
-            age?: number
-          }
-          const props = withDefaults(
-            defineProps<TestPropType>(),
-            {
-              foo() {console.log(123)},
-            }
-          );
-        </script>
-      `,
-      options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
-      errors: [
-        {
-          message: 'Prop "foo" should be optional.',
-          line: 4
-        }
-      ]
-    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tsconfig.json b/tsconfig.json
index d64b99e1c..ac4ab815a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "target": "ES2019",
     "module": "commonjs",
+    "moduleResolution": "Node16",
     "lib": ["es2020"],
     "allowJs": true,
     "checkJs": true,
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 800943419..944246411 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -341,6 +341,9 @@ export type Expression =
 export interface Identifier extends HasParentNode {
   type: 'Identifier'
   name: string
+
+  // for typescript-eslint
+  typeAnnotation?: any
 }
 export interface PrivateIdentifier extends HasParentNode {
   type: 'PrivateIdentifier'

From 28efd946172c81bbc09105f6e0a698e9f5f9480a Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 31 Jul 2023 09:33:31 +0900
Subject: [PATCH 0646/1010] 9.16.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a13f8f854..ecc3c79fd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.16.0",
+  "version": "9.16.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 101cabf6a09cbfc31f3df073093e1b1765ccbfdc Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Tue, 1 Aug 2023 03:51:13 -0400
Subject: [PATCH 0647/1010] Improve docs and error message for
 `vue/no-dupe-keys` (#2260)

---
 docs/rules/no-dupe-keys.md                  |   5 +-
 docs/rules/no-duplicate-attr-inheritance.md |   2 +-
 docs/rules/no-duplicate-attributes.md       |   5 +-
 lib/rules/no-dupe-keys.js                   |   7 +-
 tests/lib/rules/no-dupe-keys.js             | 108 +++++++++++++-------
 5 files changed, 82 insertions(+), 45 deletions(-)

diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index 41f4a962f..1d9d20f24 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -11,11 +11,12 @@ since: v3.9.0
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
-This rule prevents to use duplicated names.
+This rule prevents using duplicate key names.
 
 ## :book: Rule Details
 
-This rule is aimed at preventing duplicated property names.
+This rule prevents duplicate `props`/`data`/`methods`/etc. key names defined on a component.
+Even if a key name does not conflict in the `<script>` tag itself, it still may lead to a conflict in the `<template>` since Vue allows directly accessing these keys from there.
 
 <eslint-code-block :rules="{'vue/no-dupe-keys': ['error']}">
 
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index 00662ac60..093b9c35c 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -11,7 +11,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule aims to prevent duplicated attribute inheritance.  
+This rule aims to prevent duplicate attribute inheritance.  
 This rule to warn to apply `inheritAttrs: false` when it detects `v-bind="$attrs"` being used.
 
 <eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error']}">
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index 5d843a154..b516fa116 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -11,13 +11,12 @@ since: v3.0.0
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 
-When duplicate arguments exist, only the last one is valid.
-It's possibly mistakes.
+When there are multiple attributes with the same name on a component, only the last one is used and the rest are ignored, so this is usually a mistake.
 
 ## :book: Rule Details
 
 This rule reports duplicate attributes.
-`v-bind:foo` directives are handled as the attributes `foo`.
+`v-bind:foo` directives are handled as the attribute `foo`.
 
 <eslint-code-block :rules="{'vue/no-duplicate-attributes': ['error']}">
 
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index c1df4d670..c690d8aa5 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -79,7 +79,8 @@ module.exports = {
       }
     ],
     messages: {
-      duplicatedKey: "Duplicated key '{{name}}'."
+      duplicateKey:
+        "Duplicate key '{{name}}'. May cause name collision in script or template tag."
     }
   },
   /** @param {RuleContext} context */
@@ -96,7 +97,7 @@ module.exports = {
           if (usedNames.has(o.name)) {
             context.report({
               node: o.node,
-              messageId: 'duplicatedKey',
+              messageId: 'duplicateKey',
               data: {
                 name: o.name
               }
@@ -131,7 +132,7 @@ module.exports = {
 
             context.report({
               node: variable.defs[0].node,
-              messageId: 'duplicatedKey',
+              messageId: 'duplicateKey',
               data: {
                 name: prop.propName
               }
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 29384f567..72ea22620 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -529,19 +529,23 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 5
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 10
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 14
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 21
         }
       ]
@@ -575,19 +579,23 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 5
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 10
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 14
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 21
         }
       ]
@@ -612,15 +620,18 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 5
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 9
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 12
         }
       ]
@@ -656,19 +667,23 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 7
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 13
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 16
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 23
         }
       ]
@@ -688,7 +703,8 @@ ruleTester.run('no-dupe-keys', rule, {
       options: [{ groups: ['foo'] }],
       errors: [
         {
-          message: "Duplicated key 'bar'.",
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 7
         }
       ]
@@ -713,7 +729,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 12
         }
       ]
@@ -736,7 +753,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 10
         }
       ]
@@ -757,7 +775,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 9
         }
       ]
@@ -778,7 +797,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 9
         }
       ]
@@ -799,7 +819,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 9
         }
       ]
@@ -820,7 +841,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 9
         }
       ]
@@ -840,7 +862,8 @@ ruleTester.run('no-dupe-keys', rule, {
       options: [{ groups: ['foo'] }],
       errors: [
         {
-          message: "Duplicated key 'bar'.",
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 7
         }
       ]
@@ -860,7 +883,8 @@ ruleTester.run('no-dupe-keys', rule, {
       options: [{ groups: ['foo'] }],
       errors: [
         {
-          message: "Duplicated key 'bar'.",
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 7
         }
       ]
@@ -884,7 +908,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 6
         }
       ]
@@ -904,7 +929,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 7
         }
       ]
@@ -923,7 +949,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 6
         }
       ]
@@ -943,7 +970,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 7
         }
       ]
@@ -963,7 +991,8 @@ ruleTester.run('no-dupe-keys', rule, {
       `,
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 7
         }
       ]
@@ -981,7 +1010,8 @@ ruleTester.run('no-dupe-keys', rule, {
       parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 6
         }
       ]
@@ -1008,15 +1038,18 @@ ruleTester.run('no-dupe-keys', rule, {
       parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
-          message: "Duplicated key 'baz'.",
+          message:
+            "Duplicate key 'baz'. May cause name collision in script or template tag.",
           line: 4
         },
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 12
         },
         {
-          message: "Duplicated key 'bar'.",
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 15
         }
       ]
@@ -1038,11 +1071,13 @@ ruleTester.run('no-dupe-keys', rule, {
       parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
-          message: "Duplicated key 'foo'.",
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 8
         },
         {
-          message: "Duplicated key 'bar'.",
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 9
         }
       ]
@@ -1059,7 +1094,8 @@ ruleTester.run('no-dupe-keys', rule, {
       parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
-          message: "Duplicated key 'bar'.",
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 5
         }
       ]

From 181e857c7aa7f49adbf619640ee43d3ccf8e777d Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 5 Aug 2023 04:52:40 +0200
Subject: [PATCH 0648/1010] Support template literals in
 `vue/no-deprecated-model-definition` (#2258)

---
 lib/rules/no-deprecated-model-definition.js   | 16 +++--
 .../rules/no-deprecated-model-definition.js   | 66 +++++++++++++++++++
 2 files changed, 75 insertions(+), 7 deletions(-)

diff --git a/lib/rules/no-deprecated-model-definition.js b/lib/rules/no-deprecated-model-definition.js
index 9540ffc06..d88a5028a 100644
--- a/lib/rules/no-deprecated-model-definition.js
+++ b/lib/rules/no-deprecated-model-definition.js
@@ -12,7 +12,7 @@ const allowedEventNames = new Set(['update:modelValue', 'update:model-value'])
 /**
  * @param {ObjectExpression} node
  * @param {string} key
- * @returns {Literal | undefined}
+ * @returns {Literal | TemplateLiteral | undefined}
  */
 function findPropertyValue(node, key) {
   const property = node.properties.find(
@@ -24,7 +24,7 @@ function findPropertyValue(node, key) {
   if (
     !property ||
     property.type !== 'Property' ||
-    property.value.type !== 'Literal'
+    !utils.isStringLiteral(property.value)
   ) {
     return undefined
   }
@@ -33,7 +33,7 @@ function findPropertyValue(node, key) {
 
 /**
  * @param {RuleFixer} fixer
- * @param {Literal} node
+ * @param {Literal | TemplateLiteral} node
  * @param {string} text
  */
 function replaceLiteral(fixer, node, text) {
@@ -93,10 +93,12 @@ module.exports = {
       if (
         !propName ||
         !eventName ||
-        typeof propName.value !== 'string' ||
-        typeof eventName.value !== 'string' ||
-        !allowedPropNames.has(propName.value) ||
-        !allowedEventNames.has(eventName.value)
+        !allowedPropNames.has(
+          utils.getStringLiteralValue(propName, true) ?? ''
+        ) ||
+        !allowedEventNames.has(
+          utils.getStringLiteralValue(eventName, true) ?? ''
+        )
       ) {
         context.report({
           node: modelProperty,
diff --git a/tests/lib/rules/no-deprecated-model-definition.js b/tests/lib/rules/no-deprecated-model-definition.js
index 908be654a..ebdcb8599 100644
--- a/tests/lib/rules/no-deprecated-model-definition.js
+++ b/tests/lib/rules/no-deprecated-model-definition.js
@@ -52,6 +52,20 @@ tester.run('no-deprecated-model-definition', rule, {
         </script>
       `,
       options: [{ allowVue3Compat: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: \`model-value\`,
+            event: \`update:model-value\`
+          }
+        })
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }]
     }
   ],
   invalid: [
@@ -320,6 +334,58 @@ tester.run('no-deprecated-model-definition', rule, {
           ]
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: \`foo-bar\`,
+            event: \`update:foo-bar\`
+          }
+        })
+        </script>
+      `,
+      options: [{ allowVue3Compat: true }],
+      errors: [
+        {
+          message:
+            '`model` definition is deprecated. You may use the Vue 3-compatible `modelValue`/`update:modelValue` though.',
+          line: 4,
+          column: 11,
+          endLine: 7,
+          endColumn: 12,
+          suggestions: [
+            {
+              desc: 'Change to `modelValue`/`update:modelValue`.',
+              output: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: \`modelValue\`,
+            event: \`update:modelValue\`
+          }
+        })
+        </script>
+      `
+            },
+            {
+              desc: 'Change to `model-value`/`update:model-value`.',
+              output: `
+        <script>
+        export default defineComponent({
+          model: {
+            prop: \`model-value\`,
+            event: \`update:model-value\`
+          }
+        })
+        </script>
+      `
+            }
+          ]
+        }
+      ]
     }
   ]
 })

From 4112be528e831995d6fd09a2d727ec19e99e865c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 9 Aug 2023 20:07:32 +0900
Subject: [PATCH 0649/1010] Rename `vue/no-setup-props-destructure` to
 `vue/no-setup-props-reactivity-loss` and remove from config (#2268)

---
 docs/rules/index.md                           |   3 +-
 docs/rules/no-setup-props-destructure.md      |   6 +-
 docs/rules/no-setup-props-reactivity-loss.md  | 102 +++
 lib/configs/essential.js                      |   1 -
 lib/configs/vue3-essential.js                 |   1 -
 lib/index.js                                  |   1 +
 lib/rules/no-setup-props-destructure.js       | 265 +------
 lib/rules/no-setup-props-reactivity-loss.js   | 272 +++++++
 .../rules/no-setup-props-reactivity-loss.js   | 682 ++++++++++++++++++
 9 files changed, 1071 insertions(+), 262 deletions(-)
 create mode 100644 docs/rules/no-setup-props-reactivity-loss.md
 create mode 100644 lib/rules/no-setup-props-reactivity-loss.js
 create mode 100644 tests/lib/rules/no-setup-props-reactivity-loss.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 6b06a7c71..d5525a785 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -79,7 +79,6 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  | :three::two::hammer: |
 | [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  | :three::two::hammer: |
 | [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  | :three::two::warning: |
-| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | disallow destructuring of `props` passed to `setup` |  | :three::two::hammer: |
 | [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: | :three::two::warning: |
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  | :three::two::warning: |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  | :three::two::warning: |
@@ -245,6 +244,7 @@ For example:
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  | :hammer: |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  | :hammer: |
 | [vue/no-root-v-if](./no-root-v-if.md) | disallow `v-if` directives on root element |  | :hammer: |
+| [vue/no-setup-props-reactivity-loss](./no-setup-props-reactivity-loss.md) | disallow usages that lose the reactivity of `props` passed to `setup` |  | :hammer: |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  | :hammer: |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" | :bulb: | :warning: |
 | [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  | :warning: |
@@ -339,6 +339,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 |:--------|:------------|
 | [vue/component-tags-order](./component-tags-order.md) | [vue/block-order](./block-order.md) |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
+| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | [vue/no-setup-props-reactivity-loss](./no-setup-props-reactivity-loss.md) |
 | [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
 | [vue/v-on-function-call](./v-on-function-call.md) | [vue/v-on-handler-style](./v-on-handler-style.md) |
 
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 8db330355..37fdcf8b5 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -2,14 +2,14 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-setup-props-destructure
-description: disallow destructuring of `props` passed to `setup`
+description: disallow usages that lose the reactivity of `props` passed to `setup`
 since: v7.0.0
 ---
 # vue/no-setup-props-destructure
 
-> disallow destructuring of `props` passed to `setup`
+> disallow usages that lose the reactivity of `props` passed to `setup`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :no_entry_sign: This rule was **deprecated** and replaced by [vue/no-setup-props-reactivity-loss](no-setup-props-reactivity-loss.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-setup-props-reactivity-loss.md b/docs/rules/no-setup-props-reactivity-loss.md
new file mode 100644
index 000000000..bc90415ec
--- /dev/null
+++ b/docs/rules/no-setup-props-reactivity-loss.md
@@ -0,0 +1,102 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-setup-props-reactivity-loss
+description: disallow usages that lose the reactivity of `props` passed to `setup`
+---
+# vue/no-setup-props-reactivity-loss
+
+> disallow usages that lose the reactivity of `props` passed to `setup`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports the destructuring or member expression of `props` passed to `setup` causing the value to lose reactivity.
+
+<eslint-code-block :rules="{'vue/no-setup-props-reactivity-loss': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✓ GOOD */
+  setup(props) {
+    watch(() => props.count, () => {
+      console.log(props.count)
+    })
+
+    return () => {
+      return h('div', props.count)
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+Destructuring the `props` passed to `setup` will cause the value to lose reactivity.
+
+<eslint-code-block :rules="{'vue/no-setup-props-reactivity-loss': ['error']}">
+
+```vue
+<script>
+export default {
+  /* ✗ BAD */
+  setup({ count }) {
+    watch(() => count, () => { // not going to detect changes
+      console.log(count)
+    })
+
+    return () => {
+      return h('div', count) // not going to update
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+Also, destructuring in root scope of `setup()` should error, but ok inside nested callbacks or returned render functions:
+
+<eslint-code-block :rules="{'vue/no-setup-props-reactivity-loss': ['error']}">
+
+```vue
+<script>
+export default {
+  setup(props) {
+    /* ✗ BAD */
+    const { count } = props
+
+    watch(() => props.count, () => {
+      /* ✓ GOOD */
+      const { count } = props
+      console.log(count)
+    })
+
+    return () => {
+      /* ✓ GOOD */
+      const { count } = props
+      return h('div', count)
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Guide - Composition API - Setup](https://vuejs.org/api/composition-api-setup.html)
+- [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-setup-props-reactivity-loss.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-setup-props-reactivity-loss.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 944a162ea..e2c66ceba 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -28,7 +28,6 @@ module.exports = {
         vueVersion: 2
       }
     ],
-    'vue/no-setup-props-destructure': 'error',
     'vue/no-shared-component-data': 'error',
     'vue/no-side-effects-in-computed-properties': 'error',
     'vue/no-template-key': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index 5fe530beb..f71508f75 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -42,7 +42,6 @@ module.exports = {
     'vue/no-reserved-component-names': 'error',
     'vue/no-reserved-keys': 'error',
     'vue/no-reserved-props': 'error',
-    'vue/no-setup-props-destructure': 'error',
     'vue/no-shared-component-data': 'error',
     'vue/no-side-effects-in-computed-properties': 'error',
     'vue/no-template-key': 'error',
diff --git a/lib/index.js b/lib/index.js
index ace37ce59..d69a03f43 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -131,6 +131,7 @@ module.exports = {
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
     'no-root-v-if': require('./rules/no-root-v-if'),
     'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
+    'no-setup-props-reactivity-loss': require('./rules/no-setup-props-reactivity-loss'),
     'no-shared-component-data': require('./rules/no-shared-component-data'),
     'no-side-effects-in-computed-properties': require('./rules/no-side-effects-in-computed-properties'),
     'no-spaces-around-equal-signs-in-attribute': require('./rules/no-spaces-around-equal-signs-in-attribute'),
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index 653a0b449..7b49b0a45 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -3,269 +3,22 @@
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-const { findVariable } = require('@eslint-community/eslint-utils')
-const utils = require('../utils')
+const baseRule = require('./no-setup-props-reactivity-loss')
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, internal/no-invalid-meta, eslint-plugin/require-meta-type -- inherit schema from base rule
   meta: {
-    type: 'suggestion',
+    ...baseRule.meta,
+    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
     docs: {
-      description: 'disallow destructuring of `props` passed to `setup`',
-      categories: ['vue3-essential', 'essential'],
+      ...baseRule.meta.docs,
       url: 'https://eslint.vuejs.org/rules/no-setup-props-destructure.html'
     },
-    fixable: null,
-    schema: [],
-    messages: {
-      destructuring:
-        'Destructuring the `props` will cause the value to lose reactivity.',
-      getProperty:
-        'Getting a value from the `props` in root scope of `{{scopeName}}` will cause the value to lose reactivity.'
-    }
+    deprecated: true,
+    replacedBy: ['no-setup-props-reactivity-loss']
   },
-  /**
-   * @param {RuleContext} context
-   * @returns {RuleListener}
-   **/
+  /** @param {RuleContext} context */
   create(context) {
-    /**
-     * @typedef {object} ScopePropsReferences
-     * @property {Set<Identifier>} refs
-     * @property {string} scopeName
-     */
-    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, ScopePropsReferences>} */
-    const setupScopePropsReferenceIds = new Map()
-    const wrapperExpressionTypes = new Set([
-      'ArrayExpression',
-      'ObjectExpression'
-    ])
-
-    /**
-     * @param {ESNode} node
-     * @param {string} messageId
-     * @param {string} scopeName
-     */
-    function report(node, messageId, scopeName) {
-      context.report({
-        node,
-        messageId,
-        data: {
-          scopeName
-        }
-      })
-    }
-
-    /**
-     * @param {Pattern} left
-     * @param {Expression | null} right
-     * @param {ScopePropsReferences} propsReferences
-     */
-    function verify(left, right, propsReferences) {
-      if (!right) {
-        return
-      }
-
-      const rightNode = utils.skipChainExpression(right)
-
-      if (
-        wrapperExpressionTypes.has(rightNode.type) &&
-        isPropsMemberAccessed(rightNode, propsReferences)
-      ) {
-        return report(rightNode, 'getProperty', propsReferences.scopeName)
-      }
-
-      if (
-        left.type !== 'ArrayPattern' &&
-        left.type !== 'ObjectPattern' &&
-        rightNode.type !== 'MemberExpression'
-      ) {
-        return
-      }
-
-      /** @type {Expression | Super} */
-      let rightId = rightNode
-      while (rightId.type === 'MemberExpression') {
-        rightId = utils.skipChainExpression(rightId.object)
-      }
-      if (rightId.type === 'Identifier' && propsReferences.refs.has(rightId)) {
-        report(left, 'getProperty', propsReferences.scopeName)
-      }
-    }
-
-    /**
-     * @param {Expression} node
-     * @param {ScopePropsReferences} propsReferences
-     */
-    function isPropsMemberAccessed(node, propsReferences) {
-      const propRefs = [...propsReferences.refs.values()]
-
-      return propRefs.some((props) => {
-        const isPropsInExpressionRange = utils.inRange(node.range, props)
-        const isPropsMemberExpression =
-          props.parent.type === 'MemberExpression' &&
-          props.parent.object === props
-
-        return isPropsInExpressionRange && isPropsMemberExpression
-      })
-    }
-
-    /**
-     * @typedef {object} ScopeStack
-     * @property {ScopeStack | null} upper
-     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
-     */
-    /**
-     * @type {ScopeStack | null}
-     */
-    let scopeStack = null
-
-    /**
-     * @param {Pattern | null} node
-     * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
-     * @param {string} scopeName
-     */
-    function processPattern(node, scopeNode, scopeName) {
-      if (!node) {
-        // no arguments
-        return
-      }
-      if (
-        node.type === 'RestElement' ||
-        node.type === 'AssignmentPattern' ||
-        node.type === 'MemberExpression'
-      ) {
-        // cannot check
-        return
-      }
-      if (node.type === 'ArrayPattern' || node.type === 'ObjectPattern') {
-        report(node, 'destructuring', scopeName)
-        return
-      }
-
-      const variable = findVariable(context.getScope(), node)
-      if (!variable) {
-        return
-      }
-      const propsReferenceIds = new Set()
-      for (const reference of variable.references) {
-        // If reference is in another scope, we can't check it.
-        if (reference.from !== context.getScope()) {
-          continue
-        }
-
-        if (!reference.isRead()) {
-          continue
-        }
-
-        propsReferenceIds.add(reference.identifier)
-      }
-      setupScopePropsReferenceIds.set(scopeNode, {
-        refs: propsReferenceIds,
-        scopeName
-      })
-    }
-    return utils.compositingVisitors(
-      {
-        /**
-         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression | Program} node
-         */
-        'Program, :function'(node) {
-          scopeStack = {
-            upper: scopeStack,
-            scopeNode: node
-          }
-        },
-        /**
-         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression | Program} node
-         */
-        'Program, :function:exit'(node) {
-          scopeStack = scopeStack && scopeStack.upper
-
-          setupScopePropsReferenceIds.delete(node)
-        },
-        /**
-         * @param {CallExpression} node
-         */
-        CallExpression(node) {
-          if (!scopeStack) {
-            return
-          }
-
-          const propsReferenceIds = setupScopePropsReferenceIds.get(
-            scopeStack.scopeNode
-          )
-
-          if (!propsReferenceIds) {
-            return
-          }
-
-          if (isPropsMemberAccessed(node, propsReferenceIds)) {
-            report(node, 'getProperty', propsReferenceIds.scopeName)
-          }
-        },
-        /**
-         * @param {VariableDeclarator} node
-         */
-        VariableDeclarator(node) {
-          if (!scopeStack) {
-            return
-          }
-          const propsReferenceIds = setupScopePropsReferenceIds.get(
-            scopeStack.scopeNode
-          )
-          if (!propsReferenceIds) {
-            return
-          }
-          verify(node.id, node.init, propsReferenceIds)
-        },
-        /**
-         * @param {AssignmentExpression} node
-         */
-        AssignmentExpression(node) {
-          if (!scopeStack) {
-            return
-          }
-          const propsReferenceIds = setupScopePropsReferenceIds.get(
-            scopeStack.scopeNode
-          )
-          if (!propsReferenceIds) {
-            return
-          }
-          verify(node.left, node.right, propsReferenceIds)
-        }
-      },
-      utils.defineScriptSetupVisitor(context, {
-        onDefinePropsEnter(node) {
-          let target = node
-          if (
-            target.parent &&
-            target.parent.type === 'CallExpression' &&
-            target.parent.arguments[0] === target &&
-            target.parent.callee.type === 'Identifier' &&
-            target.parent.callee.name === 'withDefaults'
-          ) {
-            target = target.parent
-          }
-          if (!target.parent) {
-            return
-          }
-
-          /** @type {Pattern|null} */
-          let id = null
-          if (target.parent.type === 'VariableDeclarator') {
-            id = target.parent.init === target ? target.parent.id : null
-          } else if (target.parent.type === 'AssignmentExpression') {
-            id = target.parent.right === target ? target.parent.left : null
-          }
-          processPattern(id, context.getSourceCode().ast, '<script setup>')
-        }
-      }),
-      utils.defineVueVisitor(context, {
-        onSetupFunctionEnter(node) {
-          const propsParam = utils.skipDefaultParamValue(node.params[0])
-          processPattern(propsParam, node, 'setup()')
-        }
-      })
-    )
+    return baseRule.create(context)
   }
 }
diff --git a/lib/rules/no-setup-props-reactivity-loss.js b/lib/rules/no-setup-props-reactivity-loss.js
new file mode 100644
index 000000000..1292ace7a
--- /dev/null
+++ b/lib/rules/no-setup-props-reactivity-loss.js
@@ -0,0 +1,272 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const { findVariable } = require('@eslint-community/eslint-utils')
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'disallow usages that lose the reactivity of `props` passed to `setup`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-setup-props-reactivity-loss.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      destructuring:
+        'Destructuring the `props` will cause the value to lose reactivity.',
+      getProperty:
+        'Getting a value from the `props` in root scope of `{{scopeName}}` will cause the value to lose reactivity.'
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   **/
+  create(context) {
+    /**
+     * @typedef {object} ScopePropsReferences
+     * @property {Set<Identifier>} refs
+     * @property {string} scopeName
+     */
+    /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, ScopePropsReferences>} */
+    const setupScopePropsReferenceIds = new Map()
+    const wrapperExpressionTypes = new Set([
+      'ArrayExpression',
+      'ObjectExpression'
+    ])
+
+    /**
+     * @param {ESNode} node
+     * @param {string} messageId
+     * @param {string} scopeName
+     */
+    function report(node, messageId, scopeName) {
+      context.report({
+        node,
+        messageId,
+        data: {
+          scopeName
+        }
+      })
+    }
+
+    /**
+     * @param {Pattern} left
+     * @param {Expression | null} right
+     * @param {ScopePropsReferences} propsReferences
+     */
+    function verify(left, right, propsReferences) {
+      if (!right) {
+        return
+      }
+
+      const rightNode = utils.skipChainExpression(right)
+
+      if (
+        wrapperExpressionTypes.has(rightNode.type) &&
+        isPropsMemberAccessed(rightNode, propsReferences)
+      ) {
+        return report(rightNode, 'getProperty', propsReferences.scopeName)
+      }
+
+      if (
+        left.type !== 'ArrayPattern' &&
+        left.type !== 'ObjectPattern' &&
+        rightNode.type !== 'MemberExpression'
+      ) {
+        return
+      }
+
+      /** @type {Expression | Super} */
+      let rightId = rightNode
+      while (rightId.type === 'MemberExpression') {
+        rightId = utils.skipChainExpression(rightId.object)
+      }
+      if (rightId.type === 'Identifier' && propsReferences.refs.has(rightId)) {
+        report(left, 'getProperty', propsReferences.scopeName)
+      }
+    }
+
+    /**
+     * @param {Expression} node
+     * @param {ScopePropsReferences} propsReferences
+     */
+    function isPropsMemberAccessed(node, propsReferences) {
+      const propRefs = [...propsReferences.refs.values()]
+
+      return propRefs.some((props) => {
+        const isPropsInExpressionRange = utils.inRange(node.range, props)
+        const isPropsMemberExpression =
+          props.parent.type === 'MemberExpression' &&
+          props.parent.object === props
+
+        return isPropsInExpressionRange && isPropsMemberExpression
+      })
+    }
+
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
+     */
+    /**
+     * @type {ScopeStack | null}
+     */
+    let scopeStack = null
+
+    /**
+     * @param {Pattern | null} node
+     * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
+     * @param {string} scopeName
+     */
+    function processPattern(node, scopeNode, scopeName) {
+      if (!node) {
+        // no arguments
+        return
+      }
+      if (
+        node.type === 'RestElement' ||
+        node.type === 'AssignmentPattern' ||
+        node.type === 'MemberExpression'
+      ) {
+        // cannot check
+        return
+      }
+      if (node.type === 'ArrayPattern' || node.type === 'ObjectPattern') {
+        report(node, 'destructuring', scopeName)
+        return
+      }
+
+      const variable = findVariable(context.getScope(), node)
+      if (!variable) {
+        return
+      }
+      const propsReferenceIds = new Set()
+      for (const reference of variable.references) {
+        // If reference is in another scope, we can't check it.
+        if (reference.from !== context.getScope()) {
+          continue
+        }
+
+        if (!reference.isRead()) {
+          continue
+        }
+
+        propsReferenceIds.add(reference.identifier)
+      }
+      setupScopePropsReferenceIds.set(scopeNode, {
+        refs: propsReferenceIds,
+        scopeName
+      })
+    }
+    return utils.compositingVisitors(
+      {
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression | Program} node
+         */
+        'Program, :function'(node) {
+          scopeStack = {
+            upper: scopeStack,
+            scopeNode: node
+          }
+        },
+        /**
+         * @param {FunctionExpression | FunctionDeclaration | ArrowFunctionExpression | Program} node
+         */
+        'Program, :function:exit'(node) {
+          scopeStack = scopeStack && scopeStack.upper
+
+          setupScopePropsReferenceIds.delete(node)
+        },
+        /**
+         * @param {CallExpression} node
+         */
+        CallExpression(node) {
+          if (!scopeStack) {
+            return
+          }
+
+          const propsReferenceIds = setupScopePropsReferenceIds.get(
+            scopeStack.scopeNode
+          )
+
+          if (!propsReferenceIds) {
+            return
+          }
+
+          if (isPropsMemberAccessed(node, propsReferenceIds)) {
+            report(node, 'getProperty', propsReferenceIds.scopeName)
+          }
+        },
+        /**
+         * @param {VariableDeclarator} node
+         */
+        VariableDeclarator(node) {
+          if (!scopeStack) {
+            return
+          }
+          const propsReferenceIds = setupScopePropsReferenceIds.get(
+            scopeStack.scopeNode
+          )
+          if (!propsReferenceIds) {
+            return
+          }
+          verify(node.id, node.init, propsReferenceIds)
+        },
+        /**
+         * @param {AssignmentExpression} node
+         */
+        AssignmentExpression(node) {
+          if (!scopeStack) {
+            return
+          }
+          const propsReferenceIds = setupScopePropsReferenceIds.get(
+            scopeStack.scopeNode
+          )
+          if (!propsReferenceIds) {
+            return
+          }
+          verify(node.left, node.right, propsReferenceIds)
+        }
+      },
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node) {
+          let target = node
+          if (
+            target.parent &&
+            target.parent.type === 'CallExpression' &&
+            target.parent.arguments[0] === target &&
+            target.parent.callee.type === 'Identifier' &&
+            target.parent.callee.name === 'withDefaults'
+          ) {
+            target = target.parent
+          }
+          if (!target.parent) {
+            return
+          }
+
+          /** @type {Pattern|null} */
+          let id = null
+          if (target.parent.type === 'VariableDeclarator') {
+            id = target.parent.init === target ? target.parent.id : null
+          } else if (target.parent.type === 'AssignmentExpression') {
+            id = target.parent.right === target ? target.parent.left : null
+          }
+          processPattern(id, context.getSourceCode().ast, '<script setup>')
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          const propsParam = utils.skipDefaultParamValue(node.params[0])
+          processPattern(propsParam, node, 'setup()')
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/no-setup-props-reactivity-loss.js b/tests/lib/rules/no-setup-props-reactivity-loss.js
new file mode 100644
index 000000000..2e2480631
--- /dev/null
+++ b/tests/lib/rules/no-setup-props-reactivity-loss.js
@@ -0,0 +1,682 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-setup-props-reactivity-loss')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('no-setup-props-reactivity-loss', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(() => {
+            console.log(props.count) // ok
+          })
+
+          return () => {
+            return h('div', props.count) // ok
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(() => {
+            const { count } = props // ok
+            console.log(count)
+          })
+
+          return () => {
+            const { count } = props // ok
+            return h('div', count)
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        _setup({count}) {
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup() {
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(...args) {
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(() => {
+            ({ count } = props)
+          })
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      var noVue = {
+        setup(props) {
+          const { count } = props
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          const {x} = noProps
+          ({y} = noProps)
+          const z = noProps.z
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          ({props} = x)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        watch: {
+          setup({val}) { }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          const props2 = props
+        }
+      }
+      </script>
+      `
+    },
+    `
+      Vue.component('test', {
+        el: a = b
+      })
+    `,
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      watch(() => {
+        const {count} = props
+      })
+      watch(() => {
+        const count = props.count
+      })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      watch(() => {
+        ({ count } = props)
+      })
+      watch(() => {
+        count = props.count
+      })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup: (props) => {
+          const count = computed(() => props.count)
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const count = computed(() => props.count)
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup({ count }) { // error
+          watch(() => {
+            console.log(count) // not going to detect changes
+          })
+
+          return () => {
+            return h('div', count) // not going to update
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'destructuring',
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          const { count } = props // error
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 26
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup: (props) => {
+          const { count } = props
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          ({ count } = props)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const { count } = p
+        }
+      }
+
+      Vue.component('component', {
+        setup(p) {
+          const { count } = p
+        }
+      })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const { count } = p
+        },
+        _setup(p) {
+          const { count } = p
+        },
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const { x } = p
+          const { y } = p
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const foo = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const x = p.foo
+          const y = p?.bar
+          const z = (p?.baz).qux
+
+          const xc = p?.foo?.()
+          const yc = (p?.bar)?.()
+          const zc = (p?.baz.qux)?.()
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 6
+        },
+        {
+          messageId: 'getProperty',
+          line: 7
+        },
+        {
+          messageId: 'getProperty',
+          line: 9
+        },
+        {
+          messageId: 'getProperty',
+          line: 10
+        },
+        {
+          messageId: 'getProperty',
+          line: 11
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          let foo
+          foo = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const {foo} = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          foo.bar = p.bar
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {count} = defineProps({count:Number})
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Destructuring the `props` will cause the value to lose reactivity.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      const {count} = props
+      ;({count} = props)
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({count:Number})
+      const count = props.count
+      count = props.count
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        },
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup: (props) => {
+          const count = ref(props.count)
+          count = fn(props.count)
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        },
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const count = ref(props.count)
+      count = fn(props.count)
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        },
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const newProps = ref({ count: props.count })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const counts = [props.count]
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const counter = { count: props.count }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const counters = [{ count: [props.count] }]
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const buildCounter = (count) => ({ count })
+
+      buildCounter(props.count)
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 6
+        }
+      ]
+    }
+  ]
+})

From 7422a0e855a76cf5cc8d00ebbe46868ca4c465a8 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 9 Aug 2023 20:18:03 +0900
Subject: [PATCH 0650/1010] Rename `vue/no-ref-object-destructure` to
 `vue/no-ref-object-reactivity-loss` (#2269)

---
 docs/rules/index.md                           |   3 +-
 docs/rules/no-ref-object-destructure.md       |   6 +-
 docs/rules/no-ref-object-reactivity-loss.md   |  55 +++
 lib/index.js                                  |   1 +
 lib/rules/no-ref-object-destructure.js        | 167 +------
 lib/rules/no-ref-object-reactivity-loss.js    | 171 +++++++
 .../rules/no-ref-object-reactivity-loss.js    | 449 ++++++++++++++++++
 7 files changed, 692 insertions(+), 160 deletions(-)
 create mode 100644 docs/rules/no-ref-object-reactivity-loss.md
 create mode 100644 lib/rules/no-ref-object-reactivity-loss.js
 create mode 100644 tests/lib/rules/no-ref-object-reactivity-loss.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d5525a785..224cddc7d 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -231,7 +231,7 @@ For example:
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
-| [vue/no-ref-object-destructure](./no-ref-object-destructure.md) | disallow destructuring of ref objects that can lead to loss of reactivity |  | :warning: |
+| [vue/no-ref-object-reactivity-loss](./no-ref-object-reactivity-loss.md) | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-required-prop-with-default](./no-required-prop-with-default.md) | enforce props with default values to be optional | :wrench::bulb: | :warning: |
 | [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
@@ -339,6 +339,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 |:--------|:------------|
 | [vue/component-tags-order](./component-tags-order.md) | [vue/block-order](./block-order.md) |
 | [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
+| [vue/no-ref-object-destructure](./no-ref-object-destructure.md) | [vue/no-ref-object-reactivity-loss](./no-ref-object-reactivity-loss.md) |
 | [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | [vue/no-setup-props-reactivity-loss](./no-setup-props-reactivity-loss.md) |
 | [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
 | [vue/v-on-function-call](./v-on-function-call.md) | [vue/v-on-handler-style](./v-on-handler-style.md) |
diff --git a/docs/rules/no-ref-object-destructure.md b/docs/rules/no-ref-object-destructure.md
index a3b9d7758..fd3534c6f 100644
--- a/docs/rules/no-ref-object-destructure.md
+++ b/docs/rules/no-ref-object-destructure.md
@@ -2,12 +2,14 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-ref-object-destructure
-description: disallow destructuring of ref objects that can lead to loss of reactivity
+description: disallow usages of ref objects that can lead to loss of reactivity
 since: v9.5.0
 ---
 # vue/no-ref-object-destructure
 
-> disallow destructuring of ref objects that can lead to loss of reactivity
+> disallow usages of ref objects that can lead to loss of reactivity
+
+- :no_entry_sign: This rule was **deprecated** and replaced by [vue/no-ref-object-reactivity-loss](no-ref-object-reactivity-loss.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-ref-object-reactivity-loss.md b/docs/rules/no-ref-object-reactivity-loss.md
new file mode 100644
index 000000000..22bca127d
--- /dev/null
+++ b/docs/rules/no-ref-object-reactivity-loss.md
@@ -0,0 +1,55 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-ref-object-reactivity-loss
+description: disallow usages of ref objects that can lead to loss of reactivity
+---
+# vue/no-ref-object-reactivity-loss
+
+> disallow usages of ref objects that can lead to loss of reactivity
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule reports the usages of ref objects causing the value to lose reactivity.
+
+<eslint-code-block :rules="{'vue/no-ref-object-reactivity-loss': ['error']}" language="javascript" filename="example.js" >
+
+```js
+import { ref } from 'vue'
+const count = ref(0)
+const v1 = count.value /* ✗ BAD */
+const { value: v2 } = count /* ✗ BAD */
+const v3 = computed(() => count.value /* ✓ GOOD */)
+const v4 = fn(count.value) /* ✗ BAD */
+const v5 = fn(count) /* ✓ GOOD */
+const v6 = computed(() => fn(count.value) /* ✓ GOOD */)
+```
+
+</eslint-code-block>
+
+This rule also supports Reactivity Transform, but Reactivity Transform is an experimental feature and may have false positives due to future Vue changes.  
+See the [RFC](https://github.com/vuejs/rfcs/pull/420) for more information on Reactivity Transform.
+
+<eslint-code-block :rules="{'vue/no-ref-object-reactivity-loss': ['error']}" language="javascript" filename="example.js" >
+
+```js
+const count = $ref(0)
+const v1 = count /* ✗ BAD */
+const v2 = $computed(() => count /* ✓ GOOD */)
+const v3 = fn(count) /* ✗ BAD */
+const v4 = fn($$(count)) /* ✓ GOOD */
+const v5 = $computed(() => fn(count) /* ✓ GOOD */)
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-ref-object-reactivity-loss.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-ref-object-reactivity-loss.js)
diff --git a/lib/index.js b/lib/index.js
index d69a03f43..edbe34a2c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -114,6 +114,7 @@ module.exports = {
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
     'no-ref-object-destructure': require('./rules/no-ref-object-destructure'),
+    'no-ref-object-reactivity-loss': require('./rules/no-ref-object-reactivity-loss'),
     'no-required-prop-with-default': require('./rules/no-required-prop-with-default'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
     'no-reserved-keys': require('./rules/no-reserved-keys'),
diff --git a/lib/rules/no-ref-object-destructure.js b/lib/rules/no-ref-object-destructure.js
index 859a3cb14..221c20b3d 100644
--- a/lib/rules/no-ref-object-destructure.js
+++ b/lib/rules/no-ref-object-destructure.js
@@ -1,171 +1,24 @@
 /**
- * @author Yosuke Ota <https://github.com/ota-meshi>
+ * @author Yosuke Ota
  * See LICENSE file in root directory for full license.
  */
 'use strict'
-
-const utils = require('../utils')
-const {
-  extractRefObjectReferences,
-  extractReactiveVariableReferences
-} = require('../utils/ref-object-references')
-
-/**
- * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
- * @typedef {import('../utils/ref-object-references').RefObjectReference} RefObjectReference
- */
-
-/**
- * Checks whether writing assigns a value to the given pattern.
- * @param {Pattern | AssignmentProperty | Property} node
- * @returns {boolean}
- */
-function isUpdate(node) {
-  const parent = node.parent
-  if (parent.type === 'UpdateExpression' && parent.argument === node) {
-    // e.g. `pattern++`
-    return true
-  }
-  if (parent.type === 'AssignmentExpression' && parent.left === node) {
-    // e.g. `pattern = 42`
-    return true
-  }
-  if (
-    (parent.type === 'Property' && parent.value === node) ||
-    parent.type === 'ArrayPattern' ||
-    (parent.type === 'ObjectPattern' &&
-      parent.properties.includes(/** @type {any} */ (node))) ||
-    (parent.type === 'AssignmentPattern' && parent.left === node) ||
-    parent.type === 'RestElement' ||
-    (parent.type === 'MemberExpression' && parent.object === node)
-  ) {
-    return isUpdate(parent)
-  }
-  return false
-}
+const baseRule = require('./no-ref-object-reactivity-loss')
 
 module.exports = {
+  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, internal/no-invalid-meta, eslint-plugin/require-meta-type -- inherit schema from base rule
   meta: {
-    type: 'problem',
+    ...baseRule.meta,
+    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
     docs: {
-      description:
-        'disallow destructuring of ref objects that can lead to loss of reactivity',
-      categories: undefined,
+      ...baseRule.meta.docs,
       url: 'https://eslint.vuejs.org/rules/no-ref-object-destructure.html'
     },
-    fixable: null,
-    schema: [],
-    messages: {
-      getValueInSameScope:
-        'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-      getReactiveVariableInSameScope:
-        'Getting a reactive variable in the same scope will cause the value to lose reactivity.'
-    }
+    deprecated: true,
+    replacedBy: ['no-ref-object-reactivity-loss']
   },
-  /**
-   * @param {RuleContext} context
-   * @returns {RuleListener}
-   */
+  /** @param {RuleContext} context */
   create(context) {
-    /**
-     * @typedef {object} ScopeStack
-     * @property {ScopeStack | null} upper
-     * @property {Program | FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
-     */
-    /** @type {ScopeStack} */
-    let scopeStack = { upper: null, node: context.getSourceCode().ast }
-    /** @type {Map<CallExpression, ScopeStack>} */
-    const scopes = new Map()
-
-    const refObjectReferences = extractRefObjectReferences(context)
-    const reactiveVariableReferences =
-      extractReactiveVariableReferences(context)
-
-    /**
-     * Verify the given ref object value. `refObj = ref(); refObj.value;`
-     * @param {Expression | Super | ObjectPattern} node
-     */
-    function verifyRefObjectValue(node) {
-      const ref = refObjectReferences.get(node)
-      if (!ref) {
-        return
-      }
-      if (scopes.get(ref.define) !== scopeStack) {
-        // Not in the same scope
-        return
-      }
-
-      context.report({
-        node,
-        messageId: 'getValueInSameScope'
-      })
-    }
-
-    /**
-     * Verify the given reactive variable. `refVal = $ref(); refVal;`
-     * @param {Identifier} node
-     */
-    function verifyReactiveVariable(node) {
-      const ref = reactiveVariableReferences.get(node)
-      if (!ref || ref.escape) {
-        return
-      }
-      if (scopes.get(ref.define) !== scopeStack) {
-        // Not in the same scope
-        return
-      }
-
-      context.report({
-        node,
-        messageId: 'getReactiveVariableInSameScope'
-      })
-    }
-
-    return {
-      ':function'(node) {
-        scopeStack = { upper: scopeStack, node }
-      },
-      ':function:exit'() {
-        scopeStack = scopeStack.upper || scopeStack
-      },
-      CallExpression(node) {
-        scopes.set(node, scopeStack)
-      },
-      /**
-       * Check for `refObj.value`.
-       */
-      'MemberExpression:exit'(node) {
-        if (isUpdate(node)) {
-          // e.g. `refObj.value = 42`, `refObj.value++`
-          return
-        }
-        const name = utils.getStaticPropertyName(node)
-        if (name !== 'value') {
-          return
-        }
-        verifyRefObjectValue(node.object)
-      },
-      /**
-       * Check for `{value} = refObj`.
-       */
-      'ObjectPattern:exit'(node) {
-        const prop = utils.findAssignmentProperty(node, 'value')
-        if (!prop) {
-          return
-        }
-        verifyRefObjectValue(node)
-      },
-      /**
-       * Check for reactive variable`.
-       * @param {Identifier} node
-       */
-      'Identifier:exit'(node) {
-        if (isUpdate(node)) {
-          // e.g. `reactiveVariable = 42`, `reactiveVariable++`
-          return
-        }
-        verifyReactiveVariable(node)
-      }
-    }
+    return baseRule.create(context)
   }
 }
diff --git a/lib/rules/no-ref-object-reactivity-loss.js b/lib/rules/no-ref-object-reactivity-loss.js
new file mode 100644
index 000000000..8f61804b9
--- /dev/null
+++ b/lib/rules/no-ref-object-reactivity-loss.js
@@ -0,0 +1,171 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const {
+  extractRefObjectReferences,
+  extractReactiveVariableReferences
+} = require('../utils/ref-object-references')
+
+/**
+ * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
+ * @typedef {import('../utils/ref-object-references').RefObjectReference} RefObjectReference
+ */
+
+/**
+ * Checks whether writing assigns a value to the given pattern.
+ * @param {Pattern | AssignmentProperty | Property} node
+ * @returns {boolean}
+ */
+function isUpdate(node) {
+  const parent = node.parent
+  if (parent.type === 'UpdateExpression' && parent.argument === node) {
+    // e.g. `pattern++`
+    return true
+  }
+  if (parent.type === 'AssignmentExpression' && parent.left === node) {
+    // e.g. `pattern = 42`
+    return true
+  }
+  if (
+    (parent.type === 'Property' && parent.value === node) ||
+    parent.type === 'ArrayPattern' ||
+    (parent.type === 'ObjectPattern' &&
+      parent.properties.includes(/** @type {any} */ (node))) ||
+    (parent.type === 'AssignmentPattern' && parent.left === node) ||
+    parent.type === 'RestElement' ||
+    (parent.type === 'MemberExpression' && parent.object === node)
+  ) {
+    return isUpdate(parent)
+  }
+  return false
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow usages of ref objects that can lead to loss of reactivity',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-ref-object-reactivity-loss.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      getValueInSameScope:
+        'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+      getReactiveVariableInSameScope:
+        'Getting a reactive variable in the same scope will cause the value to lose reactivity.'
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   */
+  create(context) {
+    /**
+     * @typedef {object} ScopeStack
+     * @property {ScopeStack | null} upper
+     * @property {Program | FunctionExpression | FunctionDeclaration | ArrowFunctionExpression} node
+     */
+    /** @type {ScopeStack} */
+    let scopeStack = { upper: null, node: context.getSourceCode().ast }
+    /** @type {Map<CallExpression, ScopeStack>} */
+    const scopes = new Map()
+
+    const refObjectReferences = extractRefObjectReferences(context)
+    const reactiveVariableReferences =
+      extractReactiveVariableReferences(context)
+
+    /**
+     * Verify the given ref object value. `refObj = ref(); refObj.value;`
+     * @param {Expression | Super | ObjectPattern} node
+     */
+    function verifyRefObjectValue(node) {
+      const ref = refObjectReferences.get(node)
+      if (!ref) {
+        return
+      }
+      if (scopes.get(ref.define) !== scopeStack) {
+        // Not in the same scope
+        return
+      }
+
+      context.report({
+        node,
+        messageId: 'getValueInSameScope'
+      })
+    }
+
+    /**
+     * Verify the given reactive variable. `refVal = $ref(); refVal;`
+     * @param {Identifier} node
+     */
+    function verifyReactiveVariable(node) {
+      const ref = reactiveVariableReferences.get(node)
+      if (!ref || ref.escape) {
+        return
+      }
+      if (scopes.get(ref.define) !== scopeStack) {
+        // Not in the same scope
+        return
+      }
+
+      context.report({
+        node,
+        messageId: 'getReactiveVariableInSameScope'
+      })
+    }
+
+    return {
+      ':function'(node) {
+        scopeStack = { upper: scopeStack, node }
+      },
+      ':function:exit'() {
+        scopeStack = scopeStack.upper || scopeStack
+      },
+      CallExpression(node) {
+        scopes.set(node, scopeStack)
+      },
+      /**
+       * Check for `refObj.value`.
+       */
+      'MemberExpression:exit'(node) {
+        if (isUpdate(node)) {
+          // e.g. `refObj.value = 42`, `refObj.value++`
+          return
+        }
+        const name = utils.getStaticPropertyName(node)
+        if (name !== 'value') {
+          return
+        }
+        verifyRefObjectValue(node.object)
+      },
+      /**
+       * Check for `{value} = refObj`.
+       */
+      'ObjectPattern:exit'(node) {
+        const prop = utils.findAssignmentProperty(node, 'value')
+        if (!prop) {
+          return
+        }
+        verifyRefObjectValue(node)
+      },
+      /**
+       * Check for reactive variable`.
+       * @param {Identifier} node
+       */
+      'Identifier:exit'(node) {
+        if (isUpdate(node)) {
+          // e.g. `reactiveVariable = 42`, `reactiveVariable++`
+          return
+        }
+        verifyReactiveVariable(node)
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-ref-object-reactivity-loss.js b/tests/lib/rules/no-ref-object-reactivity-loss.js
new file mode 100644
index 000000000..a40f8619f
--- /dev/null
+++ b/tests/lib/rules/no-ref-object-reactivity-loss.js
@@ -0,0 +1,449 @@
+/**
+ * @author Yosuke Ota <https://github.com/ota-meshi>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-ref-object-reactivity-loss')
+
+const tester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-ref-object-reactivity-loss', rule, {
+  valid: [
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    const value1 = computed(() => count.value)
+    const value2 = fn(count)
+    const value3 = computed(() => fn(count.value))
+    `,
+    `
+    import { toRefs } from 'vue'
+    const { count } = toRefs(foo)
+    const value1 = computed(() => count.value)
+    const value2 = fn(count)
+    const value3 = computed(() => fn(count.value))
+    `,
+    `
+    import { toRefs } from 'vue'
+    const refs = toRefs(foo)
+    const value1 = computed(() => refs.count.value)
+    const value2 = fn(refs.count)
+    const value3 = computed(() => fn(refs.count.value))
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    count.value = 42
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    count.value++
+    `,
+    `
+    import { ref } from 'vue'
+    const count = ref(0)
+    ;( { foo: count.value } = bar )
+    `,
+    `
+    import { ref, computed, shallowRef, customRef, toRef } from 'vue'
+    const r = ref(0)
+    const c = computed(() => r.value)
+    const sr = shallowRef({ count: 1 })
+    const cr = customRef((track, trigger) => {
+      return {
+        get() { return sr.value },
+        set(newValue) { sr.value = newValue }
+      }
+    })
+    const tr = toRef(sr, 'count')
+    function fn() {
+      console.log(c.value, cr.value, tr.value)
+    }
+    `,
+    // unknown
+    `
+    import { ref } from 'vue'
+    const [a] = ref(0)
+    foo.bar = ref(0)
+    unknown.value
+    `,
+    `
+    import { ref } from 'vue'
+    let foo = ref(0)
+    foo = foo
+    `,
+    // Reactivity Transform
+    `
+    const count = $ref(0)
+    const value1 = computed(() => count)
+    const value2 = fn($$(count))
+    const value3 = computed(() => fn(count))
+    `,
+    `
+    const count = $(foo)
+    const value1 = computed(() => count)
+    const value2 = fn($$(count))
+    const value3 = computed(() => fn(count))
+    `,
+    `
+    const { count } = $(foo)
+    const value1 = computed(() => count)
+    const value2 = fn($$(count))
+    const value3 = computed(() => fn(count))
+    `,
+    `
+    let count = $ref(0)
+    count = 42
+    `,
+    `
+    let count = $ref(0)
+    count++
+    `,
+    `
+    let count = $ref(0)
+    ;( { foo: count } = bar )
+    `,
+    `
+    const { v1, v2, v3, v4 } = $(foo)
+    fn($$({ v1, a: [v2], a: [...v3], ...v4}))
+    `,
+    `
+    let r = $ref(0)
+    let c = $computed(() => r)
+    let sr = $shallowRef({ count: 1 })
+    let cr = $customRef((track, trigger) => {
+      return {
+        get() { return sr },
+        set(newValue) { sr = newValue }
+      }
+    })
+    let tr = $toRef($$(sr), 'count')
+    function fn() {
+      console.log(
+        r.value,
+        c.value,
+        sr.value,
+        cr.value,
+        tr.value
+      )
+    }
+    `
+  ],
+  invalid: [
+    {
+      code: `
+      import { ref } from 'vue'
+      const count = ref(0)
+      const value1 = count.value
+      const { value: value2 } = count
+      const value3 = fn(count.value)
+      const { value: value4 = 42 } = count
+      if (foo) {
+        const value1 = count.value
+      }
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 7
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 9
+        }
+      ]
+    },
+    {
+      code: `
+      import { toRefs } from 'vue'
+      const { count } = toRefs(foo)
+      const value1 = count.value
+      const { value: value2 } = count
+      const value3 = fn(count.value)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+      import { toRefs } from 'vue'
+      const refs = toRefs(foo)
+      const value1 = refs.count.value
+      const { value: value2 } = refs.count
+      const value3 = fn(refs.count.value)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref } from 'vue'
+      const count = ref(0).value
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      import { toRefs } from 'vue'
+      const refs = toRefs(foo)
+      const { foo = 42 } = refs
+      const v = foo.value
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+      import { ref, computed, shallowRef, customRef, toRef } from 'vue'
+      const r = ref(0)
+      const c = computed(() => r.value)
+      const sr = shallowRef({ count: 1 })
+      const cr = customRef((track, trigger) => {
+        return {
+          get() { return sr.value },
+          set(newValue) { sr.value = newValue }
+        }
+      })
+      const tr = toRef(sr, 'count')
+
+      console.log(
+        r.value,
+        c.value,
+        sr.value,
+        cr.value,
+        tr.value
+      )
+      `,
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 15
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 16
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 17
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 18
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 19
+        }
+      ]
+    },
+    // Reactivity Transform
+    {
+      code: `
+      const count = $ref(0)
+      const value1 = count
+      const value2 = fn(count)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      const count = $(foo)
+      const value1 = count
+      const value2 = fn(count)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      const { count } = $(foo)
+      const value1 = count
+      const value2 = fn(count)
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        }
+      ]
+    },
+    {
+      code: `
+      const { v1, a: [v2 = 42], b: [...v3], ...v4 } = $(foo)
+      const value1 = v1
+      const value2 = v2
+      const value3 = v3
+      const value4 = v4
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 3
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 4
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 5
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 6
+        }
+      ]
+    },
+    {
+      code: `
+      let r = $ref(0)
+      let c = $computed(() => r)
+      let sr = $shallowRef({ count: 1 })
+      let cr = $customRef((track, trigger) => {
+        return {
+          get() { return sr },
+          set(newValue) { sr = newValue }
+        }
+      })
+      let tr = $toRef($$(sr), 'count')
+      console.log(
+        r.value,
+        c.value,
+        sr.value,
+        cr.value,
+        tr.value
+      )
+      `,
+      errors: [
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 13
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 14
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 15
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 16
+        },
+        {
+          message:
+            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
+          line: 17
+        }
+      ]
+    }
+  ]
+})

From f607af7d0c41014c9d5267221b4d58bd290543cf Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 9 Aug 2023 20:22:26 +0900
Subject: [PATCH 0651/1010] 9.17.0

---
 docs/rules/no-ref-object-reactivity-loss.md  | 7 +++++--
 docs/rules/no-setup-props-reactivity-loss.md | 7 +++++--
 package.json                                 | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-ref-object-reactivity-loss.md b/docs/rules/no-ref-object-reactivity-loss.md
index 22bca127d..5f70a8303 100644
--- a/docs/rules/no-ref-object-reactivity-loss.md
+++ b/docs/rules/no-ref-object-reactivity-loss.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-ref-object-reactivity-loss
 description: disallow usages of ref objects that can lead to loss of reactivity
+since: v9.17.0
 ---
 # vue/no-ref-object-reactivity-loss
 
 > disallow usages of ref objects that can lead to loss of reactivity
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports the usages of ref objects causing the value to lose reactivity.
@@ -49,6 +48,10 @@ const v5 = $computed(() => fn(count) /* ✓ GOOD */)
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.17.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-ref-object-reactivity-loss.js)
diff --git a/docs/rules/no-setup-props-reactivity-loss.md b/docs/rules/no-setup-props-reactivity-loss.md
index bc90415ec..ade3ee62c 100644
--- a/docs/rules/no-setup-props-reactivity-loss.md
+++ b/docs/rules/no-setup-props-reactivity-loss.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-setup-props-reactivity-loss
 description: disallow usages that lose the reactivity of `props` passed to `setup`
+since: v9.17.0
 ---
 # vue/no-setup-props-reactivity-loss
 
 > disallow usages that lose the reactivity of `props` passed to `setup`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule reports the destructuring or member expression of `props` passed to `setup` causing the value to lose reactivity.
@@ -96,6 +95,10 @@ Nothing.
 - [Guide - Composition API - Setup](https://vuejs.org/api/composition-api-setup.html)
 - [Vue RFCs - 0013-composition-api](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.17.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-setup-props-reactivity-loss.js)
diff --git a/package.json b/package.json
index ecc3c79fd..eb3750f4a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.16.1",
+  "version": "9.17.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 791a60d7234da16fe86dddcdc7c2744bd5c3415e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Desableau?=
 <45625842+clemdee@users.noreply.github.com>
Date: Mon, 21 Aug 2023 10:32:51 +0200
Subject: [PATCH 0652/1010] Docs: fix options for use-v-on-exact (#2277)

---
 docs/rules/use-v-on-exact.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index b89b15e2c..08e0629fe 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -32,11 +32,7 @@ This rule enforce usage of `exact` modifier on `v-on` when there is another `v-o
 
 ## :wrench: Options
 
-```json
-{
-  "vue/use-v-on-exact": ["error"]
-}
-```
+Nothing.
 
 ## :couple: Related Rules
 

From 8ba6d9a19dcf431b4ab048732c7d8a50c5b3a884 Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Sat, 7 Oct 2023 05:33:34 +1100
Subject: [PATCH 0653/1010] fix: replace typeParameters with typeArguments
 (#2292)

---
 lib/rules/define-emits-declaration.js         |  3 ++-
 lib/rules/define-props-declaration.js         |  3 ++-
 lib/rules/require-typed-ref.js                |  4 +++-
 lib/rules/valid-define-emits.js               |  8 +++----
 lib/rules/valid-define-options.js             |  5 ++--
 lib/rules/valid-define-props.js               |  8 +++----
 lib/utils/indent-common.js                    | 16 +++++++------
 lib/utils/indent-ts.js                        |  5 ++--
 lib/utils/index.js                            | 16 +++++--------
 lib/utils/ts-utils/ts-ast.js                  | 23 ++++++++-----------
 tests/integrations/eslint-plugin-import.js    | 10 ++++----
 .../util-types/ast/es-ast.ts                  | 10 ++++++--
 12 files changed, 57 insertions(+), 54 deletions(-)

diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index 4daf4115c..478e1d840 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -47,7 +47,8 @@ module.exports = {
           }
 
           case 'runtime': {
-            if (node.typeParameters && node.typeParameters.params.length > 0) {
+            const typeArguments = node.typeArguments || node.typeParameters
+            if (typeArguments && typeArguments.params.length > 0) {
               context.report({
                 node,
                 messageId: 'hasTypeArg'
diff --git a/lib/rules/define-props-declaration.js b/lib/rules/define-props-declaration.js
index c6fe4ffdc..d355bb2fc 100644
--- a/lib/rules/define-props-declaration.js
+++ b/lib/rules/define-props-declaration.js
@@ -47,7 +47,8 @@ module.exports = {
           }
 
           case 'runtime': {
-            if (node.typeParameters && node.typeParameters.params.length > 0) {
+            const typeArguments = node.typeArguments || node.typeParameters
+            if (typeArguments && typeArguments.params.length > 0) {
               context.report({
                 node,
                 messageId: 'hasTypeArg'
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 4ae12b040..2f691fec1 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -83,7 +83,9 @@ module.exports = {
             continue
           }
 
-          if (ref.node.typeParameters == null) {
+          const typeArguments =
+            ref.node.typeArguments || ref.node.typeParameters
+          if (typeArguments == null) {
             if (
               ref.node.parent.type === 'VariableDeclarator' &&
               ref.node.parent.id.type === 'Identifier'
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 64d3fd15a..994302c60 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -47,8 +47,9 @@ module.exports = {
         onDefineEmitsEnter(node) {
           defineEmitsNodes.push(node)
 
+          const typeArguments = node.typeArguments || node.typeParameters
           if (node.arguments.length > 0) {
-            if (node.typeParameters && node.typeParameters.params.length > 0) {
+            if (typeArguments && typeArguments.params.length > 0) {
               // `defineEmits` has both a literal type and an argument.
               context.report({
                 node,
@@ -59,10 +60,7 @@ module.exports = {
 
             emitsDefExpressions.add(node.arguments[0])
           } else {
-            if (
-              !node.typeParameters ||
-              node.typeParameters.params.length === 0
-            ) {
+            if (!typeArguments || typeArguments.params.length === 0) {
               emptyDefineEmits = node
             }
           }
diff --git a/lib/rules/valid-define-options.js b/lib/rules/valid-define-options.js
index 784ac3fbd..c1cd5b993 100644
--- a/lib/rules/valid-define-options.js
+++ b/lib/rules/valid-define-options.js
@@ -74,9 +74,10 @@ module.exports = {
             })
           }
 
-          if (node.typeParameters) {
+          const typeArguments = node.typeArguments || node.typeParameters
+          if (typeArguments) {
             context.report({
-              node: node.typeParameters,
+              node: typeArguments,
               messageId: 'typeArgs'
             })
           }
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 43cce1d3c..ecde56f15 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -48,8 +48,9 @@ module.exports = {
         onDefinePropsEnter(node) {
           definePropsNodes.push(node)
 
+          const typeArguments = node.typeArguments || node.typeParameters
           if (node.arguments.length > 0) {
-            if (node.typeParameters && node.typeParameters.params.length > 0) {
+            if (typeArguments && typeArguments.params.length > 0) {
               // `defineProps` has both a literal type and an argument.
               context.report({
                 node,
@@ -60,10 +61,7 @@ module.exports = {
 
             propsDefExpressions.add(node.arguments[0])
           } else {
-            if (
-              !node.typeParameters ||
-              node.typeParameters.params.length === 0
-            ) {
+            if (!typeArguments || typeArguments.params.length === 0) {
               emptyDefineProps = node
             }
           }
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 5b97f37b5..6119406e7 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1168,21 +1168,22 @@ module.exports.defineVisitor = function create(
     },
     /** @param {CallExpression} node */
     CallExpression(node) {
+      const typeArguments = node.typeArguments || node.typeParameters
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
       const leftToken = /** @type {Token} */ (
         tokenStore.getTokenAfter(
-          node.typeParameters || node.callee,
+          typeArguments || node.callee,
           isOpeningParenToken
         )
       )
 
-      if (node.typeParameters) {
-        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
+      if (typeArguments) {
+        setOffset(tokenStore.getFirstToken(typeArguments), 1, firstToken)
       }
 
       for (const optionalToken of tokenStore.getTokensBetween(
-        tokenStore.getLastToken(node.typeParameters || node.callee),
+        tokenStore.getLastToken(typeArguments || node.callee),
         leftToken,
         isOptionalToken
       )) {
@@ -1694,19 +1695,20 @@ module.exports.defineVisitor = function create(
     },
     /** @param {NewExpression} node */
     NewExpression(node) {
+      const typeArguments = node.typeArguments || node.typeParameters
       const newToken = tokenStore.getFirstToken(node)
       const calleeToken = tokenStore.getTokenAfter(newToken)
       const rightToken = tokenStore.getLastToken(node)
       const leftToken = isClosingParenToken(rightToken)
         ? tokenStore.getFirstTokenBetween(
-            node.typeParameters || node.callee,
+            typeArguments || node.callee,
             rightToken,
             isOpeningParenToken
           )
         : null
 
-      if (node.typeParameters) {
-        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, calleeToken)
+      if (typeArguments) {
+        setOffset(tokenStore.getFirstToken(typeArguments), 1, calleeToken)
       }
 
       setOffset(calleeToken, 1, newToken)
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index c6f146f66..a4323b38f 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -332,9 +332,10 @@ function defineVisitor({
      * @param {TSTypeReference | TSInstantiationExpression} node
      */
     'TSTypeReference, TSInstantiationExpression'(node) {
-      if (node.typeParameters) {
+      const typeArguments = node.typeArguments || node.typeParameters
+      if (typeArguments) {
         const firstToken = tokenStore.getFirstToken(node)
-        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
+        setOffset(tokenStore.getFirstToken(typeArguments), 1, firstToken)
       }
     },
     /**
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0c9a4ac99..8702c6260 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -2990,11 +2990,9 @@ function getComponentPropsFromDefineProps(context, node) {
       }
     ]
   }
-  if (node.typeParameters && node.typeParameters.params.length > 0) {
-    return getComponentPropsFromTypeDefine(
-      context,
-      node.typeParameters.params[0]
-    )
+  const typeArguments = node.typeArguments || node.typeParameters
+  if (typeArguments && typeArguments.params.length > 0) {
+    return getComponentPropsFromTypeDefine(context, typeArguments.params[0])
   }
   return [
     {
@@ -3025,11 +3023,9 @@ function getComponentEmitsFromDefineEmits(context, node) {
       }
     ]
   }
-  if (node.typeParameters && node.typeParameters.params.length > 0) {
-    return getComponentEmitsFromTypeDefine(
-      context,
-      node.typeParameters.params[0]
-    )
+  const typeArguments = node.typeArguments || node.typeParameters
+  if (typeArguments && typeArguments.params.length > 0) {
+    return getComponentEmitsFromTypeDefine(context, typeArguments.params[0])
   }
   return [
     {
diff --git a/lib/utils/ts-utils/ts-ast.js b/lib/utils/ts-utils/ts-ast.js
index d019b77cd..8a95dd9b1 100644
--- a/lib/utils/ts-utils/ts-ast.js
+++ b/lib/utils/ts-utils/ts-ast.js
@@ -430,33 +430,28 @@ function inferRuntimeType(context, node, checked = new Set()) {
             return ['Array']
           }
           case 'NonNullable': {
-            if (node.typeParameters && node.typeParameters.params[0]) {
+            const typeArguments = node.typeArguments || node.typeParameters
+            if (typeArguments && typeArguments.params[0]) {
               return inferRuntimeType(
                 context,
-                node.typeParameters.params[0],
+                typeArguments.params[0],
                 checked
               ).filter((t) => t !== 'null')
             }
             break
           }
           case 'Extract': {
-            if (node.typeParameters && node.typeParameters.params[1]) {
-              return inferRuntimeType(
-                context,
-                node.typeParameters.params[1],
-                checked
-              )
+            const typeArguments = node.typeArguments || node.typeParameters
+            if (typeArguments && typeArguments.params[1]) {
+              return inferRuntimeType(context, typeArguments.params[1], checked)
             }
             break
           }
           case 'Exclude':
           case 'OmitThisParameter': {
-            if (node.typeParameters && node.typeParameters.params[0]) {
-              return inferRuntimeType(
-                context,
-                node.typeParameters.params[0],
-                checked
-              )
+            const typeArguments = node.typeArguments || node.typeParameters
+            if (typeArguments && typeArguments.params[0]) {
+              return inferRuntimeType(context, typeArguments.params[0], checked)
             }
             break
           }
diff --git a/tests/integrations/eslint-plugin-import.js b/tests/integrations/eslint-plugin-import.js
index a408fdcdd..4e26508ce 100644
--- a/tests/integrations/eslint-plugin-import.js
+++ b/tests/integrations/eslint-plugin-import.js
@@ -30,10 +30,12 @@ describe('Integration with eslint-plugin-import', () => {
     if (
       !semver.satisfies(
         process.version,
-        require(path.join(
-          __dirname,
-          'eslint-plugin-import/node_modules/eslint/package.json'
-        )).engines.node
+        require(
+          path.join(
+            __dirname,
+            'eslint-plugin-import/node_modules/eslint/package.json'
+          )
+        ).engines.node
       )
     ) {
       return
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index 944246411..db3a7f39c 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -519,7 +519,10 @@ export interface CallExpression extends HasParentNode {
   callee: Expression | Super
   arguments: (Expression | SpreadElement)[]
   optional: boolean
-  typeParameters?: TS.TSTypeParameterInstantiation
+  typeArguments?: TS.TSTypeParameterInstantiation
+
+  /* @deprecated */
+  typeParameters: never
 }
 export interface Super extends HasParentNode {
   type: 'Super'
@@ -528,7 +531,10 @@ export interface NewExpression extends HasParentNode {
   type: 'NewExpression'
   callee: Expression
   arguments: (Expression | SpreadElement)[]
-  typeParameters?: TSTypeParameterInstantiation
+  typeArguments?: TSTypeParameterInstantiation
+
+  /* @deprecated */
+  typeParameters: never
 }
 interface BaseMemberExpression extends HasParentNode {
   type: 'MemberExpression'

From 15b99af0552c89b5f94667cf5e2a0a92f603d08d Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Wed, 11 Oct 2023 09:56:13 +0300
Subject: [PATCH 0654/1010] Insert `defineOptions` after import declarations in
 `vue/prefer-define-options` (#2275)

---
 lib/rules/prefer-define-options.js       | 10 ++++++++-
 tests/lib/rules/prefer-define-options.js | 26 ++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/lib/rules/prefer-define-options.js b/lib/rules/prefer-define-options.js
index cd9240445..90c83fa9a 100644
--- a/lib/rules/prefer-define-options.js
+++ b/lib/rules/prefer-define-options.js
@@ -34,9 +34,14 @@ module.exports = {
     let defineOptionsNode = null
     /** @type {ExportDefaultDeclaration | null} */
     let exportDefaultDeclaration = null
+    /** @type {ImportDeclaration|null} */
+    let lastImportDeclaration = null
 
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
+        ImportDeclaration(node) {
+          lastImportDeclaration = node
+        },
         onDefineOptionsEnter(node) {
           defineOptionsNode = node
         }
@@ -109,10 +114,13 @@ module.exports = {
                 })
         }
 
+        /** @type {VStartTag | ImportDeclaration} */
+        const insertAfterTag = lastImportDeclaration || scriptSetup.startTag
+
         return [
           fixer.removeRange(removeRange),
           fixer.insertTextAfter(
-            scriptSetup.startTag,
+            insertAfterTag,
             `\ndefineOptions(${sourceCode.getText(node.declaration)})\n`
           )
         ]
diff --git a/tests/lib/rules/prefer-define-options.js b/tests/lib/rules/prefer-define-options.js
index 2fd9bdfec..f3d9d88b0 100644
--- a/tests/lib/rules/prefer-define-options.js
+++ b/tests/lib/rules/prefer-define-options.js
@@ -104,6 +104,32 @@ defineOptions({ name: 'Foo' })
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { ref } from 'vue'
+      const props = defineProps(['foo'])
+      </script>
+      <script>
+      export default { name: 'Foo' }
+      </script>
+      `,
+      output: `
+      <script setup>
+      import { ref } from 'vue'
+defineOptions({ name: 'Foo' })
+
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Use `defineOptions` instead of default export.',
+          line: 7
+        }
+      ]
     }
   ]
 })

From 467631e402e94b34c413f42be261c04f0d00f7c0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 24 Oct 2023 17:41:43 +0900
Subject: [PATCH 0655/1010] Fixed false negatives for whitespace in
 `vue/require-toggle-inside-transition` rule (#2293)

---
 lib/rules/require-toggle-inside-transition.js       | 3 ++-
 tests/lib/rules/require-toggle-inside-transition.js | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index 365fbc713..bdbb5c2dd 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -47,7 +47,8 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VElement} node */
       "VElement[name='transition'] > VElement"(node) {
-        if (node.parent.children[0] !== node) {
+        const child = node.parent.children.find(utils.isVElement)
+        if (child !== node) {
           return
         }
         verifyInsideElement(node)
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 73ec47206..0b64daaa3 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -97,6 +97,11 @@ tester.run('require-toggle-inside-transition', rule, {
       filename: 'test.vue',
       code: '<template><transition><template v-for="e in list"><div /></template></transition></template>',
       errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><Transition>  <div /></Transition></template>',
+      errors: [{ messageId: 'expected' }]
     }
   ]
 })

From 66a678ffe1c58eac1cf52881b4f777f9a9bfde1c Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 24 Oct 2023 16:43:20 +0800
Subject: [PATCH 0656/1010] fix(component-name-in-template-casing): ignore vue
 template syntax (#2301)

---
 lib/rules/component-name-in-template-casing.js |  3 ++-
 lib/utils/index.js                             | 10 ++++++++++
 lib/utils/vue-builtin-elements.js              |  1 +
 .../rules/component-name-in-template-casing.js | 18 ++++++++++--------
 4 files changed, 23 insertions(+), 9 deletions(-)
 create mode 100644 lib/utils/vue-builtin-elements.js

diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index fc1849b18..487af7714 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -123,7 +123,8 @@ module.exports = {
       if (
         (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
         utils.isHtmlWellKnownElementName(node.rawName) ||
-        utils.isSvgWellKnownElementName(node.rawName)
+        utils.isSvgWellKnownElementName(node.rawName) ||
+        utils.isVueBuiltInElementName(node.rawName)
       ) {
         return false
       }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 8702c6260..22119ae98 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -54,6 +54,7 @@ const VUE2_BUILTIN_COMPONENT_NAMES = new Set(
 const VUE3_BUILTIN_COMPONENT_NAMES = new Set(
   require('./vue3-builtin-components')
 )
+const VUE_BUILTIN_ELEMENT_NAMES = new Set(require('./vue-builtin-elements'))
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const { traverseNodes, getFallbackKeys, NS } = vueEslintParser.AST
@@ -867,6 +868,15 @@ module.exports = {
     )
   },
 
+  /**
+   * Check whether the given name is Vue builtin element name or not.
+   * @param {string} name The name to check.
+   * @returns {boolean} `true` if the name is a builtin Vue element name
+   */
+  isVueBuiltInElementName(name) {
+    return VUE_BUILTIN_ELEMENT_NAMES.has(name.toLowerCase())
+  },
+
   /**
    * Check whether the given name is Vue builtin directive name or not.
    * @param {string} name The name to check.
diff --git a/lib/utils/vue-builtin-elements.js b/lib/utils/vue-builtin-elements.js
new file mode 100644
index 000000000..70ddb6b7d
--- /dev/null
+++ b/lib/utils/vue-builtin-elements.js
@@ -0,0 +1 @@
+module.exports = ['template', 'slot', 'component']
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 3aa4ee43d..992063808 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -86,6 +86,10 @@ tester.run('component-name-in-template-casing', rule, {
       code: '<template><circle cx="0" cy="0" :d="radius"></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
     },
+    {
+      code: '<template><component is="div" /></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
 
     // kebab-case
     {
@@ -108,6 +112,10 @@ tester.run('component-name-in-template-casing', rule, {
       code: '<template><math><mspace/></math></template>',
       options: ['kebab-case', { registeredComponentsOnly: false }]
     },
+    {
+      code: '<template><component is="div" /></template>',
+      options: ['kebab-case', { registeredComponentsOnly: false }]
+    },
 
     // ignores
     {
@@ -859,7 +867,7 @@ tester.run('component-name-in-template-casing', rule, {
       `,
       output: `
         <template>
-          <Component />
+          <component />
           <Suspense />
           <Teleport />
           <ClientOnly />
@@ -868,7 +876,6 @@ tester.run('component-name-in-template-casing', rule, {
       `,
       options: ['PascalCase', { registeredComponentsOnly: false }],
       errors: [
-        'Component name "component" is not PascalCase.',
         'Component name "suspense" is not PascalCase.',
         'Component name "teleport" is not PascalCase.',
         'Component name "client-only" is not PascalCase.',
@@ -1025,7 +1032,7 @@ tester.run('component-name-in-template-casing', rule, {
                 <HelloWorld3 />
                 <HelloWorld4 />
                 <HelloWorld5 />
-                <Component />
+                <component />
               </template>
             `,
             errors: [
@@ -1058,11 +1065,6 @@ tester.run('component-name-in-template-casing', rule, {
                 message: 'Component name "hello-world5" is not PascalCase.',
                 line: 18,
                 column: 17
-              },
-              {
-                message: 'Component name "component" is not PascalCase.',
-                line: 19,
-                column: 17
               }
             ]
           }

From 5a298023a13f80025d889bff313c6a06faf39e74 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 24 Oct 2023 17:54:31 +0900
Subject: [PATCH 0657/1010] 9.18.0

---
 lib/utils/vue3-export-names.json | 1 +
 package.json                     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 15b72e2fc..f676e8440 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -276,6 +276,7 @@
   "IframeHTMLAttributes",
   "ImgHTMLAttributes",
   "InsHTMLAttributes",
+  "InputTypeHTMLAttribute",
   "InputHTMLAttributes",
   "KeygenHTMLAttributes",
   "LabelHTMLAttributes",
diff --git a/package.json b/package.json
index eb3750f4a..274aa2da2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.17.0",
+  "version": "9.18.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 5fc47e5151ec991b17a44e1c5ce21ba40553578a Mon Sep 17 00:00:00 2001
From: DevilTea <ch19980814@gmail.com>
Date: Fri, 27 Oct 2023 16:25:56 +0800
Subject: [PATCH 0658/1010] Fix require-toggle-inside-transition should respect
 "<slot>", "v-bind:key", attribute "appear" (#2303)

Co-authored-by: williamc <williamc@synology.com>
---
 lib/rules/require-toggle-inside-transition.js       | 12 +++++++++++-
 tests/lib/rules/require-toggle-inside-transition.js | 12 ++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index bdbb5c2dd..fc46f75f9 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -32,9 +32,18 @@ module.exports = {
       if (utils.isCustomComponent(element)) {
         return
       }
+
+      /** @type VElement */ // @ts-expect-error
+      const parent = element.parent
+      if (utils.hasAttribute(parent, 'appear')) {
+        return
+      }
+
       if (
+        element.name !== 'slot' &&
         !utils.hasDirective(element, 'if') &&
-        !utils.hasDirective(element, 'show')
+        !utils.hasDirective(element, 'show') &&
+        !utils.hasDirective(element, 'bind', 'key')
       ) {
         context.report({
           node: element.startTag,
@@ -51,6 +60,7 @@ module.exports = {
         if (child !== node) {
           return
         }
+
         verifyInsideElement(node)
       }
     })
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 0b64daaa3..18a33aa3e 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -57,6 +57,18 @@ tester.run('require-toggle-inside-transition', rule, {
     {
       filename: 'test.vue',
       code: '<template><transition><template v-if="show"><div /></template></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><slot /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div :key="k" /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition appear><div /></transition></template>'
     }
   ],
   invalid: [

From b3129f9f3551f1ac189a0ee84b43561b3d0e4cc2 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 27 Oct 2023 17:28:30 +0900
Subject: [PATCH 0659/1010] 9.18.1

---
 lib/utils/vue3-export-names.json | 18 +++++++++---------
 package.json                     |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index f676e8440..af9cda39c 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -75,6 +75,15 @@
   "Suspense",
   "SuspenseBoundary",
   "RootHydrateFunction",
+  "BaseTransitionProps",
+  "TransitionHooks",
+  "TransitionState",
+  "useTransitionState",
+  "BaseTransitionPropsValidators",
+  "BaseTransition",
+  "resolveTransitionHooks",
+  "setTransitionHooks",
+  "getTransitionRawChildren",
   "Renderer",
   "HydrationRenderer",
   "RootRenderFunction",
@@ -135,15 +144,6 @@
   "AppContext",
   "Plugin",
   "CreateAppFunction",
-  "BaseTransitionProps",
-  "TransitionHooks",
-  "TransitionState",
-  "useTransitionState",
-  "BaseTransitionPropsValidators",
-  "BaseTransition",
-  "resolveTransitionHooks",
-  "setTransitionHooks",
-  "getTransitionRawChildren",
   "TeleportProps",
   "Teleport",
   "resolveComponent",
diff --git a/package.json b/package.json
index 274aa2da2..35236e9fb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.18.0",
+  "version": "9.18.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 3e6644594303d5d9d7a20b9b0b42703acbd2dd07 Mon Sep 17 00:00:00 2001
From: Federico Giovagnoli <gvg.fede@gmail.com>
Date: Wed, 29 Nov 2023 06:32:42 +0100
Subject: [PATCH 0660/1010] Add support for stricter `type-literal` option in
 `vue/define-emits-declaration` (#2315)

---
 docs/rules/define-emits-declaration.md      |  46 ++++++++-
 lib/rules/define-emits-declaration.js       |  35 ++++++-
 tests/lib/rules/define-emits-declaration.js | 105 +++++++++++++++++++-
 3 files changed, 176 insertions(+), 10 deletions(-)

diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
index 2fd4b478f..7a11524c5 100644
--- a/docs/rules/define-emits-declaration.md
+++ b/docs/rules/define-emits-declaration.md
@@ -5,13 +5,15 @@ title: vue/define-emits-declaration
 description: enforce declaration style of `defineEmits`
 since: v9.5.0
 ---
+
 # vue/define-emits-declaration
 
 > enforce declaration style of `defineEmits`
 
 ## :book: Rule Details
 
-This rule enforces `defineEmits` typing style which you should use `type-based` or `runtime` declaration.
+This rule enforces `defineEmits` typing style which you should use `type-based`, strict `type-literal`
+(introduced in Vue 3.3), or `runtime` declaration.
 
 This rule only works in setup script and `lang="ts"`.
 
@@ -25,6 +27,12 @@ const emit = defineEmits<{
   (e: 'update', value: string): void
 }>()
 
+/* ✓ GOOD */
+const emit = defineEmits<{
+  change: [id: number]
+  update: [value: string]
+}>()
+
 /* ✗ BAD */
 const emit = defineEmits({
   change: (id) => typeof id == 'number',
@@ -41,10 +49,11 @@ const emit = defineEmits(['change', 'update'])
 ## :wrench: Options
 
 ```json
-  "vue/define-emits-declaration": ["error", "type-based" | "runtime"]
+  "vue/define-emits-declaration": ["error", "type-based" | "type-literal" | "runtime"]
 ```
 
-- `type-based` (default) enforces type-based declaration
+- `type-based` (default) enforces type based declaration
+- `type-literal` enforces strict "type literal" type based declaration
 - `runtime` enforces runtime declaration
 
 ### `runtime`
@@ -72,6 +81,37 @@ const emit = defineEmits(['change', 'update'])
 
 </eslint-code-block>
 
+### `type-literal`
+
+<eslint-code-block :rules="{'vue/define-emits-declaration': ['error', 'type-literal']}">
+
+```vue
+<script setup lang="ts">
+/* ✗ BAD */
+const emit = defineEmits(['change', 'update'])
+
+/* ✗ BAD */
+const emit = defineEmits({
+  change: (id) => typeof id == 'number',
+  update: (value) => typeof value == 'string'
+})
+
+/* ✗ BAD */
+const emit = defineEmits<{
+  (e: 'change', id: number): void
+  (e: 'update', value: string): void
+}>()
+
+/* ✓ GOOD */
+const emit = defineEmits<{
+  change: [id: number]
+  update: [value: string]
+}>()
+</script>
+```
+
+</eslint-code-block>
+
 ## :couple: Related Rules
 
 - [vue/define-props-declaration](./define-props-declaration.md)
diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index 478e1d840..d17e76537 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -6,6 +6,11 @@
 
 const utils = require('../utils')
 
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSTypeLiteral
+ *
+ */
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -17,12 +22,14 @@ module.exports = {
     fixable: null,
     schema: [
       {
-        enum: ['type-based', 'runtime']
+        enum: ['type-based', 'type-literal', 'runtime']
       }
     ],
     messages: {
-      hasArg: 'Use type-based declaration instead of runtime declaration.',
-      hasTypeArg: 'Use runtime declaration instead of type-based declaration.'
+      hasArg: 'Use type based declaration instead of runtime declaration.',
+      hasTypeArg: 'Use runtime declaration instead of type based declaration.',
+      hasTypeCallArg:
+        'Use new type literal declaration instead of the old call signature declaration.'
     }
   },
   /** @param {RuleContext} context */
@@ -46,6 +53,28 @@ module.exports = {
             break
           }
 
+          case 'type-literal': {
+            if (node.arguments.length > 0) {
+              context.report({
+                node,
+                messageId: 'hasArg'
+              })
+              return
+            }
+
+            const typeArguments = node.typeArguments || node.typeParameters
+            const param = /** @type {TSTypeLiteral} */ (typeArguments.params[0])
+            for (const memberNode of param.members) {
+              if (memberNode.type !== 'TSPropertySignature') {
+                context.report({
+                  node: memberNode,
+                  messageId: 'hasTypeCallArg'
+                })
+              }
+            }
+            break
+          }
+
           case 'runtime': {
             const typeArguments = node.typeArguments || node.typeParameters
             if (typeArguments && typeArguments.params.length > 0) {
diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
index 372fa1a4c..43ecb385b 100644
--- a/tests/lib/rules/define-emits-declaration.js
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -63,6 +63,36 @@ tester.run('define-emits-declaration', rule, {
        `,
       options: ['runtime']
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          change: [id: number]
+          update: [value: string]
+        }>()
+        </script>
+       `,
+      options: ['type-based'],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          change: [id: number]
+          update: [value: string]
+        }>()
+        </script>
+       `,
+      options: ['type-literal'],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
+    },
     {
       filename: 'test.vue',
       // ignore code without defineEmits
@@ -82,7 +112,7 @@ tester.run('define-emits-declaration', rule, {
       code: `
          <script lang="ts">
          import { PropType } from 'vue'
- 
+
          export default {
            props: {
              kind: { type: String as PropType<'primary' | 'secondary'> },
@@ -106,7 +136,7 @@ tester.run('define-emits-declaration', rule, {
        `,
       errors: [
         {
-          message: 'Use type-based declaration instead of runtime declaration.',
+          message: 'Use type based declaration instead of runtime declaration.',
           line: 3
         }
       ]
@@ -121,7 +151,25 @@ tester.run('define-emits-declaration', rule, {
       options: ['type-based'],
       errors: [
         {
-          message: 'Use type-based declaration instead of runtime declaration.',
+          message: 'Use type based declaration instead of runtime declaration.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+       <script setup lang="ts">
+       const emit = defineEmits(['change', 'update'])
+       </script>
+       `,
+      options: ['type-literal'],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message: 'Use type based declaration instead of runtime declaration.',
           line: 3
         }
       ]
@@ -142,10 +190,59 @@ tester.run('define-emits-declaration', rule, {
       },
       errors: [
         {
-          message: 'Use runtime declaration instead of type-based declaration.',
+          message: 'Use runtime declaration instead of type based declaration.',
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          (e: 'change', id: number): void
+          (e: 'update', value: string): void
+        }>()
+        </script>
+       `,
+      options: ['type-literal'],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message:
+            'Use new type literal declaration instead of the old call signature declaration.',
+          line: 4
+        },
+        {
+          message:
+            'Use new type literal declaration instead of the old call signature declaration.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<{
+          'change': [id: number]
+          (e: 'update', value: string): void
+        }>()
+        </script>
+       `,
+      options: ['type-literal'],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message:
+            'Use new type literal declaration instead of the old call signature declaration.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 4db54a77e63ed7dfd4b734bf00338137f6387af2 Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Wed, 29 Nov 2023 08:43:20 +0300
Subject: [PATCH 0661/1010] Add `vue/no-unused-emit-declarations` rule (#2312)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                           |   1 +
 docs/rules/no-unused-emit-declarations.md     |  59 ++
 docs/rules/require-explicit-emits.md          |   4 +
 lib/index.js                                  |   1 +
 lib/rules/no-unused-emit-declarations.js      | 330 +++++++++
 .../lib/rules/no-unused-emit-declarations.js  | 693 ++++++++++++++++++
 6 files changed, 1088 insertions(+)
 create mode 100644 docs/rules/no-unused-emit-declarations.md
 create mode 100644 lib/rules/no-unused-emit-declarations.js
 create mode 100644 tests/lib/rules/no-unused-emit-declarations.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 224cddc7d..a7d3047a3 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -251,6 +251,7 @@ For example:
 | [vue/no-undef-components](./no-undef-components.md) | disallow use of undefined components in `<template>` |  | :hammer: |
 | [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  | :hammer: |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: | :hammer: |
+| [vue/no-unused-emit-declarations](./no-unused-emit-declarations.md) | disallow unused emit declarations |  | :hammer: |
 | [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  | :hammer: |
 | [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  | :hammer: |
 | [vue/no-use-v-else-with-v-for](./no-use-v-else-with-v-for.md) | disallow using `v-else-if`/`v-else` on the same element as `v-for` |  | :hammer: |
diff --git a/docs/rules/no-unused-emit-declarations.md b/docs/rules/no-unused-emit-declarations.md
new file mode 100644
index 000000000..a6c938624
--- /dev/null
+++ b/docs/rules/no-unused-emit-declarations.md
@@ -0,0 +1,59 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-unused-emit-declarations
+description: disallow unused emit declarations
+---
+# vue/no-unused-emit-declarations
+
+> disallow unused emit declarations
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule is aimed at eliminating unused emit declarations.
+
+<eslint-code-block :rules="{'vue/no-unused-emit-declarations': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<script>
+  export default {
+    emits: ['foo'],
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unused-emit-declarations': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+  export default {
+    emits: ['foo'],
+    methods: {
+      foo() {
+        this.$emit('foo')
+      },
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/require-explicit-emits](./require-explicit-emits.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-emit-declarations.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unused-emit-declarations.js)
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 6d681c551..f7ce60dd6 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -109,6 +109,10 @@ export default {
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/no-unused-emit-declarations](./no-unused-emit-declarations.md)
+
 ## :books: Further Reading
 
 - [Guide - Custom Events / Defining Custom Events](https://v3.vuejs.org/guide/component-custom-events.html#defining-custom-events)
diff --git a/lib/index.js b/lib/index.js
index edbe34a2c..0f3dcba27 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -147,6 +147,7 @@ module.exports = {
     'no-undef-properties': require('./rules/no-undef-properties'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
+    'no-unused-emit-declarations': require('./rules/no-unused-emit-declarations'),
     'no-unused-properties': require('./rules/no-unused-properties'),
     'no-unused-refs': require('./rules/no-unused-refs'),
     'no-unused-vars': require('./rules/no-unused-vars'),
diff --git a/lib/rules/no-unused-emit-declarations.js b/lib/rules/no-unused-emit-declarations.js
new file mode 100644
index 000000000..1414b50c4
--- /dev/null
+++ b/lib/rules/no-unused-emit-declarations.js
@@ -0,0 +1,330 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { findVariable } = require('@eslint-community/eslint-utils')
+const utils = require('../utils')
+
+/**
+ * @typedef {import('../utils').ComponentEmit} ComponentEmit
+ * @typedef {import('../utils').VueObjectData} VueObjectData
+ */
+
+/**
+ * @typedef {object} SetupContext
+ * @property {Set<Identifier>} contextReferenceIds
+ * @property {Set<Identifier>} emitReferenceIds
+ */
+
+/**
+ * @typedef {object} NameWithLoc
+ * @property {string} name
+ * @property {SourceLocation} loc
+ * @property {Range} range
+ */
+
+/**
+ * Get the name param node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ * @returns {NameWithLoc | null}
+ */
+function getNameParamNode(node) {
+  const nameLiteralNode = node.arguments[0]
+  if (nameLiteralNode && utils.isStringLiteral(nameLiteralNode)) {
+    const name = utils.getStringLiteralValue(nameLiteralNode)
+    if (name != null) {
+      return { name, loc: nameLiteralNode.loc, range: nameLiteralNode.range }
+    }
+  }
+
+  return null
+}
+
+/**
+ * Check if the given node is a reference of setup context
+ * @param {Expression | Super | SpreadElement} value
+ * @param {SetupContext} setupContext
+ * @returns {boolean}
+ * */
+function hasReferenceId(value, setupContext) {
+  const { contextReferenceIds, emitReferenceIds } = setupContext
+  return (
+    value.type === 'Identifier' &&
+    (emitReferenceIds.has(value) || contextReferenceIds.has(value))
+  )
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow unused emit declarations',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-unused-emit-declarations.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unused: '`{{name}}` is defined as emit but never used.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {Map<string, ComponentEmit>} */
+    const emitDeclarations = new Map()
+    /** @type {Map<string, Expression>} */
+    const emitCalls = new Map()
+    /** @type {Map<ObjectExpression | Program, SetupContext>} */
+    const setupContexts = new Map()
+    const programNode = context.getSourceCode().ast
+
+    /**
+     * @param {CallExpression} node
+     * */
+    function addEmitCall(node) {
+      const nameParamNode = getNameParamNode(node)
+      if (nameParamNode) {
+        emitCalls.set(nameParamNode.name, node)
+      }
+    }
+    function clearEmits() {
+      emitCalls.clear()
+      emitDeclarations.clear()
+    }
+
+    /**
+     * @param {Expression | SpreadElement} expression
+     * @param {SetupContext} setupContext
+     * @returns {boolean}
+     * */
+    function checkExpressionReference(expression, setupContext) {
+      if (expression.type === 'MemberExpression') {
+        const memObject = utils.skipChainExpression(expression.object)
+        if (hasReferenceId(memObject, setupContext)) {
+          clearEmits()
+          return true
+        }
+      }
+      if (hasReferenceId(expression, setupContext)) {
+        clearEmits()
+        return true
+      }
+      return false
+    }
+
+    /**
+     *
+     * @param {Array<Expression | SpreadElement>} args
+     * @param {SetupContext} setupContext
+     * @returns {boolean}
+     */
+    function verifyArgumentsReferences(args, setupContext) {
+      for (const argument of args) {
+        if (argument.type === 'ObjectExpression') {
+          for (const property of argument.properties) {
+            if (
+              property.type === 'Property' &&
+              checkExpressionReference(property.value, setupContext)
+            ) {
+              return true
+            }
+          }
+        }
+
+        if (argument.type === 'ArrayExpression') {
+          for (const element of argument.elements) {
+            if (!element) {
+              continue
+            }
+            if (checkExpressionReference(element, setupContext)) {
+              return true
+            }
+          }
+        }
+
+        if (checkExpressionReference(argument, setupContext)) {
+          return true
+        }
+      }
+      return false
+    }
+
+    /**
+     * @param {Expression | Super} callee
+     * @param {Set<Identifier>} referenceIds
+     * @param {CallExpression} node
+     * */
+    function addEmitCallByReference(callee, referenceIds, node) {
+      if (callee.type === 'Identifier' && referenceIds.has(callee)) {
+        addEmitCall(node)
+      }
+    }
+
+    const callVisitor = {
+      /**
+       * @param {CallExpression} node
+       * @param {VueObjectData} [info]
+       */
+      CallExpression(node, info) {
+        const callee = utils.skipChainExpression(node.callee)
+
+        let emit = null
+        if (callee.type === 'MemberExpression') {
+          const name = utils.getStaticPropertyName(callee)
+          if (name === 'emit' || name === '$emit') {
+            emit = { name, member: callee }
+          }
+        }
+
+        const vueDefineNode = info ? info.node : programNode
+        const setupContext = setupContexts.get(vueDefineNode)
+        if (setupContext) {
+          if (
+            callee.parent.type === 'CallExpression' &&
+            callee.parent.arguments &&
+            verifyArgumentsReferences(callee.parent.arguments, setupContext)
+          ) {
+            // skip if the emit passed as argument
+            return
+          }
+
+          const { contextReferenceIds, emitReferenceIds } = setupContext
+          // verify setup(props,{emit}) {emit()}
+          addEmitCallByReference(callee, emitReferenceIds, node)
+          if (emit && emit.name === 'emit') {
+            const memObject = utils.skipChainExpression(emit.member.object)
+            // verify setup(props,context) {context.emit()}
+            addEmitCallByReference(memObject, contextReferenceIds, node)
+          }
+        }
+
+        if (emit && emit.name === '$emit') {
+          const memObject = utils.skipChainExpression(emit.member.object)
+          // verify this.$emit()
+          if (utils.isThis(memObject, context)) {
+            addEmitCall(node)
+          }
+        }
+
+        // verify $emit() in template
+        if (callee.type === 'Identifier' && callee.name === '$emit') {
+          addEmitCall(node)
+        }
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineTemplateBodyVisitor(context, callVisitor),
+      utils.defineVueVisitor(context, {
+        ...callVisitor,
+        onVueObjectEnter(node) {
+          for (const emit of utils.getComponentEmitsFromOptions(node)) {
+            if (emit.emitName) {
+              emitDeclarations.set(emit.emitName, emit)
+            }
+          }
+        },
+        onSetupFunctionEnter(node, { node: vueNode }) {
+          const contextParam = node.params[1]
+          if (
+            !contextParam ||
+            contextParam.type === 'RestElement' ||
+            contextParam.type === 'ArrayPattern'
+          ) {
+            // no arguments or cannot check
+            return
+          }
+
+          /** @type {Set<Identifier>} */
+          const contextReferenceIds = new Set()
+          /** @type {Set<Identifier>} */
+          const emitReferenceIds = new Set()
+          if (contextParam.type === 'ObjectPattern') {
+            const emitProperty = utils.findAssignmentProperty(
+              contextParam,
+              'emit'
+            )
+            if (!emitProperty) {
+              return
+            }
+            const emitParam = emitProperty.value
+            // `setup(props, {emit})`
+            const variable =
+              emitParam.type === 'Identifier'
+                ? findVariable(context.getScope(), emitParam)
+                : null
+            if (!variable) {
+              return
+            }
+            for (const reference of variable.references) {
+              emitReferenceIds.add(reference.identifier)
+            }
+          } else if (contextParam.type === 'Identifier') {
+            // `setup(props, context)`
+            const variable = findVariable(context.getScope(), contextParam)
+            for (const reference of variable.references) {
+              contextReferenceIds.add(reference.identifier)
+            }
+          }
+
+          setupContexts.set(vueNode, {
+            contextReferenceIds,
+            emitReferenceIds
+          })
+        }
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefineEmitsEnter(node, emits) {
+          for (const emit of emits) {
+            if (emit.emitName) {
+              emitDeclarations.set(emit.emitName, emit)
+            }
+          }
+
+          if (
+            !node.parent ||
+            node.parent.type !== 'VariableDeclarator' ||
+            node.parent.init !== node
+          ) {
+            return
+          }
+
+          const emitParam = node.parent.id
+          const variable =
+            emitParam.type === 'Identifier'
+              ? findVariable(context.getScope(), emitParam)
+              : null
+          if (!variable) {
+            return
+          }
+          /** @type {Set<Identifier>} */
+          const emitReferenceIds = new Set()
+          for (const reference of variable.references) {
+            emitReferenceIds.add(reference.identifier)
+          }
+          setupContexts.set(programNode, {
+            contextReferenceIds: new Set(),
+            emitReferenceIds
+          })
+        },
+        ...callVisitor
+      }),
+      {
+        'Program:exit'() {
+          for (const [name, emit] of emitDeclarations) {
+            if (!emitCalls.has(name) && emit.node) {
+              context.report({
+                node: emit.node,
+                loc: emit.node.loc,
+                messageId: 'unused',
+                data: { name }
+              })
+            }
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/no-unused-emit-declarations.js b/tests/lib/rules/no-unused-emit-declarations.js
new file mode 100644
index 000000000..0667ad464
--- /dev/null
+++ b/tests/lib/rules/no-unused-emit-declarations.js
@@ -0,0 +1,693 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-unused-emit-declarations')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-unused-emit-declarations', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['count', 'foo'],
+          methods: {
+              setCount () {
+                  this.$emit('count', newCount)
+              },
+              setFoo () {
+                  this.$emit('foo', newFoo)
+              }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['foo'],
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+          }
+        }
+      }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bar')">Bar</button>
+      </template>
+      <script>
+        export default {
+          emits: ['foo', 'bar'],
+          methods: {
+              setFoo () {
+                  this.$emit('foo', newFoo)
+              }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="this.$emit('bar')">Bar</button>
+      </template>
+      <script>
+        export default {
+          emits: ['bar'],
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bar')">Bar</button>
+      </template>
+      <script setup>
+        const emit = defineEmits(['foo', 'bar'])
+        const setFoo = () => {
+          emit('foo', newFoo)
+        }
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, { emit }) {
+            const setFoo = () => {
+              emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, { emit: customName }) {
+            const setFoo = () => customName('foo')
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: { foo: null },
+          setup(_, { emit }) {
+            const setFoo = () => {
+              emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          setup(_, { emit }) {
+            const setFoo = () => {
+              emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bar')">Bar</button>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, context) {
+            const setFoo = () => {
+              context.emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, { emit }) {
+            useCustomComposable(emit)
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, context) {
+            useCustomComposable(context.emit)
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, { emit }) {
+            useCustomComposable([emit])
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, context) {
+            useCustomComposable([context.emit])
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, context) {
+            useCustomComposable({ emit: context.emit }) 
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: [...foo],
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const emits = ['foo'];
+        export default {
+          emits: [...emits],
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        const emits = ['foo'];
+        export default {
+          emits: emits,
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, { emit }) {
+            useCustomComposable({ emit: emit }) 
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo', 'bar'],
+          setup(_, { emit }) {
+            const emitBar = () => {
+              emit('bar', newBar)
+            }
+          },
+          methods: {
+            setFoo() {
+              this.$emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        defineEmits(...foo)
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const emits = ['foo'];
+        defineEmits([...emits])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<{
+        (e: 'foo'): void
+      }>()
+      const change = () => emit('foo');
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<{
+        foo: [string, number]
+      }>()
+      const change = () => emit('foo');
+      `,
+      ...getTypeScriptFixtureTestOptions()
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo', 'count'],
+          methods: {
+            setFoo () {
+              this.$emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 26,
+          endColumn: 33
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        emits: ['foo', 'bar'],
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+          }
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 24,
+          endColumn: 29
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bar')">Foo</button>
+      </template>
+      <script>
+        export default {
+          emits: ['foo', 'bar'],
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 7,
+          column: 19,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: { foo: null },
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 20,
+          endColumn: 29
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bar')">Bar</button>
+      </template>
+      <script setup>
+        const emit = defineEmits(['foo', 'bar'])
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 6,
+          column: 35,
+          endColumn: 40
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          methods: {
+              setFoo () {
+                  custom.$emit('foo', newFoo)
+              }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 19,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo', 'bar'],
+          setup(_, { emit }) {
+            const setFoo = () => {
+              emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 26,
+          endColumn: 31
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="$emit('bar')">Bar</button>
+      </template>
+      <script>
+        // @vue/component
+        const Foo = {
+          emits: ['foo', 'bar'],
+        }
+        export default Foo
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 8,
+          column: 19,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo', 'bar'],
+          setup(_, { emit: customName }) {
+            const setFoo = () => customName('foo')
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 26,
+          endColumn: 31
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup() {
+            const setFoo = () => foo.$emit('foo')
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 19,
+          endColumn: 24
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo', 'bar'],
+          setup(_, context) {
+            const setFoo = () => {
+              context.emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 26,
+          endColumn: 31
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo', 'bar', 'baz'],
+          setup(_, { emit }) {
+            const emitBar = () => {
+              emit('bar', newBar)
+            }
+          },
+          methods: {
+            setFoo() {
+              this.$emit('foo', newFoo)
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          endLine: 4,
+          column: 33,
+          endColumn: 38
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        const emit = defineEmits<{
+          (e: 'foo' | 'bar'): void;
+        }>()
+        const change = () => emit('foo');
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 11,
+          endColumn: 36
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const emits = ['foo'];
+        defineEmits(emits)
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 3,
+          column: 24,
+          endColumn: 29
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        defineEmits<{(e: 'foo'): void}>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          messageId: 'unused',
+          line: 3,
+          column: 22,
+          endColumn: 38
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const emit = defineEmits<{
+        foo: [string, number],
+        bar: []
+      }>()
+      const change = () => emit('foo');
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 5,
+          column: 9,
+          endColumn: 16
+        }
+      ],
+      ...getTypeScriptFixtureTestOptions()
+    }
+  ]
+})

From e008d34dc79a4540d6ef8d56bd97601e2c475bc6 Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Wed, 29 Nov 2023 16:44:29 +1100
Subject: [PATCH 0662/1010] fix: avoid calling typeParameters getter (#2327)

---
 lib/rules/define-emits-declaration.js |  3 ++-
 lib/rules/define-props-declaration.js |  3 ++-
 lib/rules/require-typed-ref.js        |  4 +++-
 lib/rules/valid-define-emits.js       |  3 ++-
 lib/rules/valid-define-options.js     |  3 ++-
 lib/rules/valid-define-props.js       |  3 ++-
 lib/utils/indent-common.js            |  6 ++++--
 lib/utils/indent-ts.js                | 10 +++++++---
 lib/utils/index.js                    |  6 ++++--
 lib/utils/ts-utils/ts-ast.js          | 15 ++++++++++++---
 10 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index d17e76537..3d12e0bc3 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -76,7 +76,8 @@ module.exports = {
           }
 
           case 'runtime': {
-            const typeArguments = node.typeArguments || node.typeParameters
+            const typeArguments =
+              'typeArguments' in node ? node.typeArguments : node.typeParameters
             if (typeArguments && typeArguments.params.length > 0) {
               context.report({
                 node,
diff --git a/lib/rules/define-props-declaration.js b/lib/rules/define-props-declaration.js
index d355bb2fc..3862bb228 100644
--- a/lib/rules/define-props-declaration.js
+++ b/lib/rules/define-props-declaration.js
@@ -47,7 +47,8 @@ module.exports = {
           }
 
           case 'runtime': {
-            const typeArguments = node.typeArguments || node.typeParameters
+            const typeArguments =
+              'typeArguments' in node ? node.typeArguments : node.typeParameters
             if (typeArguments && typeArguments.params.length > 0) {
               context.report({
                 node,
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 2f691fec1..e26ac1339 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -84,7 +84,9 @@ module.exports = {
           }
 
           const typeArguments =
-            ref.node.typeArguments || ref.node.typeParameters
+            'typeArguments' in ref.node
+              ? ref.node.typeArguments
+              : ref.node.typeParameters
           if (typeArguments == null) {
             if (
               ref.node.parent.type === 'VariableDeclarator' &&
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 994302c60..2c83faa2b 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -47,7 +47,8 @@ module.exports = {
         onDefineEmitsEnter(node) {
           defineEmitsNodes.push(node)
 
-          const typeArguments = node.typeArguments || node.typeParameters
+          const typeArguments =
+            'typeArguments' in node ? node.typeArguments : node.typeParameters
           if (node.arguments.length > 0) {
             if (typeArguments && typeArguments.params.length > 0) {
               // `defineEmits` has both a literal type and an argument.
diff --git a/lib/rules/valid-define-options.js b/lib/rules/valid-define-options.js
index c1cd5b993..fad893b41 100644
--- a/lib/rules/valid-define-options.js
+++ b/lib/rules/valid-define-options.js
@@ -74,7 +74,8 @@ module.exports = {
             })
           }
 
-          const typeArguments = node.typeArguments || node.typeParameters
+          const typeArguments =
+            'typeArguments' in node ? node.typeArguments : node.typeParameters
           if (typeArguments) {
             context.report({
               node: typeArguments,
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index ecde56f15..7e3b0a34c 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -48,7 +48,8 @@ module.exports = {
         onDefinePropsEnter(node) {
           definePropsNodes.push(node)
 
-          const typeArguments = node.typeArguments || node.typeParameters
+          const typeArguments =
+            'typeArguments' in node ? node.typeArguments : node.typeParameters
           if (node.arguments.length > 0) {
             if (typeArguments && typeArguments.params.length > 0) {
               // `defineProps` has both a literal type and an argument.
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index 6119406e7..bacf43e15 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1168,7 +1168,8 @@ module.exports.defineVisitor = function create(
     },
     /** @param {CallExpression} node */
     CallExpression(node) {
-      const typeArguments = node.typeArguments || node.typeParameters
+      const typeArguments =
+        'typeArguments' in node ? node.typeArguments : node.typeParameters
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
       const leftToken = /** @type {Token} */ (
@@ -1695,7 +1696,8 @@ module.exports.defineVisitor = function create(
     },
     /** @param {NewExpression} node */
     NewExpression(node) {
-      const typeArguments = node.typeArguments || node.typeParameters
+      const typeArguments =
+        'typeArguments' in node ? node.typeArguments : node.typeParameters
       const newToken = tokenStore.getFirstToken(node)
       const calleeToken = tokenStore.getTokenAfter(newToken)
       const rightToken = tokenStore.getLastToken(node)
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index a4323b38f..f021e8a10 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -332,7 +332,10 @@ function defineVisitor({
      * @param {TSTypeReference | TSInstantiationExpression} node
      */
     'TSTypeReference, TSInstantiationExpression'(node) {
-      const typeArguments = node.typeArguments || node.typeParameters
+      const typeArguments =
+        'typeArguments' in node
+          ? node.typeArguments
+          : /** @type {any} typescript-eslint v5 */ (node).typeParameters
       if (typeArguments) {
         const firstToken = tokenStore.getFirstToken(node)
         setOffset(tokenStore.getFirstToken(typeArguments), 1, firstToken)
@@ -1183,8 +1186,9 @@ function defineVisitor({
         setOffset([dotToken, propertyToken], 1, firstToken)
       }
       const typeArguments =
-        node.typeArguments ||
-        /** @type {any} typescript-eslint v5 */ (node).typeParameters
+        'typeArguments' in node
+          ? node.typeArguments
+          : /** @type {any} typescript-eslint v5 */ (node).typeParameters
       if (typeArguments) {
         setOffset(tokenStore.getFirstToken(typeArguments), 1, firstToken)
       }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 22119ae98..4073b6915 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -3000,7 +3000,8 @@ function getComponentPropsFromDefineProps(context, node) {
       }
     ]
   }
-  const typeArguments = node.typeArguments || node.typeParameters
+  const typeArguments =
+    'typeArguments' in node ? node.typeArguments : node.typeParameters
   if (typeArguments && typeArguments.params.length > 0) {
     return getComponentPropsFromTypeDefine(context, typeArguments.params[0])
   }
@@ -3033,7 +3034,8 @@ function getComponentEmitsFromDefineEmits(context, node) {
       }
     ]
   }
-  const typeArguments = node.typeArguments || node.typeParameters
+  const typeArguments =
+    'typeArguments' in node ? node.typeArguments : node.typeParameters
   if (typeArguments && typeArguments.params.length > 0) {
     return getComponentEmitsFromTypeDefine(context, typeArguments.params[0])
   }
diff --git a/lib/utils/ts-utils/ts-ast.js b/lib/utils/ts-utils/ts-ast.js
index 8a95dd9b1..3a7356a2a 100644
--- a/lib/utils/ts-utils/ts-ast.js
+++ b/lib/utils/ts-utils/ts-ast.js
@@ -430,7 +430,10 @@ function inferRuntimeType(context, node, checked = new Set()) {
             return ['Array']
           }
           case 'NonNullable': {
-            const typeArguments = node.typeArguments || node.typeParameters
+            const typeArguments =
+              'typeArguments' in node
+                ? node.typeArguments
+                : /** @type {any} typescript-eslint v5 */ (node).typeParameters
             if (typeArguments && typeArguments.params[0]) {
               return inferRuntimeType(
                 context,
@@ -441,7 +444,10 @@ function inferRuntimeType(context, node, checked = new Set()) {
             break
           }
           case 'Extract': {
-            const typeArguments = node.typeArguments || node.typeParameters
+            const typeArguments =
+              'typeArguments' in node
+                ? node.typeArguments
+                : /** @type {any} typescript-eslint v5 */ (node).typeParameters
             if (typeArguments && typeArguments.params[1]) {
               return inferRuntimeType(context, typeArguments.params[1], checked)
             }
@@ -449,7 +455,10 @@ function inferRuntimeType(context, node, checked = new Set()) {
           }
           case 'Exclude':
           case 'OmitThisParameter': {
-            const typeArguments = node.typeArguments || node.typeParameters
+            const typeArguments =
+              'typeArguments' in node
+                ? node.typeArguments
+                : /** @type {any} typescript-eslint v5 */ (node).typeParameters
             if (typeArguments && typeArguments.params[0]) {
               return inferRuntimeType(context, typeArguments.params[0], checked)
             }

From a72517066a57cc381aeb35a0d0727c4852d7dbd3 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Wed, 29 Nov 2023 06:46:00 +0100
Subject: [PATCH 0663/1010] Make `vue/v-on-event-hyphenation` autofixable by
 default in Vue 3 (#2320)

---
 lib/configs/vue3-strongly-recommended.js | 7 ++++++-
 lib/rules/v-on-event-hyphenation.js      | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index 9da67f398..564e386b1 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -28,7 +28,12 @@ module.exports = {
     'vue/require-prop-types': 'warn',
     'vue/singleline-html-element-content-newline': 'warn',
     'vue/v-bind-style': 'warn',
-    'vue/v-on-event-hyphenation': 'warn',
+    'vue/v-on-event-hyphenation': [
+      'warn',
+      {
+        autofix: true
+      }
+    ],
     'vue/v-on-style': 'warn',
     'vue/v-slot-style': 'warn'
   }
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index 5a3e023f9..b797b3b79 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -10,7 +10,10 @@ module.exports = {
       description:
         'enforce v-on event naming style on custom components in template',
       categories: ['vue3-strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/v-on-event-hyphenation.html'
+      url: 'https://eslint.vuejs.org/rules/v-on-event-hyphenation.html',
+      defaultOptions: {
+        vue3: [{ autofix: true }]
+      }
     },
     fixable: 'code',
     schema: [

From ac57432ab58ef4e8cea11c05073f162fd7709980 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=AA=E8=A7=89=E9=9B=A8=E5=A3=B0?= <544022268@qq.com>
Date: Wed, 29 Nov 2023 13:47:29 +0800
Subject: [PATCH 0664/1010] Add `externalIgnores` option for
 `vue/singleline-html-element-content-newline` (#2297)

---
 ...singleline-html-element-content-newline.md |  7 +++--
 ...singleline-html-element-content-newline.js | 15 +++++++---
 ...singleline-html-element-content-newline.js | 30 ++++++++++++++++++-
 3 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 8e6dadf3d..2cc64f399 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -56,7 +56,8 @@ This rule enforces a line break before and after the contents of a singleline el
   "vue/singleline-html-element-content-newline": ["error", {
     "ignoreWhenNoAttributes": true,
     "ignoreWhenEmpty": true,
-    "ignores": ["pre", "textarea", ...INLINE_ELEMENTS]
+    "ignores": ["pre", "textarea", ...INLINE_ELEMENTS],
+    "externalIgnores": []
   }]
 }
 ```
@@ -66,7 +67,9 @@ This rule enforces a line break before and after the contents of a singleline el
 - `ignoreWhenEmpty` ... disables reporting when element has no content.
     default `true`
 - `ignores` ... the configuration for element names to ignore line breaks style.
-    default `["pre", "textarea", ...INLINE_ELEMENTS]`.
+    default `["pre", "textarea", ...INLINE_ELEMENTS]`
+- `externalIgnores` ... the configuration for external element names to ignore line breaks style, it allows avoiding overwrite the default value of ignores.
+    default `[]`
 
 ::: info
   All inline non void elements can be found [here](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/utils/inline-non-void-elements.json).
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 1f8b9ef2c..d89fd940a 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -22,6 +22,7 @@ function parseOptions(options) {
   return Object.assign(
     {
       ignores: ['pre', 'textarea', ...INLINE_ELEMENTS],
+      externalIgnores: [],
       ignoreWhenNoAttributes: true,
       ignoreWhenEmpty: true
     },
@@ -67,6 +68,12 @@ module.exports = {
             items: { type: 'string' },
             uniqueItems: true,
             additionalItems: false
+          },
+          externalIgnores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
           }
         },
         additionalProperties: false
@@ -82,7 +89,7 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = parseOptions(context.options[0])
-    const ignores = options.ignores
+    const ignores = new Set([...options.ignores, ...options.externalIgnores])
     const ignoreWhenNoAttributes = options.ignoreWhenNoAttributes
     const ignoreWhenEmpty = options.ignoreWhenEmpty
     const template =
@@ -96,9 +103,9 @@ module.exports = {
     /** @param {VElement} node */
     function isIgnoredElement(node) {
       return (
-        ignores.includes(node.name) ||
-        ignores.includes(casing.pascalCase(node.rawName)) ||
-        ignores.includes(casing.kebabCase(node.rawName))
+        ignores.has(node.name) ||
+        ignores.has(casing.pascalCase(node.rawName)) ||
+        ignores.has(casing.kebabCase(node.rawName))
       )
     }
 
diff --git a/tests/lib/rules/singleline-html-element-content-newline.js b/tests/lib/rules/singleline-html-element-content-newline.js
index 5bf2c9392..c93e96e42 100644
--- a/tests/lib/rules/singleline-html-element-content-newline.js
+++ b/tests/lib/rules/singleline-html-element-content-newline.js
@@ -204,7 +204,35 @@ tester.run('singleline-html-element-content-newline', rule, {
         <div
           id=
           ""
-    `
+    `,
+    {
+      code: `
+        <template>
+          <pre>content</pre>
+          <IgnoreTag>content</IgnoreTag>
+          <IgnoreTag attr>content</IgnoreTag>
+          <IgnoreTag><span attr>content</span></IgnoreTag>
+        </template>`,
+      options: [
+        {
+          externalIgnores: ['IgnoreTag']
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+        <pre>content</pre>
+          <ignore-tag>content</ignore-tag>
+          <ignore-tag attr>content</ignore-tag>
+          <ignore-tag><span attr>content</span></ignore-tag>
+        </template>`,
+      options: [
+        {
+          externalIgnores: ['IgnoreTag']
+        }
+      ]
+    }
   ],
   invalid: [
     {

From 86ab7686d4a48951aa5b73ca6a4144118f69ca90 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 29 Nov 2023 18:29:48 +0900
Subject: [PATCH 0665/1010] update vitepress (#2329)

---
 .../build-system/{build.ts => build.mts}      |   7 +-
 docs/.vitepress/config.mts                    | 220 +++++++++++++++++
 docs/.vitepress/config.ts                     | 227 ------------------
 .../{vite-plugin.ts => vite-plugin.mts}       |   9 +-
 package.json                                  |   4 +-
 tsconfig.json                                 |   4 +-
 6 files changed, 226 insertions(+), 245 deletions(-)
 rename docs/.vitepress/build-system/{build.ts => build.mts} (92%)
 create mode 100644 docs/.vitepress/config.mts
 delete mode 100644 docs/.vitepress/config.ts
 rename docs/.vitepress/{vite-plugin.ts => vite-plugin.mts} (90%)

diff --git a/docs/.vitepress/build-system/build.ts b/docs/.vitepress/build-system/build.mts
similarity index 92%
rename from docs/.vitepress/build-system/build.ts
rename to docs/.vitepress/build-system/build.mts
index 89578cabc..79521b52b 100644
--- a/docs/.vitepress/build-system/build.ts
+++ b/docs/.vitepress/build-system/build.mts
@@ -6,12 +6,7 @@ import path from 'path'
 import fs from 'fs'
 import { fileURLToPath } from 'url'
 
-const dirname = path.dirname(
-  fileURLToPath(
-    // @ts-expect-error -- Cannot change `module` option
-    import.meta.url
-  )
-)
+const dirname = path.dirname(fileURLToPath(import.meta.url))
 
 build(
   path.join(dirname, './src/eslint.mjs'),
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
new file mode 100644
index 000000000..66e0f3e3a
--- /dev/null
+++ b/docs/.vitepress/config.mts
@@ -0,0 +1,220 @@
+import type { DefaultTheme } from 'vitepress'
+import { defineConfig } from 'vitepress'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { viteCommonjs, vitePluginRequireResolve } from './vite-plugin.mjs'
+
+// Pre-build cjs packages that cannot be bundled well.
+import './build-system/build.mjs'
+
+const dirname = path.dirname(fileURLToPath(import.meta.url))
+
+export default async () => {
+  const rulesPath = '../../tools/lib/rules.js' // Avoid bundle
+  const rules: typeof import('../../tools/lib/rules.js') = await import(
+    rulesPath
+  ).then((mod) => mod.default || mod)
+  const uncategorizedRules = rules.filter(
+    (rule) =>
+      !rule.meta.docs.categories &&
+      !rule.meta.docs.extensionRule &&
+      !rule.meta.deprecated
+  )
+  const uncategorizedExtensionRule = rules.filter(
+    (rule) =>
+      !rule.meta.docs.categories &&
+      rule.meta.docs.extensionRule &&
+      !rule.meta.deprecated
+  )
+  const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
+
+  const sidebarCategories = [
+    { title: 'Base Rules', categoryIds: ['base'] },
+    {
+      title: 'Priority A: Essential',
+      categoryIds: ['vue3-essential', 'essential']
+    },
+    {
+      title: 'Priority A: Essential for Vue.js 3.x',
+      categoryIds: ['vue3-essential']
+    },
+    {
+      title: 'Priority A: Essential for Vue.js 2.x',
+      categoryIds: ['essential']
+    },
+    {
+      title: 'Priority B: Strongly Recommended',
+      categoryIds: ['vue3-strongly-recommended', 'strongly-recommended']
+    },
+    {
+      title: 'Priority B: Strongly Recommended for Vue.js 3.x',
+      categoryIds: ['vue3-strongly-recommended']
+    },
+    {
+      title: 'Priority B: Strongly Recommended for Vue.js 2.x',
+      categoryIds: ['strongly-recommended']
+    },
+    {
+      title: 'Priority C: Recommended',
+      categoryIds: ['vue3-recommended', 'recommended']
+    },
+    {
+      title: 'Priority C: Recommended for Vue.js 3.x',
+      categoryIds: ['vue3-recommended']
+    },
+    {
+      title: 'Priority C: Recommended for Vue.js 2.x',
+      categoryIds: ['recommended']
+    }
+  ]
+
+  const categorizedRules: DefaultTheme.SidebarItem[] = []
+  for (const { title, categoryIds } of sidebarCategories) {
+    const categoryRules = rules
+      .filter((rule) => rule.meta.docs.categories && !rule.meta.deprecated)
+      .filter((rule) =>
+        categoryIds.every((categoryId) =>
+          rule.meta.docs.categories.includes(categoryId)
+        )
+      )
+    const children: DefaultTheme.SidebarItem[] = categoryRules
+      .filter(({ ruleId }) => {
+        const exists = categorizedRules.some(
+          ({ items }) =>
+            items &&
+            items.some(({ text: alreadyRuleId }) => alreadyRuleId === ruleId)
+        )
+        return !exists
+      })
+      .map(({ ruleId, name }) => {
+        return {
+          text: ruleId,
+          link: `/rules/${name}`
+        }
+      })
+
+    if (children.length === 0) {
+      continue
+    }
+    categorizedRules.push({
+      text: title,
+      collapsed: false,
+      items: children
+    })
+  }
+
+  const extraCategories: DefaultTheme.SidebarItem[] = []
+  if (uncategorizedRules.length > 0) {
+    extraCategories.push({
+      text: 'Uncategorized',
+      collapsed: false,
+      items: uncategorizedRules.map(({ ruleId, name }) => ({
+        text: ruleId,
+        link: `/rules/${name}`
+      }))
+    })
+  }
+  if (uncategorizedExtensionRule.length > 0) {
+    extraCategories.push({
+      text: 'Extension Rules',
+      collapsed: false,
+      items: uncategorizedExtensionRule.map(({ ruleId, name }) => ({
+        text: ruleId,
+        link: `/rules/${name}`
+      }))
+    })
+  }
+  if (deprecatedRules.length > 0) {
+    extraCategories.push({
+      text: 'Deprecated',
+      collapsed: false,
+      items: deprecatedRules.map(({ ruleId, name }) => ({
+        text: ruleId,
+        link: `/rules/${name}`
+      }))
+    })
+  }
+  return defineConfig({
+    base: '/',
+    title: 'eslint-plugin-vue',
+    description: 'Official ESLint plugin for Vue.js',
+    head: [['link', { rel: 'icon', href: '/favicon.png' }]],
+
+    vite: {
+      publicDir: path.resolve(dirname, './public'),
+      plugins: [vitePluginRequireResolve(), viteCommonjs()],
+      resolve: {
+        alias: {
+          eslint: path.join(dirname, './build-system/shim/eslint.mjs'),
+          assert: path.join(dirname, './build-system/shim/assert.mjs'),
+          path: path.join(dirname, './build-system/shim/path.mjs'),
+
+          tslib: path.join(dirname, '../../node_modules/tslib/tslib.es6.js'),
+          esquery: path.join(dirname, './build-system/shim/esquery.mjs'),
+          globby: path.join(dirname, './build-system/shim/globby.mjs')
+        }
+      },
+      define: {
+        'process.env.NODE_DEBUG': 'false',
+        'require.cache': '{}'
+      }
+    },
+
+    lastUpdated: true,
+    themeConfig: {
+      editLink: {
+        pattern:
+          'https://github.com/vuejs/eslint-plugin-vue/edit/master/docs/:path'
+      },
+      socialLinks: [
+        {
+          icon: 'github',
+          link: 'https://github.com/vuejs/eslint-plugin-vue'
+        }
+      ],
+
+      nav: [
+        { text: 'User Guide', link: '/user-guide/' },
+        { text: 'Developer Guide', link: '/developer-guide/' },
+        { text: 'Rules', link: '/rules/' },
+        {
+          text: 'Demo',
+          link: 'https://ota-meshi.github.io/eslint-plugin-vue-demo/'
+        }
+      ],
+
+      sidebar: {
+        '/rules/': [
+          {
+            text: 'Rules',
+            items: [{ text: 'Available Rules', link: '/rules/' }]
+          },
+
+          // Rules in each category.
+          ...categorizedRules,
+
+          // Rules in no category.
+          ...extraCategories
+        ],
+
+        '/': [
+          {
+            text: 'Guide',
+            items: [
+              { text: 'Introduction', link: '/' },
+              { text: 'User Guide', link: '/user-guide/' },
+              { text: 'Developer Guide', link: '/developer-guide/' },
+              { text: 'Rules', link: '/rules/' }
+            ]
+          }
+        ]
+      },
+
+      algolia: {
+        appId: '2L4MGZSULB',
+        apiKey: 'fdf57932b27a6c230d01a890492ab76d',
+        indexName: 'eslint-plugin-vue'
+      }
+    }
+  })
+}
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
deleted file mode 100644
index baa74d471..000000000
--- a/docs/.vitepress/config.ts
+++ /dev/null
@@ -1,227 +0,0 @@
-// @ts-expect-error -- Cannot change `module` option
-import type { DefaultTheme } from 'vitepress'
-// @ts-expect-error -- Cannot change `module` option
-import { defineConfig } from 'vitepress'
-import { BUNDLED_LANGUAGES } from 'shiki'
-import path from 'path'
-import { fileURLToPath } from 'url'
-import rules from '../../tools/lib/rules'
-import { viteCommonjs, vitePluginRequireResolve } from './vite-plugin'
-
-// Pre-build cjs packages that cannot be bundled well.
-import './build-system/build'
-
-const dirname = path.dirname(
-  fileURLToPath(
-    // @ts-expect-error -- Cannot change `module` option
-    import.meta.url
-  )
-)
-
-// Include `json5` as alias for jsonc
-const jsonc = BUNDLED_LANGUAGES.find((lang) => lang.id === 'jsonc')
-if (jsonc) {
-  jsonc.aliases = [...(jsonc.aliases ?? []), 'json5']
-}
-
-const uncategorizedRules = rules.filter(
-  (rule) =>
-    !rule.meta.docs.categories &&
-    !rule.meta.docs.extensionRule &&
-    !rule.meta.deprecated
-)
-const uncategorizedExtensionRule = rules.filter(
-  (rule) =>
-    !rule.meta.docs.categories &&
-    rule.meta.docs.extensionRule &&
-    !rule.meta.deprecated
-)
-const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
-
-const sidebarCategories = [
-  { title: 'Base Rules', categoryIds: ['base'] },
-  {
-    title: 'Priority A: Essential',
-    categoryIds: ['vue3-essential', 'essential']
-  },
-  {
-    title: 'Priority A: Essential for Vue.js 3.x',
-    categoryIds: ['vue3-essential']
-  },
-  { title: 'Priority A: Essential for Vue.js 2.x', categoryIds: ['essential'] },
-  {
-    title: 'Priority B: Strongly Recommended',
-    categoryIds: ['vue3-strongly-recommended', 'strongly-recommended']
-  },
-  {
-    title: 'Priority B: Strongly Recommended for Vue.js 3.x',
-    categoryIds: ['vue3-strongly-recommended']
-  },
-  {
-    title: 'Priority B: Strongly Recommended for Vue.js 2.x',
-    categoryIds: ['strongly-recommended']
-  },
-  {
-    title: 'Priority C: Recommended',
-    categoryIds: ['vue3-recommended', 'recommended']
-  },
-  {
-    title: 'Priority C: Recommended for Vue.js 3.x',
-    categoryIds: ['vue3-recommended']
-  },
-  {
-    title: 'Priority C: Recommended for Vue.js 2.x',
-    categoryIds: ['recommended']
-  }
-]
-
-const categorizedRules: DefaultTheme.SidebarItem[] = []
-for (const { title, categoryIds } of sidebarCategories) {
-  const categoryRules = rules
-    .filter((rule) => rule.meta.docs.categories && !rule.meta.deprecated)
-    .filter((rule) =>
-      categoryIds.every((categoryId) =>
-        rule.meta.docs.categories.includes(categoryId)
-      )
-    )
-  const children: DefaultTheme.SidebarItem[] = categoryRules
-    .filter(({ ruleId }) => {
-      const exists = categorizedRules.some(
-        ({ items }) =>
-          items &&
-          items.some(({ text: alreadyRuleId }) => alreadyRuleId === ruleId)
-      )
-      return !exists
-    })
-    .map(({ ruleId, name }) => {
-      return {
-        text: ruleId,
-        link: `/rules/${name}`
-      }
-    })
-
-  if (children.length === 0) {
-    continue
-  }
-  categorizedRules.push({
-    text: title,
-    collapsed: false,
-    items: children
-  })
-}
-
-const extraCategories: DefaultTheme.SidebarItem[] = []
-if (uncategorizedRules.length > 0) {
-  extraCategories.push({
-    text: 'Uncategorized',
-    collapsed: false,
-    items: uncategorizedRules.map(({ ruleId, name }) => ({
-      text: ruleId,
-      link: `/rules/${name}`
-    }))
-  })
-}
-if (uncategorizedExtensionRule.length > 0) {
-  extraCategories.push({
-    text: 'Extension Rules',
-    collapsed: false,
-    items: uncategorizedExtensionRule.map(({ ruleId, name }) => ({
-      text: ruleId,
-      link: `/rules/${name}`
-    }))
-  })
-}
-if (deprecatedRules.length > 0) {
-  extraCategories.push({
-    text: 'Deprecated',
-    collapsed: false,
-    items: deprecatedRules.map(({ ruleId, name }) => ({
-      text: ruleId,
-      link: `/rules/${name}`
-    }))
-  })
-}
-
-export default defineConfig({
-  base: '/',
-  title: 'eslint-plugin-vue',
-  description: 'Official ESLint plugin for Vue.js',
-  head: [['link', { rel: 'icon', href: '/favicon.png' }]],
-
-  vite: {
-    publicDir: path.resolve(dirname, './public'),
-    plugins: [vitePluginRequireResolve(), viteCommonjs()],
-    resolve: {
-      alias: {
-        eslint: path.join(dirname, './build-system/shim/eslint.mjs'),
-        assert: path.join(dirname, './build-system/shim/assert.mjs'),
-        path: path.join(dirname, './build-system/shim/path.mjs'),
-
-        tslib: path.join(dirname, '../../node_modules/tslib/tslib.es6.js'),
-        esquery: path.join(dirname, './build-system/shim/esquery.mjs'),
-        globby: path.join(dirname, './build-system/shim/globby.mjs')
-      }
-    },
-    define: {
-      'process.env.NODE_DEBUG': 'false',
-      'require.cache': '{}'
-    }
-  },
-
-  lastUpdated: true,
-  themeConfig: {
-    editLink: {
-      pattern:
-        'https://github.com/vuejs/eslint-plugin-vue/edit/master/docs/:path'
-    },
-    socialLinks: [
-      {
-        icon: 'github',
-        link: 'https://github.com/vuejs/eslint-plugin-vue'
-      }
-    ],
-
-    nav: [
-      { text: 'User Guide', link: '/user-guide/' },
-      { text: 'Developer Guide', link: '/developer-guide/' },
-      { text: 'Rules', link: '/rules/' },
-      {
-        text: 'Demo',
-        link: 'https://ota-meshi.github.io/eslint-plugin-vue-demo/'
-      }
-    ],
-
-    sidebar: {
-      '/rules/': [
-        {
-          text: 'Rules',
-          items: [{ text: 'Available Rules', link: '/rules/' }]
-        },
-
-        // Rules in each category.
-        ...categorizedRules,
-
-        // Rules in no category.
-        ...extraCategories
-      ],
-
-      '/': [
-        {
-          text: 'Guide',
-          items: [
-            { text: 'Introduction', link: '/' },
-            { text: 'User Guide', link: '/user-guide/' },
-            { text: 'Developer Guide', link: '/developer-guide/' },
-            { text: 'Rules', link: '/rules/' }
-          ]
-        }
-      ]
-    },
-
-    algolia: {
-      appId: '2L4MGZSULB',
-      apiKey: 'fdf57932b27a6c230d01a890492ab76d',
-      indexName: 'eslint-plugin-vue'
-    }
-  }
-})
diff --git a/docs/.vitepress/vite-plugin.ts b/docs/.vitepress/vite-plugin.mts
similarity index 90%
rename from docs/.vitepress/vite-plugin.ts
rename to docs/.vitepress/vite-plugin.mts
index 4b5b2a619..fd0644ed5 100644
--- a/docs/.vitepress/vite-plugin.ts
+++ b/docs/.vitepress/vite-plugin.mts
@@ -1,4 +1,3 @@
-// @ts-expect-error -- Cannot change `module` option
 import type { UserConfig } from 'vitepress'
 import path from 'path'
 import { fileURLToPath } from 'url'
@@ -8,13 +7,7 @@ type Plugin = Extract<
   { name: string }
 >
 
-const libRoot = path.join(
-  fileURLToPath(
-    // @ts-expect-error -- Cannot change `module` option
-    import.meta.url
-  ),
-  '../../../lib'
-)
+const libRoot = path.join(fileURLToPath(import.meta.url), '../../../lib')
 export function vitePluginRequireResolve(): Plugin {
   return {
     name: 'vite-plugin-require.resolve',
diff --git a/package.json b/package.json
index 35236e9fb..8193d2ec9 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,7 @@
     "mocha": "^10.2.0",
     "nyc": "^15.1.0",
     "prettier": "^3.0.0",
-    "typescript": "^5.1.6",
-    "vitepress": "^1.0.0-beta.6"
+    "typescript": "^5.3.2",
+    "vitepress": "^1.0.0-rc.31"
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
index ac4ab815a..fcfbc158a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2019",
-    "module": "commonjs",
+    "module": "node16",
     "moduleResolution": "Node16",
     "lib": ["es2020"],
     "allowJs": true,
@@ -23,5 +23,5 @@
     },
     "skipLibCheck": true
   },
-  "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts", "docs/.vitepress/**/*.ts"]
+  "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts", "docs/.vitepress/**/*.ts", "docs/.vitepress/**/*.mts"]
 }

From 022afb5b9ee44b0feff9afc0fe4e7caec273d775 Mon Sep 17 00:00:00 2001
From: Kazuma Ohashi <kazuma0129.work@gmail.com>
Date: Wed, 29 Nov 2023 19:50:31 +0900
Subject: [PATCH 0666/1010] Add new option to specify tags to ignore
 `vue/no-deprecated-slot-attribute` (#2314)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/no-deprecated-slot-attribute.md    | 43 +++++++++++++++++++
 lib/rules/no-deprecated-slot-attribute.js     | 14 +++++-
 lib/rules/syntaxes/slot-attribute.js          | 14 ++++++
 .../lib/rules/no-deprecated-slot-attribute.js | 34 ++++++++++++++-
 4 files changed, 103 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 59e2c068f..afe02f830 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -37,6 +37,49 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 </eslint-code-block>
 
+## :wrench: Options
+
+```json
+{
+  "vue/no-deprecated-slot-attribute": ["error", {
+    "ignore": ["my-component"]
+  }]
+}
+```
+
+- `"ignore"` (`string[]`) An array of tags that ignore this rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
+
+### `"ignore": ["my-component"]`
+
+<eslint-code-block :rules="{'vue/no-dupe-keys': ['error', {ignore: ['my-component']}]}">
+
+```vue
+<template>
+  <ListComponent>
+    <!-- ✓ GOOD -->
+    <template v-slot:name>
+      {{ props.title }}
+    </template>
+  </ListComponent>
+
+  <ListComponent>
+    <!-- ✓ GOOD -->
+    <my-component slot="name">
+      {{ props.title }}
+    </my-component>
+  </ListComponent>
+
+    <ListComponent>
+    <!-- ✗ BAD -->
+    <other-component slot="name">
+      {{ props.title }}
+    </other-component>
+  </ListComponent>
+</template>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [API - slot](https://v2.vuejs.org/v2/api/#slot-deprecated)
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index 6459cdff4..f4c893538 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -16,7 +16,19 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html'
     },
     fixable: 'code',
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignore: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       forbiddenSlotAttribute: '`slot` attributes are deprecated.'
     }
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 3292cd9de..57d567bc1 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -5,12 +5,17 @@
 'use strict'
 
 const canConvertToVSlot = require('./utils/can-convert-to-v-slot')
+const casing = require('../../utils/casing')
 
 module.exports = {
   deprecated: '2.6.0',
   supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
+    const options = context.options[0] || {}
+    /** @type {Set<string>} */
+    const ignore = new Set(options.ignore)
+
     const sourceCode = context.getSourceCode()
     const tokenStore =
       context.parserServices.getTemplateBodyTokenStore &&
@@ -95,6 +100,15 @@ module.exports = {
      * @returns {void}
      */
     function reportSlot(slotAttr) {
+      const componentName = slotAttr.parent.parent.rawName
+      if (
+        ignore.has(componentName) ||
+        ignore.has(casing.pascalCase(componentName)) ||
+        ignore.has(casing.kebabCase(componentName))
+      ) {
+        return
+      }
+
       context.report({
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 8f61e9225..7f3bcbf0d 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -46,7 +46,19 @@ tester.run('no-deprecated-slot-attribute', rule, {
       <LinkList>
         <a />
       </LinkList>
-    </template>`
+    </template>`,
+    {
+      code: `<template>
+      <LinkList>
+        <one slot="one" />
+        <two slot="two" />
+        <my-component slot="my-component-slot" />
+        <myComponent slot="myComponent-slot" />
+        <MyComponent slot="MyComponent-slot" />
+      </LinkList>
+    </template>`,
+      options: [{ ignore: ['one', 'two', 'my-component'] }]
+    }
   ],
   invalid: [
     {
@@ -594,6 +606,26 @@ tester.run('no-deprecated-slot-attribute', rule, {
         '`slot` attributes are deprecated.',
         '`slot` attributes are deprecated.'
       ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+          <two slot="two">
+            B
+          </two>
+        </my-component>
+      </template>`,
+      output: null,
+      options: [
+        {
+          ignore: ['one']
+        }
+      ],
+      errors: ['`slot` attributes are deprecated.']
     }
   ]
 })

From 7b7b4cead55fb8bcd6d3a57191c5b2c0b64c53b9 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 29 Nov 2023 22:08:45 +0900
Subject: [PATCH 0667/1010] Improve compatibility with ESLint v9 (#2331)

---
 .../shim/eslint/use-at-your-own-risk.mjs      |  3 +
 docs/.vitepress/config.mts                    |  4 +
 eslint.config.js                              | 14 +++
 lib/rules/block-order.js                      |  5 +-
 lib/rules/block-tag-newline.js                |  7 +-
 lib/rules/comment-directive.js                |  5 +-
 .../component-name-in-template-casing.js      |  5 +-
 lib/rules/custom-event-name-casing.js         | 15 ++-
 lib/rules/first-attribute-linebreak.js        |  5 +-
 lib/rules/html-closing-bracket-newline.js     |  5 +-
 lib/rules/html-closing-bracket-spacing.js     |  4 +-
 lib/rules/html-indent.js                      |  5 +-
 lib/rules/html-self-closing.js                |  4 +-
 lib/rules/max-attributes-per-line.js          |  4 +-
 lib/rules/max-len.js                          |  4 +-
 lib/rules/max-lines-per-block.js              |  5 +-
 .../multiline-html-element-content-newline.js |  6 +-
 lib/rules/mustache-interpolation-spacing.js   |  5 +-
 lib/rules/next-tick-style.js                  |  5 +-
 lib/rules/no-async-in-computed-properties.js  |  5 +-
 lib/rules/no-child-content.js                 |  4 +-
 lib/rules/no-dupe-keys.js                     |  7 +-
 lib/rules/no-dupe-v-else-if.js                |  5 +-
 lib/rules/no-empty-component-block.js         |  5 +-
 lib/rules/no-expose-after-await.js            | 10 +-
 lib/rules/no-extra-parens.js                  |  5 +-
 lib/rules/no-lifecycle-after-await.js         |  5 +-
 lib/rules/no-multi-spaces.js                  |  6 +-
 lib/rules/no-multiple-slot-args.js            |  2 +-
 lib/rules/no-mutating-props.js                |  2 +-
 lib/rules/no-restricted-block.js              |  5 +-
 lib/rules/no-restricted-call-after-await.js   |  2 +-
 lib/rules/no-restricted-custom-event.js       | 10 +-
 lib/rules/no-setup-props-reactivity-loss.js   | 18 +++-
 .../no-side-effects-in-computed-properties.js |  7 +-
 lib/rules/no-unused-emit-declarations.js      |  9 +-
 lib/rules/no-useless-mustaches.js             |  3 +-
 lib/rules/no-useless-v-bind.js                |  2 +-
 lib/rules/no-watch-after-await.js             |  5 +-
 lib/rules/padding-line-between-blocks.js      |  5 +-
 lib/rules/prefer-separate-static-class.js     |  3 +-
 lib/rules/require-explicit-emits.js           |  9 +-
 lib/rules/require-expose.js                   |  9 +-
 lib/rules/require-slots-as-functions.js       |  2 +-
 lib/rules/require-typed-ref.js                |  6 +-
 lib/rules/return-in-computed-property.js      |  5 +-
 ...singleline-html-element-content-newline.js |  6 +-
 lib/rules/syntaxes/slot-attribute.js          |  4 +-
 lib/rules/syntaxes/slot-scope-attribute.js    |  4 +-
 lib/rules/v-for-delimiter-style.js            |  5 +-
 lib/rules/v-on-function-call.js               |  4 +-
 lib/rules/v-on-handler-style.js               |  7 +-
 lib/rules/valid-define-emits.js               |  2 +-
 lib/rules/valid-define-options.js             |  2 +-
 lib/rules/valid-define-props.js               |  2 +-
 lib/rules/valid-next-tick.js                  |  2 +-
 lib/rules/valid-v-slot.js                     |  4 +-
 lib/utils/index.js                            | 92 +++++++++----------
 lib/utils/scope.js                            | 30 ++++++
 lib/utils/style-variables/index.js            |  5 +-
 lib/utils/ts-utils/ts-ast.js                  | 11 ++-
 lib/utils/ts-utils/ts-types.js                |  9 +-
 62 files changed, 290 insertions(+), 165 deletions(-)
 create mode 100644 docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs
 create mode 100644 lib/utils/scope.js

diff --git a/docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs b/docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs
new file mode 100644
index 000000000..0db0b01c2
--- /dev/null
+++ b/docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs
@@ -0,0 +1,3 @@
+export default {
+  /* empty */
+}
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 66e0f3e3a..0e1e21730 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -145,6 +145,10 @@ export default async () => {
       plugins: [vitePluginRequireResolve(), viteCommonjs()],
       resolve: {
         alias: {
+          'eslint/use-at-your-own-risk': path.join(
+            dirname,
+            './build-system/shim/eslint/use-at-your-own-risk.mjs'
+          ),
           eslint: path.join(dirname, './build-system/shim/eslint.mjs'),
           assert: path.join(dirname, './build-system/shim/assert.mjs'),
           path: path.join(dirname, './build-system/shim/path.mjs'),
diff --git a/eslint.config.js b/eslint.config.js
index abedce70b..3407dd3b4 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -160,6 +160,20 @@ module.exports = [
       'dot-notation': 'error',
       'arrow-body-style': 'error',
 
+      'no-restricted-properties': [
+        'error',
+        {
+          object: 'context',
+          property: 'parserServices',
+          message: 'Use sourceCode.parserServices'
+        },
+        {
+          object: 'context',
+          property: 'getScope',
+          message: 'Use utils.getScope'
+        }
+      ],
+
       'unicorn/consistent-function-scoping': [
         'error',
         { checkArrowFunctions: false }
diff --git a/lib/rules/block-order.js b/lib/rules/block-order.js
index 91d3eaa6f..c93de09b2 100644
--- a/lib/rules/block-order.js
+++ b/lib/rules/block-order.js
@@ -106,9 +106,10 @@ module.exports = {
     function getOrderElement(element) {
       return orders.find((o) => o.selector.test(element))
     }
+    const sourceCode = context.getSourceCode()
     const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+      sourceCode.parserServices.getDocumentFragment &&
+      sourceCode.parserServices.getDocumentFragment()
 
     function getTopLevelHTMLElements() {
       if (documentFragment) {
diff --git a/lib/rules/block-tag-newline.js b/lib/rules/block-tag-newline.js
index bccecd834..22fb12870 100644
--- a/lib/rules/block-tag-newline.js
+++ b/lib/rules/block-tag-newline.js
@@ -84,15 +84,14 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    const sourceCode = context.getSourceCode()
     const df =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+      sourceCode.parserServices.getDocumentFragment &&
+      sourceCode.parserServices.getDocumentFragment()
     if (!df) {
       return {}
     }
 
-    const sourceCode = context.getSourceCode()
-
     /**
      * @param {VStartTag} startTag
      * @param {string} beforeText
diff --git a/lib/rules/comment-directive.js b/lib/rules/comment-directive.js
index aeca98aef..655e222bd 100644
--- a/lib/rules/comment-directive.js
+++ b/lib/rules/comment-directive.js
@@ -313,9 +313,10 @@ module.exports = {
     const options = context.options[0] || {}
     /** @type {boolean} */
     const reportUnusedDisableDirectives = options.reportUnusedDisableDirectives
+    const sourceCode = context.getSourceCode()
     const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+      sourceCode.parserServices.getDocumentFragment &&
+      sourceCode.parserServices.getDocumentFragment()
 
     return {
       Program(node) {
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 487af7714..629f51209 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -86,9 +86,10 @@ module.exports = {
     /** @type {string[]} */
     const globals = (options.globals || []).map(casing.pascalCase)
     const registeredComponentsOnly = options.registeredComponentsOnly !== false
+    const sourceCode = context.getSourceCode()
     const tokens =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /** @type { Set<string> } */
     const registeredComponents = new Set(globals)
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 2361badb1..09cc2fc36 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -210,7 +210,10 @@ module.exports = {
               return
             }
             // const emit = defineEmits()
-            const variable = findVariable(context.getScope(), emitParam)
+            const variable = findVariable(
+              utils.getScope(context, emitParam),
+              emitParam
+            )
             if (!variable) {
               return
             }
@@ -251,7 +254,10 @@ module.exports = {
               }
               const emitParam = emitProperty.value
               // `setup(props, {emit})`
-              const variable = findVariable(context.getScope(), emitParam)
+              const variable = findVariable(
+                utils.getScope(context, emitParam),
+                emitParam
+              )
               if (!variable) {
                 return
               }
@@ -260,7 +266,10 @@ module.exports = {
               }
             } else {
               // `setup(props, context)`
-              const variable = findVariable(context.getScope(), contextParam)
+              const variable = findVariable(
+                utils.getScope(context, contextParam),
+                contextParam
+              )
               if (!variable) {
                 return
               }
diff --git a/lib/rules/first-attribute-linebreak.js b/lib/rules/first-attribute-linebreak.js
index bdaf078c9..c023762d4 100644
--- a/lib/rules/first-attribute-linebreak.js
+++ b/lib/rules/first-attribute-linebreak.js
@@ -39,9 +39,10 @@ module.exports = {
     const multiline =
       (context.options[0] && context.options[0].multiline) || 'below'
 
+    const sourceCode = context.getSourceCode()
     const template =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /**
      * Report attribute
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index e1a746e42..c353c35d3 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -59,9 +59,10 @@ module.exports = {
       },
       context.options[0] || {}
     )
+    const sourceCode = context.getSourceCode()
     const template =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     return utils.defineDocumentVisitor(context, {
       /** @param {VStartTag | VEndTag} node */
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index 0d5d477ba..daf42d540 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -80,8 +80,8 @@ module.exports = {
   create(context) {
     const sourceCode = context.getSourceCode()
     const tokens =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
     const options = parseOptions(context.options[0], tokens)
 
     return utils.defineDocumentVisitor(context, {
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 1670a3308..6a423ecca 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -11,9 +11,10 @@ const utils = require('../utils')
 module.exports = {
   /** @param {RuleContext} context */
   create(context) {
+    const sourceCode = context.getSourceCode()
     const tokenStore =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
     const visitor = indentCommon.defineVisitor(context, tokenStore, {
       baseIndent: 1
     })
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 621cde6d1..9e626f41d 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -159,7 +159,7 @@ module.exports = {
               },
               fix(fixer) {
                 const tokens =
-                  context.parserServices.getTemplateBodyTokenStore()
+                  sourceCode.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLTagClose') {
                   return null
@@ -183,7 +183,7 @@ module.exports = {
               },
               fix(fixer) {
                 const tokens =
-                  context.parserServices.getTemplateBodyTokenStore()
+                  sourceCode.parserServices.getTemplateBodyTokenStore()
                 const close = tokens.getLastToken(node.startTag)
                 if (close.type !== 'HTMLSelfClosingTagClose') {
                   return null
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index b1665c17d..443826fe0 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -124,8 +124,8 @@ module.exports = {
     const multilineMaximum = configuration.multiline
     const singlelinemMaximum = configuration.singleline
     const template =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     return utils.defineTemplateBodyVisitor(context, {
       VStartTag(node) {
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 588f2de75..9347ea78b 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -307,8 +307,8 @@ module.exports = {
       const scriptTokens = sourceCode.ast.tokens
       const scriptComments = sourceCode.getAllComments()
 
-      if (context.parserServices.getTemplateBodyTokenStore && templateBody) {
-        const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      if (sourceCode.parserServices.getTemplateBodyTokenStore && templateBody) {
+        const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
 
         const templateTokens = tokenStore.getTokens(templateBody, {
           includeComments: true
diff --git a/lib/rules/max-lines-per-block.js b/lib/rules/max-lines-per-block.js
index bcb82d563..c778ef40b 100644
--- a/lib/rules/max-lines-per-block.js
+++ b/lib/rules/max-lines-per-block.js
@@ -65,9 +65,10 @@ module.exports = {
     }
 
     const code = context.getSourceCode()
+    const sourceCode = context.getSourceCode()
     const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+      sourceCode.parserServices.getDocumentFragment &&
+      sourceCode.parserServices.getDocumentFragment()
 
     function getTopLevelHTMLElements() {
       if (documentFragment) {
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index dc4111864..bfe0c79f7 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -98,10 +98,10 @@ module.exports = {
     const ignores = options.ignores
     const ignoreWhenEmpty = options.ignoreWhenEmpty
     const allowEmptyLines = options.allowEmptyLines
-    const template =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
     const sourceCode = context.getSourceCode()
+    const template =
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /** @type {VElement | null} */
     let inIgnoreElement = null
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index 51b19c616..79bae0543 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -30,9 +30,10 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || 'always'
+    const sourceCode = context.getSourceCode()
     const template =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VExpressionContainer} node */
diff --git a/lib/rules/next-tick-style.js b/lib/rules/next-tick-style.js
index 34e0c3db6..08cc85a1b 100644
--- a/lib/rules/next-tick-style.js
+++ b/lib/rules/next-tick-style.js
@@ -43,7 +43,10 @@ function getVueNextTickCallExpression(identifier, context) {
     identifier.parent.type === 'CallExpression' &&
     identifier.parent.callee === identifier
   ) {
-    const variable = findVariable(context.getScope(), identifier)
+    const variable = findVariable(
+      utils.getScope(context, identifier),
+      identifier
+    )
 
     if (variable != null && variable.defs.length === 1) {
       const def = variable.defs[0]
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 2df1e55c0..6ee4373f1 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -260,8 +260,9 @@ module.exports = {
 
     return utils.compositingVisitors(
       {
-        Program() {
-          const tracker = new ReferenceTracker(context.getScope())
+        /** @param {Program} program */
+        Program(program) {
+          const tracker = new ReferenceTracker(utils.getScope(context, program))
           const traceMap = utils.createCompositionApiTraceMap({
             [ReferenceTracker.ESM]: true,
             computed: {
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
index 6ccf10d18..62de865b8 100644
--- a/lib/rules/no-child-content.js
+++ b/lib/rules/no-child-content.js
@@ -123,8 +123,8 @@ module.exports = {
         if (elementNode.endTag === null) {
           return
         }
-
-        const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+        const sourceCode = context.getSourceCode()
+        const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
         const elementComments = tokenStore.getTokensBetween(
           elementNode.startTag,
           elementNode.endTag,
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index c690d8aa5..dd8b51c6d 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -118,7 +118,10 @@ module.exports = {
           for (const prop of props) {
             if (!prop.propName) continue
 
-            const variable = findVariable(context.getScope(), prop.propName)
+            const variable = findVariable(
+              utils.getScope(context, node),
+              prop.propName
+            )
             if (!variable || variable.defs.length === 0) continue
 
             if (
@@ -149,7 +152,7 @@ module.exports = {
      */
     function extractReferences(node) {
       if (node.type === 'Identifier') {
-        const variable = findVariable(context.getScope(), node)
+        const variable = findVariable(utils.getScope(context, node), node)
         if (!variable) {
           return []
         }
diff --git a/lib/rules/no-dupe-v-else-if.js b/lib/rules/no-dupe-v-else-if.js
index 5102f6dc4..dc7c18c0b 100644
--- a/lib/rules/no-dupe-v-else-if.js
+++ b/lib/rules/no-dupe-v-else-if.js
@@ -83,9 +83,10 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    const sourceCode = context.getSourceCode()
     const tokenStore =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
     /**
      * Determines whether the two given nodes are considered to be equal. In particular, given that the nodes
      * represent expressions in a boolean context, `||` and `&&` can be considered as commutative operators.
diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
index 8a9420fc2..b2e428bc7 100644
--- a/lib/rules/no-empty-component-block.js
+++ b/lib/rules/no-empty-component-block.js
@@ -57,10 +57,11 @@ module.exports = {
    * @returns {RuleListener} AST event handlers.
    */
   create(context) {
-    if (!context.parserServices.getDocumentFragment) {
+    const sourceCode = context.getSourceCode()
+    if (!sourceCode.parserServices.getDocumentFragment) {
       return {}
     }
-    const documentFragment = context.parserServices.getDocumentFragment()
+    const documentFragment = sourceCode.parserServices.getDocumentFragment()
     if (!documentFragment) {
       return {}
     }
diff --git a/lib/rules/no-expose-after-await.js b/lib/rules/no-expose-after-await.js
index 64661f1f3..e5ede6444 100644
--- a/lib/rules/no-expose-after-await.js
+++ b/lib/rules/no-expose-after-await.js
@@ -192,7 +192,10 @@ module.exports = {
             // `setup(props, {emit})`
             const variable =
               exposeParam.type === 'Identifier'
-                ? findVariable(context.getScope(), exposeParam)
+                ? findVariable(
+                    utils.getScope(context, exposeParam),
+                    exposeParam
+                  )
                 : null
             if (!variable) {
               return
@@ -205,7 +208,10 @@ module.exports = {
             }
           } else if (contextParam.type === 'Identifier') {
             // `setup(props, context)`
-            const variable = findVariable(context.getScope(), contextParam)
+            const variable = findVariable(
+              utils.getScope(context, contextParam),
+              contextParam
+            )
             if (!variable) {
               return
             }
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index 7264677cc..afd0e061b 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -84,10 +84,11 @@ function isIIFE(node) {
  * @returns {TemplateListener} AST event handlers.
  */
 function createForVueSyntax(context) {
-  if (!context.parserServices.getTemplateBodyTokenStore) {
+  const sourceCode = context.getSourceCode()
+  if (!sourceCode.parserServices.getTemplateBodyTokenStore) {
     return {}
   }
-  const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+  const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
 
   /**
    * Checks if the given node turns into a filter when unwraped.
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index 6a54f1c58..21416f893 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -60,8 +60,9 @@ module.exports = {
 
     return utils.compositingVisitors(
       {
-        Program() {
-          const tracker = new ReferenceTracker(context.getScope())
+        /** @param {Program} program */
+        Program(program) {
+          const tracker = new ReferenceTracker(utils.getScope(context, program))
           const traceMap = {
             /** @type {TraceMap} */
             vue: {
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index 1dbac86e2..7e8f192a1 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -52,7 +52,8 @@ module.exports = {
 
     return {
       Program(node) {
-        if (context.parserServices.getTemplateBodyTokenStore == null) {
+        const sourceCode = context.getSourceCode()
+        if (sourceCode.parserServices.getTemplateBodyTokenStore == null) {
           const filename = context.getFilename()
           if (path.extname(filename) === '.vue') {
             context.report({
@@ -65,8 +66,7 @@ module.exports = {
         if (!node.templateBody) {
           return
         }
-        const sourceCode = context.getSourceCode()
-        const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+        const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
         const tokens = tokenStore.getTokens(node.templateBody, {
           includeComments: true
         })
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index 1b57832af..86bd63037 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -75,7 +75,7 @@ module.exports = {
      * @param {Identifier} node The node to verify
      */
     function verifyReferences(node) {
-      const variable = findVariable(context.getScope(), node)
+      const variable = findVariable(utils.getScope(context, node), node)
       if (!variable) {
         return
       }
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index 57a191991..c00a92242 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -224,7 +224,7 @@ module.exports = {
      * @param {string[]} path
      */
     function verifyPropVariable(prop, path) {
-      const variable = findVariable(context.getScope(), prop)
+      const variable = findVariable(utils.getScope(context, prop), prop)
       if (!variable) {
         return
       }
diff --git a/lib/rules/no-restricted-block.js b/lib/rules/no-restricted-block.js
index 8fc2b51be..87b4bda3e 100644
--- a/lib/rules/no-restricted-block.js
+++ b/lib/rules/no-restricted-block.js
@@ -90,9 +90,10 @@ module.exports = {
     /** @type {ParsedOption[]} */
     const options = context.options.map(parseOption)
 
+    const sourceCode = context.getSourceCode()
     const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+      sourceCode.parserServices.getDocumentFragment &&
+      sourceCode.parserServices.getDocumentFragment()
 
     function getTopLevelHTMLElements() {
       if (documentFragment) {
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index d2b2a1414..b235896a3 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -144,7 +144,7 @@ module.exports = {
       {
         /** @param {Program} node */
         Program(node) {
-          const tracker = new ReferenceTracker(context.getScope())
+          const tracker = new ReferenceTracker(utils.getScope(context, node))
 
           for (const option of context.options) {
             const modules = normalizeModules(option.module, node)
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index f153b6921..98a87d807 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -213,7 +213,10 @@ module.exports = {
               }
               const emitParam = emitProperty.value
               // `setup(props, {emit})`
-              const variable = findVariable(context.getScope(), emitParam)
+              const variable = findVariable(
+                utils.getScope(context, emitParam),
+                emitParam
+              )
               if (!variable) {
                 return
               }
@@ -222,7 +225,10 @@ module.exports = {
               }
             } else {
               // `setup(props, context)`
-              const variable = findVariable(context.getScope(), contextParam)
+              const variable = findVariable(
+                utils.getScope(context, contextParam),
+                contextParam
+              )
               if (!variable) {
                 return
               }
diff --git a/lib/rules/no-setup-props-reactivity-loss.js b/lib/rules/no-setup-props-reactivity-loss.js
index 1292ace7a..fc0406ba9 100644
--- a/lib/rules/no-setup-props-reactivity-loss.js
+++ b/lib/rules/no-setup-props-reactivity-loss.js
@@ -123,9 +123,10 @@ module.exports = {
     /**
      * @param {Pattern | null} node
      * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
+     * @param {import('eslint').Scope.Scope} currentScope
      * @param {string} scopeName
      */
-    function processPattern(node, scopeNode, scopeName) {
+    function processPattern(node, scopeNode, currentScope, scopeName) {
       if (!node) {
         // no arguments
         return
@@ -143,14 +144,14 @@ module.exports = {
         return
       }
 
-      const variable = findVariable(context.getScope(), node)
+      const variable = findVariable(currentScope, node)
       if (!variable) {
         return
       }
       const propsReferenceIds = new Set()
       for (const reference of variable.references) {
         // If reference is in another scope, we can't check it.
-        if (reference.from !== context.getScope()) {
+        if (reference.from !== currentScope) {
           continue
         }
 
@@ -258,13 +259,20 @@ module.exports = {
           } else if (target.parent.type === 'AssignmentExpression') {
             id = target.parent.right === target ? target.parent.left : null
           }
-          processPattern(id, context.getSourceCode().ast, '<script setup>')
+          const currentScope = utils.getScope(context, node)
+          processPattern(
+            id,
+            context.getSourceCode().ast,
+            currentScope,
+            '<script setup>'
+          )
         }
       }),
       utils.defineVueVisitor(context, {
         onSetupFunctionEnter(node) {
+          const currentScope = utils.getScope(context, node)
           const propsParam = utils.skipDefaultParamValue(node.params[0])
-          processPattern(propsParam, node, 'setup()')
+          processPattern(propsParam, node, currentScope, 'setup()')
         }
       })
     )
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 903cf43e7..76127c37f 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -135,7 +135,7 @@ module.exports = {
           return
         }
 
-        const variable = findVariable(context.getScope(), node)
+        const variable = findVariable(utils.getScope(context, node), node)
         if (!variable || variable.defs.length !== 1) {
           return
         }
@@ -180,8 +180,9 @@ module.exports = {
     }
     return utils.compositingVisitors(
       {
-        Program() {
-          const tracker = new ReferenceTracker(context.getScope())
+        /** @param {Program} program */
+        Program(program) {
+          const tracker = new ReferenceTracker(utils.getScope(context, program))
           const traceMap = utils.createCompositionApiTraceMap({
             [ReferenceTracker.ESM]: true,
             computed: {
diff --git a/lib/rules/no-unused-emit-declarations.js b/lib/rules/no-unused-emit-declarations.js
index 1414b50c4..f96004a36 100644
--- a/lib/rules/no-unused-emit-declarations.js
+++ b/lib/rules/no-unused-emit-declarations.js
@@ -253,7 +253,7 @@ module.exports = {
             // `setup(props, {emit})`
             const variable =
               emitParam.type === 'Identifier'
-                ? findVariable(context.getScope(), emitParam)
+                ? findVariable(utils.getScope(context, emitParam), emitParam)
                 : null
             if (!variable) {
               return
@@ -263,7 +263,10 @@ module.exports = {
             }
           } else if (contextParam.type === 'Identifier') {
             // `setup(props, context)`
-            const variable = findVariable(context.getScope(), contextParam)
+            const variable = findVariable(
+              utils.getScope(context, contextParam),
+              contextParam
+            )
             for (const reference of variable.references) {
               contextReferenceIds.add(reference.identifier)
             }
@@ -294,7 +297,7 @@ module.exports = {
           const emitParam = node.parent.id
           const variable =
             emitParam.type === 'Identifier'
-              ? findVariable(context.getScope(), emitParam)
+              ? findVariable(utils.getScope(context, emitParam), emitParam)
               : null
           if (!variable) {
             return
diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index 884cdf7a5..f4f858d9e 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -92,8 +92,7 @@ module.exports = {
       } else {
         return
       }
-
-      const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
       const hasComment = tokenStore
         .getTokens(node, { includeComments: true })
         .some((t) => t.type === 'Block' || t.type === 'Line')
diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index c78cd6b4b..34f0ad033 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -76,7 +76,7 @@ module.exports = {
         return
       }
 
-      const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
       const hasComment = tokenStore
         .getTokens(value, { includeComments: true })
         .some((t) => t.type === 'Block' || t.type === 'Line')
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index f566fb248..cbe1772bd 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -75,8 +75,9 @@ module.exports = {
 
     return utils.compositingVisitors(
       {
-        Program() {
-          const tracker = new ReferenceTracker(context.getScope())
+        /** @param {Program} program */
+        Program(program) {
+          const tracker = new ReferenceTracker(utils.getScope(context, program))
           const traceMap = {
             vue: {
               [ReferenceTracker.ESM]: true,
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index e962488dd..f07655722 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -132,10 +132,11 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    if (!context.parserServices.getDocumentFragment) {
+    const sourceCode = context.getSourceCode()
+    if (!sourceCode.parserServices.getDocumentFragment) {
       return {}
     }
-    const df = context.parserServices.getDocumentFragment()
+    const df = sourceCode.parserServices.getDocumentFragment()
     if (!df) {
       return {}
     }
diff --git a/lib/rules/prefer-separate-static-class.js b/lib/rules/prefer-separate-static-class.js
index 7adc68cb9..f01de1222 100644
--- a/lib/rules/prefer-separate-static-class.js
+++ b/lib/rules/prefer-separate-static-class.js
@@ -169,8 +169,9 @@ module.exports = {
                     return
                   }
 
+                  const sourceCode = context.getSourceCode()
                   const tokenStore =
-                    context.parserServices.getTemplateBodyTokenStore()
+                    sourceCode.parserServices.getTemplateBodyTokenStore()
 
                   if (elements.length === 1) {
                     yield* removeNodeWithComma(fixer, tokenStore, listNode)
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 8b9645f51..7e06bf478 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -285,7 +285,7 @@ module.exports = {
             const emitParam = node.parent.id
             const variable =
               emitParam.type === 'Identifier'
-                ? findVariable(context.getScope(), emitParam)
+                ? findVariable(utils.getScope(context, emitParam), emitParam)
                 : null
             if (!variable) {
               return
@@ -361,7 +361,7 @@ module.exports = {
               // `setup(props, {emit})`
               const variable =
                 emitParam.type === 'Identifier'
-                  ? findVariable(context.getScope(), emitParam)
+                  ? findVariable(utils.getScope(context, emitParam), emitParam)
                   : null
               if (!variable) {
                 return
@@ -375,7 +375,10 @@ module.exports = {
               }
             } else if (contextParam.type === 'Identifier') {
               // `setup(props, context)`
-              const variable = findVariable(context.getScope(), contextParam)
+              const variable = findVariable(
+                utils.getScope(context, contextParam),
+                contextParam
+              )
               if (!variable) {
                 return
               }
diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index c7e4e1126..41578839e 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -121,7 +121,7 @@ module.exports = {
         return true
       }
       if (node.type === 'Identifier') {
-        const variable = findVariable(context.getScope(), node)
+        const variable = findVariable(utils.getScope(context, node), node)
         if (variable) {
           for (const def of variable.defs) {
             if (def.type === 'FunctionName') {
@@ -167,7 +167,7 @@ module.exports = {
           // `setup(props, {emit})`
           const variable =
             exposeParam.type === 'Identifier'
-              ? findVariable(context.getScope(), exposeParam)
+              ? findVariable(utils.getScope(context, exposeParam), exposeParam)
               : null
           if (!variable) {
             return
@@ -180,7 +180,10 @@ module.exports = {
           }
         } else if (contextParam.type === 'Identifier') {
           // `setup(props, context)`
-          const variable = findVariable(context.getScope(), contextParam)
+          const variable = findVariable(
+            utils.getScope(context, contextParam),
+            contextParam
+          )
           if (!variable) {
             return
           }
diff --git a/lib/rules/require-slots-as-functions.js b/lib/rules/require-slots-as-functions.js
index 671623cb3..686677ea8 100644
--- a/lib/rules/require-slots-as-functions.js
+++ b/lib/rules/require-slots-as-functions.js
@@ -78,7 +78,7 @@ module.exports = {
      * @param {Expression} reportNode The node to report
      */
     function verifyReferences(node, reportNode) {
-      const variable = findVariable(context.getScope(), node)
+      const variable = findVariable(utils.getScope(context, node), node)
       if (!variable) {
         return
       }
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index e26ac1339..60a82432a 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -53,7 +53,11 @@ module.exports = {
       return {}
     }
 
-    const defines = iterateDefineRefs(context.getScope())
+    const defines = iterateDefineRefs(
+      /** @type {import('eslint').Scope.Scope} */ (
+        context.getSourceCode().scopeManager.globalScope
+      )
+    )
 
     /**
      * @param {string} name
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 41860eba8..54d2553a1 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -54,8 +54,9 @@ module.exports = {
 
     return Object.assign(
       {
-        Program() {
-          const tracker = new ReferenceTracker(context.getScope())
+        /** @param {Program} program */
+        Program(program) {
+          const tracker = new ReferenceTracker(utils.getScope(context, program))
           const traceMap = utils.createCompositionApiTraceMap({
             [ReferenceTracker.ESM]: true,
             computed: {
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index d89fd940a..69d50734f 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -92,10 +92,10 @@ module.exports = {
     const ignores = new Set([...options.ignores, ...options.externalIgnores])
     const ignoreWhenNoAttributes = options.ignoreWhenNoAttributes
     const ignoreWhenEmpty = options.ignoreWhenEmpty
-    const template =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
     const sourceCode = context.getSourceCode()
+    const template =
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /** @type {VElement | null} */
     let inIgnoreElement = null
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 57d567bc1..a96998175 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -18,8 +18,8 @@ module.exports = {
 
     const sourceCode = context.getSourceCode()
     const tokenStore =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /**
      * Checks whether the given node can convert to the `v-slot`.
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index 53a54d6de..7332c5b7d 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -18,8 +18,8 @@ module.exports = {
   createTemplateBodyVisitor(context, { fixToUpgrade } = {}) {
     const sourceCode = context.getSourceCode()
     const tokenStore =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /**
      * Checks whether the given node can convert to the `v-slot`.
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index c0e3df654..3a4944803 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -32,9 +32,10 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VForExpression} node */
       VForExpression(node) {
+        const sourceCode = context.getSourceCode()
         const tokenStore =
-          context.parserServices.getTemplateBodyTokenStore &&
-          context.parserServices.getTemplateBodyTokenStore()
+          sourceCode.parserServices.getTemplateBodyTokenStore &&
+          sourceCode.parserServices.getTemplateBodyTokenStore()
 
         const delimiterToken = /** @type {Token} */ (
           tokenStore.getTokenAfter(
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index ba91b92b3..efd5b6fa1 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -126,7 +126,9 @@ module.exports = {
             return
           }
 
-          const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+          const sourceCode = context.getSourceCode()
+          const tokenStore =
+            sourceCode.parserServices.getTemplateBodyTokenStore()
           const tokens = tokenStore.getTokens(node.parent, {
             includeComments: true
           })
diff --git a/lib/rules/v-on-handler-style.js b/lib/rules/v-on-handler-style.js
index 890965156..10ff9b6b1 100644
--- a/lib/rules/v-on-handler-style.js
+++ b/lib/rules/v-on-handler-style.js
@@ -236,7 +236,8 @@ module.exports = {
      * @param {VExpressionContainer} node
      */
     function getVExpressionContainerTokenInfo(node) {
-      const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+      const sourceCode = context.getSourceCode()
+      const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
       const tokens = tokenStore.getTokens(node, {
         includeComments: true
       })
@@ -432,7 +433,9 @@ module.exports = {
             return
           }
           yield fixer.insertTextBeforeRange(rangeWithoutQuotes, '() => ')
-          const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+          const sourceCode = context.getSourceCode()
+          const tokenStore =
+            sourceCode.parserServices.getTemplateBodyTokenStore()
           const firstToken = tokenStore.getFirstToken(node)
           const lastToken = tokenStore.getLastToken(node)
           if (firstToken.value === '{' && lastToken.value === '}') return
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 2c83faa2b..6f6085cb0 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -69,7 +69,7 @@ module.exports = {
         Identifier(node) {
           for (const defineEmits of emitsDefExpressions) {
             if (utils.inRange(defineEmits.range, node)) {
-              const variable = findVariable(context.getScope(), node)
+              const variable = findVariable(utils.getScope(context, node), node)
               if (
                 variable &&
                 variable.references.some((ref) => ref.identifier === node) &&
diff --git a/lib/rules/valid-define-options.js b/lib/rules/valid-define-options.js
index fad893b41..71dff3258 100644
--- a/lib/rules/valid-define-options.js
+++ b/lib/rules/valid-define-options.js
@@ -86,7 +86,7 @@ module.exports = {
         Identifier(node) {
           for (const defineOptions of optionsDefExpressions) {
             if (utils.inRange(defineOptions.range, node)) {
-              const variable = findVariable(context.getScope(), node)
+              const variable = findVariable(utils.getScope(context, node), node)
               if (
                 variable &&
                 variable.references.some((ref) => ref.identifier === node) &&
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index 7e3b0a34c..bd1e41bdc 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -70,7 +70,7 @@ module.exports = {
         Identifier(node) {
           for (const defineProps of propsDefExpressions) {
             if (utils.inRange(defineProps.range, node)) {
-              const variable = findVariable(context.getScope(), node)
+              const variable = findVariable(utils.getScope(context, node), node)
               if (
                 variable &&
                 variable.references.some((ref) => ref.identifier === node) &&
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index f9743fc1d..969488cbf 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -35,7 +35,7 @@ function getVueNextTickNode(identifier, context) {
   }
 
   // Vue 3 Global API: import { nextTick as nt } from 'vue'; nt()
-  const variable = findVariable(context.getScope(), identifier)
+  const variable = findVariable(utils.getScope(context, identifier), identifier)
 
   if (variable != null && variable.defs.length === 1) {
     const def = variable.defs[0]
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index c33107966..d16084722 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -278,8 +278,8 @@ module.exports = {
   create(context) {
     const sourceCode = context.getSourceCode()
     const tokenStore =
-      context.parserServices.getTemplateBodyTokenStore &&
-      context.parserServices.getTemplateBodyTokenStore()
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
     const options = context.options[0] || {}
     const allowModifiers = options.allowModifiers === true
 
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 4073b6915..9bfef3577 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -5,6 +5,8 @@
  */
 'use strict'
 
+const { getScope } = require('./scope')
+
 /**
  * @typedef {import('eslint').Rule.RuleModule} RuleModule
  * @typedef {import('estree').Position} Position
@@ -71,7 +73,7 @@ const {
 const componentComments = new WeakMap()
 
 /** @type { Map<string, RuleModule> | null } */
-let ruleMap = null
+let coreRuleMap = null
 /**
  * Get the core rule implementation from the rule name
  * @param {string} name
@@ -79,8 +81,15 @@ let ruleMap = null
  */
 function getCoreRule(name) {
   const eslint = require('eslint')
-  const map = ruleMap || (ruleMap = new eslint.Linter().getRules())
-  return map.get(name) || null
+  try {
+    const map = coreRuleMap || (coreRuleMap = new eslint.Linter().getRules())
+    return map.get(name) || null
+  } catch {
+    // getRules() is no longer available in flat config.
+  }
+
+  const { builtinRules } = require('eslint/use-at-your-own-risk')
+  return /** @type {any} */ (builtinRules.get(name) || null)
 }
 
 /**
@@ -129,8 +138,8 @@ function newProxy(target, ...propsArray) {
 function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
   const eslintSourceCode = context.getSourceCode()
   const rootNode = options.applyDocument
-    ? context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
+    ? eslintSourceCode.parserServices.getDocumentFragment &&
+      eslintSourceCode.parserServices.getDocumentFragment()
     : eslintSourceCode.ast.templateBody
   /** @type {Token[] | null} */
   let tokensAndComments = null
@@ -427,9 +436,10 @@ module.exports = {
     } = options || {}
     return {
       create(context) {
+        const sourceCode = context.getSourceCode()
         const tokenStore =
-          context.parserServices.getTemplateBodyTokenStore &&
-          context.parserServices.getTemplateBodyTokenStore()
+          sourceCode.parserServices.getTemplateBodyTokenStore &&
+          sourceCode.parserServices.getTemplateBodyTokenStore()
 
         // The `context.getSourceCode()` cannot access the tokens of templates.
         // So override the methods which access to tokens by the `tokenStore`.
@@ -603,9 +613,9 @@ module.exports = {
     if (node.value.expression != null) {
       return false
     }
-
+    const sourceCode = context.getSourceCode()
     const valueNode = node.value
-    const tokenStore = context.parserServices.getTemplateBodyTokenStore()
+    const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore()
     let quote1 = null
     let quote2 = null
     // `node.value` may be only comments, so cannot get the correct tokens with `tokenStore.getTokens(node.value)`.
@@ -1606,6 +1616,7 @@ module.exports = {
      * @property {boolean} hasReturn
      * @property {boolean} hasReturnValue
      * @property {ArrowFunctionExpression | FunctionExpression | FunctionDeclaration} node
+     * @property {CodePathSegment[]} currentSegments
      */
 
     /** @type {FuncInfo | null} */
@@ -1615,10 +1626,7 @@ module.exports = {
       if (!funcInfo) {
         return true
       }
-      if (
-        funcInfo.codePath &&
-        funcInfo.codePath.currentSegments.some((segment) => segment.reachable)
-      ) {
+      if (funcInfo.currentSegments.some((segment) => segment.reachable)) {
         return false
       }
       return !treatUndefinedAsUnspecified || funcInfo.hasReturnValue
@@ -1637,6 +1645,7 @@ module.exports = {
         ) {
           funcInfo = {
             codePath,
+            currentSegments: [],
             funcInfo,
             hasReturn: false,
             hasReturnValue: false,
@@ -1644,6 +1653,12 @@ module.exports = {
           }
         }
       },
+      onCodePathSegmentStart(segment) {
+        funcInfo?.currentSegments.push(segment)
+      },
+      onCodePathSegmentEnd() {
+        funcInfo?.currentSegments.pop()
+      },
       onCodePathEnd() {
         funcInfo = funcInfo && funcInfo.funcInfo
       },
@@ -1821,7 +1836,7 @@ module.exports = {
       return false
     }
 
-    const variable = findVariable(context.getScope(), node)
+    const variable = findVariable(getScope(context, node), node)
 
     if (variable != null && variable.defs.length === 1) {
       const def = variable.defs[0]
@@ -2050,7 +2065,8 @@ function defineTemplateBodyVisitor(
   scriptVisitor,
   options
 ) {
-  if (context.parserServices.defineTemplateBodyVisitor == null) {
+  const sourceCode = context.getSourceCode()
+  if (sourceCode.parserServices.defineTemplateBodyVisitor == null) {
     const filename = context.getFilename()
     if (path.extname(filename) === '.vue') {
       context.report({
@@ -2061,7 +2077,7 @@ function defineTemplateBodyVisitor(
     }
     return {}
   }
-  return context.parserServices.defineTemplateBodyVisitor(
+  return sourceCode.parserServices.defineTemplateBodyVisitor(
     templateBodyVisitor,
     scriptVisitor,
     options
@@ -2078,7 +2094,8 @@ function defineTemplateBodyVisitor(
  * @returns {RuleListener} The merged visitor.
  */
 function defineDocumentVisitor(context, documentVisitor, options) {
-  if (context.parserServices.defineDocumentVisitor == null) {
+  const sourceCode = context.getSourceCode()
+  if (sourceCode.parserServices.defineDocumentVisitor == null) {
     const filename = context.getFilename()
     if (path.extname(filename) === '.vue') {
       context.report({
@@ -2089,7 +2106,10 @@ function defineDocumentVisitor(context, documentVisitor, options) {
     }
     return {}
   }
-  return context.parserServices.defineDocumentVisitor(documentVisitor, options)
+  return sourceCode.parserServices.defineDocumentVisitor(
+    documentVisitor,
+    options
+  )
 }
 
 /**
@@ -2134,33 +2154,6 @@ function findVariableByIdentifier(context, node) {
   return findVariable(getScope(context, node), node)
 }
 
-/**
- * Gets the scope for the current node
- * @param {RuleContext} context The rule context
- * @param {ESNode} currentNode The node to get the scope of
- * @returns { import('eslint').Scope.Scope } The scope information for this node
- */
-function getScope(context, currentNode) {
-  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
-  const inner = currentNode.type !== 'Program'
-  const scopeManager = context.getSourceCode().scopeManager
-
-  /** @type {ESNode | null} */
-  let node = currentNode
-  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
-    const scope = scopeManager.acquire(node, inner)
-
-    if (scope) {
-      if (scope.type === 'function-expression-name') {
-        return scope.childScopes[0]
-      }
-      return scope
-    }
-  }
-
-  return scopeManager.scopes[0]
-}
-
 /**
  * Finds the property with the given name from the given ObjectExpression node.
  * @param {ObjectExpression} node
@@ -2462,9 +2455,10 @@ function isScriptSetup(context) {
  * @returns {VElement | null} the element of `<script setup>`
  */
 function getScriptSetupElement(context) {
+  const sourceCode = context.getSourceCode()
   const df =
-    context.parserServices.getDocumentFragment &&
-    context.parserServices.getDocumentFragment()
+    sourceCode.parserServices.getDocumentFragment &&
+    sourceCode.parserServices.getDocumentFragment()
   if (!df) {
     return null
   }
@@ -2720,7 +2714,7 @@ function isSFCObject(context, node) {
         ) {
           return false
         }
-        const variable = findVariable(context.getScope(), parent.id)
+        const variable = findVariable(getScope(context, node), parent.id)
         if (!variable) {
           return false
         }
@@ -3181,7 +3175,7 @@ function getObjectOrArray(context, node) {
     return node
   }
   if (node.type === 'Identifier') {
-    const variable = findVariable(context.getScope(), node)
+    const variable = findVariable(getScope(context, node), node)
 
     if (variable != null && variable.defs.length === 1) {
       const def = variable.defs[0]
diff --git a/lib/utils/scope.js b/lib/utils/scope.js
new file mode 100644
index 000000000..bc34c6425
--- /dev/null
+++ b/lib/utils/scope.js
@@ -0,0 +1,30 @@
+module.exports = {
+  getScope
+}
+
+/**
+ * Gets the scope for the current node
+ * @param {RuleContext} context The rule context
+ * @param {ESNode} currentNode The node to get the scope of
+ * @returns { import('eslint').Scope.Scope } The scope information for this node
+ */
+function getScope(context, currentNode) {
+  // On Program node, get the outermost scope to avoid return Node.js special function scope or ES modules scope.
+  const inner = currentNode.type !== 'Program'
+  const scopeManager = context.getSourceCode().scopeManager
+
+  /** @type {ESNode | null} */
+  let node = currentNode
+  for (; node; node = /** @type {ESNode | null} */ (node.parent)) {
+    const scope = scopeManager.acquire(node, inner)
+
+    if (scope) {
+      if (scope.type === 'function-expression-name') {
+        return scope.childScopes[0]
+      }
+      return scope
+    }
+  }
+
+  return scopeManager.scopes[0]
+}
diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
index 841f72f55..66f224306 100644
--- a/lib/utils/style-variables/index.js
+++ b/lib/utils/style-variables/index.js
@@ -40,9 +40,10 @@ const cache = new WeakMap()
  * @returns {StyleVariablesContext | null}
  */
 function getStyleVariablesContext(context) {
+  const sourceCode = context.getSourceCode()
   const df =
-    context.parserServices.getDocumentFragment &&
-    context.parserServices.getDocumentFragment()
+    sourceCode.parserServices.getDocumentFragment &&
+    sourceCode.parserServices.getDocumentFragment()
   if (!df) {
     return null
   }
diff --git a/lib/utils/ts-utils/ts-ast.js b/lib/utils/ts-utils/ts-ast.js
index 3a7356a2a..ddbb9de05 100644
--- a/lib/utils/ts-utils/ts-ast.js
+++ b/lib/utils/ts-utils/ts-ast.js
@@ -1,3 +1,4 @@
+const { getScope } = require('../scope')
 const { findVariable } = require('@eslint-community/eslint-utils')
 const { inferRuntimeTypeFromTypeNode } = require('./ts-types')
 /**
@@ -279,7 +280,10 @@ function flattenTypeNodes(context, node) {
       node.typeName.type === 'Identifier'
     ) {
       const refName = node.typeName.name
-      const variable = findVariable(context.getScope(), refName)
+      const variable = findVariable(
+        getScope(context, /** @type {any} */ (node)),
+        refName
+      )
       if (variable && variable.defs.length === 1) {
         const defNode = /** @type {TSESTreeNode} */ (variable.defs[0].node)
         if (defNode.type === 'TSInterfaceDeclaration') {
@@ -372,7 +376,10 @@ function inferRuntimeType(context, node, checked = new Set()) {
     }
     case 'TSTypeReference': {
       if (node.typeName.type === 'Identifier') {
-        const variable = findVariable(context.getScope(), node.typeName.name)
+        const variable = findVariable(
+          getScope(context, /** @type {any} */ (node)),
+          node.typeName.name
+        )
         if (variable && variable.defs.length === 1) {
           const defNode = /** @type {TSESTreeNode} */ (variable.defs[0].node)
           if (defNode.type === 'TSInterfaceDeclaration') {
diff --git a/lib/utils/ts-utils/ts-types.js b/lib/utils/ts-utils/ts-types.js
index e684831e4..abb303862 100644
--- a/lib/utils/ts-utils/ts-types.js
+++ b/lib/utils/ts-utils/ts-types.js
@@ -45,14 +45,15 @@ module.exports = {
  * @returns {Services|null}
  */
 function getTSParserServices(context) {
-  const tsNodeMap = context.parserServices.esTreeNodeToTSNodeMap
+  const sourceCode = context.getSourceCode()
+  const tsNodeMap = sourceCode.parserServices.esTreeNodeToTSNodeMap
   if (!tsNodeMap) return null
   const hasFullTypeInformation =
-    context.parserServices.hasFullTypeInformation !== false
+    sourceCode.parserServices.hasFullTypeInformation !== false
   const checker =
     (hasFullTypeInformation &&
-      context.parserServices.program &&
-      context.parserServices.program.getTypeChecker()) ||
+      sourceCode.parserServices.program &&
+      sourceCode.parserServices.program.getTypeChecker()) ||
     null
   if (!checker) return null
   const ts = getTypeScript()

From 4eb3f50ea732193ef3a7d18d2a41c9355547abed Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 29 Nov 2023 23:00:42 +0900
Subject: [PATCH 0668/1010] Change stylistic rules for expressions in
 `<template>` to extend from ESLint Stylistic (#2330)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .circleci/config.yml                       |   9 +
 .github/workflows/CI.yml                   |  19 +-
 docs/.vitepress/config.mts                 |   4 +-
 docs/rules/array-bracket-newline.md        |  11 +-
 docs/rules/array-bracket-spacing.md        |  11 +-
 docs/rules/array-element-newline.md        |  15 +-
 docs/rules/arrow-spacing.md                |  11 +-
 docs/rules/block-spacing.md                |  11 +-
 docs/rules/brace-style.md                  |  11 +-
 docs/rules/comma-dangle.md                 |  11 +-
 docs/rules/comma-spacing.md                |  11 +-
 docs/rules/comma-style.md                  |  11 +-
 docs/rules/define-emits-declaration.md     |   1 -
 docs/rules/dot-location.md                 |  11 +-
 docs/rules/func-call-spacing.md            |  11 +-
 docs/rules/index.md                        |   4 +-
 docs/rules/key-spacing.md                  |  11 +-
 docs/rules/keyword-spacing.md              |  11 +-
 docs/rules/multiline-ternary.md            |  11 +-
 docs/rules/no-console.md                   |   2 +
 docs/rules/no-deprecated-slot-attribute.md |   2 +-
 docs/rules/no-extra-parens.md              |  13 +-
 docs/rules/object-curly-newline.md         |  11 +-
 docs/rules/object-curly-spacing.md         |  11 +-
 docs/rules/object-property-newline.md      |  11 +-
 docs/rules/operator-linebreak.md           |  11 +-
 docs/rules/quote-props.md                  |  11 +-
 docs/rules/space-in-parens.md              |  11 +-
 docs/rules/space-infix-ops.md              |  11 +-
 docs/rules/space-unary-ops.md              |  11 +-
 docs/rules/template-curly-spacing.md       |  11 +-
 lib/configs/no-layout-rules.js             |   1 +
 lib/rules/array-bracket-newline.js         |   4 +-
 lib/rules/array-bracket-spacing.js         |   4 +-
 lib/rules/array-element-newline.js         |   4 +-
 lib/rules/arrow-spacing.js                 |   4 +-
 lib/rules/block-spacing.js                 |   4 +-
 lib/rules/brace-style.js                   |   4 +-
 lib/rules/comma-dangle.js                  |   4 +-
 lib/rules/comma-spacing.js                 |   4 +-
 lib/rules/comma-style.js                   |  10 +-
 lib/rules/dot-location.js                  |   4 +-
 lib/rules/dot-notation.js                  |   4 +-
 lib/rules/func-call-spacing.js             |  17 +-
 lib/rules/key-spacing.js                   |   4 +-
 lib/rules/keyword-spacing.js               |   4 +-
 lib/rules/max-len.js                       |   6 +-
 lib/rules/multiline-ternary.js             |   4 +-
 lib/rules/no-console.js                    |   2 +-
 lib/rules/no-constant-condition.js         |   6 +-
 lib/rules/no-extra-parens.js               |   4 +-
 lib/rules/no-irregular-whitespace.js       |   6 +-
 lib/rules/object-curly-newline.js          |   4 +-
 lib/rules/object-curly-spacing.js          |   4 +-
 lib/rules/object-property-newline.js       |   4 +-
 lib/rules/operator-linebreak.js            |   4 +-
 lib/rules/quote-props.js                   |   4 +-
 lib/rules/space-in-parens.js               |   4 +-
 lib/rules/space-infix-ops.js               |   4 +-
 lib/rules/space-unary-ops.js               |   4 +-
 lib/rules/template-curly-spacing.js        |   4 +-
 lib/utils/index.js                         | 473 +++++++++++++--------
 package.json                               |   1 +
 tools/update-docs-rules-index.js           |   6 +-
 tools/update-docs.js                       |   4 +-
 65 files changed, 639 insertions(+), 296 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index cd2a71931..437c2d814 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -41,6 +41,9 @@ jobs:
           name: Versions
           command: npm version
       - checkout
+      - run:
+          name: Uninstall @stylistic/eslint-plugin
+          command: npm uninstall -D @stylistic/eslint-plugin
       - run:
           name: Install eslint@6
           command: |
@@ -59,6 +62,9 @@ jobs:
           name: Versions
           command: npm version
       - checkout
+      - run:
+          name: Uninstall @stylistic/eslint-plugin
+          command: npm uninstall -D @stylistic/eslint-plugin
       - run:
           name: Install eslint@7
           command: |
@@ -77,6 +83,9 @@ jobs:
           name: Versions
           command: npm version
       - checkout
+      - run:
+          name: Uninstall @stylistic/eslint-plugin
+          command: npm uninstall -D @stylistic/eslint-plugin
       - run:
           name: Install @typescript-eslint/parser@4 eslint@7 typescript@4.7
           command: |
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index afb8b9ad4..70e4dd7d3 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -48,7 +48,7 @@ jobs:
     steps:
     - name: Checkout
       uses: actions/checkout@v3
-    - name: Install Node.js v${{ matrix.node }}
+    - name: Install Node.js
       uses: actions/setup-node@v3
       with:
         node-version: 18
@@ -58,3 +58,20 @@ jobs:
       run: npm install -D @typescript-eslint/parser
     - name: Test
       run: npm test
+
+  test-for-eslint-v8-without-eslint-stylistic:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+    - name: Install Node.js
+      uses: actions/setup-node@v3
+    - name: Install Packages
+      run: npm install --legacy-peer-deps
+    - name: Uninstall @stylistic/eslint-plugin
+      run: npm uninstall -D @stylistic/eslint-plugin
+    - name: Install eslint v8
+      run: npm install -D eslint@8
+    - name: Test
+      run: npm test
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 0e1e21730..a086a2686 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -17,13 +17,13 @@ export default async () => {
   const uncategorizedRules = rules.filter(
     (rule) =>
       !rule.meta.docs.categories &&
-      !rule.meta.docs.extensionRule &&
+      !rule.meta.docs.extensionSource &&
       !rule.meta.deprecated
   )
   const uncategorizedExtensionRule = rules.filter(
     (rule) =>
       !rule.meta.docs.categories &&
-      rule.meta.docs.extensionRule &&
+      rule.meta.docs.extensionSource &&
       !rule.meta.deprecated
   )
   const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index e4f9000b4..5085b1da8 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -11,12 +11,19 @@ since: v7.1.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [array-bracket-newline] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/array-bracket-newline] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/array-bracket-newline]
 - [array-bracket-newline]
 
+[@stylistic/array-bracket-newline]: https://eslint.style/rules/default/array-bracket-newline
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.1.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/array-bracket-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/array-bracket-newline)</sup>
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index b0a8f2fae..f7042b413 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [array-bracket-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/array-bracket-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/array-bracket-spacing]
 - [array-bracket-spacing]
 
+[@stylistic/array-bracket-spacing]: https://eslint.style/rules/default/array-bracket-spacing
 [array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/array-bracket-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/array-bracket-spacing)</sup>
diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index c61790296..86cca4b4b 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -11,14 +11,25 @@ since: v9.9.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [array-element-newline] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/array-element-newline] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/array-element-newline]
+- [@stylistic/array-bracket-spacing]
+- [@stylistic/array-bracket-newline]
 - [array-bracket-spacing]
 - [array-bracket-newline]
 - [array-element-newline]
 
+[@stylistic/array-element-newline]: https://eslint.style/rules/default/array-element-newline
+[@stylistic/array-bracket-spacing]: https://eslint.style/rules/default/array-bracket-spacing
+[@stylistic/array-bracket-newline]: https://eslint.style/rules/default/array-bracket-newline
 [array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 [array-element-newline]: https://eslint.org/docs/rules/array-element-newline
@@ -32,4 +43,4 @@ This rule was introduced in eslint-plugin-vue v9.9.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-element-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-element-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/array-element-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/array-element-newline)</sup>
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 0c143d1c0..e8b746900 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [arrow-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/arrow-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/arrow-spacing]
 - [arrow-spacing]
 
+[@stylistic/arrow-spacing]: https://eslint.style/rules/default/arrow-spacing
 [arrow-spacing]: https://eslint.org/docs/rules/arrow-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/arrow-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/arrow-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/arrow-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/arrow-spacing)</sup>
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 33ca42660..a99ef40ee 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [block-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/block-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/block-spacing]
 - [block-spacing]
 
+[@stylistic/block-spacing]: https://eslint.style/rules/default/block-spacing
 [block-spacing]: https://eslint.org/docs/rules/block-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/block-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/block-spacing)</sup>
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 8b57aa6e3..904dc8e01 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [brace-style] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/brace-style] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/brace-style]
 - [brace-style]
 
+[@stylistic/brace-style]: https://eslint.style/rules/default/brace-style
 [brace-style]: https://eslint.org/docs/rules/brace-style
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/brace-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/brace-style.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/brace-style)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/brace-style)</sup>
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 135fde5ce..836d6fdae 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [comma-dangle] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/comma-dangle] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/comma-dangle]
 - [comma-dangle]
 
+[@stylistic/comma-dangle]: https://eslint.style/rules/default/comma-dangle
 [comma-dangle]: https://eslint.org/docs/rules/comma-dangle
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-dangle.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-dangle.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/comma-dangle)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/comma-dangle)</sup>
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index b5d7a726b..db9e10d9b 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [comma-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/comma-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/comma-spacing]
 - [comma-spacing]
 
+[@stylistic/comma-spacing]: https://eslint.style/rules/default/comma-spacing
 [comma-spacing]: https://eslint.org/docs/rules/comma-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/comma-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/comma-spacing)</sup>
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index c7ce08681..11eabdc68 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [comma-style] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/comma-style] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/comma-style]
 - [comma-style]
 
+[@stylistic/comma-style]: https://eslint.style/rules/default/comma-style
 [comma-style]: https://eslint.org/docs/rules/comma-style
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-style.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/comma-style)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/comma-style)</sup>
diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
index 7a11524c5..8c4cfa858 100644
--- a/docs/rules/define-emits-declaration.md
+++ b/docs/rules/define-emits-declaration.md
@@ -5,7 +5,6 @@ title: vue/define-emits-declaration
 description: enforce declaration style of `defineEmits`
 since: v9.5.0
 ---
-
 # vue/define-emits-declaration
 
 > enforce declaration style of `defineEmits`
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index cf4095d77..653ede291 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -11,12 +11,19 @@ since: v6.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [dot-location] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/dot-location] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/dot-location]
 - [dot-location]
 
+[@stylistic/dot-location]: https://eslint.style/rules/default/dot-location
 [dot-location]: https://eslint.org/docs/rules/dot-location
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-location.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-location.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/dot-location)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/dot-location)</sup>
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index c31a19fa6..a551a3796 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [func-call-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/function-call-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/function-call-spacing]
 - [func-call-spacing]
 
+[@stylistic/function-call-spacing]: https://eslint.style/rules/default/function-call-spacing
 [func-call-spacing]: https://eslint.org/docs/rules/func-call-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/func-call-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/func-call-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/func-call-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/function-call-spacing)</sup>
diff --git a/docs/rules/index.md b/docs/rules/index.md
index a7d3047a3..4e2c26dee 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -308,7 +308,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
 | [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
-| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` |  | :hammer: |
+| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` | :bulb: | :hammer: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
@@ -323,7 +323,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/object-shorthand](./object-shorthand.md) | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
 | [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
 | [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
-| [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :hammer: |
+| [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :lipstick: |
 | [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
 | [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
 | [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index c7ba77b2b..8b48d9c96 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [key-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/key-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/key-spacing]
 - [key-spacing]
 
+[@stylistic/key-spacing]: https://eslint.style/rules/default/key-spacing
 [key-spacing]: https://eslint.org/docs/rules/key-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/key-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/key-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/key-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/key-spacing)</sup>
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 907746b79..91a41022e 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -11,12 +11,19 @@ since: v6.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [keyword-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/keyword-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/keyword-spacing]
 - [keyword-spacing]
 
+[@stylistic/keyword-spacing]: https://eslint.style/rules/default/keyword-spacing
 [keyword-spacing]: https://eslint.org/docs/rules/keyword-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/keyword-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/keyword-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/keyword-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/keyword-spacing)</sup>
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index d9d9d2083..27879e557 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -11,7 +11,12 @@ since: v9.7.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
+This rule is the same rule as [@stylistic/multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :book: Rule Details
 
@@ -47,8 +52,10 @@ div {
 
 ## :books: Further Reading
 
+- [@stylistic/multiline-ternary]
 - [multiline-ternary]
 
+[@stylistic/multiline-ternary]: https://eslint.style/rules/default/multiline-ternary
 [multiline-ternary]: https://eslint.org/docs/rules/multiline-ternary
 
 ## :rocket: Version
@@ -60,4 +67,4 @@ This rule was introduced in eslint-plugin-vue v9.7.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-ternary.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/multiline-ternary.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/multiline-ternary)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/multiline-ternary)</sup>
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
index 9b9a810b8..c99334d62 100644
--- a/docs/rules/no-console.md
+++ b/docs/rules/no-console.md
@@ -9,6 +9,8 @@ since: v9.15.0
 
 > Disallow the use of `console` in `<template>`
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index afe02f830..ef3ba8841 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -51,7 +51,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 ### `"ignore": ["my-component"]`
 
-<eslint-code-block :rules="{'vue/no-dupe-keys': ['error', {ignore: ['my-component']}]}">
+<eslint-code-block fix :rules="{'vue/no-dupe-keys': ['error', {ignore: ['my-component']}]}">
 
 ```vue
 <template>
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 8abe90ffe..c3522f24f 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -11,12 +11,17 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [no-extra-parens] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/no-extra-parens] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :book: Rule Details
 
 This rule restricts the use of parentheses to only where they are necessary.  
-This rule extends the core [no-extra-parens] rule and applies it to the `<template>`. This rule also checks some Vue.js syntax.
+This rule extends the [@stylistic/no-extra-parens] rule and applies it to the `<template>`. This rule also checks some Vue.js syntax.
 
 <eslint-code-block fix :rules="{'vue/no-extra-parens': ['error']}">
 
@@ -37,8 +42,10 @@ This rule extends the core [no-extra-parens] rule and applies it to the `<templa
 
 ## :books: Further Reading
 
+- [@stylistic/no-extra-parens]
 - [no-extra-parens]
 
+[@stylistic/no-extra-parens]: https://eslint.style/rules/default/no-extra-parens
 [no-extra-parens]: https://eslint.org/docs/rules/no-extra-parens
 
 ## :rocket: Version
@@ -50,4 +57,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-extra-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-extra-parens.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-extra-parens)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/no-extra-parens)</sup>
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index cf98b0922..efce96ffd 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [object-curly-newline] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/object-curly-newline] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/object-curly-newline]
 - [object-curly-newline]
 
+[@stylistic/object-curly-newline]: https://eslint.style/rules/default/object-curly-newline
 [object-curly-newline]: https://eslint.org/docs/rules/object-curly-newline
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-curly-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/object-curly-newline)</sup>
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index 926ebfb73..ed5a13c0c 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [object-curly-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/object-curly-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/object-curly-spacing]
 - [object-curly-spacing]
 
+[@stylistic/object-curly-spacing]: https://eslint.style/rules/default/object-curly-spacing
 [object-curly-spacing]: https://eslint.org/docs/rules/object-curly-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-curly-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/object-curly-spacing)</sup>
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index b294c3fc4..054248113 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [object-property-newline] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/object-property-newline] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/object-property-newline]
 - [object-property-newline]
 
+[@stylistic/object-property-newline]: https://eslint.style/rules/default/object-property-newline
 [object-property-newline]: https://eslint.org/docs/rules/object-property-newline
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-property-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-property-newline.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/object-property-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/object-property-newline)</sup>
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index a10765f9a..49c2b785a 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [operator-linebreak] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/operator-linebreak] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/operator-linebreak]
 - [operator-linebreak]
 
+[@stylistic/operator-linebreak]: https://eslint.style/rules/default/operator-linebreak
 [operator-linebreak]: https://eslint.org/docs/rules/operator-linebreak
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/operator-linebreak.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/operator-linebreak.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/operator-linebreak)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/operator-linebreak)</sup>
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index 7c280a6e1..5aa9614af 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -11,12 +11,19 @@ since: v8.4.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [quote-props] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/quote-props] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/quote-props]
 - [quote-props]
 
+[@stylistic/quote-props]: https://eslint.style/rules/default/quote-props
 [quote-props]: https://eslint.org/docs/rules/quote-props
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v8.4.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quote-props.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quote-props.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/quote-props)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/quote-props)</sup>
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index 0d3135f5f..872499156 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [space-in-parens] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/space-in-parens] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/space-in-parens]
 - [space-in-parens]
 
+[@stylistic/space-in-parens]: https://eslint.style/rules/default/space-in-parens
 [space-in-parens]: https://eslint.org/docs/rules/space-in-parens
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-in-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-in-parens.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/space-in-parens)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/space-in-parens)</sup>
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index be10d0dca..1bbc129b1 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [space-infix-ops] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/space-infix-ops] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/space-infix-ops]
 - [space-infix-ops]
 
+[@stylistic/space-infix-ops]: https://eslint.style/rules/default/space-infix-ops
 [space-infix-ops]: https://eslint.org/docs/rules/space-infix-ops
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-infix-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-infix-ops.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/space-infix-ops)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/space-infix-ops)</sup>
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 1d038588e..1e0efca24 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -11,12 +11,19 @@ since: v5.2.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [space-unary-ops] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/space-unary-ops] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/space-unary-ops]
 - [space-unary-ops]
 
+[@stylistic/space-unary-ops]: https://eslint.style/rules/default/space-unary-ops
 [space-unary-ops]: https://eslint.org/docs/rules/space-unary-ops
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-unary-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-unary-ops.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/space-unary-ops)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/space-unary-ops)</sup>
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index e1ca61905..92ca7dd98 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -11,12 +11,19 @@ since: v7.0.0
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [template-curly-spacing] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as [@stylistic/template-curly-spacing] rule but it applies to the expressions in `<template>`.
+
+This rule extends the rule that [@stylistic/eslint-plugin] has, but if [@stylistic/eslint-plugin] is not installed, this rule extracts and extends the same rule from ESLint core.
+However, if neither is found, the rule cannot be used.
+
+[@stylistic/eslint-plugin]: https://eslint.style/packages/default
 
 ## :books: Further Reading
 
+- [@stylistic/template-curly-spacing]
 - [template-curly-spacing]
 
+[@stylistic/template-curly-spacing]: https://eslint.style/rules/default/template-curly-spacing
 [template-curly-spacing]: https://eslint.org/docs/rules/template-curly-spacing
 
 ## :rocket: Version
@@ -28,4 +35,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/template-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/template-curly-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/template-curly-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/template-curly-spacing)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 59880b846..886f85d53 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -45,6 +45,7 @@ module.exports = {
     'vue/padding-line-between-blocks': 'off',
     'vue/padding-line-between-tags': 'off',
     'vue/padding-lines-in-component-definition': 'off',
+    'vue/quote-props': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/space-in-parens': 'off',
diff --git a/lib/rules/array-bracket-newline.js b/lib/rules/array-bracket-newline.js
index d12dadd46..d512bdfa9 100644
--- a/lib/rules/array-bracket-newline.js
+++ b/lib/rules/array-bracket-newline.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('array-bracket-newline', {
+module.exports = wrapStylisticOrCoreRule('array-bracket-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/array-bracket-spacing.js b/lib/rules/array-bracket-spacing.js
index bf5310723..779eb270f 100644
--- a/lib/rules/array-bracket-spacing.js
+++ b/lib/rules/array-bracket-spacing.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('array-bracket-spacing', {
+module.exports = wrapStylisticOrCoreRule('array-bracket-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/array-element-newline.js b/lib/rules/array-element-newline.js
index 17c682cd4..b7af8b7e1 100644
--- a/lib/rules/array-element-newline.js
+++ b/lib/rules/array-element-newline.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('array-element-newline', {
+module.exports = wrapStylisticOrCoreRule('array-element-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/arrow-spacing.js b/lib/rules/arrow-spacing.js
index dbacb0e16..f6d5bced5 100644
--- a/lib/rules/arrow-spacing.js
+++ b/lib/rules/arrow-spacing.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('arrow-spacing')
+module.exports = wrapStylisticOrCoreRule('arrow-spacing')
diff --git a/lib/rules/block-spacing.js b/lib/rules/block-spacing.js
index 9d1d46fe5..37c526e91 100644
--- a/lib/rules/block-spacing.js
+++ b/lib/rules/block-spacing.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('block-spacing', {
+module.exports = wrapStylisticOrCoreRule('block-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/brace-style.js b/lib/rules/brace-style.js
index 57a8db01d..507f5e101 100644
--- a/lib/rules/brace-style.js
+++ b/lib/rules/brace-style.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('brace-style', {
+module.exports = wrapStylisticOrCoreRule('brace-style', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/comma-dangle.js b/lib/rules/comma-dangle.js
index fe10e2326..760611cfa 100644
--- a/lib/rules/comma-dangle.js
+++ b/lib/rules/comma-dangle.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('comma-dangle')
+module.exports = wrapStylisticOrCoreRule('comma-dangle')
diff --git a/lib/rules/comma-spacing.js b/lib/rules/comma-spacing.js
index 603c68b87..4be3bc85a 100644
--- a/lib/rules/comma-spacing.js
+++ b/lib/rules/comma-spacing.js
@@ -3,10 +3,10 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('comma-spacing', {
+module.exports = wrapStylisticOrCoreRule('comma-spacing', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true,
   applyDocument: true
diff --git a/lib/rules/comma-style.js b/lib/rules/comma-style.js
index 94afcb409..815bd23be 100644
--- a/lib/rules/comma-style.js
+++ b/lib/rules/comma-style.js
@@ -3,16 +3,16 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('comma-style', {
-  create(_context, { coreHandlers }) {
+module.exports = wrapStylisticOrCoreRule('comma-style', {
+  create(_context, { baseHandlers }) {
     return {
       VSlotScopeExpression(node) {
-        if (coreHandlers.FunctionExpression) {
+        if (baseHandlers.FunctionExpression) {
           // @ts-expect-error -- Process params of VSlotScopeExpression as FunctionExpression.
-          coreHandlers.FunctionExpression(node)
+          baseHandlers.FunctionExpression(node)
         }
       }
     }
diff --git a/lib/rules/dot-location.js b/lib/rules/dot-location.js
index 61a817172..fac27af0c 100644
--- a/lib/rules/dot-location.js
+++ b/lib/rules/dot-location.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('dot-location')
+module.exports = wrapStylisticOrCoreRule('dot-location')
diff --git a/lib/rules/dot-notation.js b/lib/rules/dot-notation.js
index 7638a5982..684f34797 100644
--- a/lib/rules/dot-notation.js
+++ b/lib/rules/dot-notation.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('dot-notation', {
+module.exports = wrapStylisticOrCoreRule('dot-notation', {
   applyDocument: true
 })
diff --git a/lib/rules/func-call-spacing.js b/lib/rules/func-call-spacing.js
index 3a3368713..c09f7b088 100644
--- a/lib/rules/func-call-spacing.js
+++ b/lib/rules/func-call-spacing.js
@@ -3,10 +3,17 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('func-call-spacing', {
-  skipDynamicArguments: true,
-  applyDocument: true
-})
+module.exports = wrapStylisticOrCoreRule(
+  {
+    core: 'func-call-spacing',
+    stylistic: 'function-call-spacing',
+    vue: 'func-call-spacing'
+  },
+  {
+    skipDynamicArguments: true,
+    applyDocument: true
+  }
+)
diff --git a/lib/rules/key-spacing.js b/lib/rules/key-spacing.js
index cb703829c..a70a81420 100644
--- a/lib/rules/key-spacing.js
+++ b/lib/rules/key-spacing.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('key-spacing', {
+module.exports = wrapStylisticOrCoreRule('key-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/keyword-spacing.js b/lib/rules/keyword-spacing.js
index a6336f4e6..9cb4fd3fc 100644
--- a/lib/rules/keyword-spacing.js
+++ b/lib/rules/keyword-spacing.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('keyword-spacing', {
+module.exports = wrapStylisticOrCoreRule('keyword-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 9347ea78b..0492aa42a 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -173,8 +173,10 @@ module.exports = {
       description: 'enforce a maximum line length in `.vue` files',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/max-len.html',
-      extensionRule: true,
-      coreRuleUrl: 'https://eslint.org/docs/rules/max-len'
+      extensionSource: {
+        url: 'https://eslint.org/docs/rules/max-len',
+        name: 'ESLint core'
+      }
     },
 
     schema: [
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
index 82764507b..84691627e 100644
--- a/lib/rules/multiline-ternary.js
+++ b/lib/rules/multiline-ternary.js
@@ -4,10 +4,10 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('multiline-ternary', {
+module.exports = wrapStylisticOrCoreRule('multiline-ternary', {
   skipDynamicArguments: true,
   applyDocument: true
 })
diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
index c523c4338..caabebc4d 100644
--- a/lib/rules/no-console.js
+++ b/lib/rules/no-console.js
@@ -8,7 +8,7 @@ const utils = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
 module.exports = utils.wrapCoreRule('no-console', {
-  skipCoreHandlers: true,
+  skipBaseHandlers: true,
   create(context) {
     const options = context.options[0] || {}
     const allowed = options.allow || []
diff --git a/lib/rules/no-constant-condition.js b/lib/rules/no-constant-condition.js
index d7c19a754..fc7e83946 100644
--- a/lib/rules/no-constant-condition.js
+++ b/lib/rules/no-constant-condition.js
@@ -9,16 +9,16 @@ const conditionalDirectiveNames = new Set(['v-show', 'v-if', 'v-else-if'])
 
 // eslint-disable-next-line internal/no-invalid-meta
 module.exports = wrapCoreRule('no-constant-condition', {
-  create(_context, { coreHandlers }) {
+  create(_context, { baseHandlers }) {
     return {
       VDirectiveKey(node) {
         if (
           conditionalDirectiveNames.has(`v-${node.name.name}`) &&
           node.parent.value &&
           node.parent.value.expression &&
-          coreHandlers.IfStatement
+          baseHandlers.IfStatement
         ) {
-          coreHandlers.IfStatement({
+          baseHandlers.IfStatement({
             // @ts-expect-error -- Process expression of VExpressionContainer as IfStatement.
             test: node.parent.value.expression
           })
diff --git a/lib/rules/no-extra-parens.js b/lib/rules/no-extra-parens.js
index afd0e061b..4cc13b5c7 100644
--- a/lib/rules/no-extra-parens.js
+++ b/lib/rules/no-extra-parens.js
@@ -4,11 +4,11 @@
 'use strict'
 
 const { isParenthesized } = require('@eslint-community/eslint-utils')
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('no-extra-parens', {
+module.exports = wrapStylisticOrCoreRule('no-extra-parens', {
   skipDynamicArguments: true,
   applyDocument: true,
   create: createForVueSyntax
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index 132dc4205..8d3f59c9e 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -21,8 +21,10 @@ module.exports = {
       description: 'disallow irregular whitespace in `.vue` files',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-irregular-whitespace.html',
-      extensionRule: true,
-      coreRuleUrl: 'https://eslint.org/docs/rules/no-irregular-whitespace'
+      extensionSource: {
+        url: 'https://eslint.org/docs/rules/no-irregular-whitespace',
+        name: 'ESLint core'
+      }
     },
 
     schema: [
diff --git a/lib/rules/object-curly-newline.js b/lib/rules/object-curly-newline.js
index f422abe2b..e3b5e38f3 100644
--- a/lib/rules/object-curly-newline.js
+++ b/lib/rules/object-curly-newline.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('object-curly-newline', {
+module.exports = wrapStylisticOrCoreRule('object-curly-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-curly-spacing.js b/lib/rules/object-curly-spacing.js
index c48272996..dc69d315a 100644
--- a/lib/rules/object-curly-spacing.js
+++ b/lib/rules/object-curly-spacing.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('object-curly-spacing', {
+module.exports = wrapStylisticOrCoreRule('object-curly-spacing', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/object-property-newline.js b/lib/rules/object-property-newline.js
index 981c73787..a23e90813 100644
--- a/lib/rules/object-property-newline.js
+++ b/lib/rules/object-property-newline.js
@@ -3,9 +3,9 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('object-property-newline', {
+module.exports = wrapStylisticOrCoreRule('object-property-newline', {
   skipDynamicArguments: true
 })
diff --git a/lib/rules/operator-linebreak.js b/lib/rules/operator-linebreak.js
index 1383737fc..e00465d2d 100644
--- a/lib/rules/operator-linebreak.js
+++ b/lib/rules/operator-linebreak.js
@@ -3,7 +3,7 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('operator-linebreak')
+module.exports = wrapStylisticOrCoreRule('operator-linebreak')
diff --git a/lib/rules/quote-props.js b/lib/rules/quote-props.js
index 160eee09a..ded792e08 100644
--- a/lib/rules/quote-props.js
+++ b/lib/rules/quote-props.js
@@ -4,10 +4,10 @@
  */
 'use strict'
 
-const { wrapCoreRule, flatten } = require('../utils')
+const { wrapStylisticOrCoreRule, flatten } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('quote-props', {
+module.exports = wrapStylisticOrCoreRule('quote-props', {
   skipDynamicArguments: true,
   preprocess(context, { wrapContextToOverrideProperties, defineVisitor }) {
     const sourceCode = context.getSourceCode()
diff --git a/lib/rules/space-in-parens.js b/lib/rules/space-in-parens.js
index 203ee015d..0d8791421 100644
--- a/lib/rules/space-in-parens.js
+++ b/lib/rules/space-in-parens.js
@@ -3,10 +3,10 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('space-in-parens', {
+module.exports = wrapStylisticOrCoreRule('space-in-parens', {
   skipDynamicArguments: true,
   skipDynamicArgumentsReport: true,
   applyDocument: true
diff --git a/lib/rules/space-infix-ops.js b/lib/rules/space-infix-ops.js
index 610abc84e..0dc858bbb 100644
--- a/lib/rules/space-infix-ops.js
+++ b/lib/rules/space-infix-ops.js
@@ -3,10 +3,10 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('space-infix-ops', {
+module.exports = wrapStylisticOrCoreRule('space-infix-ops', {
   skipDynamicArguments: true,
   applyDocument: true
 })
diff --git a/lib/rules/space-unary-ops.js b/lib/rules/space-unary-ops.js
index 8a0b90185..a4e7847e2 100644
--- a/lib/rules/space-unary-ops.js
+++ b/lib/rules/space-unary-ops.js
@@ -3,10 +3,10 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('space-unary-ops', {
+module.exports = wrapStylisticOrCoreRule('space-unary-ops', {
   skipDynamicArguments: true,
   applyDocument: true
 })
diff --git a/lib/rules/template-curly-spacing.js b/lib/rules/template-curly-spacing.js
index cbc4275ce..e215108e9 100644
--- a/lib/rules/template-curly-spacing.js
+++ b/lib/rules/template-curly-spacing.js
@@ -3,10 +3,10 @@
  */
 'use strict'
 
-const { wrapCoreRule } = require('../utils')
+const { wrapStylisticOrCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('template-curly-spacing', {
+module.exports = wrapStylisticOrCoreRule('template-curly-spacing', {
   skipDynamicArguments: true,
   applyDocument: true
 })
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 9bfef3577..838d14f6d 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -74,6 +74,8 @@ const componentComments = new WeakMap()
 
 /** @type { Map<string, RuleModule> | null } */
 let coreRuleMap = null
+/** @type { Map<string, RuleModule> } */
+const stylisticRuleMap = new Map()
 /**
  * Get the core rule implementation from the rule name
  * @param {string} name
@@ -91,6 +93,41 @@ function getCoreRule(name) {
   const { builtinRules } = require('eslint/use-at-your-own-risk')
   return /** @type {any} */ (builtinRules.get(name) || null)
 }
+/**
+ * Get ESLint Stylistic rule implementation from the rule name
+ * @param {string} name
+ * @param {'@stylistic/eslint-plugin' | '@stylistic/eslint-plugin-ts' | '@stylistic/eslint-plugin-js'} [preferModule]
+ * @returns {RuleModule | null}
+ */
+function getStylisticRule(name, preferModule) {
+  if (!preferModule) {
+    const cached = stylisticRuleMap.get(name)
+    if (cached) {
+      return cached
+    }
+  }
+  const stylisticPluginNames = [
+    '@stylistic/eslint-plugin',
+    '@stylistic/eslint-plugin-ts',
+    '@stylistic/eslint-plugin-js'
+  ]
+  if (preferModule) {
+    stylisticPluginNames.unshift(preferModule)
+  }
+  for (const stylisticPluginName of stylisticPluginNames) {
+    try {
+      const plugin = createRequire(`${process.cwd()}/__placeholder__.js`)(
+        stylisticPluginName
+      )
+      const rule = plugin?.rules?.[name]
+      if (!preferModule) stylisticRuleMap.set(name, rule)
+      return rule
+    } catch {
+      // ignore
+    }
+  }
+  return null
+}
 
 /**
  * @template {object} T
@@ -335,6 +372,267 @@ function wrapContextToOverrideReportMethodToSkipDynamicArgument(context) {
   })
 }
 
+/**
+ * @callback WrapRuleCreate
+ * @param {RuleContext} ruleContext
+ * @param {WrapRuleCreateContext} wrapContext
+ * @returns {TemplateListener}
+ *
+ * @typedef {object} WrapRuleCreateContext
+ * @property {RuleListener} baseHandlers
+ */
+/**
+ * @callback WrapRulePreprocess
+ * @param {RuleContext} ruleContext
+ * @param {WrapRulePreprocessContext} wrapContext
+ * @returns {void}
+ *
+ * @typedef {object} WrapRulePreprocessContext
+ * @property { (override: Partial<RuleContext>) => RuleContext } wrapContextToOverrideProperties Wrap the rule context object to override
+ * @property { (visitor: TemplateListener) => void } defineVisitor Define template body visitor
+ */
+/**
+ * @typedef {object} WrapRuleOptions
+ * @property {string[]} [categories] The categories of this rule.
+ * @property {boolean} [skipDynamicArguments] If `true`, skip validation within dynamic arguments.
+ * @property {boolean} [skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
+ * @property {boolean} [applyDocument] If `true`, apply check to document fragment.
+ * @property {boolean} [skipBaseHandlers] If `true`, skip base rule handlers.
+ * @property {WrapRulePreprocess} [preprocess] Preprocess to calling create of base rule.
+ * @property {WrapRuleCreate} [create] If define, extend base rule.
+ */
+/**
+ * Wrap a given core rule to apply it to Vue.js template.
+ * @param {string} coreRuleName The name of the core rule implementation to wrap.
+ * @param {WrapRuleOptions} [options] The option of this rule.
+ * @returns {RuleModule} The wrapped rule implementation.
+ */
+function wrapCoreRule(coreRuleName, options) {
+  const coreRule = getCoreRule(coreRuleName)
+  if (!coreRule) {
+    return {
+      meta: {
+        type: 'problem',
+        docs: {
+          url: `https://eslint.vuejs.org/rules/${coreRuleName}.html`
+        }
+      },
+      create(context) {
+        return defineTemplateBodyVisitor(context, {
+          "VElement[name='template'][parent.type='VDocumentFragment']"(node) {
+            context.report({
+              node,
+              message: `Failed to extend ESLint core rule "${coreRuleName}". You may be able to use this rule by upgrading the version of ESLint. If you cannot upgrade it, turn off this rule.`
+            })
+          }
+        })
+      }
+    }
+  }
+  const rule = wrapRuleModule(coreRule, coreRuleName, options)
+  const meta = {
+    ...rule.meta,
+    docs: {
+      ...rule.meta.docs,
+      extensionSource: {
+        url: coreRule.meta.docs.url,
+        name: 'ESLint core'
+      }
+    }
+  }
+  return {
+    ...rule,
+    meta
+  }
+}
+/**
+ * @typedef {object} RuleNames
+ * @property {string} core The name of the core rule implementation to wrap.
+ * @property {string} stylistic The name of ESLint Stylistic rule implementation to wrap.
+ * @property {string} vue The name of the wrapped rule
+ */
+/**
+ * Wrap a core rule or ESLint Stylistic rule to apply it to Vue.js template.
+ * @param {RuleNames|string} ruleNames The names of the rule implementation to wrap.
+ * @param {WrapRuleOptions} [options] The option of this rule.
+ * @returns {RuleModule} The wrapped rule implementation.
+ */
+function wrapStylisticOrCoreRule(ruleNames, options) {
+  const stylisticRuleName =
+    typeof ruleNames === 'string' ? ruleNames : ruleNames.stylistic
+  const coreRuleName =
+    typeof ruleNames === 'string' ? ruleNames : ruleNames.core
+  const vueRuleName = typeof ruleNames === 'string' ? ruleNames : ruleNames.vue
+  const stylisticRule = getStylisticRule(stylisticRuleName)
+  const baseRule = stylisticRule || getCoreRule(coreRuleName)
+  if (!baseRule) {
+    return {
+      meta: {
+        type: 'problem',
+        docs: {
+          url: `https://eslint.vuejs.org/rules/${vueRuleName}.html`
+        }
+      },
+      create(context) {
+        return defineTemplateBodyVisitor(context, {
+          "VElement[name='template'][parent.type='VDocumentFragment']"(node) {
+            context.report({
+              node,
+              message: `Failed to extend ESLint Stylistic rule "${stylisticRule}". You may be able to use this rule by installing ESLint Stylistic plugin (https://eslint.style/). If you cannot install it, turn off this rule.`
+            })
+          }
+        })
+      }
+    }
+  }
+  const rule = wrapRuleModule(baseRule, vueRuleName, options)
+  const jsRule = getStylisticRule(
+    stylisticRuleName,
+    '@stylistic/eslint-plugin-js'
+  )
+  const description = stylisticRule
+    ? `${jsRule?.meta.docs.description} in \`<template>\``
+    : rule.meta.docs.description
+  const meta = {
+    ...rule.meta,
+    docs: {
+      ...rule.meta.docs,
+      description,
+      extensionSource: {
+        url: baseRule.meta.docs.url,
+        name: stylisticRule ? 'ESLint Stylistic' : 'ESLint core'
+      }
+    },
+    deprecated: undefined,
+    replacedBy: undefined
+  }
+  return {
+    ...rule,
+    meta
+  }
+}
+/**
+ * Wrap a given rule to apply it to Vue.js template.
+ * @param {RuleModule} baseRule The rule implementation to wrap.
+ * @param {string} ruleName The name of the wrapped rule.
+ * @param {WrapRuleOptions} [options] The option of this rule.
+ * @returns {RuleModule} The wrapped rule implementation.
+ */
+function wrapRuleModule(baseRule, ruleName, options) {
+  let description = baseRule.meta.docs.description
+  if (description) {
+    description += ' in `<template>`'
+  }
+
+  const {
+    categories,
+    skipDynamicArguments,
+    skipDynamicArgumentsReport,
+    skipBaseHandlers,
+    applyDocument,
+    preprocess,
+    create
+  } = options || {}
+  return {
+    create(context) {
+      const sourceCode = context.getSourceCode()
+      const tokenStore =
+        sourceCode.parserServices.getTemplateBodyTokenStore &&
+        sourceCode.parserServices.getTemplateBodyTokenStore()
+
+      // The `context.getSourceCode()` cannot access the tokens of templates.
+      // So override the methods which access to tokens by the `tokenStore`.
+      if (tokenStore) {
+        context = wrapContextToOverrideTokenMethods(context, tokenStore, {
+          applyDocument
+        })
+      }
+
+      if (skipDynamicArgumentsReport) {
+        context =
+          wrapContextToOverrideReportMethodToSkipDynamicArgument(context)
+      }
+
+      /** @type {TemplateListener} */
+      const handlers = {}
+
+      if (preprocess) {
+        preprocess(context, {
+          wrapContextToOverrideProperties(override) {
+            context = newProxy(context, override)
+            return context
+          },
+          defineVisitor(visitor) {
+            compositingVisitors(handlers, visitor)
+          }
+        })
+      }
+
+      const baseHandlers = baseRule.create(context)
+      if (!skipBaseHandlers) {
+        compositingVisitors(handlers, baseHandlers)
+      }
+
+      // Move `Program` handlers to `VElement[parent.type!='VElement']`
+      if (handlers.Program) {
+        handlers[
+          applyDocument
+            ? 'VDocumentFragment'
+            : "VElement[parent.type!='VElement']"
+        ] = /** @type {any} */ (handlers.Program)
+        delete handlers.Program
+      }
+      if (handlers['Program:exit']) {
+        handlers[
+          applyDocument
+            ? 'VDocumentFragment:exit'
+            : "VElement[parent.type!='VElement']:exit"
+        ] = /** @type {any} */ (handlers['Program:exit'])
+        delete handlers['Program:exit']
+      }
+
+      if (skipDynamicArguments) {
+        let withinDynamicArguments = false
+        for (const name of Object.keys(handlers)) {
+          const original = handlers[name]
+          /** @param {any[]} args */
+          handlers[name] = (...args) => {
+            if (withinDynamicArguments) return
+            // @ts-expect-error
+            original(...args)
+          }
+        }
+        handlers['VDirectiveKey > VExpressionContainer'] = () => {
+          withinDynamicArguments = true
+        }
+        handlers['VDirectiveKey > VExpressionContainer:exit'] = () => {
+          withinDynamicArguments = false
+        }
+      }
+
+      if (create) {
+        compositingVisitors(handlers, create(context, { baseHandlers }))
+      }
+
+      if (applyDocument) {
+        // Apply the handlers to document.
+        return defineDocumentVisitor(context, handlers)
+      }
+      // Apply the handlers to templates.
+      return defineTemplateBodyVisitor(context, handlers)
+    },
+
+    meta: Object.assign({}, baseRule.meta, {
+      docs: Object.assign({}, baseRule.meta.docs, {
+        description,
+        category: null,
+        categories,
+        url: `https://eslint.vuejs.org/rules/${ruleName}.html`
+      })
+    })
+  }
+}
+
 // ------------------------------------------------------------------------------
 // Exports
 // ------------------------------------------------------------------------------
@@ -364,179 +662,12 @@ module.exports = {
    * @returns {RuleListener} The merged visitor.
    */
   defineDocumentVisitor,
-
-  /**
-   * @callback WrapCoreRuleCreate
-   * @param {RuleContext} ruleContext
-   * @param {WrapCoreRuleCreateContext} wrapContext
-   * @returns {TemplateListener}
-   *
-   * @typedef {object} WrapCoreRuleCreateContext
-   * @property {RuleListener} coreHandlers
-   */
-  /**
-   * @callback WrapCoreRulePreprocess
-   * @param {RuleContext} ruleContext
-   * @param {WrapCoreRulePreprocessContext} wrapContext
-   * @returns {void}
-   *
-   * @typedef {object} WrapCoreRulePreprocessContext
-   * @property { (override: Partial<RuleContext>) => RuleContext } wrapContextToOverrideProperties Wrap the rule context object to override
-   * @property { (visitor: TemplateListener) => void } defineVisitor Define template body visitor
-   */
   /**
    * Wrap a given core rule to apply it to Vue.js template.
-   * @param {string} coreRuleName The name of the core rule implementation to wrap.
-   * @param {Object} [options] The option of this rule.
-   * @param {string[]} [options.categories] The categories of this rule.
-   * @param {boolean} [options.skipDynamicArguments] If `true`, skip validation within dynamic arguments.
-   * @param {boolean} [options.skipDynamicArgumentsReport] If `true`, skip report within dynamic arguments.
-   * @param {boolean} [options.applyDocument] If `true`, apply check to document fragment.
-   * @param {boolean} [options.skipCoreHandlers] If `true`, skip core handlers.
-   * @param {WrapCoreRulePreprocess} [options.preprocess] Preprocess to calling create of core rule.
-   * @param {WrapCoreRuleCreate} [options.create] If define, extend core rule.
-   * @returns {RuleModule} The wrapped rule implementation.
-   */
-  wrapCoreRule(coreRuleName, options) {
-    const coreRule = getCoreRule(coreRuleName)
-    if (!coreRule) {
-      return {
-        meta: {
-          type: 'problem',
-          docs: {
-            url: `https://eslint.vuejs.org/rules/${coreRuleName}.html`
-          }
-        },
-        create(context) {
-          return defineTemplateBodyVisitor(context, {
-            "VElement[name='template'][parent.type='VDocumentFragment']"(node) {
-              context.report({
-                node,
-                message: `Failed to extend ESLint core rule "${coreRuleName}". You may be able to use this rule by upgrading the version of ESLint. If you cannot upgrade it, turn off this rule.`
-              })
-            }
-          })
-        }
-      }
-    }
-
-    let description = coreRule.meta.docs.description
-    if (description) {
-      description += ' in `<template>`'
-    }
-
-    const {
-      categories,
-      skipDynamicArguments,
-      skipDynamicArgumentsReport,
-      skipCoreHandlers,
-      applyDocument,
-      preprocess,
-      create
-    } = options || {}
-    return {
-      create(context) {
-        const sourceCode = context.getSourceCode()
-        const tokenStore =
-          sourceCode.parserServices.getTemplateBodyTokenStore &&
-          sourceCode.parserServices.getTemplateBodyTokenStore()
-
-        // The `context.getSourceCode()` cannot access the tokens of templates.
-        // So override the methods which access to tokens by the `tokenStore`.
-        if (tokenStore) {
-          context = wrapContextToOverrideTokenMethods(context, tokenStore, {
-            applyDocument
-          })
-        }
-
-        if (skipDynamicArgumentsReport) {
-          context =
-            wrapContextToOverrideReportMethodToSkipDynamicArgument(context)
-        }
-
-        /** @type {TemplateListener} */
-        const handlers = {}
-
-        if (preprocess) {
-          preprocess(context, {
-            wrapContextToOverrideProperties(override) {
-              context = newProxy(context, override)
-              return context
-            },
-            defineVisitor(visitor) {
-              compositingVisitors(handlers, visitor)
-            }
-          })
-        }
-
-        const coreHandlers = coreRule.create(context)
-        if (!skipCoreHandlers) {
-          compositingVisitors(handlers, coreHandlers)
-        }
-
-        // Move `Program` handlers to `VElement[parent.type!='VElement']`
-        if (handlers.Program) {
-          handlers[
-            applyDocument
-              ? 'VDocumentFragment'
-              : "VElement[parent.type!='VElement']"
-          ] = /** @type {any} */ (handlers.Program)
-          delete handlers.Program
-        }
-        if (handlers['Program:exit']) {
-          handlers[
-            applyDocument
-              ? 'VDocumentFragment:exit'
-              : "VElement[parent.type!='VElement']:exit"
-          ] = /** @type {any} */ (handlers['Program:exit'])
-          delete handlers['Program:exit']
-        }
-
-        if (skipDynamicArguments) {
-          let withinDynamicArguments = false
-          for (const name of Object.keys(handlers)) {
-            const original = handlers[name]
-            /** @param {any[]} args */
-            handlers[name] = (...args) => {
-              if (withinDynamicArguments) return
-              // @ts-expect-error
-              original(...args)
-            }
-          }
-          handlers['VDirectiveKey > VExpressionContainer'] = () => {
-            withinDynamicArguments = true
-          }
-          handlers['VDirectiveKey > VExpressionContainer:exit'] = () => {
-            withinDynamicArguments = false
-          }
-        }
-
-        if (create) {
-          compositingVisitors(handlers, create(context, { coreHandlers }))
-        }
-
-        if (applyDocument) {
-          // Apply the handlers to document.
-          return defineDocumentVisitor(context, handlers)
-        }
-        // Apply the handlers to templates.
-        return defineTemplateBodyVisitor(context, handlers)
-      },
-
-      meta: Object.assign({}, coreRule.meta, {
-        docs: Object.assign({}, coreRule.meta.docs, {
-          description,
-          category: null,
-          categories,
-          url: `https://eslint.vuejs.org/rules/${path.basename(
-            coreRule.meta.docs.url || ''
-          )}.html`,
-          extensionRule: true,
-          coreRuleUrl: coreRule.meta.docs.url
-        })
-      })
-    }
-  },
+   * @type {typeof wrapCoreRule}
+   */
+  wrapCoreRule,
+  wrapStylisticOrCoreRule,
   /**
    * Checks whether the given value is defined.
    * @template T
diff --git a/package.json b/package.json
index 8193d2ec9..f10a7e8de 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
   },
   "devDependencies": {
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.2",
+    "@stylistic/eslint-plugin": "^1.4.1",
     "@types/eslint": "^8.44.1",
     "@types/eslint-visitor-keys": "^3.3.0",
     "@types/natural-compare": "^1.4.1",
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index ad9cd059d..216cc4e2e 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -15,18 +15,18 @@ const VUE2_EMOJI = ':two:'
 
 // -----------------------------------------------------------------------------
 const categorizedRules = rules.filter(
-  (rule) => rule.meta.docs.categories && !rule.meta.docs.extensionRule
+  (rule) => rule.meta.docs.categories && !rule.meta.docs.extensionSource
 )
 const uncategorizedRules = rules.filter(
   (rule) =>
     !rule.meta.docs.categories &&
-    !rule.meta.docs.extensionRule &&
+    !rule.meta.docs.extensionSource &&
     !rule.meta.deprecated
 )
 const uncategorizedExtensionRule = rules.filter(
   (rule) =>
     !rule.meta.docs.categories &&
-    rule.meta.docs.extensionRule &&
+    rule.meta.docs.extensionSource &&
     !rule.meta.deprecated
 )
 const deprecatedRules = rules.filter((rule) => rule.meta.deprecated)
diff --git a/tools/update-docs.js b/tools/update-docs.js
index aecee5fdd..3975ea2d4 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -195,9 +195,9 @@ This rule was introduced in eslint-plugin-vue ${this.since}
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/${name}.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/${name}.js)
 ${
-  meta.docs.extensionRule
+  meta.docs.extensionSource
     ? `
-<sup>Taken with ❤️ [from ESLint core](${meta.docs.coreRuleUrl})</sup>
+<sup>Taken with ❤️ [from ${meta.docs.extensionSource.name}](${meta.docs.extensionSource.url})</sup>
 `
     : ''
 }`

From 2f65e9287955549214205b3c01af5666eae68c5e Mon Sep 17 00:00:00 2001
From: Felipe <86751220+felipemelendez@users.noreply.github.com>
Date: Wed, 29 Nov 2023 20:28:21 -0500
Subject: [PATCH 0669/1010] Require key for conditionally rendered repeated
 components (#2280)

---
 docs/rules/index.md              |   1 +
 docs/rules/require-v-for-key.md  |  10 +-
 docs/rules/v-if-else-key.md      |  56 ++++
 lib/index.js                     |   1 +
 lib/rules/v-if-else-key.js       | 285 ++++++++++++++++++++
 tests/lib/rules/v-if-else-key.js | 429 +++++++++++++++++++++++++++++++
 6 files changed, 777 insertions(+), 5 deletions(-)
 create mode 100644 docs/rules/v-if-else-key.md
 create mode 100644 lib/rules/v-if-else-key.js
 create mode 100644 tests/lib/rules/v-if-else-key.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 4e2c26dee..71a05d42e 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -277,6 +277,7 @@ For example:
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
+| [vue/v-if-else-key](./v-if-else-key.md) | require key attribute for conditionally rendered repeated components | :wrench: | :warning: |
 | [vue/v-on-handler-style](./v-on-handler-style.md) | enforce writing style for handlers in `v-on` directives | :wrench: | :hammer: |
 | [vue/valid-define-options](./valid-define-options.md) | enforce valid `defineOptions` compiler macro |  | :warning: |
 
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index c8f894ff5..7699e1b30 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -5,6 +5,7 @@ title: vue/require-v-for-key
 description: require `v-bind:key` with `v-for` directives
 since: v3.0.0
 ---
+
 # vue/require-v-for-key
 
 > require `v-bind:key` with `v-for` directives
@@ -20,12 +21,9 @@ This rule reports the elements which have `v-for` and do not have `v-bind:key` w
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div
-    v-for="todo in todos"
-    :key="todo.id"
-  />
+  <div v-for="todo in todos" :key="todo.id" />
   <!-- ✗ BAD -->
-  <div v-for="todo in todos"/>
+  <div v-for="todo in todos" />
 </template>
 ```
 
@@ -43,8 +41,10 @@ Nothing.
 ## :couple: Related Rules
 
 - [vue/valid-v-for]
+- [vue/v-if-else-key]
 
 [vue/valid-v-for]: ./valid-v-for.md
+[vue/v-if-else-key]: ./v-if-else-key.md
 
 ## :books: Further Reading
 
diff --git a/docs/rules/v-if-else-key.md b/docs/rules/v-if-else-key.md
new file mode 100644
index 000000000..11c8c642a
--- /dev/null
+++ b/docs/rules/v-if-else-key.md
@@ -0,0 +1,56 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/v-if-else-key
+description: require key attribute for conditionally rendered repeated components
+---
+
+# vue/v-if-else-key
+
+> require key attribute for conditionally rendered repeated components
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule checks for components that are both repeated and conditionally rendered within the same scope. If such a component is found, the rule then checks for the presence of a 'key' directive. If the 'key' directive is missing, the rule issues a warning and offers a fix.
+
+This rule is not required in Vue 3, as the key is automatically assigned to the elements.
+
+<eslint-code-block fix :rules="{'vue/v-if-else-key': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <my-component v-if="condition1" :key="one" />
+  <my-component v-else-if="condition2" :key="two" />
+  <my-component v-else :key="three" />
+
+  <!-- ✗ BAD -->
+  <my-component v-if="condition1" />
+  <my-component v-else-if="condition2" />
+  <my-component v-else />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/require-v-for-key]
+
+[vue/require-v-for-key]: ./require-v-for-key.md
+
+## :books: Further Reading
+
+- [Guide (for v2) - v-if without key](https://v2.vuejs.org/v2/style-guide/#v-if-v-else-if-v-else-without-key-use-with-caution)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-if-else-key.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/v-if-else-key.js)
diff --git a/lib/index.js b/lib/index.js
index 0f3dcba27..3497a7b4f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -216,6 +216,7 @@ module.exports = {
     'use-v-on-exact': require('./rules/use-v-on-exact'),
     'v-bind-style': require('./rules/v-bind-style'),
     'v-for-delimiter-style': require('./rules/v-for-delimiter-style'),
+    'v-if-else-key': require('./rules/v-if-else-key'),
     'v-on-event-hyphenation': require('./rules/v-on-event-hyphenation'),
     'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-handler-style': require('./rules/v-on-handler-style'),
diff --git a/lib/rules/v-if-else-key.js b/lib/rules/v-if-else-key.js
new file mode 100644
index 000000000..0a6ec9cfe
--- /dev/null
+++ b/lib/rules/v-if-else-key.js
@@ -0,0 +1,285 @@
+/**
+ * @author Felipe Melendez
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// =============================================================================
+// Requirements
+// =============================================================================
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+// =============================================================================
+// Rule Helpers
+// =============================================================================
+
+/**
+ * A conditional family is made up of a group of repeated components that are conditionally rendered
+ * using v-if, v-else-if, and v-else.
+ *
+ * @typedef {Object} ConditionalFamily
+ * @property {VElement} if - The node associated with the 'v-if' directive.
+ * @property {VElement[]} elseIf - An array of nodes associated with 'v-else-if' directives.
+ * @property {VElement | null} else - The node associated with the 'v-else' directive, or null if there isn't one.
+ */
+
+/**
+ * Checks for the presence of a 'key' attribute in the given node. If the 'key' attribute is missing
+ * and the node is part of a conditional family a report is generated.
+ * The fix proposed adds a unique key based on the component's name and count,
+ * following the format '${kebabCase(componentName)}-${componentCount}', e.g., 'some-component-2'.
+ *
+ * @param {VElement} node - The Vue component node to check for a 'key' attribute.
+ * @param {RuleContext} context - The rule's context object, used for reporting.
+ * @param {string} componentName - Name of the component.
+ * @param {string} uniqueKey - A unique key for the repeated component, used for the fix.
+ * @param {Map<VElement, ConditionalFamily>} conditionalFamilies - Map of conditionally rendered components and their respective conditional directives.
+ */
+const checkForKey = (
+  node,
+  context,
+  componentName,
+  uniqueKey,
+  conditionalFamilies
+) => {
+  if (node.parent && node.parent.type === 'VElement') {
+    const conditionalFamily = conditionalFamilies.get(node.parent)
+
+    if (
+      conditionalFamily &&
+      (utils.hasDirective(node, 'bind', 'key') ||
+        utils.hasAttribute(node, 'key') ||
+        !hasConditionalDirective(node) ||
+        !(conditionalFamily.else || conditionalFamily.elseIf.length > 0))
+    ) {
+      return
+    }
+
+    context.report({
+      node: node.startTag,
+      loc: node.startTag.loc,
+      messageId: 'requireKey',
+      data: {
+        componentName
+      },
+      fix(fixer) {
+        const afterComponentNamePosition =
+          node.startTag.range[0] + componentName.length + 1
+        return fixer.insertTextBeforeRange(
+          [afterComponentNamePosition, afterComponentNamePosition],
+          ` key="${uniqueKey}"`
+        )
+      }
+    })
+  }
+}
+
+/**
+ * Checks for the presence of conditional directives in the given node.
+ *
+ * @param {VElement} node - The node to check for conditional directives.
+ * @returns {boolean} Returns true if a conditional directive is found in the node or its parents,
+ *   false otherwise.
+ */
+const hasConditionalDirective = (node) =>
+  utils.hasDirective(node, 'if') ||
+  utils.hasDirective(node, 'else-if') ||
+  utils.hasDirective(node, 'else')
+
+// =============================================================================
+// Rule Definition
+// =============================================================================
+
+/** @type {import('eslint').Rule.RuleModule} */
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'require key attribute for conditionally rendered repeated components',
+      categories: null,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/v-if-else-key.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      requireKey:
+        "Conditionally rendered repeated component '{{componentName}}' expected to have a 'key' attribute."
+    }
+  },
+  /**
+   * Creates and returns a rule object which checks usage of repeated components. If a component
+   * is used more than once, it checks for the presence of a key.
+   *
+   * @param {RuleContext} context - The context object.
+   * @returns {Object} A dictionary of functions to be called on traversal of the template body by
+   *   the eslint parser.
+   */
+  create(context) {
+    /**
+     * Map to store conditionally rendered components and their respective conditional directives.
+     *
+     * @type {Map<VElement, ConditionalFamily>}
+     */
+    const conditionalFamilies = new Map()
+
+    /**
+     * Array of Maps to keep track of components and their usage counts along with the first
+     * node instance. Each Map represents a different scope level, and maps a component name to
+     * an object containing the count and a reference to the first node.
+     */
+    /** @type {Map<string, { count: number; firstNode: any }>[]} */
+    const componentUsageStack = [new Map()]
+
+    /**
+     * Checks if a given node represents a custom component without any conditional directives.
+     *
+     * @param {VElement} node - The AST node to check.
+     * @returns {boolean} True if the node represents a custom component without any conditional directives, false otherwise.
+     */
+    const isCustomComponentWithoutCondition = (node) =>
+      node.type === 'VElement' &&
+      utils.isCustomComponent(node) &&
+      !hasConditionalDirective(node)
+
+    /** Set of built-in Vue components that are exempt from the rule. */
+    /** @type {Set<string>} */
+    const exemptTags = new Set(['component', 'slot', 'template'])
+
+    /** Set to keep track of nodes we've pushed to the stack. */
+    /** @type {Set<any>} */
+    const pushedNodes = new Set()
+
+    /**
+     * Creates and returns an object representing a conditional family.
+     *
+     * @param {VElement} ifNode - The VElement associated with the 'v-if' directive.
+     * @returns {ConditionalFamily}
+     */
+    const createConditionalFamily = (ifNode) => ({
+      if: ifNode,
+      elseIf: [],
+      else: null
+    })
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * Callback to be executed when a Vue element is traversed. This function checks if the
+       * element is a component, increments the usage count of the component in the
+       * current scope, and checks for the key directive if the component is repeated.
+       *
+       * @param {VElement} node - The traversed Vue element.
+       */
+      VElement(node) {
+        if (exemptTags.has(node.rawName)) {
+          return
+        }
+
+        const condition =
+          utils.getDirective(node, 'if') ||
+          utils.getDirective(node, 'else-if') ||
+          utils.getDirective(node, 'else')
+
+        if (condition) {
+          const conditionType = condition.key.name.name
+
+          if (node.parent && node.parent.type === 'VElement') {
+            let conditionalFamily = conditionalFamilies.get(node.parent)
+
+            if (conditionType === 'if' && !conditionalFamily) {
+              conditionalFamily = createConditionalFamily(node)
+              conditionalFamilies.set(node.parent, conditionalFamily)
+            }
+
+            if (conditionalFamily) {
+              switch (conditionType) {
+                case 'else-if': {
+                  conditionalFamily.elseIf.push(node)
+                  break
+                }
+                case 'else': {
+                  conditionalFamily.else = node
+                  break
+                }
+              }
+            }
+          }
+        }
+
+        if (isCustomComponentWithoutCondition(node)) {
+          componentUsageStack.push(new Map())
+          return
+        }
+
+        if (!utils.isCustomComponent(node)) {
+          return
+        }
+
+        const componentName = node.rawName
+        const currentScope = componentUsageStack[componentUsageStack.length - 1]
+        const usageInfo = currentScope.get(componentName) || {
+          count: 0,
+          firstNode: null
+        }
+
+        if (hasConditionalDirective(node)) {
+          // Store the first node if this is the first occurrence
+          if (usageInfo.count === 0) {
+            usageInfo.firstNode = node
+          }
+
+          if (usageInfo.count > 0) {
+            const uniqueKey = `${casing.kebabCase(componentName)}-${
+              usageInfo.count + 1
+            }`
+            checkForKey(
+              node,
+              context,
+              componentName,
+              uniqueKey,
+              conditionalFamilies
+            )
+
+            // If this is the second occurrence, also apply a fix to the first occurrence
+            if (usageInfo.count === 1) {
+              const uniqueKeyForFirstInstance = `${casing.kebabCase(
+                componentName
+              )}-1`
+              checkForKey(
+                usageInfo.firstNode,
+                context,
+                componentName,
+                uniqueKeyForFirstInstance,
+                conditionalFamilies
+              )
+            }
+          }
+          usageInfo.count += 1
+          currentScope.set(componentName, usageInfo)
+        }
+        componentUsageStack.push(new Map())
+        pushedNodes.add(node)
+      },
+
+      'VElement:exit'(node) {
+        if (exemptTags.has(node.rawName)) {
+          return
+        }
+        if (isCustomComponentWithoutCondition(node)) {
+          componentUsageStack.pop()
+          return
+        }
+        if (!utils.isCustomComponent(node)) {
+          return
+        }
+        if (pushedNodes.has(node)) {
+          componentUsageStack.pop()
+          pushedNodes.delete(node)
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/v-if-else-key.js b/tests/lib/rules/v-if-else-key.js
new file mode 100644
index 000000000..4aab257d0
--- /dev/null
+++ b/tests/lib/rules/v-if-else-key.js
@@ -0,0 +1,429 @@
+/**
+ * @author Felipe Melendez
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/v-if-else-key')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('v-if-else-key', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <CustomComponent v-if="some-condition" key="key1" />
+            <CustomComponent v-else key="key2" />
+          </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+    <div>
+      <CustomComponent v-if="some-condition" />
+      <CustomComponent />
+    </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="some-condition" >
+              <CustomComponent />
+            </div>
+            <CustomComponent v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <slot v-if="some-condition" />
+            <slot v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="someCondition" />
+            <div v-else-if="otherCondition" />
+            <div v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="foo" />
+            <span v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <OuterComponent v-if="showOuterComponent">
+              <InnerComponent v-if="showInnerComponent1" />
+              <InnerComponent v-else />
+            </OuterComponent>
+            <OuterComponent v-else>
+              <InnerComponent :key="key1" />
+              <InnerComponent :key="key2" />
+            </OuterComponent>
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            OuterComponent,
+            InnerComponent
+          }
+        }
+        </script>
+        `,
+      output: `
+        <template>
+          <div>
+            <OuterComponent key="outer-component-1" v-if="showOuterComponent">
+              <InnerComponent key="inner-component-1" v-if="showInnerComponent1" />
+              <InnerComponent key="inner-component-2" v-else />
+            </OuterComponent>
+            <OuterComponent key="outer-component-2" v-else>
+              <InnerComponent :key="key1" />
+              <InnerComponent :key="key2" />
+            </OuterComponent>
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            OuterComponent,
+            InnerComponent
+          }
+        }
+        </script>
+        `,
+      errors: [
+        {
+          message:
+            "Conditionally rendered repeated component 'OuterComponent' expected to have a 'key' attribute.",
+          line: 4
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'InnerComponent' expected to have a 'key' attribute.",
+          line: 5
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'InnerComponent' expected to have a 'key' attribute.",
+          line: 6
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'OuterComponent' expected to have a 'key' attribute.",
+          line: 8
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <OuterComponent v-if="showOuterComponent">
+              <InnerComponent v-if="showInnerComponent1">
+                <DifferentScopeComponent />
+              </InnerComponent>
+              <InnerComponent v-else />
+            </OuterComponent>
+            <OuterComponent v-else>
+              <InnerComponent />
+              <InnerComponent />
+            </OuterComponent>
+            <DifferentScopeComponent />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            OuterComponent,
+            InnerComponent
+          }
+        }
+        </script>
+        `,
+      output: `
+        <template>
+          <div>
+            <OuterComponent key="outer-component-1" v-if="showOuterComponent">
+              <InnerComponent key="inner-component-1" v-if="showInnerComponent1">
+                <DifferentScopeComponent />
+              </InnerComponent>
+              <InnerComponent key="inner-component-2" v-else />
+            </OuterComponent>
+            <OuterComponent key="outer-component-2" v-else>
+              <InnerComponent />
+              <InnerComponent />
+            </OuterComponent>
+            <DifferentScopeComponent />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            OuterComponent,
+            InnerComponent
+          }
+        }
+        </script>
+        `,
+      errors: [
+        {
+          message:
+            "Conditionally rendered repeated component 'OuterComponent' expected to have a 'key' attribute.",
+          line: 4
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'InnerComponent' expected to have a 'key' attribute.",
+          line: 5
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'InnerComponent' expected to have a 'key' attribute.",
+          line: 8
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'OuterComponent' expected to have a 'key' attribute.",
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <OuterComponent v-if="showOuterComponent">
+              <InnerComponent v-if="showInnerComponent1" />
+              <InnerComponent v-else />
+            </OuterComponent>
+            <InnerComponent v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            OuterComponent,
+            InnerComponent
+          }
+        }
+        </script>
+        `,
+      output: `
+        <template>
+          <div>
+            <OuterComponent v-if="showOuterComponent">
+              <InnerComponent key="inner-component-1" v-if="showInnerComponent1" />
+              <InnerComponent key="inner-component-2" v-else />
+            </OuterComponent>
+            <InnerComponent v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            OuterComponent,
+            InnerComponent
+          }
+        }
+        </script>
+        `,
+      errors: [
+        {
+          message:
+            "Conditionally rendered repeated component 'InnerComponent' expected to have a 'key' attribute.",
+          line: 5
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'InnerComponent' expected to have a 'key' attribute.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <ComponentA v-if="foo" />
+            <ComponentA v-else-if="bar" />
+            <ComponentB v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA,
+            ComponentB
+          }
+        }
+        </script>
+        `,
+      output: `
+        <template>
+          <div>
+            <ComponentA key="component-a-1" v-if="foo" />
+            <ComponentA key="component-a-2" v-else-if="bar" />
+            <ComponentB v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA,
+            ComponentB
+          }
+        }
+        </script>
+        `,
+      errors: [
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 4
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <ComponentA v-if="foo" />
+            <ComponentB v-else-if="bar" />
+            <ComponentA v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA,
+            ComponentB
+          }
+        }
+        </script>
+        `,
+      output: `
+        <template>
+          <div>
+            <ComponentA key="component-a-1" v-if="foo" />
+            <ComponentB v-else-if="bar" />
+            <ComponentA key="component-a-2" v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA,
+            ComponentB
+          }
+        }
+        </script>
+        `,
+      errors: [
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 4
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 6
+        }
+      ]
+    }
+  ]
+})

From 1437921d2a0f75aa4134cf35c9719cffbde5a1b0 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 30 Nov 2023 13:37:00 +0900
Subject: [PATCH 0670/1010] 9.19.0

---
 docs/rules/index.md                       | 2 +-
 docs/rules/no-console.md                  | 2 --
 docs/rules/no-unused-emit-declarations.md | 7 +++++--
 docs/rules/require-v-for-key.md           | 1 -
 docs/rules/v-if-else-key.md               | 7 +++++--
 lib/utils/vue3-export-names.json          | 4 ++--
 package.json                              | 2 +-
 7 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 71a05d42e..db46c8e32 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -309,7 +309,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
 | [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
-| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` | :bulb: | :hammer: |
+| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` |  | :hammer: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
index c99334d62..9b9a810b8 100644
--- a/docs/rules/no-console.md
+++ b/docs/rules/no-console.md
@@ -9,8 +9,6 @@ since: v9.15.0
 
 > Disallow the use of `console` in `<template>`
 
-- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
-
 ## :book: Rule Details
 
 This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
diff --git a/docs/rules/no-unused-emit-declarations.md b/docs/rules/no-unused-emit-declarations.md
index a6c938624..7753c5ead 100644
--- a/docs/rules/no-unused-emit-declarations.md
+++ b/docs/rules/no-unused-emit-declarations.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-unused-emit-declarations
 description: disallow unused emit declarations
+since: v9.19.0
 ---
 # vue/no-unused-emit-declarations
 
 > disallow unused emit declarations
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule is aimed at eliminating unused emit declarations.
@@ -53,6 +52,10 @@ Nothing.
 
 - [vue/require-explicit-emits](./require-explicit-emits.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.19.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unused-emit-declarations.js)
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index 7699e1b30..b6678f281 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -5,7 +5,6 @@ title: vue/require-v-for-key
 description: require `v-bind:key` with `v-for` directives
 since: v3.0.0
 ---
-
 # vue/require-v-for-key
 
 > require `v-bind:key` with `v-for` directives
diff --git a/docs/rules/v-if-else-key.md b/docs/rules/v-if-else-key.md
index 11c8c642a..8774655b6 100644
--- a/docs/rules/v-if-else-key.md
+++ b/docs/rules/v-if-else-key.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/v-if-else-key
 description: require key attribute for conditionally rendered repeated components
+since: v9.19.0
 ---
-
 # vue/v-if-else-key
 
 > require key attribute for conditionally rendered repeated components
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -50,6 +49,10 @@ Nothing.
 
 - [Guide (for v2) - v-if without key](https://v2.vuejs.org/v2/style-guide/#v-if-v-else-if-v-else-without-key-use-with-caution)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.19.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/v-if-else-key.js)
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index af9cda39c..bbd4e8b91 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -138,6 +138,8 @@
   "provide",
   "inject",
   "hasInjectionContext",
+  "DefineComponent",
+  "defineComponent",
   "App",
   "OptionMergeFunction",
   "AppConfig",
@@ -194,8 +196,6 @@
   "watchPostEffect",
   "watchSyncEffect",
   "watch",
-  "DefineComponent",
-  "defineComponent",
   "AsyncComponentLoader",
   "AsyncComponentOptions",
   "defineAsyncComponent",
diff --git a/package.json b/package.json
index f10a7e8de..02109b02b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.18.1",
+  "version": "9.19.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 1f3111bffe88834ed2e0e19acf1adede4e34ea5c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 30 Nov 2023 14:26:38 +0900
Subject: [PATCH 0671/1010] Fixed broken config of
 `plugin:vue/vue3-strongly-recommended` (#2334)

---
 lib/configs/vue3-strongly-recommended.js |  1 +
 lib/rules/v-on-event-hyphenation.js      |  2 +-
 tests/lib/configs/configs.js             | 25 ++++++++++++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 tests/lib/configs/configs.js

diff --git a/lib/configs/vue3-strongly-recommended.js b/lib/configs/vue3-strongly-recommended.js
index 564e386b1..a3f854fc4 100644
--- a/lib/configs/vue3-strongly-recommended.js
+++ b/lib/configs/vue3-strongly-recommended.js
@@ -30,6 +30,7 @@ module.exports = {
     'vue/v-bind-style': 'warn',
     'vue/v-on-event-hyphenation': [
       'warn',
+      'always',
       {
         autofix: true
       }
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index b797b3b79..9ebe7554d 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -12,7 +12,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-on-event-hyphenation.html',
       defaultOptions: {
-        vue3: [{ autofix: true }]
+        vue3: ['always', { autofix: true }]
       }
     },
     fixable: 'code',
diff --git a/tests/lib/configs/configs.js b/tests/lib/configs/configs.js
new file mode 100644
index 000000000..e21d2e455
--- /dev/null
+++ b/tests/lib/configs/configs.js
@@ -0,0 +1,25 @@
+'use strict'
+
+const { ESLint } = require('../../eslint-compat')
+const plugin = require('../../../lib/index')
+
+describe('configs', () => {
+  for (const name of Object.keys(plugin.configs)) {
+    const configName = `plugin:vue/${name}`
+    const eslint = new ESLint({
+      overrideConfig: {
+        extends: [configName]
+      },
+      useEslintrc: false,
+      plugins: { vue: plugin },
+      fix: true
+    })
+    describe(`test for ${configName}`, () => {
+      it('without error', async () => {
+        await eslint.lintText('', {
+          filePath: 'test.vue'
+        })
+      })
+    })
+  }
+})

From 73ee48f239d7487172a86c6603718098d424f7dd Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 30 Nov 2023 14:29:42 +0900
Subject: [PATCH 0672/1010] 9.19.1

---
 docs/rules/index.md      | 2 +-
 docs/rules/no-console.md | 2 ++
 package.json             | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index db46c8e32..71a05d42e 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -309,7 +309,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
 | [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
-| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` |  | :hammer: |
+| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` | :bulb: | :hammer: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
index 9b9a810b8..c99334d62 100644
--- a/docs/rules/no-console.md
+++ b/docs/rules/no-console.md
@@ -9,6 +9,8 @@ since: v9.15.0
 
 > Disallow the use of `console` in `<template>`
 
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
 ## :book: Rule Details
 
 This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
diff --git a/package.json b/package.json
index 02109b02b..7edd2c86f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.19.0",
+  "version": "9.19.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 9fe8b34105076bb8c02b23f049796e840de48d3c Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 30 Nov 2023 18:01:39 +0900
Subject: [PATCH 0673/1010] Fix crash for TSFunctionType with `type-literal`
 option in `vue/define-emits-declaration` rule (#2336)

---
 lib/rules/define-emits-declaration.js         | 51 ++++++++++++-------
 tests/lib/rules/define-emits-declaration.js   | 19 +++++++
 .../util-types/ast/es-ast.ts                  |  4 +-
 3 files changed, 53 insertions(+), 21 deletions(-)

diff --git a/lib/rules/define-emits-declaration.js b/lib/rules/define-emits-declaration.js
index 3d12e0bc3..e3de57e4f 100644
--- a/lib/rules/define-emits-declaration.js
+++ b/lib/rules/define-emits-declaration.js
@@ -7,7 +7,7 @@
 const utils = require('../utils')
 
 /**
- * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeLiteral} TSTypeLiteral
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
  *
  */
 
@@ -54,24 +54,7 @@ module.exports = {
           }
 
           case 'type-literal': {
-            if (node.arguments.length > 0) {
-              context.report({
-                node,
-                messageId: 'hasArg'
-              })
-              return
-            }
-
-            const typeArguments = node.typeArguments || node.typeParameters
-            const param = /** @type {TSTypeLiteral} */ (typeArguments.params[0])
-            for (const memberNode of param.members) {
-              if (memberNode.type !== 'TSPropertySignature') {
-                context.report({
-                  node: memberNode,
-                  messageId: 'hasTypeCallArg'
-                })
-              }
-            }
+            verifyTypeLiteral(node)
             break
           }
 
@@ -89,5 +72,35 @@ module.exports = {
         }
       }
     })
+
+    /** @param {CallExpression} node */
+    function verifyTypeLiteral(node) {
+      if (node.arguments.length > 0) {
+        context.report({
+          node,
+          messageId: 'hasArg'
+        })
+        return
+      }
+
+      const typeArguments = node.typeArguments || node.typeParameters
+      const param = /** @type {TypeNode|undefined} */ (typeArguments?.params[0])
+      if (!param) return
+      if (param.type === 'TSTypeLiteral') {
+        for (const memberNode of param.members) {
+          if (memberNode.type !== 'TSPropertySignature') {
+            context.report({
+              node: memberNode,
+              messageId: 'hasTypeCallArg'
+            })
+          }
+        }
+      } else if (param.type === 'TSFunctionType') {
+        context.report({
+          node: param,
+          messageId: 'hasTypeCallArg'
+        })
+      }
+    }
   }
 }
diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
index 43ecb385b..6e42d1f4a 100644
--- a/tests/lib/rules/define-emits-declaration.js
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -243,6 +243,25 @@ tester.run('define-emits-declaration', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+        const emit = defineEmits<(e: 'change', id: number) => void>()
+        </script>
+        `,
+      options: ['type-literal'],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      },
+      errors: [
+        {
+          message:
+            'Use new type literal declaration instead of the old call signature declaration.',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index db3a7f39c..fc3676a56 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -522,7 +522,7 @@ export interface CallExpression extends HasParentNode {
   typeArguments?: TS.TSTypeParameterInstantiation
 
   /* @deprecated */
-  typeParameters: never
+  typeParameters?: never
 }
 export interface Super extends HasParentNode {
   type: 'Super'
@@ -534,7 +534,7 @@ export interface NewExpression extends HasParentNode {
   typeArguments?: TSTypeParameterInstantiation
 
   /* @deprecated */
-  typeParameters: never
+  typeParameters?: never
 }
 interface BaseMemberExpression extends HasParentNode {
   type: 'MemberExpression'

From 0b2edb700a7338e9a0a55700bee91526ea4f6d2f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 30 Nov 2023 18:03:29 +0900
Subject: [PATCH 0674/1010] 9.19.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7edd2c86f..17e6c0571 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.19.1",
+  "version": "9.19.2",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 77af4b4c43b5afbe2b58f2d67e117597c24a451d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 2 Dec 2023 00:01:10 +0900
Subject: [PATCH 0675/1010] Improve compatibility with ESLint v9 (take2)
 (#2338)

---
 lib/rules/jsx-uses-vars.js                |  4 ++-
 lib/rules/script-setup-uses-vars.js       | 20 +++++++----
 lib/utils/index.js                        | 43 ++++++++++++++++++-----
 tests/lib/rules/jsx-uses-vars.js          | 17 +++++++++
 tests/lib/rules/script-setup-uses-vars.js | 15 ++++++++
 typings/eslint/index.d.ts                 | 40 +++++++++++++++------
 6 files changed, 113 insertions(+), 26 deletions(-)

diff --git a/lib/rules/jsx-uses-vars.js b/lib/rules/jsx-uses-vars.js
index b8858e1f3..d9f46972a 100644
--- a/lib/rules/jsx-uses-vars.js
+++ b/lib/rules/jsx-uses-vars.js
@@ -30,6 +30,8 @@ SOFTWARE.
  */
 'use strict'
 
+const utils = require('../utils')
+
 module.exports = {
   // eslint-disable-next-line eslint-plugin/prefer-message-ids
   meta: {
@@ -63,7 +65,7 @@ module.exports = {
           return
         }
 
-        context.markVariableAsUsed(name)
+        utils.markVariableAsUsed(context, name, node)
       }
     }
   }
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 05ccc9653..703d0cb9a 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -39,9 +39,10 @@ module.exports = {
     if (!utils.isScriptSetup(context)) {
       return {}
     }
+    const sourceCode = context.getSourceCode()
     /** @type {Set<string>} */
     const scriptVariableNames = new Set()
-    const globalScope = context.getSourceCode().scopeManager.globalScope
+    const globalScope = sourceCode.scopeManager.globalScope
     if (globalScope) {
       for (const variable of globalScope.variables) {
         scriptVariableNames.add(variable.name)
@@ -54,23 +55,28 @@ module.exports = {
       }
     }
 
+    /** @param {string} name  */
+    function markVariableAsUsed(name) {
+      utils.markVariableAsUsed(context, name, sourceCode.ast)
+    }
+
     /**
      * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/compiler-core/src/transforms/transformElement.ts#L333
      * @param {string} name
      */
     function markSetupReferenceVariableAsUsed(name) {
       if (scriptVariableNames.has(name)) {
-        context.markVariableAsUsed(name)
+        markVariableAsUsed(name)
         return true
       }
       const camelName = camelize(name)
       if (scriptVariableNames.has(camelName)) {
-        context.markVariableAsUsed(camelName)
+        markVariableAsUsed(camelName)
         return true
       }
       const pascalName = casing.capitalize(camelName)
       if (scriptVariableNames.has(pascalName)) {
-        context.markVariableAsUsed(pascalName)
+        markVariableAsUsed(pascalName)
         return true
       }
       return false
@@ -83,7 +89,7 @@ module.exports = {
           for (const ref of node.references.filter(
             (ref) => ref.variable == null
           )) {
-            context.markVariableAsUsed(ref.id.name)
+            markVariableAsUsed(ref.id.name)
           }
         },
         VElement(node) {
@@ -115,7 +121,7 @@ module.exports = {
         /** @param {VAttribute} node */
         'VAttribute[directive=false]'(node) {
           if (node.key.name === 'ref' && node.value) {
-            context.markVariableAsUsed(node.value.value)
+            markVariableAsUsed(node.value.value)
           }
         }
       },
@@ -124,7 +130,7 @@ module.exports = {
           const styleVars = getStyleVariablesContext(context)
           if (styleVars) {
             for (const ref of styleVars.references) {
-              context.markVariableAsUsed(ref.id.name)
+              markVariableAsUsed(ref.id.name)
             }
           }
         }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 838d14f6d..9127fa95e 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -245,10 +245,12 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
     tokenStore
   )
 
+  /** @type {WeakMap<ASTNode, import('eslint').Scope.ScopeManager>} */
   const containerScopes = new WeakMap()
 
   /**
    * @param {ASTNode} node
+   * @returns {import('eslint').Scope.ScopeManager|null}
    */
   function getContainerScope(node) {
     const exprContainer = getVExpressionContainer(node)
@@ -260,9 +262,11 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
       return cache
     }
     const programNode = eslintSourceCode.ast
-    const parserOptions = context.parserOptions || {}
+    const parserOptions =
+      context.languageOptions?.parserOptions ?? context.parserOptions ?? {}
     const ecmaFeatures = parserOptions.ecmaFeatures || {}
-    const ecmaVersion = parserOptions.ecmaVersion || 2020
+    const ecmaVersion =
+      context.languageOptions?.ecmaVersion ?? parserOptions.ecmaVersion ?? 2020
     const sourceType = programNode.sourceType
     try {
       const eslintScope = createRequire(require.resolve('eslint'))(
@@ -297,7 +301,6 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
     getSourceCode() {
       return sourceCode
     },
-    // @ts-expect-error -- Added in ESLint v8.40
     get sourceCode() {
       return sourceCode
     },
@@ -310,11 +313,11 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
    */
   function getDeclaredVariables(node) {
     const scope = getContainerScope(node)
-    if (scope) {
-      return scope.getDeclaredVariables(node)
-    }
-
-    return context.getDeclaredVariables(node)
+    return (
+      scope?.getDeclaredVariables?.(node) ??
+      context.getDeclaredVariables?.(node) ??
+      []
+    )
   }
 }
 
@@ -1939,6 +1942,10 @@ module.exports = {
   withinTypeNode,
   findVariableByIdentifier,
   getScope,
+  /**
+   * Marks a variable with the given name in the current scope as used. This affects the no-unused-vars rule.
+   */
+  markVariableAsUsed,
   /**
    * Checks whether the given node is in export default.
    * @param {ASTNode} node
@@ -2562,6 +2569,26 @@ function isTypeScriptFile(path) {
   return path.endsWith('.ts') || path.endsWith('.tsx') || path.endsWith('.mts')
 }
 
+// ------------------------------------------------------------------------------
+// ESLint Helpers
+// ------------------------------------------------------------------------------
+/**
+ * Marks a variable with the given name in the current scope as used. This affects the no-unused-vars rule.
+ * @param {RuleContext} context
+ * @param {string} name
+ * @param {ASTNode} node The node to get the current scope.
+ */
+function markVariableAsUsed(context, name, node) {
+  const sourceCode = context.getSourceCode()
+  if (sourceCode.markVariableAsUsed) {
+    sourceCode.markVariableAsUsed(name, node)
+  } else {
+    // This function does not use the given node, but the currently visited node.
+    // If we need to determine the scope of a given node, we need to implement it yourself.
+    context.markVariableAsUsed?.(name)
+  }
+}
+
 // ------------------------------------------------------------------------------
 // Vue Helpers
 // ------------------------------------------------------------------------------
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index 3a2c7e82b..c0c39ccd6 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -24,6 +24,23 @@ const ruleTester = new RuleTester({
 const linter = ruleTester.linter || eslint.linter
 linter.defineRule('jsx-uses-vars', rule)
 
+ruleTester.run('jsx-uses-vars', rule, {
+  // Visually check that there are no warnings in the console.
+  valid: [
+    `
+      import SomeComponent from './SomeComponent.jsx';
+      export default {
+        render () {
+          return (
+            <SomeComponent msg="Hello world"></SomeComponent>
+          )
+        },
+      };
+    `
+  ],
+  invalid: []
+})
+
 describe('jsx-uses-vars', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index 9d20f5748..93f20d551 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -23,6 +23,21 @@ const ruleTester = new RuleTester({
 const linter = ruleTester.linter || eslint.linter
 linter.defineRule('script-setup-uses-vars', rule)
 
+ruleTester.run('script-setup-uses-vars', rule, {
+  // Visually check that there are no warnings in the console.
+  valid: [
+    `
+    <script setup>
+      import Foo from './Foo.vue'
+    </script>
+
+    <template>
+      <Foo />
+    </template>
+    `
+  ],
+  invalid: []
+})
 describe('script-setup-uses-vars', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index 7d85f665f..a11b29f11 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -18,7 +18,8 @@ export namespace Scope {
     scopes: Scope[]
     globalScope: Scope | null
     acquire(node: VAST.ESNode | VAST.Program, inner?: boolean): Scope | null
-    getDeclaredVariables(node: VAST.ESNode): Variable[]
+    /** @since ESLint v8.38.0 */
+    getDeclaredVariables?(node: VAST.ESNode): Variable[]
   }
   interface Scope {
     type:
@@ -230,6 +231,11 @@ export class SourceCode /*extends ESLintSourceCode*/ {
   getCommentsBefore(nodeOrToken: VNODE.HasLocation): VNODE.Comment[]
   getCommentsAfter(nodeOrToken: VNODE.HasLocation): VNODE.Comment[]
   getCommentsInside(node: VNODE.HasLocation): VNODE.Comment[]
+
+  /** @since ESLint v8.39.0 */
+  markVariableAsUsed?(name: string, node?: VNODE.HasLocation): void
+  /** @since ESLint v8.37.0 */
+  getScope?(node: VNODE.HasLocation): Scope.Scope
 }
 export namespace SourceCode {
   interface Config {
@@ -317,21 +323,35 @@ export namespace Rule {
     id: string
     options: ESLintRule.RuleContext['options']
     settings: { [name: string]: any }
-    parserPath: string
-    parserOptions: any
-    parserServices: parserServices.ParserServices
-
-    getAncestors(): VAST.ESNode[]
-
-    getDeclaredVariables(node: VAST.ESNode): Scope.Variable[]
+    /** @deprecated removed in ESLint v10? */
+    parserPath?: string
+    /** @deprecated removed in ESLint v10? */
+    parserOptions?: ESLintLinter.ParserOptions
+    /** For flat config  */
+    languageOptions?: ESLintLinter.FlatConfig['languageOptions']
+    /** @deprecated removed in ESLint v9 */
+    parserServices?: parserServices.ParserServices
+
+    /** @deprecated removed in ESLint v9 */
+    getAncestors?(): VAST.ESNode[]
+    /** @deprecated removed in ESLint v9 */
+    getDeclaredVariables?(node: VAST.ESNode): Scope.Variable[]
     getFilename(): string
-    getScope(): Scope.Scope
+    /** @since ESLint v8.40.0 */
+    filename?: string
+    /** @deprecated removed in ESLint v9 */
+    getScope?(): Scope.Scope
     getSourceCode(): SourceCode
-    markVariableAsUsed(name: string): boolean
+    /** @since ESLint v8.40.0 */
+    sourceCode?: SourceCode
+    /** @deprecated removed in ESLint v9 */
+    markVariableAsUsed?(name: string): boolean
     report(descriptor: ReportDescriptor): void
 
     // eslint@6 does not have this method.
     getCwd?: () => string
+    /** @since ESLint v8.40.0 */
+    cwd?: string
   }
 
   type ReportDescriptor =

From 7cf5c517cd80b7e28a37ae52b262b4169cf78473 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Wed, 27 Dec 2023 07:58:11 +0100
Subject: [PATCH 0676/1010] Document non-fixable rules correctly (#2343)

---
 docs/rules/index.md                                      | 4 ++--
 docs/rules/no-boolean-default.md                         | 4 +---
 docs/rules/no-deprecated-v-is.md                         | 3 +--
 eslint-internal-rules/no-invalid-meta-docs-categories.js | 1 +
 eslint.config.js                                         | 4 ++++
 lib/rules/html-indent.js                                 | 1 +
 lib/rules/no-boolean-default.js                          | 2 +-
 lib/rules/no-deprecated-scope-attribute.js               | 1 +
 lib/rules/no-deprecated-slot-attribute.js                | 1 +
 lib/rules/no-deprecated-slot-scope-attribute.js          | 1 +
 lib/rules/no-deprecated-v-is.js                          | 2 +-
 lib/rules/no-unsupported-features.js                     | 1 +
 lib/rules/padding-line-between-blocks.js                 | 1 +
 lib/rules/padding-line-between-tags.js                   | 1 +
 lib/rules/script-indent.js                               | 1 +
 lib/rules/v-if-else-key.js                               | 1 +
 16 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 71a05d42e..afc8deb98 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -62,7 +62,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
 | [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
 | [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
-| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) |  | :three::hammer: |
 | [vue/no-deprecated-v-on-native-modifier](./no-deprecated-v-on-native-modifier.md) | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
 | [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  | :three::warning: |
@@ -225,7 +225,7 @@ For example:
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
-| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: | :hammer: |
+| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults |  | :hammer: |
 | [vue/no-deprecated-model-definition](./no-deprecated-model-definition.md) | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
diff --git a/docs/rules/no-boolean-default.md b/docs/rules/no-boolean-default.md
index d0782c60e..8ad4ace7f 100644
--- a/docs/rules/no-boolean-default.md
+++ b/docs/rules/no-boolean-default.md
@@ -9,15 +9,13 @@ since: v7.0.0
 
 > disallow boolean defaults
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
-
 The rule prevents Boolean props from having a default value.
 
 ## :book: Rule Details
 
 The rule is to enforce the HTML standard of always defaulting boolean attributes to false.
 
-<eslint-code-block fix :rules="{'vue/no-boolean-default': ['error']}">
+<eslint-code-block :rules="{'vue/no-boolean-default': ['error']}">
 
 ```vue
 <script>
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index df5c7edeb..1e5af3f42 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -10,7 +10,6 @@ since: v7.11.0
 > disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
@@ -18,7 +17,7 @@ This rule reports deprecated `v-is` directive in Vue.js v3.1.0+.
 
 Use [`is` attribute with `vue:` prefix](https://vuejs.org/api/built-in-special-attributes.html#is) instead.
 
-<eslint-code-block fix :rules="{'vue/no-deprecated-v-is': ['error']}">
+<eslint-code-block :rules="{'vue/no-deprecated-v-is': ['error']}">
 
 ```vue
 <template>
diff --git a/eslint-internal-rules/no-invalid-meta-docs-categories.js b/eslint-internal-rules/no-invalid-meta-docs-categories.js
index 03df5eb5a..bfdd8cdd5 100644
--- a/eslint-internal-rules/no-invalid-meta-docs-categories.js
+++ b/eslint-internal-rules/no-invalid-meta-docs-categories.js
@@ -112,6 +112,7 @@ module.exports = {
       description: 'enforce correct use of `meta` property in core rules',
       categories: ['Internal']
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'code',
     schema: [],
     messages: {
diff --git a/eslint.config.js b/eslint.config.js
index 3407dd3b4..f640b6701 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -142,6 +142,10 @@ module.exports = [
       'prefer-const': 2,
 
       'prettier/prettier': 'error',
+      'eslint-plugin/require-meta-fixable': [
+        'error',
+        { catchNoFixerButFixableProperty: true }
+      ],
       'eslint-plugin/report-message-format': ['error', "^[A-Z`'{].*\\.$"],
 
       'no-debugger': 'error',
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 6a423ecca..397cdc52b 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -29,6 +29,7 @@ module.exports = {
       categories: ['vue3-strongly-recommended', 'strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-indent.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'whitespace',
     schema: [
       {
diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 66ca114bb..6796c0329 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -38,7 +38,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-boolean-default.html'
     },
-    fixable: 'code',
+    fixable: null,
     schema: [
       {
         enum: ['default-false', 'no-default']
diff --git a/lib/rules/no-deprecated-scope-attribute.js b/lib/rules/no-deprecated-scope-attribute.js
index dcb5d6270..80bcc02bd 100644
--- a/lib/rules/no-deprecated-scope-attribute.js
+++ b/lib/rules/no-deprecated-scope-attribute.js
@@ -15,6 +15,7 @@ module.exports = {
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-scope-attribute.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'code',
     schema: [],
     messages: {
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index f4c893538..664c14353 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -15,6 +15,7 @@ module.exports = {
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'code',
     schema: [
       {
diff --git a/lib/rules/no-deprecated-slot-scope-attribute.js b/lib/rules/no-deprecated-slot-scope-attribute.js
index c3a08b8e0..20a4f00bd 100644
--- a/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -16,6 +16,7 @@ module.exports = {
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-scope-attribute.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'code',
     schema: [],
     messages: {
diff --git a/lib/rules/no-deprecated-v-is.js b/lib/rules/no-deprecated-v-is.js
index 7e8d3278c..c497b0120 100644
--- a/lib/rules/no-deprecated-v-is.js
+++ b/lib/rules/no-deprecated-v-is.js
@@ -15,7 +15,7 @@ module.exports = {
       categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-v-is.html'
     },
-    fixable: 'code',
+    fixable: null,
     schema: [],
     messages: {
       forbiddenVIs: '`v-is` directive is deprecated.'
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 0bcd61a55..07123818f 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -72,6 +72,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-unsupported-features.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'code',
     schema: [
       {
diff --git a/lib/rules/padding-line-between-blocks.js b/lib/rules/padding-line-between-blocks.js
index f07655722..d5bbbd860 100644
--- a/lib/rules/padding-line-between-blocks.js
+++ b/lib/rules/padding-line-between-blocks.js
@@ -119,6 +119,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/padding-line-between-blocks.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'whitespace',
     schema: [
       {
diff --git a/lib/rules/padding-line-between-tags.js b/lib/rules/padding-line-between-tags.js
index 479aed7cd..245fea034 100644
--- a/lib/rules/padding-line-between-tags.js
+++ b/lib/rules/padding-line-between-tags.js
@@ -173,6 +173,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/padding-line-between-tags.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'whitespace',
     schema: [
       {
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index d5fdf541f..c9d9d5e99 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -15,6 +15,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/script-indent.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'whitespace',
     schema: [
       {
diff --git a/lib/rules/v-if-else-key.js b/lib/rules/v-if-else-key.js
index 0a6ec9cfe..75add9ca0 100644
--- a/lib/rules/v-if-else-key.js
+++ b/lib/rules/v-if-else-key.js
@@ -103,6 +103,7 @@ module.exports = {
       recommended: false,
       url: 'https://eslint.vuejs.org/rules/v-if-else-key.html'
     },
+    // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
     fixable: 'code',
     schema: [],
     messages: {

From 05b128644c97891244f0b24821bc8db41867dd06 Mon Sep 17 00:00:00 2001
From: Mussin Benarbia <77260898+mussinbenarbia@users.noreply.github.com>
Date: Wed, 27 Dec 2023 16:15:23 +0900
Subject: [PATCH 0677/1010] feat: add allow list to `no-template-shadow`
 (#2323)

Co-authored-by: Mussin Benarbia <mussin.benarbia@gmail.com>
---
 docs/rules/no-template-shadow.md      | 42 +++++++++++++++++++++++----
 lib/rules/no-template-shadow.js       | 28 +++++++++++++++++-
 tests/lib/rules/no-template-shadow.js | 15 ++++++++++
 3 files changed, 78 insertions(+), 7 deletions(-)

diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 5bddba45c..0dcfb2171 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -36,13 +36,13 @@ This rule aims to eliminate shadowed variable declarations of v-for directives o
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        l: false
-      }
+export default {
+  data() {
+    return {
+      l: false
     }
   }
+}
 </script>
 ```
 
@@ -50,7 +50,37 @@ This rule aims to eliminate shadowed variable declarations of v-for directives o
 
 ## :wrench: Options
 
-Nothing.
+This rule takes one optional object option, with the property `"allow"`.
+
+```json
+{
+  "no-template-shadow": ["error", { "allow": [] }]
+}
+```
+
+- `"allow"` (`[string]`) Array of identifier names for which shadowing is allowed.
+
+Examples of correct code for the `{ "allow": ["i"] }` option:
+
+<eslint-code-block :rules="{'vue/no-template-shadow': ['error', { allow: ['i'] }]}">
+
+```vue
+<template>
+  <div v-for="i in 5"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      i: 'some value'
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 4b7528a0b..8be04b9cc 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -20,6 +20,13 @@ const GROUP_NAMES = [
   'setup'
 ]
 
+function isAllowedVarName(context, variableName) {
+  if (context.options[0] && context.options[0].allow) {
+    return context.options[0].allow.includes(variableName)
+  }
+  return false
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -30,7 +37,21 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-template-shadow.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allow: {
+            type: 'array',
+            items: {
+              type: 'string'
+            },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       alreadyDeclaredInUpperScope:
         "Variable '{{name}}' is already declared in the upper scope."
@@ -102,6 +123,11 @@ module.exports = {
           for (const variable of node.variables) {
             const varNode = variable.id
             const name = varNode.name
+
+            if (isAllowedVarName(context, name)) {
+              continue
+            }
+
             if (
               scopeStack.nodes.some((node) => node.name === name) ||
               jsVars.has(name)
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index e2ea096b7..6844b5f9f 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -155,6 +155,21 @@ ruleTester.run('no-template-shadow', rule, {
       defineProps({k:Number})
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-for="i in 5">
+          <div v-for="i in 5">
+          </div>
+        </div>
+      </template>
+      <script setup>
+      defineProps({i:Number})
+      </script>
+      `,
+      options: [{ allow: ['i'] }]
     }
   ],
 

From 0ac61d98e956c5f107347c6bf91994da3e9a51cd Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Wed, 27 Dec 2023 15:16:49 +0800
Subject: [PATCH 0678/1010] feat(no-v-text-v-html-on-component): add `allow`
 option (#2339)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/no-v-text-v-html-on-component.md   | 28 +++++++++++++-
 lib/rules/no-v-text-v-html-on-component.js    | 37 ++++++++++++++++++-
 .../rules/no-v-text-v-html-on-component.js    | 35 ++++++++++++++++++
 3 files changed, 97 insertions(+), 3 deletions(-)

diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 420eefda6..376974b00 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -36,7 +36,33 @@ If you use v-text / v-html on a component, it will overwrite the component's con
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-v-text-v-html-on-component": [
+    "error",
+    { "allow": ["router-link", "nuxt-link"] }
+  ]
+}
+```
+
+- `allow` (`string[]`) ... Specify a list of custom components for which the rule should not apply.
+
+### `{ "allow": ["router-link", "nuxt-link"] }`
+
+<eslint-code-block :rules="{'vue/no-v-text-v-html-on-component': ['error', { allow: ['router-link', 'nuxt-link'] }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <router-link v-html="content" />
+  <NuxtLink v-html="content" />
+  
+  <!-- ✗ BAD -->
+  <MyComponent v-html="content" />
+</template>
+```
+
+</eslint-code-block>
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-v-text-v-html-on-component.js b/lib/rules/no-v-text-v-html-on-component.js
index c517167f1..92289f6bb 100644
--- a/lib/rules/no-v-text-v-html-on-component.js
+++ b/lib/rules/no-v-text-v-html-on-component.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
+const casing = require('../utils/casing')
 
 module.exports = {
   meta: {
@@ -15,7 +16,21 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-v-text-v-html-on-component.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allow: {
+            type: 'array',
+            items: {
+              type: 'string'
+            },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       disallow:
         "Using {{directiveName}} on component may break component's content."
@@ -23,13 +38,31 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    const options = context.options[0] || {}
+    /** @type {Set<string>} */
+    const allow = new Set(options.allow)
+
+    /**
+     * Check whether the given node is an allowed component or not.
+     * @param {VElement} node The start tag node to check.
+     * @returns {boolean} `true` if the node is an allowed component.
+     */
+    function isAllowedComponent(node) {
+      const componentName = node.rawName
+      return (
+        allow.has(componentName) ||
+        allow.has(casing.pascalCase(componentName)) ||
+        allow.has(casing.kebabCase(componentName))
+      )
+    }
+
     /**
      * Verify for v-text and v-html directive
      * @param {VDirective} node
      */
     function verify(node) {
       const element = node.parent.parent
-      if (utils.isCustomComponent(element)) {
+      if (utils.isCustomComponent(element) && !isAllowedComponent(element)) {
         context.report({
           node,
           loc: node.loc,
diff --git a/tests/lib/rules/no-v-text-v-html-on-component.js b/tests/lib/rules/no-v-text-v-html-on-component.js
index c50071346..1dafc17d8 100644
--- a/tests/lib/rules/no-v-text-v-html-on-component.js
+++ b/tests/lib/rules/no-v-text-v-html-on-component.js
@@ -40,6 +40,25 @@ tester.run('no-v-text-v-html-on-component', rule, {
         <MyComponent v-if="content" />
       </template>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link v-text="content" />
+      </template>
+      `,
+      options: [{ allow: ['router-link'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link v-html="content" />
+        <NuxtLink v-html="content" />
+      </template>
+      `,
+      options: [{ allow: ['RouterLink', 'nuxt-link'] }]
     }
   ],
   invalid: [
@@ -132,6 +151,22 @@ tester.run('no-v-text-v-html-on-component', rule, {
           column: 30
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <router-link v-html="content" />
+      </template>
+      `,
+      options: [{ allow: ['nuxt-link'] }],
+      errors: [
+        {
+          message: "Using v-html on component may break component's content.",
+          line: 3,
+          column: 22
+        }
+      ]
     }
   ]
 })

From 591c7af0866a19dd5b4f244f185e0614fb3503fa Mon Sep 17 00:00:00 2001
From: Mussin Benarbia <77260898+mussinbenarbia@users.noreply.github.com>
Date: Wed, 27 Dec 2023 16:20:00 +0900
Subject: [PATCH 0679/1010] Add `selfClosingTag` option to
 `vue/html-closing-bracket-newline` (#2346)

Co-authored-by: Mussin Benarbia <mussin.benarbia@gmail.com>
---
 docs/rules/html-closing-bracket-newline.md    |  52 +++++--
 lib/rules/html-closing-bracket-newline.js     |  54 ++++++-
 .../lib/rules/html-closing-bracket-newline.js | 136 ++++++++++++++++++
 3 files changed, 230 insertions(+), 12 deletions(-)

diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index ac6c505d8..f47d4ac7b 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -5,6 +5,7 @@ title: vue/html-closing-bracket-newline
 description: require or disallow a line break before tag's closing brackets
 since: v4.1.0
 ---
+
 # vue/html-closing-bracket-newline
 
 > require or disallow a line break before tag's closing brackets
@@ -58,19 +59,31 @@ This rule aims to warn the right angle brackets which are at the location other
 
 ```json
 {
-  "vue/html-closing-bracket-newline": ["error", {
-    "singleline": "never",
-    "multiline": "always"
-  }]
+  "vue/html-closing-bracket-newline": [
+    "error",
+    {
+      "singleline": "never",
+      "multiline": "always",
+      "selfClosingTag": {
+        "singleline": "never",
+        "multiline": "always"
+      }
+    }
+  ]
 }
 ```
 
-- `singleline` ... the configuration for single-line elements. It's a single-line element if the element does not have attributes or the last attribute is on the same line as the opening bracket.
-  - `"never"` (default) ... disallow line breaks before the closing bracket.
-  - `"always"` ... require one line break before the closing bracket.
-- `multiline` ... the configuration for multiline elements. It's a multiline element if the last attribute is not on the same line of the opening bracket.
-  - `"never"` ... disallow line breaks before the closing bracket.
-  - `"always"` (default) ... require one line break before the closing bracket.
+- `singleline` (`"never"` by default) ... the configuration for single-line elements. It's a single-line element if the element does not have attributes or the last attribute is on the same line as the opening bracket.
+- `multiline` (`"always"` by default) ... the configuration for multiline elements. It's a multiline element if the last attribute is not on the same line of the opening bracket.
+- `selfClosingTag.singleline` ... the configuration for single-line self closing elements.
+- `selfClosingTag.multiline` ... the configuration for multiline self closing elements.
+
+Every option can be set to one of the following values:
+
+- `"always"` ... require one line break before the closing bracket.
+- `"never"` ... disallow line breaks before the closing bracket.
+
+If `selfClosingTag` is not specified, the `singleline` and `multiline` options are inherited for self-closing tags.
 
 Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-level of the closing brackets.
 
@@ -95,6 +108,25 @@ Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-l
 
 </eslint-code-block>
 
+### `"selfClosingTag": { "multiline": "always" }`
+
+<eslint-code-block fix :rules="{'vue/html-closing-bracket-newline': ['error', { 'selfClosingTag': {'multiline': 'always'} }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent
+      :foo="foo"
+  />
+
+  <!-- ✗ BAD -->
+  <MyComponent
+      :foo="foo" />
+</template>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v4.1.0
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index c353c35d3..58f7fc8e8 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -24,6 +24,45 @@ function getPhrase(lineBreaks) {
   }
 }
 
+/**
+ * @typedef LineBreakBehavior
+ * @type {('always'|'never')}
+ */
+
+/**
+ * @typedef LineType
+ * @type {('singleline'|'multiline')}
+ */
+
+/**
+ * @typedef RuleOptions
+ * @type {object}
+ * @property {LineBreakBehavior} singleline - The behavior for single line tags.
+ * @property {LineBreakBehavior} multiline - The behavior for multiline tags.
+ * @property {object} selfClosingTag
+ * @property {LineBreakBehavior} selfClosingTag.singleline - The behavior for single line self closing tags.
+ * @property {LineBreakBehavior} selfClosingTag.multiline - The behavior for multiline self closing tags.
+ */
+
+/**
+ * @param {VStartTag | VEndTag} node - The node representing a start or end tag.
+ * @param {RuleOptions} options - The options for line breaks.
+ * @param {LineType} type - The type of line break.
+ * @returns {number} - The expected line breaks.
+ */
+function getExpectedLineBreaks(node, options, type) {
+  const isSelfClosingTag = node.type === 'VStartTag' && node.selfClosing
+  if (
+    isSelfClosingTag &&
+    options.selfClosingTag &&
+    options.selfClosingTag[type]
+  ) {
+    return options.selfClosingTag[type] === 'always' ? 1 : 0
+  }
+
+  return options[type] === 'always' ? 1 : 0
+}
+
 module.exports = {
   meta: {
     type: 'layout',
@@ -39,7 +78,16 @@ module.exports = {
         type: 'object',
         properties: {
           singleline: { enum: ['always', 'never'] },
-          multiline: { enum: ['always', 'never'] }
+          multiline: { enum: ['always', 'never'] },
+          selfClosingTag: {
+            type: 'object',
+            properties: {
+              singleline: { enum: ['always', 'never'] },
+              multiline: { enum: ['always', 'never'] }
+            },
+            additionalProperties: false,
+            minProperties: 1
+          }
         },
         additionalProperties: false
       }
@@ -80,7 +128,9 @@ module.exports = {
           node.loc.start.line === prevToken.loc.end.line
             ? 'singleline'
             : 'multiline'
-        const expectedLineBreaks = options[type] === 'always' ? 1 : 0
+
+        const expectedLineBreaks = getExpectedLineBreaks(node, options, type)
+
         const actualLineBreaks =
           closingBracketToken.loc.start.line - prevToken.loc.end.line
 
diff --git a/tests/lib/rules/html-closing-bracket-newline.js b/tests/lib/rules/html-closing-bracket-newline.js
index 523b2d53a..3a032ba86 100644
--- a/tests/lib/rules/html-closing-bracket-newline.js
+++ b/tests/lib/rules/html-closing-bracket-newline.js
@@ -116,6 +116,42 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ]
     },
+    {
+      code: `
+        <template>
+          <MyComp
+            :foo="foo"
+          />
+          <MyComp :foo="foo" />
+        </template>
+      `,
+      options: [
+        {
+          selfClosingTag: {
+            singleline: 'never',
+            multiline: 'always'
+          }
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <MyComp :foo="foo"
+          />
+          <MyComp
+            :foo="foo" />
+        </template>
+      `,
+      options: [
+        {
+          selfClosingTag: {
+            singleline: 'always',
+            multiline: 'never'
+          }
+        }
+      ]
+    },
 
     // Ignore if no closing brackets
     `
@@ -479,6 +515,106 @@ tester.run('html-closing-bracket-newline', rule, {
           endColumn: 23
         }
       ]
+    },
+    {
+      code: `
+        <template>
+          <MyComp
+          />
+        </template>
+      `,
+      output: `
+        <template>
+          <MyComp/>
+        </template>
+      `,
+      options: [
+        {
+          selfClosingTag: {
+            singleline: 'never',
+            multiline: 'always'
+          }
+        }
+      ],
+      errors: [
+        'Expected no line breaks before closing bracket, but 1 line break found.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <MyComp
+            :foo="foo"/>
+        </template>
+      `,
+      output: `
+        <template>
+          <MyComp
+            :foo="foo"
+/>
+        </template>
+      `,
+      options: [
+        {
+          selfClosingTag: {
+            singleline: 'never',
+            multiline: 'always'
+          }
+        }
+      ],
+      errors: [
+        'Expected 1 line break before closing bracket, but no line breaks found.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <MyComp :foo="foo"/>
+        </template>
+      `,
+      output: `
+        <template>
+          <MyComp :foo="foo"
+/>
+        </template>
+      `,
+      options: [
+        {
+          selfClosingTag: {
+            singleline: 'always',
+            multiline: 'never'
+          }
+        }
+      ],
+      errors: [
+        'Expected 1 line break before closing bracket, but no line breaks found.'
+      ]
+    },
+    {
+      code: `
+        <template>
+          <MyComp
+            :foo="foo"
+          />
+        </template>
+      `,
+      output: `
+        <template>
+          <MyComp
+            :foo="foo"/>
+        </template>
+      `,
+      options: [
+        {
+          selfClosingTag: {
+            singleline: 'always',
+            multiline: 'never'
+          }
+        }
+      ],
+      errors: [
+        'Expected no line breaks before closing bracket, but 1 line break found.'
+      ]
     }
   ]
 })

From cc0b0f0fc6b4458ad4159eb35d5ba09f26fc1305 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Wed, 27 Dec 2023 15:27:05 +0800
Subject: [PATCH 0680/1010] fix(no-unused-emit-declarations): detect emits in
 templates (#2340)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-unused-emit-declarations.js      | 20 +++++++++++
 .../lib/rules/no-unused-emit-declarations.js  | 34 +++++++++++++++++--
 2 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-unused-emit-declarations.js b/lib/rules/no-unused-emit-declarations.js
index f96004a36..ee43248cb 100644
--- a/lib/rules/no-unused-emit-declarations.js
+++ b/lib/rules/no-unused-emit-declarations.js
@@ -56,6 +56,17 @@ function hasReferenceId(value, setupContext) {
   )
 }
 
+/**
+ * Check if the given name matches emitReferenceIds variable name
+ * @param {string} name
+ * @param {Set<Identifier>} emitReferenceIds
+ * @returns {boolean}
+ */
+function isEmitVariableName(name, emitReferenceIds) {
+  const emitVariable = emitReferenceIds.values().next().value.name
+  return emitVariable === name
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -191,6 +202,15 @@ module.exports = {
           }
 
           const { contextReferenceIds, emitReferenceIds } = setupContext
+
+          // verify defineEmits variable in template
+          if (
+            callee.type === 'Identifier' &&
+            isEmitVariableName(callee.name, emitReferenceIds)
+          ) {
+            addEmitCall(node)
+          }
+
           // verify setup(props,{emit}) {emit()}
           addEmitCallByReference(callee, emitReferenceIds, node)
           if (emit && emit.name === 'emit') {
diff --git a/tests/lib/rules/no-unused-emit-declarations.js b/tests/lib/rules/no-unused-emit-declarations.js
index 0667ad464..10bf3b33a 100644
--- a/tests/lib/rules/no-unused-emit-declarations.js
+++ b/tests/lib/rules/no-unused-emit-declarations.js
@@ -98,6 +98,17 @@ tester.run('no-unused-emit-declarations', rule, {
         }
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="emits('bar')">Bar</button>
+      </template>
+      <script setup>
+        const emits = defineEmits(['bar'])
+      </script>
+      `
+    },
     {
       filename: 'test.vue',
       code: `
@@ -237,7 +248,7 @@ tester.run('no-unused-emit-declarations', rule, {
         export default {
           emits: ['foo'],
           setup(_, context) {
-            useCustomComposable({ emit: context.emit }) 
+            useCustomComposable({ emit: context.emit })
           }
         }
       </script>
@@ -282,7 +293,7 @@ tester.run('no-unused-emit-declarations', rule, {
         export default {
           emits: ['foo'],
           setup(_, { emit }) {
-            useCustomComposable({ emit: emit }) 
+            useCustomComposable({ emit: emit })
           }
         }
       </script>
@@ -453,6 +464,25 @@ tester.run('no-unused-emit-declarations', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="emit('bar')">Bar</button>
+      </template>
+      <script setup>
+        const emit = defineEmits(['foo', 'bar'])
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 6,
+          column: 35,
+          endColumn: 40
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From d99f37bbb0e08c907e64be4c8b04e97b3b5edf3d Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Wed, 27 Dec 2023 15:28:54 +0800
Subject: [PATCH 0681/1010] fix(require-explicit-emits): detect template emits
 (#2350)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/require-explicit-emits.js       | 27 ++++++++++++++++++-
 tests/lib/rules/require-explicit-emits.js | 32 +++++++++++++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index 7e06bf478..ba5c406b1 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -71,6 +71,22 @@ function getNameParamNode(node) {
   return null
 }
 
+/**
+ * Check if the given name matches defineEmitsNode variable name
+ * @param {string} name
+ * @param {CallExpression | undefined} defineEmitsNode
+ * @returns {boolean}
+ */
+function isEmitVariableName(name, defineEmitsNode) {
+  const node = defineEmitsNode?.parent
+
+  if (node?.type === 'VariableDeclarator' && node.id.type === 'Identifier') {
+    return name === node.id.name
+  }
+
+  return false
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -251,7 +267,16 @@ module.exports = {
           if (!vueTemplateDefineData) {
             return
           }
-          if (callee.type === 'Identifier' && callee.name === '$emit') {
+
+          // e.g. $emit() / emit() in template
+          if (
+            callee.type === 'Identifier' &&
+            (callee.name === '$emit' ||
+              isEmitVariableName(
+                callee.name,
+                vueTemplateDefineData.defineEmits
+              ))
+          ) {
             verifyEmit(
               vueTemplateDefineData.emits,
               vueTemplateDefineData.props,
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index af90569dd..89ae47627 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -461,6 +461,19 @@ tester.run('require-explicit-emits', rule, {
       `,
       parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="emit('foo')"/>
+        <div @click="emit('bar')"/>
+      </template>
+      <script setup lang="ts">
+      const emit = defineEmits<(e: 'foo' | 'bar') => void>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+    },
 
     // unknown emits definition
     {
@@ -1983,6 +1996,25 @@ emits: {'foo': null}
         }
       ],
       ...getTypeScriptFixtureTestOptions()
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @click="emit('bar')"/>
+      </template>
+      <script setup lang="ts">
+      const emit = defineEmits<(e: 'foo') => void>()
+      </script>
+      `,
+      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
+      errors: [
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `defineEmits`.',
+          line: 3
+        }
+      ]
     }
   ]
 })

From 63a17bdf7248db71f9e5fea150b7e5998863896a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A1ndor=20Levcs=C3=A1k?=
 <37511777+levchak0910@users.noreply.github.com>
Date: Thu, 28 Dec 2023 08:18:46 +0100
Subject: [PATCH 0682/1010] feat(no-unused-properties): mark $props.<prop> as
 used (#2345)

---
 lib/utils/property-references.js        |  28 ++++-
 tests/lib/rules/no-unused-properties.js | 158 ++++++++++++++++++++++++
 2 files changed, 184 insertions(+), 2 deletions(-)

diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 4d4e39805..1ed26640f 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -317,7 +317,22 @@ function definePropertyReferenceExtractor(
           if (parent.object === node) {
             // `arg.foo`
             const name = utils.getStaticPropertyName(parent)
-            if (name) {
+
+            if (
+              name === '$props' &&
+              parent.parent.type === 'MemberExpression'
+            ) {
+              // `$props.arg`
+              const propName = utils.getStaticPropertyName(parent.parent)
+
+              if (!propName) return unknownMemberAsUnreferenced ? NEVER : ANY
+
+              return new PropertyReferencesForMember(
+                parent.parent,
+                propName,
+                withInTemplate
+              )
+            } else if (name) {
               return new PropertyReferencesForMember(
                 parent,
                 name,
@@ -655,8 +670,17 @@ function definePropertyReferenceExtractor(
           references.push(extractFromExpression(id, true))
         }
       } else {
+        const referenceId =
+          id.name === '$props' &&
+          id.parent.type === 'MemberExpression' &&
+          id.parent.property.type === 'Identifier'
+            ? id.parent.property
+            : id
+
         references.push(
-          extractFromName(id.name, id, () => extractFromExpression(id, true))
+          extractFromName(referenceId.name, referenceId, () =>
+            extractFromExpression(referenceId, true)
+          )
         )
       }
     }
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 0139559b1..3363f9128 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -67,6 +67,19 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            created() {
+              alert(this.$props.count + 1)
+            }
+          };
+        </script>
+      `
+    },
     // default options
     {
       filename: 'test.vue',
@@ -139,6 +152,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used as a template $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ $props.count }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          }
+        </script>
+      `
+    },
 
     // properties used in a template expression
     {
@@ -154,6 +181,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // properties used in a template expression as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ $props.count1 + $props.count2 }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count1', 'count2']
+          };
+        </script>
+      `
+    },
 
     // a property used in v-if
     {
@@ -173,6 +214,24 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used in v-if as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="$props.count > 0"></div>
+        </template>
+        <script>
+          export default {
+            props: {
+              count: {
+                type: Number
+              }
+            }
+          };
+        </script>
+      `
+    },
 
     // a property used in v-for
     {
@@ -193,6 +252,25 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used in v-for as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="color in $props.colors">{{ color }}</div>
+        </template>
+        <script>
+          export default {
+            props: {
+              colors: {
+                type: Array,
+                default: () => []
+              }
+            }
+          };
+        </script>
+      `
+    },
 
     // a property used in v-html
     {
@@ -208,6 +286,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used in v-html as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-html="$props.message" />
+        </template>
+        <script>
+          export default {
+            props: ['message']
+          };
+        </script>
+      `
+    },
 
     // a property passed in a component
     {
@@ -223,6 +315,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property passed in a component as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <counter :count="$props.count" />
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          };
+        </script>
+      `
+    },
 
     // a property used in v-on
     {
@@ -238,6 +344,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used in v-on as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <button @click="alert($props.count)" />
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          };
+        </script>
+      `
+    },
 
     // data used in a script expression
     {
@@ -1196,6 +1316,21 @@ tester.run('no-unused-properties', rule, {
       </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: ['x'],
+          computed: {
+            y: {
+              get: () => this.$props.x * 2
+            }
+          }
+        };
+      </script>
+      `
+    },
 
     // deep data
     {
@@ -1587,6 +1722,29 @@ tester.run('no-unused-properties', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      </template>
+      <script>
+      export default {
+        props: {
+          a: String,
+        },
+        computed: {
+          /** @public */
+          b () { return this.$props.a },
+        },
+      }
+      </script>`,
+      options: [
+        {
+          groups: ['props', 'computed'],
+          ignorePublicMembers: true
+        }
+      ]
+    },
 
     // expose
     {

From a89dd10e0a716901e964340116a57e0a70a4375d Mon Sep 17 00:00:00 2001
From: Farid Akhmedov <36966275+fuale@users.noreply.github.com>
Date: Thu, 28 Dec 2023 14:28:23 +0700
Subject: [PATCH 0683/1010] Add Vuex support to `vue/no-unused-properties`
 (#2276)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-unused-properties.js       |  84 ++-
 tests/lib/rules/no-unused-properties.js | 671 ++++++++++++++++++++++++
 2 files changed, 753 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index fd9b0df2c..b64c42d36 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -268,6 +268,7 @@ module.exports = {
       }
       return container
     }
+
     /**
      * @param {string[]} segments
      * @param {Expression} propertyValue
@@ -350,6 +351,7 @@ module.exports = {
           ) {
             continue
           }
+
           if (propertyReferences.hasProperty(property.name)) {
             // used
             if (
@@ -453,8 +455,84 @@ module.exports = {
         }
       }),
       utils.defineVueVisitor(context, {
-        onVueObjectEnter(node) {
-          const container = getVueComponentPropertiesContainer(node)
+        /**
+         * e.g. `mapMutations({ add: 'increment' })`
+         * @param {Property} node
+         * @param {VueObjectData} vueData
+         */
+        'CallExpression[callee.name=/^(mapMutations|mapActions)$/][arguments] ObjectExpression Property'(
+          node,
+          vueData
+        ) {
+          const container = getVueComponentPropertiesContainer(vueData.node)
+
+          container.properties.push({
+            type: 'array',
+            name: utils.getStaticPropertyName(node),
+            groupName: 'methods',
+            node
+          })
+        },
+
+        /**
+         * e.g. `mapMutations(['add'])`
+         * @param {Literal} node
+         * @param {VueObjectData} vueData
+         */
+        'CallExpression[callee.name=/^(mapMutations|mapActions)$/][arguments] ArrayExpression Literal'(
+          node,
+          vueData
+        ) {
+          const container = getVueComponentPropertiesContainer(vueData.node)
+
+          container.properties.push({
+            type: 'array',
+            name: utils.getStringLiteralValue(node),
+            groupName: 'methods',
+            node
+          })
+        },
+
+        /**
+         * e.g. `mapState({ count: state => state.todosCount })`
+         * @param {Property} node
+         * @param {VueObjectData} vueData
+         */
+        'CallExpression[callee.name=/^(mapState|mapGetters)$/][arguments] ObjectExpression Property'(
+          node,
+          vueData
+        ) {
+          const container = getVueComponentPropertiesContainer(vueData.node)
+
+          container.properties.push({
+            type: 'array',
+            name: utils.getStaticPropertyName(node),
+            groupName: 'computed',
+            node
+          })
+        },
+
+        /**
+         * e.g. `mapState(['count'])`
+         * @param {Literal} node
+         * @param {VueObjectData} vueData
+         */
+        'CallExpression[callee.name=/^(mapState|mapGetters)$/][arguments] ArrayExpression Literal'(
+          node,
+          vueData
+        ) {
+          const container = getVueComponentPropertiesContainer(vueData.node)
+
+          container.properties.push({
+            type: 'array',
+            name: utils.getStringLiteralValue(node),
+            groupName: 'computed',
+            node
+          })
+        },
+
+        onVueObjectEnter(node, vueNode) {
+          const container = getVueComponentPropertiesContainer(vueNode.node)
 
           for (const watcherOrExpose of utils.iterateProperties(
             node,
@@ -495,8 +573,10 @@ module.exports = {
               )
             }
           }
+
           container.properties.push(...utils.iterateProperties(node, groups))
         },
+
         /** @param { (FunctionExpression | ArrowFunctionExpression) & { parent: Property }} node */
         'ObjectExpression > Property > :function[params.length>0]'(
           node,
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 3363f9128..f71a26519 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -53,6 +53,273 @@ const unreferencedOptions = {
 
 tester.run('no-unused-properties', rule, {
   valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(["bar"]),
+            },
+            methods: {
+              baz() {
+                return this.bar
+              }
+            }
+          }
+        </script>
+        <template>
+          {{ baz() }}
+        </template>
+      `,
+      options: allOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapMutations({
+              add: 'increment'
+            })
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapMutations({
+                add: 'increment'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapMutations(['add'])
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              methods: {
+                ...mapMutations(['add'])
+              }
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapActions({
+                add: 'increment'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapActions({
+              add: 'increment'
+            })
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapActions(['add'])
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapActions(['add'])
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count: state => state.todosCount
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState({
+                count: state => state.todosCount
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count (state) {
+                return state.todosCount
+              }
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(['count']),
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters(['count1', 'count2'])
+          }
+        </script>
+        <template>
+          {{ count1 }} {{ count2 }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters({
+              count: 'count'
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters({
+                count: 'count'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState(['count'])
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
     // a property used in a script expression
     {
       filename: 'test.vue',
@@ -1888,6 +2155,410 @@ tester.run('no-unused-properties', rule, {
     }
   ],
   invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapMutations({
+              add2: 'increment',
+              add: 'iqwnei'
+            })
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapMutations({
+                add2: 'increment',
+                add: 'inrement'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapMutations(['add', 'add2'])
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              methods: {
+                ...mapMutations(['add', 'add2'])
+              }
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapActions({
+                add2: 'increment',
+                add: 'qweqwqewqwe'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapActions({
+              add2: 'increment',
+              add: 'inasdasda'
+            })
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapActions(['add', 'add2'])
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapActions(['add', 'add2'])
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count2: state => state.todosCount,
+              count: state => state.todosCount
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState({
+                count2: state => state.todosCount,
+                count: state => state.todosCount
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count2 (state) {
+                return state.todosCount
+              },
+
+              count (state) {
+                return state.todosCount
+              }
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(['count', 'count2']),
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters(['count1', 'count2', 'count'])
+          }
+        </script>
+        <template>
+          {{ count1 }} {{ count2 }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters({
+              count2: 'count',
+              count: 'count'
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters({
+                count: 'count',
+                count3: 'count2'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count3' of computed property found, but never used.",
+          line: 7
+        }
+      ]
+    },
+
+    // vuex unused state
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState(['count', 'count2', 'count3'])
+            }
+          }
+        </script>
+        <template>
+          {{ count2 }} {{ count3 }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+
+    // vuex unused state
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count: 'todosCount',
+              count2: 'someCount'
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 6
+        }
+      ]
+    },
+
+    // vuex unused state
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState(['count', 'additional'])
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'additional' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+
     // unused property
     {
       filename: 'test.vue',

From e2f8b70db0eda9f736a19704d144ff1b9bd1bd06 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Mon, 8 Jan 2024 21:18:18 +0800
Subject: [PATCH 0684/1010] feat(define-macros-order): add `defineExposeLast`
 option (#2349)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/define-macros-order.md             |  34 +++-
 lib/rules/define-macros-order.js              |  77 ++++++++-
 lib/utils/index.js                            |   9 +
 tests/lib/rules/define-macros-order.js        | 156 ++++++++++++++++++
 typings/eslint-plugin-vue/util-types/utils.ts |   2 +
 5 files changed, 276 insertions(+), 2 deletions(-)

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index 37074f05c..24d25c56e 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -20,12 +20,14 @@ This rule reports the `defineProps` and `defineEmits` compiler macros when they
 ```json
 {
   "vue/define-macros-order": ["error", {
-    "order": ["defineProps", "defineEmits"]
+    "order": ["defineProps", "defineEmits"],
+    "defineExposeLast": false
   }]
 }
 ```
 
 - `order` (`string[]`) ... The order of defineEmits and defineProps macros. You can also add `"defineOptions"` and `"defineSlots"`.
+- `defineExposeLast` (`boolean`) ... Force `defineExpose` at the end.
 
 ### `{ "order": ["defineProps", "defineEmits"] }` (default)
 
@@ -111,6 +113,36 @@ const slots = defineSlots()
 
 </eslint-code-block>
 
+### `{ "defineExposeLast": true }`
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {defineExposeLast: true}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script setup>
+defineProps(/* ... */)
+defineEmits(/* ... */)
+const slots = defineSlots()
+defineExpose({/* ... */})
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {defineExposeLast: true}]}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+defineProps(/* ... */)
+defineEmits(/* ... */)
+defineExpose({/* ... */})
+const slots = defineSlots()
+</script>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v8.7.0
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 5a678db42..b55c5e8c7 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -95,8 +95,12 @@ function create(context) {
   const options = context.options
   /** @type {[string, string]} */
   const order = (options[0] && options[0].order) || DEFAULT_ORDER
+  /** @type {boolean} */
+  const defineExposeLast = (options[0] && options[0].defineExposeLast) || false
   /** @type {Map<string, ASTNode>} */
   const macrosNodes = new Map()
+  /** @type {ASTNode} */
+  let defineExposeNode
 
   return utils.compositingVisitors(
     utils.defineScriptSetupVisitor(context, {
@@ -111,6 +115,9 @@ function create(context) {
       },
       onDefineSlotsExit(node) {
         macrosNodes.set(MACROS_SLOTS, getDefineMacrosStatement(node))
+      },
+      onDefineExposeExit(node) {
+        defineExposeNode = getDefineMacrosStatement(node)
       }
     }),
     {
@@ -131,6 +138,14 @@ function create(context) {
             (data) => utils.isDef(data.node)
           )
 
+        // check last node
+        if (defineExposeLast) {
+          const lastNode = program.body[program.body.length - 1]
+          if (defineExposeNode && lastNode !== defineExposeNode) {
+            reportExposeNotOnBottom(defineExposeNode, lastNode)
+          }
+        }
+
         for (const [index, should] of orderedList.entries()) {
           const targetStatement = program.body[firstStatementIndex + index]
 
@@ -172,6 +187,58 @@ function create(context) {
     })
   }
 
+  /**
+   * @param {ASTNode} node
+   * @param {ASTNode} lastNode
+   */
+  function reportExposeNotOnBottom(node, lastNode) {
+    context.report({
+      node,
+      loc: node.loc,
+      messageId: 'defineExposeNotTheLast',
+      suggest: [
+        {
+          messageId: 'putExposeAtTheLast',
+          fix(fixer) {
+            return moveNodeToLast(fixer, node, lastNode)
+          }
+        }
+      ]
+    })
+  }
+
+  /**
+   * Move all lines of "node" with its comments to after the "target"
+   * @param {RuleFixer} fixer
+   * @param {ASTNode} node
+   * @param {ASTNode} target
+   */
+  function moveNodeToLast(fixer, node, target) {
+    // get comments under tokens(if any)
+    const beforeNodeToken = sourceCode.getTokenBefore(node)
+    const nodeComment = sourceCode.getTokenAfter(beforeNodeToken, {
+      includeComments: true
+    })
+    const nextNodeComment = sourceCode.getTokenAfter(node, {
+      includeComments: true
+    })
+
+    // remove position: node (and comments) to next node (and comments)
+    const cutStart = getLineStartIndex(nodeComment, beforeNodeToken)
+    const cutEnd = getLineStartIndex(nextNodeComment, node)
+
+    // insert text: comment + node
+    const textNode = sourceCode.getText(
+      node,
+      node.range[0] - beforeNodeToken.range[1]
+    )
+
+    return [
+      fixer.insertTextAfter(target, textNode),
+      fixer.removeRange([cutStart, cutEnd])
+    ]
+  }
+
   /**
    * Move all lines of "node" with its comments to before the "target"
    * @param {RuleFixer} fixer
@@ -255,6 +322,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/define-macros-order.html'
     },
     fixable: 'code',
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -266,6 +334,9 @@ module.exports = {
             },
             uniqueItems: true,
             additionalItems: false
+          },
+          defineExposeLast: {
+            type: 'boolean'
           }
         },
         additionalProperties: false
@@ -273,7 +344,11 @@ module.exports = {
     ],
     messages: {
       macrosNotOnTop:
-        '{{macro}} should be the first statement in `<script setup>` (after any potential import statements or type definitions).'
+        '{{macro}} should be the first statement in `<script setup>` (after any potential import statements or type definitions).',
+      defineExposeNotTheLast:
+        '`defineExpose` should be the last statement in `<script setup>`.',
+      putExposeAtTheLast:
+        'Put `defineExpose` as the last statement in `<script setup>`.'
     }
   },
   create
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 9127fa95e..1928571c2 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1314,6 +1314,8 @@ module.exports = {
    * - `onDefineOptionsExit` ... Event when defineOptions visit ends.
    * - `onDefineSlotsEnter` ... Event when defineSlots is found.
    * - `onDefineSlotsExit` ... Event when defineSlots visit ends.
+   * - `onDefineExposeEnter` ... Event when defineExpose is found.
+   * - `onDefineExposeExit` ... Event when defineExpose visit ends.
    *
    * @param {RuleContext} context The ESLint rule context object.
    * @param {ScriptSetupVisitor} visitor The visitor to traverse the AST nodes.
@@ -1401,6 +1403,13 @@ module.exports = {
         'onDefineSlotsExit',
         (candidateMacro, node) => candidateMacro === node,
         () => undefined
+      ),
+      new MacroListener(
+        'defineExpose',
+        'onDefineExposeEnter',
+        'onDefineExposeExit',
+        (candidateMacro, node) => candidateMacro === node,
+        () => undefined
       )
     ].filter((m) => m.hasListener)
     if (macroListenerList.length > 0) {
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 428e42eaf..c58fd516f 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -27,10 +27,22 @@ const optionsPropsFirst = [
   }
 ]
 
+const optionsExposeLast = [
+  {
+    defineExposeLast: true
+  }
+]
+
 function message(macro) {
   return `${macro} should be the first statement in \`<script setup>\` (after any potential import statements or type definitions).`
 }
 
+const defineExposeNotTheLast =
+  '`defineExpose` should be the last statement in `<script setup>`.'
+
+const putExposeAtBottom =
+  'Put `defineExpose` as the last statement in `<script setup>`.'
+
 tester.run('define-macros-order', rule, {
   valid: [
     {
@@ -170,6 +182,48 @@ tester.run('define-macros-order', rule, {
           order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import Foo from 'foo'
+          /** props */
+          defineProps(['foo'])
+          /** options */
+          defineOptions({})
+          /** expose */
+          defineExpose({})
+        </script>
+      `,
+      options: optionsExposeLast
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          import Foo from 'foo'
+          /** props */
+          const props = defineProps({
+            test: Boolean
+          })
+          /** emits */
+          defineEmits(['update:foo'])
+          /** slots */
+          const slots = defineSlots()
+          /** expose */
+          defineExpose({})
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineProps', 'defineEmits'],
+          defineExposeLast: true
+        }
+      ],
+      parserOptions: {
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
   invalid: [
@@ -622,6 +676,108 @@ tester.run('define-macros-order', rule, {
           line: 6
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          /** emits */
+          defineEmits(['update:foo'])
+          /** expose */
+          defineExpose({})
+          /** slots */
+          const slots = defineSlots()
+        </script>
+      `,
+      output: null,
+      options: optionsExposeLast,
+      errors: [
+        {
+          message: defineExposeNotTheLast,
+          line: 6,
+          suggestions: [
+            {
+              desc: putExposeAtBottom,
+              output: `
+        <script setup>
+          /** emits */
+          defineEmits(['update:foo'])
+          /** slots */
+          const slots = defineSlots()
+          /** expose */
+          defineExpose({})
+        </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          /** emits */
+          defineEmits(['update:foo'])
+          /** expose */
+          defineExpose({})
+          /** options */
+          defineOptions({})
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+        </script>
+      `,
+      output: `
+        <script setup>
+          /** options */
+          defineOptions({})
+          /** emits */
+          defineEmits(['update:foo'])
+          /** expose */
+          defineExpose({})
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineOptions', 'defineEmits', 'defineProps'],
+          defineExposeLast: true
+        }
+      ],
+      errors: [
+        {
+          message: defineExposeNotTheLast,
+          line: 6,
+          suggestions: [
+            {
+              desc: putExposeAtBottom,
+              output: `
+        <script setup>
+          /** emits */
+          defineEmits(['update:foo'])
+          /** options */
+          defineOptions({})
+          /** props */
+          const props = defineProps(['foo'])
+          /** slots */
+          const slots = defineSlots()
+          /** expose */
+          defineExpose({})
+        </script>
+      `
+            }
+          ]
+        },
+        {
+          message: message('defineOptions'),
+          line: 8
+        }
+      ]
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index b2704769f..4d8384d66 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -44,6 +44,8 @@ export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
   onDefineOptionsExit?(node: CallExpression): void
   onDefineSlotsEnter?(node: CallExpression): void
   onDefineSlotsExit?(node: CallExpression): void
+  onDefineExposeEnter?(node: CallExpression): void
+  onDefineExposeExit?(node: CallExpression): void
   [query: string]:
     | ((node: VAST.ParamNode) => void)
     | ((node: CallExpression, props: ComponentProp[]) => void)

From c232e26e797dc5e750a949a6eff55148fc206007 Mon Sep 17 00:00:00 2001
From: Mussin Benarbia <77260898+mussinbenarbia@users.noreply.github.com>
Date: Tue, 9 Jan 2024 17:07:26 +0900
Subject: [PATCH 0685/1010] Add new `vue/enforce-style-attribute` rule (#2110)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
Co-authored-by: Mussin Benarbia <mussin.benarbia@gmail.com>
---
 docs/rules/enforce-style-attribute.md      |  86 ++++++++++++
 docs/rules/index.md                        |   1 +
 lib/index.js                               |   1 +
 lib/rules/enforce-style-attribute.js       | 153 +++++++++++++++++++++
 tests/lib/rules/enforce-style-attribute.js | 148 ++++++++++++++++++++
 5 files changed, 389 insertions(+)
 create mode 100644 docs/rules/enforce-style-attribute.md
 create mode 100644 lib/rules/enforce-style-attribute.js
 create mode 100644 tests/lib/rules/enforce-style-attribute.js

diff --git a/docs/rules/enforce-style-attribute.md b/docs/rules/enforce-style-attribute.md
new file mode 100644
index 000000000..6dc042353
--- /dev/null
+++ b/docs/rules/enforce-style-attribute.md
@@ -0,0 +1,86 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/enforce-style-attribute
+description: enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
+---
+
+# vue/enforce-style-attribute
+
+> enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> **_This rule has not been released yet._** </badge>
+
+## :book: Rule Details
+
+This rule allows you to explicitly allow the use of the `scoped` and `module` attributes on your top level style tags.
+
+### `"scoped"`
+
+<eslint-code-block :rules="{'vue/enforce-style-attribute': ['error', { allow: ['scoped'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<style scoped></style>
+<style lang="scss" src="../path/to/style.scss" scoped></style>
+
+<!-- ✗ BAD -->
+<style module></style>
+
+<!-- ✗ BAD -->
+<style></style>
+```
+
+</eslint-code-block>
+
+### `"module"`
+
+<eslint-code-block :rules="{'vue/enforce-style-attribute': ['error', { allow: ['module'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<style module></style>
+
+<!-- ✗ BAD -->
+<style scoped></style>
+
+<!-- ✗ BAD -->
+<style></style>
+```
+
+</eslint-code-block>
+
+### `"plain"`
+
+<eslint-code-block :rules="{'vue/enforce-style-attribute': ['error', { allow: ['plain']}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<style></style>
+
+<!-- ✗ BAD -->
+<style scoped></style>
+
+<!-- ✗ BAD -->
+<style module></style>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/enforce-style-attribute": [
+    "error",
+    { "allow": ["scoped", "module", "plain"] }
+  ]
+}
+```
+
+- `"allow"` (`["scoped" | "module" | "plain"]`) Array of attributes to allow on a top level style tag. The option `plain` is used to allow style tags that have neither the `scoped` nor `module` attributes. Default: `["scoped"]`
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/enforce-style-attribute.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/enforce-style-attribute.js)
diff --git a/docs/rules/index.md b/docs/rules/index.md
index afc8deb98..4ff1cebbb 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -215,6 +215,7 @@ For example:
 | [vue/define-emits-declaration](./define-emits-declaration.md) | enforce declaration style of `defineEmits` |  | :hammer: |
 | [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench: | :lipstick: |
 | [vue/define-props-declaration](./define-props-declaration.md) | enforce declaration style of `defineProps` |  | :hammer: |
+| [vue/enforce-style-attribute](./enforce-style-attribute.md) | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |
 | [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: | :lipstick: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
diff --git a/lib/index.js b/lib/index.js
index 3497a7b4f..3eb5208ce 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -35,6 +35,7 @@ module.exports = {
     'define-props-declaration': require('./rules/define-props-declaration'),
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
+    'enforce-style-attribute': require('./rules/enforce-style-attribute'),
     eqeqeq: require('./rules/eqeqeq'),
     'first-attribute-linebreak': require('./rules/first-attribute-linebreak'),
     'func-call-spacing': require('./rules/func-call-spacing'),
diff --git a/lib/rules/enforce-style-attribute.js b/lib/rules/enforce-style-attribute.js
new file mode 100644
index 000000000..b4b39a73f
--- /dev/null
+++ b/lib/rules/enforce-style-attribute.js
@@ -0,0 +1,153 @@
+/**
+ * @author Mussin Benarbia
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { isVElement } = require('../utils')
+
+/**
+ * check whether a tag has the `scoped` attribute
+ * @param {VElement} componentBlock
+ */
+function isScoped(componentBlock) {
+  return componentBlock.startTag.attributes.some(
+    (attribute) => !attribute.directive && attribute.key.name === 'scoped'
+  )
+}
+
+/**
+ * check whether a tag has the `module` attribute
+ * @param {VElement} componentBlock
+ */
+function isModule(componentBlock) {
+  return componentBlock.startTag.attributes.some(
+    (attribute) => !attribute.directive && attribute.key.name === 'module'
+  )
+}
+
+/**
+ * check if a tag doesn't have either the `scoped` nor `module` attribute
+ * @param {VElement} componentBlock
+ */
+function isPlain(componentBlock) {
+  return !isScoped(componentBlock) && !isModule(componentBlock)
+}
+
+function getUserDefinedAllowedAttrs(context) {
+  if (context.options[0] && context.options[0].allow) {
+    return context.options[0].allow
+  }
+  return []
+}
+
+const defaultAllowedAttrs = ['scoped']
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/enforce-style-attribute.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          allow: {
+            type: 'array',
+            minItems: 1,
+            uniqueItems: true,
+            items: {
+              type: 'string',
+              enum: ['plain', 'scoped', 'module']
+            }
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      notAllowedScoped:
+        'The scoped attribute is not allowed. Allowed: {{ allowedAttrsString }}.',
+      notAllowedModule:
+        'The module attribute is not allowed. Allowed: {{ allowedAttrsString }}.',
+      notAllowedPlain:
+        'Plain <style> tags are not allowed. Allowed: {{ allowedAttrsString }}.'
+    }
+  },
+
+  /** @param {RuleContext} context */
+  create(context) {
+    const sourceCode = context.getSourceCode()
+    if (!sourceCode.parserServices.getDocumentFragment) {
+      return {}
+    }
+    const documentFragment = sourceCode.parserServices.getDocumentFragment()
+    if (!documentFragment) {
+      return {}
+    }
+
+    const topLevelElements = documentFragment.children.filter(isVElement)
+    const topLevelStyleTags = topLevelElements.filter(
+      (element) => element.rawName === 'style'
+    )
+
+    if (topLevelStyleTags.length === 0) {
+      return {}
+    }
+
+    const userDefinedAllowedAttrs = getUserDefinedAllowedAttrs(context)
+    const allowedAttrs =
+      userDefinedAllowedAttrs.length > 0
+        ? userDefinedAllowedAttrs
+        : defaultAllowedAttrs
+
+    const allowsPlain = allowedAttrs.includes('plain')
+    const allowsScoped = allowedAttrs.includes('scoped')
+    const allowsModule = allowedAttrs.includes('module')
+    const allowedAttrsString = [...allowedAttrs].sort().join(', ')
+
+    return {
+      Program() {
+        for (const styleTag of topLevelStyleTags) {
+          if (!allowsPlain && isPlain(styleTag)) {
+            context.report({
+              node: styleTag,
+              messageId: 'notAllowedPlain',
+              data: {
+                allowedAttrsString
+              }
+            })
+            return
+          }
+
+          if (!allowsScoped && isScoped(styleTag)) {
+            context.report({
+              node: styleTag,
+              messageId: 'notAllowedScoped',
+              data: {
+                allowedAttrsString
+              }
+            })
+            return
+          }
+
+          if (!allowsModule && isModule(styleTag)) {
+            context.report({
+              node: styleTag,
+              messageId: 'notAllowedModule',
+              data: {
+                allowedAttrsString
+              }
+            })
+            return
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/enforce-style-attribute.js b/tests/lib/rules/enforce-style-attribute.js
new file mode 100644
index 000000000..994b785ed
--- /dev/null
+++ b/tests/lib/rules/enforce-style-attribute.js
@@ -0,0 +1,148 @@
+/**
+ * @author Mussin Benarbia
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/enforce-style-attribute')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('enforce-style-attribute', rule, {
+  valid: [
+    // Default (scoped)
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style scoped></style>'
+    },
+    // With scoped option
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style scoped></style>',
+      options: [{ allow: ['scoped'] }]
+    },
+    // With module option
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style module></style>',
+      options: [{ allow: ['module'] }]
+    },
+    // With plain option
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style></style>',
+      options: [{ allow: ['plain'] }]
+    },
+    // With all options
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style scoped></style>',
+      options: [{ allow: ['scoped', 'module', 'plain'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style module></style>',
+      options: [{ allow: ['scoped', 'module', 'plain'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template></template><script></script><style></style>',
+      options: [{ allow: ['scoped', 'module', 'plain'] }]
+    }
+  ],
+  invalid: [
+    // With default (scoped)
+    {
+      code: `<template></template><script></script><style></style>`,
+      errors: [
+        {
+          message: 'Plain <style> tags are not allowed. Allowed: scoped.'
+        }
+      ]
+    },
+    {
+      code: `<template></template><script></script><style module></style>`,
+      errors: [
+        {
+          message: 'The module attribute is not allowed. Allowed: scoped.'
+        }
+      ]
+    },
+    // With scoped option
+    {
+      code: `<template></template><script></script><style></style>`,
+      options: [{ allow: ['scoped'] }],
+      errors: [
+        {
+          message: 'Plain <style> tags are not allowed. Allowed: scoped.'
+        }
+      ]
+    },
+    {
+      code: `<template></template><script></script><style module></style>`,
+      options: [{ allow: ['scoped'] }],
+      errors: [
+        {
+          message: 'The module attribute is not allowed. Allowed: scoped.'
+        }
+      ]
+    },
+    // With module option
+    {
+      code: `<template></template><script></script><style></style>`,
+      options: [{ allow: ['module'] }],
+      errors: [
+        {
+          message: 'Plain <style> tags are not allowed. Allowed: module.'
+        }
+      ]
+    },
+    {
+      code: `<template></template><script></script><style scoped></style>`,
+      options: [{ allow: ['module'] }],
+      errors: [
+        {
+          message: 'The scoped attribute is not allowed. Allowed: module.'
+        }
+      ]
+    },
+    // With different combinations of two options
+    {
+      code: `<template></template><script></script><style></style>`,
+      options: [{ allow: ['module', 'scoped'] }],
+      errors: [
+        {
+          message:
+            'Plain <style> tags are not allowed. Allowed: module, scoped.'
+        }
+      ]
+    },
+    {
+      code: `<template></template><script></script><style module></style>`,
+      options: [{ allow: ['scoped', 'plain'] }],
+      errors: [
+        {
+          message:
+            'The module attribute is not allowed. Allowed: plain, scoped.'
+        }
+      ]
+    },
+    {
+      code: `<template></template><script></script><style scoped></style>`,
+      options: [{ allow: ['module', 'plain'] }],
+      errors: [
+        {
+          message:
+            'The scoped attribute is not allowed. Allowed: module, plain.'
+        }
+      ]
+    }
+  ]
+})

From ea29fd43b2da9b392adb8e56eafa463560e4a29e Mon Sep 17 00:00:00 2001
From: ota-meshi <otameshiyo23@gmail.com>
Date: Tue, 9 Jan 2024 17:12:19 +0900
Subject: [PATCH 0686/1010] format

---
 docs/rules/define-macros-order.md          | 1 +
 docs/rules/enforce-style-attribute.md      | 3 +--
 docs/rules/html-closing-bracket-newline.md | 1 -
 docs/rules/index.md                        | 2 +-
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index 24d25c56e..d46fc5108 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -10,6 +10,7 @@ since: v8.7.0
 > enforce order of `defineEmits` and `defineProps` compiler macros
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
 
diff --git a/docs/rules/enforce-style-attribute.md b/docs/rules/enforce-style-attribute.md
index 6dc042353..03fd6072d 100644
--- a/docs/rules/enforce-style-attribute.md
+++ b/docs/rules/enforce-style-attribute.md
@@ -4,12 +4,11 @@ sidebarDepth: 0
 title: vue/enforce-style-attribute
 description: enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
 ---
-
 # vue/enforce-style-attribute
 
 > enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> **_This rule has not been released yet._** </badge>
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index f47d4ac7b..36827caf0 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -5,7 +5,6 @@ title: vue/html-closing-bracket-newline
 description: require or disallow a line break before tag's closing brackets
 since: v4.1.0
 ---
-
 # vue/html-closing-bracket-newline
 
 > require or disallow a line break before tag's closing brackets
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 4ff1cebbb..6e4c2fe68 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -213,7 +213,7 @@ For example:
 | [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: | :hammer: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  | :hammer: |
 | [vue/define-emits-declaration](./define-emits-declaration.md) | enforce declaration style of `defineEmits` |  | :hammer: |
-| [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench: | :lipstick: |
+| [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench::bulb: | :lipstick: |
 | [vue/define-props-declaration](./define-props-declaration.md) | enforce declaration style of `defineProps` |  | :hammer: |
 | [vue/enforce-style-attribute](./enforce-style-attribute.md) | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |

From 8035aa3c12e0dc56d672fa89d4221bb61bd43507 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 9 Jan 2024 17:25:06 +0900
Subject: [PATCH 0687/1010] Upgrade vue-eslint-parser and add support for
 v-bind same-name shorthand (#2357)

---
 docs/rules/no-unsupported-features.md         |  2 +
 lib/rules/html-quotes.js                      |  5 +
 lib/rules/no-unsupported-features.js          |  9 +-
 .../syntaxes/v-bind-same-name-shorthand.js    | 34 +++++++
 lib/utils/index.js                            | 17 ++++
 package.json                                  |  2 +-
 tests/lib/rules/html-button-has-type.js       | 10 --
 tests/lib/rules/html-quotes.js                |  9 ++
 .../lib/rules/no-deprecated-slot-attribute.js |  2 +-
 .../v-bind-same-name-shorthand.js             | 95 +++++++++++++++++++
 tests/lib/rules/no-unused-components.js       | 27 ------
 tests/lib/rules/v-bind-style.js               | 15 +++
 tests/lib/rules/valid-v-bind.js               | 14 ++-
 13 files changed, 195 insertions(+), 46 deletions(-)
 create mode 100644 lib/rules/syntaxes/v-bind-same-name-shorthand.js
 create mode 100644 tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 2e7d67501..393a30476 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -29,6 +29,8 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `version` ... The `version` option accepts [the valid version range of `node-semver`](https://github.com/npm/node-semver#range-grammar). Set the version of Vue.js you are using. This option is required.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
+  - Vue.js 3.4.0+
+    - `"v-bind-same-name-shorthand"` ... `v-bind` same-name shorthand.
   - Vue.js 3.3.0+
     - `"define-slots"` ... `defineSlots()` macro.
     - `"define-options"` ... `defineOptions()` macro.
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index d1c2b6ffb..2be837c0d 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -51,6 +51,11 @@ module.exports = {
             return
           }
 
+          if (utils.isVBindSameNameShorthand(node)) {
+            // v-bind same-name shorthand (Vue 3.4+)
+            return
+          }
+
           const text = sourceCode.getText(node.value)
           const firstChar = text[0]
 
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 07123818f..e40d55ebe 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -35,7 +35,9 @@ const FEATURES = {
   'v-bind-attr-modifier': require('./syntaxes/v-bind-attr-modifier'),
   // Vue.js 3.3.0+
   'define-options': require('./syntaxes/define-options'),
-  'define-slots': require('./syntaxes/define-slots')
+  'define-slots': require('./syntaxes/define-slots'),
+  // Vue.js 3.4.0+
+  'v-bind-same-name-shorthand': require('./syntaxes/v-bind-same-name-shorthand')
 }
 
 const SYNTAX_NAMES = /** @type {(keyof FEATURES)[]} */ (Object.keys(FEATURES))
@@ -124,7 +126,10 @@ module.exports = {
       forbiddenDefineOptions:
         '`defineOptions()` macros are not supported until Vue.js "3.3.0".',
       forbiddenDefineSlots:
-        '`defineSlots()` macros are not supported until Vue.js "3.3.0".'
+        '`defineSlots()` macros are not supported until Vue.js "3.3.0".',
+      // Vue.js 3.4.0+
+      forbiddenVBindSameNameShorthand:
+        '`v-bind` same-name shorthand is not supported until Vue.js "3.4.0".'
     }
   },
   /** @param {RuleContext} context */
diff --git a/lib/rules/syntaxes/v-bind-same-name-shorthand.js b/lib/rules/syntaxes/v-bind-same-name-shorthand.js
new file mode 100644
index 000000000..d9e7a388c
--- /dev/null
+++ b/lib/rules/syntaxes/v-bind-same-name-shorthand.js
@@ -0,0 +1,34 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../utils')
+
+module.exports = {
+  supported: '>=3.4.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createTemplateBodyVisitor(context) {
+    /**
+     * Verify the directive node
+     * @param {VDirective} node The directive node to check
+     * @returns {void}
+     */
+    function checkDirective(node) {
+      if (utils.isVBindSameNameShorthand(node)) {
+        context.report({
+          node,
+          messageId: 'forbiddenVBindSameNameShorthand',
+          // fix to use `:x="x"` (downgrade)
+          fix: (fixer) =>
+            fixer.insertTextAfter(node, `="${node.value.expression.name}"`)
+        })
+      }
+    }
+
+    return {
+      "VAttribute[directive=true][key.name.name='bind']": checkDirective
+    }
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 1928571c2..0cd842e13 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -828,6 +828,8 @@ module.exports = {
    */
   hasDirective,
 
+  isVBindSameNameShorthand,
+
   /**
    * Returns the list of all registered components
    * @param {ObjectExpression} componentObject
@@ -3021,6 +3023,21 @@ function hasDirective(node, name, argument) {
   return Boolean(getDirective(node, name, argument))
 }
 
+/**
+ * Check whether the given directive node is v-bind same-name shorthand.
+ * @param {VAttribute | VDirective} node The directive node to check.
+ * @returns {node is VDirective & { value: VExpressionContainer & { expression: Identifier } }} `true` if the directive node is v-bind same-name shorthand.
+ */
+function isVBindSameNameShorthand(node) {
+  return (
+    node.directive &&
+    node.key.name.name === 'bind' &&
+    node.value?.expression?.type === 'Identifier' &&
+    node.key.range[0] <= node.value.range[0] &&
+    node.value.range[1] <= node.key.range[1]
+  )
+}
+
 /**
  * Checks whether given defineProps call node has withDefaults.
  * @param {CallExpression} node The node of defineProps
diff --git a/package.json b/package.json
index 17e6c0571..dca226eda 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.13",
     "semver": "^7.5.4",
-    "vue-eslint-parser": "^9.3.1",
+    "vue-eslint-parser": "^9.4.0",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index 0ba8dba19..3b5fcef6e 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -203,16 +203,6 @@ ruleTester.run('html-button-has-type', rule, {
           column: 25
         }
       ]
-    },
-    {
-      filename: 'test.vue',
-      code: `<template><button v-bind:type>Hello World</button></template>`,
-      errors: [
-        {
-          message: 'A value must be set for button type attribute.',
-          column: 19
-        }
-      ]
     }
   ]
 })
diff --git a/tests/lib/rules/html-quotes.js b/tests/lib/rules/html-quotes.js
index 62b151509..b151245f0 100644
--- a/tests/lib/rules/html-quotes.js
+++ b/tests/lib/rules/html-quotes.js
@@ -58,6 +58,15 @@ tester.run('html-quotes', rule, {
       code: '<template><div attr="foo\'bar"></div></template>',
       options: ['single', { avoidEscape: true }]
     },
+    // v-bind same-name shorthand (Vue 3.4+)
+    {
+      code: '<template><div :foo /></template>',
+      options: ['double']
+    },
+    {
+      code: '<template><div :foo /></template>',
+      options: ['single']
+    },
 
     // Invalid EOF
     {
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 7f3bcbf0d..be9b4241a 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -321,7 +321,7 @@ tester.run('no-deprecated-slot-attribute', rule, {
       output: `
       <template>
         <LinkList>
-          <template v-slot><a /></template>
+          <template v-slot:[slot]><a /></template>
         </LinkList>
       </template>`,
       errors: [
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js b/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js
new file mode 100644
index 000000000..088ba7cbc
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js
@@ -0,0 +1,95 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder(
+  'v-bind-same-name-shorthand',
+  '^3.3.0'
+)
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/v-bind-same-name-shorthand', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+        <div :x />
+      </template>`,
+      options: buildOptions({ version: '3.4.0' })
+    },
+    {
+      code: `
+      <template>
+      <div :x="x" />
+      </template>`,
+      options: buildOptions()
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div :x />
+      </template>`,
+      output: `
+      <template>
+        <div :x="x" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            '`v-bind` same-name shorthand is not supported until Vue.js "3.4.0".',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :x />
+      </template>`,
+      output: `
+      <template>
+        <div :x="x" />
+      </template>`,
+      options: buildOptions({ version: '2.7.0' }),
+      errors: [
+        {
+          message:
+            '`v-bind` same-name shorthand is not supported until Vue.js "3.4.0".',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div :data-x />
+      </template>`,
+      output: `
+      <template>
+        <div :data-x="dataX" />
+      </template>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            '`v-bind` same-name shorthand is not supported until Vue.js "3.4.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index 7bd45a6b1..c87166cbd 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -413,13 +413,6 @@ tester.run('no-unused-components', rule, {
         <component :is=""></component>
       </template>`
     },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <component :is></component>
-      </template>`
-    },
 
     // computed properties
     {
@@ -629,26 +622,6 @@ tester.run('no-unused-components', rule, {
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <component :is></component>
-      </template>
-      <script>
-        export default {
-          components: {
-            Foo,
-          },
-        }
-      </script>`,
-      errors: [
-        {
-          message: 'The "Foo" component has been registered but not used.',
-          line: 8
-        }
-      ]
-    },
 
     // computed properties
     {
diff --git a/tests/lib/rules/v-bind-style.js b/tests/lib/rules/v-bind-style.js
index 0cb67f62f..5b4e88ab2 100644
--- a/tests/lib/rules/v-bind-style.js
+++ b/tests/lib/rules/v-bind-style.js
@@ -106,6 +106,21 @@ tester.run('v-bind-style', rule, {
       output: '<template><div v-bind:foo.sync.prop="foo"></div></template>',
       options: ['longform'],
       errors: ["Expected 'v-bind:' instead of '.'."]
+    },
+    // v-bind same-name shorthand (Vue 3.4+)
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo /></template>',
+      output: '<template><div :foo /></template>',
+      options: ['shorthand'],
+      errors: ["Unexpected 'v-bind' before ':'."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo /></template>',
+      output: '<template><div v-bind:foo /></template>',
+      options: ['longform'],
+      errors: ["Expected 'v-bind' before ':'."]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-bind.js b/tests/lib/rules/valid-v-bind.js
index 05c3d2b03..2259f9129 100644
--- a/tests/lib/rules/valid-v-bind.js
+++ b/tests/lib/rules/valid-v-bind.js
@@ -71,6 +71,15 @@ tester.run('valid-v-bind', rule, {
       filename: 'test.vue',
       code: "<template><input v-bind='$attrs' /></template>"
     },
+    // v-bind same-name shorthand (Vue 3.4+)
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo /></template>'
+    },
     // parsing error
     {
       filename: 'parsing-error.vue',
@@ -88,11 +97,6 @@ tester.run('valid-v-bind', rule, {
       code: '<template><div v-bind></div></template>',
       errors: ["'v-bind' directives require an attribute value."]
     },
-    {
-      filename: 'test.vue',
-      code: '<template><div v-bind:aaa></div></template>',
-      errors: ["'v-bind' directives require an attribute value."]
-    },
     {
       filename: 'test.vue',
       code: "<template><div :aaa.unknown='bbb'></div></template>",

From 26fc85e928a46c617e52875164e58bde1bead696 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Tue, 9 Jan 2024 13:10:59 +0100
Subject: [PATCH 0688/1010] Remove Vue 3 syntax status notice from docs (#2358)

---
 docs/index.md | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index f9b1e49f1..3fd2b6d66 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -14,11 +14,6 @@ This plugin allows us to check the `<template>` and `<script>` of `.vue` files w
 
 ESLint editor integrations are useful to check your code in real-time.
 
-:::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS variable injection, but the ref sugar, an experimental feature of Vue.js 3.2, is not yet supported.  
-If you have issues with these, please also refer to the [FAQ](./user-guide/index.md#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
-:::
-
 ## :traffic_light: Versioning policy
 
 This plugin is following [Semantic Versioning](https://semver.org/) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).

From 66bf635b4dec85a75b11f99883f55448bb44c8a7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 10 Jan 2024 18:48:14 +0900
Subject: [PATCH 0689/1010] Add support for defineModel (#2360)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/define-macros-order.md             |  13 ++-
 docs/rules/no-unsupported-features.md         |   1 +
 lib/rules/define-macros-order.js              |  12 ++-
 lib/rules/no-undef-properties.js              |  20 ++++
 lib/rules/no-unsupported-features.js          |   3 +
 lib/rules/no-unused-emit-declarations.js      |  11 ++
 lib/rules/no-unused-properties.js             |  35 +++++-
 lib/rules/require-prop-types.js               |  63 ++++++-----
 lib/rules/syntaxes/define-model.js            |  22 ++++
 lib/utils/index.js                            |  53 ++++++++++
 lib/utils/ref-object-references.js            |  84 ++++++++++++++-
 .../ref-objects/defineModel01/result.vue      |  24 +++++
 .../ref-objects/defineModel01/source.vue      |  24 +++++
 .../ref-objects/defineModel02/result.vue      |  16 +++
 .../ref-objects/defineModel02/source.vue      |  16 +++
 tests/lib/rules/define-macros-order.js        |  34 +++++-
 tests/lib/rules/no-ref-as-operand.js          | 100 ++++++++++++++++++
 .../rules/no-ref-object-reactivity-loss.js    |  25 +++++
 tests/lib/rules/no-undef-properties.js        |  27 +++++
 .../no-unsupported-features/define-model.js   |  59 +++++++++++
 .../lib/rules/no-unused-emit-declarations.js  |  26 +++++
 tests/lib/rules/no-unused-properties.js       |  35 ++++++
 tests/lib/rules/require-prop-types.js         |  74 +++++++++++++
 tests/lib/utils/ref-object-references.js      |  86 +++++++++------
 .../util-types/ast/es-ast.ts                  |   2 +-
 typings/eslint-plugin-vue/util-types/utils.ts |  13 +++
 26 files changed, 807 insertions(+), 71 deletions(-)
 create mode 100644 lib/rules/syntaxes/define-model.js
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue
 create mode 100644 tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue
 create mode 100644 tests/lib/rules/no-unsupported-features/define-model.js

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index d46fc5108..7df8f42c7 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -27,7 +27,7 @@ This rule reports the `defineProps` and `defineEmits` compiler macros when they
 }
 ```
 
-- `order` (`string[]`) ... The order of defineEmits and defineProps macros. You can also add `"defineOptions"` and `"defineSlots"`.
+- `order` (`string[]`) ... The order of defineEmits and defineProps macros. You can also add `"defineOptions"`, `"defineSlots"`, and `"defineModel"`.
 - `defineExposeLast` (`boolean`) ... Force `defineExpose` at the end.
 
 ### `{ "order": ["defineProps", "defineEmits"] }` (default)
@@ -69,14 +69,15 @@ defineEmits(/* ... */)
 
 </eslint-code-block>
 
-### `{ "order": ["defineOptions", "defineProps", "defineEmits", "defineSlots"] }`
+### `{ "order": ["defineOptions", "defineModel", "defineProps", "defineEmits", "defineSlots"] }`
 
-<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineModel', 'defineProps', 'defineEmits', 'defineSlots']}]}">
 
 ```vue
 <!-- ✓ GOOD -->
 <script setup>
 defineOptions({/* ... */})
+const model = defineModel()
 defineProps(/* ... */)
 defineEmits(/* ... */)
 const slots = defineSlots()
@@ -85,7 +86,7 @@ const slots = defineSlots()
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineModel', 'defineProps', 'defineEmits', 'defineSlots']}]}">
 
 ```vue
 <!-- ✗ BAD -->
@@ -94,18 +95,20 @@ defineEmits(/* ... */)
 const slots = defineSlots()
 defineProps(/* ... */)
 defineOptions({/* ... */})
+const model = defineModel()
 </script>
 ```
 
 </eslint-code-block>
 
-<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']}]}">
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineModel', 'defineProps', 'defineEmits', 'defineSlots']}]}">
 
 ```vue
 <!-- ✗ BAD -->
 <script setup>
 const bar = ref()
 defineOptions({/* ... */})
+const model = defineModel()
 defineProps(/* ... */)
 defineEmits(/* ... */)
 const slots = defineSlots()
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 393a30476..2f6356517 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -30,6 +30,7 @@ This rule reports unsupported Vue.js syntax on the specified version.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
 The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.4.0+
+    - `"define-model"` ... `defineModel()` macro.
     - `"v-bind-same-name-shorthand"` ... `v-bind` same-name shorthand.
   - Vue.js 3.3.0+
     - `"define-slots"` ... `defineSlots()` macro.
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index b55c5e8c7..7c915ca80 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -10,7 +10,14 @@ const MACROS_EMITS = 'defineEmits'
 const MACROS_PROPS = 'defineProps'
 const MACROS_OPTIONS = 'defineOptions'
 const MACROS_SLOTS = 'defineSlots'
-const ORDER_SCHEMA = [MACROS_EMITS, MACROS_PROPS, MACROS_OPTIONS, MACROS_SLOTS]
+const MACROS_MODEL = 'defineModel'
+const ORDER_SCHEMA = [
+  MACROS_EMITS,
+  MACROS_PROPS,
+  MACROS_OPTIONS,
+  MACROS_SLOTS,
+  MACROS_MODEL
+]
 const DEFAULT_ORDER = [MACROS_PROPS, MACROS_EMITS]
 
 /**
@@ -116,6 +123,9 @@ function create(context) {
       onDefineSlotsExit(node) {
         macrosNodes.set(MACROS_SLOTS, getDefineMacrosStatement(node))
       },
+      onDefineModelExit(node) {
+        macrosNodes.set(MACROS_MODEL, getDefineMacrosStatement(node))
+      },
       onDefineExposeExit(node) {
         defineExposeNode = getDefineMacrosStatement(node)
       }
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index d7026eb62..09b45594c 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -321,6 +321,26 @@ module.exports = {
           const propertyReferences =
             propertyReferenceExtractor.extractFromPattern(pattern)
           ctx.verifyReferences(propertyReferences)
+        },
+        onDefineModelEnter(node, model) {
+          const ctx = getVueComponentContext(programNode)
+
+          ctx.defineProperties.set(model.name.modelName, {
+            isProps: true
+          })
+
+          if (
+            !node.parent ||
+            node.parent.type !== 'VariableDeclarator' ||
+            node.parent.init !== node
+          ) {
+            return
+          }
+
+          const pattern = node.parent.id
+          const propertyReferences =
+            propertyReferenceExtractor.extractFromPattern(pattern)
+          ctx.verifyReferences(propertyReferences)
         }
       }),
       utils.defineVueVisitor(context, {
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index e40d55ebe..d5ff8b48a 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -37,6 +37,7 @@ const FEATURES = {
   'define-options': require('./syntaxes/define-options'),
   'define-slots': require('./syntaxes/define-slots'),
   // Vue.js 3.4.0+
+  'define-model': require('./syntaxes/define-model'),
   'v-bind-same-name-shorthand': require('./syntaxes/v-bind-same-name-shorthand')
 }
 
@@ -128,6 +129,8 @@ module.exports = {
       forbiddenDefineSlots:
         '`defineSlots()` macros are not supported until Vue.js "3.3.0".',
       // Vue.js 3.4.0+
+      forbiddenDefineModel:
+        '`defineModel()` macros are not supported until Vue.js "3.4.0".',
       forbiddenVBindSameNameShorthand:
         '`v-bind` same-name shorthand is not supported until Vue.js "3.4.0".'
     }
diff --git a/lib/rules/no-unused-emit-declarations.js b/lib/rules/no-unused-emit-declarations.js
index ee43248cb..1a88d2417 100644
--- a/lib/rules/no-unused-emit-declarations.js
+++ b/lib/rules/no-unused-emit-declarations.js
@@ -332,6 +332,17 @@ module.exports = {
             emitReferenceIds
           })
         },
+        onDefineModelEnter(node, model) {
+          if (
+            node.parent &&
+            node.parent.type === 'VariableDeclarator' &&
+            node.parent.init === node
+          ) {
+            // If the return value of defineModel() is stored in a variable, we can mark the 'update:modelName' event as used if that that variable is used.
+            // If that variable is unused, it will already be reported by `no-unused-var` rule.
+            emitCalls.set(`update:${model.name.modelName}`, node)
+          }
+        },
         ...callVisitor
       }),
       {
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index b64c42d36..46099267f 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -30,7 +30,7 @@ const {
  * @typedef {object} ComponentNonObjectPropertyData
  * @property {string} name
  * @property {GroupName} groupName
- * @property {'array' | 'type' | 'infer-type'} type
+ * @property {'array' | 'type' | 'infer-type' | 'model' } type
  * @property {ASTNode} node
  *
  * @typedef { ComponentNonObjectPropertyData | ComponentObjectPropertyData } ComponentPropertyData
@@ -406,7 +406,9 @@ module.exports = {
           if (!groups.has('props')) {
             return
           }
-          const container = getVueComponentPropertiesContainer(node)
+          const container = getVueComponentPropertiesContainer(
+            context.getSourceCode().ast
+          )
 
           for (const prop of props) {
             if (!prop.propName) {
@@ -452,6 +454,35 @@ module.exports = {
           const propertyReferences =
             propertyReferenceExtractor.extractFromPattern(pattern)
           container.propertyReferencesForProps.push(propertyReferences)
+        },
+        onDefineModelEnter(node, model) {
+          if (!groups.has('props')) {
+            return
+          }
+          const container = getVueComponentPropertiesContainer(
+            context.getSourceCode().ast
+          )
+          if (
+            node.parent &&
+            node.parent.type === 'VariableDeclarator' &&
+            node.parent.init === node
+          ) {
+            // If the return value of defineModel() is stored in a variable, we can mark the model prop as used if that that variable is used.
+            // If that variable is unused, it will already be reported by `no-unused-var` rule.
+            container.propertyReferences.push(
+              propertyReferenceExtractor.extractFromName(
+                model.name.modelName,
+                model.name.node || node
+              )
+            )
+            return
+          }
+          container.properties.push({
+            type: 'model',
+            name: model.name.modelName,
+            groupName: 'props',
+            node: model.name.node || node
+          })
         }
       }),
       utils.defineVueVisitor(context, {
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 326095e93..b658ab918 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -26,6 +26,29 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    /**
+     * @param {Expression} node
+     * @returns {boolean|null}
+     */
+    function optionHasType(node) {
+      switch (node.type) {
+        case 'ObjectExpression': {
+          // foo: {
+          return objectHasType(node)
+        }
+        case 'ArrayExpression': {
+          // foo: [
+          return node.elements.length > 0
+        }
+        case 'FunctionExpression':
+        case 'ArrowFunctionExpression': {
+          return false
+        }
+      }
+
+      // Unknown
+      return null
+    }
     /**
      * @param {ObjectExpression} node
      * @returns {boolean}
@@ -44,7 +67,6 @@ module.exports = {
       )
       return Boolean(typeProperty || validatorProperty)
     }
-
     /**
      * @param {ComponentProp} prop
      */
@@ -52,30 +74,8 @@ module.exports = {
       if (prop.type !== 'object' && prop.type !== 'array') {
         return
       }
-      let hasType = true
-
-      if (prop.type === 'array') {
-        hasType = false
-      } else {
-        const { value } = prop
-        switch (value.type) {
-          case 'ObjectExpression': {
-            // foo: {
-            hasType = objectHasType(value)
-            break
-          }
-          case 'ArrayExpression': {
-            // foo: [
-            hasType = value.elements.length > 0
-            break
-          }
-          case 'FunctionExpression':
-          case 'ArrowFunctionExpression': {
-            hasType = false
-            break
-          }
-        }
-      }
+      const hasType =
+        prop.type === 'array' ? false : optionHasType(prop.value) ?? true
 
       if (!hasType) {
         const { node, propName } = prop
@@ -99,6 +99,19 @@ module.exports = {
           for (const prop of props) {
             checkProperty(prop)
           }
+        },
+        onDefineModelEnter(node, model) {
+          if (model.typeNode) return
+          if (model.options && (optionHasType(model.options) ?? true)) {
+            return
+          }
+          context.report({
+            node: model.options || node,
+            messageId: 'requireType',
+            data: {
+              name: model.name.modelName
+            }
+          })
         }
       }),
       utils.executeOnVue(context, (obj) => {
diff --git a/lib/rules/syntaxes/define-model.js b/lib/rules/syntaxes/define-model.js
new file mode 100644
index 000000000..188aae52e
--- /dev/null
+++ b/lib/rules/syntaxes/define-model.js
@@ -0,0 +1,22 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../utils/index')
+
+module.exports = {
+  supported: '>=3.4.0',
+  /** @param {RuleContext} context @returns {RuleListener} */
+  createScriptVisitor(context) {
+    return utils.defineScriptSetupVisitor(context, {
+      onDefineModelEnter(node) {
+        context.report({
+          node,
+          messageId: 'forbiddenDefineModel'
+        })
+      }
+    })
+  }
+}
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 0cd842e13..4fec4e1fa 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -26,6 +26,8 @@ const { getScope } = require('./scope')
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentInferTypeEmit} ComponentInferTypeEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownEmit} ComponentUnknownEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentEmit} ComponentEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentModelName} ComponentModelName
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentModel} ComponentModel
  */
 /**
  * @typedef { {key: string | null, value: BlockStatement | null} } ComponentComputedProperty
@@ -1318,6 +1320,8 @@ module.exports = {
    * - `onDefineSlotsExit` ... Event when defineSlots visit ends.
    * - `onDefineExposeEnter` ... Event when defineExpose is found.
    * - `onDefineExposeExit` ... Event when defineExpose visit ends.
+   * - `onDefineModelEnter` ... Event when defineModel is found.
+   * - `onDefineModelExit` ... Event when defineModel visit ends.
    *
    * @param {RuleContext} context The ESLint rule context object.
    * @param {ScriptSetupVisitor} visitor The visitor to traverse the AST nodes.
@@ -1412,6 +1416,13 @@ module.exports = {
         'onDefineExposeExit',
         (candidateMacro, node) => candidateMacro === node,
         () => undefined
+      ),
+      new MacroListener(
+        'defineModel',
+        'onDefineModelEnter',
+        'onDefineModelExit',
+        (candidateMacro, node) => candidateMacro === node,
+        getComponentModelFromDefineModel
       )
     ].filter((m) => m.hasListener)
     if (macroListenerList.length > 0) {
@@ -3225,6 +3236,48 @@ function getComponentEmitsFromDefineEmits(context, node) {
     }
   ]
 }
+/**
+ * Get model info from `defineModel` call expression.
+ * @param {RuleContext} _context The rule context object.
+ * @param {CallExpression} node `defineModel` call expression
+ * @return {ComponentModel} Object of component model
+ */
+function getComponentModelFromDefineModel(_context, node) {
+  /** @type {ComponentModelName} */
+  let name = {
+    modelName: 'modelValue',
+    node: null
+  }
+  /** @type {Expression|null} */
+  let options =
+    node.arguments[0]?.type === 'SpreadElement' ? null : node.arguments[0]
+  if (node.arguments.length > 0) {
+    const nameNodeCandidate = skipTSAsExpression(node.arguments[0])
+    if (nameNodeCandidate.type === 'Literal') {
+      name = {
+        modelName: String(nameNodeCandidate.value),
+        node: nameNodeCandidate
+      }
+      options =
+        node.arguments[1]?.type === 'SpreadElement' ? null : node.arguments[1]
+    }
+  }
+
+  const typeArguments =
+    'typeArguments' in node ? node.typeArguments : node.typeParameters
+  if (typeArguments && typeArguments.params.length > 0) {
+    return {
+      name,
+      options,
+      typeNode: typeArguments.params[0]
+    }
+  }
+  return {
+    name,
+    options,
+    typeNode: null
+  }
+}
 /**
  * Get all props by looking at all component's properties
  * @param {ObjectExpression|ArrayExpression} propsNode Object with props definition
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index 49404dad0..60bfda665 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -112,6 +112,54 @@ function* iterateDefineRefs(globalScope) {
   }
 }
 
+/**
+ * Iterate the call expressions that defineModel() macro.
+ * @param {import('eslint').Scope.Scope} globalScope
+ * @returns {Iterable<{ node: CallExpression }>}
+ */
+function* iterateDefineModels(globalScope) {
+  for (const { identifier } of iterateMacroReferences()) {
+    if (
+      identifier.parent.type === 'CallExpression' &&
+      identifier.parent.callee === identifier
+    ) {
+      yield {
+        node: identifier.parent
+      }
+    }
+  }
+
+  /**
+   * Iterate macro reference.
+   * @returns {Iterable<Reference>}
+   */
+  function* iterateMacroReferences() {
+    const variable = globalScope.set.get('defineModel')
+    if (
+      variable &&
+      variable.defs.length === 0 /* It was automatically defined. */
+    ) {
+      yield* variable.references
+    }
+    for (const ref of globalScope.through) {
+      if (ref.identifier.name === 'defineModel') {
+        yield ref
+      }
+    }
+  }
+  const tracker = new ReferenceTracker(globalScope)
+  for (const { node } of tracker.iterateGlobalReferences({
+    defineModel: {
+      [ReferenceTracker.CALL]: true
+    }
+  })) {
+    const expr = /** @type {CallExpression} */ (node)
+    yield {
+      node: expr
+    }
+  }
+}
+
 /**
  * Iterate the call expressions that define the reactive variables.
  * @param {import('eslint').Scope.Scope} globalScope
@@ -350,6 +398,36 @@ class RefObjectReferenceExtractor {
     }
   }
 
+  /**
+   * @param {CallExpression} node
+   */
+  processDefineModel(node) {
+    const parent = node.parent
+    /** @type {Pattern | null} */
+    let pattern = null
+    if (parent.type === 'VariableDeclarator') {
+      pattern = parent.id
+    } else if (
+      parent.type === 'AssignmentExpression' &&
+      parent.operator === '='
+    ) {
+      pattern = parent.left
+    } else {
+      return
+    }
+
+    const ctx = {
+      method: 'defineModel',
+      define: node,
+      defineChain: [node]
+    }
+
+    if (pattern.type === 'ArrayPattern' && pattern.elements[0]) {
+      pattern = pattern.elements[0]
+    }
+    this.processPattern(pattern, ctx)
+  }
+
   /**
    * @param {MemberExpression | Identifier} node
    * @param {RefObjectReferenceContext} ctx
@@ -474,9 +552,13 @@ function extractRefObjectReferences(context) {
   }
   const references = new RefObjectReferenceExtractor(context)
 
-  for (const { node, name } of iterateDefineRefs(getGlobalScope(context))) {
+  const globalScope = getGlobalScope(context)
+  for (const { node, name } of iterateDefineRefs(globalScope)) {
     references.processDefineRef(node, name)
   }
+  for (const { node } of iterateDefineModels(globalScope)) {
+    references.processDefineModel(node)
+  }
 
   cacheForRefObjectReferences.set(sourceCode.ast, references)
 
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue
new file mode 100644
index 000000000..a5d4293d8
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue
@@ -0,0 +1,24 @@
+<script setup>
+// declares "modelValue" prop, consumed by parent via v-model
+const model1 = defineModel()
+// OR: declares "modelValue" prop with options
+const model2 = defineModel({ type: String })
+
+// emits "update:modelValue" when mutated
+/*>*/model1/*<{"type":"expression","method":"defineModel"}*/.value = 'hello'
+
+// declares "count" prop, consumed by parent via v-model:count
+const count1 = defineModel('count')
+// OR: declares "count" prop with options
+const count2 = defineModel('count', { type: Number, default: 0 })
+
+function inc() {
+  // emits "update:count" when mutated
+  /*>*/count1/*<{"type":"expression","method":"defineModel"}*/.value++
+}
+
+console.log(/*>*/model1/*<{"type":"expression","method":"defineModel"}*/.value)
+console.log(/*>*/model2/*<{"type":"expression","method":"defineModel"}*/.value)
+console.log(/*>*/count1/*<{"type":"expression","method":"defineModel"}*/.value)
+console.log(/*>*/count2/*<{"type":"expression","method":"defineModel"}*/.value)
+</script>
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue
new file mode 100644
index 000000000..7cca9156c
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue
@@ -0,0 +1,24 @@
+<script setup>
+// declares "modelValue" prop, consumed by parent via v-model
+const model1 = defineModel()
+// OR: declares "modelValue" prop with options
+const model2 = defineModel({ type: String })
+
+// emits "update:modelValue" when mutated
+model1.value = 'hello'
+
+// declares "count" prop, consumed by parent via v-model:count
+const count1 = defineModel('count')
+// OR: declares "count" prop with options
+const count2 = defineModel('count', { type: Number, default: 0 })
+
+function inc() {
+  // emits "update:count" when mutated
+  count1.value++
+}
+
+console.log(model1.value)
+console.log(model2.value)
+console.log(count1.value)
+console.log(count2.value)
+</script>
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue
new file mode 100644
index 000000000..c2903d01f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue
@@ -0,0 +1,16 @@
+<script setup>
+const [modelValue, modelModifiers] = defineModel({
+  // get() omitted as it is not needed here
+  set(value) {
+    // if the .trim modifier is used, return trimmed value
+    if (modelModifiers.trim) {
+      return value.trim()
+    }
+    // otherwise, return the value as-is
+    return value
+  }
+})
+
+console.log(/*>*/modelValue/*<{"type":"expression","method":"defineModel"}*/.value)
+console.log(modelModifiers.value)
+</script>
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue
new file mode 100644
index 000000000..012cb9349
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue
@@ -0,0 +1,16 @@
+<script setup>
+const [modelValue, modelModifiers] = defineModel({
+  // get() omitted as it is not needed here
+  set(value) {
+    // if the .trim modifier is used, return trimmed value
+    if (modelModifiers.trim) {
+      return value.trim()
+    }
+    // otherwise, return the value as-is
+    return value
+  }
+})
+
+console.log(modelValue.value)
+console.log(modelModifiers.value)
+</script>
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index c58fd516f..878c0ea93 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -168,6 +168,8 @@ tester.run('define-macros-order', rule, {
           import Foo from 'foo'
           /** options */
           defineOptions({})
+          /** model */
+          const model = defineModel()
           /** emits */
           defineEmits(['update:foo'])
           /** props */
@@ -179,7 +181,13 @@ tester.run('define-macros-order', rule, {
       `,
       options: [
         {
-          order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
+          order: [
+            'defineOptions',
+            'defineModel',
+            'defineEmits',
+            'defineProps',
+            'defineSlots'
+          ]
         }
       ]
     },
@@ -611,6 +619,8 @@ tester.run('define-macros-order', rule, {
           const slots = defineSlots()
           /** options */
           defineOptions({})
+          /** model */
+          const model = defineModel()
         </script>
       `,
       output: `
@@ -618,6 +628,8 @@ tester.run('define-macros-order', rule, {
           import Foo from 'foo'
           /** options */
           defineOptions({})
+          /** model */
+          const model = defineModel()
           /** emits */
           defineEmits(['update:foo'])
           /** props */
@@ -629,7 +641,13 @@ tester.run('define-macros-order', rule, {
       `,
       options: [
         {
-          order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
+          order: [
+            'defineOptions',
+            'defineModel',
+            'defineEmits',
+            'defineProps',
+            'defineSlots'
+          ]
         }
       ],
       errors: [
@@ -651,12 +669,16 @@ tester.run('define-macros-order', rule, {
           defineEmits(['update:foo'])
           /** props */
           const props = defineProps(['foo'])
+          /** model */
+          const model = defineModel()
         </script>
       `,
       output: `
         <script setup>
           /** options */
           defineOptions({})
+          /** model */
+          const model = defineModel()
           /** emits */
           defineEmits(['update:foo'])
           /** props */
@@ -667,7 +689,13 @@ tester.run('define-macros-order', rule, {
       `,
       options: [
         {
-          order: ['defineOptions', 'defineEmits', 'defineProps', 'defineSlots']
+          order: [
+            'defineOptions',
+            'defineModel',
+            'defineEmits',
+            'defineProps',
+            'defineSlots'
+          ]
         }
       ],
       errors: [
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index a932ff1c2..ef74cd4f4 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -164,6 +164,30 @@ tester.run('no-ref-as-operand', rule, {
         foo = ref(5);
       }
       </script>
+    `,
+    `
+    <script setup>
+    const model = defineModel();
+    console.log(model.value);
+    function process() {
+      if (model.value) console.log('foo')
+    }
+    function update(value) {
+      model.value = value;
+    }
+    </script>
+    `,
+    `
+    <script setup>
+    const [model, mod] = defineModel();
+    console.log(model.value);
+    function process() {
+      if (model.value) console.log('foo')
+    }
+    function update(value) {
+      model.value = value;
+    }
+    </script>
     `
   ],
   invalid: [
@@ -719,6 +743,82 @@ tester.run('no-ref-as-operand', rule, {
           column: 7
         }
       ]
+    },
+    {
+      code: `
+      <script>
+      let model = defineModel();
+      console.log(model);
+      function process() {
+        if (model) console.log('foo')
+      }
+      function update(value) {
+        model = value;
+      }
+      </script>
+      `,
+      output: `
+      <script>
+      let model = defineModel();
+      console.log(model);
+      function process() {
+        if (model.value) console.log('foo')
+      }
+      function update(value) {
+        model.value = value;
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `defineModel()`.',
+          line: 6
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `defineModel()`.',
+          line: 9
+        }
+      ]
+    },
+    {
+      code: `
+      <script setup>
+      let [model, mod] = defineModel();
+      console.log(model);
+      function process() {
+        if (model) console.log('foo')
+      }
+      function update(value) {
+        model = value;
+      }
+      </script>
+      `,
+      output: `
+      <script setup>
+      let [model, mod] = defineModel();
+      console.log(model);
+      function process() {
+        if (model.value) console.log('foo')
+      }
+      function update(value) {
+        model.value = value;
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `defineModel()`.',
+          line: 6
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `defineModel()`.',
+          line: 9
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-ref-object-reactivity-loss.js b/tests/lib/rules/no-ref-object-reactivity-loss.js
index a40f8619f..ef946188b 100644
--- a/tests/lib/rules/no-ref-object-reactivity-loss.js
+++ b/tests/lib/rules/no-ref-object-reactivity-loss.js
@@ -308,6 +308,31 @@ tester.run('no-ref-object-reactivity-loss', rule, {
         }
       ]
     },
+    {
+      code: `
+      <script setup>
+      const model1 = defineModel();
+      const [model2, mod] = defineModel();
+      console.log(
+        model1.value,
+        model2.value,
+        mod.value // OK
+      )
+      </script>`,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 6
+        },
+        {
+          message:
+            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
+          line: 7
+        }
+      ]
+    },
     // Reactivity Transform
     {
       code: `
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 7ba344197..66b928b76 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -1176,6 +1176,33 @@ tester.run('no-undef-properties', rule, {
         }
       ],
       ...getTypeScriptFixtureTestOptions()
+    },
+
+    {
+      // defineModel
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const m = defineModel()
+      const a = defineModel('A')
+      const [withModifiers, modifiers] = defineModel('withModifiers')
+      </script>
+      <template>
+        <div>
+          {{ m }} {{ modelValue }}
+          {{ a }} {{ A }}
+          {{withModifiers}} {{modifiers}}
+        </div>
+
+        <div>{{ undef }}</div>
+      </template>
+      `,
+      errors: [
+        {
+          message: "'undef' is not defined.",
+          line: 14
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unsupported-features/define-model.js b/tests/lib/rules/no-unsupported-features/define-model.js
new file mode 100644
index 000000000..0307d1f9f
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/define-model.js
@@ -0,0 +1,59 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('define-model', '^3.3.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/define-model', rule, {
+  valid: [
+    {
+      code: `
+      <script setup>
+        const model = defineModel()
+      </script>`,
+      options: buildOptions({ version: '^3.4.0' })
+    },
+    {
+      code: `
+      <script setup>
+        defineSlots({})
+      </script>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <script setup>
+        const model = defineModel()
+      </script>`,
+      options: buildOptions({ version: '^3.3.0', ignores: ['define-model'] })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <script setup>
+        const model = defineModel()
+      </script>`,
+      options: buildOptions(),
+      errors: [
+        {
+          message:
+            '`defineModel()` macros are not supported until Vue.js "3.4.0".',
+          line: 3
+        }
+      ]
+    }
+  ]
+})
diff --git a/tests/lib/rules/no-unused-emit-declarations.js b/tests/lib/rules/no-unused-emit-declarations.js
index 10bf3b33a..f3189ea82 100644
--- a/tests/lib/rules/no-unused-emit-declarations.js
+++ b/tests/lib/rules/no-unused-emit-declarations.js
@@ -357,6 +357,16 @@ tester.run('no-unused-emit-declarations', rule, {
       const change = () => emit('foo');
       `,
       ...getTypeScriptFixtureTestOptions()
+    },
+    {
+      // defineModel
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineEmits({'update:foo'() {}})
+      const m = defineModel('foo')
+      </script>
+      `
     }
   ],
   invalid: [
@@ -718,6 +728,22 @@ tester.run('no-unused-emit-declarations', rule, {
         }
       ],
       ...getTypeScriptFixtureTestOptions()
+    },
+    {
+      // defineModel
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineEmits({'update:foo'() {}})
+      defineModel('foo')
+      </script>
+      `,
+      errors: [
+        {
+          message: '`update:foo` is defined as emit but never used.',
+          line: 3
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index f71a26519..e47f346aa 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -2152,6 +2152,19 @@ tester.run('no-unused-properties', rule, {
         },
       };
       </script>`
+    },
+    {
+      // defineModel
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['a'])
+      const foo = defineModel('a')
+      </script>
+      <template>
+        {{ foo }}
+      </template>
+      `
     }
   ],
   invalid: [
@@ -3811,6 +3824,28 @@ tester.run('no-unused-properties', rule, {
         }
       ],
       ...getTypeScriptFixtureTestOptions()
+    },
+
+    {
+      // defineModel
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const m = defineModel()
+      console.log(m.value)
+      defineModel('a')
+      defineModel('unused')
+      </script>
+      <template>
+        {{ a }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'unused' of property found, but never used.",
+          line: 6
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index fdb91dd30..f50b4b116 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -187,6 +187,40 @@ ruleTester.run('require-prop-types', rule, {
       defineProps<Props>()
       </script>`,
       ...getTypeScriptFixtureTestOptions()
+    },
+    {
+      // defineModel
+      code: `
+      <script setup>
+      const m = defineModel({type:String})
+      const foo = defineModel('foo', {type:String})
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      // defineModel
+      code: `
+      <script setup>
+      const m = defineModel(String)
+      const foo = defineModel('foo', String)
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser')
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      const m = defineModel<string>()
+      const foo = defineModel<string>('foo')
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require.resolve('@typescript-eslint/parser')
+      }
     }
   ],
 
@@ -368,6 +402,46 @@ ruleTester.run('require-prop-types', rule, {
           line: 3
         }
       ]
+    },
+    {
+      // defineModel
+      code: `
+      <script setup>
+      const m = defineModel()
+      const foo = defineModel('foo')
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: 'Prop "modelValue" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
+    },
+    {
+      // defineModel
+      code: `
+      <script setup>
+      const m = defineModel({})
+      const foo = defineModel('foo',{})
+      </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      errors: [
+        {
+          message: 'Prop "modelValue" should define at least its type.',
+          line: 3
+        },
+        {
+          message: 'Prop "foo" should define at least its type.',
+          line: 4
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/utils/ref-object-references.js b/tests/lib/utils/ref-object-references.js
index 66ee89d0c..5cd473f8f 100644
--- a/tests/lib/utils/ref-object-references.js
+++ b/tests/lib/utils/ref-object-references.js
@@ -3,6 +3,7 @@
 const fs = require('fs')
 const path = require('path')
 const assert = require('assert')
+const vueESLintParser = require('vue-eslint-parser')
 
 const Linter = require('eslint').Linter
 
@@ -18,23 +19,45 @@ const FIXTURE_ROOT = path.resolve(
 const REF_OBJECTS_FIXTURE_ROOT = path.resolve(FIXTURE_ROOT, 'ref-objects')
 const REACTIVE_VARS_FIXTURE_ROOT = path.resolve(FIXTURE_ROOT, 'reactive-vars')
 
+/**
+ * @typedef {object} LoadedPattern
+ * @property {string} code The code to test.
+ * @property {string} name The name of the pattern.
+ * @property {string} sourceFilePath
+ * @property {string} resultFilePath
+ * @property {object} [options]
+ * @property {string} [options.parser]
+ */
 /**
  * Load test patterns from fixtures.
  *
- * @returns {object} The loaded patterns.
+ * @returns {LoadedPattern[]} The loaded patterns.
  */
 function loadPatterns(rootDir) {
   return fs.readdirSync(rootDir).map((name) => {
-    const code0 = fs.readFileSync(path.join(rootDir, name, 'source.js'), 'utf8')
-    const code = code0.replace(/^<!--(.+?)-->/, `<!--${name}-->`)
-    return { code, name }
+    for (const [sourceFile, resultFile, options] of [
+      ['source.js', 'result.js'],
+      ['source.vue', 'result.vue', { parser: 'vue-eslint-parser' }]
+    ]) {
+      const sourceFilePath = path.join(rootDir, name, sourceFile)
+      if (fs.existsSync(sourceFilePath)) {
+        return {
+          code: fs.readFileSync(sourceFilePath, 'utf8'),
+          name,
+          sourceFilePath,
+          resultFilePath: path.join(rootDir, name, resultFile),
+          options
+        }
+      }
+    }
   })
 }
 
-function extractRefs(code, extract) {
+function extractRefs(code, extract, options) {
   const linter = new Linter()
   const references = []
 
+  linter.defineParser('vue-eslint-parser', vueESLintParser)
   linter.defineRule('vue/extract-test', (context) => {
     const refs = extract(context)
 
@@ -56,6 +79,7 @@ function extractRefs(code, extract) {
   const messages = linter.verify(
     code,
     {
+      ...options,
       parserOptions: { ecmaVersion: 2020, sourceType: 'module' },
       rules: { 'vue/extract-test': 'error' },
       globals: {
@@ -81,11 +105,15 @@ function extractRefs(code, extract) {
 }
 
 describe('extractRefObjectReferences()', () => {
-  for (const { name, code } of loadPatterns(REF_OBJECTS_FIXTURE_ROOT)) {
-    describe(`'test/fixtures/utils/ref-object-references/ref-objects/${name}/source.vue'`, () => {
+  for (const { code, sourceFilePath, resultFilePath, options } of loadPatterns(
+    REF_OBJECTS_FIXTURE_ROOT
+  )) {
+    describe(sourceFilePath, () => {
       it('should to extract the references to match the expected references.', () => {
         /** @type {import('../../../lib/utils/ref-object-references').RefObjectReference[]} */
-        const references = [...extractRefs(code, extractRefObjectReferences)]
+        const references = [
+          ...extractRefs(code, extractRefObjectReferences, options)
+        ]
 
         let result = ''
         let start = 0
@@ -104,29 +132,26 @@ describe('extractRefObjectReferences()', () => {
 
         const actual = result
 
-        // update fixture
-        // fs.writeFileSync(
-        //   path.join(REF_OBJECTS_FIXTURE_ROOT, name, 'result.js'),
-        //   actual,
-        //   'utf8'
-        // )
-
-        const expected = fs.readFileSync(
-          path.join(REF_OBJECTS_FIXTURE_ROOT, name, 'result.js'),
-          'utf8'
-        )
+        if (!fs.existsSync(resultFilePath)) {
+          // update fixture
+          fs.writeFileSync(resultFilePath, actual, 'utf8')
+        }
+
+        const expected = fs.readFileSync(resultFilePath, 'utf8')
         assert.strictEqual(actual, expected)
       })
     })
   }
 })
 describe('extractReactiveVariableReferences()', () => {
-  for (const { name, code } of loadPatterns(REACTIVE_VARS_FIXTURE_ROOT)) {
-    describe(`'test/fixtures/utils/ref-object-references/reactive-vars/${name}/source.vue'`, () => {
+  for (const { code, sourceFilePath, resultFilePath, options } of loadPatterns(
+    REACTIVE_VARS_FIXTURE_ROOT
+  )) {
+    describe(sourceFilePath, () => {
       it('should to extract the references to match the expected references.', () => {
         /** @type {import('../../../lib/utils/ref-object-references').ReactiveVariableReference[]} */
         const references = [
-          ...extractRefs(code, extractReactiveVariableReferences)
+          ...extractRefs(code, extractReactiveVariableReferences, options)
         ]
 
         let result = ''
@@ -146,17 +171,12 @@ describe('extractReactiveVariableReferences()', () => {
 
         const actual = result
 
-        // update fixture
-        // fs.writeFileSync(
-        //   path.join(REACTIVE_VARS_FIXTURE_ROOT, name, 'result.js'),
-        //   actual,
-        //   'utf8'
-        // )
-
-        const expected = fs.readFileSync(
-          path.join(REACTIVE_VARS_FIXTURE_ROOT, name, 'result.js'),
-          'utf8'
-        )
+        if (!fs.existsSync(resultFilePath)) {
+          // update fixture
+          fs.writeFileSync(resultFilePath, actual, 'utf8')
+        }
+
+        const expected = fs.readFileSync(resultFilePath, 'utf8')
         assert.strictEqual(actual, expected)
       })
     })
diff --git a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
index fc3676a56..3205dc74e 100644
--- a/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/es-ast.ts
@@ -641,7 +641,7 @@ export type AssignmentProperty =
   | AssignmentPropertyComputedName
 export interface ArrayPattern extends HasParentNode {
   type: 'ArrayPattern'
-  elements: Pattern[]
+  elements: (Pattern | null)[]
 }
 export interface RestElement extends HasParentNode {
   type: 'RestElement'
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index 4d8384d66..3e9184262 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -46,10 +46,13 @@ export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
   onDefineSlotsExit?(node: CallExpression): void
   onDefineExposeEnter?(node: CallExpression): void
   onDefineExposeExit?(node: CallExpression): void
+  onDefineModelEnter?(node: CallExpression, model: ComponentModel): void
+  onDefineModelExit?(node: CallExpression, model: ComponentModel): void
   [query: string]:
     | ((node: VAST.ParamNode) => void)
     | ((node: CallExpression, props: ComponentProp[]) => void)
     | ((node: CallExpression, emits: ComponentEmit[]) => void)
+    | ((node: CallExpression, model: ComponentModel) => void)
     | undefined
 }
 
@@ -187,3 +190,13 @@ export type ComponentEmit =
   | ComponentTypeEmit
   | ComponentInferTypeEmit
   | ComponentUnknownEmit
+
+export type ComponentModelName = {
+  modelName: string
+  node: Literal | null
+}
+export type ComponentModel = {
+  name: ComponentModelName
+  options: Expression | null
+  typeNode: TypeNode | null
+}

From 895fc9c184f0882376bcc9d848c40fe975f87ee1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 11 Jan 2024 07:10:35 +0900
Subject: [PATCH 0690/1010] Fix type errors caused by TypeScript (#2361)

---
 lib/rules/enforce-style-attribute.js    |   1 +
 lib/rules/no-mutating-props.js          |   3 +-
 lib/rules/no-template-shadow.js         |   4 +
 lib/rules/no-unused-properties.js       | 123 ++++++++++--------------
 tests/lib/rules/no-unused-properties.js |  47 +++++++++
 5 files changed, 107 insertions(+), 71 deletions(-)

diff --git a/lib/rules/enforce-style-attribute.js b/lib/rules/enforce-style-attribute.js
index b4b39a73f..9710a1315 100644
--- a/lib/rules/enforce-style-attribute.js
+++ b/lib/rules/enforce-style-attribute.js
@@ -34,6 +34,7 @@ function isPlain(componentBlock) {
   return !isScoped(componentBlock) && !isModule(componentBlock)
 }
 
+/** @param {RuleContext} context */
 function getUserDefinedAllowedAttrs(context) {
   if (context.options[0] && context.options[0].allow) {
     return context.options[0].allow
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index c00a92242..d5d28303a 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -212,7 +212,8 @@ module.exports = {
         case 'ArrayPattern': {
           for (let index = 0; index < param.elements.length; index++) {
             const element = param.elements[index]
-            yield* iteratePatternProperties(element, [...path, `${index}`])
+            if (element)
+              yield* iteratePatternProperties(element, [...path, `${index}`])
           }
           break
         }
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index 8be04b9cc..e00da50e5 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -20,6 +20,10 @@ const GROUP_NAMES = [
   'setup'
 ]
 
+/**
+ * @param {RuleContext} context
+ * @param {string} variableName
+ */
 function isAllowedVarName(context, variableName) {
   if (context.options[0] && context.options[0].allow) {
     return context.options[0].allow.includes(variableName)
diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 46099267f..d09aca5c2 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -487,79 +487,62 @@ module.exports = {
       }),
       utils.defineVueVisitor(context, {
         /**
-         * e.g. `mapMutations({ add: 'increment' })`
-         * @param {Property} node
+         * @param {CallExpression} node
          * @param {VueObjectData} vueData
          */
-        'CallExpression[callee.name=/^(mapMutations|mapActions)$/][arguments] ObjectExpression Property'(
-          node,
-          vueData
-        ) {
-          const container = getVueComponentPropertiesContainer(vueData.node)
-
-          container.properties.push({
-            type: 'array',
-            name: utils.getStaticPropertyName(node),
-            groupName: 'methods',
-            node
-          })
-        },
-
-        /**
-         * e.g. `mapMutations(['add'])`
-         * @param {Literal} node
-         * @param {VueObjectData} vueData
-         */
-        'CallExpression[callee.name=/^(mapMutations|mapActions)$/][arguments] ArrayExpression Literal'(
-          node,
-          vueData
-        ) {
-          const container = getVueComponentPropertiesContainer(vueData.node)
-
-          container.properties.push({
-            type: 'array',
-            name: utils.getStringLiteralValue(node),
-            groupName: 'methods',
-            node
-          })
-        },
-
-        /**
-         * e.g. `mapState({ count: state => state.todosCount })`
-         * @param {Property} node
-         * @param {VueObjectData} vueData
-         */
-        'CallExpression[callee.name=/^(mapState|mapGetters)$/][arguments] ObjectExpression Property'(
-          node,
-          vueData
-        ) {
-          const container = getVueComponentPropertiesContainer(vueData.node)
-
-          container.properties.push({
-            type: 'array',
-            name: utils.getStaticPropertyName(node),
-            groupName: 'computed',
-            node
-          })
-        },
-
-        /**
-         * e.g. `mapState(['count'])`
-         * @param {Literal} node
-         * @param {VueObjectData} vueData
-         */
-        'CallExpression[callee.name=/^(mapState|mapGetters)$/][arguments] ArrayExpression Literal'(
-          node,
-          vueData
-        ) {
-          const container = getVueComponentPropertiesContainer(vueData.node)
+        CallExpression(node, vueData) {
+          if (node.callee.type !== 'Identifier') return
+          /** @type {'methods'|'computed'|null} */
+          let groupName = null
+          if (/^mapMutations|mapActions$/u.test(node.callee.name)) {
+            groupName = 'methods'
+          } else if (/^mapState|mapGetters$/u.test(node.callee.name)) {
+            groupName = 'computed'
+          }
 
-          container.properties.push({
-            type: 'array',
-            name: utils.getStringLiteralValue(node),
-            groupName: 'computed',
-            node
-          })
+          if (!groupName || node.arguments.length === 0) return
+          const arg = node.arguments[0]
+          if (arg.type === 'ObjectExpression') {
+            // e.g.
+            // `mapMutations({ add: 'increment' })`
+            // `mapState({ count: state => state.todosCount })`
+            const container = getVueComponentPropertiesContainer(vueData.node)
+            for (const prop of arg.properties) {
+              const name =
+                prop.type === 'SpreadElement'
+                  ? null
+                  : utils.getStaticPropertyName(prop)
+              if (name) {
+                container.properties.push({
+                  type: 'array',
+                  name,
+                  groupName,
+                  node: prop
+                })
+              }
+            }
+          } else if (arg.type === 'ArrayExpression') {
+            // e.g. `mapMutations(['add'])`
+            const container = getVueComponentPropertiesContainer(vueData.node)
+            for (const element of arg.elements) {
+              if (
+                !element ||
+                (element.type !== 'Literal' &&
+                  element.type !== 'TemplateLiteral')
+              ) {
+                continue
+              }
+              const name = utils.getStringLiteralValue(element)
+              if (name) {
+                container.properties.push({
+                  type: 'array',
+                  name,
+                  groupName,
+                  node: element
+                })
+              }
+            }
+          }
         },
 
         onVueObjectEnter(node, vueNode) {
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index e47f346aa..93a5279f0 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -2501,6 +2501,53 @@ tester.run('no-unused-properties', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters({
+                a: { b :'c' }, // This is an invalid definition, but it does not use "a".
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'a' of computed property found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters([
+                "a",
+                a['foo'] // cannot be inferred.
+              ])
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'a' of computed property found, but never used.",
+          line: 6
+        }
+      ]
+    },
 
     // vuex unused state
     {

From 4eecc5e7569318c77c2699d0722ef1d98453ee1a Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 11 Jan 2024 08:39:37 +0900
Subject: [PATCH 0691/1010] 9.20.0

---
 docs/rules/enforce-style-attribute.md |  7 +++++--
 lib/utils/vue3-export-names.json      | 16 ++++++++++++----
 package.json                          |  2 +-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/docs/rules/enforce-style-attribute.md b/docs/rules/enforce-style-attribute.md
index 03fd6072d..0856dea33 100644
--- a/docs/rules/enforce-style-attribute.md
+++ b/docs/rules/enforce-style-attribute.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/enforce-style-attribute
 description: enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
+since: v9.20.0
 ---
 # vue/enforce-style-attribute
 
 > enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule allows you to explicitly allow the use of the `scoped` and `module` attributes on your top level style tags.
@@ -79,6 +78,10 @@ This rule allows you to explicitly allow the use of the `scoped` and `module` at
 
 - `"allow"` (`["scoped" | "module" | "plain"]`) Array of attributes to allow on a top level style tag. The option `plain` is used to allow style tags that have neither the `scoped` nor `module` attributes. Default: `["scoped"]`
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.20.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/enforce-style-attribute.js)
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index bbd4e8b91..2b2d3678e 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -86,6 +86,7 @@
   "getTransitionRawChildren",
   "Renderer",
   "HydrationRenderer",
+  "ElementNamespace",
   "RootRenderFunction",
   "RendererOptions",
   "RendererNode",
@@ -120,7 +121,6 @@
   "Directive",
   "DirectiveArguments",
   "withDirectives",
-  "DeprecationTypes",
   "ComponentCustomOptions",
   "RenderFunction",
   "ComponentOptionsBase",
@@ -138,12 +138,15 @@
   "provide",
   "inject",
   "hasInjectionContext",
+  "PublicProps",
   "DefineComponent",
   "defineComponent",
   "App",
   "OptionMergeFunction",
   "AppConfig",
   "AppContext",
+  "ObjectPlugin",
+  "FunctionPlugin",
   "Plugin",
   "CreateAppFunction",
   "TeleportProps",
@@ -176,6 +179,7 @@
   "createStaticVNode",
   "createCommentVNode",
   "mergeProps",
+  "ComponentInstance",
   "ComponentCustomProps",
   "AllowedComponentProps",
   "FunctionalComponent",
@@ -200,10 +204,12 @@
   "AsyncComponentOptions",
   "defineAsyncComponent",
   "defineProps",
+  "DefineProps",
   "defineEmits",
   "defineExpose",
   "defineOptions",
   "defineSlots",
+  "ModelRef",
   "defineModel",
   "withDefaults",
   "useSlots",
@@ -212,14 +218,11 @@
   "h",
   "ssrContextKey",
   "useSSRContext",
-  "warn",
   "ErrorCodes",
   "callWithErrorHandling",
   "callWithAsyncErrorHandling",
   "handleError",
   "initCustomFormatter",
-  "devtools",
-  "setDevtoolsHook",
   "HMRRuntime",
   "pushScopeId",
   "popScopeId",
@@ -234,6 +237,10 @@
   "LegacyConfig",
   "CompatVue",
   "version",
+  "warn",
+  "devtools",
+  "setDevtoolsHook",
+  "DeprecationTypes",
   "createElementVNode",
   "VueElementConstructor",
   "defineCustomElement",
@@ -254,6 +261,7 @@
   "withKeys",
   "vShow",
   "CSSProperties",
+  "AriaAttributes",
   "StyleValue",
   "HTMLAttributes",
   "AnchorHTMLAttributes",
diff --git a/package.json b/package.json
index dca226eda..1b20a4c5d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.19.2",
+  "version": "9.20.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 8ffcfb0188c2fadb2d9b05360b3b9c3c0ccff64f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 11 Jan 2024 09:51:55 +0900
Subject: [PATCH 0692/1010] Remove unnecessary code (#2362)

---
 lib/utils/ref-object-references.js | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index 60bfda665..538fbb08f 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -147,17 +147,6 @@ function* iterateDefineModels(globalScope) {
       }
     }
   }
-  const tracker = new ReferenceTracker(globalScope)
-  for (const { node } of tracker.iterateGlobalReferences({
-    defineModel: {
-      [ReferenceTracker.CALL]: true
-    }
-  })) {
-    const expr = /** @type {CallExpression} */ (node)
-    yield {
-      node: expr
-    }
-  }
 }
 
 /**

From af7de769106e9eb1284d2758c8eda9d398c31403 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 12 Jan 2024 16:12:38 +0100
Subject: [PATCH 0693/1010] Add Vue version to issue templates (#2366)

---
 .github/ISSUE_TEMPLATE/bug_report.md | 1 +
 .github/ISSUE_TEMPLATE/change.md     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index f1169f466..08d755127 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -26,6 +26,7 @@ about: Create a report to help us improve
 
 - **ESLint version:** 
 - **eslint-plugin-vue version:** 
+- **Vue version:** 
 - **Node version:** 
 - **Operating System:** 
 
diff --git a/.github/ISSUE_TEMPLATE/change.md b/.github/ISSUE_TEMPLATE/change.md
index a6a4a7dc0..02397f6cd 100644
--- a/.github/ISSUE_TEMPLATE/change.md
+++ b/.github/ISSUE_TEMPLATE/change.md
@@ -13,6 +13,7 @@ about: Request a change that is not a bug fix, rule change, or new rule
 
 - **ESLint version:** 
 - **eslint-plugin-vue version:** 
+- **Vue version:** 
 - **Node version:** 
 
 **The problem you want to solve.**

From ad2ffdabe557aecee6200bde1953855e82915ace Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sat, 13 Jan 2024 10:08:32 +0900
Subject: [PATCH 0694/1010] Fix false positives for `defineModel` in
 `vue/no-undef-properties` rule (#2364)

---
 lib/rules/no-undef-properties.js       | 15 +--------------
 tests/lib/rules/no-undef-properties.js | 11 ++++++++++-
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 09b45594c..06eda247c 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -322,25 +322,12 @@ module.exports = {
             propertyReferenceExtractor.extractFromPattern(pattern)
           ctx.verifyReferences(propertyReferences)
         },
-        onDefineModelEnter(node, model) {
+        onDefineModelEnter(_node, model) {
           const ctx = getVueComponentContext(programNode)
 
           ctx.defineProperties.set(model.name.modelName, {
             isProps: true
           })
-
-          if (
-            !node.parent ||
-            node.parent.type !== 'VariableDeclarator' ||
-            node.parent.init !== node
-          ) {
-            return
-          }
-
-          const pattern = node.parent.id
-          const propertyReferences =
-            propertyReferenceExtractor.extractFromPattern(pattern)
-          ctx.verifyReferences(propertyReferences)
         }
       }),
       utils.defineVueVisitor(context, {
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 66b928b76..816d8b552 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -558,7 +558,16 @@ tester.run('no-undef-properties', rule, {
       parserOptions: {
         parser: require.resolve('@typescript-eslint/parser')
       }
-    }
+    },
+
+    `
+    <script setup>
+    const model = defineModel();
+    const woof = computed(() => model.value);
+    </script>
+    <template>
+      <div id="app">Woof: {{ woof }}</div>
+    </template>`
   ],
 
   invalid: [

From e7b87ffd8db70f03fa3db402d4f756aa21ab84b2 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 13 Jan 2024 10:11:12 +0900
Subject: [PATCH 0695/1010] 9.20.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1b20a4c5d..930152126 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.20.0",
+  "version": "9.20.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 634f38da09f939240f4256c763afb8730be38e85 Mon Sep 17 00:00:00 2001
From: Mussin Benarbia <77260898+mussinbenarbia@users.noreply.github.com>
Date: Tue, 16 Jan 2024 18:08:01 +0900
Subject: [PATCH 0696/1010] feat: implement require-explicit-slots (#2325)

Co-authored-by: Mussin Benarbia <mussin.benarbia@gmail.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/require-explicit-emits.md      |   1 +
 docs/rules/require-explicit-slots.md      |  68 ++++++
 lib/rules/require-explicit-slots.js       | 128 ++++++++++
 tests/lib/rules/require-explicit-slots.js | 269 ++++++++++++++++++++++
 4 files changed, 466 insertions(+)
 create mode 100644 docs/rules/require-explicit-slots.md
 create mode 100644 lib/rules/require-explicit-slots.js
 create mode 100644 tests/lib/rules/require-explicit-slots.js

diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index f7ce60dd6..90cb03edb 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -112,6 +112,7 @@ export default {
 ## :couple: Related Rules
 
 - [vue/no-unused-emit-declarations](./no-unused-emit-declarations.md)
+- [vue/require-explicit-slots](./require-explicit-slots.md)
 
 ## :books: Further Reading
 
diff --git a/docs/rules/require-explicit-slots.md b/docs/rules/require-explicit-slots.md
new file mode 100644
index 000000000..ac3050896
--- /dev/null
+++ b/docs/rules/require-explicit-slots.md
@@ -0,0 +1,68 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-explicit-slots
+description: require slots to be explicitly defined with defineSlots
+---
+
+# vue/require-explicit-slots
+
+> require slots to be explicitly defined
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule enforces all slots used in the template to be defined once either in the `script setup` block with the [`defineSlots`](https://vuejs.org/api/sfc-script-setup.html) macro, or with the [`slots property`](https://vuejs.org/api/options-rendering.html#slots) in the Options API.
+
+<eslint-code-block :rules="{'vue/require-explicit-slots': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD -->
+    <slot />
+    <slot name="foo" />
+    <!-- ✗ BAD -->
+    <slot name="bar" />
+  </div>
+</template>
+<script setup lang="ts">
+defineSlots<{
+  default(props: { msg: string }): any
+  foo(props: { msg: string }): any
+}>()
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-explicit-slots': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD -->
+    <slot />
+    <slot name="foo" />
+    <!-- ✗ BAD -->
+    <slot name="bar" />
+  </div>
+</template>
+<script lang="ts">
+import { SlotsType } from 'vue'
+
+defineComponent({
+  slots: Object as SlotsType<{
+    default: { msg: string }
+    foo: { msg: string }
+  }>
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
diff --git a/lib/rules/require-explicit-slots.js b/lib/rules/require-explicit-slots.js
new file mode 100644
index 000000000..ed2d2edb9
--- /dev/null
+++ b/lib/rules/require-explicit-slots.js
@@ -0,0 +1,128 @@
+/**
+ * @author Mussin Benarbia
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
+ */
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require slots to be explicitly defined',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-explicit-slots.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      requireExplicitSlots: 'Slots must be explicitly defined.',
+      alreadyDefinedSlot: 'Slot {{slotName}} is already defined.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const sourceCode = context.getSourceCode()
+    const documentFragment =
+      sourceCode.parserServices.getDocumentFragment &&
+      sourceCode.parserServices.getDocumentFragment()
+    if (!documentFragment) {
+      return {}
+    }
+    const scripts = documentFragment.children.filter(
+      (element) => utils.isVElement(element) && element.name === 'script'
+    )
+    if (scripts.every((script) => !utils.hasAttribute(script, 'lang', 'ts'))) {
+      return {}
+    }
+    const slotsDefined = new Set()
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefineSlotsEnter(node) {
+          const typeArguments =
+            'typeArguments' in node ? node.typeArguments : node.typeParameters
+          const param = /** @type {TypeNode|undefined} */ (
+            typeArguments?.params[0]
+          )
+          if (!param) return
+
+          if (param.type === 'TSTypeLiteral') {
+            for (const memberNode of param.members) {
+              const slotName = memberNode.key.name
+              if (slotsDefined.has(slotName)) {
+                context.report({
+                  node: memberNode,
+                  messageId: 'alreadyDefinedSlot',
+                  data: {
+                    slotName
+                  }
+                })
+              } else {
+                slotsDefined.add(slotName)
+              }
+            }
+          }
+        }
+      }),
+      utils.executeOnVue(context, (obj) => {
+        const slotsProperty = utils.findProperty(obj, 'slots')
+        if (!slotsProperty) return
+
+        const slotsTypeHelper =
+          slotsProperty.value.typeAnnotation?.typeName.name === 'SlotsType' &&
+          slotsProperty.value.typeAnnotation
+        if (!slotsTypeHelper) return
+
+        const typeArguments =
+          'typeArguments' in slotsTypeHelper
+            ? slotsTypeHelper.typeArguments
+            : slotsTypeHelper.typeParameters
+        const param = /** @type {TypeNode|undefined} */ (
+          typeArguments?.params[0]
+        )
+        if (!param) return
+
+        if (param.type === 'TSTypeLiteral') {
+          for (const memberNode of param.members) {
+            const slotName = memberNode.key.name
+            if (slotsDefined.has(slotName)) {
+              context.report({
+                node: memberNode,
+                messageId: 'alreadyDefinedSlot',
+                data: {
+                  slotName
+                }
+              })
+            } else {
+              slotsDefined.add(slotName)
+            }
+          }
+        }
+      }),
+      utils.defineTemplateBodyVisitor(context, {
+        "VElement[name='slot']"(node) {
+          let slotName = 'default'
+
+          const slotNameAttr = utils.getAttribute(node, 'name')
+
+          if (slotNameAttr) {
+            slotName = slotNameAttr.value.value
+          }
+
+          if (!slotsDefined.has(slotName)) {
+            context.report({
+              node,
+              messageId: 'requireExplicitSlots'
+            })
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/require-explicit-slots.js b/tests/lib/rules/require-explicit-slots.js
new file mode 100644
index 000000000..1849ea9a1
--- /dev/null
+++ b/tests/lib/rules/require-explicit-slots.js
@@ -0,0 +1,269 @@
+/**
+ * @author Mussin Benarbia
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-explicit-slots')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    parser: require.resolve('@typescript-eslint/parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('require-explicit-slots', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot />
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        default(props: { msg: string }): any
+      }>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        default(props: { msg: string }): any
+      }>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        foo(props: { msg: string }): any
+      }>()
+      </script>`
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot />
+        </div>
+      </template>
+      <script lang="ts">
+      import { SlotsType } from 'vue'
+
+      defineComponent({
+        slots: Object as SlotsType<{
+          default: { msg: string }
+        }>,
+      })
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+        </div>
+      </template>
+      <script lang="ts">
+      import { SlotsType } from 'vue'
+
+      defineComponent({
+        slots: Object as SlotsType<{
+          default: { msg: string }
+        }>,
+      })
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script lang="ts">
+      import { SlotsType } from 'vue'
+
+      defineComponent({
+        slots: Object as SlotsType<{
+          foo(props: { msg: string }): any
+        }>,
+      })
+      </script>`
+    },
+    // does not report any error if the script is not TS
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup>
+      </script>`,
+      parserOptions: {
+        parser: null
+      }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot />
+        </div>
+      </template>
+      <script setup lang="ts">
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        default(props: { msg: string }): any
+      }>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script lang="ts">
+      import { SlotsType } from 'vue'
+
+      defineComponent({
+        slots: Object as SlotsType<{
+          default: { msg: string }
+        }>,
+      })
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        foo(props: { msg: string }): any
+        foo(props: { msg: string }): any
+      }>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slot foo is already defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        foo(props: { msg: string }): any
+      }>()
+      defineSlots<{
+        default(props: { msg: string }): any,
+        foo(props: { msg: string }): any
+      }>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slot foo is already defined.'
+        }
+      ]
+    }
+  ]
+})

From 7d13ce3eaa9986ee812b005552bc2df79fc80d93 Mon Sep 17 00:00:00 2001
From: KG <moalusi@olarm.com>
Date: Tue, 16 Jan 2024 13:46:13 +0200
Subject: [PATCH 0697/1010] Add new `vue/no-restricted-v-on` rule (#2367)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                          |   1 +
 docs/rules/no-restricted-static-attribute.md |   6 +-
 docs/rules/no-restricted-v-bind.md           |   6 +-
 docs/rules/no-restricted-v-on.md             | 111 +++++++++++
 lib/index.js                                 |   1 +
 lib/rules/no-restricted-v-on.js              | 184 +++++++++++++++++++
 tests/lib/rules/no-restricted-v-on.js        | 173 +++++++++++++++++
 7 files changed, 480 insertions(+), 2 deletions(-)
 create mode 100644 docs/rules/no-restricted-v-on.md
 create mode 100644 lib/rules/no-restricted-v-on.js
 create mode 100644 tests/lib/rules/no-restricted-v-on.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 6e4c2fe68..1367f797e 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -244,6 +244,7 @@ For example:
 | [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: | :hammer: |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  | :hammer: |
 | [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  | :hammer: |
+| [vue/no-restricted-v-on](./no-restricted-v-on.md) | disallow specific argument in `v-on` |  | :hammer: |
 | [vue/no-root-v-if](./no-root-v-if.md) | disallow `v-if` directives on root element |  | :hammer: |
 | [vue/no-setup-props-reactivity-loss](./no-setup-props-reactivity-loss.md) | disallow usages that lose the reactivity of `props` passed to `setup` |  | :hammer: |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  | :hammer: |
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index 428590506..a0534f563 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-static-attribute
 description: disallow specific attribute
 since: v7.0.0
 ---
+
 # vue/no-restricted-static-attribute
 
 > disallow specific attribute
@@ -39,7 +40,8 @@ Alternatively, the rule also accepts objects.
 
 ```json
 {
-  "vue/no-restricted-static-attribute": ["error",
+  "vue/no-restricted-static-attribute": [
+    "error",
     {
       "key": "stlye",
       "message": "Using \"stlye\" is not allowed. Use \"style\" instead."
@@ -95,8 +97,10 @@ The following properties can be specified for the object.
 ## :couple: Related Rules
 
 - [vue/no-restricted-v-bind]
+- [vue/no-restricted-v-on]
 
 [vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
+[vue/no-restricted-v-on]: ./no-restricted-v-on.md
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index 8b9332f6e..4c1495f4e 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-v-bind
 description: disallow specific argument in `v-bind`
 since: v7.0.0
 ---
+
 # vue/no-restricted-v-bind
 
 > disallow specific argument in `v-bind`
@@ -53,7 +54,8 @@ Alternatively, the rule also accepts objects.
 
 ```json
 {
-  "vue/no-restricted-v-bind": ["error",
+  "vue/no-restricted-v-bind": [
+    "error",
     {
       "argument": "/^v-/",
       "message": "Using `:v-xxx` is not allowed. Instead, remove `:` and use it as directive."
@@ -112,8 +114,10 @@ The following properties can be specified for the object.
 ## :couple: Related Rules
 
 - [vue/no-restricted-static-attribute]
+- [vue/no-restricted-v-on]
 
 [vue/no-restricted-static-attribute]: ./no-restricted-static-attribute.md
+[vue/no-restricted-v-on]: ./no-restricted-v-on.md
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-restricted-v-on.md b/docs/rules/no-restricted-v-on.md
new file mode 100644
index 000000000..1b73bd57d
--- /dev/null
+++ b/docs/rules/no-restricted-v-on.md
@@ -0,0 +1,111 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-v-on
+description: disallow specific argument in `v-on`
+---
+# vue/no-restricted-v-on
+
+> disallow specific argument in `v-on`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule allows you to specify `v-on` argument names that you don't want to use in your application.
+
+## :wrench: Options
+
+This rule takes a list of strings, where each string is a argument name or pattern to be restricted:
+
+```json
+{
+  "vue/no-restricted-v-on": ["error", "foo", "/^bar/"]
+}
+```
+
+<eslint-code-block :rules="{'vue/no-restricted-v-on': ['error', 'foo', '/^bar/']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-on:click="x" />
+  <div @tap="x" />
+
+  <!-- ✗ BAD -->
+  <div v-on:foo="x" />
+  <div @bar-baz="x" />
+</template>
+```
+
+</eslint-code-block>
+
+Alternatively, the rule also accepts objects.
+
+```json
+{
+  "vue/no-restricted-v-on": [
+    "error",
+    {
+      "argument": "foo",
+      "message": "Use \"v-on:x\" instead."
+    },
+    {
+      "argument": "bar",
+      "message": "\"@bar\" is deprecated."
+    }
+  ]
+}
+```
+
+The following properties can be specified for the object.
+
+- `argument` ... Specify the argument name or pattern or `null`. If `null` is specified, it matches `v-on=`.
+- `modifiers` ... Specifies an array of the modifier names. If specified, it will only be reported if the specified modifier is used.
+- `element` ... Specify the element name or pattern. If specified, it will only be reported if used on the specified element.
+- `message` ... Specify an optional custom message.
+
+### `{ "argument": "foo", "modifiers": ["prevent"]  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-v-on': ['error', { argument: 'foo', modifiers: ['prevent'] }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div @foo="x" />
+
+  <!-- ✗ BAD -->
+  <div @foo.prevent="x" />
+</template>
+```
+
+</eslint-code-block>
+
+### `{ "argument": "foo", "element": "MyButton"  }`
+
+<eslint-code-block :rules="{'vue/no-restricted-v-on': ['error', { argument: 'foo', element: 'MyButton' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <CoolButton @foo="x" />
+
+  <!-- ✗ BAD -->
+  <MyButton @foo="x" />
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/no-restricted-static-attribute]
+- [vue/no-restricted-v-bind]
+
+[vue/no-restricted-static-attribute]: ./no-restricted-static-attribute.md
+[vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-v-on.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-v-on.js)
diff --git a/lib/index.js b/lib/index.js
index 3eb5208ce..d9022cabf 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -131,6 +131,7 @@ module.exports = {
     'no-restricted-static-attribute': require('./rules/no-restricted-static-attribute'),
     'no-restricted-syntax': require('./rules/no-restricted-syntax'),
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
+    'no-restricted-v-on': require('./rules/no-restricted-v-on'),
     'no-root-v-if': require('./rules/no-root-v-if'),
     'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
     'no-setup-props-reactivity-loss': require('./rules/no-setup-props-reactivity-loss'),
diff --git a/lib/rules/no-restricted-v-on.js b/lib/rules/no-restricted-v-on.js
new file mode 100644
index 000000000..2379df349
--- /dev/null
+++ b/lib/rules/no-restricted-v-on.js
@@ -0,0 +1,184 @@
+/**
+ * @author Kamogelo Moalusi <github.com/thesheppard>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const regexp = require('../utils/regexp')
+
+/**
+ * @typedef {object} ParsedOption
+ * @property { (key: VDirectiveKey) => boolean } test
+ * @property {string[]} [modifiers]
+ * @property {boolean} [useElement]
+ * @property {string} [message]
+ */
+
+/**
+ * @param {string} str
+ * @returns {(str: string) => boolean}
+ */
+function buildMatcher(str) {
+  if (regexp.isRegExp(str)) {
+    const re = regexp.toRegExp(str)
+    return (s) => {
+      re.lastIndex = 0
+      return re.test(s)
+    }
+  }
+  return (s) => s === str
+}
+
+/**
+ * @param {any} option
+ * @returns {ParsedOption}
+ */
+function parseOption(option) {
+  if (typeof option === 'string') {
+    const matcher = buildMatcher(option)
+    return {
+      test(key) {
+        return Boolean(
+          key.argument &&
+            key.argument.type === 'VIdentifier' &&
+            matcher(key.argument.rawName)
+        )
+      }
+    }
+  }
+  if (option === null) {
+    return {
+      test(key) {
+        return key.argument === null
+      }
+    }
+  }
+  const parsed = parseOption(option.argument)
+
+  if (option.modifiers) {
+    const argTest = parsed.test
+    parsed.test = (key) => {
+      if (!argTest(key)) {
+        return false
+      }
+      return /** @type {string[]} */ (option.modifiers).every((modName) =>
+        key.modifiers.some((mid) => mid.name === modName)
+      )
+    }
+    parsed.modifiers = option.modifiers
+  }
+  if (option.element) {
+    const argTest = parsed.test
+    const tagMatcher = buildMatcher(option.element)
+    parsed.test = (key) => {
+      if (!argTest(key)) {
+        return false
+      }
+      return tagMatcher(key.parent.parent.parent.rawName)
+    }
+    parsed.useElement = true
+  }
+  parsed.message = option.message
+  return parsed
+}
+
+/**
+ * @param {VDirectiveKey} key
+ * @param {ParsedOption} option
+ */
+function defaultMessage(key, option) {
+  const von = key.name.rawName === '@' ? '' : 'v-on'
+  const arg =
+    key.argument != null && key.argument.type === 'VIdentifier'
+      ? `${key.name.rawName === '@' ? '@' : ':'}${key.argument.rawName}`
+      : ''
+  const mod =
+    option.modifiers != null && option.modifiers.length > 0
+      ? `.${option.modifiers.join('.')}`
+      : ''
+  let element = 'element'
+  if (option.useElement) {
+    element = `<${key.parent.parent.parent.rawName}>`
+  }
+  return `Using \`${von + arg + mod}\` is not allowed on this ${element}.`
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow specific argument in `v-on`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-restricted-v-on.html'
+    },
+    fixable: null,
+    schema: {
+      type: 'array',
+      items: {
+        oneOf: [
+          { type: ['string', 'null'] },
+          {
+            type: 'object',
+            properties: {
+              argument: { type: ['string', 'null'] },
+              element: { type: 'string' },
+              message: { type: 'string', minLength: 1 },
+              modifiers: {
+                type: 'array',
+                items: {
+                  type: 'string',
+                  enum: [
+                    'prevent',
+                    'stop',
+                    'capture',
+                    'self',
+                    'once',
+                    'passive'
+                  ]
+                },
+                uniqueItems: true,
+                minItems: 1
+              }
+            },
+            required: ['argument'],
+            additionalProperties: false
+          }
+        ]
+      },
+      uniqueItems: true
+    },
+    messages: {
+      // eslint-disable-next-line eslint-plugin/report-message-format
+      restrictedVOn: '{{message}}'
+    }
+  },
+
+  /** @param {RuleContext} context */
+  create(context) {
+    if (context.options.length === 0) {
+      return {}
+    }
+    /** @type {ParsedOption[]} */
+    const options = context.options.map(parseOption)
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VDirectiveKey} node
+       */
+      "VAttribute[directive=true][key.name.name='on'] > VDirectiveKey"(node) {
+        for (const option of options) {
+          if (option.test(node)) {
+            const message = option.message || defaultMessage(node, option)
+            context.report({
+              node,
+              messageId: 'restrictedVOn',
+              data: { message }
+            })
+            return
+          }
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-restricted-v-on.js b/tests/lib/rules/no-restricted-v-on.js
new file mode 100644
index 000000000..1d73d5c15
--- /dev/null
+++ b/tests/lib/rules/no-restricted-v-on.js
@@ -0,0 +1,173 @@
+/**
+ * @author Kamogelo Moalusi <github.com/thesheppard>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-v-on')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-restricted-v-on', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: ''
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @click="foo"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button click="foo"></button></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><button :click="foo"></button></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @v-model="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @bar="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div foo="foo"></div></template>',
+      options: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo="foo"></div></template>',
+      options: [{ argument: 'foo', modifiers: ['prevent'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo="foo"></div></template>',
+      options: [{ argument: 'foo', element: 'input' }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: '<template><div @test="foo"></div></template>',
+      options: ['test'],
+      errors: [
+        {
+          message: 'Using `@test` is not allowed on this element.',
+          line: 1,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo="bar" @bar="foo"></div></template>',
+      options: ['foo'],
+      errors: ['Using `@foo` is not allowed on this element.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo="bar" @bar="foo"></div></template>',
+      options: ['foo', 'bar'],
+      errors: [
+        'Using `@foo` is not allowed on this element.',
+        'Using `@bar` is not allowed on this element.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo="bar" @bar="foo"></div></template>',
+      options: [{ argument: '/^(foo|bar)$/' }],
+      errors: [
+        'Using `@foo` is not allowed on this element.',
+        'Using `@bar` is not allowed on this element.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo.once="foo" /><div @foo="foo" /></template>',
+      options: [{ argument: 'foo', modifiers: ['once'] }],
+      errors: ['Using `@foo.once` is not allowed on this element.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @v-on="foo" @foo.prevent="bar" /><div @foo="foo" v-on="listener" /></template>',
+      options: ['/^v-/', { argument: 'foo', modifiers: ['prevent'] }, null],
+      errors: [
+        'Using `@v-on` is not allowed on this element.',
+        'Using `@foo.prevent` is not allowed on this element.',
+        'Using `v-on` is not allowed on this element.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-on="foo" /></template>',
+      options: [null],
+      errors: ['Using `v-on` is not allowed on this element.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @v-on @foo.once="bar" />
+        <MyButton @foo="foo" @bar="bar" />
+      </template>`,
+      options: ['/^v-/', { argument: 'foo', element: `/^My/` }],
+      errors: [
+        'Using `@v-on` is not allowed on this element.',
+        'Using `@foo` is not allowed on this <MyButton>.'
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @foo="x" />
+      </template>`,
+      options: ['/^f/', { argument: 'foo' }],
+      errors: ['Using `@foo` is not allowed on this element.']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div @foo="x" />
+      </template>`,
+      options: [{ argument: 'foo', message: 'foo' }],
+      errors: ['foo']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div @foo="foo"></div></template>',
+      options: [{ argument: 'foo', element: 'div' }],
+      errors: [
+        {
+          message: 'Using `@foo` is not allowed on this <div>.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-on:foo="foo"></div></template>',
+      options: ['foo'],
+      errors: [
+        {
+          message: 'Using `v-on:foo` is not allowed on this element.'
+        }
+      ]
+    }
+  ]
+})

From 959858c877b4192cb3b289aaeb010e9355211306 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 17 Jan 2024 00:46:02 +0900
Subject: [PATCH 0698/1010] Chore: add test for eslint v9 (#2368)

---
 .github/workflows/CI.yml                      |  14 +-
 lib/utils/index.js                            |   1 +
 tests/eslint-compat.js                        | 156 +++++++++-
 tests/fixtures/script-indent/jsx-01.vue       |   2 +-
 tests/fixtures/script-indent/jsx-02.vue       |   2 +-
 .../ts-abstract-accessor-property-01.vue      |   2 +-
 .../ts-abstract-class-property-01.vue         |   2 +-
 .../ts-abstract-class-property-02.vue         |   2 +-
 .../ts-abstract-method-definition-01.vue      |   2 +-
 .../script-indent/ts-accessor-property-01.vue |   2 +-
 .../script-indent/ts-accessor-property-02.vue |   2 +-
 .../script-indent/ts-accessor-property-03.vue |   2 +-
 .../script-indent/ts-accessor-property-04.vue |   2 +-
 .../script-indent/ts-accessor-property-05.vue |   2 +-
 .../script-indent/ts-as-expression-01.vue     |   2 +-
 .../script-indent/ts-call-expression-01.vue   |   2 +-
 .../ts-call-signature-declaration-01.vue      |   2 +-
 .../ts-call-signature-declaration-02.vue      |   2 +-
 .../script-indent/ts-class-declaration-01.vue |   2 +-
 .../script-indent/ts-class-declaration-02.vue |   2 +-
 .../script-indent/ts-class-declaration-03.vue |   2 +-
 .../script-indent/ts-class-declaration-04.vue |   2 +-
 .../script-indent/ts-class-declaration-05.vue |   2 +-
 .../script-indent/ts-class-declaration-06.vue |   2 +-
 .../script-indent/ts-class-declaration-07.vue |   2 +-
 .../ts-class-fields-private-methods-01.vue    |   2 +-
 .../ts-class-fields-private-properties-01.vue |   2 +-
 .../script-indent/ts-class-property-01.vue    |   2 +-
 .../script-indent/ts-class-property-02.vue    |   2 +-
 .../script-indent/ts-class-property-03.vue    |   2 +-
 .../script-indent/ts-conditional-type-01.vue  |   2 +-
 .../script-indent/ts-conditional-type-02.vue  |   2 +-
 .../script-indent/ts-conditional-type-03.vue  |   2 +-
 .../script-indent/ts-constructor-type-01.vue  |   2 +-
 .../script-indent/ts-declare-function-01.vue  |   2 +-
 .../script-indent/ts-declare-function-02.vue  |   2 +-
 .../script-indent/ts-declare-function-03.vue  |   2 +-
 .../script-indent/ts-declare-function-04.vue  |   2 +-
 .../script-indent/ts-decorator-01.vue         |   2 +-
 .../script-indent/ts-decorator-02.vue         |   2 +-
 tests/fixtures/script-indent/ts-enum-01.vue   |   2 +-
 tests/fixtures/script-indent/ts-enum-02.vue   |   2 +-
 tests/fixtures/script-indent/ts-enum-03.vue   |   2 +-
 tests/fixtures/script-indent/ts-enum-04.vue   |   2 +-
 tests/fixtures/script-indent/ts-enum-05.vue   |   2 +-
 tests/fixtures/script-indent/ts-enum-06.vue   |   2 +-
 .../script-indent/ts-enum-member-01.vue       |   2 +-
 .../script-indent/ts-enum-member-02.vue       |   2 +-
 .../script-indent/ts-export-assignment-01.vue |   2 +-
 .../script-indent/ts-export-assignment-02.vue |   2 +-
 .../script-indent/ts-export-namespace-01.vue  |   2 +-
 .../script-indent/ts-function-type-01.vue     |   2 +-
 .../script-indent/ts-function-type-02.vue     |   2 +-
 .../script-indent/ts-import-assertion-01.vue  |   2 +-
 .../script-indent/ts-import-assertion-02.vue  |   2 +-
 .../script-indent/ts-import-assertion-03.vue  |   2 +-
 .../script-indent/ts-import-assertion-04.vue  |   2 +-
 .../script-indent/ts-import-equal-01.vue      |   2 +-
 .../script-indent/ts-import-equal-02.vue      |   2 +-
 .../script-indent/ts-import-equal-03.vue      |   2 +-
 .../script-indent/ts-import-type-01.vue       |   2 +-
 .../script-indent/ts-import-type-02.vue       |   2 +-
 .../script-indent/ts-import-type-03.vue       |   2 +-
 .../ts-indexed-access-type-01.vue             |   2 +-
 .../ts-indexed-access-type-02.vue             |   2 +-
 tests/fixtures/script-indent/ts-infer-01.vue  |   2 +-
 .../ts-instantiation-expression-01.vue        |   2 +-
 .../ts-interface-declaration-01.vue           |   2 +-
 .../ts-interface-declaration-02.vue           |   2 +-
 .../ts-interface-declaration-03.vue           |   2 +-
 .../ts-interface-declaration-04.vue           |   2 +-
 .../ts-interface-declaration-05.vue           |   2 +-
 .../ts-interface-declaration-06.vue           |   2 +-
 .../ts-interface-declaration-07.vue           |   2 +-
 .../ts-interface-declaration-08.vue           |   2 +-
 .../script-indent/ts-mapped-type-01.vue       |   2 +-
 .../ts-module-declaration-01.vue              |   2 +-
 .../script-indent/ts-new-expression-01.vue    |   2 +-
 .../script-indent/ts-qualified-name-01.vue    |   2 +-
 .../ts-satisfies-operators-01.vue             |   2 +-
 .../script-indent/ts-static-block-01.vue      |   2 +-
 .../ts-template-literal-type-01.vue           |   2 +-
 tests/fixtures/script-indent/ts-tuple-01.vue  |   2 +-
 tests/fixtures/script-indent/ts-tuple-02.vue  |   2 +-
 .../ts-type-alias-seclaration-01.vue          |   2 +-
 .../script-indent/ts-type-annotation-01.vue   |   2 +-
 .../script-indent/ts-type-annotation-02.vue   |   2 +-
 .../script-indent/ts-type-annotation-03.vue   |   2 +-
 .../script-indent/ts-type-annotation-04.vue   |   2 +-
 .../script-indent/ts-type-annotation-05.vue   |   2 +-
 .../script-indent/ts-type-annotation-06.vue   |   2 +-
 .../script-indent/ts-type-assertion-01.vue    |   2 +-
 .../script-indent/ts-type-literal-01.vue      |   2 +-
 .../ts-type-only-import-export-01.vue         |   2 +-
 .../ts-type-only-import-export-02.vue         |   2 +-
 .../ts-type-only-import-export-03.vue         |   2 +-
 .../script-indent/ts-type-paramater-01.vue    |   2 +-
 .../ts-type-parameter-seclaration-01.vue      |   2 +-
 .../ts-union-intersection-01.vue              |   2 +-
 .../ts-union-intersection-02.vue              |   2 +-
 .../ts-union-intersection-03.vue              |   2 +-
 .../ts-union-intersection-04.vue              |   2 +-
 .../ts-union-intersection-05.vue              |   2 +-
 .../ts-union-intersection-06.vue              |   2 +-
 tests/fixtures/utils/ts-utils/tsconfig.json   |   7 +-
 tests/lib/autofix.js                          |  19 +-
 tests/lib/configs/configs.js                  |   1 -
 tests/lib/rules-without-vue-eslint-parser.js  |  16 +-
 tests/lib/rules-without-vue-sfc.js            |  17 +-
 tests/lib/rules/array-bracket-newline.js      |   8 +-
 tests/lib/rules/array-bracket-spacing.js      |   8 +-
 tests/lib/rules/array-element-newline.js      |   8 +-
 tests/lib/rules/arrow-spacing.js              |   8 +-
 tests/lib/rules/attribute-hyphenation.js      |   8 +-
 tests/lib/rules/attributes-order.js           |   8 +-
 tests/lib/rules/block-lang.js                 |   8 +-
 tests/lib/rules/block-order.js                |  18 +-
 tests/lib/rules/block-spacing.js              |   5 +-
 tests/lib/rules/block-tag-newline.js          |   5 +-
 tests/lib/rules/brace-style.js                |   5 +-
 tests/lib/rules/camelcase.js                  |   5 +-
 tests/lib/rules/comma-dangle.js               |   5 +-
 tests/lib/rules/comma-spacing.js              |   5 +-
 tests/lib/rules/comma-style.js                |   5 +-
 tests/lib/rules/comment-directive.js          |  35 +--
 tests/lib/rules/component-api-style.js        |   9 +-
 .../rules/component-definition-name-casing.js | 142 +++++----
 .../component-name-in-template-casing.js      |  18 +-
 .../rules/component-options-name-casing.js    |   4 +-
 tests/lib/rules/component-tags-order.js       |  18 +-
 tests/lib/rules/custom-event-name-casing.js   |   6 +-
 tests/lib/rules/define-emits-declaration.js   |  92 +++---
 tests/lib/rules/define-macros-order.js        |  54 ++--
 tests/lib/rules/define-props-declaration.js   |  40 ++-
 tests/lib/rules/dot-location.js               |   5 +-
 tests/lib/rules/dot-notation.js               |   5 +-
 tests/lib/rules/enforce-style-attribute.js    |   6 +-
 tests/lib/rules/eqeqeq.js                     |   5 +-
 tests/lib/rules/first-attribute-linebreak.js  |   5 +-
 tests/lib/rules/func-call-spacing.js          |   3 +-
 tests/lib/rules/html-button-has-type.js       |   5 +-
 .../lib/rules/html-closing-bracket-newline.js |   7 +-
 .../lib/rules/html-closing-bracket-spacing.js |   7 +-
 .../lib/rules/html-comment-content-newline.js |   7 +-
 .../lib/rules/html-comment-content-spacing.js |   7 +-
 tests/lib/rules/html-comment-indent.js        |   7 +-
 tests/lib/rules/html-end-tags.js              |   5 +-
 tests/lib/rules/html-indent.js                |  12 +-
 tests/lib/rules/html-quotes.js                |   5 +-
 tests/lib/rules/html-self-closing.js          |   4 +-
 tests/lib/rules/jsx-uses-vars.js              |  35 ++-
 tests/lib/rules/key-spacing.js                |   5 +-
 tests/lib/rules/keyword-spacing.js            |   5 +-
 tests/lib/rules/match-component-file-name.js  | 242 ++++++++-------
 .../lib/rules/match-component-import-name.js  |   6 +-
 tests/lib/rules/max-attributes-per-line.js    |   5 +-
 tests/lib/rules/max-len.js                    |   9 +-
 tests/lib/rules/max-lines-per-block.js        |   6 +-
 tests/lib/rules/multi-word-component-names.js |   6 +-
 .../multiline-html-element-content-newline.js |   7 +-
 tests/lib/rules/multiline-ternary.js          |   4 +-
 .../rules/mustache-interpolation-spacing.js   |   5 +-
 .../new-line-between-multi-line-property.js   |   9 +-
 tests/lib/rules/next-tick-style.js            |   6 +-
 .../lib/rules/no-arrow-functions-in-watch.js  |   4 +-
 .../rules/no-async-in-computed-properties.js  | 190 ++++++------
 .../lib/rules/no-bare-strings-in-template.js  |   9 +-
 tests/lib/rules/no-boolean-default.js         |  64 ++--
 tests/lib/rules/no-child-content.js           |   5 +-
 .../rules/no-computed-properties-in-data.js   |   6 +-
 tests/lib/rules/no-console.js                 |   6 +-
 tests/lib/rules/no-constant-condition.js      |   5 +-
 .../rules/no-custom-modifiers-on-v-model.js   |   5 +-
 .../no-deprecated-data-object-declaration.js  |  46 +--
 .../no-deprecated-destroyed-lifecycle.js      |   9 +-
 .../no-deprecated-dollar-listeners-api.js     |   9 +-
 .../no-deprecated-dollar-scopedslots-api.js   |   9 +-
 tests/lib/rules/no-deprecated-events-api.js   |  44 +--
 tests/lib/rules/no-deprecated-filter.js       |  11 +-
 .../no-deprecated-functional-template.js      |   5 +-
 .../rules/no-deprecated-html-element-is.js    |   5 +-
 .../rules/no-deprecated-inline-template.js    |   5 +-
 .../rules/no-deprecated-model-definition.js   |   6 +-
 .../rules/no-deprecated-props-default-this.js |   9 +-
 .../no-deprecated-router-link-tag-prop.js     |   6 +-
 .../rules/no-deprecated-scope-attribute.js    |   7 +-
 .../lib/rules/no-deprecated-slot-attribute.js |   7 +-
 .../no-deprecated-slot-scope-attribute.js     |   7 +-
 tests/lib/rules/no-deprecated-v-bind-sync.js  |   5 +-
 tests/lib/rules/no-deprecated-v-is.js         |   7 +-
 .../no-deprecated-v-on-native-modifier.js     |   5 +-
 .../no-deprecated-v-on-number-modifiers.js    |   5 +-
 .../no-deprecated-vue-config-keycodes.js      |   5 +-
 tests/lib/rules/no-dupe-keys.js               |  50 +--
 tests/lib/rules/no-dupe-v-else-if.js          |   6 +-
 .../rules/no-duplicate-attr-inheritance.js    |   6 +-
 tests/lib/rules/no-duplicate-attributes.js    |   5 +-
 tests/lib/rules/no-empty-component-block.js   |   5 +-
 tests/lib/rules/no-empty-pattern.js           |   5 +-
 tests/lib/rules/no-export-in-script-setup.js  |  34 ++-
 tests/lib/rules/no-expose-after-await.js      |  16 +-
 tests/lib/rules/no-extra-parens.js            |   5 +-
 tests/lib/rules/no-invalid-model-keys.js      |   4 +-
 tests/lib/rules/no-irregular-whitespace.js    |   5 +-
 tests/lib/rules/no-lifecycle-after-await.js   |  17 +-
 tests/lib/rules/no-lone-template.js           |   6 +-
 tests/lib/rules/no-loss-of-precision.js       |   4 +-
 tests/lib/rules/no-multi-spaces.js            |   9 +-
 .../lib/rules/no-multiple-objects-in-class.js |   9 +-
 tests/lib/rules/no-multiple-slot-args.js      |   9 +-
 tests/lib/rules/no-multiple-template-root.js  |   5 +-
 tests/lib/rules/no-mutating-props.js          |  16 +-
 tests/lib/rules/no-parsing-error.js           |   5 +-
 .../no-potential-component-option-typo.js     |   9 +-
 tests/lib/rules/no-ref-as-operand.js          |   9 +-
 tests/lib/rules/no-ref-object-destructure.js  |   4 +-
 .../rules/no-ref-object-reactivity-loss.js    |   8 +-
 .../rules/no-required-prop-with-default.js    | 162 ++++++----
 .../lib/rules/no-reserved-component-names.js  |  82 ++---
 tests/lib/rules/no-reserved-keys.js           |  79 ++---
 tests/lib/rules/no-reserved-props.js          |  34 ++-
 tests/lib/rules/no-restricted-block.js        |   5 +-
 .../rules/no-restricted-call-after-await.js   |  13 +-
 tests/lib/rules/no-restricted-class.js        |   9 +-
 .../rules/no-restricted-component-names.js    |   6 +-
 .../rules/no-restricted-component-options.js  |   9 +-
 tests/lib/rules/no-restricted-custom-event.js |   9 +-
 .../lib/rules/no-restricted-html-elements.js  |   5 +-
 tests/lib/rules/no-restricted-props.js        |  43 ++-
 .../rules/no-restricted-static-attribute.js   |   5 +-
 tests/lib/rules/no-restricted-syntax.js       |   5 +-
 tests/lib/rules/no-restricted-v-bind.js       |   5 +-
 tests/lib/rules/no-restricted-v-on.js         |   6 +-
 tests/lib/rules/no-root-v-if.js               |   5 +-
 tests/lib/rules/no-setup-props-destructure.js |   9 +-
 .../rules/no-setup-props-reactivity-loss.js   |   9 +-
 tests/lib/rules/no-shared-component-data.js   |  34 +--
 .../no-side-effects-in-computed-properties.js |  11 +-
 ...-spaces-around-equal-signs-in-attribute.js |   4 +-
 tests/lib/rules/no-sparse-arrays.js           |   5 +-
 tests/lib/rules/no-static-inline-styles.js    |   7 +-
 tests/lib/rules/no-template-key.js            |   5 +-
 tests/lib/rules/no-template-shadow.js         |   6 +-
 tests/lib/rules/no-template-target-blank.js   |   5 +-
 tests/lib/rules/no-textarea-mustache.js       |   5 +-
 .../rules/no-this-in-before-route-enter.js    |   9 +-
 tests/lib/rules/no-undef-components.js        |  38 ++-
 tests/lib/rules/no-undef-properties.js        |  12 +-
 tests/lib/rules/no-unsupported-features.js    |   7 +-
 .../no-unsupported-features/define-model.js   |   7 +-
 .../no-unsupported-features/define-options.js |   6 +-
 .../no-unsupported-features/define-slots.js   |   7 +-
 .../dynamic-directive-arguments.js            |   7 +-
 .../is-attribute-with-vue-prefix.js           |   7 +-
 .../no-unsupported-features/script-setup.js   |   7 +-
 .../slot-scope-attribute.js                   |   7 +-
 .../style-css-vars-injection.js               |   6 +-
 .../v-bind-attr-modifier.js                   |   7 +-
 .../v-bind-prop-modifier-shorthand.js         |   7 +-
 .../v-bind-same-name-shorthand.js             |   7 +-
 .../lib/rules/no-unsupported-features/v-is.js |   7 +-
 .../rules/no-unsupported-features/v-memo.js   |   7 +-
 .../v-model-argument.js                       |   7 +-
 .../v-model-custom-modifiers.js               |   7 +-
 .../rules/no-unsupported-features/v-slot.js   |   7 +-
 tests/lib/rules/no-unused-components.js       |   6 +-
 .../lib/rules/no-unused-emit-declarations.js  |  22 +-
 tests/lib/rules/no-unused-properties.js       |  32 +-
 tests/lib/rules/no-unused-refs.js             |   6 +-
 tests/lib/rules/no-unused-vars.js             |   5 +-
 .../no-use-computed-property-like-method.js   |   9 +-
 tests/lib/rules/no-use-v-else-with-v-for.js   |   5 +-
 tests/lib/rules/no-use-v-if-with-v-for.js     |   5 +-
 tests/lib/rules/no-useless-concat.js          |   5 +-
 tests/lib/rules/no-useless-mustaches.js       |   6 +-
 .../rules/no-useless-template-attributes.js   |   6 +-
 tests/lib/rules/no-useless-v-bind.js          |   6 +-
 .../rules/no-v-for-template-key-on-child.js   |   5 +-
 tests/lib/rules/no-v-for-template-key.js      |   5 +-
 tests/lib/rules/no-v-html.js                  |   5 +-
 tests/lib/rules/no-v-model-argument.js        |   5 +-
 .../rules/no-v-text-v-html-on-component.js    |   6 +-
 tests/lib/rules/no-v-text.js                  |   5 +-
 tests/lib/rules/no-watch-after-await.js       |  17 +-
 tests/lib/rules/object-curly-newline.js       |   5 +-
 tests/lib/rules/object-curly-spacing.js       |   5 +-
 tests/lib/rules/object-property-newline.js    |   5 +-
 tests/lib/rules/object-shorthand.js           |   6 +-
 tests/lib/rules/one-component-per-file.js     |   4 +-
 tests/lib/rules/operator-linebreak.js         |   5 +-
 tests/lib/rules/order-in-components.js        | 163 +++++-----
 .../lib/rules/padding-line-between-blocks.js  |   5 +-
 tests/lib/rules/padding-line-between-tags.js  |   6 +-
 .../padding-lines-in-component-definition.js  |  10 +-
 tests/lib/rules/prefer-define-options.js      |   6 +-
 tests/lib/rules/prefer-import-from-vue.js     |   4 +-
 .../rules/prefer-prop-type-boolean-first.js   |   6 +-
 .../lib/rules/prefer-separate-static-class.js |   6 +-
 tests/lib/rules/prefer-template.js            |   5 +-
 .../rules/prefer-true-attribute-shorthand.js  |   6 +-
 tests/lib/rules/prop-name-casing.js           | 164 +++++-----
 tests/lib/rules/quote-props.js                |   6 +-
 tests/lib/rules/require-component-is.js       |   5 +-
 tests/lib/rules/require-default-prop.js       | 101 ++++---
 tests/lib/rules/require-direct-export.js      |   8 +-
 tests/lib/rules/require-emit-validator.js     |  97 +++---
 tests/lib/rules/require-explicit-emits.js     |  66 ++--
 tests/lib/rules/require-explicit-slots.js     |  18 +-
 tests/lib/rules/require-expose.js             |   6 +-
 .../lib/rules/require-macro-variable-name.js  |   6 +-
 tests/lib/rules/require-name-property.js      |  50 +--
 tests/lib/rules/require-prop-comment.js       |  22 +-
 .../rules/require-prop-type-constructor.js    |  16 +-
 tests/lib/rules/require-prop-types.js         | 127 ++++----
 tests/lib/rules/require-render-return.js      |  54 ++--
 tests/lib/rules/require-slots-as-functions.js |   9 +-
 .../rules/require-toggle-inside-transition.js |   5 +-
 tests/lib/rules/require-typed-object-prop.js  | 190 +++++++-----
 tests/lib/rules/require-typed-ref.js          |  15 +-
 tests/lib/rules/require-v-for-key.js          |   5 +-
 tests/lib/rules/require-valid-default-prop.js | 286 ++++++++++--------
 .../lib/rules/return-in-computed-property.js  |  60 ++--
 tests/lib/rules/return-in-emits-validator.js  |   9 +-
 tests/lib/rules/script-indent.js              |  16 +-
 tests/lib/rules/script-setup-uses-vars.js     |  57 ++--
 ...singleline-html-element-content-newline.js |   7 +-
 tests/lib/rules/sort-keys.js                  | 170 ++++++-----
 tests/lib/rules/space-in-parens.js            |   3 +-
 tests/lib/rules/space-infix-ops.js            |   3 +-
 tests/lib/rules/space-unary-ops.js            |   5 +-
 tests/lib/rules/static-class-names-order.js   |   5 +-
 tests/lib/rules/template-curly-spacing.js     |   5 +-
 tests/lib/rules/this-in-template.js           |   5 +-
 tests/lib/rules/use-v-on-exact.js             |   5 +-
 tests/lib/rules/v-bind-style.js               |   5 +-
 tests/lib/rules/v-for-delimiter-style.js      |   5 +-
 tests/lib/rules/v-if-else-key.js              |   6 +-
 tests/lib/rules/v-on-event-hyphenation.js     |   7 +-
 tests/lib/rules/v-on-function-call.js         |   9 +-
 tests/lib/rules/v-on-handler-style.js         |   9 +-
 tests/lib/rules/v-on-style.js                 |   5 +-
 tests/lib/rules/v-slot-style.js               |   5 +-
 tests/lib/rules/valid-attribute-name.js       |   6 +-
 tests/lib/rules/valid-define-emits.js         |  31 +-
 tests/lib/rules/valid-define-options.js       |  27 +-
 tests/lib/rules/valid-define-props.js         |  31 +-
 tests/lib/rules/valid-model-definition.js     |   4 +-
 tests/lib/rules/valid-next-tick.js            |   6 +-
 tests/lib/rules/valid-template-root.js        |   5 +-
 tests/lib/rules/valid-v-bind-sync.js          |   5 +-
 tests/lib/rules/valid-v-bind.js               |   5 +-
 tests/lib/rules/valid-v-cloak.js              |   5 +-
 tests/lib/rules/valid-v-else-if.js            |   5 +-
 tests/lib/rules/valid-v-else.js               |   5 +-
 tests/lib/rules/valid-v-for.js                |   5 +-
 tests/lib/rules/valid-v-html.js               |   5 +-
 tests/lib/rules/valid-v-if.js                 |   5 +-
 tests/lib/rules/valid-v-is.js                 |   5 +-
 tests/lib/rules/valid-v-memo.js               |   5 +-
 tests/lib/rules/valid-v-model.js              |   5 +-
 tests/lib/rules/valid-v-on.js                 |   5 +-
 tests/lib/rules/valid-v-once.js               |   5 +-
 tests/lib/rules/valid-v-pre.js                |   5 +-
 tests/lib/rules/valid-v-show.js               |   5 +-
 tests/lib/rules/valid-v-slot.js               |   5 +-
 tests/lib/rules/valid-v-text.js               |   5 +-
 tests/lib/script-setup-vars.js                |  15 +-
 tests/lib/utils/core-rules/wrap-core-rule.js  |   6 +-
 tests/lib/utils/html-comments.js              |  26 +-
 tests/lib/utils/ref-object-references.js      |  82 +++--
 tests/lib/utils/selector.js                   |  43 ++-
 .../ts-utils/index/get-component-emits.js     |  59 ++--
 .../ts-utils/index/get-component-props.js     |  63 ++--
 tests/lib/utils/vue-component.js              | 108 ++++---
 tests/test-utils/typescript.js                |  16 +-
 tools/new-rule.js                             |   6 +-
 376 files changed, 3100 insertions(+), 2504 deletions(-)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 70e4dd7d3..66f6af0e8 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -26,8 +26,18 @@ jobs:
     name: Test
     strategy:
       matrix:
-        node: [17, 18, 20]
+        node: [18, 20]
         os: [ubuntu-latest]
+        eslint: [8]
+        include:
+          # On next ESLint version
+          - eslint: ^9.0.0-0
+            node: 20
+            os: ubuntu-latest
+          # On old Node version
+          - eslint: 8
+            node: 17
+            os: ubuntu-latest
 
     runs-on: ${{ matrix.os }}
     steps:
@@ -39,6 +49,8 @@ jobs:
         node-version: ${{ matrix.node }}
     - name: Install Packages
       run: npm install --legacy-peer-deps
+    - name: Install ESLint v${{ matrix.eslint }}
+      run: npm install --save-dev eslint@${{ matrix.eslint }} --legacy-peer-deps
     - name: Test
       run: npm test
 
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 4fec4e1fa..d43541888 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -673,6 +673,7 @@ module.exports = {
    */
   wrapCoreRule,
   wrapStylisticOrCoreRule,
+  getCoreRule,
   /**
    * Checks whether the given value is defined.
    * @template T
diff --git a/tests/eslint-compat.js b/tests/eslint-compat.js
index 86b16265d..d05bc12a4 100644
--- a/tests/eslint-compat.js
+++ b/tests/eslint-compat.js
@@ -1,15 +1,66 @@
 // @ts-check
 const eslint = require('eslint')
+const semver = require('semver')
+
+let ESLint = eslint.ESLint
+let Linter = eslint.Linter
+let RuleTester = eslint.RuleTester
+if (semver.lt(eslint.Linter.version, '9.0.0-0')) {
+  ESLint = eslint.ESLint ? getESLintClassForV8() : getESLintClassForV6()
+  Linter = getLinterClassForV8()
+  RuleTester = getRuleTesterClassForV8()
+}
 
 module.exports = {
-  ESLint: eslint.ESLint || getESLintClassForV6(),
-  RuleTester: eslint.RuleTester
+  ESLint,
+  RuleTester,
+  Linter
 }
 
+/** @returns {typeof eslint.ESLint} */
+function getESLintClassForV8(BaseESLintClass = eslint.ESLint) {
+  return class ESLintForV8 extends BaseESLintClass {
+    static get version() {
+      return BaseESLintClass.version
+    }
+    constructor(options) {
+      super(adjustOptions(options))
+    }
+  }
+
+  // eslint-disable-next-line unicorn/consistent-function-scoping
+  function adjustOptions(options) {
+    const newOptions = {
+      ...options,
+      useEslintrc: false
+    }
+    if (newOptions.overrideConfig) {
+      newOptions.overrideConfig = { ...newOptions.overrideConfig }
+      let plugins
+      if (newOptions.overrideConfig.plugins) {
+        plugins = newOptions.overrideConfig.plugins
+        delete newOptions.overrideConfig.plugins
+      }
+      newOptions.overrideConfig = processCompatibleConfig(
+        newOptions.overrideConfig
+      )
+      if (plugins) {
+        newOptions.overrideConfig.plugins = Object.keys(plugins)
+        newOptions.plugins = plugins
+      }
+
+      // adjust
+      delete newOptions.overrideConfig.files
+      delete newOptions.overrideConfig.processor
+    }
+    return newOptions
+  }
+}
 /** @returns {typeof eslint.ESLint} */
 function getESLintClassForV6() {
   class ESLintForV6 {
     static get version() {
+      // @ts-expect-error
       return eslint.CLIEngine.version
     }
 
@@ -26,7 +77,7 @@ function getESLintClassForV6() {
         plugins: pluginsMap,
         ...otherOptions
       } = options || {}
-      /** @type {eslint.CLIEngine.Options} */
+
       const newOptions = {
         fix: Boolean(fix),
         reportUnusedDisableDirectives: reportUnusedDisableDirectives
@@ -47,6 +98,8 @@ function getESLintClassForV6() {
           : undefined,
         ...overrideConfig
       }
+
+      // @ts-expect-error
       this.engine = new eslint.CLIEngine(newOptions)
 
       for (const [name, plugin] of Object.entries(pluginsMap || {})) {
@@ -59,12 +112,105 @@ function getESLintClassForV6() {
      * @returns {ReturnType<eslint.ESLint['lintText']>}
      */
     async lintText(...params) {
-      const result = this.engine.executeOnText(params[0], params[1].filePath)
+      const result = this.engine.executeOnText(params[0], params[1]?.filePath)
       return result.results
     }
   }
 
   /** @type {typeof eslint.ESLint} */
   const eslintClass = /** @type {any} */ (ESLintForV6)
-  return eslintClass
+  return getESLintClassForV8(eslintClass)
+}
+
+/** @returns {typeof eslint.Linter} */
+function getLinterClassForV8() {
+  return class LinterForV8 extends eslint.Linter {
+    static get version() {
+      return eslint.Linter.version
+    }
+    verify(code, config, option) {
+      return super.verify(code, processCompatibleConfig(config, this), option)
+    }
+  }
+}
+
+function getRuleTesterClassForV8() {
+  return class RuleTesterForV8 extends eslint.RuleTester {
+    constructor(options) {
+      const defineRules = []
+      super(
+        processCompatibleConfig(options, {
+          defineRule(...args) {
+            defineRules.push(args)
+          }
+        })
+      )
+      for (const args of defineRules) {
+        // @ts-expect-error
+        this.linter.defineRule(...args)
+      }
+    }
+    run(name, rule, tests) {
+      super.run(name, rule, {
+        valid: (tests.valid || []).map((test) =>
+          typeof test === 'string' ? test : adjustOptions(test)
+        ),
+        invalid: (tests.invalid || []).map((test) => adjustOptions(test))
+      })
+    }
+  }
+  // eslint-disable-next-line unicorn/consistent-function-scoping
+  function adjustOptions(test) {
+    return processCompatibleConfig(test)
+  }
+}
+
+function processCompatibleConfig(config, linter) {
+  const newConfig = { ...config }
+  if (newConfig.languageOptions) {
+    const languageOptions = newConfig.languageOptions
+    delete newConfig.languageOptions
+    newConfig.parserOptions = {
+      ...newConfig.parserOptions,
+      ...languageOptions,
+      ...languageOptions.parserOptions
+    }
+    if (languageOptions.globals) {
+      newConfig.globals = {
+        ...newConfig.globals,
+        ...languageOptions.globals
+      }
+    }
+    if (languageOptions.parser) {
+      newConfig.parser = getParserName(languageOptions.parser)
+      if (!languageOptions.parserOptions?.parser) {
+        delete newConfig.parserOptions.parser
+      }
+      linter?.defineParser?.(newConfig.parser, require(newConfig.parser))
+    }
+  }
+  if (newConfig.plugins) {
+    const plugins = newConfig.plugins
+    delete newConfig.plugins
+    for (const [pluginName, plugin] of Object.entries(plugins)) {
+      for (const [ruleName, rule] of Object.entries(plugin.rules || {})) {
+        linter.defineRule(`${pluginName}/${ruleName}`, rule)
+      }
+    }
+  }
+  newConfig.env = { ...newConfig.env, es6: true }
+  return newConfig
+}
+
+function getParserName(parser) {
+  const name = parser.meta?.name || parser.name
+  if (name === 'typescript-eslint/parser') {
+    return require.resolve('@typescript-eslint/parser')
+  } else if (
+    name == null &&
+    // @ts-expect-error
+    parser === require('@typescript-eslint/parser')
+  )
+    return require.resolve('@typescript-eslint/parser')
+  return require.resolve(name)
 }
diff --git a/tests/fixtures/script-indent/jsx-01.vue b/tests/fixtures/script-indent/jsx-01.vue
index 7cd302aa3..d5e73c650 100644
--- a/tests/fixtures/script-indent/jsx-01.vue
+++ b/tests/fixtures/script-indent/jsx-01.vue
@@ -1,4 +1,4 @@
-<!--{ "parserOptions": { "ecmaFeatures": { "jsx": true } } }-->
+<!--{ "languageOptions": { "parserOptions": {"ecmaFeatures": { "jsx": true }} } }-->
 <script>
 // Not yet supported.
 const jsx = <
diff --git a/tests/fixtures/script-indent/jsx-02.vue b/tests/fixtures/script-indent/jsx-02.vue
index 895f4039e..a7656d430 100644
--- a/tests/fixtures/script-indent/jsx-02.vue
+++ b/tests/fixtures/script-indent/jsx-02.vue
@@ -1,4 +1,4 @@
-<!--{ "parserOptions": { "ecmaFeatures": { "jsx": true } } }-->
+<!--{ "languageOptions": { "parserOptions": {"ecmaFeatures": { "jsx": true }} } }-->
 <script>
 // Not yet supported.
 const jsx = <
diff --git a/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue b/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue
index 563b10304..01068057e 100644
--- a/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue
+++ b/tests/fixtures/script-indent/ts-abstract-accessor-property-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
 <script lang="ts">
 abstract class Foo {
   abstract accessor
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-01.vue b/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
index ec38f5ff3..500b4c493 100644
--- a/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 abstract class A {
   abstract a;
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-02.vue b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
index 6b10b8033..47e4aba99 100644
--- a/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 abstract class A {
   a
diff --git a/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue b/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
index bed8e269e..cd700f1a9 100644
--- a/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
+++ b/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 abstract class A {
   abstract a ();
diff --git a/tests/fixtures/script-indent/ts-accessor-property-01.vue b/tests/fixtures/script-indent/ts-accessor-property-01.vue
index c7fa3c38e..97928b6b6 100644
--- a/tests/fixtures/script-indent/ts-accessor-property-01.vue
+++ b/tests/fixtures/script-indent/ts-accessor-property-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
 <script lang="ts">
 class Foo {
   accessor
diff --git a/tests/fixtures/script-indent/ts-accessor-property-02.vue b/tests/fixtures/script-indent/ts-accessor-property-02.vue
index a09369195..da749a32e 100644
--- a/tests/fixtures/script-indent/ts-accessor-property-02.vue
+++ b/tests/fixtures/script-indent/ts-accessor-property-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
 <script lang="ts">
 class Foo {
   accessor
diff --git a/tests/fixtures/script-indent/ts-accessor-property-03.vue b/tests/fixtures/script-indent/ts-accessor-property-03.vue
index 856502bbd..993e52527 100644
--- a/tests/fixtures/script-indent/ts-accessor-property-03.vue
+++ b/tests/fixtures/script-indent/ts-accessor-property-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
 <script lang="ts">
 class Foo {
   declare accessor
diff --git a/tests/fixtures/script-indent/ts-accessor-property-04.vue b/tests/fixtures/script-indent/ts-accessor-property-04.vue
index f0ba8795c..e69e294fc 100644
--- a/tests/fixtures/script-indent/ts-accessor-property-04.vue
+++ b/tests/fixtures/script-indent/ts-accessor-property-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
 <script lang="ts">
 class Foo {
   override accessor
diff --git a/tests/fixtures/script-indent/ts-accessor-property-05.vue b/tests/fixtures/script-indent/ts-accessor-property-05.vue
index 4328991d0..dc3503ca7 100644
--- a/tests/fixtures/script-indent/ts-accessor-property-05.vue
+++ b/tests/fixtures/script-indent/ts-accessor-property-05.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.1-alpha.15"}}-->
 <script lang="ts">
 class Foo {
   accessor
diff --git a/tests/fixtures/script-indent/ts-as-expression-01.vue b/tests/fixtures/script-indent/ts-as-expression-01.vue
index 869101939..377dd3436 100644
--- a/tests/fixtures/script-indent/ts-as-expression-01.vue
+++ b/tests/fixtures/script-indent/ts-as-expression-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 var foo =
   bar as
diff --git a/tests/fixtures/script-indent/ts-call-expression-01.vue b/tests/fixtures/script-indent/ts-call-expression-01.vue
index 20600bc1f..a12e28f7d 100644
--- a/tests/fixtures/script-indent/ts-call-expression-01.vue
+++ b/tests/fixtures/script-indent/ts-call-expression-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 foo
   <
diff --git a/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue b/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
index a6b14b935..b734c69c6 100644
--- a/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
+++ b/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo {
   (
diff --git a/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue b/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
index 7ef9cce2b..e2b6cd0b7 100644
--- a/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
+++ b/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo = {
   (
diff --git a/tests/fixtures/script-indent/ts-class-declaration-01.vue b/tests/fixtures/script-indent/ts-class-declaration-01.vue
index 972eb91d2..776e38aa3 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-01.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   Foo
diff --git a/tests/fixtures/script-indent/ts-class-declaration-02.vue b/tests/fixtures/script-indent/ts-class-declaration-02.vue
index 6ddf94570..4b4eafbf1 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-02.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   Foo
diff --git a/tests/fixtures/script-indent/ts-class-declaration-03.vue b/tests/fixtures/script-indent/ts-class-declaration-03.vue
index 206c64347..c1697f273 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-03.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   Foo
diff --git a/tests/fixtures/script-indent/ts-class-declaration-04.vue b/tests/fixtures/script-indent/ts-class-declaration-04.vue
index 206c64347..c1697f273 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-04.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   Foo
diff --git a/tests/fixtures/script-indent/ts-class-declaration-05.vue b/tests/fixtures/script-indent/ts-class-declaration-05.vue
index 4f0796e35..893584928 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-05.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-05.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   Foo
diff --git a/tests/fixtures/script-indent/ts-class-declaration-06.vue b/tests/fixtures/script-indent/ts-class-declaration-06.vue
index dc7733532..06e42f0c6 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-06.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-06.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   Foo
diff --git a/tests/fixtures/script-indent/ts-class-declaration-07.vue b/tests/fixtures/script-indent/ts-class-declaration-07.vue
index 5568aa6d3..dfca03b8a 100644
--- a/tests/fixtures/script-indent/ts-class-declaration-07.vue
+++ b/tests/fixtures/script-indent/ts-class-declaration-07.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 import {Component, Prop, Vue} from "vue-property-decorator";
 
diff --git a/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue b/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
index aa1ae7b89..ac0eda090 100644
--- a/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
+++ b/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script>
 class Counter {
   get
diff --git a/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue b/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
index e74198af8..26006fb4a 100644
--- a/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
+++ b/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script>
 class Counter {
   #x
diff --git a/tests/fixtures/script-indent/ts-class-property-01.vue b/tests/fixtures/script-indent/ts-class-property-01.vue
index 8f55b5483..a0e8b8583 100644
--- a/tests/fixtures/script-indent/ts-class-property-01.vue
+++ b/tests/fixtures/script-indent/ts-class-property-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class A {
   a;
diff --git a/tests/fixtures/script-indent/ts-class-property-02.vue b/tests/fixtures/script-indent/ts-class-property-02.vue
index 71c059b7c..f2ae2e508 100644
--- a/tests/fixtures/script-indent/ts-class-property-02.vue
+++ b/tests/fixtures/script-indent/ts-class-property-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class A {
   a
diff --git a/tests/fixtures/script-indent/ts-class-property-03.vue b/tests/fixtures/script-indent/ts-class-property-03.vue
index 7a44d6a7d..dfd437f38 100644
--- a/tests/fixtures/script-indent/ts-class-property-03.vue
+++ b/tests/fixtures/script-indent/ts-class-property-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class A {
   a: number
diff --git a/tests/fixtures/script-indent/ts-conditional-type-01.vue b/tests/fixtures/script-indent/ts-conditional-type-01.vue
index 188ee1654..ca1334b18 100644
--- a/tests/fixtures/script-indent/ts-conditional-type-01.vue
+++ b/tests/fixtures/script-indent/ts-conditional-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type X = A extends B
   ? C
diff --git a/tests/fixtures/script-indent/ts-conditional-type-02.vue b/tests/fixtures/script-indent/ts-conditional-type-02.vue
index 778ae1ec1..1e8d68b76 100644
--- a/tests/fixtures/script-indent/ts-conditional-type-02.vue
+++ b/tests/fixtures/script-indent/ts-conditional-type-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type X = A extends B ?
   C :
diff --git a/tests/fixtures/script-indent/ts-conditional-type-03.vue b/tests/fixtures/script-indent/ts-conditional-type-03.vue
index 8735d9f8b..e3230e948 100644
--- a/tests/fixtures/script-indent/ts-conditional-type-03.vue
+++ b/tests/fixtures/script-indent/ts-conditional-type-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type X = A extends B
   ?
diff --git a/tests/fixtures/script-indent/ts-constructor-type-01.vue b/tests/fixtures/script-indent/ts-constructor-type-01.vue
index 07a3d7f59..97cc1a1d8 100644
--- a/tests/fixtures/script-indent/ts-constructor-type-01.vue
+++ b/tests/fixtures/script-indent/ts-constructor-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo = new
   (
diff --git a/tests/fixtures/script-indent/ts-declare-function-01.vue b/tests/fixtures/script-indent/ts-declare-function-01.vue
index 164611be6..2d1fa1f19 100644
--- a/tests/fixtures/script-indent/ts-declare-function-01.vue
+++ b/tests/fixtures/script-indent/ts-declare-function-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 declare function
   foo
diff --git a/tests/fixtures/script-indent/ts-declare-function-02.vue b/tests/fixtures/script-indent/ts-declare-function-02.vue
index fcca210b0..1450b1b32 100644
--- a/tests/fixtures/script-indent/ts-declare-function-02.vue
+++ b/tests/fixtures/script-indent/ts-declare-function-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 function
   foo
diff --git a/tests/fixtures/script-indent/ts-declare-function-03.vue b/tests/fixtures/script-indent/ts-declare-function-03.vue
index 397c36f0f..fd5bb68bd 100644
--- a/tests/fixtures/script-indent/ts-declare-function-03.vue
+++ b/tests/fixtures/script-indent/ts-declare-function-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 declare async function
   foo
diff --git a/tests/fixtures/script-indent/ts-declare-function-04.vue b/tests/fixtures/script-indent/ts-declare-function-04.vue
index 3a62cc896..3ebd9db1b 100644
--- a/tests/fixtures/script-indent/ts-declare-function-04.vue
+++ b/tests/fixtures/script-indent/ts-declare-function-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 declare function
   *
diff --git a/tests/fixtures/script-indent/ts-decorator-01.vue b/tests/fixtures/script-indent/ts-decorator-01.vue
index be6def42f..c6f39dc35 100644
--- a/tests/fixtures/script-indent/ts-decorator-01.vue
+++ b/tests/fixtures/script-indent/ts-decorator-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class
   ExampleClass
diff --git a/tests/fixtures/script-indent/ts-decorator-02.vue b/tests/fixtures/script-indent/ts-decorator-02.vue
index 5d663f250..a314771ad 100644
--- a/tests/fixtures/script-indent/ts-decorator-02.vue
+++ b/tests/fixtures/script-indent/ts-decorator-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 @
 (
diff --git a/tests/fixtures/script-indent/ts-enum-01.vue b/tests/fixtures/script-indent/ts-enum-01.vue
index 2b438689d..b6b9ccae0 100644
--- a/tests/fixtures/script-indent/ts-enum-01.vue
+++ b/tests/fixtures/script-indent/ts-enum-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 enum Direction {
   Up = 1,
diff --git a/tests/fixtures/script-indent/ts-enum-02.vue b/tests/fixtures/script-indent/ts-enum-02.vue
index 03034cef1..a0e25f12b 100644
--- a/tests/fixtures/script-indent/ts-enum-02.vue
+++ b/tests/fixtures/script-indent/ts-enum-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 enum Direction {
   Up = "UP",
diff --git a/tests/fixtures/script-indent/ts-enum-03.vue b/tests/fixtures/script-indent/ts-enum-03.vue
index 53f6d2e51..f46b6b179 100644
--- a/tests/fixtures/script-indent/ts-enum-03.vue
+++ b/tests/fixtures/script-indent/ts-enum-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 enum FileAccess {
   // constant members
diff --git a/tests/fixtures/script-indent/ts-enum-04.vue b/tests/fixtures/script-indent/ts-enum-04.vue
index 2995e29ab..141e8d7f9 100644
--- a/tests/fixtures/script-indent/ts-enum-04.vue
+++ b/tests/fixtures/script-indent/ts-enum-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const enum Enum {
   A = 1,
diff --git a/tests/fixtures/script-indent/ts-enum-05.vue b/tests/fixtures/script-indent/ts-enum-05.vue
index 6b266680c..d40883ee9 100644
--- a/tests/fixtures/script-indent/ts-enum-05.vue
+++ b/tests/fixtures/script-indent/ts-enum-05.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 declare enum Enum {
   A = 1,
diff --git a/tests/fixtures/script-indent/ts-enum-06.vue b/tests/fixtures/script-indent/ts-enum-06.vue
index aae884251..b4d02a8f3 100644
--- a/tests/fixtures/script-indent/ts-enum-06.vue
+++ b/tests/fixtures/script-indent/ts-enum-06.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 {
   declare enum
diff --git a/tests/fixtures/script-indent/ts-enum-member-01.vue b/tests/fixtures/script-indent/ts-enum-member-01.vue
index 925dc7b32..a646bda9b 100644
--- a/tests/fixtures/script-indent/ts-enum-member-01.vue
+++ b/tests/fixtures/script-indent/ts-enum-member-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 enum Direction {
   // comment
diff --git a/tests/fixtures/script-indent/ts-enum-member-02.vue b/tests/fixtures/script-indent/ts-enum-member-02.vue
index 04cb70b31..0dfad0857 100644
--- a/tests/fixtures/script-indent/ts-enum-member-02.vue
+++ b/tests/fixtures/script-indent/ts-enum-member-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 enum FileAccess {
   // constant members
diff --git a/tests/fixtures/script-indent/ts-export-assignment-01.vue b/tests/fixtures/script-indent/ts-export-assignment-01.vue
index f19bd6611..ee028cb48 100644
--- a/tests/fixtures/script-indent/ts-export-assignment-01.vue
+++ b/tests/fixtures/script-indent/ts-export-assignment-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 export = {
 }
diff --git a/tests/fixtures/script-indent/ts-export-assignment-02.vue b/tests/fixtures/script-indent/ts-export-assignment-02.vue
index 8844b3744..0d167f0df 100644
--- a/tests/fixtures/script-indent/ts-export-assignment-02.vue
+++ b/tests/fixtures/script-indent/ts-export-assignment-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 var obj
   =
diff --git a/tests/fixtures/script-indent/ts-export-namespace-01.vue b/tests/fixtures/script-indent/ts-export-namespace-01.vue
index 4bad9b1d1..098f4b3cb 100644
--- a/tests/fixtures/script-indent/ts-export-namespace-01.vue
+++ b/tests/fixtures/script-indent/ts-export-namespace-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 export
   as
diff --git a/tests/fixtures/script-indent/ts-function-type-01.vue b/tests/fixtures/script-indent/ts-function-type-01.vue
index be51a6404..1cd005f49 100644
--- a/tests/fixtures/script-indent/ts-function-type-01.vue
+++ b/tests/fixtures/script-indent/ts-function-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo = (
   arg: T
diff --git a/tests/fixtures/script-indent/ts-function-type-02.vue b/tests/fixtures/script-indent/ts-function-type-02.vue
index bd976af7c..bd5c27cb3 100644
--- a/tests/fixtures/script-indent/ts-function-type-02.vue
+++ b/tests/fixtures/script-indent/ts-function-type-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const Hoo =
   (
diff --git a/tests/fixtures/script-indent/ts-import-assertion-01.vue b/tests/fixtures/script-indent/ts-import-assertion-01.vue
index f14761841..04cd9c99b 100644
--- a/tests/fixtures/script-indent/ts-import-assertion-01.vue
+++ b/tests/fixtures/script-indent/ts-import-assertion-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
 <script lang="ts">
 import foo from "./foo.json" assert
   {
diff --git a/tests/fixtures/script-indent/ts-import-assertion-02.vue b/tests/fixtures/script-indent/ts-import-assertion-02.vue
index 86fe80b4e..c6e0cb866 100644
--- a/tests/fixtures/script-indent/ts-import-assertion-02.vue
+++ b/tests/fixtures/script-indent/ts-import-assertion-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
 <script lang="ts">
 import(
   "./foo.json",
diff --git a/tests/fixtures/script-indent/ts-import-assertion-03.vue b/tests/fixtures/script-indent/ts-import-assertion-03.vue
index ee88e92ce..7cdf02501 100644
--- a/tests/fixtures/script-indent/ts-import-assertion-03.vue
+++ b/tests/fixtures/script-indent/ts-import-assertion-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
 <script lang="ts">
 export * from "mod" assert
   {
diff --git a/tests/fixtures/script-indent/ts-import-assertion-04.vue b/tests/fixtures/script-indent/ts-import-assertion-04.vue
index 76d2f2860..fc1bee6ee 100644
--- a/tests/fixtures/script-indent/ts-import-assertion-04.vue
+++ b/tests/fixtures/script-indent/ts-import-assertion-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.1 || ^5.4.1-0" } }-->
 <script lang="ts">
 export { foo } from "mod" assert
   {
diff --git a/tests/fixtures/script-indent/ts-import-equal-01.vue b/tests/fixtures/script-indent/ts-import-equal-01.vue
index e2136f100..b35c28cd0 100644
--- a/tests/fixtures/script-indent/ts-import-equal-01.vue
+++ b/tests/fixtures/script-indent/ts-import-equal-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 import foo = require(
   'asdf'
diff --git a/tests/fixtures/script-indent/ts-import-equal-02.vue b/tests/fixtures/script-indent/ts-import-equal-02.vue
index b4a7146c4..5d55cab24 100644
--- a/tests/fixtures/script-indent/ts-import-equal-02.vue
+++ b/tests/fixtures/script-indent/ts-import-equal-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const
   foo
diff --git a/tests/fixtures/script-indent/ts-import-equal-03.vue b/tests/fixtures/script-indent/ts-import-equal-03.vue
index 066306f07..d532454be 100644
--- a/tests/fixtures/script-indent/ts-import-equal-03.vue
+++ b/tests/fixtures/script-indent/ts-import-equal-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const
   foo
diff --git a/tests/fixtures/script-indent/ts-import-type-01.vue b/tests/fixtures/script-indent/ts-import-type-01.vue
index 8c224b3c9..d8790ed57 100644
--- a/tests/fixtures/script-indent/ts-import-type-01.vue
+++ b/tests/fixtures/script-indent/ts-import-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const foo
   :
diff --git a/tests/fixtures/script-indent/ts-import-type-02.vue b/tests/fixtures/script-indent/ts-import-type-02.vue
index c869a5be3..f19a97d89 100644
--- a/tests/fixtures/script-indent/ts-import-type-02.vue
+++ b/tests/fixtures/script-indent/ts-import-type-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const foo
   =
diff --git a/tests/fixtures/script-indent/ts-import-type-03.vue b/tests/fixtures/script-indent/ts-import-type-03.vue
index cdbba7a14..2724f2911 100644
--- a/tests/fixtures/script-indent/ts-import-type-03.vue
+++ b/tests/fixtures/script-indent/ts-import-type-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const foo
   :
diff --git a/tests/fixtures/script-indent/ts-indexed-access-type-01.vue b/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
index 4cb163bdf..f95b266fd 100644
--- a/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
+++ b/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const Foo = Bar[
   'asdf'
diff --git a/tests/fixtures/script-indent/ts-indexed-access-type-02.vue b/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
index 8c6e9381e..6c641d0bf 100644
--- a/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
+++ b/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 {
   const Foo = Bar[
diff --git a/tests/fixtures/script-indent/ts-infer-01.vue b/tests/fixtures/script-indent/ts-infer-01.vue
index d7818834c..7cd8cb660 100644
--- a/tests/fixtures/script-indent/ts-infer-01.vue
+++ b/tests/fixtures/script-indent/ts-infer-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo<T> = T extends Bar<
   infer
diff --git a/tests/fixtures/script-indent/ts-instantiation-expression-01.vue b/tests/fixtures/script-indent/ts-instantiation-expression-01.vue
index b58602542..64e1d1073 100644
--- a/tests/fixtures/script-indent/ts-instantiation-expression-01.vue
+++ b/tests/fixtures/script-indent/ts-instantiation-expression-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.0"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.0"}}-->
 <script lang="ts">
 const ErrorMap = Map
   <
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-01.vue b/tests/fixtures/script-indent/ts-interface-declaration-01.vue
index f3584b7f8..6dc683226 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-01.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
 {
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-02.vue b/tests/fixtures/script-indent/ts-interface-declaration-02.vue
index 0ffa8677c..99d53c153 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-02.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
   <
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-03.vue b/tests/fixtures/script-indent/ts-interface-declaration-03.vue
index 9aaabb813..6490c79ec 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-03.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 function fn() {
   interface Foo
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-04.vue b/tests/fixtures/script-indent/ts-interface-declaration-04.vue
index 3d99d6614..bb770b382 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-04.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
   <
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-05.vue b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
index 9b59a53dd..1c00cab83 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-05.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
   <
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-06.vue b/tests/fixtures/script-indent/ts-interface-declaration-06.vue
index 1bf582d42..3390cb963 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-06.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-06.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
 {
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-07.vue b/tests/fixtures/script-indent/ts-interface-declaration-07.vue
index 4828a8832..3dbcc88d3 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-07.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-07.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
 {
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-08.vue b/tests/fixtures/script-indent/ts-interface-declaration-08.vue
index d15b76449..0048fe129 100644
--- a/tests/fixtures/script-indent/ts-interface-declaration-08.vue
+++ b/tests/fixtures/script-indent/ts-interface-declaration-08.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 interface Foo
 {
diff --git a/tests/fixtures/script-indent/ts-mapped-type-01.vue b/tests/fixtures/script-indent/ts-mapped-type-01.vue
index 93f718e4d..6f7016231 100644
--- a/tests/fixtures/script-indent/ts-mapped-type-01.vue
+++ b/tests/fixtures/script-indent/ts-mapped-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type a = {
   [
diff --git a/tests/fixtures/script-indent/ts-module-declaration-01.vue b/tests/fixtures/script-indent/ts-module-declaration-01.vue
index dffd2ca48..ef89078fc 100644
--- a/tests/fixtures/script-indent/ts-module-declaration-01.vue
+++ b/tests/fixtures/script-indent/ts-module-declaration-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 declare global
 {
diff --git a/tests/fixtures/script-indent/ts-new-expression-01.vue b/tests/fixtures/script-indent/ts-new-expression-01.vue
index 8559f7787..3dd190fa0 100644
--- a/tests/fixtures/script-indent/ts-new-expression-01.vue
+++ b/tests/fixtures/script-indent/ts-new-expression-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const foo = new
   Foo
diff --git a/tests/fixtures/script-indent/ts-qualified-name-01.vue b/tests/fixtures/script-indent/ts-qualified-name-01.vue
index 5c5668a23..aa8fa0a0f 100644
--- a/tests/fixtures/script-indent/ts-qualified-name-01.vue
+++ b/tests/fixtures/script-indent/ts-qualified-name-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type a =
   a
diff --git a/tests/fixtures/script-indent/ts-satisfies-operators-01.vue b/tests/fixtures/script-indent/ts-satisfies-operators-01.vue
index fbb78af6a..858834115 100644
--- a/tests/fixtures/script-indent/ts-satisfies-operators-01.vue
+++ b/tests/fixtures/script-indent/ts-satisfies-operators-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.44.0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.44.0" } }-->
 <script lang="ts">
 var a =
   {} satisfies
diff --git a/tests/fixtures/script-indent/ts-static-block-01.vue b/tests/fixtures/script-indent/ts-static-block-01.vue
index 522271628..5d585d6d0 100644
--- a/tests/fixtures/script-indent/ts-static-block-01.vue
+++ b/tests/fixtures/script-indent/ts-static-block-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=4.30.0 || ^5.0.0-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=4.30.0 || ^5.0.0-0" } }-->
 <script lang="ts">
 class Foo {
   static {
diff --git a/tests/fixtures/script-indent/ts-template-literal-type-01.vue b/tests/fixtures/script-indent/ts-template-literal-type-01.vue
index a97381ffe..a260ecdae 100644
--- a/tests/fixtures/script-indent/ts-template-literal-type-01.vue
+++ b/tests/fixtures/script-indent/ts-template-literal-type-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=4.1.0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=4.1.0" } }-->
 <script lang="ts">
 type T =
   `foo`
diff --git a/tests/fixtures/script-indent/ts-tuple-01.vue b/tests/fixtures/script-indent/ts-tuple-01.vue
index ed94a9258..d5d1bfdb0 100644
--- a/tests/fixtures/script-indent/ts-tuple-01.vue
+++ b/tests/fixtures/script-indent/ts-tuple-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type a = [
   number
diff --git a/tests/fixtures/script-indent/ts-tuple-02.vue b/tests/fixtures/script-indent/ts-tuple-02.vue
index ea65a6488..526755f48 100644
--- a/tests/fixtures/script-indent/ts-tuple-02.vue
+++ b/tests/fixtures/script-indent/ts-tuple-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 let y:
   [
diff --git a/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue b/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
index 29c696859..92037fb4c 100644
--- a/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
+++ b/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo
   <
diff --git a/tests/fixtures/script-indent/ts-type-annotation-01.vue b/tests/fixtures/script-indent/ts-type-annotation-01.vue
index 66981525e..8d7ac5958 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-01.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 var
   foo
diff --git a/tests/fixtures/script-indent/ts-type-annotation-02.vue b/tests/fixtures/script-indent/ts-type-annotation-02.vue
index 8f5a3b84c..5769cfd40 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-02.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 var foo = function
   (
diff --git a/tests/fixtures/script-indent/ts-type-annotation-03.vue b/tests/fixtures/script-indent/ts-type-annotation-03.vue
index 6569f4e53..2d18debaf 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-03.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 class Foo {
   prop
diff --git a/tests/fixtures/script-indent/ts-type-annotation-04.vue b/tests/fixtures/script-indent/ts-type-annotation-04.vue
index 1450696bb..015bfb0bb 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-04.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 var
   {
diff --git a/tests/fixtures/script-indent/ts-type-annotation-05.vue b/tests/fixtures/script-indent/ts-type-annotation-05.vue
index aeb3b7bc3..7bdec085b 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-05.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-05.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 var
   [
diff --git a/tests/fixtures/script-indent/ts-type-annotation-06.vue b/tests/fixtures/script-indent/ts-type-annotation-06.vue
index 11ca0c386..79cbf15d7 100644
--- a/tests/fixtures/script-indent/ts-type-annotation-06.vue
+++ b/tests/fixtures/script-indent/ts-type-annotation-06.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 function foo(
   ...args
diff --git a/tests/fixtures/script-indent/ts-type-assertion-01.vue b/tests/fixtures/script-indent/ts-type-assertion-01.vue
index e2a753173..80f9aa78b 100644
--- a/tests/fixtures/script-indent/ts-type-assertion-01.vue
+++ b/tests/fixtures/script-indent/ts-type-assertion-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 const a
   =
diff --git a/tests/fixtures/script-indent/ts-type-literal-01.vue b/tests/fixtures/script-indent/ts-type-literal-01.vue
index 04bf8f2f0..61f481f9c 100644
--- a/tests/fixtures/script-indent/ts-type-literal-01.vue
+++ b/tests/fixtures/script-indent/ts-type-literal-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type a = {
   a
diff --git a/tests/fixtures/script-indent/ts-type-only-import-export-01.vue b/tests/fixtures/script-indent/ts-type-only-import-export-01.vue
index 97c6dc192..dea1377e9 100644
--- a/tests/fixtures/script-indent/ts-type-only-import-export-01.vue
+++ b/tests/fixtures/script-indent/ts-type-only-import-export-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
 <script lang="ts">
 import
   type
diff --git a/tests/fixtures/script-indent/ts-type-only-import-export-02.vue b/tests/fixtures/script-indent/ts-type-only-import-export-02.vue
index 0ef5f1106..b2bad678e 100644
--- a/tests/fixtures/script-indent/ts-type-only-import-export-02.vue
+++ b/tests/fixtures/script-indent/ts-type-only-import-export-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
 <script lang="ts">
 import
 {
diff --git a/tests/fixtures/script-indent/ts-type-only-import-export-03.vue b/tests/fixtures/script-indent/ts-type-only-import-export-03.vue
index ca280f03c..4c9238dc9 100644
--- a/tests/fixtures/script-indent/ts-type-only-import-export-03.vue
+++ b/tests/fixtures/script-indent/ts-type-only-import-export-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}, "requirements": { "@typescript-eslint/parser": ">=5.4.0 || ^5.4.1-0" } }-->
 <script lang="ts">
 import
 {
diff --git a/tests/fixtures/script-indent/ts-type-paramater-01.vue b/tests/fixtures/script-indent/ts-type-paramater-01.vue
index 6b307c740..cbdd01bcf 100644
--- a/tests/fixtures/script-indent/ts-type-paramater-01.vue
+++ b/tests/fixtures/script-indent/ts-type-paramater-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo
   <
diff --git a/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue b/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
index 8b216f458..71ca145ab 100644
--- a/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
+++ b/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type Foo
   <
diff --git a/tests/fixtures/script-indent/ts-union-intersection-01.vue b/tests/fixtures/script-indent/ts-union-intersection-01.vue
index 06548dec9..a808493e8 100644
--- a/tests/fixtures/script-indent/ts-union-intersection-01.vue
+++ b/tests/fixtures/script-indent/ts-union-intersection-01.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type T =
   a
diff --git a/tests/fixtures/script-indent/ts-union-intersection-02.vue b/tests/fixtures/script-indent/ts-union-intersection-02.vue
index 04b722218..62673b0a9 100644
--- a/tests/fixtures/script-indent/ts-union-intersection-02.vue
+++ b/tests/fixtures/script-indent/ts-union-intersection-02.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type T =
   a
diff --git a/tests/fixtures/script-indent/ts-union-intersection-03.vue b/tests/fixtures/script-indent/ts-union-intersection-03.vue
index 78928f2e5..022d2f1da 100644
--- a/tests/fixtures/script-indent/ts-union-intersection-03.vue
+++ b/tests/fixtures/script-indent/ts-union-intersection-03.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type T = a
   | b
diff --git a/tests/fixtures/script-indent/ts-union-intersection-04.vue b/tests/fixtures/script-indent/ts-union-intersection-04.vue
index 7396edc48..378c95cdb 100644
--- a/tests/fixtures/script-indent/ts-union-intersection-04.vue
+++ b/tests/fixtures/script-indent/ts-union-intersection-04.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type T = U< a
   | b
diff --git a/tests/fixtures/script-indent/ts-union-intersection-05.vue b/tests/fixtures/script-indent/ts-union-intersection-05.vue
index d6013535a..f12da960e 100644
--- a/tests/fixtures/script-indent/ts-union-intersection-05.vue
+++ b/tests/fixtures/script-indent/ts-union-intersection-05.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type T = U<
   a
diff --git a/tests/fixtures/script-indent/ts-union-intersection-06.vue b/tests/fixtures/script-indent/ts-union-intersection-06.vue
index a363a2847..8241ae123 100644
--- a/tests/fixtures/script-indent/ts-union-intersection-06.vue
+++ b/tests/fixtures/script-indent/ts-union-intersection-06.vue
@@ -1,4 +1,4 @@
-<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 type T = [
   a
diff --git a/tests/fixtures/utils/ts-utils/tsconfig.json b/tests/fixtures/utils/ts-utils/tsconfig.json
index c13ef64e3..f35717b90 100644
--- a/tests/fixtures/utils/ts-utils/tsconfig.json
+++ b/tests/fixtures/utils/ts-utils/tsconfig.json
@@ -1,6 +1,9 @@
 {
   "compilerOptions": {
     "strict": true,
-    "skipLibCheck": true
-  }
+    "skipLibCheck": true,
+    "module": "Node16",
+    "moduleResolution": "Node16",
+  },
+  "include": ["./src/*.ts","./src/*.vue"],
 }
diff --git a/tests/lib/autofix.js b/tests/lib/autofix.js
index bb08d0f36..0711b931c 100644
--- a/tests/lib/autofix.js
+++ b/tests/lib/autofix.js
@@ -4,30 +4,29 @@
  */
 'use strict'
 
-const Linter = require('eslint').Linter
+const Linter = require('../eslint-compat').Linter
 const parser = require('vue-eslint-parser')
 const assert = require('assert')
 
 const rules = require('../..').rules
 
 const baseConfig = {
-  parser: 'vue-eslint-parser',
-  parserOptions: {
+  files: ['*.vue'],
+  plugins: { vue: { rules } },
+  languageOptions: {
+    parser,
     ecmaVersion: 2018,
     sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true
+      }
     }
   }
 }
 
 describe('Complex autofix test cases', () => {
   const linter = new Linter()
-  linter.defineParser('vue-eslint-parser', parser)
-  for (const key of Object.keys(rules)) {
-    const ruleId = `vue/${key}`
-    linter.defineRule(ruleId, rules[key])
-  }
 
   // https://github.com/vuejs/eslint-plugin-vue/issues/566
   describe('Autofix of `vue/order-in-components` and `comma-dangle` should not conflict.', () => {
diff --git a/tests/lib/configs/configs.js b/tests/lib/configs/configs.js
index e21d2e455..e995ece4e 100644
--- a/tests/lib/configs/configs.js
+++ b/tests/lib/configs/configs.js
@@ -10,7 +10,6 @@ describe('configs', () => {
       overrideConfig: {
         extends: [configName]
       },
-      useEslintrc: false,
       plugins: { vue: plugin },
       fix: true
     })
diff --git a/tests/lib/rules-without-vue-eslint-parser.js b/tests/lib/rules-without-vue-eslint-parser.js
index a0c8a80a0..e5977f1e2 100644
--- a/tests/lib/rules-without-vue-eslint-parser.js
+++ b/tests/lib/rules-without-vue-eslint-parser.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const Linter = require('eslint').Linter
+const Linter = require('../eslint-compat').Linter
 const rules = require('../..').rules
 const assert = require('assert')
 
@@ -17,12 +17,22 @@ describe("Don't crash even if without vue-eslint-parser.", () => {
     it(ruleId, () => {
       const linter = new Linter()
       const config = {
-        parserOptions: { ecmaVersion: 2015, ecmaFeatures: { jsx: true } },
+        files: ['*.vue', '*.js'],
+        languageOptions: {
+          ecmaVersion: 2015,
+          parserOptions: { ecmaFeatures: { jsx: true } }
+        },
+        plugins: {
+          vue: {
+            rules: {
+              [key]: rules[key]
+            }
+          }
+        },
         rules: {
           [ruleId]: 'error'
         }
       }
-      linter.defineRule(ruleId, rules[key])
       const resultVue = linter.verifyAndFix(code, config, 'test.vue')
       for (const { message } of resultVue.messages) {
         assert.strictEqual(
diff --git a/tests/lib/rules-without-vue-sfc.js b/tests/lib/rules-without-vue-sfc.js
index c1d5eb2be..7a8b668a9 100644
--- a/tests/lib/rules-without-vue-sfc.js
+++ b/tests/lib/rules-without-vue-sfc.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const Linter = require('eslint').Linter
+const { Linter } = require('../eslint-compat')
 const parser = require('vue-eslint-parser')
 const rules = require('../..').rules
 
@@ -17,14 +17,21 @@ describe("Don't crash even if without vue SFC.", () => {
     it(ruleId, () => {
       const linter = new Linter()
       const config = {
-        parser: 'vue-eslint-parser',
-        parserOptions: { ecmaVersion: 2015 },
+        languageOptions: {
+          parser,
+          ecmaVersion: 2015
+        },
+        plugins: {
+          vue: {
+            rules: {
+              [key]: rules[key]
+            }
+          }
+        },
         rules: {
           [ruleId]: 'error'
         }
       }
-      linter.defineParser('vue-eslint-parser', parser)
-      linter.defineRule(ruleId, rules[key])
       linter.verifyAndFix(code, config, 'test.js')
     })
   }
diff --git a/tests/lib/rules/array-bracket-newline.js b/tests/lib/rules/array-bracket-newline.js
index 0144f45ee..380f61e4f 100644
--- a/tests/lib/rules/array-bracket-newline.js
+++ b/tests/lib/rules/array-bracket-newline.js
@@ -3,12 +3,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/array-bracket-newline')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015
+  }
 })
 
 tester.run('array-bracket-newline', rule, {
diff --git a/tests/lib/rules/array-bracket-spacing.js b/tests/lib/rules/array-bracket-spacing.js
index 7d490a4bb..1eea108e6 100644
--- a/tests/lib/rules/array-bracket-spacing.js
+++ b/tests/lib/rules/array-bracket-spacing.js
@@ -3,12 +3,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/array-bracket-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015
+  }
 })
 
 tester.run('array-bracket-spacing', rule, {
diff --git a/tests/lib/rules/array-element-newline.js b/tests/lib/rules/array-element-newline.js
index 54e60f83d..537052aeb 100644
--- a/tests/lib/rules/array-element-newline.js
+++ b/tests/lib/rules/array-element-newline.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/array-element-newline')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -69,7 +69,7 @@ tester.run('array-element-newline', rule, {
     {
       code: `
         <template>
-          <div :attr="[a, 
+          <div :attr="[a,
                       {
                         b:c
                       }]" />
diff --git a/tests/lib/rules/arrow-spacing.js b/tests/lib/rules/arrow-spacing.js
index c0452ad1d..d80c255e8 100644
--- a/tests/lib/rules/arrow-spacing.js
+++ b/tests/lib/rules/arrow-spacing.js
@@ -3,12 +3,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/arrow-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015
+  }
 })
 
 tester.run('arrow-spacing', rule, {
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 2692345a0..4d867d15e 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -6,11 +6,13 @@
 
 const rule = require('../../../lib/rules/attribute-hyphenation')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015
+  }
 })
 
 ruleTester.run('attribute-hyphenation', rule, {
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 33eefb026..79ab47627 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -5,11 +5,13 @@
 'use strict'
 
 const rule = require('../../../lib/rules/attributes-order')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015
+  }
 })
 tester.run('attributes-order', rule, {
   valid: [
diff --git a/tests/lib/rules/block-lang.js b/tests/lib/rules/block-lang.js
index 6799e5e16..5f7851b54 100644
--- a/tests/lib/rules/block-lang.js
+++ b/tests/lib/rules/block-lang.js
@@ -3,12 +3,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/block-lang')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015
+  }
 })
 
 tester.run('block-lang', rule, {
diff --git a/tests/lib/rules/block-order.js b/tests/lib/rules/block-order.js
index aefd11cef..8a73527bc 100644
--- a/tests/lib/rules/block-order.js
+++ b/tests/lib/rules/block-order.js
@@ -4,30 +4,32 @@
 'use strict'
 
 const rule = require('../../../lib/rules/block-order')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const assert = require('assert')
 const { ESLint } = require('../../eslint-compat')
 
 // Initialize linter.
 const eslint = new ESLint({
   overrideConfig: {
-    parser: require.resolve('vue-eslint-parser'),
-    parserOptions: {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: require('vue-eslint-parser'),
       ecmaVersion: 2015
     },
-    plugins: ['vue'],
+    plugins: { vue: require('../../../lib/index') },
     rules: {
       'vue/comment-directive': 'error',
       'vue/block-order': 'error'
-    }
+    },
+    processor: require('../../../lib/processor')
   },
-  useEslintrc: false,
-  plugins: { vue: require('../../../lib/index') },
   fix: true
 })
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser')
+  languageOptions: {
+    parser: require('vue-eslint-parser')
+  }
 })
 
 tester.run('block-order', rule, {
diff --git a/tests/lib/rules/block-spacing.js b/tests/lib/rules/block-spacing.js
index 5fc7d069d..6cc3114a7 100644
--- a/tests/lib/rules/block-spacing.js
+++ b/tests/lib/rules/block-spacing.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/block-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('block-spacing', rule, {
diff --git a/tests/lib/rules/block-tag-newline.js b/tests/lib/rules/block-tag-newline.js
index a727b0b98..728cbb4b2 100644
--- a/tests/lib/rules/block-tag-newline.js
+++ b/tests/lib/rules/block-tag-newline.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/block-tag-newline')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('block-tag-newline', rule, {
diff --git a/tests/lib/rules/brace-style.js b/tests/lib/rules/brace-style.js
index cfea73591..d74e396bd 100644
--- a/tests/lib/rules/brace-style.js
+++ b/tests/lib/rules/brace-style.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/brace-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('brace-style', rule, {
diff --git a/tests/lib/rules/camelcase.js b/tests/lib/rules/camelcase.js
index 2470f63f1..01819e6d9 100644
--- a/tests/lib/rules/camelcase.js
+++ b/tests/lib/rules/camelcase.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/camelcase')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('camelcase', rule, {
diff --git a/tests/lib/rules/comma-dangle.js b/tests/lib/rules/comma-dangle.js
index 0c32e8a42..2792b93f5 100644
--- a/tests/lib/rules/comma-dangle.js
+++ b/tests/lib/rules/comma-dangle.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/comma-dangle')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
 })
 
 tester.run('comma-dangle', rule, {
diff --git a/tests/lib/rules/comma-spacing.js b/tests/lib/rules/comma-spacing.js
index 217fd6b53..ae1c8cf68 100644
--- a/tests/lib/rules/comma-spacing.js
+++ b/tests/lib/rules/comma-spacing.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/comma-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('comma-spacing', rule, {
diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
index fc4f7dcd2..aaab8b31d 100644
--- a/tests/lib/rules/comma-style.js
+++ b/tests/lib/rules/comma-style.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const { RuleTester } = require('eslint')
+const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/comma-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
 })
 
 tester.run('comma-style', rule, {
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 4a8e158c3..868cc391b 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -11,20 +11,20 @@ const { ESLint } = require('../../eslint-compat')
 // Initialize linter.
 const eslint = new ESLint({
   overrideConfig: {
-    parser: require.resolve('vue-eslint-parser'),
-    parserOptions: {
+    files: ['*'],
+    languageOptions: {
+      parser: require('vue-eslint-parser'),
       ecmaVersion: 2015
     },
-    plugins: ['vue'],
+    plugins: { vue: require('../../../lib/index') },
     rules: {
       'no-unused-vars': 'error',
       'vue/comment-directive': 'error',
       'vue/no-parsing-error': 'error',
       'vue/no-duplicate-attributes': 'error'
-    }
-  },
-  useEslintrc: false,
-  plugins: { vue: require('../../../lib/index') }
+    },
+    processor: require('../../../lib/processor')
+  }
 })
 
 async function lintMessages(code) {
@@ -43,7 +43,7 @@ describe('comment-directive', () => {
       `
       const messages = await lintMessages(code)
 
-      assert.deepEqual(messages.length, 0)
+      assert.deepStrictEqual(messages, [])
     })
 
     it('disable specific rules if <!-- eslint-disable vue/no-duplicate-attributes -->', async () => {
@@ -353,11 +353,12 @@ describe('comment-directive', () => {
   describe('reportUnusedDisableDirectives', () => {
     const eslint = new ESLint({
       overrideConfig: {
-        parser: require.resolve('vue-eslint-parser'),
-        parserOptions: {
+        files: ['**/*.vue'],
+        languageOptions: {
+          parser: require('vue-eslint-parser'),
           ecmaVersion: 2015
         },
-        plugins: ['vue'],
+        plugins: { vue: require('../../../lib/index') },
         rules: {
           'no-unused-vars': 'error',
           'vue/comment-directive': [
@@ -366,9 +367,9 @@ describe('comment-directive', () => {
           ],
           'vue/no-parsing-error': 'error',
           'vue/no-duplicate-attributes': 'error'
-        }
-      },
-      useEslintrc: false
+        },
+        processor: require('../../../lib/processor')
+      }
     })
 
     async function lintMessages(code) {
@@ -406,7 +407,7 @@ describe('comment-directive', () => {
 
       const messages = await lintMessages(code)
 
-      assert.deepEqual(messages.length, 0)
+      assert.deepStrictEqual(messages, [])
     })
     it('disable and report unused <!-- eslint-disable -->', async () => {
       const code = `
@@ -505,7 +506,7 @@ describe('comment-directive', () => {
 
       const messages = await lintMessages(code)
 
-      assert.deepEqual(messages.length, 0)
+      assert.deepStrictEqual(messages, [])
     })
 
     it('dont report used, with duplicate eslint-disable', async () => {
@@ -519,7 +520,7 @@ describe('comment-directive', () => {
 
       const messages = await lintMessages(code)
 
-      assert.deepEqual(messages.length, 0)
+      assert.deepStrictEqual(messages, [])
     })
   })
 })
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index 47621d604..12291ac30 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -4,12 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/component-api-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 tester.run('component-api-style', rule, {
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index 0d8572b29..97d1e2d9a 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -5,9 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/component-definition-name-casing')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -21,7 +21,7 @@ ruleTester.run('component-definition-name-casing', rule, {
         export default {
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -30,7 +30,7 @@ ruleTester.run('component-definition-name-casing', rule, {
           ...name
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -39,7 +39,7 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'FooBar'
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -49,7 +49,7 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       options: ['PascalCase'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -59,112 +59,118 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('FooBar', {})`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('FooBar', {})`,
       options: ['PascalCase'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', {})`,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component(fooBar, {})`,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('FooBar', component)`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('FooBar', component)`,
       options: ['PascalCase'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', component)`,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component(fooBar, component)`,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `app.component('FooBar', component)`,
       options: ['PascalCase'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.mixin({})`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `foo({})`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `foo('foo-bar', {})`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component(\`fooBar\${foo}\`, component)`,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `app.component(\`fooBar\${foo}\`, component)`,
       options: ['kebab-case'],
-      parserOptions
+      languageOptions
     },
     // https://github.com/vuejs/eslint-plugin-vue/issues/1018
     {
       filename: 'test.js',
       code: `fn1(component.data)`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({}) </script>`,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
       options: ['PascalCase'],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
       options: ['kebab-case'],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ],
 
@@ -181,14 +187,14 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'FooBar'
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -198,14 +204,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo  bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -215,14 +221,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo!bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -232,14 +238,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         })
       `,
       output: null,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: 'Property name "foo!bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.vue',
@@ -253,14 +259,14 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'FooBar'
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -275,14 +281,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       options: ['PascalCase'],
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -297,150 +303,156 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       options: ['kebab-case'],
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', component)`,
       output: `Vue.component('FooBar', component)`,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `app.component('foo-bar', component)`,
       output: `app.component('FooBar', component)`,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `(Vue as VueConstructor<Vue>).component('foo-bar', component)`,
       output: `(Vue as VueConstructor<Vue>).component('FooBar', component)`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', {})`,
       output: `Vue.component('FooBar', {})`,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `app.component('foo-bar', {})`,
       output: `app.component('FooBar', {})`,
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
       code: `Vue.component('foo_bar', {})`,
       output: `Vue.component('FooBar', {})`,
       options: ['PascalCase'],
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo_bar', {})`,
       output: `Vue.component('foo-bar', {})`,
       options: ['kebab-case'],
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'Literal',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component(\`foo_bar\`, {})`,
       output: `Vue.component(\`foo-bar\`, {})`,
       options: ['kebab-case'],
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'TemplateLiteral',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
       output: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
       options: ['PascalCase'],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           line: 1
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
       output: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
       options: ['kebab-case'],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message: 'Property name "FooBar" is not kebab-case.',
           line: 1
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 992063808..44a23d532 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -5,11 +5,11 @@
 
 const rule = require('../../../lib/rules/component-name-in-template-casing')
 const semver = require('semver')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2018,
     sourceType: 'module'
   }
@@ -231,8 +231,10 @@ tester.run('component-name-in-template-casing', rule, {
               </template>
             `,
             options: ['PascalCase', { registeredComponentsOnly: true }],
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             }
           }
         ]
@@ -1011,8 +1013,10 @@ tester.run('component-name-in-template-casing', rule, {
               </template>
             `,
             options: ['PascalCase', { registeredComponentsOnly: false }],
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             output: `
               <script setup lang="ts">
diff --git a/tests/lib/rules/component-options-name-casing.js b/tests/lib/rules/component-options-name-casing.js
index 5108df3a4..77f317f4f 100644
--- a/tests/lib/rules/component-options-name-casing.js
+++ b/tests/lib/rules/component-options-name-casing.js
@@ -4,11 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/component-options-name-casing')
 
 const tester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 7888415b5..92f14613b 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -4,30 +4,30 @@
 'use strict'
 
 const rule = require('../../../lib/rules/component-tags-order')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const assert = require('assert')
 const { ESLint } = require('../../eslint-compat')
 
 // Initialize linter.
 const eslint = new ESLint({
   overrideConfig: {
-    parser: require.resolve('vue-eslint-parser'),
-    parserOptions: {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: require('vue-eslint-parser'),
       ecmaVersion: 2015
     },
-    plugins: ['vue'],
+    plugins: { vue: require('../../../lib/index') },
     rules: {
       'vue/comment-directive': 'error',
       'vue/component-tags-order': 'error'
-    }
+    },
+    processor: require('../../../lib/processor')
   },
-  useEslintrc: false,
-  plugins: { vue: require('../../../lib/index') },
   fix: true
 })
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser')
+  languageOptions: { parser: require('vue-eslint-parser') }
 })
 
 tester.run('component-tags-order', rule, {
@@ -483,7 +483,7 @@ describe('suppress reporting with eslint-disable-next-line', () => {
     const [{ messages, output }] = await eslint.lintText(code, {
       filePath: 'test.vue'
     })
-    assert.strictEqual(messages.length, 0)
+    assert.deepStrictEqual(messages, [])
     // should not fix <script>
     assert.strictEqual(
       output,
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index f8e547992..0d441243a 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/custom-event-name-casing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
index 6e42d1f4a..6493765af 100644
--- a/tests/lib/rules/define-emits-declaration.js
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/define-emits-declaration')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -35,8 +35,10 @@ tester.run('define-emits-declaration', rule, {
         }>()
         </script>
        `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -50,8 +52,10 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-based'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -74,8 +78,10 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-based'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -89,8 +95,10 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-literal'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -103,8 +111,10 @@ tester.run('define-emits-declaration', rule, {
         })
         </script>
        `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -121,8 +131,10 @@ tester.run('define-emits-declaration', rule, {
          }
          </script>
        `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -164,15 +176,17 @@ tester.run('define-emits-declaration', rule, {
        </script>
        `,
       options: ['type-literal'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Use type based declaration instead of runtime declaration.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -185,15 +199,17 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['runtime'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Use runtime declaration instead of type based declaration.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -206,9 +222,6 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-literal'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message:
@@ -220,7 +233,12 @@ tester.run('define-emits-declaration', rule, {
             'Use new type literal declaration instead of the old call signature declaration.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -233,16 +251,18 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-literal'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -252,16 +272,18 @@ tester.run('define-emits-declaration', rule, {
         </script>
         `,
       options: ['type-literal'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 878c0ea93..09ac0208d 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/define-macros-order')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -70,8 +70,10 @@ tester.run('define-macros-order', rule, {
           console.log('test')
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -137,8 +139,10 @@ tester.run('define-macros-order', rule, {
         </script>
       `,
       options: optionsEmitsFirst,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -229,8 +233,10 @@ tester.run('define-macros-order', rule, {
           defineExposeLast: true
         }
       ],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -391,15 +397,17 @@ tester.run('define-macros-order', rule, {
         </script>
       `,
       options: optionsEmitsFirst,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: message('defineEmits'),
           line: 12
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -427,15 +435,17 @@ tester.run('define-macros-order', rule, {
           interface SomeOtherInterface {};
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: message('defineProps'),
           line: 10
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -480,15 +490,17 @@ tester.run('define-macros-order', rule, {
         </script>
       `,
       options: optionsEmitsFirst,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: message('defineEmits'),
           line: 16
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/define-props-declaration.js b/tests/lib/rules/define-props-declaration.js
index b34c05c3a..3af4513ea 100644
--- a/tests/lib/rules/define-props-declaration.js
+++ b/tests/lib/rules/define-props-declaration.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/define-props-declaration')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -26,8 +26,10 @@ tester.run('define-props-declaration', rule, {
       }>()
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -40,8 +42,10 @@ tester.run('define-props-declaration', rule, {
       </script>
       `,
       options: ['type-based'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -75,8 +79,10 @@ tester.run('define-props-declaration', rule, {
       })
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -94,8 +100,10 @@ tester.run('define-props-declaration', rule, {
         }
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -143,15 +151,17 @@ tester.run('define-props-declaration', rule, {
       </script>
       `,
       options: ['runtime'],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Use runtime declaration instead of type-based declaration.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/dot-location.js b/tests/lib/rules/dot-location.js
index 381e9988e..b2002d185 100644
--- a/tests/lib/rules/dot-location.js
+++ b/tests/lib/rules/dot-location.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/dot-location')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('dot-location', rule, {
diff --git a/tests/lib/rules/dot-notation.js b/tests/lib/rules/dot-notation.js
index ff32b85ef..993aade52 100644
--- a/tests/lib/rules/dot-notation.js
+++ b/tests/lib/rules/dot-notation.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/dot-notation')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('dot-notation', rule, {
diff --git a/tests/lib/rules/enforce-style-attribute.js b/tests/lib/rules/enforce-style-attribute.js
index 994b785ed..f12f66998 100644
--- a/tests/lib/rules/enforce-style-attribute.js
+++ b/tests/lib/rules/enforce-style-attribute.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/enforce-style-attribute')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/eqeqeq.js b/tests/lib/rules/eqeqeq.js
index 092c6f0d5..afd458248 100644
--- a/tests/lib/rules/eqeqeq.js
+++ b/tests/lib/rules/eqeqeq.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/eqeqeq')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('eqeqeq', rule, {
diff --git a/tests/lib/rules/first-attribute-linebreak.js b/tests/lib/rules/first-attribute-linebreak.js
index 2c4ca0d04..a322aa498 100644
--- a/tests/lib/rules/first-attribute-linebreak.js
+++ b/tests/lib/rules/first-attribute-linebreak.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/first-attribute-linebreak')
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('first-attribute-linebreak', rule, {
diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
index 2730decb7..6c219e372 100644
--- a/tests/lib/rules/func-call-spacing.js
+++ b/tests/lib/rules/func-call-spacing.js
@@ -8,8 +8,7 @@ const semver = require('semver')
 const rule = require('../../../lib/rules/func-call-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('func-call-spacing', rule, {
diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index 3b5fcef6e..a5d83777d 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -6,11 +6,10 @@
 
 const rule = require('../../../lib/rules/html-button-has-type')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 ruleTester.run('html-button-has-type', rule, {
   valid: [
diff --git a/tests/lib/rules/html-closing-bracket-newline.js b/tests/lib/rules/html-closing-bracket-newline.js
index 3a032ba86..faf898bc5 100644
--- a/tests/lib/rules/html-closing-bracket-newline.js
+++ b/tests/lib/rules/html-closing-bracket-newline.js
@@ -6,13 +6,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/html-closing-bracket-newline')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('html-closing-bracket-newline', rule, {
diff --git a/tests/lib/rules/html-closing-bracket-spacing.js b/tests/lib/rules/html-closing-bracket-spacing.js
index 8d359cbd0..09e2702e0 100644
--- a/tests/lib/rules/html-closing-bracket-spacing.js
+++ b/tests/lib/rules/html-closing-bracket-spacing.js
@@ -4,14 +4,11 @@
 
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/html-closing-bracket-spacing')
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('html-closing-bracket-spacing', rule, {
diff --git a/tests/lib/rules/html-comment-content-newline.js b/tests/lib/rules/html-comment-content-newline.js
index ce3eaea01..362e27adf 100644
--- a/tests/lib/rules/html-comment-content-newline.js
+++ b/tests/lib/rules/html-comment-content-newline.js
@@ -6,13 +6,10 @@
 
 const rule = require('../../../lib/rules/html-comment-content-newline')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 tester.run('html-comment-content-newline', rule, {
   valid: [
diff --git a/tests/lib/rules/html-comment-content-spacing.js b/tests/lib/rules/html-comment-content-spacing.js
index ed3e5d4c4..1036555e8 100644
--- a/tests/lib/rules/html-comment-content-spacing.js
+++ b/tests/lib/rules/html-comment-content-spacing.js
@@ -6,13 +6,10 @@
 
 const rule = require('../../../lib/rules/html-comment-content-spacing')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 tester.run('html-comment-content-spacing', rule, {
   valid: [
diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
index 12880167e..6abe16a6c 100644
--- a/tests/lib/rules/html-comment-indent.js
+++ b/tests/lib/rules/html-comment-indent.js
@@ -6,13 +6,10 @@
 
 const rule = require('../../../lib/rules/html-comment-indent')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 tester.run('html-comment-indent', rule, {
   valid: [
diff --git a/tests/lib/rules/html-end-tags.js b/tests/lib/rules/html-end-tags.js
index 0d795875d..ce5979632 100644
--- a/tests/lib/rules/html-end-tags.js
+++ b/tests/lib/rules/html-end-tags.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/html-end-tags')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('html-end-tags', rule, {
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 688f44f6b..b8763dfb2 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -7,7 +7,7 @@
 
 const fs = require('fs')
 const path = require('path')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/html-indent')
 
 const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/html-indent/')
@@ -99,11 +99,13 @@ function unIndent(strings) {
 }
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
-    ecmaFeatures: {
-      globalReturn: true
+    parserOptions: {
+      ecmaFeatures: {
+        globalReturn: true
+      }
     }
   }
 })
diff --git a/tests/lib/rules/html-quotes.js b/tests/lib/rules/html-quotes.js
index b151245f0..1c57f0a26 100644
--- a/tests/lib/rules/html-quotes.js
+++ b/tests/lib/rules/html-quotes.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/html-quotes')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('html-quotes', rule, {
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index 11ae3c6cf..0f0898b53 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -6,10 +6,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/html-self-closing')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser')
+  languageOptions: { parser: require('vue-eslint-parser') }
 })
 
 const ALL_CODE = `<template>
diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index c0c39ccd6..680df0161 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -4,26 +4,31 @@
  */
 'use strict'
 
-const eslint = require('eslint')
+const eslint = require('../../eslint-compat')
 const rule = require('../../../lib/rules/jsx-uses-vars')
-const ruleNoUnusedVars = new (require('eslint').Linter)()
-  .getRules()
-  .get('no-unused-vars')
+const { getCoreRule } = require('../../../lib/utils')
+const ruleNoUnusedVars = getCoreRule('no-unused-vars')
 
 const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 6,
     sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true
+      }
+    }
+  },
+  plugins: {
+    vue: {
+      rules: {
+        'jsx-uses-vars': rule
+      }
     }
   }
 })
 
-const linter = ruleTester.linter || eslint.linter
-linter.defineRule('jsx-uses-vars', rule)
-
 ruleTester.run('jsx-uses-vars', rule, {
   // Visually check that there are no warnings in the console.
   valid: [
@@ -45,7 +50,7 @@ describe('jsx-uses-vars', () => {
   ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
     valid: [
       `
-        /* eslint jsx-uses-vars: 1 */
+        /* eslint vue/jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         export default {
           render () {
@@ -56,7 +61,7 @@ describe('jsx-uses-vars', () => {
         };
       `,
       `
-        /* eslint jsx-uses-vars: 1 */
+        /* eslint vue/jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.vue';
         import OtherComponent from './OtherComponent.vue';
 
@@ -79,7 +84,7 @@ describe('jsx-uses-vars', () => {
         }
       `,
       `
-        /* eslint jsx-uses-vars: 1 */
+        /* eslint vue/jsx-uses-vars: 1 */
         export default {
           render () {
             return (
@@ -93,7 +98,7 @@ describe('jsx-uses-vars', () => {
     invalid: [
       {
         code: `
-        /* eslint jsx-uses-vars: 1 */
+        /* eslint vue/jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         export default {
           render () {
@@ -109,7 +114,7 @@ describe('jsx-uses-vars', () => {
       },
       {
         code: `
-        /* eslint jsx-uses-vars: 1 */
+        /* eslint vue/jsx-uses-vars: 1 */
         import SomeComponent from './SomeComponent.jsx';
         const wrapper = {
           something: SomeComponent,
diff --git a/tests/lib/rules/key-spacing.js b/tests/lib/rules/key-spacing.js
index 3d8d48a22..0e13216dc 100644
--- a/tests/lib/rules/key-spacing.js
+++ b/tests/lib/rules/key-spacing.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/key-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('key-spacing', rule, {
diff --git a/tests/lib/rules/keyword-spacing.js b/tests/lib/rules/keyword-spacing.js
index dadd553b7..3bebe093e 100644
--- a/tests/lib/rules/keyword-spacing.js
+++ b/tests/lib/rules/keyword-spacing.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/keyword-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('keyword-spacing', rule, {
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index 82c75ccc6..f66a3c2c5 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -5,15 +5,17 @@
 'use strict'
 
 const rule = require('../../../lib/rules/match-component-file-name')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const jsxParserOptions = {
+const jsxLanguageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module',
-  ecmaFeatures: { jsx: true }
+  parserOptions: {
+    ecmaFeatures: { jsx: true }
+  }
 }
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -30,7 +32,7 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -40,7 +42,7 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -51,7 +53,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -62,7 +64,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -73,7 +75,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -84,7 +86,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -95,7 +97,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -106,7 +108,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['vue'] }], // missing jsx in options
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
 
     // .vue
@@ -120,8 +122,10 @@ ruleTester.run('match-component-file-name', rule, {
           }
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions // options default to [['jsx']]
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -134,8 +138,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['jsx'] }], // missing jsx in options
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -147,8 +153,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -158,8 +166,10 @@ ruleTester.run('match-component-file-name', rule, {
         </template>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -172,8 +182,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -186,8 +198,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -200,8 +214,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -214,8 +230,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -228,8 +246,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
 
     // .js
@@ -241,14 +261,14 @@ ruleTester.run('match-component-file-name', rule, {
           template: '<div />'
         })
       `,
-      parserOptions // options default to [['jsx']]
+      languageOptions // options default to [['jsx']]
     },
     {
       filename: 'MyComponent.js',
       code: `
         Vue.mixin({})
       `,
-      parserOptions // options default to [['jsx']]
+      languageOptions // options default to [['jsx']]
     },
     {
       filename: 'MyComponent.js',
@@ -257,7 +277,7 @@ ruleTester.run('match-component-file-name', rule, {
           template: '<div />'
         })
       `,
-      parserOptions // options default to [['jsx']]
+      languageOptions // options default to [['jsx']]
     },
     {
       filename: 'MyComponent.js',
@@ -268,7 +288,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['vue'] }], // missing 'js' in options
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -276,7 +296,7 @@ ruleTester.run('match-component-file-name', rule, {
         Vue.mixin({})
       `,
       options: [{ extensions: ['vue'] }], // missing 'js' in options
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -286,7 +306,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['vue'] }], // missing 'js' in options
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -296,7 +316,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -307,7 +327,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -318,7 +338,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -329,7 +349,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -340,7 +360,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -351,7 +371,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -359,7 +379,7 @@ ruleTester.run('match-component-file-name', rule, {
         Vue.mixin({})
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -369,7 +389,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -379,7 +399,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -389,7 +409,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -399,7 +419,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -409,7 +429,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -419,7 +439,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -429,7 +449,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -439,7 +459,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -449,7 +469,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -459,7 +479,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'index.js',
@@ -478,7 +498,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions
+      languageOptions
     },
 
     // casing
@@ -490,7 +510,7 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'my-component.jsx',
@@ -500,7 +520,7 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -510,7 +530,7 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'my-component.jsx',
@@ -521,7 +541,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ shouldMatchCase: true }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -532,20 +552,22 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ shouldMatchCase: true }],
-      parserOptions: jsxParserOptions
+      languageOptions: jsxLanguageOptions
     },
     // https://github.com/vuejs/eslint-plugin-vue/issues/1018
     {
       filename: 'test.jsx',
       code: `fn1(component.data)`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'MyComponent.vue',
       code: `<script setup> defineOptions({name: 'MyComponent'}) </script>`,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ],
 
@@ -559,7 +581,6 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
-      parserOptions: jsxParserOptions,
       errors: [
         {
           message:
@@ -576,7 +597,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -587,7 +609,6 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions,
       errors: [
         {
           message:
@@ -604,7 +625,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -615,7 +637,6 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions,
       errors: [
         {
           message:
@@ -632,7 +653,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.jsx',
@@ -643,7 +665,6 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
-      parserOptions: jsxParserOptions,
       errors: [
         {
           message:
@@ -660,7 +681,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: jsxLanguageOptions
     },
 
     // .vue
@@ -675,8 +697,6 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message:
@@ -695,7 +715,11 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -708,8 +732,6 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message:
@@ -728,7 +750,11 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'MyComponent.vue',
@@ -741,8 +767,6 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message:
@@ -761,7 +785,11 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
 
     // .js
@@ -774,7 +802,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -791,7 +818,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -802,7 +830,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -819,7 +846,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -830,7 +858,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -847,7 +874,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -857,7 +885,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -873,7 +900,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -883,7 +911,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -899,7 +926,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -909,7 +937,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -925,7 +952,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -935,7 +963,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -951,7 +978,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -961,7 +989,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -977,7 +1004,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -987,7 +1015,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -1003,7 +1030,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'MyComponent.js',
@@ -1013,7 +1041,6 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
-      parserOptions,
       errors: [
         {
           message:
@@ -1029,7 +1056,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
 
     // casing
@@ -1042,7 +1070,6 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ shouldMatchCase: true }],
-      parserOptions: jsxParserOptions,
       errors: [
         {
           message:
@@ -1059,7 +1086,8 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'my-component.jsx',
@@ -1070,7 +1098,6 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ shouldMatchCase: true }],
-      parserOptions: jsxParserOptions,
       errors: [
         {
           message:
@@ -1087,14 +1114,13 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: jsxLanguageOptions
     },
     {
       filename: 'MyComponent.vue',
       code: `<script setup> defineOptions({name: 'CoolComponent'}) </script>`,
       options: [{ extensions: ['vue'] }],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message:
@@ -1106,7 +1132,11 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/match-component-import-name.js b/tests/lib/rules/match-component-import-name.js
index a05bfec1a..a6ca5da07 100644
--- a/tests/lib/rules/match-component-import-name.js
+++ b/tests/lib/rules/match-component-import-name.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/match-component-import-name')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index fdee711e7..7440b05cf 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/max-attributes-per-line')
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('max-attributes-per-line', rule, {
diff --git a/tests/lib/rules/max-len.js b/tests/lib/rules/max-len.js
index a1141ec22..ac634ff75 100644
--- a/tests/lib/rules/max-len.js
+++ b/tests/lib/rules/max-len.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/max-len')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2017, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2017,
+    sourceType: 'module'
+  }
 })
 
 tester.run('max-len', rule, {
diff --git a/tests/lib/rules/max-lines-per-block.js b/tests/lib/rules/max-lines-per-block.js
index 01d868e62..2470586fb 100644
--- a/tests/lib/rules/max-lines-per-block.js
+++ b/tests/lib/rules/max-lines-per-block.js
@@ -3,12 +3,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/max-lines-per-block')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index 3d68364bc..70dc3fef3 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/multi-word-component-names')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/multiline-html-element-content-newline.js b/tests/lib/rules/multiline-html-element-content-newline.js
index 2d68c7685..36aa9cfe4 100644
--- a/tests/lib/rules/multiline-html-element-content-newline.js
+++ b/tests/lib/rules/multiline-html-element-content-newline.js
@@ -4,13 +4,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/multiline-html-element-content-newline')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('multiline-html-element-content-newline', rule, {
diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index d79e82eff..87e3fe485 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -9,8 +9,8 @@ const rule = require('../../../lib/rules/multiline-ternary')
 const semver = require('semver')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/mustache-interpolation-spacing.js b/tests/lib/rules/mustache-interpolation-spacing.js
index ec888a5af..421b5a0d1 100644
--- a/tests/lib/rules/mustache-interpolation-spacing.js
+++ b/tests/lib/rules/mustache-interpolation-spacing.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/mustache-interpolation-spacing')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('mustache-interpolation-spacing', rule, {
diff --git a/tests/lib/rules/new-line-between-multi-line-property.js b/tests/lib/rules/new-line-between-multi-line-property.js
index 31983d7b0..dc220e47b 100644
--- a/tests/lib/rules/new-line-between-multi-line-property.js
+++ b/tests/lib/rules/new-line-between-multi-line-property.js
@@ -5,10 +5,13 @@
 'use strict'
 
 const rule = require('../../../lib/rules/new-line-between-multi-line-property')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 ruleTester.run('new-line-between-multi-line-property', rule, {
diff --git a/tests/lib/rules/next-tick-style.js b/tests/lib/rules/next-tick-style.js
index 28e2d338c..c143c8a40 100644
--- a/tests/lib/rules/next-tick-style.js
+++ b/tests/lib/rules/next-tick-style.js
@@ -6,12 +6,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/next-tick-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2017,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-arrow-functions-in-watch.js b/tests/lib/rules/no-arrow-functions-in-watch.js
index 0103ea849..a76de6ad0 100644
--- a/tests/lib/rules/no-arrow-functions-in-watch.js
+++ b/tests/lib/rules/no-arrow-functions-in-watch.js
@@ -3,10 +3,10 @@
  */
 
 const rule = require('../../../lib/rules/no-arrow-functions-in-watch')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index 2e150b021..d3b1a3087 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -5,13 +5,13 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-async-in-computed-properties')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const parser = require('vue-eslint-parser')
+const languageOptions = {
   ecmaVersion: 2020,
   sourceType: 'module'
 }
-const parser = require.resolve('vue-eslint-parser')
 
 const ruleTester = new RuleTester()
 
@@ -28,7 +28,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -61,7 +61,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -75,7 +75,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }));
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -93,7 +93,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -114,7 +114,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -129,7 +129,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -142,7 +142,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -155,7 +155,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -172,7 +172,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -189,7 +189,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
             }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -202,7 +202,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
             }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -215,7 +215,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
             }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       code: `
@@ -223,7 +223,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           data1: new Promise(),
           data2: Promise.resolve(),
         })`,
-      parserOptions
+      languageOptions
     },
     {
       code: `
@@ -298,7 +298,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
         `,
-      parserOptions
+      languageOptions
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1690
@@ -319,8 +319,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         },
       }
       </script>`,
-      parser,
-      parserOptions: {
+      languageOptions: {
+        parser,
         sourceType: 'module',
         ecmaVersion: 2020
       }
@@ -339,7 +339,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -350,7 +349,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected await operator in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -363,7 +363,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -374,7 +373,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected Promise object in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -387,13 +387,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -406,8 +406,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
-      errors: ['Unexpected asynchronous action in "foo" computed property.']
+      errors: ['Unexpected asynchronous action in "foo" computed property.'],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -420,8 +420,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
-      errors: ['Unexpected asynchronous action in "foo" computed property.']
+      errors: ['Unexpected asynchronous action in "foo" computed property.'],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -434,13 +434,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -453,13 +453,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -472,13 +472,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -491,13 +491,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -510,13 +510,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -529,13 +529,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -548,13 +548,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -569,13 +569,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -590,13 +590,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.vue',
@@ -611,13 +611,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.vue',
@@ -632,7 +632,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
@@ -642,7 +641,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -657,7 +657,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -680,7 +679,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -700,7 +700,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected timed function in "foo" computed property.',
@@ -734,7 +733,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected timed function in "foo" computed property.',
           line: 12
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -754,7 +754,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
@@ -764,7 +763,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.'
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -784,7 +784,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
@@ -794,7 +793,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.'
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -812,7 +812,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -841,7 +840,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected await operator in computed function.',
           line: 10
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -855,7 +855,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -866,7 +865,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected Promise object in computed function.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -883,7 +883,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -893,7 +892,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 9
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -914,7 +914,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -924,7 +923,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 12
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -945,7 +945,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected timed function in computed function.',
@@ -979,7 +978,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected timed function in computed function.',
           line: 13
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -993,14 +993,14 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
-      parserOptions,
       errors: [
         {
           message:
             'Unexpected async function declaration in computed function.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
 
     {
@@ -1017,8 +1017,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
-      parser,
-      parserOptions,
       errors: [
         {
           message:
@@ -1047,7 +1045,11 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected await operator in computed function.',
           line: 9
         }
-      ]
+      ],
+      languageOptions: {
+        parser,
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -1059,8 +1061,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
-      parser,
-      parserOptions,
       errors: [
         {
           message:
@@ -1071,7 +1071,11 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected Promise object in computed function.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parser,
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -1086,8 +1090,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
-      parser,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -1097,7 +1099,11 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 8
         }
-      ]
+      ],
+      languageOptions: {
+        parser,
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -1116,8 +1122,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
-      parser,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -1127,7 +1131,11 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 11
         }
-      ]
+      ],
+      languageOptions: {
+        parser,
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -1146,8 +1154,6 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
-      parser,
-      parserOptions,
       errors: [
         {
           message: 'Unexpected timed function in computed function.',
@@ -1181,7 +1187,11 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected timed function in computed function.',
           line: 12
         }
-      ]
+      ],
+      languageOptions: {
+        parser,
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -1193,15 +1203,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
-      parser,
-      parserOptions,
       errors: [
         {
           message:
             'Unexpected async function declaration in computed function.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser,
+        ...languageOptions
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/no-bare-strings-in-template.js b/tests/lib/rules/no-bare-strings-in-template.js
index 38d71aa46..6c8497531 100644
--- a/tests/lib/rules/no-bare-strings-in-template.js
+++ b/tests/lib/rules/no-bare-strings-in-template.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-bare-strings-in-template')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-bare-strings-in-template', rule, {
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index 9f33b90fa..c1f1a1784 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -7,10 +7,10 @@
 const semver = require('semver')
 const rule = require('../../../lib/rules/no-boolean-default')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
@@ -234,7 +234,7 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -249,7 +249,7 @@ ruleTester.run('no-boolean-default', rule, {
       </script>
       `,
       options: ['default-false'],
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -262,9 +262,11 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -280,9 +282,11 @@ ruleTester.run('no-boolean-default', rule, {
       </script>
       `,
       options: ['default-false'],
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -297,9 +301,11 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -314,9 +320,11 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -416,14 +424,14 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message:
             'Boolean prop should not set a default (Vue defaults it to false).',
           line: 6
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -438,13 +446,13 @@ ruleTester.run('no-boolean-default', rule, {
       </script>
       `,
       options: ['default-false'],
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
           line: 6
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
@@ -464,9 +472,11 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             errors: [
               {
@@ -488,9 +498,11 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             options: ['default-false'],
             errors: [
diff --git a/tests/lib/rules/no-child-content.js b/tests/lib/rules/no-child-content.js
index c6d739418..2e46f6cb0 100644
--- a/tests/lib/rules/no-child-content.js
+++ b/tests/lib/rules/no-child-content.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-child-content')
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-child-content', rule, {
diff --git a/tests/lib/rules/no-computed-properties-in-data.js b/tests/lib/rules/no-computed-properties-in-data.js
index a352d4419..769731804 100644
--- a/tests/lib/rules/no-computed-properties-in-data.js
+++ b/tests/lib/rules/no-computed-properties-in-data.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-computed-properties-in-data')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
index 7b6acfeab..1ff32feeb 100644
--- a/tests/lib/rules/no-console.js
+++ b/tests/lib/rules/no-console.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-console')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-constant-condition.js b/tests/lib/rules/no-constant-condition.js
index 312a6ee05..8d25479f8 100644
--- a/tests/lib/rules/no-constant-condition.js
+++ b/tests/lib/rules/no-constant-condition.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const { RuleTester } = require('eslint')
+const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/no-constant-condition.js')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 6 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 6 }
 })
 
 tester.run('no-constant-condition', rule, {
diff --git a/tests/lib/rules/no-custom-modifiers-on-v-model.js b/tests/lib/rules/no-custom-modifiers-on-v-model.js
index a07e459b9..88d269ebf 100644
--- a/tests/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/tests/lib/rules/no-custom-modifiers-on-v-model.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-custom-modifiers-on-v-model')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-custom-modifiers-on-v-model', rule, {
diff --git a/tests/lib/rules/no-deprecated-data-object-declaration.js b/tests/lib/rules/no-deprecated-data-object-declaration.js
index e80253570..1c2007aab 100644
--- a/tests/lib/rules/no-deprecated-data-object-declaration.js
+++ b/tests/lib/rules/no-deprecated-data-object-declaration.js
@@ -6,9 +6,9 @@
 
 const rule = require('../../../lib/rules/no-deprecated-data-object-declaration')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -27,7 +27,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         }).mount('#app')
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -41,7 +41,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         }).mount('#app')
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -55,7 +55,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -68,7 +68,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -77,7 +77,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           ...foo
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -86,7 +86,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           data
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -97,7 +97,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -111,7 +111,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -125,7 +125,7 @@ ruleTester.run('no-deprecated-data-object-declaration', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     }
   ],
 
@@ -150,14 +150,14 @@ return {
 }
         })
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -177,14 +177,14 @@ return {
 }
         })
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -204,14 +204,14 @@ return {
 }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -231,14 +231,14 @@ return (/*b*/{
 }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -258,14 +258,14 @@ return {
 }
         })
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -285,14 +285,14 @@ return {
 }
         }).mount('#app')
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
index 2a48fa79f..a956b37ed 100644
--- a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -6,11 +6,14 @@
 
 const rule = require('../../../lib/rules/no-deprecated-destroyed-lifecycle')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
   valid: [
diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
index 01f42894c..f9dd0ff40 100644
--- a/tests/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -6,11 +6,14 @@
 
 const rule = require('../../../lib/rules/no-deprecated-dollar-listeners-api')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
   valid: [
diff --git a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
index 94d4c96b0..7dea6146e 100644
--- a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -6,11 +6,14 @@
 
 const rule = require('../../../lib/rules/no-deprecated-dollar-scopedslots-api')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
   valid: [
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index 2f28b4215..4b4fd288f 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -6,9 +6,9 @@
 
 const rule = require('../../../lib/rules/no-deprecated-events-api')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2020,
   sourceType: 'module'
 }
@@ -25,7 +25,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -38,7 +38,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -55,7 +55,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -66,7 +66,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -77,7 +77,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -93,7 +93,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -104,7 +104,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -118,7 +118,7 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     }
   ],
 
@@ -134,14 +134,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -152,14 +152,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -172,14 +172,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -193,14 +193,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -213,12 +213,12 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions,
       errors: [
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -231,12 +231,12 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
-      parserOptions,
       errors: [
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
index 66469f841..cf2a33518 100644
--- a/tests/lib/rules/no-deprecated-filter.js
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-filter')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-deprecated-filter', rule, {
@@ -25,8 +24,10 @@ ruleTester.run('no-deprecated-filter', rule, {
     {
       filename: 'test.vue',
       code: '<template>{{ msg | filter }}</template>',
-      parserOptions: {
-        vueFeatures: { filter: false }
+      languageOptions: {
+        parserOptions: {
+          vueFeatures: { filter: false }
+        }
       }
     }
   ],
diff --git a/tests/lib/rules/no-deprecated-functional-template.js b/tests/lib/rules/no-deprecated-functional-template.js
index 410b4b456..00cf539ff 100644
--- a/tests/lib/rules/no-deprecated-functional-template.js
+++ b/tests/lib/rules/no-deprecated-functional-template.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-functional-template')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 ruleTester.run('no-deprecated-functional-template', rule, {
diff --git a/tests/lib/rules/no-deprecated-html-element-is.js b/tests/lib/rules/no-deprecated-html-element-is.js
index 91b1c9266..be8ea3e71 100644
--- a/tests/lib/rules/no-deprecated-html-element-is.js
+++ b/tests/lib/rules/no-deprecated-html-element-is.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-html-element-is')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 ruleTester.run('no-deprecated-html-element-is', rule, {
diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js
index d164c7a9a..fad9c77a7 100644
--- a/tests/lib/rules/no-deprecated-inline-template.js
+++ b/tests/lib/rules/no-deprecated-inline-template.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-inline-template')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2019 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 ruleTester.run('no-deprecated-inline-template', rule, {
diff --git a/tests/lib/rules/no-deprecated-model-definition.js b/tests/lib/rules/no-deprecated-model-definition.js
index ebdcb8599..ae4e56b3a 100644
--- a/tests/lib/rules/no-deprecated-model-definition.js
+++ b/tests/lib/rules/no-deprecated-model-definition.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-deprecated-model-definition')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-deprecated-props-default-this.js b/tests/lib/rules/no-deprecated-props-default-this.js
index 9b663cdf7..b887868d5 100644
--- a/tests/lib/rules/no-deprecated-props-default-this.js
+++ b/tests/lib/rules/no-deprecated-props-default-this.js
@@ -5,11 +5,14 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-props-default-this')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 ruleTester.run('no-deprecated-props-default-this', rule, {
diff --git a/tests/lib/rules/no-deprecated-router-link-tag-prop.js b/tests/lib/rules/no-deprecated-router-link-tag-prop.js
index 9154cf31c..cf022f79a 100644
--- a/tests/lib/rules/no-deprecated-router-link-tag-prop.js
+++ b/tests/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-deprecated-router-link-tag-prop')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-deprecated-scope-attribute.js b/tests/lib/rules/no-deprecated-scope-attribute.js
index 9cc8b92d4..f823a6878 100644
--- a/tests/lib/rules/no-deprecated-scope-attribute.js
+++ b/tests/lib/rules/no-deprecated-scope-attribute.js
@@ -1,13 +1,10 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-deprecated-scope-attribute')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-deprecated-scope-attribute', rule, {
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index be9b4241a..324983444 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -1,13 +1,10 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-deprecated-slot-attribute.js')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-deprecated-slot-attribute', rule, {
diff --git a/tests/lib/rules/no-deprecated-slot-scope-attribute.js b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
index 728aaccd3..dccc46a0c 100644
--- a/tests/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -1,13 +1,10 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-deprecated-slot-scope-attribute')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-deprecated-slot-scope-attribute', rule, {
diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
index c02342a86..3d775d975 100644
--- a/tests/lib/rules/no-deprecated-v-bind-sync.js
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-v-bind-sync')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-deprecated-v-bind-sync', rule, {
diff --git a/tests/lib/rules/no-deprecated-v-is.js b/tests/lib/rules/no-deprecated-v-is.js
index cdc47b9aa..8dd07a478 100644
--- a/tests/lib/rules/no-deprecated-v-is.js
+++ b/tests/lib/rules/no-deprecated-v-is.js
@@ -1,13 +1,10 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-deprecated-v-is')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-deprecated-v-is', rule, {
diff --git a/tests/lib/rules/no-deprecated-v-on-native-modifier.js b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
index 1342f25bf..b9863d9ed 100644
--- a/tests/lib/rules/no-deprecated-v-on-native-modifier.js
+++ b/tests/lib/rules/no-deprecated-v-on-native-modifier.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-v-on-native-modifier')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-deprecated-v-on-native-modifier', rule, {
diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index 986b5e335..4fd4bfb8e 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-v-on-number-modifiers')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
diff --git a/tests/lib/rules/no-deprecated-vue-config-keycodes.js b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
index 37c8bf3c4..ee00e5c37 100644
--- a/tests/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-deprecated-vue-config-keycodes')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 72ea22620..2eae55863 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -5,10 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-dupe-keys')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
@@ -401,7 +401,7 @@ ruleTester.run('no-dupe-keys', rule, {
         const bar = 0
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -414,8 +414,10 @@ ruleTester.run('no-dupe-keys', rule, {
         const bar = 0
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -425,7 +427,7 @@ ruleTester.run('no-dupe-keys', rule, {
       const { foo, bar } = props
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -436,7 +438,7 @@ ruleTester.run('no-dupe-keys', rule, {
       const bar = props.bar
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -447,7 +449,7 @@ ruleTester.run('no-dupe-keys', rule, {
       const { foo, bar } = toRefs(props)
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -459,7 +461,7 @@ ruleTester.run('no-dupe-keys', rule, {
       const bar = toRef(props, 'bar')
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -468,7 +470,7 @@ ruleTester.run('no-dupe-keys', rule, {
       const {foo,bar} = defineProps(['foo', 'bar'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -477,7 +479,7 @@ ruleTester.run('no-dupe-keys', rule, {
       const {foo=42,bar='abc'} = defineProps(['foo', 'bar'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -494,8 +496,10 @@ ruleTester.run('no-dupe-keys', rule, {
       const foo = props.foo
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     }
   ],
 
@@ -1007,14 +1011,14 @@ ruleTester.run('no-dupe-keys', rule, {
         const foo = 0
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 6
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -1035,7 +1039,6 @@ ruleTester.run('no-dupe-keys', rule, {
         const bar = () => 'bar';
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message:
@@ -1052,7 +1055,8 @@ ruleTester.run('no-dupe-keys', rule, {
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 15
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.vue',
@@ -1067,8 +1071,6 @@ ruleTester.run('no-dupe-keys', rule, {
       const bar = 'bar';
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
@@ -1080,7 +1082,11 @@ ruleTester.run('no-dupe-keys', rule, {
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 9
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -1091,14 +1097,14 @@ ruleTester.run('no-dupe-keys', rule, {
       const bar = 42
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 5
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     }
   ]
 })
diff --git a/tests/lib/rules/no-dupe-v-else-if.js b/tests/lib/rules/no-dupe-v-else-if.js
index 214657a9c..8e1388b4f 100644
--- a/tests/lib/rules/no-dupe-v-else-if.js
+++ b/tests/lib/rules/no-dupe-v-else-if.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-dupe-v-else-if')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2019,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
index 7fc112123..e38711a54 100644
--- a/tests/lib/rules/no-duplicate-attr-inheritance.js
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -6,11 +6,11 @@
 
 const rule = require('../../../lib/rules/no-duplicate-attr-inheritance')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-duplicate-attributes.js b/tests/lib/rules/no-duplicate-attributes.js
index b47611184..ddb82db16 100644
--- a/tests/lib/rules/no-duplicate-attributes.js
+++ b/tests/lib/rules/no-duplicate-attributes.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-duplicate-attributes')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-duplicate-attributes', rule, {
diff --git a/tests/lib/rules/no-empty-component-block.js b/tests/lib/rules/no-empty-component-block.js
index 8ba6a2f2c..e54fd9df6 100644
--- a/tests/lib/rules/no-empty-component-block.js
+++ b/tests/lib/rules/no-empty-component-block.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-empty-component-block')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
 })
 
 tester.run('no-empty-component-block', rule, {
diff --git a/tests/lib/rules/no-empty-pattern.js b/tests/lib/rules/no-empty-pattern.js
index b3747965e..3013b60ad 100644
--- a/tests/lib/rules/no-empty-pattern.js
+++ b/tests/lib/rules/no-empty-pattern.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-empty-pattern')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
 })
 
 tester.run('no-empty-pattern', rule, {
diff --git a/tests/lib/rules/no-export-in-script-setup.js b/tests/lib/rules/no-export-in-script-setup.js
index 76e7b0ee4..e6f2f1e19 100644
--- a/tests/lib/rules/no-export-in-script-setup.js
+++ b/tests/lib/rules/no-export-in-script-setup.js
@@ -5,13 +5,13 @@
 'use strict'
 
 const semver = require('semver')
-const eslint = require('eslint')
+const eslint = require('../../eslint-compat')
 const rule = require('../../../lib/rules/no-export-in-script-setup')
 
 const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 6,
     sourceType: 'module'
   }
@@ -57,9 +57,11 @@ ruleTester.run('no-export-in-script-setup', rule, {
             export interface Bar {}
             </script>
             `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             }
           }
         ]
@@ -72,9 +74,11 @@ ruleTester.run('no-export-in-script-setup', rule, {
             export interface Bar {}
             </script>
             `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             }
           }
         ])
@@ -141,10 +145,6 @@ ruleTester.run('no-export-in-script-setup', rule, {
       export {}
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: '`<script setup>` cannot contain ES module exports.',
@@ -158,7 +158,13 @@ ruleTester.run('no-export-in-script-setup', rule, {
           message: '`<script setup>` cannot contain ES module exports.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/no-expose-after-await.js b/tests/lib/rules/no-expose-after-await.js
index cc10befa4..121438995 100644
--- a/tests/lib/rules/no-expose-after-await.js
+++ b/tests/lib/rules/no-expose-after-await.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-expose-after-await')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -103,7 +103,7 @@ tester.run('no-expose-after-await', rule, {
       await doSomething()
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -116,7 +116,7 @@ tester.run('no-expose-after-await', rule, {
       function defineExpose() {}
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -127,7 +127,7 @@ tester.run('no-expose-after-await', rule, {
       onMounted(() => {})
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
@@ -179,14 +179,14 @@ tester.run('no-expose-after-await', rule, {
       defineExpose({ /* ... */ })
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 },
       errors: [
         {
           message: '`defineExpose` is forbidden after an `await` expression.',
           line: 4,
           column: 7
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2022 }
     }
   ]
 })
diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
index 0cf6d702c..dda150694 100644
--- a/tests/lib/rules/no-extra-parens.js
+++ b/tests/lib/rules/no-extra-parens.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const { RuleTester } = require('eslint')
+const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/no-extra-parens')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-extra-parens', rule, {
diff --git a/tests/lib/rules/no-invalid-model-keys.js b/tests/lib/rules/no-invalid-model-keys.js
index 1ae7cb522..44469346f 100644
--- a/tests/lib/rules/no-invalid-model-keys.js
+++ b/tests/lib/rules/no-invalid-model-keys.js
@@ -5,10 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-invalid-model-keys')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-irregular-whitespace.js b/tests/lib/rules/no-irregular-whitespace.js
index 52c6dd0e4..2dc454e1e 100644
--- a/tests/lib/rules/no-irregular-whitespace.js
+++ b/tests/lib/rules/no-irregular-whitespace.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-irregular-whitespace')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
 })
 
 const IRREGULAR_WHITESPACES = [
diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index e75995a5f..9314eb5bd 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-lifecycle-after-await')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-lifecycle-after-await', rule, {
@@ -116,7 +119,7 @@ tester.run('no-lifecycle-after-await', rule, {
       await doSomething()
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -129,7 +132,7 @@ tester.run('no-lifecycle-after-await', rule, {
       onMounted(() => { /* ... */ }) // not error
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -142,7 +145,7 @@ tester.run('no-lifecycle-after-await', rule, {
       onMounted(() => { /* ... */ }) // not error
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -154,7 +157,7 @@ tester.run('no-lifecycle-after-await', rule, {
       onMounted(() => { /* ... */ }) // not error
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-lone-template.js b/tests/lib/rules/no-lone-template.js
index 947934fcd..12fd4f89f 100644
--- a/tests/lib/rules/no-lone-template.js
+++ b/tests/lib/rules/no-lone-template.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-lone-template')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2019,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-loss-of-precision.js b/tests/lib/rules/no-loss-of-precision.js
index 5608f8e11..749914193 100644
--- a/tests/lib/rules/no-loss-of-precision.js
+++ b/tests/lib/rules/no-loss-of-precision.js
@@ -9,8 +9,8 @@ const semver = require('semver')
 const rule = require('../../../lib/rules/no-loss-of-precision')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-multi-spaces.js b/tests/lib/rules/no-multi-spaces.js
index 255bff813..be4440858 100644
--- a/tests/lib/rules/no-multi-spaces.js
+++ b/tests/lib/rules/no-multi-spaces.js
@@ -5,11 +5,14 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-multi-spaces')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 ruleTester.run('no-multi-spaces', rule, {
diff --git a/tests/lib/rules/no-multiple-objects-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
index f044e316f..0c1a4d1b4 100644
--- a/tests/lib/rules/no-multiple-objects-in-class.js
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -4,11 +4,14 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-multiple-objects-in-class')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 ruleTester.run('no-multiple-objects-in-class', rule, {
diff --git a/tests/lib/rules/no-multiple-slot-args.js b/tests/lib/rules/no-multiple-slot-args.js
index 8674513cf..cbd0bbfba 100644
--- a/tests/lib/rules/no-multiple-slot-args.js
+++ b/tests/lib/rules/no-multiple-slot-args.js
@@ -6,11 +6,14 @@
 
 const rule = require('../../../lib/rules/no-multiple-slot-args')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('no-multiple-slot-args', rule, {
   valid: [
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index e57afd188..7ab80af7e 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -6,11 +6,10 @@
 
 const rule = require('../../../lib/rules/no-multiple-template-root')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 ruleTester.run('no-multiple-template-root', rule, {
   valid: [
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 7c4884847..1ecca1787 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -5,11 +5,11 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-mutating-props')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -1031,15 +1031,17 @@ ruleTester.run('no-mutating-props', rule, {
         props.value++
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Unexpected mutation of "value" prop.',
           line: 6
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 54500f18c..1408fb7d8 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-parsing-error')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-parsing-error', rule, {
diff --git a/tests/lib/rules/no-potential-component-option-typo.js b/tests/lib/rules/no-potential-component-option-typo.js
index 68ea21901..0b9fad541 100644
--- a/tests/lib/rules/no-potential-component-option-typo.js
+++ b/tests/lib/rules/no-potential-component-option-typo.js
@@ -6,11 +6,14 @@
 
 const rule = require('../../../lib/rules/no-potential-component-option-typo')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-potential-component-option-typo', rule, {
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index ef74cd4f4..f08a9e1c2 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-ref-as-operand')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-ref-as-operand', rule, {
diff --git a/tests/lib/rules/no-ref-object-destructure.js b/tests/lib/rules/no-ref-object-destructure.js
index 4ef92acff..e9b6e0d59 100644
--- a/tests/lib/rules/no-ref-object-destructure.js
+++ b/tests/lib/rules/no-ref-object-destructure.js
@@ -4,11 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-ref-object-destructure')
 
 const tester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-ref-object-reactivity-loss.js b/tests/lib/rules/no-ref-object-reactivity-loss.js
index ef946188b..c06e456bb 100644
--- a/tests/lib/rules/no-ref-object-reactivity-loss.js
+++ b/tests/lib/rules/no-ref-object-reactivity-loss.js
@@ -4,11 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-ref-object-reactivity-loss')
 
 const tester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -319,7 +319,6 @@ tester.run('no-ref-object-reactivity-loss', rule, {
         mod.value // OK
       )
       </script>`,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message:
@@ -331,7 +330,8 @@ tester.run('no-ref-object-reactivity-loss', rule, {
             'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
           line: 7
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     // Reactivity Transform
     {
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
index f1f5b655a..af33872f2 100644
--- a/tests/lib/rules/no-required-prop-with-default.js
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-required-prop-with-default')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -33,8 +33,10 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -53,8 +55,10 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -72,8 +76,10 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -93,8 +99,10 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -113,8 +121,10 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -135,8 +145,10 @@ tester.run('no-required-prop-with-default', rule, {
           );
         </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -211,15 +223,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -252,15 +266,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -293,15 +309,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "na::me" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -336,15 +354,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -375,15 +395,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -416,15 +438,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -457,15 +481,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "na"me2" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -498,15 +524,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "foo" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -539,15 +567,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -580,15 +610,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -621,15 +653,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "a" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -662,15 +696,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Prop "a" should be optional.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index d9114810b..14ab1334f 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-reserved-component-names')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const htmlElements = require('../../../lib/utils/html-elements.json')
 const RESERVED_NAMES_IN_HTML = new Set([
@@ -425,7 +425,7 @@ const vue2BuiltInComponents = [
 
 const vue3BuiltInComponents = ['teleport', 'Teleport', 'suspense', 'Suspense']
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -439,7 +439,7 @@ ruleTester.run('no-reserved-component-names', rule, {
         export default {
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -448,7 +448,7 @@ ruleTester.run('no-reserved-component-names', rule, {
           ...name
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -457,7 +457,7 @@ ruleTester.run('no-reserved-component-names', rule, {
           name: 'FooBar'
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -472,17 +472,17 @@ ruleTester.run('no-reserved-component-names', rule, {
           disallowVue3BuiltInComponents: true
         }
       ],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component('FooBar', {})`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `app.component('FooBar', {})`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -491,12 +491,12 @@ ruleTester.run('no-reserved-component-names', rule, {
           name: 'foo!bar'
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `Vue.component(\`fooBar\${foo}\`, component)`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -507,8 +507,10 @@ ruleTester.run('no-reserved-component-names', rule, {
           }
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -519,14 +521,16 @@ ruleTester.run('no-reserved-component-names', rule, {
           }
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     // https://github.com/vuejs/eslint-plugin-vue/issues/1018
     {
       filename: 'test.js',
       code: `fn1(component.data)`,
-      parserOptions
+      languageOptions
     },
     ...vue2BuiltInComponents.map((name) => ({
       filename: `${name}.vue`,
@@ -535,7 +539,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions
+      languageOptions
     })),
     ...vue3BuiltInComponents.map((name) => ({
       filename: `${name}.vue`,
@@ -544,7 +548,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions
+      languageOptions
     })),
     ...vue3BuiltInComponents.map((name) => ({
       filename: `${name}.vue`,
@@ -553,26 +557,32 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions,
+      languageOptions,
       options: [{ disallowVueBuiltInComponents: true }]
     })),
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({}) </script>`,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({ ...name }) </script>`,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({ name: 'Foo' }) </script>`,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ],
 
@@ -584,7 +594,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions,
+      languageOptions,
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -599,7 +609,7 @@ ruleTester.run('no-reserved-component-names', rule, {
     ...invalidElements.map((name) => ({
       filename: 'test.vue',
       code: `Vue.component('${name}', component)`,
-      parserOptions,
+      languageOptions,
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -614,7 +624,7 @@ ruleTester.run('no-reserved-component-names', rule, {
     ...invalidElements.map((name) => ({
       filename: 'test.vue',
       code: `app.component('${name}', component)`,
-      parserOptions,
+      languageOptions,
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -629,7 +639,7 @@ ruleTester.run('no-reserved-component-names', rule, {
     ...invalidElements.map((name) => ({
       filename: 'test.vue',
       code: `Vue.component(\`${name}\`, {})`,
-      parserOptions,
+      languageOptions,
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -644,7 +654,7 @@ ruleTester.run('no-reserved-component-names', rule, {
     ...invalidElements.map((name) => ({
       filename: 'test.vue',
       code: `app.component(\`${name}\`, {})`,
-      parserOptions,
+      languageOptions,
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -663,7 +673,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             '${name}': {},
           }
         }`,
-      parserOptions,
+      languageOptions,
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -678,8 +688,10 @@ ruleTester.run('no-reserved-component-names', rule, {
     ...invalidElements.map((name) => ({
       filename: `${name}.vue`,
       code: `<script setup> defineOptions({name: '${name}'}) </script>`,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           messageId: RESERVED_NAMES_IN_HTML.has(name)
@@ -697,7 +709,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions,
+      languageOptions,
       options: [{ disallowVueBuiltInComponents: true }],
       errors: [
         {
@@ -715,7 +727,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions,
+      languageOptions,
       options: [{ disallowVue3BuiltInComponents: true }],
       errors: [
         {
@@ -733,7 +745,7 @@ ruleTester.run('no-reserved-component-names', rule, {
             name: '${name}'
           }
         `,
-      parserOptions,
+      languageOptions,
       options: [{ disallowVue3BuiltInComponents: true }],
       errors: [
         {
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index 47199d240..ded4a9692 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -6,9 +6,9 @@
 
 const semver = require('semver')
 const rule = require('../../../lib/rules/no-reserved-keys')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -37,7 +37,7 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -60,7 +60,7 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -81,7 +81,7 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -107,7 +107,7 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     }
   ],
 
@@ -121,13 +121,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -140,13 +140,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 5
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -159,13 +159,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 5
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -176,13 +176,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -195,13 +195,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 5
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -212,13 +212,13 @@ ruleTester.run('no-reserved-keys', rule, {
           })
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -229,13 +229,13 @@ ruleTester.run('no-reserved-keys', rule, {
           })
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -247,13 +247,13 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       options: [{ reserved: ['bar'], groups: ['foo'] }],
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key 'bar' is reserved.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.vue',
@@ -264,14 +264,13 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 6 }
     },
     {
       filename: 'test.vue',
@@ -280,17 +279,19 @@ ruleTester.run('no-reserved-keys', rule, {
         defineProps<{$el: string}>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 6,
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
@@ -308,10 +309,12 @@ ruleTester.run('no-reserved-keys', rule, {
         defineProps<Props>()
       </script>
       `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
               ecmaVersion: 6,
-              parser: require.resolve('@typescript-eslint/parser')
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             errors: [
               {
@@ -330,10 +333,12 @@ ruleTester.run('no-reserved-keys', rule, {
         defineProps<A>()
       </script>
       `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
               ecmaVersion: 6,
-              parser: require.resolve('@typescript-eslint/parser')
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             errors: [
               {
diff --git a/tests/lib/rules/no-reserved-props.js b/tests/lib/rules/no-reserved-props.js
index 595ac9409..aa8252f0c 100644
--- a/tests/lib/rules/no-reserved-props.js
+++ b/tests/lib/rules/no-reserved-props.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-reserved-props')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -65,9 +65,11 @@ tester.run('no-reserved-props', rule, {
       defineProps<Props>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -96,9 +98,11 @@ tester.run('no-reserved-props', rule, {
       defineProps<Props>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -257,10 +261,6 @@ tester.run('no-reserved-props', rule, {
       defineProps<Props>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: "'ref' is a reserved attribute and cannot be used as props.",
@@ -272,7 +272,13 @@ tester.run('no-reserved-props', rule, {
           line: 5,
           column: 9
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-restricted-block.js b/tests/lib/rules/no-restricted-block.js
index be4286ac2..5a8035292 100644
--- a/tests/lib/rules/no-restricted-block.js
+++ b/tests/lib/rules/no-restricted-block.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-block')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('no-restricted-block', rule, {
diff --git a/tests/lib/rules/no-restricted-call-after-await.js b/tests/lib/rules/no-restricted-call-after-await.js
index 5409f7f29..faa0b2670 100644
--- a/tests/lib/rules/no-restricted-call-after-await.js
+++ b/tests/lib/rules/no-restricted-call-after-await.js
@@ -4,12 +4,15 @@
 'use strict'
 
 const path = require('path')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-call-after-await')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-restricted-call-after-await', rule, {
@@ -136,7 +139,7 @@ tester.run('no-restricted-call-after-await', rule, {
       </script>
       `,
       options: [{ module: 'vue-i18n', path: 'useI18n' }],
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -148,7 +151,7 @@ tester.run('no-restricted-call-after-await', rule, {
       </script>
       `,
       options: [{ module: 'vue-i18n', path: 'useI18n' }],
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/no-restricted-class.js b/tests/lib/rules/no-restricted-class.js
index 2d53598c8..d7e079261 100644
--- a/tests/lib/rules/no-restricted-class.js
+++ b/tests/lib/rules/no-restricted-class.js
@@ -5,11 +5,14 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-restricted-class')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 ruleTester.run('no-restricted-class', rule, {
diff --git a/tests/lib/rules/no-restricted-component-names.js b/tests/lib/rules/no-restricted-component-names.js
index 07030c4bb..609db8aa6 100644
--- a/tests/lib/rules/no-restricted-component-names.js
+++ b/tests/lib/rules/no-restricted-component-names.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-component-names')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-restricted-component-options.js b/tests/lib/rules/no-restricted-component-options.js
index 484f6700c..39d4cbffe 100644
--- a/tests/lib/rules/no-restricted-component-options.js
+++ b/tests/lib/rules/no-restricted-component-options.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-component-options')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-restricted-component-options', rule, {
diff --git a/tests/lib/rules/no-restricted-custom-event.js b/tests/lib/rules/no-restricted-custom-event.js
index 2e022206f..8f9cddfb7 100644
--- a/tests/lib/rules/no-restricted-custom-event.js
+++ b/tests/lib/rules/no-restricted-custom-event.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-custom-event')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-restricted-custom-event', rule, {
diff --git a/tests/lib/rules/no-restricted-html-elements.js b/tests/lib/rules/no-restricted-html-elements.js
index 3dee64643..c3e3e9eeb 100644
--- a/tests/lib/rules/no-restricted-html-elements.js
+++ b/tests/lib/rules/no-restricted-html-elements.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-html-elements')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-restricted-html-elements', rule, {
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index 934a255b0..a50b22911 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -4,15 +4,18 @@
 'use strict'
 
 const semver = require('semver')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-props')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-restricted-props', rule, {
@@ -387,9 +390,6 @@ tester.run('no-restricted-props', rule, {
       </script>
       `,
       options: [{ name: 'foo', suggest: 'Foo' }],
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: 'Using `foo` props is not allowed.',
@@ -407,7 +407,12 @@ tester.run('no-restricted-props', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
@@ -425,8 +430,10 @@ tester.run('no-restricted-props', rule, {
       defineProps<Props>()
       </script>
       `,
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             options: [{ name: 'foo', suggest: 'Foo' }],
             errors: [
@@ -463,8 +470,10 @@ tester.run('no-restricted-props', rule, {
       )
       </script>
       `,
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             options: [{ name: 'foo', suggest: 'Foo' }],
             errors: [
@@ -508,8 +517,10 @@ tester.run('no-restricted-props', rule, {
       )
       </script>
       `,
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             options: [{ name: 'foo', suggest: 'Foo' }],
             errors: [
@@ -553,8 +564,10 @@ tester.run('no-restricted-props', rule, {
       }
       </script>
       `,
-            parserOptions: {
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             options: [{ name: 'foo', suggest: 'Foo' }],
             errors: [
diff --git a/tests/lib/rules/no-restricted-static-attribute.js b/tests/lib/rules/no-restricted-static-attribute.js
index f484bbb87..54f942969 100644
--- a/tests/lib/rules/no-restricted-static-attribute.js
+++ b/tests/lib/rules/no-restricted-static-attribute.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-static-attribute')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('no-restricted-static-attribute', rule, {
diff --git a/tests/lib/rules/no-restricted-syntax.js b/tests/lib/rules/no-restricted-syntax.js
index 647bdc4b6..a585cdf96 100644
--- a/tests/lib/rules/no-restricted-syntax.js
+++ b/tests/lib/rules/no-restricted-syntax.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-syntax')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-restricted-syntax', rule, {
diff --git a/tests/lib/rules/no-restricted-v-bind.js b/tests/lib/rules/no-restricted-v-bind.js
index 5c408ed2d..f53461102 100644
--- a/tests/lib/rules/no-restricted-v-bind.js
+++ b/tests/lib/rules/no-restricted-v-bind.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-v-bind')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('no-restricted-v-bind', rule, {
diff --git a/tests/lib/rules/no-restricted-v-on.js b/tests/lib/rules/no-restricted-v-on.js
index 1d73d5c15..159165c45 100644
--- a/tests/lib/rules/no-restricted-v-on.js
+++ b/tests/lib/rules/no-restricted-v-on.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-restricted-v-on')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-root-v-if.js b/tests/lib/rules/no-root-v-if.js
index 766c5b2ad..43119b7d0 100644
--- a/tests/lib/rules/no-root-v-if.js
+++ b/tests/lib/rules/no-root-v-if.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-root-v-if')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-root-v-if', rule, {
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index 5d9a704d1..3e3989342 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-setup-props-destructure')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-setup-props-destructure', rule, {
diff --git a/tests/lib/rules/no-setup-props-reactivity-loss.js b/tests/lib/rules/no-setup-props-reactivity-loss.js
index 2e2480631..408ccb09e 100644
--- a/tests/lib/rules/no-setup-props-reactivity-loss.js
+++ b/tests/lib/rules/no-setup-props-reactivity-loss.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-setup-props-reactivity-loss')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-setup-props-reactivity-loss', rule, {
diff --git a/tests/lib/rules/no-shared-component-data.js b/tests/lib/rules/no-shared-component-data.js
index 49ad5c67a..50f433036 100644
--- a/tests/lib/rules/no-shared-component-data.js
+++ b/tests/lib/rules/no-shared-component-data.js
@@ -6,9 +6,9 @@
 
 const rule = require('../../../lib/rules/no-shared-component-data')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -27,7 +27,7 @@ ruleTester.run('no-shared-component-data', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -41,7 +41,7 @@ ruleTester.run('no-shared-component-data', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -64,7 +64,7 @@ ruleTester.run('no-shared-component-data', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -77,7 +77,7 @@ ruleTester.run('no-shared-component-data', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -86,7 +86,7 @@ ruleTester.run('no-shared-component-data', rule, {
           ...foo
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -95,7 +95,7 @@ ruleTester.run('no-shared-component-data', rule, {
           data
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -106,7 +106,7 @@ ruleTester.run('no-shared-component-data', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     }
   ],
 
@@ -129,13 +129,13 @@ return {
 }
         })
       `,
-      parserOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -155,13 +155,13 @@ return {
 }
         })
       `,
-      parserOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -181,13 +181,13 @@ return {
 }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -207,13 +207,13 @@ return (/*b*/{
 }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index a72004060..7ba6c0827 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -5,16 +5,15 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-side-effects-in-computed-properties')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2020,
   sourceType: 'module'
 }
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions
+  languageOptions: { parser: require('vue-eslint-parser'), ...languageOptions }
 })
 
 ruleTester.run('no-side-effects-in-computed-properties', rule, {
@@ -392,13 +391,13 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           line: 5,
           message: 'Unexpected side effect in "test1" computed property.'
         }
-      ]
+      ],
+      languageOptions: { parser: require('@typescript-eslint/parser') }
     },
 
     {
diff --git a/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index da77bcdbe..9372a1c98 100644
--- a/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/tests/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -4,10 +4,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-spaces-around-equal-signs-in-attribute')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser')
+  languageOptions: { parser: require('vue-eslint-parser') }
 })
 
 tester.run('no-spaces-around-equal-signs-in-attribute', rule, {
diff --git a/tests/lib/rules/no-sparse-arrays.js b/tests/lib/rules/no-sparse-arrays.js
index 7c0020fd5..3a08561d1 100644
--- a/tests/lib/rules/no-sparse-arrays.js
+++ b/tests/lib/rules/no-sparse-arrays.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-sparse-arrays')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-sparse-arrays', rule, {
diff --git a/tests/lib/rules/no-static-inline-styles.js b/tests/lib/rules/no-static-inline-styles.js
index 31e08b38e..c215d4bd3 100644
--- a/tests/lib/rules/no-static-inline-styles.js
+++ b/tests/lib/rules/no-static-inline-styles.js
@@ -4,14 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-static-inline-styles')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-static-inline-styles', rule, {
diff --git a/tests/lib/rules/no-template-key.js b/tests/lib/rules/no-template-key.js
index 01add78e9..62f9f2a87 100644
--- a/tests/lib/rules/no-template-key.js
+++ b/tests/lib/rules/no-template-key.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-template-key')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-template-key', rule, {
diff --git a/tests/lib/rules/no-template-shadow.js b/tests/lib/rules/no-template-shadow.js
index 6844b5f9f..3cc5218d1 100644
--- a/tests/lib/rules/no-template-shadow.js
+++ b/tests/lib/rules/no-template-shadow.js
@@ -5,11 +5,11 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-template-shadow')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-template-target-blank.js b/tests/lib/rules/no-template-target-blank.js
index b9896d7ed..42d84f6b2 100644
--- a/tests/lib/rules/no-template-target-blank.js
+++ b/tests/lib/rules/no-template-target-blank.js
@@ -6,11 +6,10 @@
 
 const rule = require('../../../lib/rules/no-template-target-blank')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-template-target-blank', rule, {
diff --git a/tests/lib/rules/no-textarea-mustache.js b/tests/lib/rules/no-textarea-mustache.js
index ac34728e5..cc389f223 100644
--- a/tests/lib/rules/no-textarea-mustache.js
+++ b/tests/lib/rules/no-textarea-mustache.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-textarea-mustache')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-textarea-mustache', rule, {
diff --git a/tests/lib/rules/no-this-in-before-route-enter.js b/tests/lib/rules/no-this-in-before-route-enter.js
index f3861672e..490385345 100644
--- a/tests/lib/rules/no-this-in-before-route-enter.js
+++ b/tests/lib/rules/no-this-in-before-route-enter.js
@@ -9,7 +9,7 @@
 //------------------------------------------------------------------------------
 
 const rule = require('../../../lib/rules/no-this-in-before-route-enter')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 //------------------------------------------------------------------------------
 // Tests
@@ -59,8 +59,11 @@ export default {
 </script>`
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('no-this-in-before-route-enter', rule, {
   valid: [
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index 0941f003d..8b332ba42 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -4,13 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-undef-components')
 const semver = require('semver')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -656,11 +656,13 @@ tester.run('no-undef-components', rule, {
         <HelloWorld1 />
       </template>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -751,12 +753,14 @@ tester.run('no-undef-components', rule, {
         <HelloWorld5 />
       </template>
       `,
-            parserOptions: {
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
               ecmaVersion: 6,
               sourceType: 'module',
-              parser: require.resolve('@typescript-eslint/parser')
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
-            parser: require.resolve('vue-eslint-parser'),
             errors: [
               {
                 message:
@@ -803,19 +807,21 @@ tester.run('no-undef-components', rule, {
         <Foo />
       </template>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message:
             "The '<Foo>' component has been used, but 'Foo' only refers to a type.",
           line: 7
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
 
     // options API
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 816d8b552..83812a248 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -4,15 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-undef-properties')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -555,8 +555,10 @@ tester.run('no-undef-properties', rule, {
       <div>{{ foo }}</div>
       <div>{{ unknown }}</div>
       </template>`,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
 
diff --git a/tests/lib/rules/no-unsupported-features.js b/tests/lib/rules/no-unsupported-features.js
index 77ee72055..c99f5f973 100644
--- a/tests/lib/rules/no-unsupported-features.js
+++ b/tests/lib/rules/no-unsupported-features.js
@@ -7,14 +7,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-unsupported-features')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/define-model.js b/tests/lib/rules/no-unsupported-features/define-model.js
index 0307d1f9f..a82aad26f 100644
--- a/tests/lib/rules/no-unsupported-features/define-model.js
+++ b/tests/lib/rules/no-unsupported-features/define-model.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('define-model', '^3.3.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/define-model', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/define-options.js b/tests/lib/rules/no-unsupported-features/define-options.js
index a53bd776c..6a270a071 100644
--- a/tests/lib/rules/no-unsupported-features/define-options.js
+++ b/tests/lib/rules/no-unsupported-features/define-options.js
@@ -4,14 +4,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('define-options', '^3.2.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2019,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-unsupported-features/define-slots.js b/tests/lib/rules/no-unsupported-features/define-slots.js
index 2fef117c7..95d61199d 100644
--- a/tests/lib/rules/no-unsupported-features/define-slots.js
+++ b/tests/lib/rules/no-unsupported-features/define-slots.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('define-slots', '^3.2.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/define-slots', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js b/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
index 61b39e738..ced8dce9e 100644
--- a/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
+++ b/tests/lib/rules/no-unsupported-features/dynamic-directive-arguments.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
@@ -13,10 +13,7 @@ const buildOptions = utils.optionsBuilder(
   '^2.5.0'
 )
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/dynamic-directive-arguments', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js b/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js
index adcc64835..1ee6cc0cc 100644
--- a/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js
+++ b/tests/lib/rules/no-unsupported-features/is-attribute-with-vue-prefix.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
@@ -13,10 +13,7 @@ const buildOptions = utils.optionsBuilder(
   '^3.1.0'
 )
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/is-attribute-with-vue-prefix', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/script-setup.js b/tests/lib/rules/no-unsupported-features/script-setup.js
index 51ffb1cea..183fa88f2 100644
--- a/tests/lib/rules/no-unsupported-features/script-setup.js
+++ b/tests/lib/rules/no-unsupported-features/script-setup.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('script-setup', '^3.0.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/script-setup', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
index 8f8b0b136..c1e05f10d 100644
--- a/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
+++ b/tests/lib/rules/no-unsupported-features/slot-scope-attribute.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('slot-scope-attribute', '^2.4.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/slot-scope-attribute', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js b/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
index df94061f7..c9ba478ad 100644
--- a/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
+++ b/tests/lib/rules/no-unsupported-features/style-css-vars-injection.js
@@ -4,14 +4,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('style-css-vars-injection', '^3.0.3')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2019,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js b/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js
index 912c98d9e..7b9931e3c 100644
--- a/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js
+++ b/tests/lib/rules/no-unsupported-features/v-bind-attr-modifier.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('v-bind-attr-modifier', '^3.1.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-bind-attr-modifier', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
index 58ffda146..7b1742412 100644
--- a/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
+++ b/tests/lib/rules/no-unsupported-features/v-bind-prop-modifier-shorthand.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
@@ -13,10 +13,7 @@ const buildOptions = utils.optionsBuilder(
   '^2.6.0'
 )
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-bind-prop-modifier-shorthand', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js b/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js
index 088ba7cbc..3c5e2c8a4 100644
--- a/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js
+++ b/tests/lib/rules/no-unsupported-features/v-bind-same-name-shorthand.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
@@ -13,10 +13,7 @@ const buildOptions = utils.optionsBuilder(
   '^3.3.0'
 )
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-bind-same-name-shorthand', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-is.js b/tests/lib/rules/no-unsupported-features/v-is.js
index 3212a7578..c9cf3fdc5 100644
--- a/tests/lib/rules/no-unsupported-features/v-is.js
+++ b/tests/lib/rules/no-unsupported-features/v-is.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('v-is', '^2.6.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-is', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-memo.js b/tests/lib/rules/no-unsupported-features/v-memo.js
index 8c3ea1249..3b9569cb0 100644
--- a/tests/lib/rules/no-unsupported-features/v-memo.js
+++ b/tests/lib/rules/no-unsupported-features/v-memo.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('v-memo', '^3.1.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-memo', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-model-argument.js b/tests/lib/rules/no-unsupported-features/v-model-argument.js
index ceb79784e..e7fe0a4ec 100644
--- a/tests/lib/rules/no-unsupported-features/v-model-argument.js
+++ b/tests/lib/rules/no-unsupported-features/v-model-argument.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('v-model-argument', '^2.6.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-model-argument', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js b/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js
index 521272738..066230306 100644
--- a/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js
+++ b/tests/lib/rules/no-unsupported-features/v-model-custom-modifiers.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('v-model-custom-modifiers', '^2.6.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-model-custom-modifiers', rule, {
diff --git a/tests/lib/rules/no-unsupported-features/v-slot.js b/tests/lib/rules/no-unsupported-features/v-slot.js
index a382a7eda..71be84273 100644
--- a/tests/lib/rules/no-unsupported-features/v-slot.js
+++ b/tests/lib/rules/no-unsupported-features/v-slot.js
@@ -4,16 +4,13 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const rule = require('../../../../lib/rules/no-unsupported-features')
 const utils = require('./utils')
 
 const buildOptions = utils.optionsBuilder('v-slot', '^2.5.0')
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('no-unsupported-features/v-slot', rule, {
diff --git a/tests/lib/rules/no-unused-components.js b/tests/lib/rules/no-unused-components.js
index c87166cbd..4078af76f 100644
--- a/tests/lib/rules/no-unused-components.js
+++ b/tests/lib/rules/no-unused-components.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-unused-components')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-unused-emit-declarations.js b/tests/lib/rules/no-unused-emit-declarations.js
index f3189ea82..17b2f441b 100644
--- a/tests/lib/rules/no-unused-emit-declarations.js
+++ b/tests/lib/rules/no-unused-emit-declarations.js
@@ -4,15 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-unused-emit-declarations')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -345,7 +345,9 @@ tester.run('no-unused-emit-declarations', rule, {
       }>()
       const change = () => emit('foo');
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -665,7 +667,6 @@ tester.run('no-unused-emit-declarations', rule, {
         }>()
         const change = () => emit('foo');
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           messageId: 'unused',
@@ -673,7 +674,10 @@ tester.run('no-unused-emit-declarations', rule, {
           column: 11,
           endColumn: 36
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -699,7 +703,6 @@ tester.run('no-unused-emit-declarations', rule, {
         defineEmits<{(e: 'foo'): void}>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           messageId: 'unused',
@@ -707,7 +710,10 @@ tester.run('no-unused-emit-declarations', rule, {
           column: 22,
           endColumn: 38
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 93a5279f0..65b185298 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { RuleTester, Linter } = require('eslint')
+const { RuleTester, Linter } = require('../../eslint-compat')
 const assert = require('assert')
 const rule = require('../../../lib/rules/no-unused-properties')
 const {
@@ -12,8 +12,8 @@ const {
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -2131,8 +2131,10 @@ tester.run('no-unused-properties', rule, {
       <style lang="scss" scoped>
       //
       </style>`,
-      parserOptions: {
-        parser: '@typescript-eslint/parser'
+      languageOptions: {
+        parserOptions: {
+          parser: '@typescript-eslint/parser'
+        }
       }
     },
 
@@ -3900,16 +3902,18 @@ tester.run('no-unused-properties', rule, {
 // https://github.com/vuejs/eslint-plugin-vue/issues/1789
 describe('`vue/no-unused-properties` and `vue/no-unused-components` should not conflict.', () => {
   const linter = new Linter()
-  linter.defineParser('vue-eslint-parser', require('vue-eslint-parser'))
-  linter.defineRule(
-    'vue/no-unused-components',
-    require('../../../lib/rules/no-unused-components')
-  )
-  linter.defineRule('vue/no-unused-properties', rule)
-
   const config = {
-    parser: 'vue-eslint-parser',
-    parserOptions: {
+    files: ['**/*.vue'],
+    plugins: {
+      vue: {
+        rules: {
+          'no-unused-components': require('../../../lib/rules/no-unused-components'),
+          'no-unused-properties': rule
+        }
+      }
+    },
+    languageOptions: {
+      parser: require('vue-eslint-parser'),
       ecmaVersion: 2020,
       sourceType: 'module'
     },
diff --git a/tests/lib/rules/no-unused-refs.js b/tests/lib/rules/no-unused-refs.js
index 2547ef05d..7e092ee87 100644
--- a/tests/lib/rules/no-unused-refs.js
+++ b/tests/lib/rules/no-unused-refs.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-unused-refs')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index 5a128e762..39cf9a4c7 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-unused-vars')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-unused-vars', rule, {
diff --git a/tests/lib/rules/no-use-computed-property-like-method.js b/tests/lib/rules/no-use-computed-property-like-method.js
index 4b49c9dbc..63ddc0dd2 100644
--- a/tests/lib/rules/no-use-computed-property-like-method.js
+++ b/tests/lib/rules/no-use-computed-property-like-method.js
@@ -3,12 +3,15 @@
  * See LICENSE file in root directory for full license.
  */
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-use-computed-property-like-method')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-use-computed-property-like-method', rule, {
diff --git a/tests/lib/rules/no-use-v-else-with-v-for.js b/tests/lib/rules/no-use-v-else-with-v-for.js
index 8778cc125..896ac122d 100644
--- a/tests/lib/rules/no-use-v-else-with-v-for.js
+++ b/tests/lib/rules/no-use-v-else-with-v-for.js
@@ -1,11 +1,10 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-use-v-else-with-v-for')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-use-v-else-with-v-for', rule, {
diff --git a/tests/lib/rules/no-use-v-if-with-v-for.js b/tests/lib/rules/no-use-v-if-with-v-for.js
index 17cc77240..6d2661a4c 100644
--- a/tests/lib/rules/no-use-v-if-with-v-for.js
+++ b/tests/lib/rules/no-use-v-if-with-v-for.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-use-v-if-with-v-for')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-use-v-if-with-v-for', rule, {
diff --git a/tests/lib/rules/no-useless-concat.js b/tests/lib/rules/no-useless-concat.js
index 28ac8240d..eca6901bb 100644
--- a/tests/lib/rules/no-useless-concat.js
+++ b/tests/lib/rules/no-useless-concat.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-useless-concat')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-useless-concat', rule, {
diff --git a/tests/lib/rules/no-useless-mustaches.js b/tests/lib/rules/no-useless-mustaches.js
index 2627eeedf..a40d93f7d 100644
--- a/tests/lib/rules/no-useless-mustaches.js
+++ b/tests/lib/rules/no-useless-mustaches.js
@@ -3,12 +3,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-useless-mustaches.js')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-useless-template-attributes.js b/tests/lib/rules/no-useless-template-attributes.js
index 7639b0f33..bb34c4170 100644
--- a/tests/lib/rules/no-useless-template-attributes.js
+++ b/tests/lib/rules/no-useless-template-attributes.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-useless-template-attributes')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-useless-v-bind.js b/tests/lib/rules/no-useless-v-bind.js
index 63a55dce9..907125cc1 100644
--- a/tests/lib/rules/no-useless-v-bind.js
+++ b/tests/lib/rules/no-useless-v-bind.js
@@ -3,12 +3,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-useless-v-bind.js')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-v-for-template-key-on-child.js b/tests/lib/rules/no-v-for-template-key-on-child.js
index b3bbf3fec..7c65a2012 100644
--- a/tests/lib/rules/no-v-for-template-key-on-child.js
+++ b/tests/lib/rules/no-v-for-template-key-on-child.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-v-for-template-key-on-child')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-v-for-template-key-on-child', rule, {
diff --git a/tests/lib/rules/no-v-for-template-key.js b/tests/lib/rules/no-v-for-template-key.js
index c784087f6..8de3ddc9c 100644
--- a/tests/lib/rules/no-v-for-template-key.js
+++ b/tests/lib/rules/no-v-for-template-key.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-v-for-template-key')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('no-v-for-template-key', rule, {
diff --git a/tests/lib/rules/no-v-html.js b/tests/lib/rules/no-v-html.js
index 8e62fb770..d9ae67ca1 100644
--- a/tests/lib/rules/no-v-html.js
+++ b/tests/lib/rules/no-v-html.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-v-html')
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-v-html', rule, {
diff --git a/tests/lib/rules/no-v-model-argument.js b/tests/lib/rules/no-v-model-argument.js
index 2f02abb83..f8bb7f140 100644
--- a/tests/lib/rules/no-v-model-argument.js
+++ b/tests/lib/rules/no-v-model-argument.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/no-v-model-argument')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-v-model-argument', rule, {
diff --git a/tests/lib/rules/no-v-text-v-html-on-component.js b/tests/lib/rules/no-v-text-v-html-on-component.js
index 1dafc17d8..ebf2901ba 100644
--- a/tests/lib/rules/no-v-text-v-html-on-component.js
+++ b/tests/lib/rules/no-v-text-v-html-on-component.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-v-text-v-html-on-component')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/no-v-text.js b/tests/lib/rules/no-v-text.js
index df355f99e..76756d188 100644
--- a/tests/lib/rules/no-v-text.js
+++ b/tests/lib/rules/no-v-text.js
@@ -5,12 +5,11 @@
 
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-v-text')
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('no-v-text', rule, {
diff --git a/tests/lib/rules/no-watch-after-await.js b/tests/lib/rules/no-watch-after-await.js
index 97ec9c608..06da09cf3 100644
--- a/tests/lib/rules/no-watch-after-await.js
+++ b/tests/lib/rules/no-watch-after-await.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/no-watch-after-await')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('no-watch-after-await', rule, {
@@ -127,7 +130,7 @@ tester.run('no-watch-after-await', rule, {
       await doSomething()
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -140,7 +143,7 @@ tester.run('no-watch-after-await', rule, {
       watchEffect(() => { /* ... */ }) // not error
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -153,7 +156,7 @@ tester.run('no-watch-after-await', rule, {
       watchEffect(() => { /* ... */ }) // not error
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     },
     {
       filename: 'test.vue',
@@ -167,7 +170,7 @@ tester.run('no-watch-after-await', rule, {
       watch(foo, () => { /* ... */ })
       </script>
       `,
-      parserOptions: { ecmaVersion: 2022 }
+      languageOptions: { ecmaVersion: 2022 }
     }
   ],
   invalid: [
diff --git a/tests/lib/rules/object-curly-newline.js b/tests/lib/rules/object-curly-newline.js
index 9fcacb77e..6363a50e9 100644
--- a/tests/lib/rules/object-curly-newline.js
+++ b/tests/lib/rules/object-curly-newline.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/object-curly-newline')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('object-curly-newline', rule, {
diff --git a/tests/lib/rules/object-curly-spacing.js b/tests/lib/rules/object-curly-spacing.js
index eb26eab96..181587eb2 100644
--- a/tests/lib/rules/object-curly-spacing.js
+++ b/tests/lib/rules/object-curly-spacing.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/object-curly-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('object-curly-spacing', rule, {
diff --git a/tests/lib/rules/object-property-newline.js b/tests/lib/rules/object-property-newline.js
index 2de002caf..31e37dfb1 100644
--- a/tests/lib/rules/object-property-newline.js
+++ b/tests/lib/rules/object-property-newline.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/object-property-newline')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('object-property-newline', rule, {
diff --git a/tests/lib/rules/object-shorthand.js b/tests/lib/rules/object-shorthand.js
index 62a9a9efa..f216048f0 100644
--- a/tests/lib/rules/object-shorthand.js
+++ b/tests/lib/rules/object-shorthand.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/object-shorthand')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/one-component-per-file.js b/tests/lib/rules/one-component-per-file.js
index 579c470fc..7c62e69a9 100644
--- a/tests/lib/rules/one-component-per-file.js
+++ b/tests/lib/rules/one-component-per-file.js
@@ -5,10 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/one-component-per-file')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/operator-linebreak.js b/tests/lib/rules/operator-linebreak.js
index 8b0c731e6..68843a7ef 100644
--- a/tests/lib/rules/operator-linebreak.js
+++ b/tests/lib/rules/operator-linebreak.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/operator-linebreak')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('operator-linebreak', rule, {
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 669383e52..25010f483 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -5,14 +5,13 @@
 'use strict'
 
 const rule = require('../../../lib/rules/order-in-components')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const ruleTester = new RuleTester()
-
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2020,
   sourceType: 'module'
 }
+const ruleTester = new RuleTester({ languageOptions })
 
 ruleTester.run('order-in-components', rule, {
   valid: [
@@ -32,7 +31,7 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -75,21 +74,21 @@ ruleTester.run('order-in-components', rule, {
           renderError,
         };
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `
         export default {}
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `
         export default 'example-text'
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.jsx',
@@ -103,7 +102,7 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -118,14 +117,14 @@ ruleTester.run('order-in-components', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
       code: `
         Vue.component('example')
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -141,7 +140,7 @@ ruleTester.run('order-in-components', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -157,14 +156,14 @@ ruleTester.run('order-in-components', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
       code: `
         new Vue()
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'example.vue',
@@ -176,8 +175,7 @@ ruleTester.run('order-in-components', rule, {
         })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: { parser: require('vue-eslint-parser') }
     }
   ],
 
@@ -210,14 +208,14 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The "props" property should be above the "data" property on line 4.',
           line: 9
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.jsx',
@@ -257,11 +255,6 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        ecmaFeatures: { jsx: true }
-      },
       errors: [
         {
           message:
@@ -278,7 +271,14 @@ ruleTester.run('order-in-components', rule, {
             'The "props" property should be above the "data" property on line 9.',
           line: 14
         }
-      ]
+      ],
+      languageOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          ecmaFeatures: { jsx: true }
+        }
+      }
     },
     {
       filename: 'test.js',
@@ -306,14 +306,14 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
             'The "components" property should be above the "data" property on line 4.',
           line: 9
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -341,14 +341,14 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
             'The "components" property should be above the "data" property on line 4.',
           line: 9
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -378,14 +378,14 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
             'The "components" property should be above the "data" property on line 5.',
           line: 10
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -415,7 +415,6 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -427,7 +426,8 @@ ruleTester.run('order-in-components', rule, {
             'The "components" property should be above the "data" property on line 5.',
           line: 10
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'example.vue',
@@ -467,14 +467,14 @@ ruleTester.run('order-in-components', rule, {
           },
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 16
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -495,14 +495,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       options: [{ order: ['data', 'test', 'name'] }],
-      parserOptions,
       errors: [
         {
           message:
             'The "test" property should be above the "name" property on line 5.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -524,14 +524,14 @@ ruleTester.run('order-in-components', rule, {
           }
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 4.',
           line: 7
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -553,27 +553,27 @@ ruleTester.run('order-in-components', rule, {
           }/*test*/
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 4.',
           line: 7
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
       code: `export default {data(){},name:'burger'};`,
       output: `export default {name:'burger',data(){}};`,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 1.',
           line: 1
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects CallExpression
@@ -587,14 +587,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects NewExpression
@@ -608,14 +608,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects UpdateExpression
@@ -629,14 +629,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects AssignmentExpression
@@ -650,14 +650,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects TaggedTemplateExpression
@@ -671,14 +671,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects key
@@ -692,14 +692,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects object deep props
@@ -713,14 +713,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects array elements
@@ -734,14 +734,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects call at middle
@@ -755,14 +755,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects delete
@@ -776,14 +776,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects within BinaryExpression
@@ -797,14 +797,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects within ConditionalExpression
@@ -818,14 +818,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // side-effects within TemplateLiteral
@@ -839,14 +839,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 6
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // without side-effects
@@ -867,14 +867,14 @@ ruleTester.run('order-in-components', rule, {
           test: fn(),
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // don't side-effects
@@ -913,14 +913,14 @@ ruleTester.run('order-in-components', rule, {
           testOptionalChaining: a?.b?.c,
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 15
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -944,18 +944,20 @@ ruleTester.run('order-in-components', rule, {
           };
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: { ts: require.resolve('@typescript-eslint/parser') }
-      },
       errors: [
         {
           message:
             'The "props" property should be above the "setup" property on line 4.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: {
+          parser: { ts: require.resolve('@typescript-eslint/parser') }
+        }
+      }
     },
     {
       filename: 'example.vue',
@@ -975,15 +977,14 @@ ruleTester.run('order-in-components', rule, {
         })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "inheritAttrs" property on line 4.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     }
   ]
 })
diff --git a/tests/lib/rules/padding-line-between-blocks.js b/tests/lib/rules/padding-line-between-blocks.js
index f53461bae..e78422e87 100644
--- a/tests/lib/rules/padding-line-between-blocks.js
+++ b/tests/lib/rules/padding-line-between-blocks.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/padding-line-between-blocks')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('padding-line-between-blocks', rule, {
diff --git a/tests/lib/rules/padding-line-between-tags.js b/tests/lib/rules/padding-line-between-tags.js
index 70c7a57bb..2bb656201 100644
--- a/tests/lib/rules/padding-line-between-tags.js
+++ b/tests/lib/rules/padding-line-between-tags.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/padding-line-between-tags')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/padding-lines-in-component-definition.js b/tests/lib/rules/padding-lines-in-component-definition.js
index 7b2eda6c8..702897431 100644
--- a/tests/lib/rules/padding-lines-in-component-definition.js
+++ b/tests/lib/rules/padding-lines-in-component-definition.js
@@ -4,15 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/padding-lines-in-component-definition')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -1069,7 +1069,7 @@ tester.run('padding-lines-in-component-definition', rule, {
                 b: {
                     type: String,
                 },
-                // eslint-disable-next-line padding-lines-in-component-definition
+                // foo
                 c: {
                     type: String,
                 },
@@ -1098,7 +1098,7 @@ tester.run('padding-lines-in-component-definition', rule, {
                     type: String,
                 },
 
-                // eslint-disable-next-line padding-lines-in-component-definition
+                // foo
                 c: {
                     type: String,
                 },
diff --git a/tests/lib/rules/prefer-define-options.js b/tests/lib/rules/prefer-define-options.js
index f3d9d88b0..5b7f20e0d 100644
--- a/tests/lib/rules/prefer-define-options.js
+++ b/tests/lib/rules/prefer-define-options.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/prefer-define-options')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/prefer-import-from-vue.js b/tests/lib/rules/prefer-import-from-vue.js
index 5c87404c2..519d0a877 100644
--- a/tests/lib/rules/prefer-import-from-vue.js
+++ b/tests/lib/rules/prefer-import-from-vue.js
@@ -4,11 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/prefer-import-from-vue')
 
 const tester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/prefer-prop-type-boolean-first.js b/tests/lib/rules/prefer-prop-type-boolean-first.js
index 1c66f8417..e01759450 100644
--- a/tests/lib/rules/prefer-prop-type-boolean-first.js
+++ b/tests/lib/rules/prefer-prop-type-boolean-first.js
@@ -4,15 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/prefer-prop-type-boolean-first')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/prefer-separate-static-class.js b/tests/lib/rules/prefer-separate-static-class.js
index 498fc90dd..5b5a508ac 100644
--- a/tests/lib/rules/prefer-separate-static-class.js
+++ b/tests/lib/rules/prefer-separate-static-class.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/prefer-separate-static-class')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/prefer-template.js b/tests/lib/rules/prefer-template.js
index e35fa6d1f..0c4b3366b 100644
--- a/tests/lib/rules/prefer-template.js
+++ b/tests/lib/rules/prefer-template.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/prefer-template')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('prefer-template', rule, {
diff --git a/tests/lib/rules/prefer-true-attribute-shorthand.js b/tests/lib/rules/prefer-true-attribute-shorthand.js
index 0bad5c173..342b0246c 100644
--- a/tests/lib/rules/prefer-true-attribute-shorthand.js
+++ b/tests/lib/rules/prefer-true-attribute-shorthand.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/prefer-true-attribute-shorthand')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index d3ba65936..0ec845938 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -6,9 +6,9 @@
 
 const semver = require('semver')
 const rule = require('../../../lib/rules/prop-name-casing')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -23,7 +23,7 @@ ruleTester.run('prop-name-casing', rule, {
           props: ['greetingText']
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -32,7 +32,7 @@ ruleTester.run('prop-name-casing', rule, {
           props: some_props
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -43,7 +43,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -53,7 +53,7 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -63,7 +63,7 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -74,7 +74,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -86,7 +86,7 @@ ruleTester.run('prop-name-casing', rule, {
       }
       `,
       options: ['camelCase'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -98,7 +98,7 @@ ruleTester.run('prop-name-casing', rule, {
       }
       `,
       options: ['snake_case'],
-      parserOptions
+      languageOptions
     },
     {
       // computed property name
@@ -110,7 +110,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // computed property name
@@ -122,7 +122,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // TemplateLiteral computed property does not warn
@@ -134,7 +134,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // shorthand
@@ -146,7 +146,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // valiable computed property name does not warn
@@ -158,7 +158,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // valiable computed property name does not warn
@@ -170,7 +170,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // BinaryExpression computed property name does not warn
@@ -182,7 +182,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // CallExpression computed property name does not warn
@@ -194,7 +194,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // ThisExpression computed property name does not warn
@@ -206,7 +206,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // ArrayExpression computed property name does not warn
@@ -218,7 +218,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // number Literal computed property name
@@ -230,7 +230,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // boolean Literal computed property name
@@ -242,7 +242,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // null Literal computed property name
@@ -254,7 +254,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // Japanese characters
@@ -266,7 +266,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // emoji
@@ -278,7 +278,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // #862
@@ -290,7 +290,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       // #932
@@ -302,7 +302,7 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -314,7 +314,7 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -325,8 +325,10 @@ ruleTester.run('prop-name-casing', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -335,8 +337,10 @@ ruleTester.run('prop-name-casing', rule, {
       defineProps(['greetingText'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -348,10 +352,12 @@ ruleTester.run('prop-name-casing', rule, {
       defineProps<Props>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -366,14 +372,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -385,14 +391,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -402,14 +408,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Literal',
           line: 3
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -421,14 +427,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
-      parserOptions,
       errors: [
         {
           message: 'Prop "greetingText" is not in snake_case.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -440,14 +446,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -459,14 +465,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in snake_case.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -477,14 +483,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // computed property name
@@ -496,14 +502,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // shorthand
@@ -515,14 +521,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -533,14 +539,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Prop "abc-123-def" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       // Parentheses computed property name
@@ -552,14 +558,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -570,8 +576,8 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
-      errors: ['Prop "_item" is not in camelCase.']
+      errors: ['Prop "_item" is not in camelCase.'],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -583,8 +589,8 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
-      parserOptions,
-      errors: ['Prop "_itemName" is not in snake_case.']
+      errors: ['Prop "_itemName" is not in snake_case.'],
+      languageOptions
     },
     {
       // TemplateLiteral computed property
@@ -596,8 +602,8 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
-      errors: ['Prop "greeting-text" is not in camelCase.']
+      errors: ['Prop "greeting-text" is not in camelCase.'],
+      languageOptions
     },
     {
       // RegExp Literal computed property name
@@ -609,8 +615,8 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      parserOptions,
-      errors: ['Prop "/greeting-text/" is not in camelCase.']
+      errors: ['Prop "/greeting-text/" is not in camelCase.'],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -621,14 +627,16 @@ ruleTester.run('prop-name-casing', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -637,14 +645,16 @@ ruleTester.run('prop-name-casing', rule, {
       defineProps(['greeting_text'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
@@ -662,10 +672,12 @@ ruleTester.run('prop-name-casing', rule, {
             defineProps<Props>()
             </script>
             `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
-              ...parserOptions,
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
+              ...languageOptions,
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             errors: [
               {
diff --git a/tests/lib/rules/quote-props.js b/tests/lib/rules/quote-props.js
index 378affe72..9d5caa890 100644
--- a/tests/lib/rules/quote-props.js
+++ b/tests/lib/rules/quote-props.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/quote-props')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/require-component-is.js b/tests/lib/rules/require-component-is.js
index 081b0baa7..e4de51629 100644
--- a/tests/lib/rules/require-component-is.js
+++ b/tests/lib/rules/require-component-is.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-component-is')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('require-component-is', rule, {
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index abb1fcb37..97aea4919 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -6,13 +6,13 @@
 
 const semver = require('semver')
 const rule = require('../../../lib/rules/require-default-prop')
-const RuleTester = require('eslint').RuleTester
-const parserOptions = {
+const RuleTester = require('../../eslint-compat').RuleTester
+const languageOptions = {
   ecmaVersion: 2020,
   sourceType: 'module'
 }
 
-const ruleTester = new RuleTester({ parserOptions })
+const ruleTester = new RuleTester({ languageOptions })
 ruleTester.run('require-default-prop', rule, {
   valid: [
     {
@@ -54,8 +54,6 @@ ruleTester.run('require-default-prop', rule, {
             },
             i: Boolean,
             j: [Boolean],
-            // eslint-disable-next-line require-default-prop
-            k: Number
           }
         }
       `
@@ -118,7 +116,10 @@ ruleTester.run('require-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser')
+
+      languageOptions: {
+        parser: require('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -132,7 +133,9 @@ ruleTester.run('require-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -180,7 +183,7 @@ ruleTester.run('require-default-prop', rule, {
       export default {
         props: ['foo']
       }`,
-      parserOptions
+      languageOptions
     },
 
     // sparse array
@@ -209,8 +212,10 @@ ruleTester.run('require-default-prop', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -219,8 +224,10 @@ ruleTester.run('require-default-prop', rule, {
       defineProps(['foo'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     {
       filename: 'test.vue',
@@ -232,10 +239,12 @@ ruleTester.run('require-default-prop', rule, {
       defineProps<Props>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -248,10 +257,10 @@ ruleTester.run('require-default-prop', rule, {
       withDefaults(defineProps<Props>(), {foo:42})
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     {
@@ -268,10 +277,10 @@ ruleTester.run('require-default-prop', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     {
@@ -298,10 +307,10 @@ ruleTester.run('require-default-prop', rule, {
       });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     {
@@ -315,10 +324,10 @@ ruleTester.run('require-default-prop', rule, {
       const props = defineProps<Props>();
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ...parserOptions,
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     }
   ],
@@ -383,13 +392,15 @@ ruleTester.run('require-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           message: `Prop 'a' requires default value to be set.`,
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('@typescript-eslint/parser')
+      }
     },
     {
       filename: 'test.vue',
@@ -402,13 +413,13 @@ ruleTester.run('require-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           message: `Prop 'a' requires default value to be set.`,
           line: 4
         }
-      ]
+      ],
+      languageOptions: { parser: require('@typescript-eslint/parser') }
     },
 
     // computed properties
@@ -522,14 +533,16 @@ ruleTester.run('require-default-prop', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions,
       errors: [
         {
           message: "Prop 'foo' requires default value to be set.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
@@ -547,10 +560,12 @@ ruleTester.run('require-default-prop', rule, {
             withDefaults(defineProps<Props>(), {bar:42})
             </script>
             `,
-            parser: require.resolve('vue-eslint-parser'),
-            parserOptions: {
-              ...parserOptions,
-              parser: require.resolve('@typescript-eslint/parser')
+            languageOptions: {
+              parser: require('vue-eslint-parser'),
+              ...languageOptions,
+              parserOptions: {
+                parser: require.resolve('@typescript-eslint/parser')
+              }
             },
             errors: [
               {
diff --git a/tests/lib/rules/require-direct-export.js b/tests/lib/rules/require-direct-export.js
index bf25849df..cec06c7a0 100644
--- a/tests/lib/rules/require-direct-export.js
+++ b/tests/lib/rules/require-direct-export.js
@@ -5,13 +5,15 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-direct-export')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
-    ecmaFeatures: { jsx: true }
+    parserOptions: {
+      ecmaFeatures: { jsx: true }
+    }
   }
 })
 ruleTester.run('require-direct-export', rule, {
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index d539b55ea..0a509a6c1 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -9,7 +9,7 @@ const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester()
 ruleTester.run('require-emit-validator', rule, {
@@ -25,7 +25,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 2018, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -36,7 +36,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -49,7 +49,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -60,7 +60,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -71,7 +71,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -80,7 +80,7 @@ ruleTester.run('require-emit-validator', rule, {
           emits
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -89,7 +89,7 @@ ruleTester.run('require-emit-validator', rule, {
           emits: externalEmits
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -98,7 +98,7 @@ ruleTester.run('require-emit-validator', rule, {
           emits: []
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -107,7 +107,7 @@ ruleTester.run('require-emit-validator', rule, {
           emits: {}
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -118,8 +118,11 @@ ruleTester.run('require-emit-validator', rule, {
           }
         })
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -132,8 +135,11 @@ ruleTester.run('require-emit-validator', rule, {
           },
         })
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -145,7 +151,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -157,7 +163,7 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -166,11 +172,11 @@ ruleTester.run('require-emit-validator', rule, {
       const emit = defineEmits<(e: 'foo')=>void>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     {
@@ -191,7 +197,6 @@ ruleTester.run('require-emit-validator', rule, {
           emits: ['foo', bar, \`baz\`, foo()]
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
@@ -213,7 +218,8 @@ ruleTester.run('require-emit-validator', rule, {
           data: { name: 'Unknown emit' },
           line: 3
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.js',
@@ -222,7 +228,6 @@ ruleTester.run('require-emit-validator', rule, {
           emits: ['foo', bar, \`baz\`, foo()]
         })
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
@@ -244,7 +249,8 @@ ruleTester.run('require-emit-validator', rule, {
           data: { name: 'Unknown emit' },
           line: 3
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -254,7 +260,6 @@ ruleTester.run('require-emit-validator', rule, {
             foo: null
           }
         }`,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'skipped',
@@ -272,7 +277,8 @@ ruleTester.run('require-emit-validator', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -283,7 +289,6 @@ ruleTester.run('require-emit-validator', rule, {
             bar: (payload) => {}
           }
         }`,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'skipped',
@@ -302,7 +307,8 @@ ruleTester.run('require-emit-validator', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -315,14 +321,14 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
           data: { name: 'foo' },
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -333,15 +339,18 @@ ruleTester.run('require-emit-validator', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
           data: { name: 'foo' },
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -350,18 +359,18 @@ ruleTester.run('require-emit-validator', rule, {
       const emit = defineEmits(['foo'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module'
-      },
       errors: [
         {
           messageId: 'missing',
           data: { name: 'foo' },
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -370,18 +379,18 @@ ruleTester.run('require-emit-validator', rule, {
       const emit = defineEmits({foo:null})
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module'
-      },
       errors: [
         {
           messageId: 'skipped',
           data: { name: 'foo' },
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 89ae47627..83af984ed 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -4,15 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-explicit-emits')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -434,7 +434,9 @@ tester.run('require-explicit-emits', rule, {
       }>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -446,7 +448,9 @@ tester.run('require-explicit-emits', rule, {
       defineEmits<(e: 'foo') => void>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -459,7 +463,9 @@ tester.run('require-explicit-emits', rule, {
       defineEmits<(e: 'foo' | 'bar') => void>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -472,7 +478,9 @@ tester.run('require-explicit-emits', rule, {
       const emit = defineEmits<(e: 'foo' | 'bar') => void>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
 
     // unknown emits definition
@@ -620,7 +628,9 @@ tester.run('require-explicit-emits', rule, {
       emit('bar', 42)
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       // new syntax in Vue 3.3
@@ -633,7 +643,9 @@ tester.run('require-explicit-emits', rule, {
       emit('bar', 42)
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       code: `
@@ -1847,14 +1859,16 @@ emits: {'foo': null}
       }>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -1866,14 +1880,16 @@ emits: {'foo': null}
       defineEmits<(e: 'foo') => void>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -1901,14 +1917,16 @@ emits: {'foo': null}
       emit('bar')
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -1949,14 +1967,16 @@ emits: {'foo': null}
       emit('bar')
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       // new syntax in Vue 3.3
@@ -1969,14 +1989,16 @@ emits: {'foo': null}
       emit('bar')
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 6
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       code: `
@@ -2007,14 +2029,16 @@ emits: {'foo': null}
       const emit = defineEmits<(e: 'foo') => void>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-slots.js b/tests/lib/rules/require-explicit-slots.js
index 1849ea9a1..91ce0ce0b 100644
--- a/tests/lib/rules/require-explicit-slots.js
+++ b/tests/lib/rules/require-explicit-slots.js
@@ -4,15 +4,17 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-explicit-slots')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    parser: require.resolve('@typescript-eslint/parser'),
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
-    sourceType: 'module'
+    sourceType: 'module',
+    parserOptions: {
+      parser: require.resolve('@typescript-eslint/parser')
+    }
   }
 })
 
@@ -126,8 +128,10 @@ tester.run('require-explicit-slots', rule, {
       </template>
       <script setup>
       </script>`,
-      parserOptions: {
-        parser: null
+      languageOptions: {
+        parserOptions: {
+          parser: null
+        }
       }
     }
   ],
diff --git a/tests/lib/rules/require-expose.js b/tests/lib/rules/require-expose.js
index 76932cd95..4e0d54738 100644
--- a/tests/lib/rules/require-expose.js
+++ b/tests/lib/rules/require-expose.js
@@ -5,11 +5,11 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-expose')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/require-macro-variable-name.js b/tests/lib/rules/require-macro-variable-name.js
index ed99a64e5..3a37d5c1d 100644
--- a/tests/lib/rules/require-macro-variable-name.js
+++ b/tests/lib/rules/require-macro-variable-name.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-macro-variable-name')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/require-name-property.js b/tests/lib/rules/require-name-property.js
index 19f5b7c6d..fe0357a30 100644
--- a/tests/lib/rules/require-name-property.js
+++ b/tests/lib/rules/require-name-property.js
@@ -5,9 +5,9 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-name-property')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -22,7 +22,7 @@ ruleTester.run('require-name-property', rule, {
           name: 'IssaName'
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'ValidComponent.vue',
@@ -31,7 +31,7 @@ ruleTester.run('require-name-property', rule, {
           name: undefined
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'ValidComponent.vue',
@@ -40,7 +40,7 @@ ruleTester.run('require-name-property', rule, {
           name: ''
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       code: `
@@ -50,7 +50,7 @@ ruleTester.run('require-name-property', rule, {
           }
         })
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -62,8 +62,10 @@ ruleTester.run('require-name-property', rule, {
       <script setup>
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ],
 
@@ -74,7 +76,6 @@ ruleTester.run('require-name-property', rule, {
         export default {
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -90,7 +91,8 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'InvalidComponent.vue',
@@ -98,7 +100,6 @@ ruleTester.run('require-name-property', rule, {
         export default defineComponent({
         })
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -114,14 +115,14 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'InvalidComponent.vue',
       code: `
         export default defineComponent({ })
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -137,14 +138,14 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'InvalidComponent.vue',
       code: `
         export default { }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -160,7 +161,8 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'InvalidComponent.vue',
@@ -169,7 +171,6 @@ ruleTester.run('require-name-property', rule, {
         nameNot: 'IssaNameNot'
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -186,7 +187,8 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'InvalidComponent.vue',
@@ -195,7 +197,6 @@ ruleTester.run('require-name-property', rule, {
           nameNot: 'IssaNameNot'
         })
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -212,7 +213,8 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
 
     {
@@ -224,7 +226,6 @@ ruleTester.run('require-name-property', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -243,7 +244,8 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'InvalidComponent.vue',
@@ -252,7 +254,6 @@ ruleTester.run('require-name-property', rule, {
           [name]: 'IssaName'
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -269,7 +270,8 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-comment.js b/tests/lib/rules/require-prop-comment.js
index 3863abc3d..f2ee24ee9 100644
--- a/tests/lib/rules/require-prop-comment.js
+++ b/tests/lib/rules/require-prop-comment.js
@@ -4,15 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-prop-comment')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -89,8 +89,10 @@ tester.run('require-prop-comment', rule, {
       const props = defineProps<PropType>()
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -261,16 +263,18 @@ tester.run('require-prop-comment', rule, {
       const props = defineProps<PropType>()
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           line: 4,
           column: 9,
           message: 'The "a" property should have a JSDoc comment.'
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index a4d6766df..acd098634 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -8,10 +8,10 @@ const rule = require('../../../lib/rules/require-prop-type-constructor')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
   }
@@ -224,13 +224,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           message: 'The "a" property should be a constructor.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: { parser: require('@typescript-eslint/parser') }
     },
     {
       filename: 'ExtraCommas.vue',
@@ -248,13 +248,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
       errors: [
         {
           message: 'The "name" property should be a constructor.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { parser: require('@typescript-eslint/parser') }
     },
     {
       filename: 'LiteralsComponent.vue',
@@ -381,13 +381,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message: 'The "a" property should be a constructor.',
           line: 5
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index f50b4b116..bf38d9fd7 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -9,7 +9,7 @@ const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester()
 ruleTester.run('require-prop-types', rule, {
@@ -25,7 +25,7 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 2018, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 2018, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -36,7 +36,7 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -49,7 +49,7 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -62,7 +62,7 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -75,7 +75,7 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -88,7 +88,7 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -97,7 +97,7 @@ ruleTester.run('require-prop-types', rule, {
           props
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -106,7 +106,7 @@ ruleTester.run('require-prop-types', rule, {
           props: externalProps
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -115,7 +115,7 @@ ruleTester.run('require-prop-types', rule, {
           props: []
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -124,7 +124,7 @@ ruleTester.run('require-prop-types', rule, {
           props: {}
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -137,8 +137,11 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -151,8 +154,11 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -163,8 +169,11 @@ ruleTester.run('require-prop-types', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -173,11 +182,13 @@ ruleTester.run('require-prop-types', rule, {
       defineProps<{foo:string}>()
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -196,7 +207,7 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel('foo', {type:String})
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       // defineModel
@@ -206,7 +217,7 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel('foo', String)
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       code: `
@@ -215,11 +226,13 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel<string>('foo')
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     }
   ],
@@ -232,7 +245,6 @@ ruleTester.run('require-prop-types', rule, {
           props: ['foo', bar, \`baz\`, foo()]
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -250,7 +262,8 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "Unknown prop" should define at least its type.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.js',
@@ -259,7 +272,6 @@ ruleTester.run('require-prop-types', rule, {
           props: ['foo', bar, \`baz\`, foo()]
         })
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -277,7 +289,8 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "Unknown prop" should define at least its type.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -289,13 +302,13 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -308,13 +321,13 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -325,13 +338,13 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -342,14 +355,17 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -360,14 +376,17 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -378,14 +397,17 @@ ruleTester.run('require-prop-types', rule, {
       })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -394,14 +416,17 @@ ruleTester.run('require-prop-types', rule, {
       defineProps(['foo'])
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       // defineModel
@@ -411,7 +436,6 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel('foo')
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message: 'Prop "modelValue" should define at least its type.',
@@ -421,7 +445,8 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       // defineModel
@@ -431,7 +456,6 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel('foo',{})
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           message: 'Prop "modelValue" should define at least its type.',
@@ -441,7 +465,8 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     }
   ]
 })
diff --git a/tests/lib/rules/require-render-return.js b/tests/lib/rules/require-render-return.js
index bae823e5e..44da6b083 100644
--- a/tests/lib/rules/require-render-return.js
+++ b/tests/lib/rules/require-render-return.js
@@ -5,12 +5,14 @@
 'use strict'
 
 const rule = require('../../../lib/rules/require-render-return')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module',
-  ecmaFeatures: { jsx: true }
+  parserOptions: {
+    ecmaFeatures: { jsx: true }
+  }
 }
 
 const ruleTester = new RuleTester()
@@ -23,7 +25,7 @@ ruleTester.run('require-render-return', rule, {
           return {}
         }
       })`,
-      parserOptions
+      languageOptions
     },
     {
       code: `Vue.component('test', {
@@ -31,19 +33,19 @@ ruleTester.run('require-render-return', rule, {
           return {}
         }
       })`,
-      parserOptions
+      languageOptions
     },
     {
       code: `Vue.component('test', {
         foo: {}
       })`,
-      parserOptions
+      languageOptions
     },
     {
       code: `Vue.component('test', {
         render: foo
       })`,
-      parserOptions
+      languageOptions
     },
     {
       code: `Vue.component('test', {
@@ -51,7 +53,7 @@ ruleTester.run('require-render-return', rule, {
           return <div></div>
         }
       })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -60,7 +62,7 @@ ruleTester.run('require-render-return', rule, {
           return {}
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -70,7 +72,7 @@ ruleTester.run('require-render-return', rule, {
           return foo
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -90,14 +92,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `export default {
         render: () => null
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -110,7 +112,7 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -123,7 +125,7 @@ ruleTester.run('require-render-return', rule, {
           return h('div', options)
         }
       }`,
-      parserOptions
+      languageOptions
     }
   ],
 
@@ -134,14 +136,14 @@ ruleTester.run('require-render-return', rule, {
         render() {
         }
       }`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -152,14 +154,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       }`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ]
+      ],
+      languageOptions
     },
     {
       code: `Vue.component('test', {
@@ -169,14 +171,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ]
+      ],
+      languageOptions
     },
     {
       code: `app.component('test', {
@@ -186,14 +188,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ]
+      ],
+      languageOptions
     },
     {
       code: `Vue.component('test2', {
@@ -203,14 +205,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ]
+      ],
+      languageOptions
     },
     {
       code: `Vue.component('test2', {
@@ -222,14 +224,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/require-slots-as-functions.js b/tests/lib/rules/require-slots-as-functions.js
index 0fe18f828..54e86b527 100644
--- a/tests/lib/rules/require-slots-as-functions.js
+++ b/tests/lib/rules/require-slots-as-functions.js
@@ -6,11 +6,14 @@
 
 const rule = require('../../../lib/rules/require-slots-as-functions')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('require-slots-as-functions', rule, {
   valid: [
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 18a33aa3e..815f5de3d 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-toggle-inside-transition')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('require-toggle-inside-transition', rule, {
diff --git a/tests/lib/rules/require-typed-object-prop.js b/tests/lib/rules/require-typed-object-prop.js
index f574e82d8..3d8d3e58b 100644
--- a/tests/lib/rules/require-typed-object-prop.js
+++ b/tests/lib/rules/require-typed-object-prop.js
@@ -4,10 +4,14 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-typed-object-prop')
 
-const ruleTester = new RuleTester()
+const ruleTester = new RuleTester({
+  languageOptions: {
+    parser: require('@typescript-eslint/parser')
+  }
+})
 
 ruleTester.run('require-typed-object-prop', rule, {
   valid: [
@@ -19,7 +23,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: {}
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -28,7 +32,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: {}
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -37,8 +41,11 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({});
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     // array props
     {
@@ -48,7 +55,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: ['foo']
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -57,7 +64,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: ['foo']
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -66,8 +73,11 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps(['foo']);
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     // primitive props
     {
@@ -77,7 +87,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: String }
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -86,7 +96,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: String }
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -95,8 +105,11 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: String });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     // union
     {
@@ -106,7 +119,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: [Number, String, Boolean] }
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -115,7 +128,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: [Number, String, Boolean] }
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -124,8 +137,11 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: [Number, String, Boolean] });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     // function
     {
@@ -135,7 +151,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: someFunction() }
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -144,7 +160,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: someFunction() }
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -153,8 +169,11 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: someFunction() });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     // typed object
     {
@@ -164,8 +183,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object as PropType<User> }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -174,8 +192,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Array as PropType<User[]> }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -184,8 +201,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object as PropType<User> }
       });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -194,11 +210,13 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Object as PropType<User> });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
 
@@ -209,11 +227,10 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object as () => User }
       }
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: {
+      languageOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parser: require('@typescript-eslint/parser')
       }
     },
     {
@@ -223,11 +240,10 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object as () => User }
       });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: {
+      languageOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parser: require('@typescript-eslint/parser')
       }
     },
     {
@@ -237,11 +253,13 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Object as () => User });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     // any
@@ -252,11 +270,13 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object as any } });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -270,11 +290,13 @@ ruleTester.run('require-typed-object-prop', rule, {
         };
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -288,11 +310,11 @@ ruleTester.run('require-typed-object-prop', rule, {
         });
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     // unknown
@@ -303,11 +325,11 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object as unknown } });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     {
@@ -321,11 +343,11 @@ ruleTester.run('require-typed-object-prop', rule, {
         };
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     },
     {
@@ -339,11 +361,11 @@ ruleTester.run('require-typed-object-prop', rule, {
         });
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
     }
   ],
@@ -355,8 +377,6 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Object });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -385,7 +405,15 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -394,8 +422,6 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Array });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -424,7 +450,15 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       filename: 'test.vue',
@@ -433,7 +467,6 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object }
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -462,7 +495,8 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -471,7 +505,6 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object }
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -500,7 +533,8 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -509,7 +543,6 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: { type: Object } }
       });
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -538,7 +571,8 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -547,7 +581,6 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: { type: Object } }
       }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -576,7 +609,8 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -585,8 +619,6 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object } });
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -615,7 +647,15 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ]
 })
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 3da293b9a..6e8797943 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-typed-ref')
 
 const tester = new RuleTester({
-  parser: require.resolve('@typescript-eslint/parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('@typescript-eslint/parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 // Note: Need to specify filename for each test,
@@ -81,7 +84,7 @@ tester.run('require-typed-ref', rule, {
           const count = ref()
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser')
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.js',
@@ -203,7 +206,6 @@ tester.run('require-typed-ref', rule, {
           const count = ref()
         </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
       errors: [
         {
           messageId: 'noType',
@@ -212,7 +214,8 @@ tester.run('require-typed-ref', rule, {
           endLine: 4,
           endColumn: 30
         }
-      ]
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
     },
     {
       filename: 'test.ts',
diff --git a/tests/lib/rules/require-v-for-key.js b/tests/lib/rules/require-v-for-key.js
index 91a83732f..dfcfbd3e9 100644
--- a/tests/lib/rules/require-v-for-key.js
+++ b/tests/lib/rules/require-v-for-key.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-v-for-key')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('require-v-for-key', rule, {
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 1e6f7cd7a..a8e5cfbef 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -8,12 +8,14 @@ const rule = require('../../../lib/rules/require-valid-default-prop')
 const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2020,
   sourceType: 'module',
-  ecmaFeatures: { jsx: true }
+  parserOptions: {
+    ecmaFeatures: { jsx: true }
+  }
 }
 
 function errorMessage(type) {
@@ -43,21 +45,21 @@ ruleTester.run('require-valid-default-prop', rule, {
         ...foo,
         props: { ...foo }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `export default {
         props: { foo: null }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `export default {
         props: ['foo']
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -69,7 +71,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -108,7 +110,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           foo: { type: Object, default () { return Foo } },
         }
       })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -122,8 +124,11 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' }
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -137,7 +142,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -151,7 +156,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -163,7 +168,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -175,7 +180,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
 
     // sparse array
@@ -189,7 +194,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -201,7 +206,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -214,9 +219,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -229,9 +237,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -244,9 +255,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1853
@@ -264,11 +278,13 @@ ruleTester.run('require-valid-default-prop', rule, {
         num: 1
       });
       </script>`,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -302,8 +318,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number or string')
+      errors: errorMessage('number or string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -315,8 +331,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number or function')
+      errors: errorMessage('number or function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -328,8 +344,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number')
+      errors: errorMessage('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -341,8 +357,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number')
+      errors: errorMessage('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -354,8 +370,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number')
+      errors: errorMessage('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -367,8 +383,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number')
+      errors: errorMessage('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -380,8 +396,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('string')
+      errors: errorMessage('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -393,8 +409,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('string')
+      errors: errorMessage('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -406,8 +422,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('string')
+      errors: errorMessage('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -419,8 +435,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('boolean')
+      errors: errorMessage('boolean'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -432,8 +448,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('boolean')
+      errors: errorMessage('boolean'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -445,8 +461,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('boolean')
+      errors: errorMessage('boolean'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -458,8 +474,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('boolean')
+      errors: errorMessage('boolean'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -471,8 +487,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -484,8 +500,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -497,8 +513,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -510,8 +526,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -523,8 +539,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -536,8 +552,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -549,8 +565,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -562,8 +578,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -575,8 +591,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -588,8 +604,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -601,8 +617,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function or number')
+      errors: errorMessage('function or number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -614,9 +630,13 @@ ruleTester.run('require-valid-default-prop', rule, {
           } as PropOptions<object>
         }
       });`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function or number')
+
+      errors: errorMessage('function or number'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
 
     {
@@ -637,7 +657,6 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
       errors: [
         {
           message: `Type of the default value for 'foo' prop must be a function.`,
@@ -651,7 +670,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           message: `Type of the default value for '[baz]' prop must be a function.`,
           line: 13
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -663,8 +683,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('string')
+      errors: errorMessage('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -678,8 +698,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessageForFunction('number')
+      errors: errorMessageForFunction('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -693,8 +713,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessageForFunction('object')
+      errors: errorMessageForFunction('object'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -708,8 +728,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessageForFunction('string')
+      errors: errorMessageForFunction('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -723,8 +743,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessageForFunction('number')
+      errors: errorMessageForFunction('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -738,8 +758,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessageForFunction('object')
+      errors: errorMessageForFunction('object'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -753,8 +773,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessageForFunction('string')
+      errors: errorMessageForFunction('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -766,8 +786,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('number')
+      errors: errorMessage('number'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -779,8 +799,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('object')
+      errors: errorMessage('object'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -792,8 +812,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('string')
+      errors: errorMessage('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -805,8 +825,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -831,7 +851,6 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
       errors: [
         {
           message:
@@ -848,7 +867,8 @@ ruleTester.run('require-valid-default-prop', rule, {
             "Type of the default value for 'foo' prop must be a string or boolean.",
           line: 11
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -860,8 +880,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      parserOptions,
-      errors: errorMessage('string')
+      errors: errorMessage('string'),
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -874,9 +894,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -889,9 +912,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -904,9 +930,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
-      errors: errorMessage('function')
+      errors: errorMessage('function'),
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -920,14 +949,17 @@ ruleTester.run('require-valid-default-prop', rule, {
         })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: "Type of the default value for 'foo' prop must be a string.",
           line: 6
         }
-      ]
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      }
     },
     {
       filename: 'test.vue',
@@ -938,18 +970,20 @@ ruleTester.run('require-valid-default-prop', rule, {
         })
       </script>
       `,
-      parser: require.resolve('vue-eslint-parser'),
-      parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parser: require.resolve('@typescript-eslint/parser')
-      },
       errors: [
         {
           message: "Type of the default value for 'foo' prop must be a string.",
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     },
     {
       code: `
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index 71afcc3eb..ca15503ae 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -6,9 +6,9 @@
 
 const rule = require('../../../lib/rules/return-in-computed-property')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 6,
   sourceType: 'module'
 }
@@ -45,7 +45,7 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -62,7 +62,7 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -79,7 +79,7 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -95,7 +95,7 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: false }],
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -128,7 +128,7 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -145,7 +145,7 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: false }],
-      parserOptions
+      languageOptions
     }
   ],
 
@@ -160,13 +160,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -178,13 +178,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -199,13 +199,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
     },
     {
       filename: 'test.vue',
@@ -221,13 +221,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 7
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -243,13 +243,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -265,13 +265,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: false }],
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -285,13 +285,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: true }],
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -306,14 +306,14 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
             'Expected to return a value in "my_FALSE_test" computed property.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -341,7 +341,6 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in computed function.',
@@ -363,7 +362,8 @@ ruleTester.run('return-in-computed-property', rule, {
           message: 'Expected to return a value in computed function.',
           line: 16
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -379,13 +379,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: false }],
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in computed function.',
           line: 5
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -396,13 +396,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       }`,
-      parserOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/return-in-emits-validator.js b/tests/lib/rules/return-in-emits-validator.js
index c72392bda..235ade8d7 100644
--- a/tests/lib/rules/return-in-emits-validator.js
+++ b/tests/lib/rules/return-in-emits-validator.js
@@ -9,11 +9,14 @@ const {
   getTypeScriptFixtureTestOptions
 } = require('../../test-utils/typescript')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 ruleTester.run('return-in-emits-validator', rule, {
   valid: [
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 3013b13e6..c664b154d 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -8,7 +8,7 @@
 const fs = require('fs')
 const path = require('path')
 const semver = require('semver')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/script-indent')
 
 const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/script-indent/')
@@ -39,10 +39,8 @@ function loadPatterns(additionalValid, additionalInvalid) {
       if ('parser' in baseObj) {
         baseObj.parser = require.resolve(baseObj.parser)
       }
-      if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
-        baseObj.parserOptions.parser = require.resolve(
-          baseObj.parserOptions.parser
-        )
+      if ('languageOptions' in baseObj && 'parser' in baseObj.languageOptions) {
+        baseObj.languageOptions.parser = require(baseObj.languageOptions.parser)
       }
       return Object.assign(baseObj, { code, filename })
     })
@@ -117,11 +115,13 @@ function unIndent(strings) {
 }
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2022,
     sourceType: 'module',
-    parser: require.resolve('espree') // espree v8.0.0-beta.x
+    parserOptions: {
+      parser: require.resolve('espree') // espree v8.0.0-beta.x
+    }
   }
 })
 
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index 93f20d551..f903a3f9b 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -5,24 +5,27 @@
  */
 'use strict'
 
-const eslint = require('eslint')
+const eslint = require('../../eslint-compat')
 const rule = require('../../../lib/rules/script-setup-uses-vars')
-const ruleNoUnusedVars = new (require('eslint').Linter)()
-  .getRules()
-  .get('no-unused-vars')
+const { getCoreRule } = require('../../../lib/utils')
+const ruleNoUnusedVars = getCoreRule('no-unused-vars')
 
 const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 6,
     sourceType: 'module'
+  },
+  plugins: {
+    vue: {
+      rules: {
+        'script-setup-uses-vars': rule
+      }
+    }
   }
 })
 
-const linter = ruleTester.linter || eslint.linter
-linter.defineRule('script-setup-uses-vars', rule)
-
 ruleTester.run('script-setup-uses-vars', rule, {
   // Visually check that there are no warnings in the console.
   valid: [
@@ -45,7 +48,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           // imported components are also directly usable in template
           import Foo from './Foo.vue'
           import { ref } from 'vue'
@@ -67,7 +70,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           const msg = 'Hello!'
         </script>
 
@@ -80,7 +83,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import Foo from './Foo.vue'
           import MyComponent from './MyComponent.vue'
         </script>
@@ -96,7 +99,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import Foo from './Foo.vue'
           import Bar from './Bar.vue'
         </script>
@@ -111,7 +114,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import { directive as vClickOutside } from 'v-click-outside'
         </script>
 
@@ -126,7 +129,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import FooPascalCase from './component.vue'
           import BarPascalCase from './component.vue'
           import BazPascalCase from './component.vue'
@@ -143,7 +146,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import fooCamelCase from './component.vue'
           import barCamelCase from './component.vue'
         </script>
@@ -160,7 +163,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           const post = await fetch(\`/api/post/1\`).then((r) => r.json())
         </script>
 
@@ -168,7 +171,7 @@ describe('script-setup-uses-vars', () => {
           {{post}}
         </template>
         `,
-        parserOptions: {
+        languageOptions: {
           ecmaVersion: 2022,
           sourceType: 'module'
         }
@@ -179,7 +182,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import {ref} from 'vue'
           const v = ref(null)
         </script>
@@ -195,7 +198,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           const color = 'red'
           const font = { size: '2em' }
         </script>
@@ -213,7 +216,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-        /* eslint script-setup-uses-vars: 1 */
+        /* eslint vue/script-setup-uses-vars: 1 */
         import * as Form from './form-components'
         </script>
 
@@ -231,7 +234,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           // imported components are also directly usable in template
           import Foo from './Foo.vue'
           import Bar from './Bar.vue'
@@ -271,7 +274,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           import camelCase from './component.vue'
         </script>
 
@@ -292,7 +295,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           if (a) {
             const msg = 'Hello!'
           }
@@ -313,7 +316,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           const i = 42
           const list = [1,2,3]
         </script>
@@ -335,7 +338,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           const msg = 'Hello!'
         </script>
 
@@ -356,7 +359,7 @@ describe('script-setup-uses-vars', () => {
         filename: 'test.vue',
         code: `
         <script setup>
-          /* eslint script-setup-uses-vars: 1 */
+          /* eslint vue/script-setup-uses-vars: 1 */
           const color = 'red'
         </script>
 
diff --git a/tests/lib/rules/singleline-html-element-content-newline.js b/tests/lib/rules/singleline-html-element-content-newline.js
index c93e96e42..52c01392b 100644
--- a/tests/lib/rules/singleline-html-element-content-newline.js
+++ b/tests/lib/rules/singleline-html-element-content-newline.js
@@ -4,13 +4,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/singleline-html-element-content-newline')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2015
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('singleline-html-element-content-newline', rule, {
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
index 83e59cc41..4a40f1e67 100644
--- a/tests/lib/rules/sort-keys.js
+++ b/tests/lib/rules/sort-keys.js
@@ -5,11 +5,11 @@
 'use strict'
 
 const rule = require('../../../lib/rules/sort-keys')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester()
 
-const parserOptions = {
+const languageOptions = {
   ecmaVersion: 2018,
   sourceType: 'module'
 }
@@ -28,7 +28,7 @@ ruleTester.run('sort-keys', rule, {
           }
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
@@ -46,7 +46,7 @@ ruleTester.run('sort-keys', rule, {
           },
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'propsOrder.vue',
@@ -69,21 +69,21 @@ ruleTester.run('sort-keys', rule, {
           },
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `
         export default {}
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.vue',
       code: `
         export default 'example-text'
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.jsx',
@@ -97,14 +97,14 @@ ruleTester.run('sort-keys', rule, {
           },
         }
       `,
-      parserOptions
+      languageOptions
     },
     {
       filename: 'test.js',
       code: `
         Vue.component('example')
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -120,7 +120,7 @@ ruleTester.run('sort-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -136,31 +136,31 @@ ruleTester.run('sort-keys', rule, {
           }
         })
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
       code: `
         new Vue()
       `,
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     // default (asc)
     {
       code: "var obj = {'':1, [``]:2}",
       options: [],
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: "var obj = {[``]:1, '':2}",
       options: [],
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     { code: "var obj = {'':1, a:2}", options: [] },
     {
       code: 'var obj = {[``]:1, a:2}',
       options: [],
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     { code: 'var obj = {_:2, a:1, b:3} // default', options: [] },
     { code: 'var obj = {a:1, b:3, c:2}', options: [] },
@@ -174,92 +174,96 @@ ruleTester.run('sort-keys', rule, {
     {
       code: 'var obj = {a:1, b:3, [a + b]: -1, c:2}',
       options: [],
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: "var obj = {'':1, [f()]:2, a:3}",
       options: [],
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: "var obj = {a:1, [b++]:2, '':3}",
       options: ['desc'],
-      parserOptions: { ecmaVersion: 6 }
+      languageOptions: { ecmaVersion: 6 }
     },
 
     // ignore properties separated by spread properties
     {
       code: 'var obj = {a:1, ...z, b:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {b:1, ...z, a:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...a, b:1, ...c, d:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...a, b:1, ...d, ...c, e:2, z:5}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {b:1, ...c, ...d, e:2}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: "var obj = {a:1, ...z, '':2}",
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: "var obj = {'':1, ...z, 'a':2}",
       options: ['desc'],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
 
     // not ignore properties not separated by spread properties
     {
       code: 'var obj = {...z, a:1, b:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, ...c, a:1, b:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {a:1, b:1, ...z}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, ...x, a:1, ...c, ...d, f:5, e:4}',
       options: ['desc'],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
 
     // works when spread occurs somewhere other than an object literal
     {
       code: 'function fn(...args) { return [...args].length; }',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'function g() {}; function f(...args) { return g(...args); }',
       options: [],
-      parserOptions: { ecmaVersion: 2018 }
+      languageOptions: { ecmaVersion: 2018 }
     },
 
     // ignore destructuring patterns.
-    { code: 'let {a, b} = {}', options: [], parserOptions: { ecmaVersion: 6 } },
+    {
+      code: 'let {a, b} = {}',
+      options: [],
+      languageOptions: { ecmaVersion: 6 }
+    },
 
     // nested
     { code: 'var obj = {a:1, b:{x:1, y:1}, c:1}', options: [] },
@@ -519,10 +523,10 @@ ruleTester.run('sort-keys', rule, {
     },
     {
       code: 'var obj = {a:1, [``]:2} // default',
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in ascending order. '' should be before 'a'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: 'var obj = {a:1, _:2, b:3} // default',
@@ -571,101 +575,101 @@ ruleTester.run('sort-keys', rule, {
     {
       code: 'var obj = {...z, c:1, b:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'c'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, ...c, d:4, b:1, ...y, ...f, e:2, a:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'd'.",
         "Expected object keys to be in ascending order. 'a' should be before 'e'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {c:1, b:1, ...a}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'c'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, ...a, c:1, b:1}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'c'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, b:1, a:1, ...d, ...c}',
       options: [],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'a' should be before 'b'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, a:2, b:0, ...x, ...c}',
       options: ['desc'],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in descending order. 'b' should be before 'a'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: 'var obj = {...z, a:2, b:0, ...x}',
       options: ['desc'],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in descending order. 'b' should be before 'a'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
     {
       code: "var obj = {...z, '':1, a:2}",
       options: ['desc'],
-      parserOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 2018 }
     },
 
     // ignore non-simple computed properties, but their position shouldn't affect other comparisons.
     {
       code: "var obj = {a:1, [b+c]:2, '':3}",
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in ascending order. '' should be before 'a'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: "var obj = {'':1, [b+c]:2, a:3}",
       options: ['desc'],
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: "var obj = {b:1, [f()]:2, '':3, a:4}",
       options: ['desc'],
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
 
     // not ignore simple computed properties.
     {
       code: 'var obj = {a:1, b:3, [a]: -1, c:2}',
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in ascending order. 'a' should be before 'b'."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
 
     // nested
@@ -914,10 +918,10 @@ ruleTester.run('sort-keys', rule, {
     {
       code: "var obj = {[``]:1, a:'2'} // desc",
       options: ['desc'],
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       code: 'var obj = {a:1, _:2, b:3} // desc',
@@ -1189,8 +1193,6 @@ ruleTester.run('sort-keys', rule, {
           },
         }
       `,
-      parserOptions,
-
       errors: [
         {
           message:
@@ -1202,7 +1204,9 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'zd'.",
           line: 12
         }
-      ]
+      ],
+
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -1224,14 +1228,14 @@ ruleTester.run('sort-keys', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Expected object keys to be in ascending order. 'closeMenu' should be before 'toggleMenu'.",
           line: 12
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -1257,7 +1261,6 @@ ruleTester.run('sort-keys', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -1269,7 +1272,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'a' should be before 'z'.",
           line: 14
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -1286,7 +1290,6 @@ ruleTester.run('sort-keys', rule, {
           name: 'burger',
         };
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -1298,7 +1301,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'isActive' should be before 'z'.",
           line: 8
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'example.vue',
@@ -1315,7 +1319,6 @@ ruleTester.run('sort-keys', rule, {
 
         const dict = { zd: 1, a: 2 };
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -1327,7 +1330,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
           line: 12
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'test.js',
@@ -1346,7 +1350,6 @@ ruleTester.run('sort-keys', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -1358,7 +1361,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
           line: 9
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -1377,7 +1381,6 @@ ruleTester.run('sort-keys', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -1389,7 +1392,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
           line: 9
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'test.js',
@@ -1408,7 +1412,6 @@ ruleTester.run('sort-keys', rule, {
           template: '<div></div>'
         })
       `,
-      parserOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -1420,7 +1423,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
           line: 9
         }
-      ]
+      ],
+      languageOptions: { ecmaVersion: 6 }
     },
     {
       filename: 'propsOrder.vue',
@@ -1436,14 +1440,14 @@ ruleTester.run('sort-keys', rule, {
         }
       `,
       options: ['asc', { ignoreGrandchildrenOf: [] }],
-      parserOptions,
       errors: [
         {
           message:
             "Expected object keys to be in ascending order. 'default' should be before 'type'.",
           line: 7
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'propsOrder.vue',
@@ -1459,7 +1463,6 @@ ruleTester.run('sort-keys', rule, {
           a: 2
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
@@ -1471,7 +1474,8 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'a' should be before 'foo'.",
           line: 10
         }
-      ]
+      ],
+      languageOptions
     },
     {
       filename: 'propsOrder.vue',
@@ -1487,14 +1491,14 @@ ruleTester.run('sort-keys', rule, {
           }
         }
       `,
-      parserOptions,
       errors: [
         {
           message:
             "Expected object keys to be in ascending order. 'a' should be before 'b'.",
           line: 7
         }
-      ]
+      ],
+      languageOptions
     }
   ]
 })
diff --git a/tests/lib/rules/space-in-parens.js b/tests/lib/rules/space-in-parens.js
index ef6fe628e..d6218216d 100644
--- a/tests/lib/rules/space-in-parens.js
+++ b/tests/lib/rules/space-in-parens.js
@@ -19,8 +19,7 @@ const errorMessage = semver.lt(ESLint.version, '6.4.0')
   : (obj) => obj
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('space-in-parens', rule, {
diff --git a/tests/lib/rules/space-infix-ops.js b/tests/lib/rules/space-infix-ops.js
index b8a679787..0325884a7 100644
--- a/tests/lib/rules/space-infix-ops.js
+++ b/tests/lib/rules/space-infix-ops.js
@@ -8,8 +8,7 @@ const semver = require('semver')
 const rule = require('../../../lib/rules/space-infix-ops')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 const message = semver.lt(ESLint.version, '5.10.0')
diff --git a/tests/lib/rules/space-unary-ops.js b/tests/lib/rules/space-unary-ops.js
index 63539a5a7..8229e78cd 100644
--- a/tests/lib/rules/space-unary-ops.js
+++ b/tests/lib/rules/space-unary-ops.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/space-unary-ops')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('space-unary-ops', rule, {
diff --git a/tests/lib/rules/static-class-names-order.js b/tests/lib/rules/static-class-names-order.js
index 0d9eb9436..0f293f5e9 100644
--- a/tests/lib/rules/static-class-names-order.js
+++ b/tests/lib/rules/static-class-names-order.js
@@ -5,11 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/static-class-names-order')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 tester.run('static-class-names-order', rule, {
   valid: [
diff --git a/tests/lib/rules/template-curly-spacing.js b/tests/lib/rules/template-curly-spacing.js
index 0fe530511..c806bfafc 100644
--- a/tests/lib/rules/template-curly-spacing.js
+++ b/tests/lib/rules/template-curly-spacing.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/template-curly-spacing')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('template-curly-spacing', rule, {
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 5686bf137..6750f2cb3 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -6,11 +6,10 @@
 
 const rule = require('../../../lib/rules/this-in-template')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 function createValidTests(prefix, options) {
diff --git a/tests/lib/rules/use-v-on-exact.js b/tests/lib/rules/use-v-on-exact.js
index 929fd746a..757a1a5c9 100644
--- a/tests/lib/rules/use-v-on-exact.js
+++ b/tests/lib/rules/use-v-on-exact.js
@@ -6,11 +6,10 @@
 
 const rule = require('../../../lib/rules/use-v-on-exact')
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 ruleTester.run('use-v-on-exact', rule, {
diff --git a/tests/lib/rules/v-bind-style.js b/tests/lib/rules/v-bind-style.js
index 5b4e88ab2..26490790a 100644
--- a/tests/lib/rules/v-bind-style.js
+++ b/tests/lib/rules/v-bind-style.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-bind-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('v-bind-style', rule, {
diff --git a/tests/lib/rules/v-for-delimiter-style.js b/tests/lib/rules/v-for-delimiter-style.js
index 23665a32c..350fded17 100644
--- a/tests/lib/rules/v-for-delimiter-style.js
+++ b/tests/lib/rules/v-for-delimiter-style.js
@@ -6,12 +6,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-for-delimiter-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('v-for-delimiter-style', rule, {
diff --git a/tests/lib/rules/v-if-else-key.js b/tests/lib/rules/v-if-else-key.js
index 4aab257d0..16d975a0a 100644
--- a/tests/lib/rules/v-if-else-key.js
+++ b/tests/lib/rules/v-if-else-key.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-if-else-key')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/v-on-event-hyphenation.js b/tests/lib/rules/v-on-event-hyphenation.js
index beaa5e3fa..54d2ec435 100644
--- a/tests/lib/rules/v-on-event-hyphenation.js
+++ b/tests/lib/rules/v-on-event-hyphenation.js
@@ -1,13 +1,10 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-on-event-hyphenation.js')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2019
-  }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2019 }
 })
 
 tester.run('v-on-event-hyphenation', rule, {
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
index d06bbe231..ad6292505 100644
--- a/tests/lib/rules/v-on-function-call.js
+++ b/tests/lib/rules/v-on-function-call.js
@@ -3,12 +3,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-on-function-call')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('v-on-function-call', rule, {
diff --git a/tests/lib/rules/v-on-handler-style.js b/tests/lib/rules/v-on-handler-style.js
index 314bbf8c8..a169402f7 100644
--- a/tests/lib/rules/v-on-handler-style.js
+++ b/tests/lib/rules/v-on-handler-style.js
@@ -4,12 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-on-handler-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
 })
 
 tester.run('v-on-handler-style', rule, {
diff --git a/tests/lib/rules/v-on-style.js b/tests/lib/rules/v-on-style.js
index ab62e9335..820f98c4b 100644
--- a/tests/lib/rules/v-on-style.js
+++ b/tests/lib/rules/v-on-style.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-on-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('v-on-style', rule, {
diff --git a/tests/lib/rules/v-slot-style.js b/tests/lib/rules/v-slot-style.js
index ad0d4558c..f35f1a9b8 100644
--- a/tests/lib/rules/v-slot-style.js
+++ b/tests/lib/rules/v-slot-style.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/v-slot-style')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('v-slot-style', rule, {
diff --git a/tests/lib/rules/valid-attribute-name.js b/tests/lib/rules/valid-attribute-name.js
index 920231899..bb94ca427 100644
--- a/tests/lib/rules/valid-attribute-name.js
+++ b/tests/lib/rules/valid-attribute-name.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-attribute-name')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 38ec1d636..0ec383b36 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -4,12 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-define-emits')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 tester.run('valid-define-emits', rule, {
@@ -40,7 +43,9 @@ tester.run('valid-define-emits', rule, {
         defineEmits<(e: 'notify')=>void>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -84,8 +89,10 @@ tester.run('valid-define-emits', rule, {
       });
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -106,8 +113,10 @@ tester.run('valid-define-emits', rule, {
       });
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -146,13 +155,15 @@ tester.run('valid-define-emits', rule, {
         defineEmits<(e: 'notify')=>void>({ submit: null })
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message: '`defineEmits` has both a type-only emit and an argument.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-define-options.js b/tests/lib/rules/valid-define-options.js
index 89582c7a9..904d0c197 100644
--- a/tests/lib/rules/valid-define-options.js
+++ b/tests/lib/rules/valid-define-options.js
@@ -4,12 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-define-options')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 tester.run('valid-define-options', rule, {
@@ -42,8 +45,10 @@ tester.run('valid-define-options', rule, {
       defineOptions({ name: 'foo' as X })
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -55,8 +60,10 @@ tester.run('valid-define-options', rule, {
       defineOptions({ name: 'foo' as (typeof str) })
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -125,7 +132,6 @@ tester.run('valid-define-options', rule, {
       defineOptions<{ name: 'Foo' }>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message: 'Options are not defined.',
@@ -135,7 +141,10 @@ tester.run('valid-define-options', rule, {
           message: '`defineOptions()` cannot accept type arguments.',
           line: 3
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index 433c11929..193a5c432 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -4,12 +4,15 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-define-props')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
 })
 
 tester.run('valid-define-props', rule, {
@@ -40,7 +43,9 @@ tester.run('valid-define-props', rule, {
         defineProps<{ msg?:string }>()
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
@@ -87,8 +92,10 @@ tester.run('valid-define-props', rule, {
       });
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -109,8 +116,10 @@ tester.run('valid-define-props', rule, {
       });
       </script>
       `,
-      parserOptions: {
-        parser: require.resolve('@typescript-eslint/parser')
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
       }
     },
     {
@@ -149,13 +158,15 @@ tester.run('valid-define-props', rule, {
         defineProps<{ msg?:string }>({ msg: String })
       </script>
       `,
-      parserOptions: { parser: require.resolve('@typescript-eslint/parser') },
       errors: [
         {
           message: '`defineProps` has both a type-only props and an argument.',
           line: 4
         }
-      ]
+      ],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-model-definition.js b/tests/lib/rules/valid-model-definition.js
index 40bb2ef4c..ed6013247 100644
--- a/tests/lib/rules/valid-model-definition.js
+++ b/tests/lib/rules/valid-model-definition.js
@@ -5,10 +5,10 @@
 'use strict'
 
 const rule = require('../../../lib/rules/valid-model-definition')
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
+  languageOptions: {
     ecmaVersion: 2018,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/valid-next-tick.js b/tests/lib/rules/valid-next-tick.js
index e07f952ff..0cd583785 100644
--- a/tests/lib/rules/valid-next-tick.js
+++ b/tests/lib/rules/valid-next-tick.js
@@ -6,12 +6,12 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-next-tick')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2017,
     sourceType: 'module'
   }
diff --git a/tests/lib/rules/valid-template-root.js b/tests/lib/rules/valid-template-root.js
index ff6e7604b..57799c372 100644
--- a/tests/lib/rules/valid-template-root.js
+++ b/tests/lib/rules/valid-template-root.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-template-root')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-template-root', rule, {
diff --git a/tests/lib/rules/valid-v-bind-sync.js b/tests/lib/rules/valid-v-bind-sync.js
index 1fc03541f..8c614bc12 100644
--- a/tests/lib/rules/valid-v-bind-sync.js
+++ b/tests/lib/rules/valid-v-bind-sync.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-bind-sync')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('valid-v-bind-sync', rule, {
diff --git a/tests/lib/rules/valid-v-bind.js b/tests/lib/rules/valid-v-bind.js
index 2259f9129..bd04100ae 100644
--- a/tests/lib/rules/valid-v-bind.js
+++ b/tests/lib/rules/valid-v-bind.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-bind')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-bind', rule, {
diff --git a/tests/lib/rules/valid-v-cloak.js b/tests/lib/rules/valid-v-cloak.js
index 86ddd82c1..f0f96f02b 100644
--- a/tests/lib/rules/valid-v-cloak.js
+++ b/tests/lib/rules/valid-v-cloak.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-cloak')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-cloak', rule, {
diff --git a/tests/lib/rules/valid-v-else-if.js b/tests/lib/rules/valid-v-else-if.js
index 63cdfa3d6..87d82f5cb 100644
--- a/tests/lib/rules/valid-v-else-if.js
+++ b/tests/lib/rules/valid-v-else-if.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-else-if')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-else-if', rule, {
diff --git a/tests/lib/rules/valid-v-else.js b/tests/lib/rules/valid-v-else.js
index ad89d8f87..e8955f0f2 100644
--- a/tests/lib/rules/valid-v-else.js
+++ b/tests/lib/rules/valid-v-else.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-else')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-else', rule, {
diff --git a/tests/lib/rules/valid-v-for.js b/tests/lib/rules/valid-v-for.js
index 376dd6d15..451b86811 100644
--- a/tests/lib/rules/valid-v-for.js
+++ b/tests/lib/rules/valid-v-for.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-for')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-for', rule, {
diff --git a/tests/lib/rules/valid-v-html.js b/tests/lib/rules/valid-v-html.js
index 1d2043bd7..771c936bb 100644
--- a/tests/lib/rules/valid-v-html.js
+++ b/tests/lib/rules/valid-v-html.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-html')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-html', rule, {
diff --git a/tests/lib/rules/valid-v-if.js b/tests/lib/rules/valid-v-if.js
index 7c8894b4b..f89860096 100644
--- a/tests/lib/rules/valid-v-if.js
+++ b/tests/lib/rules/valid-v-if.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-if')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-if', rule, {
diff --git a/tests/lib/rules/valid-v-is.js b/tests/lib/rules/valid-v-is.js
index 02c17f33e..73741cb7c 100644
--- a/tests/lib/rules/valid-v-is.js
+++ b/tests/lib/rules/valid-v-is.js
@@ -3,12 +3,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-is')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('valid-v-is', rule, {
diff --git a/tests/lib/rules/valid-v-memo.js b/tests/lib/rules/valid-v-memo.js
index 89b012ef4..8796f91c8 100644
--- a/tests/lib/rules/valid-v-memo.js
+++ b/tests/lib/rules/valid-v-memo.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-memo')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2021 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2021 }
 })
 
 tester.run('valid-v-memo', rule, {
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index d3c22314b..38b4ae175 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-model')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
 tester.run('valid-v-model', rule, {
diff --git a/tests/lib/rules/valid-v-on.js b/tests/lib/rules/valid-v-on.js
index 717d8f08e..eca5ea639 100644
--- a/tests/lib/rules/valid-v-on.js
+++ b/tests/lib/rules/valid-v-on.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-on')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-on', rule, {
diff --git a/tests/lib/rules/valid-v-once.js b/tests/lib/rules/valid-v-once.js
index a53c1685d..cb980c708 100644
--- a/tests/lib/rules/valid-v-once.js
+++ b/tests/lib/rules/valid-v-once.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-once')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-once', rule, {
diff --git a/tests/lib/rules/valid-v-pre.js b/tests/lib/rules/valid-v-pre.js
index bb32f014c..5e4f95c02 100644
--- a/tests/lib/rules/valid-v-pre.js
+++ b/tests/lib/rules/valid-v-pre.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-pre')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-pre', rule, {
diff --git a/tests/lib/rules/valid-v-show.js b/tests/lib/rules/valid-v-show.js
index 11e8646b3..656d47e86 100644
--- a/tests/lib/rules/valid-v-show.js
+++ b/tests/lib/rules/valid-v-show.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-show')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-show', rule, {
diff --git a/tests/lib/rules/valid-v-slot.js b/tests/lib/rules/valid-v-slot.js
index bfd9bab32..7cfa702ad 100644
--- a/tests/lib/rules/valid-v-slot.js
+++ b/tests/lib/rules/valid-v-slot.js
@@ -4,12 +4,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-slot')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-slot', rule, {
diff --git a/tests/lib/rules/valid-v-text.js b/tests/lib/rules/valid-v-text.js
index d4eed0da7..33c179d93 100644
--- a/tests/lib/rules/valid-v-text.js
+++ b/tests/lib/rules/valid-v-text.js
@@ -5,12 +5,11 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/valid-v-text')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
+  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
 tester.run('valid-v-text', rule, {
diff --git a/tests/lib/script-setup-vars.js b/tests/lib/script-setup-vars.js
index 7df0546a3..49a4fb1ab 100644
--- a/tests/lib/script-setup-vars.js
+++ b/tests/lib/script-setup-vars.js
@@ -1,14 +1,13 @@
 'use strict'
 
-const eslint = require('eslint')
-const rules = new eslint.Linter().getRules()
-const ruleNoUnusedVars = rules.get('no-unused-vars')
-const ruleNoUndef = rules.get('no-undef')
+const { RuleTester } = require('../eslint-compat')
+const { getCoreRule } = require('../../lib/utils')
+const ruleNoUnusedVars = getCoreRule('no-unused-vars')
+const ruleNoUndef = getCoreRule('no-undef')
 
-const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 6,
     sourceType: 'module'
   }
@@ -136,7 +135,7 @@ describe('vue-eslint-parser should properly mark the variables used in the templ
           {{post}}
         </template>
         `,
-        parserOptions: {
+        languageOptions: {
           ecmaVersion: 2022,
           sourceType: 'module'
         }
diff --git a/tests/lib/utils/core-rules/wrap-core-rule.js b/tests/lib/utils/core-rules/wrap-core-rule.js
index 524d7f48f..b07b17e9e 100644
--- a/tests/lib/utils/core-rules/wrap-core-rule.js
+++ b/tests/lib/utils/core-rules/wrap-core-rule.js
@@ -1,13 +1,13 @@
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../../eslint-compat').RuleTester
 const utils = require('../../../../lib/utils/index')
 
 const rule = utils.wrapCoreRule('foo')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }
diff --git a/tests/lib/utils/html-comments.js b/tests/lib/utils/html-comments.js
index 066c73eb1..69992b09d 100644
--- a/tests/lib/utils/html-comments.js
+++ b/tests/lib/utils/html-comments.js
@@ -4,7 +4,7 @@ const fs = require('fs')
 const path = require('path')
 const assert = require('assert')
 
-const Linter = require('eslint').Linter
+const Linter = require('../../eslint-compat').Linter
 
 const htmlComments = require('../../../lib/utils/html-comments')
 
@@ -37,17 +37,25 @@ function tokenize(code, option) {
   const linter = new Linter()
   const result = []
 
-  linter.defineRule('vue/html-comments-test', (content) =>
-    htmlComments.defineVisitor(content, option, (commentTokens) => {
-      result.push(commentTokens)
-    })
-  )
-  linter.defineParser('vue-eslint-parser', require('vue-eslint-parser'))
   linter.verify(
     code,
     {
-      parser: 'vue-eslint-parser',
-      parserOptions: { ecmaVersion: 2018 },
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 2018
+      },
+      plugins: {
+        vue: {
+          rules: {
+            'html-comments-test': {
+              create: (content) =>
+                htmlComments.defineVisitor(content, option, (commentTokens) => {
+                  result.push(commentTokens)
+                })
+            }
+          }
+        }
+      },
       rules: { 'vue/html-comments-test': 'error' }
     },
     undefined,
diff --git a/tests/lib/utils/ref-object-references.js b/tests/lib/utils/ref-object-references.js
index 5cd473f8f..68c526b36 100644
--- a/tests/lib/utils/ref-object-references.js
+++ b/tests/lib/utils/ref-object-references.js
@@ -5,7 +5,7 @@ const path = require('path')
 const assert = require('assert')
 const vueESLintParser = require('vue-eslint-parser')
 
-const Linter = require('eslint').Linter
+const Linter = require('../../eslint-compat').Linter
 
 const {
   extractRefObjectReferences,
@@ -37,7 +37,11 @@ function loadPatterns(rootDir) {
   return fs.readdirSync(rootDir).map((name) => {
     for (const [sourceFile, resultFile, options] of [
       ['source.js', 'result.js'],
-      ['source.vue', 'result.vue', { parser: 'vue-eslint-parser' }]
+      [
+        'source.vue',
+        'result.vue',
+        { languageOptions: { parser: 'vue-eslint-parser' } }
+      ]
     ]) {
       const sourceFilePath = path.join(rootDir, name, sourceFile)
       if (fs.existsSync(sourceFilePath)) {
@@ -57,40 +61,54 @@ function extractRefs(code, extract, options) {
   const linter = new Linter()
   const references = []
 
-  linter.defineParser('vue-eslint-parser', vueESLintParser)
-  linter.defineRule('vue/extract-test', (context) => {
-    const refs = extract(context)
-
-    const processed = new Set()
-    return {
-      '*'(node) {
-        if (processed.has(node)) {
-          // Old ESLint may be called twice on the same node.
-          return
-        }
-        processed.add(node)
-        const data = refs.get(node)
-        if (data) {
-          references.push(data)
-        }
-      }
-    }
-  })
   const messages = linter.verify(
     code,
     {
       ...options,
-      parserOptions: { ecmaVersion: 2020, sourceType: 'module' },
-      rules: { 'vue/extract-test': 'error' },
-      globals: {
-        $ref: 'readonly',
-        $computed: 'readonly',
-        $shallowRef: 'readonly',
-        $customRef: 'readonly',
-        $toRef: 'readonly',
-        $: 'readonly',
-        $$: 'readonly'
-      }
+      plugins: {
+        vue: {
+          rules: {
+            'extract-test': {
+              create: (context) => {
+                const refs = extract(context)
+
+                const processed = new Set()
+                return {
+                  '*'(node) {
+                    if (processed.has(node)) {
+                      // Old ESLint may be called twice on the same node.
+                      return
+                    }
+                    processed.add(node)
+                    const data = refs.get(node)
+                    if (data) {
+                      references.push(data)
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+      languageOptions: {
+        ...options?.languageOptions,
+        ...(options?.languageOptions?.parser === 'vue-eslint-parser'
+          ? { parser: vueESLintParser }
+          : {}),
+        ecmaVersion: 2020,
+        sourceType: 'module',
+        globals: {
+          $ref: 'readonly',
+          $computed: 'readonly',
+          $shallowRef: 'readonly',
+          $customRef: 'readonly',
+          $toRef: 'readonly',
+          $: 'readonly',
+          $$: 'readonly'
+        }
+      },
+      rules: { 'vue/extract-test': 'error' }
     },
     undefined,
     true
diff --git a/tests/lib/utils/selector.js b/tests/lib/utils/selector.js
index 6677a9fa4..b5b0ee986 100644
--- a/tests/lib/utils/selector.js
+++ b/tests/lib/utils/selector.js
@@ -4,7 +4,7 @@ const fs = require('fs')
 const path = require('path')
 const assert = require('assert')
 
-const Linter = require('eslint').Linter
+const Linter = require('../../eslint-compat').Linter
 
 const selector = require('../../../lib/utils/selector')
 const utils = require('../../../lib/utils')
@@ -32,24 +32,35 @@ function extractElements(code, inputSelector) {
   const linter = new Linter()
   const matches = []
 
-  linter.defineRule('vue/selector-test', (context) => {
-    const parsed = selector.parseSelector(inputSelector, context)
-    return utils.defineDocumentVisitor(context, {
-      VElement(node) {
-        if (parsed.test(node)) {
-          matches.push(
-            context.getSourceCode().text.slice(...node.startTag.range)
-          )
-        }
-      }
-    })
-  })
-  linter.defineParser('vue-eslint-parser', require('vue-eslint-parser'))
   const messages = linter.verify(
     code,
     {
-      parser: 'vue-eslint-parser',
-      parserOptions: { ecmaVersion: 2018 },
+      plugins: {
+        vue: {
+          rules: {
+            'selector-test': {
+              create: (context) => {
+                const parsed = selector.parseSelector(inputSelector, context)
+                return utils.defineDocumentVisitor(context, {
+                  VElement(node) {
+                    if (parsed.test(node)) {
+                      matches.push(
+                        context
+                          .getSourceCode()
+                          .text.slice(...node.startTag.range)
+                      )
+                    }
+                  }
+                })
+              }
+            }
+          }
+        }
+      },
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 2018
+      },
       rules: { 'vue/selector-test': 'error' }
     },
     undefined,
diff --git a/tests/lib/utils/ts-utils/index/get-component-emits.js b/tests/lib/utils/ts-utils/index/get-component-emits.js
index 8bba2be7c..8c9d5d34c 100644
--- a/tests/lib/utils/ts-utils/index/get-component-emits.js
+++ b/tests/lib/utils/ts-utils/index/get-component-emits.js
@@ -5,7 +5,7 @@
 
 const path = require('path')
 const fs = require('fs')
-const Linter = require('eslint').Linter
+const Linter = require('../../../../eslint-compat').Linter
 const parser = require('vue-eslint-parser')
 const tsParser = require('@typescript-eslint/parser')
 const utils = require('../../../../../lib/utils/index')
@@ -20,40 +20,45 @@ const SRC_TS_TEST_PATH = path.join(FIXTURES_ROOT, './src/test.ts')
 
 function extractComponentProps(code, tsFileCode) {
   const linter = new Linter()
+  const result = []
   const config = {
-    parser: 'vue-eslint-parser',
-    parserOptions: {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser,
       ecmaVersion: 2020,
-      parser: tsParser,
-      project: [TSCONFIG_PATH],
-      extraFileExtensions: ['.vue']
+      parserOptions: {
+        parser: tsParser,
+        project: [TSCONFIG_PATH],
+        extraFileExtensions: ['.vue']
+      }
+    },
+    plugins: {
+      test: {
+        rules: {
+          test: {
+            create(context) {
+              return utils.defineScriptSetupVisitor(context, {
+                onDefineEmitsEnter(_node, emits) {
+                  result.push(
+                    ...emits.map((emit) => ({
+                      type: emit.type,
+                      name: emit.emitName
+                    }))
+                  )
+                }
+              })
+            }
+          }
+        }
+      }
     },
     rules: {
-      test: 'error'
+      'test/test': 'error'
     }
   }
-  linter.defineParser('vue-eslint-parser', parser)
-  const result = []
-  linter.defineRule('test', {
-    create(context) {
-      return utils.defineScriptSetupVisitor(context, {
-        onDefineEmitsEnter(_node, emits) {
-          result.push(
-            ...emits.map((emit) => ({
-              type: emit.type,
-              name: emit.emitName
-            }))
-          )
-        }
-      })
-    }
-  })
   fs.writeFileSync(SRC_TS_TEST_PATH, tsFileCode || '', 'utf8')
   // clean './src/test.ts' cache
-  tsParser.parseForESLint(tsFileCode || '', {
-    ...config.parserOptions,
-    filePath: SRC_TS_TEST_PATH
-  })
+  tsParser.clearCaches()
   assert.deepStrictEqual(
     linter.verify(code, config, path.join(FIXTURES_ROOT, './src/test.vue')),
     []
diff --git a/tests/lib/utils/ts-utils/index/get-component-props.js b/tests/lib/utils/ts-utils/index/get-component-props.js
index 2ab0070c7..100d0a18c 100644
--- a/tests/lib/utils/ts-utils/index/get-component-props.js
+++ b/tests/lib/utils/ts-utils/index/get-component-props.js
@@ -5,7 +5,7 @@
 
 const path = require('path')
 const fs = require('fs')
-const Linter = require('eslint').Linter
+const Linter = require('../../../../eslint-compat').Linter
 const parser = require('vue-eslint-parser')
 const tsParser = require('@typescript-eslint/parser')
 const utils = require('../../../../../lib/utils/index')
@@ -20,42 +20,47 @@ const SRC_TS_TEST_PATH = path.join(FIXTURES_ROOT, './src/test.ts')
 
 function extractComponentProps(code, tsFileCode) {
   const linter = new Linter()
+  const result = []
   const config = {
-    parser: 'vue-eslint-parser',
-    parserOptions: {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser,
       ecmaVersion: 2020,
-      parser: tsParser,
-      project: [TSCONFIG_PATH],
-      extraFileExtensions: ['.vue']
+      parserOptions: {
+        parser: tsParser,
+        project: [TSCONFIG_PATH],
+        extraFileExtensions: ['.vue']
+      }
+    },
+    plugins: {
+      test: {
+        rules: {
+          test: {
+            create(context) {
+              return utils.defineScriptSetupVisitor(context, {
+                onDefinePropsEnter(_node, props) {
+                  result.push(
+                    ...props.map((prop) => ({
+                      type: prop.type,
+                      name: prop.propName,
+                      required: prop.required ?? null,
+                      types: prop.types ?? null
+                    }))
+                  )
+                }
+              })
+            }
+          }
+        }
+      }
     },
     rules: {
-      test: 'error'
+      'test/test': 'error'
     }
   }
-  linter.defineParser('vue-eslint-parser', parser)
-  const result = []
-  linter.defineRule('test', {
-    create(context) {
-      return utils.defineScriptSetupVisitor(context, {
-        onDefinePropsEnter(_node, props) {
-          result.push(
-            ...props.map((prop) => ({
-              type: prop.type,
-              name: prop.propName,
-              required: prop.required ?? null,
-              types: prop.types ?? null
-            }))
-          )
-        }
-      })
-    }
-  })
   fs.writeFileSync(SRC_TS_TEST_PATH, tsFileCode || '', 'utf8')
   // clean './src/test.ts' cache
-  tsParser.parseForESLint(tsFileCode || '', {
-    ...config.parserOptions,
-    filePath: SRC_TS_TEST_PATH
-  })
+  tsParser.clearCaches()
   assert.deepStrictEqual(
     linter.verify(code, config, path.join(FIXTURES_ROOT, './src/test.vue')),
     []
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index c66b3338f..46328f0f4 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -20,8 +20,8 @@ const rule = {
   }
 }
 
-const RuleTester = require('eslint').RuleTester
-const parserOptions = {
+const RuleTester = require('../../eslint-compat').RuleTester
+const languageOptions = {
   ecmaVersion: 6,
   sourceType: 'module'
 }
@@ -39,77 +39,83 @@ function validTests(ext) {
     {
       filename: `test.${ext}`,
       code: `export const foo = {}`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `export var foo = {}`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `const foo = {}`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `var foo = {}`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `let foo = {}`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `foo({ })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `foo(() => { return {} })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `Vue.component('async-example', function (resolve, reject) { })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `Vue.component('async-example', function (resolve, reject) { resolve({}) })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `new Vue({ })`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `{
         foo: {}
       }`,
-      parserOptions
+      languageOptions
     },
     {
       filename: `test.${ext}`,
       code: `export default (Foo as FooConstructor<Foo>).extend({})`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions
+      languageOptions: {
+        ...languageOptions,
+        parser: require('@typescript-eslint/parser')
+      }
     },
     {
       filename: `test.${ext}`,
       code: `export default Foo.extend({})`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions
+      languageOptions: {
+        ...languageOptions,
+        parser: require('@typescript-eslint/parser')
+      }
     },
     {
       filename: `test.${ext}`,
       code: `export default Foo.extend({} as ComponentOptions)`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions
+      languageOptions: {
+        ...languageOptions,
+        parser: require('@typescript-eslint/parser')
+      }
     }
   ]
 }
@@ -125,64 +131,70 @@ function invalidTests(ext) {
         })
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(4)]
     },
     {
       filename: `test.${ext}`,
       code: `Vue.component({})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `Vue.mixin({})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `Vue.extend({})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `app.component('name', {})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `app.mixin({})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `export default (Vue as VueConstructor<Vue>).extend({})`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions,
+      languageOptions: {
+        ...languageOptions,
+        parser: require('@typescript-eslint/parser')
+      },
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `export default Vue.extend({})`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions,
+      languageOptions: {
+        ...languageOptions,
+        parser: require('@typescript-eslint/parser')
+      },
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `export default Vue.extend({} as ComponentOptions)`,
-      parser: require.resolve('@typescript-eslint/parser'),
-      parserOptions,
+      languageOptions: {
+        ...languageOptions,
+        parser: require('@typescript-eslint/parser')
+      },
       errors: [makeError(1)]
     },
     {
       filename: `test.${ext}`,
       code: `createApp({})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     },
     {
@@ -192,7 +204,7 @@ function invalidTests(ext) {
         export default { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(3)]
     },
     {
@@ -202,7 +214,7 @@ function invalidTests(ext) {
         export default { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(3)]
     },
     {
@@ -215,7 +227,7 @@ function invalidTests(ext) {
         export default { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(6)]
     },
     {
@@ -227,7 +239,7 @@ function invalidTests(ext) {
         export var a = { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(3), makeError(5)]
     },
     {
@@ -239,7 +251,7 @@ function invalidTests(ext) {
         export default { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(3), makeError(5)]
     },
     {
@@ -250,7 +262,7 @@ function invalidTests(ext) {
         export let foo = { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [...(ext === 'js' ? [] : [makeError(2)]), makeError(4)]
     },
     {
@@ -261,7 +273,7 @@ function invalidTests(ext) {
         export let bar = { }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(4)]
     },
     {
@@ -273,7 +285,7 @@ function invalidTests(ext) {
         bar({ })
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [makeError(4)]
     },
     {
@@ -288,7 +300,7 @@ function invalidTests(ext) {
         bar({ })
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [...(ext === 'js' ? [] : [makeError(3)]), makeError(6)]
     },
     {
@@ -305,13 +317,13 @@ function invalidTests(ext) {
         }
         // ${ext}
       `,
-      parserOptions,
+      languageOptions,
       errors: [...(ext === 'js' ? [] : [makeError(2)]), makeError(8)]
     },
     {
       filename: `test.${ext}`,
       code: `export default defineComponent({})`,
-      parserOptions,
+      languageOptions,
       errors: [makeError(1)]
     }
   ]
@@ -323,7 +335,7 @@ ruleTester.run('vue-component', rule, {
     {
       filename: 'test.js',
       code: `export default { }`,
-      parserOptions
+      languageOptions
     },
     ...validTests('js'),
     ...validTests('jsx'),
@@ -333,14 +345,14 @@ ruleTester.run('vue-component', rule, {
     {
       filename: 'test.vue',
       code: `export default { }`,
-      parserOptions,
-      errors: [makeError(1)]
+      errors: [makeError(1)],
+      languageOptions
     },
     {
       filename: 'test.jsx',
       code: `export default { }`,
-      parserOptions,
-      errors: [makeError(1)]
+      errors: [makeError(1)],
+      languageOptions
     },
     ...invalidTests('js'),
     ...invalidTests('jsx'),
diff --git a/tests/test-utils/typescript.js b/tests/test-utils/typescript.js
index e06008a8f..0c6bbd437 100644
--- a/tests/test-utils/typescript.js
+++ b/tests/test-utils/typescript.js
@@ -10,17 +10,19 @@ module.exports = {
 }
 
 function getTypeScriptFixtureTestOptions() {
-  const parser = require.resolve('vue-eslint-parser')
-  const parserOptions = {
-    parser: { ts: tsParser },
+  const parser = require('vue-eslint-parser')
+  const languageOptions = {
+    parser,
     ecmaVersion: 2020,
     sourceType: 'module',
-    project: [TSCONFIG_PATH],
-    extraFileExtensions: ['.vue']
+    parserOptions: {
+      parser: { ts: tsParser },
+      project: [TSCONFIG_PATH],
+      extraFileExtensions: ['.vue']
+    }
   }
   return {
-    parser,
-    parserOptions,
+    languageOptions,
     filename: SRC_VUE_TEST_PATH
   }
 }
diff --git a/tools/new-rule.js b/tools/new-rule.js
index 3e4e5b9ff..e569f1da7 100644
--- a/tools/new-rule.js
+++ b/tools/new-rule.js
@@ -63,12 +63,12 @@ module.exports = {
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/${ruleName}')
 
 const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
     ecmaVersion: 2020,
     sourceType: 'module'
   }

From fdc4d4648a4f39ee3ce7eefe2fff31b26579476b Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Mon, 22 Jan 2024 22:31:09 -0500
Subject: [PATCH 0699/1010] Remove v-bind shorthand syntax from list of
 examples rule will catch. (#2373)

---
 docs/rules/valid-v-bind.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index 32a07aa60..b3a3ebec9 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -34,7 +34,6 @@ This rule does not report `v-bind` directives which do not have their argument (
 
   <!-- ✗ BAD -->
   <div v-bind/>
-  <div :aaa/>
   <div v-bind:aaa.bbb="foo"/>
 </template>
 ```

From 3698652066e6c45d40077200b90ed48dfc09203b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Wed, 24 Jan 2024 09:24:50 +0100
Subject: [PATCH 0700/1010] Update docs

---
 docs/rules/index.md                          | 1 +
 docs/rules/no-restricted-static-attribute.md | 1 -
 docs/rules/no-restricted-v-bind.md           | 1 -
 docs/rules/require-explicit-slots.md         | 8 ++++++--
 lib/index.js                                 | 1 +
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 1367f797e..8d1b7f366 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -269,6 +269,7 @@ For example:
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
+| [vue/require-explicit-slots](./require-explicit-slots.md) | require slots to be explicitly defined |  | :warning: |
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
 | [vue/require-macro-variable-name](./require-macro-variable-name.md) | require a certain macro variable name | :bulb: | :hammer: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index a0534f563..ee4f1d209 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -5,7 +5,6 @@ title: vue/no-restricted-static-attribute
 description: disallow specific attribute
 since: v7.0.0
 ---
-
 # vue/no-restricted-static-attribute
 
 > disallow specific attribute
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index 4c1495f4e..b603e690f 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -5,7 +5,6 @@ title: vue/no-restricted-v-bind
 description: disallow specific argument in `v-bind`
 since: v7.0.0
 ---
-
 # vue/no-restricted-v-bind
 
 > disallow specific argument in `v-bind`
diff --git a/docs/rules/require-explicit-slots.md b/docs/rules/require-explicit-slots.md
index ac3050896..c3b78ad8d 100644
--- a/docs/rules/require-explicit-slots.md
+++ b/docs/rules/require-explicit-slots.md
@@ -2,9 +2,8 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-explicit-slots
-description: require slots to be explicitly defined with defineSlots
+description: require slots to be explicitly defined
 ---
-
 # vue/require-explicit-slots
 
 > require slots to be explicitly defined
@@ -66,3 +65,8 @@ defineComponent({
 ## :wrench: Options
 
 Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-explicit-slots.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-explicit-slots.js)
diff --git a/lib/index.js b/lib/index.js
index d9022cabf..99421f248 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -190,6 +190,7 @@ module.exports = {
     'require-direct-export': require('./rules/require-direct-export'),
     'require-emit-validator': require('./rules/require-emit-validator'),
     'require-explicit-emits': require('./rules/require-explicit-emits'),
+    'require-explicit-slots': require('./rules/require-explicit-slots'),
     'require-expose': require('./rules/require-expose'),
     'require-macro-variable-name': require('./rules/require-macro-variable-name'),
     'require-name-property': require('./rules/require-name-property'),

From 037ada28cb603a15f3a42d920d022b61dbf0f0eb Mon Sep 17 00:00:00 2001
From: M1CK431 <31622263+M1CK431@users.noreply.github.com>
Date: Thu, 25 Jan 2024 13:27:15 +0100
Subject: [PATCH 0701/1010] Chore: upgrade vue-eslint-parser to v9.4.2 (#2379)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 930152126..4699f3906 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.13",
     "semver": "^7.5.4",
-    "vue-eslint-parser": "^9.4.0",
+    "vue-eslint-parser": "^9.4.2",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {

From 9bf52e4377aeab3dddf686d9d682a7ab86e348dd Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 29 Jan 2024 19:42:55 +0900
Subject: [PATCH 0702/1010] Chore: fix errors in tests using ESLint
 v9.0.0-alpha.2 (#2382)

---
 .../lib/rules/no-reserved-component-names.js  |   1 -
 tests/lib/rules/this-in-template.js           | 103 ++++++++++--------
 2 files changed, 55 insertions(+), 49 deletions(-)

diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 14ab1334f..41cddcfd5 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -245,7 +245,6 @@ const invalidElements = [
   'menu',
   'Menu',
   'menuitem',
-  'menuitem',
   'summary',
   'Summary',
   'content',
diff --git a/tests/lib/rules/this-in-template.js b/tests/lib/rules/this-in-template.js
index 6750f2cb3..53896794e 100644
--- a/tests/lib/rules/this-in-template.js
+++ b/tests/lib/rules/this-in-template.js
@@ -43,10 +43,6 @@ function createValidTests(prefix, options) {
       code: `<template><div v-if="${prefix}foo()">{{ ${prefix}bar }}</div></template><!-- ${comment} -->`,
       options
     },
-    {
-      code: `<template><div :parent="this"></div></template><!-- ${comment} -->`,
-      options
-    },
     {
       code: `<template><div v-for="x of ${prefix}xs">{{this.x}}</div></template><!-- ${comment} -->`,
       options
@@ -67,26 +63,6 @@ function createValidTests(prefix, options) {
       code: `<template><div v-for="x of ${prefix}xs">{{this['x']}}</div></template><!-- ${comment} -->`,
       options
     },
-    {
-      code: `<template><div>{{ this.class }}</div></template><!-- ${comment} -->`,
-      options
-    },
-    {
-      code: `<template><div>{{ this['0'] }}</div></template><!-- ${comment} -->`,
-      options
-    },
-    {
-      code: `<template><div>{{ this['this'] }}</div></template><!-- ${comment} -->`,
-      options
-    },
-    {
-      code: `<template><div>{{ this['foo bar'] }}</div></template><!-- ${comment} -->`,
-      options
-    },
-    {
-      code: `<template><div>{{ }}</div></template><!-- ${comment} -->`,
-      options
-    },
     {
       code: `<template>
         <div>
@@ -97,12 +73,6 @@ function createValidTests(prefix, options) {
         </div>
       </template><!-- ${comment} -->`,
       options
-    },
-
-    // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
-    {
-      code: `<template><div v-on:[x]="1"></div></template><!-- ${comment} -->`,
-      options
     }
   ]
 }
@@ -181,7 +151,7 @@ function createInvalidTests(prefix, options, message, type) {
       )}bar"></div></template><!-- ${comment} -->`,
       errors: [{ message, type }],
       options
-    },
+    }
 
     // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
     // {
@@ -189,22 +159,6 @@ function createInvalidTests(prefix, options, message, type) {
     //   errors: [{ message, type }],
     //   options
     // }
-    ...(options[0] === 'always'
-      ? []
-      : [
-          {
-            code: `<template><div>{{ this['xs'] }}</div></template><!-- ${comment} -->`,
-            output: `<template><div>{{ xs }}</div></template><!-- ${comment} -->`,
-            errors: [{ message, type }],
-            options
-          },
-          {
-            code: `<template><div>{{ this['xs0AZ_foo'] }}</div></template><!-- ${comment} -->`,
-            output: `<template><div>{{ xs0AZ_foo }}</div></template><!-- ${comment} -->`,
-            errors: [{ message, type }],
-            options
-          }
-        ])
   ]
 }
 
@@ -216,7 +170,41 @@ ruleTester.run('this-in-template', rule, {
     ...createValidTests('', []),
     ...createValidTests('', ['never']),
     ...createValidTests('this.', ['always']),
-    ...createValidTests('this?.', ['always'])
+    ...createValidTests('this?.', ['always']),
+    ...[[], ['never'], ['always']].flatMap((options) => {
+      const comment = options.join('')
+      return [
+        {
+          code: `<template><div :parent="this"></div></template><!-- ${comment} -->`,
+          options
+        },
+        {
+          code: `<template><div>{{ this.class }}</div></template><!-- ${comment} -->`,
+          options
+        },
+        {
+          code: `<template><div>{{ this['0'] }}</div></template><!-- ${comment} -->`,
+          options
+        },
+        {
+          code: `<template><div>{{ this['this'] }}</div></template><!-- ${comment} -->`,
+          options
+        },
+        {
+          code: `<template><div>{{ this['foo bar'] }}</div></template><!-- ${comment} -->`,
+          options
+        },
+        {
+          code: `<template><div>{{ }}</div></template><!-- ${comment} -->`,
+          options
+        },
+        // We cannot use `.` in dynamic arguments because the right of the `.` becomes a modifier.
+        {
+          code: `<template><div v-on:[x]="1"></div></template><!-- ${comment} -->`,
+          options
+        }
+      ]
+    })
   ],
   invalid: [
     ...createInvalidTests(
@@ -244,6 +232,25 @@ ruleTester.run('this-in-template', rule, {
       'ThisExpression'
     ),
     ...createInvalidTests('', ['always'], "Expected 'this'.", 'Identifier'),
+    ...[[], ['never']].flatMap((options) => {
+      const comment = options.join('')
+      const message = "Unexpected usage of 'this'."
+      const type = 'ThisExpression'
+      return [
+        {
+          code: `<template><div>{{ this['xs'] }}</div></template><!-- ${comment} -->`,
+          output: `<template><div>{{ xs }}</div></template><!-- ${comment} -->`,
+          errors: [{ message, type }],
+          options
+        },
+        {
+          code: `<template><div>{{ this['xs0AZ_foo'] }}</div></template><!-- ${comment} -->`,
+          output: `<template><div>{{ xs0AZ_foo }}</div></template><!-- ${comment} -->`,
+          errors: [{ message, type }],
+          options
+        }
+      ]
+    }),
     {
       code: `<template><div v-if="fn(this.$foo)"></div></template><!-- never -->`,
       output: `<template><div v-if="fn($foo)"></div></template><!-- never -->`,

From 2dc78890dc45cc621261f3dfb9dc848c299d5380 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Mon, 29 Jan 2024 20:47:21 +0800
Subject: [PATCH 0703/1010] feat(v-bind-style): add `sameNameShorthand` option
 (#2381)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/v-bind-style.md      |  42 +++++++-
 lib/rules/v-bind-style.js       | 168 ++++++++++++++++++++++++--------
 tests/lib/rules/v-bind-style.js | 154 ++++++++++++++++++++++++++++-
 3 files changed, 320 insertions(+), 44 deletions(-)

diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 23be4a8cc..271506c31 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -32,16 +32,20 @@ This rule enforces `v-bind` directive style which you should use shorthand or lo
 
 ## :wrench: Options
 
-Default is set to `shorthand`.
-
 ```json
 {
-  "vue/v-bind-style": ["error", "shorthand" | "longform"]
+  "vue/v-bind-style": ["error", "shorthand" | "longform", {
+    "sameNameShorthand": "ignore" | "always" | "never"
+  }]
 }
 ```
 
 - `"shorthand"` (default) ... requires using shorthand.
 - `"longform"` ... requires using long form.
+- `sameNameShorthand` ... enforce the `v-bind` same-name shorthand style (Vue 3.4+).
+  - `"ignore"` (default) ... ignores the same-name shorthand style.
+  - `"always"` ... always enforces same-name shorthand where possible.
+  - `"never"` ... always disallow same-name shorthand where possible.
 
 ### `"longform"`
 
@@ -59,6 +63,38 @@ Default is set to `shorthand`.
 
 </eslint-code-block>
 
+### `{ "sameNameShorthand": "always" }`
+
+<eslint-code-block fix :rules="{'vue/v-bind-style': ['error', 'shorthand', { 'sameNameShorthand': 'always' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div :foo />
+
+  <!-- ✗ BAD -->
+  <div :foo="foo" />
+</template>
+```
+
+</eslint-code-block>
+
+### `{ "sameNameShorthand": "never" }`
+
+<eslint-code-block fix :rules="{'vue/v-bind-style': ['error', 'shorthand', { 'sameNameShorthand': 'never' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div :foo="foo" />
+
+  <!-- ✗ BAD -->
+  <div :foo />
+</template>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [Style guide - Directive shorthands](https://vuejs.org/style-guide/rules-strongly-recommended.html#directive-shorthands)
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 18911cfc3..847db33a2 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -6,6 +6,41 @@
 'use strict'
 
 const utils = require('../utils')
+const casing = require('../utils/casing')
+
+/**
+ * @typedef { VDirectiveKey & { name: VIdentifier & { name: 'bind' }, argument: VExpressionContainer | VIdentifier } } VBindDirectiveKey
+ * @typedef { VDirective & { key: VBindDirectiveKey } } VBindDirective
+ */
+
+/**
+ * @param {VBindDirective} node
+ * @returns {boolean}
+ */
+function isSameName(node) {
+  const attrName =
+    node.key.argument.type === 'VIdentifier' ? node.key.argument.rawName : null
+  const valueName =
+    node.value?.expression?.type === 'Identifier'
+      ? node.value.expression.name
+      : null
+  return Boolean(
+    attrName &&
+      valueName &&
+      casing.camelCase(attrName) === casing.camelCase(valueName)
+  )
+}
+
+/**
+ * @param {VBindDirectiveKey} key
+ * @returns {number}
+ */
+function getCutStart(key) {
+  const modifiers = key.modifiers
+  return modifiers.length > 0
+    ? modifiers[modifiers.length - 1].range[1]
+    : key.argument.range[1]
+}
 
 module.exports = {
   meta: {
@@ -16,60 +51,113 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-bind-style.html'
     },
     fixable: 'code',
-    schema: [{ enum: ['shorthand', 'longform'] }],
+    schema: [
+      { enum: ['shorthand', 'longform'] },
+      {
+        type: 'object',
+        properties: {
+          sameNameShorthand: { enum: ['always', 'never', 'ignore'] }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       expectedLonghand: "Expected 'v-bind' before ':'.",
       unexpectedLonghand: "Unexpected 'v-bind' before ':'.",
-      expectedLonghandForProp: "Expected 'v-bind:' instead of '.'."
+      expectedLonghandForProp: "Expected 'v-bind:' instead of '.'.",
+      expectedShorthand: 'Expected same-name shorthand.',
+      unexpectedShorthand: 'Unexpected same-name shorthand.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
     const preferShorthand = context.options[0] !== 'longform'
+    /** @type {"always" | "never" | "ignore"} */
+    const sameNameShorthand = context.options[1]?.sameNameShorthand || 'ignore'
 
-    return utils.defineTemplateBodyVisitor(context, {
-      /** @param {VDirective} node */
-      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]"(
-        node
-      ) {
-        const shorthandProp = node.key.name.rawName === '.'
-        const shorthand = node.key.name.rawName === ':' || shorthandProp
-        if (shorthand === preferShorthand) {
-          return
-        }
+    /** @param {VBindDirective} node */
+    function checkAttributeStyle(node) {
+      const shorthandProp = node.key.name.rawName === '.'
+      const shorthand = node.key.name.rawName === ':' || shorthandProp
+      if (shorthand === preferShorthand) {
+        return
+      }
 
-        let messageId = 'expectedLonghand'
-        if (preferShorthand) {
-          messageId = 'unexpectedLonghand'
-        } else if (shorthandProp) {
-          messageId = 'expectedLonghandForProp'
-        }
+      let messageId = 'expectedLonghand'
+      if (preferShorthand) {
+        messageId = 'unexpectedLonghand'
+      } else if (shorthandProp) {
+        messageId = 'expectedLonghandForProp'
+      }
+
+      context.report({
+        node,
+        loc: node.loc,
+        messageId,
+        *fix(fixer) {
+          if (preferShorthand) {
+            yield fixer.remove(node.key.name)
+          } else {
+            yield fixer.insertTextBefore(node, 'v-bind')
+
+            if (shorthandProp) {
+              // Replace `.` by `:`.
+              yield fixer.replaceText(node.key.name, ':')
 
-        context.report({
-          node,
-          loc: node.loc,
-          messageId,
-          *fix(fixer) {
-            if (preferShorthand) {
-              yield fixer.remove(node.key.name)
-            } else {
-              yield fixer.insertTextBefore(node, 'v-bind')
-
-              if (shorthandProp) {
-                // Replace `.` by `:`.
-                yield fixer.replaceText(node.key.name, ':')
-
-                // Insert `.prop` modifier if it doesn't exist.
-                const modifier = node.key.modifiers[0]
-                const isAutoGeneratedPropModifier =
-                  modifier.name === 'prop' && modifier.rawName === ''
-                if (isAutoGeneratedPropModifier) {
-                  yield fixer.insertTextBefore(modifier, '.prop')
-                }
+              // Insert `.prop` modifier if it doesn't exist.
+              const modifier = node.key.modifiers[0]
+              const isAutoGeneratedPropModifier =
+                modifier.name === 'prop' && modifier.rawName === ''
+              if (isAutoGeneratedPropModifier) {
+                yield fixer.insertTextBefore(modifier, '.prop')
               }
             }
           }
-        })
+        }
+      })
+    }
+
+    /** @param {VBindDirective} node */
+    function checkAttributeSameName(node) {
+      if (sameNameShorthand === 'ignore' || !isSameName(node)) return
+
+      const preferShorthand = sameNameShorthand === 'always'
+      const isShorthand = utils.isVBindSameNameShorthand(node)
+      if (isShorthand === preferShorthand) {
+        return
+      }
+
+      const messageId = preferShorthand
+        ? 'expectedShorthand'
+        : 'unexpectedShorthand'
+
+      context.report({
+        node,
+        loc: node.loc,
+        messageId,
+        *fix(fixer) {
+          if (preferShorthand) {
+            /** @type {Range} */
+            const valueRange = [getCutStart(node.key), node.range[1]]
+
+            yield fixer.removeRange(valueRange)
+          } else if (node.key.argument.type === 'VIdentifier') {
+            yield fixer.insertTextAfter(
+              node,
+              `="${casing.camelCase(node.key.argument.rawName)}"`
+            )
+          }
+        }
+      })
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VBindDirective} node */
+      "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]"(
+        node
+      ) {
+        checkAttributeSameName(node)
+        checkAttributeStyle(node)
       }
     })
   }
diff --git a/tests/lib/rules/v-bind-style.js b/tests/lib/rules/v-bind-style.js
index 26490790a..b678bf783 100644
--- a/tests/lib/rules/v-bind-style.js
+++ b/tests/lib/rules/v-bind-style.js
@@ -12,6 +12,9 @@ const tester = new RuleTester({
   languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
 })
 
+const expectedShorthand = 'Expected same-name shorthand.'
+const unexpectedShorthand = 'Unexpected same-name shorthand.'
+
 tester.run('v-bind-style', rule, {
   valid: [
     {
@@ -34,7 +37,7 @@ tester.run('v-bind-style', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-bind:foo="foo"></div></template>',
-      options: ['longform']
+      options: ['longform', { sameNameShorthand: 'ignore' }]
     },
 
     // Don't enforce `.prop` shorthand because of experimental.
@@ -55,6 +58,72 @@ tester.run('v-bind-style', rule, {
       filename: 'test.vue',
       code: '<template><div .foo="foo"></div></template>',
       options: ['shorthand']
+    },
+    // same-name shorthand: never
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo="foo" /></template>',
+      options: ['longform', { sameNameShorthand: 'never' }]
+    },
+    {
+      // modifier
+      filename: 'test.vue',
+      code: `
+      <template>
+      <div :foo.prop="foo" />
+      <div .foo="foo" />
+      </template>
+      `,
+      options: ['shorthand', { sameNameShorthand: 'never' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo.prop="foo" /></template>',
+      options: ['longform', { sameNameShorthand: 'never' }]
+    },
+    {
+      // camel case
+      filename: 'test.vue',
+      code: '<template><div :foo-bar="fooBar" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }]
+    },
+    // same-name shorthand: always
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo /></template>',
+      options: ['longform', { sameNameShorthand: 'always' }]
+    },
+    {
+      // modifier
+      filename: 'test.vue',
+      code: `
+      <template>
+      <div :foo.prop />
+      <div .foo />
+      </template>
+      `,
+      options: ['shorthand', { sameNameShorthand: 'always' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo.prop /></template>',
+      options: ['longform', { sameNameShorthand: 'always' }]
+    },
+    {
+      // camel case
+      filename: 'test.vue',
+      code: '<template><div :foo-bar/></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }]
     }
   ],
   invalid: [
@@ -120,6 +189,89 @@ tester.run('v-bind-style', rule, {
       output: '<template><div v-bind:foo /></template>',
       options: ['longform'],
       errors: ["Expected 'v-bind' before ':'."]
+    },
+    // same-name shorthand: never
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo /></template>',
+      output: '<template><div :foo="foo" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo /></template>',
+      output: '<template><div v-bind:foo="foo" /></template>',
+      options: ['longform', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand]
+    },
+    {
+      // modifier
+      filename: 'test.vue',
+      code: '<template><div :foo.prop /></template>',
+      output: '<template><div :foo.prop="foo" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div .foo /></template>',
+      output: '<template><div .foo="foo" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div .foo /></template>',
+      output: '<template><div v-bind:foo.prop /></template>',
+      options: ['longform', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand, "Expected 'v-bind:' instead of '.'."]
+    },
+    {
+      // camel case
+      filename: 'test.vue',
+      code: '<template><div :foo-bar /></template>',
+      output: '<template><div :foo-bar="fooBar" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand]
+    },
+    // same-name shorthand: always
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo="foo" /></template>',
+      output: '<template><div :foo /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }],
+      errors: [expectedShorthand]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-bind:foo="foo" /></template>',
+      output: '<template><div v-bind:foo /></template>',
+      options: ['longform', { sameNameShorthand: 'always' }],
+      errors: [expectedShorthand]
+    },
+    {
+      // modifier
+      filename: 'test.vue',
+      code: '<template><div :foo.prop="foo" /></template>',
+      output: '<template><div :foo.prop /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }],
+      errors: [expectedShorthand]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div .foo="foo" /></template>',
+      output: '<template><div .foo /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }],
+      errors: [expectedShorthand]
+    },
+    {
+      // camel case
+      filename: 'test.vue',
+      code: '<template><div :foo-bar="fooBar" /></template>',
+      output: '<template><div :foo-bar /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }],
+      errors: [expectedShorthand]
     }
   ]
 })

From ac7356562a2dc47812ec04fe92112664610fcdc3 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 30 Jan 2024 21:02:51 +0900
Subject: [PATCH 0704/1010] 9.21.0

---
 docs/rules/no-restricted-v-on.md     | 7 +++++--
 docs/rules/require-explicit-slots.md | 7 +++++--
 package.json                         | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-restricted-v-on.md b/docs/rules/no-restricted-v-on.md
index 1b73bd57d..2873caf1a 100644
--- a/docs/rules/no-restricted-v-on.md
+++ b/docs/rules/no-restricted-v-on.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-v-on
 description: disallow specific argument in `v-on`
+since: v9.21.0
 ---
 # vue/no-restricted-v-on
 
 > disallow specific argument in `v-on`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule allows you to specify `v-on` argument names that you don't want to use in your application.
@@ -105,6 +104,10 @@ The following properties can be specified for the object.
 [vue/no-restricted-static-attribute]: ./no-restricted-static-attribute.md
 [vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.21.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-v-on.js)
diff --git a/docs/rules/require-explicit-slots.md b/docs/rules/require-explicit-slots.md
index c3b78ad8d..bffd1e3e8 100644
--- a/docs/rules/require-explicit-slots.md
+++ b/docs/rules/require-explicit-slots.md
@@ -3,13 +3,12 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-explicit-slots
 description: require slots to be explicitly defined
+since: v9.21.0
 ---
 # vue/require-explicit-slots
 
 > require slots to be explicitly defined
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
-
 ## :book: Rule Details
 
 This rule enforces all slots used in the template to be defined once either in the `script setup` block with the [`defineSlots`](https://vuejs.org/api/sfc-script-setup.html) macro, or with the [`slots property`](https://vuejs.org/api/options-rendering.html#slots) in the Options API.
@@ -66,6 +65,10 @@ defineComponent({
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.21.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-explicit-slots.js)
diff --git a/package.json b/package.json
index 4699f3906..63cb12306 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.20.1",
+  "version": "9.21.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From b7ccbbd40ec4646a58eef4133913669e7eac833f Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Wed, 31 Jan 2024 18:33:56 +0800
Subject: [PATCH 0705/1010] fix(no-unused-emit-declarations): error in render
 functions (#2388)

---
 lib/rules/no-unused-emit-declarations.js      |  1 +
 .../lib/rules/no-unused-emit-declarations.js  | 34 +++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/lib/rules/no-unused-emit-declarations.js b/lib/rules/no-unused-emit-declarations.js
index 1a88d2417..146438935 100644
--- a/lib/rules/no-unused-emit-declarations.js
+++ b/lib/rules/no-unused-emit-declarations.js
@@ -63,6 +63,7 @@ function hasReferenceId(value, setupContext) {
  * @returns {boolean}
  */
 function isEmitVariableName(name, emitReferenceIds) {
+  if (emitReferenceIds.size === 0) return false
   const emitVariable = emitReferenceIds.values().next().value.name
   return emitVariable === name
 }
diff --git a/tests/lib/rules/no-unused-emit-declarations.js b/tests/lib/rules/no-unused-emit-declarations.js
index 17b2f441b..cccbcbb98 100644
--- a/tests/lib/rules/no-unused-emit-declarations.js
+++ b/tests/lib/rules/no-unused-emit-declarations.js
@@ -369,6 +369,19 @@ tester.run('no-unused-emit-declarations', rule, {
       const m = defineModel('foo')
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, ctx) {
+            return () => h('button', { onClick: () => ctx.emit('foo') })
+          }
+        }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -750,6 +763,27 @@ tester.run('no-unused-emit-declarations', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          emits: ['foo'],
+          setup(_, ctx) {
+            return () => h('button')
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'unused',
+          line: 4,
+          column: 19,
+          endColumn: 24
+        }
+      ]
     }
   ]
 })

From 7cb78d1cc80d7cad0bc40f99783fb963dbd52112 Mon Sep 17 00:00:00 2001
From: Hendrik Heil <hendrik@heil.sh>
Date: Thu, 1 Feb 2024 01:18:05 +0100
Subject: [PATCH 0706/1010] fix: support multiple macro calls in
 vue/define-macros-order (#2386)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/define-macros-order.js       |  20 +++--
 tests/lib/rules/define-macros-order.js | 113 +++++++++++++++++++++++++
 2 files changed, 126 insertions(+), 7 deletions(-)

diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 7c915ca80..f24c58af7 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -104,7 +104,7 @@ function create(context) {
   const order = (options[0] && options[0].order) || DEFAULT_ORDER
   /** @type {boolean} */
   const defineExposeLast = (options[0] && options[0].defineExposeLast) || false
-  /** @type {Map<string, ASTNode>} */
+  /** @type {Map<string, ASTNode[]>} */
   const macrosNodes = new Map()
   /** @type {ASTNode} */
   let defineExposeNode
@@ -112,19 +112,21 @@ function create(context) {
   return utils.compositingVisitors(
     utils.defineScriptSetupVisitor(context, {
       onDefinePropsExit(node) {
-        macrosNodes.set(MACROS_PROPS, getDefineMacrosStatement(node))
+        macrosNodes.set(MACROS_PROPS, [getDefineMacrosStatement(node)])
       },
       onDefineEmitsExit(node) {
-        macrosNodes.set(MACROS_EMITS, getDefineMacrosStatement(node))
+        macrosNodes.set(MACROS_EMITS, [getDefineMacrosStatement(node)])
       },
       onDefineOptionsExit(node) {
-        macrosNodes.set(MACROS_OPTIONS, getDefineMacrosStatement(node))
+        macrosNodes.set(MACROS_OPTIONS, [getDefineMacrosStatement(node)])
       },
       onDefineSlotsExit(node) {
-        macrosNodes.set(MACROS_SLOTS, getDefineMacrosStatement(node))
+        macrosNodes.set(MACROS_SLOTS, [getDefineMacrosStatement(node)])
       },
       onDefineModelExit(node) {
-        macrosNodes.set(MACROS_MODEL, getDefineMacrosStatement(node))
+        const currentModelMacros = macrosNodes.get(MACROS_MODEL) ?? []
+        currentModelMacros.push(getDefineMacrosStatement(node))
+        macrosNodes.set(MACROS_MODEL, currentModelMacros)
       },
       onDefineExposeExit(node) {
         defineExposeNode = getDefineMacrosStatement(node)
@@ -142,7 +144,10 @@ function create(context) {
           program
         )
         const orderedList = order
-          .map((name) => ({ name, node: macrosNodes.get(name) }))
+          .flatMap((name) => {
+            const nodes = macrosNodes.get(name) ?? []
+            return nodes.map((node) => ({ name, node }))
+          })
           .filter(
             /** @returns {data is OrderedData} */
             (data) => utils.isDef(data.node)
@@ -165,6 +170,7 @@ function create(context) {
               .map(({ node }) => node)
             const targetStatementIndex =
               moveTargetNodes.indexOf(targetStatement)
+
             if (targetStatementIndex >= 0) {
               moveTargetNodes = moveTargetNodes.slice(0, targetStatementIndex)
             }
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 09ac0208d..78c3637d2 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -238,6 +238,22 @@ tester.run('define-macros-order', rule, {
           parser: require.resolve('@typescript-eslint/parser')
         }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const first = defineModel('first')
+          const second = defineModel('second')
+
+          const slots = defineSlots()
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineModel', 'defineSlots']
+        }
+      ]
     }
   ],
   invalid: [
@@ -818,6 +834,103 @@ tester.run('define-macros-order', rule, {
           line: 8
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          /** options */
+          defineOptions({})
+          /** model */
+          const first = defineModel('first')
+          const second = defineModel('second')
+        </script>
+      `,
+      output: `
+        <script setup>
+          /** model */
+          const first = defineModel('first')
+          const second = defineModel('second')
+          /** options */
+          defineOptions({})
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineModel', 'defineOptions']
+        }
+      ],
+      errors: [
+        {
+          message: message('defineModel'),
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const first = defineModel('first')
+          defineOptions({})
+          const second = defineModel('second')
+        </script>
+      `,
+      output: `
+        <script setup>
+          const first = defineModel('first')
+          const second = defineModel('second')
+          defineOptions({})
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineModel', 'defineOptions']
+        }
+      ],
+      errors: [
+        {
+          message: message('defineModel'),
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const a = defineModel('a')
+          defineOptions({})
+          const c = defineModel('c')
+          defineExpose({})
+          const b = defineModel('b')
+        </script>
+      `,
+      output: `
+        <script setup>
+          const a = defineModel('a')
+          const c = defineModel('c')
+          const b = defineModel('b')
+          defineOptions({})
+          defineExpose({})
+        </script>
+      `,
+      options: [
+        {
+          order: ['defineModel', 'defineOptions'],
+          defineExposeLast: true
+        }
+      ],
+      errors: [
+        {
+          message: message('defineModel'),
+          line: 5
+        },
+        {
+          message: defineExposeNotTheLast,
+          line: 6
+        }
+      ]
     }
   ]
 })

From e936a1524c3bde167e68a365bd6fcd1b86a059b2 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 1 Feb 2024 09:21:41 +0900
Subject: [PATCH 0707/1010] 9.21.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 63cb12306..329e025f4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.21.0",
+  "version": "9.21.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 5227eed7018c541614172730e6a980487818ebdb Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 19 Feb 2024 00:40:22 +0100
Subject: [PATCH 0708/1010] Add missing suggestions and messages to tests
 (#2402)

---
 lib/rules/require-expose.js                   |   1 -
 tests/lib/rules/define-macros-order.js        |  16 +-
 tests/lib/rules/no-child-content.js           |  36 ++-
 .../rules/no-required-prop-with-default.js    |  20 +-
 tests/lib/rules/no-unused-vars.js             |  13 +-
 .../rules/prefer-true-attribute-shorthand.js  |   2 +
 tests/lib/rules/require-emit-validator.js     |  12 +-
 tests/lib/rules/require-explicit-emits.js     | 284 +++++++++++++++++-
 tests/lib/rules/require-expose.js             |   3 +
 tests/lib/rules/valid-next-tick.js            |   3 +
 10 files changed, 371 insertions(+), 19 deletions(-)

diff --git a/lib/rules/require-expose.js b/lib/rules/require-expose.js
index 41578839e..953393e37 100644
--- a/lib/rules/require-expose.js
+++ b/lib/rules/require-expose.js
@@ -67,7 +67,6 @@ module.exports = {
     messages: {
       requireExpose:
         'The public properties of the component must be explicitly declared using `expose`. If the component does not have public properties, declare it empty.',
-
       addExposeOptionForEmpty:
         'Add the `expose` option to give an empty array.',
       addExposeOptionForAll:
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 78c3637d2..bdae34e6a 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -928,7 +928,21 @@ tester.run('define-macros-order', rule, {
         },
         {
           message: defineExposeNotTheLast,
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              messageId: 'putExposeAtTheLast',
+              output: `
+        <script setup>
+          const a = defineModel('a')
+          defineOptions({})
+          const c = defineModel('c')
+          const b = defineModel('b')
+          defineExpose({})
+        </script>
+      `
+            }
+          ]
         }
       ]
     }
diff --git a/tests/lib/rules/no-child-content.js b/tests/lib/rules/no-child-content.js
index 2e46f6cb0..1be1e3c07 100644
--- a/tests/lib/rules/no-child-content.js
+++ b/tests/lib/rules/no-child-content.js
@@ -77,7 +77,10 @@ ruleTester.run('no-child-content', rule, {
           column: 29,
           endColumn: 32,
           suggestions: [
-            { output: '<template><div v-html="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-html="foo"></div></template>'
+            }
           ]
         }
       ]
@@ -93,7 +96,10 @@ ruleTester.run('no-child-content', rule, {
           column: 29,
           endColumn: 38,
           suggestions: [
-            { output: '<template><div v-html="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-html="foo"></div></template>'
+            }
           ]
         }
       ]
@@ -109,7 +115,10 @@ ruleTester.run('no-child-content', rule, {
           column: 29,
           endColumn: 37,
           suggestions: [
-            { output: '<template><div v-html="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-html="foo"></div></template>'
+            }
           ]
         }
       ]
@@ -125,7 +134,10 @@ ruleTester.run('no-child-content', rule, {
           column: 29,
           endColumn: 41,
           suggestions: [
-            { output: '<template><div v-html="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-html="foo"></div></template>'
+            }
           ]
         }
       ]
@@ -152,6 +164,7 @@ ruleTester.run('no-child-content', rule, {
           endColumn: 11,
           suggestions: [
             {
+              messageId: 'removeChildContent',
               output: `
         <template>
           <div v-html="foo"></div>
@@ -173,7 +186,10 @@ ruleTester.run('no-child-content', rule, {
           column: 29,
           endColumn: 32,
           suggestions: [
-            { output: '<template><div v-text="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-text="foo"></div></template>'
+            }
           ]
         }
       ]
@@ -190,7 +206,10 @@ ruleTester.run('no-child-content', rule, {
           column: 26,
           endColumn: 29,
           suggestions: [
-            { output: '<template><div v-t="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-t="foo"></div></template>'
+            }
           ]
         }
       ]
@@ -207,7 +226,10 @@ ruleTester.run('no-child-content', rule, {
           column: 29,
           endColumn: 32,
           suggestions: [
-            { output: '<template><div v-html="foo"></div></template>' }
+            {
+              messageId: 'removeChildContent',
+              output: '<template><div v-html="foo"></div></template>'
+            }
           ]
         }
       ]
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
index af33872f2..89319c0a8 100644
--- a/tests/lib/rules/no-required-prop-with-default.js
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -867,7 +867,25 @@ tester.run('no-required-prop-with-default', rule, {
       errors: [
         {
           message: 'Prop "name" should be optional.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              messageId: 'fixRequiredProp',
+              output: `
+        <script>
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          props: {
+            name: {
+              required: false,
+              default: 'Hello'
+            }
+          }
+        })
+        </script>
+      `
+            }
+          ]
         }
       ]
     },
diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
index 39cf9a4c7..60e1c276b 100644
--- a/tests/lib/rules/no-unused-vars.js
+++ b/tests/lib/rules/no-unused-vars.js
@@ -123,7 +123,18 @@ tester.run('no-unused-vars', rule, {
     {
       code: '<template><div v-for="(a, _i) in foo" ></div></template>',
       options: [{ ignorePattern: '^_' }],
-      errors: ["'a' is defined but never used."]
+      errors: [
+        {
+          message: "'a' is defined but never used.",
+          suggestions: [
+            {
+              messageId: 'replaceWithUnderscore',
+              output:
+                '<template><div v-for="(_a, _i) in foo" ></div></template>'
+            }
+          ]
+        }
+      ]
     },
     {
       code: '<template><my-component v-slot="a" >{{d}}</my-component></template>',
diff --git a/tests/lib/rules/prefer-true-attribute-shorthand.js b/tests/lib/rules/prefer-true-attribute-shorthand.js
index 342b0246c..43253fd69 100644
--- a/tests/lib/rules/prefer-true-attribute-shorthand.js
+++ b/tests/lib/rules/prefer-true-attribute-shorthand.js
@@ -264,12 +264,14 @@ tester.run('prefer-true-attribute-shorthand', rule, {
           column: 17,
           suggestions: [
             {
+              messageId: 'rewriteIntoLongVueProp',
               output: `
       <template>
         <MyComp :show="true" />
       </template>`
             },
             {
+              messageId: 'rewriteIntoLongHtmlAttr',
               output: `
       <template>
         <MyComp show="show" />
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index 0a509a6c1..8aadde153 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -383,7 +383,17 @@ ruleTester.run('require-emit-validator', rule, {
         {
           messageId: 'skipped',
           data: { name: 'foo' },
-          line: 3
+          line: 3,
+          suggestions: [
+            {
+              messageId: 'emptyValidation',
+              output: `
+      <script setup>
+      const emit = defineEmits({foo:() => true})
+      </script>
+      `
+            }
+          ]
         }
       ],
       languageOptions: {
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index 83af984ed..ed9e2d050 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -1727,8 +1727,86 @@ emits: {'foo': null}
       </script>
       `,
       errors: [
-        'The "foo" event has been triggered but not declared on `emits` option.',
-        'The "bar" event has been triggered but not declared on `emits` option.'
+        {
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <script>
+      export default {
+emits: ['foo'],
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+            ;(vm?.$emit)?.('bar')
+          }
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <script>
+      export default {
+emits: {'foo': null},
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+            ;(vm?.$emit)?.('bar')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "bar" event.',
+              output: `
+      <script>
+      export default {
+emits: ['bar'],
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+            ;(vm?.$emit)?.('bar')
+          }
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "bar" event.',
+              output: `
+      <script>
+      export default {
+emits: {'bar': null},
+        methods: {
+          click () {
+            const vm = this
+            vm?.$emit?.('foo')
+            ;(vm?.$emit)?.('bar')
+          }
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
       ]
     },
     {
@@ -1744,8 +1822,74 @@ emits: {'foo': null}
       </script>
       `,
       errors: [
-        'The "foo" event has been triggered but not declared on `emits` option.',
-        'The "bar" event has been triggered but not declared on `emits` option.'
+        {
+          message:
+            'The "foo" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <script>
+      export default {
+emits: ['foo'],
+        setup(p, c) {
+          c?.emit?.('foo')
+          ;(c?.emit)?.('bar')
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <script>
+      export default {
+emits: {'foo': null},
+        setup(p, c) {
+          c?.emit?.('foo')
+          ;(c?.emit)?.('bar')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        },
+        {
+          message:
+            'The "bar" event has been triggered but not declared on `emits` option.',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "bar" event.',
+              output: `
+      <script>
+      export default {
+emits: ['bar'],
+        setup(p, c) {
+          c?.emit?.('foo')
+          ;(c?.emit)?.('bar')
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "bar" event.',
+              output: `
+      <script>
+      export default {
+emits: {'bar': null},
+        setup(p, c) {
+          c?.emit?.('foo')
+          ;(c?.emit)?.('bar')
+        }
+      }
+      </script>
+      `
+            }
+          ]
+        }
       ]
     },
     // allowProps
@@ -1771,15 +1915,141 @@ emits: {'foo': null}
       errors: [
         {
           line: 3,
-          messageId: 'missing'
+          messageId: 'missing',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+emits: ['foo'],
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+emits: {'foo': null},
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
         },
         {
           line: 9,
-          messageId: 'missing'
+          messageId: 'missing',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+emits: ['foo'],
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+emits: {'foo': null},
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
         },
         {
           line: 12,
-          messageId: 'missing'
+          messageId: 'missing',
+          suggestions: [
+            {
+              desc: 'Add the `emits` option with array syntax and define "foo" event.',
+              output: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+emits: ['foo'],
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `
+            },
+            {
+              desc: 'Add the `emits` option with object syntax and define "foo" event.',
+              output: `
+      <template>
+        <button @click="$emit('foo')"/>
+      </template>
+      <script>
+      export default {
+        props: ['foo'],
+emits: {'foo': null},
+        methods: {
+          fn() { this.$emit('foo') }
+        },
+        setup(p, ctx) {
+          ctx.emit('foo')
+        }
+      }
+      </script>
+      `
+            }
+          ]
         }
       ]
     },
diff --git a/tests/lib/rules/require-expose.js b/tests/lib/rules/require-expose.js
index 4e0d54738..2c6c4dbb5 100644
--- a/tests/lib/rules/require-expose.js
+++ b/tests/lib/rules/require-expose.js
@@ -284,6 +284,7 @@ expose: ["foo", "bar"],
       `,
       errors: [
         {
+          messageId: 'requireExpose',
           suggestions: [
             {
               desc: 'Add the `expose` option to give an empty array.',
@@ -329,6 +330,7 @@ expose: ["x", "foo", "bar"],
       `,
       errors: [
         {
+          messageId: 'requireExpose',
           suggestions: [
             {
               desc: 'Add the `expose` option to give an empty array.',
@@ -353,6 +355,7 @@ expose: []
       `,
       errors: [
         {
+          messageId: 'requireExpose',
           suggestions: [
             {
               desc: 'Add the `expose` option to give an empty array.',
diff --git a/tests/lib/rules/valid-next-tick.js b/tests/lib/rules/valid-next-tick.js
index 0cd583785..2e776e330 100644
--- a/tests/lib/rules/valid-next-tick.js
+++ b/tests/lib/rules/valid-next-tick.js
@@ -156,6 +156,7 @@ tester.run('valid-next-tick', rule, {
           column: 11,
           suggestions: [
             {
+              messageId: 'addAwait',
               output: `<script>import { nextTick as nt } from 'vue';
       export default {
         async mounted() {
@@ -174,6 +175,7 @@ tester.run('valid-next-tick', rule, {
           column: 15,
           suggestions: [
             {
+              messageId: 'addAwait',
               output: `<script>import { nextTick as nt } from 'vue';
       export default {
         async mounted() {
@@ -192,6 +194,7 @@ tester.run('valid-next-tick', rule, {
           column: 16,
           suggestions: [
             {
+              messageId: 'addAwait',
               output: `<script>import { nextTick as nt } from 'vue';
       export default {
         async mounted() {

From 33b67a4ab10606813f51c81ef73a60004dc6da75 Mon Sep 17 00:00:00 2001
From: fnx <966276+DMartens@users.noreply.github.com>
Date: Mon, 19 Feb 2024 00:52:56 +0100
Subject: [PATCH 0709/1010] fix(no-useless-mustaches): escape < in fixes
 (#2389)

---
 lib/rules/no-useless-mustaches.js       |  3 +-
 tests/lib/rules/no-useless-mustaches.js | 48 +++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-useless-mustaches.js b/lib/rules/no-useless-mustaches.js
index f4f858d9e..f4db1a008 100644
--- a/lib/rules/no-useless-mustaches.js
+++ b/lib/rules/no-useless-mustaches.js
@@ -142,8 +142,9 @@ module.exports = {
             // It doesn't autofix because another rule like indent or eol space might remove spaces.
             return null
           }
+          const escaped = text.replace(/</g, '&lt;')
 
-          return fixer.replaceText(node, text.replace(/\\([\S\s])/g, '$1'))
+          return fixer.replaceText(node, escaped.replace(/\\([\S\s])/g, '$1'))
         }
       })
     }
diff --git a/tests/lib/rules/no-useless-mustaches.js b/tests/lib/rules/no-useless-mustaches.js
index a40d93f7d..77d055e17 100644
--- a/tests/lib/rules/no-useless-mustaches.js
+++ b/tests/lib/rules/no-useless-mustaches.js
@@ -186,6 +186,54 @@ tester.run('no-useless-mustaches', rule, {
         'Unexpected mustache interpolation with a string literal value.'
       ]
     },
+    {
+      code: `
+      <template>
+        {{ '&lt;' }}
+        {{ '&gt;' }}
+        {{ '&amp;' }}
+        {{ '&#8212;' }}
+      </template>
+      `,
+      output: `
+      <template>
+        &lt;
+        &gt;
+        &amp;
+        &#8212;
+      </template>
+      `,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
+    {
+      code: `
+      <template>
+        {{ '<' }}
+        {{ '<<' }}
+        {{ 'can be < anywhere' }}
+        {{ '<tag>' }}
+      </template>
+      `,
+      output: `
+      <template>
+        &lt;
+        &lt;&lt;
+        can be &lt; anywhere
+        &lt;tag>
+      </template>
+      `,
+      errors: [
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.',
+        'Unexpected mustache interpolation with a string literal value.'
+      ]
+    },
     {
       code: `
       <template>

From 7bdefb251c0a3b6061a08c1451648982f370b8ee Mon Sep 17 00:00:00 2001
From: Hiroki Osame <hiroki.osame@gmail.com>
Date: Mon, 19 Feb 2024 08:53:41 +0900
Subject: [PATCH 0710/1010] feat(no-deprecated-slot-attribute): improve autofix
 to wrap `<template v-slot>` (#2390)

---
 lib/rules/syntaxes/slot-attribute.js          | 22 ++++++++++++----
 lib/rules/syntaxes/slot-scope-attribute.js    | 14 ++++++++--
 .../syntaxes/utils/can-convert-to-v-slot.js   |  3 ---
 .../lib/rules/no-deprecated-slot-attribute.js | 26 ++++++++++++++++---
 .../no-deprecated-slot-scope-attribute.js     |  8 ++++--
 5 files changed, 58 insertions(+), 15 deletions(-)

diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index a96998175..61891df3b 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -71,8 +71,8 @@ module.exports = {
      * @returns {IterableIterator<Fix>} fix data
      */
     function* fixSlotToVSlot(fixer, slotAttr, slotName, vBind) {
-      const element = slotAttr.parent
-      const scopeAttr = element.attributes.find(
+      const startTag = slotAttr.parent
+      const scopeAttr = startTag.attributes.find(
         (attr) =>
           attr.directive === true &&
           attr.key.name &&
@@ -89,9 +89,21 @@ module.exports = {
           : ''
 
       const replaceText = `v-slot${nameArgument}${scopeValue}`
-      yield fixer.replaceText(slotAttr || scopeAttr, replaceText)
-      if (slotAttr && scopeAttr) {
-        yield fixer.remove(scopeAttr)
+
+      const element = startTag.parent
+      if (element.name === 'template') {
+        yield fixer.replaceText(slotAttr || scopeAttr, replaceText)
+        if (slotAttr && scopeAttr) {
+          yield fixer.remove(scopeAttr)
+        }
+      } else {
+        yield fixer.remove(slotAttr || scopeAttr)
+        if (slotAttr && scopeAttr) {
+          yield fixer.remove(scopeAttr)
+        }
+
+        yield fixer.insertTextBefore(element, `<template ${replaceText}>\n`)
+        yield fixer.insertTextAfter(element, `\n</template>`)
       }
     }
     /**
diff --git a/lib/rules/syntaxes/slot-scope-attribute.js b/lib/rules/syntaxes/slot-scope-attribute.js
index 7332c5b7d..5f8070498 100644
--- a/lib/rules/syntaxes/slot-scope-attribute.js
+++ b/lib/rules/syntaxes/slot-scope-attribute.js
@@ -62,16 +62,26 @@ module.exports = {
      * Convert to `v-slot`.
      * @param {RuleFixer} fixer fixer
      * @param {VDirective} scopeAttr node of `slot-scope`
-     * @returns {Fix} fix data
+     * @returns {Fix[]} fix data
      */
     function fixSlotScopeToVSlot(fixer, scopeAttr) {
+      const element = scopeAttr.parent.parent
       const scopeValue =
         scopeAttr && scopeAttr.value
           ? `=${sourceCode.getText(scopeAttr.value)}`
           : ''
 
       const replaceText = `v-slot${scopeValue}`
-      return fixer.replaceText(scopeAttr, replaceText)
+      if (element.name === 'template') {
+        return [fixer.replaceText(scopeAttr, replaceText)]
+      } else {
+        const tokenBefore = tokenStore.getTokenBefore(scopeAttr)
+        return [
+          fixer.removeRange([tokenBefore.range[1], scopeAttr.range[1]]),
+          fixer.insertTextBefore(element, `<template ${replaceText}>\n`),
+          fixer.insertTextAfter(element, `\n</template>`)
+        ]
+      }
     }
     /**
      * Reports `slot-scope` node
diff --git a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
index 69c26cf43..f4e667783 100644
--- a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
+++ b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
@@ -25,9 +25,6 @@ const utils = require('../../../utils')
  * @param {ParserServices.TokenStore} tokenStore
  */
 module.exports = function canConvertToVSlot(element, sourceCode, tokenStore) {
-  if (element.name !== 'template') {
-    return false
-  }
   const ownerElement = element.parent
   if (
     ownerElement.type === 'VDocumentFragment' ||
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 324983444..51d109358 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -335,7 +335,12 @@ tester.run('no-deprecated-slot-attribute', rule, {
           <a slot="name" />
         </LinkList>
       </template>`,
-      output: null,
+      output: `
+      <template>
+        <LinkList>
+          <template v-slot:name>\n<a  />\n</template>
+        </LinkList>
+      </template>`,
       errors: [
         {
           message: '`slot` attributes are deprecated.',
@@ -350,7 +355,12 @@ tester.run('no-deprecated-slot-attribute', rule, {
           <a :slot="name" />
         </LinkList>
       </template>`,
-      output: null,
+      output: `
+      <template>
+        <LinkList>
+          <template v-slot:[name]>\n<a  />\n</template>
+        </LinkList>
+      </template>`,
       errors: [
         {
           message: '`slot` attributes are deprecated.',
@@ -616,7 +626,17 @@ tester.run('no-deprecated-slot-attribute', rule, {
           </two>
         </my-component>
       </template>`,
-      output: null,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component>
+      </template>`,
       options: [
         {
           ignore: ['one']
diff --git a/tests/lib/rules/no-deprecated-slot-scope-attribute.js b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
index dccc46a0c..078f004ef 100644
--- a/tests/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -90,7 +90,6 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
         }
       ]
     },
-    // cannot fix
     {
       code: `
       <template>
@@ -98,7 +97,12 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
           <a slot-scope="{a}" />
         </LinkList>
       </template>`,
-      output: null,
+      output: `
+      <template>
+        <LinkList>
+          <template v-slot="{a}">\n<a />\n</template>
+        </LinkList>
+      </template>`,
       errors: [
         {
           message: '`slot-scope` are deprecated.',

From 16aba2c7d7ac7e1fa657e951727c3b596c072def Mon Sep 17 00:00:00 2001
From: KG <moalusi@olarm.com>
Date: Mon, 19 Feb 2024 01:59:15 +0200
Subject: [PATCH 0711/1010] fix(no-setup-props-reactivity-loss): false negative
 for conditional expressions (#2394)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-setup-props-reactivity-loss.js   | 11 +++++-
 .../rules/no-setup-props-reactivity-loss.js   | 37 +++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-setup-props-reactivity-loss.js b/lib/rules/no-setup-props-reactivity-loss.js
index fc0406ba9..b8e896075 100644
--- a/lib/rules/no-setup-props-reactivity-loss.js
+++ b/lib/rules/no-setup-props-reactivity-loss.js
@@ -78,7 +78,8 @@ module.exports = {
       if (
         left.type !== 'ArrayPattern' &&
         left.type !== 'ObjectPattern' &&
-        rightNode.type !== 'MemberExpression'
+        rightNode.type !== 'MemberExpression' &&
+        rightNode.type !== 'ConditionalExpression'
       ) {
         return
       }
@@ -91,6 +92,14 @@ module.exports = {
       if (rightId.type === 'Identifier' && propsReferences.refs.has(rightId)) {
         report(left, 'getProperty', propsReferences.scopeName)
       }
+      if (
+        rightId.type === 'ConditionalExpression' &&
+        (isPropsMemberAccessed(rightId.test, propsReferences) ||
+          isPropsMemberAccessed(rightId.consequent, propsReferences) ||
+          isPropsMemberAccessed(rightId.alternate, propsReferences))
+      ) {
+        report(right, 'getProperty', propsReferences.scopeName)
+      }
     }
 
     /**
diff --git a/tests/lib/rules/no-setup-props-reactivity-loss.js b/tests/lib/rules/no-setup-props-reactivity-loss.js
index 408ccb09e..6321ea573 100644
--- a/tests/lib/rules/no-setup-props-reactivity-loss.js
+++ b/tests/lib/rules/no-setup-props-reactivity-loss.js
@@ -113,6 +113,28 @@ tester.run('no-setup-props-reactivity-loss', rule, {
       </script>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(props) {
+          watch(
+            () => props.count,
+            () => {
+              const test = props.count ? true : false
+              console.log(test)
+            }
+          )
+
+          return () => {
+            return h('div', props.count ? true : false)
+          }
+        }
+      }
+      </script>
+      `
+    },
     {
       filename: 'test.vue',
       code: `
@@ -680,6 +702,21 @@ tester.run('no-setup-props-reactivity-loss', rule, {
           line: 6
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps({ count: Number })
+      const buildCounter = props.count ? 1 : undefined
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 4
+        }
+      ]
     }
   ]
 })

From c2451ab4fa76b4f0bbf3e47dc3f6dd0f275b0206 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Mon, 19 Feb 2024 08:49:38 +0800
Subject: [PATCH 0712/1010] fix(require-explicit-slots): recognize slot names
 enclosed in quotes (#2397)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/require-explicit-slots.md      |  2 +-
 lib/rules/require-explicit-slots.js       | 42 ++++++++++++--
 tests/lib/rules/require-explicit-slots.js | 67 ++++++++++++++++++++++-
 3 files changed, 103 insertions(+), 8 deletions(-)

diff --git a/docs/rules/require-explicit-slots.md b/docs/rules/require-explicit-slots.md
index bffd1e3e8..7b05724db 100644
--- a/docs/rules/require-explicit-slots.md
+++ b/docs/rules/require-explicit-slots.md
@@ -11,7 +11,7 @@ since: v9.21.0
 
 ## :book: Rule Details
 
-This rule enforces all slots used in the template to be defined once either in the `script setup` block with the [`defineSlots`](https://vuejs.org/api/sfc-script-setup.html) macro, or with the [`slots property`](https://vuejs.org/api/options-rendering.html#slots) in the Options API.
+This rule enforces all slots used in the template to be defined once either in the `script setup` block with the [`defineSlots`](https://vuejs.org/api/sfc-script-setup.html#defineslots) macro, or with the [`slots property`](https://vuejs.org/api/options-rendering.html#slots) in the Options API.
 
 <eslint-code-block :rules="{'vue/require-explicit-slots': ['error']}">
 
diff --git a/lib/rules/require-explicit-slots.js b/lib/rules/require-explicit-slots.js
index ed2d2edb9..aab09c494 100644
--- a/lib/rules/require-explicit-slots.js
+++ b/lib/rules/require-explicit-slots.js
@@ -8,8 +8,33 @@ const utils = require('../utils')
 
 /**
  * @typedef {import('@typescript-eslint/types').TSESTree.TypeNode} TypeNode
+ * @typedef {import('@typescript-eslint/types').TSESTree.TypeElement} TypeElement
  */
 
+/**
+ * @param {TypeElement} node
+ * @return {string | null}
+ */
+function getSlotsName(node) {
+  if (
+    node.type !== 'TSMethodSignature' &&
+    node.type !== 'TSPropertySignature'
+  ) {
+    return null
+  }
+
+  const key = node.key
+  if (key.type === 'Literal') {
+    return typeof key.value === 'string' ? key.value : null
+  }
+
+  if (key.type === 'Identifier') {
+    return key.name
+  }
+
+  return null
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -34,9 +59,9 @@ module.exports = {
     if (!documentFragment) {
       return {}
     }
-    const scripts = documentFragment.children.filter(
-      (element) => utils.isVElement(element) && element.name === 'script'
-    )
+    const scripts = documentFragment.children
+      .filter(utils.isVElement)
+      .filter((element) => element.name === 'script')
     if (scripts.every((script) => !utils.hasAttribute(script, 'lang', 'ts'))) {
       return {}
     }
@@ -54,7 +79,9 @@ module.exports = {
 
           if (param.type === 'TSTypeLiteral') {
             for (const memberNode of param.members) {
-              const slotName = memberNode.key.name
+              const slotName = getSlotsName(memberNode)
+              if (!slotName) continue
+
               if (slotsDefined.has(slotName)) {
                 context.report({
                   node: memberNode,
@@ -75,6 +102,7 @@ module.exports = {
         if (!slotsProperty) return
 
         const slotsTypeHelper =
+          slotsProperty.value.type === 'TSAsExpression' &&
           slotsProperty.value.typeAnnotation?.typeName.name === 'SlotsType' &&
           slotsProperty.value.typeAnnotation
         if (!slotsTypeHelper) return
@@ -90,7 +118,9 @@ module.exports = {
 
         if (param.type === 'TSTypeLiteral') {
           for (const memberNode of param.members) {
-            const slotName = memberNode.key.name
+            const slotName = getSlotsName(memberNode)
+            if (!slotName) continue
+
             if (slotsDefined.has(slotName)) {
               context.report({
                 node: memberNode,
@@ -111,7 +141,7 @@ module.exports = {
 
           const slotNameAttr = utils.getAttribute(node, 'name')
 
-          if (slotNameAttr) {
+          if (slotNameAttr?.value) {
             slotName = slotNameAttr.value.value
           }
 
diff --git a/tests/lib/rules/require-explicit-slots.js b/tests/lib/rules/require-explicit-slots.js
index 91ce0ce0b..ebbc28818 100644
--- a/tests/lib/rules/require-explicit-slots.js
+++ b/tests/lib/rules/require-explicit-slots.js
@@ -62,7 +62,34 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
-
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        foo: (props: { msg: string }) => any
+      }>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo-bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        'foo-bar'(props: { msg: string }): any
+      }>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -203,6 +230,44 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        default: (props: { msg: string }) => any
+      }>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name />
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        'foo-bar'(props: { msg: string }): any
+      }>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From 4ea3dfcd7ab171d95eca34f3eaae92dc088c9e14 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 19 Feb 2024 01:51:28 +0100
Subject: [PATCH 0713/1010] Code formatting (#2404)

---
 .github/FUNDING.yml                           |   4 +-
 .github/workflows/CI.yml                      |  88 ++---
 .markdownlint.yml                             |   2 +-
 .prettierignore                               |   2 +
 .vscode/launch.json                           |   5 +-
 .vscode/settings.json                         |  32 +-
 docs/rules/array-bracket-newline.md           |   1 +
 docs/rules/array-bracket-spacing.md           |   1 +
 docs/rules/array-element-newline.md           |   1 +
 docs/rules/arrow-spacing.md                   |   1 +
 docs/rules/attribute-hyphenation.md           |   1 +
 docs/rules/attributes-order.md                |   1 +
 docs/rules/block-lang.md                      |   1 +
 docs/rules/block-order.md                     |   1 +
 docs/rules/block-spacing.md                   |   1 +
 docs/rules/block-tag-newline.md               |   1 +
 docs/rules/brace-style.md                     |   1 +
 docs/rules/camelcase.md                       |   1 +
 docs/rules/comma-dangle.md                    |   1 +
 docs/rules/comma-spacing.md                   |   1 +
 docs/rules/comma-style.md                     |   1 +
 docs/rules/comment-directive.md               |   1 +
 docs/rules/component-api-style.md             |   5 +-
 .../rules/component-definition-name-casing.md |  17 +-
 .../component-name-in-template-casing.md      |  13 +-
 docs/rules/component-options-name-casing.md   |   1 +
 docs/rules/component-tags-order.md            |   1 +
 docs/rules/custom-event-name-casing.md        |   9 +-
 docs/rules/define-emits-declaration.md        |   1 +
 docs/rules/define-macros-order.md             |   1 +
 docs/rules/define-props-declaration.md        |   5 +-
 docs/rules/dot-location.md                    |   1 +
 docs/rules/dot-notation.md                    |   1 +
 docs/rules/enforce-style-attribute.md         |   1 +
 docs/rules/eqeqeq.md                          |   1 +
 docs/rules/experimental-script-setup-vars.md  |   1 +
 docs/rules/first-attribute-linebreak.md       |   1 +
 docs/rules/func-call-spacing.md               |   1 +
 docs/rules/html-button-has-type.md            |   1 +
 docs/rules/html-closing-bracket-newline.md    |   1 +
 docs/rules/html-closing-bracket-spacing.md    |   1 +
 docs/rules/html-comment-content-newline.md    |   3 +
 docs/rules/html-comment-content-spacing.md    |   5 +-
 docs/rules/html-comment-indent.md             |   1 +
 docs/rules/html-end-tags.md                   |   1 +
 docs/rules/html-indent.md                     |   1 +
 docs/rules/html-quotes.md                     |   1 +
 docs/rules/html-self-closing.md               |   1 +
 docs/rules/jsx-uses-vars.md                   |   1 +
 docs/rules/key-spacing.md                     |   1 +
 docs/rules/keyword-spacing.md                 |   1 +
 docs/rules/match-component-file-name.md       |  39 +-
 docs/rules/match-component-import-name.md     |   1 +
 docs/rules/max-attributes-per-line.md         |   1 +
 docs/rules/max-len.md                         |   1 +
 docs/rules/max-lines-per-block.md             |   1 +
 docs/rules/multi-word-component-names.md      |   9 +-
 .../multiline-html-element-content-newline.md |   1 +
 docs/rules/multiline-ternary.md               |   1 +
 docs/rules/mustache-interpolation-spacing.md  |   1 +
 docs/rules/name-property-casing.md            |  33 +-
 .../new-line-between-multi-line-property.md   |   1 +
 docs/rules/next-tick-style.md                 |   1 +
 docs/rules/no-arrow-functions-in-watch.md     |   1 +
 docs/rules/no-async-in-computed-properties.md |  31 +-
 docs/rules/no-bare-strings-in-template.md     |   3 +-
 docs/rules/no-boolean-default.md              |   1 +
 docs/rules/no-child-content.md                |   1 +
 docs/rules/no-computed-properties-in-data.md  |   5 +-
 docs/rules/no-confusing-v-for-v-if.md         |   1 +
 docs/rules/no-console.md                      |   1 +
 docs/rules/no-constant-condition.md           |   1 +
 docs/rules/no-custom-modifiers-on-v-model.md  |   3 +-
 .../no-deprecated-data-object-declaration.md  |   5 +-
 .../no-deprecated-destroyed-lifecycle.md      |  13 +-
 .../no-deprecated-dollar-listeners-api.md     |   1 +
 .../no-deprecated-dollar-scopedslots-api.md   |   1 +
 docs/rules/no-deprecated-events-api.md        |   9 +-
 docs/rules/no-deprecated-filter.md            |   1 +
 .../no-deprecated-functional-template.md      |   1 +
 docs/rules/no-deprecated-html-element-is.md   |   1 +
 docs/rules/no-deprecated-inline-template.md   |   1 +
 docs/rules/no-deprecated-model-definition.md  |   1 +
 .../rules/no-deprecated-props-default-this.md |   5 +-
 .../no-deprecated-router-link-tag-prop.md     |   1 +
 docs/rules/no-deprecated-scope-attribute.md   |   1 +
 docs/rules/no-deprecated-slot-attribute.md    |   3 +-
 .../no-deprecated-slot-scope-attribute.md     |   1 +
 docs/rules/no-deprecated-v-bind-sync.md       |  14 +-
 docs/rules/no-deprecated-v-is.md              |   3 +-
 .../no-deprecated-v-on-native-modifier.md     |   1 +
 .../no-deprecated-v-on-number-modifiers.md    |   1 +
 .../no-deprecated-vue-config-keycodes.md      |   1 +
 docs/rules/no-dupe-keys.md                    |   9 +-
 docs/rules/no-dupe-v-else-if.md               |   1 +
 docs/rules/no-duplicate-attr-inheritance.md   |   1 +
 docs/rules/no-duplicate-attributes.md         |   1 +
 docs/rules/no-empty-component-block.md        |  10 +-
 docs/rules/no-empty-pattern.md                |   1 +
 docs/rules/no-export-in-script-setup.md       |   1 +
 docs/rules/no-expose-after-await.md           |   1 +
 docs/rules/no-extra-parens.md                 |   1 +
 docs/rules/no-invalid-model-keys.md           |   1 +
 docs/rules/no-irregular-whitespace.md         |   1 +
 docs/rules/no-lifecycle-after-await.md        |   1 +
 docs/rules/no-lone-template.md                |   1 +
 docs/rules/no-loss-of-precision.md            |   1 +
 docs/rules/no-multi-spaces.md                 |   1 +
 docs/rules/no-multiple-objects-in-class.md    |   7 +-
 docs/rules/no-multiple-slot-args.md           |   1 +
 docs/rules/no-multiple-template-root.md       |   3 +-
 docs/rules/no-mutating-props.md               | 107 ++---
 docs/rules/no-parsing-error.md                |   1 +
 .../no-potential-component-option-typo.md     |   1 +
 docs/rules/no-ref-as-operand.md               |   3 +-
 docs/rules/no-ref-object-destructure.md       |   1 +
 docs/rules/no-ref-object-reactivity-loss.md   |   1 +
 docs/rules/no-required-prop-with-default.md   |  75 ++--
 docs/rules/no-reserved-component-names.md     |   1 +
 docs/rules/no-reserved-keys.md                |   9 +-
 docs/rules/no-reserved-props.md               |   1 +
 docs/rules/no-restricted-block.md             |   1 +
 docs/rules/no-restricted-call-after-await.md  |   1 +
 docs/rules/no-restricted-class.md             |   5 +-
 docs/rules/no-restricted-component-names.md   |  33 +-
 docs/rules/no-restricted-component-options.md |   1 +
 docs/rules/no-restricted-custom-event.md      |   1 +
 docs/rules/no-restricted-html-elements.md     |   1 +
 docs/rules/no-restricted-props.md             |   1 +
 docs/rules/no-restricted-static-attribute.md  |   1 +
 docs/rules/no-restricted-syntax.md            |   1 +
 docs/rules/no-restricted-v-bind.md            |   1 +
 docs/rules/no-restricted-v-on.md              |   1 +
 docs/rules/no-root-v-if.md                    |   1 +
 docs/rules/no-setup-props-destructure.md      |   1 +
 docs/rules/no-setup-props-reactivity-loss.md  |   1 +
 docs/rules/no-shared-component-data.md        |   3 +-
 .../no-side-effects-in-computed-properties.md |  15 +-
 ...-spaces-around-equal-signs-in-attribute.md |   3 +-
 docs/rules/no-sparse-arrays.md                |   1 +
 docs/rules/no-static-inline-styles.md         |   7 +-
 docs/rules/no-template-key.md                 |   1 +
 docs/rules/no-template-shadow.md              |   1 +
 docs/rules/no-template-target-blank.md        |   3 +-
 docs/rules/no-textarea-mustache.md            |   1 +
 docs/rules/no-this-in-before-route-enter.md   |   5 +-
 docs/rules/no-undef-components.md             |  21 +-
 docs/rules/no-undef-properties.md             |  41 +-
 docs/rules/no-unregistered-components.md      |  49 ++-
 docs/rules/no-unsupported-features.md         |   3 +-
 docs/rules/no-unused-components.md            |  90 ++---
 docs/rules/no-unused-emit-declarations.md     |  21 +-
 docs/rules/no-unused-properties.md            | 179 +++++----
 docs/rules/no-unused-refs.md                  |   1 +
 docs/rules/no-unused-vars.md                  |   1 +
 .../no-use-computed-property-like-method.md   |   1 +
 docs/rules/no-use-v-else-with-v-for.md        |   1 +
 docs/rules/no-use-v-if-with-v-for.md          |   1 +
 docs/rules/no-useless-concat.md               |   1 +
 docs/rules/no-useless-mustaches.md            |   1 +
 docs/rules/no-useless-template-attributes.md  |   1 +
 docs/rules/no-useless-v-bind.md               |  15 +-
 docs/rules/no-v-for-template-key-on-child.md  |   3 +-
 docs/rules/no-v-for-template-key.md           |   1 +
 docs/rules/no-v-html.md                       |   1 +
 docs/rules/no-v-model-argument.md             |   2 +-
 docs/rules/no-v-text-v-html-on-component.md   |   5 +-
 docs/rules/no-v-text.md                       |   1 +
 docs/rules/no-watch-after-await.md            |   1 +
 docs/rules/object-curly-newline.md            |   1 +
 docs/rules/object-curly-spacing.md            |   1 +
 docs/rules/object-property-newline.md         |   1 +
 docs/rules/object-shorthand.md                |   1 +
 docs/rules/one-component-per-file.md          |   1 +
 docs/rules/operator-linebreak.md              |   1 +
 docs/rules/order-in-components.md             |   5 +-
 docs/rules/padding-line-between-blocks.md     |   1 +
 docs/rules/padding-line-between-tags.md       |   1 +
 .../padding-lines-in-component-definition.md  |  21 +-
 docs/rules/prefer-define-options.md           |   1 +
 docs/rules/prefer-import-from-vue.md          |   3 +-
 docs/rules/prefer-prop-type-boolean-first.md  |   1 +
 docs/rules/prefer-separate-static-class.md    |   5 +-
 docs/rules/prefer-template.md                 |   1 +
 docs/rules/prefer-true-attribute-shorthand.md |   1 +
 docs/rules/prop-name-casing.md                |   1 +
 docs/rules/quote-props.md                     |   3 +-
 docs/rules/require-component-is.md            |   9 +-
 docs/rules/require-default-prop.md            |   1 +
 docs/rules/require-direct-export.md           |   5 +-
 docs/rules/require-emit-validator.md          |   1 +
 docs/rules/require-explicit-emits.md          |  13 +-
 docs/rules/require-explicit-slots.md          |   1 +
 docs/rules/require-expose.md                  |   1 +
 docs/rules/require-macro-variable-name.md     |   1 +
 docs/rules/require-name-property.md           |   4 +-
 docs/rules/require-prop-comment.md            |   1 +
 docs/rules/require-prop-type-constructor.md   |  13 +-
 docs/rules/require-prop-types.md              |   1 +
 docs/rules/require-render-return.md           |   5 +-
 docs/rules/require-slots-as-functions.md      |   1 +
 .../rules/require-toggle-inside-transition.md |   1 +
 docs/rules/require-typed-object-prop.md       |   3 +-
 docs/rules/require-typed-ref.md               |   1 +
 docs/rules/require-v-for-key.md               |   1 +
 docs/rules/require-valid-default-prop.md      |   1 +
 docs/rules/return-in-computed-property.md     |  11 +-
 docs/rules/return-in-emits-validator.md       |   7 +-
 docs/rules/script-indent.md                   |   1 +
 docs/rules/script-setup-uses-vars.md          |  21 +-
 ...singleline-html-element-content-newline.md |   1 +
 docs/rules/sort-keys.md                       |   1 +
 docs/rules/space-in-parens.md                 |   1 +
 docs/rules/space-infix-ops.md                 |   1 +
 docs/rules/space-unary-ops.md                 |   1 +
 docs/rules/static-class-names-order.md        |   1 +
 docs/rules/template-curly-spacing.md          |   1 +
 docs/rules/this-in-template.md                |   5 +-
 docs/rules/use-v-on-exact.md                  |   1 +
 docs/rules/v-bind-style.md                    |   9 +-
 docs/rules/v-for-delimiter-style.md           |   1 +
 docs/rules/v-if-else-key.md                   |   1 +
 docs/rules/v-on-event-hyphenation.md          |  23 +-
 docs/rules/v-on-function-call.md              |  41 +-
 docs/rules/v-on-handler-style.md              |   1 +
 docs/rules/v-on-style.md                      |   9 +-
 docs/rules/v-slot-style.md                    |   9 +-
 docs/rules/valid-attribute-name.md            |   1 +
 docs/rules/valid-define-emits.md              |   1 +
 docs/rules/valid-define-options.md            |   1 +
 docs/rules/valid-define-props.md              |   1 +
 docs/rules/valid-model-definition.md          |   1 +
 docs/rules/valid-next-tick.md                 |   1 +
 docs/rules/valid-template-root.md             |   1 +
 docs/rules/valid-v-bind-sync.md               |  13 +-
 docs/rules/valid-v-bind.md                    |  13 +-
 docs/rules/valid-v-cloak.md                   |   9 +-
 docs/rules/valid-v-else-if.md                 |  13 +-
 docs/rules/valid-v-else.md                    |  13 +-
 docs/rules/valid-v-for.md                     |   1 +
 docs/rules/valid-v-html.md                    |   9 +-
 docs/rules/valid-v-if.md                      |  13 +-
 docs/rules/valid-v-is.md                      |   1 +
 docs/rules/valid-v-memo.md                    |  11 +-
 docs/rules/valid-v-model.md                   |  33 +-
 docs/rules/valid-v-on.md                      |  25 +-
 docs/rules/valid-v-once.md                    |   9 +-
 docs/rules/valid-v-pre.md                     |   9 +-
 docs/rules/valid-v-show.md                    |   9 +-
 docs/rules/valid-v-slot.md                    |  13 +-
 docs/rules/valid-v-text.md                    |   9 +-
 docs/user-guide/index.md                      |   4 +-
 lib/utils/deprecated-html-elements.json       |  34 +-
 lib/utils/html-elements.json                  | 121 +++++-
 lib/utils/js-reserved.json                    |  80 +++-
 lib/utils/key-aliases.json                    | 368 ++++++++++++++----
 lib/utils/svg-attributes-weird-case.json      |   2 +-
 lib/utils/svg-elements.json                   |  72 +++-
 lib/utils/void-elements.json                  |  19 +-
 lib/utils/vue-component-options.json          |  18 +-
 lib/utils/vue-reserved.json                   |  26 +-
 lib/utils/vue3-export-names.json              |   2 +-
 tests/.eslintrc.json                          |   6 +-
 .../eslint-plugin-import/.eslintrc.json       |  34 +-
 tests/integrations/eslint-plugin-import/a.vue |   6 +-
 tests/integrations/eslint-plugin-import/b.vue |   2 +-
 tools/update-docs.js                          |   7 +-
 tools/update-vue3-export-names.js             |   2 +-
 tsconfig.json                                 |   7 +-
 .../@eslint-community/eslint-utils/index.d.ts |  12 +-
 270 files changed, 1620 insertions(+), 879 deletions(-)
 create mode 100644 .prettierignore

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 1e7f59ac7..c4d031e9c 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,3 +1,3 @@
 github:
-- ota-meshi
-- FloEdelmann
+  - ota-meshi
+  - FloEdelmann
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 66f6af0e8..b8f7522a7 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -13,14 +13,14 @@ jobs:
     name: Lint
     runs-on: ubuntu-latest
     steps:
-    - name: Checkout
-      uses: actions/checkout@v3
-    - name: Install Node.js
-      uses: actions/setup-node@v3
-    - name: Install Packages
-      run: npm install --legacy-peer-deps
-    - name: Lint
-      run: npm run lint
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+      - name: Install Packages
+        run: npm install --legacy-peer-deps
+      - name: Lint
+        run: npm run lint
 
   test:
     name: Test
@@ -41,49 +41,49 @@ jobs:
 
     runs-on: ${{ matrix.os }}
     steps:
-    - name: Checkout
-      uses: actions/checkout@v3
-    - name: Install Node.js v${{ matrix.node }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node }}
-    - name: Install Packages
-      run: npm install --legacy-peer-deps
-    - name: Install ESLint v${{ matrix.eslint }}
-      run: npm install --save-dev eslint@${{ matrix.eslint }} --legacy-peer-deps
-    - name: Test
-      run: npm test
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Install Node.js v${{ matrix.node }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+      - name: Install Packages
+        run: npm install --legacy-peer-deps
+      - name: Install ESLint v${{ matrix.eslint }}
+        run: npm install --save-dev eslint@${{ matrix.eslint }} --legacy-peer-deps
+      - name: Test
+        run: npm test
 
   test-for-ts-eslint-v5:
     name: Test
     runs-on: ubuntu-latest
     steps:
-    - name: Checkout
-      uses: actions/checkout@v3
-    - name: Install Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version: 18
-    - name: Install Packages
-      run: npm install --legacy-peer-deps
-    - name: Install typescript-eslint v5
-      run: npm install -D @typescript-eslint/parser
-    - name: Test
-      run: npm test
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Install Packages
+        run: npm install --legacy-peer-deps
+      - name: Install typescript-eslint v5
+        run: npm install -D @typescript-eslint/parser
+      - name: Test
+        run: npm test
 
   test-for-eslint-v8-without-eslint-stylistic:
     name: Test
     runs-on: ubuntu-latest
     steps:
-    - name: Checkout
-      uses: actions/checkout@v3
-    - name: Install Node.js
-      uses: actions/setup-node@v3
-    - name: Install Packages
-      run: npm install --legacy-peer-deps
-    - name: Uninstall @stylistic/eslint-plugin
-      run: npm uninstall -D @stylistic/eslint-plugin
-    - name: Install eslint v8
-      run: npm install -D eslint@8
-    - name: Test
-      run: npm test
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+      - name: Install Packages
+        run: npm install --legacy-peer-deps
+      - name: Uninstall @stylistic/eslint-plugin
+        run: npm uninstall -D @stylistic/eslint-plugin
+      - name: Install eslint v8
+        run: npm install -D eslint@8
+      - name: Test
+        run: npm test
diff --git a/.markdownlint.yml b/.markdownlint.yml
index 42e207971..6591a3543 100644
--- a/.markdownlint.yml
+++ b/.markdownlint.yml
@@ -15,7 +15,7 @@ code-block-style:
 code-fence-style:
   style: backtick
 emphasis-style:
-  style: asterisk
+  style: underscore
 heading-style:
   style: atx
 hr-style:
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..d341f1772
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,2 @@
+tests/fixtures/
+.github/ISSUE_TEMPLATE/*.md
diff --git a/.vscode/launch.json b/.vscode/launch.json
index 324a79864..2fa4db9b2 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -6,10 +6,7 @@
       "request": "launch",
       "name": "Start testing",
       "program": "${workspaceFolder}/node_modules/.bin/mocha",
-      "args": [
-        "${file}",
-        "--watch"
-      ],
+      "args": ["${file}", "--watch"],
       "console": "integratedTerminal"
     }
   ]
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3c179f5a7..f80681b66 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,21 +1,15 @@
 {
-    "editor.tabSize": 2,
-    "eslint.experimental.useFlatConfig": true,
-    "eslint.validate": [
-        "javascript",
-        "javascriptreact",
-        "vue",
-        "json",
-        "jsonc"
-    ],
-    "typescript.tsdk": "./node_modules/typescript/lib",
-    "vetur.validation.script": false,
-    "[typescript]": {
-        "editor.formatOnSave": true,
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[javascript]": {
-        "editor.formatOnSave": true,
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
+  "editor.tabSize": 2,
+  "eslint.experimental.useFlatConfig": true,
+  "eslint.validate": ["javascript", "javascriptreact", "vue", "json", "jsonc"],
+  "typescript.tsdk": "./node_modules/typescript/lib",
+  "vetur.validation.script": false,
+  "[typescript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }
diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 5085b1da8..10182aeba 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -5,6 +5,7 @@ title: vue/array-bracket-newline
 description: Enforce linebreaks after opening and before closing array brackets in `<template>`
 since: v7.1.0
 ---
+
 # vue/array-bracket-newline
 
 > Enforce linebreaks after opening and before closing array brackets in `<template>`
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index f7042b413..9f8c73085 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -5,6 +5,7 @@ title: vue/array-bracket-spacing
 description: Enforce consistent spacing inside array brackets in `<template>`
 since: v5.2.0
 ---
+
 # vue/array-bracket-spacing
 
 > Enforce consistent spacing inside array brackets in `<template>`
diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index 86cca4b4b..45f2ad106 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -5,6 +5,7 @@ title: vue/array-element-newline
 description: Enforce line breaks after each array element in `<template>`
 since: v9.9.0
 ---
+
 # vue/array-element-newline
 
 > Enforce line breaks after each array element in `<template>`
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index e8b746900..b9aa60dc1 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -5,6 +5,7 @@ title: vue/arrow-spacing
 description: Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 since: v5.2.0
 ---
+
 # vue/arrow-spacing
 
 > Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index 2aa8a39e5..5c2de0027 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -5,6 +5,7 @@ title: vue/attribute-hyphenation
 description: enforce attribute naming style on custom components in template
 since: v3.9.0
 ---
+
 # vue/attribute-hyphenation
 
 > enforce attribute naming style on custom components in template
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 1b9bcc626..a9cf47288 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -5,6 +5,7 @@ title: vue/attributes-order
 description: enforce order of attributes
 since: v4.3.0
 ---
+
 # vue/attributes-order
 
 > enforce order of attributes
diff --git a/docs/rules/block-lang.md b/docs/rules/block-lang.md
index eb0528873..828e9583e 100644
--- a/docs/rules/block-lang.md
+++ b/docs/rules/block-lang.md
@@ -5,6 +5,7 @@ title: vue/block-lang
 description: disallow use other than available `lang`
 since: v7.15.0
 ---
+
 # vue/block-lang
 
 > disallow use other than available `lang`
diff --git a/docs/rules/block-order.md b/docs/rules/block-order.md
index a5007eda6..dcb05e1b7 100644
--- a/docs/rules/block-order.md
+++ b/docs/rules/block-order.md
@@ -5,6 +5,7 @@ title: vue/block-order
 description: enforce order of component top-level elements
 since: v9.16.0
 ---
+
 # vue/block-order
 
 > enforce order of component top-level elements
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index a99ef40ee..95d0fd6a5 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -5,6 +5,7 @@ title: vue/block-spacing
 description: Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 since: v5.2.0
 ---
+
 # vue/block-spacing
 
 > Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
diff --git a/docs/rules/block-tag-newline.md b/docs/rules/block-tag-newline.md
index 59d43a14b..896a7d9f4 100644
--- a/docs/rules/block-tag-newline.md
+++ b/docs/rules/block-tag-newline.md
@@ -5,6 +5,7 @@ title: vue/block-tag-newline
 description: enforce line breaks after opening and before closing block-level tags
 since: v7.1.0
 ---
+
 # vue/block-tag-newline
 
 > enforce line breaks after opening and before closing block-level tags
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 904dc8e01..28d0007d6 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -5,6 +5,7 @@ title: vue/brace-style
 description: Enforce consistent brace style for blocks in `<template>`
 since: v5.2.0
 ---
+
 # vue/brace-style
 
 > Enforce consistent brace style for blocks in `<template>`
diff --git a/docs/rules/camelcase.md b/docs/rules/camelcase.md
index c1c26a30f..6ed97876a 100644
--- a/docs/rules/camelcase.md
+++ b/docs/rules/camelcase.md
@@ -5,6 +5,7 @@ title: vue/camelcase
 description: Enforce camelcase naming convention in `<template>`
 since: v5.2.0
 ---
+
 # vue/camelcase
 
 > Enforce camelcase naming convention in `<template>`
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index 836d6fdae..e25b2ee12 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -5,6 +5,7 @@ title: vue/comma-dangle
 description: Require or disallow trailing commas in `<template>`
 since: v5.2.0
 ---
+
 # vue/comma-dangle
 
 > Require or disallow trailing commas in `<template>`
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index db9e10d9b..1c299f2b7 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -5,6 +5,7 @@ title: vue/comma-spacing
 description: Enforce consistent spacing before and after commas in `<template>`
 since: v7.0.0
 ---
+
 # vue/comma-spacing
 
 > Enforce consistent spacing before and after commas in `<template>`
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 11eabdc68..11eaea6f6 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -5,6 +5,7 @@ title: vue/comma-style
 description: Enforce consistent comma style in `<template>`
 since: v7.0.0
 ---
+
 # vue/comma-style
 
 > Enforce consistent comma style in `<template>`
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 77c3986c5..b95f31668 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -5,6 +5,7 @@ title: vue/comment-directive
 description: support comment-directives in `<template>`
 since: v4.1.0
 ---
+
 # vue/comment-directive
 
 > support comment-directives in `<template>`
diff --git a/docs/rules/component-api-style.md b/docs/rules/component-api-style.md
index faa3f2072..7a81176c9 100644
--- a/docs/rules/component-api-style.md
+++ b/docs/rules/component-api-style.md
@@ -5,6 +5,7 @@ title: vue/component-api-style
 description: enforce component API style
 since: v7.18.0
 ---
+
 # vue/component-api-style
 
 > enforce component API style
@@ -55,7 +56,7 @@ export default {
 <script>
 export default {
   /* ✗ BAD */
-  data () {
+  data() {
     return {
       msg: 'Hello World!',
       // ...
@@ -92,7 +93,7 @@ export default {
 <script>
 export default {
   /* ✓ GOOD */
-  data () {
+  data() {
     return {
       msg: 'Hello World!',
       // ...
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index 268c69f1a..c650f88b2 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -5,6 +5,7 @@ title: vue/component-definition-name-casing
 description: enforce specific casing for component definition name
 since: v7.0.0
 ---
+
 # vue/component-definition-name-casing
 
 > enforce specific casing for component definition name
@@ -63,14 +64,10 @@ export default {
 
 ```js
 /* ✓ GOOD */
-Vue.component('MyComponent', {
-
-})
+Vue.component('MyComponent', {})
 
 /* ✗ BAD */
-Vue.component('my-component', {
-
-})
+Vue.component('my-component', {})
 ```
 
 </eslint-code-block>
@@ -107,14 +104,10 @@ export default {
 
 ```js
 /* ✓ GOOD */
-Vue.component('my-component', {
-
-})
+Vue.component('my-component', {})
 
 /* ✗ BAD */
-Vue.component('MyComponent', {
-
-})
+Vue.component('MyComponent', {})
 ```
 
 </eslint-code-block>
diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index 90c00959d..5979a6d7a 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -5,6 +5,7 @@ title: vue/component-name-in-template-casing
 description: enforce specific casing for the component naming style in template
 since: v5.0.0
 ---
+
 # vue/component-name-in-template-casing
 
 > enforce specific casing for the component naming style in template
@@ -43,7 +44,7 @@ This rule aims to warn the tag names other than the configured casing in Vue.js
 <template>
   <!-- ✓ GOOD -->
   <CoolComponent />
-  
+
   <!-- ✗ BAD -->
   <cool-component />
   <coolComponent />
@@ -61,7 +62,7 @@ export default {
   components: {
     CoolComponent,
     'registered-in-kebab-case': VueComponent1,
-    'registeredInCamelCase': VueComponent2
+    registeredInCamelCase: VueComponent2
   }
 }
 </script>
@@ -107,7 +108,7 @@ export default {
   <!-- ✓ GOOD -->
   <CoolComponent />
   <UnregisteredComponent />
-  
+
   <!-- ✗ BAD -->
   <cool-component />
   <unregistered-component />
@@ -130,11 +131,11 @@ export default {
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <CoolComponent/>
+  <CoolComponent />
   <custom-element></custom-element>
   <custom-button></custom-button>
   <custom-input />
-  
+
   <!-- ✗ BAD -->
   <magic-element></magic-element>
 </template>
@@ -150,7 +151,7 @@ export default {
 <template>
   <!-- ✓ GOOD -->
   <RouterView></RouterView>
-  
+
   <!-- ✗ BAD -->
   <router-view></router-view>
 </template>
diff --git a/docs/rules/component-options-name-casing.md b/docs/rules/component-options-name-casing.md
index d37ee9fce..ef887a12d 100644
--- a/docs/rules/component-options-name-casing.md
+++ b/docs/rules/component-options-name-casing.md
@@ -5,6 +5,7 @@ title: vue/component-options-name-casing
 description: enforce the casing of component name in `components` options
 since: v8.2.0
 ---
+
 # vue/component-options-name-casing
 
 > enforce the casing of component name in `components` options
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 22b161aa0..8e41558fa 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -5,6 +5,7 @@ title: vue/component-tags-order
 description: enforce order of component top-level elements
 since: v6.1.0
 ---
+
 # vue/component-tags-order
 
 > enforce order of component top-level elements
diff --git a/docs/rules/custom-event-name-casing.md b/docs/rules/custom-event-name-casing.md
index 29afde056..a57e0eb80 100644
--- a/docs/rules/custom-event-name-casing.md
+++ b/docs/rules/custom-event-name-casing.md
@@ -5,6 +5,7 @@ title: vue/custom-event-name-casing
 description: enforce specific casing for custom event name
 since: v7.0.0
 ---
+
 # vue/custom-event-name-casing
 
 > enforce specific casing for custom event name
@@ -42,7 +43,7 @@ This rule enforces camelCase by default.
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('myEvent')
       this.$emit('update:myProp', myProp)
@@ -89,7 +90,7 @@ export default {
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('my-event')
 
@@ -118,7 +119,7 @@ export default {
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('myEvent')
 
@@ -148,7 +149,7 @@ export default {
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('click:row')
       this.$emit('foo-bar')
diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
index 8c4cfa858..7a11524c5 100644
--- a/docs/rules/define-emits-declaration.md
+++ b/docs/rules/define-emits-declaration.md
@@ -5,6 +5,7 @@ title: vue/define-emits-declaration
 description: enforce declaration style of `defineEmits`
 since: v9.5.0
 ---
+
 # vue/define-emits-declaration
 
 > enforce declaration style of `defineEmits`
diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index 7df8f42c7..5d8dda56c 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -5,6 +5,7 @@ title: vue/define-macros-order
 description: enforce order of `defineEmits` and `defineProps` compiler macros
 since: v8.7.0
 ---
+
 # vue/define-macros-order
 
 > enforce order of `defineEmits` and `defineProps` compiler macros
diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
index 8b88f1ce5..5c72d538a 100644
--- a/docs/rules/define-props-declaration.md
+++ b/docs/rules/define-props-declaration.md
@@ -5,6 +5,7 @@ title: vue/define-props-declaration
 description: enforce declaration style of `defineProps`
 since: v9.5.0
 ---
+
 # vue/define-props-declaration
 
 > enforce declaration style of `defineProps`
@@ -21,7 +22,7 @@ This rule only works in setup script and `lang="ts"`.
 <script setup lang="ts">
 /* ✓ GOOD */
 const props = defineProps<{
-  kind: string,
+  kind: string
   options: { title: string }
 }>()
 
@@ -58,7 +59,7 @@ const props = defineProps({
 
 /* ✗ BAD */
 const props = defineProps<{
-  kind: string,
+  kind: string
   options: { title: string }
 }>()
 </script>
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index 653ede291..2be2bb3d1 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -5,6 +5,7 @@ title: vue/dot-location
 description: Enforce consistent newlines before and after dots in `<template>`
 since: v6.0.0
 ---
+
 # vue/dot-location
 
 > Enforce consistent newlines before and after dots in `<template>`
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 2fc253bae..0115f490d 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -5,6 +5,7 @@ title: vue/dot-notation
 description: Enforce dot notation whenever possible in `<template>`
 since: v7.0.0
 ---
+
 # vue/dot-notation
 
 > Enforce dot notation whenever possible in `<template>`
diff --git a/docs/rules/enforce-style-attribute.md b/docs/rules/enforce-style-attribute.md
index 0856dea33..fcffefbae 100644
--- a/docs/rules/enforce-style-attribute.md
+++ b/docs/rules/enforce-style-attribute.md
@@ -5,6 +5,7 @@ title: vue/enforce-style-attribute
 description: enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
 since: v9.20.0
 ---
+
 # vue/enforce-style-attribute
 
 > enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index eeecfc56a..d620b93fc 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -5,6 +5,7 @@ title: vue/eqeqeq
 description: Require the use of `===` and `!==` in `<template>`
 since: v5.2.0
 ---
+
 # vue/eqeqeq
 
 > Require the use of `===` and `!==` in `<template>`
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index e0455b1d4..82e7de884 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -5,6 +5,7 @@ title: vue/experimental-script-setup-vars
 description: prevent variables defined in `<script setup>` to be marked as undefined
 since: v7.0.0
 ---
+
 # vue/experimental-script-setup-vars
 
 > prevent variables defined in `<script setup>` to be marked as undefined
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index caeb31f1a..14f797045 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -5,6 +5,7 @@ title: vue/first-attribute-linebreak
 description: enforce the location of first attribute
 since: v8.0.0
 ---
+
 # vue/first-attribute-linebreak
 
 > enforce the location of first attribute
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index a551a3796..a504ed0d8 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -5,6 +5,7 @@ title: vue/func-call-spacing
 description: Require or disallow spacing between function identifiers and their invocations in `<template>`
 since: v7.0.0
 ---
+
 # vue/func-call-spacing
 
 > Require or disallow spacing between function identifiers and their invocations in `<template>`
diff --git a/docs/rules/html-button-has-type.md b/docs/rules/html-button-has-type.md
index 24f997e6a..e507d42b8 100644
--- a/docs/rules/html-button-has-type.md
+++ b/docs/rules/html-button-has-type.md
@@ -5,6 +5,7 @@ title: vue/html-button-has-type
 description: disallow usage of button without an explicit type attribute
 since: v7.6.0
 ---
+
 # vue/html-button-has-type
 
 > disallow usage of button without an explicit type attribute
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index 36827caf0..f47d4ac7b 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -5,6 +5,7 @@ title: vue/html-closing-bracket-newline
 description: require or disallow a line break before tag's closing brackets
 since: v4.1.0
 ---
+
 # vue/html-closing-bracket-newline
 
 > require or disallow a line break before tag's closing brackets
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index 6bbbff216..0ab207292 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -5,6 +5,7 @@ title: vue/html-closing-bracket-spacing
 description: require or disallow a space before tag's closing brackets
 since: v4.1.0
 ---
+
 # vue/html-closing-bracket-spacing
 
 > require or disallow a space before tag's closing brackets
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index 807ecb5db..43ea00d4c 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -5,6 +5,7 @@ title: vue/html-comment-content-newline
 description: enforce unified line brake in HTML comments
 since: v7.0.0
 ---
+
 # vue/html-comment-content-newline
 
 > enforce unified line brake in HTML comments
@@ -56,6 +57,7 @@ This rule will enforce consistency of line break after the `<!--` and before the
 ```
 
 - The first option is either an object with `"singleline"` and `"multiline"` keys.
+
   - `singleline` ... the configuration for single-line comments.
     - `"never"` (default) ... disallow line breaks after the `<!--` and before the `-->`.
     - `"always"` ... require one line break after the `<!--` and before the `-->`.
@@ -66,6 +68,7 @@ This rule will enforce consistency of line break after the `<!--` and before the
   You can also set the same value for both `singleline` and `multiline` by specifies a string.
 
 - This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
+
   - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
 
   ```json
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
index e5e5b4cf6..05dd5efa9 100644
--- a/docs/rules/html-comment-content-spacing.md
+++ b/docs/rules/html-comment-content-spacing.md
@@ -5,6 +5,7 @@ title: vue/html-comment-content-spacing
 description: enforce unified spacing in HTML comments
 since: v7.0.0
 ---
+
 # vue/html-comment-content-spacing
 
 > enforce unified spacing in HTML comments
@@ -48,12 +49,14 @@ Whitespace after the `<!--` and before the `-->` makes it easier to read text in
 ```
 
 - The first is a string which be either `"always"` or `"never"`. The default is `"always"`.
+
   - `"always"` (default) ... there must be at least one whitespace at after the `<!--` and before the `-->`.
   - `"never"` ... there should be no whitespace at after the `<!--` and before the `-->`.
 
 - This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
+
   - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
-  Please note that exceptions are ignored if the first argument is `"never"`.
+    Please note that exceptions are ignored if the first argument is `"never"`.
 
   ```json
   "vue/html-comment-content-spacing": ["error", "always", { "exceptions": ["*"] }]
diff --git a/docs/rules/html-comment-indent.md b/docs/rules/html-comment-indent.md
index 21c53ab2b..3ea764ed6 100644
--- a/docs/rules/html-comment-indent.md
+++ b/docs/rules/html-comment-indent.md
@@ -5,6 +5,7 @@ title: vue/html-comment-indent
 description: enforce consistent indentation in HTML comments
 since: v7.0.0
 ---
+
 # vue/html-comment-indent
 
 > enforce consistent indentation in HTML comments
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index ab7069b46..e0ce57929 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -5,6 +5,7 @@ title: vue/html-end-tags
 description: enforce end tag style
 since: v3.0.0
 ---
+
 # vue/html-end-tags
 
 > enforce end tag style
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 18fddf12d..bb8f764fc 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -5,6 +5,7 @@ title: vue/html-indent
 description: enforce consistent indentation in `<template>`
 since: v3.14.0
 ---
+
 # vue/html-indent
 
 > enforce consistent indentation in `<template>`
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index daeb13ee1..f81ecfa25 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -5,6 +5,7 @@ title: vue/html-quotes
 description: enforce quotes style of HTML attributes
 since: v3.0.0
 ---
+
 # vue/html-quotes
 
 > enforce quotes style of HTML attributes
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index 0a57a4218..15d16aa53 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -5,6 +5,7 @@ title: vue/html-self-closing
 description: enforce self-closing style
 since: v3.11.0
 ---
+
 # vue/html-self-closing
 
 > enforce self-closing style
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index 1c854a623..c3b63d9f0 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -5,6 +5,7 @@ title: vue/jsx-uses-vars
 description: prevent variables used in JSX to be marked as unused
 since: v2.0.0
 ---
+
 # vue/jsx-uses-vars
 
 > prevent variables used in JSX to be marked as unused
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 8b48d9c96..679b26c9c 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -5,6 +5,7 @@ title: vue/key-spacing
 description: Enforce consistent spacing between keys and values in object literal properties in `<template>`
 since: v5.2.0
 ---
+
 # vue/key-spacing
 
 > Enforce consistent spacing between keys and values in object literal properties in `<template>`
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index 91a41022e..ce46bd2c2 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -5,6 +5,7 @@ title: vue/keyword-spacing
 description: Enforce consistent spacing before and after keywords in `<template>`
 since: v6.0.0
 ---
+
 # vue/keyword-spacing
 
 > Enforce consistent spacing before and after keywords in `<template>`
diff --git a/docs/rules/match-component-file-name.md b/docs/rules/match-component-file-name.md
index ae27d13b6..203e21477 100644
--- a/docs/rules/match-component-file-name.md
+++ b/docs/rules/match-component-file-name.md
@@ -5,6 +5,7 @@ title: vue/match-component-file-name
 description: require component name property to match its file name
 since: v5.2.0
 ---
+
 # vue/match-component-file-name
 
 > require component name property to match its file name
@@ -98,11 +99,11 @@ export default {
 ```vue
 <!-- file name: src/MyComponent.vue -->
 <script>
-  export default {
-    /* The default does not verify to `.vue`. */
-    name: 'MComponent',
-    template: '<div />'
-  }
+export default {
+  /* The default does not verify to `.vue`. */
+  name: 'MComponent',
+  template: '<div />'
+}
 </script>
 ```
 
@@ -130,11 +131,11 @@ export default {
 ```vue
 <!-- file name: src/MyComponent.vue -->
 <script>
-  export default {
-    /* ✓ GOOD */
-    name: 'MyComponent',
-    template: '<div />'
-  }
+export default {
+  /* ✓ GOOD */
+  name: 'MyComponent',
+  template: '<div />'
+}
 </script>
 ```
 
@@ -145,11 +146,11 @@ export default {
 ```vue
 <!-- file name: src/MyComponent.vue -->
 <script>
-  export default {
-    /* ✗ BAD */
-    name: 'MComponent',
-    template: '<div />'
-  }
+export default {
+  /* ✗ BAD */
+  name: 'MComponent',
+  template: '<div />'
+}
 </script>
 ```
 
@@ -160,10 +161,10 @@ export default {
 ```vue
 <!-- file name: src/MyComponent.vue -->
 <script>
-  /* no name property defined */
-  export default {
-    template: '<div />'
-  }
+/* no name property defined */
+export default {
+  template: '<div />'
+}
 </script>
 ```
 
diff --git a/docs/rules/match-component-import-name.md b/docs/rules/match-component-import-name.md
index fd88f9ff2..522b90a02 100644
--- a/docs/rules/match-component-import-name.md
+++ b/docs/rules/match-component-import-name.md
@@ -5,6 +5,7 @@ title: vue/match-component-import-name
 description: require the registered component name to match the imported component name
 since: v8.7.0
 ---
+
 # vue/match-component-import-name
 
 > require the registered component name to match the imported component name
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 13b13cd05..54893a574 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -5,6 +5,7 @@ title: vue/max-attributes-per-line
 description: enforce the maximum number of attributes per line
 since: v3.12.0
 ---
+
 # vue/max-attributes-per-line
 
 > enforce the maximum number of attributes per line
diff --git a/docs/rules/max-len.md b/docs/rules/max-len.md
index deca2e721..0816000ee 100644
--- a/docs/rules/max-len.md
+++ b/docs/rules/max-len.md
@@ -5,6 +5,7 @@ title: vue/max-len
 description: enforce a maximum line length in `.vue` files
 since: v6.1.0
 ---
+
 # vue/max-len
 
 > enforce a maximum line length in `.vue` files
diff --git a/docs/rules/max-lines-per-block.md b/docs/rules/max-lines-per-block.md
index bebc00570..a65be3bb9 100644
--- a/docs/rules/max-lines-per-block.md
+++ b/docs/rules/max-lines-per-block.md
@@ -5,6 +5,7 @@ title: vue/max-lines-per-block
 description: enforce maximum number of lines in Vue SFC blocks
 since: v9.15.0
 ---
+
 # vue/max-lines-per-block
 
 > enforce maximum number of lines in Vue SFC blocks
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index c54d199e9..154a0e870 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -5,6 +5,7 @@ title: vue/multi-word-component-names
 description: require component names to be always multi-word
 since: v7.20.0
 ---
+
 # vue/multi-word-component-names
 
 > require component names to be always multi-word
@@ -82,7 +83,7 @@ export default {
 <!-- filename: Todo.vue -->
 <!-- ✗ BAD -->
 <script setup>
-  // ...
+// ...
 </script>
 ```
 
@@ -94,7 +95,7 @@ export default {
 <!-- filename: TodoItem.vue -->
 <!-- ✓ GOOD -->
 <script setup>
-  // ...
+// ...
 </script>
 ```
 
@@ -106,7 +107,7 @@ export default {
 <!-- filename: Todo.vue -->
 <!-- ✓ GOOD -->
 <script setup>
-  // ...
+// ...
 </script>
 <script>
 export default {
@@ -163,7 +164,7 @@ export default {
 <!-- filename: Todo.vue -->
 <!-- ✓ GOOD -->
 <script setup>
-  // ...
+// ...
 </script>
 ```
 
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index 9813113ee..dd0a51456 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -5,6 +5,7 @@ title: vue/multiline-html-element-content-newline
 description: require a line break before and after the contents of a multiline element
 since: v5.0.0
 ---
+
 # vue/multiline-html-element-content-newline
 
 > require a line break before and after the contents of a multiline element
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index 27879e557..8421ae55e 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -5,6 +5,7 @@ title: vue/multiline-ternary
 description: Enforce newlines between operands of ternary expressions in `<template>`
 since: v9.7.0
 ---
+
 # vue/multiline-ternary
 
 > Enforce newlines between operands of ternary expressions in `<template>`
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index f331d968b..10f1190b5 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -5,6 +5,7 @@ title: vue/mustache-interpolation-spacing
 description: enforce unified spacing in mustache interpolations
 since: v3.13.0
 ---
+
 # vue/mustache-interpolation-spacing
 
 > enforce unified spacing in mustache interpolations
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index d80181191..e1840987b 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -5,6 +5,7 @@ title: vue/name-property-casing
 description: enforce specific casing for the name property in Vue components
 since: v3.8.0
 ---
+
 # vue/name-property-casing
 
 > enforce specific casing for the name property in Vue components
@@ -19,10 +20,10 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 ```vue
 <script>
-  /* ✓ GOOD */
-  export default {
-    name: 'MyComponent'
-  }
+/* ✓ GOOD */
+export default {
+  name: 'MyComponent'
+}
 </script>
 ```
 
@@ -32,10 +33,10 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 ```vue
 <script>
-  /* ✗ BAD */
-  export default {
-    name: 'my-component'
-  }
+/* ✗ BAD */
+export default {
+  name: 'my-component'
+}
 </script>
 ```
 
@@ -58,10 +59,10 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 ```vue
 <script>
-  /* ✓ GOOD */
-  export default {
-    name: 'my-component'
-  }
+/* ✓ GOOD */
+export default {
+  name: 'my-component'
+}
 </script>
 ```
 
@@ -71,10 +72,10 @@ This rule aims at enforcing the style for the `name` property casing for consist
 
 ```vue
 <script>
-  /* ✗ BAD */
-  export default {
-    name: 'MyComponent'
-  }
+/* ✗ BAD */
+export default {
+  name: 'MyComponent'
+}
 </script>
 ```
 
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index c8cee19ee..6ade8e537 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -5,6 +5,7 @@ title: vue/new-line-between-multi-line-property
 description: enforce new lines between multi-line properties in Vue components
 since: v7.3.0
 ---
+
 # vue/new-line-between-multi-line-property
 
 > enforce new lines between multi-line properties in Vue components
diff --git a/docs/rules/next-tick-style.md b/docs/rules/next-tick-style.md
index 077699e82..1224e93b9 100644
--- a/docs/rules/next-tick-style.md
+++ b/docs/rules/next-tick-style.md
@@ -5,6 +5,7 @@ title: vue/next-tick-style
 description: enforce Promise or callback style in `nextTick`
 since: v7.5.0
 ---
+
 # vue/next-tick-style
 
 > enforce Promise or callback style in `nextTick`
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 4b1553567..6b8147f91 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -5,6 +5,7 @@ title: vue/no-arrow-functions-in-watch
 description: disallow using arrow functions to define watcher
 since: v7.0.0
 ---
+
 # vue/no-arrow-functions-in-watch
 
 > disallow using arrow functions to define watcher
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index ac7ac50f2..f780d9a72 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -5,6 +5,7 @@ title: vue/no-async-in-computed-properties
 description: disallow asynchronous actions in computed properties
 since: v3.8.0
 ---
+
 # vue/no-async-in-computed-properties
 
 > disallow asynchronous actions in computed properties
@@ -25,7 +26,7 @@ This rule is aimed at preventing asynchronous methods from being called in compu
 export default {
   computed: {
     /* ✓ GOOD */
-    foo () {
+    foo() {
       var bar = 0
       try {
         bar = bar / this.a
@@ -37,22 +38,22 @@ export default {
     },
 
     /* ✗ BAD */
-    pro () {
+    pro() {
       return Promise.all([new Promise((resolve, reject) => {})])
     },
     foo1: async function () {
       return await someFunc()
     },
-    bar () {
-      return fetch(url).then(response => {})
+    bar() {
+      return fetch(url).then((response) => {})
     },
-    tim () {
-      setTimeout(() => { }, 0)
+    tim() {
+      setTimeout(() => {}, 0)
     },
-    inter () {
-      setInterval(() => { }, 0)
+    inter() {
+      setInterval(() => {}, 0)
     },
-    anim () {
+    anim() {
       requestAnimationFrame(() => {})
     }
   }
@@ -66,7 +67,7 @@ export default {
 
 ```vue
 <script>
-import {computed} from 'vue'
+import { computed } from 'vue'
 export default {
   setup() {
     /* ✓ GOOD */
@@ -82,16 +83,18 @@ export default {
     })
 
     /* ✗ BAD */
-    const pro = computed(() => Promise.all([new Promise((resolve, reject) => {})]))
+    const pro = computed(() =>
+      Promise.all([new Promise((resolve, reject) => {})])
+    )
     const foo1 = computed(async () => await someFunc())
     const bar = computed(() => {
-      return fetch(url).then(response => {})
+      return fetch(url).then((response) => {})
     })
     const tim = computed(() => {
-      setTimeout(() => { }, 0)
+      setTimeout(() => {}, 0)
     })
     const inter = computed(() => {
-      setInterval(() => { }, 0)
+      setInterval(() => {}, 0)
     })
     const anim = computed(() => {
       requestAnimationFrame(() => {})
diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index adf12bffd..df1fae123 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -5,6 +5,7 @@ title: vue/no-bare-strings-in-template
 description: disallow the use of bare strings in `<template>`
 since: v7.0.0
 ---
+
 # vue/no-bare-strings-in-template
 
 > disallow the use of bare strings in `<template>`
@@ -12,7 +13,7 @@ since: v7.0.0
 ## :book: Rule Details
 
 This rule disallows the use of bare strings in `<template>`.  
-In order to be able to internationalize your application, you will need to avoid using plain strings in your templates. Instead, you would need to use a template helper specializing in translation.  
+In order to be able to internationalize your application, you will need to avoid using plain strings in your templates. Instead, you would need to use a template helper specializing in translation.
 
 This rule was inspired by [no-bare-strings rule in ember-template-lint](https://github.com/ember-template-lint/ember-template-lint/blob/master/docs/rule/no-bare-strings.md).
 
diff --git a/docs/rules/no-boolean-default.md b/docs/rules/no-boolean-default.md
index 8ad4ace7f..78fdbc270 100644
--- a/docs/rules/no-boolean-default.md
+++ b/docs/rules/no-boolean-default.md
@@ -5,6 +5,7 @@ title: vue/no-boolean-default
 description: disallow boolean defaults
 since: v7.0.0
 ---
+
 # vue/no-boolean-default
 
 > disallow boolean defaults
diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
index 940ea183c..1aac4f043 100644
--- a/docs/rules/no-child-content.md
+++ b/docs/rules/no-child-content.md
@@ -5,6 +5,7 @@ title: vue/no-child-content
 description: disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
 since: v8.1.0
 ---
+
 # vue/no-child-content
 
 > disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index 3a548a413..effb53035 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -5,6 +5,7 @@ title: vue/no-computed-properties-in-data
 description: disallow accessing computed properties in `data`.
 since: v7.20.0
 ---
+
 # vue/no-computed-properties-in-data
 
 > disallow accessing computed properties in `data`.
@@ -22,13 +23,13 @@ The computed property cannot be accessed in `data()` because is before initializ
 <script>
 export default {
   data() {
-    return  {
+    return {
       /* ✗ BAD */
       bar: this.foo
     }
   },
   computed: {
-    foo () {}
+    foo() {}
   }
 }
 </script>
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index cbcdbc657..f463c883e 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -5,6 +5,7 @@ title: vue/no-confusing-v-for-v-if
 description: disallow confusing `v-for` and `v-if` on the same element
 since: v3.0.0
 ---
+
 # vue/no-confusing-v-for-v-if
 
 > disallow confusing `v-for` and `v-if` on the same element
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
index c99334d62..64ef0278e 100644
--- a/docs/rules/no-console.md
+++ b/docs/rules/no-console.md
@@ -5,6 +5,7 @@ title: vue/no-console
 description: Disallow the use of `console` in `<template>`
 since: v9.15.0
 ---
+
 # vue/no-console
 
 > Disallow the use of `console` in `<template>`
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
index 90be93dd0..36520e25b 100644
--- a/docs/rules/no-constant-condition.md
+++ b/docs/rules/no-constant-condition.md
@@ -5,6 +5,7 @@ title: vue/no-constant-condition
 description: Disallow constant expressions in conditions in `<template>`
 since: v7.5.0
 ---
+
 # vue/no-constant-condition
 
 > Disallow constant expressions in conditions in `<template>`
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index 673565cad..786f90519 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -5,6 +5,7 @@ title: vue/no-custom-modifiers-on-v-model
 description: disallow custom modifiers on v-model used on the component
 since: v7.0.0
 ---
+
 # vue/no-custom-modifiers-on-v-model
 
 > disallow custom modifiers on v-model used on the component
@@ -29,11 +30,9 @@ This rule reports `v-model` directives in the following cases:
   <MyComponent v-model.lazy="foo" />
   <MyComponent v-model.number="foo" />
 
-
   <!-- ✗ BAD -->
   <MyComponent v-model.aaa="foo" />
   <MyComponent v-model.aaa.bbb="foo" />
-
 </template>
 ```
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index a5505e9f7..2dd244253 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-data-object-declaration
 description: disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-data-object-declaration
 
 > disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
@@ -31,7 +32,7 @@ createApp({
 
 createApp({
   /* ✓ GOOD */
-  data () {
+  data() {
     return {
       foo: null
     }
@@ -62,7 +63,7 @@ export default {
 <script>
 export default {
   /* ✓ GOOD */
-  data () {
+  data() {
     return {
       foo: null
     }
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index dfc42ec05..ea9b6d311 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-destroyed-lifecycle
 description: disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-destroyed-lifecycle
 
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
@@ -22,14 +23,14 @@ This rule reports use of deprecated `destroyed` and `beforeDestroy` lifecycle ho
 <script>
 export default {
   /* ✓ GOOD */
-  beforeMount () {},
-  mounted () {},
-  beforeUnmount () {},
-  unmounted () {},
+  beforeMount() {},
+  mounted() {},
+  beforeUnmount() {},
+  unmounted() {},
 
   /* ✗ BAD */
-  beforeDestroy () {},
-  destroyed () {}
+  beforeDestroy() {},
+  destroyed() {}
 }
 </script>
 ```
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index 2d007a6b0..9016446e2 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-dollar-listeners-api
 description: disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-dollar-listeners-api
 
 > disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index b068f8163..57f7e7938 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-dollar-scopedslots-api
 description: disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-dollar-scopedslots-api
 
 > disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index 764ddef32..41520cd97 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-events-api
 description: disallow using deprecated events api (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-events-api
 
 > disallow using deprecated events api (in Vue.js 3.0.0+)
@@ -23,8 +24,8 @@ See [Migration Guide - Events API](https://v3-migration.vuejs.org/breaking-chang
 <script>
 /* ✗ BAD */
 export default {
-  mounted () {
-    this.$on('start', function(args) {
+  mounted() {
+    this.$on('start', function (args) {
       console.log('start')
     })
     this.$emit('start')
@@ -43,8 +44,8 @@ export default {
 import mitt from 'mitt'
 const emitter = mitt()
 export default {
-  mounted () {
-    emitter.on('start', function(args) {
+  mounted() {
+    emitter.on('start', function (args) {
       console.log('start')
     })
     emitter.emit('start')
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index d35632635..e27f31504 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-filter
 description: disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-filter
 
 > disallow using deprecated filters syntax (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index f7ef4978a..82deb75a4 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-functional-template
 description: disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-functional-template
 
 > disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index 434c82772..4734fab45 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-html-element-is
 description: disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-html-element-is
 
 > disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index b2acf0058..4a4605dab 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-inline-template
 description: disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-inline-template
 
 > disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-model-definition.md b/docs/rules/no-deprecated-model-definition.md
index b0c0087ee..9d55079b3 100644
--- a/docs/rules/no-deprecated-model-definition.md
+++ b/docs/rules/no-deprecated-model-definition.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-model-definition
 description: disallow deprecated `model` definition (in Vue.js 3.0.0+)
 since: v9.16.0
 ---
+
 # vue/no-deprecated-model-definition
 
 > disallow deprecated `model` definition (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index da83f0611..6afe1deb7 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-props-default-this
 description: disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-props-default-this
 
 > disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)
@@ -26,7 +27,7 @@ export default {
   props: {
     a: String,
     b: {
-      default () {
+      default() {
         /* ✗ BAD */
         return this.a
       }
@@ -46,7 +47,7 @@ export default {
   props: {
     a: String,
     b: {
-      default (props) {
+      default(props) {
         /* ✓ GOOD */
         return props.a
       }
diff --git a/docs/rules/no-deprecated-router-link-tag-prop.md b/docs/rules/no-deprecated-router-link-tag-prop.md
index b53433b4c..c0b770476 100644
--- a/docs/rules/no-deprecated-router-link-tag-prop.md
+++ b/docs/rules/no-deprecated-router-link-tag-prop.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-router-link-tag-prop
 description: disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
 since: v7.20.0
 ---
+
 # vue/no-deprecated-router-link-tag-prop
 
 > disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index d86f7b065..15fc7276d 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-scope-attribute
 description: disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 since: v6.0.0
 ---
+
 # vue/no-deprecated-scope-attribute
 
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index ef3ba8841..736956534 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-slot-attribute
 description: disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 since: v6.1.0
 ---
+
 # vue/no-deprecated-slot-attribute
 
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
@@ -69,7 +70,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
     </my-component>
   </ListComponent>
 
-    <ListComponent>
+  <ListComponent>
     <!-- ✗ BAD -->
     <other-component slot="name">
       {{ props.title }}
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 47965a168..51344aab1 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-slot-scope-attribute
 description: disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 since: v6.1.0
 ---
+
 # vue/no-deprecated-slot-scope-attribute
 
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index 233c7c2dd..9a4ac282c 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-v-bind-sync
 description: disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-v-bind-sync
 
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
@@ -23,15 +24,14 @@ See [Migration Guide - `v-model`](https://v3-migration.vuejs.org/breaking-change
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <MyComponent v-bind:propName="foo"/>
-  <MyComponent :propName="foo"/>
-
+  <MyComponent v-bind:propName="foo" />
+  <MyComponent :propName="foo" />
 
   <!-- ✗ BAD -->
-  <MyComponent v-bind:propName.sync="foo"/>
-  <MyComponent v-bind:[dynamiArg].sync="foo"/>
-  <MyComponent v-bind.sync="foo"/>
-  <MyComponent :propName.sync="foo"/>
+  <MyComponent v-bind:propName.sync="foo" />
+  <MyComponent v-bind:[dynamiArg].sync="foo" />
+  <MyComponent v-bind.sync="foo" />
+  <MyComponent :propName.sync="foo" />
 </template>
 ```
 
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 1e5af3f42..884ad1082 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-v-is
 description: disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
 since: v7.11.0
 ---
+
 # vue/no-deprecated-v-is
 
 > disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
@@ -24,7 +25,7 @@ Use [`is` attribute with `vue:` prefix](https://vuejs.org/api/built-in-special-a
   <!-- ✓ GOOD -->
   <div is="vue:MyComponent" />
   <component is="MyComponent" />
-  
+
   <!-- ✗ BAD -->
   <div v-is="'MyComponent'" />
 </template>
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index 18c68565a..c86ceffa5 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-v-on-native-modifier
 description: disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-v-on-native-modifier
 
 > disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index db8476813..5f610ada0 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-v-on-number-modifiers
 description: disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-v-on-number-modifiers
 
 > disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index 271597887..f7d2e4b2f 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -5,6 +5,7 @@ title: vue/no-deprecated-vue-config-keycodes
 description: disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 since: v7.0.0
 ---
+
 # vue/no-deprecated-vue-config-keycodes
 
 > disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index 1d9d20f24..46b1108e6 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -5,6 +5,7 @@ title: vue/no-dupe-keys
 description: disallow duplication of field names
 since: v3.9.0
 ---
+
 # vue/no-dupe-keys
 
 > disallow duplication of field names
@@ -29,14 +30,14 @@ export default {
   },
   computed: {
     foo: {
-      get () {}
+      get() {}
     }
   },
   data: {
     foo: null
   },
   methods: {
-    foo () {}
+    foo() {}
   }
 }
 </script>
@@ -65,10 +66,10 @@ export default {
 /* ✗ BAD */
 export default {
   computed: {
-    foo () {}
+    foo() {}
   },
   firebase: {
-    foo () {}
+    foo() {}
   }
 }
 </script>
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
index 4fbdffcbc..425756792 100644
--- a/docs/rules/no-dupe-v-else-if.md
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -5,6 +5,7 @@ title: vue/no-dupe-v-else-if
 description: disallow duplicate conditions in `v-if` / `v-else-if` chains
 since: v7.0.0
 ---
+
 # vue/no-dupe-v-else-if
 
 > disallow duplicate conditions in `v-if` / `v-else-if` chains
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index 093b9c35c..0f1b60340 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -5,6 +5,7 @@ title: vue/no-duplicate-attr-inheritance
 description: enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
 since: v7.0.0
 ---
+
 # vue/no-duplicate-attr-inheritance
 
 > enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index b516fa116..099316ea4 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -5,6 +5,7 @@ title: vue/no-duplicate-attributes
 description: disallow duplication of attributes
 since: v3.0.0
 ---
+
 # vue/no-duplicate-attributes
 
 > disallow duplication of attributes
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index 7e6104aea..36ea4c071 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -5,6 +5,7 @@ title: vue/no-empty-component-block
 description: disallow the `<template>` `<script>` `<style>` block to be empty
 since: v7.0.0
 ---
+
 # vue/no-empty-component-block
 
 > disallow the `<template>` `<script>` `<style>` block to be empty
@@ -25,13 +26,13 @@ See [Vue Single-File Component (SFC) Spec](https://vue-loader.vuejs.org/spec.htm
 </template>
 
 <script>
-  console.log('foo')
+console.log('foo')
 </script>
 
 <style>
-  p {
-    display: inline;
-  }
+p {
+  display: inline;
+}
 </style>
 
 <template src="./template.html"></template>
@@ -43,7 +44,6 @@ See [Vue Single-File Component (SFC) Spec](https://vue-loader.vuejs.org/spec.htm
 <style src="./style.css"></style>
 <style src="./style.css" />
 
-
 <!-- ✗ BAD -->
 <template></template>
 <template />
diff --git a/docs/rules/no-empty-pattern.md b/docs/rules/no-empty-pattern.md
index 8f788ad2a..6434a7bff 100644
--- a/docs/rules/no-empty-pattern.md
+++ b/docs/rules/no-empty-pattern.md
@@ -5,6 +5,7 @@ title: vue/no-empty-pattern
 description: Disallow empty destructuring patterns in `<template>`
 since: v6.0.0
 ---
+
 # vue/no-empty-pattern
 
 > Disallow empty destructuring patterns in `<template>`
diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
index c16899c80..d8eb631e7 100644
--- a/docs/rules/no-export-in-script-setup.md
+++ b/docs/rules/no-export-in-script-setup.md
@@ -5,6 +5,7 @@ title: vue/no-export-in-script-setup
 description: disallow `export` in `<script setup>`
 since: v7.13.0
 ---
+
 # vue/no-export-in-script-setup
 
 > disallow `export` in `<script setup>`
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 7855b833c..2a58a9df9 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -5,6 +5,7 @@ title: vue/no-expose-after-await
 description: disallow asynchronously registered `expose`
 since: v8.1.0
 ---
+
 # vue/no-expose-after-await
 
 > disallow asynchronously registered `expose`
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index c3522f24f..ead95b349 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -5,6 +5,7 @@ title: vue/no-extra-parens
 description: Disallow unnecessary parentheses in `<template>`
 since: v7.0.0
 ---
+
 # vue/no-extra-parens
 
 > Disallow unnecessary parentheses in `<template>`
diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
index 720d23b8d..33eb74dc8 100644
--- a/docs/rules/no-invalid-model-keys.md
+++ b/docs/rules/no-invalid-model-keys.md
@@ -5,6 +5,7 @@ title: vue/no-invalid-model-keys
 description: require valid keys in model option
 since: v7.9.0
 ---
+
 # vue/no-invalid-model-keys
 
 > require valid keys in model option
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
index a38de0330..615f2294a 100644
--- a/docs/rules/no-irregular-whitespace.md
+++ b/docs/rules/no-irregular-whitespace.md
@@ -5,6 +5,7 @@ title: vue/no-irregular-whitespace
 description: disallow irregular whitespace in `.vue` files
 since: v6.1.0
 ---
+
 # vue/no-irregular-whitespace
 
 > disallow irregular whitespace in `.vue` files
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index 87141aa18..6c8f7b9e1 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -5,6 +5,7 @@ title: vue/no-lifecycle-after-await
 description: disallow asynchronously registered lifecycle hooks
 since: v7.0.0
 ---
+
 # vue/no-lifecycle-after-await
 
 > disallow asynchronously registered lifecycle hooks
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index 0c3904e3c..3ed51c97b 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -5,6 +5,7 @@ title: vue/no-lone-template
 description: disallow unnecessary `<template>`
 since: v7.0.0
 ---
+
 # vue/no-lone-template
 
 > disallow unnecessary `<template>`
diff --git a/docs/rules/no-loss-of-precision.md b/docs/rules/no-loss-of-precision.md
index b8ada172c..c9b88ce63 100644
--- a/docs/rules/no-loss-of-precision.md
+++ b/docs/rules/no-loss-of-precision.md
@@ -5,6 +5,7 @@ title: vue/no-loss-of-precision
 description: Disallow literal numbers that lose precision in `<template>`
 since: v8.0.0
 ---
+
 # vue/no-loss-of-precision
 
 > Disallow literal numbers that lose precision in `<template>`
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 065b799b7..22b232e2a 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -5,6 +5,7 @@ title: vue/no-multi-spaces
 description: disallow multiple spaces
 since: v3.12.0
 ---
+
 # vue/no-multi-spaces
 
 > disallow multiple spaces
diff --git a/docs/rules/no-multiple-objects-in-class.md b/docs/rules/no-multiple-objects-in-class.md
index 9e1508b8b..7e5d1774a 100644
--- a/docs/rules/no-multiple-objects-in-class.md
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -5,13 +5,14 @@ title: vue/no-multiple-objects-in-class
 description: disallow to pass multiple objects into array to class
 since: v7.0.0
 ---
+
 # vue/no-multiple-objects-in-class
 
 > disallow to pass multiple objects into array to class
 
 ## :book: Rule Details
 
-This rule disallows to pass multiple objects into array to class.  
+This rule disallows to pass multiple objects into array to class.
 
 <eslint-code-block :rules="{'vue/no-multiple-objects-in-class': ['error']}">
 
@@ -19,10 +20,10 @@ This rule disallows to pass multiple objects into array to class.
 <template>
   <div>
     <!-- ✓ GOOD -->
-    <div :class="[{'foo': isFoo, 'bar': isBar}]" />
+    <div :class="[{ foo: isFoo, bar: isBar }]" />
 
     <!-- ✗ BAD -->
-    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
+    <div :class="[{ foo: isFoo }, { bar: isBar }]" />
   </div>
 </template>
 ```
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index c73be9007..15a5b6951 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -5,6 +5,7 @@ title: vue/no-multiple-slot-args
 description: disallow to pass multiple arguments to scoped slots
 since: v7.0.0
 ---
+
 # vue/no-multiple-slot-args
 
 > disallow to pass multiple arguments to scoped slots
diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index e5130faab..d2faacfed 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -5,6 +5,7 @@ title: vue/no-multiple-template-root
 description: disallow adding multiple root nodes to the template
 since: v7.0.0
 ---
+
 # vue/no-multiple-template-root
 
 > disallow adding multiple root nodes to the template
@@ -41,7 +42,7 @@ This rule checks whether template contains single root element valid for Vue 2.
 ```vue
 <!-- The root element has `v-for` directives -->
 <template>
-  <div v-for="item in items"/>
+  <div v-for="item in items" />
 </template>
 ```
 
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 62c76680d..a3bcaa963 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -5,6 +5,7 @@ title: vue/no-mutating-props
 description: disallow mutation of component props
 since: v7.0.0
 ---
+
 # vue/no-mutating-props
 
 > disallow mutation of component props
@@ -27,33 +28,33 @@ This rule reports mutation of component props.
   </div>
 </template>
 <script>
-  export default {
-    props: {
-      value: {
-        type: String,
-        required: true
-      },
-      list: {
-        type: Array,
-        required: true
-      },
-      user: {
-        type: Object,
-        required: true
-      }
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true
     },
-    methods: {
-      openModal() {
-        this.value = 'test'
-      },
-      pushItem() {
-        this.list.push(0)
-      },
-      changeId() {
-        this.user.id = 1
-      }
+    list: {
+      type: Array,
+      required: true
+    },
+    user: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    openModal() {
+      this.value = 'test'
+    },
+    pushItem() {
+      this.list.push(0)
+    },
+    changeId() {
+      this.user.id = 1
     }
   }
+}
 </script>
 ```
 
@@ -71,33 +72,33 @@ This rule reports mutation of component props.
   </div>
 </template>
 <script>
-  export default {
-    props: {
-      value: {
-        type: String,
-        required: true
-      },
-      list: {
-        type: Array,
-        required: true
-      },
-      user: {
-        type: Object,
-        required: true
-      }
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true
+    },
+    list: {
+      type: Array,
+      required: true
     },
-    methods: {
-      openModal() {
-        this.$emit('input', 'test')
-      },
-      pushItem() {
-        this.$emit('push', 0)
-      },
-      changeId() {
-        this.$emit('change-id', 1)
-      }
+    user: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    openModal() {
+      this.$emit('input', 'test')
+    },
+    pushItem() {
+      this.$emit('push', 0)
+    },
+    changeId() {
+      this.$emit('change-id', 1)
     }
   }
+}
 </script>
 ```
 
@@ -107,12 +108,12 @@ This rule reports mutation of component props.
 
 ```vue
 <script>
-  export default {
-    setup (props) {
-      // ✗ BAD
-      props.value = 'test'
-    }
+export default {
+  setup(props) {
+    // ✗ BAD
+    props.value = 'test'
   }
+}
 </script>
 ```
 
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index 61832037f..d6e14aa0b 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -5,6 +5,7 @@ title: vue/no-parsing-error
 description: disallow parsing errors in `<template>`
 since: v3.0.0
 ---
+
 # vue/no-parsing-error
 
 > disallow parsing errors in `<template>`
diff --git a/docs/rules/no-potential-component-option-typo.md b/docs/rules/no-potential-component-option-typo.md
index 871af5de2..17e21c818 100644
--- a/docs/rules/no-potential-component-option-typo.md
+++ b/docs/rules/no-potential-component-option-typo.md
@@ -5,6 +5,7 @@ title: vue/no-potential-component-option-typo
 description: disallow a potential typo in your component property
 since: v7.0.0
 ---
+
 # vue/no-potential-component-option-typo
 
 > disallow a potential typo in your component property
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index df3549dc6..951c587ca 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -5,6 +5,7 @@ title: vue/no-ref-as-operand
 description: disallow use of value wrapped by `ref()` (Composition API) as an operand
 since: v7.0.0
 ---
+
 # vue/no-ref-as-operand
 
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
@@ -24,7 +25,7 @@ You must use `.value` to access the `Ref` value.
 import { ref } from 'vue'
 
 export default {
-  setup () {
+  setup() {
     const count = ref(0)
     const ok = ref(true)
 
diff --git a/docs/rules/no-ref-object-destructure.md b/docs/rules/no-ref-object-destructure.md
index fd3534c6f..ea848c63e 100644
--- a/docs/rules/no-ref-object-destructure.md
+++ b/docs/rules/no-ref-object-destructure.md
@@ -5,6 +5,7 @@ title: vue/no-ref-object-destructure
 description: disallow usages of ref objects that can lead to loss of reactivity
 since: v9.5.0
 ---
+
 # vue/no-ref-object-destructure
 
 > disallow usages of ref objects that can lead to loss of reactivity
diff --git a/docs/rules/no-ref-object-reactivity-loss.md b/docs/rules/no-ref-object-reactivity-loss.md
index 5f70a8303..5df8ed52b 100644
--- a/docs/rules/no-ref-object-reactivity-loss.md
+++ b/docs/rules/no-ref-object-reactivity-loss.md
@@ -5,6 +5,7 @@ title: vue/no-ref-object-reactivity-loss
 description: disallow usages of ref objects that can lead to loss of reactivity
 since: v9.17.0
 ---
+
 # vue/no-ref-object-reactivity-loss
 
 > disallow usages of ref objects that can lead to loss of reactivity
diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 9a604a812..01bad7794 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -5,6 +5,7 @@ title: vue/no-required-prop-with-default
 description: enforce props with default values to be optional
 since: v9.6.0
 ---
+
 # vue/no-required-prop-with-default
 
 > enforce props with default values to be optional
@@ -22,27 +23,27 @@ This rule enforces all props with default values to be optional.
 
 ```vue
 <script setup lang="ts">
-  /* ✓ GOOD */
-  const props = withDefaults(
-    defineProps<{
-      name?: string | number
-      age?: number
-    }>(),
-    {
-      name: "Foo",
-    }
-  );
-
-  /* ✗ BAD */
-  const props = withDefaults(
-    defineProps<{
-      name: string | number
-      age?: number
-    }>(),
-    {
-      name: "Foo",
-    }
-  );
+/* ✓ GOOD */
+const props = withDefaults(
+  defineProps<{
+    name?: string | number
+    age?: number
+  }>(),
+  {
+    name: 'Foo',
+  }
+);
+
+/* ✗ BAD */
+const props = withDefaults(
+  defineProps<{
+    name: string | number
+    age?: number
+  }>(),
+  {
+    name: 'Foo',
+  }
+);
 </script>
 ```
 
@@ -52,23 +53,23 @@ This rule enforces all props with default values to be optional.
 
 ```vue
 <script>
-  export default {
-    props: {
-      /* ✓ GOOD */
-      foo: {
-        required: false,
-        default: 'Hello'
-      },
-      bar: {
-        required: true
-      },
-      /* ✗ BAD */
-      baz: {
-        required: true,
-        default: 'Hello'
-      },
+export default {
+  props: {
+    /* ✓ GOOD */
+    foo: {
+      required: false,
+      default: 'Hello'
     },
-  }
+    bar: {
+      required: true
+    },
+    /* ✗ BAD */
+    baz: {
+      required: true,
+      default: 'Hello'
+    },
+  },
+}
 </script>
 ```
 
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 80e430813..4130c8c9f 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -5,6 +5,7 @@ title: vue/no-reserved-component-names
 description: disallow the use of reserved names in component definitions
 since: v6.1.0
 ---
+
 # vue/no-reserved-component-names
 
 > disallow the use of reserved names in component definitions
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index 36535c5b5..bea373831 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -5,6 +5,7 @@ title: vue/no-reserved-keys
 description: disallow overwriting reserved keys
 since: v3.9.0
 ---
+
 # vue/no-reserved-keys
 
 > disallow overwriting reserved keys
@@ -26,14 +27,14 @@ export default {
   },
   computed: {
     $on: {
-      get () {}
+      get() {}
     }
   },
   data: {
     _foo: null
   },
   methods: {
-    $nextTick () {}
+    $nextTick() {}
   }
 }
 </script>
@@ -64,10 +65,10 @@ export default {
 /* ✗ BAD */
 export default {
   computed: {
-    foo () {}
+    foo() {}
   },
   firebase: {
-    foo2 () {}
+    foo2() {}
   }
 }
 </script>
diff --git a/docs/rules/no-reserved-props.md b/docs/rules/no-reserved-props.md
index 3c9ac1044..23754b228 100644
--- a/docs/rules/no-reserved-props.md
+++ b/docs/rules/no-reserved-props.md
@@ -5,6 +5,7 @@ title: vue/no-reserved-props
 description: disallow reserved names in props
 since: v8.0.0
 ---
+
 # vue/no-reserved-props
 
 > disallow reserved names in props
diff --git a/docs/rules/no-restricted-block.md b/docs/rules/no-restricted-block.md
index cb6ab788b..0a96a64a4 100644
--- a/docs/rules/no-restricted-block.md
+++ b/docs/rules/no-restricted-block.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-block
 description: disallow specific block
 since: v7.4.0
 ---
+
 # vue/no-restricted-block
 
 > disallow specific block
diff --git a/docs/rules/no-restricted-call-after-await.md b/docs/rules/no-restricted-call-after-await.md
index f880f8f12..0082bb881 100644
--- a/docs/rules/no-restricted-call-after-await.md
+++ b/docs/rules/no-restricted-call-after-await.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-call-after-await
 description: disallow asynchronously called restricted methods
 since: v7.4.0
 ---
+
 # vue/no-restricted-call-after-await
 
 > disallow asynchronously called restricted methods
diff --git a/docs/rules/no-restricted-class.md b/docs/rules/no-restricted-class.md
index b6fa69b3a..a69f28d55 100644
--- a/docs/rules/no-restricted-class.md
+++ b/docs/rules/no-restricted-class.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-class
 description: disallow specific classes in Vue components
 since: v7.19.0
 ---
+
 # vue/no-restricted-class
 
 > disallow specific classes in Vue components
@@ -30,7 +31,7 @@ in the rule configuration.
 <template>
   <!-- ✗ BAD -->
   <div class="forbidden" />
-  <div :class="{forbidden: someBoolean}" />
+  <div :class="{ forbidden: someBoolean }" />
   <div :class="`forbidden ${someString}`" />
   <div :class="'forbidden'" />
   <div :class="'forbidden ' + someString" />
@@ -64,7 +65,7 @@ variables, like below, will not be detected by this rule.
 export default {
   data() {
     return {
-      classes: "forbidden"
+      classes: 'forbidden'
     }
   }
 }
diff --git a/docs/rules/no-restricted-component-names.md b/docs/rules/no-restricted-component-names.md
index e093b496a..82f350ca9 100644
--- a/docs/rules/no-restricted-component-names.md
+++ b/docs/rules/no-restricted-component-names.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-component-names
 description: disallow specific component names
 since: v9.15.0
 ---
+
 # vue/no-restricted-component-names
 
 > disallow specific component names
@@ -52,23 +53,23 @@ This rule takes a list of strings, where each string is a component name or patt
 ```
 
 Alternatively, you can specify an object with a `name` property and an optional `message` and `suggest` property:
-  
+
 ```json
-  {
-    "vue/no-restricted-component-names": [
-      "error",
-      {
-        "name": "Disallow",
-        "message": "Please do not use `Disallow` as a component name",
-        "suggest": "allow"
-      },
-      {
-        "name": "/^custom/",
-        "message": "Please do not use component names starting with 'custom'"
-      }
-    ]
-  }
-  ```
+{
+  "vue/no-restricted-component-names": [
+    "error",
+    {
+      "name": "Disallow",
+      "message": "Please do not use `Disallow` as a component name",
+      "suggest": "allow"
+    },
+    {
+      "name": "/^custom/",
+      "message": "Please do not use component names starting with 'custom'"
+    }
+  ]
+}
+```
 
 <eslint-code-block :rules="{'vue/no-restricted-component-names': ['error', { name: 'Disallow', message: 'Please do not use \'Disallow\' as a component name', suggest: 'allow'}]}">
 
diff --git a/docs/rules/no-restricted-component-options.md b/docs/rules/no-restricted-component-options.md
index a11570945..57d736ae3 100644
--- a/docs/rules/no-restricted-component-options.md
+++ b/docs/rules/no-restricted-component-options.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-component-options
 description: disallow specific component option
 since: v7.0.0
 ---
+
 # vue/no-restricted-component-options
 
 > disallow specific component option
diff --git a/docs/rules/no-restricted-custom-event.md b/docs/rules/no-restricted-custom-event.md
index b77feac14..88a3eb424 100644
--- a/docs/rules/no-restricted-custom-event.md
+++ b/docs/rules/no-restricted-custom-event.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-custom-event
 description: disallow specific custom event
 since: v7.3.0
 ---
+
 # vue/no-restricted-custom-event
 
 > disallow specific custom event
diff --git a/docs/rules/no-restricted-html-elements.md b/docs/rules/no-restricted-html-elements.md
index 15a62447f..2a6d6c997 100644
--- a/docs/rules/no-restricted-html-elements.md
+++ b/docs/rules/no-restricted-html-elements.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-html-elements
 description: disallow specific HTML elements
 since: v8.6.0
 ---
+
 # vue/no-restricted-html-elements
 
 > disallow specific HTML elements
diff --git a/docs/rules/no-restricted-props.md b/docs/rules/no-restricted-props.md
index beecaaa8b..454923ae3 100644
--- a/docs/rules/no-restricted-props.md
+++ b/docs/rules/no-restricted-props.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-props
 description: disallow specific props
 since: v7.3.0
 ---
+
 # vue/no-restricted-props
 
 > disallow specific props
diff --git a/docs/rules/no-restricted-static-attribute.md b/docs/rules/no-restricted-static-attribute.md
index ee4f1d209..a0534f563 100644
--- a/docs/rules/no-restricted-static-attribute.md
+++ b/docs/rules/no-restricted-static-attribute.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-static-attribute
 description: disallow specific attribute
 since: v7.0.0
 ---
+
 # vue/no-restricted-static-attribute
 
 > disallow specific attribute
diff --git a/docs/rules/no-restricted-syntax.md b/docs/rules/no-restricted-syntax.md
index 8058ecf5b..d16cebcf3 100644
--- a/docs/rules/no-restricted-syntax.md
+++ b/docs/rules/no-restricted-syntax.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-syntax
 description: Disallow specified syntax in `<template>`
 since: v5.2.0
 ---
+
 # vue/no-restricted-syntax
 
 > Disallow specified syntax in `<template>`
diff --git a/docs/rules/no-restricted-v-bind.md b/docs/rules/no-restricted-v-bind.md
index b603e690f..4c1495f4e 100644
--- a/docs/rules/no-restricted-v-bind.md
+++ b/docs/rules/no-restricted-v-bind.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-v-bind
 description: disallow specific argument in `v-bind`
 since: v7.0.0
 ---
+
 # vue/no-restricted-v-bind
 
 > disallow specific argument in `v-bind`
diff --git a/docs/rules/no-restricted-v-on.md b/docs/rules/no-restricted-v-on.md
index 2873caf1a..be32147a0 100644
--- a/docs/rules/no-restricted-v-on.md
+++ b/docs/rules/no-restricted-v-on.md
@@ -5,6 +5,7 @@ title: vue/no-restricted-v-on
 description: disallow specific argument in `v-on`
 since: v9.21.0
 ---
+
 # vue/no-restricted-v-on
 
 > disallow specific argument in `v-on`
diff --git a/docs/rules/no-root-v-if.md b/docs/rules/no-root-v-if.md
index bf32003a3..c65ac564a 100644
--- a/docs/rules/no-root-v-if.md
+++ b/docs/rules/no-root-v-if.md
@@ -5,6 +5,7 @@ title: vue/no-root-v-if
 description: disallow `v-if` directives on root element
 since: v9.12.0
 ---
+
 # vue/no-root-v-if
 
 > disallow `v-if` directives on root element
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 37fdcf8b5..0ecb01f6f 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -5,6 +5,7 @@ title: vue/no-setup-props-destructure
 description: disallow usages that lose the reactivity of `props` passed to `setup`
 since: v7.0.0
 ---
+
 # vue/no-setup-props-destructure
 
 > disallow usages that lose the reactivity of `props` passed to `setup`
diff --git a/docs/rules/no-setup-props-reactivity-loss.md b/docs/rules/no-setup-props-reactivity-loss.md
index ade3ee62c..b950ce3f7 100644
--- a/docs/rules/no-setup-props-reactivity-loss.md
+++ b/docs/rules/no-setup-props-reactivity-loss.md
@@ -5,6 +5,7 @@ title: vue/no-setup-props-reactivity-loss
 description: disallow usages that lose the reactivity of `props` passed to `setup`
 since: v9.17.0
 ---
+
 # vue/no-setup-props-reactivity-loss
 
 > disallow usages that lose the reactivity of `props` passed to `setup`
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index ce4f693e0..654c16d4d 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -5,6 +5,7 @@ title: vue/no-shared-component-data
 description: enforce component's data property to be a function
 since: v3.8.0
 ---
+
 # vue/no-shared-component-data
 
 > enforce component's data property to be a function
@@ -32,7 +33,7 @@ Vue.component('some-comp', {
 })
 
 export default {
-  data () {
+  data() {
     return {
       foo: 'bar'
     }
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index f677f8d72..1edfebcfe 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -5,6 +5,7 @@ title: vue/no-side-effects-in-computed-properties
 description: disallow side effects in computed properties
 since: v3.6.0
 ---
+
 # vue/no-side-effects-in-computed-properties
 
 > disallow side effects in computed properties
@@ -24,10 +25,10 @@ It is considered a very bad practice to introduce side effects inside computed p
 /* ✓ GOOD */
 export default {
   computed: {
-    fullName () {
+    fullName() {
       return `${this.firstName} ${this.lastName}`
     },
-    reversedArray () {
+    reversedArray() {
       return this.array.slice(0).reverse() // .slice makes a copy of the array, instead of mutating the orginal
     }
   }
@@ -44,11 +45,11 @@ export default {
 /* ✗ BAD */
 export default {
   computed: {
-    fullName () {
+    fullName() {
       this.firstName = 'lorem' // <- side effect
       return `${this.firstName} ${this.lastName}`
     },
-    reversedArray () {
+    reversedArray() {
       return this.array.reverse() // <- side effect - orginal array is being mutated
     }
   }
@@ -62,7 +63,7 @@ export default {
 
 ```vue
 <script>
-import {computed} from 'vue'
+import { computed } from 'vue'
 /* ✓ GOOD */
 export default {
   setup() {
@@ -83,12 +84,12 @@ export default {
 
 ```vue
 <script>
-import {computed} from 'vue'
+import { computed } from 'vue'
 /* ✗ BAD */
 export default {
   setup() {
     const foo = useFoo()
-    
+
     const fullName = computed(() => {
       foo.firstName = 'lorem' // <- side effect
       return `${foo.firstName} ${foo.lastName}`
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index bb3a7ff6c..dc648d3f8 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -5,6 +5,7 @@ title: vue/no-spaces-around-equal-signs-in-attribute
 description: disallow spaces around equal signs in attribute
 since: v5.0.0
 ---
+
 # vue/no-spaces-around-equal-signs-in-attribute
 
 > disallow spaces around equal signs in attribute
@@ -43,7 +44,7 @@ HTML5 allows spaces around equal signs. But space-less is easier to read, and gr
 
 ## :books: Further Reading
 
-- [HTML5 Style Guide - W3Schools *Spaces and Equal Signs*](https://www.w3schools.com/html/html5_syntax.asp)
+- [HTML5 Style Guide - W3Schools _Spaces and Equal Signs_](https://www.w3schools.com/html/html5_syntax.asp)
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-sparse-arrays.md b/docs/rules/no-sparse-arrays.md
index 3d00dc362..a71ccef7d 100644
--- a/docs/rules/no-sparse-arrays.md
+++ b/docs/rules/no-sparse-arrays.md
@@ -5,6 +5,7 @@ title: vue/no-sparse-arrays
 description: Disallow sparse arrays in `<template>`
 since: v7.0.0
 ---
+
 # vue/no-sparse-arrays
 
 > Disallow sparse arrays in `<template>`
diff --git a/docs/rules/no-static-inline-styles.md b/docs/rules/no-static-inline-styles.md
index 2d400c22f..afb93fbf3 100644
--- a/docs/rules/no-static-inline-styles.md
+++ b/docs/rules/no-static-inline-styles.md
@@ -5,6 +5,7 @@ title: vue/no-static-inline-styles
 description: disallow static inline `style` attributes
 since: v7.0.0
 ---
+
 # vue/no-static-inline-styles
 
 > disallow static inline `style` attributes
@@ -20,12 +21,12 @@ The styles reported in this rule mean that we recommend separating them into `<s
 <template>
   <!-- ✓ GOOD -->
   <div :style="styleObject"></div>
-  <div :style="{ backgroundImage: 'url('+img+')' }"></div>
+  <div :style="{ backgroundImage: 'url(' + img + ')' }"></div>
 
   <!-- ✗ BAD -->
   <div style="color: pink;"></div>
   <div :style="{ color: 'pink' }"></div>
-  <div :style="[ { color: 'pink' }, { 'font-size': '85%' } ]"></div>
+  <div :style="[{ color: 'pink' }, { 'font-size': '85%' }]"></div>
   <div :style="{ backgroundImage, color: 'pink' }"></div>
 </template>
 ```
@@ -52,7 +53,7 @@ The styles reported in this rule mean that we recommend separating them into `<s
 <template>
   <!-- ✓ GOOD -->
   <div :style="{ transform: 'scale(0.5)' }"></div>
-  <div :style="[ { transform: 'scale(0.5)' }, { 'user-select': 'none' } ]"></div>
+  <div :style="[{ transform: 'scale(0.5)' }, { 'user-select': 'none' }]"></div>
 
   <!-- ✗ BAD -->
   <div style="transform: scale(0.5);"></div>
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index c1654688b..246fc0cdb 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -5,6 +5,7 @@ title: vue/no-template-key
 description: disallow `key` attribute on `<template>`
 since: v3.4.0
 ---
+
 # vue/no-template-key
 
 > disallow `key` attribute on `<template>`
diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 0dcfb2171..6744d4dc9 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -5,6 +5,7 @@ title: vue/no-template-shadow
 description: disallow variable declarations from shadowing variables declared in the outer scope
 since: v5.0.0
 ---
+
 # vue/no-template-shadow
 
 > disallow variable declarations from shadowing variables declared in the outer scope
diff --git a/docs/rules/no-template-target-blank.md b/docs/rules/no-template-target-blank.md
index 90bc286eb..d2a8fc006 100644
--- a/docs/rules/no-template-target-blank.md
+++ b/docs/rules/no-template-target-blank.md
@@ -5,9 +5,10 @@ title: vue/no-template-target-blank
 description: disallow target="_blank" attribute without rel="noopener noreferrer"
 since: v7.0.0
 ---
+
 # vue/no-template-target-blank
 
-> disallow target="_blank" attribute without rel="noopener noreferrer"
+> disallow target="\_blank" attribute without rel="noopener noreferrer"
 
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 35aafc167..67e7907d7 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -5,6 +5,7 @@ title: vue/no-textarea-mustache
 description: disallow mustaches in `<textarea>`
 since: v3.0.0
 ---
+
 # vue/no-textarea-mustache
 
 > disallow mustaches in `<textarea>`
diff --git a/docs/rules/no-this-in-before-route-enter.md b/docs/rules/no-this-in-before-route-enter.md
index 0771bbb9c..d84531ddb 100644
--- a/docs/rules/no-this-in-before-route-enter.md
+++ b/docs/rules/no-this-in-before-route-enter.md
@@ -5,6 +5,7 @@ title: vue/no-this-in-before-route-enter
 description: disallow `this` usage in a `beforeRouteEnter` method
 since: v7.11.0
 ---
+
 # vue/no-this-in-before-route-enter
 
 > disallow `this` usage in a `beforeRouteEnter` method
@@ -25,7 +26,7 @@ export default {
     if (this.value === 42) {
     }
     this.attribute = this.method();
-  }   
+  }
 }
 </script>
 ```
@@ -40,7 +41,7 @@ export default {
   beforeRouteEnter() {
     /* ✓ GOOD */
     // anything without this
-  }   
+  }
 }
 </script>
 ```
diff --git a/docs/rules/no-undef-components.md b/docs/rules/no-undef-components.md
index 3b58919b1..0e28192e3 100644
--- a/docs/rules/no-undef-components.md
+++ b/docs/rules/no-undef-components.md
@@ -5,6 +5,7 @@ title: vue/no-undef-components
 description: disallow use of undefined components in `<template>`
 since: v8.4.0
 ---
+
 # vue/no-undef-components
 
 > disallow use of undefined components in `<template>`
@@ -83,9 +84,7 @@ export default {
 
 <script>
 export default {
-  components: {
-
-  }
+  components: {}
 }
 </script>
 ```
@@ -135,11 +134,9 @@ export default {
 </template>
 
 <script>
-  export default {
-    components: {
-
-    },
-  }
+export default {
+  components: {}
+}
 </script>
 ```
 
@@ -157,11 +154,9 @@ export default {
 </template>
 
 <script>
-  export default {
-    components: {
-
-    },
-  }
+export default {
+  components: {}
+}
 </script>
 ```
 
diff --git a/docs/rules/no-undef-properties.md b/docs/rules/no-undef-properties.md
index 9b5062a65..f9aa19fb4 100644
--- a/docs/rules/no-undef-properties.md
+++ b/docs/rules/no-undef-properties.md
@@ -5,6 +5,7 @@ title: vue/no-undef-properties
 description: disallow undefined properties
 since: v7.20.0
 ---
+
 # vue/no-undef-properties
 
 > disallow undefined properties
@@ -52,23 +53,23 @@ watch(() => prop.undef, () => console.log('Updated!'))
   <div>{{ label }}: {{ cnt }}</div>
 </template>
 <script>
-  export default {
-    props: ['name'],
-    data () {
-      return {
-        count: 0
-      }
-    },
-    methods: {
-      click() {
-        /* ✓ GOOD */
-        this.count++
-
-        /* ✗ BAD */
-        this.cnt++
-      }
+export default {
+  props: ['name'],
+  data() {
+    return {
+      count: 0
+    }
+  },
+  methods: {
+    click() {
+      /* ✓ GOOD */
+      this.count++
+
+      /* ✗ BAD */
+      this.cnt++
     }
   }
+}
 </script>
 ```
 
@@ -96,12 +97,12 @@ watch(() => prop.undef, () => console.log('Updated!'))
   <div>{{ $t('foo') }}</div>
 </template>
 <script>
-  export default {
-    mounted() {
-      /* ✓ GOOD */
-      const hash = this.$route.hash
-    }
+export default {
+  mounted() {
+    /* ✓ GOOD */
+    const hash = this.$route.hash
   }
+}
 </script>
 ```
 
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 3f373d480..dd8977bc6 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -5,6 +5,7 @@ title: vue/no-unregistered-components
 description: disallow using components that are not registered inside templates
 since: v7.0.0
 ---
+
 # vue/no-unregistered-components
 
 > disallow using components that are not registered inside templates
@@ -37,19 +38,19 @@ are ignored by default.
 </template>
 
 <script>
-  import TheButton from 'components/TheButton.vue'
-  import TheModal from 'components/TheModal.vue'
-  import TheInput from 'components/TheInput.vue'
-  import TheDropdown from 'components/TheDropdown.vue'
-
-  export default {
-    components: {
-      TheButton,
-      TheModal,
-      TheInput,
-      TheDropdown,
-    }
+import TheButton from 'components/TheButton.vue'
+import TheModal from 'components/TheModal.vue'
+import TheInput from 'components/TheInput.vue'
+import TheDropdown from 'components/TheDropdown.vue'
+
+export default {
+  components: {
+    TheButton,
+    TheModal,
+    TheInput,
+    TheDropdown,
   }
+}
 </script>
 ```
 
@@ -67,11 +68,9 @@ are ignored by default.
 </template>
 
 <script>
-  export default {
-    components: {
-
-    }
-  }
+export default {
+  components: {}
+}
 </script>
 ```
 
@@ -103,11 +102,9 @@ are ignored by default.
 </template>
 
 <script>
-  export default {
-    components: {
-
-    },
-  }
+export default {
+  components: {}
+}
 </script>
 ```
 
@@ -125,11 +122,9 @@ are ignored by default.
 </template>
 
 <script>
-  export default {
-    components: {
-
-    },
-  }
+export default {
+  components: {}
+}
 </script>
 ```
 
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 2f6356517..a2df54d33 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -5,6 +5,7 @@ title: vue/no-unsupported-features
 description: disallow unsupported Vue.js syntax on the specified version
 since: v6.1.0
 ---
+
 # vue/no-unsupported-features
 
 > disallow unsupported Vue.js syntax on the specified version
@@ -28,7 +29,7 @@ This rule reports unsupported Vue.js syntax on the specified version.
 
 - `version` ... The `version` option accepts [the valid version range of `node-semver`](https://github.com/npm/node-semver#range-grammar). Set the version of Vue.js you are using. This option is required.
 - `ignores` ... You can use this `ignores` option to ignore the given features.
-The `"ignores"` option accepts an array of the following strings.
+  The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.4.0+
     - `"define-model"` ... `defineModel()` macro.
     - `"v-bind-same-name-shorthand"` ... `v-bind` same-name shorthand.
diff --git a/docs/rules/no-unused-components.md b/docs/rules/no-unused-components.md
index 6f70e9291..295cc3884 100644
--- a/docs/rules/no-unused-components.md
+++ b/docs/rules/no-unused-components.md
@@ -5,6 +5,7 @@ title: vue/no-unused-components
 description: disallow registering components that are not used inside templates
 since: v7.0.0
 ---
+
 # vue/no-unused-components
 
 > disallow registering components that are not used inside templates
@@ -31,19 +32,19 @@ This rule reports components that haven't been used in the template.
 </template>
 
 <script>
-  import TheButton from 'components/TheButton.vue'
-  import TheModal from 'components/TheModal.vue'
-  import TheInput from 'components/TheInput.vue'
-  import TheDropdown from 'components/TheDropdown.vue'
-
-  export default {
-    components: {
-      TheButton,
-      TheModal,
-      TheInput,
-      TheDropdown,
-    }
+import TheButton from 'components/TheButton.vue'
+import TheModal from 'components/TheModal.vue'
+import TheInput from 'components/TheInput.vue'
+import TheDropdown from 'components/TheDropdown.vue'
+
+export default {
+  components: {
+    TheButton,
+    TheModal,
+    TheInput,
+    TheDropdown,
   }
+}
 </script>
 ```
 
@@ -61,15 +62,15 @@ This rule reports components that haven't been used in the template.
 </template>
 
 <script>
-  import TheButton from 'components/TheButton.vue'
-  import TheModal from 'components/TheModal.vue'
-
-  export default {
-    components: {
-      TheButton, // Unused component
-      'the-modal': TheModal // Unused component
-    }
+import TheButton from 'components/TheButton.vue'
+import TheModal from 'components/TheModal.vue'
+
+export default {
+  components: {
+    TheButton, // Unused component
+    'the-modal': TheModal // Unused component
   }
+}
 </script>
 ```
 
@@ -108,17 +109,17 @@ Components registered under `PascalCase` or `camelCase` names have may be called
 </template>
 
 <script>
-  import TheButton from 'components/TheButton.vue'
-  import TheSelect from 'components/TheSelect.vue'
-  import TheInput from 'components/TheInput.vue'
-
-  export default {
-    components: {
-      TheButton,
-      TheSelect,
-      TheInput,
-    },
-  }
+import TheButton from 'components/TheButton.vue'
+import TheSelect from 'components/TheSelect.vue'
+import TheInput from 'components/TheInput.vue'
+
+export default {
+  components: {
+    TheButton,
+    TheSelect,
+    TheInput,
+  },
+}
 </script>
 ```
 
@@ -136,21 +137,20 @@ Components registered under `PascalCase` or `camelCase` names have may be called
 </template>
 
 <script>
-  import TheButton from 'components/TheButton.vue'
-  import TheSelect from 'components/TheSelect.vue'
-  import TheInput from 'components/TheInput.vue'
-
-  export default {
-    components: {
-      TheButton, // <- not used
-      TheSelect, // <- not used
-      TheInput, // <- not used
-    },
-    computed: {
-      computedComponent() {
-      }
-    }
+import TheButton from 'components/TheButton.vue'
+import TheSelect from 'components/TheSelect.vue'
+import TheInput from 'components/TheInput.vue'
+
+export default {
+  components: {
+    TheButton, // <- not used
+    TheSelect, // <- not used
+    TheInput, // <- not used
+  },
+  computed: {
+    computedComponent() {}
   }
+}
 </script>
 ```
 
diff --git a/docs/rules/no-unused-emit-declarations.md b/docs/rules/no-unused-emit-declarations.md
index 7753c5ead..54abc81d1 100644
--- a/docs/rules/no-unused-emit-declarations.md
+++ b/docs/rules/no-unused-emit-declarations.md
@@ -5,6 +5,7 @@ title: vue/no-unused-emit-declarations
 description: disallow unused emit declarations
 since: v9.19.0
 ---
+
 # vue/no-unused-emit-declarations
 
 > disallow unused emit declarations
@@ -18,9 +19,9 @@ This rule is aimed at eliminating unused emit declarations.
 ```vue
 <!-- ✗ BAD -->
 <script>
-  export default {
-    emits: ['foo'],
-  }
+export default {
+  emits: ['foo'],
+}
 </script>
 ```
 
@@ -31,14 +32,14 @@ This rule is aimed at eliminating unused emit declarations.
 ```vue
 <!-- ✓ GOOD -->
 <script>
-  export default {
-    emits: ['foo'],
-    methods: {
-      foo() {
-        this.$emit('foo')
-      },
+export default {
+  emits: ['foo'],
+  methods: {
+    foo() {
+      this.$emit('foo')
     },
-  }
+  },
+}
 </script>
 ```
 
diff --git a/docs/rules/no-unused-properties.md b/docs/rules/no-unused-properties.md
index 4c8300923..e0e14416a 100644
--- a/docs/rules/no-unused-properties.md
+++ b/docs/rules/no-unused-properties.md
@@ -5,6 +5,7 @@ title: vue/no-unused-properties
 description: disallow unused properties
 since: v7.0.0
 ---
+
 # vue/no-unused-properties
 
 > disallow unused properties
@@ -25,9 +26,9 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
   <div>{{ count }}</div>
 </template>
 <script>
-  export default {
-    props: ['count']
-  }
+export default {
+  props: ['count']
+}
 </script>
 ```
 
@@ -41,9 +42,9 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
   <div>{{ cnt }}</div>
 </template>
 <script>
-  export default {
-    props: ['count']
-  }
+export default {
+  props: ['count']
+}
 </script>
 ```
 
@@ -79,16 +80,16 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
 ```vue
 <!-- ✓ GOOD -->
 <script>
-  export default {
-    data() {
-      return {
-        count: null
-      }
-    },
-    created() {
-      this.count = 2
+export default {
+  data() {
+    return {
+      count: null
     }
+  },
+  created() {
+    this.count = 2
   }
+}
 </script>
 ```
 
@@ -99,16 +100,16 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
 ```vue
 <!-- ✗ BAD (`count` data not used) -->
 <script>
-  export default {
-    data() {
-      return {
-        count: null
-      }
-    },
-    created() {
-      this.cnt = 2
+export default {
+  data() {
+    return {
+      count: null
     }
+  },
+  created() {
+    this.cnt = 2
   }
+}
 </script>
 ```
 
@@ -150,18 +151,18 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
   <p>{{ reversedMessage }}</p>
 </template>
 <script>
-  export default {
-    data() {
-      return {
-        message: 'Hello'
-      }
-    },
-    computed: {
-      reversedMessage() {
-        return this.message.split('').reverse().join('')
-      }
+export default {
+  data() {
+    return {
+      message: 'Hello'
+    }
+  },
+  computed: {
+    reversedMessage() {
+      return this.message.split('').reverse().join('')
     }
   }
+}
 </script>
 ```
 
@@ -175,18 +176,18 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
   <p>{{ message }}</p>
 </template>
 <script>
-  export default {
-    data() {
-      return {
-        message: 'Hello'
-      }
-    },
-    computed: {
-      reversedMessage() {
-        return this.message.split('').reverse().join('')
-      }
+export default {
+  data() {
+    return {
+      message: 'Hello'
+    }
+  },
+  computed: {
+    reversedMessage() {
+      return this.message.split('').reverse().join('')
     }
   }
+}
 </script>
 ```
 
@@ -202,19 +203,19 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
   <button @click="usedInTemplate()" />
 </template>
 <script>
-  export default {
-    methods: {
-      /* ✓ GOOD */
-      usedInTemplate() {},
-      
-      /* ✓ GOOD */
-      /** @public */
-      publicMethod() {},
-      
-      /* ✗ BAD */
-      unusedMethod() {}
-    }
+export default {
+  methods: {
+    /* ✓ GOOD */
+    usedInTemplate() {},
+
+    /* ✓ GOOD */
+    /** @public */
+    publicMethod() {},
+
+    /* ✗ BAD */
+    unusedMethod() {}
   }
+}
 </script>
 ```
 
@@ -225,29 +226,27 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
 <eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['computed'], unreferencedOptions: ['unknownMemberAsUnreferenced']}]}">
 
 ```vue
-<template>
-  
-</template>
+<template></template>
 <script>
-  export default {
-    computed: {
-      one () {
-        return 1
-      },
-      two () {
-        return 2
-      }
+export default {
+  computed: {
+    one() {
+      return 1
     },
-    methods: {
-      handler () {
-        /* ✓ GOOD - explicit access to computed */
-        const a = this.one
-        const i = 'two'
-        /* ✗ BAD - unknown access via a variable, two will be reported as unreferenced */
-        return this[i]
-      },
+    two() {
+      return 2
     }
+  },
+  methods: {
+    handler() {
+      /* ✓ GOOD - explicit access to computed */
+      const a = this.one
+      const i = 'two'
+      /* ✗ BAD - unknown access via a variable, two will be reported as unreferenced */
+      return this[i]
+    },
   }
+}
 </script>
 ```
 
@@ -258,28 +257,26 @@ This rule cannot check for use of properties by other components (e.g. `mixins`,
 <eslint-code-block :rules="{'vue/no-unused-properties': ['error', {groups: ['computed'], unreferencedOptions: ['returnAsUnreferenced']}]}">
 
 ```vue
-<template>
-  
-</template>
+<template></template>
 <script>
-  export default {
-    computed: {
-      one () {
-        return 1
-      },
-      two () {
-        return 2
-      }
+export default {
+  computed: {
+    one() {
+      return 1
     },
-    methods: {
-      handler () {
-        /* ✓ GOOD - explicit access to computed */
-        const a = this.one
-        /* ✗ BAD - any property could be accessed by returning `this`, but two will still be reported as unreferenced */
-        return this
-      },
+    two() {
+      return 2
     }
+  },
+  methods: {
+    handler() {
+      /* ✓ GOOD - explicit access to computed */
+      const a = this.one
+      /* ✗ BAD - any property could be accessed by returning `this`, but two will still be reported as unreferenced */
+      return this
+    },
   }
+}
 </script>
 ```
 
diff --git a/docs/rules/no-unused-refs.md b/docs/rules/no-unused-refs.md
index 7abf43e28..06383d93e 100644
--- a/docs/rules/no-unused-refs.md
+++ b/docs/rules/no-unused-refs.md
@@ -5,6 +5,7 @@ title: vue/no-unused-refs
 description: disallow unused refs
 since: v7.9.0
 ---
+
 # vue/no-unused-refs
 
 > disallow unused refs
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index be0b1fcc1..204773dce 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -5,6 +5,7 @@ title: vue/no-unused-vars
 description: disallow unused variable definitions of v-for directives or scope attributes
 since: v3.14.0
 ---
+
 # vue/no-unused-vars
 
 > disallow unused variable definitions of v-for directives or scope attributes
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
index 6e267697c..df210743f 100644
--- a/docs/rules/no-use-computed-property-like-method.md
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -5,6 +5,7 @@ title: vue/no-use-computed-property-like-method
 description: disallow use computed property like method
 since: v7.15.0
 ---
+
 # vue/no-use-computed-property-like-method
 
 > disallow use computed property like method
diff --git a/docs/rules/no-use-v-else-with-v-for.md b/docs/rules/no-use-v-else-with-v-for.md
index 7cfbf762d..203775ad8 100644
--- a/docs/rules/no-use-v-else-with-v-for.md
+++ b/docs/rules/no-use-v-else-with-v-for.md
@@ -5,6 +5,7 @@ title: vue/no-use-v-else-with-v-for
 description: disallow using `v-else-if`/`v-else` on the same element as `v-for`
 since: v9.16.0
 ---
+
 # vue/no-use-v-else-with-v-for
 
 > disallow using `v-else-if`/`v-else` on the same element as `v-for`
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 49535f2c1..f36af6b99 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -5,6 +5,7 @@ title: vue/no-use-v-if-with-v-for
 description: disallow using `v-if` on the same element as `v-for`
 since: v4.6.0
 ---
+
 # vue/no-use-v-if-with-v-for
 
 > disallow using `v-if` on the same element as `v-for`
diff --git a/docs/rules/no-useless-concat.md b/docs/rules/no-useless-concat.md
index 647cd7c31..bd74f475d 100644
--- a/docs/rules/no-useless-concat.md
+++ b/docs/rules/no-useless-concat.md
@@ -5,6 +5,7 @@ title: vue/no-useless-concat
 description: Disallow unnecessary concatenation of literals or template literals in `<template>`
 since: v7.0.0
 ---
+
 # vue/no-useless-concat
 
 > Disallow unnecessary concatenation of literals or template literals in `<template>`
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index 205371a86..f4238b5ba 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -5,6 +5,7 @@ title: vue/no-useless-mustaches
 description: disallow unnecessary mustache interpolations
 since: v7.0.0
 ---
+
 # vue/no-useless-mustaches
 
 > disallow unnecessary mustache interpolations
diff --git a/docs/rules/no-useless-template-attributes.md b/docs/rules/no-useless-template-attributes.md
index b309897f7..9b79f95a3 100644
--- a/docs/rules/no-useless-template-attributes.md
+++ b/docs/rules/no-useless-template-attributes.md
@@ -5,6 +5,7 @@ title: vue/no-useless-template-attributes
 description: disallow useless attribute on `<template>`
 since: v7.19.0
 ---
+
 # vue/no-useless-template-attributes
 
 > disallow useless attribute on `<template>`
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
index 303f15871..5f6153dce 100644
--- a/docs/rules/no-useless-v-bind.md
+++ b/docs/rules/no-useless-v-bind.md
@@ -5,6 +5,7 @@ title: vue/no-useless-v-bind
 description: disallow unnecessary `v-bind` directives
 since: v7.0.0
 ---
+
 # vue/no-useless-v-bind
 
 > disallow unnecessary `v-bind` directives
@@ -21,12 +22,12 @@ The `v-bind` with a string literal value can be changed to a static attribute de
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div foo="bar"/>
-  <div :foo="bar"/>
+  <div foo="bar" />
+  <div :foo="bar" />
 
   <!-- ✗ BAD -->
-  <div v-bind:foo="'bar'"/>
-  <div :foo="'bar'"/>
+  <div v-bind:foo="'bar'" />
+  <div :foo="'bar'" />
 </template>
 ```
 
@@ -53,10 +54,10 @@ The `v-bind` with a string literal value can be changed to a static attribute de
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-bind:foo="'bar'/* comment */"/>
+  <div v-bind:foo="'bar' /* comment */" />
 
   <!-- ✗ BAD -->
-  <div v-bind:foo="'bar'"/>
+  <div v-bind:foo="'bar'" />
 </template>
 ```
 
@@ -69,7 +70,7 @@ The `v-bind` with a string literal value can be changed to a static attribute de
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-bind:foo="'bar\nbaz'"/>
+  <div v-bind:foo="'bar\nbaz'" />
 </template>
 ```
 
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index 559793cbb..2186b2326 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -5,6 +5,7 @@ title: vue/no-v-for-template-key-on-child
 description: disallow key of `<template v-for>` placed on child elements
 since: v7.0.0
 ---
+
 # vue/no-v-for-template-key-on-child
 
 > disallow key of `<template v-for>` placed on child elements
@@ -15,7 +16,7 @@ since: v7.0.0
 
 This rule reports the key of the `<template v-for>` placed on the child elements.
 
-In Vue.js 3.x, with the support for fragments, the `<template v-for>` key can be placed on the `<template>` tag.  
+In Vue.js 3.x, with the support for fragments, the `<template v-for>` key can be placed on the `<template>` tag.
 
 See [Migration Guide - `key` attribute > With `<template v-for>`](https://v3-migration.vuejs.org/breaking-changes/key-attribute.html#with-template-v-for) for more details.
 
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 2325281c2..8a7f52279 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -5,6 +5,7 @@ title: vue/no-v-for-template-key
 description: disallow `key` attribute on `<template v-for>`
 since: v7.0.0
 ---
+
 # vue/no-v-for-template-key
 
 > disallow `key` attribute on `<template v-for>`
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index cb390eca1..4da1f47b4 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -5,6 +5,7 @@ title: vue/no-v-html
 description: disallow use of v-html to prevent XSS attack
 since: v4.7.0
 ---
+
 # vue/no-v-html
 
 > disallow use of v-html to prevent XSS attack
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index d020bbbab..70dbdc60f 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -5,6 +5,7 @@ title: vue/no-v-model-argument
 description: disallow adding an argument to `v-model` used in custom component
 since: v7.0.0
 ---
+
 # vue/no-v-model-argument
 
 > disallow adding an argument to `v-model` used in custom component
@@ -26,7 +27,6 @@ This rule reports `v-model` directives in the following cases:
   <!-- ✓ GOOD -->
   <MyComponent v-model="foo" />
 
-
   <!-- ✗ BAD -->
   <MyComponent v-model:aaa="foo" />
 </template>
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 376974b00..66c3af00f 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -5,6 +5,7 @@ title: vue/no-v-text-v-html-on-component
 description: disallow v-text / v-html on component
 since: v8.4.0
 ---
+
 # vue/no-v-text-v-html-on-component
 
 > disallow v-text / v-html on component
@@ -24,7 +25,7 @@ If you use v-text / v-html on a component, it will overwrite the component's con
   <!-- ✓ GOOD -->
   <div v-text="content"></div>
   <div v-html="html"></div>
-  <MyComponent>{{content}}</MyComponent>
+  <MyComponent>{{ content }}</MyComponent>
 
   <!-- ✗ BAD -->
   <MyComponent v-text="content"></MyComponent>
@@ -56,7 +57,7 @@ If you use v-text / v-html on a component, it will overwrite the component's con
   <!-- ✓ GOOD -->
   <router-link v-html="content" />
   <NuxtLink v-html="content" />
-  
+
   <!-- ✗ BAD -->
   <MyComponent v-html="content" />
 </template>
diff --git a/docs/rules/no-v-text.md b/docs/rules/no-v-text.md
index 84cece3a4..89bedbfbb 100644
--- a/docs/rules/no-v-text.md
+++ b/docs/rules/no-v-text.md
@@ -5,6 +5,7 @@ title: vue/no-v-text
 description: disallow use of v-text
 since: v7.17.0
 ---
+
 # vue/no-v-text
 
 > disallow use of v-text
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index a5c2a5e9f..d3f31ab43 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -5,6 +5,7 @@ title: vue/no-watch-after-await
 description: disallow asynchronously registered `watch`
 since: v7.0.0
 ---
+
 # vue/no-watch-after-await
 
 > disallow asynchronously registered `watch`
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index efce96ffd..c4743c261 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -5,6 +5,7 @@ title: vue/object-curly-newline
 description: Enforce consistent line breaks after opening and before closing braces in `<template>`
 since: v7.0.0
 ---
+
 # vue/object-curly-newline
 
 > Enforce consistent line breaks after opening and before closing braces in `<template>`
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index ed5a13c0c..9b28ad50e 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -5,6 +5,7 @@ title: vue/object-curly-spacing
 description: Enforce consistent spacing inside braces in `<template>`
 since: v5.2.0
 ---
+
 # vue/object-curly-spacing
 
 > Enforce consistent spacing inside braces in `<template>`
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index 054248113..c6e315c08 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -5,6 +5,7 @@ title: vue/object-property-newline
 description: Enforce placing object properties on separate lines in `<template>`
 since: v7.0.0
 ---
+
 # vue/object-property-newline
 
 > Enforce placing object properties on separate lines in `<template>`
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index d51ea65c8..e400f9a78 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -5,6 +5,7 @@ title: vue/object-shorthand
 description: Require or disallow method and property shorthand syntax for object literals in `<template>`
 since: v8.4.0
 ---
+
 # vue/object-shorthand
 
 > Require or disallow method and property shorthand syntax for object literals in `<template>`
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index 5e4fed2c4..eca6708e9 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -5,6 +5,7 @@ title: vue/one-component-per-file
 description: enforce that each component should be in its own file
 since: v7.0.0
 ---
+
 # vue/one-component-per-file
 
 > enforce that each component should be in its own file
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 49c2b785a..2d7103071 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -5,6 +5,7 @@ title: vue/operator-linebreak
 description: Enforce consistent linebreak style for operators in `<template>`
 since: v7.0.0
 ---
+
 # vue/operator-linebreak
 
 > Enforce consistent linebreak style for operators in `<template>`
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 8068a34d6..bd361edfc 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -5,6 +5,7 @@ title: vue/order-in-components
 description: enforce order of properties in components
 since: v3.2.0
 ---
+
 # vue/order-in-components
 
 > enforce order of properties in components
@@ -27,7 +28,7 @@ export default {
   props: {
     propA: Number
   },
-  data () {
+  data() {
     return {
       msg: 'Welcome to Your Vue.js App'
     }
@@ -45,7 +46,7 @@ export default {
 /* ✗ BAD */
 export default {
   name: 'app',
-  data () {
+  data() {
     return {
       msg: 'Welcome to Your Vue.js App'
     }
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 636308956..3d851d718 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -5,6 +5,7 @@ title: vue/padding-line-between-blocks
 description: require or disallow padding lines between blocks
 since: v6.2.0
 ---
+
 # vue/padding-line-between-blocks
 
 > require or disallow padding lines between blocks
diff --git a/docs/rules/padding-line-between-tags.md b/docs/rules/padding-line-between-tags.md
index 15f87753e..ace9dc8b9 100644
--- a/docs/rules/padding-line-between-tags.md
+++ b/docs/rules/padding-line-between-tags.md
@@ -5,6 +5,7 @@ title: vue/padding-line-between-tags
 description: require or disallow newlines between sibling tags in template
 since: v9.5.0
 ---
+
 # vue/padding-line-between-tags
 
 > require or disallow newlines between sibling tags in template
diff --git a/docs/rules/padding-lines-in-component-definition.md b/docs/rules/padding-lines-in-component-definition.md
index 78b23b326..fa2592e93 100644
--- a/docs/rules/padding-lines-in-component-definition.md
+++ b/docs/rules/padding-lines-in-component-definition.md
@@ -5,6 +5,7 @@ title: vue/padding-lines-in-component-definition
 description: require or disallow padding lines in component definition
 since: v9.9.0
 ---
+
 # vue/padding-lines-in-component-definition
 
 > require or disallow padding lines in component definition
@@ -68,21 +69,21 @@ export default {
 {
   "vue/padding-lines-in-component-definition": ["error", {
     "betweenOptions": "always" | "never",
-    
-    "withinOption": { 
+
+    "withinOption": {
       "props": {
         "betweenItems": "always" | "never" | "ignore",
         "withinEach": "always" | "never" | "ignore",
       } | "always" | "never" | "ignore", // shortcut to set both
-      
+
       "data": {
         "betweenItems": "always" | "never" | "ignore",
         "withinEach": "always" | "never" | "ignore",
       } | "always" | "never" | "ignore" // shortcut to set both
-        
+
       // ... all options
     } | "always" | "never" | "ignore",
-    
+
     "groupSingleLineProperties": true | false
   }]
 }
@@ -104,14 +105,14 @@ export default {
 export default {
   name: 'GroupSingleLineProperties',
   inheritAttrs: false,
-  
+
   props: {
     modelValue: {
       type: String,
       default: '',
     },
   },
-  
+
   data() {
     return {
       count: 0,
@@ -135,18 +136,18 @@ export default {
       type: String,
       default: '',
     },
-    
+
     isActive: {
       type: Boolean,
       default: false,
     },
   },
-  
+
   customOption: {
     foo: () => {
       return 'foo'
     },
-    
+
     bar: () => {
       return 'bar'
     }
diff --git a/docs/rules/prefer-define-options.md b/docs/rules/prefer-define-options.md
index bb0357e94..b63207957 100644
--- a/docs/rules/prefer-define-options.md
+++ b/docs/rules/prefer-define-options.md
@@ -5,6 +5,7 @@ title: vue/prefer-define-options
 description: enforce use of `defineOptions` instead of default export.
 since: v9.13.0
 ---
+
 # vue/prefer-define-options
 
 > enforce use of `defineOptions` instead of default export.
diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
index f1cab9f08..622ae9031 100644
--- a/docs/rules/prefer-import-from-vue.md
+++ b/docs/rules/prefer-import-from-vue.md
@@ -5,9 +5,10 @@ title: vue/prefer-import-from-vue
 description: enforce import from 'vue' instead of import from '@vue/*'
 since: v8.5.0
 ---
+
 # vue/prefer-import-from-vue
 
-> enforce import from 'vue' instead of import from '@vue/*'
+> enforce import from 'vue' instead of import from '@vue/\*'
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
diff --git a/docs/rules/prefer-prop-type-boolean-first.md b/docs/rules/prefer-prop-type-boolean-first.md
index 1b652fafd..8282e32ba 100644
--- a/docs/rules/prefer-prop-type-boolean-first.md
+++ b/docs/rules/prefer-prop-type-boolean-first.md
@@ -5,6 +5,7 @@ title: vue/prefer-prop-type-boolean-first
 description: enforce `Boolean` comes first in component prop types
 since: v8.6.0
 ---
+
 # vue/prefer-prop-type-boolean-first
 
 > enforce `Boolean` comes first in component prop types
diff --git a/docs/rules/prefer-separate-static-class.md b/docs/rules/prefer-separate-static-class.md
index 22df25e19..ee6055ae6 100644
--- a/docs/rules/prefer-separate-static-class.md
+++ b/docs/rules/prefer-separate-static-class.md
@@ -5,6 +5,7 @@ title: vue/prefer-separate-static-class
 description: require static class names in template to be in a separate `class` attribute
 since: v8.2.0
 ---
+
 # vue/prefer-separate-static-class
 
 > require static class names in template to be in a separate `class` attribute
@@ -21,12 +22,12 @@ This rule reports static class names in dynamic class attributes.
 <template>
   <!-- ✗ BAD -->
   <div :class="'static-class'" />
-  <div :class="{'static-class': true, 'dynamic-class': foo}" />
+  <div :class="{ 'static-class': true, 'dynamic-class': foo }" />
   <div :class="['static-class', dynamicClass]" />
 
   <!-- ✓ GOOD -->
   <div class="static-class" />
-  <div class="static-class" :class="{'dynamic-class': foo}" />
+  <div class="static-class" :class="{ 'dynamic-class': foo }" />
   <div class="static-class" :class="[dynamicClass]" />
 </template>
 ```
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index bdd46315a..051118ce2 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -5,6 +5,7 @@ title: vue/prefer-template
 description: Require template literals instead of string concatenation in `<template>`
 since: v7.0.0
 ---
+
 # vue/prefer-template
 
 > Require template literals instead of string concatenation in `<template>`
diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index 07e566d34..2a70b92eb 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -5,6 +5,7 @@ title: vue/prefer-true-attribute-shorthand
 description: require shorthand form attribute when `v-bind` value is `true`
 since: v8.5.0
 ---
+
 # vue/prefer-true-attribute-shorthand
 
 > require shorthand form attribute when `v-bind` value is `true`
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 4f32bfa17..11b850bcd 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -5,6 +5,7 @@ title: vue/prop-name-casing
 description: enforce specific casing for the Prop name in Vue components
 since: v4.3.0
 ---
+
 # vue/prop-name-casing
 
 > enforce specific casing for the Prop name in Vue components
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index 5aa9614af..d568a952b 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -5,6 +5,7 @@ title: vue/quote-props
 description: Require quotes around object literal property names in `<template>`
 since: v8.4.0
 ---
+
 # vue/quote-props
 
 > Require quotes around object literal property names in `<template>`
@@ -35,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v8.4.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quote-props.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quote-props.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/quote-props)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/quote-props)</sup>
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 8d376aa65..2dd25bf84 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -5,6 +5,7 @@ title: vue/require-component-is
 description: require `v-bind:is` of `<component>` elements
 since: v3.0.0
 ---
+
 # vue/require-component-is
 
 > require `v-bind:is` of `<component>` elements
@@ -20,12 +21,12 @@ This rule reports the `<component>` elements which do not have `v-bind:is` attri
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <component :is="type"/>
-  <component v-bind:is="type"/>
+  <component :is="type" />
+  <component v-bind:is="type" />
 
   <!-- ✗ BAD -->
-  <component/>
-  <component is="type"/>
+  <component />
+  <component is="type" />
 </template>
 ```
 
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index 44fba0f29..237bfadab 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -5,6 +5,7 @@ title: vue/require-default-prop
 description: require default value for props
 since: v3.13.0
 ---
+
 # vue/require-default-prop
 
 > require default value for props
diff --git a/docs/rules/require-direct-export.md b/docs/rules/require-direct-export.md
index 52661b7c1..4f2e37650 100644
--- a/docs/rules/require-direct-export.md
+++ b/docs/rules/require-direct-export.md
@@ -5,6 +5,7 @@ title: vue/require-direct-export
 description: require the component to be directly exported
 since: v5.2.0
 ---
+
 # vue/require-direct-export
 
 > require the component to be directly exported
@@ -70,7 +71,7 @@ export default ComponentA
 ```vue
 <script>
 /* ✓ GOOD */
-export default props => h('div', props.msg)
+export default (props) => h('div', props.msg)
 </script>
 ```
 
@@ -83,7 +84,7 @@ export default props => h('div', props.msg)
 ```vue
 <script>
 /* ✗ BAD */
-export default props => h('div', props.msg)
+export default (props) => h('div', props.msg)
 </script>
 ```
 
diff --git a/docs/rules/require-emit-validator.md b/docs/rules/require-emit-validator.md
index 6f0e209b2..34b674bf5 100644
--- a/docs/rules/require-emit-validator.md
+++ b/docs/rules/require-emit-validator.md
@@ -5,6 +5,7 @@ title: vue/require-emit-validator
 description: require type definitions in emits
 since: v7.10.0
 ---
+
 # vue/require-emit-validator
 
 > require type definitions in emits
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 90cb03edb..80738c641 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -5,6 +5,7 @@ title: vue/require-explicit-emits
 description: require `emits` option with name triggered by `$emit()`
 since: v7.0.0
 ---
+
 # vue/require-explicit-emits
 
 > require `emits` option with name triggered by `$emit()`
@@ -17,16 +18,16 @@ since: v7.0.0
 This rule reports event triggers not declared with the `emits` option. (The `emits` option is a new in Vue.js 3.0.0+)
 
 Explicit `emits` declaration serves as self-documenting code. This can be useful for other developers to instantly understand what events the component is supposed to emit.
-Also,  with attribute fallthrough changes in Vue.js 3.0.0+, `v-on` listeners on components will fallthrough as native listeners by default. Declare it as a component-only event in `emits` to avoid unnecessary registration of native listeners.
+Also, with attribute fallthrough changes in Vue.js 3.0.0+, `v-on` listeners on components will fallthrough as native listeners by default. Declare it as a component-only event in `emits` to avoid unnecessary registration of native listeners.
 
 <eslint-code-block :rules="{'vue/require-explicit-emits': ['error']}">
 
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div @click="$emit('good')"/>
+  <div @click="$emit('good')" />
   <!-- ✗ BAD -->
-  <div @click="$emit('bad')"/>
+  <div @click="$emit('bad')" />
 </template>
 <script>
 export default {
@@ -44,7 +45,7 @@ export default {
 export default {
   emits: ['good'],
   methods: {
-    foo () {
+    foo() {
       // ✓ GOOD
       this.$emit('good')
       // ✗ BAD
@@ -63,7 +64,7 @@ export default {
 <script>
 export default {
   emits: ['good'],
-  setup (props, context) {
+  setup(props, context) {
     // ✓ GOOD
     context.emit('good')
     // ✗ BAD
@@ -96,7 +97,7 @@ export default {
 export default {
   props: ['onGood', 'bad'],
   methods: {
-    foo () {
+    foo() {
       // ✓ GOOD
       this.$emit('good')
       // ✗ BAD
diff --git a/docs/rules/require-explicit-slots.md b/docs/rules/require-explicit-slots.md
index 7b05724db..4d40be209 100644
--- a/docs/rules/require-explicit-slots.md
+++ b/docs/rules/require-explicit-slots.md
@@ -5,6 +5,7 @@ title: vue/require-explicit-slots
 description: require slots to be explicitly defined
 since: v9.21.0
 ---
+
 # vue/require-explicit-slots
 
 > require slots to be explicitly defined
diff --git a/docs/rules/require-expose.md b/docs/rules/require-expose.md
index d6b27c7fc..98762a8c9 100644
--- a/docs/rules/require-expose.md
+++ b/docs/rules/require-expose.md
@@ -5,6 +5,7 @@ title: vue/require-expose
 description: require declare public properties using `expose`
 since: v7.14.0
 ---
+
 # vue/require-expose
 
 > require declare public properties using `expose`
diff --git a/docs/rules/require-macro-variable-name.md b/docs/rules/require-macro-variable-name.md
index 75b90a299..af6db1733 100644
--- a/docs/rules/require-macro-variable-name.md
+++ b/docs/rules/require-macro-variable-name.md
@@ -5,6 +5,7 @@ title: vue/require-macro-variable-name
 description: require a certain macro variable name
 since: v9.15.0
 ---
+
 # vue/require-macro-variable-name
 
 > require a certain macro variable name
diff --git a/docs/rules/require-name-property.md b/docs/rules/require-name-property.md
index d7653b4b5..6d9974fc4 100644
--- a/docs/rules/require-name-property.md
+++ b/docs/rules/require-name-property.md
@@ -5,6 +5,7 @@ title: vue/require-name-property
 description: require a name property in Vue components
 since: v6.1.0
 ---
+
 # vue/require-name-property
 
 > require a name property in Vue components
@@ -33,8 +34,7 @@ export default {
 ```vue
 <script>
 /* ✗ BAD */
-export default {
-}
+export default {}
 </script>
 ```
 
diff --git a/docs/rules/require-prop-comment.md b/docs/rules/require-prop-comment.md
index 5cd29c375..25b78c346 100644
--- a/docs/rules/require-prop-comment.md
+++ b/docs/rules/require-prop-comment.md
@@ -5,6 +5,7 @@ title: vue/require-prop-comment
 description: require props to have a comment
 since: v9.8.0
 ---
+
 # vue/require-prop-comment
 
 > require props to have a comment
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index b67d49478..8078fe468 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -5,6 +5,7 @@ title: vue/require-prop-type-constructor
 description: require prop type to be a constructor
 since: v5.0.0
 ---
+
 # vue/require-prop-type-constructor
 
 > require prop type to be a constructor
@@ -38,7 +39,7 @@ export default {
     anotherProp: [Number, String],
     myFieldWithBadType: {
       type: Object,
-      default: function() {
+      default: function () {
         return {}
       },
     },
@@ -47,16 +48,16 @@ export default {
       default: 1,
     },
     /* ✗ BAD */
-    myProp: "Number",
-    anotherProp: ["Number", "String"],
+    myProp: 'Number',
+    anotherProp: ['Number', 'String'],
     myFieldWithBadType: {
-      type: "Object",
-      default: function() {
+      type: 'Object',
+      default: function () {
         return {}
       },
     },
     myOtherFieldWithBadType: {
-      type: "Number",
+      type: 'Number',
       default: 1,
     },
   }
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index df9a0945a..94239bf41 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -5,6 +5,7 @@ title: vue/require-prop-types
 description: require type definitions in props
 since: v3.9.0
 ---
+
 # vue/require-prop-types
 
 > require type definitions in props
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index 9de913bdf..ef35006fb 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -5,6 +5,7 @@ title: vue/require-render-return
 description: enforce render function to always return value
 since: v3.10.0
 ---
+
 # vue/require-render-return
 
 > enforce render function to always return value
@@ -21,7 +22,7 @@ This rule aims to enforce render function to always return value
 <script>
 export default {
   /* ✓ GOOD */
-  render (h) {
+  render(h) {
     return h('div', 'hello')
   }
 }
@@ -36,7 +37,7 @@ export default {
 <script>
 export default {
   /* ✗ BAD */
-  render (h) {
+  render(h) {
     if (foo) {
       return h('div', 'hello')
     }
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index 1e474388c..85518972d 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -5,6 +5,7 @@ title: vue/require-slots-as-functions
 description: enforce properties of `$slots` to be used as a function
 since: v7.0.0
 ---
+
 # vue/require-slots-as-functions
 
 > enforce properties of `$slots` to be used as a function
diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index b9880e594..7e581d26e 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -5,6 +5,7 @@ title: vue/require-toggle-inside-transition
 description: require control the display of the content inside `<transition>`
 since: v7.0.0
 ---
+
 # vue/require-toggle-inside-transition
 
 > require control the display of the content inside `<transition>`
diff --git a/docs/rules/require-typed-object-prop.md b/docs/rules/require-typed-object-prop.md
index 85626791e..c867e26c5 100644
--- a/docs/rules/require-typed-object-prop.md
+++ b/docs/rules/require-typed-object-prop.md
@@ -5,6 +5,7 @@ title: vue/require-typed-object-prop
 description: enforce adding type declarations to object props
 since: v9.16.0
 ---
+
 # vue/require-typed-object-prop
 
 > enforce adding type declarations to object props
@@ -24,7 +25,7 @@ export default {
     // ✗ BAD
     bad1: Object,
     bad2: { type: Array },
-      
+
     // ✓ GOOD
     good1: Object as PropType<Anything>,
     good2: { type: Array as PropType<Anything[]> },
diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index 35c6d38b6..85b58b213 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -5,6 +5,7 @@ title: vue/require-typed-ref
 description: require `ref` and `shallowRef` functions to be strongly typed
 since: v9.15.0
 ---
+
 # vue/require-typed-ref
 
 > require `ref` and `shallowRef` functions to be strongly typed
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index b6678f281..7699e1b30 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -5,6 +5,7 @@ title: vue/require-v-for-key
 description: require `v-bind:key` with `v-for` directives
 since: v3.0.0
 ---
+
 # vue/require-v-for-key
 
 > require `v-bind:key` with `v-for` directives
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index 2d6227123..e179a2788 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -5,6 +5,7 @@ title: vue/require-valid-default-prop
 description: enforce props default values to be valid
 since: v3.13.0
 ---
+
 # vue/require-valid-default-prop
 
 > enforce props default values to be valid
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 01ac63260..3fe5a471c 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -5,6 +5,7 @@ title: vue/return-in-computed-property
 description: enforce that a return statement is present in computed property
 since: v3.7.0
 ---
+
 # vue/return-in-computed-property
 
 > enforce that a return statement is present in computed property
@@ -22,7 +23,7 @@ This rule enforces that a `return` statement is present in `computed` properties
 export default {
   computed: {
     /* ✓ GOOD */
-    foo () {
+    foo() {
       if (this.bar) {
         return this.baz
       } else {
@@ -33,7 +34,7 @@ export default {
       return false
     },
     /* ✗ BAD */
-    baz () {
+    baz() {
       if (this.baf) {
         return this.baf
       }
@@ -50,7 +51,7 @@ export default {
 
 ```vue
 <script>
-import {computed} from 'vue'
+import { computed } from 'vue'
 export default {
   setup() {
     const foobar = useFoobar()
@@ -102,7 +103,7 @@ This rule has an object option:
 export default {
   computed: {
     /* ✓ GOOD */
-    foo () {
+    foo() {
       if (this.bar) {
         return undefined
       } else {
@@ -113,7 +114,7 @@ export default {
       return
     },
     /* ✗ BAD */
-    baz () {
+    baz() {
       if (this.baf) {
         return this.baf
       }
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index 0964858c8..96763a6e6 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -5,6 +5,7 @@ title: vue/return-in-emits-validator
 description: enforce that a return statement is present in emits validator
 since: v7.0.0
 ---
+
 # vue/return-in-emits-validator
 
 > enforce that a return statement is present in emits validator
@@ -22,7 +23,7 @@ This rule enforces that a `return` statement is present in `emits` validators.
 export default {
   emits: {
     /* ✓ GOOD */
-    foo (evt) {
+    foo(evt) {
       if (evt) {
         return true
       } else {
@@ -32,14 +33,14 @@ export default {
     bar: function () {
       return true
     },
-    baz (evt) {
+    baz(evt) {
       if (evt) {
         return true
       }
     },
     /* ✗ BAD */
     qux: function () {},
-    quux (evt) {
+    quux(evt) {
       if (!evt) {
         return false
       }
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index 4cf865046..735e89331 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -5,6 +5,7 @@ title: vue/script-indent
 description: enforce consistent indentation in `<script>`
 since: v4.2.0
 ---
+
 # vue/script-indent
 
 > enforce consistent indentation in `<script>`
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
index a26a19f60..3a8dc36e5 100644
--- a/docs/rules/script-setup-uses-vars.md
+++ b/docs/rules/script-setup-uses-vars.md
@@ -5,6 +5,7 @@ title: vue/script-setup-uses-vars
 description: prevent `<script setup>` variables used in `<template>` to be marked as unused
 since: v7.13.0
 ---
+
 # vue/script-setup-uses-vars
 
 > prevent `<script setup>` variables used in `<template>` to be marked as unused
@@ -30,16 +31,16 @@ Without this rule this code triggers warning:
 
 ```vue
 <script setup>
-  // imported components are also directly usable in template
-  import Foo from './Foo.vue'
-  import { ref } from 'vue'
-
-  // write Composition API code just like in a normal setup()
-  // but no need to manually return everything
-  const count = ref(0)
-  const inc = () => {
-    count.value++
-  }
+// imported components are also directly usable in template
+import Foo from './Foo.vue'
+import { ref } from 'vue'
+
+// write Composition API code just like in a normal setup()
+// but no need to manually return everything
+const count = ref(0)
+const inc = () => {
+  count.value++
+}
 </script>
 
 <template>
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 2cc64f399..c85e9ab0c 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -5,6 +5,7 @@ title: vue/singleline-html-element-content-newline
 description: require a line break before and after the contents of a singleline element
 since: v5.0.0
 ---
+
 # vue/singleline-html-element-content-newline
 
 > require a line break before and after the contents of a singleline element
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index 26e4e6839..7227cfd0a 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -5,6 +5,7 @@ title: vue/sort-keys
 description: enforce sort-keys in a manner that is compatible with order-in-components
 since: v6.2.0
 ---
+
 # vue/sort-keys
 
 > enforce sort-keys in a manner that is compatible with order-in-components
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index 872499156..a0db7cdc1 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -5,6 +5,7 @@ title: vue/space-in-parens
 description: Enforce consistent spacing inside parentheses in `<template>`
 since: v7.0.0
 ---
+
 # vue/space-in-parens
 
 > Enforce consistent spacing inside parentheses in `<template>`
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 1bbc129b1..e757bd5fa 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -5,6 +5,7 @@ title: vue/space-infix-ops
 description: Require spacing around infix operators in `<template>`
 since: v5.2.0
 ---
+
 # vue/space-infix-ops
 
 > Require spacing around infix operators in `<template>`
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 1e0efca24..96ae8aa0d 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -5,6 +5,7 @@ title: vue/space-unary-ops
 description: Enforce consistent spacing before or after unary operators in `<template>`
 since: v5.2.0
 ---
+
 # vue/space-unary-ops
 
 > Enforce consistent spacing before or after unary operators in `<template>`
diff --git a/docs/rules/static-class-names-order.md b/docs/rules/static-class-names-order.md
index e2f5d83ca..6d8a7d865 100644
--- a/docs/rules/static-class-names-order.md
+++ b/docs/rules/static-class-names-order.md
@@ -5,6 +5,7 @@ title: vue/static-class-names-order
 description: enforce static class names order
 since: v6.1.0
 ---
+
 # vue/static-class-names-order
 
 > enforce static class names order
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 92ca7dd98..928ec15d4 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -5,6 +5,7 @@ title: vue/template-curly-spacing
 description: Require or disallow spacing around embedded expressions of template strings in `<template>`
 since: v7.0.0
 ---
+
 # vue/template-curly-spacing
 
 > Require or disallow spacing around embedded expressions of template strings in `<template>`
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index 50134fe02..755742527 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -5,6 +5,7 @@ title: vue/this-in-template
 description: disallow usage of `this` in template
 since: v3.13.0
 ---
+
 # vue/this-in-template
 
 > disallow usage of `this` in template
@@ -24,7 +25,7 @@ This rule aims at preventing usage of `this` in Vue templates.
   <a :href="url">
     {{ text }}
   </a>
-  
+
   <!-- ✗ BAD -->
   <a :href="this.url">
     {{ this.text }}
@@ -55,7 +56,7 @@ This rule aims at preventing usage of `this` in Vue templates.
   <a :href="this.url">
     {{ this.text }}
   </a>
-  
+
   <!-- ✗ BAD -->
   <a :href="url">
     {{ text }}
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index 08e0629fe..8294fb0da 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -5,6 +5,7 @@ title: vue/use-v-on-exact
 description: enforce usage of `exact` modifier on `v-on`
 since: v5.0.0
 ---
+
 # vue/use-v-on-exact
 
 > enforce usage of `exact` modifier on `v-on`
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index 271506c31..f87ac4e97 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -5,6 +5,7 @@ title: vue/v-bind-style
 description: enforce `v-bind` directive style
 since: v3.0.0
 ---
+
 # vue/v-bind-style
 
 > enforce `v-bind` directive style
@@ -21,10 +22,10 @@ This rule enforces `v-bind` directive style which you should use shorthand or lo
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div :foo="bar"/>
+  <div :foo="bar" />
 
   <!-- ✗ BAD -->
-  <div v-bind:foo="bar"/>
+  <div v-bind:foo="bar" />
 </template>
 ```
 
@@ -54,10 +55,10 @@ This rule enforces `v-bind` directive style which you should use shorthand or lo
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-bind:foo="bar"/>
+  <div v-bind:foo="bar" />
 
   <!-- ✗ BAD -->
-  <div :foo="bar"/>
+  <div :foo="bar" />
 </template>
 ```
 
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
index 3bb1d58a7..1c712e7c5 100644
--- a/docs/rules/v-for-delimiter-style.md
+++ b/docs/rules/v-for-delimiter-style.md
@@ -5,6 +5,7 @@ title: vue/v-for-delimiter-style
 description: enforce `v-for` directive's delimiter style
 since: v7.0.0
 ---
+
 # vue/v-for-delimiter-style
 
 > enforce `v-for` directive's delimiter style
diff --git a/docs/rules/v-if-else-key.md b/docs/rules/v-if-else-key.md
index 8774655b6..3a1f1e187 100644
--- a/docs/rules/v-if-else-key.md
+++ b/docs/rules/v-if-else-key.md
@@ -5,6 +5,7 @@ title: vue/v-if-else-key
 description: require key attribute for conditionally rendered repeated components
 since: v9.19.0
 ---
+
 # vue/v-if-else-key
 
 > require key attribute for conditionally rendered repeated components
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 9fdd80829..60c9d84d2 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -5,6 +5,7 @@ title: vue/v-on-event-hyphenation
 description: enforce v-on event naming style on custom components in template
 since: v7.4.0
 ---
+
 # vue/v-on-event-hyphenation
 
 > enforce v-on event naming style on custom components in template
@@ -21,12 +22,12 @@ This rule enforces using hyphenated v-on event names on custom components in Vue
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <MyComponent v-on:custom-event="handleEvent"/>
-  <MyComponent @custom-event="handleEvent"/>
+  <MyComponent v-on:custom-event="handleEvent" />
+  <MyComponent @custom-event="handleEvent" />
 
   <!-- ✗ BAD -->
-  <MyComponent v-on:customEvent="handleEvent"/>
-  <MyComponent @customEvent="handleEvent"/>
+  <MyComponent v-on:customEvent="handleEvent" />
+  <MyComponent @customEvent="handleEvent" />
 </template>
 ```
 
@@ -57,10 +58,10 @@ It errors on upper case letters.
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <MyComponent v-on:custom-event="handleEvent"/>
+  <MyComponent v-on:custom-event="handleEvent" />
 
   <!-- ✗ BAD -->
-  <MyComponent v-on:customEvent="handleEvent"/>
+  <MyComponent v-on:customEvent="handleEvent" />
 </template>
 ```
 
@@ -75,10 +76,10 @@ It errors on hyphens.
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <MyComponent v-on:customEvent="handleEvent"/>
+  <MyComponent v-on:customEvent="handleEvent" />
 
   <!-- ✗ BAD -->
-  <MyComponent v-on:custom-event="handleEvent"/>
+  <MyComponent v-on:custom-event="handleEvent" />
 </template>
 ```
 
@@ -93,11 +94,11 @@ Don't use hyphenated name but allow custom event names
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <MyComponent v-on:custom-event="handleEvent"/>
-  <MyComponent v-on:myEvent="handleEvent"/>
+  <MyComponent v-on:custom-event="handleEvent" />
+  <MyComponent v-on:myEvent="handleEvent" />
 
   <!-- ✗ BAD -->
-  <MyComponent v-on:my-event="handleEvent"/>
+  <MyComponent v-on:my-event="handleEvent" />
 </template>
 ```
 
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index 56f271efb..c8f666eef 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -5,6 +5,7 @@ title: vue/v-on-function-call
 description: enforce or forbid parentheses after method calls without arguments in `v-on` directives
 since: v5.2.0
 ---
+
 # vue/v-on-function-call
 
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
@@ -21,14 +22,10 @@ This rule aims to enforce to bind methods to `v-on` or call methods on `v-on` wh
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <button v-on:click="closeModal">
-    Close
-  </button>
+  <button v-on:click="closeModal">Close</button>
 
   <!-- ✗ BAD -->
-  <button v-on:click="closeModal()">
-    Close
-  </button>
+  <button v-on:click="closeModal()">Close</button>
 </template>
 ```
 
@@ -60,14 +57,10 @@ Default is set to `never`.
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <button v-on:click="closeModal()">
-    Close
-  </button>
+  <button v-on:click="closeModal()">Close</button>
 
   <!-- ✗ BAD -->
-  <button v-on:click="closeModal">
-    Close
-  </button>
+  <button v-on:click="closeModal">Close</button>
 </template>
 ```
 
@@ -80,17 +73,11 @@ Default is set to `never`.
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <button v-on:click="closeModal">
-    Close
-  </button>
-  <button v-on:click="closeModal(arg)">
-    Close
-  </button>
+  <button v-on:click="closeModal">Close</button>
+  <button v-on:click="closeModal(arg)">Close</button>
 
   <!-- ✗ BAD -->
-  <button v-on:click="closeModal()">
-    Close
-  </button>
+  <button v-on:click="closeModal()">Close</button>
 </template>
 ```
 
@@ -103,17 +90,11 @@ Default is set to `never`.
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <button v-on:click="closeModal">
-    Close
-  </button>
-  <button v-on:click="closeModal() /* comment */">
-    Close
-  </button>
+  <button v-on:click="closeModal">Close</button>
+  <button v-on:click="closeModal() /* comment */">Close</button>
 
   <!-- ✗ BAD -->
-  <button v-on:click="closeModal()">
-    Close
-  </button>
+  <button v-on:click="closeModal()">Close</button>
 </template>
 ```
 
diff --git a/docs/rules/v-on-handler-style.md b/docs/rules/v-on-handler-style.md
index f835d53b7..039577494 100644
--- a/docs/rules/v-on-handler-style.md
+++ b/docs/rules/v-on-handler-style.md
@@ -5,6 +5,7 @@ title: vue/v-on-handler-style
 description: enforce writing style for handlers in `v-on` directives
 since: v9.7.0
 ---
+
 # vue/v-on-handler-style
 
 > enforce writing style for handlers in `v-on` directives
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 89c135fc2..7cf70cd36 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -5,6 +5,7 @@ title: vue/v-on-style
 description: enforce `v-on` directive style
 since: v3.0.0
 ---
+
 # vue/v-on-style
 
 > enforce `v-on` directive style
@@ -21,10 +22,10 @@ This rule enforces `v-on` directive style which you should use shorthand or long
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div @click="foo"/>
+  <div @click="foo" />
 
   <!-- ✗ BAD -->
-  <div v-on:click="foo"/>
+  <div v-on:click="foo" />
 </template>
 ```
 
@@ -50,10 +51,10 @@ Default is set to `shorthand`.
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-on:click="foo"/>
+  <div v-on:click="foo" />
 
   <!-- ✗ BAD -->
-  <div @click="foo"/>
+  <div @click="foo" />
 </template>
 ```
 
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 3f2e03094..bd8832acf 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -5,6 +5,7 @@ title: vue/v-slot-style
 description: enforce `v-slot` directive style
 since: v6.0.0
 ---
+
 # vue/v-slot-style
 
 > enforce `v-slot` directive style
@@ -22,7 +23,7 @@ This rule enforces `v-slot` directive style which you should use shorthand or lo
 <template>
   <!-- ✓ GOOD -->
   <my-component v-slot="data">
-    {{data}}
+    {{ data }}
   </my-component>
   <my-component>
     <template #default>content</template>
@@ -32,7 +33,7 @@ This rule enforces `v-slot` directive style which you should use shorthand or lo
 
   <!-- ✗ BAD -->
   <my-component #default="data">
-    {{data}}
+    {{ data }}
   </my-component>
   <my-component>
     <template v-slot>content</template>
@@ -81,7 +82,7 @@ And a string option is supported to be consistent to similar `vue/v-bind-style`
 <template>
   <!-- ✓ GOOD -->
   <my-component v-slot:default="data">
-    {{data}}
+    {{ data }}
   </my-component>
   <my-component>
     <template v-slot:default>content</template>
@@ -91,7 +92,7 @@ And a string option is supported to be consistent to similar `vue/v-bind-style`
 
   <!-- ✗ BAD -->
   <my-component v-slot="data">
-    {{data}}
+    {{ data }}
   </my-component>
   <my-component>
     <template #default>content</template>
diff --git a/docs/rules/valid-attribute-name.md b/docs/rules/valid-attribute-name.md
index 6698a7b9e..82a217eb1 100644
--- a/docs/rules/valid-attribute-name.md
+++ b/docs/rules/valid-attribute-name.md
@@ -5,6 +5,7 @@ title: vue/valid-attribute-name
 description: require valid attribute names
 since: v9.0.0
 ---
+
 # vue/valid-attribute-name
 
 > require valid attribute names
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index 0f52775ff..d86f8d059 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -5,6 +5,7 @@ title: vue/valid-define-emits
 description: enforce valid `defineEmits` compiler macro
 since: v7.13.0
 ---
+
 # vue/valid-define-emits
 
 > enforce valid `defineEmits` compiler macro
diff --git a/docs/rules/valid-define-options.md b/docs/rules/valid-define-options.md
index 79c2bd624..e4bf647e3 100644
--- a/docs/rules/valid-define-options.md
+++ b/docs/rules/valid-define-options.md
@@ -5,6 +5,7 @@ title: vue/valid-define-options
 description: enforce valid `defineOptions` compiler macro
 since: v9.13.0
 ---
+
 # vue/valid-define-options
 
 > enforce valid `defineOptions` compiler macro
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index fc0f707fb..81bbe02b9 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -5,6 +5,7 @@ title: vue/valid-define-props
 description: enforce valid `defineProps` compiler macro
 since: v7.13.0
 ---
+
 # vue/valid-define-props
 
 > enforce valid `defineProps` compiler macro
diff --git a/docs/rules/valid-model-definition.md b/docs/rules/valid-model-definition.md
index 595a67931..fd660562a 100644
--- a/docs/rules/valid-model-definition.md
+++ b/docs/rules/valid-model-definition.md
@@ -5,6 +5,7 @@ title: vue/valid-model-definition
 description: require valid keys in model option
 since: v9.0.0
 ---
+
 # vue/valid-model-definition
 
 > require valid keys in model option
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index a9cf8e975..ebac55513 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -5,6 +5,7 @@ title: vue/valid-next-tick
 description: enforce valid `nextTick` function calls
 since: v7.5.0
 ---
+
 # vue/valid-next-tick
 
 > enforce valid `nextTick` function calls
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index 14a56edc0..3e474e966 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -5,6 +5,7 @@ title: vue/valid-template-root
 description: enforce valid template root
 since: v3.11.0
 ---
+
 # vue/valid-template-root
 
 > enforce valid template root
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 878dc12c2..964997640 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -5,6 +5,7 @@ title: vue/valid-v-bind-sync
 description: enforce valid `.sync` modifier on `v-bind` directives
 since: v7.0.0
 ---
+
 # vue/valid-v-bind-sync
 
 > enforce valid `.sync` modifier on `v-bind` directives
@@ -27,12 +28,12 @@ This rule reports `.sync` modifier on `v-bind` directives in the following cases
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <MyComponent v-bind:aaa.sync="foo"/>
-  <MyComponent :aaa.sync="foo"/>
+  <MyComponent v-bind:aaa.sync="foo" />
+  <MyComponent :aaa.sync="foo" />
 
   <div v-for="todo in todos">
-    <MyComponent v-bind:aaa.sync="todo.name"/>
-    <MyComponent :aaa.sync="todo.name"/>
+    <MyComponent v-bind:aaa.sync="todo.name" />
+    <MyComponent :aaa.sync="todo.name" />
   </div>
 
   <!-- ✗ BAD -->
@@ -42,8 +43,8 @@ This rule reports `.sync` modifier on `v-bind` directives in the following cases
   <MyComponent :aaa.sync="a?.b.c" />
   <MyComponent :aaa.sync="(a?.b).c" />
 
-  <input v-bind:aaa.sync="foo">
-  <input :aaa.sync="foo">
+  <input v-bind:aaa.sync="foo" />
+  <input :aaa.sync="foo" />
 
   <div v-for="todo in todos">
     <MyComponent v-bind:aaa.sync="todo" />
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index b3a3ebec9..0a7ba3c1a 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -5,6 +5,7 @@ title: vue/valid-v-bind
 description: enforce valid `v-bind` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-bind
 
 > enforce valid `v-bind` directives
@@ -27,14 +28,14 @@ This rule does not report `v-bind` directives which do not have their argument (
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-bind="foo"/>
-  <div v-bind:aaa="foo"/>
-  <div :aaa="foo"/>
-  <div :aaa.prop="foo"/>
+  <div v-bind="foo" />
+  <div v-bind:aaa="foo" />
+  <div :aaa="foo" />
+  <div :aaa.prop="foo" />
 
   <!-- ✗ BAD -->
-  <div v-bind/>
-  <div v-bind:aaa.bbb="foo"/>
+  <div v-bind />
+  <div v-bind:aaa.bbb="foo" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-cloak.md b/docs/rules/valid-v-cloak.md
index c992edd6e..5d40b6db8 100644
--- a/docs/rules/valid-v-cloak.md
+++ b/docs/rules/valid-v-cloak.md
@@ -5,6 +5,7 @@ title: vue/valid-v-cloak
 description: enforce valid `v-cloak` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-cloak
 
 > enforce valid `v-cloak` directives
@@ -26,12 +27,12 @@ This rule reports `v-cloak` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-cloak/>
+  <div v-cloak />
 
   <!-- ✗ BAD -->
-  <div v-cloak:aaa/>
-  <div v-cloak.bbb/>
-  <div v-cloak="ccc"/>
+  <div v-cloak:aaa />
+  <div v-cloak.bbb />
+  <div v-cloak="ccc" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index 5b7b9f63c..de0645c9b 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -5,6 +5,7 @@ title: vue/valid-v-else-if
 description: enforce valid `v-else-if` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-else-if
 
 > enforce valid `v-else-if` directives
@@ -28,14 +29,14 @@ This rule reports `v-else-if` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-if="foo"/>
-  <div v-else-if="bar"/>
+  <div v-if="foo" />
+  <div v-else-if="bar" />
 
   <!-- ✗ BAD -->
-  <div /><div v-else-if="foo"/>
-  <div v-if="x"/><div v-else-if/>
-  <div v-if="x"/><div v-else-if:aaa="foo"/>
-  <div v-if="x"/><div v-else-if.bbb="foo"/>
+  <div /><div v-else-if="foo" />
+  <div v-if="x" /><div v-else-if />
+  <div v-if="x" /><div v-else-if:aaa="foo" />
+  <div v-if="x" /><div v-else-if.bbb="foo" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index b3424ad28..827bd9893 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -5,6 +5,7 @@ title: vue/valid-v-else
 description: enforce valid `v-else` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-else
 
 > enforce valid `v-else` directives
@@ -28,14 +29,14 @@ This rule reports `v-else` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-if="foo"/>
-  <div v-else/>
+  <div v-if="foo" />
+  <div v-else />
 
   <!-- ✗ BAD -->
-  <div v-else/>
-  <div v-if="x"/><div v-else="foo"/>
-  <div v-if="x"/><div v-else:aaa/>
-  <div v-if="x"/><div v-else.bbb/>
+  <div v-else />
+  <div v-if="x" /><div v-else="foo" />
+  <div v-if="x" /><div v-else:aaa />
+  <div v-if="x" /><div v-else.bbb />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 843682626..45b33949c 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -5,6 +5,7 @@ title: vue/valid-v-for
 description: enforce valid `v-for` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-for
 
 > enforce valid `v-for` directives
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index 8c1932290..10c6319e6 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -5,6 +5,7 @@ title: vue/valid-v-html
 description: enforce valid `v-html` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-html
 
 > enforce valid `v-html` directives
@@ -26,12 +27,12 @@ This rule reports `v-html` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-html="foo"/>
+  <div v-html="foo" />
 
   <!-- ✗ BAD -->
-  <div v-html/>
-  <div v-html:aaa="foo"/>
-  <div v-html.bbb="foo"/>
+  <div v-html />
+  <div v-html:aaa="foo" />
+  <div v-html.bbb="foo" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index f059aab30..9afba0a24 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -5,6 +5,7 @@ title: vue/valid-v-if
 description: enforce valid `v-if` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-if
 
 > enforce valid `v-if` directives
@@ -27,14 +28,14 @@ This rule reports `v-if` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-if="foo"/>
-  <div v-else-if="bar"/>
-  <div v-else/>
+  <div v-if="foo" />
+  <div v-else-if="bar" />
+  <div v-else />
 
   <!-- ✗ BAD -->
-  <div v-if/>
-  <div v-if:aaa="foo"/>
-  <div v-if.bbb="foo"/>
+  <div v-if />
+  <div v-if:aaa="foo" />
+  <div v-if.bbb="foo" />
   <div
     v-if="foo"
     v-else
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index 0ef75aaca..14e6bb31d 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -5,6 +5,7 @@ title: vue/valid-v-is
 description: enforce valid `v-is` directives
 since: v7.0.0
 ---
+
 # vue/valid-v-is
 
 > enforce valid `v-is` directives
diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
index 009d187ec..ca027cd3c 100644
--- a/docs/rules/valid-v-memo.md
+++ b/docs/rules/valid-v-memo.md
@@ -5,6 +5,7 @@ title: vue/valid-v-memo
 description: enforce valid `v-memo` directives
 since: v7.16.0
 ---
+
 # vue/valid-v-memo
 
 > enforce valid `v-memo` directives
@@ -28,13 +29,13 @@ This rule reports `v-memo` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-memo="[x]"/>
+  <div v-memo="[x]" />
 
   <!-- ✗ BAD -->
-  <div v-memo/>
-  <div v-memo:aaa="[x]"/>
-  <div v-memo.bbb="[x]"/>
-  <div v-memo="{x}"/>
+  <div v-memo />
+  <div v-memo:aaa="[x]" />
+  <div v-memo.bbb="[x]" />
+  <div v-memo="{ x }" />
   <div v-for="i in items">
     <div v-memo="[i]" />
   </div>
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 25c9ddb1f..35fbe1cdc 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -5,6 +5,7 @@ title: vue/valid-v-model
 description: enforce valid `v-model` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-model
 
 > enforce valid `v-model` directives
@@ -31,27 +32,27 @@ This rule reports `v-model` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <input v-model="foo">
-  <input v-model.lazy="foo">
-  <textarea v-model="foo"/>
-  <MyComponent v-model="foo"/>
-  <MyComponent v-model:propName="foo"/>
-  <MyComponent v-model.modifier="foo"/>
-  <MyComponent v-model:propName.modifier="foo"/>
+  <input v-model="foo" />
+  <input v-model.lazy="foo" />
+  <textarea v-model="foo" />
+  <MyComponent v-model="foo" />
+  <MyComponent v-model:propName="foo" />
+  <MyComponent v-model.modifier="foo" />
+  <MyComponent v-model:propName.modifier="foo" />
   <div v-for="todo in todos">
-    <input v-model="todo.name">
+    <input v-model="todo.name" />
   </div>
 
   <!-- ✗ BAD -->
-  <input v-model>
-  <input v-model:aaa="foo">
-  <input v-model.bbb="foo">
-  <input v-model="foo + bar">
-  <input v-model="a?.b.c">
-  <input v-model="(a?.b).c">
-  <div v-model="foo"/>
+  <input v-model />
+  <input v-model:aaa="foo" />
+  <input v-model.bbb="foo" />
+  <input v-model="foo + bar" />
+  <input v-model="a?.b.c" />
+  <input v-model="(a?.b).c" />
+  <div v-model="foo" />
   <div v-for="todo in todos">
-    <input v-model="todo">
+    <input v-model="todo" />
   </div>
 </template>
 ```
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index b3a157c2d..22e2e8178 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -5,6 +5,7 @@ title: vue/valid-v-on
 description: enforce valid `v-on` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-on
 
 > enforce valid `v-on` directives
@@ -26,18 +27,18 @@ This rule reports `v-on` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-on="foo"/>
-  <div v-on:click="foo"/>
-  <div @click="foo"/>
-  <div @click.left="foo"/>
-  <div @click.prevent/>
-  <div @click.stop/>
+  <div v-on="foo" />
+  <div v-on:click="foo" />
+  <div @click="foo" />
+  <div @click.left="foo" />
+  <div @click.prevent />
+  <div @click.stop />
 
   <!-- ✗ BAD -->
-  <div v-on/>
-  <div v-on:click/>
-  <div v-on:click.aaa="foo"/>
-  <div @click/>
+  <div v-on />
+  <div v-on:click />
+  <div v-on:click.aaa="foo" />
+  <div @click />
 </template>
 ```
 
@@ -67,8 +68,8 @@ This rule has an object option:
 
 ```vue
 <template>
-  <div @click.foo="foo"/>
-  <div v-on:click.foo="foo"/>
+  <div @click.foo="foo" />
+  <div v-on:click.foo="foo" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-once.md b/docs/rules/valid-v-once.md
index 4ab4ed8da..b5bedff9a 100644
--- a/docs/rules/valid-v-once.md
+++ b/docs/rules/valid-v-once.md
@@ -5,6 +5,7 @@ title: vue/valid-v-once
 description: enforce valid `v-once` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-once
 
 > enforce valid `v-once` directives
@@ -26,12 +27,12 @@ This rule reports `v-once` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-once/>
+  <div v-once />
 
   <!-- ✗ BAD -->
-  <div v-once:aaa/>
-  <div v-once.bbb/>
-  <div v-once="ccc"/>
+  <div v-once:aaa />
+  <div v-once.bbb />
+  <div v-once="ccc" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-pre.md b/docs/rules/valid-v-pre.md
index 63095aab7..5496d90c5 100644
--- a/docs/rules/valid-v-pre.md
+++ b/docs/rules/valid-v-pre.md
@@ -5,6 +5,7 @@ title: vue/valid-v-pre
 description: enforce valid `v-pre` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-pre
 
 > enforce valid `v-pre` directives
@@ -26,12 +27,12 @@ This rule reports `v-pre` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-pre/>
+  <div v-pre />
 
   <!-- ✗ BAD -->
-  <div v-pre:aaa/>
-  <div v-pre.bbb/>
-  <div v-pre="ccc"/>
+  <div v-pre:aaa />
+  <div v-pre.bbb />
+  <div v-pre="ccc" />
 </template>
 ```
 
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index 710489946..5b800037f 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -5,6 +5,7 @@ title: vue/valid-v-show
 description: enforce valid `v-show` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-show
 
 > enforce valid `v-show` directives
@@ -27,12 +28,12 @@ This rule reports `v-show` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-show="foo"/>
+  <div v-show="foo" />
 
   <!-- ✗ BAD -->
-  <div v-show/>
-  <div v-show:aaa="foo"/>
-  <div v-show.bbb="foo"/>
+  <div v-show />
+  <div v-show:aaa="foo" />
+  <div v-show.bbb="foo" />
   <template v-show="condition" />
 </template>
 ```
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index 9c7c6621d..8d608b8ca 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -5,6 +5,7 @@ title: vue/valid-v-slot
 description: enforce valid `v-slot` directives
 since: v7.0.0
 ---
+
 # vue/valid-v-slot
 
 > enforce valid `v-slot` directives
@@ -32,7 +33,7 @@ This rule reports `v-slot` directives in the following cases:
 <template>
   <!-- ✓ GOOD -->
   <my-component v-slot="data">
-    {{data}}
+    {{ data }}
   </my-component>
   <my-component>
     <template v-slot:default>
@@ -48,7 +49,7 @@ This rule reports `v-slot` directives in the following cases:
 
   <!-- ✗ BAD -->
   <div v-slot="data">
-    {{data}}
+    {{ data }}
   </div>
   <div>
     <template v-slot:one>
@@ -57,10 +58,10 @@ This rule reports `v-slot` directives in the following cases:
   </div>
 
   <my-component v-slot:one="data">
-    {{data}}
+    {{ data }}
   </my-component>
   <my-component v-slot="data">
-    {{data}}
+    {{ data }}
     <template v-slot:one>
       one
     </template>
@@ -85,7 +86,7 @@ This rule reports `v-slot` directives in the following cases:
   </my-component>
 
   <my-component v-slot.mod="data">
-    {{data}}
+    {{ data }}
   </my-component>
 
   <my-component v-slot>
@@ -127,7 +128,7 @@ This rule does not check syntax errors in directives because it's checked by [vu
   </MyComponent>
 
   <!--  ✗ BAD */ -->
-  <MyComponent v-slot.foo="{data}">
+  <MyComponent v-slot.foo="{ data }">
     {{ data }}
   </MyComponent>
   <MyComponent>
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index c9d2a569e..dc5ada6d5 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -5,6 +5,7 @@ title: vue/valid-v-text
 description: enforce valid `v-text` directives
 since: v3.11.0
 ---
+
 # vue/valid-v-text
 
 > enforce valid `v-text` directives
@@ -26,12 +27,12 @@ This rule reports `v-text` directives in the following cases:
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-text="foo"/>
+  <div v-text="foo" />
 
   <!-- ✗ BAD -->
-  <div v-text/>
-  <div v-text:aaa="foo"/>
-  <div v-text.bbb="foo"/>
+  <div v-text />
+  <div v-text:aaa="foo" />
+  <div v-text.bbb="foo" />
 </template>
 ```
 
diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 84fc90a6b..aef963919 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -215,7 +215,7 @@ Go into `Settings -> Packages -> linter-eslint`, under the option "List of scope
 ### IntelliJ IDEA / JetBrains WebStorm
 
 In the **Settings/Preferences** dialog (`Cmd+,`/`Ctrl+Alt+S`), choose JavaScript under **Languages and Frameworks** and then choose **ESLint** under **Code Quality Tools**.
-On the **ESLint page** that opens, select the *Enable* checkbox.
+On the **ESLint page** that opens, select the _Enable_ checkbox.
 
 If your ESLint configuration is updated (manually or from your version control), open it in the editor and choose **Apply ESLint Code Style Rules** in the context menu.
 
@@ -277,7 +277,7 @@ module.exports = {
     // ...
     'plugin:vue/vue3-recommended',
     // ...
-    "prettier"
+    'prettier'
     // Make sure "prettier" is the last element in this list.
   ],
   // ...
diff --git a/lib/utils/deprecated-html-elements.json b/lib/utils/deprecated-html-elements.json
index daf23f512..1d9d67968 100644
--- a/lib/utils/deprecated-html-elements.json
+++ b/lib/utils/deprecated-html-elements.json
@@ -1 +1,33 @@
-["acronym","applet","basefont","bgsound","big","blink","center","command","content","dir","element","font","frame","frameset","image","isindex","keygen","listing","marquee","menuitem","multicol","nextid","nobr","noembed","noframes","plaintext","shadow","spacer","strike","tt","xmp"]
\ No newline at end of file
+[
+  "acronym",
+  "applet",
+  "basefont",
+  "bgsound",
+  "big",
+  "blink",
+  "center",
+  "command",
+  "content",
+  "dir",
+  "element",
+  "font",
+  "frame",
+  "frameset",
+  "image",
+  "isindex",
+  "keygen",
+  "listing",
+  "marquee",
+  "menuitem",
+  "multicol",
+  "nextid",
+  "nobr",
+  "noembed",
+  "noframes",
+  "plaintext",
+  "shadow",
+  "spacer",
+  "strike",
+  "tt",
+  "xmp"
+]
diff --git a/lib/utils/html-elements.json b/lib/utils/html-elements.json
index 721f7876d..6911e3482 100644
--- a/lib/utils/html-elements.json
+++ b/lib/utils/html-elements.json
@@ -1 +1,120 @@
-["html","body","base","head","link","meta","style","title","address","article","aside","footer","header","h1","h2","h3","h4","h5","h6","hgroup","nav","section","div","dd","dl","dt","figcaption","figure","hr","img","li","main","ol","p","pre","ul","a","b","abbr","bdi","bdo","br","cite","code","data","dfn","em","i","kbd","mark","q","rp","rt","rtc","ruby","s","samp","small","span","strong","sub","sup","time","u","var","wbr","area","audio","map","track","video","embed","object","param","source","canvas","script","noscript","del","ins","caption","col","colgroup","table","thead","tbody","tfoot","td","th","tr","button","datalist","fieldset","form","input","label","legend","meter","optgroup","option","output","progress","select","textarea","details","dialog","menu","menuitem","summary","content","element","shadow","template","slot","blockquote","iframe","noframes","picture"]
+[
+  "html",
+  "body",
+  "base",
+  "head",
+  "link",
+  "meta",
+  "style",
+  "title",
+  "address",
+  "article",
+  "aside",
+  "footer",
+  "header",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "hgroup",
+  "nav",
+  "section",
+  "div",
+  "dd",
+  "dl",
+  "dt",
+  "figcaption",
+  "figure",
+  "hr",
+  "img",
+  "li",
+  "main",
+  "ol",
+  "p",
+  "pre",
+  "ul",
+  "a",
+  "b",
+  "abbr",
+  "bdi",
+  "bdo",
+  "br",
+  "cite",
+  "code",
+  "data",
+  "dfn",
+  "em",
+  "i",
+  "kbd",
+  "mark",
+  "q",
+  "rp",
+  "rt",
+  "rtc",
+  "ruby",
+  "s",
+  "samp",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "time",
+  "u",
+  "var",
+  "wbr",
+  "area",
+  "audio",
+  "map",
+  "track",
+  "video",
+  "embed",
+  "object",
+  "param",
+  "source",
+  "canvas",
+  "script",
+  "noscript",
+  "del",
+  "ins",
+  "caption",
+  "col",
+  "colgroup",
+  "table",
+  "thead",
+  "tbody",
+  "tfoot",
+  "td",
+  "th",
+  "tr",
+  "button",
+  "datalist",
+  "fieldset",
+  "form",
+  "input",
+  "label",
+  "legend",
+  "meter",
+  "optgroup",
+  "option",
+  "output",
+  "progress",
+  "select",
+  "textarea",
+  "details",
+  "dialog",
+  "menu",
+  "menuitem",
+  "summary",
+  "content",
+  "element",
+  "shadow",
+  "template",
+  "slot",
+  "blockquote",
+  "iframe",
+  "noframes",
+  "picture"
+]
diff --git a/lib/utils/js-reserved.json b/lib/utils/js-reserved.json
index 9b3eb11cc..973c00328 100644
--- a/lib/utils/js-reserved.json
+++ b/lib/utils/js-reserved.json
@@ -1,18 +1,66 @@
 [
-  "abstract", "arguments", "await", "boolean",
-  "break", "byte", "case", "catch",
-  "char", "class", "const", "continue",
-  "debugger", "default", "delete", "do",
-  "double", "else", "enum", "eval",
-  "export", "extends", "false", "final",
-  "finally", "float", "for", "function",
-  "goto", "if", "implements", "import",
-  "in", "instanceof", "int", "interface",
-  "let", "long", "native", "new",
-  "null", "package", "private", "protected",
-  "public", "return", "short", "static",
-  "super", "switch", "synchronized", "this",
-  "throw", "throws", "transient", "true",
-  "try", "typeof", "var", "void",
-  "volatile", "while", "with", "yield"
+  "abstract",
+  "arguments",
+  "await",
+  "boolean",
+  "break",
+  "byte",
+  "case",
+  "catch",
+  "char",
+  "class",
+  "const",
+  "continue",
+  "debugger",
+  "default",
+  "delete",
+  "do",
+  "double",
+  "else",
+  "enum",
+  "eval",
+  "export",
+  "extends",
+  "false",
+  "final",
+  "finally",
+  "float",
+  "for",
+  "function",
+  "goto",
+  "if",
+  "implements",
+  "import",
+  "in",
+  "instanceof",
+  "int",
+  "interface",
+  "let",
+  "long",
+  "native",
+  "new",
+  "null",
+  "package",
+  "private",
+  "protected",
+  "public",
+  "return",
+  "short",
+  "static",
+  "super",
+  "switch",
+  "synchronized",
+  "this",
+  "throw",
+  "throws",
+  "transient",
+  "true",
+  "try",
+  "typeof",
+  "var",
+  "void",
+  "volatile",
+  "while",
+  "with",
+  "yield"
 ]
diff --git a/lib/utils/key-aliases.json b/lib/utils/key-aliases.json
index 49de3b3d8..601b2d73d 100644
--- a/lib/utils/key-aliases.json
+++ b/lib/utils/key-aliases.json
@@ -1,68 +1,304 @@
 [
-  "unidentified", "alt", "alt-graph", "caps-lock", "control", "fn", "fn-lock",
-  "meta", "num-lock", "scroll-lock", "shift", "symbol", "symbol-lock", "hyper",
-  "super", "enter", "tab", "arrow-down", "arrow-left", "arrow-right",
-  "arrow-up", "end", "home", "page-down", "page-up", "backspace", "clear",
-  "copy", "cr-sel", "cut", "delete", "erase-eof", "ex-sel", "insert", "paste",
-  "redo", "undo", "accept", "again", "attn", "cancel", "context-menu", "escape",
-  "execute", "find", "help", "pause", "select", "zoom-in", "zoom-out",
-  "brightness-down", "brightness-up", "eject", "log-off", "power",
-  "print-screen", "hibernate", "standby", "wake-up", "all-candidates",
-  "alphanumeric", "code-input", "compose", "convert", "dead", "final-mode",
-  "group-first", "group-last", "group-next", "group-previous", "mode-change",
-  "next-candidate", "non-convert", "previous-candidate", "process",
-  "single-candidate", "hangul-mode", "hanja-mode", "junja-mode", "eisu",
-  "hankaku", "hiragana", "hiragana-katakana", "kana-mode", "kanji-mode",
-  "katakana", "romaji", "zenkaku", "zenkaku-hankaku", "f1", "f2", "f3", "f4",
-  "f5", "f6", "f7", "f8", "f9", "f10", "f11", "f12", "soft1", "soft2", "soft3",
-  "soft4", "channel-down", "channel-up", "close", "mail-forward", "mail-reply",
-  "mail-send", "media-close", "media-fast-forward", "media-pause",
-  "media-play-pause", "media-record", "media-rewind", "media-stop",
-  "media-track-next", "media-track-previous", "new", "open", "print", "save",
-  "spell-check", "key11", "key12", "audio-balance-left", "audio-balance-right",
-  "audio-bass-boost-down", "audio-bass-boost-toggle", "audio-bass-boost-up",
-  "audio-fader-front", "audio-fader-rear", "audio-surround-mode-next",
-  "audio-treble-down", "audio-treble-up", "audio-volume-down",
-  "audio-volume-up", "audio-volume-mute", "microphone-toggle",
-  "microphone-volume-down", "microphone-volume-up", "microphone-volume-mute",
-  "speech-correction-list", "speech-input-toggle", "launch-application1",
-  "launch-application2", "launch-calendar", "launch-contacts", "launch-mail",
-  "launch-media-player", "launch-music-player", "launch-phone",
-  "launch-screen-saver", "launch-spreadsheet", "launch-web-browser",
-  "launch-web-cam", "launch-word-processor", "browser-back",
-  "browser-favorites", "browser-forward", "browser-home", "browser-refresh",
-  "browser-search", "browser-stop", "app-switch", "call", "camera",
-  "camera-focus", "end-call", "go-back", "go-home", "headset-hook",
-  "last-number-redial", "notification", "manner-mode", "voice-dial", "t-v",
-  "t-v3-d-mode", "t-v-antenna-cable", "t-v-audio-description",
-  "t-v-audio-description-mix-down", "t-v-audio-description-mix-up",
-  "t-v-contents-menu", "t-v-data-service", "t-v-input", "t-v-input-component1",
-  "t-v-input-component2", "t-v-input-composite1", "t-v-input-composite2",
-  "t-v-input-h-d-m-i1", "t-v-input-h-d-m-i2", "t-v-input-h-d-m-i3",
-  "t-v-input-h-d-m-i4", "t-v-input-v-g-a1", "t-v-media-context", "t-v-network",
-  "t-v-number-entry", "t-v-power", "t-v-radio-service", "t-v-satellite",
-  "t-v-satellite-b-s", "t-v-satellite-c-s", "t-v-satellite-toggle",
-  "t-v-terrestrial-analog", "t-v-terrestrial-digital", "t-v-timer",
-  "a-v-r-input", "a-v-r-power", "color-f0-red", "color-f1-green",
-  "color-f2-yellow", "color-f3-blue", "color-f4-grey", "color-f5-brown",
-  "closed-caption-toggle", "dimmer", "display-swap", "d-v-r", "exit",
-  "favorite-clear0", "favorite-clear1", "favorite-clear2", "favorite-clear3",
-  "favorite-recall0", "favorite-recall1", "favorite-recall2",
-  "favorite-recall3", "favorite-store0", "favorite-store1", "favorite-store2",
-  "favorite-store3", "guide", "guide-next-day", "guide-previous-day", "info",
-  "instant-replay", "link", "list-program", "live-content", "lock",
-  "media-apps", "media-last", "media-skip-backward", "media-skip-forward",
-  "media-step-backward", "media-step-forward", "media-top-menu", "navigate-in",
-  "navigate-next", "navigate-out", "navigate-previous", "next-favorite-channel",
-  "next-user-profile", "on-demand", "pairing", "pin-p-down", "pin-p-move",
-  "pin-p-toggle", "pin-p-up", "play-speed-down", "play-speed-reset",
-  "play-speed-up", "random-toggle", "rc-low-battery", "record-speed-next",
-  "rf-bypass", "scan-channels-toggle", "screen-mode-next", "settings",
-  "split-screen-toggle", "s-t-b-input", "s-t-b-power", "subtitle", "teletext",
-  "video-mode-next", "wink", "zoom-toggle", "audio-volume-down",
-  "audio-volume-up", "audio-volume-mute", "browser-back", "browser-forward",
-  "channel-down", "channel-up", "context-menu", "eject", "end", "enter", "home",
-  "media-fast-forward", "media-play", "media-play-pause", "media-record",
-  "media-rewind", "media-stop", "media-next-track", "media-pause",
-  "media-previous-track", "power", "unidentified"
+  "unidentified",
+  "alt",
+  "alt-graph",
+  "caps-lock",
+  "control",
+  "fn",
+  "fn-lock",
+  "meta",
+  "num-lock",
+  "scroll-lock",
+  "shift",
+  "symbol",
+  "symbol-lock",
+  "hyper",
+  "super",
+  "enter",
+  "tab",
+  "arrow-down",
+  "arrow-left",
+  "arrow-right",
+  "arrow-up",
+  "end",
+  "home",
+  "page-down",
+  "page-up",
+  "backspace",
+  "clear",
+  "copy",
+  "cr-sel",
+  "cut",
+  "delete",
+  "erase-eof",
+  "ex-sel",
+  "insert",
+  "paste",
+  "redo",
+  "undo",
+  "accept",
+  "again",
+  "attn",
+  "cancel",
+  "context-menu",
+  "escape",
+  "execute",
+  "find",
+  "help",
+  "pause",
+  "select",
+  "zoom-in",
+  "zoom-out",
+  "brightness-down",
+  "brightness-up",
+  "eject",
+  "log-off",
+  "power",
+  "print-screen",
+  "hibernate",
+  "standby",
+  "wake-up",
+  "all-candidates",
+  "alphanumeric",
+  "code-input",
+  "compose",
+  "convert",
+  "dead",
+  "final-mode",
+  "group-first",
+  "group-last",
+  "group-next",
+  "group-previous",
+  "mode-change",
+  "next-candidate",
+  "non-convert",
+  "previous-candidate",
+  "process",
+  "single-candidate",
+  "hangul-mode",
+  "hanja-mode",
+  "junja-mode",
+  "eisu",
+  "hankaku",
+  "hiragana",
+  "hiragana-katakana",
+  "kana-mode",
+  "kanji-mode",
+  "katakana",
+  "romaji",
+  "zenkaku",
+  "zenkaku-hankaku",
+  "f1",
+  "f2",
+  "f3",
+  "f4",
+  "f5",
+  "f6",
+  "f7",
+  "f8",
+  "f9",
+  "f10",
+  "f11",
+  "f12",
+  "soft1",
+  "soft2",
+  "soft3",
+  "soft4",
+  "channel-down",
+  "channel-up",
+  "close",
+  "mail-forward",
+  "mail-reply",
+  "mail-send",
+  "media-close",
+  "media-fast-forward",
+  "media-pause",
+  "media-play-pause",
+  "media-record",
+  "media-rewind",
+  "media-stop",
+  "media-track-next",
+  "media-track-previous",
+  "new",
+  "open",
+  "print",
+  "save",
+  "spell-check",
+  "key11",
+  "key12",
+  "audio-balance-left",
+  "audio-balance-right",
+  "audio-bass-boost-down",
+  "audio-bass-boost-toggle",
+  "audio-bass-boost-up",
+  "audio-fader-front",
+  "audio-fader-rear",
+  "audio-surround-mode-next",
+  "audio-treble-down",
+  "audio-treble-up",
+  "audio-volume-down",
+  "audio-volume-up",
+  "audio-volume-mute",
+  "microphone-toggle",
+  "microphone-volume-down",
+  "microphone-volume-up",
+  "microphone-volume-mute",
+  "speech-correction-list",
+  "speech-input-toggle",
+  "launch-application1",
+  "launch-application2",
+  "launch-calendar",
+  "launch-contacts",
+  "launch-mail",
+  "launch-media-player",
+  "launch-music-player",
+  "launch-phone",
+  "launch-screen-saver",
+  "launch-spreadsheet",
+  "launch-web-browser",
+  "launch-web-cam",
+  "launch-word-processor",
+  "browser-back",
+  "browser-favorites",
+  "browser-forward",
+  "browser-home",
+  "browser-refresh",
+  "browser-search",
+  "browser-stop",
+  "app-switch",
+  "call",
+  "camera",
+  "camera-focus",
+  "end-call",
+  "go-back",
+  "go-home",
+  "headset-hook",
+  "last-number-redial",
+  "notification",
+  "manner-mode",
+  "voice-dial",
+  "t-v",
+  "t-v3-d-mode",
+  "t-v-antenna-cable",
+  "t-v-audio-description",
+  "t-v-audio-description-mix-down",
+  "t-v-audio-description-mix-up",
+  "t-v-contents-menu",
+  "t-v-data-service",
+  "t-v-input",
+  "t-v-input-component1",
+  "t-v-input-component2",
+  "t-v-input-composite1",
+  "t-v-input-composite2",
+  "t-v-input-h-d-m-i1",
+  "t-v-input-h-d-m-i2",
+  "t-v-input-h-d-m-i3",
+  "t-v-input-h-d-m-i4",
+  "t-v-input-v-g-a1",
+  "t-v-media-context",
+  "t-v-network",
+  "t-v-number-entry",
+  "t-v-power",
+  "t-v-radio-service",
+  "t-v-satellite",
+  "t-v-satellite-b-s",
+  "t-v-satellite-c-s",
+  "t-v-satellite-toggle",
+  "t-v-terrestrial-analog",
+  "t-v-terrestrial-digital",
+  "t-v-timer",
+  "a-v-r-input",
+  "a-v-r-power",
+  "color-f0-red",
+  "color-f1-green",
+  "color-f2-yellow",
+  "color-f3-blue",
+  "color-f4-grey",
+  "color-f5-brown",
+  "closed-caption-toggle",
+  "dimmer",
+  "display-swap",
+  "d-v-r",
+  "exit",
+  "favorite-clear0",
+  "favorite-clear1",
+  "favorite-clear2",
+  "favorite-clear3",
+  "favorite-recall0",
+  "favorite-recall1",
+  "favorite-recall2",
+  "favorite-recall3",
+  "favorite-store0",
+  "favorite-store1",
+  "favorite-store2",
+  "favorite-store3",
+  "guide",
+  "guide-next-day",
+  "guide-previous-day",
+  "info",
+  "instant-replay",
+  "link",
+  "list-program",
+  "live-content",
+  "lock",
+  "media-apps",
+  "media-last",
+  "media-skip-backward",
+  "media-skip-forward",
+  "media-step-backward",
+  "media-step-forward",
+  "media-top-menu",
+  "navigate-in",
+  "navigate-next",
+  "navigate-out",
+  "navigate-previous",
+  "next-favorite-channel",
+  "next-user-profile",
+  "on-demand",
+  "pairing",
+  "pin-p-down",
+  "pin-p-move",
+  "pin-p-toggle",
+  "pin-p-up",
+  "play-speed-down",
+  "play-speed-reset",
+  "play-speed-up",
+  "random-toggle",
+  "rc-low-battery",
+  "record-speed-next",
+  "rf-bypass",
+  "scan-channels-toggle",
+  "screen-mode-next",
+  "settings",
+  "split-screen-toggle",
+  "s-t-b-input",
+  "s-t-b-power",
+  "subtitle",
+  "teletext",
+  "video-mode-next",
+  "wink",
+  "zoom-toggle",
+  "audio-volume-down",
+  "audio-volume-up",
+  "audio-volume-mute",
+  "browser-back",
+  "browser-forward",
+  "channel-down",
+  "channel-up",
+  "context-menu",
+  "eject",
+  "end",
+  "enter",
+  "home",
+  "media-fast-forward",
+  "media-play",
+  "media-play-pause",
+  "media-record",
+  "media-rewind",
+  "media-stop",
+  "media-next-track",
+  "media-pause",
+  "media-previous-track",
+  "power",
+  "unidentified"
 ]
diff --git a/lib/utils/svg-attributes-weird-case.json b/lib/utils/svg-attributes-weird-case.json
index fb28f8922..d3988f0e6 100644
--- a/lib/utils/svg-attributes-weird-case.json
+++ b/lib/utils/svg-attributes-weird-case.json
@@ -135,4 +135,4 @@
   "xChannelSelector",
   "yChannelSelector",
   "zoomAndPan"
-]
\ No newline at end of file
+]
diff --git a/lib/utils/svg-elements.json b/lib/utils/svg-elements.json
index aaee2e6f3..7e5ba6052 100644
--- a/lib/utils/svg-elements.json
+++ b/lib/utils/svg-elements.json
@@ -1 +1,71 @@
-["a","animate","animateMotion","animateTransform","audio","canvas","circle","clipPath","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","iframe","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","script","set","stop","style","svg","switch","symbol","text","textPath","title","tspan","unknown","use","video","view"]
+[
+  "a",
+  "animate",
+  "animateMotion",
+  "animateTransform",
+  "audio",
+  "canvas",
+  "circle",
+  "clipPath",
+  "defs",
+  "desc",
+  "discard",
+  "ellipse",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "filter",
+  "foreignObject",
+  "g",
+  "iframe",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "metadata",
+  "mpath",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "script",
+  "set",
+  "stop",
+  "style",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "textPath",
+  "title",
+  "tspan",
+  "unknown",
+  "use",
+  "video",
+  "view"
+]
diff --git a/lib/utils/void-elements.json b/lib/utils/void-elements.json
index b737cc683..a24e32f3d 100644
--- a/lib/utils/void-elements.json
+++ b/lib/utils/void-elements.json
@@ -1 +1,18 @@
-["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr"]
+[
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "menuitem",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]
diff --git a/lib/utils/vue-component-options.json b/lib/utils/vue-component-options.json
index 1dcce9f5c..f4a6db0bd 100644
--- a/lib/utils/vue-component-options.json
+++ b/lib/utils/vue-component-options.json
@@ -1,10 +1,18 @@
 {
-  "nuxt": ["asyncData", "fetch", "head", "key", "layout", "loading", "middleware", "scrollToTop", "transition", "validate", "watchQuery"],
-  "vue-router": [
-    "beforeRouteEnter",
-    "beforeRouteUpdate",
-    "beforeRouteLeave"
+  "nuxt": [
+    "asyncData",
+    "fetch",
+    "head",
+    "key",
+    "layout",
+    "loading",
+    "middleware",
+    "scrollToTop",
+    "transition",
+    "validate",
+    "watchQuery"
   ],
+  "vue-router": ["beforeRouteEnter", "beforeRouteUpdate", "beforeRouteLeave"],
   "vue": [
     "data",
     "props",
diff --git a/lib/utils/vue-reserved.json b/lib/utils/vue-reserved.json
index 03bcdcba9..9321710d4 100644
--- a/lib/utils/vue-reserved.json
+++ b/lib/utils/vue-reserved.json
@@ -1,4 +1,26 @@
 [
-  "$data", "$props", "$el", "$options", "$parent", "$root", "$children", "$slots", "$scopedSlots", "$refs", "$isServer", "$attrs", "$listeners",
-  "$watch", "$set", "$delete", "$on", "$once", "$off", "$emit", "$mount", "$forceUpdate", "$nextTick", "$destroy"
+  "$data",
+  "$props",
+  "$el",
+  "$options",
+  "$parent",
+  "$root",
+  "$children",
+  "$slots",
+  "$scopedSlots",
+  "$refs",
+  "$isServer",
+  "$attrs",
+  "$listeners",
+  "$watch",
+  "$set",
+  "$delete",
+  "$on",
+  "$once",
+  "$off",
+  "$emit",
+  "$mount",
+  "$forceUpdate",
+  "$nextTick",
+  "$destroy"
 ]
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 2b2d3678e..3b734e881 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -326,4 +326,4 @@
   "createSSRApp",
   "compileToFunction",
   "compile"
-]
\ No newline at end of file
+]
diff --git a/tests/.eslintrc.json b/tests/.eslintrc.json
index 4668ae79f..7eeefc33b 100644
--- a/tests/.eslintrc.json
+++ b/tests/.eslintrc.json
@@ -1,5 +1,5 @@
 {
-    "env": {
-        "mocha": true
-    }
+  "env": {
+    "mocha": true
+  }
 }
diff --git a/tests/integrations/eslint-plugin-import/.eslintrc.json b/tests/integrations/eslint-plugin-import/.eslintrc.json
index bd240b24b..20585a5fd 100644
--- a/tests/integrations/eslint-plugin-import/.eslintrc.json
+++ b/tests/integrations/eslint-plugin-import/.eslintrc.json
@@ -1,22 +1,16 @@
 {
-    "root": true,
-    "parserOptions": {
-        "sourceType": "module",
-        "ecmaVersion": 2015
-    },
-    "parser": "vue-eslint-parser",
-    "plugins": [
-        "import",
-        "vue"
-    ],
-    "rules": {
-        "import/default": "warn",
-        "import/namespace": "warn"
-    },
-    "settings": {
-        "import/extensions": [
-            ".js",
-            ".vue"
-        ]
-    }
+  "root": true,
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": 2015
+  },
+  "parser": "vue-eslint-parser",
+  "plugins": ["import", "vue"],
+  "rules": {
+    "import/default": "warn",
+    "import/namespace": "warn"
+  },
+  "settings": {
+    "import/extensions": [".js", ".vue"]
+  }
 }
diff --git a/tests/integrations/eslint-plugin-import/a.vue b/tests/integrations/eslint-plugin-import/a.vue
index ce4b66e14..58a29d388 100644
--- a/tests/integrations/eslint-plugin-import/a.vue
+++ b/tests/integrations/eslint-plugin-import/a.vue
@@ -1,10 +1,10 @@
 <template>
-    <b></b>
+  <b></b>
 </template>
 
 <script>
-import B from "./b.vue"
+import B from './b.vue'
 export default {
-    components: {B}
+  components: { B }
 }
 </script>
diff --git a/tests/integrations/eslint-plugin-import/b.vue b/tests/integrations/eslint-plugin-import/b.vue
index 488aa4466..9cd9ffff4 100644
--- a/tests/integrations/eslint-plugin-import/b.vue
+++ b/tests/integrations/eslint-plugin-import/b.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>Hello</div>
+  <div>Hello</div>
 </template>
 
 <script>
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 3975ea2d4..d64293ae4 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -70,7 +70,7 @@ class DocFile {
     }
     const computed = `---\n${Object.entries(fileIntro)
       .map((item) => `${item[0]}: ${item[1]}`)
-      .join('\n')}\n---\n`
+      .join('\n')}\n---\n\n`
 
     const fileIntroPattern = /^---\n(.*\n)+---\n*/g
 
@@ -86,7 +86,10 @@ class DocFile {
     const description = meta.docs
       ? meta.docs.description
       : this.content.match(/^description: (.*)$/m)[1]
-    const title = `# ${ruleId}\n\n> ${description}`
+    const escapedDescription = description
+      .replace(/\*/g, '\\*')
+      .replace(/_/g, '\\_')
+    const title = `# ${ruleId}\n\n> ${escapedDescription}`
     const notes = []
 
     if (meta.removedInVersion) {
diff --git a/tools/update-vue3-export-names.js b/tools/update-vue3-export-names.js
index 8a3de00ea..e86d77c93 100644
--- a/tools/update-vue3-export-names.js
+++ b/tools/update-vue3-export-names.js
@@ -24,7 +24,7 @@ async function main() {
     '../lib/utils/vue3-export-names.json'
   )
 
-  fs.writeFileSync(filePath, JSON.stringify([...names], null, 2))
+  fs.writeFileSync(filePath, `${JSON.stringify([...names], null, 2)}\n`)
 }
 
 async function* extractExportNames(m) {
diff --git a/tsconfig.json b/tsconfig.json
index fcfbc158a..b488a6b93 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,5 +23,10 @@
     },
     "skipLibCheck": true
   },
-  "include": ["lib/**/*", "typings/eslint-plugin-vue/global.d.ts", "docs/.vitepress/**/*.ts", "docs/.vitepress/**/*.mts"]
+  "include": [
+    "lib/**/*",
+    "typings/eslint-plugin-vue/global.d.ts",
+    "docs/.vitepress/**/*.ts",
+    "docs/.vitepress/**/*.mts"
+  ]
 }
diff --git a/typings/@eslint-community/eslint-utils/index.d.ts b/typings/@eslint-community/eslint-utils/index.d.ts
index 88d2cffbe..8c27bca3e 100644
--- a/typings/@eslint-community/eslint-utils/index.d.ts
+++ b/typings/@eslint-community/eslint-utils/index.d.ts
@@ -44,25 +44,19 @@ export class ReferenceTracker {
     }
   )
 
-  iterateGlobalReferences(
-    traceMap: TYPES.TraceMap
-  ): IterableIterator<{
+  iterateGlobalReferences(traceMap: TYPES.TraceMap): IterableIterator<{
     node: VAST.ESNode
     path: string[]
     type: symbol
     info: any
   }>
-  iterateCjsReferences(
-    traceMap: TYPES.TraceMap
-  ): IterableIterator<{
+  iterateCjsReferences(traceMap: TYPES.TraceMap): IterableIterator<{
     node: VAST.ESNode
     path: string[]
     type: symbol
     info: any
   }>
-  iterateEsmReferences(
-    traceMap: TYPES.TraceMap
-  ): IterableIterator<{
+  iterateEsmReferences(traceMap: TYPES.TraceMap): IterableIterator<{
     node: VAST.ESNode
     path: string[]
     type: symbol

From 1e12806b74139a7ad6bcc4dc43a168974709159c Mon Sep 17 00:00:00 2001
From: auvred <61150013+auvred@users.noreply.github.com>
Date: Thu, 22 Feb 2024 07:30:55 +0300
Subject: [PATCH 0714/1010] feat(valid-v-model): add support for type
 assertions and non-null expressions (#2393)

---
 lib/rules/valid-v-model.js                    |   4 +
 tests/lib/rules/valid-v-model.js              | 105 ++++++++++++++++++
 .../util-types/ast/ts-ast.ts                  |   6 +
 3 files changed, 115 insertions(+)

diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index 2378c86f2..d818439bd 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -49,6 +49,10 @@ function isOptionalChainingMemberExpression(node) {
  * @returns {boolean} `true` if the node can be LHS.
  */
 function isLhs(node) {
+  if (node.type === 'TSAsExpression' || node.type === 'TSNonNullExpression') {
+    return isLhs(node.expression)
+  }
+
   return node.type === 'Identifier' || node.type === 'MemberExpression'
 }
 
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 38b4ae175..02264e527 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -143,6 +143,51 @@ tester.run('valid-v-model', rule, {
     {
       filename: 'comment-value.vue',
       code: '<template><MyComponent v-model="/**/" /></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a as string"></MyComponent></template>',
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a!"></MyComponent></template>',
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a as unknown as string"></MyComponent></template>',
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a!!!!"></MyComponent></template>',
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="(((a!) as unknown)! as string)!"></MyComponent></template>',
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ],
   invalid: [
@@ -241,6 +286,66 @@ tester.run('valid-v-model', rule, {
       filename: 'test.vue',
       code: '<template><input v-model="(a?.b).c.d"></template>',
       errors: ["'v-model' directive has potential null object property access."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a() as string"></MyComponent></template>',
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a()!"></MyComponent></template>',
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a() as unknown as string"></MyComponent></template>',
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="a()!!!!"></MyComponent></template>',
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><MyComponent v-model="(((a()!) as unknown)! as string)!"></MyComponent></template>',
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ]
 })
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index e3c5f0faf..fec18e9e8 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -6,6 +6,7 @@ import * as ES from './es-ast'
 import { TSESTree } from '@typescript-eslint/types'
 export type TSNode =
   | TSAsExpression
+  | TSNonNullExpression
   | TSTypeParameterInstantiation
   | TSPropertySignature
   | TSMethodSignatureBase
@@ -20,6 +21,11 @@ export interface TSAsExpression extends HasParentNode {
   typeAnnotation: any
 }
 
+export interface TSNonNullExpression extends HasParentNode {
+  type: 'TSNonNullExpression'
+  expression: ES.Expression
+}
+
 export interface TSTypeParameterInstantiation extends HasParentNode {
   type: 'TSTypeParameterInstantiation'
   params: TypeNode[]

From 0fb68b348a3e400171fe0d17beea91eff9ca3016 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 22 Feb 2024 13:28:03 +0100
Subject: [PATCH 0715/1010] Update dependencies (#2403)

Co-authored-by: ota-meshi <otameshiyo23@gmail.com>
---
 eslint.config.js                        | 16 ++++----
 package.json                            | 50 ++++++++++++-------------
 tests/eslint-compat.js                  |  7 +++-
 tests/lib/configs/configs.js            |  1 +
 tests/lib/rules/block-order.js          |  1 +
 tests/lib/rules/comment-directive.js    |  2 +
 tests/lib/rules/component-tags-order.js |  1 +
 7 files changed, 42 insertions(+), 36 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index f640b6701..d6ab046ba 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -2,6 +2,9 @@
 
 const globals = require('globals')
 const { FlatCompat } = require('@eslint/eslintrc')
+const eslintPluginEslintPlugin = require('eslint-plugin-eslint-plugin/configs/all')
+const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended')
+const eslintPluginUnicorn = require('eslint-plugin-unicorn')
 
 const eslintrc = new FlatCompat({
   baseDirectory: __dirname
@@ -25,14 +28,13 @@ module.exports = [
       'docs/.vitepress/cache'
     ]
   },
-  ...eslintrc.plugins('eslint-plugin', 'prettier', 'unicorn'),
+  eslintPluginEslintPlugin,
+  eslintPluginUnicorn.configs['flat/recommended'],
   ...eslintrc.extends(
-    'plugin:eslint-plugin/all',
-    'prettier',
     'plugin:node-dependencies/recommended',
-    'plugin:jsonc/recommended-with-jsonc',
-    'plugin:unicorn/recommended'
+    'plugin:jsonc/recommended-with-jsonc'
   ),
+  eslintPluginPrettierRecommended,
   {
     plugins: {
       internal: {
@@ -203,10 +205,6 @@ module.exports = [
       ecmaVersion: 'latest',
       sourceType: 'module',
       parser: require('vue-eslint-parser')
-      // parserOptions: {
-      //   ecmaVersion: 'latest',
-      //   sourceType: 'module'
-      // }
     }
   },
   {
diff --git a/package.json b/package.json
index 329e025f4..f9c5449a7 100644
--- a/package.json
+++ b/package.json
@@ -57,41 +57,41 @@
     "@eslint-community/eslint-utils": "^4.4.0",
     "natural-compare": "^1.4.0",
     "nth-check": "^2.1.1",
-    "postcss-selector-parser": "^6.0.13",
-    "semver": "^7.5.4",
+    "postcss-selector-parser": "^6.0.15",
+    "semver": "^7.6.0",
     "vue-eslint-parser": "^9.4.2",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.2",
-    "@stylistic/eslint-plugin": "^1.4.1",
-    "@types/eslint": "^8.44.1",
+    "@stylistic/eslint-plugin": "^1.6.1",
+    "@types/eslint": "^8.56.2",
     "@types/eslint-visitor-keys": "^3.3.0",
-    "@types/natural-compare": "^1.4.1",
-    "@types/node": "^14.18.54",
-    "@types/semver": "^7.5.0",
-    "@types/xml-name-validator": "^4.0.1",
-    "@typescript-eslint/parser": "^6.2.0",
-    "@typescript-eslint/types": "^6.2.0",
-    "assert": "^2.0.0",
+    "@types/natural-compare": "^1.4.3",
+    "@types/node": "^14.18.63",
+    "@types/semver": "^7.5.7",
+    "@types/xml-name-validator": "^4.0.3",
+    "@typescript-eslint/parser": "^7.0.1",
+    "@typescript-eslint/types": "^7.0.1",
+    "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
-    "esbuild": "^0.18.17",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^8.9.0",
-    "eslint-plugin-eslint-plugin": "~5.1.1",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsonc": "^2.9.0",
-    "eslint-plugin-node-dependencies": ">=0.5.0 <1.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-unicorn": "^48.0.1",
+    "esbuild": "^0.20.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-eslint-plugin": "~5.3.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsonc": "^2.13.0",
+    "eslint-plugin-node-dependencies": "^0.11.2",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-unicorn": "^51.0.1",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.6.1",
     "events": "^3.3.0",
-    "markdownlint-cli": "^0.35.0",
-    "mocha": "^10.2.0",
+    "markdownlint-cli": "^0.39.0",
+    "mocha": "^10.3.0",
     "nyc": "^15.1.0",
-    "prettier": "^3.0.0",
-    "typescript": "^5.3.2",
-    "vitepress": "^1.0.0-rc.31"
+    "prettier": "^3.2.5",
+    "typescript": "^5.3.3",
+    "vitepress": "^1.0.0-rc.42"
   }
 }
diff --git a/tests/eslint-compat.js b/tests/eslint-compat.js
index d05bc12a4..fe77994ad 100644
--- a/tests/eslint-compat.js
+++ b/tests/eslint-compat.js
@@ -31,8 +31,11 @@ function getESLintClassForV8(BaseESLintClass = eslint.ESLint) {
   // eslint-disable-next-line unicorn/consistent-function-scoping
   function adjustOptions(options) {
     const newOptions = {
-      ...options,
-      useEslintrc: false
+      ...options
+    }
+    if (newOptions.overrideConfigFile === true) {
+      newOptions.useEslintrc = false
+      delete newOptions.overrideConfigFile
     }
     if (newOptions.overrideConfig) {
       newOptions.overrideConfig = { ...newOptions.overrideConfig }
diff --git a/tests/lib/configs/configs.js b/tests/lib/configs/configs.js
index e995ece4e..926fed42c 100644
--- a/tests/lib/configs/configs.js
+++ b/tests/lib/configs/configs.js
@@ -7,6 +7,7 @@ describe('configs', () => {
   for (const name of Object.keys(plugin.configs)) {
     const configName = `plugin:vue/${name}`
     const eslint = new ESLint({
+      overrideConfigFile: true,
       overrideConfig: {
         extends: [configName]
       },
diff --git a/tests/lib/rules/block-order.js b/tests/lib/rules/block-order.js
index 8a73527bc..8da11c5ac 100644
--- a/tests/lib/rules/block-order.js
+++ b/tests/lib/rules/block-order.js
@@ -10,6 +10,7 @@ const { ESLint } = require('../../eslint-compat')
 
 // Initialize linter.
 const eslint = new ESLint({
+  overrideConfigFile: true,
   overrideConfig: {
     files: ['**/*.vue'],
     languageOptions: {
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 868cc391b..4278afc99 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -10,6 +10,7 @@ const { ESLint } = require('../../eslint-compat')
 
 // Initialize linter.
 const eslint = new ESLint({
+  overrideConfigFile: true,
   overrideConfig: {
     files: ['*'],
     languageOptions: {
@@ -352,6 +353,7 @@ describe('comment-directive', () => {
 
   describe('reportUnusedDisableDirectives', () => {
     const eslint = new ESLint({
+      overrideConfigFile: true,
       overrideConfig: {
         files: ['**/*.vue'],
         languageOptions: {
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
index 92f14613b..8ba50eb74 100644
--- a/tests/lib/rules/component-tags-order.js
+++ b/tests/lib/rules/component-tags-order.js
@@ -10,6 +10,7 @@ const { ESLint } = require('../../eslint-compat')
 
 // Initialize linter.
 const eslint = new ESLint({
+  overrideConfigFile: true,
   overrideConfig: {
     files: ['**/*.vue'],
     languageOptions: {

From 8a781f0ca28a1dd415c7e5d10886816bf6d628a5 Mon Sep 17 00:00:00 2001
From: claneo <claneo@outlook.com>
Date: Fri, 23 Feb 2024 10:50:07 +0800
Subject: [PATCH 0716/1010] fix(no-useless-v-bind): remove spaces around string
 in fixes (#2408)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-useless-v-bind.js       |  4 +++-
 tests/lib/rules/no-useless-v-bind.js | 28 ++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-useless-v-bind.js b/lib/rules/no-useless-v-bind.js
index 34f0ad033..54584b389 100644
--- a/lib/rules/no-useless-v-bind.js
+++ b/lib/rules/no-useless-v-bind.js
@@ -132,14 +132,16 @@ module.exports = {
           let attrValue
           if (quoteChar === '"') {
             attrValue = strValue.replace(DOUBLE_QUOTES_RE, '&quot;')
+            attrValue = quoteChar + attrValue + quoteChar
           } else if (quoteChar === "'") {
             attrValue = strValue.replace(SINGLE_QUOTES_RE, '&apos;')
+            attrValue = quoteChar + attrValue + quoteChar
           } else {
             attrValue = strValue
               .replace(DOUBLE_QUOTES_RE, '&quot;')
               .replace(SINGLE_QUOTES_RE, '&apos;')
           }
-          yield fixer.replaceText(expression, attrValue)
+          yield fixer.replaceText(value, attrValue)
         }
       })
     }
diff --git a/tests/lib/rules/no-useless-v-bind.js b/tests/lib/rules/no-useless-v-bind.js
index 907125cc1..34a76d0df 100644
--- a/tests/lib/rules/no-useless-v-bind.js
+++ b/tests/lib/rules/no-useless-v-bind.js
@@ -136,6 +136,34 @@ tester.run('no-useless-v-bind', rule, {
         'Unexpected `v-bind` with a string literal value.',
         'Unexpected `v-bind` with a string literal value.'
       ]
+    },
+    {
+      code: `
+      <template>
+        <div :id="    'foo'    " />
+        <div :id='    "foo"    ' />
+        <div :id="   \`foo\`   " />
+        <div :id='   \`foo\`   ' />
+        <div :id="' \\'foo\\' '" />
+        <div :id='" \\"foo\\" "' />
+      </template>`,
+      output: `
+      <template>
+        <div id="foo" />
+        <div id='foo' />
+        <div id="foo" />
+        <div id='foo' />
+        <div id=" 'foo' " />
+        <div id=' "foo" ' />
+      </template>`,
+      errors: [
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.',
+        'Unexpected `v-bind` with a string literal value.'
+      ]
     }
   ]
 })

From 024742478ca726d6b649b5102379e1ed34e72889 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 23 Feb 2024 12:02:48 +0900
Subject: [PATCH 0717/1010] 9.22.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f9c5449a7..fcd691b0c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.21.1",
+  "version": "9.22.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 7c5e1eed6ed83508e5b7232c4f954e5b8deedb2a Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Tue, 27 Feb 2024 18:15:45 +0800
Subject: [PATCH 0718/1010] fix(v-bind-style): only change kebabCase to
 camelCase (#2410)

---
 lib/rules/v-bind-style.js       | 19 +++++++++++++------
 tests/lib/rules/v-bind-style.js | 21 +++++++++++++++++++++
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 847db33a2..637ded0ca 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -13,6 +13,14 @@ const casing = require('../utils/casing')
  * @typedef { VDirective & { key: VBindDirectiveKey } } VBindDirective
  */
 
+/**
+ * @param {string} name
+ * @returns {string}
+ */
+function kebabCaseToCamelCase(name) {
+  return casing.isKebabCase(name) ? casing.camelCase(name) : name
+}
+
 /**
  * @param {VBindDirective} node
  * @returns {boolean}
@@ -24,11 +32,10 @@ function isSameName(node) {
     node.value?.expression?.type === 'Identifier'
       ? node.value.expression.name
       : null
-  return Boolean(
-    attrName &&
-      valueName &&
-      casing.camelCase(attrName) === casing.camelCase(valueName)
-  )
+
+  if (!attrName || !valueName) return false
+
+  return kebabCaseToCamelCase(attrName) === kebabCaseToCamelCase(valueName)
 }
 
 /**
@@ -144,7 +151,7 @@ module.exports = {
           } else if (node.key.argument.type === 'VIdentifier') {
             yield fixer.insertTextAfter(
               node,
-              `="${casing.camelCase(node.key.argument.rawName)}"`
+              `="${kebabCaseToCamelCase(node.key.argument.rawName)}"`
             )
           }
         }
diff --git a/tests/lib/rules/v-bind-style.js b/tests/lib/rules/v-bind-style.js
index b678bf783..f65099530 100644
--- a/tests/lib/rules/v-bind-style.js
+++ b/tests/lib/rules/v-bind-style.js
@@ -124,6 +124,12 @@ tester.run('v-bind-style', rule, {
       filename: 'test.vue',
       code: '<template><div :foo-bar/></template>',
       options: ['shorthand', { sameNameShorthand: 'always' }]
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2409
+      filename: 'test.vue',
+      code: '<template><div :foo-bar="foo_bar" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }]
     }
   ],
   invalid: [
@@ -235,6 +241,14 @@ tester.run('v-bind-style', rule, {
       options: ['shorthand', { sameNameShorthand: 'never' }],
       errors: [unexpectedShorthand]
     },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2409
+      filename: 'test.vue',
+      code: '<template><div :foo_bar /></template>',
+      output: '<template><div :foo_bar="foo_bar" /></template>',
+      options: ['shorthand', { sameNameShorthand: 'never' }],
+      errors: [unexpectedShorthand]
+    },
     // same-name shorthand: always
     {
       filename: 'test.vue',
@@ -243,6 +257,13 @@ tester.run('v-bind-style', rule, {
       options: ['shorthand', { sameNameShorthand: 'always' }],
       errors: [expectedShorthand]
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo_bar="foo_bar" /></template>',
+      output: '<template><div :foo_bar /></template>',
+      options: ['shorthand', { sameNameShorthand: 'always' }],
+      errors: [expectedShorthand]
+    },
     {
       filename: 'test.vue',
       code: '<template><div v-bind:foo="foo" /></template>',

From bdddc982f3d0b58e0c052477a52a8fe0e8868895 Mon Sep 17 00:00:00 2001
From: travis5491811 <41482601+travis5491811@users.noreply.github.com>
Date: Tue, 27 Feb 2024 10:38:08 -0500
Subject: [PATCH 0719/1010] Remove dead link from docs (#2411)

---
 docs/rules/no-v-html.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 4da1f47b4..b4cdd7e43 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -38,10 +38,6 @@ Nothing.
 
 If you are certain the content passed to `v-html` is sanitized HTML you can disable this rule.
 
-## :books: Further Reading
-
-- [XSS in Vue.js](https://blog.sqreen.io/xss-in-vue-js/)
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v4.7.0

From 02e6bbfcc28fef81ffbaca89d79e05596e72ffcb Mon Sep 17 00:00:00 2001
From: krupp <44751363+zzfn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 22:19:52 +0800
Subject: [PATCH 0720/1010] Update links to GitHub repos with changed main
 branch name (#2412)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/user-guide/index.md                            | 2 +-
 typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts | 4 ++--
 typings/eslint-plugin-vue/util-types/ast/ts-ast.ts  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index aef963919..8acad1f54 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -318,7 +318,7 @@ If you are using JSX, you need to enable JSX in your ESLint configuration.
 See also [ESLint - Specifying Parser Options](https://eslint.org/docs/user-guide/configuring#specifying-parser-options).
 
 The same configuration is required when using JSX with TypeScript (TSX) in the `.vue` file.  
-See also [here](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/parser/README.md#parseroptionsecmafeaturesjsx).  
+See also [here](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/README.md#parseroptionsecmafeaturesjsx).  
 Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`) when using `jsx: true`.
 
 ### Trouble with Visual Studio Code
diff --git a/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts b/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts
index 4f1b04af0..fc59d81f9 100644
--- a/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/jsx-ast.ts
@@ -1,6 +1,6 @@
 /**
- * @see https://github.com/facebook/jsx/blob/master/AST.md
- * @see https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/typescript-estree/src/ts-estree/ts-estree.ts
+ * @see https://github.com/facebook/jsx/blob/main/AST.md
+ * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-estree/src/ts-estree/ts-estree.ts
  */
 import { HasParentNode } from '../node'
 import * as ES from './es-ast'
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index fec18e9e8..1e1844632 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -1,5 +1,5 @@
 /**
- * @see https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/typescript-estree/src/ts-estree/ts-estree.ts
+ * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-estree/src/ts-estree/ts-estree.ts
  */
 import { HasParentNode } from '../node'
 import * as ES from './es-ast'

From 8e8e1e8eede768ce7d7772b888de3d039ceb6e68 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Tue, 5 Mar 2024 15:17:57 +0800
Subject: [PATCH 0721/1010] perf: remove unnecessary second filter for type
 narrowing (#2417)

---
 lib/rules/enforce-style-attribute.js | 6 +++---
 lib/rules/require-explicit-slots.js  | 7 ++++---
 lib/utils/index.js                   | 7 ++++---
 lib/utils/selector.js                | 7 ++++---
 lib/utils/style-variables/index.js   | 7 ++++---
 5 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/lib/rules/enforce-style-attribute.js b/lib/rules/enforce-style-attribute.js
index 9710a1315..f089a3729 100644
--- a/lib/rules/enforce-style-attribute.js
+++ b/lib/rules/enforce-style-attribute.js
@@ -92,9 +92,9 @@ module.exports = {
       return {}
     }
 
-    const topLevelElements = documentFragment.children.filter(isVElement)
-    const topLevelStyleTags = topLevelElements.filter(
-      (element) => element.rawName === 'style'
+    const topLevelStyleTags = documentFragment.children.filter(
+      /** @returns {element is VElement} */
+      (element) => isVElement(element) && element.rawName === 'style'
     )
 
     if (topLevelStyleTags.length === 0) {
diff --git a/lib/rules/require-explicit-slots.js b/lib/rules/require-explicit-slots.js
index aab09c494..0ae77b597 100644
--- a/lib/rules/require-explicit-slots.js
+++ b/lib/rules/require-explicit-slots.js
@@ -59,9 +59,10 @@ module.exports = {
     if (!documentFragment) {
       return {}
     }
-    const scripts = documentFragment.children
-      .filter(utils.isVElement)
-      .filter((element) => element.name === 'script')
+    const scripts = documentFragment.children.filter(
+      /** @returns {element is VElement} */
+      (element) => utils.isVElement(element) && element.name === 'script'
+    )
     if (scripts.every((script) => !utils.hasAttribute(script, 'lang', 'ts'))) {
       return {}
     }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index d43541888..6773611cb 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -2643,9 +2643,10 @@ function getScriptSetupElement(context) {
   if (!df) {
     return null
   }
-  const scripts = df.children
-    .filter(isVElement)
-    .filter((e) => e.name === 'script')
+  const scripts = df.children.filter(
+    /** @returns {e is VElement} */
+    (e) => isVElement(e) && e.name === 'script'
+  )
   if (scripts.length === 2) {
     return scripts.find((e) => hasAttribute(e, 'setup')) || null
   } else {
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
index 67960d59a..7b1f15c3f 100644
--- a/lib/utils/selector.js
+++ b/lib/utils/selector.js
@@ -580,9 +580,10 @@ function buildPseudoNthVElementMatcher(testIndex) {
  */
 function buildPseudoNthOfTypeVElementMatcher(testIndex) {
   return (element) => {
-    const elements = element.parent.children
-      .filter(isVElement)
-      .filter((e) => e.rawName === element.rawName)
+    const elements = element.parent.children.filter(
+      /** @returns {e is VElement} */
+      (e) => isVElement(e) && e.rawName === element.rawName
+    )
     return testIndex(elements.indexOf(element), elements.length)
   }
 }
diff --git a/lib/utils/style-variables/index.js b/lib/utils/style-variables/index.js
index 66f224306..651d06ebc 100644
--- a/lib/utils/style-variables/index.js
+++ b/lib/utils/style-variables/index.js
@@ -47,9 +47,10 @@ function getStyleVariablesContext(context) {
   if (!df) {
     return null
   }
-  const styles = df.children
-    .filter(isVElement)
-    .filter((e) => e.name === 'style')
+  const styles = df.children.filter(
+    /** @returns {e is VElement} */
+    (e) => isVElement(e) && e.name === 'style'
+  )
   if (styles.length === 0) {
     return null
   }

From 7c71c48f1c3818bb765021285d76afbd24a5b552 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Sat, 9 Mar 2024 11:51:48 +0800
Subject: [PATCH 0722/1010] fix(v-for-delimiter-style): ignore Punctuator token
 (#2416)

---
 lib/rules/v-for-delimiter-style.js       |  2 +-
 tests/lib/rules/v-for-delimiter-style.js | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index 3a4944803..f59a43826 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -42,7 +42,7 @@ module.exports = {
             node.left.length > 0
               ? node.left[node.left.length - 1]
               : tokenStore.getFirstToken(node),
-            (token) => token.type !== 'Punctuator' || token.value !== ')'
+            (token) => token.type !== 'Punctuator'
           )
         )
 
diff --git a/tests/lib/rules/v-for-delimiter-style.js b/tests/lib/rules/v-for-delimiter-style.js
index 350fded17..ebec2df56 100644
--- a/tests/lib/rules/v-for-delimiter-style.js
+++ b/tests/lib/rules/v-for-delimiter-style.js
@@ -35,6 +35,19 @@ tester.run('v-for-delimiter-style', rule, {
       filename: 'test.vue',
       code: '<template><div v-for="x    in    xs"></div></template>'
     },
+    {
+      // https://github.com/vuejs/vue-eslint-parser/issues/226
+      filename: 'test.vue',
+      code: '<template><div v-for="(x,) in xs"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="(value, key, index) in xs"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="{ x, y } in xs"></div></template>'
+    },
     {
       filename: 'test.vue',
       code: '<template><div v-for="x in xs"></div></template>',
@@ -58,6 +71,17 @@ tester.run('v-for-delimiter-style', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-for="(x, index) of xs"></div></template>',
+      output: '<template><div v-for="(x, index) in xs"></div></template>',
+      errors: [
+        {
+          message: "Expected 'in' instead of 'of' in 'v-for'.",
+          column: 23
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: '<template><div v-for="x    of xs"></div></template>',

From 3abc04cd8cfd101f1f216a9a4c8a346a15d6c18c Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 12 Mar 2024 00:23:04 +0100
Subject: [PATCH 0723/1010] feat: support Vue APIs from auto imports (#2422)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/user-guide/index.md                      | 42 ++++++++++++++++
 lib/rules/no-async-in-computed-properties.js  |  7 +--
 lib/rules/no-lifecycle-after-await.js         | 15 +++---
 .../no-side-effects-in-computed-properties.js |  8 ++--
 lib/rules/no-watch-after-await.js             | 20 ++++----
 lib/rules/return-in-computed-property.js      | 10 ++--
 lib/utils/index.js                            | 33 +++++++++++--
 lib/utils/property-references.js              | 28 +++++------
 lib/utils/ref-object-references.js            |  6 +--
 tests/lib/rules/no-ref-as-operand.js          | 48 +++++++++++++++++++
 10 files changed, 160 insertions(+), 57 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 8acad1f54..1567d6e60 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -1,3 +1,7 @@
+---
+outline: deep
+---
+
 # User Guide
 
 ## :cd: Installation
@@ -386,3 +390,41 @@ Try searching for existing issues.
 If it does not exist, you should open a new issue and share your repository to reproduce the issue.
 
 [vue-eslint-parser]: https://github.com/vuejs/vue-eslint-parser
+
+### Auto Imports Support
+
+In [Nuxt 3](https://nuxt.com/) or with [`unplugin-auto-import`](https://github.com/unplugin/unplugin-auto-import), Vue APIs can be auto imported. To make rules like [`vue/no-ref-as-operand`](/rules/no-ref-as-operand.html) or [`vue/no-watch-after-await`](/rules/no-watch-after-await.html) work correctly with them, you can specify them in ESLint's [`globals`](https://eslint.org/docs/latest/use/configure/configuration-files-new#configuring-global-variables) options:
+
+::: code-group
+
+```json [Legacy Config]
+// .eslintrc
+{
+  "globals": {
+    "ref": "readonly",
+    "computed": "readonly",
+    "watch": "readonly",
+    "watchEffect": "readonly",
+    // ...more APIs
+  }
+}
+```
+
+```js [Flat Config]
+// eslint.config.js
+export default [
+  {
+    languageOptions: {
+      globals: {
+        ref: 'readonly',
+        computed: 'readonly',
+        watch: 'readonly',
+        watchEffect: 'readonly',
+        // ...more APIs
+      }
+    }
+  }
+]
+```
+
+:::
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index 6ee4373f1..afe9cd350 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -263,14 +263,11 @@ module.exports = {
         /** @param {Program} program */
         Program(program) {
           const tracker = new ReferenceTracker(utils.getScope(context, program))
-          const traceMap = utils.createCompositionApiTraceMap({
-            [ReferenceTracker.ESM]: true,
+          for (const { node } of utils.iterateReferencesTraceMap(tracker, {
             computed: {
               [ReferenceTracker.CALL]: true
             }
-          })
-
-          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+          })) {
             if (node.type !== 'CallExpression') {
               continue
             }
diff --git a/lib/rules/no-lifecycle-after-await.js b/lib/rules/no-lifecycle-after-await.js
index 21416f893..c695ae420 100644
--- a/lib/rules/no-lifecycle-after-await.js
+++ b/lib/rules/no-lifecycle-after-await.js
@@ -63,19 +63,18 @@ module.exports = {
         /** @param {Program} program */
         Program(program) {
           const tracker = new ReferenceTracker(utils.getScope(context, program))
-          const traceMap = {
-            /** @type {TraceMap} */
-            vue: {
-              [ReferenceTracker.ESM]: true
-            }
-          }
+          /** @type {TraceMap} */
+          const traceMap = {}
           for (const lifecycleHook of LIFECYCLE_HOOKS) {
-            traceMap.vue[lifecycleHook] = {
+            traceMap[lifecycleHook] = {
               [ReferenceTracker.CALL]: true
             }
           }
 
-          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+          for (const { node } of utils.iterateReferencesTraceMap(
+            tracker,
+            traceMap
+          )) {
             lifecycleHookCallNodes.add(node)
           }
         }
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index 76127c37f..b0fbfc3d9 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -183,14 +183,12 @@ module.exports = {
         /** @param {Program} program */
         Program(program) {
           const tracker = new ReferenceTracker(utils.getScope(context, program))
-          const traceMap = utils.createCompositionApiTraceMap({
-            [ReferenceTracker.ESM]: true,
+
+          for (const { node } of utils.iterateReferencesTraceMap(tracker, {
             computed: {
               [ReferenceTracker.CALL]: true
             }
-          })
-
-          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+          })) {
             if (node.type !== 'CallExpression') {
               continue
             }
diff --git a/lib/rules/no-watch-after-await.js b/lib/rules/no-watch-after-await.js
index cbe1772bd..7c4e852f2 100644
--- a/lib/rules/no-watch-after-await.js
+++ b/lib/rules/no-watch-after-await.js
@@ -78,19 +78,15 @@ module.exports = {
         /** @param {Program} program */
         Program(program) {
           const tracker = new ReferenceTracker(utils.getScope(context, program))
-          const traceMap = {
-            vue: {
-              [ReferenceTracker.ESM]: true,
-              watch: {
-                [ReferenceTracker.CALL]: true
-              },
-              watchEffect: {
-                [ReferenceTracker.CALL]: true
-              }
-            }
-          }
 
-          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+          for (const { node } of utils.iterateReferencesTraceMap(tracker, {
+            watch: {
+              [ReferenceTracker.CALL]: true
+            },
+            watchEffect: {
+              [ReferenceTracker.CALL]: true
+            }
+          })) {
             watchCallNodes.add(node)
           }
         }
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 54d2553a1..74fff9d1f 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -57,14 +57,16 @@ module.exports = {
         /** @param {Program} program */
         Program(program) {
           const tracker = new ReferenceTracker(utils.getScope(context, program))
-          const traceMap = utils.createCompositionApiTraceMap({
-            [ReferenceTracker.ESM]: true,
+          const map = {
             computed: {
               [ReferenceTracker.CALL]: true
             }
-          })
+          }
 
-          for (const { node } of tracker.iterateEsmReferences(traceMap)) {
+          for (const { node } of utils.iterateReferencesTraceMap(
+            tracker,
+            map
+          )) {
             if (node.type !== 'CallExpression') {
               continue
             }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 6773611cb..f16bcef2c 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -62,7 +62,10 @@ const VUE_BUILTIN_ELEMENT_NAMES = new Set(require('./vue-builtin-elements'))
 const path = require('path')
 const vueEslintParser = require('vue-eslint-parser')
 const { traverseNodes, getFallbackKeys, NS } = vueEslintParser.AST
-const { findVariable } = require('@eslint-community/eslint-utils')
+const {
+  findVariable,
+  ReferenceTracker
+} = require('@eslint-community/eslint-utils')
 const {
   getComponentPropsFromTypeDefine,
   getComponentEmitsFromTypeDefine,
@@ -2104,14 +2107,38 @@ module.exports = {
   iterateWatchHandlerValues,
 
   /**
-   * Wraps composition API trace map in both 'vue' and '@vue/composition-api' imports
+   * Wraps composition API trace map in both 'vue' and '@vue/composition-api' imports, or '#imports' from unimport
    * @param {import('@eslint-community/eslint-utils').TYPES.TraceMap} map
    */
   createCompositionApiTraceMap: (map) => ({
     vue: map,
-    '@vue/composition-api': map
+    '@vue/composition-api': map,
+    '#imports': map
   }),
 
+  /**
+   * Iterates all references in the given trace map.
+   * Take the third argument option to detect auto-imported references.
+   *
+   * @param {import('@eslint-community/eslint-utils').ReferenceTracker} tracker
+   * @param {import('@eslint-community/eslint-utils').TYPES.TraceMap} map
+   * @returns {ReturnType<import('@eslint-community/eslint-utils').ReferenceTracker['iterateEsmReferences']>}
+   */
+  *iterateReferencesTraceMap(tracker, map) {
+    const esmTraceMap = this.createCompositionApiTraceMap({
+      ...map,
+      [ReferenceTracker.ESM]: true
+    })
+
+    for (const ref of tracker.iterateEsmReferences(esmTraceMap)) {
+      yield ref
+    }
+
+    for (const ref of tracker.iterateGlobalReferences(map)) {
+      yield ref
+    }
+  },
+
   /**
    * Checks whether or not the tokens of two given nodes are same.
    * @param {ASTNode} left A node 1 to compare.
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 1ed26640f..57fe59975 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -119,25 +119,21 @@ function definePropertyReferenceExtractor(
       context.getSourceCode().scopeManager.scopes[0]
     )
     const toRefNodes = new Set()
-    for (const { node } of tracker.iterateEsmReferences(
-      utils.createCompositionApiTraceMap({
-        [eslintUtils.ReferenceTracker.ESM]: true,
-        toRef: {
-          [eslintUtils.ReferenceTracker.CALL]: true
-        }
-      })
-    )) {
+    for (const { node } of utils.iterateReferencesTraceMap(tracker, {
+      [eslintUtils.ReferenceTracker.ESM]: true,
+      toRef: {
+        [eslintUtils.ReferenceTracker.CALL]: true
+      }
+    })) {
       toRefNodes.add(node)
     }
     const toRefsNodes = new Set()
-    for (const { node } of tracker.iterateEsmReferences(
-      utils.createCompositionApiTraceMap({
-        [eslintUtils.ReferenceTracker.ESM]: true,
-        toRefs: {
-          [eslintUtils.ReferenceTracker.CALL]: true
-        }
-      })
-    )) {
+    for (const { node } of utils.iterateReferencesTraceMap(tracker, {
+      [eslintUtils.ReferenceTracker.ESM]: true,
+      toRefs: {
+        [eslintUtils.ReferenceTracker.CALL]: true
+      }
+    })) {
       toRefsNodes.add(node)
     }
 
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index 538fbb08f..fe6f26117 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -82,8 +82,7 @@ const cacheForReactiveVariableReferences = new WeakMap()
  */
 function* iterateDefineRefs(globalScope) {
   const tracker = new ReferenceTracker(globalScope)
-  const traceMap = utils.createCompositionApiTraceMap({
-    [ReferenceTracker.ESM]: true,
+  for (const { node, path } of utils.iterateReferencesTraceMap(tracker, {
     ref: {
       [ReferenceTracker.CALL]: true
     },
@@ -102,8 +101,7 @@ function* iterateDefineRefs(globalScope) {
     toRefs: {
       [ReferenceTracker.CALL]: true
     }
-  })
-  for (const { node, path } of tracker.iterateEsmReferences(traceMap)) {
+  })) {
     const expr = /** @type {CallExpression} */ (node)
     yield {
       node: expr,
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index f08a9e1c2..62e29275c 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -822,6 +822,54 @@ tester.run('no-ref-as-operand', rule, {
           line: 9
         }
       ]
+    },
+    // Auto-import
+    {
+      code: `
+      let count = ref(0)
+
+      count++ // error
+      console.log(count + 1) // error
+      console.log(1 + count) // error
+      `,
+      output: `
+      let count = ref(0)
+
+      count.value++ // error
+      console.log(count.value + 1) // error
+      console.log(1 + count.value) // error
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 4,
+          column: 7,
+          endLine: 4,
+          endColumn: 12
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 5,
+          column: 19,
+          endLine: 5,
+          endColumn: 24
+        },
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 6,
+          column: 23,
+          endLine: 6,
+          endColumn: 28
+        }
+      ],
+      languageOptions: {
+        globals: {
+          ref: 'readonly'
+        }
+      }
     }
   ]
 })

From e2dc84bf347ec7d905f3f317fb23bc3d3c86bd03 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Tue, 12 Mar 2024 07:24:13 +0800
Subject: [PATCH 0724/1010] feat(order-in-components): add side effects
 suggestions (#2423)

---
 docs/rules/index.md                    |   2 +-
 docs/rules/order-in-components.md      |   1 +
 lib/rules/order-in-components.js       |  97 ++++++----
 tests/lib/rules/order-in-components.js | 248 +++++++++++++++++++++++--
 4 files changed, 295 insertions(+), 53 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 8d1b7f366..ad3d06906 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -181,7 +181,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  | :three::two::warning: |
 | [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  | :three::two::warning: |
 | [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
-| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench: | :three::two::hammer: |
+| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench::bulb: | :three::two::hammer: |
 | [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: | :three::two::hammer: |
 
 </rules-table>
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index bd361edfc..c23ca80f4 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -12,6 +12,7 @@ since: v3.2.0
 
 - :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
 
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 57247e0c2..06ff78e46 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -218,6 +218,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/order-in-components.html'
     },
     fixable: 'code', // null or "code" or "whitespace"
+    hasSuggestions: true,
     schema: [
       {
         type: 'object',
@@ -231,7 +232,9 @@ module.exports = {
     ],
     messages: {
       order:
-        'The "{{name}}" property should be above the "{{firstUnorderedPropertyName}}" property on line {{line}}.'
+        'The "{{name}}" property should be above the "{{firstUnorderedPropertyName}}" property on line {{line}}.',
+      reorderWithSideEffects:
+        'Manually move "{{name}}" property above "{{firstUnorderedPropertyName}}" property on line {{line}} (might break side effects).'
     }
   },
   /** @param {RuleContext} context */
@@ -255,6 +258,30 @@ module.exports = {
       return num == null ? -1 : num
     }
 
+    /**
+     * @param {Property} propertyNode
+     * @param {Property} unorderedPropertyNode
+     */
+    function* handleFix(fixer, propertyNode, unorderedPropertyNode) {
+      const afterComma = sourceCode.getTokenAfter(propertyNode)
+      const hasAfterComma = isComma(afterComma)
+
+      const beforeComma = sourceCode.getTokenBefore(propertyNode)
+      const codeStart = beforeComma.range[1] // to include comments
+      const codeEnd = hasAfterComma
+        ? afterComma.range[1]
+        : propertyNode.range[1]
+
+      const removeStart = hasAfterComma ? codeStart : beforeComma.range[0]
+      yield fixer.removeRange([removeStart, codeEnd])
+
+      const propertyCode =
+        sourceCode.text.slice(codeStart, codeEnd) + (hasAfterComma ? '' : ',')
+      const insertTarget = sourceCode.getTokenBefore(unorderedPropertyNode)
+
+      yield fixer.insertTextAfter(insertTarget, propertyCode)
+    }
+
     /**
      * @param {(Property | SpreadElement)[]} propertiesNodes
      */
@@ -287,6 +314,18 @@ module.exports = {
 
         if (firstUnorderedProperty) {
           const line = firstUnorderedProperty.node.loc.start.line
+          const propertyNode = property.node
+          const firstUnorderedPropertyNode = firstUnorderedProperty.node
+          const hasSideEffectsPossibility = propertiesNodes
+            .slice(
+              propertiesNodes.indexOf(firstUnorderedPropertyNode),
+              propertiesNodes.indexOf(propertyNode) + 1
+            )
+            .some(
+              (property) =>
+                !isNotSideEffectsNode(property, sourceCode.visitorKeys)
+            )
+
           context.report({
             node: property.node,
             messageId: 'order',
@@ -295,44 +334,24 @@ module.exports = {
               firstUnorderedPropertyName: firstUnorderedProperty.name,
               line
             },
-            *fix(fixer) {
-              const propertyNode = property.node
-              const firstUnorderedPropertyNode = firstUnorderedProperty.node
-              const hasSideEffectsPossibility = propertiesNodes
-                .slice(
-                  propertiesNodes.indexOf(firstUnorderedPropertyNode),
-                  propertiesNodes.indexOf(propertyNode) + 1
-                )
-                .some(
-                  (property) =>
-                    !isNotSideEffectsNode(property, sourceCode.visitorKeys)
-                )
-              if (hasSideEffectsPossibility) {
-                return
-              }
-              const afterComma = sourceCode.getTokenAfter(propertyNode)
-              const hasAfterComma = isComma(afterComma)
-
-              const beforeComma = sourceCode.getTokenBefore(propertyNode)
-              const codeStart = beforeComma.range[1] // to include comments
-              const codeEnd = hasAfterComma
-                ? afterComma.range[1]
-                : propertyNode.range[1]
-
-              const removeStart = hasAfterComma
-                ? codeStart
-                : beforeComma.range[0]
-              yield fixer.removeRange([removeStart, codeEnd])
-
-              const propertyCode =
-                sourceCode.text.slice(codeStart, codeEnd) +
-                (hasAfterComma ? '' : ',')
-              const insertTarget = sourceCode.getTokenBefore(
-                firstUnorderedPropertyNode
-              )
-
-              yield fixer.insertTextAfter(insertTarget, propertyCode)
-            }
+            fix: hasSideEffectsPossibility
+              ? undefined
+              : (fixer) =>
+                  handleFix(fixer, propertyNode, firstUnorderedPropertyNode),
+            suggest: hasSideEffectsPossibility
+              ? [
+                  {
+                    messageId: 'reorderWithSideEffects',
+                    data: {
+                      name: property.name,
+                      firstUnorderedPropertyName: firstUnorderedProperty.name,
+                      line
+                    },
+                    fix: (fixer) =>
+                      handleFix(fixer, propertyNode, firstUnorderedPropertyNode)
+                  }
+                ]
+              : undefined
           })
         }
       }
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 25010f483..6ddba308d 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -104,6 +104,23 @@ ruleTester.run('order-in-components', rule, {
       `,
       languageOptions
     },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          name: 'app',
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          computed: {
+            ...mapStates(['foo'])
+          },
+        }
+      `,
+      languageOptions
+    },
     {
       filename: 'test.js',
       code: `
@@ -591,7 +608,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: obj.fn(),
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -612,7 +642,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: new MyClass(),
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -633,7 +676,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: i++,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -654,7 +710,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: i = 0,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -675,7 +744,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: template\`\${foo}\`,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -696,7 +778,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          [obj.fn()]: 'test',
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -717,7 +812,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: {test: obj.fn()},
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -738,7 +846,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: [obj.fn(), 1],
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -759,7 +880,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: obj.fn().prop,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -780,7 +914,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: delete obj.prop,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -801,7 +948,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: fn() + a + b,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -822,7 +982,20 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: a ? fn() : null,
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions
@@ -843,7 +1016,56 @@ ruleTester.run('order-in-components', rule, {
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
-          line: 6
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "name" property above "data" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          name: 'burger',
+          data() {
+          },
+          test: \`test \${fn()} \${a}\`,
+        };
+      `
+            }
+          ]
+        }
+      ],
+      languageOptions
+    },
+    {
+      // side-effects https://github.com/vuejs/eslint-plugin-vue/issues/2418
+      filename: 'example.vue',
+      code: `
+        export default {
+          computed: {
+            ...mapStates(['foo'])
+          },
+          data() {
+          },
+        };
+      `,
+      output: null,
+      errors: [
+        {
+          message:
+            'The "data" property should be above the "computed" property on line 3.',
+          line: 6,
+          suggestions: [
+            {
+              desc: 'Manually move "data" property above "computed" property on line 3 (might break side effects).',
+              output: `
+        export default {
+          data() {
+          },
+          computed: {
+            ...mapStates(['foo'])
+          },
+        };
+      `
+            }
+          ]
         }
       ],
       languageOptions

From f84b8ee5b9e3b54a09209faff744ef2849a6cc3e Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 12 Mar 2024 08:36:03 +0900
Subject: [PATCH 0725/1010] 9.23.0

---
 lib/utils/vue3-export-names.json | 1 +
 package.json                     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 3b734e881..df8e5d9c6 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -140,6 +140,7 @@
   "hasInjectionContext",
   "PublicProps",
   "DefineComponent",
+  "DefineSetupFnComponent",
   "defineComponent",
   "App",
   "OptionMergeFunction",
diff --git a/package.json b/package.json
index fcd691b0c..e1be4ea28 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.22.0",
+  "version": "9.23.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From b22bd8b21c2652c8e087ca112c196428519b8d90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=AF=E7=84=B6?= <weiran.zsd@outlook.com>
Date: Mon, 25 Mar 2024 08:33:03 +0800
Subject: [PATCH 0726/1010] feat: support flat configs (#2407)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/configs/flat/base.js                      |  17 +++
 lib/configs/flat/vue2-essential.js            |  76 +++++++++++++
 lib/configs/flat/vue2-recommended.js          |  20 ++++
 lib/configs/flat/vue2-strongly-recommended.js |  36 +++++++
 lib/configs/flat/vue3-essential.js            |  93 ++++++++++++++++
 lib/configs/flat/vue3-recommended.js          |  20 ++++
 lib/configs/flat/vue3-strongly-recommended.js |  44 ++++++++
 .../{essential.js => vue2-essential.js}       |   0
 .../{recommended.js => vue2-recommended.js}   |   2 +-
 ...mended.js => vue2-strongly-recommended.js} |   2 +-
 lib/index.js                                  |  63 +++++++++--
 lib/rules/attribute-hyphenation.js            |   2 +-
 lib/rules/attributes-order.js                 |   2 +-
 lib/rules/component-definition-name-casing.js |   2 +-
 lib/rules/component-tags-order.js             |   2 +-
 lib/rules/first-attribute-linebreak.js        |   2 +-
 lib/rules/html-closing-bracket-newline.js     |   2 +-
 lib/rules/html-closing-bracket-spacing.js     |   2 +-
 lib/rules/html-end-tags.js                    |   2 +-
 lib/rules/html-indent.js                      |   2 +-
 lib/rules/html-quotes.js                      |   2 +-
 lib/rules/html-self-closing.js                |   2 +-
 lib/rules/max-attributes-per-line.js          |   2 +-
 lib/rules/multi-word-component-names.js       |   2 +-
 .../multiline-html-element-content-newline.js |   2 +-
 lib/rules/mustache-interpolation-spacing.js   |   2 +-
 lib/rules/no-arrow-functions-in-watch.js      |   2 +-
 lib/rules/no-async-in-computed-properties.js  |   2 +-
 lib/rules/no-child-content.js                 |   2 +-
 lib/rules/no-computed-properties-in-data.js   |   2 +-
 lib/rules/no-custom-modifiers-on-v-model.js   |   2 +-
 lib/rules/no-dupe-keys.js                     |   2 +-
 lib/rules/no-dupe-v-else-if.js                |   2 +-
 lib/rules/no-duplicate-attributes.js          |   2 +-
 lib/rules/no-export-in-script-setup.js        |   2 +-
 lib/rules/no-lone-template.js                 |   2 +-
 lib/rules/no-multi-spaces.js                  |   2 +-
 lib/rules/no-multiple-slot-args.js            |   2 +-
 lib/rules/no-multiple-template-root.js        |   2 +-
 lib/rules/no-mutating-props.js                |   2 +-
 lib/rules/no-parsing-error.js                 |   2 +-
 lib/rules/no-ref-as-operand.js                |   2 +-
 lib/rules/no-reserved-component-names.js      |   2 +-
 lib/rules/no-reserved-keys.js                 |   2 +-
 lib/rules/no-reserved-props.js                |   2 +-
 lib/rules/no-shared-component-data.js         |   2 +-
 .../no-side-effects-in-computed-properties.js |   2 +-
 ...-spaces-around-equal-signs-in-attribute.js |   2 +-
 lib/rules/no-template-key.js                  |   2 +-
 lib/rules/no-template-shadow.js               |   2 +-
 lib/rules/no-textarea-mustache.js             |   2 +-
 lib/rules/no-unused-components.js             |   2 +-
 lib/rules/no-unused-vars.js                   |   2 +-
 .../no-use-computed-property-like-method.js   |   2 +-
 lib/rules/no-use-v-if-with-v-for.js           |   2 +-
 lib/rules/no-useless-template-attributes.js   |   2 +-
 lib/rules/no-v-for-template-key.js            |   2 +-
 lib/rules/no-v-html.js                        |   2 +-
 lib/rules/no-v-model-argument.js              |   2 +-
 lib/rules/no-v-text-v-html-on-component.js    |   2 +-
 lib/rules/one-component-per-file.js           |   2 +-
 lib/rules/order-in-components.js              |   2 +-
 lib/rules/prop-name-casing.js                 |   2 +-
 lib/rules/require-component-is.js             |   2 +-
 lib/rules/require-default-prop.js             |   2 +-
 lib/rules/require-prop-type-constructor.js    |   2 +-
 lib/rules/require-prop-types.js               |   2 +-
 lib/rules/require-render-return.js            |   2 +-
 lib/rules/require-v-for-key.js                |   2 +-
 lib/rules/require-valid-default-prop.js       |   2 +-
 lib/rules/return-in-computed-property.js      |   2 +-
 lib/rules/return-in-emits-validator.js        |   2 +-
 ...singleline-html-element-content-newline.js |   2 +-
 lib/rules/this-in-template.js                 |   2 +-
 lib/rules/use-v-on-exact.js                   |   2 +-
 lib/rules/v-bind-style.js                     |   2 +-
 lib/rules/v-on-style.js                       |   2 +-
 lib/rules/v-slot-style.js                     |   2 +-
 lib/rules/valid-attribute-name.js             |   2 +-
 lib/rules/valid-define-emits.js               |   2 +-
 lib/rules/valid-define-options.js             |   2 +-
 lib/rules/valid-define-props.js               |   2 +-
 lib/rules/valid-model-definition.js           |   2 +-
 lib/rules/valid-next-tick.js                  |   2 +-
 lib/rules/valid-template-root.js              |   2 +-
 lib/rules/valid-v-bind-sync.js                |   2 +-
 lib/rules/valid-v-bind.js                     |   2 +-
 lib/rules/valid-v-cloak.js                    |   2 +-
 lib/rules/valid-v-else-if.js                  |   2 +-
 lib/rules/valid-v-else.js                     |   2 +-
 lib/rules/valid-v-for.js                      |   2 +-
 lib/rules/valid-v-html.js                     |   2 +-
 lib/rules/valid-v-if.js                       |   2 +-
 lib/rules/valid-v-model.js                    |   2 +-
 lib/rules/valid-v-on.js                       |   2 +-
 lib/rules/valid-v-once.js                     |   2 +-
 lib/rules/valid-v-pre.js                      |   2 +-
 lib/rules/valid-v-show.js                     |   2 +-
 lib/rules/valid-v-slot.js                     |   2 +-
 lib/rules/valid-v-text.js                     |   2 +-
 lib/utils/config-helpers.js                   |  19 ++++
 package.json                                  |   1 +
 tests/lib/configs/{configs.js => eslintrc.js} |   6 +-
 tests/lib/configs/flat.js                     |  99 +++++++++++++++++
 tools/lib/categories.js                       |   8 +-
 tools/lib/configs.js                          |  15 ---
 tools/lib/utils.js                            |   6 +-
 tools/update-docs-rules-index.js              |   8 +-
 tools/update-docs.js                          |   4 +-
 tools/update-lib-configs.js                   |  10 +-
 tools/update-lib-flat-configs.js              | 101 ++++++++++++++++++
 tools/update-lib-index.js                     |  35 ++++--
 tools/update.js                               |   1 +
 113 files changed, 722 insertions(+), 142 deletions(-)
 create mode 100644 lib/configs/flat/base.js
 create mode 100644 lib/configs/flat/vue2-essential.js
 create mode 100644 lib/configs/flat/vue2-recommended.js
 create mode 100644 lib/configs/flat/vue2-strongly-recommended.js
 create mode 100644 lib/configs/flat/vue3-essential.js
 create mode 100644 lib/configs/flat/vue3-recommended.js
 create mode 100644 lib/configs/flat/vue3-strongly-recommended.js
 rename lib/configs/{essential.js => vue2-essential.js} (100%)
 rename lib/configs/{recommended.js => vue2-recommended.js} (87%)
 rename lib/configs/{strongly-recommended.js => vue2-strongly-recommended.js} (95%)
 create mode 100644 lib/utils/config-helpers.js
 rename tests/lib/configs/{configs.js => eslintrc.js} (85%)
 create mode 100644 tests/lib/configs/flat.js
 delete mode 100644 tools/lib/configs.js
 create mode 100644 tools/update-lib-flat-configs.js

diff --git a/lib/configs/flat/base.js b/lib/configs/flat/base.js
new file mode 100644
index 000000000..e36ab4b77
--- /dev/null
+++ b/lib/configs/flat/base.js
@@ -0,0 +1,17 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+const globals = require('globals')
+module.exports = {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    sourceType: 'module',
+    globals: globals.browser
+  },
+  rules: {
+    'vue/comment-directive': 'error',
+    'vue/jsx-uses-vars': 'error'
+  }
+}
diff --git a/lib/configs/flat/vue2-essential.js b/lib/configs/flat/vue2-essential.js
new file mode 100644
index 000000000..ce253352b
--- /dev/null
+++ b/lib/configs/flat/vue2-essential.js
@@ -0,0 +1,76 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./base.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = {
+  'vue/multi-word-component-names': 'error',
+  'vue/no-arrow-functions-in-watch': 'error',
+  'vue/no-async-in-computed-properties': 'error',
+  'vue/no-child-content': 'error',
+  'vue/no-computed-properties-in-data': 'error',
+  'vue/no-custom-modifiers-on-v-model': 'error',
+  'vue/no-dupe-keys': 'error',
+  'vue/no-dupe-v-else-if': 'error',
+  'vue/no-duplicate-attributes': 'error',
+  'vue/no-export-in-script-setup': 'error',
+  'vue/no-multiple-template-root': 'error',
+  'vue/no-mutating-props': 'error',
+  'vue/no-parsing-error': 'error',
+  'vue/no-ref-as-operand': 'error',
+  'vue/no-reserved-component-names': 'error',
+  'vue/no-reserved-keys': 'error',
+  'vue/no-reserved-props': [
+    'error',
+    {
+      vueVersion: 2
+    }
+  ],
+  'vue/no-shared-component-data': 'error',
+  'vue/no-side-effects-in-computed-properties': 'error',
+  'vue/no-template-key': 'error',
+  'vue/no-textarea-mustache': 'error',
+  'vue/no-unused-components': 'error',
+  'vue/no-unused-vars': 'error',
+  'vue/no-use-computed-property-like-method': 'error',
+  'vue/no-use-v-if-with-v-for': 'error',
+  'vue/no-useless-template-attributes': 'error',
+  'vue/no-v-for-template-key': 'error',
+  'vue/no-v-model-argument': 'error',
+  'vue/no-v-text-v-html-on-component': 'error',
+  'vue/require-component-is': 'error',
+  'vue/require-prop-type-constructor': 'error',
+  'vue/require-render-return': 'error',
+  'vue/require-v-for-key': 'error',
+  'vue/require-valid-default-prop': 'error',
+  'vue/return-in-computed-property': 'error',
+  'vue/return-in-emits-validator': 'error',
+  'vue/use-v-on-exact': 'error',
+  'vue/valid-attribute-name': 'error',
+  'vue/valid-define-emits': 'error',
+  'vue/valid-define-props': 'error',
+  'vue/valid-model-definition': 'error',
+  'vue/valid-next-tick': 'error',
+  'vue/valid-template-root': 'error',
+  'vue/valid-v-bind-sync': 'error',
+  'vue/valid-v-bind': 'error',
+  'vue/valid-v-cloak': 'error',
+  'vue/valid-v-else-if': 'error',
+  'vue/valid-v-else': 'error',
+  'vue/valid-v-for': 'error',
+  'vue/valid-v-html': 'error',
+  'vue/valid-v-if': 'error',
+  'vue/valid-v-model': 'error',
+  'vue/valid-v-on': 'error',
+  'vue/valid-v-once': 'error',
+  'vue/valid-v-pre': 'error',
+  'vue/valid-v-show': 'error',
+  'vue/valid-v-slot': 'error',
+  'vue/valid-v-text': 'error'
+}
+
+module.exports = extendRules(config, rules)
diff --git a/lib/configs/flat/vue2-recommended.js b/lib/configs/flat/vue2-recommended.js
new file mode 100644
index 000000000..e15b02075
--- /dev/null
+++ b/lib/configs/flat/vue2-recommended.js
@@ -0,0 +1,20 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./vue2-strongly-recommended.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = {
+  'vue/attributes-order': 'warn',
+  'vue/component-tags-order': 'warn',
+  'vue/no-lone-template': 'warn',
+  'vue/no-multiple-slot-args': 'warn',
+  'vue/no-v-html': 'warn',
+  'vue/order-in-components': 'warn',
+  'vue/this-in-template': 'warn'
+}
+
+module.exports = extendRules(config, rules)
diff --git a/lib/configs/flat/vue2-strongly-recommended.js b/lib/configs/flat/vue2-strongly-recommended.js
new file mode 100644
index 000000000..a1c870b92
--- /dev/null
+++ b/lib/configs/flat/vue2-strongly-recommended.js
@@ -0,0 +1,36 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./vue2-essential.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = {
+  'vue/attribute-hyphenation': 'warn',
+  'vue/component-definition-name-casing': 'warn',
+  'vue/first-attribute-linebreak': 'warn',
+  'vue/html-closing-bracket-newline': 'warn',
+  'vue/html-closing-bracket-spacing': 'warn',
+  'vue/html-end-tags': 'warn',
+  'vue/html-indent': 'warn',
+  'vue/html-quotes': 'warn',
+  'vue/html-self-closing': 'warn',
+  'vue/max-attributes-per-line': 'warn',
+  'vue/multiline-html-element-content-newline': 'warn',
+  'vue/mustache-interpolation-spacing': 'warn',
+  'vue/no-multi-spaces': 'warn',
+  'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
+  'vue/no-template-shadow': 'warn',
+  'vue/one-component-per-file': 'warn',
+  'vue/prop-name-casing': 'warn',
+  'vue/require-default-prop': 'warn',
+  'vue/require-prop-types': 'warn',
+  'vue/singleline-html-element-content-newline': 'warn',
+  'vue/v-bind-style': 'warn',
+  'vue/v-on-style': 'warn',
+  'vue/v-slot-style': 'warn'
+}
+
+module.exports = extendRules(config, rules)
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
new file mode 100644
index 000000000..e8450635d
--- /dev/null
+++ b/lib/configs/flat/vue3-essential.js
@@ -0,0 +1,93 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./base.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = {
+  'vue/multi-word-component-names': 'error',
+  'vue/no-arrow-functions-in-watch': 'error',
+  'vue/no-async-in-computed-properties': 'error',
+  'vue/no-child-content': 'error',
+  'vue/no-computed-properties-in-data': 'error',
+  'vue/no-deprecated-data-object-declaration': 'error',
+  'vue/no-deprecated-destroyed-lifecycle': 'error',
+  'vue/no-deprecated-dollar-listeners-api': 'error',
+  'vue/no-deprecated-dollar-scopedslots-api': 'error',
+  'vue/no-deprecated-events-api': 'error',
+  'vue/no-deprecated-filter': 'error',
+  'vue/no-deprecated-functional-template': 'error',
+  'vue/no-deprecated-html-element-is': 'error',
+  'vue/no-deprecated-inline-template': 'error',
+  'vue/no-deprecated-props-default-this': 'error',
+  'vue/no-deprecated-router-link-tag-prop': 'error',
+  'vue/no-deprecated-scope-attribute': 'error',
+  'vue/no-deprecated-slot-attribute': 'error',
+  'vue/no-deprecated-slot-scope-attribute': 'error',
+  'vue/no-deprecated-v-bind-sync': 'error',
+  'vue/no-deprecated-v-is': 'error',
+  'vue/no-deprecated-v-on-native-modifier': 'error',
+  'vue/no-deprecated-v-on-number-modifiers': 'error',
+  'vue/no-deprecated-vue-config-keycodes': 'error',
+  'vue/no-dupe-keys': 'error',
+  'vue/no-dupe-v-else-if': 'error',
+  'vue/no-duplicate-attributes': 'error',
+  'vue/no-export-in-script-setup': 'error',
+  'vue/no-expose-after-await': 'error',
+  'vue/no-lifecycle-after-await': 'error',
+  'vue/no-mutating-props': 'error',
+  'vue/no-parsing-error': 'error',
+  'vue/no-ref-as-operand': 'error',
+  'vue/no-reserved-component-names': 'error',
+  'vue/no-reserved-keys': 'error',
+  'vue/no-reserved-props': 'error',
+  'vue/no-shared-component-data': 'error',
+  'vue/no-side-effects-in-computed-properties': 'error',
+  'vue/no-template-key': 'error',
+  'vue/no-textarea-mustache': 'error',
+  'vue/no-unused-components': 'error',
+  'vue/no-unused-vars': 'error',
+  'vue/no-use-computed-property-like-method': 'error',
+  'vue/no-use-v-if-with-v-for': 'error',
+  'vue/no-useless-template-attributes': 'error',
+  'vue/no-v-for-template-key-on-child': 'error',
+  'vue/no-v-text-v-html-on-component': 'error',
+  'vue/no-watch-after-await': 'error',
+  'vue/prefer-import-from-vue': 'error',
+  'vue/require-component-is': 'error',
+  'vue/require-prop-type-constructor': 'error',
+  'vue/require-render-return': 'error',
+  'vue/require-slots-as-functions': 'error',
+  'vue/require-toggle-inside-transition': 'error',
+  'vue/require-v-for-key': 'error',
+  'vue/require-valid-default-prop': 'error',
+  'vue/return-in-computed-property': 'error',
+  'vue/return-in-emits-validator': 'error',
+  'vue/use-v-on-exact': 'error',
+  'vue/valid-attribute-name': 'error',
+  'vue/valid-define-emits': 'error',
+  'vue/valid-define-props': 'error',
+  'vue/valid-next-tick': 'error',
+  'vue/valid-template-root': 'error',
+  'vue/valid-v-bind': 'error',
+  'vue/valid-v-cloak': 'error',
+  'vue/valid-v-else-if': 'error',
+  'vue/valid-v-else': 'error',
+  'vue/valid-v-for': 'error',
+  'vue/valid-v-html': 'error',
+  'vue/valid-v-if': 'error',
+  'vue/valid-v-is': 'error',
+  'vue/valid-v-memo': 'error',
+  'vue/valid-v-model': 'error',
+  'vue/valid-v-on': 'error',
+  'vue/valid-v-once': 'error',
+  'vue/valid-v-pre': 'error',
+  'vue/valid-v-show': 'error',
+  'vue/valid-v-slot': 'error',
+  'vue/valid-v-text': 'error'
+}
+
+module.exports = extendRules(config, rules)
diff --git a/lib/configs/flat/vue3-recommended.js b/lib/configs/flat/vue3-recommended.js
new file mode 100644
index 000000000..e39b86bc8
--- /dev/null
+++ b/lib/configs/flat/vue3-recommended.js
@@ -0,0 +1,20 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./vue3-strongly-recommended.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = {
+  'vue/attributes-order': 'warn',
+  'vue/component-tags-order': 'warn',
+  'vue/no-lone-template': 'warn',
+  'vue/no-multiple-slot-args': 'warn',
+  'vue/no-v-html': 'warn',
+  'vue/order-in-components': 'warn',
+  'vue/this-in-template': 'warn'
+}
+
+module.exports = extendRules(config, rules)
diff --git a/lib/configs/flat/vue3-strongly-recommended.js b/lib/configs/flat/vue3-strongly-recommended.js
new file mode 100644
index 000000000..ec71ac468
--- /dev/null
+++ b/lib/configs/flat/vue3-strongly-recommended.js
@@ -0,0 +1,44 @@
+/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./vue3-essential.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = {
+  'vue/attribute-hyphenation': 'warn',
+  'vue/component-definition-name-casing': 'warn',
+  'vue/first-attribute-linebreak': 'warn',
+  'vue/html-closing-bracket-newline': 'warn',
+  'vue/html-closing-bracket-spacing': 'warn',
+  'vue/html-end-tags': 'warn',
+  'vue/html-indent': 'warn',
+  'vue/html-quotes': 'warn',
+  'vue/html-self-closing': 'warn',
+  'vue/max-attributes-per-line': 'warn',
+  'vue/multiline-html-element-content-newline': 'warn',
+  'vue/mustache-interpolation-spacing': 'warn',
+  'vue/no-multi-spaces': 'warn',
+  'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
+  'vue/no-template-shadow': 'warn',
+  'vue/one-component-per-file': 'warn',
+  'vue/prop-name-casing': 'warn',
+  'vue/require-default-prop': 'warn',
+  'vue/require-explicit-emits': 'warn',
+  'vue/require-prop-types': 'warn',
+  'vue/singleline-html-element-content-newline': 'warn',
+  'vue/v-bind-style': 'warn',
+  'vue/v-on-event-hyphenation': [
+    'warn',
+    'always',
+    {
+      autofix: true
+    }
+  ],
+  'vue/v-on-style': 'warn',
+  'vue/v-slot-style': 'warn'
+}
+
+module.exports = extendRules(config, rules)
diff --git a/lib/configs/essential.js b/lib/configs/vue2-essential.js
similarity index 100%
rename from lib/configs/essential.js
rename to lib/configs/vue2-essential.js
diff --git a/lib/configs/recommended.js b/lib/configs/vue2-recommended.js
similarity index 87%
rename from lib/configs/recommended.js
rename to lib/configs/vue2-recommended.js
index 3db36d8c0..b04180998 100644
--- a/lib/configs/recommended.js
+++ b/lib/configs/vue2-recommended.js
@@ -4,7 +4,7 @@
  * in order to update its content execute "npm run update"
  */
 module.exports = {
-  extends: require.resolve('./strongly-recommended'),
+  extends: require.resolve('./vue2-strongly-recommended'),
   rules: {
     'vue/attributes-order': 'warn',
     'vue/component-tags-order': 'warn',
diff --git a/lib/configs/strongly-recommended.js b/lib/configs/vue2-strongly-recommended.js
similarity index 95%
rename from lib/configs/strongly-recommended.js
rename to lib/configs/vue2-strongly-recommended.js
index 02daf9a3c..e7b0f3dc7 100644
--- a/lib/configs/strongly-recommended.js
+++ b/lib/configs/vue2-strongly-recommended.js
@@ -4,7 +4,7 @@
  * in order to update its content execute "npm run update"
  */
 module.exports = {
-  extends: require.resolve('./essential'),
+  extends: require.resolve('./vue2-essential'),
   rules: {
     'vue/attribute-hyphenation': 'warn',
     'vue/component-definition-name-casing': 'warn',
diff --git a/lib/index.js b/lib/index.js
index 99421f248..bc6c9a463 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -5,7 +5,7 @@
  */
 'use strict'
 
-module.exports = {
+const plugin = {
   meta: require('./meta'),
   rules: {
     'array-bracket-newline': require('./rules/array-bracket-newline'),
@@ -250,16 +250,6 @@ module.exports = {
     'valid-v-slot': require('./rules/valid-v-slot'),
     'valid-v-text': require('./rules/valid-v-text')
   },
-  configs: {
-    base: require('./configs/base'),
-    essential: require('./configs/essential'),
-    'no-layout-rules': require('./configs/no-layout-rules'),
-    recommended: require('./configs/recommended'),
-    'strongly-recommended': require('./configs/strongly-recommended'),
-    'vue3-essential': require('./configs/vue3-essential'),
-    'vue3-recommended': require('./configs/vue3-recommended'),
-    'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended')
-  },
   processors: {
     '.vue': require('./processor')
   },
@@ -276,3 +266,54 @@ module.exports = {
     }
   }
 }
+
+const baseConfig = { plugins: { vue: plugin } }
+
+plugin.configs = {
+  // eslintrc configs
+  base: require('./configs/base'),
+  essential: require('./configs/vue2-essential'),
+  'no-layout-rules': require('./configs/no-layout-rules'),
+  recommended: require('./configs/vue2-recommended'),
+  'strongly-recommended': require('./configs/vue2-strongly-recommended'),
+  'vue3-essential': require('./configs/vue3-essential'),
+  'vue3-recommended': require('./configs/vue3-recommended'),
+  'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
+
+  // flat configs
+  'flat/base': Object.assign({}, baseConfig, require('./configs/flat/base.js')),
+  'flat/vue2-essential': Object.assign(
+    {},
+    baseConfig,
+    require('./configs/flat/vue2-essential.js')
+  ),
+  'flat/vue2-recommended': Object.assign(
+    {},
+    baseConfig,
+    require('./configs/flat/vue2-recommended.js')
+  ),
+  'flat/vue2-strongly-recommended': Object.assign(
+    {},
+    baseConfig,
+    require('./configs/flat/vue2-strongly-recommended.js')
+  ),
+
+  // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
+  'flat/essential': Object.assign(
+    {},
+    baseConfig,
+    require('./configs/flat/vue3-essential.js')
+  ),
+  'flat/recommended': Object.assign(
+    {},
+    baseConfig,
+    require('./configs/flat/vue3-recommended.js')
+  ),
+  'flat/strongly-recommended': Object.assign(
+    {},
+    baseConfig,
+    require('./configs/flat/vue3-strongly-recommended.js')
+  )
+}
+
+module.exports = plugin
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 11f681ef7..3de0af1b5 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -34,7 +34,7 @@ module.exports = {
     docs: {
       description:
         'enforce attribute naming style on custom components in template',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/attribute-hyphenation.html'
     },
     fixable: 'code',
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 44404f05c..30dc75c27 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -424,7 +424,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of attributes',
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/attributes-order.html'
     },
     fixable: 'code',
diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
index 99ba619c1..840a89e52 100644
--- a/lib/rules/component-definition-name-casing.js
+++ b/lib/rules/component-definition-name-casing.js
@@ -26,7 +26,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce specific casing for component definition name',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/component-definition-name-casing.html'
     },
     fixable: 'code',
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index a2a5cd656..132aab898 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -10,7 +10,7 @@ module.exports = {
     type: baseRule.meta.type,
     docs: {
       description: baseRule.meta.docs.description,
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
     deprecated: true,
diff --git a/lib/rules/first-attribute-linebreak.js b/lib/rules/first-attribute-linebreak.js
index c023762d4..b2e6aefc3 100644
--- a/lib/rules/first-attribute-linebreak.js
+++ b/lib/rules/first-attribute-linebreak.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce the location of first attribute',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/first-attribute-linebreak.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/html-closing-bracket-newline.js b/lib/rules/html-closing-bracket-newline.js
index 58f7fc8e8..5787bf97a 100644
--- a/lib/rules/html-closing-bracket-newline.js
+++ b/lib/rules/html-closing-bracket-newline.js
@@ -69,7 +69,7 @@ module.exports = {
     docs: {
       description:
         "require or disallow a line break before tag's closing brackets",
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-newline.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/html-closing-bracket-spacing.js b/lib/rules/html-closing-bracket-spacing.js
index daf42d540..6c0da838f 100644
--- a/lib/rules/html-closing-bracket-spacing.js
+++ b/lib/rules/html-closing-bracket-spacing.js
@@ -56,7 +56,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: "require or disallow a space before tag's closing brackets",
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-closing-bracket-spacing.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/html-end-tags.js b/lib/rules/html-end-tags.js
index 58c1142ea..a0d313cf2 100644
--- a/lib/rules/html-end-tags.js
+++ b/lib/rules/html-end-tags.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce end tag style',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-end-tags.html'
     },
     fixable: 'code',
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 397cdc52b..96a8a4456 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -26,7 +26,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce consistent indentation in `<template>`',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-indent.html'
     },
     // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized
diff --git a/lib/rules/html-quotes.js b/lib/rules/html-quotes.js
index 2be837c0d..f4f6d1c1d 100644
--- a/lib/rules/html-quotes.js
+++ b/lib/rules/html-quotes.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce quotes style of HTML attributes',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-quotes.html'
     },
     fixable: 'code',
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 9e626f41d..531ddfc2b 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -88,7 +88,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce self-closing style',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/html-self-closing.html'
     },
     fixable: 'code',
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index 443826fe0..f5c96c127 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -65,7 +65,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce the maximum number of attributes per line',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/max-attributes-per-line.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
index 7f8e7bb65..60f70a99e 100644
--- a/lib/rules/multi-word-component-names.js
+++ b/lib/rules/multi-word-component-names.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require component names to be always multi-word',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/multi-word-component-names.html'
     },
     schema: [
diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
index bfe0c79f7..afe89bd2f 100644
--- a/lib/rules/multiline-html-element-content-newline.js
+++ b/lib/rules/multiline-html-element-content-newline.js
@@ -61,7 +61,7 @@ module.exports = {
     docs: {
       description:
         'require a line break before and after the contents of a multiline element',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/mustache-interpolation-spacing.js b/lib/rules/mustache-interpolation-spacing.js
index 79bae0543..304b50c70 100644
--- a/lib/rules/mustache-interpolation-spacing.js
+++ b/lib/rules/mustache-interpolation-spacing.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'enforce unified spacing in mustache interpolations',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/mustache-interpolation-spacing.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/no-arrow-functions-in-watch.js b/lib/rules/no-arrow-functions-in-watch.js
index 3b1fcd6d4..b16b267f5 100644
--- a/lib/rules/no-arrow-functions-in-watch.js
+++ b/lib/rules/no-arrow-functions-in-watch.js
@@ -10,7 +10,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow using arrow functions to define watcher',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-arrow-functions-in-watch.html'
     },
     fixable: null,
diff --git a/lib/rules/no-async-in-computed-properties.js b/lib/rules/no-async-in-computed-properties.js
index afe9cd350..e8ed02f0e 100644
--- a/lib/rules/no-async-in-computed-properties.js
+++ b/lib/rules/no-async-in-computed-properties.js
@@ -81,7 +81,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow asynchronous actions in computed properties',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-async-in-computed-properties.html'
     },
     fixable: null,
diff --git a/lib/rules/no-child-content.js b/lib/rules/no-child-content.js
index 62de865b8..df39c758e 100644
--- a/lib/rules/no-child-content.js
+++ b/lib/rules/no-child-content.js
@@ -74,7 +74,7 @@ module.exports = {
     docs: {
       description:
         "disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`",
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-child-content.html'
     },
     fixable: null,
diff --git a/lib/rules/no-computed-properties-in-data.js b/lib/rules/no-computed-properties-in-data.js
index 58aa00706..a22739473 100644
--- a/lib/rules/no-computed-properties-in-data.js
+++ b/lib/rules/no-computed-properties-in-data.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow accessing computed properties in `data`.',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-computed-properties-in-data.html'
     },
     fixable: null,
diff --git a/lib/rules/no-custom-modifiers-on-v-model.js b/lib/rules/no-custom-modifiers-on-v-model.js
index 4cbbfdfe1..cef3dfaef 100644
--- a/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/lib/rules/no-custom-modifiers-on-v-model.js
@@ -13,7 +13,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow custom modifiers on v-model used on the component',
-      categories: ['essential'],
+      categories: ['vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-custom-modifiers-on-v-model.html'
     },
     fixable: null,
diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index dd8b51c6d..01b85d9f5 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -63,7 +63,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow duplication of field names',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-dupe-keys.html'
     },
     fixable: null,
diff --git a/lib/rules/no-dupe-v-else-if.js b/lib/rules/no-dupe-v-else-if.js
index dc7c18c0b..a20d5256b 100644
--- a/lib/rules/no-dupe-v-else-if.js
+++ b/lib/rules/no-dupe-v-else-if.js
@@ -71,7 +71,7 @@ module.exports = {
     docs: {
       description:
         'disallow duplicate conditions in `v-if` / `v-else-if` chains',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-dupe-v-else-if.html'
     },
     fixable: null,
diff --git a/lib/rules/no-duplicate-attributes.js b/lib/rules/no-duplicate-attributes.js
index 39a3a0bb9..0c7d3eb55 100644
--- a/lib/rules/no-duplicate-attributes.js
+++ b/lib/rules/no-duplicate-attributes.js
@@ -32,7 +32,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow duplication of attributes',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-duplicate-attributes.html'
     },
     fixable: null,
diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
index 0105d52f4..66286375a 100644
--- a/lib/rules/no-export-in-script-setup.js
+++ b/lib/rules/no-export-in-script-setup.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow `export` in `<script setup>`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-export-in-script-setup.html'
     },
     fixable: null,
diff --git a/lib/rules/no-lone-template.js b/lib/rules/no-lone-template.js
index d9537513f..765b24908 100644
--- a/lib/rules/no-lone-template.js
+++ b/lib/rules/no-lone-template.js
@@ -41,7 +41,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow unnecessary `<template>`',
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-lone-template.html'
     },
     fixable: null,
diff --git a/lib/rules/no-multi-spaces.js b/lib/rules/no-multi-spaces.js
index 7e8f192a1..8f2054537 100644
--- a/lib/rules/no-multi-spaces.js
+++ b/lib/rules/no-multi-spaces.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'disallow multiple spaces',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-multi-spaces.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index 86bd63037..1ee4ca0d0 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow to pass multiple arguments to scoped slots',
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-multiple-slot-args.html'
     },
     fixable: null,
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index f7948ecd3..45c22389f 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow adding multiple root nodes to the template',
-      categories: ['essential'],
+      categories: ['vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-multiple-template-root.html'
     },
     fixable: null,
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index d5d28303a..3689d3864 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -106,7 +106,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow mutation of component props',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-mutating-props.html'
     },
     fixable: null,
diff --git a/lib/rules/no-parsing-error.js b/lib/rules/no-parsing-error.js
index f4e2f7e2f..8b7ab8376 100644
--- a/lib/rules/no-parsing-error.js
+++ b/lib/rules/no-parsing-error.js
@@ -52,7 +52,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow parsing errors in `<template>`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-parsing-error.html'
     },
     fixable: null,
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 9661b2b60..02b438631 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -30,7 +30,7 @@ module.exports = {
     docs: {
       description:
         'disallow use of value wrapped by `ref()` (Composition API) as an operand',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-ref-as-operand.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 835fb7325..90e53604f 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -77,7 +77,7 @@ module.exports = {
     docs: {
       description:
         'disallow the use of reserved names in component definitions',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-reserved-component-names.html'
     },
     fixable: null,
diff --git a/lib/rules/no-reserved-keys.js b/lib/rules/no-reserved-keys.js
index 20bca97ce..c13ce1e4c 100644
--- a/lib/rules/no-reserved-keys.js
+++ b/lib/rules/no-reserved-keys.js
@@ -26,7 +26,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow overwriting reserved keys',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-reserved-keys.html'
     },
     fixable: null,
diff --git a/lib/rules/no-reserved-props.js b/lib/rules/no-reserved-props.js
index f493212c6..bafc6ef15 100644
--- a/lib/rules/no-reserved-props.js
+++ b/lib/rules/no-reserved-props.js
@@ -21,7 +21,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow reserved names in props',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-reserved-props.html',
       defaultOptions: {
         vue2: [{ vueVersion: 2 }]
diff --git a/lib/rules/no-shared-component-data.js b/lib/rules/no-shared-component-data.js
index b91602b14..dc7b509a4 100644
--- a/lib/rules/no-shared-component-data.js
+++ b/lib/rules/no-shared-component-data.js
@@ -42,7 +42,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: "enforce component's data property to be a function",
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-shared-component-data.html'
     },
     fixable: 'code',
diff --git a/lib/rules/no-side-effects-in-computed-properties.js b/lib/rules/no-side-effects-in-computed-properties.js
index b0fbfc3d9..36b0e8778 100644
--- a/lib/rules/no-side-effects-in-computed-properties.js
+++ b/lib/rules/no-side-effects-in-computed-properties.js
@@ -20,7 +20,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow side effects in computed properties',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-side-effects-in-computed-properties.html'
     },
     fixable: null,
diff --git a/lib/rules/no-spaces-around-equal-signs-in-attribute.js b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
index 9ee153a70..db8cbaaba 100644
--- a/lib/rules/no-spaces-around-equal-signs-in-attribute.js
+++ b/lib/rules/no-spaces-around-equal-signs-in-attribute.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description: 'disallow spaces around equal signs in attribute',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-spaces-around-equal-signs-in-attribute.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/no-template-key.js b/lib/rules/no-template-key.js
index 686c2de1f..5530a19b0 100644
--- a/lib/rules/no-template-key.js
+++ b/lib/rules/no-template-key.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow `key` attribute on `<template>`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-template-key.html'
     },
     fixable: null,
diff --git a/lib/rules/no-template-shadow.js b/lib/rules/no-template-shadow.js
index e00da50e5..8d9c40a7a 100644
--- a/lib/rules/no-template-shadow.js
+++ b/lib/rules/no-template-shadow.js
@@ -37,7 +37,7 @@ module.exports = {
     docs: {
       description:
         'disallow variable declarations from shadowing variables declared in the outer scope',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-template-shadow.html'
     },
     fixable: null,
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
index b5ad8d966..b4b5a9f77 100644
--- a/lib/rules/no-textarea-mustache.js
+++ b/lib/rules/no-textarea-mustache.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow mustaches in `<textarea>`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-textarea-mustache.html'
     },
     fixable: null,
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 603cce85d..75b08fa14 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -13,7 +13,7 @@ module.exports = {
     docs: {
       description:
         'disallow registering components that are not used inside templates',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-unused-components.html'
     },
     fixable: null,
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
index 454b1a189..b0226bbaf 100644
--- a/lib/rules/no-unused-vars.js
+++ b/lib/rules/no-unused-vars.js
@@ -55,7 +55,7 @@ module.exports = {
     docs: {
       description:
         'disallow unused variable definitions of v-for directives or scope attributes',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-unused-vars.html'
     },
     fixable: null,
diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index 242e6f18a..5d5bd8b4a 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -492,7 +492,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow use computed property like method',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-use-computed-property-like-method.html'
     },
     fixable: null,
diff --git a/lib/rules/no-use-v-if-with-v-for.js b/lib/rules/no-use-v-if-with-v-for.js
index dccda39be..e733c0f50 100644
--- a/lib/rules/no-use-v-if-with-v-for.js
+++ b/lib/rules/no-use-v-if-with-v-for.js
@@ -39,7 +39,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow using `v-if` on the same element as `v-for`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html'
     },
     fixable: null,
diff --git a/lib/rules/no-useless-template-attributes.js b/lib/rules/no-useless-template-attributes.js
index 69114a3f8..27c583511 100644
--- a/lib/rules/no-useless-template-attributes.js
+++ b/lib/rules/no-useless-template-attributes.js
@@ -69,7 +69,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow useless attribute on `<template>`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-useless-template-attributes.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-for-template-key.js b/lib/rules/no-v-for-template-key.js
index 9549fde8b..e26716b2a 100644
--- a/lib/rules/no-v-for-template-key.js
+++ b/lib/rules/no-v-for-template-key.js
@@ -10,7 +10,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow `key` attribute on `<template v-for>`',
-      categories: ['essential'],
+      categories: ['vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-v-for-template-key.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index b135b9549..355e86b21 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -10,7 +10,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow use of v-html to prevent XSS attack',
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-v-html.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
index f69fa101b..02e72ad79 100644
--- a/lib/rules/no-v-model-argument.js
+++ b/lib/rules/no-v-model-argument.js
@@ -12,7 +12,7 @@ module.exports = {
     docs: {
       description:
         'disallow adding an argument to `v-model` used in custom component',
-      categories: ['essential'],
+      categories: ['vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-v-model-argument.html'
     },
     fixable: null,
diff --git a/lib/rules/no-v-text-v-html-on-component.js b/lib/rules/no-v-text-v-html-on-component.js
index 92289f6bb..50ef9c76e 100644
--- a/lib/rules/no-v-text-v-html-on-component.js
+++ b/lib/rules/no-v-text-v-html-on-component.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow v-text / v-html on component',
-      categories: ['essential', 'vue3-essential'],
+      categories: ['vue2-essential', 'vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-v-text-v-html-on-component.html'
     },
     fixable: null,
diff --git a/lib/rules/one-component-per-file.js b/lib/rules/one-component-per-file.js
index b0cd795f9..3cbb25ba6 100644
--- a/lib/rules/one-component-per-file.js
+++ b/lib/rules/one-component-per-file.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce that each component should be in its own file',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/one-component-per-file.html'
     },
     fixable: null,
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 06ff78e46..38624d008 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -214,7 +214,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of properties in components',
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/order-in-components.html'
     },
     fixable: 'code', // null or "code" or "whitespace"
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index 094421516..ba8fcc1b4 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -57,7 +57,7 @@ module.exports = {
     docs: {
       description:
         'enforce specific casing for the Prop name in Vue components',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/prop-name-casing.html'
     },
     fixable: null, // null or "code" or "whitespace"
diff --git a/lib/rules/require-component-is.js b/lib/rules/require-component-is.js
index 13e16224b..899ac5e4d 100644
--- a/lib/rules/require-component-is.js
+++ b/lib/rules/require-component-is.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require `v-bind:is` of `<component>` elements',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/require-component-is.html'
     },
     fixable: null,
diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 194e4bb8a..313574a14 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -48,7 +48,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require default value for props',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-default-prop.html'
     },
     fixable: null,
diff --git a/lib/rules/require-prop-type-constructor.js b/lib/rules/require-prop-type-constructor.js
index c23ba8080..d4c344844 100644
--- a/lib/rules/require-prop-type-constructor.js
+++ b/lib/rules/require-prop-type-constructor.js
@@ -33,7 +33,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require prop type to be a constructor',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/require-prop-type-constructor.html'
     },
     fixable: 'code',
diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index b658ab918..4102ad039 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -15,7 +15,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'require type definitions in props',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/require-prop-types.html'
     },
     fixable: null,
diff --git a/lib/rules/require-render-return.js b/lib/rules/require-render-return.js
index 1487bfc3c..084e63e5b 100644
--- a/lib/rules/require-render-return.js
+++ b/lib/rules/require-render-return.js
@@ -11,7 +11,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce render function to always return value',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/require-render-return.html'
     },
     fixable: null,
diff --git a/lib/rules/require-v-for-key.js b/lib/rules/require-v-for-key.js
index e4b1f2e43..3ca2c68a7 100644
--- a/lib/rules/require-v-for-key.js
+++ b/lib/rules/require-v-for-key.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require `v-bind:key` with `v-for` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/require-v-for-key.html'
     },
     fixable: null,
diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index ab6e9b14b..ddae351ec 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -75,7 +75,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce props default values to be valid',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/require-valid-default-prop.html'
     },
     fixable: null,
diff --git a/lib/rules/return-in-computed-property.js b/lib/rules/return-in-computed-property.js
index 74fff9d1f..0728d0c5d 100644
--- a/lib/rules/return-in-computed-property.js
+++ b/lib/rules/return-in-computed-property.js
@@ -16,7 +16,7 @@ module.exports = {
     docs: {
       description:
         'enforce that a return statement is present in computed property',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-computed-property.html'
     },
     fixable: null,
diff --git a/lib/rules/return-in-emits-validator.js b/lib/rules/return-in-emits-validator.js
index 141aec23c..8989753b3 100644
--- a/lib/rules/return-in-emits-validator.js
+++ b/lib/rules/return-in-emits-validator.js
@@ -37,7 +37,7 @@ module.exports = {
     docs: {
       description:
         'enforce that a return statement is present in emits validator',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/return-in-emits-validator.html'
     },
     fixable: null,
diff --git a/lib/rules/singleline-html-element-content-newline.js b/lib/rules/singleline-html-element-content-newline.js
index 69d50734f..bdccf92b6 100644
--- a/lib/rules/singleline-html-element-content-newline.js
+++ b/lib/rules/singleline-html-element-content-newline.js
@@ -49,7 +49,7 @@ module.exports = {
     docs: {
       description:
         'require a line break before and after the contents of a singleline element',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html'
     },
     fixable: 'whitespace',
diff --git a/lib/rules/this-in-template.js b/lib/rules/this-in-template.js
index 0652902f0..a664a8edf 100644
--- a/lib/rules/this-in-template.js
+++ b/lib/rules/this-in-template.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'disallow usage of `this` in template',
-      categories: ['vue3-recommended', 'recommended'],
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/this-in-template.html'
     },
     fixable: 'code',
diff --git a/lib/rules/use-v-on-exact.js b/lib/rules/use-v-on-exact.js
index 5aaa17131..f048b70ef 100644
--- a/lib/rules/use-v-on-exact.js
+++ b/lib/rules/use-v-on-exact.js
@@ -164,7 +164,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce usage of `exact` modifier on `v-on`',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/use-v-on-exact.html'
     },
     fixable: null,
diff --git a/lib/rules/v-bind-style.js b/lib/rules/v-bind-style.js
index 637ded0ca..752a8fdf0 100644
--- a/lib/rules/v-bind-style.js
+++ b/lib/rules/v-bind-style.js
@@ -54,7 +54,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-bind` directive style',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-bind-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/v-on-style.js b/lib/rules/v-on-style.js
index b2ff507f6..eb5950026 100644
--- a/lib/rules/v-on-style.js
+++ b/lib/rules/v-on-style.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-on` directive style',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-on-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index daa3d96da..d932aa9d9 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -86,7 +86,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce `v-slot` directive style',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
       url: 'https://eslint.vuejs.org/rules/v-slot-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/valid-attribute-name.js b/lib/rules/valid-attribute-name.js
index 6da399f34..51d52a1b6 100644
--- a/lib/rules/valid-attribute-name.js
+++ b/lib/rules/valid-attribute-name.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require valid attribute names',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-attribute-name.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-define-emits.js b/lib/rules/valid-define-emits.js
index 6f6085cb0..8d2306c23 100644
--- a/lib/rules/valid-define-emits.js
+++ b/lib/rules/valid-define-emits.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineEmits` compiler macro',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-emits.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-define-options.js b/lib/rules/valid-define-options.js
index 71dff3258..52f1b8478 100644
--- a/lib/rules/valid-define-options.js
+++ b/lib/rules/valid-define-options.js
@@ -13,7 +13,7 @@ module.exports = {
     docs: {
       description: 'enforce valid `defineOptions` compiler macro',
       // TODO Switch in the next major version
-      // categories: ['vue3-essential', 'essential'],
+      // categories: ['vue3-essential', 'vue2-essential'],
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/valid-define-options.html'
     },
diff --git a/lib/rules/valid-define-props.js b/lib/rules/valid-define-props.js
index bd1e41bdc..2ba81b188 100644
--- a/lib/rules/valid-define-props.js
+++ b/lib/rules/valid-define-props.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineProps` compiler macro',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-props.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-model-definition.js b/lib/rules/valid-model-definition.js
index c1ba6918d..00fe97612 100644
--- a/lib/rules/valid-model-definition.js
+++ b/lib/rules/valid-model-definition.js
@@ -13,7 +13,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'require valid keys in model option',
-      categories: ['essential'],
+      categories: ['vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-model-definition.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-next-tick.js b/lib/rules/valid-next-tick.js
index 969488cbf..c384f6ac0 100644
--- a/lib/rules/valid-next-tick.js
+++ b/lib/rules/valid-next-tick.js
@@ -113,7 +113,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `nextTick` function calls',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-next-tick.html'
     },
     fixable: 'code',
diff --git a/lib/rules/valid-template-root.js b/lib/rules/valid-template-root.js
index 214a5bfc5..c604a43a8 100644
--- a/lib/rules/valid-template-root.js
+++ b/lib/rules/valid-template-root.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid template root',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-template-root.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index d01b1b8cd..141a313c3 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -75,7 +75,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `.sync` modifier on `v-bind` directives',
-      categories: ['essential'],
+      categories: ['vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-bind-sync.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
index 361db7896..0f44dad26 100644
--- a/lib/rules/valid-v-bind.js
+++ b/lib/rules/valid-v-bind.js
@@ -14,7 +14,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-bind` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-bind.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-cloak.js b/lib/rules/valid-v-cloak.js
index 8fe19504f..5ff956818 100644
--- a/lib/rules/valid-v-cloak.js
+++ b/lib/rules/valid-v-cloak.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-cloak` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-cloak.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-else-if.js b/lib/rules/valid-v-else-if.js
index d8888534d..b94437466 100644
--- a/lib/rules/valid-v-else-if.js
+++ b/lib/rules/valid-v-else-if.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-else-if` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-else-if.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-else.js b/lib/rules/valid-v-else.js
index 8c7f8e49a..f35ac661d 100644
--- a/lib/rules/valid-v-else.js
+++ b/lib/rules/valid-v-else.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-else` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-else.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-for.js b/lib/rules/valid-v-for.js
index 9dcf76350..05183dd7e 100644
--- a/lib/rules/valid-v-for.js
+++ b/lib/rules/valid-v-for.js
@@ -92,7 +92,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-for` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-for.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-html.js b/lib/rules/valid-v-html.js
index af4636a50..1df254033 100644
--- a/lib/rules/valid-v-html.js
+++ b/lib/rules/valid-v-html.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-html` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-html.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-if.js b/lib/rules/valid-v-if.js
index b728a829b..2e8651b44 100644
--- a/lib/rules/valid-v-if.js
+++ b/lib/rules/valid-v-if.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-if` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-if.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-model.js b/lib/rules/valid-v-model.js
index d818439bd..ca2830dc6 100644
--- a/lib/rules/valid-v-model.js
+++ b/lib/rules/valid-v-model.js
@@ -116,7 +116,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-model` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-model.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-on.js b/lib/rules/valid-v-on.js
index 7c5471f28..82612d496 100644
--- a/lib/rules/valid-v-on.js
+++ b/lib/rules/valid-v-on.js
@@ -63,7 +63,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-on` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-on.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-once.js b/lib/rules/valid-v-once.js
index 987218585..9d3d8bf8f 100644
--- a/lib/rules/valid-v-once.js
+++ b/lib/rules/valid-v-once.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-once` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-once.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-pre.js b/lib/rules/valid-v-pre.js
index 7cd9e30ec..0505b9cb5 100644
--- a/lib/rules/valid-v-pre.js
+++ b/lib/rules/valid-v-pre.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-pre` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-pre.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-show.js b/lib/rules/valid-v-show.js
index c547b8c31..1da617806 100644
--- a/lib/rules/valid-v-show.js
+++ b/lib/rules/valid-v-show.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-show` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-show.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-slot.js b/lib/rules/valid-v-slot.js
index d16084722..d5c0efd1e 100644
--- a/lib/rules/valid-v-slot.js
+++ b/lib/rules/valid-v-slot.js
@@ -241,7 +241,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-slot` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-slot.html'
     },
     fixable: null,
diff --git a/lib/rules/valid-v-text.js b/lib/rules/valid-v-text.js
index c6ef676d1..b41e7f2b3 100644
--- a/lib/rules/valid-v-text.js
+++ b/lib/rules/valid-v-text.js
@@ -12,7 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `v-text` directives',
-      categories: ['vue3-essential', 'essential'],
+      categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-v-text.html'
     },
     fixable: null,
diff --git a/lib/utils/config-helpers.js b/lib/utils/config-helpers.js
new file mode 100644
index 000000000..cfee23386
--- /dev/null
+++ b/lib/utils/config-helpers.js
@@ -0,0 +1,19 @@
+/**
+ * @fileoverview eslint config helpers
+ * @author 唯然<weiran.zsd@outlook.com>
+ */
+
+function extendRules(config, rules) {
+  const { rules: extendedRules = {}, ...rest } = config
+  return {
+    ...rest,
+    rules: {
+      ...extendedRules,
+      ...rules
+    }
+  }
+}
+
+module.exports = {
+  extendRules
+}
diff --git a/package.json b/package.json
index e1be4ea28..23ca9bb71 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
+    "globals": "^13.24.0",
     "natural-compare": "^1.4.0",
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.15",
diff --git a/tests/lib/configs/configs.js b/tests/lib/configs/eslintrc.js
similarity index 85%
rename from tests/lib/configs/configs.js
rename to tests/lib/configs/eslintrc.js
index 926fed42c..a9febaeeb 100644
--- a/tests/lib/configs/configs.js
+++ b/tests/lib/configs/eslintrc.js
@@ -3,8 +3,12 @@
 const { ESLint } = require('../../eslint-compat')
 const plugin = require('../../../lib/index')
 
-describe('configs', () => {
+describe('eslintrc configs', () => {
   for (const name of Object.keys(plugin.configs)) {
+    if (name.startsWith('flat/')) {
+      continue
+    }
+
     const configName = `plugin:vue/${name}`
     const eslint = new ESLint({
       overrideConfigFile: true,
diff --git a/tests/lib/configs/flat.js b/tests/lib/configs/flat.js
new file mode 100644
index 000000000..7d9a97d26
--- /dev/null
+++ b/tests/lib/configs/flat.js
@@ -0,0 +1,99 @@
+/**
+ * @fileoverview flat configs test
+ * @author 唯然<weiran.zsd@outlook.com>
+ */
+
+'use strict'
+
+const plugin = require('../../../lib/index')
+const { strict: assert } = require('assert') // node v14 does not support 'assert/strict'
+
+describe('flat configs', () => {
+  it('should export base config', () => {
+    const base = plugin.configs['flat/base']
+    assert.ok(base)
+    assert.equal(typeof base, 'object')
+    assert.strictEqual(base.plugins.vue, plugin)
+    assert.strictEqual(base.rules['vue/comment-directive'], 'error')
+  })
+
+  it('should export essential config', () => {
+    const essential = plugin.configs['flat/essential']
+    assert.ok(essential)
+    assert.equal(typeof essential, 'object')
+    assert.strictEqual(essential.plugins.vue, plugin)
+    assert.strictEqual(essential.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(
+      essential.rules['vue/multi-word-component-names'],
+      'error'
+    )
+  })
+
+  it('should export strongly-recommended config', () => {
+    const stronglyRecommended = plugin.configs['flat/vue2-strongly-recommended']
+    assert.ok(stronglyRecommended)
+    assert.equal(typeof stronglyRecommended, 'object')
+    assert.strictEqual(stronglyRecommended.plugins.vue, plugin)
+    assert.strictEqual(
+      stronglyRecommended.rules['vue/comment-directive'],
+      'error'
+    )
+    assert.strictEqual(
+      stronglyRecommended.rules['vue/multi-word-component-names'],
+      'error'
+    )
+  })
+
+  it('should export recommended config', () => {
+    const recommended = plugin.configs['flat/recommended']
+    assert.ok(recommended)
+    assert.equal(typeof recommended, 'object')
+    assert.strictEqual(recommended.plugins.vue, plugin)
+    assert.strictEqual(recommended.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(
+      recommended.rules['vue/multi-word-component-names'],
+      'error'
+    )
+    assert.strictEqual(recommended.rules['vue/attributes-order'], 'warn')
+  })
+
+  it('should export vue2-essential config', () => {
+    const essential = plugin.configs['flat/vue2-essential']
+    assert.ok(essential)
+    assert.equal(typeof essential, 'object')
+    assert.strictEqual(essential.plugins.vue, plugin)
+    assert.strictEqual(essential.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(
+      essential.rules['vue/multi-word-component-names'],
+      'error'
+    )
+  })
+
+  it('should export vue2-strongly-recommended config', () => {
+    const stronglyRecommended = plugin.configs['flat/vue2-strongly-recommended']
+    assert.ok(stronglyRecommended)
+    assert.equal(typeof stronglyRecommended, 'object')
+    assert.strictEqual(stronglyRecommended.plugins.vue, plugin)
+    assert.strictEqual(
+      stronglyRecommended.rules['vue/comment-directive'],
+      'error'
+    )
+    assert.strictEqual(
+      stronglyRecommended.rules['vue/multi-word-component-names'],
+      'error'
+    )
+  })
+
+  it('should export vue2-recommended config', () => {
+    const recommended = plugin.configs['flat/vue2-recommended']
+    assert.ok(recommended)
+    assert.equal(typeof recommended, 'object')
+    assert.strictEqual(recommended.plugins.vue, plugin)
+    assert.strictEqual(recommended.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(
+      recommended.rules['vue/multi-word-component-names'],
+      'error'
+    )
+    assert.strictEqual(recommended.rules['vue/attributes-order'], 'warn')
+  })
+})
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index e59790168..5e340d618 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -23,16 +23,16 @@ const categoryTitles = {
   'vue3-use-with-caution': {
     text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 3.x'
   },
-  essential: {
+  'vue2-essential': {
     text: 'Priority A: Essential (Error Prevention) for Vue.js 2.x'
   },
-  'strongly-recommended': {
+  'vue2-strongly-recommended': {
     text: 'Priority B: Strongly Recommended (Improving Readability) for Vue.js 2.x'
   },
-  recommended: {
+  'vue2-recommended': {
     text: 'Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead) for Vue.js 2.x'
   },
-  'use-with-caution': {
+  'vue2-use-with-caution': {
     text: 'Priority D: Use with Caution (Potentially Dangerous Patterns) for Vue.js 2.x'
   }
 }
diff --git a/tools/lib/configs.js b/tools/lib/configs.js
deleted file mode 100644
index 031f41e67..000000000
--- a/tools/lib/configs.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * @author Michał Sajnóg <https://github.com/michalsnik>
- * See LICENSE file in root directory for full license.
- */
-
-'use strict'
-
-const fs = require('fs')
-const path = require('path')
-const ROOT = path.resolve(__dirname, '../../lib/configs')
-
-module.exports = fs
-  .readdirSync(ROOT)
-  .filter((file) => path.extname(file) === '.js')
-  .map((file) => path.basename(file, '.js'))
diff --git a/tools/lib/utils.js b/tools/lib/utils.js
index eb3f53fd7..937288ec4 100644
--- a/tools/lib/utils.js
+++ b/tools/lib/utils.js
@@ -2,11 +2,11 @@ module.exports = { getPresetIds, formatItems }
 
 const presetCategories = {
   base: null,
-  essential: 'base',
+  'vue2-essential': 'base',
   'vue3-essential': 'base',
-  'strongly-recommended': 'essential',
+  'vue2-strongly-recommended': 'vue2-essential',
   'vue3-strongly-recommended': 'vue3-essential',
-  recommended: 'strongly-recommended',
+  'vue2-recommended': 'vue2-strongly-recommended',
   'vue3-recommended': 'vue3-strongly-recommended'
   // 'use-with-caution': 'recommended',
   // 'vue3-use-with-caution': 'vue3-recommended'
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 216cc4e2e..017ffe17e 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -88,19 +88,19 @@ const categoryGroups = [
   {
     title: 'Priority A: Essential (Error Prevention)',
     categoryIdForVue3: 'vue3-essential',
-    categoryIdForVue2: 'essential',
+    categoryIdForVue2: 'vue2-essential',
     useMark: true
   },
   {
     title: 'Priority B: Strongly Recommended (Improving Readability)',
     categoryIdForVue3: 'vue3-strongly-recommended',
-    categoryIdForVue2: 'strongly-recommended',
+    categoryIdForVue2: 'vue2-strongly-recommended',
     useMark: true
   },
   {
     title: 'Priority C: Recommended (Potentially Dangerous Patterns)',
     categoryIdForVue3: 'vue3-recommended',
-    categoryIdForVue2: 'recommended',
+    categoryIdForVue2: 'vue2-recommended',
     useMark: true
   }
 ]
@@ -127,7 +127,7 @@ ${group.description}
         (categoryId) => `\`"plugin:vue/${categoryId}"\``
       )
       const presetsForVue2 = getPresetIds([group.categoryIdForVue2]).map(
-        (categoryId) => `\`"plugin:vue/${categoryId}"\``
+        (categoryId) => `\`"plugin:vue/${categoryId.replace(/^vue2-/, '')}"\`` // 'vue2-recommended' ->  'recommended'
       )
       content += `
 - ${VUE3_EMOJI} Indicates that the rule is for Vue 3 and is included in ${formatItems(
diff --git a/tools/update-docs.js b/tools/update-docs.js
index d64293ae4..e32d5a1d0 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -123,7 +123,9 @@ class DocFile {
     }
     if (meta.docs?.categories) {
       const presets = getPresetIds(meta.docs.categories).map(
-        (categoryId) => `\`"plugin:vue/${categoryId}"\``
+        // non-prefixed configs are for vue2
+        // e.g. 'vue2-recommended' ->  'recommended'
+        (categoryId) => `\`"plugin:vue/${categoryId.replace(/^vue2-/, '')}"\``
       )
 
       notes.push(`- :gear: This rule is included in ${formatItems(presets)}.`)
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index b8622e4b0..a5b8ced7b 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -14,17 +14,17 @@ const path = require('path')
 const { FlatESLint } = require('eslint/use-at-your-own-risk')
 const categories = require('./lib/categories')
 
-const errorCategories = new Set(['base', 'essential', 'vue3-essential'])
+const errorCategories = new Set(['base', 'vue2-essential', 'vue3-essential'])
 
 const extendsCategories = {
   base: null,
-  essential: 'base',
+  'vue2-essential': 'base',
   'vue3-essential': 'base',
-  'strongly-recommended': 'essential',
+  'vue2-strongly-recommended': 'vue2-essential',
   'vue3-strongly-recommended': 'vue3-essential',
-  recommended: 'strongly-recommended',
+  'vue2-recommended': 'vue2-strongly-recommended',
   'vue3-recommended': 'vue3-strongly-recommended',
-  'use-with-caution': 'recommended',
+  'vue2-use-with-caution': 'vue2-recommended',
   'vue3-use-with-caution': 'vue3-recommended'
 }
 
diff --git a/tools/update-lib-flat-configs.js b/tools/update-lib-flat-configs.js
new file mode 100644
index 000000000..1266b7873
--- /dev/null
+++ b/tools/update-lib-flat-configs.js
@@ -0,0 +1,101 @@
+/**
+ * @author 唯然<weiran.zsd@outlook.com>
+ * @copyright 2023- 唯然. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+/*
+This script updates `lib/configs/flat/*.js` files from rule's meta data.
+*/
+
+const fs = require('fs')
+const path = require('path')
+const { FlatESLint } = require('eslint/use-at-your-own-risk')
+const categories = require('./lib/categories')
+
+const errorCategories = new Set(['base', 'vue2-essential', 'vue3-essential'])
+
+const extendsCategories = {
+  base: null,
+  'vue2-essential': 'base',
+  'vue3-essential': 'base',
+  'vue2-strongly-recommended': 'vue2-essential',
+  'vue3-strongly-recommended': 'vue3-essential',
+  'vue2-recommended': 'vue2-strongly-recommended',
+  'vue3-recommended': 'vue3-strongly-recommended',
+  'vue2-use-with-caution': 'vue2-recommended',
+  'vue3-use-with-caution': 'vue3-recommended'
+}
+
+function formatRules(rules, categoryId) {
+  const obj = Object.fromEntries(
+    rules.map((rule) => {
+      let options = errorCategories.has(categoryId) ? 'error' : 'warn'
+      const defaultOptions =
+        rule.meta && rule.meta.docs && rule.meta.docs.defaultOptions
+      if (defaultOptions) {
+        const v = categoryId.startsWith('vue3') ? 3 : 2
+        const defaultOption = defaultOptions[`vue${v}`]
+        if (defaultOption) {
+          options = [options, ...defaultOption]
+        }
+      }
+      return [rule.ruleId, options]
+    })
+  )
+  return JSON.stringify(obj, null, 2)
+}
+
+function formatCategory(category) {
+  const extendsCategoryId = extendsCategories[category.categoryId]
+  if (extendsCategoryId == null) {
+    return `/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+const globals = require('globals')
+module.exports = {
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    sourceType: 'module',
+    globals: globals.browser
+  },
+  rules: ${formatRules(category.rules, category.categoryId)}
+}
+
+`
+  }
+  return `/*
+ * IMPORTANT!
+ * This file has been automatically generated,
+ * in order to update its content execute "npm run update"
+ */
+'use strict'
+const config = require('./${extendsCategoryId}.js')
+const { extendRules } = require('../../utils/config-helpers.js')
+
+const rules = ${formatRules(category.rules, category.categoryId)}
+
+module.exports = extendRules(config, rules)
+`
+}
+
+// Update files.
+const ROOT = path.resolve(__dirname, '../lib/configs/flat/')
+for (const category of categories) {
+  const filePath = path.join(ROOT, `${category.categoryId}.js`)
+  const content = formatCategory(category)
+
+  fs.writeFileSync(filePath, content)
+}
+
+// Format files.
+async function format() {
+  const linter = new FlatESLint({ fix: true })
+  const report = await linter.lintFiles([ROOT])
+  FlatESLint.outputFixes(report)
+}
+
+format()
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index d12830725..399da68fd 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -13,7 +13,6 @@ const fs = require('fs')
 const path = require('path')
 const { FlatESLint } = require('eslint/use-at-your-own-risk')
 const rules = require('./lib/rules')
-const configs = require('./lib/configs')
 
 // Update files.
 const filePath = path.resolve(__dirname, '../lib/index.js')
@@ -24,18 +23,13 @@ const content = `/*
  */
 'use strict'
 
-module.exports = {
+const plugin = {
   meta: require('./meta'),
   rules: {
     ${rules
       .map((rule) => `'${rule.name}': require('./rules/${rule.name}')`)
       .join(',\n')}
   },
-  configs: {
-    ${configs
-      .map((config) => `'${config}': require('./configs/${config}')`)
-      .join(',\n')}
-  },
   processors: {
     '.vue': require('./processor')
   },
@@ -52,6 +46,33 @@ module.exports = {
     }
   }
 }
+
+const baseConfig = {plugins: {vue: plugin}}
+
+plugin.configs = {
+  // eslintrc configs
+  base: require('./configs/base'),
+  essential: require('./configs/vue2-essential'),
+  'no-layout-rules': require('./configs/no-layout-rules'),
+  recommended: require('./configs/vue2-recommended'),
+  'strongly-recommended': require('./configs/vue2-strongly-recommended'),
+  'vue3-essential': require('./configs/vue3-essential'),
+  'vue3-recommended': require('./configs/vue3-recommended'),
+  'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
+
+  // flat configs
+  'flat/base': Object.assign({}, baseConfig, require('./configs/flat/base.js')),
+  'flat/vue2-essential': Object.assign({}, baseConfig, require('./configs/flat/vue2-essential.js')),
+  'flat/vue2-recommended': Object.assign({}, baseConfig, require('./configs/flat/vue2-recommended.js')),
+  'flat/vue2-strongly-recommended': Object.assign({}, baseConfig, require('./configs/flat/vue2-strongly-recommended.js')),
+
+  // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
+  'flat/essential': Object.assign({}, baseConfig, require('./configs/flat/vue3-essential.js')),
+  'flat/recommended': Object.assign({}, baseConfig, require('./configs/flat/vue3-recommended.js')),
+  'flat/strongly-recommended': Object.assign({}, baseConfig, require('./configs/flat/vue3-strongly-recommended.js')),
+}
+
+module.exports = plugin
 `
 fs.writeFileSync(filePath, content)
 
diff --git a/tools/update.js b/tools/update.js
index 266aedbcc..de792d507 100644
--- a/tools/update.js
+++ b/tools/update.js
@@ -7,6 +7,7 @@
 
 require('./update-no-layout-rules-config')
 require('./update-lib-configs')
+require('./update-lib-flat-configs')
 require('./update-lib-index')
 require('./update-docs')
 require('./update-docs-rules-index')

From f0af008474475e0581dacdc85e63e791fb37a4f1 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <zhanghaowei19W@gmail.com>
Date: Mon, 25 Mar 2024 08:34:15 +0800
Subject: [PATCH 0727/1010] fix(no-restricted-class): error in empty value
 (#2425)

---
 lib/rules/no-restricted-class.js       | 2 +-
 tests/lib/rules/no-restricted-class.js | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index 984893b72..41d30df2d 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -132,7 +132,7 @@ module.exports = {
       /**
        * @param {VAttribute & { value: VLiteral } } node
        */
-      'VAttribute[directive=false][key.name="class"]'(node) {
+      'VAttribute[directive=false][key.name="class"][value!=null]'(node) {
         for (const className of node.value.value.split(/\s+/)) {
           reportForbiddenClass(
             className,
diff --git a/tests/lib/rules/no-restricted-class.js b/tests/lib/rules/no-restricted-class.js
index d7e079261..97cc0b4b1 100644
--- a/tests/lib/rules/no-restricted-class.js
+++ b/tests/lib/rules/no-restricted-class.js
@@ -18,6 +18,8 @@ const ruleTester = new RuleTester({
 ruleTester.run('no-restricted-class', rule, {
   valid: [
     `<template><div class="allowed">Content</div></template>`,
+    `<template><div class>Content</div></template>`,
+    `<template><div :class>Content</div></template>`,
     {
       code: `<template><div class="allowed"">Content</div></template>`,
       options: ['forbidden']

From c6c5c462e4e55d31552b4e1cb7ed524c7efc07c7 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 25 Mar 2024 19:49:18 +0900
Subject: [PATCH 0728/1010] Change flat config to an array to accept `*.vue`
 (#2436)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/.vitepress/vite-plugin.mts               |   4 +-
 docs/rules/attribute-hyphenation.md           |   2 +-
 docs/rules/attributes-order.md                |   2 +-
 docs/rules/comment-directive.md               |   2 +-
 .../rules/component-definition-name-casing.md |   2 +-
 docs/rules/component-tags-order.md            |   2 +-
 docs/rules/first-attribute-linebreak.md       |   2 +-
 docs/rules/html-closing-bracket-newline.md    |   2 +-
 docs/rules/html-closing-bracket-spacing.md    |   2 +-
 docs/rules/html-end-tags.md                   |   2 +-
 docs/rules/html-indent.md                     |   2 +-
 docs/rules/html-quotes.md                     |   2 +-
 docs/rules/html-self-closing.md               |   2 +-
 docs/rules/index.md                           |  12 +-
 docs/rules/jsx-uses-vars.md                   |   2 +-
 docs/rules/max-attributes-per-line.md         |   2 +-
 docs/rules/multi-word-component-names.md      |   2 +-
 .../multiline-html-element-content-newline.md |   2 +-
 docs/rules/mustache-interpolation-spacing.md  |   2 +-
 docs/rules/no-arrow-functions-in-watch.md     |   2 +-
 docs/rules/no-async-in-computed-properties.md |   2 +-
 docs/rules/no-child-content.md                |   2 +-
 docs/rules/no-computed-properties-in-data.md  |   2 +-
 docs/rules/no-custom-modifiers-on-v-model.md  |   2 +-
 .../no-deprecated-data-object-declaration.md  |   2 +-
 .../no-deprecated-destroyed-lifecycle.md      |   2 +-
 .../no-deprecated-dollar-listeners-api.md     |   2 +-
 .../no-deprecated-dollar-scopedslots-api.md   |   2 +-
 docs/rules/no-deprecated-events-api.md        |   2 +-
 docs/rules/no-deprecated-filter.md            |   2 +-
 .../no-deprecated-functional-template.md      |   2 +-
 docs/rules/no-deprecated-html-element-is.md   |   2 +-
 docs/rules/no-deprecated-inline-template.md   |   2 +-
 .../rules/no-deprecated-props-default-this.md |   2 +-
 .../no-deprecated-router-link-tag-prop.md     |   2 +-
 docs/rules/no-deprecated-scope-attribute.md   |   2 +-
 docs/rules/no-deprecated-slot-attribute.md    |   2 +-
 .../no-deprecated-slot-scope-attribute.md     |   2 +-
 docs/rules/no-deprecated-v-bind-sync.md       |   2 +-
 docs/rules/no-deprecated-v-is.md              |   2 +-
 .../no-deprecated-v-on-native-modifier.md     |   2 +-
 .../no-deprecated-v-on-number-modifiers.md    |   2 +-
 .../no-deprecated-vue-config-keycodes.md      |   2 +-
 docs/rules/no-dupe-keys.md                    |   2 +-
 docs/rules/no-dupe-v-else-if.md               |   2 +-
 docs/rules/no-duplicate-attributes.md         |   2 +-
 docs/rules/no-export-in-script-setup.md       |   2 +-
 docs/rules/no-expose-after-await.md           |   2 +-
 docs/rules/no-lifecycle-after-await.md        |   2 +-
 docs/rules/no-lone-template.md                |   2 +-
 docs/rules/no-multi-spaces.md                 |   2 +-
 docs/rules/no-multiple-slot-args.md           |   2 +-
 docs/rules/no-multiple-template-root.md       |   2 +-
 docs/rules/no-mutating-props.md               |   2 +-
 docs/rules/no-parsing-error.md                |   2 +-
 docs/rules/no-ref-as-operand.md               |   2 +-
 docs/rules/no-reserved-component-names.md     |   2 +-
 docs/rules/no-reserved-keys.md                |   2 +-
 docs/rules/no-reserved-props.md               |   2 +-
 docs/rules/no-shared-component-data.md        |   2 +-
 .../no-side-effects-in-computed-properties.md |   2 +-
 ...-spaces-around-equal-signs-in-attribute.md |   2 +-
 docs/rules/no-template-key.md                 |   2 +-
 docs/rules/no-template-shadow.md              |   2 +-
 docs/rules/no-textarea-mustache.md            |   2 +-
 docs/rules/no-unused-components.md            |   2 +-
 docs/rules/no-unused-vars.md                  |   2 +-
 .../no-use-computed-property-like-method.md   |   2 +-
 docs/rules/no-use-v-if-with-v-for.md          |   2 +-
 docs/rules/no-useless-template-attributes.md  |   2 +-
 docs/rules/no-v-for-template-key-on-child.md  |   2 +-
 docs/rules/no-v-for-template-key.md           |   2 +-
 docs/rules/no-v-html.md                       |   2 +-
 docs/rules/no-v-model-argument.md             |   2 +-
 docs/rules/no-v-text-v-html-on-component.md   |   2 +-
 docs/rules/no-watch-after-await.md            |   2 +-
 docs/rules/one-component-per-file.md          |   2 +-
 docs/rules/order-in-components.md             |   2 +-
 docs/rules/prefer-import-from-vue.md          |   2 +-
 docs/rules/prop-name-casing.md                |   2 +-
 docs/rules/require-component-is.md            |   2 +-
 docs/rules/require-default-prop.md            |   2 +-
 docs/rules/require-explicit-emits.md          |   2 +-
 docs/rules/require-prop-type-constructor.md   |   2 +-
 docs/rules/require-prop-types.md              |   2 +-
 docs/rules/require-render-return.md           |   2 +-
 docs/rules/require-slots-as-functions.md      |   2 +-
 .../rules/require-toggle-inside-transition.md |   2 +-
 docs/rules/require-v-for-key.md               |   2 +-
 docs/rules/require-valid-default-prop.md      |   2 +-
 docs/rules/return-in-computed-property.md     |   2 +-
 docs/rules/return-in-emits-validator.md       |   2 +-
 ...singleline-html-element-content-newline.md |   2 +-
 docs/rules/this-in-template.md                |   2 +-
 docs/rules/use-v-on-exact.md                  |   2 +-
 docs/rules/v-bind-style.md                    |   2 +-
 docs/rules/v-on-event-hyphenation.md          |   2 +-
 docs/rules/v-on-style.md                      |   2 +-
 docs/rules/v-slot-style.md                    |   2 +-
 docs/rules/valid-attribute-name.md            |   2 +-
 docs/rules/valid-define-emits.md              |   2 +-
 docs/rules/valid-define-props.md              |   2 +-
 docs/rules/valid-model-definition.md          |   2 +-
 docs/rules/valid-next-tick.md                 |   2 +-
 docs/rules/valid-template-root.md             |   2 +-
 docs/rules/valid-v-bind-sync.md               |   2 +-
 docs/rules/valid-v-bind.md                    |   2 +-
 docs/rules/valid-v-cloak.md                   |   2 +-
 docs/rules/valid-v-else-if.md                 |   2 +-
 docs/rules/valid-v-else.md                    |   2 +-
 docs/rules/valid-v-for.md                     |   2 +-
 docs/rules/valid-v-html.md                    |   2 +-
 docs/rules/valid-v-if.md                      |   2 +-
 docs/rules/valid-v-is.md                      |   2 +-
 docs/rules/valid-v-memo.md                    |   2 +-
 docs/rules/valid-v-model.md                   |   2 +-
 docs/rules/valid-v-on.md                      |   2 +-
 docs/rules/valid-v-once.md                    |   2 +-
 docs/rules/valid-v-pre.md                     |   2 +-
 docs/rules/valid-v-show.md                    |   2 +-
 docs/rules/valid-v-slot.md                    |   2 +-
 docs/rules/valid-v-text.md                    |   2 +-
 docs/user-guide/index.md                      |  58 ++++-
 lib/configs/flat/base.js                      |  38 ++-
 lib/configs/flat/vue2-essential.js            | 136 +++++-----
 lib/configs/flat/vue2-recommended.js          |  26 +-
 lib/configs/flat/vue2-strongly-recommended.js |  58 +++--
 lib/configs/flat/vue3-essential.js            | 172 +++++++------
 lib/configs/flat/vue3-recommended.js          |  26 +-
 lib/configs/flat/vue3-strongly-recommended.js |  72 +++---
 lib/index.js                                  |  74 ++----
 lib/utils/config-helpers.js                   |  19 --
 package.json                                  |   1 +
 tests/eslint-compat.js                        |   9 +
 tests/integrations/flat-config.js             |  42 +++
 tests/integrations/flat-config/.npmrc         |   1 +
 tests/integrations/flat-config/a.vue          |  12 +
 .../integrations/flat-config/eslint.config.js |   9 +
 tests/integrations/flat-config/package.json   |  13 +
 tests/lib/configs/flat.js                     | 243 ++++++++++++++++--
 tools/lib/categories.js                       |  45 +++-
 tools/update-docs-rules-index.js              |   7 +-
 tools/update-docs.js                          |   7 +-
 tools/update-lib-configs.js                   |   2 +-
 tools/update-lib-flat-configs.js              |  49 +++-
 tools/update-lib-index.js                     |  50 ++--
 146 files changed, 894 insertions(+), 531 deletions(-)
 delete mode 100644 lib/utils/config-helpers.js
 create mode 100644 tests/integrations/flat-config.js
 create mode 100644 tests/integrations/flat-config/.npmrc
 create mode 100644 tests/integrations/flat-config/a.vue
 create mode 100644 tests/integrations/flat-config/eslint.config.js
 create mode 100644 tests/integrations/flat-config/package.json

diff --git a/docs/.vitepress/vite-plugin.mts b/docs/.vitepress/vite-plugin.mts
index fd0644ed5..ba1ca7db0 100644
--- a/docs/.vitepress/vite-plugin.mts
+++ b/docs/.vitepress/vite-plugin.mts
@@ -65,7 +65,7 @@ function transformRequire(code: string) {
         id += Math.random().toString(32).substring(2)
       }
       modules.set(id, moduleString)
-      return id
+      return id + '()'
     }
   )
 
@@ -73,7 +73,7 @@ function transformRequire(code: string) {
     [...modules]
       .map(([id, moduleString]) => {
         return `import * as __temp_${id} from ${moduleString};
-const ${id} = __temp_${id}.default || __temp_${id};
+const ${id} = () => __temp_${id}.default || __temp_${id};
 `
       })
       .join('') +
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index 5c2de0027..d5fba2e31 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > enforce attribute naming style on custom components in template
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index a9cf47288..366f134b8 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -10,7 +10,7 @@ since: v4.3.0
 
 > enforce order of attributes
 
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index b95f31668..9bc227a6f 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -10,7 +10,7 @@ since: v4.1.0
 
 > support comment-directives in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/base"`, `*.configs["flat/base"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 Sole purpose of this rule is to provide `eslint-disable` functionality in the `<template>` and in the block level.
 It supports usage of the following comments:
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index c650f88b2..5730e9bb1 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce specific casing for component definition name
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for component definition name casing for consistency purposes.
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 8e41558fa..d7688981d 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -11,7 +11,7 @@ since: v6.1.0
 > enforce order of component top-level elements
 
 - :no_entry_sign: This rule was **deprecated** and replaced by [vue/block-order](block-order.md) rule.
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index 14f797045..1302adade 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -10,7 +10,7 @@ since: v8.0.0
 
 > enforce the location of first attribute
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index f47d4ac7b..0c7d76eed 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -10,7 +10,7 @@ since: v4.1.0
 
 > require or disallow a line break before tag's closing brackets
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 People have their own preference about the location of closing brackets.
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index 0ab207292..427dce55a 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -10,7 +10,7 @@ since: v4.1.0
 
 > require or disallow a space before tag's closing brackets
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index e0ce57929..5eaca8571 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce end tag style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index bb8f764fc..d152d1cda 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -10,7 +10,7 @@ since: v3.14.0
 
 > enforce consistent indentation in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index f81ecfa25..9b23a4da2 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce quotes style of HTML attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 You can choose quotes of HTML attributes from:
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index 15d16aa53..b71fb72df 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce self-closing style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/index.md b/docs/rules/index.md
index ad3d06906..e718603f8 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -34,8 +34,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 ## Priority A: Essential (Error Prevention)
 
-- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"` presets.
-- :two: Indicates that the rule is for Vue 2 and is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"` presets.
+- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in all of `"plugin:vue/essential"`,`*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`,`*.configs["flat/vue2-strongly-recommended"]` and `"plugin:vue/recommended"`,`*.configs["flat/vue2-recommended"]` presets.
 
 <rules-table>
 
@@ -132,8 +132,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 ## Priority B: Strongly Recommended (Improving Readability)
 
-- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"` presets.
-- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"` presets.
+- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/strongly-recommended"`,`*.configs["flat/vue2-strongly-recommended"]` and `"plugin:vue/recommended"`,`*.configs["flat/vue2-recommended"]` presets.
 
 <rules-table>
 
@@ -169,8 +169,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 ## Priority C: Recommended (Potentially Dangerous Patterns)
 
-- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/vue3-recommended"` preset.
-- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/recommended"` preset.
+- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/recommended"`,`*.configs["flat/vue2-recommended"]` preset.
 
 <rules-table>
 
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index c3b63d9f0..87c6be65f 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -10,7 +10,7 @@ since: v2.0.0
 
 > prevent variables used in JSX to be marked as unused
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/base"`, `*.configs["flat/base"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 Since 0.17.0 the ESLint `no-unused-vars` rule does not detect variables used in JSX ([see details](https://eslint.org/blog/2015/03/eslint-0.17.0-released#changes-to-jsxreact-handling)).
 This rule will find variables used in JSX and mark them as used.
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 54893a574..842167621 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -10,7 +10,7 @@ since: v3.12.0
 
 > enforce the maximum number of attributes per line
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 Limits the maximum number of attributes/properties per line to improve readability.
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 154a0e870..4c66961dd 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -10,7 +10,7 @@ since: v7.20.0
 
 > require component names to be always multi-word
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index dd0a51456..1a55362f5 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > require a line break before and after the contents of a multiline element
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index 10f1190b5..b20e74357 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > enforce unified spacing in mustache interpolations
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 6b8147f91..3b04ff8ba 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using arrow functions to define watcher
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index f780d9a72..34300afe9 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -10,7 +10,7 @@ since: v3.8.0
 
 > disallow asynchronous actions in computed properties
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 Computed properties and functions should be synchronous. Asynchronous actions inside them may not work as expected and can lead to an unexpected behaviour, that's why you should avoid them.
 If you need async computed properties you might want to consider using additional plugin [vue-async-computed]
diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
index 1aac4f043..c16d29262 100644
--- a/docs/rules/no-child-content.md
+++ b/docs/rules/no-child-content.md
@@ -10,7 +10,7 @@ since: v8.1.0
 
 > disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index effb53035..35bf62f1d 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -10,7 +10,7 @@ since: v7.20.0
 
 > disallow accessing computed properties in `data`.
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index 786f90519..8ec3a031b 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow custom modifiers on v-model used on the component
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `v-model` used on the component do not have custom modifiers.
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 2dd244253..653ae4500 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index ea9b6d311..a34543b2d 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index 9016446e2..bf1282c69 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index 57f7e7938..9d7d52a69 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index 41520cd97..d5fae2139 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated events api (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index e27f31504..fb2c1e036 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index 82deb75a4..4d32f5a76 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index 4734fab45..84a4bdb2a 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index 4a4605dab..339718834 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index 6afe1deb7..26ae656ad 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-router-link-tag-prop.md b/docs/rules/no-deprecated-router-link-tag-prop.md
index c0b770476..e48ff721b 100644
--- a/docs/rules/no-deprecated-router-link-tag-prop.md
+++ b/docs/rules/no-deprecated-router-link-tag-prop.md
@@ -10,7 +10,7 @@ since: v7.20.0
 
 > disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index 15fc7276d..e6a7ec223 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -10,7 +10,7 @@ since: v6.0.0
 
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 736956534..9e30d3eb8 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 51344aab1..906be19d0 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index 9a4ac282c..adf0f5580 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 884ad1082..50b1b2d6f 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -10,7 +10,7 @@ since: v7.11.0
 
 > disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index c86ceffa5..a750564f2 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 5f610ada0..74000caa6 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index f7d2e4b2f..69d2deed0 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index 46b1108e6..b05e0ed81 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > disallow duplication of field names
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule prevents using duplicate key names.
 
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
index 425756792..d7b1f2b73 100644
--- a/docs/rules/no-dupe-v-else-if.md
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow duplicate conditions in `v-if` / `v-else-if` chains
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index 099316ea4..ef8ec8108 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > disallow duplication of attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 When there are multiple attributes with the same name on a component, only the last one is used and the rest are ignored, so this is usually a mistake.
 
diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
index d8eb631e7..1aeaa18e0 100644
--- a/docs/rules/no-export-in-script-setup.md
+++ b/docs/rules/no-export-in-script-setup.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > disallow `export` in `<script setup>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 2a58a9df9..67fef3b94 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -10,7 +10,7 @@ since: v8.1.0
 
 > disallow asynchronously registered `expose`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index 6c8f7b9e1..8ce821584 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow asynchronously registered lifecycle hooks
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index 3ed51c97b..09bd00ad2 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow unnecessary `<template>`
 
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 22b232e2a..0f872f916 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -10,7 +10,7 @@ since: v3.12.0
 
 > disallow multiple spaces
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index 15a5b6951..b669e5632 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow to pass multiple arguments to scoped slots
 
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index d2faacfed..8e10827b0 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow adding multiple root nodes to the template
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index a3bcaa963..64bc94892 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow mutation of component props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index d6e14aa0b..c819d6aa9 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > disallow parsing errors in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule reports syntax errors in `<template>`. For example:
 
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index 951c587ca..e2506e76b 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 4130c8c9f..a5d85cde8 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow the use of reserved names in component definitions
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index bea373831..6c253b554 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > disallow overwriting reserved keys
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-reserved-props.md b/docs/rules/no-reserved-props.md
index 23754b228..6c56481ac 100644
--- a/docs/rules/no-reserved-props.md
+++ b/docs/rules/no-reserved-props.md
@@ -10,7 +10,7 @@ since: v8.0.0
 
 > disallow reserved names in props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index 654c16d4d..caf2dc998 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -10,7 +10,7 @@ since: v3.8.0
 
 > enforce component's data property to be a function
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 When using the data property on a component (i.e. anywhere except on `new Vue`), the value must be a function that returns an object.
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 1edfebcfe..201230f85 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -10,7 +10,7 @@ since: v3.6.0
 
 > disallow side effects in computed properties
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index dc648d3f8..a88f88d0c 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > disallow spaces around equal signs in attribute
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index 246fc0cdb..7780982ba 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -10,7 +10,7 @@ since: v3.4.0
 
 > disallow `key` attribute on `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 Vue.js disallows `key` attribute on `<template>` elements.
 
diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 6744d4dc9..29eacacc0 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > disallow variable declarations from shadowing variables declared in the outer scope
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 `no-template-shadow` should report variable definitions of v-for directives or scope attributes if they shadow the variables in parent scopes.
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 67e7907d7..4786908b6 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > disallow mustaches in `<textarea>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unused-components.md b/docs/rules/no-unused-components.md
index 295cc3884..acd940c28 100644
--- a/docs/rules/no-unused-components.md
+++ b/docs/rules/no-unused-components.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow registering components that are not used inside templates
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index 204773dce..ca19368f3 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -10,7 +10,7 @@ since: v3.14.0
 
 > disallow unused variable definitions of v-for directives or scope attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
index df210743f..6d607ef1b 100644
--- a/docs/rules/no-use-computed-property-like-method.md
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -10,7 +10,7 @@ since: v7.15.0
 
 > disallow use computed property like method
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index f36af6b99..02720ea14 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -10,7 +10,7 @@ since: v4.6.0
 
 > disallow using `v-if` on the same element as `v-for`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-useless-template-attributes.md b/docs/rules/no-useless-template-attributes.md
index 9b79f95a3..e55b27fbe 100644
--- a/docs/rules/no-useless-template-attributes.md
+++ b/docs/rules/no-useless-template-attributes.md
@@ -10,7 +10,7 @@ since: v7.19.0
 
 > disallow useless attribute on `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index 2186b2326..319d40063 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow key of `<template v-for>` placed on child elements
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 8a7f52279..69762607c 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow `key` attribute on `<template v-for>`
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index b4cdd7e43..4cb5dd4f7 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -10,7 +10,7 @@ since: v4.7.0
 
 > disallow use of v-html to prevent XSS attack
 
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index 70dbdc60f..5df96e432 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow adding an argument to `v-model` used in custom component
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `v-model` used on custom component do not have an argument.
 
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 66c3af00f..8e504d859 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -10,7 +10,7 @@ since: v8.4.0
 
 > disallow v-text / v-html on component
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/vue3-essential"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index d3f31ab43..78854371b 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow asynchronously registered `watch`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index eca6708e9..6fbede339 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce that each component should be in its own file
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index c23ca80f4..d901fbe74 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -10,7 +10,7 @@ since: v3.2.0
 
 > enforce order of properties in components
 
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
index 622ae9031..a15ca8481 100644
--- a/docs/rules/prefer-import-from-vue.md
+++ b/docs/rules/prefer-import-from-vue.md
@@ -10,7 +10,7 @@ since: v8.5.0
 
 > enforce import from 'vue' instead of import from '@vue/\*'
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 11b850bcd..1f9f82624 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -10,7 +10,7 @@ since: v4.3.0
 
 > enforce specific casing for the Prop name in Vue components
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 2dd25bf84..355db29b3 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > require `v-bind:is` of `<component>` elements
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index 237bfadab..f997b208d 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > require default value for props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index 80738c641..d04dec8b3 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > require `emits` option with name triggered by `$emit()`
 
-- :gear: This rule is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 8078fe468..7c7dee6f8 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > require prop type to be a constructor
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index 94239bf41..c1a1935b5 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > require type definitions in props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index ef35006fb..406bc6c29 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -10,7 +10,7 @@ since: v3.10.0
 
 > enforce render function to always return value
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index 85518972d..c56bd04c6 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce properties of `$slots` to be used as a function
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index 7e581d26e..c62de95cb 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > require control the display of the content inside `<transition>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index 7699e1b30..e6664f5f5 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > require `v-bind:key` with `v-for` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index e179a2788..4a78dadf6 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > enforce props default values to be valid
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 3fe5a471c..67ab18b15 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -10,7 +10,7 @@ since: v3.7.0
 
 > enforce that a return statement is present in computed property
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index 96763a6e6..8452a53a8 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce that a return statement is present in emits validator
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index c85e9ab0c..11531dcf7 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > require a line break before and after the contents of a singleline element
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index 755742527..65fb6bfe6 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > disallow usage of `this` in template
 
-- :gear: This rule is included in `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index 8294fb0da..e2e7f4738 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > enforce usage of `exact` modifier on `v-on`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index f87ac4e97..fc5c82bc7 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce `v-bind` directive style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 60c9d84d2..811b37437 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -10,7 +10,7 @@ since: v7.4.0
 
 > enforce v-on event naming style on custom components in template
 
-- :gear: This rule is included in `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 7cf70cd36..56bcb2221 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce `v-on` directive style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index bd8832acf..64a0fb96d 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -10,7 +10,7 @@ since: v6.0.0
 
 > enforce `v-slot` directive style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-attribute-name.md b/docs/rules/valid-attribute-name.md
index 82a217eb1..1d71781a9 100644
--- a/docs/rules/valid-attribute-name.md
+++ b/docs/rules/valid-attribute-name.md
@@ -10,7 +10,7 @@ since: v9.0.0
 
 > require valid attribute names
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index d86f8d059..db811aa85 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > enforce valid `defineEmits` compiler macro
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `defineEmits` compiler macro is valid.
 
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index 81bbe02b9..5acbf83a6 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > enforce valid `defineProps` compiler macro
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `defineProps` compiler macro is valid.
 
diff --git a/docs/rules/valid-model-definition.md b/docs/rules/valid-model-definition.md
index fd660562a..601c4bfc2 100644
--- a/docs/rules/valid-model-definition.md
+++ b/docs/rules/valid-model-definition.md
@@ -10,7 +10,7 @@ since: v9.0.0
 
 > require valid keys in model option
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index ebac55513..832bfcc4f 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -10,7 +10,7 @@ since: v7.5.0
 
 > enforce valid `nextTick` function calls
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index 3e474e966..cfc61a2a6 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid template root
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every template root is valid.
 
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 964997640..cbaf82813 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce valid `.sync` modifier on `v-bind` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `.sync` modifier on `v-bind` directives is valid.
 
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index 0a7ba3c1a..ef55ec9d5 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-bind` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-bind` directive is valid.
 
diff --git a/docs/rules/valid-v-cloak.md b/docs/rules/valid-v-cloak.md
index 5d40b6db8..cf17be8a2 100644
--- a/docs/rules/valid-v-cloak.md
+++ b/docs/rules/valid-v-cloak.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-cloak` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-cloak` directive is valid.
 
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index de0645c9b..9e927e0d4 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-else-if` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-else-if` directive is valid.
 
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index 827bd9893..033f75539 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-else` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-else` directive is valid.
 
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 45b33949c..68eb21fe6 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-for` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-for` directive is valid.
 
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index 10c6319e6..84a0f0497 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-html` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-html` directive is valid.
 
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index 9afba0a24..eabe519ad 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-if` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-if` directive is valid.
 
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index 14e6bb31d..b90dfb2f5 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce valid `v-is` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 This rule checks whether every `v-is` directive is valid.
 
diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
index ca027cd3c..eaa7d9efe 100644
--- a/docs/rules/valid-v-memo.md
+++ b/docs/rules/valid-v-memo.md
@@ -10,7 +10,7 @@ since: v7.16.0
 
 > enforce valid `v-memo` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/vue3-strongly-recommended"` and `"plugin:vue/vue3-recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 
 This rule checks whether every `v-memo` directive is valid.
 
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 35fbe1cdc..67cb9c1ef 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-model` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-model` directive is valid.
 
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index 22e2e8178..26b569693 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-on` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-on` directive is valid.
 
diff --git a/docs/rules/valid-v-once.md b/docs/rules/valid-v-once.md
index b5bedff9a..563980070 100644
--- a/docs/rules/valid-v-once.md
+++ b/docs/rules/valid-v-once.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-once` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-once` directive is valid.
 
diff --git a/docs/rules/valid-v-pre.md b/docs/rules/valid-v-pre.md
index 5496d90c5..3d2e56fb7 100644
--- a/docs/rules/valid-v-pre.md
+++ b/docs/rules/valid-v-pre.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-pre` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-pre` directive is valid.
 
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index 5b800037f..0d52b72f3 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-show` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-show` directive is valid.
 
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index 8d608b8ca..5e9bb5d61 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce valid `v-slot` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-slot` directive is valid.
 
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index dc5ada6d5..189a94bde 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-text` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `"plugin:vue/essential"`, `"plugin:vue/vue3-strongly-recommended"`, `"plugin:vue/strongly-recommended"`, `"plugin:vue/vue3-recommended"` and `"plugin:vue/recommended"`.
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-text` directive is valid.
 
diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 1567d6e60..df713852c 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -27,9 +27,53 @@ yarn add -D eslint eslint-plugin-vue
 
 ## :book: Usage
 
-### Configuration
+### Configuration (`eslint.config.js`)
 
-Use `.eslintrc.*` file to configure rules. See also: [https://eslint.org/docs/user-guide/configuring](https://eslint.org/docs/user-guide/configuring).
+Use `eslint.config.js` file to configure rules. This is the default in ESLint v9, but can be used starting from ESLint v8.57.0. See also: <https://eslint.org/docs/latest/use/configure/configuration-files-new>.
+
+Example **eslint.config.js**:
+
+```js
+import pluginVue from 'eslint-plugin-vue'
+export default [
+  // add more generic rulesets here, such as:
+  // js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  // ...pluginVue.configs['flat/vue2-recommended'], // Use this if you are using Vue.js 2.x.
+  {
+    rules: {
+      // override/add rules settings here, such as:
+      // 'vue/no-unused-vars': 'error'
+    }
+  }
+]
+```
+
+See [the rule list](../rules/index.md) to get the `configs` & `rules` that this plugin provides.
+
+#### Bundle Configurations (`eslint.config.js`)
+
+This plugin provides some predefined configs.
+You can use the following configs by adding them to `eslint.config.js`.
+(All flat configs in this plugin are provided as arrays, so spread syntax is required when combining them with other configs.)
+
+- `*.configs["flat/base"]` ... Settings and rules to enable correct ESLint parsing.
+- Configurations for using Vue.js 3.x:
+  - `*.configs["flat/essential"]` ... `base`, plus rules to prevent errors or unintended behavior.
+  - `*.configs["flat/strongly-recommended"]` ... Above, plus rules to considerably improve code readability and/or dev experience.
+  - `*.configs["flat/recommended"]` ... Above, plus rules to enforce subjective community defaults to ensure consistency.
+- Configurations for using Vue.js 2.x:
+  - `*.configs["flat/vue2-essential"]` ... `base`, plus rules to prevent errors or unintended behavior.
+  - `*.configs["flat/vue2-strongly-recommended"]` ... Above, plus rules to considerably improve code readability and/or dev experience.
+  - `*.configs["flat/vue2-recommended"]` ... Above, plus rules to enforce subjective community defaults to ensure consistency
+
+:::warning Reporting rules
+By default, all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
+:::
+
+### Configuration (`.eslintrc`)
+
+Use `.eslintrc.*` file to configure rules in ESLint < v9. See also: <https://eslint.org/docs/latest/use/configure/>.
 
 Example **.eslintrc.js**:
 
@@ -48,25 +92,25 @@ module.exports = {
 }
 ```
 
-See [the rule list](../rules/index.md) to get the `extends` &amp; `rules` that this plugin provides.
+See [the rule list](../rules/index.md) to get the `extends` & `rules` that this plugin provides.
 
-#### Bundle Configurations
+#### Bundle Configurations (`.eslintrc`)
 
 This plugin provides some predefined configs.
 You can use the following configs by adding them to `extends`.
 
 - `"plugin:vue/base"` ... Settings and rules to enable correct ESLint parsing.
-- Configurations for using Vue.js 3.x.
+- Configurations for using Vue.js 3.x:
   - `"plugin:vue/vue3-essential"` ... `base`, plus rules to prevent errors or unintended behavior.
   - `"plugin:vue/vue3-strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
   - `"plugin:vue/vue3-recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency.
-- Configurations for using Vue.js 2.x.
+- Configurations for using Vue.js 2.x:
   - `"plugin:vue/essential"` ... `base`, plus rules to prevent errors or unintended behavior.
   - `"plugin:vue/strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
   - `"plugin:vue/recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency
 
 :::warning Reporting rules
-By default all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
+By default, all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
 :::
 
 :::warning Status of Vue.js 3.x supports
diff --git a/lib/configs/flat/base.js b/lib/configs/flat/base.js
index e36ab4b77..6c379c272 100644
--- a/lib/configs/flat/base.js
+++ b/lib/configs/flat/base.js
@@ -4,14 +4,34 @@
  * in order to update its content execute "npm run update"
  */
 const globals = require('globals')
-module.exports = {
-  languageOptions: {
-    parser: require('vue-eslint-parser'),
-    sourceType: 'module',
-    globals: globals.browser
+module.exports = [
+  {
+    plugins: {
+      get vue() {
+        return require('../../index')
+      }
+    },
+    languageOptions: {
+      sourceType: 'module',
+      globals: globals.browser
+    }
   },
-  rules: {
-    'vue/comment-directive': 'error',
-    'vue/jsx-uses-vars': 'error'
+  {
+    files: ['*.vue', '**/*.vue'],
+    plugins: {
+      get vue() {
+        return require('../../index')
+      }
+    },
+    languageOptions: {
+      parser: require('vue-eslint-parser'),
+      sourceType: 'module',
+      globals: globals.browser
+    },
+    rules: {
+      'vue/comment-directive': 'error',
+      'vue/jsx-uses-vars': 'error'
+    },
+    processor: 'vue/vue'
   }
-}
+]
diff --git a/lib/configs/flat/vue2-essential.js b/lib/configs/flat/vue2-essential.js
index ce253352b..3b8c99243 100644
--- a/lib/configs/flat/vue2-essential.js
+++ b/lib/configs/flat/vue2-essential.js
@@ -5,72 +5,74 @@
  */
 'use strict'
 const config = require('./base.js')
-const { extendRules } = require('../../utils/config-helpers.js')
 
-const rules = {
-  'vue/multi-word-component-names': 'error',
-  'vue/no-arrow-functions-in-watch': 'error',
-  'vue/no-async-in-computed-properties': 'error',
-  'vue/no-child-content': 'error',
-  'vue/no-computed-properties-in-data': 'error',
-  'vue/no-custom-modifiers-on-v-model': 'error',
-  'vue/no-dupe-keys': 'error',
-  'vue/no-dupe-v-else-if': 'error',
-  'vue/no-duplicate-attributes': 'error',
-  'vue/no-export-in-script-setup': 'error',
-  'vue/no-multiple-template-root': 'error',
-  'vue/no-mutating-props': 'error',
-  'vue/no-parsing-error': 'error',
-  'vue/no-ref-as-operand': 'error',
-  'vue/no-reserved-component-names': 'error',
-  'vue/no-reserved-keys': 'error',
-  'vue/no-reserved-props': [
-    'error',
-    {
-      vueVersion: 2
+module.exports = [
+  ...config,
+  {
+    rules: {
+      'vue/multi-word-component-names': 'error',
+      'vue/no-arrow-functions-in-watch': 'error',
+      'vue/no-async-in-computed-properties': 'error',
+      'vue/no-child-content': 'error',
+      'vue/no-computed-properties-in-data': 'error',
+      'vue/no-custom-modifiers-on-v-model': 'error',
+      'vue/no-dupe-keys': 'error',
+      'vue/no-dupe-v-else-if': 'error',
+      'vue/no-duplicate-attributes': 'error',
+      'vue/no-export-in-script-setup': 'error',
+      'vue/no-multiple-template-root': 'error',
+      'vue/no-mutating-props': 'error',
+      'vue/no-parsing-error': 'error',
+      'vue/no-ref-as-operand': 'error',
+      'vue/no-reserved-component-names': 'error',
+      'vue/no-reserved-keys': 'error',
+      'vue/no-reserved-props': [
+        'error',
+        {
+          vueVersion: 2
+        }
+      ],
+      'vue/no-shared-component-data': 'error',
+      'vue/no-side-effects-in-computed-properties': 'error',
+      'vue/no-template-key': 'error',
+      'vue/no-textarea-mustache': 'error',
+      'vue/no-unused-components': 'error',
+      'vue/no-unused-vars': 'error',
+      'vue/no-use-computed-property-like-method': 'error',
+      'vue/no-use-v-if-with-v-for': 'error',
+      'vue/no-useless-template-attributes': 'error',
+      'vue/no-v-for-template-key': 'error',
+      'vue/no-v-model-argument': 'error',
+      'vue/no-v-text-v-html-on-component': 'error',
+      'vue/require-component-is': 'error',
+      'vue/require-prop-type-constructor': 'error',
+      'vue/require-render-return': 'error',
+      'vue/require-v-for-key': 'error',
+      'vue/require-valid-default-prop': 'error',
+      'vue/return-in-computed-property': 'error',
+      'vue/return-in-emits-validator': 'error',
+      'vue/use-v-on-exact': 'error',
+      'vue/valid-attribute-name': 'error',
+      'vue/valid-define-emits': 'error',
+      'vue/valid-define-props': 'error',
+      'vue/valid-model-definition': 'error',
+      'vue/valid-next-tick': 'error',
+      'vue/valid-template-root': 'error',
+      'vue/valid-v-bind-sync': 'error',
+      'vue/valid-v-bind': 'error',
+      'vue/valid-v-cloak': 'error',
+      'vue/valid-v-else-if': 'error',
+      'vue/valid-v-else': 'error',
+      'vue/valid-v-for': 'error',
+      'vue/valid-v-html': 'error',
+      'vue/valid-v-if': 'error',
+      'vue/valid-v-model': 'error',
+      'vue/valid-v-on': 'error',
+      'vue/valid-v-once': 'error',
+      'vue/valid-v-pre': 'error',
+      'vue/valid-v-show': 'error',
+      'vue/valid-v-slot': 'error',
+      'vue/valid-v-text': 'error'
     }
-  ],
-  'vue/no-shared-component-data': 'error',
-  'vue/no-side-effects-in-computed-properties': 'error',
-  'vue/no-template-key': 'error',
-  'vue/no-textarea-mustache': 'error',
-  'vue/no-unused-components': 'error',
-  'vue/no-unused-vars': 'error',
-  'vue/no-use-computed-property-like-method': 'error',
-  'vue/no-use-v-if-with-v-for': 'error',
-  'vue/no-useless-template-attributes': 'error',
-  'vue/no-v-for-template-key': 'error',
-  'vue/no-v-model-argument': 'error',
-  'vue/no-v-text-v-html-on-component': 'error',
-  'vue/require-component-is': 'error',
-  'vue/require-prop-type-constructor': 'error',
-  'vue/require-render-return': 'error',
-  'vue/require-v-for-key': 'error',
-  'vue/require-valid-default-prop': 'error',
-  'vue/return-in-computed-property': 'error',
-  'vue/return-in-emits-validator': 'error',
-  'vue/use-v-on-exact': 'error',
-  'vue/valid-attribute-name': 'error',
-  'vue/valid-define-emits': 'error',
-  'vue/valid-define-props': 'error',
-  'vue/valid-model-definition': 'error',
-  'vue/valid-next-tick': 'error',
-  'vue/valid-template-root': 'error',
-  'vue/valid-v-bind-sync': 'error',
-  'vue/valid-v-bind': 'error',
-  'vue/valid-v-cloak': 'error',
-  'vue/valid-v-else-if': 'error',
-  'vue/valid-v-else': 'error',
-  'vue/valid-v-for': 'error',
-  'vue/valid-v-html': 'error',
-  'vue/valid-v-if': 'error',
-  'vue/valid-v-model': 'error',
-  'vue/valid-v-on': 'error',
-  'vue/valid-v-once': 'error',
-  'vue/valid-v-pre': 'error',
-  'vue/valid-v-show': 'error',
-  'vue/valid-v-slot': 'error',
-  'vue/valid-v-text': 'error'
-}
-
-module.exports = extendRules(config, rules)
+  }
+]
diff --git a/lib/configs/flat/vue2-recommended.js b/lib/configs/flat/vue2-recommended.js
index e15b02075..9bd029dee 100644
--- a/lib/configs/flat/vue2-recommended.js
+++ b/lib/configs/flat/vue2-recommended.js
@@ -5,16 +5,18 @@
  */
 'use strict'
 const config = require('./vue2-strongly-recommended.js')
-const { extendRules } = require('../../utils/config-helpers.js')
 
-const rules = {
-  'vue/attributes-order': 'warn',
-  'vue/component-tags-order': 'warn',
-  'vue/no-lone-template': 'warn',
-  'vue/no-multiple-slot-args': 'warn',
-  'vue/no-v-html': 'warn',
-  'vue/order-in-components': 'warn',
-  'vue/this-in-template': 'warn'
-}
-
-module.exports = extendRules(config, rules)
+module.exports = [
+  ...config,
+  {
+    rules: {
+      'vue/attributes-order': 'warn',
+      'vue/component-tags-order': 'warn',
+      'vue/no-lone-template': 'warn',
+      'vue/no-multiple-slot-args': 'warn',
+      'vue/no-v-html': 'warn',
+      'vue/order-in-components': 'warn',
+      'vue/this-in-template': 'warn'
+    }
+  }
+]
diff --git a/lib/configs/flat/vue2-strongly-recommended.js b/lib/configs/flat/vue2-strongly-recommended.js
index a1c870b92..e8d437b4c 100644
--- a/lib/configs/flat/vue2-strongly-recommended.js
+++ b/lib/configs/flat/vue2-strongly-recommended.js
@@ -5,32 +5,34 @@
  */
 'use strict'
 const config = require('./vue2-essential.js')
-const { extendRules } = require('../../utils/config-helpers.js')
 
-const rules = {
-  'vue/attribute-hyphenation': 'warn',
-  'vue/component-definition-name-casing': 'warn',
-  'vue/first-attribute-linebreak': 'warn',
-  'vue/html-closing-bracket-newline': 'warn',
-  'vue/html-closing-bracket-spacing': 'warn',
-  'vue/html-end-tags': 'warn',
-  'vue/html-indent': 'warn',
-  'vue/html-quotes': 'warn',
-  'vue/html-self-closing': 'warn',
-  'vue/max-attributes-per-line': 'warn',
-  'vue/multiline-html-element-content-newline': 'warn',
-  'vue/mustache-interpolation-spacing': 'warn',
-  'vue/no-multi-spaces': 'warn',
-  'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
-  'vue/no-template-shadow': 'warn',
-  'vue/one-component-per-file': 'warn',
-  'vue/prop-name-casing': 'warn',
-  'vue/require-default-prop': 'warn',
-  'vue/require-prop-types': 'warn',
-  'vue/singleline-html-element-content-newline': 'warn',
-  'vue/v-bind-style': 'warn',
-  'vue/v-on-style': 'warn',
-  'vue/v-slot-style': 'warn'
-}
-
-module.exports = extendRules(config, rules)
+module.exports = [
+  ...config,
+  {
+    rules: {
+      'vue/attribute-hyphenation': 'warn',
+      'vue/component-definition-name-casing': 'warn',
+      'vue/first-attribute-linebreak': 'warn',
+      'vue/html-closing-bracket-newline': 'warn',
+      'vue/html-closing-bracket-spacing': 'warn',
+      'vue/html-end-tags': 'warn',
+      'vue/html-indent': 'warn',
+      'vue/html-quotes': 'warn',
+      'vue/html-self-closing': 'warn',
+      'vue/max-attributes-per-line': 'warn',
+      'vue/multiline-html-element-content-newline': 'warn',
+      'vue/mustache-interpolation-spacing': 'warn',
+      'vue/no-multi-spaces': 'warn',
+      'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
+      'vue/no-template-shadow': 'warn',
+      'vue/one-component-per-file': 'warn',
+      'vue/prop-name-casing': 'warn',
+      'vue/require-default-prop': 'warn',
+      'vue/require-prop-types': 'warn',
+      'vue/singleline-html-element-content-newline': 'warn',
+      'vue/v-bind-style': 'warn',
+      'vue/v-on-style': 'warn',
+      'vue/v-slot-style': 'warn'
+    }
+  }
+]
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
index e8450635d..b6338c910 100644
--- a/lib/configs/flat/vue3-essential.js
+++ b/lib/configs/flat/vue3-essential.js
@@ -5,89 +5,91 @@
  */
 'use strict'
 const config = require('./base.js')
-const { extendRules } = require('../../utils/config-helpers.js')
 
-const rules = {
-  'vue/multi-word-component-names': 'error',
-  'vue/no-arrow-functions-in-watch': 'error',
-  'vue/no-async-in-computed-properties': 'error',
-  'vue/no-child-content': 'error',
-  'vue/no-computed-properties-in-data': 'error',
-  'vue/no-deprecated-data-object-declaration': 'error',
-  'vue/no-deprecated-destroyed-lifecycle': 'error',
-  'vue/no-deprecated-dollar-listeners-api': 'error',
-  'vue/no-deprecated-dollar-scopedslots-api': 'error',
-  'vue/no-deprecated-events-api': 'error',
-  'vue/no-deprecated-filter': 'error',
-  'vue/no-deprecated-functional-template': 'error',
-  'vue/no-deprecated-html-element-is': 'error',
-  'vue/no-deprecated-inline-template': 'error',
-  'vue/no-deprecated-props-default-this': 'error',
-  'vue/no-deprecated-router-link-tag-prop': 'error',
-  'vue/no-deprecated-scope-attribute': 'error',
-  'vue/no-deprecated-slot-attribute': 'error',
-  'vue/no-deprecated-slot-scope-attribute': 'error',
-  'vue/no-deprecated-v-bind-sync': 'error',
-  'vue/no-deprecated-v-is': 'error',
-  'vue/no-deprecated-v-on-native-modifier': 'error',
-  'vue/no-deprecated-v-on-number-modifiers': 'error',
-  'vue/no-deprecated-vue-config-keycodes': 'error',
-  'vue/no-dupe-keys': 'error',
-  'vue/no-dupe-v-else-if': 'error',
-  'vue/no-duplicate-attributes': 'error',
-  'vue/no-export-in-script-setup': 'error',
-  'vue/no-expose-after-await': 'error',
-  'vue/no-lifecycle-after-await': 'error',
-  'vue/no-mutating-props': 'error',
-  'vue/no-parsing-error': 'error',
-  'vue/no-ref-as-operand': 'error',
-  'vue/no-reserved-component-names': 'error',
-  'vue/no-reserved-keys': 'error',
-  'vue/no-reserved-props': 'error',
-  'vue/no-shared-component-data': 'error',
-  'vue/no-side-effects-in-computed-properties': 'error',
-  'vue/no-template-key': 'error',
-  'vue/no-textarea-mustache': 'error',
-  'vue/no-unused-components': 'error',
-  'vue/no-unused-vars': 'error',
-  'vue/no-use-computed-property-like-method': 'error',
-  'vue/no-use-v-if-with-v-for': 'error',
-  'vue/no-useless-template-attributes': 'error',
-  'vue/no-v-for-template-key-on-child': 'error',
-  'vue/no-v-text-v-html-on-component': 'error',
-  'vue/no-watch-after-await': 'error',
-  'vue/prefer-import-from-vue': 'error',
-  'vue/require-component-is': 'error',
-  'vue/require-prop-type-constructor': 'error',
-  'vue/require-render-return': 'error',
-  'vue/require-slots-as-functions': 'error',
-  'vue/require-toggle-inside-transition': 'error',
-  'vue/require-v-for-key': 'error',
-  'vue/require-valid-default-prop': 'error',
-  'vue/return-in-computed-property': 'error',
-  'vue/return-in-emits-validator': 'error',
-  'vue/use-v-on-exact': 'error',
-  'vue/valid-attribute-name': 'error',
-  'vue/valid-define-emits': 'error',
-  'vue/valid-define-props': 'error',
-  'vue/valid-next-tick': 'error',
-  'vue/valid-template-root': 'error',
-  'vue/valid-v-bind': 'error',
-  'vue/valid-v-cloak': 'error',
-  'vue/valid-v-else-if': 'error',
-  'vue/valid-v-else': 'error',
-  'vue/valid-v-for': 'error',
-  'vue/valid-v-html': 'error',
-  'vue/valid-v-if': 'error',
-  'vue/valid-v-is': 'error',
-  'vue/valid-v-memo': 'error',
-  'vue/valid-v-model': 'error',
-  'vue/valid-v-on': 'error',
-  'vue/valid-v-once': 'error',
-  'vue/valid-v-pre': 'error',
-  'vue/valid-v-show': 'error',
-  'vue/valid-v-slot': 'error',
-  'vue/valid-v-text': 'error'
-}
-
-module.exports = extendRules(config, rules)
+module.exports = [
+  ...config,
+  {
+    rules: {
+      'vue/multi-word-component-names': 'error',
+      'vue/no-arrow-functions-in-watch': 'error',
+      'vue/no-async-in-computed-properties': 'error',
+      'vue/no-child-content': 'error',
+      'vue/no-computed-properties-in-data': 'error',
+      'vue/no-deprecated-data-object-declaration': 'error',
+      'vue/no-deprecated-destroyed-lifecycle': 'error',
+      'vue/no-deprecated-dollar-listeners-api': 'error',
+      'vue/no-deprecated-dollar-scopedslots-api': 'error',
+      'vue/no-deprecated-events-api': 'error',
+      'vue/no-deprecated-filter': 'error',
+      'vue/no-deprecated-functional-template': 'error',
+      'vue/no-deprecated-html-element-is': 'error',
+      'vue/no-deprecated-inline-template': 'error',
+      'vue/no-deprecated-props-default-this': 'error',
+      'vue/no-deprecated-router-link-tag-prop': 'error',
+      'vue/no-deprecated-scope-attribute': 'error',
+      'vue/no-deprecated-slot-attribute': 'error',
+      'vue/no-deprecated-slot-scope-attribute': 'error',
+      'vue/no-deprecated-v-bind-sync': 'error',
+      'vue/no-deprecated-v-is': 'error',
+      'vue/no-deprecated-v-on-native-modifier': 'error',
+      'vue/no-deprecated-v-on-number-modifiers': 'error',
+      'vue/no-deprecated-vue-config-keycodes': 'error',
+      'vue/no-dupe-keys': 'error',
+      'vue/no-dupe-v-else-if': 'error',
+      'vue/no-duplicate-attributes': 'error',
+      'vue/no-export-in-script-setup': 'error',
+      'vue/no-expose-after-await': 'error',
+      'vue/no-lifecycle-after-await': 'error',
+      'vue/no-mutating-props': 'error',
+      'vue/no-parsing-error': 'error',
+      'vue/no-ref-as-operand': 'error',
+      'vue/no-reserved-component-names': 'error',
+      'vue/no-reserved-keys': 'error',
+      'vue/no-reserved-props': 'error',
+      'vue/no-shared-component-data': 'error',
+      'vue/no-side-effects-in-computed-properties': 'error',
+      'vue/no-template-key': 'error',
+      'vue/no-textarea-mustache': 'error',
+      'vue/no-unused-components': 'error',
+      'vue/no-unused-vars': 'error',
+      'vue/no-use-computed-property-like-method': 'error',
+      'vue/no-use-v-if-with-v-for': 'error',
+      'vue/no-useless-template-attributes': 'error',
+      'vue/no-v-for-template-key-on-child': 'error',
+      'vue/no-v-text-v-html-on-component': 'error',
+      'vue/no-watch-after-await': 'error',
+      'vue/prefer-import-from-vue': 'error',
+      'vue/require-component-is': 'error',
+      'vue/require-prop-type-constructor': 'error',
+      'vue/require-render-return': 'error',
+      'vue/require-slots-as-functions': 'error',
+      'vue/require-toggle-inside-transition': 'error',
+      'vue/require-v-for-key': 'error',
+      'vue/require-valid-default-prop': 'error',
+      'vue/return-in-computed-property': 'error',
+      'vue/return-in-emits-validator': 'error',
+      'vue/use-v-on-exact': 'error',
+      'vue/valid-attribute-name': 'error',
+      'vue/valid-define-emits': 'error',
+      'vue/valid-define-props': 'error',
+      'vue/valid-next-tick': 'error',
+      'vue/valid-template-root': 'error',
+      'vue/valid-v-bind': 'error',
+      'vue/valid-v-cloak': 'error',
+      'vue/valid-v-else-if': 'error',
+      'vue/valid-v-else': 'error',
+      'vue/valid-v-for': 'error',
+      'vue/valid-v-html': 'error',
+      'vue/valid-v-if': 'error',
+      'vue/valid-v-is': 'error',
+      'vue/valid-v-memo': 'error',
+      'vue/valid-v-model': 'error',
+      'vue/valid-v-on': 'error',
+      'vue/valid-v-once': 'error',
+      'vue/valid-v-pre': 'error',
+      'vue/valid-v-show': 'error',
+      'vue/valid-v-slot': 'error',
+      'vue/valid-v-text': 'error'
+    }
+  }
+]
diff --git a/lib/configs/flat/vue3-recommended.js b/lib/configs/flat/vue3-recommended.js
index e39b86bc8..eff60c5d6 100644
--- a/lib/configs/flat/vue3-recommended.js
+++ b/lib/configs/flat/vue3-recommended.js
@@ -5,16 +5,18 @@
  */
 'use strict'
 const config = require('./vue3-strongly-recommended.js')
-const { extendRules } = require('../../utils/config-helpers.js')
 
-const rules = {
-  'vue/attributes-order': 'warn',
-  'vue/component-tags-order': 'warn',
-  'vue/no-lone-template': 'warn',
-  'vue/no-multiple-slot-args': 'warn',
-  'vue/no-v-html': 'warn',
-  'vue/order-in-components': 'warn',
-  'vue/this-in-template': 'warn'
-}
-
-module.exports = extendRules(config, rules)
+module.exports = [
+  ...config,
+  {
+    rules: {
+      'vue/attributes-order': 'warn',
+      'vue/component-tags-order': 'warn',
+      'vue/no-lone-template': 'warn',
+      'vue/no-multiple-slot-args': 'warn',
+      'vue/no-v-html': 'warn',
+      'vue/order-in-components': 'warn',
+      'vue/this-in-template': 'warn'
+    }
+  }
+]
diff --git a/lib/configs/flat/vue3-strongly-recommended.js b/lib/configs/flat/vue3-strongly-recommended.js
index ec71ac468..2d3bb2b6e 100644
--- a/lib/configs/flat/vue3-strongly-recommended.js
+++ b/lib/configs/flat/vue3-strongly-recommended.js
@@ -5,40 +5,42 @@
  */
 'use strict'
 const config = require('./vue3-essential.js')
-const { extendRules } = require('../../utils/config-helpers.js')
 
-const rules = {
-  'vue/attribute-hyphenation': 'warn',
-  'vue/component-definition-name-casing': 'warn',
-  'vue/first-attribute-linebreak': 'warn',
-  'vue/html-closing-bracket-newline': 'warn',
-  'vue/html-closing-bracket-spacing': 'warn',
-  'vue/html-end-tags': 'warn',
-  'vue/html-indent': 'warn',
-  'vue/html-quotes': 'warn',
-  'vue/html-self-closing': 'warn',
-  'vue/max-attributes-per-line': 'warn',
-  'vue/multiline-html-element-content-newline': 'warn',
-  'vue/mustache-interpolation-spacing': 'warn',
-  'vue/no-multi-spaces': 'warn',
-  'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
-  'vue/no-template-shadow': 'warn',
-  'vue/one-component-per-file': 'warn',
-  'vue/prop-name-casing': 'warn',
-  'vue/require-default-prop': 'warn',
-  'vue/require-explicit-emits': 'warn',
-  'vue/require-prop-types': 'warn',
-  'vue/singleline-html-element-content-newline': 'warn',
-  'vue/v-bind-style': 'warn',
-  'vue/v-on-event-hyphenation': [
-    'warn',
-    'always',
-    {
-      autofix: true
+module.exports = [
+  ...config,
+  {
+    rules: {
+      'vue/attribute-hyphenation': 'warn',
+      'vue/component-definition-name-casing': 'warn',
+      'vue/first-attribute-linebreak': 'warn',
+      'vue/html-closing-bracket-newline': 'warn',
+      'vue/html-closing-bracket-spacing': 'warn',
+      'vue/html-end-tags': 'warn',
+      'vue/html-indent': 'warn',
+      'vue/html-quotes': 'warn',
+      'vue/html-self-closing': 'warn',
+      'vue/max-attributes-per-line': 'warn',
+      'vue/multiline-html-element-content-newline': 'warn',
+      'vue/mustache-interpolation-spacing': 'warn',
+      'vue/no-multi-spaces': 'warn',
+      'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
+      'vue/no-template-shadow': 'warn',
+      'vue/one-component-per-file': 'warn',
+      'vue/prop-name-casing': 'warn',
+      'vue/require-default-prop': 'warn',
+      'vue/require-explicit-emits': 'warn',
+      'vue/require-prop-types': 'warn',
+      'vue/singleline-html-element-content-newline': 'warn',
+      'vue/v-bind-style': 'warn',
+      'vue/v-on-event-hyphenation': [
+        'warn',
+        'always',
+        {
+          autofix: true
+        }
+      ],
+      'vue/v-on-style': 'warn',
+      'vue/v-slot-style': 'warn'
     }
-  ],
-  'vue/v-on-style': 'warn',
-  'vue/v-slot-style': 'warn'
-}
-
-module.exports = extendRules(config, rules)
+  }
+]
diff --git a/lib/index.js b/lib/index.js
index bc6c9a463..956eeaa4b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -7,6 +7,28 @@
 
 const plugin = {
   meta: require('./meta'),
+  configs: {
+    // eslintrc configs
+    base: require('./configs/base'),
+    essential: require('./configs/vue2-essential'),
+    'no-layout-rules': require('./configs/no-layout-rules'),
+    recommended: require('./configs/vue2-recommended'),
+    'strongly-recommended': require('./configs/vue2-strongly-recommended'),
+    'vue3-essential': require('./configs/vue3-essential'),
+    'vue3-recommended': require('./configs/vue3-recommended'),
+    'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
+
+    // flat configs
+    'flat/base': require('./configs/flat/base.js'),
+    'flat/vue2-essential': require('./configs/flat/vue2-essential.js'),
+    'flat/vue2-recommended': require('./configs/flat/vue2-recommended.js'),
+    'flat/vue2-strongly-recommended': require('./configs/flat/vue2-strongly-recommended.js'),
+
+    // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
+    'flat/essential': require('./configs/flat/vue3-essential.js'),
+    'flat/recommended': require('./configs/flat/vue3-recommended.js'),
+    'flat/strongly-recommended': require('./configs/flat/vue3-strongly-recommended.js')
+  },
   rules: {
     'array-bracket-newline': require('./rules/array-bracket-newline'),
     'array-bracket-spacing': require('./rules/array-bracket-spacing'),
@@ -251,7 +273,8 @@ const plugin = {
     'valid-v-text': require('./rules/valid-v-text')
   },
   processors: {
-    '.vue': require('./processor')
+    '.vue': require('./processor'),
+    vue: require('./processor')
   },
   environments: {
     // TODO Remove in the next major version
@@ -267,53 +290,4 @@ const plugin = {
   }
 }
 
-const baseConfig = { plugins: { vue: plugin } }
-
-plugin.configs = {
-  // eslintrc configs
-  base: require('./configs/base'),
-  essential: require('./configs/vue2-essential'),
-  'no-layout-rules': require('./configs/no-layout-rules'),
-  recommended: require('./configs/vue2-recommended'),
-  'strongly-recommended': require('./configs/vue2-strongly-recommended'),
-  'vue3-essential': require('./configs/vue3-essential'),
-  'vue3-recommended': require('./configs/vue3-recommended'),
-  'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
-
-  // flat configs
-  'flat/base': Object.assign({}, baseConfig, require('./configs/flat/base.js')),
-  'flat/vue2-essential': Object.assign(
-    {},
-    baseConfig,
-    require('./configs/flat/vue2-essential.js')
-  ),
-  'flat/vue2-recommended': Object.assign(
-    {},
-    baseConfig,
-    require('./configs/flat/vue2-recommended.js')
-  ),
-  'flat/vue2-strongly-recommended': Object.assign(
-    {},
-    baseConfig,
-    require('./configs/flat/vue2-strongly-recommended.js')
-  ),
-
-  // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
-  'flat/essential': Object.assign(
-    {},
-    baseConfig,
-    require('./configs/flat/vue3-essential.js')
-  ),
-  'flat/recommended': Object.assign(
-    {},
-    baseConfig,
-    require('./configs/flat/vue3-recommended.js')
-  ),
-  'flat/strongly-recommended': Object.assign(
-    {},
-    baseConfig,
-    require('./configs/flat/vue3-strongly-recommended.js')
-  )
-}
-
 module.exports = plugin
diff --git a/lib/utils/config-helpers.js b/lib/utils/config-helpers.js
deleted file mode 100644
index cfee23386..000000000
--- a/lib/utils/config-helpers.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * @fileoverview eslint config helpers
- * @author 唯然<weiran.zsd@outlook.com>
- */
-
-function extendRules(config, rules) {
-  const { rules: extendedRules = {}, ...rest } = config
-  return {
-    ...rest,
-    rules: {
-      ...extendedRules,
-      ...rules
-    }
-  }
-}
-
-module.exports = {
-  extendRules
-}
diff --git a/package.json b/package.json
index 23ca9bb71..8c6dff8c4 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "start": "npm run test:base -- --watch --growl",
     "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
+    "test:integrations": "mocha \"tests/integrations/*.js\" --timeout 60000",
     "debug": "mocha --inspect \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
     "cover": "npm run cover:test && npm run cover:report",
     "cover:test": "nyc npm run test:base -- --timeout 60000",
diff --git a/tests/eslint-compat.js b/tests/eslint-compat.js
index fe77994ad..33a9b995b 100644
--- a/tests/eslint-compat.js
+++ b/tests/eslint-compat.js
@@ -3,16 +3,25 @@ const eslint = require('eslint')
 const semver = require('semver')
 
 let ESLint = eslint.ESLint
+/** @type {typeof eslint.ESLint | null} */
+let FlatESLint = eslint.ESLint
 let Linter = eslint.Linter
 let RuleTester = eslint.RuleTester
 if (semver.lt(eslint.Linter.version, '9.0.0-0')) {
   ESLint = eslint.ESLint ? getESLintClassForV8() : getESLintClassForV6()
   Linter = getLinterClassForV8()
   RuleTester = getRuleTesterClassForV8()
+  try {
+    // @ts-ignore
+    FlatESLint = require('eslint/use-at-your-own-risk').FlatESLint
+  } catch {
+    FlatESLint = null
+  }
 }
 
 module.exports = {
   ESLint,
+  FlatESLint,
   RuleTester,
   Linter
 }
diff --git a/tests/integrations/flat-config.js b/tests/integrations/flat-config.js
new file mode 100644
index 000000000..df5190021
--- /dev/null
+++ b/tests/integrations/flat-config.js
@@ -0,0 +1,42 @@
+'use strict'
+
+const { strict: assert } = require('assert')
+const cp = require('child_process')
+const path = require('path')
+const semver = require('semver')
+
+const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
+
+describe('Integration with flat config', () => {
+  let originalCwd
+
+  before(() => {
+    originalCwd = process.cwd()
+    process.chdir(path.join(__dirname, 'flat-config'))
+    cp.execSync('npm i -f', { stdio: 'inherit' })
+  })
+  after(() => {
+    process.chdir(originalCwd)
+  })
+
+  it('should lint without errors', () => {
+    if (
+      !semver.satisfies(
+        process.version,
+        require(
+          path.join(__dirname, 'flat-config/node_modules/eslint/package.json')
+        ).engines.node
+      )
+    ) {
+      return
+    }
+
+    const result = JSON.parse(
+      cp.execSync(`${ESLINT} a.vue --format=json`, {
+        encoding: 'utf8'
+      })
+    )
+    assert.strictEqual(result.length, 1)
+    assert.deepStrictEqual(result[0].messages, [])
+  })
+})
diff --git a/tests/integrations/flat-config/.npmrc b/tests/integrations/flat-config/.npmrc
new file mode 100644
index 000000000..43c97e719
--- /dev/null
+++ b/tests/integrations/flat-config/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/tests/integrations/flat-config/a.vue b/tests/integrations/flat-config/a.vue
new file mode 100644
index 000000000..0470d17d3
--- /dev/null
+++ b/tests/integrations/flat-config/a.vue
@@ -0,0 +1,12 @@
+
+<template>
+  <!-- eslint-disable -->
+  <div id id="a">Hello</div>
+</template>
+
+<script>
+import B from './b.vue'
+export default {
+  components: { B }
+}
+</script>
diff --git a/tests/integrations/flat-config/eslint.config.js b/tests/integrations/flat-config/eslint.config.js
new file mode 100644
index 000000000..9fed1e61d
--- /dev/null
+++ b/tests/integrations/flat-config/eslint.config.js
@@ -0,0 +1,9 @@
+const plugin = require('eslint-plugin-vue')
+module.exports = [
+  ...plugin.configs['flat/base'],
+  {
+    rules: {
+      'vue/no-duplicate-attributes': 'error'
+    }
+  }
+]
diff --git a/tests/integrations/flat-config/package.json b/tests/integrations/flat-config/package.json
new file mode 100644
index 000000000..e46b5e1b6
--- /dev/null
+++ b/tests/integrations/flat-config/package.json
@@ -0,0 +1,13 @@
+{
+  "private": true,
+  "name": "integration-test-for-flat-config",
+  "version": "1.0.0",
+  "description": "Integration test for flat config",
+  "scripts": {},
+  "keywords": [],
+  "license": "MIT",
+  "dependencies": {
+    "eslint": "^9.0.0-0",
+    "eslint-plugin-vue": "file:../../.."
+  }
+}
diff --git a/tests/lib/configs/flat.js b/tests/lib/configs/flat.js
index 7d9a97d26..51449953a 100644
--- a/tests/lib/configs/flat.js
+++ b/tests/lib/configs/flat.js
@@ -7,24 +7,74 @@
 
 const plugin = require('../../../lib/index')
 const { strict: assert } = require('assert') // node v14 does not support 'assert/strict'
+const { FlatESLint } = require('../../eslint-compat')
+
+function mergeConfig(configs) {
+  let config = { rules: {}, plugins: {} }
+  for (const item of configs) {
+    config = {
+      ...config,
+      ...item,
+      plugins: {
+        ...config.plugins,
+        ...item?.plugins
+      },
+      rules: {
+        ...config.rules,
+        ...item?.rules
+      }
+    }
+  }
+  return config
+}
 
 describe('flat configs', () => {
   it('should export base config', () => {
     const base = plugin.configs['flat/base']
     assert.ok(base)
     assert.equal(typeof base, 'object')
-    assert.strictEqual(base.plugins.vue, plugin)
-    assert.strictEqual(base.rules['vue/comment-directive'], 'error')
+
+    const forVue = mergeConfig(
+      base.filter((config) => config.files?.includes('*.vue') || !config.files)
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.processor, 'vue/vue')
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+
+    const forOtherThanVue = mergeConfig(
+      base.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
+    assert.strictEqual(
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
+    )
   })
 
   it('should export essential config', () => {
     const essential = plugin.configs['flat/essential']
     assert.ok(essential)
     assert.equal(typeof essential, 'object')
-    assert.strictEqual(essential.plugins.vue, plugin)
-    assert.strictEqual(essential.rules['vue/comment-directive'], 'error')
+
+    const forVue = mergeConfig(
+      essential.filter(
+        (config) => config.files?.includes('*.vue') || !config.files
+      )
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(forVue.rules['vue/multi-word-component-names'], 'error')
+
+    const forOtherThanVue = mergeConfig(
+      essential.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
     assert.strictEqual(
-      essential.rules['vue/multi-word-component-names'],
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
+    )
+    assert.strictEqual(
+      forOtherThanVue.rules['vue/multi-word-component-names'],
       'error'
     )
   })
@@ -33,13 +83,26 @@ describe('flat configs', () => {
     const stronglyRecommended = plugin.configs['flat/vue2-strongly-recommended']
     assert.ok(stronglyRecommended)
     assert.equal(typeof stronglyRecommended, 'object')
-    assert.strictEqual(stronglyRecommended.plugins.vue, plugin)
+
+    const forVue = mergeConfig(
+      stronglyRecommended.filter(
+        (config) => config.files?.includes('*.vue') || !config.files
+      )
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(forVue.rules['vue/multi-word-component-names'], 'error')
+
+    const forOtherThanVue = mergeConfig(
+      stronglyRecommended.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
     assert.strictEqual(
-      stronglyRecommended.rules['vue/comment-directive'],
-      'error'
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
     )
     assert.strictEqual(
-      stronglyRecommended.rules['vue/multi-word-component-names'],
+      forOtherThanVue.rules['vue/multi-word-component-names'],
       'error'
     )
   })
@@ -48,23 +111,56 @@ describe('flat configs', () => {
     const recommended = plugin.configs['flat/recommended']
     assert.ok(recommended)
     assert.equal(typeof recommended, 'object')
-    assert.strictEqual(recommended.plugins.vue, plugin)
-    assert.strictEqual(recommended.rules['vue/comment-directive'], 'error')
+
+    const forVue = mergeConfig(
+      recommended.filter(
+        (config) => config.files?.includes('*.vue') || !config.files
+      )
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(forVue.rules['vue/multi-word-component-names'], 'error')
+    assert.strictEqual(forVue.rules['vue/attributes-order'], 'warn')
+
+    const forOtherThanVue = mergeConfig(
+      recommended.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
+    assert.strictEqual(
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
+    )
     assert.strictEqual(
-      recommended.rules['vue/multi-word-component-names'],
+      forOtherThanVue.rules['vue/multi-word-component-names'],
       'error'
     )
-    assert.strictEqual(recommended.rules['vue/attributes-order'], 'warn')
+    assert.strictEqual(forOtherThanVue.rules['vue/attributes-order'], 'warn')
   })
 
   it('should export vue2-essential config', () => {
     const essential = plugin.configs['flat/vue2-essential']
     assert.ok(essential)
     assert.equal(typeof essential, 'object')
-    assert.strictEqual(essential.plugins.vue, plugin)
-    assert.strictEqual(essential.rules['vue/comment-directive'], 'error')
+
+    const forVue = mergeConfig(
+      essential.filter(
+        (config) => config.files?.includes('*.vue') || !config.files
+      )
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(forVue.rules['vue/multi-word-component-names'], 'error')
+
+    const forOtherThanVue = mergeConfig(
+      essential.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
+    assert.strictEqual(
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
+    )
     assert.strictEqual(
-      essential.rules['vue/multi-word-component-names'],
+      forOtherThanVue.rules['vue/multi-word-component-names'],
       'error'
     )
   })
@@ -73,13 +169,26 @@ describe('flat configs', () => {
     const stronglyRecommended = plugin.configs['flat/vue2-strongly-recommended']
     assert.ok(stronglyRecommended)
     assert.equal(typeof stronglyRecommended, 'object')
-    assert.strictEqual(stronglyRecommended.plugins.vue, plugin)
+
+    const forVue = mergeConfig(
+      stronglyRecommended.filter(
+        (config) => config.files?.includes('*.vue') || !config.files
+      )
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(forVue.rules['vue/multi-word-component-names'], 'error')
+
+    const forOtherThanVue = mergeConfig(
+      stronglyRecommended.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
     assert.strictEqual(
-      stronglyRecommended.rules['vue/comment-directive'],
-      'error'
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
     )
     assert.strictEqual(
-      stronglyRecommended.rules['vue/multi-word-component-names'],
+      forOtherThanVue.rules['vue/multi-word-component-names'],
       'error'
     )
   })
@@ -88,12 +197,98 @@ describe('flat configs', () => {
     const recommended = plugin.configs['flat/vue2-recommended']
     assert.ok(recommended)
     assert.equal(typeof recommended, 'object')
-    assert.strictEqual(recommended.plugins.vue, plugin)
-    assert.strictEqual(recommended.rules['vue/comment-directive'], 'error')
+
+    const forVue = mergeConfig(
+      recommended.filter(
+        (config) => config.files?.includes('*.vue') || !config.files
+      )
+    )
+    assert.strictEqual(forVue.plugins.vue, plugin)
+    assert.strictEqual(forVue.rules['vue/comment-directive'], 'error')
+    assert.strictEqual(forVue.rules['vue/multi-word-component-names'], 'error')
+    assert.strictEqual(forVue.rules['vue/attributes-order'], 'warn')
+
+    const forOtherThanVue = mergeConfig(
+      recommended.filter((config) => !config.files?.includes('*.vue'))
+    )
+    assert.strictEqual(forOtherThanVue.plugins.vue, plugin)
+    assert.strictEqual(
+      forOtherThanVue.rules['vue/comment-directive'],
+      undefined
+    )
     assert.strictEqual(
-      recommended.rules['vue/multi-word-component-names'],
+      forOtherThanVue.rules['vue/multi-word-component-names'],
       'error'
     )
-    assert.strictEqual(recommended.rules['vue/attributes-order'], 'warn')
+    assert.strictEqual(forOtherThanVue.rules['vue/attributes-order'], 'warn')
+  })
+
+  it('should work the suppress comments with base config', async () => {
+    if (!FlatESLint) return
+    const base = plugin.configs['flat/base']
+    const eslint = new FlatESLint({
+      overrideConfigFile: true,
+      overrideConfig: [
+        ...base,
+        {
+          rules: {
+            'vue/no-duplicate-attributes': 'error'
+          }
+        }
+      ]
+    })
+    const code = `
+      <template>
+        <!-- eslint-disable -->
+        <div id id="a">Hello</div>
+      </template>
+    `
+    const result = await eslint.lintText(code, { filePath: 'test.vue' })
+
+    assert.deepStrictEqual(result[0].messages, [])
+  })
+
+  it('should work the suppress comments with recommended config', async () => {
+    if (!FlatESLint) return
+    const recommended = plugin.configs['flat/recommended']
+    const eslint = new FlatESLint({
+      overrideConfigFile: true,
+      overrideConfig: recommended
+    })
+    const code = `
+<template>
+  <!-- eslint-disable -->
+  <div id id="a">Hello</div>
+</template>
+`
+    const result = await eslint.lintText(code, { filePath: 'MyComponent.vue' })
+
+    assert.deepStrictEqual(result[0].messages, [])
+  })
+
+  it('should error with recommended config', async () => {
+    if (!FlatESLint) return
+    const recommended = plugin.configs['flat/recommended']
+    const eslint = new FlatESLint({
+      overrideConfigFile: true,
+      overrideConfig: recommended
+    })
+    const code = `
+<template>
+  <div id id="a">Hello</div>
+</template>
+`
+    const result = await eslint.lintText(code, { filePath: 'MyComponent.vue' })
+
+    assert.deepStrictEqual(
+      result[0].messages.map((message) => message.ruleId),
+      [
+        'vue/no-parsing-error',
+        'vue/max-attributes-per-line',
+        'vue/no-duplicate-attributes',
+        'vue/singleline-html-element-content-newline',
+        'vue/singleline-html-element-content-newline'
+      ]
+    )
   })
 })
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index 5e340d618..c143fe413 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -52,10 +52,41 @@ for (const rule of rules) {
   }
 }
 
-module.exports = categoryIds
-  .map((categoryId) => ({
-    categoryId,
-    title: categoryTitles[categoryId],
-    rules: categoryRules[categoryId] || []
-  }))
-  .filter((category) => category.rules.length > 0)
+const CONFIG_NAME_CAPTIONS = {
+  base: ['"plugin:vue/base"', '*.configs["flat/base"]'],
+  'vue3-essential': [
+    '"plugin:vue/vue3-essential"',
+    '*.configs["flat/essential"]'
+  ],
+  'vue2-essential': [
+    '"plugin:vue/essential"',
+    '*.configs["flat/vue2-essential"]'
+  ],
+  'vue3-strongly-recommended': [
+    '"plugin:vue/vue3-strongly-recommended"',
+    '*.configs["flat/strongly-recommended"]'
+  ],
+  'vue2-strongly-recommended': [
+    '"plugin:vue/strongly-recommended"',
+    '*.configs["flat/vue2-strongly-recommended"]'
+  ],
+  'vue3-recommended': [
+    '"plugin:vue/vue3-recommended"',
+    '*.configs["flat/recommended"]'
+  ],
+  'vue2-recommended': [
+    '"plugin:vue/recommended"',
+    '*.configs["flat/vue2-recommended"]'
+  ]
+}
+
+module.exports = {
+  CONFIG_NAME_CAPTIONS,
+  categories: categoryIds
+    .map((categoryId) => ({
+      categoryId,
+      title: categoryTitles[categoryId],
+      rules: categoryRules[categoryId] || []
+    }))
+    .filter((category) => category.rules.length > 0)
+}
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 017ffe17e..46a5c4c8a 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -9,6 +9,7 @@ const path = require('path')
 const rules = require('./lib/rules')
 const { getPresetIds, formatItems } = require('./lib/utils')
 const removedRules = require('../lib/removed-rules')
+const { CONFIG_NAME_CAPTIONS } = require('./lib/categories')
 
 const VUE3_EMOJI = ':three:'
 const VUE2_EMOJI = ':two:'
@@ -123,11 +124,11 @@ ${group.description}
 `
     }
     if (group.useMark) {
-      const presetsForVue3 = getPresetIds([group.categoryIdForVue3]).map(
-        (categoryId) => `\`"plugin:vue/${categoryId}"\``
+      const presetsForVue3 = getPresetIds([group.categoryIdForVue3]).flatMap(
+        (categoryId) => CONFIG_NAME_CAPTIONS[categoryId]?.map((c) => `\`${c}\``)
       )
       const presetsForVue2 = getPresetIds([group.categoryIdForVue2]).map(
-        (categoryId) => `\`"plugin:vue/${categoryId.replace(/^vue2-/, '')}"\`` // 'vue2-recommended' ->  'recommended'
+        (categoryId) => CONFIG_NAME_CAPTIONS[categoryId]?.map((c) => `\`${c}\``)
       )
       content += `
 - ${VUE3_EMOJI} Indicates that the rule is for Vue 3 and is included in ${formatItems(
diff --git a/tools/update-docs.js b/tools/update-docs.js
index e32d5a1d0..74883ddb6 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -23,6 +23,7 @@ const path = require('path')
 const rules = require('./lib/rules')
 const removedRules = require('../lib/removed-rules')
 const { getPresetIds, formatItems } = require('./lib/utils')
+const { CONFIG_NAME_CAPTIONS } = require('./lib/categories')
 
 const ROOT = path.resolve(__dirname, '../docs/rules')
 
@@ -122,10 +123,8 @@ class DocFile {
       }
     }
     if (meta.docs?.categories) {
-      const presets = getPresetIds(meta.docs.categories).map(
-        // non-prefixed configs are for vue2
-        // e.g. 'vue2-recommended' ->  'recommended'
-        (categoryId) => `\`"plugin:vue/${categoryId.replace(/^vue2-/, '')}"\``
+      const presets = getPresetIds(meta.docs.categories).flatMap((categoryId) =>
+        CONFIG_NAME_CAPTIONS[categoryId]?.map((c) => `\`${c}\``)
       )
 
       notes.push(`- :gear: This rule is included in ${formatItems(presets)}.`)
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index a5b8ced7b..e3f7f963a 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -12,7 +12,7 @@ This script updates `lib/configs/*.js` files from rule's meta data.
 const fs = require('fs')
 const path = require('path')
 const { FlatESLint } = require('eslint/use-at-your-own-risk')
-const categories = require('./lib/categories')
+const { categories } = require('./lib/categories')
 
 const errorCategories = new Set(['base', 'vue2-essential', 'vue3-essential'])
 
diff --git a/tools/update-lib-flat-configs.js b/tools/update-lib-flat-configs.js
index 1266b7873..aed5c3f1a 100644
--- a/tools/update-lib-flat-configs.js
+++ b/tools/update-lib-flat-configs.js
@@ -12,7 +12,7 @@ This script updates `lib/configs/flat/*.js` files from rule's meta data.
 const fs = require('fs')
 const path = require('path')
 const { FlatESLint } = require('eslint/use-at-your-own-risk')
-const categories = require('./lib/categories')
+const { categories } = require('./lib/categories')
 
 const errorCategories = new Set(['base', 'vue2-essential', 'vue3-essential'])
 
@@ -49,22 +49,41 @@ function formatRules(rules, categoryId) {
 
 function formatCategory(category) {
   const extendsCategoryId = extendsCategories[category.categoryId]
-  if (extendsCategoryId == null) {
+  if (category.categoryId === 'base') {
     return `/*
  * IMPORTANT!
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
 const globals = require('globals')
-module.exports = {
-  languageOptions: {
-    parser: require('vue-eslint-parser'),
-    sourceType: 'module',
-    globals: globals.browser
+module.exports = [
+  {
+    plugins: {
+      get vue() {
+        return require('../../index')
+      }
+    },
+    languageOptions: {
+      sourceType: 'module',
+      globals: globals.browser
+    }
   },
-  rules: ${formatRules(category.rules, category.categoryId)}
-}
-
+  {
+    files: ['*.vue', '**/*.vue'],
+    plugins: {
+      get vue() {
+        return require('../../index')
+      }
+    },
+    languageOptions: {
+      parser: require('vue-eslint-parser'),
+      sourceType: 'module',
+      globals: globals.browser
+    },
+    rules: ${formatRules(category.rules, category.categoryId)},
+    processor: 'vue/vue'
+  }
+]
 `
   }
   return `/*
@@ -74,11 +93,13 @@ module.exports = {
  */
 'use strict'
 const config = require('./${extendsCategoryId}.js')
-const { extendRules } = require('../../utils/config-helpers.js')
-
-const rules = ${formatRules(category.rules, category.categoryId)}
 
-module.exports = extendRules(config, rules)
+module.exports = [
+  ...config,
+  {
+    rules: ${formatRules(category.rules, category.categoryId)},
+  }
+]
 `
 }
 
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 399da68fd..427fd197e 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -25,13 +25,36 @@ const content = `/*
 
 const plugin = {
   meta: require('./meta'),
+  configs: {
+    // eslintrc configs
+    base: require('./configs/base'),
+    essential: require('./configs/vue2-essential'),
+    'no-layout-rules': require('./configs/no-layout-rules'),
+    recommended: require('./configs/vue2-recommended'),
+    'strongly-recommended': require('./configs/vue2-strongly-recommended'),
+    'vue3-essential': require('./configs/vue3-essential'),
+    'vue3-recommended': require('./configs/vue3-recommended'),
+    'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
+  
+    // flat configs
+    'flat/base': require('./configs/flat/base.js'),
+    'flat/vue2-essential': require('./configs/flat/vue2-essential.js'),
+    'flat/vue2-recommended': require('./configs/flat/vue2-recommended.js'),
+    'flat/vue2-strongly-recommended': require('./configs/flat/vue2-strongly-recommended.js'),
+  
+    // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
+    'flat/essential': require('./configs/flat/vue3-essential.js'),
+    'flat/recommended': require('./configs/flat/vue3-recommended.js'),
+    'flat/strongly-recommended': require('./configs/flat/vue3-strongly-recommended.js'),
+  },
   rules: {
     ${rules
       .map((rule) => `'${rule.name}': require('./rules/${rule.name}')`)
       .join(',\n')}
   },
   processors: {
-    '.vue': require('./processor')
+    '.vue': require('./processor'),
+    'vue': require('./processor')
   },
   environments: {
     // TODO Remove in the next major version
@@ -47,31 +70,6 @@ const plugin = {
   }
 }
 
-const baseConfig = {plugins: {vue: plugin}}
-
-plugin.configs = {
-  // eslintrc configs
-  base: require('./configs/base'),
-  essential: require('./configs/vue2-essential'),
-  'no-layout-rules': require('./configs/no-layout-rules'),
-  recommended: require('./configs/vue2-recommended'),
-  'strongly-recommended': require('./configs/vue2-strongly-recommended'),
-  'vue3-essential': require('./configs/vue3-essential'),
-  'vue3-recommended': require('./configs/vue3-recommended'),
-  'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
-
-  // flat configs
-  'flat/base': Object.assign({}, baseConfig, require('./configs/flat/base.js')),
-  'flat/vue2-essential': Object.assign({}, baseConfig, require('./configs/flat/vue2-essential.js')),
-  'flat/vue2-recommended': Object.assign({}, baseConfig, require('./configs/flat/vue2-recommended.js')),
-  'flat/vue2-strongly-recommended': Object.assign({}, baseConfig, require('./configs/flat/vue2-strongly-recommended.js')),
-
-  // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
-  'flat/essential': Object.assign({}, baseConfig, require('./configs/flat/vue3-essential.js')),
-  'flat/recommended': Object.assign({}, baseConfig, require('./configs/flat/vue3-recommended.js')),
-  'flat/strongly-recommended': Object.assign({}, baseConfig, require('./configs/flat/vue3-strongly-recommended.js')),
-}
-
 module.exports = plugin
 `
 fs.writeFileSync(filePath, content)

From eadf0ebe252fcda685538d4b9b889458643f9644 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 25 Mar 2024 20:17:11 +0900
Subject: [PATCH 0729/1010] 9.24.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8c6dff8c4..0655f9606 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.23.0",
+  "version": "9.24.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 9e063d53c4007515a5c485d6ef08500f48ac6422 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 8 Apr 2024 13:11:05 +0200
Subject: [PATCH 0730/1010] Allow ESLint v9 as peer dependency (#2444)

---
 .github/workflows/CI.yml                    |  6 +---
 package.json                                |  2 +-
 tests/lib/rules/custom-event-name-casing.js | 31 ---------------------
 3 files changed, 2 insertions(+), 37 deletions(-)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index b8f7522a7..58878a03e 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -28,12 +28,8 @@ jobs:
       matrix:
         node: [18, 20]
         os: [ubuntu-latest]
-        eslint: [8]
+        eslint: [8, 9]
         include:
-          # On next ESLint version
-          - eslint: ^9.0.0-0
-            node: 20
-            os: ubuntu-latest
           # On old Node version
           - eslint: 8
             node: 17
diff --git a/package.json b/package.json
index 0655f9606..6c1283506 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "node": "^14.17.0 || >=16.0.0"
   },
   "peerDependencies": {
-    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 0d441243a..76f9156fd 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -575,37 +575,6 @@ tester.run('custom-event-name-casing', rule, {
       ]
     },
     // kebab-case
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <input
-          @click="$emit('fooBar')">
-      </template>
-      <script>
-      export default {
-        setup(props, context) {
-          return {
-            onInput(value) {
-              context.emit('barBaz')
-            }
-          }
-        },
-        methods: {
-          onClick() {
-            this.$emit('bazQux')
-          }
-        }
-      }
-      </script>
-      `,
-      options: ['kebab-case'],
-      errors: [
-        "Custom event name 'fooBar' must be kebab-case.",
-        "Custom event name 'barBaz' must be kebab-case.",
-        "Custom event name 'bazQux' must be kebab-case."
-      ]
-    },
     {
       filename: 'test.vue',
       code: `

From 45ce14efa3ced876235349ff78221ef62a4468f8 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 8 Apr 2024 20:13:45 +0900
Subject: [PATCH 0731/1010] 9.24.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6c1283506..efa2d8ab3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.24.0",
+  "version": "9.24.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From 52e0770ba8cba3a5f5f31f4aec53ac88c441af7d Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Sun, 14 Apr 2024 19:31:03 +0800
Subject: [PATCH 0732/1010] fix(no-use-computed-property-like-method): extract
 LogicalExpression (#2438)

---
 .../no-use-computed-property-like-method.js   |  48 +++++---
 .../no-use-computed-property-like-method.js   | 108 ++++++++++++++++++
 2 files changed, 138 insertions(+), 18 deletions(-)

diff --git a/lib/rules/no-use-computed-property-like-method.js b/lib/rules/no-use-computed-property-like-method.js
index 5d5bd8b4a..6e89ad263 100644
--- a/lib/rules/no-use-computed-property-like-method.js
+++ b/lib/rules/no-use-computed-property-like-method.js
@@ -68,26 +68,39 @@ function resolvedExpressions(context, node) {
    * @returns {Iterable<Expression>}
    */
   function* extractResolvedExpressions(node) {
-    if (node.type === 'Identifier') {
-      const variable = utils.findVariableByIdentifier(context, node)
-      if (variable) {
-        for (const ref of variable.references) {
-          const id = ref.identifier
-          if (id.parent.type === 'VariableDeclarator') {
-            if (id.parent.id === id && id.parent.init) {
-              yield* resolvedExpressionsInternal(id.parent.init)
+    switch (node.type) {
+      case 'Identifier': {
+        const variable = utils.findVariableByIdentifier(context, node)
+        if (variable) {
+          for (const ref of variable.references) {
+            const id = ref.identifier
+            if (id.parent.type === 'VariableDeclarator') {
+              if (id.parent.id === id && id.parent.init) {
+                yield* resolvedExpressionsInternal(id.parent.init)
+              }
+            } else if (
+              id.parent.type === 'AssignmentExpression' &&
+              id.parent.left === id
+            ) {
+              yield* resolvedExpressionsInternal(id.parent.right)
             }
-          } else if (
-            id.parent.type === 'AssignmentExpression' &&
-            id.parent.left === id
-          ) {
-            yield* resolvedExpressionsInternal(id.parent.right)
           }
         }
+
+        break
+      }
+      case 'ConditionalExpression': {
+        yield* resolvedExpressionsInternal(node.consequent)
+        yield* resolvedExpressionsInternal(node.alternate)
+
+        break
+      }
+      case 'LogicalExpression': {
+        yield* resolvedExpressionsInternal(node.left)
+        yield* resolvedExpressionsInternal(node.right)
+
+        break
       }
-    } else if (node.type === 'ConditionalExpression') {
-      yield* resolvedExpressionsInternal(node.consequent)
-      yield* resolvedExpressionsInternal(node.alternate)
     }
   }
 }
@@ -103,7 +116,7 @@ function resolvedExpressions(context, node) {
  * props: {
  *   propA: String, // => String
  *   propB: {
- *     type: Number // => String
+ *     type: Number // => Number
  *   },
  * }
  */
@@ -189,7 +202,6 @@ function maybeFunction(context, node) {
       expr.type === 'Literal' ||
       expr.type === 'TemplateLiteral' ||
       expr.type === 'BinaryExpression' ||
-      expr.type === 'LogicalExpression' ||
       expr.type === 'UnaryExpression' ||
       expr.type === 'UpdateExpression'
     ) {
diff --git a/tests/lib/rules/no-use-computed-property-like-method.js b/tests/lib/rules/no-use-computed-property-like-method.js
index 63ddc0dd2..4a5e25ebe 100644
--- a/tests/lib/rules/no-use-computed-property-like-method.js
+++ b/tests/lib/rules/no-use-computed-property-like-method.js
@@ -564,6 +564,78 @@ tester.run('no-use-computed-property-like-method', rule, {
         }
       </script>
       `
+    },
+    {
+      // expression may be a function: https://github.com/vuejs/eslint-plugin-vue/issues/2037
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsFunction: {
+              type: Function,
+              default: undefined
+            },
+            propsNumber: {
+              type: Number,
+            }
+          },
+          computed: {
+            computedReturnPropsFunction() {
+              return this.propsFunction ? this.propsFunction : this.propsFunctionDefault
+            },
+            computedReturnMaybeFunction() {
+              return this.propsFunction ? this.propsFunction : this.propsNumber
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsFunction
+              this.computedReturnPropsFunction()
+              this.computedReturnMaybeFunction
+              this.computedReturnMaybeFunction()
+            },
+            propsFunctionDefault() {}
+          }
+        }
+      </script>
+      `
+    },
+    {
+      // expression may be a function: https://github.com/vuejs/eslint-plugin-vue/issues/2037
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsFunction: {
+              type: Function,
+              default: undefined
+            },
+            propsNumber: {
+              type: Number,
+            }
+          },
+          computed: {
+            computedReturnPropsFunction() {
+              return this.propsFunction || this.propsFunctionDefault
+            },
+            computedReturnMaybeFunction() {
+              return this.propsFunction || this.propsNumber
+            }
+          },
+          methods: {
+            fn() {
+              this.computedReturnPropsFunction
+              this.computedReturnPropsFunction()
+              this.computedReturnMaybeFunction
+              this.computedReturnMaybeFunction()
+            },
+            propsFunctionDefault() {}
+          }
+        }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -1096,6 +1168,42 @@ tester.run('no-use-computed-property-like-method', rule, {
       </script>
       `,
       errors: ['Use x instead of x().']
+    },
+    {
+      // expression may be a function: https://github.com/vuejs/eslint-plugin-vue/issues/2037
+      filename: 'test.vue',
+      code: `
+      <script>
+        export default {
+          props: {
+            propsNumber: {
+              type: Number
+            },
+            propsString: {
+              type: String
+            },
+          },
+          computed: {
+            computedReturnNotFunction1() {
+              return this.propsString ? this.propsString : this.propsNumber
+            },
+            computedReturnNotFunction2() {
+              return this.propsString || this.propsNumber
+            },
+          },
+          methods: {
+            fn() {
+              this.computedReturnNotFunction1()
+              this.computedReturnNotFunction2()
+            }
+          }
+        }
+      </script>
+      `,
+      errors: [
+        'Use this.computedReturnNotFunction1 instead of this.computedReturnNotFunction1().',
+        'Use this.computedReturnNotFunction2 instead of this.computedReturnNotFunction2().'
+      ]
     }
   ]
 })

From a4be0fcb30953a058e3abc0b6b6589f14ab0c5e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luiz=20Ot=C3=A1vio=20Carvalho?= <me@luizotcarvalho.com.br>
Date: Sun, 14 Apr 2024 08:31:38 -0300
Subject: [PATCH 0733/1010] Support Pinia methods in `vue/no-unused-properties`
 (#2441)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Luiz Otávio Carvalho <luiz.carvalho@buser.com.br>
---
 lib/rules/no-unused-properties.js       |    8 +-
 tests/lib/rules/no-unused-properties.js | 1100 +++++++++++++++++++----
 2 files changed, 918 insertions(+), 190 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index d09aca5c2..7eb7eb75d 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -496,12 +496,16 @@ module.exports = {
           let groupName = null
           if (/^mapMutations|mapActions$/u.test(node.callee.name)) {
             groupName = 'methods'
-          } else if (/^mapState|mapGetters$/u.test(node.callee.name)) {
+          } else if (
+            /^mapState|mapGetters|mapWritableState$/u.test(node.callee.name)
+          ) {
             groupName = 'computed'
           }
 
           if (!groupName || node.arguments.length === 0) return
-          const arg = node.arguments[0]
+          // On Pinia the store is always the first argument
+          const arg =
+            node.arguments.length === 2 ? node.arguments[1] : node.arguments[0]
           if (arg.type === 'ObjectExpression') {
             // e.g.
             // `mapMutations({ add: 'increment' })`
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 65b185298..64e858d31 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -53,6 +53,7 @@ const unreferencedOptions = {
 
 tester.run('no-unused-properties', rule, {
   valid: [
+    // vuex getters
     {
       filename: 'test.vue',
       code: `
@@ -74,6 +75,68 @@ tester.run('no-unused-properties', rule, {
       `,
       options: allOptions
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(['count']),
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters(['count1', 'count2'])
+          }
+        </script>
+        <template>
+          {{ count1 }} {{ count2 }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters({
+              count: 'count'
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters({
+                count: 'count'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+
+    // vuex mutations
     {
       filename: 'test.vue',
       code: `
@@ -136,6 +199,8 @@ tester.run('no-unused-properties', rule, {
         </template>
       `
     },
+
+    // vuex actions
     {
       filename: 'test.vue',
       code: `
@@ -196,6 +261,8 @@ tester.run('no-unused-properties', rule, {
         </template>
       `
     },
+
+    // vuex state
     {
       filename: 'test.vue',
       code: `
@@ -251,7 +318,7 @@ tester.run('no-unused-properties', rule, {
         <script>
           export default {
             computed: {
-              ...mapGetters(['count']),
+              ...mapState(['count'])
             }
           }
         </script>
@@ -260,27 +327,37 @@ tester.run('no-unused-properties', rule, {
         </template>
       `
     },
+
+    // pinia getters
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            computed: mapGetters(['count1', 'count2'])
+            computed: {
+              ...mapGetters(useStore, ["bar"]),
+            },
+            methods: {
+              baz() {
+                return this.bar
+              }
+            }
           }
         </script>
         <template>
-          {{ count1 }} {{ count2 }}
+          {{ baz() }}
         </template>
-      `
+      `,
+      options: allOptions
     },
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            computed: mapGetters({
-              count: 'count'
-            })
+            computed: {
+              ...mapGetters(useStore, ['count']),
+            }
           }
         </script>
         <template>
@@ -293,15 +370,11 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            computed: {
-              ...mapGetters({
-                count: 'count'
-              })
-            }
+            computed: mapGetters(useStore, ['count1', 'count2'])
           }
         </script>
         <template>
-          {{ count }}
+          {{ count1 }} {{ count2 }}
         </template>
       `
     },
@@ -310,9 +383,9 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            computed: {
-              ...mapState(['count'])
-            }
+            computed: mapGetters(useStore, {
+              count: 'count'
+            })
           }
         </script>
         <template>
@@ -320,52 +393,55 @@ tester.run('no-unused-properties', rule, {
         </template>
       `
     },
-    // a property used in a script expression
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            props: ['count'],
-            created() {
-              alert(this.count + 1)
+            computed: {
+              ...mapGetters(useStore, {
+                count: 'count'
+              })
             }
-          };
+          }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
+
+    // pinia actions
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            props: ['count'],
-            created() {
-              alert(this.$props.count + 1)
+            methods: {
+              ...mapActions(useStore, {
+                add: 'increment'
+              })
             }
-          };
+          }
         </script>
+        <template>
+          {{ add() }}
+        </template>
       `
     },
-    // default options
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            data () {
-              return {
-                foo: 1
-              }
-            },
-            computed: {
-              bar() {}
-            },
-            methods: {
-              baz () {}
-            }
-          };
+            methods: mapActions(useStore, {
+              add: 'increment'
+            })
+          }
         </script>
+        <template>
+          {{ add() }}
+        </template>
       `
     },
     {
@@ -373,143 +449,352 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            setup () {
-              return {
-                foo
-              }
-            },
-          };
+            methods: mapActions(useStore, ['add'])
+          }
         </script>
+        <template>
+          {{ add() }}
+        </template>
       `
     },
-
-    // a property being watched
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            props: {
-              count: {
-                type: Number,
-                default: 0
-              }
-            },
-            watch: {
-              count() {
-                alert('Increased!');
-              },
-            },
-          };
+            methods: {
+              ...mapActions(useStore, ['add'])
+            }
+          }
         </script>
+        <template>
+          {{ add() }}
+        </template>
       `
     },
 
-    // a property used as a template identifier
+    // pinia state
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div>{{ count }}</div>
-        </template>
         <script>
           export default {
-            props: ['count']
+            computed: mapState(useStore, {
+              count: state => state.todosCount
+            })
           }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
-    // a property used as a template $props member expression
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div>{{ $props.count }}</div>
-        </template>
         <script>
           export default {
-            props: ['count']
+            computed: {
+              ...mapState(useStore, {
+                count: state => state.todosCount
+              })
+            }
           }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
-
-    // properties used in a template expression
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div>{{ count1 + count2 }}</div>
-        </template>
         <script>
           export default {
-            props: ['count1', 'count2']
-          };
+            computed: mapState(useStore, {
+              count (state) {
+                return state.todosCount
+              }
+            })
+          }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
-    // properties used in a template expression as $props member expression
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div>{{ $props.count1 + $props.count2 }}</div>
-        </template>
         <script>
           export default {
-            props: ['count1', 'count2']
-          };
+            computed: {
+              ...mapState(useStore, ['count'])
+            }
+          }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
 
-    // a property used in v-if
+    // pinia writable state
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div v-if="count > 0"></div>
-        </template>
         <script>
           export default {
-            props: {
-              count: {
-                type: Number
-              }
-            }
-          };
+            computed: mapWritableState(useStore, {
+              count: state => state.todosCount
+            })
+          }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
-    // a property used in v-if as $props member expression
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div v-if="$props.count > 0"></div>
-        </template>
         <script>
           export default {
-            props: {
-              count: {
-                type: Number
-              }
+            computed: {
+              ...mapWritableState(useStore, {
+                count: state => state.todosCount
+              })
             }
-          };
+          }
         </script>
+        <template>
+          {{ count }}
+        </template>
       `
     },
-
-    // a property used in v-for
     {
       filename: 'test.vue',
       code: `
-        <template>
-          <div v-for="color in colors">{{ color }}</div>
-        </template>
         <script>
           export default {
-            props: {
+            computed: mapWritableState(useStore, {
+              count (state) {
+                return state.todosCount
+              }
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapWritableState(useStore, ['count'])
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `
+    },
+
+    // a property used in a script expression
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            created() {
+              alert(this.count + 1)
+            }
+          };
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: ['count'],
+            created() {
+              alert(this.$props.count + 1)
+            }
+          };
+        </script>
+      `
+    },
+    // default options
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            data () {
+              return {
+                foo: 1
+              }
+            },
+            computed: {
+              bar() {}
+            },
+            methods: {
+              baz () {}
+            }
+          };
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup () {
+              return {
+                foo
+              }
+            },
+          };
+        </script>
+      `
+    },
+
+    // a property being watched
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            props: {
+              count: {
+                type: Number,
+                default: 0
+              }
+            },
+            watch: {
+              count() {
+                alert('Increased!');
+              },
+            },
+          };
+        </script>
+      `
+    },
+
+    // a property used as a template identifier
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          }
+        </script>
+      `
+    },
+    // a property used as a template $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ $props.count }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          }
+        </script>
+      `
+    },
+
+    // properties used in a template expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ count1 + count2 }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count1', 'count2']
+          };
+        </script>
+      `
+    },
+    // properties used in a template expression as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ $props.count1 + $props.count2 }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count1', 'count2']
+          };
+        </script>
+      `
+    },
+
+    // a property used in v-if
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="count > 0"></div>
+        </template>
+        <script>
+          export default {
+            props: {
+              count: {
+                type: Number
+              }
+            }
+          };
+        </script>
+      `
+    },
+    // a property used in v-if as $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="$props.count > 0"></div>
+        </template>
+        <script>
+          export default {
+            props: {
+              count: {
+                type: Number
+              }
+            }
+          };
+        </script>
+      `
+    },
+
+    // a property used in v-for
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-for="color in colors">{{ color }}</div>
+        </template>
+        <script>
+          export default {
+            props: {
               colors: {
                 type: Array,
                 default: () => []
@@ -2156,38 +2441,375 @@ tester.run('no-unused-properties', rule, {
       </script>`
     },
     {
-      // defineModel
+      // defineModel
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['a'])
+      const foo = defineModel('a')
+      </script>
+      <template>
+        {{ foo }}
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    // vuex unused mutations
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapMutations({
+              add2: 'increment',
+              add: 'iqwnei'
+            })
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapMutations({
+                add2: 'increment',
+                add: 'inrement'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapMutations(['add', 'add2'])
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              methods: {
+                ...mapMutations(['add', 'add2'])
+              }
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 6
+        }
+      ]
+    },
+
+    // vuex unused actions
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapActions({
+                add2: 'increment',
+                add: 'qweqwqewqwe'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapActions({
+              add2: 'increment',
+              add: 'inasdasda'
+            })
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: mapActions(['add', 'add2'])
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            methods: {
+              ...mapActions(['add', 'add2'])
+            }
+          }
+        </script>
+        <template>
+          {{ add() }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'add2' of method found, but never used.",
+          line: 5
+        }
+      ]
+    },
+
+    // vuex unused state
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count2: state => state.todosCount,
+              count: state => state.todosCount
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState({
+                count2: state => state.todosCount,
+                count: state => state.todosCount
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count2 (state) {
+                return state.todosCount
+              },
+
+              count (state) {
+                return state.todosCount
+              }
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapState(['count', 'count2', 'count3'])
+            }
+          }
+        </script>
+        <template>
+          {{ count2 }} {{ count3 }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapState({
+              count: 'todosCount',
+              count2: 'someCount'
+            })
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 6
+        }
+      ]
+    },
+
+    // vuex unused getters
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(['count', 'count2']),
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
       filename: 'test.vue',
       code: `
-      <script setup>
-      defineProps(['a'])
-      const foo = defineModel('a')
-      </script>
-      <template>
-        {{ foo }}
-      </template>
-      `
-    }
-  ],
-  invalid: [
+        <script>
+          export default {
+            computed: mapGetters(['count1', 'count2', 'count'])
+          }
+        </script>
+        <template>
+          {{ count1 }} {{ count2 }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 4
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            methods: mapMutations({
-              add2: 'increment',
-              add: 'iqwnei'
+            computed: mapGetters({
+              count2: 'count',
+              count: 'count'
             })
           }
         </script>
         <template>
-          {{ add() }}
+          {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'add2' of method found, but never used.",
+          message: "'count2' of computed property found, but never used.",
           line: 5
         }
       ]
@@ -2197,22 +2819,22 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            methods: {
-              ...mapMutations({
-                add2: 'increment',
-                add: 'inrement'
+            computed: {
+              ...mapGetters({
+                count: 'count',
+                count3: 'count2'
               })
             }
           }
         </script>
         <template>
-          {{ add() }}
+          {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'add2' of method found, but never used.",
-          line: 6
+          message: "'count3' of computed property found, but never used.",
+          line: 7
         }
       ]
     },
@@ -2221,17 +2843,21 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            methods: mapMutations(['add', 'add2'])
+            computed: {
+              ...mapGetters({
+                a: { b :'c' }, // This is an invalid definition, but it does not use "a".
+              })
+            }
           }
         </script>
         <template>
-          {{ add() }}
+          {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'add2' of method found, but never used.",
-          line: 4
+          message: "'a' of computed property found, but never used.",
+          line: 6
         }
       ]
     },
@@ -2240,31 +2866,34 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            methods: {
-              methods: {
-                ...mapMutations(['add', 'add2'])
-              }
+            computed: {
+              ...mapGetters([
+                "a",
+                a['foo'] // cannot be inferred.
+              ])
             }
           }
         </script>
         <template>
-          {{ add() }}
+          {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'add2' of method found, but never used.",
+          message: "'a' of computed property found, but never used.",
           line: 6
         }
       ]
     },
+
+    // pinia unused actions
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
             methods: {
-              ...mapActions({
+              ...mapActions(useStore, {
                 add2: 'increment',
                 add: 'qweqwqewqwe'
               })
@@ -2287,7 +2916,7 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            methods: mapActions({
+            methods: mapActions(useStore, {
               add2: 'increment',
               add: 'inasdasda'
             })
@@ -2309,7 +2938,7 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            methods: mapActions(['add', 'add2'])
+            methods: mapActions(useStore, ['add', 'add2'])
           }
         </script>
         <template>
@@ -2329,7 +2958,7 @@ tester.run('no-unused-properties', rule, {
         <script>
           export default {
             methods: {
-              ...mapActions(['add', 'add2'])
+              ...mapActions(useStore, ['add', 'add2'])
             }
           }
         </script>
@@ -2344,12 +2973,14 @@ tester.run('no-unused-properties', rule, {
         }
       ]
     },
+
+    // pinia unused state
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            computed: mapState({
+            computed: mapState(useStore, {
               count2: state => state.todosCount,
               count: state => state.todosCount
             })
@@ -2372,7 +3003,7 @@ tester.run('no-unused-properties', rule, {
         <script>
           export default {
             computed: {
-              ...mapState({
+              ...mapState(useStore, {
                 count2: state => state.todosCount,
                 count: state => state.todosCount
               })
@@ -2395,7 +3026,7 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            computed: mapState({
+            computed: mapState(useStore, {
               count2 (state) {
                 return state.todosCount
               },
@@ -2423,17 +3054,17 @@ tester.run('no-unused-properties', rule, {
         <script>
           export default {
             computed: {
-              ...mapGetters(['count', 'count2']),
+              ...mapState(useStore, ['count', 'count2', 'count3'])
             }
           }
         </script>
         <template>
-          {{ count }}
+          {{ count2 }} {{ count3 }}
         </template>
       `,
       errors: [
         {
-          message: "'count2' of computed property found, but never used.",
+          message: "'count' of computed property found, but never used.",
           line: 5
         }
       ]
@@ -2443,28 +3074,33 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            computed: mapGetters(['count1', 'count2', 'count'])
+            computed: mapState(useStore, {
+              count: 'todosCount',
+              count2: 'someCount'
+            })
           }
         </script>
         <template>
-          {{ count1 }} {{ count2 }}
+          {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'count' of computed property found, but never used.",
-          line: 4
+          message: "'count2' of computed property found, but never used.",
+          line: 6
         }
       ]
     },
+
+    // pinia unused writable state
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            computed: mapGetters({
-              count2: 'count',
-              count: 'count'
+            computed: mapWritableState(useStore, {
+              count2: state => state.todosCount,
+              count: state => state.todosCount
             })
           }
         </script>
@@ -2485,9 +3121,9 @@ tester.run('no-unused-properties', rule, {
         <script>
           export default {
             computed: {
-              ...mapGetters({
-                count: 'count',
-                count3: 'count2'
+              ...mapWritableState(useStore, {
+                count2: state => state.todosCount,
+                count: state => state.todosCount
               })
             }
           }
@@ -2498,8 +3134,8 @@ tester.run('no-unused-properties', rule, {
       `,
       errors: [
         {
-          message: "'count3' of computed property found, but never used.",
-          line: 7
+          message: "'count2' of computed property found, but never used.",
+          line: 6
         }
       ]
     },
@@ -2508,11 +3144,15 @@ tester.run('no-unused-properties', rule, {
       code: `
         <script>
           export default {
-            computed: {
-              ...mapGetters({
-                a: { b :'c' }, // This is an invalid definition, but it does not use "a".
-              })
-            }
+            computed: mapWritableState(useStore, {
+              count2 (state) {
+                return state.todosCount
+              },
+
+              count (state) {
+                return state.todosCount
+              }
+            })
           }
         </script>
         <template>
@@ -2521,8 +3161,8 @@ tester.run('no-unused-properties', rule, {
       `,
       errors: [
         {
-          message: "'a' of computed property found, but never used.",
-          line: 6
+          message: "'count2' of computed property found, but never used.",
+          line: 5
         }
       ]
     },
@@ -2532,57 +3172,93 @@ tester.run('no-unused-properties', rule, {
         <script>
           export default {
             computed: {
-              ...mapGetters([
-                "a",
-                a['foo'] // cannot be inferred.
-              ])
+              ...mapWritableState(useStore, ['count', 'count2', 'count3'])
             }
           }
         </script>
+        <template>
+          {{ count2 }} {{ count3 }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapWritableState(useStore, {
+              count: 'todosCount',
+              count2: 'someCount'
+            })
+          }
+        </script>
         <template>
           {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'a' of computed property found, but never used.",
+          message: "'count2' of computed property found, but never used.",
           line: 6
         }
       ]
     },
 
-    // vuex unused state
+    // pinia unused getters
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
             computed: {
-              ...mapState(['count', 'count2', 'count3'])
+              ...mapGetters(useStore, ['count', 'count2']),
             }
           }
         </script>
         <template>
-          {{ count2 }} {{ count3 }}
+          {{ count }}
         </template>
       `,
       errors: [
         {
-          message: "'count' of computed property found, but never used.",
+          message: "'count2' of computed property found, but never used.",
           line: 5
         }
       ]
     },
-
-    // vuex unused state
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
-            computed: mapState({
-              count: 'todosCount',
-              count2: 'someCount'
+            computed: mapGetters(useStore, ['count1', 'count2', 'count'])
+          }
+        </script>
+        <template>
+          {{ count1 }} {{ count2 }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count' of computed property found, but never used.",
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: mapGetters(useStore, {
+              count2: 'count',
+              count: 'count'
             })
           }
         </script>
@@ -2593,19 +3269,67 @@ tester.run('no-unused-properties', rule, {
       errors: [
         {
           message: "'count2' of computed property found, but never used.",
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(useStore, {
+                count: 'count',
+                count3: 'count2'
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'count3' of computed property found, but never used.",
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            computed: {
+              ...mapGetters(useStore, {
+                a: { b :'c' }, // This is an invalid definition, but it does not use "a".
+              })
+            }
+          }
+        </script>
+        <template>
+          {{ count }}
+        </template>
+      `,
+      errors: [
+        {
+          message: "'a' of computed property found, but never used.",
           line: 6
         }
       ]
     },
-
-    // vuex unused state
     {
       filename: 'test.vue',
       code: `
         <script>
           export default {
             computed: {
-              ...mapState(['count', 'additional'])
+              ...mapGetters(useStore, [
+                "a",
+                a['foo'] // cannot be inferred.
+              ])
             }
           }
         </script>
@@ -2615,8 +3339,8 @@ tester.run('no-unused-properties', rule, {
       `,
       errors: [
         {
-          message: "'additional' of computed property found, but never used.",
-          line: 5
+          message: "'a' of computed property found, but never used.",
+          line: 6
         }
       ]
     },

From e665b7c0d50683b142beb47de7cb1fca5dd5a7ae Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Sun, 14 Apr 2024 14:33:01 +0300
Subject: [PATCH 0734/1010] Fixed false negatives for props in template in
 `vue/no-unused-properties` (#2435)

---
 lib/rules/no-unused-properties.js       |  33 +++++--
 tests/lib/rules/no-unused-properties.js | 121 ++++++++++++++++++++++++
 2 files changed, 148 insertions(+), 6 deletions(-)

diff --git a/lib/rules/no-unused-properties.js b/lib/rules/no-unused-properties.js
index 7eb7eb75d..b15cf5a85 100644
--- a/lib/rules/no-unused-properties.js
+++ b/lib/rules/no-unused-properties.js
@@ -233,6 +233,8 @@ module.exports = {
     const deepData = Boolean(options.deepData)
     const ignorePublicMembers = Boolean(options.ignorePublicMembers)
     const unreferencedOptions = new Set(options.unreferencedOptions || [])
+    /** @type {null | Pattern} */
+    let propsReferencePattern = null
 
     const propertyReferenceExtractor = definePropertyReferenceExtractor(
       context,
@@ -332,8 +334,9 @@ module.exports = {
 
         for (const property of container.properties) {
           if (
-            property.groupName === 'props' &&
-            propertyReferencesForProps.hasProperty(property.name)
+            (property.groupName === 'props' &&
+              propertyReferencesForProps.hasProperty(property.name)) ||
+            propertyReferences.hasProperty('$props')
           ) {
             // used props
             continue
@@ -369,6 +372,7 @@ module.exports = {
             }
             continue
           }
+
           context.report({
             node: property.node,
             messageId: 'unused',
@@ -450,9 +454,9 @@ module.exports = {
             return
           }
 
-          const pattern = target.parent.id
+          propsReferencePattern = target.parent.id
           const propertyReferences =
-            propertyReferenceExtractor.extractFromPattern(pattern)
+            propertyReferenceExtractor.extractFromPattern(propsReferencePattern)
           container.propertyReferencesForProps.push(propertyReferences)
         },
         onDefineModelEnter(node, model) {
@@ -709,9 +713,26 @@ module.exports = {
        * @param {VExpressionContainer} node
        */
       VExpressionContainer(node) {
-        templatePropertiesContainer.propertyReferences.push(
+        const property =
           propertyReferenceExtractor.extractFromVExpressionContainer(node)
-        )
+
+        templatePropertiesContainer.propertyReferences.push(property)
+
+        if (!propsReferencePattern) {
+          return
+        }
+
+        // props.prop in template
+        for (const key of property.allProperties().keys()) {
+          if (
+            propsReferencePattern.type === 'Identifier' &&
+            propsReferencePattern.name === key
+          ) {
+            templatePropertiesContainer.propertyReferences.push(
+              property.getNest(key)
+            )
+          }
+        }
       },
       /**
        * @param {VAttribute} node
diff --git a/tests/lib/rules/no-unused-properties.js b/tests/lib/rules/no-unused-properties.js
index 64e858d31..b89ea01f0 100644
--- a/tests/lib/rules/no-unused-properties.js
+++ b/tests/lib/rules/no-unused-properties.js
@@ -718,6 +718,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used as a template $props expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ $props }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          }
+        </script>
+      `
+    },
 
     // properties used in a template expression
     {
@@ -910,6 +924,20 @@ tester.run('no-unused-properties', rule, {
         </script>
       `
     },
+    // a property used in v-on as $props expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <button @click="alert($props)" />
+        </template>
+        <script>
+          export default {
+            props: ['count']
+          };
+        </script>
+      `
+    },
 
     // data used in a script expression
     {
@@ -2452,6 +2480,48 @@ tester.run('no-unused-properties', rule, {
         {{ foo }}
       </template>
       `
+    },
+
+    // props.prop in template
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{props}}
+      </template>
+      <script setup>
+      const props = defineProps(['a', 'b', 'c'])
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{props.a}}
+      </template>
+      <script setup>
+      const props = defineProps(['a'])
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{foo.a}}
+      </template>
+      <script setup>
+      const foo = defineProps(['a'])
+      </script>`
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      const props = defineProps<{ foo: string, bar: string }>()
+      </script>
+      <template>
+      {{ props.foo }}{{ bar }}
+      </template>`,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
   invalid: [
@@ -4619,6 +4689,57 @@ tester.run('no-unused-properties', rule, {
           line: 6
         }
       ]
+    },
+
+    // a property used as a template $props member expression
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>{{ $props.foo }}</div>
+        </template>
+        <script>
+          export default {
+            props: ['foo', 'bar']
+          }
+        </script>
+      `,
+      errors: ["'bar' of property found, but never used."]
+    },
+
+    // props.prop in template
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{props.a}}
+      </template>
+      <script setup>
+      const props = defineProps(['a', 'b'])
+      </script>`,
+      errors: ["'b' of property found, but never used."]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        {{foo.a}}
+      </template>
+      <script setup>
+      const foo = defineProps(['a', 'b'])
+      </script>`,
+      errors: ["'b' of property found, but never used."]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      const props = defineProps<{ foo: string, bar: string, baz: string }>()
+      </script>
+      <template>
+      {{ props.foo }}{{ bar }}
+      </template>`,
+      errors: ["'baz' of property found, but never used."],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })

From cfad3eecc506effaedf43cc74f231d19fc780997 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 14 Apr 2024 20:41:06 +0900
Subject: [PATCH 0735/1010] 9.25.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index efa2d8ab3..ee2e37c71 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.24.1",
+  "version": "9.25.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From f0aa5dcc8d09e3d1e23c49100808ee40acd200e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Hamal=20Dvo=C5=99=C3=A1k?= <mordae@anilinux.org>
Date: Thu, 9 May 2024 04:17:01 +0200
Subject: [PATCH 0736/1010] Support MathML elements (#2457)

---
 .../component-name-in-template-casing.js      |  5 ++-
 lib/rules/html-self-closing.js                |  2 +-
 lib/rules/no-deprecated-html-element-is.js    |  3 +-
 lib/rules/no-undef-components.js              |  7 +++-
 lib/rules/no-unused-components.js             |  7 ++--
 lib/rules/script-setup-uses-vars.js           |  7 ++--
 lib/utils/index.js                            | 14 +++++++-
 lib/utils/math-elements.json                  | 34 +++++++++++++++++++
 8 files changed, 70 insertions(+), 9 deletions(-)
 create mode 100644 lib/utils/math-elements.json

diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index 629f51209..d330f60da 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -122,9 +122,12 @@ module.exports = {
       }
 
       if (
-        (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+        (!utils.isHtmlElementNode(node) &&
+          !utils.isSvgElementNode(node) &&
+          !utils.isMathElementNode(node)) ||
         utils.isHtmlWellKnownElementName(node.rawName) ||
         utils.isSvgWellKnownElementName(node.rawName) ||
+        utils.isMathWellKnownElementName(node.rawName) ||
         utils.isVueBuiltInElementName(node.rawName)
       ) {
         return false
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 531ddfc2b..5b98d8cf7 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -63,7 +63,7 @@ function getElementType(node) {
   if (utils.isSvgElementNode(node)) {
     return 'SVG'
   }
-  if (utils.isMathMLElementNode(node)) {
+  if (utils.isMathElementNode(node)) {
     return 'MATH'
   }
   return 'UNKNOWN'
diff --git a/lib/rules/no-deprecated-html-element-is.js b/lib/rules/no-deprecated-html-element-is.js
index 7a0fd6225..5253ef2b7 100644
--- a/lib/rules/no-deprecated-html-element-is.js
+++ b/lib/rules/no-deprecated-html-element-is.js
@@ -27,7 +27,8 @@ module.exports = {
     function isValidElement(node) {
       return (
         !utils.isHtmlWellKnownElementName(node.rawName) &&
-        !utils.isSvgWellKnownElementName(node.rawName)
+        !utils.isSvgWellKnownElementName(node.rawName) &&
+        !utils.isMathWellKnownElementName(node.rawName)
       )
     }
     return utils.defineTemplateBodyVisitor(context, {
diff --git a/lib/rules/no-undef-components.js b/lib/rules/no-undef-components.js
index 9eb74ad05..4371add7c 100644
--- a/lib/rules/no-undef-components.js
+++ b/lib/rules/no-undef-components.js
@@ -149,6 +149,7 @@ module.exports = {
       if (
         utils.isHtmlWellKnownElementName(rawName) ||
         utils.isSvgWellKnownElementName(rawName) ||
+        utils.isMathWellKnownElementName(rawName) ||
         utils.isBuiltInComponentName(kebabCaseName)
       ) {
         return false
@@ -177,7 +178,11 @@ module.exports = {
     /** @type {TemplateListener} */
     const templateBodyVisitor = {
       VElement(node) {
-        if (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) {
+        if (
+          !utils.isHtmlElementNode(node) &&
+          !utils.isSvgElementNode(node) &&
+          !utils.isMathElementNode(node)
+        ) {
           return
         }
         verifyName(node.rawName, node.startTag)
diff --git a/lib/rules/no-unused-components.js b/lib/rules/no-unused-components.js
index 75b08fa14..9ba889ccc 100644
--- a/lib/rules/no-unused-components.js
+++ b/lib/rules/no-unused-components.js
@@ -52,9 +52,12 @@ module.exports = {
         /** @param {VElement} node */
         VElement(node) {
           if (
-            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+            (!utils.isHtmlElementNode(node) &&
+              !utils.isSvgElementNode(node) &&
+              !utils.isMathElementNode(node)) ||
             utils.isHtmlWellKnownElementName(node.rawName) ||
-            utils.isSvgWellKnownElementName(node.rawName)
+            utils.isSvgWellKnownElementName(node.rawName) ||
+            utils.isMathWellKnownElementName(node.rawName)
           ) {
             return
           }
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index 703d0cb9a..a1d873a6b 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -94,10 +94,13 @@ module.exports = {
         },
         VElement(node) {
           if (
-            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+            (!utils.isHtmlElementNode(node) &&
+              !utils.isSvgElementNode(node) &&
+              !utils.isMathElementNode(node)) ||
             (node.rawName === node.name &&
               (utils.isHtmlWellKnownElementName(node.rawName) ||
-                utils.isSvgWellKnownElementName(node.rawName))) ||
+                utils.isSvgWellKnownElementName(node.rawName) ||
+                utils.isMathWellKnownElementName(node.rawName))) ||
             utils.isBuiltInComponentName(node.rawName)
           ) {
             return
diff --git a/lib/utils/index.js b/lib/utils/index.js
index f16bcef2c..b6dcdb8ce 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -51,6 +51,7 @@ const { getScope } = require('./scope')
 
 const HTML_ELEMENT_NAMES = new Set(require('./html-elements.json'))
 const SVG_ELEMENT_NAMES = new Set(require('./svg-elements.json'))
+const MATH_ELEMENT_NAMES = new Set(require('./math-elements.json'))
 const VOID_ELEMENT_NAMES = new Set(require('./void-elements.json'))
 const VUE2_BUILTIN_COMPONENT_NAMES = new Set(
   require('./vue2-builtin-components')
@@ -948,6 +949,8 @@ module.exports = {
         !this.isHtmlWellKnownElementName(node.rawName)) ||
       (this.isSvgElementNode(node) &&
         !this.isSvgWellKnownElementName(node.rawName)) ||
+      (this.isMathElementNode(node) &&
+        !this.isMathWellKnownElementName(node.rawName)) ||
       hasAttribute(node, 'is') ||
       hasDirective(node, 'bind', 'is') ||
       hasDirective(node, 'is')
@@ -977,7 +980,7 @@ module.exports = {
    * @param {VElement} node The node to check.
    * @returns {boolean} `true` if the node is a MathML element.
    */
-  isMathMLElementNode(node) {
+  isMathElementNode(node) {
     return node.namespace === NS.MathML
   },
 
@@ -999,6 +1002,15 @@ module.exports = {
     return SVG_ELEMENT_NAMES.has(name)
   },
 
+  /**
+   * Check whether the given name is a well-known MathML element or not.
+   * @param {string} name The name to check.
+   * @returns {boolean} `true` if the name is a well-known MathML element name.
+   */
+  isMathWellKnownElementName(name) {
+    return MATH_ELEMENT_NAMES.has(name)
+  },
+
   /**
    * Check whether the given name is a void element name or not.
    * @param {string} name The name to check.
diff --git a/lib/utils/math-elements.json b/lib/utils/math-elements.json
new file mode 100644
index 000000000..46ac91ac5
--- /dev/null
+++ b/lib/utils/math-elements.json
@@ -0,0 +1,34 @@
+[
+  "math",
+  "maction",
+  "annotation",
+  "annotation-xml",
+  "menclose",
+  "merror",
+  "mfenced",
+  "mfrac",
+  "mi",
+  "mmultiscripts",
+  "mn",
+  "mo",
+  "mover",
+  "mpadded",
+  "mphantom",
+  "mprescripts",
+  "mroot",
+  "mrow",
+  "ms",
+  "semantics",
+  "mspace",
+  "msqrt",
+  "mstyle",
+  "msub",
+  "msup",
+  "msubsup",
+  "mtable",
+  "mtd",
+  "mtext",
+  "mtr",
+  "munder",
+  "munderover"
+]

From 98e030adc02e118c17031491b6b85f9735418eba Mon Sep 17 00:00:00 2001
From: Guillaume Guerin <146925467+GuillaumeGuerinPP@users.noreply.github.com>
Date: Thu, 9 May 2024 04:18:43 +0200
Subject: [PATCH 0737/1010] fix: Prevent spread operator from disabling the
 rule (#2456)

---
 lib/utils/index.js                      |  2 +-
 tests/lib/rules/require-default-prop.js | 49 +++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index b6dcdb8ce..9671c00d4 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -3133,7 +3133,7 @@ function getWithDefaultsProps(node) {
 
   for (const prop of param.properties) {
     if (prop.type !== 'Property') {
-      return {}
+      continue
     }
     const name = getStaticPropertyName(prop)
     if (name != null) {
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index 97aea4919..834f319aa 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -329,6 +329,28 @@ ruleTester.run('require-default-prop', rule, {
         ...languageOptions,
         parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const defaultProps = {
+        foo: 'foo',
+      }
+      withDefaults(defineProps<{
+        foo: string;
+        bar?: number;
+      }>(), {
+        ...defaultProps,
+        bar: 42,
+      })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     }
   ],
 
@@ -544,6 +566,33 @@ ruleTester.run('require-default-prop', rule, {
         ...languageOptions
       }
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const defaultProps = {
+        foo: 'foo',
+      }
+      withDefaults(defineProps<{
+        foo: string;
+        bar?: number;
+      }>(), {
+        ...defaultProps,
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message: "Prop 'bar' requires default value to be set.",
+          line: 8
+        }
+      ],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
+    },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
       '4.0.0'

From a3c98d8ad45f15aa7f6af573836185d60398573a Mon Sep 17 00:00:00 2001
From: Yevhenii Kovalchuk <kovalchukq@gmail.com>
Date: Thu, 9 May 2024 05:21:27 +0300
Subject: [PATCH 0738/1010] Fix checking for script setup in
 vue/require-typed-ref (#2427)

---
 lib/rules/require-typed-ref.js       | 24 +++++++++++++-----
 tests/lib/rules/require-typed-ref.js | 38 ++++++++++++++++++++++++++++
 2 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 60a82432a..c05e6c829 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -44,13 +44,23 @@ module.exports = {
       return {}
     }
 
-    const scriptSetup = utils.getScriptSetupElement(context)
-    if (
-      scriptSetup &&
-      !utils.hasAttribute(scriptSetup, 'lang', 'ts') &&
-      !utils.hasAttribute(scriptSetup, 'lang', 'typescript')
-    ) {
-      return {}
+    if (utils.isVueFile(filename)) {
+      const sourceCode = context.getSourceCode()
+      const documentFragment =
+        sourceCode.parserServices.getDocumentFragment &&
+        sourceCode.parserServices.getDocumentFragment()
+      if (!documentFragment) {
+        return {}
+      }
+      const scripts = documentFragment.children.filter(
+        /** @returns {element is VElement} */
+        (element) => utils.isVElement(element) && element.name === 'script'
+      )
+      if (
+        scripts.every((script) => !utils.hasAttribute(script, 'lang', 'ts'))
+      ) {
+        return {}
+      }
     }
 
     const defines = iterateDefineRefs(
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 6e8797943..5b18bcb3c 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -86,6 +86,20 @@ tester.run('require-typed-ref', rule, {
       `,
       languageOptions: { parser: require('vue-eslint-parser') }
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          import { ref } from 'vue'
+          export default {
+            setup() {
+              const count = ref()
+            }
+          }
+        </script>
+      `,
+      languageOptions: { parser: require('vue-eslint-parser') }
+    },
     {
       filename: 'test.js',
       code: `
@@ -217,6 +231,30 @@ tester.run('require-typed-ref', rule, {
       ],
       languageOptions: { parser: require('vue-eslint-parser') }
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script lang="ts">
+          import { ref } from 'vue'
+          export default {
+            setup() {
+              const count = ref()
+            }
+          }
+        </script>
+      }
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 6,
+          column: 29,
+          endLine: 6,
+          endColumn: 34
+        }
+      ],
+      languageOptions: { parser: require('vue-eslint-parser') }
+    },
     {
       filename: 'test.ts',
       code: `

From 56c9e3a3d0d500c74a72f8f8d34336e1b4c59fc4 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 9 May 2024 14:14:44 +0900
Subject: [PATCH 0739/1010] chore: fix leak

---
 tools/update-vue3-export-names.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tools/update-vue3-export-names.js b/tools/update-vue3-export-names.js
index e86d77c93..37e07e03d 100644
--- a/tools/update-vue3-export-names.js
+++ b/tools/update-vue3-export-names.js
@@ -158,6 +158,7 @@ function httpGet(url) {
             baseUrl.pathname = redirectUrl
             redirectUrl = String(baseUrl)
           }
+          res.destroy()
           resolve(httpGet(redirectUrl))
           return
         }

From 516253d9f80c5690e2d64513f6e9490977f6b4d1 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 9 May 2024 14:15:11 +0900
Subject: [PATCH 0740/1010] 9.26.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ee2e37c71..b57a57e83 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.25.0",
+  "version": "9.26.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From e95b7bbacfcf2573e432110aa1e415f83fe8feec Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 19 Jun 2024 17:01:39 +0900
Subject: [PATCH 0741/1010] test: update typescript-eslint and fix test cases
 (#2477)

---
 package.json                                        |  4 ++--
 .../script-indent/ts-declare-function-03.vue        |  4 +++-
 .../script-indent/ts-declare-function-04.vue        |  1 -
 tests/lib/rules/comment-directive.js                |  2 +-
 tests/lib/rules/no-sparse-arrays.js                 | 13 ++++++++-----
 5 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index b57a57e83..687db9cac 100644
--- a/package.json
+++ b/package.json
@@ -73,8 +73,8 @@
     "@types/node": "^14.18.63",
     "@types/semver": "^7.5.7",
     "@types/xml-name-validator": "^4.0.3",
-    "@typescript-eslint/parser": "^7.0.1",
-    "@typescript-eslint/types": "^7.0.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@typescript-eslint/types": "^7.13.1",
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
     "esbuild": "^0.20.0",
diff --git a/tests/fixtures/script-indent/ts-declare-function-03.vue b/tests/fixtures/script-indent/ts-declare-function-03.vue
index fd5bb68bd..7dabfe206 100644
--- a/tests/fixtures/script-indent/ts-declare-function-03.vue
+++ b/tests/fixtures/script-indent/ts-declare-function-03.vue
@@ -1,6 +1,6 @@
 <!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
-declare async function
+declare function
   foo
   (
     arg1: string,
@@ -9,4 +9,6 @@ declare async function
   :
   arg1 is
     string;
+async function
+  bar() {}
 </script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-04.vue b/tests/fixtures/script-indent/ts-declare-function-04.vue
index 3ebd9db1b..7ae12d894 100644
--- a/tests/fixtures/script-indent/ts-declare-function-04.vue
+++ b/tests/fixtures/script-indent/ts-declare-function-04.vue
@@ -1,7 +1,6 @@
 <!--{"languageOptions": {"parserOptions": {"parser":"@typescript-eslint/parser"}}}-->
 <script lang="ts">
 declare function
-  *
   foo
   (
     arg1: string,
diff --git a/tests/lib/rules/comment-directive.js b/tests/lib/rules/comment-directive.js
index 4278afc99..b9acb1092 100644
--- a/tests/lib/rules/comment-directive.js
+++ b/tests/lib/rules/comment-directive.js
@@ -12,7 +12,7 @@ const { ESLint } = require('../../eslint-compat')
 const eslint = new ESLint({
   overrideConfigFile: true,
   overrideConfig: {
-    files: ['*'],
+    files: ['*.*'],
     languageOptions: {
       parser: require('vue-eslint-parser'),
       ecmaVersion: 2015
diff --git a/tests/lib/rules/no-sparse-arrays.js b/tests/lib/rules/no-sparse-arrays.js
index 3a08561d1..b86513ce1 100644
--- a/tests/lib/rules/no-sparse-arrays.js
+++ b/tests/lib/rules/no-sparse-arrays.js
@@ -3,7 +3,8 @@
  */
 'use strict'
 
-const RuleTester = require('../../eslint-compat').RuleTester
+const { RuleTester, ESLint } = require('../../eslint-compat')
+const semver = require('semver')
 const rule = require('../../../lib/rules/no-sparse-arrays')
 
 const tester = new RuleTester({
@@ -29,9 +30,10 @@ tester.run('no-sparse-arrays', rule, {
         {
           message: 'Unexpected comma in middle of array.',
           line: 3,
-          column: 22,
           endLine: 3,
-          endColumn: 38
+          ...(semver.gte(ESLint.version, '9.5.0')
+            ? { column: 23, endColumn: 24 }
+            : { column: 22, endColumn: 38 })
         }
       ]
     },
@@ -44,9 +46,10 @@ tester.run('no-sparse-arrays', rule, {
         {
           message: 'Unexpected comma in middle of array.',
           line: 3,
-          column: 22,
           endLine: 3,
-          endColumn: 30
+          ...(semver.gte(ESLint.version, '9.5.0')
+            ? { column: 23, endColumn: 24 }
+            : { column: 22, endColumn: 30 })
         }
       ]
     }

From ab88141a5bde40b0e9fed96f3f6b25da35ffac5e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 19 Jun 2024 17:11:29 +0900
Subject: [PATCH 0742/1010] Add name to flat configs. (#2476)

---
 lib/configs/flat/base.js                      | 2 ++
 lib/configs/flat/vue2-essential.js            | 1 +
 lib/configs/flat/vue2-recommended.js          | 1 +
 lib/configs/flat/vue2-strongly-recommended.js | 1 +
 lib/configs/flat/vue3-essential.js            | 1 +
 lib/configs/flat/vue3-recommended.js          | 1 +
 lib/configs/flat/vue3-strongly-recommended.js | 1 +
 tools/update-lib-flat-configs.js              | 3 +++
 8 files changed, 11 insertions(+)

diff --git a/lib/configs/flat/base.js b/lib/configs/flat/base.js
index 6c379c272..6f745c332 100644
--- a/lib/configs/flat/base.js
+++ b/lib/configs/flat/base.js
@@ -6,6 +6,7 @@
 const globals = require('globals')
 module.exports = [
   {
+    name: 'vue:base:setup',
     plugins: {
       get vue() {
         return require('../../index')
@@ -17,6 +18,7 @@ module.exports = [
     }
   },
   {
+    name: 'vue:base:setup-for-vue',
     files: ['*.vue', '**/*.vue'],
     plugins: {
       get vue() {
diff --git a/lib/configs/flat/vue2-essential.js b/lib/configs/flat/vue2-essential.js
index 3b8c99243..1de89dbc8 100644
--- a/lib/configs/flat/vue2-essential.js
+++ b/lib/configs/flat/vue2-essential.js
@@ -9,6 +9,7 @@ const config = require('./base.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:vue2-essential:rules',
     rules: {
       'vue/multi-word-component-names': 'error',
       'vue/no-arrow-functions-in-watch': 'error',
diff --git a/lib/configs/flat/vue2-recommended.js b/lib/configs/flat/vue2-recommended.js
index 9bd029dee..6ccde5451 100644
--- a/lib/configs/flat/vue2-recommended.js
+++ b/lib/configs/flat/vue2-recommended.js
@@ -9,6 +9,7 @@ const config = require('./vue2-strongly-recommended.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:vue2-recommended:rules',
     rules: {
       'vue/attributes-order': 'warn',
       'vue/component-tags-order': 'warn',
diff --git a/lib/configs/flat/vue2-strongly-recommended.js b/lib/configs/flat/vue2-strongly-recommended.js
index e8d437b4c..dc45fea38 100644
--- a/lib/configs/flat/vue2-strongly-recommended.js
+++ b/lib/configs/flat/vue2-strongly-recommended.js
@@ -9,6 +9,7 @@ const config = require('./vue2-essential.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:vue2-strongly-recommended:rules',
     rules: {
       'vue/attribute-hyphenation': 'warn',
       'vue/component-definition-name-casing': 'warn',
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
index b6338c910..595af5f1d 100644
--- a/lib/configs/flat/vue3-essential.js
+++ b/lib/configs/flat/vue3-essential.js
@@ -9,6 +9,7 @@ const config = require('./base.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:essential:rules',
     rules: {
       'vue/multi-word-component-names': 'error',
       'vue/no-arrow-functions-in-watch': 'error',
diff --git a/lib/configs/flat/vue3-recommended.js b/lib/configs/flat/vue3-recommended.js
index eff60c5d6..8ab8aa46a 100644
--- a/lib/configs/flat/vue3-recommended.js
+++ b/lib/configs/flat/vue3-recommended.js
@@ -9,6 +9,7 @@ const config = require('./vue3-strongly-recommended.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:recommended:rules',
     rules: {
       'vue/attributes-order': 'warn',
       'vue/component-tags-order': 'warn',
diff --git a/lib/configs/flat/vue3-strongly-recommended.js b/lib/configs/flat/vue3-strongly-recommended.js
index 2d3bb2b6e..51134ebcb 100644
--- a/lib/configs/flat/vue3-strongly-recommended.js
+++ b/lib/configs/flat/vue3-strongly-recommended.js
@@ -9,6 +9,7 @@ const config = require('./vue3-essential.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:strongly-recommended:rules',
     rules: {
       'vue/attribute-hyphenation': 'warn',
       'vue/component-definition-name-casing': 'warn',
diff --git a/tools/update-lib-flat-configs.js b/tools/update-lib-flat-configs.js
index aed5c3f1a..9d1671b90 100644
--- a/tools/update-lib-flat-configs.js
+++ b/tools/update-lib-flat-configs.js
@@ -58,6 +58,7 @@ function formatCategory(category) {
 const globals = require('globals')
 module.exports = [
   {
+    name: 'vue:base:setup',
     plugins: {
       get vue() {
         return require('../../index')
@@ -69,6 +70,7 @@ module.exports = [
     }
   },
   {
+    name: 'vue:base:setup-for-vue',
     files: ['*.vue', '**/*.vue'],
     plugins: {
       get vue() {
@@ -97,6 +99,7 @@ const config = require('./${extendsCategoryId}.js')
 module.exports = [
   ...config,
   {
+    name: 'vue:${category.categoryId.replace(/^vue3-/u, '')}:rules',
     rules: ${formatRules(category.rules, category.categoryId)},
   }
 ]

From 9afbf2b75eff8bfa14e073db2c23bb23426025fe Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 20 Jun 2024 01:22:30 +0200
Subject: [PATCH 0743/1010] Update development dependencies (#2478)

---
 eslint.config.js                              |  14 +-
 lib/rules/attribute-hyphenation.js            |   2 +-
 lib/rules/html-indent.js                      |   2 +-
 lib/rules/no-invalid-model-keys.js            |   4 +-
 lib/rules/no-restricted-custom-event.js       |   2 +-
 lib/rules/no-undef-properties.js              |   6 +-
 lib/rules/script-indent.js                    |   2 +-
 lib/rules/script-setup-uses-vars.js           |   4 +-
 lib/rules/v-on-event-hyphenation.js           |   2 +-
 lib/rules/v-on-function-call.js               |   6 +-
 lib/utils/regexp.js                           |   2 +-
 package.json                                  |  16 +-
 .../rules/component-definition-name-casing.js |  86 ++++----
 tests/lib/rules/define-emits-declaration.js   |  60 ++---
 tests/lib/rules/define-macros-order.js        |  36 +--
 tests/lib/rules/define-props-declaration.js   |  12 +-
 tests/lib/rules/html-comment-indent.js        |  12 +-
 tests/lib/rules/html-indent.js                |   6 +-
 tests/lib/rules/match-component-file-name.js  | 104 ++++-----
 .../rules/no-async-in-computed-properties.js  | 164 +++++++-------
 tests/lib/rules/no-boolean-default.js         |   8 +-
 .../no-deprecated-data-object-declaration.js  |  24 +-
 tests/lib/rules/no-deprecated-events-api.js   |  24 +-
 tests/lib/rules/no-dupe-keys.js               |  22 +-
 tests/lib/rules/no-export-in-script-setup.js  |  14 +-
 tests/lib/rules/no-expose-after-await.js      |   4 +-
 tests/lib/rules/no-mutating-props.js          |  12 +-
 tests/lib/rules/no-ref-as-operand.js          |  12 +-
 .../rules/no-ref-object-reactivity-loss.js    |   4 +-
 .../rules/no-required-prop-with-default.js    | 144 ++++++------
 tests/lib/rules/no-reserved-keys.js           |  50 ++---
 tests/lib/rules/no-reserved-props.js          |  14 +-
 tests/lib/rules/no-restricted-props.js        |  12 +-
 tests/lib/rules/no-shared-component-data.js   |  16 +-
 .../no-side-effects-in-computed-properties.js |   4 +-
 tests/lib/rules/no-undef-components.js        |  40 ++--
 .../lib/rules/no-unused-emit-declarations.js  |  16 +-
 tests/lib/rules/order-in-components.js        | 140 ++++++------
 tests/lib/rules/prop-name-casing.js           |  80 +++----
 tests/lib/rules/require-default-prop.js       |  34 +--
 tests/lib/rules/require-emit-validator.js     |  56 ++---
 tests/lib/rules/require-explicit-emits.js     |  48 ++--
 tests/lib/rules/require-name-property.js      |  32 +--
 tests/lib/rules/require-prop-comment.js       |  12 +-
 .../rules/require-prop-type-constructor.js    |  12 +-
 tests/lib/rules/require-prop-types.js         |  76 +++----
 tests/lib/rules/require-render-return.js      |  24 +-
 tests/lib/rules/require-typed-object-prop.js  |  70 +++---
 tests/lib/rules/require-typed-ref.js          |   8 +-
 tests/lib/rules/require-valid-default-prop.js | 206 +++++++++---------
 .../lib/rules/return-in-computed-property.js  |  44 ++--
 tests/lib/rules/script-indent.js              |   6 +-
 tests/lib/rules/sort-keys.js                  | 102 ++++-----
 tests/lib/rules/valid-define-emits.js         |   8 +-
 tests/lib/rules/valid-define-options.js       |   8 +-
 tests/lib/rules/valid-define-props.js         |   8 +-
 tests/lib/rules/valid-v-model.js              |  40 ++--
 tests/lib/utils/vue-component.js              |   8 +-
 tools/new-rule.js                             |   2 +-
 tools/update-docs.js                          |   6 +-
 60 files changed, 994 insertions(+), 998 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index d6ab046ba..deff4615d 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,15 +1,12 @@
 'use strict'
 
 const globals = require('globals')
-const { FlatCompat } = require('@eslint/eslintrc')
 const eslintPluginEslintPlugin = require('eslint-plugin-eslint-plugin/configs/all')
+const eslintPluginJsonc = require('eslint-plugin-jsonc')
+const eslintPluginNodeDependencies = require('eslint-plugin-node-dependencies')
 const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended')
 const eslintPluginUnicorn = require('eslint-plugin-unicorn')
 
-const eslintrc = new FlatCompat({
-  baseDirectory: __dirname
-})
-
 module.exports = [
   {
     ignores: [
@@ -30,10 +27,8 @@ module.exports = [
   },
   eslintPluginEslintPlugin,
   eslintPluginUnicorn.configs['flat/recommended'],
-  ...eslintrc.extends(
-    'plugin:node-dependencies/recommended',
-    'plugin:jsonc/recommended-with-jsonc'
-  ),
+  ...eslintPluginNodeDependencies.configs['flat/recommended'],
+  ...eslintPluginJsonc.configs['flat/recommended-with-jsonc'],
   eslintPluginPrettierRecommended,
   {
     plugins: {
@@ -144,6 +139,7 @@ module.exports = [
       'prefer-const': 2,
 
       'prettier/prettier': 'error',
+      'eslint-plugin/require-meta-docs-recommended': 'off', // use `categories` instead
       'eslint-plugin/require-meta-fixable': [
         'error',
         { catchNoFixerButFixableProperty: true }
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 3de0af1b5..0ef2a0420 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -51,7 +51,7 @@ module.exports = {
               allOf: [
                 { type: 'string' },
                 { not: { type: 'string', pattern: ':exit$' } },
-                { not: { type: 'string', pattern: '^\\s*$' } }
+                { not: { type: 'string', pattern: String.raw`^\s*$` } }
               ]
             },
             uniqueItems: true,
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index 96a8a4456..ed2bf1a62 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -62,7 +62,7 @@ module.exports = {
               allOf: [
                 { type: 'string' },
                 { not: { type: 'string', pattern: ':exit$' } },
-                { not: { type: 'string', pattern: '^\\s*$' } }
+                { not: { type: 'string', pattern: String.raw`^\s*$` } }
               ]
             },
             uniqueItems: true,
diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
index 11f4ab218..aa1390f2d 100644
--- a/lib/rules/no-invalid-model-keys.js
+++ b/lib/rules/no-invalid-model-keys.js
@@ -13,9 +13,9 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-invalid-model-keys.html'
     },
-    schema: [],
     deprecated: true,
-    replacedBy: ['valid-model-definition']
+    replacedBy: ['valid-model-definition'],
+    schema: []
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 98a87d807..5ddda037f 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -155,7 +155,7 @@ module.exports = {
                           sourceCode.text[nameWithLoc.range[0]]
                         }${JSON.stringify(option.suggest)
                           .slice(1, -1)
-                          .replace(/'/gu, "\\'")}${
+                          .replace(/'/gu, String.raw`\'`)}${
                           sourceCode.text[nameWithLoc.range[1] - 1]
                         }`
                       )
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 06eda247c..29fbb714b 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -106,9 +106,9 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
-    const ignores = /** @type {string[]} */ (options.ignores || ['/^\\$/']).map(
-      toRegExp
-    )
+    const ignores = /** @type {string[]} */ (
+      options.ignores || [String.raw`/^\$/`]
+    ).map(toRegExp)
     const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
     const programNode = context.getSourceCode().ast
 
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index c9d9d5e99..839b770ad 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -32,7 +32,7 @@ module.exports = {
               allOf: [
                 { type: 'string' },
                 { not: { type: 'string', pattern: ':exit$' } },
-                { not: { type: 'string', pattern: '^\\s*$' } }
+                { not: { type: 'string', pattern: String.raw`^\s*$` } }
               ]
             },
             uniqueItems: true,
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
index a1d873a6b..836eb5e64 100644
--- a/lib/rules/script-setup-uses-vars.js
+++ b/lib/rules/script-setup-uses-vars.js
@@ -28,8 +28,8 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/script-setup-uses-vars.html'
     },
-    schema: [],
-    deprecated: true
+    deprecated: true,
+    schema: []
   },
   /**
    * @param {RuleContext} context - The rule context.
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index 9ebe7554d..f99a45fdc 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -30,7 +30,7 @@ module.exports = {
               allOf: [
                 { type: 'string' },
                 { not: { type: 'string', pattern: ':exit$' } },
-                { not: { type: 'string', pattern: '^\\s*$' } }
+                { not: { type: 'string', pattern: String.raw`^\s*$` } }
               ]
             },
             uniqueItems: true,
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
index efd5b6fa1..1d075a348 100644
--- a/lib/rules/v-on-function-call.js
+++ b/lib/rules/v-on-function-call.js
@@ -71,6 +71,8 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/v-on-function-call.html'
     },
     fixable: 'code',
+    deprecated: true,
+    replacedBy: ['v-on-handler-style'],
     schema: [
       { enum: ['always', 'never'] },
       {
@@ -87,9 +89,7 @@ module.exports = {
       always: "Method calls inside of 'v-on' directives must have parentheses.",
       never:
         "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-    },
-    deprecated: true,
-    replacedBy: ['v-on-handler-style']
+    }
   },
   /** @param {RuleContext} context */
   create(context) {
diff --git a/lib/utils/regexp.js b/lib/utils/regexp.js
index f19d55a6e..3ee40ae41 100644
--- a/lib/utils/regexp.js
+++ b/lib/utils/regexp.js
@@ -12,7 +12,7 @@ const RE_REGEXP_STR = /^\/(.+)\/(.*)$/u
  */
 function escape(string) {
   return string && RE_HAS_REGEXP_CHAR.test(string)
-    ? string.replace(RE_REGEXP_CHAR, '\\$&')
+    ? string.replace(RE_REGEXP_CHAR, String.raw`\$&`)
     : string
 }
 
diff --git a/package.json b/package.json
index 687db9cac..8cb321f20 100644
--- a/package.json
+++ b/package.json
@@ -65,8 +65,8 @@
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
-    "@ota-meshi/site-kit-eslint-editor-vue": "^0.1.2",
-    "@stylistic/eslint-plugin": "^1.6.1",
+    "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.0",
+    "@stylistic/eslint-plugin": "^2.2.2",
     "@types/eslint": "^8.56.2",
     "@types/eslint-visitor-keys": "^3.3.0",
     "@types/natural-compare": "^1.4.3",
@@ -77,21 +77,21 @@
     "@typescript-eslint/types": "^7.13.1",
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
-    "esbuild": "^0.20.0",
+    "esbuild": "^0.21.5",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-eslint-plugin": "~5.3.0",
+    "eslint-plugin-eslint-plugin": "~6.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsonc": "^2.13.0",
-    "eslint-plugin-node-dependencies": "^0.11.2",
+    "eslint-plugin-node-dependencies": "^0.12.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-unicorn": "^51.0.1",
+    "eslint-plugin-unicorn": "^54.0.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.6.1",
     "events": "^3.3.0",
-    "markdownlint-cli": "^0.39.0",
+    "markdownlint-cli": "^0.41.0",
     "mocha": "^10.3.0",
-    "nyc": "^15.1.0",
+    "nyc": "^17.0.0",
     "prettier": "^3.2.5",
     "typescript": "^5.3.3",
     "vitepress": "^1.0.0-rc.42"
diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index 97d1e2d9a..2acdfcb8b 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -187,14 +187,14 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'FooBar'
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -204,14 +204,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo  bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -221,14 +221,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo!bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -238,14 +238,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         })
       `,
       output: null,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: 'Property name "foo!bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.vue',
@@ -259,14 +259,14 @@ ruleTester.run('component-definition-name-casing', rule, {
           name: 'FooBar'
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -281,14 +281,14 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       options: ['PascalCase'],
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -303,156 +303,156 @@ ruleTester.run('component-definition-name-casing', rule, {
         }
       `,
       options: ['kebab-case'],
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', component)`,
       output: `Vue.component('FooBar', component)`,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `app.component('foo-bar', component)`,
       output: `app.component('FooBar', component)`,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `(Vue as VueConstructor<Vue>).component('foo-bar', component)`,
       output: `(Vue as VueConstructor<Vue>).component('FooBar', component)`,
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions: {
-        parser: require('@typescript-eslint/parser'),
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo-bar', {})`,
       output: `Vue.component('FooBar', {})`,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `app.component('foo-bar', {})`,
       output: `app.component('FooBar', {})`,
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
       code: `Vue.component('foo_bar', {})`,
       output: `Vue.component('FooBar', {})`,
       options: ['PascalCase'],
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `Vue.component('foo_bar', {})`,
       output: `Vue.component('foo-bar', {})`,
       options: ['kebab-case'],
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'Literal',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `Vue.component(\`foo_bar\`, {})`,
       output: `Vue.component(\`foo-bar\`, {})`,
       options: ['kebab-case'],
+      languageOptions,
       errors: [
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'TemplateLiteral',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
       output: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
       options: ['PascalCase'],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           line: 1
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({name: 'FooBar'}) </script>`,
       output: `<script setup> defineOptions({name: 'foo-bar'}) </script>`,
       options: ['kebab-case'],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Property name "FooBar" is not kebab-case.',
           line: 1
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
index 6493765af..4e65783c2 100644
--- a/tests/lib/rules/define-emits-declaration.js
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -176,17 +176,17 @@ tester.run('define-emits-declaration', rule, {
        </script>
        `,
       options: ['type-literal'],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Use type based declaration instead of runtime declaration.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -199,17 +199,17 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['runtime'],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Use runtime declaration instead of type based declaration.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -222,6 +222,11 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-literal'],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message:
@@ -233,12 +238,7 @@ tester.run('define-emits-declaration', rule, {
             'Use new type literal declaration instead of the old call signature declaration.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -251,18 +251,18 @@ tester.run('define-emits-declaration', rule, {
         </script>
        `,
       options: ['type-literal'],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -272,18 +272,18 @@ tester.run('define-emits-declaration', rule, {
         </script>
         `,
       options: ['type-literal'],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index bdae34e6a..3aa2e434d 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -413,17 +413,17 @@ tester.run('define-macros-order', rule, {
         </script>
       `,
       options: optionsEmitsFirst,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: message('defineEmits'),
           line: 12
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -451,17 +451,17 @@ tester.run('define-macros-order', rule, {
           interface SomeOtherInterface {};
         </script>
       `,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: message('defineProps'),
           line: 10
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -506,17 +506,17 @@ tester.run('define-macros-order', rule, {
         </script>
       `,
       options: optionsEmitsFirst,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: message('defineEmits'),
           line: 16
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/define-props-declaration.js b/tests/lib/rules/define-props-declaration.js
index 3af4513ea..d6785b93c 100644
--- a/tests/lib/rules/define-props-declaration.js
+++ b/tests/lib/rules/define-props-declaration.js
@@ -151,17 +151,17 @@ tester.run('define-props-declaration', rule, {
       </script>
       `,
       options: ['runtime'],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Use runtime declaration instead of type-based declaration.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
index 6abe16a6c..27c93af8e 100644
--- a/tests/lib/rules/html-comment-indent.js
+++ b/tests/lib/rules/html-comment-indent.js
@@ -246,8 +246,7 @@ tester.run('html-comment-indent', rule, {
           endColumn: 11
         },
         {
-          message:
-            'Expected base point indentation of 10 spaces, but found "        \\t".',
+          message: String.raw`Expected base point indentation of 10 spaces, but found "        \t".`,
           line: 7,
           column: 1,
           endLine: 7,
@@ -452,8 +451,7 @@ tester.run('html-comment-indent', rule, {
           endColumn: 14
         },
         {
-          message:
-            'Expected base point indentation of 12 spaces, but found "          \\t".',
+          message: String.raw`Expected base point indentation of 12 spaces, but found "          \t".`,
           line: 12,
           column: 1,
           endLine: 12,
@@ -671,13 +669,11 @@ comment -->
         `,
       errors: [
         {
-          message:
-            'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
+          message: String.raw`Expected base point indentation of " \t \t \t ", but found 7 spaces.`,
           line: 4
         },
         {
-          message:
-            'Expected base point indentation of " \\t \\t \\t ", but found 7 spaces.',
+          message: String.raw`Expected base point indentation of " \t \t \t ", but found 7 spaces.`,
           line: 5
         }
       ]
diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index b8763dfb2..3a4c610cd 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -471,7 +471,7 @@ tester.run(
       `,
         errors: [
           {
-            message: 'Expected " " character, but found "\\t" character.',
+            message: String.raw`Expected " " character, but found "\t" character.`,
             line: 3
           }
         ]
@@ -495,7 +495,7 @@ tester.run(
         options: ['tab'],
         errors: [
           {
-            message: 'Expected "\\t" character, but found " " character.',
+            message: String.raw`Expected "\t" character, but found " " character.`,
             line: 3
           }
         ]
@@ -931,7 +931,7 @@ tester.run(
         options: ['tab', { ignores: ['VAttribute'] }],
         errors: [
           {
-            message: 'Expected "\\t" character, but found " " character.',
+            message: String.raw`Expected "\t" character, but found " " character.`,
             line: 2
           }
         ]
diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index f66a3c2c5..a006d2f3c 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -581,6 +581,7 @@ ruleTester.run('match-component-file-name', rule, {
           render() { return <div /> }
         }
       `,
+      languageOptions: jsxLanguageOptions,
       errors: [
         {
           message:
@@ -597,8 +598,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: jsxLanguageOptions
+      ]
     },
     {
       filename: 'MyComponent.jsx',
@@ -609,6 +609,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
+      languageOptions: jsxLanguageOptions,
       errors: [
         {
           message:
@@ -625,8 +626,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: jsxLanguageOptions
+      ]
     },
     {
       filename: 'MyComponent.jsx',
@@ -637,6 +637,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
+      languageOptions: jsxLanguageOptions,
       errors: [
         {
           message:
@@ -653,8 +654,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: jsxLanguageOptions
+      ]
     },
     {
       filename: 'MyComponent.jsx',
@@ -665,6 +665,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ extensions: ['jsx'] }],
+      languageOptions: jsxLanguageOptions,
       errors: [
         {
           message:
@@ -681,8 +682,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: jsxLanguageOptions
+      ]
     },
 
     // .vue
@@ -697,6 +697,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message:
@@ -715,11 +719,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'MyComponent.vue',
@@ -732,6 +732,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message:
@@ -750,11 +754,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'MyComponent.vue',
@@ -767,6 +767,10 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `,
       options: [{ extensions: ['vue'] }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message:
@@ -785,11 +789,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
 
     // .js
@@ -802,6 +802,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -818,8 +819,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -830,6 +830,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -846,8 +847,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -858,6 +858,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -874,8 +875,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -885,6 +885,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -900,8 +901,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -911,6 +911,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -926,8 +927,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -937,6 +937,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -952,8 +953,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -963,6 +963,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -978,8 +979,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -989,6 +989,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -1004,8 +1005,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -1015,6 +1015,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -1030,8 +1031,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'MyComponent.js',
@@ -1041,6 +1041,7 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `,
       options: [{ extensions: ['js'] }],
+      languageOptions,
       errors: [
         {
           message:
@@ -1056,8 +1057,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
 
     // casing
@@ -1070,6 +1070,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ shouldMatchCase: true }],
+      languageOptions: jsxLanguageOptions,
       errors: [
         {
           message:
@@ -1086,8 +1087,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: jsxLanguageOptions
+      ]
     },
     {
       filename: 'my-component.jsx',
@@ -1098,6 +1098,7 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `,
       options: [{ shouldMatchCase: true }],
+      languageOptions: jsxLanguageOptions,
       errors: [
         {
           message:
@@ -1114,13 +1115,16 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: jsxLanguageOptions
+      ]
     },
     {
       filename: 'MyComponent.vue',
       code: `<script setup> defineOptions({name: 'CoolComponent'}) </script>`,
       options: [{ extensions: ['vue'] }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message:
@@ -1132,11 +1136,7 @@ ruleTester.run('match-component-file-name', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index d3b1a3087..264430ec7 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -339,6 +339,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -349,8 +350,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected await operator in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -363,6 +363,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -373,8 +374,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected Promise object in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -387,13 +387,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -406,8 +406,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      errors: ['Unexpected asynchronous action in "foo" computed property.'],
-      languageOptions
+      languageOptions,
+      errors: ['Unexpected asynchronous action in "foo" computed property.']
     },
     {
       filename: 'test.vue',
@@ -420,8 +420,8 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
-      errors: ['Unexpected asynchronous action in "foo" computed property.'],
-      languageOptions
+      languageOptions,
+      errors: ['Unexpected asynchronous action in "foo" computed property.']
     },
     {
       filename: 'test.vue',
@@ -434,13 +434,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -453,13 +453,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -472,13 +472,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -491,13 +491,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -510,13 +510,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -529,13 +529,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -548,13 +548,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -569,13 +569,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -590,13 +590,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.vue',
@@ -611,13 +611,13 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.vue',
@@ -632,6 +632,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
@@ -641,8 +642,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -657,6 +657,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       })
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -679,8 +680,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in "foo" computed property.',
           line: 6
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -700,6 +700,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected timed function in "foo" computed property.',
@@ -733,8 +734,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected timed function in "foo" computed property.',
           line: 12
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -754,6 +754,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
@@ -763,8 +764,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.'
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -784,6 +784,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
@@ -793,8 +794,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.',
         'Unexpected timed function in "foo" computed property.'
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -812,6 +812,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -840,8 +841,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected await operator in computed function.',
           line: 10
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -855,6 +855,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -865,8 +866,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected Promise object in computed function.',
           line: 6
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -883,6 +883,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -892,8 +893,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 9
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -914,6 +914,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -923,8 +924,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 12
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -945,6 +945,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Unexpected timed function in computed function.',
@@ -978,8 +979,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected timed function in computed function.',
           line: 13
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -993,14 +993,14 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       }
       `,
+      languageOptions,
       errors: [
         {
           message:
             'Unexpected async function declaration in computed function.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
 
     {
@@ -1017,6 +1017,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser,
+        ...languageOptions
+      },
       errors: [
         {
           message:
@@ -1045,11 +1049,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected await operator in computed function.',
           line: 9
         }
-      ],
-      languageOptions: {
-        parser,
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1061,6 +1061,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser,
+        ...languageOptions
+      },
       errors: [
         {
           message:
@@ -1071,11 +1075,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected Promise object in computed function.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parser,
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1090,6 +1090,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser,
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -1099,11 +1103,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 8
         }
-      ],
-      languageOptions: {
-        parser,
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1122,6 +1122,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser,
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
@@ -1131,11 +1135,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected asynchronous action in computed function.',
           line: 11
         }
-      ],
-      languageOptions: {
-        parser,
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1154,6 +1154,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser,
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Unexpected timed function in computed function.',
@@ -1187,11 +1191,7 @@ ruleTester.run('no-async-in-computed-properties', rule, {
           message: 'Unexpected timed function in computed function.',
           line: 12
         }
-      ],
-      languageOptions: {
-        parser,
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1203,17 +1203,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser,
+        ...languageOptions
+      },
       errors: [
         {
           message:
             'Unexpected async function declaration in computed function.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parser,
-        ...languageOptions
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index c1f1a1784..6f275c671 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -424,14 +424,14 @@ ruleTester.run('no-boolean-default', rule, {
       })
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message:
             'Boolean prop should not set a default (Vue defaults it to false).',
           line: 6
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     {
       filename: 'test.vue',
@@ -446,13 +446,13 @@ ruleTester.run('no-boolean-default', rule, {
       </script>
       `,
       options: ['default-false'],
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
           line: 6
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
diff --git a/tests/lib/rules/no-deprecated-data-object-declaration.js b/tests/lib/rules/no-deprecated-data-object-declaration.js
index 1c2007aab..648e1de24 100644
--- a/tests/lib/rules/no-deprecated-data-object-declaration.js
+++ b/tests/lib/rules/no-deprecated-data-object-declaration.js
@@ -150,14 +150,14 @@ return {
 }
         })
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -177,14 +177,14 @@ return {
 }
         })
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -204,14 +204,14 @@ return {
 }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -231,14 +231,14 @@ return (/*b*/{
 }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -258,14 +258,14 @@ return {
 }
         })
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -285,14 +285,14 @@ return {
 }
         }).mount('#app')
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
           line: 3
         }
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index 4b4fd288f..c78577d4b 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -134,14 +134,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -152,14 +152,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -172,14 +172,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -193,14 +193,14 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -213,12 +213,12 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
+      languageOptions,
       errors: [
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -231,12 +231,12 @@ ruleTester.run('no-deprecated-events-api', rule, {
           }
         })
       `,
+      languageOptions,
       errors: [
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
         'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 2eae55863..124442ec2 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -1011,14 +1011,14 @@ ruleTester.run('no-dupe-keys', rule, {
         const foo = 0
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
           line: 6
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1039,6 +1039,7 @@ ruleTester.run('no-dupe-keys', rule, {
         const bar = () => 'bar';
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message:
@@ -1055,8 +1056,7 @@ ruleTester.run('no-dupe-keys', rule, {
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 15
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1071,6 +1071,10 @@ ruleTester.run('no-dupe-keys', rule, {
       const bar = 'bar';
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
@@ -1082,11 +1086,7 @@ ruleTester.run('no-dupe-keys', rule, {
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 9
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1097,14 +1097,14 @@ ruleTester.run('no-dupe-keys', rule, {
       const bar = 42
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
           line: 5
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-export-in-script-setup.js b/tests/lib/rules/no-export-in-script-setup.js
index e6f2f1e19..8703dc74a 100644
--- a/tests/lib/rules/no-export-in-script-setup.js
+++ b/tests/lib/rules/no-export-in-script-setup.js
@@ -145,6 +145,12 @@ ruleTester.run('no-export-in-script-setup', rule, {
       export {}
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: '`<script setup>` cannot contain ES module exports.',
@@ -158,13 +164,7 @@ ruleTester.run('no-export-in-script-setup', rule, {
           message: '`<script setup>` cannot contain ES module exports.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-expose-after-await.js b/tests/lib/rules/no-expose-after-await.js
index 121438995..033fd5421 100644
--- a/tests/lib/rules/no-expose-after-await.js
+++ b/tests/lib/rules/no-expose-after-await.js
@@ -179,14 +179,14 @@ tester.run('no-expose-after-await', rule, {
       defineExpose({ /* ... */ })
       </script>
       `,
+      languageOptions: { ecmaVersion: 2022 },
       errors: [
         {
           message: '`defineExpose` is forbidden after an `await` expression.',
           line: 4,
           column: 7
         }
-      ],
-      languageOptions: { ecmaVersion: 2022 }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 1ecca1787..f47568a46 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -1031,17 +1031,17 @@ ruleTester.run('no-mutating-props', rule, {
         props.value++
         </script>
       `,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Unexpected mutation of "value" prop.',
           line: 6
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 62e29275c..d57356356 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -839,6 +839,11 @@ tester.run('no-ref-as-operand', rule, {
       console.log(count.value + 1) // error
       console.log(1 + count.value) // error
       `,
+      languageOptions: {
+        globals: {
+          ref: 'readonly'
+        }
+      },
       errors: [
         {
           message:
@@ -864,12 +869,7 @@ tester.run('no-ref-as-operand', rule, {
           endLine: 6,
           endColumn: 28
         }
-      ],
-      languageOptions: {
-        globals: {
-          ref: 'readonly'
-        }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-ref-object-reactivity-loss.js b/tests/lib/rules/no-ref-object-reactivity-loss.js
index c06e456bb..c026ba599 100644
--- a/tests/lib/rules/no-ref-object-reactivity-loss.js
+++ b/tests/lib/rules/no-ref-object-reactivity-loss.js
@@ -319,6 +319,7 @@ tester.run('no-ref-object-reactivity-loss', rule, {
         mod.value // OK
       )
       </script>`,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message:
@@ -330,8 +331,7 @@ tester.run('no-ref-object-reactivity-loss', rule, {
             'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
           line: 7
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     // Reactivity Transform
     {
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
index 89319c0a8..7bdd9c611 100644
--- a/tests/lib/rules/no-required-prop-with-default.js
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -223,17 +223,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -266,17 +266,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -309,17 +309,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "na::me" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -354,17 +354,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -395,17 +395,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -438,17 +438,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -481,17 +481,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "na"me2" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -524,17 +524,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "foo" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -567,17 +567,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -610,17 +610,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "name" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -653,17 +653,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "a" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -696,17 +696,17 @@ tester.run('no-required-prop-with-default', rule, {
         </script>
       `,
       options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Prop "a" should be optional.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-reserved-keys.js b/tests/lib/rules/no-reserved-keys.js
index ded4a9692..277c12c92 100644
--- a/tests/lib/rules/no-reserved-keys.js
+++ b/tests/lib/rules/no-reserved-keys.js
@@ -121,13 +121,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -140,13 +140,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 5
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -159,13 +159,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 5
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -176,13 +176,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -195,13 +195,13 @@ ruleTester.run('no-reserved-keys', rule, {
           }
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 5
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -212,13 +212,13 @@ ruleTester.run('no-reserved-keys', rule, {
           })
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -229,13 +229,13 @@ ruleTester.run('no-reserved-keys', rule, {
           })
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Keys starting with '_' are reserved in '_foo' group.",
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -247,13 +247,13 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       `,
       options: [{ reserved: ['bar'], groups: ['foo'] }],
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message: "Key 'bar' is reserved.",
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.vue',
@@ -264,13 +264,13 @@ ruleTester.run('no-reserved-keys', rule, {
         })
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 6 },
       errors: [
         {
           message: "Key '$el' is reserved.",
           line: 4
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.vue',
@@ -279,19 +279,19 @@ ruleTester.run('no-reserved-keys', rule, {
         defineProps<{$el: string}>()
       </script>
       `,
-      errors: [
-        {
-          message: "Key '$el' is reserved.",
-          line: 3
-        }
-      ],
       languageOptions: {
         parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        {
+          message: "Key '$el' is reserved.",
+          line: 3
+        }
+      ]
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
diff --git a/tests/lib/rules/no-reserved-props.js b/tests/lib/rules/no-reserved-props.js
index aa8252f0c..884708233 100644
--- a/tests/lib/rules/no-reserved-props.js
+++ b/tests/lib/rules/no-reserved-props.js
@@ -261,6 +261,12 @@ tester.run('no-reserved-props', rule, {
       defineProps<Props>()
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: "'ref' is a reserved attribute and cannot be used as props.",
@@ -272,13 +278,7 @@ tester.run('no-reserved-props', rule, {
           line: 5,
           column: 9
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index a50b22911..2dc1bcf64 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -390,6 +390,11 @@ tester.run('no-restricted-props', rule, {
       </script>
       `,
       options: [{ name: 'foo', suggest: 'Foo' }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           message: 'Using `foo` props is not allowed.',
@@ -407,12 +412,7 @@ tester.run('no-restricted-props', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
diff --git a/tests/lib/rules/no-shared-component-data.js b/tests/lib/rules/no-shared-component-data.js
index 50f433036..98e06728e 100644
--- a/tests/lib/rules/no-shared-component-data.js
+++ b/tests/lib/rules/no-shared-component-data.js
@@ -129,13 +129,13 @@ return {
 }
         })
       `,
+      languageOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -155,13 +155,13 @@ return {
 }
         })
       `,
+      languageOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -181,13 +181,13 @@ return {
 }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -207,13 +207,13 @@ return (/*b*/{
 }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: '`data` property in component must be a function.',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 7ba6c0827..6cb6d6284 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -391,13 +391,13 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
           }
         });
       `,
+      languageOptions: { parser: require('@typescript-eslint/parser') },
       errors: [
         {
           line: 5,
           message: 'Unexpected side effect in "test1" computed property.'
         }
-      ],
-      languageOptions: { parser: require('@typescript-eslint/parser') }
+      ]
     },
 
     {
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index 8b332ba42..e9992e39d 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -104,7 +104,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['custom(\\-\\w+)+']
+          ignorePatterns: [String.raw`custom(\-\w+)+`]
         }
       ]
     },
@@ -170,7 +170,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['custom(\\-\\w+)+']
+          ignorePatterns: [String.raw`custom(\-\w+)+`]
         }
       ]
     },
@@ -185,7 +185,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['custom(\\-\\w+)+']
+          ignorePatterns: [String.raw`custom(\-\w+)+`]
         }
       ]
     },
@@ -200,7 +200,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['custom(\\-\\w+)+']
+          ignorePatterns: [String.raw`custom(\-\w+)+`]
         }
       ]
     },
@@ -215,7 +215,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['Custom(\\w+)+']
+          ignorePatterns: [String.raw`Custom(\w+)+`]
         }
       ]
     },
@@ -230,7 +230,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['Custom(\\w+)+']
+          ignorePatterns: [String.raw`Custom(\w+)+`]
         }
       ]
     },
@@ -245,7 +245,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['Custom(\\w+)+']
+          ignorePatterns: [String.raw`Custom(\w+)+`]
         }
       ]
     },
@@ -261,7 +261,11 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['Custom(\\w+)+', 'Warm(\\w+)+', 'InfoBtn(\\w+)+']
+          ignorePatterns: [
+            String.raw`Custom(\w+)+`,
+            String.raw`Warm(\w+)+`,
+            String.raw`InfoBtn(\w+)+`
+          ]
         }
       ]
     },
@@ -807,13 +811,6 @@ tester.run('no-undef-components', rule, {
         <Foo />
       </template>
       `,
-      errors: [
-        {
-          message:
-            "The '<Foo>' component has been used, but 'Foo' only refers to a type.",
-          line: 7
-        }
-      ],
       languageOptions: {
         parser: require('vue-eslint-parser'),
         ecmaVersion: 6,
@@ -821,7 +818,14 @@ tester.run('no-undef-components', rule, {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        {
+          message:
+            "The '<Foo>' component has been used, but 'Foo' only refers to a type.",
+          line: 7
+        }
+      ]
     },
 
     // options API
@@ -849,7 +853,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['custom(\\-\\w+)+']
+          ignorePatterns: [String.raw`custom(\-\w+)+`]
         }
       ],
       errors: [
@@ -888,7 +892,7 @@ tester.run('no-undef-components', rule, {
       `,
       options: [
         {
-          ignorePatterns: ['custom(\\-\\w+)+']
+          ignorePatterns: [String.raw`custom(\-\w+)+`]
         }
       ],
       errors: [
diff --git a/tests/lib/rules/no-unused-emit-declarations.js b/tests/lib/rules/no-unused-emit-declarations.js
index cccbcbb98..b4469150d 100644
--- a/tests/lib/rules/no-unused-emit-declarations.js
+++ b/tests/lib/rules/no-unused-emit-declarations.js
@@ -680,6 +680,9 @@ tester.run('no-unused-emit-declarations', rule, {
         }>()
         const change = () => emit('foo');
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           messageId: 'unused',
@@ -687,10 +690,7 @@ tester.run('no-unused-emit-declarations', rule, {
           column: 11,
           endColumn: 36
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -716,6 +716,9 @@ tester.run('no-unused-emit-declarations', rule, {
         defineEmits<{(e: 'foo'): void}>()
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           messageId: 'unused',
@@ -723,10 +726,7 @@ tester.run('no-unused-emit-declarations', rule, {
           column: 22,
           endColumn: 38
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 6ddba308d..2cbe721c5 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -225,14 +225,14 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The "props" property should be above the "data" property on line 4.',
           line: 9
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.jsx',
@@ -272,6 +272,13 @@ ruleTester.run('order-in-components', rule, {
           },
         }
       `,
+      languageOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          ecmaFeatures: { jsx: true }
+        }
+      },
       errors: [
         {
           message:
@@ -288,14 +295,7 @@ ruleTester.run('order-in-components', rule, {
             'The "props" property should be above the "data" property on line 9.',
           line: 14
         }
-      ],
-      languageOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          ecmaFeatures: { jsx: true }
-        }
-      }
+      ]
     },
     {
       filename: 'test.js',
@@ -323,14 +323,14 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
             'The "components" property should be above the "data" property on line 4.',
           line: 9
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -358,14 +358,14 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
             'The "components" property should be above the "data" property on line 4.',
           line: 9
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -395,14 +395,14 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
             'The "components" property should be above the "data" property on line 5.',
           line: 10
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -432,6 +432,7 @@ ruleTester.run('order-in-components', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -443,8 +444,7 @@ ruleTester.run('order-in-components', rule, {
             'The "components" property should be above the "data" property on line 5.',
           line: 10
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'example.vue',
@@ -484,14 +484,14 @@ ruleTester.run('order-in-components', rule, {
           },
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 16
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -512,14 +512,14 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       options: [{ order: ['data', 'test', 'name'] }],
+      languageOptions,
       errors: [
         {
           message:
             'The "test" property should be above the "name" property on line 5.',
           line: 6
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -541,14 +541,14 @@ ruleTester.run('order-in-components', rule, {
           }
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 4.',
           line: 7
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -570,27 +570,27 @@ ruleTester.run('order-in-components', rule, {
           }/*test*/
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 4.',
           line: 7
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
       code: `export default {data(){},name:'burger'};`,
       output: `export default {name:'burger',data(){}};`,
+      languageOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 1.',
           line: 1
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects CallExpression
@@ -604,6 +604,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -623,8 +624,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects NewExpression
@@ -638,6 +638,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -657,8 +658,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects UpdateExpression
@@ -672,6 +672,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -691,8 +692,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects AssignmentExpression
@@ -706,6 +706,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -725,8 +726,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects TaggedTemplateExpression
@@ -740,6 +740,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -759,8 +760,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects key
@@ -774,6 +774,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -793,8 +794,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects object deep props
@@ -808,6 +808,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -827,8 +828,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects array elements
@@ -842,6 +842,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -861,8 +862,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects call at middle
@@ -876,6 +876,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -895,8 +896,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects delete
@@ -910,6 +910,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -929,8 +930,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects within BinaryExpression
@@ -944,6 +944,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -963,8 +964,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects within ConditionalExpression
@@ -978,6 +978,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -997,8 +998,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects within TemplateLiteral
@@ -1012,6 +1012,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -1031,8 +1032,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // side-effects https://github.com/vuejs/eslint-plugin-vue/issues/2418
@@ -1047,6 +1047,7 @@ ruleTester.run('order-in-components', rule, {
         };
       `,
       output: null,
+      languageOptions,
       errors: [
         {
           message:
@@ -1067,8 +1068,7 @@ ruleTester.run('order-in-components', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // without side-effects
@@ -1089,14 +1089,14 @@ ruleTester.run('order-in-components', rule, {
           test: fn(),
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // don't side-effects
@@ -1135,14 +1135,14 @@ ruleTester.run('order-in-components', rule, {
           testOptionalChaining: a?.b?.c,
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
             'The "name" property should be above the "data" property on line 3.',
           line: 15
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -1166,20 +1166,20 @@ ruleTester.run('order-in-components', rule, {
           };
         </script>
       `,
-      errors: [
-        {
-          message:
-            'The "props" property should be above the "setup" property on line 4.',
-          line: 5
-        }
-      ],
       languageOptions: {
         parser: require('vue-eslint-parser'),
         ...languageOptions,
         parserOptions: {
           parser: { ts: require.resolve('@typescript-eslint/parser') }
         }
-      }
+      },
+      errors: [
+        {
+          message:
+            'The "props" property should be above the "setup" property on line 4.',
+          line: 5
+        }
+      ]
     },
     {
       filename: 'example.vue',
@@ -1199,14 +1199,14 @@ ruleTester.run('order-in-components', rule, {
         })
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message:
             'The "name" property should be above the "inheritAttrs" property on line 4.',
           line: 5
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index 0ec845938..65748dc49 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -372,14 +372,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -391,14 +391,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -408,14 +408,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Literal',
           line: 3
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -427,14 +427,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
+      languageOptions,
       errors: [
         {
           message: 'Prop "greetingText" is not in snake_case.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -446,14 +446,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['camelCase'],
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -465,14 +465,14 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in snake_case.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -483,14 +483,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // computed property name
@@ -502,14 +502,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // shorthand
@@ -521,14 +521,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -539,14 +539,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Prop "abc-123-def" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       // Parentheses computed property name
@@ -558,14 +558,14 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Prop "greeting-text" is not in camelCase.',
           type: 'Property',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -576,8 +576,8 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      errors: ['Prop "_item" is not in camelCase.'],
-      languageOptions
+      languageOptions,
+      errors: ['Prop "_item" is not in camelCase.']
     },
     {
       filename: 'test.vue',
@@ -589,8 +589,8 @@ ruleTester.run('prop-name-casing', rule, {
         }
       `,
       options: ['snake_case'],
-      errors: ['Prop "_itemName" is not in snake_case.'],
-      languageOptions
+      languageOptions,
+      errors: ['Prop "_itemName" is not in snake_case.']
     },
     {
       // TemplateLiteral computed property
@@ -602,8 +602,8 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      errors: ['Prop "greeting-text" is not in camelCase.'],
-      languageOptions
+      languageOptions,
+      errors: ['Prop "greeting-text" is not in camelCase.']
     },
     {
       // RegExp Literal computed property name
@@ -615,8 +615,8 @@ ruleTester.run('prop-name-casing', rule, {
           }
         }
       `,
-      errors: ['Prop "/greeting-text/" is not in camelCase.'],
-      languageOptions
+      languageOptions,
+      errors: ['Prop "/greeting-text/" is not in camelCase.']
     },
     {
       filename: 'test.vue',
@@ -627,16 +627,16 @@ ruleTester.run('prop-name-casing', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -645,16 +645,16 @@ ruleTester.run('prop-name-casing', rule, {
       defineProps(['greeting_text'])
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message: 'Prop "greeting_text" is not in camelCase.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index 834f319aa..3ac13bcb8 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -414,15 +414,15 @@ ruleTester.run('require-default-prop', rule, {
           }
         });
       `,
+      languageOptions: {
+        parser: require('@typescript-eslint/parser')
+      },
       errors: [
         {
           message: `Prop 'a' requires default value to be set.`,
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('@typescript-eslint/parser')
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -435,13 +435,13 @@ ruleTester.run('require-default-prop', rule, {
           }
         });
       `,
+      languageOptions: { parser: require('@typescript-eslint/parser') },
       errors: [
         {
           message: `Prop 'a' requires default value to be set.`,
           line: 4
         }
-      ],
-      languageOptions: { parser: require('@typescript-eslint/parser') }
+      ]
     },
 
     // computed properties
@@ -555,16 +555,16 @@ ruleTester.run('require-default-prop', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
       errors: [
         {
           message: "Prop 'foo' requires default value to be set.",
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -581,17 +581,17 @@ ruleTester.run('require-default-prop', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message: "Prop 'bar' requires default value to be set.",
           line: 8
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ...languageOptions,
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     ...(semver.lt(
       require('@typescript-eslint/parser/package.json').version,
diff --git a/tests/lib/rules/require-emit-validator.js b/tests/lib/rules/require-emit-validator.js
index 8aadde153..32d998682 100644
--- a/tests/lib/rules/require-emit-validator.js
+++ b/tests/lib/rules/require-emit-validator.js
@@ -197,6 +197,7 @@ ruleTester.run('require-emit-validator', rule, {
           emits: ['foo', bar, \`baz\`, foo()]
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
@@ -218,8 +219,7 @@ ruleTester.run('require-emit-validator', rule, {
           data: { name: 'Unknown emit' },
           line: 3
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.js',
@@ -228,6 +228,7 @@ ruleTester.run('require-emit-validator', rule, {
           emits: ['foo', bar, \`baz\`, foo()]
         })
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
@@ -249,8 +250,7 @@ ruleTester.run('require-emit-validator', rule, {
           data: { name: 'Unknown emit' },
           line: 3
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -260,6 +260,7 @@ ruleTester.run('require-emit-validator', rule, {
             foo: null
           }
         }`,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'skipped',
@@ -277,8 +278,7 @@ ruleTester.run('require-emit-validator', rule, {
             }
           ]
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -289,6 +289,7 @@ ruleTester.run('require-emit-validator', rule, {
             bar: (payload) => {}
           }
         }`,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'skipped',
@@ -307,8 +308,7 @@ ruleTester.run('require-emit-validator', rule, {
             }
           ]
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -321,14 +321,14 @@ ruleTester.run('require-emit-validator', rule, {
           }
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'missing',
           data: { name: 'foo' },
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -339,18 +339,18 @@ ruleTester.run('require-emit-validator', rule, {
           }
         });
       `,
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           messageId: 'missing',
           data: { name: 'foo' },
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('@typescript-eslint/parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -359,18 +359,18 @@ ruleTester.run('require-emit-validator', rule, {
       const emit = defineEmits(['foo'])
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           messageId: 'missing',
           data: { name: 'foo' },
           line: 3
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -379,6 +379,11 @@ ruleTester.run('require-emit-validator', rule, {
       const emit = defineEmits({foo:null})
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           messageId: 'skipped',
@@ -395,12 +400,7 @@ ruleTester.run('require-emit-validator', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-explicit-emits.js b/tests/lib/rules/require-explicit-emits.js
index ed9e2d050..da9b87246 100644
--- a/tests/lib/rules/require-explicit-emits.js
+++ b/tests/lib/rules/require-explicit-emits.js
@@ -2129,16 +2129,16 @@ emits: {'foo': null},
       }>()
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -2150,16 +2150,16 @@ emits: {'foo': null},
       defineEmits<(e: 'foo') => void>()
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -2187,16 +2187,16 @@ emits: {'foo': null},
       emit('bar')
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -2237,16 +2237,16 @@ emits: {'foo': null},
       emit('bar')
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 5
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       // new syntax in Vue 3.3
@@ -2259,16 +2259,16 @@ emits: {'foo': null},
       emit('bar')
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 6
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       code: `
@@ -2299,16 +2299,16 @@ emits: {'foo': null},
       const emit = defineEmits<(e: 'foo') => void>()
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message:
             'The "bar" event has been triggered but not declared on `defineEmits`.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-name-property.js b/tests/lib/rules/require-name-property.js
index fe0357a30..c61c46759 100644
--- a/tests/lib/rules/require-name-property.js
+++ b/tests/lib/rules/require-name-property.js
@@ -76,6 +76,7 @@ ruleTester.run('require-name-property', rule, {
         export default {
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -91,8 +92,7 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -100,6 +100,7 @@ ruleTester.run('require-name-property', rule, {
         export default defineComponent({
         })
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -115,14 +116,14 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
       code: `
         export default defineComponent({ })
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -138,14 +139,14 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
       code: `
         export default { }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -161,8 +162,7 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -171,6 +171,7 @@ ruleTester.run('require-name-property', rule, {
         nameNot: 'IssaNameNot'
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -187,8 +188,7 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -197,6 +197,7 @@ ruleTester.run('require-name-property', rule, {
           nameNot: 'IssaNameNot'
         })
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -213,8 +214,7 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
 
     {
@@ -226,6 +226,7 @@ ruleTester.run('require-name-property', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -244,8 +245,7 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'InvalidComponent.vue',
@@ -254,6 +254,7 @@ ruleTester.run('require-name-property', rule, {
           [name]: 'IssaName'
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Required name property is not set.',
@@ -270,8 +271,7 @@ ruleTester.run('require-name-property', rule, {
             }
           ]
         }
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-comment.js b/tests/lib/rules/require-prop-comment.js
index f2ee24ee9..837f3c525 100644
--- a/tests/lib/rules/require-prop-comment.js
+++ b/tests/lib/rules/require-prop-comment.js
@@ -263,18 +263,18 @@ tester.run('require-prop-comment', rule, {
       const props = defineProps<PropType>()
       </script>
       `,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           line: 4,
           column: 9,
           message: 'The "a" property should have a JSDoc comment.'
         }
-      ],
-      languageOptions: {
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-type-constructor.js b/tests/lib/rules/require-prop-type-constructor.js
index acd098634..0ed9a57af 100644
--- a/tests/lib/rules/require-prop-type-constructor.js
+++ b/tests/lib/rules/require-prop-type-constructor.js
@@ -224,13 +224,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
+      languageOptions: { parser: require('@typescript-eslint/parser') },
       errors: [
         {
           message: 'The "a" property should be a constructor.',
           line: 5
         }
-      ],
-      languageOptions: { parser: require('@typescript-eslint/parser') }
+      ]
     },
     {
       filename: 'ExtraCommas.vue',
@@ -248,13 +248,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
         }
       }
       `,
+      languageOptions: { parser: require('@typescript-eslint/parser') },
       errors: [
         {
           message: 'The "name" property should be a constructor.',
           line: 4
         }
-      ],
-      languageOptions: { parser: require('@typescript-eslint/parser') }
+      ]
     },
     {
       filename: 'LiteralsComponent.vue',
@@ -381,13 +381,13 @@ ruleTester.run('require-prop-type-constructor', rule, {
       })
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message: 'The "a" property should be a constructor.',
           line: 5
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-prop-types.js b/tests/lib/rules/require-prop-types.js
index bf38d9fd7..11ba2d5e8 100644
--- a/tests/lib/rules/require-prop-types.js
+++ b/tests/lib/rules/require-prop-types.js
@@ -245,6 +245,7 @@ ruleTester.run('require-prop-types', rule, {
           props: ['foo', bar, \`baz\`, foo()]
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -262,8 +263,7 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "Unknown prop" should define at least its type.',
           line: 3
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.js',
@@ -272,6 +272,7 @@ ruleTester.run('require-prop-types', rule, {
           props: ['foo', bar, \`baz\`, foo()]
         })
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
@@ -289,8 +290,7 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "Unknown prop" should define at least its type.',
           line: 3
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -302,13 +302,13 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -321,13 +321,13 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -338,13 +338,13 @@ ruleTester.run('require-prop-types', rule, {
           }
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -355,17 +355,17 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('@typescript-eslint/parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -376,17 +376,17 @@ ruleTester.run('require-prop-types', rule, {
           }
         });
       `,
+      languageOptions: {
+        parser: require('@typescript-eslint/parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('@typescript-eslint/parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -397,17 +397,17 @@ ruleTester.run('require-prop-types', rule, {
       })
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -416,17 +416,17 @@ ruleTester.run('require-prop-types', rule, {
       defineProps(['foo'])
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           message: 'Prop "foo" should define at least its type.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       // defineModel
@@ -436,6 +436,7 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel('foo')
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message: 'Prop "modelValue" should define at least its type.',
@@ -445,8 +446,7 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     {
       // defineModel
@@ -456,6 +456,7 @@ ruleTester.run('require-prop-types', rule, {
       const foo = defineModel('foo',{})
       </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           message: 'Prop "modelValue" should define at least its type.',
@@ -465,8 +466,7 @@ ruleTester.run('require-prop-types', rule, {
           message: 'Prop "foo" should define at least its type.',
           line: 4
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-render-return.js b/tests/lib/rules/require-render-return.js
index 44da6b083..d2aad3c01 100644
--- a/tests/lib/rules/require-render-return.js
+++ b/tests/lib/rules/require-render-return.js
@@ -136,14 +136,14 @@ ruleTester.run('require-render-return', rule, {
         render() {
         }
       }`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -154,14 +154,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       }`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ],
-      languageOptions
+      ]
     },
     {
       code: `Vue.component('test', {
@@ -171,14 +171,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ],
-      languageOptions
+      ]
     },
     {
       code: `app.component('test', {
@@ -188,14 +188,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ],
-      languageOptions
+      ]
     },
     {
       code: `Vue.component('test2', {
@@ -205,14 +205,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ],
-      languageOptions
+      ]
     },
     {
       code: `Vue.component('test2', {
@@ -224,14 +224,14 @@ ruleTester.run('require-render-return', rule, {
           }
         }
       })`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in render function.',
           type: 'Identifier',
           line: 2
         }
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-typed-object-prop.js b/tests/lib/rules/require-typed-object-prop.js
index 3d8d3e58b..9f5f000a9 100644
--- a/tests/lib/rules/require-typed-object-prop.js
+++ b/tests/lib/rules/require-typed-object-prop.js
@@ -377,6 +377,14 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Object });
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -405,15 +413,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -422,6 +422,14 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Array });
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -450,15 +458,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -467,6 +467,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object }
       }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -495,8 +496,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -505,6 +505,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: Object }
       });
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -533,8 +534,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -543,6 +543,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: { type: Object } }
       });
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -571,8 +572,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -581,6 +581,7 @@ ruleTester.run('require-typed-object-prop', rule, {
         props: { foo: { type: Object } }
       }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -609,8 +610,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -619,6 +619,14 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object } });
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module',
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -647,15 +655,7 @@ ruleTester.run('require-typed-object-prop', rule, {
             }
           ]
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 5b18bcb3c..6f3b359d6 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -220,6 +220,7 @@ tester.run('require-typed-ref', rule, {
           const count = ref()
         </script>
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           messageId: 'noType',
@@ -228,8 +229,7 @@ tester.run('require-typed-ref', rule, {
           endLine: 4,
           endColumn: 30
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     {
       filename: 'test.vue',
@@ -244,6 +244,7 @@ tester.run('require-typed-ref', rule, {
         </script>
       }
       `,
+      languageOptions: { parser: require('vue-eslint-parser') },
       errors: [
         {
           messageId: 'noType',
@@ -252,8 +253,7 @@ tester.run('require-typed-ref', rule, {
           endLine: 6,
           endColumn: 34
         }
-      ],
-      languageOptions: { parser: require('vue-eslint-parser') }
+      ]
     },
     {
       filename: 'test.ts',
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index a8e5cfbef..c9e506a4a 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -219,12 +219,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      errors: errorMessage('function'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -237,12 +237,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      errors: errorMessage('function'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -255,12 +255,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      errors: errorMessage('function'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function')
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1853
@@ -318,8 +318,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number or string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number or string')
     },
     {
       filename: 'test.vue',
@@ -331,8 +331,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number or function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number or function')
     },
     {
       filename: 'test.vue',
@@ -344,8 +344,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number')
     },
     {
       filename: 'test.vue',
@@ -357,8 +357,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number')
     },
     {
       filename: 'test.vue',
@@ -370,8 +370,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number')
     },
     {
       filename: 'test.vue',
@@ -383,8 +383,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number')
     },
     {
       filename: 'test.vue',
@@ -396,8 +396,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('string')
     },
     {
       filename: 'test.vue',
@@ -409,8 +409,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('string')
     },
     {
       filename: 'test.vue',
@@ -422,8 +422,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('string')
     },
     {
       filename: 'test.vue',
@@ -435,8 +435,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('boolean'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('boolean')
     },
     {
       filename: 'test.vue',
@@ -448,8 +448,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('boolean'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('boolean')
     },
     {
       filename: 'test.vue',
@@ -461,8 +461,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('boolean'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('boolean')
     },
     {
       filename: 'test.vue',
@@ -474,8 +474,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('boolean'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('boolean')
     },
     {
       filename: 'test.vue',
@@ -487,8 +487,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -500,8 +500,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -513,8 +513,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -526,8 +526,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -539,8 +539,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -552,8 +552,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -565,8 +565,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -578,8 +578,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -591,8 +591,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -604,8 +604,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -617,8 +617,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function or number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function or number')
     },
     {
       filename: 'test.vue',
@@ -631,12 +631,12 @@ ruleTester.run('require-valid-default-prop', rule, {
         }
       });`,
 
-      errors: errorMessage('function or number'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function or number')
     },
 
     {
@@ -657,6 +657,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
+      languageOptions,
       errors: [
         {
           message: `Type of the default value for 'foo' prop must be a function.`,
@@ -670,8 +671,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           message: `Type of the default value for '[baz]' prop must be a function.`,
           line: 13
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -683,8 +683,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('string')
     },
     {
       filename: 'test.vue',
@@ -698,8 +698,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessageForFunction('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessageForFunction('number')
     },
     {
       filename: 'test.vue',
@@ -713,8 +713,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessageForFunction('object'),
-      languageOptions
+      languageOptions,
+      errors: errorMessageForFunction('object')
     },
     {
       filename: 'test.vue',
@@ -728,8 +728,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessageForFunction('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessageForFunction('string')
     },
     {
       filename: 'test.vue',
@@ -743,8 +743,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessageForFunction('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessageForFunction('number')
     },
     {
       filename: 'test.vue',
@@ -758,8 +758,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessageForFunction('object'),
-      languageOptions
+      languageOptions,
+      errors: errorMessageForFunction('object')
     },
     {
       filename: 'test.vue',
@@ -773,8 +773,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessageForFunction('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessageForFunction('string')
     },
     {
       filename: 'test.vue',
@@ -786,8 +786,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('number'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('number')
     },
     {
       filename: 'test.vue',
@@ -799,8 +799,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('object'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('object')
     },
     {
       filename: 'test.vue',
@@ -812,8 +812,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('string')
     },
     {
       filename: 'test.vue',
@@ -825,8 +825,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('function'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -851,6 +851,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
+      languageOptions,
       errors: [
         {
           message:
@@ -867,8 +868,7 @@ ruleTester.run('require-valid-default-prop', rule, {
             "Type of the default value for 'foo' prop must be a string or boolean.",
           line: 11
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -880,8 +880,8 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         }
       }`,
-      errors: errorMessage('string'),
-      languageOptions
+      languageOptions,
+      errors: errorMessage('string')
     },
     {
       filename: 'test.vue',
@@ -894,12 +894,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      errors: errorMessage('function'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -912,12 +912,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      errors: errorMessage('function'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -930,12 +930,12 @@ ruleTester.run('require-valid-default-prop', rule, {
           }
         });
       `,
-      errors: errorMessage('function'),
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      }
+      },
+      errors: errorMessage('function')
     },
     {
       filename: 'test.vue',
@@ -949,17 +949,17 @@ ruleTester.run('require-valid-default-prop', rule, {
         })
       </script>
       `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ecmaVersion: 6,
+        sourceType: 'module'
+      },
       errors: [
         {
           message: "Type of the default value for 'foo' prop must be a string.",
           line: 6
         }
-      ],
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      ]
     },
     {
       filename: 'test.vue',
@@ -970,12 +970,6 @@ ruleTester.run('require-valid-default-prop', rule, {
         })
       </script>
       `,
-      errors: [
-        {
-          message: "Type of the default value for 'foo' prop must be a string.",
-          line: 4
-        }
-      ],
       languageOptions: {
         ecmaVersion: 6,
         sourceType: 'module',
@@ -983,7 +977,13 @@ ruleTester.run('require-valid-default-prop', rule, {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 4
+        }
+      ]
     },
     {
       code: `
diff --git a/tests/lib/rules/return-in-computed-property.js b/tests/lib/rules/return-in-computed-property.js
index ca15503ae..2f17fd1c3 100644
--- a/tests/lib/rules/return-in-computed-property.js
+++ b/tests/lib/rules/return-in-computed-property.js
@@ -160,13 +160,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -178,13 +178,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -199,13 +199,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      ]
     },
     {
       filename: 'test.vue',
@@ -221,13 +221,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 7
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -243,13 +243,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -265,13 +265,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: false }],
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -285,13 +285,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: true }],
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -306,14 +306,14 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
             'Expected to return a value in "my_FALSE_test" computed property.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -341,6 +341,7 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in computed function.',
@@ -362,8 +363,7 @@ ruleTester.run('return-in-computed-property', rule, {
           message: 'Expected to return a value in computed function.',
           line: 16
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -379,13 +379,13 @@ ruleTester.run('return-in-computed-property', rule, {
         }
       `,
       options: [{ treatUndefinedAsUnspecified: false }],
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in computed function.',
           line: 5
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.vue',
@@ -396,13 +396,13 @@ ruleTester.run('return-in-computed-property', rule, {
           }
         }
       }`,
+      languageOptions,
       errors: [
         {
           message: 'Expected to return a value in "foo" computed property.',
           line: 4
         }
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index c664b154d..666ca9d71 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -263,7 +263,7 @@ tester.run(
       `,
         errors: [
           {
-            message: 'Expected " " character, but found "\\t" character.',
+            message: String.raw`Expected " " character, but found "\t" character.`,
             line: 3
           }
         ]
@@ -289,11 +289,11 @@ tester.run(
         options: ['tab'],
         errors: [
           {
-            message: 'Expected "\\t" character, but found " " character.',
+            message: String.raw`Expected "\t" character, but found " " character.`,
             line: 3
           },
           {
-            message: 'Expected "\\t" character, but found " " character.',
+            message: String.raw`Expected "\t" character, but found " " character.`,
             line: 4
           }
         ]
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
index 4a40f1e67..030c5ed3f 100644
--- a/tests/lib/rules/sort-keys.js
+++ b/tests/lib/rules/sort-keys.js
@@ -523,10 +523,10 @@ ruleTester.run('sort-keys', rule, {
     },
     {
       code: 'var obj = {a:1, [``]:2} // default',
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in ascending order. '' should be before 'a'."
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       code: 'var obj = {a:1, _:2, b:3} // default',
@@ -575,101 +575,101 @@ ruleTester.run('sort-keys', rule, {
     {
       code: 'var obj = {...z, c:1, b:1}',
       options: [],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'c'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: 'var obj = {...z, ...c, d:4, b:1, ...y, ...f, e:2, a:1}',
       options: [],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'd'.",
         "Expected object keys to be in ascending order. 'a' should be before 'e'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: 'var obj = {c:1, b:1, ...a}',
       options: [],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'c'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: 'var obj = {...z, ...a, c:1, b:1}',
       options: [],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'b' should be before 'c'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: 'var obj = {...z, b:1, a:1, ...d, ...c}',
       options: [],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in ascending order. 'a' should be before 'b'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: 'var obj = {...z, a:2, b:0, ...x, ...c}',
       options: ['desc'],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in descending order. 'b' should be before 'a'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: 'var obj = {...z, a:2, b:0, ...x}',
       options: ['desc'],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in descending order. 'b' should be before 'a'."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
     {
       code: "var obj = {...z, '':1, a:2}",
       options: ['desc'],
+      languageOptions: { ecmaVersion: 2018 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ],
-      languageOptions: { ecmaVersion: 2018 }
+      ]
     },
 
     // ignore non-simple computed properties, but their position shouldn't affect other comparisons.
     {
       code: "var obj = {a:1, [b+c]:2, '':3}",
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in ascending order. '' should be before 'a'."
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       code: "var obj = {'':1, [b+c]:2, a:3}",
       options: ['desc'],
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       code: "var obj = {b:1, [f()]:2, '':3, a:4}",
       options: ['desc'],
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
 
     // not ignore simple computed properties.
     {
       code: 'var obj = {a:1, b:3, [a]: -1, c:2}',
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in ascending order. 'a' should be before 'b'."
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
 
     // nested
@@ -918,10 +918,10 @@ ruleTester.run('sort-keys', rule, {
     {
       code: "var obj = {[``]:1, a:'2'} // desc",
       options: ['desc'],
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         "Expected object keys to be in descending order. 'a' should be before ''."
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       code: 'var obj = {a:1, _:2, b:3} // desc',
@@ -1193,6 +1193,8 @@ ruleTester.run('sort-keys', rule, {
           },
         }
       `,
+      languageOptions,
+
       errors: [
         {
           message:
@@ -1204,9 +1206,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'zd'.",
           line: 12
         }
-      ],
-
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -1228,14 +1228,14 @@ ruleTester.run('sort-keys', rule, {
           name: 'burger',
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Expected object keys to be in ascending order. 'closeMenu' should be before 'toggleMenu'.",
           line: 12
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -1261,6 +1261,7 @@ ruleTester.run('sort-keys', rule, {
           name: 'burger',
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -1272,8 +1273,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'a' should be before 'z'.",
           line: 14
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -1290,6 +1290,7 @@ ruleTester.run('sort-keys', rule, {
           name: 'burger',
         };
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -1301,8 +1302,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'isActive' should be before 'z'.",
           line: 8
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'example.vue',
@@ -1319,6 +1319,7 @@ ruleTester.run('sort-keys', rule, {
 
         const dict = { zd: 1, a: 2 };
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -1330,8 +1331,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'a' should be before 'zd'.",
           line: 12
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'test.js',
@@ -1350,6 +1350,7 @@ ruleTester.run('sort-keys', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -1361,8 +1362,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
           line: 9
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -1381,6 +1381,7 @@ ruleTester.run('sort-keys', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -1392,8 +1393,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
           line: 9
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'test.js',
@@ -1412,6 +1412,7 @@ ruleTester.run('sort-keys', rule, {
           template: '<div></div>'
         })
       `,
+      languageOptions: { ecmaVersion: 6 },
       errors: [
         {
           message:
@@ -1423,8 +1424,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'msg' should be before 'z'.",
           line: 9
         }
-      ],
-      languageOptions: { ecmaVersion: 6 }
+      ]
     },
     {
       filename: 'propsOrder.vue',
@@ -1440,14 +1440,14 @@ ruleTester.run('sort-keys', rule, {
         }
       `,
       options: ['asc', { ignoreGrandchildrenOf: [] }],
+      languageOptions,
       errors: [
         {
           message:
             "Expected object keys to be in ascending order. 'default' should be before 'type'.",
           line: 7
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'propsOrder.vue',
@@ -1463,6 +1463,7 @@ ruleTester.run('sort-keys', rule, {
           a: 2
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
@@ -1474,8 +1475,7 @@ ruleTester.run('sort-keys', rule, {
             "Expected object keys to be in ascending order. 'a' should be before 'foo'.",
           line: 10
         }
-      ],
-      languageOptions
+      ]
     },
     {
       filename: 'propsOrder.vue',
@@ -1491,14 +1491,14 @@ ruleTester.run('sort-keys', rule, {
           }
         }
       `,
+      languageOptions,
       errors: [
         {
           message:
             "Expected object keys to be in ascending order. 'a' should be before 'b'.",
           line: 7
         }
-      ],
-      languageOptions
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/valid-define-emits.js b/tests/lib/rules/valid-define-emits.js
index 0ec383b36..57a130299 100644
--- a/tests/lib/rules/valid-define-emits.js
+++ b/tests/lib/rules/valid-define-emits.js
@@ -155,15 +155,15 @@ tester.run('valid-define-emits', rule, {
         defineEmits<(e: 'notify')=>void>({ submit: null })
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message: '`defineEmits` has both a type-only emit and an argument.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-define-options.js b/tests/lib/rules/valid-define-options.js
index 904d0c197..867bcb569 100644
--- a/tests/lib/rules/valid-define-options.js
+++ b/tests/lib/rules/valid-define-options.js
@@ -132,6 +132,9 @@ tester.run('valid-define-options', rule, {
       defineOptions<{ name: 'Foo' }>()
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message: 'Options are not defined.',
@@ -141,10 +144,7 @@ tester.run('valid-define-options', rule, {
           message: '`defineOptions()` cannot accept type arguments.',
           line: 3
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-define-props.js b/tests/lib/rules/valid-define-props.js
index 193a5c432..d20209846 100644
--- a/tests/lib/rules/valid-define-props.js
+++ b/tests/lib/rules/valid-define-props.js
@@ -158,15 +158,15 @@ tester.run('valid-define-props', rule, {
         defineProps<{ msg?:string }>({ msg: String })
       </script>
       `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
       errors: [
         {
           message: '`defineProps` has both a type-only props and an argument.',
           line: 4
         }
-      ],
-      languageOptions: {
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      ]
     },
     {
       filename: 'test.vue',
diff --git a/tests/lib/rules/valid-v-model.js b/tests/lib/rules/valid-v-model.js
index 02264e527..7ef63d01e 100644
--- a/tests/lib/rules/valid-v-model.js
+++ b/tests/lib/rules/valid-v-model.js
@@ -290,62 +290,62 @@ tester.run('valid-v-model', rule, {
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model="a() as string"></MyComponent></template>',
-      errors: [
-        "'v-model' directives require the attribute value which is valid as LHS."
-      ],
       languageOptions: {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model="a()!"></MyComponent></template>',
-      errors: [
-        "'v-model' directives require the attribute value which is valid as LHS."
-      ],
       languageOptions: {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model="a() as unknown as string"></MyComponent></template>',
-      errors: [
-        "'v-model' directives require the attribute value which is valid as LHS."
-      ],
       languageOptions: {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model="a()!!!!"></MyComponent></template>',
-      errors: [
-        "'v-model' directives require the attribute value which is valid as LHS."
-      ],
       languageOptions: {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model="(((a()!) as unknown)! as string)!"></MyComponent></template>',
-      errors: [
-        "'v-model' directives require the attribute value which is valid as LHS."
-      ],
       languageOptions: {
         parserOptions: {
           parser: require.resolve('@typescript-eslint/parser')
         }
-      }
+      },
+      errors: [
+        "'v-model' directives require the attribute value which is valid as LHS."
+      ]
     }
   ]
 })
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index 46328f0f4..9beffdb82 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -345,14 +345,14 @@ ruleTester.run('vue-component', rule, {
     {
       filename: 'test.vue',
       code: `export default { }`,
-      errors: [makeError(1)],
-      languageOptions
+      languageOptions,
+      errors: [makeError(1)]
     },
     {
       filename: 'test.jsx',
       code: `export default { }`,
-      errors: [makeError(1)],
-      languageOptions
+      languageOptions,
+      errors: [makeError(1)]
     },
     ...invalidTests('js'),
     ...invalidTests('jsx'),
diff --git a/tools/new-rule.js b/tools/new-rule.js
index e569f1da7..d9a155795 100644
--- a/tools/new-rule.js
+++ b/tools/new-rule.js
@@ -117,7 +117,7 @@ description: xxx
 
 > xxx
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 
 ## :book: Rule Details
 
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 74883ddb6..21ebce2f7 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -88,8 +88,8 @@ class DocFile {
       ? meta.docs.description
       : this.content.match(/^description: (.*)$/m)[1]
     const escapedDescription = description
-      .replace(/\*/g, '\\*')
-      .replace(/_/g, '\\_')
+      .replace(/\*/g, String.raw`\*`)
+      .replace(/_/g, String.raw`\_`)
     const title = `# ${ruleId}\n\n> ${escapedDescription}`
     const notes = []
 
@@ -142,7 +142,7 @@ class DocFile {
 
     if (!this.since) {
       notes.unshift(
-        `- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>`
+        `- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>`
       )
     }
 

From ca7daffb43ccfa09a58e6f10e4346142d38b5bd9 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 21 Jun 2024 12:22:07 +0200
Subject: [PATCH 0744/1010] Show nested outline in docs (#2481)

---
 docs/.vitepress/config.mts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index a086a2686..c15f02336 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -214,6 +214,10 @@ export default async () => {
         ]
       },
 
+      outline: {
+        level: 'deep'
+      },
+
       algolia: {
         appId: '2L4MGZSULB',
         apiKey: 'fdf57932b27a6c230d01a890492ab76d',

From d7169e10e8e8ac2906c6c4a8bc444fa2b841cd8d Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Sun, 30 Jun 2024 08:43:54 +0800
Subject: [PATCH 0745/1010] chore: upgrade vue-eslint-parser to v9.4.3 (#2488)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8cb321f20..f67f25fad 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,7 @@
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.15",
     "semver": "^7.6.0",
-    "vue-eslint-parser": "^9.4.2",
+    "vue-eslint-parser": "^9.4.3",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {

From 4f527348d8c484a972ef43b7707df6ec678ecab0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lehoczky=20Zolt=C3=A1n?= <ifjlehoczkyzoltan@gmail.com>
Date: Mon, 1 Jul 2024 02:23:48 +0200
Subject: [PATCH 0746/1010] docs: add an example on how to use custom parser
 with flat config (#2490)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/user-guide/index.md | 48 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 44 insertions(+), 4 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index df713852c..56195056d 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -146,6 +146,48 @@ If you want to use custom parsers such as [@babel/eslint-parser](https://www.npm
   }
 ```
 
+Full example:
+
+::: code-group
+
+```json [.eslintrc]
+{
+  "root": true,
+  "plugins": ["@typescript-eslint"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:vue/vue3-recommended"
+  ],
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "@typescript-eslint/parser"
+  }
+}
+```
+
+```js [eslint.config.js]
+import js from '@eslint/js'
+import eslintPluginVue from 'eslint-plugin-vue'
+import ts from 'typescript-eslint'
+
+export default ts.config(
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...eslintPluginVue.configs['flat/recommended'],
+  {
+    files: ['*.vue', '**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  }
+)
+```
+
+:::
+
 The `parserOptions.parser` option can also specify an object to specify multiple parsers. See [vue-eslint-parser README](https://github.com/vuejs/vue-eslint-parser#readme) for more details.
 
 ### How does ESLint detect components?
@@ -441,8 +483,7 @@ In [Nuxt 3](https://nuxt.com/) or with [`unplugin-auto-import`](https://github.c
 
 ::: code-group
 
-```json [Legacy Config]
-// .eslintrc
+```json [.eslintrc]
 {
   "globals": {
     "ref": "readonly",
@@ -454,8 +495,7 @@ In [Nuxt 3](https://nuxt.com/) or with [`unplugin-auto-import`](https://github.c
 }
 ```
 
-```js [Flat Config]
-// eslint.config.js
+```js [eslint.config.js]
 export default [
   {
     languageOptions: {

From bfc72a49968ce89acbc3c6f9121bb3cf506c3db5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lehoczky=20Zolt=C3=A1n?= <ifjlehoczkyzoltan@gmail.com>
Date: Mon, 1 Jul 2024 10:14:09 +0200
Subject: [PATCH 0747/1010] docs: fix build on windows (#2493)

---
 docs/.vitepress/build-system/build.mts | 2 +-
 docs/.vitepress/config.mts             | 2 +-
 docs/.vitepress/vite-plugin.mts        | 2 +-
 lib/rules/order-in-components.js       | 1 +
 package.json                           | 1 +
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/build-system/build.mts b/docs/.vitepress/build-system/build.mts
index 79521b52b..9dce53faf 100644
--- a/docs/.vitepress/build-system/build.mts
+++ b/docs/.vitepress/build-system/build.mts
@@ -2,7 +2,7 @@
  * Pre-build cjs packages that cannot be bundled well.
  */
 import esbuild from 'esbuild'
-import path from 'path'
+import path from 'pathe'
 import fs from 'fs'
 import { fileURLToPath } from 'url'
 
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index c15f02336..77c052a58 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -1,6 +1,6 @@
 import type { DefaultTheme } from 'vitepress'
 import { defineConfig } from 'vitepress'
-import path from 'path'
+import path from 'pathe'
 import { fileURLToPath } from 'url'
 import { viteCommonjs, vitePluginRequireResolve } from './vite-plugin.mjs'
 
diff --git a/docs/.vitepress/vite-plugin.mts b/docs/.vitepress/vite-plugin.mts
index ba1ca7db0..cd6811cb6 100644
--- a/docs/.vitepress/vite-plugin.mts
+++ b/docs/.vitepress/vite-plugin.mts
@@ -1,5 +1,5 @@
 import type { UserConfig } from 'vitepress'
-import path from 'path'
+import path from 'pathe'
 import { fileURLToPath } from 'url'
 import esbuild from 'esbuild'
 type Plugin = Extract<
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 38624d008..22d90920c 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -259,6 +259,7 @@ module.exports = {
     }
 
     /**
+     * @param {RuleFixer} fixer
      * @param {Property} propertyNode
      * @param {Property} unorderedPropertyNode
      */
diff --git a/package.json b/package.json
index f67f25fad..b35fd5daa 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,7 @@
     "markdownlint-cli": "^0.41.0",
     "mocha": "^10.3.0",
     "nyc": "^17.0.0",
+    "pathe": "^1.1.2",
     "prettier": "^3.2.5",
     "typescript": "^5.3.3",
     "vitepress": "^1.0.0-rc.42"

From 3ad09efc98cf465880ca58d088a58df1fcb46a96 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 2 Jul 2024 15:34:29 +0800
Subject: [PATCH 0748/1010] feat(require-toggle-inside-transition): check
 directive (#2487)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/require-toggle-inside-transition.js | 20 ++++++++++++++++++-
 .../rules/require-toggle-inside-transition.js | 19 ++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index fc46f75f9..423d4beb7 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -6,6 +6,20 @@
 
 const utils = require('../utils')
 
+/**
+ * @param {VDirective} vBindAppear
+ */
+function isValidBindAppear(vBindAppear) {
+  if (
+    vBindAppear.value?.expression &&
+    vBindAppear.value.expression.type === 'Literal'
+  ) {
+    return vBindAppear.value.expression?.value !== false
+  }
+
+  return true
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -35,7 +49,11 @@ module.exports = {
 
       /** @type VElement */ // @ts-expect-error
       const parent = element.parent
-      if (utils.hasAttribute(parent, 'appear')) {
+      const vBindAppear = utils.getDirective(parent, 'bind', 'appear')
+      if (
+        utils.hasAttribute(parent, 'appear') ||
+        (vBindAppear && isValidBindAppear(vBindAppear))
+      ) {
         return
       }
 
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index 815f5de3d..d40ad4748 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -68,6 +68,15 @@ tester.run('require-toggle-inside-transition', rule, {
     {
       filename: 'test.vue',
       code: '<template><transition appear><div /></transition></template>'
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2467
+      filename: 'test.vue',
+      code: '<template><transition :appear="foo"><div /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition :appear="true"><div /></transition></template>'
     }
   ],
   invalid: [
@@ -113,6 +122,16 @@ tester.run('require-toggle-inside-transition', rule, {
       filename: 'test.vue',
       code: '<template><Transition>  <div /></Transition></template>',
       errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition :appear="false"><div /></transition></template>',
+      errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition @appear="isLoaded"><div /></transition></template>',
+      errors: [{ messageId: 'expected' }]
     }
   ]
 })

From cac8167a631c797b4e65653e067cd685271fb2dc Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 2 Jul 2024 15:34:37 +0800
Subject: [PATCH 0749/1010] fix(no-setup-props-reactivity-loss): report
 template literal (#2489)

---
 lib/rules/no-setup-props-reactivity-loss.js   | 25 ++++++++++--
 .../rules/no-setup-props-reactivity-loss.js   | 38 +++++++++++++++++++
 2 files changed, 60 insertions(+), 3 deletions(-)

diff --git a/lib/rules/no-setup-props-reactivity-loss.js b/lib/rules/no-setup-props-reactivity-loss.js
index b8e896075..4c3be8b90 100644
--- a/lib/rules/no-setup-props-reactivity-loss.js
+++ b/lib/rules/no-setup-props-reactivity-loss.js
@@ -79,18 +79,35 @@ module.exports = {
         left.type !== 'ArrayPattern' &&
         left.type !== 'ObjectPattern' &&
         rightNode.type !== 'MemberExpression' &&
-        rightNode.type !== 'ConditionalExpression'
+        rightNode.type !== 'ConditionalExpression' &&
+        rightNode.type !== 'TemplateLiteral'
       ) {
         return
       }
 
-      /** @type {Expression | Super} */
-      let rightId = rightNode
+      if (rightNode.type === 'TemplateLiteral') {
+        rightNode.expressions.some((expression) =>
+          checkMemberAccess(expression, propsReferences, left, right)
+        )
+      } else {
+        checkMemberAccess(rightNode, propsReferences, left, right)
+      }
+    }
+
+    /**
+     * @param {Expression | Super} rightId
+     * @param {ScopePropsReferences} propsReferences
+     * @param {Pattern} left
+     * @param {Expression} right
+     * @return {boolean}
+     */
+    function checkMemberAccess(rightId, propsReferences, left, right) {
       while (rightId.type === 'MemberExpression') {
         rightId = utils.skipChainExpression(rightId.object)
       }
       if (rightId.type === 'Identifier' && propsReferences.refs.has(rightId)) {
         report(left, 'getProperty', propsReferences.scopeName)
+        return true
       }
       if (
         rightId.type === 'ConditionalExpression' &&
@@ -99,7 +116,9 @@ module.exports = {
           isPropsMemberAccessed(rightId.alternate, propsReferences))
       ) {
         report(right, 'getProperty', propsReferences.scopeName)
+        return true
       }
+      return false
     }
 
     /**
diff --git a/tests/lib/rules/no-setup-props-reactivity-loss.js b/tests/lib/rules/no-setup-props-reactivity-loss.js
index 6321ea573..edf721d8d 100644
--- a/tests/lib/rules/no-setup-props-reactivity-loss.js
+++ b/tests/lib/rules/no-setup-props-reactivity-loss.js
@@ -144,6 +144,7 @@ tester.run('no-setup-props-reactivity-loss', rule, {
           const {x} = noProps
           ({y} = noProps)
           const z = noProps.z
+          const foo = \`\${noProp.foo}\`
         }
       }
       </script>
@@ -717,6 +718,43 @@ tester.run('no-setup-props-reactivity-loss', rule, {
           line: 4
         }
       ]
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2470
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const foo = \`\${p.x}\`
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        setup(p) {
+          const foo = \`bar\${p.x}bar\${p.y}\`
+        }
+      }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'getProperty',
+          line: 5
+        }
+      ]
     }
   ]
 })

From c64bf9448099bd7ca3512dca705c81730afec4ab Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 2 Jul 2024 16:36:57 +0900
Subject: [PATCH 0750/1010] 9.27.0

---
 docs/rules/object-curly-newline.md    | 2 +-
 docs/rules/object-property-newline.md | 2 +-
 lib/utils/vue3-export-names.json      | 1 +
 package.json                          | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index c4743c261..f0b0bf677 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-newline.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/object-curly-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/object-curly-newline)</sup>
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index c6e315c08..bfba0c0a2 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-property-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-property-newline.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/object-property-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/object-property-newline)</sup>
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index df8e5d9c6..28f14d9ce 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -12,6 +12,7 @@
   "MaybeRef",
   "MaybeRefOrGetter",
   "Raw",
+  "Reactive",
   "ReactiveEffect",
   "ReactiveEffectOptions",
   "ReactiveEffectRunner",
diff --git a/package.json b/package.json
index b35fd5daa..913db8b17 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.26.0",
+  "version": "9.27.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From f5cb93db8fd9ff40288406b6119e3c171b1ce66b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 4 Jul 2024 13:16:28 +0200
Subject: [PATCH 0751/1010] Improve docs (#2497)

---
 docs/.vitepress/build-system/src/eslint.mjs | 11 +++++++----
 docs/user-guide/index.md                    |  4 ----
 package.json                                |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/docs/.vitepress/build-system/src/eslint.mjs b/docs/.vitepress/build-system/src/eslint.mjs
index 6604e0bb4..ed193b58b 100644
--- a/docs/.vitepress/build-system/src/eslint.mjs
+++ b/docs/.vitepress/build-system/src/eslint.mjs
@@ -1,5 +1,8 @@
 // @ts-nocheck
-import * as all from '../../../../node_modules/eslint/lib/linter/linter.js'
-const Linter = all.Linter
-export { Linter }
-export default { Linter }
+/* eslint-disable unicorn/prefer-export-from -- exporting as named and default is less duplication without `export…from` */
+
+import { Linter } from '../../../../node_modules/eslint/lib/linter/linter.js'
+import SourceCode from '../../../../node_modules/eslint/lib/source-code/source-code.js'
+
+export { Linter, SourceCode }
+export default { Linter, SourceCode }
diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 56195056d..e11c0dba8 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -1,7 +1,3 @@
----
-outline: deep
----
-
 # User Guide
 
 ## :cd: Installation
diff --git a/package.json b/package.json
index 913db8b17..4816e225f 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-eslint-plugin": "~6.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsonc": "^2.13.0",
+    "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-node-dependencies": "^0.12.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-unicorn": "^54.0.0",

From 291c6f917c254d7b75074e7edbf99fbdf3a9a8ac Mon Sep 17 00:00:00 2001
From: Kevin Sommer <37016102+kevsommer@users.noreply.github.com>
Date: Sat, 13 Jul 2024 03:07:06 +0200
Subject: [PATCH 0752/1010] implements proposed max-props rule (#2430)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md          |   1 +
 docs/rules/max-props.md      |  62 ++++++++++++++
 lib/index.js                 |   1 +
 lib/rules/max-props.js       |  67 +++++++++++++++
 tests/lib/rules/max-props.js | 162 +++++++++++++++++++++++++++++++++++
 5 files changed, 293 insertions(+)
 create mode 100644 docs/rules/max-props.md
 create mode 100644 lib/rules/max-props.js
 create mode 100644 tests/lib/rules/max-props.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index e718603f8..a75fe1575 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -223,6 +223,7 @@ For example:
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name | :bulb: | :hammer: |
 | [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  | :warning: |
 | [vue/max-lines-per-block](./max-lines-per-block.md) | enforce maximum number of lines in Vue SFC blocks |  | :warning: |
+| [vue/max-props](./max-props.md) | enforce maximum number of props in Vue component |  | :warning: |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
diff --git a/docs/rules/max-props.md b/docs/rules/max-props.md
new file mode 100644
index 000000000..b69796607
--- /dev/null
+++ b/docs/rules/max-props.md
@@ -0,0 +1,62 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/max-props
+description: enforce maximum number of props in Vue component
+---
+
+# vue/max-props
+
+> enforce maximum number of props in Vue component
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule enforces a maximum number of props in a Vue SFC, in order to aid in maintainability and reduce complexity.
+
+## :wrench: Options
+
+This rule takes an object, where you can specify the maximum number of props allowed in a Vue SFC.
+There is one property that can be specified for the object.
+
+- `maxProps` ... Specify the maximum number of props in the `script` block.
+
+### `{ maxProps: 1 }`
+
+<eslint-code-block :rules="{'vue/max-props': ['error', { maxProps: 1 }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+</template>
+
+<script setup>
+defineProps({ 
+  prop1: String,
+  prop2: String,
+})
+</script>
+```
+
+</eslint-code-block>
+
+### `{ maxProps: 5 }`
+
+<eslint-code-block :rules="{'vue/max-props': ['error', { maxProps: 5 }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+defineProps({
+  prop1: String
+})
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-props.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/max-props.js)
diff --git a/lib/index.js b/lib/index.js
index 956eeaa4b..1bfacebea 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -79,6 +79,7 @@ const plugin = {
     'max-attributes-per-line': require('./rules/max-attributes-per-line'),
     'max-len': require('./rules/max-len'),
     'max-lines-per-block': require('./rules/max-lines-per-block'),
+    'max-props': require('./rules/max-props'),
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'multiline-ternary': require('./rules/multiline-ternary'),
diff --git a/lib/rules/max-props.js b/lib/rules/max-props.js
new file mode 100644
index 000000000..a7f44b8ef
--- /dev/null
+++ b/lib/rules/max-props.js
@@ -0,0 +1,67 @@
+/**
+ * @author kevsommer Kevin Sommer
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce maximum number of props in Vue component',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/max-props.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          maxProps: {
+            type: 'integer',
+            minimum: 1
+          }
+        },
+        additionalProperties: false,
+        minProperties: 1
+      }
+    ],
+    messages: {
+      tooManyProps:
+        'Component has too many props ({{propCount}}). Maximum allowed is {{limit}}.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type {Record<string, number>} */
+    const option = context.options[0] || {}
+
+    /**
+     * @param {import('../utils').ComponentProp[]} props
+     */
+    function checkMaxNumberOfProps(props) {
+      if (props.length > option.maxProps && props[0].node) {
+        context.report({
+          node: props[0].node,
+          messageId: 'tooManyProps',
+          data: {
+            propCount: props.length,
+            limit: option.maxProps
+          }
+        })
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.executeOnVue(context, (obj) => {
+        checkMaxNumberOfProps(utils.getComponentPropsFromOptions(obj))
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(_, props) {
+          checkMaxNumberOfProps(props)
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/max-props.js b/tests/lib/rules/max-props.js
new file mode 100644
index 000000000..1dd42a03c
--- /dev/null
+++ b/tests/lib/rules/max-props.js
@@ -0,0 +1,162 @@
+/**
+ * @author kevsommer Kevin Sommer
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/max-props')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('max-props', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({ prop1: '', prop2: '' })
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          prop1: String,
+          prop2: String
+        }
+      }
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          prop1: String,
+          prop2: String,
+          prop3: String,
+          prop4: String,
+          prop5: String
+        }
+      }
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {}
+      }
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({})
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{ prop1: string, prop2: string }>();
+      </script>
+      `,
+      options: [{ maxProps: 5 }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({ prop1: '', prop2: '' })
+      </script>
+      `,
+      options: [{ maxProps: 1 }],
+      errors: [
+        {
+          message: 'Component has too many props (2). Maximum allowed is 1.',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default {
+        props: {
+          prop1: String,
+          prop2: String
+        }
+      }
+      </script>
+      `,
+      options: [{ maxProps: 1 }],
+      errors: [
+        {
+          message: 'Component has too many props (2). Maximum allowed is 1.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{ prop1: string, prop2: string, prop3: string }>();
+      </script>
+      `,
+      options: [{ maxProps: 2 }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: 'Component has too many props (3). Maximum allowed is 2.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 0c6f87a49dfa63e55d0bfe1989281496b457483d Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Sat, 13 Jul 2024 09:08:02 +0800
Subject: [PATCH 0753/1010] fix: change flat config name separator to `/`
 (#2498)

---
 lib/configs/flat/base.js                      | 4 ++--
 lib/configs/flat/vue2-essential.js            | 2 +-
 lib/configs/flat/vue2-recommended.js          | 2 +-
 lib/configs/flat/vue2-strongly-recommended.js | 2 +-
 lib/configs/flat/vue3-essential.js            | 2 +-
 lib/configs/flat/vue3-recommended.js          | 2 +-
 lib/configs/flat/vue3-strongly-recommended.js | 2 +-
 tools/update-lib-flat-configs.js              | 6 +++---
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/lib/configs/flat/base.js b/lib/configs/flat/base.js
index 6f745c332..eb2393ede 100644
--- a/lib/configs/flat/base.js
+++ b/lib/configs/flat/base.js
@@ -6,7 +6,7 @@
 const globals = require('globals')
 module.exports = [
   {
-    name: 'vue:base:setup',
+    name: 'vue/base/setup',
     plugins: {
       get vue() {
         return require('../../index')
@@ -18,7 +18,7 @@ module.exports = [
     }
   },
   {
-    name: 'vue:base:setup-for-vue',
+    name: 'vue/base/setup-for-vue',
     files: ['*.vue', '**/*.vue'],
     plugins: {
       get vue() {
diff --git a/lib/configs/flat/vue2-essential.js b/lib/configs/flat/vue2-essential.js
index 1de89dbc8..0d0920413 100644
--- a/lib/configs/flat/vue2-essential.js
+++ b/lib/configs/flat/vue2-essential.js
@@ -9,7 +9,7 @@ const config = require('./base.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:vue2-essential:rules',
+    name: 'vue/vue2-essential/rules',
     rules: {
       'vue/multi-word-component-names': 'error',
       'vue/no-arrow-functions-in-watch': 'error',
diff --git a/lib/configs/flat/vue2-recommended.js b/lib/configs/flat/vue2-recommended.js
index 6ccde5451..0d98a4dd6 100644
--- a/lib/configs/flat/vue2-recommended.js
+++ b/lib/configs/flat/vue2-recommended.js
@@ -9,7 +9,7 @@ const config = require('./vue2-strongly-recommended.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:vue2-recommended:rules',
+    name: 'vue/vue2-recommended/rules',
     rules: {
       'vue/attributes-order': 'warn',
       'vue/component-tags-order': 'warn',
diff --git a/lib/configs/flat/vue2-strongly-recommended.js b/lib/configs/flat/vue2-strongly-recommended.js
index dc45fea38..e4913f40c 100644
--- a/lib/configs/flat/vue2-strongly-recommended.js
+++ b/lib/configs/flat/vue2-strongly-recommended.js
@@ -9,7 +9,7 @@ const config = require('./vue2-essential.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:vue2-strongly-recommended:rules',
+    name: 'vue/vue2-strongly-recommended/rules',
     rules: {
       'vue/attribute-hyphenation': 'warn',
       'vue/component-definition-name-casing': 'warn',
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
index 595af5f1d..18d8c8570 100644
--- a/lib/configs/flat/vue3-essential.js
+++ b/lib/configs/flat/vue3-essential.js
@@ -9,7 +9,7 @@ const config = require('./base.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:essential:rules',
+    name: 'vue/essential/rules',
     rules: {
       'vue/multi-word-component-names': 'error',
       'vue/no-arrow-functions-in-watch': 'error',
diff --git a/lib/configs/flat/vue3-recommended.js b/lib/configs/flat/vue3-recommended.js
index 8ab8aa46a..523718f3f 100644
--- a/lib/configs/flat/vue3-recommended.js
+++ b/lib/configs/flat/vue3-recommended.js
@@ -9,7 +9,7 @@ const config = require('./vue3-strongly-recommended.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:recommended:rules',
+    name: 'vue/recommended/rules',
     rules: {
       'vue/attributes-order': 'warn',
       'vue/component-tags-order': 'warn',
diff --git a/lib/configs/flat/vue3-strongly-recommended.js b/lib/configs/flat/vue3-strongly-recommended.js
index 51134ebcb..fee1d3bb8 100644
--- a/lib/configs/flat/vue3-strongly-recommended.js
+++ b/lib/configs/flat/vue3-strongly-recommended.js
@@ -9,7 +9,7 @@ const config = require('./vue3-essential.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:strongly-recommended:rules',
+    name: 'vue/strongly-recommended/rules',
     rules: {
       'vue/attribute-hyphenation': 'warn',
       'vue/component-definition-name-casing': 'warn',
diff --git a/tools/update-lib-flat-configs.js b/tools/update-lib-flat-configs.js
index 9d1671b90..d25ba2815 100644
--- a/tools/update-lib-flat-configs.js
+++ b/tools/update-lib-flat-configs.js
@@ -58,7 +58,7 @@ function formatCategory(category) {
 const globals = require('globals')
 module.exports = [
   {
-    name: 'vue:base:setup',
+    name: 'vue/base/setup',
     plugins: {
       get vue() {
         return require('../../index')
@@ -70,7 +70,7 @@ module.exports = [
     }
   },
   {
-    name: 'vue:base:setup-for-vue',
+    name: 'vue/base/setup-for-vue',
     files: ['*.vue', '**/*.vue'],
     plugins: {
       get vue() {
@@ -99,7 +99,7 @@ const config = require('./${extendsCategoryId}.js')
 module.exports = [
   ...config,
   {
-    name: 'vue:${category.categoryId.replace(/^vue3-/u, '')}:rules',
+    name: 'vue/${category.categoryId.replace(/^vue3-/u, '')}/rules',
     rules: ${formatRules(category.rules, category.categoryId)},
   }
 ]

From 79e13d111b9d1a196448fccc693da023cd99d16a Mon Sep 17 00:00:00 2001
From: Felipe <86751220+felipemelendez@users.noreply.github.com>
Date: Fri, 12 Jul 2024 21:17:37 -0400
Subject: [PATCH 0754/1010] Fix siblings and interleaving issues reported in
 #2342 (#2348)

---
 lib/rules/v-if-else-key.js       |  62 ++++++++++---
 tests/lib/rules/v-if-else-key.js | 152 +++++++++++++++++++++++++++++++
 2 files changed, 199 insertions(+), 15 deletions(-)

diff --git a/lib/rules/v-if-else-key.js b/lib/rules/v-if-else-key.js
index 75add9ca0..a83d436b8 100644
--- a/lib/rules/v-if-else-key.js
+++ b/lib/rules/v-if-else-key.js
@@ -25,6 +25,28 @@ const casing = require('../utils/casing')
  * @property {VElement | null} else - The node associated with the 'v-else' directive, or null if there isn't one.
  */
 
+/**
+ * Checks if a given node has sibling nodes of the same type that are also conditionally rendered.
+ * This is used to determine if multiple instances of the same component are being conditionally
+ * rendered within the same parent scope.
+ *
+ * @param {VElement} node - The Vue component node to check for conditional rendering siblings.
+ * @param {string} componentName - The name of the component to check for sibling instances.
+ * @returns {boolean} True if there are sibling nodes of the same type and conditionally rendered, false otherwise.
+ */
+const hasConditionalRenderedSiblings = (node, componentName) => {
+  if (!node.parent || node.parent.type !== 'VElement') {
+    return false
+  }
+  return node.parent.children.some(
+    (sibling) =>
+      sibling !== node &&
+      sibling.type === 'VElement' &&
+      sibling.rawName === componentName &&
+      hasConditionalDirective(sibling)
+  )
+}
+
 /**
  * Checks for the presence of a 'key' attribute in the given node. If the 'key' attribute is missing
  * and the node is part of a conditional family a report is generated.
@@ -44,26 +66,31 @@ const checkForKey = (
   uniqueKey,
   conditionalFamilies
 ) => {
-  if (node.parent && node.parent.type === 'VElement') {
-    const conditionalFamily = conditionalFamilies.get(node.parent)
+  if (
+    !node.parent ||
+    node.parent.type !== 'VElement' ||
+    !hasConditionalRenderedSiblings(node, componentName)
+  ) {
+    return
+  }
 
-    if (
-      conditionalFamily &&
-      (utils.hasDirective(node, 'bind', 'key') ||
-        utils.hasAttribute(node, 'key') ||
-        !hasConditionalDirective(node) ||
-        !(conditionalFamily.else || conditionalFamily.elseIf.length > 0))
-    ) {
-      return
-    }
+  const conditionalFamily = conditionalFamilies.get(node.parent)
+
+  if (!conditionalFamily || utils.hasAttribute(node, 'key')) {
+    return
+  }
+
+  const needsKey =
+    conditionalFamily.if === node ||
+    conditionalFamily.else === node ||
+    conditionalFamily.elseIf.includes(node)
 
+  if (needsKey) {
     context.report({
       node: node.startTag,
       loc: node.startTag.loc,
       messageId: 'requireKey',
-      data: {
-        componentName
-      },
+      data: { componentName },
       fix(fixer) {
         const afterComponentNamePosition =
           node.startTag.range[0] + componentName.length + 1
@@ -190,13 +217,18 @@ module.exports = {
           if (node.parent && node.parent.type === 'VElement') {
             let conditionalFamily = conditionalFamilies.get(node.parent)
 
-            if (conditionType === 'if' && !conditionalFamily) {
+            if (!conditionalFamily) {
               conditionalFamily = createConditionalFamily(node)
               conditionalFamilies.set(node.parent, conditionalFamily)
             }
 
             if (conditionalFamily) {
               switch (conditionType) {
+                case 'if': {
+                  conditionalFamily = createConditionalFamily(node)
+                  conditionalFamilies.set(node.parent, conditionalFamily)
+                  break
+                }
                 case 'else-if': {
                   conditionalFamily.elseIf.push(node)
                   break
diff --git a/tests/lib/rules/v-if-else-key.js b/tests/lib/rules/v-if-else-key.js
index 16d975a0a..46c42f52f 100644
--- a/tests/lib/rules/v-if-else-key.js
+++ b/tests/lib/rules/v-if-else-key.js
@@ -127,6 +127,90 @@ tester.run('v-if-else-key', rule, {
         }
         </script>
         `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div>
+              <ComponentA v-if="foo" /> 
+              <ComponentB v-else-if="bar" /> 
+            </div>
+            <div>
+              <div>
+                <ComponentA v-if="foo" />
+                <ComponentB v-else-if="baz" /> 
+              </div>
+              <div>
+                <ComponentA v-if="foo" />
+                <ComponentB v-else-if="baz" />
+              </div>
+            </div>
+            <div>
+              <ComponentA v-if="foo" />
+              <ComponentB v-else /> 
+            </div>
+            <div>
+              <div v-if="foo" />
+              <ComponentB v-else />
+            </div>
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA,
+            ComponentB
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div>
+              <CustomComponent v-if="foo" />
+              <div v-else />
+            </div>
+      
+            <CustomComponent v-if="bar" />
+          </div>
+        </template>
+        <script>
+        export default {
+            components: {
+                CustomComponent
+            }
+        }
+        </script>
+        `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <tile>
+            <template v-if="state === 'foo'">
+                <ComponentA>…</ComponentA>
+                <ComponentB>…</ComponentB>
+            </template>
+            <ComponentA v-else-if="state === 'bar'" key="a">…</ComponentA>
+            <ComponentA v-else-if="state === 'bar'" key="b">…</ComponentA>
+          </tile>
+        </template>
+        <script>
+        export default {
+            components: {
+                ComponentA,
+                ComponentB
+            }
+        }
+        </script>
+        `
     }
   ],
   invalid: [
@@ -424,6 +508,74 @@ tester.run('v-if-else-key', rule, {
           line: 6
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <ComponentA v-if="foo" />
+            <ComponentA v-else />
+
+            <ComponentA v-if="bar" />
+            <ComponentA v-else-if="baz" />
+            <ComponentA v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA
+          }
+        }
+        </script>
+        `,
+      output: `
+        <template>
+          <div>
+            <ComponentA key="component-a-1" v-if="foo" />
+            <ComponentA key="component-a-2" v-else />
+
+            <ComponentA key="component-a-3" v-if="bar" />
+            <ComponentA key="component-a-4" v-else-if="baz" />
+            <ComponentA key="component-a-5" v-else />
+          </div>
+        </template>
+        <script>
+        export default {
+          components: {
+            ComponentA
+          }
+        }
+        </script>
+        `,
+      errors: [
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 4
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 5
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 7
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 8
+        },
+        {
+          message:
+            "Conditionally rendered repeated component 'ComponentA' expected to have a 'key' attribute.",
+          line: 9
+        }
+      ]
     }
   ]
 })

From 2c64a8988b6d3cbb2730dff4b548eaf938521c78 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 13 Jul 2024 03:19:32 +0200
Subject: [PATCH 0755/1010] Remove trailing period in rule descriptions (#2504)

---
 docs/rules/index.md                          | 4 ++--
 docs/rules/no-computed-properties-in-data.md | 4 ++--
 docs/rules/prefer-define-options.md          | 4 ++--
 eslint.config.js                             | 4 ++++
 lib/rules/no-computed-properties-in-data.js  | 2 +-
 lib/rules/prefer-define-options.js           | 2 +-
 6 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index a75fe1575..1a9e461e0 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -45,7 +45,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  | :three::two::warning: |
 | [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  | :three::two::warning: |
 | [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: | :three::two::warning: |
-| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data`. |  | :three::two::warning: |
+| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data` |  | :three::two::warning: |
 | [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  | :two::warning: |
 | [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
 | [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
@@ -264,7 +264,7 @@ For example:
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
 | [vue/padding-line-between-tags](./padding-line-between-tags.md) | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
 | [vue/padding-lines-in-component-definition](./padding-lines-in-component-definition.md) | require or disallow padding lines in component definition | :wrench: | :lipstick: |
-| [vue/prefer-define-options](./prefer-define-options.md) | enforce use of `defineOptions` instead of default export. | :wrench: | :hammer: |
+| [vue/prefer-define-options](./prefer-define-options.md) | enforce use of `defineOptions` instead of default export | :wrench: | :hammer: |
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index 35bf62f1d..26c49cbbc 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-computed-properties-in-data
-description: disallow accessing computed properties in `data`.
+description: disallow accessing computed properties in `data`
 since: v7.20.0
 ---
 
 # vue/no-computed-properties-in-data
 
-> disallow accessing computed properties in `data`.
+> disallow accessing computed properties in `data`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
diff --git a/docs/rules/prefer-define-options.md b/docs/rules/prefer-define-options.md
index b63207957..5653cb011 100644
--- a/docs/rules/prefer-define-options.md
+++ b/docs/rules/prefer-define-options.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-define-options
-description: enforce use of `defineOptions` instead of default export.
+description: enforce use of `defineOptions` instead of default export
 since: v9.13.0
 ---
 
 # vue/prefer-define-options
 
-> enforce use of `defineOptions` instead of default export.
+> enforce use of `defineOptions` instead of default export
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/eslint.config.js b/eslint.config.js
index deff4615d..5ddca6175 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -139,6 +139,10 @@ module.exports = [
       'prefer-const': 2,
 
       'prettier/prettier': 'error',
+      'eslint-plugin/require-meta-docs-description': [
+        'error',
+        { pattern: '^(enforce|require|disallow).*[^.]$' }
+      ],
       'eslint-plugin/require-meta-docs-recommended': 'off', // use `categories` instead
       'eslint-plugin/require-meta-fixable': [
         'error',
diff --git a/lib/rules/no-computed-properties-in-data.js b/lib/rules/no-computed-properties-in-data.js
index a22739473..472d45f4d 100644
--- a/lib/rules/no-computed-properties-in-data.js
+++ b/lib/rules/no-computed-properties-in-data.js
@@ -14,7 +14,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow accessing computed properties in `data`.',
+      description: 'disallow accessing computed properties in `data`',
       categories: ['vue3-essential', 'vue2-essential'],
       url: 'https://eslint.vuejs.org/rules/no-computed-properties-in-data.html'
     },
diff --git a/lib/rules/prefer-define-options.js b/lib/rules/prefer-define-options.js
index 90c83fa9a..e5fabb0ca 100644
--- a/lib/rules/prefer-define-options.js
+++ b/lib/rules/prefer-define-options.js
@@ -10,7 +10,7 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce use of `defineOptions` instead of default export.',
+      description: 'enforce use of `defineOptions` instead of default export',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/prefer-define-options.html'
     },

From 15a9c1b9b599bd6b6ca996e81ef09b089b04d927 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 13 Jul 2024 03:21:24 +0200
Subject: [PATCH 0756/1010] Exclude JavaScript components in
 `vue/require-typed-object-prop` (#2505)

---
 lib/rules/require-typed-object-prop.js       |  24 ++
 tests/lib/rules/require-typed-object-prop.js | 330 +++++++++----------
 2 files changed, 185 insertions(+), 169 deletions(-)

diff --git a/lib/rules/require-typed-object-prop.js b/lib/rules/require-typed-object-prop.js
index ee88a0f35..eb7a278ae 100644
--- a/lib/rules/require-typed-object-prop.js
+++ b/lib/rules/require-typed-object-prop.js
@@ -129,6 +129,30 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    const filename = context.getFilename()
+    if (!utils.isVueFile(filename) && !utils.isTypeScriptFile(filename)) {
+      return {}
+    }
+
+    if (utils.isVueFile(filename)) {
+      const sourceCode = context.getSourceCode()
+      const documentFragment =
+        sourceCode.parserServices.getDocumentFragment &&
+        sourceCode.parserServices.getDocumentFragment()
+      if (!documentFragment) {
+        return {}
+      }
+      const scripts = documentFragment.children.filter(
+        /** @returns {element is VElement} */
+        (element) => utils.isVElement(element) && element.name === 'script'
+      )
+      if (
+        scripts.every((script) => !utils.hasAttribute(script, 'lang', 'ts'))
+      ) {
+        return {}
+      }
+    }
+
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(_node, props) {
diff --git a/tests/lib/rules/require-typed-object-prop.js b/tests/lib/rules/require-typed-object-prop.js
index 9f5f000a9..8a16fb567 100644
--- a/tests/lib/rules/require-typed-object-prop.js
+++ b/tests/lib/rules/require-typed-object-prop.js
@@ -9,7 +9,12 @@ const rule = require('../../../lib/rules/require-typed-object-prop')
 
 const ruleTester = new RuleTester({
   languageOptions: {
-    parser: require('@typescript-eslint/parser')
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 6,
+    sourceType: 'module',
+    parserOptions: {
+      parser: require.resolve('@typescript-eslint/parser')
+    }
   }
 })
 
@@ -19,20 +24,22 @@ ruleTester.run('require-typed-object-prop', rule, {
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: {}
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: {}
       });
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -40,31 +47,28 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({});
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      `
     },
     // array props
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: ['foo']
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: ['foo']
       });
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -72,31 +76,28 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps(['foo']);
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      `
     },
     // primitive props
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: String }
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: String }
       });
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -104,31 +105,28 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: String });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      `
     },
     // union
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: [Number, String, Boolean] }
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: [Number, String, Boolean] }
       });
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -136,31 +134,28 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: [Number, String, Boolean] });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      `
     },
     // function
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: someFunction() }
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: someFunction() }
       });
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -168,40 +163,38 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: someFunction() });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
-      }
+      `
     },
     // typed object
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: Object as PropType<User> }
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: Array as PropType<User[]> }
       }
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: Object as PropType<User> }
       });
-      `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -209,42 +202,28 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: Object as PropType<User> });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      `
     },
 
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: Object as () => User }
       }
-      `,
-      languageOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parser: require('@typescript-eslint/parser')
-      }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: Object as () => User }
       });
-      `,
-      languageOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parser: require('@typescript-eslint/parser')
-      }
+      </script>
+      `
     },
     {
       filename: 'test.vue',
@@ -252,15 +231,7 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: Object as () => User });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      `
     },
     // any
     {
@@ -269,15 +240,7 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: { type: Object as any } });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      `
     },
     {
       filename: 'test.vue',
@@ -289,15 +252,7 @@ ruleTester.run('require-typed-object-prop', rule, {
           }
         };
         </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      }
+      `
     },
     {
       filename: 'test.vue',
@@ -309,13 +264,7 @@ ruleTester.run('require-typed-object-prop', rule, {
           }
         });
         </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      `
     },
     // unknown
     {
@@ -324,13 +273,7 @@ ruleTester.run('require-typed-object-prop', rule, {
       <script setup lang="ts">
       defineProps({ foo: { type: Object as unknown } });
       </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      `
     },
     {
       filename: 'test.vue',
@@ -342,13 +285,7 @@ ruleTester.run('require-typed-object-prop', rule, {
           }
         };
         </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      `
     },
     {
       filename: 'test.vue',
@@ -360,13 +297,34 @@ ruleTester.run('require-typed-object-prop', rule, {
           }
         });
         </script>
-      `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
-      }
+      `
+    },
+    // JavaScript components
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps({ foo: Object });
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export default Vue.extend({
+        props: { foo: { type: Object } }
+      });
+      </script>
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      export default Vue.extend({
+        props: { foo: Object }
+      });
+      `
     }
   ],
   invalid: [
@@ -377,14 +335,6 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Object });
       </script>
       `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -422,14 +372,6 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: Array });
       </script>
       `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -463,35 +405,40 @@ ruleTester.run('require-typed-object-prop', rule, {
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: Object }
       }
+      </script>
       `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
-          line: 3,
+          line: 4,
           column: 23,
-          endLine: 3,
+          endLine: 4,
           endColumn: 29,
           suggestions: [
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'any' },
               output: `
+      <script lang="ts">
       export default {
         props: { foo: Object as PropType<any> }
       }
+      </script>
       `
             },
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'unknown' },
               output: `
+      <script lang="ts">
       export default {
         props: { foo: Object as PropType<unknown> }
       }
+      </script>
       `
             }
           ]
@@ -501,35 +448,40 @@ ruleTester.run('require-typed-object-prop', rule, {
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: Object }
       });
+      </script>
       `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
-          line: 3,
+          line: 4,
           column: 23,
-          endLine: 3,
+          endLine: 4,
           endColumn: 29,
           suggestions: [
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'any' },
               output: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: Object as PropType<any> }
       });
+      </script>
       `
             },
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'unknown' },
               output: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: Object as PropType<unknown> }
       });
+      </script>
       `
             }
           ]
@@ -539,35 +491,40 @@ ruleTester.run('require-typed-object-prop', rule, {
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: { type: Object } }
       });
+      </script>
       `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
-          line: 3,
+          line: 4,
           column: 31,
-          endLine: 3,
+          endLine: 4,
           endColumn: 37,
           suggestions: [
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'any' },
               output: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: { type: Object as PropType<any> } }
       });
+      </script>
       `
             },
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'unknown' },
               output: `
+      <script lang="ts">
       export default Vue.extend({
         props: { foo: { type: Object as PropType<unknown> } }
       });
+      </script>
       `
             }
           ]
@@ -577,35 +534,40 @@ ruleTester.run('require-typed-object-prop', rule, {
     {
       filename: 'test.vue',
       code: `
+      <script lang="ts">
       export default {
         props: { foo: { type: Object } }
       }
+      </script>
       `,
-      languageOptions: { ecmaVersion: 6, sourceType: 'module' },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
-          line: 3,
+          line: 4,
           column: 31,
-          endLine: 3,
+          endLine: 4,
           endColumn: 37,
           suggestions: [
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'any' },
               output: `
+      <script lang="ts">
       export default {
         props: { foo: { type: Object as PropType<any> } }
       }
+      </script>
       `
             },
             {
               messageId: 'addTypeAnnotation',
               data: { type: 'unknown' },
               output: `
+      <script lang="ts">
       export default {
         props: { foo: { type: Object as PropType<unknown> } }
       }
+      </script>
       `
             }
           ]
@@ -619,14 +581,6 @@ ruleTester.run('require-typed-object-prop', rule, {
       defineProps({ foo: { type: Object } });
       </script>
       `,
-      languageOptions: {
-        parser: require('vue-eslint-parser'),
-        ecmaVersion: 6,
-        sourceType: 'module',
-        parserOptions: {
-          parser: require.resolve('@typescript-eslint/parser')
-        }
-      },
       errors: [
         {
           messageId: 'expectedTypeAnnotation',
@@ -656,6 +610,44 @@ ruleTester.run('require-typed-object-prop', rule, {
           ]
         }
       ]
+    },
+    {
+      // `.ts` file
+      filename: 'test.ts',
+      code: `
+      export default Vue.extend({
+        props: { foo: Object }
+      });
+      `,
+      errors: [
+        {
+          messageId: 'expectedTypeAnnotation',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 29,
+          suggestions: [
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'any' },
+              output: `
+      export default Vue.extend({
+        props: { foo: Object as PropType<any> }
+      });
+      `
+            },
+            {
+              messageId: 'addTypeAnnotation',
+              data: { type: 'unknown' },
+              output: `
+      export default Vue.extend({
+        props: { foo: Object as PropType<unknown> }
+      });
+      `
+            }
+          ]
+        }
+      ]
     }
   ]
 })

From 9252468356cfbf27b04c2145beb156b7a13b1331 Mon Sep 17 00:00:00 2001
From: Magomed Chemurziev <m-chemurziev@ya.ru>
Date: Sat, 13 Jul 2024 04:35:24 +0300
Subject: [PATCH 0757/1010] Add `vue/require-default-export` rule (#2494)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                       |   1 +
 docs/rules/one-component-per-file.md      |   4 +
 docs/rules/require-default-export.md      |  57 +++++++
 lib/index.js                              |   1 +
 lib/rules/require-default-export.js       |  68 ++++++++
 tests/lib/rules/require-default-export.js | 190 ++++++++++++++++++++++
 6 files changed, 321 insertions(+)
 create mode 100644 docs/rules/require-default-export.md
 create mode 100644 lib/rules/require-default-export.js
 create mode 100644 tests/lib/rules/require-default-export.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 1a9e461e0..113ff416b 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -268,6 +268,7 @@ For example:
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
+| [vue/require-default-export](./require-default-export.md) | require components to be the default export |  | :warning: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
 | [vue/require-explicit-slots](./require-explicit-slots.md) | require slots to be explicitly defined |  | :warning: |
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index 6fbede339..5e6b37518 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -49,6 +49,10 @@ export default {
 
 Nothing.
 
+## :couple: Related Rules
+
+- [vue/require-default-export](./require-default-export.md)
+
 ## :books: Further Reading
 
 - [Style guide - Component files](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-files)
diff --git a/docs/rules/require-default-export.md b/docs/rules/require-default-export.md
new file mode 100644
index 000000000..1760c25fa
--- /dev/null
+++ b/docs/rules/require-default-export.md
@@ -0,0 +1,57 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-default-export
+description: require components to be the default export
+---
+
+# vue/require-default-export
+
+> require components to be the default export
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule reports when a Vue component does not have a default export, if the component is not defined as `<script setup>`.
+
+<eslint-code-block :rules="{'vue/require-default-export': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<script>
+const foo = 'foo';
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/require-default-export': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<script>
+export default {
+  data() {
+    return {
+      foo: 'foo'
+    };
+  }
+};
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [vue/one-component-per-file](./one-component-per-file.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-default-export.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-default-export.js)
diff --git a/lib/index.js b/lib/index.js
index 1bfacebea..ff3f69c6e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -209,6 +209,7 @@ const plugin = {
     'prop-name-casing': require('./rules/prop-name-casing'),
     'quote-props': require('./rules/quote-props'),
     'require-component-is': require('./rules/require-component-is'),
+    'require-default-export': require('./rules/require-default-export'),
     'require-default-prop': require('./rules/require-default-prop'),
     'require-direct-export': require('./rules/require-direct-export'),
     'require-emit-validator': require('./rules/require-emit-validator'),
diff --git a/lib/rules/require-default-export.js b/lib/rules/require-default-export.js
new file mode 100644
index 000000000..5c5402008
--- /dev/null
+++ b/lib/rules/require-default-export.js
@@ -0,0 +1,68 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require components to be the default export',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/require-default-export.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      missing: 'Missing default export.',
+      mustBeDefaultExport: 'Component must be the default export.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const sourceCode = context.getSourceCode()
+    const documentFragment = sourceCode.parserServices.getDocumentFragment?.()
+
+    const hasScript =
+      documentFragment &&
+      documentFragment.children.some(
+        (e) => utils.isVElement(e) && e.name === 'script'
+      )
+
+    if (utils.isScriptSetup(context) || !hasScript) {
+      return {}
+    }
+
+    let hasDefaultExport = false
+    let hasDefinedComponent = false
+
+    return utils.compositingVisitors(
+      utils.defineVueVisitor(context, {
+        onVueObjectExit() {
+          hasDefinedComponent = true
+        }
+      }),
+
+      {
+        'Program > ExportDefaultDeclaration'() {
+          hasDefaultExport = true
+        },
+
+        /**
+         * @param {Program} node
+         */
+        'Program:exit'(node) {
+          if (!hasDefaultExport && node.body.length > 0) {
+            context.report({
+              loc: node.tokens[node.tokens.length - 1].loc,
+              messageId: hasDefinedComponent ? 'mustBeDefaultExport' : 'missing'
+            })
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/require-default-export.js b/tests/lib/rules/require-default-export.js
new file mode 100644
index 000000000..279af4a38
--- /dev/null
+++ b/tests/lib/rules/require-default-export.js
@@ -0,0 +1,190 @@
+/**
+ * @author ItMaga
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/require-default-export')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('require-default-export', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>Without script</template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        import { ref } from 'vue';
+        
+        export default {}
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const foo = 'foo';
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      const component = {};
+
+      export default component;
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import {defineComponent} from 'vue';
+
+      export default defineComponent({});
+      </script>
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      const foo = 'foo';
+      export const bar = 'bar';
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
+      import {defineComponent} from 'vue';
+      defineComponent({});
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      const foo = 'foo';
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'missing',
+          line: 4,
+          endLine: 4,
+          column: 7,
+          endColumn: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export const foo = 'foo';
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'missing',
+          line: 4,
+          endLine: 4,
+          column: 7,
+          endColumn: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      const foo = 'foo';
+
+      export { foo };
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'missing',
+          line: 6,
+          endLine: 6,
+          column: 7,
+          endColumn: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      export const foo = 'foo';
+      export const bar = 'bar';
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'missing',
+          line: 5,
+          endLine: 5,
+          column: 7,
+          endColumn: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { defineComponent } from 'vue';
+
+      export const component = defineComponent({});
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'mustBeDefaultExport',
+          line: 6,
+          endLine: 6,
+          column: 7,
+          endColumn: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import Vue from 'vue';
+
+      const component = Vue.component('foo', {});
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'mustBeDefaultExport',
+          line: 6,
+          endLine: 6,
+          column: 7,
+          endColumn: 16
+        }
+      ]
+    }
+  ]
+})

From 37e971afae701ff92aea865bca6ec7013dc9d63f Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 1 Aug 2024 10:28:26 +0200
Subject: [PATCH 0758/1010] Update development dependencies and formatting
 (#2518)

---
 lib/rules/require-prop-types.js |  2 +-
 package.json                    | 30 +++++++++++++++---------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/lib/rules/require-prop-types.js b/lib/rules/require-prop-types.js
index 4102ad039..af2a956a4 100644
--- a/lib/rules/require-prop-types.js
+++ b/lib/rules/require-prop-types.js
@@ -75,7 +75,7 @@ module.exports = {
         return
       }
       const hasType =
-        prop.type === 'array' ? false : optionHasType(prop.value) ?? true
+        prop.type === 'array' ? false : (optionHasType(prop.value) ?? true)
 
       if (!hasType) {
         const { node, propName } = prop
diff --git a/package.json b/package.json
index 4816e225f..153ebe94f 100644
--- a/package.json
+++ b/package.json
@@ -60,41 +60,41 @@
     "natural-compare": "^1.4.0",
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.15",
-    "semver": "^7.6.0",
+    "semver": "^7.6.3",
     "vue-eslint-parser": "^9.4.3",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
-    "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.0",
-    "@stylistic/eslint-plugin": "^2.2.2",
+    "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
+    "@stylistic/eslint-plugin": "^2.6.0",
     "@types/eslint": "^8.56.2",
     "@types/eslint-visitor-keys": "^3.3.0",
     "@types/natural-compare": "^1.4.3",
     "@types/node": "^14.18.63",
-    "@types/semver": "^7.5.7",
+    "@types/semver": "^7.5.8",
     "@types/xml-name-validator": "^4.0.3",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@typescript-eslint/types": "^7.13.1",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/types": "^7.18.0",
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
-    "esbuild": "^0.21.5",
-    "eslint": "^8.56.0",
+    "esbuild": "^0.23.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-eslint-plugin": "~6.1.0",
+    "eslint-plugin-eslint-plugin": "~6.2.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-node-dependencies": "^0.12.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-unicorn": "^54.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-unicorn": "^55.0.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.6.1",
     "events": "^3.3.0",
     "markdownlint-cli": "^0.41.0",
-    "mocha": "^10.3.0",
+    "mocha": "^10.7.0",
     "nyc": "^17.0.0",
     "pathe": "^1.1.2",
-    "prettier": "^3.2.5",
-    "typescript": "^5.3.3",
-    "vitepress": "^1.0.0-rc.42"
+    "prettier": "^3.3.3",
+    "typescript": "^5.5.4",
+    "vitepress": "^1.3.1"
   }
 }

From 66e3201e17eee2bb45d2e0e98018e7de5481cb0c Mon Sep 17 00:00:00 2001
From: Kiina <Kiina@users.noreply.github.com>
Date: Thu, 1 Aug 2024 10:31:07 +0200
Subject: [PATCH 0759/1010] Fix options in docs for no-template-shadow (#2517)

---
 docs/rules/no-template-shadow.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 29eacacc0..9d74e1f12 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -55,7 +55,7 @@ This rule takes one optional object option, with the property `"allow"`.
 
 ```json
 {
-  "no-template-shadow": ["error", { "allow": [] }]
+  "vue/no-template-shadow": ["error", { "allow": [] }]
 }
 ```
 

From 705d262bcaf15499a3d94943e43e9df5e8cd0614 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Wed, 14 Aug 2024 17:17:21 +0200
Subject: [PATCH 0760/1010] Fix code example in `vue/define-props-declaration`
 docs (#2527)

---
 docs/rules/define-props-declaration.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
index 5c72d538a..40c5ea0b0 100644
--- a/docs/rules/define-props-declaration.md
+++ b/docs/rules/define-props-declaration.md
@@ -47,7 +47,7 @@ const props = defineProps({
 
 ### `"runtime"`
 
-<eslint-code-block :rules="{'vue/define-emits-declaration': ['error', 'runtime']}">
+<eslint-code-block :rules="{'vue/define-props-declaration': ['error', 'runtime']}">
 
 ```vue
 <script setup lang="ts">

From 0fbe35e0b1cb0a1842d91636d7daae8d2c86009c Mon Sep 17 00:00:00 2001
From: Kevin Sommer <37016102+kevsommer@users.noreply.github.com>
Date: Tue, 20 Aug 2024 16:07:08 +0200
Subject: [PATCH 0761/1010] Improve error range for `vue/max-props` (#2532)

---
 lib/rules/max-props.js       | 2 +-
 tests/lib/rules/max-props.js | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/lib/rules/max-props.js b/lib/rules/max-props.js
index a7f44b8ef..698757e78 100644
--- a/lib/rules/max-props.js
+++ b/lib/rules/max-props.js
@@ -43,7 +43,7 @@ module.exports = {
     function checkMaxNumberOfProps(props) {
       if (props.length > option.maxProps && props[0].node) {
         context.report({
-          node: props[0].node,
+          node: props[0].node.parent,
           messageId: 'tooManyProps',
           data: {
             propCount: props.length,
diff --git a/tests/lib/rules/max-props.js b/tests/lib/rules/max-props.js
index 1dd42a03c..1ebfb9cff 100644
--- a/tests/lib/rules/max-props.js
+++ b/tests/lib/rules/max-props.js
@@ -113,7 +113,8 @@ tester.run('max-props', rule, {
       errors: [
         {
           message: 'Component has too many props (2). Maximum allowed is 1.',
-          line: 3
+          line: 3,
+          endLine: 3
         }
       ]
     },
@@ -133,7 +134,8 @@ tester.run('max-props', rule, {
       errors: [
         {
           message: 'Component has too many props (2). Maximum allowed is 1.',
-          line: 5
+          line: 4,
+          endLine: 7
         }
       ]
     },
@@ -154,7 +156,8 @@ tester.run('max-props', rule, {
       errors: [
         {
           message: 'Component has too many props (3). Maximum allowed is 2.',
-          line: 3
+          line: 3,
+          endLine: 3
         }
       ]
     }

From 6ebd6073253b961cad74dbafcadbe83c32959740 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89ric=20Le=20Ma=C3=AEtre?=
 <eric.erwan.le.maitre@gmail.com>
Date: Mon, 2 Sep 2024 11:33:19 +0200
Subject: [PATCH 0762/1010] Update rule `define-macros-order` for custom macros
 (#2501)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/define-macros-order.md      |  41 +++-
 docs/rules/index.md                    |   2 +-
 lib/rules/define-macros-order.js       |  33 ++-
 tests/lib/rules/define-macros-order.js | 269 +++++++++++++++++++++++++
 4 files changed, 335 insertions(+), 10 deletions(-)

diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index 5d8dda56c..6dbe5ef07 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -2,20 +2,20 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/define-macros-order
-description: enforce order of `defineEmits` and `defineProps` compiler macros
+description: enforce order of compiler macros (`defineProps`, `defineEmits`, etc.)
 since: v8.7.0
 ---
 
 # vue/define-macros-order
 
-> enforce order of `defineEmits` and `defineProps` compiler macros
+> enforce order of compiler macros (`defineProps`, `defineEmits`, etc.)
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
 
-This rule reports the `defineProps` and `defineEmits` compiler macros when they are not the first statements in `<script setup>` (after any potential import statements or type definitions) or when they are not in the correct order.
+This rule reports compiler macros (like `defineProps` or `defineEmits` but also custom ones) when they are not the first statements in `<script setup>` (after any potential import statements or type definitions) or when they are not in the correct order.
 
 ## :wrench: Options
 
@@ -28,7 +28,7 @@ This rule reports the `defineProps` and `defineEmits` compiler macros when they
 }
 ```
 
-- `order` (`string[]`) ... The order of defineEmits and defineProps macros. You can also add `"defineOptions"`, `"defineSlots"`, and `"defineModel"`.
+- `order` (`string[]`) ... The order in which the macros should appear. The default is `["defineProps", "defineEmits"]`.
 - `defineExposeLast` (`boolean`) ... Force `defineExpose` at the end.
 
 ### `{ "order": ["defineProps", "defineEmits"] }` (default)
@@ -118,6 +118,39 @@ const slots = defineSlots()
 
 </eslint-code-block>
 
+### `{ "order": ["definePage", "defineModel", "defineCustom", "defineEmits", "defineSlots"] }`
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['definePage', 'defineModel', 'defineCustom', 'defineEmits', 'defineSlots']}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<script setup>
+definePage()
+const model = defineModel()
+defineCustom()
+defineEmits(/* ... */)
+const slots = defineSlots()
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {order: ['definePage', 'defineModel', 'defineCustom', 'defineEmits', 'defineSlots']}]}">
+
+```vue
+<!-- ✗ BAD -->
+<script setup>
+defineEmits(/* ... */)
+const slots = defineSlots()
+defineProps(/* ... */)
+defineCustom({/* ... */})
+const model = defineModel()
+definePage()
+</script>
+```
+
+</eslint-code-block>
+
 ### `{ "defineExposeLast": true }`
 
 <eslint-code-block fix :rules="{'vue/define-macros-order': ['error', {defineExposeLast: true}]}">
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 113ff416b..16a195125 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -213,7 +213,7 @@ For example:
 | [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: | :hammer: |
 | [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  | :hammer: |
 | [vue/define-emits-declaration](./define-emits-declaration.md) | enforce declaration style of `defineEmits` |  | :hammer: |
-| [vue/define-macros-order](./define-macros-order.md) | enforce order of `defineEmits` and `defineProps` compiler macros | :wrench::bulb: | :lipstick: |
+| [vue/define-macros-order](./define-macros-order.md) | enforce order of compiler macros (`defineProps`, `defineEmits`, etc.) | :wrench::bulb: | :lipstick: |
 | [vue/define-props-declaration](./define-props-declaration.md) | enforce declaration style of `defineProps` |  | :hammer: |
 | [vue/enforce-style-attribute](./enforce-style-attribute.md) | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index f24c58af7..920b5c294 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -11,13 +11,15 @@ const MACROS_PROPS = 'defineProps'
 const MACROS_OPTIONS = 'defineOptions'
 const MACROS_SLOTS = 'defineSlots'
 const MACROS_MODEL = 'defineModel'
-const ORDER_SCHEMA = [
+const MACROS_EXPOSE = 'defineExpose'
+const KNOWN_MACROS = new Set([
   MACROS_EMITS,
   MACROS_PROPS,
   MACROS_OPTIONS,
   MACROS_SLOTS,
-  MACROS_MODEL
-]
+  MACROS_MODEL,
+  MACROS_EXPOSE
+])
 const DEFAULT_ORDER = [MACROS_PROPS, MACROS_EMITS]
 
 /**
@@ -109,6 +111,12 @@ function create(context) {
   /** @type {ASTNode} */
   let defineExposeNode
 
+  if (order.includes(MACROS_EXPOSE) && defineExposeLast) {
+    throw new Error(
+      "`defineExpose` macro can't be in the `order` array if `defineExposeLast` is true."
+    )
+  }
+
   return utils.compositingVisitors(
     utils.defineScriptSetupVisitor(context, {
       onDefinePropsExit(node) {
@@ -130,6 +138,20 @@ function create(context) {
       },
       onDefineExposeExit(node) {
         defineExposeNode = getDefineMacrosStatement(node)
+      },
+
+      /** @param {CallExpression} node */
+      'Program > ExpressionStatement > CallExpression, Program > VariableDeclaration > VariableDeclarator > CallExpression'(
+        node
+      ) {
+        if (
+          node.callee &&
+          node.callee.type === 'Identifier' &&
+          order.includes(node.callee.name) &&
+          !KNOWN_MACROS.has(node.callee.name)
+        ) {
+          macrosNodes.set(node.callee.name, [getDefineMacrosStatement(node)])
+        }
       }
     }),
     {
@@ -333,7 +355,7 @@ module.exports = {
     type: 'layout',
     docs: {
       description:
-        'enforce order of `defineEmits` and `defineProps` compiler macros',
+        'enforce order of compiler macros (`defineProps`, `defineEmits`, etc.)',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/define-macros-order.html'
     },
@@ -346,7 +368,8 @@ module.exports = {
           order: {
             type: 'array',
             items: {
-              enum: ORDER_SCHEMA
+              type: 'string',
+              minLength: 1
             },
             uniqueItems: true,
             additionalItems: false
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 3aa2e434d..72b359866 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -195,6 +195,65 @@ tester.run('define-macros-order', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import Foo from 'foo'
+          /** Page */
+          definePage()
+          /** model */
+          const model = defineModel()
+          /** emits */
+          defineEmits(['update:foo'])
+        </script>
+      `,
+      options: [
+        {
+          order: ['definePage', 'defineModel', 'defineEmits']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import Foo from 'foo'
+          /** model */
+          const model = defineModel()
+          /** emits */
+          defineEmits(['update:foo'])
+
+          function fn() {
+            definePage()
+          }
+        </script>
+      `,
+      options: [
+        {
+          order: ['definePage', 'defineModel', 'defineEmits']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import Foo from 'foo'
+          /** model */
+          const model = defineModel()
+          /** emits */
+          defineEmits(['update:foo'])
+
+          const val = () => definePage()
+        </script>
+      `,
+      options: [
+        {
+          order: ['definePage', 'defineModel', 'defineEmits']
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -254,6 +313,22 @@ tester.run('define-macros-order', rule, {
           order: ['defineModel', 'defineSlots']
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+        const page = definePage()
+
+        const first = defineModel('first')
+        const second = defineModel('second')
+        </script>
+      `,
+      options: [
+        {
+          order: ['definePage', 'defineModel']
+        }
+      ]
     }
   ],
   invalid: [
@@ -382,6 +457,40 @@ tester.run('define-macros-order', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          console.log('test1')
+          const props = defineProps({
+            test: Boolean
+          })
+          console.log('test2')
+          const page = definePage({
+            name: 'hello'
+          })
+        </script>
+      `,
+      output: `
+        <script setup>
+          const page = definePage({
+            name: 'hello'
+          })
+          const props = defineProps({
+            test: Boolean
+          })
+          console.log('test1')
+          console.log('test2')
+        </script>
+      `,
+      options: [{ order: ['definePage', 'defineProps'] }],
+      errors: [
+        {
+          message: message('definePage'),
+          line: 8
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -425,6 +534,61 @@ tester.run('define-macros-order', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script lang="ts" setup>
+          interface Props {
+            msg?: string
+            labels?: string[]
+          }
+
+          const props = defineProps<{
+            msg?: string
+            labels?: string[]
+          }>()
+          defineCustom()
+          const emit = defineEmits<{(e: 'update:test'): void}>()
+
+          const page = definePage({
+            name: 'hello'
+          })
+        </script>
+      `,
+      output: `
+        <script lang="ts" setup>
+          interface Props {
+            msg?: string
+            labels?: string[]
+          }
+
+          const page = definePage({
+            name: 'hello'
+          })
+          defineCustom()
+          const props = defineProps<{
+            msg?: string
+            labels?: string[]
+          }>()
+          const emit = defineEmits<{(e: 'update:test'): void}>()
+
+        </script>
+      `,
+      options: [
+        { order: ['definePage', 'defineCustom', 'defineProps', 'defineEmits'] }
+      ],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: message('definePage'),
+          line: 15
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -537,6 +701,25 @@ tester.run('define-macros-order', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const props = defineProps({ test: Boolean });definePage({name: 'hello'})
+        </script>
+      `,
+      output: `
+        <script setup>
+          definePage({name: 'hello'});const props = defineProps({ test: Boolean });        </script>
+      `,
+      options: [{ order: ['definePage', 'defineProps'] }],
+      errors: [
+        {
+          message: message('definePage'),
+          line: 3
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -633,6 +816,54 @@ tester.run('define-macros-order', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          definePage({name: 'hello'})
+          console.log('test1')
+          defineCustom({ test: Boolean })
+        </script>
+      `,
+      output: `
+        <script setup>
+          defineCustom({ test: Boolean })
+          definePage({name: 'hello'})
+          console.log('test1')
+        </script>
+      `,
+      options: [{ order: ['defineCustom', 'definePage'] }],
+      errors: [
+        {
+          message: message('defineCustom'),
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          definePage({name: 'hello'})
+          console.log('test1')
+          const custom = defineCustom({ test: Boolean })
+        </script>
+      `,
+      output: `
+        <script setup>
+          const custom = defineCustom({ test: Boolean })
+          definePage({name: 'hello'})
+          console.log('test1')
+        </script>
+      `,
+      options: [{ order: ['defineCustom', 'definePage'] }],
+      errors: [
+        {
+          message: message('defineCustom'),
+          line: 5
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -895,6 +1126,44 @@ tester.run('define-macros-order', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          defineOptions({})
+          defineCustom('second')
+          const something = defineSomething('first')
+          definePage()
+          const model = defineModel('second')
+        </script>
+      `,
+      output: `
+        <script setup>
+          const something = defineSomething('first')
+          defineCustom('second')
+          const model = defineModel('second')
+          defineOptions({})
+          definePage()
+        </script>
+      `,
+      options: [
+        {
+          order: [
+            'defineSomething',
+            'defineCustom',
+            'defineModel',
+            'defineOptions',
+            'definePage'
+          ]
+        }
+      ],
+      errors: [
+        {
+          message: message('defineSomething'),
+          line: 5
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From a4aed0afb0a02e9acb56ae2210dcfc849b4b8a33 Mon Sep 17 00:00:00 2001
From: Kevin Sommer <37016102+kevsommer@users.noreply.github.com>
Date: Mon, 2 Sep 2024 11:47:21 +0200
Subject: [PATCH 0763/1010] Implements proposed max-template-depth rule (#2525)

---
 docs/rules/index.md                   |   1 +
 docs/rules/max-template-depth.md      |  67 ++++++++++
 lib/index.js                          |   1 +
 lib/rules/max-template-depth.js       |  82 +++++++++++++
 tests/lib/rules/max-template-depth.js | 168 ++++++++++++++++++++++++++
 5 files changed, 319 insertions(+)
 create mode 100644 docs/rules/max-template-depth.md
 create mode 100644 lib/rules/max-template-depth.js
 create mode 100644 tests/lib/rules/max-template-depth.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 16a195125..9624111c6 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -224,6 +224,7 @@ For example:
 | [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  | :warning: |
 | [vue/max-lines-per-block](./max-lines-per-block.md) | enforce maximum number of lines in Vue SFC blocks |  | :warning: |
 | [vue/max-props](./max-props.md) | enforce maximum number of props in Vue component |  | :warning: |
+| [vue/max-template-depth](./max-template-depth.md) | enforce maximum depth of template |  | :warning: |
 | [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
diff --git a/docs/rules/max-template-depth.md b/docs/rules/max-template-depth.md
new file mode 100644
index 000000000..94bd8b5ec
--- /dev/null
+++ b/docs/rules/max-template-depth.md
@@ -0,0 +1,67 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/max-template-depth
+description: enforce maximum depth of template
+---
+
+# vue/max-template-depth
+
+> enforce maximum depth of template
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule enforces a maximum depth of the template in a Vue SFC, in order to aid in maintainability and reduce complexity.
+
+## :wrench: Options
+
+This rule takes an object, where you can specify the maximum depth allowed in a Vue SFC template block.
+There is one property that can be specified for the object.
+
+- `maxDepth` ... Specify the maximum template depth `template` block.
+
+### `{ maxDepth: 3 }`
+
+<eslint-code-block :rules="{'vue/max-template-depth': ['error', { maxDepth: 3 }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <main-container>
+    <child-component>
+      <div />
+    </child-component>
+    <child-component>
+      <nested-component>
+        <div>
+          <div />
+        </div>
+      </nested-component>
+    </child-component>
+  </main-container>
+</template>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/max-template-depth': ['error', { maxDepth: 3 }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <main-container>
+    <child-component>
+      <div />
+    </child-component>
+  </main-container>
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-template-depth.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/max-template-depth.js)
diff --git a/lib/index.js b/lib/index.js
index ff3f69c6e..6dbe5107b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -80,6 +80,7 @@ const plugin = {
     'max-len': require('./rules/max-len'),
     'max-lines-per-block': require('./rules/max-lines-per-block'),
     'max-props': require('./rules/max-props'),
+    'max-template-depth': require('./rules/max-template-depth'),
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'multiline-ternary': require('./rules/multiline-ternary'),
diff --git a/lib/rules/max-template-depth.js b/lib/rules/max-template-depth.js
new file mode 100644
index 000000000..899ec75ce
--- /dev/null
+++ b/lib/rules/max-template-depth.js
@@ -0,0 +1,82 @@
+/**
+ * @author kevsommer Kevin Sommer
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce maximum depth of template',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/max-template-depth.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          maxDepth: {
+            type: 'integer',
+            minimum: 1
+          }
+        },
+        additionalProperties: false,
+        minProperties: 1
+      }
+    ],
+    messages: {
+      templateTooDeep:
+        'Element is nested too deeply (depth of {{depth}}, maximum allowed is {{limit}}).'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const option = context.options[0] || {}
+
+    /**
+     * @param {VElement} element
+     * @param {number} curDepth
+     */
+    function checkMaxDepth(element, curDepth) {
+      if (curDepth > option.maxDepth) {
+        context.report({
+          node: element,
+          messageId: 'templateTooDeep',
+          data: {
+            depth: curDepth,
+            limit: option.maxDepth
+          }
+        })
+      }
+
+      if (!element.children) {
+        return
+      }
+
+      for (const child of element.children) {
+        if (child.type === 'VElement') {
+          checkMaxDepth(child, curDepth + 1)
+        }
+      }
+    }
+
+    return {
+      /** @param {Program} program */
+      Program(program) {
+        const element = program.templateBody
+
+        if (element == null) {
+          return
+        }
+
+        if (element.type !== 'VElement') {
+          return
+        }
+
+        checkMaxDepth(element, 0)
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/max-template-depth.js b/tests/lib/rules/max-template-depth.js
new file mode 100644
index 000000000..4ef9e95d1
--- /dev/null
+++ b/tests/lib/rules/max-template-depth.js
@@ -0,0 +1,168 @@
+/**
+ * @author kevsommer Kevin Sommer
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/max-template-depth')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('max-template-depth', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <main-container>
+        <child-component>
+          <div />
+        </child-component>
+      </main-container>
+      </template>
+      `,
+      options: [{ maxDepth: 3 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <main-container>
+        <ul>
+          <li>Item 1</li>
+        </ul>
+      </main-container>
+      </template>
+      `,
+      options: [{ maxDepth: 4 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <main-container>
+        <child-component>
+          <sub-child-component>
+            <div />
+          </sub-child-component>
+        </child-component>
+      </main-container>
+      </template>
+      `,
+      options: [{ maxDepth: 4 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <div>
+      </div>
+      <main-container>
+        <child-component>
+          <ul>
+            <li />
+          </ul>
+        </child-component>
+      </main-container>
+      </template>
+      `,
+      options: [{ maxDepth: 4 }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <div>
+        <div>
+          <div>
+            <div />
+          </div>
+        </div>
+      </div>
+      </template>
+      `,
+      options: [{ maxDepth: 3 }],
+      errors: [
+        {
+          message:
+            'Element is nested too deeply (depth of 4, maximum allowed is 3).',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <side-container>
+        <child-component />
+      </side-container>
+      <main-container>
+        <child-component>
+          <nested-component>
+            <h1 />
+          </nested-component>
+        </child-component>
+      </main-container>
+      </template>
+      `,
+      options: [{ maxDepth: 3 }],
+      errors: [
+        {
+          message:
+            'Element is nested too deeply (depth of 4, maximum allowed is 3).',
+          line: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      <main-container>
+        <nav-bar>
+          <div />
+        </nav-bar>
+        <child-component>
+          <nested-component>
+            <div>
+              <div />
+            <div>
+          </nested-component>
+        </child-component>
+      </main-container>
+      </template>
+      `,
+      options: [{ maxDepth: 3 }],
+      errors: [
+        {
+          message:
+            'Element is nested too deeply (depth of 4, maximum allowed is 3).',
+          line: 9,
+          endLine: 12
+        },
+        {
+          message:
+            'Element is nested too deeply (depth of 5, maximum allowed is 3).',
+          line: 10,
+          endLine: 10
+        },
+        {
+          message:
+            'Element is nested too deeply (depth of 5, maximum allowed is 3).',
+          line: 11,
+          endLine: 12
+        }
+      ]
+    }
+  ]
+})

From ddc0525f5a74460b4225819ddc28ae383d1eb060 Mon Sep 17 00:00:00 2001
From: kricsleo <32707098+kricsleo@users.noreply.github.com>
Date: Mon, 2 Sep 2024 17:52:42 +0800
Subject: [PATCH 0764/1010] fix(attribute-hyphenation): skip auto-fix when
 suffixed with `.sync` (#2533)

---
 lib/rules/attribute-hyphenation.js       |  4 +++
 tests/lib/rules/attribute-hyphenation.js | 36 ++++++++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 0ef2a0420..54ac77791 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -101,6 +101,10 @@ module.exports = {
             return null
           }
 
+          if (text.endsWith('.sync')) {
+            return null
+          }
+
           if (/^[A-Z]/.test(name)) {
             return null
           }
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 4d867d15e..16f6e4e10 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -70,6 +70,16 @@ ruleTester.run('attribute-hyphenation', rule, {
       filename: 'test.vue',
       code: '<template><div><custom :attr_ff="prop"></custom></div></template>',
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :my-name.sync="prop"></custom></div></template>',
+      options: ['always']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :myName.sync="prop"></custom></div></template>',
+      options: ['never']
     }
   ],
 
@@ -367,6 +377,32 @@ ruleTester.run('attribute-hyphenation', rule, {
           line: 1
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :myAge.sync="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute ':myAge.sync' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :my-age.sync="prop"></custom></div></template>',
+      output: null,
+      options: ['never'],
+      errors: [
+        {
+          message: "Attribute ':my-age.sync' can't be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
     }
   ]
 })

From b08273c68f84c0d409bd81656380649604f06331 Mon Sep 17 00:00:00 2001
From: Hiroki Osame <hiroki.osame@gmail.com>
Date: Mon, 2 Sep 2024 18:58:12 +0900
Subject: [PATCH 0765/1010] fix(no-deprecated-slot-attribute): handle v-for
 with dynamic slot (#2529)

---
 lib/rules/syntaxes/slot-attribute.js          | 19 ++++++++++----
 .../lib/rules/no-deprecated-slot-attribute.js | 25 +++++++++++++++++++
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 61891df3b..27087cb37 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -56,10 +56,8 @@ module.exports = {
         // parse error or empty expression
         return false
       }
-      const slotName = sourceCode.getText(slotAttr.value.expression).trim()
-      // If non-Latin characters are included it can not be converted.
-      // It does not check the space only because `a>b?c:d` should be rejected.
-      return !/[^a-z]/i.test(slotName)
+
+      return slotAttr.value.expression.type === 'Identifier'
     }
 
     /**
@@ -102,7 +100,18 @@ module.exports = {
           yield fixer.remove(scopeAttr)
         }
 
-        yield fixer.insertTextBefore(element, `<template ${replaceText}>\n`)
+        const vFor = startTag.attributes.find(
+          (attr) => attr.directive && attr.key.name.name === 'for'
+        )
+        const vForText = vFor ? `${sourceCode.getText(vFor)} ` : ''
+        if (vFor) {
+          yield fixer.remove(vFor)
+        }
+
+        yield fixer.insertTextBefore(
+          element,
+          `<template ${vForText}${replaceText}>\n`
+        )
         yield fixer.insertTextAfter(element, `\n</template>`)
       }
     }
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 51d109358..710472bda 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -643,6 +643,31 @@ tester.run('no-deprecated-slot-attribute', rule, {
         }
       ],
       errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <slot
+            v-for="slot in Object.keys($slots)"
+            :slot="slot"
+            :name="slot"
+          ></slot>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <template v-for="slot in Object.keys($slots)" v-slot:[slot]>
+<slot
+            
+            
+            :name="slot"
+          ></slot>
+</template>
+        </my-component>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
     }
   ]
 })

From 21d3ed84f151e8e6c435f9315c070ccb38c4db71 Mon Sep 17 00:00:00 2001
From: Hiroki Osame <hiroki.osame@gmail.com>
Date: Mon, 2 Sep 2024 19:01:40 +0900
Subject: [PATCH 0766/1010] fix(no-deprecated-slot-attribute): no fix for
 dynamic components (#2530)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 lib/rules/syntaxes/utils/can-convert-to-v-slot.js |  3 ++-
 tests/lib/rules/no-deprecated-slot-attribute.js   | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
index f4e667783..e0e51053d 100644
--- a/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
+++ b/lib/rules/syntaxes/utils/can-convert-to-v-slot.js
@@ -28,7 +28,8 @@ module.exports = function canConvertToVSlot(element, sourceCode, tokenStore) {
   const ownerElement = element.parent
   if (
     ownerElement.type === 'VDocumentFragment' ||
-    !utils.isCustomComponent(ownerElement)
+    !utils.isCustomComponent(ownerElement) ||
+    ownerElement.name === 'component'
   ) {
     return false
   }
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 710472bda..2fd5fa401 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -668,6 +668,19 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </my-component>
       </template>`,
       errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <component :is="toggle ? 'my-component' : 'div'">
+          <div slot="named">
+            Passing in a named slot to a div worked with old syntax
+            But not with new syntax
+          </div>
+        </component>
+      </template>`,
+      output: null,
+      errors: ['`slot` attributes are deprecated.']
     }
   ]
 })

From 354c0de249b4cc21566bcd09932461863fe61ee7 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 2 Sep 2024 18:02:44 +0800
Subject: [PATCH 0767/1010] fix(attribute-hyphenation): apply to v-model
 directive (#2511)

---
 lib/rules/attribute-hyphenation.js       |  2 +-
 tests/lib/rules/attribute-hyphenation.js | 47 ++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 54ac77791..35519d231 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -18,7 +18,7 @@ function getAttributeName(node) {
   }
 
   if (
-    node.key.name.name === 'bind' &&
+    (node.key.name.name === 'bind' || node.key.name.name === 'model') &&
     node.key.argument &&
     node.key.argument.type === 'VIdentifier'
   ) {
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 16f6e4e10..18d60e19c 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -26,6 +26,11 @@ ruleTester.run('attribute-hyphenation', rule, {
       code: '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" my-prop="prop"></custom></div></template>',
       options: ['always']
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom :my-prop="prop" v-model:foo-bar="fooBar"></custom></div></template>',
+      options: ['always']
+    },
     {
       filename: 'test.vue',
       code: '<template><div><custom data-id="foo" aria-test="bar" slot-scope="{ data }" myProp="prop"></custom></div></template>',
@@ -219,6 +224,48 @@ ruleTester.run('attribute-hyphenation', rule, {
         }
       ]
     },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2510
+      filename: 'test.vue',
+      code: '<template><div><custom v-model:my-prop="prop"></custom></div></template>',
+      output:
+        '<template><div><custom v-model:myProp="prop"></custom></div></template>',
+      options: ['never'],
+      errors: [
+        {
+          message: "Attribute 'v-model:my-prop' can't be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom v-model:myProp="prop"></custom></div></template>',
+      output:
+        '<template><div><custom v-model:my-prop="prop"></custom></div></template>',
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute 'v-model:myProp' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><custom v-model:MyProp="prop"></custom></div></template>',
+      output: null,
+      options: ['always'],
+      errors: [
+        {
+          message: "Attribute 'v-model:MyProp' must be hyphenated.",
+          type: 'VDirectiveKey',
+          line: 1
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From 889c1929c5b9baf4285879600bd9745dc8564f16 Mon Sep 17 00:00:00 2001
From: Connor Pearson <cjpearson@users.noreply.github.com>
Date: Mon, 2 Sep 2024 12:06:03 +0200
Subject: [PATCH 0768/1010] feat(require-toggle-inside-transition): add
 additionalDirectives option (#2535) (#2537)

---
 .../rules/require-toggle-inside-transition.md | 29 +++++++++-
 lib/rules/require-toggle-inside-transition.js | 53 +++++++++++++++++--
 .../rules/require-toggle-inside-transition.js | 39 ++++++++++++++
 3 files changed, 115 insertions(+), 6 deletions(-)

diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index c62de95cb..c0760e381 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -33,7 +33,34 @@ This rule reports elements inside `<transition>` that do not control the display
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/require-toggle-inside-transition": ["error", {
+    "additionalDirectives": []
+  }]
+}
+```
+
+- `additionalDirectives` (`string[]`) ... Custom directives which will satisfy this rule in addition to `v-show` and `v-if`. Should be added without the `v-` prefix.
+
+### `additionalDirectives: ["dialog"]`
+
+<eslint-code-block :rules="{'vue/require-toggle-inside-transition': ['error', {additionalDirectives: ['dialog']}]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <transition><div v-if="show" /></transition>
+  <transition><div v-show="show" /></transition>
+  <transition><dialog v-dialog="show" /></transition>
+
+  <!-- ✗ BAD -->
+  <transition><div /></transition>
+  <transition><div v-custom="show" /></transition>
+<template>
+```
+
+</eslint-code-block>
 
 ## :books: Further Reading
 
diff --git a/lib/rules/require-toggle-inside-transition.js b/lib/rules/require-toggle-inside-transition.js
index 423d4beb7..bfb267caa 100644
--- a/lib/rules/require-toggle-inside-transition.js
+++ b/lib/rules/require-toggle-inside-transition.js
@@ -20,6 +20,25 @@ function isValidBindAppear(vBindAppear) {
   return true
 }
 
+/**
+ * @param {string[]} directives
+ */
+function createDirectiveList(directives) {
+  let str = ''
+
+  for (const [index, directive] of directives.entries()) {
+    if (index === 0) {
+      str += `\`v-${directive}\``
+    } else if (index < directives.length - 1) {
+      str += `, \`v-${directive}\``
+    } else {
+      str += ` or \`v-${directive}\``
+    }
+  }
+
+  return str
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -30,14 +49,34 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/require-toggle-inside-transition.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          additionalDirectives: {
+            type: 'array',
+            items: {
+              type: 'string'
+            },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       expected:
-        'The element inside `<transition>` is expected to have a `v-if` or `v-show` directive.'
+        'The element inside `<transition>` is expected to have a {{allowedDirectives}} directive.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
+    /** @type {Array<string>} */
+    const additionalDirectives =
+      (context.options[0] && context.options[0].additionalDirectives) || []
+    const allowedDirectives = ['if', 'show', ...additionalDirectives]
+    const allowedDirectivesString = createDirectiveList(allowedDirectives)
+
     /**
      * Check if the given element has display control.
      * @param {VElement} element The element node to check.
@@ -59,14 +98,18 @@ module.exports = {
 
       if (
         element.name !== 'slot' &&
-        !utils.hasDirective(element, 'if') &&
-        !utils.hasDirective(element, 'show') &&
+        !allowedDirectives.some((directive) =>
+          utils.hasDirective(element, directive)
+        ) &&
         !utils.hasDirective(element, 'bind', 'key')
       ) {
         context.report({
           node: element.startTag,
           loc: element.startTag.loc,
-          messageId: 'expected'
+          messageId: 'expected',
+          data: {
+            allowedDirectives: allowedDirectivesString
+          }
         })
       }
     }
diff --git a/tests/lib/rules/require-toggle-inside-transition.js b/tests/lib/rules/require-toggle-inside-transition.js
index d40ad4748..cdd48c493 100644
--- a/tests/lib/rules/require-toggle-inside-transition.js
+++ b/tests/lib/rules/require-toggle-inside-transition.js
@@ -77,6 +77,15 @@ tester.run('require-toggle-inside-transition', rule, {
     {
       filename: 'test.vue',
       code: '<template><transition :appear="true"><div /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><dialog v-dialog="show" /></transition></template>',
+      options: [
+        {
+          additionalDirectives: ['dialog']
+        }
+      ]
     }
   ],
   invalid: [
@@ -132,6 +141,36 @@ tester.run('require-toggle-inside-transition', rule, {
       filename: 'test.vue',
       code: '<template><transition @appear="isLoaded"><div /></transition></template>',
       errors: [{ messageId: 'expected' }]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><dialog v-dialog="show" /></transition></template>',
+      options: [
+        {
+          additionalDirectives: []
+        }
+      ],
+      errors: [
+        {
+          messageId: 'expected',
+          data: { allowedDirectives: '`v-if` or `v-show`' }
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition><div v-custom="show" /></transition></template>',
+      options: [
+        {
+          additionalDirectives: ['dialog']
+        }
+      ],
+      errors: [
+        {
+          messageId: 'expected',
+          data: { allowedDirectives: '`v-if`, `v-show` or `v-dialog`' }
+        }
+      ]
     }
   ]
 })

From d77fbf7a05f3a95085ddbfeec3eaee576e35ecd7 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 3 Sep 2024 11:30:11 +0900
Subject: [PATCH 0769/1010] 9.28.0

---
 docs/rules/index.md                  | 4 ++--
 docs/rules/key-spacing.md            | 4 ++--
 docs/rules/max-props.md              | 7 +++++--
 docs/rules/max-template-depth.md     | 7 +++++--
 docs/rules/quote-props.md            | 4 ++--
 docs/rules/require-default-export.md | 7 +++++--
 package.json                         | 2 +-
 7 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 9624111c6..46e0abaa3 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -311,7 +311,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/dot-notation](./dot-notation.md) | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
 | [vue/eqeqeq](./eqeqeq.md) | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
 | [vue/func-call-spacing](./func-call-spacing.md) | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
-| [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
+| [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>` | :wrench: | :lipstick: |
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
 | [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
@@ -330,7 +330,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/object-shorthand](./object-shorthand.md) | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
 | [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
 | [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
-| [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :lipstick: |
+| [vue/quote-props](./quote-props.md) | Require quotes around object literal, type literal, interfaces and enums property names in `<template>` | :wrench: | :lipstick: |
 | [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
 | [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
 | [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 679b26c9c..bad77240f 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/key-spacing
-description: Enforce consistent spacing between keys and values in object literal properties in `<template>`
+description: Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>`
 since: v5.2.0
 ---
 
 # vue/key-spacing
 
-> Enforce consistent spacing between keys and values in object literal properties in `<template>`
+> Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/max-props.md b/docs/rules/max-props.md
index b69796607..918c67294 100644
--- a/docs/rules/max-props.md
+++ b/docs/rules/max-props.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/max-props
 description: enforce maximum number of props in Vue component
+since: v9.28.0
 ---
 
 # vue/max-props
 
 > enforce maximum number of props in Vue component
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule enforces a maximum number of props in a Vue SFC, in order to aid in maintainability and reduce complexity.
@@ -56,6 +55,10 @@ defineProps({
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.28.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-props.js)
diff --git a/docs/rules/max-template-depth.md b/docs/rules/max-template-depth.md
index 94bd8b5ec..42ee4da88 100644
--- a/docs/rules/max-template-depth.md
+++ b/docs/rules/max-template-depth.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/max-template-depth
 description: enforce maximum depth of template
+since: v9.28.0
 ---
 
 # vue/max-template-depth
 
 > enforce maximum depth of template
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule enforces a maximum depth of the template in a Vue SFC, in order to aid in maintainability and reduce complexity.
@@ -61,6 +60,10 @@ There is one property that can be specified for the object.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.28.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/max-template-depth.js)
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index d568a952b..4d2b62d03 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/quote-props
-description: Require quotes around object literal property names in `<template>`
+description: Require quotes around object literal, type literal, interfaces and enums property names in `<template>`
 since: v8.4.0
 ---
 
 # vue/quote-props
 
-> Require quotes around object literal property names in `<template>`
+> Require quotes around object literal, type literal, interfaces and enums property names in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/require-default-export.md b/docs/rules/require-default-export.md
index 1760c25fa..9266eee89 100644
--- a/docs/rules/require-default-export.md
+++ b/docs/rules/require-default-export.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-default-export
 description: require components to be the default export
+since: v9.28.0
 ---
 
 # vue/require-default-export
 
 > require components to be the default export
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule reports when a Vue component does not have a default export, if the component is not defined as `<script setup>`.
@@ -51,6 +50,10 @@ Nothing.
 
 - [vue/one-component-per-file](./one-component-per-file.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.28.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-default-export.js)
diff --git a/package.json b/package.json
index 153ebe94f..a10ad6b01 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.27.0",
+  "version": "9.28.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {

From dfdbe1abc7144fa35d9f47463da5e9b56351d536 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Thu, 12 Sep 2024 19:18:29 +0800
Subject: [PATCH 0770/1010] feat: add no-deprecated-delete-set rule (#2540)

---
 docs/rules/index.md                         |   1 +
 docs/rules/no-deprecated-delete-set.md      |  52 +++
 lib/index.js                                |   1 +
 lib/rules/no-deprecated-delete-set.js       | 132 +++++++
 tests/lib/rules/no-deprecated-delete-set.js | 379 ++++++++++++++++++++
 5 files changed, 565 insertions(+)
 create mode 100644 docs/rules/no-deprecated-delete-set.md
 create mode 100644 lib/rules/no-deprecated-delete-set.js
 create mode 100644 tests/lib/rules/no-deprecated-delete-set.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 46e0abaa3..1ba5978d2 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -229,6 +229,7 @@ For example:
 | [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults |  | :hammer: |
+| [vue/no-deprecated-delete-set](./no-deprecated-delete-set.md) | disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+) |  | :warning: |
 | [vue/no-deprecated-model-definition](./no-deprecated-model-definition.md) | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
diff --git a/docs/rules/no-deprecated-delete-set.md b/docs/rules/no-deprecated-delete-set.md
new file mode 100644
index 000000000..6bd4ed829
--- /dev/null
+++ b/docs/rules/no-deprecated-delete-set.md
@@ -0,0 +1,52 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-deprecated-delete-set
+description: disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)
+---
+
+# vue/no-deprecated-delete-set
+
+> disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule reports use of deprecated `$delete` and `$set`. (in Vue.js 3.0.0+).
+
+<eslint-code-block :rules="{'vue/no-deprecated-delete-set': ['error']}">
+
+```vue
+<script>
+  import { set, del } from 'vue'
+  export default {
+    mounted () {
+      /* ✗ BAD */
+      this.$set(obj, key, value)
+      this.$delete(obj, key)
+
+      Vue.set(obj, key, value)
+      Vue.delete(obj, key)
+
+      set(obj, key, value)
+      del(obj, key)
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [Migration Guide - Removed APIs](https://v3-migration.vuejs.org/breaking-changes/#removed-apis)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-delete-set.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-deprecated-delete-set.js)
diff --git a/lib/index.js b/lib/index.js
index 6dbe5107b..bb4abf40f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -97,6 +97,7 @@ const plugin = {
     'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
+    'no-deprecated-delete-set': require('./rules/no-deprecated-delete-set'),
     'no-deprecated-destroyed-lifecycle': require('./rules/no-deprecated-destroyed-lifecycle'),
     'no-deprecated-dollar-listeners-api': require('./rules/no-deprecated-dollar-listeners-api'),
     'no-deprecated-dollar-scopedslots-api': require('./rules/no-deprecated-dollar-scopedslots-api'),
diff --git a/lib/rules/no-deprecated-delete-set.js b/lib/rules/no-deprecated-delete-set.js
new file mode 100644
index 000000000..305dacf91
--- /dev/null
+++ b/lib/rules/no-deprecated-delete-set.js
@@ -0,0 +1,132 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const { ReferenceTracker } = require('@eslint-community/eslint-utils')
+
+/**
+ * @typedef {import('@eslint-community/eslint-utils').TYPES.TraceMap} TraceMap
+ */
+
+/** @type {TraceMap} */
+const deletedImportApisMap = {
+  set: {
+    [ReferenceTracker.CALL]: true
+  },
+  del: {
+    [ReferenceTracker.CALL]: true
+  }
+}
+const deprecatedApis = new Set(['set', 'delete'])
+const deprecatedDollarApis = new Set(['$set', '$delete'])
+
+/**
+ * @param {Expression|Super} node
+ */
+function isVue(node) {
+  return node.type === 'Identifier' && node.name === 'Vue'
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-deprecated-delete-set.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      deprecated: 'The `$delete`, `$set` is deprecated.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /**
+     * @param {Identifier} identifier
+     * @param {RuleContext} context
+     * @returns {CallExpression|undefined}
+     */
+    function getVueDeprecatedCallExpression(identifier, context) {
+      // Instance API: this.$set()
+      if (
+        deprecatedDollarApis.has(identifier.name) &&
+        identifier.parent.type === 'MemberExpression' &&
+        utils.isThis(identifier.parent.object, context) &&
+        identifier.parent.parent.type === 'CallExpression' &&
+        identifier.parent.parent.callee === identifier.parent
+      ) {
+        return identifier.parent.parent
+      }
+
+      // Vue 2 Global API: Vue.set()
+      if (
+        deprecatedApis.has(identifier.name) &&
+        identifier.parent.type === 'MemberExpression' &&
+        isVue(identifier.parent.object) &&
+        identifier.parent.parent.type === 'CallExpression' &&
+        identifier.parent.parent.callee === identifier.parent
+      ) {
+        return identifier.parent.parent
+      }
+
+      return undefined
+    }
+
+    const nodeVisitor = {
+      /** @param {Identifier} node */
+      Identifier(node) {
+        const callExpression = getVueDeprecatedCallExpression(node, context)
+        if (!callExpression) {
+          return
+        }
+
+        context.report({
+          node,
+          messageId: 'deprecated'
+        })
+      }
+    }
+
+    return utils.compositingVisitors(
+      utils.defineVueVisitor(context, nodeVisitor),
+      utils.defineScriptSetupVisitor(context, nodeVisitor),
+      {
+        /** @param {Program} node */
+        Program(node) {
+          const tracker = new ReferenceTracker(utils.getScope(context, node))
+
+          // import { set } from 'vue'; set()
+          const esmTraceMap = {
+            vue: {
+              [ReferenceTracker.ESM]: true,
+              ...deletedImportApisMap
+            }
+          }
+          // const { set } = require('vue'); set()
+          const cjsTraceMap = {
+            vue: {
+              ...deletedImportApisMap
+            }
+          }
+
+          for (const { node } of [
+            ...tracker.iterateEsmReferences(esmTraceMap),
+            ...tracker.iterateCjsReferences(cjsTraceMap)
+          ]) {
+            const refNode = /** @type {CallExpression} */ (node)
+            context.report({
+              node: refNode.callee,
+              messageId: 'deprecated'
+            })
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/no-deprecated-delete-set.js b/tests/lib/rules/no-deprecated-delete-set.js
new file mode 100644
index 000000000..a38b6ecea
--- /dev/null
+++ b/tests/lib/rules/no-deprecated-delete-set.js
@@ -0,0 +1,379 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/no-deprecated-delete-set')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    globals: {
+      require: 'readonly'
+    }
+  }
+})
+
+tester.run('no-deprecated-delete-set', rule, {
+  valid: [
+    {
+      filename: 'test.js',
+      code: `
+        const another = function () {
+          this.$set(obj, key, value)
+          this.$delete(obj, key)
+        }
+
+        createApp({
+          mounted () {
+            this.$emit('start')
+          },
+          methods: {
+            click () {
+              this.$emit('click')
+            }
+          }
+        })
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            mounted () {
+              this.$nextTick()
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            mounted () {
+              a(this.$set)
+              a(this.$delete)
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+        function set(obj, key, value) {}
+        function del(obj, key) {}
+        export default {
+          mounted () {
+            set(obj, key, value)
+            del(obj, key)
+          }
+        }
+        </script>
+      `
+    },
+    // from vue
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            Vue.nextTick()
+          }
+        })
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          import { nextTick as nt, provide } from 'vue'
+          export default {
+            mounted () {
+              nt()
+              provide(key, value)
+            }
+          }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          const { nextTick: set, provide: del } = require('vue')
+          export default {
+            mounted () {
+              set()
+              del(key, value)
+            }
+          }
+        </script>
+      `
+    }
+  ],
+
+  invalid: [
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            this.$set(obj, key, value)
+            this.$delete(obj, key)
+          }
+        })
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 4
+        },
+        {
+          messageId: 'deprecated',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            const vm = this
+            vm.$set(obj, key, value)
+            vm.$delete(obj, key)
+          }
+        })
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 5
+        },
+        {
+          messageId: 'deprecated',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            this?.$set(obj, key, value)
+            this?.$delete(obj, key)
+          }
+        })
+      `,
+      errors: [
+        { messageId: 'deprecated', line: 4 },
+        { messageId: 'deprecated', line: 5 }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            mounted () {
+              this.$set(obj, key, value)
+              this.$delete(obj, key)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        { messageId: 'deprecated', line: 5 },
+        { messageId: 'deprecated', line: 6 }
+      ]
+    },
+    // from vue
+    {
+      filename: 'test.js',
+      code: `
+        app.component('some-comp', {
+          mounted () {
+            Vue.set(obj, key, value)
+            Vue.delete(obj, key)
+          }
+        })
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 4
+        },
+        {
+          messageId: 'deprecated',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          import { set, del } from 'vue'
+          export default {
+            mounted () {
+              set(obj, key, value)
+              del(obj, key)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 6
+        },
+        {
+          messageId: 'deprecated',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import { set, del } from 'vue'
+
+          set(obj, key, value)
+          del(obj, key)
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 5
+        },
+        {
+          messageId: 'deprecated',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import { set as s, del as d } from 'vue'
+
+          s(obj, key, value)
+          d(obj, key)
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 5
+        },
+        {
+          messageId: 'deprecated',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          const { set, del } = require('vue')
+          export default {
+            mounted () {
+              set(obj, key, value)
+              del(obj, key)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 6
+        },
+        {
+          messageId: 'deprecated',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          const { set: s, del: d } = require('vue')
+          export default {
+            mounted () {
+              s(obj, key, value)
+              d(obj, key)
+            }
+          }
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 6
+        },
+        {
+          messageId: 'deprecated',
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const { set, del } = require('vue')
+
+          set(obj, key, value)
+          del(obj, key)
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 5
+        },
+        {
+          messageId: 'deprecated',
+          line: 6
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const v = require('vue')
+
+          v.set(obj, key, value)
+          v.del(obj, key)
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'deprecated',
+          line: 5
+        },
+        {
+          messageId: 'deprecated',
+          line: 6
+        }
+      ]
+    }
+  ]
+})

From c27837d351492e322736185a0a99448f32860b31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B1=B1=E5=90=B9=E8=89=B2=E5=BE=A1=E5=AE=88?=
 <85992002+KazariEX@users.noreply.github.com>
Date: Thu, 12 Sep 2024 19:19:36 +0800
Subject: [PATCH 0771/1010] feat(no-unused-refs): support template ref api
 (#2541)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-unused-refs.js       | 13 +++++++++++++
 tests/lib/rules/no-unused-refs.js | 14 ++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
index 9033d9c2e..79d82a39d 100644
--- a/lib/rules/no-unused-refs.js
+++ b/lib/rules/no-unused-refs.js
@@ -233,6 +233,19 @@ module.exports = {
               refsNode = id.parent
             }
             extractUsedForPattern(refsNode)
+          },
+          CallExpression(callExpression) {
+            const firstArgument = callExpression.arguments[0]
+            if (
+              callExpression.callee.name !== 'useTemplateRef' ||
+              !firstArgument
+            ) {
+              return
+            }
+            const name = utils.getStringLiteralValue(firstArgument)
+            if (name !== null) {
+              usedRefs.add(name)
+            }
           }
         }
       )
diff --git a/tests/lib/rules/no-unused-refs.js b/tests/lib/rules/no-unused-refs.js
index 7e092ee87..a4407a608 100644
--- a/tests/lib/rules/no-unused-refs.js
+++ b/tests/lib/rules/no-unused-refs.js
@@ -315,6 +315,20 @@ tester.run('no-unused-refs', rule, {
       const x = ref(null)
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+        <input ref="y" />
+      </template>
+      <script setup>
+      import {useTemplateRef} from 'vue'
+      const inputX = useTemplateRef('x')
+      const inputY = useTemplateRef(\`y\`)
+      </script>
+      `
     }
   ],
 

From 3157fad6900edea42d77a6867f9ff6bfa18e6e96 Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Thu, 12 Sep 2024 13:21:42 +0200
Subject: [PATCH 0772/1010] Add TypeScript declarations for configs (#2528)

---
 lib/index.d.ts | 43 +++++++++++++++++++++++++++++++++++++++++++
 package.json   |  1 +
 2 files changed, 44 insertions(+)
 create mode 100644 lib/index.d.ts

diff --git a/lib/index.d.ts b/lib/index.d.ts
new file mode 100644
index 000000000..22b1fbc6f
--- /dev/null
+++ b/lib/index.d.ts
@@ -0,0 +1,43 @@
+type ConfigName =
+  | "base"
+  | "essential"
+  | "no-layout-rules"
+  | "recommended"
+  | "strongly-recommended"
+  | "vue3-essential"
+  | "vue3-recommended"
+  | "vue3-strongly-recommended"
+  | "flat/base"
+  | "flat/vue2-essential"
+  | "flat/vue2-recommended"
+  | "flat/vue2-strongly-recommended"
+  | "flat/essential"
+  | "flat/recommended"
+  | "flat/strongly-recommended"
+
+declare const vue: {
+  meta: any
+  configs: {
+    [name in keyof ConfigName]: any
+  }
+  rules: Record<string, any>
+  processors: {
+    ".vue": any
+    vue: any
+  }
+  environments: {
+    /**
+     * @deprecated
+     */
+    "setup-compiler-macros": {
+      globals: {
+        defineProps: "readonly"
+        defineEmits: "readonly"
+        defineExpose: "readonly"
+        withDefaults: "readonly"
+      }
+    }
+  }
+}
+
+export = vue
diff --git a/package.json b/package.json
index a10ad6b01..6ffc88fb6 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "version": "9.28.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "new": "node tools/new-rule.js",
     "start": "npm run test:base -- --watch --growl",

From 8b877f72264b8841c081f53a259bb2eb801ca80e Mon Sep 17 00:00:00 2001
From: Marc Farias Jones <110843836+marcjfj-vmlyr@users.noreply.github.com>
Date: Thu, 12 Sep 2024 04:25:56 -0700
Subject: [PATCH 0773/1010] Vuex and Pinia support for `no-undef-properties`
 (#2513)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-undef-properties.js       |  53 ++-
 tests/lib/rules/no-undef-properties.js | 556 +++++++++++++++++++++++++
 2 files changed, 608 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 29fbb714b..711c2ed22 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -111,6 +111,11 @@ module.exports = {
     ).map(toRegExp)
     const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
     const programNode = context.getSourceCode().ast
+    /**
+     * Property names identified as defined via a Vuex or Pinia helpers
+     * @type {Set<string>}
+     */
+    const propertiesDefinedByStoreHelpers = new Set()
 
     /**
      * @param {ASTNode} node
@@ -185,7 +190,8 @@ module.exports = {
       report(node, name, messageId = 'undef') {
         if (
           reserved.includes(name) ||
-          ignores.some((ignore) => ignore.test(name))
+          ignores.some((ignore) => ignore.test(name)) ||
+          propertiesDefinedByStoreHelpers.has(name)
         ) {
           return
         }
@@ -331,6 +337,51 @@ module.exports = {
         }
       }),
       utils.defineVueVisitor(context, {
+        /**
+         * @param {CallExpression} node
+         */
+        CallExpression(node) {
+          if (node.callee.type !== 'Identifier') return
+          /** @type {'methods'|'computed'|null} */
+          let groupName = null
+          if (/^mapMutations|mapActions$/u.test(node.callee.name)) {
+            groupName = GROUP_METHODS
+          } else if (
+            /^mapState|mapGetters|mapWritableState$/u.test(node.callee.name)
+          ) {
+            groupName = GROUP_COMPUTED_PROPERTY
+          }
+
+          if (!groupName || node.arguments.length === 0) return
+          // On Pinia the store is always the first argument
+          const arg =
+            node.arguments.length === 2 ? node.arguments[1] : node.arguments[0]
+          if (arg.type === 'ObjectExpression') {
+            // e.g.
+            // `mapMutations({ add: 'increment' })`
+            // `mapState({ count: state => state.todosCount })`
+            for (const prop of arg.properties) {
+              const name =
+                prop.type === 'SpreadElement'
+                  ? null
+                  : utils.getStaticPropertyName(prop)
+              if (name) {
+                propertiesDefinedByStoreHelpers.add(name)
+              }
+            }
+          } else if (arg.type === 'ArrayExpression') {
+            // e.g. `mapMutations(['add'])`
+            for (const element of arg.elements) {
+              if (!element || !utils.isStringLiteral(element)) {
+                continue
+              }
+              const name = utils.getStringLiteralValue(element)
+              if (name) {
+                propertiesDefinedByStoreHelpers.add(name)
+              }
+            }
+          }
+        },
         onVueObjectEnter(node) {
           const ctx = getVueComponentContext(node)
 
diff --git a/tests/lib/rules/no-undef-properties.js b/tests/lib/rules/no-undef-properties.js
index 83812a248..63313b4b0 100644
--- a/tests/lib/rules/no-undef-properties.js
+++ b/tests/lib/rules/no-undef-properties.js
@@ -561,7 +561,248 @@ tester.run('no-undef-properties', rule, {
         }
       }
     },
+    {
+      // Vuex
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapState } from 'vuex';
+
+      export default {
+        computed: {
+          ...mapState({
+            a: (vm) => vm.a,
+            b: (vm) => vm.b,
+          })
+        },
+        methods: {
+          c() {return this.a * this.b}
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapActions } from 'vuex';
+
+      export default {
+          methods: {
+          ...mapActions({
+            a: 'a',
+            b: 'b',
+          }),
+          c() {return this.a()},
+          d() {return this.b()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapMutations } from 'vuex';
+
+      export default {
+          methods: {
+          ...mapMutations({
+            a: 'a',
+            b: 'b',
+          }),
+          c() {return this.a()},
+          d() {return this.b()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapActions } from 'vuex';
+
+      export default {
+          methods: {
+          ...mapActions(['a', 'b']),
+          c() {return this.a()},
+          d() {return this.b()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapMutations } from 'vuex';
+
+      export default {
+        methods: {
+          ...mapMutations(['a', 'b']),
+          c() {return this.a()},
+          d() {return this.b()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapGetters } from 'vuex';
+
+      export default {
+        computed: {
+          ...mapGetters(['a', 'b'])
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      // Pinia
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapGetters } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapGetters(useStore, ['a', 'b'])
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapState } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapState(useStore, {
+            a: 'a',
+            b: store => store.b,
+          })
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapWritableState } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapWritableState(useStore, {
+            a: 'a',
+            b: 'b',
+          })
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapWritableState } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapWritableState(useStore, ['a', 'b'])
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapActions } from 'pinia'
+      import { useStore } from '../store'
 
+      export default {
+          methods: {
+          ...mapActions(useStore, ['a', 'b']),
+          c() {return this.a()},
+          d() {return this.b()},
+        }
+      }
+      </script>
+      <template>
+      {{ a() }} {{ b() }}
+      </template>
+      `
+    },
     `
     <script setup>
     const model = defineModel();
@@ -1214,6 +1455,321 @@ tester.run('no-undef-properties', rule, {
           line: 14
         }
       ]
+    },
+    {
+      // Vuex
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapState } from 'vuex';
+
+      export default {
+        computed: {
+          ...mapState({
+            a: (vm) => vm.a,
+            b: (vm) => vm.b,
+          })
+        },
+        methods: {
+          c() {return this.a * this.g}
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }} {{ c }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'g' is not defined.",
+          line: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapActions } from 'vuex';
+
+      export default {
+          methods: {
+          ...mapActions({
+            a: 'a',
+            b: 'b',
+          }),
+          c() {return this.a()},
+          d() {return this.f()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'f' is not defined.",
+          line: 12
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapMutations } from 'vuex';
+
+      export default {
+          methods: {
+          ...mapMutations({
+            a: 'a',
+            b: 'b',
+          }),
+          c() {return this.a()},
+          d() {return this.b()},
+          d() {return this.x()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'x' is not defined.",
+          line: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapActions } from 'vuex';
+
+      export default {
+          methods: {
+          ...mapActions(['a', 'b']),
+          c() {return this.a()},
+          d() {return this.b()},
+          d() {return this.f()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'f' is not defined.",
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapMutations } from 'vuex';
+
+      export default {
+        methods: {
+          ...mapMutations(['a', 'b']),
+          c() {return this.a()},
+          d() {return this.b()},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }} {{ q }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'q' is not defined.",
+          line: 14
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapGetters } from 'vuex';
+
+      export default {
+        computed: {
+          ...mapGetters(['a', 'b'])
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+          d() {return this.z},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'z' is not defined.",
+          line: 12
+        }
+      ]
+    },
+    {
+      // Pinia
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapGetters } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapGetters(useStore, ['a', 'b'])
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+          d() {return this.z},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'z' is not defined.",
+          line: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapState } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapState(useStore, {
+            a: 'a',
+            b: store => store.b,
+          })
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }} {{ q }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'q' is not defined.",
+          line: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapWritableState } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapWritableState(useStore, {
+            a: 'a',
+            b: 'b',
+          })
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+          d() {return this.z},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'z' is not defined.",
+          line: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapWritableState } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+        computed: {
+          ...mapWritableState(useStore, ['a', 'b'])
+        },
+        methods: {
+          c() {return this.a},
+          d() {return this.b},
+          d() {return this.z},
+        }
+      }
+      </script>
+      <template>
+      {{ a }} {{ b }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'z' is not defined.",
+          line: 13
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { mapActions } from 'pinia'
+      import { useStore } from '../store'
+
+      export default {
+          methods: {
+          ...mapActions(useStore, ['a', 'b']),
+          c() {return this.a()},
+          d() {return this.b()},
+          d() {return this.x()},
+        }
+      }
+      </script>
+      <template>
+      {{ a() }} {{ b() }}
+      </template>
+      `,
+      errors: [
+        {
+          message: "'x' is not defined.",
+          line: 11
+        }
+      ]
     }
   ]
 })

From 05b75592d63be3edce0bb10382145b6d282e57f1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 Sep 2024 10:43:34 +0900
Subject: [PATCH 0774/1010] Add support for props destructure to
 `vue/require-valid-default-prop` rule (#2551)

---
 lib/rules/require-valid-default-prop.js       | 107 ++++++++++--------
 lib/utils/index.js                            |  84 ++++++++++++++
 tests/lib/rules/require-valid-default-prop.js |  69 ++++++++++-
 3 files changed, 209 insertions(+), 51 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index ddae351ec..ca834d620 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -250,30 +250,38 @@ module.exports = {
     }
 
     /**
-     * @param {(ComponentObjectDefineProp | ComponentTypeProp | ComponentInferTypeProp)[]} props
-     * @param { { [key: string]: Expression | undefined } } withDefaults
+     * @param {(ComponentObjectProp | ComponentTypeProp | ComponentInferTypeProp)[]} props
+     * @param {(propName: string) => Expression[]} otherDefaultProvider
      */
-    function processPropDefs(props, withDefaults) {
+    function processPropDefs(props, otherDefaultProvider) {
       /** @type {PropDefaultFunctionContext[]} */
       const propContexts = []
       for (const prop of props) {
         let typeList
-        let defExpr
+        /** @type {Expression[]} */
+        const defExprList = []
         if (prop.type === 'object') {
-          const type = getPropertyNode(prop.value, 'type')
-          if (!type) continue
+          if (prop.value.type === 'ObjectExpression') {
+            const type = getPropertyNode(prop.value, 'type')
+            if (!type) continue
 
-          typeList = getTypes(type.value)
+            typeList = getTypes(type.value)
 
-          const def = getPropertyNode(prop.value, 'default')
-          if (!def) continue
+            const def = getPropertyNode(prop.value, 'default')
+            if (!def) continue
 
-          defExpr = def.value
+            defExprList.push(def.value)
+          } else {
+            typeList = getTypes(prop.value)
+          }
         } else {
           typeList = prop.types
-          defExpr = withDefaults[prop.propName]
         }
-        if (!defExpr) continue
+        if (prop.propName != null) {
+          defExprList.push(...otherDefaultProvider(prop.propName))
+        }
+
+        if (defExprList.length === 0) continue
 
         const typeNames = new Set(
           typeList.filter((item) => NATIVE_TYPES.has(item))
@@ -281,40 +289,42 @@ module.exports = {
         // There is no native types detected
         if (typeNames.size === 0) continue
 
-        const defType = getValueType(defExpr)
+        for (const defExpr of defExprList) {
+          const defType = getValueType(defExpr)
 
-        if (!defType) continue
+          if (!defType) continue
 
-        if (defType.function) {
-          if (typeNames.has('Function')) {
-            continue
-          }
-          if (defType.expression) {
-            if (!defType.returnType || typeNames.has(defType.returnType)) {
+          if (defType.function) {
+            if (typeNames.has('Function')) {
               continue
             }
-            report(defType.functionBody, prop, typeNames)
+            if (defType.expression) {
+              if (!defType.returnType || typeNames.has(defType.returnType)) {
+                continue
+              }
+              report(defType.functionBody, prop, typeNames)
+            } else {
+              propContexts.push({
+                prop,
+                types: typeNames,
+                default: defType
+              })
+            }
           } else {
-            propContexts.push({
+            if (
+              typeNames.has(defType.type) &&
+              !FUNCTION_VALUE_TYPES.has(defType.type)
+            ) {
+              continue
+            }
+            report(
+              defExpr,
               prop,
-              types: typeNames,
-              default: defType
-            })
-          }
-        } else {
-          if (
-            typeNames.has(defType.type) &&
-            !FUNCTION_VALUE_TYPES.has(defType.type)
-          ) {
-            continue
-          }
-          report(
-            defExpr,
-            prop,
-            [...typeNames].map((type) =>
-              FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
+              [...typeNames].map((type) =>
+                FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
+              )
             )
-          )
+          }
         }
       }
       return propContexts
@@ -364,7 +374,7 @@ module.exports = {
                 prop.type === 'object' && prop.value.type === 'ObjectExpression'
               )
           )
-          const propContexts = processPropDefs(props, {})
+          const propContexts = processPropDefs(props, () => [])
           vueObjectPropsContexts.set(obj, propContexts)
         },
         /**
@@ -402,18 +412,25 @@ module.exports = {
           const props = baseProps.filter(
             /**
              * @param {ComponentProp} prop
-             * @returns {prop is ComponentObjectDefineProp | ComponentInferTypeProp | ComponentTypeProp}
+             * @returns {prop is ComponentObjectProp | ComponentInferTypeProp | ComponentTypeProp}
              */
             (prop) =>
               Boolean(
                 prop.type === 'type' ||
                   prop.type === 'infer-type' ||
-                  (prop.type === 'object' &&
-                    prop.value.type === 'ObjectExpression')
+                  prop.type === 'object'
               )
           )
-          const defaults = utils.getWithDefaultsPropExpressions(node)
-          const propContexts = processPropDefs(props, defaults)
+          const defaultsByWithDefaults =
+            utils.getWithDefaultsPropExpressions(node)
+          const defaultsByAssignmentPatterns =
+            utils.getDefaultPropExpressionsForPropsDestructure(node)
+          const propContexts = processPropDefs(props, (propName) =>
+            [
+              defaultsByWithDefaults[propName],
+              defaultsByAssignmentPatterns[propName]?.expression
+            ].filter(utils.isDef)
+          )
           scriptSetupPropsContexts.push({ node, props: propContexts })
         },
         /**
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 9671c00d4..c31f2d6af 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1537,6 +1537,28 @@ module.exports = {
    * @returns { { [key: string]: Property | undefined } }
    */
   getWithDefaultsProps,
+  /**
+   * Gets the default definition nodes for defineProp
+   * using the props destructure with assignment pattern.
+   * @param {CallExpression} node The node of defineProps
+   * @returns { Record<string, {prop: AssignmentProperty , expression: Expression} | undefined> }
+   */
+  getDefaultPropExpressionsForPropsDestructure,
+  /**
+   * Checks whether the given defineProps node is using Props Destructure.
+   * @param {CallExpression} node The node of defineProps
+   * @returns {boolean}
+   */
+  isUsingPropsDestructure(node) {
+    const left = getLeftOfDefineProps(node)
+    return left?.type === 'ObjectPattern'
+  },
+  /**
+   * Gets the props destructure property nodes for defineProp.
+   * @param {CallExpression} node The node of defineProps
+   * @returns { Record<string, AssignmentProperty | undefined> }
+   */
+  getPropsDestructure,
 
   getVueObjectType,
   /**
@@ -3144,6 +3166,68 @@ function getWithDefaultsProps(node) {
   return result
 }
 
+/**
+ * Gets the props destructure property nodes for defineProp.
+ * @param {CallExpression} node The node of defineProps
+ * @returns { Record<string, AssignmentProperty | undefined> }
+ */
+function getPropsDestructure(node) {
+  /** @type {ReturnType<typeof getPropsDestructure>} */
+  const result = Object.create(null)
+  const left = getLeftOfDefineProps(node)
+  if (!left || left.type !== 'ObjectPattern') {
+    return result
+  }
+  for (const prop of left.properties) {
+    if (prop.type !== 'Property') continue
+    const name = getStaticPropertyName(prop)
+    if (name != null) {
+      result[name] = prop
+    }
+  }
+  return result
+}
+
+/**
+ * Gets the default definition nodes for defineProp
+ * using the props destructure with assignment pattern.
+ * @param {CallExpression} node The node of defineProps
+ * @returns { Record<string, {prop: AssignmentProperty , expression: Expression} | undefined> }
+ */
+function getDefaultPropExpressionsForPropsDestructure(node) {
+  /** @type {ReturnType<typeof getDefaultPropExpressionsForPropsDestructure>} */
+  const result = Object.create(null)
+  for (const [name, prop] of Object.entries(getPropsDestructure(node))) {
+    if (!prop) continue
+    const value = prop.value
+    if (value.type !== 'AssignmentPattern') continue
+    result[name] = { prop, expression: value.right }
+  }
+  return result
+}
+
+/**
+ * Gets the pattern of the left operand of defineProps.
+ * @param {CallExpression} node The node of defineProps
+ * @returns {Pattern | null} The pattern of the left operand of defineProps
+ */
+function getLeftOfDefineProps(node) {
+  let target = node
+  if (hasWithDefaults(target)) {
+    target = target.parent
+  }
+  if (!target.parent) {
+    return null
+  }
+  if (
+    target.parent.type === 'VariableDeclarator' &&
+    target.parent.init === target
+  ) {
+    return target.parent.id
+  }
+  return null
+}
+
 /**
  * Get all props from component options object.
  * @param {ObjectExpression} componentObject Object with component definition
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index c9e506a4a..0f4fd1902 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -223,8 +223,7 @@ ruleTester.run('require-valid-default-prop', rule, {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      },
-      errors: errorMessage('function')
+      }
     },
     {
       filename: 'test.vue',
@@ -241,8 +240,7 @@ ruleTester.run('require-valid-default-prop', rule, {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      },
-      errors: errorMessage('function')
+      }
     },
     {
       filename: 'test.vue',
@@ -259,8 +257,7 @@ ruleTester.run('require-valid-default-prop', rule, {
         parser: require('@typescript-eslint/parser'),
         ecmaVersion: 6,
         sourceType: 'module'
-      },
-      errors: errorMessage('function')
+      }
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1853
@@ -304,6 +301,21 @@ ruleTester.run('require-valid-default-prop', rule, {
       })
       </script>`,
       ...getTypeScriptFixtureTestOptions()
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = 'abc' } = defineProps({
+          foo: {
+            type: String,
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      }
     }
   ],
 
@@ -1041,6 +1053,51 @@ ruleTester.run('require-valid-default-prop', rule, {
         }
       ],
       ...getTypeScriptFixtureTestOptions()
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = 123 } = defineProps({
+          foo: String
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = 123 } = defineProps({
+          foo: {
+            type: String,
+            default: 123
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 3
+        },
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 6
+        }
+      ]
     }
   ]
 })

From 4704ab60fbd7af7b61c45c8be23d0eabc66a7b21 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 Sep 2024 10:44:00 +0900
Subject: [PATCH 0775/1010] Add support for props destructure to
 `vue/require-default-prop` rule (#2552)

---
 lib/rules/require-default-prop.js       | 67 ++++++++++++++-------
 tests/lib/rules/require-default-prop.js | 79 ++++++++++++++++++++++++-
 2 files changed, 124 insertions(+), 22 deletions(-)

diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index 313574a14..b5d2564e8 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -7,6 +7,7 @@
 /**
  * @typedef {import('../utils').ComponentProp} ComponentProp
  * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
+ * @typedef {import('../utils').ComponentTypeProp} ComponentTypeProp
  * @typedef {ComponentObjectProp & { value: ObjectExpression} } ComponentObjectPropObject
  */
 
@@ -137,18 +138,23 @@ module.exports = {
 
     /**
      * @param {ComponentProp[]} props
-     * @param {boolean} [withDefaults]
-     * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
+     * @param {(prop: ComponentObjectProp|ComponentTypeProp)=>boolean} [ignore]
      */
-    function processProps(props, withDefaults, withDefaultsExpressions) {
+    function processProps(props, ignore) {
       for (const prop of props) {
-        if (prop.type === 'object' && !prop.node.shorthand) {
+        if (prop.type === 'object') {
+          if (prop.node.shorthand) {
+            continue
+          }
           if (!isWithoutDefaultValue(prop)) {
             continue
           }
           if (isBooleanProp(prop)) {
             continue
           }
+          if (ignore?.(prop)) {
+            continue
+          }
           const propName =
             prop.propName == null
               ? `[${context.getSourceCode().getText(prop.node.key)}]`
@@ -161,26 +167,23 @@ module.exports = {
               propName
             }
           })
-        } else if (
-          prop.type === 'type' &&
-          withDefaults &&
-          withDefaultsExpressions
-        ) {
+        } else if (prop.type === 'type') {
           if (prop.required) {
             continue
           }
           if (prop.types.length === 1 && prop.types[0] === 'Boolean') {
             continue
           }
-          if (!withDefaultsExpressions[prop.propName]) {
-            context.report({
-              node: prop.node,
-              messageId: `missingDefault`,
-              data: {
-                propName: prop.propName
-              }
-            })
+          if (ignore?.(prop)) {
+            continue
           }
+          context.report({
+            node: prop.node,
+            messageId: `missingDefault`,
+            data: {
+              propName: prop.propName
+            }
+          })
         }
       }
     }
@@ -188,11 +191,33 @@ module.exports = {
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
-          processProps(
-            props,
-            utils.hasWithDefaults(node),
+          const hasWithDefaults = utils.hasWithDefaults(node)
+          const defaultsByWithDefaults =
             utils.getWithDefaultsPropExpressions(node)
-          )
+          const isUsingPropsDestructure = utils.isUsingPropsDestructure(node)
+          const defaultsByAssignmentPatterns =
+            utils.getDefaultPropExpressionsForPropsDestructure(node)
+
+          processProps(props, (prop) => {
+            if (prop.type === 'type') {
+              if (!hasWithDefaults) {
+                // If don't use withDefaults(), exclude it from the report.
+                return true
+              }
+              if (defaultsByWithDefaults[prop.propName]) {
+                return true
+              }
+            }
+            if (!isUsingPropsDestructure) {
+              return false
+            }
+            if (prop.propName == null) {
+              // If using Props Destructure but the property name cannot be determined,
+              // it will be ignored.
+              return true
+            }
+            return Boolean(defaultsByAssignmentPatterns[prop.propName])
+          })
         }
       }),
       utils.executeOnVue(context, (obj) => {
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index 3ac13bcb8..e352eddf3 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -351,6 +351,43 @@ ruleTester.run('require-default-prop', rule, {
         ...languageOptions,
         parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo=42,bar=42} = defineProps({foo: Number, bar: {type: Number}})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo,bar} = defineProps({foo: Boolean, bar: {type: Boolean}})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      // ignore
+      const {bar = 42, foo = 42} = defineProps({[x]: Number, bar: {type: Number}})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
     }
   ],
 
@@ -623,6 +660,46 @@ ruleTester.run('require-default-prop', rule, {
               }
             ]
           }
-        ])
+        ]),
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo,bar} = defineProps({foo: Boolean, bar: {type: String}})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
+      errors: [
+        {
+          message: "Prop 'bar' requires default value to be set.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo,bar} = defineProps({foo: Number, bar: {type: Number}})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
+      errors: [
+        {
+          message: "Prop 'foo' requires default value to be set.",
+          line: 3
+        },
+        {
+          message: "Prop 'bar' requires default value to be set.",
+          line: 3
+        }
+      ]
+    }
   ]
 })

From 3d32c1b7f290a981fd821e70f562a26b363acb43 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 Sep 2024 10:44:09 +0900
Subject: [PATCH 0776/1010] Add support for props destructure to
 `vue/no-boolean-default` rule (#2553)

---
 lib/rules/no-boolean-default.js       | 68 +++++++++++++++++----------
 tests/lib/rules/no-boolean-default.js | 50 +++++++++++++++++++-
 2 files changed, 92 insertions(+), 26 deletions(-)

diff --git a/lib/rules/no-boolean-default.js b/lib/rules/no-boolean-default.js
index 6796c0329..2ff6a2d06 100644
--- a/lib/rules/no-boolean-default.js
+++ b/lib/rules/no-boolean-default.js
@@ -8,18 +8,27 @@ const utils = require('../utils')
 
 /**
  * @typedef {import('../utils').ComponentProp} ComponentProp
+ * @typedef {import('../utils').ComponentObjectProp} ComponentObjectProp
  */
 
 /**
- * @param {Property | SpreadElement} prop
+ * @param {Expression|undefined} node
+ */
+function isBooleanIdentifier(node) {
+  return Boolean(node && node.type === 'Identifier' && node.name === 'Boolean')
+}
+
+/**
+ * Detects whether given prop node is a Boolean
+ * @param {ComponentObjectProp} prop
+ * @return {Boolean}
  */
 function isBooleanProp(prop) {
+  const value = utils.skipTSAsExpression(prop.value)
   return (
-    prop.type === 'Property' &&
-    prop.key.type === 'Identifier' &&
-    prop.key.name === 'type' &&
-    prop.value.type === 'Identifier' &&
-    prop.value.name === 'Boolean'
+    isBooleanIdentifier(value) ||
+    (value.type === 'ObjectExpression' &&
+      isBooleanIdentifier(utils.findProperty(value, 'type')?.value))
   )
 }
 
@@ -55,40 +64,40 @@ module.exports = {
     const booleanType = context.options[0] || 'no-default'
     /**
      * @param {ComponentProp} prop
-     * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
+     * @param {(propName: string) => Expression[]} otherDefaultProvider
      */
-    function processProp(prop, withDefaultsExpressions) {
+    function processProp(prop, otherDefaultProvider) {
       if (prop.type === 'object') {
-        if (prop.value.type !== 'ObjectExpression') {
+        if (!isBooleanProp(prop)) {
           return
         }
-        if (!prop.value.properties.some(isBooleanProp)) {
-          return
+        if (prop.value.type === 'ObjectExpression') {
+          const defaultNode = getDefaultNode(prop.value)
+          if (defaultNode) {
+            verifyDefaultExpression(defaultNode.value)
+          }
         }
-        const defaultNode = getDefaultNode(prop.value)
-        if (!defaultNode) {
-          return
+        if (prop.propName != null) {
+          for (const defaultNode of otherDefaultProvider(prop.propName)) {
+            verifyDefaultExpression(defaultNode)
+          }
         }
-        verifyDefaultExpression(defaultNode.value)
       } else if (prop.type === 'type') {
         if (prop.types.length !== 1 || prop.types[0] !== 'Boolean') {
           return
         }
-        const defaultNode =
-          withDefaultsExpressions && withDefaultsExpressions[prop.propName]
-        if (!defaultNode) {
-          return
+        for (const defaultNode of otherDefaultProvider(prop.propName)) {
+          verifyDefaultExpression(defaultNode)
         }
-        verifyDefaultExpression(defaultNode)
       }
     }
     /**
      * @param {ComponentProp[]} props
-     * @param { { [key: string]: Expression | undefined } } [withDefaultsExpressions]
+     * @param {(propName: string) => Expression[]} otherDefaultProvider
      */
-    function processProps(props, withDefaultsExpressions) {
+    function processProps(props, otherDefaultProvider) {
       for (const prop of props) {
-        processProp(prop, withDefaultsExpressions)
+        processProp(prop, otherDefaultProvider)
       }
     }
 
@@ -118,11 +127,20 @@ module.exports = {
     }
     return utils.compositingVisitors(
       utils.executeOnVueComponent(context, (obj) => {
-        processProps(utils.getComponentPropsFromOptions(obj))
+        processProps(utils.getComponentPropsFromOptions(obj), () => [])
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
-          processProps(props, utils.getWithDefaultsPropExpressions(node))
+          const defaultsByWithDefaults =
+            utils.getWithDefaultsPropExpressions(node)
+          const defaultsByAssignmentPatterns =
+            utils.getDefaultPropExpressionsForPropsDestructure(node)
+          processProps(props, (propName) =>
+            [
+              defaultsByWithDefaults[propName],
+              defaultsByAssignmentPatterns[propName]?.expression
+            ].filter(utils.isDef)
+          )
         }
       })
     )
diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index 6f275c671..98524760c 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -326,6 +326,18 @@ ruleTester.run('no-boolean-default', rule, {
           parser: require.resolve('@typescript-eslint/parser')
         }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo = false} = defineProps({foo: Boolean})
+      </script>
+      `,
+      options: ['default-false'],
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      }
     }
   ],
 
@@ -512,6 +524,42 @@ ruleTester.run('no-boolean-default', rule, {
               }
             ]
           }
-        ])
+        ]),
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo = false} = defineProps({foo: Boolean})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message:
+            'Boolean prop should not set a default (Vue defaults it to false).',
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo = true} = defineProps({foo: Boolean})
+      </script>
+      `,
+      options: ['default-false'],
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: 'Boolean prop should only be defaulted to false.',
+          line: 3
+        }
+      ]
+    }
   ]
 })

From 3137e50824dde3a000e0756a7f3c601a938306a4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 Sep 2024 10:44:17 +0900
Subject: [PATCH 0777/1010] Add support for props destructure to
 `vue/no-required-prop-with-default` rule (#2560)

---
 lib/rules/no-required-prop-with-default.js    | 101 +++++++-------
 .../rules/no-required-prop-with-default.js    | 131 ++++++++++++++++++
 2 files changed, 182 insertions(+), 50 deletions(-)

diff --git a/lib/rules/no-required-prop-with-default.js b/lib/rules/no-required-prop-with-default.js
index 0976e0d23..912af6a65 100644
--- a/lib/rules/no-required-prop-with-default.js
+++ b/lib/rules/no-required-prop-with-default.js
@@ -47,14 +47,16 @@ module.exports = {
     }
 
     /**
-     * @param {ComponentArrayProp | ComponentObjectProp | ComponentUnknownProp | ComponentProp} prop
-     * */
-    const handleObjectProp = (prop) => {
+     * @param {ComponentProp} prop
+     * @param {Set<string>} [defaultProps]
+     **/
+    const handleObjectProp = (prop, defaultProps) => {
       if (
         prop.type === 'object' &&
         prop.propName &&
         prop.value.type === 'ObjectExpression' &&
-        utils.findProperty(prop.value, 'default')
+        (utils.findProperty(prop.value, 'default') ||
+          defaultProps?.has(prop.propName))
       ) {
         const requiredProperty = utils.findProperty(prop.value, 'required')
         if (!requiredProperty) return
@@ -84,62 +86,61 @@ module.exports = {
                 ]
           })
         }
+      } else if (
+        prop.type === 'type' &&
+        defaultProps?.has(prop.propName) &&
+        prop.required
+      ) {
+        // skip setter & getter case
+        if (
+          prop.node.type === 'TSMethodSignature' &&
+          (prop.node.kind === 'get' || prop.node.kind === 'set')
+        ) {
+          return
+        }
+        // skip computed
+        if (prop.node.computed) {
+          return
+        }
+        context.report({
+          node: prop.node,
+          loc: prop.node.loc,
+          data: {
+            key: prop.propName
+          },
+          messageId: 'requireOptional',
+          fix: canAutoFix
+            ? (fixer) => fixer.insertTextAfter(prop.key, '?')
+            : null,
+          suggest: canAutoFix
+            ? null
+            : [
+                {
+                  messageId: 'fixRequiredProp',
+                  fix: (fixer) => fixer.insertTextAfter(prop.key, '?')
+                }
+              ]
+        })
       }
     }
 
     return utils.compositingVisitors(
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
-          utils.getComponentPropsFromOptions(node).map(handleObjectProp)
+          utils
+            .getComponentPropsFromOptions(node)
+            .map((prop) => handleObjectProp(prop))
         }
       }),
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
-          if (!utils.hasWithDefaults(node)) {
-            props.map(handleObjectProp)
-            return
-          }
-          const withDefaultsProps = Object.keys(
-            utils.getWithDefaultsPropExpressions(node)
-          )
-          const requiredProps = props.flatMap((item) =>
-            item.type === 'type' && item.required ? [item] : []
-          )
-
-          for (const prop of requiredProps) {
-            if (withDefaultsProps.includes(prop.propName)) {
-              // skip setter & getter case
-              if (
-                prop.node.type === 'TSMethodSignature' &&
-                (prop.node.kind === 'get' || prop.node.kind === 'set')
-              ) {
-                return
-              }
-              // skip computed
-              if (prop.node.computed) {
-                return
-              }
-              context.report({
-                node: prop.node,
-                loc: prop.node.loc,
-                data: {
-                  key: prop.propName
-                },
-                messageId: 'requireOptional',
-                fix: canAutoFix
-                  ? (fixer) => fixer.insertTextAfter(prop.key, '?')
-                  : null,
-                suggest: canAutoFix
-                  ? null
-                  : [
-                      {
-                        messageId: 'fixRequiredProp',
-                        fix: (fixer) => fixer.insertTextAfter(prop.key, '?')
-                      }
-                    ]
-              })
-            }
-          }
+          const defaultProps = new Set([
+            ...Object.keys(utils.getWithDefaultsPropExpressions(node)),
+            ...Object.keys(
+              utils.getDefaultPropExpressionsForPropsDestructure(node)
+            )
+          ])
+          props.map((prop) => handleObjectProp(prop, defaultProps))
         }
       })
     )
diff --git a/tests/lib/rules/no-required-prop-with-default.js b/tests/lib/rules/no-required-prop-with-default.js
index 7bdd9c611..9252e0980 100644
--- a/tests/lib/rules/no-required-prop-with-default.js
+++ b/tests/lib/rules/no-required-prop-with-default.js
@@ -189,6 +189,49 @@ tester.run('no-required-prop-with-default', rule, {
           })
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?: string
+          }
+          const {name="World"} = defineProps<TestPropType>();
+        </script>
+      `,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          const {name="World"} = defineProps<{
+            name?: string
+          }>();
+        </script>
+      `,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const {name='Hello'} = defineProps({
+            name: {
+              required: false
+            }
+          })
+        </script>
+      `
     }
   ],
   invalid: [
@@ -918,6 +961,94 @@ tester.run('no-required-prop-with-default', rule, {
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name: string
+          }
+          const {name="World"} = defineProps<TestPropType>();
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          interface TestPropType {
+            name?: string
+          }
+          const {name="World"} = defineProps<TestPropType>();
+        </script>
+      `,
+      options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          const {name="World"} = defineProps<{
+            name: string
+          }>();
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          const {name="World"} = defineProps<{
+            name?: string
+          }>();
+        </script>
+      `,
+      options: [{ autofix: true }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          const {name="World"} = defineProps({
+            name: {
+              required: true,
+            }
+          });
+        </script>
+      `,
+      output: `
+        <script setup lang="ts">
+          const {name="World"} = defineProps({
+            name: {
+              required: false,
+            }
+          });
+        </script>
+      `,
+      options: [{ autofix: true }],
+      errors: [
+        {
+          message: 'Prop "name" should be optional.',
+          line: 4
+        }
+      ]
     }
   ]
 })

From 4c389839790a192d9ad424c9791cf92171ac2082 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 Sep 2024 10:44:36 +0900
Subject: [PATCH 0778/1010] Add support for props destructure to
 `vue/no-restricted-props` rule (#2562)

---
 lib/rules/no-restricted-props.js       | 55 +++++++++++++++++++-------
 tests/lib/rules/no-restricted-props.js | 52 +++++++++++++++++++++++-
 2 files changed, 92 insertions(+), 15 deletions(-)

diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 21f53cc7d..2d2f74bb0 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -95,9 +95,9 @@ module.exports = {
 
     /**
      * @param {ComponentProp[]} props
-     * @param { { [key: string]: Property | undefined } } [withDefaultsProps]
+     * @param {(fixer: RuleFixer, propName: string, replaceKeyText: string) => Iterable<Fix>} [fixPropInOtherPlaces]
      */
-    function processProps(props, withDefaultsProps) {
+    function processProps(props, fixPropInOtherPlaces) {
       for (const prop of props) {
         if (!prop.propName) {
           continue
@@ -118,7 +118,14 @@ module.exports = {
                   : createSuggest(
                       prop.key,
                       option,
-                      withDefaultsProps && withDefaultsProps[prop.propName]
+                      fixPropInOtherPlaces
+                        ? (fixer, replaceKeyText) =>
+                            fixPropInOtherPlaces(
+                              fixer,
+                              prop.propName,
+                              replaceKeyText
+                            )
+                        : undefined
                     )
             })
             break
@@ -129,7 +136,33 @@ module.exports = {
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
-          processProps(props, utils.getWithDefaultsProps(node))
+          processProps(props, fixPropInOtherPlaces)
+
+          /**
+           * @param {RuleFixer} fixer
+           * @param {string} propName
+           * @param {string} replaceKeyText
+           */
+          function fixPropInOtherPlaces(fixer, propName, replaceKeyText) {
+            /** @type {(Property|AssignmentProperty)[]} */
+            const propertyNodes = []
+            const withDefault = utils.getWithDefaultsProps(node)[propName]
+            if (withDefault) {
+              propertyNodes.push(withDefault)
+            }
+            const propDestructure = utils.getPropsDestructure(node)[propName]
+            if (propDestructure) {
+              propertyNodes.push(propDestructure)
+            }
+            return propertyNodes.map((propertyNode) =>
+              propertyNode.shorthand
+                ? fixer.insertTextBefore(
+                    propertyNode.value,
+                    `${replaceKeyText}:`
+                  )
+                : fixer.replaceText(propertyNode.key, replaceKeyText)
+            )
+          }
         }
       }),
       utils.defineVueVisitor(context, {
@@ -144,10 +177,10 @@ module.exports = {
 /**
  * @param {Expression} node
  * @param {ParsedOption} option
- * @param {Property} [withDefault]
+ * @param {(fixer: RuleFixer, replaceKeyText: string) => Iterable<Fix>} [fixPropInOtherPlaces]
  * @returns {Rule.SuggestionReportDescriptor[]}
  */
-function createSuggest(node, option, withDefault) {
+function createSuggest(node, option, fixPropInOtherPlaces) {
   if (!option.suggest) {
     return []
   }
@@ -168,14 +201,8 @@ function createSuggest(node, option, withDefault) {
     {
       fix(fixer) {
         const fixes = [fixer.replaceText(node, replaceText)]
-        if (withDefault) {
-          if (withDefault.shorthand) {
-            fixes.push(
-              fixer.insertTextBefore(withDefault.value, `${replaceText}:`)
-            )
-          } else {
-            fixes.push(fixer.replaceText(withDefault.key, replaceText))
-          }
+        if (fixPropInOtherPlaces) {
+          fixes.push(...fixPropInOtherPlaces(fixer, replaceText))
         }
         return fixes.sort((a, b) => a.range[0] - b.range[0])
       },
diff --git a/tests/lib/rules/no-restricted-props.js b/tests/lib/rules/no-restricted-props.js
index 2dc1bcf64..a91615e15 100644
--- a/tests/lib/rules/no-restricted-props.js
+++ b/tests/lib/rules/no-restricted-props.js
@@ -611,6 +611,56 @@ tester.run('no-restricted-props', rule, {
               }
             ]
           }
-        ])
+        ]),
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo=false} = defineProps({foo:Boolean})
+      </script>
+      `,
+      options: [{ name: 'foo', suggest: 'Foo' }],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 3,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script setup>
+      const {Foo:foo=false} = defineProps({Foo:Boolean})
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {foo:bar=false} = defineProps({foo:Boolean})
+      </script>
+      `,
+      options: [{ name: 'foo', suggest: 'Foo' }],
+      errors: [
+        {
+          message: 'Using `foo` props is not allowed.',
+          line: 3,
+          suggestions: [
+            {
+              desc: 'Instead, change to `Foo`.',
+              output: `
+      <script setup>
+      const {Foo:bar=false} = defineProps({Foo:Boolean})
+      </script>
+      `
+            }
+          ]
+        }
+      ]
+    }
   ]
 })

From e8a09e9ca92397ec0175946f81c1518beb8d255f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=A1=E5=B1=B1=E7=94=B5=E8=BD=A6?= <cyl@cyl.moe>
Date: Wed, 18 Sep 2024 09:45:22 +0800
Subject: [PATCH 0779/1010] doc: add  example for Vue class component (#2561)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/user-guide/index.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index e11c0dba8..ba4a7e3fd 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -221,6 +221,16 @@ Vue.component('AsyncComponent', (resolve, reject) => {
 })
 ```
 
+You can do this for [Vue class component](https://class-component.vuejs.org/) too:
+
+```ts
+// @vue/component
+@Component({
+  components: { Foo }
+})
+export default class Bar extends Vue {}
+```
+
 ### Disabling rules via `<!-- eslint-disable -->`
 
 You can use `<!-- eslint-disable -->`-like HTML comments in the `<template>` and in the block level of `.vue` files to disable a certain rule temporarily.

From 2dc606ca589ff5cdcd197c3c64ace7e575a6347d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 18 Sep 2024 19:36:15 +0900
Subject: [PATCH 0780/1010] Add support for props destructure to
 `vue/no-setup-props-reactivity-loss` rule (#2550)

---
 lib/rules/no-setup-props-reactivity-loss.js   | 200 ++++++++++++------
 tests/lib/rules/no-setup-props-destructure.js |  15 --
 .../rules/no-setup-props-reactivity-loss.js   |  21 +-
 3 files changed, 155 insertions(+), 81 deletions(-)

diff --git a/lib/rules/no-setup-props-reactivity-loss.js b/lib/rules/no-setup-props-reactivity-loss.js
index 4c3be8b90..04517f90a 100644
--- a/lib/rules/no-setup-props-reactivity-loss.js
+++ b/lib/rules/no-setup-props-reactivity-loss.js
@@ -6,6 +6,60 @@
 const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 
+/**
+ * @typedef {'props'|'prop'} PropIdKind
+ *    - `'props'`: A node is a container object that has props.
+ *    - `'prop'`: A node is a variable with one prop.
+ */
+/**
+ * @typedef {object} PropId
+ * @property {Pattern} node
+ * @property {PropIdKind} kind
+ */
+/**
+ * Iterates over Prop identifiers by parsing the given pattern
+ * in the left operand of defineProps().
+ * @param {Pattern} node
+ * @returns {IterableIterator<PropId>}
+ */
+function* iteratePropIds(node) {
+  switch (node.type) {
+    case 'ObjectPattern': {
+      for (const prop of node.properties) {
+        yield prop.type === 'Property'
+          ? {
+              // e.g. `const { prop } = defineProps()`
+              node: unwrapAssignment(prop.value),
+              kind: 'prop'
+            }
+          : {
+              // RestElement
+              // e.g. `const { x, ...prop } = defineProps()`
+              node: unwrapAssignment(prop.argument),
+              kind: 'props'
+            }
+      }
+      break
+    }
+    default: {
+      // e.g. `const props = defineProps()`
+      yield { node: unwrapAssignment(node), kind: 'props' }
+    }
+  }
+}
+
+/**
+ * @template {Pattern} T
+ * @param {T} node
+ * @returns {Pattern}
+ */
+function unwrapAssignment(node) {
+  if (node.type === 'AssignmentPattern') {
+    return node.left
+  }
+  return node
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -31,7 +85,9 @@ module.exports = {
   create(context) {
     /**
      * @typedef {object} ScopePropsReferences
-     * @property {Set<Identifier>} refs
+     * @property {object} refs
+     * @property {Set<Identifier>} refs.props A set of references to container objects with multiple props.
+     * @property {Set<Identifier>} refs.prop A set of references a variable with one property.
      * @property {string} scopeName
      */
     /** @type {Map<FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program, ScopePropsReferences>} */
@@ -72,70 +128,72 @@ module.exports = {
         wrapperExpressionTypes.has(rightNode.type) &&
         isPropsMemberAccessed(rightNode, propsReferences)
       ) {
-        return report(rightNode, 'getProperty', propsReferences.scopeName)
-      }
-
-      if (
-        left.type !== 'ArrayPattern' &&
-        left.type !== 'ObjectPattern' &&
-        rightNode.type !== 'MemberExpression' &&
-        rightNode.type !== 'ConditionalExpression' &&
-        rightNode.type !== 'TemplateLiteral'
-      ) {
+        // e.g. `const foo = { x: props.x }`
+        report(rightNode, 'getProperty', propsReferences.scopeName)
         return
       }
 
-      if (rightNode.type === 'TemplateLiteral') {
-        rightNode.expressions.some((expression) =>
-          checkMemberAccess(expression, propsReferences, left, right)
-        )
-      } else {
-        checkMemberAccess(rightNode, propsReferences, left, right)
+      // Get the expression that provides the value.
+      /** @type {Expression | Super} */
+      let expression = rightNode
+      while (expression.type === 'MemberExpression') {
+        expression = utils.skipChainExpression(expression.object)
       }
-    }
+      /** A list of expression nodes to verify */
+      const expressions =
+        expression.type === 'TemplateLiteral'
+          ? expression.expressions
+          : expression.type === 'ConditionalExpression'
+            ? [expression.test, expression.consequent, expression.alternate]
+            : expression.type === 'Identifier'
+              ? [expression]
+              : []
 
-    /**
-     * @param {Expression | Super} rightId
-     * @param {ScopePropsReferences} propsReferences
-     * @param {Pattern} left
-     * @param {Expression} right
-     * @return {boolean}
-     */
-    function checkMemberAccess(rightId, propsReferences, left, right) {
-      while (rightId.type === 'MemberExpression') {
-        rightId = utils.skipChainExpression(rightId.object)
-      }
-      if (rightId.type === 'Identifier' && propsReferences.refs.has(rightId)) {
-        report(left, 'getProperty', propsReferences.scopeName)
-        return true
-      }
       if (
-        rightId.type === 'ConditionalExpression' &&
-        (isPropsMemberAccessed(rightId.test, propsReferences) ||
-          isPropsMemberAccessed(rightId.consequent, propsReferences) ||
-          isPropsMemberAccessed(rightId.alternate, propsReferences))
+        (left.type === 'ArrayPattern' || left.type === 'ObjectPattern') &&
+        expressions.some(
+          (expr) =>
+            expr.type === 'Identifier' && propsReferences.refs.props.has(expr)
+        )
       ) {
-        report(right, 'getProperty', propsReferences.scopeName)
-        return true
+        // e.g. `const {foo} = props`
+        report(left, 'getProperty', propsReferences.scopeName)
+        return
+      }
+
+      const reportNode = expressions.find((expr) =>
+        isPropsMemberAccessed(expr, propsReferences)
+      )
+      if (reportNode) {
+        report(reportNode, 'getProperty', propsReferences.scopeName)
       }
-      return false
     }
 
     /**
-     * @param {Expression} node
+     * @param {Expression | Super} node
      * @param {ScopePropsReferences} propsReferences
      */
     function isPropsMemberAccessed(node, propsReferences) {
-      const propRefs = [...propsReferences.refs.values()]
-
-      return propRefs.some((props) => {
+      for (const props of propsReferences.refs.props) {
         const isPropsInExpressionRange = utils.inRange(node.range, props)
         const isPropsMemberExpression =
           props.parent.type === 'MemberExpression' &&
           props.parent.object === props
 
-        return isPropsInExpressionRange && isPropsMemberExpression
-      })
+        if (isPropsInExpressionRange && isPropsMemberExpression) {
+          return true
+        }
+      }
+
+      // Checks for actual member access using prop destructuring.
+      for (const prop of propsReferences.refs.prop) {
+        const isPropsInExpressionRange = utils.inRange(node.range, prop)
+        if (isPropsInExpressionRange) {
+          return true
+        }
+      }
+
+      return false
     }
 
     /**
@@ -149,16 +207,12 @@ module.exports = {
     let scopeStack = null
 
     /**
-     * @param {Pattern | null} node
+     * @param {PropId} propId
      * @param {FunctionDeclaration | FunctionExpression | ArrowFunctionExpression | Program} scopeNode
      * @param {import('eslint').Scope.Scope} currentScope
      * @param {string} scopeName
      */
-    function processPattern(node, scopeNode, currentScope, scopeName) {
-      if (!node) {
-        // no arguments
-        return
-      }
+    function processPropId({ node, kind }, scopeNode, currentScope, scopeName) {
       if (
         node.type === 'RestElement' ||
         node.type === 'AssignmentPattern' ||
@@ -176,7 +230,19 @@ module.exports = {
       if (!variable) {
         return
       }
-      const propsReferenceIds = new Set()
+
+      let scopePropsReferences = setupScopePropsReferenceIds.get(scopeNode)
+      if (!scopePropsReferences) {
+        scopePropsReferences = {
+          refs: {
+            props: new Set(),
+            prop: new Set()
+          },
+          scopeName
+        }
+        setupScopePropsReferenceIds.set(scopeNode, scopePropsReferences)
+      }
+      const propsReferenceIds = scopePropsReferences.refs[kind]
       for (const reference of variable.references) {
         // If reference is in another scope, we can't check it.
         if (reference.from !== currentScope) {
@@ -189,11 +255,8 @@ module.exports = {
 
         propsReferenceIds.add(reference.identifier)
       }
-      setupScopePropsReferenceIds.set(scopeNode, {
-        refs: propsReferenceIds,
-        scopeName
-      })
     }
+
     return utils.compositingVisitors(
       {
         /**
@@ -287,20 +350,29 @@ module.exports = {
           } else if (target.parent.type === 'AssignmentExpression') {
             id = target.parent.right === target ? target.parent.left : null
           }
+          if (!id) return
           const currentScope = utils.getScope(context, node)
-          processPattern(
-            id,
-            context.getSourceCode().ast,
-            currentScope,
-            '<script setup>'
-          )
+          for (const propId of iteratePropIds(id)) {
+            processPropId(
+              propId,
+              context.getSourceCode().ast,
+              currentScope,
+              '<script setup>'
+            )
+          }
         }
       }),
       utils.defineVueVisitor(context, {
         onSetupFunctionEnter(node) {
           const currentScope = utils.getScope(context, node)
           const propsParam = utils.skipDefaultParamValue(node.params[0])
-          processPattern(propsParam, node, currentScope, 'setup()')
+          if (!propsParam) return
+          processPropId(
+            { node: propsParam, kind: 'props' },
+            node,
+            currentScope,
+            'setup()'
+          )
         }
       })
     )
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
index 3e3989342..eecbcd6d7 100644
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ b/tests/lib/rules/no-setup-props-destructure.js
@@ -504,21 +504,6 @@ tester.run('no-setup-props-destructure', rule, {
         }
       ]
     },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const {count} = defineProps({count:Number})
-      </script>
-      `,
-      errors: [
-        {
-          message:
-            'Destructuring the `props` will cause the value to lose reactivity.',
-          line: 3
-        }
-      ]
-    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/no-setup-props-reactivity-loss.js b/tests/lib/rules/no-setup-props-reactivity-loss.js
index edf721d8d..fce921bfe 100644
--- a/tests/lib/rules/no-setup-props-reactivity-loss.js
+++ b/tests/lib/rules/no-setup-props-reactivity-loss.js
@@ -251,6 +251,22 @@ tester.run('no-setup-props-reactivity-loss', rule, {
       const count = computed(() => props.count)
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {count} = defineProps({count:Number})
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo = 1, bar = 'ok' } = defineProps({ foo: Number, bar: String })
+      </script>
+      `
     }
   ],
   invalid: [
@@ -532,13 +548,14 @@ tester.run('no-setup-props-reactivity-loss', rule, {
       code: `
       <script setup>
       const {count} = defineProps({count:Number})
+      const foo = count
       </script>
       `,
       errors: [
         {
           message:
-            'Destructuring the `props` will cause the value to lose reactivity.',
-          line: 3
+            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
+          line: 4
         }
       ]
     },

From a91ae0440f8127c5b5df76859f61d412ae772376 Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Fri, 11 Oct 2024 14:04:57 +0800
Subject: [PATCH 0781/1010] fix(utils): also recognize .tsx files as Vue files
 (#2565)

---
 lib/utils/index.js               | 2 +-
 tests/lib/utils/vue-component.js | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index c31f2d6af..58cd32689 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -2681,7 +2681,7 @@ function markVariableAsUsed(context, name, node) {
  * @param {string} path
  */
 function isVueFile(path) {
-  return path.endsWith('.vue') || path.endsWith('.jsx')
+  return path.endsWith('.vue') || path.endsWith('.jsx') || path.endsWith('.tsx')
 }
 
 /**
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index 9beffdb82..8970672ad 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -339,6 +339,7 @@ ruleTester.run('vue-component', rule, {
     },
     ...validTests('js'),
     ...validTests('jsx'),
+    ...validTests('tsx'),
     ...validTests('vue')
   ],
   invalid: [
@@ -356,6 +357,7 @@ ruleTester.run('vue-component', rule, {
     },
     ...invalidTests('js'),
     ...invalidTests('jsx'),
+    ...invalidTests('tsx'),
     ...invalidTests('vue')
   ]
 })

From ba6a1d43d8171c0282586afe6dba431fd1d7c50e Mon Sep 17 00:00:00 2001
From: Thor Juhasz <thor@juhasz.pro>
Date: Fri, 11 Oct 2024 08:06:40 +0200
Subject: [PATCH 0782/1010] fix: type declarations for configs (#2566)

---
 lib/index.d.ts            | 33 +++++++++++++++------------------
 typings/eslint/index.d.ts |  2 ++
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/lib/index.d.ts b/lib/index.d.ts
index 22b1fbc6f..48006c40a 100644
--- a/lib/index.d.ts
+++ b/lib/index.d.ts
@@ -1,24 +1,21 @@
-type ConfigName =
-  | "base"
-  | "essential"
-  | "no-layout-rules"
-  | "recommended"
-  | "strongly-recommended"
-  | "vue3-essential"
-  | "vue3-recommended"
-  | "vue3-strongly-recommended"
-  | "flat/base"
-  | "flat/vue2-essential"
-  | "flat/vue2-recommended"
-  | "flat/vue2-strongly-recommended"
-  | "flat/essential"
-  | "flat/recommended"
-  | "flat/strongly-recommended"
-
 declare const vue: {
   meta: any
   configs: {
-    [name in keyof ConfigName]: any
+    base: Linter.LegacyConfig
+    essential: Linter.LegacyConfig
+    'no-layout-rules': Linter.LegacyConfig
+    recommended: Linter.LegacyConfig
+    'strongly-recommended': Linter.LegacyConfig
+    'vue3-essential': Linter.LegacyConfig
+    'vue3-recommended': Linter.LegacyConfig
+    'vue3-strongly-recommended': Linter.LegacyConfig
+    'flat/base': Linter.FlatConfig[]
+    'flat/vue2-essential': Linter.FlatConfig[]
+    'flat/vue2-recommended': Linter.FlatConfig[]
+    'flat/vue2-strongly-recommended': Linter.FlatConfig[]
+    'flat/essential': Linter.FlatConfig[]
+    'flat/recommended': Linter.FlatConfig[]
+    'flat/strongly-recommended': Linter.FlatConfig[]
   }
   rules: Record<string, any>
   processors: {
diff --git a/typings/eslint/index.d.ts b/typings/eslint/index.d.ts
index a11b29f11..0558e5511 100644
--- a/typings/eslint/index.d.ts
+++ b/typings/eslint/index.d.ts
@@ -389,6 +389,8 @@ export class Linter {
 export namespace Linter {
   type LintMessage = ESLintLinter.LintMessage
   type LintOptions = ESLintLinter.LintOptions
+  type LegacyConfig = ESLintLinter.LegacyConfig
+  type FlatConfig = ESLintLinter.FlatConfig
 }
 export type ReportDescriptorFix = (
   fixer: Rule.RuleFixer

From 635b6ed9016bdf04ed4633e1381d101b57c6fe8f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Fri, 11 Oct 2024 15:08:59 +0900
Subject: [PATCH 0783/1010] 9.29.0

---
 docs/rules/no-deprecated-delete-set.md |   7 +-
 lib/utils/vue3-export-names.json       | 108 +++++++++++++++----------
 package.json                           |   2 +-
 3 files changed, 72 insertions(+), 45 deletions(-)

diff --git a/docs/rules/no-deprecated-delete-set.md b/docs/rules/no-deprecated-delete-set.md
index 6bd4ed829..203797ab3 100644
--- a/docs/rules/no-deprecated-delete-set.md
+++ b/docs/rules/no-deprecated-delete-set.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-deprecated-delete-set
 description: disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)
+since: v9.29.0
 ---
 
 # vue/no-deprecated-delete-set
 
 > disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule reports use of deprecated `$delete` and `$set`. (in Vue.js 3.0.0+).
@@ -46,6 +45,10 @@ Nothing.
 
 - [Migration Guide - Removed APIs](https://v3-migration.vuejs.org/breaking-changes/#removed-apis)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.29.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-deprecated-delete-set.js)
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 28f14d9ce..349779da1 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -27,12 +27,18 @@
   "TriggerOpTypes",
   "UnwrapNestedRefs",
   "UnwrapRef",
+  "WatchCallback",
+  "WatchEffect",
+  "WatchHandle",
+  "WatchSource",
+  "WatchStopHandle",
   "WritableComputedOptions",
   "WritableComputedRef",
   "customRef",
   "effect",
   "effectScope",
   "getCurrentScope",
+  "getCurrentWatcher",
   "isProxy",
   "isReactive",
   "isReadonly",
@@ -40,6 +46,7 @@
   "isShallow",
   "markRaw",
   "onScopeDispose",
+  "onWatcherCleanup",
   "proxyRefs",
   "reactive",
   "readonly",
@@ -67,10 +74,40 @@
   "SlotsType",
   "nextTick",
   "queuePostFlushCb",
+  "ComponentPropsOptions",
+  "ComponentObjectPropsOptions",
+  "Prop",
+  "PropType",
+  "ExtractPropTypes",
+  "ExtractPublicPropTypes",
+  "ExtractDefaultPropTypes",
+  "defineProps",
+  "DefineProps",
+  "defineEmits",
+  "ComponentTypeEmits",
+  "defineExpose",
+  "defineOptions",
+  "defineSlots",
+  "ModelRef",
+  "defineModel",
+  "withDefaults",
+  "useSlots",
+  "useAttrs",
   "ObjectEmitsOptions",
   "EmitsOptions",
+  "EmitsToProps",
+  "ShortEmitsToObject",
+  "EmitFn",
+  "DirectiveBinding",
+  "DirectiveHook",
+  "ObjectDirective",
+  "FunctionDirective",
+  "Directive",
+  "DirectiveArguments",
+  "withDirectives",
   "ComponentCustomProperties",
   "CreateComponentPublicInstance",
+  "CreateComponentPublicInstanceWithMixins",
   "ComponentPublicInstance",
   "SuspenseProps",
   "Suspense",
@@ -108,33 +145,19 @@
   "onRenderTriggered",
   "onRenderTracked",
   "onErrorCaptured",
-  "ComponentPropsOptions",
-  "ComponentObjectPropsOptions",
-  "Prop",
-  "PropType",
-  "ExtractPropTypes",
-  "ExtractPublicPropTypes",
-  "ExtractDefaultPropTypes",
-  "DirectiveBinding",
-  "DirectiveHook",
-  "ObjectDirective",
-  "FunctionDirective",
-  "Directive",
-  "DirectiveArguments",
-  "withDirectives",
   "ComponentCustomOptions",
   "RenderFunction",
   "ComponentOptionsBase",
   "RuntimeCompilerOptions",
-  "ComponentOptionsWithoutProps",
-  "ComponentOptionsWithArrayProps",
-  "ComponentOptionsWithObjectProps",
   "ComponentOptions",
   "ComponentOptionsMixin",
   "ComputedOptions",
   "MethodOptions",
   "ComponentProvideOptions",
   "ComponentInjectOptions",
+  "ComponentOptionsWithoutProps",
+  "ComponentOptionsWithArrayProps",
+  "ComponentOptionsWithObjectProps",
   "InjectionKey",
   "provide",
   "inject",
@@ -183,6 +206,8 @@
   "mergeProps",
   "ComponentInstance",
   "ComponentCustomProps",
+  "GlobalDirectives",
+  "GlobalComponents",
   "AllowedComponentProps",
   "FunctionalComponent",
   "ConcreteComponent",
@@ -192,31 +217,26 @@
   "getCurrentInstance",
   "registerRuntimeCompiler",
   "isRuntimeOnly",
-  "WatchEffect",
-  "WatchSource",
-  "WatchCallback",
-  "WatchOptionsBase",
+  "ComponentCustomElementInterface",
+  "WatchEffectOptions",
   "WatchOptions",
-  "WatchStopHandle",
   "watchEffect",
   "watchPostEffect",
   "watchSyncEffect",
+  "MultiWatchSources",
   "watch",
+  "HydrationStrategy",
+  "HydrationStrategyFactory",
+  "hydrateOnIdle",
+  "hydrateOnVisible",
+  "hydrateOnMediaQuery",
+  "hydrateOnInteraction",
   "AsyncComponentLoader",
   "AsyncComponentOptions",
   "defineAsyncComponent",
-  "defineProps",
-  "DefineProps",
-  "defineEmits",
-  "defineExpose",
-  "defineOptions",
-  "defineSlots",
-  "ModelRef",
-  "defineModel",
-  "withDefaults",
-  "useSlots",
-  "useAttrs",
   "useModel",
+  "useTemplateRef",
+  "useId",
   "h",
   "ssrContextKey",
   "useSSRContext",
@@ -243,25 +263,29 @@
   "devtools",
   "setDevtoolsHook",
   "DeprecationTypes",
+  "WatchOptionsBase",
   "createElementVNode",
-  "VueElementConstructor",
-  "defineCustomElement",
-  "defineSSRCustomElement",
-  "VueElement",
-  "useCssModule",
-  "useCssVars",
   "TransitionProps",
   "Transition",
   "TransitionGroupProps",
   "TransitionGroup",
+  "vShow",
+  "withModifiers",
+  "withKeys",
   "vModelText",
   "vModelCheckbox",
   "vModelRadio",
   "vModelSelect",
   "vModelDynamic",
-  "withModifiers",
-  "withKeys",
-  "vShow",
+  "VueElementConstructor",
+  "CustomElementOptions",
+  "defineCustomElement",
+  "defineSSRCustomElement",
+  "VueElement",
+  "useHost",
+  "useShadowRoot",
+  "useCssModule",
+  "useCssVars",
   "CSSProperties",
   "AriaAttributes",
   "StyleValue",
diff --git a/package.json b/package.json
index 6ffc88fb6..e2bf46eae 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.28.0",
+  "version": "9.29.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From aa476d619434fba88984604c5fa2d3a530775926 Mon Sep 17 00:00:00 2001
From: ocavue <ocavue@users.noreply.github.com>
Date: Tue, 15 Oct 2024 02:39:38 +1100
Subject: [PATCH 0784/1010] Fix Linter type import in index.d.ts (#2572)

---
 lib/index.d.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/lib/index.d.ts b/lib/index.d.ts
index 48006c40a..2651c4d55 100644
--- a/lib/index.d.ts
+++ b/lib/index.d.ts
@@ -1,3 +1,5 @@
+import type { Linter } from 'eslint'
+
 declare const vue: {
   meta: any
   configs: {
@@ -19,19 +21,19 @@ declare const vue: {
   }
   rules: Record<string, any>
   processors: {
-    ".vue": any
+    '.vue': any
     vue: any
   }
   environments: {
     /**
      * @deprecated
      */
-    "setup-compiler-macros": {
+    'setup-compiler-macros': {
       globals: {
-        defineProps: "readonly"
-        defineEmits: "readonly"
-        defineExpose: "readonly"
-        withDefaults: "readonly"
+        defineProps: 'readonly'
+        defineEmits: 'readonly'
+        defineExpose: 'readonly'
+        withDefaults: 'readonly'
       }
     }
   }

From 7502cf8b9e06f0dfe0a805b5534b3766ba528954 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 21 Oct 2024 00:05:28 +0900
Subject: [PATCH 0785/1010] 9.29.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e2bf46eae..626268933 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.29.0",
+  "version": "9.29.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 207eb981df3bbab5d63846d7456d0925ab82394c Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 25 Oct 2024 10:53:55 +0200
Subject: [PATCH 0786/1010] Update development dependencies (#2582)

---
 eslint.config.js                 | 33 ++++++++++++++++++++------------
 lib/rules/define-macros-order.js |  2 +-
 lib/rules/no-unused-refs.js      |  2 +-
 lib/utils/indent-common.js       | 16 ++++++++--------
 lib/utils/indent-ts.js           |  2 +-
 lib/utils/property-references.js |  2 +-
 lib/utils/selector.js            |  2 +-
 package.json                     | 22 ++++++++++-----------
 8 files changed, 45 insertions(+), 36 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 5ddca6175..ea76a9d73 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -42,6 +42,27 @@ module.exports = [
     }
   },
 
+  // turn off some rules from shared configs in all files
+  {
+    rules: {
+      'eslint-plugin/require-meta-docs-recommended': 'off', // use `categories` instead
+      'eslint-plugin/require-meta-schema-description': 'off',
+
+      'unicorn/filename-case': 'off',
+      'unicorn/no-null': 'off',
+      'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
+      'unicorn/no-useless-undefined': 'off',
+      'unicorn/prefer-global-this': 'off',
+      'unicorn/prefer-module': 'off',
+      'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
+      'unicorn/prefer-at': 'off', //                 turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prefer-node-protocol': 'off', //      turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prefer-string-replace-all': 'off', // turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
+      'unicorn/prevent-abbreviations': 'off'
+    }
+  },
+
   {
     files: ['**/*.js'],
     languageOptions: {
@@ -143,7 +164,6 @@ module.exports = [
         'error',
         { pattern: '^(enforce|require|disallow).*[^.]$' }
       ],
-      'eslint-plugin/require-meta-docs-recommended': 'off', // use `categories` instead
       'eslint-plugin/require-meta-fixable': [
         'error',
         { catchNoFixerButFixableProperty: true }
@@ -184,17 +204,6 @@ module.exports = [
         'error',
         { checkArrowFunctions: false }
       ],
-      'unicorn/filename-case': 'off',
-      'unicorn/no-null': 'off',
-      'unicorn/no-array-callback-reference': 'off', // doesn't work well with TypeScript's custom type guards
-      'unicorn/no-useless-undefined': 'off',
-      'unicorn/prefer-optional-catch-binding': 'off', // not supported by current ESLint parser version
-      'unicorn/prefer-module': 'off',
-      'unicorn/prevent-abbreviations': 'off',
-      'unicorn/prefer-at': 'off', //                 turn off to prevent make breaking changes (ref: #2146)
-      'unicorn/prefer-node-protocol': 'off', //      turn off to prevent make breaking changes (ref: #2146)
-      'unicorn/prefer-string-replace-all': 'off', // turn off to prevent make breaking changes (ref: #2146)
-      'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
 
       'internal/require-eslint-community': ['error']
     }
diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 920b5c294..55e6140cd 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -193,7 +193,7 @@ function create(context) {
             const targetStatementIndex =
               moveTargetNodes.indexOf(targetStatement)
 
-            if (targetStatementIndex >= 0) {
+            if (targetStatementIndex !== -1) {
               moveTargetNodes = moveTargetNodes.slice(0, targetStatementIndex)
             }
             reportNotOnTop(should.name, moveTargetNodes, targetStatement)
diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
index 79d82a39d..4896ce25a 100644
--- a/lib/rules/no-unused-refs.js
+++ b/lib/rules/no-unused-refs.js
@@ -128,7 +128,7 @@ module.exports = {
         }
         case 'CallExpression': {
           const argIndex = parent.arguments.indexOf(node)
-          if (argIndex > -1) {
+          if (argIndex !== -1) {
             // `foo($refs)`
             hasUnknown = true
           }
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index bacf43e15..d2879b120 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -1531,8 +1531,13 @@ module.exports.defineVisitor = function create(
       const tokens = tokenStore.getTokensBetween(importToken, node.source)
       const fromIndex = tokens.map((t) => t.value).lastIndexOf('from')
       const { fromToken, beforeTokens, afterTokens } =
-        fromIndex >= 0
+        fromIndex === -1
           ? {
+              fromToken: null,
+              beforeTokens: [...tokens, tokenStore.getFirstToken(node.source)],
+              afterTokens: []
+            }
+          : {
               fromToken: tokens[fromIndex],
               beforeTokens: tokens.slice(0, fromIndex),
               afterTokens: [
@@ -1540,11 +1545,6 @@ module.exports.defineVisitor = function create(
                 tokenStore.getFirstToken(node.source)
               ]
             }
-          : {
-              fromToken: null,
-              beforeTokens: [...tokens, tokenStore.getFirstToken(node.source)],
-              afterTokens: []
-            }
 
       /** @type {ImportSpecifier[]} */
       const namedSpecifiers = []
@@ -1556,7 +1556,7 @@ module.exports.defineVisitor = function create(
           removeTokens.shift()
           for (const token of removeTokens) {
             const i = beforeTokens.indexOf(token)
-            if (i >= 0) {
+            if (i !== -1) {
               beforeTokens.splice(i, 1)
             }
           }
@@ -1576,7 +1576,7 @@ module.exports.defineVisitor = function create(
           rightBrace
         ]) {
           const i = beforeTokens.indexOf(token)
-          if (i >= 0) {
+          if (i !== -1) {
             beforeTokens.splice(i, 1)
           }
         }
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index f021e8a10..314858c9a 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -663,7 +663,7 @@ function defineVisitor({
         const [, ...removeTokens] = tokenStore.getTokens(child)
         for (const token of removeTokens) {
           const i = afterTokens.indexOf(token)
-          if (i >= 0) {
+          if (i !== -1) {
             afterTokens.splice(i, 1)
           }
         }
diff --git a/lib/utils/property-references.js b/lib/utils/property-references.js
index 57fe59975..99c73293b 100644
--- a/lib/utils/property-references.js
+++ b/lib/utils/property-references.js
@@ -343,7 +343,7 @@ function definePropertyReferenceExtractor(
         case 'CallExpression': {
           const argIndex = parent.arguments.indexOf(node)
           // `foo(arg)`
-          return !withInTemplate && argIndex > -1
+          return !withInTemplate && argIndex !== -1
             ? extractFromCall(parent, argIndex)
             : NEVER
         }
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
index 7b1f15c3f..b5aa1adfc 100644
--- a/lib/utils/selector.js
+++ b/lib/utils/selector.js
@@ -543,7 +543,7 @@ function parseNth(pseudoNode) {
     .toLowerCase()
   const openParenIndex = argumentsText.indexOf('(')
   const closeParenIndex = argumentsText.lastIndexOf(')')
-  if (openParenIndex < 0 || closeParenIndex < 0) {
+  if (openParenIndex === -1 || closeParenIndex === -1) {
     throw new SelectorError(
       `Cannot parse An+B micro syntax (:nth-xxx() argument): ${argumentsText}.`
     )
diff --git a/package.json b/package.json
index 626268933..28ba4bd78 100644
--- a/package.json
+++ b/package.json
@@ -67,9 +67,9 @@
   },
   "devDependencies": {
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
-    "@stylistic/eslint-plugin": "^2.6.0",
+    "@stylistic/eslint-plugin": "^2.9.0",
     "@types/eslint": "^8.56.2",
-    "@types/eslint-visitor-keys": "^3.3.0",
+    "@types/eslint-visitor-keys": "^3.3.2",
     "@types/natural-compare": "^1.4.3",
     "@types/node": "^14.18.63",
     "@types/semver": "^7.5.8",
@@ -78,24 +78,24 @@
     "@typescript-eslint/types": "^7.18.0",
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
-    "esbuild": "^0.23.0",
+    "esbuild": "^0.24.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-eslint-plugin": "~6.2.0",
-    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-eslint-plugin": "~6.3.1",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-node-dependencies": "^0.12.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-unicorn": "^55.0.0",
+    "eslint-plugin-unicorn": "^56.0.0",
     "eslint-plugin-vue": "file:.",
     "espree": "^9.6.1",
     "events": "^3.3.0",
-    "markdownlint-cli": "^0.41.0",
-    "mocha": "^10.7.0",
-    "nyc": "^17.0.0",
+    "markdownlint-cli": "^0.42.0",
+    "mocha": "^10.7.3",
+    "nyc": "^17.1.0",
     "pathe": "^1.1.2",
     "prettier": "^3.3.3",
-    "typescript": "^5.5.4",
-    "vitepress": "^1.3.1"
+    "typescript": "^5.6.3",
+    "vitepress": "^1.4.1"
   }
 }

From 86300c489f5f32a5a919cc5bc3bb3a43aad831dd Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 28 Oct 2024 18:01:11 +0800
Subject: [PATCH 0787/1010] fix(custom-event-name-casing): check defineEmits
 variable name in template (#2585)

---
 lib/rules/custom-event-name-casing.js       |  9 ++++-
 tests/lib/rules/custom-event-name-casing.js | 45 +++++++++++++++++++++
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 09cc2fc36..5c33980ec 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -101,6 +101,7 @@ module.exports = {
   create(context) {
     /** @type {Map<ObjectExpression|Program, {contextReferenceIds:Set<Identifier>,emitReferenceIds:Set<Identifier>}>} */
     const setupContexts = new Map()
+    let emitParamName = ''
     const options =
       context.options.length === 1 && typeof context.options[0] !== 'string'
         ? // For backward compatibility
@@ -189,7 +190,11 @@ module.exports = {
             // cannot check
             return
           }
-          if (callee.type === 'Identifier' && callee.name === '$emit') {
+
+          if (
+            callee.type === 'Identifier' &&
+            (callee.name === '$emit' || callee.name === emitParamName)
+          ) {
             verify(nameWithLoc)
           }
         }
@@ -209,6 +214,8 @@ module.exports = {
             if (emitParam.type !== 'Identifier') {
               return
             }
+            emitParamName = emitParam.name
+
             // const emit = defineEmits()
             const variable = findVariable(
               utils.getScope(context, emitParam),
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 76f9156fd..6b6e84c80 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -329,6 +329,22 @@ tester.run('custom-event-name-casing', rule, {
       </script>
       `,
       options: ['kebab-case']
+    },
+    // setup defineEmits
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits({})
+      emit('foo-bar')
+      </script>
+
+      <template>
+      <button @click="emit('foo-bar')">Foo</button>
+      <button @click="$emit('foo-bar')">Foo</button>
+      </template>
+      `,
+      options: ['kebab-case']
     }
   ],
   invalid: [
@@ -605,6 +621,35 @@ tester.run('custom-event-name-casing', rule, {
           line: 4
         }
       ]
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2577
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const emit = defineEmits({})
+      emit('foo-bar')
+      </script>
+
+      <template>
+      <button @click="emit('foo-bar')">Foo</button>
+      <button @click="$emit('foo-bar')">Foo</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 4
+        },
+        {
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 8
+        },
+        {
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 9
+        }
+      ]
     }
   ]
 })

From 9a56de8959dea8728aa3020324cd00990ae477be Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 28 Oct 2024 19:01:29 +0900
Subject: [PATCH 0788/1010] Fix false negatives and false positives in
 `vue/require-valid-default-prop` rule (#2586)

---
 lib/rules/require-valid-default-prop.js       |  93 +++++++++++-----
 tests/lib/rules/require-valid-default-prop.js | 102 ++++++++++++++++++
 2 files changed, 168 insertions(+), 27 deletions(-)

diff --git a/lib/rules/require-valid-default-prop.js b/lib/rules/require-valid-default-prop.js
index ca834d620..9ddef9216 100644
--- a/lib/rules/require-valid-default-prop.js
+++ b/lib/rules/require-valid-default-prop.js
@@ -230,7 +230,7 @@ module.exports = {
     }
 
     /**
-     * @param {*} node
+     * @param {Expression} node
      * @param {ComponentObjectProp | ComponentTypeProp | ComponentInferTypeProp} prop
      * @param {Iterable<string>} expectedTypeNames
      */
@@ -249,17 +249,22 @@ module.exports = {
       })
     }
 
+    /**
+     * @typedef {object} DefaultDefine
+     * @property {Expression} expression
+     * @property {'assignment'|'withDefaults'|'defaultProperty'} src
+     */
     /**
      * @param {(ComponentObjectProp | ComponentTypeProp | ComponentInferTypeProp)[]} props
-     * @param {(propName: string) => Expression[]} otherDefaultProvider
+     * @param {(propName: string) => Iterable<DefaultDefine>} otherDefaultProvider
      */
     function processPropDefs(props, otherDefaultProvider) {
       /** @type {PropDefaultFunctionContext[]} */
       const propContexts = []
       for (const prop of props) {
         let typeList
-        /** @type {Expression[]} */
-        const defExprList = []
+        /** @type {DefaultDefine[]} */
+        const defaultList = []
         if (prop.type === 'object') {
           if (prop.value.type === 'ObjectExpression') {
             const type = getPropertyNode(prop.value, 'type')
@@ -268,9 +273,12 @@ module.exports = {
             typeList = getTypes(type.value)
 
             const def = getPropertyNode(prop.value, 'default')
-            if (!def) continue
-
-            defExprList.push(def.value)
+            if (def) {
+              defaultList.push({
+                src: 'defaultProperty',
+                expression: def.value
+              })
+            }
           } else {
             typeList = getTypes(prop.value)
           }
@@ -278,10 +286,10 @@ module.exports = {
           typeList = prop.types
         }
         if (prop.propName != null) {
-          defExprList.push(...otherDefaultProvider(prop.propName))
+          defaultList.push(...otherDefaultProvider(prop.propName))
         }
 
-        if (defExprList.length === 0) continue
+        if (defaultList.length === 0) continue
 
         const typeNames = new Set(
           typeList.filter((item) => NATIVE_TYPES.has(item))
@@ -289,8 +297,8 @@ module.exports = {
         // There is no native types detected
         if (typeNames.size === 0) continue
 
-        for (const defExpr of defExprList) {
-          const defType = getValueType(defExpr)
+        for (const defaultDef of defaultList) {
+          const defType = getValueType(defaultDef.expression)
 
           if (!defType) continue
 
@@ -298,6 +306,11 @@ module.exports = {
             if (typeNames.has('Function')) {
               continue
             }
+            if (defaultDef.src === 'assignment') {
+              // Factory functions cannot be used in default definitions with initial value assignments.
+              report(defaultDef.expression, prop, typeNames)
+              continue
+            }
             if (defType.expression) {
               if (!defType.returnType || typeNames.has(defType.returnType)) {
                 continue
@@ -311,18 +324,23 @@ module.exports = {
               })
             }
           } else {
-            if (
-              typeNames.has(defType.type) &&
-              !FUNCTION_VALUE_TYPES.has(defType.type)
-            ) {
-              continue
+            if (typeNames.has(defType.type)) {
+              if (defaultDef.src === 'assignment') {
+                continue
+              }
+              if (!FUNCTION_VALUE_TYPES.has(defType.type)) {
+                // For Array and Object, defaults must be defined in the factory function.
+                continue
+              }
             }
             report(
-              defExpr,
+              defaultDef.expression,
               prop,
-              [...typeNames].map((type) =>
-                FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
-              )
+              defaultDef.src === 'assignment'
+                ? typeNames
+                : [...typeNames].map((type) =>
+                    FUNCTION_VALUE_TYPES.has(type) ? 'Function' : type
+                  )
             )
           }
         }
@@ -425,12 +443,19 @@ module.exports = {
             utils.getWithDefaultsPropExpressions(node)
           const defaultsByAssignmentPatterns =
             utils.getDefaultPropExpressionsForPropsDestructure(node)
-          const propContexts = processPropDefs(props, (propName) =>
-            [
-              defaultsByWithDefaults[propName],
-              defaultsByAssignmentPatterns[propName]?.expression
-            ].filter(utils.isDef)
-          )
+          const propContexts = processPropDefs(props, function* (propName) {
+            const withDefaults = defaultsByWithDefaults[propName]
+            if (withDefaults) {
+              yield { src: 'withDefaults', expression: withDefaults }
+            }
+            const assignmentPattern = defaultsByAssignmentPatterns[propName]
+            if (assignmentPattern) {
+              yield {
+                src: 'assignment',
+                expression: assignmentPattern.expression
+              }
+            }
+          })
           scriptSetupPropsContexts.push({ node, props: propContexts })
         },
         /**
@@ -450,7 +475,21 @@ module.exports = {
           }
         },
         onDefinePropsExit() {
-          scriptSetupPropsContexts.pop()
+          const data = scriptSetupPropsContexts.pop()
+          if (!data) {
+            return
+          }
+          for (const {
+            prop,
+            types: typeNames,
+            default: defType
+          } of data.props) {
+            for (const returnType of defType.returnTypes) {
+              if (typeNames.has(returnType.type)) continue
+
+              report(returnType.node, prop, typeNames)
+            }
+          }
         }
       })
     )
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 0f4fd1902..238460876 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -316,6 +316,21 @@ ruleTester.run('require-valid-default-prop', rule, {
       languageOptions: {
         parser: require('vue-eslint-parser')
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+        const { foo = [] } = defineProps({
+          foo: {
+            type: Array,
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      }
     }
   ],
 
@@ -1098,6 +1113,93 @@ ruleTester.run('require-valid-default-prop', rule, {
           line: 6
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = [] } = defineProps({
+          foo: {
+            type: Number,
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a number.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = 42 } = defineProps({
+          foo: {
+            type: Array,
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a array.",
+          line: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = [] } = defineProps({
+          foo: {
+            type: Array,
+            default: () => {
+              return 42
+            }
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a array.",
+          line: 7
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+        const { foo = (()=>[]) } = defineProps({
+          foo: {
+            type: Array,
+          }
+        })
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser')
+      },
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a array.",
+          line: 3
+        }
+      ]
     }
   ]
 })

From 50bde65aa298cc26c3369077e5bb6c25399e4b8d Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Mon, 28 Oct 2024 19:15:48 +0900
Subject: [PATCH 0789/1010] 9.30.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 28ba4bd78..47a4381a9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.29.1",
+  "version": "9.30.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 4729a3b9286bd297db6f25c552cfc4f29eeab02a Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 11 Nov 2024 11:56:09 +0800
Subject: [PATCH 0790/1010] fix(define-macros-order): skip TSModuleDeclaration
 statements (#2593)

---
 lib/rules/define-macros-order.js       | 1 +
 tests/lib/rules/define-macros-order.js | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/lib/rules/define-macros-order.js b/lib/rules/define-macros-order.js
index 55e6140cd..0bdd5f212 100644
--- a/lib/rules/define-macros-order.js
+++ b/lib/rules/define-macros-order.js
@@ -53,6 +53,7 @@ function isUseStrictStatement(node) {
 function getTargetStatementPosition(scriptSetup, program) {
   const skipStatements = new Set([
     'ImportDeclaration',
+    'TSModuleDeclaration',
     'TSInterfaceDeclaration',
     'TSTypeAliasDeclaration',
     'DebuggerStatement',
diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 72b359866..3def7cf1e 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -126,6 +126,8 @@ tester.run('define-macros-order', rule, {
       code: `
         <script setup lang="ts">
           import { bar } from 'foo'
+          declare global {}
+          declare namespace Namespace {}
           export interface Props {
             msg?: string
             labels?: string[]

From 9205cc837b62c71b386acdb7ab4c8002a4f7ee93 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 11 Nov 2024 11:59:03 +0800
Subject: [PATCH 0791/1010] feat(no-reserved-component-names): add case
 sensitive option (#2594)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/no-reserved-component-names.md     | 32 +++++++++-
 lib/rules/no-reserved-component-names.js      | 58 ++++++++++++-------
 .../lib/rules/no-reserved-component-names.js  | 38 ++++++++++++
 3 files changed, 107 insertions(+), 21 deletions(-)

diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index a5d85cde8..31b74ab06 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -35,13 +35,15 @@ export default {
 {
   "vue/no-reserved-component-names": ["error", {
     "disallowVueBuiltInComponents": false,
-    "disallowVue3BuiltInComponents": false
+    "disallowVue3BuiltInComponents": false,
+    "htmlElementCaseSensitive": false,
   }]
 }
 ```
 
 - `disallowVueBuiltInComponents` (`boolean`) ... If `true`, disallow Vue.js 2.x built-in component names. Default is `false`.
 - `disallowVue3BuiltInComponents` (`boolean`) ... If `true`, disallow Vue.js 3.x built-in component names. Default is `false`.
+- `htmlElementCaseSensitive` (`boolean`) ... If `true`, component names must exactly match the case of an HTML element to be considered conflicting. Default is `false` (i.e. case-insensitve comparison).
 
 ### `"disallowVueBuiltInComponents": true`
 
@@ -73,6 +75,34 @@ export default {
 
 </eslint-code-block>
 
+### `"htmlElementCaseSensitive": true`
+
+<eslint-code-block :rules="{'vue/no-reserved-component-names': ['error', {htmlElementCaseSensitive: true}]}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  name: 'Button'
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-reserved-component-names': ['error', {htmlElementCaseSensitive: true}]}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  name: 'button'
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :couple: Related Rules
 
 - [vue/multi-word-component-names](./multi-word-component-names.md)
diff --git a/lib/rules/no-reserved-component-names.js b/lib/rules/no-reserved-component-names.js
index 90e53604f..56621b424 100644
--- a/lib/rules/no-reserved-component-names.js
+++ b/lib/rules/no-reserved-component-names.js
@@ -34,19 +34,6 @@ function isLowercase(word) {
   return /^[a-z]*$/.test(word)
 }
 
-const RESERVED_NAMES_IN_HTML = new Set([
-  ...htmlElements,
-  ...htmlElements.map(casing.capitalize)
-])
-const RESERVED_NAMES_IN_OTHERS = new Set([
-  ...deprecatedHtmlElements,
-  ...deprecatedHtmlElements.map(casing.capitalize),
-  ...kebabCaseElements,
-  ...kebabCaseElements.map(casing.pascalCase),
-  ...svgElements,
-  ...svgElements.filter(isLowercase).map(casing.capitalize)
-])
-
 /**
  * @param {Expression | SpreadElement} node
  * @returns {node is (Literal | TemplateLiteral)}
@@ -61,14 +48,14 @@ function canVerify(node) {
 }
 
 /**
- * @param {string} name
- * @returns {string}
+ * @template T
+ * @param {Set<T>} set
+ * @param {Iterable<T>} iterable
  */
-function getMessageId(name) {
-  if (RESERVED_NAMES_IN_HTML.has(name)) return 'reservedInHtml'
-  if (RESERVED_NAMES_IN_VUE.has(name)) return 'reservedInVue'
-  if (RESERVED_NAMES_IN_VUE3.has(name)) return 'reservedInVue3'
-  return 'reserved'
+function addAll(set, iterable) {
+  for (const element of iterable) {
+    set.add(element)
+  }
 }
 
 module.exports = {
@@ -90,6 +77,9 @@ module.exports = {
           },
           disallowVue3BuiltInComponents: {
             type: 'boolean'
+          },
+          htmlElementCaseSensitive: {
+            type: 'boolean'
           }
         },
         additionalProperties: false
@@ -109,6 +99,23 @@ module.exports = {
       options.disallowVueBuiltInComponents === true
     const disallowVue3BuiltInComponents =
       options.disallowVue3BuiltInComponents === true
+    const htmlElementCaseSensitive = options.htmlElementCaseSensitive === true
+
+    const RESERVED_NAMES_IN_HTML = new Set(htmlElements)
+    const RESERVED_NAMES_IN_OTHERS = new Set([
+      ...deprecatedHtmlElements,
+      ...kebabCaseElements,
+      ...svgElements
+    ])
+
+    if (!htmlElementCaseSensitive) {
+      addAll(RESERVED_NAMES_IN_HTML, htmlElements.map(casing.capitalize))
+      addAll(RESERVED_NAMES_IN_OTHERS, [
+        ...deprecatedHtmlElements.map(casing.capitalize),
+        ...kebabCaseElements.map(casing.pascalCase),
+        ...svgElements.filter(isLowercase).map(casing.capitalize)
+      ])
+    }
 
     const reservedNames = new Set([
       ...RESERVED_NAMES_IN_HTML,
@@ -117,6 +124,17 @@ module.exports = {
       ...RESERVED_NAMES_IN_OTHERS
     ])
 
+    /**
+     * @param {string} name
+     * @returns {string}
+     */
+    function getMessageId(name) {
+      if (RESERVED_NAMES_IN_HTML.has(name)) return 'reservedInHtml'
+      if (RESERVED_NAMES_IN_VUE.has(name)) return 'reservedInVue'
+      if (RESERVED_NAMES_IN_VUE3.has(name)) return 'reservedInVue3'
+      return 'reserved'
+    }
+
     /**
      * @param {Literal | TemplateLiteral} node
      */
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 41cddcfd5..231e1f98d 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -410,6 +410,16 @@ const invalidElements = [
   'xmp',
   'Xmp'
 ]
+const invalidLowerCaseElements = []
+const invalidUpperCaseElements = []
+
+for (const element of invalidElements) {
+  if (element[0] === element[0].toLowerCase()) {
+    invalidLowerCaseElements.push(element)
+  } else {
+    invalidUpperCaseElements.push(element)
+  }
+}
 
 const vue2BuiltInComponents = [
   'component',
@@ -559,6 +569,16 @@ ruleTester.run('no-reserved-component-names', rule, {
       languageOptions,
       options: [{ disallowVueBuiltInComponents: true }]
     })),
+    ...invalidUpperCaseElements.map((name) => ({
+      filename: `${name}.vue`,
+      code: `
+          export default {
+            name: '${name}'
+          }
+        `,
+      languageOptions,
+      options: [{ htmlElementCaseSensitive: true }]
+    })),
     {
       filename: 'test.vue',
       code: `<script setup> defineOptions({}) </script>`,
@@ -701,6 +721,24 @@ ruleTester.run('no-reserved-component-names', rule, {
         }
       ]
     })),
+    ...invalidLowerCaseElements.map((name) => ({
+      filename: `${name}.vue`,
+      code: `<script setup> defineOptions({name: '${name}'}) </script>`,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      },
+      options: [{ htmlElementCaseSensitive: true }],
+      errors: [
+        {
+          messageId: RESERVED_NAMES_IN_HTML.has(name)
+            ? 'reservedInHtml'
+            : 'reserved',
+          data: { name },
+          line: 1
+        }
+      ]
+    })),
     ...vue2BuiltInComponents.map((name) => ({
       filename: `${name}.vue`,
       code: `

From 54a99c59227749ed3937a0489202773bc107911a Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 11 Nov 2024 11:59:56 +0800
Subject: [PATCH 0792/1010] refactor: store the defineEmits variable name
 (#2592)

---
 lib/rules/no-unused-emit-declarations.js | 41 +++++++++---------------
 lib/rules/require-explicit-emits.js      | 36 +++++++--------------
 2 files changed, 26 insertions(+), 51 deletions(-)

diff --git a/lib/rules/no-unused-emit-declarations.js b/lib/rules/no-unused-emit-declarations.js
index 146438935..f13784d8e 100644
--- a/lib/rules/no-unused-emit-declarations.js
+++ b/lib/rules/no-unused-emit-declarations.js
@@ -56,18 +56,6 @@ function hasReferenceId(value, setupContext) {
   )
 }
 
-/**
- * Check if the given name matches emitReferenceIds variable name
- * @param {string} name
- * @param {Set<Identifier>} emitReferenceIds
- * @returns {boolean}
- */
-function isEmitVariableName(name, emitReferenceIds) {
-  if (emitReferenceIds.size === 0) return false
-  const emitVariable = emitReferenceIds.values().next().value.name
-  return emitVariable === name
-}
-
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -91,6 +79,7 @@ module.exports = {
     /** @type {Map<ObjectExpression | Program, SetupContext>} */
     const setupContexts = new Map()
     const programNode = context.getSourceCode().ast
+    let emitParamName = ''
 
     /**
      * @param {CallExpression} node
@@ -204,14 +193,6 @@ module.exports = {
 
           const { contextReferenceIds, emitReferenceIds } = setupContext
 
-          // verify defineEmits variable in template
-          if (
-            callee.type === 'Identifier' &&
-            isEmitVariableName(callee.name, emitReferenceIds)
-          ) {
-            addEmitCall(node)
-          }
-
           // verify setup(props,{emit}) {emit()}
           addEmitCallByReference(callee, emitReferenceIds, node)
           if (emit && emit.name === 'emit') {
@@ -229,8 +210,11 @@ module.exports = {
           }
         }
 
-        // verify $emit() in template
-        if (callee.type === 'Identifier' && callee.name === '$emit') {
+        // verify $emit() and defineEmits variable in template
+        if (
+          callee.type === 'Identifier' &&
+          (callee.name === '$emit' || callee.name === emitParamName)
+        ) {
           addEmitCall(node)
         }
       }
@@ -316,10 +300,15 @@ module.exports = {
           }
 
           const emitParam = node.parent.id
-          const variable =
-            emitParam.type === 'Identifier'
-              ? findVariable(utils.getScope(context, emitParam), emitParam)
-              : null
+          if (emitParam.type !== 'Identifier') {
+            return
+          }
+
+          emitParamName = emitParam.name
+          const variable = findVariable(
+            utils.getScope(context, emitParam),
+            emitParam
+          )
           if (!variable) {
             return
           }
diff --git a/lib/rules/require-explicit-emits.js b/lib/rules/require-explicit-emits.js
index ba5c406b1..e912549e9 100644
--- a/lib/rules/require-explicit-emits.js
+++ b/lib/rules/require-explicit-emits.js
@@ -71,22 +71,6 @@ function getNameParamNode(node) {
   return null
 }
 
-/**
- * Check if the given name matches defineEmitsNode variable name
- * @param {string} name
- * @param {CallExpression | undefined} defineEmitsNode
- * @returns {boolean}
- */
-function isEmitVariableName(name, defineEmitsNode) {
-  const node = defineEmitsNode?.parent
-
-  if (node?.type === 'VariableDeclarator' && node.id.type === 'Identifier') {
-    return name === node.id.name
-  }
-
-  return false
-}
-
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -128,6 +112,7 @@ module.exports = {
     const vueEmitsDeclarations = new Map()
     /** @type {Map<ObjectExpression | Program, ComponentProp[]>} */
     const vuePropsDeclarations = new Map()
+    let emitParamName = ''
 
     /**
      * @typedef {object} VueTemplateDefineData
@@ -271,11 +256,7 @@ module.exports = {
           // e.g. $emit() / emit() in template
           if (
             callee.type === 'Identifier' &&
-            (callee.name === '$emit' ||
-              isEmitVariableName(
-                callee.name,
-                vueTemplateDefineData.defineEmits
-              ))
+            (callee.name === '$emit' || callee.name === emitParamName)
           ) {
             verifyEmit(
               vueTemplateDefineData.emits,
@@ -308,10 +289,15 @@ module.exports = {
             }
 
             const emitParam = node.parent.id
-            const variable =
-              emitParam.type === 'Identifier'
-                ? findVariable(utils.getScope(context, emitParam), emitParam)
-                : null
+            if (emitParam.type !== 'Identifier') {
+              return
+            }
+
+            emitParamName = emitParam.name
+            const variable = findVariable(
+              utils.getScope(context, emitParam),
+              emitParam
+            )
             if (!variable) {
               return
             }

From e13089e7feecdacf5f479ffc25491f685261d177 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 11 Nov 2024 12:03:09 +0800
Subject: [PATCH 0793/1010] fix(require-explicit-slots): ignore attribute
 binding (#2591)

---
 lib/rules/require-explicit-slots.js       | 55 ++++++++++++++++++-----
 tests/lib/rules/require-explicit-slots.js | 51 +++++++++++++++++++++
 2 files changed, 96 insertions(+), 10 deletions(-)

diff --git a/lib/rules/require-explicit-slots.js b/lib/rules/require-explicit-slots.js
index 0ae77b597..f87503bb7 100644
--- a/lib/rules/require-explicit-slots.js
+++ b/lib/rules/require-explicit-slots.js
@@ -35,6 +35,21 @@ function getSlotsName(node) {
   return null
 }
 
+/**
+ * @param {VElement} node
+ * @return {VAttribute | VDirective | undefined}
+ */
+function getSlotNameNode(node) {
+  return node.startTag.attributes.find(
+    (node) =>
+      (!node.directive && node.key.name === 'name') ||
+      (node.directive &&
+        node.key.name.name === 'bind' &&
+        node.key.argument?.type === 'VIdentifier' &&
+        node.key.argument?.name === 'name')
+  )
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -68,6 +83,19 @@ module.exports = {
     }
     const slotsDefined = new Set()
 
+    /**
+     * @param {VElement} node
+     * @param {string | undefined} slotName
+     */
+    function reportMissingSlot(node, slotName) {
+      if (!slotsDefined.has(slotName)) {
+        context.report({
+          node,
+          messageId: 'requireExplicitSlots'
+        })
+      }
+    }
+
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
         onDefineSlotsEnter(node) {
@@ -137,20 +165,27 @@ module.exports = {
         }
       }),
       utils.defineTemplateBodyVisitor(context, {
+        /** @param {VElement} node */
         "VElement[name='slot']"(node) {
-          let slotName = 'default'
-
-          const slotNameAttr = utils.getAttribute(node, 'name')
+          const nameNode = getSlotNameNode(node)
 
-          if (slotNameAttr?.value) {
-            slotName = slotNameAttr.value.value
+          // if no slot name is declared, default to 'default'
+          if (!nameNode) {
+            reportMissingSlot(node, 'default')
+            return
           }
 
-          if (!slotsDefined.has(slotName)) {
-            context.report({
-              node,
-              messageId: 'requireExplicitSlots'
-            })
+          if (nameNode.directive) {
+            const expression = nameNode.value?.expression
+            // ignore attribute binding except string literal
+            if (!expression || !utils.isStringLiteral(expression)) {
+              return
+            }
+
+            const name = utils.getStringLiteralValue(expression) || undefined
+            reportMissingSlot(node, name)
+          } else {
+            reportMissingSlot(node, nameNode.value?.value)
           }
         }
       })
diff --git a/tests/lib/rules/require-explicit-slots.js b/tests/lib/rules/require-explicit-slots.js
index ebbc28818..92d1a1334 100644
--- a/tests/lib/rules/require-explicit-slots.js
+++ b/tests/lib/rules/require-explicit-slots.js
@@ -160,6 +160,37 @@ tester.run('require-explicit-slots', rule, {
           parser: null
         }
       }
+    },
+    // attribute binding
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="'foo'"></slot>
+          <slot :name="\`bar\`"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        foo(props: { msg: string }): any
+        bar(props: { msg: string }): any
+      }>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        default(props: { msg: string }): any
+      }>()
+      </script>`
     }
   ],
   invalid: [
@@ -291,6 +322,26 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      // ignore attribute binding except string literal
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="'foo'"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      defineSlots<{
+        default(props: { msg: string }): any
+      }>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From a5fb774ec93f2d0bf86383579d39a9adcf8b2137 Mon Sep 17 00:00:00 2001
From: Tomas Kudlac <41956970+Thomasan1999@users.noreply.github.com>
Date: Mon, 11 Nov 2024 10:03:21 +0100
Subject: [PATCH 0794/1010] feat: add prefer-use-template-ref rule (#2554)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                        |   1 +
 docs/rules/prefer-use-template-ref.md      |  71 +++++
 lib/index.js                               |   1 +
 lib/rules/prefer-use-template-ref.js       |  89 ++++++
 tests/lib/rules/prefer-use-template-ref.js | 323 +++++++++++++++++++++
 5 files changed, 485 insertions(+)
 create mode 100644 docs/rules/prefer-use-template-ref.md
 create mode 100644 lib/rules/prefer-use-template-ref.js
 create mode 100644 tests/lib/rules/prefer-use-template-ref.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 1ba5978d2..4085ce237 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -270,6 +270,7 @@ For example:
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
+| [vue/prefer-use-template-ref](./prefer-use-template-ref.md) | require using `useTemplateRef` instead of `ref` for template refs |  | :hammer: |
 | [vue/require-default-export](./require-default-export.md) | require components to be the default export |  | :warning: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
diff --git a/docs/rules/prefer-use-template-ref.md b/docs/rules/prefer-use-template-ref.md
new file mode 100644
index 000000000..6d7fde89a
--- /dev/null
+++ b/docs/rules/prefer-use-template-ref.md
@@ -0,0 +1,71 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/prefer-use-template-ref
+description: require using `useTemplateRef` instead of `ref` for template refs
+---
+
+# vue/prefer-use-template-ref
+
+> require using `useTemplateRef` instead of `ref` for template refs
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+Vue 3.5 introduced a new way of obtaining template refs via
+the [`useTemplateRef()`](https://vuejs.org/guide/essentials/template-refs.html#accessing-the-refs) API.
+
+This rule enforces using the new `useTemplateRef` function instead of `ref` for template refs.
+
+<eslint-code-block :rules="{'vue/prefer-use-template-ref': ['error']}">
+
+```vue
+<template>
+  <button ref="submitRef">Submit</button>
+  <button ref="closeRef">Close</button>
+</template>
+
+<script setup>
+  import { ref, useTemplateRef } from 'vue';
+
+  /* ✓ GOOD */
+  const submitRef = useTemplateRef('submitRef');
+  const submitButton = useTemplateRef('submitRef');
+  const closeButton = useTemplateRef('closeRef');
+
+  /* ✗ BAD */
+  const closeRef = ref();
+</script>
+```
+
+</eslint-code-block>
+
+This rule skips `ref` template function refs as these should be used to allow custom implementation of storing `ref`. If you prefer
+`useTemplateRef`, you have to change the value of the template `ref` to a string.
+
+<eslint-code-block :rules="{'vue/prefer-use-template-ref': ['error']}">
+
+```vue
+<template>
+  <button :ref="ref => button = ref">Content</button>
+</template>
+
+<script setup>
+  import { ref } from 'vue';
+  
+  /* ✓ GOOD */
+  const button = ref();
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-use-template-ref.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/prefer-use-template-ref.js)
diff --git a/lib/index.js b/lib/index.js
index bb4abf40f..b09e247d5 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -208,6 +208,7 @@ const plugin = {
     'prefer-separate-static-class': require('./rules/prefer-separate-static-class'),
     'prefer-template': require('./rules/prefer-template'),
     'prefer-true-attribute-shorthand': require('./rules/prefer-true-attribute-shorthand'),
+    'prefer-use-template-ref': require('./rules/prefer-use-template-ref'),
     'prop-name-casing': require('./rules/prop-name-casing'),
     'quote-props': require('./rules/quote-props'),
     'require-component-is': require('./rules/require-component-is'),
diff --git a/lib/rules/prefer-use-template-ref.js b/lib/rules/prefer-use-template-ref.js
new file mode 100644
index 000000000..8dcdccb38
--- /dev/null
+++ b/lib/rules/prefer-use-template-ref.js
@@ -0,0 +1,89 @@
+/**
+ * @author Thomasan1999
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/** @param expression {Expression | null} */
+function expressionIsRef(expression) {
+  // @ts-ignore
+  return expression?.callee?.name === 'ref'
+}
+
+/** @type {import("eslint").Rule.RuleModule} */
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'require using `useTemplateRef` instead of `ref` for template refs',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/prefer-use-template-ref.html'
+    },
+    schema: [],
+    messages: {
+      preferUseTemplateRef: "Replace 'ref' with 'useTemplateRef'."
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    /** @type Set<string> */
+    const templateRefs = new Set()
+
+    /**
+     * @typedef ScriptRef
+     * @type {{node: Expression, ref: string}}
+     */
+
+    /**
+     * @type ScriptRef[] */
+    const scriptRefs = []
+
+    return utils.compositingVisitors(
+      utils.defineTemplateBodyVisitor(
+        context,
+        {
+          'VAttribute[directive=false]'(node) {
+            if (node.key.name === 'ref' && node.value?.value) {
+              templateRefs.add(node.value.value)
+            }
+          }
+        },
+        {
+          VariableDeclarator(declarator) {
+            if (!expressionIsRef(declarator.init)) {
+              return
+            }
+
+            scriptRefs.push({
+              // @ts-ignore
+              node: declarator.init,
+              // @ts-ignore
+              ref: declarator.id.name
+            })
+          }
+        }
+      ),
+      {
+        'Program:exit'() {
+          for (const templateRef of templateRefs) {
+            const scriptRef = scriptRefs.find(
+              (scriptRef) => scriptRef.ref === templateRef
+            )
+
+            if (!scriptRef) {
+              continue
+            }
+
+            context.report({
+              node: scriptRef.node,
+              messageId: 'preferUseTemplateRef'
+            })
+          }
+        }
+      }
+    )
+  }
+}
diff --git a/tests/lib/rules/prefer-use-template-ref.js b/tests/lib/rules/prefer-use-template-ref.js
new file mode 100644
index 000000000..49a2f0759
--- /dev/null
+++ b/tests/lib/rules/prefer-use-template-ref.js
@@ -0,0 +1,323 @@
+/**
+ * @author Thomasan1999
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/prefer-use-template-ref')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('prefer-use-template-ref', rule, {
+  valid: [
+    {
+      filename: 'single-use-template-ref.vue',
+      code: `
+      <template>
+          <div ref="root" />
+      </template>
+      <script setup>
+        import { useTemplateRef } from 'vue';
+        const root = useTemplateRef('root');
+      </script>
+      `
+    },
+    {
+      filename: 'multiple-use-template-refs.vue',
+      code: `
+      <template>
+          <button ref="button">Content</button>
+          <a href="" ref="link">Link</a>
+      </template>
+      <script setup>
+        import { useTemplateRef } from 'vue';
+        const buttonRef = useTemplateRef('button');
+        const link = useTemplateRef('link');
+      </script>
+      `
+    },
+    {
+      filename: 'use-template-ref-in-block.vue',
+      code: `
+      <template>
+          <div>
+            <ul>
+              <li ref="firstListItem">Morning</li>
+              <li>Afternoon</li>
+              <li>Evening</li>
+            </ul>
+          </div>
+      </template>
+      <script setup>
+        import { useTemplateRef } from 'vue';
+        function getFirstListItemElement() {
+          const firstListItem = useTemplateRef('firstListItem')
+          console.log(firstListItem)
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'non-template-ref.vue',
+      code: `
+      <template>
+          <div>
+            <ul>
+              <li v-for="food in foods" :key="food">{{food}}</li>
+            </ul>
+          </div>
+      </template>
+      <script setup>
+        import { ref } from 'vue';
+        const foods = ref(['Spaghetti', 'Pizza', 'Cake']);
+      </script>
+      `
+    },
+    {
+      filename: 'counter.js',
+      code: `
+      import { ref } from 'vue';
+      const counter = ref(0);
+      const names = ref(new Set());
+      function incrementCounter() {
+        counter.value++;
+        return counter.value;
+      }
+      function storeName(name) {
+        names.value.add(name)
+      }
+      `
+    },
+    {
+      filename: 'setup-function.vue',
+      code: `
+      <template>
+        <p>Button clicked {{counter}} times.</p>
+        <button ref="button" @click="counter++">Click</button>
+      </template>
+      <script>
+        import { ref, useTemplateRef } from 'vue';
+        export default {
+          name: 'Counter',
+          setup() {
+            const counter = ref(0);
+            const button = useTemplateRef('button');
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'options-api-no-refs.vue',
+      code: `
+      <template>
+        <label ref="label">
+          Name:
+          <input v-model="name" />
+        </label>
+        <p ref="textRef">{{niceName}}</p>
+        <button
+      </template>
+      <script>
+        import { ref } from 'vue';
+        export default {
+          name: 'NameRow',
+          methods: {
+            someFunction() {
+              return {
+                label: ref(5),
+              }
+            }
+          }
+          data() {
+            return {
+              label: 'label',
+              name: ''
+            }
+          },
+          computed: {
+            niceName() {
+              return 'Nice ' + this.name;
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'options-api-mixed.vue',
+      code: `
+      <template>
+        <label ref="labelElem">
+          Name:
+          <input v-model="name" />
+        </label>
+        {{ loremIpsum }}
+      </template>
+      <script>
+        import { ref } from 'vue';
+        export default {
+          name: 'NameRow',
+          props: {
+            defaultLabel: {
+              type: String,
+            },
+          },
+          data() {
+            return {
+              label: ref(this.defaultLabel),
+              labelElem: ref(),
+              name: ''
+            }
+          },
+          computed: {
+            loremIpsum() {
+              return this.name + ' lorem ipsum'
+            }
+          }
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'template-ref-function.vue',
+      code: `
+      <template>
+        <button :ref="ref => button = ref">Content</button>
+      </template>
+      <script setup>
+        import { ref } from 'vue';
+        const button = ref();
+        </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'single-ref.vue',
+      code: `
+      <template>
+          <div ref="root"/>
+      </template>
+      <script setup>
+        import { ref } from 'vue';
+        const root = ref();
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          line: 7,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'one-ref-unused-in-script.vue',
+      code: `
+      <template>
+          <button ref="button">Content</button>
+          <a href="" ref="link">Link</a>
+      </template>
+      <script setup>
+        import { ref } from 'vue';
+        const buttonRef = ref();
+        const link = ref();
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          line: 9,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'multiple-refs.vue',
+      code: `
+      <template>
+          <h1 ref="heading">Heading</h1>
+          <a href="" ref="link">Link</a>
+      </template>
+      <script setup>
+        import { ref } from 'vue';
+        const heading = ref();
+        const link = ref();
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          line: 8,
+          column: 25
+        },
+        {
+          messageId: 'preferUseTemplateRef',
+          line: 9,
+          column: 22
+        }
+      ]
+    },
+    {
+      filename: 'ref-in-block.vue',
+      code: `
+      <template>
+          <div>
+            <ul>
+              <li ref="firstListItem">Morning</li>
+              <li>Afternoon</li>
+              <li>Evening</li>
+            </ul>
+          </div>
+      </template>
+      <script setup>
+        import { ref } from 'vue';
+        function getFirstListItemElement() {
+          const firstListItem = ref();
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          line: 14,
+          column: 33
+        }
+      ]
+    },
+    {
+      filename: 'setup-function-only-refs.vue',
+      code: `
+      <template>
+        <p>Button clicked {{counter}} times.</p>
+        <button ref="button">Click</button>
+      </template>
+      <script>
+        import { ref } from 'vue';
+        export default {
+          name: 'Counter',
+          setup() {
+            const counter = ref(0);
+            const button = ref();
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          line: 12,
+          column: 28
+        }
+      ]
+    }
+  ]
+})

From b779f881901d372fca7c430cb551e45aa07368f6 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 11 Nov 2024 20:40:19 +0800
Subject: [PATCH 0795/1010] feat(no-empty-component-block): support auto fix
 (#2595)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                         |  2 +-
 docs/rules/no-empty-component-block.md      |  4 +-
 lib/rules/no-empty-component-block.js       |  5 +-
 tests/lib/rules/no-empty-component-block.js | 69 +++++++++++++++++++++
 4 files changed, 77 insertions(+), 3 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 4085ce237..e359f47ab 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -232,7 +232,7 @@ For example:
 | [vue/no-deprecated-delete-set](./no-deprecated-delete-set.md) | disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+) |  | :warning: |
 | [vue/no-deprecated-model-definition](./no-deprecated-model-definition.md) | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
-| [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty |  | :hammer: |
+| [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
 | [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss](./no-ref-object-reactivity-loss.md) | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index 36ea4c071..d0e3dbd15 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -10,6 +10,8 @@ since: v7.0.0
 
 > disallow the `<template>` `<script>` `<style>` block to be empty
 
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
 ## :book: Rule Details
 
 This rule disallows the `<template>` `<script>` `<style>` block to be empty.
@@ -17,7 +19,7 @@ This rule disallows the `<template>` `<script>` `<style>` block to be empty.
 This rule also checks block what has attribute `src`.
 See [Vue Single-File Component (SFC) Spec](https://vue-loader.vuejs.org/spec.html#src-imports).
 
-<eslint-code-block :rules="{'vue/no-empty-component-block': ['error']}">
+<eslint-code-block fix :rules="{'vue/no-empty-component-block': ['error']}">
 
 ```vue
 <!-- ✓ GOOD -->
diff --git a/lib/rules/no-empty-component-block.js b/lib/rules/no-empty-component-block.js
index b2e428bc7..e7afc59f6 100644
--- a/lib/rules/no-empty-component-block.js
+++ b/lib/rules/no-empty-component-block.js
@@ -45,7 +45,7 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-empty-component-block.html'
     },
-    fixable: null,
+    fixable: 'code',
     schema: [],
     messages: {
       unexpected: '`<{{ blockName }}>` is empty. Empty block is not allowed.'
@@ -91,6 +91,9 @@ module.exports = {
               messageId: 'unexpected',
               data: {
                 blockName: componentBlock.name
+              },
+              fix(fixer) {
+                return fixer.remove(componentBlock)
               }
             })
           }
diff --git a/tests/lib/rules/no-empty-component-block.js b/tests/lib/rules/no-empty-component-block.js
index e54fd9df6..0a014099a 100644
--- a/tests/lib/rules/no-empty-component-block.js
+++ b/tests/lib/rules/no-empty-component-block.js
@@ -27,6 +27,7 @@ tester.run('no-empty-component-block', rule, {
   invalid: [
     {
       code: `<template></template>`,
+      output: '',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -35,6 +36,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: `<template> </template>`,
+      output: '',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -44,6 +46,7 @@ tester.run('no-empty-component-block', rule, {
     {
       code: `<template>
 </template>`,
+      output: '',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -52,6 +55,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template />',
+      output: '',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -60,6 +64,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template src="" />',
+      output: '',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -68,6 +73,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template></template><script></script>',
+      output: '<script></script>',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -79,6 +85,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template /><script />',
+      output: '<script />',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -90,6 +97,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template src="" /><script src="" />',
+      output: '<script src="" />',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -101,6 +109,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template></template><script></script><style></style>',
+      output: '<script></script>',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -115,6 +124,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template /><script /><style />',
+      output: '<script />',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -129,6 +139,7 @@ tester.run('no-empty-component-block', rule, {
     },
     {
       code: '<template src="" /><script src="" /><style src="" />',
+      output: '<script src="" />',
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
@@ -140,6 +151,64 @@ tester.run('no-empty-component-block', rule, {
           message: '`<style>` is empty. Empty block is not allowed.'
         }
       ]
+    },
+    // auto fix with whitespace
+    {
+      code: '<template></template> <script></script> <style></style>',
+      output: '  ',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template /> <script /> <style />',
+      output: '  ',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template src="" /> <script src="" /> <style src="" />',
+      output: '  ',
+      errors: [
+        {
+          message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
+    },
+    {
+      code: '<template><p></p></template> <script src="" /> <style src="" />',
+      output: '<template><p></p></template>  ',
+      errors: [
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
+        }
+      ]
     }
   ]
 })

From 16c877892ba58b2cd1e68612553c1e8c2715d8ea Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 12 Nov 2024 08:09:43 +0900
Subject: [PATCH 0796/1010] 9.31.0

---
 docs/rules/prefer-use-template-ref.md | 7 +++++--
 package.json                          | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/prefer-use-template-ref.md b/docs/rules/prefer-use-template-ref.md
index 6d7fde89a..553e99bf1 100644
--- a/docs/rules/prefer-use-template-ref.md
+++ b/docs/rules/prefer-use-template-ref.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-use-template-ref
 description: require using `useTemplateRef` instead of `ref` for template refs
+since: v9.31.0
 ---
 
 # vue/prefer-use-template-ref
 
 > require using `useTemplateRef` instead of `ref` for template refs
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 Vue 3.5 introduced a new way of obtaining template refs via
@@ -65,6 +64,10 @@ This rule skips `ref` template function refs as these should be used to allow cu
 
 Nothing.
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.31.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/prefer-use-template-ref.js)
diff --git a/package.json b/package.json
index 47a4381a9..75d83695f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.30.0",
+  "version": "9.31.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 4500389633f8d4dc3fe416e65867a3d3ea280de4 Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Mon, 18 Nov 2024 19:23:44 +0800
Subject: [PATCH 0797/1010] fix(prefer-use-template-ref): add support for
 `shallowRef` (#2608)

---
 docs/rules/index.md                        |  2 +-
 docs/rules/prefer-use-template-ref.md      | 18 ++++++----
 lib/rules/prefer-use-template-ref.js       | 18 +++++++---
 tests/lib/rules/prefer-use-template-ref.js | 40 ++++++++++++++++++++++
 4 files changed, 65 insertions(+), 13 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index e359f47ab..51515e233 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -270,7 +270,7 @@ For example:
 | [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
 | [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
 | [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
-| [vue/prefer-use-template-ref](./prefer-use-template-ref.md) | require using `useTemplateRef` instead of `ref` for template refs |  | :hammer: |
+| [vue/prefer-use-template-ref](./prefer-use-template-ref.md) | require using `useTemplateRef` instead of `ref`/`shallowRef` for template refs |  | :hammer: |
 | [vue/require-default-export](./require-default-export.md) | require components to be the default export |  | :warning: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
diff --git a/docs/rules/prefer-use-template-ref.md b/docs/rules/prefer-use-template-ref.md
index 553e99bf1..1b1b40385 100644
--- a/docs/rules/prefer-use-template-ref.md
+++ b/docs/rules/prefer-use-template-ref.md
@@ -2,31 +2,32 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/prefer-use-template-ref
-description: require using `useTemplateRef` instead of `ref` for template refs
+description: require using `useTemplateRef` instead of `ref`/`shallowRef` for template refs
 since: v9.31.0
 ---
 
 # vue/prefer-use-template-ref
 
-> require using `useTemplateRef` instead of `ref` for template refs
+> require using `useTemplateRef` instead of `ref`/`shallowRef` for template refs
 
 ## :book: Rule Details
 
 Vue 3.5 introduced a new way of obtaining template refs via
 the [`useTemplateRef()`](https://vuejs.org/guide/essentials/template-refs.html#accessing-the-refs) API.
 
-This rule enforces using the new `useTemplateRef` function instead of `ref` for template refs.
+This rule enforces using the new `useTemplateRef` function instead of `ref`/`shallowRef` for template refs.
 
 <eslint-code-block :rules="{'vue/prefer-use-template-ref': ['error']}">
 
 ```vue
 <template>
   <button ref="submitRef">Submit</button>
+  <button ref="cancelRef">Cancel</button>
   <button ref="closeRef">Close</button>
 </template>
 
 <script setup>
-  import { ref, useTemplateRef } from 'vue';
+  import { ref, shallowRef, useTemplateRef } from 'vue';
 
   /* ✓ GOOD */
   const submitRef = useTemplateRef('submitRef');
@@ -35,6 +36,7 @@ This rule enforces using the new `useTemplateRef` function instead of `ref` for
 
   /* ✗ BAD */
   const closeRef = ref();
+  const cancelRef = shallowRef();
 </script>
 ```
 
@@ -47,14 +49,16 @@ This rule skips `ref` template function refs as these should be used to allow cu
 
 ```vue
 <template>
-  <button :ref="ref => button = ref">Content</button>
+  <button :ref="ref => submitRef = ref">Submit</button>
+  <button :ref="ref => cancelRef = ref">Cancel</button>
 </template>
 
 <script setup>
-  import { ref } from 'vue';
+  import { ref, shallowRef } from 'vue';
   
   /* ✓ GOOD */
-  const button = ref();
+  const submitRef = ref();
+  const cancelRef = shallowRef();
 </script>
 ```
 
diff --git a/lib/rules/prefer-use-template-ref.js b/lib/rules/prefer-use-template-ref.js
index 8dcdccb38..916583e9f 100644
--- a/lib/rules/prefer-use-template-ref.js
+++ b/lib/rules/prefer-use-template-ref.js
@@ -8,8 +8,12 @@ const utils = require('../utils')
 
 /** @param expression {Expression | null} */
 function expressionIsRef(expression) {
-  // @ts-ignore
-  return expression?.callee?.name === 'ref'
+  return (
+    // @ts-ignore
+    expression?.callee?.name === 'ref' ||
+    // @ts-ignore
+    expression?.callee?.name === 'shallowRef'
+  )
 }
 
 /** @type {import("eslint").Rule.RuleModule} */
@@ -18,13 +22,13 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description:
-        'require using `useTemplateRef` instead of `ref` for template refs',
+        'require using `useTemplateRef` instead of `ref`/`shallowRef` for template refs',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/prefer-use-template-ref.html'
     },
     schema: [],
     messages: {
-      preferUseTemplateRef: "Replace 'ref' with 'useTemplateRef'."
+      preferUseTemplateRef: "Replace '{{name}}' with 'useTemplateRef'."
     }
   },
   /** @param {RuleContext} context */
@@ -79,7 +83,11 @@ module.exports = {
 
             context.report({
               node: scriptRef.node,
-              messageId: 'preferUseTemplateRef'
+              messageId: 'preferUseTemplateRef',
+              data: {
+                // @ts-ignore
+                name: scriptRef.node?.callee?.name
+              }
             })
           }
         }
diff --git a/tests/lib/rules/prefer-use-template-ref.js b/tests/lib/rules/prefer-use-template-ref.js
index 49a2f0759..fe1ee2d2f 100644
--- a/tests/lib/rules/prefer-use-template-ref.js
+++ b/tests/lib/rules/prefer-use-template-ref.js
@@ -214,6 +214,9 @@ tester.run('prefer-use-template-ref', rule, {
       errors: [
         {
           messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
           line: 7,
           column: 22
         }
@@ -235,6 +238,9 @@ tester.run('prefer-use-template-ref', rule, {
       errors: [
         {
           messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
           line: 9,
           column: 22
         }
@@ -256,11 +262,17 @@ tester.run('prefer-use-template-ref', rule, {
       errors: [
         {
           messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
           line: 8,
           column: 25
         },
         {
           messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
           line: 9,
           column: 22
         }
@@ -288,6 +300,9 @@ tester.run('prefer-use-template-ref', rule, {
       errors: [
         {
           messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
           line: 14,
           column: 33
         }
@@ -314,10 +329,35 @@ tester.run('prefer-use-template-ref', rule, {
       errors: [
         {
           messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
           line: 12,
           column: 28
         }
       ]
+    },
+    {
+      filename: 'single-shallowRef.vue',
+      code: `
+      <template>
+          <div ref="root"/>
+      </template>
+      <script setup>
+        import { shallowRef } from 'vue';
+        const root = shallowRef();
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'shallowRef'
+          },
+          line: 7,
+          column: 22
+        }
+      ]
     }
   ]
 })

From 86a813887db9ed7b796b9394e96a6c7ea4d00a8e Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 27 Nov 2024 13:53:43 +0800
Subject: [PATCH 0798/1010] feat(no-duplicate-attr-inheritance): ignore multi
 root (#2598)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/no-duplicate-attr-inheritance.md   |  38 +++++-
 lib/rules/no-duplicate-attr-inheritance.js    |  76 ++++++++++--
 .../rules/no-duplicate-attr-inheritance.js    | 112 ++++++++++++++++++
 3 files changed, 214 insertions(+), 12 deletions(-)

diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index 0f1b60340..fe3cd37bf 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -13,9 +13,9 @@ since: v7.0.0
 ## :book: Rule Details
 
 This rule aims to prevent duplicate attribute inheritance.  
-This rule to warn to apply `inheritAttrs: false` when it detects `v-bind="$attrs"` being used.
+This rule suggests applying `inheritAttrs: false` when it detects `v-bind="$attrs"` being used.
 
-<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error']}">
+<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error', { checkMultiRootNodes: false }]}">
 
 ```vue
 <template>
@@ -26,11 +26,12 @@ export default {
   /* ✓ GOOD */
   inheritAttrs: false
 }
+</script>
 ```
 
 </eslint-code-block>
 
-<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error']}">
+<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error', { checkMultiRootNodes: false }]}">
 
 ```vue
 <template>
@@ -41,17 +42,46 @@ export default {
   /* ✗ BAD */
   // inheritAttrs: true (default)
 }
+</script>
 ```
 
 </eslint-code-block>
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-duplicate-attr-inheritance": ["error", {
+    "checkMultiRootNodes": false,
+  }]
+}
+```
+
+- `"checkMultiRootNodes"`: If set to `true`, also suggest applying `inheritAttrs: false` to components with multiple root nodes (where `inheritAttrs: false` is the implicit default, see [attribute inheritance on multiple root nodes](https://vuejs.org/guide/components/attrs.html#attribute-inheritance-on-multiple-root-nodes)), whenever it detects `v-bind="$attrs"` being used. Default is `false`, which will ignore components with multiple root nodes.
+
+### `"checkMultiRootNodes": true`
+
+<eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error', { checkMultiRootNodes: true }]}">
+
+```vue
+<template>
+  <div v-bind="$attrs" />
+  <div />
+</template>
+<script>
+export default {
+  /* ✗ BAD */
+  // inheritAttrs: true (default)
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :books: Further Reading
 
 - [API - inheritAttrs](https://vuejs.org/api/options-misc.html#inheritattrs)
+- [Fallthrough Attributes](https://vuejs.org/guide/components/attrs.html#attribute-inheritance-on-multiple-root-nodes)
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index 654929bd1..ba20a52e5 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -6,6 +6,33 @@
 
 const utils = require('../utils')
 
+/** @param {VElement[]} elements */
+function isConditionalGroup(elements) {
+  if (elements.length < 2) {
+    return false
+  }
+
+  const firstElement = elements[0]
+  const lastElement = elements[elements.length - 1]
+  const inBetweenElements = elements.slice(1, -1)
+
+  return (
+    utils.hasDirective(firstElement, 'if') &&
+    (utils.hasDirective(lastElement, 'else-if') ||
+      utils.hasDirective(lastElement, 'else')) &&
+    inBetweenElements.every((element) => utils.hasDirective(element, 'else-if'))
+  )
+}
+
+/** @param {VElement[]} elements */
+function isMultiRootNodes(elements) {
+  if (elements.length > 1 && !isConditionalGroup(elements)) {
+    return true
+  }
+
+  return false
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -17,15 +44,30 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-duplicate-attr-inheritance.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          checkMultiRootNodes: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       noDuplicateAttrInheritance: 'Set "inheritAttrs" to false.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
+    const options = context.options[0] || {}
+    const checkMultiRootNodes = options.checkMultiRootNodes === true
+
     /** @type {string | number | boolean | RegExp | BigInt | null} */
     let inheritsAttrs = true
+    /** @type {VReference[]} */
+    const attrsRefs = []
 
     /** @param {ObjectExpression} node */
     function processOptions(node) {
@@ -54,7 +96,7 @@ module.exports = {
           if (!inheritsAttrs) {
             return
           }
-          const attrsRef = node.references.find((reference) => {
+          const reference = node.references.find((reference) => {
             if (reference.variable != null) {
               // Not vm reference
               return false
@@ -62,14 +104,32 @@ module.exports = {
             return reference.id.name === '$attrs'
           })
 
-          if (attrsRef) {
-            context.report({
-              node: attrsRef.id,
-              messageId: 'noDuplicateAttrInheritance'
-            })
+          if (reference) {
+            attrsRefs.push(reference)
           }
         }
-      })
+      }),
+      {
+        'Program:exit'(program) {
+          const element = program.templateBody
+          if (element == null) {
+            return
+          }
+
+          const rootElements = element.children.filter(utils.isVElement)
+
+          if (!checkMultiRootNodes && isMultiRootNodes(rootElements)) return
+
+          if (attrsRefs.length > 0) {
+            for (const attrsRef of attrsRefs) {
+              context.report({
+                node: attrsRef.id,
+                messageId: 'noDuplicateAttrInheritance'
+              })
+            }
+          }
+        }
+      }
     )
   }
 }
diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
index e38711a54..41e9f1522 100644
--- a/tests/lib/rules/no-duplicate-attr-inheritance.js
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -43,6 +43,57 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         </script>
       `
     },
+    // ignore multi root by default
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineOptions({ inheritAttrs: true })
+      </script>
+      <template><div v-bind="$attrs"/><div/></template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1"></div>
+        <div v-if="condition2" v-bind="$attrs"></div>
+        <div v-else></div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1"></div>
+        <div v-else-if="condition2"></div>
+        <div v-bind="$attrs"></div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-bind="$attrs"></div>
+        <div v-if="condition1"></div>
+        <div v-else></div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1"></div>
+        <div v-else-if="condition2"></div>
+        <div v-if="condition3" v-bind="$attrs"></div>
+      </template>
+      `,
+      options: [{ checkMultiRootNodes: false }]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -151,6 +202,67 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div v-bind="$attrs"></div><div></div></template>`,
+      options: [{ checkMultiRootNodes: true }],
+      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1" v-bind="$attrs"></div>
+        <div v-else></div>
+        <div v-if="condition2"></div>
+      </template>
+      `,
+      options: [{ checkMultiRootNodes: true }],
+      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+    },
+    // condition group as a single root node
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1" v-bind="$attrs"></div>
+        <div v-else-if="condition2"></div>
+        <div v-else></div>
+      </template>
+      `,
+      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1" v-bind="$attrs"></div>
+        <div v-else-if="condition2"></div>
+        <div v-else-if="condition3"></div>
+        <div v-else></div>
+      </template>
+      `,
+      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1" v-bind="$attrs"></div>
+        <div v-else></div>
+      </template>
+      `,
+      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="condition1" v-bind="$attrs"></div>
+      </template>
+      `,
+      errors: [{ message: 'Set "inheritAttrs" to false.' }]
     }
   ]
 })

From bea53c0aeb4da6e0b3c9e721e1efc905dea188c5 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 27 Nov 2024 14:03:02 +0800
Subject: [PATCH 0799/1010] feat(no-v-text-v-html-on-component): add ignore
 namespace option (#2610)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/no-v-text-v-html-on-component.md   | 27 ++++++++++--
 lib/rules/no-v-text-v-html-on-component.js    | 10 ++++-
 lib/utils/index.js                            | 27 ++++++++----
 .../rules/no-v-text-v-html-on-component.js    | 42 +++++++++++++++++++
 4 files changed, 93 insertions(+), 13 deletions(-)

diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 8e504d859..7d75eb9c9 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -25,11 +25,15 @@ If you use v-text / v-html on a component, it will overwrite the component's con
   <!-- ✓ GOOD -->
   <div v-text="content"></div>
   <div v-html="html"></div>
+  <svg><g v-text="content" /></svg>
+  <math><mi v-text="content" /></math>
   <MyComponent>{{ content }}</MyComponent>
 
   <!-- ✗ BAD -->
   <MyComponent v-text="content"></MyComponent>
   <MyComponent v-html="html"></MyComponent>
+  <g v-text="content" />
+  <mi v-text="content" />
 </template>
 ```
 
@@ -39,14 +43,15 @@ If you use v-text / v-html on a component, it will overwrite the component's con
 
 ```json
 {
-  "vue/no-v-text-v-html-on-component": [
-    "error",
-    { "allow": ["router-link", "nuxt-link"] }
-  ]
+  "vue/no-v-text-v-html-on-component": ["error", {
+    "allow": ["router-link", "nuxt-link"],
+    "ignoreElementNamespaces": false
+  }]
 }
 ```
 
 - `allow` (`string[]`) ... Specify a list of custom components for which the rule should not apply.
+- `ignoreElementNamespaces` (`boolean`) ... If `true`, always treat SVG and MathML tag names as HTML elements, even if they are not used inside a SVG/MathML root element. Default is `false`.
 
 ### `{ "allow": ["router-link", "nuxt-link"] }`
 
@@ -65,6 +70,20 @@ If you use v-text / v-html on a component, it will overwrite the component's con
 
 </eslint-code-block>
 
+### `{ "ignoreElementNamespaces": true }`
+
+<eslint-code-block :rules="{'vue/no-v-text-v-html-on-component': ['error', { ignoreElementNamespaces: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <g v-text="content" /> <!-- SVG element not inside of <svg> -->
+  <mi v-text="content" /> <!-- MathML element not inside of <math> -->
+</template>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v8.4.0
diff --git a/lib/rules/no-v-text-v-html-on-component.js b/lib/rules/no-v-text-v-html-on-component.js
index 50ef9c76e..e3f1f5409 100644
--- a/lib/rules/no-v-text-v-html-on-component.js
+++ b/lib/rules/no-v-text-v-html-on-component.js
@@ -26,6 +26,9 @@ module.exports = {
               type: 'string'
             },
             uniqueItems: true
+          },
+          ignoreElementNamespaces: {
+            type: 'boolean'
           }
         },
         additionalProperties: false
@@ -41,6 +44,8 @@ module.exports = {
     const options = context.options[0] || {}
     /** @type {Set<string>} */
     const allow = new Set(options.allow)
+    /** @type {boolean} */
+    const ignoreElementNamespaces = options.ignoreElementNamespaces === true
 
     /**
      * Check whether the given node is an allowed component or not.
@@ -62,7 +67,10 @@ module.exports = {
      */
     function verify(node) {
       const element = node.parent.parent
-      if (utils.isCustomComponent(element) && !isAllowedComponent(element)) {
+      if (
+        utils.isCustomComponent(element, ignoreElementNamespaces) &&
+        !isAllowedComponent(element)
+      ) {
         context.report({
           node,
           loc: node.loc,
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 58cd32689..eb84c1279 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -941,19 +941,30 @@ module.exports = {
   /**
    * Check whether the given node is a custom component or not.
    * @param {VElement} node The start tag node to check.
+   * @param {boolean} [ignoreElementNamespaces=false] If `true`, ignore element namespaces.
    * @returns {boolean} `true` if the node is a custom component.
    */
-  isCustomComponent(node) {
-    return (
-      (this.isHtmlElementNode(node) &&
-        !this.isHtmlWellKnownElementName(node.rawName)) ||
-      (this.isSvgElementNode(node) &&
-        !this.isSvgWellKnownElementName(node.rawName)) ||
-      (this.isMathElementNode(node) &&
-        !this.isMathWellKnownElementName(node.rawName)) ||
+  isCustomComponent(node, ignoreElementNamespaces = false) {
+    if (
       hasAttribute(node, 'is') ||
       hasDirective(node, 'bind', 'is') ||
       hasDirective(node, 'is')
+    ) {
+      return true
+    }
+
+    const isHtmlName = this.isHtmlWellKnownElementName(node.rawName)
+    const isSvgName = this.isSvgWellKnownElementName(node.rawName)
+    const isMathName = this.isMathWellKnownElementName(node.rawName)
+
+    if (ignoreElementNamespaces) {
+      return !isHtmlName && !isSvgName && !isMathName
+    }
+
+    return (
+      (this.isHtmlElementNode(node) && !isHtmlName) ||
+      (this.isSvgElementNode(node) && !isSvgName) ||
+      (this.isMathElementNode(node) && !isMathName)
     )
   },
 
diff --git a/tests/lib/rules/no-v-text-v-html-on-component.js b/tests/lib/rules/no-v-text-v-html-on-component.js
index ebf2901ba..bb403489e 100644
--- a/tests/lib/rules/no-v-text-v-html-on-component.js
+++ b/tests/lib/rules/no-v-text-v-html-on-component.js
@@ -59,6 +59,26 @@ tester.run('no-v-text-v-html-on-component', rule, {
       </template>
       `,
       options: [{ allow: ['RouterLink', 'nuxt-link'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <svg><g v-text="content" /></svg>
+        <math><mspace v-text="content" /></math>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <h1 v-html="content" />
+        <g v-text="content" />
+        <mi v-text="content" />
+      </template>
+      `,
+      options: [{ ignoreElementNamespaces: true }]
     }
   ],
   invalid: [
@@ -167,6 +187,28 @@ tester.run('no-v-text-v-html-on-component', rule, {
           column: 22
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <g v-text="content" />
+        <mi v-text="content" />
+      </template>
+      `,
+      options: [{ ignoreElementNamespaces: false }],
+      errors: [
+        {
+          message: "Using v-text on component may break component's content.",
+          line: 3,
+          column: 12
+        },
+        {
+          message: "Using v-text on component may break component's content.",
+          line: 4,
+          column: 13
+        }
+      ]
     }
   ]
 })

From 9ddf3e5a6d8d38ee3e7c07ee692740218bf1be8e Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 27 Nov 2024 14:06:14 +0800
Subject: [PATCH 0800/1010] feat: add `ignoreTags` option (#2609)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/attribute-hyphenation.md       | 26 +++++++--
 docs/rules/v-on-event-hyphenation.md      | 26 +++++++--
 lib/rules/attribute-hyphenation.js        | 22 ++++++-
 lib/rules/v-on-event-hyphenation.js       | 25 +++++++-
 tests/lib/rules/attribute-hyphenation.js  | 66 +++++++++++++++++++++
 tests/lib/rules/v-on-event-hyphenation.js | 70 +++++++++++++++++++++++
 6 files changed, 224 insertions(+), 11 deletions(-)

diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index d5fba2e31..89442fceb 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -36,7 +36,8 @@ This rule enforces using hyphenated attribute names on custom components in Vue
 ```json
 {
   "vue/attribute-hyphenation": ["error", "always" | "never", {
-    "ignore": []
+    "ignore": [],
+    "ignoreTags": []
   }]
 }
 ```
@@ -44,9 +45,10 @@ This rule enforces using hyphenated attribute names on custom components in Vue
 Default casing is set to `always`. By default the following attributes are ignored: `data-`, `aria-`, `slot-scope`,
 and all the [SVG attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute) with either an upper case letter or an hyphen.
 
-- `"always"` (default) ... Use hyphenated name.
-- `"never"` ... Don't use hyphenated name except the ones that are ignored.
-- `"ignore"` ... Array of ignored names
+- `"always"` (default) ... Use hyphenated attribute name.
+- `"never"` ... Don't use hyphenated attribute name.
+- `"ignore"` ... Array of attribute names that don't need to follow the specified casing.
+- `"ignoreTags"` ... Array of tag names whose attributes don't need to follow the specified casing.
 
 ### `"always"`
 
@@ -109,6 +111,22 @@ Don't use hyphenated name but allow custom attributes
 
 </eslint-code-block>
 
+### `"never", { "ignoreTags": ["/^custom-/"] }`
+
+<eslint-code-block fix :rules="{'vue/attribute-hyphenation': ['error', 'never', { ignoreTags: ['/^custom-/'] }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <custom-component my-prop="prop" />
+
+  <!-- ✗ BAD -->
+  <my-component my-prop="prop" />
+</template>
+```
+
+</eslint-code-block>
+
 ## :couple: Related Rules
 
 - [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md)
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 811b37437..493a9dac9 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -39,14 +39,16 @@ This rule enforces using hyphenated v-on event names on custom components in Vue
 {
   "vue/v-on-event-hyphenation": ["error", "always" | "never", {
     "autofix": false,
-    "ignore": []
+    "ignore": [],
+    "ignoreTags": []
   }]
 }
 ```
 
-- `"always"` (default) ... Use hyphenated name.
-- `"never"` ... Don't use hyphenated name.
-- `"ignore"` ... Array of ignored names
+- `"always"` (default) ... Use hyphenated event name.
+- `"never"` ... Don't use hyphenated event name.
+- `"ignore"` ... Array of event names that don't need to follow the specified casing.
+- `"ignoreTags"` ... Array of tag names whose events don't need to follow the specified casing.
 - `"autofix"` ... If `true`, enable autofix. If you are using Vue 2, we recommend that you do not use it due to its side effects.
 
 ### `"always"`
@@ -104,6 +106,22 @@ Don't use hyphenated name but allow custom event names
 
 </eslint-code-block>
 
+### `"never", { "ignoreTags": ["/^custom-/"] }`
+
+<eslint-code-block fix :rules="{'vue/v-on-event-hyphenation': ['error', 'never', { ignoreTags: ['/^custom-/'], autofix: true }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <custom-component v-on:my-event="handleEvent" />
+
+  <!-- ✗ BAD -->
+  <my-component v-on:my-event="handleEvent" />
+</template>
+```
+
+</eslint-code-block>
+
 ## :couple: Related Rules
 
 - [vue/custom-event-name-casing](./custom-event-name-casing.md)
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 35519d231..65d096cd4 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -6,6 +6,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
+const { toRegExp } = require('../utils/regexp')
 const svgAttributes = require('../utils/svg-attributes-weird-case.json')
 
 /**
@@ -56,6 +57,12 @@ module.exports = {
             },
             uniqueItems: true,
             additionalItems: false
+          },
+          ignoreTags: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
           }
         },
         additionalProperties: false
@@ -72,6 +79,11 @@ module.exports = {
     const option = context.options[0]
     const optionsPayload = context.options[1]
     const useHyphenated = option !== 'never'
+    /** @type {RegExp[]} */
+    const ignoredTagsRegexps = (
+      (optionsPayload && optionsPayload.ignoreTags) ||
+      []
+    ).map(toRegExp)
     const ignoredAttributes = ['data-', 'aria-', 'slot-scope', ...svgAttributes]
 
     if (optionsPayload && optionsPayload.ignore) {
@@ -130,11 +142,17 @@ module.exports = {
       return useHyphenated ? value.toLowerCase() === value : !/-/.test(value)
     }
 
+    /** @param {string} name */
+    function isIgnoredTagName(name) {
+      return ignoredTagsRegexps.some((re) => re.test(name))
+    }
+
     return utils.defineTemplateBodyVisitor(context, {
       VAttribute(node) {
+        const element = node.parent.parent
         if (
-          !utils.isCustomComponent(node.parent.parent) &&
-          node.parent.parent.name !== 'slot'
+          (!utils.isCustomComponent(element) && element.name !== 'slot') ||
+          isIgnoredTagName(element.rawName)
         )
           return
 
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index f99a45fdc..c9fac76e8 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -2,6 +2,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
+const { toRegExp } = require('../utils/regexp')
 
 module.exports = {
   meta: {
@@ -35,6 +36,12 @@ module.exports = {
             },
             uniqueItems: true,
             additionalItems: false
+          },
+          ignoreTags: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
           }
         },
         additionalProperties: false
@@ -56,6 +63,11 @@ module.exports = {
     const useHyphenated = option !== 'never'
     /** @type {string[]} */
     const ignoredAttributes = (optionsPayload && optionsPayload.ignore) || []
+    /** @type {RegExp[]} */
+    const ignoredTagsRegexps = (
+      (optionsPayload && optionsPayload.ignoreTags) ||
+      []
+    ).map(toRegExp)
     const autofix = Boolean(optionsPayload && optionsPayload.autofix)
 
     const caseConverter = casing.getConverter(
@@ -99,9 +111,20 @@ module.exports = {
       return useHyphenated ? value.toLowerCase() === value : !/-/.test(value)
     }
 
+    /** @param {string} name */
+    function isIgnoredTagName(name) {
+      return ignoredTagsRegexps.some((re) => re.test(name))
+    }
+
     return utils.defineTemplateBodyVisitor(context, {
       "VAttribute[directive=true][key.name.name='on']"(node) {
-        if (!utils.isCustomComponent(node.parent.parent)) return
+        const element = node.parent.parent
+        if (
+          !utils.isCustomComponent(element) ||
+          isIgnoredTagName(element.rawName)
+        ) {
+          return
+        }
         if (!node.key.argument || node.key.argument.type !== 'VIdentifier') {
           return
         }
diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 18d60e19c..738d59ae9 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -85,6 +85,26 @@ ruleTester.run('attribute-hyphenation', rule, {
       filename: 'test.vue',
       code: '<template><div><custom :myName.sync="prop"></custom></div></template>',
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <VueComponent my-prop></VueComponent>
+        <custom-component my-prop></custom-component>
+      </template>
+      `,
+      options: ['never', { ignoreTags: ['VueComponent', '/^custom-/'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <VueComponent myProp="prop"></VueComponent>
+        <custom-component myProp="prop"></custom-component>
+      </template>
+      `,
+      options: ['always', { ignoreTags: ['VueComponent', '/^custom-/'] }]
     }
   ],
 
@@ -450,6 +470,52 @@ ruleTester.run('attribute-hyphenation', rule, {
           line: 1
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <custom my-prop/>
+        <CustomComponent my-prop/>
+      </template>
+      `,
+      output: `
+      <template>
+        <custom myProp/>
+        <CustomComponent my-prop/>
+      </template>
+      `,
+      options: ['never', { ignoreTags: ['CustomComponent'] }],
+      errors: [
+        {
+          message: "Attribute 'my-prop' can't be hyphenated.",
+          type: 'VIdentifier',
+          line: 3,
+          column: 17
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <custom myProp/>
+        <CustomComponent myProp/>
+      </template>
+      `,
+      output: `
+      <template>
+        <custom my-prop/>
+        <CustomComponent myProp/>
+      </template>
+      `,
+      options: ['always', { ignoreTags: ['CustomComponent'] }],
+      errors: [
+        {
+          message: "Attribute 'myProp' must be hyphenated.",
+          type: 'VIdentifier',
+          line: 3,
+          column: 17
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/rules/v-on-event-hyphenation.js b/tests/lib/rules/v-on-event-hyphenation.js
index 54d2ec435..3f58ce1f0 100644
--- a/tests/lib/rules/v-on-event-hyphenation.js
+++ b/tests/lib/rules/v-on-event-hyphenation.js
@@ -44,6 +44,32 @@ tester.run('v-on-event-hyphenation', rule, {
       </template>
       `,
       options: ['never', { ignore: ['custom'] }]
+    },
+    {
+      code: `
+      <template>
+          <VueComponent v-on:custom-event="events"/>
+      </template>
+      `,
+      options: ['never', { ignore: ['custom-event'] }]
+    },
+    {
+      code: `
+      <template>
+          <VueComponent v-on:custom-event="events"/>
+          <custom-component v-on:custom-event="events"/>
+      </template>
+      `,
+      options: ['never', { ignoreTags: ['/^Vue/', 'custom-component'] }]
+    },
+    {
+      code: `
+      <template>
+          <VueComponent v-on:customEvent="events"/>
+          <custom-component v-on:customEvent="events"/>
+      </template>
+      `,
+      options: ['always', { ignoreTags: ['/^Vue/', 'custom-component'] }]
     }
   ],
   invalid: [
@@ -179,6 +205,50 @@ tester.run('v-on-event-hyphenation', rule, {
         "v-on event '@upDate:model-value' can't be hyphenated.",
         "v-on event '@up-date:model-value' can't be hyphenated."
       ]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent v-on:custom-event="events"/>
+        <CustomComponent v-on:custom-event="events"/>
+      </template>
+      `,
+      output: `
+      <template>
+        <VueComponent v-on:customEvent="events"/>
+        <CustomComponent v-on:custom-event="events"/>
+      </template>
+      `,
+      options: ['never', { autofix: true, ignoreTags: ['CustomComponent'] }],
+      errors: [
+        {
+          message: "v-on event 'v-on:custom-event' can't be hyphenated.",
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <VueComponent v-on:customEvent="events"/>
+        <CustomComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      output: `
+      <template>
+        <VueComponent v-on:custom-event="events"/>
+        <CustomComponent v-on:customEvent="events"/>
+      </template>
+      `,
+      options: ['always', { autofix: true, ignoreTags: ['CustomComponent'] }],
+      errors: [
+        {
+          message: "v-on event 'v-on:customEvent' must be hyphenated.",
+          line: 3,
+          column: 23
+        }
+      ]
     }
   ]
 })

From bed816bdb803c93c6a1140773c634e59a4cb3452 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 27 Nov 2024 14:14:17 +0800
Subject: [PATCH 0801/1010] feat: add `restricted-component-names` rule (#2611)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                           |  1 +
 docs/rules/no-restricted-component-names.md   |  4 +
 docs/rules/restricted-component-names.md      | 66 +++++++++++++++
 lib/index.js                                  |  1 +
 lib/rules/restricted-component-names.js       | 80 +++++++++++++++++++
 tests/lib/rules/restricted-component-names.js | 78 ++++++++++++++++++
 6 files changed, 230 insertions(+)
 create mode 100644 docs/rules/restricted-component-names.md
 create mode 100644 lib/rules/restricted-component-names.js
 create mode 100644 tests/lib/rules/restricted-component-names.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 51515e233..d280011f1 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -281,6 +281,7 @@ For example:
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
 | [vue/require-typed-object-prop](./require-typed-object-prop.md) | enforce adding type declarations to object props | :bulb: | :hammer: |
 | [vue/require-typed-ref](./require-typed-ref.md) | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
+| [vue/restricted-component-names](./restricted-component-names.md) | enforce using only specific in component names |  | :warning: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
diff --git a/docs/rules/no-restricted-component-names.md b/docs/rules/no-restricted-component-names.md
index 82f350ca9..689c73aa1 100644
--- a/docs/rules/no-restricted-component-names.md
+++ b/docs/rules/no-restricted-component-names.md
@@ -84,6 +84,10 @@ export default {
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/restricted-component-names](./restricted-component-names.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v9.15.0
diff --git a/docs/rules/restricted-component-names.md b/docs/rules/restricted-component-names.md
new file mode 100644
index 000000000..65029d7e2
--- /dev/null
+++ b/docs/rules/restricted-component-names.md
@@ -0,0 +1,66 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/restricted-component-names
+description: enforce using only specific in component names
+---
+
+# vue/restricted-component-names
+
+> enforce using only specific in component names
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule enforces consistency in component names.
+
+<eslint-code-block :rules="{ 'vue/restricted-component-names': ['error'] }">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <button/>
+  <keep-alive></keep-alive>
+
+  <!-- ✗ BAD -->
+  <custom-component />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/restricted-component-names": ["error", { 
+    "allow": []
+  }]
+}
+```
+
+### `"allow"`
+
+<eslint-code-block :rules="{'vue/restricted-component-names': ['error', { 'allow': ['/^custom-/'] }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <custom-component />
+
+  <!-- ✗ BAD -->
+  <my-component />
+</template>
+```
+
+</eslint-code-block>
+
+## :couple: Related Rules
+
+- [vue/no-restricted-component-names](./no-restricted-component-names.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/restricted-component-names.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/restricted-component-names.js)
diff --git a/lib/index.js b/lib/index.js
index b09e247d5..a94e6c1f4 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -231,6 +231,7 @@ const plugin = {
     'require-typed-ref': require('./rules/require-typed-ref'),
     'require-v-for-key': require('./rules/require-v-for-key'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
+    'restricted-component-names': require('./rules/restricted-component-names'),
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'return-in-emits-validator': require('./rules/return-in-emits-validator'),
     'script-indent': require('./rules/script-indent'),
diff --git a/lib/rules/restricted-component-names.js b/lib/rules/restricted-component-names.js
new file mode 100644
index 000000000..636224db6
--- /dev/null
+++ b/lib/rules/restricted-component-names.js
@@ -0,0 +1,80 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const { toRegExp } = require('../utils/regexp')
+
+const htmlElements = require('../utils/html-elements.json')
+const deprecatedHtmlElements = require('../utils/deprecated-html-elements.json')
+const svgElements = require('../utils/svg-elements.json')
+const vue2builtinComponents = require('../utils/vue2-builtin-components')
+const vue3builtinComponents = require('../utils/vue3-builtin-components')
+
+const reservedNames = new Set([
+  ...htmlElements,
+  ...deprecatedHtmlElements,
+  ...svgElements,
+  ...vue2builtinComponents,
+  ...vue3builtinComponents
+])
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforce using only specific component names',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/restricted-component-names.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+          allow: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        }
+      }
+    ],
+    messages: {
+      invalidName: 'Component name "{{name}}" is not allowed.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || {}
+    /** @type {RegExp[]} */
+    const allow = (options.allow || []).map(toRegExp)
+
+    /** @param {string} name  */
+    function isAllowedTarget(name) {
+      return reservedNames.has(name) || allow.some((re) => re.test(name))
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement(node) {
+        const name = node.rawName
+        if (isAllowedTarget(name)) {
+          return
+        }
+
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'invalidName',
+          data: {
+            name
+          }
+        })
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/restricted-component-names.js b/tests/lib/rules/restricted-component-names.js
new file mode 100644
index 000000000..db87ca804
--- /dev/null
+++ b/tests/lib/rules/restricted-component-names.js
@@ -0,0 +1,78 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/restricted-component-names')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('restricted-component-names', rule, {
+  valid: [
+    '<template><keep-alive></keep-alive></template>',
+    '<template><button/></template>',
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <foo-button/>
+        <div-bar/>
+      </template>
+      `,
+      options: [{ allow: ['/^foo-/', '/-bar$/'] }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <Button/>
+        <foo-button/>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'invalidName',
+          data: { name: 'Button' },
+          line: 3
+        },
+        {
+          messageId: 'invalidName',
+          data: { name: 'foo-button' },
+          line: 4
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <bar-button/>
+        <foo/>
+      </template>
+      `,
+      options: [{ allow: ['/^foo-/', 'bar'] }],
+      errors: [
+        {
+          messageId: 'invalidName',
+          data: { name: 'bar-button' },
+          line: 3
+        },
+        {
+          messageId: 'invalidName',
+          data: { name: 'foo' },
+          line: 4
+        }
+      ]
+    }
+  ]
+})

From 39b353a4bcc6559623369fefd9a1c97746339acc Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 27 Nov 2024 17:34:55 +0900
Subject: [PATCH 0802/1010] Chore: workaround for ESLint Stylistic issue
 (#2623)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 75d83695f..503f711f1 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
-    "@stylistic/eslint-plugin": "^2.9.0",
+    "@stylistic/eslint-plugin": "~2.10.0",
     "@types/eslint": "^8.56.2",
     "@types/eslint-visitor-keys": "^3.3.2",
     "@types/natural-compare": "^1.4.3",

From fdfffd639c21559ea8b7e005420f5f5435c4235b Mon Sep 17 00:00:00 2001
From: Tomas Kudlac <41956970+Thomasan1999@users.noreply.github.com>
Date: Wed, 27 Nov 2024 09:36:22 +0100
Subject: [PATCH 0803/1010] fix(prefer-use-template-ref): only check root-level
 variables (#2612)

---
 lib/rules/prefer-use-template-ref.js       | 83 +++++++++++++--------
 tests/lib/rules/prefer-use-template-ref.js | 85 ++++++++++++++--------
 2 files changed, 107 insertions(+), 61 deletions(-)

diff --git a/lib/rules/prefer-use-template-ref.js b/lib/rules/prefer-use-template-ref.js
index 916583e9f..7d01958b7 100644
--- a/lib/rules/prefer-use-template-ref.js
+++ b/lib/rules/prefer-use-template-ref.js
@@ -6,14 +6,42 @@
 
 const utils = require('../utils')
 
-/** @param expression {Expression | null} */
-function expressionIsRef(expression) {
-  return (
+/**
+ * @typedef ScriptRef
+ * @type {{node: Expression, ref: string}}
+ */
+
+/**
+ * @param declarator {VariableDeclarator}
+ * @returns {ScriptRef}
+ * */
+function convertDeclaratorToScriptRef(declarator) {
+  return {
+    // @ts-ignore
+    node: declarator.init,
     // @ts-ignore
-    expression?.callee?.name === 'ref' ||
+    ref: declarator.id.name
+  }
+}
+
+/**
+ * @param body {(Statement | ModuleDeclaration)[]}
+ * @returns {ScriptRef[]}
+ * */
+function getScriptRefsFromSetupFunction(body) {
+  /** @type {VariableDeclaration[]} */
+  const variableDeclarations = body.filter(
+    (child) => child.type === 'VariableDeclaration'
+  )
+  const variableDeclarators = variableDeclarations.map(
+    (declaration) => declaration.declarations[0]
+  )
+  const refDeclarators = variableDeclarators.filter((declarator) =>
     // @ts-ignore
-    expression?.callee?.name === 'shallowRef'
+    ['ref', 'shallowRef'].includes(declarator.init?.callee?.name)
   )
+
+  return refDeclarators.map(convertDeclaratorToScriptRef)
 }
 
 /** @type {import("eslint").Rule.RuleModule} */
@@ -36,40 +64,33 @@ module.exports = {
     /** @type Set<string> */
     const templateRefs = new Set()
 
-    /**
-     * @typedef ScriptRef
-     * @type {{node: Expression, ref: string}}
-     */
-
     /**
      * @type ScriptRef[] */
     const scriptRefs = []
 
     return utils.compositingVisitors(
-      utils.defineTemplateBodyVisitor(
-        context,
-        {
-          'VAttribute[directive=false]'(node) {
-            if (node.key.name === 'ref' && node.value?.value) {
-              templateRefs.add(node.value.value)
-            }
+      utils.defineTemplateBodyVisitor(context, {
+        'VAttribute[directive=false]'(node) {
+          if (node.key.name === 'ref' && node.value?.value) {
+            templateRefs.add(node.value.value)
           }
-        },
-        {
-          VariableDeclarator(declarator) {
-            if (!expressionIsRef(declarator.init)) {
-              return
-            }
+        }
+      }),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node) {
+          // @ts-ignore
+          const newScriptRefs = getScriptRefsFromSetupFunction(node.body.body)
 
-            scriptRefs.push({
-              // @ts-ignore
-              node: declarator.init,
-              // @ts-ignore
-              ref: declarator.id.name
-            })
-          }
+          scriptRefs.push(...newScriptRefs)
+        }
+      }),
+      utils.defineScriptSetupVisitor(context, {
+        Program(node) {
+          const newScriptRefs = getScriptRefsFromSetupFunction(node.body)
+
+          scriptRefs.push(...newScriptRefs)
         }
-      ),
+      }),
       {
         'Program:exit'() {
           for (const templateRef of templateRefs) {
diff --git a/tests/lib/rules/prefer-use-template-ref.js b/tests/lib/rules/prefer-use-template-ref.js
index fe1ee2d2f..77020cdcf 100644
--- a/tests/lib/rules/prefer-use-template-ref.js
+++ b/tests/lib/rules/prefer-use-template-ref.js
@@ -197,6 +197,61 @@ tester.run('prefer-use-template-ref', rule, {
         const button = ref();
         </script>
       `
+    },
+    {
+      filename: 'ref-in-block.vue',
+      code: `
+      <template>
+          <div>
+            <ul>
+              <li ref="firstListItem">Morning</li>
+              <li ref="second">Afternoon</li>
+              <li>Evening</li>
+            </ul>
+          </div>
+      </template>
+      <script setup>
+        import { ref, shallowRef } from 'vue';
+        function getFirstListItemElement() {
+          const firstListItem = ref();
+          const nestedCallback = () => {
+            const second = shallowRef();
+            console.log(second);
+          }
+          nestedCallback();
+        }
+      </script>
+      `
+    },
+    {
+      filename: 'ref-in-block-setup-fn.vue',
+      code: `
+      <template>
+          <div>
+            <ul>
+              <li ref="firstListItem">Morning</li>
+              <li ref="second">Afternoon</li>
+              <li>Evening</li>
+            </ul>
+          </div>
+      </template>
+      <script>
+        import { ref, shallowRef } from 'vue';
+        export default {
+          name: 'ComponentWithRefInBlock',
+          setup() {
+            function getFirstListItemElement() {
+              const firstListItem = shallowRef();
+              const nestedCallback = () => {
+                const second = ref();
+                console.log(second);
+              }
+              nestedCallback();
+            }
+          }
+        }
+      </script>
+      `
     }
   ],
   invalid: [
@@ -278,36 +333,6 @@ tester.run('prefer-use-template-ref', rule, {
         }
       ]
     },
-    {
-      filename: 'ref-in-block.vue',
-      code: `
-      <template>
-          <div>
-            <ul>
-              <li ref="firstListItem">Morning</li>
-              <li>Afternoon</li>
-              <li>Evening</li>
-            </ul>
-          </div>
-      </template>
-      <script setup>
-        import { ref } from 'vue';
-        function getFirstListItemElement() {
-          const firstListItem = ref();
-        }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'preferUseTemplateRef',
-          data: {
-            name: 'ref'
-          },
-          line: 14,
-          column: 33
-        }
-      ]
-    },
     {
       filename: 'setup-function-only-refs.vue',
       code: `

From a270df82fef9d3f0e421b2ed27edd42afb25a0a6 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 27 Nov 2024 17:33:58 +0800
Subject: [PATCH 0804/1010] feat: add slot-name-casing rule (#2620)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                      |   3 +-
 docs/rules/restricted-component-names.md |   4 +-
 docs/rules/slot-name-casing.md           |  88 ++++++++++++++
 lib/index.js                             |   1 +
 lib/rules/slot-name-casing.js            |  82 +++++++++++++
 tests/lib/rules/slot-name-casing.js      | 148 +++++++++++++++++++++++
 6 files changed, 323 insertions(+), 3 deletions(-)
 create mode 100644 docs/rules/slot-name-casing.md
 create mode 100644 lib/rules/slot-name-casing.js
 create mode 100644 tests/lib/rules/slot-name-casing.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d280011f1..074f4bd46 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -281,8 +281,9 @@ For example:
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
 | [vue/require-typed-object-prop](./require-typed-object-prop.md) | enforce adding type declarations to object props | :bulb: | :hammer: |
 | [vue/require-typed-ref](./require-typed-ref.md) | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
-| [vue/restricted-component-names](./restricted-component-names.md) | enforce using only specific in component names |  | :warning: |
+| [vue/restricted-component-names](./restricted-component-names.md) | enforce using only specific component names |  | :warning: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
+| [vue/slot-name-casing](./slot-name-casing.md) | enforce specific casing for slot names |  | :hammer: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
diff --git a/docs/rules/restricted-component-names.md b/docs/rules/restricted-component-names.md
index 65029d7e2..e38ed7a7b 100644
--- a/docs/rules/restricted-component-names.md
+++ b/docs/rules/restricted-component-names.md
@@ -2,12 +2,12 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/restricted-component-names
-description: enforce using only specific in component names
+description: enforce using only specific component names
 ---
 
 # vue/restricted-component-names
 
-> enforce using only specific in component names
+> enforce using only specific component names
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 
diff --git a/docs/rules/slot-name-casing.md b/docs/rules/slot-name-casing.md
new file mode 100644
index 000000000..07d793ffe
--- /dev/null
+++ b/docs/rules/slot-name-casing.md
@@ -0,0 +1,88 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/slot-name-casing
+description: enforce specific casing for slot names
+---
+
+# vue/slot-name-casing
+
+> enforce specific casing for slot names
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule enforces proper casing of slot names in Vue components.
+
+<eslint-code-block :rules="{'vue/slot-name-casing': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <slot name="foo" />
+  <slot name="fooBar" />
+
+  <!-- ✗ BAD -->
+  <slot name="foo-bar" />
+  <slot name="foo_bar" />
+  <slot name="foo:bar" />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/slot-name-casing": ["error", "camelCase" | "kebab-case" | "singleword"]
+}
+```
+
+- `"camelCase"` (default) ... Enforce slot name to be in camel case.
+- `"kebab-case"` ... Enforce slot name to be in kebab case.
+- `"singleword"` ... Enforce slot name to be a single word.
+
+### `"kebab-case"`
+
+<eslint-code-block :rules="{'vue/prop-name-casing': ['error', 'kebab-case']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <slot name="foo" />
+  <slot name="foo-bar" />
+
+  <!-- ✗ BAD -->
+  <slot name="fooBar" />
+  <slot name="foo_bar" />
+  <slot name="foo:bar" />
+</template>
+```
+
+</eslint-code-block>
+
+### `"singleword"`
+
+<eslint-code-block :rules="{'vue/prop-name-casing': ['error', 'singleword']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <slot name="foo" />
+
+  <!-- ✗ BAD -->
+  <slot name="foo-bar" />
+  <slot name="fooBar" />
+  <slot name="foo_bar" />
+  <slot name="foo:bar" />
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/slot-name-casing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/slot-name-casing.js)
diff --git a/lib/index.js b/lib/index.js
index a94e6c1f4..ce562f458 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -237,6 +237,7 @@ const plugin = {
     'script-indent': require('./rules/script-indent'),
     'script-setup-uses-vars': require('./rules/script-setup-uses-vars'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
+    'slot-name-casing': require('./rules/slot-name-casing'),
     'sort-keys': require('./rules/sort-keys'),
     'space-in-parens': require('./rules/space-in-parens'),
     'space-infix-ops': require('./rules/space-infix-ops'),
diff --git a/lib/rules/slot-name-casing.js b/lib/rules/slot-name-casing.js
new file mode 100644
index 000000000..6d98d8d82
--- /dev/null
+++ b/lib/rules/slot-name-casing.js
@@ -0,0 +1,82 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+
+/**
+ * @typedef { 'camelCase' | 'kebab-case' | 'singleword' } OptionType
+ * @typedef { (str: string) => boolean } CheckerType
+ */
+
+/**
+ * Checks whether the given string is a single word.
+ * @param {string} str
+ * @return {boolean}
+ */
+function isSingleWord(str) {
+  return /^[a-z]+$/u.test(str)
+}
+
+/** @type {OptionType[]} */
+const allowedCaseOptions = ['camelCase', 'kebab-case', 'singleword']
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce specific casing for slot names',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/slot-name-casing.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        enum: allowedCaseOptions
+      }
+    ],
+    messages: {
+      invalidCase: 'Slot name "{{name}}" is not {{caseType}}.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const option = context.options[0]
+
+    /** @type {OptionType} */
+    const caseType = allowedCaseOptions.includes(option) ? option : 'camelCase'
+
+    /** @type {CheckerType} */
+    const checker =
+      caseType === 'singleword' ? isSingleWord : casing.getChecker(caseType)
+
+    /** @param {VAttribute} node */
+    function processSlotNode(node) {
+      const name = node.value?.value
+      if (name && !checker(name)) {
+        context.report({
+          node,
+          loc: node.loc,
+          messageId: 'invalidCase',
+          data: {
+            name,
+            caseType
+          }
+        })
+      }
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VElement} node */
+      "VElement[name='slot']"(node) {
+        const slotName = utils.getAttribute(node, 'name')
+        if (slotName) {
+          processSlotNode(slotName)
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/slot-name-casing.js b/tests/lib/rules/slot-name-casing.js
new file mode 100644
index 000000000..ea8b72aab
--- /dev/null
+++ b/tests/lib/rules/slot-name-casing.js
@@ -0,0 +1,148 @@
+/**
+ * @author WayneZhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/slot-name-casing')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('slot-name-casing', rule, {
+  valid: [
+    `<template><slot key="foo" /></template>`,
+    `<template><slot name /></template>`,
+    `<template><slot name="foo" /></template>`,
+    `<template><slot name="fooBar" /></template>`,
+    `<template><slot :name="fooBar" /></template>`,
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <slot name="foo" />
+          <slot name="foo-bar" />
+          <slot :name="fooBar" />
+        </template>
+      `,
+      options: ['kebab-case']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <slot name="foo" />
+          <slot :name="fooBar" />
+        </template>
+      `,
+      options: ['singleword']
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <slot name="foo-bar" />
+          <slot name="foo-Bar_baz" />
+        </template>
+      `,
+      errors: [
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'foo-bar',
+            caseType: 'camelCase'
+          },
+          line: 3,
+          column: 17
+        },
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'foo-Bar_baz',
+            caseType: 'camelCase'
+          },
+          line: 4,
+          column: 17
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <slot name="fooBar" />
+          <slot name="foo-Bar_baz" />
+        </template>
+      `,
+      options: ['kebab-case'],
+      errors: [
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'fooBar',
+            caseType: 'kebab-case'
+          },
+          line: 3,
+          column: 17
+        },
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'foo-Bar_baz',
+            caseType: 'kebab-case'
+          },
+          line: 4,
+          column: 17
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <slot name="foo-bar" />
+          <slot name="fooBar" />
+          <slot name="foo-Bar_baz" />
+        </template>
+      `,
+      options: ['singleword'],
+      errors: [
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'foo-bar',
+            caseType: 'singleword'
+          },
+          line: 3,
+          column: 17
+        },
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'fooBar',
+            caseType: 'singleword'
+          },
+          line: 4,
+          column: 17
+        },
+        {
+          messageId: 'invalidCase',
+          data: {
+            name: 'foo-Bar_baz',
+            caseType: 'singleword'
+          },
+          line: 5,
+          column: 17
+        }
+      ]
+    }
+  ]
+})

From 618f49c147490f813a3460c86db79b6ccdc19e9c Mon Sep 17 00:00:00 2001
From: Joe Ellis <joe@chadwickellis.com>
Date: Wed, 27 Nov 2024 10:43:27 +0000
Subject: [PATCH 0805/1010] fix(require-explicit-slots): add support for type
 references (#2617)

---
 lib/rules/require-explicit-slots.js           |  40 +-
 lib/utils/index.js                            |  30 +-
 lib/utils/ts-utils/index.js                   |  39 +-
 lib/utils/ts-utils/ts-ast.js                  |  37 +-
 lib/utils/ts-utils/ts-types.js                |  48 ++
 tests/lib/rules/require-explicit-slots.js     | 468 ++++++++++++++++++
 .../ts-utils/index/get-component-slots.js     | 115 +++++
 typings/eslint-plugin-vue/util-types/utils.ts |  29 +-
 8 files changed, 775 insertions(+), 31 deletions(-)
 create mode 100644 tests/lib/utils/ts-utils/index/get-component-slots.js

diff --git a/lib/rules/require-explicit-slots.js b/lib/rules/require-explicit-slots.js
index f87503bb7..5298e598c 100644
--- a/lib/rules/require-explicit-slots.js
+++ b/lib/rules/require-explicit-slots.js
@@ -98,30 +98,22 @@ module.exports = {
 
     return utils.compositingVisitors(
       utils.defineScriptSetupVisitor(context, {
-        onDefineSlotsEnter(node) {
-          const typeArguments =
-            'typeArguments' in node ? node.typeArguments : node.typeParameters
-          const param = /** @type {TypeNode|undefined} */ (
-            typeArguments?.params[0]
-          )
-          if (!param) return
-
-          if (param.type === 'TSTypeLiteral') {
-            for (const memberNode of param.members) {
-              const slotName = getSlotsName(memberNode)
-              if (!slotName) continue
-
-              if (slotsDefined.has(slotName)) {
-                context.report({
-                  node: memberNode,
-                  messageId: 'alreadyDefinedSlot',
-                  data: {
-                    slotName
-                  }
-                })
-              } else {
-                slotsDefined.add(slotName)
-              }
+        onDefineSlotsEnter(_node, slots) {
+          for (const slot of slots) {
+            if (!slot.slotName) {
+              continue
+            }
+
+            if (slotsDefined.has(slot.slotName)) {
+              context.report({
+                node: slot.node,
+                messageId: 'alreadyDefinedSlot',
+                data: {
+                  slotName: slot.slotName
+                }
+              })
+            } else {
+              slotsDefined.add(slot.slotName)
             }
           }
         }
diff --git a/lib/utils/index.js b/lib/utils/index.js
index eb84c1279..167edf208 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -26,6 +26,10 @@ const { getScope } = require('./scope')
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentInferTypeEmit} ComponentInferTypeEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownEmit} ComponentUnknownEmit
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentEmit} ComponentEmit
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentTypeSlot} ComponentTypeSlot
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentInferTypeSlot} ComponentInferTypeSlot
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentUnknownSlot} ComponentUnknownSlot
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentSlot} ComponentSlot
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentModelName} ComponentModelName
  * @typedef {import('../../typings/eslint-plugin-vue/util-types/utils').ComponentModel} ComponentModel
  */
@@ -70,6 +74,7 @@ const {
 const {
   getComponentPropsFromTypeDefine,
   getComponentEmitsFromTypeDefine,
+  getComponentSlotsFromTypeDefine,
   isTypeNode
 } = require('./ts-utils')
 
@@ -1435,7 +1440,7 @@ module.exports = {
         'onDefineSlotsEnter',
         'onDefineSlotsExit',
         (candidateMacro, node) => candidateMacro === node,
-        () => undefined
+        getComponentSlotsFromDefineSlots
       ),
       new MacroListener(
         'defineExpose',
@@ -3372,6 +3377,28 @@ function getComponentEmitsFromDefineEmits(context, node) {
     }
   ]
 }
+
+/**
+ * Get all slots from `defineSlots` call expression.
+ * @param {RuleContext} context The rule context object.
+ * @param {CallExpression} node `defineSlots` call expression
+ * @return {ComponentSlot[]} Array of component slots
+ */
+function getComponentSlotsFromDefineSlots(context, node) {
+  const typeArguments =
+    'typeArguments' in node ? node.typeArguments : node.typeParameters
+  if (typeArguments && typeArguments.params.length > 0) {
+    return getComponentSlotsFromTypeDefine(context, typeArguments.params[0])
+  }
+  return [
+    {
+      type: 'unknown',
+      slotName: null,
+      node: null
+    }
+  ]
+}
+
 /**
  * Get model info from `defineModel` call expression.
  * @param {RuleContext} _context The rule context object.
@@ -3414,6 +3441,7 @@ function getComponentModelFromDefineModel(_context, node) {
     typeNode: null
   }
 }
+
 /**
  * Get all props by looking at all component's properties
  * @param {ObjectExpression|ArrayExpression} propsNode Object with props definition
diff --git a/lib/utils/ts-utils/index.js b/lib/utils/ts-utils/index.js
index 8b6c53b26..3db610d1c 100644
--- a/lib/utils/ts-utils/index.js
+++ b/lib/utils/ts-utils/index.js
@@ -5,11 +5,13 @@ const {
   isTSTypeLiteralOrTSFunctionType,
   extractRuntimeEmits,
   flattenTypeNodes,
-  isTSInterfaceBody
+  isTSInterfaceBody,
+  extractRuntimeSlots
 } = require('./ts-ast')
 const {
   getComponentPropsFromTypeDefineTypes,
-  getComponentEmitsFromTypeDefineTypes
+  getComponentEmitsFromTypeDefineTypes,
+  getComponentSlotsFromTypeDefineTypes
 } = require('./ts-types')
 
 /**
@@ -22,12 +24,16 @@ const {
  * @typedef {import('../index').ComponentTypeEmit} ComponentTypeEmit
  * @typedef {import('../index').ComponentInferTypeEmit} ComponentInferTypeEmit
  * @typedef {import('../index').ComponentUnknownEmit} ComponentUnknownEmit
+ * @typedef {import('../index').ComponentTypeSlot} ComponentTypeSlot
+ * @typedef {import('../index').ComponentInferTypeSlot} ComponentInferTypeSlot
+ * @typedef {import('../index').ComponentUnknownSlot} ComponentUnknownSlot
  */
 
 module.exports = {
   isTypeNode,
   getComponentPropsFromTypeDefine,
-  getComponentEmitsFromTypeDefine
+  getComponentEmitsFromTypeDefine,
+  getComponentSlotsFromTypeDefine
 }
 
 /**
@@ -86,3 +92,30 @@ function getComponentEmitsFromTypeDefine(context, emitsNode) {
   }
   return result
 }
+
+/**
+ * Get all slots by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} slotsNode Type with slots definition
+ * @return {(ComponentTypeSlot|ComponentInferTypeSlot|ComponentUnknownSlot)[]} Array of component slots
+ */
+function getComponentSlotsFromTypeDefine(context, slotsNode) {
+  /** @type {(ComponentTypeSlot|ComponentInferTypeSlot|ComponentUnknownSlot)[]} */
+  const result = []
+  for (const defNode of flattenTypeNodes(
+    context,
+    /** @type {TSESTreeTypeNode} */ (slotsNode)
+  )) {
+    if (isTSInterfaceBody(defNode) || isTSTypeLiteral(defNode)) {
+      result.push(...extractRuntimeSlots(defNode))
+    } else {
+      result.push(
+        ...getComponentSlotsFromTypeDefineTypes(
+          context,
+          /** @type {TypeNode} */ (defNode)
+        )
+      )
+    }
+  }
+  return result
+}
diff --git a/lib/utils/ts-utils/ts-ast.js b/lib/utils/ts-utils/ts-ast.js
index ddbb9de05..1021b4baf 100644
--- a/lib/utils/ts-utils/ts-ast.js
+++ b/lib/utils/ts-utils/ts-ast.js
@@ -15,6 +15,8 @@ const { inferRuntimeTypeFromTypeNode } = require('./ts-types')
  * @typedef {import('../index').ComponentUnknownProp} ComponentUnknownProp
  * @typedef {import('../index').ComponentTypeEmit} ComponentTypeEmit
  * @typedef {import('../index').ComponentUnknownEmit} ComponentUnknownEmit
+ * @typedef {import('../index').ComponentTypeSlot} ComponentTypeSlot
+ * @typedef {import('../index').ComponentUnknownSlot} ComponentUnknownSlot
  */
 
 const noop = Function.prototype
@@ -26,7 +28,8 @@ module.exports = {
   isTSTypeLiteral,
   isTSTypeLiteralOrTSFunctionType,
   extractRuntimeProps,
-  extractRuntimeEmits
+  extractRuntimeEmits,
+  extractRuntimeSlots
 }
 
 /**
@@ -209,6 +212,38 @@ function* extractRuntimeEmits(node) {
   }
 }
 
+/**
+ * @param {TSESTreeTSTypeLiteral | TSESTreeTSInterfaceBody} node
+ * @returns {IterableIterator<ComponentTypeSlot | ComponentUnknownSlot>}
+ */
+function* extractRuntimeSlots(node) {
+  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
+  for (const member of members) {
+    if (
+      member.type === 'TSPropertySignature' ||
+      member.type === 'TSMethodSignature'
+    ) {
+      if (member.key.type !== 'Identifier' && member.key.type !== 'Literal') {
+        yield {
+          type: 'unknown',
+          slotName: null,
+          node: /** @type {Expression} */ (member.key)
+        }
+        continue
+      }
+      yield {
+        type: 'type',
+        key: /** @type {Identifier | Literal} */ (member.key),
+        slotName:
+          member.key.type === 'Identifier'
+            ? member.key.name
+            : `${member.key.value}`,
+        node: /** @type {TSPropertySignature | TSMethodSignature} */ (member)
+      }
+    }
+  }
+}
+
 /**
  * @param {TSESTreeParameter} eventName
  * @param {TSCallSignatureDeclaration | TSFunctionType} member
diff --git a/lib/utils/ts-utils/ts-types.js b/lib/utils/ts-utils/ts-types.js
index abb303862..2fe354c2c 100644
--- a/lib/utils/ts-utils/ts-types.js
+++ b/lib/utils/ts-utils/ts-types.js
@@ -24,11 +24,14 @@ const {
  * @typedef {import('../index').ComponentUnknownProp} ComponentUnknownProp
  * @typedef {import('../index').ComponentInferTypeEmit} ComponentInferTypeEmit
  * @typedef {import('../index').ComponentUnknownEmit} ComponentUnknownEmit
+ * @typedef {import('../index').ComponentInferTypeSlot} ComponentInferTypeSlot
+ * @typedef {import('../index').ComponentUnknownSlot} ComponentUnknownSlot
  */
 
 module.exports = {
   getComponentPropsFromTypeDefineTypes,
   getComponentEmitsFromTypeDefineTypes,
+  getComponentSlotsFromTypeDefineTypes,
   inferRuntimeTypeFromTypeNode
 }
 
@@ -122,6 +125,34 @@ function getComponentEmitsFromTypeDefineTypes(context, emitsNode) {
   return [...extractRuntimeEmits(type, tsNode, emitsNode, services)]
 }
 
+/**
+ * Get all slots by looking at all component's properties
+ * @param {RuleContext} context The ESLint rule context object.
+ * @param {TypeNode} slotsNode Type with slots definition
+ * @return {(ComponentInferTypeSlot|ComponentUnknownSlot)[]} Array of component slots
+ */
+function getComponentSlotsFromTypeDefineTypes(context, slotsNode) {
+  const services = getTSParserServices(context)
+  const tsNode = services && services.tsNodeMap.get(slotsNode)
+  const type = tsNode && services.checker.getTypeAtLocation(tsNode)
+  if (
+    !type ||
+    isAny(type) ||
+    isUnknown(type) ||
+    isNever(type) ||
+    isNull(type)
+  ) {
+    return [
+      {
+        type: 'unknown',
+        slotName: null,
+        node: slotsNode
+      }
+    ]
+  }
+  return [...extractRuntimeSlots(type, slotsNode)]
+}
+
 /**
  * @param {RuleContext} context The ESLint rule context object.
  * @param {TypeNode|Expression} node
@@ -259,6 +290,23 @@ function* extractRuntimeEmits(type, tsNode, emitsNode, services) {
   }
 }
 
+/**
+ * @param {Type} type
+ * @param {TypeNode} slotsNode Type with slots definition
+ * @returns {IterableIterator<ComponentInferTypeSlot>}
+ */
+function* extractRuntimeSlots(type, slotsNode) {
+  for (const property of type.getProperties()) {
+    const name = property.getName()
+
+    yield {
+      type: 'infer-type',
+      slotName: name,
+      node: slotsNode
+    }
+  }
+}
+
 /**
  * @param {Type} type
  * @returns {Iterable<Type>}
diff --git a/tests/lib/rules/require-explicit-slots.js b/tests/lib/rules/require-explicit-slots.js
index 92d1a1334..f99614119 100644
--- a/tests/lib/rules/require-explicit-slots.js
+++ b/tests/lib/rules/require-explicit-slots.js
@@ -34,6 +34,36 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot />
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot />
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -48,6 +78,36 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -62,6 +122,36 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        foo(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        foo(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -76,6 +166,36 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        foo: (props: { msg: string }) => any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        foo: (props: { msg: string }) => any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -90,6 +210,36 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo-bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        'foo-bar'(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo-bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        'foo-bar'(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -178,6 +328,40 @@ tester.run('require-explicit-slots', rule, {
       }>()
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="'foo'"></slot>
+          <slot :name="\`bar\`"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        foo(props: { msg: string }): any
+        bar(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="'foo'"></slot>
+          <slot :name="\`bar\`"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        foo(props: { msg: string }): any
+        bar(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `
@@ -191,6 +375,36 @@ tester.run('require-explicit-slots', rule, {
         default(props: { msg: string }): any
       }>()
       </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`
     }
   ],
   invalid: [
@@ -261,6 +475,46 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -280,6 +534,46 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        default: (props: { msg: string }) => any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        default: (props: { msg: string }) => any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -299,6 +593,46 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name />
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        'foo-bar'(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name />
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        'foo-bar'(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -342,6 +676,48 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      // ignore attribute binding except string literal
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="'foo'"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
+    {
+      // ignore attribute binding except string literal
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot :name="'foo'"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        default(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -362,6 +738,48 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface Slots {
+        foo(props: { msg: string }): any
+        foo(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slot foo is already defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      type Slots = {
+        foo(props: { msg: string }): any
+        foo(props: { msg: string }): any
+      }
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slot foo is already defined.'
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -384,6 +802,56 @@ tester.run('require-explicit-slots', rule, {
           message: 'Slot foo is already defined.'
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      interface SlotsA {
+        foo(props: { msg: string }): any
+      }
+      defineSlots<SlotsA>()
+      interface SlotsB {
+        default(props: { msg: string }): any,
+        foo(props: { msg: string }): any
+      }
+      defineSlots<SlotsB>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slot foo is already defined.'
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo" />
+        </div>
+      </template>
+      <script setup lang="ts">
+      type SlotsA = {
+        foo(props: { msg: string }): any
+      }
+      defineSlots<SlotsA>()
+      type SlotsB = {
+        default(props: { msg: string }): any,
+        foo(props: { msg: string }): any
+      }
+      defineSlots<SlotsB>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slot foo is already defined.'
+        }
+      ]
     }
   ]
 })
diff --git a/tests/lib/utils/ts-utils/index/get-component-slots.js b/tests/lib/utils/ts-utils/index/get-component-slots.js
new file mode 100644
index 000000000..410021b93
--- /dev/null
+++ b/tests/lib/utils/ts-utils/index/get-component-slots.js
@@ -0,0 +1,115 @@
+/**
+ * Test for getComponentSlotsFromTypeDefineTypes
+ */
+'use strict'
+
+const path = require('path')
+const fs = require('fs')
+const Linter = require('../../../../eslint-compat').Linter
+const parser = require('vue-eslint-parser')
+const tsParser = require('@typescript-eslint/parser')
+const utils = require('../../../../../lib/utils/index')
+const assert = require('assert')
+
+const FIXTURES_ROOT = path.resolve(
+  __dirname,
+  '../../../../fixtures/utils/ts-utils'
+)
+const TSCONFIG_PATH = path.resolve(FIXTURES_ROOT, './tsconfig.json')
+const SRC_TS_TEST_PATH = path.join(FIXTURES_ROOT, './src/test.ts')
+
+function extractComponentSlots(code, tsFileCode) {
+  const linter = new Linter()
+  const result = []
+  const config = {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser,
+      ecmaVersion: 2020,
+      parserOptions: {
+        parser: tsParser,
+        project: [TSCONFIG_PATH],
+        extraFileExtensions: ['.vue']
+      }
+    },
+    plugins: {
+      test: {
+        rules: {
+          test: {
+            create(context) {
+              return utils.defineScriptSetupVisitor(context, {
+                onDefineSlotsEnter(_node, slots) {
+                  result.push(
+                    ...slots.map((prop) => ({
+                      type: prop.type,
+                      name: prop.slotName
+                    }))
+                  )
+                }
+              })
+            }
+          }
+        }
+      }
+    },
+    rules: {
+      'test/test': 'error'
+    }
+  }
+  fs.writeFileSync(SRC_TS_TEST_PATH, tsFileCode || '', 'utf8')
+  // clean './src/test.ts' cache
+  tsParser.clearCaches()
+  assert.deepStrictEqual(
+    linter.verify(code, config, path.join(FIXTURES_ROOT, './src/test.vue')),
+    []
+  )
+  // reset
+  fs.writeFileSync(SRC_TS_TEST_PATH, '', 'utf8')
+  return result
+}
+
+describe('getComponentSlotsFromTypeDefineTypes', () => {
+  for (const { scriptCode, tsFileCode, slots: expected } of [
+    {
+      scriptCode: `
+        defineSlots<{
+          default(props: { msg: string }): any
+        }>()
+      `,
+      slots: [{ type: 'type', name: 'default' }]
+    },
+    {
+      scriptCode: `
+        interface Slots {
+          default(props: { msg: string }): any
+        }
+        defineSlots<Slots>()
+      `,
+      slots: [{ type: 'type', name: 'default' }]
+    },
+    {
+      scriptCode: `
+        type Slots = {
+          default(props: { msg: string }): any
+        }
+        defineSlots<Slots>()
+      `,
+      slots: [{ type: 'type', name: 'default' }]
+    }
+  ]) {
+    const code = `
+      <script setup lang="ts">
+      ${scriptCode}
+      </script>
+    `
+    it(`should return expected slots with :${code}`, () => {
+      const slots = extractComponentSlots(code, tsFileCode)
+
+      assert.deepStrictEqual(
+        slots,
+        expected,
+        `\n${JSON.stringify(slots)}\n === \n${JSON.stringify(expected)}`
+      )
+    })
+  }
+})
diff --git a/typings/eslint-plugin-vue/util-types/utils.ts b/typings/eslint-plugin-vue/util-types/utils.ts
index 3e9184262..ebe9933d3 100644
--- a/typings/eslint-plugin-vue/util-types/utils.ts
+++ b/typings/eslint-plugin-vue/util-types/utils.ts
@@ -42,8 +42,8 @@ export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
   onDefineEmitsExit?(node: CallExpression, emits: ComponentEmit[]): void
   onDefineOptionsEnter?(node: CallExpression): void
   onDefineOptionsExit?(node: CallExpression): void
-  onDefineSlotsEnter?(node: CallExpression): void
-  onDefineSlotsExit?(node: CallExpression): void
+  onDefineSlotsEnter?(node: CallExpression, slots: ComponentSlot[]): void
+  onDefineSlotsExit?(node: CallExpression, slots: ComponentSlot[]): void
   onDefineExposeEnter?(node: CallExpression): void
   onDefineExposeExit?(node: CallExpression): void
   onDefineModelEnter?(node: CallExpression, model: ComponentModel): void
@@ -52,6 +52,7 @@ export interface ScriptSetupVisitor extends ScriptSetupVisitorBase {
     | ((node: VAST.ParamNode) => void)
     | ((node: CallExpression, props: ComponentProp[]) => void)
     | ((node: CallExpression, emits: ComponentEmit[]) => void)
+    | ((node: CallExpression, slots: ComponentSlot[]) => void)
     | ((node: CallExpression, model: ComponentModel) => void)
     | undefined
 }
@@ -191,6 +192,30 @@ export type ComponentEmit =
   | ComponentInferTypeEmit
   | ComponentUnknownEmit
 
+export type ComponentUnknownSlot = {
+  type: 'unknown'
+  slotName: null
+  node: Expression | SpreadElement | TypeNode | null
+}
+
+export type ComponentTypeSlot = {
+  type: 'type'
+  key: Identifier | Literal
+  slotName: string
+  node: TSPropertySignature | TSMethodSignature
+}
+
+export type ComponentInferTypeSlot = {
+  type: 'infer-type'
+  slotName: string
+  node: TypeNode
+}
+
+export type ComponentSlot =
+  | ComponentTypeSlot
+  | ComponentInferTypeSlot
+  | ComponentUnknownSlot
+
 export type ComponentModelName = {
   modelName: string
   node: Literal | null

From dc0653520db30b804108c9ffd7202a3a840a9b4a Mon Sep 17 00:00:00 2001
From: "Ghislain B." <gbeaulac@gmail.com>
Date: Wed, 27 Nov 2024 10:01:18 -0500
Subject: [PATCH 0806/1010] docs: add example config with typescript-eslint and
 Prettier (#2522)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/user-guide/index.md | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index ba4a7e3fd..4cf65c928 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -67,6 +67,44 @@ You can use the following configs by adding them to `eslint.config.js`.
 By default, all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
 :::
 
+#### Example configuration with [typescript-eslint](https://typescript-eslint.io/) and [Prettier](https://prettier.io/)
+
+```bash
+npm install --save-dev eslint eslint-config-prettier eslint-plugin-vue globals typescript-eslint
+```
+
+```ts
+import eslint from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import eslintPluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import typescriptEslint from 'typescript-eslint';
+
+export default tseslint.config(
+  { ignores: ['*.d.ts', '**/coverage', '**/dist'] },
+  {
+    extends: [
+      eslint.configs.recommended,
+      ...typescriptEslint.configs.recommended,
+      ...eslintPluginVue.configs['flat/recommended'],
+    ],
+    files: ['**/*.{ts,vue}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: globals.browser,
+      parserOptions: {
+        parser: typescriptEslint.parser,
+      },
+    },
+    rules: {
+      // your rules
+    },
+  },
+  eslintConfigPrettier
+);
+```
+
 ### Configuration (`.eslintrc`)
 
 Use `.eslintrc.*` file to configure rules in ESLint < v9. See also: <https://eslint.org/docs/latest/use/configure/>.

From 4cbcad602c8e4ad534ab779a340654f6b3bc5600 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sat, 30 Nov 2024 14:55:31 +0900
Subject: [PATCH 0807/1010] 9.32.0

---
 docs/rules/restricted-component-names.md | 7 +++++--
 docs/rules/slot-name-casing.md           | 7 +++++--
 package.json                             | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/rules/restricted-component-names.md b/docs/rules/restricted-component-names.md
index e38ed7a7b..55e9883b8 100644
--- a/docs/rules/restricted-component-names.md
+++ b/docs/rules/restricted-component-names.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/restricted-component-names
 description: enforce using only specific component names
+since: v9.32.0
 ---
 
 # vue/restricted-component-names
 
 > enforce using only specific component names
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule enforces consistency in component names.
@@ -60,6 +59,10 @@ This rule enforces consistency in component names.
 
 - [vue/no-restricted-component-names](./no-restricted-component-names.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.32.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/restricted-component-names.js)
diff --git a/docs/rules/slot-name-casing.md b/docs/rules/slot-name-casing.md
index 07d793ffe..63884fe86 100644
--- a/docs/rules/slot-name-casing.md
+++ b/docs/rules/slot-name-casing.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/slot-name-casing
 description: enforce specific casing for slot names
+since: v9.32.0
 ---
 
 # vue/slot-name-casing
 
 > enforce specific casing for slot names
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule enforces proper casing of slot names in Vue components.
@@ -82,6 +81,10 @@ This rule enforces proper casing of slot names in Vue components.
 
 </eslint-code-block>
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.32.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/slot-name-casing.js)
diff --git a/package.json b/package.json
index 503f711f1..18d136ea5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.31.0",
+  "version": "9.32.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From ec6ab0155362c0329eea47a276c02c0d9f732dcc Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Sat, 30 Nov 2024 16:01:08 +0800
Subject: [PATCH 0808/1010] docs: fix missing options `allow` value (#2631)

---
 docs/rules/restricted-component-names.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/restricted-component-names.md b/docs/rules/restricted-component-names.md
index 55e9883b8..1d707baf3 100644
--- a/docs/rules/restricted-component-names.md
+++ b/docs/rules/restricted-component-names.md
@@ -39,7 +39,7 @@ This rule enforces consistency in component names.
 }
 ```
 
-### `"allow"`
+### `"allow: ['/^custom-/']"`
 
 <eslint-code-block :rules="{'vue/restricted-component-names': ['error', { 'allow': ['/^custom-/'] }]}">
 

From a2abbf010cf475d2c1bf2ebd6bfa41dd6296ff6a Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Sat, 30 Nov 2024 23:15:27 +0800
Subject: [PATCH 0809/1010] docs: align example variable name (#2633)

---
 docs/user-guide/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 4cf65c928..9634145cc 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -80,7 +80,7 @@ import eslintPluginVue from 'eslint-plugin-vue';
 import globals from 'globals';
 import typescriptEslint from 'typescript-eslint';
 
-export default tseslint.config(
+export default typescriptEslint.config(
   { ignores: ['*.d.ts', '**/coverage', '**/dist'] },
   {
     extends: [

From dfb5e067917402d6c401ae92df66f3290b62c3fd Mon Sep 17 00:00:00 2001
From: Daniel Rentz <danielrentz@users.noreply.github.com>
Date: Sun, 8 Dec 2024 13:35:07 +0100
Subject: [PATCH 0810/1010] fix typo in rule description (#2642)

---
 docs/rules/html-comment-content-newline.md | 4 ++--
 docs/rules/index.md                        | 2 +-
 lib/rules/html-comment-content-newline.js  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index 43ea00d4c..3a979623c 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/html-comment-content-newline
-description: enforce unified line brake in HTML comments
+description: enforce unified line break in HTML comments
 since: v7.0.0
 ---
 
 # vue/html-comment-content-newline
 
-> enforce unified line brake in HTML comments
+> enforce unified line break in HTML comments
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 074f4bd46..2acb765aa 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -217,7 +217,7 @@ For example:
 | [vue/define-props-declaration](./define-props-declaration.md) | enforce declaration style of `defineProps` |  | :hammer: |
 | [vue/enforce-style-attribute](./enforce-style-attribute.md) | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
 | [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |
-| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line brake in HTML comments | :wrench: | :lipstick: |
+| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line break in HTML comments | :wrench: | :lipstick: |
 | [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
 | [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: | :lipstick: |
 | [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name | :bulb: | :hammer: |
diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
index 170b2bfb4..590ec9fc1 100644
--- a/lib/rules/html-comment-content-newline.js
+++ b/lib/rules/html-comment-content-newline.js
@@ -34,7 +34,7 @@ module.exports = {
     type: 'layout',
 
     docs: {
-      description: 'enforce unified line brake in HTML comments',
+      description: 'enforce unified line break in HTML comments',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/html-comment-content-newline.html'
     },

From 8d35f1400c07cd6bb05ed89cf11a51c0d1aed2d5 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 12 Dec 2024 14:57:51 +0100
Subject: [PATCH 0811/1010] Update @stylistic/eslint-plugin to v2.12.0 (#2643)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 18d136ea5..0c75e65c7 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
-    "@stylistic/eslint-plugin": "~2.10.0",
+    "@stylistic/eslint-plugin": "^2.12.0",
     "@types/eslint": "^8.56.2",
     "@types/eslint-visitor-keys": "^3.3.2",
     "@types/natural-compare": "^1.4.3",

From 0a92a5694d080780c015de2c6a17b7a3348accbe Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 13 Dec 2024 08:54:54 +0100
Subject: [PATCH 0812/1010] Improve rules docs source readability (#2641)

---
 docs/rules/index.md              | 772 +++++++++++++++++++++----------
 tools/update-docs-rules-index.js |  49 +-
 2 files changed, 558 insertions(+), 263 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 2acb765aa..188a9668a 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -27,8 +27,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/comment-directive](./comment-directive.md) | support comment-directives in `<template>` |  | :warning: |
-| [vue/jsx-uses-vars](./jsx-uses-vars.md) | prevent variables used in JSX to be marked as unused |  | :warning: |
+| [vue/comment-directive] | support comment-directives in `<template>` |  | :warning: |
+| [vue/jsx-uses-vars] | prevent variables used in JSX to be marked as unused |  | :warning: |
 
 </rules-table>
 
@@ -41,92 +41,92 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/multi-word-component-names](./multi-word-component-names.md) | require component names to be always multi-word |  | :three::two::hammer: |
-| [vue/no-arrow-functions-in-watch](./no-arrow-functions-in-watch.md) | disallow using arrow functions to define watcher |  | :three::two::warning: |
-| [vue/no-async-in-computed-properties](./no-async-in-computed-properties.md) | disallow asynchronous actions in computed properties |  | :three::two::warning: |
-| [vue/no-child-content](./no-child-content.md) | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: | :three::two::warning: |
-| [vue/no-computed-properties-in-data](./no-computed-properties-in-data.md) | disallow accessing computed properties in `data` |  | :three::two::warning: |
-| [vue/no-custom-modifiers-on-v-model](./no-custom-modifiers-on-v-model.md) | disallow custom modifiers on v-model used on the component |  | :two::warning: |
-| [vue/no-deprecated-data-object-declaration](./no-deprecated-data-object-declaration.md) | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
-| [vue/no-deprecated-destroyed-lifecycle](./no-deprecated-destroyed-lifecycle.md) | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
-| [vue/no-deprecated-dollar-listeners-api](./no-deprecated-dollar-listeners-api.md) | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-dollar-scopedslots-api](./no-deprecated-dollar-scopedslots-api.md) | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
-| [vue/no-deprecated-events-api](./no-deprecated-events-api.md) | disallow using deprecated events api (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-filter](./no-deprecated-filter.md) | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-functional-template](./no-deprecated-functional-template.md) | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-html-element-is](./no-deprecated-html-element-is.md) | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-inline-template](./no-deprecated-inline-template.md) | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-props-default-this](./no-deprecated-props-default-this.md) | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-router-link-tag-prop](./no-deprecated-router-link-tag-prop.md) | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-scope-attribute](./no-deprecated-scope-attribute.md) | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: | :three::hammer: |
-| [vue/no-deprecated-slot-attribute](./no-deprecated-slot-attribute.md) | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
-| [vue/no-deprecated-slot-scope-attribute](./no-deprecated-slot-scope-attribute.md) | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
-| [vue/no-deprecated-v-bind-sync](./no-deprecated-v-bind-sync.md) | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
-| [vue/no-deprecated-v-is](./no-deprecated-v-is.md) | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) |  | :three::hammer: |
-| [vue/no-deprecated-v-on-native-modifier](./no-deprecated-v-on-native-modifier.md) | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-deprecated-v-on-number-modifiers](./no-deprecated-v-on-number-modifiers.md) | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
-| [vue/no-deprecated-vue-config-keycodes](./no-deprecated-vue-config-keycodes.md) | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  | :three::warning: |
-| [vue/no-dupe-keys](./no-dupe-keys.md) | disallow duplication of field names |  | :three::two::warning: |
-| [vue/no-dupe-v-else-if](./no-dupe-v-else-if.md) | disallow duplicate conditions in `v-if` / `v-else-if` chains |  | :three::two::warning: |
-| [vue/no-duplicate-attributes](./no-duplicate-attributes.md) | disallow duplication of attributes |  | :three::two::warning: |
-| [vue/no-export-in-script-setup](./no-export-in-script-setup.md) | disallow `export` in `<script setup>` |  | :three::two::warning: |
-| [vue/no-expose-after-await](./no-expose-after-await.md) | disallow asynchronously registered `expose` |  | :three::warning: |
-| [vue/no-lifecycle-after-await](./no-lifecycle-after-await.md) | disallow asynchronously registered lifecycle hooks |  | :three::hammer: |
-| [vue/no-multiple-template-root](./no-multiple-template-root.md) | disallow adding multiple root nodes to the template |  | :two::warning: |
-| [vue/no-mutating-props](./no-mutating-props.md) | disallow mutation of component props |  | :three::two::hammer: |
-| [vue/no-parsing-error](./no-parsing-error.md) | disallow parsing errors in `<template>` |  | :three::two::warning: |
-| [vue/no-ref-as-operand](./no-ref-as-operand.md) | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: | :three::two::hammer: |
-| [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  | :three::two::hammer: |
-| [vue/no-reserved-keys](./no-reserved-keys.md) | disallow overwriting reserved keys |  | :three::two::hammer: |
-| [vue/no-reserved-props](./no-reserved-props.md) | disallow reserved names in props |  | :three::two::warning: |
-| [vue/no-shared-component-data](./no-shared-component-data.md) | enforce component's data property to be a function | :wrench: | :three::two::warning: |
-| [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  | :three::two::warning: |
-| [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  | :three::two::warning: |
-| [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  | :three::two::warning: |
-| [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  | :three::two::hammer: |
-| [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes | :bulb: | :three::two::hammer: |
-| [vue/no-use-computed-property-like-method](./no-use-computed-property-like-method.md) | disallow use computed property like method |  | :three::two::warning: |
-| [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow using `v-if` on the same element as `v-for` |  | :three::two::hammer: |
-| [vue/no-useless-template-attributes](./no-useless-template-attributes.md) | disallow useless attribute on `<template>` |  | :three::two::warning: |
-| [vue/no-v-for-template-key-on-child](./no-v-for-template-key-on-child.md) | disallow key of `<template v-for>` placed on child elements |  | :three::warning: |
-| [vue/no-v-for-template-key](./no-v-for-template-key.md) | disallow `key` attribute on `<template v-for>` |  | :two::warning: |
-| [vue/no-v-model-argument](./no-v-model-argument.md) | disallow adding an argument to `v-model` used in custom component |  | :two::warning: |
-| [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md) | disallow v-text / v-html on component |  | :three::two::warning: |
-| [vue/no-watch-after-await](./no-watch-after-await.md) | disallow asynchronously registered `watch` |  | :three::hammer: |
-| [vue/prefer-import-from-vue](./prefer-import-from-vue.md) | enforce import from 'vue' instead of import from '@vue/*' | :wrench: | :three::hammer: |
-| [vue/require-component-is](./require-component-is.md) | require `v-bind:is` of `<component>` elements |  | :three::two::warning: |
-| [vue/require-prop-type-constructor](./require-prop-type-constructor.md) | require prop type to be a constructor | :wrench: | :three::two::hammer: |
-| [vue/require-render-return](./require-render-return.md) | enforce render function to always return value |  | :three::two::warning: |
-| [vue/require-slots-as-functions](./require-slots-as-functions.md) | enforce properties of `$slots` to be used as a function |  | :three::warning: |
-| [vue/require-toggle-inside-transition](./require-toggle-inside-transition.md) | require control the display of the content inside `<transition>` |  | :three::warning: |
-| [vue/require-v-for-key](./require-v-for-key.md) | require `v-bind:key` with `v-for` directives |  | :three::two::warning: |
-| [vue/require-valid-default-prop](./require-valid-default-prop.md) | enforce props default values to be valid |  | :three::two::hammer: |
-| [vue/return-in-computed-property](./return-in-computed-property.md) | enforce that a return statement is present in computed property |  | :three::two::warning: |
-| [vue/return-in-emits-validator](./return-in-emits-validator.md) | enforce that a return statement is present in emits validator |  | :three::two::warning: |
-| [vue/use-v-on-exact](./use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |  | :three::two::hammer: |
-| [vue/valid-attribute-name](./valid-attribute-name.md) | require valid attribute names |  | :three::two::warning: |
-| [vue/valid-define-emits](./valid-define-emits.md) | enforce valid `defineEmits` compiler macro |  | :three::two::warning: |
-| [vue/valid-define-props](./valid-define-props.md) | enforce valid `defineProps` compiler macro |  | :three::two::warning: |
-| [vue/valid-model-definition](./valid-model-definition.md) | require valid keys in model option |  | :two::warning: |
-| [vue/valid-next-tick](./valid-next-tick.md) | enforce valid `nextTick` function calls | :wrench::bulb: | :three::two::warning: |
-| [vue/valid-template-root](./valid-template-root.md) | enforce valid template root |  | :three::two::warning: |
-| [vue/valid-v-bind-sync](./valid-v-bind-sync.md) | enforce valid `.sync` modifier on `v-bind` directives |  | :two::warning: |
-| [vue/valid-v-bind](./valid-v-bind.md) | enforce valid `v-bind` directives |  | :three::two::warning: |
-| [vue/valid-v-cloak](./valid-v-cloak.md) | enforce valid `v-cloak` directives |  | :three::two::warning: |
-| [vue/valid-v-else-if](./valid-v-else-if.md) | enforce valid `v-else-if` directives |  | :three::two::warning: |
-| [vue/valid-v-else](./valid-v-else.md) | enforce valid `v-else` directives |  | :three::two::warning: |
-| [vue/valid-v-for](./valid-v-for.md) | enforce valid `v-for` directives |  | :three::two::warning: |
-| [vue/valid-v-html](./valid-v-html.md) | enforce valid `v-html` directives |  | :three::two::warning: |
-| [vue/valid-v-if](./valid-v-if.md) | enforce valid `v-if` directives |  | :three::two::warning: |
-| [vue/valid-v-is](./valid-v-is.md) | enforce valid `v-is` directives |  | :three::warning: |
-| [vue/valid-v-memo](./valid-v-memo.md) | enforce valid `v-memo` directives |  | :three::warning: |
-| [vue/valid-v-model](./valid-v-model.md) | enforce valid `v-model` directives |  | :three::two::warning: |
-| [vue/valid-v-on](./valid-v-on.md) | enforce valid `v-on` directives |  | :three::two::warning: |
-| [vue/valid-v-once](./valid-v-once.md) | enforce valid `v-once` directives |  | :three::two::warning: |
-| [vue/valid-v-pre](./valid-v-pre.md) | enforce valid `v-pre` directives |  | :three::two::warning: |
-| [vue/valid-v-show](./valid-v-show.md) | enforce valid `v-show` directives |  | :three::two::warning: |
-| [vue/valid-v-slot](./valid-v-slot.md) | enforce valid `v-slot` directives |  | :three::two::warning: |
-| [vue/valid-v-text](./valid-v-text.md) | enforce valid `v-text` directives |  | :three::two::warning: |
+| [vue/multi-word-component-names] | require component names to be always multi-word |  | :three::two::hammer: |
+| [vue/no-arrow-functions-in-watch] | disallow using arrow functions to define watcher |  | :three::two::warning: |
+| [vue/no-async-in-computed-properties] | disallow asynchronous actions in computed properties |  | :three::two::warning: |
+| [vue/no-child-content] | disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text` | :bulb: | :three::two::warning: |
+| [vue/no-computed-properties-in-data] | disallow accessing computed properties in `data` |  | :three::two::warning: |
+| [vue/no-custom-modifiers-on-v-model] | disallow custom modifiers on v-model used on the component |  | :two::warning: |
+| [vue/no-deprecated-data-object-declaration] | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-destroyed-lifecycle] | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-dollar-listeners-api] | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-dollar-scopedslots-api] | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-events-api] | disallow using deprecated events api (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-filter] | disallow using deprecated filters syntax (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-functional-template] | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-html-element-is] | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-inline-template] | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-props-default-this] | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-router-link-tag-prop] | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-scope-attribute] | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-slot-attribute] | disallow deprecated `slot` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-slot-scope-attribute] | disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+) | :wrench: | :three::hammer: |
+| [vue/no-deprecated-v-bind-sync] | disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-v-is] | disallow deprecated `v-is` directive (in Vue.js 3.1.0+) |  | :three::hammer: |
+| [vue/no-deprecated-v-on-native-modifier] | disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-v-on-number-modifiers] | disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-vue-config-keycodes] | disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-dupe-keys] | disallow duplication of field names |  | :three::two::warning: |
+| [vue/no-dupe-v-else-if] | disallow duplicate conditions in `v-if` / `v-else-if` chains |  | :three::two::warning: |
+| [vue/no-duplicate-attributes] | disallow duplication of attributes |  | :three::two::warning: |
+| [vue/no-export-in-script-setup] | disallow `export` in `<script setup>` |  | :three::two::warning: |
+| [vue/no-expose-after-await] | disallow asynchronously registered `expose` |  | :three::warning: |
+| [vue/no-lifecycle-after-await] | disallow asynchronously registered lifecycle hooks |  | :three::hammer: |
+| [vue/no-multiple-template-root] | disallow adding multiple root nodes to the template |  | :two::warning: |
+| [vue/no-mutating-props] | disallow mutation of component props |  | :three::two::hammer: |
+| [vue/no-parsing-error] | disallow parsing errors in `<template>` |  | :three::two::warning: |
+| [vue/no-ref-as-operand] | disallow use of value wrapped by `ref()` (Composition API) as an operand | :wrench: | :three::two::hammer: |
+| [vue/no-reserved-component-names] | disallow the use of reserved names in component definitions |  | :three::two::hammer: |
+| [vue/no-reserved-keys] | disallow overwriting reserved keys |  | :three::two::hammer: |
+| [vue/no-reserved-props] | disallow reserved names in props |  | :three::two::warning: |
+| [vue/no-shared-component-data] | enforce component's data property to be a function | :wrench: | :three::two::warning: |
+| [vue/no-side-effects-in-computed-properties] | disallow side effects in computed properties |  | :three::two::warning: |
+| [vue/no-template-key] | disallow `key` attribute on `<template>` |  | :three::two::warning: |
+| [vue/no-textarea-mustache] | disallow mustaches in `<textarea>` |  | :three::two::warning: |
+| [vue/no-unused-components] | disallow registering components that are not used inside templates |  | :three::two::hammer: |
+| [vue/no-unused-vars] | disallow unused variable definitions of v-for directives or scope attributes | :bulb: | :three::two::hammer: |
+| [vue/no-use-computed-property-like-method] | disallow use computed property like method |  | :three::two::warning: |
+| [vue/no-use-v-if-with-v-for] | disallow using `v-if` on the same element as `v-for` |  | :three::two::hammer: |
+| [vue/no-useless-template-attributes] | disallow useless attribute on `<template>` |  | :three::two::warning: |
+| [vue/no-v-for-template-key-on-child] | disallow key of `<template v-for>` placed on child elements |  | :three::warning: |
+| [vue/no-v-for-template-key] | disallow `key` attribute on `<template v-for>` |  | :two::warning: |
+| [vue/no-v-model-argument] | disallow adding an argument to `v-model` used in custom component |  | :two::warning: |
+| [vue/no-v-text-v-html-on-component] | disallow v-text / v-html on component |  | :three::two::warning: |
+| [vue/no-watch-after-await] | disallow asynchronously registered `watch` |  | :three::hammer: |
+| [vue/prefer-import-from-vue] | enforce import from 'vue' instead of import from '@vue/*' | :wrench: | :three::hammer: |
+| [vue/require-component-is] | require `v-bind:is` of `<component>` elements |  | :three::two::warning: |
+| [vue/require-prop-type-constructor] | require prop type to be a constructor | :wrench: | :three::two::hammer: |
+| [vue/require-render-return] | enforce render function to always return value |  | :three::two::warning: |
+| [vue/require-slots-as-functions] | enforce properties of `$slots` to be used as a function |  | :three::warning: |
+| [vue/require-toggle-inside-transition] | require control the display of the content inside `<transition>` |  | :three::warning: |
+| [vue/require-v-for-key] | require `v-bind:key` with `v-for` directives |  | :three::two::warning: |
+| [vue/require-valid-default-prop] | enforce props default values to be valid |  | :three::two::hammer: |
+| [vue/return-in-computed-property] | enforce that a return statement is present in computed property |  | :three::two::warning: |
+| [vue/return-in-emits-validator] | enforce that a return statement is present in emits validator |  | :three::two::warning: |
+| [vue/use-v-on-exact] | enforce usage of `exact` modifier on `v-on` |  | :three::two::hammer: |
+| [vue/valid-attribute-name] | require valid attribute names |  | :three::two::warning: |
+| [vue/valid-define-emits] | enforce valid `defineEmits` compiler macro |  | :three::two::warning: |
+| [vue/valid-define-props] | enforce valid `defineProps` compiler macro |  | :three::two::warning: |
+| [vue/valid-model-definition] | require valid keys in model option |  | :two::warning: |
+| [vue/valid-next-tick] | enforce valid `nextTick` function calls | :wrench::bulb: | :three::two::warning: |
+| [vue/valid-template-root] | enforce valid template root |  | :three::two::warning: |
+| [vue/valid-v-bind-sync] | enforce valid `.sync` modifier on `v-bind` directives |  | :two::warning: |
+| [vue/valid-v-bind] | enforce valid `v-bind` directives |  | :three::two::warning: |
+| [vue/valid-v-cloak] | enforce valid `v-cloak` directives |  | :three::two::warning: |
+| [vue/valid-v-else-if] | enforce valid `v-else-if` directives |  | :three::two::warning: |
+| [vue/valid-v-else] | enforce valid `v-else` directives |  | :three::two::warning: |
+| [vue/valid-v-for] | enforce valid `v-for` directives |  | :three::two::warning: |
+| [vue/valid-v-html] | enforce valid `v-html` directives |  | :three::two::warning: |
+| [vue/valid-v-if] | enforce valid `v-if` directives |  | :three::two::warning: |
+| [vue/valid-v-is] | enforce valid `v-is` directives |  | :three::warning: |
+| [vue/valid-v-memo] | enforce valid `v-memo` directives |  | :three::warning: |
+| [vue/valid-v-model] | enforce valid `v-model` directives |  | :three::two::warning: |
+| [vue/valid-v-on] | enforce valid `v-on` directives |  | :three::two::warning: |
+| [vue/valid-v-once] | enforce valid `v-once` directives |  | :three::two::warning: |
+| [vue/valid-v-pre] | enforce valid `v-pre` directives |  | :three::two::warning: |
+| [vue/valid-v-show] | enforce valid `v-show` directives |  | :three::two::warning: |
+| [vue/valid-v-slot] | enforce valid `v-slot` directives |  | :three::two::warning: |
+| [vue/valid-v-text] | enforce valid `v-text` directives |  | :three::two::warning: |
 
 </rules-table>
 
@@ -139,31 +139,31 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/attribute-hyphenation](./attribute-hyphenation.md) | enforce attribute naming style on custom components in template | :wrench: | :three::two::hammer: |
-| [vue/component-definition-name-casing](./component-definition-name-casing.md) | enforce specific casing for component definition name | :wrench: | :three::two::hammer: |
-| [vue/first-attribute-linebreak](./first-attribute-linebreak.md) | enforce the location of first attribute | :wrench: | :three::two::lipstick: |
-| [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets | :wrench: | :three::two::lipstick: |
-| [vue/html-closing-bracket-spacing](./html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets | :wrench: | :three::two::lipstick: |
-| [vue/html-end-tags](./html-end-tags.md) | enforce end tag style | :wrench: | :three::two::hammer: |
-| [vue/html-indent](./html-indent.md) | enforce consistent indentation in `<template>` | :wrench: | :three::two::lipstick: |
-| [vue/html-quotes](./html-quotes.md) | enforce quotes style of HTML attributes | :wrench: | :three::two::lipstick: |
-| [vue/html-self-closing](./html-self-closing.md) | enforce self-closing style | :wrench: | :three::two::lipstick: |
-| [vue/max-attributes-per-line](./max-attributes-per-line.md) | enforce the maximum number of attributes per line | :wrench: | :three::two::lipstick: |
-| [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element | :wrench: | :three::two::lipstick: |
-| [vue/mustache-interpolation-spacing](./mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations | :wrench: | :three::two::lipstick: |
-| [vue/no-multi-spaces](./no-multi-spaces.md) | disallow multiple spaces | :wrench: | :three::two::lipstick: |
-| [vue/no-spaces-around-equal-signs-in-attribute](./no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute | :wrench: | :three::two::lipstick: |
-| [vue/no-template-shadow](./no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |  | :three::two::hammer: |
-| [vue/one-component-per-file](./one-component-per-file.md) | enforce that each component should be in its own file |  | :three::two::hammer: |
-| [vue/prop-name-casing](./prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |  | :three::two::hammer: |
-| [vue/require-default-prop](./require-default-prop.md) | require default value for props |  | :three::two::hammer: |
-| [vue/require-explicit-emits](./require-explicit-emits.md) | require `emits` option with name triggered by `$emit()` | :bulb: | :three::hammer: |
-| [vue/require-prop-types](./require-prop-types.md) | require type definitions in props |  | :three::two::hammer: |
-| [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element | :wrench: | :three::two::lipstick: |
-| [vue/v-bind-style](./v-bind-style.md) | enforce `v-bind` directive style | :wrench: | :three::two::hammer: |
-| [vue/v-on-event-hyphenation](./v-on-event-hyphenation.md) | enforce v-on event naming style on custom components in template | :wrench: | :three::hammer: |
-| [vue/v-on-style](./v-on-style.md) | enforce `v-on` directive style | :wrench: | :three::two::hammer: |
-| [vue/v-slot-style](./v-slot-style.md) | enforce `v-slot` directive style | :wrench: | :three::two::hammer: |
+| [vue/attribute-hyphenation] | enforce attribute naming style on custom components in template | :wrench: | :three::two::hammer: |
+| [vue/component-definition-name-casing] | enforce specific casing for component definition name | :wrench: | :three::two::hammer: |
+| [vue/first-attribute-linebreak] | enforce the location of first attribute | :wrench: | :three::two::lipstick: |
+| [vue/html-closing-bracket-newline] | require or disallow a line break before tag's closing brackets | :wrench: | :three::two::lipstick: |
+| [vue/html-closing-bracket-spacing] | require or disallow a space before tag's closing brackets | :wrench: | :three::two::lipstick: |
+| [vue/html-end-tags] | enforce end tag style | :wrench: | :three::two::hammer: |
+| [vue/html-indent] | enforce consistent indentation in `<template>` | :wrench: | :three::two::lipstick: |
+| [vue/html-quotes] | enforce quotes style of HTML attributes | :wrench: | :three::two::lipstick: |
+| [vue/html-self-closing] | enforce self-closing style | :wrench: | :three::two::lipstick: |
+| [vue/max-attributes-per-line] | enforce the maximum number of attributes per line | :wrench: | :three::two::lipstick: |
+| [vue/multiline-html-element-content-newline] | require a line break before and after the contents of a multiline element | :wrench: | :three::two::lipstick: |
+| [vue/mustache-interpolation-spacing] | enforce unified spacing in mustache interpolations | :wrench: | :three::two::lipstick: |
+| [vue/no-multi-spaces] | disallow multiple spaces | :wrench: | :three::two::lipstick: |
+| [vue/no-spaces-around-equal-signs-in-attribute] | disallow spaces around equal signs in attribute | :wrench: | :three::two::lipstick: |
+| [vue/no-template-shadow] | disallow variable declarations from shadowing variables declared in the outer scope |  | :three::two::hammer: |
+| [vue/one-component-per-file] | enforce that each component should be in its own file |  | :three::two::hammer: |
+| [vue/prop-name-casing] | enforce specific casing for the Prop name in Vue components |  | :three::two::hammer: |
+| [vue/require-default-prop] | require default value for props |  | :three::two::hammer: |
+| [vue/require-explicit-emits] | require `emits` option with name triggered by `$emit()` | :bulb: | :three::hammer: |
+| [vue/require-prop-types] | require type definitions in props |  | :three::two::hammer: |
+| [vue/singleline-html-element-content-newline] | require a line break before and after the contents of a singleline element | :wrench: | :three::two::lipstick: |
+| [vue/v-bind-style] | enforce `v-bind` directive style | :wrench: | :three::two::hammer: |
+| [vue/v-on-event-hyphenation] | enforce v-on event naming style on custom components in template | :wrench: | :three::hammer: |
+| [vue/v-on-style] | enforce `v-on` directive style | :wrench: | :three::two::hammer: |
+| [vue/v-slot-style] | enforce `v-slot` directive style | :wrench: | :three::two::hammer: |
 
 </rules-table>
 
@@ -176,13 +176,13 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/attributes-order](./attributes-order.md) | enforce order of attributes | :wrench: | :three::two::hammer: |
-| [vue/component-tags-order](./component-tags-order.md) | enforce order of component top-level elements | :wrench::no_entry_sign: | :three::two::hammer: |
-| [vue/no-lone-template](./no-lone-template.md) | disallow unnecessary `<template>` |  | :three::two::warning: |
-| [vue/no-multiple-slot-args](./no-multiple-slot-args.md) | disallow to pass multiple arguments to scoped slots |  | :three::two::warning: |
-| [vue/no-v-html](./no-v-html.md) | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
-| [vue/order-in-components](./order-in-components.md) | enforce order of properties in components | :wrench::bulb: | :three::two::hammer: |
-| [vue/this-in-template](./this-in-template.md) | disallow usage of `this` in template | :wrench: | :three::two::hammer: |
+| [vue/attributes-order] | enforce order of attributes | :wrench: | :three::two::hammer: |
+| [vue/component-tags-order] | enforce order of component top-level elements | :wrench::no_entry_sign: | :three::two::hammer: |
+| [vue/no-lone-template] | disallow unnecessary `<template>` |  | :three::two::warning: |
+| [vue/no-multiple-slot-args] | disallow to pass multiple arguments to scoped slots |  | :three::two::warning: |
+| [vue/no-v-html] | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
+| [vue/order-in-components] | enforce order of properties in components | :wrench::bulb: | :three::two::hammer: |
+| [vue/this-in-template] | disallow usage of `this` in template | :wrench: | :three::two::hammer: |
 
 </rules-table>
 
@@ -205,91 +205,91 @@ For example:
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  | :hammer: |
-| [vue/block-order](./block-order.md) | enforce order of component top-level elements | :wrench: | :hammer: |
-| [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: | :lipstick: |
-| [vue/component-api-style](./component-api-style.md) | enforce component API style |  | :hammer: |
-| [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: | :hammer: |
-| [vue/component-options-name-casing](./component-options-name-casing.md) | enforce the casing of component name in `components` options | :wrench::bulb: | :hammer: |
-| [vue/custom-event-name-casing](./custom-event-name-casing.md) | enforce specific casing for custom event name |  | :hammer: |
-| [vue/define-emits-declaration](./define-emits-declaration.md) | enforce declaration style of `defineEmits` |  | :hammer: |
-| [vue/define-macros-order](./define-macros-order.md) | enforce order of compiler macros (`defineProps`, `defineEmits`, etc.) | :wrench::bulb: | :lipstick: |
-| [vue/define-props-declaration](./define-props-declaration.md) | enforce declaration style of `defineProps` |  | :hammer: |
-| [vue/enforce-style-attribute](./enforce-style-attribute.md) | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
-| [vue/html-button-has-type](./html-button-has-type.md) | disallow usage of button without an explicit type attribute |  | :hammer: |
-| [vue/html-comment-content-newline](./html-comment-content-newline.md) | enforce unified line break in HTML comments | :wrench: | :lipstick: |
-| [vue/html-comment-content-spacing](./html-comment-content-spacing.md) | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
-| [vue/html-comment-indent](./html-comment-indent.md) | enforce consistent indentation in HTML comments | :wrench: | :lipstick: |
-| [vue/match-component-file-name](./match-component-file-name.md) | require component name property to match its file name | :bulb: | :hammer: |
-| [vue/match-component-import-name](./match-component-import-name.md) | require the registered component name to match the imported component name |  | :warning: |
-| [vue/max-lines-per-block](./max-lines-per-block.md) | enforce maximum number of lines in Vue SFC blocks |  | :warning: |
-| [vue/max-props](./max-props.md) | enforce maximum number of props in Vue component |  | :warning: |
-| [vue/max-template-depth](./max-template-depth.md) | enforce maximum depth of template |  | :warning: |
-| [vue/new-line-between-multi-line-property](./new-line-between-multi-line-property.md) | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
-| [vue/next-tick-style](./next-tick-style.md) | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
-| [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  | :hammer: |
-| [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults |  | :hammer: |
-| [vue/no-deprecated-delete-set](./no-deprecated-delete-set.md) | disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+) |  | :warning: |
-| [vue/no-deprecated-model-definition](./no-deprecated-model-definition.md) | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
-| [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
-| [vue/no-empty-component-block](./no-empty-component-block.md) | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
-| [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  | :hammer: |
-| [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property | :bulb: | :hammer: |
-| [vue/no-ref-object-reactivity-loss](./no-ref-object-reactivity-loss.md) | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
-| [vue/no-required-prop-with-default](./no-required-prop-with-default.md) | enforce props with default values to be optional | :wrench::bulb: | :warning: |
-| [vue/no-restricted-block](./no-restricted-block.md) | disallow specific block |  | :hammer: |
-| [vue/no-restricted-call-after-await](./no-restricted-call-after-await.md) | disallow asynchronously called restricted methods |  | :hammer: |
-| [vue/no-restricted-class](./no-restricted-class.md) | disallow specific classes in Vue components |  | :warning: |
-| [vue/no-restricted-component-names](./no-restricted-component-names.md) | disallow specific component names | :bulb: | :hammer: |
-| [vue/no-restricted-component-options](./no-restricted-component-options.md) | disallow specific component option |  | :hammer: |
-| [vue/no-restricted-custom-event](./no-restricted-custom-event.md) | disallow specific custom event | :bulb: | :hammer: |
-| [vue/no-restricted-html-elements](./no-restricted-html-elements.md) | disallow specific HTML elements |  | :hammer: |
-| [vue/no-restricted-props](./no-restricted-props.md) | disallow specific props | :bulb: | :hammer: |
-| [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  | :hammer: |
-| [vue/no-restricted-v-bind](./no-restricted-v-bind.md) | disallow specific argument in `v-bind` |  | :hammer: |
-| [vue/no-restricted-v-on](./no-restricted-v-on.md) | disallow specific argument in `v-on` |  | :hammer: |
-| [vue/no-root-v-if](./no-root-v-if.md) | disallow `v-if` directives on root element |  | :hammer: |
-| [vue/no-setup-props-reactivity-loss](./no-setup-props-reactivity-loss.md) | disallow usages that lose the reactivity of `props` passed to `setup` |  | :hammer: |
-| [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  | :hammer: |
-| [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" | :bulb: | :warning: |
-| [vue/no-this-in-before-route-enter](./no-this-in-before-route-enter.md) | disallow `this` usage in a `beforeRouteEnter` method |  | :warning: |
-| [vue/no-undef-components](./no-undef-components.md) | disallow use of undefined components in `<template>` |  | :hammer: |
-| [vue/no-undef-properties](./no-undef-properties.md) | disallow undefined properties |  | :hammer: |
-| [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: | :hammer: |
-| [vue/no-unused-emit-declarations](./no-unused-emit-declarations.md) | disallow unused emit declarations |  | :hammer: |
-| [vue/no-unused-properties](./no-unused-properties.md) | disallow unused properties |  | :hammer: |
-| [vue/no-unused-refs](./no-unused-refs.md) | disallow unused refs |  | :hammer: |
-| [vue/no-use-v-else-with-v-for](./no-use-v-else-with-v-for.md) | disallow using `v-else-if`/`v-else` on the same element as `v-for` |  | :hammer: |
-| [vue/no-useless-mustaches](./no-useless-mustaches.md) | disallow unnecessary mustache interpolations | :wrench: | :hammer: |
-| [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: | :hammer: |
-| [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  | :hammer: |
-| [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: | :lipstick: |
-| [vue/padding-line-between-tags](./padding-line-between-tags.md) | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
-| [vue/padding-lines-in-component-definition](./padding-lines-in-component-definition.md) | require or disallow padding lines in component definition | :wrench: | :lipstick: |
-| [vue/prefer-define-options](./prefer-define-options.md) | enforce use of `defineOptions` instead of default export | :wrench: | :hammer: |
-| [vue/prefer-prop-type-boolean-first](./prefer-prop-type-boolean-first.md) | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
-| [vue/prefer-separate-static-class](./prefer-separate-static-class.md) | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
-| [vue/prefer-true-attribute-shorthand](./prefer-true-attribute-shorthand.md) | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
-| [vue/prefer-use-template-ref](./prefer-use-template-ref.md) | require using `useTemplateRef` instead of `ref`/`shallowRef` for template refs |  | :hammer: |
-| [vue/require-default-export](./require-default-export.md) | require components to be the default export |  | :warning: |
-| [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  | :hammer: |
-| [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits | :bulb: | :hammer: |
-| [vue/require-explicit-slots](./require-explicit-slots.md) | require slots to be explicitly defined |  | :warning: |
-| [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
-| [vue/require-macro-variable-name](./require-macro-variable-name.md) | require a certain macro variable name | :bulb: | :hammer: |
-| [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
-| [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
-| [vue/require-typed-object-prop](./require-typed-object-prop.md) | enforce adding type declarations to object props | :bulb: | :hammer: |
-| [vue/require-typed-ref](./require-typed-ref.md) | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
-| [vue/restricted-component-names](./restricted-component-names.md) | enforce using only specific component names |  | :warning: |
-| [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
-| [vue/slot-name-casing](./slot-name-casing.md) | enforce specific casing for slot names |  | :hammer: |
-| [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
-| [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
-| [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
-| [vue/v-if-else-key](./v-if-else-key.md) | require key attribute for conditionally rendered repeated components | :wrench: | :warning: |
-| [vue/v-on-handler-style](./v-on-handler-style.md) | enforce writing style for handlers in `v-on` directives | :wrench: | :hammer: |
-| [vue/valid-define-options](./valid-define-options.md) | enforce valid `defineOptions` compiler macro |  | :warning: |
+| [vue/block-lang] | disallow use other than available `lang` |  | :hammer: |
+| [vue/block-order] | enforce order of component top-level elements | :wrench: | :hammer: |
+| [vue/block-tag-newline] | enforce line breaks after opening and before closing block-level tags | :wrench: | :lipstick: |
+| [vue/component-api-style] | enforce component API style |  | :hammer: |
+| [vue/component-name-in-template-casing] | enforce specific casing for the component naming style in template | :wrench: | :hammer: |
+| [vue/component-options-name-casing] | enforce the casing of component name in `components` options | :wrench::bulb: | :hammer: |
+| [vue/custom-event-name-casing] | enforce specific casing for custom event name |  | :hammer: |
+| [vue/define-emits-declaration] | enforce declaration style of `defineEmits` |  | :hammer: |
+| [vue/define-macros-order] | enforce order of compiler macros (`defineProps`, `defineEmits`, etc.) | :wrench::bulb: | :lipstick: |
+| [vue/define-props-declaration] | enforce declaration style of `defineProps` |  | :hammer: |
+| [vue/enforce-style-attribute] | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
+| [vue/html-button-has-type] | disallow usage of button without an explicit type attribute |  | :hammer: |
+| [vue/html-comment-content-newline] | enforce unified line break in HTML comments | :wrench: | :lipstick: |
+| [vue/html-comment-content-spacing] | enforce unified spacing in HTML comments | :wrench: | :lipstick: |
+| [vue/html-comment-indent] | enforce consistent indentation in HTML comments | :wrench: | :lipstick: |
+| [vue/match-component-file-name] | require component name property to match its file name | :bulb: | :hammer: |
+| [vue/match-component-import-name] | require the registered component name to match the imported component name |  | :warning: |
+| [vue/max-lines-per-block] | enforce maximum number of lines in Vue SFC blocks |  | :warning: |
+| [vue/max-props] | enforce maximum number of props in Vue component |  | :warning: |
+| [vue/max-template-depth] | enforce maximum depth of template |  | :warning: |
+| [vue/new-line-between-multi-line-property] | enforce new lines between multi-line properties in Vue components | :wrench: | :lipstick: |
+| [vue/next-tick-style] | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
+| [vue/no-bare-strings-in-template] | disallow the use of bare strings in `<template>` |  | :hammer: |
+| [vue/no-boolean-default] | disallow boolean defaults |  | :hammer: |
+| [vue/no-deprecated-delete-set] | disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+) |  | :warning: |
+| [vue/no-deprecated-model-definition] | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
+| [vue/no-duplicate-attr-inheritance] | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
+| [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
+| [vue/no-multiple-objects-in-class] | disallow to pass multiple objects into array to class |  | :hammer: |
+| [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
+| [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
+| [vue/no-required-prop-with-default] | enforce props with default values to be optional | :wrench::bulb: | :warning: |
+| [vue/no-restricted-block] | disallow specific block |  | :hammer: |
+| [vue/no-restricted-call-after-await] | disallow asynchronously called restricted methods |  | :hammer: |
+| [vue/no-restricted-class] | disallow specific classes in Vue components |  | :warning: |
+| [vue/no-restricted-component-names] | disallow specific component names | :bulb: | :hammer: |
+| [vue/no-restricted-component-options] | disallow specific component option |  | :hammer: |
+| [vue/no-restricted-custom-event] | disallow specific custom event | :bulb: | :hammer: |
+| [vue/no-restricted-html-elements] | disallow specific HTML elements |  | :hammer: |
+| [vue/no-restricted-props] | disallow specific props | :bulb: | :hammer: |
+| [vue/no-restricted-static-attribute] | disallow specific attribute |  | :hammer: |
+| [vue/no-restricted-v-bind] | disallow specific argument in `v-bind` |  | :hammer: |
+| [vue/no-restricted-v-on] | disallow specific argument in `v-on` |  | :hammer: |
+| [vue/no-root-v-if] | disallow `v-if` directives on root element |  | :hammer: |
+| [vue/no-setup-props-reactivity-loss] | disallow usages that lose the reactivity of `props` passed to `setup` |  | :hammer: |
+| [vue/no-static-inline-styles] | disallow static inline `style` attributes |  | :hammer: |
+| [vue/no-template-target-blank] | disallow target="_blank" attribute without rel="noopener noreferrer" | :bulb: | :warning: |
+| [vue/no-this-in-before-route-enter] | disallow `this` usage in a `beforeRouteEnter` method |  | :warning: |
+| [vue/no-undef-components] | disallow use of undefined components in `<template>` |  | :hammer: |
+| [vue/no-undef-properties] | disallow undefined properties |  | :hammer: |
+| [vue/no-unsupported-features] | disallow unsupported Vue.js syntax on the specified version | :wrench: | :hammer: |
+| [vue/no-unused-emit-declarations] | disallow unused emit declarations |  | :hammer: |
+| [vue/no-unused-properties] | disallow unused properties |  | :hammer: |
+| [vue/no-unused-refs] | disallow unused refs |  | :hammer: |
+| [vue/no-use-v-else-with-v-for] | disallow using `v-else-if`/`v-else` on the same element as `v-for` |  | :hammer: |
+| [vue/no-useless-mustaches] | disallow unnecessary mustache interpolations | :wrench: | :hammer: |
+| [vue/no-useless-v-bind] | disallow unnecessary `v-bind` directives | :wrench: | :hammer: |
+| [vue/no-v-text] | disallow use of v-text |  | :hammer: |
+| [vue/padding-line-between-blocks] | require or disallow padding lines between blocks | :wrench: | :lipstick: |
+| [vue/padding-line-between-tags] | require or disallow newlines between sibling tags in template | :wrench: | :lipstick: |
+| [vue/padding-lines-in-component-definition] | require or disallow padding lines in component definition | :wrench: | :lipstick: |
+| [vue/prefer-define-options] | enforce use of `defineOptions` instead of default export | :wrench: | :hammer: |
+| [vue/prefer-prop-type-boolean-first] | enforce `Boolean` comes first in component prop types | :bulb: | :warning: |
+| [vue/prefer-separate-static-class] | require static class names in template to be in a separate `class` attribute | :wrench: | :hammer: |
+| [vue/prefer-true-attribute-shorthand] | require shorthand form attribute when `v-bind` value is `true` | :bulb: | :hammer: |
+| [vue/prefer-use-template-ref] | require using `useTemplateRef` instead of `ref`/`shallowRef` for template refs |  | :hammer: |
+| [vue/require-default-export] | require components to be the default export |  | :warning: |
+| [vue/require-direct-export] | require the component to be directly exported |  | :hammer: |
+| [vue/require-emit-validator] | require type definitions in emits | :bulb: | :hammer: |
+| [vue/require-explicit-slots] | require slots to be explicitly defined |  | :warning: |
+| [vue/require-expose] | require declare public properties using `expose` | :bulb: | :hammer: |
+| [vue/require-macro-variable-name] | require a certain macro variable name | :bulb: | :hammer: |
+| [vue/require-name-property] | require a name property in Vue components | :bulb: | :hammer: |
+| [vue/require-prop-comment] | require props to have a comment |  | :hammer: |
+| [vue/require-typed-object-prop] | enforce adding type declarations to object props | :bulb: | :hammer: |
+| [vue/require-typed-ref] | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
+| [vue/restricted-component-names] | enforce using only specific component names |  | :warning: |
+| [vue/script-indent] | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
+| [vue/slot-name-casing] | enforce specific casing for slot names |  | :hammer: |
+| [vue/sort-keys] | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
+| [vue/static-class-names-order] | enforce static class names order | :wrench: | :hammer: |
+| [vue/v-for-delimiter-style] | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
+| [vue/v-if-else-key] | require key attribute for conditionally rendered repeated components | :wrench: | :warning: |
+| [vue/v-on-handler-style] | enforce writing style for handlers in `v-on` directives | :wrench: | :hammer: |
+| [vue/valid-define-options] | enforce valid `defineOptions` compiler macro |  | :warning: |
 
 </rules-table>
 
@@ -301,44 +301,44 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
-| [vue/array-bracket-newline](./array-bracket-newline.md) | Enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/array-bracket-spacing](./array-bracket-spacing.md) | Enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
-| [vue/array-element-newline](./array-element-newline.md) | Enforce line breaks after each array element in `<template>` | :wrench: | :lipstick: |
-| [vue/arrow-spacing](./arrow-spacing.md) | Enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
-| [vue/block-spacing](./block-spacing.md) | Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
-| [vue/brace-style](./brace-style.md) | Enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
-| [vue/camelcase](./camelcase.md) | Enforce camelcase naming convention in `<template>` |  | :hammer: |
-| [vue/comma-dangle](./comma-dangle.md) | Require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-spacing](./comma-spacing.md) | Enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
-| [vue/comma-style](./comma-style.md) | Enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-location](./dot-location.md) | Enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
-| [vue/dot-notation](./dot-notation.md) | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
-| [vue/eqeqeq](./eqeqeq.md) | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
-| [vue/func-call-spacing](./func-call-spacing.md) | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
-| [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>` | :wrench: | :lipstick: |
-| [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
-| [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
-| [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
-| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` | :bulb: | :hammer: |
-| [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
-| [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
-| [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
-| [vue/no-irregular-whitespace](./no-irregular-whitespace.md) | disallow irregular whitespace in `.vue` files |  | :warning: |
-| [vue/no-loss-of-precision](./no-loss-of-precision.md) | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
-| [vue/no-restricted-syntax](./no-restricted-syntax.md) | Disallow specified syntax in `<template>` |  | :hammer: |
-| [vue/no-sparse-arrays](./no-sparse-arrays.md) | Disallow sparse arrays in `<template>` |  | :warning: |
-| [vue/no-useless-concat](./no-useless-concat.md) | Disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
-| [vue/object-curly-newline](./object-curly-newline.md) | Enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-curly-spacing](./object-curly-spacing.md) | Enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
-| [vue/object-property-newline](./object-property-newline.md) | Enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
-| [vue/object-shorthand](./object-shorthand.md) | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
-| [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
-| [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
-| [vue/quote-props](./quote-props.md) | Require quotes around object literal, type literal, interfaces and enums property names in `<template>` | :wrench: | :lipstick: |
-| [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
-| [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
-| [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
-| [vue/template-curly-spacing](./template-curly-spacing.md) | Require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-newline] | Enforce linebreaks after opening and before closing array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-bracket-spacing] | Enforce consistent spacing inside array brackets in `<template>` | :wrench: | :lipstick: |
+| [vue/array-element-newline] | Enforce line breaks after each array element in `<template>` | :wrench: | :lipstick: |
+| [vue/arrow-spacing] | Enforce consistent spacing before and after the arrow in arrow functions in `<template>` | :wrench: | :lipstick: |
+| [vue/block-spacing] | Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>` | :wrench: | :lipstick: |
+| [vue/brace-style] | Enforce consistent brace style for blocks in `<template>` | :wrench: | :lipstick: |
+| [vue/camelcase] | Enforce camelcase naming convention in `<template>` |  | :hammer: |
+| [vue/comma-dangle] | Require or disallow trailing commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-spacing] | Enforce consistent spacing before and after commas in `<template>` | :wrench: | :lipstick: |
+| [vue/comma-style] | Enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-location] | Enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
+| [vue/dot-notation] | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
+| [vue/eqeqeq] | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
+| [vue/func-call-spacing] | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
+| [vue/key-spacing] | Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>` | :wrench: | :lipstick: |
+| [vue/keyword-spacing] | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
+| [vue/max-len] | enforce a maximum line length in `.vue` files |  | :lipstick: |
+| [vue/multiline-ternary] | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
+| [vue/no-console] | Disallow the use of `console` in `<template>` | :bulb: | :hammer: |
+| [vue/no-constant-condition] | Disallow constant expressions in conditions in `<template>` |  | :warning: |
+| [vue/no-empty-pattern] | Disallow empty destructuring patterns in `<template>` |  | :warning: |
+| [vue/no-extra-parens] | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/no-irregular-whitespace] | disallow irregular whitespace in `.vue` files |  | :warning: |
+| [vue/no-loss-of-precision] | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
+| [vue/no-restricted-syntax] | Disallow specified syntax in `<template>` |  | :hammer: |
+| [vue/no-sparse-arrays] | Disallow sparse arrays in `<template>` |  | :warning: |
+| [vue/no-useless-concat] | Disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
+| [vue/object-curly-newline] | Enforce consistent line breaks after opening and before closing braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-curly-spacing] | Enforce consistent spacing inside braces in `<template>` | :wrench: | :lipstick: |
+| [vue/object-property-newline] | Enforce placing object properties on separate lines in `<template>` | :wrench: | :lipstick: |
+| [vue/object-shorthand] | Require or disallow method and property shorthand syntax for object literals in `<template>` | :wrench: | :hammer: |
+| [vue/operator-linebreak] | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
+| [vue/prefer-template] | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
+| [vue/quote-props] | Require quotes around object literal, type literal, interfaces and enums property names in `<template>` | :wrench: | :lipstick: |
+| [vue/space-in-parens] | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/space-infix-ops] | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
+| [vue/space-unary-ops] | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
+| [vue/template-curly-spacing] | Require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
 
 </rules-table>
 
@@ -349,12 +349,12 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Replaced by |
 |:--------|:------------|
-| [vue/component-tags-order](./component-tags-order.md) | [vue/block-order](./block-order.md) |
-| [vue/no-invalid-model-keys](./no-invalid-model-keys.md) | [vue/valid-model-definition](./valid-model-definition.md) |
-| [vue/no-ref-object-destructure](./no-ref-object-destructure.md) | [vue/no-ref-object-reactivity-loss](./no-ref-object-reactivity-loss.md) |
-| [vue/no-setup-props-destructure](./no-setup-props-destructure.md) | [vue/no-setup-props-reactivity-loss](./no-setup-props-reactivity-loss.md) |
-| [vue/script-setup-uses-vars](./script-setup-uses-vars.md) | (no replacement) |
-| [vue/v-on-function-call](./v-on-function-call.md) | [vue/v-on-handler-style](./v-on-handler-style.md) |
+| [vue/component-tags-order] | [vue/block-order] |
+| [vue/no-invalid-model-keys] | [vue/valid-model-definition] |
+| [vue/no-ref-object-destructure] | [vue/no-ref-object-reactivity-loss] |
+| [vue/no-setup-props-destructure] | [vue/no-setup-props-reactivity-loss] |
+| [vue/script-setup-uses-vars] | (no replacement) |
+| [vue/v-on-function-call] | [vue/v-on-handler-style] |
 
 ## Removed
 
@@ -362,7 +362,273 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 | Rule ID | Replaced by | Deprecated in version  | Removed in version |
 |:--------|:------------|:-----------------------|:-------------------|
-| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) | [v7.13.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.13.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
-| [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) | [v7.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.0.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
-| [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | [v5.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v5.0.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) | [v8.4.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v8.4.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/experimental-script-setup-vars] | (no replacement) | [v7.13.0] | [v9.0.0] |
+| [vue/name-property-casing] | [vue/component-definition-name-casing] | [v7.0.0] | [v9.0.0] |
+| [vue/no-confusing-v-for-v-if] | [vue/no-use-v-if-with-v-for] | [v5.0.0] | [v9.0.0] |
+| [vue/no-unregistered-components] | [vue/no-undef-components] | [v8.4.0] | [v9.0.0] |
+
+<!-- link definitions for rules -->
+
+[vue/array-bracket-newline]: ./array-bracket-newline.md
+[vue/array-bracket-spacing]: ./array-bracket-spacing.md
+[vue/array-element-newline]: ./array-element-newline.md
+[vue/arrow-spacing]: ./arrow-spacing.md
+[vue/attribute-hyphenation]: ./attribute-hyphenation.md
+[vue/attributes-order]: ./attributes-order.md
+[vue/block-lang]: ./block-lang.md
+[vue/block-order]: ./block-order.md
+[vue/block-spacing]: ./block-spacing.md
+[vue/block-tag-newline]: ./block-tag-newline.md
+[vue/brace-style]: ./brace-style.md
+[vue/camelcase]: ./camelcase.md
+[vue/comma-dangle]: ./comma-dangle.md
+[vue/comma-spacing]: ./comma-spacing.md
+[vue/comma-style]: ./comma-style.md
+[vue/comment-directive]: ./comment-directive.md
+[vue/component-api-style]: ./component-api-style.md
+[vue/component-definition-name-casing]: ./component-definition-name-casing.md
+[vue/component-name-in-template-casing]: ./component-name-in-template-casing.md
+[vue/component-options-name-casing]: ./component-options-name-casing.md
+[vue/component-tags-order]: ./component-tags-order.md
+[vue/custom-event-name-casing]: ./custom-event-name-casing.md
+[vue/define-emits-declaration]: ./define-emits-declaration.md
+[vue/define-macros-order]: ./define-macros-order.md
+[vue/define-props-declaration]: ./define-props-declaration.md
+[vue/dot-location]: ./dot-location.md
+[vue/dot-notation]: ./dot-notation.md
+[vue/enforce-style-attribute]: ./enforce-style-attribute.md
+[vue/eqeqeq]: ./eqeqeq.md
+[vue/first-attribute-linebreak]: ./first-attribute-linebreak.md
+[vue/func-call-spacing]: ./func-call-spacing.md
+[vue/html-button-has-type]: ./html-button-has-type.md
+[vue/html-closing-bracket-newline]: ./html-closing-bracket-newline.md
+[vue/html-closing-bracket-spacing]: ./html-closing-bracket-spacing.md
+[vue/html-comment-content-newline]: ./html-comment-content-newline.md
+[vue/html-comment-content-spacing]: ./html-comment-content-spacing.md
+[vue/html-comment-indent]: ./html-comment-indent.md
+[vue/html-end-tags]: ./html-end-tags.md
+[vue/html-indent]: ./html-indent.md
+[vue/html-quotes]: ./html-quotes.md
+[vue/html-self-closing]: ./html-self-closing.md
+[vue/jsx-uses-vars]: ./jsx-uses-vars.md
+[vue/key-spacing]: ./key-spacing.md
+[vue/keyword-spacing]: ./keyword-spacing.md
+[vue/match-component-file-name]: ./match-component-file-name.md
+[vue/match-component-import-name]: ./match-component-import-name.md
+[vue/max-attributes-per-line]: ./max-attributes-per-line.md
+[vue/max-len]: ./max-len.md
+[vue/max-lines-per-block]: ./max-lines-per-block.md
+[vue/max-props]: ./max-props.md
+[vue/max-template-depth]: ./max-template-depth.md
+[vue/multi-word-component-names]: ./multi-word-component-names.md
+[vue/multiline-html-element-content-newline]: ./multiline-html-element-content-newline.md
+[vue/multiline-ternary]: ./multiline-ternary.md
+[vue/mustache-interpolation-spacing]: ./mustache-interpolation-spacing.md
+[vue/new-line-between-multi-line-property]: ./new-line-between-multi-line-property.md
+[vue/next-tick-style]: ./next-tick-style.md
+[vue/no-arrow-functions-in-watch]: ./no-arrow-functions-in-watch.md
+[vue/no-async-in-computed-properties]: ./no-async-in-computed-properties.md
+[vue/no-bare-strings-in-template]: ./no-bare-strings-in-template.md
+[vue/no-boolean-default]: ./no-boolean-default.md
+[vue/no-child-content]: ./no-child-content.md
+[vue/no-computed-properties-in-data]: ./no-computed-properties-in-data.md
+[vue/no-console]: ./no-console.md
+[vue/no-constant-condition]: ./no-constant-condition.md
+[vue/no-custom-modifiers-on-v-model]: ./no-custom-modifiers-on-v-model.md
+[vue/no-deprecated-data-object-declaration]: ./no-deprecated-data-object-declaration.md
+[vue/no-deprecated-delete-set]: ./no-deprecated-delete-set.md
+[vue/no-deprecated-destroyed-lifecycle]: ./no-deprecated-destroyed-lifecycle.md
+[vue/no-deprecated-dollar-listeners-api]: ./no-deprecated-dollar-listeners-api.md
+[vue/no-deprecated-dollar-scopedslots-api]: ./no-deprecated-dollar-scopedslots-api.md
+[vue/no-deprecated-events-api]: ./no-deprecated-events-api.md
+[vue/no-deprecated-filter]: ./no-deprecated-filter.md
+[vue/no-deprecated-functional-template]: ./no-deprecated-functional-template.md
+[vue/no-deprecated-html-element-is]: ./no-deprecated-html-element-is.md
+[vue/no-deprecated-inline-template]: ./no-deprecated-inline-template.md
+[vue/no-deprecated-model-definition]: ./no-deprecated-model-definition.md
+[vue/no-deprecated-props-default-this]: ./no-deprecated-props-default-this.md
+[vue/no-deprecated-router-link-tag-prop]: ./no-deprecated-router-link-tag-prop.md
+[vue/no-deprecated-scope-attribute]: ./no-deprecated-scope-attribute.md
+[vue/no-deprecated-slot-attribute]: ./no-deprecated-slot-attribute.md
+[vue/no-deprecated-slot-scope-attribute]: ./no-deprecated-slot-scope-attribute.md
+[vue/no-deprecated-v-bind-sync]: ./no-deprecated-v-bind-sync.md
+[vue/no-deprecated-v-is]: ./no-deprecated-v-is.md
+[vue/no-deprecated-v-on-native-modifier]: ./no-deprecated-v-on-native-modifier.md
+[vue/no-deprecated-v-on-number-modifiers]: ./no-deprecated-v-on-number-modifiers.md
+[vue/no-deprecated-vue-config-keycodes]: ./no-deprecated-vue-config-keycodes.md
+[vue/no-dupe-keys]: ./no-dupe-keys.md
+[vue/no-dupe-v-else-if]: ./no-dupe-v-else-if.md
+[vue/no-duplicate-attr-inheritance]: ./no-duplicate-attr-inheritance.md
+[vue/no-duplicate-attributes]: ./no-duplicate-attributes.md
+[vue/no-empty-component-block]: ./no-empty-component-block.md
+[vue/no-empty-pattern]: ./no-empty-pattern.md
+[vue/no-export-in-script-setup]: ./no-export-in-script-setup.md
+[vue/no-expose-after-await]: ./no-expose-after-await.md
+[vue/no-extra-parens]: ./no-extra-parens.md
+[vue/no-invalid-model-keys]: ./no-invalid-model-keys.md
+[vue/no-irregular-whitespace]: ./no-irregular-whitespace.md
+[vue/no-lifecycle-after-await]: ./no-lifecycle-after-await.md
+[vue/no-lone-template]: ./no-lone-template.md
+[vue/no-loss-of-precision]: ./no-loss-of-precision.md
+[vue/no-multi-spaces]: ./no-multi-spaces.md
+[vue/no-multiple-objects-in-class]: ./no-multiple-objects-in-class.md
+[vue/no-multiple-slot-args]: ./no-multiple-slot-args.md
+[vue/no-multiple-template-root]: ./no-multiple-template-root.md
+[vue/no-mutating-props]: ./no-mutating-props.md
+[vue/no-parsing-error]: ./no-parsing-error.md
+[vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
+[vue/no-ref-as-operand]: ./no-ref-as-operand.md
+[vue/no-ref-object-destructure]: ./no-ref-object-destructure.md
+[vue/no-ref-object-reactivity-loss]: ./no-ref-object-reactivity-loss.md
+[vue/no-required-prop-with-default]: ./no-required-prop-with-default.md
+[vue/no-reserved-component-names]: ./no-reserved-component-names.md
+[vue/no-reserved-keys]: ./no-reserved-keys.md
+[vue/no-reserved-props]: ./no-reserved-props.md
+[vue/no-restricted-block]: ./no-restricted-block.md
+[vue/no-restricted-call-after-await]: ./no-restricted-call-after-await.md
+[vue/no-restricted-class]: ./no-restricted-class.md
+[vue/no-restricted-component-names]: ./no-restricted-component-names.md
+[vue/no-restricted-component-options]: ./no-restricted-component-options.md
+[vue/no-restricted-custom-event]: ./no-restricted-custom-event.md
+[vue/no-restricted-html-elements]: ./no-restricted-html-elements.md
+[vue/no-restricted-props]: ./no-restricted-props.md
+[vue/no-restricted-static-attribute]: ./no-restricted-static-attribute.md
+[vue/no-restricted-syntax]: ./no-restricted-syntax.md
+[vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
+[vue/no-restricted-v-on]: ./no-restricted-v-on.md
+[vue/no-root-v-if]: ./no-root-v-if.md
+[vue/no-setup-props-destructure]: ./no-setup-props-destructure.md
+[vue/no-setup-props-reactivity-loss]: ./no-setup-props-reactivity-loss.md
+[vue/no-shared-component-data]: ./no-shared-component-data.md
+[vue/no-side-effects-in-computed-properties]: ./no-side-effects-in-computed-properties.md
+[vue/no-spaces-around-equal-signs-in-attribute]: ./no-spaces-around-equal-signs-in-attribute.md
+[vue/no-sparse-arrays]: ./no-sparse-arrays.md
+[vue/no-static-inline-styles]: ./no-static-inline-styles.md
+[vue/no-template-key]: ./no-template-key.md
+[vue/no-template-shadow]: ./no-template-shadow.md
+[vue/no-template-target-blank]: ./no-template-target-blank.md
+[vue/no-textarea-mustache]: ./no-textarea-mustache.md
+[vue/no-this-in-before-route-enter]: ./no-this-in-before-route-enter.md
+[vue/no-undef-components]: ./no-undef-components.md
+[vue/no-undef-properties]: ./no-undef-properties.md
+[vue/no-unsupported-features]: ./no-unsupported-features.md
+[vue/no-unused-components]: ./no-unused-components.md
+[vue/no-unused-emit-declarations]: ./no-unused-emit-declarations.md
+[vue/no-unused-properties]: ./no-unused-properties.md
+[vue/no-unused-refs]: ./no-unused-refs.md
+[vue/no-unused-vars]: ./no-unused-vars.md
+[vue/no-use-computed-property-like-method]: ./no-use-computed-property-like-method.md
+[vue/no-use-v-else-with-v-for]: ./no-use-v-else-with-v-for.md
+[vue/no-use-v-if-with-v-for]: ./no-use-v-if-with-v-for.md
+[vue/no-useless-concat]: ./no-useless-concat.md
+[vue/no-useless-mustaches]: ./no-useless-mustaches.md
+[vue/no-useless-template-attributes]: ./no-useless-template-attributes.md
+[vue/no-useless-v-bind]: ./no-useless-v-bind.md
+[vue/no-v-for-template-key-on-child]: ./no-v-for-template-key-on-child.md
+[vue/no-v-for-template-key]: ./no-v-for-template-key.md
+[vue/no-v-html]: ./no-v-html.md
+[vue/no-v-model-argument]: ./no-v-model-argument.md
+[vue/no-v-text-v-html-on-component]: ./no-v-text-v-html-on-component.md
+[vue/no-v-text]: ./no-v-text.md
+[vue/no-watch-after-await]: ./no-watch-after-await.md
+[vue/object-curly-newline]: ./object-curly-newline.md
+[vue/object-curly-spacing]: ./object-curly-spacing.md
+[vue/object-property-newline]: ./object-property-newline.md
+[vue/object-shorthand]: ./object-shorthand.md
+[vue/one-component-per-file]: ./one-component-per-file.md
+[vue/operator-linebreak]: ./operator-linebreak.md
+[vue/order-in-components]: ./order-in-components.md
+[vue/padding-line-between-blocks]: ./padding-line-between-blocks.md
+[vue/padding-line-between-tags]: ./padding-line-between-tags.md
+[vue/padding-lines-in-component-definition]: ./padding-lines-in-component-definition.md
+[vue/prefer-define-options]: ./prefer-define-options.md
+[vue/prefer-import-from-vue]: ./prefer-import-from-vue.md
+[vue/prefer-prop-type-boolean-first]: ./prefer-prop-type-boolean-first.md
+[vue/prefer-separate-static-class]: ./prefer-separate-static-class.md
+[vue/prefer-template]: ./prefer-template.md
+[vue/prefer-true-attribute-shorthand]: ./prefer-true-attribute-shorthand.md
+[vue/prefer-use-template-ref]: ./prefer-use-template-ref.md
+[vue/prop-name-casing]: ./prop-name-casing.md
+[vue/quote-props]: ./quote-props.md
+[vue/require-component-is]: ./require-component-is.md
+[vue/require-default-export]: ./require-default-export.md
+[vue/require-default-prop]: ./require-default-prop.md
+[vue/require-direct-export]: ./require-direct-export.md
+[vue/require-emit-validator]: ./require-emit-validator.md
+[vue/require-explicit-emits]: ./require-explicit-emits.md
+[vue/require-explicit-slots]: ./require-explicit-slots.md
+[vue/require-expose]: ./require-expose.md
+[vue/require-macro-variable-name]: ./require-macro-variable-name.md
+[vue/require-name-property]: ./require-name-property.md
+[vue/require-prop-comment]: ./require-prop-comment.md
+[vue/require-prop-type-constructor]: ./require-prop-type-constructor.md
+[vue/require-prop-types]: ./require-prop-types.md
+[vue/require-render-return]: ./require-render-return.md
+[vue/require-slots-as-functions]: ./require-slots-as-functions.md
+[vue/require-toggle-inside-transition]: ./require-toggle-inside-transition.md
+[vue/require-typed-object-prop]: ./require-typed-object-prop.md
+[vue/require-typed-ref]: ./require-typed-ref.md
+[vue/require-v-for-key]: ./require-v-for-key.md
+[vue/require-valid-default-prop]: ./require-valid-default-prop.md
+[vue/restricted-component-names]: ./restricted-component-names.md
+[vue/return-in-computed-property]: ./return-in-computed-property.md
+[vue/return-in-emits-validator]: ./return-in-emits-validator.md
+[vue/script-indent]: ./script-indent.md
+[vue/script-setup-uses-vars]: ./script-setup-uses-vars.md
+[vue/singleline-html-element-content-newline]: ./singleline-html-element-content-newline.md
+[vue/slot-name-casing]: ./slot-name-casing.md
+[vue/sort-keys]: ./sort-keys.md
+[vue/space-in-parens]: ./space-in-parens.md
+[vue/space-infix-ops]: ./space-infix-ops.md
+[vue/space-unary-ops]: ./space-unary-ops.md
+[vue/static-class-names-order]: ./static-class-names-order.md
+[vue/template-curly-spacing]: ./template-curly-spacing.md
+[vue/this-in-template]: ./this-in-template.md
+[vue/use-v-on-exact]: ./use-v-on-exact.md
+[vue/v-bind-style]: ./v-bind-style.md
+[vue/v-for-delimiter-style]: ./v-for-delimiter-style.md
+[vue/v-if-else-key]: ./v-if-else-key.md
+[vue/v-on-event-hyphenation]: ./v-on-event-hyphenation.md
+[vue/v-on-function-call]: ./v-on-function-call.md
+[vue/v-on-handler-style]: ./v-on-handler-style.md
+[vue/v-on-style]: ./v-on-style.md
+[vue/v-slot-style]: ./v-slot-style.md
+[vue/valid-attribute-name]: ./valid-attribute-name.md
+[vue/valid-define-emits]: ./valid-define-emits.md
+[vue/valid-define-options]: ./valid-define-options.md
+[vue/valid-define-props]: ./valid-define-props.md
+[vue/valid-model-definition]: ./valid-model-definition.md
+[vue/valid-next-tick]: ./valid-next-tick.md
+[vue/valid-template-root]: ./valid-template-root.md
+[vue/valid-v-bind-sync]: ./valid-v-bind-sync.md
+[vue/valid-v-bind]: ./valid-v-bind.md
+[vue/valid-v-cloak]: ./valid-v-cloak.md
+[vue/valid-v-else-if]: ./valid-v-else-if.md
+[vue/valid-v-else]: ./valid-v-else.md
+[vue/valid-v-for]: ./valid-v-for.md
+[vue/valid-v-html]: ./valid-v-html.md
+[vue/valid-v-if]: ./valid-v-if.md
+[vue/valid-v-is]: ./valid-v-is.md
+[vue/valid-v-memo]: ./valid-v-memo.md
+[vue/valid-v-model]: ./valid-v-model.md
+[vue/valid-v-on]: ./valid-v-on.md
+[vue/valid-v-once]: ./valid-v-once.md
+[vue/valid-v-pre]: ./valid-v-pre.md
+[vue/valid-v-show]: ./valid-v-show.md
+[vue/valid-v-slot]: ./valid-v-slot.md
+[vue/valid-v-text]: ./valid-v-text.md
+
+<!-- link definitions for removed rules -->
+
+[vue/experimental-script-setup-vars]: ./experimental-script-setup-vars.md
+[vue/name-property-casing]: ./name-property-casing.md
+[vue/no-confusing-v-for-v-if]: ./no-confusing-v-for-v-if.md
+[vue/no-unregistered-components]: ./no-unregistered-components.md
+
+<!-- link definitions for releases -->
+
+[v5.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v5.0.0
+[v7.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.0.0
+[v7.13.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.13.0
+[v8.4.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v8.4.0
+[v9.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 46a5c4c8a..63a6d66fb 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -45,18 +45,16 @@ function toRuleRow(rule, kindMarks = []) {
     rule.meta.deprecated ? ':no_entry_sign:' : ''
   ].join('')
   const kindMark = [...kindMarks, TYPE_MARK[rule.meta.type]].join('')
-  const link = `[${rule.ruleId}](./${rule.name}.md)`
+  const link = `[${rule.ruleId}]`
   const description = rule.meta.docs.description || '(no description)'
 
   return `| ${link} | ${description} | ${mark} | ${kindMark} |`
 }
 
 function toDeprecatedRuleRow(rule) {
-  const link = `[${rule.ruleId}](./${rule.name}.md)`
+  const link = `[${rule.ruleId}]`
   const replacedRules = rule.meta.replacedBy || []
-  const replacedBy = replacedRules
-    .map((name) => `[vue/${name}](./${name}.md)`)
-    .join(', ')
+  const replacedBy = replacedRules.map((name) => `[vue/${name}]`).join(', ')
 
   return `| ${link} | ${replacedBy || '(no replacement)'} |`
 }
@@ -67,12 +65,11 @@ function toRemovedRuleRow({
   deprecatedInVersion,
   removedInVersion
 }) {
-  const link = `[vue/${ruleName}](./${ruleName}.md)`
+  const link = `[vue/${ruleName}]`
   const replacement =
-    replacedBy.map((name) => `[vue/${name}](./${name}.md)`).join(', ') ||
-    '(no replacement)'
-  const deprecatedVersionLink = `[${deprecatedInVersion}](https://github.com/vuejs/eslint-plugin-vue/releases/tag/${deprecatedInVersion})`
-  const removedVersionLink = `[${removedInVersion}](https://github.com/vuejs/eslint-plugin-vue/releases/tag/${removedInVersion})`
+    replacedBy.map((name) => `[vue/${name}]`).join(', ') || '(no replacement)'
+  const deprecatedVersionLink = `[${deprecatedInVersion}]`
+  const removedVersionLink = `[${removedInVersion}]`
 
   return `| ${link} | ${replacement} | ${deprecatedVersionLink} | ${removedVersionLink} |`
 }
@@ -243,6 +240,26 @@ rulesTableContent += `
 ${removedRules.map(toRemovedRuleRow).join('\n')}
 `
 
+// -----------------------------------------------------------------------------
+const releases = [
+  ...new Set(
+    removedRules.flatMap((rule) => [
+      rule.deprecatedInVersion,
+      rule.removedInVersion
+    ])
+  )
+].sort()
+const ruleLinkDefinitions = rules.map(
+  (rule) => `[${rule.ruleId}]: ./${rule.name}.md`
+)
+const removedRuleLinkDefinitions = removedRules.map(
+  (rule) => `[vue/${rule.ruleName}]: ./${rule.ruleName}.md`
+)
+const releaseLinkDefinitions = releases.map(
+  (release) =>
+    `[${release}]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/${release}`
+)
+
 // -----------------------------------------------------------------------------
 const readmeFilePath = path.resolve(__dirname, '../docs/rules/index.md')
 fs.writeFileSync(
@@ -269,5 +286,17 @@ Mark indicating rule type:
 - :lipstick: Layout & Formatting: These rules care about how the code looks rather than how it executes.
 
 ${rulesTableContent.trim()}
+
+<!-- link definitions for rules -->
+
+${ruleLinkDefinitions.join('\n')}
+
+<!-- link definitions for removed rules -->
+
+${removedRuleLinkDefinitions.join('\n')}
+
+<!-- link definitions for releases -->
+
+${releaseLinkDefinitions.join('\n')}
 `
 )

From 3bae67f6276b3201d4c0065523b6c0c6d019519b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 16 Dec 2024 09:44:01 +0100
Subject: [PATCH 0813/1010] Fix sidebar categories in rule docs (#2646)

---
 docs/.vitepress/config.mts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 77c052a58..afa635d7e 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -32,7 +32,7 @@ export default async () => {
     { title: 'Base Rules', categoryIds: ['base'] },
     {
       title: 'Priority A: Essential',
-      categoryIds: ['vue3-essential', 'essential']
+      categoryIds: ['vue3-essential', 'vue2-essential']
     },
     {
       title: 'Priority A: Essential for Vue.js 3.x',
@@ -40,11 +40,11 @@ export default async () => {
     },
     {
       title: 'Priority A: Essential for Vue.js 2.x',
-      categoryIds: ['essential']
+      categoryIds: ['vue2-essential']
     },
     {
       title: 'Priority B: Strongly Recommended',
-      categoryIds: ['vue3-strongly-recommended', 'strongly-recommended']
+      categoryIds: ['vue3-strongly-recommended', 'vue2-strongly-recommended']
     },
     {
       title: 'Priority B: Strongly Recommended for Vue.js 3.x',
@@ -52,11 +52,11 @@ export default async () => {
     },
     {
       title: 'Priority B: Strongly Recommended for Vue.js 2.x',
-      categoryIds: ['strongly-recommended']
+      categoryIds: ['vue2-strongly-recommended']
     },
     {
       title: 'Priority C: Recommended',
-      categoryIds: ['vue3-recommended', 'recommended']
+      categoryIds: ['vue3-recommended', 'vue2-recommended']
     },
     {
       title: 'Priority C: Recommended for Vue.js 3.x',
@@ -64,7 +64,7 @@ export default async () => {
     },
     {
       title: 'Priority C: Recommended for Vue.js 2.x',
-      categoryIds: ['recommended']
+      categoryIds: ['vue2-recommended']
     }
   ]
 

From 9453949a3cfa04a60ca6f1f9635e27a4f186238f Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 16 Dec 2024 18:59:03 +0800
Subject: [PATCH 0814/1010] test: add suggestions to `no-unused-vars` tests
 (#2650)

---
 tests/lib/rules/jsx-uses-vars.js          | 42 ++++++++++--
 tests/lib/rules/script-setup-uses-vars.js | 78 +++++++++++++++++++++--
 tests/lib/script-setup-vars.js            | 74 +++++++++++++++++++--
 3 files changed, 181 insertions(+), 13 deletions(-)

diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index 680df0161..81d907dae 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -4,12 +4,12 @@
  */
 'use strict'
 
-const eslint = require('../../eslint-compat')
+const semver = require('semver')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/jsx-uses-vars')
 const { getCoreRule } = require('../../../lib/utils')
 const ruleNoUnusedVars = getCoreRule('no-unused-vars')
 
-const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
   languageOptions: {
     ecmaVersion: 6,
@@ -108,7 +108,23 @@ describe('jsx-uses-vars', () => {
       `,
         errors: [
           {
-            message: "'SomeComponent' is defined but never used."
+            message: "'SomeComponent' is defined but never used.",
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'SomeComponent'.",
+                    output: `
+        /* eslint vue/jsx-uses-vars: 1 */
+        import './SomeComponent.jsx';
+        export default {
+          render () {
+            return <div></div>;
+          },
+        };
+      `
+                  }
+                ]
+              : null
           }
         ]
       },
@@ -128,7 +144,25 @@ describe('jsx-uses-vars', () => {
       `,
         errors: [
           {
-            message: "'wrapper' is assigned a value but never used."
+            message: "'wrapper' is assigned a value but never used.",
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'wrapper'.",
+                    output: `
+        /* eslint vue/jsx-uses-vars: 1 */
+        import SomeComponent from './SomeComponent.jsx';
+        
+
+        export default {
+          render () {
+            return <div></div>;
+          },
+        };
+      `
+                  }
+                ]
+              : null
           }
         ]
       }
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
index f903a3f9b..cae0f017e 100644
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ b/tests/lib/rules/script-setup-uses-vars.js
@@ -5,12 +5,12 @@
  */
 'use strict'
 
-const eslint = require('../../eslint-compat')
+const semver = require('semver')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/script-setup-uses-vars')
 const { getCoreRule } = require('../../../lib/utils')
 const ruleNoUnusedVars = getCoreRule('no-unused-vars')
 
-const RuleTester = eslint.RuleTester
 const ruleTester = new RuleTester({
   languageOptions: {
     parser: require('vue-eslint-parser'),
@@ -260,7 +260,39 @@ describe('script-setup-uses-vars', () => {
         errors: [
           {
             message: "'Bar' is defined but never used.",
-            line: 6
+            line: 6,
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'Bar'.",
+                    output: `
+        <script setup>
+          /* eslint vue/script-setup-uses-vars: 1 */
+          // imported components are also directly usable in template
+          import Foo from './Foo.vue'
+          import './Bar.vue'
+          import { ref } from 'vue'
+
+          // write Composition API code just like in a normal setup()
+          // but no need to manually return everything
+          const count = ref(0)
+          const inc = () => {
+            count.value++
+          }
+          const foo = ref(42)
+          console.log(foo.value)
+          const bar = ref(42)
+          bar.value++
+          const baz = ref(42)
+        </script>
+
+        <template>
+          <Foo :count="count" @click="inc" />
+        </template>
+        `
+                  }
+                ]
+              : null
           },
           {
             message: "'baz' is assigned a value but never used.",
@@ -285,7 +317,24 @@ describe('script-setup-uses-vars', () => {
         errors: [
           {
             message: "'camelCase' is defined but never used.",
-            line: 4
+            line: 4,
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'camelCase'.",
+                    output: `
+        <script setup>
+          /* eslint vue/script-setup-uses-vars: 1 */
+          import './component.vue'
+        </script>
+
+        <template>
+          <CamelCase />
+        </template>
+        `
+                  }
+                ]
+              : null
           }
         ]
       },
@@ -308,7 +357,26 @@ describe('script-setup-uses-vars', () => {
         errors: [
           {
             message: "'msg' is assigned a value but never used.",
-            line: 5
+            line: 5,
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'msg'.",
+                    output: `
+        <script setup>
+          /* eslint vue/script-setup-uses-vars: 1 */
+          if (a) {
+            
+          }
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `
+                  }
+                ]
+              : null
           }
         ]
       },
diff --git a/tests/lib/script-setup-vars.js b/tests/lib/script-setup-vars.js
index 49a4fb1ab..6e4438e6a 100644
--- a/tests/lib/script-setup-vars.js
+++ b/tests/lib/script-setup-vars.js
@@ -1,6 +1,7 @@
 'use strict'
 
-const { RuleTester } = require('../eslint-compat')
+const semver = require('semver')
+const { RuleTester, ESLint } = require('../eslint-compat')
 const { getCoreRule } = require('../../lib/utils')
 const ruleNoUnusedVars = getCoreRule('no-unused-vars')
 const ruleNoUndef = getCoreRule('no-undef')
@@ -220,7 +221,38 @@ describe('vue-eslint-parser should properly mark the variables used in the templ
         errors: [
           {
             message: "'Bar' is defined but never used.",
-            line: 5
+            line: 5,
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'Bar'.",
+                    output: `
+        <script setup>
+          // imported components are also directly usable in template
+          import Foo from './Foo.vue'
+          import './Bar.vue'
+          import { ref } from 'vue'
+
+          // write Composition API code just like in a normal setup()
+          // but no need to manually return everything
+          const count = ref(0)
+          const inc = () => {
+            count.value++
+          }
+          const foo = ref(42)
+          console.log(foo.value)
+          const bar = ref(42)
+          bar.value++
+          const baz = ref(42)
+        </script>
+
+        <template>
+          <Foo :count="count" @click="inc" />
+        </template>
+        `
+                  }
+                ]
+              : null
           },
           {
             message: "'baz' is assigned a value but never used.",
@@ -244,7 +276,23 @@ describe('vue-eslint-parser should properly mark the variables used in the templ
         errors: [
           {
             message: "'camelCase' is defined but never used.",
-            line: 3
+            line: 3,
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'camelCase'.",
+                    output: `
+        <script setup>
+          import './component.vue'
+        </script>
+
+        <template>
+          <CamelCase />
+        </template>
+        `
+                  }
+                ]
+              : null
           }
         ]
       },
@@ -266,7 +314,25 @@ describe('vue-eslint-parser should properly mark the variables used in the templ
         errors: [
           {
             message: "'msg' is assigned a value but never used.",
-            line: 4
+            line: 4,
+            suggestions: semver.gte(ESLint.version, '9.17.0')
+              ? [
+                  {
+                    desc: "Remove unused variable 'msg'.",
+                    output: `
+        <script setup>
+          if (a) {
+            
+          }
+        </script>
+
+        <template>
+          <div>{{ msg }}</div>
+        </template>
+        `
+                  }
+                ]
+              : null
           }
         ]
       },

From b5a82609fd3392395ff126b8711e833db4887e88 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 16 Dec 2024 12:02:25 +0100
Subject: [PATCH 0815/1010] Improve `no-invalid-meta` internal rule (#2647)

---
 eslint-internal-rules/no-invalid-meta.js      | 61 +++++++------------
 lib/rules/no-duplicate-attr-inheritance.js    |  1 -
 .../no-potential-component-option-typo.js     |  1 -
 lib/rules/no-ref-object-destructure.js        |  4 +-
 lib/rules/no-setup-props-destructure.js       |  4 +-
 lib/rules/require-typed-object-prop.js        |  1 -
 lib/rules/sort-keys.js                        |  1 -
 lib/rules/v-for-delimiter-style.js            |  1 -
 lib/rules/v-if-else-key.js                    |  1 -
 9 files changed, 26 insertions(+), 49 deletions(-)

diff --git a/eslint-internal-rules/no-invalid-meta.js b/eslint-internal-rules/no-invalid-meta.js
index 5969e5c5a..941cf2a39 100644
--- a/eslint-internal-rules/no-invalid-meta.js
+++ b/eslint-internal-rules/no-invalid-meta.js
@@ -23,38 +23,6 @@ function getPropertyFromObject(propertyName, node) {
   return null
 }
 
-/**
- * Extracts the `meta` property from the ObjectExpression that all rules export.
- *
- * @param {ASTNode} exportsNode ObjectExpression node that the rule exports.
- * @returns {ASTNode} The `meta` Property node or null if not found.
- */
-function getMetaPropertyFromExportsNode(exportsNode) {
-  return getPropertyFromObject('meta', exportsNode)
-}
-
-/**
- * Whether this `meta` ObjectExpression has a `docs` property defined or not.
- *
- * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
- * @returns {boolean} `true` if a `docs` property exists.
- */
-function hasMetaDocs(metaPropertyNode) {
-  return Boolean(getPropertyFromObject('docs', metaPropertyNode.value))
-}
-
-/**
- * Whether this `meta` ObjectExpression has a `docs.category` property defined or not.
- *
- * @param {ASTNode} metaPropertyNode The `meta` ObjectExpression for this rule.
- * @returns {boolean} `true` if a `docs.category` property exists.
- */
-function hasMetaDocsCategories(metaPropertyNode) {
-  const metaDocs = getPropertyFromObject('docs', metaPropertyNode.value)
-
-  return metaDocs && getPropertyFromObject('categories', metaDocs.value)
-}
-
 /**
  * Checks the validity of the meta definition of this rule and reports any errors found.
  *
@@ -64,8 +32,7 @@ function hasMetaDocsCategories(metaPropertyNode) {
  * @returns {void}
  */
 function checkMetaValidity(context, exportsNode) {
-  const metaProperty = getMetaPropertyFromExportsNode(exportsNode)
-
+  const metaProperty = getPropertyFromObject('meta', exportsNode)
   if (!metaProperty) {
     context.report({
       node: exportsNode,
@@ -74,21 +41,35 @@ function checkMetaValidity(context, exportsNode) {
     return
   }
 
-  if (!hasMetaDocs(metaProperty)) {
+  const metaDocs = getPropertyFromObject('docs', metaProperty.value)
+  if (!metaDocs) {
     context.report({
-      node: 'metaDocs',
+      node: metaProperty,
       messageId: 'missingMetaDocs'
     })
     return
   }
 
-  if (!hasMetaDocsCategories(metaProperty)) {
+  const metaDocsCategories = getPropertyFromObject('categories', metaDocs.value)
+  if (!metaDocsCategories) {
     context.report({
-      node: metaProperty,
+      node: metaDocs,
       messageId: 'missingMetaDocsCategories'
     })
     return
   }
+
+  const metaDocsRecommended = getPropertyFromObject(
+    'recommended',
+    metaDocs.value
+  )
+  if (metaDocsRecommended) {
+    context.report({
+      node: metaDocsRecommended,
+      messageId: 'invalidMetaDocsRecommended'
+    })
+    return
+  }
 }
 
 module.exports = {
@@ -103,7 +84,9 @@ module.exports = {
       missingMeta: 'Rule is missing a meta property.',
       missingMetaDocs: 'Rule is missing a meta.docs property.',
       missingMetaDocsCategories:
-        'Rule is missing a meta.docs.categories property.'
+        'Rule is missing a meta.docs.categories property.',
+      invalidMetaDocsRecommended:
+        'Rule should not have a meta.docs.recommended property.'
     }
   },
 
diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index ba20a52e5..1f0fb0fd3 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -40,7 +40,6 @@ module.exports = {
       description:
         'enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"`',
       categories: undefined,
-      recommended: false,
       url: 'https://eslint.vuejs.org/rules/no-duplicate-attr-inheritance.html'
     },
     fixable: null,
diff --git a/lib/rules/no-potential-component-option-typo.js b/lib/rules/no-potential-component-option-typo.js
index 50c710802..4f1b02775 100644
--- a/lib/rules/no-potential-component-option-typo.js
+++ b/lib/rules/no-potential-component-option-typo.js
@@ -12,7 +12,6 @@ module.exports = {
     docs: {
       description: 'disallow a potential typo in your component property',
       categories: undefined,
-      recommended: false,
       url: 'https://eslint.vuejs.org/rules/no-potential-component-option-typo.html'
     },
     fixable: null,
diff --git a/lib/rules/no-ref-object-destructure.js b/lib/rules/no-ref-object-destructure.js
index 221c20b3d..ae9c8ccbf 100644
--- a/lib/rules/no-ref-object-destructure.js
+++ b/lib/rules/no-ref-object-destructure.js
@@ -6,10 +6,10 @@
 const baseRule = require('./no-ref-object-reactivity-loss')
 
 module.exports = {
-  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, internal/no-invalid-meta, eslint-plugin/require-meta-type -- inherit schema from base rule
+  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, eslint-plugin/require-meta-type -- inherit schema from base rule
   meta: {
     ...baseRule.meta,
-    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
+    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
     docs: {
       ...baseRule.meta.docs,
       url: 'https://eslint.vuejs.org/rules/no-ref-object-destructure.html'
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
index 7b49b0a45..882bdc952 100644
--- a/lib/rules/no-setup-props-destructure.js
+++ b/lib/rules/no-setup-props-destructure.js
@@ -6,10 +6,10 @@
 const baseRule = require('./no-setup-props-reactivity-loss')
 
 module.exports = {
-  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, internal/no-invalid-meta, eslint-plugin/require-meta-type -- inherit schema from base rule
+  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, eslint-plugin/require-meta-type -- inherit schema from base rule
   meta: {
     ...baseRule.meta,
-    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
+    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
     docs: {
       ...baseRule.meta.docs,
       url: 'https://eslint.vuejs.org/rules/no-setup-props-destructure.html'
diff --git a/lib/rules/require-typed-object-prop.js b/lib/rules/require-typed-object-prop.js
index eb7a278ae..b88e17537 100644
--- a/lib/rules/require-typed-object-prop.js
+++ b/lib/rules/require-typed-object-prop.js
@@ -116,7 +116,6 @@ module.exports = {
     docs: {
       description: 'enforce adding type declarations to object props',
       categories: undefined,
-      recommended: false,
       url: 'https://eslint.vuejs.org/rules/require-typed-object-prop.html'
     },
     fixable: null,
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 38d758e91..9598adf0b 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -71,7 +71,6 @@ module.exports = {
       description:
         'enforce sort-keys in a manner that is compatible with order-in-components',
       categories: null,
-      recommended: false,
       url: 'https://eslint.vuejs.org/rules/sort-keys.html'
     },
     fixable: null,
diff --git a/lib/rules/v-for-delimiter-style.js b/lib/rules/v-for-delimiter-style.js
index f59a43826..2b20cfd0a 100644
--- a/lib/rules/v-for-delimiter-style.js
+++ b/lib/rules/v-for-delimiter-style.js
@@ -14,7 +14,6 @@ module.exports = {
     docs: {
       description: "enforce `v-for` directive's delimiter style",
       categories: undefined,
-      recommended: false,
       url: 'https://eslint.vuejs.org/rules/v-for-delimiter-style.html'
     },
     fixable: 'code',
diff --git a/lib/rules/v-if-else-key.js b/lib/rules/v-if-else-key.js
index a83d436b8..d8e913670 100644
--- a/lib/rules/v-if-else-key.js
+++ b/lib/rules/v-if-else-key.js
@@ -127,7 +127,6 @@ module.exports = {
       description:
         'require key attribute for conditionally rendered repeated components',
       categories: null,
-      recommended: false,
       url: 'https://eslint.vuejs.org/rules/v-if-else-key.html'
     },
     // eslint-disable-next-line eslint-plugin/require-meta-fixable -- fixer is not recognized

From 926d6e8e5f4a9d953cfb334bb1c1c90d731b86b8 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 16 Dec 2024 12:20:31 +0100
Subject: [PATCH 0816/1010] Improve CI workflow (#2649)

---
 .github/workflows/CI.yml | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 58878a03e..136770fd9 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -1,9 +1,13 @@
 name: CI
 on:
   push:
-    branches: [master]
+    branches:
+      - 'master'
   pull_request:
-    branches: [master]
+    types:
+      - 'opened'
+      - 'synchronize'
+      - 'reopened'
 
 permissions:
   contents: read
@@ -27,15 +31,13 @@ jobs:
     strategy:
       matrix:
         node: [18, 20]
-        os: [ubuntu-latest]
         eslint: [8, 9]
         include:
           # On old Node version
-          - eslint: 8
-            node: 17
-            os: ubuntu-latest
+          - node: 17
+            eslint: 8
 
-    runs-on: ${{ matrix.os }}
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v3

From 3e8120f600d2c8a429bf06e0792e417155216a03 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 19 Dec 2024 14:30:38 +0100
Subject: [PATCH 0817/1010] Update development dependencies (#2656)

---
 eslint.config.js                         |  1 +
 lib/rules/html-button-has-type.js        | 15 +++---------
 lib/rules/no-irregular-whitespace.js     | 30 +++++-------------------
 lib/rules/require-macro-variable-name.js | 27 +++++----------------
 lib/rules/sort-keys.js                   | 14 ++++-------
 package.json                             |  6 ++---
 6 files changed, 24 insertions(+), 69 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index ea76a9d73..92e6d3fa2 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -45,6 +45,7 @@ module.exports = [
   // turn off some rules from shared configs in all files
   {
     rules: {
+      'eslint-plugin/require-meta-default-options': 'off', // TODO: enable when all rules have defaultOptions
       'eslint-plugin/require-meta-docs-recommended': 'off', // use `categories` instead
       'eslint-plugin/require-meta-schema-description': 'off',
 
diff --git a/lib/rules/html-button-has-type.js b/lib/rules/html-button-has-type.js
index 31192ec99..b61a008c6 100644
--- a/lib/rules/html-button-has-type.js
+++ b/lib/rules/html-button-has-type.js
@@ -35,18 +35,9 @@ module.exports = {
       {
         type: 'object',
         properties: {
-          button: {
-            default: optionDefaults.button,
-            type: 'boolean'
-          },
-          submit: {
-            default: optionDefaults.submit,
-            type: 'boolean'
-          },
-          reset: {
-            default: optionDefaults.reset,
-            type: 'boolean'
-          }
+          button: { type: 'boolean' },
+          submit: { type: 'boolean' },
+          reset: { type: 'boolean' }
         },
         additionalProperties: false
       }
diff --git a/lib/rules/no-irregular-whitespace.js b/lib/rules/no-irregular-whitespace.js
index 8d3f59c9e..a1705f459 100644
--- a/lib/rules/no-irregular-whitespace.js
+++ b/lib/rules/no-irregular-whitespace.js
@@ -31,30 +31,12 @@ module.exports = {
       {
         type: 'object',
         properties: {
-          skipComments: {
-            type: 'boolean',
-            default: false
-          },
-          skipStrings: {
-            type: 'boolean',
-            default: true
-          },
-          skipTemplates: {
-            type: 'boolean',
-            default: false
-          },
-          skipRegExps: {
-            type: 'boolean',
-            default: false
-          },
-          skipHTMLAttributeValues: {
-            type: 'boolean',
-            default: false
-          },
-          skipHTMLTextContents: {
-            type: 'boolean',
-            default: false
-          }
+          skipComments: { type: 'boolean' },
+          skipStrings: { type: 'boolean' },
+          skipTemplates: { type: 'boolean' },
+          skipRegExps: { type: 'boolean' },
+          skipHTMLAttributeValues: { type: 'boolean' },
+          skipHTMLTextContents: { type: 'boolean' }
         },
         additionalProperties: false
       }
diff --git a/lib/rules/require-macro-variable-name.js b/lib/rules/require-macro-variable-name.js
index f48df6bba..02cb2f5af 100644
--- a/lib/rules/require-macro-variable-name.js
+++ b/lib/rules/require-macro-variable-name.js
@@ -28,26 +28,11 @@ module.exports = {
       {
         type: 'object',
         properties: {
-          defineProps: {
-            type: 'string',
-            default: DEFAULT_OPTIONS.defineProps
-          },
-          defineEmits: {
-            type: 'string',
-            default: DEFAULT_OPTIONS.defineEmits
-          },
-          defineSlots: {
-            type: 'string',
-            default: DEFAULT_OPTIONS.defineSlots
-          },
-          useSlots: {
-            type: 'string',
-            default: DEFAULT_OPTIONS.useSlots
-          },
-          useAttrs: {
-            type: 'string',
-            default: DEFAULT_OPTIONS.useAttrs
-          }
+          defineProps: { type: 'string' },
+          defineEmits: { type: 'string' },
+          defineSlots: { type: 'string' },
+          useSlots: { type: 'string' },
+          useAttrs: { type: 'string' }
         },
         additionalProperties: false
       }
@@ -60,7 +45,7 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    const options = context.options[0] || DEFAULT_OPTIONS
+    const options = Object.assign({}, DEFAULT_OPTIONS, context.options[0])
     const relevantMacros = new Set([
       ...Object.keys(DEFAULT_OPTIONS),
       'withDefaults'
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 9598adf0b..edfa1360b 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -82,8 +82,7 @@ module.exports = {
         type: 'object',
         properties: {
           caseSensitive: {
-            type: 'boolean',
-            default: true
+            type: 'boolean'
           },
           ignoreChildrenOf: {
             type: 'array'
@@ -93,16 +92,13 @@ module.exports = {
           },
           minKeys: {
             type: 'integer',
-            minimum: 2,
-            default: 2
+            minimum: 2
           },
           natural: {
-            type: 'boolean',
-            default: false
+            type: 'boolean'
           },
           runOutsideVue: {
-            type: 'boolean',
-            default: true
+            type: 'boolean'
           }
         },
         additionalProperties: false
@@ -137,7 +133,7 @@ module.exports = {
       (options && options.ignoreChildrenOf) || ['model']
     )
     const insensitive = options && options.caseSensitive === false
-    const minKeys = options && options.minKeys
+    const minKeys = options?.minKeys ?? 2
     const natural = options && options.natural
     const isValidOrder =
       isValidOrders[order + (insensitive ? 'I' : '') + (natural ? 'N' : '')]
diff --git a/package.json b/package.json
index 0c75e65c7..8d9c25a62 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
-    "@stylistic/eslint-plugin": "^2.12.0",
+    "@stylistic/eslint-plugin": "^2.12.1",
     "@types/eslint": "^8.56.2",
     "@types/eslint-visitor-keys": "^3.3.2",
     "@types/natural-compare": "^1.4.3",
@@ -81,7 +81,7 @@
     "esbuild": "^0.24.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-eslint-plugin": "~6.3.1",
+    "eslint-plugin-eslint-plugin": "~6.4.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-node-dependencies": "^0.12.0",
@@ -95,7 +95,7 @@
     "nyc": "^17.1.0",
     "pathe": "^1.1.2",
     "prettier": "^3.3.3",
-    "typescript": "^5.6.3",
+    "typescript": "^5.7.2",
     "vitepress": "^1.4.1"
   }
 }

From 0d8b5943fdb281e644c8ca95ff81295dca955468 Mon Sep 17 00:00:00 2001
From: Gareth Jones <Jones258@Gmail.com>
Date: Mon, 23 Dec 2024 10:59:26 +1300
Subject: [PATCH 0818/1010] fix(no-multiple-slot-args): improve grammar of
 description (#2659)

---
 docs/rules/index.md                 | 2 +-
 docs/rules/no-multiple-slot-args.md | 4 ++--
 lib/rules/no-multiple-slot-args.js  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 188a9668a..9ec3eba2f 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -179,7 +179,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/attributes-order] | enforce order of attributes | :wrench: | :three::two::hammer: |
 | [vue/component-tags-order] | enforce order of component top-level elements | :wrench::no_entry_sign: | :three::two::hammer: |
 | [vue/no-lone-template] | disallow unnecessary `<template>` |  | :three::two::warning: |
-| [vue/no-multiple-slot-args] | disallow to pass multiple arguments to scoped slots |  | :three::two::warning: |
+| [vue/no-multiple-slot-args] | disallow passing multiple arguments to scoped slots |  | :three::two::warning: |
 | [vue/no-v-html] | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
 | [vue/order-in-components] | enforce order of properties in components | :wrench::bulb: | :three::two::hammer: |
 | [vue/this-in-template] | disallow usage of `this` in template | :wrench: | :three::two::hammer: |
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index b669e5632..a04411f52 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-multiple-slot-args
-description: disallow to pass multiple arguments to scoped slots
+description: disallow passing multiple arguments to scoped slots
 since: v7.0.0
 ---
 
 # vue/no-multiple-slot-args
 
-> disallow to pass multiple arguments to scoped slots
+> disallow passing multiple arguments to scoped slots
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 
diff --git a/lib/rules/no-multiple-slot-args.js b/lib/rules/no-multiple-slot-args.js
index 1ee4ca0d0..0de197ce9 100644
--- a/lib/rules/no-multiple-slot-args.js
+++ b/lib/rules/no-multiple-slot-args.js
@@ -11,7 +11,7 @@ module.exports = {
   meta: {
     type: 'problem',
     docs: {
-      description: 'disallow to pass multiple arguments to scoped slots',
+      description: 'disallow passing multiple arguments to scoped slots',
       categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-multiple-slot-args.html'
     },

From 5cf0e12d65a1c150a21ed3778142001f97caa2be Mon Sep 17 00:00:00 2001
From: Gareth Jones <Jones258@Gmail.com>
Date: Mon, 23 Dec 2024 11:46:52 +1300
Subject: [PATCH 0819/1010] fix(no-multiple-objects-in-class): improve grammar
 of description (#2658)

---
 docs/rules/index.md                        | 2 +-
 docs/rules/no-multiple-objects-in-class.md | 4 ++--
 lib/rules/no-multiple-objects-in-class.js  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 9ec3eba2f..333e78307 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -233,7 +233,7 @@ For example:
 | [vue/no-deprecated-model-definition] | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance] | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
-| [vue/no-multiple-objects-in-class] | disallow to pass multiple objects into array to class |  | :hammer: |
+| [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-required-prop-with-default] | enforce props with default values to be optional | :wrench::bulb: | :warning: |
diff --git a/docs/rules/no-multiple-objects-in-class.md b/docs/rules/no-multiple-objects-in-class.md
index 7e5d1774a..13f1f591b 100644
--- a/docs/rules/no-multiple-objects-in-class.md
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -2,13 +2,13 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-multiple-objects-in-class
-description: disallow to pass multiple objects into array to class
+description: disallow passing multiple objects in an array to class
 since: v7.0.0
 ---
 
 # vue/no-multiple-objects-in-class
 
-> disallow to pass multiple objects into array to class
+> disallow passing multiple objects in an array to class
 
 ## :book: Rule Details
 
diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index 4a58d1b53..918b5f7fc 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -21,7 +21,7 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow to pass multiple objects into array to class',
+      description: 'disallow passing multiple objects in an array to class',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-multiple-objects-in-class.html'
     },

From a6587498e21e5bc33f22e93d46fbc2d5e66585f3 Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Tue, 31 Dec 2024 19:11:35 +0800
Subject: [PATCH 0820/1010] docs: fix link hash (#2662)

---
 docs/rules/array-bracket-newline.md                     | 2 +-
 docs/rules/array-bracket-spacing.md                     | 2 +-
 docs/rules/array-element-newline.md                     | 2 +-
 docs/rules/arrow-spacing.md                             | 2 +-
 docs/rules/attribute-hyphenation.md                     | 2 +-
 docs/rules/attributes-order.md                          | 2 +-
 docs/rules/block-order.md                               | 2 +-
 docs/rules/block-spacing.md                             | 2 +-
 docs/rules/block-tag-newline.md                         | 2 +-
 docs/rules/brace-style.md                               | 2 +-
 docs/rules/comma-dangle.md                              | 2 +-
 docs/rules/comma-spacing.md                             | 2 +-
 docs/rules/comma-style.md                               | 2 +-
 docs/rules/component-definition-name-casing.md          | 2 +-
 docs/rules/component-name-in-template-casing.md         | 2 +-
 docs/rules/component-options-name-casing.md             | 2 +-
 docs/rules/component-tags-order.md                      | 2 +-
 docs/rules/define-macros-order.md                       | 2 +-
 docs/rules/dot-location.md                              | 2 +-
 docs/rules/dot-notation.md                              | 2 +-
 docs/rules/eqeqeq.md                                    | 2 +-
 docs/rules/first-attribute-linebreak.md                 | 2 +-
 docs/rules/func-call-spacing.md                         | 2 +-
 docs/rules/html-closing-bracket-newline.md              | 2 +-
 docs/rules/html-closing-bracket-spacing.md              | 2 +-
 docs/rules/html-comment-content-newline.md              | 2 +-
 docs/rules/html-comment-content-spacing.md              | 2 +-
 docs/rules/html-comment-indent.md                       | 2 +-
 docs/rules/html-end-tags.md                             | 2 +-
 docs/rules/html-indent.md                               | 2 +-
 docs/rules/html-quotes.md                               | 2 +-
 docs/rules/html-self-closing.md                         | 2 +-
 docs/rules/index.md                                     | 2 +-
 docs/rules/key-spacing.md                               | 2 +-
 docs/rules/keyword-spacing.md                           | 2 +-
 docs/rules/max-attributes-per-line.md                   | 2 +-
 docs/rules/multiline-html-element-content-newline.md    | 2 +-
 docs/rules/multiline-ternary.md                         | 2 +-
 docs/rules/mustache-interpolation-spacing.md            | 2 +-
 docs/rules/new-line-between-multi-line-property.md      | 2 +-
 docs/rules/next-tick-style.md                           | 2 +-
 docs/rules/no-deprecated-data-object-declaration.md     | 2 +-
 docs/rules/no-deprecated-destroyed-lifecycle.md         | 2 +-
 docs/rules/no-deprecated-dollar-scopedslots-api.md      | 2 +-
 docs/rules/no-deprecated-scope-attribute.md             | 2 +-
 docs/rules/no-deprecated-slot-attribute.md              | 2 +-
 docs/rules/no-deprecated-slot-scope-attribute.md        | 2 +-
 docs/rules/no-deprecated-v-bind-sync.md                 | 2 +-
 docs/rules/no-deprecated-v-on-number-modifiers.md       | 2 +-
 docs/rules/no-empty-component-block.md                  | 2 +-
 docs/rules/no-extra-parens.md                           | 2 +-
 docs/rules/no-multi-spaces.md                           | 2 +-
 docs/rules/no-ref-as-operand.md                         | 2 +-
 docs/rules/no-required-prop-with-default.md             | 2 +-
 docs/rules/no-shared-component-data.md                  | 2 +-
 docs/rules/no-spaces-around-equal-signs-in-attribute.md | 2 +-
 docs/rules/no-unsupported-features.md                   | 2 +-
 docs/rules/no-useless-mustaches.md                      | 2 +-
 docs/rules/no-useless-v-bind.md                         | 2 +-
 docs/rules/object-curly-newline.md                      | 2 +-
 docs/rules/object-curly-spacing.md                      | 2 +-
 docs/rules/object-property-newline.md                   | 2 +-
 docs/rules/object-shorthand.md                          | 2 +-
 docs/rules/operator-linebreak.md                        | 2 +-
 docs/rules/order-in-components.md                       | 2 +-
 docs/rules/padding-line-between-blocks.md               | 2 +-
 docs/rules/padding-line-between-tags.md                 | 2 +-
 docs/rules/padding-lines-in-component-definition.md     | 2 +-
 docs/rules/prefer-define-options.md                     | 2 +-
 docs/rules/prefer-import-from-vue.md                    | 2 +-
 docs/rules/prefer-separate-static-class.md              | 2 +-
 docs/rules/prefer-template.md                           | 2 +-
 docs/rules/quote-props.md                               | 2 +-
 docs/rules/require-prop-type-constructor.md             | 2 +-
 docs/rules/script-indent.md                             | 2 +-
 docs/rules/singleline-html-element-content-newline.md   | 2 +-
 docs/rules/space-in-parens.md                           | 2 +-
 docs/rules/space-infix-ops.md                           | 2 +-
 docs/rules/space-unary-ops.md                           | 2 +-
 docs/rules/static-class-names-order.md                  | 2 +-
 docs/rules/template-curly-spacing.md                    | 2 +-
 docs/rules/this-in-template.md                          | 2 +-
 docs/rules/v-bind-style.md                              | 2 +-
 docs/rules/v-for-delimiter-style.md                     | 2 +-
 docs/rules/v-if-else-key.md                             | 2 +-
 docs/rules/v-on-event-hyphenation.md                    | 2 +-
 docs/rules/v-on-function-call.md                        | 2 +-
 docs/rules/v-on-handler-style.md                        | 2 +-
 docs/rules/v-on-style.md                                | 2 +-
 docs/rules/v-slot-style.md                              | 2 +-
 docs/rules/valid-next-tick.md                           | 2 +-
 tools/update-docs-rules-index.js                        | 2 +-
 tools/update-docs.js                                    | 4 ++--
 93 files changed, 94 insertions(+), 94 deletions(-)

diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 10182aeba..550723b5d 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -10,7 +10,7 @@ since: v7.1.0
 
 > Enforce linebreaks after opening and before closing array brackets in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/array-bracket-newline] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index 9f8c73085..d2f820189 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Enforce consistent spacing inside array brackets in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/array-bracket-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index 45f2ad106..bd83bdda4 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -10,7 +10,7 @@ since: v9.9.0
 
 > Enforce line breaks after each array element in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/array-element-newline] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index b9aa60dc1..7020a208e 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Enforce consistent spacing before and after the arrow in arrow functions in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/arrow-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index 89442fceb..0eaa4075b 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -11,7 +11,7 @@ since: v3.9.0
 > enforce attribute naming style on custom components in template
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 366f134b8..6c3108886 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -11,7 +11,7 @@ since: v4.3.0
 > enforce order of attributes
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/block-order.md b/docs/rules/block-order.md
index dcb05e1b7..314d6c5a8 100644
--- a/docs/rules/block-order.md
+++ b/docs/rules/block-order.md
@@ -10,7 +10,7 @@ since: v9.16.0
 
 > enforce order of component top-level elements
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index 95d0fd6a5..e9f16b8d0 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Disallow or enforce spaces inside of blocks after opening block and before closing block in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/block-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/block-tag-newline.md b/docs/rules/block-tag-newline.md
index 896a7d9f4..8e336b284 100644
--- a/docs/rules/block-tag-newline.md
+++ b/docs/rules/block-tag-newline.md
@@ -10,7 +10,7 @@ since: v7.1.0
 
 > enforce line breaks after opening and before closing block-level tags
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 28d0007d6..1727f42fb 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Enforce consistent brace style for blocks in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/brace-style] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index e25b2ee12..aceaa6dc1 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Require or disallow trailing commas in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/comma-dangle] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index 1c299f2b7..b585fadf7 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce consistent spacing before and after commas in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/comma-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 11eaea6f6..9e08fdaaf 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce consistent comma style in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/comma-style] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index 5730e9bb1..cff107a64 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > enforce specific casing for component definition name
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for component definition name casing for consistency purposes.
 
diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index 5979a6d7a..dd59d40e4 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > enforce specific casing for the component naming style in template
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for the component name in template casing for consistency purposes.
 
diff --git a/docs/rules/component-options-name-casing.md b/docs/rules/component-options-name-casing.md
index ef887a12d..469865478 100644
--- a/docs/rules/component-options-name-casing.md
+++ b/docs/rules/component-options-name-casing.md
@@ -10,7 +10,7 @@ since: v8.2.0
 
 > enforce the casing of component name in `components` options
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index d7688981d..4f1397bd8 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -12,7 +12,7 @@ since: v6.1.0
 
 - :no_entry_sign: This rule was **deprecated** and replaced by [vue/block-order](block-order.md) rule.
 - :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/define-macros-order.md b/docs/rules/define-macros-order.md
index 6dbe5ef07..14729f991 100644
--- a/docs/rules/define-macros-order.md
+++ b/docs/rules/define-macros-order.md
@@ -10,7 +10,7 @@ since: v8.7.0
 
 > enforce order of compiler macros (`defineProps`, `defineEmits`, etc.)
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index 2be2bb3d1..edb785080 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -10,7 +10,7 @@ since: v6.0.0
 
 > Enforce consistent newlines before and after dots in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/dot-location] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/dot-notation.md b/docs/rules/dot-notation.md
index 0115f490d..101caf5cf 100644
--- a/docs/rules/dot-notation.md
+++ b/docs/rules/dot-notation.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce dot notation whenever possible in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [dot-notation] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index d620b93fc..392deff7f 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Require the use of `===` and `!==` in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [eqeqeq] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index 1302adade..6e3ec73c0 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -11,7 +11,7 @@ since: v8.0.0
 > enforce the location of first attribute
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index a504ed0d8..f330255d1 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Require or disallow spacing between function identifiers and their invocations in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/function-call-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index 0c7d76eed..3a5af20ed 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -11,7 +11,7 @@ since: v4.1.0
 > require or disallow a line break before tag's closing brackets
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 People have their own preference about the location of closing brackets.
 This rule enforces a line break (or no line break) before tag's closing brackets.
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index 427dce55a..ef900e693 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -11,7 +11,7 @@ since: v4.1.0
 > require or disallow a space before tag's closing brackets
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
index 3a979623c..cffd7cdff 100644
--- a/docs/rules/html-comment-content-newline.md
+++ b/docs/rules/html-comment-content-newline.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce unified line break in HTML comments
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
index 05dd5efa9..5b3948827 100644
--- a/docs/rules/html-comment-content-spacing.md
+++ b/docs/rules/html-comment-content-spacing.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce unified spacing in HTML comments
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-comment-indent.md b/docs/rules/html-comment-indent.md
index 3ea764ed6..2fa8ed7f1 100644
--- a/docs/rules/html-comment-indent.md
+++ b/docs/rules/html-comment-indent.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce consistent indentation in HTML comments
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index 5eaca8571..6ba004d39 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -11,7 +11,7 @@ since: v3.0.0
 > enforce end tag style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index d152d1cda..2e0fa550e 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -11,7 +11,7 @@ since: v3.14.0
 > enforce consistent indentation in `<template>`
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 9b23a4da2..736a649f0 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -11,7 +11,7 @@ since: v3.0.0
 > enforce quotes style of HTML attributes
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 You can choose quotes of HTML attributes from:
 
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index b71fb72df..16aa8b49a 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -11,7 +11,7 @@ since: v3.11.0
 > enforce self-closing style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 333e78307..598c7a097 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -8,7 +8,7 @@ pageClass: rule-list
 <!-- This file is automatically generated in tools/update-docs-rules-index.js, do not change! -->
 
 ::: tip Legend
-  :wrench: Indicates that the rule is fixable, and using `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
+  :wrench: Indicates that the rule is fixable, and using `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the reported problems.
 
   :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index bad77240f..28c8f1856 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/key-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index ce46bd2c2..afda9d1d7 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -10,7 +10,7 @@ since: v6.0.0
 
 > Enforce consistent spacing before and after keywords in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/keyword-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 842167621..bfbe8baf4 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -11,7 +11,7 @@ since: v3.12.0
 > enforce the maximum number of attributes per line
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 Limits the maximum number of attributes/properties per line to improve readability.
 
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index 1a55362f5..7a1ef86b1 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -11,7 +11,7 @@ since: v5.0.0
 > require a line break before and after the contents of a multiline element
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index 8421ae55e..1fe4d84fb 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -10,7 +10,7 @@ since: v9.7.0
 
 > Enforce newlines between operands of ternary expressions in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
 
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index b20e74357..eb8878b41 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -11,7 +11,7 @@ since: v3.13.0
 > enforce unified spacing in mustache interpolations
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/new-line-between-multi-line-property.md b/docs/rules/new-line-between-multi-line-property.md
index 6ade8e537..1191a1567 100644
--- a/docs/rules/new-line-between-multi-line-property.md
+++ b/docs/rules/new-line-between-multi-line-property.md
@@ -10,7 +10,7 @@ since: v7.3.0
 
 > enforce new lines between multi-line properties in Vue components
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/next-tick-style.md b/docs/rules/next-tick-style.md
index 1224e93b9..0e9d7812f 100644
--- a/docs/rules/next-tick-style.md
+++ b/docs/rules/next-tick-style.md
@@ -10,7 +10,7 @@ since: v7.5.0
 
 > enforce Promise or callback style in `nextTick`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 653ae4500..29f49d40a 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index a34543b2d..580bd0227 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index 9d7d52a69..d0d507363 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index e6a7ec223..e781ea31d 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -11,7 +11,7 @@ since: v6.0.0
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 9e30d3eb8..d5d511132 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -11,7 +11,7 @@ since: v6.1.0
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 906be19d0..775e8bfcd 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -11,7 +11,7 @@ since: v6.1.0
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index adf0f5580..a918d2c3f 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 74000caa6..56fa9785d 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-empty-component-block.md b/docs/rules/no-empty-component-block.md
index d0e3dbd15..344bd0cba 100644
--- a/docs/rules/no-empty-component-block.md
+++ b/docs/rules/no-empty-component-block.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow the `<template>` `<script>` `<style>` block to be empty
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index ead95b349..442a965ba 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Disallow unnecessary parentheses in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/no-extra-parens] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 0f872f916..221d80230 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -11,7 +11,7 @@ since: v3.12.0
 > disallow multiple spaces
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index e2506e76b..506fb2b95 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -11,7 +11,7 @@ since: v7.0.0
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 01bad7794..64d5630ce 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -10,7 +10,7 @@ since: v9.6.0
 
 > enforce props with default values to be optional
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index caf2dc998..1810f528f 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -11,7 +11,7 @@ since: v3.8.0
 > enforce component's data property to be a function
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 When using the data property on a component (i.e. anywhere except on `new Vue`), the value must be a function that returns an object.
 
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index a88f88d0c..7c03a740b 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -11,7 +11,7 @@ since: v5.0.0
 > disallow spaces around equal signs in attribute
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index a2df54d33..d77fdbdaa 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow unsupported Vue.js syntax on the specified version
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index f4238b5ba..aed50cb1c 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow unnecessary mustache interpolations
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
index 5f6153dce..4c5b11ba5 100644
--- a/docs/rules/no-useless-v-bind.md
+++ b/docs/rules/no-useless-v-bind.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow unnecessary `v-bind` directives
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index f0b0bf677..8f636a1da 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce consistent line breaks after opening and before closing braces in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/object-curly-newline] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index 9b28ad50e..e7a3fa0a6 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Enforce consistent spacing inside braces in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/object-curly-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index bfba0c0a2..6b6434ced 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce placing object properties on separate lines in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/object-property-newline] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/object-shorthand.md b/docs/rules/object-shorthand.md
index e400f9a78..8b4365b19 100644
--- a/docs/rules/object-shorthand.md
+++ b/docs/rules/object-shorthand.md
@@ -10,7 +10,7 @@ since: v8.4.0
 
 > Require or disallow method and property shorthand syntax for object literals in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [object-shorthand] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index 2d7103071..b994e7622 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce consistent linebreak style for operators in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/operator-linebreak] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index d901fbe74..8b3ea6d2e 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -11,7 +11,7 @@ since: v3.2.0
 > enforce order of properties in components
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 3d851d718..4f3ee0290 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -10,7 +10,7 @@ since: v6.2.0
 
 > require or disallow padding lines between blocks
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/padding-line-between-tags.md b/docs/rules/padding-line-between-tags.md
index ace9dc8b9..e5b5c4b41 100644
--- a/docs/rules/padding-line-between-tags.md
+++ b/docs/rules/padding-line-between-tags.md
@@ -10,7 +10,7 @@ since: v9.5.0
 
 > require or disallow newlines between sibling tags in template
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/padding-lines-in-component-definition.md b/docs/rules/padding-lines-in-component-definition.md
index fa2592e93..eef694e14 100644
--- a/docs/rules/padding-lines-in-component-definition.md
+++ b/docs/rules/padding-lines-in-component-definition.md
@@ -10,7 +10,7 @@ since: v9.9.0
 
 > require or disallow padding lines in component definition
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/prefer-define-options.md b/docs/rules/prefer-define-options.md
index 5653cb011..110c1426a 100644
--- a/docs/rules/prefer-define-options.md
+++ b/docs/rules/prefer-define-options.md
@@ -10,7 +10,7 @@ since: v9.13.0
 
 > enforce use of `defineOptions` instead of default export
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
index a15ca8481..79b19b8ed 100644
--- a/docs/rules/prefer-import-from-vue.md
+++ b/docs/rules/prefer-import-from-vue.md
@@ -11,7 +11,7 @@ since: v8.5.0
 > enforce import from 'vue' instead of import from '@vue/\*'
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/prefer-separate-static-class.md b/docs/rules/prefer-separate-static-class.md
index ee6055ae6..610e3f2b8 100644
--- a/docs/rules/prefer-separate-static-class.md
+++ b/docs/rules/prefer-separate-static-class.md
@@ -10,7 +10,7 @@ since: v8.2.0
 
 > require static class names in template to be in a separate `class` attribute
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/prefer-template.md b/docs/rules/prefer-template.md
index 051118ce2..ae4d3fc29 100644
--- a/docs/rules/prefer-template.md
+++ b/docs/rules/prefer-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Require template literals instead of string concatenation in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [prefer-template] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index 4d2b62d03..f5fe59248 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -10,7 +10,7 @@ since: v8.4.0
 
 > Require quotes around object literal, type literal, interfaces and enums property names in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/quote-props] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 7c7dee6f8..835d9d149 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -11,7 +11,7 @@ since: v5.0.0
 > require prop type to be a constructor
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index 735e89331..9922b8c48 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -10,7 +10,7 @@ since: v4.2.0
 
 > enforce consistent indentation in `<script>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 11531dcf7..9cb448905 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -11,7 +11,7 @@ since: v5.0.0
 > require a line break before and after the contents of a singleline element
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index a0db7cdc1..3d2d5dbd7 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Enforce consistent spacing inside parentheses in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/space-in-parens] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index e757bd5fa..2b4e9d0a3 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Require spacing around infix operators in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/space-infix-ops] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 96ae8aa0d..54fe5e192 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -10,7 +10,7 @@ since: v5.2.0
 
 > Enforce consistent spacing before or after unary operators in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/space-unary-ops] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/static-class-names-order.md b/docs/rules/static-class-names-order.md
index 6d8a7d865..c13f28fdd 100644
--- a/docs/rules/static-class-names-order.md
+++ b/docs/rules/static-class-names-order.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > enforce static class names order
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index 928ec15d4..dfca50a64 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > Require or disallow spacing around embedded expressions of template strings in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as [@stylistic/template-curly-spacing] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index 65fb6bfe6..ded2b0f94 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -11,7 +11,7 @@ since: v3.13.0
 > disallow usage of `this` in template
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index fc5c82bc7..ce1b6dec6 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -11,7 +11,7 @@ since: v3.0.0
 > enforce `v-bind` directive style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-for-delimiter-style.md b/docs/rules/v-for-delimiter-style.md
index 1c712e7c5..191dc921a 100644
--- a/docs/rules/v-for-delimiter-style.md
+++ b/docs/rules/v-for-delimiter-style.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce `v-for` directive's delimiter style
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-if-else-key.md b/docs/rules/v-if-else-key.md
index 3a1f1e187..757e04321 100644
--- a/docs/rules/v-if-else-key.md
+++ b/docs/rules/v-if-else-key.md
@@ -10,7 +10,7 @@ since: v9.19.0
 
 > require key attribute for conditionally rendered repeated components
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 493a9dac9..8aad7eb9b 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -11,7 +11,7 @@ since: v7.4.0
 > enforce v-on event naming style on custom components in template
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index c8f666eef..1b1a8588b 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -11,7 +11,7 @@ since: v5.2.0
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
 
 - :no_entry_sign: This rule was **deprecated** and replaced by [vue/v-on-handler-style](v-on-handler-style.md) rule.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-on-handler-style.md b/docs/rules/v-on-handler-style.md
index 039577494..065ebd827 100644
--- a/docs/rules/v-on-handler-style.md
+++ b/docs/rules/v-on-handler-style.md
@@ -10,7 +10,7 @@ since: v9.7.0
 
 > enforce writing style for handlers in `v-on` directives
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index 56bcb2221..b9ec76f71 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -11,7 +11,7 @@ since: v3.0.0
 > enforce `v-on` directive style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 64a0fb96d..060ca7bd0 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -11,7 +11,7 @@ since: v6.0.0
 > enforce `v-slot` directive style
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index 832bfcc4f..b382e35b3 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -11,7 +11,7 @@ since: v7.5.0
 > enforce valid `nextTick` function calls
 
 - :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 63a6d66fb..c456cae44 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -274,7 +274,7 @@ pageClass: rule-list
 <!-- This file is automatically generated in tools/update-docs-rules-index.js, do not change! -->
 
 ::: tip Legend
-  :wrench: Indicates that the rule is fixable, and using \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
+  :wrench: Indicates that the rule is fixable, and using \`--fix\` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the reported problems.
 
   :bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 :::
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 21ebce2f7..e70804981 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -14,7 +14,7 @@ For example:
 
 - :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :no_entry_sign: This rule was **deprecated**.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix) can automatically fix some of the problems reported by this rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 ```
 */
 
@@ -131,7 +131,7 @@ class DocFile {
     }
     if (meta.fixable) {
       notes.push(
-        '- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.'
+        '- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.'
       )
     }
     if (meta.hasSuggestions) {

From 9607d8e1a7b8023ee3210e9b88e6320bffaf9c1b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sun, 5 Jan 2025 13:04:23 +0100
Subject: [PATCH 0821/1010] Move unused ESLint config for internal rules to
 main ESLint config (#2664)

---
 eslint-internal-rules/.eslintrc.json | 14 --------------
 eslint.config.js                     |  4 +++-
 2 files changed, 3 insertions(+), 15 deletions(-)
 delete mode 100644 eslint-internal-rules/.eslintrc.json

diff --git a/eslint-internal-rules/.eslintrc.json b/eslint-internal-rules/.eslintrc.json
deleted file mode 100644
index 16e3fcf9b..000000000
--- a/eslint-internal-rules/.eslintrc.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "rules": {
-    "no-invalid-meta-docs-categories": "error",
-    "no-invalid-meta": "error"
-  },
-  "overrides": [
-    {
-      "files": ["*.json"],
-      "rules": {
-        "no-invalid-meta": "off"
-      }
-    }
-  ]
-}
diff --git a/eslint.config.js b/eslint.config.js
index 92e6d3fa2..73c3ba2a4 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -231,7 +231,9 @@ module.exports = [
   {
     files: ['eslint-internal-rules/*.js'],
     rules: {
-      'eslint-plugin/require-meta-docs-url': 'off'
+      'eslint-plugin/require-meta-docs-url': 'off',
+      'internal/no-invalid-meta': 'error',
+      'internal/no-invalid-meta-docs-categories': 'error'
     }
   },
   {

From 9d8f2de61246cdf71c92e0a752f83c9edb1f9e34 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sun, 5 Jan 2025 14:05:56 +0100
Subject: [PATCH 0822/1010] Change `anyOf` to `oneOf` in rule schemas to make
 intent clearer (#2663)

---
 lib/rules/attributes-order.js                | 2 +-
 lib/rules/block-lang.js                      | 2 +-
 lib/rules/block-order.js                     | 2 +-
 lib/rules/html-comment-content-newline.js    | 2 +-
 lib/rules/html-comment-indent.js             | 2 +-
 lib/rules/html-indent.js                     | 4 ++--
 lib/rules/max-attributes-per-line.js         | 4 ++--
 lib/rules/max-len.js                         | 2 +-
 lib/rules/no-restricted-call-after-await.js  | 2 +-
 lib/rules/no-restricted-component-options.js | 2 +-
 lib/rules/no-restricted-static-attribute.js  | 2 +-
 lib/rules/script-indent.js                   | 2 +-
 lib/rules/v-slot-style.js                    | 2 +-
 13 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 30dc75c27..50c9b452c 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -435,7 +435,7 @@ module.exports = {
           order: {
             type: 'array',
             items: {
-              anyOf: [
+              oneOf: [
                 { enum: Object.values(ATTRS) },
                 {
                   type: 'array',
diff --git a/lib/rules/block-lang.js b/lib/rules/block-lang.js
index 55b85ce82..2190b17cb 100644
--- a/lib/rules/block-lang.js
+++ b/lib/rules/block-lang.js
@@ -128,7 +128,7 @@ module.exports = {
                 type: 'object',
                 properties: {
                   lang: {
-                    anyOf: [
+                    oneOf: [
                       { type: 'string' },
                       {
                         type: 'array',
diff --git a/lib/rules/block-order.js b/lib/rules/block-order.js
index c93de09b2..03b3d4a5f 100644
--- a/lib/rules/block-order.js
+++ b/lib/rules/block-order.js
@@ -49,7 +49,7 @@ module.exports = {
           order: {
             type: 'array',
             items: {
-              anyOf: [
+              oneOf: [
                 { type: 'string' },
                 { type: 'array', items: { type: 'string' }, uniqueItems: true }
               ]
diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
index 590ec9fc1..ef543b6f4 100644
--- a/lib/rules/html-comment-content-newline.js
+++ b/lib/rules/html-comment-content-newline.js
@@ -41,7 +41,7 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [
+        oneOf: [
           {
             enum: ['always', 'never']
           },
diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
index f0f7babd5..2d4f613d3 100644
--- a/lib/rules/html-comment-indent.js
+++ b/lib/rules/html-comment-indent.js
@@ -68,7 +68,7 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [{ type: 'integer', minimum: 0 }, { enum: ['tab'] }]
+        oneOf: [{ type: 'integer', minimum: 0 }, { enum: ['tab'] }]
       }
     ],
     messages: {
diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
index ed2bf1a62..05cdace92 100644
--- a/lib/rules/html-indent.js
+++ b/lib/rules/html-indent.js
@@ -33,7 +33,7 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [{ type: 'integer', minimum: 1 }, { enum: ['tab'] }]
+        oneOf: [{ type: 'integer', minimum: 1 }, { enum: ['tab'] }]
       },
       {
         type: 'object',
@@ -41,7 +41,7 @@ module.exports = {
           attribute: { type: 'integer', minimum: 0 },
           baseIndent: { type: 'integer', minimum: 0 },
           closeBracket: {
-            anyOf: [
+            oneOf: [
               { type: 'integer', minimum: 0 },
               {
                 type: 'object',
diff --git a/lib/rules/max-attributes-per-line.js b/lib/rules/max-attributes-per-line.js
index f5c96c127..8a9de1349 100644
--- a/lib/rules/max-attributes-per-line.js
+++ b/lib/rules/max-attributes-per-line.js
@@ -74,7 +74,7 @@ module.exports = {
         type: 'object',
         properties: {
           singleline: {
-            anyOf: [
+            oneOf: [
               {
                 type: 'number',
                 minimum: 1
@@ -92,7 +92,7 @@ module.exports = {
             ]
           },
           multiline: {
-            anyOf: [
+            oneOf: [
               {
                 type: 'number',
                 minimum: 1
diff --git a/lib/rules/max-len.js b/lib/rules/max-len.js
index 0492aa42a..b5dce5eb1 100644
--- a/lib/rules/max-len.js
+++ b/lib/rules/max-len.js
@@ -57,7 +57,7 @@ const OPTIONS_SCHEMA = {
 }
 
 const OPTIONS_OR_INTEGER_SCHEMA = {
-  anyOf: [
+  oneOf: [
     OPTIONS_SCHEMA,
     {
       type: 'integer',
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index b235896a3..180dfe413 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -43,7 +43,7 @@ module.exports = {
         properties: {
           module: { type: 'string' },
           path: {
-            anyOf: [
+            oneOf: [
               { type: 'string' },
               {
                 type: 'array',
diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
index 5af68053c..b8563a92b 100644
--- a/lib/rules/no-restricted-component-options.js
+++ b/lib/rules/no-restricted-component-options.js
@@ -139,7 +139,7 @@ module.exports = {
             type: 'object',
             properties: {
               name: {
-                anyOf: [
+                oneOf: [
                   { type: 'string' },
                   {
                     type: 'array',
diff --git a/lib/rules/no-restricted-static-attribute.js b/lib/rules/no-restricted-static-attribute.js
index a71b29e49..d9241620b 100644
--- a/lib/rules/no-restricted-static-attribute.js
+++ b/lib/rules/no-restricted-static-attribute.js
@@ -115,7 +115,7 @@ module.exports = {
             type: 'object',
             properties: {
               key: { type: 'string' },
-              value: { anyOf: [{ type: 'string' }, { enum: [true] }] },
+              value: { oneOf: [{ type: 'string' }, { enum: [true] }] },
               element: { type: 'string' },
               message: { type: 'string', minLength: 1 }
             },
diff --git a/lib/rules/script-indent.js b/lib/rules/script-indent.js
index 839b770ad..df9c5eaba 100644
--- a/lib/rules/script-indent.js
+++ b/lib/rules/script-indent.js
@@ -19,7 +19,7 @@ module.exports = {
     fixable: 'whitespace',
     schema: [
       {
-        anyOf: [{ type: 'integer', minimum: 1 }, { enum: ['tab'] }]
+        oneOf: [{ type: 'integer', minimum: 1 }, { enum: ['tab'] }]
       },
       {
         type: 'object',
diff --git a/lib/rules/v-slot-style.js b/lib/rules/v-slot-style.js
index d932aa9d9..964550b98 100644
--- a/lib/rules/v-slot-style.js
+++ b/lib/rules/v-slot-style.js
@@ -92,7 +92,7 @@ module.exports = {
     fixable: 'code',
     schema: [
       {
-        anyOf: [
+        oneOf: [
           { enum: ['shorthand', 'longform'] },
           {
             type: 'object',

From 4baf3abe5f6e5ce4d92aaa7f711bfb00b7a5cb9c Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Wed, 8 Jan 2025 17:28:30 +0800
Subject: [PATCH 0823/1010] fix(prefer-use-template-ref): fix crash when use
 non-block setup function (#2636)

---
 lib/rules/prefer-use-template-ref.js       |  5 +--
 tests/lib/rules/prefer-use-template-ref.js | 37 ++++++++++++++++++++++
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/lib/rules/prefer-use-template-ref.js b/lib/rules/prefer-use-template-ref.js
index 7d01958b7..eb8b8c06d 100644
--- a/lib/rules/prefer-use-template-ref.js
+++ b/lib/rules/prefer-use-template-ref.js
@@ -78,9 +78,10 @@ module.exports = {
       }),
       utils.defineVueVisitor(context, {
         onSetupFunctionEnter(node) {
-          // @ts-ignore
+          if (node.type === 'ArrowFunctionExpression' && node.expression) {
+            return
+          }
           const newScriptRefs = getScriptRefsFromSetupFunction(node.body.body)
-
           scriptRefs.push(...newScriptRefs)
         }
       }),
diff --git a/tests/lib/rules/prefer-use-template-ref.js b/tests/lib/rules/prefer-use-template-ref.js
index 77020cdcf..414c69830 100644
--- a/tests/lib/rules/prefer-use-template-ref.js
+++ b/tests/lib/rules/prefer-use-template-ref.js
@@ -252,6 +252,17 @@ tester.run('prefer-use-template-ref', rule, {
         }
       </script>
       `
+    },
+    {
+      filename: 'non-block-arrow-setup-function.vue',
+      code: `
+        <script>
+          import { defineComponent } from 'vue';
+          export default defineComponent({
+            setup: () => ({})
+          })
+        </script>
+      `
     }
   ],
   invalid: [
@@ -383,6 +394,32 @@ tester.run('prefer-use-template-ref', rule, {
           column: 22
         }
       ]
+    },
+    {
+      filename: 'block-arrow-setup-function.vue',
+      code: `
+      <template>
+        <button ref="button">Click</button>
+      </template>
+      <script>
+        import { ref } from 'vue';
+        export default {
+          setup: () => {
+            const button = ref();
+          }
+        }
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
+          line: 9,
+          column: 28
+        }
+      ]
     }
   ]
 })

From f62fde6be54690c2aebb5e9a2ccec58f9ccb21f3 Mon Sep 17 00:00:00 2001
From: aryehb <49538279+aryehb@users.noreply.github.com>
Date: Wed, 8 Jan 2025 04:29:35 -0500
Subject: [PATCH 0824/1010] feat: Add a test case to require-valid-default-prop
 (#2637)

---
 tests/lib/rules/require-valid-default-prop.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index 238460876..a724d36f7 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -108,6 +108,7 @@ ruleTester.run('require-valid-default-prop', rule, {
           foo: { type: String, default () { return Foo } },
           foo: { type: Number, default () { return Foo } },
           foo: { type: Object, default () { return Foo } },
+          foo: { type: Object, default: null },
         }
       })`,
       languageOptions

From 99bbe075646be82e253fa7de051440ec19df4e57 Mon Sep 17 00:00:00 2001
From: Pavel Lozinsky <pavel.lozinsky.apps@icloud.com>
Date: Wed, 8 Jan 2025 12:36:21 +0300
Subject: [PATCH 0825/1010] Add `vue/no-implicit-coercion` rule (#2639)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/no-implicit-coercion.md      |  31 +++
 lib/index.js                            |   1 +
 lib/rules/no-implicit-coercion.js       |  12 ++
 tests/lib/rules/no-implicit-coercion.js | 263 ++++++++++++++++++++++++
 4 files changed, 307 insertions(+)
 create mode 100644 docs/rules/no-implicit-coercion.md
 create mode 100644 lib/rules/no-implicit-coercion.js
 create mode 100644 tests/lib/rules/no-implicit-coercion.js

diff --git a/docs/rules/no-implicit-coercion.md b/docs/rules/no-implicit-coercion.md
new file mode 100644
index 000000000..0e222c32f
--- /dev/null
+++ b/docs/rules/no-implicit-coercion.md
@@ -0,0 +1,31 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-implicit-coercion
+description: Disallow shorthand type conversions in `<template>`
+---
+
+# vue/no-implicit-coercion
+
+> Disallow shorthand type conversions in `<template>`
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+This rule is the same rule as core [no-implicit-coercion] rule but it applies to the expressions in `<template>`.
+
+## :books: Further Reading
+
+- [no-implicit-coercion]
+
+[no-implicit-coercion]: https://eslint.org/docs/rules/no-implicit-coercion
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.33.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-implicit-coercion.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-implicit-coercion.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-implicit-coercion)</sup>
diff --git a/lib/index.js b/lib/index.js
index ce562f458..ecb8ce5e1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -126,6 +126,7 @@ const plugin = {
     'no-export-in-script-setup': require('./rules/no-export-in-script-setup'),
     'no-expose-after-await': require('./rules/no-expose-after-await'),
     'no-extra-parens': require('./rules/no-extra-parens'),
+    'no-implicit-coercion': require('./rules/no-implicit-coercion'),
     'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
diff --git a/lib/rules/no-implicit-coercion.js b/lib/rules/no-implicit-coercion.js
new file mode 100644
index 000000000..b0cda39b4
--- /dev/null
+++ b/lib/rules/no-implicit-coercion.js
@@ -0,0 +1,12 @@
+/**
+ * @author lozinsky <https://github.com/lozinsky>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+// eslint-disable-next-line internal/no-invalid-meta
+module.exports = utils.wrapCoreRule('no-implicit-coercion', {
+  applyDocument: true
+})
diff --git a/tests/lib/rules/no-implicit-coercion.js b/tests/lib/rules/no-implicit-coercion.js
new file mode 100644
index 000000000..4b49bb3d3
--- /dev/null
+++ b/tests/lib/rules/no-implicit-coercion.js
@@ -0,0 +1,263 @@
+/**
+ * @author lozinsky <https://github.com/lozinsky>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { RuleTester, ESLint } = require('../../eslint-compat')
+const semver = require('semver')
+const rule = require('../../../lib/rules/no-implicit-coercion')
+
+/**
+ * @param {string} suggestedCode
+ * @returns {string}
+ */
+function getExpectedErrorMessage(suggestedCode) {
+  return semver.gte(ESLint.version, '9.0.0')
+    ? `Unexpected implicit coercion encountered. Use \`${suggestedCode}\` instead.`
+    : `use \`${suggestedCode}\` instead.`
+}
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-implicit-coercion', rule, {
+  valid: [
+    `<template><div :data-foo="Boolean(foo)" /></template>`,
+    `<template><div :data-foo="foo.indexOf('.') !== -1" /></template>`,
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="!!foo" /></template>`,
+      options: [
+        {
+          boolean: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="~foo.indexOf('.')" /></template>`,
+      options: [
+        {
+          boolean: false
+        }
+      ]
+    },
+    `<template><div :data-foo="Number(foo)" /></template>`,
+    ...(semver.gte(ESLint.version, '8.28.0')
+      ? [`<template><div :data-foo="foo * 1/4" /></template>`]
+      : []),
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="+foo" /></template>`,
+      options: [
+        {
+          number: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="1 * foo" /></template>`,
+      options: [
+        {
+          number: false
+        }
+      ]
+    },
+    `<template><div :data-foo="String(foo)" /></template>`,
+    `<template><div :data-foo="\`\${foo}\`" /></template>`,
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="'' + foo" /></template>`,
+      options: [
+        {
+          string: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="\`\` + foo" /></template>`,
+      options: [
+        {
+          string: false
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="!!foo" /></template>`,
+      options: [
+        {
+          allow: ['!!']
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="~foo.indexOf('.')" /></template>`,
+      options: [
+        {
+          allow: ['~']
+        }
+      ]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="!!foo" /></template>`,
+      output: `<template><div :data-foo="Boolean(foo)" /></template>`,
+      errors: [
+        {
+          message: getExpectedErrorMessage('Boolean(foo)'),
+          line: 1,
+          column: 27
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="~foo.indexOf('.')" /></template>`,
+      output: null,
+      errors: [
+        {
+          message: getExpectedErrorMessage("foo.indexOf('.') !== -1"),
+          line: 1,
+          column: 27
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="+foo" /></template>`,
+      output: semver.gte(ESLint.version, '9.0.0')
+        ? null
+        : `<template><div :data-foo="Number(foo)" /></template>`,
+      errors: [
+        {
+          message: getExpectedErrorMessage('Number(foo)'),
+          line: 1,
+          column: 27,
+          suggestions: semver.gte(ESLint.version, '9.0.0')
+            ? [
+                {
+                  messageId: 'useRecommendation',
+                  data: { recommendation: 'Number(foo)' },
+                  output: '<template><div :data-foo="Number(foo)" /></template>'
+                }
+              ]
+            : []
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="1 * foo" /></template>`,
+      output: semver.gte(ESLint.version, '9.0.0')
+        ? null
+        : `<template><div :data-foo="Number(foo)" /></template>`,
+      errors: [
+        {
+          message: getExpectedErrorMessage('Number(foo)'),
+          line: 1,
+          column: 27,
+          suggestions: semver.gte(ESLint.version, '9.0.0')
+            ? [
+                {
+                  messageId: 'useRecommendation',
+                  data: { recommendation: 'Number(foo)' },
+                  output: '<template><div :data-foo="Number(foo)" /></template>'
+                }
+              ]
+            : []
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="'' + foo" /></template>`,
+      output: semver.gte(ESLint.version, '9.0.0')
+        ? null
+        : `<template><div :data-foo="String(foo)" /></template>`,
+      errors: [
+        {
+          message: getExpectedErrorMessage('String(foo)'),
+          line: 1,
+          column: 27,
+          suggestions: semver.gte(ESLint.version, '9.0.0')
+            ? [
+                {
+                  messageId: 'useRecommendation',
+                  data: { recommendation: 'String(foo)' },
+                  output: '<template><div :data-foo="String(foo)" /></template>'
+                }
+              ]
+            : []
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `<template><div :data-foo="\`\` + foo" /></template>`,
+      output: semver.gte(ESLint.version, '9.0.0')
+        ? null
+        : `<template><div :data-foo="String(foo)" /></template>`,
+      errors: [
+        {
+          message: getExpectedErrorMessage('String(foo)'),
+          line: 1,
+          column: 27,
+          suggestions: semver.gte(ESLint.version, '9.0.0')
+            ? [
+                {
+                  messageId: 'useRecommendation',
+                  data: { recommendation: 'String(foo)' },
+                  output: '<template><div :data-foo="String(foo)" /></template>'
+                }
+              ]
+            : []
+        }
+      ]
+    },
+    ...(semver.gte(ESLint.version, '7.24.0')
+      ? [
+          {
+            filename: 'test.vue',
+            code: `<template><div :data-foo="\`\${foo}\`" /></template>`,
+            output: semver.gte(ESLint.version, '9.0.0')
+              ? null
+              : `<template><div :data-foo="String(foo)" /></template>`,
+            options: [
+              {
+                disallowTemplateShorthand: true
+              }
+            ],
+            errors: [
+              {
+                message: getExpectedErrorMessage('String(foo)'),
+                line: 1,
+                column: 27,
+                suggestions: semver.gte(ESLint.version, '9.0.0')
+                  ? [
+                      {
+                        messageId: 'useRecommendation',
+                        data: { recommendation: 'String(foo)' },
+                        output:
+                          '<template><div :data-foo="String(foo)" /></template>'
+                      }
+                    ]
+                  : []
+              }
+            ]
+          }
+        ]
+      : [])
+  ]
+})

From b1fa3b9a444131a99b4fe4d7e025734f424c5dcd Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Wed, 29 Jan 2025 13:50:06 +0100
Subject: [PATCH 0826/1010] Update `vue/no-implicit-coercion` rule docs (#2671)

---
 docs/rules/index.md                | 2 ++
 docs/rules/no-implicit-coercion.md | 7 ++-----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 598c7a097..f170f8031 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -323,6 +323,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-constant-condition] | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern] | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens] | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
+| [vue/no-implicit-coercion] | Disallow shorthand type conversions in `<template>` | :wrench: | :hammer: |
 | [vue/no-irregular-whitespace] | disallow irregular whitespace in `.vue` files |  | :warning: |
 | [vue/no-loss-of-precision] | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
 | [vue/no-restricted-syntax] | Disallow specified syntax in `<template>` |  | :hammer: |
@@ -465,6 +466,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-export-in-script-setup]: ./no-export-in-script-setup.md
 [vue/no-expose-after-await]: ./no-expose-after-await.md
 [vue/no-extra-parens]: ./no-extra-parens.md
+[vue/no-implicit-coercion]: ./no-implicit-coercion.md
 [vue/no-invalid-model-keys]: ./no-invalid-model-keys.md
 [vue/no-irregular-whitespace]: ./no-irregular-whitespace.md
 [vue/no-lifecycle-after-await]: ./no-lifecycle-after-await.md
diff --git a/docs/rules/no-implicit-coercion.md b/docs/rules/no-implicit-coercion.md
index 0e222c32f..d069f2826 100644
--- a/docs/rules/no-implicit-coercion.md
+++ b/docs/rules/no-implicit-coercion.md
@@ -9,7 +9,8 @@ description: Disallow shorthand type conversions in `<template>`
 
 > Disallow shorthand type conversions in `<template>`
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [no-implicit-coercion] rule but it applies to the expressions in `<template>`.
 
@@ -19,10 +20,6 @@ This rule is the same rule as core [no-implicit-coercion] rule but it applies to
 
 [no-implicit-coercion]: https://eslint.org/docs/rules/no-implicit-coercion
 
-## :rocket: Version
-
-This rule was introduced in eslint-plugin-vue v9.33.0
-
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-implicit-coercion.js)

From 487af10a56db57e70b90d9033508de634242e0ff Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 12 Feb 2025 21:06:12 +0800
Subject: [PATCH 0827/1010] fix(no-bare-strings-in-template): resolve regex
 matching order (#2682)

---
 lib/rules/no-bare-strings-in-template.js      |  5 ++-
 .../lib/rules/no-bare-strings-in-template.js  | 38 ++++++++++++++++++-
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index 3f46607a5..1c75f5092 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -154,7 +154,10 @@ module.exports = {
     const directives = opts.directives || DEFAULT_DIRECTIVES
 
     const allowlistRe = new RegExp(
-      allowlist.map((w) => regexp.escape(w)).join('|'),
+      allowlist
+        .map((w) => regexp.escape(w))
+        .sort((a, b) => b.length - a.length)
+        .join('|'),
       'gu'
     )
 
diff --git a/tests/lib/rules/no-bare-strings-in-template.js b/tests/lib/rules/no-bare-strings-in-template.js
index 6c8497531..4c6c89c7c 100644
--- a/tests/lib/rules/no-bare-strings-in-template.js
+++ b/tests/lib/rules/no-bare-strings-in-template.js
@@ -114,7 +114,25 @@ tester.run('no-bare-strings-in-template', rule, {
         title="( ) , . & + - = * / # % ! ? : [ ] { } < > • —   | &lpar; &rpar; &comma; &period; &amp; &AMP; &plus; &minus; &equals; &ast; &midast; &sol; &num; &percnt; &excl; &quest; &colon; &lsqb; &lbrack; &rsqb; &rbrack; &lcub; &lbrace; &rcub; &rbrace; &lt; &LT; &gt; &GT; &bull; &bullet; &mdash; &ndash; &nbsp; &Tab; &NewLine; &verbar; &vert; &VerticalLine;"
       />
     </template>
-    `
+    `,
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2681
+      code: `
+      <template>
+        <h1> foo </h1>
+        <h1> foo_bar </h1>
+      </template>
+      `,
+      options: [{ allowlist: ['foo', 'foo_bar'] }]
+    },
+    {
+      code: `
+      <template>
+        <h1>@@</h1>
+      </template>
+      `,
+      options: [{ allowlist: ['@@'] }]
+    }
   ],
   invalid: [
     {
@@ -227,6 +245,24 @@ tester.run('no-bare-strings-in-template', rule, {
         }
       ]
     },
+    {
+      code: `
+      <template>
+        <h1>foo</h1>
+        <h1>foo_bar</h1>
+      </template>
+      `,
+      options: [{ allowlist: ['foo'] }],
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 20
+        }
+      ]
+    },
     {
       code: `
       <template>

From 827ab4b4ff3b86ce52da2dac837e9a0254aa2c6a Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 12 Feb 2025 22:42:34 +0800
Subject: [PATCH 0828/1010] fix(max-props): count unique keys (#2683)

---
 lib/rules/max-props.js       | 30 +++++++++++----
 tests/lib/rules/max-props.js | 73 ++++++++++++++++++++++++++++++++++++
 2 files changed, 95 insertions(+), 8 deletions(-)

diff --git a/lib/rules/max-props.js b/lib/rules/max-props.js
index 698757e78..0dc3043bf 100644
--- a/lib/rules/max-props.js
+++ b/lib/rules/max-props.js
@@ -39,14 +39,17 @@ module.exports = {
 
     /**
      * @param {import('../utils').ComponentProp[]} props
+     * @param {CallExpression | Property} node
      */
-    function checkMaxNumberOfProps(props) {
-      if (props.length > option.maxProps && props[0].node) {
+    function checkMaxNumberOfProps(props, node) {
+      const uniqueProps = new Set(props.map((prop) => prop.propName))
+      const propCount = uniqueProps.size
+      if (propCount > option.maxProps && props[0].node) {
         context.report({
-          node: props[0].node.parent,
+          node,
           messageId: 'tooManyProps',
           data: {
-            propCount: props.length,
+            propCount,
             limit: option.maxProps
           }
         })
@@ -54,12 +57,23 @@ module.exports = {
     }
 
     return utils.compositingVisitors(
-      utils.executeOnVue(context, (obj) => {
-        checkMaxNumberOfProps(utils.getComponentPropsFromOptions(obj))
+      utils.executeOnVue(context, (node) => {
+        const propsNode = node.properties.find(
+          /** @returns {p is Property} */
+          (p) =>
+            p.type === 'Property' && utils.getStaticPropertyName(p) === 'props'
+        )
+
+        if (!propsNode) return
+
+        checkMaxNumberOfProps(
+          utils.getComponentPropsFromOptions(node),
+          propsNode
+        )
       }),
       utils.defineScriptSetupVisitor(context, {
-        onDefinePropsEnter(_, props) {
-          checkMaxNumberOfProps(props)
+        onDefinePropsEnter(node, props) {
+          checkMaxNumberOfProps(props, node)
         }
       })
     )
diff --git a/tests/lib/rules/max-props.js b/tests/lib/rules/max-props.js
index 1ebfb9cff..7d000f363 100644
--- a/tests/lib/rules/max-props.js
+++ b/tests/lib/rules/max-props.js
@@ -26,6 +26,15 @@ tester.run('max-props', rule, {
       `,
       options: [{ maxProps: 5 }]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      defineProps(['prop1', 'prop2'])
+      </script>
+      `,
+      options: [{ maxProps: 5 }]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -99,6 +108,20 @@ tester.run('max-props', rule, {
           parser: require.resolve('@typescript-eslint/parser')
         }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{prop1: string, prop2: string} | {prop1: number}>()
+      </script>
+      `,
+      options: [{ maxProps: 2 }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ],
   invalid: [
@@ -160,6 +183,56 @@ tester.run('max-props', rule, {
           endLine: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{prop1: string, prop2: string} | {prop1: number, prop3: string}>()
+      </script>
+      `,
+      options: [{ maxProps: 2 }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: 'Component has too many props (3). Maximum allowed is 2.',
+          line: 3,
+          endLine: 3
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      defineProps<{
+        prop1: string
+      } & {
+        prop2?: true;
+        prop3?: never;
+      } | {
+        prop2?: false;
+        prop3?: boolean;
+      }>()
+      </script>
+      `,
+      options: [{ maxProps: 2 }],
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: 'Component has too many props (3). Maximum allowed is 2.',
+          line: 3,
+          endLine: 11
+        }
+      ]
     }
   ]
 })

From af3700fc8dc8251eaa02bb73df89746972d25d7f Mon Sep 17 00:00:00 2001
From: chouchouji <70570907+chouchouji@users.noreply.github.com>
Date: Thu, 20 Feb 2025 14:30:27 +0800
Subject: [PATCH 0829/1010] feat(no-ref-as-operand): use `ref.value` to replace
 `ref` when emit  (#2680)

---
 docs/rules/no-ref-as-operand.md      |   4 +-
 lib/rules/no-ref-as-operand.js       | 322 +++++++++++++++++++++------
 tests/lib/rules/no-ref-as-operand.js | 270 ++++++++++++++++++++++
 3 files changed, 521 insertions(+), 75 deletions(-)

diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index 506fb2b95..a195fdb1b 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -25,7 +25,7 @@ You must use `.value` to access the `Ref` value.
 import { ref } from 'vue'
 
 export default {
-  setup() {
+  setup(_props, { emit }) {
     const count = ref(0)
     const ok = ref(true)
 
@@ -34,12 +34,14 @@ export default {
     count.value + 1
     1 + count.value
     var msg = ok.value ? 'yes' : 'no'
+    emit('increment', count.value)
 
     /* ✗ BAD */
     count++
     count + 1
     1 + count
     var msg = ok ? 'yes' : 'no'
+    emit('increment', count)
 
     return {
       count
diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index 02b438631..db92f19e4 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -4,6 +4,7 @@
  */
 'use strict'
 
+const { findVariable } = require('@eslint-community/eslint-utils')
 const { extractRefObjectReferences } = require('../utils/ref-object-references')
 const utils = require('../utils')
 
@@ -24,6 +25,40 @@ function isRefInit(data) {
   }
   return data.defineChain.includes(/** @type {any} */ (init))
 }
+
+/**
+ * Get the callee member node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ */
+function getNameParamNode(node) {
+  const nameLiteralNode = node.arguments[0]
+  if (nameLiteralNode && utils.isStringLiteral(nameLiteralNode)) {
+    const name = utils.getStringLiteralValue(nameLiteralNode)
+    if (name != null) {
+      return { name, loc: nameLiteralNode.loc }
+    }
+  }
+
+  // cannot check
+  return null
+}
+
+/**
+ * Get the callee member node from the given CallExpression
+ * @param {CallExpression} node CallExpression
+ */
+function getCalleeMemberNode(node) {
+  const callee = utils.skipChainExpression(node.callee)
+
+  if (callee.type === 'MemberExpression') {
+    const name = utils.getStaticPropertyName(callee)
+    if (name) {
+      return { name, member: callee }
+    }
+  }
+  return null
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -44,6 +79,22 @@ module.exports = {
   create(context) {
     /** @type {RefObjectReferences} */
     let refReferences
+    const setupContexts = new Map()
+
+    /**
+     * Collect identifier id
+     * @param {Identifier} node
+     * @param {Set<Identifier>} referenceIds
+     */
+    function collectReferenceIds(node, referenceIds) {
+      const variable = findVariable(utils.getScope(context, node), node)
+      if (!variable) {
+        return
+      }
+      for (const reference of variable.references) {
+        referenceIds.add(reference.identifier)
+      }
+    }
 
     /**
      * @param {Identifier} node
@@ -64,90 +115,213 @@ module.exports = {
         }
       })
     }
-    return {
-      Program() {
-        refReferences = extractRefObjectReferences(context)
-      },
-      // if (refValue)
-      /** @param {Identifier} node */
-      'IfStatement>Identifier'(node) {
-        reportIfRefWrapped(node)
-      },
-      // switch (refValue)
-      /** @param {Identifier} node */
-      'SwitchStatement>Identifier'(node) {
-        reportIfRefWrapped(node)
-      },
-      // -refValue, +refValue, !refValue, ~refValue, typeof refValue
-      /** @param {Identifier} node */
-      'UnaryExpression>Identifier'(node) {
-        reportIfRefWrapped(node)
-      },
-      // refValue++, refValue--
-      /** @param {Identifier} node */
-      'UpdateExpression>Identifier'(node) {
-        reportIfRefWrapped(node)
-      },
-      // refValue+1, refValue-1
-      /** @param {Identifier} node */
-      'BinaryExpression>Identifier'(node) {
+
+    /**
+     * @param {CallExpression} node
+     */
+    function reportWrappedIdentifiers(node) {
+      const nodes = node.arguments.filter((node) => node.type === 'Identifier')
+      for (const node of nodes) {
         reportIfRefWrapped(node)
-      },
-      // refValue+=1, refValue-=1, foo+=refValue, foo-=refValue
-      /** @param {Identifier & {parent: AssignmentExpression}} node */
-      'AssignmentExpression>Identifier'(node) {
-        if (node.parent.operator === '=' && node.parent.left !== node) {
+      }
+    }
+
+    const programNode = context.getSourceCode().ast
+
+    const callVisitor = {
+      /**
+       * @param {CallExpression} node
+       * @param {import('../utils').VueObjectData} [info]
+       */
+      CallExpression(node, info) {
+        const nameWithLoc = getNameParamNode(node)
+        if (!nameWithLoc) {
+          // cannot check
           return
         }
-        reportIfRefWrapped(node)
-      },
-      // refValue || other, refValue && other. ignore: other || refValue
-      /** @param {Identifier & {parent: LogicalExpression}} node */
-      'LogicalExpression>Identifier'(node) {
-        if (node.parent.left !== node) {
+
+        // verify setup context
+        const setupContext = setupContexts.get(info ? info.node : programNode)
+        if (!setupContext) {
           return
         }
-        // Report only constants.
-        const data = refReferences.get(node)
+
+        const { contextReferenceIds, emitReferenceIds } = setupContext
         if (
-          !data ||
-          !data.variableDeclaration ||
-          data.variableDeclaration.kind !== 'const'
+          node.callee.type === 'Identifier' &&
+          emitReferenceIds.has(node.callee)
         ) {
-          return
+          // verify setup(props,{emit}) {emit()}
+          reportWrappedIdentifiers(node)
+        } else {
+          const emit = getCalleeMemberNode(node)
+          if (
+            emit &&
+            emit.name === 'emit' &&
+            emit.member.object.type === 'Identifier' &&
+            contextReferenceIds.has(emit.member.object)
+          ) {
+            // verify setup(props,context) {context.emit()}
+            reportWrappedIdentifiers(node)
+          }
         }
-        reportIfRefWrapped(node)
-      },
-      // refValue ? x : y
-      /** @param {Identifier & {parent: ConditionalExpression}} node */
-      'ConditionalExpression>Identifier'(node) {
-        if (node.parent.test !== node) {
-          return
+      }
+    }
+
+    return utils.compositingVisitors(
+      {
+        Program() {
+          refReferences = extractRefObjectReferences(context)
+        },
+        // if (refValue)
+        /** @param {Identifier} node */
+        'IfStatement>Identifier'(node) {
+          reportIfRefWrapped(node)
+        },
+        // switch (refValue)
+        /** @param {Identifier} node */
+        'SwitchStatement>Identifier'(node) {
+          reportIfRefWrapped(node)
+        },
+        // -refValue, +refValue, !refValue, ~refValue, typeof refValue
+        /** @param {Identifier} node */
+        'UnaryExpression>Identifier'(node) {
+          reportIfRefWrapped(node)
+        },
+        // refValue++, refValue--
+        /** @param {Identifier} node */
+        'UpdateExpression>Identifier'(node) {
+          reportIfRefWrapped(node)
+        },
+        // refValue+1, refValue-1
+        /** @param {Identifier} node */
+        'BinaryExpression>Identifier'(node) {
+          reportIfRefWrapped(node)
+        },
+        // refValue+=1, refValue-=1, foo+=refValue, foo-=refValue
+        /** @param {Identifier & {parent: AssignmentExpression}} node */
+        'AssignmentExpression>Identifier'(node) {
+          if (node.parent.operator === '=' && node.parent.left !== node) {
+            return
+          }
+          reportIfRefWrapped(node)
+        },
+        // refValue || other, refValue && other. ignore: other || refValue
+        /** @param {Identifier & {parent: LogicalExpression}} node */
+        'LogicalExpression>Identifier'(node) {
+          if (node.parent.left !== node) {
+            return
+          }
+          // Report only constants.
+          const data = refReferences.get(node)
+          if (
+            !data ||
+            !data.variableDeclaration ||
+            data.variableDeclaration.kind !== 'const'
+          ) {
+            return
+          }
+          reportIfRefWrapped(node)
+        },
+        // refValue ? x : y
+        /** @param {Identifier & {parent: ConditionalExpression}} node */
+        'ConditionalExpression>Identifier'(node) {
+          if (node.parent.test !== node) {
+            return
+          }
+          reportIfRefWrapped(node)
+        },
+        // `${refValue}`
+        /** @param {Identifier} node */
+        'TemplateLiteral>Identifier'(node) {
+          reportIfRefWrapped(node)
+        },
+        // refValue.x
+        /** @param {Identifier & {parent: MemberExpression}} node */
+        'MemberExpression>Identifier'(node) {
+          if (node.parent.object !== node) {
+            return
+          }
+          const name = utils.getStaticPropertyName(node.parent)
+          if (
+            name === 'value' ||
+            name == null ||
+            // WritableComputedRef
+            name === 'effect'
+          ) {
+            return
+          }
+          reportIfRefWrapped(node)
         }
-        reportIfRefWrapped(node)
       },
-      // `${refValue}`
-      /** @param {Identifier} node */
-      'TemplateLiteral>Identifier'(node) {
-        reportIfRefWrapped(node)
-      },
-      // refValue.x
-      /** @param {Identifier & {parent: MemberExpression}} node */
-      'MemberExpression>Identifier'(node) {
-        if (node.parent.object !== node) {
-          return
-        }
-        const name = utils.getStaticPropertyName(node.parent)
-        if (
-          name === 'value' ||
-          name == null ||
-          // WritableComputedRef
-          name === 'effect'
-        ) {
-          return
+      utils.defineScriptSetupVisitor(context, {
+        onDefineEmitsEnter(node) {
+          if (
+            !node.parent ||
+            node.parent.type !== 'VariableDeclarator' ||
+            node.parent.init !== node
+          ) {
+            return
+          }
+
+          const emitParam = node.parent.id
+          if (emitParam.type !== 'Identifier') {
+            return
+          }
+
+          // const emit = defineEmits()
+          const emitReferenceIds = new Set()
+          collectReferenceIds(emitParam, emitReferenceIds)
+
+          setupContexts.set(programNode, {
+            contextReferenceIds: new Set(),
+            emitReferenceIds
+          })
+        },
+        ...callVisitor
+      }),
+      utils.defineVueVisitor(context, {
+        onSetupFunctionEnter(node, { node: vueNode }) {
+          const contextParam = utils.skipDefaultParamValue(node.params[1])
+          if (!contextParam) {
+            // no arguments
+            return
+          }
+          if (
+            contextParam.type === 'RestElement' ||
+            contextParam.type === 'ArrayPattern'
+          ) {
+            // cannot check
+            return
+          }
+
+          const contextReferenceIds = new Set()
+          const emitReferenceIds = new Set()
+          if (contextParam.type === 'ObjectPattern') {
+            const emitProperty = utils.findAssignmentProperty(
+              contextParam,
+              'emit'
+            )
+            if (!emitProperty || emitProperty.value.type !== 'Identifier') {
+              return
+            }
+
+            // `setup(props, {emit})`
+            collectReferenceIds(emitProperty.value, emitReferenceIds)
+          } else {
+            // `setup(props, context)`
+            collectReferenceIds(contextParam, contextReferenceIds)
+          }
+          setupContexts.set(vueNode, {
+            contextReferenceIds,
+            emitReferenceIds
+          })
+        },
+        ...callVisitor,
+        onVueObjectExit(node) {
+          setupContexts.delete(node)
         }
-        reportIfRefWrapped(node)
-      }
-    }
+      })
+    )
   }
 }
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index d57356356..04234eff7 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -191,6 +191,106 @@ tester.run('no-ref-as-operand', rule, {
       model.value = value;
     }
     </script>
+    `,
+    `
+    <script setup>
+    const emit = defineEmits(['test'])
+    const [model, mod] = defineModel();
+    
+    function update() {
+      emit('test', model.value)
+    }
+    </script>
+    `,
+    `
+    <script>
+    import { ref, defineComponent } from 'vue'
+
+    export default defineComponent({
+      emits: ['incremented'],
+      setup(_, ctx) {
+        const counter = ref(0)
+
+        ctx.emit('incremented', counter.value)
+
+        return {
+          counter
+        }
+      }
+    })
+    </script>
+    `,
+    `
+    <script>
+    import { ref, defineComponent } from 'vue'
+
+    export default defineComponent({
+      emits: ['incremented'],
+      setup(_, { emit }) {
+        const counter = ref(0)
+
+        emit('incremented', counter.value)
+
+        return {
+          counter
+        }
+      }
+    })
+    </script>
+    `,
+    `
+    <script>
+    import { ref, defineComponent } from 'vue'
+
+    export default defineComponent({
+      emits: ['incremented'],
+      setup(_, { emit }) {
+        const counter = ref(0)
+
+        emit('incremented', counter.value, 'xxx')
+
+        return {
+          counter
+        }
+      }
+    })
+    </script>
+    `,
+    `
+    <script>
+    import { ref, defineComponent } from 'vue'
+
+    export default defineComponent({
+      emits: ['incremented'],
+      setup(_, { emit }) {
+        const counter = ref(0)
+
+        emit('incremented', 'xxx')
+
+        return {
+          counter
+        }
+      }
+    })
+    </script>
+    `,
+    `
+    <script>
+    import { ref, defineComponent } from 'vue'
+
+    export default defineComponent({
+      emits: ['incremented'],
+      setup(_, { emit }) {
+        const counter = ref(0)
+
+        emit('incremented')
+
+        return {
+          counter
+        }
+      }
+    })
+    </script>
     `
   ],
   invalid: [
@@ -823,6 +923,176 @@ tester.run('no-ref-as-operand', rule, {
         }
       ]
     },
+    {
+      code: `
+      <script setup>
+      import { ref } from 'vue'
+      const emits = defineEmits(['test'])
+      const count = ref(0)
+
+      function update() {
+        emits('test', count)
+      }
+      </script>
+      `,
+      output: `
+      <script setup>
+      import { ref } from 'vue'
+      const emits = defineEmits(['test'])
+      const count = ref(0)
+
+      function update() {
+        emits('test', count.value)
+      }
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 8,
+          endLine: 8
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+      import { ref, defineComponent } from 'vue'
+
+      export default defineComponent({
+        emits: ['incremented'],
+        setup(_, ctx) {
+          const counter = ref(0)
+
+          ctx.emit('incremented', counter)
+
+          return {
+            counter
+          }
+        }
+      })
+      </script>
+      `,
+      output: `
+      <script>
+      import { ref, defineComponent } from 'vue'
+
+      export default defineComponent({
+        emits: ['incremented'],
+        setup(_, ctx) {
+          const counter = ref(0)
+
+          ctx.emit('incremented', counter.value)
+
+          return {
+            counter
+          }
+        }
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 10,
+          endLine: 10
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+      import { ref, defineComponent } from 'vue'
+
+      export default defineComponent({
+        emits: ['incremented'],
+        setup(_, { emit }) {
+          const counter = ref(0)
+
+          emit('incremented', counter)
+
+          return {
+            counter
+          }
+        }
+      })
+      </script>
+      `,
+      output: `
+      <script>
+      import { ref, defineComponent } from 'vue'
+
+      export default defineComponent({
+        emits: ['incremented'],
+        setup(_, { emit }) {
+          const counter = ref(0)
+
+          emit('incremented', counter.value)
+
+          return {
+            counter
+          }
+        }
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 10,
+          endLine: 10
+        }
+      ]
+    },
+    {
+      code: `
+      <script>
+      import { ref, defineComponent } from 'vue'
+
+      export default defineComponent({
+        emits: ['incremented'],
+        setup(_, { emit }) {
+          const counter = ref(0)
+
+          emit('incremented', 'xxx', counter)
+
+          return {
+            counter
+          }
+        }
+      })
+      </script>
+      `,
+      output: `
+      <script>
+      import { ref, defineComponent } from 'vue'
+
+      export default defineComponent({
+        emits: ['incremented'],
+        setup(_, { emit }) {
+          const counter = ref(0)
+
+          emit('incremented', 'xxx', counter.value)
+
+          return {
+            counter
+          }
+        }
+      })
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            'Must use `.value` to read or write the value wrapped by `ref()`.',
+          line: 10,
+          endLine: 10
+        }
+      ]
+    },
     // Auto-import
     {
       code: `

From 14450d2d8ca0cfb770e3ee029399f6d7240a0434 Mon Sep 17 00:00:00 2001
From: Patrick Herzberg <patrick@herzberg-digital.de>
Date: Thu, 20 Feb 2025 09:39:44 +0100
Subject: [PATCH 0830/1010] Add `ignoreProps` option to `vue/prop-name-casing`
 (#2679)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
Co-authored-by: Wayne Zhang <waynzh19@gmail.com>
---
 docs/rules/prop-name-casing.md      | 33 +++++++++++++-
 lib/rules/prop-name-casing.js       | 16 ++++++-
 tests/lib/rules/prop-name-casing.js | 71 +++++++++++++++++++++++++++--
 3 files changed, 115 insertions(+), 5 deletions(-)

diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 1f9f82624..43598c783 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -39,12 +39,18 @@ export default {
 
 ```json
 {
-  "vue/prop-name-casing": ["error", "camelCase" | "snake_case"]
+  "vue/prop-name-casing": ["error",
+    "camelCase" | "snake_case",
+    {
+      "ignoreProps": []
+    }
+  ]
 }
 ```
 
 - `"camelCase"` (default) ... Enforce property names in `props` to camel case.
 - `"snake_case"` ... Enforce property names in `props` to snake case.
+- `ignoreProps` (`string[]`) ... An array of prop names (or patterns) that don't need to follow the specified casing.
 
 ### `"snake_case"`
 
@@ -67,6 +73,31 @@ export default {
 
 </eslint-code-block>
 
+### `"ignoreProps": ["foo-bar", "/^_[a-z]+/u"]`
+
+<eslint-code-block :rules="{'vue/prop-name-casing': ['error', 'camelCase', {
+ignoreProps: ['foo-bar', '/^_[a-z]+/u'] }]}">
+
+```vue
+<script>
+export default {
+  props: {
+    /* ✓ GOOD */
+    greetingText: String,
+    'foo-bar': String,
+    _uid: String,
+
+    /* ✗ BAD */
+    'greeting-text': String,
+    greeting_text: String,
+    foo_bar: String
+  }
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :couple: Related Rules
 
 - [vue/attribute-hyphenation](./attribute-hyphenation.md)
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index ba8fcc1b4..fd4f0dc31 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -6,6 +6,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
+const { toRegExp } = require('../utils/regexp')
 const allowedCaseOptions = ['camelCase', 'snake_case']
 
 /**
@@ -15,6 +16,8 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
 /** @param {RuleContext} context */
 function create(context) {
   const options = context.options[0]
+  /** @type {RegExp[]} */
+  const ignoreProps = (context.options[1]?.ignoreProps || []).map(toRegExp)
   const caseType = allowedCaseOptions.includes(options) ? options : 'camelCase'
   const checker = casing.getChecker(caseType)
 
@@ -27,7 +30,7 @@ function create(context) {
       if (propName == null) {
         continue
       }
-      if (!checker(propName)) {
+      if (!checker(propName) && !ignoreProps.some((re) => re.test(propName))) {
         context.report({
           node: item.node,
           messageId: 'invalidCase',
@@ -64,6 +67,17 @@ module.exports = {
     schema: [
       {
         enum: allowedCaseOptions
+      },
+      {
+        type: 'object',
+        properties: {
+          ignoreProps: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
       }
     ],
     messages: {
diff --git a/tests/lib/rules/prop-name-casing.js b/tests/lib/rules/prop-name-casing.js
index 65748dc49..a83893a5a 100644
--- a/tests/lib/rules/prop-name-casing.js
+++ b/tests/lib/rules/prop-name-casing.js
@@ -149,7 +149,7 @@ ruleTester.run('prop-name-casing', rule, {
       languageOptions
     },
     {
-      // valiable computed property name does not warn
+      // variable computed property name does not warn
       filename: 'test.vue',
       code: `
         export default {
@@ -161,7 +161,7 @@ ruleTester.run('prop-name-casing', rule, {
       languageOptions
     },
     {
-      // valiable computed property name does not warn
+      // variable computed property name does not warn
       filename: 'test.vue',
       code: `
         export default {
@@ -359,6 +359,23 @@ ruleTester.run('prop-name-casing', rule, {
           parser: require.resolve('@typescript-eslint/parser')
         }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            'ignored-pattern-test': String,
+            ignored_prop: Number,
+            validProp: Boolean
+          }
+        }
+      `,
+      options: [
+        'camelCase',
+        { ignoreProps: ['ignored_prop', '/^ignored-pattern-/'] }
+      ],
+      languageOptions
     }
   ],
 
@@ -686,6 +703,54 @@ ruleTester.run('prop-name-casing', rule, {
               }
             ]
           }
-        ])
+        ]),
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: {
+            notIgnored_prop: String,
+            'other-pattern': Number,
+            'pattern-valid': String
+          }
+        }
+      `,
+      options: ['camelCase', { ignoreProps: ['ignored_prop', '/^pattern-/'] }],
+      languageOptions,
+      errors: [
+        {
+          message: 'Prop "notIgnored_prop" is not in camelCase.',
+          type: 'Property',
+          line: 4
+        },
+        {
+          message: 'Prop "other-pattern" is not in camelCase.',
+          type: 'Property',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          props: ['notIgnored_prop', 'pattern_invalid', 'validProp', 'pattern-valid']
+        }
+      `,
+      options: ['camelCase', { ignoreProps: ['ignored_prop', '/^pattern-/'] }],
+      languageOptions,
+      errors: [
+        {
+          message: 'Prop "notIgnored_prop" is not in camelCase.',
+          type: 'Literal',
+          line: 3
+        },
+        {
+          message: 'Prop "pattern_invalid" is not in camelCase.',
+          type: 'Literal',
+          line: 3
+        }
+      ]
+    }
   ]
 })

From 9c45d55dd42c1da3bba59d1b624d4f5fd30d747f Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 5 Mar 2025 11:13:36 +0900
Subject: [PATCH 0831/1010] 9.33.0

---
 docs/rules/no-implicit-coercion.md | 6 +++++-
 package.json                       | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-implicit-coercion.md b/docs/rules/no-implicit-coercion.md
index d069f2826..22698320c 100644
--- a/docs/rules/no-implicit-coercion.md
+++ b/docs/rules/no-implicit-coercion.md
@@ -3,13 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-implicit-coercion
 description: Disallow shorthand type conversions in `<template>`
+since: v9.33.0
 ---
 
 # vue/no-implicit-coercion
 
 > Disallow shorthand type conversions in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [no-implicit-coercion] rule but it applies to the expressions in `<template>`.
@@ -20,6 +20,10 @@ This rule is the same rule as core [no-implicit-coercion] rule but it applies to
 
 [no-implicit-coercion]: https://eslint.org/docs/rules/no-implicit-coercion
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.33.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-implicit-coercion.js)
diff --git a/package.json b/package.json
index 8d9c25a62..e33574b97 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.32.0",
+  "version": "9.33.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 2d6e11843daf364b05c83f7dc665e5ba2d938290 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 5 Mar 2025 12:12:24 +0800
Subject: [PATCH 0832/1010] feat: handle generic parameter types (#2693)

---
 lib/utils/ts-utils/ts-types.js                | 12 ++++++++
 tests/lib/rules/require-valid-default-prop.js | 30 +++++++++++++++++--
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/lib/utils/ts-utils/ts-types.js b/lib/utils/ts-utils/ts-types.js
index 2fe354c2c..7280c8762 100644
--- a/lib/utils/ts-utils/ts-types.js
+++ b/lib/utils/ts-utils/ts-types.js
@@ -202,6 +202,18 @@ function inferRuntimeTypeInternal(type, services) {
   const { checker } = services
   /** @type {Set<string>} */
   const types = new Set()
+
+  // handle generic parameter types
+  if (type.isTypeParameter()) {
+    const constraint = type.getConstraint()
+    if (constraint) {
+      for (const t of inferRuntimeTypeInternal(constraint, services)) {
+        types.add(t)
+      }
+    }
+    return [...types]
+  }
+
   for (const targetType of iterateTypes(checker.getNonNullableType(type))) {
     if (
       isAny(targetType) ||
diff --git a/tests/lib/rules/require-valid-default-prop.js b/tests/lib/rules/require-valid-default-prop.js
index a724d36f7..103b6b7d3 100644
--- a/tests/lib/rules/require-valid-default-prop.js
+++ b/tests/lib/rules/require-valid-default-prop.js
@@ -222,8 +222,7 @@ ruleTester.run('require-valid-default-prop', rule, {
       `,
       languageOptions: {
         parser: require('@typescript-eslint/parser'),
-        ecmaVersion: 6,
-        sourceType: 'module'
+        ...languageOptions
       }
     },
     {
@@ -332,6 +331,17 @@ ruleTester.run('require-valid-default-prop', rule, {
       languageOptions: {
         parser: require('vue-eslint-parser')
       }
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2692
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      type MaybeString<T extends number> = T | \`\${T}\`
+      const { foo = 1 } = defineProps<{ foo: MaybeString<1, 2>}>()
+      </script>
+      `,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
@@ -1201,6 +1211,22 @@ ruleTester.run('require-valid-default-prop', rule, {
           line: 3
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      type MaybeString<T extends string | number> = \`\${T}\`
+      const { foo = 1 } = defineProps<{ foo: MaybeString<1, 2>}>()
+      </script>
+      `,
+      errors: [
+        {
+          message: "Type of the default value for 'foo' prop must be a string.",
+          line: 4
+        }
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })

From ddfd67651f4dc66f87e88c7cf2cf4fe4eb74b34b Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 5 Mar 2025 12:20:34 +0800
Subject: [PATCH 0833/1010] feat: add `vue/no-import-compiler-macros` rule
 (#2684)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/index.md                          |   2 +
 docs/rules/no-import-compiler-macros.md      |  54 +++++
 lib/index.js                                 |   1 +
 lib/rules/no-import-compiler-macros.js       | 101 ++++++++++
 tests/lib/rules/no-import-compiler-macros.js | 201 +++++++++++++++++++
 5 files changed, 359 insertions(+)
 create mode 100644 docs/rules/no-import-compiler-macros.md
 create mode 100644 lib/rules/no-import-compiler-macros.js
 create mode 100644 tests/lib/rules/no-import-compiler-macros.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index f170f8031..4fea47058 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -233,6 +233,7 @@ For example:
 | [vue/no-deprecated-model-definition] | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance] | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
+| [vue/no-import-compiler-macros] | disallow importing Vue compiler macros | :wrench: | :warning: |
 | [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
@@ -467,6 +468,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-expose-after-await]: ./no-expose-after-await.md
 [vue/no-extra-parens]: ./no-extra-parens.md
 [vue/no-implicit-coercion]: ./no-implicit-coercion.md
+[vue/no-import-compiler-macros]: ./no-import-compiler-macros.md
 [vue/no-invalid-model-keys]: ./no-invalid-model-keys.md
 [vue/no-irregular-whitespace]: ./no-irregular-whitespace.md
 [vue/no-lifecycle-after-await]: ./no-lifecycle-after-await.md
diff --git a/docs/rules/no-import-compiler-macros.md b/docs/rules/no-import-compiler-macros.md
new file mode 100644
index 000000000..ed968daae
--- /dev/null
+++ b/docs/rules/no-import-compiler-macros.md
@@ -0,0 +1,54 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-import-compiler-macros
+description: disallow importing Vue compiler macros
+---
+
+# vue/no-import-compiler-macros
+
+> disallow importing Vue compiler macros
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule disallow importing vue compiler macros.
+
+<eslint-code-block fix :rules="{'vue/no-import-compiler-macros': ['error']}">
+
+```vue
+<script setup>
+/* ✗ BAD */
+import { defineProps, withDefaults } from 'vue'
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-import-compiler-macros': ['error']}">
+
+```vue
+<script setup>
+/* ✓ GOOD */
+import { ref } from 'vue'
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :books: Further Reading
+
+- [defineProps() & defineEmits()]
+
+[defineProps() & defineEmits()]: https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-import-compiler-macros.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-import-compiler-macros.js)
diff --git a/lib/index.js b/lib/index.js
index ecb8ce5e1..7b407efe1 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -127,6 +127,7 @@ const plugin = {
     'no-expose-after-await': require('./rules/no-expose-after-await'),
     'no-extra-parens': require('./rules/no-extra-parens'),
     'no-implicit-coercion': require('./rules/no-implicit-coercion'),
+    'no-import-compiler-macros': require('./rules/no-import-compiler-macros'),
     'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
diff --git a/lib/rules/no-import-compiler-macros.js b/lib/rules/no-import-compiler-macros.js
new file mode 100644
index 000000000..693a9f33b
--- /dev/null
+++ b/lib/rules/no-import-compiler-macros.js
@@ -0,0 +1,101 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const COMPILER_MACROS = new Set([
+  'defineProps',
+  'defineEmits',
+  'defineExpose',
+  'withDefaults',
+  'defineModel',
+  'defineOptions',
+  'defineSlots'
+])
+
+const VUE_MODULES = new Set(['@vue/runtime-core', '@vue/runtime-dom', 'vue'])
+
+/**
+ * @param {Token} node
+ */
+function isComma(node) {
+  return node.type === 'Punctuator' && node.value === ','
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow importing Vue compiler macros',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-import-compiler-macros.html'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      noImportCompilerMacros:
+        "'{{name}}' is a compiler macro and doesn't need to be imported."
+    }
+  },
+  /**
+   * @param {RuleContext} context
+   * @returns {RuleListener}
+   */
+  create(context) {
+    const sourceCode = context.getSourceCode()
+
+    return {
+      ImportDeclaration(node) {
+        if (node.specifiers.length === 0 || !VUE_MODULES.has(node.source.value))
+          return
+
+        for (const specifier of node.specifiers) {
+          if (
+            specifier.type !== 'ImportSpecifier' ||
+            !COMPILER_MACROS.has(specifier.imported.name)
+          ) {
+            continue
+          }
+
+          context.report({
+            node: specifier,
+            messageId: 'noImportCompilerMacros',
+            data: {
+              name: specifier.imported.name
+            },
+            fix: (fixer) => {
+              const isOnlySpecifier = node.specifiers.length === 1
+              const isLastSpecifier =
+                specifier === node.specifiers[node.specifiers.length - 1]
+
+              if (isOnlySpecifier) {
+                return fixer.remove(node)
+              } else if (isLastSpecifier) {
+                const precedingComma = sourceCode.getTokenBefore(
+                  specifier,
+                  isComma
+                )
+                return fixer.removeRange([
+                  precedingComma ? precedingComma.range[0] : specifier.range[0],
+                  specifier.range[1]
+                ])
+              } else {
+                const subsequentComma = sourceCode.getTokenAfter(
+                  specifier,
+                  isComma
+                )
+                return fixer.removeRange([
+                  specifier.range[0],
+                  subsequentComma
+                    ? subsequentComma.range[1]
+                    : specifier.range[1]
+                ])
+              }
+            }
+          })
+        }
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-import-compiler-macros.js b/tests/lib/rules/no-import-compiler-macros.js
new file mode 100644
index 000000000..d74a268a0
--- /dev/null
+++ b/tests/lib/rules/no-import-compiler-macros.js
@@ -0,0 +1,201 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/no-import-compiler-macros')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-import-compiler-macros', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { ref, computed } from 'vue'
+      import { someFunction } from '@vue/runtime-core'
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+      import { defineProps } from 'some-other-package'
+      </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { defineProps } from 'vue'
+      </script>
+      `,
+      output: `
+      <script setup>
+      
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineProps'
+          },
+          line: 3,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import {
+        ref,
+        defineProps
+      } from 'vue'
+      </script>
+      `,
+      output: `
+      <script setup>
+      import {
+        ref
+      } from 'vue'
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineProps'
+          },
+          line: 5,
+          column: 9
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { ref, defineProps } from 'vue'
+      import { defineEmits, computed } from '@vue/runtime-core'
+      import { defineExpose, watch, withDefaults } from '@vue/runtime-dom'
+      </script>
+      `,
+      output: `
+      <script setup>
+      import { ref } from 'vue'
+      import {  computed } from '@vue/runtime-core'
+      import {  watch } from '@vue/runtime-dom'
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineProps'
+          },
+          line: 3,
+          column: 21
+        },
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineEmits'
+          },
+          line: 4,
+          column: 16
+        },
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineExpose'
+          },
+          line: 5,
+          column: 16
+        },
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'withDefaults'
+          },
+          line: 5,
+          column: 37
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      import { defineModel, defineOptions } from 'vue'
+      </script>
+      `,
+      output: `
+      <script setup>
+      import {  defineOptions } from 'vue'
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineModel'
+          },
+          line: 3,
+          column: 16
+        },
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineOptions'
+          },
+          line: 3,
+          column: 29
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      import { ref as refFoo, defineSlots as defineSlotsFoo, type computed } from '@vue/runtime-core'
+      </script>
+      `,
+      output: `
+      <script setup lang="ts">
+      import { ref as refFoo,  type computed } from '@vue/runtime-core'
+      </script>
+      `,
+      languageOptions: {
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          messageId: 'noImportCompilerMacros',
+          data: {
+            name: 'defineSlots'
+          },
+          line: 3,
+          column: 31
+        }
+      ]
+    }
+  ]
+})

From 5cb5fefdfdf5ca2f8c9ffabfb64d225366f661f2 Mon Sep 17 00:00:00 2001
From: Takanori Sugita <38074428+sugitata@users.noreply.github.com>
Date: Wed, 27 Nov 2024 21:45:44 +0900
Subject: [PATCH 0834/1010] Fix detect Nuxt3 defineNuxtComponent (#2311)

---
 lib/utils/index.js                     | 14 ++++-
 tests/lib/rules/no-undef-components.js | 15 +++++
 tests/lib/rules/order-in-components.js | 78 ++++++++++++++++++++++++++
 tests/lib/utils/vue-component.js       |  6 ++
 4 files changed, 110 insertions(+), 3 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 167edf208..8d0dfa80d 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1581,7 +1581,7 @@ module.exports = {
    * Get the Vue component definition type from given node
    * Vue.component('xxx', {}) || component('xxx', {})
    * @param {ObjectExpression} node Node to check
-   * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | null}
+   * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | 'defineNuxtComponent' | null}
    */
   getVueComponentDefinitionType,
   /**
@@ -2755,7 +2755,7 @@ function isVueComponentFile(node, path) {
  * Get the Vue component definition type from given node
  * Vue.component('xxx', {}) || component('xxx', {})
  * @param {ObjectExpression} node Node to check
- * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | null}
+ * @returns {'component' | 'mixin' | 'extend' | 'createApp' | 'defineComponent' | 'defineNuxtComponent' | null}
  */
 function getVueComponentDefinitionType(node) {
   const parent = getParent(node)
@@ -2811,6 +2811,12 @@ function getVueComponentDefinitionType(node) {
         const isDestructedVueComponent = isObjectArgument(parent)
         return isDestructedVueComponent ? 'defineComponent' : null
       }
+      if (callee.name === 'defineNuxtComponent') {
+        // for Nuxt 3.x
+        // defineNuxtComponent({})
+        const isDestructedVueComponent = isObjectArgument(parent)
+        return isDestructedVueComponent ? 'defineNuxtComponent' : null
+      }
     }
   }
 
@@ -2955,7 +2961,9 @@ function isSFCObject(context, node) {
         }
         const { callee } = parent
         if (
-          (callee.type === 'Identifier' && callee.name === 'defineComponent') ||
+          (callee.type === 'Identifier' &&
+            (callee.name === 'defineComponent' ||
+              callee.name === 'defineNuxtComponent')) ||
           (callee.type === 'MemberExpression' &&
             callee.object.type === 'Identifier' &&
             callee.object.name === 'Vue' &&
diff --git a/tests/lib/rules/no-undef-components.js b/tests/lib/rules/no-undef-components.js
index e9992e39d..37a3bec68 100644
--- a/tests/lib/rules/no-undef-components.js
+++ b/tests/lib/rules/no-undef-components.js
@@ -269,6 +269,21 @@ tester.run('no-undef-components', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default defineNuxtComponent({
+          components: {
+            CustomComponent
+          }
+        })
+        </script>
+      `
+    },
     {
       filename: 'test.vue',
       code: `
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 2cbe721c5..130a319b0 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -234,6 +234,84 @@ ruleTester.run('order-in-components', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          name: 'app',
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          props: {
+            propA: Number,
+          },
+        })
+      `,
+      output: `
+        import { defineComponent } from 'vue'
+        export default defineComponent({
+          name: 'app',
+          props: {
+            propA: Number,
+          },
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        })
+      `,
+      languageOptions,
+      errors: [
+        {
+          message:
+            'The "props" property should be above the "data" property on line 5.',
+          line: 10
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        import { defineNuxtComponent } from '#app'
+        export default defineNuxtComponent({
+          name: 'app',
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          props: {
+            propA: Number,
+          },
+        })
+      `,
+      output: `
+        import { defineNuxtComponent } from '#app'
+        export default defineNuxtComponent({
+          name: 'app',
+          props: {
+            propA: Number,
+          },
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        })
+      `,
+      languageOptions,
+      errors: [
+        {
+          message:
+            'The "props" property should be above the "data" property on line 5.',
+          line: 10
+        }
+      ]
+    },
     {
       filename: 'test.jsx',
       code: `
diff --git a/tests/lib/utils/vue-component.js b/tests/lib/utils/vue-component.js
index 8970672ad..12fcd904f 100644
--- a/tests/lib/utils/vue-component.js
+++ b/tests/lib/utils/vue-component.js
@@ -325,6 +325,12 @@ function invalidTests(ext) {
       code: `export default defineComponent({})`,
       languageOptions,
       errors: [makeError(1)]
+    },
+    {
+      filename: `test.${ext}`,
+      code: `export default defineNuxtComponent({})`,
+      languageOptions,
+      errors: [makeError(1)]
     }
   ]
 }

From 5a99e6f92d7299d86020a0e285cf48b970da677e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 30 Nov 2024 06:45:32 +0100
Subject: [PATCH 0835/1010] Add `vue/block-order` to recommended configs
 (#2627)

---
 docs/rules/block-order.md            | 1 +
 docs/rules/component-tags-order.md   | 1 -
 docs/rules/index.md                  | 3 +--
 lib/configs/flat/vue2-recommended.js | 2 +-
 lib/configs/flat/vue3-recommended.js | 2 +-
 lib/configs/vue2-recommended.js      | 2 +-
 lib/configs/vue3-recommended.js      | 2 +-
 lib/rules/block-order.js             | 2 +-
 lib/rules/component-tags-order.js    | 2 +-
 9 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/docs/rules/block-order.md b/docs/rules/block-order.md
index 314d6c5a8..3fe0c06c8 100644
--- a/docs/rules/block-order.md
+++ b/docs/rules/block-order.md
@@ -10,6 +10,7 @@ since: v9.16.0
 
 > enforce order of component top-level elements
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index 4f1397bd8..c36f93f95 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -11,7 +11,6 @@ since: v6.1.0
 > enforce order of component top-level elements
 
 - :no_entry_sign: This rule was **deprecated** and replaced by [vue/block-order](block-order.md) rule.
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 4fea47058..f49672cdb 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -177,7 +177,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
 | [vue/attributes-order] | enforce order of attributes | :wrench: | :three::two::hammer: |
-| [vue/component-tags-order] | enforce order of component top-level elements | :wrench::no_entry_sign: | :three::two::hammer: |
+| [vue/block-order] | enforce order of component top-level elements | :wrench: | :three::two::hammer: |
 | [vue/no-lone-template] | disallow unnecessary `<template>` |  | :three::two::warning: |
 | [vue/no-multiple-slot-args] | disallow passing multiple arguments to scoped slots |  | :three::two::warning: |
 | [vue/no-v-html] | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
@@ -206,7 +206,6 @@ For example:
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
 | [vue/block-lang] | disallow use other than available `lang` |  | :hammer: |
-| [vue/block-order] | enforce order of component top-level elements | :wrench: | :hammer: |
 | [vue/block-tag-newline] | enforce line breaks after opening and before closing block-level tags | :wrench: | :lipstick: |
 | [vue/component-api-style] | enforce component API style |  | :hammer: |
 | [vue/component-name-in-template-casing] | enforce specific casing for the component naming style in template | :wrench: | :hammer: |
diff --git a/lib/configs/flat/vue2-recommended.js b/lib/configs/flat/vue2-recommended.js
index 0d98a4dd6..d9469a049 100644
--- a/lib/configs/flat/vue2-recommended.js
+++ b/lib/configs/flat/vue2-recommended.js
@@ -12,7 +12,7 @@ module.exports = [
     name: 'vue/vue2-recommended/rules',
     rules: {
       'vue/attributes-order': 'warn',
-      'vue/component-tags-order': 'warn',
+      'vue/block-order': 'warn',
       'vue/no-lone-template': 'warn',
       'vue/no-multiple-slot-args': 'warn',
       'vue/no-v-html': 'warn',
diff --git a/lib/configs/flat/vue3-recommended.js b/lib/configs/flat/vue3-recommended.js
index 523718f3f..0d4135067 100644
--- a/lib/configs/flat/vue3-recommended.js
+++ b/lib/configs/flat/vue3-recommended.js
@@ -12,7 +12,7 @@ module.exports = [
     name: 'vue/recommended/rules',
     rules: {
       'vue/attributes-order': 'warn',
-      'vue/component-tags-order': 'warn',
+      'vue/block-order': 'warn',
       'vue/no-lone-template': 'warn',
       'vue/no-multiple-slot-args': 'warn',
       'vue/no-v-html': 'warn',
diff --git a/lib/configs/vue2-recommended.js b/lib/configs/vue2-recommended.js
index b04180998..1616f01b9 100644
--- a/lib/configs/vue2-recommended.js
+++ b/lib/configs/vue2-recommended.js
@@ -7,7 +7,7 @@ module.exports = {
   extends: require.resolve('./vue2-strongly-recommended'),
   rules: {
     'vue/attributes-order': 'warn',
-    'vue/component-tags-order': 'warn',
+    'vue/block-order': 'warn',
     'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
diff --git a/lib/configs/vue3-recommended.js b/lib/configs/vue3-recommended.js
index 34b181e29..3d3fe3a2b 100644
--- a/lib/configs/vue3-recommended.js
+++ b/lib/configs/vue3-recommended.js
@@ -7,7 +7,7 @@ module.exports = {
   extends: require.resolve('./vue3-strongly-recommended'),
   rules: {
     'vue/attributes-order': 'warn',
-    'vue/component-tags-order': 'warn',
+    'vue/block-order': 'warn',
     'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
     'vue/no-v-html': 'warn',
diff --git a/lib/rules/block-order.js b/lib/rules/block-order.js
index 03b3d4a5f..d4fdb62ea 100644
--- a/lib/rules/block-order.js
+++ b/lib/rules/block-order.js
@@ -38,7 +38,7 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description: 'enforce order of component top-level elements',
-      categories: undefined,
+      categories: ['vue3-recommended', 'vue2-recommended'],
       url: 'https://eslint.vuejs.org/rules/block-order.html'
     },
     fixable: 'code',
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
index 132aab898..5ae0bccff 100644
--- a/lib/rules/component-tags-order.js
+++ b/lib/rules/component-tags-order.js
@@ -10,7 +10,7 @@ module.exports = {
     type: baseRule.meta.type,
     docs: {
       description: baseRule.meta.docs.description,
-      categories: ['vue3-recommended', 'vue2-recommended'],
+      categories: undefined,
       url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
     },
     deprecated: true,

From 2d6e4fa0f9ecb7101934b990d4a8edbde2b42d6c Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 30 Nov 2024 06:46:11 +0100
Subject: [PATCH 0836/1010] Add `vue/no-deprecated-delete-set` to
 `vue3-essential` config (#2628)

---
 docs/rules/index.md                    | 2 +-
 docs/rules/no-deprecated-delete-set.md | 2 ++
 lib/configs/flat/vue3-essential.js     | 1 +
 lib/configs/vue3-essential.js          | 1 +
 lib/rules/no-deprecated-delete-set.js  | 2 +-
 5 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index f49672cdb..92f98b929 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -48,6 +48,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-computed-properties-in-data] | disallow accessing computed properties in `data` |  | :three::two::warning: |
 | [vue/no-custom-modifiers-on-v-model] | disallow custom modifiers on v-model used on the component |  | :two::warning: |
 | [vue/no-deprecated-data-object-declaration] | disallow using deprecated object declaration on data (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
+| [vue/no-deprecated-delete-set] | disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-destroyed-lifecycle] | disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
 | [vue/no-deprecated-dollar-listeners-api] | disallow using deprecated `$listeners` (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-dollar-scopedslots-api] | disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+) | :wrench: | :three::warning: |
@@ -228,7 +229,6 @@ For example:
 | [vue/next-tick-style] | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template] | disallow the use of bare strings in `<template>` |  | :hammer: |
 | [vue/no-boolean-default] | disallow boolean defaults |  | :hammer: |
-| [vue/no-deprecated-delete-set] | disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+) |  | :warning: |
 | [vue/no-deprecated-model-definition] | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance] | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
diff --git a/docs/rules/no-deprecated-delete-set.md b/docs/rules/no-deprecated-delete-set.md
index 203797ab3..48399c373 100644
--- a/docs/rules/no-deprecated-delete-set.md
+++ b/docs/rules/no-deprecated-delete-set.md
@@ -10,6 +10,8 @@ since: v9.29.0
 
 > disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+
 ## :book: Rule Details
 
 This rule reports use of deprecated `$delete` and `$set`. (in Vue.js 3.0.0+).
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
index 18d8c8570..50a6d6787 100644
--- a/lib/configs/flat/vue3-essential.js
+++ b/lib/configs/flat/vue3-essential.js
@@ -17,6 +17,7 @@ module.exports = [
       'vue/no-child-content': 'error',
       'vue/no-computed-properties-in-data': 'error',
       'vue/no-deprecated-data-object-declaration': 'error',
+      'vue/no-deprecated-delete-set': 'error',
       'vue/no-deprecated-destroyed-lifecycle': 'error',
       'vue/no-deprecated-dollar-listeners-api': 'error',
       'vue/no-deprecated-dollar-scopedslots-api': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index f71508f75..c58520f26 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -12,6 +12,7 @@ module.exports = {
     'vue/no-child-content': 'error',
     'vue/no-computed-properties-in-data': 'error',
     'vue/no-deprecated-data-object-declaration': 'error',
+    'vue/no-deprecated-delete-set': 'error',
     'vue/no-deprecated-destroyed-lifecycle': 'error',
     'vue/no-deprecated-dollar-listeners-api': 'error',
     'vue/no-deprecated-dollar-scopedslots-api': 'error',
diff --git a/lib/rules/no-deprecated-delete-set.js b/lib/rules/no-deprecated-delete-set.js
index 305dacf91..699c928e1 100644
--- a/lib/rules/no-deprecated-delete-set.js
+++ b/lib/rules/no-deprecated-delete-set.js
@@ -36,7 +36,7 @@ module.exports = {
     docs: {
       description:
         'disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)',
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-delete-set.html'
     },
     fixable: null,

From 45fd5ae787607ff6bc1c2bf973d4a48e4f7b94e9 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 30 Nov 2024 06:49:12 +0100
Subject: [PATCH 0837/1010] Add `vue/no-deprecated-model-definition` to
 `vue3-essential` config (#2629)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/index.md                          | 2 +-
 docs/rules/no-deprecated-model-definition.md | 1 +
 lib/configs/flat/vue3-essential.js           | 1 +
 lib/configs/vue3-essential.js                | 1 +
 lib/rules/no-deprecated-model-definition.js  | 2 +-
 5 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 92f98b929..1df5aa294 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -57,6 +57,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-deprecated-functional-template] | disallow using deprecated the `functional` template (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-html-element-is] | disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-inline-template] | disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+) |  | :three::warning: |
+| [vue/no-deprecated-model-definition] | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :three::warning: |
 | [vue/no-deprecated-props-default-this] | disallow deprecated `this` access in props default function (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-router-link-tag-prop] | disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |  | :three::warning: |
 | [vue/no-deprecated-scope-attribute] | disallow deprecated `scope` attribute (in Vue.js 2.5.0+) | :wrench: | :three::hammer: |
@@ -229,7 +230,6 @@ For example:
 | [vue/next-tick-style] | enforce Promise or callback style in `nextTick` | :wrench: | :hammer: |
 | [vue/no-bare-strings-in-template] | disallow the use of bare strings in `<template>` |  | :hammer: |
 | [vue/no-boolean-default] | disallow boolean defaults |  | :hammer: |
-| [vue/no-deprecated-model-definition] | disallow deprecated `model` definition (in Vue.js 3.0.0+) | :bulb: | :warning: |
 | [vue/no-duplicate-attr-inheritance] | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  | :hammer: |
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
 | [vue/no-import-compiler-macros] | disallow importing Vue compiler macros | :wrench: | :warning: |
diff --git a/docs/rules/no-deprecated-model-definition.md b/docs/rules/no-deprecated-model-definition.md
index 9d55079b3..5d08b7388 100644
--- a/docs/rules/no-deprecated-model-definition.md
+++ b/docs/rules/no-deprecated-model-definition.md
@@ -10,6 +10,7 @@ since: v9.16.0
 
 > disallow deprecated `model` definition (in Vue.js 3.0.0+)
 
+- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
index 50a6d6787..1c6cf567e 100644
--- a/lib/configs/flat/vue3-essential.js
+++ b/lib/configs/flat/vue3-essential.js
@@ -26,6 +26,7 @@ module.exports = [
       'vue/no-deprecated-functional-template': 'error',
       'vue/no-deprecated-html-element-is': 'error',
       'vue/no-deprecated-inline-template': 'error',
+      'vue/no-deprecated-model-definition': 'error',
       'vue/no-deprecated-props-default-this': 'error',
       'vue/no-deprecated-router-link-tag-prop': 'error',
       'vue/no-deprecated-scope-attribute': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index c58520f26..d5d357f1f 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -21,6 +21,7 @@ module.exports = {
     'vue/no-deprecated-functional-template': 'error',
     'vue/no-deprecated-html-element-is': 'error',
     'vue/no-deprecated-inline-template': 'error',
+    'vue/no-deprecated-model-definition': 'error',
     'vue/no-deprecated-props-default-this': 'error',
     'vue/no-deprecated-router-link-tag-prop': 'error',
     'vue/no-deprecated-scope-attribute': 'error',
diff --git a/lib/rules/no-deprecated-model-definition.js b/lib/rules/no-deprecated-model-definition.js
index d88a5028a..6c7e4dd8d 100644
--- a/lib/rules/no-deprecated-model-definition.js
+++ b/lib/rules/no-deprecated-model-definition.js
@@ -45,7 +45,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'disallow deprecated `model` definition (in Vue.js 3.0.0+)',
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/no-deprecated-model-definition.html'
     },
     fixable: null,

From 0c5b41212b58cff5f01094b2b2626b6ad2f2615d Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Sat, 30 Nov 2024 06:51:21 +0100
Subject: [PATCH 0838/1010] Remove legacy schema from
 `vue/custom-event-name-casing` (#2626)

---
 lib/rules/custom-event-name-casing.js       | 54 +++++++--------------
 tests/lib/rules/custom-event-name-casing.js | 12 -----
 2 files changed, 18 insertions(+), 48 deletions(-)

diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index 5c33980ec..aff4609b5 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -54,18 +54,6 @@ function getCalleeMemberNode(node) {
   return null
 }
 
-const OBJECT_OPTION_SCHEMA = {
-  type: 'object',
-  properties: {
-    ignores: {
-      type: 'array',
-      items: { type: 'string' },
-      uniqueItems: true,
-      additionalItems: false
-    }
-  },
-  additionalProperties: false
-}
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -75,24 +63,23 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/custom-event-name-casing.html'
     },
     fixable: null,
-    schema: {
-      anyOf: [
-        {
-          type: 'array',
-          items: [
-            {
-              enum: ALLOWED_CASE_OPTIONS
-            },
-            OBJECT_OPTION_SCHEMA
-          ]
+    schema: [
+      {
+        enum: ALLOWED_CASE_OPTIONS
+      },
+      {
+        type: 'object',
+        properties: {
+          ignores: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          }
         },
-        // For backward compatibility
-        {
-          type: 'array',
-          items: [OBJECT_OPTION_SCHEMA]
-        }
-      ]
-    },
+        additionalProperties: false
+      }
+    ],
     messages: {
       unexpected: "Custom event name '{{name}}' must be {{caseType}}."
     }
@@ -102,13 +89,8 @@ module.exports = {
     /** @type {Map<ObjectExpression|Program, {contextReferenceIds:Set<Identifier>,emitReferenceIds:Set<Identifier>}>} */
     const setupContexts = new Map()
     let emitParamName = ''
-    const options =
-      context.options.length === 1 && typeof context.options[0] !== 'string'
-        ? // For backward compatibility
-          [undefined, context.options[0]]
-        : context.options
-    const caseType = options[0] || DEFAULT_CASE
-    const objectOption = options[1] || {}
+    const caseType = context.options[0] || DEFAULT_CASE
+    const objectOption = context.options[1] || {}
     const caseChecker = casing.getChecker(caseType)
     /** @type {RegExp[]} */
     const ignores = (objectOption.ignores || []).map(toRegExp)
diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 6b6e84c80..7c7b87cda 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -237,18 +237,6 @@ tester.run('custom-event-name-casing', rule, {
       ]
     },
 
-    // For backward compatibility
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <input
-          @click="$emit('fooBar')">
-      </template>
-      `,
-      options: [{ ignores: ['fooBar'] }]
-    },
-
     // camelCase
     {
       filename: 'test.vue',

From 57858a07c6e7116260bb091d3ddc920e62d6db83 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 1 Dec 2024 20:43:56 +0900
Subject: [PATCH 0839/1010] Add `slots`+`expose` to `vue/order-in-components`
 default order (#2153)

---
 docs/rules/order-in-components.md      |  2 +
 lib/rules/order-in-components.js       |  2 +
 tests/lib/rules/order-in-components.js | 57 ++++++++++++++++++++++++++
 3 files changed, 61 insertions(+)

diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 8b3ea6d2e..48b7eb1c5 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -88,6 +88,8 @@ export default {
       "model",
       ["props", "propsData"],
       "emits",
+      "slots",
+      "expose",
       "setup",
       "asyncData",
       "data",
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 22d90920c..3bf5e0140 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -48,6 +48,8 @@ const defaultOrder = [
   'model',
   ['props', 'propsData'],
   'emits', // for Vue.js 3.x
+  'slots',
+  'expose',
 
   // Note:
   // The `setup` option is included in the "Composition" category,
diff --git a/tests/lib/rules/order-in-components.js b/tests/lib/rules/order-in-components.js
index 130a319b0..c8afe3db1 100644
--- a/tests/lib/rules/order-in-components.js
+++ b/tests/lib/rules/order-in-components.js
@@ -50,6 +50,8 @@ ruleTester.run('order-in-components', rule, {
           model,
           props, propsData,
           emits,
+          slots,
+          expose,
           setup,
           data,
           computed,
@@ -1285,6 +1287,61 @@ ruleTester.run('order-in-components', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          setup,
+          slots,
+          expose,
+        };
+      `,
+      output: `
+        export default {
+          slots,
+          setup,
+          expose,
+        };
+      `,
+      languageOptions,
+      errors: [
+        {
+          message:
+            'The "slots" property should be above the "setup" property on line 3.',
+          line: 4
+        },
+        {
+          message:
+            'The "expose" property should be above the "setup" property on line 3.',
+          line: 5
+        }
+      ]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          slots,
+          setup,
+          expose,
+        };
+      `,
+      output: `
+        export default {
+          slots,
+          expose,
+          setup,
+        };
+      `,
+      languageOptions,
+      errors: [
+        {
+          message:
+            'The "expose" property should be above the "setup" property on line 4.',
+          line: 5
+        }
+      ]
     }
   ]
 })

From 68267bf1aa7298429ca1f8fa25d4dd33318046a0 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 2 Dec 2024 08:01:21 +0900
Subject: [PATCH 0840/1010] Add update-resources script (#2171)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .../workflows/check-for-resources-update.yml  |  30 ++++
 lib/utils/deprecated-html-elements.json       |   8 +-
 lib/utils/html-elements.json                  | 164 +++++++++---------
 lib/utils/svg-elements.json                   |   6 -
 package.json                                  |   2 +
 .../lib/rules/no-reserved-component-names.js  |  12 --
 tools/lib/http.js                             |   6 +
 tools/update-html-resources.js                | 105 +++++++++++
 tools/update-resources.js                     |   4 +
 tools/update-vue3-export-names.js             |  33 +---
 tools/update.js                               |   4 -
 11 files changed, 231 insertions(+), 143 deletions(-)
 create mode 100644 .github/workflows/check-for-resources-update.yml
 create mode 100644 tools/lib/http.js
 create mode 100644 tools/update-html-resources.js
 create mode 100644 tools/update-resources.js

diff --git a/.github/workflows/check-for-resources-update.yml b/.github/workflows/check-for-resources-update.yml
new file mode 100644
index 000000000..a9b2460e8
--- /dev/null
+++ b/.github/workflows/check-for-resources-update.yml
@@ -0,0 +1,30 @@
+name: Check for utils resources update
+on:
+  workflow_dispatch: null
+  schedule:
+    - cron: 0 0 * * 0 # At 00:00 on Sunday, see https://crontab.guru/#0_0_*_*_0
+
+permissions:
+    contents: write
+    pull-requests: write
+
+jobs:
+  check-for-resources-update:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Install Packages
+        run: npm install
+      - name: Update
+        run: npm run update-resources
+      - uses: peter-evans/create-pull-request@v7
+        with:
+          commit-message: Updates resources
+          branch: update-resources
+          branch-suffix: timestamp
+          title: Updates resources
diff --git a/lib/utils/deprecated-html-elements.json b/lib/utils/deprecated-html-elements.json
index 1d9d67968..63a3f7162 100644
--- a/lib/utils/deprecated-html-elements.json
+++ b/lib/utils/deprecated-html-elements.json
@@ -6,14 +6,10 @@
   "big",
   "blink",
   "center",
-  "command",
-  "content",
   "dir",
-  "element",
   "font",
   "frame",
   "frameset",
-  "image",
   "isindex",
   "keygen",
   "listing",
@@ -24,8 +20,10 @@
   "nobr",
   "noembed",
   "noframes",
+  "param",
   "plaintext",
-  "shadow",
+  "rb",
+  "rtc",
   "spacer",
   "strike",
   "tt",
diff --git a/lib/utils/html-elements.json b/lib/utils/html-elements.json
index 6911e3482..829b6f841 100644
--- a/lib/utils/html-elements.json
+++ b/lib/utils/html-elements.json
@@ -1,120 +1,116 @@
 [
-  "html",
-  "body",
-  "base",
-  "head",
-  "link",
-  "meta",
-  "style",
-  "title",
+  "a",
+  "abbr",
   "address",
+  "area",
   "article",
   "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fencedframe",
+  "fieldset",
+  "figcaption",
+  "figure",
   "footer",
-  "header",
+  "form",
   "h1",
   "h2",
   "h3",
   "h4",
   "h5",
   "h6",
+  "head",
+  "header",
   "hgroup",
-  "nav",
-  "section",
-  "div",
-  "dd",
-  "dl",
-  "dt",
-  "figcaption",
-  "figure",
   "hr",
+  "html",
+  "i",
+  "iframe",
   "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "legend",
   "li",
+  "link",
   "main",
+  "map",
+  "mark",
+  "menu",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
   "ol",
+  "optgroup",
+  "option",
+  "output",
   "p",
+  "picture",
+  "portal",
   "pre",
-  "ul",
-  "a",
-  "b",
-  "abbr",
-  "bdi",
-  "bdo",
-  "br",
-  "cite",
-  "code",
-  "data",
-  "dfn",
-  "em",
-  "i",
-  "kbd",
-  "mark",
+  "progress",
   "q",
   "rp",
   "rt",
-  "rtc",
   "ruby",
   "s",
   "samp",
+  "script",
+  "search",
+  "section",
+  "select",
+  "slot",
   "small",
+  "source",
   "span",
   "strong",
+  "style",
   "sub",
+  "summary",
   "sup",
-  "time",
-  "u",
-  "var",
-  "wbr",
-  "area",
-  "audio",
-  "map",
-  "track",
-  "video",
-  "embed",
-  "object",
-  "param",
-  "source",
-  "canvas",
-  "script",
-  "noscript",
-  "del",
-  "ins",
-  "caption",
-  "col",
-  "colgroup",
   "table",
-  "thead",
   "tbody",
-  "tfoot",
   "td",
+  "template",
+  "textarea",
+  "tfoot",
   "th",
+  "thead",
+  "time",
+  "title",
   "tr",
-  "button",
-  "datalist",
-  "fieldset",
-  "form",
-  "input",
-  "label",
-  "legend",
-  "meter",
-  "optgroup",
-  "option",
-  "output",
-  "progress",
-  "select",
-  "textarea",
-  "details",
-  "dialog",
-  "menu",
-  "menuitem",
-  "summary",
-  "content",
-  "element",
-  "shadow",
-  "template",
-  "slot",
-  "blockquote",
-  "iframe",
-  "noframes",
-  "picture"
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr"
 ]
diff --git a/lib/utils/svg-elements.json b/lib/utils/svg-elements.json
index 7e5ba6052..f214aad24 100644
--- a/lib/utils/svg-elements.json
+++ b/lib/utils/svg-elements.json
@@ -3,13 +3,10 @@
   "animate",
   "animateMotion",
   "animateTransform",
-  "audio",
-  "canvas",
   "circle",
   "clipPath",
   "defs",
   "desc",
-  "discard",
   "ellipse",
   "feBlend",
   "feColorMatrix",
@@ -39,7 +36,6 @@
   "filter",
   "foreignObject",
   "g",
-  "iframe",
   "image",
   "line",
   "linearGradient",
@@ -64,8 +60,6 @@
   "textPath",
   "title",
   "tspan",
-  "unknown",
   "use",
-  "video",
   "view"
 ]
diff --git a/package.json b/package.json
index e33574b97..09413d75b 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "preversion": "npm test && git add .",
     "version": "env-cmd -e version npm run update && npm run lint -- --fix && git add .",
     "update": "node ./tools/update.js",
+    "update-resources": "node ./tools/update-resources.js",
     "docs:watch": "vitepress dev docs",
     "predocs:build": "npm run update",
     "docs:build": "vitepress build docs"
@@ -90,6 +91,7 @@
     "eslint-plugin-vue": "file:.",
     "espree": "^9.6.1",
     "events": "^3.3.0",
+    "jsdom": "^22.0.0",
     "markdownlint-cli": "^0.42.0",
     "mocha": "^10.7.3",
     "nyc": "^17.1.0",
diff --git a/tests/lib/rules/no-reserved-component-names.js b/tests/lib/rules/no-reserved-component-names.js
index 231e1f98d..809d35103 100644
--- a/tests/lib/rules/no-reserved-component-names.js
+++ b/tests/lib/rules/no-reserved-component-names.js
@@ -247,12 +247,6 @@ const invalidElements = [
   'menuitem',
   'summary',
   'Summary',
-  'content',
-  'Content',
-  'element',
-  'Element',
-  'shadow',
-  'Shadow',
   'template',
   'Template',
   'slot',
@@ -278,8 +272,6 @@ const invalidElements = [
   'Defs',
   'desc',
   'Desc',
-  'discard',
-  'Discard',
   'ellipse',
   'Ellipse',
   'feBlend',
@@ -351,8 +343,6 @@ const invalidElements = [
   'textPath',
   'tspan',
   'Tspan',
-  'unknown',
-  'Unknown',
   'use',
   'Use',
   'view',
@@ -373,8 +363,6 @@ const invalidElements = [
   'Blink',
   'center',
   'Center',
-  'command',
-  'Command',
   'dir',
   'Dir',
   'font',
diff --git a/tools/lib/http.js b/tools/lib/http.js
new file mode 100644
index 000000000..27ff970f4
--- /dev/null
+++ b/tools/lib/http.js
@@ -0,0 +1,6 @@
+module.exports = {
+  httpGet
+}
+function httpGet(url) {
+  return fetch(url).then((res) => res.text())
+}
diff --git a/tools/update-html-resources.js b/tools/update-html-resources.js
new file mode 100644
index 000000000..fcbdacbb0
--- /dev/null
+++ b/tools/update-html-resources.js
@@ -0,0 +1,105 @@
+'use strict'
+
+const fs = require('fs')
+const jsdom = require('jsdom')
+const { httpGet } = require('./lib/http')
+
+main()
+
+async function main() {
+  const [bcdJson, obsoleteHtml] = await Promise.all([
+    httpGet('https://unpkg.com/@mdn/browser-compat-data/data.json'),
+    httpGet('https://html.spec.whatwg.org/multipage/obsolete.html')
+  ])
+  const bcd = JSON.parse(bcdJson)
+
+  updateDeprecatedHTMLElements()
+  updateHTMLElements()
+  updateSVGElements()
+
+  // ------------------------------------------------------------------------------
+  // Update deprecated-html-elements.json
+  // ------------------------------------------------------------------------------
+  function updateDeprecatedHTMLElements() {
+    const DEPRECATED_HTML_ELEMENTS_PATH = require.resolve(
+      '../lib/utils/deprecated-html-elements.json'
+    )
+    const elements = new Set()
+
+    const domDl = jsdom.JSDOM.fragment(obsoleteHtml).querySelector(
+      '[id="non-conforming-features"] ~ dl'
+    )
+    for (const code of domDl.querySelectorAll('dt code')) {
+      const name = code.textContent.trim()
+      if (name) elements.add(name)
+    }
+
+    if (elements.size === 0) {
+      throw new Error('No deprecated HTML elements found')
+    }
+
+    fs.writeFileSync(
+      DEPRECATED_HTML_ELEMENTS_PATH,
+      `${JSON.stringify([...elements].sort(), null, 2)}\n`,
+      'utf8'
+    )
+  }
+
+  // ------------------------------------------------------------------------------
+  // Update html-elements.json
+  // ------------------------------------------------------------------------------
+  function updateHTMLElements() {
+    const HTML_ELEMENTS_PATH = require.resolve(
+      '../lib/utils/html-elements.json'
+    )
+    const elements = new Set()
+    const deprecatedHtmlElements = new Set(
+      require('../lib/utils/deprecated-html-elements.json')
+    )
+
+    for (const [name, element] of Object.entries(bcd.html.elements)) {
+      if (deprecatedHtmlElements.has(name)) {
+        continue
+      }
+      if (element.__compat.status.deprecated) {
+        continue
+      }
+      elements.add(name)
+    }
+
+    if (elements.size === 0) {
+      throw new Error('No HTML elements found')
+    }
+
+    fs.writeFileSync(
+      HTML_ELEMENTS_PATH,
+      `${JSON.stringify([...elements].sort(), null, 2)}\n`,
+      'utf8'
+    )
+  }
+
+  // ------------------------------------------------------------------------------
+  // Update svg-elements.json
+  // ------------------------------------------------------------------------------
+  function updateSVGElements() {
+    const SVG_ELEMENTS_PATH = require.resolve('../lib/utils/svg-elements.json')
+    const elements = new Set()
+
+    for (const [name, element] of Object.entries(bcd.svg.elements)) {
+      if (element.__compat.status.deprecated) {
+        continue
+      }
+      elements.add(name)
+    }
+
+    if (elements.size === 0) {
+      throw new Error('No SVG elements found')
+    }
+
+    fs.writeFileSync(
+      SVG_ELEMENTS_PATH,
+      `${JSON.stringify([...elements].sort(), null, 2)}\n`,
+      'utf8'
+    )
+  }
+}
diff --git a/tools/update-resources.js b/tools/update-resources.js
new file mode 100644
index 000000000..a157c61ef
--- /dev/null
+++ b/tools/update-resources.js
@@ -0,0 +1,4 @@
+'use strict'
+
+require('./update-vue3-export-names')
+require('./update-html-resources')
diff --git a/tools/update-vue3-export-names.js b/tools/update-vue3-export-names.js
index 37e07e03d..0dabecb3a 100644
--- a/tools/update-vue3-export-names.js
+++ b/tools/update-vue3-export-names.js
@@ -6,9 +6,8 @@
 
 const fs = require('fs')
 const path = require('path')
-const https = require('https')
-const { URL } = require('url')
 const tsParser = require('@typescript-eslint/parser')
+const { httpGet } = require('./lib/http')
 
 main()
 
@@ -144,33 +143,3 @@ async function resolveTypeContents(m) {
   }
   return await httpGet(`https://unpkg.com/${m}/${typesPath}`)
 }
-
-function httpGet(url) {
-  return new Promise((resolve, reject) => {
-    let result = ''
-    https
-      .get(url, (res) => {
-        if (res.statusCode && res.statusCode >= 300 && res.statusCode < 400) {
-          // redirect
-          let redirectUrl = res.headers.location
-          if (!redirectUrl.startsWith('http')) {
-            const baseUrl = new URL(url)
-            baseUrl.pathname = redirectUrl
-            redirectUrl = String(baseUrl)
-          }
-          res.destroy()
-          resolve(httpGet(redirectUrl))
-          return
-        }
-        res.setEncoding('utf8')
-        res.on('data', (chunk) => {
-          result += String(chunk)
-        })
-        res.on('end', () => {
-          resolve(result)
-        })
-        res.on('error', reject)
-      })
-      .on('error', reject)
-  })
-}
diff --git a/tools/update.js b/tools/update.js
index de792d507..64da1be1b 100644
--- a/tools/update.js
+++ b/tools/update.js
@@ -11,7 +11,3 @@ require('./update-lib-flat-configs')
 require('./update-lib-index')
 require('./update-docs')
 require('./update-docs-rules-index')
-
-if (process.env.IN_VERSION_SCRIPT) {
-  require('./update-vue3-export-names')
-}

From 4ec74e27bfad01d7d3e6a8e8e66d3cd0c39f75b2 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Mon, 2 Dec 2024 08:02:16 +0900
Subject: [PATCH 0841/1010] Change Versioning Policy (#2630)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 README.md     | 9 ++++++++-
 docs/index.md | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index cacd80209..95e0c08be 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,14 @@ Please refer to the [official website](https://eslint.vuejs.org).
 
 ## :anchor: Versioning Policy
 
-This plugin follows [Semantic Versioning](https://semver.org) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
+This plugin follows [Semantic Versioning].
+However, please note that we do not follow [ESLint's Semantic Versioning Policy].
+In minor version releases, this plugin may change the sharable configs provided by the plugin or the default behavior of the plugin's rules in order to add features to the plugin. Because we want to add many features to the plugin soon, so that users can easily take advantage of new features in Vue and Nuxt.
+
+According to our policy, any minor update may report more linting errors than the previous release. As such, we recommend using the [tilde (`~`)](https://semver.npmjs.com/#syntax-examples) in `package.json` to guarantee the results of your builds.
+
+[Semantic Versioning]: https://semver.org/
+[ESLint's Semantic Versioning Policy]: https://github.com/eslint/eslint#semantic-versioning-policy
 
 ## :newspaper: Releases
 
diff --git a/docs/index.md b/docs/index.md
index 3fd2b6d66..9f6ce3192 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -16,7 +16,14 @@ ESLint editor integrations are useful to check your code in real-time.
 
 ## :traffic_light: Versioning policy
 
-This plugin is following [Semantic Versioning](https://semver.org/) and [ESLint's Semantic Versioning Policy](https://github.com/eslint/eslint#semantic-versioning-policy).
+This plugin follows [Semantic Versioning].
+However, please note that we do not follow [ESLint's Semantic Versioning Policy].
+In minor version releases, this plugin may change the sharable configs provided by the plugin or the default behavior of the plugin's rules in order to add features to the plugin. Because we want to add many features to the plugin soon, so that users can easily take advantage of new features in Vue and Nuxt.
+
+According to our policy, any minor update may report more linting errors than the previous release. As such, we recommend using the [tilde (`~`)](https://semver.npmjs.com/#syntax-examples) in `package.json` to guarantee the results of your builds.
+
+[Semantic Versioning]: https://semver.org/
+[ESLint's Semantic Versioning Policy]: https://github.com/eslint/eslint#semantic-versioning-policy
 
 ## :newspaper: Changelog
 

From c011f987fc812231fbb40145e5f09d700a6e3fc8 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 13 Dec 2024 09:41:36 +0100
Subject: [PATCH 0842/1010] Add `vue/no-required-prop-with-default` to
 recommended configs (#2640)

---
 docs/rules/index.md                         | 2 +-
 docs/rules/no-required-prop-with-default.md | 1 +
 lib/configs/flat/vue2-recommended.js        | 1 +
 lib/configs/flat/vue3-recommended.js        | 1 +
 lib/configs/vue2-recommended.js             | 1 +
 lib/configs/vue3-recommended.js             | 1 +
 lib/rules/no-required-prop-with-default.js  | 2 +-
 7 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 1df5aa294..10346255f 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -182,6 +182,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/block-order] | enforce order of component top-level elements | :wrench: | :three::two::hammer: |
 | [vue/no-lone-template] | disallow unnecessary `<template>` |  | :three::two::warning: |
 | [vue/no-multiple-slot-args] | disallow passing multiple arguments to scoped slots |  | :three::two::warning: |
+| [vue/no-required-prop-with-default] | enforce props with default values to be optional | :wrench::bulb: | :three::two::warning: |
 | [vue/no-v-html] | disallow use of v-html to prevent XSS attack |  | :three::two::hammer: |
 | [vue/order-in-components] | enforce order of properties in components | :wrench::bulb: | :three::two::hammer: |
 | [vue/this-in-template] | disallow usage of `this` in template | :wrench: | :three::two::hammer: |
@@ -236,7 +237,6 @@ For example:
 | [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
-| [vue/no-required-prop-with-default] | enforce props with default values to be optional | :wrench::bulb: | :warning: |
 | [vue/no-restricted-block] | disallow specific block |  | :hammer: |
 | [vue/no-restricted-call-after-await] | disallow asynchronously called restricted methods |  | :hammer: |
 | [vue/no-restricted-class] | disallow specific classes in Vue components |  | :warning: |
diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 64d5630ce..124c54855 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -10,6 +10,7 @@ since: v9.6.0
 
 > enforce props with default values to be optional
 
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/lib/configs/flat/vue2-recommended.js b/lib/configs/flat/vue2-recommended.js
index d9469a049..8a972bf3d 100644
--- a/lib/configs/flat/vue2-recommended.js
+++ b/lib/configs/flat/vue2-recommended.js
@@ -15,6 +15,7 @@ module.exports = [
       'vue/block-order': 'warn',
       'vue/no-lone-template': 'warn',
       'vue/no-multiple-slot-args': 'warn',
+      'vue/no-required-prop-with-default': 'warn',
       'vue/no-v-html': 'warn',
       'vue/order-in-components': 'warn',
       'vue/this-in-template': 'warn'
diff --git a/lib/configs/flat/vue3-recommended.js b/lib/configs/flat/vue3-recommended.js
index 0d4135067..21be71a8d 100644
--- a/lib/configs/flat/vue3-recommended.js
+++ b/lib/configs/flat/vue3-recommended.js
@@ -15,6 +15,7 @@ module.exports = [
       'vue/block-order': 'warn',
       'vue/no-lone-template': 'warn',
       'vue/no-multiple-slot-args': 'warn',
+      'vue/no-required-prop-with-default': 'warn',
       'vue/no-v-html': 'warn',
       'vue/order-in-components': 'warn',
       'vue/this-in-template': 'warn'
diff --git a/lib/configs/vue2-recommended.js b/lib/configs/vue2-recommended.js
index 1616f01b9..9892867c1 100644
--- a/lib/configs/vue2-recommended.js
+++ b/lib/configs/vue2-recommended.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/block-order': 'warn',
     'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
+    'vue/no-required-prop-with-default': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
     'vue/this-in-template': 'warn'
diff --git a/lib/configs/vue3-recommended.js b/lib/configs/vue3-recommended.js
index 3d3fe3a2b..083f6c65b 100644
--- a/lib/configs/vue3-recommended.js
+++ b/lib/configs/vue3-recommended.js
@@ -10,6 +10,7 @@ module.exports = {
     'vue/block-order': 'warn',
     'vue/no-lone-template': 'warn',
     'vue/no-multiple-slot-args': 'warn',
+    'vue/no-required-prop-with-default': 'warn',
     'vue/no-v-html': 'warn',
     'vue/order-in-components': 'warn',
     'vue/this-in-template': 'warn'
diff --git a/lib/rules/no-required-prop-with-default.js b/lib/rules/no-required-prop-with-default.js
index 912af6a65..b6371fc3b 100644
--- a/lib/rules/no-required-prop-with-default.js
+++ b/lib/rules/no-required-prop-with-default.js
@@ -17,7 +17,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce props with default values to be optional',
-      categories: undefined,
+      categories: ['vue2-recommended', 'vue3-recommended'],
       url: 'https://eslint.vuejs.org/rules/no-required-prop-with-default.html'
     },
     fixable: 'code',

From 9780afae7a17bd1adaa2bb609e9e60cb9f950799 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 13 Dec 2024 12:26:08 +0100
Subject: [PATCH 0843/1010] Remove deprecated rules (#2645)

---
 docs/rules/component-tags-order.md            |   3 +-
 docs/rules/index.md                           |  36 +-
 docs/rules/no-invalid-model-keys.md           |   2 +-
 docs/rules/no-ref-object-destructure.md       |   2 +-
 docs/rules/no-setup-props-destructure.md      |   2 +-
 docs/rules/script-setup-uses-vars.md          |   2 +-
 docs/rules/v-on-function-call.md              |   3 +-
 lib/index.js                                  |   6 -
 lib/removed-rules.js                          |  36 +
 lib/rules/component-tags-order.js             |  23 -
 lib/rules/no-invalid-model-keys.js            |  24 -
 lib/rules/no-ref-object-destructure.js        |  24 -
 lib/rules/no-setup-props-destructure.js       |  24 -
 lib/rules/script-setup-uses-vars.js           | 146 ----
 lib/rules/v-on-function-call.js               | 205 ------
 tests/lib/rules/component-tags-order.js       | 496 -------------
 tests/lib/rules/no-invalid-model-keys.js      | 143 ----
 tests/lib/rules/no-ref-object-destructure.js  | 449 ------------
 tests/lib/rules/no-setup-props-destructure.js | 670 ------------------
 tests/lib/rules/script-setup-uses-vars.js     | 447 ------------
 tests/lib/rules/v-on-function-call.js         | 356 ----------
 21 files changed, 58 insertions(+), 3041 deletions(-)
 delete mode 100644 lib/rules/component-tags-order.js
 delete mode 100644 lib/rules/no-invalid-model-keys.js
 delete mode 100644 lib/rules/no-ref-object-destructure.js
 delete mode 100644 lib/rules/no-setup-props-destructure.js
 delete mode 100644 lib/rules/script-setup-uses-vars.js
 delete mode 100644 lib/rules/v-on-function-call.js
 delete mode 100644 tests/lib/rules/component-tags-order.js
 delete mode 100644 tests/lib/rules/no-invalid-model-keys.js
 delete mode 100644 tests/lib/rules/no-ref-object-destructure.js
 delete mode 100644 tests/lib/rules/no-setup-props-destructure.js
 delete mode 100644 tests/lib/rules/script-setup-uses-vars.js
 delete mode 100644 tests/lib/rules/v-on-function-call.js

diff --git a/docs/rules/component-tags-order.md b/docs/rules/component-tags-order.md
index c36f93f95..a5037cdee 100644
--- a/docs/rules/component-tags-order.md
+++ b/docs/rules/component-tags-order.md
@@ -10,8 +10,7 @@ since: v6.1.0
 
 > enforce order of component top-level elements
 
-- :no_entry_sign: This rule was **deprecated** and replaced by [vue/block-order](block-order.md) rule.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v10.0.0 and replaced by [vue/block-order](block-order.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 10346255f..2d5ecfafe 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -343,30 +343,22 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 </rules-table>
 
-## Deprecated
-
-- :no_entry_sign: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
-- :innocent: We don't fix bugs which are in deprecated rules since we don't have enough resources.
-
-| Rule ID | Replaced by |
-|:--------|:------------|
-| [vue/component-tags-order] | [vue/block-order] |
-| [vue/no-invalid-model-keys] | [vue/valid-model-definition] |
-| [vue/no-ref-object-destructure] | [vue/no-ref-object-reactivity-loss] |
-| [vue/no-setup-props-destructure] | [vue/no-setup-props-reactivity-loss] |
-| [vue/script-setup-uses-vars] | (no replacement) |
-| [vue/v-on-function-call] | [vue/v-on-handler-style] |
-
 ## Removed
 
 - :no_entry: These rules have been removed in a previous major release, after they have been deprecated for a while.
 
 | Rule ID | Replaced by | Deprecated in version  | Removed in version |
 |:--------|:------------|:-----------------------|:-------------------|
+| [vue/component-tags-order] | [vue/block-order] | [v9.16.0] | [v10.0.0] |
 | [vue/experimental-script-setup-vars] | (no replacement) | [v7.13.0] | [v9.0.0] |
 | [vue/name-property-casing] | [vue/component-definition-name-casing] | [v7.0.0] | [v9.0.0] |
 | [vue/no-confusing-v-for-v-if] | [vue/no-use-v-if-with-v-for] | [v5.0.0] | [v9.0.0] |
+| [vue/no-invalid-model-keys] | [vue/valid-model-definition] | [v9.0.0] | [v10.0.0] |
+| [vue/no-ref-object-destructure] | [vue/no-ref-object-reactivity-loss] | [v9.17.0] | [v10.0.0] |
+| [vue/no-setup-props-destructure] | [vue/no-setup-props-reactivity-loss] | [v9.17.0] | [v10.0.0] |
 | [vue/no-unregistered-components] | [vue/no-undef-components] | [v8.4.0] | [v9.0.0] |
+| [vue/script-setup-uses-vars] | (no replacement) | [v9.0.0] | [v10.0.0] |
+| [vue/v-on-function-call] | [vue/v-on-handler-style] | [v9.7.0] | [v10.0.0] |
 
 <!-- link definitions for rules -->
 
@@ -390,7 +382,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/component-definition-name-casing]: ./component-definition-name-casing.md
 [vue/component-name-in-template-casing]: ./component-name-in-template-casing.md
 [vue/component-options-name-casing]: ./component-options-name-casing.md
-[vue/component-tags-order]: ./component-tags-order.md
 [vue/custom-event-name-casing]: ./custom-event-name-casing.md
 [vue/define-emits-declaration]: ./define-emits-declaration.md
 [vue/define-macros-order]: ./define-macros-order.md
@@ -468,7 +459,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-extra-parens]: ./no-extra-parens.md
 [vue/no-implicit-coercion]: ./no-implicit-coercion.md
 [vue/no-import-compiler-macros]: ./no-import-compiler-macros.md
-[vue/no-invalid-model-keys]: ./no-invalid-model-keys.md
 [vue/no-irregular-whitespace]: ./no-irregular-whitespace.md
 [vue/no-lifecycle-after-await]: ./no-lifecycle-after-await.md
 [vue/no-lone-template]: ./no-lone-template.md
@@ -481,7 +471,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-parsing-error]: ./no-parsing-error.md
 [vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
 [vue/no-ref-as-operand]: ./no-ref-as-operand.md
-[vue/no-ref-object-destructure]: ./no-ref-object-destructure.md
 [vue/no-ref-object-reactivity-loss]: ./no-ref-object-reactivity-loss.md
 [vue/no-required-prop-with-default]: ./no-required-prop-with-default.md
 [vue/no-reserved-component-names]: ./no-reserved-component-names.md
@@ -500,7 +489,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-restricted-v-bind]: ./no-restricted-v-bind.md
 [vue/no-restricted-v-on]: ./no-restricted-v-on.md
 [vue/no-root-v-if]: ./no-root-v-if.md
-[vue/no-setup-props-destructure]: ./no-setup-props-destructure.md
 [vue/no-setup-props-reactivity-loss]: ./no-setup-props-reactivity-loss.md
 [vue/no-shared-component-data]: ./no-shared-component-data.md
 [vue/no-side-effects-in-computed-properties]: ./no-side-effects-in-computed-properties.md
@@ -577,7 +565,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/return-in-computed-property]: ./return-in-computed-property.md
 [vue/return-in-emits-validator]: ./return-in-emits-validator.md
 [vue/script-indent]: ./script-indent.md
-[vue/script-setup-uses-vars]: ./script-setup-uses-vars.md
 [vue/singleline-html-element-content-newline]: ./singleline-html-element-content-newline.md
 [vue/slot-name-casing]: ./slot-name-casing.md
 [vue/sort-keys]: ./sort-keys.md
@@ -592,7 +579,6 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/v-for-delimiter-style]: ./v-for-delimiter-style.md
 [vue/v-if-else-key]: ./v-if-else-key.md
 [vue/v-on-event-hyphenation]: ./v-on-event-hyphenation.md
-[vue/v-on-function-call]: ./v-on-function-call.md
 [vue/v-on-handler-style]: ./v-on-handler-style.md
 [vue/v-on-style]: ./v-on-style.md
 [vue/v-slot-style]: ./v-slot-style.md
@@ -623,15 +609,25 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 <!-- link definitions for removed rules -->
 
+[vue/component-tags-order]: ./component-tags-order.md
 [vue/experimental-script-setup-vars]: ./experimental-script-setup-vars.md
 [vue/name-property-casing]: ./name-property-casing.md
 [vue/no-confusing-v-for-v-if]: ./no-confusing-v-for-v-if.md
+[vue/no-invalid-model-keys]: ./no-invalid-model-keys.md
+[vue/no-ref-object-destructure]: ./no-ref-object-destructure.md
+[vue/no-setup-props-destructure]: ./no-setup-props-destructure.md
 [vue/no-unregistered-components]: ./no-unregistered-components.md
+[vue/script-setup-uses-vars]: ./script-setup-uses-vars.md
+[vue/v-on-function-call]: ./v-on-function-call.md
 
 <!-- link definitions for releases -->
 
+[v10.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v10.0.0
 [v5.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v5.0.0
 [v7.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.0.0
 [v7.13.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.13.0
 [v8.4.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v8.4.0
 [v9.0.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0
+[v9.16.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.16.0
+[v9.17.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.17.0
+[v9.7.0]: https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.7.0
diff --git a/docs/rules/no-invalid-model-keys.md b/docs/rules/no-invalid-model-keys.md
index 33eb74dc8..e93c79db4 100644
--- a/docs/rules/no-invalid-model-keys.md
+++ b/docs/rules/no-invalid-model-keys.md
@@ -10,7 +10,7 @@ since: v7.9.0
 
 > require valid keys in model option
 
-- :no_entry_sign: This rule was **deprecated** and replaced by [vue/valid-model-definition](valid-model-definition.md) rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v10.0.0 and replaced by [vue/valid-model-definition](valid-model-definition.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-ref-object-destructure.md b/docs/rules/no-ref-object-destructure.md
index ea848c63e..8ea5247a1 100644
--- a/docs/rules/no-ref-object-destructure.md
+++ b/docs/rules/no-ref-object-destructure.md
@@ -10,7 +10,7 @@ since: v9.5.0
 
 > disallow usages of ref objects that can lead to loss of reactivity
 
-- :no_entry_sign: This rule was **deprecated** and replaced by [vue/no-ref-object-reactivity-loss](no-ref-object-reactivity-loss.md) rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v10.0.0 and replaced by [vue/no-ref-object-reactivity-loss](no-ref-object-reactivity-loss.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-setup-props-destructure.md b/docs/rules/no-setup-props-destructure.md
index 0ecb01f6f..66fa784c7 100644
--- a/docs/rules/no-setup-props-destructure.md
+++ b/docs/rules/no-setup-props-destructure.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow usages that lose the reactivity of `props` passed to `setup`
 
-- :no_entry_sign: This rule was **deprecated** and replaced by [vue/no-setup-props-reactivity-loss](no-setup-props-reactivity-loss.md) rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v10.0.0 and replaced by [vue/no-setup-props-reactivity-loss](no-setup-props-reactivity-loss.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
index 3a8dc36e5..7f0eb15f7 100644
--- a/docs/rules/script-setup-uses-vars.md
+++ b/docs/rules/script-setup-uses-vars.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > prevent `<script setup>` variables used in `<template>` to be marked as unused
 
-- :no_entry_sign: This rule was **deprecated**.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v10.0.0.
 
 ::: tip
 
diff --git a/docs/rules/v-on-function-call.md b/docs/rules/v-on-function-call.md
index 1b1a8588b..51fe8714a 100644
--- a/docs/rules/v-on-function-call.md
+++ b/docs/rules/v-on-function-call.md
@@ -10,8 +10,7 @@ since: v5.2.0
 
 > enforce or forbid parentheses after method calls without arguments in `v-on` directives
 
-- :no_entry_sign: This rule was **deprecated** and replaced by [vue/v-on-handler-style](v-on-handler-style.md) rule.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+- :no_entry: This rule was **removed** in eslint-plugin-vue v10.0.0 and replaced by [vue/v-on-handler-style](v-on-handler-style.md) rule.
 
 ## :book: Rule Details
 
diff --git a/lib/index.js b/lib/index.js
index 7b407efe1..9ba7d0030 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -50,7 +50,6 @@ const plugin = {
     'component-definition-name-casing': require('./rules/component-definition-name-casing'),
     'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
     'component-options-name-casing': require('./rules/component-options-name-casing'),
-    'component-tags-order': require('./rules/component-tags-order'),
     'custom-event-name-casing': require('./rules/custom-event-name-casing'),
     'define-emits-declaration': require('./rules/define-emits-declaration'),
     'define-macros-order': require('./rules/define-macros-order'),
@@ -128,7 +127,6 @@ const plugin = {
     'no-extra-parens': require('./rules/no-extra-parens'),
     'no-implicit-coercion': require('./rules/no-implicit-coercion'),
     'no-import-compiler-macros': require('./rules/no-import-compiler-macros'),
-    'no-invalid-model-keys': require('./rules/no-invalid-model-keys'),
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-lone-template': require('./rules/no-lone-template'),
@@ -141,7 +139,6 @@ const plugin = {
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
-    'no-ref-object-destructure': require('./rules/no-ref-object-destructure'),
     'no-ref-object-reactivity-loss': require('./rules/no-ref-object-reactivity-loss'),
     'no-required-prop-with-default': require('./rules/no-required-prop-with-default'),
     'no-reserved-component-names': require('./rules/no-reserved-component-names'),
@@ -160,7 +157,6 @@ const plugin = {
     'no-restricted-v-bind': require('./rules/no-restricted-v-bind'),
     'no-restricted-v-on': require('./rules/no-restricted-v-on'),
     'no-root-v-if': require('./rules/no-root-v-if'),
-    'no-setup-props-destructure': require('./rules/no-setup-props-destructure'),
     'no-setup-props-reactivity-loss': require('./rules/no-setup-props-reactivity-loss'),
     'no-shared-component-data': require('./rules/no-shared-component-data'),
     'no-side-effects-in-computed-properties': require('./rules/no-side-effects-in-computed-properties'),
@@ -237,7 +233,6 @@ const plugin = {
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'return-in-emits-validator': require('./rules/return-in-emits-validator'),
     'script-indent': require('./rules/script-indent'),
-    'script-setup-uses-vars': require('./rules/script-setup-uses-vars'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'slot-name-casing': require('./rules/slot-name-casing'),
     'sort-keys': require('./rules/sort-keys'),
@@ -252,7 +247,6 @@ const plugin = {
     'v-for-delimiter-style': require('./rules/v-for-delimiter-style'),
     'v-if-else-key': require('./rules/v-if-else-key'),
     'v-on-event-hyphenation': require('./rules/v-on-event-hyphenation'),
-    'v-on-function-call': require('./rules/v-on-function-call'),
     'v-on-handler-style': require('./rules/v-on-handler-style'),
     'v-on-style': require('./rules/v-on-style'),
     'v-slot-style': require('./rules/v-slot-style'),
diff --git a/lib/removed-rules.js b/lib/removed-rules.js
index cf2b5e8fa..bebda0058 100644
--- a/lib/removed-rules.js
+++ b/lib/removed-rules.js
@@ -10,6 +10,12 @@
 
 /** @type {RemovedRule[]} */
 module.exports = [
+  {
+    ruleName: 'component-tags-order',
+    replacedBy: ['block-order'],
+    deprecatedInVersion: 'v9.16.0',
+    removedInVersion: 'v10.0.0'
+  },
   {
     ruleName: 'experimental-script-setup-vars',
     replacedBy: [],
@@ -28,10 +34,40 @@ module.exports = [
     deprecatedInVersion: 'v5.0.0',
     removedInVersion: 'v9.0.0'
   },
+  {
+    ruleName: 'no-invalid-model-keys',
+    replacedBy: ['valid-model-definition'],
+    deprecatedInVersion: 'v9.0.0',
+    removedInVersion: 'v10.0.0'
+  },
+  {
+    ruleName: 'no-ref-object-destructure',
+    replacedBy: ['no-ref-object-reactivity-loss'],
+    deprecatedInVersion: 'v9.17.0',
+    removedInVersion: 'v10.0.0'
+  },
+  {
+    ruleName: 'no-setup-props-destructure',
+    replacedBy: ['no-setup-props-reactivity-loss'],
+    deprecatedInVersion: 'v9.17.0',
+    removedInVersion: 'v10.0.0'
+  },
   {
     ruleName: 'no-unregistered-components',
     replacedBy: ['no-undef-components'],
     deprecatedInVersion: 'v8.4.0',
     removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'script-setup-uses-vars',
+    replacedBy: [],
+    deprecatedInVersion: 'v9.0.0',
+    removedInVersion: 'v10.0.0'
+  },
+  {
+    ruleName: 'v-on-function-call',
+    replacedBy: ['v-on-handler-style'],
+    deprecatedInVersion: 'v9.7.0',
+    removedInVersion: 'v10.0.0'
   }
 ]
diff --git a/lib/rules/component-tags-order.js b/lib/rules/component-tags-order.js
deleted file mode 100644
index 5ae0bccff..000000000
--- a/lib/rules/component-tags-order.js
+++ /dev/null
@@ -1,23 +0,0 @@
-'use strict'
-
-const baseRule = require('./block-order')
-
-module.exports = {
-  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids -- inherit schema from base rule
-  meta: {
-    ...baseRule.meta,
-    // eslint-disable-next-line eslint-plugin/meta-property-ordering
-    type: baseRule.meta.type,
-    docs: {
-      description: baseRule.meta.docs.description,
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/component-tags-order.html'
-    },
-    deprecated: true,
-    replacedBy: ['block-order']
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    return baseRule.create(context)
-  }
-}
diff --git a/lib/rules/no-invalid-model-keys.js b/lib/rules/no-invalid-model-keys.js
deleted file mode 100644
index aa1390f2d..000000000
--- a/lib/rules/no-invalid-model-keys.js
+++ /dev/null
@@ -1,24 +0,0 @@
-'use strict'
-
-const baseRule = require('./valid-model-definition')
-
-module.exports = {
-  // eslint-disable-next-line eslint-plugin/prefer-message-ids
-  meta: {
-    ...baseRule.meta,
-    // eslint-disable-next-line eslint-plugin/meta-property-ordering
-    type: baseRule.meta.type,
-    docs: {
-      description: baseRule.meta.docs.description,
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/no-invalid-model-keys.html'
-    },
-    deprecated: true,
-    replacedBy: ['valid-model-definition'],
-    schema: []
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    return baseRule.create(context)
-  }
-}
diff --git a/lib/rules/no-ref-object-destructure.js b/lib/rules/no-ref-object-destructure.js
deleted file mode 100644
index ae9c8ccbf..000000000
--- a/lib/rules/no-ref-object-destructure.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * @author Yosuke Ota
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-const baseRule = require('./no-ref-object-reactivity-loss')
-
-module.exports = {
-  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, eslint-plugin/require-meta-type -- inherit schema from base rule
-  meta: {
-    ...baseRule.meta,
-    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
-    docs: {
-      ...baseRule.meta.docs,
-      url: 'https://eslint.vuejs.org/rules/no-ref-object-destructure.html'
-    },
-    deprecated: true,
-    replacedBy: ['no-ref-object-reactivity-loss']
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    return baseRule.create(context)
-  }
-}
diff --git a/lib/rules/no-setup-props-destructure.js b/lib/rules/no-setup-props-destructure.js
deleted file mode 100644
index 882bdc952..000000000
--- a/lib/rules/no-setup-props-destructure.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * @author Yosuke Ota
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-const baseRule = require('./no-setup-props-reactivity-loss')
-
-module.exports = {
-  // eslint-disable-next-line eslint-plugin/require-meta-schema, eslint-plugin/prefer-message-ids, eslint-plugin/require-meta-type -- inherit schema from base rule
-  meta: {
-    ...baseRule.meta,
-    // eslint-disable-next-line eslint-plugin/require-meta-docs-description, internal/no-invalid-meta, internal/no-invalid-meta-docs-categories, eslint-plugin/meta-property-ordering
-    docs: {
-      ...baseRule.meta.docs,
-      url: 'https://eslint.vuejs.org/rules/no-setup-props-destructure.html'
-    },
-    deprecated: true,
-    replacedBy: ['no-setup-props-reactivity-loss']
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    return baseRule.create(context)
-  }
-}
diff --git a/lib/rules/script-setup-uses-vars.js b/lib/rules/script-setup-uses-vars.js
deleted file mode 100644
index 836eb5e64..000000000
--- a/lib/rules/script-setup-uses-vars.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/**
- * @author Yosuke Ota
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const { getStyleVariablesContext } = require('../utils/style-variables')
-const utils = require('../utils')
-const casing = require('../utils/casing')
-
-/**
- * `casing.camelCase()` converts the beginning to lowercase,
- * but does not convert the case of the beginning character when converting with Vue3.
- * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/shared/src/index.ts#L116
- * @param {string} str
- */
-function camelize(str) {
-  return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
-}
-
-module.exports = {
-  // eslint-disable-next-line eslint-plugin/prefer-message-ids
-  meta: {
-    type: 'problem',
-    docs: {
-      description:
-        'prevent `<script setup>` variables used in `<template>` to be marked as unused', // eslint-disable-line eslint-plugin/require-meta-docs-description
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/script-setup-uses-vars.html'
-    },
-    deprecated: true,
-    schema: []
-  },
-  /**
-   * @param {RuleContext} context - The rule context.
-   * @returns {RuleListener} AST event handlers.
-   */
-  create(context) {
-    if (!utils.isScriptSetup(context)) {
-      return {}
-    }
-    const sourceCode = context.getSourceCode()
-    /** @type {Set<string>} */
-    const scriptVariableNames = new Set()
-    const globalScope = sourceCode.scopeManager.globalScope
-    if (globalScope) {
-      for (const variable of globalScope.variables) {
-        scriptVariableNames.add(variable.name)
-      }
-      const moduleScope = globalScope.childScopes.find(
-        (scope) => scope.type === 'module'
-      )
-      for (const variable of (moduleScope && moduleScope.variables) || []) {
-        scriptVariableNames.add(variable.name)
-      }
-    }
-
-    /** @param {string} name  */
-    function markVariableAsUsed(name) {
-      utils.markVariableAsUsed(context, name, sourceCode.ast)
-    }
-
-    /**
-     * @see https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/compiler-core/src/transforms/transformElement.ts#L333
-     * @param {string} name
-     */
-    function markSetupReferenceVariableAsUsed(name) {
-      if (scriptVariableNames.has(name)) {
-        markVariableAsUsed(name)
-        return true
-      }
-      const camelName = camelize(name)
-      if (scriptVariableNames.has(camelName)) {
-        markVariableAsUsed(camelName)
-        return true
-      }
-      const pascalName = casing.capitalize(camelName)
-      if (scriptVariableNames.has(pascalName)) {
-        markVariableAsUsed(pascalName)
-        return true
-      }
-      return false
-    }
-
-    return utils.defineTemplateBodyVisitor(
-      context,
-      {
-        VExpressionContainer(node) {
-          for (const ref of node.references.filter(
-            (ref) => ref.variable == null
-          )) {
-            markVariableAsUsed(ref.id.name)
-          }
-        },
-        VElement(node) {
-          if (
-            (!utils.isHtmlElementNode(node) &&
-              !utils.isSvgElementNode(node) &&
-              !utils.isMathElementNode(node)) ||
-            (node.rawName === node.name &&
-              (utils.isHtmlWellKnownElementName(node.rawName) ||
-                utils.isSvgWellKnownElementName(node.rawName) ||
-                utils.isMathWellKnownElementName(node.rawName))) ||
-            utils.isBuiltInComponentName(node.rawName)
-          ) {
-            return
-          }
-          if (!markSetupReferenceVariableAsUsed(node.rawName)) {
-            // Check namespace
-            // https://github.com/vuejs/vue-next/blob/2749c15170ad4913e6530a257db485d4e7ed2283/packages/compiler-core/src/transforms/transformElement.ts#L304
-            const dotIndex = node.rawName.indexOf('.')
-            if (dotIndex > 0) {
-              markSetupReferenceVariableAsUsed(node.rawName.slice(0, dotIndex))
-            }
-          }
-        },
-        /** @param {VDirective} node */
-        'VAttribute[directive=true]'(node) {
-          if (utils.isBuiltInDirectiveName(node.key.name.name)) {
-            return
-          }
-          markSetupReferenceVariableAsUsed(`v-${node.key.name.rawName}`)
-        },
-        /** @param {VAttribute} node */
-        'VAttribute[directive=false]'(node) {
-          if (node.key.name === 'ref' && node.value) {
-            markVariableAsUsed(node.value.value)
-          }
-        }
-      },
-      {
-        Program() {
-          const styleVars = getStyleVariablesContext(context)
-          if (styleVars) {
-            for (const ref of styleVars.references) {
-              markVariableAsUsed(ref.id.name)
-            }
-          }
-        }
-      },
-      {
-        templateBodyTriggerSelector: 'Program'
-      }
-    )
-  }
-}
diff --git a/lib/rules/v-on-function-call.js b/lib/rules/v-on-function-call.js
deleted file mode 100644
index 1d075a348..000000000
--- a/lib/rules/v-on-function-call.js
+++ /dev/null
@@ -1,205 +0,0 @@
-/**
- * @author Niklas Higi
- */
-'use strict'
-
-const utils = require('../utils')
-
-/**
- * @typedef { import('../utils').ComponentPropertyData } ComponentPropertyData
- */
-
-/**
- * Check whether the given token is a quote.
- * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a quote.
- */
-function isQuote(token) {
-  return (
-    token != null &&
-    token.type === 'Punctuator' &&
-    (token.value === '"' || token.value === "'")
-  )
-}
-
-/**
- * @param {VOnExpression} node
- * @returns {CallExpression | null}
- */
-function getInvalidNeverCallExpression(node) {
-  /** @type {ExpressionStatement} */
-  let exprStatement
-  let body = node.body
-  while (true) {
-    const statements = body.filter((st) => st.type !== 'EmptyStatement')
-    if (statements.length !== 1) {
-      return null
-    }
-    const statement = statements[0]
-    if (statement.type === 'ExpressionStatement') {
-      exprStatement = statement
-      break
-    }
-    if (statement.type === 'BlockStatement') {
-      body = statement.body
-      continue
-    }
-    return null
-  }
-  const expression = exprStatement.expression
-  if (expression.type !== 'CallExpression' || expression.arguments.length > 0) {
-    return null
-  }
-  if (expression.optional) {
-    // Allow optional chaining
-    return null
-  }
-  const callee = expression.callee
-  if (callee.type !== 'Identifier') {
-    return null
-  }
-  return expression
-}
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'enforce or forbid parentheses after method calls without arguments in `v-on` directives',
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/v-on-function-call.html'
-    },
-    fixable: 'code',
-    deprecated: true,
-    replacedBy: ['v-on-handler-style'],
-    schema: [
-      { enum: ['always', 'never'] },
-      {
-        type: 'object',
-        properties: {
-          ignoreIncludesComment: {
-            type: 'boolean'
-          }
-        },
-        additionalProperties: false
-      }
-    ],
-    messages: {
-      always: "Method calls inside of 'v-on' directives must have parentheses.",
-      never:
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-    }
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    const always = context.options[0] === 'always'
-
-    if (always) {
-      return utils.defineTemplateBodyVisitor(context, {
-        /** @param {Identifier} node */
-        "VAttribute[directive=true][key.name.name='on'][key.argument!=null] > VExpressionContainer > Identifier"(
-          node
-        ) {
-          context.report({
-            node,
-            messageId: 'always'
-          })
-        }
-      })
-    }
-
-    const option = context.options[1] || {}
-    const ignoreIncludesComment = !!option.ignoreIncludesComment
-    /** @type {Set<string>} */
-    const useArgsMethods = new Set()
-
-    return utils.defineTemplateBodyVisitor(
-      context,
-      {
-        /** @param {VOnExpression} node */
-        "VAttribute[directive=true][key.name.name='on'][key.argument!=null] VOnExpression"(
-          node
-        ) {
-          const expression = getInvalidNeverCallExpression(node)
-          if (!expression) {
-            return
-          }
-
-          const sourceCode = context.getSourceCode()
-          const tokenStore =
-            sourceCode.parserServices.getTemplateBodyTokenStore()
-          const tokens = tokenStore.getTokens(node.parent, {
-            includeComments: true
-          })
-          /** @type {Token | undefined} */
-          let leftQuote
-          /** @type {Token | undefined} */
-          let rightQuote
-          if (isQuote(tokens[0])) {
-            leftQuote = tokens.shift()
-            rightQuote = tokens.pop()
-          }
-
-          const hasComment = tokens.some(
-            (token) => token.type === 'Block' || token.type === 'Line'
-          )
-
-          if (ignoreIncludesComment && hasComment) {
-            return
-          }
-
-          if (
-            expression.callee.type === 'Identifier' &&
-            useArgsMethods.has(expression.callee.name)
-          ) {
-            // The behavior of target method can change given the arguments.
-            return
-          }
-
-          context.report({
-            node: expression,
-            messageId: 'never',
-            fix: hasComment
-              ? null /* The comment is included and cannot be fixed. */
-              : (fixer) => {
-                  /** @type {Range} */
-                  const range =
-                    leftQuote && rightQuote
-                      ? [leftQuote.range[1], rightQuote.range[0]]
-                      : [tokens[0].range[0], tokens[tokens.length - 1].range[1]]
-
-                  return fixer.replaceTextRange(
-                    range,
-                    context.getSourceCode().getText(expression.callee)
-                  )
-                }
-          })
-        }
-      },
-      utils.defineVueVisitor(context, {
-        onVueObjectEnter(node) {
-          for (const method of utils.iterateProperties(
-            node,
-            new Set(['methods'])
-          )) {
-            if (useArgsMethods.has(method.name)) {
-              continue
-            }
-            if (method.type !== 'object') {
-              continue
-            }
-            const value = method.property.value
-            if (
-              (value.type === 'FunctionExpression' ||
-                value.type === 'ArrowFunctionExpression') &&
-              value.params.length > 0
-            ) {
-              useArgsMethods.add(method.name)
-            }
-          }
-        }
-      })
-    )
-  }
-}
diff --git a/tests/lib/rules/component-tags-order.js b/tests/lib/rules/component-tags-order.js
deleted file mode 100644
index 8ba50eb74..000000000
--- a/tests/lib/rules/component-tags-order.js
+++ /dev/null
@@ -1,496 +0,0 @@
-/**
- * @author Yosuke Ota
- */
-'use strict'
-
-const rule = require('../../../lib/rules/component-tags-order')
-const RuleTester = require('../../eslint-compat').RuleTester
-const assert = require('assert')
-const { ESLint } = require('../../eslint-compat')
-
-// Initialize linter.
-const eslint = new ESLint({
-  overrideConfigFile: true,
-  overrideConfig: {
-    files: ['**/*.vue'],
-    languageOptions: {
-      parser: require('vue-eslint-parser'),
-      ecmaVersion: 2015
-    },
-    plugins: { vue: require('../../../lib/index') },
-    rules: {
-      'vue/comment-directive': 'error',
-      'vue/component-tags-order': 'error'
-    },
-    processor: require('../../../lib/processor')
-  },
-  fix: true
-})
-
-const tester = new RuleTester({
-  languageOptions: { parser: require('vue-eslint-parser') }
-})
-
-tester.run('component-tags-order', rule, {
-  valid: [
-    // default
-    '<script></script><template></template><style></style>',
-    '<template></template><script></script><style></style>',
-    '<script> /*script*/ </script><template><div id="id">text <!--comment--> </div><br></template><style>.button{ color: red; }</style>',
-    '<docs></docs><script></script><template></template><style></style>',
-    '<script></script><docs></docs><template></template><style></style>',
-    '<docs></docs><template></template><script></script><style></style>',
-    '<template></template><script></script><docs></docs><style></style>',
-    '<script></script><template></template>',
-    '<template></template><script></script>',
-    '<script setup></script><script></script>',
-    '<docs></docs><template></template><script></script><script setup></script><style></style>',
-    `
-      <template>
-      </template>
-
-      <script>
-      </script>
-
-      <style>
-      </style>
-    `,
-    `
-      <script>
-      </script>
-
-      <template>
-      </template>
-
-      <style>
-      </style>
-    `,
-
-    // order
-    {
-      code: '<script></script><template></template><style></style>',
-      output: null,
-      options: [{ order: ['script', 'template', 'style'] }]
-    },
-    {
-      code: '<template></template><script></script><style></style>',
-      output: null,
-      options: [{ order: ['template', 'script', 'style'] }]
-    },
-    {
-      code: '<style></style><template></template><script></script>',
-      output: null,
-      options: [{ order: ['style', 'template', 'script'] }]
-    },
-    {
-      code: '<template></template><script></script><style></style>',
-      output: null,
-      options: [{ order: ['template', 'docs', 'script', 'style'] }]
-    },
-    {
-      code: '<template></template><docs></docs><script></script><style></style>',
-      output: null,
-      options: [{ order: ['template', 'script', 'style'] }]
-    },
-    {
-      code: '<docs><div id="id">text <!--comment--> </div><br></docs><script></script><template></template><style></style>',
-      output: null,
-      options: [{ order: ['docs', 'script', 'template', 'style'] }]
-    },
-    {
-      code: '<script setup></script><script></script><template></template><style></style>',
-      output: null,
-      options: [
-        { order: ['script[setup]', 'script:not([setup])', 'template', 'style'] }
-      ]
-    },
-    {
-      code: '<template></template><script setup></script><script></script><style></style>',
-      output: null,
-      options: [
-        {
-          order: [['script[setup]', 'script:not([setup])', 'template'], 'style']
-        }
-      ]
-    },
-    {
-      code: '<script></script><script setup></script><template></template><style></style>',
-      output: null,
-      options: [{ order: ['script', 'template', 'style'] }]
-    },
-    {
-      code: '<template></template><script></script><script setup></script><style></style>',
-      output: null,
-      options: [{ order: [['script', 'template'], 'style'] }]
-    },
-    {
-      code: '<script></script><script setup></script><template></template><style></style>',
-      output: null,
-      options: [
-        { order: ['script:not([setup])', 'script[setup]', 'template', 'style'] }
-      ]
-    },
-    {
-      code: '<template></template><script></script><script setup></script><style></style>',
-      output: null,
-      options: [
-        {
-          order: [['script:not([setup])', 'script[setup]', 'template'], 'style']
-        }
-      ]
-    },
-    {
-      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n locale="ja"></i18n><i18n locale="en"></i18n>',
-      output: null,
-      options: [
-        {
-          order: [
-            ['script:not([setup])', 'script[setup]', 'template'],
-            'style[scoped]',
-            'style:not([scoped])',
-            'i18n:not([locale=en])',
-            'i18n:not([locale=ja])'
-          ]
-        }
-      ]
-    },
-    {
-      code: '<template></template><script></script><script setup></script><style scoped></style><style></style><i18n locale="en"></i18n><i18n locale="ja"></i18n>',
-      output: null,
-      options: [
-        {
-          order: [
-            'template',
-            'script:not([setup])',
-            'script[setup]',
-            'style[scoped]',
-            'style:not([scoped])',
-            'i18n[locale=en]',
-            'i18n[locale=ja]'
-          ]
-        }
-      ]
-    },
-    {
-      code: '<template></template><docs></docs><script></script><style></style>',
-      output: null,
-      options: [{ order: [['docs', 'script', 'template'], 'style'] }]
-    },
-    {
-      code: '<i18n locale="en"></i18n><i18n locale="ja"></i18n>',
-      output: null,
-      options: [{ order: ['i18n[locale=en]', 'i18n[locale=ja]'] }]
-    },
-    {
-      code: '<style></style><style scoped></style>',
-      output: null,
-      options: [{ order: ['style:not([scoped])', 'style[scoped]'] }]
-    },
-
-    `<script></script><style></style>`,
-
-    // Invalid EOF
-    '<template><div a=">test</div></template><style></style>',
-    '<template><div><!--test</div></template><style></style>'
-  ],
-  invalid: [
-    {
-      code: '<style></style><template></template><script></script>',
-      output: '<template></template><style></style><script></script>',
-      errors: [
-        {
-          message: "'<template>' should be above '<style>' on line 1.",
-          line: 1,
-          column: 16
-        },
-        {
-          message: "'<script>' should be above '<style>' on line 1.",
-          line: 1,
-          column: 37
-        }
-      ]
-    },
-    {
-      code: '<template></template><script></script><style></style>',
-      output: '<script></script><template></template><style></style>',
-      options: [{ order: ['script', 'template', 'style'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<template>' on line 1.",
-          line: 1,
-          column: 22
-        }
-      ]
-    },
-    {
-      code: `
-        <template></template>
-
-        <style></style>
-
-        <script></script>`,
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '\n' +
-        '        <script></script>\n' +
-        '\n' +
-        '        <style></style>',
-      errors: [
-        {
-          message: "'<script>' should be above '<style>' on line 4.",
-          line: 6
-        }
-      ]
-    },
-    {
-      code: `
-        <template></template>
-        <script></script>
-        <style></style>
-      `,
-      output:
-        '\n' +
-        '        <script></script>\n' +
-        '        <template></template>\n' +
-        '        <style></style>\n' +
-        '      ',
-      options: [{ order: ['script', 'template', 'style'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<template>' on line 2.",
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `
-        <script></script>
-        <template></template>
-        <style></style>
-      `,
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '        <script></script>\n' +
-        '        <style></style>\n' +
-        '      ',
-      options: [{ order: ['template', 'script', 'style'] }],
-      errors: [
-        {
-          message: "'<template>' should be above '<script>' on line 2.",
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `
-        <template></template>
-        <docs></docs>
-        <script></script>
-        <style></style>
-      `,
-      output:
-        '\n' +
-        '        <docs></docs>\n' +
-        '        <template></template>\n' +
-        '        <script></script>\n' +
-        '        <style></style>\n' +
-        '      ',
-      options: [{ order: ['docs', 'template', 'script', 'style'] }],
-      errors: [
-        {
-          message: "'<docs>' should be above '<template>' on line 2.",
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `
-        <template></template>
-        <docs></docs>
-        <script></script>
-        <style></style>
-      `,
-      output:
-        '\n' +
-        '        <script></script>\n' +
-        '        <template></template>\n' +
-        '        <docs></docs>\n' +
-        '        <style></style>\n' +
-        '      ',
-      options: [{ order: ['script', 'template', 'style'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<template>' on line 2.",
-          line: 4
-        }
-      ]
-    },
-    {
-      code: `
-        <template></template>
-        <docs>
-        </docs>
-        <script></script>
-        <style></style>
-      `,
-      output:
-        '\n' +
-        '        <script></script>\n' +
-        '        <template></template>\n' +
-        '        <docs>\n' +
-        '        </docs>\n' +
-        '        <style></style>\n' +
-        '      ',
-      options: [{ order: ['script', 'template', 'style'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<template>' on line 2.",
-          line: 5
-        }
-      ]
-    },
-    {
-      code: `
-        <script></script>
-        <template></template>
-      `,
-      output:
-        '\n        <template></template>\n        <script></script>\n      ',
-      options: [{ order: ['template', 'script'] }],
-      errors: [
-        {
-          message: "'<template>' should be above '<script>' on line 2.",
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `
-        <style></style>
-        <template></template>
-        <script></script>
-      `,
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '        <style></style>\n' +
-        '        <script></script>\n' +
-        '      ',
-      errors: [
-        {
-          message: "'<template>' should be above '<style>' on line 2.",
-          line: 3
-        },
-        {
-          message: "'<script>' should be above '<style>' on line 2.",
-          line: 4
-        }
-      ]
-    },
-    {
-      code: `
-        <style></style>
-        <docs></docs>
-        <template></template>
-        <script></script>
-      `,
-      output:
-        '\n' +
-        '        <template></template>\n' +
-        '        <style></style>\n' +
-        '        <docs></docs>\n' +
-        '        <script></script>\n' +
-        '      ',
-      errors: [
-        {
-          message: "'<template>' should be above '<style>' on line 2.",
-          line: 4
-        },
-        {
-          message: "'<script>' should be above '<style>' on line 2.",
-          line: 5
-        }
-      ]
-    },
-    // no <template>
-    {
-      code: `
-        <style></style>
-        <script></script>
-      `,
-      output: '\n        <script></script>\n        <style></style>\n      ',
-      errors: [
-        {
-          message: "'<script>' should be above '<style>' on line 2.",
-          line: 3
-        }
-      ]
-    },
-    {
-      code: '<i18n locale="ja"></i18n><i18n locale="en"></i18n>',
-      output: '<i18n locale="en"></i18n><i18n locale="ja"></i18n>',
-      options: [{ order: ['i18n[locale=en]', 'i18n[locale=ja]'] }],
-      errors: [
-        {
-          message:
-            "'<i18n locale=en>' should be above '<i18n locale=ja>' on line 1.",
-          line: 1
-        }
-      ]
-    },
-    {
-      code: '<style scoped></style><style></style>',
-      output: '<style></style><style scoped></style>',
-      options: [{ order: ['style:not([scoped])', 'style[scoped]'] }],
-      errors: [
-        {
-          message: "'<style>' should be above '<style scoped>' on line 1.",
-          line: 1
-        }
-      ]
-    },
-    {
-      code: '<style></style><style scoped></style>',
-      output: '<style scoped></style><style></style>',
-      options: [{ order: ['style[scoped]', 'style:not([scoped])'] }],
-      errors: [
-        {
-          message: "'<style scoped>' should be above '<style>' on line 1.",
-          line: 1
-        }
-      ]
-    },
-    {
-      code: '<style></style><script></script>',
-      output: '<script></script><style></style>',
-      options: [{ order: ['script:not([scoped])', 'style:not([scoped])'] }],
-      errors: [
-        {
-          message: "'<script>' should be above '<style>' on line 1.",
-          line: 1
-        }
-      ]
-    }
-  ]
-})
-
-describe('suppress reporting with eslint-disable-next-line', () => {
-  it('do not report if <!-- eslint-disable-next-line -->', async () => {
-    const code = `<style></style><template></template>
-    <!-- eslint-disable-next-line vue/component-tags-order -->
-    <script></script>`
-    const [{ messages, output }] = await eslint.lintText(code, {
-      filePath: 'test.vue'
-    })
-    assert.deepStrictEqual(messages, [])
-    // should not fix <script>
-    assert.strictEqual(
-      output,
-      `<template></template><style></style>
-    <!-- eslint-disable-next-line vue/component-tags-order -->
-    <script></script>`
-    )
-  })
-})
diff --git a/tests/lib/rules/no-invalid-model-keys.js b/tests/lib/rules/no-invalid-model-keys.js
deleted file mode 100644
index 44469346f..000000000
--- a/tests/lib/rules/no-invalid-model-keys.js
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * @fileoverview Prevents invalid keys in model option.
- * @author Alex Sokolov
- */
-'use strict'
-
-const rule = require('../../../lib/rules/no-invalid-model-keys')
-const RuleTester = require('../../eslint-compat').RuleTester
-
-const ruleTester = new RuleTester({
-  languageOptions: {
-    ecmaVersion: 2018,
-    sourceType: 'module'
-  }
-})
-ruleTester.run('no-invalid-model-keys', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            prop: 'list'
-          }
-        }
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            event: 'update'
-          }
-        }
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            prop: 'list',
-            event: 'update'
-          }
-        }
-      `
-    }
-  ],
-
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            props: 'list'
-          }
-        }
-      `,
-      errors: ["Invalid key 'props' in model option."]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            events: 'update'
-          }
-        }
-      `,
-      errors: ["Invalid key 'events' in model option."]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            props: 'list',
-            event: 'update'
-          }
-        }
-      `,
-      errors: ["Invalid key 'props' in model option."]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            prop: 'list',
-            events: 'update'
-          }
-        }
-      `,
-      errors: ["Invalid key 'events' in model option."]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            props: 'list',
-            events: 'update'
-          }
-        }
-      `,
-      errors: [
-        "Invalid key 'props' in model option.",
-        "Invalid key 'events' in model option."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            prop: 'checked',
-            props: 'list',
-            event: 'update'
-          }
-        }
-      `,
-      errors: ["Invalid key 'props' in model option."]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          model: {
-            name: 'checked',
-            props: 'list',
-            event: 'update'
-          }
-        }
-      `,
-      errors: [
-        "Invalid key 'name' in model option.",
-        "Invalid key 'props' in model option."
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/no-ref-object-destructure.js b/tests/lib/rules/no-ref-object-destructure.js
deleted file mode 100644
index e9b6e0d59..000000000
--- a/tests/lib/rules/no-ref-object-destructure.js
+++ /dev/null
@@ -1,449 +0,0 @@
-/**
- * @author Yosuke Ota <https://github.com/ota-meshi>
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/no-ref-object-destructure')
-
-const tester = new RuleTester({
-  languageOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module'
-  }
-})
-
-tester.run('no-ref-object-destructure', rule, {
-  valid: [
-    `
-    import { ref } from 'vue'
-    const count = ref(0)
-    const value1 = computed(() => count.value)
-    const value2 = fn(count)
-    const value3 = computed(() => fn(count.value))
-    `,
-    `
-    import { toRefs } from 'vue'
-    const { count } = toRefs(foo)
-    const value1 = computed(() => count.value)
-    const value2 = fn(count)
-    const value3 = computed(() => fn(count.value))
-    `,
-    `
-    import { toRefs } from 'vue'
-    const refs = toRefs(foo)
-    const value1 = computed(() => refs.count.value)
-    const value2 = fn(refs.count)
-    const value3 = computed(() => fn(refs.count.value))
-    `,
-    `
-    import { ref } from 'vue'
-    const count = ref(0)
-    count.value = 42
-    `,
-    `
-    import { ref } from 'vue'
-    const count = ref(0)
-    count.value++
-    `,
-    `
-    import { ref } from 'vue'
-    const count = ref(0)
-    ;( { foo: count.value } = bar )
-    `,
-    `
-    import { ref, computed, shallowRef, customRef, toRef } from 'vue'
-    const r = ref(0)
-    const c = computed(() => r.value)
-    const sr = shallowRef({ count: 1 })
-    const cr = customRef((track, trigger) => {
-      return {
-        get() { return sr.value },
-        set(newValue) { sr.value = newValue }
-      }
-    })
-    const tr = toRef(sr, 'count')
-    function fn() {
-      console.log(c.value, cr.value, tr.value)
-    }
-    `,
-    // unknown
-    `
-    import { ref } from 'vue'
-    const [a] = ref(0)
-    foo.bar = ref(0)
-    unknown.value
-    `,
-    `
-    import { ref } from 'vue'
-    let foo = ref(0)
-    foo = foo
-    `,
-    // Reactivity Transform
-    `
-    const count = $ref(0)
-    const value1 = computed(() => count)
-    const value2 = fn($$(count))
-    const value3 = computed(() => fn(count))
-    `,
-    `
-    const count = $(foo)
-    const value1 = computed(() => count)
-    const value2 = fn($$(count))
-    const value3 = computed(() => fn(count))
-    `,
-    `
-    const { count } = $(foo)
-    const value1 = computed(() => count)
-    const value2 = fn($$(count))
-    const value3 = computed(() => fn(count))
-    `,
-    `
-    let count = $ref(0)
-    count = 42
-    `,
-    `
-    let count = $ref(0)
-    count++
-    `,
-    `
-    let count = $ref(0)
-    ;( { foo: count } = bar )
-    `,
-    `
-    const { v1, v2, v3, v4 } = $(foo)
-    fn($$({ v1, a: [v2], a: [...v3], ...v4}))
-    `,
-    `
-    let r = $ref(0)
-    let c = $computed(() => r)
-    let sr = $shallowRef({ count: 1 })
-    let cr = $customRef((track, trigger) => {
-      return {
-        get() { return sr },
-        set(newValue) { sr = newValue }
-      }
-    })
-    let tr = $toRef($$(sr), 'count')
-    function fn() {
-      console.log(
-        r.value,
-        c.value,
-        sr.value,
-        cr.value,
-        tr.value
-      )
-    }
-    `
-  ],
-  invalid: [
-    {
-      code: `
-      import { ref } from 'vue'
-      const count = ref(0)
-      const value1 = count.value
-      const { value: value2 } = count
-      const value3 = fn(count.value)
-      const { value: value4 = 42 } = count
-      if (foo) {
-        const value1 = count.value
-      }
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 4
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 5
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 6
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 7
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 9
-        }
-      ]
-    },
-    {
-      code: `
-      import { toRefs } from 'vue'
-      const { count } = toRefs(foo)
-      const value1 = count.value
-      const { value: value2 } = count
-      const value3 = fn(count.value)
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 4
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 5
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 6
-        }
-      ]
-    },
-    {
-      code: `
-      import { toRefs } from 'vue'
-      const refs = toRefs(foo)
-      const value1 = refs.count.value
-      const { value: value2 } = refs.count
-      const value3 = fn(refs.count.value)
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 4
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 5
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 6
-        }
-      ]
-    },
-    {
-      code: `
-      import { ref } from 'vue'
-      const count = ref(0).value
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 3
-        }
-      ]
-    },
-    {
-      code: `
-      import { toRefs } from 'vue'
-      const refs = toRefs(foo)
-      const { foo = 42 } = refs
-      const v = foo.value
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 5
-        }
-      ]
-    },
-    {
-      code: `
-      import { ref, computed, shallowRef, customRef, toRef } from 'vue'
-      const r = ref(0)
-      const c = computed(() => r.value)
-      const sr = shallowRef({ count: 1 })
-      const cr = customRef((track, trigger) => {
-        return {
-          get() { return sr.value },
-          set(newValue) { sr.value = newValue }
-        }
-      })
-      const tr = toRef(sr, 'count')
-
-      console.log(
-        r.value,
-        c.value,
-        sr.value,
-        cr.value,
-        tr.value
-      )
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 15
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 16
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 17
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 18
-        },
-        {
-          message:
-            'Getting a value from the ref object in the same scope will cause the value to lose reactivity.',
-          line: 19
-        }
-      ]
-    },
-    // Reactivity Transform
-    {
-      code: `
-      const count = $ref(0)
-      const value1 = count
-      const value2 = fn(count)
-      `,
-      errors: [
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 3
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 4
-        }
-      ]
-    },
-    {
-      code: `
-      const count = $(foo)
-      const value1 = count
-      const value2 = fn(count)
-      `,
-      errors: [
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 3
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 4
-        }
-      ]
-    },
-    {
-      code: `
-      const { count } = $(foo)
-      const value1 = count
-      const value2 = fn(count)
-      `,
-      errors: [
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 3
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 4
-        }
-      ]
-    },
-    {
-      code: `
-      const { v1, a: [v2 = 42], b: [...v3], ...v4 } = $(foo)
-      const value1 = v1
-      const value2 = v2
-      const value3 = v3
-      const value4 = v4
-      `,
-      errors: [
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 3
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 4
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 5
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 6
-        }
-      ]
-    },
-    {
-      code: `
-      let r = $ref(0)
-      let c = $computed(() => r)
-      let sr = $shallowRef({ count: 1 })
-      let cr = $customRef((track, trigger) => {
-        return {
-          get() { return sr },
-          set(newValue) { sr = newValue }
-        }
-      })
-      let tr = $toRef($$(sr), 'count')
-      console.log(
-        r.value,
-        c.value,
-        sr.value,
-        cr.value,
-        tr.value
-      )
-      `,
-      errors: [
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 13
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 14
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 15
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 16
-        },
-        {
-          message:
-            'Getting a reactive variable in the same scope will cause the value to lose reactivity.',
-          line: 17
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/no-setup-props-destructure.js b/tests/lib/rules/no-setup-props-destructure.js
deleted file mode 100644
index eecbcd6d7..000000000
--- a/tests/lib/rules/no-setup-props-destructure.js
+++ /dev/null
@@ -1,670 +0,0 @@
-/**
- * @author Yosuke Ota
- */
-'use strict'
-
-const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/no-setup-props-destructure')
-
-const tester = new RuleTester({
-  languageOptions: {
-    parser: require('vue-eslint-parser'),
-    ecmaVersion: 2020,
-    sourceType: 'module'
-  }
-})
-
-tester.run('no-setup-props-destructure', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          watch(() => {
-            console.log(props.count) // ok
-          })
-
-          return () => {
-            return h('div', props.count) // ok
-          }
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          watch(() => {
-            const { count } = props // ok
-            console.log(count)
-          })
-
-          return () => {
-            const { count } = props // ok
-            return h('div', count)
-          }
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        _setup({count}) {
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup() {
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(...args) {
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          watch(() => {
-            ({ count } = props)
-          })
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      var noVue = {
-        setup(props) {
-          const { count } = props
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          const {x} = noProps
-          ({y} = noProps)
-          const z = noProps.z
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          ({props} = x)
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        watch: {
-          setup({val}) { }
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          const props2 = props
-        }
-      }
-      </script>
-      `
-    },
-    `
-      Vue.component('test', {
-        el: a = b
-      })
-    `,
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({count:Number})
-      watch(() => {
-        const {count} = props
-      })
-      watch(() => {
-        const count = props.count
-      })
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({count:Number})
-      watch(() => {
-        ({ count } = props)
-      })
-      watch(() => {
-        count = props.count
-      })
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup: (props) => {
-          const count = computed(() => props.count)
-        }
-      }
-      </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const count = computed(() => props.count)
-      </script>
-      `
-    }
-  ],
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup({ count }) { // error
-          watch(() => {
-            console.log(count) // not going to detect changes
-          })
-
-          return () => {
-            return h('div', count) // not going to update
-          }
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'destructuring',
-          line: 4,
-          column: 15,
-          endLine: 4,
-          endColumn: 24
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          const { count } = props // error
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5,
-          column: 17,
-          endLine: 5,
-          endColumn: 26
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup: (props) => {
-          const { count } = props
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(props) {
-          ({ count } = props)
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          const { count } = p
-        }
-      }
-
-      Vue.component('component', {
-        setup(p) {
-          const { count } = p
-        }
-      })
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        },
-        {
-          messageId: 'getProperty',
-          line: 11
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          const { count } = p
-        },
-        _setup(p) {
-          const { count } = p
-        },
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          const { x } = p
-          const { y } = p
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        },
-        {
-          messageId: 'getProperty',
-          line: 6
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          const foo = p.bar
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          const x = p.foo
-          const y = p?.bar
-          const z = (p?.baz).qux
-
-          const xc = p?.foo?.()
-          const yc = (p?.bar)?.()
-          const zc = (p?.baz.qux)?.()
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        },
-        {
-          messageId: 'getProperty',
-          line: 6
-        },
-        {
-          messageId: 'getProperty',
-          line: 7
-        },
-        {
-          messageId: 'getProperty',
-          line: 9
-        },
-        {
-          messageId: 'getProperty',
-          line: 10
-        },
-        {
-          messageId: 'getProperty',
-          line: 11
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          let foo
-          foo = p.bar
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 6
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          const {foo} = p.bar
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup(p) {
-          foo.bar = p.bar
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({count:Number})
-      const {count} = props
-      ;({count} = props)
-      </script>
-      `,
-      errors: [
-        {
-          message:
-            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
-          line: 4
-        },
-        {
-          message:
-            'Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity.',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({count:Number})
-      const count = props.count
-      count = props.count
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        },
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script>
-      export default {
-        setup: (props) => {
-          const count = ref(props.count)
-          count = fn(props.count)
-        }
-      }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 5
-        },
-        {
-          messageId: 'getProperty',
-          line: 6
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const count = ref(props.count)
-      count = fn(props.count)
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        },
-        {
-          messageId: 'getProperty',
-          line: 5
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const newProps = ref({ count: props.count })
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const counts = [props.count]
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const counter = { count: props.count }
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const counters = [{ count: [props.count] }]
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 4
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <script setup>
-      const props = defineProps({ count: Number })
-      const buildCounter = (count) => ({ count })
-
-      buildCounter(props.count)
-      </script>
-      `,
-      errors: [
-        {
-          messageId: 'getProperty',
-          line: 6
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/script-setup-uses-vars.js b/tests/lib/rules/script-setup-uses-vars.js
deleted file mode 100644
index cae0f017e..000000000
--- a/tests/lib/rules/script-setup-uses-vars.js
+++ /dev/null
@@ -1,447 +0,0 @@
-/**
- * @fileoverview Prevent `<script setup>` variables used in `<template>` to be marked as unused
- * @author Yosuke Ota
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const semver = require('semver')
-const { RuleTester, ESLint } = require('../../eslint-compat')
-const rule = require('../../../lib/rules/script-setup-uses-vars')
-const { getCoreRule } = require('../../../lib/utils')
-const ruleNoUnusedVars = getCoreRule('no-unused-vars')
-
-const ruleTester = new RuleTester({
-  languageOptions: {
-    parser: require('vue-eslint-parser'),
-    ecmaVersion: 6,
-    sourceType: 'module'
-  },
-  plugins: {
-    vue: {
-      rules: {
-        'script-setup-uses-vars': rule
-      }
-    }
-  }
-})
-
-ruleTester.run('script-setup-uses-vars', rule, {
-  // Visually check that there are no warnings in the console.
-  valid: [
-    `
-    <script setup>
-      import Foo from './Foo.vue'
-    </script>
-
-    <template>
-      <Foo />
-    </template>
-    `
-  ],
-  invalid: []
-})
-describe('script-setup-uses-vars', () => {
-  ruleTester.run('no-unused-vars', ruleNoUnusedVars, {
-    valid: [
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          // imported components are also directly usable in template
-          import Foo from './Foo.vue'
-          import { ref } from 'vue'
-
-          // write Composition API code just like in a normal setup()
-          // but no need to manually return everything
-          const count = ref(0)
-          const inc = () => {
-            count.value++
-          }
-        </script>
-
-        <template>
-          <Foo :count="count" @click="inc" />
-        </template>
-        `
-      },
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          const msg = 'Hello!'
-        </script>
-
-        <template>
-          <div>{{ msg }}</div>
-        </template>
-        `
-      },
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import Foo from './Foo.vue'
-          import MyComponent from './MyComponent.vue'
-        </script>
-
-        <template>
-          <Foo />
-          <!-- kebab-case also works -->
-          <my-component />
-        </template>
-        `
-      },
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import Foo from './Foo.vue'
-          import Bar from './Bar.vue'
-        </script>
-
-        <template>
-          <component :is="Foo" />
-          <component :is="someCondition ? Foo : Bar" />
-        </template>
-        `
-      },
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import { directive as vClickOutside } from 'v-click-outside'
-        </script>
-
-        <template>
-          <div v-click-outside />
-        </template>
-        `
-      },
-
-      // Resolve component name
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import FooPascalCase from './component.vue'
-          import BarPascalCase from './component.vue'
-          import BazPascalCase from './component.vue'
-        </script>
-
-        <template>
-          <FooPascalCase />
-          <bar-pascal-case />
-          <bazPascalCase />
-        </template>
-        `
-      },
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import fooCamelCase from './component.vue'
-          import barCamelCase from './component.vue'
-        </script>
-
-        <template>
-          <fooCamelCase />
-          <bar-camel-case />
-        </template>
-        `
-      },
-
-      // TopLevel await
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          const post = await fetch(\`/api/post/1\`).then((r) => r.json())
-        </script>
-
-        <template>
-          {{post}}
-        </template>
-        `,
-        languageOptions: {
-          ecmaVersion: 2022,
-          sourceType: 'module'
-        }
-      },
-
-      // ref
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import {ref} from 'vue'
-          const v = ref(null)
-        </script>
-
-        <template>
-          <div ref="v"/>
-        </template>
-        `
-      },
-
-      //style vars
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          const color = 'red'
-          const font = { size: '2em' }
-        </script>
-
-        <style>
-          * {
-            color: v-bind(color);
-            font-size: v-bind('font.size');
-          }
-        </style>
-        `
-      },
-      // ns
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-        /* eslint vue/script-setup-uses-vars: 1 */
-        import * as Form from './form-components'
-        </script>
-
-        <template>
-          <Form.Input>
-            <Form.Label>label</Form.Label>
-          </Form.Input>
-        </template>
-        `
-      }
-    ],
-
-    invalid: [
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          // imported components are also directly usable in template
-          import Foo from './Foo.vue'
-          import Bar from './Bar.vue'
-          import { ref } from 'vue'
-
-          // write Composition API code just like in a normal setup()
-          // but no need to manually return everything
-          const count = ref(0)
-          const inc = () => {
-            count.value++
-          }
-          const foo = ref(42)
-          console.log(foo.value)
-          const bar = ref(42)
-          bar.value++
-          const baz = ref(42)
-        </script>
-
-        <template>
-          <Foo :count="count" @click="inc" />
-        </template>
-        `,
-        errors: [
-          {
-            message: "'Bar' is defined but never used.",
-            line: 6,
-            suggestions: semver.gte(ESLint.version, '9.17.0')
-              ? [
-                  {
-                    desc: "Remove unused variable 'Bar'.",
-                    output: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          // imported components are also directly usable in template
-          import Foo from './Foo.vue'
-          import './Bar.vue'
-          import { ref } from 'vue'
-
-          // write Composition API code just like in a normal setup()
-          // but no need to manually return everything
-          const count = ref(0)
-          const inc = () => {
-            count.value++
-          }
-          const foo = ref(42)
-          console.log(foo.value)
-          const bar = ref(42)
-          bar.value++
-          const baz = ref(42)
-        </script>
-
-        <template>
-          <Foo :count="count" @click="inc" />
-        </template>
-        `
-                  }
-                ]
-              : null
-          },
-          {
-            message: "'baz' is assigned a value but never used.",
-            line: 19
-          }
-        ]
-      },
-
-      // Resolve component name
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import camelCase from './component.vue'
-        </script>
-
-        <template>
-          <CamelCase />
-        </template>
-        `,
-        errors: [
-          {
-            message: "'camelCase' is defined but never used.",
-            line: 4,
-            suggestions: semver.gte(ESLint.version, '9.17.0')
-              ? [
-                  {
-                    desc: "Remove unused variable 'camelCase'.",
-                    output: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          import './component.vue'
-        </script>
-
-        <template>
-          <CamelCase />
-        </template>
-        `
-                  }
-                ]
-              : null
-          }
-        ]
-      },
-
-      // Scope tests
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          if (a) {
-            const msg = 'Hello!'
-          }
-        </script>
-
-        <template>
-          <div>{{ msg }}</div>
-        </template>
-        `,
-        errors: [
-          {
-            message: "'msg' is assigned a value but never used.",
-            line: 5,
-            suggestions: semver.gte(ESLint.version, '9.17.0')
-              ? [
-                  {
-                    desc: "Remove unused variable 'msg'.",
-                    output: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          if (a) {
-            
-          }
-        </script>
-
-        <template>
-          <div>{{ msg }}</div>
-        </template>
-        `
-                  }
-                ]
-              : null
-          }
-        ]
-      },
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          const i = 42
-          const list = [1,2,3]
-        </script>
-
-        <template>
-          <div v-for="i in list">{{ i }}</div>
-        </template>
-      `,
-        errors: [
-          {
-            message: "'i' is assigned a value but never used.",
-            line: 4
-          }
-        ]
-      },
-
-      // Not `<script setup>`
-      {
-        filename: 'test.vue',
-        code: `
-        <script>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          const msg = 'Hello!'
-        </script>
-
-        <template>
-          <div>{{ msg }}</div>
-        </template>
-        `,
-        errors: [
-          {
-            message: "'msg' is assigned a value but never used.",
-            line: 4
-          }
-        ]
-      },
-
-      //style vars
-      {
-        filename: 'test.vue',
-        code: `
-        <script setup>
-          /* eslint vue/script-setup-uses-vars: 1 */
-          const color = 'red'
-        </script>
-
-        <style lang="scss">
-          .v-bind .color {
-            color: 'v-bind(color)';
-            background-color: 'v-bind(color)';
-          }
-          /* v-bind(color) */
-          // v-bind(color)
-        </style>
-        `,
-        errors: ["'color' is assigned a value but never used."]
-      }
-    ]
-  })
-})
diff --git a/tests/lib/rules/v-on-function-call.js b/tests/lib/rules/v-on-function-call.js
deleted file mode 100644
index ad6292505..000000000
--- a/tests/lib/rules/v-on-function-call.js
+++ /dev/null
@@ -1,356 +0,0 @@
-/**
- * @author Niklas Higi
- */
-'use strict'
-
-const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/v-on-function-call')
-
-const tester = new RuleTester({
-  languageOptions: {
-    parser: require('vue-eslint-parser'),
-    ecmaVersion: 2020,
-    sourceType: 'module'
-  }
-})
-
-tester.run('v-on-function-call', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: ''
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo(123)"></div></template>',
-      options: ['always']
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo(123)"></div></template>',
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo()"></div></template>',
-      options: ['always']
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo"></div></template>',
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo.bar()"></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo.bar()"></div></template>',
-      options: ['always']
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @[foo()]="bar"></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @[foo]="bar()"></div></template>',
-      options: ['always']
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="()=>foo.bar()"></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="()=>foo.bar()"></div></template>',
-      options: ['always']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="
-          fn()
-          fn()
-        "></div>
-      </template>`,
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="{}"></div>
-      </template>`,
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="{return}"></div>
-      </template>`,
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="fn() /* comment */"></div>
-      </template>`,
-      options: ['never', { ignoreIncludesComment: true }]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo?.()"></div></template>',
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template><div @click="foo()" /></template>
-      <script>
-      export default {
-        methods: {
-          foo(a) {}
-        }
-      }
-      </script>`,
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="foo()" />
-        <div @click="bar()" />
-        <div @click="baz()" />
-      </template>
-      <script>
-      export default {
-        methods: {
-          foo(a,b) {},
-          bar(...a) {},
-          baz(a = 42) {},
-        }
-      }
-      </script>`,
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="foo()" />
-        <div @click="bar()" />
-        <div @click="baz()" />
-      </template>
-      <script>
-      export default {
-        methods: {
-          foo: (a,b) => {},
-          bar: (...a) => {},
-          baz: (a = 42) => {},
-        }
-      }
-      </script>`,
-      options: ['never']
-    }
-  ],
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo"></div></template>',
-      output: null,
-      options: ['always'],
-      errors: [
-        "Method calls inside of 'v-on' directives must have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo()"></div></template>',
-      output: `<template><div @click="foo"></div></template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo( )"></div></template>',
-      output: `<template><div @click="foo"></div></template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div @click="foo(/**/)"></div></template>',
-      output: null,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="/*comment*/fn()"></div>
-        <div @click="fn()/*comment*/"></div>
-        <div @click=fn()/*comment*/></div>
-        <div @click="fn()// comment
-          "></div>
-      </template>`,
-      output: null,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="fn();"></div>
-      </template>`,
-      output: `
-      <template>
-        <div @click="fn"></div>
-      </template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click=fn();></div>
-      </template>`,
-      output: `
-      <template>
-        <div @click=fn></div>
-      </template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click=" beforeSpace()"></div>
-        <div @click='afterSpace() '></div>
-      </template>`,
-      output: `
-      <template>
-        <div @click="beforeSpace"></div>
-        <div @click='afterSpace'></div>
-      </template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses.",
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click=" &#x66;oo ( ) "></div>
-      </template>`,
-      output: `
-      <template>
-        <div @click="&#x66;oo"></div>
-      </template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <div @click="{(fn());;;}"></div>
-      </template>`,
-      output: `
-      <template>
-        <div @click="fn"></div>
-      </template>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template>\r\n<div\r\n@click="foo()" /></template>',
-      output: '<template>\r\n<div\r\n@click="foo" /></template>',
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template><div @click="foo()" /></template>
-      <script>
-      export default {
-        methods: {
-          foo() {}
-        }
-      }
-      </script>`,
-      output: `
-      <template><div @click="foo" /></template>
-      <script>
-      export default {
-        methods: {
-          foo() {}
-        }
-      }
-      </script>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template><div @click="foo()" /></template>
-      <script>
-      export default {
-        methods: {
-          foo: () => {}
-        }
-      }
-      </script>`,
-      output: `
-      <template><div @click="foo" /></template>
-      <script>
-      export default {
-        methods: {
-          foo: () => {}
-        }
-      }
-      </script>`,
-      options: ['never'],
-      errors: [
-        "Method calls without arguments inside of 'v-on' directives must not have parentheses."
-      ]
-    }
-  ]
-})

From 854cae52c9bb275a4832bd8b04444786609e4c7c Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 16 Dec 2024 09:59:30 +0100
Subject: [PATCH 0844/1010] Rename .eslintrc configs (#2648)

---
 docs/rules/attribute-hyphenation.md           |  2 +-
 docs/rules/attributes-order.md                |  2 +-
 docs/rules/block-order.md                     |  2 +-
 docs/rules/comment-directive.md               |  2 +-
 .../rules/component-definition-name-casing.md |  2 +-
 docs/rules/first-attribute-linebreak.md       |  2 +-
 docs/rules/html-closing-bracket-newline.md    |  2 +-
 docs/rules/html-closing-bracket-spacing.md    |  2 +-
 docs/rules/html-end-tags.md                   |  2 +-
 docs/rules/html-indent.md                     |  2 +-
 docs/rules/html-quotes.md                     |  2 +-
 docs/rules/html-self-closing.md               |  2 +-
 docs/rules/index.md                           | 12 ++++----
 docs/rules/jsx-uses-vars.md                   |  2 +-
 docs/rules/max-attributes-per-line.md         |  2 +-
 docs/rules/multi-word-component-names.md      |  2 +-
 .../multiline-html-element-content-newline.md |  2 +-
 docs/rules/mustache-interpolation-spacing.md  |  2 +-
 docs/rules/no-arrow-functions-in-watch.md     |  2 +-
 docs/rules/no-async-in-computed-properties.md |  2 +-
 docs/rules/no-child-content.md                |  2 +-
 docs/rules/no-computed-properties-in-data.md  |  2 +-
 docs/rules/no-custom-modifiers-on-v-model.md  |  2 +-
 .../no-deprecated-data-object-declaration.md  |  2 +-
 docs/rules/no-deprecated-delete-set.md        |  2 +-
 .../no-deprecated-destroyed-lifecycle.md      |  2 +-
 .../no-deprecated-dollar-listeners-api.md     |  2 +-
 .../no-deprecated-dollar-scopedslots-api.md   |  2 +-
 docs/rules/no-deprecated-events-api.md        |  2 +-
 docs/rules/no-deprecated-filter.md            |  2 +-
 .../no-deprecated-functional-template.md      |  2 +-
 docs/rules/no-deprecated-html-element-is.md   |  2 +-
 docs/rules/no-deprecated-inline-template.md   |  2 +-
 docs/rules/no-deprecated-model-definition.md  |  2 +-
 .../rules/no-deprecated-props-default-this.md |  2 +-
 .../no-deprecated-router-link-tag-prop.md     |  2 +-
 docs/rules/no-deprecated-scope-attribute.md   |  2 +-
 docs/rules/no-deprecated-slot-attribute.md    |  2 +-
 .../no-deprecated-slot-scope-attribute.md     |  2 +-
 docs/rules/no-deprecated-v-bind-sync.md       |  2 +-
 docs/rules/no-deprecated-v-is.md              |  2 +-
 .../no-deprecated-v-on-native-modifier.md     |  2 +-
 .../no-deprecated-v-on-number-modifiers.md    |  2 +-
 .../no-deprecated-vue-config-keycodes.md      |  2 +-
 docs/rules/no-dupe-keys.md                    |  2 +-
 docs/rules/no-dupe-v-else-if.md               |  2 +-
 docs/rules/no-duplicate-attributes.md         |  2 +-
 docs/rules/no-export-in-script-setup.md       |  2 +-
 docs/rules/no-expose-after-await.md           |  2 +-
 docs/rules/no-lifecycle-after-await.md        |  2 +-
 docs/rules/no-lone-template.md                |  2 +-
 docs/rules/no-multi-spaces.md                 |  2 +-
 docs/rules/no-multiple-slot-args.md           |  2 +-
 docs/rules/no-multiple-template-root.md       |  2 +-
 docs/rules/no-mutating-props.md               |  2 +-
 docs/rules/no-parsing-error.md                |  2 +-
 docs/rules/no-ref-as-operand.md               |  2 +-
 docs/rules/no-required-prop-with-default.md   |  2 +-
 docs/rules/no-reserved-component-names.md     |  2 +-
 docs/rules/no-reserved-keys.md                |  2 +-
 docs/rules/no-reserved-props.md               |  2 +-
 docs/rules/no-shared-component-data.md        |  2 +-
 .../no-side-effects-in-computed-properties.md |  2 +-
 ...-spaces-around-equal-signs-in-attribute.md |  2 +-
 docs/rules/no-template-key.md                 |  2 +-
 docs/rules/no-template-shadow.md              |  2 +-
 docs/rules/no-textarea-mustache.md            |  2 +-
 docs/rules/no-unused-components.md            |  2 +-
 docs/rules/no-unused-vars.md                  |  2 +-
 .../no-use-computed-property-like-method.md   |  2 +-
 docs/rules/no-use-v-if-with-v-for.md          |  2 +-
 docs/rules/no-useless-template-attributes.md  |  2 +-
 docs/rules/no-v-for-template-key-on-child.md  |  2 +-
 docs/rules/no-v-for-template-key.md           |  2 +-
 docs/rules/no-v-html.md                       |  2 +-
 docs/rules/no-v-model-argument.md             |  2 +-
 docs/rules/no-v-text-v-html-on-component.md   |  2 +-
 docs/rules/no-watch-after-await.md            |  2 +-
 docs/rules/one-component-per-file.md          |  2 +-
 docs/rules/order-in-components.md             |  2 +-
 docs/rules/prefer-import-from-vue.md          |  2 +-
 docs/rules/prop-name-casing.md                |  2 +-
 docs/rules/require-component-is.md            |  2 +-
 docs/rules/require-default-prop.md            |  2 +-
 docs/rules/require-explicit-emits.md          |  2 +-
 docs/rules/require-prop-type-constructor.md   |  2 +-
 docs/rules/require-prop-types.md              |  2 +-
 docs/rules/require-render-return.md           |  2 +-
 docs/rules/require-slots-as-functions.md      |  2 +-
 .../rules/require-toggle-inside-transition.md |  2 +-
 docs/rules/require-v-for-key.md               |  2 +-
 docs/rules/require-valid-default-prop.md      |  2 +-
 docs/rules/return-in-computed-property.md     |  2 +-
 docs/rules/return-in-emits-validator.md       |  2 +-
 ...singleline-html-element-content-newline.md |  2 +-
 docs/rules/this-in-template.md                |  2 +-
 docs/rules/use-v-on-exact.md                  |  2 +-
 docs/rules/v-bind-style.md                    |  2 +-
 docs/rules/v-on-event-hyphenation.md          |  2 +-
 docs/rules/v-on-style.md                      |  2 +-
 docs/rules/v-slot-style.md                    |  2 +-
 docs/rules/valid-attribute-name.md            |  2 +-
 docs/rules/valid-define-emits.md              |  2 +-
 docs/rules/valid-define-props.md              |  2 +-
 docs/rules/valid-model-definition.md          |  2 +-
 docs/rules/valid-next-tick.md                 |  2 +-
 docs/rules/valid-template-root.md             |  2 +-
 docs/rules/valid-v-bind-sync.md               |  2 +-
 docs/rules/valid-v-bind.md                    |  2 +-
 docs/rules/valid-v-cloak.md                   |  2 +-
 docs/rules/valid-v-else-if.md                 |  2 +-
 docs/rules/valid-v-else.md                    |  2 +-
 docs/rules/valid-v-for.md                     |  2 +-
 docs/rules/valid-v-html.md                    |  2 +-
 docs/rules/valid-v-if.md                      |  2 +-
 docs/rules/valid-v-is.md                      |  2 +-
 docs/rules/valid-v-memo.md                    |  2 +-
 docs/rules/valid-v-model.md                   |  2 +-
 docs/rules/valid-v-on.md                      |  2 +-
 docs/rules/valid-v-once.md                    |  2 +-
 docs/rules/valid-v-pre.md                     |  2 +-
 docs/rules/valid-v-show.md                    |  2 +-
 docs/rules/valid-v-slot.md                    |  2 +-
 docs/rules/valid-v-text.md                    |  2 +-
 lib/index.d.ts                                | 20 ++++++++-----
 lib/index.js                                  | 24 +++++++++-------
 tools/lib/categories.js                       | 15 ++++------
 tools/update-lib-index.js                     | 28 +++++++++++--------
 128 files changed, 178 insertions(+), 167 deletions(-)

diff --git a/docs/rules/attribute-hyphenation.md b/docs/rules/attribute-hyphenation.md
index 0eaa4075b..0903c8a4e 100644
--- a/docs/rules/attribute-hyphenation.md
+++ b/docs/rules/attribute-hyphenation.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > enforce attribute naming style on custom components in template
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 6c3108886..74b3abaf6 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -10,7 +10,7 @@ since: v4.3.0
 
 > enforce order of attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/block-order.md b/docs/rules/block-order.md
index 3fe0c06c8..88346528b 100644
--- a/docs/rules/block-order.md
+++ b/docs/rules/block-order.md
@@ -10,7 +10,7 @@ since: v9.16.0
 
 > enforce order of component top-level elements
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 9bc227a6f..294dcc15c 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -10,7 +10,7 @@ since: v4.1.0
 
 > support comment-directives in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `*.configs["flat/base"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/base"`, `*.configs["flat/base"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 Sole purpose of this rule is to provide `eslint-disable` functionality in the `<template>` and in the block level.
 It supports usage of the following comments:
diff --git a/docs/rules/component-definition-name-casing.md b/docs/rules/component-definition-name-casing.md
index cff107a64..18c625970 100644
--- a/docs/rules/component-definition-name-casing.md
+++ b/docs/rules/component-definition-name-casing.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce specific casing for component definition name
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for component definition name casing for consistency purposes.
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index 6e3ec73c0..6292ef262 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -10,7 +10,7 @@ since: v8.0.0
 
 > enforce the location of first attribute
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-closing-bracket-newline.md b/docs/rules/html-closing-bracket-newline.md
index 3a5af20ed..964317590 100644
--- a/docs/rules/html-closing-bracket-newline.md
+++ b/docs/rules/html-closing-bracket-newline.md
@@ -10,7 +10,7 @@ since: v4.1.0
 
 > require or disallow a line break before tag's closing brackets
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 People have their own preference about the location of closing brackets.
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index ef900e693..d1927b4e1 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -10,7 +10,7 @@ since: v4.1.0
 
 > require or disallow a space before tag's closing brackets
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index 6ba004d39..fa6333b06 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce end tag style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 2e0fa550e..2cab727aa 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -10,7 +10,7 @@ since: v3.14.0
 
 > enforce consistent indentation in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 736a649f0..2bbf38c3d 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce quotes style of HTML attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 You can choose quotes of HTML attributes from:
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index 16aa8b49a..316f462c8 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce self-closing style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 2d5ecfafe..dd4ea4773 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -34,8 +34,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 ## Priority A: Essential (Error Prevention)
 
-- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]` presets.
-- :two: Indicates that the rule is for Vue 2 and is included in all of `"plugin:vue/essential"`,`*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`,`*.configs["flat/vue2-strongly-recommended"]` and `"plugin:vue/recommended"`,`*.configs["flat/vue2-recommended"]` presets.
+- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in all of `"plugin:vue/vue2-essential"`,`*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`,`*.configs["flat/vue2-strongly-recommended"]` and `"plugin:vue/vue2-recommended"`,`*.configs["flat/vue2-recommended"]` presets.
 
 <rules-table>
 
@@ -134,8 +134,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 ## Priority B: Strongly Recommended (Improving Readability)
 
-- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]` presets.
-- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/strongly-recommended"`,`*.configs["flat/vue2-strongly-recommended"]` and `"plugin:vue/recommended"`,`*.configs["flat/vue2-recommended"]` presets.
+- :three: Indicates that the rule is for Vue 3 and is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/vue2-strongly-recommended"`,`*.configs["flat/vue2-strongly-recommended"]` and `"plugin:vue/vue2-recommended"`,`*.configs["flat/vue2-recommended"]` presets.
 
 <rules-table>
 
@@ -171,8 +171,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 
 ## Priority C: Recommended (Potentially Dangerous Patterns)
 
-- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]` presets.
-- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/recommended"`,`*.configs["flat/vue2-recommended"]` preset.
+- :three: Indicates that the rule is for Vue 3 and is included in `"plugin:vue/recommended"` and `*.configs["flat/recommended"]` presets.
+- :two: Indicates that the rule is for Vue 2 and is included in `"plugin:vue/vue2-recommended"`,`*.configs["flat/vue2-recommended"]` preset.
 
 <rules-table>
 
diff --git a/docs/rules/jsx-uses-vars.md b/docs/rules/jsx-uses-vars.md
index 87c6be65f..88719a690 100644
--- a/docs/rules/jsx-uses-vars.md
+++ b/docs/rules/jsx-uses-vars.md
@@ -10,7 +10,7 @@ since: v2.0.0
 
 > prevent variables used in JSX to be marked as unused
 
-- :gear: This rule is included in all of `"plugin:vue/base"`, `*.configs["flat/base"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/base"`, `*.configs["flat/base"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 Since 0.17.0 the ESLint `no-unused-vars` rule does not detect variables used in JSX ([see details](https://eslint.org/blog/2015/03/eslint-0.17.0-released#changes-to-jsxreact-handling)).
 This rule will find variables used in JSX and mark them as used.
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index bfbe8baf4..141b136e0 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -10,7 +10,7 @@ since: v3.12.0
 
 > enforce the maximum number of attributes per line
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 Limits the maximum number of attributes/properties per line to improve readability.
diff --git a/docs/rules/multi-word-component-names.md b/docs/rules/multi-word-component-names.md
index 4c66961dd..08539dddb 100644
--- a/docs/rules/multi-word-component-names.md
+++ b/docs/rules/multi-word-component-names.md
@@ -10,7 +10,7 @@ since: v7.20.0
 
 > require component names to be always multi-word
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index 7a1ef86b1..bf654aafe 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > require a line break before and after the contents of a multiline element
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/mustache-interpolation-spacing.md b/docs/rules/mustache-interpolation-spacing.md
index eb8878b41..1e66fc942 100644
--- a/docs/rules/mustache-interpolation-spacing.md
+++ b/docs/rules/mustache-interpolation-spacing.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > enforce unified spacing in mustache interpolations
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-arrow-functions-in-watch.md b/docs/rules/no-arrow-functions-in-watch.md
index 3b04ff8ba..fb1f55215 100644
--- a/docs/rules/no-arrow-functions-in-watch.md
+++ b/docs/rules/no-arrow-functions-in-watch.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using arrow functions to define watcher
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 34300afe9..814a53238 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -10,7 +10,7 @@ since: v3.8.0
 
 > disallow asynchronous actions in computed properties
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 Computed properties and functions should be synchronous. Asynchronous actions inside them may not work as expected and can lead to an unexpected behaviour, that's why you should avoid them.
 If you need async computed properties you might want to consider using additional plugin [vue-async-computed]
diff --git a/docs/rules/no-child-content.md b/docs/rules/no-child-content.md
index c16d29262..a0a69a9bb 100644
--- a/docs/rules/no-child-content.md
+++ b/docs/rules/no-child-content.md
@@ -10,7 +10,7 @@ since: v8.1.0
 
 > disallow element's child contents which would be overwritten by a directive like `v-html` or `v-text`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index 26c49cbbc..960a28c86 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -10,7 +10,7 @@ since: v7.20.0
 
 > disallow accessing computed properties in `data`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
index 8ec3a031b..f657f9cf7 100644
--- a/docs/rules/no-custom-modifiers-on-v-model.md
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow custom modifiers on v-model used on the component
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `v-model` used on the component do not have custom modifiers.
 
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 29f49d40a..214aacc30 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-delete-set.md b/docs/rules/no-deprecated-delete-set.md
index 48399c373..c96f7a730 100644
--- a/docs/rules/no-deprecated-delete-set.md
+++ b/docs/rules/no-deprecated-delete-set.md
@@ -10,7 +10,7 @@ since: v9.29.0
 
 > disallow using deprecated `$delete` and `$set` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-destroyed-lifecycle.md b/docs/rules/no-deprecated-destroyed-lifecycle.md
index 580bd0227..9c681e0ea 100644
--- a/docs/rules/no-deprecated-destroyed-lifecycle.md
+++ b/docs/rules/no-deprecated-destroyed-lifecycle.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `destroyed` and `beforeDestroy` lifecycle hooks (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-dollar-listeners-api.md b/docs/rules/no-deprecated-dollar-listeners-api.md
index bf1282c69..91854806b 100644
--- a/docs/rules/no-deprecated-dollar-listeners-api.md
+++ b/docs/rules/no-deprecated-dollar-listeners-api.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `$listeners` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-dollar-scopedslots-api.md b/docs/rules/no-deprecated-dollar-scopedslots-api.md
index d0d507363..45e67d480 100644
--- a/docs/rules/no-deprecated-dollar-scopedslots-api.md
+++ b/docs/rules/no-deprecated-dollar-scopedslots-api.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-events-api.md b/docs/rules/no-deprecated-events-api.md
index d5fae2139..a3539d7cf 100644
--- a/docs/rules/no-deprecated-events-api.md
+++ b/docs/rules/no-deprecated-events-api.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated events api (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-filter.md b/docs/rules/no-deprecated-filter.md
index fb2c1e036..452d9d03c 100644
--- a/docs/rules/no-deprecated-filter.md
+++ b/docs/rules/no-deprecated-filter.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated filters syntax (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-functional-template.md b/docs/rules/no-deprecated-functional-template.md
index 4d32f5a76..32656eb79 100644
--- a/docs/rules/no-deprecated-functional-template.md
+++ b/docs/rules/no-deprecated-functional-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated the `functional` template (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-html-element-is.md b/docs/rules/no-deprecated-html-element-is.md
index 84a4bdb2a..844c424ed 100644
--- a/docs/rules/no-deprecated-html-element-is.md
+++ b/docs/rules/no-deprecated-html-element-is.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-inline-template.md b/docs/rules/no-deprecated-inline-template.md
index 339718834..5dcbc22b3 100644
--- a/docs/rules/no-deprecated-inline-template.md
+++ b/docs/rules/no-deprecated-inline-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `inline-template` attribute (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-model-definition.md b/docs/rules/no-deprecated-model-definition.md
index 5d08b7388..084652b91 100644
--- a/docs/rules/no-deprecated-model-definition.md
+++ b/docs/rules/no-deprecated-model-definition.md
@@ -10,7 +10,7 @@ since: v9.16.0
 
 > disallow deprecated `model` definition (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-props-default-this.md b/docs/rules/no-deprecated-props-default-this.md
index 26ae656ad..af8136fa2 100644
--- a/docs/rules/no-deprecated-props-default-this.md
+++ b/docs/rules/no-deprecated-props-default-this.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow deprecated `this` access in props default function (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-router-link-tag-prop.md b/docs/rules/no-deprecated-router-link-tag-prop.md
index e48ff721b..1ec049fd0 100644
--- a/docs/rules/no-deprecated-router-link-tag-prop.md
+++ b/docs/rules/no-deprecated-router-link-tag-prop.md
@@ -10,7 +10,7 @@ since: v7.20.0
 
 > disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-scope-attribute.md b/docs/rules/no-deprecated-scope-attribute.md
index e781ea31d..d19b172a8 100644
--- a/docs/rules/no-deprecated-scope-attribute.md
+++ b/docs/rules/no-deprecated-scope-attribute.md
@@ -10,7 +10,7 @@ since: v6.0.0
 
 > disallow deprecated `scope` attribute (in Vue.js 2.5.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index d5d511132..64f2c5e00 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow deprecated `slot` attribute (in Vue.js 2.6.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-slot-scope-attribute.md b/docs/rules/no-deprecated-slot-scope-attribute.md
index 775e8bfcd..86212de0f 100644
--- a/docs/rules/no-deprecated-slot-scope-attribute.md
+++ b/docs/rules/no-deprecated-slot-scope-attribute.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-v-bind-sync.md b/docs/rules/no-deprecated-v-bind-sync.md
index a918d2c3f..77a79f16f 100644
--- a/docs/rules/no-deprecated-v-bind-sync.md
+++ b/docs/rules/no-deprecated-v-bind-sync.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-v-is.md b/docs/rules/no-deprecated-v-is.md
index 50b1b2d6f..9fd1590e4 100644
--- a/docs/rules/no-deprecated-v-is.md
+++ b/docs/rules/no-deprecated-v-is.md
@@ -10,7 +10,7 @@ since: v7.11.0
 
 > disallow deprecated `v-is` directive (in Vue.js 3.1.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-v-on-native-modifier.md b/docs/rules/no-deprecated-v-on-native-modifier.md
index a750564f2..8b8312235 100644
--- a/docs/rules/no-deprecated-v-on-native-modifier.md
+++ b/docs/rules/no-deprecated-v-on-native-modifier.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `.native` modifiers (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-deprecated-v-on-number-modifiers.md b/docs/rules/no-deprecated-v-on-number-modifiers.md
index 56fa9785d..54ea7d431 100644
--- a/docs/rules/no-deprecated-v-on-number-modifiers.md
+++ b/docs/rules/no-deprecated-v-on-number-modifiers.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-deprecated-vue-config-keycodes.md b/docs/rules/no-deprecated-vue-config-keycodes.md
index 69d2deed0..697604b8c 100644
--- a/docs/rules/no-deprecated-vue-config-keycodes.md
+++ b/docs/rules/no-deprecated-vue-config-keycodes.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow using deprecated `Vue.config.keyCodes` (in Vue.js 3.0.0+)
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-dupe-keys.md b/docs/rules/no-dupe-keys.md
index b05e0ed81..3372a8e26 100644
--- a/docs/rules/no-dupe-keys.md
+++ b/docs/rules/no-dupe-keys.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > disallow duplication of field names
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule prevents using duplicate key names.
 
diff --git a/docs/rules/no-dupe-v-else-if.md b/docs/rules/no-dupe-v-else-if.md
index d7b1f2b73..d5bf83797 100644
--- a/docs/rules/no-dupe-v-else-if.md
+++ b/docs/rules/no-dupe-v-else-if.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow duplicate conditions in `v-if` / `v-else-if` chains
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-duplicate-attributes.md b/docs/rules/no-duplicate-attributes.md
index ef8ec8108..9ee2d2be6 100644
--- a/docs/rules/no-duplicate-attributes.md
+++ b/docs/rules/no-duplicate-attributes.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > disallow duplication of attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 When there are multiple attributes with the same name on a component, only the last one is used and the rest are ignored, so this is usually a mistake.
 
diff --git a/docs/rules/no-export-in-script-setup.md b/docs/rules/no-export-in-script-setup.md
index 1aeaa18e0..08166596b 100644
--- a/docs/rules/no-export-in-script-setup.md
+++ b/docs/rules/no-export-in-script-setup.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > disallow `export` in `<script setup>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 67fef3b94..7f8fe9137 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -10,7 +10,7 @@ since: v8.1.0
 
 > disallow asynchronously registered `expose`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index 8ce821584..78d54c526 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow asynchronously registered lifecycle hooks
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index 09bd00ad2..170b63ce3 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow unnecessary `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-multi-spaces.md b/docs/rules/no-multi-spaces.md
index 221d80230..66c6a81d7 100644
--- a/docs/rules/no-multi-spaces.md
+++ b/docs/rules/no-multi-spaces.md
@@ -10,7 +10,7 @@ since: v3.12.0
 
 > disallow multiple spaces
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index a04411f52..74d6c2931 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow passing multiple arguments to scoped slots
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index 8e10827b0..90b5488fc 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow adding multiple root nodes to the template
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 64bc94892..3ddee4cc2 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow mutation of component props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-parsing-error.md b/docs/rules/no-parsing-error.md
index c819d6aa9..a6fcf2908 100644
--- a/docs/rules/no-parsing-error.md
+++ b/docs/rules/no-parsing-error.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > disallow parsing errors in `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule reports syntax errors in `<template>`. For example:
 
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index a195fdb1b..af10e0b7d 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow use of value wrapped by `ref()` (Composition API) as an operand
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-required-prop-with-default.md b/docs/rules/no-required-prop-with-default.md
index 124c54855..8308e4d8c 100644
--- a/docs/rules/no-required-prop-with-default.md
+++ b/docs/rules/no-required-prop-with-default.md
@@ -10,7 +10,7 @@ since: v9.6.0
 
 > enforce props with default values to be optional
 
-- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/docs/rules/no-reserved-component-names.md b/docs/rules/no-reserved-component-names.md
index 31b74ab06..c99191872 100644
--- a/docs/rules/no-reserved-component-names.md
+++ b/docs/rules/no-reserved-component-names.md
@@ -10,7 +10,7 @@ since: v6.1.0
 
 > disallow the use of reserved names in component definitions
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-reserved-keys.md b/docs/rules/no-reserved-keys.md
index 6c253b554..9244ee0b7 100644
--- a/docs/rules/no-reserved-keys.md
+++ b/docs/rules/no-reserved-keys.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > disallow overwriting reserved keys
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-reserved-props.md b/docs/rules/no-reserved-props.md
index 6c56481ac..982ddb947 100644
--- a/docs/rules/no-reserved-props.md
+++ b/docs/rules/no-reserved-props.md
@@ -10,7 +10,7 @@ since: v8.0.0
 
 > disallow reserved names in props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-shared-component-data.md b/docs/rules/no-shared-component-data.md
index 1810f528f..1a96cf89f 100644
--- a/docs/rules/no-shared-component-data.md
+++ b/docs/rules/no-shared-component-data.md
@@ -10,7 +10,7 @@ since: v3.8.0
 
 > enforce component's data property to be a function
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 When using the data property on a component (i.e. anywhere except on `new Vue`), the value must be a function that returns an object.
diff --git a/docs/rules/no-side-effects-in-computed-properties.md b/docs/rules/no-side-effects-in-computed-properties.md
index 201230f85..970299537 100644
--- a/docs/rules/no-side-effects-in-computed-properties.md
+++ b/docs/rules/no-side-effects-in-computed-properties.md
@@ -10,7 +10,7 @@ since: v3.6.0
 
 > disallow side effects in computed properties
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index 7c03a740b..39682f6bc 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > disallow spaces around equal signs in attribute
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-template-key.md b/docs/rules/no-template-key.md
index 7780982ba..03e43b401 100644
--- a/docs/rules/no-template-key.md
+++ b/docs/rules/no-template-key.md
@@ -10,7 +10,7 @@ since: v3.4.0
 
 > disallow `key` attribute on `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 Vue.js disallows `key` attribute on `<template>` elements.
 
diff --git a/docs/rules/no-template-shadow.md b/docs/rules/no-template-shadow.md
index 9d74e1f12..7e38084f1 100644
--- a/docs/rules/no-template-shadow.md
+++ b/docs/rules/no-template-shadow.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > disallow variable declarations from shadowing variables declared in the outer scope
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 `no-template-shadow` should report variable definitions of v-for directives or scope attributes if they shadow the variables in parent scopes.
 
diff --git a/docs/rules/no-textarea-mustache.md b/docs/rules/no-textarea-mustache.md
index 4786908b6..0db4aff4f 100644
--- a/docs/rules/no-textarea-mustache.md
+++ b/docs/rules/no-textarea-mustache.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > disallow mustaches in `<textarea>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unused-components.md b/docs/rules/no-unused-components.md
index acd940c28..8bc27abcc 100644
--- a/docs/rules/no-unused-components.md
+++ b/docs/rules/no-unused-components.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow registering components that are not used inside templates
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unused-vars.md b/docs/rules/no-unused-vars.md
index ca19368f3..eedfc7250 100644
--- a/docs/rules/no-unused-vars.md
+++ b/docs/rules/no-unused-vars.md
@@ -10,7 +10,7 @@ since: v3.14.0
 
 > disallow unused variable definitions of v-for directives or scope attributes
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/no-use-computed-property-like-method.md b/docs/rules/no-use-computed-property-like-method.md
index 6d607ef1b..3dc4dbc54 100644
--- a/docs/rules/no-use-computed-property-like-method.md
+++ b/docs/rules/no-use-computed-property-like-method.md
@@ -10,7 +10,7 @@ since: v7.15.0
 
 > disallow use computed property like method
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-use-v-if-with-v-for.md b/docs/rules/no-use-v-if-with-v-for.md
index 02720ea14..faf1c62b2 100644
--- a/docs/rules/no-use-v-if-with-v-for.md
+++ b/docs/rules/no-use-v-if-with-v-for.md
@@ -10,7 +10,7 @@ since: v4.6.0
 
 > disallow using `v-if` on the same element as `v-for`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-useless-template-attributes.md b/docs/rules/no-useless-template-attributes.md
index e55b27fbe..d8eb20a98 100644
--- a/docs/rules/no-useless-template-attributes.md
+++ b/docs/rules/no-useless-template-attributes.md
@@ -10,7 +10,7 @@ since: v7.19.0
 
 > disallow useless attribute on `<template>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-for-template-key-on-child.md b/docs/rules/no-v-for-template-key-on-child.md
index 319d40063..4e6ddd0c3 100644
--- a/docs/rules/no-v-for-template-key-on-child.md
+++ b/docs/rules/no-v-for-template-key-on-child.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow key of `<template v-for>` placed on child elements
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 69762607c..4f36fca59 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow `key` attribute on `<template v-for>`
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 4cb5dd4f7..3098683e0 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -10,7 +10,7 @@ since: v4.7.0
 
 > disallow use of v-html to prevent XSS attack
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index 5df96e432..9e0c7d1ca 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow adding an argument to `v-model` used in custom component
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `v-model` used on custom component do not have an argument.
 
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 7d75eb9c9..9bbbcf7ab 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -10,7 +10,7 @@ since: v8.4.0
 
 > disallow v-text / v-html on component
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-recommended"`, `*.configs["flat/vue2-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index 78854371b..32b5dab0c 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > disallow asynchronously registered `watch`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/one-component-per-file.md b/docs/rules/one-component-per-file.md
index 5e6b37518..8d31a0875 100644
--- a/docs/rules/one-component-per-file.md
+++ b/docs/rules/one-component-per-file.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce that each component should be in its own file
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/order-in-components.md b/docs/rules/order-in-components.md
index 48b7eb1c5..29d3eda1c 100644
--- a/docs/rules/order-in-components.md
+++ b/docs/rules/order-in-components.md
@@ -10,7 +10,7 @@ since: v3.2.0
 
 > enforce order of properties in components
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/docs/rules/prefer-import-from-vue.md b/docs/rules/prefer-import-from-vue.md
index 79b19b8ed..2da6700f9 100644
--- a/docs/rules/prefer-import-from-vue.md
+++ b/docs/rules/prefer-import-from-vue.md
@@ -10,7 +10,7 @@ since: v8.5.0
 
 > enforce import from 'vue' instead of import from '@vue/\*'
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/prop-name-casing.md b/docs/rules/prop-name-casing.md
index 43598c783..32681643c 100644
--- a/docs/rules/prop-name-casing.md
+++ b/docs/rules/prop-name-casing.md
@@ -10,7 +10,7 @@ since: v4.3.0
 
 > enforce specific casing for the Prop name in Vue components
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-component-is.md b/docs/rules/require-component-is.md
index 355db29b3..40280a975 100644
--- a/docs/rules/require-component-is.md
+++ b/docs/rules/require-component-is.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > require `v-bind:is` of `<component>` elements
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-default-prop.md b/docs/rules/require-default-prop.md
index f997b208d..c96edc24e 100644
--- a/docs/rules/require-default-prop.md
+++ b/docs/rules/require-default-prop.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > require default value for props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-explicit-emits.md b/docs/rules/require-explicit-emits.md
index d04dec8b3..5c5d3f8a9 100644
--- a/docs/rules/require-explicit-emits.md
+++ b/docs/rules/require-explicit-emits.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > require `emits` option with name triggered by `$emit()`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
diff --git a/docs/rules/require-prop-type-constructor.md b/docs/rules/require-prop-type-constructor.md
index 835d9d149..e872fc5d4 100644
--- a/docs/rules/require-prop-type-constructor.md
+++ b/docs/rules/require-prop-type-constructor.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > require prop type to be a constructor
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/require-prop-types.md b/docs/rules/require-prop-types.md
index c1a1935b5..20e46453f 100644
--- a/docs/rules/require-prop-types.md
+++ b/docs/rules/require-prop-types.md
@@ -10,7 +10,7 @@ since: v3.9.0
 
 > require type definitions in props
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-render-return.md b/docs/rules/require-render-return.md
index 406bc6c29..88cbf1efb 100644
--- a/docs/rules/require-render-return.md
+++ b/docs/rules/require-render-return.md
@@ -10,7 +10,7 @@ since: v3.10.0
 
 > enforce render function to always return value
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index c56bd04c6..56df0f88c 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce properties of `$slots` to be used as a function
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-toggle-inside-transition.md b/docs/rules/require-toggle-inside-transition.md
index c0760e381..6dd663fd1 100644
--- a/docs/rules/require-toggle-inside-transition.md
+++ b/docs/rules/require-toggle-inside-transition.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > require control the display of the content inside `<transition>`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-v-for-key.md b/docs/rules/require-v-for-key.md
index e6664f5f5..6811b9419 100644
--- a/docs/rules/require-v-for-key.md
+++ b/docs/rules/require-v-for-key.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > require `v-bind:key` with `v-for` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
index 4a78dadf6..bea185798 100644
--- a/docs/rules/require-valid-default-prop.md
+++ b/docs/rules/require-valid-default-prop.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > enforce props default values to be valid
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/return-in-computed-property.md b/docs/rules/return-in-computed-property.md
index 67ab18b15..5a1906060 100644
--- a/docs/rules/return-in-computed-property.md
+++ b/docs/rules/return-in-computed-property.md
@@ -10,7 +10,7 @@ since: v3.7.0
 
 > enforce that a return statement is present in computed property
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/return-in-emits-validator.md b/docs/rules/return-in-emits-validator.md
index 8452a53a8..ec1558241 100644
--- a/docs/rules/return-in-emits-validator.md
+++ b/docs/rules/return-in-emits-validator.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce that a return statement is present in emits validator
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 9cb448905..7219a782d 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > require a line break before and after the contents of a singleline element
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/this-in-template.md b/docs/rules/this-in-template.md
index ded2b0f94..7cd3e1251 100644
--- a/docs/rules/this-in-template.md
+++ b/docs/rules/this-in-template.md
@@ -10,7 +10,7 @@ since: v3.13.0
 
 > disallow usage of `this` in template
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/use-v-on-exact.md b/docs/rules/use-v-on-exact.md
index e2e7f4738..a13b8df30 100644
--- a/docs/rules/use-v-on-exact.md
+++ b/docs/rules/use-v-on-exact.md
@@ -10,7 +10,7 @@ since: v5.0.0
 
 > enforce usage of `exact` modifier on `v-on`
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/v-bind-style.md b/docs/rules/v-bind-style.md
index ce1b6dec6..cdcd6f7d5 100644
--- a/docs/rules/v-bind-style.md
+++ b/docs/rules/v-bind-style.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce `v-bind` directive style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-on-event-hyphenation.md b/docs/rules/v-on-event-hyphenation.md
index 8aad7eb9b..8c378ef42 100644
--- a/docs/rules/v-on-event-hyphenation.md
+++ b/docs/rules/v-on-event-hyphenation.md
@@ -10,7 +10,7 @@ since: v7.4.0
 
 > enforce v-on event naming style on custom components in template
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-on-style.md b/docs/rules/v-on-style.md
index b9ec76f71..019251009 100644
--- a/docs/rules/v-on-style.md
+++ b/docs/rules/v-on-style.md
@@ -10,7 +10,7 @@ since: v3.0.0
 
 > enforce `v-on` directive style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 060ca7bd0..5c650eb7c 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -10,7 +10,7 @@ since: v6.0.0
 
 > enforce `v-slot` directive style
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-attribute-name.md b/docs/rules/valid-attribute-name.md
index 1d71781a9..599e84d4e 100644
--- a/docs/rules/valid-attribute-name.md
+++ b/docs/rules/valid-attribute-name.md
@@ -10,7 +10,7 @@ since: v9.0.0
 
 > require valid attribute names
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/valid-define-emits.md b/docs/rules/valid-define-emits.md
index db811aa85..062403a63 100644
--- a/docs/rules/valid-define-emits.md
+++ b/docs/rules/valid-define-emits.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > enforce valid `defineEmits` compiler macro
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `defineEmits` compiler macro is valid.
 
diff --git a/docs/rules/valid-define-props.md b/docs/rules/valid-define-props.md
index 5acbf83a6..1af111c9a 100644
--- a/docs/rules/valid-define-props.md
+++ b/docs/rules/valid-define-props.md
@@ -10,7 +10,7 @@ since: v7.13.0
 
 > enforce valid `defineProps` compiler macro
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `defineProps` compiler macro is valid.
 
diff --git a/docs/rules/valid-model-definition.md b/docs/rules/valid-model-definition.md
index 601c4bfc2..9b3847ad4 100644
--- a/docs/rules/valid-model-definition.md
+++ b/docs/rules/valid-model-definition.md
@@ -10,7 +10,7 @@ since: v9.0.0
 
 > require valid keys in model option
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/valid-next-tick.md b/docs/rules/valid-next-tick.md
index b382e35b3..b2c95980b 100644
--- a/docs/rules/valid-next-tick.md
+++ b/docs/rules/valid-next-tick.md
@@ -10,7 +10,7 @@ since: v7.5.0
 
 > enforce valid `nextTick` function calls
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
diff --git a/docs/rules/valid-template-root.md b/docs/rules/valid-template-root.md
index cfc61a2a6..9dd89a287 100644
--- a/docs/rules/valid-template-root.md
+++ b/docs/rules/valid-template-root.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid template root
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every template root is valid.
 
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index cbaf82813..83fe7ce61 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce valid `.sync` modifier on `v-bind` directives
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `.sync` modifier on `v-bind` directives is valid.
 
diff --git a/docs/rules/valid-v-bind.md b/docs/rules/valid-v-bind.md
index ef55ec9d5..64badbb6a 100644
--- a/docs/rules/valid-v-bind.md
+++ b/docs/rules/valid-v-bind.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-bind` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-bind` directive is valid.
 
diff --git a/docs/rules/valid-v-cloak.md b/docs/rules/valid-v-cloak.md
index cf17be8a2..57c60edcf 100644
--- a/docs/rules/valid-v-cloak.md
+++ b/docs/rules/valid-v-cloak.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-cloak` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-cloak` directive is valid.
 
diff --git a/docs/rules/valid-v-else-if.md b/docs/rules/valid-v-else-if.md
index 9e927e0d4..13959825b 100644
--- a/docs/rules/valid-v-else-if.md
+++ b/docs/rules/valid-v-else-if.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-else-if` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-else-if` directive is valid.
 
diff --git a/docs/rules/valid-v-else.md b/docs/rules/valid-v-else.md
index 033f75539..23df5787b 100644
--- a/docs/rules/valid-v-else.md
+++ b/docs/rules/valid-v-else.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-else` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-else` directive is valid.
 
diff --git a/docs/rules/valid-v-for.md b/docs/rules/valid-v-for.md
index 68eb21fe6..f0e49c5e1 100644
--- a/docs/rules/valid-v-for.md
+++ b/docs/rules/valid-v-for.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-for` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-for` directive is valid.
 
diff --git a/docs/rules/valid-v-html.md b/docs/rules/valid-v-html.md
index 84a0f0497..75e3c233d 100644
--- a/docs/rules/valid-v-html.md
+++ b/docs/rules/valid-v-html.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-html` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-html` directive is valid.
 
diff --git a/docs/rules/valid-v-if.md b/docs/rules/valid-v-if.md
index eabe519ad..8e45793f8 100644
--- a/docs/rules/valid-v-if.md
+++ b/docs/rules/valid-v-if.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-if` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-if` directive is valid.
 
diff --git a/docs/rules/valid-v-is.md b/docs/rules/valid-v-is.md
index b90dfb2f5..294b55f5b 100644
--- a/docs/rules/valid-v-is.md
+++ b/docs/rules/valid-v-is.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce valid `v-is` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 This rule checks whether every `v-is` directive is valid.
 
diff --git a/docs/rules/valid-v-memo.md b/docs/rules/valid-v-memo.md
index eaa7d9efe..c276eb8b4 100644
--- a/docs/rules/valid-v-memo.md
+++ b/docs/rules/valid-v-memo.md
@@ -10,7 +10,7 @@ since: v7.16.0
 
 > enforce valid `v-memo` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue3-recommended"` and `*.configs["flat/recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
 
 This rule checks whether every `v-memo` directive is valid.
 
diff --git a/docs/rules/valid-v-model.md b/docs/rules/valid-v-model.md
index 67cb9c1ef..0bc38d1b0 100644
--- a/docs/rules/valid-v-model.md
+++ b/docs/rules/valid-v-model.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-model` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-model` directive is valid.
 
diff --git a/docs/rules/valid-v-on.md b/docs/rules/valid-v-on.md
index 26b569693..acfb630b7 100644
--- a/docs/rules/valid-v-on.md
+++ b/docs/rules/valid-v-on.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-on` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-on` directive is valid.
 
diff --git a/docs/rules/valid-v-once.md b/docs/rules/valid-v-once.md
index 563980070..daa711b8d 100644
--- a/docs/rules/valid-v-once.md
+++ b/docs/rules/valid-v-once.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-once` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-once` directive is valid.
 
diff --git a/docs/rules/valid-v-pre.md b/docs/rules/valid-v-pre.md
index 3d2e56fb7..0464ed3d7 100644
--- a/docs/rules/valid-v-pre.md
+++ b/docs/rules/valid-v-pre.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-pre` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-pre` directive is valid.
 
diff --git a/docs/rules/valid-v-show.md b/docs/rules/valid-v-show.md
index 0d52b72f3..5be8a50a5 100644
--- a/docs/rules/valid-v-show.md
+++ b/docs/rules/valid-v-show.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-show` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-show` directive is valid.
 
diff --git a/docs/rules/valid-v-slot.md b/docs/rules/valid-v-slot.md
index 5e9bb5d61..0c0c9e564 100644
--- a/docs/rules/valid-v-slot.md
+++ b/docs/rules/valid-v-slot.md
@@ -10,7 +10,7 @@ since: v7.0.0
 
 > enforce valid `v-slot` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-slot` directive is valid.
 
diff --git a/docs/rules/valid-v-text.md b/docs/rules/valid-v-text.md
index 189a94bde..093939d01 100644
--- a/docs/rules/valid-v-text.md
+++ b/docs/rules/valid-v-text.md
@@ -10,7 +10,7 @@ since: v3.11.0
 
 > enforce valid `v-text` directives
 
-- :gear: This rule is included in all of `"plugin:vue/vue3-essential"`, `*.configs["flat/essential"]`, `"plugin:vue/essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue3-strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue3-recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `v-text` directive is valid.
 
diff --git a/lib/index.d.ts b/lib/index.d.ts
index 2651c4d55..c4667b05b 100644
--- a/lib/index.d.ts
+++ b/lib/index.d.ts
@@ -4,20 +4,26 @@ declare const vue: {
   meta: any
   configs: {
     base: Linter.LegacyConfig
-    essential: Linter.LegacyConfig
-    'no-layout-rules': Linter.LegacyConfig
-    recommended: Linter.LegacyConfig
-    'strongly-recommended': Linter.LegacyConfig
+
+    'vue2-essential': Linter.LegacyConfig
+    'vue2-strongly-recommended': Linter.LegacyConfig
+    'vue2-recommended': Linter.LegacyConfig
+
     'vue3-essential': Linter.LegacyConfig
-    'vue3-recommended': Linter.LegacyConfig
     'vue3-strongly-recommended': Linter.LegacyConfig
+    'vue3-recommended': Linter.LegacyConfig
+
     'flat/base': Linter.FlatConfig[]
+
     'flat/vue2-essential': Linter.FlatConfig[]
-    'flat/vue2-recommended': Linter.FlatConfig[]
     'flat/vue2-strongly-recommended': Linter.FlatConfig[]
+    'flat/vue2-recommended': Linter.FlatConfig[]
+
     'flat/essential': Linter.FlatConfig[]
-    'flat/recommended': Linter.FlatConfig[]
     'flat/strongly-recommended': Linter.FlatConfig[]
+    'flat/recommended': Linter.FlatConfig[]
+
+    'no-layout-rules': Linter.LegacyConfig
   }
   rules: Record<string, any>
   processors: {
diff --git a/lib/index.js b/lib/index.js
index 9ba7d0030..704e37e0f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -10,24 +10,28 @@ const plugin = {
   configs: {
     // eslintrc configs
     base: require('./configs/base'),
-    essential: require('./configs/vue2-essential'),
-    'no-layout-rules': require('./configs/no-layout-rules'),
-    recommended: require('./configs/vue2-recommended'),
-    'strongly-recommended': require('./configs/vue2-strongly-recommended'),
-    'vue3-essential': require('./configs/vue3-essential'),
-    'vue3-recommended': require('./configs/vue3-recommended'),
-    'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
+
+    'vue2-essential': require('./configs/vue2-essential'),
+    'vue2-strongly-recommended': require('./configs/vue2-strongly-recommended'),
+    'vue2-recommended': require('./configs/vue2-recommended'),
+
+    essential: require('./configs/vue3-essential'),
+    'strongly-recommended': require('./configs/vue3-strongly-recommended'),
+    recommended: require('./configs/vue3-recommended'),
 
     // flat configs
     'flat/base': require('./configs/flat/base.js'),
+
     'flat/vue2-essential': require('./configs/flat/vue2-essential.js'),
-    'flat/vue2-recommended': require('./configs/flat/vue2-recommended.js'),
     'flat/vue2-strongly-recommended': require('./configs/flat/vue2-strongly-recommended.js'),
+    'flat/vue2-recommended': require('./configs/flat/vue2-recommended.js'),
 
-    // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
     'flat/essential': require('./configs/flat/vue3-essential.js'),
+    'flat/strongly-recommended': require('./configs/flat/vue3-strongly-recommended.js'),
     'flat/recommended': require('./configs/flat/vue3-recommended.js'),
-    'flat/strongly-recommended': require('./configs/flat/vue3-strongly-recommended.js')
+
+    // config-format-agnostic configs
+    'no-layout-rules': require('./configs/no-layout-rules')
   },
   rules: {
     'array-bracket-newline': require('./rules/array-bracket-newline'),
diff --git a/tools/lib/categories.js b/tools/lib/categories.js
index c143fe413..b0a01aa7d 100644
--- a/tools/lib/categories.js
+++ b/tools/lib/categories.js
@@ -54,28 +54,25 @@ for (const rule of rules) {
 
 const CONFIG_NAME_CAPTIONS = {
   base: ['"plugin:vue/base"', '*.configs["flat/base"]'],
-  'vue3-essential': [
-    '"plugin:vue/vue3-essential"',
-    '*.configs["flat/essential"]'
-  ],
+  'vue3-essential': ['"plugin:vue/essential"', '*.configs["flat/essential"]'],
   'vue2-essential': [
-    '"plugin:vue/essential"',
+    '"plugin:vue/vue2-essential"',
     '*.configs["flat/vue2-essential"]'
   ],
   'vue3-strongly-recommended': [
-    '"plugin:vue/vue3-strongly-recommended"',
+    '"plugin:vue/strongly-recommended"',
     '*.configs["flat/strongly-recommended"]'
   ],
   'vue2-strongly-recommended': [
-    '"plugin:vue/strongly-recommended"',
+    '"plugin:vue/vue2-strongly-recommended"',
     '*.configs["flat/vue2-strongly-recommended"]'
   ],
   'vue3-recommended': [
-    '"plugin:vue/vue3-recommended"',
+    '"plugin:vue/recommended"',
     '*.configs["flat/recommended"]'
   ],
   'vue2-recommended': [
-    '"plugin:vue/recommended"',
+    '"plugin:vue/vue2-recommended"',
     '*.configs["flat/vue2-recommended"]'
   ]
 }
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 427fd197e..5ce5d459e 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -28,24 +28,28 @@ const plugin = {
   configs: {
     // eslintrc configs
     base: require('./configs/base'),
-    essential: require('./configs/vue2-essential'),
-    'no-layout-rules': require('./configs/no-layout-rules'),
-    recommended: require('./configs/vue2-recommended'),
-    'strongly-recommended': require('./configs/vue2-strongly-recommended'),
-    'vue3-essential': require('./configs/vue3-essential'),
-    'vue3-recommended': require('./configs/vue3-recommended'),
-    'vue3-strongly-recommended': require('./configs/vue3-strongly-recommended'),
-  
+
+    'vue2-essential': require('./configs/vue2-essential'),
+    'vue2-strongly-recommended': require('./configs/vue2-strongly-recommended'),
+    'vue2-recommended': require('./configs/vue2-recommended'),
+
+    essential: require('./configs/vue3-essential'),
+    'strongly-recommended': require('./configs/vue3-strongly-recommended'),
+    recommended: require('./configs/vue3-recommended'),
+
     // flat configs
     'flat/base': require('./configs/flat/base.js'),
+
     'flat/vue2-essential': require('./configs/flat/vue2-essential.js'),
-    'flat/vue2-recommended': require('./configs/flat/vue2-recommended.js'),
     'flat/vue2-strongly-recommended': require('./configs/flat/vue2-strongly-recommended.js'),
-  
-    // in flat configs, non-prefixed config is for Vue 3 (unlike eslintrc configs)
+    'flat/vue2-recommended': require('./configs/flat/vue2-recommended.js'),
+
     'flat/essential': require('./configs/flat/vue3-essential.js'),
-    'flat/recommended': require('./configs/flat/vue3-recommended.js'),
     'flat/strongly-recommended': require('./configs/flat/vue3-strongly-recommended.js'),
+    'flat/recommended': require('./configs/flat/vue3-recommended.js'),
+
+    // config-format-agnostic configs
+    'no-layout-rules': require('./configs/no-layout-rules'),
   },
   rules: {
     ${rules

From 870cd865a6f9320be0b866d1cadfea9230689d96 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 17 Dec 2024 15:48:23 +0800
Subject: [PATCH 0845/1010] Remove setup-compiler-macros environments (#2652)

---
 lib/index.d.ts            | 13 -------------
 lib/index.js              | 12 ------------
 tools/update-lib-index.js | 12 ------------
 3 files changed, 37 deletions(-)

diff --git a/lib/index.d.ts b/lib/index.d.ts
index c4667b05b..19bbc8a9d 100644
--- a/lib/index.d.ts
+++ b/lib/index.d.ts
@@ -30,19 +30,6 @@ declare const vue: {
     '.vue': any
     vue: any
   }
-  environments: {
-    /**
-     * @deprecated
-     */
-    'setup-compiler-macros': {
-      globals: {
-        defineProps: 'readonly'
-        defineEmits: 'readonly'
-        defineExpose: 'readonly'
-        withDefaults: 'readonly'
-      }
-    }
-  }
 }
 
 export = vue
diff --git a/lib/index.js b/lib/index.js
index 704e37e0f..834e5f28b 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -282,18 +282,6 @@ const plugin = {
   processors: {
     '.vue': require('./processor'),
     vue: require('./processor')
-  },
-  environments: {
-    // TODO Remove in the next major version
-    /** @deprecated */
-    'setup-compiler-macros': {
-      globals: {
-        defineProps: 'readonly',
-        defineEmits: 'readonly',
-        defineExpose: 'readonly',
-        withDefaults: 'readonly'
-      }
-    }
   }
 }
 
diff --git a/tools/update-lib-index.js b/tools/update-lib-index.js
index 5ce5d459e..5e9dd6187 100644
--- a/tools/update-lib-index.js
+++ b/tools/update-lib-index.js
@@ -59,18 +59,6 @@ const plugin = {
   processors: {
     '.vue': require('./processor'),
     'vue': require('./processor')
-  },
-  environments: {
-    // TODO Remove in the next major version
-    /** @deprecated */
-    'setup-compiler-macros': {
-      globals: {
-        defineProps: 'readonly',
-        defineEmits: 'readonly',
-        defineExpose: 'readonly',
-        withDefaults: 'readonly'
-      }
-    }
   }
 }
 

From 01ed527da84ca6b4992cb0c8d927f35b810c13cb Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 17 Dec 2024 21:05:42 +0800
Subject: [PATCH 0846/1010] Add `vue/valid-define-options` to `vue3-essential`
 config (#2653)

---
 docs/rules/index.md                | 2 +-
 docs/rules/valid-define-options.md | 2 ++
 lib/configs/flat/vue3-essential.js | 1 +
 lib/configs/vue3-essential.js      | 1 +
 lib/rules/valid-define-options.js  | 4 +---
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index dd4ea4773..e38c93088 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -108,6 +108,7 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/use-v-on-exact] | enforce usage of `exact` modifier on `v-on` |  | :three::two::hammer: |
 | [vue/valid-attribute-name] | require valid attribute names |  | :three::two::warning: |
 | [vue/valid-define-emits] | enforce valid `defineEmits` compiler macro |  | :three::two::warning: |
+| [vue/valid-define-options] | enforce valid `defineOptions` compiler macro |  | :three::warning: |
 | [vue/valid-define-props] | enforce valid `defineProps` compiler macro |  | :three::two::warning: |
 | [vue/valid-model-definition] | require valid keys in model option |  | :two::warning: |
 | [vue/valid-next-tick] | enforce valid `nextTick` function calls | :wrench::bulb: | :three::two::warning: |
@@ -289,7 +290,6 @@ For example:
 | [vue/v-for-delimiter-style] | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
 | [vue/v-if-else-key] | require key attribute for conditionally rendered repeated components | :wrench: | :warning: |
 | [vue/v-on-handler-style] | enforce writing style for handlers in `v-on` directives | :wrench: | :hammer: |
-| [vue/valid-define-options] | enforce valid `defineOptions` compiler macro |  | :warning: |
 
 </rules-table>
 
diff --git a/docs/rules/valid-define-options.md b/docs/rules/valid-define-options.md
index e4bf647e3..a81d5ad96 100644
--- a/docs/rules/valid-define-options.md
+++ b/docs/rules/valid-define-options.md
@@ -10,6 +10,8 @@ since: v9.13.0
 
 > enforce valid `defineOptions` compiler macro
 
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/recommended"` and `*.configs["flat/recommended"]`.
+
 This rule checks whether `defineOptions` compiler macro is valid.
 
 ## :book: Rule Details
diff --git a/lib/configs/flat/vue3-essential.js b/lib/configs/flat/vue3-essential.js
index 1c6cf567e..ff8b5b4a6 100644
--- a/lib/configs/flat/vue3-essential.js
+++ b/lib/configs/flat/vue3-essential.js
@@ -74,6 +74,7 @@ module.exports = [
       'vue/use-v-on-exact': 'error',
       'vue/valid-attribute-name': 'error',
       'vue/valid-define-emits': 'error',
+      'vue/valid-define-options': 'error',
       'vue/valid-define-props': 'error',
       'vue/valid-next-tick': 'error',
       'vue/valid-template-root': 'error',
diff --git a/lib/configs/vue3-essential.js b/lib/configs/vue3-essential.js
index d5d357f1f..34b3229b1 100644
--- a/lib/configs/vue3-essential.js
+++ b/lib/configs/vue3-essential.js
@@ -69,6 +69,7 @@ module.exports = {
     'vue/use-v-on-exact': 'error',
     'vue/valid-attribute-name': 'error',
     'vue/valid-define-emits': 'error',
+    'vue/valid-define-options': 'error',
     'vue/valid-define-props': 'error',
     'vue/valid-next-tick': 'error',
     'vue/valid-template-root': 'error',
diff --git a/lib/rules/valid-define-options.js b/lib/rules/valid-define-options.js
index 52f1b8478..12771b8fe 100644
--- a/lib/rules/valid-define-options.js
+++ b/lib/rules/valid-define-options.js
@@ -12,9 +12,7 @@ module.exports = {
     type: 'problem',
     docs: {
       description: 'enforce valid `defineOptions` compiler macro',
-      // TODO Switch in the next major version
-      // categories: ['vue3-essential', 'vue2-essential'],
-      categories: undefined,
+      categories: ['vue3-essential'],
       url: 'https://eslint.vuejs.org/rules/valid-define-options.html'
     },
     fixable: null,

From 90fc51386de9d84ee73ba0e59f1da5dfe6d32df0 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 19 Dec 2024 14:05:18 +0100
Subject: [PATCH 0847/1010] Remove unused `runOutsideVue` option from
 `vue/sort-keys` (#2655)

---
 lib/rules/sort-keys.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index edfa1360b..601c8e1d4 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -96,9 +96,6 @@ module.exports = {
           },
           natural: {
             type: 'boolean'
-          },
-          runOutsideVue: {
-            type: 'boolean'
           }
         },
         additionalProperties: false

From dceee34fba776e9044fe030e134fa5483a584c5e Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 29 Jan 2025 19:58:44 +0900
Subject: [PATCH 0848/1010] Change `vue-eslint-parser` to peer dependency
 (#2670)

---
 package.json | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 09413d75b..11d0525d3 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,8 @@
     "node": "^14.17.0 || >=16.0.0"
   },
   "peerDependencies": {
-    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
+    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+    "vue-eslint-parser": "^9.4.3"
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
@@ -63,7 +64,6 @@
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.15",
     "semver": "^7.6.3",
-    "vue-eslint-parser": "^9.4.3",
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
@@ -98,6 +98,7 @@
     "pathe": "^1.1.2",
     "prettier": "^3.3.3",
     "typescript": "^5.7.2",
-    "vitepress": "^1.4.1"
+    "vitepress": "^1.4.1",
+    "vue-eslint-parser": "^9.4.3"
   }
 }

From 1606bae8e96e66ba157e9b8d9cc3446b8dc208ee Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 29 Jan 2025 20:43:25 +0900
Subject: [PATCH 0849/1010] Change legacy base config so that vue-eslint-parser
 is only used for `.vue` (#2668)

---
 docs/user-guide/index.md    | 7 +++----
 lib/configs/base.js         | 9 +++++++--
 tools/update-lib-configs.js | 9 +++++++--
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 9634145cc..69c9647cf 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -154,13 +154,12 @@ If you have issues with these, please also refer to the [FAQ](#does-not-work-wel
 
 ### Running ESLint from the command line
 
-If you want to run `eslint` from the command line, make sure you include the `.vue` extension using [the `--ext` option](https://eslint.org/docs/user-guide/configuring#specifying-target-files-to-lint) or a glob pattern, because ESLint targets only `.js` files by default.
+If you want to run `eslint` from the command line, ESLint will automatically check for the `.vue` extension if you use the config provided by the plugin.
 
 Examples:
 
 ```bash
-eslint --ext .js,.vue src
-eslint "src/**/*.{js,vue}"
+eslint src
 ```
 
 ::: tip
@@ -393,7 +392,7 @@ See also: "[How to use a custom parser?](#how-to-use-a-custom-parser)" section.
 
 1. Make sure your tool is set to lint `.vue` files.
 
-    - CLI targets only `.js` files by default. You have to specify additional extensions with the `--ext` option or glob patterns. E.g. `eslint "src/**/*.{js,vue}"` or `eslint src --ext .vue`. If you use `@vue/cli-plugin-eslint` and the `vue-cli-service lint` command - you don't have to worry about it.
+    - Make sure you are using the shareable config provided by `eslint-plugin-vue`.
     - If you are having issues with configuring editor, please read [editor integrations](#editor-integrations)
 
 ### Conflict with [Prettier]
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 3724461e2..068f4850a 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -4,7 +4,6 @@
  * in order to update its content execute "npm run update"
  */
 module.exports = {
-  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
@@ -17,5 +16,11 @@ module.exports = {
   rules: {
     'vue/comment-directive': 'error',
     'vue/jsx-uses-vars': 'error'
-  }
+  },
+  overrides: [
+    {
+      files: '*.vue',
+      parser: require.resolve('vue-eslint-parser')
+    }
+  ]
 }
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index e3f7f963a..239430d48 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -56,7 +56,6 @@ function formatCategory(category) {
  * in order to update its content execute "npm run update"
  */
 module.exports = {
-  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2020,
     sourceType: 'module'
@@ -68,7 +67,13 @@ module.exports = {
   plugins: [
     'vue'
   ],
-  rules: ${formatRules(category.rules, category.categoryId)}
+  rules: ${formatRules(category.rules, category.categoryId)},
+  overrides: [
+    {
+      files: '*.vue',
+      parser: require.resolve('vue-eslint-parser')
+    }
+  ]
 }
 `
   }

From 118ef57e1aa819921a8521aebec10f19e4ee7345 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 30 Jan 2025 18:52:22 +0900
Subject: [PATCH 0850/1010] Drop support for old versions of ESLint and Node.js
 (#2669)

---
 .circleci/config.yml                          | 142 ------------------
 .github/workflows/CI.yml                      |  49 ++----
 .../workflows/check-for-resources-update.yml  |   4 +-
 docs/user-guide/index.md                      |  45 +-----
 lib/configs/base.js                           |   8 +-
 package.json                                  |   6 +-
 tools/update-lib-configs.js                   |   8 +-
 7 files changed, 28 insertions(+), 234 deletions(-)
 delete mode 100644 .circleci/config.yml

diff --git a/.circleci/config.yml b/.circleci/config.yml
deleted file mode 100644
index 437c2d814..000000000
--- a/.circleci/config.yml
+++ /dev/null
@@ -1,142 +0,0 @@
-workflows:
-  version: 2
-  node-multi-build:
-    jobs:
-      - eslint-v6
-      - eslint-v7
-      - ts-eslint-v4
-      - node-v14
-      - node-v16
-      - lint
-
-version: 2
-jobs:
-  node-base: &node-base
-    docker:
-      - image: node
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      # - restore_cache:
-      #     keys:
-      #       - v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
-      - run:
-          name: Install dependencies
-          command: npm install --legacy-peer-deps
-      - run:
-          name: Test
-          command: npm test
-      # - save_cache:
-      #     key: v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
-      #     paths:
-      #       - node_modules
-
-  eslint-v6:
-    docker:
-      - image: node:14
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      - run:
-          name: Uninstall @stylistic/eslint-plugin
-          command: npm uninstall -D @stylistic/eslint-plugin
-      - run:
-          name: Install eslint@6
-          command: |
-            npm install --save-exact eslint@6.8.0 @typescript-eslint/parser@5
-      - run:
-          name: Install dependencies
-          command: npm install
-      - run:
-          name: Test
-          command: npm test
-  eslint-v7:
-    docker:
-      - image: node:14
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      - run:
-          name: Uninstall @stylistic/eslint-plugin
-          command: npm uninstall -D @stylistic/eslint-plugin
-      - run:
-          name: Install eslint@7
-          command: |
-            npm install eslint@7 @typescript-eslint/parser@5
-      - run:
-          name: Install dependencies
-          command: npm install
-      - run:
-          name: Test
-          command: npm test
-  ts-eslint-v4:
-    docker:
-      - image: node:14
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      - run:
-          name: Uninstall @stylistic/eslint-plugin
-          command: npm uninstall -D @stylistic/eslint-plugin
-      - run:
-          name: Install @typescript-eslint/parser@4 eslint@7 typescript@4.7
-          command: |
-            npm install @typescript-eslint/parser@4 eslint@7 typescript@4.7 --save-exact
-      - run:
-          name: Install dependencies
-          command: npm install
-      - run:
-          name: Test
-          command: npm test
-  node-v14:
-    docker:
-      - image: node:14
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      - run:
-          name: Install @typescript-eslint/parser@5
-          command: |
-            npm install @typescript-eslint/parser@5 --save-exact
-      - run:
-          name: Install dependencies
-          command: npm install
-      - run:
-          name: Test
-          command: npm test
-  node-v16:
-    <<: *node-base
-    docker:
-      - image: node:16
-
-  lint:
-    docker:
-      - image: node:16
-    steps:
-      - run:
-          name: Versions
-          command: npm version
-      - checkout
-      - restore_cache:
-          keys:
-            - v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
-      - run:
-          name: Install dependencies
-          command: npm install
-      - save_cache:
-          key: v2-npm-lock-{{ .Branch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "package.json" }}
-          paths:
-            - node_modules
-      - run:
-          name: Lint
-          command: npm run lint
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 136770fd9..57aa5876d 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -18,9 +18,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
       - name: Install Packages
         run: npm install --legacy-peer-deps
       - name: Lint
@@ -30,58 +30,39 @@ jobs:
     name: Test
     strategy:
       matrix:
-        node: [18, 20]
-        eslint: [8, 9]
+        node: [18, 20, 21, 'lts/*']
+        eslint: [9]
         include:
-          # On old Node version
-          - node: 17
+          # On old ESLint version
+          - node: 18
             eslint: 8
 
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install Node.js v${{ matrix.node }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
       - name: Install Packages
-        run: npm install --legacy-peer-deps
+        run: npm install -f
       - name: Install ESLint v${{ matrix.eslint }}
-        run: npm install --save-dev eslint@${{ matrix.eslint }} --legacy-peer-deps
-      - name: Test
-        run: npm test
-
-  test-for-ts-eslint-v5:
-    name: Test
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Install Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-      - name: Install Packages
-        run: npm install --legacy-peer-deps
-      - name: Install typescript-eslint v5
-        run: npm install -D @typescript-eslint/parser
+        run: npm install --save-dev eslint@${{ matrix.eslint }} -f
       - name: Test
         run: npm test
 
-  test-for-eslint-v8-without-eslint-stylistic:
-    name: Test
+  test-without-eslint-stylistic:
+    name: Test without ESLint Stylistic
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
       - name: Install Packages
-        run: npm install --legacy-peer-deps
+        run: npm install -f
       - name: Uninstall @stylistic/eslint-plugin
         run: npm uninstall -D @stylistic/eslint-plugin
-      - name: Install eslint v8
-        run: npm install -D eslint@8
       - name: Test
         run: npm test
diff --git a/.github/workflows/check-for-resources-update.yml b/.github/workflows/check-for-resources-update.yml
index a9b2460e8..613125fc3 100644
--- a/.github/workflows/check-for-resources-update.yml
+++ b/.github/workflows/check-for-resources-update.yml
@@ -13,9 +13,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 18
       - name: Install Packages
diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 69c9647cf..6b37b041e 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -16,8 +16,8 @@ yarn add -D eslint eslint-plugin-vue
 
 ::: tip Requirements
 
-- ESLint v6.2.0 and above
-- Node.js v14.17.x, v16.x and above
+- ESLint: `^8.57.0 || ^9.0.0`
+- Node.js: `^18.18.0 || ^20.9.0 || >=21.1.0`
 
 :::
 
@@ -479,47 +479,6 @@ You need to use [vue-eslint-parser] v9.0.0 or later.
 
 Previously you had to use the `vue/setup-compiler-macros` environment, this is no longer needed.
 
-#### Parsing error with Top Level `await`
-
-##### Using ESLint <= v7.x
-
-The parser `espree` that comes with `ESLint` v7.x doesn't understand the syntax of ES2022, so it can't parse the Top Level `await` either.  
-However, `espree` >= v8 can understand the syntax of ES2022 and parse the Top Level `await`.  
-You install `espree` >= v8 and specify `"espree"` and ES2022 in your configuration, the parser will be able to parse it.
-
-```js
-module.exports = {
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    parser: 'espree', // <-
-    ecmaVersion: 2022, // <-
-    sourceType: 'module'
-  },
-}
-```
-
-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` or `"latest"` for `parserOptions.ecmaVersion`.
-
-```js
-module.exports = {
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-}
-```
-
-#### Other Problems
-
-Try searching for existing issues.
-If it does not exist, you should open a new issue and share your repository to reproduce the issue.
-
-[vue-eslint-parser]: https://github.com/vuejs/vue-eslint-parser
-
 ### Auto Imports Support
 
 In [Nuxt 3](https://nuxt.com/) or with [`unplugin-auto-import`](https://github.com/unplugin/unplugin-auto-import), Vue APIs can be auto imported. To make rules like [`vue/no-ref-as-operand`](/rules/no-ref-as-operand.html) or [`vue/no-watch-after-await`](/rules/no-watch-after-await.html) work correctly with them, you can specify them in ESLint's [`globals`](https://eslint.org/docs/latest/use/configure/configuration-files-new#configuring-global-variables) options:
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 068f4850a..60b9e5cff 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -3,15 +3,13 @@
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
+const globals = require('globals')
 module.exports = {
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: 'latest',
     sourceType: 'module'
   },
-  env: {
-    browser: true,
-    es6: true
-  },
+  globals: globals.browser,
   plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
diff --git a/package.json b/package.json
index 11d0525d3..0fa81819f 100644
--- a/package.json
+++ b/package.json
@@ -51,15 +51,15 @@
     "url": "https://github.com/vuejs/eslint-plugin-vue/issues"
   },
   "engines": {
-    "node": "^14.17.0 || >=16.0.0"
+    "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
   },
   "peerDependencies": {
-    "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+    "eslint": "^8.57.0 || ^9.0.0",
     "vue-eslint-parser": "^9.4.3"
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
-    "globals": "^13.24.0",
+    "globals": "^15.14.0",
     "natural-compare": "^1.4.0",
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.15",
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index 239430d48..00b61b9a8 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -55,15 +55,13 @@ function formatCategory(category) {
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
+const globals = require('globals')
 module.exports = {
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: 'latest',
     sourceType: 'module'
   },
-  env: {
-    browser: true,
-    es6: true
-  },
+  globals: globals.browser,
   plugins: [
     'vue'
   ],

From 3c3f71182876c3b5d576d59b360168d10ca9f2a1 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 30 Jan 2025 20:16:53 +0900
Subject: [PATCH 0851/1010] Remove globals from configs (#2674)

---
 docs/user-guide/index.md         | 76 +++++++++++++++++++++++++++++++-
 lib/configs/base.js              |  2 -
 lib/configs/flat/base.js         |  7 +--
 package.json                     |  2 +-
 tools/update-lib-configs.js      |  2 -
 tools/update-lib-flat-configs.js |  3 --
 6 files changed, 78 insertions(+), 14 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 6b37b041e..fcd7ff45c 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -11,7 +11,7 @@ npm install --save-dev eslint eslint-plugin-vue
 Via [yarn](https://yarnpkg.com/):
 
 ```bash
-yarn add -D eslint eslint-plugin-vue
+yarn add -D eslint eslint-plugin-vue globals
 ```
 
 ::: tip Requirements
@@ -31,6 +31,8 @@ Example **eslint.config.js**:
 
 ```js
 import pluginVue from 'eslint-plugin-vue'
+import globals from 'globals'
+
 export default [
   // add more generic rulesets here, such as:
   // js.configs.recommended,
@@ -40,6 +42,12 @@ export default [
     rules: {
       // override/add rules settings here, such as:
       // 'vue/no-unused-vars': 'error'
+    },
+    languageOptions: {
+      sourceType: 'module',
+      globals: {
+        ...globals.browser
+      }
     }
   }
 ]
@@ -67,6 +75,48 @@ You can use the following configs by adding them to `eslint.config.js`.
 By default, all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
 :::
 
+#### Specifying Globals (`eslint.config.js`)
+
+Specify global objects depending on how you use Vue.js. More information on how to set globals can be found [here](https://eslint.org/docs/latest/use/configure/language-options#predefined-global-variables).
+
+If you're writing an app that will only render on the browser, use `globals.browser`.
+
+```js
+// ...
+import globals from 'globals'
+
+export default [
+  // ...
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      }
+    }
+  }
+  // ...
+]
+```
+
+If you're writing an app that is rendered both server-side and on the browser, use `globals.shared-node-browser`.
+
+```js
+// ...
+import globals from 'globals'
+
+export default [
+  // ...
+  {
+    languageOptions: {
+      globals: {
+        ...globals['shared-node-browser']
+      }
+    }
+  }
+  // ...
+]
+```
+
 #### Example configuration with [typescript-eslint](https://typescript-eslint.io/) and [Prettier](https://prettier.io/)
 
 ```bash
@@ -152,6 +202,30 @@ This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS v
 If you have issues with these, please also refer to the [FAQ](#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
+#### Specifying Environments (`.eslintrc`)
+
+Specify environments depending on how you use Vue.js. More information on how to set environments can be found [here](https://eslint.org/docs/latest/use/configure/language-options-deprecated#specifying-environments).
+
+If you're writing an app that will only render on the browser, use `env.browser`.
+
+```json
+{
+  "env": {
+    "browser": true
+  }
+}
+```
+
+If you're writing an app that is rendered both server-side and on the browser, use `env.shared-node-browser`.
+
+```json
+{
+  "env": {
+    "shared-node-browser": true
+  }
+}
+```
+
 ### Running ESLint from the command line
 
 If you want to run `eslint` from the command line, ESLint will automatically check for the `.vue` extension if you use the config provided by the plugin.
diff --git a/lib/configs/base.js b/lib/configs/base.js
index 60b9e5cff..c7189fbca 100644
--- a/lib/configs/base.js
+++ b/lib/configs/base.js
@@ -3,13 +3,11 @@
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
-const globals = require('globals')
 module.exports = {
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module'
   },
-  globals: globals.browser,
   plugins: ['vue'],
   rules: {
     'vue/comment-directive': 'error',
diff --git a/lib/configs/flat/base.js b/lib/configs/flat/base.js
index eb2393ede..22386f377 100644
--- a/lib/configs/flat/base.js
+++ b/lib/configs/flat/base.js
@@ -3,7 +3,6 @@
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
-const globals = require('globals')
 module.exports = [
   {
     name: 'vue/base/setup',
@@ -13,8 +12,7 @@ module.exports = [
       }
     },
     languageOptions: {
-      sourceType: 'module',
-      globals: globals.browser
+      sourceType: 'module'
     }
   },
   {
@@ -27,8 +25,7 @@ module.exports = [
     },
     languageOptions: {
       parser: require('vue-eslint-parser'),
-      sourceType: 'module',
-      globals: globals.browser
+      sourceType: 'module'
     },
     rules: {
       'vue/comment-directive': 'error',
diff --git a/package.json b/package.json
index 0fa81819f..f5495cf3c 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,6 @@
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
-    "globals": "^15.14.0",
     "natural-compare": "^1.4.0",
     "nth-check": "^2.1.1",
     "postcss-selector-parser": "^6.0.15",
@@ -91,6 +90,7 @@
     "eslint-plugin-vue": "file:.",
     "espree": "^9.6.1",
     "events": "^3.3.0",
+    "globals": "^15.14.0",
     "jsdom": "^22.0.0",
     "markdownlint-cli": "^0.42.0",
     "mocha": "^10.7.3",
diff --git a/tools/update-lib-configs.js b/tools/update-lib-configs.js
index 00b61b9a8..0c2845e45 100644
--- a/tools/update-lib-configs.js
+++ b/tools/update-lib-configs.js
@@ -55,13 +55,11 @@ function formatCategory(category) {
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
-const globals = require('globals')
 module.exports = {
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module'
   },
-  globals: globals.browser,
   plugins: [
     'vue'
   ],
diff --git a/tools/update-lib-flat-configs.js b/tools/update-lib-flat-configs.js
index d25ba2815..e55fb2d01 100644
--- a/tools/update-lib-flat-configs.js
+++ b/tools/update-lib-flat-configs.js
@@ -55,7 +55,6 @@ function formatCategory(category) {
  * This file has been automatically generated,
  * in order to update its content execute "npm run update"
  */
-const globals = require('globals')
 module.exports = [
   {
     name: 'vue/base/setup',
@@ -66,7 +65,6 @@ module.exports = [
     },
     languageOptions: {
       sourceType: 'module',
-      globals: globals.browser
     }
   },
   {
@@ -80,7 +78,6 @@ module.exports = [
     languageOptions: {
       parser: require('vue-eslint-parser'),
       sourceType: 'module',
-      globals: globals.browser
     },
     rules: ${formatRules(category.rules, category.categoryId)},
     processor: 'vue/vue'

From 24495c0c273c8a063ae651bf08f60cd5e7d6b97e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 6 Feb 2025 05:41:54 +0100
Subject: [PATCH 0852/1010] Deprecate Vue 2 only rules (#2675)

---
 docs/rules/index.md                  | 20 ++++++++++++++++----
 docs/rules/no-v-for-template-key.md  |  1 +
 docs/rules/no-v-model-argument.md    |  1 +
 docs/rules/valid-model-definition.md |  1 +
 docs/rules/valid-v-bind-sync.md      |  1 +
 lib/rules/no-v-for-template-key.js   |  1 +
 lib/rules/no-v-model-argument.js     |  1 +
 lib/rules/valid-model-definition.js  |  1 +
 lib/rules/valid-v-bind-sync.js       |  1 +
 9 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index e38c93088..55c5b96c9 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -91,8 +91,8 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/no-use-v-if-with-v-for] | disallow using `v-if` on the same element as `v-for` |  | :three::two::hammer: |
 | [vue/no-useless-template-attributes] | disallow useless attribute on `<template>` |  | :three::two::warning: |
 | [vue/no-v-for-template-key-on-child] | disallow key of `<template v-for>` placed on child elements |  | :three::warning: |
-| [vue/no-v-for-template-key] | disallow `key` attribute on `<template v-for>` |  | :two::warning: |
-| [vue/no-v-model-argument] | disallow adding an argument to `v-model` used in custom component |  | :two::warning: |
+| [vue/no-v-for-template-key] | disallow `key` attribute on `<template v-for>` | :no_entry_sign: | :two::warning: |
+| [vue/no-v-model-argument] | disallow adding an argument to `v-model` used in custom component | :no_entry_sign: | :two::warning: |
 | [vue/no-v-text-v-html-on-component] | disallow v-text / v-html on component |  | :three::two::warning: |
 | [vue/no-watch-after-await] | disallow asynchronously registered `watch` |  | :three::hammer: |
 | [vue/prefer-import-from-vue] | enforce import from 'vue' instead of import from '@vue/*' | :wrench: | :three::hammer: |
@@ -110,10 +110,10 @@ Rules in this category are enabled for all presets provided by eslint-plugin-vue
 | [vue/valid-define-emits] | enforce valid `defineEmits` compiler macro |  | :three::two::warning: |
 | [vue/valid-define-options] | enforce valid `defineOptions` compiler macro |  | :three::warning: |
 | [vue/valid-define-props] | enforce valid `defineProps` compiler macro |  | :three::two::warning: |
-| [vue/valid-model-definition] | require valid keys in model option |  | :two::warning: |
+| [vue/valid-model-definition] | require valid keys in model option | :no_entry_sign: | :two::warning: |
 | [vue/valid-next-tick] | enforce valid `nextTick` function calls | :wrench::bulb: | :three::two::warning: |
 | [vue/valid-template-root] | enforce valid template root |  | :three::two::warning: |
-| [vue/valid-v-bind-sync] | enforce valid `.sync` modifier on `v-bind` directives |  | :two::warning: |
+| [vue/valid-v-bind-sync] | enforce valid `.sync` modifier on `v-bind` directives | :no_entry_sign: | :two::warning: |
 | [vue/valid-v-bind] | enforce valid `v-bind` directives |  | :three::two::warning: |
 | [vue/valid-v-cloak] | enforce valid `v-cloak` directives |  | :three::two::warning: |
 | [vue/valid-v-else-if] | enforce valid `v-else-if` directives |  | :three::two::warning: |
@@ -343,6 +343,18 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 </rules-table>
 
+## Deprecated
+
+- :no_entry_sign: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
+- :innocent: We don't fix bugs which are in deprecated rules since we don't have enough resources.
+
+| Rule ID | Replaced by |
+|:--------|:------------|
+| [vue/no-v-for-template-key] | (no replacement) |
+| [vue/no-v-model-argument] | (no replacement) |
+| [vue/valid-model-definition] | (no replacement) |
+| [vue/valid-v-bind-sync] | (no replacement) |
+
 ## Removed
 
 - :no_entry: These rules have been removed in a previous major release, after they have been deprecated for a while.
diff --git a/docs/rules/no-v-for-template-key.md b/docs/rules/no-v-for-template-key.md
index 4f36fca59..5dbe15471 100644
--- a/docs/rules/no-v-for-template-key.md
+++ b/docs/rules/no-v-for-template-key.md
@@ -10,6 +10,7 @@ since: v7.0.0
 
 > disallow `key` attribute on `<template v-for>`
 
+- :no_entry_sign: This rule was **deprecated**.
 - :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
diff --git a/docs/rules/no-v-model-argument.md b/docs/rules/no-v-model-argument.md
index 9e0c7d1ca..6856c5e6c 100644
--- a/docs/rules/no-v-model-argument.md
+++ b/docs/rules/no-v-model-argument.md
@@ -10,6 +10,7 @@ since: v7.0.0
 
 > disallow adding an argument to `v-model` used in custom component
 
+- :no_entry_sign: This rule was **deprecated**.
 - :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether `v-model` used on custom component do not have an argument.
diff --git a/docs/rules/valid-model-definition.md b/docs/rules/valid-model-definition.md
index 9b3847ad4..201fc1201 100644
--- a/docs/rules/valid-model-definition.md
+++ b/docs/rules/valid-model-definition.md
@@ -10,6 +10,7 @@ since: v9.0.0
 
 > require valid keys in model option
 
+- :no_entry_sign: This rule was **deprecated**.
 - :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 ## :book: Rule Details
diff --git a/docs/rules/valid-v-bind-sync.md b/docs/rules/valid-v-bind-sync.md
index 83fe7ce61..19129fb3d 100644
--- a/docs/rules/valid-v-bind-sync.md
+++ b/docs/rules/valid-v-bind-sync.md
@@ -10,6 +10,7 @@ since: v7.0.0
 
 > enforce valid `.sync` modifier on `v-bind` directives
 
+- :no_entry_sign: This rule was **deprecated**.
 - :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
 
 This rule checks whether every `.sync` modifier on `v-bind` directives is valid.
diff --git a/lib/rules/no-v-for-template-key.js b/lib/rules/no-v-for-template-key.js
index e26716b2a..79efada4c 100644
--- a/lib/rules/no-v-for-template-key.js
+++ b/lib/rules/no-v-for-template-key.js
@@ -14,6 +14,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-v-for-template-key.html'
     },
     fixable: null,
+    deprecated: true,
     schema: [],
     messages: {
       disallow:
diff --git a/lib/rules/no-v-model-argument.js b/lib/rules/no-v-model-argument.js
index 02e72ad79..7d5b7bc32 100644
--- a/lib/rules/no-v-model-argument.js
+++ b/lib/rules/no-v-model-argument.js
@@ -16,6 +16,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-v-model-argument.html'
     },
     fixable: null,
+    deprecated: true,
     schema: [],
     messages: {
       vModelRequireNoArgument: "'v-model' directives require no argument."
diff --git a/lib/rules/valid-model-definition.js b/lib/rules/valid-model-definition.js
index 00fe97612..6d82fca32 100644
--- a/lib/rules/valid-model-definition.js
+++ b/lib/rules/valid-model-definition.js
@@ -17,6 +17,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-model-definition.html'
     },
     fixable: null,
+    deprecated: true,
     schema: [],
     messages: {
       invalidKey: "Invalid key '{{name}}' in model option."
diff --git a/lib/rules/valid-v-bind-sync.js b/lib/rules/valid-v-bind-sync.js
index 141a313c3..ba04d6117 100644
--- a/lib/rules/valid-v-bind-sync.js
+++ b/lib/rules/valid-v-bind-sync.js
@@ -79,6 +79,7 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/valid-v-bind-sync.html'
     },
     fixable: null,
+    deprecated: true,
     schema: [],
     messages: {
       unexpectedInvalidElement:

From 82f7e2b5f91be65a0742d033c4470c3b0e6b1474 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 5 Mar 2025 14:07:33 +0900
Subject: [PATCH 0853/1010] Upgrade vue-eslint-parser to v10 (#2697)

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f5495cf3c..bed5ba8b7 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   },
   "peerDependencies": {
     "eslint": "^8.57.0 || ^9.0.0",
-    "vue-eslint-parser": "^9.4.3"
+    "vue-eslint-parser": "^10.0.0"
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
@@ -99,6 +99,6 @@
     "prettier": "^3.3.3",
     "typescript": "^5.7.2",
     "vitepress": "^1.4.1",
-    "vue-eslint-parser": "^9.4.3"
+    "vue-eslint-parser": "^10.0.0"
   }
 }

From 2fb1f30b6b3127bd3e266380d00762d11c617271 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Wed, 5 Mar 2025 13:21:04 +0800
Subject: [PATCH 0854/1010] feat(prefer-true-attribute-shorthand): add `except`
 option (#2694)

---
 docs/rules/prefer-true-attribute-shorthand.md |  28 ++-
 lib/rules/prefer-true-attribute-shorthand.js  | 190 ++++++++++++------
 .../rules/prefer-true-attribute-shorthand.js  | 110 ++++++++++
 3 files changed, 271 insertions(+), 57 deletions(-)

diff --git a/docs/rules/prefer-true-attribute-shorthand.md b/docs/rules/prefer-true-attribute-shorthand.md
index 2a70b92eb..700921ce1 100644
--- a/docs/rules/prefer-true-attribute-shorthand.md
+++ b/docs/rules/prefer-true-attribute-shorthand.md
@@ -81,12 +81,18 @@ Default options is `"always"`.
 
 ```json
 {
-  "vue/prefer-true-attribute-shorthand": ["error", "always" | "never"]
+  "vue/prefer-true-attribute-shorthand": ["error",
+    "always" | "never",
+    {
+      except: []
+    }
+  ]
 }
 ```
 
 - `"always"` (default) ... requires shorthand form.
 - `"never"` ... requires long form.
+- `except` (`string[]`) ... specifies a list of attribute names that should be treated differently.
 
 ### `"never"`
 
@@ -105,6 +111,26 @@ Default options is `"always"`.
 
 </eslint-code-block>
 
+### `"never", { 'except': ['value', '/^foo-/'] }`
+
+<eslint-code-block :rules="{'vue/prefer-true-attribute-shorthand': ['error', 'never', { 'except': ['value', '/^foo-/'] }]}">
+
+```vue
+<template>
+  <!-- ✗ BAD -->
+  <MyComponent show />
+  <MyComponent :value="true" />
+  <MyComponent :foo-bar="true" />
+
+  <!-- ✓ GOOD -->
+  <MyComponent :show="true" />
+  <MyComponent value />
+  <MyComponent foo-bar />
+</template>
+```
+
+</eslint-code-block>
+
 ## :couple: Related Rules
 
 - [vue/no-boolean-default](./no-boolean-default.md)
diff --git a/lib/rules/prefer-true-attribute-shorthand.js b/lib/rules/prefer-true-attribute-shorthand.js
index 42d3326a9..817525d1d 100644
--- a/lib/rules/prefer-true-attribute-shorthand.js
+++ b/lib/rules/prefer-true-attribute-shorthand.js
@@ -4,8 +4,60 @@
  */
 'use strict'
 
+const { toRegExp } = require('../utils/regexp')
 const utils = require('../utils')
 
+/**
+ * @typedef { 'always' | 'never' } PreferOption
+ */
+
+/**
+ * @param {VDirective | VAttribute} node
+ * @returns {string | null}
+ */
+function getAttributeName(node) {
+  if (!node.directive) {
+    return node.key.rawName
+  }
+
+  if (
+    (node.key.name.name === 'bind' || node.key.name.name === 'model') &&
+    node.key.argument &&
+    node.key.argument.type === 'VIdentifier'
+  ) {
+    return node.key.argument.rawName
+  }
+
+  return null
+}
+/**
+ * @param {VAttribute | VDirective} node
+ * @param {boolean} isExcepted
+ * @param {PreferOption} option
+ */
+function shouldConvertToLongForm(node, isExcepted, option) {
+  return (
+    !node.directive &&
+    !node.value &&
+    (option === 'always' ? isExcepted : !isExcepted)
+  )
+}
+
+/**
+ * @param {VAttribute | VDirective} node
+ * @param {boolean} isExcepted
+ * @param {PreferOption} option
+ */
+function shouldConvertToShortForm(node, isExcepted, option) {
+  const isLiteralTrue =
+    node.directive &&
+    node.value?.expression?.type === 'Literal' &&
+    node.value.expression.value === true &&
+    Boolean(node.key.argument)
+
+  return isLiteralTrue && (option === 'always' ? !isExcepted : isExcepted)
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -17,7 +69,20 @@ module.exports = {
     },
     fixable: null,
     hasSuggestions: true,
-    schema: [{ enum: ['always', 'never'] }],
+    schema: [
+      { enum: ['always', 'never'] },
+      {
+        type: 'object',
+        properties: {
+          except: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       expectShort:
         "Boolean prop with 'true' value should be written in shorthand form.",
@@ -34,68 +99,81 @@ module.exports = {
   create(context) {
     /** @type {'always' | 'never'} */
     const option = context.options[0] || 'always'
+    /** @type {RegExp[]} */
+    const exceptReg = (context.options[1]?.except || []).map(toRegExp)
+
+    /**
+     * @param {VAttribute | VDirective} node
+     * @param {string} messageId
+     * @param {string} longVuePropText
+     * @param {string} longHtmlAttrText
+     */
+    function reportLongForm(
+      node,
+      messageId,
+      longVuePropText,
+      longHtmlAttrText
+    ) {
+      context.report({
+        node,
+        messageId,
+        suggest: [
+          {
+            messageId: 'rewriteIntoLongVueProp',
+            fix: (fixer) => fixer.replaceText(node, longVuePropText)
+          },
+          {
+            messageId: 'rewriteIntoLongHtmlAttr',
+            fix: (fixer) => fixer.replaceText(node, longHtmlAttrText)
+          }
+        ]
+      })
+    }
+
+    /**
+     * @param {VAttribute | VDirective} node
+     * @param {string} messageId
+     * @param {string} shortFormText
+     */
+    function reportShortForm(node, messageId, shortFormText) {
+      context.report({
+        node,
+        messageId,
+        suggest: [
+          {
+            messageId: 'rewriteIntoShort',
+            fix: (fixer) => fixer.replaceText(node, shortFormText)
+          }
+        ]
+      })
+    }
 
     return utils.defineTemplateBodyVisitor(context, {
       VAttribute(node) {
-        if (!utils.isCustomComponent(node.parent.parent)) {
-          return
-        }
-
-        if (option === 'never' && !node.directive && !node.value) {
-          context.report({
-            node,
-            messageId: 'expectLong',
-            suggest: [
-              {
-                messageId: 'rewriteIntoLongVueProp',
-                fix: (fixer) =>
-                  fixer.replaceText(node, `:${node.key.rawName}="true"`)
-              },
-              {
-                messageId: 'rewriteIntoLongHtmlAttr',
-                fix: (fixer) =>
-                  fixer.replaceText(
-                    node,
-                    `${node.key.rawName}="${node.key.rawName}"`
-                  )
-              }
-            ]
-          })
-          return
-        }
+        if (!utils.isCustomComponent(node.parent.parent)) return
 
-        if (option !== 'always') {
-          return
-        }
+        const name = getAttributeName(node)
+        if (name === null) return
 
-        if (
-          !node.directive ||
-          !node.value ||
-          !node.value.expression ||
-          node.value.expression.type !== 'Literal' ||
-          node.value.expression.value !== true
-        ) {
-          return
-        }
+        const isExcepted = exceptReg.some((re) => re.test(name))
 
-        const { argument } = node.key
-        if (!argument) {
-          return
+        if (shouldConvertToLongForm(node, isExcepted, option)) {
+          const key = /** @type {VIdentifier} */ (node.key)
+          reportLongForm(
+            node,
+            'expectLong',
+            `:${key.rawName}="true"`,
+            `${key.rawName}="${key.rawName}"`
+          )
+        } else if (shouldConvertToShortForm(node, isExcepted, option)) {
+          const directiveKey = /** @type {VDirectiveKey} */ (node.key)
+          if (
+            directiveKey.argument &&
+            directiveKey.argument.type === 'VIdentifier'
+          ) {
+            reportShortForm(node, 'expectShort', directiveKey.argument.rawName)
+          }
         }
-
-        context.report({
-          node,
-          messageId: 'expectShort',
-          suggest: [
-            {
-              messageId: 'rewriteIntoShort',
-              fix: (fixer) => {
-                const sourceCode = context.getSourceCode()
-                return fixer.replaceText(node, sourceCode.getText(argument))
-              }
-            }
-          ]
-        })
       }
     })
   }
diff --git a/tests/lib/rules/prefer-true-attribute-shorthand.js b/tests/lib/rules/prefer-true-attribute-shorthand.js
index 43253fd69..80965bac6 100644
--- a/tests/lib/rules/prefer-true-attribute-shorthand.js
+++ b/tests/lib/rules/prefer-true-attribute-shorthand.js
@@ -148,6 +148,24 @@ tester.run('prefer-true-attribute-shorthand', rule, {
       </template>
       `,
       options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input :value="true" :foo-bar="true" />
+      </template>
+      `,
+      options: ['always', { except: ['value', '/^foo-/'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input value foo-bar />
+      </template>
+      `,
+      options: ['never', { except: ['value', '/^foo-/'] }]
     }
   ],
   invalid: [
@@ -280,6 +298,98 @@ tester.run('prefer-true-attribute-shorthand', rule, {
           ]
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp value foo-bar />
+      </template>`,
+      output: null,
+      options: ['always', { except: ['value', '/^foo-/'] }],
+      errors: [
+        {
+          messageId: 'expectLong',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoLongVueProp',
+              output: `
+      <template>
+        <MyComp :value="true" foo-bar />
+      </template>`
+            },
+            {
+              messageId: 'rewriteIntoLongHtmlAttr',
+              output: `
+      <template>
+        <MyComp value="value" foo-bar />
+      </template>`
+            }
+          ]
+        },
+        {
+          messageId: 'expectLong',
+          line: 3,
+          column: 23,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoLongVueProp',
+              output: `
+      <template>
+        <MyComp value :foo-bar="true" />
+      </template>`
+            },
+            {
+              messageId: 'rewriteIntoLongHtmlAttr',
+              output: `
+      <template>
+        <MyComp value foo-bar="foo-bar" />
+      </template>`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <MyComp :value="true" :foo-bar="true" />
+      </template>`,
+      output: null,
+      options: ['never', { except: ['value', '/^foo-/'] }],
+      errors: [
+        {
+          messageId: 'expectShort',
+          line: 3,
+          column: 17,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoShort',
+              output: `
+      <template>
+        <MyComp value :foo-bar="true" />
+      </template>`
+            }
+          ]
+        },
+        {
+          messageId: 'expectShort',
+          line: 3,
+          column: 31,
+          suggestions: [
+            {
+              messageId: 'rewriteIntoShort',
+              output: `
+      <template>
+        <MyComp :value="true" foo-bar />
+      </template>`
+            }
+          ]
+        }
+      ]
     }
   ]
 })

From d38514020768cb1ea21f577f164cc3b82bcf78c9 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 5 Mar 2025 14:24:07 +0900
Subject: [PATCH 0855/1010] 10.0.0

---
 docs/rules/no-import-compiler-macros.md | 6 +++++-
 package.json                            | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-import-compiler-macros.md b/docs/rules/no-import-compiler-macros.md
index ed968daae..7ceadb336 100644
--- a/docs/rules/no-import-compiler-macros.md
+++ b/docs/rules/no-import-compiler-macros.md
@@ -3,13 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-import-compiler-macros
 description: disallow importing Vue compiler macros
+since: v10.0.0
 ---
 
 # vue/no-import-compiler-macros
 
 > disallow importing Vue compiler macros
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details
@@ -48,6 +48,10 @@ Nothing.
 
 [defineProps() & defineEmits()]: https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v10.0.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-import-compiler-macros.js)
diff --git a/package.json b/package.json
index bed5ba8b7..475c24e60 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "9.33.0",
+  "version": "10.0.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 76149245d8d33bd935ff761261ee672705469b01 Mon Sep 17 00:00:00 2001
From: Mathias Brodala <mbrodala@pagemachine.de>
Date: Wed, 5 Mar 2025 09:24:35 +0100
Subject: [PATCH 0856/1010] Add vue-eslint-parser to Yarn install instructions
 (#2698)

---
 docs/user-guide/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index fcd7ff45c..30432d511 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -11,7 +11,7 @@ npm install --save-dev eslint eslint-plugin-vue
 Via [yarn](https://yarnpkg.com/):
 
 ```bash
-yarn add -D eslint eslint-plugin-vue globals
+yarn add -D eslint eslint-plugin-vue vue-eslint-parser globals
 ```
 
 ::: tip Requirements

From 7bd1d9a1b4cc72d6a9078ee0f40384fbd68f3ef3 Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Wed, 5 Mar 2025 16:24:54 +0800
Subject: [PATCH 0857/1010] fix: sync `.eslintrc` configs name changes (#2700)

---
 lib/index.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/index.d.ts b/lib/index.d.ts
index 19bbc8a9d..8cbff659f 100644
--- a/lib/index.d.ts
+++ b/lib/index.d.ts
@@ -9,9 +9,9 @@ declare const vue: {
     'vue2-strongly-recommended': Linter.LegacyConfig
     'vue2-recommended': Linter.LegacyConfig
 
-    'vue3-essential': Linter.LegacyConfig
-    'vue3-strongly-recommended': Linter.LegacyConfig
-    'vue3-recommended': Linter.LegacyConfig
+    essential: Linter.LegacyConfig
+    'strongly-recommended': Linter.LegacyConfig
+    recommended: Linter.LegacyConfig
 
     'flat/base': Linter.FlatConfig[]
 

From 9fab6bd6f646847d5c91727524773c0859410015 Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Wed, 5 Mar 2025 19:13:27 +0800
Subject: [PATCH 0858/1010] fix: fix walking program AST when multiple script
 blocks (#2703)

---
 lib/utils/index.js                         |  2 +-
 tests/lib/rules/prefer-use-template-ref.js | 88 ++++++++++++++++++++++
 2 files changed, 89 insertions(+), 1 deletion(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 8d0dfa80d..769362966 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -1380,7 +1380,7 @@ module.exports = {
      * @param {any[]} args
      */
     function callVisitor(key, node, ...args) {
-      if (visitor[key] && inScriptSetup(node)) {
+      if (visitor[key] && (node.type === 'Program' || inScriptSetup(node))) {
         // @ts-expect-error
         visitor[key](node, ...args)
       }
diff --git a/tests/lib/rules/prefer-use-template-ref.js b/tests/lib/rules/prefer-use-template-ref.js
index 414c69830..afc6d6a11 100644
--- a/tests/lib/rules/prefer-use-template-ref.js
+++ b/tests/lib/rules/prefer-use-template-ref.js
@@ -263,6 +263,40 @@ tester.run('prefer-use-template-ref', rule, {
           })
         </script>
       `
+    },
+    {
+      filename: 'multiple-scripts-setup-first.vue',
+      code: `
+      <template>
+        <div ref="root" :data-a="A" />
+      </template>
+
+      <script setup>
+      import { useTemplateRef } from 'vue'
+      const root = useTemplateRef('root')
+      </script>
+
+      <script>
+      const A = 'foo'
+      </script>
+      `
+    },
+    {
+      filename: 'multiple-scripts-setup-last.vue',
+      code: `
+      <template>
+        <div ref="root" :data-a="A" />
+      </template>
+
+      <script>
+      const A = 'foo'
+      </script>
+
+      <script setup>
+      import { useTemplateRef } from 'vue'
+      const root = useTemplateRef('root')
+      </script>
+      `
     }
   ],
   invalid: [
@@ -420,6 +454,60 @@ tester.run('prefer-use-template-ref', rule, {
           column: 28
         }
       ]
+    },
+    {
+      filename: 'multiple-scripts-setup-first.vue',
+      code: `
+      <template>
+        <div ref="root" :data-a="A" />
+      </template>
+
+      <script setup>
+      import { ref } from 'vue'
+      const root = ref()
+      </script>
+
+      <script>
+      const A = 'foo'
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
+          line: 8,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'multiple-scripts-setup-last.vue',
+      code: `
+      <template>
+        <div ref="root" :data-a="A" />
+      </template>
+
+      <script>
+      const A = 'foo'
+      </script>
+
+      <script setup>
+      import { ref } from 'vue'
+      const root = ref()
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
+          line: 12,
+          column: 20
+        }
+      ]
     }
   ]
 })

From 87bb3ec5edceffa6eea1ea95b87bb6316d343504 Mon Sep 17 00:00:00 2001
From: chouchouji <70570907+chouchouji@users.noreply.github.com>
Date: Wed, 5 Mar 2025 21:49:44 +0800
Subject: [PATCH 0859/1010] fix(no-export-in-script-setup): better report
 location (#2701)

---
 lib/rules/no-export-in-script-setup.js       | 23 ++++--
 tests/lib/rules/no-export-in-script-setup.js | 78 +++++++++++++++++---
 2 files changed, 87 insertions(+), 14 deletions(-)

diff --git a/lib/rules/no-export-in-script-setup.js b/lib/rules/no-export-in-script-setup.js
index 66286375a..98d41ae38 100644
--- a/lib/rules/no-export-in-script-setup.js
+++ b/lib/rules/no-export-in-script-setup.js
@@ -28,8 +28,11 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @param {ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration} node */
-    function verify(node) {
+    /**
+     * @param {ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration} node
+     * @param {SourceLocation} loc
+     */
+    function verify(node, loc) {
       const tsNode =
         /** @type {TSESTreeExportAllDeclaration | TSESTreeExportDefaultDeclaration | TSESTreeExportNamedDeclaration} */ (
           node
@@ -46,14 +49,24 @@ module.exports = {
       }
       context.report({
         node,
+        loc,
         messageId: 'forbidden'
       })
     }
 
     return utils.defineScriptSetupVisitor(context, {
-      ExportAllDeclaration: verify,
-      ExportDefaultDeclaration: verify,
-      ExportNamedDeclaration: verify
+      ExportAllDeclaration: (node) => verify(node, node.loc),
+      ExportDefaultDeclaration: (node) => verify(node, node.loc),
+      ExportNamedDeclaration: (node) => {
+        // export let foo = 'foo', export class Foo {}, export function foo() {}
+        if (node.declaration) {
+          verify(node, context.getSourceCode().getFirstToken(node).loc)
+        }
+        // export { foo }, export { foo } from 'bar'
+        else {
+          verify(node, node.loc)
+        }
+      }
     })
   }
 }
diff --git a/tests/lib/rules/no-export-in-script-setup.js b/tests/lib/rules/no-export-in-script-setup.js
index 8703dc74a..bf24b8682 100644
--- a/tests/lib/rules/no-export-in-script-setup.js
+++ b/tests/lib/rules/no-export-in-script-setup.js
@@ -92,20 +92,62 @@ ruleTester.run('no-export-in-script-setup', rule, {
       export * from 'foo'
       export default {}
       export class A {}
+      export const test = '123'
+      export function foo() {}
+      const a = 1
+      export { a }
+      export { fao } from 'bar'
       </script>
       `,
       errors: [
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 3
+          line: 3,
+          endLine: 3,
+          column: 7,
+          endColumn: 26
         },
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 4
+          line: 4,
+          endLine: 4,
+          column: 7,
+          endColumn: 24
         },
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 5
+          line: 5,
+          endLine: 5,
+          column: 7,
+          endColumn: 13
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 6,
+          endLine: 6,
+          column: 7,
+          endColumn: 13
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 7,
+          endLine: 7,
+          column: 7,
+          endColumn: 13
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 9,
+          endLine: 9,
+          column: 7,
+          endColumn: 19
+        },
+        {
+          message: '`<script setup>` cannot contain ES module exports.',
+          line: 10,
+          endLine: 10,
+          column: 7,
+          endColumn: 32
         }
       ]
     },
@@ -124,15 +166,24 @@ ruleTester.run('no-export-in-script-setup', rule, {
       errors: [
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 6
+          line: 6,
+          endLine: 6,
+          column: 7,
+          endColumn: 26
         },
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 7
+          line: 7,
+          endLine: 7,
+          column: 7,
+          endColumn: 24
         },
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 8
+          line: 8,
+          endLine: 8,
+          column: 7,
+          endColumn: 13
         }
       ]
     },
@@ -154,15 +205,24 @@ ruleTester.run('no-export-in-script-setup', rule, {
       errors: [
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 3
+          line: 3,
+          endLine: 3,
+          column: 7,
+          endColumn: 13
         },
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 4
+          line: 4,
+          endLine: 4,
+          column: 7,
+          endColumn: 13
         },
         {
           message: '`<script setup>` cannot contain ES module exports.',
-          line: 5
+          line: 5,
+          endLine: 5,
+          column: 7,
+          endColumn: 16
         }
       ]
     }

From 224acd31c75358d48dece16b8dba83e373d2f84f Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Thu, 6 Mar 2025 16:47:54 +0800
Subject: [PATCH 0860/1010] docs: replace circle ci badge with github workflow
 badge (#2704)

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 95e0c08be..bdeb5e167 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 [![NPM version](https://img.shields.io/npm/v/eslint-plugin-vue.svg?style=flat)](https://npmjs.org/package/eslint-plugin-vue)
 [![NPM downloads](https://img.shields.io/npm/dm/eslint-plugin-vue.svg?style=flat)](https://npmjs.org/package/eslint-plugin-vue)
-[![CircleCI](https://img.shields.io/circleci/project/github/vuejs/eslint-plugin-vue/master.svg?style=flat)](https://circleci.com/gh/vuejs/eslint-plugin-vue)
+[![CI](https://img.shields.io/github/actions/workflow/status/vuejs/eslint-plugin-vue/CI.yml?style=flat&label=CI)](https://github.com/vuejs/eslint-plugin-vue/actions/workflows/CI.yml)
 [![License](https://img.shields.io/github/license/vuejs/eslint-plugin-vue.svg?style=flat)](https://github.com/vuejs/eslint-plugin-vue/blob/master/LICENSE)
 
 > Official ESLint plugin for Vue.js

From 256aa9f01bd3142f25c9fcb9d56931b10e2c351e Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Thu, 6 Mar 2025 16:59:58 +0800
Subject: [PATCH 0861/1010] =?UTF-8?q?refactor:=20migrate=20@types/eslint-v?=
 =?UTF-8?q?isitor-keys=20=E2=86=92=20eslint-visitor-keys=20(#2705)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 475c24e60..b9d2c00be 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,6 @@
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
     "@stylistic/eslint-plugin": "^2.12.1",
     "@types/eslint": "^8.56.2",
-    "@types/eslint-visitor-keys": "^3.3.2",
     "@types/natural-compare": "^1.4.3",
     "@types/node": "^14.18.63",
     "@types/semver": "^7.5.8",
@@ -88,6 +87,7 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-unicorn": "^56.0.0",
     "eslint-plugin-vue": "file:.",
+    "eslint-visitor-keys": "^4.2.0",
     "espree": "^9.6.1",
     "events": "^3.3.0",
     "globals": "^15.14.0",

From 698f24002a08694c75b839f17f1ec161edd4ee0f Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Thu, 6 Mar 2025 18:06:37 +0800
Subject: [PATCH 0862/1010] fix: fix typecheck (#2707)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-duplicate-attr-inheritance.js | 2 +-
 lib/rules/no-unused-refs.js                | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-duplicate-attr-inheritance.js b/lib/rules/no-duplicate-attr-inheritance.js
index 1f0fb0fd3..31aef7e44 100644
--- a/lib/rules/no-duplicate-attr-inheritance.js
+++ b/lib/rules/no-duplicate-attr-inheritance.js
@@ -63,7 +63,7 @@ module.exports = {
     const options = context.options[0] || {}
     const checkMultiRootNodes = options.checkMultiRootNodes === true
 
-    /** @type {string | number | boolean | RegExp | BigInt | null} */
+    /** @type {Literal['value']} */
     let inheritsAttrs = true
     /** @type {VReference[]} */
     const attrsRefs = []
diff --git a/lib/rules/no-unused-refs.js b/lib/rules/no-unused-refs.js
index 4896ce25a..6c5407e02 100644
--- a/lib/rules/no-unused-refs.js
+++ b/lib/rules/no-unused-refs.js
@@ -237,8 +237,10 @@ module.exports = {
           CallExpression(callExpression) {
             const firstArgument = callExpression.arguments[0]
             if (
+              callExpression.callee.type !== 'Identifier' ||
               callExpression.callee.name !== 'useTemplateRef' ||
-              !firstArgument
+              !firstArgument ||
+              !utils.isStringLiteral(firstArgument)
             ) {
               return
             }

From 86fab9bb8085e846b5d6c1f898a9e8bda836d8f0 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 6 Mar 2025 12:59:08 +0100
Subject: [PATCH 0863/1010] docs: fix old config names (#2709)

---
 docs/user-guide/index.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 30432d511..103471f61 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -166,8 +166,8 @@ module.exports = {
   extends: [
     // add more generic rulesets here, such as:
     // 'eslint:recommended',
-    'plugin:vue/vue3-recommended',
-    // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
+    'plugin:vue/recommended',
+    // 'plugin:vue/vue2-recommended' // Use this if you are using Vue.js 2.x.
   ],
   rules: {
     // override/add rules settings here, such as:
@@ -185,13 +185,13 @@ You can use the following configs by adding them to `extends`.
 
 - `"plugin:vue/base"` ... Settings and rules to enable correct ESLint parsing.
 - Configurations for using Vue.js 3.x:
-  - `"plugin:vue/vue3-essential"` ... `base`, plus rules to prevent errors or unintended behavior.
-  - `"plugin:vue/vue3-strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
-  - `"plugin:vue/vue3-recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency.
-- Configurations for using Vue.js 2.x:
   - `"plugin:vue/essential"` ... `base`, plus rules to prevent errors or unintended behavior.
   - `"plugin:vue/strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
-  - `"plugin:vue/recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency
+  - `"plugin:vue/recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency.
+- Configurations for using Vue.js 2.x:
+  - `"plugin:vue/vue2-essential"` ... `base`, plus rules to prevent errors or unintended behavior.
+  - `"plugin:vue/vue2-strongly-recommended"` ... Above, plus rules to considerably improve code readability and/or dev experience.
+  - `"plugin:vue/vue2-recommended"` ... Above, plus rules to enforce subjective community defaults to ensure consistency.
 
 :::warning Reporting rules
 By default, all rules from **base** and **essential** categories report ESLint errors. Other rules - because they're not covering potential bugs in the application - report warnings. What does it mean? By default - nothing, but if you want - you can set up a threshold and break the build after a certain amount of warnings, instead of any. More information [here](https://eslint.org/docs/user-guide/command-line-interface#handling-warnings).
@@ -264,7 +264,7 @@ Full example:
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
-    "plugin:vue/vue3-recommended"
+    "plugin:vue/recommended"
   ],
   "parser": "vue-eslint-parser",
   "parserOptions": {
@@ -436,7 +436,7 @@ Most `eslint-plugin-vue` rules require `vue-eslint-parser` to check `<template>`
 
 Make sure you have one of the following settings in your **.eslintrc**:
 
-- `"extends": ["plugin:vue/vue3-recommended"]`
+- `"extends": ["plugin:vue/recommended"]`
 - `"extends": ["plugin:vue/base"]`
 
 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:
@@ -482,7 +482,7 @@ module.exports = {
     // ...
     // 'eslint:recommended',
     // ...
-    'plugin:vue/vue3-recommended',
+    'plugin:vue/recommended',
     // ...
     'prettier'
     // Make sure "prettier" is the last element in this list.

From 5ba207067e3abbf2f72081a2c6e04d46b3b6b1ff Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 16 Mar 2025 10:49:18 +0900
Subject: [PATCH 0864/1010] Updates resources (#2716)

Co-authored-by: ota-meshi <16508807+ota-meshi@users.noreply.github.com>
---
 lib/utils/html-elements.json | 2 +-
 lib/utils/svg-elements.json  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/utils/html-elements.json b/lib/utils/html-elements.json
index 829b6f841..ff9cdf313 100644
--- a/lib/utils/html-elements.json
+++ b/lib/utils/html-elements.json
@@ -74,7 +74,6 @@
   "output",
   "p",
   "picture",
-  "portal",
   "pre",
   "progress",
   "q",
@@ -87,6 +86,7 @@
   "search",
   "section",
   "select",
+  "selectedcontent",
   "slot",
   "small",
   "source",
diff --git a/lib/utils/svg-elements.json b/lib/utils/svg-elements.json
index f214aad24..eedbf0d07 100644
--- a/lib/utils/svg-elements.json
+++ b/lib/utils/svg-elements.json
@@ -7,6 +7,7 @@
   "clipPath",
   "defs",
   "desc",
+  "discard",
   "ellipse",
   "feBlend",
   "feColorMatrix",

From 2b5273cf043ad628a0e26f9c3da7e4c0369a48df Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Mon, 17 Mar 2025 16:49:00 +0800
Subject: [PATCH 0865/1010] ci: prevent action running on forks (#2717)

---
 .github/workflows/check-for-resources-update.yml | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/check-for-resources-update.yml b/.github/workflows/check-for-resources-update.yml
index 613125fc3..31f881b1d 100644
--- a/.github/workflows/check-for-resources-update.yml
+++ b/.github/workflows/check-for-resources-update.yml
@@ -5,12 +5,13 @@ on:
     - cron: 0 0 * * 0 # At 00:00 on Sunday, see https://crontab.guru/#0_0_*_*_0
 
 permissions:
-    contents: write
-    pull-requests: write
+  contents: write
+  pull-requests: write
 
 jobs:
   check-for-resources-update:
     runs-on: ubuntu-latest
+    if: ${{ github.repository == 'vuejs/eslint-plugin-vue' }}
     steps:
       - name: Checkout
         uses: actions/checkout@v4

From 527081fa1b9b7ffa1355eb37ded667d2d53d1b7c Mon Sep 17 00:00:00 2001
From: Bo <bertonzh@gmail.com>
Date: Wed, 26 Mar 2025 15:48:35 +0800
Subject: [PATCH 0866/1010] Better report location for `vue/html-self-closing`
 (#2724)

---
 lib/rules/html-self-closing.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
index 5b98d8cf7..c31c9ab70 100644
--- a/lib/rules/html-self-closing.js
+++ b/lib/rules/html-self-closing.js
@@ -150,8 +150,7 @@ module.exports = {
             isEmpty(node, sourceCode)
           ) {
             context.report({
-              node,
-              loc: node.loc,
+              node: node.endTag || node,
               messageId: 'requireSelfClosing',
               data: {
                 elementType: ELEMENT_TYPE_MESSAGES[elementType],
@@ -175,7 +174,13 @@ module.exports = {
           if (mode === 'never' && node.startTag.selfClosing) {
             context.report({
               node,
-              loc: node.loc,
+              loc: {
+                start: {
+                  line: node.loc.end.line,
+                  column: node.loc.end.column - 2
+                },
+                end: node.loc.end
+              },
               messageId: 'disallowSelfClosing',
               data: {
                 elementType: ELEMENT_TYPE_MESSAGES[elementType],

From 6e22d51763f66b19fb1e74f321283bb69b4575e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B1=B1=E5=90=B9=E8=89=B2=E5=BE=A1=E5=AE=88?=
 <85992002+KazariEX@users.noreply.github.com>
Date: Mon, 31 Mar 2025 10:59:03 +0800
Subject: [PATCH 0867/1010] fix(no-ref-as-operand): do not report in tagged
 template expression (#2726)

---
 lib/rules/no-ref-as-operand.js       |  2 +-
 tests/lib/rules/no-ref-as-operand.js | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-ref-as-operand.js b/lib/rules/no-ref-as-operand.js
index db92f19e4..b1a9e12a8 100644
--- a/lib/rules/no-ref-as-operand.js
+++ b/lib/rules/no-ref-as-operand.js
@@ -233,7 +233,7 @@ module.exports = {
         },
         // `${refValue}`
         /** @param {Identifier} node */
-        'TemplateLiteral>Identifier'(node) {
+        ':not(TaggedTemplateExpression)>TemplateLiteral>Identifier'(node) {
           reportIfRefWrapped(node)
         },
         // refValue.x
diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 04234eff7..9db2ab3a0 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -168,6 +168,22 @@ tester.run('no-ref-as-operand', rule, {
       }
       </script>
     `,
+    `
+      <script>
+      import { ref } from 'vue'
+      const foo = ref(0)
+      func(foo)
+      function func(foo) {}
+      </script>
+    `,
+    `
+      <script>
+      import { ref } from 'vue'
+      const foo = ref(0)
+      tag\`\${foo}\`
+      function tag(arr, ...args) {}
+      </script>
+    `,
     `
     <script setup>
     const model = defineModel();
@@ -196,7 +212,7 @@ tester.run('no-ref-as-operand', rule, {
     <script setup>
     const emit = defineEmits(['test'])
     const [model, mod] = defineModel();
-    
+
     function update() {
       emit('test', model.value)
     }

From 554596cad8c6c77af6bc11ae068866b1614bb615 Mon Sep 17 00:00:00 2001
From: Yuichiro Yamashita <xydybaseball@gmail.com>
Date: Mon, 31 Mar 2025 12:05:24 +0900
Subject: [PATCH 0868/1010] docs: use `===` instead of `==` (#2727)

Co-authored-by: Wayne Zhang <waynzh19@gmail.com>
---
 docs/rules/define-emits-declaration.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/rules/define-emits-declaration.md b/docs/rules/define-emits-declaration.md
index 7a11524c5..c24f5ec62 100644
--- a/docs/rules/define-emits-declaration.md
+++ b/docs/rules/define-emits-declaration.md
@@ -35,8 +35,8 @@ const emit = defineEmits<{
 
 /* ✗ BAD */
 const emit = defineEmits({
-  change: (id) => typeof id == 'number',
-  update: (value) => typeof value == 'string'
+  change: (id) => typeof id === 'number',
+  update: (value) => typeof value === 'string'
 })
 
 /* ✗ BAD */
@@ -70,8 +70,8 @@ const emit = defineEmits<{
 
 /* ✓ GOOD */
 const emit = defineEmits({
-  change: (id) => typeof id == 'number',
-  update: (value) => typeof value == 'string'
+  change: (id) => typeof id === 'number',
+  update: (value) => typeof value === 'string'
 })
 
 /* ✓ GOOD */
@@ -92,8 +92,8 @@ const emit = defineEmits(['change', 'update'])
 
 /* ✗ BAD */
 const emit = defineEmits({
-  change: (id) => typeof id == 'number',
-  update: (value) => typeof value == 'string'
+  change: (id) => typeof id === 'number',
+  update: (value) => typeof value === 'string'
 })
 
 /* ✗ BAD */

From 41e0192c6bbc084b6596854c18e3a29197e02b37 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 31 Mar 2025 17:38:58 +0800
Subject: [PATCH 0869/1010] fix(require-default-prop): report props destructure
 (#2728)

---
 lib/rules/require-default-prop.js       |  4 +--
 tests/lib/rules/require-default-prop.js | 45 +++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/lib/rules/require-default-prop.js b/lib/rules/require-default-prop.js
index b5d2564e8..acceacf08 100644
--- a/lib/rules/require-default-prop.js
+++ b/lib/rules/require-default-prop.js
@@ -200,8 +200,8 @@ module.exports = {
 
           processProps(props, (prop) => {
             if (prop.type === 'type') {
-              if (!hasWithDefaults) {
-                // If don't use withDefaults(), exclude it from the report.
+              if (!hasWithDefaults && !isUsingPropsDestructure) {
+                // If don't use withDefaults() and props destructure, exclude it from the report.
                 return true
               }
               if (defaultsByWithDefaults[prop.propName]) {
diff --git a/tests/lib/rules/require-default-prop.js b/tests/lib/rules/require-default-prop.js
index e352eddf3..43160dfda 100644
--- a/tests/lib/rules/require-default-prop.js
+++ b/tests/lib/rules/require-default-prop.js
@@ -388,6 +388,31 @@ ruleTester.run('require-default-prop', rule, {
         parser: require('vue-eslint-parser'),
         ...languageOptions
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const {bar=42} = defineProps({foo: {type: Number, required: true}, bar: {type: Number, required: false}})
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const {foo = 42, bar} = defineProps<{foo?: number; bar: number}>()
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
     }
   ],
 
@@ -700,6 +725,26 @@ ruleTester.run('require-default-prop', rule, {
           line: 3
         }
       ]
+    },
+    {
+      // https://github.com/vuejs/eslint-plugin-vue/issues/2725
+      filename: 'type-with-props-destructure.vue',
+      code: `
+      <script setup lang="ts">
+      const {foo, bar} = defineProps<{foo?: number; bar: number}>()
+      </script>
+      `,
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        ...languageOptions,
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
+      errors: [
+        {
+          message: "Prop 'foo' requires default value to be set.",
+          line: 3
+        }
+      ]
     }
   ]
 })

From 7dec48d730a7889154915e3a043c2dcfedd0cf65 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Thu, 3 Apr 2025 15:10:58 +0800
Subject: [PATCH 0870/1010] fix(no-dupe-keys): detect props destructure rename
 (#2731)

---
 lib/rules/no-dupe-keys.js       | 33 +++++++++++++++++++++++++++++++++
 tests/lib/rules/no-dupe-keys.js | 33 +++++++++++++++++++++++++++++++--
 2 files changed, 64 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-dupe-keys.js b/lib/rules/no-dupe-keys.js
index 01b85d9f5..ecfa787cf 100644
--- a/lib/rules/no-dupe-keys.js
+++ b/lib/rules/no-dupe-keys.js
@@ -58,6 +58,33 @@ function isInsideInitializer(node, references) {
   )
 }
 
+/**
+ * Collects all renamed props from a pattern
+ * @param {Pattern | null} pattern - The destructuring pattern
+ * @returns {Set<string>} - Set of prop names that have been renamed
+ */
+function collectRenamedProps(pattern) {
+  const renamedProps = new Set()
+
+  if (!pattern || pattern.type !== 'ObjectPattern') {
+    return renamedProps
+  }
+
+  for (const prop of pattern.properties) {
+    if (prop.type !== 'Property') continue
+
+    if (
+      prop.key.type === 'Identifier' &&
+      prop.value.type === 'Identifier' &&
+      prop.key.name !== prop.value.name
+    ) {
+      renamedProps.add(prop.key.name)
+    }
+  }
+
+  return renamedProps
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -115,9 +142,15 @@ module.exports = {
             node
           ]
 
+          const renamedProps = collectRenamedProps(propsNode)
+
           for (const prop of props) {
             if (!prop.propName) continue
 
+            if (renamedProps.has(prop.propName)) {
+              continue
+            }
+
             const variable = findVariable(
               utils.getScope(context, node),
               prop.propName
diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 124442ec2..2df95908c 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -466,7 +466,7 @@ ruleTester.run('no-dupe-keys', rule, {
     {
       filename: 'test.vue',
       code: `
-      <script setup></script>
+      <script setup>
       const {foo,bar} = defineProps(['foo', 'bar'])
       </script>
       `,
@@ -475,7 +475,7 @@ ruleTester.run('no-dupe-keys', rule, {
     {
       filename: 'test.vue',
       code: `
-      <script setup></script>
+      <script setup>
       const {foo=42,bar='abc'} = defineProps(['foo', 'bar'])
       </script>
       `,
@@ -500,6 +500,17 @@ ruleTester.run('no-dupe-keys', rule, {
         parser: require('vue-eslint-parser'),
         parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
       }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo: renamedFoo, bar: renamedBar } = defineProps(['foo', 'bar'])
+      const foo = 42
+      const bar = 'hello'
+      </script>
+      `,
+      languageOptions: { parser: require('vue-eslint-parser') }
     }
   ],
 
@@ -1105,6 +1116,24 @@ ruleTester.run('no-dupe-keys', rule, {
           line: 5
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo: renamedFoo } = defineProps(['foo', 'bar'])
+      const foo = 'foo'
+      const bar = 'bar'
+      </script>
+      `,
+      languageOptions: { parser: require('vue-eslint-parser') },
+      errors: [
+        {
+          message:
+            "Duplicate key 'bar'. May cause name collision in script or template tag.",
+          line: 5
+        }
+      ]
     }
   ]
 })

From 654c3cba946a34a94a938abf1811432ee4fa4078 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Tue, 29 Apr 2025 09:53:56 +0900
Subject: [PATCH 0871/1010] 10.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b9d2c00be..5eb6e8113 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "10.0.0",
+  "version": "10.0.1",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From c68cb1a49f6dcaede556490b391631aac4940cca Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 29 Apr 2025 09:08:31 +0800
Subject: [PATCH 0872/1010] feat(no-bare-strings-in-template): `allowlist`
 support regex (#2734)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/no-bare-strings-in-template.md     |  6 +-
 lib/rules/no-bare-strings-in-template.js      | 48 ++++++++++++---
 .../lib/rules/no-bare-strings-in-template.js  | 60 +++++++++++++++++++
 3 files changed, 102 insertions(+), 12 deletions(-)

diff --git a/docs/rules/no-bare-strings-in-template.md b/docs/rules/no-bare-strings-in-template.md
index df1fae123..23a23c116 100644
--- a/docs/rules/no-bare-strings-in-template.md
+++ b/docs/rules/no-bare-strings-in-template.md
@@ -12,7 +12,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule disallows the use of bare strings in `<template>`.  
+This rule disallows the use of bare strings in `<template>`.
 In order to be able to internationalize your application, you will need to avoid using plain strings in your templates. Instead, you would need to use a template helper specializing in translation.
 
 This rule was inspired by [no-bare-strings rule in ember-template-lint](https://github.com/ember-template-lint/ember-template-lint/blob/master/docs/rule/no-bare-strings.md).
@@ -50,7 +50,7 @@ This rule was inspired by [no-bare-strings rule in ember-template-lint](https://
 </eslint-code-block>
 
 :::tip
-This rule does not check for string literals, in bindings and mustaches interpolation. This is because it looks like a conscious decision.  
+This rule does not check for string literals, in bindings and mustaches interpolation. This is because it looks like a conscious decision.
 If you want to report these string literals, enable the [vue/no-useless-v-bind] and [vue/no-useless-mustaches] rules and fix the useless string literals.
 :::
 
@@ -72,7 +72,7 @@ If you want to report these string literals, enable the [vue/no-useless-v-bind]
 }
 ```
 
-- `allowlist` ... An array of allowed strings.
+- `allowlist` ... An array of allowed strings or regular expression patterns (e.g. `/\d+/` to allow numbers).
 - `attributes` ... An object whose keys are tag name or patterns and value is an array of attributes to check for that tag name.
 - `directives` ... An array of directive names to check literal value.
 
diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
index 1c75f5092..8e4acc96d 100644
--- a/lib/rules/no-bare-strings-in-template.js
+++ b/lib/rules/no-bare-strings-in-template.js
@@ -149,17 +149,33 @@ module.exports = {
      */
     const opts = context.options[0] || {}
     /** @type {string[]} */
-    const allowlist = opts.allowlist || DEFAULT_ALLOWLIST
+    const rawAllowlist = opts.allowlist || DEFAULT_ALLOWLIST
     const attributes = parseTargetAttrs(opts.attributes || DEFAULT_ATTRIBUTES)
     const directives = opts.directives || DEFAULT_DIRECTIVES
 
-    const allowlistRe = new RegExp(
-      allowlist
-        .map((w) => regexp.escape(w))
-        .sort((a, b) => b.length - a.length)
-        .join('|'),
-      'gu'
-    )
+    /** @type {string[]} */
+    const stringAllowlist = []
+    /** @type {RegExp[]} */
+    const regexAllowlist = []
+
+    for (const item of rawAllowlist) {
+      if (regexp.isRegExp(item)) {
+        regexAllowlist.push(regexp.toRegExp(item))
+      } else {
+        stringAllowlist.push(item)
+      }
+    }
+
+    const allowlistRe =
+      stringAllowlist.length > 0
+        ? new RegExp(
+            stringAllowlist
+              .map((w) => regexp.escape(w))
+              .sort((a, b) => b.length - a.length)
+              .join('|'),
+            'gu'
+          )
+        : null
 
     /** @type {ElementStack | null} */
     let elementStack = null
@@ -168,7 +184,21 @@ module.exports = {
      * @param {string} str
      */
     function getBareString(str) {
-      return str.trim().replace(allowlistRe, '').trim()
+      let result = str.trim()
+
+      if (allowlistRe) {
+        result = result.replace(allowlistRe, '')
+      }
+
+      for (const regex of regexAllowlist) {
+        const flags = regex.flags.includes('g')
+          ? regex.flags
+          : `${regex.flags}g`
+        const globalRegex = new RegExp(regex.source, flags)
+        result = result.replace(globalRegex, '')
+      }
+
+      return result.trim()
     }
 
     /**
diff --git a/tests/lib/rules/no-bare-strings-in-template.js b/tests/lib/rules/no-bare-strings-in-template.js
index 4c6c89c7c..6706aaae0 100644
--- a/tests/lib/rules/no-bare-strings-in-template.js
+++ b/tests/lib/rules/no-bare-strings-in-template.js
@@ -132,6 +132,32 @@ tester.run('no-bare-strings-in-template', rule, {
       </template>
       `,
       options: [{ allowlist: ['@@'] }]
+    },
+    // regex
+    {
+      code: `
+      <template>
+        <h1>123 321</h1>
+      </template>
+      `,
+      options: [{ allowlist: [String.raw`/\d+/g`] }]
+    },
+    {
+      code: `
+      <template>
+        <h1>$foo</h1>
+        <h1>$bar</h1>
+      </template>
+      `,
+      options: [{ allowlist: [String.raw`/\$\w+/`] }]
+    },
+    {
+      code: `
+      <template>
+        <h1>foo123foo</h1>
+      </template>
+      `,
+      options: [{ allowlist: [String.raw`/\d+/`, 'foo'] }]
     }
   ],
   invalid: [
@@ -316,6 +342,40 @@ tester.run('no-bare-strings-in-template', rule, {
           endColumn: 34
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <h1>123, foo is invalid, 321</h1>
+      </template>
+      `,
+      options: [{ allowlist: [String.raw`/^\d+$/g`] }],
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 3,
+          column: 13,
+          endLine: 3,
+          endColumn: 37
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <h1>foo123bar</h1>
+      </template>
+      `,
+      options: [{ allowlist: [String.raw`/\d+/`, 'foo'] }],
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 3,
+          column: 13,
+          endLine: 3,
+          endColumn: 22
+        }
+      ]
     }
   ]
 })

From ce92931826145bda782af1492d4eb69ffdcdcd6b Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 29 Apr 2025 09:12:37 +0800
Subject: [PATCH 0873/1010] feat: add `define-props-destructuring` rule (#2736)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/define-props-destructuring.md      |  95 ++++++++
 docs/rules/index.md                           |   2 +
 lib/index.js                                  |   1 +
 lib/rules/define-props-destructuring.js       |  79 +++++++
 tests/lib/rules/define-props-destructuring.js | 212 ++++++++++++++++++
 5 files changed, 389 insertions(+)
 create mode 100644 docs/rules/define-props-destructuring.md
 create mode 100644 lib/rules/define-props-destructuring.js
 create mode 100644 tests/lib/rules/define-props-destructuring.js

diff --git a/docs/rules/define-props-destructuring.md b/docs/rules/define-props-destructuring.md
new file mode 100644
index 000000000..7f3bc7849
--- /dev/null
+++ b/docs/rules/define-props-destructuring.md
@@ -0,0 +1,95 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/define-props-destructuring
+description: enforce consistent style for props destructuring
+---
+
+# vue/define-props-destructuring
+
+> enforce consistent style for props destructuring
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule enforces a consistent style for handling Vue 3 Composition API props, allowing you to choose between requiring destructuring or prohibiting it.
+
+By default, the rule requires you to use destructuring syntax when using `defineProps` instead of storing props in a variable and warns against combining `withDefaults` with destructuring.
+
+<eslint-code-block :rules="{'vue/define-props-destructuring': ['error']}">
+
+```vue
+<script setup>
+  // ✓ GOOD
+  const { foo } = defineProps(['foo'])
+  const { bar = 'default' } = defineProps(['bar'])
+
+  // ✗ BAD
+  const props = defineProps(['foo'])
+  const propsWithDefaults = withDefaults(defineProps(['foo']), { foo: 'default' })
+
+  // ✗ BAD
+  const { baz } = withDefaults(defineProps(['baz']), { baz: 'default' })
+</script>
+```
+
+</eslint-code-block>
+
+The rule applies to both JavaScript and TypeScript props:
+
+<eslint-code-block :rules="{'vue/define-props-destructuring': ['error']}">
+
+```vue
+<script setup lang="ts">
+  // ✓ GOOD
+  const { foo } = defineProps<{ foo?: string }>()
+  const { bar = 'default' } = defineProps<{ bar?: string }>()
+
+  // ✗ BAD
+  const props = defineProps<{ foo?: string }>()
+  const propsWithDefaults = withDefaults(defineProps<{ foo?: string }>(), { foo: 'default' })
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```js
+{
+  "vue/define-props-destructuring": ["error", {
+    "destructure": "always" | "never"
+  }]
+}
+```
+
+- `destructure` - Sets the destructuring preference for props
+  - `"always"` (default) - Requires destructuring when using `defineProps` and warns against using `withDefaults` with destructuring
+  - `"never"` - Requires using a variable to store props and prohibits destructuring
+
+### `"destructure": "never"`
+
+<eslint-code-block :rules="{'vue/define-props-destructuring': ['error', { destructure: 'never' }]}">
+
+```vue
+<script setup>
+  // ✓ GOOD
+  const props = defineProps(['foo'])
+  const propsWithDefaults = withDefaults(defineProps(['foo']), { foo: 'default' })
+
+  // ✗ BAD
+  const { foo } = defineProps(['foo'])
+</script>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [Reactive Props Destructure](https://vuejs.org/guide/components/props.html#reactive-props-destructure)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-props-destructuring.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/define-props-destructuring.js)
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 55c5b96c9..7828b58bb 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -218,6 +218,7 @@ For example:
 | [vue/define-emits-declaration] | enforce declaration style of `defineEmits` |  | :hammer: |
 | [vue/define-macros-order] | enforce order of compiler macros (`defineProps`, `defineEmits`, etc.) | :wrench::bulb: | :lipstick: |
 | [vue/define-props-declaration] | enforce declaration style of `defineProps` |  | :hammer: |
+| [vue/define-props-destructuring] | enforce consistent style for props destructuring |  | :hammer: |
 | [vue/enforce-style-attribute] | enforce or forbid the use of the `scoped` and `module` attributes in SFC top level style tags |  | :hammer: |
 | [vue/html-button-has-type] | disallow usage of button without an explicit type attribute |  | :hammer: |
 | [vue/html-comment-content-newline] | enforce unified line break in HTML comments | :wrench: | :lipstick: |
@@ -398,6 +399,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/define-emits-declaration]: ./define-emits-declaration.md
 [vue/define-macros-order]: ./define-macros-order.md
 [vue/define-props-declaration]: ./define-props-declaration.md
+[vue/define-props-destructuring]: ./define-props-destructuring.md
 [vue/dot-location]: ./dot-location.md
 [vue/dot-notation]: ./dot-notation.md
 [vue/enforce-style-attribute]: ./enforce-style-attribute.md
diff --git a/lib/index.js b/lib/index.js
index 834e5f28b..e511536fa 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -58,6 +58,7 @@ const plugin = {
     'define-emits-declaration': require('./rules/define-emits-declaration'),
     'define-macros-order': require('./rules/define-macros-order'),
     'define-props-declaration': require('./rules/define-props-declaration'),
+    'define-props-destructuring': require('./rules/define-props-destructuring'),
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     'enforce-style-attribute': require('./rules/enforce-style-attribute'),
diff --git a/lib/rules/define-props-destructuring.js b/lib/rules/define-props-destructuring.js
new file mode 100644
index 000000000..65ec1dcd7
--- /dev/null
+++ b/lib/rules/define-props-destructuring.js
@@ -0,0 +1,79 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce consistent style for props destructuring',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/define-props-destructuring.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          destructure: {
+            enum: ['always', 'never']
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      preferDestructuring: 'Prefer destructuring from `defineProps` directly.',
+      avoidDestructuring: 'Avoid destructuring from `defineProps`.',
+      avoidWithDefaults: 'Avoid using `withDefaults` with destructuring.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = context.options[0] || {}
+    const destructurePreference = options.destructure || 'always'
+
+    return utils.compositingVisitors(
+      utils.defineScriptSetupVisitor(context, {
+        onDefinePropsEnter(node, props) {
+          const hasNoArgs = props.filter((prop) => prop.propName).length === 0
+          if (hasNoArgs) {
+            return
+          }
+
+          const hasDestructure = utils.isUsingPropsDestructure(node)
+          const hasWithDefaults = utils.hasWithDefaults(node)
+
+          if (destructurePreference === 'never') {
+            if (hasDestructure) {
+              context.report({
+                node,
+                messageId: 'avoidDestructuring'
+              })
+            }
+            return
+          }
+
+          if (!hasDestructure) {
+            context.report({
+              node,
+              messageId: 'preferDestructuring'
+            })
+            return
+          }
+
+          if (hasWithDefaults) {
+            context.report({
+              node: node.parent.callee,
+              messageId: 'avoidWithDefaults'
+            })
+          }
+        }
+      })
+    )
+  }
+}
diff --git a/tests/lib/rules/define-props-destructuring.js b/tests/lib/rules/define-props-destructuring.js
new file mode 100644
index 000000000..ec24b4328
--- /dev/null
+++ b/tests/lib/rules/define-props-destructuring.js
@@ -0,0 +1,212 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/define-props-destructuring')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2015,
+    sourceType: 'module'
+  }
+})
+
+tester.run('define-props-destructuring', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps()
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo = 'default' } = defineProps(['foo'])
+      </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const { foo = 'default' } = defineProps<{ foo?: string }>()
+      </script>
+      `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      options: [{ destructure: 'never' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = withDefaults(defineProps(['foo']), { foo: 'default' })
+      </script>
+      `,
+      options: [{ destructure: 'never' }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = defineProps<{ foo?: string }>()
+      </script>
+      `,
+      options: [{ destructure: 'never' }],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      }
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = defineProps(['foo'])
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferDestructuring',
+          line: 3,
+          column: 21
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const props = withDefaults(defineProps(['foo']), { foo: 'default' })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferDestructuring',
+          line: 3,
+          column: 34
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo } = withDefaults(defineProps(['foo']), { foo: 'default' })
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'avoidWithDefaults',
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const props = withDefaults(defineProps<{ foo?: string }>(), { foo: 'default' })
+      </script>
+      `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
+      errors: [
+        {
+          messageId: 'preferDestructuring',
+          line: 3,
+          column: 34
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const { foo } = withDefaults(defineProps<{ foo?: string }>(), { foo: 'default' })
+      </script>
+      `,
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
+      errors: [
+        {
+          messageId: 'avoidWithDefaults',
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo } = defineProps(['foo'])
+      </script>
+      `,
+      options: [{ destructure: 'never' }],
+      errors: [
+        {
+          messageId: 'avoidDestructuring',
+          line: 3,
+          column: 23
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const { foo } = withDefaults(defineProps(['foo']), { foo: 'default' })
+      </script>
+      `,
+      options: [{ destructure: 'never' }],
+      errors: [
+        {
+          messageId: 'avoidDestructuring',
+          line: 3,
+          column: 36
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      const { foo } = defineProps<{ foo?: string }>()
+      </script>
+      `,
+      options: [{ destructure: 'never' }],
+      languageOptions: {
+        parserOptions: { parser: require.resolve('@typescript-eslint/parser') }
+      },
+      errors: [
+        {
+          messageId: 'avoidDestructuring',
+          line: 3,
+          column: 23
+        }
+      ]
+    }
+  ]
+})

From f8d075737d66c1898206b2beb877c1176859fd67 Mon Sep 17 00:00:00 2001
From: chouchouji <70570907+chouchouji@users.noreply.github.com>
Date: Tue, 29 Apr 2025 09:12:44 +0800
Subject: [PATCH 0874/1010] feat(no-multiple-template-root): support
 disallowComments property (#2685)

---
 docs/rules/no-multiple-template-root.md      |  27 ++-
 lib/rules/no-multiple-template-root.js       |  42 ++++-
 tests/lib/rules/no-multiple-template-root.js | 186 +++++++++++++++++++
 3 files changed, 253 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-multiple-template-root.md b/docs/rules/no-multiple-template-root.md
index 90b5488fc..8a85c9201 100644
--- a/docs/rules/no-multiple-template-root.md
+++ b/docs/rules/no-multiple-template-root.md
@@ -61,7 +61,32 @@ This rule checks whether template contains single root element valid for Vue 2.
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-multiple-template-root": ["error", {
+    "disallowComments": false
+  }]
+}
+```
+
+- "disallowComments" (`boolean`) Enables there should not be any comments in the template root. Default is `false`.
+
+### "disallowComments": true
+
+<eslint-code-block :rules="{'vue/no-multiple-template-root': ['error', {disallowComments: true}]}">
+
+```vue
+/* ✗ BAD */
+<template>
+  <!-- root comment -->
+  <div>
+    vue eslint plugin
+  </div>
+  <!-- root comment -->
+</template>
+```
+
+</eslint-code-block>
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-multiple-template-root.js b/lib/rules/no-multiple-template-root.js
index 45c22389f..524b7a2b1 100644
--- a/lib/rules/no-multiple-template-root.js
+++ b/lib/rules/no-multiple-template-root.js
@@ -6,6 +6,21 @@
 
 const utils = require('../utils')
 
+/**
+ * Get all comments that need to be reported
+ * @param {(HTMLComment | HTMLBogusComment | Comment)[]} comments
+ * @param {Range[]} elementRanges
+ * @returns {(HTMLComment | HTMLBogusComment | Comment)[]}
+ */
+function getReportComments(comments, elementRanges) {
+  return comments.filter(
+    (comment) =>
+      !elementRanges.some(
+        (range) => range[0] <= comment.range[0] && comment.range[1] <= range[1]
+      )
+  )
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -15,8 +30,19 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-multiple-template-root.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          disallowComments: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
+      commentRoot: 'The template root disallows comments.',
       multipleRoot: 'The template root requires exactly one element.',
       textRoot: 'The template root requires an element rather than texts.',
       disallowedElement: "The template root disallows '<{{name}}>' elements.",
@@ -28,6 +54,8 @@ module.exports = {
    * @returns {RuleListener} AST event handlers.
    */
   create(context) {
+    const options = context.options[0] || {}
+    const disallowComments = options.disallowComments
     const sourceCode = context.getSourceCode()
 
     return {
@@ -37,6 +65,18 @@ module.exports = {
           return
         }
 
+        const comments = element.comments
+        const elementRanges = element.children.map((child) => child.range)
+        if (disallowComments && comments.length > 0) {
+          for (const comment of getReportComments(comments, elementRanges)) {
+            context.report({
+              node: comment,
+              loc: comment.loc,
+              messageId: 'commentRoot'
+            })
+          }
+        }
+
         const rootElements = []
         let extraText = null
         let extraElement = null
diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index 7ab80af7e..c52c1c202 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -62,6 +62,66 @@ ruleTester.run('no-multiple-template-root', rule, {
         </Link>
       </template>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- comments -->
+        <div>12333</div>
+        <!-- comments -->
+      </template>
+      `,
+      options: [{ disallowComments: false }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <!-- comments -->
+        <div>
+          <!-- comments -->
+          12333
+        </div>
+      </template>
+      `,
+      options: [{ disallowComments: false }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <!-- comments -->
+          12333
+          <span>
+            <!-- comments -->
+            12333
+          </span>
+        </div>
+      </template>
+      `,
+      options: [{ disallowComments: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="for">
+          <!-- comments -->
+          12333
+          <span>
+            <!-- comments -->
+            12333
+          </span>
+        </div>
+        <div v-else>
+          <!-- comments -->
+          12333
+        </div>
+      </template>
+      `,
+      options: [{ disallowComments: true }]
     }
   ],
   invalid: [
@@ -104,6 +164,132 @@ ruleTester.run('no-multiple-template-root', rule, {
       filename: 'test.vue',
       code: '<template><template></template></template>',
       errors: ["The template root disallows '<template>' elements."]
+    },
+    {
+      code: `
+      <template>
+        <!-- comments -->
+        <div>12333</div>
+        <!-- comments -->
+      </template>
+      `,
+      options: [{ disallowComments: true }],
+      errors: [
+        {
+          message: 'The template root disallows comments.',
+          line: 3
+        },
+        {
+          message: 'The template root disallows comments.',
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <!-- comments -->
+        <div>
+          12333
+          <!-- comments -->
+        </div>
+      </template>
+      `,
+      options: [{ disallowComments: true }],
+      errors: [
+        {
+          message: 'The template root disallows comments.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <!-- comments -->
+        <div v-if="for">
+          <!-- comments -->
+          12333
+          <span>
+            <!-- comments -->
+            12333
+          </span>
+        </div>
+        <!-- comments -->
+        <div v-else>
+          <!-- comments -->
+          12333
+        </div>
+        <!-- comments -->
+      </template>
+      `,
+      options: [{ disallowComments: true }],
+      errors: [
+        {
+          message: 'The template root disallows comments.',
+          line: 3
+        },
+        {
+          message: 'The template root disallows comments.',
+          line: 12
+        },
+        {
+          message: 'The template root disallows comments.',
+          line: 17
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div>
+          12333
+          <!-- comments -->
+        </div>
+        <!-- comments -->
+      </template>
+      `,
+      options: [{ disallowComments: true }],
+      errors: [
+        {
+          message: 'The template root disallows comments.',
+          line: 7
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div />
+        <!-- comments -->
+        <div />
+      </template>
+      `,
+      options: [{ disallowComments: true }],
+      errors: [
+        {
+          message: 'The template root disallows comments.',
+          line: 4
+        },
+        {
+          message: 'The template root requires exactly one element.',
+          line: 5
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <!-- When you have a comment in the root of your template in vue 3, 
+        using $el will point to the first text comment instead of the actual DOM element.   -->
+        <div>
+          12333
+          <!-- comments -->
+        </div>
+      </template>
+      `,
+      options: [{ disallowComments: true }],
+      errors: ['The template root disallows comments.']
     }
   ]
 })

From 1b634549a9e91231e5ea79313763c69f93e678c1 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Wed, 30 Apr 2025 17:24:36 +0900
Subject: [PATCH 0875/1010] 10.1.0

---
 docs/rules/define-props-destructuring.md | 7 +++++--
 package.json                             | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/rules/define-props-destructuring.md b/docs/rules/define-props-destructuring.md
index 7f3bc7849..e3c2b2745 100644
--- a/docs/rules/define-props-destructuring.md
+++ b/docs/rules/define-props-destructuring.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/define-props-destructuring
 description: enforce consistent style for props destructuring
+since: v10.1.0
 ---
 
 # vue/define-props-destructuring
 
 > enforce consistent style for props destructuring
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule enforces a consistent style for handling Vue 3 Composition API props, allowing you to choose between requiring destructuring or prohibiting it.
@@ -89,6 +88,10 @@ The rule applies to both JavaScript and TypeScript props:
 
 - [Reactive Props Destructure](https://vuejs.org/guide/components/props.html#reactive-props-destructure)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v10.1.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/define-props-destructuring.js)
diff --git a/package.json b/package.json
index 5eb6e8113..7e44aeb84 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "10.0.1",
+  "version": "10.1.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 0b55cdee4e8d13c434f78d921a773a2b25f67480 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 14 May 2025 14:22:30 +0900
Subject: [PATCH 0876/1010] chore: introduce changesets (#2740)

---
 .changeset/README.md          |  8 ++++++++
 .changeset/config.json        | 15 +++++++++++++++
 .github/workflows/Release.yml | 35 +++++++++++++++++++++++++++++++++++
 package.json                  |  9 +++++++--
 4 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/README.md
 create mode 100644 .changeset/config.json
 create mode 100644 .github/workflows/Release.yml

diff --git a/.changeset/README.md b/.changeset/README.md
new file mode 100644
index 000000000..e5b6d8d6a
--- /dev/null
+++ b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
new file mode 100644
index 000000000..43b72b358
--- /dev/null
+++ b/.changeset/config.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config/schema.json",
+  "changelog": [
+    "@svitejs/changesets-changelog-github-compact",
+    {
+      "repo": "vuejs/eslint-plugin-vue"
+    }
+  ],
+  "commit": false,
+  "linked": [],
+  "access": "public",
+  "baseBranch": "master",
+  "bumpVersionsWithWorkspaceProtocolOnly": true,
+  "ignore": []
+}
diff --git a/.github/workflows/Release.yml b/.github/workflows/Release.yml
new file mode 100644
index 000000000..260b73582
--- /dev/null
+++ b/.github/workflows/Release.yml
@@ -0,0 +1,35 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - master
+
+permissions: {}
+
+jobs:
+  release:
+    # prevents this action from running on forks
+    if: github.repository == 'vuejs/eslint-plugin-vue'
+    permissions:
+      contents: write # to create release (changesets/action)
+      pull-requests: write # to create pull request (changesets/action)
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+      - name: Install Dependencies
+        run: npm install -f
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          version: npm run changeset:version
+          publish: npm run changeset:publish
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/package.json b/package.json
index 7e44aeb84..ff0a4b00a 100644
--- a/package.json
+++ b/package.json
@@ -18,12 +18,15 @@
     "lint:fix": "eslint . --fix && markdownlint \"**/*.md\" --fix",
     "tsc": "tsc",
     "preversion": "npm test && git add .",
-    "version": "env-cmd -e version npm run update && npm run lint -- --fix && git add .",
+    "version": "npm run generate:version && git add .",
     "update": "node ./tools/update.js",
     "update-resources": "node ./tools/update-resources.js",
     "docs:watch": "vitepress dev docs",
     "predocs:build": "npm run update",
-    "docs:build": "vitepress build docs"
+    "docs:build": "vitepress build docs",
+    "generate:version": "env-cmd -e version npm run update && npm run lint -- --fix",
+    "changeset:version": "changeset version && npm run generate:version && git add --all",
+    "changeset:publish": "changeset publish"
   },
   "files": [
     "lib"
@@ -66,8 +69,10 @@
     "xml-name-validator": "^4.0.0"
   },
   "devDependencies": {
+    "@changesets/cli": "^2.29.2",
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
     "@stylistic/eslint-plugin": "^2.12.1",
+    "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@types/eslint": "^8.56.2",
     "@types/natural-compare": "^1.4.3",
     "@types/node": "^14.18.63",

From 87793a579d80c8127e1e272a7ab9e33126550a4f Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 14 May 2025 14:36:01 +0900
Subject: [PATCH 0877/1010] chore: fix ci error in eqeqeq (#2743)

---
 tests/lib/rules/eqeqeq.js | 36 +++++++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/tests/lib/rules/eqeqeq.js b/tests/lib/rules/eqeqeq.js
index afd458248..8089ebaaa 100644
--- a/tests/lib/rules/eqeqeq.js
+++ b/tests/lib/rules/eqeqeq.js
@@ -3,7 +3,8 @@
  */
 'use strict'
 
-const RuleTester = require('../../eslint-compat').RuleTester
+const semver = require('semver')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/eqeqeq')
 
 const tester = new RuleTester({
@@ -24,7 +25,19 @@ tester.run('eqeqeq', rule, {
   invalid: [
     {
       code: '<template><div :attr="a == 1" /></template>',
-      errors: ["Expected '===' and instead saw '=='."]
+      errors: [
+        {
+          message: "Expected '===' and instead saw '=='.",
+          suggestions: semver.gte(ESLint.version, '9.26.0')
+            ? [
+                {
+                  desc: "Use '===' instead of '=='.",
+                  output: `<template><div :attr="a === 1" /></template>`
+                }
+              ]
+            : null
+        }
+      ]
     },
     // CSS vars injection
     {
@@ -34,7 +47,24 @@ tester.run('eqeqeq', rule, {
         color: v-bind(a == 1 ? 'red' : 'blue')
       }
       </style>`,
-      errors: ["Expected '===' and instead saw '=='."]
+      errors: [
+        {
+          message: "Expected '===' and instead saw '=='.",
+          suggestions: semver.gte(ESLint.version, '9.26.0')
+            ? [
+                {
+                  desc: "Use '===' instead of '=='.",
+                  output: `
+      <style>
+      .text {
+        color: v-bind(a === 1 ? 'red' : 'blue')
+      }
+      </style>`
+                }
+              ]
+            : null
+        }
+      ]
     }
   ]
 })

From 31b30c4b08c829d9e431fb916feb6aa5fc16c9ef Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 18 May 2025 13:59:17 +0900
Subject: [PATCH 0878/1010] Updates resources (#2747)

Co-authored-by: ota-meshi <16508807+ota-meshi@users.noreply.github.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 .changeset/grumpy-humans-tickle.md | 5 +++++
 lib/utils/vue3-export-names.json   | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/grumpy-humans-tickle.md

diff --git a/.changeset/grumpy-humans-tickle.md b/.changeset/grumpy-humans-tickle.md
new file mode 100644
index 000000000..e5f3a14a8
--- /dev/null
+++ b/.changeset/grumpy-humans-tickle.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": patch
+---
+
+Updates resources
diff --git a/lib/utils/vue3-export-names.json b/lib/utils/vue3-export-names.json
index 349779da1..395090026 100644
--- a/lib/utils/vue3-export-names.json
+++ b/lib/utils/vue3-export-names.json
@@ -235,6 +235,7 @@
   "AsyncComponentOptions",
   "defineAsyncComponent",
   "useModel",
+  "TemplateRef",
   "useTemplateRef",
   "useId",
   "h",
@@ -263,8 +264,8 @@
   "devtools",
   "setDevtoolsHook",
   "DeprecationTypes",
-  "WatchOptionsBase",
   "createElementVNode",
+  "WatchOptionsBase",
   "TransitionProps",
   "Transition",
   "TransitionGroupProps",

From cf261fbf554368791f7eb4fc4aae30c36991e45a Mon Sep 17 00:00:00 2001
From: Shayan Zamani <dev.shayan.zamani@gmail.com>
Date: Fri, 6 Jun 2025 06:20:09 +0330
Subject: [PATCH 0879/1010] feat(no-restricted-html-elements): support array of
 elements (#2750)

---
 .changeset/crazy-impalas-pick.md              |  5 ++++
 docs/rules/no-restricted-html-elements.md     | 18 ++++++-------
 lib/rules/no-restricted-html-elements.js      | 16 ++++++++---
 .../lib/rules/no-restricted-html-elements.js  | 27 +++++++++++++++++++
 4 files changed, 54 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/crazy-impalas-pick.md

diff --git a/.changeset/crazy-impalas-pick.md b/.changeset/crazy-impalas-pick.md
new file mode 100644
index 000000000..834a6ec8f
--- /dev/null
+++ b/.changeset/crazy-impalas-pick.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+[vue/no-restricted-html-elements](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now accepts multiple elements in each entry.
diff --git a/docs/rules/no-restricted-html-elements.md b/docs/rules/no-restricted-html-elements.md
index 2a6d6c997..fef08aeb2 100644
--- a/docs/rules/no-restricted-html-elements.md
+++ b/docs/rules/no-restricted-html-elements.md
@@ -37,16 +37,16 @@ This rule takes a list of strings, where each string is an HTML element name to
 
 ```json
 {
-  "vue/no-restricted-html-elements": ["error", "button", "marquee"]
+  "vue/no-restricted-html-elements": ["error", "a", "marquee"]
 }
 ```
 
-<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', 'button', 'marquee']}">
+<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', 'a', 'marquee']}">
 
 ```vue
 <template>
   <!-- ✗ BAD -->
-  <button></button>
+  <a></a>
   <marquee></marquee>
 </template>
 ```
@@ -60,8 +60,8 @@ Alternatively, the rule also accepts objects.
   "vue/no-restricted-html-elements": [
     "error",
     {
-      "element": "button",
-      "message": "Prefer use of our custom <AppButton /> component"
+      "element": ["a", "RouterLink"],
+      "message": "Prefer the use of <NuxtLink> component"
     },
     {
       "element": "marquee",
@@ -73,18 +73,18 @@ Alternatively, the rule also accepts objects.
 
 The following properties can be specified for the object.
 
-- `element` ... Specify the html element.
+- `element` ... Specify the HTML element or an array of HTML elements.
 - `message` ... Specify an optional custom message.
 
-### `{ "element": "marquee" }, { "element": "button" }`
+### `{ "element": "marquee" }, { "element": "a" }`
 
-<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', { element: 'marquee' }, { element: 'button' }]}">
+<eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', { element: 'marquee' }, { element: 'a' }]}">
 
 ```vue
 <template>
   <!-- ✗ BAD -->
   <marquee></marquee>
-  <button></button>
+  <a></a>
 </template>
 ```
 
diff --git a/lib/rules/no-restricted-html-elements.js b/lib/rules/no-restricted-html-elements.js
index e906d86f2..8d5f3c300 100644
--- a/lib/rules/no-restricted-html-elements.js
+++ b/lib/rules/no-restricted-html-elements.js
@@ -23,7 +23,12 @@ module.exports = {
           {
             type: 'object',
             properties: {
-              element: { type: 'string' },
+              element: {
+                oneOf: [
+                  { type: 'string' },
+                  { type: 'array', items: { type: 'string' } }
+                ]
+              },
               message: { type: 'string', minLength: 1 }
             },
             required: ['element'],
@@ -55,9 +60,12 @@ module.exports = {
         }
 
         for (const option of context.options) {
-          const element = option.element || option
+          const restrictedItem = option.element || option
+          const elementsToRestrict = Array.isArray(restrictedItem)
+            ? restrictedItem
+            : [restrictedItem]
 
-          if (element === node.rawName) {
+          if (elementsToRestrict.includes(node.rawName)) {
             context.report({
               messageId: option.message ? 'customMessage' : 'forbiddenElement',
               data: {
@@ -66,6 +74,8 @@ module.exports = {
               },
               node: node.startTag
             })
+
+            return
           }
         }
       }
diff --git a/tests/lib/rules/no-restricted-html-elements.js b/tests/lib/rules/no-restricted-html-elements.js
index c3e3e9eeb..6180b046b 100644
--- a/tests/lib/rules/no-restricted-html-elements.js
+++ b/tests/lib/rules/no-restricted-html-elements.js
@@ -31,6 +31,11 @@ tester.run('no-restricted-html-elements', rule, {
       filename: 'test.vue',
       code: '<template><div class="foo"><Button type="button"></Button></div></template>',
       options: ['button']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><main><article></article></main></template>',
+      options: [{ element: ['div', 'span'] }]
     }
   ],
   invalid: [
@@ -69,6 +74,28 @@ tester.run('no-restricted-html-elements', rule, {
           column: 11
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><a></a><RouterLink></RouterLink></template>',
+      options: [
+        {
+          element: ['a', 'RouterLink'],
+          message: 'Prefer the use of <NuxtLink> component'
+        }
+      ],
+      errors: [
+        {
+          message: 'Prefer the use of <NuxtLink> component',
+          line: 1,
+          column: 11
+        },
+        {
+          message: 'Prefer the use of <NuxtLink> component',
+          line: 1,
+          column: 18
+        }
+      ]
     }
   ]
 })

From 2a4336b1f9365b30045304fb5c966db865fba870 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 6 Jun 2025 12:07:30 +0900
Subject: [PATCH 0880/1010] Version Packages (#2748)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/crazy-impalas-pick.md   |  5 -----
 .changeset/grumpy-humans-tickle.md |  5 -----
 CHANGELOG.md                       | 11 +++++++++++
 package.json                       |  2 +-
 4 files changed, 12 insertions(+), 11 deletions(-)
 delete mode 100644 .changeset/crazy-impalas-pick.md
 delete mode 100644 .changeset/grumpy-humans-tickle.md
 create mode 100644 CHANGELOG.md

diff --git a/.changeset/crazy-impalas-pick.md b/.changeset/crazy-impalas-pick.md
deleted file mode 100644
index 834a6ec8f..000000000
--- a/.changeset/crazy-impalas-pick.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': minor
----
-
-[vue/no-restricted-html-elements](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now accepts multiple elements in each entry.
diff --git a/.changeset/grumpy-humans-tickle.md b/.changeset/grumpy-humans-tickle.md
deleted file mode 100644
index e5f3a14a8..000000000
--- a/.changeset/grumpy-humans-tickle.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"eslint-plugin-vue": patch
----
-
-Updates resources
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 000000000..b21ab6f6f
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,11 @@
+# eslint-plugin-vue
+
+## 10.2.0
+
+### Minor Changes
+
+- [vue/no-restricted-html-elements](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now accepts multiple elements in each entry. ([#2750](https://github.com/vuejs/eslint-plugin-vue/pull/2750))
+
+### Patch Changes
+
+- Updates resources ([#2747](https://github.com/vuejs/eslint-plugin-vue/pull/2747))
diff --git a/package.json b/package.json
index ff0a4b00a..da1053c00 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From aeef72c8d2d0dec637e33e5df8fa6178bae89d74 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 8 Jun 2025 11:36:58 +0900
Subject: [PATCH 0881/1010] Updates resources (#2752)

Co-authored-by: ota-meshi <16508807+ota-meshi@users.noreply.github.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
---
 .changeset/smooth-jokes-eat.md | 5 +++++
 lib/utils/svg-elements.json    | 1 -
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/smooth-jokes-eat.md

diff --git a/.changeset/smooth-jokes-eat.md b/.changeset/smooth-jokes-eat.md
new file mode 100644
index 000000000..e5f3a14a8
--- /dev/null
+++ b/.changeset/smooth-jokes-eat.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": patch
+---
+
+Updates resources
diff --git a/lib/utils/svg-elements.json b/lib/utils/svg-elements.json
index eedbf0d07..f214aad24 100644
--- a/lib/utils/svg-elements.json
+++ b/lib/utils/svg-elements.json
@@ -7,7 +7,6 @@
   "clipPath",
   "defs",
   "desc",
-  "discard",
   "ellipse",
   "feBlend",
   "feColorMatrix",

From 66dab39a878b77a1884633b78bcaec6d3a5c3820 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 8 Jun 2025 14:24:34 +0900
Subject: [PATCH 0882/1010] chore: ignore CHANGELOG.md from markdownlint

---
 .markdownlintignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.markdownlintignore b/.markdownlintignore
index 3c3629e64..e7becf85b 100644
--- a/.markdownlintignore
+++ b/.markdownlintignore
@@ -1 +1,2 @@
 node_modules
+CHANGELOG.md

From ca973010b511755488eeac2851ffd6597f23ccb2 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 10 Jun 2025 20:41:24 +0800
Subject: [PATCH 0883/1010] feat(no-restricted-html-elements): support all
 element types (#2755)

---
 .changeset/true-oranges-heal.md               |  5 ++
 docs/rules/index.md                           |  2 +-
 docs/rules/no-restricted-html-elements.md     | 10 +--
 lib/rules/no-restricted-html-elements.js      | 10 ++-
 .../lib/rules/no-restricted-html-elements.js  | 73 ++++++++++++++++++-
 5 files changed, 89 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/true-oranges-heal.md

diff --git a/.changeset/true-oranges-heal.md b/.changeset/true-oranges-heal.md
new file mode 100644
index 000000000..eba8b9a99
--- /dev/null
+++ b/.changeset/true-oranges-heal.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': patch
+---
+
+[vue/no-restricted-html-elements](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now also checks SVG and MathML elements.
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 7828b58bb..149f877ad 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -245,7 +245,7 @@ For example:
 | [vue/no-restricted-component-names] | disallow specific component names | :bulb: | :hammer: |
 | [vue/no-restricted-component-options] | disallow specific component option |  | :hammer: |
 | [vue/no-restricted-custom-event] | disallow specific custom event | :bulb: | :hammer: |
-| [vue/no-restricted-html-elements] | disallow specific HTML elements |  | :hammer: |
+| [vue/no-restricted-html-elements] | disallow specific elements |  | :hammer: |
 | [vue/no-restricted-props] | disallow specific props | :bulb: | :hammer: |
 | [vue/no-restricted-static-attribute] | disallow specific attribute |  | :hammer: |
 | [vue/no-restricted-v-bind] | disallow specific argument in `v-bind` |  | :hammer: |
diff --git a/docs/rules/no-restricted-html-elements.md b/docs/rules/no-restricted-html-elements.md
index fef08aeb2..9adc7a6ab 100644
--- a/docs/rules/no-restricted-html-elements.md
+++ b/docs/rules/no-restricted-html-elements.md
@@ -2,17 +2,17 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-restricted-html-elements
-description: disallow specific HTML elements
+description: disallow specific elements
 since: v8.6.0
 ---
 
 # vue/no-restricted-html-elements
 
-> disallow specific HTML elements
+> disallow specific elements
 
 ## :book: Rule Details
 
-This rule allows you to specify HTML elements that you don't want to use in your application.
+This rule allows you to specify HTML, SVG, and MathML elements that you don't want to use in your application.
 
 <eslint-code-block :rules="{'vue/no-restricted-html-elements': ['error', 'marquee', 'button'] }">
 
@@ -33,7 +33,7 @@ This rule allows you to specify HTML elements that you don't want to use in your
 
 ## :wrench: Options
 
-This rule takes a list of strings, where each string is an HTML element name to be restricted:
+This rule takes a list of strings, where each string is an element name to be restricted:
 
 ```json
 {
@@ -73,7 +73,7 @@ Alternatively, the rule also accepts objects.
 
 The following properties can be specified for the object.
 
-- `element` ... Specify the HTML element or an array of HTML elements.
+- `element` ... Specify the element name or an array of element names.
 - `message` ... Specify an optional custom message.
 
 ### `{ "element": "marquee" }, { "element": "a" }`
diff --git a/lib/rules/no-restricted-html-elements.js b/lib/rules/no-restricted-html-elements.js
index 8d5f3c300..ab52abde3 100644
--- a/lib/rules/no-restricted-html-elements.js
+++ b/lib/rules/no-restricted-html-elements.js
@@ -10,7 +10,7 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow specific HTML elements',
+      description: 'disallow specific elements',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-restricted-html-elements.html'
     },
@@ -40,7 +40,7 @@ module.exports = {
       minItems: 0
     },
     messages: {
-      forbiddenElement: 'Unexpected use of forbidden HTML element {{name}}.',
+      forbiddenElement: 'Unexpected use of forbidden element {{name}}.',
       // eslint-disable-next-line eslint-plugin/report-message-format
       customMessage: '{{message}}'
     }
@@ -55,7 +55,11 @@ module.exports = {
        * @param {VElement} node
        */
       VElement(node) {
-        if (!utils.isHtmlElementNode(node)) {
+        if (
+          !utils.isHtmlElementNode(node) &&
+          !utils.isSvgElementNode(node) &&
+          !utils.isMathElementNode(node)
+        ) {
           return
         }
 
diff --git a/tests/lib/rules/no-restricted-html-elements.js b/tests/lib/rules/no-restricted-html-elements.js
index 6180b046b..f89f58a11 100644
--- a/tests/lib/rules/no-restricted-html-elements.js
+++ b/tests/lib/rules/no-restricted-html-elements.js
@@ -36,6 +36,18 @@ tester.run('no-restricted-html-elements', rule, {
       filename: 'test.vue',
       code: '<template><main><article></article></main></template>',
       options: [{ element: ['div', 'span'] }]
+    },
+    // SVG
+    {
+      filename: 'test.vue',
+      code: '<template><svg><rect width="100" height="100"></rect></svg></template>',
+      options: ['circle']
+    },
+    // Math
+    {
+      filename: 'test.vue',
+      code: '<template><math><mn>2</mn></math></template>',
+      options: ['mi']
     }
   ],
   invalid: [
@@ -45,7 +57,7 @@ tester.run('no-restricted-html-elements', rule, {
       options: ['button'],
       errors: [
         {
-          message: 'Unexpected use of forbidden HTML element button.',
+          message: 'Unexpected use of forbidden element button.',
           line: 1,
           column: 16
         }
@@ -57,7 +69,7 @@ tester.run('no-restricted-html-elements', rule, {
       options: ['div'],
       errors: [
         {
-          message: 'Unexpected use of forbidden HTML element div.',
+          message: 'Unexpected use of forbidden element div.',
           line: 1,
           column: 11
         }
@@ -96,6 +108,63 @@ tester.run('no-restricted-html-elements', rule, {
           column: 18
         }
       ]
+    },
+    // SVG
+    {
+      filename: 'test.vue',
+      code: '<template><svg><circle r="50"></circle></svg></template>',
+      options: ['circle'],
+      errors: [
+        {
+          message: 'Unexpected use of forbidden element circle.',
+          line: 1,
+          column: 16
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><svg><rect width="100" height="100"></rect><path d="M10,10 L20,20"></path></svg></template>',
+      options: [
+        { element: ['rect', 'path'], message: 'Use simplified shapes instead' }
+      ],
+      errors: [
+        {
+          message: 'Use simplified shapes instead',
+          line: 1,
+          column: 16
+        },
+        {
+          message: 'Use simplified shapes instead',
+          line: 1,
+          column: 54
+        }
+      ]
+    },
+    // Math
+    {
+      filename: 'test.vue',
+      code: '<template><math><mfrac><mn>1</mn><mn>2</mn></mfrac></math></template>',
+      options: ['mfrac'],
+      errors: [
+        {
+          message: 'Unexpected use of forbidden element mfrac.',
+          line: 1,
+          column: 17
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><math><mi>x</mi><mo>=</mo><mn>5</mn></math></template>',
+      options: [{ element: 'mo', message: 'Avoid using operators directly' }],
+      errors: [
+        {
+          message: 'Avoid using operators directly',
+          line: 1,
+          column: 27
+        }
+      ]
     }
   ]
 })

From fb4c1c0559d8b026c92ed28f759e2f4a74de0e47 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 1 Jul 2025 17:40:45 +0200
Subject: [PATCH 0884/1010] feat(no-deprecated-slot-attribute): regex ignore
 patterns (#2773)

Co-authored-by: waynzh <waynzh19@gmail.com>
Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/tangy-eagles-start.md              |  5 ++
 docs/rules/no-deprecated-slot-attribute.md    |  2 +-
 lib/rules/syntaxes/slot-attribute.js          | 19 ++--
 .../lib/rules/no-deprecated-slot-attribute.js | 88 +++++++++++++++++++
 4 files changed, 108 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/tangy-eagles-start.md

diff --git a/.changeset/tangy-eagles-start.md b/.changeset/tangy-eagles-start.md
new file mode 100644
index 000000000..1a8deb530
--- /dev/null
+++ b/.changeset/tangy-eagles-start.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+[`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html) `ignore` option now supports regex patterns.
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 64f2c5e00..df4575cc4 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -48,7 +48,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 }
 ```
 
-- `"ignore"` (`string[]`) An array of tags that ignore this rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
+- `"ignore"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) that ignore these rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
 
 ### `"ignore": ["my-component"]`
 
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 27087cb37..b77fc6c20 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -5,6 +5,7 @@
 'use strict'
 
 const canConvertToVSlot = require('./utils/can-convert-to-v-slot')
+const regexp = require('../../utils/regexp')
 const casing = require('../../utils/casing')
 
 module.exports = {
@@ -12,9 +13,11 @@ module.exports = {
   supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
+    /** @type {{ ignore: string[] }} */
     const options = context.options[0] || {}
-    /** @type {Set<string>} */
-    const ignore = new Set(options.ignore)
+    const { ignore = [] } = options
+    /** @type {RegExp[]} */
+    const ignorePatterns = ignore.map(regexp.toRegExp)
 
     const sourceCode = context.getSourceCode()
     const tokenStore =
@@ -122,10 +125,16 @@ module.exports = {
      */
     function reportSlot(slotAttr) {
       const componentName = slotAttr.parent.parent.rawName
+      const componentNamePascalCase = casing.pascalCase(componentName)
+      const componentNameKebabCase = casing.kebabCase(componentName)
+
       if (
-        ignore.has(componentName) ||
-        ignore.has(casing.pascalCase(componentName)) ||
-        ignore.has(casing.kebabCase(componentName))
+        ignorePatterns.some(
+          (pattern) =>
+            pattern.test(componentName) ||
+            pattern.test(componentNamePascalCase) ||
+            pattern.test(componentNameKebabCase)
+        )
       ) {
         return
       }
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 2fd5fa401..e420788ce 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -55,6 +55,18 @@ tester.run('no-deprecated-slot-attribute', rule, {
       </LinkList>
     </template>`,
       options: [{ ignore: ['one', 'two', 'my-component'] }]
+    },
+    {
+      code: `<template>
+      <LinkList>
+        <one slot="one" />
+        <two slot="two" />
+        <my-component slot="my-component-slot" />
+        <myComponent slot="myComponent-slot" />
+        <MyComponent slot="MyComponent-slot" />
+      </LinkList>
+    </template>`,
+      options: [{ ignore: ['/one/', '/^Two$/i', '/^my-.*/i'] }]
     }
   ],
   invalid: [
@@ -644,6 +656,82 @@ tester.run('no-deprecated-slot-attribute', rule, {
       ],
       errors: ['`slot` attributes are deprecated.']
     },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+          <two slot="two">
+            B
+          </two>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component>
+      </template>`,
+      options: [
+        {
+          ignore: ['/one/']
+        }
+      ],
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          endLine: 7,
+          column: 16,
+          endColumn: 20
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+          <two slot="two">
+            B
+          </two>
+        </my-component>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component>
+      </template>`,
+      options: [
+        {
+          ignore: ['/^one$/']
+        }
+      ],
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          endLine: 7,
+          column: 16,
+          endColumn: 20
+        }
+      ]
+    },
     {
       code: `
       <template>

From 24eccf43f1627994ce1856f2d0b0ff7c5811eb9e Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Tue, 1 Jul 2025 17:48:39 +0200
Subject: [PATCH 0885/1010] Format changesets

---
 .changeset/smooth-jokes-eat.md   | 4 ++--
 .changeset/tangy-eagles-start.md | 2 +-
 .changeset/true-oranges-heal.md  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.changeset/smooth-jokes-eat.md b/.changeset/smooth-jokes-eat.md
index e5f3a14a8..494c344ef 100644
--- a/.changeset/smooth-jokes-eat.md
+++ b/.changeset/smooth-jokes-eat.md
@@ -1,5 +1,5 @@
 ---
-"eslint-plugin-vue": patch
+'eslint-plugin-vue': patch
 ---
 
-Updates resources
+Update resources
diff --git a/.changeset/tangy-eagles-start.md b/.changeset/tangy-eagles-start.md
index 1a8deb530..395f1a1ba 100644
--- a/.changeset/tangy-eagles-start.md
+++ b/.changeset/tangy-eagles-start.md
@@ -2,4 +2,4 @@
 'eslint-plugin-vue': minor
 ---
 
-[`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html) `ignore` option now supports regex patterns.
+[`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html) `ignore` option now supports regex patterns
diff --git a/.changeset/true-oranges-heal.md b/.changeset/true-oranges-heal.md
index eba8b9a99..36c3efe16 100644
--- a/.changeset/true-oranges-heal.md
+++ b/.changeset/true-oranges-heal.md
@@ -2,4 +2,4 @@
 'eslint-plugin-vue': patch
 ---
 
-[vue/no-restricted-html-elements](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now also checks SVG and MathML elements.
+[`vue/no-restricted-html-elements`](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now also checks SVG and MathML elements

From ebf6cb5c2b37b60e3210d56388f84b50240af594 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Wed, 2 Jul 2025 16:32:55 +0900
Subject: [PATCH 0886/1010] chore: Use ESLint v9 in development env (#2775)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/fast-penguins-reflect.md           |  5 ++
 .changeset/gentle-glasses-tie.md              |  5 ++
 .github/workflows/CI.yml                      | 19 ++++-
 .github/workflows/Release.yml                 |  2 +-
 .gitignore                                    |  4 +-
 docs/.vitepress/build-system/build.mts        | 48 +++++++++--
 .../shim/{globby.mjs => empty.mjs}            |  0
 .../shim/eslint/use-at-your-own-risk.mjs      |  3 -
 docs/.vitepress/build-system/shim/esquery.mjs |  5 --
 docs/.vitepress/build-system/shim/path.mjs    | 38 ---------
 docs/.vitepress/build-system/src/eslint.mjs   |  8 --
 docs/.vitepress/config.mts                    | 25 ++++--
 .../theme/components/eslint-code-block.vue    | 83 ++++++++-----------
 docs/rules/comment-directive.md               |  6 +-
 docs/rules/eqeqeq.md                          |  1 +
 docs/rules/index.md                           |  4 +-
 docs/rules/no-implicit-coercion.md            |  1 +
 eslint.config.js                              |  5 +-
 lib/rules/no-restricted-call-after-await.js   |  2 +-
 lib/rules/no-unsupported-features.js          |  2 +-
 lib/utils/indent-ts.js                        | 41 +++++++--
 lib/utils/index.js                            |  2 +-
 lib/utils/selector.js                         |  4 +-
 package.json                                  | 19 +++--
 tests/integrations/flat-config/a.vue          |  1 -
 25 files changed, 179 insertions(+), 154 deletions(-)
 create mode 100644 .changeset/fast-penguins-reflect.md
 create mode 100644 .changeset/gentle-glasses-tie.md
 rename docs/.vitepress/build-system/shim/{globby.mjs => empty.mjs} (100%)
 delete mode 100644 docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs
 delete mode 100644 docs/.vitepress/build-system/shim/esquery.mjs
 delete mode 100644 docs/.vitepress/build-system/shim/path.mjs
 delete mode 100644 docs/.vitepress/build-system/src/eslint.mjs

diff --git a/.changeset/fast-penguins-reflect.md b/.changeset/fast-penguins-reflect.md
new file mode 100644
index 000000000..58580e0c9
--- /dev/null
+++ b/.changeset/fast-penguins-reflect.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Added [`@typescript-eslint/parser`](https://typescript-eslint.io/packages/parser) as an optional peer dependency
diff --git a/.changeset/gentle-glasses-tie.md b/.changeset/gentle-glasses-tie.md
new file mode 100644
index 000000000..815a2ced6
--- /dev/null
+++ b/.changeset/gentle-glasses-tie.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": patch
+---
+
+Fixed false negatives when using typescript-eslint v8 in [`vue/script-indent`](https://eslint.vuejs.org/rules/script-indent.html) rule
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 57aa5876d..90bd33ad5 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -46,7 +46,7 @@ jobs:
         with:
           node-version: ${{ matrix.node }}
       - name: Install Packages
-        run: npm install -f
+        run: npm install
       - name: Install ESLint v${{ matrix.eslint }}
         run: npm install --save-dev eslint@${{ matrix.eslint }} -f
       - name: Test
@@ -61,8 +61,23 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4
       - name: Install Packages
-        run: npm install -f
+        run: npm install
       - name: Uninstall @stylistic/eslint-plugin
         run: npm uninstall -D @stylistic/eslint-plugin
       - name: Test
         run: npm test
+
+  test-with-typescript-eslint-v7:
+    name: Test with typescript-eslint v7
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+      - name: Install Packages
+        run: npm install
+      - name: Install @typescript-eslint/parser@7
+        run: npm install -D @typescript-eslint/parser@7 -f
+      - name: Test
+        run: npm test
diff --git a/.github/workflows/Release.yml b/.github/workflows/Release.yml
index 260b73582..3653780d5 100644
--- a/.github/workflows/Release.yml
+++ b/.github/workflows/Release.yml
@@ -22,7 +22,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
       - name: Install Dependencies
-        run: npm install -f
+        run: npm install
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
diff --git a/.gitignore b/.gitignore
index 797d0cbcd..0458765cd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,8 +8,8 @@
 yarn.lock
 yarn-error.log
 /docs/.vitepress/dist
-/docs/.vitepress/build-system/shim/eslint.mjs
-/docs/.vitepress/build-system/shim/assert.mjs
+/docs/.vitepress/build-system/shim/vue-eslint-parser.mjs
+/docs/.vitepress/build-system/shim/@typescript-eslint/parser.mjs
 /docs/.vitepress/.temp
 /docs/.vitepress/cache
 typings/eslint/lib/rules
diff --git a/docs/.vitepress/build-system/build.mts b/docs/.vitepress/build-system/build.mts
index 9dce53faf..edda69143 100644
--- a/docs/.vitepress/build-system/build.mts
+++ b/docs/.vitepress/build-system/build.mts
@@ -9,14 +9,38 @@ import { fileURLToPath } from 'url'
 const dirname = path.dirname(fileURLToPath(import.meta.url))
 
 build(
-  path.join(dirname, './src/eslint.mjs'),
-  path.join(dirname, './shim/eslint.mjs'),
-  ['path', 'assert', 'util', 'esquery']
+  path.join(
+    dirname,
+    '../../../node_modules/@typescript-eslint/parser/dist/index.js'
+  ),
+  path.join(dirname, './shim/@typescript-eslint/parser.mjs'),
+  [
+    'util',
+    'node:util',
+    'path',
+    'node:path',
+    'fs',
+    'node:fs',
+    'semver',
+    'fast-glob',
+    'debug'
+  ]
 )
+
 build(
-  path.join(dirname, '../../../node_modules/assert'),
-  path.join(dirname, './shim/assert.mjs'),
-  ['path']
+  path.join(dirname, '../../../node_modules/vue-eslint-parser/index.js'),
+  path.join(dirname, './shim/vue-eslint-parser.mjs'),
+  [
+    'path',
+    'debug',
+    'semver',
+    'assert',
+    'module',
+    'events',
+    'esquery',
+    'fs',
+    'eslint'
+  ]
 )
 
 function build(input: string, out: string, injects: string[] = []) {
@@ -42,16 +66,22 @@ function bundle(entryPoint: string, externals: string[]) {
 }
 
 function transform(code: string, injects: string[]) {
+  const normalizeInjects = [
+    ...new Set(injects.map((inject) => inject.replace(/^node:/u, '')))
+  ]
   const newCode = code.replace(/"[a-z]+" = "[a-z]+";/u, '')
   return `
-${injects
+${normalizeInjects
   .map(
     (inject) =>
-      `import $inject_${inject.replace(/-/gu, '_')}$ from '${inject}';`
+      `import $inject_${inject.replace(/[\-:]/gu, '_')}$ from '${inject}';`
   )
   .join('\n')}
 const $_injects_$ = {${injects
-    .map((inject) => `${inject.replace(/-/gu, '_')}:$inject_${inject}$`)
+    .map(
+      (inject) =>
+        `"${inject}":$inject_${inject.replace(/^node:/u, '').replace(/[\-:]/gu, '_')}$`
+    )
     .join(',\n')}};
 function require(module, ...args) {
   return $_injects_$[module] || {}
diff --git a/docs/.vitepress/build-system/shim/globby.mjs b/docs/.vitepress/build-system/shim/empty.mjs
similarity index 100%
rename from docs/.vitepress/build-system/shim/globby.mjs
rename to docs/.vitepress/build-system/shim/empty.mjs
diff --git a/docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs b/docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs
deleted file mode 100644
index 0db0b01c2..000000000
--- a/docs/.vitepress/build-system/shim/eslint/use-at-your-own-risk.mjs
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  /* empty */
-}
diff --git a/docs/.vitepress/build-system/shim/esquery.mjs b/docs/.vitepress/build-system/shim/esquery.mjs
deleted file mode 100644
index 5652b09f1..000000000
--- a/docs/.vitepress/build-system/shim/esquery.mjs
+++ /dev/null
@@ -1,5 +0,0 @@
-import esquery from '../../../../node_modules/esquery/dist/esquery.esm.js'
-
-export const { parse, match, traverse, matches, query } = esquery
-
-export { default } from '../../../../node_modules/esquery/dist/esquery.esm.js'
diff --git a/docs/.vitepress/build-system/shim/path.mjs b/docs/.vitepress/build-system/shim/path.mjs
deleted file mode 100644
index 544792b00..000000000
--- a/docs/.vitepress/build-system/shim/path.mjs
+++ /dev/null
@@ -1,38 +0,0 @@
-// @ts-nocheck
-export const sep = '/'
-export function basename(path, ext) {
-  const b = (/[^\/]*$/u.exec(path) || [''])[0]
-  return ext && b.endsWith(ext) ? b.slice(0, -ext.length) : b
-}
-export function extname(path) {
-  return (/[^.\/]*$/u.exec(path) || [''])[0]
-}
-export function isAbsolute() {
-  return false
-}
-export function join(...args) {
-  return args.length > 0 ? normalize(args.join('/')) : '.'
-}
-
-function normalize(path) {
-  const result = []
-  for (const part of path.replace(/\/+/gu, '/').split('/')) {
-    if (part === '..') {
-      if (result[0] && result[0] !== '..' && result[0] !== '.') result.shift()
-    } else if (part === '.' && result.length > 0) {
-      // noop
-    } else {
-      result.unshift(part)
-    }
-  }
-  return result.reverse().join('/')
-}
-const posix = {
-  sep,
-  basename,
-  extname,
-  isAbsolute,
-  join
-}
-posix.posix = posix
-export default posix
diff --git a/docs/.vitepress/build-system/src/eslint.mjs b/docs/.vitepress/build-system/src/eslint.mjs
deleted file mode 100644
index ed193b58b..000000000
--- a/docs/.vitepress/build-system/src/eslint.mjs
+++ /dev/null
@@ -1,8 +0,0 @@
-// @ts-nocheck
-/* eslint-disable unicorn/prefer-export-from -- exporting as named and default is less duplication without `export…from` */
-
-import { Linter } from '../../../../node_modules/eslint/lib/linter/linter.js'
-import SourceCode from '../../../../node_modules/eslint/lib/source-code/source-code.js'
-
-export { Linter, SourceCode }
-export default { Linter, SourceCode }
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index afa635d7e..7d198d588 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -3,6 +3,7 @@ import { defineConfig } from 'vitepress'
 import path from 'pathe'
 import { fileURLToPath } from 'url'
 import { viteCommonjs, vitePluginRequireResolve } from './vite-plugin.mjs'
+import eslint4b, { requireESLintUseAtYourOwnRisk4b } from 'vite-plugin-eslint4b'
 
 // Pre-build cjs packages that cannot be bundled well.
 import './build-system/build.mjs'
@@ -142,24 +143,30 @@ export default async () => {
 
     vite: {
       publicDir: path.resolve(dirname, './public'),
-      plugins: [vitePluginRequireResolve(), viteCommonjs()],
+      plugins: [
+        vitePluginRequireResolve(),
+        viteCommonjs(),
+        eslint4b() as any,
+        requireESLintUseAtYourOwnRisk4b()
+      ],
       resolve: {
         alias: {
-          'eslint/use-at-your-own-risk': path.join(
+          'vue-eslint-parser': path.join(
+            dirname,
+            './build-system/shim/vue-eslint-parser.mjs'
+          ),
+          '@typescript-eslint/parser': path.join(
             dirname,
-            './build-system/shim/eslint/use-at-your-own-risk.mjs'
+            './build-system/shim/@typescript-eslint/parser.mjs'
           ),
-          eslint: path.join(dirname, './build-system/shim/eslint.mjs'),
-          assert: path.join(dirname, './build-system/shim/assert.mjs'),
-          path: path.join(dirname, './build-system/shim/path.mjs'),
 
           tslib: path.join(dirname, '../../node_modules/tslib/tslib.es6.js'),
-          esquery: path.join(dirname, './build-system/shim/esquery.mjs'),
-          globby: path.join(dirname, './build-system/shim/globby.mjs')
+          globby: path.join(dirname, './build-system/shim/empty.mjs'),
+          'fast-glob': path.join(dirname, './build-system/shim/empty.mjs'),
+          module: path.join(dirname, './build-system/shim/empty.mjs')
         }
       },
       define: {
-        'process.env.NODE_DEBUG': 'false',
         'require.cache': '{}'
       }
     },
diff --git a/docs/.vitepress/theme/components/eslint-code-block.vue b/docs/.vitepress/theme/components/eslint-code-block.vue
index 77d4fd7cf..12cd1ff8b 100644
--- a/docs/.vitepress/theme/components/eslint-code-block.vue
+++ b/docs/.vitepress/theme/components/eslint-code-block.vue
@@ -8,8 +8,6 @@
       class="eslint-code-block"
       :filename="filename"
       :language="language"
-      :preprocess="preprocess"
-      :postprocess="postprocess"
       dark
       :format="format"
       :fix="fix"
@@ -20,8 +18,6 @@
 <script>
 import EslintEditor from '@ota-meshi/site-kit-eslint-editor-vue'
 import { markRaw } from 'vue'
-import * as plugin from '../../../..'
-const { rules, processors } = plugin.default || plugin
 
 export default {
   name: 'ESLintCodeBlock',
@@ -61,13 +57,23 @@ export default {
       code: '',
       height: '100px',
       linter: null,
-      preprocess: processors['.vue'].preprocess,
-      postprocess: processors['.vue'].postprocess,
       format: {
         insertSpaces: true,
         tabSize: 2
       },
-      tsEslintParser: null
+      tsEslintParser: null,
+      baseConfig: {
+        files: ['**'],
+        plugins: {},
+        processor: 'vue/vue',
+        languageOptions: {
+          ecmaVersion: 'latest',
+          sourceType: 'module',
+          parserOptions: {
+            ecmaFeatures: { jsx: true }
+          }
+        }
+      }
     }
   },
 
@@ -85,40 +91,13 @@ export default {
         }
       }
       return {
-        globals: {
-          console: false,
-          // ES2015 globals
-          ArrayBuffer: false,
-          DataView: false,
-          Float32Array: false,
-          Float64Array: false,
-          Int16Array: false,
-          Int32Array: false,
-          Int8Array: false,
-          Map: false,
-          Promise: false,
-          Proxy: false,
-          Reflect: false,
-          Set: false,
-          Symbol: false,
-          Uint16Array: false,
-          Uint32Array: false,
-          Uint8Array: false,
-          Uint8ClampedArray: false,
-          WeakMap: false,
-          WeakSet: false,
-          // ES2017 globals
-          Atomics: false,
-          SharedArrayBuffer: false
-        },
+        ...this.baseConfig,
         rules: this.rules,
-        parser: 'vue-eslint-parser',
-        parserOptions: {
-          parser,
-          ecmaVersion: 'latest',
-          sourceType: 'module',
-          ecmaFeatures: {
-            jsx: true
+        languageOptions: {
+          ...this.baseConfig?.languageOptions,
+          parserOptions: {
+            ...this.baseConfig?.languageOptions?.parserOptions,
+            parser
           }
         }
       }
@@ -150,7 +129,8 @@ export default {
 
   methods: {
     async loadTypescriptESLint() {
-      this.tsEslintParser = await import('@typescript-eslint/parser')
+      const tsEslintParser = await import('@typescript-eslint/parser')
+      this.tsEslintParser = tsEslintParser.default || tsEslintParser
     }
   },
 
@@ -161,21 +141,24 @@ export default {
     const lines = this.code.split('\n').length
     this.height = `${Math.max(120, 20 * (1 + lines))}px`
     // Load linter.
-    const [{ Linter }, { parseForESLint }] = await Promise.all([
+    const [plugin, { Linter }, vueEslintParser, globals] = await Promise.all([
+      import('../../../..'),
       import('eslint'),
-      import('espree').then(() => import('vue-eslint-parser'))
+      import('vue-eslint-parser'),
+      import('globals')
     ])
     if (this.langTs || this.typescript) {
       await this.loadTypescriptESLint()
     }
 
-    const linter = (this.linter = markRaw(new Linter()))
-
-    for (const ruleId of Object.keys(rules)) {
-      linter.defineRule(`vue/${ruleId}`, rules[ruleId])
-    }
-
-    linter.defineParser('vue-eslint-parser', { parseForESLint })
+    this.linter = markRaw(new Linter())
+    this.baseConfig.plugins.vue = markRaw(plugin.default || plugin)
+    this.baseConfig.languageOptions.parser = markRaw(
+      vueEslintParser.default || vueEslintParser
+    )
+    this.baseConfig.languageOptions.globals = markRaw({
+      ...globals.browser
+    })
   }
 }
 
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 294dcc15c..499cf9579 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -43,7 +43,7 @@ This rule sends all `eslint-disable`-like comments as errors to the post-process
 
 The `eslint-disable`-like comments can be used in the `<template>` and in the block level.
 
-<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/component-tags-order': ['error'] }">
+<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/block-order': ['error'] }">
 
 ```vue
 <template>
@@ -51,7 +51,7 @@ The `eslint-disable`-like comments can be used in the `<template>` and in the bl
   <div a="1" b="2" c="3" d="4" />
 </template>
 
-<!-- eslint-disable-next-line vue/component-tags-order -->
+<!-- eslint-disable-next-line vue/block-order -->
 <style>
 </style>
 ```
@@ -60,7 +60,7 @@ The `eslint-disable`-like comments can be used in the `<template>` and in the bl
 
 The `eslint-disable` comments has no effect after one block.
 
-<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/component-tags-order': ['error'] }">
+<eslint-code-block :rules="{'vue/comment-directive': ['error'], 'vue/max-attributes-per-line': ['error'], 'vue/block-order': ['error'] }">
 
 ```vue
 <style>
diff --git a/docs/rules/eqeqeq.md b/docs/rules/eqeqeq.md
index 392deff7f..fb0133251 100644
--- a/docs/rules/eqeqeq.md
+++ b/docs/rules/eqeqeq.md
@@ -11,6 +11,7 @@ since: v5.2.0
 > Require the use of `===` and `!==` in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 This rule is the same rule as core [eqeqeq] rule but it applies to the expressions in `<template>`.
 
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 149f877ad..6423ef365 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -314,7 +314,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/comma-style] | Enforce consistent comma style in `<template>` | :wrench: | :lipstick: |
 | [vue/dot-location] | Enforce consistent newlines before and after dots in `<template>` | :wrench: | :lipstick: |
 | [vue/dot-notation] | Enforce dot notation whenever possible in `<template>` | :wrench: | :hammer: |
-| [vue/eqeqeq] | Require the use of `===` and `!==` in `<template>` | :wrench: | :hammer: |
+| [vue/eqeqeq] | Require the use of `===` and `!==` in `<template>` | :wrench::bulb: | :hammer: |
 | [vue/func-call-spacing] | Require or disallow spacing between function identifiers and their invocations in `<template>` | :wrench: | :lipstick: |
 | [vue/key-spacing] | Enforce consistent spacing between property names and type annotations in types and interfaces in `<template>` | :wrench: | :lipstick: |
 | [vue/keyword-spacing] | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
@@ -324,7 +324,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-constant-condition] | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern] | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens] | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
-| [vue/no-implicit-coercion] | Disallow shorthand type conversions in `<template>` | :wrench: | :hammer: |
+| [vue/no-implicit-coercion] | Disallow shorthand type conversions in `<template>` | :wrench::bulb: | :hammer: |
 | [vue/no-irregular-whitespace] | disallow irregular whitespace in `.vue` files |  | :warning: |
 | [vue/no-loss-of-precision] | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
 | [vue/no-restricted-syntax] | Disallow specified syntax in `<template>` |  | :hammer: |
diff --git a/docs/rules/no-implicit-coercion.md b/docs/rules/no-implicit-coercion.md
index 22698320c..751e189b9 100644
--- a/docs/rules/no-implicit-coercion.md
+++ b/docs/rules/no-implicit-coercion.md
@@ -11,6 +11,7 @@ since: v9.33.0
 > Disallow shorthand type conversions in `<template>`
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 This rule is the same rule as core [no-implicit-coercion] rule but it applies to the expressions in `<template>`.
 
diff --git a/eslint.config.js b/eslint.config.js
index 73c3ba2a4..4ed1e816e 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -18,9 +18,8 @@ module.exports = [
 
       '!.vitepress',
       'docs/.vitepress/dist',
-      'docs/.vitepress/build-system/shim/eslint.mjs',
-      'docs/.vitepress/build-system/shim/assert.mjs',
-      'docs/.vitepress/build-system/shim/path.mjs',
+      'docs/.vitepress/build-system/shim/vue-eslint-parser.mjs',
+      'docs/.vitepress/build-system/shim/@typescript-eslint/parser.mjs',
       'docs/.vitepress/.temp',
       'docs/.vitepress/cache'
     ]
diff --git a/lib/rules/no-restricted-call-after-await.js b/lib/rules/no-restricted-call-after-await.js
index 180dfe413..6754ad0d4 100644
--- a/lib/rules/no-restricted-call-after-await.js
+++ b/lib/rules/no-restricted-call-after-await.js
@@ -21,7 +21,7 @@ function safeRequireResolve(id) {
     if (fs.statSync(id).isDirectory()) {
       return require.resolve(id)
     }
-  } catch (_error) {
+  } catch {
     // ignore
   }
   return id
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index d5ff8b48a..dc50c3ecc 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -57,7 +57,7 @@ function getSemverRange(x) {
   if (!ret) {
     try {
       ret = new semver.Range(s)
-    } catch (_error) {
+    } catch {
       // Ignore parsing error.
     }
     cache.set(s, ret)
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
index 314858c9a..8db40869f 100644
--- a/lib/utils/indent-ts.js
+++ b/lib/utils/indent-ts.js
@@ -189,9 +189,12 @@ function defineVisitor({
           tokenStore.getFirstToken(node.id || node)
         )
       }
-      if (node.superTypeParameters != null && node.superClass != null) {
+      const superTypeArguments =
+        node.superTypeArguments ||
+        /** @type {any} for old parser */ (node).superTypeParameters
+      if (superTypeArguments != null && node.superClass != null) {
         setOffset(
-          tokenStore.getFirstToken(node.superTypeParameters),
+          tokenStore.getFirstToken(superTypeArguments),
           1,
           tokenStore.getFirstToken(node.superClass)
         )
@@ -600,9 +603,11 @@ function defineVisitor({
     TSMappedType(node) {
       // {[key in foo]: bar}
       const leftBraceToken = tokenStore.getFirstToken(node)
-      const leftBracketToken = tokenStore.getTokenBefore(node.typeParameter)
+      const leftBracketToken = tokenStore.getTokenBefore(
+        node.key || node.typeParameter
+      )
       const rightBracketToken = tokenStore.getTokenAfter(
-        node.nameType || node.typeParameter
+        node.nameType || node.constraint || node.typeParameter
       )
       setOffset(
         [
@@ -613,11 +618,21 @@ function defineVisitor({
         leftBraceToken
       )
       processNodeList(
-        [node.typeParameter, node.nameType],
+        [node.key || node.typeParameter, node.nameType],
         leftBracketToken,
         rightBracketToken,
         1
       )
+      if (node.constraint) {
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(node.key, node.constraint),
+            tokenStore.getFirstToken(node.constraint)
+          ],
+          1,
+          tokenStore.getFirstToken(node.key)
+        )
+      }
       const rightBraceToken = tokenStore.getLastToken(node)
       if (node.typeAnnotation) {
         const typeAnnotationToken = tokenStore.getFirstToken(
@@ -795,9 +810,12 @@ function defineVisitor({
      * @param {TSInterfaceHeritage | TSClassImplements} node
      */
     'TSClassImplements, TSInterfaceHeritage'(node) {
-      if (node.typeParameters) {
+      const typeArguments =
+        node.typeArguments ||
+        /** @type {any} for old parser */ (node).typeParameters
+      if (typeArguments) {
         setOffset(
-          tokenStore.getFirstToken(node.typeParameters),
+          tokenStore.getFirstToken(typeArguments),
           1,
           tokenStore.getFirstToken(node)
         )
@@ -823,6 +841,15 @@ function defineVisitor({
       const leftBraceToken = tokenStore.getTokenAfter(idTokens.lastToken)
       const rightBraceToken = tokenStore.getLastToken(node)
       setOffset(leftBraceToken, 0, firstToken)
+      if (node.body) {
+        return
+      }
+      // For old parser
+      processNodeList(node.members, leftBraceToken, rightBraceToken, 1)
+    },
+    TSEnumBody(node) {
+      const leftBraceToken = tokenStore.getFirstToken(node)
+      const rightBraceToken = tokenStore.getLastToken(node)
       processNodeList(node.members, leftBraceToken, rightBraceToken, 1)
     },
     TSModuleDeclaration(node) {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index 769362966..f83b000f7 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -301,7 +301,7 @@ function wrapContextToOverrideTokenMethods(context, tokenStore, options) {
       })
       containerScopes.set(exprContainer, scope)
       return scope
-    } catch (error) {
+    } catch {
       // ignore
       // console.log(error)
     }
diff --git a/lib/utils/selector.js b/lib/utils/selector.js
index b5aa1adfc..dfcfc3265 100644
--- a/lib/utils/selector.js
+++ b/lib/utils/selector.js
@@ -23,7 +23,7 @@ function parseSelector(selector, context) {
   let astSelector
   try {
     astSelector = parser().astSync(selector)
-  } catch (error) {
+  } catch {
     context.report({
       loc: { line: 0, column: 0 },
       message: `Cannot parse selector: ${selector}.`
@@ -554,7 +554,7 @@ function parseNth(pseudoNode) {
     .trim()
   try {
     return nthCheck(argument)
-  } catch (error) {
+  } catch {
     throw new SelectorError(
       `Cannot parse An+B micro syntax (:nth-xxx() argument): '${argument}'.`
     )
diff --git a/package.json b/package.json
index da1053c00..dac23e65e 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,13 @@
   },
   "peerDependencies": {
     "eslint": "^8.57.0 || ^9.0.0",
-    "vue-eslint-parser": "^10.0.0"
+    "vue-eslint-parser": "^10.0.0",
+    "@typescript-eslint/parser": "^7.0.0 || ^8.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@typescript-eslint/parser": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
@@ -75,15 +81,15 @@
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@types/eslint": "^8.56.2",
     "@types/natural-compare": "^1.4.3",
-    "@types/node": "^14.18.63",
+    "@types/node": "^24.0.8",
     "@types/semver": "^7.5.8",
     "@types/xml-name-validator": "^4.0.3",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@typescript-eslint/types": "^7.18.0",
+    "@typescript-eslint/parser": "^8.35.1",
+    "@typescript-eslint/types": "^8.35.1",
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
     "esbuild": "^0.24.0",
-    "eslint": "^8.57.0",
+    "eslint": "^9.30.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-eslint-plugin": "~6.4.0",
     "eslint-plugin-import": "^2.31.0",
@@ -93,7 +99,7 @@
     "eslint-plugin-unicorn": "^56.0.0",
     "eslint-plugin-vue": "file:.",
     "eslint-visitor-keys": "^4.2.0",
-    "espree": "^9.6.1",
+    "espree": "^10.4.0",
     "events": "^3.3.0",
     "globals": "^15.14.0",
     "jsdom": "^22.0.0",
@@ -103,6 +109,7 @@
     "pathe": "^1.1.2",
     "prettier": "^3.3.3",
     "typescript": "^5.7.2",
+    "vite-plugin-eslint4b": "^0.5.1",
     "vitepress": "^1.4.1",
     "vue-eslint-parser": "^10.0.0"
   }
diff --git a/tests/integrations/flat-config/a.vue b/tests/integrations/flat-config/a.vue
index 0470d17d3..03610f638 100644
--- a/tests/integrations/flat-config/a.vue
+++ b/tests/integrations/flat-config/a.vue
@@ -1,4 +1,3 @@
-
 <template>
   <!-- eslint-disable -->
   <div id id="a">Hello</div>

From 4cf87beaa4bee07109446271c73edc90e80d1182 Mon Sep 17 00:00:00 2001
From: 2nofa11 <47783146+2nofa11@users.noreply.github.com>
Date: Wed, 2 Jul 2025 18:55:05 +0900
Subject: [PATCH 0887/1010] feat: add TypeScript IntelliSense support with
 eslint-typegen (#2770)

Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>
Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/neat-swans-argue.md        |  5 +++++
 .gitignore                            |  1 +
 eslint.config.js => eslint.config.mjs | 32 ++++++++++++++++-----------
 lib/index.d.ts                        |  1 +
 package.json                          |  4 +++-
 tools/generate-typegen.mjs            |  9 ++++++++
 6 files changed, 38 insertions(+), 14 deletions(-)
 create mode 100644 .changeset/neat-swans-argue.md
 rename eslint.config.js => eslint.config.mjs (87%)
 create mode 100644 tools/generate-typegen.mjs

diff --git a/.changeset/neat-swans-argue.md b/.changeset/neat-swans-argue.md
new file mode 100644
index 000000000..62099d99a
--- /dev/null
+++ b/.changeset/neat-swans-argue.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Add TypeScript IntelliSense support via [eslint-typegen](https://github.com/antfu/eslint-typegen)
diff --git a/.gitignore b/.gitignore
index 0458765cd..d6fadf92c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,3 +13,4 @@ yarn-error.log
 /docs/.vitepress/.temp
 /docs/.vitepress/cache
 typings/eslint/lib/rules
+eslint-typegen.d.ts
diff --git a/eslint.config.js b/eslint.config.mjs
similarity index 87%
rename from eslint.config.js
rename to eslint.config.mjs
index 4ed1e816e..9cd54f623 100644
--- a/eslint.config.js
+++ b/eslint.config.mjs
@@ -1,13 +1,19 @@
-'use strict'
+import globals from 'globals'
+import eslintPluginEslintPlugin from 'eslint-plugin-eslint-plugin/configs/all'
+import eslintPluginJsonc from 'eslint-plugin-jsonc'
+import eslintPluginNodeDependencies from 'eslint-plugin-node-dependencies'
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import eslintPluginUnicorn from 'eslint-plugin-unicorn'
+import vueEslintParser from 'vue-eslint-parser'
+import noInvalidMeta from './eslint-internal-rules/no-invalid-meta.js'
+import noInvalidMetaDocsCategories from './eslint-internal-rules/no-invalid-meta-docs-categories.js'
+import requireEslintCommunity from './eslint-internal-rules/require-eslint-community.js'
 
-const globals = require('globals')
-const eslintPluginEslintPlugin = require('eslint-plugin-eslint-plugin/configs/all')
-const eslintPluginJsonc = require('eslint-plugin-jsonc')
-const eslintPluginNodeDependencies = require('eslint-plugin-node-dependencies')
-const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended')
-const eslintPluginUnicorn = require('eslint-plugin-unicorn')
+// @ts-check
+/// <reference path="./eslint-typegen.d.ts" />
+import typegen from 'eslint-typegen'
 
-module.exports = [
+export default typegen([
   {
     ignores: [
       '.nyc_output',
@@ -33,9 +39,9 @@ module.exports = [
     plugins: {
       internal: {
         rules: {
-          'no-invalid-meta': require('./eslint-internal-rules/no-invalid-meta'),
-          'no-invalid-meta-docs-categories': require('./eslint-internal-rules/no-invalid-meta-docs-categories'),
-          'require-eslint-community': require('./eslint-internal-rules/require-eslint-community')
+          'no-invalid-meta': noInvalidMeta,
+          'no-invalid-meta-docs-categories': noInvalidMetaDocsCategories,
+          'require-eslint-community': requireEslintCommunity
         }
       }
     }
@@ -213,7 +219,7 @@ module.exports = [
     languageOptions: {
       ecmaVersion: 'latest',
       sourceType: 'module',
-      parser: require('vue-eslint-parser')
+      parser: vueEslintParser
     }
   },
   {
@@ -241,4 +247,4 @@ module.exports = [
       'prettier/prettier': 'off'
     }
   }
-]
+])
diff --git a/lib/index.d.ts b/lib/index.d.ts
index 8cbff659f..b6d658852 100644
--- a/lib/index.d.ts
+++ b/lib/index.d.ts
@@ -1,3 +1,4 @@
+/// <reference path="./eslint-typegen.d.ts" />
 import type { Linter } from 'eslint'
 
 declare const vue: {
diff --git a/package.json b/package.json
index dac23e65e..31bba2216 100644
--- a/package.json
+++ b/package.json
@@ -21,12 +21,13 @@
     "version": "npm run generate:version && git add .",
     "update": "node ./tools/update.js",
     "update-resources": "node ./tools/update-resources.js",
+    "typegen": "node ./tools/generate-typegen.mjs",
     "docs:watch": "vitepress dev docs",
     "predocs:build": "npm run update",
     "docs:build": "vitepress build docs",
     "generate:version": "env-cmd -e version npm run update && npm run lint -- --fix",
     "changeset:version": "changeset version && npm run generate:version && git add --all",
-    "changeset:publish": "changeset publish"
+    "changeset:publish": "npm run typegen && changeset publish"
   },
   "files": [
     "lib"
@@ -98,6 +99,7 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-unicorn": "^56.0.0",
     "eslint-plugin-vue": "file:.",
+    "eslint-typegen": "^2.2.0",
     "eslint-visitor-keys": "^4.2.0",
     "espree": "^10.4.0",
     "events": "^3.3.0",
diff --git a/tools/generate-typegen.mjs b/tools/generate-typegen.mjs
new file mode 100644
index 000000000..5bcb325a5
--- /dev/null
+++ b/tools/generate-typegen.mjs
@@ -0,0 +1,9 @@
+import fs from 'node:fs/promises'
+import { pluginsToRulesDTS } from 'eslint-typegen/core'
+import plugin from '../lib/index.js'
+
+const dts = await pluginsToRulesDTS({
+  vue: plugin
+})
+
+await fs.writeFile('lib/eslint-typegen.d.ts', dts)

From 78dc77b3be625a8d48216aa9aeaf9ef7d0c4288f Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 2 Jul 2025 19:11:04 +0900
Subject: [PATCH 0888/1010] Version Packages (#2753)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/fast-penguins-reflect.md |  5 -----
 .changeset/gentle-glasses-tie.md    |  5 -----
 .changeset/neat-swans-argue.md      |  5 -----
 .changeset/smooth-jokes-eat.md      |  5 -----
 .changeset/tangy-eagles-start.md    |  5 -----
 .changeset/true-oranges-heal.md     |  5 -----
 CHANGELOG.md                        | 18 ++++++++++++++++++
 package.json                        |  2 +-
 8 files changed, 19 insertions(+), 31 deletions(-)
 delete mode 100644 .changeset/fast-penguins-reflect.md
 delete mode 100644 .changeset/gentle-glasses-tie.md
 delete mode 100644 .changeset/neat-swans-argue.md
 delete mode 100644 .changeset/smooth-jokes-eat.md
 delete mode 100644 .changeset/tangy-eagles-start.md
 delete mode 100644 .changeset/true-oranges-heal.md

diff --git a/.changeset/fast-penguins-reflect.md b/.changeset/fast-penguins-reflect.md
deleted file mode 100644
index 58580e0c9..000000000
--- a/.changeset/fast-penguins-reflect.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"eslint-plugin-vue": minor
----
-
-Added [`@typescript-eslint/parser`](https://typescript-eslint.io/packages/parser) as an optional peer dependency
diff --git a/.changeset/gentle-glasses-tie.md b/.changeset/gentle-glasses-tie.md
deleted file mode 100644
index 815a2ced6..000000000
--- a/.changeset/gentle-glasses-tie.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"eslint-plugin-vue": patch
----
-
-Fixed false negatives when using typescript-eslint v8 in [`vue/script-indent`](https://eslint.vuejs.org/rules/script-indent.html) rule
diff --git a/.changeset/neat-swans-argue.md b/.changeset/neat-swans-argue.md
deleted file mode 100644
index 62099d99a..000000000
--- a/.changeset/neat-swans-argue.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"eslint-plugin-vue": minor
----
-
-Add TypeScript IntelliSense support via [eslint-typegen](https://github.com/antfu/eslint-typegen)
diff --git a/.changeset/smooth-jokes-eat.md b/.changeset/smooth-jokes-eat.md
deleted file mode 100644
index 494c344ef..000000000
--- a/.changeset/smooth-jokes-eat.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': patch
----
-
-Update resources
diff --git a/.changeset/tangy-eagles-start.md b/.changeset/tangy-eagles-start.md
deleted file mode 100644
index 395f1a1ba..000000000
--- a/.changeset/tangy-eagles-start.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': minor
----
-
-[`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html) `ignore` option now supports regex patterns
diff --git a/.changeset/true-oranges-heal.md b/.changeset/true-oranges-heal.md
deleted file mode 100644
index 36c3efe16..000000000
--- a/.changeset/true-oranges-heal.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': patch
----
-
-[`vue/no-restricted-html-elements`](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now also checks SVG and MathML elements
diff --git a/CHANGELOG.md b/CHANGELOG.md
index b21ab6f6f..d48439d99 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,23 @@
 # eslint-plugin-vue
 
+## 10.3.0
+
+### Minor Changes
+
+- Added [`@typescript-eslint/parser`](https://typescript-eslint.io/packages/parser) as an optional peer dependency ([#2775](https://github.com/vuejs/eslint-plugin-vue/pull/2775))
+
+- Add TypeScript IntelliSense support via [eslint-typegen](https://github.com/antfu/eslint-typegen) ([#2770](https://github.com/vuejs/eslint-plugin-vue/pull/2770))
+
+- [`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html) `ignore` option now supports regex patterns ([#2773](https://github.com/vuejs/eslint-plugin-vue/pull/2773))
+
+### Patch Changes
+
+- Fixed false negatives when using typescript-eslint v8 in [`vue/script-indent`](https://eslint.vuejs.org/rules/script-indent.html) rule ([#2775](https://github.com/vuejs/eslint-plugin-vue/pull/2775))
+
+- Update resources ([#2752](https://github.com/vuejs/eslint-plugin-vue/pull/2752))
+
+- [`vue/no-restricted-html-elements`](https://eslint.vuejs.org/rules/no-restricted-html-elements.html) now also checks SVG and MathML elements ([#2755](https://github.com/vuejs/eslint-plugin-vue/pull/2755))
+
 ## 10.2.0
 
 ### Minor Changes
diff --git a/package.json b/package.json
index 31bba2216..a473deb46 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From 08ef531bde76dc77c25dc0cbece2b3bfaa299153 Mon Sep 17 00:00:00 2001
From: Attacktive <66462458+Attacktive@users.noreply.github.com>
Date: Wed, 9 Jul 2025 18:03:32 +0900
Subject: [PATCH 0889/1010] docs: rephrase rule details (#2782)

---
 docs/rules/padding-line-between-blocks.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/padding-line-between-blocks.md b/docs/rules/padding-line-between-blocks.md
index 4f3ee0290..645efeac7 100644
--- a/docs/rules/padding-line-between-blocks.md
+++ b/docs/rules/padding-line-between-blocks.md
@@ -14,7 +14,7 @@ since: v6.2.0
 
 ## :book: Rule Details
 
-This rule requires or disallows blank lines between the given 2 blocks. Properly blank lines help developers to understand the code.
+This rule requires or disallows blank lines between blocks. Properly placed blank lines help developers understand the code.
 
 <eslint-code-block fix :rules="{'vue/padding-line-between-blocks': ['error']}">
 

From a2e49a7a1a35d54651b3cc02745cb3ca606e1bee Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 9 Jul 2025 15:28:49 +0200
Subject: [PATCH 0890/1010] refactor: use regexp-groups to simplify ignores
 (#2776)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/attribute-hyphenation.js            |  13 +-
 .../component-name-in-template-casing.js      |   7 +-
 lib/rules/custom-event-name-casing.js         |   7 +-
 lib/rules/no-restricted-block.js              |  18 +--
 lib/rules/no-restricted-class.js              |  38 +-----
 lib/rules/no-restricted-component-names.js    |   2 +-
 lib/rules/no-restricted-component-options.js  |  18 +--
 lib/rules/no-restricted-custom-event.js       |  18 +--
 lib/rules/no-restricted-props.js              |  18 +--
 lib/rules/no-restricted-static-attribute.js   |  26 +---
 lib/rules/no-restricted-v-bind.js             |  22 +---
 lib/rules/no-restricted-v-on.js               |  23 +---
 lib/rules/no-undef-properties.js              |   9 +-
 lib/rules/prefer-true-attribute-shorthand.js  |   7 +-
 lib/rules/prop-name-casing.js                 |   7 +-
 lib/rules/restricted-component-names.js       |   7 +-
 lib/rules/syntaxes/slot-attribute.js          |  14 +-
 lib/rules/v-on-event-hyphenation.js           |  15 +--
 lib/utils/regexp.js                           |  43 +++++-
 tests/lib/utils/regexp.js                     | 122 +++++++++++++++++-
 20 files changed, 219 insertions(+), 215 deletions(-)

diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
index 65d096cd4..45e7ca687 100644
--- a/lib/rules/attribute-hyphenation.js
+++ b/lib/rules/attribute-hyphenation.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 const svgAttributes = require('../utils/svg-attributes-weird-case.json')
 
 /**
@@ -79,11 +79,7 @@ module.exports = {
     const option = context.options[0]
     const optionsPayload = context.options[1]
     const useHyphenated = option !== 'never'
-    /** @type {RegExp[]} */
-    const ignoredTagsRegexps = (
-      (optionsPayload && optionsPayload.ignoreTags) ||
-      []
-    ).map(toRegExp)
+    const isIgnoredTagName = toRegExpGroupMatcher(optionsPayload?.ignoreTags)
     const ignoredAttributes = ['data-', 'aria-', 'slot-scope', ...svgAttributes]
 
     if (optionsPayload && optionsPayload.ignore) {
@@ -142,11 +138,6 @@ module.exports = {
       return useHyphenated ? value.toLowerCase() === value : !/-/.test(value)
     }
 
-    /** @param {string} name */
-    function isIgnoredTagName(name) {
-      return ignoredTagsRegexps.some((re) => re.test(name))
-    }
-
     return utils.defineTemplateBodyVisitor(context, {
       VAttribute(node) {
         const element = node.parent.parent
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index d330f60da..c7267cd49 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 const defaultCase = 'PascalCase'
@@ -81,8 +81,7 @@ module.exports = {
     const caseType = allowedCaseOptions.includes(caseOption)
       ? caseOption
       : defaultCase
-    /** @type {RegExp[]} */
-    const ignores = (options.ignores || []).map(toRegExp)
+    const isIgnored = toRegExpGroupMatcher(options.ignores)
     /** @type {string[]} */
     const globals = (options.globals || []).map(casing.pascalCase)
     const registeredComponentsOnly = options.registeredComponentsOnly !== false
@@ -116,7 +115,7 @@ module.exports = {
      * @returns {boolean} `true` if the given node is the verification target node.
      */
     function isVerifyTarget(node) {
-      if (ignores.some((re) => re.test(node.rawName))) {
+      if (isIgnored(node.rawName)) {
         // ignore
         return false
       }
diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
index aff4609b5..c63b4e9d9 100644
--- a/lib/rules/custom-event-name-casing.js
+++ b/lib/rules/custom-event-name-casing.js
@@ -7,7 +7,7 @@
 const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
 const casing = require('../utils/casing')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 
 /**
  * @typedef {import('../utils').VueObjectData} VueObjectData
@@ -92,8 +92,7 @@ module.exports = {
     const caseType = context.options[0] || DEFAULT_CASE
     const objectOption = context.options[1] || {}
     const caseChecker = casing.getChecker(caseType)
-    /** @type {RegExp[]} */
-    const ignores = (objectOption.ignores || []).map(toRegExp)
+    const isIgnored = toRegExpGroupMatcher(objectOption.ignores)
 
     /**
      * Check whether the given event name is valid.
@@ -109,7 +108,7 @@ module.exports = {
      */
     function verify(nameWithLoc) {
       const name = nameWithLoc.name
-      if (isValidEventName(name) || ignores.some((re) => re.test(name))) {
+      if (isValidEventName(name) || isIgnored(name)) {
         return
       }
       context.report({
diff --git a/lib/rules/no-restricted-block.js b/lib/rules/no-restricted-block.js
index 87b4bda3e..000e2c7b8 100644
--- a/lib/rules/no-restricted-block.js
+++ b/lib/rules/no-restricted-block.js
@@ -12,30 +12,16 @@ const regexp = require('../utils/regexp')
  * @property {string} [message]
  */
 
-/**
- * @param {string} str
- * @returns {(str: string) => boolean}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
 /**
  * @param {any} option
  * @returns {ParsedOption}
  */
 function parseOption(option) {
   if (typeof option === 'string') {
-    const matcher = buildMatcher(option)
+    const matcher = regexp.toRegExp(option, { remove: 'g' })
     return {
       test(block) {
-        return matcher(block.rawName)
+        return matcher.test(block.rawName)
       }
     }
   }
diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index 41d30df2d..1a74fd249 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -12,20 +12,10 @@ const regexp = require('../utils/regexp')
  * @param {string} className
  * @param {*} node
  * @param {RuleContext} context
- * @param {Set<string>} forbiddenClasses
- * @param {Array<RegExp>} forbiddenClassesRegexps
+ * @param {(name: string) => boolean} isForbiddenClass
  */
-const reportForbiddenClass = (
-  className,
-  node,
-  context,
-  forbiddenClasses,
-  forbiddenClassesRegexps
-) => {
-  if (
-    forbiddenClasses.has(className) ||
-    forbiddenClassesRegexps.some((re) => re.test(className))
-  ) {
+const reportForbiddenClass = (className, node, context, isForbiddenClass) => {
+  if (isForbiddenClass(className)) {
     const loc = node.value ? node.value.loc : node.loc
     context.report({
       node,
@@ -123,10 +113,8 @@ module.exports = {
 
   /** @param {RuleContext} context */
   create(context) {
-    const forbiddenClasses = new Set(context.options || [])
-    const forbiddenClassesRegexps = (context.options || [])
-      .filter((cl) => regexp.isRegExp(cl))
-      .map((cl) => regexp.toRegExp(cl))
+    const { options = [] } = context
+    const isForbiddenClass = regexp.toRegExpGroupMatcher(options)
 
     return utils.defineTemplateBodyVisitor(context, {
       /**
@@ -134,13 +122,7 @@ module.exports = {
        */
       'VAttribute[directive=false][key.name="class"][value!=null]'(node) {
         for (const className of node.value.value.split(/\s+/)) {
-          reportForbiddenClass(
-            className,
-            node,
-            context,
-            forbiddenClasses,
-            forbiddenClassesRegexps
-          )
+          reportForbiddenClass(className, node, context, isForbiddenClass)
         }
       },
 
@@ -155,13 +137,7 @@ module.exports = {
         for (const { className, reportNode } of extractClassNames(
           /** @type {Expression} */ (node.expression)
         )) {
-          reportForbiddenClass(
-            className,
-            reportNode,
-            context,
-            forbiddenClasses,
-            forbiddenClassesRegexps
-          )
+          reportForbiddenClass(className, reportNode, context, isForbiddenClass)
         }
       }
     })
diff --git a/lib/rules/no-restricted-component-names.js b/lib/rules/no-restricted-component-names.js
index e5111a748..df5ad4a23 100644
--- a/lib/rules/no-restricted-component-names.js
+++ b/lib/rules/no-restricted-component-names.js
@@ -22,7 +22,7 @@ const { isRegExp, toRegExp } = require('../utils/regexp')
  */
 function buildMatcher(str) {
   if (isRegExp(str)) {
-    const regex = toRegExp(str)
+    const regex = toRegExp(str, { remove: 'g' })
     return (s) => regex.test(s)
   }
   return (s) => s === casing.pascalCase(str) || s === casing.kebabCase(str)
diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
index b8563a92b..227a89382 100644
--- a/lib/rules/no-restricted-component-options.js
+++ b/lib/rules/no-restricted-component-options.js
@@ -23,21 +23,6 @@ const regexp = require('../utils/regexp')
  * @typedef { (node: Property | SpreadElement) => (MatchResult | null) } Tester
  */
 
-/**
- * @param {string} str
- * @returns {Matcher}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
-
 /**
  * @param {string | string[] | { name: string | string[], message?: string } } option
  * @returns {ParsedOption}
@@ -65,7 +50,8 @@ function parseOption(option) {
     if (name === '*') {
       steps.push({ wildcard: true })
     } else {
-      steps.push({ test: buildMatcher(name) })
+      const matcher = regexp.toRegExp(name, { remove: 'g' })
+      steps.push({ test: (value) => matcher.test(value) })
     }
   }
   const message = option.message
diff --git a/lib/rules/no-restricted-custom-event.js b/lib/rules/no-restricted-custom-event.js
index 5ddda037f..93c1aa764 100644
--- a/lib/rules/no-restricted-custom-event.js
+++ b/lib/rules/no-restricted-custom-event.js
@@ -15,30 +15,16 @@ const regexp = require('../utils/regexp')
  * @property {string|undefined} [suggest]
  */
 
-/**
- * @param {string} str
- * @returns {(str: string) => boolean}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
 /**
  * @param {string|{event: string, message?: string, suggest?: string}} option
  * @returns {ParsedOption}
  */
 function parseOption(option) {
   if (typeof option === 'string') {
-    const matcher = buildMatcher(option)
+    const matcher = regexp.toRegExp(option, { remove: 'g' })
     return {
       test(name) {
-        return matcher(name)
+        return matcher.test(name)
       }
     }
   }
diff --git a/lib/rules/no-restricted-props.js b/lib/rules/no-restricted-props.js
index 2d2f74bb0..e0684393d 100644
--- a/lib/rules/no-restricted-props.js
+++ b/lib/rules/no-restricted-props.js
@@ -18,30 +18,16 @@ const regexp = require('../utils/regexp')
  * @property {string|undefined} [suggest]
  */
 
-/**
- * @param {string} str
- * @returns {(str: string) => boolean}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
 /**
  * @param {string|{name:string, message?: string, suggest?:string}} option
  * @returns {ParsedOption}
  */
 function parseOption(option) {
   if (typeof option === 'string') {
-    const matcher = buildMatcher(option)
+    const matcher = regexp.toRegExp(option, { remove: 'g' })
     return {
       test(name) {
-        return matcher(name)
+        return matcher.test(name)
       }
     }
   }
diff --git a/lib/rules/no-restricted-static-attribute.js b/lib/rules/no-restricted-static-attribute.js
index d9241620b..d7223044a 100644
--- a/lib/rules/no-restricted-static-attribute.js
+++ b/lib/rules/no-restricted-static-attribute.js
@@ -15,30 +15,16 @@ const regexp = require('../utils/regexp')
  * @property {string} [message]
  */
 
-/**
- * @param {string} str
- * @returns {(str: string) => boolean}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
 /**
  * @param {any} option
  * @returns {ParsedOption}
  */
 function parseOption(option) {
   if (typeof option === 'string') {
-    const matcher = buildMatcher(option)
+    const matcher = regexp.toRegExp(option, { remove: 'g' })
     return {
       test({ key }) {
-        return matcher(key.rawName)
+        return matcher.test(key.rawName)
       }
     }
   }
@@ -53,25 +39,25 @@ function parseOption(option) {
         return node.value == null || node.value.value === node.key.rawName
       }
     } else {
-      const valueMatcher = buildMatcher(option.value)
+      const valueMatcher = regexp.toRegExp(option.value, { remove: 'g' })
       parsed.test = (node) => {
         if (!keyTest(node)) {
           return false
         }
-        return node.value != null && valueMatcher(node.value.value)
+        return node.value != null && valueMatcher.test(node.value.value)
       }
     }
     parsed.useValue = true
   }
   if (option.element) {
     const argTest = parsed.test
-    const tagMatcher = buildMatcher(option.element)
+    const tagMatcher = regexp.toRegExp(option.element, { remove: 'g' })
     parsed.test = (node) => {
       if (!argTest(node)) {
         return false
       }
       const element = node.parent.parent
-      return tagMatcher(element.rawName)
+      return tagMatcher.test(element.rawName)
     }
     parsed.useElement = true
   }
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
index f9bf5462b..e16622174 100644
--- a/lib/rules/no-restricted-v-bind.js
+++ b/lib/rules/no-restricted-v-bind.js
@@ -22,33 +22,19 @@ const DEFAULT_OPTIONS = [
   }
 ]
 
-/**
- * @param {string} str
- * @returns {(str: string) => boolean}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
 /**
  * @param {any} option
  * @returns {ParsedOption}
  */
 function parseOption(option) {
   if (typeof option === 'string') {
-    const matcher = buildMatcher(option)
+    const matcher = regexp.toRegExp(option, { remove: 'g' })
     return {
       test(key) {
         return Boolean(
           key.argument &&
             key.argument.type === 'VIdentifier' &&
-            matcher(key.argument.rawName)
+            matcher.test(key.argument.rawName)
         )
       },
       modifiers: []
@@ -77,13 +63,13 @@ function parseOption(option) {
   }
   if (option.element) {
     const argTest = parsed.test
-    const tagMatcher = buildMatcher(option.element)
+    const tagMatcher = regexp.toRegExp(option.element, { remove: 'g' })
     parsed.test = (key) => {
       if (!argTest(key)) {
         return false
       }
       const element = key.parent.parent.parent
-      return tagMatcher(element.rawName)
+      return tagMatcher.test(element.rawName)
     }
     parsed.useElement = true
   }
diff --git a/lib/rules/no-restricted-v-on.js b/lib/rules/no-restricted-v-on.js
index 2379df349..893d511a6 100644
--- a/lib/rules/no-restricted-v-on.js
+++ b/lib/rules/no-restricted-v-on.js
@@ -15,34 +15,19 @@ const regexp = require('../utils/regexp')
  * @property {string} [message]
  */
 
-/**
- * @param {string} str
- * @returns {(str: string) => boolean}
- */
-function buildMatcher(str) {
-  if (regexp.isRegExp(str)) {
-    const re = regexp.toRegExp(str)
-    return (s) => {
-      re.lastIndex = 0
-      return re.test(s)
-    }
-  }
-  return (s) => s === str
-}
-
 /**
  * @param {any} option
  * @returns {ParsedOption}
  */
 function parseOption(option) {
   if (typeof option === 'string') {
-    const matcher = buildMatcher(option)
+    const matcher = regexp.toRegExp(option, { remove: 'g' })
     return {
       test(key) {
         return Boolean(
           key.argument &&
             key.argument.type === 'VIdentifier' &&
-            matcher(key.argument.rawName)
+            matcher.test(key.argument.rawName)
         )
       }
     }
@@ -70,12 +55,12 @@ function parseOption(option) {
   }
   if (option.element) {
     const argTest = parsed.test
-    const tagMatcher = buildMatcher(option.element)
+    const tagMatcher = regexp.toRegExp(option.element, { remove: 'g' })
     parsed.test = (key) => {
       if (!argTest(key)) {
         return false
       }
-      return tagMatcher(key.parent.parent.parent.rawName)
+      return tagMatcher.test(key.parent.parent.parent.rawName)
     }
     parsed.useElement = true
   }
diff --git a/lib/rules/no-undef-properties.js b/lib/rules/no-undef-properties.js
index 711c2ed22..3ff49bd83 100644
--- a/lib/rules/no-undef-properties.js
+++ b/lib/rules/no-undef-properties.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 const reserved = require('../utils/vue-reserved.json')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 const { getStyleVariablesContext } = require('../utils/style-variables')
 const {
   definePropertyReferenceExtractor
@@ -106,9 +106,8 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
-    const ignores = /** @type {string[]} */ (
-      options.ignores || [String.raw`/^\$/`]
-    ).map(toRegExp)
+    const { ignores = [String.raw`/^\$/`] } = options
+    const isIgnored = toRegExpGroupMatcher(ignores)
     const propertyReferenceExtractor = definePropertyReferenceExtractor(context)
     const programNode = context.getSourceCode().ast
     /**
@@ -190,7 +189,7 @@ module.exports = {
       report(node, name, messageId = 'undef') {
         if (
           reserved.includes(name) ||
-          ignores.some((ignore) => ignore.test(name)) ||
+          isIgnored(name) ||
           propertiesDefinedByStoreHelpers.has(name)
         ) {
           return
diff --git a/lib/rules/prefer-true-attribute-shorthand.js b/lib/rules/prefer-true-attribute-shorthand.js
index 817525d1d..3f5446bda 100644
--- a/lib/rules/prefer-true-attribute-shorthand.js
+++ b/lib/rules/prefer-true-attribute-shorthand.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 const utils = require('../utils')
 
 /**
@@ -99,8 +99,7 @@ module.exports = {
   create(context) {
     /** @type {'always' | 'never'} */
     const option = context.options[0] || 'always'
-    /** @type {RegExp[]} */
-    const exceptReg = (context.options[1]?.except || []).map(toRegExp)
+    const exceptMatcher = toRegExpGroupMatcher(context.options[1]?.except)
 
     /**
      * @param {VAttribute | VDirective} node
@@ -155,7 +154,7 @@ module.exports = {
         const name = getAttributeName(node)
         if (name === null) return
 
-        const isExcepted = exceptReg.some((re) => re.test(name))
+        const isExcepted = exceptMatcher(name)
 
         if (shouldConvertToLongForm(node, isExcepted, option)) {
           const key = /** @type {VIdentifier} */ (node.key)
diff --git a/lib/rules/prop-name-casing.js b/lib/rules/prop-name-casing.js
index fd4f0dc31..7121c66c6 100644
--- a/lib/rules/prop-name-casing.js
+++ b/lib/rules/prop-name-casing.js
@@ -6,7 +6,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 const allowedCaseOptions = ['camelCase', 'snake_case']
 
 /**
@@ -16,8 +16,7 @@ const allowedCaseOptions = ['camelCase', 'snake_case']
 /** @param {RuleContext} context */
 function create(context) {
   const options = context.options[0]
-  /** @type {RegExp[]} */
-  const ignoreProps = (context.options[1]?.ignoreProps || []).map(toRegExp)
+  const isIgnoredProp = toRegExpGroupMatcher(context.options[1]?.ignoreProps)
   const caseType = allowedCaseOptions.includes(options) ? options : 'camelCase'
   const checker = casing.getChecker(caseType)
 
@@ -30,7 +29,7 @@ function create(context) {
       if (propName == null) {
         continue
       }
-      if (!checker(propName) && !ignoreProps.some((re) => re.test(propName))) {
+      if (!checker(propName) && !isIgnoredProp(propName)) {
         context.report({
           node: item.node,
           messageId: 'invalidCase',
diff --git a/lib/rules/restricted-component-names.js b/lib/rules/restricted-component-names.js
index 636224db6..89d04bfad 100644
--- a/lib/rules/restricted-component-names.js
+++ b/lib/rules/restricted-component-names.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 
 const htmlElements = require('../utils/html-elements.json')
 const deprecatedHtmlElements = require('../utils/deprecated-html-elements.json')
@@ -51,12 +51,11 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const options = context.options[0] || {}
-    /** @type {RegExp[]} */
-    const allow = (options.allow || []).map(toRegExp)
+    const isAllowed = toRegExpGroupMatcher(options.allow)
 
     /** @param {string} name  */
     function isAllowedTarget(name) {
-      return reservedNames.has(name) || allow.some((re) => re.test(name))
+      return reservedNames.has(name) || isAllowed(name)
     }
 
     return utils.defineTemplateBodyVisitor(context, {
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index b77fc6c20..8d854230c 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -16,8 +16,7 @@ module.exports = {
     /** @type {{ ignore: string[] }} */
     const options = context.options[0] || {}
     const { ignore = [] } = options
-    /** @type {RegExp[]} */
-    const ignorePatterns = ignore.map(regexp.toRegExp)
+    const isAnyIgnored = regexp.toRegExpGroupMatcher(ignore)
 
     const sourceCode = context.getSourceCode()
     const tokenStore =
@@ -125,15 +124,12 @@ module.exports = {
      */
     function reportSlot(slotAttr) {
       const componentName = slotAttr.parent.parent.rawName
-      const componentNamePascalCase = casing.pascalCase(componentName)
-      const componentNameKebabCase = casing.kebabCase(componentName)
 
       if (
-        ignorePatterns.some(
-          (pattern) =>
-            pattern.test(componentName) ||
-            pattern.test(componentNamePascalCase) ||
-            pattern.test(componentNameKebabCase)
+        isAnyIgnored(
+          componentName,
+          casing.pascalCase(componentName),
+          casing.kebabCase(componentName)
         )
       ) {
         return
diff --git a/lib/rules/v-on-event-hyphenation.js b/lib/rules/v-on-event-hyphenation.js
index c9fac76e8..056890fa0 100644
--- a/lib/rules/v-on-event-hyphenation.js
+++ b/lib/rules/v-on-event-hyphenation.js
@@ -2,7 +2,7 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
-const { toRegExp } = require('../utils/regexp')
+const { toRegExpGroupMatcher } = require('../utils/regexp')
 
 module.exports = {
   meta: {
@@ -63,11 +63,7 @@ module.exports = {
     const useHyphenated = option !== 'never'
     /** @type {string[]} */
     const ignoredAttributes = (optionsPayload && optionsPayload.ignore) || []
-    /** @type {RegExp[]} */
-    const ignoredTagsRegexps = (
-      (optionsPayload && optionsPayload.ignoreTags) ||
-      []
-    ).map(toRegExp)
+    const isIgnoredTag = toRegExpGroupMatcher(optionsPayload?.ignoreTags)
     const autofix = Boolean(optionsPayload && optionsPayload.autofix)
 
     const caseConverter = casing.getConverter(
@@ -111,17 +107,12 @@ module.exports = {
       return useHyphenated ? value.toLowerCase() === value : !/-/.test(value)
     }
 
-    /** @param {string} name */
-    function isIgnoredTagName(name) {
-      return ignoredTagsRegexps.some((re) => re.test(name))
-    }
-
     return utils.defineTemplateBodyVisitor(context, {
       "VAttribute[directive=true][key.name.name='on']"(node) {
         const element = node.parent.parent
         if (
           !utils.isCustomComponent(element) ||
-          isIgnoredTagName(element.rawName)
+          isIgnoredTag(element.rawName)
         ) {
           return
         }
diff --git a/lib/utils/regexp.js b/lib/utils/regexp.js
index 3ee40ae41..006568067 100644
--- a/lib/utils/regexp.js
+++ b/lib/utils/regexp.js
@@ -22,14 +22,25 @@ function escape(string) {
  * Strings like `"/^foo/i"` are converted to `/^foo/i` of `RegExp`.
  *
  * @param {string} string The string to convert.
+ * @param {{add?: string, remove?: string}} [flags] The flags to add or remove.
+ *   - `add`: Flags to add to the `RegExp` (e.g. `'i'` for case-insensitive).
+ *   - `remove`: Flags to remove from the `RegExp` (e.g. `'g'` to remove global matching).
  * @returns {RegExp} Returns the `RegExp`.
  */
-function toRegExp(string) {
+function toRegExp(string, flags = {}) {
   const parts = RE_REGEXP_STR.exec(string)
+  const { add: forceAddFlags = '', remove: forceRemoveFlags = '' } =
+    typeof flags === 'object' ? flags : {} // Avoid issues when this is called directly from array.map
   if (parts) {
-    return new RegExp(parts[1], parts[2])
+    return new RegExp(
+      parts[1],
+      parts[2].replace(
+        new RegExp(`[${forceAddFlags}${forceRemoveFlags}]`, 'g'),
+        ''
+      ) + forceAddFlags
+    )
   }
-  return new RegExp(`^${escape(string)}$`)
+  return new RegExp(`^${escape(string)}$`, forceAddFlags)
 }
 
 /**
@@ -41,8 +52,32 @@ function isRegExp(string) {
   return RE_REGEXP_STR.test(string)
 }
 
+/**
+ * Converts an array of strings to a singular function to match any of them.
+ * This function converts each string to a `RegExp` and returns a function that checks all of them.
+ *
+ * @param {string[]} [patterns] The strings or regular expression strings to match.
+ * @returns {(...toCheck: string[]) => boolean} Returns a function that checks if any string matches any of the given patterns.
+ */
+function toRegExpGroupMatcher(patterns = []) {
+  if (patterns.length === 0) {
+    return () => false
+  }
+
+  // In the future, we could optimize this by joining expressions with identical flags.
+  const regexps = patterns.map((pattern) => toRegExp(pattern, { remove: 'g' }))
+
+  if (regexps.length === 1) {
+    return (...toCheck) => toCheck.some((str) => regexps[0].test(str))
+  }
+
+  return (...toCheck) =>
+    regexps.some((regexp) => toCheck.some((str) => regexp.test(str)))
+}
+
 module.exports = {
   escape,
   toRegExp,
-  isRegExp
+  isRegExp,
+  toRegExpGroupMatcher
 }
diff --git a/tests/lib/utils/regexp.js b/tests/lib/utils/regexp.js
index 830fa2a11..e27a0596f 100644
--- a/tests/lib/utils/regexp.js
+++ b/tests/lib/utils/regexp.js
@@ -1,6 +1,10 @@
 'use strict'
 
-const { escape, toRegExp } = require('../../../lib/utils/regexp')
+const {
+  escape,
+  toRegExp,
+  toRegExpGroupMatcher
+} = require('../../../lib/utils/regexp')
 const assert = require('assert')
 
 const ESCAPED = '\\^\\$\\.\\*\\+\\?\\(\\)\\[\\]\\{\\}\\|\\\\'
@@ -35,4 +39,120 @@ describe('toRegExp()', () => {
     assert.deepEqual(toRegExp(`${/^bar/i}`), /^bar/i)
     assert.deepEqual(toRegExp(`${/[\sA-Z]+/u}`), /[\sA-Z]+/u)
   })
+
+  it('should handle simple patterns', () => {
+    const regex = toRegExp('foo')
+    assert.strictEqual(regex.test('foo'), true)
+    assert.strictEqual(regex.test('bar'), false)
+    assert.strictEqual(regex.test('foobar'), false)
+    assert.strictEqual(regex.test('afoo'), false)
+    assert.strictEqual(regex.test('afoobar'), false)
+    assert.strictEqual(regex.test('Foo'), false)
+  })
+
+  it('should handle simple patterns with added flags', () => {
+    const regex = toRegExp('foo', { add: 'i' })
+    assert.strictEqual(regex.test('foo'), true)
+    assert.strictEqual(regex.test('bar'), false)
+    assert.strictEqual(regex.test('foobar'), false)
+    assert.strictEqual(regex.test('afoo'), false)
+    assert.strictEqual(regex.test('afoobar'), false)
+    assert.strictEqual(regex.test('Foo'), true)
+  })
+
+  it('should handle regexp patterns', () => {
+    const regex = toRegExp('/^foo/')
+    assert.strictEqual(regex.test('foo'), true)
+    assert.strictEqual(regex.test('bar'), false)
+    assert.strictEqual(regex.test('foobar'), true)
+    assert.strictEqual(regex.test('afoo'), false)
+    assert.strictEqual(regex.test('afoobar'), false)
+    assert.strictEqual(regex.test('Foo'), false)
+  })
+
+  it('should handle regexp patterns with attached flags', () => {
+    const regex = toRegExp('/^foo/i')
+    assert.strictEqual(regex.test('foo'), true)
+    assert.strictEqual(regex.test('bar'), false)
+    assert.strictEqual(regex.test('foobar'), true)
+    assert.strictEqual(regex.test('afoo'), false)
+    assert.strictEqual(regex.test('afoobar'), false)
+    assert.strictEqual(regex.test('Foo'), true)
+  })
+
+  it('should handle regexp patterns with added flags', () => {
+    const regex = toRegExp('/^foo/', { add: 'i' })
+    assert.deepEqual(regex, /^foo/i)
+    assert.strictEqual(regex.test('foo'), true)
+    assert.strictEqual(regex.test('bar'), false)
+    assert.strictEqual(regex.test('foobar'), true)
+    assert.strictEqual(regex.test('afoo'), false)
+    assert.strictEqual(regex.test('afoobar'), false)
+    assert.strictEqual(regex.test('Foo'), true)
+  })
+
+  it('should handle regexp patterns with removed flags', () => {
+    const regex = toRegExp('/^foo/i', { remove: 'i' })
+    assert.deepEqual(regex, /^foo/)
+    assert.strictEqual(regex.test('foo'), true)
+    assert.strictEqual(regex.test('bar'), false)
+    assert.strictEqual(regex.test('foobar'), true)
+    assert.strictEqual(regex.test('afoo'), false)
+    assert.strictEqual(regex.test('afoobar'), false)
+    assert.strictEqual(regex.test('Foo'), false)
+  })
+})
+
+describe('toRegExpGroupMatcher()', () => {
+  it('should return a function missing input', () => {
+    const groupMatcher = toRegExpGroupMatcher()
+    assert.strictEqual(groupMatcher(''), false)
+    assert.strictEqual(groupMatcher('foo'), false)
+    assert.strictEqual(groupMatcher('bar'), false)
+  })
+
+  it('should return a function for empty array', () => {
+    const groupMatcher = toRegExpGroupMatcher([])
+    assert.strictEqual(groupMatcher(''), false)
+    assert.strictEqual(groupMatcher('foo'), false)
+    assert.strictEqual(groupMatcher('bar'), false)
+  })
+
+  it('should return a function for single simple pattern', () => {
+    const groupMatcher = toRegExpGroupMatcher(['foo'])
+    assert.strictEqual(groupMatcher(''), false)
+    assert.strictEqual(groupMatcher('foo'), true)
+    assert.strictEqual(groupMatcher('foo', 'early'), true)
+    assert.strictEqual(groupMatcher('late', 'matches', 'foo'), true)
+    assert.strictEqual(groupMatcher('foobar'), false)
+    assert.strictEqual(groupMatcher('afoo', 'fooa', 'afooa', 'bar'), false)
+  })
+
+  it('should return a function for multiple simple patterns', () => {
+    const groupMatcher = toRegExpGroupMatcher(['foo', 'bar'])
+    assert.strictEqual(groupMatcher('foo'), true)
+    assert.strictEqual(groupMatcher('bar', 'early'), true)
+    assert.strictEqual(groupMatcher('late', 'matches', 'foo'), true)
+    assert.strictEqual(groupMatcher('foobar'), false)
+    assert.strictEqual(groupMatcher('afoo', 'fooa', 'afooa'), false)
+  })
+
+  it('should return a function for single regexp pattern', () => {
+    const groupMatcher = toRegExpGroupMatcher(['/^foo/g'])
+    assert.strictEqual(groupMatcher(''), false)
+    assert.strictEqual(groupMatcher('foo'), true)
+    assert.strictEqual(groupMatcher('fooa', 'early'), true)
+    assert.strictEqual(groupMatcher('late', 'matches', 'fooa'), true)
+    assert.strictEqual(groupMatcher('barfoo'), false)
+    assert.strictEqual(groupMatcher('afoo', 'afooa', 'bar'), false)
+  })
+
+  it('should return a function for multiple regexp patterns', () => {
+    const groupMatcher = toRegExpGroupMatcher(['/^foo/', '/bar$/gi'])
+    assert.strictEqual(groupMatcher('foo'), true)
+    assert.strictEqual(groupMatcher('Bar', 'early'), true)
+    assert.strictEqual(groupMatcher('late', 'matches', 'foo'), true)
+    assert.strictEqual(groupMatcher('barfoo'), false)
+    assert.strictEqual(groupMatcher('afoo', 'afooa', 'bara'), false)
+  })
 })

From 3d9e15ed867342f746a6139dd8d1e45abb0516bd Mon Sep 17 00:00:00 2001
From: 2nofa11 <47783146+2nofa11@users.noreply.github.com>
Date: Wed, 9 Jul 2025 23:37:10 +0900
Subject: [PATCH 0891/1010] docs: add Project Setup section to Developer Guide
 (#2780)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/developer-guide/index.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/developer-guide/index.md b/docs/developer-guide/index.md
index 2e1bb7da9..9bfc68007 100644
--- a/docs/developer-guide/index.md
+++ b/docs/developer-guide/index.md
@@ -8,6 +8,15 @@ If you think you’ve found a bug in ESLint, please [create a new issue](https:/
 
 Please include as much detail as possible to help us properly address your issue. If we need to triage issues and constantly ask people for more detail, that’s time taken away from actually fixing issues. Help us be as efficient as possible by including a lot of detail in your issues.
 
+## :seedling: Project Setup
+
+To develop locally, fork the eslint-plugin-vue repository and clone it in your local machine. Use the [npm](https://www.npmjs.com/) package manager to install and link dependencies and the LTS version of [Node.js](https://nodejs.org/).
+
+To develop and test the `eslint-plugin-vue` package:
+
+1. Run `npm install` in the project's root folder.
+2. Run `npm test` to make sure everything is set up correctly.
+
 ## :sparkles: Proposing a new rule or a rule change
 
 In order to add a new rule or a rule change, you should:

From 26d99fda70e81b8d328f46122b670582366783ff Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Fri, 11 Jul 2025 18:09:07 +0800
Subject: [PATCH 0892/1010] test(require-explicit-slots): import slot type
 (#2786)

---
 tests/fixtures/typescript/src/test01.ts   |  5 +++
 tests/lib/rules/require-explicit-slots.js | 40 +++++++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/tests/fixtures/typescript/src/test01.ts b/tests/fixtures/typescript/src/test01.ts
index d14550843..917643c67 100644
--- a/tests/fixtures/typescript/src/test01.ts
+++ b/tests/fixtures/typescript/src/test01.ts
@@ -18,3 +18,8 @@ export type Props2 = {
   h?: string[]
   i?: readonly string[]
 }
+
+export type Slots1 = {
+  default(props: { msg: string }): any
+  foo(props: { msg: string }): any
+}
diff --git a/tests/lib/rules/require-explicit-slots.js b/tests/lib/rules/require-explicit-slots.js
index f99614119..afee739a6 100644
--- a/tests/lib/rules/require-explicit-slots.js
+++ b/tests/lib/rules/require-explicit-slots.js
@@ -6,6 +6,9 @@
 
 const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-explicit-slots')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   languageOptions: {
@@ -276,6 +279,21 @@ tester.run('require-explicit-slots', rule, {
       })
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      import type {Slots1 as Slots} from './test01'
+      defineSlots<Slots>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
+    },
     {
       filename: 'test.vue',
       code: `
@@ -656,6 +674,28 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+          <slot name="bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      import type {Slots1 as Slots} from './test01'
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.',
+          line: 5,
+          column: 11
+        }
+      ],
+      ...getTypeScriptFixtureTestOptions()
+    },
     {
       // ignore attribute binding except string literal
       filename: 'test.vue',

From 9140c63532991b1cb6261a837871f1b5e80b04a3 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Sun, 13 Jul 2025 09:54:58 +0200
Subject: [PATCH 0893/1010] feat(no-deprecated-slot-attribute): add
 ignoreParents option (#2784)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/beige-teams-camp.md                |   5 +
 docs/rules/no-deprecated-slot-attribute.md    |  38 +++++-
 lib/rules/no-deprecated-slot-attribute.js     |   5 +
 lib/rules/syntaxes/slot-attribute.js          |  15 ++-
 lib/utils/index.js                            |   2 +-
 .../lib/rules/no-deprecated-slot-attribute.js | 108 ++++++++++++++++++
 6 files changed, 167 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/beige-teams-camp.md

diff --git a/.changeset/beige-teams-camp.md b/.changeset/beige-teams-camp.md
new file mode 100644
index 000000000..49c2a317b
--- /dev/null
+++ b/.changeset/beige-teams-camp.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Added `ignoreParents` option to [`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html)
diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index df4575cc4..34f941ec4 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -43,16 +43,18 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 ```json
 {
   "vue/no-deprecated-slot-attribute": ["error", {
-    "ignore": ["my-component"]
+    "ignore": ["my-component"],
+    "ignoreParents": ["my-web-component"],
   }]
 }
 ```
 
 - `"ignore"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) that ignore these rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
+- `"ignoreParents"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) for parents that ignore these rules. This option is especially useful for [Web-Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). Default is empty.
 
 ### `"ignore": ["my-component"]`
 
-<eslint-code-block fix :rules="{'vue/no-dupe-keys': ['error', {ignore: ['my-component']}]}">
+<eslint-code-block fix :rules="{'vue/no-deprecated-slot-attribute': ['error', {ignore: ['my-component']}]}">
 
 ```vue
 <template>
@@ -81,9 +83,41 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 </eslint-code-block>
 
+### `"ignoreParents": ["my-web-component"]`
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-slot-attribute': ['error', {ignoreParents: ['my-web-component']}]}">
+
+```vue
+<template>
+  <my-web-component>
+    <!-- ✓ GOOD -->
+    <template v-slot:name>
+      {{ props.title }}
+    </template>
+  </my-web-component>
+
+  <my-web-component>
+    <!-- ✓ GOOD -->
+    <my-component slot="name">
+      {{ props.title }}
+    </my-component>
+  </my-web-component>
+
+  <other-component>
+    <!-- ✗ BAD -->
+    <my-component slot="name">
+      {{ props.title }}
+    </my-component>
+  </other-component>
+</template>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [API - slot](https://v2.vuejs.org/v2/api/#slot-deprecated)
+- [Web - slot](https://developer.mozilla.org/en-US/docs/Web/API/Element/slot)
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index 664c14353..44f3b68c1 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -25,6 +25,11 @@ module.exports = {
             type: 'array',
             items: { type: 'string' },
             uniqueItems: true
+          },
+          ignoreParents: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
           }
         },
         additionalProperties: false
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 8d854230c..87fe9404c 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -7,16 +7,18 @@
 const canConvertToVSlot = require('./utils/can-convert-to-v-slot')
 const regexp = require('../../utils/regexp')
 const casing = require('../../utils/casing')
+const { isVElement } = require('../../utils')
 
 module.exports = {
   deprecated: '2.6.0',
   supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
-    /** @type {{ ignore: string[] }} */
+    /** @type {{ ignore: string[], ignoreParents: string[] }} */
     const options = context.options[0] || {}
-    const { ignore = [] } = options
+    const { ignore = [], ignoreParents = [] } = options
     const isAnyIgnored = regexp.toRegExpGroupMatcher(ignore)
+    const isParentIgnored = regexp.toRegExpGroupMatcher(ignoreParents)
 
     const sourceCode = context.getSourceCode()
     const tokenStore =
@@ -123,7 +125,8 @@ module.exports = {
      * @returns {void}
      */
     function reportSlot(slotAttr) {
-      const componentName = slotAttr.parent.parent.rawName
+      const component = slotAttr.parent.parent
+      const componentName = component.rawName
 
       if (
         isAnyIgnored(
@@ -135,6 +138,12 @@ module.exports = {
         return
       }
 
+      const parent = component.parent
+      const parentName = isVElement(parent) ? parent.rawName : null
+      if (parentName && isParentIgnored(parentName)) {
+        return
+      }
+
       context.report({
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
diff --git a/lib/utils/index.js b/lib/utils/index.js
index f83b000f7..f3f14cd8a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -2462,7 +2462,7 @@ function isAssignmentProperty(node) {
 }
 /**
  * Checks whether the given node is VElement.
- * @param {VElement | VExpressionContainer | VText} node
+ * @param {VElement | VExpressionContainer | VText | VDocumentFragment} node
  * @returns {node is VElement}
  */
 function isVElement(node) {
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index e420788ce..b072deb22 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -67,6 +67,30 @@ tester.run('no-deprecated-slot-attribute', rule, {
       </LinkList>
     </template>`,
       options: [{ ignore: ['/one/', '/^Two$/i', '/^my-.*/i'] }]
+    },
+    {
+      code: `<template>
+      <LinkList>
+        <one slot="one" />
+        <two slot="two" />
+        <my-component slot="my-component-slot" />
+        <myComponent slot="myComponent-slot" />
+        <MyComponent slot="MyComponent-slot" />
+      </LinkList>
+    </template>`,
+      options: [{ ignoreParents: ['LinkList'] }]
+    },
+    {
+      code: `<template>
+      <LinkList>
+        <one slot="one" />
+        <two slot="two" />
+        <my-component slot="my-component-slot" />
+        <myComponent slot="myComponent-slot" />
+        <MyComponent slot="MyComponent-slot" />
+      </LinkList>
+    </template>`,
+      options: [{ ignoreParents: ['/^Link/'] }]
     }
   ],
   invalid: [
@@ -732,6 +756,90 @@ tester.run('no-deprecated-slot-attribute', rule, {
         }
       ]
     },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <two slot="two">
+            B
+          </two>
+        </my-component2>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component2>
+      </template>`,
+      options: [
+        {
+          ignoreParents: ['my-component']
+        }
+      ],
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 9,
+          column: 16,
+          endLine: 9,
+          endColumn: 20
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <two slot="two">
+            B
+          </two>
+        </my-component2>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component2>
+      </template>`,
+      options: [
+        {
+          ignoreParents: ['/component$/']
+        }
+      ],
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 9,
+          column: 16,
+          endLine: 9,
+          endColumn: 20
+        }
+      ]
+    },
     {
       code: `
       <template>

From e2d50c7731b6aa5c9af9e173f50edeca75e3b784 Mon Sep 17 00:00:00 2001
From: 2nofa11 <47783146+2nofa11@users.noreply.github.com>
Date: Mon, 14 Jul 2025 16:18:43 +0900
Subject: [PATCH 0894/1010] fix: resolve TypeScript compatibility issues with
 eslint-typegen (#2790)

---
 .changeset/eight-camels-refuse.md |  5 +++++
 tools/generate-typegen.mjs        | 11 ++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/eight-camels-refuse.md

diff --git a/.changeset/eight-camels-refuse.md b/.changeset/eight-camels-refuse.md
new file mode 100644
index 000000000..527b123e4
--- /dev/null
+++ b/.changeset/eight-camels-refuse.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": patch
+---
+
+Resolved TypeScript compatibility issues introduced by eslint-typegen
diff --git a/tools/generate-typegen.mjs b/tools/generate-typegen.mjs
index 5bcb325a5..1f3b4a129 100644
--- a/tools/generate-typegen.mjs
+++ b/tools/generate-typegen.mjs
@@ -2,8 +2,13 @@ import fs from 'node:fs/promises'
 import { pluginsToRulesDTS } from 'eslint-typegen/core'
 import plugin from '../lib/index.js'
 
-const dts = await pluginsToRulesDTS({
-  vue: plugin
-})
+const dts = await pluginsToRulesDTS(
+  {
+    vue: plugin
+  },
+  {
+    includeAugmentation: false
+  }
+)
 
 await fs.writeFile('lib/eslint-typegen.d.ts', dts)

From ebbabd25ff7ee2d3d73f41e3ead204bdd658244c Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Mon, 14 Jul 2025 22:28:08 +0800
Subject: [PATCH 0895/1010] Add new `vue/no-negated-condition` rule (#2795)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/true-pumas-open.md           |   5 +
 docs/rules/index.md                     |   2 +
 docs/rules/no-negated-condition.md      |  33 +++++
 lib/index.js                            |   1 +
 lib/rules/no-negated-condition.js       |  12 ++
 tests/lib/rules/no-negated-condition.js | 166 ++++++++++++++++++++++++
 6 files changed, 219 insertions(+)
 create mode 100644 .changeset/true-pumas-open.md
 create mode 100644 docs/rules/no-negated-condition.md
 create mode 100644 lib/rules/no-negated-condition.js
 create mode 100644 tests/lib/rules/no-negated-condition.js

diff --git a/.changeset/true-pumas-open.md b/.changeset/true-pumas-open.md
new file mode 100644
index 000000000..7a49b0f25
--- /dev/null
+++ b/.changeset/true-pumas-open.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Added new [`vue/no-negated-condition`](https://eslint.vuejs.org/rules/no-negated-condition.html) rule
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 6423ef365..34462fba0 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -327,6 +327,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/no-implicit-coercion] | Disallow shorthand type conversions in `<template>` | :wrench::bulb: | :hammer: |
 | [vue/no-irregular-whitespace] | disallow irregular whitespace in `.vue` files |  | :warning: |
 | [vue/no-loss-of-precision] | Disallow literal numbers that lose precision in `<template>` |  | :warning: |
+| [vue/no-negated-condition] | Disallow negated conditions in `<template>` |  | :hammer: |
 | [vue/no-restricted-syntax] | Disallow specified syntax in `<template>` |  | :hammer: |
 | [vue/no-sparse-arrays] | Disallow sparse arrays in `<template>` |  | :warning: |
 | [vue/no-useless-concat] | Disallow unnecessary concatenation of literals or template literals in `<template>` |  | :hammer: |
@@ -482,6 +483,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-multiple-slot-args]: ./no-multiple-slot-args.md
 [vue/no-multiple-template-root]: ./no-multiple-template-root.md
 [vue/no-mutating-props]: ./no-mutating-props.md
+[vue/no-negated-condition]: ./no-negated-condition.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 [vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
 [vue/no-ref-as-operand]: ./no-ref-as-operand.md
diff --git a/docs/rules/no-negated-condition.md b/docs/rules/no-negated-condition.md
new file mode 100644
index 000000000..e389172ae
--- /dev/null
+++ b/docs/rules/no-negated-condition.md
@@ -0,0 +1,33 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-negated-condition
+description: Disallow negated conditions in `<template>`
+---
+
+# vue/no-negated-condition
+
+> Disallow negated conditions in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule is the same rule as core [no-negated-condition] rule but it applies to the expressions in `<template>`.
+
+## :couple: Related Rules
+
+- [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
+
+## :books: Further Reading
+
+- [no-negated-condition]
+
+[no-negated-condition]: https://eslint.org/docs/rules/no-negated-condition
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-condition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-negated-condition.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-negated-condition)</sup>
diff --git a/lib/index.js b/lib/index.js
index e511536fa..bfc35b11a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -141,6 +141,7 @@ const plugin = {
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
+    'no-negated-condition': require('./rules/no-negated-condition'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
diff --git a/lib/rules/no-negated-condition.js b/lib/rules/no-negated-condition.js
new file mode 100644
index 000000000..22a9a6fca
--- /dev/null
+++ b/lib/rules/no-negated-condition.js
@@ -0,0 +1,12 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line internal/no-invalid-meta
+module.exports = wrapCoreRule('no-negated-condition', {
+  applyDocument: true
+})
diff --git a/tests/lib/rules/no-negated-condition.js b/tests/lib/rules/no-negated-condition.js
new file mode 100644
index 000000000..4a4d5e4c2
--- /dev/null
+++ b/tests/lib/rules/no-negated-condition.js
@@ -0,0 +1,166 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/no-negated-condition')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-negated-condition', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="foo ? 'baz' : 'bar'" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{ color: isActive ? 'red' : 'blue' }" />
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="!foo ? 'bar' : 'baz'" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 3,
+          column: 22,
+          endLine: 3,
+          endColumn: 42
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{
+          'display': !isVisible ? 'none' : 'block',
+          'color': 'red'
+        }" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 4,
+          column: 22,
+          endLine: 4,
+          endColumn: 51
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'hidden': !foo ? true : false,
+          'visible': bar
+        }" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 40
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :disabled="!enabled ? true : false" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 48
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="a !== b ? 'different' : 'same'" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 3,
+          column: 22,
+          endLine: 3,
+          endColumn: 52
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="a != b ? 'not-equal' : 'equal'" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 3,
+          column: 22,
+          endLine: 3,
+          endColumn: 52
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :style="{
+          opacity: !(x && y) ? 0 : 1
+        }" />
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected negated condition.',
+          line: 4,
+          column: 20,
+          endLine: 4,
+          endColumn: 37
+        }
+      ]
+    }
+  ]
+})

From 72b186cc13aee8d544776ecca0b26436de5bd006 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Mon, 14 Jul 2025 16:32:29 +0200
Subject: [PATCH 0896/1010] test(no-deprecated-slot-attribute): make tests more
 strict (#2793)

---
 .../lib/rules/no-deprecated-slot-attribute.js | 250 +++++++++++++++---
 1 file changed, 212 insertions(+), 38 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index b072deb22..01b8f31df 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -110,7 +110,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -130,7 +133,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -150,7 +156,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -170,7 +179,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -190,7 +202,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -209,23 +224,38 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message: '`slot` attributes are deprecated.',
-          line: 5
+          line: 5,
+          column: 21,
+          endLine: 5,
+          endColumn: 25
         },
         {
           message: '`slot` attributes are deprecated.',
-          line: 6
+          line: 6,
+          column: 21,
+          endLine: 6,
+          endColumn: 25
         },
         {
           message: '`slot` attributes are deprecated.',
-          line: 7
+          line: 7,
+          column: 21,
+          endLine: 7,
+          endColumn: 25
         },
         {
           message: '`slot` attributes are deprecated.',
-          line: 8
+          line: 8,
+          column: 21,
+          endLine: 8,
+          endColumn: 25
         }
       ]
     },
@@ -245,7 +275,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 32
         }
       ]
     },
@@ -260,7 +293,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -280,7 +316,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -295,7 +334,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -310,7 +352,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -325,7 +370,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -340,7 +388,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -360,7 +411,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -380,7 +434,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 14,
+          endLine: 4,
+          endColumn: 18
         }
       ]
     },
@@ -400,7 +457,10 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 14,
+          endLine: 4,
+          endColumn: 19
         }
       ]
     },
@@ -421,7 +481,15 @@ tester.run('no-deprecated-slot-attribute', rule, {
           </template>
         </MyComponent>
       </template>`,
-      errors: ['`slot` attributes are deprecated.']
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
+        }
+      ]
     },
     {
       code: `
@@ -440,7 +508,15 @@ tester.run('no-deprecated-slot-attribute', rule, {
           </template>
         </MyComponent>
       </template>`,
-      errors: ['`slot` attributes are deprecated.']
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
+        }
+      ]
     },
     {
       code: `
@@ -459,7 +535,15 @@ tester.run('no-deprecated-slot-attribute', rule, {
           </template>
         </MyComponent>
       </template>`,
-      errors: ['`slot` attributes are deprecated.']
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
+        }
+      ]
     },
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/1499
@@ -494,11 +578,17 @@ tester.run('no-deprecated-slot-attribute', rule, {
       errors: [
         {
           message: '`slot` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message: '`slot` attributes are deprecated.',
-          line: 9
+          line: 9,
+          column: 23,
+          endLine: 9,
+          endColumn: 27
         }
       ]
     },
@@ -526,8 +616,20 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </my-component>
       </template>`,
       errors: [
-        '`slot` attributes are deprecated.',
-        '`slot` attributes are deprecated.'
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 37,
+          endLine: 4,
+          endColumn: 41
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 37,
+          endLine: 7,
+          endColumn: 42
+        }
       ]
     },
     {
@@ -544,8 +646,20 @@ tester.run('no-deprecated-slot-attribute', rule, {
       </template>`,
       output: null,
       errors: [
-        '`slot` attributes are deprecated.',
-        '`slot` attributes are deprecated.'
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 25
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 21,
+          endLine: 7,
+          endColumn: 25
+        }
       ]
     },
     {
@@ -590,8 +704,20 @@ tester.run('no-deprecated-slot-attribute', rule, {
       </template>`,
       output: null,
       errors: [
-        '`slot` attributes are deprecated.',
-        '`slot` attributes are deprecated.'
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 37,
+          endLine: 4,
+          endColumn: 42
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 37,
+          endLine: 7,
+          endColumn: 42
+        }
       ]
     },
     {
@@ -618,8 +744,20 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </my-component>
       </template>`,
       errors: [
-        '`slot` attributes are deprecated.',
-        '`slot` attributes are deprecated.'
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 37,
+          endLine: 4,
+          endColumn: 42
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 37,
+          endLine: 7,
+          endColumn: 42
+        }
       ]
     },
     {
@@ -646,8 +784,20 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </my-component>
       </template>`,
       errors: [
-        '`slot` attributes are deprecated.',
-        '`slot` attributes are deprecated.'
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 41,
+          endLine: 4,
+          endColumn: 46
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 37,
+          endLine: 7,
+          endColumn: 42
+        }
       ]
     },
     {
@@ -678,7 +828,15 @@ tester.run('no-deprecated-slot-attribute', rule, {
           ignore: ['one']
         }
       ],
-      errors: ['`slot` attributes are deprecated.']
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 16,
+          endLine: 7,
+          endColumn: 20
+        }
+      ]
     },
     {
       code: `
@@ -863,7 +1021,15 @@ tester.run('no-deprecated-slot-attribute', rule, {
 </template>
         </my-component>
       </template>`,
-      errors: ['`slot` attributes are deprecated.']
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 18
+        }
+      ]
     },
     {
       code: `
@@ -876,7 +1042,15 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </component>
       </template>`,
       output: null,
-      errors: ['`slot` attributes are deprecated.']
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 16,
+          endLine: 4,
+          endColumn: 20
+        }
+      ]
     }
   ]
 })

From cf3c4eb97e83d7190a035275b3e2f339e2ade8af Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 18 Jul 2025 09:04:24 +0200
Subject: [PATCH 0897/1010] test(array-bracket-newline): make tests more strict
 (#2799)

---
 tests/lib/rules/array-bracket-newline.js | 124 ++++++++++++++++++++---
 1 file changed, 110 insertions(+), 14 deletions(-)

diff --git a/tests/lib/rules/array-bracket-newline.js b/tests/lib/rules/array-bracket-newline.js
index 380f61e4f..0334d2942 100644
--- a/tests/lib/rules/array-bracket-newline.js
+++ b/tests/lib/rules/array-bracket-newline.js
@@ -40,61 +40,145 @@ tester.run('array-bracket-newline', rule, {
     {
       code: '<template><div :attr="[\na]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
-      errors: ["There should be no linebreak after '['."]
+      errors: [
+        {
+          message: "There should be no linebreak after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a\n]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
-      errors: ["There should be no linebreak before ']'."]
+      errors: [
+        {
+          message: "There should be no linebreak before ']'.",
+          line: 2,
+          column: 1,
+          endLine: 2,
+          endColumn: 2
+        }
+      ]
     },
     {
       code: '<template><div :attr="[\na\n]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       errors: [
-        "There should be no linebreak after '['.",
-        "There should be no linebreak before ']'."
+        {
+          message: "There should be no linebreak after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        },
+        {
+          message: "There should be no linebreak before ']'.",
+          line: 3,
+          column: 1,
+          endLine: 3,
+          endColumn: 2
+        }
       ]
     },
     {
       code: '<template><div :attr="[\na]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       options: ['never'],
-      errors: ["There should be no linebreak after '['."]
+      errors: [
+        {
+          message: "There should be no linebreak after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a\n]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       options: ['never'],
-      errors: ["There should be no linebreak before ']'."]
+      errors: [
+        {
+          message: "There should be no linebreak before ']'.",
+          line: 2,
+          column: 1,
+          endLine: 2,
+          endColumn: 2
+        }
+      ]
     },
     {
       code: '<template><div :attr="[\na\n]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       options: ['never'],
       errors: [
-        "There should be no linebreak after '['.",
-        "There should be no linebreak before ']'."
+        {
+          message: "There should be no linebreak after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        },
+        {
+          message: "There should be no linebreak before ']'.",
+          line: 3,
+          column: 1,
+          endLine: 3,
+          endColumn: 2
+        }
       ]
     },
     {
       code: '<template><div :attr="[\na]" /></template>',
       output: '<template><div :attr="[\na\n]" /></template>',
       options: ['always'],
-      errors: ["A linebreak is required before ']'."]
+      errors: [
+        {
+          message: "A linebreak is required before ']'.",
+          line: 2,
+          column: 2,
+          endLine: 2,
+          endColumn: 3
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a\n]" /></template>',
       output: '<template><div :attr="[\na\n]" /></template>',
       options: ['always'],
-      errors: ["A linebreak is required after '['."]
+      errors: [
+        {
+          message: "A linebreak is required after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a]" /></template>',
       output: '<template><div :attr="[\na\n]" /></template>',
       options: ['always'],
       errors: [
-        "A linebreak is required after '['.",
-        "A linebreak is required before ']'."
+        {
+          message: "A linebreak is required after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        },
+        {
+          message: "A linebreak is required before ']'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 26
+        }
       ]
     },
     {
@@ -102,8 +186,20 @@ tester.run('array-bracket-newline', rule, {
       output: '<template><div :[[attr]]="[\na\n]" /></template>',
       options: ['always'],
       errors: [
-        "A linebreak is required after '['.",
-        "A linebreak is required before ']'."
+        {
+          message: "A linebreak is required after '['.",
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 28
+        },
+        {
+          message: "A linebreak is required before ']'.",
+          line: 1,
+          column: 29,
+          endLine: 1,
+          endColumn: 30
+        }
       ]
     }
   ]

From 5bde25ae9995461bd75e29457573d63ea21b63ee Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 18 Jul 2025 11:23:11 +0200
Subject: [PATCH 0898/1010] test(array-bracket-spacing): make tests more strict
 (#2800)

---
 tests/lib/rules/array-bracket-spacing.js | 124 ++++++++++++++++++++---
 1 file changed, 110 insertions(+), 14 deletions(-)

diff --git a/tests/lib/rules/array-bracket-spacing.js b/tests/lib/rules/array-bracket-spacing.js
index 1eea108e6..6218d232e 100644
--- a/tests/lib/rules/array-bracket-spacing.js
+++ b/tests/lib/rules/array-bracket-spacing.js
@@ -39,61 +39,145 @@ tester.run('array-bracket-spacing', rule, {
     {
       code: '<template><div :attr="[ a]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
-      errors: ["There should be no space after '['."]
+      errors: [
+        {
+          message: "There should be no space after '['.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a ]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
-      errors: ["There should be no space before ']'."]
+      errors: [
+        {
+          message: "There should be no space before ']'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       code: '<template><div :attr="[ a ]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       errors: [
-        "There should be no space after '['.",
-        "There should be no space before ']'."
+        {
+          message: "There should be no space after '['.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 25
+        },
+        {
+          message: "There should be no space before ']'.",
+          line: 1,
+          column: 26,
+          endLine: 1,
+          endColumn: 27
+        }
       ]
     },
     {
       code: '<template><div :attr="[ a]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       options: ['never'],
-      errors: ["There should be no space after '['."]
+      errors: [
+        {
+          message: "There should be no space after '['.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a ]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       options: ['never'],
-      errors: ["There should be no space before ']'."]
+      errors: [
+        {
+          message: "There should be no space before ']'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       code: '<template><div :attr="[ a ]" /></template>',
       output: '<template><div :attr="[a]" /></template>',
       options: ['never'],
       errors: [
-        "There should be no space after '['.",
-        "There should be no space before ']'."
+        {
+          message: "There should be no space after '['.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 25
+        },
+        {
+          message: "There should be no space before ']'.",
+          line: 1,
+          column: 26,
+          endLine: 1,
+          endColumn: 27
+        }
       ]
     },
     {
       code: '<template><div :attr="[ a]" /></template>',
       output: '<template><div :attr="[ a ]" /></template>',
       options: ['always'],
-      errors: ["A space is required before ']'."]
+      errors: [
+        {
+          message: "A space is required before ']'.",
+          line: 1,
+          column: 26,
+          endLine: 1,
+          endColumn: 27
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a ]" /></template>',
       output: '<template><div :attr="[ a ]" /></template>',
       options: ['always'],
-      errors: ["A space is required after '['."]
+      errors: [
+        {
+          message: "A space is required after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><div :attr="[a]" /></template>',
       output: '<template><div :attr="[ a ]" /></template>',
       options: ['always'],
       errors: [
-        "A space is required after '['.",
-        "A space is required before ']'."
+        {
+          message: "A space is required after '['.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        },
+        {
+          message: "A space is required before ']'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 26
+        }
       ]
     },
     {
@@ -101,8 +185,20 @@ tester.run('array-bracket-spacing', rule, {
       output: '<template><div :[[attr]]="[ a ]" /></template>',
       options: ['always'],
       errors: [
-        "A space is required after '['.",
-        "A space is required before ']'."
+        {
+          message: "A space is required after '['.",
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 28
+        },
+        {
+          message: "A space is required before ']'.",
+          line: 1,
+          column: 29,
+          endLine: 1,
+          endColumn: 30
+        }
       ]
     }
   ]

From 468789bfbf67691d4163f5808ce960d7b16f3f83 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 18 Jul 2025 15:04:17 +0200
Subject: [PATCH 0899/1010] test(arrow-spacing): make tests more strict (#2801)

---
 tests/lib/rules/arrow-spacing.js | 40 +++++++++++++++++++++++++-------
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/arrow-spacing.js b/tests/lib/rules/arrow-spacing.js
index d80c255e8..d05c9f269 100644
--- a/tests/lib/rules/arrow-spacing.js
+++ b/tests/lib/rules/arrow-spacing.js
@@ -48,11 +48,17 @@ tester.run('arrow-spacing', rule, {
       errors: [
         {
           message: 'Missing space before =>.',
-          line: 3
+          line: 3,
+          column: 24,
+          endLine: 3,
+          endColumn: 25
         },
         {
           message: 'Missing space after =>.',
-          line: 3
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 28
         }
       ]
     },
@@ -68,11 +74,17 @@ tester.run('arrow-spacing', rule, {
       errors: [
         {
           message: 'Missing space before =>.',
-          line: 3
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 26
         },
         {
           message: 'Missing space after =>.',
-          line: 3
+          line: 3,
+          column: 28,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -94,11 +106,17 @@ tester.run('arrow-spacing', rule, {
       errors: [
         {
           message: 'Missing space before =>.',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 26
         },
         {
           message: 'Missing space after =>.',
-          line: 4
+          line: 4,
+          column: 28,
+          endLine: 4,
+          endColumn: 29
         }
       ]
     },
@@ -115,11 +133,17 @@ tester.run('arrow-spacing', rule, {
       errors: [
         {
           message: 'Unexpected space before =>.',
-          line: 3
+          line: 3,
+          column: 24,
+          endLine: 3,
+          endColumn: 25
         },
         {
           message: 'Unexpected space after =>.',
-          line: 3
+          line: 3,
+          column: 29,
+          endLine: 3,
+          endColumn: 30
         }
       ]
     }

From f75a0030657c49fda257c720fcf9bf43852291a8 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 18 Jul 2025 15:06:54 +0200
Subject: [PATCH 0900/1010] test(attribute-hyphenation): make tests more strict
 (#2802)

---
 tests/lib/rules/attribute-hyphenation.js | 138 ++++++++++++++++++-----
 1 file changed, 110 insertions(+), 28 deletions(-)

diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
index 738d59ae9..eac974e4e 100644
--- a/tests/lib/rules/attribute-hyphenation.js
+++ b/tests/lib/rules/attribute-hyphenation.js
@@ -118,7 +118,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'my-prop' can't be hyphenated.",
           type: 'VIdentifier',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 37
         }
       ]
     },
@@ -131,7 +134,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'MyProp' must be hyphenated.",
           type: 'VIdentifier',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 36
         }
       ]
     },
@@ -145,7 +151,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':my-prop' can't be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -158,7 +167,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':MyProp' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 38
         }
       ]
     },
@@ -172,7 +184,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-bind:my-prop' can't be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 45
         }
       ]
     },
@@ -185,7 +200,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-bind:MyProp' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 44
         }
       ]
     },
@@ -198,7 +216,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-bind:MyProp' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 44
         }
       ]
     },
@@ -212,7 +233,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':second-prop' can't be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 46,
+          endLine: 1,
+          endColumn: 65
         }
       ]
     },
@@ -226,7 +250,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-bind:myProp' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 44
         }
       ]
     },
@@ -240,7 +267,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-bind:propID' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 44
         }
       ]
     },
@@ -255,7 +285,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-model:my-prop' can't be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 46
         }
       ]
     },
@@ -269,7 +302,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-model:myProp' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 45
         }
       ]
     },
@@ -282,7 +318,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'v-model:MyProp' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 45
         }
       ]
     },
@@ -307,7 +346,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'third-custom' can't be hyphenated.",
           type: 'VIdentifier',
-          line: 3
+          line: 3,
+          column: 111,
+          endLine: 3,
+          endColumn: 129
         }
       ]
     },
@@ -332,12 +374,18 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'custom-hyphen' can't be hyphenated.",
           type: 'VIdentifier',
-          line: 3
+          line: 3,
+          column: 71,
+          endLine: 3,
+          endColumn: 90
         },
         {
           message: "Attribute 'second-custom' can't be hyphenated.",
           type: 'VIdentifier',
-          line: 3
+          line: 3,
+          column: 91,
+          endLine: 3,
+          endColumn: 110
         }
       ]
     },
@@ -350,7 +398,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'my-prop' can't be hyphenated.",
           type: 'VIdentifier',
-          line: 1
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 35
         }
       ]
     },
@@ -363,7 +414,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute 'MyProp' must be hyphenated.",
           type: 'VIdentifier',
-          line: 1
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 34
         }
       ]
     },
@@ -376,7 +430,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':attr_Gg' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -389,7 +446,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':Attr_Hh' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -402,7 +462,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':_attr_Jj' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 40
         }
       ]
     },
@@ -415,7 +478,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':_attrKk' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -428,7 +494,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':_AttrLl' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -441,7 +510,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':my-custom_prop' can't be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 46
         }
       ]
     },
@@ -454,7 +526,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':myAge.sync' must be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 42
         }
       ]
     },
@@ -467,7 +542,10 @@ ruleTester.run('attribute-hyphenation', rule, {
         {
           message: "Attribute ':my-age.sync' can't be hyphenated.",
           type: 'VDirectiveKey',
-          line: 1
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 43
         }
       ]
     },
@@ -490,7 +568,9 @@ ruleTester.run('attribute-hyphenation', rule, {
           message: "Attribute 'my-prop' can't be hyphenated.",
           type: 'VIdentifier',
           line: 3,
-          column: 17
+          column: 17,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     },
@@ -513,7 +593,9 @@ ruleTester.run('attribute-hyphenation', rule, {
           message: "Attribute 'myProp' must be hyphenated.",
           type: 'VIdentifier',
           line: 3,
-          column: 17
+          column: 17,
+          endLine: 3,
+          endColumn: 23
         }
       ]
     }

From c66d6b641d8dd79596d9b31d9223640827c0f870 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 18 Jul 2025 16:35:14 +0200
Subject: [PATCH 0901/1010] test(block-lang): make tests more strict (#2804)

---
 tests/lib/rules/block-lang.js | 52 ++++++++++++++++++++++++++---------
 1 file changed, 39 insertions(+), 13 deletions(-)

diff --git a/tests/lib/rules/block-lang.js b/tests/lib/rules/block-lang.js
index 5f7851b54..ad1b9842c 100644
--- a/tests/lib/rules/block-lang.js
+++ b/tests/lib/rules/block-lang.js
@@ -44,7 +44,9 @@ tester.run('block-lang', rule, {
         {
           message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
           line: 2,
-          column: 15
+          column: 15,
+          endLine: 2,
+          endColumn: 24
         }
       ]
     },
@@ -56,7 +58,9 @@ tester.run('block-lang', rule, {
         {
           message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
           line: 2,
-          column: 15
+          column: 15,
+          endLine: 2,
+          endColumn: 24
         }
       ]
     },
@@ -68,7 +72,9 @@ tester.run('block-lang', rule, {
         {
           message: "The 'lang' attribute of '<script>' is missing.",
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 2,
+          endColumn: 15
         }
       ]
     },
@@ -80,7 +86,9 @@ tester.run('block-lang', rule, {
         {
           message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
           line: 2,
-          column: 15
+          column: 15,
+          endLine: 2,
+          endColumn: 22
         }
       ]
     },
@@ -91,7 +99,9 @@ tester.run('block-lang', rule, {
         {
           message: "Do not specify the 'lang' attribute of '<script>'.",
           line: 1,
-          column: 30
+          column: 30,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -103,7 +113,9 @@ tester.run('block-lang', rule, {
           message:
             "Do not explicitly specify the default language for the 'lang' attribute of '<script>'.",
           line: 1,
-          column: 30
+          column: 30,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -114,7 +126,9 @@ tester.run('block-lang', rule, {
         {
           message: "Do not specify the 'lang' attribute of '<script>'.",
           line: 1,
-          column: 30
+          column: 30,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -126,7 +140,9 @@ tester.run('block-lang', rule, {
         {
           message: "The 'lang' attribute of '<i18n>' is missing.",
           line: 1,
-          column: 1
+          column: 1,
+          endLine: 1,
+          endColumn: 7
         }
       ]
     },
@@ -139,7 +155,9 @@ tester.run('block-lang', rule, {
           message:
             "Only \"json\" can be used for the 'lang' attribute of '<i18n>'. Or, not specifying the `lang` attribute is allowed.",
           line: 2,
-          column: 13
+          column: 13,
+          endLine: 2,
+          endColumn: 24
         }
       ]
     },
@@ -152,7 +170,9 @@ tester.run('block-lang', rule, {
           message:
             'Only "json", and "yaml" can be used for the \'lang\' attribute of \'<i18n>\'. Or, not specifying the `lang` attribute is allowed.',
           line: 2,
-          column: 13
+          column: 13,
+          endLine: 2,
+          endColumn: 24
         }
       ]
     },
@@ -165,17 +185,23 @@ tester.run('block-lang', rule, {
         {
           message: "Do not specify the 'lang' attribute of '<template>'.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 1,
+          endColumn: 21
         },
         {
           message: "Do not specify the 'lang' attribute of '<script>'.",
           line: 2,
-          column: 15
+          column: 15,
+          endLine: 2,
+          endColumn: 24
         },
         {
           message: "Do not specify the 'lang' attribute of '<style>'.",
           line: 3,
-          column: 14
+          column: 14,
+          endLine: 3,
+          endColumn: 27
         }
       ]
     }

From 18dc6db7a2228962b4103467747aea6d03ac24ae Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 18 Jul 2025 16:36:00 +0200
Subject: [PATCH 0902/1010] test(attributes-order): make tests more strict
 (#2803)

---
 tests/lib/rules/attributes-order.js | 460 ++++++++++++++++++++++++----
 1 file changed, 398 insertions(+), 62 deletions(-)

diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 79ab47627..eb4543d1d 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -628,7 +628,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-cloak".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 35
         }
       ]
     },
@@ -639,7 +643,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-cloak" should go before "id".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 30,
+          endLine: 1,
+          endColumn: 37
         }
       ]
     },
@@ -664,11 +672,19 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-model" should go before "model".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 31
         },
         {
           message: 'Attribute ":id" should go before "propOne".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 24
         }
       ]
     },
@@ -695,11 +711,19 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-model" should go before "v-on".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 31
         },
         {
           message: 'Attribute "propOne" should go before "v-on".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 28
         }
       ]
     },
@@ -711,7 +735,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "aria-test".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 46,
+          endLine: 1,
+          endColumn: 57
         }
       ]
     },
@@ -740,7 +768,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "propone".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 44,
+          endLine: 1,
+          endColumn: 55
         }
       ]
     },
@@ -759,7 +791,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-cloak".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 3,
+          column: 15,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -798,27 +834,51 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-for" should go before "v-if".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 36
         },
         {
           message: 'Attribute "is" should go before "v-once".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 26
         },
         {
           message: 'Attribute "ref" should go before "v-on:click".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 8,
+          column: 15,
+          endLine: 8,
+          endColumn: 27
         },
         {
           message: 'Attribute ":prop" should go before "v-on:click".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 9,
+          column: 15,
+          endLine: 9,
+          endColumn: 33
         },
         {
           message: 'Attribute "id" should go before "v-text".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 11,
+          column: 15,
+          endLine: 11,
+          endColumn: 28
         },
         {
           message: 'Attribute "myProp" should go before "v-text".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 12,
+          column: 15,
+          endLine: 12,
+          endColumn: 28
         }
       ]
     },
@@ -874,23 +934,43 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "is" should go before "v-once".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 26
         },
         {
           message: 'Attribute "v-on:click" should go before "v-once".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 40
         },
         {
           message: 'Attribute "ref" should go before "v-once".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 8,
+          column: 15,
+          endLine: 8,
+          endColumn: 27
         },
         {
           message: 'Attribute "id" should go before "v-text".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 11,
+          column: 15,
+          endLine: 11,
+          endColumn: 28
         },
         {
           message: 'Attribute "myProp" should go before "v-text".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 12,
+          column: 15,
+          endLine: 12,
+          endColumn: 28
         }
       ]
     },
@@ -931,7 +1011,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-if" should go before "class".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 30
         }
       ]
     },
@@ -955,7 +1039,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-slot" should go before "v-model".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 35
         }
       ]
     },
@@ -977,7 +1065,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "a-prop" should go before "z-prop".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 23
         }
       ]
     },
@@ -999,7 +1091,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute ":a-prop" should go before ":z-prop".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 24
         }
       ]
     },
@@ -1021,7 +1117,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "@change" should go before "@input".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -1043,7 +1143,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "boolean-prop" should go before "z-prop".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -1065,7 +1169,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-on:[c]" should go before "v-on:click".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 36
         }
       ]
     },
@@ -1087,7 +1195,11 @@ tester.run('attributes-order', rule, {
       errors: [
         {
           message: 'Attribute "v-on:click" should go before "v-text".',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 38
         }
       ]
     },
@@ -1108,7 +1220,11 @@ tester.run('attributes-order', rule, {
       options: [{ alphabetical: true }],
       errors: [
         {
-          message: 'Attribute "class" should go before ":class".'
+          message: 'Attribute "class" should go before ":class".',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 24
         }
       ]
     },
@@ -1129,7 +1245,11 @@ tester.run('attributes-order', rule, {
       options: [{ alphabetical: true }],
       errors: [
         {
-          message: 'Attribute "v-if" should go before "v-show".'
+          message: 'Attribute "v-if" should go before "v-show".',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 23
         }
       ]
     },
@@ -1150,7 +1270,11 @@ tester.run('attributes-order', rule, {
       options: [{ alphabetical: true }],
       errors: [
         {
-          message: 'Attribute "v-bar" should go before "v-foo".'
+          message: 'Attribute "v-bar" should go before "v-foo".',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 24
         }
       ]
     },
@@ -1171,7 +1295,11 @@ tester.run('attributes-order', rule, {
       options: [{ alphabetical: true }],
       errors: [
         {
-          message: 'Attribute "v-foo.a" should go before "v-foo.b".'
+          message: 'Attribute "v-foo.a" should go before "v-foo.b".',
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 24
         }
       ]
     },
@@ -1182,7 +1310,11 @@ tester.run('attributes-order', rule, {
       output: '<template><div v-is="foo" v-cloak></div></template>',
       errors: [
         {
-          message: 'Attribute "v-is" should go before "v-cloak".'
+          message: 'Attribute "v-is" should go before "v-cloak".',
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 34
         }
       ]
     },
@@ -1206,7 +1338,15 @@ tester.run('attributes-order', rule, {
           v-bind="b">
         </div>
       </template>`,
-      errors: ['Attribute "v-if" should go before "v-bind:id".']
+      errors: [
+        {
+          message: 'Attribute "v-if" should go before "v-bind:id".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 19
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1226,7 +1366,15 @@ tester.run('attributes-order', rule, {
           v-bind="b">
         </div>
       </template>`,
-      errors: ['Attribute "v-if" should go before "v-bind:id".']
+      errors: [
+        {
+          message: 'Attribute "v-if" should go before "v-bind:id".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 19
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1246,7 +1394,15 @@ tester.run('attributes-order', rule, {
           v-bind:id="a">
         </div>
       </template>`,
-      errors: ['Attribute "v-if" should go before "v-bind:id".']
+      errors: [
+        {
+          message: 'Attribute "v-if" should go before "v-bind:id".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 19
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1267,7 +1423,15 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ alphabetical: true }],
-      errors: ['Attribute "v-bind:id" should go before "v-on:click".']
+      errors: [
+        {
+          message: 'Attribute "v-bind:id" should go before "v-on:click".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1288,7 +1452,15 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ alphabetical: true }],
-      errors: ['Attribute "v-bind" should go before "v-on:click".']
+      errors: [
+        {
+          message: 'Attribute "v-bind" should go before "v-on:click".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 21
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1309,7 +1481,15 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ alphabetical: true }],
-      errors: ['Attribute "v-bind:id" should go before "v-on:click".']
+      errors: [
+        {
+          message: 'Attribute "v-bind:id" should go before "v-on:click".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1333,8 +1513,20 @@ tester.run('attributes-order', rule, {
       </template>`,
       options: [{ alphabetical: true }],
       errors: [
-        'Attribute "v-bind:a" should go before "v-on:click".',
-        'Attribute "v-if" should go before "v-on:click".'
+        {
+          message: 'Attribute "v-bind:a" should go before "v-on:click".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 23
+        },
+        {
+          message: 'Attribute "v-if" should go before "v-on:click".',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 19
+        }
       ]
     },
     {
@@ -1359,8 +1551,20 @@ tester.run('attributes-order', rule, {
       </template>`,
       options: [{ alphabetical: true }],
       errors: [
-        'Attribute "v-bind" should go before "v-on:click".',
-        'Attribute "v-if" should go before "v-on:click".'
+        {
+          message: 'Attribute "v-bind" should go before "v-on:click".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 21
+        },
+        {
+          message: 'Attribute "v-if" should go before "v-on:click".',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 19
+        }
       ]
     },
     {
@@ -1382,7 +1586,15 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ alphabetical: true }],
-      errors: ['Attribute "v-if" should go before "a".']
+      errors: [
+        {
+          message: 'Attribute "v-if" should go before "a".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 19
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1404,8 +1616,20 @@ tester.run('attributes-order', rule, {
       </template>`,
       options: [{ alphabetical: true }],
       errors: [
-        'Attribute "v-bind" should go before "v-on:click".',
-        'Attribute "v-if" should go before "v-on:click".'
+        {
+          message: 'Attribute "v-bind" should go before "v-on:click".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 21
+        },
+        {
+          message: 'Attribute "v-if" should go before "v-on:click".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 19
+        }
       ]
     },
     {
@@ -1428,7 +1652,15 @@ tester.run('attributes-order', rule, {
           v-bind:value="a">
         </div>
       </template>`,
-      errors: ['Attribute "v-model" should go before "v-custom-directive".']
+      errors: [
+        {
+          message: 'Attribute "v-model" should go before "v-custom-directive".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 22
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1450,7 +1682,15 @@ tester.run('attributes-order', rule, {
           v-model="c">
         </div>
       </template>`,
-      errors: ['Attribute "v-bind:id" should go before "v-model".']
+      errors: [
+        {
+          message: 'Attribute "v-bind:id" should go before "v-model".',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 24
+        }
+      ]
     },
 
     // omit order
@@ -1473,7 +1713,15 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
-      errors: ['Attribute "v-for" should go before "v-if".']
+      errors: [
+        {
+          message: 'Attribute "v-for" should go before "v-if".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 29
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -1494,7 +1742,15 @@ tester.run('attributes-order', rule, {
         </div>
       </template>`,
       options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
-      errors: ['Attribute "v-for" should go before "v-if".']
+      errors: [
+        {
+          message: 'Attribute "v-for" should go before "v-if".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 29
+        }
+      ]
     },
 
     // slot
@@ -1523,7 +1779,11 @@ tester.run('attributes-order', rule, {
       ],
       errors: [
         {
-          message: 'Attribute "bar" should go before "v-slot".'
+          message: 'Attribute "bar" should go before "v-slot".',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 52
         }
       ]
     },
@@ -1553,7 +1813,11 @@ tester.run('attributes-order', rule, {
       ],
       errors: [
         {
-          message: 'Attribute "ref" should go before "bar".'
+          message: 'Attribute "ref" should go before "bar".',
+          line: 1,
+          column: 26,
+          endLine: 1,
+          endColumn: 35
         }
       ]
     },
@@ -1579,8 +1843,20 @@ tester.run('attributes-order', rule, {
           @click="handleClick"/>
       </template>`,
       errors: [
-        'Attribute "v-if" should go before "v-bind".',
-        'Attribute "ref" should go before "v-model".'
+        {
+          message: 'Attribute "v-if" should go before "v-bind".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 22
+        },
+        {
+          message: 'Attribute "ref" should go before "v-model".',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 20
+        }
       ]
     },
 
@@ -1598,7 +1874,15 @@ tester.run('attributes-order', rule, {
           v-bind="object"
           @click="handleClick"/>
       </template>`,
-      errors: ['Attribute "v-bind" should go before "@click".']
+      errors: [
+        {
+          message: 'Attribute "v-bind" should go before "@click".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 26
+        }
+      ]
     },
 
     {
@@ -1619,7 +1903,15 @@ tester.run('attributes-order', rule, {
           @click="handleClick"
           @input="handleInput"/>
       </template>`,
-      errors: ['Attribute "v-bind" should go before "@click".']
+      errors: [
+        {
+          message: 'Attribute "v-bind" should go before "@click".',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 26
+        }
+      ]
     },
 
     {
@@ -1641,7 +1933,15 @@ tester.run('attributes-order', rule, {
           v-bind="object"/>
       </template>`,
       options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
-      errors: ['Attribute "@input" should go before "v-bind".']
+      errors: [
+        {
+          message: 'Attribute "@input" should go before "v-bind".',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 31
+        }
+      ]
     },
 
     {
@@ -1661,7 +1961,15 @@ tester.run('attributes-order', rule, {
           attr="foo"/>
       </template>`,
       options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
-      errors: ['Attribute "@click" should go before "v-bind".']
+      errors: [
+        {
+          message: 'Attribute "@click" should go before "v-bind".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 31
+        }
+      ]
     },
 
     {
@@ -1681,7 +1989,15 @@ tester.run('attributes-order', rule, {
           :prop-three="c"/>
       </template>`,
       options: [{ order: ['ATTR_STATIC', 'ATTR_DYNAMIC'] }],
-      errors: ['Attribute "prop-two" should go before "v-bind:prop-one".']
+      errors: [
+        {
+          message: 'Attribute "prop-two" should go before "v-bind:prop-one".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 23
+        }
+      ]
     },
 
     {
@@ -1722,8 +2038,20 @@ tester.run('attributes-order', rule, {
         }
       ],
       errors: [
-        'Attribute "v-model" should go before ":prop-one".',
-        'Attribute ":prop-three" should go before "prop-two".'
+        {
+          message: 'Attribute "v-model" should go before ":prop-one".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 26
+        },
+        {
+          message: 'Attribute ":prop-three" should go before "prop-two".',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 26
+        }
       ]
     },
 
@@ -1765,7 +2093,15 @@ tester.run('attributes-order', rule, {
           ]
         }
       ],
-      errors: ['Attribute "v-model" should go before ":prop-one".']
+      errors: [
+        {
+          message: 'Attribute "v-model" should go before ":prop-one".',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 26
+        }
+      ]
     }
   ]
 })

From 8a0e67328ea900762fd7fc6d2f80683bf9d8d087 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Sat, 19 Jul 2025 09:26:48 +0200
Subject: [PATCH 0903/1010] fix(block-lang): use consistent quotation marks in
 error messages (#2805)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/strong-masks-fetch.md |  5 +++++
 lib/rules/block-lang.js          |  4 ++--
 tests/lib/rules/block-lang.js    | 13 ++++++++-----
 3 files changed, 15 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/strong-masks-fetch.md

diff --git a/.changeset/strong-masks-fetch.md b/.changeset/strong-masks-fetch.md
new file mode 100644
index 000000000..b7b3b22a0
--- /dev/null
+++ b/.changeset/strong-masks-fetch.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': patch
+---
+
+Fixed inconsistent quotes in [`vue/block-lang`](https://eslint.vuejs.org/rules/block-lang.html) error messages
diff --git a/lib/rules/block-lang.js b/lib/rules/block-lang.js
index 2190b17cb..8fccd29f9 100644
--- a/lib/rules/block-lang.js
+++ b/lib/rules/block-lang.js
@@ -40,7 +40,7 @@ const DEFAULT_LANGUAGES = {
  * @param {NonNullable<BlockOptions['lang']>} lang
  */
 function getAllowsLangPhrase(lang) {
-  const langs = [...lang].map((s) => `"${s}"`)
+  const langs = [...lang].map((s) => `'${s}'`)
   switch (langs.length) {
     case 1: {
       return langs[0]
@@ -157,7 +157,7 @@ module.exports = {
       missing: "The 'lang' attribute of '<{{tag}}>' is missing.",
       unexpected: "Do not specify the 'lang' attribute of '<{{tag}}>'.",
       useOrNot:
-        "Only {{allows}} can be used for the 'lang' attribute of '<{{tag}}>'. Or, not specifying the `lang` attribute is allowed.",
+        "Only {{allows}} can be used for the 'lang' attribute of '<{{tag}}>'. Or, not specifying the 'lang' attribute is allowed.",
       unexpectedDefault:
         "Do not explicitly specify the default language for the 'lang' attribute of '<{{tag}}>'."
     }
diff --git a/tests/lib/rules/block-lang.js b/tests/lib/rules/block-lang.js
index ad1b9842c..af8b837d6 100644
--- a/tests/lib/rules/block-lang.js
+++ b/tests/lib/rules/block-lang.js
@@ -42,7 +42,8 @@ tester.run('block-lang', rule, {
       options: [{ script: { lang: 'ts' } }],
       errors: [
         {
-          message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
+          message:
+            "Only 'ts' can be used for the 'lang' attribute of '<script>'.",
           line: 2,
           column: 15,
           endLine: 2,
@@ -56,7 +57,8 @@ tester.run('block-lang', rule, {
       options: [{ script: { lang: ['ts'] } }],
       errors: [
         {
-          message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
+          message:
+            "Only 'ts' can be used for the 'lang' attribute of '<script>'.",
           line: 2,
           column: 15,
           endLine: 2,
@@ -84,7 +86,8 @@ tester.run('block-lang', rule, {
       options: [{ script: { lang: 'ts' } }],
       errors: [
         {
-          message: `Only "ts" can be used for the 'lang' attribute of '<script>'.`,
+          message:
+            "Only 'ts' can be used for the 'lang' attribute of '<script>'.",
           line: 2,
           column: 15,
           endLine: 2,
@@ -153,7 +156,7 @@ tester.run('block-lang', rule, {
       errors: [
         {
           message:
-            "Only \"json\" can be used for the 'lang' attribute of '<i18n>'. Or, not specifying the `lang` attribute is allowed.",
+            "Only 'json' can be used for the 'lang' attribute of '<i18n>'. Or, not specifying the 'lang' attribute is allowed.",
           line: 2,
           column: 13,
           endLine: 2,
@@ -168,7 +171,7 @@ tester.run('block-lang', rule, {
       errors: [
         {
           message:
-            'Only "json", and "yaml" can be used for the \'lang\' attribute of \'<i18n>\'. Or, not specifying the `lang` attribute is allowed.',
+            "Only 'json', and 'yaml' can be used for the 'lang' attribute of '<i18n>'. Or, not specifying the 'lang' attribute is allowed.",
           line: 2,
           column: 13,
           endLine: 2,

From effb84a171a51bc082e80ceec2e5d00894104110 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Sat, 19 Jul 2025 09:36:34 +0200
Subject: [PATCH 0904/1010] test(block-order): make tests more strict (#2806)

Co-authored-by: Wayne Zhang <waynzh19@gmail.com>
---
 tests/lib/rules/block-order.js | 92 +++++++++++++++++++++++++++-------
 1 file changed, 73 insertions(+), 19 deletions(-)

diff --git a/tests/lib/rules/block-order.js b/tests/lib/rules/block-order.js
index 8da11c5ac..4eb25e2bd 100644
--- a/tests/lib/rules/block-order.js
+++ b/tests/lib/rules/block-order.js
@@ -203,12 +203,16 @@ tester.run('block-order', rule, {
         {
           message: "'<template>' should be above '<style>' on line 1.",
           line: 1,
-          column: 16
+          column: 16,
+          endLine: 1,
+          endColumn: 37
         },
         {
           message: "'<script>' should be above '<style>' on line 1.",
           line: 1,
-          column: 37
+          column: 37,
+          endLine: 1,
+          endColumn: 54
         }
       ]
     },
@@ -220,7 +224,9 @@ tester.run('block-order', rule, {
         {
           message: "'<script>' should be above '<template>' on line 1.",
           line: 1,
-          column: 22
+          column: 22,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -241,7 +247,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<script>' should be above '<style>' on line 4.",
-          line: 6
+          line: 6,
+          column: 9,
+          endLine: 6,
+          endColumn: 26
         }
       ]
     },
@@ -261,7 +270,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<script>' should be above '<template>' on line 2.",
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -281,7 +293,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<template>' should be above '<script>' on line 2.",
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 30
         }
       ]
     },
@@ -303,7 +318,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<docs>' should be above '<template>' on line 2.",
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 22
         }
       ]
     },
@@ -325,7 +343,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<script>' should be above '<template>' on line 2.",
-          line: 4
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -349,7 +370,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<script>' should be above '<template>' on line 2.",
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 26
         }
       ]
     },
@@ -364,7 +388,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<template>' should be above '<script>' on line 2.",
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 30
         }
       ]
     },
@@ -383,11 +410,17 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<template>' should be above '<style>' on line 2.",
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 30
         },
         {
           message: "'<script>' should be above '<style>' on line 2.",
-          line: 4
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -408,11 +441,17 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<template>' should be above '<style>' on line 2.",
-          line: 4
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 30
         },
         {
           message: "'<script>' should be above '<style>' on line 2.",
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 26
         }
       ]
     },
@@ -426,7 +465,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<script>' should be above '<style>' on line 2.",
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -438,7 +480,10 @@ tester.run('block-order', rule, {
         {
           message:
             "'<i18n locale=en>' should be above '<i18n locale=ja>' on line 1.",
-          line: 1
+          line: 1,
+          column: 26,
+          endLine: 1,
+          endColumn: 51
         }
       ]
     },
@@ -449,7 +494,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<style>' should be above '<style scoped>' on line 1.",
-          line: 1
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 38
         }
       ]
     },
@@ -460,7 +508,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<style scoped>' should be above '<style>' on line 1.",
-          line: 1
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 38
         }
       ]
     },
@@ -471,7 +522,10 @@ tester.run('block-order', rule, {
       errors: [
         {
           message: "'<script>' should be above '<style>' on line 1.",
-          line: 1
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 33
         }
       ]
     }

From d46c0a835a81161dc75d455842c1e3ce4f258ae1 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Sat, 19 Jul 2025 09:39:05 +0200
Subject: [PATCH 0905/1010] test(block-spacing): make tests more strict (#2807)

Co-authored-by: Wayne Zhang <waynzh19@gmail.com>
---
 tests/lib/rules/block-spacing.js | 42 ++++++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/block-spacing.js b/tests/lib/rules/block-spacing.js
index 6cc3114a7..a0a5a6723 100644
--- a/tests/lib/rules/block-spacing.js
+++ b/tests/lib/rules/block-spacing.js
@@ -37,7 +37,10 @@ tester.run('block-spacing', rule, {
             token: '{'
           },
           // message: 'Requires a space after \'{\'',
-          line: 3
+          line: 3,
+          column: 38,
+          endLine: 3,
+          endColumn: 39
         },
         {
           messageId: 'missing',
@@ -46,7 +49,10 @@ tester.run('block-spacing', rule, {
             token: '}'
           },
           // message: 'Requires a space before \'}\'',
-          line: 3
+          line: 3,
+          column: 51,
+          endLine: 3,
+          endColumn: 52
         }
       ]
     },
@@ -67,7 +73,10 @@ tester.run('block-spacing', rule, {
             token: '{'
           },
           // message: 'Requires a space after \'{\'',
-          line: 3
+          line: 3,
+          column: 33,
+          endLine: 3,
+          endColumn: 34
         },
         {
           messageId: 'missing',
@@ -76,7 +85,10 @@ tester.run('block-spacing', rule, {
             token: '}'
           },
           // message: 'Requires a space before \'}\'',
-          line: 3
+          line: 3,
+          column: 46,
+          endLine: 3,
+          endColumn: 47
         }
       ]
     },
@@ -98,7 +110,10 @@ tester.run('block-spacing', rule, {
             token: '{'
           },
           // message: 'Unexpected space(s) after \'{\'',
-          line: 3
+          line: 3,
+          column: 39,
+          endLine: 3,
+          endColumn: 40
         },
         {
           messageId: 'extra',
@@ -107,7 +122,10 @@ tester.run('block-spacing', rule, {
             token: '}'
           },
           // message: 'Unexpected space(s) before \'}\'',
-          line: 3
+          line: 3,
+          column: 52,
+          endLine: 3,
+          endColumn: 53
         }
       ]
     },
@@ -121,16 +139,24 @@ tester.run('block-spacing', rule, {
           data: {
             location: 'after',
             token: '{'
-          }
+          },
           // message: 'Requires a space after \'{\'',
+          line: 1,
+          column: 57,
+          endLine: 1,
+          endColumn: 58
         },
         {
           messageId: 'missing',
           data: {
             location: 'before',
             token: '}'
-          }
+          },
           // message: 'Requires a space before \'}\'',
+          line: 1,
+          column: 67,
+          endLine: 1,
+          endColumn: 68
         }
       ]
     }

From 924d1e0920fbf1798f03bc078e7c15335caafe7f Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 10:37:02 +0200
Subject: [PATCH 0906/1010] test(block-tag-newline): make tests more strict
 (#2808)

---
 tests/lib/rules/block-tag-newline.js | 104 ++++++++++++++++++++-------
 1 file changed, 80 insertions(+), 24 deletions(-)

diff --git a/tests/lib/rules/block-tag-newline.js b/tests/lib/rules/block-tag-newline.js
index 728cbb4b2..107e9158e 100644
--- a/tests/lib/rules/block-tag-newline.js
+++ b/tests/lib/rules/block-tag-newline.js
@@ -53,12 +53,16 @@ tester.run('block-tag-newline', rule, {
         {
           message: "A line break is required after '<template>'.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 1,
+          endColumn: 11
         },
         {
           message: "A line break is required after '<script>'.",
           line: 3,
-          column: 9
+          column: 9,
+          endLine: 3,
+          endColumn: 9
         }
       ]
     },
@@ -69,12 +73,16 @@ tester.run('block-tag-newline', rule, {
         {
           message: "A line break is required before '</template>'.",
           line: 2,
-          column: 8
+          column: 8,
+          endLine: 2,
+          endColumn: 8
         },
         {
           message: "A line break is required before '</script>'.",
           line: 4,
-          column: 6
+          column: 6,
+          endLine: 4,
+          endColumn: 6
         }
       ]
     },
@@ -86,22 +94,30 @@ tester.run('block-tag-newline', rule, {
         {
           message: "A line break is required after '<template>'.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 1,
+          endColumn: 11
         },
         {
           message: "A line break is required before '</template>'.",
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 2,
+          endColumn: 7
         },
         {
           message: "A line break is required after '<script>'.",
           line: 3,
-          column: 9
+          column: 9,
+          endLine: 3,
+          endColumn: 9
         },
         {
           message: "A line break is required before '</script>'.",
           line: 4,
-          column: 6
+          column: 6,
+          endLine: 4,
+          endColumn: 6
         }
       ]
     },
@@ -113,22 +129,30 @@ tester.run('block-tag-newline', rule, {
         {
           message: "There should be no line break after '<template>'.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 2,
+          endColumn: 1
         },
         {
           message: "There should be no line break after '<template>'.",
           line: 3,
-          column: 7
+          column: 7,
+          endLine: 4,
+          endColumn: 1
         },
         {
           message: "There should be no line break after '<script>'.",
           line: 5,
-          column: 9
+          column: 9,
+          endLine: 6,
+          endColumn: 1
         },
         {
           message: "There should be no line break after '<script>'.",
           line: 6,
-          column: 6
+          column: 6,
+          endLine: 7,
+          endColumn: 1
         }
       ]
     },
@@ -141,22 +165,30 @@ tester.run('block-tag-newline', rule, {
         {
           message: "A line break is required after '<template>'.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 1,
+          endColumn: 11
         },
         {
           message: "A line break is required before '</template>'.",
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 2,
+          endColumn: 7
         },
         {
           message: "A line break is required after '<script>'.",
           line: 3,
-          column: 9
+          column: 9,
+          endLine: 3,
+          endColumn: 9
         },
         {
           message: "A line break is required before '</script>'.",
           line: 3,
-          column: 14
+          column: 14,
+          endLine: 3,
+          endColumn: 14
         }
       ]
     },
@@ -170,25 +202,33 @@ tester.run('block-tag-newline', rule, {
           message:
             "Expected 1 line break after '<template>', but 2 line breaks found.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 3,
+          endColumn: 1
         },
         {
           message:
             "Expected 1 line break  before '</template>', but 2 line breaks found.",
           line: 3,
-          column: 8
+          column: 8,
+          endLine: 5,
+          endColumn: 1
         },
         {
           message:
             "Expected 1 line break after '<script>', but 2 line breaks found.",
           line: 6,
-          column: 9
+          column: 9,
+          endLine: 8,
+          endColumn: 1
         },
         {
           message:
             "Expected 1 line break  before '</script>', but 2 line breaks found.",
           line: 9,
-          column: 6
+          column: 6,
+          endLine: 11,
+          endColumn: 1
         }
       ]
     },
@@ -204,13 +244,17 @@ tester.run('block-tag-newline', rule, {
           message:
             "Expected 2 line breaks after '<template>', but 3 line breaks found.",
           line: 1,
-          column: 11
+          column: 11,
+          endLine: 4,
+          endColumn: 1
         },
         {
           message:
             "Expected 2 line breaks  before '</script>', but 3 line breaks found.",
           line: 10,
-          column: 6
+          column: 6,
+          endLine: 13,
+          endColumn: 1
         }
       ]
     },
@@ -231,8 +275,20 @@ tester.run('block-tag-newline', rule, {
         }
       ],
       errors: [
-        "There should be no line break after '<script>'.",
-        "A line break is required before '</docs>'."
+        {
+          message: "There should be no line break after '<script>'.",
+          line: 5,
+          column: 6,
+          endLine: 8,
+          endColumn: 1
+        },
+        {
+          message: "A line break is required before '</docs>'.",
+          line: 9,
+          column: 2,
+          endLine: 9,
+          endColumn: 2
+        }
       ]
     }
   ]

From 327551849677bbba1b69b20d01b0942088f3565d Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 10:37:45 +0200
Subject: [PATCH 0907/1010] test(brace-style): make tests more strict (#2809)

---
 tests/lib/rules/brace-style.js | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/tests/lib/rules/brace-style.js b/tests/lib/rules/brace-style.js
index d74e396bd..abf8d5a58 100644
--- a/tests/lib/rules/brace-style.js
+++ b/tests/lib/rules/brace-style.js
@@ -40,7 +40,10 @@ tester.run('brace-style', rule, {
         {
           message:
             'Opening curly brace does not appear on the same line as controlling statement.',
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 12
         }
       ]
     },
@@ -58,12 +61,18 @@ tester.run('brace-style', rule, {
       errors: [
         {
           message: 'Statement inside of curly braces should be on next line.',
-          line: 3
+          line: 3,
+          column: 38,
+          endLine: 3,
+          endColumn: 39
         },
         {
           message:
             'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.',
-          line: 3
+          line: 3,
+          column: 53,
+          endLine: 3,
+          endColumn: 54
         }
       ]
     },
@@ -74,11 +83,19 @@ return(1)
 })()" /></template>`,
       errors: [
         {
-          message: 'Statement inside of curly braces should be on next line.'
+          message: 'Statement inside of curly braces should be on next line.',
+          line: 1,
+          column: 57,
+          endLine: 1,
+          endColumn: 58
         },
         {
           message:
-            'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.'
+            'Closing curly brace should be on the same line as opening curly brace or on the line after the previous block.',
+          line: 1,
+          column: 67,
+          endLine: 1,
+          endColumn: 68
         }
       ]
     }

From 26432d728129b5758120b3fe357478c6ad62583d Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 10:38:31 +0200
Subject: [PATCH 0908/1010] test(camelcase): make tests more strict (#2810)

---
 tests/lib/rules/camelcase.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/tests/lib/rules/camelcase.js b/tests/lib/rules/camelcase.js
index 01819e6d9..be3583dc8 100644
--- a/tests/lib/rules/camelcase.js
+++ b/tests/lib/rules/camelcase.js
@@ -34,7 +34,10 @@ tester.run('camelcase', rule, {
       errors: [
         {
           message: "Identifier 'my_pref' is not in camel case.",
-          line: 3
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 32
         }
       ]
     },
@@ -48,7 +51,10 @@ tester.run('camelcase', rule, {
       errors: [
         {
           message: "Identifier 'my_pref' is not in camel case.",
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 28
         }
       ]
     },
@@ -62,7 +68,10 @@ tester.run('camelcase', rule, {
       errors: [
         {
           message: "Identifier 'my_pref' is not in camel case.",
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 28
         }
       ]
     }

From 326963be06e65ada9ca547cc268a8975cbf8b71b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 10:39:23 +0200
Subject: [PATCH 0909/1010] test(comma-dangle): make tests more strict (#2811)

---
 tests/lib/rules/comma-dangle.js | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/tests/lib/rules/comma-dangle.js b/tests/lib/rules/comma-dangle.js
index 2792b93f5..61c649dce 100644
--- a/tests/lib/rules/comma-dangle.js
+++ b/tests/lib/rules/comma-dangle.js
@@ -63,7 +63,10 @@ tester.run('comma-dangle', rule, {
       errors: [
         {
           message: 'Unexpected trailing comma.',
-          line: 3
+          line: 3,
+          column: 41,
+          endLine: 3,
+          endColumn: 42
         }
       ]
     },
@@ -84,7 +87,10 @@ tester.run('comma-dangle', rule, {
       errors: [
         {
           message: 'Unexpected trailing comma.',
-          line: 3
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 41
         }
       ]
     },
@@ -113,11 +119,17 @@ tester.run('comma-dangle', rule, {
       errors: [
         {
           message: 'Unexpected trailing comma.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 22
         },
         {
           message: 'Missing trailing comma.',
-          line: 7
+          line: 7,
+          column: 16,
+          endLine: 8,
+          endColumn: 1
         }
       ]
     },
@@ -132,7 +144,11 @@ tester.run('comma-dangle', rule, {
       </template>`,
       errors: [
         {
-          message: 'Unexpected trailing comma.'
+          message: 'Unexpected trailing comma.',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     },
@@ -148,7 +164,11 @@ tester.run('comma-dangle', rule, {
       options: ['always'],
       errors: [
         {
-          message: 'Missing trailing comma.'
+          message: 'Missing trailing comma.',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     }

From 62d70c69c5b43689bd505bea187c7e5bb7b10a49 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 10:40:29 +0200
Subject: [PATCH 0910/1010] test(comma-spacing): make tests more strict (#2812)

---
 tests/lib/rules/comma-spacing.js | 113 ++++++++++++++++++++++++-------
 1 file changed, 90 insertions(+), 23 deletions(-)

diff --git a/tests/lib/rules/comma-spacing.js b/tests/lib/rules/comma-spacing.js
index ae1c8cf68..58b334f34 100644
--- a/tests/lib/rules/comma-spacing.js
+++ b/tests/lib/rules/comma-spacing.js
@@ -91,12 +91,16 @@ tester.run('comma-spacing', rule, {
         {
           message: "There should be no space before ','.",
           line: 4,
-          column: 25
+          column: 25,
+          endLine: 4,
+          endColumn: 26
         },
         {
           message: "A space is required after ','.",
           line: 4,
-          column: 25
+          column: 25,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -112,19 +116,31 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 36,
+          endLine: 3,
+          endColumn: 37
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 36,
+          endLine: 3,
+          endColumn: 37
         },
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 41
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 41
         }
       ]
     },
@@ -140,19 +156,31 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 39,
+          endLine: 3,
+          endColumn: 40
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 39,
+          endLine: 3,
+          endColumn: 40
         },
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 46,
+          endLine: 3,
+          endColumn: 47
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 46,
+          endLine: 3,
+          endColumn: 47
         }
       ]
     },
@@ -168,11 +196,17 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 33,
+          endLine: 3,
+          endColumn: 34
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 33,
+          endLine: 3,
+          endColumn: 34
         }
       ]
     },
@@ -188,11 +222,17 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 30,
+          endLine: 3,
+          endColumn: 31
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 30,
+          endLine: 3,
+          endColumn: 31
         }
       ]
     },
@@ -208,11 +248,17 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 39,
+          endLine: 3,
+          endColumn: 40
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 39,
+          endLine: 3,
+          endColumn: 40
         }
       ]
     },
@@ -232,11 +278,17 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 4
+          line: 4,
+          column: 31,
+          endLine: 4,
+          endColumn: 32
         },
         {
           message: "A space is required after ','.",
-          line: 4
+          line: 4,
+          column: 31,
+          endLine: 4,
+          endColumn: 32
         }
       ]
     },
@@ -252,11 +304,17 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "There should be no space before ','.",
-          line: 3
+          line: 3,
+          column: 29,
+          endLine: 3,
+          endColumn: 30
         },
         {
           message: "A space is required after ','.",
-          line: 3
+          line: 3,
+          column: 29,
+          endLine: 3,
+          endColumn: 30
         }
       ]
     },
@@ -277,11 +335,17 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "A space is required before ','.",
-          line: 4
+          line: 4,
+          column: 17,
+          endLine: 4,
+          endColumn: 18
         },
         {
           message: "There should be no space after ','.",
-          line: 4
+          line: 4,
+          column: 17,
+          endLine: 4,
+          endColumn: 18
         }
       ]
     },
@@ -301,7 +365,10 @@ tester.run('comma-spacing', rule, {
       errors: [
         {
           message: "A space is required after ','.",
-          line: 4
+          line: 4,
+          column: 29,
+          endLine: 4,
+          endColumn: 30
         }
       ]
     }

From 52f42d31000692bb615fb4062da777374c472371 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 10:44:31 +0200
Subject: [PATCH 0911/1010] test(comma-style): make tests more strict (#2813)

---
 tests/lib/rules/comma-style.js | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
index aaab8b31d..82c8e4044 100644
--- a/tests/lib/rules/comma-style.js
+++ b/tests/lib/rules/comma-style.js
@@ -70,7 +70,10 @@ tester.run('comma-style', rule, {
       errors: [
         {
           message: "',' should be placed last.",
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 14
         }
       ]
     },
@@ -89,7 +92,10 @@ tester.run('comma-style', rule, {
       errors: [
         {
           message: "',' should be placed last.",
-          line: 4
+          line: 4,
+          column: 13,
+          endLine: 4,
+          endColumn: 14
         }
       ]
     },
@@ -107,8 +113,11 @@ tester.run('comma-style', rule, {
       options: ['first', { exceptions: { ArrowFunctionExpression: false } }],
       errors: [
         {
-          message: "',' should be placed first."
-          // line: 3 // eslint v7.0
+          message: "',' should be placed first.",
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 41
         }
       ]
     },
@@ -130,8 +139,11 @@ tester.run('comma-style', rule, {
       options: ['first', { exceptions: { FunctionExpression: false } }],
       errors: [
         {
-          message: "',' should be placed first."
-          // line: 3 // eslint v7.0
+          message: "',' should be placed first.",
+          line: 3,
+          column: 36,
+          endLine: 3,
+          endColumn: 37
         }
       ]
     },
@@ -151,8 +163,11 @@ tester.run('comma-style', rule, {
       options: ['last', { exceptions: { FunctionExpression: false } }],
       errors: [
         {
-          message: "',' should be placed last."
-          // line: 3 // eslint v7.0
+          message: "',' should be placed last.",
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 14
         }
       ]
     }

From 2f36df0764d51503ccd526b930636083b9f78f25 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 11:17:10 +0200
Subject: [PATCH 0912/1010] test(component-api-style): make tests more strict
 (#2814)

---
 tests/lib/rules/component-api-style.js | 236 ++++++++++++++++++-------
 1 file changed, 177 insertions(+), 59 deletions(-)

diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
index 12291ac30..e55570339 100644
--- a/tests/lib/rules/component-api-style.js
+++ b/tests/lib/rules/component-api-style.js
@@ -228,7 +228,9 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use `<script setup>` or Composition API instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 13
         }
       ]
     },
@@ -246,7 +248,9 @@ tester.run('component-api-style', rule, {
           message:
             '`<script setup>` is not allowed in your project. Use Options API instead.',
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 2,
+          endColumn: 21
         }
       ]
     },
@@ -273,7 +277,9 @@ tester.run('component-api-style', rule, {
           message:
             'Composition API is not allowed in your project. `setup` function is part of the Composition API. Use Options API instead.',
           line: 5,
-          column: 9
+          column: 9,
+          endLine: 5,
+          endColumn: 14
         }
       ]
     },
@@ -296,7 +302,9 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 13
         }
       ]
     },
@@ -321,7 +329,9 @@ tester.run('component-api-style', rule, {
           message:
             'Composition API is not allowed in your project. `setup` function is part of the Composition API. Use Options API instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 14
         }
       ]
     },
@@ -348,7 +358,9 @@ tester.run('component-api-style', rule, {
           message:
             'Composition API is not allowed in your project. Use `<script setup>` instead.',
           line: 5,
-          column: 9
+          column: 9,
+          endLine: 5,
+          endColumn: 14
         }
       ]
     },
@@ -373,7 +385,9 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. Use `<script setup>` instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 13
         }
       ]
     },
@@ -389,7 +403,9 @@ tester.run('component-api-style', rule, {
           message:
             '`<script setup>` is not allowed in your project. Use Composition API instead.',
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 2,
+          endColumn: 21
         }
       ]
     },
@@ -414,7 +430,9 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 13
         }
       ]
     },
@@ -460,151 +478,201 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `mixins` option is part of the Options API. Use Composition API instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 15
         },
         {
           message:
             'Options API is not allowed in your project. `extends` option is part of the Options API. Use Composition API instead.',
           line: 5,
-          column: 9
+          column: 9,
+          endLine: 5,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
           line: 7,
-          column: 9
+          column: 9,
+          endLine: 7,
+          endColumn: 13
         },
         {
           message:
             'Options API is not allowed in your project. `computed` option is part of the Options API. Use Composition API instead.',
           line: 8,
-          column: 9
+          column: 9,
+          endLine: 8,
+          endColumn: 17
         },
         {
           message:
             'Options API is not allowed in your project. `methods` option is part of the Options API. Use Composition API instead.',
           line: 9,
-          column: 9
+          column: 9,
+          endLine: 9,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `watch` option is part of the Options API. Use Composition API instead.',
           line: 10,
-          column: 9
+          column: 9,
+          endLine: 10,
+          endColumn: 14
         },
         {
           message:
             'Options API is not allowed in your project. `provide` option is part of the Options API. Use Composition API instead.',
           line: 11,
-          column: 9
+          column: 9,
+          endLine: 11,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `inject` option is part of the Options API. Use Composition API instead.',
           line: 12,
-          column: 9
+          column: 9,
+          endLine: 12,
+          endColumn: 15
         },
         {
           message:
             'Options API is not allowed in your project. `beforeCreate` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 14,
-          column: 9
+          column: 9,
+          endLine: 14,
+          endColumn: 21
         },
         {
           message:
             'Options API is not allowed in your project. `created` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 15,
-          column: 9
+          column: 9,
+          endLine: 15,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `beforeMount` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 16,
-          column: 9
+          column: 9,
+          endLine: 16,
+          endColumn: 20
         },
         {
           message:
             'Options API is not allowed in your project. `mounted` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 17,
-          column: 9
+          column: 9,
+          endLine: 17,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 18,
-          column: 9
+          column: 9,
+          endLine: 18,
+          endColumn: 21
         },
         {
           message:
             'Options API is not allowed in your project. `updated` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 19,
-          column: 9
+          column: 9,
+          endLine: 19,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `activated` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 20,
-          column: 9
+          column: 9,
+          endLine: 20,
+          endColumn: 18
         },
         {
           message:
             'Options API is not allowed in your project. `deactivated` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 21,
-          column: 9
+          column: 9,
+          endLine: 21,
+          endColumn: 20
         },
         {
           message:
             'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 22,
-          column: 9
+          column: 9,
+          endLine: 22,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 23,
-          column: 9
+          column: 9,
+          endLine: 23,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `destroyed` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 24,
-          column: 9
+          column: 9,
+          endLine: 24,
+          endColumn: 18
         },
         {
           message:
             'Options API is not allowed in your project. `unmounted` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 25,
-          column: 9
+          column: 9,
+          endLine: 25,
+          endColumn: 18
         },
         {
           message:
             'Options API is not allowed in your project. `render` function is part of the Options API. Use Composition API instead.',
           line: 26,
-          column: 9
+          column: 9,
+          endLine: 26,
+          endColumn: 15
         },
         {
           message:
             'Options API is not allowed in your project. `renderTracked` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 27,
-          column: 9
+          column: 9,
+          endLine: 27,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `renderTriggered` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 28,
-          column: 9
+          column: 9,
+          endLine: 28,
+          endColumn: 24
         },
         {
           message:
             'Options API is not allowed in your project. `errorCaptured` lifecycle hook is part of the Options API. Use Composition API instead.',
           line: 29,
-          column: 9
+          column: 9,
+          endLine: 29,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `expose` option is part of the Options API. Use Composition API instead.',
           line: 31,
-          column: 9
+          column: 9,
+          endLine: 31,
+          endColumn: 15
         }
       ]
     },
@@ -620,7 +688,9 @@ tester.run('component-api-style', rule, {
           message:
             '`<script setup>` is not allowed in your project. Use Composition API (Vue 2) instead.',
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 2,
+          endColumn: 21
         }
       ]
     },
@@ -645,7 +715,9 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 13
         }
       ]
     },
@@ -691,133 +763,177 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `mixins` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 15
         },
         {
           message:
             'Options API is not allowed in your project. `extends` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 5,
-          column: 9
+          column: 9,
+          endLine: 5,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 7,
-          column: 9
+          column: 9,
+          endLine: 7,
+          endColumn: 13
         },
         {
           message:
             'Options API is not allowed in your project. `computed` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 8,
-          column: 9
+          column: 9,
+          endLine: 8,
+          endColumn: 17
         },
         {
           message:
             'Options API is not allowed in your project. `methods` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 9,
-          column: 9
+          column: 9,
+          endLine: 9,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `watch` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 10,
-          column: 9
+          column: 9,
+          endLine: 10,
+          endColumn: 14
         },
         {
           message:
             'Options API is not allowed in your project. `provide` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 11,
-          column: 9
+          column: 9,
+          endLine: 11,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `inject` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 12,
-          column: 9
+          column: 9,
+          endLine: 12,
+          endColumn: 15
         },
         {
           message:
             'Options API is not allowed in your project. `beforeCreate` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 14,
-          column: 9
+          column: 9,
+          endLine: 14,
+          endColumn: 21
         },
         {
           message:
             'Options API is not allowed in your project. `created` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 15,
-          column: 9
+          column: 9,
+          endLine: 15,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `beforeMount` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 16,
-          column: 9
+          column: 9,
+          endLine: 16,
+          endColumn: 20
         },
         {
           message:
             'Options API is not allowed in your project. `mounted` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 17,
-          column: 9
+          column: 9,
+          endLine: 17,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 18,
-          column: 9
+          column: 9,
+          endLine: 18,
+          endColumn: 21
         },
         {
           message:
             'Options API is not allowed in your project. `updated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 19,
-          column: 9
+          column: 9,
+          endLine: 19,
+          endColumn: 16
         },
         {
           message:
             'Options API is not allowed in your project. `activated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 20,
-          column: 9
+          column: 9,
+          endLine: 20,
+          endColumn: 18
         },
         {
           message:
             'Options API is not allowed in your project. `deactivated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 21,
-          column: 9
+          column: 9,
+          endLine: 21,
+          endColumn: 20
         },
         {
           message:
             'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 22,
-          column: 9
+          column: 9,
+          endLine: 22,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 23,
-          column: 9
+          column: 9,
+          endLine: 23,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `destroyed` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 24,
-          column: 9
+          column: 9,
+          endLine: 24,
+          endColumn: 18
         },
         {
           message:
             'Options API is not allowed in your project. `unmounted` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 25,
-          column: 9
+          column: 9,
+          endLine: 25,
+          endColumn: 18
         },
         {
           message:
             'Options API is not allowed in your project. `errorCaptured` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 29,
-          column: 9
+          column: 9,
+          endLine: 29,
+          endColumn: 22
         },
         {
           message:
             'Options API is not allowed in your project. `expose` option is part of the Options API. Use Composition API (Vue 2) instead.',
           line: 31,
-          column: 9
+          column: 9,
+          endLine: 31,
+          endColumn: 15
         }
       ]
     },
@@ -842,7 +958,9 @@ tester.run('component-api-style', rule, {
           message:
             'Options API is not allowed in your project. `data` option is part of the Options API. Use `<script setup>`, Composition API or Composition API (Vue 2) instead.',
           line: 4,
-          column: 9
+          column: 9,
+          endLine: 4,
+          endColumn: 13
         }
       ]
     }

From 88511b2d8deff9a79c7e7865944beed1d4d352ec Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 11:17:39 +0200
Subject: [PATCH 0913/1010] test(component-definition-name-casing): make tests
 more strict (#2815)

---
 .../rules/component-definition-name-casing.js | 85 +++++++++++++++----
 1 file changed, 68 insertions(+), 17 deletions(-)

diff --git a/tests/lib/rules/component-definition-name-casing.js b/tests/lib/rules/component-definition-name-casing.js
index 2acdfcb8b..323461729 100644
--- a/tests/lib/rules/component-definition-name-casing.js
+++ b/tests/lib/rules/component-definition-name-casing.js
@@ -192,7 +192,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -209,7 +212,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo  bar" is not PascalCase.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 27
         }
       ]
     },
@@ -226,7 +232,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo!bar" is not PascalCase.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -243,7 +252,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo!bar" is not PascalCase.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -264,7 +276,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -286,7 +301,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -308,7 +326,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'Literal',
-          line: 3
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -321,7 +342,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -334,7 +358,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -350,7 +377,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 49
         }
       ]
     },
@@ -363,7 +393,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -376,7 +409,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo-bar" is not PascalCase.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -390,7 +426,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo_bar" is not PascalCase.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -404,7 +443,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'Literal',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -418,7 +460,10 @@ ruleTester.run('component-definition-name-casing', rule, {
         {
           message: 'Property name "foo_bar" is not kebab-case.',
           type: 'TemplateLiteral',
-          line: 1
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 24
         }
       ]
     },
@@ -434,7 +479,10 @@ ruleTester.run('component-definition-name-casing', rule, {
       errors: [
         {
           message: 'Property name "foo-bar" is not PascalCase.',
-          line: 1
+          line: 1,
+          column: 37,
+          endLine: 1,
+          endColumn: 46
         }
       ]
     },
@@ -450,7 +498,10 @@ ruleTester.run('component-definition-name-casing', rule, {
       errors: [
         {
           message: 'Property name "FooBar" is not kebab-case.',
-          line: 1
+          line: 1,
+          column: 37,
+          endLine: 1,
+          endColumn: 45
         }
       ]
     }

From 3534cd6e1bce9656c4caf5a00e87fd4ae322ce9c Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 11:18:17 +0200
Subject: [PATCH 0914/1010] test(component-name-in-template-casing): make tests
 more strict (#2816)

---
 .../component-name-in-template-casing.js      | 337 +++++++++++++++---
 1 file changed, 294 insertions(+), 43 deletions(-)

diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 44a23d532..02ab287f6 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -333,15 +333,24 @@ tester.run('component-name-in-template-casing', rule, {
       errors: [
         {
           message: 'Component name "CoolComponent" is not kebab-case.',
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message: 'Component name "coolComponent" is not kebab-case.',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 25
         },
         {
           message: 'Component name "Cool-component" is not kebab-case.',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 26
         }
       ]
     },
@@ -372,7 +381,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -401,7 +418,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -430,7 +455,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -455,7 +488,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -484,7 +525,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['kebab-case'],
-      errors: ['Component name "TheComponent" is not kebab-case.']
+      errors: [
+        {
+          message: 'Component name "TheComponent" is not kebab-case.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 22
+        }
+      ]
     },
     {
       code: `
@@ -498,7 +547,15 @@ tester.run('component-name-in-template-casing', rule, {
       </template>
       `,
       options: ['kebab-case', { registeredComponentsOnly: false }],
-      errors: ['Component name "TheComponent" is not kebab-case.']
+      errors: [
+        {
+          message: 'Component name "TheComponent" is not kebab-case.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 22
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -525,7 +582,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -550,7 +615,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -575,7 +648,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -600,7 +681,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "theComponent" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "theComponent" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 22
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -625,7 +714,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['kebab-case'],
-      errors: ['Component name "theComponent" is not kebab-case.']
+      errors: [
+        {
+          message: 'Component name "theComponent" is not kebab-case.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 22
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -650,7 +747,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "The-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "The-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -675,7 +780,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['kebab-case'],
-      errors: ['Component name "The-component" is not kebab-case.']
+      errors: [
+        {
+          message: 'Component name "The-component" is not kebab-case.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       code: `
@@ -689,7 +802,15 @@ tester.run('component-name-in-template-casing', rule, {
       </template>
       `,
       options: ['kebab-case', { registeredComponentsOnly: false }],
-      errors: ['Component name "Thecomponent" is not kebab-case.']
+      errors: [
+        {
+          message: 'Component name "Thecomponent" is not kebab-case.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 22
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -714,7 +835,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -741,7 +870,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -766,7 +903,15 @@ tester.run('component-name-in-template-casing', rule, {
       </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 23
+        }
+      ]
     },
 
     // ignores
@@ -795,8 +940,20 @@ tester.run('component-name-in-template-casing', rule, {
         }
       ],
       errors: [
-        'Component name "the-component" is not PascalCase.',
-        'Component name "the-component" is not PascalCase.'
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 25
+        },
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 7,
+          column: 9,
+          endLine: 7,
+          endColumn: 23
+        }
       ]
     },
     {
@@ -824,8 +981,20 @@ tester.run('component-name-in-template-casing', rule, {
         }
       ],
       errors: [
-        'Component name "the-component" is not PascalCase.',
-        'Component name "the-component" is not PascalCase.'
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 25
+        },
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 7,
+          column: 9,
+          endLine: 7,
+          endColumn: 23
+        }
       ]
     },
     {
@@ -850,10 +1019,34 @@ tester.run('component-name-in-template-casing', rule, {
         }
       ],
       errors: [
-        'Component name "foo--bar" is not kebab-case.',
-        'Component name "Foo--Bar" is not kebab-case.',
-        'Component name "FooBar" is not kebab-case.',
-        'Component name "FooBar_Baz-qux" is not kebab-case.'
+        {
+          message: 'Component name "foo--bar" is not kebab-case.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 18
+        },
+        {
+          message: 'Component name "Foo--Bar" is not kebab-case.',
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 18
+        },
+        {
+          message: 'Component name "FooBar" is not kebab-case.',
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 16
+        },
+        {
+          message: 'Component name "FooBar_Baz-qux" is not kebab-case.',
+          line: 6,
+          column: 9,
+          endLine: 6,
+          endColumn: 24
+        }
       ]
     },
     {
@@ -878,10 +1071,34 @@ tester.run('component-name-in-template-casing', rule, {
       `,
       options: ['PascalCase', { registeredComponentsOnly: false }],
       errors: [
-        'Component name "suspense" is not PascalCase.',
-        'Component name "teleport" is not PascalCase.',
-        'Component name "client-only" is not PascalCase.',
-        'Component name "keep-alive" is not PascalCase.'
+        {
+          message: 'Component name "suspense" is not PascalCase.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 20
+        },
+        {
+          message: 'Component name "teleport" is not PascalCase.',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 20
+        },
+        {
+          message: 'Component name "client-only" is not PascalCase.',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 23
+        },
+        {
+          message: 'Component name "keep-alive" is not PascalCase.',
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 22
+        }
       ]
     },
     {
@@ -902,7 +1119,15 @@ tester.run('component-name-in-template-casing', rule, {
         </script>
       `,
       options: ['PascalCase'],
-      errors: ['Component name "the-component" is not PascalCase.']
+      errors: [
+        {
+          message: 'Component name "the-component" is not PascalCase.',
+          line: 3,
+          column: 11,
+          endLine: 3,
+          endColumn: 25
+        }
+      ]
     },
     {
       code: `
@@ -922,7 +1147,15 @@ tester.run('component-name-in-template-casing', rule, {
         </script>
       `,
       options: ['kebab-case'],
-      errors: ['Component name "TheComponent" is not kebab-case.']
+      errors: [
+        {
+          message: 'Component name "TheComponent" is not kebab-case.',
+          line: 3,
+          column: 11,
+          endLine: 3,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: `
@@ -940,7 +1173,9 @@ tester.run('component-name-in-template-casing', rule, {
         {
           message: 'Component name "router-view" is not PascalCase.',
           line: 3,
-          column: 11
+          column: 11,
+          endLine: 3,
+          endColumn: 23
         }
       ]
     },
@@ -960,7 +1195,9 @@ tester.run('component-name-in-template-casing', rule, {
         {
           message: 'Component name "RouterView" is not kebab-case.',
           line: 3,
-          column: 11
+          column: 11,
+          endLine: 3,
+          endColumn: 22
         }
       ]
     },
@@ -980,7 +1217,9 @@ tester.run('component-name-in-template-casing', rule, {
         {
           message: 'Component name "RouterView" is not kebab-case.',
           line: 3,
-          column: 11
+          column: 11,
+          endLine: 3,
+          endColumn: 22
         }
       ]
     },
@@ -1043,32 +1282,44 @@ tester.run('component-name-in-template-casing', rule, {
               {
                 message: 'Component name "foo" is not PascalCase.',
                 line: 13,
-                column: 17
+                column: 17,
+                endLine: 13,
+                endColumn: 21
               },
               {
                 message: 'Component name "hello-world1" is not PascalCase.',
                 line: 14,
-                column: 17
+                column: 17,
+                endLine: 14,
+                endColumn: 30
               },
               {
                 message: 'Component name "hello-world2" is not PascalCase.',
                 line: 15,
-                column: 17
+                column: 17,
+                endLine: 15,
+                endColumn: 30
               },
               {
                 message: 'Component name "hello-world3" is not PascalCase.',
                 line: 16,
-                column: 17
+                column: 17,
+                endLine: 16,
+                endColumn: 30
               },
               {
                 message: 'Component name "hello-world4" is not PascalCase.',
                 line: 17,
-                column: 17
+                column: 17,
+                endLine: 17,
+                endColumn: 30
               },
               {
                 message: 'Component name "hello-world5" is not PascalCase.',
                 line: 18,
-                column: 17
+                column: 17,
+                endLine: 18,
+                endColumn: 30
               }
             ]
           }

From 2b30328b25062a93ce4e59372caf0d4a7d8cfa03 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 22 Jul 2025 11:18:47 +0200
Subject: [PATCH 0915/1010] test(component-options-name-casing): make tests
 more strict (#2817)

---
 tests/lib/rules/component-options-name-casing.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/tests/lib/rules/component-options-name-casing.js b/tests/lib/rules/component-options-name-casing.js
index 77f317f4f..da1eccf07 100644
--- a/tests/lib/rules/component-options-name-casing.js
+++ b/tests/lib/rules/component-options-name-casing.js
@@ -133,6 +133,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19
         }
       ]
@@ -162,6 +163,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19
         }
       ]
@@ -192,6 +194,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19
         }
       ]
@@ -222,6 +225,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19
         }
       ]
@@ -252,6 +256,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 22
         }
       ]
@@ -276,6 +281,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {
@@ -313,6 +319,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {
@@ -350,6 +357,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 22,
           suggestions: [
             {
@@ -387,6 +395,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {
@@ -424,6 +433,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {
@@ -461,6 +471,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {
@@ -498,6 +509,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {
@@ -536,6 +548,7 @@ tester.run('component-options-name-casing', rule, {
           },
           line: 4,
           column: 13,
+          endLine: 4,
           endColumn: 19,
           suggestions: [
             {

From 5a873b137bf508ea2e69b372ad59c424cee99736 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 04:33:18 +0200
Subject: [PATCH 0916/1010] test(custom-event-name-casing): make tests more
 strict (#2818)

---
 tests/lib/rules/custom-event-name-casing.js | 169 +++++++++++++++++---
 1 file changed, 146 insertions(+), 23 deletions(-)

diff --git a/tests/lib/rules/custom-event-name-casing.js b/tests/lib/rules/custom-event-name-casing.js
index 7c7b87cda..9a0668206 100644
--- a/tests/lib/rules/custom-event-name-casing.js
+++ b/tests/lib/rules/custom-event-name-casing.js
@@ -411,9 +411,27 @@ tester.run('custom-event-name-casing', rule, {
       `,
       options: ['kebab-case'],
       errors: [
-        "Custom event name 'fooBar' must be kebab-case.",
-        "Custom event name 'barBaz' must be kebab-case.",
-        "Custom event name 'bazQux' must be kebab-case."
+        {
+          message: "Custom event name 'fooBar' must be kebab-case.",
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 35
+        },
+        {
+          message: "Custom event name 'barBaz' must be kebab-case.",
+          line: 11,
+          column: 31,
+          endLine: 11,
+          endColumn: 39
+        },
+        {
+          message: "Custom event name 'bazQux' must be kebab-case.",
+          line: 17,
+          column: 27,
+          endLine: 17,
+          endColumn: 35
+        }
       ]
     },
     {
@@ -442,9 +460,27 @@ tester.run('custom-event-name-casing', rule, {
       `,
       options: ['kebab-case'],
       errors: [
-        "Custom event name 'fooBar' must be kebab-case.",
-        "Custom event name 'barBaz' must be kebab-case.",
-        "Custom event name 'bazQux' must be kebab-case."
+        {
+          message: "Custom event name 'fooBar' must be kebab-case.",
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 35
+        },
+        {
+          message: "Custom event name 'barBaz' must be kebab-case.",
+          line: 11,
+          column: 33,
+          endLine: 11,
+          endColumn: 41
+        },
+        {
+          message: "Custom event name 'bazQux' must be kebab-case.",
+          line: 17,
+          column: 29,
+          endLine: 17,
+          endColumn: 37
+        }
       ]
     },
     {
@@ -476,9 +512,27 @@ tester.run('custom-event-name-casing', rule, {
         { ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }
       ],
       errors: [
-        "Custom event name 'input/update' must be kebab-case.",
-        "Custom event name 'search/update' must be kebab-case.",
-        "Custom event name 'click/row' must be kebab-case."
+        {
+          message: "Custom event name 'input/update' must be kebab-case.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 39
+        },
+        {
+          message: "Custom event name 'search/update' must be kebab-case.",
+          line: 11,
+          column: 28,
+          endLine: 11,
+          endColumn: 43
+        },
+        {
+          message: "Custom event name 'click/row' must be kebab-case.",
+          line: 17,
+          column: 24,
+          endLine: 17,
+          endColumn: 35
+        }
       ]
     },
     {
@@ -510,9 +564,27 @@ tester.run('custom-event-name-casing', rule, {
         { ignores: ['input:update', 'search:update', 'click:row'] }
       ],
       errors: [
-        "Custom event name 'input/update' must be kebab-case.",
-        "Custom event name 'search/update' must be kebab-case.",
-        "Custom event name 'click/row' must be kebab-case."
+        {
+          message: "Custom event name 'input/update' must be kebab-case.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 39
+        },
+        {
+          message: "Custom event name 'search/update' must be kebab-case.",
+          line: 11,
+          column: 28,
+          endLine: 11,
+          endColumn: 43
+        },
+        {
+          message: "Custom event name 'click/row' must be kebab-case.",
+          line: 17,
+          column: 24,
+          endLine: 17,
+          endColumn: 35
+        }
       ]
     },
     // camelCase
@@ -542,9 +614,27 @@ tester.run('custom-event-name-casing', rule, {
       `,
       options: ['camelCase'],
       errors: [
-        "Custom event name 'foo-bar' must be camelCase.",
-        "Custom event name 'bar-baz' must be camelCase.",
-        "Custom event name 'baz-qux' must be camelCase."
+        {
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 34
+        },
+        {
+          message: "Custom event name 'bar-baz' must be camelCase.",
+          line: 11,
+          column: 28,
+          endLine: 11,
+          endColumn: 37
+        },
+        {
+          message: "Custom event name 'baz-qux' must be camelCase.",
+          line: 17,
+          column: 24,
+          endLine: 17,
+          endColumn: 33
+        }
       ]
     },
     // Default
@@ -573,9 +663,27 @@ tester.run('custom-event-name-casing', rule, {
       </script>
       `,
       errors: [
-        "Custom event name 'foo-bar' must be camelCase.",
-        "Custom event name 'bar-baz' must be camelCase.",
-        "Custom event name 'baz-qux' must be camelCase."
+        {
+          message: "Custom event name 'foo-bar' must be camelCase.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 34
+        },
+        {
+          message: "Custom event name 'bar-baz' must be camelCase.",
+          line: 11,
+          column: 28,
+          endLine: 11,
+          endColumn: 37
+        },
+        {
+          message: "Custom event name 'baz-qux' must be camelCase.",
+          line: 17,
+          column: 24,
+          endLine: 17,
+          endColumn: 33
+        }
       ]
     },
     // kebab-case
@@ -591,7 +699,10 @@ tester.run('custom-event-name-casing', rule, {
       errors: [
         {
           message: "Custom event name 'foo-bar' must be camelCase.",
-          line: 5
+          line: 5,
+          column: 12,
+          endLine: 5,
+          endColumn: 21
         }
       ]
     },
@@ -606,7 +717,10 @@ tester.run('custom-event-name-casing', rule, {
       errors: [
         {
           message: "Custom event name 'foo-bar' must be camelCase.",
-          line: 4
+          line: 4,
+          column: 12,
+          endLine: 4,
+          endColumn: 21
         }
       ]
     },
@@ -627,15 +741,24 @@ tester.run('custom-event-name-casing', rule, {
       errors: [
         {
           message: "Custom event name 'foo-bar' must be camelCase.",
-          line: 4
+          line: 4,
+          column: 12,
+          endLine: 4,
+          endColumn: 21
         },
         {
           message: "Custom event name 'foo-bar' must be camelCase.",
-          line: 8
+          line: 8,
+          column: 28,
+          endLine: 8,
+          endColumn: 37
         },
         {
           message: "Custom event name 'foo-bar' must be camelCase.",
-          line: 9
+          line: 9,
+          column: 29,
+          endLine: 9,
+          endColumn: 38
         }
       ]
     }

From 7c4e585bf97bf76c0f5c996466e9f4c27888a72b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 04:34:14 +0200
Subject: [PATCH 0917/1010] test(define-emits-declaration): make tests more
 strict (#2819)

---
 tests/lib/rules/define-emits-declaration.js | 40 ++++++++++++++++-----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/define-emits-declaration.js b/tests/lib/rules/define-emits-declaration.js
index 4e65783c2..417ac8944 100644
--- a/tests/lib/rules/define-emits-declaration.js
+++ b/tests/lib/rules/define-emits-declaration.js
@@ -149,7 +149,10 @@ tester.run('define-emits-declaration', rule, {
       errors: [
         {
           message: 'Use type based declaration instead of runtime declaration.',
-          line: 3
+          line: 3,
+          column: 21,
+          endLine: 3,
+          endColumn: 54
         }
       ]
     },
@@ -164,7 +167,10 @@ tester.run('define-emits-declaration', rule, {
       errors: [
         {
           message: 'Use type based declaration instead of runtime declaration.',
-          line: 3
+          line: 3,
+          column: 21,
+          endLine: 3,
+          endColumn: 54
         }
       ]
     },
@@ -184,7 +190,10 @@ tester.run('define-emits-declaration', rule, {
       errors: [
         {
           message: 'Use type based declaration instead of runtime declaration.',
-          line: 3
+          line: 3,
+          column: 21,
+          endLine: 3,
+          endColumn: 54
         }
       ]
     },
@@ -207,7 +216,10 @@ tester.run('define-emits-declaration', rule, {
       errors: [
         {
           message: 'Use runtime declaration instead of type based declaration.',
-          line: 3
+          line: 3,
+          column: 22,
+          endLine: 6,
+          endColumn: 13
         }
       ]
     },
@@ -231,12 +243,18 @@ tester.run('define-emits-declaration', rule, {
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 42
         },
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 45
         }
       ]
     },
@@ -260,7 +278,10 @@ tester.run('define-emits-declaration', rule, {
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 45
         }
       ]
     },
@@ -281,7 +302,10 @@ tester.run('define-emits-declaration', rule, {
         {
           message:
             'Use new type literal declaration instead of the old call signature declaration.',
-          line: 3
+          line: 3,
+          column: 34,
+          endLine: 3,
+          endColumn: 67
         }
       ]
     }

From 218b223bb104b7cb51f8fd8a5b026c8341f6fed3 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 04:36:59 +0200
Subject: [PATCH 0918/1010] test(define-macros-order): make tests more strict
 (#2820)

---
 tests/lib/rules/define-macros-order.js | 129 ++++++++++++++++++++-----
 1 file changed, 105 insertions(+), 24 deletions(-)

diff --git a/tests/lib/rules/define-macros-order.js b/tests/lib/rules/define-macros-order.js
index 3def7cf1e..0a3e274fd 100644
--- a/tests/lib/rules/define-macros-order.js
+++ b/tests/lib/rules/define-macros-order.js
@@ -354,7 +354,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineEmits'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 39
         }
       ]
     },
@@ -390,7 +393,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 8
+          line: 8,
+          column: 11,
+          endLine: 10,
+          endColumn: 13
         }
       ]
     },
@@ -423,7 +429,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 8,
+          endColumn: 13
         }
       ]
     },
@@ -455,7 +464,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineEmits'),
-          line: 8
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 52
         }
       ]
     },
@@ -489,7 +501,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('definePage'),
-          line: 8
+          line: 8,
+          column: 11,
+          endLine: 10,
+          endColumn: 13
         }
       ]
     },
@@ -532,7 +547,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineEmits'),
-          line: 12
+          line: 12,
+          column: 11,
+          endLine: 12,
+          endColumn: 65
         }
       ]
     },
@@ -587,7 +605,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('definePage'),
-          line: 15
+          line: 15,
+          column: 11,
+          endLine: 17,
+          endColumn: 13
         }
       ]
     },
@@ -625,7 +646,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 10
+          line: 10,
+          column: 11,
+          endLine: 10,
+          endColumn: 42
         }
       ]
     },
@@ -680,7 +704,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineEmits'),
-          line: 16
+          line: 16,
+          column: 11,
+          endLine: 16,
+          endColumn: 59
         }
       ]
     },
@@ -699,7 +726,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineEmits'),
-          line: 3
+          line: 3,
+          column: 56,
+          endLine: 3,
+          endColumn: 84
         }
       ]
     },
@@ -718,7 +748,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('definePage'),
-          line: 3
+          line: 3,
+          column: 56,
+          endLine: 3,
+          endColumn: 83
         }
       ]
     },
@@ -753,7 +786,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 11
+          line: 11,
+          column: 11,
+          endLine: 11,
+          endColumn: 56
         }
       ]
     },
@@ -768,7 +804,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 2
+          line: 2,
+          column: 52,
+          endLine: 2,
+          endColumn: 82
         }
       ]
     },
@@ -790,7 +829,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 41
         }
       ]
     },
@@ -814,7 +856,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineProps'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 41
         }
       ]
     },
@@ -838,7 +883,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineCustom'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 42
         }
       ]
     },
@@ -862,7 +910,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineCustom'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 57
         }
       ]
     },
@@ -914,7 +965,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineOptions'),
-          line: 12
+          line: 12,
+          column: 11,
+          endLine: 12,
+          endColumn: 28
         }
       ]
     },
@@ -962,7 +1016,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineOptions'),
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 28
         }
       ]
     },
@@ -984,6 +1041,9 @@ tester.run('define-macros-order', rule, {
         {
           message: defineExposeNotTheLast,
           line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 27,
           suggestions: [
             {
               desc: putExposeAtBottom,
@@ -1042,6 +1102,9 @@ tester.run('define-macros-order', rule, {
         {
           message: defineExposeNotTheLast,
           line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 27,
           suggestions: [
             {
               desc: putExposeAtBottom,
@@ -1064,7 +1127,10 @@ tester.run('define-macros-order', rule, {
         },
         {
           message: message('defineOptions'),
-          line: 8
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 28
         }
       ]
     },
@@ -1096,7 +1162,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineModel'),
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 45
         }
       ]
     },
@@ -1124,7 +1193,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineModel'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 47
         }
       ]
     },
@@ -1162,7 +1234,10 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineSomething'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 53
         }
       ]
     },
@@ -1195,11 +1270,17 @@ tester.run('define-macros-order', rule, {
       errors: [
         {
           message: message('defineModel'),
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 37
         },
         {
           message: defineExposeNotTheLast,
           line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 27,
           suggestions: [
             {
               messageId: 'putExposeAtTheLast',

From ea8fcddf96682e2af0fcbbd1f8be3e91cbceb545 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 04:37:31 +0200
Subject: [PATCH 0919/1010] test(define-props-declaration): make tests more
 strict (#2821)

---
 tests/lib/rules/define-props-declaration.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/tests/lib/rules/define-props-declaration.js b/tests/lib/rules/define-props-declaration.js
index d6785b93c..ff9e3e1b6 100644
--- a/tests/lib/rules/define-props-declaration.js
+++ b/tests/lib/rules/define-props-declaration.js
@@ -120,7 +120,10 @@ tester.run('define-props-declaration', rule, {
       errors: [
         {
           message: 'Use type-based declaration instead of runtime declaration.',
-          line: 3
+          line: 3,
+          column: 21,
+          endLine: 5,
+          endColumn: 9
         }
       ]
     },
@@ -137,7 +140,10 @@ tester.run('define-props-declaration', rule, {
       errors: [
         {
           message: 'Use type-based declaration instead of runtime declaration.',
-          line: 3
+          line: 3,
+          column: 21,
+          endLine: 5,
+          endColumn: 9
         }
       ]
     },
@@ -159,7 +165,10 @@ tester.run('define-props-declaration', rule, {
       errors: [
         {
           message: 'Use runtime declaration instead of type-based declaration.',
-          line: 3
+          line: 3,
+          column: 21,
+          endLine: 5,
+          endColumn: 11
         }
       ]
     }

From a2bfcb5e046d1a5da554606c59460cd1fb18156f Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 04:38:14 +0200
Subject: [PATCH 0920/1010] test(define-props-destructuring): make tests more
 strict (#2822)

---
 tests/lib/rules/define-props-destructuring.js | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/define-props-destructuring.js b/tests/lib/rules/define-props-destructuring.js
index ec24b4328..ce8f3db97 100644
--- a/tests/lib/rules/define-props-destructuring.js
+++ b/tests/lib/rules/define-props-destructuring.js
@@ -87,7 +87,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'preferDestructuring',
           line: 3,
-          column: 21
+          column: 21,
+          endLine: 3,
+          endColumn: 41
         }
       ]
     },
@@ -102,7 +104,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'preferDestructuring',
           line: 3,
-          column: 34
+          column: 34,
+          endLine: 3,
+          endColumn: 54
         }
       ]
     },
@@ -117,7 +121,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'avoidWithDefaults',
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 35
         }
       ]
     },
@@ -135,7 +141,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'preferDestructuring',
           line: 3,
-          column: 34
+          column: 34,
+          endLine: 3,
+          endColumn: 65
         }
       ]
     },
@@ -153,7 +161,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'avoidWithDefaults',
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 35
         }
       ]
     },
@@ -169,7 +179,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'avoidDestructuring',
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 43
         }
       ]
     },
@@ -185,7 +197,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'avoidDestructuring',
           line: 3,
-          column: 36
+          column: 36,
+          endLine: 3,
+          endColumn: 56
         }
       ]
     },
@@ -204,7 +218,9 @@ tester.run('define-props-destructuring', rule, {
         {
           messageId: 'avoidDestructuring',
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 54
         }
       ]
     }

From 28e8b2ffb01f4146e17d196a0846afeca4a7b556 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 05:01:32 +0200
Subject: [PATCH 0921/1010] test(dot-location): make tests more strict (#2824)

Co-authored-by: Wayne Zhang <waynzh19@gmail.com>
---
 tests/lib/rules/dot-location.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/dot-location.js b/tests/lib/rules/dot-location.js
index b2002d185..fada8d3ef 100644
--- a/tests/lib/rules/dot-location.js
+++ b/tests/lib/rules/dot-location.js
@@ -48,7 +48,10 @@ tester.run('dot-location', rule, {
       errors: [
         {
           message: 'Expected dot to be on same line as object.',
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 14
         }
       ]
     },
@@ -71,7 +74,10 @@ tester.run('dot-location', rule, {
       errors: [
         {
           message: 'Expected dot to be on same line as property.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 22
         }
       ]
     }

From fe0ce5a0590ee8b7aec57712f56f0d1d557035cb Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 23 Jul 2025 05:01:47 +0200
Subject: [PATCH 0922/1010] test(dot-notation): make tests more strict (#2825)

---
 tests/lib/rules/dot-notation.js | 40 +++++++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/tests/lib/rules/dot-notation.js b/tests/lib/rules/dot-notation.js
index 993aade52..58626395d 100644
--- a/tests/lib/rules/dot-notation.js
+++ b/tests/lib/rules/dot-notation.js
@@ -29,12 +29,28 @@ tester.run('dot-notation', rule, {
     {
       code: `<template><div :attr="foo['bar']" /></template>`,
       output: `<template><div :attr="foo.bar" /></template>`,
-      errors: ['["bar"] is better written in dot notation.']
+      errors: [
+        {
+          message: '["bar"] is better written in dot notation.',
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 32
+        }
+      ]
     },
     {
       code: `<template><div :[foo[\`bar\`]]="a" /></template>`,
       output: `<template><div :[foo.bar]="a" /></template>`,
-      errors: ['[`bar`] is better written in dot notation.']
+      errors: [
+        {
+          message: '[`bar`] is better written in dot notation.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 27
+        }
+      ]
     },
     // CSS vars injection
     {
@@ -50,7 +66,15 @@ tester.run('dot-notation', rule, {
         color: v-bind(foo.bar)
       }
       </style>`,
-      errors: ['[`bar`] is better written in dot notation.']
+      errors: [
+        {
+          message: '[`bar`] is better written in dot notation.',
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 32
+        }
+      ]
     },
     {
       code: `
@@ -65,7 +89,15 @@ tester.run('dot-notation', rule, {
         color: v-bind("foo.bar")
       }
       </style>`,
-      errors: ['[`bar`] is better written in dot notation.']
+      errors: [
+        {
+          message: '[`bar`] is better written in dot notation.',
+          line: 4,
+          column: 28,
+          endLine: 4,
+          endColumn: 33
+        }
+      ]
     }
   ]
 })

From afe22e06c91a064a5b85e1a550c61c42877db805 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 25 Jul 2025 19:01:24 +0200
Subject: [PATCH 0923/1010] test(enforce-style-attribute): make tests more
 strict (#2827)

---
 tests/lib/rules/enforce-style-attribute.js | 54 ++++++++++++++++++----
 1 file changed, 45 insertions(+), 9 deletions(-)

diff --git a/tests/lib/rules/enforce-style-attribute.js b/tests/lib/rules/enforce-style-attribute.js
index f12f66998..1a269ab06 100644
--- a/tests/lib/rules/enforce-style-attribute.js
+++ b/tests/lib/rules/enforce-style-attribute.js
@@ -63,7 +63,11 @@ tester.run('enforce-style-attribute', rule, {
       code: `<template></template><script></script><style></style>`,
       errors: [
         {
-          message: 'Plain <style> tags are not allowed. Allowed: scoped.'
+          message: 'Plain <style> tags are not allowed. Allowed: scoped.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 54
         }
       ]
     },
@@ -71,7 +75,11 @@ tester.run('enforce-style-attribute', rule, {
       code: `<template></template><script></script><style module></style>`,
       errors: [
         {
-          message: 'The module attribute is not allowed. Allowed: scoped.'
+          message: 'The module attribute is not allowed. Allowed: scoped.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 61
         }
       ]
     },
@@ -81,7 +89,11 @@ tester.run('enforce-style-attribute', rule, {
       options: [{ allow: ['scoped'] }],
       errors: [
         {
-          message: 'Plain <style> tags are not allowed. Allowed: scoped.'
+          message: 'Plain <style> tags are not allowed. Allowed: scoped.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 54
         }
       ]
     },
@@ -90,7 +102,11 @@ tester.run('enforce-style-attribute', rule, {
       options: [{ allow: ['scoped'] }],
       errors: [
         {
-          message: 'The module attribute is not allowed. Allowed: scoped.'
+          message: 'The module attribute is not allowed. Allowed: scoped.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 61
         }
       ]
     },
@@ -100,7 +116,11 @@ tester.run('enforce-style-attribute', rule, {
       options: [{ allow: ['module'] }],
       errors: [
         {
-          message: 'Plain <style> tags are not allowed. Allowed: module.'
+          message: 'Plain <style> tags are not allowed. Allowed: module.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 54
         }
       ]
     },
@@ -109,7 +129,11 @@ tester.run('enforce-style-attribute', rule, {
       options: [{ allow: ['module'] }],
       errors: [
         {
-          message: 'The scoped attribute is not allowed. Allowed: module.'
+          message: 'The scoped attribute is not allowed. Allowed: module.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 61
         }
       ]
     },
@@ -120,7 +144,11 @@ tester.run('enforce-style-attribute', rule, {
       errors: [
         {
           message:
-            'Plain <style> tags are not allowed. Allowed: module, scoped.'
+            'Plain <style> tags are not allowed. Allowed: module, scoped.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 54
         }
       ]
     },
@@ -130,7 +158,11 @@ tester.run('enforce-style-attribute', rule, {
       errors: [
         {
           message:
-            'The module attribute is not allowed. Allowed: plain, scoped.'
+            'The module attribute is not allowed. Allowed: plain, scoped.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 61
         }
       ]
     },
@@ -140,7 +172,11 @@ tester.run('enforce-style-attribute', rule, {
       errors: [
         {
           message:
-            'The scoped attribute is not allowed. Allowed: module, plain.'
+            'The scoped attribute is not allowed. Allowed: module, plain.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 61
         }
       ]
     }

From d12ab58d1fe223f2a24031fa24bc8485fd6aa654 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 25 Jul 2025 19:01:52 +0200
Subject: [PATCH 0924/1010] test(eqeqeq): make tests more strict (#2828)

---
 tests/lib/rules/eqeqeq.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/eqeqeq.js b/tests/lib/rules/eqeqeq.js
index 8089ebaaa..d5e484aae 100644
--- a/tests/lib/rules/eqeqeq.js
+++ b/tests/lib/rules/eqeqeq.js
@@ -35,7 +35,11 @@ tester.run('eqeqeq', rule, {
                   output: `<template><div :attr="a === 1" /></template>`
                 }
               ]
-            : null
+            : null,
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 27
         }
       ]
     },
@@ -62,7 +66,11 @@ tester.run('eqeqeq', rule, {
       </style>`
                 }
               ]
-            : null
+            : null,
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 27
         }
       ]
     }

From f0a0830acdd825355a2fb5ea584fcc1aacde65df Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 25 Jul 2025 19:02:18 +0200
Subject: [PATCH 0925/1010] test(first-attribute-linebreak): make tests more
 strict (#2829)

---
 tests/lib/rules/first-attribute-linebreak.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/tests/lib/rules/first-attribute-linebreak.js b/tests/lib/rules/first-attribute-linebreak.js
index a322aa498..23dd84cf4 100644
--- a/tests/lib/rules/first-attribute-linebreak.js
+++ b/tests/lib/rules/first-attribute-linebreak.js
@@ -161,7 +161,9 @@ name="John Doe"
         {
           message: 'Expected a linebreak before this attribute.',
           line: 8,
-          column: 20
+          column: 20,
+          endLine: 8,
+          endColumn: 35
         }
       ]
     },
@@ -203,12 +205,16 @@ name="John Doe"
         {
           message: 'Expected no linebreak before this attribute.',
           line: 4,
-          column: 11
+          column: 11,
+          endLine: 4,
+          endColumn: 26
         },
         {
           message: 'Expected no linebreak before this attribute.',
           line: 13,
-          column: 11
+          column: 11,
+          endLine: 13,
+          endColumn: 26
         }
       ]
     },
@@ -254,12 +260,16 @@ name="John Doe"
         {
           message: 'Expected a linebreak before this attribute.',
           line: 8,
-          column: 20
+          column: 20,
+          endLine: 8,
+          endColumn: 35
         },
         {
           message: 'Expected a linebreak before this attribute.',
           line: 15,
-          column: 20
+          column: 20,
+          endLine: 15,
+          endColumn: 35
         }
       ]
     }

From a8c09404edd7bf99c47e8b606f83be7563716f87 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 25 Jul 2025 19:05:48 +0200
Subject: [PATCH 0926/1010] test(html-button-has-type): make tests more strict
 (#2831)

---
 tests/lib/rules/html-button-has-type.js | 74 +++++++++++++++++++------
 1 file changed, 58 insertions(+), 16 deletions(-)

diff --git a/tests/lib/rules/html-button-has-type.js b/tests/lib/rules/html-button-has-type.js
index a5d83777d..e39185395 100644
--- a/tests/lib/rules/html-button-has-type.js
+++ b/tests/lib/rules/html-button-has-type.js
@@ -58,7 +58,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'Missing an explicit type attribute for button.',
-          column: 11
+          column: 11,
+          line: 1,
+          endLine: 1,
+          endColumn: 19
         }
       ]
     },
@@ -68,7 +71,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'A value must be set for button type attribute.',
-          column: 24
+          column: 24,
+          line: 1,
+          endLine: 1,
+          endColumn: 26
         }
       ]
     },
@@ -78,7 +84,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'A value must be set for button type attribute.',
-          column: 19
+          column: 19,
+          line: 1,
+          endLine: 1,
+          endColumn: 23
         }
       ]
     },
@@ -88,7 +97,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'foo is an invalid value for button type attribute.',
-          column: 24
+          column: 24,
+          line: 1,
+          endLine: 1,
+          endColumn: 29
         }
       ]
     },
@@ -99,7 +111,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'button is a forbidden value for button type attribute.',
-          column: 24
+          column: 24,
+          line: 1,
+          endLine: 1,
+          endColumn: 32
         }
       ]
     },
@@ -110,7 +125,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'submit is a forbidden value for button type attribute.',
-          column: 24
+          column: 24,
+          line: 1,
+          endLine: 1,
+          endColumn: 32
         }
       ]
     },
@@ -121,7 +139,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'reset is a forbidden value for button type attribute.',
-          column: 24
+          column: 24,
+          line: 1,
+          endLine: 1,
+          endColumn: 31
         }
       ]
     },
@@ -137,17 +158,23 @@ ruleTester.run('html-button-has-type', rule, {
         {
           message: 'button is a forbidden value for button type attribute.',
           line: 2,
-          column: 30
+          column: 30,
+          endLine: 2,
+          endColumn: 38
         },
         {
           message: 'submit is a forbidden value for button type attribute.',
           line: 3,
-          column: 30
+          column: 30,
+          endLine: 3,
+          endColumn: 38
         },
         {
           message: 'reset is a forbidden value for button type attribute.',
           line: 4,
-          column: 30
+          column: 30,
+          endLine: 4,
+          endColumn: 37
         }
       ]
     },
@@ -165,17 +192,23 @@ ruleTester.run('html-button-has-type', rule, {
         {
           message: 'reset is a forbidden value for button type attribute.',
           line: 4,
-          column: 30
+          column: 30,
+          endLine: 4,
+          endColumn: 37
         },
         {
           message: 'A value must be set for button type attribute.',
           line: 5,
-          column: 30
+          column: 30,
+          endLine: 5,
+          endColumn: 32
         },
         {
           message: 'foo is an invalid value for button type attribute.',
           line: 6,
-          column: 30
+          column: 30,
+          endLine: 6,
+          endColumn: 35
         }
       ]
     },
@@ -185,11 +218,17 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'Missing an explicit type attribute for button.',
-          column: 11
+          column: 11,
+          line: 1,
+          endLine: 1,
+          endColumn: 19
         },
         {
           message: 'Missing an explicit type attribute for button.',
-          column: 39
+          column: 39,
+          line: 1,
+          endLine: 1,
+          endColumn: 47
         }
       ]
     },
@@ -199,7 +238,10 @@ ruleTester.run('html-button-has-type', rule, {
       errors: [
         {
           message: 'A value must be set for button type attribute.',
-          column: 25
+          column: 25,
+          line: 1,
+          endLine: 1,
+          endColumn: 27
         }
       ]
     }

From 07203399e58f8dbcaedc43efe1c43ed89fe171d4 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 25 Jul 2025 19:06:40 +0200
Subject: [PATCH 0927/1010] test(html-closing-bracket-newline): make tests more
 strict (#2832)

---
 .../lib/rules/html-closing-bracket-newline.js | 171 +++++++++++++++---
 1 file changed, 148 insertions(+), 23 deletions(-)

diff --git a/tests/lib/rules/html-closing-bracket-newline.js b/tests/lib/rules/html-closing-bracket-newline.js
index faf898bc5..37aaa41d2 100644
--- a/tests/lib/rules/html-closing-bracket-newline.js
+++ b/tests/lib/rules/html-closing-bracket-newline.js
@@ -174,8 +174,22 @@ tester.run('html-closing-bracket-newline', rule, {
         </template>
       `,
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.',
-        'Expected no line breaks before closing bracket, but 2 line breaks found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 3,
+          column: 15,
+          endLine: 4,
+          endColumn: 11
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 2 line breaks found.',
+          line: 4,
+          column: 17,
+          endLine: 6,
+          endColumn: 11
+        }
       ]
     },
     {
@@ -195,7 +209,14 @@ tester.run('html-closing-bracket-newline', rule, {
         </template>
       `,
       errors: [
-        'Expected 1 line break before closing bracket, but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 18
+        }
       ]
     },
     {
@@ -219,8 +240,22 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.',
-        'Expected no line breaks before closing bracket, but 2 line breaks found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 3,
+          column: 15,
+          endLine: 4,
+          endColumn: 11
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 2 line breaks found.',
+          line: 4,
+          column: 17,
+          endLine: 6,
+          endColumn: 11
+        }
       ]
     },
     {
@@ -246,7 +281,14 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 4,
+          column: 18,
+          endLine: 5,
+          endColumn: 13
+        }
       ]
     },
     {
@@ -272,7 +314,14 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected 1 line break before closing bracket, but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 18
+        }
       ]
     },
     {
@@ -297,8 +346,22 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.',
-        'Expected no line breaks before closing bracket, but 1 line break found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 3,
+          column: 21,
+          endLine: 4,
+          endColumn: 11
+        },
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 5,
+          column: 16,
+          endLine: 6,
+          endColumn: 11
+        }
       ]
     },
     {
@@ -329,8 +392,22 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.',
-        'Expected 1 line break before closing bracket, but no line breaks found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 5,
+          column: 18,
+          endLine: 6,
+          endColumn: 13
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 7,
+          column: 16,
+          endLine: 7,
+          endColumn: 16
+        }
       ]
     },
     {
@@ -359,8 +436,22 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected 1 line break before closing bracket, but no line breaks found.',
-        'Expected 1 line break before closing bracket, but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 21
+        },
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 16
+        }
       ]
     },
     {
@@ -474,42 +565,48 @@ tester.run('html-closing-bracket-newline', rule, {
             'Expected 1 line break before closing bracket, but no line breaks found.',
           line: 2,
           column: 18,
-          endColumn: 18
+          endColumn: 18,
+          endLine: 2
         },
         {
           message:
             'Expected 1 line break before closing bracket, but no line breaks found.',
           line: 3,
           column: 19,
-          endColumn: 19
+          endColumn: 19,
+          endLine: 3
         },
         {
           message:
             'Expected 1 line break before closing bracket, but no line breaks found.',
           line: 4,
           column: 16,
-          endColumn: 16
+          endColumn: 16,
+          endLine: 4
         },
         {
           message:
             'Expected 1 line break before closing bracket, but no line breaks found.',
           line: 5,
           column: 17,
-          endColumn: 17
+          endColumn: 17,
+          endLine: 5
         },
         {
           message:
             'Expected 1 line break before closing bracket, but no line breaks found.',
           line: 6,
           column: 15,
-          endColumn: 15
+          endColumn: 15,
+          endLine: 6
         },
         {
           message:
             'Expected 1 line break before closing bracket, but no line breaks found.',
           line: 6,
           column: 23,
-          endColumn: 23
+          endColumn: 23,
+          endLine: 6
         }
       ]
     },
@@ -534,7 +631,14 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 3,
+          column: 18,
+          endLine: 4,
+          endColumn: 11
+        }
       ]
     },
     {
@@ -560,7 +664,14 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected 1 line break before closing bracket, but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 4,
+          column: 23,
+          endLine: 4,
+          endColumn: 23
+        }
       ]
     },
     {
@@ -584,7 +695,14 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected 1 line break before closing bracket, but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing bracket, but no line breaks found.',
+          line: 3,
+          column: 29,
+          endLine: 3,
+          endColumn: 29
+        }
       ]
     },
     {
@@ -610,7 +728,14 @@ tester.run('html-closing-bracket-newline', rule, {
         }
       ],
       errors: [
-        'Expected no line breaks before closing bracket, but 1 line break found.'
+        {
+          message:
+            'Expected no line breaks before closing bracket, but 1 line break found.',
+          line: 4,
+          column: 23,
+          endLine: 5,
+          endColumn: 11
+        }
       ]
     }
   ]

From dca0477c721025c83b419141cb001deb12159e9f Mon Sep 17 00:00:00 2001
From: 2nofa11 <47783146+2nofa11@users.noreply.github.com>
Date: Mon, 28 Jul 2025 15:05:56 +0900
Subject: [PATCH 0928/1010] docs: fix typo 'identifer' to 'identifier' (#2855)

---
 docs/rules/match-component-import-name.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/match-component-import-name.md b/docs/rules/match-component-import-name.md
index 522b90a02..5ba837f41 100644
--- a/docs/rules/match-component-import-name.md
+++ b/docs/rules/match-component-import-name.md
@@ -12,7 +12,7 @@ since: v8.7.0
 
 ## :book: Rule Details
 
-By default, this rule will validate that the imported name matches the name of the components object property identifer. Note that "matches" means that the imported name matches either the PascalCase or kebab-case version of the components object property identifer. If you would like to enforce that it must match only one of PascalCase or kebab-case, use this rule in conjunction with the rule [vue/component-definition-name-casing](./component-definition-name-casing.md).
+By default, this rule will validate that the imported name matches the name of the components object property identifier. Note that "matches" means that the imported name matches either the PascalCase or kebab-case version of the components object property identifier. If you would like to enforce that it must match only one of PascalCase or kebab-case, use this rule in conjunction with the rule [vue/component-definition-name-casing](./component-definition-name-casing.md).
 
 <eslint-code-block :rules="{'vue/match-component-import-name': ['error']}">
 

From 1243d23e93b7bf80bffaddd80c1171a41d6e327b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Mon, 28 Jul 2025 16:34:26 +0200
Subject: [PATCH 0929/1010] docs: fix link formatting in
 `vue/require-explicit-slots` docs

---
 docs/rules/require-explicit-slots.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/require-explicit-slots.md b/docs/rules/require-explicit-slots.md
index 4d40be209..2737e7e6a 100644
--- a/docs/rules/require-explicit-slots.md
+++ b/docs/rules/require-explicit-slots.md
@@ -12,7 +12,7 @@ since: v9.21.0
 
 ## :book: Rule Details
 
-This rule enforces all slots used in the template to be defined once either in the `script setup` block with the [`defineSlots`](https://vuejs.org/api/sfc-script-setup.html#defineslots) macro, or with the [`slots property`](https://vuejs.org/api/options-rendering.html#slots) in the Options API.
+This rule enforces all slots used in the template to be defined once either in the `script setup` block with the [`defineSlots` macro](https://vuejs.org/api/sfc-script-setup.html#defineslots), or with the [`slots` property](https://vuejs.org/api/options-rendering.html#slots) in the Options API.
 
 <eslint-code-block :rules="{'vue/require-explicit-slots': ['error']}">
 

From 1bd95d3b342239fc53a02fc099ea162e28e6deaf Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:35:54 +0200
Subject: [PATCH 0930/1010] test(mustache-interpolation-spacing): make tests
 more strict (#2854)

---
 .../rules/mustache-interpolation-spacing.js   | 88 ++++++++++++++++---
 1 file changed, 78 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/mustache-interpolation-spacing.js b/tests/lib/rules/mustache-interpolation-spacing.js
index 421b5a0d1..6f390b1ae 100644
--- a/tests/lib/rules/mustache-interpolation-spacing.js
+++ b/tests/lib/rules/mustache-interpolation-spacing.js
@@ -80,28 +80,60 @@ ruleTester.run('mustache-interpolation-spacing', rule, {
       code: '<template><div>{{ text}}</div></template>',
       output: '<template><div>{{ text }}</div></template>',
       options: ['always'],
-      errors: ["Expected 1 space before '}}', but not found."]
+      errors: [
+        {
+          message: "Expected 1 space before '}}', but not found.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div>{{text }}</div></template>',
       output: '<template><div>{{ text }}</div></template>',
       options: ['always'],
-      errors: ["Expected 1 space after '{{', but not found."]
+      errors: [
+        {
+          message: "Expected 1 space after '{{', but not found.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 18
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div>{{ text}}</div></template>',
       output: '<template><div>{{text}}</div></template>',
       options: ['never'],
-      errors: ["Expected no space after '{{', but found."]
+      errors: [
+        {
+          message: "Expected no space after '{{', but found.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 19
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div>{{text }}</div></template>',
       output: '<template><div>{{text}}</div></template>',
       options: ['never'],
-      errors: ["Expected no space before '}}', but found."]
+      errors: [
+        {
+          message: "Expected no space before '}}', but found.",
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -109,8 +141,20 @@ ruleTester.run('mustache-interpolation-spacing', rule, {
       output: '<template><div>{{ text }}</div></template>',
       options: ['always'],
       errors: [
-        "Expected 1 space after '{{', but not found.",
-        "Expected 1 space before '}}', but not found."
+        {
+          message: "Expected 1 space after '{{', but not found.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 18
+        },
+        {
+          message: "Expected 1 space before '}}', but not found.",
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 24
+        }
       ]
     },
     {
@@ -119,8 +163,20 @@ ruleTester.run('mustache-interpolation-spacing', rule, {
       output: '<template><div>{{text}}</div></template>',
       options: ['never'],
       errors: [
-        "Expected no space after '{{', but found.",
-        "Expected no space before '}}', but found."
+        {
+          message: "Expected no space after '{{', but found.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 19
+        },
+        {
+          message: "Expected no space before '}}', but found.",
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 26
+        }
       ]
     },
     {
@@ -129,8 +185,20 @@ ruleTester.run('mustache-interpolation-spacing', rule, {
       output: '<template><div>{{text}}</div></template>',
       options: ['never'],
       errors: [
-        "Expected no space after '{{', but found.",
-        "Expected no space before '}}', but found."
+        {
+          message: "Expected no space after '{{', but found.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 21
+        },
+        {
+          message: "Expected no space before '}}', but found.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 30
+        }
       ]
     }
   ]

From 9ca49034b6f1d89d0e3808b1fee2990cec97b1ce Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:37:42 +0200
Subject: [PATCH 0931/1010] test(multiline-ternary): make tests more strict
 (#2853)

---
 tests/lib/rules/multiline-ternary.js | 79 +++++++++++++++-------------
 1 file changed, 43 insertions(+), 36 deletions(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 87e3fe485..118cf6353 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -4,9 +4,8 @@
  */
 'use strict'
 
-const { RuleTester, ESLint } = require('../../eslint-compat')
+const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/multiline-ternary')
-const semver = require('semver')
 
 const tester = new RuleTester({
   languageOptions: {
@@ -80,8 +79,7 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-      output: semver.gte(ESLint.version, '7.1.0')
-        ? `
+      output: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?
@@ -90,15 +88,16 @@ tester.run('multiline-ternary', rule, {
           }">
           </div>
         </template>
-        `
-        : null,
+        `,
       options: ['always-multiline'],
       errors: [
         {
           message:
             'Expected newline between consequent and alternate of ternary expression.',
           line: 5,
-          column: 15
+          column: 15,
+          endLine: 5,
+          endColumn: 30
         }
       ]
     },
@@ -113,23 +112,23 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-      output: semver.gte(ESLint.version, '7.1.0')
-        ? `
+      output: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
           }">
           </div>
         </template>
-        `
-        : null,
+        `,
       options: ['never'],
       errors: [
         {
           message:
             'Unexpected newline between test and consequent of ternary expression.',
           line: 4,
-          column: 21
+          column: 21,
+          endLine: 4,
+          endColumn: 44
         }
       ]
     },
@@ -143,8 +142,7 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-      output: semver.gte(ESLint.version, '7.1.0')
-        ? `
+      output: `
         <template>
           <div :class="{
             'test': someReallyLongCondition
@@ -153,20 +151,23 @@ tester.run('multiline-ternary', rule, {
           }">
           </div>
         </template>
-        `
-        : null,
+        `,
       errors: [
         {
           message:
             'Expected newline between test and consequent of ternary expression.',
           line: 4,
-          column: 21
+          column: 21,
+          endLine: 4,
+          endColumn: 44
         },
         {
           message:
             'Expected newline between consequent and alternate of ternary expression.',
           line: 4,
-          column: 47
+          column: 47,
+          endLine: 4,
+          endColumn: 62
         }
       ]
     },
@@ -180,8 +181,7 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-      output: semver.gte(ESLint.version, '7.1.0')
-        ? `
+      output: `
         <template>
           <div :style="{
             'test': someReallyLongCondition
@@ -190,20 +190,23 @@ tester.run('multiline-ternary', rule, {
           }">
           </div>
         </template>
-        `
-        : null,
+        `,
       errors: [
         {
           message:
             'Expected newline between test and consequent of ternary expression.',
           line: 4,
-          column: 21
+          column: 21,
+          endLine: 4,
+          endColumn: 44
         },
         {
           message:
             'Expected newline between consequent and alternate of ternary expression.',
           line: 4,
-          column: 47
+          column: 47,
+          endLine: 4,
+          endColumn: 62
         }
       ]
     },
@@ -220,8 +223,7 @@ tester.run('multiline-ternary', rule, {
           }
         </style>
         `,
-      output: semver.gte(ESLint.version, '7.1.0')
-        ? `
+      output: `
         <template>
           <div class="test">
           </div>
@@ -233,20 +235,23 @@ tester.run('multiline-ternary', rule, {
 : thisCantFitOnASingleLine')
           }
         </style>
-        `
-        : null,
+        `,
       errors: [
         {
           message:
             'Expected newline between test and consequent of ternary expression.',
           line: 8,
-          column: 30
+          column: 30,
+          endLine: 8,
+          endColumn: 53
         },
         {
           message:
             'Expected newline between consequent and alternate of ternary expression.',
           line: 8,
-          column: 56
+          column: 56,
+          endLine: 8,
+          endColumn: 71
         }
       ]
     },
@@ -263,8 +268,7 @@ tester.run('multiline-ternary', rule, {
         let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
       </script>
       `,
-      output: semver.gte(ESLint.version, '7.1.0')
-        ? `
+      output: `
       <template>
         <div :class="{
           'test': someReallyLongCondition
@@ -276,20 +280,23 @@ tester.run('multiline-ternary', rule, {
       <script>
         let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
       </script>
-      `
-        : null,
+      `,
       errors: [
         {
           message:
             'Expected newline between test and consequent of ternary expression.',
           line: 4,
-          column: 19
+          column: 19,
+          endLine: 4,
+          endColumn: 42
         },
         {
           message:
             'Expected newline between consequent and alternate of ternary expression.',
           line: 4,
-          column: 45
+          column: 45,
+          endLine: 4,
+          endColumn: 60
         }
       ]
     }

From 4eb14925ccb2390fe56faf93e0531a011a34ecb9 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:38:20 +0200
Subject: [PATCH 0932/1010] test(multiline-html-element-content-newline): make
 tests more strict (#2852)

---
 .../multiline-html-element-content-newline.js | 270 ++++++++++++++++--
 1 file changed, 240 insertions(+), 30 deletions(-)

diff --git a/tests/lib/rules/multiline-html-element-content-newline.js b/tests/lib/rules/multiline-html-element-content-newline.js
index 36aa9cfe4..372d277fc 100644
--- a/tests/lib/rules/multiline-html-element-content-newline.js
+++ b/tests/lib/rules/multiline-html-element-content-newline.js
@@ -384,8 +384,22 @@ multiline
 </div>
         </template>`,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 20,
+          endLine: 4,
+          endColumn: 20
+        }
       ]
     },
     {
@@ -401,7 +415,14 @@ multiline content
           </div>
         </template>`,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        }
       ]
     },
     {
@@ -417,7 +438,14 @@ multiline content
 </div>
         </template>`,
       errors: [
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 30,
+          endLine: 4,
+          endColumn: 30
+        }
       ]
     },
     // comments
@@ -437,8 +465,22 @@ multiline content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 25
+        }
       ]
     },
     {
@@ -457,8 +499,22 @@ multiline content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 23,
+          endLine: 4,
+          endColumn: 23
+        }
       ]
     },
     // one error
@@ -479,7 +535,14 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        }
       ]
     },
     {
@@ -499,7 +562,14 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 5,
+          column: 18,
+          endLine: 5,
+          endColumn: 18
+        }
       ]
     },
     // multi
@@ -519,12 +589,54 @@ content
 </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<template>`), but no line breaks found.',
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</template>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<template>`), but no line breaks found.',
+          line: 2,
+          column: 19,
+          endLine: 2,
+          endColumn: 19
+        },
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 2,
+          column: 24,
+          endLine: 2,
+          endColumn: 24
+        },
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 2,
+          column: 36,
+          endLine: 2,
+          endColumn: 36
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 3,
+          column: 29,
+          endLine: 3,
+          endColumn: 29
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</template>`), but no line breaks found.',
+          line: 3,
+          column: 35,
+          endLine: 3,
+          endColumn: 35
+        }
       ]
     },
     // multi line breaks
@@ -548,8 +660,22 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but 2 line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but 2 line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but 2 line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 5,
+          endColumn: 13
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but 2 line breaks found.',
+          line: 6,
+          column: 20,
+          endLine: 8,
+          endColumn: 11
+        }
       ]
     },
     // allowEmptyLines
@@ -575,7 +701,14 @@ content
         </template>`,
       options: [{ allowEmptyLines: true, ignoreWhenEmpty: false }],
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 8,
+          column: 27,
+          endLine: 8,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -607,8 +740,22 @@ content
       `,
       options: [{ allowEmptyLines: true }],
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 9,
+          column: 16,
+          endLine: 9,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 10,
+          column: 20,
+          endLine: 10,
+          endColumn: 20
+        }
       ]
     },
     // mustache
@@ -628,8 +775,22 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 23,
+          endLine: 4,
+          endColumn: 23
+        }
       ]
     },
     // mix
@@ -651,8 +812,22 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 3,
+          column: 16,
+          endLine: 3,
+          endColumn: 16
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 5,
+          column: 27,
+          endLine: 5,
+          endColumn: 27
+        }
       ]
     },
     // start tag
@@ -672,8 +847,22 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 4,
+          column: 14,
+          endLine: 4,
+          endColumn: 14
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 21
+        }
       ]
     },
     {
@@ -692,8 +881,22 @@ content
         </template>
       `,
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
-        'Expected 1 line break before closing tag (`</div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 18
+        },
+        {
+          message:
+            'Expected 1 line break before closing tag (`</div>`), but no line breaks found.',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 25
+        }
       ]
     },
     {
@@ -712,7 +915,14 @@ content
       `,
       options: [{ ignoreWhenEmpty: false }],
       errors: [
-        'Expected 1 line break after opening tag (`<div>`), but no line breaks found.'
+        {
+          message:
+            'Expected 1 line break after opening tag (`<div>`), but no line breaks found.',
+          line: 4,
+          column: 14,
+          endLine: 4,
+          endColumn: 14
+        }
       ]
     }
   ]

From 0d439f65e0d06fda5144fe470e8c70739a3c04d1 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:39:23 +0200
Subject: [PATCH 0933/1010] test(multi-word-component-names): make tests more
 strict (#2851)

---
 tests/lib/rules/multi-word-component-names.js | 44 ++++++++++++++-----
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
index 70dc3fef3..8ad8865d8 100644
--- a/tests/lib/rules/multi-word-component-names.js
+++ b/tests/lib/rules/multi-word-component-names.js
@@ -230,7 +230,8 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "test" should always be multi-word.',
-          line: 1
+          line: 1,
+          column: 1
         }
       ]
     },
@@ -243,7 +244,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "test" should always be multi-word.',
-          line: 3
+          line: 3,
+          column: 32,
+          endLine: 3,
+          endColumn: 38
         }
       ]
     },
@@ -256,7 +260,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "test" should always be multi-word.',
-          line: 3
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -269,7 +276,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "invalid" should always be multi-word.',
-          line: 3
+          line: 3,
+          column: 32,
+          endLine: 3,
+          endColumn: 41
         }
       ]
     },
@@ -282,7 +292,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "invalid" should always be multi-word.',
-          line: 3
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 32
         }
       ]
     },
@@ -295,7 +308,8 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "invalid" should always be multi-word.',
-          line: 1
+          line: 1,
+          column: 1
         }
       ]
     },
@@ -308,7 +322,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "" should always be multi-word.',
-          line: 3
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 25
         }
       ]
     },
@@ -325,7 +342,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "Item" should always be multi-word.',
-          line: 4
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 21
         }
       ]
     },
@@ -338,7 +358,8 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "test" should always be multi-word.',
-          line: 1
+          line: 1,
+          column: 1
         }
       ]
     },
@@ -352,7 +373,10 @@ tester.run('multi-word-component-names', rule, {
       errors: [
         {
           message: 'Component name "Single" should always be multi-word.',
-          line: 3
+          line: 3,
+          column: 28,
+          endLine: 3,
+          endColumn: 36
         }
       ]
     }

From f6aa0a7193fff875849a8fe2a1fc17764f4b9a47 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:39:43 +0200
Subject: [PATCH 0934/1010] test(max-template-depth): make tests more strict
 (#2850)

---
 tests/lib/rules/max-template-depth.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/tests/lib/rules/max-template-depth.js b/tests/lib/rules/max-template-depth.js
index 4ef9e95d1..b5fc4cb91 100644
--- a/tests/lib/rules/max-template-depth.js
+++ b/tests/lib/rules/max-template-depth.js
@@ -95,7 +95,10 @@ tester.run('max-template-depth', rule, {
         {
           message:
             'Element is nested too deeply (depth of 4, maximum allowed is 3).',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 20
         }
       ]
     },
@@ -120,7 +123,10 @@ tester.run('max-template-depth', rule, {
         {
           message:
             'Element is nested too deeply (depth of 4, maximum allowed is 3).',
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 19
         }
       ]
     },
@@ -148,19 +154,25 @@ tester.run('max-template-depth', rule, {
           message:
             'Element is nested too deeply (depth of 4, maximum allowed is 3).',
           line: 9,
-          endLine: 12
+          endLine: 12,
+          column: 13,
+          endColumn: 11
         },
         {
           message:
             'Element is nested too deeply (depth of 5, maximum allowed is 3).',
           line: 10,
-          endLine: 10
+          endLine: 10,
+          column: 15,
+          endColumn: 22
         },
         {
           message:
             'Element is nested too deeply (depth of 5, maximum allowed is 3).',
           line: 11,
-          endLine: 12
+          endLine: 12,
+          column: 13,
+          endColumn: 11
         }
       ]
     }

From 3ed613cb212cab28cc347d8b7da627845c0ba46b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:40:09 +0200
Subject: [PATCH 0935/1010] test(max-props): make tests more strict (#2849)

---
 tests/lib/rules/max-props.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/tests/lib/rules/max-props.js b/tests/lib/rules/max-props.js
index 7d000f363..041a53f4c 100644
--- a/tests/lib/rules/max-props.js
+++ b/tests/lib/rules/max-props.js
@@ -137,7 +137,9 @@ tester.run('max-props', rule, {
         {
           message: 'Component has too many props (2). Maximum allowed is 1.',
           line: 3,
-          endLine: 3
+          endLine: 3,
+          column: 7,
+          endColumn: 44
         }
       ]
     },
@@ -158,7 +160,9 @@ tester.run('max-props', rule, {
         {
           message: 'Component has too many props (2). Maximum allowed is 1.',
           line: 4,
-          endLine: 7
+          endLine: 7,
+          column: 9,
+          endColumn: 10
         }
       ]
     },
@@ -180,7 +184,9 @@ tester.run('max-props', rule, {
         {
           message: 'Component has too many props (3). Maximum allowed is 2.',
           line: 3,
-          endLine: 3
+          endLine: 3,
+          column: 7,
+          endColumn: 69
         }
       ]
     },
@@ -201,7 +207,9 @@ tester.run('max-props', rule, {
         {
           message: 'Component has too many props (3). Maximum allowed is 2.',
           line: 3,
-          endLine: 3
+          endLine: 3,
+          column: 7,
+          endColumn: 85
         }
       ]
     },
@@ -230,7 +238,9 @@ tester.run('max-props', rule, {
         {
           message: 'Component has too many props (3). Maximum allowed is 2.',
           line: 3,
-          endLine: 11
+          endLine: 11,
+          column: 7,
+          endColumn: 11
         }
       ]
     }

From 5964602d8fd42b46104bff88d90bfa7c486cb297 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:40:34 +0200
Subject: [PATCH 0936/1010] test(max-lines-per-block): make tests more strict
 (#2848)

---
 tests/lib/rules/max-lines-per-block.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/max-lines-per-block.js b/tests/lib/rules/max-lines-per-block.js
index 2470586fb..415e0197f 100644
--- a/tests/lib/rules/max-lines-per-block.js
+++ b/tests/lib/rules/max-lines-per-block.js
@@ -59,7 +59,9 @@ tester.run('max-lines-per-block', rule, {
         {
           message: 'Block has too many lines (2). Maximum allowed is 1.',
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 5,
+          endColumn: 18
         }
       ]
     },
@@ -76,7 +78,9 @@ tester.run('max-lines-per-block', rule, {
         {
           message: 'Block has too many lines (2). Maximum allowed is 1.',
           line: 2,
-          column: 7
+          column: 7,
+          endLine: 6,
+          endColumn: 16
         }
       ]
     }

From 0d3818b48f78cd7786e20c9034b9933e2c2e8a51 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:41:09 +0200
Subject: [PATCH 0937/1010] test(max-attributes-per-line): make tests more
 strict (#2846)

---
 tests/lib/rules/max-attributes-per-line.js | 85 +++++++++++++++++++---
 1 file changed, 75 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/max-attributes-per-line.js b/tests/lib/rules/max-attributes-per-line.js
index 7440b05cf..5b88f7857 100644
--- a/tests/lib/rules/max-attributes-per-line.js
+++ b/tests/lib/rules/max-attributes-per-line.js
@@ -44,43 +44,99 @@ ruleTester.run('max-attributes-per-line', rule, {
       code: `<template><component name="John Doe" age="30"></component></template>`,
       output: `<template><component name="John Doe"
 age="30"></component></template>`,
-      errors: ["'age' should be on a new line."]
+      errors: [
+        {
+          message: "'age' should be on a new line.",
+          line: 1,
+          column: 38,
+          endLine: 1,
+          endColumn: 46
+        }
+      ]
     },
     {
       code: `<template><component :name="user.name" :age="user.age"></component></template>`,
       output: `<template><component :name="user.name"
 :age="user.age"></component></template>`,
-      errors: ["':age' should be on a new line."]
+      errors: [
+        {
+          message: "':age' should be on a new line.",
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 55
+        }
+      ]
     },
     {
       code: `<template><component :is="test" v-bind="user"></component></template>`,
       output: `<template><component :is="test"
 v-bind="user"></component></template>`,
-      errors: ["'v-bind' should be on a new line."]
+      errors: [
+        {
+          message: "'v-bind' should be on a new line.",
+          line: 1,
+          column: 33,
+          endLine: 1,
+          endColumn: 46
+        }
+      ]
     },
     {
       code: `<template><component :name="user.name" @buy="buyProduct"></component></template>`,
       output: `<template><component :name="user.name"
 @buy="buyProduct"></component></template>`,
-      errors: ["'@buy' should be on a new line."]
+      errors: [
+        {
+          message: "'@buy' should be on a new line.",
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 57
+        }
+      ]
     },
     {
       code: `<template><component :name="user.name" @click.stop></component></template>`,
       output: `<template><component :name="user.name"
 @click.stop></component></template>`,
-      errors: ["'@click.stop' should be on a new line."]
+      errors: [
+        {
+          message: "'@click.stop' should be on a new line.",
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 51
+        }
+      ]
     },
     {
       code: `<template><component :name="user.name" v-if="something"></component></template>`,
       output: `<template><component :name="user.name"
 v-if="something"></component></template>`,
-      errors: ["'v-if' should be on a new line."]
+      errors: [
+        {
+          message: "'v-if' should be on a new line.",
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 56
+        }
+      ]
     },
     {
       code: `<template><component name="John Doe"    v-bind:age="user.age"></component></template>`,
       output: `<template><component name="John Doe"
 v-bind:age="user.age"></component></template>`,
-      errors: ["'v-bind:age' should be on a new line."]
+      errors: [
+        {
+          message: "'v-bind:age' should be on a new line.",
+          line: 1,
+          column: 41,
+          endLine: 1,
+          endColumn: 62
+        }
+      ]
     },
     {
       code: `<template><component name="John Doe" age="30" job="Vet"></component></template>`,
@@ -91,7 +147,10 @@ job="Vet"></component></template>`,
         {
           message: "'job' should be on a new line.",
           type: 'VAttribute',
-          line: 1
+          line: 1,
+          column: 47,
+          endLine: 1,
+          endColumn: 56
         }
       ]
     },
@@ -112,7 +171,10 @@ age="30"
         {
           message: "'age' should be on a new line.",
           type: 'VAttribute',
-          line: 2
+          line: 2,
+          column: 25,
+          endLine: 2,
+          endColumn: 33
         }
       ]
     },
@@ -133,7 +195,10 @@ age="30"
         {
           message: "'age' should be on a new line.",
           type: 'VAttribute',
-          line: 2
+          line: 2,
+          column: 25,
+          endLine: 2,
+          endColumn: 33
         }
       ]
     }

From 14d7e19acd0fdf03f8796d8149b43e3b596516aa Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:42:02 +0200
Subject: [PATCH 0938/1010] test(match-component-import-name): make tests more
 strict (#2845)

---
 tests/lib/rules/match-component-import-name.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/tests/lib/rules/match-component-import-name.js b/tests/lib/rules/match-component-import-name.js
index a6ca5da07..be6f0a1aa 100644
--- a/tests/lib/rules/match-component-import-name.js
+++ b/tests/lib/rules/match-component-import-name.js
@@ -65,7 +65,9 @@ tester.run('match-component-import-name', rule, {
           message:
             'Component alias InvalidExport should be one of: SomeRandomName, some-random-name.',
           line: 2,
-          column: 47
+          column: 47,
+          endLine: 2,
+          endColumn: 76
         }
       ]
     }

From be845539678bcb88ddc28572c2c00777ac87d826 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:42:24 +0200
Subject: [PATCH 0939/1010] test(match-component-file-name): make tests more
 strict (#2844)

---
 tests/lib/rules/match-component-file-name.js | 120 +++++++++++++++----
 1 file changed, 100 insertions(+), 20 deletions(-)

diff --git a/tests/lib/rules/match-component-file-name.js b/tests/lib/rules/match-component-file-name.js
index a006d2f3c..494c8455a 100644
--- a/tests/lib/rules/match-component-file-name.js
+++ b/tests/lib/rules/match-component-file-name.js
@@ -596,7 +596,11 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -624,7 +628,11 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -652,7 +660,11 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -680,7 +692,11 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -717,7 +733,11 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `
             }
-          ]
+          ],
+          line: 4,
+          column: 19,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -752,7 +772,11 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `
             }
-          ]
+          ],
+          line: 4,
+          column: 19,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -787,7 +811,11 @@ ruleTester.run('match-component-file-name', rule, {
         </script>
       `
             }
-          ]
+          ],
+          line: 4,
+          column: 19,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -817,7 +845,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -845,7 +877,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -873,7 +909,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -899,7 +939,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -925,7 +969,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -951,7 +999,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 29
         }
       ]
     },
@@ -977,7 +1029,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 2,
+          column: 23,
+          endLine: 2,
+          endColumn: 35
         }
       ]
     },
@@ -1003,7 +1059,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 2,
+          column: 23,
+          endLine: 2,
+          endColumn: 35
         }
       ]
     },
@@ -1029,7 +1089,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 2,
+          column: 23,
+          endLine: 2,
+          endColumn: 35
         }
       ]
     },
@@ -1055,7 +1119,11 @@ ruleTester.run('match-component-file-name', rule, {
         })
       `
             }
-          ]
+          ],
+          line: 2,
+          column: 23,
+          endLine: 2,
+          endColumn: 35
         }
       ]
     },
@@ -1085,7 +1153,11 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 31
         }
       ]
     },
@@ -1113,7 +1185,11 @@ ruleTester.run('match-component-file-name', rule, {
         }
       `
             }
-          ]
+          ],
+          line: 3,
+          column: 17,
+          endLine: 3,
+          endColumn: 30
         }
       ]
     },
@@ -1134,7 +1210,11 @@ ruleTester.run('match-component-file-name', rule, {
               desc: 'Rename component to match file name.',
               output: `<script setup> defineOptions({name: 'MyComponent'}) </script>`
             }
-          ]
+          ],
+          line: 1,
+          column: 37,
+          endLine: 1,
+          endColumn: 52
         }
       ]
     }

From 1ed167efe6e6ad95c9d1dd5be6f4978c9c68adb3 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:42:45 +0200
Subject: [PATCH 0940/1010] test(keyword-spacing): make tests more strict
 (#2843)

---
 tests/lib/rules/keyword-spacing.js | 55 ++++++++++++++++++++++++------
 1 file changed, 44 insertions(+), 11 deletions(-)

diff --git a/tests/lib/rules/keyword-spacing.js b/tests/lib/rules/keyword-spacing.js
index 3bebe093e..3236a1fa1 100644
--- a/tests/lib/rules/keyword-spacing.js
+++ b/tests/lib/rules/keyword-spacing.js
@@ -68,23 +68,38 @@ tester.run('keyword-spacing', rule, {
       errors: [
         {
           message: 'Expected space(s) after "if".',
-          line: 3
+          line: 3,
+          column: 11,
+          endLine: 3,
+          endColumn: 13
         },
         {
           message: 'Expected space(s) before "else".',
-          line: 5
+          line: 5,
+          column: 12,
+          endLine: 5,
+          endColumn: 16
         },
         {
           message: 'Expected space(s) after "if".',
-          line: 5
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 19
         },
         {
           message: 'Expected space(s) before "else".',
-          line: 7
+          line: 7,
+          column: 12,
+          endLine: 7,
+          endColumn: 16
         },
         {
           message: 'Expected space(s) after "else".',
-          line: 7
+          line: 7,
+          column: 12,
+          endLine: 7,
+          endColumn: 16
         }
       ]
     },
@@ -115,23 +130,38 @@ tester.run('keyword-spacing', rule, {
       errors: [
         {
           message: 'Unexpected space(s) after "if".',
-          line: 3
+          line: 3,
+          column: 13,
+          endLine: 3,
+          endColumn: 14
         },
         {
           message: 'Unexpected space(s) before "else".',
-          line: 5
+          line: 5,
+          column: 12,
+          endLine: 5,
+          endColumn: 13
         },
         {
           message: 'Unexpected space(s) after "if".',
-          line: 5
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 21
         },
         {
           message: 'Unexpected space(s) before "else".',
-          line: 7
+          line: 7,
+          column: 12,
+          endLine: 7,
+          endColumn: 13
         },
         {
           message: 'Unexpected space(s) after "else".',
-          line: 7
+          line: 7,
+          column: 17,
+          endLine: 7,
+          endColumn: 18
         }
       ]
     },
@@ -145,7 +175,10 @@ tester.run('keyword-spacing', rule, {
       errors: [
         {
           message: 'Expected space(s) after "return".',
-          line: 2
+          line: 2,
+          column: 56,
+          endLine: 2,
+          endColumn: 62
         }
       ]
     }

From 37c3da01cd69ab4aff46f17e868680e3900e0c83 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:43:25 +0200
Subject: [PATCH 0941/1010] test(key-spacing): make tests more strict (#2842)

---
 tests/lib/rules/key-spacing.js | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/tests/lib/rules/key-spacing.js b/tests/lib/rules/key-spacing.js
index 0e13216dc..c8a5a9ddd 100644
--- a/tests/lib/rules/key-spacing.js
+++ b/tests/lib/rules/key-spacing.js
@@ -24,8 +24,20 @@ tester.run('key-spacing', rule, {
       code: '<template><div :attr="{a :1}" /></template>',
       output: '<template><div :attr="{a: 1}" /></template>',
       errors: [
-        "Extra space after key 'a'.",
-        "Missing space before value for key 'a'."
+        {
+          message: "Extra space after key 'a'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 26
+        },
+        {
+          message: "Missing space before value for key 'a'.",
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 28
+        }
       ]
     },
     {
@@ -33,8 +45,20 @@ tester.run('key-spacing', rule, {
       output: '<template><div :[{a:1}[`a`]]="{a : 1}[`a`]" /></template>',
       options: [{ beforeColon: true }],
       errors: [
-        "Missing space after key 'a'.",
-        "Missing space before value for key 'a'."
+        {
+          message: "Missing space after key 'a'.",
+          line: 1,
+          column: 32,
+          endLine: 1,
+          endColumn: 33
+        },
+        {
+          message: "Missing space before value for key 'a'.",
+          line: 1,
+          column: 34,
+          endLine: 1,
+          endColumn: 35
+        }
       ]
     }
   ]

From 09380b516d7935836d450a9a0cd0ba9f2f7e3d80 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:44:12 +0200
Subject: [PATCH 0942/1010] test(jsx-uses-vars): make tests more strict (#2841)

---
 tests/lib/rules/jsx-uses-vars.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/jsx-uses-vars.js b/tests/lib/rules/jsx-uses-vars.js
index 81d907dae..0f7c71146 100644
--- a/tests/lib/rules/jsx-uses-vars.js
+++ b/tests/lib/rules/jsx-uses-vars.js
@@ -124,7 +124,11 @@ describe('jsx-uses-vars', () => {
       `
                   }
                 ]
-              : null
+              : null,
+            line: 3,
+            column: 16,
+            endLine: 3,
+            endColumn: 29
           }
         ]
       },
@@ -162,7 +166,11 @@ describe('jsx-uses-vars', () => {
       `
                   }
                 ]
-              : null
+              : null,
+            line: 4,
+            column: 15,
+            endLine: 4,
+            endColumn: 22
           }
         ]
       }

From d00e8c07b2f3aa8efb59f19e791e75a1566667db Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:44:41 +0200
Subject: [PATCH 0943/1010] test(html-self-closing): make tests more strict
 (#2840)

---
 tests/lib/rules/html-self-closing.js | 113 +++++++++++++++++++++++----
 1 file changed, 98 insertions(+), 15 deletions(-)

diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
index 0f0898b53..37991580a 100644
--- a/tests/lib/rules/html-self-closing.js
+++ b/tests/lib/rules/html-self-closing.js
@@ -90,27 +90,68 @@ tester.run('html-self-closing', rule, {
     {
       code: '<template><div></div></template>',
       output: '<template><div/></template>',
-      errors: ['Require self-closing on HTML elements (<div>).']
+      errors: [
+        {
+          message: 'Require self-closing on HTML elements (<div>).',
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 22
+        }
+      ]
     },
     {
       code: '<template><img/></template>',
       output: '<template><img></template>',
-      errors: ['Disallow self-closing on HTML void elements (<img/>).']
+      errors: [
+        {
+          message: 'Disallow self-closing on HTML void elements (<img/>).',
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 17
+        }
+      ]
     },
     {
       code: '<template><x-test></x-test></template>',
       output: '<template><x-test/></template>',
-      errors: ['Require self-closing on Vue.js custom components (<x-test>).']
+      errors: [
+        {
+          message:
+            'Require self-closing on Vue.js custom components (<x-test>).',
+          line: 1,
+          column: 19,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       code: '<template><svg><path></path></svg></template>',
       output: '<template><svg><path/></svg></template>',
-      errors: ['Require self-closing on SVG elements (<path>).']
+      errors: [
+        {
+          message: 'Require self-closing on SVG elements (<path>).',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 29
+        }
+      ]
     },
     {
       code: '<template><math><mspace></mspace></math></template>',
       output: '<template><math><mspace/></math></template>',
-      errors: ['Require self-closing on MathML elements (<mspace>).']
+      errors: [
+        {
+          message: 'Require self-closing on MathML elements (<mspace>).',
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 34
+        }
+      ]
     },
 
     // others
@@ -130,7 +171,13 @@ tester.run('html-self-closing', rule, {
 </template>`,
       options: [anyWith({ html: { normal: 'always' } })],
       errors: [
-        { message: 'Require self-closing on HTML elements (<div>).', line: 2 }
+        {
+          message: 'Require self-closing on HTML elements (<div>).',
+          line: 2,
+          column: 8,
+          endLine: 2,
+          endColumn: 14
+        }
       ]
     },
     {
@@ -149,7 +196,13 @@ tester.run('html-self-closing', rule, {
 </template>`,
       options: [anyWith({ html: { normal: 'never' } })],
       errors: [
-        { message: 'Disallow self-closing on HTML elements (<div/>).', line: 3 }
+        {
+          message: 'Disallow self-closing on HTML elements (<div/>).',
+          line: 3,
+          column: 7,
+          endLine: 3,
+          endColumn: 9
+        }
       ]
     },
     {
@@ -170,7 +223,10 @@ tester.run('html-self-closing', rule, {
       errors: [
         {
           message: 'Require self-closing on HTML void elements (<img>).',
-          line: 4
+          line: 4,
+          column: 3,
+          endLine: 4,
+          endColumn: 8
         }
       ]
     },
@@ -192,7 +248,10 @@ tester.run('html-self-closing', rule, {
       errors: [
         {
           message: 'Disallow self-closing on HTML void elements (<img/>).',
-          line: 5
+          line: 5,
+          column: 7,
+          endLine: 5,
+          endColumn: 9
         }
       ]
     },
@@ -215,7 +274,10 @@ tester.run('html-self-closing', rule, {
         {
           message:
             'Require self-closing on Vue.js custom components (<x-test>).',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 20
         }
       ]
     },
@@ -238,7 +300,10 @@ tester.run('html-self-closing', rule, {
         {
           message:
             'Disallow self-closing on Vue.js custom components (<x-test/>).',
-          line: 7
+          line: 7,
+          column: 10,
+          endLine: 7,
+          endColumn: 12
         }
       ]
     },
@@ -258,7 +323,13 @@ tester.run('html-self-closing', rule, {
 </template>`,
       options: [anyWith({ svg: 'always' })],
       errors: [
-        { message: 'Require self-closing on SVG elements (<path>).', line: 8 }
+        {
+          message: 'Require self-closing on SVG elements (<path>).',
+          line: 8,
+          column: 14,
+          endLine: 8,
+          endColumn: 21
+        }
       ]
     },
     {
@@ -277,7 +348,13 @@ tester.run('html-self-closing', rule, {
 </template>`,
       options: [anyWith({ svg: 'never' })],
       errors: [
-        { message: 'Disallow self-closing on SVG elements (<path/>).', line: 9 }
+        {
+          message: 'Disallow self-closing on SVG elements (<path/>).',
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 15
+        }
       ]
     },
     {
@@ -298,7 +375,10 @@ tester.run('html-self-closing', rule, {
       errors: [
         {
           message: 'Require self-closing on MathML elements (<mspace>).',
-          line: 10
+          line: 10,
+          column: 17,
+          endLine: 10,
+          endColumn: 26
         }
       ]
     },
@@ -320,7 +400,10 @@ tester.run('html-self-closing', rule, {
       errors: [
         {
           message: 'Disallow self-closing on MathML elements (<mspace/>).',
-          line: 11
+          line: 11,
+          column: 16,
+          endLine: 11,
+          endColumn: 18
         }
       ]
     }

From 6f1fae345ce5f8265822d8addf7fee2398f68b69 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Tue, 29 Jul 2025 06:45:12 +0200
Subject: [PATCH 0944/1010] test(html-quotes): make tests more strict (#2839)

---
 tests/lib/rules/html-quotes.js | 210 +++++++++++++++++++++++++++++----
 1 file changed, 189 insertions(+), 21 deletions(-)

diff --git a/tests/lib/rules/html-quotes.js b/tests/lib/rules/html-quotes.js
index 1c57f0a26..f6931f552 100644
--- a/tests/lib/rules/html-quotes.js
+++ b/tests/lib/rules/html-quotes.js
@@ -82,101 +82,221 @@ tester.run('html-quotes', rule, {
       filename: 'test.vue',
       code: '<template><div class=foo></div></template>',
       output: '<template><div class="foo"></div></template>',
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><div class='foo'></div></template>",
       output: '<template><div class="foo"></div></template>',
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 27
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div :class=foo></div></template>',
       output: '<template><div :class="foo"></div></template>',
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><div :class='foo'></div></template>",
       output: '<template><div :class="foo"></div></template>',
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div :class=foo+"bar"></div></template>',
       output: '<template><div :class="foo+&quot;bar&quot;"></div></template>',
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 32
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div class=foo></div></template>',
       output: '<template><div class="foo"></div></template>',
       options: ['double'],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><div class='foo'></div></template>",
       output: '<template><div class="foo"></div></template>',
       options: ['double'],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 27
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div :class=foo></div></template>',
       output: '<template><div :class="foo"></div></template>',
       options: ['double'],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><div :class='foo'></div></template>",
       output: '<template><div :class="foo"></div></template>',
       options: ['double'],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div :class=foo+"bar"></div></template>',
       output: '<template><div :class="foo+&quot;bar&quot;"></div></template>',
       options: ['double'],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 32
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div class=foo></div></template>',
       output: "<template><div class='foo'></div></template>",
       options: ['single'],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div class="foo"></div></template>',
       output: "<template><div class='foo'></div></template>",
       options: ['single'],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 27
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div :class=foo></div></template>',
       output: "<template><div :class='foo'></div></template>",
       options: ['single'],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div :class="foo"></div></template>',
       output: "<template><div :class='foo'></div></template>",
       options: ['single'],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><div :class=foo+'bar'></div></template>",
       output: "<template><div :class='foo+&apos;bar&apos;'></div></template>",
       options: ['single'],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 32
+        }
+      ]
     },
     // avoidEscape
     {
@@ -184,42 +304,90 @@ tester.run('html-quotes', rule, {
       code: "<template><div attr='foo'></div></template>",
       output: '<template><div attr="foo"></div></template>',
       options: ['double', { avoidEscape: true }],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div attr="bar"></div></template>',
       output: "<template><div attr='bar'></div></template>",
       options: ['single', { avoidEscape: true }],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div attr=foo"bar></div></template>',
       output: "<template><div attr='foo\"bar'></div></template>",
       options: ['double', { avoidEscape: true }],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: "<template><div attr=foo'bar></div></template>",
       output: '<template><div attr="foo\'bar"></div></template>',
       options: ['single', { avoidEscape: true }],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div attr=foo"bar\'baz></div></template>',
       output: '<template><div attr="foo&quot;bar\'baz"></div></template>',
       options: ['double', { avoidEscape: true }],
-      errors: ['Expected to be enclosed by double quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by double quotes.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 32
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div attr=foo"bar\'baz></div></template>',
       output: "<template><div attr='foo\"bar&apos;baz'></div></template>",
       options: ['single', { avoidEscape: true }],
-      errors: ['Expected to be enclosed by single quotes.']
+      errors: [
+        {
+          message: 'Expected to be enclosed by single quotes.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 32
+        }
+      ]
     }
   ]
 })

From 1c3b24efadd452d02a121e446378146a378efadc Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:33:47 +0200
Subject: [PATCH 0945/1010] test(html-closing-bracket-spacing): make tests more
 strict (#2833)

---
 .../lib/rules/html-closing-bracket-spacing.js | 66 ++++++++++++-------
 1 file changed, 44 insertions(+), 22 deletions(-)

diff --git a/tests/lib/rules/html-closing-bracket-spacing.js b/tests/lib/rules/html-closing-bracket-spacing.js
index 09e2702e0..26139b225 100644
--- a/tests/lib/rules/html-closing-bracket-spacing.js
+++ b/tests/lib/rules/html-closing-bracket-spacing.js
@@ -50,19 +50,22 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           message: "Expected no space before '>', but found.",
           line: 2,
           column: 7,
-          endColumn: 9
+          endColumn: 9,
+          endLine: 2
         },
         {
           message: "Expected no space before '>', but found.",
           line: 3,
           column: 8,
-          endColumn: 10
+          endColumn: 10,
+          endLine: 3
         },
         {
           message: "Expected a space before '/>', but not found.",
           line: 4,
           column: 7,
-          endColumn: 9
+          endColumn: 9,
+          endLine: 4
         }
       ]
     },
@@ -74,13 +77,15 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           message: "Expected no space before '>', but found.",
           line: 2,
           column: 11,
-          endColumn: 13
+          endColumn: 13,
+          endLine: 2
         },
         {
           message: "Expected a space before '/>', but not found.",
           line: 3,
           column: 11,
-          endColumn: 13
+          endColumn: 13,
+          endLine: 3
         }
       ]
     },
@@ -93,13 +98,15 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           message: "Expected no space before '>', but found.",
           line: 2,
           column: 15,
-          endColumn: 17
+          endColumn: 17,
+          endLine: 2
         },
         {
           message: "Expected a space before '/>', but not found.",
           line: 3,
           column: 15,
-          endColumn: 17
+          endColumn: 17,
+          endLine: 3
         }
       ]
     },
@@ -119,37 +126,43 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           message: "Expected no space before '>', but found.",
           line: 2,
           column: 18,
-          endColumn: 20
+          endColumn: 20,
+          endLine: 2
         },
         {
           message: "Expected no space before '>', but found.",
           line: 2,
           column: 30,
-          endColumn: 32
+          endColumn: 32,
+          endLine: 2
         },
         {
           message: "Expected no space before '>', but found.",
           line: 3,
           column: 16,
-          endColumn: 18
+          endColumn: 18,
+          endLine: 3
         },
         {
           message: "Expected no space before '>', but found.",
           line: 3,
           column: 26,
-          endColumn: 28
+          endColumn: 28,
+          endLine: 3
         },
         {
           message: "Expected no space before '>', but found.",
           line: 4,
           column: 15,
-          endColumn: 17
+          endColumn: 17,
+          endLine: 4
         },
         {
           message: "Expected no space before '>', but found.",
           line: 4,
           column: 24,
-          endColumn: 26
+          endColumn: 26,
+          endLine: 4
         }
       ]
     },
@@ -168,19 +181,22 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           message: "Expected a space before '>', but not found.",
           line: 2,
           column: 7,
-          endColumn: 8
+          endColumn: 8,
+          endLine: 2
         },
         {
           message: "Expected a space before '>', but not found.",
           line: 3,
           column: 8,
-          endColumn: 9
+          endColumn: 9,
+          endLine: 3
         },
         {
           message: "Expected no space before '/>', but found.",
           line: 4,
           column: 7,
-          endColumn: 10
+          endColumn: 10,
+          endLine: 4
         }
       ]
     },
@@ -207,37 +223,43 @@ ruleTester.run('html-closing-bracket-spacing', rule, {
           message: "Expected a space before '>', but not found.",
           line: 2,
           column: 18,
-          endColumn: 19
+          endColumn: 19,
+          endLine: 2
         },
         {
           message: "Expected a space before '>', but not found.",
           line: 2,
           column: 29,
-          endColumn: 30
+          endColumn: 30,
+          endLine: 2
         },
         {
           message: "Expected a space before '>', but not found.",
           line: 3,
           column: 16,
-          endColumn: 17
+          endColumn: 17,
+          endLine: 3
         },
         {
           message: "Expected a space before '>', but not found.",
           line: 3,
           column: 25,
-          endColumn: 26
+          endColumn: 26,
+          endLine: 3
         },
         {
           message: "Expected a space before '>', but not found.",
           line: 4,
           column: 15,
-          endColumn: 16
+          endColumn: 16,
+          endLine: 4
         },
         {
           message: "Expected a space before '>', but not found.",
           line: 4,
           column: 23,
-          endColumn: 24
+          endColumn: 24,
+          endLine: 4
         }
       ]
     }

From dce79ae0a33979e132ffef21424749bc4054317b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:34:14 +0200
Subject: [PATCH 0946/1010] test(html-comment-content-newline): make tests more
 strict (#2834)

---
 .../lib/rules/html-comment-content-newline.js | 96 +++++++++++++++----
 1 file changed, 78 insertions(+), 18 deletions(-)

diff --git a/tests/lib/rules/html-comment-content-newline.js b/tests/lib/rules/html-comment-content-newline.js
index 362e27adf..6d1c28279 100644
--- a/tests/lib/rules/html-comment-content-newline.js
+++ b/tests/lib/rules/html-comment-content-newline.js
@@ -264,13 +264,15 @@ tester.run('html-comment-content-newline', rule, {
           message: "Expected line break after '<!--'.",
           line: 6,
           column: 15,
-          endColumn: 16
+          endColumn: 16,
+          endLine: 6
         },
         {
           message: "Expected line break before '-->'.",
           line: 7,
           column: 20,
-          endColumn: 21
+          endColumn: 21,
+          endLine: 7
         }
       ]
     },
@@ -293,25 +295,29 @@ tester.run('html-comment-content-newline', rule, {
           message: "Expected line break after '<!--'.",
           line: 3,
           column: 15,
-          endColumn: 15
+          endColumn: 15,
+          endLine: 3
         },
         {
           message: "Expected line break before '-->'.",
           line: 3,
           column: 22,
-          endColumn: 22
+          endColumn: 22,
+          endLine: 3
         },
         {
           message: "Expected line break after '<!--'.",
           line: 4,
           column: 15,
-          endColumn: 17
+          endColumn: 17,
+          endLine: 4
         },
         {
           message: "Expected line break before '-->'.",
           line: 4,
           column: 24,
-          endColumn: 26
+          endColumn: 26,
+          endLine: 4
         }
       ]
     },
@@ -363,13 +369,15 @@ comment
           message: "Expected line break after '<!--'.",
           line: 3,
           column: 15,
-          endColumn: 23
+          endColumn: 23,
+          endLine: 3
         },
         {
           message: "Expected line break before '-->'.",
           line: 3,
           column: 30,
-          endColumn: 38
+          endColumn: 38,
+          endLine: 3
         }
       ]
     },
@@ -383,8 +391,20 @@ comment
       output: null,
       options: ['always', { exceptions: ['+'] }],
       errors: [
-        'Expected line break after exception block.',
-        'Expected line break before exception block.'
+        {
+          message: 'Expected line break after exception block.',
+          line: 3,
+          column: 31,
+          endLine: 3,
+          endColumn: 31
+        },
+        {
+          message: 'Expected line break before exception block.',
+          line: 3,
+          column: 38,
+          endLine: 3,
+          endColumn: 38
+        }
       ]
     },
     {
@@ -396,8 +416,20 @@ comment
       output: null,
       options: ['always', { exceptions: ['*'] }],
       errors: [
-        'Expected line break after exception block.',
-        'Expected line break before exception block.'
+        {
+          message: 'Expected line break after exception block.',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 20
+        },
+        {
+          message: 'Expected line break before exception block.',
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -413,8 +445,20 @@ comment
         `,
       options: ['always', { exceptions: ['#+#-'] }],
       errors: [
-        'Expected line break after exception block.',
-        "Expected line break before '-->'."
+        {
+          message: 'Expected line break after exception block.',
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 27
+        },
+        {
+          message: "Expected line break before '-->'.",
+          line: 3,
+          column: 38,
+          endLine: 3,
+          endColumn: 38
+        }
       ]
     },
     {
@@ -426,11 +470,19 @@ comment
       output: null,
       options: ['always', { exceptions: ['*', '++'] }],
       errors: [
-        'Expected line break after exception block.',
+        {
+          message: 'Expected line break after exception block.',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 20
+        },
         {
           message: 'Expected line break before exception block.',
           line: 3,
-          column: 27
+          column: 27,
+          endLine: 3,
+          endColumn: 27
         }
       ]
     },
@@ -443,11 +495,19 @@ comment
       output: null,
       options: ['always', { exceptions: ['*', '++'] }],
       errors: [
-        'Expected line break after exception block.',
+        {
+          message: 'Expected line break after exception block.',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 20
+        },
         {
           message: 'Expected line break before exception block.',
           line: 3,
-          column: 28
+          column: 28,
+          endLine: 3,
+          endColumn: 28
         }
       ]
     }

From 769cf78de6043496c316032df3aecc3b2f1bddae Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:34:41 +0200
Subject: [PATCH 0947/1010] test(html-comment-content-spacing): make tests more
 strict (#2835)

---
 .../lib/rules/html-comment-content-spacing.js | 90 +++++++++++++++----
 1 file changed, 74 insertions(+), 16 deletions(-)

diff --git a/tests/lib/rules/html-comment-content-spacing.js b/tests/lib/rules/html-comment-content-spacing.js
index 1036555e8..754271d10 100644
--- a/tests/lib/rules/html-comment-content-spacing.js
+++ b/tests/lib/rules/html-comment-content-spacing.js
@@ -207,13 +207,15 @@ tester.run('html-comment-content-spacing', rule, {
           message: "Expected space after '<!--'.",
           line: 3,
           column: 15,
-          endColumn: 15
+          endColumn: 15,
+          endLine: 3
         },
         {
           message: "Expected space before '-->'.",
           line: 3,
           column: 22,
-          endColumn: 22
+          endColumn: 22,
+          endLine: 3
         }
       ]
     },
@@ -234,13 +236,15 @@ tester.run('html-comment-content-spacing', rule, {
           message: "Unexpected space after '<!--'.",
           line: 3,
           column: 15,
-          endColumn: 16
+          endColumn: 16,
+          endLine: 3
         },
         {
           message: "Unexpected space before '-->'.",
           line: 3,
           column: 23,
-          endColumn: 24
+          endColumn: 24,
+          endLine: 3
         }
       ]
     },
@@ -261,13 +265,15 @@ tester.run('html-comment-content-spacing', rule, {
           message: "Unexpected space after '<!--'.",
           line: 3,
           column: 15,
-          endColumn: 23
+          endColumn: 23,
+          endLine: 3
         },
         {
           message: "Unexpected space before '-->'.",
           line: 3,
           column: 30,
-          endColumn: 38
+          endColumn: 38,
+          endLine: 3
         }
       ]
     },
@@ -281,8 +287,20 @@ tester.run('html-comment-content-spacing', rule, {
       output: null,
       options: ['always', { exceptions: ['+'] }],
       errors: [
-        'Expected space after exception block.',
-        'Expected space before exception block.'
+        {
+          message: 'Expected space after exception block.',
+          line: 3,
+          column: 31,
+          endLine: 3,
+          endColumn: 31
+        },
+        {
+          message: 'Expected space before exception block.',
+          line: 3,
+          column: 38,
+          endLine: 3,
+          endColumn: 38
+        }
       ]
     },
     {
@@ -294,8 +312,20 @@ tester.run('html-comment-content-spacing', rule, {
       output: null,
       options: ['always', { exceptions: ['*'] }],
       errors: [
-        'Expected space after exception block.',
-        'Expected space before exception block.'
+        {
+          message: 'Expected space after exception block.',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 20
+        },
+        {
+          message: 'Expected space before exception block.',
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -311,8 +341,20 @@ tester.run('html-comment-content-spacing', rule, {
         `,
       options: ['always', { exceptions: ['#+#-'] }],
       errors: [
-        'Expected space after exception block.',
-        "Expected space before '-->'."
+        {
+          message: 'Expected space after exception block.',
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 27
+        },
+        {
+          message: "Expected space before '-->'.",
+          line: 3,
+          column: 38,
+          endLine: 3,
+          endColumn: 38
+        }
       ]
     },
     {
@@ -324,11 +366,19 @@ tester.run('html-comment-content-spacing', rule, {
       output: null,
       options: ['always', { exceptions: ['*', '++'] }],
       errors: [
-        'Expected space after exception block.',
+        {
+          message: 'Expected space after exception block.',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 20
+        },
         {
           message: 'Expected space before exception block.',
           line: 3,
-          column: 27
+          column: 27,
+          endLine: 3,
+          endColumn: 27
         }
       ]
     },
@@ -341,11 +391,19 @@ tester.run('html-comment-content-spacing', rule, {
       output: null,
       options: ['always', { exceptions: ['*', '++'] }],
       errors: [
-        'Expected space after exception block.',
+        {
+          message: 'Expected space after exception block.',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 20
+        },
         {
           message: 'Expected space before exception block.',
           line: 3,
-          column: 28
+          column: 28,
+          endLine: 3,
+          endColumn: 28
         }
       ]
     }

From e9015383b6503cdd428794e38adbfaa48401982b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:35:05 +0200
Subject: [PATCH 0948/1010] test(html-comment-indent): make tests more strict
 (#2836)

---
 tests/lib/rules/html-comment-indent.js | 80 ++++++++++++++++++++------
 1 file changed, 64 insertions(+), 16 deletions(-)

diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
index 27c93af8e..f90f2cf4c 100644
--- a/tests/lib/rules/html-comment-indent.js
+++ b/tests/lib/rules/html-comment-indent.js
@@ -504,22 +504,34 @@ tester.run('html-comment-indent', rule, {
         {
           message:
             'Expected relative indentation of 2 spaces but found 0 spaces.',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 11
         },
         {
           message:
             'Expected relative indentation of 2 spaces but found 4 spaces.',
-          line: 7
+          line: 7,
+          column: 11,
+          endLine: 7,
+          endColumn: 15
         },
         {
           message:
             'Expected relative indentation of 0 spaces but found 2 spaces.',
-          line: 12
+          line: 12,
+          column: 11,
+          endLine: 12,
+          endColumn: 13
         },
         {
           message:
             'Expected base point indentation of 10 spaces, but found 8 spaces.',
-          line: 14
+          line: 14,
+          column: 1,
+          endLine: 14,
+          endColumn: 9
         }
       ]
     },
@@ -544,12 +556,18 @@ tester.run('html-comment-indent', rule, {
         {
           message:
             'Expected relative indentation of 2 spaces but found 0 spaces.',
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 11
         },
         {
           message:
             'Expected relative indentation of 2 spaces but found 4 spaces.',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 15
         }
       ]
     },
@@ -575,15 +593,24 @@ comment -->
       errors: [
         {
           message: 'Expected indentation of 2 spaces but found 0 spaces.',
-          line: 4
+          line: 4,
+          column: 1,
+          endLine: 4,
+          endColumn: 1
         },
         {
           message: 'Expected indentation of 2 spaces but found 0 spaces.',
-          line: 5
+          line: 5,
+          column: 1,
+          endLine: 5,
+          endColumn: 1
         },
         {
           message: 'Expected indentation of 0 spaces but found 2 spaces.',
-          line: 7
+          line: 7,
+          column: 1,
+          endLine: 7,
+          endColumn: 3
         }
       ]
     },
@@ -610,17 +637,26 @@ comment -->
         {
           message:
             'Expected base point indentation of 2 spaces, but not found.',
-          line: 4
+          line: 4,
+          column: 1,
+          endLine: 4,
+          endColumn: 1
         },
         {
           message:
             'Expected base point indentation of 2 spaces, but not found.',
-          line: 5
+          line: 5,
+          column: 1,
+          endLine: 5,
+          endColumn: 1
         },
         {
           message:
             'Expected base point indentation of 2 spaces, but not found.',
-          line: 7
+          line: 7,
+          column: 1,
+          endLine: 7,
+          endColumn: 1
         }
       ]
     },
@@ -643,12 +679,18 @@ comment -->
         {
           message:
             'Expected relative indentation of 2 spaces but found 1 space.',
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 12
         },
         {
           message:
             'Expected relative indentation of 0 spaces but found 1 space.',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 12
         }
       ]
     },
@@ -670,11 +712,17 @@ comment -->
       errors: [
         {
           message: String.raw`Expected base point indentation of " \t \t \t ", but found 7 spaces.`,
-          line: 4
+          line: 4,
+          column: 1,
+          endLine: 4,
+          endColumn: 13
         },
         {
           message: String.raw`Expected base point indentation of " \t \t \t ", but found 7 spaces.`,
-          line: 5
+          line: 5,
+          column: 1,
+          endLine: 5,
+          endColumn: 11
         }
       ]
     }

From b4ad756778eabcdf1dd873cab664c9961013587d Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:35:28 +0200
Subject: [PATCH 0949/1010] test(html-end-tags): make tests more strict (#2837)

---
 tests/lib/rules/html-end-tags.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/html-end-tags.js b/tests/lib/rules/html-end-tags.js
index ce5979632..42e13dc99 100644
--- a/tests/lib/rules/html-end-tags.js
+++ b/tests/lib/rules/html-end-tags.js
@@ -80,13 +80,29 @@ tester.run('html-end-tags', rule, {
       filename: 'test.vue',
       code: '<template><div><div></div></template>',
       output: '<template><div><div></div></div></template>',
-      errors: ["'<div>' should have end tag."]
+      errors: [
+        {
+          message: "'<div>' should have end tag.",
+          line: 1,
+          column: 11,
+          endLine: 1,
+          endColumn: 16
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><p></div></template>',
       output: '<template><div><p></p></div></template>',
-      errors: ["'<p>' should have end tag."]
+      errors: [
+        {
+          message: "'<p>' should have end tag.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 19
+        }
+      ]
     }
   ]
 })

From c64ebb217e7cc15fe8d80da3541505ed13f7f745 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:35:54 +0200
Subject: [PATCH 0950/1010] test(html-indent): make tests more strict (#2838)

---
 tests/lib/rules/html-indent.js | 220 ++++++++++++++++++++++++++-------
 1 file changed, 176 insertions(+), 44 deletions(-)

diff --git a/tests/lib/rules/html-indent.js b/tests/lib/rules/html-indent.js
index 3a4c610cd..78c233f51 100644
--- a/tests/lib/rules/html-indent.js
+++ b/tests/lib/rules/html-indent.js
@@ -63,7 +63,10 @@ function loadPatterns(additionalValid, additionalInvalid) {
                 message: `Expected indentation of ${line.indentSize} ${kind}${
                   line.indentSize === 1 ? '' : 's'
                 } but found 0 ${kind}s.`,
-                line: line.number + 1
+                line: line.number + 1,
+                column: 1,
+                endLine: line.number + 1,
+                endColumn: 1
               }
         )
         .filter(Boolean)
@@ -447,7 +450,10 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 12 spaces but found 10 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 11
           }
         ]
       },
@@ -472,7 +478,10 @@ tester.run(
         errors: [
           {
             message: String.raw`Expected " " character, but found "\t" character.`,
-            line: 3
+            line: 3,
+            column: 3,
+            endLine: 3,
+            endColumn: 4
           }
         ]
       },
@@ -496,7 +505,10 @@ tester.run(
         errors: [
           {
             message: String.raw`Expected "\t" character, but found " " character.`,
-            line: 3
+            line: 3,
+            column: 2,
+            endLine: 3,
+            endColumn: 3
           }
         ]
       },
@@ -527,27 +539,45 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 5
+            line: 5,
+            column: 1,
+            endLine: 5,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 6
+            line: 6,
+            column: 1,
+            endLine: 6,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 7
+            line: 7,
+            column: 1,
+            endLine: 7,
+            endColumn: 1
           }
         ]
       },
@@ -576,11 +606,17 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 4 spaces but found 2 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 3
           },
           {
             message: 'Expected indentation of 4 spaces but found 2 spaces.',
-            line: 6
+            line: 6,
+            column: 1,
+            endLine: 6,
+            endColumn: 3
           }
         ]
       },
@@ -609,23 +645,38 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 5
+            line: 5,
+            column: 1,
+            endLine: 5,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 6
+            line: 6,
+            column: 1,
+            endLine: 6,
+            endColumn: 1
           }
         ]
       },
@@ -654,19 +705,31 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 7
+            line: 7,
+            column: 1,
+            endLine: 7,
+            endColumn: 1
           }
         ]
       },
@@ -699,7 +762,10 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 4 spaces but found 8 spaces.',
-            line: 5
+            line: 5,
+            column: 1,
+            endLine: 5,
+            endColumn: 9
           }
         ]
       },
@@ -735,15 +801,24 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 8 spaces but found 6 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 7
           },
           {
             message: 'Expected indentation of 12 spaces but found 8 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 9
           },
           {
             message: 'Expected indentation of 12 spaces but found 8 spaces.',
-            line: 6
+            line: 6,
+            column: 1,
+            endLine: 6,
+            endColumn: 9
           }
         ]
       },
@@ -776,15 +851,24 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 1
           }
         ]
       },
@@ -823,31 +907,52 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 6 spaces but found 0 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 6 spaces but found 0 spaces.',
-            line: 5
+            line: 5,
+            column: 1,
+            endLine: 5,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 6 spaces but found 0 spaces.',
-            line: 6
+            line: 6,
+            column: 1,
+            endLine: 6,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 7
+            line: 7,
+            column: 1,
+            endLine: 7,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 8
+            line: 8,
+            column: 1,
+            endLine: 8,
+            endColumn: 1
           }
         ]
       },
@@ -886,31 +991,52 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 3
+            line: 3,
+            column: 1,
+            endLine: 3,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 6 spaces but found 0 spaces.',
-            line: 4
+            line: 4,
+            column: 1,
+            endLine: 4,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 6 spaces but found 0 spaces.',
-            line: 5
+            line: 5,
+            column: 1,
+            endLine: 5,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 6 spaces but found 0 spaces.',
-            line: 6
+            line: 6,
+            column: 1,
+            endLine: 6,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 4 spaces but found 0 spaces.',
-            line: 7
+            line: 7,
+            column: 1,
+            endLine: 7,
+            endColumn: 1
           },
           {
             message: 'Expected indentation of 2 spaces but found 0 spaces.',
-            line: 8
+            line: 8,
+            column: 1,
+            endLine: 8,
+            endColumn: 1
           }
         ]
       },
@@ -932,7 +1058,10 @@ tester.run(
         errors: [
           {
             message: String.raw`Expected "\t" character, but found " " character.`,
-            line: 2
+            line: 2,
+            column: 2,
+            endLine: 2,
+            endColumn: 3
           }
         ]
       },
@@ -951,7 +1080,10 @@ tester.run(
         errors: [
           {
             message: 'Expected indentation of 2 spaces but found 4 spaces.',
-            line: 2
+            line: 2,
+            column: 1,
+            endLine: 2,
+            endColumn: 5
           }
         ]
       }

From d2b201a20973c91f0076f443987664045275f744 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 30 Jul 2025 04:39:59 +0200
Subject: [PATCH 0951/1010] test(max-len): make tests more strict (#2847)

---
 tests/lib/rules/max-len.js | 313 +++++++++++++++++++++++++------------
 1 file changed, 217 insertions(+), 96 deletions(-)

diff --git a/tests/lib/rules/max-len.js b/tests/lib/rules/max-len.js
index ac634ff75..d2df6e62a 100644
--- a/tests/lib/rules/max-len.js
+++ b/tests/lib/rules/max-len.js
@@ -311,11 +311,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -328,11 +330,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -346,11 +350,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 121. Maximum allowed is 120.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message: 'This line has a length of 121. Maximum allowed is 120.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -364,11 +370,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 121. Maximum allowed is 120.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -381,7 +389,8 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 121. Maximum allowed is 120.',
-          line: 2
+          line: 2,
+          column: 1
         }
       ]
     },
@@ -394,7 +403,8 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 121. Maximum allowed is 120.',
-          line: 2
+          line: 2,
+          column: 1
         }
       ]
     },
@@ -417,15 +427,18 @@ export default { name: 'fooooooooooooooooooooooooooooooooooooooooooooooooooooooo
       errors: [
         {
           message: 'This line has a length of 82. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 84. Maximum allowed is 80.',
-          line: 5
+          line: 5,
+          column: 1
         },
         {
           message: 'This line has a length of 94. Maximum allowed is 80.',
-          line: 10
+          line: 10,
+          column: 1
         }
       ]
     },
@@ -453,43 +466,53 @@ var b /* comment */ // trailing comments .......................................
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 6
+          line: 6,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 7
+          line: 7,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 9
+          line: 9,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 10
+          line: 10,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 11
+          line: 11,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 14
+          line: 14,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 15
+          line: 15,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 16
+          line: 16,
+          column: 1
         }
       ]
     },
@@ -516,43 +539,53 @@ var b /* comment */ // trailing comments .......................................
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 5
+          line: 5,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 11
+          line: 11,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 12
+          line: 12,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 13
+          line: 13,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 14
+          line: 14,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 15
+          line: 15,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 16
+          line: 16,
+          column: 1
         }
       ]
     },
@@ -581,7 +614,8 @@ var b /* comment */ // trailing comments .......................................
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 10
+          line: 10,
+          column: 1
         }
       ]
     },
@@ -609,7 +643,8 @@ var b /* comment */ // trailing comments .......................................
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 15
+          line: 15,
+          column: 1
         }
       ]
     },
@@ -638,19 +673,23 @@ var b /* comment */ // trailing comments .......................................
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 10
+          line: 10,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 16
+          line: 16,
+          column: 1
         }
       ]
     },
@@ -678,19 +717,23 @@ var b /* comment */ // trailing comments .......................................
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 5
+          line: 5,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 13
+          line: 13,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 15
+          line: 15,
+          column: 1
         }
       ]
     },
@@ -709,11 +752,13 @@ var a = 'https://www.example.com/long/long/long/long/long/long/long/long/long/lo
       errors: [
         {
           message: 'This line has a length of 89. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 83. Maximum allowed is 80.',
-          line: 7
+          line: 7,
+          column: 1
         }
       ]
     },
@@ -731,11 +776,13 @@ var a = 'https://www.example.com/long/long/long/long/long/long/long/long/long/lo
       errors: [
         {
           message: 'This line has a length of 83. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 89. Maximum allowed is 80.',
-          line: 6
+          line: 6,
+          column: 1
         }
       ]
     },
@@ -760,19 +807,23 @@ var a = 'str-loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 6
+          line: 6,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 13
+          line: 13,
+          column: 1
         }
       ]
     },
@@ -796,19 +847,23 @@ var a = 'str-loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 6
+          line: 6,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 9
+          line: 9,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 11
+          line: 11,
+          column: 1
         }
       ]
     },
@@ -834,7 +889,8 @@ var a = 'str-loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -859,7 +915,8 @@ var a = 'str-loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 6
+          line: 6,
+          column: 1
         }
       ]
     },
@@ -882,19 +939,23 @@ var b = \`template-looooooooooooooooooooooooooooooooooooooooooooooooooooooooooon
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 5
+          line: 5,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 10
+          line: 10,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 11
+          line: 11,
+          column: 1
         }
       ]
     },
@@ -916,19 +977,23 @@ var b = \`template-looooooooooooooooooooooooooooooooooooooooooooooooooooooooooon
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 9
+          line: 9,
+          column: 1
         }
       ]
     },
@@ -952,11 +1017,13 @@ var b = \`template-looooooooooooooooooooooooooooooooooooooooooooooooooooooooooon
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 10
+          line: 10,
+          column: 1
         }
       ]
     },
@@ -979,11 +1046,13 @@ var b = \`template-looooooooooooooooooooooooooooooooooooooooooooooooooooooooooon
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 8
+          line: 8,
+          column: 1
         }
       ]
     },
@@ -1004,11 +1073,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 9
+          line: 9,
+          column: 1
         }
       ]
     },
@@ -1028,11 +1099,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 7
+          line: 7,
+          column: 1
         }
       ]
     },
@@ -1048,7 +1121,8 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -1066,11 +1140,13 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message: 'This line has a length of 88. Maximum allowed is 80.',
-          line: 5
+          line: 5,
+          column: 1
         }
       ]
     },
@@ -1079,32 +1155,62 @@ var a = /regexploooooooooooooooooooooooooooooooooooooooooooooooooooooong/.test(b
       filename: 'test.vue',
       code: `<template><div> 41 cols </div></template>`,
       options: [40],
-      errors: ['This line has a length of 41. Maximum allowed is 40.']
+      errors: [
+        {
+          message: 'This line has a length of 41. Maximum allowed is 40.',
+          line: 1,
+          column: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `<template><div> 41 cols </div></template>`,
       options: [{ code: 40 }],
-      errors: ['This line has a length of 41. Maximum allowed is 40.']
+      errors: [
+        {
+          message: 'This line has a length of 41. Maximum allowed is 40.',
+          line: 1,
+          column: 1
+        }
+      ]
     },
     // tabWidth
     {
       filename: 'test.vue',
       code: `<template><div>\t41\tcols\t</div></template>`,
       options: [40, 4],
-      errors: ['This line has a length of 45. Maximum allowed is 40.']
+      errors: [
+        {
+          message: 'This line has a length of 45. Maximum allowed is 40.',
+          line: 1,
+          column: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `<template><div>\t41\tcols\t</div></template>`,
       options: [{ code: 40, tabWidth: 4 }],
-      errors: ['This line has a length of 45. Maximum allowed is 40.']
+      errors: [
+        {
+          message: 'This line has a length of 45. Maximum allowed is 40.',
+          line: 1,
+          column: 1
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: `<template><div>\t41\tcols\t</div></template>`,
       options: [{ code: 40, tabWidth: 3 }],
-      errors: ['This line has a length of 44. Maximum allowed is 40.']
+      errors: [
+        {
+          message: 'This line has a length of 44. Maximum allowed is 40.',
+          line: 1,
+          column: 1
+        }
+      ]
     },
     // comments
     {
@@ -1130,27 +1236,32 @@ var a;  // 41 cols comment                      *
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 4
+          line: 4,
+          column: 1
         },
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 9
+          line: 9,
+          column: 1
         },
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 12
+          line: 12,
+          column: 1
         },
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 13
+          line: 13,
+          column: 1
         }
       ]
     },
@@ -1166,15 +1277,18 @@ var b = \`81 columns
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         }
       ]
     },
@@ -1189,11 +1303,13 @@ var b = \`81 columns
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 4
+          line: 4,
+          column: 1
         }
       ]
     },
@@ -1208,11 +1324,13 @@ var b = \`81 columns
       errors: [
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message: 'This line has a length of 81. Maximum allowed is 80.',
-          line: 3
+          line: 3,
+          column: 1
         }
       ]
     },
@@ -1230,17 +1348,20 @@ var b = \`81 columns
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 2
+          line: 2,
+          column: 1
         },
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 3
+          line: 3,
+          column: 1
         },
         {
           message:
             'This line has a comment length of 41. Maximum allowed is 40.',
-          line: 4
+          line: 4,
+          column: 1
         }
       ]
     }

From 02890f3d2341c42e41df78ff789c5d85fbf4d270 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Thu, 31 Jul 2025 11:10:40 +0800
Subject: [PATCH 0952/1010] Add `vue/no-negated-v-if-condition` rule (#2794)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/early-worlds-reply.md             |   5 +
 docs/rules/index.md                          |   2 +
 docs/rules/no-negated-condition.md           |   1 +
 docs/rules/no-negated-v-if-condition.md      |  64 ++++
 lib/index.js                                 |   1 +
 lib/rules/no-negated-v-if-condition.js       | 204 ++++++++++++
 tests/lib/rules/no-negated-v-if-condition.js | 327 +++++++++++++++++++
 7 files changed, 604 insertions(+)
 create mode 100644 .changeset/early-worlds-reply.md
 create mode 100644 docs/rules/no-negated-v-if-condition.md
 create mode 100644 lib/rules/no-negated-v-if-condition.js
 create mode 100644 tests/lib/rules/no-negated-v-if-condition.js

diff --git a/.changeset/early-worlds-reply.md b/.changeset/early-worlds-reply.md
new file mode 100644
index 000000000..8a269de33
--- /dev/null
+++ b/.changeset/early-worlds-reply.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Added new [`vue/no-negated-v-if-condition`](https://eslint.vuejs.org/rules/no-negated-v-if-condition.html) rule
diff --git a/docs/rules/index.md b/docs/rules/index.md
index 34462fba0..26542db38 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -237,6 +237,7 @@ For example:
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
 | [vue/no-import-compiler-macros] | disallow importing Vue compiler macros | :wrench: | :warning: |
 | [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
+| [vue/no-negated-v-if-condition] | disallow negated conditions in v-if/v-else | :bulb: | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-restricted-block] | disallow specific block |  | :hammer: |
@@ -484,6 +485,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-multiple-template-root]: ./no-multiple-template-root.md
 [vue/no-mutating-props]: ./no-mutating-props.md
 [vue/no-negated-condition]: ./no-negated-condition.md
+[vue/no-negated-v-if-condition]: ./no-negated-v-if-condition.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 [vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
 [vue/no-ref-as-operand]: ./no-ref-as-operand.md
diff --git a/docs/rules/no-negated-condition.md b/docs/rules/no-negated-condition.md
index e389172ae..fa183bee7 100644
--- a/docs/rules/no-negated-condition.md
+++ b/docs/rules/no-negated-condition.md
@@ -17,6 +17,7 @@ This rule is the same rule as core [no-negated-condition] rule but it applies to
 
 ## :couple: Related Rules
 
+- [`vue/no-negated-v-if-condition`](https://eslint.vuejs.org/rules/no-negated-v-if-condition.html)
 - [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
 
 ## :books: Further Reading
diff --git a/docs/rules/no-negated-v-if-condition.md b/docs/rules/no-negated-v-if-condition.md
new file mode 100644
index 000000000..0b65a2fb3
--- /dev/null
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -0,0 +1,64 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-negated-v-if-condition
+description: disallow negated conditions in v-if/v-else
+---
+
+# vue/no-negated-v-if-condition
+
+> disallow negated conditions in v-if/v-else
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule disallows negated conditions in `v-if` and `v-else-if` directives which have an `v-else` branch.
+
+Negated conditions make the code less readable. When there's an `else` clause, it's better to use a positive condition and switch the branches.
+
+<eslint-code-block :rules="{'vue/no-negated-v-if-condition': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-if="foo">First</div>
+  <div v-else>Second</div>
+
+  <div v-if="!foo">First</div>
+  <div v-else-if="bar">Second</div>
+
+  <div v-if="!foo">Content</div>
+
+  <div v-if="a !== b">Not equal</div>
+
+  <!-- ✗ BAD -->
+  <div v-if="!foo">First</div>
+  <div v-else>Second</div>
+
+  <div v-if="a !== b">First</div>
+  <div v-else>Second</div>
+
+  <div v-if="foo">First</div>
+  <div v-else-if="!bar">Second</div>
+  <div v-else>Third</div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [no-negated-condition](https://eslint.org/docs/latest/rules/no-negated-condition)
+- [vue/no-negated-condition](https://eslint.vuejs.org/rules/no-negated-condition.html)
+- [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-v-if-condition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-negated-v-if-condition.js)
diff --git a/lib/index.js b/lib/index.js
index bfc35b11a..9b006f9f9 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -142,6 +142,7 @@ const plugin = {
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
     'no-negated-condition': require('./rules/no-negated-condition'),
+    'no-negated-v-if-condition': require('./rules/no-negated-v-if-condition'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
diff --git a/lib/rules/no-negated-v-if-condition.js b/lib/rules/no-negated-v-if-condition.js
new file mode 100644
index 000000000..73ee877c0
--- /dev/null
+++ b/lib/rules/no-negated-v-if-condition.js
@@ -0,0 +1,204 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @typedef { VDirective & { value: (VExpressionContainer & { expression: Expression | null } ) | null  } } VIfDirective
+ */
+
+/**
+ * @param {Expression} expression
+ * @returns {boolean}
+ */
+function isNegatedExpression(expression) {
+  return (
+    (expression.type === 'UnaryExpression' && expression.operator === '!') ||
+    (expression.type === 'BinaryExpression' &&
+      (expression.operator === '!=' || expression.operator === '!=='))
+  )
+}
+
+/**
+ * @param {VElement} node
+ * @returns {VElement|null}
+ */
+function getNextSibling(node) {
+  if (!node.parent?.children) {
+    return null
+  }
+
+  const siblings = node.parent.children
+  const currentIndex = siblings.indexOf(node)
+
+  for (let i = currentIndex + 1; i < siblings.length; i++) {
+    const sibling = siblings[i]
+    if (sibling.type === 'VElement') {
+      return sibling
+    }
+  }
+
+  return null
+}
+
+/**
+ * @param {VElement} element
+ * @returns {boolean}
+ */
+function isDirectlyFollowedByElse(element) {
+  const nextElement = getNextSibling(element)
+  return nextElement ? utils.hasDirective(nextElement, 'else') : false
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow negated conditions in v-if/v-else',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-negated-v-if-condition.html'
+    },
+    fixable: null,
+    hasSuggestions: true,
+    schema: [],
+    messages: {
+      negatedCondition: 'Unexpected negated condition in v-if with v-else.',
+      fixNegatedCondition:
+        'Convert to positive condition and swap if/else blocks.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const sourceCode = context.getSourceCode()
+    const templateTokens =
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
+
+    /**
+     * @param {VIfDirective} node
+     */
+    function checkNegatedCondition(node) {
+      if (!node.value?.expression) {
+        return
+      }
+
+      const expression = node.value.expression
+      const element = node.parent.parent
+
+      if (
+        !isNegatedExpression(expression) ||
+        !isDirectlyFollowedByElse(element)
+      ) {
+        return
+      }
+
+      const elseElement = getNextSibling(element)
+      if (!elseElement) {
+        return
+      }
+
+      context.report({
+        node: expression,
+        messageId: 'negatedCondition',
+        suggest: [
+          {
+            messageId: 'fixNegatedCondition',
+            *fix(fixer) {
+              yield* convertNegatedCondition(fixer, expression)
+              yield* swapElementContents(fixer, element, elseElement)
+            }
+          }
+        ]
+      })
+    }
+
+    /**
+     * @param {RuleFixer} fixer
+     * @param {Expression} expression
+     */
+    function* convertNegatedCondition(fixer, expression) {
+      if (
+        expression.type === 'UnaryExpression' &&
+        expression.operator === '!'
+      ) {
+        const token = templateTokens.getFirstToken(expression)
+        if (token?.type === 'Punctuator' && token.value === '!') {
+          yield fixer.remove(token)
+        }
+        return
+      }
+
+      if (expression.type === 'BinaryExpression') {
+        const operatorToken = templateTokens.getTokenAfter(
+          expression.left,
+          (token) =>
+            token?.type === 'Punctuator' && token.value === expression.operator
+        )
+
+        if (!operatorToken) return
+
+        if (expression.operator === '!=') {
+          yield fixer.replaceText(operatorToken, '==')
+        } else if (expression.operator === '!==') {
+          yield fixer.replaceText(operatorToken, '===')
+        }
+      }
+    }
+
+    /**
+     * @param {VElement} element
+     * @returns {string}
+     */
+    function getElementContent(element) {
+      if (element.children.length === 0 || !element.endTag) {
+        return ''
+      }
+
+      const contentStart = element.startTag.range[1]
+      const contentEnd = element.endTag.range[0]
+
+      return sourceCode.text.slice(contentStart, contentEnd)
+    }
+
+    /**
+     * @param {RuleFixer} fixer
+     * @param {VElement} ifElement
+     * @param {VElement} elseElement
+     */
+    function* swapElementContents(fixer, ifElement, elseElement) {
+      if (!ifElement.endTag || !elseElement.endTag) {
+        return
+      }
+
+      const ifContent = getElementContent(ifElement)
+      const elseContent = getElementContent(elseElement)
+
+      if (ifContent === elseContent) {
+        return
+      }
+
+      yield fixer.replaceTextRange(
+        [ifElement.startTag.range[1], ifElement.endTag.range[0]],
+        elseContent
+      )
+      yield fixer.replaceTextRange(
+        [elseElement.startTag.range[1], elseElement.endTag.range[0]],
+        ifContent
+      )
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VIfDirective} node */
+      "VAttribute[directive=true][key.name.name='if']"(node) {
+        checkNegatedCondition(node)
+      },
+      /** @param {VIfDirective} node */
+      "VAttribute[directive=true][key.name.name='else-if']"(node) {
+        checkNegatedCondition(node)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-negated-v-if-condition.js b/tests/lib/rules/no-negated-v-if-condition.js
new file mode 100644
index 000000000..ee60562ea
--- /dev/null
+++ b/tests/lib/rules/no-negated-v-if-condition.js
@@ -0,0 +1,327 @@
+/**
+ * @author Wayne Zhang
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/no-negated-v-if-condition')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-negated-v-if-condition', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo">Content</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo">First</div>
+        <div v-if="bar">Second</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo">Content</div>
+        <div v-else-if="bar">Alternative</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo">First</div>
+        <div v-else-if="!bar">Second</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a != b">Not equal</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a !== b">Strictly not equal</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a != b">Not equal</div>
+        <div v-else-if="c">Alternative</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a !== b">Strictly not equal</div>
+        <div v-else-if="c">Alternative</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo">First</div>
+        <div v-else-if="!bar">Second</div>
+        <div v-else-if="baz">Third</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!a">First</div>
+        <div v-else-if="b">Second</div>
+        <div v-else>Default</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo">Positive</div>
+        <div v-else>Negative</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo">First</div>
+        <div v-else-if="bar">Second</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo && bar">Both true</div>
+        <div v-else>Otherwise</div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo">
+          <span v-if="!bar">Nested content</span>
+        </div>
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo">Content</div>
+        <div v-else>Alternative</div>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 24,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="foo">Alternative</div>
+        <div v-else>Content</div>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!(foo && bar)">Negated condition</div>
+        <div v-else>Otherwise</div>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="(foo && bar)">Otherwise</div>
+        <div v-else>Negated condition</div>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a != b">Not equal</div>
+        <div v-else>Equal</div>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 26,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="a == b">Equal</div>
+        <div v-else>Not equal</div>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a !== b">Strictly not equal</div>
+        <div v-else>Strictly equal</div>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 27,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="a === b">Strictly equal</div>
+        <div v-else>Strictly not equal</div>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo">First</div>
+        <div v-else-if="!bar">Second</div>
+        <div v-else>Default</div>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 29,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="foo">First</div>
+        <div v-else-if="bar">Default</div>
+        <div v-else>Second</div>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!a">First</div>
+        <div v-else-if="!b">Second</div>
+        <div v-else>Default</div>
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 27,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="!a">First</div>
+        <div v-else-if="b">Default</div>
+        <div v-else>Second</div>
+      </template>
+      `
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})

From 60c78480661a55e2e42b79623b2a7db2231a4570 Mon Sep 17 00:00:00 2001
From: 2nofa11 <47783146+2nofa11@users.noreply.github.com>
Date: Thu, 31 Jul 2025 12:24:28 +0900
Subject: [PATCH 0953/1010] Migrate from Mocha to Vitest (#2789)

---
 .vscode/launch.json                        | 14 ++++++++--
 eslint.config.mjs                          |  2 +-
 package.json                               | 15 +++++-----
 tests/.eslintrc.json                       |  5 ----
 tests/integrations/eslint-plugin-import.js | 14 +++-------
 tests/integrations/flat-config.js          | 13 +++------
 vitest.config.ts                           | 32 ++++++++++++++++++++++
 7 files changed, 59 insertions(+), 36 deletions(-)
 delete mode 100644 tests/.eslintrc.json
 create mode 100644 vitest.config.ts

diff --git a/.vscode/launch.json b/.vscode/launch.json
index 2fa4db9b2..171c80066 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -5,9 +5,17 @@
       "type": "node",
       "request": "launch",
       "name": "Start testing",
-      "program": "${workspaceFolder}/node_modules/.bin/mocha",
-      "args": ["${file}", "--watch"],
+      "program": "${workspaceFolder}/node_modules/.bin/vitest",
+      "args": ["run", "${file}", "--reporter=verbose"],
+      "console": "integratedTerminal"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Start testing (watch)",
+      "program": "${workspaceFolder}/node_modules/.bin/vitest",
+      "args": ["${file}", "--reporter=verbose"],
       "console": "integratedTerminal"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 9cd54f623..1de2500f4 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -77,7 +77,7 @@ export default typegen([
       globals: {
         ...globals.es6,
         ...globals.node,
-        ...globals.mocha
+        ...globals.vitest
       }
     },
     linterOptions: {
diff --git a/package.json b/package.json
index a473deb46..5bd188f01 100644
--- a/package.json
+++ b/package.json
@@ -7,13 +7,13 @@
   "scripts": {
     "new": "node tools/new-rule.js",
     "start": "npm run test:base -- --watch --growl",
-    "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
-    "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
-    "test:integrations": "mocha \"tests/integrations/*.js\" --timeout 60000",
-    "debug": "mocha --inspect \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
+    "test:base": "vitest run --reporter=dot tests/lib",
+    "test": "vitest run",
+    "test:integrations": "vitest run tests/integrations",
+    "debug": "vitest run --inspect --no-file-parallelism --reporter=dot tests/lib",
     "cover": "npm run cover:test && npm run cover:report",
-    "cover:test": "nyc npm run test:base -- --timeout 60000",
-    "cover:report": "nyc report --reporter=html",
+    "cover:test": "vitest run --coverage --reporter=dot tests/lib",
+    "cover:report": "echo 'HTML coverage report available at ./coverage/index.html'",
     "lint": "eslint . && markdownlint \"**/*.md\"",
     "lint:fix": "eslint . --fix && markdownlint \"**/*.md\" --fix",
     "tsc": "tsc",
@@ -87,6 +87,7 @@
     "@types/xml-name-validator": "^4.0.3",
     "@typescript-eslint/parser": "^8.35.1",
     "@typescript-eslint/types": "^8.35.1",
+    "@vitest/coverage-v8": "^3.2.4",
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
     "esbuild": "^0.24.0",
@@ -106,8 +107,6 @@
     "globals": "^15.14.0",
     "jsdom": "^22.0.0",
     "markdownlint-cli": "^0.42.0",
-    "mocha": "^10.7.3",
-    "nyc": "^17.1.0",
     "pathe": "^1.1.2",
     "prettier": "^3.3.3",
     "typescript": "^5.7.2",
diff --git a/tests/.eslintrc.json b/tests/.eslintrc.json
deleted file mode 100644
index 7eeefc33b..000000000
--- a/tests/.eslintrc.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "env": {
-    "mocha": true
-  }
-}
diff --git a/tests/integrations/eslint-plugin-import.js b/tests/integrations/eslint-plugin-import.js
index 4e26508ce..6f4be7acf 100644
--- a/tests/integrations/eslint-plugin-import.js
+++ b/tests/integrations/eslint-plugin-import.js
@@ -9,18 +9,12 @@ const cp = require('child_process')
 const path = require('path')
 const semver = require('semver')
 
+const PLUGIN_DIR = path.join(__dirname, 'eslint-plugin-import')
 const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
 
 describe('Integration with eslint-plugin-import', () => {
-  let originalCwd
-
-  before(() => {
-    originalCwd = process.cwd()
-    process.chdir(path.join(__dirname, 'eslint-plugin-import'))
-    cp.execSync('npm i', { stdio: 'inherit' })
-  })
-  after(() => {
-    process.chdir(originalCwd)
+  beforeAll(() => {
+    cp.execSync('npm i', { cwd: PLUGIN_DIR, stdio: 'inherit' })
   })
 
   // https://github.com/vuejs/eslint-plugin-vue/issues/21#issuecomment-308957697
@@ -41,6 +35,6 @@ describe('Integration with eslint-plugin-import', () => {
       return
     }
 
-    cp.execSync(`${ESLINT} a.vue`, { stdio: 'inherit' })
+    cp.execSync(`${ESLINT} a.vue`, { cwd: PLUGIN_DIR, stdio: 'inherit' })
   })
 })
diff --git a/tests/integrations/flat-config.js b/tests/integrations/flat-config.js
index df5190021..9dd2f2ad8 100644
--- a/tests/integrations/flat-config.js
+++ b/tests/integrations/flat-config.js
@@ -5,18 +5,12 @@ const cp = require('child_process')
 const path = require('path')
 const semver = require('semver')
 
+const TARGET_DIR = path.join(__dirname, 'flat-config')
 const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
 
 describe('Integration with flat config', () => {
-  let originalCwd
-
-  before(() => {
-    originalCwd = process.cwd()
-    process.chdir(path.join(__dirname, 'flat-config'))
-    cp.execSync('npm i -f', { stdio: 'inherit' })
-  })
-  after(() => {
-    process.chdir(originalCwd)
+  beforeAll(() => {
+    cp.execSync('npm i -f', { cwd: TARGET_DIR, stdio: 'inherit' })
   })
 
   it('should lint without errors', () => {
@@ -33,6 +27,7 @@ describe('Integration with flat config', () => {
 
     const result = JSON.parse(
       cp.execSync(`${ESLINT} a.vue --format=json`, {
+        cwd: TARGET_DIR,
         encoding: 'utf8'
       })
     )
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 000000000..eeef751d6
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,32 @@
+
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+  test: {
+    include: [
+      'tests/lib/**/*.js',
+      'tests/integrations/**/*.js'
+    ],
+    exclude: [
+      '**/node_modules/**',
+      '**/dist/**',
+      'tests/fixtures/**',
+      'tests/integrations/flat-config/eslint.config.js',
+      'tests/lib/rules/no-unsupported-features/utils.js'
+    ],
+    testTimeout: 60_000,
+    globals: true,
+    coverage: {
+      provider: 'v8',
+      include: ['lib/**/*.js'],
+      exclude: [
+        'tests/**',
+        'dist/**',
+        'tools/**',
+        'node_modules/**'
+      ],
+      reporter: ['text', 'lcov', 'json-summary', 'html'],
+      all: true,
+      reportsDirectory: './coverage'
+    },
+  },
+});

From 158a085a8ab10b21ecb863137c9d04f850af4a97 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:20:13 +0200
Subject: [PATCH 0954/1010] test(new-line-between-multi-line-property): make
 tests more strict (#2858)

---
 .../new-line-between-multi-line-property.js   | 90 +++++++++++++++----
 1 file changed, 72 insertions(+), 18 deletions(-)

diff --git a/tests/lib/rules/new-line-between-multi-line-property.js b/tests/lib/rules/new-line-between-multi-line-property.js
index dc220e47b..4377cf397 100644
--- a/tests/lib/rules/new-line-between-multi-line-property.js
+++ b/tests/lib/rules/new-line-between-multi-line-property.js
@@ -160,7 +160,10 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 13
+          line: 13,
+          column: 12,
+          endLine: 14,
+          endColumn: 11
         }
       ]
     },
@@ -271,12 +274,18 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 18
+          line: 18,
+          column: 10,
+          endLine: 19,
+          endColumn: 9
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 33
+          line: 33,
+          column: 10,
+          endLine: 34,
+          endColumn: 9
         }
       ]
     },
@@ -327,7 +336,10 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 13
+          line: 13,
+          column: 12,
+          endLine: 14,
+          endColumn: 11
         }
       ]
     },
@@ -380,7 +392,10 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 13
+          line: 13,
+          column: 12,
+          endLine: 15,
+          endColumn: 11
         }
       ]
     },
@@ -443,7 +458,10 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 14
+          line: 14,
+          column: 12,
+          endLine: 19,
+          endColumn: 11
         }
       ]
     },
@@ -522,17 +540,26 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 8
+          line: 8,
+          column: 12,
+          endLine: 9,
+          endColumn: 11
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 12
+          line: 12,
+          column: 12,
+          endLine: 13,
+          endColumn: 11
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 15
+          line: 15,
+          column: 10,
+          endLine: 16,
+          endColumn: 9
         }
       ]
     },
@@ -614,17 +641,26 @@ ruleTester.run('new-line-between-multi-line-property', rule, {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 8
+          line: 8,
+          column: 12,
+          endLine: 10,
+          endColumn: 11
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 13
+          line: 13,
+          column: 12,
+          endLine: 14,
+          endColumn: 11
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 16
+          line: 16,
+          column: 10,
+          endLine: 17,
+          endColumn: 9
         }
       ]
     },
@@ -652,7 +688,10 @@ emits: {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 5
+          line: 5,
+          column: 10,
+          endLine: 5,
+          endColumn: 11
         }
       ]
     },
@@ -681,7 +720,10 @@ emits: {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 5
+          line: 5,
+          column: 10,
+          endLine: 6,
+          endColumn: 10
         }
       ]
     },
@@ -731,17 +773,26 @@ emits: {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 5
+          line: 5,
+          column: 10,
+          endLine: 6,
+          endColumn: 15
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 10
+          line: 10,
+          column: 10,
+          endLine: 10,
+          endColumn: 21
         },
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 14
+          line: 14,
+          column: 10,
+          endLine: 15,
+          endColumn: 14
         }
       ]
     },
@@ -772,7 +823,10 @@ emits: {
         {
           message:
             'Enforce new lines between multi-line properties in Vue components.',
-          line: 5
+          line: 5,
+          column: 10,
+          endLine: 7,
+          endColumn: 9
         }
       ]
     }

From 28e9bf45738064610ec511e22fbe63cfba9d528b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:20:48 +0200
Subject: [PATCH 0955/1010] test(no-arrow-functions-in-watch): make tests more
 strict (#2860)

---
 .../lib/rules/no-arrow-functions-in-watch.js  | 40 +++++++++++++++----
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/tests/lib/rules/no-arrow-functions-in-watch.js b/tests/lib/rules/no-arrow-functions-in-watch.js
index a76de6ad0..454926e89 100644
--- a/tests/lib/rules/no-arrow-functions-in-watch.js
+++ b/tests/lib/rules/no-arrow-functions-in-watch.js
@@ -131,7 +131,15 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
           foo: () => {}
         },
       }`,
-      errors: ['You should not use an arrow function to define a watcher.']
+      errors: [
+        {
+          message: 'You should not use an arrow function to define a watcher.',
+          line: 4,
+          column: 16,
+          endLine: 4,
+          endColumn: 24
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -145,7 +153,10 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
       errors: [
         {
           message: 'You should not use an arrow function to define a watcher.',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 24
         }
       ]
     },
@@ -161,7 +172,10 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
       errors: [
         {
           message: 'You should not use an arrow function to define a watcher.',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 24
         }
       ]
     },
@@ -207,7 +221,10 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
       errors: [
         {
           message: 'You should not use an arrow function to define a watcher.',
-          line: 15
+          line: 15,
+          column: 14,
+          endLine: 17,
+          endColumn: 12
         }
       ]
     },
@@ -227,7 +244,10 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
       errors: [
         {
           message: 'You should not use an arrow function to define a watcher.',
-          line: 8
+          line: 8,
+          column: 22,
+          endLine: 8,
+          endColumn: 30
         }
       ]
     },
@@ -248,11 +268,17 @@ ruleTester.run('no-arrow-functions-in-watch', rule, {
       errors: [
         {
           message: 'You should not use an arrow function to define a watcher.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 43
         },
         {
           message: 'You should not use an arrow function to define a watcher.',
-          line: 8
+          line: 8,
+          column: 24,
+          endLine: 8,
+          endColumn: 54
         }
       ]
     }

From 14a9e8e4efdd0cd17aeb0bcb8912d298d22c8156 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:22:48 +0200
Subject: [PATCH 0956/1010] test(no-boolean-default): make tests more strict
 (#2862)

---
 tests/lib/rules/no-boolean-default.js | 50 +++++++++++++++++++++------
 1 file changed, 40 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/no-boolean-default.js b/tests/lib/rules/no-boolean-default.js
index 98524760c..c3132a5fd 100644
--- a/tests/lib/rules/no-boolean-default.js
+++ b/tests/lib/rules/no-boolean-default.js
@@ -358,7 +358,10 @@ ruleTester.run('no-boolean-default', rule, {
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
-          line: 6
+          line: 6,
+          column: 24,
+          endLine: 6,
+          endColumn: 28
         }
       ]
     },
@@ -378,7 +381,10 @@ ruleTester.run('no-boolean-default', rule, {
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
-          line: 6
+          line: 6,
+          column: 24,
+          endLine: 6,
+          endColumn: 28
         }
       ]
     },
@@ -399,7 +405,10 @@ ruleTester.run('no-boolean-default', rule, {
         {
           message:
             'Boolean prop should not set a default (Vue defaults it to false).',
-          line: 6
+          line: 6,
+          column: 24,
+          endLine: 6,
+          endColumn: 29
         }
       ]
     },
@@ -420,7 +429,10 @@ ruleTester.run('no-boolean-default', rule, {
         {
           message:
             'Boolean prop should not set a default (Vue defaults it to false).',
-          line: 6
+          line: 6,
+          column: 24,
+          endLine: 6,
+          endColumn: 28
         }
       ]
     },
@@ -441,7 +453,10 @@ ruleTester.run('no-boolean-default', rule, {
         {
           message:
             'Boolean prop should not set a default (Vue defaults it to false).',
-          line: 6
+          line: 6,
+          column: 20,
+          endLine: 6,
+          endColumn: 25
         }
       ]
     },
@@ -462,7 +477,10 @@ ruleTester.run('no-boolean-default', rule, {
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
-          line: 6
+          line: 6,
+          column: 20,
+          endLine: 6,
+          endColumn: 24
         }
       ]
     },
@@ -494,7 +512,10 @@ ruleTester.run('no-boolean-default', rule, {
               {
                 message:
                   'Boolean prop should not set a default (Vue defaults it to false).',
-                line: 7
+                line: 7,
+                column: 14,
+                endLine: 7,
+                endColumn: 19
               }
             ]
           },
@@ -520,7 +541,10 @@ ruleTester.run('no-boolean-default', rule, {
             errors: [
               {
                 message: 'Boolean prop should only be defaulted to false.',
-                line: 7
+                line: 7,
+                column: 14,
+                endLine: 7,
+                endColumn: 18
               }
             ]
           }
@@ -539,7 +563,10 @@ ruleTester.run('no-boolean-default', rule, {
         {
           message:
             'Boolean prop should not set a default (Vue defaults it to false).',
-          line: 3
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 25
         }
       ]
     },
@@ -557,7 +584,10 @@ ruleTester.run('no-boolean-default', rule, {
       errors: [
         {
           message: 'Boolean prop should only be defaulted to false.',
-          line: 3
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     }

From 52bd588cce044ac6582040f2773e3e265c275ee9 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:23:10 +0200
Subject: [PATCH 0957/1010] test(no-child-content): make tests more strict
 (#2863)

---
 tests/lib/rules/no-child-content.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/tests/lib/rules/no-child-content.js b/tests/lib/rules/no-child-content.js
index 1be1e3c07..d991559b3 100644
--- a/tests/lib/rules/no-child-content.js
+++ b/tests/lib/rules/no-child-content.js
@@ -74,7 +74,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-html directive.',
+          line: 1,
           column: 29,
+          endLine: 1,
           endColumn: 32,
           suggestions: [
             {
@@ -93,7 +95,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-html directive.',
+          line: 1,
           column: 29,
+          endLine: 1,
           endColumn: 38,
           suggestions: [
             {
@@ -112,7 +116,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-html directive.',
+          line: 1,
           column: 29,
+          endLine: 1,
           endColumn: 37,
           suggestions: [
             {
@@ -131,7 +137,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-html directive.',
+          line: 1,
           column: 29,
+          endLine: 1,
           endColumn: 41,
           suggestions: [
             {
@@ -183,7 +191,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-text directive.',
+          line: 1,
           column: 29,
+          endLine: 1,
           endColumn: 32,
           suggestions: [
             {
@@ -203,7 +213,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-t directive.',
+          line: 1,
           column: 26,
+          endLine: 1,
           endColumn: 29,
           suggestions: [
             {
@@ -223,7 +235,9 @@ ruleTester.run('no-child-content', rule, {
         {
           message:
             'Child content is disallowed because it will be overwritten by the v-html directive.',
+          line: 1,
           column: 29,
+          endLine: 1,
           endColumn: 32,
           suggestions: [
             {

From 4f5acfd65f640421bb769bd72953467d11ee0481 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:23:45 +0200
Subject: [PATCH 0958/1010] test(no-computed-properties-in-data): make tests
 more strict (#2864)

---
 tests/lib/rules/no-computed-properties-in-data.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-computed-properties-in-data.js b/tests/lib/rules/no-computed-properties-in-data.js
index 769731804..9eb32e973 100644
--- a/tests/lib/rules/no-computed-properties-in-data.js
+++ b/tests/lib/rules/no-computed-properties-in-data.js
@@ -97,7 +97,9 @@ tester.run('no-computed-properties-in-data', rule, {
           message:
             'The computed property cannot be used in `data()` because it is before initialization.',
           line: 5,
-          column: 23
+          column: 23,
+          endLine: 5,
+          endColumn: 31
         }
       ]
     },
@@ -122,7 +124,9 @@ tester.run('no-computed-properties-in-data', rule, {
           message:
             'The computed property cannot be used in `data()` because it is before initialization.',
           line: 6,
-          column: 23
+          column: 23,
+          endLine: 6,
+          endColumn: 29
         }
       ]
     }

From 69c6bfb7e1fc5fcaa1b31336a8538e922da4748d Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:24:37 +0200
Subject: [PATCH 0959/1010] test(no-console): make tests more strict (#2865)

---
 tests/lib/rules/no-console.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
index 1ff32feeb..f9df6ede7 100644
--- a/tests/lib/rules/no-console.js
+++ b/tests/lib/rules/no-console.js
@@ -76,7 +76,9 @@ tester.run('no-console', rule, {
         {
           message: 'Unexpected console statement.',
           line: 3,
-          column: 25
+          column: 25,
+          endLine: 3,
+          endColumn: 32
         }
       ]
     },
@@ -91,12 +93,16 @@ tester.run('no-console', rule, {
         {
           message: 'Unexpected console statement.',
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 30
         },
         {
           message: 'Unexpected console statement.',
           line: 3,
-          column: 39
+          column: 39,
+          endLine: 3,
+          endColumn: 46
         }
       ]
     },
@@ -111,7 +117,9 @@ tester.run('no-console', rule, {
         {
           message: 'Unexpected console statement.',
           line: 3,
-          column: 31
+          column: 31,
+          endLine: 3,
+          endColumn: 38
         }
       ]
     },
@@ -128,7 +136,9 @@ tester.run('no-console', rule, {
         {
           message: 'Unexpected console statement.',
           line: 3,
-          column: 25
+          column: 25,
+          endLine: 3,
+          endColumn: 32
         }
       ]
     }

From b399a6bd39d84b53e8911584d906ecc308f48a63 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:24:48 +0200
Subject: [PATCH 0960/1010] test(no-async-in-computed-properties): make tests
 more strict (#2861)

---
 .../rules/no-async-in-computed-properties.js  | 508 ++++++++++++++----
 1 file changed, 418 insertions(+), 90 deletions(-)

diff --git a/tests/lib/rules/no-async-in-computed-properties.js b/tests/lib/rules/no-async-in-computed-properties.js
index 264430ec7..3f08c81e5 100644
--- a/tests/lib/rules/no-async-in-computed-properties.js
+++ b/tests/lib/rules/no-async-in-computed-properties.js
@@ -344,11 +344,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in "foo" computed property.',
-          line: 4
+          line: 4,
+          column: 18,
+          endLine: 6,
+          endColumn: 14
         },
         {
           message: 'Unexpected await operator in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 38
         }
       ]
     },
@@ -368,11 +374,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in "foo" computed property.',
-          line: 4
+          line: 4,
+          column: 18,
+          endLine: 6,
+          endColumn: 14
         },
         {
           message: 'Unexpected Promise object in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 58
         }
       ]
     },
@@ -391,7 +403,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 46
         }
       ]
     },
@@ -407,7 +422,15 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       languageOptions,
-      errors: ['Unexpected asynchronous action in "foo" computed property.']
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 49
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -421,7 +444,15 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         }
       `,
       languageOptions,
-      errors: ['Unexpected asynchronous action in "foo" computed property.']
+      errors: [
+        {
+          message: 'Unexpected asynchronous action in "foo" computed property.',
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 51
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -438,7 +469,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 40
         }
       ]
     },
@@ -457,7 +491,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 37
         }
       ]
     },
@@ -476,7 +513,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 22,
+          endLine: 5,
+          endColumn: 44
         }
       ]
     },
@@ -495,7 +535,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 36
         }
       ]
     },
@@ -514,7 +557,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 38
         }
       ]
     },
@@ -533,7 +579,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 39
         }
       ]
     },
@@ -552,7 +601,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 39
         }
       ]
     },
@@ -573,7 +625,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 22,
+          endLine: 6,
+          endColumn: 41
         }
       ]
     },
@@ -594,7 +649,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 22,
+          endLine: 6,
+          endColumn: 41
         }
       ]
     },
@@ -615,7 +673,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 22,
+          endLine: 6,
+          endColumn: 42
         }
       ]
     },
@@ -636,11 +697,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 37
         },
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 35
         }
       ]
     },
@@ -662,23 +729,38 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in "foo" computed property.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 8,
+          endColumn: 12
         },
         {
           message: 'Unexpected await operator in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 35
         },
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 19,
+          endLine: 5,
+          endColumn: 35
         },
         {
           message: 'Unexpected await operator in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 33
         },
         {
           message: 'Unexpected asynchronous action in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 19,
+          endLine: 6,
+          endColumn: 33
         }
       ]
     },
@@ -704,35 +786,59 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 37
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 44
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 38
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 8
+          line: 8,
+          column: 13,
+          endLine: 8,
+          endColumn: 45
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 36
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 10
+          line: 10,
+          column: 13,
+          endLine: 10,
+          endColumn: 43
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 11
+          line: 11,
+          column: 13,
+          endLine: 11,
+          endColumn: 44
         },
         {
           message: 'Unexpected timed function in "foo" computed property.',
-          line: 12
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 51
         }
       ]
     },
@@ -756,14 +862,62 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       `,
       languageOptions,
       errors: [
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.'
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 39
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 47
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 38
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 8,
+          column: 13,
+          endLine: 8,
+          endColumn: 48
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 38
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 10,
+          column: 13,
+          endLine: 10,
+          endColumn: 46
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 11,
+          column: 13,
+          endLine: 11,
+          endColumn: 46
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 54
+        }
       ]
     },
     {
@@ -786,14 +940,62 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       `,
       languageOptions,
       errors: [
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.',
-        'Unexpected timed function in "foo" computed property.'
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 39
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 6,
+          column: 14,
+          endLine: 6,
+          endColumn: 50
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 38
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 8,
+          column: 14,
+          endLine: 8,
+          endColumn: 51
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 38
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 10,
+          column: 14,
+          endLine: 10,
+          endColumn: 49
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 11,
+          column: 13,
+          endLine: 11,
+          endColumn: 46
+        },
+        {
+          message: 'Unexpected timed function in "foo" computed property.',
+          line: 12,
+          column: 14,
+          endLine: 12,
+          endColumn: 57
+        }
       ]
     },
     {
@@ -817,29 +1019,47 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 5
+          line: 5,
+          column: 34,
+          endLine: 7,
+          endColumn: 12
         },
         {
           message: 'Unexpected await operator in computed function.',
-          line: 6
+          line: 6,
+          column: 20,
+          endLine: 6,
+          endColumn: 36
         },
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 8
+          line: 8,
+          column: 34,
+          endLine: 8,
+          endColumn: 62
         },
         {
           message: 'Unexpected await operator in computed function.',
-          line: 8
+          line: 8,
+          column: 46,
+          endLine: 8,
+          endColumn: 62
         },
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 9
+          line: 9,
+          column: 34,
+          endLine: 11,
+          endColumn: 12
         },
         {
           message: 'Unexpected await operator in computed function.',
-          line: 10
+          line: 10,
+          column: 20,
+          endLine: 10,
+          endColumn: 36
         }
       ]
     },
@@ -860,11 +1080,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 5
+          line: 5,
+          column: 33,
+          endLine: 7,
+          endColumn: 12
         },
         {
           message: 'Unexpected Promise object in computed function.',
-          line: 6
+          line: 6,
+          column: 20,
+          endLine: 6,
+          endColumn: 56
         }
       ]
     },
@@ -887,11 +1113,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 6
+          line: 6,
+          column: 20,
+          endLine: 6,
+          endColumn: 44
         },
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 9
+          line: 9,
+          column: 20,
+          endLine: 9,
+          endColumn: 35
         }
       ]
     },
@@ -918,11 +1150,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 7
+          line: 7,
+          column: 22,
+          endLine: 7,
+          endColumn: 41
         },
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 12
+          line: 12,
+          column: 22,
+          endLine: 12,
+          endColumn: 41
         }
       ]
     },
@@ -949,35 +1187,59 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected timed function in computed function.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 37
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 44
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 8
+          line: 8,
+          column: 13,
+          endLine: 8,
+          endColumn: 38
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 45
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 10
+          line: 10,
+          column: 13,
+          endLine: 10,
+          endColumn: 36
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 11
+          line: 11,
+          column: 13,
+          endLine: 11,
+          endColumn: 43
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 12
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 44
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 13
+          line: 13,
+          column: 13,
+          endLine: 13,
+          endColumn: 51
         }
       ]
     },
@@ -998,7 +1260,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 5
+          line: 5,
+          column: 33,
+          endLine: 7,
+          endColumn: 12
         }
       ]
     },
@@ -1025,29 +1290,47 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 4
+          line: 4,
+          column: 30,
+          endLine: 6,
+          endColumn: 8
         },
         {
           message: 'Unexpected await operator in computed function.',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 32
         },
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 7
+          line: 7,
+          column: 30,
+          endLine: 7,
+          endColumn: 58
         },
         {
           message: 'Unexpected await operator in computed function.',
-          line: 7
+          line: 7,
+          column: 42,
+          endLine: 7,
+          endColumn: 58
         },
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 8
+          line: 8,
+          column: 30,
+          endLine: 10,
+          endColumn: 8
         },
         {
           message: 'Unexpected await operator in computed function.',
-          line: 9
+          line: 9,
+          column: 16,
+          endLine: 9,
+          endColumn: 32
         }
       ]
     },
@@ -1069,11 +1352,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 4
+          line: 4,
+          column: 29,
+          endLine: 6,
+          endColumn: 8
         },
         {
           message: 'Unexpected Promise object in computed function.',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 52
         }
       ]
     },
@@ -1097,11 +1386,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 40
         },
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 8
+          line: 8,
+          column: 16,
+          endLine: 8,
+          endColumn: 31
         }
       ]
     },
@@ -1129,11 +1424,17 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 6
+          line: 6,
+          column: 18,
+          endLine: 6,
+          endColumn: 37
         },
         {
           message: 'Unexpected asynchronous action in computed function.',
-          line: 11
+          line: 11,
+          column: 18,
+          endLine: 11,
+          endColumn: 37
         }
       ]
     },
@@ -1161,35 +1462,59 @@ ruleTester.run('no-async-in-computed-properties', rule, {
       errors: [
         {
           message: 'Unexpected timed function in computed function.',
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 33
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 6
+          line: 6,
+          column: 9,
+          endLine: 6,
+          endColumn: 40
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 7
+          line: 7,
+          column: 9,
+          endLine: 7,
+          endColumn: 34
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 8
+          line: 8,
+          column: 9,
+          endLine: 8,
+          endColumn: 41
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 9
+          line: 9,
+          column: 9,
+          endLine: 9,
+          endColumn: 32
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 10
+          line: 10,
+          column: 9,
+          endLine: 10,
+          endColumn: 39
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 11
+          line: 11,
+          column: 9,
+          endLine: 11,
+          endColumn: 40
         },
         {
           message: 'Unexpected timed function in computed function.',
-          line: 12
+          line: 12,
+          column: 9,
+          endLine: 12,
+          endColumn: 47
         }
       ]
     },
@@ -1211,7 +1536,10 @@ ruleTester.run('no-async-in-computed-properties', rule, {
         {
           message:
             'Unexpected async function declaration in computed function.',
-          line: 4
+          line: 4,
+          column: 29,
+          endLine: 6,
+          endColumn: 8
         }
       ]
     }

From fc4d75bd1872c8aefc24e508d059392ebd79b9da Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:25:55 +0200
Subject: [PATCH 0961/1010] test(no-constant-condition): make tests more strict
 (#2866)

---
 tests/lib/rules/no-constant-condition.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/tests/lib/rules/no-constant-condition.js b/tests/lib/rules/no-constant-condition.js
index 8d25479f8..489944a11 100644
--- a/tests/lib/rules/no-constant-condition.js
+++ b/tests/lib/rules/no-constant-condition.js
@@ -24,7 +24,9 @@ tester.run('no-constant-condition', rule, {
         {
           messageId: 'unexpected',
           type: 'UnaryExpression',
+          line: 1,
           column: 31,
+          endLine: 1,
           endColumn: 33
         }
       ]
@@ -35,7 +37,9 @@ tester.run('no-constant-condition', rule, {
         {
           messageId: 'unexpected',
           type: 'Literal',
+          line: 1,
           column: 36,
+          endLine: 1,
           endColumn: 40
         }
       ]
@@ -46,7 +50,9 @@ tester.run('no-constant-condition', rule, {
         {
           messageId: 'unexpected',
           type: 'Literal',
+          line: 1,
           column: 31,
+          endLine: 1,
           endColumn: 32
         }
       ]
@@ -57,7 +63,9 @@ tester.run('no-constant-condition', rule, {
         {
           messageId: 'unexpected',
           type: 'ObjectExpression',
+          line: 1,
           column: 33,
+          endLine: 1,
           endColumn: 35
         }
       ]
@@ -68,7 +76,9 @@ tester.run('no-constant-condition', rule, {
         {
           messageId: 'unexpected',
           type: 'BinaryExpression',
+          line: 1,
           column: 31,
+          endLine: 1,
           endColumn: 36
         }
       ]
@@ -79,7 +89,9 @@ tester.run('no-constant-condition', rule, {
         {
           messageId: 'unexpected',
           type: 'LogicalExpression',
+          line: 1,
           column: 31,
+          endLine: 1,
           endColumn: 37
         }
       ]

From 0a60797d5122d82169627f7690036c050dce2e06 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:26:50 +0200
Subject: [PATCH 0962/1010] test(next-tick-style): make tests more strict
 (#2859)

---
 tests/lib/rules/next-tick-style.js | 72 ++++++++++++++++++++++--------
 1 file changed, 54 insertions(+), 18 deletions(-)

diff --git a/tests/lib/rules/next-tick-style.js b/tests/lib/rules/next-tick-style.js
index c143c8a40..1ad3b7669 100644
--- a/tests/lib/rules/next-tick-style.js
+++ b/tests/lib/rules/next-tick-style.js
@@ -137,37 +137,49 @@ tester.run('next-tick-style', rule, {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 4,
-          column: 16
+          column: 16,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 5,
-          column: 15
+          column: 15,
+          endLine: 5,
+          endColumn: 23
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 6,
-          column: 11
+          column: 11,
+          endLine: 6,
+          endColumn: 13
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 8,
-          column: 16
+          column: 16,
+          endLine: 8,
+          endColumn: 25
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 9,
-          column: 15
+          column: 15,
+          endLine: 9,
+          endColumn: 23
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 10,
-          column: 11
+          column: 11,
+          endLine: 10,
+          endColumn: 13
         }
       ]
     },
@@ -203,37 +215,49 @@ tester.run('next-tick-style', rule, {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 4,
-          column: 16
+          column: 16,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 5,
-          column: 15
+          column: 15,
+          endLine: 5,
+          endColumn: 23
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 6,
-          column: 11
+          column: 11,
+          endLine: 6,
+          endColumn: 13
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 8,
-          column: 16
+          column: 16,
+          endLine: 8,
+          endColumn: 25
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 9,
-          column: 15
+          column: 15,
+          endLine: 9,
+          endColumn: 23
         },
         {
           message:
             'Use the Promise returned by `nextTick` instead of passing a callback function.',
           line: 10,
-          column: 11
+          column: 11,
+          endLine: 10,
+          endColumn: 13
         }
       ]
     },
@@ -258,37 +282,49 @@ tester.run('next-tick-style', rule, {
           message:
             'Pass a callback function to `nextTick` instead of using the returned Promise.',
           line: 4,
-          column: 16
+          column: 16,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message:
             'Pass a callback function to `nextTick` instead of using the returned Promise.',
           line: 5,
-          column: 15
+          column: 15,
+          endLine: 5,
+          endColumn: 23
         },
         {
           message:
             'Pass a callback function to `nextTick` instead of using the returned Promise.',
           line: 6,
-          column: 11
+          column: 11,
+          endLine: 6,
+          endColumn: 13
         },
         {
           message:
             'Pass a callback function to `nextTick` instead of using the returned Promise.',
           line: 8,
-          column: 22
+          column: 22,
+          endLine: 8,
+          endColumn: 31
         },
         {
           message:
             'Pass a callback function to `nextTick` instead of using the returned Promise.',
           line: 9,
-          column: 21
+          column: 21,
+          endLine: 9,
+          endColumn: 29
         },
         {
           message:
             'Pass a callback function to `nextTick` instead of using the returned Promise.',
           line: 10,
-          column: 17
+          column: 17,
+          endLine: 10,
+          endColumn: 19
         }
       ]
     }

From eaaffe2a2af4d67165e686eb1cea06838c7ac54f Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:27:13 +0200
Subject: [PATCH 0963/1010] test(no-custom-modifiers-on-v-model): make tests
 more strict (#2867)

---
 .../rules/no-custom-modifiers-on-v-model.js   | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-custom-modifiers-on-v-model.js b/tests/lib/rules/no-custom-modifiers-on-v-model.js
index 88d269ebf..156f42e4e 100644
--- a/tests/lib/rules/no-custom-modifiers-on-v-model.js
+++ b/tests/lib/rules/no-custom-modifiers-on-v-model.js
@@ -51,12 +51,28 @@ ruleTester.run('no-custom-modifiers-on-v-model', rule, {
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model:propName.aaa="foo"></template>',
-      errors: ["'v-model' directives don't support the modifier 'aaa'."]
+      errors: [
+        {
+          message: "'v-model' directives don't support the modifier 'aaa'.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 50
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><MyComponent v-model.aaa="foo"></template>',
-      errors: ["'v-model' directives don't support the modifier 'aaa'."]
+      errors: [
+        {
+          message: "'v-model' directives don't support the modifier 'aaa'.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 41
+        }
+      ]
     }
   ]
 })

From 9be7549b0b9d74a1802a301c765ce975aa2c665d Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:29:27 +0200
Subject: [PATCH 0964/1010] test(no-deprecated-data-object-declaration): make
 tests more strict (#2868)

---
 .../no-deprecated-data-object-declaration.js  | 30 +++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-data-object-declaration.js b/tests/lib/rules/no-deprecated-data-object-declaration.js
index 648e1de24..b7395304d 100644
--- a/tests/lib/rules/no-deprecated-data-object-declaration.js
+++ b/tests/lib/rules/no-deprecated-data-object-declaration.js
@@ -155,7 +155,10 @@ return {
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 6,
+          endColumn: 12
         }
       ]
     },
@@ -182,7 +185,10 @@ return {
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
-          line: 3
+          line: 3,
+          column: 11,
+          endLine: 5,
+          endColumn: 12
         }
       ]
     },
@@ -209,7 +215,10 @@ return {
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
-          line: 3
+          line: 3,
+          column: 11,
+          endLine: 5,
+          endColumn: 12
         }
       ]
     },
@@ -236,7 +245,10 @@ return (/*b*/{
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
-          line: 3
+          line: 3,
+          column: 11,
+          endLine: 5,
+          endColumn: 13
         }
       ]
     },
@@ -263,7 +275,10 @@ return {
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
-          line: 3
+          line: 3,
+          column: 11,
+          endLine: 5,
+          endColumn: 12
         }
       ]
     },
@@ -290,7 +305,10 @@ return {
         {
           message:
             "Object declaration on 'data' property is deprecated. Using function declaration instead.",
-          line: 3
+          line: 3,
+          column: 11,
+          endLine: 5,
+          endColumn: 12
         }
       ]
     }

From 0cbd9b7bd41af8eab47b006591001440ff9c5d21 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:29:59 +0200
Subject: [PATCH 0965/1010] test(no-deprecated-destroyed-lifecycle): make tests
 more strict (#2869)

---
 .../no-deprecated-destroyed-lifecycle.js      | 50 +++++++++++++++----
 1 file changed, 40 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
index a956b37ed..5f7e93dc1 100644
--- a/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
+++ b/tests/lib/rules/no-deprecated-destroyed-lifecycle.js
@@ -118,12 +118,18 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
         {
           message:
             'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 22
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 18
         }
       ]
     },
@@ -149,12 +155,18 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
         {
           message:
             'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 22
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 18
         }
       ]
     },
@@ -198,12 +210,18 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
         {
           message:
             'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 12
+          line: 12,
+          column: 9,
+          endLine: 12,
+          endColumn: 22
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 13
+          line: 13,
+          column: 9,
+          endLine: 13,
+          endColumn: 18
         }
       ]
     },
@@ -229,12 +247,18 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
         {
           message:
             'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4
+          line: 4,
+          column: 10,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5
+          line: 5,
+          column: 10,
+          endLine: 5,
+          endColumn: 21
         }
       ]
     },
@@ -260,12 +284,18 @@ ruleTester.run('no-deprecated-destroyed-lifecycle', rule, {
         {
           message:
             'The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead.',
-          line: 4
+          line: 4,
+          column: 10,
+          endLine: 4,
+          endColumn: 25
         },
         {
           message:
             'The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead.',
-          line: 5
+          line: 5,
+          column: 10,
+          endLine: 5,
+          endColumn: 21
         }
       ]
     }

From 06ab7a9c7b7d76f8e7f004afd602995e277003c9 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:33:29 +0200
Subject: [PATCH 0966/1010] test(no-deprecated-delete-set): make tests more
 strict (#2871)

---
 tests/lib/rules/no-deprecated-delete-set.js | 132 ++++++++++++++++----
 1 file changed, 108 insertions(+), 24 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-delete-set.js b/tests/lib/rules/no-deprecated-delete-set.js
index a38b6ecea..a2dae8fa7 100644
--- a/tests/lib/rules/no-deprecated-delete-set.js
+++ b/tests/lib/rules/no-deprecated-delete-set.js
@@ -135,11 +135,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 4
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 22
         },
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 18,
+          endLine: 5,
+          endColumn: 25
         }
       ]
     },
@@ -157,11 +163,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 20
         },
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 16,
+          endLine: 6,
+          endColumn: 23
         }
       ]
     },
@@ -176,8 +188,20 @@ tester.run('no-deprecated-delete-set', rule, {
         })
       `,
       errors: [
-        { messageId: 'deprecated', line: 4 },
-        { messageId: 'deprecated', line: 5 }
+        {
+          messageId: 'deprecated',
+          line: 4,
+          column: 19,
+          endLine: 4,
+          endColumn: 23
+        },
+        {
+          messageId: 'deprecated',
+          line: 5,
+          column: 19,
+          endLine: 5,
+          endColumn: 26
+        }
       ]
     },
     {
@@ -193,8 +217,20 @@ tester.run('no-deprecated-delete-set', rule, {
         </script>
       `,
       errors: [
-        { messageId: 'deprecated', line: 5 },
-        { messageId: 'deprecated', line: 6 }
+        {
+          messageId: 'deprecated',
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 24
+        },
+        {
+          messageId: 'deprecated',
+          line: 6,
+          column: 20,
+          endLine: 6,
+          endColumn: 27
+        }
       ]
     },
     // from vue
@@ -211,11 +247,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 4
+          line: 4,
+          column: 17,
+          endLine: 4,
+          endColumn: 20
         },
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 23
         }
       ]
     },
@@ -235,11 +277,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 18
         },
         {
           messageId: 'deprecated',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 18
         }
       ]
     },
@@ -256,11 +304,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 14
         },
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 14
         }
       ]
     },
@@ -277,11 +331,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 12
         },
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 12
         }
       ]
     },
@@ -301,11 +361,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 18
         },
         {
           messageId: 'deprecated',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 18
         }
       ]
     },
@@ -325,11 +391,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 16
         },
         {
           messageId: 'deprecated',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 16
         }
       ]
     },
@@ -346,11 +418,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 14
         },
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 14
         }
       ]
     },
@@ -367,11 +445,17 @@ tester.run('no-deprecated-delete-set', rule, {
       errors: [
         {
           messageId: 'deprecated',
-          line: 5
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 16
         },
         {
           messageId: 'deprecated',
-          line: 6
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 16
         }
       ]
     }

From 7408febf3249e73fdb4bf968e0e77783b5aa3cda Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:34:14 +0200
Subject: [PATCH 0967/1010] test(no-deprecated-v-bind-sync): make tests more
 strict (#2883)

---
 tests/lib/rules/no-deprecated-v-bind-sync.js | 162 ++++++++++++++++---
 1 file changed, 144 insertions(+), 18 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-v-bind-sync.js b/tests/lib/rules/no-deprecated-v-bind-sync.js
index 3d775d975..355d1a86c 100644
--- a/tests/lib/rules/no-deprecated-v-bind-sync.js
+++ b/tests/lib/rules/no-deprecated-v-bind-sync.js
@@ -37,7 +37,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: "<template><MyComponent v-bind:foo.sync='bar'/></template>",
       output: "<template><MyComponent v-model:foo='bar'/></template>",
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 45
+        }
       ]
     },
     {
@@ -45,7 +52,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: "<template><MyComponent :foo.sync='bar'/></template>",
       output: "<template><MyComponent v-model:foo='bar'/></template>",
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 39
+        }
       ]
     },
     {
@@ -53,7 +67,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: "<template><MyComponent v-bind:[dynamicArg].sync='bar'/></template>",
       output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 54
+        }
       ]
     },
     {
@@ -61,7 +82,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: "<template><MyComponent :[dynamicArg].sync='bar'/></template>",
       output: "<template><MyComponent v-model:[dynamicArg]='bar'/></template>",
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 48
+        }
       ]
     },
     {
@@ -69,7 +97,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: "<template><MyComponent v-bind.sync='bar'/></template>",
       output: null,
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 41
+        }
       ]
     },
     {
@@ -77,7 +112,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: '<template><MyComponent :foo.sync.unknown="foo" /></template>',
       output: null,
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 47
+        }
       ]
     },
     {
@@ -85,7 +127,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       code: '<template><MyComponent :[dynamicArg].sync.unknown="foo" /></template>',
       output: null,
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 56
+        }
       ]
     },
     {
@@ -94,7 +143,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="x.foo" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 69
+        }
       ]
     },
     {
@@ -103,7 +159,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 70
+        }
       ]
     },
     {
@@ -112,7 +175,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x - 1]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 74
+        }
       ]
     },
     {
@@ -121,7 +191,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`${x}`]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 75
+        }
       ]
     },
     {
@@ -130,7 +207,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[`prefix_${x}`]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 82
+        }
       ]
     },
     {
@@ -139,7 +223,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x ? x : \'_\']" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 80
+        }
       ]
     },
     {
@@ -148,7 +239,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x || \'_\']" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 77
+        }
       ]
     },
     {
@@ -157,7 +255,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[x()]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 72
+        }
       ]
     },
     {
@@ -166,7 +271,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[/r/.match(x) ? 0 : 1]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 89
+        }
       ]
     },
     {
@@ -175,7 +287,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[typeof x]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 77
+        }
       ]
     },
     {
@@ -184,7 +303,14 @@ ruleTester.run('no-deprecated-v-bind-sync', rule, {
       output:
         '<template><div><div v-for="x in list"><MyComponent v-model:foo="foo[tag`${x}`]" /></div></div></template>',
       errors: [
-        "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
+        {
+          message:
+            "'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead.",
+          line: 1,
+          column: 52,
+          endLine: 1,
+          endColumn: 78
+        }
       ]
     }
   ]

From d12406f34861ccf9102ccf178d47a97ff14f4591 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:35:11 +0200
Subject: [PATCH 0968/1010] test(no-deprecated-events-api): make tests more
 strict (#2873)

---
 tests/lib/rules/no-deprecated-events-api.js | 74 ++++++++++++++++++---
 1 file changed, 64 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-events-api.js b/tests/lib/rules/no-deprecated-events-api.js
index c78577d4b..75c8b7d91 100644
--- a/tests/lib/rules/no-deprecated-events-api.js
+++ b/tests/lib/rules/no-deprecated-events-api.js
@@ -139,7 +139,10 @@ ruleTester.run('no-deprecated-events-api', rule, {
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-          line: 4
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 21
         }
       ]
     },
@@ -157,7 +160,10 @@ ruleTester.run('no-deprecated-events-api', rule, {
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-          line: 4
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 22
         }
       ]
     },
@@ -177,7 +183,10 @@ ruleTester.run('no-deprecated-events-api', rule, {
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-          line: 4
+          line: 4,
+          column: 18,
+          endLine: 4,
+          endColumn: 23
         }
       ]
     },
@@ -198,7 +207,10 @@ ruleTester.run('no-deprecated-events-api', rule, {
         {
           message:
             'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 19
         }
       ]
     },
@@ -215,9 +227,30 @@ ruleTester.run('no-deprecated-events-api', rule, {
       `,
       languageOptions,
       errors: [
-        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 4,
+          column: 19,
+          endLine: 4,
+          endColumn: 22
+        },
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 5,
+          column: 19,
+          endLine: 5,
+          endColumn: 23
+        },
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 6,
+          column: 19,
+          endLine: 6,
+          endColumn: 24
+        }
       ]
     },
     {
@@ -233,9 +266,30 @@ ruleTester.run('no-deprecated-events-api', rule, {
       `,
       languageOptions,
       errors: [
-        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
-        'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.'
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 24
+        },
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 5,
+          column: 21,
+          endLine: 5,
+          endColumn: 25
+        },
+        {
+          message:
+            'The Events api `$on`, `$off` `$once` is deprecated. Using external library instead, for example mitt.',
+          line: 6,
+          column: 21,
+          endLine: 6,
+          endColumn: 26
+        }
       ]
     }
   ]

From fb949b797d9fbc8546ba8b9e96c9c2c37f202f1c Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:35:26 +0200
Subject: [PATCH 0969/1010] test(no-deprecated-dollar-listeners-api): make
 tests more strict (#2870)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .../no-deprecated-dollar-listeners-api.js     | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-dollar-listeners-api.js b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
index f9dd0ff40..2a4e72eb3 100644
--- a/tests/lib/rules/no-deprecated-dollar-listeners-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-listeners-api.js
@@ -132,16 +132,16 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 3,
           column: 22,
-          messageId: 'deprecated',
           endLine: 3,
           endColumn: 32
         },
         {
+          messageId: 'deprecated',
           line: 9,
           column: 27,
-          messageId: 'deprecated',
           endLine: 9,
           endColumn: 37
         }
@@ -167,23 +167,23 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 3,
           column: 35,
-          messageId: 'deprecated',
           endLine: 3,
           endColumn: 45
         },
         {
+          messageId: 'deprecated',
           line: 4,
           column: 22,
-          messageId: 'deprecated',
           endLine: 4,
           endColumn: 32
         },
         {
+          messageId: 'deprecated',
           line: 10,
           column: 23,
-          messageId: 'deprecated',
           endLine: 10,
           endColumn: 33
         }
@@ -205,9 +205,11 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 7,
           column: 25,
-          messageId: 'deprecated'
+          endLine: 7,
+          endColumn: 35
         }
       ]
     },
@@ -230,9 +232,11 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 8,
           column: 27,
-          messageId: 'deprecated'
+          endLine: 8,
+          endColumn: 37
         }
       ]
     },
@@ -253,10 +257,18 @@ ruleTester.run('no-deprecated-dollar-listeners-api', rule, {
       `,
       errors: [
         {
-          messageId: 'deprecated'
+          messageId: 'deprecated',
+          line: 7,
+          column: 29,
+          endLine: 7,
+          endColumn: 39
         },
         {
-          messageId: 'deprecated'
+          messageId: 'deprecated',
+          line: 8,
+          column: 31,
+          endLine: 8,
+          endColumn: 41
         }
       ]
     }

From 5251227b1c9a5d3dba1f299332166f310b757ce6 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:35:42 +0200
Subject: [PATCH 0970/1010] test(no-deprecated-router-link-tag-prop): make
 tests more strict (#2882)

---
 .../no-deprecated-router-link-tag-prop.js     | 52 ++++++++++++++-----
 1 file changed, 39 insertions(+), 13 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-router-link-tag-prop.js b/tests/lib/rules/no-deprecated-router-link-tag-prop.js
index cf022f79a..c95345486 100644
--- a/tests/lib/rules/no-deprecated-router-link-tag-prop.js
+++ b/tests/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -103,7 +103,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 21
+          column: 21,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     },
@@ -119,7 +121,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 22
+          column: 22,
+          endLine: 3,
+          endColumn: 25
         }
       ]
     },
@@ -136,7 +140,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 21
+          column: 21,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     },
@@ -153,7 +159,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 21
+          column: 21,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     },
@@ -170,7 +178,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 22
+          column: 22,
+          endLine: 3,
+          endColumn: 25
         }
       ]
     },
@@ -186,7 +196,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 22
+          column: 22,
+          endLine: 3,
+          endColumn: 25
         }
       ]
     },
@@ -202,7 +214,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -219,7 +233,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'RouterLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 22
+          column: 22,
+          endLine: 3,
+          endColumn: 25
         }
       ]
     },
@@ -236,7 +252,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'router-link' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 23
+          column: 23,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -253,7 +271,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'NuxtLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 19
+          column: 19,
+          endLine: 3,
+          endColumn: 22
         }
       ]
     },
@@ -270,7 +290,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'nuxt-link' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 20
+          column: 20,
+          endLine: 3,
+          endColumn: 23
         }
       ]
     },
@@ -287,7 +309,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'NuxtLink' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 20
+          column: 20,
+          endLine: 3,
+          endColumn: 23
         }
       ]
     },
@@ -304,7 +328,9 @@ tester.run('no-deprecated-router-link-tag-prop', rule, {
           message:
             "'tag' property on 'nuxt-link' component is deprecated. Use scoped slots instead.",
           line: 3,
-          column: 21
+          column: 21,
+          endLine: 3,
+          endColumn: 24
         }
       ]
     }

From 16c215a89f96dbf9b141e268a9e4f968e424aad3 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:35:58 +0200
Subject: [PATCH 0971/1010] test(no-deprecated-filter): make tests more strict
 (#2874)

---
 tests/lib/rules/no-deprecated-filter.js | 70 ++++++++++++++++++++++---
 1 file changed, 63 insertions(+), 7 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-filter.js b/tests/lib/rules/no-deprecated-filter.js
index cf2a33518..54eb4b4f1 100644
--- a/tests/lib/rules/no-deprecated-filter.js
+++ b/tests/lib/rules/no-deprecated-filter.js
@@ -36,37 +36,93 @@ ruleTester.run('no-deprecated-filter', rule, {
     {
       filename: 'test.vue',
       code: '<template>{{ msg | filter }}</template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 14,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template>{{ msg | filter(x) }}</template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 14,
+          endLine: 1,
+          endColumn: 29
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template>{{ msg | filterA | filterB }}</template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 14,
+          endLine: 1,
+          endColumn: 37
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-for="msg in messages">{{ msg | filter }}</div></template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 55
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-bind:id="msg | filter"></div></template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 39
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-bind:id="msg | filter(aaa)"></div></template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 44
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-bind:id="msg | filterA | filterB"></div></template>',
-      errors: ['Filters are deprecated.']
+      errors: [
+        {
+          message: 'Filters are deprecated.',
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 50
+        }
+      ]
     }
   ]
 })

From 3b670501f5ffb668259567ffb9fd6678e095eeef Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:36:20 +0200
Subject: [PATCH 0972/1010] test(no-deprecated-slot-scope-attribute): make
 tests more strict (#2881)

---
 .../no-deprecated-slot-scope-attribute.js     | 45 ++++++++++++++++---
 1 file changed, 38 insertions(+), 7 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-slot-scope-attribute.js b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
index 078f004ef..7b9eb870b 100644
--- a/tests/lib/rules/no-deprecated-slot-scope-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-scope-attribute.js
@@ -66,7 +66,10 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
       errors: [
         {
           message: '`slot-scope` are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -86,7 +89,10 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
       errors: [
         {
           message: '`slot-scope` are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -106,7 +112,10 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
       errors: [
         {
           message: '`slot-scope` are deprecated.',
-          line: 4
+          line: 4,
+          column: 14,
+          endLine: 4,
+          endColumn: 24
         }
       ]
     },
@@ -121,7 +130,10 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
       errors: [
         {
           message: '`slot-scope` are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -136,7 +148,10 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
       errors: [
         {
           message: '`slot-scope` are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 31
         }
       ]
     },
@@ -150,7 +165,15 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
         </my-component>
       </template>`,
       output: null,
-      errors: ['`slot-scope` are deprecated.']
+      errors: [
+        {
+          message: '`slot-scope` are deprecated.',
+          line: 4,
+          column: 37,
+          endLine: 4,
+          endColumn: 47
+        }
+      ]
     },
     {
       code: `
@@ -163,7 +186,15 @@ tester.run('no-deprecated-slot-scope-attribute', rule, {
         </my-component>
       </template>`,
       output: null,
-      errors: ['`slot-scope` are deprecated.']
+      errors: [
+        {
+          message: '`slot-scope` are deprecated.',
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 31
+        }
+      ]
     }
   ]
 })

From cb2ae5b9c09f366d54240ad1e6a710b0aaee720a Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:36:49 +0200
Subject: [PATCH 0973/1010] test(no-deprecated-slot-attribute): make tests more
 strict (#2880)

---
 tests/lib/rules/no-deprecated-slot-attribute.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index 01b8f31df..61f8f25d7 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -686,8 +686,20 @@ tester.run('no-deprecated-slot-attribute', rule, {
         </my-component>
       </template>`,
       errors: [
-        '`slot` attributes are deprecated.',
-        '`slot` attributes are deprecated.'
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 4,
+          column: 30,
+          endLine: 4,
+          endColumn: 34
+        },
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 7,
+          column: 28,
+          endLine: 7,
+          endColumn: 32
+        }
       ]
     },
     {

From 1f59ac97f5769653510a5748875a42bb4c19a106 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:37:07 +0200
Subject: [PATCH 0974/1010] test(no-deprecated-scope-attribute): make tests
 more strict (#2879)

---
 tests/lib/rules/no-deprecated-scope-attribute.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-scope-attribute.js b/tests/lib/rules/no-deprecated-scope-attribute.js
index f823a6878..845447cf6 100644
--- a/tests/lib/rules/no-deprecated-scope-attribute.js
+++ b/tests/lib/rules/no-deprecated-scope-attribute.js
@@ -66,7 +66,10 @@ tester.run('no-deprecated-scope-attribute', rule, {
       errors: [
         {
           message: '`scope` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -90,7 +93,10 @@ tester.run('no-deprecated-scope-attribute', rule, {
       errors: [
         {
           message: '`scope` attributes are deprecated.',
-          line: 4
+          line: 4,
+          column: 33,
+          endLine: 4,
+          endColumn: 38
         }
       ]
     }

From d3498816a35260adc566b103091dbc90e64400d0 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:40:18 +0200
Subject: [PATCH 0975/1010] test(no-deprecated-inline-template): make tests
 more strict (#2877)

---
 .../rules/no-deprecated-inline-template.js    | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-inline-template.js b/tests/lib/rules/no-deprecated-inline-template.js
index fad9c77a7..4c278d5a1 100644
--- a/tests/lib/rules/no-deprecated-inline-template.js
+++ b/tests/lib/rules/no-deprecated-inline-template.js
@@ -48,12 +48,28 @@ ruleTester.run('no-deprecated-inline-template', rule, {
     {
       filename: 'test.vue',
       code: '<template><my-component inline-template=""><div /></my-component></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 40
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><my-component inline-template="foo"><div /></my-component></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 40
+        }
+      ]
     }
   ]
 })

From fe5692dcb5ba2b7fede1d5319586ed6edc93c6fb Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:40:42 +0200
Subject: [PATCH 0976/1010] test(no-deprecated-props-default-this): make tests
 more strict (#2878)

---
 .../rules/no-deprecated-props-default-this.js  | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-props-default-this.js b/tests/lib/rules/no-deprecated-props-default-this.js
index b887868d5..ed0b2005d 100644
--- a/tests/lib/rules/no-deprecated-props-default-this.js
+++ b/tests/lib/rules/no-deprecated-props-default-this.js
@@ -199,8 +199,22 @@ ruleTester.run('no-deprecated-props-default-this', rule, {
         </script>
       `,
       errors: [
-        'Props default value factory functions no longer have access to `this`.',
-        'Props default value factory functions no longer have access to `this`.'
+        {
+          message:
+            'Props default value factory functions no longer have access to `this`.',
+          line: 9,
+          column: 24,
+          endLine: 9,
+          endColumn: 28
+        },
+        {
+          message:
+            'Props default value factory functions no longer have access to `this`.',
+          line: 14,
+          column: 24,
+          endLine: 14,
+          endColumn: 28
+        }
       ]
     }
   ]

From aca04e5c07c7631b80b6165cb01d834e4fb16975 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:41:00 +0200
Subject: [PATCH 0977/1010] test(no-deprecated-dollar-scopedslots-api): make
 tests more strict (#2872)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .../no-deprecated-dollar-scopedslots-api.js   | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
index 7dea6146e..c235698f8 100644
--- a/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
+++ b/tests/lib/rules/no-deprecated-dollar-scopedslots-api.js
@@ -142,16 +142,16 @@ ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 3,
           column: 22,
-          messageId: 'deprecated',
           endLine: 3,
           endColumn: 34
         },
         {
+          messageId: 'deprecated',
           line: 8,
           column: 25,
-          messageId: 'deprecated',
           endLine: 8,
           endColumn: 37
         }
@@ -191,23 +191,23 @@ ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 3,
           column: 31,
-          messageId: 'deprecated',
           endLine: 3,
           endColumn: 43
         },
         {
+          messageId: 'deprecated',
           line: 4,
           column: 22,
-          messageId: 'deprecated',
           endLine: 4,
           endColumn: 34
         },
         {
+          messageId: 'deprecated',
           line: 10,
           column: 23,
-          messageId: 'deprecated',
           endLine: 10,
           endColumn: 35
         }
@@ -237,9 +237,11 @@ ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 6,
           column: 23,
-          messageId: 'deprecated'
+          endLine: 6,
+          endColumn: 35
         }
       ]
     },
@@ -273,9 +275,11 @@ ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
       `,
       errors: [
         {
+          messageId: 'deprecated',
           line: 7,
           column: 25,
-          messageId: 'deprecated'
+          endLine: 7,
+          endColumn: 37
         }
       ]
     },
@@ -307,10 +311,18 @@ ruleTester.run('no-deprecated-dollar-scopedslots-api', rule, {
       `,
       errors: [
         {
-          messageId: 'deprecated'
+          messageId: 'deprecated',
+          line: 6,
+          column: 27,
+          endLine: 6,
+          endColumn: 39
         },
         {
-          messageId: 'deprecated'
+          messageId: 'deprecated',
+          line: 7,
+          column: 29,
+          endLine: 7,
+          endColumn: 41
         }
       ]
     }

From e0683fd012a9170b359b00ccefd8d85bc615bcea Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:42:51 +0200
Subject: [PATCH 0978/1010] test(no-deprecated-html-element-is): make tests
 more strict (#2876)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 tests/lib/rules/no-deprecated-html-element-is.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-html-element-is.js b/tests/lib/rules/no-deprecated-html-element-is.js
index be8ea3e71..a108f224f 100644
--- a/tests/lib/rules/no-deprecated-html-element-is.js
+++ b/tests/lib/rules/no-deprecated-html-element-is.js
@@ -43,9 +43,9 @@ ruleTester.run('no-deprecated-html-element-is', rule, {
       code: '<template><div is="foo" /></template>',
       errors: [
         {
+          messageId: 'unexpected',
           line: 1,
           column: 16,
-          messageId: 'unexpected',
           endLine: 1,
           endColumn: 24
         }
@@ -56,9 +56,11 @@ ruleTester.run('no-deprecated-html-element-is', rule, {
       code: '<template><div :is="foo" /></template>',
       errors: [
         {
+          messageId: 'unexpected',
           line: 1,
           column: 16,
-          messageId: 'unexpected'
+          endLine: 1,
+          endColumn: 25
         }
       ]
     }

From 0701213ee766599f4d42c5ef523a209ca116b91f Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:43:12 +0200
Subject: [PATCH 0979/1010] test(no-deprecated-functional-template): make tests
 more strict (#2875)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 tests/lib/rules/no-deprecated-functional-template.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-functional-template.js b/tests/lib/rules/no-deprecated-functional-template.js
index 00cf539ff..fae03fdb7 100644
--- a/tests/lib/rules/no-deprecated-functional-template.js
+++ b/tests/lib/rules/no-deprecated-functional-template.js
@@ -33,9 +33,9 @@ ruleTester.run('no-deprecated-functional-template', rule, {
       code: '<template functional></template>',
       errors: [
         {
+          messageId: 'unexpected',
           line: 1,
           column: 11,
-          messageId: 'unexpected',
           endLine: 1,
           endColumn: 21
         }
@@ -46,9 +46,11 @@ ruleTester.run('no-deprecated-functional-template', rule, {
       code: '<template functional><div /></template>',
       errors: [
         {
+          messageId: 'unexpected',
           line: 1,
           column: 11,
-          messageId: 'unexpected'
+          endLine: 1,
+          endColumn: 21
         }
       ]
     }

From 87c7d8315c78868a31368afdc912f52e4a40c1d1 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 31 Jul 2025 09:49:02 +0200
Subject: [PATCH 0980/1010] test(func-call-spacing): remove obsolete
 compatibility code (#2830)

---
 tests/lib/rules/func-call-spacing.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
index 6c219e372..7f06f72fc 100644
--- a/tests/lib/rules/func-call-spacing.js
+++ b/tests/lib/rules/func-call-spacing.js
@@ -3,8 +3,7 @@
  */
 'use strict'
 
-const { RuleTester, ESLint } = require('../../eslint-compat')
-const semver = require('semver')
+const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/func-call-spacing')
 
 const tester = new RuleTester({
@@ -61,9 +60,7 @@ tester.run('func-call-spacing', rule, {
       `,
       errors: [
         {
-          message: semver.lt(ESLint.version, '7.0.0')
-            ? 'Unexpected newline between function name and paren.'
-            : 'Unexpected whitespace between function name and paren.',
+          message: 'Unexpected whitespace between function name and paren.',
           line: 3
         }
       ]
@@ -104,9 +101,7 @@ tester.run('func-call-spacing', rule, {
       </style>`,
       errors: [
         {
-          message: semver.lt(ESLint.version, '7.0.0')
-            ? 'Unexpected newline between function name and paren.'
-            : 'Unexpected whitespace between function name and paren.',
+          message: 'Unexpected whitespace between function name and paren.',
           line: 4
         }
       ]

From 15185f5924978b8db0b8bae8ecaa963874deb0ca Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 31 Jul 2025 15:55:14 +0800
Subject: [PATCH 0981/1010] Version Packages (#2792)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/beige-teams-camp.md          |  5 -----
 .changeset/early-worlds-reply.md        |  5 -----
 .changeset/eight-camels-refuse.md       |  5 -----
 .changeset/strong-masks-fetch.md        |  5 -----
 .changeset/true-pumas-open.md           |  5 -----
 CHANGELOG.md                            | 16 ++++++++++++++++
 docs/rules/no-negated-condition.md      |  7 +++++--
 docs/rules/no-negated-v-if-condition.md |  6 +++++-
 package.json                            |  2 +-
 9 files changed, 27 insertions(+), 29 deletions(-)
 delete mode 100644 .changeset/beige-teams-camp.md
 delete mode 100644 .changeset/early-worlds-reply.md
 delete mode 100644 .changeset/eight-camels-refuse.md
 delete mode 100644 .changeset/strong-masks-fetch.md
 delete mode 100644 .changeset/true-pumas-open.md

diff --git a/.changeset/beige-teams-camp.md b/.changeset/beige-teams-camp.md
deleted file mode 100644
index 49c2a317b..000000000
--- a/.changeset/beige-teams-camp.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': minor
----
-
-Added `ignoreParents` option to [`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html)
diff --git a/.changeset/early-worlds-reply.md b/.changeset/early-worlds-reply.md
deleted file mode 100644
index 8a269de33..000000000
--- a/.changeset/early-worlds-reply.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': minor
----
-
-Added new [`vue/no-negated-v-if-condition`](https://eslint.vuejs.org/rules/no-negated-v-if-condition.html) rule
diff --git a/.changeset/eight-camels-refuse.md b/.changeset/eight-camels-refuse.md
deleted file mode 100644
index 527b123e4..000000000
--- a/.changeset/eight-camels-refuse.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"eslint-plugin-vue": patch
----
-
-Resolved TypeScript compatibility issues introduced by eslint-typegen
diff --git a/.changeset/strong-masks-fetch.md b/.changeset/strong-masks-fetch.md
deleted file mode 100644
index b7b3b22a0..000000000
--- a/.changeset/strong-masks-fetch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': patch
----
-
-Fixed inconsistent quotes in [`vue/block-lang`](https://eslint.vuejs.org/rules/block-lang.html) error messages
diff --git a/.changeset/true-pumas-open.md b/.changeset/true-pumas-open.md
deleted file mode 100644
index 7a49b0f25..000000000
--- a/.changeset/true-pumas-open.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'eslint-plugin-vue': minor
----
-
-Added new [`vue/no-negated-condition`](https://eslint.vuejs.org/rules/no-negated-condition.html) rule
diff --git a/CHANGELOG.md b/CHANGELOG.md
index d48439d99..fa7a29427 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,21 @@
 # eslint-plugin-vue
 
+## 10.4.0
+
+### Minor Changes
+
+- Added `ignoreParents` option to [`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html) ([#2784](https://github.com/vuejs/eslint-plugin-vue/pull/2784))
+
+- Added new [`vue/no-negated-v-if-condition`](https://eslint.vuejs.org/rules/no-negated-v-if-condition.html) rule ([#2794](https://github.com/vuejs/eslint-plugin-vue/pull/2794))
+
+- Added new [`vue/no-negated-condition`](https://eslint.vuejs.org/rules/no-negated-condition.html) rule ([#2795](https://github.com/vuejs/eslint-plugin-vue/pull/2795))
+
+### Patch Changes
+
+- Resolved TypeScript compatibility issues introduced by eslint-typegen ([#2790](https://github.com/vuejs/eslint-plugin-vue/pull/2790))
+
+- Fixed inconsistent quotes in [`vue/block-lang`](https://eslint.vuejs.org/rules/block-lang.html) error messages ([#2805](https://github.com/vuejs/eslint-plugin-vue/pull/2805))
+
 ## 10.3.0
 
 ### Minor Changes
diff --git a/docs/rules/no-negated-condition.md b/docs/rules/no-negated-condition.md
index fa183bee7..17ffdba5d 100644
--- a/docs/rules/no-negated-condition.md
+++ b/docs/rules/no-negated-condition.md
@@ -3,14 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-negated-condition
 description: Disallow negated conditions in `<template>`
+since: v10.4.0
 ---
 
 # vue/no-negated-condition
 
 > Disallow negated conditions in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
-
 ## :book: Rule Details
 
 This rule is the same rule as core [no-negated-condition] rule but it applies to the expressions in `<template>`.
@@ -26,6 +25,10 @@ This rule is the same rule as core [no-negated-condition] rule but it applies to
 
 [no-negated-condition]: https://eslint.org/docs/rules/no-negated-condition
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v10.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-condition.js)
diff --git a/docs/rules/no-negated-v-if-condition.md b/docs/rules/no-negated-v-if-condition.md
index 0b65a2fb3..21592793d 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -3,13 +3,13 @@ pageClass: rule-details
 sidebarDepth: 0
 title: vue/no-negated-v-if-condition
 description: disallow negated conditions in v-if/v-else
+since: v10.4.0
 ---
 
 # vue/no-negated-v-if-condition
 
 > disallow negated conditions in v-if/v-else
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 - :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
 
 ## :book: Rule Details
@@ -58,6 +58,10 @@ Nothing.
 - [vue/no-negated-condition](https://eslint.vuejs.org/rules/no-negated-condition.html)
 - [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
 
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v10.4.0
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-v-if-condition.js)
diff --git a/package.json b/package.json
index 5bd188f01..404e07f32 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vue",
-  "version": "10.3.0",
+  "version": "10.4.0",
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

From ac74c78ec85edfd8d6fa040130451ebfc388b479 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:15:21 +0200
Subject: [PATCH 0982/1010] test(no-deprecated-v-is): make tests more strict
 (#2885)

---
 tests/lib/rules/no-deprecated-v-is.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/tests/lib/rules/no-deprecated-v-is.js b/tests/lib/rules/no-deprecated-v-is.js
index 8dd07a478..3935c9b39 100644
--- a/tests/lib/rules/no-deprecated-v-is.js
+++ b/tests/lib/rules/no-deprecated-v-is.js
@@ -25,7 +25,10 @@ tester.run('no-deprecated-v-is', rule, {
       errors: [
         {
           message: '`v-is` directive is deprecated.',
-          line: 3
+          line: 3,
+          column: 14,
+          endLine: 3,
+          endColumn: 18
         }
       ]
     }

From 17839d8e847fe34246a72e36f81ca09a5f7432cf Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:16:15 +0200
Subject: [PATCH 0983/1010] test(no-deprecated-v-on-number-modifiers): make
 tests more strict (#2886)

---
 .../no-deprecated-v-on-number-modifiers.js    | 252 ++++++++++++++++--
 1 file changed, 224 insertions(+), 28 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
index 4fd4bfb8e..f039d1162 100644
--- a/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
+++ b/tests/lib/rules/no-deprecated-v-on-number-modifiers.js
@@ -69,7 +69,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       code: "<template><input v-on:keyup.34='onArrowUp'></template>",
       output: "<template><input v-on:keyup.page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 29,
+          endLine: 1,
+          endColumn: 31
+        }
       ]
     },
     {
@@ -78,7 +85,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input v-on:keyup.page-down.native='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 29,
+          endLine: 1,
+          endColumn: 31
+        }
       ]
     },
     {
@@ -87,7 +101,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input v-on:keyup.unknown.page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 37,
+          endLine: 1,
+          endColumn: 39
+        }
       ]
     },
     {
@@ -96,7 +117,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input v-on:[dynamicArg].page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 36,
+          endLine: 1,
+          endColumn: 38
+        }
       ]
     },
     {
@@ -105,7 +133,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input v-on:[dynamicArg].unknown.page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 44,
+          endLine: 1,
+          endColumn: 46
+        }
       ]
     },
     {
@@ -114,7 +149,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input v-on:[dynamicArg].page-down.unknown='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 36,
+          endLine: 1,
+          endColumn: 38
+        }
       ]
     },
     {
@@ -122,7 +164,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       code: "<template><input @keyup.34='onArrowUp'></template>",
       output: "<template><input @keyup.page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -131,7 +180,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input @keyup.page-down.native='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -140,7 +196,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input @keyup.unknown.page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 33,
+          endLine: 1,
+          endColumn: 35
+        }
       ]
     },
     {
@@ -149,7 +212,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input @[dynamicArg].page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 32,
+          endLine: 1,
+          endColumn: 34
+        }
       ]
     },
     {
@@ -158,7 +228,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input @[dynamicArg].unknown.page-down='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 42
+        }
       ]
     },
     {
@@ -167,7 +244,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       output:
         "<template><input @[dynamicArg].page-down.unknown='onArrowUp'></template>",
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 32,
+          endLine: 1,
+          endColumn: 34
+        }
       ]
     },
     {
@@ -175,7 +259,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       code: "<template><input @keyup.10='onArrowUp'></template>",
       output: null,
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -183,7 +274,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       code: "<template><input @keyup.10.native='onArrowUp'></template>",
       output: null,
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 27
+        }
       ]
     },
     {
@@ -191,7 +289,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       code: "<template><input @keyup.unknown.10='onArrowUp'></template>",
       output: null,
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 33,
+          endLine: 1,
+          endColumn: 35
+        }
       ]
     },
     {
@@ -199,7 +304,14 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       code: "<template><input @[dynamicArg].unknown.10='onArrowUp'></template>",
       output: null,
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 1,
+          column: 40,
+          endLine: 1,
+          endColumn: 42
+        }
       ]
     },
     {
@@ -216,13 +328,62 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
       </template>`,
       output: null,
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 5,
+          column: 25,
+          endLine: 5,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 6,
+          column: 25,
+          endLine: 6,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 7,
+          column: 25,
+          endLine: 7,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 8,
+          column: 25,
+          endLine: 8,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 9,
+          column: 25,
+          endLine: 9,
+          endColumn: 28
+        }
       ]
     },
     {
@@ -244,11 +405,46 @@ ruleTester.run('no-deprecated-v-on-number-modifiers', rule, {
         <input @keydown.arrow-down='onKeydown'>
       </template>`,
       errors: [
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
-        "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead."
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 3,
+          column: 25,
+          endLine: 3,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 5,
+          column: 25,
+          endLine: 5,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 6,
+          column: 25,
+          endLine: 6,
+          endColumn: 27
+        },
+        {
+          message:
+            "'KeyboardEvent.keyCode' modifier on 'v-on' directive is deprecated. Using 'KeyboardEvent.key' instead.",
+          line: 7,
+          column: 25,
+          endLine: 7,
+          endColumn: 27
+        }
       ]
     }
   ]

From 8d13b3ce0025b98a5affbd6e36f51c254bcc8555 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:16:43 +0200
Subject: [PATCH 0984/1010] test(no-deprecated-vue-config-keycodes): make tests
 more strict (#2887)

---
 .../no-deprecated-vue-config-keycodes.js      | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-deprecated-vue-config-keycodes.js b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
index ee00e5c37..1a00c1c86 100644
--- a/tests/lib/rules/no-deprecated-vue-config-keycodes.js
+++ b/tests/lib/rules/no-deprecated-vue-config-keycodes.js
@@ -46,12 +46,28 @@ ruleTester.run('no-deprecated-vue-config-keycodes', rule, {
     {
       filename: 'test.js',
       code: 'Vue?.config?.keyCodes',
-      errors: ['`Vue.config.keyCodes` are deprecated.']
+      errors: [
+        {
+          message: '`Vue.config.keyCodes` are deprecated.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 22
+        }
+      ]
     },
     {
       filename: 'test.js',
       code: '(Vue?.config)?.keyCodes',
-      errors: ['`Vue.config.keyCodes` are deprecated.']
+      errors: [
+        {
+          message: '`Vue.config.keyCodes` are deprecated.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     }
   ]
 })

From ee3955e60ba41f9666e6e165051c1027c2883af6 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:17:28 +0200
Subject: [PATCH 0985/1010] test(no-duplicate-attributes): make tests more
 strict (#2888)

---
 tests/lib/rules/no-duplicate-attributes.js | 60 +++++++++++++++++++---
 1 file changed, 54 insertions(+), 6 deletions(-)

diff --git a/tests/lib/rules/no-duplicate-attributes.js b/tests/lib/rules/no-duplicate-attributes.js
index ddb82db16..48dedf509 100644
--- a/tests/lib/rules/no-duplicate-attributes.js
+++ b/tests/lib/rules/no-duplicate-attributes.js
@@ -62,36 +62,84 @@ tester.run('no-duplicate-attributes', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><div foo v-bind:foo></div></div></template>',
-      errors: ["Duplicate attribute 'foo'."]
+      errors: [
+        {
+          message: "Duplicate attribute 'foo'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 35
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div foo :foo></div></div></template>',
-      errors: ["Duplicate attribute 'foo'."]
+      errors: [
+        {
+          message: "Duplicate attribute 'foo'.",
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 29
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div style :style></div></div></template>',
       options: [{ allowCoexistStyle: false }],
-      errors: ["Duplicate attribute 'style'."]
+      errors: [
+        {
+          message: "Duplicate attribute 'style'.",
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 33
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div class :class></div></div></template>',
       options: [{ allowCoexistClass: false }],
-      errors: ["Duplicate attribute 'class'."]
+      errors: [
+        {
+          message: "Duplicate attribute 'class'.",
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 33
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div :style style></div></div></template>',
       options: [{ allowCoexistStyle: false }],
-      errors: ["Duplicate attribute 'style'."]
+      errors: [
+        {
+          message: "Duplicate attribute 'style'.",
+          line: 1,
+          column: 28,
+          endLine: 1,
+          endColumn: 33
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div><div :class class></div></div></template>',
       options: [{ allowCoexistClass: false }],
-      errors: ["Duplicate attribute 'class'."]
+      errors: [
+        {
+          message: "Duplicate attribute 'class'.",
+          line: 1,
+          column: 28,
+          endLine: 1,
+          endColumn: 33
+        }
+      ]
     }
   ]
 })

From fd6fc411c54e3281d7ac6cd7fe4ed5b3c030d737 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 1 Aug 2025 09:29:09 +0200
Subject: [PATCH 0986/1010] Test support for multiple versions of ESLint
 Stylistic (#2884)

---
 .changeset/great-ravens-happen.md    |  5 +++
 .github/workflows/CI.yml             | 49 +++++++++++++++++------
 package.json                         | 10 +++--
 tests/lib/rules/comma-style.js       | 59 ++++++++++++++++++++++++----
 tests/lib/rules/func-call-spacing.js | 47 ++++++++++++++++++++--
 tests/test-utils/eslint-stylistic.js | 16 ++++++++
 6 files changed, 162 insertions(+), 24 deletions(-)
 create mode 100644 .changeset/great-ravens-happen.md
 create mode 100644 tests/test-utils/eslint-stylistic.js

diff --git a/.changeset/great-ravens-happen.md b/.changeset/great-ravens-happen.md
new file mode 100644
index 000000000..eea070fd5
--- /dev/null
+++ b/.changeset/great-ravens-happen.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Added [`@stylistic/eslint-plugin`](https://eslint.style/) as optional peer dependency
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 90bd33ad5..fede1a47a 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -31,12 +31,6 @@ jobs:
     strategy:
       matrix:
         node: [18, 20, 21, 'lts/*']
-        eslint: [9]
-        include:
-          # On old ESLint version
-          - node: 18
-            eslint: 8
-
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -47,8 +41,23 @@ jobs:
           node-version: ${{ matrix.node }}
       - name: Install Packages
         run: npm install
-      - name: Install ESLint v${{ matrix.eslint }}
-        run: npm install --save-dev eslint@${{ matrix.eslint }} -f
+      - name: Test
+        run: npm test
+
+  test-with-eslint-v8:
+    name: Test with ESLint v8
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Node.js v18
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+      - name: Install Packages
+        run: npm install
+      - name: Install ESLint v8
+        run: npm install --save-dev eslint@8 --force
       - name: Test
         run: npm test
 
@@ -63,7 +72,25 @@ jobs:
       - name: Install Packages
         run: npm install
       - name: Uninstall @stylistic/eslint-plugin
-        run: npm uninstall -D @stylistic/eslint-plugin
+        run: npm uninstall @stylistic/eslint-plugin
+      - name: Test
+        run: npm test
+
+  test-with-old-eslint-stylistic:
+    name: Test with old ESLint Stylistic
+    strategy:
+      matrix:
+        stylistic: [2, 3, 4]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+      - name: Install Packages
+        run: npm install
+      - name: Install @stylistic/eslint-plugin v${{ matrix.stylistic }}
+        run: npm install -D @stylistic/eslint-plugin@${{ matrix.stylistic }} --force
       - name: Test
         run: npm test
 
@@ -77,7 +104,7 @@ jobs:
         uses: actions/setup-node@v4
       - name: Install Packages
         run: npm install
-      - name: Install @typescript-eslint/parser@7
-        run: npm install -D @typescript-eslint/parser@7 -f
+      - name: Install @typescript-eslint/parser v7
+        run: npm install -D @typescript-eslint/parser@7 --force
       - name: Test
         run: npm test
diff --git a/package.json b/package.json
index 404e07f32..5266cc3b6 100644
--- a/package.json
+++ b/package.json
@@ -58,11 +58,15 @@
     "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
   },
   "peerDependencies": {
+    "@stylistic/eslint-plugin": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
+    "@typescript-eslint/parser": "^7.0.0 || ^8.0.0",
     "eslint": "^8.57.0 || ^9.0.0",
-    "vue-eslint-parser": "^10.0.0",
-    "@typescript-eslint/parser": "^7.0.0 || ^8.0.0"
+    "vue-eslint-parser": "^10.0.0"
   },
   "peerDependenciesMeta": {
+    "@stylistic/eslint-plugin": {
+      "optional": true
+    },
     "@typescript-eslint/parser": {
       "optional": true
     }
@@ -78,7 +82,7 @@
   "devDependencies": {
     "@changesets/cli": "^2.29.2",
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
-    "@stylistic/eslint-plugin": "^2.12.1",
+    "@stylistic/eslint-plugin": "^5.2.2",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@types/eslint": "^8.56.2",
     "@types/natural-compare": "^1.4.3",
diff --git a/tests/lib/rules/comma-style.js b/tests/lib/rules/comma-style.js
index 82c8e4044..e41ba9b44 100644
--- a/tests/lib/rules/comma-style.js
+++ b/tests/lib/rules/comma-style.js
@@ -3,8 +3,10 @@
  */
 'use strict'
 
+const semver = require('semver')
 const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/comma-style')
+const { eslintStylisticVersion } = require('../../test-utils/eslint-stylistic')
 
 const tester = new RuleTester({
   languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
@@ -34,13 +36,6 @@ tester.run('comma-style', rule, {
         </template>`,
       options: ['first', { exceptions: { ArrowFunctionExpression: false } }]
     },
-    `
-      <template>
-        <CustomButton v-slot="a,
-          b
-          ,c" />
-      </template>
-    `,
     {
       code: `
         <template>
@@ -173,3 +168,53 @@ tester.run('comma-style', rule, {
     }
   ]
 })
+
+if (
+  eslintStylisticVersion === undefined ||
+  semver.lt(eslintStylisticVersion, '3.0.0') ||
+  semver.satisfies(process.version, '<19.0.0 || ^21.0.0')
+) {
+  tester.run('comma-style', rule, {
+    valid: [
+      `
+      <template>
+        <CustomButton v-slot="a,
+          b
+          ,c" />
+      </template>
+    `
+    ],
+    invalid: []
+  })
+} else {
+  tester.run('comma-style', rule, {
+    valid: [],
+    invalid: [
+      {
+        code: `
+        <template>
+          <CustomButton v-slot="a,
+            b
+            ,c" />
+        </template>
+      `,
+        output: `
+        <template>
+          <CustomButton v-slot="a,
+            b,
+            c" />
+        </template>
+      `,
+        errors: [
+          {
+            message: "',' should be placed last.",
+            line: 5,
+            column: 13,
+            endLine: 5,
+            endColumn: 14
+          }
+        ]
+      }
+    ]
+  })
+}
diff --git a/tests/lib/rules/func-call-spacing.js b/tests/lib/rules/func-call-spacing.js
index 7f06f72fc..6dfd86837 100644
--- a/tests/lib/rules/func-call-spacing.js
+++ b/tests/lib/rules/func-call-spacing.js
@@ -3,13 +3,54 @@
  */
 'use strict'
 
+const semver = require('semver')
 const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/func-call-spacing')
+const { eslintStylisticVersion } = require('../../test-utils/eslint-stylistic')
 
 const tester = new RuleTester({
   languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2020 }
 })
 
+/**
+ * @param {number} line
+ * @param {number} column
+ * @param {'unexpected' | 'missing'} errorType
+ * @returns {{line: number, column: number, endLine: number, endColumn: number}}
+ */
+function getErrorPosition(line, column, errorType) {
+  if (
+    eslintStylisticVersion !== undefined &&
+    semver.lt(eslintStylisticVersion, '3.0.0')
+  ) {
+    return {
+      line,
+      column: column - 3,
+      endLine: undefined,
+      endColumn: undefined
+    }
+  }
+
+  if (
+    eslintStylisticVersion === undefined ||
+    semver.satisfies(process.version, '<19.0.0 || ^21.0.0')
+  ) {
+    return {
+      line,
+      column: errorType === 'unexpected' ? column : column - 1,
+      endLine: line,
+      endColumn: column
+    }
+  }
+
+  return {
+    line,
+    column,
+    endLine: line,
+    endColumn: errorType === 'unexpected' ? column + 1 : column
+  }
+}
+
 tester.run('func-call-spacing', rule, {
   valid: [
     `
@@ -61,7 +102,7 @@ tester.run('func-call-spacing', rule, {
       errors: [
         {
           message: 'Unexpected whitespace between function name and paren.',
-          line: 3
+          ...getErrorPosition(3, 23, 'unexpected')
         }
       ]
     },
@@ -80,7 +121,7 @@ tester.run('func-call-spacing', rule, {
       errors: [
         {
           message: 'Missing space between function name and paren.',
-          line: 3
+          ...getErrorPosition(3, 23, 'missing')
         }
       ]
     },
@@ -102,7 +143,7 @@ tester.run('func-call-spacing', rule, {
       errors: [
         {
           message: 'Unexpected whitespace between function name and paren.',
-          line: 4
+          ...getErrorPosition(4, 27, 'unexpected')
         }
       ]
     }
diff --git a/tests/test-utils/eslint-stylistic.js b/tests/test-utils/eslint-stylistic.js
new file mode 100644
index 000000000..81fc774f3
--- /dev/null
+++ b/tests/test-utils/eslint-stylistic.js
@@ -0,0 +1,16 @@
+const { existsSync, readFileSync } = require('node:fs')
+const path = require('node:path')
+
+const eslintStylisticPackagePath = path.join(
+  __dirname,
+  '../..',
+  'node_modules',
+  '@stylistic',
+  'eslint-plugin',
+  'package.json'
+)
+const eslintStylisticVersion = existsSync(eslintStylisticPackagePath)
+  ? JSON.parse(readFileSync(eslintStylisticPackagePath, 'utf8')).version
+  : undefined
+
+module.exports = { eslintStylisticVersion }

From 2331d1de99074622e6290c340b6e77d57c7bd122 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:31:58 +0200
Subject: [PATCH 0987/1010] test(no-ref-as-operand): make tests more strict
 (#2908)

---
 tests/lib/rules/no-ref-as-operand.js | 157 +++++++++++++++++++++------
 1 file changed, 125 insertions(+), 32 deletions(-)

diff --git a/tests/lib/rules/no-ref-as-operand.js b/tests/lib/rules/no-ref-as-operand.js
index 9db2ab3a0..86cd7bd54 100644
--- a/tests/lib/rules/no-ref-as-operand.js
+++ b/tests/lib/rules/no-ref-as-operand.js
@@ -490,7 +490,10 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 4
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 14
         }
       ]
     },
@@ -512,7 +515,10 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 4
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 18
         }
       ]
     },
@@ -536,19 +542,31 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 4
+          line: 4,
+          column: 16,
+          endLine: 4,
+          endColumn: 19
         },
         {
           messageId: 'requireDotValue',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 19
         },
         {
           messageId: 'requireDotValue',
-          line: 6
+          line: 6,
+          column: 16,
+          endLine: 6,
+          endColumn: 19
         },
         {
           messageId: 'requireDotValue',
-          line: 7
+          line: 7,
+          column: 16,
+          endLine: 7,
+          endColumn: 19
         }
       ]
     },
@@ -572,19 +590,31 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 4
+          line: 4,
+          column: 7,
+          endLine: 4,
+          endColumn: 10
         },
         {
           messageId: 'requireDotValue',
-          line: 5
+          line: 5,
+          column: 7,
+          endLine: 5,
+          endColumn: 10
         },
         {
           messageId: 'requireDotValue',
-          line: 6
+          line: 6,
+          column: 14,
+          endLine: 6,
+          endColumn: 17
         },
         {
           messageId: 'requireDotValue',
-          line: 7
+          line: 7,
+          column: 14,
+          endLine: 7,
+          endColumn: 17
         }
       ]
     },
@@ -604,11 +634,17 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 4
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 18
         },
         {
           messageId: 'requireDotValue',
-          line: 5
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 18
         }
       ]
     },
@@ -626,7 +662,10 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 4
+          line: 4,
+          column: 15,
+          endLine: 4,
+          endColumn: 18
         }
       ]
     },
@@ -666,15 +705,24 @@ tester.run('no-ref-as-operand', rule, {
       errors: [
         {
           messageId: 'requireDotValue',
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 18
         },
         {
           messageId: 'requireDotValue',
-          line: 8
+          line: 8,
+          column: 25,
+          endLine: 8,
+          endColumn: 30
         },
         {
           messageId: 'requireDotValue',
-          line: 9
+          line: 9,
+          column: 29,
+          endLine: 9,
+          endColumn: 34
         }
       ]
     },
@@ -763,27 +811,42 @@ tester.run('no-ref-as-operand', rule, {
         {
           message:
             'Must use `.value` to read or write the value wrapped by `ref()`.',
-          line: 33
+          line: 33,
+          column: 9,
+          endLine: 33,
+          endColumn: 14
         },
         {
           message:
             'Must use `.value` to read or write the value wrapped by `computed()`.',
-          line: 34
+          line: 34,
+          column: 9,
+          endLine: 34,
+          endColumn: 15
         },
         {
           message:
             'Must use `.value` to read or write the value wrapped by `toRef()`.',
-          line: 36
+          line: 36,
+          column: 22,
+          endLine: 36,
+          endColumn: 28
         },
         {
           message:
             'Must use `.value` to read or write the value wrapped by `customRef()`.',
-          line: 36
+          line: 36,
+          column: 34,
+          endLine: 36,
+          endColumn: 38
         },
         {
           message:
             'Must use `.value` to read or write the value wrapped by `shallowRef()`.',
-          line: 38
+          line: 38,
+          column: 19,
+          endLine: 38,
+          endColumn: 22
         }
       ]
     },
@@ -804,7 +867,11 @@ tester.run('no-ref-as-operand', rule, {
       `,
       errors: [
         {
-          messageId: 'requireDotValue'
+          messageId: 'requireDotValue',
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 12
         }
       ]
     },
@@ -825,7 +892,11 @@ tester.run('no-ref-as-operand', rule, {
       `,
       errors: [
         {
-          messageId: 'requireDotValue'
+          messageId: 'requireDotValue',
+          line: 5,
+          column: 21,
+          endLine: 5,
+          endColumn: 24
         }
       ]
     },
@@ -859,7 +930,9 @@ tester.run('no-ref-as-operand', rule, {
           message:
             'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 10,
-          column: 7
+          column: 7,
+          endLine: 10,
+          endColumn: 10
         }
       ]
     },
@@ -892,12 +965,18 @@ tester.run('no-ref-as-operand', rule, {
         {
           message:
             'Must use `.value` to read or write the value wrapped by `defineModel()`.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 18
         },
         {
           message:
             'Must use `.value` to read or write the value wrapped by `defineModel()`.',
-          line: 9
+          line: 9,
+          column: 9,
+          endLine: 9,
+          endColumn: 14
         }
       ]
     },
@@ -930,12 +1009,18 @@ tester.run('no-ref-as-operand', rule, {
         {
           message:
             'Must use `.value` to read or write the value wrapped by `defineModel()`.',
-          line: 6
+          line: 6,
+          column: 13,
+          endLine: 6,
+          endColumn: 18
         },
         {
           message:
             'Must use `.value` to read or write the value wrapped by `defineModel()`.',
-          line: 9
+          line: 9,
+          column: 9,
+          endLine: 9,
+          endColumn: 14
         }
       ]
     },
@@ -967,7 +1052,9 @@ tester.run('no-ref-as-operand', rule, {
           message:
             'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 8,
-          endLine: 8
+          column: 23,
+          endLine: 8,
+          endColumn: 28
         }
       ]
     },
@@ -1013,7 +1100,9 @@ tester.run('no-ref-as-operand', rule, {
           message:
             'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 10,
-          endLine: 10
+          column: 35,
+          endLine: 10,
+          endColumn: 42
         }
       ]
     },
@@ -1059,7 +1148,9 @@ tester.run('no-ref-as-operand', rule, {
           message:
             'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 10,
-          endLine: 10
+          column: 31,
+          endLine: 10,
+          endColumn: 38
         }
       ]
     },
@@ -1105,7 +1196,9 @@ tester.run('no-ref-as-operand', rule, {
           message:
             'Must use `.value` to read or write the value wrapped by `ref()`.',
           line: 10,
-          endLine: 10
+          column: 38,
+          endLine: 10,
+          endColumn: 45
         }
       ]
     },

From 6a8d28d709645d1731f239ab8c23648c5d080d64 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:36:25 +0200
Subject: [PATCH 0988/1010] test(no-multi-spaces): make tests more strict
 (#2905)

---
 tests/lib/rules/no-multi-spaces.js | 120 ++++++++++++++++++++++++-----
 1 file changed, 100 insertions(+), 20 deletions(-)

diff --git a/tests/lib/rules/no-multi-spaces.js b/tests/lib/rules/no-multi-spaces.js
index be4440858..784718270 100644
--- a/tests/lib/rules/no-multi-spaces.js
+++ b/tests/lib/rules/no-multi-spaces.js
@@ -82,7 +82,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 20
         }
       ]
     },
@@ -92,11 +96,19 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before 'class'.",
-          type: 'HTMLIdentifier'
+          type: 'HTMLIdentifier',
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 18
         },
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 29,
+          endLine: 1,
+          endColumn: 31
         }
       ]
     },
@@ -106,11 +118,19 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before 'class'.",
-          type: 'HTMLIdentifier'
+          type: 'HTMLIdentifier',
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 17
         },
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 28,
+          endLine: 1,
+          endColumn: 30
         }
       ]
     },
@@ -120,11 +140,19 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before ':'.",
-          type: 'Punctuator'
+          type: 'Punctuator',
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 18
         },
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 30,
+          endLine: 1,
+          endColumn: 32
         }
       ]
     },
@@ -134,7 +162,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 35,
+          endLine: 1,
+          endColumn: 37
         }
       ]
     },
@@ -144,7 +176,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 34,
+          endLine: 1,
+          endColumn: 36
         }
       ]
     },
@@ -154,7 +190,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 1,
+          column: 36,
+          endLine: 1,
+          endColumn: 38
         }
       ]
     },
@@ -164,7 +204,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before '/>'.",
-          type: 'HTMLSelfClosingTagClose'
+          type: 'HTMLSelfClosingTagClose',
+          line: 2,
+          column: 21,
+          endLine: 2,
+          endColumn: 25
         }
       ]
     },
@@ -174,11 +218,19 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before 'test'.",
-          type: 'Identifier'
+          type: 'Identifier',
+          line: 1,
+          column: 18,
+          endLine: 1,
+          endColumn: 20
         },
         {
           message: "Multiple spaces found before '}}'.",
-          type: 'VExpressionEnd'
+          type: 'VExpressionEnd',
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 26
         }
       ]
     },
@@ -188,7 +240,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before '>'.",
-          type: 'HTMLTagClose'
+          type: 'HTMLTagClose',
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 30
         }
       ]
     },
@@ -198,19 +254,35 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before 'i'.",
-          type: 'Identifier'
+          type: 'Identifier',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 29
         },
         {
           message: "Multiple spaces found before 'in'.",
-          type: 'Keyword'
+          type: 'Keyword',
+          line: 1,
+          column: 30,
+          endLine: 1,
+          endColumn: 34
         },
         {
           message: "Multiple spaces found before 'b'.",
-          type: 'Identifier'
+          type: 'Identifier',
+          line: 1,
+          column: 36,
+          endLine: 1,
+          endColumn: 40
         },
         {
           message: "Multiple spaces found before '\"'.",
-          type: 'Punctuator'
+          type: 'Punctuator',
+          line: 1,
+          column: 41,
+          endLine: 1,
+          endColumn: 48
         }
       ]
     },
@@ -238,7 +310,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before ':'.",
-          type: 'Punctuator'
+          type: 'Punctuator',
+          line: 5,
+          column: 26,
+          endLine: 5,
+          endColumn: 29
         }
       ]
     },
@@ -266,7 +342,11 @@ ruleTester.run('no-multi-spaces', rule, {
       errors: [
         {
           message: "Multiple spaces found before 'isExpanded'.",
-          type: 'Identifier'
+          type: 'Identifier',
+          line: 5,
+          column: 27,
+          endLine: 5,
+          endColumn: 30
         }
       ]
     }

From ad9920dcae65433d8b5378afc3b887a05a74de46 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:37:24 +0200
Subject: [PATCH 0989/1010] test(no-mutating-props): make tests more strict
 (#2906)

---
 tests/lib/rules/no-mutating-props.js | 404 ++++++++++++++++++++++-----
 1 file changed, 330 insertions(+), 74 deletions(-)

diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index f47568a46..d4584b57c 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -442,31 +442,52 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "prop1" prop.',
-          line: 4
+          line: 4,
+          column: 24,
+          endLine: 4,
+          endColumn: 38
         },
         {
           message: 'Unexpected mutation of "prop2" prop.',
-          line: 5
+          line: 5,
+          column: 24,
+          endLine: 5,
+          endColumn: 31
         },
         {
           message: 'Unexpected mutation of "prop3" prop.',
-          line: 6
+          line: 6,
+          column: 26,
+          endLine: 6,
+          endColumn: 39
         },
         {
           message: 'Unexpected mutation of "prop5" prop.',
-          line: 8
+          line: 8,
+          column: 24,
+          endLine: 8,
+          endColumn: 60
         },
         {
           message: 'Unexpected mutation of "prop6" prop.',
-          line: 9
+          line: 9,
+          column: 24,
+          endLine: 9,
+          endColumn: 36
         },
         {
           message: 'Unexpected mutation of "prop7" prop.',
-          line: 10
+          line: 10,
+          column: 26,
+          endLine: 10,
+          endColumn: 44
         },
         {
           message: 'Unexpected mutation of "prop9" prop.',
-          line: 12
+          line: 12,
+          column: 24,
+          endLine: 12,
+          endColumn: 38
         }
       ]
     },
@@ -490,8 +511,20 @@ ruleTester.run('no-mutating-props', rule, {
         </script>
       `,
       errors: [
-        'Unexpected mutation of "prop1" prop.',
-        'Unexpected mutation of "prop5" prop.'
+        {
+          message: 'Unexpected mutation of "prop1" prop.',
+          line: 4,
+          column: 26,
+          endLine: 4,
+          endColumn: 42
+        },
+        {
+          message: 'Unexpected mutation of "prop5" prop.',
+          line: 8,
+          column: 26,
+          endLine: 8,
+          endColumn: 48
+        }
       ]
     },
     {
@@ -511,9 +544,27 @@ ruleTester.run('no-mutating-props', rule, {
         </script>
       `,
       errors: [
-        'Unexpected mutation of "prop1" prop.',
-        'Unexpected mutation of "prop2" prop.',
-        'Unexpected mutation of "prop3" prop.'
+        {
+          message: 'Unexpected mutation of "prop1" prop.',
+          line: 4,
+          column: 26,
+          endLine: 4,
+          endColumn: 44
+        },
+        {
+          message: 'Unexpected mutation of "prop2" prop.',
+          line: 5,
+          column: 26,
+          endLine: 5,
+          endColumn: 50
+        },
+        {
+          message: 'Unexpected mutation of "prop3" prop.',
+          line: 6,
+          column: 26,
+          endLine: 6,
+          endColumn: 50
+        }
       ]
     },
     {
@@ -536,19 +587,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "prop1" prop.',
-          line: 4
+          line: 4,
+          column: 29,
+          endLine: 4,
+          endColumn: 39
         },
         {
           message: 'Unexpected mutation of "prop2" prop.',
-          line: 5
+          line: 5,
+          column: 29,
+          endLine: 5,
+          endColumn: 34
         },
         {
           message: 'Unexpected mutation of "prop3" prop.',
-          line: 6
+          line: 6,
+          column: 29,
+          endLine: 6,
+          endColumn: 44
         },
         {
           message: 'Unexpected mutation of "prop4" prop.',
-          line: 7
+          line: 7,
+          column: 29,
+          endLine: 7,
+          endColumn: 39
         }
       ]
     },
@@ -581,19 +644,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "items" prop.',
-          line: 16
+          line: 16,
+          column: 17,
+          endLine: 16,
+          endColumn: 29
         },
         {
           message: 'Unexpected mutation of "todo" prop.',
-          line: 17
+          line: 17,
+          column: 17,
+          endLine: 17,
+          endColumn: 45
         },
         {
           message: 'Unexpected mutation of "items" prop.',
-          line: 18
+          line: 18,
+          column: 17,
+          endLine: 18,
+          endColumn: 45
         },
         {
           message: 'Unexpected mutation of "todo" prop.',
-          line: 19
+          line: 19,
+          column: 17,
+          endLine: 19,
+          endColumn: 38
         }
       ]
     },
@@ -614,9 +689,27 @@ ruleTester.run('no-mutating-props', rule, {
         </script>
       `,
       errors: [
-        'Unexpected mutation of "foo" prop.',
-        'Unexpected mutation of "bar" prop.',
-        'Unexpected mutation of "baz" prop.'
+        {
+          message: 'Unexpected mutation of "foo" prop.',
+          line: 7,
+          column: 17,
+          endLine: 7,
+          endColumn: 47
+        },
+        {
+          message: 'Unexpected mutation of "bar" prop.',
+          line: 8,
+          column: 18,
+          endLine: 8,
+          endColumn: 50
+        },
+        {
+          message: 'Unexpected mutation of "baz" prop.',
+          line: 9,
+          column: 18,
+          endLine: 9,
+          endColumn: 50
+        }
       ]
     },
     {
@@ -641,7 +734,10 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "prop" prop.',
-          line: 8
+          line: 8,
+          column: 31,
+          endLine: 8,
+          endColumn: 35
         }
       ]
     },
@@ -666,11 +762,17 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "prop" prop.',
-          line: 5
+          line: 5,
+          column: 31,
+          endLine: 5,
+          endColumn: 40
         },
         {
           message: 'Unexpected mutation of "prop" prop.',
-          line: 7
+          line: 7,
+          column: 28,
+          endLine: 7,
+          endColumn: 45
         }
       ]
     },
@@ -698,15 +800,24 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "prop" prop.',
-          line: 4
+          line: 4,
+          column: 38,
+          endLine: 4,
+          endColumn: 47
         },
         {
           message: 'Unexpected mutation of "prop" prop.',
-          line: 5
+          line: 5,
+          column: 38,
+          endLine: 5,
+          endColumn: 42
         },
         {
           message: 'Unexpected mutation of "prop" prop.',
-          line: 10
+          line: 10,
+          column: 40,
+          endLine: 10,
+          endColumn: 49
         }
       ]
     },
@@ -743,27 +854,45 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "prop1" prop.',
-          line: 4
+          line: 4,
+          column: 24,
+          endLine: 4,
+          endColumn: 38
         },
         {
           message: 'Unexpected mutation of "prop2" prop.',
-          line: 5
+          line: 5,
+          column: 24,
+          endLine: 5,
+          endColumn: 31
         },
         {
           message: 'Unexpected mutation of "prop5" prop.',
-          line: 8
+          line: 8,
+          column: 24,
+          endLine: 8,
+          endColumn: 60
         },
         {
           message: 'Unexpected mutation of "prop6" prop.',
-          line: 9
+          line: 9,
+          column: 24,
+          endLine: 9,
+          endColumn: 36
         },
         {
           message: 'Unexpected mutation of "prop10" prop.',
-          line: 13
+          line: 13,
+          column: 24,
+          endLine: 13,
+          endColumn: 42
         },
         {
           message: 'Unexpected mutation of "prop10" prop.',
-          line: 22
+          line: 22,
+          column: 17,
+          endLine: 22,
+          endColumn: 35
         }
       ]
     },
@@ -786,19 +915,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 5
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 25
         },
         {
           message: 'Unexpected mutation of "b" prop.',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 26
         },
         {
           message: 'Unexpected mutation of "c" prop.',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 30
         },
         {
           message: 'Unexpected mutation of "d" prop.',
-          line: 8
+          line: 8,
+          column: 15,
+          endLine: 8,
+          endColumn: 29
         }
       ]
     },
@@ -823,31 +964,52 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 5
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 23
         },
         {
           message: 'Unexpected mutation of "b" prop.',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 24
         },
         {
           message: 'Unexpected mutation of "c" prop.',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 24
         },
         {
           message: 'Unexpected mutation of "c" prop.',
-          line: 9
+          line: 9,
+          column: 15,
+          endLine: 9,
+          endColumn: 26
         },
         {
           message: 'Unexpected mutation of "c" prop.',
-          line: 10
+          line: 10,
+          column: 15,
+          endLine: 10,
+          endColumn: 25
         },
         {
           message: 'Unexpected mutation of "d" prop.',
-          line: 11
+          line: 11,
+          column: 15,
+          endLine: 11,
+          endColumn: 22
         },
         {
           message: 'Unexpected mutation of "d" prop.',
-          line: 12
+          line: 12,
+          column: 15,
+          endLine: 12,
+          endColumn: 22
         }
       ]
     },
@@ -869,19 +1031,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 5
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 23
         },
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 27
         },
         {
           message: 'Unexpected mutation of "b" prop.',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 24
         },
         {
           message: 'Unexpected mutation of "c" prop.',
-          line: 8
+          line: 8,
+          column: 15,
+          endLine: 8,
+          endColumn: 26
         }
       ]
     },
@@ -902,19 +1076,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 5
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 25
         },
         {
           message: 'Unexpected mutation of "b" prop.',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 26
         },
         {
           message: 'Unexpected mutation of "c" prop.',
-          line: 7
+          line: 7,
+          column: 15,
+          endLine: 7,
+          endColumn: 30
         },
         {
           message: 'Unexpected mutation of "d" prop.',
-          line: 8
+          line: 8,
+          column: 15,
+          endLine: 8,
+          endColumn: 29
         }
       ]
     },
@@ -929,7 +1115,15 @@ ruleTester.run('no-mutating-props', rule, {
           }
         </script>
       `,
-      errors: ['Unexpected mutation of "[a]" prop.']
+      errors: [
+        {
+          message: 'Unexpected mutation of "[a]" prop.',
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -942,7 +1136,15 @@ ruleTester.run('no-mutating-props', rule, {
           }
         </script>
       `,
-      errors: ['Unexpected mutation of "[a]" prop.']
+      errors: [
+        {
+          message: 'Unexpected mutation of "[a]" prop.',
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 23
+        }
+      ]
     },
 
     {
@@ -959,7 +1161,10 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "[foo]" prop.',
-          line: 7
+          line: 7,
+          column: 27,
+          endLine: 7,
+          endColumn: 37
         }
       ]
     },
@@ -979,11 +1184,17 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "value" prop.',
-          line: 3
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 32
         },
         {
           message: 'Unexpected mutation of "value" prop.',
-          line: 4
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 38
         }
       ]
     },
@@ -1000,7 +1211,10 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "value" prop.',
-          line: 6
+          line: 6,
+          column: 9,
+          endLine: 6,
+          endColumn: 22
         }
       ]
     },
@@ -1017,7 +1231,10 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "value" prop.',
-          line: 6
+          line: 6,
+          column: 9,
+          endLine: 6,
+          endColumn: 22
         }
       ]
     },
@@ -1039,7 +1256,10 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "value" prop.',
-          line: 6
+          line: 6,
+          column: 9,
+          endLine: 6,
+          endColumn: 22
         }
       ]
     },
@@ -1066,19 +1286,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 5
+          line: 5,
+          column: 15,
+          endLine: 5,
+          endColumn: 25
         },
         {
           message: 'Unexpected mutation of "b" prop.',
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 26
         },
         {
           message: 'Unexpected mutation of "d" prop.',
-          line: 8
+          line: 8,
+          column: 15,
+          endLine: 8,
+          endColumn: 29
         },
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 11
+          line: 11,
+          column: 17,
+          endLine: 11,
+          endColumn: 27
         }
       ]
     },
@@ -1109,19 +1341,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "bar" prop.',
-          line: 4
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 30
         },
         {
           message: 'Unexpected mutation of "window" prop.',
-          line: 5
+          line: 5,
+          column: 27,
+          endLine: 5,
+          endColumn: 33
         },
         {
           message: 'Unexpected mutation of "Infinity" prop.',
-          line: 6
+          line: 6,
+          column: 27,
+          endLine: 6,
+          endColumn: 35
         },
         {
           message: 'Unexpected mutation of "obj" prop.',
-          line: 18
+          line: 18,
+          column: 9,
+          endLine: 18,
+          endColumn: 19
         }
       ]
     },
@@ -1149,19 +1393,31 @@ ruleTester.run('no-mutating-props', rule, {
       errors: [
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 3
+          line: 3,
+          column: 27,
+          endLine: 3,
+          endColumn: 37
         },
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 4
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 31
         },
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 7
+          line: 7,
+          column: 27,
+          endLine: 7,
+          endColumn: 34
         },
         {
           message: 'Unexpected mutation of "a" prop.',
-          line: 15
+          line: 15,
+          column: 11,
+          endLine: 15,
+          endColumn: 21
         }
       ]
     }

From 2ca15ca7f5ee9aad632892c13dffcb4c4d626a04 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:38:51 +0200
Subject: [PATCH 0990/1010] test(no-parsing-error): make tests more strict
 (#2907)

---
 tests/lib/rules/no-parsing-error.js | 623 ++++++++++++++++++++++++----
 1 file changed, 545 insertions(+), 78 deletions(-)

diff --git a/tests/lib/rules/no-parsing-error.js b/tests/lib/rules/no-parsing-error.js
index 1408fb7d8..54194a7b5 100644
--- a/tests/lib/rules/no-parsing-error.js
+++ b/tests/lib/rules/no-parsing-error.js
@@ -223,22 +223,46 @@ tester.run('no-parsing-error', rule, {
     {
       filename: 'test.vue',
       code: '<template>{{a b c}}</template>',
-      errors: ['Parsing error: Unexpected token b.']
+      errors: [
+        {
+          message: 'Parsing error: Unexpected token b.',
+          line: 1,
+          column: 15
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div>{{a b c}}</div></template>',
-      errors: ['Parsing error: Unexpected token b.']
+      errors: [
+        {
+          message: 'Parsing error: Unexpected token b.',
+          line: 1,
+          column: 20
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-show="a b c">hello</div></template>',
-      errors: ['Parsing error: Unexpected token b.']
+      errors: [
+        {
+          message: 'Parsing error: Unexpected token b.',
+          line: 1,
+          column: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-show="a;b;">hello</div></template>',
-      errors: ['Parsing error: Unexpected token ;.']
+      errors: [
+        {
+          message: 'Parsing error: Unexpected token ;.',
+          line: 1,
+          column: 25
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -247,6 +271,7 @@ tester.run('no-parsing-error', rule, {
         {
           message:
             'Parsing error: Expected to be an expression, but got empty.',
+          line: 1,
           column: 24
         }
       ]
@@ -257,6 +282,7 @@ tester.run('no-parsing-error', rule, {
       errors: [
         {
           message: 'Parsing error: Expected to be an alias, but got empty.',
+          line: 1,
           column: 23
         }
       ]
@@ -264,181 +290,388 @@ tester.run('no-parsing-error', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-for="foo() in list">hello</div></template>',
-      errors: [{ message: 'Parsing error: Unexpected token (.', column: 26 }]
+      errors: [
+        { message: 'Parsing error: Unexpected token (.', line: 1, column: 26 }
+      ]
     },
     {
       code: `<template><!--></template>`,
       options: [{ 'abrupt-closing-of-empty-comment': true }],
-      errors: ['Parsing error: abrupt-closing-of-empty-comment.']
+      errors: [
+        {
+          message: 'Parsing error: abrupt-closing-of-empty-comment.',
+          line: 1,
+          column: 15
+        }
+      ]
     },
     {
       code: `<template><!---></template>`,
       options: [{ 'abrupt-closing-of-empty-comment': true }],
-      errors: ['Parsing error: abrupt-closing-of-empty-comment.']
+      errors: [
+        {
+          message: 'Parsing error: abrupt-closing-of-empty-comment.',
+          line: 1,
+          column: 16
+        }
+      ]
     },
     {
       code: `<template>&#qux;</template>`,
       options: [{ 'absence-of-digits-in-numeric-character-reference': true }],
       errors: [
-        'Parsing error: absence-of-digits-in-numeric-character-reference.'
+        {
+          message:
+            'Parsing error: absence-of-digits-in-numeric-character-reference.',
+          line: 1,
+          column: 13
+        }
       ]
     },
     {
       code: '<template><![CDATA[cdata]]></template>',
       options: [{ 'cdata-in-html-content': true }],
-      errors: ['Parsing error: cdata-in-html-content.']
+      errors: [
+        {
+          message: 'Parsing error: cdata-in-html-content.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template>&#1234567;</template>',
       options: [{ 'character-reference-outside-unicode-range': true }],
-      errors: ['Parsing error: character-reference-outside-unicode-range.']
+      errors: [
+        {
+          message: 'Parsing error: character-reference-outside-unicode-range.',
+          line: 1,
+          column: 21
+        }
+      ]
     },
     {
       code: '<template>\u0003</template>',
       options: [{ 'control-character-in-input-stream': true }],
-      errors: ['Parsing error: control-character-in-input-stream.']
+      errors: [
+        {
+          message: 'Parsing error: control-character-in-input-stream.',
+          line: 1,
+          column: 10
+        }
+      ]
     },
     {
       code: '<template>&#0003;</template>',
       options: [{ 'control-character-reference': true }],
-      errors: ['Parsing error: control-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: control-character-reference.',
+          line: 1,
+          column: 18
+        }
+      ]
     },
     {
       code: '<template><',
       options: [{ 'eof-before-tag-name': true }],
-      errors: ['Parsing error: eof-before-tag-name.']
+      errors: [
+        {
+          message: 'Parsing error: eof-before-tag-name.',
+          line: 1,
+          column: 12
+        }
+      ]
     },
     {
       code: '<template><svg><![CDATA[cdata',
       options: [{ 'eof-in-cdata': true }],
-      errors: ['Parsing error: eof-in-cdata.']
+      errors: [
+        {
+          message: 'Parsing error: eof-in-cdata.',
+          line: 1,
+          column: 30
+        }
+      ]
     },
     {
       code: '<template><!--comment',
       options: [{ 'eof-in-comment': true }],
-      errors: ['Parsing error: eof-in-comment.']
+      errors: [
+        {
+          message: 'Parsing error: eof-in-comment.',
+          line: 1,
+          column: 22
+        }
+      ]
     },
     {
       code: '<template><div class=""',
       options: [{ 'eof-in-tag': true }],
-      errors: ['Parsing error: eof-in-tag.']
+      errors: [
+        {
+          message: 'Parsing error: eof-in-tag.',
+          line: 1,
+          column: 24
+        }
+      ]
     },
     {
       code: '<template><!--comment--!></template>',
       options: [{ 'incorrectly-closed-comment': true }],
-      errors: ['Parsing error: incorrectly-closed-comment.']
+      errors: [
+        {
+          message: 'Parsing error: incorrectly-closed-comment.',
+          line: 1,
+          column: 25
+        }
+      ]
     },
     {
       code: '<template><!ELEMENT br EMPTY></template>',
       options: [{ 'incorrectly-opened-comment': true }],
-      errors: ['Parsing error: incorrectly-opened-comment.']
+      errors: [
+        {
+          message: 'Parsing error: incorrectly-opened-comment.',
+          line: 1,
+          column: 13
+        }
+      ]
     },
     {
       code: '<template><👍>/template>',
       options: [{ 'invalid-first-character-of-tag-name': true }],
-      errors: ['Parsing error: invalid-first-character-of-tag-name.']
+      errors: [
+        {
+          message: 'Parsing error: invalid-first-character-of-tag-name.',
+          line: 1,
+          column: 12
+        }
+      ]
     },
     {
       code: '<template><div id=></template>',
       options: [{ 'missing-attribute-value': true }],
-      errors: ['Parsing error: missing-attribute-value.']
+      errors: [
+        {
+          message: 'Parsing error: missing-attribute-value.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template></></template>',
       options: [{ 'missing-end-tag-name': true }],
-      errors: ['Parsing error: missing-end-tag-name.']
+      errors: [
+        {
+          message: 'Parsing error: missing-end-tag-name.',
+          line: 1,
+          column: 13
+        }
+      ]
     },
     {
       code: '<template>&amp</template>',
       options: [{ 'missing-semicolon-after-character-reference': true }],
-      errors: ['Parsing error: missing-semicolon-after-character-reference.']
+      errors: [
+        {
+          message:
+            'Parsing error: missing-semicolon-after-character-reference.',
+          line: 1,
+          column: 14
+        }
+      ]
     },
     {
       code: '<template><div id="foo"class="bar"></template>',
       options: [{ 'missing-whitespace-between-attributes': true }],
-      errors: ['Parsing error: missing-whitespace-between-attributes.']
+      errors: [
+        {
+          message: 'Parsing error: missing-whitespace-between-attributes.',
+          line: 1,
+          column: 24
+        }
+      ]
     },
     {
       code: '<template><!--a<!--b--></template>',
       options: [{ 'nested-comment': true }],
-      errors: ['Parsing error: nested-comment.']
+      errors: [
+        {
+          message: 'Parsing error: nested-comment.',
+          line: 1,
+          column: 20
+        }
+      ]
     },
     {
       code: '<template>&#xFFFE;</template>',
       options: [{ 'noncharacter-character-reference': true }],
-      errors: ['Parsing error: noncharacter-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: noncharacter-character-reference.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template>\uFFFE</template>',
       options: [{ 'noncharacter-in-input-stream': true }],
-      errors: ['Parsing error: noncharacter-in-input-stream.']
+      errors: [
+        {
+          message: 'Parsing error: noncharacter-in-input-stream.',
+          line: 1,
+          column: 10
+        }
+      ]
     },
     {
       code: '<template>&#0000;</template>',
       options: [{ 'null-character-reference': true }],
-      errors: ['Parsing error: null-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: null-character-reference.',
+          line: 1,
+          column: 18
+        }
+      ]
     },
     {
       code: '<template>&#xD800;</template>',
       options: [{ 'surrogate-character-reference': true }],
-      errors: ['Parsing error: surrogate-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: surrogate-character-reference.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template>\uD800</template>',
       options: [{ 'surrogate-in-input-stream': true }],
-      errors: ['Parsing error: surrogate-in-input-stream.']
+      errors: [
+        {
+          message: 'Parsing error: surrogate-in-input-stream.',
+          line: 1,
+          column: 10
+        }
+      ]
     },
     {
       code: '<template><div a"bc=""></template>',
       options: [{ 'unexpected-character-in-attribute-name': true }],
-      errors: ['Parsing error: unexpected-character-in-attribute-name.']
+      errors: [
+        {
+          message: 'Parsing error: unexpected-character-in-attribute-name.',
+          line: 1,
+          column: 17
+        }
+      ]
     },
     {
       code: '<template><div foo=bar"></template>',
       options: [{ 'unexpected-character-in-unquoted-attribute-value': true }],
       errors: [
-        'Parsing error: unexpected-character-in-unquoted-attribute-value.'
+        {
+          message:
+            'Parsing error: unexpected-character-in-unquoted-attribute-value.',
+          line: 1,
+          column: 23
+        }
       ]
     },
     {
       code: '<template><div =foo></template>',
       options: [{ 'unexpected-equals-sign-before-attribute-name': true }],
-      errors: ['Parsing error: unexpected-equals-sign-before-attribute-name.']
+      errors: [
+        {
+          message:
+            'Parsing error: unexpected-equals-sign-before-attribute-name.',
+          line: 1,
+          column: 16
+        }
+      ]
     },
     {
       code: '<template>\u0000</template>',
       options: [{ 'unexpected-null-character': true }],
-      errors: ['Parsing error: unexpected-null-character.']
+      errors: [
+        {
+          message: 'Parsing error: unexpected-null-character.',
+          line: 1,
+          column: 11
+        }
+      ]
     },
     {
       code: '<template><?xml?></template>',
       options: [{ 'unexpected-question-mark-instead-of-tag-name': true }],
-      errors: ['Parsing error: unexpected-question-mark-instead-of-tag-name.']
+      errors: [
+        {
+          message:
+            'Parsing error: unexpected-question-mark-instead-of-tag-name.',
+          line: 1,
+          column: 12
+        }
+      ]
     },
     {
       code: '<template><div id="" / class=""></template>',
       options: [{ 'unexpected-solidus-in-tag': true }],
-      errors: ['Parsing error: unexpected-solidus-in-tag.']
+      errors: [
+        {
+          message: 'Parsing error: unexpected-solidus-in-tag.',
+          line: 1,
+          column: 23
+        }
+      ]
     },
     {
       code: '<template>&unknown;</template>',
       options: [{ 'unknown-named-character-reference': true }],
-      errors: ['Parsing error: unknown-named-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: unknown-named-character-reference.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template><div></div id=""></template>',
       options: [{ 'end-tag-with-attributes': true }],
-      errors: ['Parsing error: end-tag-with-attributes.']
+      errors: [
+        {
+          message: 'Parsing error: end-tag-with-attributes.',
+          line: 1,
+          column: 22
+        }
+      ]
     },
     {
       code: '<template><div id="" id=""></div></template>',
       options: [{ 'duplicate-attribute': true }],
-      errors: ['Parsing error: duplicate-attribute.']
+      errors: [
+        {
+          message: 'Parsing error: duplicate-attribute.',
+          line: 1,
+          column: 22
+        }
+      ]
     },
     {
       code: '<template><div></div/></template>',
       options: [{ 'end-tag-with-trailing-solidus': true }],
-      errors: ['Parsing error: end-tag-with-trailing-solidus.']
+      errors: [
+        {
+          message: 'Parsing error: end-tag-with-trailing-solidus.',
+          line: 1,
+          column: 21
+        }
+      ]
     },
     {
       code: '<template><div/></template>',
@@ -446,166 +679,400 @@ tester.run('no-parsing-error', rule, {
         { 'non-void-html-element-start-tag-with-trailing-solidus': true }
       ],
       errors: [
-        'Parsing error: non-void-html-element-start-tag-with-trailing-solidus.'
+        {
+          message:
+            'Parsing error: non-void-html-element-start-tag-with-trailing-solidus.',
+          line: 1,
+          column: 11
+        }
       ]
     },
     {
       code: '<template></div></template>',
       options: [{ 'x-invalid-end-tag': true }],
-      errors: ['Parsing error: x-invalid-end-tag.']
+      errors: [
+        {
+          message: 'Parsing error: x-invalid-end-tag.',
+          line: 1,
+          column: 11
+        }
+      ]
     },
     {
       code: '<template><div xmlns=""></template>',
       options: [{ 'x-invalid-namespace': true }],
-      errors: ['Parsing error: x-invalid-namespace.']
+      errors: [
+        {
+          message: 'Parsing error: x-invalid-namespace.',
+          line: 1,
+          column: 16
+        }
+      ]
     },
     {
       code: `<template><!--></template>`,
-      errors: ['Parsing error: abrupt-closing-of-empty-comment.']
+      errors: [
+        {
+          message: 'Parsing error: abrupt-closing-of-empty-comment.',
+          line: 1,
+          column: 15
+        }
+      ]
     },
     {
       code: `<template><!---></template>`,
-      errors: ['Parsing error: abrupt-closing-of-empty-comment.']
+      errors: [
+        {
+          message: 'Parsing error: abrupt-closing-of-empty-comment.',
+          line: 1,
+          column: 16
+        }
+      ]
     },
     {
       code: `<template>&#qux;</template>`,
       errors: [
-        'Parsing error: absence-of-digits-in-numeric-character-reference.'
+        {
+          message:
+            'Parsing error: absence-of-digits-in-numeric-character-reference.',
+          line: 1,
+          column: 13
+        }
       ]
     },
     {
       code: '<template><![CDATA[cdata]]></template>',
-      errors: ['Parsing error: cdata-in-html-content.']
+      errors: [
+        {
+          message: 'Parsing error: cdata-in-html-content.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template>&#1234567;</template>',
-      errors: ['Parsing error: character-reference-outside-unicode-range.']
+      errors: [
+        {
+          message: 'Parsing error: character-reference-outside-unicode-range.',
+          line: 1,
+          column: 21
+        }
+      ]
     },
     {
       code: '<template>\u0003</template>',
-      errors: ['Parsing error: control-character-in-input-stream.']
+      errors: [
+        {
+          message: 'Parsing error: control-character-in-input-stream.',
+          line: 1,
+          column: 10
+        }
+      ]
     },
     {
       code: '<template>&#0003;</template>',
-      errors: ['Parsing error: control-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: control-character-reference.',
+          line: 1,
+          column: 18
+        }
+      ]
     },
     {
       code: '<template><',
-      errors: ['Parsing error: eof-before-tag-name.']
+      errors: [
+        {
+          message: 'Parsing error: eof-before-tag-name.',
+          line: 1,
+          column: 12
+        }
+      ]
     },
     {
       code: '<template><svg><![CDATA[cdata',
-      errors: ['Parsing error: eof-in-cdata.']
+      errors: [
+        {
+          message: 'Parsing error: eof-in-cdata.',
+          line: 1,
+          column: 30
+        }
+      ]
     },
     {
       code: '<template><!--comment',
-      errors: ['Parsing error: eof-in-comment.']
+      errors: [
+        {
+          message: 'Parsing error: eof-in-comment.',
+          line: 1,
+          column: 22
+        }
+      ]
     },
     {
       code: '<template><div class=""',
-      errors: ['Parsing error: eof-in-tag.']
+      errors: [
+        {
+          message: 'Parsing error: eof-in-tag.',
+          line: 1,
+          column: 24
+        }
+      ]
     },
     {
       code: '<template><!--comment--!></template>',
-      errors: ['Parsing error: incorrectly-closed-comment.']
+      errors: [
+        {
+          message: 'Parsing error: incorrectly-closed-comment.',
+          line: 1,
+          column: 25
+        }
+      ]
     },
     {
       code: '<template><!ELEMENT br EMPTY></template>',
-      errors: ['Parsing error: incorrectly-opened-comment.']
+      errors: [
+        {
+          message: 'Parsing error: incorrectly-opened-comment.',
+          line: 1,
+          column: 13
+        }
+      ]
     },
     {
       code: '<template><👍>/template>',
-      errors: ['Parsing error: invalid-first-character-of-tag-name.']
+      errors: [
+        {
+          message: 'Parsing error: invalid-first-character-of-tag-name.',
+          line: 1,
+          column: 12
+        }
+      ]
     },
     {
       code: '<template><div id=></template>',
-      errors: ['Parsing error: missing-attribute-value.']
+      errors: [
+        {
+          message: 'Parsing error: missing-attribute-value.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template></></template>',
-      errors: ['Parsing error: missing-end-tag-name.']
+      errors: [
+        {
+          message: 'Parsing error: missing-end-tag-name.',
+          line: 1,
+          column: 13
+        }
+      ]
     },
     {
       code: '<template>&amp</template>',
-      errors: ['Parsing error: missing-semicolon-after-character-reference.']
+      errors: [
+        {
+          message:
+            'Parsing error: missing-semicolon-after-character-reference.',
+          line: 1,
+          column: 14
+        }
+      ]
     },
     {
       code: '<template><div id="foo"class="bar"></template>',
-      errors: ['Parsing error: missing-whitespace-between-attributes.']
+      errors: [
+        {
+          message: 'Parsing error: missing-whitespace-between-attributes.',
+          line: 1,
+          column: 24
+        }
+      ]
     },
     {
       code: '<template><!--a<!--b--></template>',
-      errors: ['Parsing error: nested-comment.']
+      errors: [
+        {
+          message: 'Parsing error: nested-comment.',
+          line: 1,
+          column: 20
+        }
+      ]
     },
     {
       code: '<template>&#xFFFE;</template>',
-      errors: ['Parsing error: noncharacter-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: noncharacter-character-reference.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template>\uFFFE</template>',
-      errors: ['Parsing error: noncharacter-in-input-stream.']
+      errors: [
+        {
+          message: 'Parsing error: noncharacter-in-input-stream.',
+          line: 1,
+          column: 10
+        }
+      ]
     },
     {
       code: '<template>&#0000;</template>',
-      errors: ['Parsing error: null-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: null-character-reference.',
+          line: 1,
+          column: 18
+        }
+      ]
     },
     {
       code: '<template>&#xD800;</template>',
-      errors: ['Parsing error: surrogate-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: surrogate-character-reference.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template>\uD800</template>',
-      errors: ['Parsing error: surrogate-in-input-stream.']
+      errors: [
+        {
+          message: 'Parsing error: surrogate-in-input-stream.',
+          line: 1,
+          column: 10
+        }
+      ]
     },
     {
       code: '<template><div a"bc=""></template>',
-      errors: ['Parsing error: unexpected-character-in-attribute-name.']
+      errors: [
+        {
+          message: 'Parsing error: unexpected-character-in-attribute-name.',
+          line: 1,
+          column: 17
+        }
+      ]
     },
     {
       code: '<template><div foo=bar"></template>',
       errors: [
-        'Parsing error: unexpected-character-in-unquoted-attribute-value.'
+        {
+          message:
+            'Parsing error: unexpected-character-in-unquoted-attribute-value.',
+          line: 1,
+          column: 23
+        }
       ]
     },
     {
       code: '<template><div =foo></template>',
-      errors: ['Parsing error: unexpected-equals-sign-before-attribute-name.']
+      errors: [
+        {
+          message:
+            'Parsing error: unexpected-equals-sign-before-attribute-name.',
+          line: 1,
+          column: 16
+        }
+      ]
     },
     {
       code: '<template>\u0000</template>',
-      errors: ['Parsing error: unexpected-null-character.']
+      errors: [
+        {
+          message: 'Parsing error: unexpected-null-character.',
+          line: 1,
+          column: 11
+        }
+      ]
     },
     {
       code: '<template><?xml?></template>',
-      errors: ['Parsing error: unexpected-question-mark-instead-of-tag-name.']
+      errors: [
+        {
+          message:
+            'Parsing error: unexpected-question-mark-instead-of-tag-name.',
+          line: 1,
+          column: 12
+        }
+      ]
     },
     {
       code: '<template><div id="" / class=""></template>',
-      errors: ['Parsing error: unexpected-solidus-in-tag.']
+      errors: [
+        {
+          message: 'Parsing error: unexpected-solidus-in-tag.',
+          line: 1,
+          column: 23
+        }
+      ]
     },
     {
       code: '<template>&unknown;</template>',
-      errors: ['Parsing error: unknown-named-character-reference.']
+      errors: [
+        {
+          message: 'Parsing error: unknown-named-character-reference.',
+          line: 1,
+          column: 19
+        }
+      ]
     },
     {
       code: '<template><div></div id=""></template>',
-      errors: ['Parsing error: end-tag-with-attributes.']
+      errors: [
+        {
+          message: 'Parsing error: end-tag-with-attributes.',
+          line: 1,
+          column: 22
+        }
+      ]
     },
     {
       code: '<template><div id="" id=""></div></template>',
-      errors: ['Parsing error: duplicate-attribute.']
+      errors: [
+        {
+          message: 'Parsing error: duplicate-attribute.',
+          line: 1,
+          column: 22
+        }
+      ]
     },
     {
       code: '<template><div></div/></template>',
-      errors: ['Parsing error: end-tag-with-trailing-solidus.']
+      errors: [
+        {
+          message: 'Parsing error: end-tag-with-trailing-solidus.',
+          line: 1,
+          column: 21
+        }
+      ]
     },
     {
       code: '<template></div></template>',
-      errors: ['Parsing error: x-invalid-end-tag.']
+      errors: [
+        {
+          message: 'Parsing error: x-invalid-end-tag.',
+          line: 1,
+          column: 11
+        }
+      ]
     },
     {
       code: '<template><div xmlns=""></template>',
-      errors: ['Parsing error: x-invalid-namespace.']
+      errors: [
+        {
+          message: 'Parsing error: x-invalid-namespace.',
+          line: 1,
+          column: 16
+        }
+      ]
     },
 
     //style vars

From 508cfe2aa3e4927e8447e5175f288c48ffffa71d Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:40:18 +0200
Subject: [PATCH 0991/1010] test(no-side-effects-in-computed-properties): make
 tests more strict (#2909)

Co-authored-by: waynzh <waynzh19@gmail.com>
---
 .../no-side-effects-in-computed-properties.js | 244 ++++++++++++++----
 1 file changed, 197 insertions(+), 47 deletions(-)

diff --git a/tests/lib/rules/no-side-effects-in-computed-properties.js b/tests/lib/rules/no-side-effects-in-computed-properties.js
index 6cb6d6284..2d0a124a4 100644
--- a/tests/lib/rules/no-side-effects-in-computed-properties.js
+++ b/tests/lib/rules/no-side-effects-in-computed-properties.js
@@ -296,32 +296,53 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       })`,
       errors: [
         {
+          message: 'Unexpected side effect in "test1" computed property.',
           line: 4,
-          message: 'Unexpected side effect in "test1" computed property.'
+          column: 13,
+          endLine: 4,
+          endColumn: 37
         },
         {
+          message: 'Unexpected side effect in "test2" computed property.',
           line: 9,
-          message: 'Unexpected side effect in "test2" computed property.'
+          column: 13,
+          endLine: 9,
+          endColumn: 28
         },
         {
+          message: 'Unexpected side effect in "test2" computed property.',
           line: 10,
-          message: 'Unexpected side effect in "test2" computed property.'
+          column: 13,
+          endLine: 10,
+          endColumn: 25
         },
         {
+          message: 'Unexpected side effect in "test3" computed property.',
           line: 14,
-          message: 'Unexpected side effect in "test3" computed property.'
+          column: 20,
+          endLine: 14,
+          endColumn: 44
         },
         {
+          message: 'Unexpected side effect in "test4" computed property.',
           line: 17,
-          message: 'Unexpected side effect in "test4" computed property.'
+          column: 26,
+          endLine: 17,
+          endColumn: 64
         },
         {
+          message: 'Unexpected side effect in "test5" computed property.',
           line: 21,
-          message: 'Unexpected side effect in "test5" computed property.'
+          column: 13,
+          endLine: 21,
+          endColumn: 49
         },
         {
+          message: 'Unexpected side effect in "test6" computed property.',
           line: 25,
-          message: 'Unexpected side effect in "test6" computed property.'
+          column: 20,
+          endLine: 25,
+          endColumn: 46
         }
       ]
     },
@@ -359,24 +380,39 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       })`,
       errors: [
         {
+          message: 'Unexpected side effect in "test1" computed property.',
           line: 5,
-          message: 'Unexpected side effect in "test1" computed property.'
+          column: 15,
+          endLine: 5,
+          endColumn: 39
         },
         {
+          message: 'Unexpected side effect in "test2" computed property.',
           line: 11,
-          message: 'Unexpected side effect in "test2" computed property.'
+          column: 15,
+          endLine: 11,
+          endColumn: 30
         },
         {
+          message: 'Unexpected side effect in "test2" computed property.',
           line: 12,
-          message: 'Unexpected side effect in "test2" computed property.'
+          column: 15,
+          endLine: 12,
+          endColumn: 27
         },
         {
+          message: 'Unexpected side effect in "test3" computed property.',
           line: 18,
-          message: 'Unexpected side effect in "test3" computed property.'
+          column: 22,
+          endLine: 18,
+          endColumn: 46
         },
         {
+          message: 'Unexpected side effect in "test4" computed property.',
           line: 23,
-          message: 'Unexpected side effect in "test4" computed property.'
+          column: 28,
+          endLine: 23,
+          endColumn: 66
         }
       ]
     },
@@ -394,8 +430,11 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       languageOptions: { parser: require('@typescript-eslint/parser') },
       errors: [
         {
+          message: 'Unexpected side effect in "test1" computed property.',
           line: 5,
-          message: 'Unexpected side effect in "test1" computed property.'
+          column: 22,
+          endLine: 5,
+          endColumn: 46
         }
       ]
     },
@@ -412,8 +451,11 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       })`,
       errors: [
         {
+          message: 'Unexpected side effect in "test1" computed property.',
           line: 4,
-          message: 'Unexpected side effect in "test1" computed property.'
+          column: 13,
+          endLine: 4,
+          endColumn: 37
         }
       ]
     },
@@ -432,9 +474,27 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
         }
       })`,
       errors: [
-        'Unexpected side effect in "test1" computed property.',
-        'Unexpected side effect in "test2" computed property.',
-        'Unexpected side effect in "test3" computed property.'
+        {
+          message: 'Unexpected side effect in "test1" computed property.',
+          line: 4,
+          column: 20,
+          endLine: 4,
+          endColumn: 48
+        },
+        {
+          message: 'Unexpected side effect in "test2" computed property.',
+          line: 7,
+          column: 20,
+          endLine: 7,
+          endColumn: 50
+        },
+        {
+          message: 'Unexpected side effect in "test3" computed property.',
+          line: 10,
+          column: 20,
+          endLine: 10,
+          endColumn: 50
+        }
       ]
     },
     {
@@ -450,12 +510,18 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       })`,
       errors: [
         {
+          message: 'Unexpected side effect in "fooBar" computed property.',
           line: 4,
-          message: 'Unexpected side effect in "fooBar" computed property.'
+          column: 18,
+          endLine: 4,
+          endColumn: 22
         },
         {
+          message: 'Unexpected side effect in "fooBar" computed property.',
           line: 5,
-          message: 'Unexpected side effect in "fooBar" computed property.'
+          column: 17,
+          endLine: 5,
+          endColumn: 20
         }
       ]
     },
@@ -514,52 +580,88 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       `,
       errors: [
         {
+          message: 'Unexpected side effect in computed function.',
           line: 12,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 12,
+          endColumn: 36
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 13,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 13,
+          endColumn: 34
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 17,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 17,
+          endColumn: 27
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 18,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 18,
+          endColumn: 24
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 21,
-          message: 'Unexpected side effect in computed function.'
+          column: 40,
+          endLine: 21,
+          endColumn: 63
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 23,
-          message: 'Unexpected side effect in computed function.'
+          column: 26,
+          endLine: 23,
+          endColumn: 63
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 27,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 27,
+          endColumn: 52
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 30,
-          message: 'Unexpected side effect in computed function.'
+          column: 40,
+          endLine: 30,
+          endColumn: 65
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 33,
-          message: 'Unexpected side effect in computed function.'
+          column: 22,
+          endLine: 33,
+          endColumn: 45
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 37,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 37,
+          endColumn: 24
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 40,
-          message: 'Unexpected side effect in computed function.'
+          column: 13,
+          endLine: 40,
+          endColumn: 24
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 42,
-          message: 'Unexpected side effect in computed function.'
+          column: 42,
+          endLine: 42,
+          endColumn: 52
         }
       ]
     },
@@ -579,8 +681,11 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       `,
       errors: [
         {
+          message: 'Unexpected side effect in computed function.',
           line: 8,
-          message: 'Unexpected side effect in computed function.'
+          column: 40,
+          endLine: 8,
+          endColumn: 53
         }
       ]
     },
@@ -600,8 +705,11 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       `,
       errors: [
         {
+          message: 'Unexpected side effect in computed function.',
           line: 8,
-          message: 'Unexpected side effect in computed function.'
+          column: 40,
+          endLine: 8,
+          endColumn: 63
         }
       ]
     },
@@ -657,52 +765,88 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       `,
       errors: [
         {
+          message: 'Unexpected side effect in computed function.',
           line: 10,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 10,
+          endColumn: 32
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 11,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 11,
+          endColumn: 30
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 15,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 15,
+          endColumn: 23
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 16,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 16,
+          endColumn: 20
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 19,
-          message: 'Unexpected side effect in computed function.'
+          column: 36,
+          endLine: 19,
+          endColumn: 59
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 21,
-          message: 'Unexpected side effect in computed function.'
+          column: 22,
+          endLine: 21,
+          endColumn: 59
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 25,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 25,
+          endColumn: 48
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 28,
-          message: 'Unexpected side effect in computed function.'
+          column: 36,
+          endLine: 28,
+          endColumn: 61
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 31,
-          message: 'Unexpected side effect in computed function.'
+          column: 18,
+          endLine: 31,
+          endColumn: 41
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 35,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 35,
+          endColumn: 20
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 38,
-          message: 'Unexpected side effect in computed function.'
+          column: 9,
+          endLine: 38,
+          endColumn: 20
         },
         {
+          message: 'Unexpected side effect in computed function.',
           line: 40,
-          message: 'Unexpected side effect in computed function.'
+          column: 38,
+          endLine: 40,
+          endColumn: 48
         }
       ]
     },
@@ -718,8 +862,11 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       `,
       errors: [
         {
+          message: 'Unexpected side effect in computed function.',
           line: 6,
-          message: 'Unexpected side effect in computed function.'
+          column: 36,
+          endLine: 6,
+          endColumn: 49
         }
       ]
     },
@@ -735,8 +882,11 @@ ruleTester.run('no-side-effects-in-computed-properties', rule, {
       `,
       errors: [
         {
+          message: 'Unexpected side effect in computed function.',
           line: 6,
-          message: 'Unexpected side effect in computed function.'
+          column: 36,
+          endLine: 6,
+          endColumn: 59
         }
       ]
     }

From 87b399e9e92328aa195ccb53b984aee0b7ccdad7 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:41:15 +0200
Subject: [PATCH 0992/1010] test(no-multiple-template-root): make tests more
 strict (#2904)

---
 tests/lib/rules/no-multiple-template-root.js | 135 ++++++++++++++++---
 1 file changed, 117 insertions(+), 18 deletions(-)

diff --git a/tests/lib/rules/no-multiple-template-root.js b/tests/lib/rules/no-multiple-template-root.js
index c52c1c202..8df286804 100644
--- a/tests/lib/rules/no-multiple-template-root.js
+++ b/tests/lib/rules/no-multiple-template-root.js
@@ -128,42 +128,106 @@ ruleTester.run('no-multiple-template-root', rule, {
     {
       filename: 'test.vue',
       code: '<template><div></div><div></div></template>',
-      errors: ['The template root requires exactly one element.']
+      errors: [
+        {
+          message: 'The template root requires exactly one element.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 33
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template>\n    <div></div>\n    <div></div>\n</template>',
-      errors: ['The template root requires exactly one element.']
+      errors: [
+        {
+          message: 'The template root requires exactly one element.',
+          line: 3,
+          column: 5,
+          endLine: 3,
+          endColumn: 16
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template>{{a b c}}</template>',
-      errors: ['The template root requires an element rather than texts.']
+      errors: [
+        {
+          message: 'The template root requires an element rather than texts.',
+          line: 1,
+          column: 11,
+          endLine: 1,
+          endColumn: 20
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div></div>aaaaaa</template>',
-      errors: ['The template root requires an element rather than texts.']
+      errors: [
+        {
+          message: 'The template root requires an element rather than texts.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template>aaaaaa<div></div></template>',
-      errors: ['The template root requires an element rather than texts.']
+      errors: [
+        {
+          message: 'The template root requires an element rather than texts.',
+          line: 1,
+          column: 11,
+          endLine: 1,
+          endColumn: 17
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-for="x in list"></div></template>',
-      errors: ["The template root disallows 'v-for' directives."]
+      errors: [
+        {
+          message: "The template root disallows 'v-for' directives.",
+          line: 1,
+          column: 11,
+          endLine: 1,
+          endColumn: 34
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><slot></slot></template>',
-      errors: ["The template root disallows '<slot>' elements."]
+      errors: [
+        {
+          message: "The template root disallows '<slot>' elements.",
+          line: 1,
+          column: 11,
+          endLine: 1,
+          endColumn: 17
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><template></template></template>',
-      errors: ["The template root disallows '<template>' elements."]
+      errors: [
+        {
+          message: "The template root disallows '<template>' elements.",
+          line: 1,
+          column: 11,
+          endLine: 1,
+          endColumn: 21
+        }
+      ]
     },
     {
       code: `
@@ -177,11 +241,17 @@ ruleTester.run('no-multiple-template-root', rule, {
       errors: [
         {
           message: 'The template root disallows comments.',
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 26
         },
         {
           message: 'The template root disallows comments.',
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 26
         }
       ]
     },
@@ -199,7 +269,10 @@ ruleTester.run('no-multiple-template-root', rule, {
       errors: [
         {
           message: 'The template root disallows comments.',
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 26
         }
       ]
     },
@@ -227,15 +300,24 @@ ruleTester.run('no-multiple-template-root', rule, {
       errors: [
         {
           message: 'The template root disallows comments.',
-          line: 3
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 26
         },
         {
           message: 'The template root disallows comments.',
-          line: 12
+          line: 12,
+          column: 9,
+          endLine: 12,
+          endColumn: 26
         },
         {
           message: 'The template root disallows comments.',
-          line: 17
+          line: 17,
+          column: 9,
+          endLine: 17,
+          endColumn: 26
         }
       ]
     },
@@ -253,7 +335,10 @@ ruleTester.run('no-multiple-template-root', rule, {
       errors: [
         {
           message: 'The template root disallows comments.',
-          line: 7
+          line: 7,
+          column: 9,
+          endLine: 7,
+          endColumn: 26
         }
       ]
     },
@@ -269,11 +354,17 @@ ruleTester.run('no-multiple-template-root', rule, {
       errors: [
         {
           message: 'The template root disallows comments.',
-          line: 4
+          line: 4,
+          column: 9,
+          endLine: 4,
+          endColumn: 26
         },
         {
           message: 'The template root requires exactly one element.',
-          line: 5
+          line: 5,
+          column: 9,
+          endLine: 5,
+          endColumn: 16
         }
       ]
     },
@@ -289,7 +380,15 @@ ruleTester.run('no-multiple-template-root', rule, {
       </template>
       `,
       options: [{ disallowComments: true }],
-      errors: ['The template root disallows comments.']
+      errors: [
+        {
+          message: 'The template root disallows comments.',
+          line: 3,
+          column: 9,
+          endLine: 4,
+          endColumn: 96
+        }
+      ]
     }
   ]
 })

From 97f58db444112ebf1168783485f33f57652e1690 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:41:41 +0200
Subject: [PATCH 0993/1010] test(no-multiple-slot-args): make tests more strict
 (#2903)

---
 tests/lib/rules/no-multiple-slot-args.js | 112 ++++++++++++++++++++---
 1 file changed, 98 insertions(+), 14 deletions(-)

diff --git a/tests/lib/rules/no-multiple-slot-args.js b/tests/lib/rules/no-multiple-slot-args.js
index cbd0bbfba..4bce33be7 100644
--- a/tests/lib/rules/no-multiple-slot-args.js
+++ b/tests/lib/rules/no-multiple-slot-args.js
@@ -120,10 +120,34 @@ ruleTester.run('no-multiple-slot-args', rule, {
       </script>
       `,
       errors: [
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.'
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 5,
+          column: 46,
+          endLine: 5,
+          endColumn: 49
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 6,
+          column: 42,
+          endLine: 6,
+          endColumn: 45
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 8,
+          column: 44,
+          endLine: 8,
+          endColumn: 47
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 9,
+          column: 40,
+          endLine: 9,
+          endColumn: 43
+        }
       ]
     },
     {
@@ -142,10 +166,34 @@ ruleTester.run('no-multiple-slot-args', rule, {
       </script>
       `,
       errors: [
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.'
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 5,
+          column: 44,
+          endLine: 5,
+          endColumn: 47
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 6,
+          column: 40,
+          endLine: 6,
+          endColumn: 43
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 8,
+          column: 42,
+          endLine: 8,
+          endColumn: 45
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 9,
+          column: 38,
+          endLine: 9,
+          endColumn: 41
+        }
       ]
     },
     {
@@ -164,8 +212,20 @@ ruleTester.run('no-multiple-slot-args', rule, {
       </script>
       `,
       errors: [
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.'
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 5,
+          column: 49,
+          endLine: 5,
+          endColumn: 52
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 8,
+          column: 47,
+          endLine: 8,
+          endColumn: 50
+        }
       ]
     },
     {
@@ -184,8 +244,20 @@ ruleTester.run('no-multiple-slot-args', rule, {
       </script>
       `,
       errors: [
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.'
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 5,
+          column: 46,
+          endLine: 5,
+          endColumn: 49
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 8,
+          column: 44,
+          endLine: 8,
+          endColumn: 47
+        }
       ]
     },
     {
@@ -235,8 +307,20 @@ ruleTester.run('no-multiple-slot-args', rule, {
       </script>
       `,
       errors: [
-        'Unexpected multiple arguments.',
-        'Unexpected multiple arguments.'
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 6,
+          column: 36,
+          endLine: 6,
+          endColumn: 39
+        },
+        {
+          message: 'Unexpected multiple arguments.',
+          line: 7,
+          column: 32,
+          endLine: 7,
+          endColumn: 35
+        }
       ]
     }
   ]

From fe0a4e491e5c1a390937418b1855c1fa98205f31 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:42:17 +0200
Subject: [PATCH 0994/1010] test(no-potential-component-option-typo): make
 tests more strict (#2902)

---
 .../no-potential-component-option-typo.js     | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/tests/lib/rules/no-potential-component-option-typo.js b/tests/lib/rules/no-potential-component-option-typo.js
index 0b9fad541..63a6a42cf 100644
--- a/tests/lib/rules/no-potential-component-option-typo.js
+++ b/tests/lib/rules/no-potential-component-option-typo.js
@@ -183,6 +183,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: "'dat' may be a typo, which is similar to option [data].",
           line: 4,
           column: 9,
+          endLine: 4,
+          endColumn: 12,
           suggestions: [
             {
               desc: `Replace property 'dat' to 'data'`,
@@ -200,6 +202,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: `'method' may be a typo, which is similar to option [methods].`,
           line: 5,
           column: 9,
+          endLine: 5,
+          endColumn: 15,
           suggestions: [
             {
               desc: `Replace property 'method' to 'methods'`,
@@ -235,6 +239,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: "'dat' may be a typo, which is similar to option [data].",
           line: 4,
           column: 9,
+          endLine: 4,
+          endColumn: 12,
           suggestions: [
             {
               desc: `Replace property 'dat' to 'data'`,
@@ -253,6 +259,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: `'method' may be a typo, which is similar to option [methods].`,
           line: 5,
           column: 9,
+          endLine: 5,
+          endColumn: 15,
           suggestions: [
             {
               desc: `Replace property 'method' to 'methods'`,
@@ -271,6 +279,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: `'custo' may be a typo, which is similar to option [custom].`,
           line: 6,
           column: 9,
+          endLine: 6,
+          endColumn: 14,
           suggestions: [
             {
               desc: `Replace property 'custo' to 'custom'`,
@@ -303,6 +313,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: "'dat' may be a typo, which is similar to option [data].",
           line: 4,
           column: 9,
+          endLine: 4,
+          endColumn: 12,
           suggestions: [
             {
               desc: `Replace property 'dat' to 'data'`,
@@ -320,6 +332,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: `'method' may be a typo, which is similar to option [methods].`,
           line: 5,
           column: 9,
+          endLine: 5,
+          endColumn: 15,
           suggestions: [
             {
               desc: `Replace property 'method' to 'methods'`,
@@ -352,6 +366,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: "'dat' may be a typo, which is similar to option [data].",
           line: 4,
           column: 9,
+          endLine: 4,
+          endColumn: 12,
           suggestions: [
             {
               desc: `Replace property 'dat' to 'data'`,
@@ -371,6 +387,8 @@ tester.run('no-potential-component-option-typo', rule, {
             "'beforeRouteEntr' may be a typo, which is similar to option [beforeRouteEnter].",
           line: 5,
           column: 9,
+          endLine: 5,
+          endColumn: 24,
           suggestions: [
             {
               desc: `Replace property 'beforeRouteEntr' to 'beforeRouteEnter'`,
@@ -389,6 +407,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: `'method' may be a typo, which is similar to option [methods].`,
           line: 6,
           column: 9,
+          endLine: 6,
+          endColumn: 15,
           suggestions: [
             {
               desc: `Replace property 'method' to 'methods'`,
@@ -420,6 +440,8 @@ tester.run('no-potential-component-option-typo', rule, {
           message: `'method' may be a typo, which is similar to option [methods,data].`,
           line: 4,
           column: 9,
+          endLine: 4,
+          endColumn: 15,
           suggestions: [
             {
               desc: `Replace property 'method' to 'methods'`,

From bda2f32d475abcbcd9a733147e42a91f03197e20 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:42:45 +0200
Subject: [PATCH 0995/1010] test(no-multiple-objects-in-class): make tests more
 strict (#2901)

---
 .../lib/rules/no-multiple-objects-in-class.js  | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/tests/lib/rules/no-multiple-objects-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
index 0c1a4d1b4..ab019f020 100644
--- a/tests/lib/rules/no-multiple-objects-in-class.js
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -26,7 +26,11 @@ ruleTester.run('no-multiple-objects-in-class', rule, {
       errors: [
         {
           message: 'Unexpected multiple objects. Merge objects.',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 63
         }
       ]
     },
@@ -35,7 +39,11 @@ ruleTester.run('no-multiple-objects-in-class', rule, {
       errors: [
         {
           message: 'Unexpected multiple objects. Merge objects.',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 57
         }
       ]
     },
@@ -46,7 +54,11 @@ ruleTester.run('no-multiple-objects-in-class', rule, {
       errors: [
         {
           message: 'Unexpected multiple objects. Merge objects.',
-          type: 'VAttribute'
+          type: 'VAttribute',
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 64
         }
       ]
     }

From 96258d112b1a9020459f1c12410e7c6a303e4a93 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:43:08 +0200
Subject: [PATCH 0996/1010] test(no-loss-of-precision): make tests more strict
 (#2900)

---
 tests/lib/rules/no-loss-of-precision.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/tests/lib/rules/no-loss-of-precision.js b/tests/lib/rules/no-loss-of-precision.js
index 749914193..a9d632862 100644
--- a/tests/lib/rules/no-loss-of-precision.js
+++ b/tests/lib/rules/no-loss-of-precision.js
@@ -53,11 +53,17 @@ tester.run('no-loss-of-precision', rule, {
             errors: [
               {
                 message: 'This number literal will lose precision at runtime.',
-                line: 3
+                line: 3,
+                column: 17,
+                endLine: 3,
+                endColumn: 37
               },
               {
                 message: 'This number literal will lose precision at runtime.',
-                line: 4
+                line: 4,
+                column: 17,
+                endLine: 4,
+                endColumn: 39
               }
             ]
           },
@@ -71,7 +77,10 @@ tester.run('no-loss-of-precision', rule, {
             errors: [
               {
                 message: 'This number literal will lose precision at runtime.',
-                line: 3
+                line: 3,
+                column: 34,
+                endLine: 3,
+                endColumn: 54
               }
             ]
           }

From b27f31dfde53e850eab47f9e5001cbadec462c81 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:44:45 +0200
Subject: [PATCH 0997/1010] test(no-lone-template): make tests more strict
 (#2899)

---
 tests/lib/rules/no-lone-template.js | 50 ++++++++++++++++++++++++++---
 1 file changed, 45 insertions(+), 5 deletions(-)

diff --git a/tests/lib/rules/no-lone-template.js b/tests/lib/rules/no-lone-template.js
index 12fd4f89f..e8ef0eaf9 100644
--- a/tests/lib/rules/no-lone-template.js
+++ b/tests/lib/rules/no-lone-template.js
@@ -135,7 +135,15 @@ tester.run('no-lone-template', rule, {
         <template/>
       </template>
       `,
-      errors: ['`<template>` require directive.']
+      errors: [
+        {
+          message: '`<template>` require directive.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 20
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -145,7 +153,15 @@ tester.run('no-lone-template', rule, {
       </template>
       `,
       options: [{ ignoreAccessible: true }],
-      errors: ['`<template>` require directive.']
+      errors: [
+        {
+          message: '`<template>` require directive.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 31
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -155,7 +171,15 @@ tester.run('no-lone-template', rule, {
       </template>
       `,
       options: [{ ignoreAccessible: true }],
-      errors: ['`<template>` require directive.']
+      errors: [
+        {
+          message: '`<template>` require directive.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 31
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -165,7 +189,15 @@ tester.run('no-lone-template', rule, {
       </template>
       `,
       options: [{ ignoreAccessible: true }],
-      errors: ['`<template>` require directive.']
+      errors: [
+        {
+          message: '`<template>` require directive.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 37
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -175,7 +207,15 @@ tester.run('no-lone-template', rule, {
       </template>
       `,
       options: [{ ignoreAccessible: true }],
-      errors: ['`<template>` require directive.']
+      errors: [
+        {
+          message: '`<template>` require directive.',
+          line: 3,
+          column: 9,
+          endLine: 3,
+          endColumn: 29
+        }
+      ]
     }
   ]
 })

From 046cb5199ef5dcb49ab7cf53822ddd23caf1fb19 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:45:09 +0200
Subject: [PATCH 0998/1010] test(no-lifecycle-after-await): make tests more
 strict (#2898)

---
 tests/lib/rules/no-lifecycle-after-await.js | 61 +++++++++++++++++----
 1 file changed, 49 insertions(+), 12 deletions(-)

diff --git a/tests/lib/rules/no-lifecycle-after-await.js b/tests/lib/rules/no-lifecycle-after-await.js
index 9314eb5bd..f08379e0e 100644
--- a/tests/lib/rules/no-lifecycle-after-await.js
+++ b/tests/lib/rules/no-lifecycle-after-await.js
@@ -212,47 +212,80 @@ tester.run('no-lifecycle-after-await', rule, {
       errors: [
         {
           messageId: 'forbidden',
-          line: 8
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 45
         },
         {
           messageId: 'forbidden',
-          line: 9
+          line: 9,
+          column: 11,
+          endLine: 9,
+          endColumn: 47
         },
         {
           messageId: 'forbidden',
-          line: 10
+          line: 10,
+          column: 11,
+          endLine: 10,
+          endColumn: 46
         },
         {
           messageId: 'forbidden',
-          line: 11
+          line: 11,
+          column: 11,
+          endLine: 11,
+          endColumn: 47
         },
         {
           messageId: 'forbidden',
-          line: 12
+          line: 12,
+          column: 11,
+          endLine: 12,
+          endColumn: 41
         },
         {
           messageId: 'forbidden',
-          line: 13
+          line: 13,
+          column: 11,
+          endLine: 13,
+          endColumn: 47
         },
         {
           messageId: 'forbidden',
-          line: 14
+          line: 14,
+          column: 11,
+          endLine: 14,
+          endColumn: 49
         },
         {
           messageId: 'forbidden',
-          line: 15
+          line: 15,
+          column: 11,
+          endLine: 15,
+          endColumn: 43
         },
         {
           messageId: 'forbidden',
-          line: 16
+          line: 16,
+          column: 11,
+          endLine: 16,
+          endColumn: 41
         },
         {
           messageId: 'forbidden',
-          line: 17
+          line: 17,
+          column: 11,
+          endLine: 17,
+          endColumn: 43
         },
         {
           messageId: 'forbidden',
-          line: 18
+          line: 18,
+          column: 11,
+          endLine: 18,
+          endColumn: 45
         }
       ]
     },
@@ -272,7 +305,11 @@ tester.run('no-lifecycle-after-await', rule, {
       `,
       errors: [
         {
-          messageId: 'forbidden'
+          messageId: 'forbidden',
+          line: 8,
+          column: 11,
+          endLine: 8,
+          endColumn: 43
         }
       ]
     }

From 9ca05476f198ccd0916a4eb87341c9a1b6a79035 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:45:30 +0200
Subject: [PATCH 0999/1010] test(no-import-compiler-macros): make tests more
 strict (#2897)

---
 tests/lib/rules/no-import-compiler-macros.js | 36 +++++++++++++++-----
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/tests/lib/rules/no-import-compiler-macros.js b/tests/lib/rules/no-import-compiler-macros.js
index d74a268a0..9bbc0a12b 100644
--- a/tests/lib/rules/no-import-compiler-macros.js
+++ b/tests/lib/rules/no-import-compiler-macros.js
@@ -55,7 +55,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineProps'
           },
           line: 3,
-          column: 16
+          column: 16,
+          endLine: 3,
+          endColumn: 27
         }
       ]
     },
@@ -83,7 +85,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineProps'
           },
           line: 5,
-          column: 9
+          column: 9,
+          endLine: 5,
+          endColumn: 20
         }
       ]
     },
@@ -110,7 +114,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineProps'
           },
           line: 3,
-          column: 21
+          column: 21,
+          endLine: 3,
+          endColumn: 32
         },
         {
           messageId: 'noImportCompilerMacros',
@@ -118,7 +124,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineEmits'
           },
           line: 4,
-          column: 16
+          column: 16,
+          endLine: 4,
+          endColumn: 27
         },
         {
           messageId: 'noImportCompilerMacros',
@@ -126,7 +134,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineExpose'
           },
           line: 5,
-          column: 16
+          column: 16,
+          endLine: 5,
+          endColumn: 28
         },
         {
           messageId: 'noImportCompilerMacros',
@@ -134,7 +144,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'withDefaults'
           },
           line: 5,
-          column: 37
+          column: 37,
+          endLine: 5,
+          endColumn: 49
         }
       ]
     },
@@ -157,7 +169,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineModel'
           },
           line: 3,
-          column: 16
+          column: 16,
+          endLine: 3,
+          endColumn: 27
         },
         {
           messageId: 'noImportCompilerMacros',
@@ -165,7 +179,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineOptions'
           },
           line: 3,
-          column: 29
+          column: 29,
+          endLine: 3,
+          endColumn: 42
         }
       ]
     },
@@ -193,7 +209,9 @@ tester.run('no-import-compiler-macros', rule, {
             name: 'defineSlots'
           },
           line: 3,
-          column: 31
+          column: 31,
+          endLine: 3,
+          endColumn: 60
         }
       ]
     }

From 40a7a18d34a0f3b178eab7a9d9994ca9115734ad Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:45:52 +0200
Subject: [PATCH 1000/1010] test(no-implicit-coercion): make tests more strict
 (#2896)

---
 tests/lib/rules/no-implicit-coercion.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/no-implicit-coercion.js b/tests/lib/rules/no-implicit-coercion.js
index 4b49bb3d3..7a2f89359 100644
--- a/tests/lib/rules/no-implicit-coercion.js
+++ b/tests/lib/rules/no-implicit-coercion.js
@@ -118,7 +118,9 @@ tester.run('no-implicit-coercion', rule, {
         {
           message: getExpectedErrorMessage('Boolean(foo)'),
           line: 1,
-          column: 27
+          column: 27,
+          endLine: 1,
+          endColumn: 32
         }
       ]
     },
@@ -130,7 +132,9 @@ tester.run('no-implicit-coercion', rule, {
         {
           message: getExpectedErrorMessage("foo.indexOf('.') !== -1"),
           line: 1,
-          column: 27
+          column: 27,
+          endLine: 1,
+          endColumn: 44
         }
       ]
     },
@@ -145,6 +149,8 @@ tester.run('no-implicit-coercion', rule, {
           message: getExpectedErrorMessage('Number(foo)'),
           line: 1,
           column: 27,
+          endLine: 1,
+          endColumn: 31,
           suggestions: semver.gte(ESLint.version, '9.0.0')
             ? [
                 {
@@ -168,6 +174,8 @@ tester.run('no-implicit-coercion', rule, {
           message: getExpectedErrorMessage('Number(foo)'),
           line: 1,
           column: 27,
+          endLine: 1,
+          endColumn: 34,
           suggestions: semver.gte(ESLint.version, '9.0.0')
             ? [
                 {
@@ -191,6 +199,8 @@ tester.run('no-implicit-coercion', rule, {
           message: getExpectedErrorMessage('String(foo)'),
           line: 1,
           column: 27,
+          endLine: 1,
+          endColumn: 35,
           suggestions: semver.gte(ESLint.version, '9.0.0')
             ? [
                 {
@@ -214,6 +224,8 @@ tester.run('no-implicit-coercion', rule, {
           message: getExpectedErrorMessage('String(foo)'),
           line: 1,
           column: 27,
+          endLine: 1,
+          endColumn: 35,
           suggestions: semver.gte(ESLint.version, '9.0.0')
             ? [
                 {
@@ -244,6 +256,8 @@ tester.run('no-implicit-coercion', rule, {
                 message: getExpectedErrorMessage('String(foo)'),
                 line: 1,
                 column: 27,
+                endLine: 1,
+                endColumn: 35,
                 suggestions: semver.gte(ESLint.version, '9.0.0')
                   ? [
                       {

From b7b1a22c8d419e00e315fb62d822528754b30e05 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:46:20 +0200
Subject: [PATCH 1001/1010] test(no-extra-parens): make tests more strict
 (#2895)

---
 tests/lib/rules/no-extra-parens.js | 140 +++++++++++++++++++++++++----
 1 file changed, 123 insertions(+), 17 deletions(-)

diff --git a/tests/lib/rules/no-extra-parens.js b/tests/lib/rules/no-extra-parens.js
index dda150694..caaaf6707 100644
--- a/tests/lib/rules/no-extra-parens.js
+++ b/tests/lib/rules/no-extra-parens.js
@@ -74,11 +74,17 @@ tester.run('no-extra-parens', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 28
         },
         {
           messageId: 'unexpected',
-          line: 5
+          line: 5,
+          column: 28,
+          endLine: 5,
+          endColumn: 29
         }
       ]
     },
@@ -104,7 +110,10 @@ tester.run('no-extra-parens', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 5
+          line: 5,
+          column: 16,
+          endLine: 5,
+          endColumn: 17
         }
         // valid in eslint v6.0
         // {
@@ -129,7 +138,10 @@ tester.run('no-extra-parens', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 19,
+          endLine: 4,
+          endColumn: 20
         }
       ]
     },
@@ -139,19 +151,38 @@ tester.run('no-extra-parens', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          column: 27
+          column: 27,
+          line: 1,
+          endLine: 1,
+          endColumn: 28
         }
       ]
     },
     {
       code: '<template><button :class="(a+b) | filter" /></template>',
       output: '<template><button :class="a+b | filter" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 27,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       code: '<template><button :class="((a+b | bitwise))" /></template>',
       output: '<template><button :class="(a+b | bitwise)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 28,
+          endLine: 1,
+          endColumn: 29
+        }
+      ]
     },
     {
       code: '<template><button>{{ (foo + bar) }}</button></template>',
@@ -159,51 +190,118 @@ tester.run('no-extra-parens', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          column: 22
+          column: 22,
+          line: 1,
+          endLine: 1,
+          endColumn: 23
         }
       ]
     },
     {
       code: '<template><button>{{ (foo + bar) | filter }}</button></template>',
       output: '<template><button>{{ foo + bar | filter }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 23
+        }
+      ]
     },
     {
       code: '<template><button>{{ ((foo + bar | bitwise)) }}</button></template>',
       output:
         '<template><button>{{ (foo + bar | bitwise) }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><button>{{ ((foo | bitwise)) | filter }}</button></template>',
       output:
         '<template><button>{{ (foo | bitwise) | filter }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><button>{{ (foo(bar|bitwise)) }}</button></template>',
       output: '<template><button>{{ foo(bar|bitwise) }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 23
+        }
+      ]
     },
     {
       code: '<template><button>{{ ([foo|bitwise]) }}</button></template>',
       output: '<template><button>{{ [foo|bitwise] }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 23
+        }
+      ]
     },
     {
       code: '<template><button>{{ ({foo:bar|bitwise}) }}</button></template>',
       output: '<template><button>{{ {foo:bar|bitwise} }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 23
+        }
+      ]
     },
     {
       code: '<template><button>{{ ((function () {} ())) }}</button></template>',
       output: '<template><button>{{ (function () {} ()) }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 24
+        }
+      ]
     },
     {
       code: '<template><button>{{ ((function () {})()) }}</button></template>',
       output: '<template><button>{{ (function () {})() }}</button></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 23
+        }
+      ]
     },
     // CSS vars injection
     {
@@ -219,7 +317,15 @@ tester.run('no-extra-parens', rule, {
         color: v-bind('a')
       }
       </style>`,
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4,
+          column: 24,
+          endLine: 4,
+          endColumn: 25
+        }
+      ]
     }
   ]
 })

From d3baad465ee1d6a2a16c73595818853514e52746 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:47:07 +0200
Subject: [PATCH 1002/1010] test(no-dupe-v-else-if): make tests more strict
 (#2894)

---
 tests/lib/rules/no-dupe-v-else-if.js | 622 ++++++++++++++++++++++++---
 1 file changed, 556 insertions(+), 66 deletions(-)

diff --git a/tests/lib/rules/no-dupe-v-else-if.js b/tests/lib/rules/no-dupe-v-else-if.js
index 8e1388b4f..0d65ddf31 100644
--- a/tests/lib/rules/no-dupe-v-else-if.js
+++ b/tests/lib/rules/no-dupe-v-else-if.js
@@ -165,7 +165,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 39
         }
       ]
     },
@@ -182,7 +185,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 6
+          line: 6,
+          column: 25,
+          endLine: 6,
+          endColumn: 31
         }
       ]
     },
@@ -200,7 +206,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 6
+          line: 6,
+          column: 25,
+          endLine: 6,
+          endColumn: 32
         }
       ]
     },
@@ -215,7 +224,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -231,7 +243,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 5
+          line: 5,
+          column: 25,
+          endLine: 5,
+          endColumn: 31
         }
       ]
     },
@@ -246,7 +261,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -261,7 +279,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 36
         }
       ]
     },
@@ -276,7 +297,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 26
         }
       ]
     },
@@ -292,7 +316,10 @@ tester.run('no-dupe-v-else-if', rule, {
       errors: [
         {
           messageId: 'unexpected',
-          line: 5
+          line: 5,
+          column: 31,
+          endLine: 5,
+          endColumn: 47
         }
       ]
     },
@@ -332,8 +359,20 @@ tester.run('no-dupe-v-else-if', rule, {
       </template>
       `,
       errors: [
-        { messageId: 'unexpected', line: 4 },
-        { messageId: 'unexpected', line: 5 }
+        {
+          messageId: 'unexpected',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 36
+        },
+        {
+          messageId: 'unexpected',
+          line: 5,
+          column: 25,
+          endLine: 5,
+          endColumn: 36
+        }
       ]
     },
     {
@@ -346,8 +385,20 @@ tester.run('no-dupe-v-else-if', rule, {
       </template>
       `,
       errors: [
-        { messageId: 'unexpected', line: 4 },
-        { messageId: 'unexpected', line: 5 }
+        {
+          messageId: 'unexpected',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 26
+        },
+        {
+          messageId: 'unexpected',
+          line: 5,
+          column: 25,
+          endLine: 5,
+          endColumn: 26
+        }
       ]
     },
     {
@@ -359,263 +410,702 @@ tester.run('no-dupe-v-else-if', rule, {
         <div v-else-if ="(a && b) || (c && (d || (e && f)))" />
       </template>
       `,
-      errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 4,
+          column: 26,
+          endLine: 4,
+          endColumn: 60
+        },
+        {
+          messageId: 'unexpected',
+          line: 5,
+          column: 26,
+          endLine: 5,
+          endColumn: 60
+        }
+      ]
     },
 
     // Referred to the ESLint core rule.
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 44
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 65
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 65
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 85,
+          endLine: 1,
+          endColumn: 86
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 65
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 85,
+          endLine: 1,
+          endColumn: 86
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="b" /><div v-else-if="d" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 85,
+          endLine: 1,
+          endColumn: 86
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b" /><div v-else-if="e" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 106,
+          endLine: 1,
+          endColumn: 107
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="a" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 44
+        },
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 65
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a" /><div v-else-if="b" /><div v-else-if="a" /></template>',
       errors: [
-        { messageId: 'unexpected' },
-        { messageId: 'unexpected' },
-        { messageId: 'unexpected' }
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 65
+        },
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 85,
+          endLine: 1,
+          endColumn: 86
+        },
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 106,
+          endLine: 1,
+          endColumn: 107
+        }
       ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a"><div v-if="b" /></div><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 63,
+          endLine: 1,
+          endColumn: 64
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a === 1" /><div v-else-if="a === 1" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 49,
+          endLine: 1,
+          endColumn: 56
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="1 < a" /><div v-else-if="1 < a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 47,
+          endLine: 1,
+          endColumn: 52
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="true" /><div v-else-if="true" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 46,
+          endLine: 1,
+          endColumn: 50
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a && b" /><div v-else-if="a && b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 54
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a && b || c" /><div v-else-if="a && b || c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 53,
+          endLine: 1,
+          endColumn: 64
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="f(a)" /><div v-else-if="f(a)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 46,
+          endLine: 1,
+          endColumn: 50
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a === 1" /><div v-else-if="a===1" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 49,
+          endLine: 1,
+          endColumn: 54
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a === 1" /><div v-else-if="a === /* comment */ 1" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 49,
+          endLine: 1,
+          endColumn: 70
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 49
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="a" /><div v-else-if="b" /></template>',
-      errors: [{ messageId: 'unexpected' }, { messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 49
+        },
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 69,
+          endLine: 1,
+          endColumn: 70
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="b || a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 54
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="a || b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 70
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="c || d" /><div v-else-if="a || d" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 74,
+          endLine: 1,
+          endColumn: 80
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="(a === b && fn(c)) || d" /><div v-else-if="fn(c) && a === b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 65,
+          endLine: 1,
+          endColumn: 81
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="a && b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 44
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a && b" /><div v-else-if="a && b && c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 59
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || c" /><div v-else-if="a && b || c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 59
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && a || b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 64,
+          endLine: 1,
+          endColumn: 75
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || b)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 70,
+          endLine: 1,
+          endColumn: 76
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (a || e && c && b)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 75,
+          endLine: 1,
+          endColumn: 91
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b && c" /><div v-else-if="b && c && d" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 53,
+          endLine: 1,
+          endColumn: 64
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="b && c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 49
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="(a || b) && c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 65,
+          endLine: 1,
+          endColumn: 71
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="(a && (b || c)) || d" /><div v-else-if="(c || b) && e && a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 62,
+          endLine: 1,
+          endColumn: 80
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a && b || b && c" /><div v-else-if="a && b && c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 58,
+          endLine: 1,
+          endColumn: 69
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b && c" /><div v-else-if="d && (c && e && b || a)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 75,
+          endLine: 1,
+          endColumn: 91
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || (b && (c || d))" /><div v-else-if="(d || c) && b" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 62,
+          endLine: 1,
+          endColumn: 75
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="(b || a) && c" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 49,
+          endLine: 1,
+          endColumn: 55
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="b && (a || c)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 90,
+          endLine: 1,
+          endColumn: 91
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b || c" /><div v-else-if="a || (b && d) || (c && e)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 53,
+          endLine: 1,
+          endColumn: 78
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || (b || c)" /><div v-else-if="a || (b && c)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 55,
+          endLine: 1,
+          endColumn: 68
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || b" /><div v-else-if="c" /><div v-else-if="d" /><div v-else-if="(a || c) && (b || d)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 91,
+          endLine: 1,
+          endColumn: 97
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="b" /><div v-else-if="c && (a || d && b)" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 70,
+          endLine: 1,
+          endColumn: 81
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="a || a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 49
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || a" /><div v-else-if="a || a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 54
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a || a" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 49
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a" /><div v-else-if="a && a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 43,
+          endLine: 1,
+          endColumn: 44
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a && a" /><div v-else-if="a && a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 49
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><div v-if="a && a" /><div v-else-if="a" /></template>',
-      errors: [{ messageId: 'unexpected' }]
+      errors: [
+        {
+          messageId: 'unexpected',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 49
+        }
+      ]
     }
   ]
 })

From d8ce7a25a66f93a90331e26a521c3bb3948cc445 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:47:31 +0200
Subject: [PATCH 1003/1010] test(no-dupe-keys): make tests more strict (#2893)

---
 tests/lib/rules/no-dupe-keys.js | 185 +++++++++++++++++++++++++-------
 1 file changed, 148 insertions(+), 37 deletions(-)

diff --git a/tests/lib/rules/no-dupe-keys.js b/tests/lib/rules/no-dupe-keys.js
index 2df95908c..794dbd2ec 100644
--- a/tests/lib/rules/no-dupe-keys.js
+++ b/tests/lib/rules/no-dupe-keys.js
@@ -546,22 +546,34 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 10
+          line: 10,
+          column: 15,
+          endLine: 10,
+          endColumn: 18
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 14
+          line: 14,
+          column: 13,
+          endLine: 14,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 21
+          line: 21,
+          column: 15,
+          endLine: 21,
+          endColumn: 18
         }
       ]
     },
@@ -596,22 +608,34 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 10
+          line: 10,
+          column: 15,
+          endLine: 10,
+          endColumn: 18
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 14
+          line: 14,
+          column: 13,
+          endLine: 14,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 21
+          line: 21,
+          column: 15,
+          endLine: 21,
+          endColumn: 18
         }
       ]
     },
@@ -637,17 +661,26 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 12
+          line: 12,
+          column: 13,
+          endLine: 12,
+          endColumn: 16
         }
       ]
     },
@@ -684,22 +717,34 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 13
+          line: 13,
+          column: 13,
+          endLine: 13,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 16
+          line: 16,
+          column: 13,
+          endLine: 16,
+          endColumn: 16
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 23
+          line: 23,
+          column: 15,
+          endLine: 23,
+          endColumn: 18
         }
       ]
     },
@@ -720,7 +765,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 16
         }
       ]
     },
@@ -746,7 +794,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 12
+          line: 12,
+          column: 15,
+          endLine: 12,
+          endColumn: 18
         }
       ]
     },
@@ -770,7 +821,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 10
+          line: 10,
+          column: 15,
+          endLine: 10,
+          endColumn: 18
         }
       ]
     },
@@ -792,7 +846,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 16
         }
       ]
     },
@@ -814,7 +871,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 16
         }
       ]
     },
@@ -836,7 +896,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 16
         }
       ]
     },
@@ -858,7 +921,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 16
         }
       ]
     },
@@ -879,7 +945,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 16
         }
       ]
     },
@@ -900,7 +969,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 13,
+          endLine: 7,
+          endColumn: 16
         }
       ]
     },
@@ -925,7 +997,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 6
+          line: 6,
+          column: 17,
+          endLine: 6,
+          endColumn: 20
         }
       ]
     },
@@ -946,7 +1021,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 17,
+          endLine: 7,
+          endColumn: 20
         }
       ]
     },
@@ -966,7 +1044,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 6
+          line: 6,
+          column: 17,
+          endLine: 6,
+          endColumn: 20
         }
       ]
     },
@@ -987,7 +1068,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 17,
+          endLine: 7,
+          endColumn: 20
         }
       ]
     },
@@ -1008,7 +1092,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 7
+          line: 7,
+          column: 17,
+          endLine: 7,
+          endColumn: 20
         }
       ]
     },
@@ -1027,7 +1114,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 6
+          line: 6,
+          column: 15,
+          endLine: 6,
+          endColumn: 22
         }
       ]
     },
@@ -1055,17 +1145,26 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'baz'. May cause name collision in script or template tag.",
-          line: 4
+          line: 4,
+          column: 16,
+          endLine: 4,
+          endColumn: 19
         },
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 12
+          line: 12,
+          column: 9,
+          endLine: 14,
+          endColumn: 10
         },
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 15
+          line: 15,
+          column: 15,
+          endLine: 15,
+          endColumn: 32
         }
       ]
     },
@@ -1090,12 +1189,18 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'foo'. May cause name collision in script or template tag.",
-          line: 8
+          line: 8,
+          column: 13,
+          endLine: 8,
+          endColumn: 24
         },
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 9
+          line: 9,
+          column: 13,
+          endLine: 9,
+          endColumn: 24
         }
       ]
     },
@@ -1113,7 +1218,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 21
         }
       ]
     },
@@ -1131,7 +1239,10 @@ ruleTester.run('no-dupe-keys', rule, {
         {
           message:
             "Duplicate key 'bar'. May cause name collision in script or template tag.",
-          line: 5
+          line: 5,
+          column: 13,
+          endLine: 5,
+          endColumn: 24
         }
       ]
     }

From 3d493bbd069ca8c1543e4b5a36f173adbf456124 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:47:48 +0200
Subject: [PATCH 1004/1010] test(no-expose-after-await): make tests more strict
 (#2892)

---
 tests/lib/rules/no-expose-after-await.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/tests/lib/rules/no-expose-after-await.js b/tests/lib/rules/no-expose-after-await.js
index 033fd5421..4f57d882e 100644
--- a/tests/lib/rules/no-expose-after-await.js
+++ b/tests/lib/rules/no-expose-after-await.js
@@ -147,7 +147,9 @@ tester.run('no-expose-after-await', rule, {
         {
           message: '`expose` is forbidden after an `await` expression.',
           line: 6,
-          column: 11
+          column: 11,
+          endLine: 6,
+          endColumn: 32
         }
       ]
     },
@@ -167,7 +169,9 @@ tester.run('no-expose-after-await', rule, {
         {
           message: '`expose` is forbidden after an `await` expression.',
           line: 6,
-          column: 11
+          column: 11,
+          endLine: 6,
+          endColumn: 36
         }
       ]
     },
@@ -184,7 +188,9 @@ tester.run('no-expose-after-await', rule, {
         {
           message: '`defineExpose` is forbidden after an `await` expression.',
           line: 4,
-          column: 7
+          column: 7,
+          endLine: 4,
+          endColumn: 34
         }
       ]
     }

From 5a53369046748dcc413be9eb6c022cd5cd73fbe4 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:48:09 +0200
Subject: [PATCH 1005/1010] test(no-empty-pattern): make tests more strict
 (#2891)

---
 tests/lib/rules/no-empty-pattern.js | 80 +++++++++++++++++++++++------
 1 file changed, 64 insertions(+), 16 deletions(-)

diff --git a/tests/lib/rules/no-empty-pattern.js b/tests/lib/rules/no-empty-pattern.js
index 3013b60ad..ea4a53790 100644
--- a/tests/lib/rules/no-empty-pattern.js
+++ b/tests/lib/rules/no-empty-pattern.js
@@ -62,19 +62,31 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 5
+          line: 5,
+          column: 17,
+          endLine: 5,
+          endColumn: 19
         },
         {
           message: 'Unexpected empty array pattern.',
-          line: 6
+          line: 6,
+          column: 17,
+          endLine: 6,
+          endColumn: 19
         },
         {
           message: 'Unexpected empty object pattern.',
-          line: 7
+          line: 7,
+          column: 21,
+          endLine: 7,
+          endColumn: 23
         },
         {
           message: 'Unexpected empty array pattern.',
-          line: 8
+          line: 8,
+          column: 21,
+          endLine: 8,
+          endColumn: 23
         }
       ]
     },
@@ -88,7 +100,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 4
+          line: 4,
+          column: 33,
+          endLine: 4,
+          endColumn: 35
         }
       ]
     },
@@ -102,7 +117,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty array pattern.',
-          line: 4
+          line: 4,
+          column: 33,
+          endLine: 4,
+          endColumn: 35
         }
       ]
     },
@@ -116,7 +134,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 4
+          line: 4,
+          column: 37,
+          endLine: 4,
+          endColumn: 39
         }
       ]
     },
@@ -130,7 +151,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty array pattern.',
-          line: 4
+          line: 4,
+          column: 37,
+          endLine: 4,
+          endColumn: 39
         }
       ]
     },
@@ -144,7 +168,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 23
         }
       ]
     },
@@ -158,7 +185,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty array pattern.',
-          line: 4
+          line: 4,
+          column: 21,
+          endLine: 4,
+          endColumn: 23
         }
       ]
     },
@@ -172,7 +202,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 27
         }
       ]
     },
@@ -186,7 +219,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty array pattern.',
-          line: 4
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 27
         }
       ]
     },
@@ -200,7 +236,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 4
+          line: 4,
+          column: 23,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -214,7 +253,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty array pattern.',
-          line: 4
+          line: 4,
+          column: 23,
+          endLine: 4,
+          endColumn: 25
         }
       ]
     },
@@ -228,7 +270,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty object pattern.',
-          line: 4
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 29
         }
       ]
     },
@@ -242,7 +287,10 @@ tester.run('no-empty-pattern', rule, {
       errors: [
         {
           message: 'Unexpected empty array pattern.',
-          line: 4
+          line: 4,
+          column: 27,
+          endLine: 4,
+          endColumn: 29
         }
       ]
     }

From c12c272c5387eec98ea40027f93fda3bf333abb0 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:48:31 +0200
Subject: [PATCH 1006/1010] test(no-empty-component-block): make tests more
 strict (#2890)

---
 tests/lib/rules/no-empty-component-block.js | 186 ++++++++++++++++----
 1 file changed, 155 insertions(+), 31 deletions(-)

diff --git a/tests/lib/rules/no-empty-component-block.js b/tests/lib/rules/no-empty-component-block.js
index 0a014099a..87ad2dd66 100644
--- a/tests/lib/rules/no-empty-component-block.js
+++ b/tests/lib/rules/no-empty-component-block.js
@@ -30,7 +30,11 @@ tester.run('no-empty-component-block', rule, {
       output: '',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 22
         }
       ]
     },
@@ -39,7 +43,11 @@ tester.run('no-empty-component-block', rule, {
       output: '',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 23
         }
       ]
     },
@@ -49,7 +57,11 @@ tester.run('no-empty-component-block', rule, {
       output: '',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 2,
+          endColumn: 12
         }
       ]
     },
@@ -58,7 +70,11 @@ tester.run('no-empty-component-block', rule, {
       output: '',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 13
         }
       ]
     },
@@ -67,7 +83,11 @@ tester.run('no-empty-component-block', rule, {
       output: '',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 20
         }
       ]
     },
@@ -76,10 +96,18 @@ tester.run('no-empty-component-block', rule, {
       output: '<script></script>',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 22
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 39
         }
       ]
     },
@@ -88,10 +116,18 @@ tester.run('no-empty-component-block', rule, {
       output: '<script />',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 13
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 13,
+          endLine: 1,
+          endColumn: 23
         }
       ]
     },
@@ -100,10 +136,18 @@ tester.run('no-empty-component-block', rule, {
       output: '<script src="" />',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 20
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 20,
+          endLine: 1,
+          endColumn: 37
         }
       ]
     },
@@ -112,13 +156,25 @@ tester.run('no-empty-component-block', rule, {
       output: '<script></script>',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 22
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 22,
+          endLine: 1,
+          endColumn: 39
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 54
         }
       ]
     },
@@ -127,13 +183,25 @@ tester.run('no-empty-component-block', rule, {
       output: '<script />',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 13
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 13,
+          endLine: 1,
+          endColumn: 23
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 32
         }
       ]
     },
@@ -142,13 +210,25 @@ tester.run('no-empty-component-block', rule, {
       output: '<script src="" />',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 20
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 20,
+          endLine: 1,
+          endColumn: 37
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 37,
+          endLine: 1,
+          endColumn: 53
         }
       ]
     },
@@ -158,13 +238,25 @@ tester.run('no-empty-component-block', rule, {
       output: '  ',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 22
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 23,
+          endLine: 1,
+          endColumn: 40
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 41,
+          endLine: 1,
+          endColumn: 56
         }
       ]
     },
@@ -173,13 +265,25 @@ tester.run('no-empty-component-block', rule, {
       output: '  ',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 13
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 14,
+          endLine: 1,
+          endColumn: 24
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 25,
+          endLine: 1,
+          endColumn: 34
         }
       ]
     },
@@ -188,13 +292,25 @@ tester.run('no-empty-component-block', rule, {
       output: '  ',
       errors: [
         {
-          message: '`<template>` is empty. Empty block is not allowed.'
+          message: '`<template>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 1,
+          endLine: 1,
+          endColumn: 20
         },
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 21,
+          endLine: 1,
+          endColumn: 38
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 39,
+          endLine: 1,
+          endColumn: 55
         }
       ]
     },
@@ -203,10 +319,18 @@ tester.run('no-empty-component-block', rule, {
       output: '<template><p></p></template>  ',
       errors: [
         {
-          message: '`<script>` is empty. Empty block is not allowed.'
+          message: '`<script>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 30,
+          endLine: 1,
+          endColumn: 47
         },
         {
-          message: '`<style>` is empty. Empty block is not allowed.'
+          message: '`<style>` is empty. Empty block is not allowed.',
+          line: 1,
+          column: 48,
+          endLine: 1,
+          endColumn: 64
         }
       ]
     }

From 78023a8d4a996769450c88259b59a9c1a6fa076b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 1 Aug 2025 09:48:51 +0200
Subject: [PATCH 1007/1010] test(no-duplicate-attr-inheritance): make tests
 more strict (#2889)

---
 .../rules/no-duplicate-attr-inheritance.js    | 90 ++++++++++++++++---
 1 file changed, 80 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/no-duplicate-attr-inheritance.js b/tests/lib/rules/no-duplicate-attr-inheritance.js
index 41e9f1522..8a007b491 100644
--- a/tests/lib/rules/no-duplicate-attr-inheritance.js
+++ b/tests/lib/rules/no-duplicate-attr-inheritance.js
@@ -157,7 +157,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><div v-bind="$attrs"></div></div></template>',
-      errors: ['Set "inheritAttrs" to false.']
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 1,
+          column: 29,
+          endLine: 1,
+          endColumn: 35
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -169,7 +177,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         }
         </script>
       `,
-      errors: ['Set "inheritAttrs" to false.']
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 2,
+          column: 37,
+          endLine: 2,
+          endColumn: 43
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -184,7 +200,10 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
       errors: [
         {
           message: 'Set "inheritAttrs" to false.',
-          line: 7
+          line: 7,
+          column: 30,
+          endLine: 7,
+          endColumn: 36
         }
       ]
     },
@@ -199,7 +218,10 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
       errors: [
         {
           message: 'Set "inheritAttrs" to false.',
-          line: 5
+          line: 5,
+          column: 30,
+          endLine: 5,
+          endColumn: 36
         }
       ]
     },
@@ -207,7 +229,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
       filename: 'test.vue',
       code: `<template><div v-bind="$attrs"></div><div></div></template>`,
       options: [{ checkMultiRootNodes: true }],
-      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 1,
+          column: 24,
+          endLine: 1,
+          endColumn: 30
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -219,7 +249,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
       </template>
       `,
       options: [{ checkMultiRootNodes: true }],
-      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 46
+        }
+      ]
     },
     // condition group as a single root node
     {
@@ -231,7 +269,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         <div v-else></div>
       </template>
       `,
-      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 46
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -243,7 +289,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         <div v-else></div>
       </template>
       `,
-      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 46
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -253,7 +307,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         <div v-else></div>
       </template>
       `,
-      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 46
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -262,7 +324,15 @@ ruleTester.run('no-duplicate-attr-inheritance', rule, {
         <div v-if="condition1" v-bind="$attrs"></div>
       </template>
       `,
-      errors: [{ message: 'Set "inheritAttrs" to false.' }]
+      errors: [
+        {
+          message: 'Set "inheritAttrs" to false.',
+          line: 3,
+          column: 40,
+          endLine: 3,
+          endColumn: 46
+        }
+      ]
     }
   ]
 })

From 27d5c05284a859ad6d1f216be05e536900a8df3a Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Fri, 1 Aug 2025 11:26:48 +0200
Subject: [PATCH 1008/1010] docs: add related rules and update ESLint Stylistic
 links (#2911)

---
 docs/rules/array-bracket-newline.md                   | 4 ++--
 docs/rules/array-bracket-spacing.md                   | 4 ++--
 docs/rules/array-element-newline.md                   | 8 ++++----
 docs/rules/arrow-spacing.md                           | 4 ++--
 docs/rules/block-spacing.md                           | 4 ++--
 docs/rules/brace-style.md                             | 4 ++--
 docs/rules/comma-dangle.md                            | 4 ++--
 docs/rules/comma-spacing.md                           | 4 ++--
 docs/rules/comma-style.md                             | 4 ++--
 docs/rules/dot-location.md                            | 4 ++--
 docs/rules/func-call-spacing.md                       | 4 ++--
 docs/rules/key-spacing.md                             | 4 ++--
 docs/rules/keyword-spacing.md                         | 4 ++--
 docs/rules/multiline-html-element-content-newline.md  | 7 +++----
 docs/rules/multiline-ternary.md                       | 4 ++--
 docs/rules/no-extra-parens.md                         | 4 ++--
 docs/rules/object-curly-newline.md                    | 4 ++--
 docs/rules/object-curly-spacing.md                    | 4 ++--
 docs/rules/object-property-newline.md                 | 4 ++--
 docs/rules/operator-linebreak.md                      | 4 ++--
 docs/rules/quote-props.md                             | 4 ++--
 docs/rules/singleline-html-element-content-newline.md | 4 ++++
 docs/rules/space-in-parens.md                         | 4 ++--
 docs/rules/space-infix-ops.md                         | 4 ++--
 docs/rules/space-unary-ops.md                         | 4 ++--
 docs/rules/template-curly-spacing.md                  | 4 ++--
 26 files changed, 57 insertions(+), 54 deletions(-)

diff --git a/docs/rules/array-bracket-newline.md b/docs/rules/array-bracket-newline.md
index 550723b5d..1e51479f5 100644
--- a/docs/rules/array-bracket-newline.md
+++ b/docs/rules/array-bracket-newline.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/array-bracket-newline]
 - [array-bracket-newline]
 
-[@stylistic/array-bracket-newline]: https://eslint.style/rules/default/array-bracket-newline
+[@stylistic/array-bracket-newline]: https://eslint.style/rules/array-bracket-newline
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.1.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-newline.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/array-bracket-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/array-bracket-newline)</sup>
diff --git a/docs/rules/array-bracket-spacing.md b/docs/rules/array-bracket-spacing.md
index d2f820189..fd88a6a36 100644
--- a/docs/rules/array-bracket-spacing.md
+++ b/docs/rules/array-bracket-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/array-bracket-spacing]
 - [array-bracket-spacing]
 
-[@stylistic/array-bracket-spacing]: https://eslint.style/rules/default/array-bracket-spacing
+[@stylistic/array-bracket-spacing]: https://eslint.style/rules/array-bracket-spacing
 [array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-bracket-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-bracket-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/array-bracket-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/array-bracket-spacing)</sup>
diff --git a/docs/rules/array-element-newline.md b/docs/rules/array-element-newline.md
index bd83bdda4..f7d658143 100644
--- a/docs/rules/array-element-newline.md
+++ b/docs/rules/array-element-newline.md
@@ -28,9 +28,9 @@ However, if neither is found, the rule cannot be used.
 - [array-bracket-newline]
 - [array-element-newline]
 
-[@stylistic/array-element-newline]: https://eslint.style/rules/default/array-element-newline
-[@stylistic/array-bracket-spacing]: https://eslint.style/rules/default/array-bracket-spacing
-[@stylistic/array-bracket-newline]: https://eslint.style/rules/default/array-bracket-newline
+[@stylistic/array-element-newline]: https://eslint.style/rules/array-element-newline
+[@stylistic/array-bracket-spacing]: https://eslint.style/rules/array-bracket-spacing
+[@stylistic/array-bracket-newline]: https://eslint.style/rules/array-bracket-newline
 [array-bracket-spacing]: https://eslint.org/docs/rules/array-bracket-spacing
 [array-bracket-newline]: https://eslint.org/docs/rules/array-bracket-newline
 [array-element-newline]: https://eslint.org/docs/rules/array-element-newline
@@ -44,4 +44,4 @@ This rule was introduced in eslint-plugin-vue v9.9.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/array-element-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/array-element-newline.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/array-element-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/array-element-newline)</sup>
diff --git a/docs/rules/arrow-spacing.md b/docs/rules/arrow-spacing.md
index 7020a208e..adffbf1c9 100644
--- a/docs/rules/arrow-spacing.md
+++ b/docs/rules/arrow-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/arrow-spacing]
 - [arrow-spacing]
 
-[@stylistic/arrow-spacing]: https://eslint.style/rules/default/arrow-spacing
+[@stylistic/arrow-spacing]: https://eslint.style/rules/arrow-spacing
 [arrow-spacing]: https://eslint.org/docs/rules/arrow-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/arrow-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/arrow-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/arrow-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/arrow-spacing)</sup>
diff --git a/docs/rules/block-spacing.md b/docs/rules/block-spacing.md
index e9f16b8d0..187237ed8 100644
--- a/docs/rules/block-spacing.md
+++ b/docs/rules/block-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/block-spacing]
 - [block-spacing]
 
-[@stylistic/block-spacing]: https://eslint.style/rules/default/block-spacing
+[@stylistic/block-spacing]: https://eslint.style/rules/block-spacing
 [block-spacing]: https://eslint.org/docs/rules/block-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/block-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/block-spacing)</sup>
diff --git a/docs/rules/brace-style.md b/docs/rules/brace-style.md
index 1727f42fb..2667e1829 100644
--- a/docs/rules/brace-style.md
+++ b/docs/rules/brace-style.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/brace-style]
 - [brace-style]
 
-[@stylistic/brace-style]: https://eslint.style/rules/default/brace-style
+[@stylistic/brace-style]: https://eslint.style/rules/brace-style
 [brace-style]: https://eslint.org/docs/rules/brace-style
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/brace-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/brace-style.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/brace-style)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/brace-style)</sup>
diff --git a/docs/rules/comma-dangle.md b/docs/rules/comma-dangle.md
index aceaa6dc1..7fd33c445 100644
--- a/docs/rules/comma-dangle.md
+++ b/docs/rules/comma-dangle.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/comma-dangle]
 - [comma-dangle]
 
-[@stylistic/comma-dangle]: https://eslint.style/rules/default/comma-dangle
+[@stylistic/comma-dangle]: https://eslint.style/rules/comma-dangle
 [comma-dangle]: https://eslint.org/docs/rules/comma-dangle
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-dangle.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-dangle.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/comma-dangle)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/comma-dangle)</sup>
diff --git a/docs/rules/comma-spacing.md b/docs/rules/comma-spacing.md
index b585fadf7..8f31fa50a 100644
--- a/docs/rules/comma-spacing.md
+++ b/docs/rules/comma-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/comma-spacing]
 - [comma-spacing]
 
-[@stylistic/comma-spacing]: https://eslint.style/rules/default/comma-spacing
+[@stylistic/comma-spacing]: https://eslint.style/rules/comma-spacing
 [comma-spacing]: https://eslint.org/docs/rules/comma-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/comma-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/comma-spacing)</sup>
diff --git a/docs/rules/comma-style.md b/docs/rules/comma-style.md
index 9e08fdaaf..c4c6eea96 100644
--- a/docs/rules/comma-style.md
+++ b/docs/rules/comma-style.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/comma-style]
 - [comma-style]
 
-[@stylistic/comma-style]: https://eslint.style/rules/default/comma-style
+[@stylistic/comma-style]: https://eslint.style/rules/comma-style
 [comma-style]: https://eslint.org/docs/rules/comma-style
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/comma-style.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/comma-style.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/comma-style)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/comma-style)</sup>
diff --git a/docs/rules/dot-location.md b/docs/rules/dot-location.md
index edb785080..101b58776 100644
--- a/docs/rules/dot-location.md
+++ b/docs/rules/dot-location.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/dot-location]
 - [dot-location]
 
-[@stylistic/dot-location]: https://eslint.style/rules/default/dot-location
+[@stylistic/dot-location]: https://eslint.style/rules/dot-location
 [dot-location]: https://eslint.org/docs/rules/dot-location
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/dot-location.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/dot-location.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/dot-location)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/dot-location)</sup>
diff --git a/docs/rules/func-call-spacing.md b/docs/rules/func-call-spacing.md
index f330255d1..89365a8c9 100644
--- a/docs/rules/func-call-spacing.md
+++ b/docs/rules/func-call-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/function-call-spacing]
 - [func-call-spacing]
 
-[@stylistic/function-call-spacing]: https://eslint.style/rules/default/function-call-spacing
+[@stylistic/function-call-spacing]: https://eslint.style/rules/function-call-spacing
 [func-call-spacing]: https://eslint.org/docs/rules/func-call-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/func-call-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/func-call-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/function-call-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/function-call-spacing)</sup>
diff --git a/docs/rules/key-spacing.md b/docs/rules/key-spacing.md
index 28c8f1856..640490a48 100644
--- a/docs/rules/key-spacing.md
+++ b/docs/rules/key-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/key-spacing]
 - [key-spacing]
 
-[@stylistic/key-spacing]: https://eslint.style/rules/default/key-spacing
+[@stylistic/key-spacing]: https://eslint.style/rules/key-spacing
 [key-spacing]: https://eslint.org/docs/rules/key-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/key-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/key-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/key-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/key-spacing)</sup>
diff --git a/docs/rules/keyword-spacing.md b/docs/rules/keyword-spacing.md
index afda9d1d7..74938470c 100644
--- a/docs/rules/keyword-spacing.md
+++ b/docs/rules/keyword-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/keyword-spacing]
 - [keyword-spacing]
 
-[@stylistic/keyword-spacing]: https://eslint.style/rules/default/keyword-spacing
+[@stylistic/keyword-spacing]: https://eslint.style/rules/keyword-spacing
 [keyword-spacing]: https://eslint.org/docs/rules/keyword-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v6.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/keyword-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/keyword-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/keyword-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/keyword-spacing)</sup>
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index bf654aafe..4e6e999b1 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -143,11 +143,10 @@ This rule enforces a line break before and after the contents of a multiline ele
 
 </eslint-code-block>
 
-## :books: Further Reading
+## :couple: Related Rules
 
-- [no-multiple-empty-lines]
-
-[no-multiple-empty-lines]: https://eslint.org/docs/rules/no-multiple-empty-lines
+- [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md)
+- [no-multiple-empty-lines](https://eslint.org/docs/rules/no-multiple-empty-lines)
 
 ## :rocket: Version
 
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index 1fe4d84fb..687138e77 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -56,7 +56,7 @@ div {
 - [@stylistic/multiline-ternary]
 - [multiline-ternary]
 
-[@stylistic/multiline-ternary]: https://eslint.style/rules/default/multiline-ternary
+[@stylistic/multiline-ternary]: https://eslint.style/rules/multiline-ternary
 [multiline-ternary]: https://eslint.org/docs/rules/multiline-ternary
 
 ## :rocket: Version
@@ -68,4 +68,4 @@ This rule was introduced in eslint-plugin-vue v9.7.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-ternary.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/multiline-ternary.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/multiline-ternary)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/multiline-ternary)</sup>
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index 442a965ba..fbb0a3202 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -46,7 +46,7 @@ This rule extends the [@stylistic/no-extra-parens] rule and applies it to the `<
 - [@stylistic/no-extra-parens]
 - [no-extra-parens]
 
-[@stylistic/no-extra-parens]: https://eslint.style/rules/default/no-extra-parens
+[@stylistic/no-extra-parens]: https://eslint.style/rules/no-extra-parens
 [no-extra-parens]: https://eslint.org/docs/rules/no-extra-parens
 
 ## :rocket: Version
@@ -58,4 +58,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-extra-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-extra-parens.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/no-extra-parens)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/no-extra-parens)</sup>
diff --git a/docs/rules/object-curly-newline.md b/docs/rules/object-curly-newline.md
index 8f636a1da..1b9d99cfe 100644
--- a/docs/rules/object-curly-newline.md
+++ b/docs/rules/object-curly-newline.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/object-curly-newline]
 - [object-curly-newline]
 
-[@stylistic/object-curly-newline]: https://eslint.style/rules/default/object-curly-newline
+[@stylistic/object-curly-newline]: https://eslint.style/rules/object-curly-newline
 [object-curly-newline]: https://eslint.org/docs/rules/object-curly-newline
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-newline.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/object-curly-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/object-curly-newline)</sup>
diff --git a/docs/rules/object-curly-spacing.md b/docs/rules/object-curly-spacing.md
index e7a3fa0a6..c3c744987 100644
--- a/docs/rules/object-curly-spacing.md
+++ b/docs/rules/object-curly-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/object-curly-spacing]
 - [object-curly-spacing]
 
-[@stylistic/object-curly-spacing]: https://eslint.style/rules/default/object-curly-spacing
+[@stylistic/object-curly-spacing]: https://eslint.style/rules/object-curly-spacing
 [object-curly-spacing]: https://eslint.org/docs/rules/object-curly-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-curly-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/object-curly-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/object-curly-spacing)</sup>
diff --git a/docs/rules/object-property-newline.md b/docs/rules/object-property-newline.md
index 6b6434ced..8a9cbf6ea 100644
--- a/docs/rules/object-property-newline.md
+++ b/docs/rules/object-property-newline.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/object-property-newline]
 - [object-property-newline]
 
-[@stylistic/object-property-newline]: https://eslint.style/rules/default/object-property-newline
+[@stylistic/object-property-newline]: https://eslint.style/rules/object-property-newline
 [object-property-newline]: https://eslint.org/docs/rules/object-property-newline
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/object-property-newline.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/object-property-newline.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/object-property-newline)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/object-property-newline)</sup>
diff --git a/docs/rules/operator-linebreak.md b/docs/rules/operator-linebreak.md
index b994e7622..7d27b1438 100644
--- a/docs/rules/operator-linebreak.md
+++ b/docs/rules/operator-linebreak.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/operator-linebreak]
 - [operator-linebreak]
 
-[@stylistic/operator-linebreak]: https://eslint.style/rules/default/operator-linebreak
+[@stylistic/operator-linebreak]: https://eslint.style/rules/operator-linebreak
 [operator-linebreak]: https://eslint.org/docs/rules/operator-linebreak
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/operator-linebreak.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/operator-linebreak.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/operator-linebreak)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/operator-linebreak)</sup>
diff --git a/docs/rules/quote-props.md b/docs/rules/quote-props.md
index f5fe59248..9e2a91e79 100644
--- a/docs/rules/quote-props.md
+++ b/docs/rules/quote-props.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/quote-props]
 - [quote-props]
 
-[@stylistic/quote-props]: https://eslint.style/rules/default/quote-props
+[@stylistic/quote-props]: https://eslint.style/rules/quote-props
 [quote-props]: https://eslint.org/docs/rules/quote-props
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v8.4.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quote-props.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quote-props.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/quote-props)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/quote-props)</sup>
diff --git a/docs/rules/singleline-html-element-content-newline.md b/docs/rules/singleline-html-element-content-newline.md
index 7219a782d..7b2cafc88 100644
--- a/docs/rules/singleline-html-element-content-newline.md
+++ b/docs/rules/singleline-html-element-content-newline.md
@@ -110,6 +110,10 @@ This rule enforces a line break before and after the contents of a singleline el
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/multiline-html-element-content-newline](./multiline-html-element-content-newline.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v5.0.0
diff --git a/docs/rules/space-in-parens.md b/docs/rules/space-in-parens.md
index 3d2d5dbd7..eef3e01b5 100644
--- a/docs/rules/space-in-parens.md
+++ b/docs/rules/space-in-parens.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/space-in-parens]
 - [space-in-parens]
 
-[@stylistic/space-in-parens]: https://eslint.style/rules/default/space-in-parens
+[@stylistic/space-in-parens]: https://eslint.style/rules/space-in-parens
 [space-in-parens]: https://eslint.org/docs/rules/space-in-parens
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-in-parens.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-in-parens.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/space-in-parens)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/space-in-parens)</sup>
diff --git a/docs/rules/space-infix-ops.md b/docs/rules/space-infix-ops.md
index 2b4e9d0a3..775726fd8 100644
--- a/docs/rules/space-infix-ops.md
+++ b/docs/rules/space-infix-ops.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/space-infix-ops]
 - [space-infix-ops]
 
-[@stylistic/space-infix-ops]: https://eslint.style/rules/default/space-infix-ops
+[@stylistic/space-infix-ops]: https://eslint.style/rules/space-infix-ops
 [space-infix-ops]: https://eslint.org/docs/rules/space-infix-ops
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-infix-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-infix-ops.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/space-infix-ops)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/space-infix-ops)</sup>
diff --git a/docs/rules/space-unary-ops.md b/docs/rules/space-unary-ops.md
index 54fe5e192..6ecd74e8e 100644
--- a/docs/rules/space-unary-ops.md
+++ b/docs/rules/space-unary-ops.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/space-unary-ops]
 - [space-unary-ops]
 
-[@stylistic/space-unary-ops]: https://eslint.style/rules/default/space-unary-ops
+[@stylistic/space-unary-ops]: https://eslint.style/rules/space-unary-ops
 [space-unary-ops]: https://eslint.org/docs/rules/space-unary-ops
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v5.2.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-unary-ops.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-unary-ops.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/space-unary-ops)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/space-unary-ops)</sup>
diff --git a/docs/rules/template-curly-spacing.md b/docs/rules/template-curly-spacing.md
index dfca50a64..26a1d3068 100644
--- a/docs/rules/template-curly-spacing.md
+++ b/docs/rules/template-curly-spacing.md
@@ -24,7 +24,7 @@ However, if neither is found, the rule cannot be used.
 - [@stylistic/template-curly-spacing]
 - [template-curly-spacing]
 
-[@stylistic/template-curly-spacing]: https://eslint.style/rules/default/template-curly-spacing
+[@stylistic/template-curly-spacing]: https://eslint.style/rules/template-curly-spacing
 [template-curly-spacing]: https://eslint.org/docs/rules/template-curly-spacing
 
 ## :rocket: Version
@@ -36,4 +36,4 @@ This rule was introduced in eslint-plugin-vue v7.0.0
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/template-curly-spacing.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/template-curly-spacing.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/template-curly-spacing)</sup>
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/template-curly-spacing)</sup>

From a198b52b0ac26c8b8069fef1e295758ef7e5d932 Mon Sep 17 00:00:00 2001
From: Lucas Werkmeister <mail@lucaswerkmeister.de>
Date: Fri, 1 Aug 2025 11:34:52 +0200
Subject: [PATCH 1009/1010] feat: Add `ignorePattern` to `no-v-html` (#2857)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
Co-authored-by: Wayne Zhang <waynzh19@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 .changeset/purple-lights-invite.md          |  5 +++
 docs/rules/no-v-html.md                     | 32 +++++++++++++-
 docs/rules/no-v-text-v-html-on-component.md |  5 +++
 docs/rules/no-v-text.md                     |  5 +++
 lib/rules/no-v-html.js                      | 26 ++++++++++-
 tests/lib/rules/no-v-html.js                | 49 +++++++++++++++++++--
 6 files changed, 117 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/purple-lights-invite.md

diff --git a/.changeset/purple-lights-invite.md b/.changeset/purple-lights-invite.md
new file mode 100644
index 000000000..80aa90b8d
--- /dev/null
+++ b/.changeset/purple-lights-invite.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Added `ignorePattern` option to [`vue/no-v-html`](https://eslint.vuejs.org/rules/no-v-html.html)
diff --git a/docs/rules/no-v-html.md b/docs/rules/no-v-html.md
index 3098683e0..507eaf9b4 100644
--- a/docs/rules/no-v-html.md
+++ b/docs/rules/no-v-html.md
@@ -32,12 +32,42 @@ This rule reports all uses of `v-html` directive in order to reduce the risk of
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+    "vue/no-v-html": ["error", {
+        "ignorePattern": "^html"
+    }]
+}
+```
+
+- `ignorePattern` ... disables reporting when the `v-html` directive references a variable matching this pattern. By default, all `v-html` uses are forbidden.
+
+### `{ "ignorePattern": "^html" }`
+
+<eslint-code-block :rules="{'vue/no-v-html': ['error', { 'ignorePattern': '^html' }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <h2>{{ userName }}</h2>
+  <span v-html="htmlUserLink" />
+
+  <!-- ✗ BAD -->
+  <span v-html="userName" />
+</template>
+```
+
+</eslint-code-block>
 
 ## :mute: When Not To Use It
 
 If you are certain the content passed to `v-html` is sanitized HTML you can disable this rule.
 
+## :couple: Related Rules
+
+- [vue/no-v-text](./no-v-text.md)
+- [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v4.7.0
diff --git a/docs/rules/no-v-text-v-html-on-component.md b/docs/rules/no-v-text-v-html-on-component.md
index 9bbbcf7ab..aa1aceff6 100644
--- a/docs/rules/no-v-text-v-html-on-component.md
+++ b/docs/rules/no-v-text-v-html-on-component.md
@@ -84,6 +84,11 @@ If you use v-text / v-html on a component, it will overwrite the component's con
 
 </eslint-code-block>
 
+## :couple: Related Rules
+
+- [vue/no-v-text](./no-v-text.md)
+- [vue/no-v-html](./no-v-html.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v8.4.0
diff --git a/docs/rules/no-v-text.md b/docs/rules/no-v-text.md
index 89bedbfbb..3fcd6811b 100644
--- a/docs/rules/no-v-text.md
+++ b/docs/rules/no-v-text.md
@@ -32,6 +32,11 @@ This rule reports all uses of `v-text` directive.
 
 Nothing.
 
+## :couple: Related Rules
+
+- [vue/no-v-html](./no-v-html.md)
+- [vue/no-v-text-v-html-on-component](./no-v-text-v-html-on-component.md)
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v7.17.0
diff --git a/lib/rules/no-v-html.js b/lib/rules/no-v-html.js
index 355e86b21..512cf4c71 100644
--- a/lib/rules/no-v-html.js
+++ b/lib/rules/no-v-html.js
@@ -14,16 +14,40 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-v-html.html'
     },
     fixable: null,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignorePattern: {
+            type: 'string'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       unexpected: "'v-html' directive can lead to XSS attack."
     }
   },
   /** @param {RuleContext} context */
   create(context) {
+    const options = context.options[0]
+    const ignoreRegEx = options?.ignorePattern
+      ? new RegExp(options.ignorePattern, 'u')
+      : undefined
+
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VDirective} node */
       "VAttribute[directive=true][key.name.name='html']"(node) {
+        if (
+          ignoreRegEx &&
+          node.value &&
+          node.value.expression &&
+          node.value.expression.type === 'Identifier' &&
+          ignoreRegEx.test(node.value.expression.name)
+        ) {
+          return
+        }
         context.report({
           node,
           loc: node.loc,
diff --git a/tests/lib/rules/no-v-html.js b/tests/lib/rules/no-v-html.js
index d9ae67ca1..44d3a79c5 100644
--- a/tests/lib/rules/no-v-html.js
+++ b/tests/lib/rules/no-v-html.js
@@ -28,23 +28,66 @@ ruleTester.run('no-v-html', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-if="foo" v-bind="bar"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-html="htmlKnownToBeSafe"></div></template>',
+      options: [{ ignorePattern: '^html' }]
     }
   ],
   invalid: [
     {
       filename: 'test.vue',
       code: '<template><div v-html="foo"></div></template>',
-      errors: ["'v-html' directive can lead to XSS attack."]
+      errors: [
+        {
+          message: "'v-html' directive can lead to XSS attack.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 28
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><ul v-html:aaa="userHTML"></ul></template>',
-      errors: ["'v-html' directive can lead to XSS attack."]
+      errors: [
+        {
+          message: "'v-html' directive can lead to XSS attack.",
+          line: 1,
+          column: 15,
+          endLine: 1,
+          endColumn: 36
+        }
+      ]
     },
     {
       filename: 'test.vue',
       code: '<template><section v-html/></template>',
-      errors: ["'v-html' directive can lead to XSS attack."]
+      errors: [
+        {
+          message: "'v-html' directive can lead to XSS attack.",
+          line: 1,
+          column: 20,
+          endLine: 1,
+          endColumn: 26
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-html="unsafeString"></div></template>',
+      options: [{ ignorePattern: '^html' }],
+      errors: [
+        {
+          message: "'v-html' directive can lead to XSS attack.",
+          line: 1,
+          column: 16,
+          endLine: 1,
+          endColumn: 37
+        }
+      ]
     }
   ]
 })

From 1d59e53b2d4b1a9eec02844f96397e34e1c11951 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Fri, 8 Aug 2025 16:13:43 +0900
Subject: [PATCH 1010/1010] chore: introduce `@eslint/markdown` and
 `eslint-plugin-markdown-preferences` (#2913)

---
 .vscode/settings.json                         |   3 +-
 CHANGELOG.md                                  |   2 +-
 README.md                                     |   4 +-
 docs/developer-guide/index.md                 |   8 +-
 docs/rules/block-lang.md                      |   4 +-
 docs/rules/component-api-style.md             |   2 +-
 docs/rules/html-indent.md                     |   2 +-
 .../multiline-html-element-content-newline.md |   6 +-
 docs/rules/no-async-in-computed-properties.md |   4 +-
 docs/rules/no-computed-properties-in-data.md  |   2 +-
 .../no-deprecated-data-object-declaration.md  |   2 +-
 docs/rules/no-duplicate-attr-inheritance.md   |   2 +-
 docs/rules/no-expose-after-await.md           |   4 +-
 docs/rules/no-extra-parens.md                 |   2 +-
 docs/rules/no-lifecycle-after-await.md        |   2 +-
 docs/rules/no-lone-template.md                |   6 +-
 docs/rules/no-multiple-slot-args.md           |   2 +-
 docs/rules/no-ref-as-operand.md               |   2 +-
 docs/rules/no-ref-object-destructure.md       |   2 +-
 docs/rules/no-ref-object-reactivity-loss.md   |   2 +-
 docs/rules/no-undef-properties.md             |   4 +-
 docs/rules/no-useless-mustaches.md            |   2 +-
 docs/rules/no-useless-v-bind.md               |   2 +-
 docs/rules/no-watch-after-await.md            |   2 +-
 docs/rules/require-slots-as-functions.md      |   2 +-
 docs/rules/script-setup-uses-vars.md          |   4 +-
 docs/rules/v-slot-style.md                    |   2 +-
 docs/user-guide/index.md                      |  22 ++--
 eslint.config.mjs                             | 110 ++++++++++++++++--
 lib/rules/no-setup-props-reactivity-loss.js   |  29 +++--
 package.json                                  |   4 +-
 31 files changed, 177 insertions(+), 69 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index f80681b66..8c7be0b23 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,6 @@
 {
   "editor.tabSize": 2,
-  "eslint.experimental.useFlatConfig": true,
-  "eslint.validate": ["javascript", "javascriptreact", "vue", "json", "jsonc"],
+  "eslint.validate": ["javascript", "javascriptreact", "vue", "json", "jsonc", "markdown"],
   "typescript.tsdk": "./node_modules/typescript/lib",
   "vetur.validation.script": false,
   "[typescript]": {
diff --git a/CHANGELOG.md b/CHANGELOG.md
index fa7a29427..71932ee19 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,7 +12,7 @@
 
 ### Patch Changes
 
-- Resolved TypeScript compatibility issues introduced by eslint-typegen ([#2790](https://github.com/vuejs/eslint-plugin-vue/pull/2790))
+- Resolved TypeScript compatibility issues introduced by [eslint-typegen](https://github.com/antfu/eslint-typegen) ([#2790](https://github.com/vuejs/eslint-plugin-vue/pull/2790))
 
 - Fixed inconsistent quotes in [`vue/block-lang`](https://eslint.vuejs.org/rules/block-lang.html) error messages ([#2805](https://github.com/vuejs/eslint-plugin-vue/pull/2805))
 
diff --git a/README.md b/README.md
index bdeb5e167..01bc6b687 100644
--- a/README.md
+++ b/README.md
@@ -34,13 +34,13 @@ Contributing is welcome! See the [ESLint Vue Plugin Developer Guide](https://esl
 
 Be sure to read the [official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules) before you start writing a new rule.
 
-To see what an abstract syntax tree (AST) of your code looks like, you may use [AST Explorer](https://astexplorer.net). After opening [AST Explorer](https://astexplorer.net), select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+To see what an abstract syntax tree (AST) of your code looks like, you may use [AST Explorer](https://astexplorer.net). After opening [AST Explorer](https://astexplorer.net), select `Vue` as the syntax and [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) as the parser.
 
 The default JavaScript parser must be replaced because [Vue.js single file components](https://vuejs.org/guide/scaling-up/sfc.html) are not plain JavaScript, but a custom file format. [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) is a replacement parser that generates an enhanced AST with nodes that represent specific parts of the template syntax, as well as the contents of the `<script>` tag.
 
 To learn more about certain nodes in a produced AST, see the [ESTree project page](https://github.com/estree/estree) and the [vue-eslint-parser AST documentation](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md).
 
-`vue-eslint-parser` provides a few useful parser services to help traverse the produced AST and access template tokens:
+[`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) provides a few useful parser services to help traverse the produced AST and access template tokens:
 
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
 - `context.parserServices.getTemplateBodyTokenStore()`
diff --git a/docs/developer-guide/index.md b/docs/developer-guide/index.md
index 9bfc68007..d0cb972d3 100644
--- a/docs/developer-guide/index.md
+++ b/docs/developer-guide/index.md
@@ -39,18 +39,18 @@ Before you start writing new rule, please read the [official ESLint guide](https
 Next, in order to get an idea how does the AST of the code that you want to check looks like, use the [astexplorer.net].
 The [astexplorer.net] is a great tool to inspect ASTs, also Vue templates are supported.
 
-After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+After opening [astexplorer.net], select `Vue` as the syntax and [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) as the parser.
 
 [astexplorer.net]: https://astexplorer.net/
 
-Since single file components in Vue are not plain JavaScript, we can't use the default parser, and we had to introduce additional one: `vue-eslint-parser`, that generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
+Since single file components in Vue are not plain JavaScript, we can't use the default parser, and we had to introduce additional one: [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser), that generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
 
 To know more about certain nodes in produced ASTs, go here:
 
 - [ESTree docs](https://github.com/estree/estree)
 - [vue-eslint-parser AST docs](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md)
 
-The `vue-eslint-parser` provides few useful parser services, to help traverse the produced AST and access tokens of the template:
+The [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) provides few useful parser services, to help traverse the produced AST and access tokens of the template:
 
 - `context.parserServices.defineTemplateBodyVisitor(visitor, scriptVisitor)`
 - `context.parserServices.getTemplateBodyTokenStore()`
@@ -63,7 +63,7 @@ If you'll stuck, remember there are plenty of rules you can learn from already,
 
 ## :white_check_mark: JSDoc type checking with TypeScript
 
-We have type checking enabled via TypeScript and JSDoc.  
+We have type checking enabled via TypeScript and JSDoc.\
 The command to perform type checking is: `npm run tsc`
 
 This is just to help you write the rules, not to do strict type checking. If you find it difficult to resolve type checking warnings, feel free to suppress warnings using the `// @ts-nocheck` and `// @ts-ignore` comment.
diff --git a/docs/rules/block-lang.md b/docs/rules/block-lang.md
index 828e9583e..f7964a315 100644
--- a/docs/rules/block-lang.md
+++ b/docs/rules/block-lang.md
@@ -48,14 +48,14 @@ This rule disallows the use of languages other than those available in the your
 
 </eslint-code-block>
 
-Specify the block name for the key of the option object.  
+Specify the block name for the key of the option object.\
 You can use the object as a value and use the following properties:
 
 - `lang` ... Specifies the available value for the `lang` attribute of the block. If multiple languages are available, specify them as an array. If you do not specify it, will disallow any language.
 - `allowNoLang` ... If `true`, allows the `lang` attribute not to be specified (allows the use of the default language of block).
 
 ::: warning Note
-If the default language is specified for `lang` option of `<template>`, `<style>` and `<script>`, it will be enforced to not specify `lang` attribute.  
+If the default language is specified for `lang` option of `<template>`, `<style>` and `<script>`, it will be enforced to not specify `lang` attribute.\
 This is to prevent unintended problems with [Vetur](https://vuejs.github.io/vetur/).
 
 See also [Vetur - Syntax Highlighting](https://vuejs.github.io/vetur/guide/highlighting.html).
diff --git a/docs/rules/component-api-style.md b/docs/rules/component-api-style.md
index 7a81176c9..97af50eaf 100644
--- a/docs/rules/component-api-style.md
+++ b/docs/rules/component-api-style.md
@@ -14,7 +14,7 @@ since: v7.18.0
 
 This rule aims to make the API style you use to define Vue components consistent in your project.
 
-For example, if you want to allow only `<script setup>` and Composition API.  
+For example, if you want to allow only `<script setup>` and Composition API.\
 (This is the default for this rule.)
 
 <eslint-code-block :rules="{'vue/component-api-style': ['error']}">
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 2cab727aa..e3ec60b77 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -79,7 +79,7 @@ This rule enforces a consistent indentation style in `<template>`. The default s
 - `type` (`number | "tab"`) ... The type of indentation. Default is `2`. If this is a number, it's the number of spaces for one indent. If this is `"tab"`, it uses one tab for one indent.
 - `attribute` (`integer`) ... The multiplier of indentation for attributes. Default is `1`.
 - `baseIndent` (`integer`) ... The multiplier of indentation for top-level statements. Default is `1`.
-- `closeBracket` (`integer | object`) ... The multiplier of indentation for right brackets. Default is `0`.  
+- `closeBracket` (`integer | object`) ... The multiplier of indentation for right brackets. Default is `0`.\
   You can apply all of the following by setting a number value.
   - `closeBracket.startTag` (`integer`) ... The multiplier of indentation for right brackets of start tags (`<div>`). Default is `0`.
   - `closeBracket.endTag` (`integer`) ... The multiplier of indentation for right brackets of end tags (`</div>`). Default is `0`.
diff --git a/docs/rules/multiline-html-element-content-newline.md b/docs/rules/multiline-html-element-content-newline.md
index 4e6e999b1..5a5af3dc4 100644
--- a/docs/rules/multiline-html-element-content-newline.md
+++ b/docs/rules/multiline-html-element-content-newline.md
@@ -91,7 +91,7 @@ This rule enforces a line break before and after the contents of a multiline ele
     default `true`
 - `ignores` ... the configuration for element names to ignore line breaks style.
     default `["pre", "textarea", ...INLINE_ELEMENTS]`.
-- `allowEmptyLines` ... if `true`, it allows empty lines around content. If you want to disallow multiple empty lines, use [no-multiple-empty-lines] in combination.  
+- `allowEmptyLines` ... if `true`, it allows empty lines around content. If you want to disallow multiple empty lines, use [no-multiple-empty-lines] in combination.\
     default `false`
 
 ::: info
@@ -146,7 +146,9 @@ This rule enforces a line break before and after the contents of a multiline ele
 ## :couple: Related Rules
 
 - [vue/singleline-html-element-content-newline](./singleline-html-element-content-newline.md)
-- [no-multiple-empty-lines](https://eslint.org/docs/rules/no-multiple-empty-lines)
+- [no-multiple-empty-lines]
+
+[no-multiple-empty-lines]: https://eslint.org/docs/rules/no-multiple-empty-lines
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-async-in-computed-properties.md b/docs/rules/no-async-in-computed-properties.md
index 814a53238..3cea89465 100644
--- a/docs/rules/no-async-in-computed-properties.md
+++ b/docs/rules/no-async-in-computed-properties.md
@@ -112,7 +112,9 @@ Nothing.
 
 ## :books: Further Reading
 
-- [vue-async-computed](https://github.com/foxbenjaminfox/vue-async-computed)
+- [vue-async-computed]
+
+[vue-async-computed]: https://github.com/foxbenjaminfox/vue-async-computed
 
 ## :rocket: Version
 
diff --git a/docs/rules/no-computed-properties-in-data.md b/docs/rules/no-computed-properties-in-data.md
index 960a28c86..85d3b84ed 100644
--- a/docs/rules/no-computed-properties-in-data.md
+++ b/docs/rules/no-computed-properties-in-data.md
@@ -14,7 +14,7 @@ since: v7.20.0
 
 ## :book: Rule Details
 
-This rule disallow accessing computed properties in `data()`.  
+This rule disallow accessing computed properties in `data()`.\
 The computed property cannot be accessed in `data()` because is before initialization.
 
 <eslint-code-block :rules="{'vue/no-computed-properties-in-data': ['error']}">
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
index 214aacc30..51b252ab5 100644
--- a/docs/rules/no-deprecated-data-object-declaration.md
+++ b/docs/rules/no-deprecated-data-object-declaration.md
@@ -16,7 +16,7 @@ since: v7.0.0
 ## :book: Rule Details
 
 This rule reports use of deprecated object declaration on `data` property (in Vue.js 3.0.0+).
-The different from `vue/no-shared-component-data` is the root instance being also disallowed.
+The different from [`vue/no-shared-component-data`](./no-shared-component-data.md) is the root instance being also disallowed.
 
 See [Migration Guide - Data Option](https://v3-migration.vuejs.org/breaking-changes/data-option.html) for more details.
 
diff --git a/docs/rules/no-duplicate-attr-inheritance.md b/docs/rules/no-duplicate-attr-inheritance.md
index fe3cd37bf..e433280ef 100644
--- a/docs/rules/no-duplicate-attr-inheritance.md
+++ b/docs/rules/no-duplicate-attr-inheritance.md
@@ -12,7 +12,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule aims to prevent duplicate attribute inheritance.  
+This rule aims to prevent duplicate attribute inheritance.\
 This rule suggests applying `inheritAttrs: false` when it detects `v-bind="$attrs"` being used.
 
 <eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error', { checkMultiRootNodes: false }]}">
diff --git a/docs/rules/no-expose-after-await.md b/docs/rules/no-expose-after-await.md
index 7f8fe9137..bd11f7d44 100644
--- a/docs/rules/no-expose-after-await.md
+++ b/docs/rules/no-expose-after-await.md
@@ -14,8 +14,8 @@ since: v8.1.0
 
 ## :book: Rule Details
 
-This rule reports usages of `expose()` and `defineExpose()` after an `await` expression.  
-In the `setup()` function, `expose()` should be registered synchronously.  
+This rule reports usages of `expose()` and `defineExpose()` after an `await` expression.\
+In the `setup()` function, `expose()` should be registered synchronously.\
 In the `<script setup>`, `defineExpose()` should be registered synchronously.
 
 <eslint-code-block :rules="{'vue/no-expose-after-await': ['error']}">
diff --git a/docs/rules/no-extra-parens.md b/docs/rules/no-extra-parens.md
index fbb0a3202..5ea9d29fb 100644
--- a/docs/rules/no-extra-parens.md
+++ b/docs/rules/no-extra-parens.md
@@ -21,7 +21,7 @@ However, if neither is found, the rule cannot be used.
 
 ## :book: Rule Details
 
-This rule restricts the use of parentheses to only where they are necessary.  
+This rule restricts the use of parentheses to only where they are necessary.\
 This rule extends the [@stylistic/no-extra-parens] rule and applies it to the `<template>`. This rule also checks some Vue.js syntax.
 
 <eslint-code-block fix :rules="{'vue/no-extra-parens': ['error']}">
diff --git a/docs/rules/no-lifecycle-after-await.md b/docs/rules/no-lifecycle-after-await.md
index 78d54c526..4516e2fd3 100644
--- a/docs/rules/no-lifecycle-after-await.md
+++ b/docs/rules/no-lifecycle-after-await.md
@@ -14,7 +14,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule reports the lifecycle hooks after `await` expression.  
+This rule reports the lifecycle hooks after `await` expression.\
 In `setup()` function, `onXXX` lifecycle hooks should be registered synchronously.
 
 <eslint-code-block :rules="{'vue/no-lifecycle-after-await': ['error']}">
diff --git a/docs/rules/no-lone-template.md b/docs/rules/no-lone-template.md
index 170b63ce3..2d05a77c6 100644
--- a/docs/rules/no-lone-template.md
+++ b/docs/rules/no-lone-template.md
@@ -14,8 +14,8 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule aims to eliminate unnecessary and potentially confusing `<template>`.  
-In Vue.js 2.x, the `<template>` elements that have no specific directives have no effect.  
+This rule aims to eliminate unnecessary and potentially confusing `<template>`.\
+In Vue.js 2.x, the `<template>` elements that have no specific directives have no effect.\
 In Vue.js 3.x, the `<template>` elements that have no specific directives render the `<template>` elements as is, but in most cases this may not be what you intended.
 
 <eslint-code-block :rules="{'vue/no-lone-template': ['error']}">
@@ -47,7 +47,7 @@ In Vue.js 3.x, the `<template>` elements that have no specific directives render
 }
 ```
 
-- `ignoreAccessible` ... If `true`, ignore accessible `<template>` elements. default `false`.  
+- `ignoreAccessible` ... If `true`, ignore accessible `<template>` elements. default `false`.\
   Note: this option is useless if you are using Vue.js 2.x.
 
 ### `"ignoreAccessible": true`
diff --git a/docs/rules/no-multiple-slot-args.md b/docs/rules/no-multiple-slot-args.md
index 74d6c2931..17ba69b02 100644
--- a/docs/rules/no-multiple-slot-args.md
+++ b/docs/rules/no-multiple-slot-args.md
@@ -14,7 +14,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule disallows to pass multiple arguments to scoped slots.  
+This rule disallows to pass multiple arguments to scoped slots.\
 In details, it reports call expressions if a call of `this.$scopedSlots` members has 2 or more arguments.
 
 <eslint-code-block :rules="{'vue/no-multiple-slot-args': ['error']}">
diff --git a/docs/rules/no-ref-as-operand.md b/docs/rules/no-ref-as-operand.md
index af10e0b7d..870a784e2 100644
--- a/docs/rules/no-ref-as-operand.md
+++ b/docs/rules/no-ref-as-operand.md
@@ -15,7 +15,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule reports cases where a ref is used incorrectly as an operand.  
+This rule reports cases where a ref is used incorrectly as an operand.\
 You must use `.value` to access the `Ref` value.
 
 <eslint-code-block fix :rules="{'vue/no-ref-as-operand': ['error']}">
diff --git a/docs/rules/no-ref-object-destructure.md b/docs/rules/no-ref-object-destructure.md
index 8ea5247a1..7733768ea 100644
--- a/docs/rules/no-ref-object-destructure.md
+++ b/docs/rules/no-ref-object-destructure.md
@@ -31,7 +31,7 @@ const v6 = computed(() => fn(count.value) /* ✓ GOOD */)
 
 </eslint-code-block>
 
-This rule also supports Reactivity Transform, but Reactivity Transform is an experimental feature and may have false positives due to future Vue changes.  
+This rule also supports Reactivity Transform, but Reactivity Transform is an experimental feature and may have false positives due to future Vue changes.\
 See the [RFC](https://github.com/vuejs/rfcs/pull/420) for more information on Reactivity Transform.
 
 <eslint-code-block :rules="{'vue/no-ref-object-destructure': ['error']}" language="javascript" filename="example.js" >
diff --git a/docs/rules/no-ref-object-reactivity-loss.md b/docs/rules/no-ref-object-reactivity-loss.md
index 5df8ed52b..3f13174e1 100644
--- a/docs/rules/no-ref-object-reactivity-loss.md
+++ b/docs/rules/no-ref-object-reactivity-loss.md
@@ -29,7 +29,7 @@ const v6 = computed(() => fn(count.value) /* ✓ GOOD */)
 
 </eslint-code-block>
 
-This rule also supports Reactivity Transform, but Reactivity Transform is an experimental feature and may have false positives due to future Vue changes.  
+This rule also supports Reactivity Transform, but Reactivity Transform is an experimental feature and may have false positives due to future Vue changes.\
 See the [RFC](https://github.com/vuejs/rfcs/pull/420) for more information on Reactivity Transform.
 
 <eslint-code-block :rules="{'vue/no-ref-object-reactivity-loss': ['error']}" language="javascript" filename="example.js" >
diff --git a/docs/rules/no-undef-properties.md b/docs/rules/no-undef-properties.md
index f9aa19fb4..9d77323c5 100644
--- a/docs/rules/no-undef-properties.md
+++ b/docs/rules/no-undef-properties.md
@@ -12,11 +12,11 @@ since: v7.20.0
 
 ## :book: Rule Details
 
-This rule warns of using undefined properties.  
+This rule warns of using undefined properties.\
 This rule can help you locate potential errors resulting from misspellings property names, and implicitly added properties.
 
 ::: warning Note
-This rule cannot detect properties defined in other files or components.  
+This rule cannot detect properties defined in other files or components.\
 Note that there are many false positives if you are using mixins.
 :::
 
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index aed50cb1c..4bfb714f2 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -14,7 +14,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule reports mustache interpolation with a string literal value.  
+This rule reports mustache interpolation with a string literal value.\
 The mustache interpolation with a string literal value can be changed to a static contents.
 
 <eslint-code-block fix :rules="{'vue/no-useless-mustaches': ['error']}">
diff --git a/docs/rules/no-useless-v-bind.md b/docs/rules/no-useless-v-bind.md
index 4c5b11ba5..f1bde1726 100644
--- a/docs/rules/no-useless-v-bind.md
+++ b/docs/rules/no-useless-v-bind.md
@@ -14,7 +14,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule reports `v-bind` with a string literal value.  
+This rule reports `v-bind` with a string literal value.\
 The `v-bind` with a string literal value can be changed to a static attribute definition.
 
 <eslint-code-block fix :rules="{'vue/no-useless-v-bind': ['error']}">
diff --git a/docs/rules/no-watch-after-await.md b/docs/rules/no-watch-after-await.md
index 32b5dab0c..b0cf5345d 100644
--- a/docs/rules/no-watch-after-await.md
+++ b/docs/rules/no-watch-after-await.md
@@ -14,7 +14,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule reports the `watch()` after `await` expression.  
+This rule reports the `watch()` after `await` expression.\
 In `setup()` function, `watch()` should be registered synchronously.
 
 <eslint-code-block :rules="{'vue/no-watch-after-await': ['error']}">
diff --git a/docs/rules/require-slots-as-functions.md b/docs/rules/require-slots-as-functions.md
index 56df0f88c..05c04e8fb 100644
--- a/docs/rules/require-slots-as-functions.md
+++ b/docs/rules/require-slots-as-functions.md
@@ -14,7 +14,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule enforces the properties of `$slots` to be used as a function.  
+This rule enforces the properties of `$slots` to be used as a function.\
 `this.$slots.default` was an array of VNode in Vue.js 2.x, but changed to a function that returns an array of VNode in Vue.js 3.x.
 
 <eslint-code-block :rules="{'vue/require-slots-as-functions': ['error']}">
diff --git a/docs/rules/script-setup-uses-vars.md b/docs/rules/script-setup-uses-vars.md
index 7f0eb15f7..37728a4f1 100644
--- a/docs/rules/script-setup-uses-vars.md
+++ b/docs/rules/script-setup-uses-vars.md
@@ -14,7 +14,7 @@ since: v7.13.0
 
 ::: tip
 
-This rule is not needed when using `vue-eslint-parser` v9.0.0 or later.
+This rule is not needed when using [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) v9.0.0 or later.
 
 :::
 
@@ -56,7 +56,7 @@ After turning on, `Foo` is being marked as used and `no-unused-vars` rule doesn'
 
 You can disable this rule in any of the following cases:
 
-- You are using `vue-eslint-parser` v9.0.0 or later.
+- You are using [`vue-eslint-parser`](https://github.com/vuejs/vue-eslint-parser) v9.0.0 or later.
 - You are not using `<script setup>`.
 - You do not use the `no-unused-vars` rule.
 
diff --git a/docs/rules/v-slot-style.md b/docs/rules/v-slot-style.md
index 5c650eb7c..fbb931c89 100644
--- a/docs/rules/v-slot-style.md
+++ b/docs/rules/v-slot-style.md
@@ -69,7 +69,7 @@ Each value means:
 - `"longform"` ... use `v-slot:` directive notation. E.g. `v-slot:default`, `v-slot:named`, ...
 - `"v-slot"` ... use `v-slot` without that argument. This is shorter than `#default` shorthand.
 
-And a string option is supported to be consistent to similar `vue/v-bind-style` and `vue/v-on-style`.
+And a string option is supported to be consistent to similar [`vue/v-bind-style`](./v-bind-style.md) and [`vue/v-on-style`](./v-on-style.md).
 
 - `["error", "longform"]` is same as `["error", { atComponent: "longform", default: "longform", named: "longform" }]`.
 - `["error", "shorthand"]` is same as `["error", { atComponent: "shorthand", default: "shorthand", named: "shorthand" }]`.
diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 103471f61..84c87c580 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -198,7 +198,7 @@ By default, all rules from **base** and **essential** categories report ESLint e
 :::
 
 :::warning Status of Vue.js 3.x supports
-This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS variable injection, but the ref sugar, an experimental feature of Vue.js 3.2, is not yet supported.  
+This plugin supports the basic syntax of Vue.js 3.2, `<script setup>`, and CSS variable injection, but the ref sugar, an experimental feature of Vue.js 3.2, is not yet supported.\
 If you have issues with these, please also refer to the [FAQ](#does-not-work-well-with-script-setup). If you can't find a solution, search for the issue and if the issue doesn't exist, open a new issue.
 :::
 
@@ -242,7 +242,7 @@ 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-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.
+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] to parse `.vue` files, this plugin doesn't work if you overwrite the `parser` option.
 
 ```diff
 - "parser": "@typescript-eslint/parser",
@@ -360,8 +360,8 @@ If you want to disallow `eslint-disable` functionality in `<template>`, disable
 
 ### Parser Options
 
-This plugin uses [vue-eslint-parser](https://www.npmjs.com/package/vue-eslint-parser).
-For `parserOptions`, you can use the `vueFeatures` options of `vue-eslint-parser`.
+This plugin uses [vue-eslint-parser].
+For `parserOptions`, you can use the `vueFeatures` options of [vue-eslint-parser].
 
 ```json
 {
@@ -432,14 +432,14 @@ read more: [JetBrains - ESLint](https://www.jetbrains.com/help/idea/eslint.html)
 
 ### What is the "Use the latest vue-eslint-parser" error?
 
-Most `eslint-plugin-vue` rules require `vue-eslint-parser` to check `<template>` ASTs.
+Most `eslint-plugin-vue` rules require [vue-eslint-parser] to check `<template>` ASTs.
 
 Make sure you have one of the following settings in your **.eslintrc**:
 
 - `"extends": ["plugin:vue/recommended"]`
 - `"extends": ["plugin:vue/base"]`
 
-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:
+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": "@typescript-eslint/parser",
@@ -491,7 +491,7 @@ module.exports = {
 }
 ```
 
-If Prettier conflicts with a rule you have set, [turn off that rule][prettier-linters]. For example, if you have `vue/html-indent` configured as `error` in `rules`, but it conflicts with Prettier, remove that line:
+If Prettier conflicts with a rule you have set, [turn off that rule][prettier-linters]. For example, if you have [`vue/html-indent`](./../rules/html-indent.md) configured as `error` in `rules`, but it conflicts with Prettier, remove that line:
 
 ```diff
 module.exports = {
@@ -524,8 +524,8 @@ If you are using JSX, you need to enable JSX in your ESLint configuration.
 
 See also [ESLint - Specifying Parser Options](https://eslint.org/docs/user-guide/configuring#specifying-parser-options).
 
-The same configuration is required when using JSX with TypeScript (TSX) in the `.vue` file.  
-See also [here](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/README.md#parseroptionsecmafeaturesjsx).  
+The same configuration is required when using JSX with TypeScript (TSX) in the `.vue` file.\
+See also [here](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/README.md#parseroptionsecmafeaturesjsx).\
 Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`) when using `jsx: true`.
 
 ### Trouble with Visual Studio Code
@@ -533,7 +533,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-parser`, but the template still show `vue/no-parsing-error` warnings.
+- Used `@babel/eslint-parser`, but the template still show [`vue/no-parsing-error`](./../rules/no-parsing-error.md) warnings.
 
 You need to turn off Vetur's template validation by adding `vetur.validation.template: false` to your `.vscode/settings.json`.
 
@@ -588,3 +588,5 @@ export default [
 ```
 
 :::
+
+[vue-eslint-parser]: https://github.com/vuejs/vue-eslint-parser
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 1de2500f4..0fe41f792 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,24 +1,58 @@
+import { defineConfig } from 'eslint/config'
 import globals from 'globals'
 import eslintPluginEslintPlugin from 'eslint-plugin-eslint-plugin/configs/all'
 import eslintPluginJsonc from 'eslint-plugin-jsonc'
 import eslintPluginNodeDependencies from 'eslint-plugin-node-dependencies'
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
 import eslintPluginUnicorn from 'eslint-plugin-unicorn'
+import eslintMarkdown from '@eslint/markdown'
+import eslintPluginMarkdownPreferences from 'eslint-plugin-markdown-preferences'
 import vueEslintParser from 'vue-eslint-parser'
 import noInvalidMeta from './eslint-internal-rules/no-invalid-meta.js'
 import noInvalidMetaDocsCategories from './eslint-internal-rules/no-invalid-meta-docs-categories.js'
 import requireEslintCommunity from './eslint-internal-rules/require-eslint-community.js'
+import rules from './tools/lib/rules.js'
+import path from 'path'
+import { fileURLToPath } from 'url'
 
 // @ts-check
 /// <reference path="./eslint-typegen.d.ts" />
 import typegen from 'eslint-typegen'
 
+const dirname = path.dirname(fileURLToPath(import.meta.url))
+const MD_BASE_LINKS = {
+  'vue-eslint-parser': 'https://github.com/vuejs/vue-eslint-parser',
+  '@typescript-eslint/parser': 'https://typescript-eslint.io/packages/parser',
+  'eslint-typegen': 'https://github.com/antfu/eslint-typegen',
+  '@stylistic/eslint-plugin': 'https://eslint.style/'
+}
+const MD_LINKS = {
+  ...Object.fromEntries(
+    rules.map((rule) => [
+      rule.ruleId,
+      `https://eslint.vuejs.org/rules/${rule.name}.html`
+    ])
+  ),
+  ...MD_BASE_LINKS
+}
+// Links to rule docs from files in docs will link to the md file.
+const MD_LINKS_FOR_DOCS = {
+  ...Object.fromEntries(
+    rules.map((rule) => [
+      rule.ruleId,
+      path.resolve(dirname, './docs/rules', `./${rule.name}.md`)
+    ])
+  ),
+  ...MD_BASE_LINKS
+}
+
 export default typegen([
   {
     ignores: [
       '.nyc_output',
       'coverage',
       'node_modules',
+      '.changeset/**/*.md',
       'tests/fixtures',
       'tests/integrations/eslint-plugin-import',
 
@@ -30,11 +64,8 @@ export default typegen([
       'docs/.vitepress/cache'
     ]
   },
-  eslintPluginEslintPlugin,
-  eslintPluginUnicorn.configs['flat/recommended'],
-  ...eslintPluginNodeDependencies.configs['flat/recommended'],
-  ...eslintPluginJsonc.configs['flat/recommended-with-jsonc'],
   eslintPluginPrettierRecommended,
+  ...eslintPluginNodeDependencies.configs['flat/recommended'],
   {
     plugins: {
       internal: {
@@ -46,9 +77,13 @@ export default typegen([
       }
     }
   },
-
-  // turn off some rules from shared configs in all files
-  {
+  ...defineConfig({
+    files: ['**/*.js'],
+    extends: [
+      eslintPluginEslintPlugin,
+      eslintPluginUnicorn.configs['flat/recommended']
+    ],
+    // turn off some rules from shared configs in all files
     rules: {
       'eslint-plugin/require-meta-default-options': 'off', // TODO: enable when all rules have defaultOptions
       'eslint-plugin/require-meta-docs-recommended': 'off', // use `categories` instead
@@ -67,7 +102,7 @@ export default typegen([
       'unicorn/prefer-top-level-await': 'off', //    turn off to prevent make breaking changes (ref: #2146)
       'unicorn/prevent-abbreviations': 'off'
     }
-  },
+  }),
 
   {
     files: ['**/*.js'],
@@ -241,10 +276,65 @@ export default typegen([
       'internal/no-invalid-meta-docs-categories': 'error'
     }
   },
-  {
+  ...defineConfig({
     files: ['**/*.json'],
+    extends: [...eslintPluginJsonc.configs['flat/recommended-with-jsonc']],
     rules: {
       'prettier/prettier': 'off'
     }
-  }
+  }),
+  ...defineConfig([
+    {
+      files: ['**/*.md'],
+      extends: [
+        eslintMarkdown.configs.recommended,
+        eslintPluginMarkdownPreferences.configs.recommended
+      ],
+      rules: {
+        'prettier/prettier': 'off',
+        'markdown/no-missing-link-fragments': 'off',
+
+        'markdown-preferences/prefer-linked-words': [
+          'error',
+          {
+            words: MD_LINKS,
+            ignores: [
+              {
+                node: { type: 'heading' }
+              },
+              {
+                node: { type: 'footnoteDefinition' }
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      files: ['docs/**/*.md'],
+      rules: {
+        'markdown-preferences/prefer-linked-words': [
+          'error',
+          {
+            words: MD_LINKS_FOR_DOCS,
+            ignores: [
+              {
+                node: { type: 'heading' }
+              },
+              {
+                node: { type: 'footnoteDefinition' }
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      files: ['.github/ISSUE_TEMPLATE/*.md'],
+      rules: {
+        'prettier/prettier': 'off',
+        'markdown/no-missing-label-refs': 'off'
+      }
+    }
+  ])
 ])
diff --git a/lib/rules/no-setup-props-reactivity-loss.js b/lib/rules/no-setup-props-reactivity-loss.js
index 04517f90a..00f569ac6 100644
--- a/lib/rules/no-setup-props-reactivity-loss.js
+++ b/lib/rules/no-setup-props-reactivity-loss.js
@@ -139,15 +139,26 @@ module.exports = {
       while (expression.type === 'MemberExpression') {
         expression = utils.skipChainExpression(expression.object)
       }
-      /** A list of expression nodes to verify */
-      const expressions =
-        expression.type === 'TemplateLiteral'
-          ? expression.expressions
-          : expression.type === 'ConditionalExpression'
-            ? [expression.test, expression.consequent, expression.alternate]
-            : expression.type === 'Identifier'
-              ? [expression]
-              : []
+      /** @type {Expression[]} A list of expression nodes to verify */
+      const expressions = []
+      switch (expression.type) {
+        case 'TemplateLiteral': {
+          expressions.push(...expression.expressions)
+          break
+        }
+        case 'ConditionalExpression': {
+          expressions.push(
+            expression.test,
+            expression.consequent,
+            expression.alternate
+          )
+          break
+        }
+        case 'Identifier': {
+          expressions.push(expression)
+          break
+        }
+      }
 
       if (
         (left.type === 'ArrayPattern' || left.type === 'ObjectPattern') &&
diff --git a/package.json b/package.json
index 5266cc3b6..d1e693690 100644
--- a/package.json
+++ b/package.json
@@ -81,6 +81,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.2",
+    "@eslint/markdown": "^7.1.0",
     "@ota-meshi/site-kit-eslint-editor-vue": "^0.2.4",
     "@stylistic/eslint-plugin": "^5.2.2",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
@@ -95,11 +96,12 @@
     "assert": "^2.1.0",
     "env-cmd": "^10.1.0",
     "esbuild": "^0.24.0",
-    "eslint": "^9.30.0",
+    "eslint": "^9.32.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-eslint-plugin": "~6.4.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsonc": "^2.16.0",
+    "eslint-plugin-markdown-preferences": "^0.7.0",
     "eslint-plugin-node-dependencies": "^0.12.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-unicorn": "^56.0.0",